From 9efac0f0678890cc0a67a8c603ec4bb1d540d89f Mon Sep 17 00:00:00 2001
From: tomasz1986 <twilczynski@naver.com>
Date: Tue, 25 Jan 2022 23:08:27 +0100
Subject: [PATCH] gui: Tweak the Restore Versions modal for better usability
 (#7972)

---
 gui/black/assets/css/theme.css                |     9 +-
 gui/dark/assets/css/theme.css                 |     9 +-
 gui/default/assets/css/overrides.css          |    74 +-
 gui/default/assets/css/tree.css               |    58 +
 gui/default/index.html                        |     2 +-
 .../syncthing/core/syncthingController.js     |    26 +-
 .../folder/restoreVersionsMassActions.html    |     2 +-
 .../folder/restoreVersionsModalView.html      |    24 +-
 .../restoreVersionsVersionSelector.html       |     2 +-
 gui/default/vendor/daterangepicker/LICENSE    |     4 +-
 .../daterangepicker/daterangepicker.css       |   164 +-
 .../vendor/daterangepicker/daterangepicker.js |   213 +-
 gui/default/vendor/fancytree/LICENSE.txt      |     4 +-
 .../vendor/fancytree/css/ui.fancytree.css     |   706 -
 .../fancytree/jquery.fancytree-all-deps.js    | 22271 ++++++++--------
 .../vendor/fancytree/skin-lion/icons.gif      |   Bin 5937 -> 0 bytes
 .../vendor/fancytree/skin-lion/loading.gif    |   Bin 1849 -> 0 bytes
 .../vendor/fancytree/skin-lion/vline.gif      |   Bin 852 -> 0 bytes
 gui/light/assets/css/theme.css                |    11 +-
 19 files changed, 12099 insertions(+), 11480 deletions(-)
 create mode 100644 gui/default/assets/css/tree.css
 delete mode 100644 gui/default/vendor/fancytree/css/ui.fancytree.css
 delete mode 100644 gui/default/vendor/fancytree/skin-lion/icons.gif
 delete mode 100644 gui/default/vendor/fancytree/skin-lion/loading.gif
 delete mode 100644 gui/default/vendor/fancytree/skin-lion/vline.gif

diff --git a/gui/black/assets/css/theme.css b/gui/black/assets/css/theme.css
index f6cdb51f7..622a22a58 100644
--- a/gui/black/assets/css/theme.css
+++ b/gui/black/assets/css/theme.css
@@ -265,6 +265,11 @@ code.ng-binding{
     color: #222;
 }
 
-.fancytree-title {
-    color: #aaa !important;
+/*
+ * Fancytree tweaks
+ */
+
+.fancytree-container tr:hover,
+.fancytree-focused {
+    background-color: #222;
 }
diff --git a/gui/dark/assets/css/theme.css b/gui/dark/assets/css/theme.css
index d2aafed96..f554bb8a8 100644
--- a/gui/dark/assets/css/theme.css
+++ b/gui/dark/assets/css/theme.css
@@ -277,6 +277,11 @@ code.ng-binding{
     color: #3fa9f0;
 }
 
-.fancytree-title {
-    color: #aaa !important;
+/*
+ * Fancytree tweaks
+ */
+
+.fancytree-container tr:hover,
+.fancytree-focused {
+    background-color: #424242;
 }
diff --git a/gui/default/assets/css/overrides.css b/gui/default/assets/css/overrides.css
index aa4a1e7b1..410e59733 100644
--- a/gui/default/assets/css/overrides.css
+++ b/gui/default/assets/css/overrides.css
@@ -301,6 +301,62 @@ ul.three-columns li, ul.two-columns li {
     z-index: 980;
 }
 
+/*
+ * Restore Versions tweaks
+ */
+
+#restoreTree-container {
+    overflow-y: scroll;
+    resize: vertical;
+    /* Limit height to prevent vertical screen overflow. */
+    max-height: calc(100vh - 390px);
+    /* Always fit at least one folder with dropdown open. */
+    min-height: 136px;
+}
+@media (min-width: 768px) {
+    #restoreTree-container {
+        max-height: calc(100vh - 401px);
+    }
+}
+@media (min-width: 992px) {
+    #restoreTree-container {
+        max-height: calc(100vh - 333px);
+    }
+}
+
+/* Ignore fixed height when manually resized. */
+#restoreTree-container[style*="height"] {
+    max-height: none;
+}
+
+/* Remove table outline as rows have own focus style already. */
+#restoreTree:focus {
+    outline: 0;
+}
+
+/* Align dropdown with title first line. */
+#restoreTree td + td {
+    padding-top: 4px;
+    vertical-align: top;
+}
+
+/* Reduce space between toggle and menu on mobile. */
+#restoreTree .dropdown-toggle {
+    margin-bottom: 0;
+}
+
+/* Change direction to remain on screen on mobile. */
+#restoreTree .dropdown-menu {
+    left: auto;
+    right: 0;
+}
+
+/* Ensure maximum space for filtering and date range. */
+#restoreVersions .form-group,
+#restoreVersions .form-control {
+    width: 100%;
+}
+
 /** Footer nav on small devices **/
 @media (max-width: 1199px) {
     /* Stay at the end of the page, with space reserved for the footer
@@ -396,10 +452,6 @@ ul.three-columns li, ul.two-columns li {
     padding-top: 10px;
 }
 
-.fancytree-ext-table {
-    width: 100% !important;
-}
-
 @media (max-width: 419px) {
     /* the selectors are build to target only the content of folder and device
        panels as it would "destroy" e.g. out of sync or recent changes listings */
@@ -420,12 +472,18 @@ ul.three-columns li, ul.two-columns li {
         width: 100%;
     }
 
-    /* all buttons, except panel headings, get bottom margin, as they won't fit
-       beside each other anymore */
+    /* All buttons, except panel headings, get bottom margin, as they
+       won't fit beside each other anymore. Reduce footer padding to
+       compensate for the margin. */
     .btn:not(.panel-heading),
-    /* this "+"-selector is needed to override some bootstrap defaults */
     .btn:not(.panel-heading) + .btn:not(.panel-heading) {
-        margin-bottom: 1rem;
+        margin-bottom: 10px;
+    }
+    .panel-footer {
+        padding-bottom: 0;
+    }
+    .modal-footer {
+        padding-bottom: 5px;
     }
 }
 
diff --git a/gui/default/assets/css/tree.css b/gui/default/assets/css/tree.css
new file mode 100644
index 000000000..b55488f41
--- /dev/null
+++ b/gui/default/assets/css/tree.css
@@ -0,0 +1,58 @@
+/*
+// Copyright (C) 2021 The Syncthing Authors.
+//
+// This Source Code Form is subject to the terms of the Mozilla Public
+// License, v. 2.0. If a copy of the MPL was not distributed with this file,
+// You can obtain one at https://mozilla.org/MPL/2.0/.
+
+*/
+
+.fancytree-container {
+    cursor: pointer;
+    width: 100%;
+}
+
+.fancytree-hide {
+    visibility: collapse;
+}
+
+/* Node needs to be block, and expander, icon and title
+   inline-block to properly wrap unbreakable text. */
+.fancytree-node {
+    display: block;
+    white-space: nowrap;
+    /* expander 16px + icon 16px + title padding 8px */
+    padding-right: 40px;
+}
+.fancytree-expander,
+.fancytree-icon,
+.fancytree-title {
+    display: inline-block;
+}
+
+.fancytree-expander,
+.fancytree-icon {
+    margin-top: 4px;
+    vertical-align: top;
+    width: 16px;
+}
+
+.fancytree-childcounter {
+    background: #777;
+    border-radius: 10px;
+    border: 1px solid gray;
+    color: #fff;
+    font-size: 13px;
+    opacity: .75;
+    padding: 2px 3px;
+    position: relative;
+    right: 8px;
+    top: -9px;
+    user-select: none;
+}
+
+.fancytree-title {
+    padding-left: 8px;
+    white-space: normal;
+    word-break: break-all;
+}
diff --git a/gui/default/index.html b/gui/default/index.html
index 85868c8ba..0f9af35d3 100644
--- a/gui/default/index.html
+++ b/gui/default/index.html
@@ -23,9 +23,9 @@
   <link href="assets/font/raleway.css" rel="stylesheet"/>
   <link href="vendor/fork-awesome/css/fork-awesome.css" rel="stylesheet"/>
   <link href="vendor/fork-awesome/css/v5-compat.css" rel="stylesheet"/>
+  <link href="assets/css/tree.css" rel="stylesheet"/>
   <link href="assets/css/overrides.css" rel="stylesheet"/>
   <link href="assets/css/theme.css" rel="stylesheet"/>
-  <link href="vendor/fancytree/css/ui.fancytree.css" rel="stylesheet"/>
 </head>
 
 <body>
diff --git a/gui/default/syncthing/core/syncthingController.js b/gui/default/syncthing/core/syncthingController.js
index d786da04c..ff4143fca 100755
--- a/gui/default/syncthing/core/syncthingController.js
+++ b/gui/default/syncthing/core/syncthingController.js
@@ -2509,23 +2509,22 @@ angular.module('syncthing.core')
                             }
 
                             $scope.restoreVersions.tree = $("#restoreTree").fancytree({
-                                extensions: ["table", "filter"],
+                                extensions: ["table", "filter", "glyph"],
                                 quicksearch: true,
                                 filter: {
-                                    autoApply: true,
-                                    counter: true,
-                                    hideExpandedCounter: true,
                                     hideExpanders: true,
-                                    highlight: true,
-                                    leavesOnly: false,
-                                    nodata: true,
                                     mode: "hide"
                                 },
-                                table: {
-                                    indentation: 20,
-                                    nodeColumnIdx: 0,
+                                glyph: {
+                                    preset: "awesome5",
                                 },
-                                debugLevel: 2,
+                                table: {
+                                    indentation: 24,
+                                },
+                                // Set to '1' to silence errors after pressing arrow keys on file nodes.
+                                // Happens on the official option cofiguration from the developer's site
+                                // too, so probably a bug?
+                                debugLevel: 1,
                                 source: buildTree($scope.restoreVersions.versions),
                                 renderColumns: function (event, data) {
                                     // Case insensitive sort with folders on top.
@@ -2540,9 +2539,9 @@ angular.module('syncthing.core')
                                         $tdList = $(node.tr).find(">td"),
                                         template;
                                     if (node.folder) {
-                                        template = '<div ng-include="\'syncthing/folder/restoreVersionsMassActions.html\'" class="pull-right"/>';
+                                        template = '<div ng-include="\'syncthing/folder/restoreVersionsMassActions.html\'"/>';
                                     } else {
-                                        template = '<div ng-include="\'syncthing/folder/restoreVersionsVersionSelector.html\'" class="pull-right"/>';
+                                        template = '<div ng-include="\'syncthing/folder/restoreVersionsVersionSelector.html\'"/>';
                                     }
 
                                     var scope = $rootScope.$new(true);
@@ -2601,7 +2600,6 @@ angular.module('syncthing.core')
                                 timePicker: true,
                                 timePicker24Hour: true,
                                 timePickerSeconds: true,
-                                autoUpdateInput: true,
                                 opens: "left",
                                 drops: "up",
                                 startDate: minDate,
diff --git a/gui/default/syncthing/folder/restoreVersionsMassActions.html b/gui/default/syncthing/folder/restoreVersionsMassActions.html
index 4dfba00f9..eecc313da 100644
--- a/gui/default/syncthing/folder/restoreVersionsMassActions.html
+++ b/gui/default/syncthing/folder/restoreVersionsMassActions.html
@@ -1,4 +1,4 @@
-<div class="dropdown">
+<div class="dropdown pull-right">
   <button class="btn btn-default btn-xs dropdown-toggle" type="button" data-toggle="dropdown">
     <span translate>Mass actions</span>
     <span class="caret"></span>
diff --git a/gui/default/syncthing/folder/restoreVersionsModalView.html b/gui/default/syncthing/folder/restoreVersionsModalView.html
index 2ee992c67..f9f4da92d 100644
--- a/gui/default/syncthing/folder/restoreVersionsModalView.html
+++ b/gui/default/syncthing/folder/restoreVersionsModalView.html
@@ -2,27 +2,27 @@
   <div class="modal-body">
     <span translate ng-if="!restoreVersions.versions && !restoreVersions.errors">Loading data...</span>
     <div ng-if="restoreVersions.versions">
-      <table id="restoreTree">
-        <thead>
-          <tr>
-            <th></th>
-            <th></th>
-          </tr>
-        </thead>
-        <tbody>
-        </tbody>
-      </table>
+      <div id="restoreTree-container">
+        <table id="restoreTree">
+          <tbody>
+            <tr>
+              <td></td>
+              <td></td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
       <hr />
       <div class="row form-inline">
         <div class="col-md-6">
           <div class="form-group">
-            <label translate for="restoreVersionSearch">Filter by name</label>:&nbsp
+            <label for="restoreVersionSearch"><span translate>Filter by name</span>:&nbsp</label>
             <input id="restoreVersionSearch" class="form-control" type="text" ng-model="restoreVersions.filters.text">
           </div>
         </div>
         <div class="col-md-6">
           <div class="form-group">
-            <label translate for="restoreVersionDate">Filter by date</label>:&nbsp
+            <label for="restoreVersionDate"><span translate>Filter by date</span>:&nbsp</label>
             <input id="restoreVersionDateRange" class="form-control">
           </div>
         </div>
diff --git a/gui/default/syncthing/folder/restoreVersionsVersionSelector.html b/gui/default/syncthing/folder/restoreVersionsVersionSelector.html
index 9df50c017..2a29c6c3f 100644
--- a/gui/default/syncthing/folder/restoreVersionsVersionSelector.html
+++ b/gui/default/syncthing/folder/restoreVersionsVersionSelector.html
@@ -1,4 +1,4 @@
-<div class="dropdown">
+<div class="dropdown pull-right">
   <button class="btn btn-default btn-xs dropdown-toggle" type="button" data-toggle="dropdown">
     <span ng-if="!restoreVersions.selections[key]" translate>Do not restore</span>
     <span ng-if="restoreVersions.selections[key]">{{ restoreVersions.selections[key] | date:"yyyy/MM/dd HH:mm:ss" }}</span>
diff --git a/gui/default/vendor/daterangepicker/LICENSE b/gui/default/vendor/daterangepicker/LICENSE
index 9df987dee..650bd3012 100644
--- a/gui/default/vendor/daterangepicker/LICENSE
+++ b/gui/default/vendor/daterangepicker/LICENSE
@@ -1,4 +1,6 @@
-Copyright (c) 2012-2018 Dan Grossman
+The MIT License (MIT)
+
+Copyright (c) 2012-2020 Dan Grossman
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal
diff --git a/gui/default/vendor/daterangepicker/daterangepicker.css b/gui/default/vendor/daterangepicker/daterangepicker.css
index 31dc93183..a96380496 100644
--- a/gui/default/vendor/daterangepicker/daterangepicker.css
+++ b/gui/default/vendor/daterangepicker/daterangepicker.css
@@ -88,7 +88,7 @@
   border-top: 6px solid #fff;
 }
 
-.daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .calendar {
+.daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar {
   float: none;
 }
 
@@ -96,7 +96,7 @@
   display: none;
 }
 
-.daterangepicker.show-calendar .calendar {
+.daterangepicker.show-calendar .drp-calendar {
   display: block;
 }
 
@@ -108,20 +108,20 @@
   display: none;
 }
 
-.daterangepicker .calendar {
+.daterangepicker .drp-calendar {
   display: none;
   max-width: 270px;
 }
 
-.daterangepicker .calendar.left {
-  padding: 12px 0 12px 8px;
+.daterangepicker .drp-calendar.left {
+  padding: 8px 0 8px 8px;
 }
 
-.daterangepicker .calendar.right {
-  padding: 12px 8px;
+.daterangepicker .drp-calendar.right {
+  padding: 8px;
 }
 
-.daterangepicker .calendar.single .calendar-table {
+.daterangepicker .drp-calendar.single .calendar-table {
   border: none;
 }
 
@@ -266,7 +266,7 @@
 .daterangepicker .drp-buttons {
   clear: both;
   text-align: right;
-  padding: 8px 12px;
+  padding: 8px;
   border-top: 1px solid #ddd;
   display: none;
   line-height: 12px;
@@ -286,7 +286,19 @@
   padding: 4px 8px;
 }
 
-.daterangepicker.show-ranges .calendar.left {
+.daterangepicker.show-ranges.single.rtl .drp-calendar.left {
+  border-right: 1px solid #ddd;
+}
+
+.daterangepicker.show-ranges.single.ltr .drp-calendar.left {
+  border-left: 1px solid #ddd;
+}
+
+.daterangepicker.show-ranges.rtl .drp-calendar.right {
+  border-right: 1px solid #ddd;
+}
+
+.daterangepicker.show-ranges.ltr .drp-calendar.left {
   border-left: 1px solid #ddd;
 }
 
@@ -297,7 +309,7 @@
 }
 
 .daterangepicker.show-calendar .ranges {
-  margin-top: 12px;
+  margin-top: 8px;
 }
 
 .daterangepicker .ranges ul {
@@ -325,68 +337,74 @@
 /*  Larger Screen Styling */
 @media (min-width: 564px) {
   .daterangepicker {
-    width: auto; }
-    .daterangepicker .ranges ul {
-      width: 160px; }
-    .daterangepicker.single .ranges ul {
-      width: 100%; }
-    .daterangepicker.single .calendar.left {
-      clear: none; }
-    .daterangepicker.single.ltr .ranges, .daterangepicker.single.ltr .calendar {
-      float: left; }
-    .daterangepicker.single.rtl .ranges, .daterangepicker.single.rtl .calendar {
-      float: right; }
-    .daterangepicker.ltr {
-      direction: ltr;
-      text-align: left; }
-      .daterangepicker.ltr .calendar.left {
-        clear: left;
-        margin-right: 0; }
-        .daterangepicker.ltr .calendar.left .calendar-table {
-          border-right: none;
-          border-top-right-radius: 0;
-          border-bottom-right-radius: 0; }
-      .daterangepicker.ltr .calendar.right {
-        margin-left: 0; }
-        .daterangepicker.ltr .calendar.right .calendar-table {
-          border-left: none;
-          border-top-left-radius: 0;
-          border-bottom-left-radius: 0; }
-      .daterangepicker.ltr .left .daterangepicker_input {
-        padding-right: 12px; }
-      .daterangepicker.ltr .calendar.left .calendar-table {
-        padding-right: 12px; }
-      .daterangepicker.ltr .ranges, .daterangepicker.ltr .calendar {
-        float: left; }
-    .daterangepicker.rtl {
-      direction: rtl;
-      text-align: right; }
-      .daterangepicker.rtl .calendar.left {
-        clear: right;
-        margin-left: 0; }
-        .daterangepicker.rtl .calendar.left .calendar-table {
-          border-left: none;
-          border-top-left-radius: 0;
-          border-bottom-left-radius: 0; }
-      .daterangepicker.rtl .calendar.right {
-        margin-right: 0; }
-        .daterangepicker.rtl .calendar.right .calendar-table {
-          border-right: none;
-          border-top-right-radius: 0;
-          border-bottom-right-radius: 0; }
-      .daterangepicker.rtl .left .daterangepicker_input {
-        padding-left: 12px; }
-      .daterangepicker.rtl .calendar.left .calendar-table {
-        padding-left: 12px; }
-      .daterangepicker.rtl .ranges, .daterangepicker.rtl .calendar {
-        text-align: right;
-        float: right; } }
+    width: auto;
+  }
+
+  .daterangepicker .ranges ul {
+    width: 140px;
+  }
+
+  .daterangepicker.single .ranges ul {
+    width: 100%;
+  }
+
+  .daterangepicker.single .drp-calendar.left {
+    clear: none;
+  }
+
+  .daterangepicker.single .ranges, .daterangepicker.single .drp-calendar {
+    float: left;
+  }
+
+  .daterangepicker {
+    direction: ltr;
+    text-align: left;
+  }
+
+  .daterangepicker .drp-calendar.left {
+    clear: left;
+    margin-right: 0;
+  }
+
+  .daterangepicker .drp-calendar.left .calendar-table {
+    border-right: none;
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0;
+  }
+
+  .daterangepicker .drp-calendar.right {
+    margin-left: 0;
+  }
+
+  .daterangepicker .drp-calendar.right .calendar-table {
+    border-left: none;
+    border-top-left-radius: 0;
+    border-bottom-left-radius: 0;
+  }
+
+  .daterangepicker .drp-calendar.left .calendar-table {
+    padding-right: 8px;
+  }
+
+  .daterangepicker .ranges, .daterangepicker .drp-calendar {
+    float: left;
+  }
+}
+
 @media (min-width: 730px) {
   .daterangepicker .ranges {
-    width: auto; }
-  .daterangepicker.ltr .ranges {
-    float: left; }
+    width: auto;
+  }
+
+  .daterangepicker .ranges {
+    float: left;
+  }
+
   .daterangepicker.rtl .ranges {
-    float: right; }
-  .daterangepicker .calendar.left {
-    clear: none !important; } }
+    float: right;
+  }
+
+  .daterangepicker .drp-calendar.left {
+    clear: none !important;
+  }
+}
diff --git a/gui/default/vendor/daterangepicker/daterangepicker.js b/gui/default/vendor/daterangepicker/daterangepicker.js
index 59224f17f..4048310c9 100644
--- a/gui/default/vendor/daterangepicker/daterangepicker.js
+++ b/gui/default/vendor/daterangepicker/daterangepicker.js
@@ -1,7 +1,7 @@
 /**
-* @version: 3.0.0
+* @version: 3.1
 * @author: Dan Grossman http://www.dangrossman.info/
-* @copyright: Copyright (c) 2012-2018 Dan Grossman. All rights reserved.
+* @copyright: Copyright (c) 2012-2019 Dan Grossman. All rights reserved.
 * @license: Licensed under the MIT license. See http://www.opensource.org/licenses/mit-license.php
 * @website: http://www.daterangepicker.com/
 */
@@ -11,6 +11,7 @@
         // AMD. Make globaly available as well
         define(['moment', 'jquery'], function (moment, jquery) {
             if (!jquery.fn) jquery.fn = {}; // webpack server rendering
+            if (typeof moment !== 'function' && moment.hasOwnProperty('default')) moment = moment['default']
             return factory(moment, jquery);
         });
     } else if (typeof module === 'object' && module.exports) {
@@ -97,14 +98,14 @@
 
         //html template for the picker UI
         if (typeof options.template !== 'string' && !(options.template instanceof $))
-            options.template = 
+            options.template =
             '<div class="daterangepicker">' +
                 '<div class="ranges"></div>' +
-                '<div class="calendar left">' +
+                '<div class="drp-calendar left">' +
                     '<div class="calendar-table"></div>' +
                     '<div class="calendar-time"></div>' +
                 '</div>' +
-                '<div class="calendar right">' +
+                '<div class="drp-calendar right">' +
                     '<div class="calendar-table"></div>' +
                     '<div class="calendar-time"></div>' +
                 '</div>' +
@@ -290,7 +291,7 @@
 
         //if no start/end dates set, check if an input element contains initial values
         if (typeof options.startDate === 'undefined' && typeof options.endDate === 'undefined') {
-            if ($(this.element).is('input[type=text]')) {
+            if ($(this.element).is(':text')) {
                 var val = $(this.element).val(),
                     split = val.split(this.locale.separator);
 
@@ -336,7 +337,7 @@
 
                 // If the end of the range is before the minimum or the start of the range is
                 // after the maximum, don't display this range option at all.
-                if ((this.minDate && end.isBefore(this.minDate, this.timepicker ? 'minute' : 'day')) 
+                if ((this.minDate && end.isBefore(this.minDate, this.timepicker ? 'minute' : 'day'))
                   || (maxDate && start.isAfter(maxDate, this.timepicker ? 'minute' : 'day')))
                     continue;
 
@@ -382,10 +383,10 @@
 
         if (this.singleDatePicker) {
             this.container.addClass('single');
-            this.container.find('.calendar.left').addClass('single');
-            this.container.find('.calendar.left').show();
-            this.container.find('.calendar.right').hide();
-            if (!this.timePicker) {
+            this.container.find('.drp-calendar.left').addClass('single');
+            this.container.find('.drp-calendar.left').show();
+            this.container.find('.drp-calendar.right').hide();
+            if (!this.timePicker && this.autoApply) {
                 this.container.addClass('auto-apply');
             }
         }
@@ -409,20 +410,21 @@
         // event listeners
         //
 
-        this.container.find('.calendar')
+        this.container.find('.drp-calendar')
             .on('click.daterangepicker', '.prev', $.proxy(this.clickPrev, this))
             .on('click.daterangepicker', '.next', $.proxy(this.clickNext, this))
             .on('mousedown.daterangepicker', 'td.available', $.proxy(this.clickDate, this))
+            .on('mouseenter.daterangepicker', 'td.available', $.proxy(this.hoverDate, this))
             .on('change.daterangepicker', 'select.yearselect', $.proxy(this.monthOrYearChanged, this))
             .on('change.daterangepicker', 'select.monthselect', $.proxy(this.monthOrYearChanged, this))
-            .on('change.daterangepicker', 'select.hourselect,select.minuteselect,select.secondselect,select.ampmselect', $.proxy(this.timeChanged, this))
+            .on('change.daterangepicker', 'select.hourselect,select.minuteselect,select.secondselect,select.ampmselect', $.proxy(this.timeChanged, this));
 
         this.container.find('.ranges')
-            .on('click.daterangepicker', 'li', $.proxy(this.clickRange, this))
+            .on('click.daterangepicker', 'li', $.proxy(this.clickRange, this));
 
         this.container.find('.drp-buttons')
             .on('click.daterangepicker', 'button.applyBtn', $.proxy(this.clickApply, this))
-            .on('click.daterangepicker', 'button.cancelBtn', $.proxy(this.clickCancel, this))
+            .on('click.daterangepicker', 'button.cancelBtn', $.proxy(this.clickCancel, this));
 
         if (this.element.is('input') || this.element.is('button')) {
             this.element.on({
@@ -440,13 +442,7 @@
         // if attached to a text input, set the initial value
         //
 
-        if (this.element.is('input') && !this.singleDatePicker && this.autoUpdateInput) {
-            this.element.val(this.startDate.format(this.locale.format) + this.locale.separator + this.endDate.format(this.locale.format));
-            this.element.trigger('change');
-        } else if (this.element.is('input') && this.autoUpdateInput) {
-            this.element.val(this.startDate.format(this.locale.format));
-            this.element.trigger('change');
-        }
+        this.updateElement();
 
     };
 
@@ -493,7 +489,7 @@
                 this.endDate = moment(endDate);
 
             if (!this.timePicker)
-                this.endDate = this.endDate.add(1,'d').startOf('day').subtract(1,'second');
+                this.endDate = this.endDate.endOf('day');
 
             if (this.timePicker && this.timePickerIncrement)
                 this.endDate.minute(Math.round(this.endDate.minute() / this.timePickerIncrement) * this.timePickerIncrement);
@@ -530,9 +526,9 @@
                 this.renderTimePicker('left');
                 this.renderTimePicker('right');
                 if (!this.endDate) {
-                    this.container.find('.right .calendar-time select').attr('disabled', 'disabled').addClass('disabled');
+                    this.container.find('.right .calendar-time select').prop('disabled', true).addClass('disabled');
                 } else {
-                    this.container.find('.right .calendar-time select').removeAttr('disabled').removeClass('disabled');
+                    this.container.find('.right .calendar-time select').prop('disabled', false).removeClass('disabled');
                 }
             }
             if (this.endDate)
@@ -580,6 +576,9 @@
                 if (this.endDate) {
                     hour = parseInt(this.container.find('.left .hourselect').val(), 10);
                     minute = parseInt(this.container.find('.left .minuteselect').val(), 10);
+                    if (isNaN(minute)) {
+                        minute = parseInt(this.container.find('.left .minuteselect option:last').val(), 10);
+                    }
                     second = this.timePickerSeconds ? parseInt(this.container.find('.left .secondselect').val(), 10) : 0;
                     if (!this.timePicker24Hour) {
                         var ampm = this.container.find('.left .ampmselect').val();
@@ -591,6 +590,9 @@
                 } else {
                     hour = parseInt(this.container.find('.right .hourselect').val(), 10);
                     minute = parseInt(this.container.find('.right .minuteselect').val(), 10);
+                    if (isNaN(minute)) {
+                        minute = parseInt(this.container.find('.right .minuteselect option:last').val(), 10);
+                    }
                     second = this.timePickerSeconds ? parseInt(this.container.find('.right .secondselect').val(), 10) : 0;
                     if (!this.timePicker24Hour) {
                         var ampm = this.container.find('.right .ampmselect').val();
@@ -714,7 +716,7 @@
 
                 var monthHtml = '<select class="monthselect">';
                 for (var m = 0; m < 12; m++) {
-                    if ((!inMinYear || m >= minDate.month()) && (!inMaxYear || m <= maxDate.month())) {
+                    if ((!inMinYear || (minDate && m >= minDate.month())) && (!inMaxYear || (maxDate && m <= maxDate.month()))) {
                         monthHtml += "<option value='" + m + "'" +
                             (m === currentMonth ? " selected='selected'" : "") +
                             ">" + this.locale.monthNames[m] + "</option>";
@@ -791,7 +793,7 @@
 
                     //grey out the dates in other months displayed at beginning and end of this calendar
                     if (calendar[row][col].month() != calendar[1][1].month())
-                        classes.push('off');
+                        classes.push('off', 'ends');
 
                     //don't allow selection of dates before the minimum date
                     if (this.minDate && calendar[row][col].isBefore(this.minDate, 'day'))
@@ -844,7 +846,7 @@
             html += '</tbody>';
             html += '</table>';
 
-            this.container.find('.calendar.' + side + ' .calendar-table').html(html);
+            this.container.find('.drp-calendar.' + side + ' .calendar-table').html(html);
 
         },
 
@@ -856,7 +858,7 @@
 
             var html, selected, minDate, maxDate = this.maxDate;
 
-            if (this.maxSpan && (!this.maxDate || this.startDate.clone().add(this.maxSpan).isAfter(this.maxDate)))
+            if (this.maxSpan && (!this.maxDate || this.startDate.clone().add(this.maxSpan).isBefore(this.maxDate)))
                 maxDate = this.startDate.clone().add(this.maxSpan);
 
             if (side == 'left') {
@@ -867,12 +869,12 @@
                 minDate = this.startDate;
 
                 //Preserve the time already selected
-                var timeSelector = this.container.find('.calendar.right .calendar-time');
+                var timeSelector = this.container.find('.drp-calendar.right .calendar-time');
                 if (timeSelector.html() != '') {
 
-                    selected.hour(selected.hour() || timeSelector.find('.hourselect option:selected').val());
-                    selected.minute(selected.minute() || timeSelector.find('.minuteselect option:selected').val());
-                    selected.second(selected.second() || timeSelector.find('.secondselect option:selected').val());
+                    selected.hour(!isNaN(selected.hour()) ? selected.hour() : timeSelector.find('.hourselect option:selected').val());
+                    selected.minute(!isNaN(selected.minute()) ? selected.minute() : timeSelector.find('.minuteselect option:selected').val());
+                    selected.second(!isNaN(selected.second()) ? selected.second() : timeSelector.find('.secondselect option:selected').val());
 
                     if (!this.timePicker24Hour) {
                         var ampm = timeSelector.find('.ampmselect option:selected').val();
@@ -1005,23 +1007,25 @@
                 html += '</select>';
             }
 
-            this.container.find('.calendar.' + side + ' .calendar-time').html(html);
+            this.container.find('.drp-calendar.' + side + ' .calendar-time').html(html);
 
         },
 
         updateFormInputs: function() {
 
             if (this.singleDatePicker || (this.endDate && (this.startDate.isBefore(this.endDate) || this.startDate.isSame(this.endDate)))) {
-                this.container.find('button.applyBtn').removeAttr('disabled');
+                this.container.find('button.applyBtn').prop('disabled', false);
             } else {
-                this.container.find('button.applyBtn').attr('disabled', 'disabled');
+                this.container.find('button.applyBtn').prop('disabled', true);
             }
 
         },
 
         move: function() {
             var parentOffset = { top: 0, left: 0 },
-                containerTop;
+                containerTop,
+                drops = this.drops;
+
             var parentRightEdge = $(window).width();
             if (!this.parentEl.is('body')) {
                 parentOffset = {
@@ -1031,48 +1035,83 @@
                 parentRightEdge = this.parentEl[0].clientWidth + this.parentEl.offset().left;
             }
 
-            if (this.drops == 'up')
-                containerTop = this.element.offset().top - this.container.outerHeight() - parentOffset.top;
-            else
+            switch (drops) {
+            case 'auto':
                 containerTop = this.element.offset().top + this.element.outerHeight() - parentOffset.top;
-            this.container[this.drops == 'up' ? 'addClass' : 'removeClass']('drop-up');
+                if (containerTop + this.container.outerHeight() >= this.parentEl[0].scrollHeight) {
+                    containerTop = this.element.offset().top - this.container.outerHeight() - parentOffset.top;
+                    drops = 'up';
+                }
+                break;
+            case 'up':
+                containerTop = this.element.offset().top - this.container.outerHeight() - parentOffset.top;
+                break;
+            default:
+                containerTop = this.element.offset().top + this.element.outerHeight() - parentOffset.top;
+                break;
+            }
+
+            // Force the container to it's actual width
+            this.container.css({
+              top: 0,
+              left: 0,
+              right: 'auto'
+            });
+            var containerWidth = this.container.outerWidth();
+
+            this.container.toggleClass('drop-up', drops == 'up');
 
             if (this.opens == 'left') {
-                this.container.css({
-                    top: containerTop,
-                    right: parentRightEdge - this.element.offset().left - this.element.outerWidth(),
-                    left: 'auto'
-                });
-                if (this.container.offset().left < 0) {
+                var containerRight = parentRightEdge - this.element.offset().left - this.element.outerWidth();
+                if (containerWidth + containerRight > $(window).width()) {
                     this.container.css({
+                        top: containerTop,
                         right: 'auto',
                         left: 9
                     });
+                } else {
+                    this.container.css({
+                        top: containerTop,
+                        right: containerRight,
+                        left: 'auto'
+                    });
                 }
             } else if (this.opens == 'center') {
-                this.container.css({
-                    top: containerTop,
-                    left: this.element.offset().left - parentOffset.left + this.element.outerWidth() / 2
-                            - this.container.outerWidth() / 2,
-                    right: 'auto'
-                });
-                if (this.container.offset().left < 0) {
+                var containerLeft = this.element.offset().left - parentOffset.left + this.element.outerWidth() / 2
+                                        - containerWidth / 2;
+                if (containerLeft < 0) {
                     this.container.css({
+                        top: containerTop,
                         right: 'auto',
                         left: 9
                     });
-                }
-            } else {
-                this.container.css({
-                    top: containerTop,
-                    left: this.element.offset().left - parentOffset.left,
-                    right: 'auto'
-                });
-                if (this.container.offset().left + this.container.outerWidth() > $(window).width()) {
+                } else if (containerLeft + containerWidth > $(window).width()) {
                     this.container.css({
+                        top: containerTop,
                         left: 'auto',
                         right: 0
                     });
+                } else {
+                    this.container.css({
+                        top: containerTop,
+                        left: containerLeft,
+                        right: 'auto'
+                    });
+                }
+            } else {
+                var containerLeft = this.element.offset().left - parentOffset.left;
+                if (containerLeft + containerWidth > $(window).width()) {
+                    this.container.css({
+                        top: containerTop,
+                        left: 'auto',
+                        right: 0
+                    });
+                } else {
+                    this.container.css({
+                        top: containerTop,
+                        left: containerLeft,
+                        right: 'auto'
+                    });
                 }
             }
         },
@@ -1186,7 +1225,7 @@
         },
 
         clickPrev: function(e) {
-            var cal = $(e.target).parents('.calendar');
+            var cal = $(e.target).parents('.drp-calendar');
             if (cal.hasClass('left')) {
                 this.leftCalendar.month.subtract(1, 'month');
                 if (this.linkedCalendars)
@@ -1198,7 +1237,7 @@
         },
 
         clickNext: function(e) {
-            var cal = $(e.target).parents('.calendar');
+            var cal = $(e.target).parents('.drp-calendar');
             if (cal.hasClass('left')) {
                 this.leftCalendar.month.add(1, 'month');
             } else {
@@ -1211,18 +1250,13 @@
 
         hoverDate: function(e) {
 
-            //ignore mouse movements while an above-calendar text input has focus
-            //if (this.container.find('input[name=daterangepicker_start]').is(":focus") || this.container.find('input[name=daterangepicker_end]').is(":focus"))
-            //    return;
-
             //ignore dates that can't be selected
             if (!$(e.target).hasClass('available')) return;
 
-            //have the text inputs above calendars reflect the date being hovered over
             var title = $(e.target).attr('data-title');
             var row = title.substr(1, 1);
             var col = title.substr(3, 1);
-            var cal = $(e.target).parents('.calendar');
+            var cal = $(e.target).parents('.drp-calendar');
             var date = cal.hasClass('left') ? this.leftCalendar.calendar[row][col] : this.rightCalendar.calendar[row][col];
 
             //highlight the dates between the start date and the date being hovered as a potential end date
@@ -1230,7 +1264,7 @@
             var rightCalendar = this.rightCalendar;
             var startDate = this.startDate;
             if (!this.endDate) {
-                this.container.find('.calendar tbody td').each(function(index, el) {
+                this.container.find('.drp-calendar tbody td').each(function(index, el) {
 
                     //skip week numbers, only look at dates
                     if ($(el).hasClass('week')) return;
@@ -1238,7 +1272,7 @@
                     var title = $(el).attr('data-title');
                     var row = title.substr(1, 1);
                     var col = title.substr(3, 1);
-                    var cal = $(el).parents('.calendar');
+                    var cal = $(el).parents('.drp-calendar');
                     var dt = cal.hasClass('left') ? leftCalendar.calendar[row][col] : rightCalendar.calendar[row][col];
 
                     if ((dt.isAfter(startDate) && dt.isBefore(date)) || dt.isSame(date, 'day')) {
@@ -1259,7 +1293,7 @@
             var title = $(e.target).attr('data-title');
             var row = title.substr(1, 1);
             var col = title.substr(3, 1);
-            var cal = $(e.target).parents('.calendar');
+            var cal = $(e.target).parents('.drp-calendar');
             var date = cal.hasClass('left') ? this.leftCalendar.calendar[row][col] : this.rightCalendar.calendar[row][col];
 
             //
@@ -1282,6 +1316,9 @@
                             hour = 0;
                     }
                     var minute = parseInt(this.container.find('.left .minuteselect').val(), 10);
+                    if (isNaN(minute)) {
+                        minute = parseInt(this.container.find('.left .minuteselect option:last').val(), 10);
+                    }
                     var second = this.timePickerSeconds ? parseInt(this.container.find('.left .secondselect').val(), 10) : 0;
                     date = date.clone().hour(hour).minute(minute).second(second);
                 }
@@ -1302,6 +1339,9 @@
                             hour = 0;
                     }
                     var minute = parseInt(this.container.find('.right .minuteselect').val(), 10);
+                    if (isNaN(minute)) {
+                        minute = parseInt(this.container.find('.right .minuteselect option:last').val(), 10);
+                    }
                     var second = this.timePickerSeconds ? parseInt(this.container.find('.right .secondselect').val(), 10) : 0;
                     date = date.clone().hour(hour).minute(minute).second(second);
                 }
@@ -1314,7 +1354,7 @@
 
             if (this.singleDatePicker) {
                 this.setEndDate(this.startDate);
-                if (!this.timePicker)
+                if (!this.timePicker && this.autoApply)
                     this.clickApply();
             }
 
@@ -1330,7 +1370,7 @@
             var i = 0;
             for (var range in this.ranges) {
               if (this.timePicker) {
-                    var format = this.timePickerSeconds ? "YYYY-MM-DD hh:mm:ss" : "YYYY-MM-DD hh:mm";
+                    var format = this.timePickerSeconds ? "YYYY-MM-DD HH:mm:ss" : "YYYY-MM-DD HH:mm";
                     //ignore times when comparing dates if time picker seconds is not enabled
                     if (this.startDate.format(format) == this.ranges[range][0].format(format) && this.endDate.format(format) == this.ranges[range][1].format(format)) {
                         customRange = false;
@@ -1370,9 +1410,9 @@
         },
 
         monthOrYearChanged: function(e) {
-            var isLeft = $(e.target).closest('.calendar').hasClass('left'),
+            var isLeft = $(e.target).closest('.drp-calendar').hasClass('left'),
                 leftOrRight = isLeft ? 'left' : 'right',
-                cal = this.container.find('.calendar.'+leftOrRight);
+                cal = this.container.find('.drp-calendar.'+leftOrRight);
 
             // Month must be Number for new moment versions
             var month = parseInt(cal.find('.monthselect').val(), 10);
@@ -1413,11 +1453,14 @@
 
         timeChanged: function(e) {
 
-            var cal = $(e.target).closest('.calendar'),
+            var cal = $(e.target).closest('.drp-calendar'),
                 isLeft = cal.hasClass('left');
 
             var hour = parseInt(cal.find('.hourselect').val(), 10);
             var minute = parseInt(cal.find('.minuteselect').val(), 10);
+            if (isNaN(minute)) {
+                minute = parseInt(cal.find('.minuteselect option:last').val(), 10);
+            }
             var second = this.timePickerSeconds ? parseInt(cal.find('.secondselect').val(), 10) : 0;
 
             if (!this.timePicker24Hour) {
@@ -1500,12 +1543,14 @@
         },
 
         updateElement: function() {
-            if (this.element.is('input') && !this.singleDatePicker && this.autoUpdateInput) {
-                this.element.val(this.startDate.format(this.locale.format) + this.locale.separator + this.endDate.format(this.locale.format));
-                this.element.trigger('change');
-            } else if (this.element.is('input') && this.autoUpdateInput) {
-                this.element.val(this.startDate.format(this.locale.format));
-                this.element.trigger('change');
+            if (this.element.is('input') && this.autoUpdateInput) {
+                var newValue = this.startDate.format(this.locale.format);
+                if (!this.singleDatePicker) {
+                    newValue += this.locale.separator + this.endDate.format(this.locale.format);
+                }
+                if (newValue !== this.element.val()) {
+                    this.element.val(newValue).trigger('change');
+                }
             }
         },
 
diff --git a/gui/default/vendor/fancytree/LICENSE.txt b/gui/default/vendor/fancytree/LICENSE.txt
index 3c1902aee..ffeb70b0d 100644
--- a/gui/default/vendor/fancytree/LICENSE.txt
+++ b/gui/default/vendor/fancytree/LICENSE.txt
@@ -1,5 +1,5 @@
-Copyright 2008-2018 Martin Wendt,
-http://wwWendt.de/
+Copyright 2008-2021 Martin Wendt,
+https://wwWendt.de/
 
 Permission is hereby granted, free of charge, to any person obtaining
 a copy of this software and associated documentation files (the
diff --git a/gui/default/vendor/fancytree/css/ui.fancytree.css b/gui/default/vendor/fancytree/css/ui.fancytree.css
deleted file mode 100644
index e00b6aa7c..000000000
--- a/gui/default/vendor/fancytree/css/ui.fancytree.css
+++ /dev/null
@@ -1,706 +0,0 @@
-/*!
- * Fancytree "Lion" skin.
- *
- * DON'T EDIT THE CSS FILE DIRECTLY, since it is automatically generated from
- * the LESS templates.
- */
-/*
- Lion colors:
-	gray highlight bar: #D4D4D4
-	blue highlight-bar and -border #3875D7
-
-*/
-/*******************************************************************************
- * Common Styles for Fancytree Skins.
- *
- * This section is automatically generated from the `skin-common.less` template.
- ******************************************************************************/
-/*------------------------------------------------------------------------------
- * Helpers
- *----------------------------------------------------------------------------*/
-.fancytree-helper-hidden {
-  display: none;
-}
-.fancytree-helper-indeterminate-cb {
-  color: #777;
-}
-.fancytree-helper-disabled {
-  color: #c0c0c0;
-}
-/* Helper to allow spinning loader icon with glyph-, ligature-, and SVG-icons. */
-.fancytree-helper-spin {
-  -webkit-animation: spin 1000ms infinite linear;
-  animation: spin 1000ms infinite linear;
-}
-@-webkit-keyframes spin {
-  0% {
-    -webkit-transform: rotate(0deg);
-    transform: rotate(0deg);
-  }
-  100% {
-    -webkit-transform: rotate(359deg);
-    transform: rotate(359deg);
-  }
-}
-@keyframes spin {
-  0% {
-    -webkit-transform: rotate(0deg);
-    transform: rotate(0deg);
-  }
-  100% {
-    -webkit-transform: rotate(359deg);
-    transform: rotate(359deg);
-  }
-}
-/*------------------------------------------------------------------------------
- * Container and UL / LI
- *----------------------------------------------------------------------------*/
-ul.fancytree-container {
-  font-family: tahoma, arial, helvetica;
-  font-size: 10pt;
-  white-space: nowrap;
-  padding: 3px;
-  margin: 0;
-  background-color: white;
-  border: 1px dotted gray;
-  min-height: 0%;
-  position: relative;
-}
-ul.fancytree-container ul {
-  padding: 0 0 0 16px;
-  margin: 0;
-}
-ul.fancytree-container ul > li:before {
-  content: none;
-}
-ul.fancytree-container li {
-  list-style-image: none;
-  list-style-position: outside;
-  list-style-type: none;
-  -moz-background-clip: border;
-  -moz-background-inline-policy: continuous;
-  -moz-background-origin: padding;
-  background-attachment: scroll;
-  background-color: transparent;
-  background-position: 0px 0px;
-  background-repeat: repeat-y;
-  background-image: none;
-  margin: 0;
-}
-ul.fancytree-container li.fancytree-lastsib {
-  background-image: none;
-}
-.ui-fancytree-disabled ul.fancytree-container {
-  opacity: 0.5;
-  background-color: silver;
-}
-ul.fancytree-connectors.fancytree-container li {
-  background-image: url("../skin-lion/vline.gif");
-  background-position: 0 0;
-}
-ul.fancytree-container li.fancytree-lastsib,
-ul.fancytree-no-connector > li {
-  background-image: none;
-}
-li.fancytree-animating {
-  position: relative;
-}
-/*------------------------------------------------------------------------------
- * Common icon definitions
- *----------------------------------------------------------------------------*/
-span.fancytree-empty,
-span.fancytree-vline,
-span.fancytree-expander,
-span.fancytree-icon,
-span.fancytree-checkbox,
-span.fancytree-drag-helper-img,
-#fancytree-drop-marker {
-  width: 16px;
-  height: 16px;
-  display: inline-block;
-  vertical-align: top;
-  background-repeat: no-repeat;
-  background-position: left;
-  background-image: url("../skin-lion/icons.gif");
-  background-position: 0px 0px;
-}
-span.fancytree-icon,
-span.fancytree-checkbox,
-span.fancytree-expander,
-span.fancytree-custom-icon {
-  margin-top: 0px;
-}
-/* Used by icon option: */
-span.fancytree-custom-icon {
-  width: 16px;
-  height: 16px;
-  display: inline-block;
-  margin-left: 3px;
-  background-position: 0px 0px;
-}
-/* Used by 'icon' node option: */
-img.fancytree-icon {
-  width: 16px;
-  height: 16px;
-  margin-left: 3px;
-  margin-top: 0px;
-  vertical-align: top;
-  border-style: none;
-}
-/*------------------------------------------------------------------------------
- * Expander icon
- *
- * Note: IE6 doesn't correctly evaluate multiples class names,
- *		 so we create combined class names that can be used in the CSS.
- *
- * Prefix: fancytree-exp-
- * 1st character: 'e': expanded, 'c': collapsed, 'n': no children
- * 2nd character (optional): 'd': lazy (Delayed)
- * 3rd character (optional): 'l': Last sibling
- *----------------------------------------------------------------------------*/
-span.fancytree-expander {
-  cursor: pointer;
-}
-.fancytree-exp-n span.fancytree-expander,
-.fancytree-exp-nl span.fancytree-expander {
-  background-image: none;
-  cursor: default;
-}
-.fancytree-connectors .fancytree-exp-n span.fancytree-expander,
-.fancytree-connectors .fancytree-exp-nl span.fancytree-expander {
-  background-image: url("../skin-lion/icons.gif");
-  margin-top: 0;
-}
-.fancytree-connectors .fancytree-exp-n span.fancytree-expander,
-.fancytree-connectors .fancytree-exp-n span.fancytree-expander:hover {
-  background-position: 0px -64px;
-}
-.fancytree-connectors .fancytree-exp-nl span.fancytree-expander,
-.fancytree-connectors .fancytree-exp-nl span.fancytree-expander:hover {
-  background-position: -16px -64px;
-}
-.fancytree-exp-c span.fancytree-expander {
-  background-position: 0px -80px;
-}
-.fancytree-exp-c span.fancytree-expander:hover {
-  background-position: -16px -80px;
-}
-.fancytree-exp-cl span.fancytree-expander {
-  background-position: 0px -96px;
-}
-.fancytree-exp-cl span.fancytree-expander:hover {
-  background-position: -16px -96px;
-}
-.fancytree-exp-cd span.fancytree-expander {
-  background-position: -64px -80px;
-}
-.fancytree-exp-cd span.fancytree-expander:hover {
-  background-position: -80px -80px;
-}
-.fancytree-exp-cdl span.fancytree-expander {
-  background-position: -64px -96px;
-}
-.fancytree-exp-cdl span.fancytree-expander:hover {
-  background-position: -80px -96px;
-}
-.fancytree-exp-e span.fancytree-expander,
-.fancytree-exp-ed span.fancytree-expander {
-  background-position: -32px -80px;
-}
-.fancytree-exp-e span.fancytree-expander:hover,
-.fancytree-exp-ed span.fancytree-expander:hover {
-  background-position: -48px -80px;
-}
-.fancytree-exp-el span.fancytree-expander,
-.fancytree-exp-edl span.fancytree-expander {
-  background-position: -32px -96px;
-}
-.fancytree-exp-el span.fancytree-expander:hover,
-.fancytree-exp-edl span.fancytree-expander:hover {
-  background-position: -48px -96px;
-}
-/* Fade out expanders, when container is not hovered or active */
-.fancytree-fade-expander span.fancytree-expander {
-  transition: opacity 1.5s;
-  opacity: 0;
-}
-.fancytree-fade-expander:hover span.fancytree-expander,
-.fancytree-fade-expander.fancytree-treefocus span.fancytree-expander,
-.fancytree-fade-expander .fancytree-treefocus span.fancytree-expander,
-.fancytree-fade-expander [class*='fancytree-statusnode-'] span.fancytree-expander {
-  transition: opacity 0.6s;
-  opacity: 1;
-}
-/*------------------------------------------------------------------------------
- * Checkbox icon
- *----------------------------------------------------------------------------*/
-span.fancytree-checkbox {
-  margin-left: 3px;
-  background-position: 0px -32px;
-}
-span.fancytree-checkbox:hover {
-  background-position: -16px -32px;
-}
-span.fancytree-checkbox.fancytree-radio {
-  background-position: 0px -48px;
-}
-span.fancytree-checkbox.fancytree-radio:hover {
-  background-position: -16px -48px;
-}
-.fancytree-partsel span.fancytree-checkbox {
-  background-position: -64px -32px;
-}
-.fancytree-partsel span.fancytree-checkbox:hover {
-  background-position: -80px -32px;
-}
-.fancytree-partsel span.fancytree-checkbox.fancytree-radio {
-  background-position: -64px -48px;
-}
-.fancytree-partsel span.fancytree-checkbox.fancytree-radio:hover {
-  background-position: -80px -48px;
-}
-.fancytree-selected span.fancytree-checkbox {
-  background-position: -32px -32px;
-}
-.fancytree-selected span.fancytree-checkbox:hover {
-  background-position: -48px -32px;
-}
-.fancytree-selected span.fancytree-checkbox.fancytree-radio {
-  background-position: -32px -48px;
-}
-.fancytree-selected span.fancytree-checkbox.fancytree-radio:hover {
-  background-position: -48px -48px;
-}
-.fancytree-unselectable span.fancytree-checkbox {
-  opacity: 0.4;
-  filter: alpha(opacity=40);
-}
-.fancytree-unselectable span.fancytree-checkbox:hover {
-  background-position: 0px -32px;
-}
-.fancytree-unselectable.fancytree-partsel span.fancytree-checkbox:hover {
-  background-position: -64px -32px;
-}
-.fancytree-unselectable.fancytree-selected span.fancytree-checkbox:hover {
-  background-position: -32px -32px;
-}
-/*------------------------------------------------------------------------------
- * Node type icon
- * Note: IE6 doesn't correctly evaluate multiples class names,
- *		 so we create combined class names that can be used in the CSS.
- *
- * Prefix: fancytree-ico-
- * 1st character: 'e': expanded, 'c': collapsed
- * 2nd character (optional): 'f': folder
- *----------------------------------------------------------------------------*/
-span.fancytree-icon {
-  margin-left: 3px;
-  background-position: 0px 0px;
-}
-/* Documents */
-.fancytree-ico-c span.fancytree-icon:hover {
-  background-position: -16px 0px;
-}
-.fancytree-has-children.fancytree-ico-c span.fancytree-icon {
-  background-position: -32px 0px;
-}
-.fancytree-has-children.fancytree-ico-c span.fancytree-icon:hover {
-  background-position: -48px 0px;
-}
-.fancytree-ico-e span.fancytree-icon {
-  background-position: -64px 0px;
-}
-.fancytree-ico-e span.fancytree-icon:hover {
-  background-position: -80px 0px;
-}
-/* Folders */
-.fancytree-ico-cf span.fancytree-icon {
-  background-position: 0px -16px;
-}
-.fancytree-ico-cf span.fancytree-icon:hover {
-  background-position: -16px -16px;
-}
-.fancytree-has-children.fancytree-ico-cf span.fancytree-icon {
-  background-position: -32px -16px;
-}
-.fancytree-has-children.fancytree-ico-cf span.fancytree-icon:hover {
-  background-position: -48px -16px;
-}
-.fancytree-ico-ef span.fancytree-icon {
-  background-position: -64px -16px;
-}
-.fancytree-ico-ef span.fancytree-icon:hover {
-  background-position: -80px -16px;
-}
-.fancytree-loading span.fancytree-expander,
-.fancytree-loading span.fancytree-expander:hover,
-.fancytree-statusnode-loading span.fancytree-icon,
-.fancytree-statusnode-loading span.fancytree-icon:hover {
-  background-image: url("../skin-lion/loading.gif");
-  background-position: 0px 0px;
-}
-/* Status node icons */
-.fancytree-statusnode-error span.fancytree-icon,
-.fancytree-statusnode-error span.fancytree-icon:hover {
-  background-position: 0px -112px;
-}
-/*------------------------------------------------------------------------------
- * Node titles and highlighting
- *----------------------------------------------------------------------------*/
-span.fancytree-node {
-  /* See #117 */
-  display: inherit;
-  width: 100%;
-  margin-top: 1px;
-  min-height: 16px;
-}
-span.fancytree-title {
-  color: black;
-  cursor: pointer;
-  display: inline-block;
-  vertical-align: top;
-  min-height: 16px;
-  padding: 0 3px 0 3px;
-  margin: 0px 0 0 3px;
-  border: 1px solid transparent;
-  -webkit-border-radius: 0px;
-  -moz-border-radius: 0px;
-  -ms-border-radius: 0px;
-  -o-border-radius: 0px;
-  border-radius: 0px;
-}
-span.fancytree-node.fancytree-error span.fancytree-title {
-  color: red;
-}
-/*------------------------------------------------------------------------------
- * Drag'n'drop support
- *----------------------------------------------------------------------------*/
-/* ext-dnd5: */
-span.fancytree-childcounter {
-  color: #fff;
-  background: #337ab7;
-  border: 1px solid gray;
-  border-radius: 10px;
-  padding: 2px;
-  text-align: center;
-}
-/* ext-dnd: */
-div.fancytree-drag-helper span.fancytree-childcounter,
-div.fancytree-drag-helper span.fancytree-dnd-modifier {
-  display: inline-block;
-  color: #fff;
-  background: #337ab7;
-  border: 1px solid gray;
-  min-width: 10px;
-  height: 10px;
-  line-height: 1;
-  vertical-align: baseline;
-  border-radius: 10px;
-  padding: 2px;
-  text-align: center;
-  font-size: 9px;
-}
-div.fancytree-drag-helper span.fancytree-childcounter {
-  position: absolute;
-  top: -6px;
-  right: -6px;
-}
-div.fancytree-drag-helper span.fancytree-dnd-modifier {
-  background: #5cb85c;
-  border: none;
-  font-weight: bolder;
-}
-div.fancytree-drag-helper.fancytree-drop-accept span.fancytree-drag-helper-img {
-  background-position: -32px -112px;
-}
-div.fancytree-drag-helper.fancytree-drop-reject span.fancytree-drag-helper-img {
-  background-position: -16px -112px;
-}
-/*** Drop marker icon *********************************************************/
-#fancytree-drop-marker {
-  width: 32px;
-  position: absolute;
-  background-position: 0px -128px;
-  margin: 0;
-}
-#fancytree-drop-marker.fancytree-drop-after,
-#fancytree-drop-marker.fancytree-drop-before {
-  width: 64px;
-  background-position: 0px -144px;
-}
-#fancytree-drop-marker.fancytree-drop-copy {
-  background-position: -64px -128px;
-}
-#fancytree-drop-marker.fancytree-drop-move {
-  background-position: -32px -128px;
-}
-/*** Source node while dragging ***********************************************/
-span.fancytree-drag-source.fancytree-drag-remove {
-  opacity: 0.15;
-}
-/*** Target node while dragging cursor is over it *****************************/
-/*------------------------------------------------------------------------------
- * 'rtl' option
- *----------------------------------------------------------------------------*/
-.fancytree-container.fancytree-rtl .fancytree-title {
-  /*unicode-bidi: bidi-override;*/
-  /* optional: reverse title letters */
-}
-.fancytree-container.fancytree-rtl span.fancytree-connector,
-.fancytree-container.fancytree-rtl span.fancytree-expander,
-.fancytree-container.fancytree-rtl span.fancytree-icon,
-.fancytree-container.fancytree-rtl span.fancytree-drag-helper-img {
-  background-image: url("../skin-lion/icons-rtl.gif");
-}
-.fancytree-container.fancytree-rtl .fancytree-exp-n span.fancytree-expander,
-.fancytree-container.fancytree-rtl .fancytree-exp-nl span.fancytree-expander {
-  background-image: none;
-}
-.fancytree-container.fancytree-rtl.fancytree-connectors .fancytree-exp-n span.fancytree-expander,
-.fancytree-container.fancytree-rtl.fancytree-connectors .fancytree-exp-nl span.fancytree-expander {
-  background-image: url("../skin-lion/icons-rtl.gif");
-}
-ul.fancytree-container.fancytree-rtl ul {
-  padding: 0 16px 0 0;
-}
-ul.fancytree-container.fancytree-rtl.fancytree-connectors li {
-  background-position: right 0;
-  background-image: url("../skin-lion/vline-rtl.gif");
-}
-ul.fancytree-container.fancytree-rtl li.fancytree-lastsib,
-ul.fancytree-container.fancytree-rtl.fancytree-no-connector > li {
-  background-image: none;
-}
-#fancytree-drop-marker.fancytree-rtl {
-  background-image: url("../skin-lion/icons-rtl.gif");
-}
-/*------------------------------------------------------------------------------
- * 'table' extension
- *----------------------------------------------------------------------------*/
-table.fancytree-ext-table {
-  border-collapse: collapse;
-}
-table.fancytree-ext-table span.fancytree-node {
-  display: inline-block;
-  box-sizing: border-box;
-}
-/*------------------------------------------------------------------------------
- * 'columnview' extension
- *----------------------------------------------------------------------------*/
-table.fancytree-ext-columnview tbody tr td {
-  position: relative;
-  border: 1px solid gray;
-  vertical-align: top;
-  overflow: auto;
-}
-table.fancytree-ext-columnview tbody tr td > ul {
-  padding: 0;
-}
-table.fancytree-ext-columnview tbody tr td > ul li {
-  list-style-image: none;
-  list-style-position: outside;
-  list-style-type: none;
-  -moz-background-clip: border;
-  -moz-background-inline-policy: continuous;
-  -moz-background-origin: padding;
-  background-attachment: scroll;
-  background-color: transparent;
-  background-position: 0px 0px;
-  background-repeat: repeat-y;
-  background-image: none;
-  /* no v-lines */
-  margin: 0;
-}
-table.fancytree-ext-columnview span.fancytree-node {
-  position: relative;
-  /* allow positioning of embedded spans */
-  display: inline-block;
-}
-table.fancytree-ext-columnview span.fancytree-node.fancytree-expanded {
-  background-color: #CBE8F6;
-}
-table.fancytree-ext-columnview .fancytree-has-children span.fancytree-cv-right {
-  position: absolute;
-  right: 3px;
-  background-position: 0px -80px;
-}
-table.fancytree-ext-columnview .fancytree-has-children span.fancytree-cv-right:hover {
-  background-position: -16px -80px;
-}
-/*------------------------------------------------------------------------------
- * 'filter' extension
- *----------------------------------------------------------------------------*/
-.fancytree-ext-filter-dimm span.fancytree-node span.fancytree-title {
-  color: #c0c0c0;
-  font-weight: lighter;
-}
-.fancytree-ext-filter-dimm tr.fancytree-submatch span.fancytree-title,
-.fancytree-ext-filter-dimm span.fancytree-node.fancytree-submatch span.fancytree-title {
-  color: black;
-  font-weight: normal;
-}
-.fancytree-ext-filter-dimm tr.fancytree-match span.fancytree-title,
-.fancytree-ext-filter-dimm span.fancytree-node.fancytree-match span.fancytree-title {
-  color: black;
-  font-weight: bold;
-}
-.fancytree-ext-filter-hide tr.fancytree-hide,
-.fancytree-ext-filter-hide span.fancytree-node.fancytree-hide {
-  display: none;
-}
-.fancytree-ext-filter-hide tr.fancytree-submatch span.fancytree-title,
-.fancytree-ext-filter-hide span.fancytree-node.fancytree-submatch span.fancytree-title {
-  color: #c0c0c0;
-  font-weight: lighter;
-}
-.fancytree-ext-filter-hide tr.fancytree-match span.fancytree-title,
-.fancytree-ext-filter-hide span.fancytree-node.fancytree-match span.fancytree-title {
-  color: black;
-  font-weight: normal;
-}
-/* Hide expanders if all child nodes are hidden by filter */
-.fancytree-ext-filter-hide-expanders tr.fancytree-match span.fancytree-expander,
-.fancytree-ext-filter-hide-expanders span.fancytree-node.fancytree-match span.fancytree-expander {
-  visibility: hidden;
-}
-.fancytree-ext-filter-hide-expanders tr.fancytree-submatch span.fancytree-expander,
-.fancytree-ext-filter-hide-expanders span.fancytree-node.fancytree-submatch span.fancytree-expander {
-  visibility: visible;
-}
-.fancytree-ext-childcounter span.fancytree-icon,
-.fancytree-ext-filter span.fancytree-icon {
-  position: relative;
-}
-.fancytree-ext-childcounter span.fancytree-childcounter,
-.fancytree-ext-filter span.fancytree-childcounter {
-  color: #fff;
-  background: #777;
-  border: 1px solid gray;
-  position: absolute;
-  top: -6px;
-  right: -6px;
-  min-width: 10px;
-  height: 10px;
-  line-height: 1;
-  vertical-align: baseline;
-  border-radius: 10px;
-  padding: 2px;
-  text-align: center;
-  font-size: 9px;
-}
-/*------------------------------------------------------------------------------
- * 'wide' extension
- *----------------------------------------------------------------------------*/
-ul.fancytree-ext-wide {
-  position: relative;
-  min-width: 100%;
-  z-index: 2;
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
-}
-ul.fancytree-ext-wide span.fancytree-node > span {
-  position: relative;
-  z-index: 2;
-}
-ul.fancytree-ext-wide span.fancytree-node span.fancytree-title {
-  position: absolute;
-  z-index: 1;
-  left: 0px;
-  min-width: 100%;
-  margin-left: 0;
-  margin-right: 0;
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
-}
-/*------------------------------------------------------------------------------
- * 'fixed' extension
- *----------------------------------------------------------------------------*/
-.fancytree-ext-fixed-wrapper .fancytree-ext-fixed-hidden {
-  display: none;
-}
-.fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-scroll-border-bottom {
-  border-bottom: 3px solid rgba(0, 0, 0, 0.75);
-}
-.fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-scroll-border-right {
-  border-right: 3px solid rgba(0, 0, 0, 0.75);
-}
-.fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-wrapper-tl {
-  position: absolute;
-  overflow: hidden;
-  z-index: 3;
-  top: 0px;
-  left: 0px;
-}
-.fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-wrapper-tr {
-  position: absolute;
-  overflow: hidden;
-  z-index: 2;
-  top: 0px;
-}
-.fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-wrapper-bl {
-  position: absolute;
-  overflow: hidden;
-  z-index: 2;
-  left: 0px;
-}
-.fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-wrapper-br {
-  position: absolute;
-  overflow: scroll;
-  z-index: 1;
-}
-/*******************************************************************************
- * Styles specific to this skin.
- *
- * This section is automatically generated from the `ui-fancytree.less` template.
- ******************************************************************************/
-/*******************************************************************************
- * Node titles
- */
-span.fancytree-title {
-  border: 1px solid transparent;
-  border-radius: 0;
-}
-span.fancytree-focused span.fancytree-title {
-  outline: 1px dotted black;
-}
-span.fancytree-selected span.fancytree-title,
-span.fancytree-active span.fancytree-title {
-  background-color: #D4D4D4;
-}
-span.fancytree-selected span.fancytree-title {
-  font-style: italic;
-}
-.fancytree-treefocus span.fancytree-selected span.fancytree-title,
-.fancytree-treefocus span.fancytree-active span.fancytree-title {
-  color: white;
-  background-color: #3875D7;
-}
-/*******************************************************************************
- * 'table' extension
- */
-table.fancytree-ext-table {
-  border-collapse: collapse;
-}
-table.fancytree-ext-table tbody tr.fancytree-focused {
-  background-color: #99DEFD;
-}
-table.fancytree-ext-table tbody tr.fancytree-active {
-  background-color: royalblue;
-}
-table.fancytree-ext-table tbody tr.fancytree-selected {
-  background-color: #99DEFD;
-}
-/*******************************************************************************
- * 'columnview' extension
- */
-table.fancytree-ext-columnview tbody tr td {
-  border: 1px solid gray;
-}
-table.fancytree-ext-columnview span.fancytree-node.fancytree-expanded {
-  background-color: #ccc;
-}
-table.fancytree-ext-columnview span.fancytree-node.fancytree-active {
-  background-color: royalblue;
-}
diff --git a/gui/default/vendor/fancytree/jquery.fancytree-all-deps.js b/gui/default/vendor/fancytree/jquery.fancytree-all-deps.js
index 52e77b110..cdd4262cc 100644
--- a/gui/default/vendor/fancytree/jquery.fancytree-all-deps.js
+++ b/gui/default/vendor/fancytree/jquery.fancytree-all-deps.js
@@ -1,10 +1,10 @@
-/*! jQuery Fancytree Plugin - 2.28.1 - 2018-03-19T06:47:37Z
+/*! jQuery Fancytree Plugin - 2.38.0 - 2021-02-09T20:03:49Z
   * https://github.com/mar10/fancytree
-  * Copyright (c) 2018 Martin Wendt; Licensed MIT
+  * Copyright (c) 2021 Martin Wendt; Licensed MIT
  */
-/*! jQuery UI - v1.12.1 - 2017-02-23
+/*! jQuery UI - v1.12.1 - 2018-05-20
 * http://jqueryui.com
-* Includes: widget.js, position.js, keycode.js, scroll-parent.js, unique-id.js, effect.js, effects/effect-blind.js
+* Includes: widget.js, position.js, keycode.js, scroll-parent.js, unique-id.js
 * Copyright jQuery Foundation and other contributors; Licensed MIT */
 
 /*
@@ -1338,1686 +1338,6 @@ var uniqueId = $.fn.extend( {
 } );
 
 
-/*!
- * jQuery UI Effects 1.12.1
- * http://jqueryui.com
- *
- * Copyright jQuery Foundation and other contributors
- * Released under the MIT license.
- * http://jquery.org/license
- */
-
-//>>label: Effects Core
-//>>group: Effects
-// jscs:disable maximumLineLength
-//>>description: Extends the internal jQuery effects. Includes morphing and easing. Required by all other effects.
-// jscs:enable maximumLineLength
-//>>docs: http://api.jqueryui.com/category/effects-core/
-//>>demos: http://jqueryui.com/effect/
-
-
-
-var dataSpace = "ui-effects-",
-	dataSpaceStyle = "ui-effects-style",
-	dataSpaceAnimated = "ui-effects-animated",
-
-	// Create a local jQuery because jQuery Color relies on it and the
-	// global may not exist with AMD and a custom build (#10199)
-	jQuery = $;
-
-$.effects = {
-	effect: {}
-};
-
-/*!
- * jQuery Color Animations v2.1.2
- * https://github.com/jquery/jquery-color
- *
- * Copyright 2014 jQuery Foundation and other contributors
- * Released under the MIT license.
- * http://jquery.org/license
- *
- * Date: Wed Jan 16 08:47:09 2013 -0600
- */
-( function( jQuery, undefined ) {
-
-	var stepHooks = "backgroundColor borderBottomColor borderLeftColor borderRightColor " +
-		"borderTopColor color columnRuleColor outlineColor textDecorationColor textEmphasisColor",
-
-	// Plusequals test for += 100 -= 100
-	rplusequals = /^([\-+])=\s*(\d+\.?\d*)/,
-
-	// A set of RE's that can match strings and generate color tuples.
-	stringParsers = [ {
-			re: /rgba?\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*(?:,\s*(\d?(?:\.\d+)?)\s*)?\)/,
-			parse: function( execResult ) {
-				return [
-					execResult[ 1 ],
-					execResult[ 2 ],
-					execResult[ 3 ],
-					execResult[ 4 ]
-				];
-			}
-		}, {
-			re: /rgba?\(\s*(\d+(?:\.\d+)?)\%\s*,\s*(\d+(?:\.\d+)?)\%\s*,\s*(\d+(?:\.\d+)?)\%\s*(?:,\s*(\d?(?:\.\d+)?)\s*)?\)/,
-			parse: function( execResult ) {
-				return [
-					execResult[ 1 ] * 2.55,
-					execResult[ 2 ] * 2.55,
-					execResult[ 3 ] * 2.55,
-					execResult[ 4 ]
-				];
-			}
-		}, {
-
-			// This regex ignores A-F because it's compared against an already lowercased string
-			re: /#([a-f0-9]{2})([a-f0-9]{2})([a-f0-9]{2})/,
-			parse: function( execResult ) {
-				return [
-					parseInt( execResult[ 1 ], 16 ),
-					parseInt( execResult[ 2 ], 16 ),
-					parseInt( execResult[ 3 ], 16 )
-				];
-			}
-		}, {
-
-			// This regex ignores A-F because it's compared against an already lowercased string
-			re: /#([a-f0-9])([a-f0-9])([a-f0-9])/,
-			parse: function( execResult ) {
-				return [
-					parseInt( execResult[ 1 ] + execResult[ 1 ], 16 ),
-					parseInt( execResult[ 2 ] + execResult[ 2 ], 16 ),
-					parseInt( execResult[ 3 ] + execResult[ 3 ], 16 )
-				];
-			}
-		}, {
-			re: /hsla?\(\s*(\d+(?:\.\d+)?)\s*,\s*(\d+(?:\.\d+)?)\%\s*,\s*(\d+(?:\.\d+)?)\%\s*(?:,\s*(\d?(?:\.\d+)?)\s*)?\)/,
-			space: "hsla",
-			parse: function( execResult ) {
-				return [
-					execResult[ 1 ],
-					execResult[ 2 ] / 100,
-					execResult[ 3 ] / 100,
-					execResult[ 4 ]
-				];
-			}
-		} ],
-
-	// JQuery.Color( )
-	color = jQuery.Color = function( color, green, blue, alpha ) {
-		return new jQuery.Color.fn.parse( color, green, blue, alpha );
-	},
-	spaces = {
-		rgba: {
-			props: {
-				red: {
-					idx: 0,
-					type: "byte"
-				},
-				green: {
-					idx: 1,
-					type: "byte"
-				},
-				blue: {
-					idx: 2,
-					type: "byte"
-				}
-			}
-		},
-
-		hsla: {
-			props: {
-				hue: {
-					idx: 0,
-					type: "degrees"
-				},
-				saturation: {
-					idx: 1,
-					type: "percent"
-				},
-				lightness: {
-					idx: 2,
-					type: "percent"
-				}
-			}
-		}
-	},
-	propTypes = {
-		"byte": {
-			floor: true,
-			max: 255
-		},
-		"percent": {
-			max: 1
-		},
-		"degrees": {
-			mod: 360,
-			floor: true
-		}
-	},
-	support = color.support = {},
-
-	// Element for support tests
-	supportElem = jQuery( "<p>" )[ 0 ],
-
-	// Colors = jQuery.Color.names
-	colors,
-
-	// Local aliases of functions called often
-	each = jQuery.each;
-
-// Determine rgba support immediately
-supportElem.style.cssText = "background-color:rgba(1,1,1,.5)";
-support.rgba = supportElem.style.backgroundColor.indexOf( "rgba" ) > -1;
-
-// Define cache name and alpha properties
-// for rgba and hsla spaces
-each( spaces, function( spaceName, space ) {
-	space.cache = "_" + spaceName;
-	space.props.alpha = {
-		idx: 3,
-		type: "percent",
-		def: 1
-	};
-} );
-
-function clamp( value, prop, allowEmpty ) {
-	var type = propTypes[ prop.type ] || {};
-
-	if ( value == null ) {
-		return ( allowEmpty || !prop.def ) ? null : prop.def;
-	}
-
-	// ~~ is an short way of doing floor for positive numbers
-	value = type.floor ? ~~value : parseFloat( value );
-
-	// IE will pass in empty strings as value for alpha,
-	// which will hit this case
-	if ( isNaN( value ) ) {
-		return prop.def;
-	}
-
-	if ( type.mod ) {
-
-		// We add mod before modding to make sure that negatives values
-		// get converted properly: -10 -> 350
-		return ( value + type.mod ) % type.mod;
-	}
-
-	// For now all property types without mod have min and max
-	return 0 > value ? 0 : type.max < value ? type.max : value;
-}
-
-function stringParse( string ) {
-	var inst = color(),
-		rgba = inst._rgba = [];
-
-	string = string.toLowerCase();
-
-	each( stringParsers, function( i, parser ) {
-		var parsed,
-			match = parser.re.exec( string ),
-			values = match && parser.parse( match ),
-			spaceName = parser.space || "rgba";
-
-		if ( values ) {
-			parsed = inst[ spaceName ]( values );
-
-			// If this was an rgba parse the assignment might happen twice
-			// oh well....
-			inst[ spaces[ spaceName ].cache ] = parsed[ spaces[ spaceName ].cache ];
-			rgba = inst._rgba = parsed._rgba;
-
-			// Exit each( stringParsers ) here because we matched
-			return false;
-		}
-	} );
-
-	// Found a stringParser that handled it
-	if ( rgba.length ) {
-
-		// If this came from a parsed string, force "transparent" when alpha is 0
-		// chrome, (and maybe others) return "transparent" as rgba(0,0,0,0)
-		if ( rgba.join() === "0,0,0,0" ) {
-			jQuery.extend( rgba, colors.transparent );
-		}
-		return inst;
-	}
-
-	// Named colors
-	return colors[ string ];
-}
-
-color.fn = jQuery.extend( color.prototype, {
-	parse: function( red, green, blue, alpha ) {
-		if ( red === undefined ) {
-			this._rgba = [ null, null, null, null ];
-			return this;
-		}
-		if ( red.jquery || red.nodeType ) {
-			red = jQuery( red ).css( green );
-			green = undefined;
-		}
-
-		var inst = this,
-			type = jQuery.type( red ),
-			rgba = this._rgba = [];
-
-		// More than 1 argument specified - assume ( red, green, blue, alpha )
-		if ( green !== undefined ) {
-			red = [ red, green, blue, alpha ];
-			type = "array";
-		}
-
-		if ( type === "string" ) {
-			return this.parse( stringParse( red ) || colors._default );
-		}
-
-		if ( type === "array" ) {
-			each( spaces.rgba.props, function( key, prop ) {
-				rgba[ prop.idx ] = clamp( red[ prop.idx ], prop );
-			} );
-			return this;
-		}
-
-		if ( type === "object" ) {
-			if ( red instanceof color ) {
-				each( spaces, function( spaceName, space ) {
-					if ( red[ space.cache ] ) {
-						inst[ space.cache ] = red[ space.cache ].slice();
-					}
-				} );
-			} else {
-				each( spaces, function( spaceName, space ) {
-					var cache = space.cache;
-					each( space.props, function( key, prop ) {
-
-						// If the cache doesn't exist, and we know how to convert
-						if ( !inst[ cache ] && space.to ) {
-
-							// If the value was null, we don't need to copy it
-							// if the key was alpha, we don't need to copy it either
-							if ( key === "alpha" || red[ key ] == null ) {
-								return;
-							}
-							inst[ cache ] = space.to( inst._rgba );
-						}
-
-						// This is the only case where we allow nulls for ALL properties.
-						// call clamp with alwaysAllowEmpty
-						inst[ cache ][ prop.idx ] = clamp( red[ key ], prop, true );
-					} );
-
-					// Everything defined but alpha?
-					if ( inst[ cache ] &&
-							jQuery.inArray( null, inst[ cache ].slice( 0, 3 ) ) < 0 ) {
-
-						// Use the default of 1
-						inst[ cache ][ 3 ] = 1;
-						if ( space.from ) {
-							inst._rgba = space.from( inst[ cache ] );
-						}
-					}
-				} );
-			}
-			return this;
-		}
-	},
-	is: function( compare ) {
-		var is = color( compare ),
-			same = true,
-			inst = this;
-
-		each( spaces, function( _, space ) {
-			var localCache,
-				isCache = is[ space.cache ];
-			if ( isCache ) {
-				localCache = inst[ space.cache ] || space.to && space.to( inst._rgba ) || [];
-				each( space.props, function( _, prop ) {
-					if ( isCache[ prop.idx ] != null ) {
-						same = ( isCache[ prop.idx ] === localCache[ prop.idx ] );
-						return same;
-					}
-				} );
-			}
-			return same;
-		} );
-		return same;
-	},
-	_space: function() {
-		var used = [],
-			inst = this;
-		each( spaces, function( spaceName, space ) {
-			if ( inst[ space.cache ] ) {
-				used.push( spaceName );
-			}
-		} );
-		return used.pop();
-	},
-	transition: function( other, distance ) {
-		var end = color( other ),
-			spaceName = end._space(),
-			space = spaces[ spaceName ],
-			startColor = this.alpha() === 0 ? color( "transparent" ) : this,
-			start = startColor[ space.cache ] || space.to( startColor._rgba ),
-			result = start.slice();
-
-		end = end[ space.cache ];
-		each( space.props, function( key, prop ) {
-			var index = prop.idx,
-				startValue = start[ index ],
-				endValue = end[ index ],
-				type = propTypes[ prop.type ] || {};
-
-			// If null, don't override start value
-			if ( endValue === null ) {
-				return;
-			}
-
-			// If null - use end
-			if ( startValue === null ) {
-				result[ index ] = endValue;
-			} else {
-				if ( type.mod ) {
-					if ( endValue - startValue > type.mod / 2 ) {
-						startValue += type.mod;
-					} else if ( startValue - endValue > type.mod / 2 ) {
-						startValue -= type.mod;
-					}
-				}
-				result[ index ] = clamp( ( endValue - startValue ) * distance + startValue, prop );
-			}
-		} );
-		return this[ spaceName ]( result );
-	},
-	blend: function( opaque ) {
-
-		// If we are already opaque - return ourself
-		if ( this._rgba[ 3 ] === 1 ) {
-			return this;
-		}
-
-		var rgb = this._rgba.slice(),
-			a = rgb.pop(),
-			blend = color( opaque )._rgba;
-
-		return color( jQuery.map( rgb, function( v, i ) {
-			return ( 1 - a ) * blend[ i ] + a * v;
-		} ) );
-	},
-	toRgbaString: function() {
-		var prefix = "rgba(",
-			rgba = jQuery.map( this._rgba, function( v, i ) {
-				return v == null ? ( i > 2 ? 1 : 0 ) : v;
-			} );
-
-		if ( rgba[ 3 ] === 1 ) {
-			rgba.pop();
-			prefix = "rgb(";
-		}
-
-		return prefix + rgba.join() + ")";
-	},
-	toHslaString: function() {
-		var prefix = "hsla(",
-			hsla = jQuery.map( this.hsla(), function( v, i ) {
-				if ( v == null ) {
-					v = i > 2 ? 1 : 0;
-				}
-
-				// Catch 1 and 2
-				if ( i && i < 3 ) {
-					v = Math.round( v * 100 ) + "%";
-				}
-				return v;
-			} );
-
-		if ( hsla[ 3 ] === 1 ) {
-			hsla.pop();
-			prefix = "hsl(";
-		}
-		return prefix + hsla.join() + ")";
-	},
-	toHexString: function( includeAlpha ) {
-		var rgba = this._rgba.slice(),
-			alpha = rgba.pop();
-
-		if ( includeAlpha ) {
-			rgba.push( ~~( alpha * 255 ) );
-		}
-
-		return "#" + jQuery.map( rgba, function( v ) {
-
-			// Default to 0 when nulls exist
-			v = ( v || 0 ).toString( 16 );
-			return v.length === 1 ? "0" + v : v;
-		} ).join( "" );
-	},
-	toString: function() {
-		return this._rgba[ 3 ] === 0 ? "transparent" : this.toRgbaString();
-	}
-} );
-color.fn.parse.prototype = color.fn;
-
-// Hsla conversions adapted from:
-// https://code.google.com/p/maashaack/source/browse/packages/graphics/trunk/src/graphics/colors/HUE2RGB.as?r=5021
-
-function hue2rgb( p, q, h ) {
-	h = ( h + 1 ) % 1;
-	if ( h * 6 < 1 ) {
-		return p + ( q - p ) * h * 6;
-	}
-	if ( h * 2 < 1 ) {
-		return q;
-	}
-	if ( h * 3 < 2 ) {
-		return p + ( q - p ) * ( ( 2 / 3 ) - h ) * 6;
-	}
-	return p;
-}
-
-spaces.hsla.to = function( rgba ) {
-	if ( rgba[ 0 ] == null || rgba[ 1 ] == null || rgba[ 2 ] == null ) {
-		return [ null, null, null, rgba[ 3 ] ];
-	}
-	var r = rgba[ 0 ] / 255,
-		g = rgba[ 1 ] / 255,
-		b = rgba[ 2 ] / 255,
-		a = rgba[ 3 ],
-		max = Math.max( r, g, b ),
-		min = Math.min( r, g, b ),
-		diff = max - min,
-		add = max + min,
-		l = add * 0.5,
-		h, s;
-
-	if ( min === max ) {
-		h = 0;
-	} else if ( r === max ) {
-		h = ( 60 * ( g - b ) / diff ) + 360;
-	} else if ( g === max ) {
-		h = ( 60 * ( b - r ) / diff ) + 120;
-	} else {
-		h = ( 60 * ( r - g ) / diff ) + 240;
-	}
-
-	// Chroma (diff) == 0 means greyscale which, by definition, saturation = 0%
-	// otherwise, saturation is based on the ratio of chroma (diff) to lightness (add)
-	if ( diff === 0 ) {
-		s = 0;
-	} else if ( l <= 0.5 ) {
-		s = diff / add;
-	} else {
-		s = diff / ( 2 - add );
-	}
-	return [ Math.round( h ) % 360, s, l, a == null ? 1 : a ];
-};
-
-spaces.hsla.from = function( hsla ) {
-	if ( hsla[ 0 ] == null || hsla[ 1 ] == null || hsla[ 2 ] == null ) {
-		return [ null, null, null, hsla[ 3 ] ];
-	}
-	var h = hsla[ 0 ] / 360,
-		s = hsla[ 1 ],
-		l = hsla[ 2 ],
-		a = hsla[ 3 ],
-		q = l <= 0.5 ? l * ( 1 + s ) : l + s - l * s,
-		p = 2 * l - q;
-
-	return [
-		Math.round( hue2rgb( p, q, h + ( 1 / 3 ) ) * 255 ),
-		Math.round( hue2rgb( p, q, h ) * 255 ),
-		Math.round( hue2rgb( p, q, h - ( 1 / 3 ) ) * 255 ),
-		a
-	];
-};
-
-each( spaces, function( spaceName, space ) {
-	var props = space.props,
-		cache = space.cache,
-		to = space.to,
-		from = space.from;
-
-	// Makes rgba() and hsla()
-	color.fn[ spaceName ] = function( value ) {
-
-		// Generate a cache for this space if it doesn't exist
-		if ( to && !this[ cache ] ) {
-			this[ cache ] = to( this._rgba );
-		}
-		if ( value === undefined ) {
-			return this[ cache ].slice();
-		}
-
-		var ret,
-			type = jQuery.type( value ),
-			arr = ( type === "array" || type === "object" ) ? value : arguments,
-			local = this[ cache ].slice();
-
-		each( props, function( key, prop ) {
-			var val = arr[ type === "object" ? key : prop.idx ];
-			if ( val == null ) {
-				val = local[ prop.idx ];
-			}
-			local[ prop.idx ] = clamp( val, prop );
-		} );
-
-		if ( from ) {
-			ret = color( from( local ) );
-			ret[ cache ] = local;
-			return ret;
-		} else {
-			return color( local );
-		}
-	};
-
-	// Makes red() green() blue() alpha() hue() saturation() lightness()
-	each( props, function( key, prop ) {
-
-		// Alpha is included in more than one space
-		if ( color.fn[ key ] ) {
-			return;
-		}
-		color.fn[ key ] = function( value ) {
-			var vtype = jQuery.type( value ),
-				fn = ( key === "alpha" ? ( this._hsla ? "hsla" : "rgba" ) : spaceName ),
-				local = this[ fn ](),
-				cur = local[ prop.idx ],
-				match;
-
-			if ( vtype === "undefined" ) {
-				return cur;
-			}
-
-			if ( vtype === "function" ) {
-				value = value.call( this, cur );
-				vtype = jQuery.type( value );
-			}
-			if ( value == null && prop.empty ) {
-				return this;
-			}
-			if ( vtype === "string" ) {
-				match = rplusequals.exec( value );
-				if ( match ) {
-					value = cur + parseFloat( match[ 2 ] ) * ( match[ 1 ] === "+" ? 1 : -1 );
-				}
-			}
-			local[ prop.idx ] = value;
-			return this[ fn ]( local );
-		};
-	} );
-} );
-
-// Add cssHook and .fx.step function for each named hook.
-// accept a space separated string of properties
-color.hook = function( hook ) {
-	var hooks = hook.split( " " );
-	each( hooks, function( i, hook ) {
-		jQuery.cssHooks[ hook ] = {
-			set: function( elem, value ) {
-				var parsed, curElem,
-					backgroundColor = "";
-
-				if ( value !== "transparent" && ( jQuery.type( value ) !== "string" ||
-						( parsed = stringParse( value ) ) ) ) {
-					value = color( parsed || value );
-					if ( !support.rgba && value._rgba[ 3 ] !== 1 ) {
-						curElem = hook === "backgroundColor" ? elem.parentNode : elem;
-						while (
-							( backgroundColor === "" || backgroundColor === "transparent" ) &&
-							curElem && curElem.style
-						) {
-							try {
-								backgroundColor = jQuery.css( curElem, "backgroundColor" );
-								curElem = curElem.parentNode;
-							} catch ( e ) {
-							}
-						}
-
-						value = value.blend( backgroundColor && backgroundColor !== "transparent" ?
-							backgroundColor :
-							"_default" );
-					}
-
-					value = value.toRgbaString();
-				}
-				try {
-					elem.style[ hook ] = value;
-				} catch ( e ) {
-
-					// Wrapped to prevent IE from throwing errors on "invalid" values like
-					// 'auto' or 'inherit'
-				}
-			}
-		};
-		jQuery.fx.step[ hook ] = function( fx ) {
-			if ( !fx.colorInit ) {
-				fx.start = color( fx.elem, hook );
-				fx.end = color( fx.end );
-				fx.colorInit = true;
-			}
-			jQuery.cssHooks[ hook ].set( fx.elem, fx.start.transition( fx.end, fx.pos ) );
-		};
-	} );
-
-};
-
-color.hook( stepHooks );
-
-jQuery.cssHooks.borderColor = {
-	expand: function( value ) {
-		var expanded = {};
-
-		each( [ "Top", "Right", "Bottom", "Left" ], function( i, part ) {
-			expanded[ "border" + part + "Color" ] = value;
-		} );
-		return expanded;
-	}
-};
-
-// Basic color names only.
-// Usage of any of the other color names requires adding yourself or including
-// jquery.color.svg-names.js.
-colors = jQuery.Color.names = {
-
-	// 4.1. Basic color keywords
-	aqua: "#00ffff",
-	black: "#000000",
-	blue: "#0000ff",
-	fuchsia: "#ff00ff",
-	gray: "#808080",
-	green: "#008000",
-	lime: "#00ff00",
-	maroon: "#800000",
-	navy: "#000080",
-	olive: "#808000",
-	purple: "#800080",
-	red: "#ff0000",
-	silver: "#c0c0c0",
-	teal: "#008080",
-	white: "#ffffff",
-	yellow: "#ffff00",
-
-	// 4.2.3. "transparent" color keyword
-	transparent: [ null, null, null, 0 ],
-
-	_default: "#ffffff"
-};
-
-} )( jQuery );
-
-/******************************************************************************/
-/****************************** CLASS ANIMATIONS ******************************/
-/******************************************************************************/
-( function() {
-
-var classAnimationActions = [ "add", "remove", "toggle" ],
-	shorthandStyles = {
-		border: 1,
-		borderBottom: 1,
-		borderColor: 1,
-		borderLeft: 1,
-		borderRight: 1,
-		borderTop: 1,
-		borderWidth: 1,
-		margin: 1,
-		padding: 1
-	};
-
-$.each(
-	[ "borderLeftStyle", "borderRightStyle", "borderBottomStyle", "borderTopStyle" ],
-	function( _, prop ) {
-		$.fx.step[ prop ] = function( fx ) {
-			if ( fx.end !== "none" && !fx.setAttr || fx.pos === 1 && !fx.setAttr ) {
-				jQuery.style( fx.elem, prop, fx.end );
-				fx.setAttr = true;
-			}
-		};
-	}
-);
-
-function getElementStyles( elem ) {
-	var key, len,
-		style = elem.ownerDocument.defaultView ?
-			elem.ownerDocument.defaultView.getComputedStyle( elem, null ) :
-			elem.currentStyle,
-		styles = {};
-
-	if ( style && style.length && style[ 0 ] && style[ style[ 0 ] ] ) {
-		len = style.length;
-		while ( len-- ) {
-			key = style[ len ];
-			if ( typeof style[ key ] === "string" ) {
-				styles[ $.camelCase( key ) ] = style[ key ];
-			}
-		}
-
-	// Support: Opera, IE <9
-	} else {
-		for ( key in style ) {
-			if ( typeof style[ key ] === "string" ) {
-				styles[ key ] = style[ key ];
-			}
-		}
-	}
-
-	return styles;
-}
-
-function styleDifference( oldStyle, newStyle ) {
-	var diff = {},
-		name, value;
-
-	for ( name in newStyle ) {
-		value = newStyle[ name ];
-		if ( oldStyle[ name ] !== value ) {
-			if ( !shorthandStyles[ name ] ) {
-				if ( $.fx.step[ name ] || !isNaN( parseFloat( value ) ) ) {
-					diff[ name ] = value;
-				}
-			}
-		}
-	}
-
-	return diff;
-}
-
-// Support: jQuery <1.8
-if ( !$.fn.addBack ) {
-	$.fn.addBack = function( selector ) {
-		return this.add( selector == null ?
-			this.prevObject : this.prevObject.filter( selector )
-		);
-	};
-}
-
-$.effects.animateClass = function( value, duration, easing, callback ) {
-	var o = $.speed( duration, easing, callback );
-
-	return this.queue( function() {
-		var animated = $( this ),
-			baseClass = animated.attr( "class" ) || "",
-			applyClassChange,
-			allAnimations = o.children ? animated.find( "*" ).addBack() : animated;
-
-		// Map the animated objects to store the original styles.
-		allAnimations = allAnimations.map( function() {
-			var el = $( this );
-			return {
-				el: el,
-				start: getElementStyles( this )
-			};
-		} );
-
-		// Apply class change
-		applyClassChange = function() {
-			$.each( classAnimationActions, function( i, action ) {
-				if ( value[ action ] ) {
-					animated[ action + "Class" ]( value[ action ] );
-				}
-			} );
-		};
-		applyClassChange();
-
-		// Map all animated objects again - calculate new styles and diff
-		allAnimations = allAnimations.map( function() {
-			this.end = getElementStyles( this.el[ 0 ] );
-			this.diff = styleDifference( this.start, this.end );
-			return this;
-		} );
-
-		// Apply original class
-		animated.attr( "class", baseClass );
-
-		// Map all animated objects again - this time collecting a promise
-		allAnimations = allAnimations.map( function() {
-			var styleInfo = this,
-				dfd = $.Deferred(),
-				opts = $.extend( {}, o, {
-					queue: false,
-					complete: function() {
-						dfd.resolve( styleInfo );
-					}
-				} );
-
-			this.el.animate( this.diff, opts );
-			return dfd.promise();
-		} );
-
-		// Once all animations have completed:
-		$.when.apply( $, allAnimations.get() ).done( function() {
-
-			// Set the final class
-			applyClassChange();
-
-			// For each animated element,
-			// clear all css properties that were animated
-			$.each( arguments, function() {
-				var el = this.el;
-				$.each( this.diff, function( key ) {
-					el.css( key, "" );
-				} );
-			} );
-
-			// This is guarnteed to be there if you use jQuery.speed()
-			// it also handles dequeuing the next anim...
-			o.complete.call( animated[ 0 ] );
-		} );
-	} );
-};
-
-$.fn.extend( {
-	addClass: ( function( orig ) {
-		return function( classNames, speed, easing, callback ) {
-			return speed ?
-				$.effects.animateClass.call( this,
-					{ add: classNames }, speed, easing, callback ) :
-				orig.apply( this, arguments );
-		};
-	} )( $.fn.addClass ),
-
-	removeClass: ( function( orig ) {
-		return function( classNames, speed, easing, callback ) {
-			return arguments.length > 1 ?
-				$.effects.animateClass.call( this,
-					{ remove: classNames }, speed, easing, callback ) :
-				orig.apply( this, arguments );
-		};
-	} )( $.fn.removeClass ),
-
-	toggleClass: ( function( orig ) {
-		return function( classNames, force, speed, easing, callback ) {
-			if ( typeof force === "boolean" || force === undefined ) {
-				if ( !speed ) {
-
-					// Without speed parameter
-					return orig.apply( this, arguments );
-				} else {
-					return $.effects.animateClass.call( this,
-						( force ? { add: classNames } : { remove: classNames } ),
-						speed, easing, callback );
-				}
-			} else {
-
-				// Without force parameter
-				return $.effects.animateClass.call( this,
-					{ toggle: classNames }, force, speed, easing );
-			}
-		};
-	} )( $.fn.toggleClass ),
-
-	switchClass: function( remove, add, speed, easing, callback ) {
-		return $.effects.animateClass.call( this, {
-			add: add,
-			remove: remove
-		}, speed, easing, callback );
-	}
-} );
-
-} )();
-
-/******************************************************************************/
-/*********************************** EFFECTS **********************************/
-/******************************************************************************/
-
-( function() {
-
-if ( $.expr && $.expr.filters && $.expr.filters.animated ) {
-	$.expr.filters.animated = ( function( orig ) {
-		return function( elem ) {
-			return !!$( elem ).data( dataSpaceAnimated ) || orig( elem );
-		};
-	} )( $.expr.filters.animated );
-}
-
-if ( $.uiBackCompat !== false ) {
-	$.extend( $.effects, {
-
-		// Saves a set of properties in a data storage
-		save: function( element, set ) {
-			var i = 0, length = set.length;
-			for ( ; i < length; i++ ) {
-				if ( set[ i ] !== null ) {
-					element.data( dataSpace + set[ i ], element[ 0 ].style[ set[ i ] ] );
-				}
-			}
-		},
-
-		// Restores a set of previously saved properties from a data storage
-		restore: function( element, set ) {
-			var val, i = 0, length = set.length;
-			for ( ; i < length; i++ ) {
-				if ( set[ i ] !== null ) {
-					val = element.data( dataSpace + set[ i ] );
-					element.css( set[ i ], val );
-				}
-			}
-		},
-
-		setMode: function( el, mode ) {
-			if ( mode === "toggle" ) {
-				mode = el.is( ":hidden" ) ? "show" : "hide";
-			}
-			return mode;
-		},
-
-		// Wraps the element around a wrapper that copies position properties
-		createWrapper: function( element ) {
-
-			// If the element is already wrapped, return it
-			if ( element.parent().is( ".ui-effects-wrapper" ) ) {
-				return element.parent();
-			}
-
-			// Wrap the element
-			var props = {
-					width: element.outerWidth( true ),
-					height: element.outerHeight( true ),
-					"float": element.css( "float" )
-				},
-				wrapper = $( "<div></div>" )
-					.addClass( "ui-effects-wrapper" )
-					.css( {
-						fontSize: "100%",
-						background: "transparent",
-						border: "none",
-						margin: 0,
-						padding: 0
-					} ),
-
-				// Store the size in case width/height are defined in % - Fixes #5245
-				size = {
-					width: element.width(),
-					height: element.height()
-				},
-				active = document.activeElement;
-
-			// Support: Firefox
-			// Firefox incorrectly exposes anonymous content
-			// https://bugzilla.mozilla.org/show_bug.cgi?id=561664
-			try {
-				active.id;
-			} catch ( e ) {
-				active = document.body;
-			}
-
-			element.wrap( wrapper );
-
-			// Fixes #7595 - Elements lose focus when wrapped.
-			if ( element[ 0 ] === active || $.contains( element[ 0 ], active ) ) {
-				$( active ).trigger( "focus" );
-			}
-
-			// Hotfix for jQuery 1.4 since some change in wrap() seems to actually
-			// lose the reference to the wrapped element
-			wrapper = element.parent();
-
-			// Transfer positioning properties to the wrapper
-			if ( element.css( "position" ) === "static" ) {
-				wrapper.css( { position: "relative" } );
-				element.css( { position: "relative" } );
-			} else {
-				$.extend( props, {
-					position: element.css( "position" ),
-					zIndex: element.css( "z-index" )
-				} );
-				$.each( [ "top", "left", "bottom", "right" ], function( i, pos ) {
-					props[ pos ] = element.css( pos );
-					if ( isNaN( parseInt( props[ pos ], 10 ) ) ) {
-						props[ pos ] = "auto";
-					}
-				} );
-				element.css( {
-					position: "relative",
-					top: 0,
-					left: 0,
-					right: "auto",
-					bottom: "auto"
-				} );
-			}
-			element.css( size );
-
-			return wrapper.css( props ).show();
-		},
-
-		removeWrapper: function( element ) {
-			var active = document.activeElement;
-
-			if ( element.parent().is( ".ui-effects-wrapper" ) ) {
-				element.parent().replaceWith( element );
-
-				// Fixes #7595 - Elements lose focus when wrapped.
-				if ( element[ 0 ] === active || $.contains( element[ 0 ], active ) ) {
-					$( active ).trigger( "focus" );
-				}
-			}
-
-			return element;
-		}
-	} );
-}
-
-$.extend( $.effects, {
-	version: "1.12.1",
-
-	define: function( name, mode, effect ) {
-		if ( !effect ) {
-			effect = mode;
-			mode = "effect";
-		}
-
-		$.effects.effect[ name ] = effect;
-		$.effects.effect[ name ].mode = mode;
-
-		return effect;
-	},
-
-	scaledDimensions: function( element, percent, direction ) {
-		if ( percent === 0 ) {
-			return {
-				height: 0,
-				width: 0,
-				outerHeight: 0,
-				outerWidth: 0
-			};
-		}
-
-		var x = direction !== "horizontal" ? ( ( percent || 100 ) / 100 ) : 1,
-			y = direction !== "vertical" ? ( ( percent || 100 ) / 100 ) : 1;
-
-		return {
-			height: element.height() * y,
-			width: element.width() * x,
-			outerHeight: element.outerHeight() * y,
-			outerWidth: element.outerWidth() * x
-		};
-
-	},
-
-	clipToBox: function( animation ) {
-		return {
-			width: animation.clip.right - animation.clip.left,
-			height: animation.clip.bottom - animation.clip.top,
-			left: animation.clip.left,
-			top: animation.clip.top
-		};
-	},
-
-	// Injects recently queued functions to be first in line (after "inprogress")
-	unshift: function( element, queueLength, count ) {
-		var queue = element.queue();
-
-		if ( queueLength > 1 ) {
-			queue.splice.apply( queue,
-				[ 1, 0 ].concat( queue.splice( queueLength, count ) ) );
-		}
-		element.dequeue();
-	},
-
-	saveStyle: function( element ) {
-		element.data( dataSpaceStyle, element[ 0 ].style.cssText );
-	},
-
-	restoreStyle: function( element ) {
-		element[ 0 ].style.cssText = element.data( dataSpaceStyle ) || "";
-		element.removeData( dataSpaceStyle );
-	},
-
-	mode: function( element, mode ) {
-		var hidden = element.is( ":hidden" );
-
-		if ( mode === "toggle" ) {
-			mode = hidden ? "show" : "hide";
-		}
-		if ( hidden ? mode === "hide" : mode === "show" ) {
-			mode = "none";
-		}
-		return mode;
-	},
-
-	// Translates a [top,left] array into a baseline value
-	getBaseline: function( origin, original ) {
-		var y, x;
-
-		switch ( origin[ 0 ] ) {
-		case "top":
-			y = 0;
-			break;
-		case "middle":
-			y = 0.5;
-			break;
-		case "bottom":
-			y = 1;
-			break;
-		default:
-			y = origin[ 0 ] / original.height;
-		}
-
-		switch ( origin[ 1 ] ) {
-		case "left":
-			x = 0;
-			break;
-		case "center":
-			x = 0.5;
-			break;
-		case "right":
-			x = 1;
-			break;
-		default:
-			x = origin[ 1 ] / original.width;
-		}
-
-		return {
-			x: x,
-			y: y
-		};
-	},
-
-	// Creates a placeholder element so that the original element can be made absolute
-	createPlaceholder: function( element ) {
-		var placeholder,
-			cssPosition = element.css( "position" ),
-			position = element.position();
-
-		// Lock in margins first to account for form elements, which
-		// will change margin if you explicitly set height
-		// see: http://jsfiddle.net/JZSMt/3/ https://bugs.webkit.org/show_bug.cgi?id=107380
-		// Support: Safari
-		element.css( {
-			marginTop: element.css( "marginTop" ),
-			marginBottom: element.css( "marginBottom" ),
-			marginLeft: element.css( "marginLeft" ),
-			marginRight: element.css( "marginRight" )
-		} )
-		.outerWidth( element.outerWidth() )
-		.outerHeight( element.outerHeight() );
-
-		if ( /^(static|relative)/.test( cssPosition ) ) {
-			cssPosition = "absolute";
-
-			placeholder = $( "<" + element[ 0 ].nodeName + ">" ).insertAfter( element ).css( {
-
-				// Convert inline to inline block to account for inline elements
-				// that turn to inline block based on content (like img)
-				display: /^(inline|ruby)/.test( element.css( "display" ) ) ?
-					"inline-block" :
-					"block",
-				visibility: "hidden",
-
-				// Margins need to be set to account for margin collapse
-				marginTop: element.css( "marginTop" ),
-				marginBottom: element.css( "marginBottom" ),
-				marginLeft: element.css( "marginLeft" ),
-				marginRight: element.css( "marginRight" ),
-				"float": element.css( "float" )
-			} )
-			.outerWidth( element.outerWidth() )
-			.outerHeight( element.outerHeight() )
-			.addClass( "ui-effects-placeholder" );
-
-			element.data( dataSpace + "placeholder", placeholder );
-		}
-
-		element.css( {
-			position: cssPosition,
-			left: position.left,
-			top: position.top
-		} );
-
-		return placeholder;
-	},
-
-	removePlaceholder: function( element ) {
-		var dataKey = dataSpace + "placeholder",
-				placeholder = element.data( dataKey );
-
-		if ( placeholder ) {
-			placeholder.remove();
-			element.removeData( dataKey );
-		}
-	},
-
-	// Removes a placeholder if it exists and restores
-	// properties that were modified during placeholder creation
-	cleanUp: function( element ) {
-		$.effects.restoreStyle( element );
-		$.effects.removePlaceholder( element );
-	},
-
-	setTransition: function( element, list, factor, value ) {
-		value = value || {};
-		$.each( list, function( i, x ) {
-			var unit = element.cssUnit( x );
-			if ( unit[ 0 ] > 0 ) {
-				value[ x ] = unit[ 0 ] * factor + unit[ 1 ];
-			}
-		} );
-		return value;
-	}
-} );
-
-// Return an effect options object for the given parameters:
-function _normalizeArguments( effect, options, speed, callback ) {
-
-	// Allow passing all options as the first parameter
-	if ( $.isPlainObject( effect ) ) {
-		options = effect;
-		effect = effect.effect;
-	}
-
-	// Convert to an object
-	effect = { effect: effect };
-
-	// Catch (effect, null, ...)
-	if ( options == null ) {
-		options = {};
-	}
-
-	// Catch (effect, callback)
-	if ( $.isFunction( options ) ) {
-		callback = options;
-		speed = null;
-		options = {};
-	}
-
-	// Catch (effect, speed, ?)
-	if ( typeof options === "number" || $.fx.speeds[ options ] ) {
-		callback = speed;
-		speed = options;
-		options = {};
-	}
-
-	// Catch (effect, options, callback)
-	if ( $.isFunction( speed ) ) {
-		callback = speed;
-		speed = null;
-	}
-
-	// Add options to effect
-	if ( options ) {
-		$.extend( effect, options );
-	}
-
-	speed = speed || options.duration;
-	effect.duration = $.fx.off ? 0 :
-		typeof speed === "number" ? speed :
-		speed in $.fx.speeds ? $.fx.speeds[ speed ] :
-		$.fx.speeds._default;
-
-	effect.complete = callback || options.complete;
-
-	return effect;
-}
-
-function standardAnimationOption( option ) {
-
-	// Valid standard speeds (nothing, number, named speed)
-	if ( !option || typeof option === "number" || $.fx.speeds[ option ] ) {
-		return true;
-	}
-
-	// Invalid strings - treat as "normal" speed
-	if ( typeof option === "string" && !$.effects.effect[ option ] ) {
-		return true;
-	}
-
-	// Complete callback
-	if ( $.isFunction( option ) ) {
-		return true;
-	}
-
-	// Options hash (but not naming an effect)
-	if ( typeof option === "object" && !option.effect ) {
-		return true;
-	}
-
-	// Didn't match any standard API
-	return false;
-}
-
-$.fn.extend( {
-	effect: function( /* effect, options, speed, callback */ ) {
-		var args = _normalizeArguments.apply( this, arguments ),
-			effectMethod = $.effects.effect[ args.effect ],
-			defaultMode = effectMethod.mode,
-			queue = args.queue,
-			queueName = queue || "fx",
-			complete = args.complete,
-			mode = args.mode,
-			modes = [],
-			prefilter = function( next ) {
-				var el = $( this ),
-					normalizedMode = $.effects.mode( el, mode ) || defaultMode;
-
-				// Sentinel for duck-punching the :animated psuedo-selector
-				el.data( dataSpaceAnimated, true );
-
-				// Save effect mode for later use,
-				// we can't just call $.effects.mode again later,
-				// as the .show() below destroys the initial state
-				modes.push( normalizedMode );
-
-				// See $.uiBackCompat inside of run() for removal of defaultMode in 1.13
-				if ( defaultMode && ( normalizedMode === "show" ||
-						( normalizedMode === defaultMode && normalizedMode === "hide" ) ) ) {
-					el.show();
-				}
-
-				if ( !defaultMode || normalizedMode !== "none" ) {
-					$.effects.saveStyle( el );
-				}
-
-				if ( $.isFunction( next ) ) {
-					next();
-				}
-			};
-
-		if ( $.fx.off || !effectMethod ) {
-
-			// Delegate to the original method (e.g., .show()) if possible
-			if ( mode ) {
-				return this[ mode ]( args.duration, complete );
-			} else {
-				return this.each( function() {
-					if ( complete ) {
-						complete.call( this );
-					}
-				} );
-			}
-		}
-
-		function run( next ) {
-			var elem = $( this );
-
-			function cleanup() {
-				elem.removeData( dataSpaceAnimated );
-
-				$.effects.cleanUp( elem );
-
-				if ( args.mode === "hide" ) {
-					elem.hide();
-				}
-
-				done();
-			}
-
-			function done() {
-				if ( $.isFunction( complete ) ) {
-					complete.call( elem[ 0 ] );
-				}
-
-				if ( $.isFunction( next ) ) {
-					next();
-				}
-			}
-
-			// Override mode option on a per element basis,
-			// as toggle can be either show or hide depending on element state
-			args.mode = modes.shift();
-
-			if ( $.uiBackCompat !== false && !defaultMode ) {
-				if ( elem.is( ":hidden" ) ? mode === "hide" : mode === "show" ) {
-
-					// Call the core method to track "olddisplay" properly
-					elem[ mode ]();
-					done();
-				} else {
-					effectMethod.call( elem[ 0 ], args, done );
-				}
-			} else {
-				if ( args.mode === "none" ) {
-
-					// Call the core method to track "olddisplay" properly
-					elem[ mode ]();
-					done();
-				} else {
-					effectMethod.call( elem[ 0 ], args, cleanup );
-				}
-			}
-		}
-
-		// Run prefilter on all elements first to ensure that
-		// any showing or hiding happens before placeholder creation,
-		// which ensures that any layout changes are correctly captured.
-		return queue === false ?
-			this.each( prefilter ).each( run ) :
-			this.queue( queueName, prefilter ).queue( queueName, run );
-	},
-
-	show: ( function( orig ) {
-		return function( option ) {
-			if ( standardAnimationOption( option ) ) {
-				return orig.apply( this, arguments );
-			} else {
-				var args = _normalizeArguments.apply( this, arguments );
-				args.mode = "show";
-				return this.effect.call( this, args );
-			}
-		};
-	} )( $.fn.show ),
-
-	hide: ( function( orig ) {
-		return function( option ) {
-			if ( standardAnimationOption( option ) ) {
-				return orig.apply( this, arguments );
-			} else {
-				var args = _normalizeArguments.apply( this, arguments );
-				args.mode = "hide";
-				return this.effect.call( this, args );
-			}
-		};
-	} )( $.fn.hide ),
-
-	toggle: ( function( orig ) {
-		return function( option ) {
-			if ( standardAnimationOption( option ) || typeof option === "boolean" ) {
-				return orig.apply( this, arguments );
-			} else {
-				var args = _normalizeArguments.apply( this, arguments );
-				args.mode = "toggle";
-				return this.effect.call( this, args );
-			}
-		};
-	} )( $.fn.toggle ),
-
-	cssUnit: function( key ) {
-		var style = this.css( key ),
-			val = [];
-
-		$.each( [ "em", "px", "%", "pt" ], function( i, unit ) {
-			if ( style.indexOf( unit ) > 0 ) {
-				val = [ parseFloat( style ), unit ];
-			}
-		} );
-		return val;
-	},
-
-	cssClip: function( clipObj ) {
-		if ( clipObj ) {
-			return this.css( "clip", "rect(" + clipObj.top + "px " + clipObj.right + "px " +
-				clipObj.bottom + "px " + clipObj.left + "px)" );
-		}
-		return parseClip( this.css( "clip" ), this );
-	},
-
-	transfer: function( options, done ) {
-		var element = $( this ),
-			target = $( options.to ),
-			targetFixed = target.css( "position" ) === "fixed",
-			body = $( "body" ),
-			fixTop = targetFixed ? body.scrollTop() : 0,
-			fixLeft = targetFixed ? body.scrollLeft() : 0,
-			endPosition = target.offset(),
-			animation = {
-				top: endPosition.top - fixTop,
-				left: endPosition.left - fixLeft,
-				height: target.innerHeight(),
-				width: target.innerWidth()
-			},
-			startPosition = element.offset(),
-			transfer = $( "<div class='ui-effects-transfer'></div>" )
-				.appendTo( "body" )
-				.addClass( options.className )
-				.css( {
-					top: startPosition.top - fixTop,
-					left: startPosition.left - fixLeft,
-					height: element.innerHeight(),
-					width: element.innerWidth(),
-					position: targetFixed ? "fixed" : "absolute"
-				} )
-				.animate( animation, options.duration, options.easing, function() {
-					transfer.remove();
-					if ( $.isFunction( done ) ) {
-						done();
-					}
-				} );
-	}
-} );
-
-function parseClip( str, element ) {
-		var outerWidth = element.outerWidth(),
-			outerHeight = element.outerHeight(),
-			clipRegex = /^rect\((-?\d*\.?\d*px|-?\d+%|auto),?\s*(-?\d*\.?\d*px|-?\d+%|auto),?\s*(-?\d*\.?\d*px|-?\d+%|auto),?\s*(-?\d*\.?\d*px|-?\d+%|auto)\)$/,
-			values = clipRegex.exec( str ) || [ "", 0, outerWidth, outerHeight, 0 ];
-
-		return {
-			top: parseFloat( values[ 1 ] ) || 0,
-			right: values[ 2 ] === "auto" ? outerWidth : parseFloat( values[ 2 ] ),
-			bottom: values[ 3 ] === "auto" ? outerHeight : parseFloat( values[ 3 ] ),
-			left: parseFloat( values[ 4 ] ) || 0
-		};
-}
-
-$.fx.step.clip = function( fx ) {
-	if ( !fx.clipInit ) {
-		fx.start = $( fx.elem ).cssClip();
-		if ( typeof fx.end === "string" ) {
-			fx.end = parseClip( fx.end, fx.elem );
-		}
-		fx.clipInit = true;
-	}
-
-	$( fx.elem ).cssClip( {
-		top: fx.pos * ( fx.end.top - fx.start.top ) + fx.start.top,
-		right: fx.pos * ( fx.end.right - fx.start.right ) + fx.start.right,
-		bottom: fx.pos * ( fx.end.bottom - fx.start.bottom ) + fx.start.bottom,
-		left: fx.pos * ( fx.end.left - fx.start.left ) + fx.start.left
-	} );
-};
-
-} )();
-
-/******************************************************************************/
-/*********************************** EASING ***********************************/
-/******************************************************************************/
-
-( function() {
-
-// Based on easing equations from Robert Penner (http://www.robertpenner.com/easing)
-
-var baseEasings = {};
-
-$.each( [ "Quad", "Cubic", "Quart", "Quint", "Expo" ], function( i, name ) {
-	baseEasings[ name ] = function( p ) {
-		return Math.pow( p, i + 2 );
-	};
-} );
-
-$.extend( baseEasings, {
-	Sine: function( p ) {
-		return 1 - Math.cos( p * Math.PI / 2 );
-	},
-	Circ: function( p ) {
-		return 1 - Math.sqrt( 1 - p * p );
-	},
-	Elastic: function( p ) {
-		return p === 0 || p === 1 ? p :
-			-Math.pow( 2, 8 * ( p - 1 ) ) * Math.sin( ( ( p - 1 ) * 80 - 7.5 ) * Math.PI / 15 );
-	},
-	Back: function( p ) {
-		return p * p * ( 3 * p - 2 );
-	},
-	Bounce: function( p ) {
-		var pow2,
-			bounce = 4;
-
-		while ( p < ( ( pow2 = Math.pow( 2, --bounce ) ) - 1 ) / 11 ) {}
-		return 1 / Math.pow( 4, 3 - bounce ) - 7.5625 * Math.pow( ( pow2 * 3 - 2 ) / 22 - p, 2 );
-	}
-} );
-
-$.each( baseEasings, function( name, easeIn ) {
-	$.easing[ "easeIn" + name ] = easeIn;
-	$.easing[ "easeOut" + name ] = function( p ) {
-		return 1 - easeIn( 1 - p );
-	};
-	$.easing[ "easeInOut" + name ] = function( p ) {
-		return p < 0.5 ?
-			easeIn( p * 2 ) / 2 :
-			1 - easeIn( p * -2 + 2 ) / 2;
-	};
-} );
-
-} )();
-
-var effect = $.effects;
-
-
-/*!
- * jQuery UI Effects Blind 1.12.1
- * http://jqueryui.com
- *
- * Copyright jQuery Foundation and other contributors
- * Released under the MIT license.
- * http://jquery.org/license
- */
-
-//>>label: Blind Effect
-//>>group: Effects
-//>>description: Blinds the element.
-//>>docs: http://api.jqueryui.com/blind-effect/
-//>>demos: http://jqueryui.com/effect/
-
-
-
-var effectsEffectBlind = $.effects.define( "blind", "hide", function( options, done ) {
-	var map = {
-			up: [ "bottom", "top" ],
-			vertical: [ "bottom", "top" ],
-			down: [ "top", "bottom" ],
-			left: [ "right", "left" ],
-			horizontal: [ "right", "left" ],
-			right: [ "left", "right" ]
-		},
-		element = $( this ),
-		direction = options.direction || "up",
-		start = element.cssClip(),
-		animate = { clip: $.extend( {}, start ) },
-		placeholder = $.effects.createPlaceholder( element );
-
-	animate.clip[ map[ direction ][ 0 ] ] = animate.clip[ map[ direction ][ 1 ] ];
-
-	if ( options.mode === "show" ) {
-		element.cssClip( animate.clip );
-		if ( placeholder ) {
-			placeholder.css( $.effects.clipToBox( animate ) );
-		}
-
-		animate.clip = start;
-	}
-
-	if ( placeholder ) {
-		placeholder.animate( $.effects.clipToBox( animate ), options.duration, options.easing );
-	}
-
-	element.animate( animate, {
-		queue: false,
-		duration: options.duration,
-		easing: options.easing,
-		complete: done
-	} );
-} );
-
 // NOTE: Original jQuery UI wrapper was replaced. See README-Fancytree.md
 // }));
 })(jQuery);
@@ -3041,5661 +1361,7358 @@ var effectsEffectBlind = $.effects.define( "blind", "hide", function( options, d
  * Tree view control with support for lazy loading and much more.
  * https://github.com/mar10/fancytree/
  *
- * Copyright (c) 2008-2018, Martin Wendt (http://wwWendt.de)
+ * Copyright (c) 2008-2021, Martin Wendt (https://wwWendt.de)
  * Released under the MIT license
  * https://github.com/mar10/fancytree/wiki/LicenseInfo
  *
- * @version 2.28.1
- * @date 2018-03-19T06:47:37Z
+ * @version 2.38.0
+ * @date 2021-02-09T20:03:49Z
  */
 
 /** Core Fancytree module.
  */
 
 // UMD wrapper for the Fancytree core module
-;(function( factory ) {
-	if ( typeof define === "function" && define.amd ) {
+(function(factory) {
+	if (typeof define === "function" && define.amd) {
 		// AMD. Register as an anonymous module.
-		define( [ "jquery", "./jquery.fancytree.ui-deps" ], factory );
-	} else if ( typeof module === "object" && module.exports ) {
+		define(["jquery", "./jquery.fancytree.ui-deps"], factory);
+	} else if (typeof module === "object" && module.exports) {
 		// Node/CommonJS
 		require("./jquery.fancytree.ui-deps");
 		module.exports = factory(require("jquery"));
 	} else {
 		// Browser globals
-		factory( jQuery );
+		factory(jQuery);
+	}
+})(function($) {
+	"use strict";
+
+	// prevent duplicate loading
+	if ($.ui && $.ui.fancytree) {
+		$.ui.fancytree.warn("Fancytree: ignored duplicate include");
+		return;
 	}
 
-}( function( $ ) {
+	/******************************************************************************
+	 * Private functions and variables
+	 */
 
-"use strict";
-
-// prevent duplicate loading
-if ( $.ui && $.ui.fancytree ) {
-	$.ui.fancytree.warn("Fancytree: ignored duplicate include");
-	return;
-}
-
-
-/* *****************************************************************************
- * Private functions and variables
- */
-
-var i, attr,
-	FT = null, // initialized below
-	TEST_IMG = new RegExp(/\.|\//),  // strings are considered image urls if they contain '.' or '/'
-	REX_HTML = /[&<>"'\/]/g,  // Escape those characters
-	REX_TOOLTIP = /[<>"'\/]/g,  // Don't escape `&` in tooltips
-	RECURSIVE_REQUEST_ERROR = "$recursive_request",
-	ENTITY_MAP = {"&": "&amp;", "<": "&lt;", ">": "&gt;", "\"": "&quot;", "'": "&#39;", "/": "&#x2F;"},
-	IGNORE_KEYCODES = { 16: true, 17: true, 18: true },
-	SPECIAL_KEYCODES = {
-		8: "backspace", 9: "tab", 10: "return", 13: "return",
-		// 16: null, 17: null, 18: null, // ignore shift, ctrl, alt
-		19: "pause", 20: "capslock", 27: "esc", 32: "space", 33: "pageup",
-		34: "pagedown", 35: "end", 36: "home", 37: "left", 38: "up",
-		39: "right", 40: "down", 45: "insert", 46: "del", 59: ";", 61: "=",
-		96: "0", 97: "1", 98: "2", 99: "3", 100: "4", 101: "5", 102: "6",
-		103: "7", 104: "8", 105: "9", 106: "*", 107: "+", 109: "-", 110: ".",
-		111: "/", 112: "f1", 113: "f2", 114: "f3", 115: "f4", 116: "f5",
-		117: "f6", 118: "f7", 119: "f8", 120: "f9", 121: "f10", 122: "f11",
-		123: "f12", 144: "numlock", 145: "scroll", 173: "-", 186: ";", 187: "=",
-		188: ",", 189: "-", 190: ".", 191: "/", 192: "`", 219: "[", 220: "\\",
-		221: "]", 222: "'"},
-	MOUSE_BUTTONS = { 0: "", 1: "left", 2: "middle", 3: "right" },
-	// Boolean attributes that can be set with equivalent class names in the LI tags
-	// Note: v2.23: checkbox and hideCheckbox are *not* in this list
-	CLASS_ATTRS = "active expanded focus folder lazy radiogroup selected unselectable unselectableIgnore".split(" "),
-	CLASS_ATTR_MAP = {},
-	// Top-level Fancytree attributes, that can be set by dict
-	TREE_ATTRS = "columns types".split(" "),
-	// TREE_ATTR_MAP = {},
-	// Top-level FancytreeNode attributes, that can be set by dict
-	NODE_ATTRS = "checkbox expanded extraClasses folder icon iconTooltip key lazy partsel radiogroup refKey selected statusNodeType title tooltip type unselectable unselectableIgnore unselectableStatus".split(" "),
-	NODE_ATTR_MAP = {},
-	// Mapping of lowercase -> real name (because HTML5 data-... attribute only supports lowercase)
-	NODE_ATTR_LOWERCASE_MAP = {},
-	// Attribute names that should NOT be added to node.data
-	NONE_NODE_DATA_MAP = {"active": true, "children": true, "data": true, "focus": true};
-
-for(i=0; i<CLASS_ATTRS.length; i++){ CLASS_ATTR_MAP[CLASS_ATTRS[i]] = true; }
-for(i=0; i<NODE_ATTRS.length; i++) {
-	attr = NODE_ATTRS[i];
-	NODE_ATTR_MAP[attr] = true;
-	if( attr !== attr.toLowerCase() ) {
-		NODE_ATTR_LOWERCASE_MAP[attr.toLowerCase()] = attr;
-	}
-}
-// for(i=0; i<TREE_ATTRS.length; i++) {
-// 	TREE_ATTR_MAP[TREE_ATTRS[i]] = true;
-// }
-
-
-function _assert(cond, msg){
-	// TODO: see qunit.js extractStacktrace()
-	if(!cond){
-		msg = msg ? ": " + msg : "";
-		// consoleApply("assert", [!!cond, msg]);
-		$.error("Fancytree assertion failed" + msg);
-	}
-}
-
-_assert($.ui, "Fancytree requires jQuery UI (http://jqueryui.com)");
-
-function consoleApply(method, args){
-	var i, s,
-		fn = window.console ? window.console[method] : null;
-
-	if(fn){
-		try{
-			fn.apply(window.console, args);
-		} catch(e) {
-			// IE 8?
-			s = "";
-			for( i=0; i<args.length; i++ ) {
-				s += args[i];
-			}
-			fn(s);
-		}
-	}
-}
-
-/* support: IE8 Polyfil for Date.now() */
-if( !Date.now ) {
-	Date.now = function now() { return new Date().getTime(); };
-}
-
-/*Return true if x is a FancytreeNode.*/
-function _isNode(x){
-	return !!(x.tree && x.statusNodeType !== undefined);
-}
-
-/** Return true if dotted version string is equal or higher than requested version.
- *
- * See http://jsfiddle.net/mar10/FjSAN/
- */
-function isVersionAtLeast(dottedVersion, major, minor, patch){
-	var i, v, t,
-		verParts = $.map($.trim(dottedVersion).split("."), function(e){ return parseInt(e, 10); }),
-		testParts = $.map(Array.prototype.slice.call(arguments, 1), function(e){ return parseInt(e, 10); });
-
-	for( i = 0; i < testParts.length; i++ ){
-		v = verParts[i] || 0;
-		t = testParts[i] || 0;
-		if( v !== t ){
-			return ( v > t );
-		}
-	}
-	return true;
-}
-
-/** Return a wrapper that calls sub.methodName() and exposes
- *  this             : tree
- *  this._local      : tree.ext.EXTNAME
- *  this._super      : base.methodName.call()
- *  this._superApply : base.methodName.apply()
- */
-function _makeVirtualFunction(methodName, tree, base, extension, extName){
-	// $.ui.fancytree.debug("_makeVirtualFunction", methodName, tree, base, extension, extName);
-	// if(rexTestSuper && !rexTestSuper.test(func)){
-	//     // extension.methodName() doesn't call _super(), so no wrapper required
-	//     return func;
-	// }
-	// Use an immediate function as closure
-	var proxy = (function(){
-		var prevFunc = tree[methodName],      // org. tree method or prev. proxy
-			baseFunc = extension[methodName], //
-			_local = tree.ext[extName],
-			_super = function(){
-				return prevFunc.apply(tree, arguments);
-			},
-			_superApply = function(args){
-				return prevFunc.apply(tree, args);
-			};
-
-		// Return the wrapper function
-		return function(){
-			var prevLocal = tree._local,
-				prevSuper = tree._super,
-				prevSuperApply = tree._superApply;
-
-			try{
-				tree._local = _local;
-				tree._super = _super;
-				tree._superApply = _superApply;
-				return  baseFunc.apply(tree, arguments);
-			}finally{
-				tree._local = prevLocal;
-				tree._super = prevSuper;
-				tree._superApply = prevSuperApply;
-			}
+	var i,
+		attr,
+		FT = null, // initialized below
+		TEST_IMG = new RegExp(/\.|\//), // strings are considered image urls if they contain '.' or '/'
+		REX_HTML = /[&<>"'/]/g, // Escape those characters
+		REX_TOOLTIP = /[<>"'/]/g, // Don't escape `&` in tooltips
+		RECURSIVE_REQUEST_ERROR = "$recursive_request",
+		INVALID_REQUEST_TARGET_ERROR = "$request_target_invalid",
+		ENTITY_MAP = {
+			"&": "&amp;",
+			"<": "&lt;",
+			">": "&gt;",
+			'"': "&quot;",
+			"'": "&#39;",
+			"/": "&#x2F;",
+		},
+		IGNORE_KEYCODES = { 16: true, 17: true, 18: true },
+		SPECIAL_KEYCODES = {
+			8: "backspace",
+			9: "tab",
+			10: "return",
+			13: "return",
+			// 16: null, 17: null, 18: null,  // ignore shift, ctrl, alt
+			19: "pause",
+			20: "capslock",
+			27: "esc",
+			32: "space",
+			33: "pageup",
+			34: "pagedown",
+			35: "end",
+			36: "home",
+			37: "left",
+			38: "up",
+			39: "right",
+			40: "down",
+			45: "insert",
+			46: "del",
+			59: ";",
+			61: "=",
+			// 91: null, 93: null,  // ignore left and right meta
+			96: "0",
+			97: "1",
+			98: "2",
+			99: "3",
+			100: "4",
+			101: "5",
+			102: "6",
+			103: "7",
+			104: "8",
+			105: "9",
+			106: "*",
+			107: "+",
+			109: "-",
+			110: ".",
+			111: "/",
+			112: "f1",
+			113: "f2",
+			114: "f3",
+			115: "f4",
+			116: "f5",
+			117: "f6",
+			118: "f7",
+			119: "f8",
+			120: "f9",
+			121: "f10",
+			122: "f11",
+			123: "f12",
+			144: "numlock",
+			145: "scroll",
+			173: "-",
+			186: ";",
+			187: "=",
+			188: ",",
+			189: "-",
+			190: ".",
+			191: "/",
+			192: "`",
+			219: "[",
+			220: "\\",
+			221: "]",
+			222: "'",
+		},
+		MODIFIERS = {
+			16: "shift",
+			17: "ctrl",
+			18: "alt",
+			91: "meta",
+			93: "meta",
+		},
+		MOUSE_BUTTONS = { 0: "", 1: "left", 2: "middle", 3: "right" },
+		// Boolean attributes that can be set with equivalent class names in the LI tags
+		// Note: v2.23: checkbox and hideCheckbox are *not* in this list
+		CLASS_ATTRS = "active expanded focus folder lazy radiogroup selected unselectable unselectableIgnore".split(
+			" "
+		),
+		CLASS_ATTR_MAP = {},
+		// Top-level Fancytree attributes, that can be set by dict
+		TREE_ATTRS = "columns types".split(" "),
+		// TREE_ATTR_MAP = {},
+		// Top-level FancytreeNode attributes, that can be set by dict
+		NODE_ATTRS = "checkbox expanded extraClasses folder icon iconTooltip key lazy partsel radiogroup refKey selected statusNodeType title tooltip type unselectable unselectableIgnore unselectableStatus".split(
+			" "
+		),
+		NODE_ATTR_MAP = {},
+		// Mapping of lowercase -> real name (because HTML5 data-... attribute only supports lowercase)
+		NODE_ATTR_LOWERCASE_MAP = {},
+		// Attribute names that should NOT be added to node.data
+		NONE_NODE_DATA_MAP = {
+			active: true,
+			children: true,
+			data: true,
+			focus: true,
 		};
-	})(); // end of Immediate Function
-	return proxy;
-}
 
-/**
- * Subclass `base` by creating proxy functions
- */
-function _subclassObject(tree, base, extension, extName){
-	// $.ui.fancytree.debug("_subclassObject", tree, base, extension, extName);
-	for(var attrName in extension){
-		if(typeof extension[attrName] === "function"){
-			if(typeof tree[attrName] === "function"){
-				// override existing method
-				tree[attrName] = _makeVirtualFunction(attrName, tree, base, extension, extName);
-			}else if(attrName.charAt(0) === "_"){
-				// Create private methods in tree.ext.EXTENSION namespace
-				tree.ext[extName][attrName] = _makeVirtualFunction(attrName, tree, base, extension, extName);
-			}else{
-				$.error("Could not override tree." + attrName + ". Use prefix '_' to create tree." + extName + "._" + attrName);
-			}
-		}else{
-			// Create member variables in tree.ext.EXTENSION namespace
-			if(attrName !== "options"){
-				tree.ext[extName][attrName] = extension[attrName];
+	for (i = 0; i < CLASS_ATTRS.length; i++) {
+		CLASS_ATTR_MAP[CLASS_ATTRS[i]] = true;
+	}
+	for (i = 0; i < NODE_ATTRS.length; i++) {
+		attr = NODE_ATTRS[i];
+		NODE_ATTR_MAP[attr] = true;
+		if (attr !== attr.toLowerCase()) {
+			NODE_ATTR_LOWERCASE_MAP[attr.toLowerCase()] = attr;
+		}
+	}
+	// for(i=0; i<TREE_ATTRS.length; i++) {
+	// 	TREE_ATTR_MAP[TREE_ATTRS[i]] = true;
+	// }
+
+	function _assert(cond, msg) {
+		// TODO: see qunit.js extractStacktrace()
+		if (!cond) {
+			msg = msg ? ": " + msg : "";
+			msg = "Fancytree assertion failed" + msg;
+
+			// consoleApply("assert", [!!cond, msg]);
+
+			// #1041: Raised exceptions may not be visible in the browser
+			// console if inside promise chains, so we also print directly:
+			$.ui.fancytree.error(msg);
+
+			// Throw exception:
+			$.error(msg);
+		}
+	}
+
+	_assert($.ui, "Fancytree requires jQuery UI (http://jqueryui.com)");
+
+	function consoleApply(method, args) {
+		var i,
+			s,
+			fn = window.console ? window.console[method] : null;
+
+		if (fn) {
+			try {
+				fn.apply(window.console, args);
+			} catch (e) {
+				// IE 8?
+				s = "";
+				for (i = 0; i < args.length; i++) {
+					s += args[i];
+				}
+				fn(s);
 			}
 		}
 	}
-}
 
-
-function _getResolvedPromise(context, argArray){
-	if(context === undefined){
-		return $.Deferred(function(){this.resolve();}).promise();
-	}else{
-		return $.Deferred(function(){this.resolveWith(context, argArray);}).promise();
+	/* support: IE8 Polyfil for Date.now() */
+	if (!Date.now) {
+		Date.now = function now() {
+			return new Date().getTime();
+		};
 	}
-}
 
-
-function _getRejectedPromise(context, argArray){
-	if(context === undefined){
-		return $.Deferred(function(){this.reject();}).promise();
-	}else{
-		return $.Deferred(function(){this.rejectWith(context, argArray);}).promise();
+	/*Return true if x is a FancytreeNode.*/
+	function _isNode(x) {
+		return !!(x.tree && x.statusNodeType !== undefined);
 	}
-}
 
+	/** Return true if dotted version string is equal or higher than requested version.
+	 *
+	 * See http://jsfiddle.net/mar10/FjSAN/
+	 */
+	function isVersionAtLeast(dottedVersion, major, minor, patch) {
+		var i,
+			v,
+			t,
+			verParts = $.map($.trim(dottedVersion).split("."), function(e) {
+				return parseInt(e, 10);
+			}),
+			testParts = $.map(
+				Array.prototype.slice.call(arguments, 1),
+				function(e) {
+					return parseInt(e, 10);
+				}
+			);
 
-function _makeResolveFunc(deferred, context){
-	return function(){
-		deferred.resolveWith(context);
-	};
-}
-
-
-function _getElementDataAsDict($el){
-	// Evaluate 'data-NAME' attributes with special treatment for 'data-json'.
-	var d = $.extend({}, $el.data()),
-		json = d.json;
-
-	delete d.fancytree; // added to container by widget factory (old jQuery UI)
-	delete d.uiFancytree; // added to container by widget factory
-
-	if( json ) {
-		delete d.json;
-		// <li data-json='...'> is already returned as object (http://api.jquery.com/data/#data-html5)
-		d = $.extend(d, json);
-	}
-	return d;
-}
-
-
-function _escapeTooltip(s){
-	return ("" + s).replace(REX_TOOLTIP, function(s) {
-		return ENTITY_MAP[s];
-	});
-}
-
-
-// TODO: use currying
-function _makeNodeTitleMatcher(s){
-	s = s.toLowerCase();
-	return function(node){
-		return node.title.toLowerCase().indexOf(s) >= 0;
-	};
-}
-
-
-function _makeNodeTitleStartMatcher(s){
-	var reMatch = new RegExp("^" + s, "i");
-	return function(node){
-		return reMatch.test(node.title);
-	};
-}
-
-
-/* *****************************************************************************
- * FancytreeNode
- */
-
-
-/**
- * Creates a new FancytreeNode
- *
- * @class FancytreeNode
- * @classdesc A FancytreeNode represents the hierarchical data model and operations.
- *
- * @param {FancytreeNode} parent
- * @param {NodeData} obj
- *
- * @property {Fancytree} tree The tree instance
- * @property {FancytreeNode} parent The parent node
- * @property {string} key Node id (must be unique inside the tree)
- * @property {string} title Display name (may contain HTML)
- * @property {object} data Contains all extra data that was passed on node creation
- * @property {FancytreeNode[] | null | undefined} children Array of child nodes.<br>
- *     For lazy nodes, null or undefined means 'not yet loaded'. Use an empty array
- *     to define a node that has no children.
- * @property {boolean} expanded Use isExpanded(), setExpanded() to access this property.
- * @property {string} extraClasses Additional CSS classes, added to the node's `&lt;span>`.<br>
- *     Note: use `node.add/remove/toggleClass()` to modify.
- * @property {boolean} folder Folder nodes have different default icons and click behavior.<br>
- *     Note: Also non-folders may have children.
- * @property {string} statusNodeType null for standard nodes. Otherwise type of special system node: 'error', 'loading', 'nodata', or 'paging'.
- * @property {boolean} lazy True if this node is loaded on demand, i.e. on first expansion.
- * @property {boolean} selected Use isSelected(), setSelected() to access this property.
- * @property {string} tooltip Alternative description used as hover popup
- * @property {string} iconTooltip Description used as hover popup for icon. @since 2.27
- * @property {string} type Node type, used with tree.types map. @since 2.27
- */
-function FancytreeNode(parent, obj){
-	var i, l, name, cl;
-
-	this.parent = parent;
-	this.tree = parent.tree;
-	this.ul = null;
-	this.li = null;  // <li id='key' ftnode=this> tag
-	this.statusNodeType = null; // if this is a temp. node to display the status of its parent
-	this._isLoading = false;    // if this node itself is loading
-	this._error = null;         // {message: '...'} if a load error occurred
-	this.data = {};
-
-	// TODO: merge this code with node.toDict()
-	// copy attributes from obj object
-	for(i=0, l=NODE_ATTRS.length; i<l; i++){
-		name = NODE_ATTRS[i];
-		this[name] = obj[name];
-	}
-	// unselectableIgnore and unselectableStatus imply unselectable
-	if( this.unselectableIgnore != null || this.unselectableStatus != null ) {
-		this.unselectable = true;
-	}
-	if( obj.hideCheckbox ) {
-		$.error("'hideCheckbox' node option was removed in v2.23.0: use 'checkbox: false'");
-	}
-	// node.data += obj.data
-	if(obj.data){
-		$.extend(this.data, obj.data);
-	}
-	// Copy all other attributes to this.data.NAME
-	for(name in obj){
-		if(!NODE_ATTR_MAP[name] && !$.isFunction(obj[name]) && !NONE_NODE_DATA_MAP[name]){
-			// node.data.NAME = obj.NAME
-			this.data[name] = obj[name];
+		for (i = 0; i < testParts.length; i++) {
+			v = verParts[i] || 0;
+			t = testParts[i] || 0;
+			if (v !== t) {
+				return v > t;
+			}
 		}
+		return true;
 	}
 
-	// Fix missing key
-	if( this.key == null ){ // test for null OR undefined
-		if( this.tree.options.defaultKey ) {
-			this.key = this.tree.options.defaultKey(this);
-			_assert(this.key, "defaultKey() must return a unique key");
-		} else {
-			this.key = "_" + (FT._nextNodeKey++);
+	/**
+	 * Deep-merge a list of objects (but replace array-type options).
+	 *
+	 * jQuery's $.extend(true, ...) method does a deep merge, that also merges Arrays.
+	 * This variant is used to merge extension defaults with user options, and should
+	 * merge objects, but override arrays (for example the `triggerStart: [...]` option
+	 * of ext-edit). Also `null` values are copied over and not skipped.
+	 *
+	 * See issue #876
+	 *
+	 * Example:
+	 * _simpleDeepMerge({}, o1, o2);
+	 */
+	function _simpleDeepMerge() {
+		var options,
+			name,
+			src,
+			copy,
+			clone,
+			target = arguments[0] || {},
+			i = 1,
+			length = arguments.length;
+
+		// Handle case when target is a string or something (possible in deep copy)
+		if (typeof target !== "object" && !$.isFunction(target)) {
+			target = {};
 		}
-	} else {
-		this.key = "" + this.key; // Convert to string (#217)
-	}
-
-	// Fix tree.activeNode
-	// TODO: not elegant: we use obj.active as marker to set tree.activeNode
-	// when loading from a dictionary.
-	if(obj.active){
-		_assert(this.tree.activeNode === null, "only one active node allowed");
-		this.tree.activeNode = this;
-	}
-	if( obj.selected ){ // #186
-		this.tree.lastSelectedNode = this;
-	}
-	// TODO: handle obj.focus = true
-
-	// Create child nodes
-	cl = obj.children;
-	if( cl ){
-		if( cl.length ){
-			this._setChildren(cl);
-		} else {
-			// if an empty array was passed for a lazy node, keep it, in order to mark it 'loaded'
-			this.children = this.lazy ? [] : null;
+		if (i === length) {
+			throw Error("need at least two args");
 		}
-	} else {
-		this.children = null;
-	}
-	// Add to key/ref map (except for root node)
-//	if( parent ) {
-	this.tree._callHook("treeRegisterNode", this.tree, true, this);
-//	}
-}
-
-
-FancytreeNode.prototype = /** @lends FancytreeNode# */{
-	/* Return the direct child FancytreeNode with a given key, index. */
-	_findDirectChild: function(ptr){
-		var i, l,
-			cl = this.children;
-
-		if(cl){
-			if(typeof ptr === "string"){
-				for(i=0, l=cl.length; i<l; i++){
-					if(cl[i].key === ptr){
-						return cl[i];
+		for (; i < length; i++) {
+			// Only deal with non-null/undefined values
+			if ((options = arguments[i]) != null) {
+				// Extend the base object
+				for (name in options) {
+					if (options.hasOwnProperty(name)) {
+						src = target[name];
+						copy = options[name];
+						// Prevent never-ending loop
+						if (target === copy) {
+							continue;
+						}
+						// Recurse if we're merging plain objects
+						// (NOTE: unlike $.extend, we don't merge arrays, but replace them)
+						if (copy && $.isPlainObject(copy)) {
+							clone = src && $.isPlainObject(src) ? src : {};
+							// Never move original objects, clone them
+							target[name] = _simpleDeepMerge(clone, copy);
+							// Don't bring in undefined values
+						} else if (copy !== undefined) {
+							target[name] = copy;
+						}
 					}
 				}
-			}else if(typeof ptr === "number"){
-				return this.children[ptr];
-			}else if(ptr.parent === this){
-				return ptr;
 			}
 		}
-		return null;
-	},
-	// TODO: activate()
-	// TODO: activateSilently()
-	/* Internal helper called in recursive addChildren sequence.*/
-	_setChildren: function(children){
-		_assert(children && (!this.children || this.children.length === 0), "only init supported");
-		this.children = [];
-		for(var i=0, l=children.length; i<l; i++){
-			this.children.push(new FancytreeNode(this, children[i]));
-		}
-	},
-	/**
-	 * Append (or insert) a list of child nodes.
-	 *
-	 * @param {NodeData[]} children array of child node definitions (also single child accepted)
-	 * @param {FancytreeNode | string | Integer} [insertBefore] child node (or key or index of such).
-	 *     If omitted, the new children are appended.
-	 * @returns {FancytreeNode} first child added
-	 *
-	 * @see FancytreeNode#applyPatch
-	 */
-	addChildren: function(children, insertBefore){
-		var i, l, pos,
-			origFirstChild = this.getFirstChild(),
-			origLastChild = this.getLastChild(),
-			firstNode = null,
-			nodeList = [];
+		// Return the modified object
+		return target;
+	}
 
-		if($.isPlainObject(children) ){
-			children = [children];
+	/** Return a wrapper that calls sub.methodName() and exposes
+	 *  this             : tree
+	 *  this._local      : tree.ext.EXTNAME
+	 *  this._super      : base.methodName.call()
+	 *  this._superApply : base.methodName.apply()
+	 */
+	function _makeVirtualFunction(methodName, tree, base, extension, extName) {
+		// $.ui.fancytree.debug("_makeVirtualFunction", methodName, tree, base, extension, extName);
+		// if(rexTestSuper && !rexTestSuper.test(func)){
+		//     // extension.methodName() doesn't call _super(), so no wrapper required
+		//     return func;
+		// }
+		// Use an immediate function as closure
+		var proxy = (function() {
+			var prevFunc = tree[methodName], // org. tree method or prev. proxy
+				baseFunc = extension[methodName], //
+				_local = tree.ext[extName],
+				_super = function() {
+					return prevFunc.apply(tree, arguments);
+				},
+				_superApply = function(args) {
+					return prevFunc.apply(tree, args);
+				};
+
+			// Return the wrapper function
+			return function() {
+				var prevLocal = tree._local,
+					prevSuper = tree._super,
+					prevSuperApply = tree._superApply;
+
+				try {
+					tree._local = _local;
+					tree._super = _super;
+					tree._superApply = _superApply;
+					return baseFunc.apply(tree, arguments);
+				} finally {
+					tree._local = prevLocal;
+					tree._super = prevSuper;
+					tree._superApply = prevSuperApply;
+				}
+			};
+		})(); // end of Immediate Function
+		return proxy;
+	}
+
+	/**
+	 * Subclass `base` by creating proxy functions
+	 */
+	function _subclassObject(tree, base, extension, extName) {
+		// $.ui.fancytree.debug("_subclassObject", tree, base, extension, extName);
+		for (var attrName in extension) {
+			if (typeof extension[attrName] === "function") {
+				if (typeof tree[attrName] === "function") {
+					// override existing method
+					tree[attrName] = _makeVirtualFunction(
+						attrName,
+						tree,
+						base,
+						extension,
+						extName
+					);
+				} else if (attrName.charAt(0) === "_") {
+					// Create private methods in tree.ext.EXTENSION namespace
+					tree.ext[extName][attrName] = _makeVirtualFunction(
+						attrName,
+						tree,
+						base,
+						extension,
+						extName
+					);
+				} else {
+					$.error(
+						"Could not override tree." +
+							attrName +
+							". Use prefix '_' to create tree." +
+							extName +
+							"._" +
+							attrName
+					);
+				}
+			} else {
+				// Create member variables in tree.ext.EXTENSION namespace
+				if (attrName !== "options") {
+					tree.ext[extName][attrName] = extension[attrName];
+				}
+			}
 		}
-		if(!this.children){
+	}
+
+	function _getResolvedPromise(context, argArray) {
+		if (context === undefined) {
+			return $.Deferred(function() {
+				this.resolve();
+			}).promise();
+		}
+		return $.Deferred(function() {
+			this.resolveWith(context, argArray);
+		}).promise();
+	}
+
+	function _getRejectedPromise(context, argArray) {
+		if (context === undefined) {
+			return $.Deferred(function() {
+				this.reject();
+			}).promise();
+		}
+		return $.Deferred(function() {
+			this.rejectWith(context, argArray);
+		}).promise();
+	}
+
+	function _makeResolveFunc(deferred, context) {
+		return function() {
+			deferred.resolveWith(context);
+		};
+	}
+
+	function _getElementDataAsDict($el) {
+		// Evaluate 'data-NAME' attributes with special treatment for 'data-json'.
+		var d = $.extend({}, $el.data()),
+			json = d.json;
+
+		delete d.fancytree; // added to container by widget factory (old jQuery UI)
+		delete d.uiFancytree; // added to container by widget factory
+
+		if (json) {
+			delete d.json;
+			// <li data-json='...'> is already returned as object (http://api.jquery.com/data/#data-html5)
+			d = $.extend(d, json);
+		}
+		return d;
+	}
+
+	function _escapeTooltip(s) {
+		return ("" + s).replace(REX_TOOLTIP, function(s) {
+			return ENTITY_MAP[s];
+		});
+	}
+
+	// TODO: use currying
+	function _makeNodeTitleMatcher(s) {
+		s = s.toLowerCase();
+		return function(node) {
+			return node.title.toLowerCase().indexOf(s) >= 0;
+		};
+	}
+
+	function _makeNodeTitleStartMatcher(s) {
+		var reMatch = new RegExp("^" + s, "i");
+		return function(node) {
+			return reMatch.test(node.title);
+		};
+	}
+
+	/******************************************************************************
+	 * FancytreeNode
+	 */
+
+	/**
+	 * Creates a new FancytreeNode
+	 *
+	 * @class FancytreeNode
+	 * @classdesc A FancytreeNode represents the hierarchical data model and operations.
+	 *
+	 * @param {FancytreeNode} parent
+	 * @param {NodeData} obj
+	 *
+	 * @property {Fancytree} tree The tree instance
+	 * @property {FancytreeNode} parent The parent node
+	 * @property {string} key Node id (must be unique inside the tree)
+	 * @property {string} title Display name (may contain HTML)
+	 * @property {object} data Contains all extra data that was passed on node creation
+	 * @property {FancytreeNode[] | null | undefined} children Array of child nodes.<br>
+	 *     For lazy nodes, null or undefined means 'not yet loaded'. Use an empty array
+	 *     to define a node that has no children.
+	 * @property {boolean} expanded Use isExpanded(), setExpanded() to access this property.
+	 * @property {string} extraClasses Additional CSS classes, added to the node's `<span>`.<br>
+	 *     Note: use `node.add/remove/toggleClass()` to modify.
+	 * @property {boolean} folder Folder nodes have different default icons and click behavior.<br>
+	 *     Note: Also non-folders may have children.
+	 * @property {string} statusNodeType null for standard nodes. Otherwise type of special system node: 'error', 'loading', 'nodata', or 'paging'.
+	 * @property {boolean} lazy True if this node is loaded on demand, i.e. on first expansion.
+	 * @property {boolean} selected Use isSelected(), setSelected() to access this property.
+	 * @property {string} tooltip Alternative description used as hover popup
+	 * @property {string} iconTooltip Description used as hover popup for icon. @since 2.27
+	 * @property {string} type Node type, used with tree.types map. @since 2.27
+	 */
+	function FancytreeNode(parent, obj) {
+		var i, l, name, cl;
+
+		this.parent = parent;
+		this.tree = parent.tree;
+		this.ul = null;
+		this.li = null; // <li id='key' ftnode=this> tag
+		this.statusNodeType = null; // if this is a temp. node to display the status of its parent
+		this._isLoading = false; // if this node itself is loading
+		this._error = null; // {message: '...'} if a load error occurred
+		this.data = {};
+
+		// TODO: merge this code with node.toDict()
+		// copy attributes from obj object
+		for (i = 0, l = NODE_ATTRS.length; i < l; i++) {
+			name = NODE_ATTRS[i];
+			this[name] = obj[name];
+		}
+		// unselectableIgnore and unselectableStatus imply unselectable
+		if (
+			this.unselectableIgnore != null ||
+			this.unselectableStatus != null
+		) {
+			this.unselectable = true;
+		}
+		if (obj.hideCheckbox) {
+			$.error(
+				"'hideCheckbox' node option was removed in v2.23.0: use 'checkbox: false'"
+			);
+		}
+		// node.data += obj.data
+		if (obj.data) {
+			$.extend(this.data, obj.data);
+		}
+		// Copy all other attributes to this.data.NAME
+		for (name in obj) {
+			if (
+				!NODE_ATTR_MAP[name] &&
+				(this.tree.options.copyFunctionsToData ||
+					!$.isFunction(obj[name])) &&
+				!NONE_NODE_DATA_MAP[name]
+			) {
+				// node.data.NAME = obj.NAME
+				this.data[name] = obj[name];
+			}
+		}
+
+		// Fix missing key
+		if (this.key == null) {
+			// test for null OR undefined
+			if (this.tree.options.defaultKey) {
+				this.key = "" + this.tree.options.defaultKey(this);
+				_assert(this.key, "defaultKey() must return a unique key");
+			} else {
+				this.key = "_" + FT._nextNodeKey++;
+			}
+		} else {
+			this.key = "" + this.key; // Convert to string (#217)
+		}
+
+		// Fix tree.activeNode
+		// TODO: not elegant: we use obj.active as marker to set tree.activeNode
+		// when loading from a dictionary.
+		if (obj.active) {
+			_assert(
+				this.tree.activeNode === null,
+				"only one active node allowed"
+			);
+			this.tree.activeNode = this;
+		}
+		if (obj.selected) {
+			// #186
+			this.tree.lastSelectedNode = this;
+		}
+		// TODO: handle obj.focus = true
+
+		// Create child nodes
+		cl = obj.children;
+		if (cl) {
+			if (cl.length) {
+				this._setChildren(cl);
+			} else {
+				// if an empty array was passed for a lazy node, keep it, in order to mark it 'loaded'
+				this.children = this.lazy ? [] : null;
+			}
+		} else {
+			this.children = null;
+		}
+		// Add to key/ref map (except for root node)
+		//	if( parent ) {
+		this.tree._callHook("treeRegisterNode", this.tree, true, this);
+		//	}
+	}
+
+	FancytreeNode.prototype = /** @lends FancytreeNode# */ {
+		/* Return the direct child FancytreeNode with a given key, index. */
+		_findDirectChild: function(ptr) {
+			var i,
+				l,
+				cl = this.children;
+
+			if (cl) {
+				if (typeof ptr === "string") {
+					for (i = 0, l = cl.length; i < l; i++) {
+						if (cl[i].key === ptr) {
+							return cl[i];
+						}
+					}
+				} else if (typeof ptr === "number") {
+					return this.children[ptr];
+				} else if (ptr.parent === this) {
+					return ptr;
+				}
+			}
+			return null;
+		},
+		// TODO: activate()
+		// TODO: activateSilently()
+		/* Internal helper called in recursive addChildren sequence.*/
+		_setChildren: function(children) {
+			_assert(
+				children && (!this.children || this.children.length === 0),
+				"only init supported"
+			);
 			this.children = [];
-		}
-		for(i=0, l=children.length; i<l; i++){
-			nodeList.push(new FancytreeNode(this, children[i]));
-		}
-		firstNode = nodeList[0];
-		if(insertBefore == null){
-			this.children = this.children.concat(nodeList);
-		}else{
-			// Returns null if insertBefore is not a direct child:
-			insertBefore = this._findDirectChild(insertBefore);
-			pos = $.inArray(insertBefore, this.children);
-			_assert(pos >= 0, "insertBefore must be an existing child");
-			// insert nodeList after children[pos]
-			this.children.splice.apply(this.children, [pos, 0].concat(nodeList));
-		}
-		if ( origFirstChild && !insertBefore ) {
-			// #708: Fast path -- don't render every child of root, just the new ones!
-			// #723, #729: but only if it's appended to an existing child list
-			for(i=0, l=nodeList.length; i<l; i++) {
-				nodeList[i].render();   // New nodes were never rendered before
+			for (var i = 0, l = children.length; i < l; i++) {
+				this.children.push(new FancytreeNode(this, children[i]));
 			}
-			// Adjust classes where status may have changed
-			// Has a first child
-			if (origFirstChild !== this.getFirstChild()) {
-				// Different first child -- recompute classes
-				origFirstChild.renderStatus();
-			}
-			if (origLastChild !== this.getLastChild()) {
-				// Different last child -- recompute classes
-				origLastChild.renderStatus();
-			}
-		} else if( !this.parent || this.parent.ul || this.tr ){
-			// render if the parent was rendered (or this is a root node)
-			this.render();
-		}
-		if( this.tree.options.selectMode === 3 ){
-			this.fixSelection3FromEndNodes();
-		}
-		this.triggerModifyChild("add", nodeList.length === 1 ? nodeList[0] : null);
-		return firstNode;
-	},
-	/**
-	 * Add class to node's span tag and to .extraClasses.
-	 *
-	 * @param {string} className class name
-	 *
-	 * @since 2.17
-	 */
-	addClass: function(className){
-		return this.toggleClass(className, true);
-	},
-	/**
-	 * Append or prepend a node, or append a child node.
-	 *
-	 * This a convenience function that calls addChildren()
-	 *
-	 * @param {NodeData} node node definition
-	 * @param {string} [mode=child] 'before', 'after', 'firstChild', or 'child' ('over' is a synonym for 'child')
-	 * @returns {FancytreeNode} new node
-	 */
-	addNode: function(node, mode){
-		if(mode === undefined || mode === "over"){
-			mode = "child";
-		}
-		switch(mode){
-		case "after":
-			return this.getParent().addChildren(node, this.getNextSibling());
-		case "before":
-			return this.getParent().addChildren(node, this);
-		case "firstChild":
-			// Insert before the first child if any
-			var insertBefore = (this.children ? this.children[0] : null);
-			return this.addChildren(node, insertBefore);
-		case "child":
-		case "over":
-			return this.addChildren(node);
-		}
-		_assert(false, "Invalid mode: " + mode);
-	},
-	/**Add child status nodes that indicate 'More...', etc.
-	 *
-	 * This also maintains the node's `partload` property.
-	 * @param {boolean|object} node optional node definition. Pass `false` to remove all paging nodes.
-	 * @param {string} [mode='child'] 'child'|firstChild'
-	 * @since 2.15
-	 */
-	addPagingNode: function(node, mode){
-		var i, n;
+			this.tree._callHook(
+				"treeStructureChanged",
+				this.tree,
+				"setChildren"
+			);
+		},
+		/**
+		 * Append (or insert) a list of child nodes.
+		 *
+		 * @param {NodeData[]} children array of child node definitions (also single child accepted)
+		 * @param {FancytreeNode | string | Integer} [insertBefore] child node (or key or index of such).
+		 *     If omitted, the new children are appended.
+		 * @returns {FancytreeNode} first child added
+		 *
+		 * @see FancytreeNode#applyPatch
+		 */
+		addChildren: function(children, insertBefore) {
+			var i,
+				l,
+				pos,
+				origFirstChild = this.getFirstChild(),
+				origLastChild = this.getLastChild(),
+				firstNode = null,
+				nodeList = [];
 
-		mode = mode || "child";
-		if( node === false ) {
-			for(i=this.children.length-1; i >= 0; i--) {
-				n = this.children[i];
-				if( n.statusNodeType === "paging" ) {
-					this.removeChild(n);
+			if ($.isPlainObject(children)) {
+				children = [children];
+			}
+			if (!this.children) {
+				this.children = [];
+			}
+			for (i = 0, l = children.length; i < l; i++) {
+				nodeList.push(new FancytreeNode(this, children[i]));
+			}
+			firstNode = nodeList[0];
+			if (insertBefore == null) {
+				this.children = this.children.concat(nodeList);
+			} else {
+				// Returns null if insertBefore is not a direct child:
+				insertBefore = this._findDirectChild(insertBefore);
+				pos = $.inArray(insertBefore, this.children);
+				_assert(pos >= 0, "insertBefore must be an existing child");
+				// insert nodeList after children[pos]
+				this.children.splice.apply(
+					this.children,
+					[pos, 0].concat(nodeList)
+				);
+			}
+			if (origFirstChild && !insertBefore) {
+				// #708: Fast path -- don't render every child of root, just the new ones!
+				// #723, #729: but only if it's appended to an existing child list
+				for (i = 0, l = nodeList.length; i < l; i++) {
+					nodeList[i].render(); // New nodes were never rendered before
+				}
+				// Adjust classes where status may have changed
+				// Has a first child
+				if (origFirstChild !== this.getFirstChild()) {
+					// Different first child -- recompute classes
+					origFirstChild.renderStatus();
+				}
+				if (origLastChild !== this.getLastChild()) {
+					// Different last child -- recompute classes
+					origLastChild.renderStatus();
+				}
+			} else if (!this.parent || this.parent.ul || this.tr) {
+				// render if the parent was rendered (or this is a root node)
+				this.render();
+			}
+			if (this.tree.options.selectMode === 3) {
+				this.fixSelection3FromEndNodes();
+			}
+			this.triggerModifyChild(
+				"add",
+				nodeList.length === 1 ? nodeList[0] : null
+			);
+			return firstNode;
+		},
+		/**
+		 * Add class to node's span tag and to .extraClasses.
+		 *
+		 * @param {string} className class name
+		 *
+		 * @since 2.17
+		 */
+		addClass: function(className) {
+			return this.toggleClass(className, true);
+		},
+		/**
+		 * Append or prepend a node, or append a child node.
+		 *
+		 * This a convenience function that calls addChildren()
+		 *
+		 * @param {NodeData} node node definition
+		 * @param {string} [mode=child] 'before', 'after', 'firstChild', or 'child' ('over' is a synonym for 'child')
+		 * @returns {FancytreeNode} new node
+		 */
+		addNode: function(node, mode) {
+			if (mode === undefined || mode === "over") {
+				mode = "child";
+			}
+			switch (mode) {
+				case "after":
+					return this.getParent().addChildren(
+						node,
+						this.getNextSibling()
+					);
+				case "before":
+					return this.getParent().addChildren(node, this);
+				case "firstChild":
+					// Insert before the first child if any
+					var insertBefore = this.children ? this.children[0] : null;
+					return this.addChildren(node, insertBefore);
+				case "child":
+				case "over":
+					return this.addChildren(node);
+			}
+			_assert(false, "Invalid mode: " + mode);
+		},
+		/**Add child status nodes that indicate 'More...', etc.
+		 *
+		 * This also maintains the node's `partload` property.
+		 * @param {boolean|object} node optional node definition. Pass `false` to remove all paging nodes.
+		 * @param {string} [mode='child'] 'child'|firstChild'
+		 * @since 2.15
+		 */
+		addPagingNode: function(node, mode) {
+			var i, n;
+
+			mode = mode || "child";
+			if (node === false) {
+				for (i = this.children.length - 1; i >= 0; i--) {
+					n = this.children[i];
+					if (n.statusNodeType === "paging") {
+						this.removeChild(n);
+					}
+				}
+				this.partload = false;
+				return;
+			}
+			node = $.extend(
+				{
+					title: this.tree.options.strings.moreData,
+					statusNodeType: "paging",
+					icon: false,
+				},
+				node
+			);
+			this.partload = true;
+			return this.addNode(node, mode);
+		},
+		/**
+		 * Append new node after this.
+		 *
+		 * This a convenience function that calls addNode(node, 'after')
+		 *
+		 * @param {NodeData} node node definition
+		 * @returns {FancytreeNode} new node
+		 */
+		appendSibling: function(node) {
+			return this.addNode(node, "after");
+		},
+		/**
+		 * (experimental) Apply a modification (or navigation) operation.
+		 *
+		 * @param {string} cmd
+		 * @param {object} [opts]
+		 * @see Fancytree#applyCommand
+		 * @since 2.32
+		 */
+		applyCommand: function(cmd, opts) {
+			return this.tree.applyCommand(cmd, this, opts);
+		},
+		/**
+		 * Modify existing child nodes.
+		 *
+		 * @param {NodePatch} patch
+		 * @returns {$.Promise}
+		 * @see FancytreeNode#addChildren
+		 */
+		applyPatch: function(patch) {
+			// patch [key, null] means 'remove'
+			if (patch === null) {
+				this.remove();
+				return _getResolvedPromise(this);
+			}
+			// TODO: make sure that root node is not collapsed or modified
+			// copy (most) attributes to node.ATTR or node.data.ATTR
+			var name,
+				promise,
+				v,
+				IGNORE_MAP = { children: true, expanded: true, parent: true }; // TODO: should be global
+
+			for (name in patch) {
+				if (patch.hasOwnProperty(name)) {
+					v = patch[name];
+					if (!IGNORE_MAP[name] && !$.isFunction(v)) {
+						if (NODE_ATTR_MAP[name]) {
+							this[name] = v;
+						} else {
+							this.data[name] = v;
+						}
+					}
 				}
 			}
-			this.partload = false;
-			return;
-		}
-		node = $.extend({
-			title: this.tree.options.strings.moreData,
-			statusNodeType: "paging",
-			icon: false
-		}, node);
-		this.partload = true;
-		return this.addNode(node, mode);
-	},
-	/**
-	 * Append new node after this.
-	 *
-	 * This a convenience function that calls addNode(node, 'after')
-	 *
-	 * @param {NodeData} node node definition
-	 * @returns {FancytreeNode} new node
-	 */
-	appendSibling: function(node){
-		return this.addNode(node, "after");
-	},
-	/**
-	 * Modify existing child nodes.
-	 *
-	 * @param {NodePatch} patch
-	 * @returns {$.Promise}
-	 * @see FancytreeNode#addChildren
-	 */
-	applyPatch: function(patch) {
-		// patch [key, null] means 'remove'
-		if(patch === null){
-			this.remove();
-			return _getResolvedPromise(this);
-		}
-		// TODO: make sure that root node is not collapsed or modified
-		// copy (most) attributes to node.ATTR or node.data.ATTR
-		var name, promise, v,
-			IGNORE_MAP = { children: true, expanded: true, parent: true }; // TODO: should be global
-
-		for(name in patch){
-			v = patch[name];
-			if( !IGNORE_MAP[name] && !$.isFunction(v)){
-				if(NODE_ATTR_MAP[name]){
-					this[name] = v;
-				}else{
-					this.data[name] = v;
+			// Remove and/or create children
+			if (patch.hasOwnProperty("children")) {
+				this.removeChildren();
+				if (patch.children) {
+					// only if not null and not empty list
+					// TODO: addChildren instead?
+					this._setChildren(patch.children);
+				}
+				// TODO: how can we APPEND or INSERT child nodes?
+			}
+			if (this.isVisible()) {
+				this.renderTitle();
+				this.renderStatus();
+			}
+			// Expand collapse (final step, since this may be async)
+			if (patch.hasOwnProperty("expanded")) {
+				promise = this.setExpanded(patch.expanded);
+			} else {
+				promise = _getResolvedPromise(this);
+			}
+			return promise;
+		},
+		/** Collapse all sibling nodes.
+		 * @returns {$.Promise}
+		 */
+		collapseSiblings: function() {
+			return this.tree._callHook("nodeCollapseSiblings", this);
+		},
+		/** Copy this node as sibling or child of `node`.
+		 *
+		 * @param {FancytreeNode} node source node
+		 * @param {string} [mode=child] 'before' | 'after' | 'child'
+		 * @param {Function} [map] callback function(NodeData, FancytreeNode) that could modify the new node
+		 * @returns {FancytreeNode} new
+		 */
+		copyTo: function(node, mode, map) {
+			return node.addNode(this.toDict(true, map), mode);
+		},
+		/** Count direct and indirect children.
+		 *
+		 * @param {boolean} [deep=true] pass 'false' to only count direct children
+		 * @returns {int} number of child nodes
+		 */
+		countChildren: function(deep) {
+			var cl = this.children,
+				i,
+				l,
+				n;
+			if (!cl) {
+				return 0;
+			}
+			n = cl.length;
+			if (deep !== false) {
+				for (i = 0, l = n; i < l; i++) {
+					n += cl[i].countChildren();
 				}
 			}
-		}
-		// Remove and/or create children
-		if(patch.hasOwnProperty("children")){
-			this.removeChildren();
-			if(patch.children){ // only if not null and not empty list
-				// TODO: addChildren instead?
-				this._setChildren(patch.children);
+			return n;
+		},
+		// TODO: deactivate()
+		/** Write to browser console if debugLevel >= 4 (prepending node info)
+		 *
+		 * @param {*} msg string or object or array of such
+		 */
+		debug: function(msg) {
+			if (this.tree.options.debugLevel >= 4) {
+				Array.prototype.unshift.call(arguments, this.toString());
+				consoleApply("log", arguments);
 			}
-			// TODO: how can we APPEND or INSERT child nodes?
-		}
-		if(this.isVisible()){
-			this.renderTitle();
-			this.renderStatus();
-		}
-		// Expand collapse (final step, since this may be async)
-		if(patch.hasOwnProperty("expanded")){
-			promise = this.setExpanded(patch.expanded);
-		}else{
-			promise = _getResolvedPromise(this);
-		}
-		return promise;
-	},
-	/** Collapse all sibling nodes.
-	 * @returns {$.Promise}
-	 */
-	collapseSiblings: function() {
-		return this.tree._callHook("nodeCollapseSiblings", this);
-	},
-	/** Copy this node as sibling or child of `node`.
-	 *
-	 * @param {FancytreeNode} node source node
-	 * @param {string} [mode=child] 'before' | 'after' | 'child'
-	 * @param {Function} [map] callback function(NodeData) that could modify the new node
-	 * @returns {FancytreeNode} new
-	 */
-	copyTo: function(node, mode, map) {
-		return node.addNode(this.toDict(true, map), mode);
-	},
-	/** Count direct and indirect children.
-	 *
-	 * @param {boolean} [deep=true] pass 'false' to only count direct children
-	 * @returns {int} number of child nodes
-	 */
-	countChildren: function(deep) {
-		var cl = this.children, i, l, n;
-		if( !cl ){
-			return 0;
-		}
-		n = cl.length;
-		if(deep !== false){
-			for(i=0, l=n; i<l; i++){
-				n += cl[i].countChildren();
+		},
+		/** Deprecated.
+		 * @deprecated since 2014-02-16. Use resetLazy() instead.
+		 */
+		discard: function() {
+			this.warn(
+				"FancytreeNode.discard() is deprecated since 2014-02-16. Use .resetLazy() instead."
+			);
+			return this.resetLazy();
+		},
+		/** Remove DOM elements for all descendents. May be called on .collapse event
+		 * to keep the DOM small.
+		 * @param {boolean} [includeSelf=false]
+		 */
+		discardMarkup: function(includeSelf) {
+			var fn = includeSelf ? "nodeRemoveMarkup" : "nodeRemoveChildMarkup";
+			this.tree._callHook(fn, this);
+		},
+		/** Write error to browser console if debugLevel >= 1 (prepending tree info)
+		 *
+		 * @param {*} msg string or object or array of such
+		 */
+		error: function(msg) {
+			if (this.tree.options.debugLevel >= 1) {
+				Array.prototype.unshift.call(arguments, this.toString());
+				consoleApply("error", arguments);
 			}
-		}
-		return n;
-	},
-	// TODO: deactivate()
-	/** Write to browser console if debugLevel >= 4 (prepending node info)
-	 *
-	 * @param {*} msg string or object or array of such
-	 */
-	debug: function(msg){
-		if( this.tree.options.debugLevel >= 4 ) {
-			Array.prototype.unshift.call(arguments, this.toString());
-			consoleApply("log", arguments);
-		}
-	},
-	/** Deprecated.
-	 * @deprecated since 2014-02-16. Use resetLazy() instead.
-	 */
-	discard: function(){
-		this.warn("FancytreeNode.discard() is deprecated since 2014-02-16. Use .resetLazy() instead.");
-		return this.resetLazy();
-	},
-	/** Remove DOM elements for all descendents. May be called on .collapse event
-	 * to keep the DOM small.
-	 * @param {boolean} [includeSelf=false]
-	 */
-	discardMarkup: function(includeSelf){
-		var fn = includeSelf ? "nodeRemoveMarkup" : "nodeRemoveChildMarkup";
-		this.tree._callHook(fn, this);
-	},
-	/** Write error to browser console if debugLevel >= 1 (prepending tree info)
-	*
-	* @param {*} msg string or object or array of such
-	*/
-	error: function(msg){
-		if( this.options.debugLevel >= 1 ) {
-			Array.prototype.unshift.call(arguments, this.toString());
-			consoleApply("error", arguments);
-		}
-	},
-	/**Find all nodes that match condition (excluding self).
-	 *
-	 * @param {string | function(node)} match title string to search for, or a
-	 *     callback function that returns `true` if a node is matched.
-	 * @returns {FancytreeNode[]} array of nodes (may be empty)
-	 */
-	findAll: function(match) {
-		match = $.isFunction(match) ? match : _makeNodeTitleMatcher(match);
-		var res = [];
-		this.visit(function(n){
-			if(match(n)){
-				res.push(n);
+		},
+		/**Find all nodes that match condition (excluding self).
+		 *
+		 * @param {string | function(node)} match title string to search for, or a
+		 *     callback function that returns `true` if a node is matched.
+		 * @returns {FancytreeNode[]} array of nodes (may be empty)
+		 */
+		findAll: function(match) {
+			match = $.isFunction(match) ? match : _makeNodeTitleMatcher(match);
+			var res = [];
+			this.visit(function(n) {
+				if (match(n)) {
+					res.push(n);
+				}
+			});
+			return res;
+		},
+		/**Find first node that matches condition (excluding self).
+		 *
+		 * @param {string | function(node)} match title string to search for, or a
+		 *     callback function that returns `true` if a node is matched.
+		 * @returns {FancytreeNode} matching node or null
+		 * @see FancytreeNode#findAll
+		 */
+		findFirst: function(match) {
+			match = $.isFunction(match) ? match : _makeNodeTitleMatcher(match);
+			var res = null;
+			this.visit(function(n) {
+				if (match(n)) {
+					res = n;
+					return false;
+				}
+			});
+			return res;
+		},
+		/** Find a node relative to self.
+		 *
+		 * @param {number|string} where The keyCode that would normally trigger this move,
+		 *		or a keyword ('down', 'first', 'last', 'left', 'parent', 'right', 'up').
+		 * @returns {FancytreeNode}
+		 * @since v2.31
+		 */
+		findRelatedNode: function(where, includeHidden) {
+			return this.tree.findRelatedNode(this, where, includeHidden);
+		},
+		/* Apply selection state (internal use only) */
+		_changeSelectStatusAttrs: function(state) {
+			var changed = false,
+				opts = this.tree.options,
+				unselectable = FT.evalOption(
+					"unselectable",
+					this,
+					this,
+					opts,
+					false
+				),
+				unselectableStatus = FT.evalOption(
+					"unselectableStatus",
+					this,
+					this,
+					opts,
+					undefined
+				);
+
+			if (unselectable && unselectableStatus != null) {
+				state = unselectableStatus;
 			}
-		});
-		return res;
-	},
-	/**Find first node that matches condition (excluding self).
-	 *
-	 * @param {string | function(node)} match title string to search for, or a
-	 *     callback function that returns `true` if a node is matched.
-	 * @returns {FancytreeNode} matching node or null
-	 * @see FancytreeNode#findAll
-	 */
-	findFirst: function(match) {
-		match = $.isFunction(match) ? match : _makeNodeTitleMatcher(match);
-		var res = null;
-		this.visit(function(n){
-			if(match(n)){
-				res = n;
-				return false;
+			switch (state) {
+				case false:
+					changed = this.selected || this.partsel;
+					this.selected = false;
+					this.partsel = false;
+					break;
+				case true:
+					changed = !this.selected || !this.partsel;
+					this.selected = true;
+					this.partsel = true;
+					break;
+				case undefined:
+					changed = this.selected || !this.partsel;
+					this.selected = false;
+					this.partsel = true;
+					break;
+				default:
+					_assert(false, "invalid state: " + state);
 			}
-		});
-		return res;
-	},
-	/* Apply selection state (internal use only) */
-	_changeSelectStatusAttrs: function(state) {
-		var changed = false,
-			opts = this.tree.options,
-			unselectable = FT.evalOption("unselectable", this, this, opts, false),
-			unselectableStatus = FT.evalOption("unselectableStatus", this, this, opts, undefined);
+			// this.debug("fixSelection3AfterLoad() _changeSelectStatusAttrs()", state, changed);
+			if (changed) {
+				this.renderStatus();
+			}
+			return changed;
+		},
+		/**
+		 * Fix selection status, after this node was (de)selected in multi-hier mode.
+		 * This includes (de)selecting all children.
+		 */
+		fixSelection3AfterClick: function(callOpts) {
+			var flag = this.isSelected();
 
-		if( unselectable && unselectableStatus != null ) {
-			state = unselectableStatus;
-		}
-		switch(state){
-		case false:
-			changed = ( this.selected || this.partsel );
-			this.selected = false;
-			this.partsel = false;
-			break;
-		case true:
-			changed = ( !this.selected || !this.partsel );
-			this.selected = true;
-			this.partsel = true;
-			break;
-		case undefined:
-			changed = ( this.selected || !this.partsel );
-			this.selected = false;
-			this.partsel = true;
-			break;
-		default:
-			_assert(false, "invalid state: " + state);
-		}
-		// this.debug("fixSelection3AfterLoad() _changeSelectStatusAttrs()", state, changed);
-		if( changed ){
-			this.renderStatus();
-		}
-		return changed;
-	},
-	/**
-	 * Fix selection status, after this node was (de)selected in multi-hier mode.
-	 * This includes (de)selecting all children.
-	 */
-	fixSelection3AfterClick: function(callOpts) {
-		var flag = this.isSelected();
+			// this.debug("fixSelection3AfterClick()");
 
-//		this.debug("fixSelection3AfterClick()");
+			this.visit(function(node) {
+				node._changeSelectStatusAttrs(flag);
+				if (node.radiogroup) {
+					// #931: don't (de)select this branch
+					return "skip";
+				}
+			});
+			this.fixSelection3FromEndNodes(callOpts);
+		},
+		/**
+		 * Fix selection status for multi-hier mode.
+		 * Only end-nodes are considered to update the descendants branch and parents.
+		 * Should be called after this node has loaded new children or after
+		 * children have been modified using the API.
+		 */
+		fixSelection3FromEndNodes: function(callOpts) {
+			var opts = this.tree.options;
 
-		this.visit(function(node){
-			node._changeSelectStatusAttrs(flag);
-		});
-		this.fixSelection3FromEndNodes(callOpts);
-	},
-	/**
-	 * Fix selection status for multi-hier mode.
-	 * Only end-nodes are considered to update the descendants branch and parents.
-	 * Should be called after this node has loaded new children or after
-	 * children have been modified using the API.
-	 */
-	fixSelection3FromEndNodes: function(callOpts) {
-		var opts = this.tree.options;
+			// this.debug("fixSelection3FromEndNodes()");
+			_assert(opts.selectMode === 3, "expected selectMode 3");
 
-//		this.debug("fixSelection3FromEndNodes()");
-		_assert(opts.selectMode === 3, "expected selectMode 3");
+			// Visit all end nodes and adjust their parent's `selected` and `partsel`
+			// attributes. Return selection state true, false, or undefined.
+			function _walk(node) {
+				var i,
+					l,
+					child,
+					s,
+					state,
+					allSelected,
+					someSelected,
+					unselIgnore,
+					unselState,
+					children = node.children;
 
-		// Visit all end nodes and adjust their parent's `selected` and `partsel`
-		// attributes. Return selection state true, false, or undefined.
-		function _walk(node){
-			var i, l, child, s, state, allSelected, someSelected, unselIgnore, unselState,
-				children = node.children;
+				if (children && children.length) {
+					// check all children recursively
+					allSelected = true;
+					someSelected = false;
 
-			if( children && children.length ){
-				// check all children recursively
-				allSelected = true;
-				someSelected = false;
+					for (i = 0, l = children.length; i < l; i++) {
+						child = children[i];
+						// the selection state of a node is not relevant; we need the end-nodes
+						s = _walk(child);
+						// if( !child.unselectableIgnore ) {
+						unselIgnore = FT.evalOption(
+							"unselectableIgnore",
+							child,
+							child,
+							opts,
+							false
+						);
+						if (!unselIgnore) {
+							if (s !== false) {
+								someSelected = true;
+							}
+							if (s !== true) {
+								allSelected = false;
+							}
+						}
+					}
+					// eslint-disable-next-line no-nested-ternary
+					state = allSelected
+						? true
+						: someSelected
+						? undefined
+						: false;
+				} else {
+					// This is an end-node: simply report the status
+					unselState = FT.evalOption(
+						"unselectableStatus",
+						node,
+						node,
+						opts,
+						undefined
+					);
+					state = unselState == null ? !!node.selected : !!unselState;
+				}
+				// #939: Keep a `partsel` flag that was explicitly set on a lazy node
+				if (
+					node.partsel &&
+					!node.selected &&
+					node.lazy &&
+					node.children == null
+				) {
+					state = undefined;
+				}
+				node._changeSelectStatusAttrs(state);
+				return state;
+			}
+			_walk(this);
 
-				for( i=0, l=children.length; i<l; i++ ){
+			// Update parent's state
+			this.visitParents(function(node) {
+				var i,
+					l,
+					child,
+					state,
+					unselIgnore,
+					unselState,
+					children = node.children,
+					allSelected = true,
+					someSelected = false;
+
+				for (i = 0, l = children.length; i < l; i++) {
 					child = children[i];
-					// the selection state of a node is not relevant; we need the end-nodes
-					s = _walk(child);
-					// if( !child.unselectableIgnore ) {
-					unselIgnore = FT.evalOption("unselectableIgnore", child, child, opts, false);
-					if( !unselIgnore ) {
-						if( s !== false ) {
+					unselIgnore = FT.evalOption(
+						"unselectableIgnore",
+						child,
+						child,
+						opts,
+						false
+					);
+					if (!unselIgnore) {
+						unselState = FT.evalOption(
+							"unselectableStatus",
+							child,
+							child,
+							opts,
+							undefined
+						);
+						state =
+							unselState == null
+								? !!child.selected
+								: !!unselState;
+						// When fixing the parents, we trust the sibling status (i.e.
+						// we don't recurse)
+						if (state || child.partsel) {
 							someSelected = true;
 						}
-						if( s !== true ) {
+						if (!state) {
 							allSelected = false;
 						}
 					}
 				}
-				state = allSelected ? true : (someSelected ? undefined : false);
-			}else{
-				// This is an end-node: simply report the status
-				unselState = FT.evalOption("unselectableStatus", node, node, opts, undefined);
-				state = ( unselState == null ) ? !!node.selected : !!unselState;
-			}
-			node._changeSelectStatusAttrs(state);
-			return state;
-		}
-		_walk(this);
-
-		// Update parent's state
-		this.visitParents(function(node){
-			var i, l, child, state, unselIgnore, unselState,
-				children = node.children,
-				allSelected = true,
-				someSelected = false;
-
-			for( i=0, l=children.length; i<l; i++ ){
-				child = children[i];
-				unselIgnore = FT.evalOption("unselectableIgnore", child, child, opts, false);
-				if( !unselIgnore ) {
-					unselState = FT.evalOption("unselectableStatus", child,  child, opts, undefined);
-					state = ( unselState == null ) ? !!child.selected : !!unselState;
-					// When fixing the parents, we trust the sibling status (i.e.
-					// we don't recurse)
-					if( state || child.partsel ) {
-						someSelected = true;
-					}
-					if( !state ) {
-						allSelected = false;
-					}
-				}
-			}
-			state = allSelected ? true : (someSelected ? undefined : false);
-			node._changeSelectStatusAttrs(state);
-		});
-	},
-	// TODO: focus()
-	/**
-	 * Update node data. If dict contains 'children', then also replace
-	 * the hole sub tree.
-	 * @param {NodeData} dict
-	 *
-	 * @see FancytreeNode#addChildren
-	 * @see FancytreeNode#applyPatch
-	 */
-	fromDict: function(dict) {
-		// copy all other attributes to this.data.xxx
-		for(var name in dict){
-			if(NODE_ATTR_MAP[name]){
-				// node.NAME = dict.NAME
-				this[name] = dict[name];
-			}else if(name === "data"){
-				// node.data += dict.data
-				$.extend(this.data, dict.data);
-			}else if(!$.isFunction(dict[name]) && !NONE_NODE_DATA_MAP[name]){
-				// node.data.NAME = dict.NAME
-				this.data[name] = dict[name];
-			}
-		}
-		if(dict.children){
-			// recursively set children and render
-			this.removeChildren();
-			this.addChildren(dict.children);
-		}
-		this.renderTitle();
-/*
-		var children = dict.children;
-		if(children === undefined){
-			this.data = $.extend(this.data, dict);
-			this.render();
-			return;
-		}
-		dict = $.extend({}, dict);
-		dict.children = undefined;
-		this.data = $.extend(this.data, dict);
-		this.removeChildren();
-		this.addChild(children);
-*/
-	},
-	/** Return the list of child nodes (undefined for unexpanded lazy nodes).
-	 * @returns {FancytreeNode[] | undefined}
-	 */
-	getChildren: function() {
-		if(this.hasChildren() === undefined){ // TODO: only required for lazy nodes?
-			return undefined; // Lazy node: unloaded, currently loading, or load error
-		}
-		return this.children;
-	},
-	/** Return the first child node or null.
-	 * @returns {FancytreeNode | null}
-	 */
-	getFirstChild: function() {
-		return this.children ? this.children[0] : null;
-	},
-	/** Return the 0-based child index.
-	 * @returns {int}
-	 */
-	getIndex: function() {
-//		return this.parent.children.indexOf(this);
-		return $.inArray(this, this.parent.children); // indexOf doesn't work in IE7
-	},
-	/** Return the hierarchical child index (1-based, e.g. '3.2.4').
-	 * @param {string} [separator="."]
-	 * @param {int} [digits=1]
-	 * @returns {string}
-	 */
-	getIndexHier: function(separator, digits) {
-		separator = separator || ".";
-		var s,
-			res = [];
-		$.each(this.getParentList(false, true), function(i, o){
-			s = "" + (o.getIndex() + 1);
-			if( digits ){
-				// prepend leading zeroes
-				s = ("0000000" + s).substr(-digits);
-			}
-			res.push(s);
-		});
-		return res.join(separator);
-	},
-	/** Return the parent keys separated by options.keyPathSeparator, e.g. "id_1/id_17/id_32".
-	 * @param {boolean} [excludeSelf=false]
-	 * @returns {string}
-	 */
-	getKeyPath: function(excludeSelf) {
-		var path = [],
-			sep = this.tree.options.keyPathSeparator;
-		this.visitParents(function(n){
-			if(n.parent){
-				path.unshift(n.key);
-			}
-		}, !excludeSelf);
-		return sep + path.join(sep);
-	},
-	/** Return the last child of this node or null.
-	 * @returns {FancytreeNode | null}
-	 */
-	getLastChild: function() {
-		return this.children ? this.children[this.children.length - 1] : null;
-	},
-	/** Return node depth. 0: System root node, 1: visible top-level node, 2: first sub-level, ... .
-	 * @returns {int}
-	 */
-	getLevel: function() {
-		var level = 0,
-			dtn = this.parent;
-		while( dtn ) {
-			level++;
-			dtn = dtn.parent;
-		}
-		return level;
-	},
-	/** Return the successor node (under the same parent) or null.
-	 * @returns {FancytreeNode | null}
-	 */
-	getNextSibling: function() {
-		// TODO: use indexOf, if available: (not in IE6)
-		if( this.parent ){
-			var i, l,
-				ac = this.parent.children;
-
-			for(i=0, l=ac.length-1; i<l; i++){ // up to length-2, so next(last) = null
-				if( ac[i] === this ){
-					return ac[i+1];
-				}
-			}
-		}
-		return null;
-	},
-	/** Return the parent node (null for the system root node).
-	 * @returns {FancytreeNode | null}
-	 */
-	getParent: function() {
-		// TODO: return null for top-level nodes?
-		return this.parent;
-	},
-	/** Return an array of all parent nodes (top-down).
-	 * @param {boolean} [includeRoot=false] Include the invisible system root node.
-	 * @param {boolean} [includeSelf=false] Include the node itself.
-	 * @returns {FancytreeNode[]}
-	 */
-	getParentList: function(includeRoot, includeSelf) {
-		var l = [],
-			dtn = includeSelf ? this : this.parent;
-		while( dtn ) {
-			if( includeRoot || dtn.parent ){
-				l.unshift(dtn);
-			}
-			dtn = dtn.parent;
-		}
-		return l;
-	},
-	/** Return the predecessor node (under the same parent) or null.
-	 * @returns {FancytreeNode | null}
-	 */
-	getPrevSibling: function() {
-		if( this.parent ){
-			var i, l,
-				ac = this.parent.children;
-
-			for(i=1, l=ac.length; i<l; i++){ // start with 1, so prev(first) = null
-				if( ac[i] === this ){
-					return ac[i-1];
-				}
-			}
-		}
-		return null;
-	},
-	/**
-	 * Return an array of selected descendant nodes.
-	 * @param {boolean} [stopOnParents=false] only return the topmost selected
-	 *     node (useful with selectMode 3)
-	 * @returns {FancytreeNode[]}
-	 */
-	getSelectedNodes: function(stopOnParents) {
-		var nodeList = [];
-		this.visit(function(node){
-			if( node.selected ) {
-				nodeList.push(node);
-				if( stopOnParents === true ){
-					return "skip"; // stop processing this branch
-				}
-			}
-		});
-		return nodeList;
-	},
-	/** Return true if node has children. Return undefined if not sure, i.e. the node is lazy and not yet loaded).
-	 * @returns {boolean | undefined}
-	 */
-	hasChildren: function() {
-		if(this.lazy){
-			if(this.children == null ){
-				// null or undefined: Not yet loaded
-				return undefined;
-			}else if(this.children.length === 0){
-				// Loaded, but response was empty
-				return false;
-			}else if(this.children.length === 1 && this.children[0].isStatusNode() ){
-				// Currently loading or load error
-				return undefined;
-			}
-			return true;
-		}
-		return !!( this.children && this.children.length );
-	},
-	/** Return true if node has keyboard focus.
-	 * @returns {boolean}
-	 */
-	hasFocus: function() {
-		return (this.tree.hasFocus() && this.tree.focusNode === this);
-	},
-	/** Write to browser console if debugLevel >= 3 (prepending node info)
-	 *
-	 * @param {*} msg string or object or array of such
-	 */
-	info: function(msg){
-		if( this.tree.options.debugLevel >= 3 ) {
-			Array.prototype.unshift.call(arguments, this.toString());
-			consoleApply("info", arguments);
-		}
-	},
-	/** Return true if node is active (see also FancytreeNode#isSelected).
-	 * @returns {boolean}
-	 */
-	isActive: function() {
-		return (this.tree.activeNode === this);
-	},
-	/** Return true if node is vertically below `otherNode`, i.e. rendered in a subsequent row.
-	 * @param {FancytreeNode} otherNode
-	 * @returns {boolean}
-	 * @since 2.28
-	 */
-	isBelowOf: function(otherNode) {
-		return (this.getIndexHier(".", 5) > otherNode.getIndexHier(".", 5));
-	},
-	/** Return true if node is a direct child of otherNode.
-	 * @param {FancytreeNode} otherNode
-	 * @returns {boolean}
-	 */
-	isChildOf: function(otherNode) {
-		return (this.parent && this.parent === otherNode);
-	},
-	/** Return true, if node is a direct or indirect sub node of otherNode.
-	 * @param {FancytreeNode} otherNode
-	 * @returns {boolean}
-	 */
-	isDescendantOf: function(otherNode) {
-		if(!otherNode || otherNode.tree !== this.tree){
-			return false;
-		}
-		var p = this.parent;
-		while( p ) {
-			if( p === otherNode ){
-				return true;
-			}
-			if( p === p.parent ) { $.error("Recursive parent link: " + p); }
-			p = p.parent;
-		}
-		return false;
-	},
-	/** Return true if node is expanded.
-	 * @returns {boolean}
-	 */
-	isExpanded: function() {
-		return !!this.expanded;
-	},
-	/** Return true if node is the first node of its parent's children.
-	 * @returns {boolean}
-	 */
-	isFirstSibling: function() {
-		var p = this.parent;
-		return !p || p.children[0] === this;
-	},
-	/** Return true if node is a folder, i.e. has the node.folder attribute set.
-	 * @returns {boolean}
-	 */
-	isFolder: function() {
-		return !!this.folder;
-	},
-	/** Return true if node is the last node of its parent's children.
-	 * @returns {boolean}
-	 */
-	isLastSibling: function() {
-		var p = this.parent;
-		return !p || p.children[p.children.length-1] === this;
-	},
-	/** Return true if node is lazy (even if data was already loaded)
-	 * @returns {boolean}
-	 */
-	isLazy: function() {
-		return !!this.lazy;
-	},
-	/** Return true if node is lazy and loaded. For non-lazy nodes always return true.
-	 * @returns {boolean}
-	 */
-	isLoaded: function() {
-		return !this.lazy || this.hasChildren() !== undefined; // Also checks if the only child is a status node
-	},
-	/** Return true if children are currently beeing loaded, i.e. a Ajax request is pending.
-	 * @returns {boolean}
-	 */
-	isLoading: function() {
-		return !!this._isLoading;
-	},
-	/*
-	 * @deprecated since v2.4.0:  Use isRootNode() instead
-	 */
-	isRoot: function() {
-		return this.isRootNode();
-	},
-	/** Return true if node is partially selected (tri-state).
-	 * @returns {boolean}
-	 * @since 2.23
-	 */
-	isPartsel: function() {
-		return !this.selected && !!this.partsel;
-	},
-	/** (experimental) Return true if this is partially loaded.
-	 * @returns {boolean}
-	 * @since 2.15
-	 */
-	isPartload: function() {
-		return !!this.partload;
-	},
-	/** Return true if this is the (invisible) system root node.
-	 * @returns {boolean}
-	 * @since 2.4
-	 */
-	isRootNode: function() {
-		return (this.tree.rootNode === this);
-	},
-	/** Return true if node is selected, i.e. has a checkmark set (see also FancytreeNode#isActive).
-	 * @returns {boolean}
-	 */
-	isSelected: function() {
-		return !!this.selected;
-	},
-	/** Return true if this node is a temporarily generated system node like
-	 * 'loading', 'paging', or 'error' (node.statusNodeType contains the type).
-	 * @returns {boolean}
-	 */
-	isStatusNode: function() {
-		return !!this.statusNodeType;
-	},
-	/** Return true if this node is a status node of type 'paging'.
-	 * @returns {boolean}
-	 * @since 2.15
-	 */
-	isPagingNode: function() {
-		return this.statusNodeType === "paging";
-	},
-	/** Return true if this a top level node, i.e. a direct child of the (invisible) system root node.
-	 * @returns {boolean}
-	 * @since 2.4
-	 */
-	isTopLevel: function() {
-		return (this.tree.rootNode === this.parent);
-	},
-	/** Return true if node is lazy and not yet loaded. For non-lazy nodes always return false.
-	 * @returns {boolean}
-	 */
-	isUndefined: function() {
-		return this.hasChildren() === undefined; // also checks if the only child is a status node
-	},
-	/** Return true if all parent nodes are expanded. Note: this does not check
-	 * whether the node is scrolled into the visible part of the screen.
-	 * @returns {boolean}
-	 */
-	isVisible: function() {
-		var i, l,
-			parents = this.getParentList(false, false);
-
-		for(i=0, l=parents.length; i<l; i++){
-			if( ! parents[i].expanded ){ return false; }
-		}
-		return true;
-	},
-	/** Deprecated.
-	 * @deprecated since 2014-02-16: use load() instead.
-	 */
-	lazyLoad: function(discard) {
-		this.warn("FancytreeNode.lazyLoad() is deprecated since 2014-02-16. Use .load() instead.");
-		return this.load(discard);
-	},
-	/**
-	 * Load all children of a lazy node if neccessary. The <i>expanded</i> state is maintained.
-	 * @param {boolean} [forceReload=false] Pass true to discard any existing nodes before. Otherwise this method does nothing if the node was already loaded.
-	 * @returns {$.Promise}
-	 */
-	load: function(forceReload) {
-		var res, source,
-			that = this,
-			wasExpanded = this.isExpanded();
-
-		_assert( this.isLazy(), "load() requires a lazy node" );
-		// _assert( forceReload || this.isUndefined(), "Pass forceReload=true to re-load a lazy node" );
-		if( !forceReload && !this.isUndefined() ) {
-			return _getResolvedPromise(this);
-		}
-		if( this.isLoaded() ){
-			this.resetLazy(); // also collapses
-		}
-		// This method is also called by setExpanded() and loadKeyPath(), so we
-		// have to avoid recursion.
-		source = this.tree._triggerNodeEvent("lazyLoad", this);
-		if( source === false ) { // #69
-			return _getResolvedPromise(this);
-		}
-		_assert(typeof source !== "boolean", "lazyLoad event must return source in data.result");
-		res = this.tree._callHook("nodeLoadChildren", this, source);
-		if( wasExpanded ) {
-			this.expanded = true;
-			res.always(function(){
-				that.render();
+				// eslint-disable-next-line no-nested-ternary
+				state = allSelected ? true : someSelected ? undefined : false;
+				node._changeSelectStatusAttrs(state);
 			});
-		} else {
-			res.always(function(){
-				that.renderStatus();  // fix expander icon to 'loaded'
-			});
-		}
-		return res;
-	},
-	/** Expand all parents and optionally scroll into visible area as neccessary.
-	 * Promise is resolved, when lazy loading and animations are done.
-	 * @param {object} [opts] passed to `setExpanded()`.
-	 *     Defaults to {noAnimation: false, noEvents: false, scrollIntoView: true}
-	 * @returns {$.Promise}
-	 */
-	makeVisible: function(opts) {
-		var i,
-			that = this,
-			deferreds = [],
-			dfd = new $.Deferred(),
-			parents = this.getParentList(false, false),
-			len = parents.length,
-			effects = !(opts && opts.noAnimation === true),
-			scroll = !(opts && opts.scrollIntoView === false);
-
-		// Expand bottom-up, so only the top node is animated
-		for(i = len - 1; i >= 0; i--){
-			// that.debug("pushexpand" + parents[i]);
-			deferreds.push(parents[i].setExpanded(true, opts));
-		}
-		$.when.apply($, deferreds).done(function(){
-			// All expands have finished
-			// that.debug("expand DONE", scroll);
-			if( scroll ){
-				that.scrollIntoView(effects).done(function(){
-					// that.debug("scroll DONE");
-					dfd.resolve();
-				});
-			} else {
-				dfd.resolve();
-			}
-		});
-		return dfd.promise();
-	},
-	/** Move this node to targetNode.
-	 *  @param {FancytreeNode} targetNode
-	 *  @param {string} mode <pre>
-	 *      'child': append this node as last child of targetNode.
-	 *               This is the default. To be compatble with the D'n'd
-	 *               hitMode, we also accept 'over'.
-	 *      'firstChild': add this node as first child of targetNode.
-	 *      'before': add this node as sibling before targetNode.
-	 *      'after': add this node as sibling after targetNode.</pre>
-	 *  @param {function} [map] optional callback(FancytreeNode) to allow modifcations
-	 */
-	moveTo: function(targetNode, mode, map) {
-		if(mode === undefined || mode === "over"){
-			mode = "child";
-		} else if ( mode === "firstChild" ) {
-			if( targetNode.children && targetNode.children.length ) {
-				mode = "before";
-				targetNode = targetNode.children[0];
-			} else {
-				mode = "child";
-			}
-		}
-		var pos,
-			prevParent = this.parent,
-			targetParent = (mode === "child") ? targetNode : targetNode.parent;
-
-		if(this === targetNode){
-			return;
-		}else if( !this.parent  ){
-			$.error("Cannot move system root");
-		}else if( targetParent.isDescendantOf(this) ){
-			$.error("Cannot move a node to its own descendant");
-		}
-		if( targetParent !== prevParent ) {
-			prevParent.triggerModifyChild("remove", this);
-		}
-		// Unlink this node from current parent
-		if( this.parent.children.length === 1 ) {
-			if( this.parent === targetParent ){
-				return; // #258
-			}
-			this.parent.children = this.parent.lazy ? [] : null;
-			this.parent.expanded = false;
-		} else {
-			pos = $.inArray(this, this.parent.children);
-			_assert(pos >= 0, "invalid source parent");
-			this.parent.children.splice(pos, 1);
-		}
-		// Remove from source DOM parent
-//		if(this.parent.ul){
-//			this.parent.ul.removeChild(this.li);
-//		}
-
-		// Insert this node to target parent's child list
-		this.parent = targetParent;
-		if( targetParent.hasChildren() ) {
-			switch(mode) {
-			case "child":
-				// Append to existing target children
-				targetParent.children.push(this);
-				break;
-			case "before":
-				// Insert this node before target node
-				pos = $.inArray(targetNode, targetParent.children);
-				_assert(pos >= 0, "invalid target parent");
-				targetParent.children.splice(pos, 0, this);
-				break;
-			case "after":
-				// Insert this node after target node
-				pos = $.inArray(targetNode, targetParent.children);
-				_assert(pos >= 0, "invalid target parent");
-				targetParent.children.splice(pos+1, 0, this);
-				break;
-			default:
-				$.error("Invalid mode " + mode);
-			}
-		} else {
-			targetParent.children = [ this ];
-		}
-		// Parent has no <ul> tag yet:
-//		if( !targetParent.ul ) {
-//			// This is the parent's first child: create UL tag
-//			// (Hidden, because it will be
-//			targetParent.ul = document.createElement("ul");
-//			targetParent.ul.style.display = "none";
-//			targetParent.li.appendChild(targetParent.ul);
-//		}
-//		// Issue 319: Add to target DOM parent (only if node was already rendered(expanded))
-//		if(this.li){
-//			targetParent.ul.appendChild(this.li);
-//		}^
-
-		// Let caller modify the nodes
-		if( map ){
-			targetNode.visit(map, true);
-		}
-		if( targetParent === prevParent ) {
-			targetParent.triggerModifyChild("move", this);
-		} else {
-			// prevParent.triggerModifyChild("remove", this);
-			targetParent.triggerModifyChild("add", this);
-		}
-		// Handle cross-tree moves
-		if( this.tree !== targetNode.tree ) {
-			// Fix node.tree for all source nodes
-//			_assert(false, "Cross-tree move is not yet implemented.");
-			this.warn("Cross-tree moveTo is experimantal!");
-			this.visit(function(n){
-				// TODO: fix selection state and activation, ...
-				n.tree = targetNode.tree;
-			}, true);
-		}
-
-		// A collaposed node won't re-render children, so we have to remove it manually
-		// if( !targetParent.expanded ){
-		//   prevParent.ul.removeChild(this.li);
-		// }
-
-		// Update HTML markup
-		if( !prevParent.isDescendantOf(targetParent)) {
-			prevParent.render();
-		}
-		if( !targetParent.isDescendantOf(prevParent) && targetParent !== prevParent) {
-			targetParent.render();
-		}
-		// TODO: fix selection state
-		// TODO: fix active state
-
-/*
-		var tree = this.tree;
-		var opts = tree.options;
-		var pers = tree.persistence;
-
-
-		// Always expand, if it's below minExpandLevel
-//		tree.logDebug ("%s._addChildNode(%o), l=%o", this, ftnode, ftnode.getLevel());
-		if ( opts.minExpandLevel >= ftnode.getLevel() ) {
-//			tree.logDebug ("Force expand for %o", ftnode);
-			this.bExpanded = true;
-		}
-
-		// In multi-hier mode, update the parents selection state
-		// DT issue #82: only if not initializing, because the children may not exist yet
-//		if( !ftnode.data.isStatusNode() && opts.selectMode==3 && !isInitializing )
-//			ftnode._fixSelectionState();
-
-		// In multi-hier mode, update the parents selection state
-		if( ftnode.bSelected && opts.selectMode==3 ) {
-			var p = this;
-			while( p ) {
-				if( !p.hasSubSel )
-					p._setSubSel(true);
-				p = p.parent;
-			}
-		}
-		// render this node and the new child
-		if ( tree.bEnableUpdate )
-			this.render();
-
-		return ftnode;
-
-*/
-	},
-	/** Set focus relative to this node and optionally activate.
-	 *
-	 * @param {number} where The keyCode that would normally trigger this move,
-	 *		e.g. `$.ui.keyCode.LEFT` would collapse the node if it
-	 *      is expanded or move to the parent oterwise.
-	 * @param {boolean} [activate=true]
-	 * @returns {$.Promise}
-	 */
-	navigate: function(where, activate) {
-		var i, parents, res,
-			handled = true,
-			KC = $.ui.keyCode,
-			sib = null;
-
-		// Navigate to node
-		function _goto(n){
-			if( n ){
-				// setFocus/setActive will scroll later (if autoScroll is specified)
-				try { n.makeVisible({scrollIntoView: false}); } catch(e) {} // #272
-				// Node may still be hidden by a filter
-				if( ! $(n.span).is(":visible") ) {
-					n.debug("Navigate: skipping hidden node");
-					n.navigate(where, activate);
-					return;
-				}
-				return activate === false ? n.setFocus() : n.setActive();
-			}
-		}
-
-		switch( where ) {
-			case KC.BACKSPACE:
-				if( this.parent && this.parent.parent ) {
-					res = _goto(this.parent);
-				}
-				break;
-			case KC.HOME:
-				this.tree.visit(function(n){  // goto first visible node
-					if( $(n.span).is(":visible") ) {
-						res = _goto(n);
-						return false;
-					}
-				});
-				break;
-			case KC.END:
-				this.tree.visit(function(n){  // goto last visible node
-					if( $(n.span).is(":visible") ) {
-						res = n;
-					}
-				});
-				if( res ) {
-					res = _goto(res);
-				}
-				break;
-			case KC.LEFT:
-				if( this.expanded ) {
-					this.setExpanded(false);
-					res = _goto(this);
-				} else if( this.parent && this.parent.parent ) {
-					res = _goto(this.parent);
-				}
-				break;
-			case KC.RIGHT:
-				if( !this.expanded && (this.children || this.lazy) ) {
-					this.setExpanded();
-					res = _goto(this);
-				} else if( this.children && this.children.length ) {
-					res = _goto(this.children[0]);
-				}
-				break;
-			case KC.UP:
-				sib = this.getPrevSibling();
-				// #359: skip hidden sibling nodes, preventing a _goto() recursion
-				while( sib && !$(sib.span).is(":visible") ) {
-					sib = sib.getPrevSibling();
-				}
-				while( sib && sib.expanded && sib.children && sib.children.length ) {
-					sib = sib.children[sib.children.length - 1];
-				}
-				if( !sib && this.parent && this.parent.parent ){
-					sib = this.parent;
-				}
-				res = _goto(sib);
-				break;
-			case KC.DOWN:
-				if( this.expanded && this.children && this.children.length ) {
-					sib = this.children[0];
-				} else {
-					parents = this.getParentList(false, true);
-					for(i=parents.length-1; i>=0; i--) {
-						sib = parents[i].getNextSibling();
-						// #359: skip hidden sibling nodes, preventing a _goto() recursion
-						while( sib && !$(sib.span).is(":visible") ) {
-							sib = sib.getNextSibling();
-						}
-						if( sib ){ break; }
-					}
-				}
-				res = _goto(sib);
-				break;
-			default:
-				handled = false;
-		}
-		return res || _getResolvedPromise();
-	},
-	/**
-	 * Remove this node (not allowed for system root).
-	 */
-	remove: function() {
-		return this.parent.removeChild(this);
-	},
-	/**
-	 * Remove childNode from list of direct children.
-	 * @param {FancytreeNode} childNode
-	 */
-	removeChild: function(childNode) {
-		return this.tree._callHook("nodeRemoveChild", this, childNode);
-	},
-	/**
-	 * Remove all child nodes and descendents. This converts the node into a leaf.<br>
-	 * If this was a lazy node, it is still considered 'loaded'; call node.resetLazy()
-	 * in order to trigger lazyLoad on next expand.
-	 */
-	removeChildren: function() {
-		return this.tree._callHook("nodeRemoveChildren", this);
-	},
-	/**
-	 * Remove class from node's span tag and .extraClasses.
-	 *
-	 * @param {string} className class name
-	 *
-	 * @since 2.17
-	 */
-	removeClass: function(className){
-		return this.toggleClass(className, false);
-	},
-	/**
-	 * This method renders and updates all HTML markup that is required
-	 * to display this node in its current state.<br>
-	 * Note:
-	 * <ul>
-	 * <li>It should only be neccessary to call this method after the node object
-	 *     was modified by direct access to its properties, because the common
-	 *     API methods (node.setTitle(), moveTo(), addChildren(), remove(), ...)
-	 *     already handle this.
-	 * <li> {@link FancytreeNode#renderTitle} and {@link FancytreeNode#renderStatus}
-	 *     are implied. If changes are more local, calling only renderTitle() or
-	 *     renderStatus() may be sufficient and faster.
-	 * </ul>
-	 *
-	 * @param {boolean} [force=false] re-render, even if html markup was already created
-	 * @param {boolean} [deep=false] also render all descendants, even if parent is collapsed
-	 */
-	render: function(force, deep) {
-		return this.tree._callHook("nodeRender", this, force, deep);
-	},
-	/** Create HTML markup for the node's outer &lt;span> (expander, checkbox, icon, and title).
-	 * Implies {@link FancytreeNode#renderStatus}.
-	 * @see Fancytree_Hooks#nodeRenderTitle
-	 */
-	renderTitle: function() {
-		return this.tree._callHook("nodeRenderTitle", this);
-	},
-	/** Update element's CSS classes according to node state.
-	 * @see Fancytree_Hooks#nodeRenderStatus
-	 */
-	renderStatus: function() {
-		return this.tree._callHook("nodeRenderStatus", this);
-	},
-	/**
-	 * (experimental) Replace this node with `source`.
-	 * (Currently only available for paging nodes.)
-	 * @param {NodeData[]} source List of child node definitions
-	 * @since 2.15
-	 */
-	replaceWith: function(source) {
-		var res,
-			parent = this.parent,
-			pos = $.inArray(this, parent.children),
-			that = this;
-
-		_assert( this.isPagingNode(), "replaceWith() currently requires a paging status node" );
-
-		res = this.tree._callHook("nodeLoadChildren", this, source);
-		res.done(function(data){
-			// New nodes are currently children of `this`.
-			var children = that.children;
-			// Prepend newly loaded child nodes to `this`
-			// Move new children after self
-			for( i=0; i<children.length; i++ ) {
-				children[i].parent = parent;
-			}
-			parent.children.splice.apply(parent.children, [pos + 1, 0].concat(children));
-
-			// Remove self
-			that.children = null;
-			that.remove();
-			// Redraw new nodes
-			parent.render();
-			// TODO: set node.partload = false if this was tha last paging node?
-			// parent.addPagingNode(false);
-		}).fail(function(){
-			that.setExpanded();
-		});
-		return res;
-		// $.error("Not implemented: replaceWith()");
-	},
-	/**
-	 * Remove all children, collapse, and set the lazy-flag, so that the lazyLoad
-	 * event is triggered on next expand.
-	 */
-	resetLazy: function() {
-		this.removeChildren();
-		this.expanded = false;
-		this.lazy = true;
-		this.children = undefined;
-		this.renderStatus();
-	},
-	/** Schedule activity for delayed execution (cancel any pending request).
-	 *  scheduleAction('cancel') will only cancel a pending request (if any).
-	 * @param {string} mode
-	 * @param {number} ms
-	 */
-	scheduleAction: function(mode, ms) {
-		if( this.tree.timer ) {
-			clearTimeout(this.tree.timer);
-//            this.tree.debug("clearTimeout(%o)", this.tree.timer);
-		}
-		this.tree.timer = null;
-		var self = this; // required for closures
-		switch (mode) {
-		case "cancel":
-			// Simply made sure that timer was cleared
-			break;
-		case "expand":
-			this.tree.timer = setTimeout(function(){
-				self.tree.debug("setTimeout: trigger expand");
-				self.setExpanded(true);
-			}, ms);
-			break;
-		case "activate":
-			this.tree.timer = setTimeout(function(){
-				self.tree.debug("setTimeout: trigger activate");
-				self.setActive(true);
-			}, ms);
-			break;
-		default:
-			$.error("Invalid mode " + mode);
-		}
-//        this.tree.debug("setTimeout(%s, %s): %s", mode, ms, this.tree.timer);
-	},
-	/**
-	 *
-	 * @param {boolean | PlainObject} [effects=false] animation options.
-	 * @param {object} [options=null] {topNode: null, effects: ..., parent: ...} this node will remain visible in
-	 *     any case, even if `this` is outside the scroll pane.
-	 * @returns {$.Promise}
-	 */
-	scrollIntoView: function(effects, options) {
-		if( options !== undefined && _isNode(options) ) {
-			this.warn("scrollIntoView() with 'topNode' option is deprecated since 2014-05-08. Use 'options.topNode' instead.");
-			options = {topNode: options};
-		}
-		// this.$scrollParent = (this.options.scrollParent === "auto") ? $ul.scrollParent() : $(this.options.scrollParent);
-		// this.$scrollParent = this.$scrollParent.length ? this.$scrollParent || this.$container;
-
-		var topNodeY, nodeY, horzScrollbarHeight, containerOffsetTop,
-			opts = $.extend({
-				effects: (effects === true) ? {duration: 200, queue: false} : effects,
-				scrollOfs: this.tree.options.scrollOfs,
-				scrollParent: this.tree.options.scrollParent || this.tree.$container,
-				topNode: null
-			}, options),
-			dfd = new $.Deferred(),
-			that = this,
-			nodeHeight = $(this.span).height(),
-			$container = $(opts.scrollParent),
-			topOfs = opts.scrollOfs.top || 0,
-			bottomOfs = opts.scrollOfs.bottom || 0,
-			containerHeight = $container.height(),// - topOfs - bottomOfs,
-			scrollTop = $container.scrollTop(),
-			$animateTarget = $container,
-			isParentWindow = $container[0] === window,
-			topNode = opts.topNode || null,
-			newScrollTop = null;
-
-		// this.debug("scrollIntoView(), scrollTop=" + scrollTop, opts.scrollOfs);
-//		_assert($(this.span).is(":visible"), "scrollIntoView node is invisible"); // otherwise we cannot calc offsets
-		if( !$(this.span).is(":visible") ) {
-			// We cannot calc offsets for hidden elements
-			this.warn("scrollIntoView(): node is invisible.");
-			return _getResolvedPromise();
-		}
-		if( isParentWindow ) {
-			nodeY = $(this.span).offset().top;
-			topNodeY = (topNode && topNode.span) ? $(topNode.span).offset().top : 0;
-			$animateTarget = $("html,body");
-
-		} else {
-			_assert($container[0] !== document && $container[0] !== document.body,
-				"scrollParent should be a simple element or `window`, not document or body.");
-
-			containerOffsetTop = $container.offset().top,
-			nodeY = $(this.span).offset().top - containerOffsetTop + scrollTop; // relative to scroll parent
-			topNodeY = topNode ? $(topNode.span).offset().top - containerOffsetTop + scrollTop : 0;
-			horzScrollbarHeight = Math.max(0, ($container.innerHeight() - $container[0].clientHeight));
-			containerHeight -= horzScrollbarHeight;
-		}
-
-		// this.debug("    scrollIntoView(), nodeY=" + nodeY + ", containerHeight=" + containerHeight);
-		if( nodeY < (scrollTop + topOfs) ){
-			// Node is above visible container area
-			newScrollTop = nodeY - topOfs;
-			// this.debug("    scrollIntoView(), UPPER newScrollTop=" + newScrollTop);
-
-		}else if((nodeY + nodeHeight) > (scrollTop + containerHeight - bottomOfs)){
-			newScrollTop = nodeY + nodeHeight - containerHeight + bottomOfs;
-			// this.debug("    scrollIntoView(), LOWER newScrollTop=" + newScrollTop);
-			// If a topNode was passed, make sure that it is never scrolled
-			// outside the upper border
-			if(topNode){
-				_assert(topNode.isRootNode() || $(topNode.span).is(":visible"), "topNode must be visible");
-				if( topNodeY < newScrollTop ){
-					newScrollTop = topNodeY - topOfs;
-					// this.debug("    scrollIntoView(), TOP newScrollTop=" + newScrollTop);
+		},
+		// TODO: focus()
+		/**
+		 * Update node data. If dict contains 'children', then also replace
+		 * the hole sub tree.
+		 * @param {NodeData} dict
+		 *
+		 * @see FancytreeNode#addChildren
+		 * @see FancytreeNode#applyPatch
+		 */
+		fromDict: function(dict) {
+			// copy all other attributes to this.data.xxx
+			for (var name in dict) {
+				if (NODE_ATTR_MAP[name]) {
+					// node.NAME = dict.NAME
+					this[name] = dict[name];
+				} else if (name === "data") {
+					// node.data += dict.data
+					$.extend(this.data, dict.data);
+				} else if (
+					!$.isFunction(dict[name]) &&
+					!NONE_NODE_DATA_MAP[name]
+				) {
+					// node.data.NAME = dict.NAME
+					this.data[name] = dict[name];
 				}
 			}
-		}
-
-		if(newScrollTop !== null){
-			// this.debug("    scrollIntoView(), SET newScrollTop=" + newScrollTop);
-			if(opts.effects){
-				opts.effects.complete = function(){
-					dfd.resolveWith(that);
-				};
-				$animateTarget.stop(true).animate({
-					scrollTop: newScrollTop
-				}, opts.effects);
-			}else{
-				$animateTarget[0].scrollTop = newScrollTop;
-				dfd.resolveWith(this);
+			if (dict.children) {
+				// recursively set children and render
+				this.removeChildren();
+				this.addChildren(dict.children);
 			}
-		}else{
-			dfd.resolveWith(this);
-		}
-		return dfd.promise();
-	},
-
-	/**Activate this node.
-	 * @param {boolean} [flag=true] pass false to deactivate
-	 * @param {object} [opts] additional options. Defaults to {noEvents: false, noFocus: false}
-	 * @returns {$.Promise}
-	 */
-	setActive: function(flag, opts){
-		return this.tree._callHook("nodeSetActive", this, flag, opts);
-	},
-	/**Expand or collapse this node. Promise is resolved, when lazy loading and animations are done.
-	 * @param {boolean} [flag=true] pass false to collapse
-	 * @param {object} [opts] additional options. Defaults to {noAnimation: false, noEvents: false}
-	 * @returns {$.Promise}
-	 */
-	setExpanded: function(flag, opts){
-		return this.tree._callHook("nodeSetExpanded", this, flag, opts);
-	},
-	/**Set keyboard focus to this node.
-	 * @param {boolean} [flag=true] pass false to blur
-	 * @see Fancytree#setFocus
-	 */
-	setFocus: function(flag){
-		return this.tree._callHook("nodeSetFocus", this, flag);
-	},
-	/**Select this node, i.e. check the checkbox.
-	 * @param {boolean} [flag=true] pass false to deselect
-	 * @param {object} [opts] additional options. Defaults to {noEvents: false, p
-	 *     propagateDown: null, propagateUp: null, callback: null }
-	 */
-	setSelected: function(flag, opts){
-		return this.tree._callHook("nodeSetSelected", this, flag, opts);
-	},
-	/**Mark a lazy node as 'error', 'loading', 'nodata', or 'ok'.
-	 * @param {string} status 'error'|'empty'|'ok'
-	 * @param {string} [message]
-	 * @param {string} [details]
-	 */
-	setStatus: function(status, message, details){
-		return this.tree._callHook("nodeSetStatus", this, status, message, details);
-	},
-	/**Rename this node.
-	 * @param {string} title
-	 */
-	setTitle: function(title){
-		this.title = title;
-		this.renderTitle();
-		this.triggerModify("rename");
-	},
-	/**Sort child list by title.
-	 * @param {function} [cmp] custom compare function(a, b) that returns -1, 0, or 1 (defaults to sort by title).
-	 * @param {boolean} [deep=false] pass true to sort all descendant nodes
-	 */
-	sortChildren: function(cmp, deep) {
-		var i,l,
-			cl = this.children;
-
-		if( !cl ){
-			return;
-		}
-		cmp = cmp || function(a, b) {
-			var x = a.title.toLowerCase(),
-				y = b.title.toLowerCase();
-			return x === y ? 0 : x > y ? 1 : -1;
-			};
-		cl.sort(cmp);
-		if( deep ){
-			for(i=0, l=cl.length; i<l; i++){
-				if( cl[i].children ){
-					cl[i].sortChildren(cmp, "$norender$");
-				}
-			}
-		}
-		if( deep !== "$norender$" ){
-			this.render();
-		}
-		this.triggerModifyChild("sort");
-	},
-	/** Convert node (or whole branch) into a plain object.
-	 *
-	 * The result is compatible with node.addChildren().
-	 *
-	 * @param {boolean} [recursive=false] include child nodes
-	 * @param {function} [callback] callback(dict, node) is called for every node, in order to allow modifications
-	 * @returns {NodeData}
-	 */
-	toDict: function(recursive, callback) {
-		var i, l, node,
-			dict = {},
-			self = this;
-
-		$.each(NODE_ATTRS, function(i, a){
-			if(self[a] || self[a] === false){
-				dict[a] = self[a];
-			}
-		});
-		if(!$.isEmptyObject(this.data)){
-			dict.data = $.extend({}, this.data);
-			if($.isEmptyObject(dict.data)){
-				delete dict.data;
-			}
-		}
-		if( callback ){
-			callback(dict, self);
-		}
-		if( recursive ) {
-			if(this.hasChildren()){
-				dict.children = [];
-				for(i=0, l=this.children.length; i<l; i++ ){
-					node = this.children[i];
-					if( !node.isStatusNode() ){
-						dict.children.push(node.toDict(true, callback));
-					}
-				}
-			}else{
-//                dict.children = null;
-			}
-		}
-		return dict;
-	},
-	/**
-	 * Set, clear, or toggle class of node's span tag and .extraClasses.
-	 *
-	 * @param {string} className class name (separate multiple classes by space)
-	 * @param {boolean} [flag] true/false to add/remove class. If omitted, class is toggled.
-	 * @returns {boolean} true if a class was added
-	 *
-	 * @since 2.17
-	 */
-	toggleClass: function(value, flag){
-		var className, hasClass,
-			rnotwhite = ( /\S+/g ),
-			classNames = value.match( rnotwhite ) || [],
-			i = 0,
-			wasAdded = false,
-			statusElem = this[this.tree.statusClassPropName],
-			curClasses = (" " + (this.extraClasses || "") + " ");
-
-		// this.info("toggleClass('" + value + "', " + flag + ")", curClasses);
-		// Modify DOM element directly if it already exists
-		if( statusElem ) {
-			$(statusElem).toggleClass(value, flag);
-		}
-		// Modify node.extraClasses to make this change persistent
-		// Toggle if flag was not passed
-		while ( className = classNames[ i++ ] ) {
-			hasClass = curClasses.indexOf(" " + className + " ") >= 0;
-			flag = (flag === undefined) ? (!hasClass) : !!flag;
-			if ( flag ) {
-				if( !hasClass ) {
-					curClasses += className + " ";
-					wasAdded = true;
-				}
-			} else {
-				while ( curClasses.indexOf( " " + className + " " ) > -1 ) {
-					curClasses = curClasses.replace( " " + className + " ", " " );
-				}
-			}
-		}
-		this.extraClasses = $.trim(curClasses);
-		// this.info("-> toggleClass('" + value + "', " + flag + "): '" + this.extraClasses + "'");
-		return wasAdded;
-	},
-	/** Flip expanded status. */
-	toggleExpanded: function(){
-		return this.tree._callHook("nodeToggleExpanded", this);
-	},
-	/** Flip selection status. */
-	toggleSelected: function(){
-		return this.tree._callHook("nodeToggleSelected", this);
-	},
-	toString: function() {
-		return "FancytreeNode@" + this.key + "[title='" + this.title + "']";
-		// return "<FancytreeNode(#" + this.key + ", '" + this.title + "')>";
-	},
-	/**
-	 * Trigger `modifyChild` event on a parent to signal that a child was modified.
-	 * @param {string} operation Type of change: 'add', 'remove', 'rename', 'move', 'data', ...
-	 * @param {FancytreeNode} [childNode]
-	 * @param {object} [extra]
-	 */
-	triggerModifyChild: function(operation, childNode, extra){
-		var data,
-			modifyChild = this.tree.options.modifyChild;
-
-		if ( modifyChild ){
-			if( childNode && childNode.parent !== this ) {
-				$.error("childNode " + childNode + " is not a child of " + this);
-			}
-			data = {
-				node: this,
-				tree: this.tree,
-				operation: operation,
-				childNode: childNode || null
-			};
-			if( extra ) {
-				$.extend(data, extra);
-			}
-			modifyChild({type: "modifyChild"}, data);
-		}
-	},
-	/**
-	 * Trigger `modifyChild` event on node.parent(!).
-	 * @param {string} operation Type of change: 'add', 'remove', 'rename', 'move', 'data', ...
-	 * @param {object} [extra]
-	 */
-	triggerModify: function(operation, extra){
-		this.parent.triggerModifyChild(operation, this, extra);
-	},
-	/** Call fn(node) for all child nodes in hierarchical order (depth-first).<br>
-	 * Stop iteration, if fn() returns false. Skip current branch, if fn() returns "skip".<br>
-	 * Return false if iteration was stopped.
-	 *
-	 * @param {function} fn the callback function.
-	 *     Return false to stop iteration, return "skip" to skip this node and
-	 *     its children only.
-	 * @param {boolean} [includeSelf=false]
-	 * @returns {boolean}
-	 */
-	visit: function(fn, includeSelf) {
-		var i, l,
-			res = true,
-			children = this.children;
-
-		if( includeSelf === true ) {
-			res = fn(this);
-			if( res === false || res === "skip" ){
-				return res;
-			}
-		}
-		if(children){
-			for(i=0, l=children.length; i<l; i++){
-				res = children[i].visit(fn, true);
-				if( res === false ){
-					break;
-				}
-			}
-		}
-		return res;
-	},
-	/** Call fn(node) for all child nodes and recursively load lazy children.<br>
-	 * <b>Note:</b> If you need this method, you probably should consider to review
-	 * your architecture! Recursivley loading nodes is a perfect way for lazy
-	 * programmers to flood the server with requests ;-)
-	 *
-	 * @param {function} [fn] optional callback function.
-	 *     Return false to stop iteration, return "skip" to skip this node and
-	 *     its children only.
-	 * @param {boolean} [includeSelf=false]
-	 * @returns {$.Promise}
-	 * @since 2.4
-	 */
-	visitAndLoad: function(fn, includeSelf, _recursion) {
-		var dfd, res, loaders,
-			node = this;
-
-		// node.debug("visitAndLoad");
-		if( fn && includeSelf === true ) {
-			res = fn(node);
-			if( res === false || res === "skip" ) {
-				return _recursion ? res : _getResolvedPromise();
-			}
-		}
-		if( !node.children && !node.lazy ) {
-			return _getResolvedPromise();
-		}
-		dfd = new $.Deferred();
-		loaders = [];
-		// node.debug("load()...");
-		node.load().done(function(){
-			// node.debug("load()... done.");
-			for(var i=0, l=node.children.length; i<l; i++){
-				res = node.children[i].visitAndLoad(fn, true, true);
-				if( res === false ) {
-					dfd.reject();
-					break;
-				} else if ( res !== "skip" ) {
-					loaders.push(res); // Add promise to the list
-				}
-			}
-			$.when.apply(this, loaders).then(function(){
-				dfd.resolve();
-			});
-		});
-		return dfd.promise();
-	},
-	/** Call fn(node) for all parent nodes, bottom-up, including invisible system root.<br>
-	 * Stop iteration, if fn() returns false.<br>
-	 * Return false if iteration was stopped.
-	 *
-	 * @param {function} fn the callback function.
-	 *     Return false to stop iteration, return "skip" to skip this node and children only.
-	 * @param {boolean} [includeSelf=false]
-	 * @returns {boolean}
-	 */
-	visitParents: function(fn, includeSelf) {
-		// Visit parent nodes (bottom up)
-		if(includeSelf && fn(this) === false){
-			return false;
-		}
-		var p = this.parent;
-		while( p ) {
-			if(fn(p) === false){
-				return false;
-			}
-			p = p.parent;
-		}
-		return true;
-	},
-	/** Call fn(node) for all sibling nodes.<br>
-	 * Stop iteration, if fn() returns false.<br>
-	 * Return false if iteration was stopped.
-	 *
-	 * @param {function} fn the callback function.
-	 *     Return false to stop iteration.
-	 * @param {boolean} [includeSelf=false]
-	 * @returns {boolean}
-	 */
-	visitSiblings: function(fn, includeSelf) {
-		var i, l, n,
-			ac = this.parent.children;
-
-		for (i=0, l=ac.length; i<l; i++) {
-			n = ac[i];
-			if ( includeSelf || n !== this ){
-				if( fn(n) === false ) {
-					return false;
-				}
-			}
-		}
-		return true;
-	},
-	/** Write warning to browser console if debugLevel >= 2 (prepending node info)
-	 *
-	 * @param {*} msg string or object or array of such
-	 */
-	warn: function(msg){
-		if( this.tree.options.debugLevel >= 2 ) {
-			Array.prototype.unshift.call(arguments, this.toString());
-			consoleApply("warn", arguments);
-		}
-	}
-};
-
-
-/* *****************************************************************************
- * Fancytree
- */
-/**
- * Construct a new tree object.
- *
- * @class Fancytree
- * @classdesc The controller behind a fancytree.
- * This class also contains 'hook methods': see {@link Fancytree_Hooks}.
- *
- * @param {Widget} widget
- *
- * @property {string} _id Automatically generated unique tree instance ID, e.g. "1".
- * @property {string} _ns Automatically generated unique tree namespace, e.g. ".fancytree-1".
- * @property {FancytreeNode} activeNode Currently active node or null.
- * @property {string} ariaPropName Property name of FancytreeNode that contains the element which will receive the aria attributes.
- *     Typically "li", but "tr" for table extension.
- * @property {jQueryObject} $container Outer &lt;ul> element (or &lt;table> element for ext-table).
- * @property {jQueryObject} $div A jQuery object containing the element used to instantiate the tree widget (`widget.element`)
- * @property {object|array} columns Recommended place to store shared column meta data. @since 2.27
- * @property {object} data Metadata, i.e. properties that may be passed to `source` in addition to a children array.
- * @property {object} ext Hash of all active plugin instances.
- * @property {FancytreeNode} focusNode Currently focused node or null.
- * @property {FancytreeNode} lastSelectedNode Used to implement selectMode 1 (single select)
- * @property {string} nodeContainerAttrName Property name of FancytreeNode that contains the outer element of single nodes.
- *     Typically "li", but "tr" for table extension.
- * @property {FancytreeOptions} options Current options, i.e. default options + options passed to constructor.
- * @property {FancytreeNode} rootNode Invisible system root node.
- * @property {string} statusClassPropName Property name of FancytreeNode that contains the element which will receive the status classes.
- *     Typically "span", but "tr" for table extension.
- * @property {object} types Map for shared type specific meta data, used with node.type attribute. @since 2.27
- * @property {object} widget Base widget instance.
- */
-function Fancytree(widget) {
-	this.widget = widget;
-	this.$div = widget.element;
-	this.options = widget.options;
-	if( this.options ) {
-		if(  $.isFunction(this.options.lazyload ) && !$.isFunction(this.options.lazyLoad) ) {
-			this.options.lazyLoad = function() {
-				FT.warn("The 'lazyload' event is deprecated since 2014-02-25. Use 'lazyLoad' (with uppercase L) instead.");
-				return widget.options.lazyload.apply(this, arguments);
-			};
-		}
-		if( $.isFunction(this.options.loaderror) ) {
-			$.error("The 'loaderror' event was renamed since 2014-07-03. Use 'loadError' (with uppercase E) instead.");
-		}
-		if( this.options.fx !== undefined ) {
-			FT.warn("The 'fx' option was replaced by 'toggleEffect' since 2014-11-30.");
-		}
-		if( this.options.removeNode !== undefined ) {
-			$.error("The 'removeNode' event was replaced by 'modifyChild' since 2.20 (2016-09-10).");
-		}
-	}
-	this.ext = {}; // Active extension instances
-	this.types = {};
-	this.columns = {};
-	// allow to init tree.data.foo from <div data-foo=''>
-	this.data = _getElementDataAsDict(this.$div);
-	// TODO: use widget.uuid instead?
-	this._id = $.ui.fancytree._nextId++;
-	// TODO: use widget.eventNamespace instead?
-	this._ns = ".fancytree-" + this._id; // append for namespaced events
-	this.activeNode = null;
-	this.focusNode = null;
-	this._hasFocus = null;
-	this._tempCache = {};
-	this._lastMousedownNode = null;
-	this._enableUpdate = true;
-	this.lastSelectedNode = null;
-	this.systemFocusElement = null;
-	this.lastQuicksearchTerm = "";
-	this.lastQuicksearchTime = 0;
-
-	this.statusClassPropName = "span";
-	this.ariaPropName = "li";
-	this.nodeContainerAttrName = "li";
-
-	// Remove previous markup if any
-	this.$div.find(">ul.fancytree-container").remove();
-
-	// Create a node without parent.
-	var fakeParent = { tree: this },
-		$ul;
-	this.rootNode = new FancytreeNode(fakeParent, {
-		title: "root",
-		key: "root_" + this._id,
-		children: null,
-		expanded: true
-	});
-	this.rootNode.parent = null;
-
-	// Create root markup
-	$ul = $("<ul>", {
-		"class": "ui-fancytree fancytree-container fancytree-plain"
-	}).appendTo(this.$div);
-	this.$container = $ul;
-	this.rootNode.ul = $ul[0];
-
-	if(this.options.debugLevel == null){
-		this.options.debugLevel = FT.debugLevel;
-	}
-	// // Add container to the TAB chain
-	// // See http://www.w3.org/TR/wai-aria-practices/#focus_activedescendant
-	// // #577: Allow to set tabindex to "0", "-1" and ""
-	// this.$container.attr("tabindex", this.options.tabindex);
-
-	// if( this.options.rtl ) {
-	// 	this.$container.attr("DIR", "RTL").addClass("fancytree-rtl");
-	// // }else{
-	// //	this.$container.attr("DIR", null).removeClass("fancytree-rtl");
-	// }
-	// if(this.options.aria){
-	// 	this.$container.attr("role", "tree");
-	// 	if( this.options.selectMode !== 1 ) {
-	// 		this.$container.attr("aria-multiselectable", true);
-	// 	}
-	// }
-}
-
-
-Fancytree.prototype = /** @lends Fancytree# */{
-	/* Return a context object that can be re-used for _callHook().
-	 * @param {Fancytree | FancytreeNode | EventData} obj
-	 * @param {Event} originalEvent
-	 * @param {Object} extra
-	 * @returns {EventData}
-	 */
-	_makeHookContext: function(obj, originalEvent, extra) {
-		var ctx, tree;
-		if(obj.node !== undefined){
-			// obj is already a context object
-			if(originalEvent && obj.originalEvent !== originalEvent){
-				$.error("invalid args");
-			}
-			ctx = obj;
-		}else if(obj.tree){
-			// obj is a FancytreeNode
-			tree = obj.tree;
-			ctx = { node: obj, tree: tree, widget: tree.widget, options: tree.widget.options, originalEvent: originalEvent,
-					typeInfo: tree.types[obj.type] || {}};
-		}else if(obj.widget){
-			// obj is a Fancytree
-			ctx = { node: null, tree: obj, widget: obj.widget, options: obj.widget.options, originalEvent: originalEvent };
-		}else{
-			$.error("invalid args");
-		}
-		if(extra){
-			$.extend(ctx, extra);
-		}
-		return ctx;
-	},
-	/* Trigger a hook function: funcName(ctx, [...]).
-	 *
-	 * @param {string} funcName
-	 * @param {Fancytree|FancytreeNode|EventData} contextObject
-	 * @param {any}  [_extraArgs] optional additional arguments
-	 * @returns {any}
-	 */
-	_callHook: function(funcName, contextObject, _extraArgs) {
-		var ctx = this._makeHookContext(contextObject),
-			fn = this[funcName],
-			args = Array.prototype.slice.call(arguments, 2);
-		if(!$.isFunction(fn)){
-			$.error("_callHook('" + funcName + "') is not a function");
-		}
-		args.unshift(ctx);
-//		this.debug("_hook", funcName, ctx.node && ctx.node.toString() || ctx.tree.toString(), args);
-		return fn.apply(this, args);
-	},
-	_setExpiringValue: function(key, value, ms){
-		this._tempCache[key] = {value: value, expire: Date.now() + (+ms || 50)};
-	},
-	_getExpiringValue: function(key){
-		var entry = this._tempCache[key];
-		if( entry && entry.expire > Date.now() ) {
-			return entry.value;
-		}
-		delete this._tempCache[key];
-		return null;
-	},
-	/* Check if current extensions dependencies are met and throw an error if not.
-	 *
-	 * This method may be called inside the `treeInit` hook for custom extensions.
-	 *
-	 * @param {string} extension name of the required extension
-	 * @param {boolean} [required=true] pass `false` if the extension is optional, but we want to check for order if it is present
-	 * @param {boolean} [before] `true` if `name` must be included before this, `false` otherwise (use `null` if order doesn't matter)
-	 * @param {string} [message] optional error message (defaults to a descriptve error message)
-	 */
-	_requireExtension: function(name, required, before, message) {
-		before = !!before;
-		var thisName = this._local.name,
-			extList = this.options.extensions,
-			isBefore = $.inArray(name, extList) < $.inArray(thisName, extList),
-			isMissing = required && this.ext[name] == null,
-			badOrder = !isMissing && before != null && (before !== isBefore);
-
-		_assert(thisName && thisName !== name, "invalid or same name");
-
-		if( isMissing || badOrder ){
-			if( !message ){
-				if( isMissing || required ){
-					message = "'" + thisName + "' extension requires '" + name + "'";
-					if( badOrder ){
-						message += " to be registered " + (before ? "before" : "after") + " itself";
-					}
-				}else{
-					message = "If used together, `" + name + "` must be registered " + (before ? "before" : "after") + " `" + thisName + "`";
-				}
-			}
-			$.error(message);
-			return false;
-		}
-		return true;
-	},
-	/** Activate node with a given key and fire focus and activate events.
-	 *
-	 * A previously activated node will be deactivated.
-	 * If activeVisible option is set, all parents will be expanded as necessary.
-	 * Pass key = false, to deactivate the current node only.
-	 * @param {string} key
-	 * @returns {FancytreeNode} activated node (null, if not found)
-	 */
-	activateKey: function(key) {
-		var node = this.getNodeByKey(key);
-		if(node){
-			node.setActive();
-		}else if(this.activeNode){
-			this.activeNode.setActive(false);
-		}
-		return node;
-	},
-	/** (experimental) Add child status nodes that indicate 'More...', ....
-	 * @param {boolean|object} node optional node definition. Pass `false` to remove all paging nodes.
-	 * @param {string} [mode='append'] 'child'|firstChild'
-	 * @since 2.15
-	 */
-	addPagingNode: function(node, mode){
-		return this.rootNode.addPagingNode(node, mode);
-	},
-	/** (experimental) Modify existing data model.
-	 *
-	 * @param {Array} patchList array of [key, NodePatch] arrays
-	 * @returns {$.Promise} resolved, when all patches have been applied
-	 * @see TreePatch
-	 */
-	applyPatch: function(patchList) {
-		var dfd, i, p2, key, patch, node,
-			patchCount = patchList.length,
-			deferredList = [];
-
-		for(i=0; i<patchCount; i++){
-			p2 = patchList[i];
-			_assert(p2.length === 2, "patchList must be an array of length-2-arrays");
-			key = p2[0];
-			patch = p2[1];
-			node = (key === null) ? this.rootNode : this.getNodeByKey(key);
-			if(node){
-				dfd = new $.Deferred();
-				deferredList.push(dfd);
-				node.applyPatch(patch).always(_makeResolveFunc(dfd, node));
-			}else{
-				this.warn("could not find node with key '" + key + "'");
-			}
-		}
-		// Return a promise that is resolved, when ALL patches were applied
-		return $.when.apply($, deferredList).promise();
-	},
-	/* TODO: implement in dnd extension
-	cancelDrag: function() {
-		var dd = $.ui.ddmanager.current;
-		if(dd){
-			dd.cancel();
-		}
-	},
-   */
-	/** Remove all nodes.
-	 * @since 2.14
-	 */
-	clear: function(source) {
-		this._callHook("treeClear", this);
-	},
-   /** Return the number of nodes.
-	* @returns {integer}
-	*/
-	count: function() {
-		return this.rootNode.countChildren();
-	},
-	/** Write to browser console if debugLevel >= 4 (prepending tree name)
-	 *
-	 * @param {*} msg string or object or array of such
-	 */
-	debug: function(msg){
-		if( this.options.debugLevel >= 4 ) {
-			Array.prototype.unshift.call(arguments, this.toString());
-			consoleApply("log", arguments);
-		}
-	},
-	// TODO: disable()
-	// TODO: enable()
-	/** Temporarily suppress rendering to improve performance on bulk-updates.
-	 *
-	 * @param {boolean} flag
-	 * @returns {boolean} previous status
-	 * @since 2.19
-	 */
-	enableUpdate: function(flag) {
-		flag = ( flag !== false );
-		/*jshint -W018 */  // Confusing use of '!'
-		if ( !!this._enableUpdate === !!flag ) {
-			return flag;
-		}
-		/*jshint +W018 */
-		this._enableUpdate = flag;
-		if ( flag ) {
-			this.debug("enableUpdate(true): redraw ");  //, this._dirtyRoots);
-			this.render();
-		} else {
-		// 	this._dirtyRoots = null;
-			this.debug("enableUpdate(false)...");
-		}
-		return !flag; // return previous value
-	},
-	/**Find all nodes that matches condition.
-	 *
-	 * @param {string | function(node)} match title string to search for, or a
-	 *     callback function that returns `true` if a node is matched.
-	 * @returns {FancytreeNode[]} array of nodes (may be empty)
-	 * @see FancytreeNode#findAll
-	 * @since 2.12
-	 */
-	findAll: function(match) {
-		return this.rootNode.findAll(match);
-	},
-	/**Find first node that matches condition.
-	 *
-	 * @param {string | function(node)} match title string to search for, or a
-	 *     callback function that returns `true` if a node is matched.
-	 * @returns {FancytreeNode} matching node or null
-	 * @see FancytreeNode#findFirst
-	 * @since 2.12
-	 */
-	findFirst: function(match) {
-		return this.rootNode.findFirst(match);
-	},
-	/** Find the next visible node that starts with `match`, starting at `startNode`
-	 * and wrap-around at the end.
-	 *
-	 * @param {string|function} match
-	 * @param {FancytreeNode} [startNode] defaults to first node
-	 * @returns {FancytreeNode} matching node or null
-	 */
-	findNextNode: function(match, startNode, visibleOnly) {
-		match = (typeof match === "string") ? _makeNodeTitleStartMatcher(match) : match;
-		startNode = startNode || this.getFirstChild();
-
-		var stopNode = null,
-			parentChildren = startNode.parent.children,
-			matchingNode = null,
-			walkVisible = function(parent, idx, fn) {
-				var i, grandParent,
-					parentChildren = parent.children,
-					siblingCount = parentChildren.length,
-					node = parentChildren[idx];
-				// visit node itself
-				if( node && fn(node) === false ) {
-					return false;
-				}
-				// visit descendants
-				if( node && node.children && node.expanded ) {
-					if( walkVisible(node, 0, fn) === false ) {
-						return false;
-					}
-				}
-				// visit subsequent siblings
-				for( i = idx + 1; i < siblingCount; i++ ) {
-					if( walkVisible(parent, i, fn) === false ) {
-						return false;
-					}
-				}
-				// visit parent's subsequent siblings
-				grandParent = parent.parent;
-				if( grandParent ) {
-					return walkVisible(grandParent, grandParent.children.indexOf(parent) + 1, fn);
-				} else {
-					// wrap-around: restart with first node
-					return walkVisible(parent, 0, fn);
-				}
-			};
-
-		walkVisible(startNode.parent, parentChildren.indexOf(startNode), function(node){
-			// Stop iteration if we see the start node a second time
-			if( node === stopNode ) {
-				return false;
-			}
-			stopNode = stopNode || node;
-			// Ignore nodes hidden by a filter
-			if( ! $(node.span).is(":visible") ) {
-				node.debug("quicksearch: skipping hidden node");
+			this.renderTitle();
+			/*
+			var children = dict.children;
+			if(children === undefined){
+				this.data = $.extend(this.data, dict);
+				this.render();
 				return;
 			}
-			// Test if we found a match, but search for a second match if this
-			// was the currently active node
-			if( match(node) ) {
-				// node.debug("quicksearch match " + node.title, startNode);
-				matchingNode = node;
-				if( matchingNode !== startNode ) {
-					return false;
-				}
-			}
-		});
-		return matchingNode;
-	},
-	// TODO: fromDict
-	/**
-	 * Generate INPUT elements that can be submitted with html forms.
-	 *
-	 * In selectMode 3 only the topmost selected nodes are considered, unless
-	 * `opts.stopOnParents: false` is passed.
-	 *
-	 * @example
-	 * // Generate input elements for active and selected nodes
-	 * tree.generateFormElements();
-	 * // Generate input elements selected nodes, using a custom `name` attribute
-	 * tree.generateFormElements("cust_sel", false);
-	 * // Generate input elements using a custom filter
-	 * tree.generateFormElements(true, true, { filter: function(node) {
-	 *     return node.isSelected() && node.data.yes;
-	 * }});
-	 *
-	 * @param {boolean | string} [selected=true] Pass false to disable, pass a string to override the field name (default: 'ft_ID[]')
-	 * @param {boolean | string} [active=true] Pass false to disable, pass a string to override the field name (default: 'ft_ID_active')
-	 * @param {object} [opts] default { filter: null, stopOnParents: true }
-	 */
-	generateFormElements: function(selected, active, opts) {
-		opts = opts || {};
-
-		var nodeList,
-			selectedName = (typeof selected === "string") ? selected : "ft_" + this._id + "[]",
-			activeName = (typeof active === "string") ? active : "ft_" + this._id + "_active",
-			id = "fancytree_result_" + this._id,
-			$result = $("#" + id),
-			stopOnParents = this.options.selectMode === 3 && opts.stopOnParents !== false;
-
-		if($result.length){
-			$result.empty();
-		}else{
-			$result = $("<div>", {
-				id: id
-			}).hide().insertAfter(this.$container);
-		}
-		if(active !== false && this.activeNode){
-			$result.append($("<input>", {
-				type: "radio",
-				name: activeName,
-				value: this.activeNode.key,
-				checked: true
-			}));
-		}
-		function _appender( node ) {
-			$result.append($("<input>", {
-				type: "checkbox",
-				name: selectedName,
-				value: node.key,
-				checked: true
-			}));
-		}
-		if ( opts.filter ) {
-			this.visit(function(node) {
-				var res = opts.filter(node);
-				if( res === "skip" ) { return res; }
-				if ( res !== false ) {
-					_appender(node);
+			dict = $.extend({}, dict);
+			dict.children = undefined;
+			this.data = $.extend(this.data, dict);
+			this.removeChildren();
+			this.addChild(children);
+			*/
+		},
+		/** Return the list of child nodes (undefined for unexpanded lazy nodes).
+		 * @returns {FancytreeNode[] | undefined}
+		 */
+		getChildren: function() {
+			if (this.hasChildren() === undefined) {
+				// TODO: only required for lazy nodes?
+				return undefined; // Lazy node: unloaded, currently loading, or load error
+			}
+			return this.children;
+		},
+		/** Return the first child node or null.
+		 * @returns {FancytreeNode | null}
+		 */
+		getFirstChild: function() {
+			return this.children ? this.children[0] : null;
+		},
+		/** Return the 0-based child index.
+		 * @returns {int}
+		 */
+		getIndex: function() {
+			// return this.parent.children.indexOf(this);
+			return $.inArray(this, this.parent.children); // indexOf doesn't work in IE7
+		},
+		/** Return the hierarchical child index (1-based, e.g. '3.2.4').
+		 * @param {string} [separator="."]
+		 * @param {int} [digits=1]
+		 * @returns {string}
+		 */
+		getIndexHier: function(separator, digits) {
+			separator = separator || ".";
+			var s,
+				res = [];
+			$.each(this.getParentList(false, true), function(i, o) {
+				s = "" + (o.getIndex() + 1);
+				if (digits) {
+					// prepend leading zeroes
+					s = ("0000000" + s).substr(-digits);
 				}
+				res.push(s);
 			});
-		} else if ( selected !== false ) {
-			nodeList = this.getSelectedNodes(stopOnParents);
-			$.each(nodeList, function(idx, node) {
-				_appender(node);
-			});
-		}
-	},
-	/**
-	 * Return the currently active node or null.
-	 * @returns {FancytreeNode}
-	 */
-	getActiveNode: function() {
-		return this.activeNode;
-	},
-	/** Return the first top level node if any (not the invisible root node).
-	 * @returns {FancytreeNode | null}
-	 */
-	getFirstChild: function() {
-		return this.rootNode.getFirstChild();
-	},
-	/**
-	 * Return node that has keyboard focus or null.
-	 * @returns {FancytreeNode}
-	 */
-	getFocusNode: function() {
-		return this.focusNode;
-	},
-	/**
-	 * Return node with a given key or null if not found.
-	 *
-	 * Not
-	 * @param {string} key
-	 * @param {FancytreeNode} [searchRoot] only search below this node
-	 * @returns {FancytreeNode | null}
-	 */
-	getNodeByKey: function(key, searchRoot) {
-		// Search the DOM by element ID (assuming this is faster than traversing all nodes).
-		var el, match;
-		// TODO: use tree.keyMap if available
-		// TODO: check opts.generateIds === true
-		if(!searchRoot){
-			el = document.getElementById(this.options.idPrefix + key);
-			if( el ){
-				return el.ftnode ? el.ftnode : null;
-			}
-		}
-		// Not found in the DOM, but still may be in an unrendered part of tree
-		searchRoot = searchRoot || this.rootNode;
-		match = null;
-		searchRoot.visit(function(node){
-			if(node.key === key) {
-				match = node;
-				return false;  // Stop iteration
-			}
-		}, true);
-		return match;
-	},
-	/** Return the invisible system root node.
-	 * @returns {FancytreeNode}
-	 */
-	getRootNode: function() {
-		return this.rootNode;
-	},
-	/**
-	 * Return an array of selected nodes.
-	 * @param {boolean} [stopOnParents=false] only return the topmost selected
-	 *     node (useful with selectMode 3)
-	 * @returns {FancytreeNode[]}
-	 */
-	getSelectedNodes: function(stopOnParents) {
-		return this.rootNode.getSelectedNodes(stopOnParents);
-	},
-	/** Return true if the tree control has keyboard focus
-	 * @returns {boolean}
-	 */
-	hasFocus: function(){
-		return !!this._hasFocus;
-	},
-	/** Write to browser console if debugLevel >= 3 (prepending tree name)
-	 * @param {*} msg string or object or array of such
-	 */
-	info: function(msg){
-		if( this.options.debugLevel >= 3 ) {
-			Array.prototype.unshift.call(arguments, this.toString());
-			consoleApply("info", arguments);
-		}
-	},
-/*
-	TODO: isInitializing: function() {
-		return ( this.phase=="init" || this.phase=="postInit" );
-	},
-	TODO: isReloading: function() {
-		return ( this.phase=="init" || this.phase=="postInit" ) && this.options.persist && this.persistence.cookiesFound;
-	},
-	TODO: isUserEvent: function() {
-		return ( this.phase=="userEvent" );
-	},
-*/
+			return res.join(separator);
+		},
+		/** Return the parent keys separated by options.keyPathSeparator, e.g. "/id_1/id_17/id_32".
+		 *
+		 * (Unlike `node.getPath()`, this method prepends a "/" and inverts the first argument.)
+		 *
+		 * @see FancytreeNode#getPath
+		 * @param {boolean} [excludeSelf=false]
+		 * @returns {string}
+		 */
+		getKeyPath: function(excludeSelf) {
+			var sep = this.tree.options.keyPathSeparator;
 
-	/**
-	 * Make sure that a node with a given ID is loaded, by traversing - and
-	 * loading - its parents. This method is meant for lazy hierarchies.
-	 * A callback is executed for every node as we go.
-	 * @example
-	 * // Resolve using node.key:
-	 * tree.loadKeyPath("/_3/_23/_26/_27", function(node, status){
-	 *   if(status === "loaded") {
-	 *     console.log("loaded intermediate node " + node);
-	 *   }else if(status === "ok") {
-	 *     node.activate();
-	 *   }
-	 * });
-	 * // Use deferred promise:
-	 * tree.loadKeyPath("/_3/_23/_26/_27").progress(function(data){
-	 *   if(data.status === "loaded") {
-	 *     console.log("loaded intermediate node " + data.node);
-	 *   }else if(data.status === "ok") {
-	 *     node.activate();
-	 *   }
-	 * }).done(function(){
-	 *    ...
-	 * });
-	 * // Custom path segment resolver:
-	 * tree.loadKeyPath("/321/431/21/2", {
-	 *   matchKey: function(node, key){
-	 *     return node.data.refKey === key;
-	 *   },
-	 *   callback: function(node, status){
-	 *     if(status === "loaded") {
-	 *       console.log("loaded intermediate node " + node);
-	 *     }else if(status === "ok") {
-	 *       node.activate();
-	 *     }
-	 *   }
-	 * });
-	 * @param {string | string[]} keyPathList one or more key paths (e.g. '/3/2_1/7')
-	 * @param {function | object} optsOrCallback callback(node, status) is called for every visited node ('loading', 'loaded', 'ok', 'error').
-	 *     Pass an object to define custom key matchers for the path segments: {callback: function, matchKey: function}.
-	 * @returns {$.Promise}
-	 */
-	loadKeyPath: function(keyPathList, optsOrCallback) {
-		var callback, i, path,
-			self = this,
-			dfd = new $.Deferred(),
-			parent = this.getRootNode(),
-			sep = this.options.keyPathSeparator,
-			pathSegList = [],
-			opts = $.extend({}, optsOrCallback);
-
-		// Prepare options
-		if( typeof optsOrCallback === "function" ) {
-			callback = optsOrCallback;
-		} else if ( optsOrCallback && optsOrCallback.callback ) {
-			callback = optsOrCallback.callback;
-		}
-		opts.callback = function(ctx, node, status){
-			if( callback ) {
-				callback.call(ctx, node, status);
+			return sep + this.getPath(!excludeSelf, "key", sep);
+		},
+		/** Return the last child of this node or null.
+		 * @returns {FancytreeNode | null}
+		 */
+		getLastChild: function() {
+			return this.children
+				? this.children[this.children.length - 1]
+				: null;
+		},
+		/** Return node depth. 0: System root node, 1: visible top-level node, 2: first sub-level, ... .
+		 * @returns {int}
+		 */
+		getLevel: function() {
+			var level = 0,
+				dtn = this.parent;
+			while (dtn) {
+				level++;
+				dtn = dtn.parent;
 			}
-			dfd.notifyWith(ctx, [{node: node, status: status}]);
-		};
-		if( opts.matchKey == null ) {
-			opts.matchKey = function(node, key) { return node.key === key; };
-		}
-		// Convert array of path strings to array of segment arrays
-		if(!$.isArray(keyPathList)){
-			keyPathList = [keyPathList];
-		}
-		for(i=0; i<keyPathList.length; i++){
-			path = keyPathList[i];
-			// strip leading slash
-			if(path.charAt(0) === sep){
-				path = path.substr(1);
-			}
-			// segListMap[path] = { parent: parent, segList: path.split(sep) };
-			pathSegList.push(path.split(sep));
-			// targetList.push({ parent: parent, segList: path.split(sep)/* , path: path*/});
-		}
-		// The timeout forces async behavior always (even if nodes are all loaded)
-		// This way a potential progress() event will fire.
-		setTimeout(function(){
-			self._loadKeyPathImpl(dfd, opts, parent, pathSegList).done(function(){
-				dfd.resolve();
-			});
-		}, 0);
-		return dfd.promise();
-	},
-	/*
-	 * Resolve a list of paths, relative to one parent node.
-	 */
-	_loadKeyPathImpl: function(dfd, opts, parent, pathSegList) {
-		var deferredList, i, key, node, remainMap, tmpParent, segList, subDfd,
-			self = this;
+			return level;
+		},
+		/** Return the successor node (under the same parent) or null.
+		 * @returns {FancytreeNode | null}
+		 */
+		getNextSibling: function() {
+			// TODO: use indexOf, if available: (not in IE6)
+			if (this.parent) {
+				var i,
+					l,
+					ac = this.parent.children;
 
-		function __findChild(parent, key){
-			// console.log("__findChild", key, parent);
-			var i, l,
-				cl = parent.children;
-
-			if( cl ) {
-				for(i=0, l=cl.length; i<l; i++){
-					if( opts.matchKey(cl[i], key)) { return cl[i]; }
+				for (i = 0, l = ac.length - 1; i < l; i++) {
+					// up to length-2, so next(last) = null
+					if (ac[i] === this) {
+						return ac[i + 1];
+					}
 				}
 			}
 			return null;
-		}
+		},
+		/** Return the parent node (null for the system root node).
+		 * @returns {FancytreeNode | null}
+		 */
+		getParent: function() {
+			// TODO: return null for top-level nodes?
+			return this.parent;
+		},
+		/** Return an array of all parent nodes (top-down).
+		 * @param {boolean} [includeRoot=false] Include the invisible system root node.
+		 * @param {boolean} [includeSelf=false] Include the node itself.
+		 * @returns {FancytreeNode[]}
+		 */
+		getParentList: function(includeRoot, includeSelf) {
+			var l = [],
+				dtn = includeSelf ? this : this.parent;
+			while (dtn) {
+				if (includeRoot || dtn.parent) {
+					l.unshift(dtn);
+				}
+				dtn = dtn.parent;
+			}
+			return l;
+		},
+		/** Return a string representing the hierachical node path, e.g. "a/b/c".
+		 * @param {boolean} [includeSelf=true]
+		 * @param {string | function} [part="title"] node property name or callback
+		 * @param {string} [separator="/"]
+		 * @returns {string}
+		 * @since v2.31
+		 */
+		getPath: function(includeSelf, part, separator) {
+			includeSelf = includeSelf !== false;
+			part = part || "title";
+			separator = separator || "/";
 
-		// console.log("_loadKeyPathImpl, parent=", parent, ", pathSegList=", pathSegList);
+			var val,
+				path = [],
+				isFunc = $.isFunction(part);
 
-		// Pass 1:
-		// Handle all path segments for nodes that are already loaded.
-		// Collect distinct top-most lazy nodes in a map.
-		// Note that we can use node.key to de-dupe entries, even if a custom matcher would
-		// look for other node attributes.
-		// map[node.key] => {node: node, pathList: [list of remaining rest-paths]}
-		remainMap = {};
+			this.visitParents(function(n) {
+				if (n.parent) {
+					val = isFunc ? part(n) : n[part];
+					path.unshift(val);
+				}
+			}, includeSelf);
+			return path.join(separator);
+		},
+		/** Return the predecessor node (under the same parent) or null.
+		 * @returns {FancytreeNode | null}
+		 */
+		getPrevSibling: function() {
+			if (this.parent) {
+				var i,
+					l,
+					ac = this.parent.children;
 
-		for(i=0; i<pathSegList.length; i++){
-			segList = pathSegList[i];
-			// target = targetList[i];
-
-			// Traverse and pop path segments (i.e. keys), until we hit a lazy, unloaded node
-			tmpParent = parent;
-			while(segList.length){
-				key = segList.shift();
-				node = __findChild(tmpParent, key);
-				if(!node){
-					this.warn("loadKeyPath: key not found: " + key + " (parent: " + tmpParent + ")");
-					opts.callback(this, key, "error");
-					break;
-				}else if(segList.length === 0){
-					opts.callback(this, node, "ok");
-					break;
-				}else if(!node.lazy || (node.hasChildren() !== undefined )){
-					opts.callback(this, node, "loaded");
-					tmpParent = node;
-				}else{
-					opts.callback(this, node, "loaded");
-					key = node.key;  //target.segList.join(sep);
-					if(remainMap[key]){
-						remainMap[key].pathSegList.push(segList);
-					}else{
-						remainMap[key] = {parent: node, pathSegList: [segList]};
+				for (i = 1, l = ac.length; i < l; i++) {
+					// start with 1, so prev(first) = null
+					if (ac[i] === this) {
+						return ac[i - 1];
 					}
-					break;
 				}
 			}
-		}
-		// console.log("_loadKeyPathImpl AFTER pass 1, remainMap=", remainMap);
-
-		// Now load all lazy nodes and continue iteration for remaining paths
-		deferredList = [];
-
-		// Avoid jshint warning 'Don't make functions within a loop.':
-		function __lazyload(dfd, parent, pathSegList){
-			// console.log("__lazyload", parent, "pathSegList=", pathSegList);
-			opts.callback(self, parent, "loading");
-			parent.load().done(function(){
-				self._loadKeyPathImpl.call(self, dfd, opts, parent, pathSegList)
-					.always(_makeResolveFunc(dfd, self));
-			}).fail(function(errMsg){
-				self.warn("loadKeyPath: error loading lazy " + parent);
-				opts.callback(self, node, "error");
-				dfd.rejectWith(self);
+			return null;
+		},
+		/**
+		 * Return an array of selected descendant nodes.
+		 * @param {boolean} [stopOnParents=false] only return the topmost selected
+		 *     node (useful with selectMode 3)
+		 * @returns {FancytreeNode[]}
+		 */
+		getSelectedNodes: function(stopOnParents) {
+			var nodeList = [];
+			this.visit(function(node) {
+				if (node.selected) {
+					nodeList.push(node);
+					if (stopOnParents === true) {
+						return "skip"; // stop processing this branch
+					}
+				}
 			});
-		}
-		// remainMap contains parent nodes, each with a list of relative sub-paths.
-		// We start loading all of them now, and pass the the list to each loader.
-		for(var nodeKey in remainMap){
-			var remain = remainMap[nodeKey];
-			// console.log("for(): remain=", remain, "remainMap=", remainMap);
-			// key = remain.segList.shift();
-			// node = __findChild(remain.parent, key);
-			// if (node == null) {  // #576
-			// 	// Issue #576, refactored for v2.27:
-			// 	// The root cause was, that sometimes the wrong parent was used here
-			// 	// to find the next segment.
-			// 	// Falling back to getNodeByKey() was a hack that no longer works if a custom
-			// 	// matcher is used, because we cannot assume that a single segment-key is unique
-			// 	// throughout the tree.
-			// 	self.error("loadKeyPath: error loading child by key '" + key + "' (parent: " + target.parent + ")", target);
-			// 	// 	node = self.getNodeByKey(key);
-			// 	continue;
-			// }
-			subDfd = new $.Deferred();
-			deferredList.push(subDfd);
-			__lazyload(subDfd, remain.parent, remain.pathSegList);
-		}
-		// Return a promise that is resolved, when ALL paths were loaded
-		return $.when.apply($, deferredList).promise();
-	},
-	/** Re-fire beforeActivate, activate, and (optional) focus events.
-	 * Calling this method in the `init` event, will activate the node that
-	 * was marked 'active' in the source data, and optionally set the keyboard
-	 * focus.
-	 * @param [setFocus=false]
-	 */
-	reactivate: function(setFocus) {
-		var res,
-			node = this.activeNode;
+			return nodeList;
+		},
+		/** Return true if node has children. Return undefined if not sure, i.e. the node is lazy and not yet loaded).
+		 * @returns {boolean | undefined}
+		 */
+		hasChildren: function() {
+			if (this.lazy) {
+				if (this.children == null) {
+					// null or undefined: Not yet loaded
+					return undefined;
+				} else if (this.children.length === 0) {
+					// Loaded, but response was empty
+					return false;
+				} else if (
+					this.children.length === 1 &&
+					this.children[0].isStatusNode()
+				) {
+					// Currently loading or load error
+					return undefined;
+				}
+				return true;
+			}
+			return !!(this.children && this.children.length);
+		},
+		/**
+		 * Return true if node has `className` defined in .extraClasses.
+		 *
+		 * @param {string} className class name (separate multiple classes by space)
+		 * @returns {boolean}
+		 *
+		 * @since 2.32
+		 */
+		hasClass: function(className) {
+			return (
+				(" " + (this.extraClasses || "") + " ").indexOf(
+					" " + className + " "
+				) >= 0
+			);
+		},
+		/** Return true if node has keyboard focus.
+		 * @returns {boolean}
+		 */
+		hasFocus: function() {
+			return this.tree.hasFocus() && this.tree.focusNode === this;
+		},
+		/** Write to browser console if debugLevel >= 3 (prepending node info)
+		 *
+		 * @param {*} msg string or object or array of such
+		 */
+		info: function(msg) {
+			if (this.tree.options.debugLevel >= 3) {
+				Array.prototype.unshift.call(arguments, this.toString());
+				consoleApply("info", arguments);
+			}
+		},
+		/** Return true if node is active (see also FancytreeNode#isSelected).
+		 * @returns {boolean}
+		 */
+		isActive: function() {
+			return this.tree.activeNode === this;
+		},
+		/** Return true if node is vertically below `otherNode`, i.e. rendered in a subsequent row.
+		 * @param {FancytreeNode} otherNode
+		 * @returns {boolean}
+		 * @since 2.28
+		 */
+		isBelowOf: function(otherNode) {
+			return this.getIndexHier(".", 5) > otherNode.getIndexHier(".", 5);
+		},
+		/** Return true if node is a direct child of otherNode.
+		 * @param {FancytreeNode} otherNode
+		 * @returns {boolean}
+		 */
+		isChildOf: function(otherNode) {
+			return this.parent && this.parent === otherNode;
+		},
+		/** Return true, if node is a direct or indirect sub node of otherNode.
+		 * @param {FancytreeNode} otherNode
+		 * @returns {boolean}
+		 */
+		isDescendantOf: function(otherNode) {
+			if (!otherNode || otherNode.tree !== this.tree) {
+				return false;
+			}
+			var p = this.parent;
+			while (p) {
+				if (p === otherNode) {
+					return true;
+				}
+				if (p === p.parent) {
+					$.error("Recursive parent link: " + p);
+				}
+				p = p.parent;
+			}
+			return false;
+		},
+		/** Return true if node is expanded.
+		 * @returns {boolean}
+		 */
+		isExpanded: function() {
+			return !!this.expanded;
+		},
+		/** Return true if node is the first node of its parent's children.
+		 * @returns {boolean}
+		 */
+		isFirstSibling: function() {
+			var p = this.parent;
+			return !p || p.children[0] === this;
+		},
+		/** Return true if node is a folder, i.e. has the node.folder attribute set.
+		 * @returns {boolean}
+		 */
+		isFolder: function() {
+			return !!this.folder;
+		},
+		/** Return true if node is the last node of its parent's children.
+		 * @returns {boolean}
+		 */
+		isLastSibling: function() {
+			var p = this.parent;
+			return !p || p.children[p.children.length - 1] === this;
+		},
+		/** Return true if node is lazy (even if data was already loaded)
+		 * @returns {boolean}
+		 */
+		isLazy: function() {
+			return !!this.lazy;
+		},
+		/** Return true if node is lazy and loaded. For non-lazy nodes always return true.
+		 * @returns {boolean}
+		 */
+		isLoaded: function() {
+			return !this.lazy || this.hasChildren() !== undefined; // Also checks if the only child is a status node
+		},
+		/** Return true if children are currently beeing loaded, i.e. a Ajax request is pending.
+		 * @returns {boolean}
+		 */
+		isLoading: function() {
+			return !!this._isLoading;
+		},
+		/*
+		 * @deprecated since v2.4.0:  Use isRootNode() instead
+		 */
+		isRoot: function() {
+			return this.isRootNode();
+		},
+		/** Return true if node is partially selected (tri-state).
+		 * @returns {boolean}
+		 * @since 2.23
+		 */
+		isPartsel: function() {
+			return !this.selected && !!this.partsel;
+		},
+		/** (experimental) Return true if this is partially loaded.
+		 * @returns {boolean}
+		 * @since 2.15
+		 */
+		isPartload: function() {
+			return !!this.partload;
+		},
+		/** Return true if this is the (invisible) system root node.
+		 * @returns {boolean}
+		 * @since 2.4
+		 */
+		isRootNode: function() {
+			return this.tree.rootNode === this;
+		},
+		/** Return true if node is selected, i.e. has a checkmark set (see also FancytreeNode#isActive).
+		 * @returns {boolean}
+		 */
+		isSelected: function() {
+			return !!this.selected;
+		},
+		/** Return true if this node is a temporarily generated system node like
+		 * 'loading', 'paging', or 'error' (node.statusNodeType contains the type).
+		 * @returns {boolean}
+		 */
+		isStatusNode: function() {
+			return !!this.statusNodeType;
+		},
+		/** Return true if this node is a status node of type 'paging'.
+		 * @returns {boolean}
+		 * @since 2.15
+		 */
+		isPagingNode: function() {
+			return this.statusNodeType === "paging";
+		},
+		/** Return true if this a top level node, i.e. a direct child of the (invisible) system root node.
+		 * @returns {boolean}
+		 * @since 2.4
+		 */
+		isTopLevel: function() {
+			return this.tree.rootNode === this.parent;
+		},
+		/** Return true if node is lazy and not yet loaded. For non-lazy nodes always return false.
+		 * @returns {boolean}
+		 */
+		isUndefined: function() {
+			return this.hasChildren() === undefined; // also checks if the only child is a status node
+		},
+		/** Return true if all parent nodes are expanded. Note: this does not check
+		 * whether the node is scrolled into the visible part of the screen.
+		 * @returns {boolean}
+		 */
+		isVisible: function() {
+			var i,
+				l,
+				n,
+				hasFilter = this.tree.enableFilter,
+				parents = this.getParentList(false, false);
 
-		if( !node ) {
-			return _getResolvedPromise();
-		}
-		this.activeNode = null; // Force re-activating
-		res = node.setActive(true, {noFocus: true});
-		if( setFocus ){
-			node.setFocus();
-		}
-		return res;
-	},
-	/** Reload tree from source and return a promise.
-	 * @param [source] optional new source (defaults to initial source data)
-	 * @returns {$.Promise}
-	 */
-	reload: function(source) {
-		this._callHook("treeClear", this);
-		return this._callHook("treeLoad", this, source);
-	},
-	/**Render tree (i.e. create DOM elements for all top-level nodes).
-	 * @param {boolean} [force=false] create DOM elemnts, even if parent is collapsed
-	 * @param {boolean} [deep=false]
-	 */
-	render: function(force, deep) {
-		return this.rootNode.render(force, deep);
-	},
-	/**(De)select all nodes.
-	 * @param {boolean} [flag=true]
-	 * @since 2.28
-	 */
-	selectAll: function(flag) {
-		this.visit(function(node){
-			node.setSelected(flag);
-		});
-	},
-	// TODO: selectKey: function(key, select)
-	// TODO: serializeArray: function(stopOnParents)
-	/**
-	 * @param {boolean} [flag=true]
-	 */
-	setFocus: function(flag) {
-		return this._callHook("treeSetFocus", this, flag);
-	},
-	/**
-	 * Return all nodes as nested list of {@link NodeData}.
-	 *
-	 * @param {boolean} [includeRoot=false] Returns the hidden system root node (and its children)
-	 * @param {function} [callback] callback(dict, node) is called for every node, in order to allow modifications
-	 * @returns {Array | object}
-	 * @see FancytreeNode#toDict
-	 */
-	toDict: function(includeRoot, callback){
-		var res = this.rootNode.toDict(true, callback);
-		return includeRoot ? res : res.children;
-	},
-	/* Implicitly called for string conversions.
-	 * @returns {string}
-	 */
-	toString: function(){
-		return "Fancytree@" + this._id;
-		// return "<Fancytree(#" + this._id + ")>";
-	},
-	/* _trigger a widget event with additional node ctx.
-	 * @see EventData
-	 */
-	_triggerNodeEvent: function(type, node, originalEvent, extra) {
-//		this.debug("_trigger(" + type + "): '" + ctx.node.title + "'", ctx);
-		var ctx = this._makeHookContext(node, originalEvent, extra),
-			res = this.widget._trigger(type, originalEvent, ctx);
-		if(res !== false && ctx.result !== undefined){
-			return ctx.result;
-		}
-		return res;
-	},
-	/* _trigger a widget event with additional tree data. */
-	_triggerTreeEvent: function(type, originalEvent, extra) {
-//		this.debug("_trigger(" + type + ")", ctx);
-		var ctx = this._makeHookContext(this, originalEvent, extra),
-			res = this.widget._trigger(type, originalEvent, ctx);
+			// TODO: check $(n.span).is(":visible")
+			// i.e. return false for nodes (but not parents) that are hidden
+			// by a filter
+			if (hasFilter && !this.match && !this.subMatchCount) {
+				// this.debug( "isVisible: HIDDEN (" + hasFilter + ", " + this.match + ", " + this.match + ")" );
+				return false;
+			}
 
-		if(res !== false && ctx.result !== undefined){
-			return ctx.result;
-		}
-		return res;
-	},
-	/** Call fn(node) for all nodes in hierarchical order (depth-first).
-	 *
-	 * @param {function} fn the callback function.
-	 *     Return false to stop iteration, return "skip" to skip this node and children only.
-	 * @returns {boolean} false, if the iterator was stopped.
-	 */
-	visit: function(fn) {
-		return this.rootNode.visit(fn, false);
-	},
-	/** Call fn(node) for all nodes in vertical order, top down (or bottom up).<br>
-	 * Stop iteration, if fn() returns false.<br>
-	 * Return false if iteration was stopped.
-	 *
-	 * @param {function} fn the callback function.
-	 *     Return false to stop iteration, return "skip" to skip this node and children only.
-	 * @param {object} [options]
-	 *     Defaults:
-	 *     {start: First top node, reverse: false, includeSelf: true, includeHidden: false}
-	 * @returns {boolean}
-	 * @since 2.28
-	 */
-	visitRows: function(fn, opts) {
-		if( opts && opts.reverse ) {
-			delete opts.reverse;
-			return this._visitRowsUp(fn, opts);
-		}
-		var i, nextIdx, parent, res, siblings,
-			siblingOfs = 0,
-			skipFirstNode = (opts.includeSelf === false),
-			includeHidden = !!opts.includeHidden,
-			node = opts.start || this.rootNode.children[0];
+			for (i = 0, l = parents.length; i < l; i++) {
+				n = parents[i];
 
-		parent = node.parent;
-		while( parent ) {
-			// visit siblings
-			siblings = parent.children;
-			nextIdx = siblings.indexOf(node) + siblingOfs;
-
-			for( i=nextIdx; i<siblings.length; i++) {
-				node = siblings[i];
-				if( !skipFirstNode && fn(node) === false ) {
+				if (!n.expanded) {
+					// this.debug("isVisible: HIDDEN (parent collapsed)");
 					return false;
 				}
-				skipFirstNode = false;
-				// Dive into node's child nodes
-				if( node.children && node.children.length && (includeHidden || node.expanded) ) {
-					// Disable warning: Functions declared within loops referencing an outer
-					// scoped variable may lead to confusing semantics:
-					/*jshint -W083 */
-					res = node.visit(function(n) {
-						if( fn(n) === false ) {
-							return false;
+				// if (hasFilter && !n.match && !n.subMatchCount) {
+				// 	this.debug("isVisible: HIDDEN (" + hasFilter + ", " + this.match + ", " + this.match + ")");
+				// 	return false;
+				// }
+			}
+			// this.debug("isVisible: VISIBLE");
+			return true;
+		},
+		/** Deprecated.
+		 * @deprecated since 2014-02-16: use load() instead.
+		 */
+		lazyLoad: function(discard) {
+			$.error(
+				"FancytreeNode.lazyLoad() is deprecated since 2014-02-16. Use .load() instead."
+			);
+		},
+		/**
+		 * Load all children of a lazy node if neccessary. The <i>expanded</i> state is maintained.
+		 * @param {boolean} [forceReload=false] Pass true to discard any existing nodes before. Otherwise this method does nothing if the node was already loaded.
+		 * @returns {$.Promise}
+		 */
+		load: function(forceReload) {
+			var res,
+				source,
+				self = this,
+				wasExpanded = this.isExpanded();
+
+			_assert(this.isLazy(), "load() requires a lazy node");
+			// _assert( forceReload || this.isUndefined(), "Pass forceReload=true to re-load a lazy node" );
+			if (!forceReload && !this.isUndefined()) {
+				return _getResolvedPromise(this);
+			}
+			if (this.isLoaded()) {
+				this.resetLazy(); // also collapses
+			}
+			// This method is also called by setExpanded() and loadKeyPath(), so we
+			// have to avoid recursion.
+			source = this.tree._triggerNodeEvent("lazyLoad", this);
+			if (source === false) {
+				// #69
+				return _getResolvedPromise(this);
+			}
+			_assert(
+				typeof source !== "boolean",
+				"lazyLoad event must return source in data.result"
+			);
+			res = this.tree._callHook("nodeLoadChildren", this, source);
+			if (wasExpanded) {
+				this.expanded = true;
+				res.always(function() {
+					self.render();
+				});
+			} else {
+				res.always(function() {
+					self.renderStatus(); // fix expander icon to 'loaded'
+				});
+			}
+			return res;
+		},
+		/** Expand all parents and optionally scroll into visible area as neccessary.
+		 * Promise is resolved, when lazy loading and animations are done.
+		 * @param {object} [opts] passed to `setExpanded()`.
+		 *     Defaults to {noAnimation: false, noEvents: false, scrollIntoView: true}
+		 * @returns {$.Promise}
+		 */
+		makeVisible: function(opts) {
+			var i,
+				self = this,
+				deferreds = [],
+				dfd = new $.Deferred(),
+				parents = this.getParentList(false, false),
+				len = parents.length,
+				effects = !(opts && opts.noAnimation === true),
+				scroll = !(opts && opts.scrollIntoView === false);
+
+			// Expand bottom-up, so only the top node is animated
+			for (i = len - 1; i >= 0; i--) {
+				// self.debug("pushexpand" + parents[i]);
+				deferreds.push(parents[i].setExpanded(true, opts));
+			}
+			$.when.apply($, deferreds).done(function() {
+				// All expands have finished
+				// self.debug("expand DONE", scroll);
+				if (scroll) {
+					self.scrollIntoView(effects).done(function() {
+						// self.debug("scroll DONE");
+						dfd.resolve();
+					});
+				} else {
+					dfd.resolve();
+				}
+			});
+			return dfd.promise();
+		},
+		/** Move this node to targetNode.
+		 *  @param {FancytreeNode} targetNode
+		 *  @param {string} mode <pre>
+		 *      'child': append this node as last child of targetNode.
+		 *               This is the default. To be compatble with the D'n'd
+		 *               hitMode, we also accept 'over'.
+		 *      'firstChild': add this node as first child of targetNode.
+		 *      'before': add this node as sibling before targetNode.
+		 *      'after': add this node as sibling after targetNode.</pre>
+		 *  @param {function} [map] optional callback(FancytreeNode) to allow modifcations
+		 */
+		moveTo: function(targetNode, mode, map) {
+			if (mode === undefined || mode === "over") {
+				mode = "child";
+			} else if (mode === "firstChild") {
+				if (targetNode.children && targetNode.children.length) {
+					mode = "before";
+					targetNode = targetNode.children[0];
+				} else {
+					mode = "child";
+				}
+			}
+			var pos,
+				tree = this.tree,
+				prevParent = this.parent,
+				targetParent =
+					mode === "child" ? targetNode : targetNode.parent;
+
+			if (this === targetNode) {
+				return;
+			} else if (!this.parent) {
+				$.error("Cannot move system root");
+			} else if (targetParent.isDescendantOf(this)) {
+				$.error("Cannot move a node to its own descendant");
+			}
+			if (targetParent !== prevParent) {
+				prevParent.triggerModifyChild("remove", this);
+			}
+			// Unlink this node from current parent
+			if (this.parent.children.length === 1) {
+				if (this.parent === targetParent) {
+					return; // #258
+				}
+				this.parent.children = this.parent.lazy ? [] : null;
+				this.parent.expanded = false;
+			} else {
+				pos = $.inArray(this, this.parent.children);
+				_assert(pos >= 0, "invalid source parent");
+				this.parent.children.splice(pos, 1);
+			}
+			// Remove from source DOM parent
+			// if(this.parent.ul){
+			// 	this.parent.ul.removeChild(this.li);
+			// }
+
+			// Insert this node to target parent's child list
+			this.parent = targetParent;
+			if (targetParent.hasChildren()) {
+				switch (mode) {
+					case "child":
+						// Append to existing target children
+						targetParent.children.push(this);
+						break;
+					case "before":
+						// Insert this node before target node
+						pos = $.inArray(targetNode, targetParent.children);
+						_assert(pos >= 0, "invalid target parent");
+						targetParent.children.splice(pos, 0, this);
+						break;
+					case "after":
+						// Insert this node after target node
+						pos = $.inArray(targetNode, targetParent.children);
+						_assert(pos >= 0, "invalid target parent");
+						targetParent.children.splice(pos + 1, 0, this);
+						break;
+					default:
+						$.error("Invalid mode " + mode);
+				}
+			} else {
+				targetParent.children = [this];
+			}
+			// Parent has no <ul> tag yet:
+			// if( !targetParent.ul ) {
+			// 	// This is the parent's first child: create UL tag
+			// 	// (Hidden, because it will be
+			// 	targetParent.ul = document.createElement("ul");
+			// 	targetParent.ul.style.display = "none";
+			// 	targetParent.li.appendChild(targetParent.ul);
+			// }
+			// // Issue 319: Add to target DOM parent (only if node was already rendered(expanded))
+			// if(this.li){
+			// 	targetParent.ul.appendChild(this.li);
+			// }
+
+			// Let caller modify the nodes
+			if (map) {
+				targetNode.visit(map, true);
+			}
+			if (targetParent === prevParent) {
+				targetParent.triggerModifyChild("move", this);
+			} else {
+				// prevParent.triggerModifyChild("remove", this);
+				targetParent.triggerModifyChild("add", this);
+			}
+			// Handle cross-tree moves
+			if (tree !== targetNode.tree) {
+				// Fix node.tree for all source nodes
+				// 	_assert(false, "Cross-tree move is not yet implemented.");
+				this.warn("Cross-tree moveTo is experimental!");
+				this.visit(function(n) {
+					// TODO: fix selection state and activation, ...
+					n.tree = targetNode.tree;
+				}, true);
+			}
+
+			// A collaposed node won't re-render children, so we have to remove it manually
+			// if( !targetParent.expanded ){
+			//   prevParent.ul.removeChild(this.li);
+			// }
+			tree._callHook("treeStructureChanged", tree, "moveTo");
+
+			// Update HTML markup
+			if (!prevParent.isDescendantOf(targetParent)) {
+				prevParent.render();
+			}
+			if (
+				!targetParent.isDescendantOf(prevParent) &&
+				targetParent !== prevParent
+			) {
+				targetParent.render();
+			}
+			// TODO: fix selection state
+			// TODO: fix active state
+
+			/*
+			var tree = this.tree;
+			var opts = tree.options;
+			var pers = tree.persistence;
+
+			// Always expand, if it's below minExpandLevel
+			// tree.logDebug ("%s._addChildNode(%o), l=%o", this, ftnode, ftnode.getLevel());
+			if ( opts.minExpandLevel >= ftnode.getLevel() ) {
+				// tree.logDebug ("Force expand for %o", ftnode);
+				this.bExpanded = true;
+			}
+
+			// In multi-hier mode, update the parents selection state
+			// DT issue #82: only if not initializing, because the children may not exist yet
+			// if( !ftnode.data.isStatusNode() && opts.selectMode==3 && !isInitializing )
+			// 	ftnode._fixSelectionState();
+
+			// In multi-hier mode, update the parents selection state
+			if( ftnode.bSelected && opts.selectMode==3 ) {
+				var p = this;
+				while( p ) {
+					if( !p.hasSubSel )
+						p._setSubSel(true);
+					p = p.parent;
+				}
+			}
+			// render this node and the new child
+			if ( tree.bEnableUpdate )
+				this.render();
+			return ftnode;
+			*/
+		},
+		/** Set focus relative to this node and optionally activate.
+		 *
+		 * 'left' collapses the node if it is expanded, or move to the parent
+		 * otherwise.
+		 * 'right' expands the node if it is collapsed, or move to the first
+		 * child otherwise.
+		 *
+		 * @param {string|number} where 'down', 'first', 'last', 'left', 'parent', 'right', or 'up'.
+		 *   (Alternatively the keyCode that would normally trigger this move,
+		 *   e.g. `$.ui.keyCode.LEFT` = 'left'.
+		 * @param {boolean} [activate=true]
+		 * @returns {$.Promise}
+		 */
+		navigate: function(where, activate) {
+			var node,
+				KC = $.ui.keyCode;
+
+			// Handle optional expand/collapse action for LEFT/RIGHT
+			switch (where) {
+				case "left":
+				case KC.LEFT:
+					if (this.expanded) {
+						return this.setExpanded(false);
+					}
+					break;
+				case "right":
+				case KC.RIGHT:
+					if (!this.expanded && (this.children || this.lazy)) {
+						return this.setExpanded();
+					}
+					break;
+			}
+			// Otherwise activate or focus the related node
+			node = this.findRelatedNode(where);
+			if (node) {
+				// setFocus/setActive will scroll later (if autoScroll is specified)
+				try {
+					node.makeVisible({ scrollIntoView: false });
+				} catch (e) {} // #272
+				if (activate === false) {
+					node.setFocus();
+					return _getResolvedPromise();
+				}
+				return node.setActive();
+			}
+			this.warn("Could not find related node '" + where + "'.");
+			return _getResolvedPromise();
+		},
+		/**
+		 * Remove this node (not allowed for system root).
+		 */
+		remove: function() {
+			return this.parent.removeChild(this);
+		},
+		/**
+		 * Remove childNode from list of direct children.
+		 * @param {FancytreeNode} childNode
+		 */
+		removeChild: function(childNode) {
+			return this.tree._callHook("nodeRemoveChild", this, childNode);
+		},
+		/**
+		 * Remove all child nodes and descendents. This converts the node into a leaf.<br>
+		 * If this was a lazy node, it is still considered 'loaded'; call node.resetLazy()
+		 * in order to trigger lazyLoad on next expand.
+		 */
+		removeChildren: function() {
+			return this.tree._callHook("nodeRemoveChildren", this);
+		},
+		/**
+		 * Remove class from node's span tag and .extraClasses.
+		 *
+		 * @param {string} className class name
+		 *
+		 * @since 2.17
+		 */
+		removeClass: function(className) {
+			return this.toggleClass(className, false);
+		},
+		/**
+		 * This method renders and updates all HTML markup that is required
+		 * to display this node in its current state.<br>
+		 * Note:
+		 * <ul>
+		 * <li>It should only be neccessary to call this method after the node object
+		 *     was modified by direct access to its properties, because the common
+		 *     API methods (node.setTitle(), moveTo(), addChildren(), remove(), ...)
+		 *     already handle this.
+		 * <li> {@link FancytreeNode#renderTitle} and {@link FancytreeNode#renderStatus}
+		 *     are implied. If changes are more local, calling only renderTitle() or
+		 *     renderStatus() may be sufficient and faster.
+		 * </ul>
+		 *
+		 * @param {boolean} [force=false] re-render, even if html markup was already created
+		 * @param {boolean} [deep=false] also render all descendants, even if parent is collapsed
+		 */
+		render: function(force, deep) {
+			return this.tree._callHook("nodeRender", this, force, deep);
+		},
+		/** Create HTML markup for the node's outer `<span>` (expander, checkbox, icon, and title).
+		 * Implies {@link FancytreeNode#renderStatus}.
+		 * @see Fancytree_Hooks#nodeRenderTitle
+		 */
+		renderTitle: function() {
+			return this.tree._callHook("nodeRenderTitle", this);
+		},
+		/** Update element's CSS classes according to node state.
+		 * @see Fancytree_Hooks#nodeRenderStatus
+		 */
+		renderStatus: function() {
+			return this.tree._callHook("nodeRenderStatus", this);
+		},
+		/**
+		 * (experimental) Replace this node with `source`.
+		 * (Currently only available for paging nodes.)
+		 * @param {NodeData[]} source List of child node definitions
+		 * @since 2.15
+		 */
+		replaceWith: function(source) {
+			var res,
+				parent = this.parent,
+				pos = $.inArray(this, parent.children),
+				self = this;
+
+			_assert(
+				this.isPagingNode(),
+				"replaceWith() currently requires a paging status node"
+			);
+
+			res = this.tree._callHook("nodeLoadChildren", this, source);
+			res.done(function(data) {
+				// New nodes are currently children of `this`.
+				var children = self.children;
+				// Prepend newly loaded child nodes to `this`
+				// Move new children after self
+				for (i = 0; i < children.length; i++) {
+					children[i].parent = parent;
+				}
+				parent.children.splice.apply(
+					parent.children,
+					[pos + 1, 0].concat(children)
+				);
+
+				// Remove self
+				self.children = null;
+				self.remove();
+				// Redraw new nodes
+				parent.render();
+				// TODO: set node.partload = false if this was tha last paging node?
+				// parent.addPagingNode(false);
+			}).fail(function() {
+				self.setExpanded();
+			});
+			return res;
+			// $.error("Not implemented: replaceWith()");
+		},
+		/**
+		 * Remove all children, collapse, and set the lazy-flag, so that the lazyLoad
+		 * event is triggered on next expand.
+		 */
+		resetLazy: function() {
+			this.removeChildren();
+			this.expanded = false;
+			this.lazy = true;
+			this.children = undefined;
+			this.renderStatus();
+		},
+		/** Schedule activity for delayed execution (cancel any pending request).
+		 *  scheduleAction('cancel') will only cancel a pending request (if any).
+		 * @param {string} mode
+		 * @param {number} ms
+		 */
+		scheduleAction: function(mode, ms) {
+			if (this.tree.timer) {
+				clearTimeout(this.tree.timer);
+				this.tree.debug("clearTimeout(%o)", this.tree.timer);
+			}
+			this.tree.timer = null;
+			var self = this; // required for closures
+			switch (mode) {
+				case "cancel":
+					// Simply made sure that timer was cleared
+					break;
+				case "expand":
+					this.tree.timer = setTimeout(function() {
+						self.tree.debug("setTimeout: trigger expand");
+						self.setExpanded(true);
+					}, ms);
+					break;
+				case "activate":
+					this.tree.timer = setTimeout(function() {
+						self.tree.debug("setTimeout: trigger activate");
+						self.setActive(true);
+					}, ms);
+					break;
+				default:
+					$.error("Invalid mode " + mode);
+			}
+			// this.tree.debug("setTimeout(%s, %s): %s", mode, ms, this.tree.timer);
+		},
+		/**
+		 *
+		 * @param {boolean | PlainObject} [effects=false] animation options.
+		 * @param {object} [options=null] {topNode: null, effects: ..., parent: ...} this node will remain visible in
+		 *     any case, even if `this` is outside the scroll pane.
+		 * @returns {$.Promise}
+		 */
+		scrollIntoView: function(effects, options) {
+			if (options !== undefined && _isNode(options)) {
+				throw Error(
+					"scrollIntoView() with 'topNode' option is deprecated since 2014-05-08. Use 'options.topNode' instead."
+				);
+			}
+			// The scroll parent is typically the plain tree's <UL> container.
+			// For ext-table, we choose the nearest parent that has `position: relative`
+			// and `overflow` set.
+			// (This default can be overridden by the local or global `scrollParent` option.)
+			var opts = $.extend(
+					{
+						effects:
+							effects === true
+								? { duration: 200, queue: false }
+								: effects,
+						scrollOfs: this.tree.options.scrollOfs,
+						scrollParent: this.tree.options.scrollParent,
+						topNode: null,
+					},
+					options
+				),
+				$scrollParent = opts.scrollParent,
+				$container = this.tree.$container,
+				overflowY = $container.css("overflow-y");
+
+			if (!$scrollParent) {
+				if (this.tree.tbody) {
+					$scrollParent = $container.scrollParent();
+				} else if (overflowY === "scroll" || overflowY === "auto") {
+					$scrollParent = $container;
+				} else {
+					// #922 plain tree in a non-fixed-sized UL scrolls inside its parent
+					$scrollParent = $container.scrollParent();
+				}
+			} else if (!$scrollParent.jquery) {
+				// Make sure we have a jQuery object
+				$scrollParent = $($scrollParent);
+			}
+			if (
+				$scrollParent[0] === document ||
+				$scrollParent[0] === document.body
+			) {
+				// `document` may be returned by $().scrollParent(), if nothing is found,
+				// but would not work: (see #894)
+				this.debug(
+					"scrollIntoView(): normalizing scrollParent to 'window':",
+					$scrollParent[0]
+				);
+				$scrollParent = $(window);
+			}
+			// eslint-disable-next-line one-var
+			var topNodeY,
+				nodeY,
+				horzScrollbarHeight,
+				containerOffsetTop,
+				dfd = new $.Deferred(),
+				self = this,
+				nodeHeight = $(this.span).height(),
+				topOfs = opts.scrollOfs.top || 0,
+				bottomOfs = opts.scrollOfs.bottom || 0,
+				containerHeight = $scrollParent.height(),
+				scrollTop = $scrollParent.scrollTop(),
+				$animateTarget = $scrollParent,
+				isParentWindow = $scrollParent[0] === window,
+				topNode = opts.topNode || null,
+				newScrollTop = null;
+
+			// this.debug("scrollIntoView(), scrollTop=" + scrollTop, opts.scrollOfs);
+			// _assert($(this.span).is(":visible"), "scrollIntoView node is invisible"); // otherwise we cannot calc offsets
+			if (this.isRootNode() || !this.isVisible()) {
+				// We cannot calc offsets for hidden elements
+				this.info("scrollIntoView(): node is invisible.");
+				return _getResolvedPromise();
+			}
+			if (isParentWindow) {
+				nodeY = $(this.span).offset().top;
+				topNodeY =
+					topNode && topNode.span ? $(topNode.span).offset().top : 0;
+				$animateTarget = $("html,body");
+			} else {
+				_assert(
+					$scrollParent[0] !== document &&
+						$scrollParent[0] !== document.body,
+					"scrollParent should be a simple element or `window`, not document or body."
+				);
+
+				containerOffsetTop = $scrollParent.offset().top;
+				nodeY =
+					$(this.span).offset().top - containerOffsetTop + scrollTop; // relative to scroll parent
+				topNodeY = topNode
+					? $(topNode.span).offset().top -
+					  containerOffsetTop +
+					  scrollTop
+					: 0;
+				horzScrollbarHeight = Math.max(
+					0,
+					$scrollParent.innerHeight() - $scrollParent[0].clientHeight
+				);
+				containerHeight -= horzScrollbarHeight;
+			}
+
+			// this.debug("    scrollIntoView(), nodeY=" + nodeY + ", containerHeight=" + containerHeight);
+			if (nodeY < scrollTop + topOfs) {
+				// Node is above visible container area
+				newScrollTop = nodeY - topOfs;
+				// this.debug("    scrollIntoView(), UPPER newScrollTop=" + newScrollTop);
+			} else if (
+				nodeY + nodeHeight >
+				scrollTop + containerHeight - bottomOfs
+			) {
+				newScrollTop = nodeY + nodeHeight - containerHeight + bottomOfs;
+				// this.debug("    scrollIntoView(), LOWER newScrollTop=" + newScrollTop);
+				// If a topNode was passed, make sure that it is never scrolled
+				// outside the upper border
+				if (topNode) {
+					_assert(
+						topNode.isRootNode() || topNode.isVisible(),
+						"topNode must be visible"
+					);
+					if (topNodeY < newScrollTop) {
+						newScrollTop = topNodeY - topOfs;
+						// this.debug("    scrollIntoView(), TOP newScrollTop=" + newScrollTop);
+					}
+				}
+			}
+
+			if (newScrollTop === null) {
+				dfd.resolveWith(this);
+			} else {
+				// this.debug("    scrollIntoView(), SET newScrollTop=" + newScrollTop);
+				if (opts.effects) {
+					opts.effects.complete = function() {
+						dfd.resolveWith(self);
+					};
+					$animateTarget.stop(true).animate(
+						{
+							scrollTop: newScrollTop,
+						},
+						opts.effects
+					);
+				} else {
+					$animateTarget[0].scrollTop = newScrollTop;
+					dfd.resolveWith(this);
+				}
+			}
+			return dfd.promise();
+		},
+
+		/**Activate this node.
+		 *
+		 * The `cell` option requires the ext-table and ext-ariagrid extensions.
+		 *
+		 * @param {boolean} [flag=true] pass false to deactivate
+		 * @param {object} [opts] additional options. Defaults to {noEvents: false, noFocus: false, cell: null}
+		 * @returns {$.Promise}
+		 */
+		setActive: function(flag, opts) {
+			return this.tree._callHook("nodeSetActive", this, flag, opts);
+		},
+		/**Expand or collapse this node. Promise is resolved, when lazy loading and animations are done.
+		 * @param {boolean} [flag=true] pass false to collapse
+		 * @param {object} [opts] additional options. Defaults to {noAnimation: false, noEvents: false}
+		 * @returns {$.Promise}
+		 */
+		setExpanded: function(flag, opts) {
+			return this.tree._callHook("nodeSetExpanded", this, flag, opts);
+		},
+		/**Set keyboard focus to this node.
+		 * @param {boolean} [flag=true] pass false to blur
+		 * @see Fancytree#setFocus
+		 */
+		setFocus: function(flag) {
+			return this.tree._callHook("nodeSetFocus", this, flag);
+		},
+		/**Select this node, i.e. check the checkbox.
+		 * @param {boolean} [flag=true] pass false to deselect
+		 * @param {object} [opts] additional options. Defaults to {noEvents: false, p
+		 *     propagateDown: null, propagateUp: null, callback: null }
+		 */
+		setSelected: function(flag, opts) {
+			return this.tree._callHook("nodeSetSelected", this, flag, opts);
+		},
+		/**Mark a lazy node as 'error', 'loading', 'nodata', or 'ok'.
+		 * @param {string} status 'error'|'loading'|'nodata'|'ok'
+		 * @param {string} [message]
+		 * @param {string} [details]
+		 */
+		setStatus: function(status, message, details) {
+			return this.tree._callHook(
+				"nodeSetStatus",
+				this,
+				status,
+				message,
+				details
+			);
+		},
+		/**Rename this node.
+		 * @param {string} title
+		 */
+		setTitle: function(title) {
+			this.title = title;
+			this.renderTitle();
+			this.triggerModify("rename");
+		},
+		/**Sort child list by title.
+		 * @param {function} [cmp] custom compare function(a, b) that returns -1, 0, or 1 (defaults to sort by title).
+		 * @param {boolean} [deep=false] pass true to sort all descendant nodes
+		 */
+		sortChildren: function(cmp, deep) {
+			var i,
+				l,
+				cl = this.children;
+
+			if (!cl) {
+				return;
+			}
+			cmp =
+				cmp ||
+				function(a, b) {
+					var x = a.title.toLowerCase(),
+						y = b.title.toLowerCase();
+
+					// eslint-disable-next-line no-nested-ternary
+					return x === y ? 0 : x > y ? 1 : -1;
+				};
+			cl.sort(cmp);
+			if (deep) {
+				for (i = 0, l = cl.length; i < l; i++) {
+					if (cl[i].children) {
+						cl[i].sortChildren(cmp, "$norender$");
+					}
+				}
+			}
+			if (deep !== "$norender$") {
+				this.render();
+			}
+			this.triggerModifyChild("sort");
+		},
+		/** Convert node (or whole branch) into a plain object.
+		 *
+		 * The result is compatible with node.addChildren().
+		 *
+		 * @param {boolean} [recursive=false] include child nodes
+		 * @param {function} [callback] callback(dict, node) is called for every node, in order to allow modifications.
+		 *     Return `false` to ignore this node or `"skip"` to include this node without its children.
+		 * @returns {NodeData}
+		 */
+		toDict: function(recursive, callback) {
+			var i,
+				l,
+				node,
+				res,
+				dict = {},
+				self = this;
+
+			$.each(NODE_ATTRS, function(i, a) {
+				if (self[a] || self[a] === false) {
+					dict[a] = self[a];
+				}
+			});
+			if (!$.isEmptyObject(this.data)) {
+				dict.data = $.extend({}, this.data);
+				if ($.isEmptyObject(dict.data)) {
+					delete dict.data;
+				}
+			}
+			if (callback) {
+				res = callback(dict, self);
+				if (res === false) {
+					return false; // Don't include this node nor its children
+				}
+				if (res === "skip") {
+					recursive = false; // Include this node, but not the children
+				}
+			}
+			if (recursive) {
+				if ($.isArray(this.children)) {
+					dict.children = [];
+					for (i = 0, l = this.children.length; i < l; i++) {
+						node = this.children[i];
+						if (!node.isStatusNode()) {
+							res = node.toDict(true, callback);
+							if (res !== false) {
+								dict.children.push(res);
+							}
 						}
-						if( !includeHidden && n.children && !n.expanded ) {
-							return "skip";
-						}
-					}, false);
-					/*jshint +W083 */
-					if( res === false ) {
+					}
+				}
+			}
+			return dict;
+		},
+		/**
+		 * Set, clear, or toggle class of node's span tag and .extraClasses.
+		 *
+		 * @param {string} className class name (separate multiple classes by space)
+		 * @param {boolean} [flag] true/false to add/remove class. If omitted, class is toggled.
+		 * @returns {boolean} true if a class was added
+		 *
+		 * @since 2.17
+		 */
+		toggleClass: function(value, flag) {
+			var className,
+				hasClass,
+				rnotwhite = /\S+/g,
+				classNames = value.match(rnotwhite) || [],
+				i = 0,
+				wasAdded = false,
+				statusElem = this[this.tree.statusClassPropName],
+				curClasses = " " + (this.extraClasses || "") + " ";
+
+			// this.info("toggleClass('" + value + "', " + flag + ")", curClasses);
+			// Modify DOM element directly if it already exists
+			if (statusElem) {
+				$(statusElem).toggleClass(value, flag);
+			}
+			// Modify node.extraClasses to make this change persistent
+			// Toggle if flag was not passed
+			while ((className = classNames[i++])) {
+				hasClass = curClasses.indexOf(" " + className + " ") >= 0;
+				flag = flag === undefined ? !hasClass : !!flag;
+				if (flag) {
+					if (!hasClass) {
+						curClasses += className + " ";
+						wasAdded = true;
+					}
+				} else {
+					while (curClasses.indexOf(" " + className + " ") > -1) {
+						curClasses = curClasses.replace(
+							" " + className + " ",
+							" "
+						);
+					}
+				}
+			}
+			this.extraClasses = $.trim(curClasses);
+			// this.info("-> toggleClass('" + value + "', " + flag + "): '" + this.extraClasses + "'");
+			return wasAdded;
+		},
+		/** Flip expanded status. */
+		toggleExpanded: function() {
+			return this.tree._callHook("nodeToggleExpanded", this);
+		},
+		/** Flip selection status. */
+		toggleSelected: function() {
+			return this.tree._callHook("nodeToggleSelected", this);
+		},
+		toString: function() {
+			return "FancytreeNode@" + this.key + "[title='" + this.title + "']";
+			// return "<FancytreeNode(#" + this.key + ", '" + this.title + "')>";
+		},
+		/**
+		 * Trigger `modifyChild` event on a parent to signal that a child was modified.
+		 * @param {string} operation Type of change: 'add', 'remove', 'rename', 'move', 'data', ...
+		 * @param {FancytreeNode} [childNode]
+		 * @param {object} [extra]
+		 */
+		triggerModifyChild: function(operation, childNode, extra) {
+			var data,
+				modifyChild = this.tree.options.modifyChild;
+
+			if (modifyChild) {
+				if (childNode && childNode.parent !== this) {
+					$.error(
+						"childNode " + childNode + " is not a child of " + this
+					);
+				}
+				data = {
+					node: this,
+					tree: this.tree,
+					operation: operation,
+					childNode: childNode || null,
+				};
+				if (extra) {
+					$.extend(data, extra);
+				}
+				modifyChild({ type: "modifyChild" }, data);
+			}
+		},
+		/**
+		 * Trigger `modifyChild` event on node.parent(!).
+		 * @param {string} operation Type of change: 'add', 'remove', 'rename', 'move', 'data', ...
+		 * @param {object} [extra]
+		 */
+		triggerModify: function(operation, extra) {
+			this.parent.triggerModifyChild(operation, this, extra);
+		},
+		/** Call fn(node) for all child nodes in hierarchical order (depth-first).<br>
+		 * Stop iteration, if fn() returns false. Skip current branch, if fn() returns "skip".<br>
+		 * Return false if iteration was stopped.
+		 *
+		 * @param {function} fn the callback function.
+		 *     Return false to stop iteration, return "skip" to skip this node and
+		 *     its children only.
+		 * @param {boolean} [includeSelf=false]
+		 * @returns {boolean}
+		 */
+		visit: function(fn, includeSelf) {
+			var i,
+				l,
+				res = true,
+				children = this.children;
+
+			if (includeSelf === true) {
+				res = fn(this);
+				if (res === false || res === "skip") {
+					return res;
+				}
+			}
+			if (children) {
+				for (i = 0, l = children.length; i < l; i++) {
+					res = children[i].visit(fn, true);
+					if (res === false) {
+						break;
+					}
+				}
+			}
+			return res;
+		},
+		/** Call fn(node) for all child nodes and recursively load lazy children.<br>
+		 * <b>Note:</b> If you need this method, you probably should consider to review
+		 * your architecture! Recursivley loading nodes is a perfect way for lazy
+		 * programmers to flood the server with requests ;-)
+		 *
+		 * @param {function} [fn] optional callback function.
+		 *     Return false to stop iteration, return "skip" to skip this node and
+		 *     its children only.
+		 * @param {boolean} [includeSelf=false]
+		 * @returns {$.Promise}
+		 * @since 2.4
+		 */
+		visitAndLoad: function(fn, includeSelf, _recursion) {
+			var dfd,
+				res,
+				loaders,
+				node = this;
+
+			// node.debug("visitAndLoad");
+			if (fn && includeSelf === true) {
+				res = fn(node);
+				if (res === false || res === "skip") {
+					return _recursion ? res : _getResolvedPromise();
+				}
+			}
+			if (!node.children && !node.lazy) {
+				return _getResolvedPromise();
+			}
+			dfd = new $.Deferred();
+			loaders = [];
+			// node.debug("load()...");
+			node.load().done(function() {
+				// node.debug("load()... done.");
+				for (var i = 0, l = node.children.length; i < l; i++) {
+					res = node.children[i].visitAndLoad(fn, true, true);
+					if (res === false) {
+						dfd.reject();
+						break;
+					} else if (res !== "skip") {
+						loaders.push(res); // Add promise to the list
+					}
+				}
+				$.when.apply(this, loaders).then(function() {
+					dfd.resolve();
+				});
+			});
+			return dfd.promise();
+		},
+		/** Call fn(node) for all parent nodes, bottom-up, including invisible system root.<br>
+		 * Stop iteration, if fn() returns false.<br>
+		 * Return false if iteration was stopped.
+		 *
+		 * @param {function} fn the callback function.
+		 *     Return false to stop iteration, return "skip" to skip this node and children only.
+		 * @param {boolean} [includeSelf=false]
+		 * @returns {boolean}
+		 */
+		visitParents: function(fn, includeSelf) {
+			// Visit parent nodes (bottom up)
+			if (includeSelf && fn(this) === false) {
+				return false;
+			}
+			var p = this.parent;
+			while (p) {
+				if (fn(p) === false) {
+					return false;
+				}
+				p = p.parent;
+			}
+			return true;
+		},
+		/** Call fn(node) for all sibling nodes.<br>
+		 * Stop iteration, if fn() returns false.<br>
+		 * Return false if iteration was stopped.
+		 *
+		 * @param {function} fn the callback function.
+		 *     Return false to stop iteration.
+		 * @param {boolean} [includeSelf=false]
+		 * @returns {boolean}
+		 */
+		visitSiblings: function(fn, includeSelf) {
+			var i,
+				l,
+				n,
+				ac = this.parent.children;
+
+			for (i = 0, l = ac.length; i < l; i++) {
+				n = ac[i];
+				if (includeSelf || n !== this) {
+					if (fn(n) === false) {
 						return false;
 					}
 				}
 			}
-			// Visit parent nodes (bottom up)
-			node = parent;
-			parent = parent.parent;
-			siblingOfs = 1;  //
-		}
-		return true;
-	},
-	/* Call fn(node) for all nodes in vertical order, bottom up.
+			return true;
+		},
+		/** Write warning to browser console if debugLevel >= 2 (prepending node info)
+		 *
+		 * @param {*} msg string or object or array of such
+		 */
+		warn: function(msg) {
+			if (this.tree.options.debugLevel >= 2) {
+				Array.prototype.unshift.call(arguments, this.toString());
+				consoleApply("warn", arguments);
+			}
+		},
+	};
+
+	/******************************************************************************
+	 * Fancytree
 	 */
-	_visitRowsUp: function(fn, opts) {
-		var children, idx, parent,
-			includeHidden = !!opts.includeHidden,
-			node = opts.start || this.rootNode.children[0];
+	/**
+	 * Construct a new tree object.
+	 *
+	 * @class Fancytree
+	 * @classdesc The controller behind a fancytree.
+	 * This class also contains 'hook methods': see {@link Fancytree_Hooks}.
+	 *
+	 * @param {Widget} widget
+	 *
+	 * @property {string} _id Automatically generated unique tree instance ID, e.g. "1".
+	 * @property {string} _ns Automatically generated unique tree namespace, e.g. ".fancytree-1".
+	 * @property {FancytreeNode} activeNode Currently active node or null.
+	 * @property {string} ariaPropName Property name of FancytreeNode that contains the element which will receive the aria attributes.
+	 *     Typically "li", but "tr" for table extension.
+	 * @property {jQueryObject} $container Outer `<ul>` element (or `<table>` element for ext-table).
+	 * @property {jQueryObject} $div A jQuery object containing the element used to instantiate the tree widget (`widget.element`)
+	 * @property {object|array} columns Recommended place to store shared column meta data. @since 2.27
+	 * @property {object} data Metadata, i.e. properties that may be passed to `source` in addition to a children array.
+	 * @property {object} ext Hash of all active plugin instances.
+	 * @property {FancytreeNode} focusNode Currently focused node or null.
+	 * @property {FancytreeNode} lastSelectedNode Used to implement selectMode 1 (single select)
+	 * @property {string} nodeContainerAttrName Property name of FancytreeNode that contains the outer element of single nodes.
+	 *     Typically "li", but "tr" for table extension.
+	 * @property {FancytreeOptions} options Current options, i.e. default options + options passed to constructor.
+	 * @property {FancytreeNode} rootNode Invisible system root node.
+	 * @property {string} statusClassPropName Property name of FancytreeNode that contains the element which will receive the status classes.
+	 *     Typically "span", but "tr" for table extension.
+	 * @property {object} types Map for shared type specific meta data, used with node.type attribute. @since 2.27
+	 * @property {object} viewport See ext-vieport. @since v2.31
+	 * @property {object} widget Base widget instance.
+	 */
+	function Fancytree(widget) {
+		this.widget = widget;
+		this.$div = widget.element;
+		this.options = widget.options;
+		if (this.options) {
+			if (this.options.lazyload !== undefined) {
+				$.error(
+					"The 'lazyload' event is deprecated since 2014-02-25. Use 'lazyLoad' (with uppercase L) instead."
+				);
+			}
+			if (this.options.loaderror !== undefined) {
+				$.error(
+					"The 'loaderror' event was renamed since 2014-07-03. Use 'loadError' (with uppercase E) instead."
+				);
+			}
+			if (this.options.fx !== undefined) {
+				$.error(
+					"The 'fx' option was replaced by 'toggleEffect' since 2014-11-30."
+				);
+			}
+			if (this.options.removeNode !== undefined) {
+				$.error(
+					"The 'removeNode' event was replaced by 'modifyChild' since 2.20 (2016-09-10)."
+				);
+			}
+		}
+		this.ext = {}; // Active extension instances
+		this.types = {};
+		this.columns = {};
+		// allow to init tree.data.foo from <div data-foo=''>
+		this.data = _getElementDataAsDict(this.$div);
+		// TODO: use widget.uuid instead?
+		this._id = "" + (this.options.treeId || $.ui.fancytree._nextId++);
+		// TODO: use widget.eventNamespace instead?
+		this._ns = ".fancytree-" + this._id; // append for namespaced events
+		this.activeNode = null;
+		this.focusNode = null;
+		this._hasFocus = null;
+		this._tempCache = {};
+		this._lastMousedownNode = null;
+		this._enableUpdate = true;
+		this.lastSelectedNode = null;
+		this.systemFocusElement = null;
+		this.lastQuicksearchTerm = "";
+		this.lastQuicksearchTime = 0;
+		this.viewport = null; // ext-grid
 
-		while( true ) {
-			parent = node.parent;
-			children = parent.children;
+		this.statusClassPropName = "span";
+		this.ariaPropName = "li";
+		this.nodeContainerAttrName = "li";
 
-			if( children[0] === node ) {
-				// If this is already the first sibling, goto parent
-				node = parent;
-				children = parent.children;
-			} else {
-				// Otherwise, goto prev. sibling
-				idx = children.indexOf(node);
-				node = children[idx-1];
-				// If the prev. sibling has children, follow down to last descendant
-				while( (includeHidden || node.expanded) && node.children && node.children.length ) {
-					children = node.children;
-					parent = node;
-					node = children[children.length - 1];
+		// Remove previous markup if any
+		this.$div.find(">ul.fancytree-container").remove();
+
+		// Create a node without parent.
+		var fakeParent = { tree: this },
+			$ul;
+		this.rootNode = new FancytreeNode(fakeParent, {
+			title: "root",
+			key: "root_" + this._id,
+			children: null,
+			expanded: true,
+		});
+		this.rootNode.parent = null;
+
+		// Create root markup
+		$ul = $("<ul>", {
+			id: "ft-id-" + this._id,
+			class: "ui-fancytree fancytree-container fancytree-plain",
+		}).appendTo(this.$div);
+		this.$container = $ul;
+		this.rootNode.ul = $ul[0];
+
+		if (this.options.debugLevel == null) {
+			this.options.debugLevel = FT.debugLevel;
+		}
+		// // Add container to the TAB chain
+		// // See http://www.w3.org/TR/wai-aria-practices/#focus_activedescendant
+		// // #577: Allow to set tabindex to "0", "-1" and ""
+		// this.$container.attr("tabindex", this.options.tabindex);
+
+		// if( this.options.rtl ) {
+		// 	this.$container.attr("DIR", "RTL").addClass("fancytree-rtl");
+		// // }else{
+		// //	this.$container.attr("DIR", null).removeClass("fancytree-rtl");
+		// }
+		// if(this.options.aria){
+		// 	this.$container.attr("role", "tree");
+		// 	if( this.options.selectMode !== 1 ) {
+		// 		this.$container.attr("aria-multiselectable", true);
+		// 	}
+		// }
+	}
+
+	Fancytree.prototype = /** @lends Fancytree# */ {
+		/* Return a context object that can be re-used for _callHook().
+		 * @param {Fancytree | FancytreeNode | EventData} obj
+		 * @param {Event} originalEvent
+		 * @param {Object} extra
+		 * @returns {EventData}
+		 */
+		_makeHookContext: function(obj, originalEvent, extra) {
+			var ctx, tree;
+			if (obj.node !== undefined) {
+				// obj is already a context object
+				if (originalEvent && obj.originalEvent !== originalEvent) {
+					$.error("invalid args");
 				}
+				ctx = obj;
+			} else if (obj.tree) {
+				// obj is a FancytreeNode
+				tree = obj.tree;
+				ctx = {
+					node: obj,
+					tree: tree,
+					widget: tree.widget,
+					options: tree.widget.options,
+					originalEvent: originalEvent,
+					typeInfo: tree.types[obj.type] || {},
+				};
+			} else if (obj.widget) {
+				// obj is a Fancytree
+				ctx = {
+					node: null,
+					tree: obj,
+					widget: obj.widget,
+					options: obj.widget.options,
+					originalEvent: originalEvent,
+				};
+			} else {
+				$.error("invalid args");
 			}
-			// Skip invisible
-			if( !includeHidden && !$(node.span).is(":visible") ) {
-				continue;
+			if (extra) {
+				$.extend(ctx, extra);
 			}
-			if( fn(node) === false ) {
+			return ctx;
+		},
+		/* Trigger a hook function: funcName(ctx, [...]).
+		 *
+		 * @param {string} funcName
+		 * @param {Fancytree|FancytreeNode|EventData} contextObject
+		 * @param {any}  [_extraArgs] optional additional arguments
+		 * @returns {any}
+		 */
+		_callHook: function(funcName, contextObject, _extraArgs) {
+			var ctx = this._makeHookContext(contextObject),
+				fn = this[funcName],
+				args = Array.prototype.slice.call(arguments, 2);
+			if (!$.isFunction(fn)) {
+				$.error("_callHook('" + funcName + "') is not a function");
+			}
+			args.unshift(ctx);
+			// this.debug("_hook", funcName, ctx.node && ctx.node.toString() || ctx.tree.toString(), args);
+			return fn.apply(this, args);
+		},
+		_setExpiringValue: function(key, value, ms) {
+			this._tempCache[key] = {
+				value: value,
+				expire: Date.now() + (+ms || 50),
+			};
+		},
+		_getExpiringValue: function(key) {
+			var entry = this._tempCache[key];
+			if (entry && entry.expire > Date.now()) {
+				return entry.value;
+			}
+			delete this._tempCache[key];
+			return null;
+		},
+		/* Check if this tree has extension `name` enabled.
+		 *
+		 * @param {string} name name of the required extension
+		 */
+		_usesExtension: function(name) {
+			return $.inArray(name, this.options.extensions) >= 0;
+		},
+		/* Check if current extensions dependencies are met and throw an error if not.
+		 *
+		 * This method may be called inside the `treeInit` hook for custom extensions.
+		 *
+		 * @param {string} name name of the required extension
+		 * @param {boolean} [required=true] pass `false` if the extension is optional, but we want to check for order if it is present
+		 * @param {boolean} [before] `true` if `name` must be included before this, `false` otherwise (use `null` if order doesn't matter)
+		 * @param {string} [message] optional error message (defaults to a descriptve error message)
+		 */
+		_requireExtension: function(name, required, before, message) {
+			if (before != null) {
+				before = !!before;
+			}
+			var thisName = this._local.name,
+				extList = this.options.extensions,
+				isBefore =
+					$.inArray(name, extList) < $.inArray(thisName, extList),
+				isMissing = required && this.ext[name] == null,
+				badOrder = !isMissing && before != null && before !== isBefore;
+
+			_assert(
+				thisName && thisName !== name,
+				"invalid or same name '" + thisName + "' (require yourself?)"
+			);
+
+			if (isMissing || badOrder) {
+				if (!message) {
+					if (isMissing || required) {
+						message =
+							"'" +
+							thisName +
+							"' extension requires '" +
+							name +
+							"'";
+						if (badOrder) {
+							message +=
+								" to be registered " +
+								(before ? "before" : "after") +
+								" itself";
+						}
+					} else {
+						message =
+							"If used together, `" +
+							name +
+							"` must be registered " +
+							(before ? "before" : "after") +
+							" `" +
+							thisName +
+							"`";
+					}
+				}
+				$.error(message);
 				return false;
 			}
-		}
-	},
-	/** Write warning to browser console if debugLevel >= 2 (prepending tree info)
-	 *
-	 * @param {*} msg string or object or array of such
-	 */
-	warn: function(msg){
-		if( this.options.debugLevel >= 2 ) {
-			Array.prototype.unshift.call(arguments, this.toString());
-			consoleApply("warn", arguments);
-		}
-	}
-};
-
-/**
- * These additional methods of the {@link Fancytree} class are 'hook functions'
- * that can be used and overloaded by extensions.
- * (See <a href="https://github.com/mar10/fancytree/wiki/TutorialExtensions">writing extensions</a>.)
- * @mixin Fancytree_Hooks
- */
-$.extend(Fancytree.prototype,
-	/** @lends Fancytree_Hooks# */
-	{
-	/** Default handling for mouse click events.
-	 *
-	 * @param {EventData} ctx
-	 */
-	nodeClick: function(ctx) {
-		var activate, expand,
-			// event = ctx.originalEvent,
-			targetType = ctx.targetType,
-			node = ctx.node;
-
-//	    this.debug("ftnode.onClick(" + event.type + "): ftnode:" + this + ", button:" + event.button + ", which: " + event.which, ctx);
-		// TODO: use switch
-		// TODO: make sure clicks on embedded <input> doesn't steal focus (see table sample)
-		if( targetType === "expander" ) {
-			if( node.isLoading() ) {
-				// #495: we probably got a click event while a lazy load is pending.
-				// The 'expanded' state is not yet set, so 'toggle' would expand
-				// and trigger lazyLoad again.
-				// It would be better to allow to collapse/expand the status node
-				// while loading (instead of ignoring), but that would require some
-				// more work.
-				node.debug("Got 2nd click while loading: ignored");
-				return;
-			}
-			// Clicking the expander icon always expands/collapses
-			this._callHook("nodeToggleExpanded", ctx);
-
-		} else if( targetType === "checkbox" ) {
-			// Clicking the checkbox always (de)selects
-			this._callHook("nodeToggleSelected", ctx);
-			if( ctx.options.focusOnSelect ) { // #358
-				this._callHook("nodeSetFocus", ctx, true);
-			}
-
-		} else {
-			// Honor `clickFolderMode` for
-			expand = false;
-			activate = true;
-			if( node.folder ) {
-				switch( ctx.options.clickFolderMode ) {
-				case 2: // expand only
-					expand = true;
-					activate = false;
-					break;
-				case 3: // expand and activate
-					activate = true;
-					expand = true; //!node.isExpanded();
-					break;
-				// else 1 or 4: just activate
-				}
-			}
-			if( activate ) {
-				this.nodeSetFocus(ctx);
-				this._callHook("nodeSetActive", ctx, true);
-			}
-			if( expand ) {
-				if(!activate){
-//                    this._callHook("nodeSetFocus", ctx);
-				}
-//				this._callHook("nodeSetExpanded", ctx, true);
-				this._callHook("nodeToggleExpanded", ctx);
-			}
-		}
-		// Make sure that clicks stop, otherwise <a href='#'> jumps to the top
-		// if(event.target.localName === "a" && event.target.className === "fancytree-title"){
-		// 	event.preventDefault();
-		// }
-		// TODO: return promise?
-	},
-	/** Collapse all other  children of same parent.
-	 *
-	 * @param {EventData} ctx
-	 * @param {object} callOpts
-	 */
-	nodeCollapseSiblings: function(ctx, callOpts) {
-		// TODO: return promise?
-		var ac, i, l,
-			node = ctx.node;
-
-		if( node.parent ){
-			ac = node.parent.children;
-			for (i=0, l=ac.length; i<l; i++) {
-				if ( ac[i] !== node && ac[i].expanded ){
-					this._callHook("nodeSetExpanded", ac[i], false, callOpts);
-				}
-			}
-		}
-	},
-	/** Default handling for mouse douleclick events.
-	 * @param {EventData} ctx
-	 */
-	nodeDblclick: function(ctx) {
-		// TODO: return promise?
-		if( ctx.targetType === "title" && ctx.options.clickFolderMode === 4) {
-//			this.nodeSetFocus(ctx);
-//			this._callHook("nodeSetActive", ctx, true);
-			this._callHook("nodeToggleExpanded", ctx);
-		}
-		// TODO: prevent text selection on dblclicks
-		if( ctx.targetType === "title" ) {
-			ctx.originalEvent.preventDefault();
-		}
-	},
-	/** Default handling for mouse keydown events.
-	 *
-	 * NOTE: this may be called with node == null if tree (but no node) has focus.
-	 * @param {EventData} ctx
-	 */
-	nodeKeydown: function(ctx) {
-		// TODO: return promise?
-		var matchNode, stamp, res, focusNode,
-			event = ctx.originalEvent,
-			node = ctx.node,
-			tree = ctx.tree,
-			opts = ctx.options,
-			which = event.which,
-			whichChar = String.fromCharCode(which),
-			clean = !(event.altKey || event.ctrlKey || event.metaKey || event.shiftKey),
-			$target = $(event.target),
-			handled = true,
-			activate = !(event.ctrlKey || !opts.autoActivate );
-
-		// (node || FT).debug("ftnode.nodeKeydown(" + event.type + "): ftnode:" + this + ", charCode:" + event.charCode + ", keyCode: " + event.keyCode + ", which: " + event.which);
-		// FT.debug("eventToString", which, '"' + String.fromCharCode(which) + '"', '"' + FT.eventToString(event) + '"');
-
-		// Set focus to active (or first node) if no other node has the focus yet
-		if( !node ){
-			focusNode = (this.getActiveNode() || this.getFirstChild());
-			if (focusNode){
-				focusNode.setFocus();
-				node = ctx.node = this.focusNode;
-				node.debug("Keydown force focus on active node");
-			}
-		}
-
-		if( opts.quicksearch && clean && /\w/.test(whichChar) &&
-				!SPECIAL_KEYCODES[which] &&  // #659
-				!$target.is(":input:enabled") ) {
-			// Allow to search for longer streaks if typed in quickly
-			stamp = Date.now();
-			if( stamp - tree.lastQuicksearchTime > 500 ) {
-				tree.lastQuicksearchTerm = "";
-			}
-			tree.lastQuicksearchTime = stamp;
-			tree.lastQuicksearchTerm += whichChar;
-			// tree.debug("quicksearch find", tree.lastQuicksearchTerm);
-			matchNode = tree.findNextNode(tree.lastQuicksearchTerm, tree.getActiveNode());
-			if( matchNode ) {
-				matchNode.setActive();
-			}
-			event.preventDefault();
-			return;
-		}
-		switch( FT.eventToString(event) ) {
-			case "+":
-			case "=": // 187: '+' @ Chrome, Safari
-				tree.nodeSetExpanded(ctx, true);
-				break;
-			case "-":
-				tree.nodeSetExpanded(ctx, false);
-				break;
-			case "space":
-				if( node.isPagingNode() ) {
-					tree._triggerNodeEvent("clickPaging", ctx, event);
-				} else if( FT.evalOption("checkbox", node, node, opts, false) ) {  // #768
-					tree.nodeToggleSelected(ctx);
-				}else{
-					tree.nodeSetActive(ctx, true);
-				}
-				break;
-			case "return":
-				tree.nodeSetActive(ctx, true);
-				break;
-			case "home":
-			case "end":
-			case "backspace":
-			case "left":
-			case "right":
-			case "up":
-			case "down":
-				res = node.navigate(event.which, activate);
-				break;
-			default:
-				handled = false;
-		}
-		if(handled){
-			event.preventDefault();
-		}
-	},
-
-
-	// /** Default handling for mouse keypress events. */
-	// nodeKeypress: function(ctx) {
-	//     var event = ctx.originalEvent;
-	// },
-
-	// /** Trigger lazyLoad event (async). */
-	// nodeLazyLoad: function(ctx) {
-	//     var node = ctx.node;
-	//     if(this._triggerNodeEvent())
-	// },
-	/** Load child nodes (async).
-	 *
-	 * @param {EventData} ctx
-	 * @param {object[]|object|string|$.Promise|function} source
-	 * @returns {$.Promise} The deferred will be resolved as soon as the (ajax)
-	 *     data was rendered.
-	 */
-	nodeLoadChildren: function(ctx, source) {
-		var ajax, delay, dfd,
-			tree = ctx.tree,
-			node = ctx.node,
-			requestId = Date.now();
-
-		if($.isFunction(source)){
-			source = source.call(tree, {type: "source"}, ctx);
-			_assert(!$.isFunction(source), "source callback must not return another function");
-		}
-		if(source.url){
-			if( node._requestId ) {
-				node.warn("Recursive load request #" + requestId + " while #" + node._requestId + " is pending.");
-			// } else {
-			// 	node.debug("Send load request #" + requestId);
-			}
-			// `source` is an Ajax options object
-			ajax = $.extend({}, ctx.options.ajax, source);
-			node._requestId = requestId;
-			if(ajax.debugDelay){
-				// simulate a slow server
-				delay = ajax.debugDelay;
-				if($.isArray(delay)){ // random delay range [min..max]
-					delay = delay[0] + Math.random() * (delay[1] - delay[0]);
-				}
-				node.warn("nodeLoadChildren waiting debugDelay " + Math.round(delay) + " ms ...");
-				ajax.debugDelay = false;
-				dfd = $.Deferred(function (dfd) {
-					setTimeout(function () {
-						$.ajax(ajax)
-							.done(function () {	dfd.resolveWith(this, arguments); })
-							.fail(function () {	dfd.rejectWith(this, arguments); });
-					}, delay);
-				});
-			}else{
-				dfd = $.ajax(ajax);
-			}
-
-			// Defer the deferred: we want to be able to reject, even if ajax
-			// resolved ok.
-			source = new $.Deferred();
-			dfd.done(function (data, textStatus, jqXHR) {
-				var errorObj, res;
-
-				if((this.dataType === "json" || this.dataType === "jsonp") && typeof data === "string"){
-					$.error("Ajax request returned a string (did you get the JSON dataType wrong?).");
-				}
-				if( node._requestId && node._requestId > requestId ) {
-					// The expected request time stamp is later than `requestId`
-					// (which was kept as as closure variable to this handler function)
-					// node.warn("Ignored load response for obsolete request #" + requestId + " (expected #" + node._requestId + ")");
-					source.rejectWith(this, [RECURSIVE_REQUEST_ERROR]);
-					return;
-				// } else {
-				// 	node.debug("Response returned for load request #" + requestId);
-				}
-				// postProcess is similar to the standard ajax dataFilter hook,
-				// but it is also called for JSONP
-				if( ctx.options.postProcess ){
-					try {
-						res = tree._triggerNodeEvent("postProcess", ctx, ctx.originalEvent, {
-							response: data, error: null, dataType: this.dataType
-						});
-					} catch(e) {
-						res = { error: e, message: "" + e, details: "postProcess failed"};
-					}
-					if( res.error ) {
-						errorObj = $.isPlainObject(res.error) ? res.error : {message: res.error};
-						errorObj = tree._makeHookContext(node, null, errorObj);
-						source.rejectWith(this, [errorObj]);
-						return;
-					}
-					data = $.isArray(res) ? res : data;
-
-				} else if (data && data.hasOwnProperty("d") && ctx.options.enableAspx ) {
-					// Process ASPX WebMethod JSON object inside "d" property
-					data = (typeof data.d === "string") ? $.parseJSON(data.d) : data.d;
-				}
-				source.resolveWith(this, [data]);
-			}).fail(function (jqXHR, textStatus, errorThrown) {
-				var errorObj = tree._makeHookContext(node, null, {
-					error: jqXHR,
-					args: Array.prototype.slice.call(arguments),
-					message: errorThrown,
-					details: jqXHR.status + ": " + errorThrown
-				});
-				source.rejectWith(this, [errorObj]);
-			});
-		}
-		// #383: accept and convert ECMAScript 6 Promise
-		if( $.isFunction(source.then) && $.isFunction(source["catch"]) ) {
-			dfd = source;
-			source = new $.Deferred();
-			dfd.then(function(value){
-				source.resolve(value);
-			}, function(reason){
-				source.reject(reason);
-			});
-		}
-		if($.isFunction(source.promise)){
-			// `source` is a deferred, i.e. ajax request
-			// _assert(!node.isLoading(), "recursive load");
-			tree.nodeSetStatus(ctx, "loading");
-
-			source.done(function (children) {
-				tree.nodeSetStatus(ctx, "ok");
-				node._requestId = null;
-			}).fail(function(error){
-				var ctxErr;
-
-				if ( error === RECURSIVE_REQUEST_ERROR ) {
-					node.warn("Ignored response for obsolete load request #" + requestId + " (expected #" + node._requestId + ")");
-					return;
-				} else if (error.node && error.error && error.message) {
-					// error is already a context object
-					ctxErr = error;
-				} else {
-					ctxErr = tree._makeHookContext(node, null, {
-						error: error, // it can be jqXHR or any custom error
-						args: Array.prototype.slice.call(arguments),
-						message: error ? (error.message || error.toString()) : ""
-					});
-					if( ctxErr.message === "[object Object]" ) {
-						ctxErr.message = "";
-					}
-				}
-				node.warn("Load children failed (" + ctxErr.message + ")", ctxErr);
-				if( tree._triggerNodeEvent("loadError", ctxErr, null) !== false ) {
-					tree.nodeSetStatus(ctx, "error", ctxErr.message, ctxErr.details);
-				}
-			});
-		} else {
-			if( ctx.options.postProcess ){
-				// #792: Call postProcess for non-deferred source
-				var res = tree._triggerNodeEvent("postProcess", ctx, ctx.originalEvent, {
-					response: source, error: null, dataType: typeof source
-				});
-
-				source = $.isArray(res) ? res : source;
-			}
-		}
-		// $.when(source) resolves also for non-deferreds
-		return $.when(source).done(function(children){
-			var metaData;
-
-			if( $.isPlainObject(children) ){
-				// We got {foo: 'abc', children: [...]}
-				// Copy extra properties to tree.data.foo
-				_assert(node.isRootNode(), "source may only be an object for root nodes (expecting an array of child objects otherwise)");
-				_assert($.isArray(children.children), "if an object is passed as source, it must contain a 'children' array (all other properties are added to 'tree.data')");
-				metaData = children;
-				children = children.children;
-				delete metaData.children;
-				// Copy some attributes to tree.data
-				$.each(TREE_ATTRS, function(i, attr) {
-					if( metaData[attr] !== undefined ){
-						tree[attr] = metaData[attr];
-						delete metaData[attr];
-					}
-				});
-				// Copy all other attributes to tree.data.NAME
-				$.extend(tree.data, metaData);
-			}
-			_assert($.isArray(children), "expected array of children");
-			node._setChildren(children);
-			// trigger fancytreeloadchildren
-			tree._triggerNodeEvent("loadChildren", node);
-		});
-	},
-	/** [Not Implemented]  */
-	nodeLoadKeyPath: function(ctx, keyPathList) {
-		// TODO: implement and improve
-		// http://code.google.com/p/dynatree/issues/detail?id=222
-	},
-	/**
-	 * Remove a single direct child of ctx.node.
-	 * @param {EventData} ctx
-	 * @param {FancytreeNode} childNode dircect child of ctx.node
-	 */
-	nodeRemoveChild: function(ctx, childNode) {
-		var idx,
-			node = ctx.node,
-			// opts = ctx.options,
-			subCtx = $.extend({}, ctx, {node: childNode}),
-			children = node.children;
-
-		// FT.debug("nodeRemoveChild()", node.toString(), childNode.toString());
-
-		if( children.length === 1 ) {
-			_assert(childNode === children[0], "invalid single child");
-			return this.nodeRemoveChildren(ctx);
-		}
-		if( this.activeNode && (childNode === this.activeNode || this.activeNode.isDescendantOf(childNode))){
-			this.activeNode.setActive(false); // TODO: don't fire events
-		}
-		if( this.focusNode && (childNode === this.focusNode || this.focusNode.isDescendantOf(childNode))){
-			this.focusNode = null;
-		}
-		// TODO: persist must take care to clear select and expand cookies
-		this.nodeRemoveMarkup(subCtx);
-		this.nodeRemoveChildren(subCtx);
-		idx = $.inArray(childNode, children);
-		_assert(idx >= 0, "invalid child");
-		// Notify listeners
-		node.triggerModifyChild("remove", childNode);
-		// Unlink to support GC
-		childNode.visit(function(n){
-			n.parent = null;
-		}, true);
-		this._callHook("treeRegisterNode", this, false, childNode);
-		// remove from child list
-		children.splice(idx, 1);
-	},
-	/**Remove HTML markup for all descendents of ctx.node.
-	 * @param {EventData} ctx
-	 */
-	nodeRemoveChildMarkup: function(ctx) {
-		var node = ctx.node;
-
-		// FT.debug("nodeRemoveChildMarkup()", node.toString());
-		// TODO: Unlink attr.ftnode to support GC
-		if(node.ul){
-			if( node.isRootNode() ) {
-				$(node.ul).empty();
-			} else {
-				$(node.ul).remove();
-				node.ul = null;
-			}
-			node.visit(function(n){
-				n.li = n.ul = null;
-			});
-		}
-	},
-	/**Remove all descendants of ctx.node.
-	* @param {EventData} ctx
-	*/
-	nodeRemoveChildren: function(ctx) {
-		var subCtx,
-			tree = ctx.tree,
-			node = ctx.node,
-			children = node.children;
-			// opts = ctx.options;
-
-		// FT.debug("nodeRemoveChildren()", node.toString());
-		if(!children){
-			return;
-		}
-		if( this.activeNode && this.activeNode.isDescendantOf(node)){
-			this.activeNode.setActive(false); // TODO: don't fire events
-		}
-		if( this.focusNode && this.focusNode.isDescendantOf(node)){
-			this.focusNode = null;
-		}
-		// TODO: persist must take care to clear select and expand cookies
-		this.nodeRemoveChildMarkup(ctx);
-		// Unlink children to support GC
-		// TODO: also delete this.children (not possible using visit())
-		subCtx = $.extend({}, ctx);
-		node.triggerModifyChild("remove", null);
-		node.visit(function(n){
-			n.parent = null;
-			tree._callHook("treeRegisterNode", tree, false, n);
-		});
-		if( node.lazy ){
-			// 'undefined' would be interpreted as 'not yet loaded' for lazy nodes
-			node.children = [];
-		} else{
-			node.children = null;
-		}
-		if( !node.isRootNode() ) {
-			node.expanded = false;  // #449, #459
-		}
-		this.nodeRenderStatus(ctx);
-	},
-	/**Remove HTML markup for ctx.node and all its descendents.
-	 * @param {EventData} ctx
-	 */
-	nodeRemoveMarkup: function(ctx) {
-		var node = ctx.node;
-		// FT.debug("nodeRemoveMarkup()", node.toString());
-		// TODO: Unlink attr.ftnode to support GC
-		if(node.li){
-			$(node.li).remove();
-			node.li = null;
-		}
-		this.nodeRemoveChildMarkup(ctx);
-	},
-	/**
-	 * Create `&lt;li>&lt;span>..&lt;/span> .. &lt;/li>` tags for this node.
-	 *
-	 * This method takes care that all HTML markup is created that is required
-	 * to display this node in its current state.
-	 *
-	 * Call this method to create new nodes, or after the strucuture
-	 * was changed (e.g. after moving this node or adding/removing children)
-	 * nodeRenderTitle() and nodeRenderStatus() are implied.
-	 *
-	 * &lt;code>
-	 * &lt;li id='KEY' ftnode=NODE>
-	 *     &lt;span class='fancytree-node fancytree-expanded fancytree-has-children fancytree-lastsib fancytree-exp-el fancytree-ico-e'>
-	 *         &lt;span class="fancytree-expander">&lt;/span>
-	 *         &lt;span class="fancytree-checkbox">&lt;/span> // only present in checkbox mode
-	 *         &lt;span class="fancytree-icon">&lt;/span>
-	 *         &lt;a href="#" class="fancytree-title"> Node 1 &lt;/a>
-	 *     &lt;/span>
-	 *     &lt;ul> // only present if node has children
-	 *         &lt;li id='KEY' ftnode=NODE> child1 ... &lt;/li>
-	 *         &lt;li id='KEY' ftnode=NODE> child2 ... &lt;/li>
-	 *     &lt;/ul>
-	 * &lt;/li>
-	 * &lt;/code>
-	 *
-	 * @param {EventData} ctx
-	 * @param {boolean} [force=false] re-render, even if html markup was already created
-	 * @param {boolean} [deep=false] also render all descendants, even if parent is collapsed
-	 * @param {boolean} [collapsed=false] force root node to be collapsed, so we can apply animated expand later
-	 */
-	nodeRender: function(ctx, force, deep, collapsed, _recursive) {
-		/* This method must take care of all cases where the current data mode
-		 * (i.e. node hierarchy) does not match the current markup.
+			return true;
+		},
+		/** Activate node with a given key and fire focus and activate events.
 		 *
-		 * - node was not yet rendered:
-		 *   create markup
-		 * - node was rendered: exit fast
-		 * - children have been added
-		 * - children have been removed
+		 * A previously activated node will be deactivated.
+		 * If activeVisible option is set, all parents will be expanded as necessary.
+		 * Pass key = false, to deactivate the current node only.
+		 * @param {string} key
+		 * @param {object} [opts] additional options. Defaults to {noEvents: false, noFocus: false}
+		 * @returns {FancytreeNode} activated node (null, if not found)
 		 */
-		var childLI, childNode1, childNode2, i, l, next, subCtx,
-			node = ctx.node,
-			tree = ctx.tree,
-			opts = ctx.options,
-			aria = opts.aria,
-			firstTime = false,
-			parent = node.parent,
-			isRootNode = !parent,
-			children = node.children,
-			successorLi = null;
-		// FT.debug("nodeRender(" + !!force + ", " + !!deep + ")", node.toString());
-
-		if( tree._enableUpdate === false ) {
-			// tree.debug("no render", tree._enableUpdate);
-			return;
-		}
-		if( ! isRootNode && ! parent.ul ) {
-			// Calling node.collapse on a deep, unrendered node
-			return;
-		}
-		_assert(isRootNode || parent.ul, "parent UL must exist");
-
-		// Render the node
-		if( !isRootNode ){
-			// Discard markup on force-mode, or if it is not linked to parent <ul>
-			if(node.li && (force || (node.li.parentNode !== node.parent.ul) ) ){
-				if( node.li.parentNode === node.parent.ul ){
-					// #486: store following node, so we can insert the new markup there later
-					successorLi = node.li.nextSibling;
-				}else{
-					// May happen, when a top-level node was dropped over another
-					this.debug("Unlinking " + node + " (must be child of " + node.parent + ")");
-				}
-//	            this.debug("nodeRemoveMarkup...");
-				this.nodeRemoveMarkup(ctx);
+		activateKey: function(key, opts) {
+			var node = this.getNodeByKey(key);
+			if (node) {
+				node.setActive(true, opts);
+			} else if (this.activeNode) {
+				this.activeNode.setActive(false, opts);
 			}
-			// Create <li><span /> </li>
-//			node.debug("render...");
-			if( !node.li ) {
-//	            node.debug("render... really");
-				firstTime = true;
-				node.li = document.createElement("li");
-				node.li.ftnode = node;
+			return node;
+		},
+		/** (experimental) Add child status nodes that indicate 'More...', ....
+		 * @param {boolean|object} node optional node definition. Pass `false` to remove all paging nodes.
+		 * @param {string} [mode='append'] 'child'|firstChild'
+		 * @since 2.15
+		 */
+		addPagingNode: function(node, mode) {
+			return this.rootNode.addPagingNode(node, mode);
+		},
+		/**
+		 * (experimental) Apply a modification (or navigation) operation.
+		 *
+		 * Valid commands:
+		 *   - 'moveUp', 'moveDown'
+		 *   - 'indent', 'outdent'
+		 *   - 'remove'
+		 *   - 'edit', 'addChild', 'addSibling': (reqires ext-edit extension)
+		 *   - 'cut', 'copy', 'paste': (use an internal singleton 'clipboard')
+		 *   - 'down', 'first', 'last', 'left', 'parent', 'right', 'up': navigate
+		 *
+		 * @param {string} cmd
+		 * @param {FancytreeNode} [node=active_node]
+		 * @param {object} [opts] Currently unused
+		 *
+		 * @since 2.32
+		 */
+		applyCommand: function(cmd, node, opts_) {
+			var // clipboard,
+				refNode;
+			// opts = $.extend(
+			// 	{ setActive: true, clipboard: CLIPBOARD },
+			// 	opts_
+			// );
 
-				if( node.key && opts.generateIds ){
-					node.li.id = opts.idPrefix + node.key;
-				}
-				node.span = document.createElement("span");
-				node.span.className = "fancytree-node";
-				if( aria && !node.tr ) {
-					$(node.li).attr("role", "treeitem");
-				}
-				node.li.appendChild(node.span);
+			node = node || this.getActiveNode();
+			// clipboard = opts.clipboard;
 
-				// Create inner HTML for the <span> (expander, checkbox, icon, and title)
-				this.nodeRenderTitle(ctx);
-
-				// Allow tweaking and binding, after node was created for the first time
-				if ( opts.createNode ){
-					opts.createNode.call(tree, {type: "createNode"}, ctx);
-				}
-			}else{
-//				this.nodeRenderTitle(ctx);
-				this.nodeRenderStatus(ctx);
-			}
-			// Allow tweaking after node state was rendered
-			if ( opts.renderNode ){
-				opts.renderNode.call(tree, {type: "renderNode"}, ctx);
-			}
-		}
-
-		// Visit child nodes
-		if( children ){
-			if( isRootNode || node.expanded || deep === true ) {
-				// Create a UL to hold the children
-				if( !node.ul ){
-					node.ul = document.createElement("ul");
-					if((collapsed === true && !_recursive) || !node.expanded){
-						// hide top UL, so we can use an animation to show it later
-						node.ul.style.display = "none";
+			switch (cmd) {
+				// Sorting and indentation:
+				case "moveUp":
+					refNode = node.getPrevSibling();
+					if (refNode) {
+						node.moveTo(refNode, "before");
+						node.setActive();
 					}
-					if(aria){
-						$(node.ul).attr("role", "group");
+					break;
+				case "moveDown":
+					refNode = node.getNextSibling();
+					if (refNode) {
+						node.moveTo(refNode, "after");
+						node.setActive();
 					}
-					if ( node.li ) { // issue #67
-						node.li.appendChild(node.ul);
-					} else {
-						node.tree.$div.append(node.ul);
+					break;
+				case "indent":
+					refNode = node.getPrevSibling();
+					if (refNode) {
+						node.moveTo(refNode, "child");
+						refNode.setExpanded();
+						node.setActive();
 					}
-				}
-				// Add child markup
-				for(i=0, l=children.length; i<l; i++) {
-					subCtx = $.extend({}, ctx, {node: children[i]});
-					this.nodeRender(subCtx, force, deep, false, true);
-				}
-				// Remove <li> if nodes have moved to another parent
-				childLI = node.ul.firstChild;
-				while( childLI ){
-					childNode2 = childLI.ftnode;
-					if( childNode2 && childNode2.parent !== node ) {
-						node.debug("_fixParent: remove missing " + childNode2, childLI);
-						next = childLI.nextSibling;
-						childLI.parentNode.removeChild(childLI);
-						childLI = next;
-					}else{
-						childLI = childLI.nextSibling;
+					break;
+				case "outdent":
+					if (!node.isTopLevel()) {
+						node.moveTo(node.getParent(), "after");
+						node.setActive();
 					}
-				}
-				// Make sure, that <li> order matches node.children order.
-				childLI = node.ul.firstChild;
-				for(i=0, l=children.length-1; i<l; i++) {
-					childNode1 = children[i];
-					childNode2 = childLI.ftnode;
-					if( childNode1 !== childNode2 ) {
-						// node.debug("_fixOrder: mismatch at index " + i + ": " + childNode1 + " != " + childNode2);
-						node.ul.insertBefore(childNode1.li, childNode2.li);
-					} else {
-						childLI = childLI.nextSibling;
+					break;
+				// Remove:
+				case "remove":
+					refNode = node.getPrevSibling() || node.getParent();
+					node.remove();
+					if (refNode) {
+						refNode.setActive();
 					}
-				}
+					break;
+				// Add, edit (requires ext-edit):
+				case "addChild":
+					node.editCreateNode("child", "");
+					break;
+				case "addSibling":
+					node.editCreateNode("after", "");
+					break;
+				case "rename":
+					node.editStart();
+					break;
+				// Simple clipboard simulation:
+				// case "cut":
+				// 	clipboard = { mode: cmd, data: node };
+				// 	break;
+				// case "copy":
+				// 	clipboard = {
+				// 		mode: cmd,
+				// 		data: node.toDict(function(d, n) {
+				// 			delete d.key;
+				// 		}),
+				// 	};
+				// 	break;
+				// case "clear":
+				// 	clipboard = null;
+				// 	break;
+				// case "paste":
+				// 	if (clipboard.mode === "cut") {
+				// 		// refNode = node.getPrevSibling();
+				// 		clipboard.data.moveTo(node, "child");
+				// 		clipboard.data.setActive();
+				// 	} else if (clipboard.mode === "copy") {
+				// 		node.addChildren(clipboard.data).setActive();
+				// 	}
+				// 	break;
+				// Navigation commands:
+				case "down":
+				case "first":
+				case "last":
+				case "left":
+				case "parent":
+				case "right":
+				case "up":
+					return node.navigate(cmd);
+				default:
+					$.error("Unhandled command: '" + cmd + "'");
 			}
-		}else{
-			// No children: remove markup if any
-			if( node.ul ){
-//				alert("remove child markup for " + node);
-				this.warn("remove child markup for " + node);
-				this.nodeRemoveChildMarkup(ctx);
-			}
-		}
-		if( !isRootNode ){
-			// Update element classes according to node state
-			// this.nodeRenderStatus(ctx);
-			// Finally add the whole structure to the DOM, so the browser can render
-			if( firstTime ){
-				// #486: successorLi is set, if we re-rendered (i.e. discarded)
-				// existing markup, which  we want to insert at the same position.
-				// (null is equivalent to append)
-//				parent.ul.appendChild(node.li);
-				parent.ul.insertBefore(node.li, successorLi);
-			}
-		}
-	},
-	/** Create HTML inside the node's outer &lt;span> (i.e. expander, checkbox,
-	 * icon, and title).
-	 *
-	 * nodeRenderStatus() is implied.
-	 * @param {EventData} ctx
-	 * @param {string} [title] optinal new title
-	 */
-	nodeRenderTitle: function(ctx, title) {
-		// set node connector images, links and text
-		var checkbox, className, icon, nodeTitle, role, tabindex, tooltip, iconTooltip,
-			node = ctx.node,
-			tree = ctx.tree,
-			opts = ctx.options,
-			aria = opts.aria,
-			level = node.getLevel(),
-			ares = [];
+		},
+		/** (experimental) Modify existing data model.
+		 *
+		 * @param {Array} patchList array of [key, NodePatch] arrays
+		 * @returns {$.Promise} resolved, when all patches have been applied
+		 * @see TreePatch
+		 */
+		applyPatch: function(patchList) {
+			var dfd,
+				i,
+				p2,
+				key,
+				patch,
+				node,
+				patchCount = patchList.length,
+				deferredList = [];
 
-		if(title !== undefined){
-			node.title = title;
-		}
-		if ( !node.span || tree._enableUpdate === false ) {
-			// Silently bail out if node was not rendered yet, assuming
-			// node.render() will be called as the node becomes visible
-			return;
-		}
-		// Connector (expanded, expandable or simple)
-		role = (aria && node.hasChildren() !== false) ? " role='button'" : "";
-		if( level < opts.minExpandLevel ) {
-			if( !node.lazy ) {
-				node.expanded = true;
-			}
-			if(level > 1){
-				ares.push("<span " + role + " class='fancytree-expander fancytree-expander-fixed'></span>");
-			}
-			// .. else (i.e. for root level) skip expander/connector alltogether
-		} else {
-			ares.push("<span " + role + " class='fancytree-expander'></span>");
-		}
-		// Checkbox mode
-		checkbox = FT.evalOption("checkbox", node, node, opts, false);
-
-		if( checkbox && !node.isStatusNode() ) {
-			role = aria ? " role='checkbox'" : "";
-			className = "fancytree-checkbox";
-			if( checkbox === "radio" || (node.parent && node.parent.radiogroup) ) {
-				className += " fancytree-radio";
-			}
-			ares.push("<span " + role + " class='" + className + "'></span>");
-		}
-		// Folder or doctype icon
-		if( node.data.iconClass !== undefined ) {  // 2015-11-16
-			// Handle / warn about backward compatibility
-			if( node.icon ) {
-				$.error("'iconClass' node option is deprecated since v2.14.0: use 'icon' only instead");
-			} else {
-				node.warn("'iconClass' node option is deprecated since v2.14.0: use 'icon' instead");
-				node.icon = node.data.iconClass;
-			}
-		}
-		// If opts.icon is a callback and returns something other than undefined, use that
-		// else if node.icon is a boolean or string, use that
-		// else if opts.icon is a boolean or string, use that
-		// else show standard icon (which may be different for folders or documents)
-		icon = FT.evalOption("icon", node, node, opts, true);
-		// if( typeof icon !== "boolean" ) {
-		// 	// icon is defined, but not true/false: must be a string
-		// 	icon = "" + icon;
-		// }
-		if( icon !== false ) {
-			role = aria ? " role='presentation'" : "";
-
-			iconTooltip = FT.evalOption("iconTooltip", node, node, opts, null);
-			iconTooltip = iconTooltip ? " title='" + _escapeTooltip(iconTooltip) + "'" : "";
-
-			if ( typeof icon === "string" ) {
-				if( TEST_IMG.test(icon) ) {
-					// node.icon is an image url. Prepend imagePath
-					icon = (icon.charAt(0) === "/") ? icon : ((opts.imagePath || "") + icon);
-					ares.push("<img src='" + icon + "' class='fancytree-icon'" + iconTooltip + " alt='' />");
-				} else {
-					ares.push("<span " + role + " class='fancytree-custom-icon " + icon +  "'" + iconTooltip + "></span>");
-				}
-			} else if ( icon.text ) {
-				ares.push("<span " + role + " class='fancytree-custom-icon " +
-					(icon.addClass || "") + "'" + iconTooltip + ">" + FT.escapeHtml(icon.text) + "</span>");
-			} else if ( icon.html ) {
-				ares.push("<span " + role + " class='fancytree-custom-icon " +
-					(icon.addClass || "") + "'" + iconTooltip + ">" + icon.html + "</span>");
-			} else {
-				// standard icon: theme css will take care of this
-				ares.push("<span " + role + " class='fancytree-icon'" + iconTooltip + "></span>");
-			}
-		}
-		// Node title
-		nodeTitle = "";
-		if ( opts.renderTitle ){
-			nodeTitle = opts.renderTitle.call(tree, {type: "renderTitle"}, ctx) || "";
-		}
-		if ( !nodeTitle ) {
-			tooltip = FT.evalOption("tooltip", node, node, opts, null);
-			if( tooltip === true ) {
-				tooltip = node.title;
-			}
-			// if( node.tooltip ) {
-			// 	tooltip = node.tooltip;
-			// } else if ( opts.tooltip ) {
-			// 	tooltip = opts.tooltip === true ? node.title : opts.tooltip.call(tree, node);
-			// }
-			tooltip = tooltip ? " title='" + _escapeTooltip(tooltip) + "'" : "";
-			tabindex = opts.titlesTabbable ? " tabindex='0'" : "";
-
-			nodeTitle = "<span class='fancytree-title'" +
-				tooltip + tabindex + ">" +
-				(opts.escapeTitles ? FT.escapeHtml(node.title) : node.title) +
-				"</span>";
-		}
-		ares.push(nodeTitle);
-		// Note: this will trigger focusout, if node had the focus
-		//$(node.span).html(ares.join("")); // it will cleanup the jQuery data currently associated with SPAN (if any), but it executes more slowly
-		node.span.innerHTML = ares.join("");
-		// Update CSS classes
-		this.nodeRenderStatus(ctx);
-		if ( opts.enhanceTitle ){
-			ctx.$title = $(">span.fancytree-title", node.span);
-			nodeTitle = opts.enhanceTitle.call(tree, {type: "enhanceTitle"}, ctx) || "";
-		}
-	},
-	/** Update element classes according to node state.
-	 * @param {EventData} ctx
-	 */
-	nodeRenderStatus: function(ctx) {
-		// Set classes for current status
-		var $ariaElem,
-			node = ctx.node,
-			tree = ctx.tree,
-			opts = ctx.options,
-//			nodeContainer = node[tree.nodeContainerAttrName],
-			hasChildren = node.hasChildren(),
-			isLastSib = node.isLastSibling(),
-			aria = opts.aria,
-			cn = opts._classNames,
-			cnList = [],
-			statusElem = node[tree.statusClassPropName];
-
-		if( !statusElem || tree._enableUpdate === false ){
-			// if this function is called for an unrendered node, ignore it (will be updated on nect render anyway)
-			return;
-		}
-		if( aria ) {
-			$ariaElem = $(node.tr || node.li);
-		}
-		// Build a list of class names that we will add to the node <span>
-		cnList.push(cn.node);
-		if( tree.activeNode === node ){
-			cnList.push(cn.active);
-//			$(">span.fancytree-title", statusElem).attr("tabindex", "0");
-//			tree.$container.removeAttr("tabindex");
-		// }else{
-//			$(">span.fancytree-title", statusElem).removeAttr("tabindex");
-//			tree.$container.attr("tabindex", "0");
-		}
-		if( tree.focusNode === node ){
-			cnList.push(cn.focused);
-		}
-		if( node.expanded ){
-			cnList.push(cn.expanded);
-		}
-		if( aria ){
-			if (hasChildren !== false) {
-				$ariaElem.attr("aria-expanded", Boolean(node.expanded));
-			}
-			else {
-				$ariaElem.removeAttr("aria-expanded");
-			}
-		}
-		if( node.folder ){
-			cnList.push(cn.folder);
-		}
-		if( hasChildren !== false ){
-			cnList.push(cn.hasChildren);
-		}
-		// TODO: required?
-		if( isLastSib ){
-			cnList.push(cn.lastsib);
-		}
-		if( node.lazy && node.children == null ){
-			cnList.push(cn.lazy);
-		}
-		if( node.partload ){
-			cnList.push(cn.partload);
-		}
-		if( node.partsel ){
-			cnList.push(cn.partsel);
-		}
-		if( FT.evalOption("unselectable", node, node, opts, false) ){
-			cnList.push(cn.unselectable);
-		}
-		if( node._isLoading ){
-			cnList.push(cn.loading);
-		}
-		if( node._error ){
-			cnList.push(cn.error);
-		}
-		if( node.statusNodeType ) {
-			cnList.push(cn.statusNodePrefix + node.statusNodeType);
-		}
-		if( node.selected ){
-			cnList.push(cn.selected);
-			if(aria){
-				$ariaElem.attr("aria-selected", true);
-			}
-		}else if(aria){
-			$ariaElem.attr("aria-selected", false);
-		}
-		if( node.extraClasses ){
-			cnList.push(node.extraClasses);
-		}
-		// IE6 doesn't correctly evaluate multiple class names,
-		// so we create combined class names that can be used in the CSS
-		if( hasChildren === false ){
-			cnList.push(cn.combinedExpanderPrefix + "n" +
-					(isLastSib ? "l" : "")
-					);
-		}else{
-			cnList.push(cn.combinedExpanderPrefix +
-					(node.expanded ? "e" : "c") +
-					(node.lazy && node.children == null ? "d" : "") +
-					(isLastSib ? "l" : "")
-					);
-		}
-		cnList.push(cn.combinedIconPrefix +
-				(node.expanded ? "e" : "c") +
-				(node.folder ? "f" : "")
+			for (i = 0; i < patchCount; i++) {
+				p2 = patchList[i];
+				_assert(
+					p2.length === 2,
+					"patchList must be an array of length-2-arrays"
 				);
-//        node.span.className = cnList.join(" ");
-		statusElem.className = cnList.join(" ");
-
-		// TODO: we should not set this in the <span> tag also, if we set it here:
-		// Maybe most (all) of the classes should be set in LI instead of SPAN?
-		if(node.li){
-			// #719: we have to consider that there may be already other classes:
-			$(node.li).toggleClass(cn.lastsib, isLastSib);
-		}
-	},
-	/** Activate node.
-	 * flag defaults to true.
-	 * If flag is true, the node is activated (must be a synchronous operation)
-	 * If flag is false, the node is deactivated (must be a synchronous operation)
-	 * @param {EventData} ctx
-	 * @param {boolean} [flag=true]
-	 * @param {object} [opts] additional options. Defaults to {noEvents: false, noFocus: false}
-	 * @returns {$.Promise}
-	 */
-	nodeSetActive: function(ctx, flag, callOpts) {
-		// Handle user click / [space] / [enter], according to clickFolderMode.
-		callOpts = callOpts || {};
-		var subCtx,
-			node = ctx.node,
-			tree = ctx.tree,
-			opts = ctx.options,
-			noEvents = (callOpts.noEvents === true),
-			noFocus = (callOpts.noFocus === true),
-			isActive = (node === tree.activeNode);
-
-		// flag defaults to true
-		flag = (flag !== false);
-		// node.debug("nodeSetActive", flag);
-
-		if(isActive === flag){
-			// Nothing to do
-			return _getResolvedPromise(node);
-		}else if(flag && !noEvents && this._triggerNodeEvent("beforeActivate", node, ctx.originalEvent) === false ){
-			// Callback returned false
-			return _getRejectedPromise(node, ["rejected"]);
-		}
-		if(flag){
-			if(tree.activeNode){
-				_assert(tree.activeNode !== node, "node was active (inconsistency)");
-				subCtx = $.extend({}, ctx, {node: tree.activeNode});
-				tree.nodeSetActive(subCtx, false);
-				_assert(tree.activeNode === null, "deactivate was out of sync?");
-			}
-			if(opts.activeVisible){
-				// If no focus is set (noFocus: true) and there is no focused node, this node is made visible.
-				node.makeVisible({scrollIntoView: noFocus && tree.focusNode == null});
-			}
-			tree.activeNode = node;
-			tree.nodeRenderStatus(ctx);
-			if( !noFocus ) {
-				tree.nodeSetFocus(ctx);
-			}
-			if( !noEvents ) {
-				tree._triggerNodeEvent("activate", node, ctx.originalEvent);
-			}
-		}else{
-			_assert(tree.activeNode === node, "node was not active (inconsistency)");
-			tree.activeNode = null;
-			this.nodeRenderStatus(ctx);
-			if( !noEvents ) {
-				ctx.tree._triggerNodeEvent("deactivate", node, ctx.originalEvent);
-			}
-		}
-		return _getResolvedPromise(node);
-	},
-	/** Expand or collapse node, return Deferred.promise.
-	 *
-	 * @param {EventData} ctx
-	 * @param {boolean} [flag=true]
-	 * @param {object} [opts] additional options. Defaults to {noAnimation: false, noEvents: false}
-	 * @returns {$.Promise} The deferred will be resolved as soon as the (lazy)
-	 *     data was retrieved, rendered, and the expand animation finshed.
-	 */
-	nodeSetExpanded: function(ctx, flag, callOpts) {
-		callOpts = callOpts || {};
-		var _afterLoad, dfd, i, l, parents, prevAC,
-			node = ctx.node,
-			tree = ctx.tree,
-			opts = ctx.options,
-			noAnimation = (callOpts.noAnimation === true),
-			noEvents = (callOpts.noEvents === true);
-
-		// flag defaults to true
-		flag = (flag !== false);
-
-		// node.debug("nodeSetExpanded(" + flag + ")");
-
-		if((node.expanded && flag) || (!node.expanded && !flag)){
-			// Nothing to do
-			// node.debug("nodeSetExpanded(" + flag + "): nothing to do");
-			return _getResolvedPromise(node);
-		}else if(flag && !node.lazy && !node.hasChildren() ){
-			// Prevent expanding of empty nodes
-			// return _getRejectedPromise(node, ["empty"]);
-			return _getResolvedPromise(node);
-		}else if( !flag && node.getLevel() < opts.minExpandLevel ) {
-			// Prevent collapsing locked levels
-			return _getRejectedPromise(node, ["locked"]);
-		}else if ( !noEvents && this._triggerNodeEvent("beforeExpand", node, ctx.originalEvent) === false ){
-			// Callback returned false
-			return _getRejectedPromise(node, ["rejected"]);
-		}
-		// If this node inside a collpased node, no animation and scrolling is needed
-		if( !noAnimation && !node.isVisible() ) {
-			noAnimation = callOpts.noAnimation = true;
-		}
-
-		dfd = new $.Deferred();
-
-		// Auto-collapse mode: collapse all siblings
-		if( flag && !node.expanded && opts.autoCollapse ) {
-			parents = node.getParentList(false, true);
-			prevAC = opts.autoCollapse;
-			try{
-				opts.autoCollapse = false;
-				for(i=0, l=parents.length; i<l; i++){
-					// TODO: should return promise?
-					this._callHook("nodeCollapseSiblings", parents[i], callOpts);
-				}
-			}finally{
-				opts.autoCollapse = prevAC;
-			}
-		}
-		// Trigger expand/collapse after expanding
-		dfd.done(function(){
-			var	lastChild = node.getLastChild();
-
-			if( flag && opts.autoScroll && !noAnimation && lastChild ) {
-				// Scroll down to last child, but keep current node visible
-				lastChild.scrollIntoView(true, {topNode: node}).always(function(){
-					if( !noEvents ) {
-						ctx.tree._triggerNodeEvent(flag ? "expand" : "collapse", ctx);
-					}
-				});
-			} else {
-				if( !noEvents ) {
-					ctx.tree._triggerNodeEvent(flag ? "expand" : "collapse", ctx);
-				}
-			}
-		});
-		// vvv Code below is executed after loading finished:
-		_afterLoad = function(callback){
-			var cn = opts._classNames,
-				isVisible, isExpanded,
-				effect = opts.toggleEffect;
-
-			node.expanded = flag;
-			// Create required markup, but make sure the top UL is hidden, so we
-			// can animate later
-			tree._callHook("nodeRender", ctx, false, false, true);
-
-			// Hide children, if node is collapsed
-			if( node.ul ) {
-				isVisible = (node.ul.style.display !== "none");
-				isExpanded = !!node.expanded;
-				if ( isVisible === isExpanded ) {
-					node.warn("nodeSetExpanded: UL.style.display already set");
-
-				} else if ( !effect || noAnimation ) {
-					node.ul.style.display = ( node.expanded || !parent ) ? "" : "none";
-
+				key = p2[0];
+				patch = p2[1];
+				node = key === null ? this.rootNode : this.getNodeByKey(key);
+				if (node) {
+					dfd = new $.Deferred();
+					deferredList.push(dfd);
+					node.applyPatch(patch).always(_makeResolveFunc(dfd, node));
 				} else {
-					// The UI toggle() effect works with the ext-wide extension,
-					// while jQuery.animate() has problems when the title span
-					// has positon: absolute.
-					// Since jQuery UI 1.12, the blind effect requires the parent
-					// element to have 'position: relative'.
-					// See #716, #717
-					$(node.li).addClass(cn.animating);  // #717
-//					node.info("fancytree-animating start: " + node.li.className);
-					$(node.ul)
-						.addClass(cn.animating)  // # 716
-						.toggle(effect.effect, effect.options, effect.duration, function(){
-//							node.info("fancytree-animating end: " + node.li.className);
-							$(this).removeClass(cn.animating);  // #716
-							$(node.li).removeClass(cn.animating);  // #717
-							callback();
-						});
-					return;
+					this.warn("could not find node with key '" + key + "'");
 				}
 			}
-			callback();
-		};
-		// ^^^ Code above is executed after loading finshed.
-
-		// Load lazy nodes, if any. Then continue with _afterLoad()
-		if(flag && node.lazy && node.hasChildren() === undefined){
-			// node.debug("nodeSetExpanded: load start...");
-			node.load().done(function(){
-				// node.debug("nodeSetExpanded: load done");
-				if(dfd.notifyWith){ // requires jQuery 1.6+
-					dfd.notifyWith(node, ["loaded"]);
+			// Return a promise that is resolved, when ALL patches were applied
+			return $.when.apply($, deferredList).promise();
+		},
+		/* TODO: implement in dnd extension
+		cancelDrag: function() {
+				var dd = $.ui.ddmanager.current;
+				if(dd){
+					dd.cancel();
 				}
-				_afterLoad(function () { dfd.resolveWith(node); });
-			}).fail(function(errMsg){
-				_afterLoad(function () { dfd.rejectWith(node, ["load failed (" + errMsg + ")"]); });
-			});
-/*
-			var source = tree._triggerNodeEvent("lazyLoad", node, ctx.originalEvent);
-			_assert(typeof source !== "boolean", "lazyLoad event must return source in data.result");
-			node.debug("nodeSetExpanded: load start...");
-			this._callHook("nodeLoadChildren", ctx, source).done(function(){
-				node.debug("nodeSetExpanded: load done");
-				if(dfd.notifyWith){ // requires jQuery 1.6+
-					dfd.notifyWith(node, ["loaded"]);
-				}
-				_afterLoad.call(tree);
-			}).fail(function(errMsg){
-				dfd.rejectWith(node, ["load failed (" + errMsg + ")"]);
-			});
-*/
-		}else{
-			_afterLoad(function () { dfd.resolveWith(node); });
-		}
-		// node.debug("nodeSetExpanded: returns");
-		return dfd.promise();
-	},
-	/** Focus or blur this node.
-	 * @param {EventData} ctx
-	 * @param {boolean} [flag=true]
-	 */
-	nodeSetFocus: function(ctx, flag) {
-		// ctx.node.debug("nodeSetFocus(" + flag + ")");
-		var ctx2,
-			tree = ctx.tree,
-			node = ctx.node,
-			opts = tree.options,
-			// et = ctx.originalEvent && ctx.originalEvent.type,
-			isInput = ctx.originalEvent ? $(ctx.originalEvent.target).is(":input") : false;
-
-		flag = (flag !== false);
-
-		// (node || tree).debug("nodeSetFocus(" + flag + "), event: " + et + ", isInput: "+ isInput);
-		// Blur previous node if any
-		if(tree.focusNode){
-			if(tree.focusNode === node && flag){
-				// node.debug("nodeSetFocus(" + flag + "): nothing to do");
-				return;
+			},
+		*/
+		/** Remove all nodes.
+		 * @since 2.14
+		 */
+		clear: function(source) {
+			this._callHook("treeClear", this);
+		},
+		/** Return the number of nodes.
+		 * @returns {integer}
+		 */
+		count: function() {
+			return this.rootNode.countChildren();
+		},
+		/** Write to browser console if debugLevel >= 4 (prepending tree name)
+		 *
+		 * @param {*} msg string or object or array of such
+		 */
+		debug: function(msg) {
+			if (this.options.debugLevel >= 4) {
+				Array.prototype.unshift.call(arguments, this.toString());
+				consoleApply("log", arguments);
 			}
-			ctx2 = $.extend({}, ctx, {node: tree.focusNode});
-			tree.focusNode = null;
-			this._triggerNodeEvent("blur", ctx2);
-			this._callHook("nodeRenderStatus", ctx2);
-		}
-		// Set focus to container and node
-		if(flag){
-			if( !this.hasFocus() ){
-				node.debug("nodeSetFocus: forcing container focus");
-				this._callHook("treeSetFocus", ctx, true, {calledByNode: true});
-			}
-			node.makeVisible({scrollIntoView: false});
-			tree.focusNode = node;
-			if( opts.titlesTabbable ) {
-				if( !isInput ) { // #621
-					$(node.span).find(".fancytree-title").focus();
-				}
+		},
+		/** Destroy this widget, restore previous markup and cleanup resources.
+		 *
+		 * @since 2.34
+		 */
+		destroy: function() {
+			this.widget.destroy();
+		},
+		/** Enable (or disable) the tree control.
+		 *
+		 * @param {boolean} [flag=true] pass false to disable
+		 * @since 2.30
+		 */
+		enable: function(flag) {
+			if (flag === false) {
+				this.widget.disable();
 			} else {
-				// We cannot set KB focus to a node, so use the tree container
-				// #563, #570: IE scrolls on every call to .focus(), if the container
-				// is partially outside the viewport. So do it only, when absolutely
-				// neccessary:
-				if( $(document.activeElement).closest(".fancytree-container").length === 0 ) {
-					$(tree.$container).focus();
-				}
+				this.widget.enable();
 			}
-			if( opts.aria ){
-				// Set active descendant to node's span ID (create one, if needed)
-				$(tree.$container).attr("aria-activedescendant",
-					$( node.tr || node.li ).uniqueId().attr("id"));
-					// "ftal_" + opts.idPrefix + node.key);
-			}
-//			$(node.span).find(".fancytree-title").focus();
-			this._triggerNodeEvent("focus", ctx);
-//          if( opts.autoActivate ){
-//              tree.nodeSetActive(ctx, true);
-//          }
-			if( opts.autoScroll ){
-				node.scrollIntoView();
-			}
-			this._callHook("nodeRenderStatus", ctx);
-		}
-	},
-	/** (De)Select node, return new status (sync).
-	 *
-	 * @param {EventData} ctx
-	 * @param {boolean} [flag=true]
-	 * @param {object} [opts] additional options. Defaults to {noEvents: false,
-	 *     propagateDown: null, propagateUp: null,
-	 *     callback: null,
-	 *     }
-	 * @returns {boolean} previous status
-	 */
-	nodeSetSelected: function(ctx, flag, callOpts) {
-		callOpts = callOpts || {};
-		var node = ctx.node,
-			tree = ctx.tree,
-			opts = ctx.options,
-			noEvents = (callOpts.noEvents === true),
-			parent = node.parent;
-
-		// flag defaults to true
-		flag = (flag !== false);
-
-		// node.debug("nodeSetSelected(" + flag + ")", ctx);
-
-		// Cannot (de)select unselectable nodes directly (only by propagation or
-		// by setting the `.selected` property)
-		if( FT.evalOption("unselectable", node, node, opts, false) ){
-			return;
-		}
-
-		// Remember the user's intent, in case down -> up propagation prevents
-		// applying it to node.selected
-		node._lastSelectIntent = flag;
-
-		// Nothing to do?
-		/*jshint -W018 */  // Confusing use of '!'
-		if( !!node.selected === flag ){
-			if( opts.selectMode === 3 && node.partsel && !flag ){
-				// If propagation prevented selecting this node last time, we still
-				// want to allow to apply setSelected(false) now
-			}else{
+		},
+		/** Temporarily suppress rendering to improve performance on bulk-updates.
+		 *
+		 * @param {boolean} flag
+		 * @returns {boolean} previous status
+		 * @since 2.19
+		 */
+		enableUpdate: function(flag) {
+			flag = flag !== false;
+			if (!!this._enableUpdate === !!flag) {
 				return flag;
 			}
-		}
-		/*jshint +W018 */
-
-		if( !noEvents &&
-			this._triggerNodeEvent("beforeSelect", node, ctx.originalEvent) === false ) {
-				return !!node.selected;
-		}
-		if(flag && opts.selectMode === 1){
-			// single selection mode (we don't uncheck all tree nodes, for performance reasons)
-			if(tree.lastSelectedNode){
-				tree.lastSelectedNode.setSelected(false);
+			this._enableUpdate = flag;
+			if (flag) {
+				this.debug("enableUpdate(true): redraw "); //, this._dirtyRoots);
+				this._callHook("treeStructureChanged", this, "enableUpdate");
+				this.render();
+			} else {
+				// 	this._dirtyRoots = null;
+				this.debug("enableUpdate(false)...");
 			}
-			node.selected = flag;
-		}else if(opts.selectMode === 3 && parent && !parent.radiogroup && !node.radiogroup){
-			// multi-hierarchical selection mode
-			node.selected = flag;
-			node.fixSelection3AfterClick(callOpts);
-		}else if(parent && parent.radiogroup){
-			node.visitSiblings(function(n){
-				n._changeSelectStatusAttrs(flag && n === node);
-			}, true);
-		}else{
-			// default: selectMode: 2, multi selection mode
-			node.selected = flag;
-		}
-		this.nodeRenderStatus(ctx);
-		tree.lastSelectedNode = flag ? node : null;
-		if( !noEvents ) {
-			tree._triggerNodeEvent("select", ctx);
-		}
-	},
-	/** Show node status (ok, loading, error, nodata) using styles and a dummy child node.
-	 *
-	 * @param {EventData} ctx
-	 * @param status
-	 * @param message
-	 * @param details
-	 * @since 2.3
-	 */
-	nodeSetStatus: function(ctx, status, message, details) {
-		var node = ctx.node,
-			tree = ctx.tree;
+			return !flag; // return previous value
+		},
+		/** Write error to browser console if debugLevel >= 1 (prepending tree info)
+		 *
+		 * @param {*} msg string or object or array of such
+		 */
+		error: function(msg) {
+			if (this.options.debugLevel >= 1) {
+				Array.prototype.unshift.call(arguments, this.toString());
+				consoleApply("error", arguments);
+			}
+		},
+		/** Expand (or collapse) all parent nodes.
+		 *
+		 * This convenience method uses `tree.visit()` and `tree.setExpanded()`
+		 * internally.
+		 *
+		 * @param {boolean} [flag=true] pass false to collapse
+		 * @param {object} [opts] passed to setExpanded()
+		 * @since 2.30
+		 */
+		expandAll: function(flag, opts) {
+			var prev = this.enableUpdate(false);
 
-		function _clearStatusNode() {
-			// Remove dedicated dummy node, if any
-			var firstChild = ( node.children ? node.children[0] : null );
-			if ( firstChild && firstChild.isStatusNode() ) {
-				try{
-					// I've seen exceptions here with loadKeyPath...
-					if(node.ul){
-						node.ul.removeChild(firstChild.li);
-						firstChild.li = null; // avoid leaks (DT issue 215)
-					}
-				}catch(e){}
-				if( node.children.length === 1 ){
-					node.children = [];
-				}else{
-					node.children.shift();
+			flag = flag !== false;
+			this.visit(function(node) {
+				if (
+					node.hasChildren() !== false &&
+					node.isExpanded() !== flag
+				) {
+					node.setExpanded(flag, opts);
+				}
+			});
+			this.enableUpdate(prev);
+		},
+		/**Find all nodes that matches condition.
+		 *
+		 * @param {string | function(node)} match title string to search for, or a
+		 *     callback function that returns `true` if a node is matched.
+		 * @returns {FancytreeNode[]} array of nodes (may be empty)
+		 * @see FancytreeNode#findAll
+		 * @since 2.12
+		 */
+		findAll: function(match) {
+			return this.rootNode.findAll(match);
+		},
+		/**Find first node that matches condition.
+		 *
+		 * @param {string | function(node)} match title string to search for, or a
+		 *     callback function that returns `true` if a node is matched.
+		 * @returns {FancytreeNode} matching node or null
+		 * @see FancytreeNode#findFirst
+		 * @since 2.12
+		 */
+		findFirst: function(match) {
+			return this.rootNode.findFirst(match);
+		},
+		/** Find the next visible node that starts with `match`, starting at `startNode`
+		 * and wrap-around at the end.
+		 *
+		 * @param {string|function} match
+		 * @param {FancytreeNode} [startNode] defaults to first node
+		 * @returns {FancytreeNode} matching node or null
+		 */
+		findNextNode: function(match, startNode) {
+			//, visibleOnly) {
+			var res = null,
+				firstNode = this.getFirstChild();
+
+			match =
+				typeof match === "string"
+					? _makeNodeTitleStartMatcher(match)
+					: match;
+			startNode = startNode || firstNode;
+
+			function _checkNode(n) {
+				// console.log("_check " + n)
+				if (match(n)) {
+					res = n;
+				}
+				if (res || n === startNode) {
+					return false;
 				}
 			}
-		}
-		function _setStatusNode(data, type) {
-			// Create/modify the dedicated dummy node for 'loading...' or
-			// 'error!' status. (only called for direct child of the invisible
-			// system root)
-			var firstChild = ( node.children ? node.children[0] : null );
-			if ( firstChild && firstChild.isStatusNode() ) {
-				$.extend(firstChild, data);
-				firstChild.statusNodeType = type;
-				tree._callHook("nodeRenderTitle", firstChild);
-			} else {
-				node._setChildren([data]);
-				node.children[0].statusNodeType = type;
-				tree.render();
+			this.visitRows(_checkNode, {
+				start: startNode,
+				includeSelf: false,
+			});
+			// Wrap around search
+			if (!res && startNode !== firstNode) {
+				this.visitRows(_checkNode, {
+					start: firstNode,
+					includeSelf: true,
+				});
 			}
-			return node.children[0];
-		}
+			return res;
+		},
+		/** Find a node relative to another node.
+		 *
+		 * @param {FancytreeNode} node
+		 * @param {string|number} where 'down', 'first', 'last', 'left', 'parent', 'right', or 'up'.
+		 *   (Alternatively the keyCode that would normally trigger this move,
+		 *   e.g. `$.ui.keyCode.LEFT` = 'left'.
+		 * @param {boolean} [includeHidden=false] Not yet implemented
+		 * @returns {FancytreeNode|null}
+		 * @since v2.31
+		 */
+		findRelatedNode: function(node, where, includeHidden) {
+			var res = null,
+				KC = $.ui.keyCode;
 
-		switch( status ){
-		case "ok":
-			_clearStatusNode();
-			node._isLoading = false;
-			node._error = null;
-			node.renderStatus();
-			break;
-		case "loading":
-			if( !node.parent ) {
-				_setStatusNode({
-					title: tree.options.strings.loading + (message ? " (" + message + ")" : ""),
-					// icon: true,  // needed for 'loding' icon
-					checkbox: false,
-					tooltip: details
-				}, status);
-			}
-			node._isLoading = true;
-			node._error = null;
-			node.renderStatus();
-			break;
-		case "error":
-			_setStatusNode({
-				title: tree.options.strings.loadError + (message ? " (" + message + ")" : ""),
-				// icon: false,
-				checkbox: false,
-				tooltip: details
-			}, status);
-			node._isLoading = false;
-			node._error = { message: message, details: details };
-			node.renderStatus();
-			break;
-		case "nodata":
-			_setStatusNode({
-				title: tree.options.strings.noData,
-				// icon: false,
-				checkbox: false,
-				tooltip: details
-			}, status);
-			node._isLoading = false;
-			node._error = null;
-			node.renderStatus();
-			break;
-		default:
-			$.error("invalid node status " + status);
-		}
-	},
-	/**
-	 *
-	 * @param {EventData} ctx
-	 */
-	nodeToggleExpanded: function(ctx) {
-		return this.nodeSetExpanded(ctx, !ctx.node.expanded);
-	},
-	/**
-	 * @param {EventData} ctx
-	 */
-	nodeToggleSelected: function(ctx) {
-		var node = ctx.node,
-			flag = !node.selected;
-
-		// In selectMode: 3 this node may be unselected+partsel, even if
-		// setSelected(true) was called before, due to `unselectable` children.
-		// In this case, we now toggle as `setSelected(false)`
-		if( node.partsel && !node.selected && node._lastSelectIntent === true ) {
-			flag = false;
-			node.selected = true;  // so it is not considered 'nothing to do'
-		}
-		node._lastSelectIntent = flag;
-		return this.nodeSetSelected(ctx, flag);
-	},
-	/** Remove all nodes.
-	 * @param {EventData} ctx
-	 */
-	treeClear: function(ctx) {
-		var tree = ctx.tree;
-		tree.activeNode = null;
-		tree.focusNode = null;
-		tree.$div.find(">ul.fancytree-container").empty();
-		// TODO: call destructors and remove reference loops
-		tree.rootNode.children = null;
-	},
-	/** Widget was created (called only once, even it re-initialized).
-	 * @param {EventData} ctx
-	 */
-	treeCreate: function(ctx) {
-	},
-	/** Widget was destroyed.
-	 * @param {EventData} ctx
-	 */
-	treeDestroy: function(ctx) {
-		this.$div.find(">ul.fancytree-container").remove();
-		this.$source && this.$source.removeClass("fancytree-helper-hidden");
-	},
-	/** Widget was (re-)initialized.
-	 * @param {EventData} ctx
-	 */
-	treeInit: function(ctx) {
-		var tree = ctx.tree,
-			opts = tree.options;
-
-		//this.debug("Fancytree.treeInit()");
-		// Add container to the TAB chain
-		// See http://www.w3.org/TR/wai-aria-practices/#focus_activedescendant
-		// #577: Allow to set tabindex to "0", "-1" and ""
-		tree.$container.attr("tabindex", opts.tabindex);
-
-		// Copy some attributes to tree.data
-		$.each(TREE_ATTRS, function(i, attr) {
-			if( opts[attr] !== undefined ){
-				tree.info("Move option " + attr + " to tree");
-				tree[attr] = opts[attr];
-				delete opts[attr];
-			}
-		});
-
-		if( opts.rtl ) {
-			tree.$container.attr("DIR", "RTL").addClass("fancytree-rtl");
-		}else{
-			tree.$container.removeAttr("DIR").removeClass("fancytree-rtl");
-		}
-		if( opts.aria ){
-			tree.$container.attr("role", "tree");
-			if( opts.selectMode !== 1 ) {
-				tree.$container.attr("aria-multiselectable", true);
-			}
-		}
-		this.treeLoad(ctx);
-	},
-	/** Parse Fancytree from source, as configured in the options.
-	 * @param {EventData} ctx
-	 * @param {object} [source] optional new source (use last data otherwise)
-	 */
-	treeLoad: function(ctx, source) {
-		var metaData, type, $ul,
-			tree = ctx.tree,
-			$container = ctx.widget.element,
-			dfd,
-			// calling context for root node
-			rootCtx = $.extend({}, ctx, {node: this.rootNode});
-
-		if(tree.rootNode.children){
-			this.treeClear(ctx);
-		}
-		source = source || this.options.source;
-
-		if(!source){
-			type = $container.data("type") || "html";
-			switch(type){
-			case "html":
-				$ul = $container.find(">ul:first");
-				$ul.addClass("ui-fancytree-source fancytree-helper-hidden");
-				source = $.ui.fancytree.parseHtml($ul);
-				// allow to init tree.data.foo from <ul data-foo=''>
-				this.data = $.extend(this.data, _getElementDataAsDict($ul));
-				break;
-			case "json":
-				source = $.parseJSON($container.text());
-				// $container already contains the <ul>, but we remove the plain (json) text
-				// $container.empty();
-				$container.contents().filter(function(){
-					return (this.nodeType === 3);
-				}).remove();
-				if( $.isPlainObject(source) ){
-					// We got {foo: 'abc', children: [...]}
-					_assert($.isArray(source.children), "if an object is passed as source, it must contain a 'children' array (all other properties are added to 'tree.data')");
-					metaData = source;
-					source = source.children;
-					delete metaData.children;
-					// Copy some attributes to tree.data
-					$.each(TREE_ATTRS, function(i, attr) {
-						if( metaData[attr] !== undefined ){
-							tree[attr] = metaData[attr];
-							delete metaData[attr];
+			switch (where) {
+				case "parent":
+				case KC.BACKSPACE:
+					if (node.parent && node.parent.parent) {
+						res = node.parent;
+					}
+					break;
+				case "first":
+				case KC.HOME:
+					// First visible node
+					this.visit(function(n) {
+						if (n.isVisible()) {
+							res = n;
+							return false;
 						}
 					});
-					// Copy extra properties to tree.data.foo
-					$.extend(tree.data, metaData);
+					break;
+				case "last":
+				case KC.END:
+					this.visit(function(n) {
+						// last visible node
+						if (n.isVisible()) {
+							res = n;
+						}
+					});
+					break;
+				case "left":
+				case KC.LEFT:
+					if (node.expanded) {
+						node.setExpanded(false);
+					} else if (node.parent && node.parent.parent) {
+						res = node.parent;
+					}
+					break;
+				case "right":
+				case KC.RIGHT:
+					if (!node.expanded && (node.children || node.lazy)) {
+						node.setExpanded();
+						res = node;
+					} else if (node.children && node.children.length) {
+						res = node.children[0];
+					}
+					break;
+				case "up":
+				case KC.UP:
+					this.visitRows(
+						function(n) {
+							res = n;
+							return false;
+						},
+						{ start: node, reverse: true, includeSelf: false }
+					);
+					break;
+				case "down":
+				case KC.DOWN:
+					this.visitRows(
+						function(n) {
+							res = n;
+							return false;
+						},
+						{ start: node, includeSelf: false }
+					);
+					break;
+				default:
+					this.tree.warn("Unknown relation '" + where + "'.");
+			}
+			return res;
+		},
+		// TODO: fromDict
+		/**
+		 * Generate INPUT elements that can be submitted with html forms.
+		 *
+		 * In selectMode 3 only the topmost selected nodes are considered, unless
+		 * `opts.stopOnParents: false` is passed.
+		 *
+		 * @example
+		 * // Generate input elements for active and selected nodes
+		 * tree.generateFormElements();
+		 * // Generate input elements selected nodes, using a custom `name` attribute
+		 * tree.generateFormElements("cust_sel", false);
+		 * // Generate input elements using a custom filter
+		 * tree.generateFormElements(true, true, { filter: function(node) {
+		 *     return node.isSelected() && node.data.yes;
+		 * }});
+		 *
+		 * @param {boolean | string} [selected=true] Pass false to disable, pass a string to override the field name (default: 'ft_ID[]')
+		 * @param {boolean | string} [active=true] Pass false to disable, pass a string to override the field name (default: 'ft_ID_active')
+		 * @param {object} [opts] default { filter: null, stopOnParents: true }
+		 */
+		generateFormElements: function(selected, active, opts) {
+			opts = opts || {};
+
+			var nodeList,
+				selectedName =
+					typeof selected === "string"
+						? selected
+						: "ft_" + this._id + "[]",
+				activeName =
+					typeof active === "string"
+						? active
+						: "ft_" + this._id + "_active",
+				id = "fancytree_result_" + this._id,
+				$result = $("#" + id),
+				stopOnParents =
+					this.options.selectMode === 3 &&
+					opts.stopOnParents !== false;
+
+			if ($result.length) {
+				$result.empty();
+			} else {
+				$result = $("<div>", {
+					id: id,
+				})
+					.hide()
+					.insertAfter(this.$container);
+			}
+			if (active !== false && this.activeNode) {
+				$result.append(
+					$("<input>", {
+						type: "radio",
+						name: activeName,
+						value: this.activeNode.key,
+						checked: true,
+					})
+				);
+			}
+			function _appender(node) {
+				$result.append(
+					$("<input>", {
+						type: "checkbox",
+						name: selectedName,
+						value: node.key,
+						checked: true,
+					})
+				);
+			}
+			if (opts.filter) {
+				this.visit(function(node) {
+					var res = opts.filter(node);
+					if (res === "skip") {
+						return res;
+					}
+					if (res !== false) {
+						_appender(node);
+					}
+				});
+			} else if (selected !== false) {
+				nodeList = this.getSelectedNodes(stopOnParents);
+				$.each(nodeList, function(idx, node) {
+					_appender(node);
+				});
+			}
+		},
+		/**
+		 * Return the currently active node or null.
+		 * @returns {FancytreeNode}
+		 */
+		getActiveNode: function() {
+			return this.activeNode;
+		},
+		/** Return the first top level node if any (not the invisible root node).
+		 * @returns {FancytreeNode | null}
+		 */
+		getFirstChild: function() {
+			return this.rootNode.getFirstChild();
+		},
+		/**
+		 * Return node that has keyboard focus or null.
+		 * @returns {FancytreeNode}
+		 */
+		getFocusNode: function() {
+			return this.focusNode;
+		},
+		/**
+		 * Return current option value.
+		 * (Note: this is the preferred variant of `$().fancytree("option", "KEY")`)
+		 *
+		 * @param {string} name option name (may contain '.')
+		 * @returns {any}
+		 */
+		getOption: function(optionName) {
+			return this.widget.option(optionName);
+		},
+		/**
+		 * Return node with a given key or null if not found.
+		 *
+		 * @param {string} key
+		 * @param {FancytreeNode} [searchRoot] only search below this node
+		 * @returns {FancytreeNode | null}
+		 */
+		getNodeByKey: function(key, searchRoot) {
+			// Search the DOM by element ID (assuming this is faster than traversing all nodes).
+			var el, match;
+			// TODO: use tree.keyMap if available
+			// TODO: check opts.generateIds === true
+			if (!searchRoot) {
+				el = document.getElementById(this.options.idPrefix + key);
+				if (el) {
+					return el.ftnode ? el.ftnode : null;
 				}
-				break;
-			default:
-				$.error("Invalid data-type: " + type);
 			}
-		}else if(typeof source === "string"){
-			// TODO: source is an element ID
-			$.error("Not implemented");
-		}
-
-		// Trigger fancytreeinit after nodes have been loaded
-		dfd = this.nodeLoadChildren(rootCtx, source).done(function(){
-			tree.render();
-			if( ctx.options.selectMode === 3 ){
-				tree.rootNode.fixSelection3FromEndNodes();
-			}
-			if( tree.activeNode && tree.options.activeVisible ) {
-				tree.activeNode.makeVisible();
-			}
-			tree._triggerTreeEvent("init", null, { status: true });
-		}).fail(function(){
-			tree.render();
-			tree._triggerTreeEvent("init", null, { status: false });
-		});
-		return dfd;
-	},
-	/** Node was inserted into or removed from the tree.
-	 * @param {EventData} ctx
-	 * @param {boolean} add
-	 * @param {FancytreeNode} node
-	 */
-	treeRegisterNode: function(ctx, add, node) {
-	},
-	/** Widget got focus.
-	 * @param {EventData} ctx
-	 * @param {boolean} [flag=true]
-	 */
-	treeSetFocus: function(ctx, flag, callOpts) {
-		var targetNode;
-
-		flag = (flag !== false);
-
-		// this.debug("treeSetFocus(" + flag + "), callOpts: ", callOpts, this.hasFocus());
-		// this.debug("    focusNode: " + this.focusNode);
-		// this.debug("    activeNode: " + this.activeNode);
-		if( flag !== this.hasFocus() ){
-			this._hasFocus = flag;
-			if( !flag && this.focusNode ) {
-				// Node also looses focus if widget blurs
-				this.focusNode.setFocus(false);
-			} else if ( flag && (!callOpts || !callOpts.calledByNode) ) {
-				$(this.$container).focus();
-			}
-			this.$container.toggleClass("fancytree-treefocus", flag);
-			this._triggerTreeEvent(flag ? "focusTree" : "blurTree");
-			if( flag && !this.activeNode ) {
-				// #712: Use last mousedowned node ('click' event fires after focusin)
-				targetNode = this._lastMousedownNode || this.getFirstChild();
-				targetNode && targetNode.setFocus();
-			}
-		}
-	},
-	/** Widget option was set using `$().fancytree("option", "foo", "bar")`.
-	 * @param {EventData} ctx
-	 * @param {string} key option name
-	 * @param {any} value option value
-	 */
-	treeSetOption: function(ctx, key, value) {
-		var tree = ctx.tree,
-			callDefault = true,
-			callCreate = false,
-			callRender = false;
-
-		switch( key ) {
-		case "aria":
-		case "checkbox":
-		case "icon":
-		case "minExpandLevel":
-		case "tabindex":
-			// tree._callHook("treeCreate", tree);
-			callCreate = true;
-			callRender = true;
-			break;
-		case "escapeTitles":
-		case "tooltip":
-			callRender = true;
-			break;
-		case "rtl":
-			if( value === false ) {
-				tree.$container.removeAttr("DIR").removeClass("fancytree-rtl");
-			}else{
-				tree.$container.attr("DIR", "RTL").addClass("fancytree-rtl");
-			}
-			callRender = true;
-			break;
-		case "source":
-			callDefault = false;
-			tree._callHook("treeLoad", tree, value);
-			callRender = true;
-			break;
-		}
-		tree.debug("set option " + key + "=" + value + " <" + typeof(value) + ">");
-		if(callDefault){
-			if( this.widget._super ) {
-				// jQuery UI 1.9+
-				this.widget._super.call( this.widget, key, value );
-			} else {
-				// jQuery UI <= 1.8, we have to manually invoke the _setOption method from the base widget
-				$.Widget.prototype._setOption.call(this.widget, key, value);
-			}
-		}
-		if(callCreate){
-			tree._callHook("treeCreate", tree);
-		}
-		if(callRender){
-			tree.render(true, false);  // force, not-deep
-		}
-	}
-});
-
-
-/* ******************************************************************************
- * jQuery UI widget boilerplate
- */
-
-/**
- * The plugin (derrived from <a href=" http://api.jqueryui.com/jQuery.widget/">jQuery.Widget</a>).<br>
- * This constructor is not called directly. Use `$(selector).fancytree({})`
- * to initialize the plugin instead.<br>
- * <pre class="sh_javascript sunlight-highlight-javascript">// Access widget methods and members:
- * var tree = $("#tree").fancytree("getTree");
- * var node = $("#tree").fancytree("getActiveNode", "1234");
- * </pre>
- *
- * @mixin Fancytree_Widget
- */
-
-$.widget("ui.fancytree",
-	/** @lends Fancytree_Widget# */
-	{
-	/**These options will be used as defaults
-	 * @type {FancytreeOptions}
-	 */
-	options:
-	{
-		activeVisible: true,
-		ajax: {
-			type: "GET",
-			cache: false, // false: Append random '_' argument to the request url to prevent caching.
-//          timeout: 0, // >0: Make sure we get an ajax error if server is unreachable
-			dataType: "json" // Expect json format and pass json object to callbacks.
-		},  //
-		aria: true,
-		autoActivate: true,
-		autoCollapse: false,
-		autoScroll: false,
-		checkbox: false,
-		clickFolderMode: 4,
-		debugLevel: null, // 0..4 (null: use global setting $.ui.fancytree.debugInfo)
-		disabled: false, // TODO: required anymore?
-		enableAspx: true,
-		escapeTitles: false,
-		extensions: [],
-		// fx: { height: "toggle", duration: 200 },
-		// toggleEffect: { effect: "drop", options: {direction: "left"}, duration: 200 },
-		// toggleEffect: { effect: "slide", options: {direction: "up"}, duration: 200 },
-		toggleEffect: { effect: "blind", options: {direction: "vertical", scale: "box"}, duration: 200 },
-		generateIds: false,
-		icon: true,
-		idPrefix: "ft_",
-		focusOnSelect: false,
-		keyboard: true,
-		keyPathSeparator: "/",
-		minExpandLevel: 1,
-		quicksearch: false,
-		rtl: false,
-		scrollOfs: {top: 0, bottom: 0},
-		scrollParent: null,
-		selectMode: 2,
-		strings: {
-			loading: "Loading...",  // &#8230; would be escaped when escapeTitles is true
-			loadError: "Load error!",
-			moreData: "More...",
-			noData: "No data."
+			// Not found in the DOM, but still may be in an unrendered part of tree
+			searchRoot = searchRoot || this.rootNode;
+			match = null;
+			key = "" + key; // Convert to string (#1005)
+			searchRoot.visit(function(node) {
+				if (node.key === key) {
+					match = node;
+					return false; // Stop iteration
+				}
+			}, true);
+			return match;
 		},
-		tabindex: "0",
-		titlesTabbable: false,
-		tooltip: false,
-		_classNames: {
-			node: "fancytree-node",
-			folder: "fancytree-folder",
-			animating: "fancytree-animating",
-			combinedExpanderPrefix: "fancytree-exp-",
-			combinedIconPrefix: "fancytree-ico-",
-			hasChildren: "fancytree-has-children",
-			active: "fancytree-active",
-			selected: "fancytree-selected",
-			expanded: "fancytree-expanded",
-			lazy: "fancytree-lazy",
-			focused: "fancytree-focused",
-			partload: "fancytree-partload",
-			partsel: "fancytree-partsel",
-			radio: "fancytree-radio",
-			// radiogroup: "fancytree-radiogroup",
-			unselectable: "fancytree-unselectable",
-			lastsib: "fancytree-lastsib",
-			loading: "fancytree-loading",
-			error: "fancytree-error",
-			statusNodePrefix: "fancytree-statusnode-"
+		/** Return the invisible system root node.
+		 * @returns {FancytreeNode}
+		 */
+		getRootNode: function() {
+			return this.rootNode;
 		},
-		// events
-		lazyLoad: null,
-		postProcess: null
-	},
-	/* Set up the widget, Called on first $().fancytree() */
-	_create: function() {
-		this.tree = new Fancytree(this);
+		/**
+		 * Return an array of selected nodes.
+		 *
+		 * Note: you cannot send this result via Ajax directly. Instead the
+		 * node object need to be converted to plain objects, for example
+		 * by using `$.map()` and `node.toDict()`.
+		 * @param {boolean} [stopOnParents=false] only return the topmost selected
+		 *     node (useful with selectMode 3)
+		 * @returns {FancytreeNode[]}
+		 */
+		getSelectedNodes: function(stopOnParents) {
+			return this.rootNode.getSelectedNodes(stopOnParents);
+		},
+		/** Return true if the tree control has keyboard focus
+		 * @returns {boolean}
+		 */
+		hasFocus: function() {
+			// var ae = document.activeElement,
+			// 	hasFocus = !!(
+			// 		ae && $(ae).closest(".fancytree-container").length
+			// 	);
 
-		this.$source = this.source || this.element.data("type") === "json" ? this.element
-			: this.element.find(">ul:first");
-		// Subclass Fancytree instance with all enabled extensions
-		var extension, extName, i,
-			opts = this.options,
-			extensions = opts.extensions,
-			base = this.tree;
-
-		for(i=0; i<extensions.length; i++){
-			extName = extensions[i];
-			extension = $.ui.fancytree._extensions[extName];
-			if(!extension){
-				$.error("Could not apply extension '" + extName + "' (it is not registered, did you forget to include it?)");
+			// if (hasFocus !== !!this._hasFocus) {
+			// 	this.warn(
+			// 		"hasFocus(): fix inconsistent container state, now: " +
+			// 			hasFocus
+			// 	);
+			// 	this._hasFocus = hasFocus;
+			// 	this.$container.toggleClass("fancytree-treefocus", hasFocus);
+			// }
+			// return hasFocus;
+			return !!this._hasFocus;
+		},
+		/** Write to browser console if debugLevel >= 3 (prepending tree name)
+		 * @param {*} msg string or object or array of such
+		 */
+		info: function(msg) {
+			if (this.options.debugLevel >= 3) {
+				Array.prototype.unshift.call(arguments, this.toString());
+				consoleApply("info", arguments);
 			}
-			// Add extension options as tree.options.EXTENSION
-//			_assert(!this.tree.options[extName], "Extension name must not exist as option name: " + extName);
-			this.tree.options[extName] = $.extend(true, {}, extension.options, this.tree.options[extName]);
-			// Add a namespace tree.ext.EXTENSION, to hold instance data
-			_assert(this.tree.ext[extName] === undefined, "Extension name must not exist as Fancytree.ext attribute: '" + extName + "'");
-//			this.tree[extName] = extension;
-			this.tree.ext[extName] = {};
-			// Subclass Fancytree methods using proxies.
-			_subclassObject(this.tree, base, extension, extName);
-			// current extension becomes base for the next extension
-			base = extension;
-		}
-		//
-		if( opts.icons !== undefined ) {  // 2015-11-16
-			if( opts.icon !== true ) {
-				$.error("'icons' tree option is deprecated since v2.14.0: use 'icon' only instead");
-			} else {
-				this.tree.warn("'icons' tree option is deprecated since v2.14.0: use 'icon' instead");
-				opts.icon = opts.icons;
+		},
+		/** Return true if any node is currently beeing loaded, i.e. a Ajax request is pending.
+		 * @returns {boolean}
+		 * @since 2.32
+		 */
+		isLoading: function() {
+			var res = false;
+
+			this.rootNode.visit(function(n) {
+				// also visit rootNode
+				if (n._isLoading || n._requestId) {
+					res = true;
+					return false;
+				}
+			}, true);
+			return res;
+		},
+		/*
+		TODO: isInitializing: function() {
+			return ( this.phase=="init" || this.phase=="postInit" );
+		},
+		TODO: isReloading: function() {
+			return ( this.phase=="init" || this.phase=="postInit" ) && this.options.persist && this.persistence.cookiesFound;
+		},
+		TODO: isUserEvent: function() {
+			return ( this.phase=="userEvent" );
+		},
+		*/
+
+		/**
+		 * Make sure that a node with a given ID is loaded, by traversing - and
+		 * loading - its parents. This method is meant for lazy hierarchies.
+		 * A callback is executed for every node as we go.
+		 * @example
+		 * // Resolve using node.key:
+		 * tree.loadKeyPath("/_3/_23/_26/_27", function(node, status){
+		 *   if(status === "loaded") {
+		 *     console.log("loaded intermediate node " + node);
+		 *   }else if(status === "ok") {
+		 *     node.activate();
+		 *   }
+		 * });
+		 * // Use deferred promise:
+		 * tree.loadKeyPath("/_3/_23/_26/_27").progress(function(data){
+		 *   if(data.status === "loaded") {
+		 *     console.log("loaded intermediate node " + data.node);
+		 *   }else if(data.status === "ok") {
+		 *     node.activate();
+		 *   }
+		 * }).done(function(){
+		 *    ...
+		 * });
+		 * // Custom path segment resolver:
+		 * tree.loadKeyPath("/321/431/21/2", {
+		 *   matchKey: function(node, key){
+		 *     return node.data.refKey === key;
+		 *   },
+		 *   callback: function(node, status){
+		 *     if(status === "loaded") {
+		 *       console.log("loaded intermediate node " + node);
+		 *     }else if(status === "ok") {
+		 *       node.activate();
+		 *     }
+		 *   }
+		 * });
+		 * @param {string | string[]} keyPathList one or more key paths (e.g. '/3/2_1/7')
+		 * @param {function | object} optsOrCallback callback(node, status) is called for every visited node ('loading', 'loaded', 'ok', 'error').
+		 *     Pass an object to define custom key matchers for the path segments: {callback: function, matchKey: function}.
+		 * @returns {$.Promise}
+		 */
+		loadKeyPath: function(keyPathList, optsOrCallback) {
+			var callback,
+				i,
+				path,
+				self = this,
+				dfd = new $.Deferred(),
+				parent = this.getRootNode(),
+				sep = this.options.keyPathSeparator,
+				pathSegList = [],
+				opts = $.extend({}, optsOrCallback);
+
+			// Prepare options
+			if (typeof optsOrCallback === "function") {
+				callback = optsOrCallback;
+			} else if (optsOrCallback && optsOrCallback.callback) {
+				callback = optsOrCallback.callback;
 			}
-		}
-		if( opts.iconClass !== undefined ) {  // 2015-11-16
-			if( opts.icon ) {
-				$.error("'iconClass' tree option is deprecated since v2.14.0: use 'icon' only instead");
-			} else {
-				this.tree.warn("'iconClass' tree option is deprecated since v2.14.0: use 'icon' instead");
-				opts.icon = opts.iconClass;
+			opts.callback = function(ctx, node, status) {
+				if (callback) {
+					callback.call(ctx, node, status);
+				}
+				dfd.notifyWith(ctx, [{ node: node, status: status }]);
+			};
+			if (opts.matchKey == null) {
+				opts.matchKey = function(node, key) {
+					return node.key === key;
+				};
 			}
-		}
-		if( opts.tabbable !== undefined ) {  // 2016-04-04
-			opts.tabindex = opts.tabbable ? "0" : "-1";
-			this.tree.warn("'tabbable' tree option is deprecated since v2.17.0: use 'tabindex='" + opts.tabindex + "' instead");
-		}
-		//
-		this.tree._callHook("treeCreate", this.tree);
-		// Note: 'fancytreecreate' event is fired by widget base class
-//        this.tree._triggerTreeEvent("create");
-	},
-
-	/* Called on every $().fancytree() */
-	_init: function() {
-		this.tree._callHook("treeInit", this.tree);
-		// TODO: currently we call bind after treeInit, because treeInit
-		// might change tree.$container.
-		// It would be better, to move event binding into hooks altogether
-		this._bind();
-	},
-
-	/* Use the _setOption method to respond to changes to options */
-	_setOption: function(key, value) {
-		return this.tree._callHook("treeSetOption", this.tree, key, value);
-	},
-
-	/** Use the destroy method to clean up any modifications your widget has made to the DOM */
-	destroy: function() {
-		this._unbind();
-		this.tree._callHook("treeDestroy", this.tree);
-		// In jQuery UI 1.8, you must invoke the destroy method from the base widget
-		$.Widget.prototype.destroy.call(this);
-		// TODO: delete tree and nodes to make garbage collect easier?
-		// TODO: In jQuery UI 1.9 and above, you would define _destroy instead of destroy and not call the base method
-	},
-
-	// -------------------------------------------------------------------------
-
-	/* Remove all event handlers for our namespace */
-	_unbind: function() {
-		var ns = this.tree._ns;
-		this.element.off(ns);
-		this.tree.$container.off(ns);
-		$(document).off(ns);
-	},
-	/* Add mouse and kyboard handlers to the container */
-	_bind: function() {
-		var that = this,
-			opts = this.options,
-			tree = this.tree,
-			ns = tree._ns
-			// selstartEvent = ( $.support.selectstart ? "selectstart" : "mousedown" )
-			;
-
-		// Remove all previuous handlers for this tree
-		this._unbind();
-
-		//alert("keydown" + ns + "foc=" + tree.hasFocus() + tree.$container);
-		// tree.debug("bind events; container: ", tree.$container);
-		tree.$container.on("focusin" + ns + " focusout" + ns, function(event){
-			var node = FT.getNode(event),
-				flag = (event.type === "focusin");
-
-			if( !flag && node && $(event.target).is("a") ) {
-				// #764
-				node.debug("Ignored focusout on embedded <a> element.");
-				return;
+			// Convert array of path strings to array of segment arrays
+			if (!$.isArray(keyPathList)) {
+				keyPathList = [keyPathList];
 			}
-			// tree.treeOnFocusInOut.call(tree, event);
-			// tree.debug("Tree container got event " + event.type, node, event, FT.getEventTarget(event));
-			if( flag ) {
-				if( tree._getExpiringValue("focusin") ) {
-					// #789: IE 11 may send duplicate focusin events
-					FT.info("Ignored double focusin.");
+			for (i = 0; i < keyPathList.length; i++) {
+				path = keyPathList[i];
+				// strip leading slash
+				if (path.charAt(0) === sep) {
+					path = path.substr(1);
+				}
+				// segListMap[path] = { parent: parent, segList: path.split(sep) };
+				pathSegList.push(path.split(sep));
+				// targetList.push({ parent: parent, segList: path.split(sep)/* , path: path*/});
+			}
+			// The timeout forces async behavior always (even if nodes are all loaded)
+			// This way a potential progress() event will fire.
+			setTimeout(function() {
+				self._loadKeyPathImpl(dfd, opts, parent, pathSegList).done(
+					function() {
+						dfd.resolve();
+					}
+				);
+			}, 0);
+			return dfd.promise();
+		},
+		/*
+		 * Resolve a list of paths, relative to one parent node.
+		 */
+		_loadKeyPathImpl: function(dfd, opts, parent, pathSegList) {
+			var deferredList,
+				i,
+				key,
+				node,
+				nodeKey,
+				remain,
+				remainMap,
+				tmpParent,
+				segList,
+				subDfd,
+				self = this;
+
+			function __findChild(parent, key) {
+				// console.log("__findChild", key, parent);
+				var i,
+					l,
+					cl = parent.children;
+
+				if (cl) {
+					for (i = 0, l = cl.length; i < l; i++) {
+						if (opts.matchKey(cl[i], key)) {
+							return cl[i];
+						}
+					}
+				}
+				return null;
+			}
+
+			// console.log("_loadKeyPathImpl, parent=", parent, ", pathSegList=", pathSegList);
+
+			// Pass 1:
+			// Handle all path segments for nodes that are already loaded.
+			// Collect distinct top-most lazy nodes in a map.
+			// Note that we can use node.key to de-dupe entries, even if a custom matcher would
+			// look for other node attributes.
+			// map[node.key] => {node: node, pathList: [list of remaining rest-paths]}
+			remainMap = {};
+
+			for (i = 0; i < pathSegList.length; i++) {
+				segList = pathSegList[i];
+				// target = targetList[i];
+
+				// Traverse and pop path segments (i.e. keys), until we hit a lazy, unloaded node
+				tmpParent = parent;
+				while (segList.length) {
+					key = segList.shift();
+					node = __findChild(tmpParent, key);
+					if (!node) {
+						this.warn(
+							"loadKeyPath: key not found: " +
+								key +
+								" (parent: " +
+								tmpParent +
+								")"
+						);
+						opts.callback(this, key, "error");
+						break;
+					} else if (segList.length === 0) {
+						opts.callback(this, node, "ok");
+						break;
+					} else if (!node.lazy || node.hasChildren() !== undefined) {
+						opts.callback(this, node, "loaded");
+						tmpParent = node;
+					} else {
+						opts.callback(this, node, "loaded");
+						key = node.key; //target.segList.join(sep);
+						if (remainMap[key]) {
+							remainMap[key].pathSegList.push(segList);
+						} else {
+							remainMap[key] = {
+								parent: node,
+								pathSegList: [segList],
+							};
+						}
+						break;
+					}
+				}
+			}
+			// console.log("_loadKeyPathImpl AFTER pass 1, remainMap=", remainMap);
+
+			// Now load all lazy nodes and continue iteration for remaining paths
+			deferredList = [];
+
+			// Avoid jshint warning 'Don't make functions within a loop.':
+			function __lazyload(dfd, parent, pathSegList) {
+				// console.log("__lazyload", parent, "pathSegList=", pathSegList);
+				opts.callback(self, parent, "loading");
+				parent
+					.load()
+					.done(function() {
+						self._loadKeyPathImpl
+							.call(self, dfd, opts, parent, pathSegList)
+							.always(_makeResolveFunc(dfd, self));
+					})
+					.fail(function(errMsg) {
+						self.warn("loadKeyPath: error loading lazy " + parent);
+						opts.callback(self, node, "error");
+						dfd.rejectWith(self);
+					});
+			}
+			// remainMap contains parent nodes, each with a list of relative sub-paths.
+			// We start loading all of them now, and pass the the list to each loader.
+			for (nodeKey in remainMap) {
+				if (remainMap.hasOwnProperty(nodeKey)) {
+					remain = remainMap[nodeKey];
+					// console.log("for(): remain=", remain, "remainMap=", remainMap);
+					// key = remain.segList.shift();
+					// node = __findChild(remain.parent, key);
+					// if (node == null) {  // #576
+					// 	// Issue #576, refactored for v2.27:
+					// 	// The root cause was, that sometimes the wrong parent was used here
+					// 	// to find the next segment.
+					// 	// Falling back to getNodeByKey() was a hack that no longer works if a custom
+					// 	// matcher is used, because we cannot assume that a single segment-key is unique
+					// 	// throughout the tree.
+					// 	self.error("loadKeyPath: error loading child by key '" + key + "' (parent: " + target.parent + ")", target);
+					// 	// 	node = self.getNodeByKey(key);
+					// 	continue;
+					// }
+					subDfd = new $.Deferred();
+					deferredList.push(subDfd);
+					__lazyload(subDfd, remain.parent, remain.pathSegList);
+				}
+			}
+			// Return a promise that is resolved, when ALL paths were loaded
+			return $.when.apply($, deferredList).promise();
+		},
+		/** Re-fire beforeActivate, activate, and (optional) focus events.
+		 * Calling this method in the `init` event, will activate the node that
+		 * was marked 'active' in the source data, and optionally set the keyboard
+		 * focus.
+		 * @param [setFocus=false]
+		 */
+		reactivate: function(setFocus) {
+			var res,
+				node = this.activeNode;
+
+			if (!node) {
+				return _getResolvedPromise();
+			}
+			this.activeNode = null; // Force re-activating
+			res = node.setActive(true, { noFocus: true });
+			if (setFocus) {
+				node.setFocus();
+			}
+			return res;
+		},
+		/** Reload tree from source and return a promise.
+		 * @param [source] optional new source (defaults to initial source data)
+		 * @returns {$.Promise}
+		 */
+		reload: function(source) {
+			this._callHook("treeClear", this);
+			return this._callHook("treeLoad", this, source);
+		},
+		/**Render tree (i.e. create DOM elements for all top-level nodes).
+		 * @param {boolean} [force=false] create DOM elemnts, even if parent is collapsed
+		 * @param {boolean} [deep=false]
+		 */
+		render: function(force, deep) {
+			return this.rootNode.render(force, deep);
+		},
+		/**(De)select all nodes.
+		 * @param {boolean} [flag=true]
+		 * @since 2.28
+		 */
+		selectAll: function(flag) {
+			this.visit(function(node) {
+				node.setSelected(flag);
+			});
+		},
+		// TODO: selectKey: function(key, select)
+		// TODO: serializeArray: function(stopOnParents)
+		/**
+		 * @param {boolean} [flag=true]
+		 */
+		setFocus: function(flag) {
+			return this._callHook("treeSetFocus", this, flag);
+		},
+		/**
+		 * Set current option value.
+		 * (Note: this is the preferred variant of `$().fancytree("option", "KEY", VALUE)`)
+		 * @param {string} name option name (may contain '.')
+		 * @param {any} new value
+		 */
+		setOption: function(optionName, value) {
+			return this.widget.option(optionName, value);
+		},
+		/**
+		 * Call console.time() when in debug mode (verbose >= 4).
+		 *
+		 * @param {string} label
+		 */
+		debugTime: function(label) {
+			if (this.options.debugLevel >= 4) {
+				window.console.time(this + " - " + label);
+			}
+		},
+		/**
+		 * Call console.timeEnd() when in debug mode (verbose >= 4).
+		 *
+		 * @param {string} label
+		 */
+		debugTimeEnd: function(label) {
+			if (this.options.debugLevel >= 4) {
+				window.console.timeEnd(this + " - " + label);
+			}
+		},
+		/**
+		 * Return all nodes as nested list of {@link NodeData}.
+		 *
+		 * @param {boolean} [includeRoot=false] Returns the hidden system root node (and its children)
+		 * @param {function} [callback] callback(dict, node) is called for every node, in order to allow modifications.
+		 *     Return `false` to ignore this node or "skip" to include this node without its children.
+		 * @returns {Array | object}
+		 * @see FancytreeNode#toDict
+		 */
+		toDict: function(includeRoot, callback) {
+			var res = this.rootNode.toDict(true, callback);
+			return includeRoot ? res : res.children;
+		},
+		/* Implicitly called for string conversions.
+		 * @returns {string}
+		 */
+		toString: function() {
+			return "Fancytree@" + this._id;
+			// return "<Fancytree(#" + this._id + ")>";
+		},
+		/* _trigger a widget event with additional node ctx.
+		 * @see EventData
+		 */
+		_triggerNodeEvent: function(type, node, originalEvent, extra) {
+			// this.debug("_trigger(" + type + "): '" + ctx.node.title + "'", ctx);
+			var ctx = this._makeHookContext(node, originalEvent, extra),
+				res = this.widget._trigger(type, originalEvent, ctx);
+			if (res !== false && ctx.result !== undefined) {
+				return ctx.result;
+			}
+			return res;
+		},
+		/* _trigger a widget event with additional tree data. */
+		_triggerTreeEvent: function(type, originalEvent, extra) {
+			// this.debug("_trigger(" + type + ")", ctx);
+			var ctx = this._makeHookContext(this, originalEvent, extra),
+				res = this.widget._trigger(type, originalEvent, ctx);
+
+			if (res !== false && ctx.result !== undefined) {
+				return ctx.result;
+			}
+			return res;
+		},
+		/** Call fn(node) for all nodes in hierarchical order (depth-first).
+		 *
+		 * @param {function} fn the callback function.
+		 *     Return false to stop iteration, return "skip" to skip this node and children only.
+		 * @returns {boolean} false, if the iterator was stopped.
+		 */
+		visit: function(fn) {
+			return this.rootNode.visit(fn, false);
+		},
+		/** Call fn(node) for all nodes in vertical order, top down (or bottom up).<br>
+		 * Stop iteration, if fn() returns false.<br>
+		 * Return false if iteration was stopped.
+		 *
+		 * @param {function} fn the callback function.
+		 *     Return false to stop iteration, return "skip" to skip this node and children only.
+		 * @param {object} [options]
+		 *     Defaults:
+		 *     {start: First top node, reverse: false, includeSelf: true, includeHidden: false}
+		 * @returns {boolean} false if iteration was cancelled
+		 * @since 2.28
+		 */
+		visitRows: function(fn, opts) {
+			if (!this.rootNode.hasChildren()) {
+				return false;
+			}
+			if (opts && opts.reverse) {
+				delete opts.reverse;
+				return this._visitRowsUp(fn, opts);
+			}
+			opts = opts || {};
+
+			var i,
+				nextIdx,
+				parent,
+				res,
+				siblings,
+				siblingOfs = 0,
+				skipFirstNode = opts.includeSelf === false,
+				includeHidden = !!opts.includeHidden,
+				checkFilter = !includeHidden && this.enableFilter,
+				node = opts.start || this.rootNode.children[0];
+
+			parent = node.parent;
+			while (parent) {
+				// visit siblings
+				siblings = parent.children;
+				nextIdx = siblings.indexOf(node) + siblingOfs;
+				_assert(
+					nextIdx >= 0,
+					"Could not find " +
+						node +
+						" in parent's children: " +
+						parent
+				);
+
+				for (i = nextIdx; i < siblings.length; i++) {
+					node = siblings[i];
+					if (checkFilter && !node.match && !node.subMatchCount) {
+						continue;
+					}
+					if (!skipFirstNode && fn(node) === false) {
+						return false;
+					}
+					skipFirstNode = false;
+					// Dive into node's child nodes
+					if (
+						node.children &&
+						node.children.length &&
+						(includeHidden || node.expanded)
+					) {
+						// Disable warning: Functions declared within loops referencing an outer
+						// scoped variable may lead to confusing semantics:
+						/*jshint -W083 */
+						res = node.visit(function(n) {
+							if (checkFilter && !n.match && !n.subMatchCount) {
+								return "skip";
+							}
+							if (fn(n) === false) {
+								return false;
+							}
+							if (!includeHidden && n.children && !n.expanded) {
+								return "skip";
+							}
+						}, false);
+						/*jshint +W083 */
+						if (res === false) {
+							return false;
+						}
+					}
+				}
+				// Visit parent nodes (bottom up)
+				node = parent;
+				parent = parent.parent;
+				siblingOfs = 1; //
+			}
+			return true;
+		},
+		/* Call fn(node) for all nodes in vertical order, bottom up.
+		 */
+		_visitRowsUp: function(fn, opts) {
+			var children,
+				idx,
+				parent,
+				includeHidden = !!opts.includeHidden,
+				node = opts.start || this.rootNode.children[0];
+
+			while (true) {
+				parent = node.parent;
+				children = parent.children;
+
+				if (children[0] === node) {
+					// If this is already the first sibling, goto parent
+					node = parent;
+					if (!node.parent) {
+						break; // first node of the tree
+					}
+					children = parent.children;
+				} else {
+					// Otherwise, goto prev. sibling
+					idx = children.indexOf(node);
+					node = children[idx - 1];
+					// If the prev. sibling has children, follow down to last descendant
+					while (
+						// See: https://github.com/eslint/eslint/issues/11302
+						// eslint-disable-next-line no-unmodified-loop-condition
+						(includeHidden || node.expanded) &&
+						node.children &&
+						node.children.length
+					) {
+						children = node.children;
+						parent = node;
+						node = children[children.length - 1];
+					}
+				}
+				// Skip invisible
+				if (!includeHidden && !node.isVisible()) {
+					continue;
+				}
+				if (fn(node) === false) {
+					return false;
+				}
+			}
+		},
+		/** Write warning to browser console if debugLevel >= 2 (prepending tree info)
+		 *
+		 * @param {*} msg string or object or array of such
+		 */
+		warn: function(msg) {
+			if (this.options.debugLevel >= 2) {
+				Array.prototype.unshift.call(arguments, this.toString());
+				consoleApply("warn", arguments);
+			}
+		},
+	};
+
+	/**
+	 * These additional methods of the {@link Fancytree} class are 'hook functions'
+	 * that can be used and overloaded by extensions.
+	 *
+	 * @see [writing extensions](https://github.com/mar10/fancytree/wiki/TutorialExtensions)
+	 * @mixin Fancytree_Hooks
+	 */
+	$.extend(
+		Fancytree.prototype,
+		/** @lends Fancytree_Hooks# */
+		{
+			/** Default handling for mouse click events.
+			 *
+			 * @param {EventData} ctx
+			 */
+			nodeClick: function(ctx) {
+				var activate,
+					expand,
+					// event = ctx.originalEvent,
+					targetType = ctx.targetType,
+					node = ctx.node;
+
+				// this.debug("ftnode.onClick(" + event.type + "): ftnode:" + this + ", button:" + event.button + ", which: " + event.which, ctx);
+				// TODO: use switch
+				// TODO: make sure clicks on embedded <input> doesn't steal focus (see table sample)
+				if (targetType === "expander") {
+					if (node.isLoading()) {
+						// #495: we probably got a click event while a lazy load is pending.
+						// The 'expanded' state is not yet set, so 'toggle' would expand
+						// and trigger lazyLoad again.
+						// It would be better to allow to collapse/expand the status node
+						// while loading (instead of ignoring), but that would require some
+						// more work.
+						node.debug("Got 2nd click while loading: ignored");
+						return;
+					}
+					// Clicking the expander icon always expands/collapses
+					this._callHook("nodeToggleExpanded", ctx);
+				} else if (targetType === "checkbox") {
+					// Clicking the checkbox always (de)selects
+					this._callHook("nodeToggleSelected", ctx);
+					if (ctx.options.focusOnSelect) {
+						// #358
+						this._callHook("nodeSetFocus", ctx, true);
+					}
+				} else {
+					// Honor `clickFolderMode` for
+					expand = false;
+					activate = true;
+					if (node.folder) {
+						switch (ctx.options.clickFolderMode) {
+							case 2: // expand only
+								expand = true;
+								activate = false;
+								break;
+							case 3: // expand and activate
+								activate = true;
+								expand = true; //!node.isExpanded();
+								break;
+							// else 1 or 4: just activate
+						}
+					}
+					if (activate) {
+						this.nodeSetFocus(ctx);
+						this._callHook("nodeSetActive", ctx, true);
+					}
+					if (expand) {
+						if (!activate) {
+							// this._callHook("nodeSetFocus", ctx);
+						}
+						// this._callHook("nodeSetExpanded", ctx, true);
+						this._callHook("nodeToggleExpanded", ctx);
+					}
+				}
+				// Make sure that clicks stop, otherwise <a href='#'> jumps to the top
+				// if(event.target.localName === "a" && event.target.className === "fancytree-title"){
+				// 	event.preventDefault();
+				// }
+				// TODO: return promise?
+			},
+			/** Collapse all other  children of same parent.
+			 *
+			 * @param {EventData} ctx
+			 * @param {object} callOpts
+			 */
+			nodeCollapseSiblings: function(ctx, callOpts) {
+				// TODO: return promise?
+				var ac,
+					i,
+					l,
+					node = ctx.node;
+
+				if (node.parent) {
+					ac = node.parent.children;
+					for (i = 0, l = ac.length; i < l; i++) {
+						if (ac[i] !== node && ac[i].expanded) {
+							this._callHook(
+								"nodeSetExpanded",
+								ac[i],
+								false,
+								callOpts
+							);
+						}
+					}
+				}
+			},
+			/** Default handling for mouse douleclick events.
+			 * @param {EventData} ctx
+			 */
+			nodeDblclick: function(ctx) {
+				// TODO: return promise?
+				if (
+					ctx.targetType === "title" &&
+					ctx.options.clickFolderMode === 4
+				) {
+					// this.nodeSetFocus(ctx);
+					// this._callHook("nodeSetActive", ctx, true);
+					this._callHook("nodeToggleExpanded", ctx);
+				}
+				// TODO: prevent text selection on dblclicks
+				if (ctx.targetType === "title") {
+					ctx.originalEvent.preventDefault();
+				}
+			},
+			/** Default handling for mouse keydown events.
+			 *
+			 * NOTE: this may be called with node == null if tree (but no node) has focus.
+			 * @param {EventData} ctx
+			 */
+			nodeKeydown: function(ctx) {
+				// TODO: return promise?
+				var matchNode,
+					stamp,
+					_res,
+					focusNode,
+					event = ctx.originalEvent,
+					node = ctx.node,
+					tree = ctx.tree,
+					opts = ctx.options,
+					which = event.which,
+					// #909: Use event.key, to get unicode characters.
+					// We can't use `/\w/.test(key)`, because that would
+					// only detect plain ascii alpha-numerics. But we still need
+					// to ignore modifier-only, whitespace, cursor-keys, etc.
+					key = event.key || String.fromCharCode(which),
+					specialModifiers = !!(
+						event.altKey ||
+						event.ctrlKey ||
+						event.metaKey
+					),
+					isAlnum =
+						!MODIFIERS[which] &&
+						!SPECIAL_KEYCODES[which] &&
+						!specialModifiers,
+					$target = $(event.target),
+					handled = true,
+					activate = !(event.ctrlKey || !opts.autoActivate);
+
+				// (node || FT).debug("ftnode.nodeKeydown(" + event.type + "): ftnode:" + this + ", charCode:" + event.charCode + ", keyCode: " + event.keyCode + ", which: " + event.which);
+				// FT.debug( "eventToString(): " + FT.eventToString(event) + ", key='" + key + "', isAlnum: " + isAlnum );
+
+				// Set focus to active (or first node) if no other node has the focus yet
+				if (!node) {
+					focusNode = this.getActiveNode() || this.getFirstChild();
+					if (focusNode) {
+						focusNode.setFocus();
+						node = ctx.node = this.focusNode;
+						node.debug("Keydown force focus on active node");
+					}
+				}
+
+				if (
+					opts.quicksearch &&
+					isAlnum &&
+					!$target.is(":input:enabled")
+				) {
+					// Allow to search for longer streaks if typed in quickly
+					stamp = Date.now();
+					if (stamp - tree.lastQuicksearchTime > 500) {
+						tree.lastQuicksearchTerm = "";
+					}
+					tree.lastQuicksearchTime = stamp;
+					tree.lastQuicksearchTerm += key;
+					// tree.debug("quicksearch find", tree.lastQuicksearchTerm);
+					matchNode = tree.findNextNode(
+						tree.lastQuicksearchTerm,
+						tree.getActiveNode()
+					);
+					if (matchNode) {
+						matchNode.setActive();
+					}
+					event.preventDefault();
 					return;
 				}
-				tree._setExpiringValue("focusin", true, 50);
-
-				if( !node ) {
-					// #789: IE 11 may send focusin before mousdown(?)
-					node = tree._getExpiringValue("mouseDownNode");
-					if( node ) { FT.info("Reconstruct mouse target for focusin from recent event."); }
+				switch (FT.eventToString(event)) {
+					case "+":
+					case "=": // 187: '+' @ Chrome, Safari
+						tree.nodeSetExpanded(ctx, true);
+						break;
+					case "-":
+						tree.nodeSetExpanded(ctx, false);
+						break;
+					case "space":
+						if (node.isPagingNode()) {
+							tree._triggerNodeEvent("clickPaging", ctx, event);
+						} else if (
+							FT.evalOption("checkbox", node, node, opts, false)
+						) {
+							// #768
+							tree.nodeToggleSelected(ctx);
+						} else {
+							tree.nodeSetActive(ctx, true);
+						}
+						break;
+					case "return":
+						tree.nodeSetActive(ctx, true);
+						break;
+					case "home":
+					case "end":
+					case "backspace":
+					case "left":
+					case "right":
+					case "up":
+					case "down":
+						_res = node.navigate(event.which, activate);
+						break;
+					default:
+						handled = false;
 				}
-			}
-			if(node){
-				// For example clicking into an <input> that is part of a node
-				tree._callHook("nodeSetFocus", tree._makeHookContext(node, event), flag);
-			}else{
-				if( tree.tbody && $(event.target).parents("table.fancytree-container > thead").length ) {
-					// #767: ignore events in the table's header
-					tree.debug("Ignore focus event outside table body.", event);
+				if (handled) {
+					event.preventDefault();
+				}
+			},
+
+			// /** Default handling for mouse keypress events. */
+			// nodeKeypress: function(ctx) {
+			//     var event = ctx.originalEvent;
+			// },
+
+			// /** Trigger lazyLoad event (async). */
+			// nodeLazyLoad: function(ctx) {
+			//     var node = ctx.node;
+			//     if(this._triggerNodeEvent())
+			// },
+			/** Load child nodes (async).
+			 *
+			 * @param {EventData} ctx
+			 * @param {object[]|object|string|$.Promise|function} source
+			 * @returns {$.Promise} The deferred will be resolved as soon as the (ajax)
+			 *     data was rendered.
+			 */
+			nodeLoadChildren: function(ctx, source) {
+				var ajax,
+					delay,
+					ajaxDfd = null,
+					resultDfd,
+					isAsync = true,
+					tree = ctx.tree,
+					node = ctx.node,
+					nodePrevParent = node.parent,
+					tag = "nodeLoadChildren",
+					requestId = Date.now();
+
+				// `source` is a callback: use the returned result instead:
+				if ($.isFunction(source)) {
+					source = source.call(tree, { type: "source" }, ctx);
+					_assert(
+						!$.isFunction(source),
+						"source callback must not return another function"
+					);
+				}
+				// `source` is already a promise:
+				if ($.isFunction(source.then)) {
+					// _assert($.isFunction(source.always), "Expected jQuery?");
+					ajaxDfd = source;
+				} else if (source.url) {
+					// `source` is an Ajax options object
+					ajax = $.extend({}, ctx.options.ajax, source);
+					if (ajax.debugDelay) {
+						// Simulate a slow server
+						delay = ajax.debugDelay;
+						delete ajax.debugDelay; // remove debug option
+						if ($.isArray(delay)) {
+							// random delay range [min..max]
+							delay =
+								delay[0] +
+								Math.random() * (delay[1] - delay[0]);
+						}
+						node.warn(
+							"nodeLoadChildren waiting debugDelay " +
+								Math.round(delay) +
+								" ms ..."
+						);
+						ajaxDfd = $.Deferred(function(ajaxDfd) {
+							setTimeout(function() {
+								$.ajax(ajax)
+									.done(function() {
+										ajaxDfd.resolveWith(this, arguments);
+									})
+									.fail(function() {
+										ajaxDfd.rejectWith(this, arguments);
+									});
+							}, delay);
+						});
+					} else {
+						ajaxDfd = $.ajax(ajax);
+					}
+				} else if ($.isPlainObject(source) || $.isArray(source)) {
+					// `source` is already a constant dict or list, but we convert
+					// to a thenable for unified processing.
+					// 2020-01-03: refactored.
+					// `ajaxDfd = $.when(source)` would do the trick, but the returned
+					// promise will resolve async, which broke some tests and
+					// would probably also break current implementations out there.
+					// So we mock-up a thenable that resolves synchronously:
+					ajaxDfd = {
+						then: function(resolve, reject) {
+							resolve(source, null, null);
+						},
+					};
+					isAsync = false;
 				} else {
-					tree._callHook("treeSetFocus", tree, flag);
+					$.error("Invalid source type: " + source);
 				}
-			}
 
-		}).on("selectstart" + ns, "span.fancytree-title", function(event){
-			// prevent mouse-drags to select text ranges
-			// tree.debug("<span title> got event " + event.type);
-			event.preventDefault();
-
-		}).on("keydown" + ns, function(event){
-			// TODO: also bind keyup and keypress
-			// tree.debug("got event " + event.type + ", hasFocus:" + tree.hasFocus());
-			// if(opts.disabled || opts.keyboard === false || !tree.hasFocus() ){
-			if(opts.disabled || opts.keyboard === false ){
-				return true;
-			}
-			var res,
-				node = tree.focusNode, // node may be null
-				ctx = tree._makeHookContext(node || tree, event),
-				prevPhase = tree.phase;
-
-			try {
-				tree.phase = "userEvent";
-				// If a 'fancytreekeydown' handler returns false, skip the default
-				// handling (implemented by tree.nodeKeydown()).
-				if(node){
-					res = tree._triggerNodeEvent("keydown", node, event);
-				}else{
-					res = tree._triggerTreeEvent("keydown", event);
+				// Check for overlapping requests
+				if (node._requestId) {
+					node.warn(
+						"Recursive load request #" +
+							requestId +
+							" while #" +
+							node._requestId +
+							" is pending."
+					);
+					node._requestId = requestId;
+					// 	node.debug("Send load request #" + requestId);
 				}
-				if ( res === "preventNav" ){
-					res = true; // prevent keyboard navigation, but don't prevent default handling of embedded input controls
-				} else if ( res !== false ){
-					res = tree._callHook("nodeKeydown", ctx);
+
+				if (isAsync) {
+					tree.debugTime(tag);
+					tree.nodeSetStatus(ctx, "loading");
+				}
+
+				// The async Ajax request has now started...
+				// Defer the deferred:
+				// we want to be able to reject invalid responses, even if
+				// the raw HTTP Ajax XHR resolved as Ok.
+				// We use the ajaxDfd.then() syntax here, which is compatible with
+				// jQuery and ECMA6.
+				// However resultDfd is a jQuery deferred, which is currently the
+				// expected result type of nodeLoadChildren()
+				resultDfd = new $.Deferred();
+				ajaxDfd.then(
+					function(data, textStatus, jqXHR) {
+						// ajaxDfd was resolved, but we reject or resolve resultDfd
+						// depending on the response data
+						var errorObj, res;
+
+						if (
+							(source.dataType === "json" ||
+								source.dataType === "jsonp") &&
+							typeof data === "string"
+						) {
+							$.error(
+								"Ajax request returned a string (did you get the JSON dataType wrong?)."
+							);
+						}
+						if (node._requestId && node._requestId > requestId) {
+							// The expected request time stamp is later than `requestId`
+							// (which was kept as as closure variable to this handler function)
+							// node.warn("Ignored load response for obsolete request #" + requestId + " (expected #" + node._requestId + ")");
+							resultDfd.rejectWith(this, [
+								RECURSIVE_REQUEST_ERROR,
+							]);
+							return;
+							// } else {
+							// 	node.debug("Response returned for load request #" + requestId);
+						}
+						if (node.parent === null && nodePrevParent !== null) {
+							resultDfd.rejectWith(this, [
+								INVALID_REQUEST_TARGET_ERROR,
+							]);
+							return;
+						}
+						// Allow to adjust the received response data in the `postProcess` event.
+						if (ctx.options.postProcess) {
+							// The handler may either
+							//   - modify `ctx.response` in-place (and leave `ctx.result` undefined)
+							//     => res = undefined
+							//   - return a replacement in `ctx.result`
+							//     => res = <new data>
+							//   If res contains an `error` property, an error status is displayed
+							try {
+								res = tree._triggerNodeEvent(
+									"postProcess",
+									ctx,
+									ctx.originalEvent,
+									{
+										response: data,
+										error: null,
+										dataType: source.dataType,
+									}
+								);
+								if (res.error) {
+									tree.warn(
+										"postProcess returned error:",
+										res
+									);
+								}
+							} catch (e) {
+								res = {
+									error: e,
+									message: "" + e,
+									details: "postProcess failed",
+								};
+							}
+							if (res.error) {
+								// Either postProcess failed with an exception, or the returned
+								// result object has an 'error' property attached:
+								errorObj = $.isPlainObject(res.error)
+									? res.error
+									: { message: res.error };
+								errorObj = tree._makeHookContext(
+									node,
+									null,
+									errorObj
+								);
+								resultDfd.rejectWith(this, [errorObj]);
+								return;
+							}
+							if (
+								$.isArray(res) ||
+								($.isPlainObject(res) &&
+									$.isArray(res.children))
+							) {
+								// Use `ctx.result` if valid
+								// (otherwise use existing data, which may have been modified in-place)
+								data = res;
+							}
+						} else if (
+							data &&
+							data.hasOwnProperty("d") &&
+							ctx.options.enableAspx
+						) {
+							// Process ASPX WebMethod JSON object inside "d" property
+							// (only if no postProcess event was defined)
+							if (ctx.options.enableAspx === 42) {
+								tree.warn(
+									"The default for enableAspx will change to `false` in the fututure. " +
+										"Pass `enableAspx: true` or implement postProcess to silence this warning."
+								);
+							}
+							data =
+								typeof data.d === "string"
+									? $.parseJSON(data.d)
+									: data.d;
+						}
+						resultDfd.resolveWith(this, [data]);
+					},
+					function(jqXHR, textStatus, errorThrown) {
+						// ajaxDfd was rejected, so we reject resultDfd as well
+						var errorObj = tree._makeHookContext(node, null, {
+							error: jqXHR,
+							args: Array.prototype.slice.call(arguments),
+							message: errorThrown,
+							details: jqXHR.status + ": " + errorThrown,
+						});
+						resultDfd.rejectWith(this, [errorObj]);
+					}
+				);
+
+				// The async Ajax request has now started.
+				// resultDfd will be resolved/rejected after the response arrived,
+				// was postProcessed, and checked.
+				// Now we implement the UI update and add the data to the tree.
+				// We also return this promise to the caller.
+				resultDfd
+					.done(function(data) {
+						tree.nodeSetStatus(ctx, "ok");
+						var children, metaData, noDataRes;
+
+						if ($.isPlainObject(data)) {
+							// We got {foo: 'abc', children: [...]}
+							// Copy extra properties to tree.data.foo
+							_assert(
+								node.isRootNode(),
+								"source may only be an object for root nodes (expecting an array of child objects otherwise)"
+							);
+							_assert(
+								$.isArray(data.children),
+								"if an object is passed as source, it must contain a 'children' array (all other properties are added to 'tree.data')"
+							);
+							metaData = data;
+							children = data.children;
+							delete metaData.children;
+							// Copy some attributes to tree.data
+							$.each(TREE_ATTRS, function(i, attr) {
+								if (metaData[attr] !== undefined) {
+									tree[attr] = metaData[attr];
+									delete metaData[attr];
+								}
+							});
+							// Copy all other attributes to tree.data.NAME
+							$.extend(tree.data, metaData);
+						} else {
+							children = data;
+						}
+						_assert(
+							$.isArray(children),
+							"expected array of children"
+						);
+						node._setChildren(children);
+
+						if (tree.options.nodata && children.length === 0) {
+							if ($.isFunction(tree.options.nodata)) {
+								noDataRes = tree.options.nodata.call(
+									tree,
+									{ type: "nodata" },
+									ctx
+								);
+							} else if (
+								tree.options.nodata === true &&
+								node.isRootNode()
+							) {
+								noDataRes = tree.options.strings.noData;
+							} else if (
+								typeof tree.options.nodata === "string" &&
+								node.isRootNode()
+							) {
+								noDataRes = tree.options.nodata;
+							}
+							if (noDataRes) {
+								node.setStatus("nodata", noDataRes);
+							}
+						}
+						// trigger fancytreeloadchildren
+						tree._triggerNodeEvent("loadChildren", node);
+					})
+					.fail(function(error) {
+						var ctxErr;
+
+						if (error === RECURSIVE_REQUEST_ERROR) {
+							node.warn(
+								"Ignored response for obsolete load request #" +
+									requestId +
+									" (expected #" +
+									node._requestId +
+									")"
+							);
+							return;
+						} else if (error === INVALID_REQUEST_TARGET_ERROR) {
+							node.warn(
+								"Lazy parent node was removed while loading: discarding response."
+							);
+							return;
+						} else if (error.node && error.error && error.message) {
+							// error is already a context object
+							ctxErr = error;
+						} else {
+							ctxErr = tree._makeHookContext(node, null, {
+								error: error, // it can be jqXHR or any custom error
+								args: Array.prototype.slice.call(arguments),
+								message: error
+									? error.message || error.toString()
+									: "",
+							});
+							if (ctxErr.message === "[object Object]") {
+								ctxErr.message = "";
+							}
+						}
+						node.warn(
+							"Load children failed (" + ctxErr.message + ")",
+							ctxErr
+						);
+						if (
+							tree._triggerNodeEvent(
+								"loadError",
+								ctxErr,
+								null
+							) !== false
+						) {
+							tree.nodeSetStatus(
+								ctx,
+								"error",
+								ctxErr.message,
+								ctxErr.details
+							);
+						}
+					})
+					.always(function() {
+						node._requestId = null;
+						if (isAsync) {
+							tree.debugTimeEnd(tag);
+						}
+					});
+
+				return resultDfd.promise();
+			},
+			/** [Not Implemented]  */
+			nodeLoadKeyPath: function(ctx, keyPathList) {
+				// TODO: implement and improve
+				// http://code.google.com/p/dynatree/issues/detail?id=222
+			},
+			/**
+			 * Remove a single direct child of ctx.node.
+			 * @param {EventData} ctx
+			 * @param {FancytreeNode} childNode dircect child of ctx.node
+			 */
+			nodeRemoveChild: function(ctx, childNode) {
+				var idx,
+					node = ctx.node,
+					// opts = ctx.options,
+					subCtx = $.extend({}, ctx, { node: childNode }),
+					children = node.children;
+
+				// FT.debug("nodeRemoveChild()", node.toString(), childNode.toString());
+
+				if (children.length === 1) {
+					_assert(childNode === children[0], "invalid single child");
+					return this.nodeRemoveChildren(ctx);
+				}
+				if (
+					this.activeNode &&
+					(childNode === this.activeNode ||
+						this.activeNode.isDescendantOf(childNode))
+				) {
+					this.activeNode.setActive(false); // TODO: don't fire events
+				}
+				if (
+					this.focusNode &&
+					(childNode === this.focusNode ||
+						this.focusNode.isDescendantOf(childNode))
+				) {
+					this.focusNode = null;
+				}
+				// TODO: persist must take care to clear select and expand cookies
+				this.nodeRemoveMarkup(subCtx);
+				this.nodeRemoveChildren(subCtx);
+				idx = $.inArray(childNode, children);
+				_assert(idx >= 0, "invalid child");
+				// Notify listeners
+				node.triggerModifyChild("remove", childNode);
+				// Unlink to support GC
+				childNode.visit(function(n) {
+					n.parent = null;
+				}, true);
+				this._callHook("treeRegisterNode", this, false, childNode);
+				// remove from child list
+				children.splice(idx, 1);
+			},
+			/**Remove HTML markup for all descendents of ctx.node.
+			 * @param {EventData} ctx
+			 */
+			nodeRemoveChildMarkup: function(ctx) {
+				var node = ctx.node;
+
+				// FT.debug("nodeRemoveChildMarkup()", node.toString());
+				// TODO: Unlink attr.ftnode to support GC
+				if (node.ul) {
+					if (node.isRootNode()) {
+						$(node.ul).empty();
+					} else {
+						$(node.ul).remove();
+						node.ul = null;
+					}
+					node.visit(function(n) {
+						n.li = n.ul = null;
+					});
+				}
+			},
+			/**Remove all descendants of ctx.node.
+			 * @param {EventData} ctx
+			 */
+			nodeRemoveChildren: function(ctx) {
+				var //subCtx,
+					tree = ctx.tree,
+					node = ctx.node,
+					children = node.children;
+				// opts = ctx.options;
+
+				// FT.debug("nodeRemoveChildren()", node.toString());
+				if (!children) {
+					return;
+				}
+				if (this.activeNode && this.activeNode.isDescendantOf(node)) {
+					this.activeNode.setActive(false); // TODO: don't fire events
+				}
+				if (this.focusNode && this.focusNode.isDescendantOf(node)) {
+					this.focusNode = null;
+				}
+				// TODO: persist must take care to clear select and expand cookies
+				this.nodeRemoveChildMarkup(ctx);
+				// Unlink children to support GC
+				// TODO: also delete this.children (not possible using visit())
+				// subCtx = $.extend({}, ctx);
+				node.triggerModifyChild("remove", null);
+				node.visit(function(n) {
+					n.parent = null;
+					tree._callHook("treeRegisterNode", tree, false, n);
+				});
+				if (node.lazy) {
+					// 'undefined' would be interpreted as 'not yet loaded' for lazy nodes
+					node.children = [];
+				} else {
+					node.children = null;
+				}
+				if (!node.isRootNode()) {
+					node.expanded = false; // #449, #459
+				}
+				this.nodeRenderStatus(ctx);
+			},
+			/**Remove HTML markup for ctx.node and all its descendents.
+			 * @param {EventData} ctx
+			 */
+			nodeRemoveMarkup: function(ctx) {
+				var node = ctx.node;
+				// FT.debug("nodeRemoveMarkup()", node.toString());
+				// TODO: Unlink attr.ftnode to support GC
+				if (node.li) {
+					$(node.li).remove();
+					node.li = null;
+				}
+				this.nodeRemoveChildMarkup(ctx);
+			},
+			/**
+			 * Create `<li><span>..</span> .. </li>` tags for this node.
+			 *
+			 * This method takes care that all HTML markup is created that is required
+			 * to display this node in its current state.
+			 *
+			 * Call this method to create new nodes, or after the strucuture
+			 * was changed (e.g. after moving this node or adding/removing children)
+			 * nodeRenderTitle() and nodeRenderStatus() are implied.
+			 *
+			 * ```html
+			 * <li id='KEY' ftnode=NODE>
+			 *     <span class='fancytree-node fancytree-expanded fancytree-has-children fancytree-lastsib fancytree-exp-el fancytree-ico-e'>
+			 *         <span class="fancytree-expander"></span>
+			 *         <span class="fancytree-checkbox"></span> // only present in checkbox mode
+			 *         <span class="fancytree-icon"></span>
+			 *         <a href="#" class="fancytree-title"> Node 1 </a>
+			 *     </span>
+			 *     <ul> // only present if node has children
+			 *         <li id='KEY' ftnode=NODE> child1 ... </li>
+			 *         <li id='KEY' ftnode=NODE> child2 ... </li>
+			 *     </ul>
+			 * </li>
+			 * ```
+			 *
+			 * @param {EventData} ctx
+			 * @param {boolean} [force=false] re-render, even if html markup was already created
+			 * @param {boolean} [deep=false] also render all descendants, even if parent is collapsed
+			 * @param {boolean} [collapsed=false] force root node to be collapsed, so we can apply animated expand later
+			 */
+			nodeRender: function(ctx, force, deep, collapsed, _recursive) {
+				/* This method must take care of all cases where the current data mode
+				 * (i.e. node hierarchy) does not match the current markup.
+				 *
+				 * - node was not yet rendered:
+				 *   create markup
+				 * - node was rendered: exit fast
+				 * - children have been added
+				 * - children have been removed
+				 */
+				var childLI,
+					childNode1,
+					childNode2,
+					i,
+					l,
+					next,
+					subCtx,
+					node = ctx.node,
+					tree = ctx.tree,
+					opts = ctx.options,
+					aria = opts.aria,
+					firstTime = false,
+					parent = node.parent,
+					isRootNode = !parent,
+					children = node.children,
+					successorLi = null;
+				// FT.debug("nodeRender(" + !!force + ", " + !!deep + ")", node.toString());
+
+				if (tree._enableUpdate === false) {
+					// tree.debug("no render", tree._enableUpdate);
+					return;
+				}
+				if (!isRootNode && !parent.ul) {
+					// Calling node.collapse on a deep, unrendered node
+					return;
+				}
+				_assert(isRootNode || parent.ul, "parent UL must exist");
+
+				// Render the node
+				if (!isRootNode) {
+					// Discard markup on force-mode, or if it is not linked to parent <ul>
+					if (
+						node.li &&
+						(force || node.li.parentNode !== node.parent.ul)
+					) {
+						if (node.li.parentNode === node.parent.ul) {
+							// #486: store following node, so we can insert the new markup there later
+							successorLi = node.li.nextSibling;
+						} else {
+							// May happen, when a top-level node was dropped over another
+							this.debug(
+								"Unlinking " +
+									node +
+									" (must be child of " +
+									node.parent +
+									")"
+							);
+						}
+						//	            this.debug("nodeRemoveMarkup...");
+						this.nodeRemoveMarkup(ctx);
+					}
+					// Create <li><span /> </li>
+					// node.debug("render...");
+					if (node.li) {
+						// this.nodeRenderTitle(ctx);
+						this.nodeRenderStatus(ctx);
+					} else {
+						// node.debug("render... really");
+						firstTime = true;
+						node.li = document.createElement("li");
+						node.li.ftnode = node;
+
+						if (node.key && opts.generateIds) {
+							node.li.id = opts.idPrefix + node.key;
+						}
+						node.span = document.createElement("span");
+						node.span.className = "fancytree-node";
+						if (aria && !node.tr) {
+							$(node.li).attr("role", "treeitem");
+						}
+						node.li.appendChild(node.span);
+
+						// Create inner HTML for the <span> (expander, checkbox, icon, and title)
+						this.nodeRenderTitle(ctx);
+
+						// Allow tweaking and binding, after node was created for the first time
+						if (opts.createNode) {
+							opts.createNode.call(
+								tree,
+								{ type: "createNode" },
+								ctx
+							);
+						}
+					}
+					// Allow tweaking after node state was rendered
+					if (opts.renderNode) {
+						opts.renderNode.call(tree, { type: "renderNode" }, ctx);
+					}
+				}
+
+				// Visit child nodes
+				if (children) {
+					if (isRootNode || node.expanded || deep === true) {
+						// Create a UL to hold the children
+						if (!node.ul) {
+							node.ul = document.createElement("ul");
+							if (
+								(collapsed === true && !_recursive) ||
+								!node.expanded
+							) {
+								// hide top UL, so we can use an animation to show it later
+								node.ul.style.display = "none";
+							}
+							if (aria) {
+								$(node.ul).attr("role", "group");
+							}
+							if (node.li) {
+								// issue #67
+								node.li.appendChild(node.ul);
+							} else {
+								node.tree.$div.append(node.ul);
+							}
+						}
+						// Add child markup
+						for (i = 0, l = children.length; i < l; i++) {
+							subCtx = $.extend({}, ctx, { node: children[i] });
+							this.nodeRender(subCtx, force, deep, false, true);
+						}
+						// Remove <li> if nodes have moved to another parent
+						childLI = node.ul.firstChild;
+						while (childLI) {
+							childNode2 = childLI.ftnode;
+							if (childNode2 && childNode2.parent !== node) {
+								node.debug(
+									"_fixParent: remove missing " + childNode2,
+									childLI
+								);
+								next = childLI.nextSibling;
+								childLI.parentNode.removeChild(childLI);
+								childLI = next;
+							} else {
+								childLI = childLI.nextSibling;
+							}
+						}
+						// Make sure, that <li> order matches node.children order.
+						childLI = node.ul.firstChild;
+						for (i = 0, l = children.length - 1; i < l; i++) {
+							childNode1 = children[i];
+							childNode2 = childLI.ftnode;
+							if (childNode1 === childNode2) {
+								childLI = childLI.nextSibling;
+							} else {
+								// node.debug("_fixOrder: mismatch at index " + i + ": " + childNode1 + " != " + childNode2);
+								node.ul.insertBefore(
+									childNode1.li,
+									childNode2.li
+								);
+							}
+						}
+					}
+				} else {
+					// No children: remove markup if any
+					if (node.ul) {
+						// alert("remove child markup for " + node);
+						this.warn("remove child markup for " + node);
+						this.nodeRemoveChildMarkup(ctx);
+					}
+				}
+				if (!isRootNode) {
+					// Update element classes according to node state
+					// this.nodeRenderStatus(ctx);
+					// Finally add the whole structure to the DOM, so the browser can render
+					if (firstTime) {
+						// #486: successorLi is set, if we re-rendered (i.e. discarded)
+						// existing markup, which  we want to insert at the same position.
+						// (null is equivalent to append)
+						// 		parent.ul.appendChild(node.li);
+						parent.ul.insertBefore(node.li, successorLi);
+					}
+				}
+			},
+			/** Create HTML inside the node's outer `<span>` (i.e. expander, checkbox,
+			 * icon, and title).
+			 *
+			 * nodeRenderStatus() is implied.
+			 * @param {EventData} ctx
+			 * @param {string} [title] optinal new title
+			 */
+			nodeRenderTitle: function(ctx, title) {
+				// set node connector images, links and text
+				var checkbox,
+					className,
+					icon,
+					nodeTitle,
+					role,
+					tabindex,
+					tooltip,
+					iconTooltip,
+					node = ctx.node,
+					tree = ctx.tree,
+					opts = ctx.options,
+					aria = opts.aria,
+					level = node.getLevel(),
+					ares = [];
+
+				if (title !== undefined) {
+					node.title = title;
+				}
+				if (!node.span || tree._enableUpdate === false) {
+					// Silently bail out if node was not rendered yet, assuming
+					// node.render() will be called as the node becomes visible
+					return;
+				}
+				// Connector (expanded, expandable or simple)
+				role =
+					aria && node.hasChildren() !== false
+						? " role='button'"
+						: "";
+				if (level < opts.minExpandLevel) {
+					if (!node.lazy) {
+						node.expanded = true;
+					}
+					if (level > 1) {
+						ares.push(
+							"<span " +
+								role +
+								" class='fancytree-expander fancytree-expander-fixed'></span>"
+						);
+					}
+					// .. else (i.e. for root level) skip expander/connector alltogether
+				} else {
+					ares.push(
+						"<span " + role + " class='fancytree-expander'></span>"
+					);
+				}
+				// Checkbox mode
+				checkbox = FT.evalOption("checkbox", node, node, opts, false);
+
+				if (checkbox && !node.isStatusNode()) {
+					role = aria ? " role='checkbox'" : "";
+					className = "fancytree-checkbox";
+					if (
+						checkbox === "radio" ||
+						(node.parent && node.parent.radiogroup)
+					) {
+						className += " fancytree-radio";
+					}
+					ares.push(
+						"<span " + role + " class='" + className + "'></span>"
+					);
+				}
+				// Folder or doctype icon
+				if (node.data.iconClass !== undefined) {
+					// 2015-11-16
+					// Handle / warn about backward compatibility
+					if (node.icon) {
+						$.error(
+							"'iconClass' node option is deprecated since v2.14.0: use 'icon' only instead"
+						);
+					} else {
+						node.warn(
+							"'iconClass' node option is deprecated since v2.14.0: use 'icon' instead"
+						);
+						node.icon = node.data.iconClass;
+					}
+				}
+				// If opts.icon is a callback and returns something other than undefined, use that
+				// else if node.icon is a boolean or string, use that
+				// else if opts.icon is a boolean or string, use that
+				// else show standard icon (which may be different for folders or documents)
+				icon = FT.evalOption("icon", node, node, opts, true);
+				// if( typeof icon !== "boolean" ) {
+				// 	// icon is defined, but not true/false: must be a string
+				// 	icon = "" + icon;
+				// }
+				if (icon !== false) {
+					role = aria ? " role='presentation'" : "";
+
+					iconTooltip = FT.evalOption(
+						"iconTooltip",
+						node,
+						node,
+						opts,
+						null
+					);
+					iconTooltip = iconTooltip
+						? " title='" + _escapeTooltip(iconTooltip) + "'"
+						: "";
+
+					if (typeof icon === "string") {
+						if (TEST_IMG.test(icon)) {
+							// node.icon is an image url. Prepend imagePath
+							icon =
+								icon.charAt(0) === "/"
+									? icon
+									: (opts.imagePath || "") + icon;
+							ares.push(
+								"<img src='" +
+									icon +
+									"' class='fancytree-icon'" +
+									iconTooltip +
+									" alt='' />"
+							);
+						} else {
+							ares.push(
+								"<span " +
+									role +
+									" class='fancytree-custom-icon " +
+									icon +
+									"'" +
+									iconTooltip +
+									"></span>"
+							);
+						}
+					} else if (icon.text) {
+						ares.push(
+							"<span " +
+								role +
+								" class='fancytree-custom-icon " +
+								(icon.addClass || "") +
+								"'" +
+								iconTooltip +
+								">" +
+								FT.escapeHtml(icon.text) +
+								"</span>"
+						);
+					} else if (icon.html) {
+						ares.push(
+							"<span " +
+								role +
+								" class='fancytree-custom-icon " +
+								(icon.addClass || "") +
+								"'" +
+								iconTooltip +
+								">" +
+								icon.html +
+								"</span>"
+						);
+					} else {
+						// standard icon: theme css will take care of this
+						ares.push(
+							"<span " +
+								role +
+								" class='fancytree-icon'" +
+								iconTooltip +
+								"></span>"
+						);
+					}
+				}
+				// Node title
+				nodeTitle = "";
+				if (opts.renderTitle) {
+					nodeTitle =
+						opts.renderTitle.call(
+							tree,
+							{ type: "renderTitle" },
+							ctx
+						) || "";
+				}
+				if (!nodeTitle) {
+					tooltip = FT.evalOption("tooltip", node, node, opts, null);
+					if (tooltip === true) {
+						tooltip = node.title;
+					}
+					// if( node.tooltip ) {
+					// 	tooltip = node.tooltip;
+					// } else if ( opts.tooltip ) {
+					// 	tooltip = opts.tooltip === true ? node.title : opts.tooltip.call(tree, node);
+					// }
+					tooltip = tooltip
+						? " title='" + _escapeTooltip(tooltip) + "'"
+						: "";
+					tabindex = opts.titlesTabbable ? " tabindex='0'" : "";
+
+					nodeTitle =
+						"<span class='fancytree-title'" +
+						tooltip +
+						tabindex +
+						">" +
+						(opts.escapeTitles
+							? FT.escapeHtml(node.title)
+							: node.title) +
+						"</span>";
+				}
+				ares.push(nodeTitle);
+				// Note: this will trigger focusout, if node had the focus
+				//$(node.span).html(ares.join("")); // it will cleanup the jQuery data currently associated with SPAN (if any), but it executes more slowly
+				node.span.innerHTML = ares.join("");
+				// Update CSS classes
+				this.nodeRenderStatus(ctx);
+				if (opts.enhanceTitle) {
+					ctx.$title = $(">span.fancytree-title", node.span);
+					nodeTitle =
+						opts.enhanceTitle.call(
+							tree,
+							{ type: "enhanceTitle" },
+							ctx
+						) || "";
+				}
+			},
+			/** Update element classes according to node state.
+			 * @param {EventData} ctx
+			 */
+			nodeRenderStatus: function(ctx) {
+				// Set classes for current status
+				var $ariaElem,
+					node = ctx.node,
+					tree = ctx.tree,
+					opts = ctx.options,
+					// 	nodeContainer = node[tree.nodeContainerAttrName],
+					hasChildren = node.hasChildren(),
+					isLastSib = node.isLastSibling(),
+					aria = opts.aria,
+					cn = opts._classNames,
+					cnList = [],
+					statusElem = node[tree.statusClassPropName];
+
+				if (!statusElem || tree._enableUpdate === false) {
+					// if this function is called for an unrendered node, ignore it (will be updated on nect render anyway)
+					return;
+				}
+				if (aria) {
+					$ariaElem = $(node.tr || node.li);
+				}
+				// Build a list of class names that we will add to the node <span>
+				cnList.push(cn.node);
+				if (tree.activeNode === node) {
+					cnList.push(cn.active);
+					// 		$(">span.fancytree-title", statusElem).attr("tabindex", "0");
+					// 		tree.$container.removeAttr("tabindex");
+					// }else{
+					// 		$(">span.fancytree-title", statusElem).removeAttr("tabindex");
+					// 		tree.$container.attr("tabindex", "0");
+				}
+				if (tree.focusNode === node) {
+					cnList.push(cn.focused);
+				}
+				if (node.expanded) {
+					cnList.push(cn.expanded);
+				}
+				if (aria) {
+					if (hasChildren === false) {
+						$ariaElem.removeAttr("aria-expanded");
+					} else {
+						$ariaElem.attr("aria-expanded", Boolean(node.expanded));
+					}
+				}
+				if (node.folder) {
+					cnList.push(cn.folder);
+				}
+				if (hasChildren !== false) {
+					cnList.push(cn.hasChildren);
+				}
+				// TODO: required?
+				if (isLastSib) {
+					cnList.push(cn.lastsib);
+				}
+				if (node.lazy && node.children == null) {
+					cnList.push(cn.lazy);
+				}
+				if (node.partload) {
+					cnList.push(cn.partload);
+				}
+				if (node.partsel) {
+					cnList.push(cn.partsel);
+				}
+				if (FT.evalOption("unselectable", node, node, opts, false)) {
+					cnList.push(cn.unselectable);
+				}
+				if (node._isLoading) {
+					cnList.push(cn.loading);
+				}
+				if (node._error) {
+					cnList.push(cn.error);
+				}
+				if (node.statusNodeType) {
+					cnList.push(cn.statusNodePrefix + node.statusNodeType);
+				}
+				if (node.selected) {
+					cnList.push(cn.selected);
+					if (aria) {
+						$ariaElem.attr("aria-selected", true);
+					}
+				} else if (aria) {
+					$ariaElem.attr("aria-selected", false);
+				}
+				if (node.extraClasses) {
+					cnList.push(node.extraClasses);
+				}
+				// IE6 doesn't correctly evaluate multiple class names,
+				// so we create combined class names that can be used in the CSS
+				if (hasChildren === false) {
+					cnList.push(
+						cn.combinedExpanderPrefix + "n" + (isLastSib ? "l" : "")
+					);
+				} else {
+					cnList.push(
+						cn.combinedExpanderPrefix +
+							(node.expanded ? "e" : "c") +
+							(node.lazy && node.children == null ? "d" : "") +
+							(isLastSib ? "l" : "")
+					);
+				}
+				cnList.push(
+					cn.combinedIconPrefix +
+						(node.expanded ? "e" : "c") +
+						(node.folder ? "f" : "")
+				);
+				// node.span.className = cnList.join(" ");
+				statusElem.className = cnList.join(" ");
+
+				// TODO: we should not set this in the <span> tag also, if we set it here:
+				// Maybe most (all) of the classes should be set in LI instead of SPAN?
+				if (node.li) {
+					// #719: we have to consider that there may be already other classes:
+					$(node.li).toggleClass(cn.lastsib, isLastSib);
+				}
+			},
+			/** Activate node.
+			 * flag defaults to true.
+			 * If flag is true, the node is activated (must be a synchronous operation)
+			 * If flag is false, the node is deactivated (must be a synchronous operation)
+			 * @param {EventData} ctx
+			 * @param {boolean} [flag=true]
+			 * @param {object} [opts] additional options. Defaults to {noEvents: false, noFocus: false}
+			 * @returns {$.Promise}
+			 */
+			nodeSetActive: function(ctx, flag, callOpts) {
+				// Handle user click / [space] / [enter], according to clickFolderMode.
+				callOpts = callOpts || {};
+				var subCtx,
+					node = ctx.node,
+					tree = ctx.tree,
+					opts = ctx.options,
+					noEvents = callOpts.noEvents === true,
+					noFocus = callOpts.noFocus === true,
+					scroll = callOpts.scrollIntoView !== false,
+					isActive = node === tree.activeNode;
+
+				// flag defaults to true
+				flag = flag !== false;
+				// node.debug("nodeSetActive", flag);
+
+				if (isActive === flag) {
+					// Nothing to do
+					return _getResolvedPromise(node);
+				}
+				// #1042: don't scroll between mousedown/-up when clicking an embedded link
+				if (
+					scroll &&
+					ctx.originalEvent &&
+					$(ctx.originalEvent.target).is("a,:checkbox")
+				) {
+					node.info("Not scrolling while clicking an embedded link.");
+					scroll = false;
+				}
+				if (
+					flag &&
+					!noEvents &&
+					this._triggerNodeEvent(
+						"beforeActivate",
+						node,
+						ctx.originalEvent
+					) === false
+				) {
+					// Callback returned false
+					return _getRejectedPromise(node, ["rejected"]);
+				}
+				if (flag) {
+					if (tree.activeNode) {
+						_assert(
+							tree.activeNode !== node,
+							"node was active (inconsistency)"
+						);
+						subCtx = $.extend({}, ctx, { node: tree.activeNode });
+						tree.nodeSetActive(subCtx, false);
+						_assert(
+							tree.activeNode === null,
+							"deactivate was out of sync?"
+						);
+					}
+
+					if (opts.activeVisible) {
+						// If no focus is set (noFocus: true) and there is no focused node, this node is made visible.
+						// scroll = noFocus && tree.focusNode == null;
+						// #863: scroll by default (unless `scrollIntoView: false` was passed)
+						node.makeVisible({ scrollIntoView: scroll });
+					}
+					tree.activeNode = node;
+					tree.nodeRenderStatus(ctx);
+					if (!noFocus) {
+						tree.nodeSetFocus(ctx);
+					}
+					if (!noEvents) {
+						tree._triggerNodeEvent(
+							"activate",
+							node,
+							ctx.originalEvent
+						);
+					}
+				} else {
+					_assert(
+						tree.activeNode === node,
+						"node was not active (inconsistency)"
+					);
+					tree.activeNode = null;
+					this.nodeRenderStatus(ctx);
+					if (!noEvents) {
+						ctx.tree._triggerNodeEvent(
+							"deactivate",
+							node,
+							ctx.originalEvent
+						);
+					}
+				}
+				return _getResolvedPromise(node);
+			},
+			/** Expand or collapse node, return Deferred.promise.
+			 *
+			 * @param {EventData} ctx
+			 * @param {boolean} [flag=true]
+			 * @param {object} [opts] additional options. Defaults to `{noAnimation: false, noEvents: false}`
+			 * @returns {$.Promise} The deferred will be resolved as soon as the (lazy)
+			 *     data was retrieved, rendered, and the expand animation finished.
+			 */
+			nodeSetExpanded: function(ctx, flag, callOpts) {
+				callOpts = callOpts || {};
+				var _afterLoad,
+					dfd,
+					i,
+					l,
+					parents,
+					prevAC,
+					node = ctx.node,
+					tree = ctx.tree,
+					opts = ctx.options,
+					noAnimation = callOpts.noAnimation === true,
+					noEvents = callOpts.noEvents === true;
+
+				// flag defaults to true
+				flag = flag !== false;
+
+				// node.debug("nodeSetExpanded(" + flag + ")");
+
+				if ($(node.li).hasClass(opts._classNames.animating)) {
+					node.warn(
+						"setExpanded(" + flag + ") while animating: ignored."
+					);
+					return _getRejectedPromise(node, ["recursion"]);
+				}
+
+				if ((node.expanded && flag) || (!node.expanded && !flag)) {
+					// Nothing to do
+					// node.debug("nodeSetExpanded(" + flag + "): nothing to do");
+					return _getResolvedPromise(node);
+				} else if (flag && !node.lazy && !node.hasChildren()) {
+					// Prevent expanding of empty nodes
+					// return _getRejectedPromise(node, ["empty"]);
+					return _getResolvedPromise(node);
+				} else if (!flag && node.getLevel() < opts.minExpandLevel) {
+					// Prevent collapsing locked levels
+					return _getRejectedPromise(node, ["locked"]);
+				} else if (
+					!noEvents &&
+					this._triggerNodeEvent(
+						"beforeExpand",
+						node,
+						ctx.originalEvent
+					) === false
+				) {
+					// Callback returned false
+					return _getRejectedPromise(node, ["rejected"]);
+				}
+				// If this node inside a collpased node, no animation and scrolling is needed
+				if (!noAnimation && !node.isVisible()) {
+					noAnimation = callOpts.noAnimation = true;
+				}
+
+				dfd = new $.Deferred();
+
+				// Auto-collapse mode: collapse all siblings
+				if (flag && !node.expanded && opts.autoCollapse) {
+					parents = node.getParentList(false, true);
+					prevAC = opts.autoCollapse;
+					try {
+						opts.autoCollapse = false;
+						for (i = 0, l = parents.length; i < l; i++) {
+							// TODO: should return promise?
+							this._callHook(
+								"nodeCollapseSiblings",
+								parents[i],
+								callOpts
+							);
+						}
+					} finally {
+						opts.autoCollapse = prevAC;
+					}
+				}
+				// Trigger expand/collapse after expanding
+				dfd.done(function() {
+					var lastChild = node.getLastChild();
+
+					if (
+						flag &&
+						opts.autoScroll &&
+						!noAnimation &&
+						lastChild &&
+						tree._enableUpdate
+					) {
+						// Scroll down to last child, but keep current node visible
+						lastChild
+							.scrollIntoView(true, { topNode: node })
+							.always(function() {
+								if (!noEvents) {
+									ctx.tree._triggerNodeEvent(
+										flag ? "expand" : "collapse",
+										ctx
+									);
+								}
+							});
+					} else {
+						if (!noEvents) {
+							ctx.tree._triggerNodeEvent(
+								flag ? "expand" : "collapse",
+								ctx
+							);
+						}
+					}
+				});
+				// vvv Code below is executed after loading finished:
+				_afterLoad = function(callback) {
+					var cn = opts._classNames,
+						isVisible,
+						isExpanded,
+						effect = opts.toggleEffect;
+
+					node.expanded = flag;
+					tree._callHook(
+						"treeStructureChanged",
+						ctx,
+						flag ? "expand" : "collapse"
+					);
+					// Create required markup, but make sure the top UL is hidden, so we
+					// can animate later
+					tree._callHook("nodeRender", ctx, false, false, true);
+
+					// Hide children, if node is collapsed
+					if (node.ul) {
+						isVisible = node.ul.style.display !== "none";
+						isExpanded = !!node.expanded;
+						if (isVisible === isExpanded) {
+							node.warn(
+								"nodeSetExpanded: UL.style.display already set"
+							);
+						} else if (!effect || noAnimation) {
+							node.ul.style.display =
+								node.expanded || !parent ? "" : "none";
+						} else {
+							// The UI toggle() effect works with the ext-wide extension,
+							// while jQuery.animate() has problems when the title span
+							// has position: absolute.
+							// Since jQuery UI 1.12, the blind effect requires the parent
+							// element to have 'position: relative'.
+							// See #716, #717
+							$(node.li).addClass(cn.animating); // #717
+
+							if ($.isFunction($(node.ul)[effect.effect])) {
+								// tree.debug( "use jquery." + effect.effect + " method" );
+								$(node.ul)[effect.effect]({
+									duration: effect.duration,
+									always: function() {
+										// node.debug("fancytree-animating end: " + node.li.className);
+										$(this).removeClass(cn.animating); // #716
+										$(node.li).removeClass(cn.animating); // #717
+										callback();
+									},
+								});
+							} else {
+								// The UI toggle() effect works with the ext-wide extension,
+								// while jQuery.animate() has problems when the title span
+								// has positon: absolute.
+								// Since jQuery UI 1.12, the blind effect requires the parent
+								// element to have 'position: relative'.
+								// See #716, #717
+								// tree.debug("use specified effect (" + effect.effect + ") with the jqueryui.toggle method");
+
+								// try to stop an animation that might be already in progress
+								$(node.ul).stop(true, true); //< does not work after resetLazy has been called for a node whose animation wasn't complete and effect was "blind"
+
+								// dirty fix to remove a defunct animation (effect: "blind") after resetLazy has been called
+								$(node.ul)
+									.parent()
+									.find(".ui-effects-placeholder")
+									.remove();
+
+								$(node.ul).toggle(
+									effect.effect,
+									effect.options,
+									effect.duration,
+									function() {
+										// node.debug("fancytree-animating end: " + node.li.className);
+										$(this).removeClass(cn.animating); // #716
+										$(node.li).removeClass(cn.animating); // #717
+										callback();
+									}
+								);
+							}
+							return;
+						}
+					}
+					callback();
+				};
+				// ^^^ Code above is executed after loading finshed.
+
+				// Load lazy nodes, if any. Then continue with _afterLoad()
+				if (flag && node.lazy && node.hasChildren() === undefined) {
+					// node.debug("nodeSetExpanded: load start...");
+					node.load()
+						.done(function() {
+							// node.debug("nodeSetExpanded: load done");
+							if (dfd.notifyWith) {
+								// requires jQuery 1.6+
+								dfd.notifyWith(node, ["loaded"]);
+							}
+							_afterLoad(function() {
+								dfd.resolveWith(node);
+							});
+						})
+						.fail(function(errMsg) {
+							_afterLoad(function() {
+								dfd.rejectWith(node, [
+									"load failed (" + errMsg + ")",
+								]);
+							});
+						});
+					/*
+					var source = tree._triggerNodeEvent("lazyLoad", node, ctx.originalEvent);
+					_assert(typeof source !== "boolean", "lazyLoad event must return source in data.result");
+					node.debug("nodeSetExpanded: load start...");
+					this._callHook("nodeLoadChildren", ctx, source).done(function(){
+						node.debug("nodeSetExpanded: load done");
+						if(dfd.notifyWith){ // requires jQuery 1.6+
+							dfd.notifyWith(node, ["loaded"]);
+						}
+						_afterLoad.call(tree);
+					}).fail(function(errMsg){
+						dfd.rejectWith(node, ["load failed (" + errMsg + ")"]);
+					});
+					*/
+				} else {
+					_afterLoad(function() {
+						dfd.resolveWith(node);
+					});
+				}
+				// node.debug("nodeSetExpanded: returns");
+				return dfd.promise();
+			},
+			/** Focus or blur this node.
+			 * @param {EventData} ctx
+			 * @param {boolean} [flag=true]
+			 */
+			nodeSetFocus: function(ctx, flag) {
+				// ctx.node.debug("nodeSetFocus(" + flag + ")");
+				var ctx2,
+					tree = ctx.tree,
+					node = ctx.node,
+					opts = tree.options,
+					// et = ctx.originalEvent && ctx.originalEvent.type,
+					isInput = ctx.originalEvent
+						? $(ctx.originalEvent.target).is(":input")
+						: false;
+
+				flag = flag !== false;
+
+				// (node || tree).debug("nodeSetFocus(" + flag + "), event: " + et + ", isInput: "+ isInput);
+				// Blur previous node if any
+				if (tree.focusNode) {
+					if (tree.focusNode === node && flag) {
+						// node.debug("nodeSetFocus(" + flag + "): nothing to do");
+						return;
+					}
+					ctx2 = $.extend({}, ctx, { node: tree.focusNode });
+					tree.focusNode = null;
+					this._triggerNodeEvent("blur", ctx2);
+					this._callHook("nodeRenderStatus", ctx2);
+				}
+				// Set focus to container and node
+				if (flag) {
+					if (!this.hasFocus()) {
+						node.debug("nodeSetFocus: forcing container focus");
+						this._callHook("treeSetFocus", ctx, true, {
+							calledByNode: true,
+						});
+					}
+					node.makeVisible({ scrollIntoView: false });
+					tree.focusNode = node;
+					if (opts.titlesTabbable) {
+						if (!isInput) {
+							// #621
+							$(node.span)
+								.find(".fancytree-title")
+								.focus();
+						}
+					}
+					if (opts.aria) {
+						// Set active descendant to node's span ID (create one, if needed)
+						$(tree.$container).attr(
+							"aria-activedescendant",
+							$(node.tr || node.li)
+								.uniqueId()
+								.attr("id")
+						);
+						// "ftal_" + opts.idPrefix + node.key);
+					}
+					// $(node.span).find(".fancytree-title").focus();
+					this._triggerNodeEvent("focus", ctx);
+
+					// determine if we have focus on or inside tree container
+					var hasFancytreeFocus =
+						document.activeElement === tree.$container.get(0) ||
+						$(document.activeElement, tree.$container).length >= 1;
+
+					if (!hasFancytreeFocus) {
+						// We cannot set KB focus to a node, so use the tree container
+						// #563, #570: IE scrolls on every call to .focus(), if the container
+						// is partially outside the viewport. So do it only, when absolutely
+						// necessary.
+						$(tree.$container).focus();
+					}
+
+					// if( opts.autoActivate ){
+					// 	tree.nodeSetActive(ctx, true);
+					// }
+					if (opts.autoScroll) {
+						node.scrollIntoView();
+					}
+					this._callHook("nodeRenderStatus", ctx);
+				}
+			},
+			/** (De)Select node, return new status (sync).
+			 *
+			 * @param {EventData} ctx
+			 * @param {boolean} [flag=true]
+			 * @param {object} [opts] additional options. Defaults to {noEvents: false,
+			 *     propagateDown: null, propagateUp: null,
+			 *     callback: null,
+			 *     }
+			 * @returns {boolean} previous status
+			 */
+			nodeSetSelected: function(ctx, flag, callOpts) {
+				callOpts = callOpts || {};
+				var node = ctx.node,
+					tree = ctx.tree,
+					opts = ctx.options,
+					noEvents = callOpts.noEvents === true,
+					parent = node.parent;
+
+				// flag defaults to true
+				flag = flag !== false;
+
+				// node.debug("nodeSetSelected(" + flag + ")", ctx);
+
+				// Cannot (de)select unselectable nodes directly (only by propagation or
+				// by setting the `.selected` property)
+				if (FT.evalOption("unselectable", node, node, opts, false)) {
+					return;
+				}
+
+				// Remember the user's intent, in case down -> up propagation prevents
+				// applying it to node.selected
+				node._lastSelectIntent = flag; // Confusing use of '!'
+
+				// Nothing to do?
+				if (!!node.selected === flag) {
+					if (opts.selectMode === 3 && node.partsel && !flag) {
+						// If propagation prevented selecting this node last time, we still
+						// want to allow to apply setSelected(false) now
+					} else {
+						return flag;
+					}
+				}
+
+				if (
+					!noEvents &&
+					this._triggerNodeEvent(
+						"beforeSelect",
+						node,
+						ctx.originalEvent
+					) === false
+				) {
+					return !!node.selected;
+				}
+				if (flag && opts.selectMode === 1) {
+					// single selection mode (we don't uncheck all tree nodes, for performance reasons)
+					if (tree.lastSelectedNode) {
+						tree.lastSelectedNode.setSelected(false);
+					}
+					node.selected = flag;
+				} else if (
+					opts.selectMode === 3 &&
+					parent &&
+					!parent.radiogroup &&
+					!node.radiogroup
+				) {
+					// multi-hierarchical selection mode
+					node.selected = flag;
+					node.fixSelection3AfterClick(callOpts);
+				} else if (parent && parent.radiogroup) {
+					node.visitSiblings(function(n) {
+						n._changeSelectStatusAttrs(flag && n === node);
+					}, true);
+				} else {
+					// default: selectMode: 2, multi selection mode
+					node.selected = flag;
+				}
+				this.nodeRenderStatus(ctx);
+				tree.lastSelectedNode = flag ? node : null;
+				if (!noEvents) {
+					tree._triggerNodeEvent("select", ctx);
+				}
+			},
+			/** Show node status (ok, loading, error, nodata) using styles and a dummy child node.
+			 *
+			 * @param {EventData} ctx
+			 * @param status
+			 * @param message
+			 * @param details
+			 * @since 2.3
+			 */
+			nodeSetStatus: function(ctx, status, message, details) {
+				var node = ctx.node,
+					tree = ctx.tree;
+
+				function _clearStatusNode() {
+					// Remove dedicated dummy node, if any
+					var firstChild = node.children ? node.children[0] : null;
+					if (firstChild && firstChild.isStatusNode()) {
+						try {
+							// I've seen exceptions here with loadKeyPath...
+							if (node.ul) {
+								node.ul.removeChild(firstChild.li);
+								firstChild.li = null; // avoid leaks (DT issue 215)
+							}
+						} catch (e) {}
+						if (node.children.length === 1) {
+							node.children = [];
+						} else {
+							node.children.shift();
+						}
+						tree._callHook(
+							"treeStructureChanged",
+							ctx,
+							"clearStatusNode"
+						);
+					}
+				}
+				function _setStatusNode(data, type) {
+					// Create/modify the dedicated dummy node for 'loading...' or
+					// 'error!' status. (only called for direct child of the invisible
+					// system root)
+					var firstChild = node.children ? node.children[0] : null;
+					if (firstChild && firstChild.isStatusNode()) {
+						$.extend(firstChild, data);
+						firstChild.statusNodeType = type;
+						tree._callHook("nodeRenderTitle", firstChild);
+					} else {
+						node._setChildren([data]);
+						tree._callHook(
+							"treeStructureChanged",
+							ctx,
+							"setStatusNode"
+						);
+						node.children[0].statusNodeType = type;
+						tree.render();
+					}
+					return node.children[0];
+				}
+
+				switch (status) {
+					case "ok":
+						_clearStatusNode();
+						node._isLoading = false;
+						node._error = null;
+						node.renderStatus();
+						break;
+					case "loading":
+						if (!node.parent) {
+							_setStatusNode(
+								{
+									title:
+										tree.options.strings.loading +
+										(message ? " (" + message + ")" : ""),
+									// icon: true,  // needed for 'loding' icon
+									checkbox: false,
+									tooltip: details,
+								},
+								status
+							);
+						}
+						node._isLoading = true;
+						node._error = null;
+						node.renderStatus();
+						break;
+					case "error":
+						_setStatusNode(
+							{
+								title:
+									tree.options.strings.loadError +
+									(message ? " (" + message + ")" : ""),
+								// icon: false,
+								checkbox: false,
+								tooltip: details,
+							},
+							status
+						);
+						node._isLoading = false;
+						node._error = { message: message, details: details };
+						node.renderStatus();
+						break;
+					case "nodata":
+						_setStatusNode(
+							{
+								title: message || tree.options.strings.noData,
+								// icon: false,
+								checkbox: false,
+								tooltip: details,
+							},
+							status
+						);
+						node._isLoading = false;
+						node._error = null;
+						node.renderStatus();
+						break;
+					default:
+						$.error("invalid node status " + status);
+				}
+			},
+			/**
+			 *
+			 * @param {EventData} ctx
+			 */
+			nodeToggleExpanded: function(ctx) {
+				return this.nodeSetExpanded(ctx, !ctx.node.expanded);
+			},
+			/**
+			 * @param {EventData} ctx
+			 */
+			nodeToggleSelected: function(ctx) {
+				var node = ctx.node,
+					flag = !node.selected;
+
+				// In selectMode: 3 this node may be unselected+partsel, even if
+				// setSelected(true) was called before, due to `unselectable` children.
+				// In this case, we now toggle as `setSelected(false)`
+				if (
+					node.partsel &&
+					!node.selected &&
+					node._lastSelectIntent === true
+				) {
+					flag = false;
+					node.selected = true; // so it is not considered 'nothing to do'
+				}
+				node._lastSelectIntent = flag;
+				return this.nodeSetSelected(ctx, flag);
+			},
+			/** Remove all nodes.
+			 * @param {EventData} ctx
+			 */
+			treeClear: function(ctx) {
+				var tree = ctx.tree;
+				tree.activeNode = null;
+				tree.focusNode = null;
+				tree.$div.find(">ul.fancytree-container").empty();
+				// TODO: call destructors and remove reference loops
+				tree.rootNode.children = null;
+				tree._callHook("treeStructureChanged", ctx, "clear");
+			},
+			/** Widget was created (called only once, even it re-initialized).
+			 * @param {EventData} ctx
+			 */
+			treeCreate: function(ctx) {},
+			/** Widget was destroyed.
+			 * @param {EventData} ctx
+			 */
+			treeDestroy: function(ctx) {
+				this.$div.find(">ul.fancytree-container").remove();
+				if (this.$source) {
+					this.$source.removeClass("fancytree-helper-hidden");
+				}
+			},
+			/** Widget was (re-)initialized.
+			 * @param {EventData} ctx
+			 */
+			treeInit: function(ctx) {
+				var tree = ctx.tree,
+					opts = tree.options;
+
+				//this.debug("Fancytree.treeInit()");
+				// Add container to the TAB chain
+				// See http://www.w3.org/TR/wai-aria-practices/#focus_activedescendant
+				// #577: Allow to set tabindex to "0", "-1" and ""
+				tree.$container.attr("tabindex", opts.tabindex);
+
+				// Copy some attributes to tree.data
+				$.each(TREE_ATTRS, function(i, attr) {
+					if (opts[attr] !== undefined) {
+						tree.info("Move option " + attr + " to tree");
+						tree[attr] = opts[attr];
+						delete opts[attr];
+					}
+				});
+
+				if (opts.checkboxAutoHide) {
+					tree.$container.addClass("fancytree-checkbox-auto-hide");
+				}
+				if (opts.rtl) {
+					tree.$container
+						.attr("DIR", "RTL")
+						.addClass("fancytree-rtl");
+				} else {
+					tree.$container
+						.removeAttr("DIR")
+						.removeClass("fancytree-rtl");
+				}
+				if (opts.aria) {
+					tree.$container.attr("role", "tree");
+					if (opts.selectMode !== 1) {
+						tree.$container.attr("aria-multiselectable", true);
+					}
+				}
+				this.treeLoad(ctx);
+			},
+			/** Parse Fancytree from source, as configured in the options.
+			 * @param {EventData} ctx
+			 * @param {object} [source] optional new source (use last data otherwise)
+			 */
+			treeLoad: function(ctx, source) {
+				var metaData,
+					type,
+					$ul,
+					tree = ctx.tree,
+					$container = ctx.widget.element,
+					dfd,
+					// calling context for root node
+					rootCtx = $.extend({}, ctx, { node: this.rootNode });
+
+				if (tree.rootNode.children) {
+					this.treeClear(ctx);
+				}
+				source = source || this.options.source;
+
+				if (!source) {
+					type = $container.data("type") || "html";
+					switch (type) {
+						case "html":
+							// There should be an embedded `<ul>` with initial nodes,
+							// but another `<ul class='fancytree-container'>` is appended
+							// to the tree's <div> on startup anyway.
+							$ul = $container
+								.find(">ul")
+								.not(".fancytree-container")
+								.first();
+
+							if ($ul.length) {
+								$ul.addClass(
+									"ui-fancytree-source fancytree-helper-hidden"
+								);
+								source = $.ui.fancytree.parseHtml($ul);
+								// allow to init tree.data.foo from <ul data-foo=''>
+								this.data = $.extend(
+									this.data,
+									_getElementDataAsDict($ul)
+								);
+							} else {
+								FT.warn(
+									"No `source` option was passed and container does not contain `<ul>`: assuming `source: []`."
+								);
+								source = [];
+							}
+							break;
+						case "json":
+							source = $.parseJSON($container.text());
+							// $container already contains the <ul>, but we remove the plain (json) text
+							// $container.empty();
+							$container
+								.contents()
+								.filter(function() {
+									return this.nodeType === 3;
+								})
+								.remove();
+							if ($.isPlainObject(source)) {
+								// We got {foo: 'abc', children: [...]}
+								_assert(
+									$.isArray(source.children),
+									"if an object is passed as source, it must contain a 'children' array (all other properties are added to 'tree.data')"
+								);
+								metaData = source;
+								source = source.children;
+								delete metaData.children;
+								// Copy some attributes to tree.data
+								$.each(TREE_ATTRS, function(i, attr) {
+									if (metaData[attr] !== undefined) {
+										tree[attr] = metaData[attr];
+										delete metaData[attr];
+									}
+								});
+								// Copy extra properties to tree.data.foo
+								$.extend(tree.data, metaData);
+							}
+							break;
+						default:
+							$.error("Invalid data-type: " + type);
+					}
+				} else if (typeof source === "string") {
+					// TODO: source is an element ID
+					$.error("Not implemented");
+				}
+
+				// preInit is fired when the widget markup is created, but nodes
+				// not yet loaded
+				tree._triggerTreeEvent("preInit", null);
+
+				// Trigger fancytreeinit after nodes have been loaded
+				dfd = this.nodeLoadChildren(rootCtx, source)
+					.done(function() {
+						tree._callHook(
+							"treeStructureChanged",
+							ctx,
+							"loadChildren"
+						);
+						tree.render();
+						if (ctx.options.selectMode === 3) {
+							tree.rootNode.fixSelection3FromEndNodes();
+						}
+						if (tree.activeNode && tree.options.activeVisible) {
+							tree.activeNode.makeVisible();
+						}
+						tree._triggerTreeEvent("init", null, { status: true });
+					})
+					.fail(function() {
+						tree.render();
+						tree._triggerTreeEvent("init", null, { status: false });
+					});
+				return dfd;
+			},
+			/** Node was inserted into or removed from the tree.
+			 * @param {EventData} ctx
+			 * @param {boolean} add
+			 * @param {FancytreeNode} node
+			 */
+			treeRegisterNode: function(ctx, add, node) {
+				ctx.tree._callHook(
+					"treeStructureChanged",
+					ctx,
+					add ? "addNode" : "removeNode"
+				);
+			},
+			/** Widget got focus.
+			 * @param {EventData} ctx
+			 * @param {boolean} [flag=true]
+			 */
+			treeSetFocus: function(ctx, flag, callOpts) {
+				var targetNode;
+
+				flag = flag !== false;
+
+				// this.debug("treeSetFocus(" + flag + "), callOpts: ", callOpts, this.hasFocus());
+				// this.debug("    focusNode: " + this.focusNode);
+				// this.debug("    activeNode: " + this.activeNode);
+				if (flag !== this.hasFocus()) {
+					this._hasFocus = flag;
+					if (!flag && this.focusNode) {
+						// Node also looses focus if widget blurs
+						this.focusNode.setFocus(false);
+					} else if (flag && (!callOpts || !callOpts.calledByNode)) {
+						$(this.$container).focus();
+					}
+					this.$container.toggleClass("fancytree-treefocus", flag);
+					this._triggerTreeEvent(flag ? "focusTree" : "blurTree");
+					if (flag && !this.activeNode) {
+						// #712: Use last mousedowned node ('click' event fires after focusin)
+						targetNode =
+							this._lastMousedownNode || this.getFirstChild();
+						if (targetNode) {
+							targetNode.setFocus();
+						}
+					}
+				}
+			},
+			/** Widget option was set using `$().fancytree("option", "KEY", VALUE)`.
+			 *
+			 * Note: `key` may reference a nested option, e.g. 'dnd5.scroll'.
+			 * In this case `value`contains the complete, modified `dnd5` option hash.
+			 * We can check for changed values like
+			 *     if( value.scroll !== tree.options.dnd5.scroll ) {...}
+			 *
+			 * @param {EventData} ctx
+			 * @param {string} key option name
+			 * @param {any} value option value
+			 */
+			treeSetOption: function(ctx, key, value) {
+				var tree = ctx.tree,
+					callDefault = true,
+					callCreate = false,
+					callRender = false;
+
+				switch (key) {
+					case "aria":
+					case "checkbox":
+					case "icon":
+					case "minExpandLevel":
+					case "tabindex":
+						// tree._callHook("treeCreate", tree);
+						callCreate = true;
+						callRender = true;
+						break;
+					case "checkboxAutoHide":
+						tree.$container.toggleClass(
+							"fancytree-checkbox-auto-hide",
+							!!value
+						);
+						break;
+					case "escapeTitles":
+					case "tooltip":
+						callRender = true;
+						break;
+					case "rtl":
+						if (value === false) {
+							tree.$container
+								.removeAttr("DIR")
+								.removeClass("fancytree-rtl");
+						} else {
+							tree.$container
+								.attr("DIR", "RTL")
+								.addClass("fancytree-rtl");
+						}
+						callRender = true;
+						break;
+					case "source":
+						callDefault = false;
+						tree._callHook("treeLoad", tree, value);
+						callRender = true;
+						break;
+				}
+				tree.debug(
+					"set option " +
+						key +
+						"=" +
+						value +
+						" <" +
+						typeof value +
+						">"
+				);
+				if (callDefault) {
+					if (this.widget._super) {
+						// jQuery UI 1.9+
+						this.widget._super.call(this.widget, key, value);
+					} else {
+						// jQuery UI <= 1.8, we have to manually invoke the _setOption method from the base widget
+						$.Widget.prototype._setOption.call(
+							this.widget,
+							key,
+							value
+						);
+					}
+				}
+				if (callCreate) {
+					tree._callHook("treeCreate", tree);
+				}
+				if (callRender) {
+					tree.render(true, false); // force, not-deep
+				}
+			},
+			/** A Node was added, removed, moved, or it's visibility changed.
+			 * @param {EventData} ctx
+			 */
+			treeStructureChanged: function(ctx, type) {},
+		}
+	);
+
+	/*******************************************************************************
+	 * jQuery UI widget boilerplate
+	 */
+
+	/**
+	 * The plugin (derrived from [jQuery.Widget](http://api.jqueryui.com/jQuery.widget/)).
+	 *
+	 * **Note:**
+	 * These methods implement the standard jQuery UI widget API.
+	 * It is recommended to use methods of the {Fancytree} instance instead
+	 *
+	 * @example
+	 * // DEPRECATED: Access jQuery UI widget methods and members:
+	 * var tree = $("#tree").fancytree("getTree", "#myTree");
+	 * var node = $.ui.fancytree.getTree("#tree").getActiveNode();
+	 *
+	 * // RECOMMENDED: Use the Fancytree object API
+	 * var tree = $.ui.fancytree.getTree("#myTree");
+	 * var node = tree.getActiveNode();
+	 *
+	 * // or you may already have stored the tree instance upon creation:
+	 * import {createTree, version} from 'jquery.fancytree'
+	 * const tree = createTree('#tree', { ... });
+	 * var node = tree.getActiveNode();
+	 *
+	 * @see {Fancytree_Static#getTree}
+	 * @deprecated Use methods of the {Fancytree} instance instead
+	 * @mixin Fancytree_Widget
+	 */
+
+	$.widget(
+		"ui.fancytree",
+		/** @lends Fancytree_Widget# */
+		{
+			/**These options will be used as defaults
+			 * @type {FancytreeOptions}
+			 */
+			options: {
+				activeVisible: true,
+				ajax: {
+					type: "GET",
+					cache: false, // false: Append random '_' argument to the request url to prevent caching.
+					// timeout: 0, // >0: Make sure we get an ajax error if server is unreachable
+					dataType: "json", // Expect json format and pass json object to callbacks.
+				},
+				aria: true,
+				autoActivate: true,
+				autoCollapse: false,
+				autoScroll: false,
+				checkbox: false,
+				clickFolderMode: 4,
+				copyFunctionsToData: false,
+				debugLevel: null, // 0..4 (null: use global setting $.ui.fancytree.debugLevel)
+				disabled: false, // TODO: required anymore?
+				enableAspx: 42, // TODO: this is truethy, but distinguishable from true: default will change to false in the future
+				escapeTitles: false,
+				extensions: [],
+				focusOnSelect: false,
+				generateIds: false,
+				icon: true,
+				idPrefix: "ft_",
+				keyboard: true,
+				keyPathSeparator: "/",
+				minExpandLevel: 1,
+				nodata: true, // (bool, string, or callback) display message, when no data available
+				quicksearch: false,
+				rtl: false,
+				scrollOfs: { top: 0, bottom: 0 },
+				scrollParent: null,
+				selectMode: 2,
+				strings: {
+					loading: "Loading...", // &#8230; would be escaped when escapeTitles is true
+					loadError: "Load error!",
+					moreData: "More...",
+					noData: "No data.",
+				},
+				tabindex: "0",
+				titlesTabbable: false,
+				toggleEffect: { effect: "slideToggle", duration: 200 }, //< "toggle" or "slideToggle" to use jQuery instead of jQueryUI for toggleEffect animation
+				tooltip: false,
+				treeId: null,
+				_classNames: {
+					active: "fancytree-active",
+					animating: "fancytree-animating",
+					combinedExpanderPrefix: "fancytree-exp-",
+					combinedIconPrefix: "fancytree-ico-",
+					error: "fancytree-error",
+					expanded: "fancytree-expanded",
+					focused: "fancytree-focused",
+					folder: "fancytree-folder",
+					hasChildren: "fancytree-has-children",
+					lastsib: "fancytree-lastsib",
+					lazy: "fancytree-lazy",
+					loading: "fancytree-loading",
+					node: "fancytree-node",
+					partload: "fancytree-partload",
+					partsel: "fancytree-partsel",
+					radio: "fancytree-radio",
+					selected: "fancytree-selected",
+					statusNodePrefix: "fancytree-statusnode-",
+					unselectable: "fancytree-unselectable",
+				},
+				// events
+				lazyLoad: null,
+				postProcess: null,
+			},
+			_deprecationWarning: function(name) {
+				var tree = this.tree;
+
+				if (tree && tree.options.debugLevel >= 3) {
+					tree.warn(
+						"$().fancytree('" +
+							name +
+							"') is deprecated (see https://wwwendt.de/tech/fancytree/doc/jsdoc/Fancytree_Widget.html"
+					);
+				}
+			},
+			/* Set up the widget, Called on first $().fancytree() */
+			_create: function() {
+				this.tree = new Fancytree(this);
+
+				this.$source =
+					this.source || this.element.data("type") === "json"
+						? this.element
+						: this.element.find(">ul").first();
+				// Subclass Fancytree instance with all enabled extensions
+				var extension,
+					extName,
+					i,
+					opts = this.options,
+					extensions = opts.extensions,
+					base = this.tree;
+
+				for (i = 0; i < extensions.length; i++) {
+					extName = extensions[i];
+					extension = $.ui.fancytree._extensions[extName];
+					if (!extension) {
+						$.error(
+							"Could not apply extension '" +
+								extName +
+								"' (it is not registered, did you forget to include it?)"
+						);
+					}
+					// Add extension options as tree.options.EXTENSION
+					// 	_assert(!this.tree.options[extName], "Extension name must not exist as option name: " + extName);
+
+					// console.info("extend " + extName, extension.options, this.tree.options[extName])
+					// issue #876: we want to replace custom array-options, not merge them
+					this.tree.options[extName] = _simpleDeepMerge(
+						{},
+						extension.options,
+						this.tree.options[extName]
+					);
+					// this.tree.options[extName] = $.extend(true, {}, extension.options, this.tree.options[extName]);
+
+					// console.info("extend " + extName + " =>", this.tree.options[extName])
+					// console.info("extend " + extName + " org default =>", extension.options)
+
+					// Add a namespace tree.ext.EXTENSION, to hold instance data
+					_assert(
+						this.tree.ext[extName] === undefined,
+						"Extension name must not exist as Fancytree.ext attribute: '" +
+							extName +
+							"'"
+					);
+					// this.tree[extName] = extension;
+					this.tree.ext[extName] = {};
+					// Subclass Fancytree methods using proxies.
+					_subclassObject(this.tree, base, extension, extName);
+					// current extension becomes base for the next extension
+					base = extension;
+				}
+				//
+				if (opts.icons !== undefined) {
+					// 2015-11-16
+					if (opts.icon === true) {
+						this.tree.warn(
+							"'icons' tree option is deprecated since v2.14.0: use 'icon' instead"
+						);
+						opts.icon = opts.icons;
+					} else {
+						$.error(
+							"'icons' tree option is deprecated since v2.14.0: use 'icon' only instead"
+						);
+					}
+				}
+				if (opts.iconClass !== undefined) {
+					// 2015-11-16
+					if (opts.icon) {
+						$.error(
+							"'iconClass' tree option is deprecated since v2.14.0: use 'icon' only instead"
+						);
+					} else {
+						this.tree.warn(
+							"'iconClass' tree option is deprecated since v2.14.0: use 'icon' instead"
+						);
+						opts.icon = opts.iconClass;
+					}
+				}
+				if (opts.tabbable !== undefined) {
+					// 2016-04-04
+					opts.tabindex = opts.tabbable ? "0" : "-1";
+					this.tree.warn(
+						"'tabbable' tree option is deprecated since v2.17.0: use 'tabindex='" +
+							opts.tabindex +
+							"' instead"
+					);
+				}
+				//
+				this.tree._callHook("treeCreate", this.tree);
+				// Note: 'fancytreecreate' event is fired by widget base class
+				//        this.tree._triggerTreeEvent("create");
+			},
+
+			/* Called on every $().fancytree() */
+			_init: function() {
+				this.tree._callHook("treeInit", this.tree);
+				// TODO: currently we call bind after treeInit, because treeInit
+				// might change tree.$container.
+				// It would be better, to move event binding into hooks altogether
+				this._bind();
+			},
+
+			/* Use the _setOption method to respond to changes to options. */
+			_setOption: function(key, value) {
+				return this.tree._callHook(
+					"treeSetOption",
+					this.tree,
+					key,
+					value
+				);
+			},
+
+			/** Use the destroy method to clean up any modifications your widget has made to the DOM */
+			_destroy: function() {
+				this._unbind();
+				this.tree._callHook("treeDestroy", this.tree);
+				// In jQuery UI 1.8, you must invoke the destroy method from the base widget
+				// $.Widget.prototype.destroy.call(this);
+				// TODO: delete tree and nodes to make garbage collect easier?
+				// TODO: In jQuery UI 1.9 and above, you would define _destroy instead of destroy and not call the base method
+			},
+
+			// -------------------------------------------------------------------------
+
+			/* Remove all event handlers for our namespace */
+			_unbind: function() {
+				var ns = this.tree._ns;
+				this.element.off(ns);
+				this.tree.$container.off(ns);
+				$(document).off(ns);
+			},
+			/* Add mouse and kyboard handlers to the container */
+			_bind: function() {
+				var self = this,
+					opts = this.options,
+					tree = this.tree,
+					ns = tree._ns;
+				// selstartEvent = ( $.support.selectstart ? "selectstart" : "mousedown" )
+
+				// Remove all previuous handlers for this tree
+				this._unbind();
+
+				//alert("keydown" + ns + "foc=" + tree.hasFocus() + tree.$container);
+				// tree.debug("bind events; container: ", tree.$container);
+				tree.$container
+					.on("focusin" + ns + " focusout" + ns, function(event) {
+						var node = FT.getNode(event),
+							flag = event.type === "focusin";
+
+						if (!flag && node && $(event.target).is("a")) {
+							// #764
+							node.debug(
+								"Ignored focusout on embedded <a> element."
+							);
+							return;
+						}
+						// tree.treeOnFocusInOut.call(tree, event);
+						// tree.debug("Tree container got event " + event.type, node, event, FT.getEventTarget(event));
+						if (flag) {
+							if (tree._getExpiringValue("focusin")) {
+								// #789: IE 11 may send duplicate focusin events
+								tree.debug("Ignored double focusin.");
+								return;
+							}
+							tree._setExpiringValue("focusin", true, 50);
+
+							if (!node) {
+								// #789: IE 11 may send focusin before mousdown(?)
+								node = tree._getExpiringValue("mouseDownNode");
+								if (node) {
+									tree.debug(
+										"Reconstruct mouse target for focusin from recent event."
+									);
+								}
+							}
+						}
+						if (node) {
+							// For example clicking into an <input> that is part of a node
+							tree._callHook(
+								"nodeSetFocus",
+								tree._makeHookContext(node, event),
+								flag
+							);
+						} else {
+							if (
+								tree.tbody &&
+								$(event.target).parents(
+									"table.fancytree-container > thead"
+								).length
+							) {
+								// #767: ignore events in the table's header
+								tree.debug(
+									"Ignore focus event outside table body.",
+									event
+								);
+							} else {
+								tree._callHook("treeSetFocus", tree, flag);
+							}
+						}
+					})
+					.on("selectstart" + ns, "span.fancytree-title", function(
+						event
+					) {
+						// prevent mouse-drags to select text ranges
+						// tree.debug("<span title> got event " + event.type);
+						event.preventDefault();
+					})
+					.on("keydown" + ns, function(event) {
+						// TODO: also bind keyup and keypress
+						// tree.debug("got event " + event.type + ", hasFocus:" + tree.hasFocus());
+						// if(opts.disabled || opts.keyboard === false || !tree.hasFocus() ){
+						if (opts.disabled || opts.keyboard === false) {
+							return true;
+						}
+						var res,
+							node = tree.focusNode, // node may be null
+							ctx = tree._makeHookContext(node || tree, event),
+							prevPhase = tree.phase;
+
+						try {
+							tree.phase = "userEvent";
+							// If a 'fancytreekeydown' handler returns false, skip the default
+							// handling (implemented by tree.nodeKeydown()).
+							if (node) {
+								res = tree._triggerNodeEvent(
+									"keydown",
+									node,
+									event
+								);
+							} else {
+								res = tree._triggerTreeEvent("keydown", event);
+							}
+							if (res === "preventNav") {
+								res = true; // prevent keyboard navigation, but don't prevent default handling of embedded input controls
+							} else if (res !== false) {
+								res = tree._callHook("nodeKeydown", ctx);
+							}
+							return res;
+						} finally {
+							tree.phase = prevPhase;
+						}
+					})
+					.on("mousedown" + ns, function(event) {
+						var et = FT.getEventTarget(event);
+						// self.tree.debug("event(" + event.type + "): node: ", et.node);
+						// #712: Store the clicked node, so we can use it when we get a focusin event
+						//       ('click' event fires after focusin)
+						// tree.debug("event(" + event.type + "): node: ", et.node);
+						tree._lastMousedownNode = et ? et.node : null;
+						// #789: Store the node also for a short period, so we can use it
+						// in a *resulting* focusin event
+						tree._setExpiringValue(
+							"mouseDownNode",
+							tree._lastMousedownNode
+						);
+					})
+					.on("click" + ns + " dblclick" + ns, function(event) {
+						if (opts.disabled) {
+							return true;
+						}
+						var ctx,
+							et = FT.getEventTarget(event),
+							node = et.node,
+							tree = self.tree,
+							prevPhase = tree.phase;
+
+						// self.tree.debug("event(" + event.type + "): node: ", node);
+						if (!node) {
+							return true; // Allow bubbling of other events
+						}
+						ctx = tree._makeHookContext(node, event);
+						// self.tree.debug("event(" + event.type + "): node: ", node);
+						try {
+							tree.phase = "userEvent";
+							switch (event.type) {
+								case "click":
+									ctx.targetType = et.type;
+									if (node.isPagingNode()) {
+										return (
+											tree._triggerNodeEvent(
+												"clickPaging",
+												ctx,
+												event
+											) === true
+										);
+									}
+									return tree._triggerNodeEvent(
+										"click",
+										ctx,
+										event
+									) === false
+										? false
+										: tree._callHook("nodeClick", ctx);
+								case "dblclick":
+									ctx.targetType = et.type;
+									return tree._triggerNodeEvent(
+										"dblclick",
+										ctx,
+										event
+									) === false
+										? false
+										: tree._callHook("nodeDblclick", ctx);
+							}
+						} finally {
+							tree.phase = prevPhase;
+						}
+					});
+			},
+			/** Return the active node or null.
+			 * @returns {FancytreeNode}
+			 * @deprecated Use methods of the Fancytree instance instead (<a href="Fancytree_Widget.html">example above</a>).
+			 */
+			getActiveNode: function() {
+				this._deprecationWarning("getActiveNode");
+				return this.tree.activeNode;
+			},
+			/** Return the matching node or null.
+			 * @param {string} key
+			 * @returns {FancytreeNode}
+			 * @deprecated Use methods of the Fancytree instance instead (<a href="Fancytree_Widget.html">example above</a>).
+			 */
+			getNodeByKey: function(key) {
+				this._deprecationWarning("getNodeByKey");
+				return this.tree.getNodeByKey(key);
+			},
+			/** Return the invisible system root node.
+			 * @returns {FancytreeNode}
+			 * @deprecated Use methods of the Fancytree instance instead (<a href="Fancytree_Widget.html">example above</a>).
+			 */
+			getRootNode: function() {
+				this._deprecationWarning("getRootNode");
+				return this.tree.rootNode;
+			},
+			/** Return the current tree instance.
+			 * @returns {Fancytree}
+			 * @deprecated Use `$.ui.fancytree.getTree()` instead (<a href="Fancytree_Widget.html">example above</a>).
+			 */
+			getTree: function() {
+				this._deprecationWarning("getTree");
+				return this.tree;
+			},
+		}
+	);
+
+	// $.ui.fancytree was created by the widget factory. Create a local shortcut:
+	FT = $.ui.fancytree;
+
+	/**
+	 * Static members in the `$.ui.fancytree` namespace.
+	 * This properties and methods can be accessed without instantiating a concrete
+	 * Fancytree instance.
+	 *
+	 * @example
+	 * // Access static members:
+	 * var node = $.ui.fancytree.getNode(element);
+	 * alert($.ui.fancytree.version);
+	 *
+	 * @mixin Fancytree_Static
+	 */
+	$.extend(
+		$.ui.fancytree,
+		/** @lends Fancytree_Static# */
+		{
+			/** Version number `"MAJOR.MINOR.PATCH"`
+			 * @type {string} */
+			version: "2.38.0", // Set to semver by 'grunt release'
+			/** @type {string}
+			 * @description `"production" for release builds` */
+			buildType: "production", // Set to 'production' by 'grunt build'
+			/** @type {int}
+			 * @description 0: silent .. 5: verbose (default: 3 for release builds). */
+			debugLevel: 3, // Set to 3 by 'grunt build'
+			// Used by $.ui.fancytree.debug() and as default for tree.options.debugLevel
+
+			_nextId: 1,
+			_nextNodeKey: 1,
+			_extensions: {},
+			// focusTree: null,
+
+			/** Expose class object as `$.ui.fancytree._FancytreeClass`.
+			 * Useful to extend `$.ui.fancytree._FancytreeClass.prototype`.
+			 * @type {Fancytree}
+			 */
+			_FancytreeClass: Fancytree,
+			/** Expose class object as $.ui.fancytree._FancytreeNodeClass
+			 * Useful to extend `$.ui.fancytree._FancytreeNodeClass.prototype`.
+			 * @type {FancytreeNode}
+			 */
+			_FancytreeNodeClass: FancytreeNode,
+			/* Feature checks to provide backwards compatibility */
+			jquerySupports: {
+				// http://jqueryui.com/upgrade-guide/1.9/#deprecated-offset-option-merged-into-my-and-at
+				positionMyOfs: isVersionAtLeast($.ui.version, 1, 9),
+			},
+			/** Throw an error if condition fails (debug method).
+			 * @param {boolean} cond
+			 * @param {string} msg
+			 */
+			assert: function(cond, msg) {
+				return _assert(cond, msg);
+			},
+			/** Create a new Fancytree instance on a target element.
+			 *
+			 * @param {Element | jQueryObject | string} el Target DOM element or selector
+			 * @param {FancytreeOptions} [opts] Fancytree options
+			 * @returns {Fancytree} new tree instance
+			 * @example
+			 * var tree = $.ui.fancytree.createTree("#tree", {
+			 *     source: {url: "my/webservice"}
+			 * }); // Create tree for this matching element
+			 *
+			 * @since 2.25
+			 */
+			createTree: function(el, opts) {
+				var $tree = $(el).fancytree(opts);
+				return FT.getTree($tree);
+			},
+			/** Return a function that executes *fn* at most every *timeout* ms.
+			 * @param {integer} timeout
+			 * @param {function} fn
+			 * @param {boolean} [invokeAsap=false]
+			 * @param {any} [ctx]
+			 */
+			debounce: function(timeout, fn, invokeAsap, ctx) {
+				var timer;
+				if (arguments.length === 3 && typeof invokeAsap !== "boolean") {
+					ctx = invokeAsap;
+					invokeAsap = false;
+				}
+				return function() {
+					var args = arguments;
+					ctx = ctx || this;
+					// eslint-disable-next-line no-unused-expressions
+					invokeAsap && !timer && fn.apply(ctx, args);
+					clearTimeout(timer);
+					timer = setTimeout(function() {
+						// eslint-disable-next-line no-unused-expressions
+						invokeAsap || fn.apply(ctx, args);
+						timer = null;
+					}, timeout);
+				};
+			},
+			/** Write message to console if debugLevel >= 4
+			 * @param {string} msg
+			 */
+			debug: function(msg) {
+				if ($.ui.fancytree.debugLevel >= 4) {
+					consoleApply("log", arguments);
+				}
+			},
+			/** Write error message to console if debugLevel >= 1.
+			 * @param {string} msg
+			 */
+			error: function(msg) {
+				if ($.ui.fancytree.debugLevel >= 1) {
+					consoleApply("error", arguments);
+				}
+			},
+			/** Convert `<`, `>`, `&`, `"`, `'`, and `/` to the equivalent entities.
+			 *
+			 * @param {string} s
+			 * @returns {string}
+			 */
+			escapeHtml: function(s) {
+				return ("" + s).replace(REX_HTML, function(s) {
+					return ENTITY_MAP[s];
+				});
+			},
+			/** Make jQuery.position() arguments backwards compatible, i.e. if
+			 * jQuery UI version <= 1.8, convert
+			 *   { my: "left+3 center", at: "left bottom", of: $target }
+			 * to
+			 *   { my: "left center", at: "left bottom", of: $target, offset: "3  0" }
+			 *
+			 * See http://jqueryui.com/upgrade-guide/1.9/#deprecated-offset-option-merged-into-my-and-at
+			 * and http://jsfiddle.net/mar10/6xtu9a4e/
+			 *
+			 * @param {object} opts
+			 * @returns {object} the (potentially modified) original opts hash object
+			 */
+			fixPositionOptions: function(opts) {
+				if (opts.offset || ("" + opts.my + opts.at).indexOf("%") >= 0) {
+					$.error(
+						"expected new position syntax (but '%' is not supported)"
+					);
+				}
+				if (!$.ui.fancytree.jquerySupports.positionMyOfs) {
+					var // parse 'left+3 center' into ['left+3 center', 'left', '+3', 'center', undefined]
+						myParts = /(\w+)([+-]?\d+)?\s+(\w+)([+-]?\d+)?/.exec(
+							opts.my
+						),
+						atParts = /(\w+)([+-]?\d+)?\s+(\w+)([+-]?\d+)?/.exec(
+							opts.at
+						),
+						// convert to numbers
+						dx =
+							(myParts[2] ? +myParts[2] : 0) +
+							(atParts[2] ? +atParts[2] : 0),
+						dy =
+							(myParts[4] ? +myParts[4] : 0) +
+							(atParts[4] ? +atParts[4] : 0);
+
+					opts = $.extend({}, opts, {
+						// make a copy and overwrite
+						my: myParts[1] + " " + myParts[3],
+						at: atParts[1] + " " + atParts[3],
+					});
+					if (dx || dy) {
+						opts.offset = "" + dx + " " + dy;
+					}
+				}
+				return opts;
+			},
+			/** Return a {node: FancytreeNode, type: TYPE} object for a mouse event.
+			 *
+			 * @param {Event} event Mouse event, e.g. click, ...
+			 * @returns {object} Return a {node: FancytreeNode, type: TYPE} object
+			 *     TYPE: 'title' | 'prefix' | 'expander' | 'checkbox' | 'icon' | undefined
+			 */
+			getEventTarget: function(event) {
+				var $target,
+					tree,
+					tcn = event && event.target ? event.target.className : "",
+					res = { node: this.getNode(event.target), type: undefined };
+				// We use a fast version of $(res.node).hasClass()
+				// See http://jsperf.com/test-for-classname/2
+				if (/\bfancytree-title\b/.test(tcn)) {
+					res.type = "title";
+				} else if (/\bfancytree-expander\b/.test(tcn)) {
+					res.type =
+						res.node.hasChildren() === false
+							? "prefix"
+							: "expander";
+					// }else if( /\bfancytree-checkbox\b/.test(tcn) || /\bfancytree-radio\b/.test(tcn) ){
+				} else if (/\bfancytree-checkbox\b/.test(tcn)) {
+					res.type = "checkbox";
+				} else if (/\bfancytree(-custom)?-icon\b/.test(tcn)) {
+					res.type = "icon";
+				} else if (/\bfancytree-node\b/.test(tcn)) {
+					// Somewhere near the title
+					res.type = "title";
+				} else if (event && event.target) {
+					$target = $(event.target);
+					if ($target.is("ul[role=group]")) {
+						// #nnn: Clicking right to a node may hit the surrounding UL
+						tree = res.node && res.node.tree;
+						(tree || FT).debug("Ignoring click on outer UL.");
+						res.node = null;
+					} else if ($target.closest(".fancytree-title").length) {
+						// #228: clicking an embedded element inside a title
+						res.type = "title";
+					} else if ($target.closest(".fancytree-checkbox").length) {
+						// E.g. <svg> inside checkbox span
+						res.type = "checkbox";
+					} else if ($target.closest(".fancytree-expander").length) {
+						res.type = "expander";
+					}
 				}
 				return res;
-			} finally {
-				tree.phase = prevPhase;
-			}
-
-		}).on("mousedown" + ns, function(event){
-			var et = FT.getEventTarget(event);
-			// that.tree.debug("event(" + event.type + "): node: ", et.node);
-			// #712: Store the clicked node, so we can use it when we get a focusin event
-			//       ('click' event fires after focusin)
-			// tree.debug("event(" + event.type + "): node: ", et.node);
-			tree._lastMousedownNode = et ? et.node : null;
-			// #789: Store the node also for a short period, so we can use it
-			// in a *resulting* focusin event
-			tree._setExpiringValue("mouseDownNode", tree._lastMousedownNode);
-
-		}).on("click" + ns + " dblclick" + ns, function(event){
-			if(opts.disabled){
-				return true;
-			}
-			var ctx,
-				et = FT.getEventTarget(event),
-				node = et.node,
-				tree = that.tree,
-				prevPhase = tree.phase;
-
-			// that.tree.debug("event(" + event.type + "): node: ", node);
-			if( !node ){
-				return true;  // Allow bubbling of other events
-			}
-			ctx = tree._makeHookContext(node, event);
-			// that.tree.debug("event(" + event.type + "): node: ", node);
-			try {
-				tree.phase = "userEvent";
-				switch(event.type) {
-				case "click":
-					ctx.targetType = et.type;
-					if( node.isPagingNode() ) {
-						return tree._triggerNodeEvent("clickPaging", ctx, event) === true;
-					}
-					return ( tree._triggerNodeEvent("click", ctx, event) === false ) ? false : tree._callHook("nodeClick", ctx);
-				case "dblclick":
-					ctx.targetType = et.type;
-					return ( tree._triggerNodeEvent("dblclick", ctx, event) === false ) ? false : tree._callHook("nodeDblclick", ctx);
+			},
+			/** Return a string describing the affected node region for a mouse event.
+			 *
+			 * @param {Event} event Mouse event, e.g. click, mousemove, ...
+			 * @returns {string} 'title' | 'prefix' | 'expander' | 'checkbox' | 'icon' | undefined
+			 */
+			getEventTargetType: function(event) {
+				return this.getEventTarget(event).type;
+			},
+			/** Return a FancytreeNode instance from element, event, or jQuery object.
+			 *
+			 * @param {Element | jQueryObject | Event} el
+			 * @returns {FancytreeNode} matching node or null
+			 */
+			getNode: function(el) {
+				if (el instanceof FancytreeNode) {
+					return el; // el already was a FancytreeNode
+				} else if (el instanceof $) {
+					el = el[0]; // el was a jQuery object: use the DOM element
+				} else if (el.originalEvent !== undefined) {
+					el = el.target; // el was an Event
 				}
-			} finally {
-				tree.phase = prevPhase;
+				while (el) {
+					if (el.ftnode) {
+						return el.ftnode;
+					}
+					el = el.parentNode;
+				}
+				return null;
+			},
+			/** Return a Fancytree instance, from element, index, event, or jQueryObject.
+			 *
+			 * @param {Element | jQueryObject | Event | integer | string} [el]
+			 * @returns {Fancytree} matching tree or null
+			 * @example
+			 * $.ui.fancytree.getTree();  // Get first Fancytree instance on page
+			 * $.ui.fancytree.getTree(1);  // Get second Fancytree instance on page
+			 * $.ui.fancytree.getTree(event);  // Get tree for this mouse- or keyboard event
+			 * $.ui.fancytree.getTree("foo");  // Get tree for this `opts.treeId`
+			 * $.ui.fancytree.getTree("#tree");  // Get tree for this matching element
+			 *
+			 * @since 2.13
+			 */
+			getTree: function(el) {
+				var widget,
+					orgEl = el;
+
+				if (el instanceof Fancytree) {
+					return el; // el already was a Fancytree
+				}
+				if (el === undefined) {
+					el = 0; // get first tree
+				}
+				if (typeof el === "number") {
+					el = $(".fancytree-container").eq(el); // el was an integer: return nth instance
+				} else if (typeof el === "string") {
+					// `el` may be a treeId or a selector:
+					el = $("#ft-id-" + orgEl).eq(0);
+					if (!el.length) {
+						el = $(orgEl).eq(0); // el was a selector: use first match
+					}
+				} else if (
+					el instanceof Element ||
+					el instanceof HTMLDocument
+				) {
+					el = $(el);
+				} else if (el instanceof $) {
+					el = el.eq(0); // el was a jQuery object: use the first
+				} else if (el.originalEvent !== undefined) {
+					el = $(el.target); // el was an Event
+				}
+				// el is a jQuery object wit one element here
+				el = el.closest(":ui-fancytree");
+				widget = el.data("ui-fancytree") || el.data("fancytree"); // the latter is required by jQuery <= 1.8
+				return widget ? widget.tree : null;
+			},
+			/** Return an option value that has a default, but may be overridden by a
+			 * callback or a node instance attribute.
+			 *
+			 * Evaluation sequence:
+			 *
+			 * If `tree.options.<optionName>` is a callback that returns something, use that.
+			 * Else if `node.<optionName>` is defined, use that.
+			 * Else if `tree.options.<optionName>` is a value, use that.
+			 * Else use `defaultValue`.
+			 *
+			 * @param {string} optionName name of the option property (on node and tree)
+			 * @param {FancytreeNode} node passed to the callback
+			 * @param {object} nodeObject where to look for the local option property, e.g. `node` or `node.data`
+			 * @param {object} treeOption where to look for the tree option, e.g. `tree.options` or `tree.options.dnd5`
+			 * @param {any} [defaultValue]
+			 * @returns {any}
+			 *
+			 * @example
+			 * // Check for node.foo, tree,options.foo(), and tree.options.foo:
+			 * $.ui.fancytree.evalOption("foo", node, node, tree.options);
+			 * // Check for node.data.bar, tree,options.qux.bar(), and tree.options.qux.bar:
+			 * $.ui.fancytree.evalOption("bar", node, node.data, tree.options.qux);
+			 *
+			 * @since 2.22
+			 */
+			evalOption: function(
+				optionName,
+				node,
+				nodeObject,
+				treeOptions,
+				defaultValue
+			) {
+				var ctx,
+					res,
+					tree = node.tree,
+					treeOpt = treeOptions[optionName],
+					nodeOpt = nodeObject[optionName];
+
+				if ($.isFunction(treeOpt)) {
+					ctx = {
+						node: node,
+						tree: tree,
+						widget: tree.widget,
+						options: tree.widget.options,
+						typeInfo: tree.types[node.type] || {},
+					};
+					res = treeOpt.call(tree, { type: optionName }, ctx);
+					if (res == null) {
+						res = nodeOpt;
+					}
+				} else {
+					res = nodeOpt == null ? treeOpt : nodeOpt;
+				}
+				if (res == null) {
+					res = defaultValue; // no option set at all: return default
+				}
+				return res;
+			},
+			/** Set expander, checkbox, or node icon, supporting string and object format.
+			 *
+			 * @param {Element | jQueryObject} span
+			 * @param {string} baseClass
+			 * @param {string | object} icon
+			 * @since 2.27
+			 */
+			setSpanIcon: function(span, baseClass, icon) {
+				var $span = $(span);
+
+				if (typeof icon === "string") {
+					$span.attr("class", baseClass + " " + icon);
+				} else {
+					// support object syntax: { text: ligature, addClasse: classname }
+					if (icon.text) {
+						$span.text("" + icon.text);
+					} else if (icon.html) {
+						span.innerHTML = icon.html;
+					}
+					$span.attr(
+						"class",
+						baseClass + " " + (icon.addClass || "")
+					);
+				}
+			},
+			/** Convert a keydown or mouse event to a canonical string like 'ctrl+a',
+			 * 'ctrl+shift+f2', 'shift+leftdblclick'.
+			 *
+			 * This is especially handy for switch-statements in event handlers.
+			 *
+			 * @param {event}
+			 * @returns {string}
+			 *
+			 * @example
+
+			switch( $.ui.fancytree.eventToString(event) ) {
+				case "-":
+					tree.nodeSetExpanded(ctx, false);
+					break;
+				case "shift+return":
+					tree.nodeSetActive(ctx, true);
+					break;
+				case "down":
+					res = node.navigate(event.which, activate);
+					break;
+				default:
+					handled = false;
 			}
-		});
-	},
-	/** Return the active node or null.
-	 * @returns {FancytreeNode}
-	 */
-	getActiveNode: function() {
-		return this.tree.activeNode;
-	},
-	/** Return the matching node or null.
-	 * @param {string} key
-	 * @returns {FancytreeNode}
-	 */
-	getNodeByKey: function(key) {
-		return this.tree.getNodeByKey(key);
-	},
-	/** Return the invisible system root node.
-	 * @returns {FancytreeNode}
-	 */
-	getRootNode: function() {
-		return this.tree.rootNode;
-	},
-	/** Return the current tree instance.
-	 * @returns {Fancytree}
-	 */
-	getTree: function() {
-		return this.tree;
-	}
-});
-
-// $.ui.fancytree was created by the widget factory. Create a local shortcut:
-FT = $.ui.fancytree;
-
-/**
- * Static members in the `$.ui.fancytree` namespace.<br>
- * <br>
- * <pre class="sh_javascript sunlight-highlight-javascript">// Access static members:
- * var node = $.ui.fancytree.getNode(element);
- * alert($.ui.fancytree.version);
- * </pre>
- *
- * @mixin Fancytree_Static
- */
-$.extend($.ui.fancytree,
-	/** @lends Fancytree_Static# */
-	{
-	/** @type {string} */
-	version: "2.28.1",      // Set to semver by 'grunt release'
-	/** @type {string} */
-	buildType: "production", // Set to 'production' by 'grunt build'
-	/** @type {int} */
-	debugLevel: 3,            // Set to 3 by 'grunt build'
-							  // Used by $.ui.fancytree.debug() and as default for tree.options.debugLevel
-
-	_nextId: 1,
-	_nextNodeKey: 1,
-	_extensions: {},
-	// focusTree: null,
-
-	/** Expose class object as $.ui.fancytree._FancytreeClass */
-	_FancytreeClass: Fancytree,
-	/** Expose class object as $.ui.fancytree._FancytreeNodeClass */
-	_FancytreeNodeClass: FancytreeNode,
-	/* Feature checks to provide backwards compatibility */
-	jquerySupports: {
-		// http://jqueryui.com/upgrade-guide/1.9/#deprecated-offset-option-merged-into-my-and-at
-		positionMyOfs: isVersionAtLeast($.ui.version, 1, 9)
-		},
-	/** Throw an error if condition fails (debug method).
-	 * @param {boolean} cond
-	 * @param {string} msg
-	 */
-	assert: function(cond, msg){
-		return _assert(cond, msg);
-	},
-	/** Create a new Fancytree instance on a target element.
-	 *
-	 * @param {Element | jQueryObject | string} el Target DOM element or selector
-	 * @param {FancytreeOptions} [opts] Fancytree options
-	 * @returns {Fancytree} new tree instance
-	 * @example
-	 * var tree = $.ui.fancytree.createTree("#tree", {
-	 *     source: {url: "my/webservice"}
-	 * }); // Create tree for this matching element
-	 *
-	 * @since 2.25
-	 */
-	createTree: function(el, opts){
-		var tree = $(el).fancytree(opts).fancytree("getTree");
-		return tree;
-	},
-	/** Return a function that executes *fn* at most every *timeout* ms.
-	 * @param {integer} timeout
-	 * @param {function} fn
-	 * @param {boolean} [invokeAsap=false]
-	 * @param {any} [ctx]
-	 */
-	debounce: function(timeout, fn, invokeAsap, ctx) {
-		var timer;
-		if(arguments.length === 3 && typeof invokeAsap !== "boolean") {
-			ctx = invokeAsap;
-			invokeAsap = false;
-		}
-		return function() {
-			var args = arguments;
-			ctx = ctx || this;
-			invokeAsap && !timer && fn.apply(ctx, args);
-			clearTimeout(timer);
-			timer = setTimeout(function() {
-				invokeAsap || fn.apply(ctx, args);
-				timer = null;
-			}, timeout);
-		};
-	},
-	/** Write message to console if debugLevel >= 4
-	 * @param {string} msg
-	 */
-	debug: function(msg){
-		/*jshint expr:true */
-		($.ui.fancytree.debugLevel >= 4) && consoleApply("log", arguments);
-	},
-	/** Write error message to console if debugLevel >= 1.
-	 * @param {string} msg
-	 */
-	error: function(msg){
-		($.ui.fancytree.debugLevel >= 1) && consoleApply("error", arguments);
-	},
-	/** Convert &lt;, &gt;, &amp;, &quot;, &#39;, &#x2F; to the equivalent entities.
-	 *
-	 * @param {string} s
-	 * @returns {string}
-	 */
-	escapeHtml: function(s){
-		return ("" + s).replace(REX_HTML, function(s) {
-			return ENTITY_MAP[s];
-		});
-	},
-	/** Make jQuery.position() arguments backwards compatible, i.e. if
-	 * jQuery UI version <= 1.8, convert
-	 *   { my: "left+3 center", at: "left bottom", of: $target }
-	 * to
-	 *   { my: "left center", at: "left bottom", of: $target, offset: "3  0" }
-	 *
-	 * See http://jqueryui.com/upgrade-guide/1.9/#deprecated-offset-option-merged-into-my-and-at
-	 * and http://jsfiddle.net/mar10/6xtu9a4e/
-	 *
-	 * @param {object} opts
-	 * @returns {object} the (potentially modified) original opts hash object
-	 */
-	fixPositionOptions: function(opts) {
-		if( opts.offset || ("" + opts.my + opts.at ).indexOf("%") >= 0 ) {
-		   $.error("expected new position syntax (but '%' is not supported)");
-		}
-		if( ! $.ui.fancytree.jquerySupports.positionMyOfs ) {
-			var // parse 'left+3 center' into ['left+3 center', 'left', '+3', 'center', undefined]
-				myParts = /(\w+)([+-]?\d+)?\s+(\w+)([+-]?\d+)?/.exec(opts.my),
-				atParts = /(\w+)([+-]?\d+)?\s+(\w+)([+-]?\d+)?/.exec(opts.at),
-				// convert to numbers
-				dx = (myParts[2] ? (+myParts[2]) : 0) + (atParts[2] ? (+atParts[2]) : 0),
-				dy = (myParts[4] ? (+myParts[4]) : 0) + (atParts[4] ? (+atParts[4]) : 0);
-
-			opts = $.extend({}, opts, { // make a copy and overwrite
-				my: myParts[1] + " " + myParts[3],
-				at: atParts[1] + " " + atParts[3]
-			});
-			if( dx || dy ) {
-				opts.offset = "" + dx + " " + dy;
+			if( handled ){
+				event.preventDefault();
 			}
-		}
-		return opts;
-	},
-	/** Return a {node: FancytreeNode, type: TYPE} object for a mouse event.
-	 *
-	 * @param {Event} event Mouse event, e.g. click, ...
-	 * @returns {object} Return a {node: FancytreeNode, type: TYPE} object
-	 *     TYPE: 'title' | 'prefix' | 'expander' | 'checkbox' | 'icon' | undefined
-	 */
-	getEventTarget: function(event){
-		var $target,
-			tcn = event && event.target ? event.target.className : "",
-			res = {node: this.getNode(event.target), type: undefined};
-		// We use a fast version of $(res.node).hasClass()
-		// See http://jsperf.com/test-for-classname/2
-		if( /\bfancytree-title\b/.test(tcn) ){
-			res.type = "title";
-		}else if( /\bfancytree-expander\b/.test(tcn) ){
-			res.type = (res.node.hasChildren() === false ? "prefix" : "expander");
-		// }else if( /\bfancytree-checkbox\b/.test(tcn) || /\bfancytree-radio\b/.test(tcn) ){
-		}else if( /\bfancytree-checkbox\b/.test(tcn) ){
-			res.type = "checkbox";
-		}else if( /\bfancytree(-custom)?-icon\b/.test(tcn) ){
-			res.type = "icon";
-		}else if( /\bfancytree-node\b/.test(tcn) ){
-			// Somewhere near the title
-			res.type = "title";
-		}else if( event && event.target ) {
-			$target = $(event.target);
-			if( $target.is("ul[role=group]") ) {
-				// #nnn: Clicking right to a node may hit the surrounding UL
-				FT.info("Ignoring click on outer UL.");
-				res.node = null;
-			}else if( $target.closest(".fancytree-title").length ) {
-				// #228: clicking an embedded element inside a title
-				res.type = "title";
-			}else if( $target.closest(".fancytree-checkbox").length ) {
-				// E.g. <svg> inside checkbox span
-				res.type = "checkbox";
-			}else if( $target.closest(".fancytree-expander").length ) {
-				res.type = "expander";
-			}
-		}
-		return res;
-	},
-	/** Return a string describing the affected node region for a mouse event.
-	 *
-	 * @param {Event} event Mouse event, e.g. click, mousemove, ...
-	 * @returns {string} 'title' | 'prefix' | 'expander' | 'checkbox' | 'icon' | undefined
-	 */
-	getEventTargetType: function(event){
-		return this.getEventTarget(event).type;
-	},
-	/** Return a FancytreeNode instance from element, event, or jQuery object.
-	 *
-	 * @param {Element | jQueryObject | Event} el
-	 * @returns {FancytreeNode} matching node or null
-	 */
-	getNode: function(el){
-		if(el instanceof FancytreeNode){
-			return el; // el already was a FancytreeNode
-		}else if( el instanceof $ ){
-			el = el[0]; // el was a jQuery object: use the DOM element
-		}else if(el.originalEvent !== undefined){
-			el = el.target; // el was an Event
-		}
-		while( el ) {
-			if(el.ftnode) {
-				return el.ftnode;
-			}
-			el = el.parentNode;
-		}
-		return null;
-	},
-	/** Return a Fancytree instance, from element, index, event, or jQueryObject.
-	 *
-	 * @param {Element | jQueryObject | Event | integer | string} [el]
-	 * @returns {Fancytree} matching tree or null
-	 * @example
-	 * $.ui.fancytree.getTree();   // Get first Fancytree instance on page
-	 * $.ui.fancytree.getTree(1);  // Get second Fancytree instance on page
-	 * $.ui.fancytree.getTree("#tree"); // Get tree for this matching element
-	 *
-	 * @since 2.13
-	 */
-	getTree: function(el){
-		var widget;
+			*/
+			eventToString: function(event) {
+				// Poor-man's hotkeys. See here for a complete implementation:
+				//   https://github.com/jeresig/jquery.hotkeys
+				var which = event.which,
+					et = event.type,
+					s = [];
 
-		if( el instanceof Fancytree ) {
-			return el; // el already was a Fancytree
-		}
-		if( el === undefined ) {
-			el = 0;  // get first tree
-		}
-		if( typeof el === "number" ) {
-			el = $(".fancytree-container").eq(el); // el was an integer: return nth instance
-		} else if( typeof el === "string" ) {
-			el = $(el).eq(0); // el was a selector: use first match
-		} else if( el.selector !== undefined ) {
-			el = el.eq(0); // el was a jQuery object: use the first DOM element
-		} else if( el.originalEvent !== undefined ) {
-			el = $(el.target); // el was an Event
-		}
-		el = el.closest(":ui-fancytree");
-		widget = el.data("ui-fancytree") || el.data("fancytree"); // the latter is required by jQuery <= 1.8
-		return widget ? widget.tree : null;
-	},
-	/** Return an option value that has a default, but may be overridden by a
-	 * callback or a node instance attribute.
-	 *
-	 * Evaluation sequence:<br>
-	 *
-	 * If tree.options.<optionName> is a callback that returns something, use that.<br>
-	 * Else if node.<optionName> is defined, use that.<br>
-	 * Else if tree.options.<optionName> is a value, use that.<br>
-	 * Else use `defaultValue`.
-	 *
-	 * @param {string} optionName name of the option property (on node and tree)
-	 * @param {FancytreeNode} node passed to the callback
-	 * @param {object} nodeObject where to look for the local option property, e.g. `node` or `node.data`
-	 * @param {object} treeOption where to look for the tree option, e.g. `tree.options` or `tree.options.dnd5`
-	 * @param {any} [defaultValue]
-	 * @returns {any}
-	 *
-	 * @example
-	 * // Check for node.foo, tree,options.foo(), and tree.options.foo:
-	 * $.ui.fancytree.evalOption("foo", node, node, tree.options);
-	 * // Check for node.data.bar, tree,options.qux.bar(), and tree.options.qux.bar:
-	 * $.ui.fancytree.evalOption("bar", node, node.data, tree.options.qux);
-	 *
-	 * @since 2.22
-	 */
-	evalOption: function(optionName, node, nodeObject, treeOptions, defaultValue) {
-		var ctx, res,
-			tree = node.tree,
-			treeOpt = treeOptions[optionName],
-			nodeOpt = nodeObject[optionName];
+				if (event.altKey) {
+					s.push("alt");
+				}
+				if (event.ctrlKey) {
+					s.push("ctrl");
+				}
+				if (event.metaKey) {
+					s.push("meta");
+				}
+				if (event.shiftKey) {
+					s.push("shift");
+				}
 
-		if( $.isFunction(treeOpt) ) {
-			ctx = {
-				node: node, tree: tree, widget: tree.widget, options: tree.widget.options,
-				typeInfo: tree.types[node.type] || {}
+				if (et === "click" || et === "dblclick") {
+					s.push(MOUSE_BUTTONS[event.button] + et);
+				} else if (et === "wheel") {
+					s.push(et);
+				} else if (!IGNORE_KEYCODES[which]) {
+					s.push(
+						SPECIAL_KEYCODES[which] ||
+							String.fromCharCode(which).toLowerCase()
+					);
+				}
+				return s.join("+");
+			},
+			/** Write message to console if debugLevel >= 3
+			 * @param {string} msg
+			 */
+			info: function(msg) {
+				if ($.ui.fancytree.debugLevel >= 3) {
+					consoleApply("info", arguments);
+				}
+			},
+			/* @deprecated: use eventToString(event) instead.
+			 */
+			keyEventToString: function(event) {
+				this.warn(
+					"keyEventToString() is deprecated: use eventToString()"
+				);
+				return this.eventToString(event);
+			},
+			/** Return a wrapped handler method, that provides `this._super`.
+			 *
+			 * @example
+				// Implement `opts.createNode` event to add the 'draggable' attribute
+				$.ui.fancytree.overrideMethod(ctx.options, "createNode", function(event, data) {
+					// Default processing if any
+					this._super.apply(this, arguments);
+					// Add 'draggable' attribute
+					data.node.span.draggable = true;
+				});
+			 *
+			 * @param {object} instance
+			 * @param {string} methodName
+			 * @param {function} handler
+			 * @param {object} [context] optional context
+			 */
+			overrideMethod: function(instance, methodName, handler, context) {
+				var prevSuper,
+					_super = instance[methodName] || $.noop;
+
+				instance[methodName] = function() {
+					var self = context || this;
+
+					try {
+						prevSuper = self._super;
+						self._super = _super;
+						return handler.apply(self, arguments);
+					} finally {
+						self._super = prevSuper;
+					}
 				};
-			res = treeOpt.call(tree, {type: optionName}, ctx);
-			if( res == null ) {
-				res = nodeOpt;
-			}
-		} else {
-			res = (nodeOpt != null) ? nodeOpt : treeOpt;
-		}
-		if( res == null ) {
-			res = defaultValue;  // no option set at all: return default
-		}
-		return res;
-	},
-	/** Set expander, checkbox, or node icon, supporting string and object format.
-	 *
-	 * @param {Element | jQueryObject} span
-	 * @param {string} baseClass
-	 * @param {string | object} icon
-	 * @since 2.27
-	 */
-	setSpanIcon: function( span, baseClass, icon ) {
-		var $span = $( span );
+			},
+			/**
+			 * Parse tree data from HTML <ul> markup
+			 *
+			 * @param {jQueryObject} $ul
+			 * @returns {NodeData[]}
+			 */
+			parseHtml: function($ul) {
+				var classes,
+					className,
+					extraClasses,
+					i,
+					iPos,
+					l,
+					tmp,
+					tmp2,
+					$children = $ul.find(">li"),
+					children = [];
 
-		if( typeof icon === "string" ) {
-			$span.attr( "class", baseClass + " " + icon );
-		} else {  // support object syntax: { text: ligature, addClasse: classname }
-			if( icon.text ) {
-				$span.text( "" + icon.text );
-			} else if ( icon.html ) {
-				span.innerHTML = icon.html;
-			}
-			$span.attr( "class", baseClass + " " + ( icon.addClass || "" ) );
-		}
-	},
-	/** Convert a keydown or mouse event to a canonical string like 'ctrl+a',
-	 * 'ctrl+shift+f2', 'shift+leftdblclick'.
-	 *
-	 * This is especially handy for switch-statements in event handlers.
-	 *
-	 * @param {event}
-	 * @returns {string}
-	 *
-	 * @example
+				$children.each(function() {
+					var allData,
+						lowerCaseAttr,
+						$li = $(this),
+						$liSpan = $li.find(">span", this).first(),
+						$liA = $liSpan.length ? null : $li.find(">a").first(),
+						d = { tooltip: null, data: {} };
 
-	switch( $.ui.fancytree.eventToString(event) ) {
-		case "-":
-			tree.nodeSetExpanded(ctx, false);
-			break;
-		case "shift+return":
-			tree.nodeSetActive(ctx, true);
-			break;
-		case "down":
-			res = node.navigate(event.which, activate);
-			break;
-		default:
-			handled = false;
-	}
-	if( handled ){
-		event.preventDefault();
-	}
-	 */
-	eventToString: function(event) {
-		// Poor-man's hotkeys. See here for a complete implementation:
-		//   https://github.com/jeresig/jquery.hotkeys
-		var which = event.which,
-			et = event.type,
-			s = [];
-
-		if( event.altKey ) { s.push("alt"); }
-		if( event.ctrlKey ) { s.push("ctrl"); }
-		if( event.metaKey ) { s.push("meta"); }
-		if( event.shiftKey ) { s.push("shift"); }
-
-		if( et === "click" || et === "dblclick" ) {
-			s.push(MOUSE_BUTTONS[event.button] + et);
-		} else {
-			if( !IGNORE_KEYCODES[which] ) {
-				s.push( SPECIAL_KEYCODES[which] || String.fromCharCode(which).toLowerCase() );
-			}
-		}
-		return s.join("+");
-	},
-	/** Write message to console if debugLevel >= 3
-	 * @param {string} msg
-	 */
-	info: function(msg){
-		/*jshint expr:true */
-		($.ui.fancytree.debugLevel >= 3) && consoleApply("info", arguments);
-	},
-	/* @deprecated: use eventToString(event) instead.
-	 */
-	keyEventToString: function(event) {
-		this.warn("keyEventToString() is deprecated: use eventToString()");
-		return this.eventToString(event);
-	},
-	/** Return a wrapped handler method, that provides `this.super`.
-	 *
-	 * @example
-		// Implement `opts.createNode` event to add the 'draggable' attribute
-		$.ui.fancytree.overrideMethod(ctx.options, "createNode", function(event, data) {
-			// Default processing if any
-			this._super.apply(this, arguments);
-			// Add 'draggable' attribute
-			data.node.span.draggable = true;
-		});
-	 *
-	 * @param {object} instance
-	 * @param {string} methodName
-	 * @param {function} handler
-	 */
-	overrideMethod: function(instance, methodName, handler){
-		var prevSuper,
-			_super = instance[methodName] || $.noop;
-
-		// context = context || this;
-
-		instance[methodName] = function() {
-			try {
-				prevSuper = this._super;
-				this._super = _super;
-				return handler.apply(this, arguments);
-			} finally {
-				this._super = prevSuper;
-			}
-		};
-	},
-	/**
-	 * Parse tree data from HTML <ul> markup
-	 *
-	 * @param {jQueryObject} $ul
-	 * @returns {NodeData[]}
-	 */
-	parseHtml: function($ul) {
-		// TODO: understand this:
-		/*jshint validthis:true */
-		var classes, className, extraClasses, i, iPos, l, tmp, tmp2,
-			$children = $ul.find(">li"),
-			children = [];
-
-		$children.each(function() {
-			var allData, lowerCaseAttr,
-				$li = $(this),
-				$liSpan = $li.find(">span:first", this),
-				$liA = $liSpan.length ? null : $li.find(">a:first"),
-				d = { tooltip: null, data: {} };
-
-			if( $liSpan.length ) {
-				d.title = $liSpan.html();
-
-			} else if( $liA && $liA.length ) {
-				// If a <li><a> tag is specified, use it literally and extract href/target.
-				d.title = $liA.html();
-				d.data.href = $liA.attr("href");
-				d.data.target = $liA.attr("target");
-				d.tooltip = $liA.attr("title");
-
-			} else {
-				// If only a <li> tag is specified, use the trimmed string up to
-				// the next child <ul> tag.
-				d.title = $li.html();
-				iPos = d.title.search(/<ul/i);
-				if( iPos >= 0 ){
-					d.title = d.title.substring(0, iPos);
-				}
-			}
-			d.title = $.trim(d.title);
-
-			// Make sure all fields exist
-			for(i=0, l=CLASS_ATTRS.length; i<l; i++){
-				d[CLASS_ATTRS[i]] = undefined;
-			}
-			// Initialize to `true`, if class is set and collect extraClasses
-			classes = this.className.split(" ");
-			extraClasses = [];
-			for(i=0, l=classes.length; i<l; i++){
-				className = classes[i];
-				if(CLASS_ATTR_MAP[className]){
-					d[className] = true;
-				}else{
-					extraClasses.push(className);
-				}
-			}
-			d.extraClasses = extraClasses.join(" ");
-
-			// Parse node options from ID, title and class attributes
-			tmp = $li.attr("title");
-			if( tmp ){
-				d.tooltip = tmp; // overrides <a title='...'>
-			}
-			tmp = $li.attr("id");
-			if( tmp ){
-				d.key = tmp;
-			}
-			// Translate hideCheckbox -> checkbox:false
-			if( $li.attr("hideCheckbox") ){
-				d.checkbox = false;
-			}
-			// Add <li data-NAME='...'> as node.data.NAME
-			allData = _getElementDataAsDict($li);
-			if( allData && !$.isEmptyObject(allData) ) {
-				// #507: convert data-hidecheckbox (lower case) to hideCheckbox
-				for( lowerCaseAttr in NODE_ATTR_LOWERCASE_MAP ) {
-					if( allData.hasOwnProperty(lowerCaseAttr) ) {
-						allData[NODE_ATTR_LOWERCASE_MAP[lowerCaseAttr]] = allData[lowerCaseAttr];
-						delete allData[lowerCaseAttr];
+					if ($liSpan.length) {
+						d.title = $liSpan.html();
+					} else if ($liA && $liA.length) {
+						// If a <li><a> tag is specified, use it literally and extract href/target.
+						d.title = $liA.html();
+						d.data.href = $liA.attr("href");
+						d.data.target = $liA.attr("target");
+						d.tooltip = $liA.attr("title");
+					} else {
+						// If only a <li> tag is specified, use the trimmed string up to
+						// the next child <ul> tag.
+						d.title = $li.html();
+						iPos = d.title.search(/<ul/i);
+						if (iPos >= 0) {
+							d.title = d.title.substring(0, iPos);
+						}
 					}
-				}
-				// #56: Allow to set special node.attributes from data-...
-				for(i=0, l=NODE_ATTRS.length; i<l; i++){
-					tmp = NODE_ATTRS[i];
-					tmp2 = allData[tmp];
-					if( tmp2 != null ) {
-						delete allData[tmp];
-						d[tmp] = tmp2;
-					}
-				}
-				// All other data-... goes to node.data...
-				$.extend(d.data, allData);
-			}
-			// Recursive reading of child nodes, if LI tag contains an UL tag
-			$ul = $li.find(">ul:first");
-			if( $ul.length ) {
-				d.children = $.ui.fancytree.parseHtml($ul);
-			}else{
-				d.children = d.lazy ? undefined : null;
-			}
-			children.push(d);
-//            FT.debug("parse ", d, children);
-		});
-		return children;
-	},
-	/** Add Fancytree extension definition to the list of globally available extensions.
-	 *
-	 * @param {object} definition
-	 */
-	registerExtension: function(definition){
-		_assert(definition.name != null, "extensions must have a `name` property.");
-		_assert(definition.version != null, "extensions must have a `version` property.");
-		$.ui.fancytree._extensions[definition.name] = definition;
-	},
-	/** Inverse of escapeHtml().
-	 *
-	 * @param {string} s
-	 * @returns {string}
-	 */
-	unescapeHtml: function(s){
-		var e = document.createElement("div");
-		e.innerHTML = s;
-		return e.childNodes.length === 0 ? "" : e.childNodes[0].nodeValue;
-	},
-	/** Write warning message to console if debugLevel >= 2.
-	 * @param {string} msg
-	 */
-	warn: function(msg){
-		($.ui.fancytree.debugLevel >= 2) && consoleApply("warn", arguments);
-	}
-});
+					d.title = $.trim(d.title);
 
-// Value returned by `require('jquery.fancytree')`
-return $.ui.fancytree;
-}));  // End of closure
+					// Make sure all fields exist
+					for (i = 0, l = CLASS_ATTRS.length; i < l; i++) {
+						d[CLASS_ATTRS[i]] = undefined;
+					}
+					// Initialize to `true`, if class is set and collect extraClasses
+					classes = this.className.split(" ");
+					extraClasses = [];
+					for (i = 0, l = classes.length; i < l; i++) {
+						className = classes[i];
+						if (CLASS_ATTR_MAP[className]) {
+							d[className] = true;
+						} else {
+							extraClasses.push(className);
+						}
+					}
+					d.extraClasses = extraClasses.join(" ");
+
+					// Parse node options from ID, title and class attributes
+					tmp = $li.attr("title");
+					if (tmp) {
+						d.tooltip = tmp; // overrides <a title='...'>
+					}
+					tmp = $li.attr("id");
+					if (tmp) {
+						d.key = tmp;
+					}
+					// Translate hideCheckbox -> checkbox:false
+					if ($li.attr("hideCheckbox")) {
+						d.checkbox = false;
+					}
+					// Add <li data-NAME='...'> as node.data.NAME
+					allData = _getElementDataAsDict($li);
+					if (allData && !$.isEmptyObject(allData)) {
+						// #507: convert data-hidecheckbox (lower case) to hideCheckbox
+						for (lowerCaseAttr in NODE_ATTR_LOWERCASE_MAP) {
+							if (allData.hasOwnProperty(lowerCaseAttr)) {
+								allData[
+									NODE_ATTR_LOWERCASE_MAP[lowerCaseAttr]
+								] = allData[lowerCaseAttr];
+								delete allData[lowerCaseAttr];
+							}
+						}
+						// #56: Allow to set special node.attributes from data-...
+						for (i = 0, l = NODE_ATTRS.length; i < l; i++) {
+							tmp = NODE_ATTRS[i];
+							tmp2 = allData[tmp];
+							if (tmp2 != null) {
+								delete allData[tmp];
+								d[tmp] = tmp2;
+							}
+						}
+						// All other data-... goes to node.data...
+						$.extend(d.data, allData);
+					}
+					// Recursive reading of child nodes, if LI tag contains an UL tag
+					$ul = $li.find(">ul").first();
+					if ($ul.length) {
+						d.children = $.ui.fancytree.parseHtml($ul);
+					} else {
+						d.children = d.lazy ? undefined : null;
+					}
+					children.push(d);
+					// FT.debug("parse ", d, children);
+				});
+				return children;
+			},
+			/** Add Fancytree extension definition to the list of globally available extensions.
+			 *
+			 * @param {object} definition
+			 */
+			registerExtension: function(definition) {
+				_assert(
+					definition.name != null,
+					"extensions must have a `name` property."
+				);
+				_assert(
+					definition.version != null,
+					"extensions must have a `version` property."
+				);
+				$.ui.fancytree._extensions[definition.name] = definition;
+			},
+			/** Inverse of escapeHtml().
+			 *
+			 * @param {string} s
+			 * @returns {string}
+			 */
+			unescapeHtml: function(s) {
+				var e = document.createElement("div");
+				e.innerHTML = s;
+				return e.childNodes.length === 0
+					? ""
+					: e.childNodes[0].nodeValue;
+			},
+			/** Write warning message to console if debugLevel >= 2.
+			 * @param {string} msg
+			 */
+			warn: function(msg) {
+				if ($.ui.fancytree.debugLevel >= 2) {
+					consoleApply("warn", arguments);
+				}
+			},
+		}
+	);
+
+	// Value returned by `require('jquery.fancytree')`
+	return $.ui.fancytree;
+}); // End of closure
 
 
 /*! Extension 'jquery.fancytree.childcounter.js' */// Extending Fancytree
 // ===================
 //
-// See also the [live demo](http://wwwendt.de/tech/fancytree/demo/sample-ext-childcounter.html) of this code.
+// See also the [live demo](https://wwWendt.de/tech/fancytree/demo/sample-ext-childcounter.html) of this code.
 //
 // Every extension should have a comment header containing some information
 // about the author, copyright and licensing. Also a pointer to the latest
@@ -8708,13 +8725,13 @@ return $.ui.fancytree;
  * Add a child counter bubble to tree nodes.
  * (Extension module for jquery.fancytree.js: https://github.com/mar10/fancytree/)
  *
- * Copyright (c) 2008-2018, Martin Wendt (http://wwWendt.de)
+ * Copyright (c) 2008-2021, Martin Wendt (https://wwWendt.de)
  *
  * Released under the MIT license
  * https://github.com/mar10/fancytree/wiki/LicenseInfo
  *
- * @version 2.28.1
- * @date 2018-03-19T06:47:37Z
+ * @version 2.38.0
+ * @date 2021-02-09T20:03:49Z
  */
 
 // To keep the global namespace clean, we wrap everything in a closure.
@@ -8722,203 +8739,215 @@ return $.ui.fancytree;
 // Fancytree core module, and makes sure that we can use the `require()`
 // syntax with package loaders.
 
-;(function( factory ) {
-	if ( typeof define === "function" && define.amd ) {
+(function(factory) {
+	if (typeof define === "function" && define.amd) {
 		// AMD. Register as an anonymous module.
-		define( [ "jquery", "./jquery.fancytree" ], factory );
-	} else if ( typeof module === "object" && module.exports ) {
+		define(["jquery", "./jquery.fancytree"], factory);
+	} else if (typeof module === "object" && module.exports) {
 		// Node/CommonJS
 		require("./jquery.fancytree");
 		module.exports = factory(require("jquery"));
 	} else {
 		// Browser globals
-		factory( jQuery );
+		factory(jQuery);
 	}
+})(function($) {
+	// Consider to use [strict mode](http://ejohn.org/blog/ecmascript-5-strict-mode-json-and-more/)
+	"use strict";
 
-}( function( $ ) {
+	// The [coding guidelines](http://contribute.jquery.org/style-guide/js/)
+	// require jshint /eslint compliance.
+	// But for this sample, we want to allow unused variables for demonstration purpose.
 
-// Consider to use [strict mode](http://ejohn.org/blog/ecmascript-5-strict-mode-json-and-more/)
-"use strict";
+	/*eslint-disable no-unused-vars */
 
-// The [coding guidelines](http://contribute.jquery.org/style-guide/js/)
-// require jshint compliance.
-// But for this sample, we want to allow unused variables for demonstration purpose.
+	// Adding methods
+	// --------------
 
-/*jshint unused:false */
+	// New member functions can be added to the `Fancytree` class.
+	// This function will be available for every tree instance:
+	//
+	//     var tree = $.ui.fancytree.getTree("#tree");
+	//     tree.countSelected(false);
 
+	$.ui.fancytree._FancytreeClass.prototype.countSelected = function(topOnly) {
+		var tree = this,
+			treeOptions = tree.options;
 
-// Adding methods
-// --------------
+		return tree.getSelectedNodes(topOnly).length;
+	};
 
-// New member functions can be added to the `Fancytree` class.
-// This function will be available for every tree instance:
-//
-//     var tree = $("#tree").fancytree("getTree");
-//     tree.countSelected(false);
+	// The `FancytreeNode` class can also be easily extended. This would be called
+	// like
+	//     node.updateCounters();
+	//
+	// It is also good practice to add a docstring comment.
+	/**
+	 * [ext-childcounter] Update counter badges for `node` and its parents.
+	 * May be called in the `loadChildren` event, to update parents of lazy loaded
+	 * nodes.
+	 * @alias FancytreeNode#updateCounters
+	 * @requires jquery.fancytree.childcounters.js
+	 */
+	$.ui.fancytree._FancytreeNodeClass.prototype.updateCounters = function() {
+		var node = this,
+			$badge = $("span.fancytree-childcounter", node.span),
+			extOpts = node.tree.options.childcounter,
+			count = node.countChildren(extOpts.deep);
 
-$.ui.fancytree._FancytreeClass.prototype.countSelected = function(topOnly){
-	var tree = this,
-		treeOptions = tree.options;
-
-	return tree.getSelectedNodes(topOnly).length;
-};
-
-
-// The `FancytreeNode` class can also be easily extended. This would be called
-// like
-//     node.updateCounters();
-//
-// It is also good practice to add a docstring comment.
-/**
- * [ext-childcounter] Update counter badges for `node` and its parents.
- * May be called in the `loadChildren` event, to update parents of lazy loaded
- * nodes.
- * @alias FancytreeNode#updateCounters
- * @requires jquery.fancytree.childcounters.js
- */
-$.ui.fancytree._FancytreeNodeClass.prototype.updateCounters = function(){
-	var node = this,
-		$badge = $("span.fancytree-childcounter", node.span),
-		extOpts = node.tree.options.childcounter,
-		count = node.countChildren(extOpts.deep);
-
-	node.data.childCounter = count;
-	if( (count || !extOpts.hideZeros) && (!node.isExpanded() || !extOpts.hideExpanded) ) {
-		if( !$badge.length ) {
-			$badge = $("<span class='fancytree-childcounter'/>").appendTo($("span.fancytree-icon", node.span));
+		node.data.childCounter = count;
+		if (
+			(count || !extOpts.hideZeros) &&
+			(!node.isExpanded() || !extOpts.hideExpanded)
+		) {
+			if (!$badge.length) {
+				$badge = $("<span class='fancytree-childcounter'/>").appendTo(
+					$(
+						"span.fancytree-icon,span.fancytree-custom-icon",
+						node.span
+					)
+				);
+			}
+			$badge.text(count);
+		} else {
+			$badge.remove();
 		}
-		$badge.text(count);
-	} else {
-		$badge.remove();
-	}
-	if( extOpts.deep && !node.isTopLevel() && !node.isRoot() ) {
-		node.parent.updateCounters();
-	}
-};
-
-
-// Finally, we can extend the widget API and create functions that are called
-// like so:
-//
-//     $("#tree").fancytree("widgetMethod1", "abc");
-
-$.ui.fancytree.prototype.widgetMethod1 = function(arg1){
-	var tree = this.tree;
-	return arg1;
-};
-
-
-// Register a Fancytree extension
-// ------------------------------
-// A full blown extension, extension is available for all trees and can be
-// enabled like so (see also the [live demo](http://wwwendt.de/tech/fancytree/demo/sample-ext-childcounter.html)):
-//
-//    <script src="../src/jquery.fancytree.js"></script>
-//    <script src="../src/jquery.fancytree.childcounter.js"></script>
-//    ...
-//
-//     $("#tree").fancytree({
-//         extensions: ["childcounter"],
-//         childcounter: {
-//             hideExpanded: true
-//         },
-//         ...
-//     });
-//
-
-
-/* 'childcounter' extension */
-$.ui.fancytree.registerExtension({
-// Every extension must be registered by a unique name.
-	name: "childcounter",
-// Version information should be compliant with [semver](http://semver.org)
-	version: "2.28.1",
-
-// Extension specific options and their defaults.
-// This options will be available as `tree.options.childcounter.hideExpanded`
-
-	options: {
-		deep: true,
-		hideZeros: true,
-		hideExpanded: false
-	},
-
-// Attributes other than `options` (or functions) can be defined here, and
-// will be added to the tree.ext.EXTNAME namespace, in this case `tree.ext.childcounter.foo`.
-// They can also be accessed as `this._local.foo` from within the extension
-// methods.
-	foo: 42,
-
-// Local functions are prefixed with an underscore '_'.
-// Callable as `this._local._appendCounter()`.
-
-	_appendCounter: function(bar){
-		var tree = this;
-	},
-
-// **Override virtual methods for this extension.**
-//
-// Fancytree implements a number of 'hook methods', prefixed by 'node...' or 'tree...'.
-// with a `ctx` argument (see [EventData](http://www.wwwendt.de/tech/fancytree/doc/jsdoc/global.html#EventData)
-// for details) and an extended calling context:<br>
-// `this`       : the Fancytree instance<br>
-// `this._local`: the namespace that contains extension attributes and private methods (same as this.ext.EXTNAME)<br>
-// `this._super`: the virtual function that was overridden (member of previous extension or Fancytree)
-//
-// See also the [complete list of available hook functions](http://www.wwwendt.de/tech/fancytree/doc/jsdoc/Fancytree_Hooks.html).
-
-	/* Init */
-// `treeInit` is triggered when a tree is initalized. We can set up classes or
-// bind event handlers here...
-	treeInit: function(ctx){
-		var tree = this, // same as ctx.tree,
-			opts = ctx.options,
-			extOpts = ctx.options.childcounter;
-// Optionally check for dependencies with other extensions
-		/* this._requireExtension("glyph", false, false); */
-// Call the base implementation
-		this._superApply(arguments);
-// Add a class to the tree container
-		this.$container.addClass("fancytree-ext-childcounter");
-	},
-
-// Destroy this tree instance (we only call the default implementation, so
-// this method could as well be omitted).
-
-	treeDestroy: function(ctx){
-		this._superApply(arguments);
-	},
-
-// Overload the `renderTitle` hook, to append a counter badge
-	nodeRenderTitle: function(ctx, title) {
-		var node = ctx.node,
-			extOpts = ctx.options.childcounter,
-			count = (node.data.childCounter == null) ? node.countChildren(extOpts.deep) : +node.data.childCounter;
-// Let the base implementation render the title
-// We use `_super()` instead of `_superApply()` here, since it is a little bit
-// more performant when called often
-		this._super(ctx, title);
-// Append a counter badge
-		if( (count || ! extOpts.hideZeros) && (!node.isExpanded() || !extOpts.hideExpanded) ){
-			$("span.fancytree-icon", node.span).append($("<span class='fancytree-childcounter'/>").text(count));
+		if (extOpts.deep && !node.isTopLevel() && !node.isRootNode()) {
+			node.parent.updateCounters();
 		}
-	},
-// Overload the `setExpanded` hook, so the counters are updated
-	nodeSetExpanded: function(ctx, flag, callOpts) {
-		var tree = ctx.tree,
-			node = ctx.node;
-// Let the base implementation expand/collapse the node, then redraw the title
-// after the animation has finished
-		return this._superApply(arguments).always(function(){
-			tree.nodeRenderTitle(ctx);
-		});
-	}
+	};
 
-// End of extension definition
-});
-// Value returned by `require('jquery.fancytree..')`
-return $.ui.fancytree;
-}));  // End of closure
+	// Finally, we can extend the widget API and create functions that are called
+	// like so:
+	//
+	//     $("#tree").fancytree("widgetMethod1", "abc");
+
+	$.ui.fancytree.prototype.widgetMethod1 = function(arg1) {
+		var tree = this.tree;
+		return arg1;
+	};
+
+	// Register a Fancytree extension
+	// ------------------------------
+	// A full blown extension, extension is available for all trees and can be
+	// enabled like so (see also the [live demo](https://wwWendt.de/tech/fancytree/demo/sample-ext-childcounter.html)):
+	//
+	//    <script src="../src/jquery.fancytree.js"></script>
+	//    <script src="../src/jquery.fancytree.childcounter.js"></script>
+	//    ...
+	//
+	//     $("#tree").fancytree({
+	//         extensions: ["childcounter"],
+	//         childcounter: {
+	//             hideExpanded: true
+	//         },
+	//         ...
+	//     });
+	//
+
+	/* 'childcounter' extension */
+	$.ui.fancytree.registerExtension({
+		// Every extension must be registered by a unique name.
+		name: "childcounter",
+		// Version information should be compliant with [semver](http://semver.org)
+		version: "2.38.0",
+
+		// Extension specific options and their defaults.
+		// This options will be available as `tree.options.childcounter.hideExpanded`
+
+		options: {
+			deep: true,
+			hideZeros: true,
+			hideExpanded: false,
+		},
+
+		// Attributes other than `options` (or functions) can be defined here, and
+		// will be added to the tree.ext.EXTNAME namespace, in this case `tree.ext.childcounter.foo`.
+		// They can also be accessed as `this._local.foo` from within the extension
+		// methods.
+		foo: 42,
+
+		// Local functions are prefixed with an underscore '_'.
+		// Callable as `this._local._appendCounter()`.
+
+		_appendCounter: function(bar) {
+			var tree = this;
+		},
+
+		// **Override virtual methods for this extension.**
+		//
+		// Fancytree implements a number of 'hook methods', prefixed by 'node...' or 'tree...'.
+		// with a `ctx` argument (see [EventData](https://wwWendt.de/tech/fancytree/doc/jsdoc/global.html#EventData)
+		// for details) and an extended calling context:<br>
+		// `this`       : the Fancytree instance<br>
+		// `this._local`: the namespace that contains extension attributes and private methods (same as this.ext.EXTNAME)<br>
+		// `this._super`: the virtual function that was overridden (member of previous extension or Fancytree)
+		//
+		// See also the [complete list of available hook functions](https://wwWendt.de/tech/fancytree/doc/jsdoc/Fancytree_Hooks.html).
+
+		/* Init */
+		// `treeInit` is triggered when a tree is initalized. We can set up classes or
+		// bind event handlers here...
+		treeInit: function(ctx) {
+			var tree = this, // same as ctx.tree,
+				opts = ctx.options,
+				extOpts = ctx.options.childcounter;
+			// Optionally check for dependencies with other extensions
+			/* this._requireExtension("glyph", false, false); */
+			// Call the base implementation
+			this._superApply(arguments);
+			// Add a class to the tree container
+			this.$container.addClass("fancytree-ext-childcounter");
+		},
+
+		// Destroy this tree instance (we only call the default implementation, so
+		// this method could as well be omitted).
+
+		treeDestroy: function(ctx) {
+			this._superApply(arguments);
+		},
+
+		// Overload the `renderTitle` hook, to append a counter badge
+		nodeRenderTitle: function(ctx, title) {
+			var node = ctx.node,
+				extOpts = ctx.options.childcounter,
+				count =
+					node.data.childCounter == null
+						? node.countChildren(extOpts.deep)
+						: +node.data.childCounter;
+			// Let the base implementation render the title
+			// We use `_super()` instead of `_superApply()` here, since it is a little bit
+			// more performant when called often
+			this._super(ctx, title);
+			// Append a counter badge
+			if (
+				(count || !extOpts.hideZeros) &&
+				(!node.isExpanded() || !extOpts.hideExpanded)
+			) {
+				$(
+					"span.fancytree-icon,span.fancytree-custom-icon",
+					node.span
+				).append(
+					$("<span class='fancytree-childcounter'/>").text(count)
+				);
+			}
+		},
+		// Overload the `setExpanded` hook, so the counters are updated
+		nodeSetExpanded: function(ctx, flag, callOpts) {
+			var tree = ctx.tree,
+				node = ctx.node;
+			// Let the base implementation expand/collapse the node, then redraw the title
+			// after the animation has finished
+			return this._superApply(arguments).always(function() {
+				tree.nodeRenderTitle(ctx);
+			});
+		},
+
+		// End of extension definition
+	});
+	// Value returned by `require('jquery.fancytree..')`
+	return $.ui.fancytree;
+}); // End of closure
 
 
 /*! Extension 'jquery.fancytree.clones.js' *//*!
@@ -8927,480 +8956,514 @@ return $.ui.fancytree;
  * Support faster lookup of nodes by key and shared ref-ids.
  * (Extension module for jquery.fancytree.js: https://github.com/mar10/fancytree/)
  *
- * Copyright (c) 2008-2018, Martin Wendt (http://wwWendt.de)
+ * Copyright (c) 2008-2021, Martin Wendt (https://wwWendt.de)
  *
  * Released under the MIT license
  * https://github.com/mar10/fancytree/wiki/LicenseInfo
  *
- * @version 2.28.1
- * @date 2018-03-19T06:47:37Z
+ * @version 2.38.0
+ * @date 2021-02-09T20:03:49Z
  */
 
-;(function( factory ) {
-	if ( typeof define === "function" && define.amd ) {
+(function(factory) {
+	if (typeof define === "function" && define.amd) {
 		// AMD. Register as an anonymous module.
-		define( [ "jquery", "./jquery.fancytree" ], factory );
-	} else if ( typeof module === "object" && module.exports ) {
+		define(["jquery", "./jquery.fancytree"], factory);
+	} else if (typeof module === "object" && module.exports) {
 		// Node/CommonJS
 		require("./jquery.fancytree");
 		module.exports = factory(require("jquery"));
 	} else {
 		// Browser globals
-		factory( jQuery );
+		factory(jQuery);
 	}
+})(function($) {
+	"use strict";
 
-}( function( $ ) {
+	/*******************************************************************************
+	 * Private functions and variables
+	 */
 
-"use strict";
+	var _assert = $.ui.fancytree.assert;
 
-/*******************************************************************************
- * Private functions and variables
- */
-function _assert(cond, msg){
-	// TODO: see qunit.js extractStacktrace()
-	if(!cond){
-		msg = msg ? ": " + msg : "";
-		$.error("Assertion failed" + msg);
-	}
-}
-
-
-/* Return first occurrence of member from array. */
-function _removeArrayMember(arr, elem) {
-	// TODO: use Array.indexOf for IE >= 9
-	var i;
-	for (i = arr.length - 1; i >= 0; i--) {
-		if (arr[i] === elem) {
-			arr.splice(i, 1);
-			return true;
+	/* Return first occurrence of member from array. */
+	function _removeArrayMember(arr, elem) {
+		// TODO: use Array.indexOf for IE >= 9
+		var i;
+		for (i = arr.length - 1; i >= 0; i--) {
+			if (arr[i] === elem) {
+				arr.splice(i, 1);
+				return true;
+			}
 		}
-	}
-	return false;
-}
-
-
-// /**
-//  * Calculate a 32 bit FNV-1a hash
-//  * Found here: https://gist.github.com/vaiorabbit/5657561
-//  * Ref.: http://isthe.com/chongo/tech/comp/fnv/
-//  *
-//  * @param {string} str the input value
-//  * @param {boolean} [asString=false] set to true to return the hash value as
-//  *     8-digit hex string instead of an integer
-//  * @param {integer} [seed] optionally pass the hash of the previous chunk
-//  * @returns {integer | string}
-//  */
-// function hashFnv32a(str, asString, seed) {
-// 	/*jshint bitwise:false */
-// 	var i, l,
-// 		hval = (seed === undefined) ? 0x811c9dc5 : seed;
-
-// 	for (i = 0, l = str.length; i < l; i++) {
-// 		hval ^= str.charCodeAt(i);
-// 		hval += (hval << 1) + (hval << 4) + (hval << 7) + (hval << 8) + (hval << 24);
-// 	}
-// 	if( asString ){
-// 		// Convert to 8 digit hex string
-// 		return ("0000000" + (hval >>> 0).toString(16)).substr(-8);
-// 	}
-// 	return hval >>> 0;
-// }
-
-
-/**
- * JS Implementation of MurmurHash3 (r136) (as of May 20, 2011)
- *
- * @author <a href="mailto:gary.court@gmail.com">Gary Court</a>
- * @see http://github.com/garycourt/murmurhash-js
- * @author <a href="mailto:aappleby@gmail.com">Austin Appleby</a>
- * @see http://sites.google.com/site/murmurhash/
- *
- * @param {string} key ASCII only
- * @param {boolean} [asString=false]
- * @param {number} seed Positive integer only
- * @return {number} 32-bit positive integer hash
- */
-function hashMurmur3(key, asString, seed) {
-	/*jshint bitwise:false */
-	var h1b, k1,
-		remainder = key.length & 3,
-		bytes = key.length - remainder,
-		h1 = seed,
-		c1 = 0xcc9e2d51,
-		c2 = 0x1b873593,
-		i = 0;
-
-	while (i < bytes) {
-		k1 =
-			((key.charCodeAt(i) & 0xff)) |
-			((key.charCodeAt(++i) & 0xff) << 8) |
-			((key.charCodeAt(++i) & 0xff) << 16) |
-			((key.charCodeAt(++i) & 0xff) << 24);
-		++i;
-
-		k1 = ((((k1 & 0xffff) * c1) + ((((k1 >>> 16) * c1) & 0xffff) << 16))) & 0xffffffff;
-		k1 = (k1 << 15) | (k1 >>> 17);
-		k1 = ((((k1 & 0xffff) * c2) + ((((k1 >>> 16) * c2) & 0xffff) << 16))) & 0xffffffff;
-
-		h1 ^= k1;
-		h1 = (h1 << 13) | (h1 >>> 19);
-		h1b = ((((h1 & 0xffff) * 5) + ((((h1 >>> 16) * 5) & 0xffff) << 16))) & 0xffffffff;
-		h1 = (((h1b & 0xffff) + 0x6b64) + ((((h1b >>> 16) + 0xe654) & 0xffff) << 16));
+		return false;
 	}
 
-	k1 = 0;
+	/**
+	 * JS Implementation of MurmurHash3 (r136) (as of May 20, 2011)
+	 *
+	 * @author <a href="mailto:gary.court@gmail.com">Gary Court</a>
+	 * @see http://github.com/garycourt/murmurhash-js
+	 * @author <a href="mailto:aappleby@gmail.com">Austin Appleby</a>
+	 * @see http://sites.google.com/site/murmurhash/
+	 *
+	 * @param {string} key ASCII only
+	 * @param {boolean} [asString=false]
+	 * @param {number} seed Positive integer only
+	 * @return {number} 32-bit positive integer hash
+	 */
+	function hashMurmur3(key, asString, seed) {
+		/*eslint-disable no-bitwise */
+		var h1b,
+			k1,
+			remainder = key.length & 3,
+			bytes = key.length - remainder,
+			h1 = seed,
+			c1 = 0xcc9e2d51,
+			c2 = 0x1b873593,
+			i = 0;
 
-	switch (remainder) {
-		/*jshint -W086:true */
-		case 3: k1 ^= (key.charCodeAt(i + 2) & 0xff) << 16;
-		case 2: k1 ^= (key.charCodeAt(i + 1) & 0xff) << 8;
-		case 1: k1 ^= (key.charCodeAt(i) & 0xff);
+		while (i < bytes) {
+			k1 =
+				(key.charCodeAt(i) & 0xff) |
+				((key.charCodeAt(++i) & 0xff) << 8) |
+				((key.charCodeAt(++i) & 0xff) << 16) |
+				((key.charCodeAt(++i) & 0xff) << 24);
+			++i;
 
-		k1 = (((k1 & 0xffff) * c1) + ((((k1 >>> 16) * c1) & 0xffff) << 16)) & 0xffffffff;
-		k1 = (k1 << 15) | (k1 >>> 17);
-		k1 = (((k1 & 0xffff) * c2) + ((((k1 >>> 16) * c2) & 0xffff) << 16)) & 0xffffffff;
-		h1 ^= k1;
+			k1 =
+				((k1 & 0xffff) * c1 + ((((k1 >>> 16) * c1) & 0xffff) << 16)) &
+				0xffffffff;
+			k1 = (k1 << 15) | (k1 >>> 17);
+			k1 =
+				((k1 & 0xffff) * c2 + ((((k1 >>> 16) * c2) & 0xffff) << 16)) &
+				0xffffffff;
+
+			h1 ^= k1;
+			h1 = (h1 << 13) | (h1 >>> 19);
+			h1b =
+				((h1 & 0xffff) * 5 + ((((h1 >>> 16) * 5) & 0xffff) << 16)) &
+				0xffffffff;
+			h1 =
+				(h1b & 0xffff) +
+				0x6b64 +
+				((((h1b >>> 16) + 0xe654) & 0xffff) << 16);
+		}
+
+		k1 = 0;
+
+		switch (remainder) {
+			case 3:
+				k1 ^= (key.charCodeAt(i + 2) & 0xff) << 16;
+			// fall through
+			case 2:
+				k1 ^= (key.charCodeAt(i + 1) & 0xff) << 8;
+			// fall through
+			case 1:
+				k1 ^= key.charCodeAt(i) & 0xff;
+
+				k1 =
+					((k1 & 0xffff) * c1 +
+						((((k1 >>> 16) * c1) & 0xffff) << 16)) &
+					0xffffffff;
+				k1 = (k1 << 15) | (k1 >>> 17);
+				k1 =
+					((k1 & 0xffff) * c2 +
+						((((k1 >>> 16) * c2) & 0xffff) << 16)) &
+					0xffffffff;
+				h1 ^= k1;
+		}
+
+		h1 ^= key.length;
+
+		h1 ^= h1 >>> 16;
+		h1 =
+			((h1 & 0xffff) * 0x85ebca6b +
+				((((h1 >>> 16) * 0x85ebca6b) & 0xffff) << 16)) &
+			0xffffffff;
+		h1 ^= h1 >>> 13;
+		h1 =
+			((h1 & 0xffff) * 0xc2b2ae35 +
+				((((h1 >>> 16) * 0xc2b2ae35) & 0xffff) << 16)) &
+			0xffffffff;
+		h1 ^= h1 >>> 16;
+
+		if (asString) {
+			// Convert to 8 digit hex string
+			return ("0000000" + (h1 >>> 0).toString(16)).substr(-8);
+		}
+		return h1 >>> 0;
+		/*eslint-enable no-bitwise */
 	}
 
-	h1 ^= key.length;
+	/*
+	 * Return a unique key for node by calculating the hash of the parents refKey-list.
+	 */
+	function calcUniqueKey(node) {
+		var key,
+			h1,
+			path = $.map(node.getParentList(false, true), function(e) {
+				return e.refKey || e.key;
+			});
 
-	h1 ^= h1 >>> 16;
-	h1 = (((h1 & 0xffff) * 0x85ebca6b) + ((((h1 >>> 16) * 0x85ebca6b) & 0xffff) << 16)) & 0xffffffff;
-	h1 ^= h1 >>> 13;
-	h1 = ((((h1 & 0xffff) * 0xc2b2ae35) + ((((h1 >>> 16) * 0xc2b2ae35) & 0xffff) << 16))) & 0xffffffff;
-	h1 ^= h1 >>> 16;
+		path = path.join("/");
+		// 32-bit has a high probability of collisions, so we pump up to 64-bit
+		// https://security.stackexchange.com/q/209882/207588
 
-	if( asString ){
-		// Convert to 8 digit hex string
-		return ("0000000" + (h1 >>> 0).toString(16)).substr(-8);
+		h1 = hashMurmur3(path, true);
+		key = "id_" + h1 + hashMurmur3(h1 + path, true);
+
+		return key;
 	}
-	return h1 >>> 0;
-}
 
-// console.info(hashMurmur3("costarring"));
-// console.info(hashMurmur3("costarring", true));
-// console.info(hashMurmur3("liquid"));
-// console.info(hashMurmur3("liquid", true));
+	/**
+	 * [ext-clones] Return a list of clone-nodes (i.e. same refKey) or null.
+	 * @param {boolean} [includeSelf=false]
+	 * @returns {FancytreeNode[] | null}
+	 *
+	 * @alias FancytreeNode#getCloneList
+	 * @requires jquery.fancytree.clones.js
+	 */
+	$.ui.fancytree._FancytreeNodeClass.prototype.getCloneList = function(
+		includeSelf
+	) {
+		var key,
+			tree = this.tree,
+			refList = tree.refMap[this.refKey] || null,
+			keyMap = tree.keyMap;
 
+		if (refList) {
+			key = this.key;
+			// Convert key list to node list
+			if (includeSelf) {
+				refList = $.map(refList, function(val) {
+					return keyMap[val];
+				});
+			} else {
+				refList = $.map(refList, function(val) {
+					return val === key ? null : keyMap[val];
+				});
+				if (refList.length < 1) {
+					refList = null;
+				}
+			}
+		}
+		return refList;
+	};
 
-/*
- * Return a unique key for node by calculationg the hash of the parents refKey-list
- */
-function calcUniqueKey(node) {
-	var key,
-		path = $.map(node.getParentList(false, true), function(e){ return e.refKey || e.key; });
-	path = path.join("/");
-	key = "id_" + hashMurmur3(path, true);
-	// node.debug(path + " -> " + key);
-	return key;
-}
+	/**
+	 * [ext-clones] Return true if this node has at least another clone with same refKey.
+	 * @returns {boolean}
+	 *
+	 * @alias FancytreeNode#isClone
+	 * @requires jquery.fancytree.clones.js
+	 */
+	$.ui.fancytree._FancytreeNodeClass.prototype.isClone = function() {
+		var refKey = this.refKey || null,
+			refList = (refKey && this.tree.refMap[refKey]) || null;
+		return !!(refList && refList.length > 1);
+	};
 
+	/**
+	 * [ext-clones] Update key and/or refKey for an existing node.
+	 * @param {string} key
+	 * @param {string} refKey
+	 * @returns {boolean}
+	 *
+	 * @alias FancytreeNode#reRegister
+	 * @requires jquery.fancytree.clones.js
+	 */
+	$.ui.fancytree._FancytreeNodeClass.prototype.reRegister = function(
+		key,
+		refKey
+	) {
+		key = key == null ? null : "" + key;
+		refKey = refKey == null ? null : "" + refKey;
+		// this.debug("reRegister", key, refKey);
 
-/**
- * [ext-clones] Return a list of clone-nodes or null.
- * @param {boolean} [includeSelf=false]
- * @returns {FancytreeNode[] | null}
- *
- * @alias FancytreeNode#getCloneList
- * @requires jquery.fancytree.clones.js
- */
-$.ui.fancytree._FancytreeNodeClass.prototype.getCloneList = function(includeSelf){
-	var key,
-		tree = this.tree,
-		refList = tree.refMap[this.refKey] || null,
-		keyMap = tree.keyMap;
+		var tree = this.tree,
+			prevKey = this.key,
+			prevRefKey = this.refKey,
+			keyMap = tree.keyMap,
+			refMap = tree.refMap,
+			refList = refMap[prevRefKey] || null,
+			//		curCloneKeys = refList ? node.getCloneList(true),
+			modified = false;
 
-	if( refList ) {
-		key = this.key;
-		// Convert key list to node list
-		if( includeSelf ) {
-			refList = $.map(refList, function(val){ return keyMap[val]; });
-		} else {
-			refList = $.map(refList, function(val){ return val === key ? null : keyMap[val]; });
-			if( refList.length < 1 ) {
+		// Key has changed: update all references
+		if (key != null && key !== this.key) {
+			if (keyMap[key]) {
+				$.error(
+					"[ext-clones] reRegister(" +
+						key +
+						"): already exists: " +
+						this
+				);
+			}
+			// Update keyMap
+			delete keyMap[prevKey];
+			keyMap[key] = this;
+			// Update refMap
+			if (refList) {
+				refMap[prevRefKey] = $.map(refList, function(e) {
+					return e === prevKey ? key : e;
+				});
+			}
+			this.key = key;
+			modified = true;
+		}
+
+		// refKey has changed
+		if (refKey != null && refKey !== this.refKey) {
+			// Remove previous refKeys
+			if (refList) {
+				if (refList.length === 1) {
+					delete refMap[prevRefKey];
+				} else {
+					refMap[prevRefKey] = $.map(refList, function(e) {
+						return e === prevKey ? null : e;
+					});
+				}
+			}
+			// Add refKey
+			if (refMap[refKey]) {
+				refMap[refKey].append(key);
+			} else {
+				refMap[refKey] = [this.key];
+			}
+			this.refKey = refKey;
+			modified = true;
+		}
+		return modified;
+	};
+
+	/**
+	 * [ext-clones] Define a refKey for an existing node.
+	 * @param {string} refKey
+	 * @returns {boolean}
+	 *
+	 * @alias FancytreeNode#setRefKey
+	 * @requires jquery.fancytree.clones.js
+	 * @since 2.16
+	 */
+	$.ui.fancytree._FancytreeNodeClass.prototype.setRefKey = function(refKey) {
+		return this.reRegister(null, refKey);
+	};
+
+	/**
+	 * [ext-clones] Return all nodes with a given refKey (null if not found).
+	 * @param {string} refKey
+	 * @param {FancytreeNode} [rootNode] optionally restrict results to descendants of this node
+	 * @returns {FancytreeNode[] | null}
+	 * @alias Fancytree#getNodesByRef
+	 * @requires jquery.fancytree.clones.js
+	 */
+	$.ui.fancytree._FancytreeClass.prototype.getNodesByRef = function(
+		refKey,
+		rootNode
+	) {
+		var keyMap = this.keyMap,
+			refList = this.refMap[refKey] || null;
+
+		if (refList) {
+			// Convert key list to node list
+			if (rootNode) {
+				refList = $.map(refList, function(val) {
+					var node = keyMap[val];
+					return node.isDescendantOf(rootNode) ? node : null;
+				});
+			} else {
+				refList = $.map(refList, function(val) {
+					return keyMap[val];
+				});
+			}
+			if (refList.length < 1) {
 				refList = null;
 			}
 		}
-	}
-	return refList;
-};
+		return refList;
+	};
 
+	/**
+	 * [ext-clones] Replace a refKey with a new one.
+	 * @param {string} oldRefKey
+	 * @param {string} newRefKey
+	 * @alias Fancytree#changeRefKey
+	 * @requires jquery.fancytree.clones.js
+	 */
+	$.ui.fancytree._FancytreeClass.prototype.changeRefKey = function(
+		oldRefKey,
+		newRefKey
+	) {
+		var i,
+			node,
+			keyMap = this.keyMap,
+			refList = this.refMap[oldRefKey] || null;
 
-/**
- * [ext-clones] Return true if this node has at least another clone with same refKey.
- * @returns {boolean}
- *
- * @alias FancytreeNode#isClone
- * @requires jquery.fancytree.clones.js
- */
-$.ui.fancytree._FancytreeNodeClass.prototype.isClone = function(){
-	var refKey = this.refKey || null,
-		refList = refKey && this.tree.refMap[refKey] || null;
-	return !!(refList && refList.length > 1);
-};
-
-
-/**
- * [ext-clones] Update key and/or refKey for an existing node.
- * @param {string} key
- * @param {string} refKey
- * @returns {boolean}
- *
- * @alias FancytreeNode#reRegister
- * @requires jquery.fancytree.clones.js
- */
-$.ui.fancytree._FancytreeNodeClass.prototype.reRegister = function(key, refKey){
-	key = (key == null) ? null :  "" + key;
-	refKey = (refKey == null) ? null :  "" + refKey;
-	// this.debug("reRegister", key, refKey);
-
-	var tree = this.tree,
-		prevKey = this.key,
-		prevRefKey = this.refKey,
-		keyMap = tree.keyMap,
-		refMap = tree.refMap,
-		refList = refMap[prevRefKey] || null,
-//		curCloneKeys = refList ? node.getCloneList(true),
-		modified = false;
-
-	// Key has changed: update all references
-	if( key != null && key !== this.key ) {
-		if( keyMap[key] ) {
-			$.error("[ext-clones] reRegister(" + key + "): already exists: " + this);
-		}
-		// Update keyMap
-		delete keyMap[prevKey];
-		keyMap[key] = this;
-		// Update refMap
-		if( refList ) {
-			refMap[prevRefKey] = $.map(refList, function(e){
-				return e === prevKey ? key : e;
-			});
-		}
-		this.key = key;
-		modified = true;
-	}
-
-	// refKey has changed
-	if( refKey != null && refKey !== this.refKey ) {
-		// Remove previous refKeys
-		if( refList ){
-			if( refList.length === 1 ){
-				delete refMap[prevRefKey];
-			}else{
-				refMap[prevRefKey] = $.map(refList, function(e){
-					return e === prevKey ? null : e;
-				});
+		if (refList) {
+			for (i = 0; i < refList.length; i++) {
+				node = keyMap[refList[i]];
+				node.refKey = newRefKey;
 			}
+			delete this.refMap[oldRefKey];
+			this.refMap[newRefKey] = refList;
 		}
-		// Add refKey
-		if( refMap[refKey] ) {
-			refMap[refKey].append(key);
-		}else{
-			refMap[refKey] = [ this.key ];
-		}
-		this.refKey = refKey;
-		modified = true;
-	}
-	return modified;
-};
+	};
 
+	/*******************************************************************************
+	 * Extension code
+	 */
+	$.ui.fancytree.registerExtension({
+		name: "clones",
+		version: "2.38.0",
+		// Default options for this extension.
+		options: {
+			highlightActiveClones: true, // set 'fancytree-active-clone' on active clones and all peers
+			highlightClones: false, // set 'fancytree-clone' class on any node that has at least one clone
+		},
 
-/**
- * [ext-clones] Define a refKey for an existing node.
- * @param {string} refKey
- * @returns {boolean}
- *
- * @alias FancytreeNode#setRefKey
- * @requires jquery.fancytree.clones.js
- * @since 2.16
- */
-$.ui.fancytree._FancytreeNodeClass.prototype.setRefKey = function(refKey){
-	return this.reRegister(null, refKey);
-};
+		treeCreate: function(ctx) {
+			this._superApply(arguments);
+			ctx.tree.refMap = {};
+			ctx.tree.keyMap = {};
+		},
+		treeInit: function(ctx) {
+			this.$container.addClass("fancytree-ext-clones");
+			_assert(ctx.options.defaultKey == null);
+			// Generate unique / reproducible default keys
+			ctx.options.defaultKey = function(node) {
+				return calcUniqueKey(node);
+			};
+			// The default implementation loads initial data
+			this._superApply(arguments);
+		},
+		treeClear: function(ctx) {
+			ctx.tree.refMap = {};
+			ctx.tree.keyMap = {};
+			return this._superApply(arguments);
+		},
+		treeRegisterNode: function(ctx, add, node) {
+			var refList,
+				len,
+				tree = ctx.tree,
+				keyMap = tree.keyMap,
+				refMap = tree.refMap,
+				key = node.key,
+				refKey = node && node.refKey != null ? "" + node.refKey : null;
 
+			//		ctx.tree.debug("clones.treeRegisterNode", add, node);
 
-/**
- * [ext-clones] Return all nodes with a given refKey (null if not found).
- * @param {string} refKey
- * @param {FancytreeNode} [rootNode] optionally restrict results to descendants of this node
- * @returns {FancytreeNode[] | null}
- * @alias Fancytree#getNodesByRef
- * @requires jquery.fancytree.clones.js
- */
-$.ui.fancytree._FancytreeClass.prototype.getNodesByRef = function(refKey, rootNode){
-	var keyMap = this.keyMap,
-		refList = this.refMap[refKey] || null;
-
-	if( refList ) {
-		// Convert key list to node list
-		if( rootNode ) {
-			refList = $.map(refList, function(val){
-				var node = keyMap[val];
-				return node.isDescendantOf(rootNode) ? node : null;
-			});
-		}else{
-			refList = $.map(refList, function(val){ return keyMap[val]; });
-		}
-		if( refList.length < 1 ) {
-			refList = null;
-		}
-	}
-	return refList;
-};
-
-
-/**
- * [ext-clones] Replace a refKey with a new one.
- * @param {string} oldRefKey
- * @param {string} newRefKey
- * @alias Fancytree#changeRefKey
- * @requires jquery.fancytree.clones.js
- */
-$.ui.fancytree._FancytreeClass.prototype.changeRefKey = function(oldRefKey, newRefKey) {
-	var i, node,
-		keyMap = this.keyMap,
-		refList = this.refMap[oldRefKey] || null;
-
-	if (refList) {
-		for (i = 0; i < refList.length; i++) {
-			node = keyMap[refList[i]];
-			node.refKey = newRefKey;
-		}
-		delete this.refMap[oldRefKey];
-		this.refMap[newRefKey] = refList;
-	}
-};
-
-
-/*******************************************************************************
- * Extension code
- */
-$.ui.fancytree.registerExtension({
-	name: "clones",
-	version: "2.28.1",
-	// Default options for this extension.
-	options: {
-		highlightActiveClones: true, // set 'fancytree-active-clone' on active clones and all peers
-		highlightClones: false       // set 'fancytree-clone' class on any node that has at least one clone
-	},
-
-	treeCreate: function(ctx){
-		this._superApply(arguments);
-		ctx.tree.refMap = {};
-		ctx.tree.keyMap = {};
-	},
-	treeInit: function(ctx){
-		this.$container.addClass("fancytree-ext-clones");
-		_assert(ctx.options.defaultKey == null);
-		// Generate unique / reproducible default keys
-		ctx.options.defaultKey = function(node){
-			return calcUniqueKey(node);
-		};
-		// The default implementation loads initial data
-		this._superApply(arguments);
-	},
-	treeClear: function(ctx){
-		ctx.tree.refMap = {};
-		ctx.tree.keyMap = {};
-		return this._superApply(arguments);
-	},
-	treeRegisterNode: function(ctx, add, node) {
-		var refList, len,
-			tree = ctx.tree,
-			keyMap = tree.keyMap,
-			refMap = tree.refMap,
-			key = node.key,
-			refKey = (node && node.refKey != null) ? "" + node.refKey : null;
-
-//		ctx.tree.debug("clones.treeRegisterNode", add, node);
-
-		if( node.isStatusNode() ){
-			return this._super(ctx, add, node);
-		}
-
-		if( add ) {
-			if( keyMap[node.key] != null ) {
-				$.error("clones.treeRegisterNode: node.key already exists: " + node);
+			if (node.isStatusNode()) {
+				return this._super(ctx, add, node);
 			}
-			keyMap[key] = node;
-			if( refKey ) {
-				refList = refMap[refKey];
-				if( refList ) {
-					refList.push(key);
-					if( refList.length === 2 && ctx.options.clones.highlightClones ) {
-						// Mark peer node, if it just became a clone (no need to
-						// mark current node, since it will be rendered later anyway)
-						keyMap[refList[0]].renderStatus();
-					}
-				} else {
-					refMap[refKey] = [key];
+
+			if (add) {
+				if (keyMap[node.key] != null) {
+					var other = keyMap[node.key],
+						msg =
+							"clones.treeRegisterNode: duplicate key '" +
+							node.key +
+							"': /" +
+							node.getPath(true) +
+							" => " +
+							other.getPath(true);
+					// Sometimes this exception is not visible in the console,
+					// so we also write it:
+					tree.error(msg);
+					$.error(msg);
 				}
-				// node.debug("clones.treeRegisterNode: add clone =>", refMap[refKey]);
-			}
-		}else {
-			if( keyMap[key] == null ) {
-				$.error("clones.treeRegisterNode: node.key not registered: " + node.key);
-			}
-			delete keyMap[key];
-			if( refKey ) {
-				refList = refMap[refKey];
-				// node.debug("clones.treeRegisterNode: remove clone BEFORE =>", refMap[refKey]);
-				if( refList ) {
-					len = refList.length;
-					if( len <= 1 ){
-						_assert(len === 1);
-						_assert(refList[0] === key);
-						delete refMap[refKey];
-					}else{
-						_removeArrayMember(refList, key);
-						// Unmark peer node, if this was the only clone
-						if( len === 2 && ctx.options.clones.highlightClones ) {
-//							node.debug("clones.treeRegisterNode: last =>", node.getCloneList());
+				keyMap[key] = node;
+
+				if (refKey) {
+					refList = refMap[refKey];
+					if (refList) {
+						refList.push(key);
+						if (
+							refList.length === 2 &&
+							ctx.options.clones.highlightClones
+						) {
+							// Mark peer node, if it just became a clone (no need to
+							// mark current node, since it will be rendered later anyway)
 							keyMap[refList[0]].renderStatus();
 						}
+					} else {
+						refMap[refKey] = [key];
+					}
+					// node.debug("clones.treeRegisterNode: add clone =>", refMap[refKey]);
+				}
+			} else {
+				if (keyMap[key] == null) {
+					$.error(
+						"clones.treeRegisterNode: node.key not registered: " +
+							node.key
+					);
+				}
+				delete keyMap[key];
+				if (refKey) {
+					refList = refMap[refKey];
+					// node.debug("clones.treeRegisterNode: remove clone BEFORE =>", refMap[refKey]);
+					if (refList) {
+						len = refList.length;
+						if (len <= 1) {
+							_assert(len === 1);
+							_assert(refList[0] === key);
+							delete refMap[refKey];
+						} else {
+							_removeArrayMember(refList, key);
+							// Unmark peer node, if this was the only clone
+							if (
+								len === 2 &&
+								ctx.options.clones.highlightClones
+							) {
+								//							node.debug("clones.treeRegisterNode: last =>", node.getCloneList());
+								keyMap[refList[0]].renderStatus();
+							}
+						}
+						// node.debug("clones.treeRegisterNode: remove clone =>", refMap[refKey]);
 					}
-					// node.debug("clones.treeRegisterNode: remove clone =>", refMap[refKey]);
 				}
 			}
-		}
-		return this._super(ctx, add, node);
-	},
-	nodeRenderStatus: function(ctx) {
-		var $span, res,
-			node = ctx.node;
+			return this._super(ctx, add, node);
+		},
+		nodeRenderStatus: function(ctx) {
+			var $span,
+				res,
+				node = ctx.node;
 
-		res = this._super(ctx);
+			res = this._super(ctx);
 
-		if( ctx.options.clones.highlightClones ) {
-			$span = $(node[ctx.tree.statusClassPropName]);
-			// Only if span already exists
-			if( $span.length && node.isClone() ){
-//				node.debug("clones.nodeRenderStatus: ", ctx.options.clones.highlightClones);
-				$span.addClass("fancytree-clone");
+			if (ctx.options.clones.highlightClones) {
+				$span = $(node[ctx.tree.statusClassPropName]);
+				// Only if span already exists
+				if ($span.length && node.isClone()) {
+					//				node.debug("clones.nodeRenderStatus: ", ctx.options.clones.highlightClones);
+					$span.addClass("fancytree-clone");
+				}
 			}
-		}
-		return res;
-	},
-	nodeSetActive: function(ctx, flag, callOpts) {
-		var res,
-			scpn = ctx.tree.statusClassPropName,
-			node = ctx.node;
+			return res;
+		},
+		nodeSetActive: function(ctx, flag, callOpts) {
+			var res,
+				scpn = ctx.tree.statusClassPropName,
+				node = ctx.node;
 
-		res = this._superApply(arguments);
+			res = this._superApply(arguments);
 
-		if( ctx.options.clones.highlightActiveClones && node.isClone() ) {
-			$.each(node.getCloneList(true), function(idx, n){
-				// n.debug("clones.nodeSetActive: ", flag !== false);
-				$(n[scpn]).toggleClass("fancytree-active-clone", flag !== false);
-			});
-		}
-		return res;
-	}
-});
-// Value returned by `require('jquery.fancytree..')`
-return $.ui.fancytree;
-}));  // End of closure
+			if (ctx.options.clones.highlightActiveClones && node.isClone()) {
+				$.each(node.getCloneList(true), function(idx, n) {
+					// n.debug("clones.nodeSetActive: ", flag !== false);
+					$(n[scpn]).toggleClass(
+						"fancytree-active-clone",
+						flag !== false
+					);
+				});
+			}
+			return res;
+		},
+	});
+	// Value returned by `require('jquery.fancytree..')`
+	return $.ui.fancytree;
+}); // End of closure
 
 
 /*! Extension 'jquery.fancytree.dnd5.js' *//*!
@@ -9409,17 +9472,16 @@ return $.ui.fancytree;
  * Drag-and-drop support (native HTML5).
  * (Extension module for jquery.fancytree.js: https://github.com/mar10/fancytree/)
  *
- * Copyright (c) 2008-2018, Martin Wendt (http://wwWendt.de)
+ * Copyright (c) 2008-2021, Martin Wendt (https://wwWendt.de)
  *
  * Released under the MIT license
  * https://github.com/mar10/fancytree/wiki/LicenseInfo
  *
- * @version 2.28.1
- * @date 2018-03-19T06:47:37Z
+ * @version 2.38.0
+ * @date 2021-02-09T20:03:49Z
  */
 
-
- /*
+/*
  #TODO
 	Compatiblity when dragging between *separate* windows:
 
@@ -9432,682 +9494,1132 @@ return $.ui.fancytree;
 
  */
 
-;(function( factory ) {
-	if ( typeof define === "function" && define.amd ) {
+(function(factory) {
+	if (typeof define === "function" && define.amd) {
 		// AMD. Register as an anonymous module.
-		define( [ "jquery", "./jquery.fancytree" ], factory );
-	} else if ( typeof module === "object" && module.exports ) {
+		define(["jquery", "./jquery.fancytree"], factory);
+	} else if (typeof module === "object" && module.exports) {
 		// Node/CommonJS
 		require("./jquery.fancytree");
 		module.exports = factory(require("jquery"));
 	} else {
 		// Browser globals
-		factory( jQuery );
+		factory(jQuery);
+	}
+})(function($) {
+	"use strict";
+
+	/******************************************************************************
+	 * Private functions and variables
+	 */
+	var FT = $.ui.fancytree,
+		isMac = /Mac/.test(navigator.platform),
+		classDragSource = "fancytree-drag-source",
+		classDragRemove = "fancytree-drag-remove",
+		classDropAccept = "fancytree-drop-accept",
+		classDropAfter = "fancytree-drop-after",
+		classDropBefore = "fancytree-drop-before",
+		classDropOver = "fancytree-drop-over",
+		classDropReject = "fancytree-drop-reject",
+		classDropTarget = "fancytree-drop-target",
+		nodeMimeType = "application/x-fancytree-node",
+		$dropMarker = null,
+		$dragImage,
+		$extraHelper,
+		SOURCE_NODE = null,
+		SOURCE_NODE_LIST = null,
+		$sourceList = null,
+		DRAG_ENTER_RESPONSE = null,
+		// SESSION_DATA = null, // plain object passed to events as `data`
+		SUGGESTED_DROP_EFFECT = null,
+		REQUESTED_DROP_EFFECT = null,
+		REQUESTED_EFFECT_ALLOWED = null,
+		LAST_HIT_MODE = null,
+		DRAG_OVER_STAMP = null; // Time when a node entered the 'over' hitmode
+
+	/* */
+	function _clearGlobals() {
+		DRAG_ENTER_RESPONSE = null;
+		DRAG_OVER_STAMP = null;
+		REQUESTED_DROP_EFFECT = null;
+		REQUESTED_EFFECT_ALLOWED = null;
+		SUGGESTED_DROP_EFFECT = null;
+		SOURCE_NODE = null;
+		SOURCE_NODE_LIST = null;
+		if ($sourceList) {
+			$sourceList.removeClass(classDragSource + " " + classDragRemove);
+		}
+		$sourceList = null;
+		if ($dropMarker) {
+			$dropMarker.hide();
+		}
+		// Take this badge off of me - I can't use it anymore:
+		if ($extraHelper) {
+			$extraHelper.remove();
+			$extraHelper = null;
+		}
 	}
 
-}( function( $ ) {
-
-"use strict";
-
-/* *****************************************************************************
- * Private functions and variables
- */
-var FT = $.ui.fancytree,
-	isMac = /Mac/.test(navigator.platform),
-	classDragSource = "fancytree-drag-source",
-	classDragRemove = "fancytree-drag-remove",
-	classDropAccept = "fancytree-drop-accept",
-	classDropAfter = "fancytree-drop-after",
-	classDropBefore = "fancytree-drop-before",
-	classDropOver = "fancytree-drop-over",
-	classDropReject = "fancytree-drop-reject",
-	classDropTarget = "fancytree-drop-target",
-	nodeMimeType = "application/x-fancytree-node",
-	$dropMarker = null,
-	SOURCE_NODE = null,
-	SOURCE_NODE_LIST = null,
-	$sourceList = null,
-	DRAG_ENTER_RESPONSE = null,
-	LAST_HIT_MODE = null;
-
-/* */
-function _clearGlobals() {
-	SOURCE_NODE = null;
-	SOURCE_NODE_LIST = null;
-	$sourceList = null;
-	DRAG_ENTER_RESPONSE = null;
-}
-
-/* Convert number to string and prepend +/-; return empty string for 0.*/
-function offsetString(n){
-	return n === 0 ? "" : (( n > 0 ) ? ("+" + n) : ("" + n));
-}
-
-/* Convert a dragEnter() or dragOver() response to a canonical form.
- * Return false or plain object
- * @param {string|object|boolean} r
- * @return {object|false}
- */
-function normalizeDragEnterResponse(r) {
-	var res;
-
-	if( !r ){
-		return false;
+	/* Convert number to string and prepend +/-; return empty string for 0.*/
+	function offsetString(n) {
+		// eslint-disable-next-line no-nested-ternary
+		return n === 0 ? "" : n > 0 ? "+" + n : "" + n;
 	}
-	if ( $.isPlainObject(r) ) {
-		res = {
-			over: !!r.over,
-			before: !!r.before,
-			after: !!r.after
-		};
-	}else if ( $.isArray(r) ) {
-		res = {
-			over: ($.inArray("over", r) >= 0),
-			before: ($.inArray("before", r) >= 0),
-			after: ($.inArray("after", r) >= 0)
-		};
-	}else{
-		res = {
-			over: ((r === true) || (r === "over")),
-			before: ((r === true) || (r === "before")),
-			after: ((r === true) || (r === "after"))
-		};
+
+	/* Convert a dragEnter() or dragOver() response to a canonical form.
+	 * Return false or plain object
+	 * @param {string|object|boolean} r
+	 * @return {object|false}
+	 */
+	function normalizeDragEnterResponse(r) {
+		var res;
+
+		if (!r) {
+			return false;
+		}
+		if ($.isPlainObject(r)) {
+			res = {
+				over: !!r.over,
+				before: !!r.before,
+				after: !!r.after,
+			};
+		} else if ($.isArray(r)) {
+			res = {
+				over: $.inArray("over", r) >= 0,
+				before: $.inArray("before", r) >= 0,
+				after: $.inArray("after", r) >= 0,
+			};
+		} else {
+			res = {
+				over: r === true || r === "over",
+				before: r === true || r === "before",
+				after: r === true || r === "after",
+			};
+		}
+		if (Object.keys(res).length === 0) {
+			return false;
+		}
+		// if( Object.keys(res).length === 1 ) {
+		// 	res.unique = res[0];
+		// }
+		return res;
 	}
-	if( Object.keys(res).length === 0 ) {
-		return false;
-	}
-	// if( Object.keys(res).length === 1 ) {
-	// 	res.unique = res[0];
+
+	/* Convert a dataTransfer.effectAllowed to a canonical form.
+	 * Return false or plain object
+	 * @param {string|boolean} r
+	 * @return {object|false}
+	 */
+	// function normalizeEffectAllowed(r) {
+	// 	if (!r || r === "none") {
+	// 		return false;
+	// 	}
+	// 	var all = r === "all",
+	// 		res = {
+	// 			copy: all || /copy/i.test(r),
+	// 			link: all || /link/i.test(r),
+	// 			move: all || /move/i.test(r),
+	// 		};
+
+	// 	return res;
 	// }
-	return res;
-}
 
-/* Implement auto scrolling when drag cursor is in top/bottom area of scroll parent. */
-function autoScroll(tree, event) {
-	var spOfs, scrollTop, delta,
-		dndOpts = tree.options.dnd5,
-		sp = tree.$scrollParent[0],
-		sensitivity = dndOpts.scrollSensitivity,
-		speed = dndOpts.scrollSpeed,
-		scrolled = 0;
+	/* Implement auto scrolling when drag cursor is in top/bottom area of scroll parent. */
+	function autoScroll(tree, event) {
+		var spOfs,
+			scrollTop,
+			delta,
+			dndOpts = tree.options.dnd5,
+			sp = tree.$scrollParent[0],
+			sensitivity = dndOpts.scrollSensitivity,
+			speed = dndOpts.scrollSpeed,
+			scrolled = 0;
 
-	if ( sp !== document && sp.tagName !== "HTML" ) {
-		spOfs = tree.$scrollParent.offset();
-		scrollTop = sp.scrollTop;
-		if ( spOfs.top + sp.offsetHeight - event.pageY < sensitivity ) {
-			delta = (sp.scrollHeight - tree.$scrollParent.innerHeight() - scrollTop);
-			// console.log ("sp.offsetHeight: " + sp.offsetHeight
-			// 	+ ", spOfs.top: " + spOfs.top
-			// 	+ ", scrollTop: " + scrollTop
-			// 	+ ", innerHeight: " + tree.$scrollParent.innerHeight()
-			// 	+ ", scrollHeight: " + sp.scrollHeight
-			// 	+ ", delta: " + delta
-			// 	);
-			if( delta > 0 ) {
-				sp.scrollTop = scrolled = scrollTop + speed;
+		if (sp !== document && sp.tagName !== "HTML") {
+			spOfs = tree.$scrollParent.offset();
+			scrollTop = sp.scrollTop;
+			if (spOfs.top + sp.offsetHeight - event.pageY < sensitivity) {
+				delta =
+					sp.scrollHeight -
+					tree.$scrollParent.innerHeight() -
+					scrollTop;
+				// console.log ("sp.offsetHeight: " + sp.offsetHeight
+				// 	+ ", spOfs.top: " + spOfs.top
+				// 	+ ", scrollTop: " + scrollTop
+				// 	+ ", innerHeight: " + tree.$scrollParent.innerHeight()
+				// 	+ ", scrollHeight: " + sp.scrollHeight
+				// 	+ ", delta: " + delta
+				// 	);
+				if (delta > 0) {
+					sp.scrollTop = scrolled = scrollTop + speed;
+				}
+			} else if (scrollTop > 0 && event.pageY - spOfs.top < sensitivity) {
+				sp.scrollTop = scrolled = scrollTop - speed;
+			}
+		} else {
+			scrollTop = $(document).scrollTop();
+			if (scrollTop > 0 && event.pageY - scrollTop < sensitivity) {
+				scrolled = scrollTop - speed;
+				$(document).scrollTop(scrolled);
+			} else if (
+				$(window).height() - (event.pageY - scrollTop) <
+				sensitivity
+			) {
+				scrolled = scrollTop + speed;
+				$(document).scrollTop(scrolled);
 			}
-		} else if ( scrollTop > 0 && event.pageY - spOfs.top < sensitivity ) {
-			sp.scrollTop = scrolled = scrollTop - speed;
 		}
-	} else {
-		scrollTop = $(document).scrollTop();
-		if (scrollTop > 0 && event.pageY - scrollTop < sensitivity) {
-			scrolled = scrollTop - speed;
-			$(document).scrollTop(scrolled);
-		} else if ($(window).height() - (event.pageY - scrollTop) < sensitivity) {
-			scrolled = scrollTop + speed;
-			$(document).scrollTop(scrolled);
+		if (scrolled) {
+			tree.debug("autoScroll: " + scrolled + "px");
 		}
-	}
-	if( scrolled ) {
-		tree.debug("autoScroll: " + scrolled + "px");
-	}
-	return scrolled;
-}
-
-/* Handle dragover event (fired every x ms) and return hitMode. */
-function handleDragOver(event, data) {
-	// Implement auto-scrolling
-	if ( data.options.dnd5.scroll ) {
-		autoScroll(data.tree, event);
-	}
-	// Bail out with previous response if we get an invalid dragover
-	if( !data.node ) {
-		data.tree.warn("Ignore dragover for non-node");  //, event, data);
-		return LAST_HIT_MODE;
+		return scrolled;
 	}
 
-	var markerOffsetX, nodeOfs, pos, relPosY,
-		hitMode = null,
-		tree = data.tree,
-		options = tree.options,
-		dndOpts = options.dnd5,
-		targetNode = data.node,
-		sourceNode = data.otherNode,
-		markerAt = "center",
-		$target = $(targetNode.span),
-		$targetTitle = $target.find("span.fancytree-title");
+	/* Guess dropEffect from modifier keys.
+	 * Using rules suggested here:
+	 *     https://ux.stackexchange.com/a/83769
+	 * @returns
+	 *     'copy', 'link', 'move', or 'none'
+	 */
+	function evalEffectModifiers(tree, event, effectDefault) {
+		var res = effectDefault;
 
-	if(DRAG_ENTER_RESPONSE === false){
-		tree.info("Ignore dragover, since dragenter returned false");  //, event, data);
-		// $.error("assert failed: dragenter returned false");
-		return false;
-	} else if(typeof DRAG_ENTER_RESPONSE === "string") {
-		$.error("assert failed: dragenter returned string");
-		// Use hitMode from onEnter if provided.
-		// hitMode = DRAG_ENTER_RESPONSE;
-	} else {
+		if (isMac) {
+			if (event.metaKey && event.altKey) {
+				// Mac: [Control] + [Option]
+				res = "link";
+			} else if (event.ctrlKey) {
+				// Chrome on Mac: [Control]
+				res = "link";
+			} else if (event.metaKey) {
+				// Mac: [Command]
+				res = "move";
+			} else if (event.altKey) {
+				// Mac: [Option]
+				res = "copy";
+			}
+		} else {
+			if (event.ctrlKey) {
+				// Windows: [Ctrl]
+				res = "copy";
+			} else if (event.shiftKey) {
+				// Windows: [Shift]
+				res = "move";
+			} else if (event.altKey) {
+				// Windows: [Alt]
+				res = "link";
+			}
+		}
+		if (res !== SUGGESTED_DROP_EFFECT) {
+			tree.info(
+				"evalEffectModifiers: " +
+					event.type +
+					" - evalEffectModifiers(): " +
+					SUGGESTED_DROP_EFFECT +
+					" -> " +
+					res
+			);
+		}
+		SUGGESTED_DROP_EFFECT = res;
+		// tree.debug("evalEffectModifiers: " + res);
+		return res;
+	}
+	/*
+	 * Check if the previous callback (dragEnter, dragOver, ...) has changed
+	 * the `data` object and apply those settings.
+	 *
+	 * Safari:
+	 *     It seems that `dataTransfer.dropEffect` can only be set on dragStart, and will remain
+	 *     even if the cursor changes when [Alt] or [Ctrl] are pressed (?)
+	 * Using rules suggested here:
+	 *     https://ux.stackexchange.com/a/83769
+	 * @returns
+	 *     'copy', 'link', 'move', or 'none'
+	 */
+	function prepareDropEffectCallback(event, data) {
+		var tree = data.tree,
+			dataTransfer = data.dataTransfer;
+
+		if (event.type === "dragstart") {
+			data.effectAllowed = tree.options.dnd5.effectAllowed;
+			data.dropEffect = tree.options.dnd5.dropEffectDefault;
+		} else {
+			data.effectAllowed = REQUESTED_EFFECT_ALLOWED;
+			data.dropEffect = REQUESTED_DROP_EFFECT;
+		}
+		data.dropEffectSuggested = evalEffectModifiers(
+			tree,
+			event,
+			tree.options.dnd5.dropEffectDefault
+		);
+		data.isMove = data.dropEffect === "move";
+		data.files = dataTransfer.files || [];
+
+		// if (REQUESTED_EFFECT_ALLOWED !== dataTransfer.effectAllowed) {
+		// 	tree.warn(
+		// 		"prepareDropEffectCallback(" +
+		// 			event.type +
+		// 			"): dataTransfer.effectAllowed changed from " +
+		// 			REQUESTED_EFFECT_ALLOWED +
+		// 			" -> " +
+		// 			dataTransfer.effectAllowed
+		// 	);
+		// }
+		// if (REQUESTED_DROP_EFFECT !== dataTransfer.dropEffect) {
+		// 	tree.warn(
+		// 		"prepareDropEffectCallback(" +
+		// 			event.type +
+		// 			"): dataTransfer.dropEffect changed from requested " +
+		// 			REQUESTED_DROP_EFFECT +
+		// 			" to " +
+		// 			dataTransfer.dropEffect
+		// 	);
+		// }
+	}
+
+	function applyDropEffectCallback(event, data, allowDrop) {
+		var tree = data.tree,
+			dataTransfer = data.dataTransfer;
+
+		if (
+			event.type !== "dragstart" &&
+			REQUESTED_EFFECT_ALLOWED !== data.effectAllowed
+		) {
+			tree.warn(
+				"effectAllowed should only be changed in dragstart event: " +
+					event.type +
+					": data.effectAllowed changed from " +
+					REQUESTED_EFFECT_ALLOWED +
+					" -> " +
+					data.effectAllowed
+			);
+		}
+
+		if (allowDrop === false) {
+			tree.info("applyDropEffectCallback: allowDrop === false");
+			data.effectAllowed = "none";
+			data.dropEffect = "none";
+		}
+		// if (REQUESTED_DROP_EFFECT !== data.dropEffect) {
+		// 	tree.debug(
+		// 		"applyDropEffectCallback(" +
+		// 			event.type +
+		// 			"): data.dropEffect changed from previous " +
+		// 			REQUESTED_DROP_EFFECT +
+		// 			" to " +
+		// 			data.dropEffect
+		// 	);
+		// }
+
+		data.isMove = data.dropEffect === "move";
+		// data.isMove = data.dropEffectSuggested === "move";
+
+		// `effectAllowed` must only be defined in dragstart event, so we
+		// store it in a global variable for reference
+		if (event.type === "dragstart") {
+			REQUESTED_EFFECT_ALLOWED = data.effectAllowed;
+			REQUESTED_DROP_EFFECT = data.dropEffect;
+		}
+
+		// if (REQUESTED_DROP_EFFECT !== dataTransfer.dropEffect) {
+		// 	data.tree.info(
+		// 		"applyDropEffectCallback(" +
+		// 			event.type +
+		// 			"): dataTransfer.dropEffect changed from " +
+		// 			REQUESTED_DROP_EFFECT +
+		// 			" -> " +
+		// 			dataTransfer.dropEffect
+		// 	);
+		// }
+		dataTransfer.effectAllowed = REQUESTED_EFFECT_ALLOWED;
+		dataTransfer.dropEffect = REQUESTED_DROP_EFFECT;
+
+		// tree.debug(
+		// 	"applyDropEffectCallback(" +
+		// 		event.type +
+		// 		"): set " +
+		// 		dataTransfer.dropEffect +
+		// 		"/" +
+		// 		dataTransfer.effectAllowed
+		// );
+		// if (REQUESTED_DROP_EFFECT !== dataTransfer.dropEffect) {
+		// 	data.tree.warn(
+		// 		"applyDropEffectCallback(" +
+		// 			event.type +
+		// 			"): could not set dataTransfer.dropEffect to " +
+		// 			REQUESTED_DROP_EFFECT +
+		// 			": got " +
+		// 			dataTransfer.dropEffect
+		// 	);
+		// }
+		return REQUESTED_DROP_EFFECT;
+	}
+
+	/* Handle dragover event (fired every x ms) on valid drop targets.
+	 *
+	 * - Auto-scroll when cursor is in border regions
+	 * - Apply restrictioan like 'preventVoidMoves'
+	 * - Calculate hit mode
+	 * - Calculate drop effect
+	 * - Trigger dragOver() callback to let user modify hit mode and drop effect
+	 * - Adjust the drop marker accordingly
+	 *
+	 * @returns hitMode
+	 */
+	function handleDragOver(event, data) {
+		// Implement auto-scrolling
+		if (data.options.dnd5.scroll) {
+			autoScroll(data.tree, event);
+		}
+		// Bail out with previous response if we get an invalid dragover
+		if (!data.node) {
+			data.tree.warn("Ignored dragover for non-node"); //, event, data);
+			return LAST_HIT_MODE;
+		}
+
+		var markerOffsetX,
+			nodeOfs,
+			pos,
+			relPosY,
+			hitMode = null,
+			tree = data.tree,
+			options = tree.options,
+			dndOpts = options.dnd5,
+			targetNode = data.node,
+			sourceNode = data.otherNode,
+			markerAt = "center",
+			$target = $(targetNode.span),
+			$targetTitle = $target.find("span.fancytree-title");
+
+		if (DRAG_ENTER_RESPONSE === false) {
+			tree.debug("Ignored dragover, since dragenter returned false.");
+			return false;
+		} else if (typeof DRAG_ENTER_RESPONSE === "string") {
+			$.error("assert failed: dragenter returned string");
+		}
 		// Calculate hitMode from relative cursor position.
 		nodeOfs = $target.offset();
 		relPosY = (event.pageY - nodeOfs.top) / $target.height();
+		if (event.pageY === undefined) {
+			tree.warn("event.pageY is undefined: see issue #1013.");
+		}
 
-		if( DRAG_ENTER_RESPONSE.after && relPosY > 0.75 ){
+		if (DRAG_ENTER_RESPONSE.after && relPosY > 0.75) {
 			hitMode = "after";
-		} else if(!DRAG_ENTER_RESPONSE.over && DRAG_ENTER_RESPONSE.after && relPosY > 0.5 ){
+		} else if (
+			!DRAG_ENTER_RESPONSE.over &&
+			DRAG_ENTER_RESPONSE.after &&
+			relPosY > 0.5
+		) {
 			hitMode = "after";
-		} else if(DRAG_ENTER_RESPONSE.before && relPosY <= 0.25) {
+		} else if (DRAG_ENTER_RESPONSE.before && relPosY <= 0.25) {
 			hitMode = "before";
-		} else if(!DRAG_ENTER_RESPONSE.over && DRAG_ENTER_RESPONSE.before && relPosY <= 0.5) {
+		} else if (
+			!DRAG_ENTER_RESPONSE.over &&
+			DRAG_ENTER_RESPONSE.before &&
+			relPosY <= 0.5
+		) {
 			hitMode = "before";
-		} else if(DRAG_ENTER_RESPONSE.over) {
+		} else if (DRAG_ENTER_RESPONSE.over) {
 			hitMode = "over";
 		}
 		// Prevent no-ops like 'before source node'
 		// TODO: these are no-ops when moving nodes, but not in copy mode
-		if( dndOpts.preventVoidMoves ){
-			if(targetNode === sourceNode){
+		if (dndOpts.preventVoidMoves && data.dropEffect === "move") {
+			if (targetNode === sourceNode) {
 				targetNode.debug("Drop over source node prevented.");
 				hitMode = null;
-			}else if(hitMode === "before" && sourceNode && targetNode === sourceNode.getNextSibling()){
+			} else if (
+				hitMode === "before" &&
+				sourceNode &&
+				targetNode === sourceNode.getNextSibling()
+			) {
 				targetNode.debug("Drop after source node prevented.");
 				hitMode = null;
-			}else if(hitMode === "after" && sourceNode && targetNode === sourceNode.getPrevSibling()){
+			} else if (
+				hitMode === "after" &&
+				sourceNode &&
+				targetNode === sourceNode.getPrevSibling()
+			) {
 				targetNode.debug("Drop before source node prevented.");
 				hitMode = null;
-			}else if(hitMode === "over" && sourceNode && sourceNode.parent === targetNode && sourceNode.isLastSibling() ){
+			} else if (
+				hitMode === "over" &&
+				sourceNode &&
+				sourceNode.parent === targetNode &&
+				sourceNode.isLastSibling()
+			) {
 				targetNode.debug("Drop last child over own parent prevented.");
 				hitMode = null;
 			}
 		}
-	}
-	// Let callback modify the calculated hitMode
-	data.hitMode = hitMode;
-	if(hitMode && dndOpts.dragOver){
-		// TODO: http://code.google.com/p/dynatree/source/detail?r=625
-		dndOpts.dragOver(targetNode, data);
-		hitMode = data.hitMode;
-	}
-	// LAST_DROP_EFFECT = data.dataTransfer.dropEffect;
-	// LAST_EFFECT_ALLOWED = data.dataTransfer.effectAllowed;
-	LAST_HIT_MODE = hitMode;
-	//
-	if( hitMode === "after" || hitMode === "before" || hitMode === "over" ){
-		markerOffsetX = dndOpts.dropMarkerOffsetX || 0;
-		switch(hitMode){
-		case "before":
-			markerAt = "top";
-			markerOffsetX += (dndOpts.dropMarkerInsertOffsetX || 0);
-			break;
-		case "after":
-			markerAt = "bottom";
-			markerOffsetX += (dndOpts.dropMarkerInsertOffsetX || 0);
-			break;
+		// Let callback modify the calculated hitMode
+		data.hitMode = hitMode;
+		if (hitMode && dndOpts.dragOver) {
+			prepareDropEffectCallback(event, data);
+			dndOpts.dragOver(targetNode, data);
+			var allowDrop = !!hitMode;
+			applyDropEffectCallback(event, data, allowDrop);
+			hitMode = data.hitMode;
 		}
-
-		pos = {
-			my: "left" + offsetString(markerOffsetX) + " center",
-			at: "left " + markerAt,
-			of: $targetTitle
-		};
-		if( options.rtl ) {
-			pos.my = "right" + offsetString(-markerOffsetX) + " center";
-			pos.at = "right " + markerAt;
-			// console.log("rtl", pos);
-		}
-		$dropMarker
-			.toggleClass(classDropAfter, hitMode === "after")
-			.toggleClass(classDropOver, hitMode === "over")
-			.toggleClass(classDropBefore, hitMode === "before")
-			.show()
-			.position(FT.fixPositionOptions(pos));
-	} else {
-		$dropMarker.hide();
-		// console.log("hide dropmarker")
-	}
-
-	$(targetNode.span)
-		.toggleClass(classDropTarget, hitMode === "after" || hitMode === "before" || hitMode === "over")
-		.toggleClass(classDropAfter, hitMode === "after")
-		.toggleClass(classDropBefore, hitMode === "before")
-		.toggleClass(classDropAccept, hitMode === "over")
-		.toggleClass(classDropReject, hitMode === false);
-
-	return hitMode;
-}
-
-/* Guess dropEffect from modifier keys.
- * Safari:
- *     It seems that `dataTransfer.dropEffect` can only be set on dragStart, and will remain
- *     even if the cursor changes when [Alt] or [Ctrl] are pressed (?)
- * Using rules suggested here:
- *     https://ux.stackexchange.com/a/83769
- * @returns
- *     'copy', 'link', 'move', or 'none'
- */
-function getDropEffect(event, data) {
-	var dndOpts = data.options.dnd5,
-		res = dndOpts.dropEffectDefault
-		// dataTransfer = event.dataTransfer || event.originalEvent.dataTransfer,
-		;
-
-	// Use callback if any:
-	if( dndOpts.dropEffect ) {
-		return dndOpts.dropEffect(event, data);
-	}
-
-	if( isMac ) {
-		if( event.metaKey && event.altKey ) {  // Mac: [Control] + [Option]
-			return "link";
-		} else if( event.metaKey ) {  // Mac: [Command]
-			return "move";
-		} else if( event.altKey ) {  // Mac: [Option]
-			return "copy";
-		}
-	} else {
-		if( event.ctrlKey ) {  // Windows: [Ctrl]
-			return "copy";
-		} else if( event.shiftKey ) {  // Windows: [Shift]
-			return "move";
-		} else if( event.altKey ) {  // Windows: [Alt]
-			return "link";
-		}
-	}
-	// data.tree.debug("getDropEffect: " + res);
-	return res;
-}
-
-/* *****************************************************************************
- *
- */
-
-$.ui.fancytree.registerExtension({
-	name: "dnd5",
-	version: "2.28.1",
-	// Default options for this extension.
-	options: {
-		autoExpandMS: 1500,          // Expand nodes after n milliseconds of hovering
-		dropMarkerInsertOffsetX: -16,// Additional offset for drop-marker with hitMode = "before"/"after"
-		dropMarkerOffsetX: -24,		 // Absolute position offset for .fancytree-drop-marker relatively to ..fancytree-title (icon/img near a node accepting drop)
-		multiSource: false,		     // true: Drag multiple (i.e. selected) nodes.
-		dragImage: null,		     // Callback(node, data) that can be used to call dataTransfer.setDragImage().
-		dropEffect: null,		     // Callback(node, data) that returns 'copy', 'link', 'move', or 'none'.
-		dropEffectDefault: "move",	 // Default dropEffect ('copy', 'link', or 'move').
-		preventForeignNodes: false,  // Prevent dropping nodes from different Fancytrees
-		preventNonNodes: false,      // Prevent dropping items other than Fancytree nodes
-		preventRecursiveMoves: true, // Prevent dropping nodes on own descendants
-		preventVoidMoves: true,      // Prevent dropping nodes 'before self', etc.
-		scroll: true,                // Enable auto-scrolling while dragging
-		scrollSensitivity: 20,       // Active top/bottom margin in pixel
-		scrollSpeed: 5,              // Pixel per event
-		setTextTypeJson: false,      // Allow dragging of nodes to different IE windows
-		// Events (drag support)
-		dragStart: null,       // Callback(sourceNode, data), return true, to enable dnd drag
-		dragDrag: $.noop,      // Callback(sourceNode, data)
-		dragEnd: $.noop,       // Callback(sourceNode, data)
-		// Events (drop support)
-		dragEnter: null,       // Callback(targetNode, data), return true, to enable dnd drop
-		dragOver: $.noop,      // Callback(targetNode, data)
-		dragExpand: $.noop,    // Callback(targetNode, data), return false to prevent autoExpand
-		dragDrop: $.noop,      // Callback(targetNode, data)
-		dragLeave: $.noop      // Callback(targetNode, data)
-	},
-
-	treeInit: function(ctx){
-		var $dragImage, $extraHelper, $temp,
-			tree = ctx.tree,
-			opts = ctx.options,
-			glyph = opts.glyph || null,
-			dndOpts = opts.dnd5,
-			getNode = FT.getNode;
-
-		if( $.inArray("dnd", opts.extensions) >= 0 ) {
-			$.error("Extensions 'dnd' and 'dnd5' are mutually exclusive.");
-		}
-		if( dndOpts.dragStop ) {
-			$.error("dragStop is not used by ext-dnd5. Use dragEnd instead.");
-		}
-
-		// Implement `opts.createNode` event to add the 'draggable' attribute
-		// #680: this must happen before calling super.treeInit()
-		if( dndOpts.dragStart ) {
-			FT.overrideMethod(ctx.options, "createNode", function(event, data) {
-				// Default processing if any
-				this._super.apply(this, arguments);
-
-				data.node.span.draggable = true;
-			});
-		}
-		this._superApply(arguments);
-
-		this.$container.addClass("fancytree-ext-dnd5");
-
-		// Store the current scroll parent, which may be the tree
-		// container, any enclosing div, or the document.
-		// #761: scrollParent() always needs a container child
-		$temp = $("<span>").appendTo(this.$container);
-		this.$scrollParent = $temp.scrollParent();
-		$temp.remove();
-
-		$dropMarker = $("#fancytree-drop-marker");
-		if( !$dropMarker.length ) {
-			$dropMarker = $("<div id='fancytree-drop-marker'></div>")
-				.hide()
-				.css({
-					"z-index": 1000,
-					// Drop marker should not steal dragenter/dragover events:
-					"pointer-events": "none"
-				}).prependTo("body");
-			if( glyph ) {
-				FT.setSpanIcon($dropMarker[0], glyph.map._addClass, glyph.map.dropMarker);
-				// $dropMarker.addClass(glyph.map._addClass + " " + glyph.map.dropMarker);
+		LAST_HIT_MODE = hitMode;
+		//
+		if (hitMode === "after" || hitMode === "before" || hitMode === "over") {
+			markerOffsetX = dndOpts.dropMarkerOffsetX || 0;
+			switch (hitMode) {
+				case "before":
+					markerAt = "top";
+					markerOffsetX += dndOpts.dropMarkerInsertOffsetX || 0;
+					break;
+				case "after":
+					markerAt = "bottom";
+					markerOffsetX += dndOpts.dropMarkerInsertOffsetX || 0;
+					break;
 			}
+
+			pos = {
+				my: "left" + offsetString(markerOffsetX) + " center",
+				at: "left " + markerAt,
+				of: $targetTitle,
+			};
+			if (options.rtl) {
+				pos.my = "right" + offsetString(-markerOffsetX) + " center";
+				pos.at = "right " + markerAt;
+				// console.log("rtl", pos);
+			}
+			$dropMarker
+				.toggleClass(classDropAfter, hitMode === "after")
+				.toggleClass(classDropOver, hitMode === "over")
+				.toggleClass(classDropBefore, hitMode === "before")
+				.show()
+				.position(FT.fixPositionOptions(pos));
+		} else {
+			$dropMarker.hide();
+			// console.log("hide dropmarker")
 		}
-		$dropMarker.toggleClass("fancytree-rtl", !!opts.rtl);
-		// Enable drag support if dragStart() is specified:
-		if( dndOpts.dragStart ) {
-			// Bind drag event handlers
-			tree.$container.on("dragstart drag dragend", function(event){
-				var json,
-					node = getNode(event),
-					dataTransfer = event.dataTransfer || event.originalEvent.dataTransfer,
-					data = {
-						node: node,
-						tree: tree,
-						options: tree.options,
-						originalEvent: event,
-						dataTransfer: dataTransfer,
-//						dropEffect: undefined,  // set by dragend
-						isCancelled: undefined  // set by dragend
-					},
-					dropEffect = getDropEffect(event, data),
-					isMove = dropEffect === "move";
 
-				// console.log(event.type, "dropEffect: " + dropEffect);
-				switch( event.type ) {
+		$(targetNode.span)
+			.toggleClass(
+				classDropTarget,
+				hitMode === "after" ||
+					hitMode === "before" ||
+					hitMode === "over"
+			)
+			.toggleClass(classDropAfter, hitMode === "after")
+			.toggleClass(classDropBefore, hitMode === "before")
+			.toggleClass(classDropAccept, hitMode === "over")
+			.toggleClass(classDropReject, hitMode === false);
 
-				case "dragstart":
-					// Store current source node in different formats
-					SOURCE_NODE = node;
+		return hitMode;
+	}
 
-					// Also optionally store selected nodes
-					if( dndOpts.multiSource === false ) {
-						SOURCE_NODE_LIST = [node];
-					} else if( dndOpts.multiSource === true ) {
-						SOURCE_NODE_LIST = tree.getSelectedNodes();
-						if( !node.isSelected() ) {
-							SOURCE_NODE_LIST.unshift(node);
-						}
-					} else {
-						SOURCE_NODE_LIST = dndOpts.multiSource(node, data);
-					}
-					// Cache as array of jQuery objects for faster access:
-					$sourceList = $($.map(SOURCE_NODE_LIST, function(n){
-						return n.span;
-					}));
-					// Set visual feedback
-					$sourceList.addClass(classDragSource);
+	/*
+	 * Handle dragstart drag dragend events on the container
+	 */
+	function onDragEvent(event) {
+		var json,
+			tree = this,
+			dndOpts = tree.options.dnd5,
+			node = FT.getNode(event),
+			dataTransfer =
+				event.dataTransfer || event.originalEvent.dataTransfer,
+			data = {
+				tree: tree,
+				node: node,
+				options: tree.options,
+				originalEvent: event.originalEvent,
+				widget: tree.widget,
+				dataTransfer: dataTransfer,
+				useDefaultImage: true,
+				dropEffect: undefined,
+				dropEffectSuggested: undefined,
+				effectAllowed: undefined, // set by dragstart
+				files: undefined, // only for drop events
+				isCancelled: undefined, // set by dragend
+				isMove: undefined,
+			};
 
-					// Set payload
-					// Note:
-					// Transfer data is only accessible on dragstart and drop!
-					// For all other events the formats and kinds in the drag
-					// data store list of items representing dragged data can be
-					// enumerated, but the data itself is unavailable and no new
-					// data can be added.
-					json = JSON.stringify(node.toDict());
-					try {
-						dataTransfer.setData(nodeMimeType, json);
-						dataTransfer.setData("text/html", $(node.span).html());
-						dataTransfer.setData("text/plain", node.title);
-					} catch(ex) {
-						// IE only accepts 'text' type
-						tree.warn("Could not set data (IE only accepts 'text') - " + ex);
-					}
-					// We always need to set the 'text' type if we want to drag
-					// Because IE 11 only accepts this single type.
-					// If we pass JSON here, IE can can access all node properties,
-					// even when the source lives in another window. (D'n'd inside
-					// the same window will always work.)
-					// The drawback is, that in this case ALL browsers will see
-					// the JSON representation as 'text', so dragging
-					// to a text field will insert the JSON string instead of
-					// the node title.
-					if( dndOpts.setTextTypeJson ) {
-						dataTransfer.setData("text", json);
-					} else {
-						dataTransfer.setData("text", node.title);
-					}
-
-					// Set the allowed and current drag mode (move, copy, or link)
-					dataTransfer.effectAllowed = "all";  // "copyMove"
-					// dropEffect = "move";
-
-					$extraHelper = null;
-
-					if( dndOpts.dragImage ) {
-						// Let caller set a custom drag image using dataTransfer.setDragImage()
-						// and/or modify visual feedback otherwise.
-						dndOpts.dragImage(node, data);
-
-					} else {
-						// Set the title as drag image (otherwise it would contain the expander)
-						$dragImage = $(node.span).find(".fancytree-title");
-
-						if( SOURCE_NODE_LIST && SOURCE_NODE_LIST.length > 1 ) {
-							// Add a counter badge to node title if dragging more than one node.
-							// We want this, because the element that is used as drag image
-							// must be *visible* in the DOM, so we cannot create some hidden
-							// custom markup.
-							// See https://kryogenix.org/code/browser/custom-drag-image.html
-							// Also, since IE 11 and Edge don't support setDragImage() alltogether,
-							// it gives som feedback to the user.
-							// The badge will be removed later on drag end.
-							$extraHelper = $("<span class='fancytree-childcounter'/>")
-								.text("+" + (SOURCE_NODE_LIST.length - 1))
-								.appendTo($dragImage);
-						}
-						if( dataTransfer.setDragImage ) {
-							// IE 11 and Edge do not support this
-							dataTransfer.setDragImage( $dragImage[0], -10,  -10);
-						}
-					}
-					// Let user modify above settings
-					return dndOpts.dragStart(node, data) !== false;
-
-				case "drag":
-					// Called every few miliseconds
-					// data.tree.info("drag", SOURCE_NODE)
-					$sourceList.toggleClass(classDragRemove, isMove);
-					dndOpts.dragDrag(node, data);
-					break;
-
-				case "dragend":
-					$sourceList.removeClass(classDragSource + " " + classDragRemove);
-					_clearGlobals();
-//					data.dropEffect = dropEffect;
-					data.isCancelled = (dropEffect === "none");
-					$dropMarker.hide();
-					// Take this badge off of me - I can't use it anymore:
-					if( $extraHelper ) {
-						$extraHelper.remove();
-						$extraHelper = null;
-					}
-					dndOpts.dragEnd(node, data);
-					break;
-				}
-			});
-		}
-		// Enable drop support if dragEnter() is specified:
-		if( dndOpts.dragEnter ) {
-			// Bind drop event handlers
-			tree.$container.on("dragenter dragover dragleave drop", function(event){
-				var json, nodeData, r, res,
-					allowDrop = null,
-					node = getNode(event),
-					dataTransfer = event.dataTransfer || event.originalEvent.dataTransfer,
-					// dropEffect = getDropEffect(dataTransfer, opts),
-					data = {
-						node: node,
-						tree: tree,
-						options: tree.options,
-						hitMode: DRAG_ENTER_RESPONSE,
-						originalEvent: event,
-						dataTransfer: dataTransfer,
-						otherNode: SOURCE_NODE || null,
-						otherNodeList: SOURCE_NODE_LIST || null,
-						otherNodeData: null,    // set by drop event
-						dropEffect: undefined,  // set by drop event
-						isCancelled: undefined  // set by drop event
-					};
-
-				switch( event.type ) {
-
-				case "dragenter":
-					// The dragenter event is fired when a dragged element or
-					// text selection enters a valid drop target.
-
-					if( !node ) {
-						// Sometimes we get dragenter for the container element
-						tree.debug("Ignore non-node " + event.type + ": " + event.target.tagName + "." + event.target.className);
-						DRAG_ENTER_RESPONSE = false;
-						break;
-					}
-
-					$(node.span)
-						.addClass(classDropOver)
-						.removeClass(classDropAccept + " " + classDropReject);
-
-					if( dndOpts.preventNonNodes && !nodeData ) {
-						node.debug("Reject dropping a non-node.");
-						DRAG_ENTER_RESPONSE = false;
-						break;
-					} else if( dndOpts.preventForeignNodes && (!SOURCE_NODE || SOURCE_NODE.tree !== node.tree ) ) {
-						node.debug("Reject dropping a foreign node.");
-						DRAG_ENTER_RESPONSE = false;
-						break;
-					}
-
-					// NOTE: dragenter is fired BEFORE the dragleave event
-					// of the previous element!
-					// https://www.w3.org/Bugs/Public/show_bug.cgi?id=19041
-					setTimeout(function(){
-						// node.info("DELAYED " + event.type, event.target, DRAG_ENTER_RESPONSE);
-						// Auto-expand node (only when 'over' the node, not 'before', or 'after')
-						if( dndOpts.autoExpandMS &&
-							node.hasChildren() !== false && !node.expanded &&
-							(!dndOpts.dragExpand || dndOpts.dragExpand(node, data) !== false)
-							) {
-							node.scheduleAction("expand", dndOpts.autoExpandMS);
-						}
-					}, 0);
-
-					$dropMarker.show();
-
-					// Call dragEnter() to figure out if (and where) dropping is allowed
-					if( dndOpts.preventRecursiveMoves && node.isDescendantOf(data.otherNode) ){
-						node.debug("Reject dropping below own ancestor.");
-						res = false;
-					}else{
-						r = dndOpts.dragEnter(node, data);
-						res = normalizeDragEnterResponse(r);
-					}
-					DRAG_ENTER_RESPONSE = res;
-
-					allowDrop = res && ( res.over || res.before || res.after );
-					break;
-
-				case "dragover":
-					// The dragover event is fired when an element or text
-					// selection is being dragged over a valid drop target
-					// (every few hundred milliseconds).
-					// console.log(event.type, "dropEffect: " + dataTransfer.dropEffect)
-					LAST_HIT_MODE = handleDragOver(event, data);
-					allowDrop = !!LAST_HIT_MODE;
-					break;
-
-				case "dragleave":
-					// NOTE: dragleave is fired AFTER the dragenter event of the
-					// FOLLOWING element.
-					if( !node ) {
-						tree.debug("Ignore non-node " + event.type + ": " + event.target.tagName + "." + event.target.className);
-						break;
-					}
-					if( !$(node.span).hasClass(classDropOver) ) {
-						node.debug("Ignore dragleave (multi)"); //, event.currentTarget);
-						break;
-					}
-					$(node.span).removeClass(classDropOver + " " + classDropAccept + " " + classDropReject);
-					node.scheduleAction("cancel");
-					dndOpts.dragLeave(node, data);
-					$dropMarker.hide();
-					break;
-
-				case "drop":
-					// Data is only readable in the (dragenter and) drop event:
-
-					if( $.inArray(nodeMimeType, dataTransfer.types) >= 0 ) {
-						nodeData = dataTransfer.getData(nodeMimeType);
-						tree.info(event.type + ": getData('application/x-fancytree-node'): '" + nodeData + "'");
-					}
-					if( !nodeData ) {
-						// 1. Source is not a Fancytree node, or
-						// 2. If the FT mime type was set, but returns '', this
-						//    is probably IE 11 (which only supports 'text')
-						nodeData = dataTransfer.getData("text");
-						tree.info(event.type + ": getData('text'): '" + nodeData + "'");
-					}
-					if( nodeData ) {
-						try {
-							// 'text' type may contain JSON if IE is involved
-							// and setTextTypeJson option was set
-							json = JSON.parse(nodeData);
-							if( json.title !== undefined ) {
-								data.otherNodeData = json;
-							}
-						} catch(ex) {
-							// assume 'text' type contains plain text, so `otherNodeData`
-							// should not be set
-						}
-					}
-					tree.debug(event.type + ": nodeData: '" + nodeData + "', otherNodeData: ", data.otherNodeData);
-
-					$(node.span).removeClass(classDropOver + " " + classDropAccept + " " + classDropReject);
-					$dropMarker.hide();
-
-					data.hitMode = LAST_HIT_MODE;
-					data.dropEffect = dataTransfer.dropEffect;
-					data.isCancelled = data.dropEffect === "none";
-
-					// Let user implement the actual drop operation
-					dndOpts.dragDrop(node, data);
-
-					// Prevent browser's default drop handling
-					event.preventDefault();
-					_clearGlobals();
-					break;
-				}
-				// Dnd API madness: we must PREVENT default handling to enable dropping
-				if( allowDrop ) {
-					event.preventDefault();
+		switch (event.type) {
+			case "dragstart":
+				if (!node) {
+					tree.info("Ignored dragstart on a non-node.");
 					return false;
 				}
-			});
+				// Store current source node in different formats
+				SOURCE_NODE = node;
+
+				// Also optionally store selected nodes
+				if (dndOpts.multiSource === false) {
+					SOURCE_NODE_LIST = [node];
+				} else if (dndOpts.multiSource === true) {
+					if (node.isSelected()) {
+						SOURCE_NODE_LIST = tree.getSelectedNodes();
+					} else {
+						SOURCE_NODE_LIST = [node];
+					}
+				} else {
+					SOURCE_NODE_LIST = dndOpts.multiSource(node, data);
+				}
+				// Cache as array of jQuery objects for faster access:
+				$sourceList = $(
+					$.map(SOURCE_NODE_LIST, function(n) {
+						return n.span;
+					})
+				);
+				// Set visual feedback
+				$sourceList.addClass(classDragSource);
+
+				// Set payload
+				// Note:
+				// Transfer data is only accessible on dragstart and drop!
+				// For all other events the formats and kinds in the drag
+				// data store list of items representing dragged data can be
+				// enumerated, but the data itself is unavailable and no new
+				// data can be added.
+				var nodeData = node.toDict(true, dndOpts.sourceCopyHook);
+				nodeData.treeId = node.tree._id;
+				json = JSON.stringify(nodeData);
+				try {
+					dataTransfer.setData(nodeMimeType, json);
+					dataTransfer.setData("text/html", $(node.span).html());
+					dataTransfer.setData("text/plain", node.title);
+				} catch (ex) {
+					// IE only accepts 'text' type
+					tree.warn(
+						"Could not set data (IE only accepts 'text') - " + ex
+					);
+				}
+				// We always need to set the 'text' type if we want to drag
+				// Because IE 11 only accepts this single type.
+				// If we pass JSON here, IE can can access all node properties,
+				// even when the source lives in another window. (D'n'd inside
+				// the same window will always work.)
+				// The drawback is, that in this case ALL browsers will see
+				// the JSON representation as 'text', so dragging
+				// to a text field will insert the JSON string instead of
+				// the node title.
+				if (dndOpts.setTextTypeJson) {
+					dataTransfer.setData("text", json);
+				} else {
+					dataTransfer.setData("text", node.title);
+				}
+
+				// Set the allowed drag modes (combinations of move, copy, and link)
+				// (effectAllowed can only be set in the dragstart event.)
+				// This can be overridden in the dragStart() callback
+				prepareDropEffectCallback(event, data);
+
+				// Let user cancel or modify above settings
+				// Realize potential changes by previous callback
+				if (dndOpts.dragStart(node, data) === false) {
+					// Cancel dragging
+					// dataTransfer.dropEffect = "none";
+					_clearGlobals();
+					return false;
+				}
+				applyDropEffectCallback(event, data);
+
+				// Unless user set `data.useDefaultImage` to false in dragStart,
+				// generata a default drag image now:
+				$extraHelper = null;
+
+				if (data.useDefaultImage) {
+					// Set the title as drag image (otherwise it would contain the expander)
+					$dragImage = $(node.span).find(".fancytree-title");
+
+					if (SOURCE_NODE_LIST && SOURCE_NODE_LIST.length > 1) {
+						// Add a counter badge to node title if dragging more than one node.
+						// We want this, because the element that is used as drag image
+						// must be *visible* in the DOM, so we cannot create some hidden
+						// custom markup.
+						// See https://kryogenix.org/code/browser/custom-drag-image.html
+						// Also, since IE 11 and Edge don't support setDragImage() alltogether,
+						// it gives som feedback to the user.
+						// The badge will be removed later on drag end.
+						$extraHelper = $(
+							"<span class='fancytree-childcounter'/>"
+						)
+							.text("+" + (SOURCE_NODE_LIST.length - 1))
+							.appendTo($dragImage);
+					}
+					if (dataTransfer.setDragImage) {
+						// IE 11 and Edge do not support this
+						dataTransfer.setDragImage($dragImage[0], -10, -10);
+					}
+				}
+				return true;
+
+			case "drag":
+				// Called every few milliseconds (no matter if the
+				// cursor is over a valid drop target)
+				// data.tree.info("drag", SOURCE_NODE)
+				prepareDropEffectCallback(event, data);
+				dndOpts.dragDrag(node, data);
+				applyDropEffectCallback(event, data);
+
+				$sourceList.toggleClass(classDragRemove, data.isMove);
+				break;
+
+			case "dragend":
+				// Called at the end of a d'n'd process (after drop)
+				// Note caveat: If drop removed the dragged source element,
+				// we may not get this event, since the target does not exist
+				// anymore
+				prepareDropEffectCallback(event, data);
+
+				_clearGlobals();
+
+				data.isCancelled = !LAST_HIT_MODE;
+				dndOpts.dragEnd(node, data, !LAST_HIT_MODE);
+				// applyDropEffectCallback(event, data);
+				break;
 		}
 	}
-});
-// Value returned by `require('jquery.fancytree..')`
-return $.ui.fancytree;
-}));  // End of closure
+	/*
+	 * Handle dragenter dragover dragleave drop events on the container
+	 */
+	function onDropEvent(event) {
+		var json,
+			allowAutoExpand,
+			nodeData,
+			isSourceFtNode,
+			r,
+			res,
+			tree = this,
+			dndOpts = tree.options.dnd5,
+			allowDrop = null,
+			node = FT.getNode(event),
+			dataTransfer =
+				event.dataTransfer || event.originalEvent.dataTransfer,
+			data = {
+				tree: tree,
+				node: node,
+				options: tree.options,
+				originalEvent: event.originalEvent,
+				widget: tree.widget,
+				hitMode: DRAG_ENTER_RESPONSE,
+				dataTransfer: dataTransfer,
+				otherNode: SOURCE_NODE || null,
+				otherNodeList: SOURCE_NODE_LIST || null,
+				otherNodeData: null, // set by drop event
+				useDefaultImage: true,
+				dropEffect: undefined,
+				dropEffectSuggested: undefined,
+				effectAllowed: undefined, // set by dragstart
+				files: null, // list of File objects (may be [])
+				isCancelled: undefined, // set by drop event
+				isMove: undefined,
+			};
+
+		// data.isMove = dropEffect === "move";
+
+		switch (event.type) {
+			case "dragenter":
+				// The dragenter event is fired when a dragged element or
+				// text selection enters a valid drop target.
+
+				DRAG_OVER_STAMP = null;
+				if (!node) {
+					// Sometimes we get dragenter for the container element
+					tree.debug(
+						"Ignore non-node " +
+							event.type +
+							": " +
+							event.target.tagName +
+							"." +
+							event.target.className
+					);
+					DRAG_ENTER_RESPONSE = false;
+					break;
+				}
+
+				$(node.span)
+					.addClass(classDropOver)
+					.removeClass(classDropAccept + " " + classDropReject);
+
+				// Data is only readable in the dragstart and drop event,
+				// but we can check for the type:
+				isSourceFtNode =
+					$.inArray(nodeMimeType, dataTransfer.types) >= 0;
+
+				if (dndOpts.preventNonNodes && !isSourceFtNode) {
+					node.debug("Reject dropping a non-node.");
+					DRAG_ENTER_RESPONSE = false;
+					break;
+				} else if (
+					dndOpts.preventForeignNodes &&
+					(!SOURCE_NODE || SOURCE_NODE.tree !== node.tree)
+				) {
+					node.debug("Reject dropping a foreign node.");
+					DRAG_ENTER_RESPONSE = false;
+					break;
+				} else if (
+					dndOpts.preventSameParent &&
+					data.otherNode &&
+					data.otherNode.tree === node.tree &&
+					node.parent === data.otherNode.parent
+				) {
+					node.debug("Reject dropping as sibling (same parent).");
+					DRAG_ENTER_RESPONSE = false;
+					break;
+				} else if (
+					dndOpts.preventRecursion &&
+					data.otherNode &&
+					data.otherNode.tree === node.tree &&
+					node.isDescendantOf(data.otherNode)
+				) {
+					node.debug("Reject dropping below own ancestor.");
+					DRAG_ENTER_RESPONSE = false;
+					break;
+				} else if (dndOpts.preventLazyParents && !node.isLoaded()) {
+					node.warn("Drop over unloaded target node prevented.");
+					DRAG_ENTER_RESPONSE = false;
+					break;
+				}
+				$dropMarker.show();
+
+				// Call dragEnter() to figure out if (and where) dropping is allowed
+				prepareDropEffectCallback(event, data);
+				r = dndOpts.dragEnter(node, data);
+
+				res = normalizeDragEnterResponse(r);
+				// alert("res:" + JSON.stringify(res))
+				DRAG_ENTER_RESPONSE = res;
+
+				allowDrop = res && (res.over || res.before || res.after);
+
+				applyDropEffectCallback(event, data, allowDrop);
+				break;
+
+			case "dragover":
+				if (!node) {
+					tree.debug(
+						"Ignore non-node " +
+							event.type +
+							": " +
+							event.target.tagName +
+							"." +
+							event.target.className
+					);
+					break;
+				}
+				// The dragover event is fired when an element or text
+				// selection is being dragged over a valid drop target
+				// (every few hundred milliseconds).
+				// tree.debug(
+				// 	event.type +
+				// 		": dropEffect: " +
+				// 		dataTransfer.dropEffect
+				// );
+				prepareDropEffectCallback(event, data);
+				LAST_HIT_MODE = handleDragOver(event, data);
+
+				// The flag controls the preventDefault() below:
+				allowDrop = !!LAST_HIT_MODE;
+				allowAutoExpand =
+					LAST_HIT_MODE === "over" || LAST_HIT_MODE === false;
+
+				if (
+					allowAutoExpand &&
+					!node.expanded &&
+					node.hasChildren() !== false
+				) {
+					if (!DRAG_OVER_STAMP) {
+						DRAG_OVER_STAMP = Date.now();
+					} else if (
+						dndOpts.autoExpandMS &&
+						Date.now() - DRAG_OVER_STAMP > dndOpts.autoExpandMS &&
+						!node.isLoading() &&
+						(!dndOpts.dragExpand ||
+							dndOpts.dragExpand(node, data) !== false)
+					) {
+						node.setExpanded();
+					}
+				} else {
+					DRAG_OVER_STAMP = null;
+				}
+				break;
+
+			case "dragleave":
+				// NOTE: dragleave is fired AFTER the dragenter event of the
+				// FOLLOWING element.
+				if (!node) {
+					tree.debug(
+						"Ignore non-node " +
+							event.type +
+							": " +
+							event.target.tagName +
+							"." +
+							event.target.className
+					);
+					break;
+				}
+				if (!$(node.span).hasClass(classDropOver)) {
+					node.debug("Ignore dragleave (multi).");
+					break;
+				}
+				$(node.span).removeClass(
+					classDropOver +
+						" " +
+						classDropAccept +
+						" " +
+						classDropReject
+				);
+				node.scheduleAction("cancel");
+				dndOpts.dragLeave(node, data);
+				$dropMarker.hide();
+				break;
+
+			case "drop":
+				// Data is only readable in the (dragstart and) drop event:
+
+				if ($.inArray(nodeMimeType, dataTransfer.types) >= 0) {
+					nodeData = dataTransfer.getData(nodeMimeType);
+					tree.info(
+						event.type +
+							": getData('application/x-fancytree-node'): '" +
+							nodeData +
+							"'"
+					);
+				}
+				if (!nodeData) {
+					// 1. Source is not a Fancytree node, or
+					// 2. If the FT mime type was set, but returns '', this
+					//    is probably IE 11 (which only supports 'text')
+					nodeData = dataTransfer.getData("text");
+					tree.info(
+						event.type + ": getData('text'): '" + nodeData + "'"
+					);
+				}
+				if (nodeData) {
+					try {
+						// 'text' type may contain JSON if IE is involved
+						// and setTextTypeJson option was set
+						json = JSON.parse(nodeData);
+						if (json.title !== undefined) {
+							data.otherNodeData = json;
+						}
+					} catch (ex) {
+						// assume 'text' type contains plain text, so `otherNodeData`
+						// should not be set
+					}
+				}
+				tree.debug(
+					event.type +
+						": nodeData: '" +
+						nodeData +
+						"', otherNodeData: ",
+					data.otherNodeData
+				);
+
+				$(node.span).removeClass(
+					classDropOver +
+						" " +
+						classDropAccept +
+						" " +
+						classDropReject
+				);
+
+				// Let user implement the actual drop operation
+				data.hitMode = LAST_HIT_MODE;
+				prepareDropEffectCallback(event, data, !LAST_HIT_MODE);
+				data.isCancelled = !LAST_HIT_MODE;
+
+				var orgSourceElem = SOURCE_NODE && SOURCE_NODE.span,
+					orgSourceTree = SOURCE_NODE && SOURCE_NODE.tree;
+
+				dndOpts.dragDrop(node, data);
+				// applyDropEffectCallback(event, data);
+
+				// Prevent browser's default drop handling, i.e. open as link, ...
+				event.preventDefault();
+
+				if (orgSourceElem && !document.body.contains(orgSourceElem)) {
+					// The drop handler removed the original drag source from
+					// the DOM, so the dragend event will probaly not fire.
+					if (orgSourceTree === tree) {
+						tree.debug(
+							"Drop handler removed source element: generating dragEnd."
+						);
+						dndOpts.dragEnd(SOURCE_NODE, data);
+					} else {
+						tree.warn(
+							"Drop handler removed source element: dragend event may be lost."
+						);
+					}
+				}
+
+				_clearGlobals();
+
+				break;
+		}
+		// Dnd API madness: we must PREVENT default handling to enable dropping
+		if (allowDrop) {
+			event.preventDefault();
+			return false;
+		}
+	}
+
+	/** [ext-dnd5] Return a Fancytree instance, from element, index, event, or jQueryObject.
+	 *
+	 * @returns {FancytreeNode[]} List of nodes (empty if no drag operation)
+	 * @example
+	 * $.ui.fancytree.getDragNodeList();
+	 *
+	 * @alias Fancytree_Static#getDragNodeList
+	 * @requires jquery.fancytree.dnd5.js
+	 * @since 2.31
+	 */
+	$.ui.fancytree.getDragNodeList = function() {
+		return SOURCE_NODE_LIST || [];
+	};
+
+	/** [ext-dnd5] Return the FancytreeNode that is currently being dragged.
+	 *
+	 * If multiple nodes are dragged, only the first is returned.
+	 *
+	 * @returns {FancytreeNode | null} dragged nodes or null if no drag operation
+	 * @example
+	 * $.ui.fancytree.getDragNode();
+	 *
+	 * @alias Fancytree_Static#getDragNode
+	 * @requires jquery.fancytree.dnd5.js
+	 * @since 2.31
+	 */
+	$.ui.fancytree.getDragNode = function() {
+		return SOURCE_NODE;
+	};
+
+	/******************************************************************************
+	 *
+	 */
+
+	$.ui.fancytree.registerExtension({
+		name: "dnd5",
+		version: "2.38.0",
+		// Default options for this extension.
+		options: {
+			autoExpandMS: 1500, // Expand nodes after n milliseconds of hovering
+			dropMarkerInsertOffsetX: -16, // Additional offset for drop-marker with hitMode = "before"/"after"
+			dropMarkerOffsetX: -24, // Absolute position offset for .fancytree-drop-marker relatively to ..fancytree-title (icon/img near a node accepting drop)
+			// #1021 `document.body` is not available yet
+			dropMarkerParent: "body", // Root Container used for drop marker (could be a shadow root)
+			multiSource: false, // true: Drag multiple (i.e. selected) nodes. Also a callback() is allowed
+			effectAllowed: "all", // Restrict the possible cursor shapes and modifier operations (can also be set in the dragStart event)
+			// dropEffect: "auto", // 'copy'|'link'|'move'|'auto'(calculate from `effectAllowed`+modifier keys) or callback(node, data) that returns such string.
+			dropEffectDefault: "move", // Default dropEffect ('copy', 'link', or 'move') when no modifier is pressed (overide in dragDrag, dragOver).
+			preventForeignNodes: false, // Prevent dropping nodes from different Fancytrees
+			preventLazyParents: true, // Prevent dropping items on unloaded lazy Fancytree nodes
+			preventNonNodes: false, // Prevent dropping items other than Fancytree nodes
+			preventRecursion: true, // Prevent dropping nodes on own descendants
+			preventSameParent: false, // Prevent dropping nodes under same direct parent
+			preventVoidMoves: true, // Prevent dropping nodes 'before self', etc.
+			scroll: true, // Enable auto-scrolling while dragging
+			scrollSensitivity: 20, // Active top/bottom margin in pixel
+			scrollSpeed: 5, // Pixel per event
+			setTextTypeJson: false, // Allow dragging of nodes to different IE windows
+			sourceCopyHook: null, // Optional callback passed to `toDict` on dragStart @since 2.38
+			// Events (drag support)
+			dragStart: null, // Callback(sourceNode, data), return true, to enable dnd drag
+			dragDrag: $.noop, // Callback(sourceNode, data)
+			dragEnd: $.noop, // Callback(sourceNode, data)
+			// Events (drop support)
+			dragEnter: null, // Callback(targetNode, data), return true, to enable dnd drop
+			dragOver: $.noop, // Callback(targetNode, data)
+			dragExpand: $.noop, // Callback(targetNode, data), return false to prevent autoExpand
+			dragDrop: $.noop, // Callback(targetNode, data)
+			dragLeave: $.noop, // Callback(targetNode, data)
+		},
+
+		treeInit: function(ctx) {
+			var $temp,
+				tree = ctx.tree,
+				opts = ctx.options,
+				glyph = opts.glyph || null,
+				dndOpts = opts.dnd5;
+
+			if ($.inArray("dnd", opts.extensions) >= 0) {
+				$.error("Extensions 'dnd' and 'dnd5' are mutually exclusive.");
+			}
+			if (dndOpts.dragStop) {
+				$.error(
+					"dragStop is not used by ext-dnd5. Use dragEnd instead."
+				);
+			}
+			if (dndOpts.preventRecursiveMoves != null) {
+				$.error(
+					"preventRecursiveMoves was renamed to preventRecursion."
+				);
+			}
+
+			// Implement `opts.createNode` event to add the 'draggable' attribute
+			// #680: this must happen before calling super.treeInit()
+			if (dndOpts.dragStart) {
+				FT.overrideMethod(ctx.options, "createNode", function(
+					event,
+					data
+				) {
+					// Default processing if any
+					this._super.apply(this, arguments);
+					if (data.node.span) {
+						data.node.span.draggable = true;
+					} else {
+						data.node.warn("Cannot add `draggable`: no span tag");
+					}
+				});
+			}
+			this._superApply(arguments);
+
+			this.$container.addClass("fancytree-ext-dnd5");
+
+			// Store the current scroll parent, which may be the tree
+			// container, any enclosing div, or the document.
+			// #761: scrollParent() always needs a container child
+			$temp = $("<span>").appendTo(this.$container);
+			this.$scrollParent = $temp.scrollParent();
+			$temp.remove();
+
+			$dropMarker = $("#fancytree-drop-marker");
+			if (!$dropMarker.length) {
+				$dropMarker = $("<div id='fancytree-drop-marker'></div>")
+					.hide()
+					.css({
+						"z-index": 1000,
+						// Drop marker should not steal dragenter/dragover events:
+						"pointer-events": "none",
+					})
+					.prependTo(dndOpts.dropMarkerParent);
+				if (glyph) {
+					FT.setSpanIcon(
+						$dropMarker[0],
+						glyph.map._addClass,
+						glyph.map.dropMarker
+					);
+				}
+			}
+			$dropMarker.toggleClass("fancytree-rtl", !!opts.rtl);
+
+			// Enable drag support if dragStart() is specified:
+			if (dndOpts.dragStart) {
+				// Bind drag event handlers
+				tree.$container.on(
+					"dragstart drag dragend",
+					onDragEvent.bind(tree)
+				);
+			}
+			// Enable drop support if dragEnter() is specified:
+			if (dndOpts.dragEnter) {
+				// Bind drop event handlers
+				tree.$container.on(
+					"dragenter dragover dragleave drop",
+					onDropEvent.bind(tree)
+				);
+			}
+		},
+	});
+	// Value returned by `require('jquery.fancytree..')`
+	return $.ui.fancytree;
+}); // End of closure
 
 
 /*! Extension 'jquery.fancytree.edit.js' *//*!
@@ -10116,338 +10628,402 @@ return $.ui.fancytree;
  * Make node titles editable.
  * (Extension module for jquery.fancytree.js: https://github.com/mar10/fancytree/)
  *
- * Copyright (c) 2008-2018, Martin Wendt (http://wwWendt.de)
+ * Copyright (c) 2008-2021, Martin Wendt (https://wwWendt.de)
  *
  * Released under the MIT license
  * https://github.com/mar10/fancytree/wiki/LicenseInfo
  *
- * @version 2.28.1
- * @date 2018-03-19T06:47:37Z
+ * @version 2.38.0
+ * @date 2021-02-09T20:03:49Z
  */
 
-;(function( factory ) {
-	if ( typeof define === "function" && define.amd ) {
+(function(factory) {
+	if (typeof define === "function" && define.amd) {
 		// AMD. Register as an anonymous module.
-		define( [ "jquery", "./jquery.fancytree" ], factory );
-	} else if ( typeof module === "object" && module.exports ) {
+		define(["jquery", "./jquery.fancytree"], factory);
+	} else if (typeof module === "object" && module.exports) {
 		// Node/CommonJS
 		require("./jquery.fancytree");
 		module.exports = factory(require("jquery"));
 	} else {
 		// Browser globals
-		factory( jQuery );
+		factory(jQuery);
 	}
+})(function($) {
+	"use strict";
 
-}( function( $ ) {
+	/*******************************************************************************
+	 * Private functions and variables
+	 */
 
-"use strict";
+	var isMac = /Mac/.test(navigator.platform),
+		escapeHtml = $.ui.fancytree.escapeHtml,
+		unescapeHtml = $.ui.fancytree.unescapeHtml;
 
-
-/*******************************************************************************
- * Private functions and variables
- */
-
-var isMac = /Mac/.test(navigator.platform),
-	escapeHtml = $.ui.fancytree.escapeHtml,
-	unescapeHtml = $.ui.fancytree.unescapeHtml;
-
-/**
- * [ext-edit] Start inline editing of current node title.
- *
- * @alias FancytreeNode#editStart
- * @requires Fancytree
- */
-$.ui.fancytree._FancytreeNodeClass.prototype.editStart = function(){
-	var $input,
-		node = this,
-		tree = this.tree,
-		local = tree.ext.edit,
-		instOpts = tree.options.edit,
-		$title = $(".fancytree-title", node.span),
-		eventData = {
-			node: node,
-			tree: tree,
-			options: tree.options,
-			isNew: $(node[tree.statusClassPropName]).hasClass("fancytree-edit-new"),
-			orgTitle: node.title,
-			input: null,
-			dirty: false
+	/**
+	 * [ext-edit] Start inline editing of current node title.
+	 *
+	 * @alias FancytreeNode#editStart
+	 * @requires Fancytree
+	 */
+	$.ui.fancytree._FancytreeNodeClass.prototype.editStart = function() {
+		var $input,
+			node = this,
+			tree = this.tree,
+			local = tree.ext.edit,
+			instOpts = tree.options.edit,
+			$title = $(".fancytree-title", node.span),
+			eventData = {
+				node: node,
+				tree: tree,
+				options: tree.options,
+				isNew: $(node[tree.statusClassPropName]).hasClass(
+					"fancytree-edit-new"
+				),
+				orgTitle: node.title,
+				input: null,
+				dirty: false,
 			};
 
-	// beforeEdit may want to modify the title before editing
-	if( instOpts.beforeEdit.call(node, {type: "beforeEdit"}, eventData) === false ) {
-		return false;
-	}
-	$.ui.fancytree.assert(!local.currentNode, "recursive edit");
-	local.currentNode = this;
-	local.eventData = eventData;
-
-	// Disable standard Fancytree mouse- and key handling
-	tree.widget._unbind();
-	// #116: ext-dnd prevents the blur event, so we have to catch outer clicks
-	$(document).on("mousedown.fancytree-edit", function(event){
-		if( ! $(event.target).hasClass("fancytree-edit-input") ){
-			node.editEnd(true, event);
-		}
-	});
-
-	// Replace node with <input>
-	$input = $("<input />", {
-		"class": "fancytree-edit-input",
-		type: "text",
-		value: tree.options.escapeTitles ? eventData.orgTitle : unescapeHtml(eventData.orgTitle)
-	});
-	local.eventData.input = $input;
-	if ( instOpts.adjustWidthOfs != null ) {
-		$input.width($title.width() + instOpts.adjustWidthOfs);
-	}
-	if ( instOpts.inputCss != null ) {
-		$input.css(instOpts.inputCss);
-	}
-
-	$title.html($input);
-
-	// Focus <input> and bind keyboard handler
-	$input
-		.focus()
-		.change(function(event){
-			$input.addClass("fancytree-edit-dirty");
-		}).keydown(function(event){
-			switch( event.which ) {
-			case $.ui.keyCode.ESCAPE:
-				node.editEnd(false, event);
-				break;
-			case $.ui.keyCode.ENTER:
-				node.editEnd(true, event);
-				return false; // so we don't start editmode on Mac
-			}
-			event.stopPropagation();
-		}).blur(function(event){
-			return node.editEnd(true, event);
-		});
-
-	instOpts.edit.call(node, {type: "edit"}, eventData);
-};
-
-
-/**
- * [ext-edit] Stop inline editing.
- * @param {Boolean} [applyChanges=false] false: cancel edit, true: save (if modified)
- * @alias FancytreeNode#editEnd
- * @requires jquery.fancytree.edit.js
- */
-$.ui.fancytree._FancytreeNodeClass.prototype.editEnd = function(applyChanges, _event){
-	var newVal,
-		node = this,
-		tree = this.tree,
-		local = tree.ext.edit,
-		eventData = local.eventData,
-		instOpts = tree.options.edit,
-		$title = $(".fancytree-title", node.span),
-		$input = $title.find("input.fancytree-edit-input");
-
-	if( instOpts.trim ) {
-		$input.val($.trim($input.val()));
-	}
-	newVal = $input.val();
-
-	eventData.dirty = ( newVal !== node.title );
-	eventData.originalEvent = _event;
-
-	// Find out, if saving is required
-	if( applyChanges === false ) {
-		// If true/false was passed, honor this (except in rename mode, if unchanged)
-		eventData.save = false;
-	} else if( eventData.isNew ) {
-		// In create mode, we save everything, except for empty text
-		eventData.save = (newVal !== "");
-	} else {
-		// In rename mode, we save everyting, except for empty or unchanged text
-		eventData.save = eventData.dirty && (newVal !== "");
-	}
-	// Allow to break (keep editor open), modify input, or re-define data.save
-	if( instOpts.beforeClose.call(node, {type: "beforeClose"}, eventData) === false){
-		return false;
-	}
-	if( eventData.save && instOpts.save.call(node, {type: "save"}, eventData) === false){
-		return false;
-	}
-	$input
-		.removeClass("fancytree-edit-dirty")
-		.off();
-	// Unbind outer-click handler
-	$(document).off(".fancytree-edit");
-
-	if( eventData.save ) {
-		// # 171: escape user input (not required if global escaping is on)
-		node.setTitle( tree.options.escapeTitles ? newVal : escapeHtml(newVal) );
-		node.setFocus();
-	}else{
-		if( eventData.isNew ) {
-			node.remove();
-			node = eventData.node = null;
-			local.relatedNode.setFocus();
-		} else {
-			node.renderTitle();
-			node.setFocus();
-		}
-	}
-	local.eventData = null;
-	local.currentNode = null;
-	local.relatedNode = null;
-	// Re-enable mouse and keyboard handling
-	tree.widget._bind();
-	// Set keyboard focus, even if setFocus() claims 'nothing to do'
-	$(tree.$container).focus();
-	eventData.input = null;
-	instOpts.close.call(node, {type: "close"}, eventData);
-	return true;
-};
-
-
-/**
-* [ext-edit] Create a new child or sibling node and start edit mode.
-*
-* @param {String} [mode='child'] 'before', 'after', or 'child'
-* @param {Object} [init] NodeData (or simple title string)
-* @alias FancytreeNode#editCreateNode
-* @requires jquery.fancytree.edit.js
-* @since 2.4
-*/
-$.ui.fancytree._FancytreeNodeClass.prototype.editCreateNode = function(mode, init){
-	var newNode,
-		tree = this.tree,
-		self = this;
-
-	mode = mode || "child";
-	if( init == null ) {
-		init = { title: "" };
-	} else if( typeof init === "string" ) {
-		init = { title: init };
-	} else {
-		$.ui.fancytree.assert($.isPlainObject(init));
-	}
-	// Make sure node is expanded (and loaded) in 'child' mode
-	if( mode === "child" && !this.isExpanded() && this.hasChildren() !== false ) {
-		this.setExpanded().done(function(){
-			self.editCreateNode(mode, init);
-		});
-		return;
-	}
-	newNode = this.addNode(init, mode);
-
-	// #644: Don't filter new nodes.
-	newNode.match = true;
-	$(newNode[tree.statusClassPropName])
-		.removeClass("fancytree-hide")
-		.addClass("fancytree-match");
-
-	newNode.makeVisible(/*{noAnimation: true}*/).done(function(){
-		$(newNode[tree.statusClassPropName]).addClass("fancytree-edit-new");
-		self.tree.ext.edit.relatedNode = self;
-		newNode.editStart();
-	});
-};
-
-
-/**
- * [ext-edit] Check if any node in this tree  in edit mode.
- *
- * @returns {FancytreeNode | null}
- * @alias Fancytree#isEditing
- * @requires jquery.fancytree.edit.js
- */
-$.ui.fancytree._FancytreeClass.prototype.isEditing = function(){
-	return this.ext.edit ? this.ext.edit.currentNode : null;
-};
-
-
-/**
- * [ext-edit] Check if this node is in edit mode.
- * @returns {Boolean} true if node is currently beeing edited
- * @alias FancytreeNode#isEditing
- * @requires jquery.fancytree.edit.js
- */
-$.ui.fancytree._FancytreeNodeClass.prototype.isEditing = function(){
-	return this.tree.ext.edit ? this.tree.ext.edit.currentNode === this : false;
-};
-
-
-/*******************************************************************************
- * Extension code
- */
-$.ui.fancytree.registerExtension({
-	name: "edit",
-	version: "2.28.1",
-	// Default options for this extension.
-	options: {
-		adjustWidthOfs: 4,   // null: don't adjust input size to content
-		allowEmpty: false,   // Prevent empty input
-		inputCss: {minWidth: "3em"},
-		// triggerCancel: ["esc", "tab", "click"],
-		triggerStart: ["f2", "mac+enter", "shift+click"],
-		trim: true,          // Trim whitespace before save
-		// Events:
-		beforeClose: $.noop, // Return false to prevent cancel/save (data.input is available)
-		beforeEdit: $.noop,  // Return false to prevent edit mode
-		close: $.noop,       // Editor was removed
-		edit: $.noop,        // Editor was opened (available as data.input)
-//		keypress: $.noop,    // Not yet implemented
-		save: $.noop         // Save data.input.val() or return false to keep editor open
-	},
-	// Local attributes
-	currentNode: null,
-
-	treeInit: function(ctx){
-		this._superApply(arguments);
-		this.$container.addClass("fancytree-ext-edit");
-	},
-	nodeClick: function(ctx) {
-		if( $.inArray("shift+click", ctx.options.edit.triggerStart) >= 0 ){
-			if( ctx.originalEvent.shiftKey ){
-				ctx.node.editStart();
-				return false;
-			}
-		}
-		if( $.inArray("clickActive", ctx.options.edit.triggerStart) >= 0 ){
-			// Only when click was inside title text (not aynwhere else in the row)
-			if( ctx.node.isActive() && !ctx.node.isEditing() &&
-				$(ctx.originalEvent.target).hasClass("fancytree-title")
-			){
-				ctx.node.editStart();
-				return false;
-			}
-		}
-		return this._superApply(arguments);
-	},
-	nodeDblclick: function(ctx) {
-		if( $.inArray("dblclick", ctx.options.edit.triggerStart) >= 0 ){
-			ctx.node.editStart();
+		// beforeEdit may want to modify the title before editing
+		if (
+			instOpts.beforeEdit.call(
+				node,
+				{ type: "beforeEdit" },
+				eventData
+			) === false
+		) {
 			return false;
 		}
-		return this._superApply(arguments);
-	},
-	nodeKeydown: function(ctx) {
-		switch( ctx.originalEvent.which ) {
-		case 113: // [F2]
-			if( $.inArray("f2", ctx.options.edit.triggerStart) >= 0 ){
-				ctx.node.editStart();
-				return false;
-			}
-			break;
-		case $.ui.keyCode.ENTER:
-			if( $.inArray("mac+enter", ctx.options.edit.triggerStart) >= 0 && isMac ){
-				ctx.node.editStart();
-				return false;
-			}
-			break;
+		$.ui.fancytree.assert(!local.currentNode, "recursive edit");
+		local.currentNode = this;
+		local.eventData = eventData;
+
+		// Disable standard Fancytree mouse- and key handling
+		tree.widget._unbind();
+
+		local.lastDraggableAttrValue = node.span.draggable;
+		if (local.lastDraggableAttrValue) {
+			node.span.draggable = false;
 		}
-		return this._superApply(arguments);
-	}
-});
-// Value returned by `require('jquery.fancytree..')`
-return $.ui.fancytree;
-}));  // End of closure
+
+		// #116: ext-dnd prevents the blur event, so we have to catch outer clicks
+		$(document).on("mousedown.fancytree-edit", function(event) {
+			if (!$(event.target).hasClass("fancytree-edit-input")) {
+				node.editEnd(true, event);
+			}
+		});
+
+		// Replace node with <input>
+		$input = $("<input />", {
+			class: "fancytree-edit-input",
+			type: "text",
+			value: tree.options.escapeTitles
+				? eventData.orgTitle
+				: unescapeHtml(eventData.orgTitle),
+		});
+		local.eventData.input = $input;
+		if (instOpts.adjustWidthOfs != null) {
+			$input.width($title.width() + instOpts.adjustWidthOfs);
+		}
+		if (instOpts.inputCss != null) {
+			$input.css(instOpts.inputCss);
+		}
+
+		$title.html($input);
+
+		// Focus <input> and bind keyboard handler
+		$input
+			.focus()
+			.change(function(event) {
+				$input.addClass("fancytree-edit-dirty");
+			})
+			.on("keydown", function(event) {
+				switch (event.which) {
+					case $.ui.keyCode.ESCAPE:
+						node.editEnd(false, event);
+						break;
+					case $.ui.keyCode.ENTER:
+						node.editEnd(true, event);
+						return false; // so we don't start editmode on Mac
+				}
+				event.stopPropagation();
+			})
+			.blur(function(event) {
+				return node.editEnd(true, event);
+			});
+
+		instOpts.edit.call(node, { type: "edit" }, eventData);
+	};
+
+	/**
+	 * [ext-edit] Stop inline editing.
+	 * @param {Boolean} [applyChanges=false] false: cancel edit, true: save (if modified)
+	 * @alias FancytreeNode#editEnd
+	 * @requires jquery.fancytree.edit.js
+	 */
+	$.ui.fancytree._FancytreeNodeClass.prototype.editEnd = function(
+		applyChanges,
+		_event
+	) {
+		var newVal,
+			node = this,
+			tree = this.tree,
+			local = tree.ext.edit,
+			eventData = local.eventData,
+			instOpts = tree.options.edit,
+			$title = $(".fancytree-title", node.span),
+			$input = $title.find("input.fancytree-edit-input");
+
+		if (instOpts.trim) {
+			$input.val($.trim($input.val()));
+		}
+		newVal = $input.val();
+
+		eventData.dirty = newVal !== node.title;
+		eventData.originalEvent = _event;
+
+		// Find out, if saving is required
+		if (applyChanges === false) {
+			// If true/false was passed, honor this (except in rename mode, if unchanged)
+			eventData.save = false;
+		} else if (eventData.isNew) {
+			// In create mode, we save everything, except for empty text
+			eventData.save = newVal !== "";
+		} else {
+			// In rename mode, we save everyting, except for empty or unchanged text
+			eventData.save = eventData.dirty && newVal !== "";
+		}
+		// Allow to break (keep editor open), modify input, or re-define data.save
+		if (
+			instOpts.beforeClose.call(
+				node,
+				{ type: "beforeClose" },
+				eventData
+			) === false
+		) {
+			return false;
+		}
+		if (
+			eventData.save &&
+			instOpts.save.call(node, { type: "save" }, eventData) === false
+		) {
+			return false;
+		}
+		$input.removeClass("fancytree-edit-dirty").off();
+		// Unbind outer-click handler
+		$(document).off(".fancytree-edit");
+
+		if (eventData.save) {
+			// # 171: escape user input (not required if global escaping is on)
+			node.setTitle(
+				tree.options.escapeTitles ? newVal : escapeHtml(newVal)
+			);
+			node.setFocus();
+		} else {
+			if (eventData.isNew) {
+				node.remove();
+				node = eventData.node = null;
+				local.relatedNode.setFocus();
+			} else {
+				node.renderTitle();
+				node.setFocus();
+			}
+		}
+		local.eventData = null;
+		local.currentNode = null;
+		local.relatedNode = null;
+		// Re-enable mouse and keyboard handling
+		tree.widget._bind();
+
+		if (node && local.lastDraggableAttrValue) {
+			node.span.draggable = true;
+		}
+
+		// Set keyboard focus, even if setFocus() claims 'nothing to do'
+		tree.$container.get(0).focus({ preventScroll: true });
+		eventData.input = null;
+		instOpts.close.call(node, { type: "close" }, eventData);
+		return true;
+	};
+
+	/**
+	 * [ext-edit] Create a new child or sibling node and start edit mode.
+	 *
+	 * @param {String} [mode='child'] 'before', 'after', or 'child'
+	 * @param {Object} [init] NodeData (or simple title string)
+	 * @alias FancytreeNode#editCreateNode
+	 * @requires jquery.fancytree.edit.js
+	 * @since 2.4
+	 */
+	$.ui.fancytree._FancytreeNodeClass.prototype.editCreateNode = function(
+		mode,
+		init
+	) {
+		var newNode,
+			tree = this.tree,
+			self = this;
+
+		mode = mode || "child";
+		if (init == null) {
+			init = { title: "" };
+		} else if (typeof init === "string") {
+			init = { title: init };
+		} else {
+			$.ui.fancytree.assert($.isPlainObject(init));
+		}
+		// Make sure node is expanded (and loaded) in 'child' mode
+		if (
+			mode === "child" &&
+			!this.isExpanded() &&
+			this.hasChildren() !== false
+		) {
+			this.setExpanded().done(function() {
+				self.editCreateNode(mode, init);
+			});
+			return;
+		}
+		newNode = this.addNode(init, mode);
+
+		// #644: Don't filter new nodes.
+		newNode.match = true;
+		$(newNode[tree.statusClassPropName])
+			.removeClass("fancytree-hide")
+			.addClass("fancytree-match");
+
+		newNode.makeVisible(/*{noAnimation: true}*/).done(function() {
+			$(newNode[tree.statusClassPropName]).addClass("fancytree-edit-new");
+			self.tree.ext.edit.relatedNode = self;
+			newNode.editStart();
+		});
+	};
+
+	/**
+	 * [ext-edit] Check if any node in this tree  in edit mode.
+	 *
+	 * @returns {FancytreeNode | null}
+	 * @alias Fancytree#isEditing
+	 * @requires jquery.fancytree.edit.js
+	 */
+	$.ui.fancytree._FancytreeClass.prototype.isEditing = function() {
+		return this.ext.edit ? this.ext.edit.currentNode : null;
+	};
+
+	/**
+	 * [ext-edit] Check if this node is in edit mode.
+	 * @returns {Boolean} true if node is currently beeing edited
+	 * @alias FancytreeNode#isEditing
+	 * @requires jquery.fancytree.edit.js
+	 */
+	$.ui.fancytree._FancytreeNodeClass.prototype.isEditing = function() {
+		return this.tree.ext.edit
+			? this.tree.ext.edit.currentNode === this
+			: false;
+	};
+
+	/*******************************************************************************
+	 * Extension code
+	 */
+	$.ui.fancytree.registerExtension({
+		name: "edit",
+		version: "2.38.0",
+		// Default options for this extension.
+		options: {
+			adjustWidthOfs: 4, // null: don't adjust input size to content
+			allowEmpty: false, // Prevent empty input
+			inputCss: { minWidth: "3em" },
+			// triggerCancel: ["esc", "tab", "click"],
+			triggerStart: ["f2", "mac+enter", "shift+click"],
+			trim: true, // Trim whitespace before save
+			// Events:
+			beforeClose: $.noop, // Return false to prevent cancel/save (data.input is available)
+			beforeEdit: $.noop, // Return false to prevent edit mode
+			close: $.noop, // Editor was removed
+			edit: $.noop, // Editor was opened (available as data.input)
+			//		keypress: $.noop,    // Not yet implemented
+			save: $.noop, // Save data.input.val() or return false to keep editor open
+		},
+		// Local attributes
+		currentNode: null,
+
+		treeInit: function(ctx) {
+			var tree = ctx.tree;
+
+			this._superApply(arguments);
+
+			this.$container
+				.addClass("fancytree-ext-edit")
+				.on("fancytreebeforeupdateviewport", function(event, data) {
+					var editNode = tree.isEditing();
+					// When scrolling, the TR may be re-used by another node, so the
+					// active cell marker an
+					if (editNode) {
+						editNode.info("Cancel edit due to scroll event.");
+						editNode.editEnd(false, event);
+					}
+				});
+		},
+		nodeClick: function(ctx) {
+			var eventStr = $.ui.fancytree.eventToString(ctx.originalEvent),
+				triggerStart = ctx.options.edit.triggerStart;
+
+			if (
+				eventStr === "shift+click" &&
+				$.inArray("shift+click", triggerStart) >= 0
+			) {
+				if (ctx.originalEvent.shiftKey) {
+					ctx.node.editStart();
+					return false;
+				}
+			}
+			if (
+				eventStr === "click" &&
+				$.inArray("clickActive", triggerStart) >= 0
+			) {
+				// Only when click was inside title text (not aynwhere else in the row)
+				if (
+					ctx.node.isActive() &&
+					!ctx.node.isEditing() &&
+					$(ctx.originalEvent.target).hasClass("fancytree-title")
+				) {
+					ctx.node.editStart();
+					return false;
+				}
+			}
+			return this._superApply(arguments);
+		},
+		nodeDblclick: function(ctx) {
+			if ($.inArray("dblclick", ctx.options.edit.triggerStart) >= 0) {
+				ctx.node.editStart();
+				return false;
+			}
+			return this._superApply(arguments);
+		},
+		nodeKeydown: function(ctx) {
+			switch (ctx.originalEvent.which) {
+				case 113: // [F2]
+					if ($.inArray("f2", ctx.options.edit.triggerStart) >= 0) {
+						ctx.node.editStart();
+						return false;
+					}
+					break;
+				case $.ui.keyCode.ENTER:
+					if (
+						$.inArray("mac+enter", ctx.options.edit.triggerStart) >=
+							0 &&
+						isMac
+					) {
+						ctx.node.editStart();
+						return false;
+					}
+					break;
+			}
+			return this._superApply(arguments);
+		},
+	});
+	// Value returned by `require('jquery.fancytree..')`
+	return $.ui.fancytree;
+}); // End of closure
 
 
 /*! Extension 'jquery.fancytree.filter.js' *//*!
@@ -10456,386 +11032,551 @@ return $.ui.fancytree;
  * Remove or highlight tree nodes, based on a filter.
  * (Extension module for jquery.fancytree.js: https://github.com/mar10/fancytree/)
  *
- * Copyright (c) 2008-2018, Martin Wendt (http://wwWendt.de)
+ * Copyright (c) 2008-2021, Martin Wendt (https://wwWendt.de)
  *
  * Released under the MIT license
  * https://github.com/mar10/fancytree/wiki/LicenseInfo
  *
- * @version 2.28.1
- * @date 2018-03-19T06:47:37Z
+ * @version 2.38.0
+ * @date 2021-02-09T20:03:49Z
  */
 
-;(function( factory ) {
-	if ( typeof define === "function" && define.amd ) {
+(function(factory) {
+	if (typeof define === "function" && define.amd) {
 		// AMD. Register as an anonymous module.
-		define( [ "jquery", "./jquery.fancytree" ], factory );
-	} else if ( typeof module === "object" && module.exports ) {
+		define(["jquery", "./jquery.fancytree"], factory);
+	} else if (typeof module === "object" && module.exports) {
 		// Node/CommonJS
 		require("./jquery.fancytree");
 		module.exports = factory(require("jquery"));
 	} else {
 		// Browser globals
-		factory( jQuery );
+		factory(jQuery);
+	}
+})(function($) {
+	"use strict";
+
+	/*******************************************************************************
+	 * Private functions and variables
+	 */
+
+	var KeyNoData = "__not_found__",
+		escapeHtml = $.ui.fancytree.escapeHtml,
+		exoticStartChar = "\uFFF7",
+		exoticEndChar = "\uFFF8";
+	function _escapeRegex(str) {
+		return (str + "").replace(/([.?*+^$[\]\\(){}|-])/g, "\\$1");
 	}
 
-}( function( $ ) {
-
-"use strict";
-
-
-/*******************************************************************************
- * Private functions and variables
- */
-
-var KeyNoData = "__not_found__",
-	escapeHtml = $.ui.fancytree.escapeHtml;
-
-function _escapeRegex(str){
-	/*jshint regexdash:true */
-	return (str + "").replace(/([.?*+\^\$\[\]\\(){}|-])/g, "\\$1");
-}
-
-function extractHtmlText(s){
-	if( s.indexOf(">") >= 0 ) {
-		return $("<div/>").html(s).text();
-	}
-	return s;
-}
-
-$.ui.fancytree._FancytreeClass.prototype._applyFilterImpl = function(filter, branchMode, _opts){
-	var match, statusNode, re, reHighlight, temp,
-		count = 0,
-		treeOpts = this.options,
-		escapeTitles = treeOpts.escapeTitles,
-		prevAutoCollapse = treeOpts.autoCollapse,
-		opts = $.extend({}, treeOpts.filter, _opts),
-		hideMode = opts.mode === "hide",
-		leavesOnly = !!opts.leavesOnly && !branchMode;
-
-	// Default to 'match title substring (not case sensitive)'
-	if(typeof filter === "string"){
-		if( filter === "" ) {
-			this.warn("Fancytree passing an empty string as a filter is handled as clearFilter().");
-			this.clearFilter();
-			return;
+	function extractHtmlText(s) {
+		if (s.indexOf(">") >= 0) {
+			return $("<div/>")
+				.html(s)
+				.text();
 		}
-		if( opts.fuzzy ) {
-			// See https://codereview.stackexchange.com/questions/23899/faster-javascript-fuzzy-string-matching-function/23905#23905
-			// and http://www.quora.com/How-is-the-fuzzy-search-algorithm-in-Sublime-Text-designed
-			// and http://www.dustindiaz.com/autocomplete-fuzzy-matching
-			match = filter.split("").reduce(function(a, b) {
-				return a + "[^" + b + "]*" + b;
+		return s;
+	}
+
+	/**
+	 * @description Marks the matching charecters of `text` either by `mark` or
+	 * by exotic*Chars (if `escapeTitles` is `true`) based on `regexMatchArray`
+	 * which is an array of matching groups.
+	 * @param {string} text
+	 * @param {RegExpMatchArray} regexMatchArray
+	 */
+	function _markFuzzyMatchedChars(text, regexMatchArray, escapeTitles) {
+		// It is extremely infuriating that we can not use `let` or `const` or arrow functions.
+		// Damn you IE!!!
+		var matchingIndices = [];
+		// get the indices of matched characters (Iterate through `RegExpMatchArray`)
+		for (
+			var _matchingArrIdx = 1;
+			_matchingArrIdx < regexMatchArray.length;
+			_matchingArrIdx++
+		) {
+			var _mIdx =
+				// get matching char index by cumulatively adding
+				// the matched group length
+				regexMatchArray[_matchingArrIdx].length +
+				(_matchingArrIdx === 1 ? 0 : 1) +
+				(matchingIndices[matchingIndices.length - 1] || 0);
+			matchingIndices.push(_mIdx);
+		}
+		// Map each `text` char to its position and store in `textPoses`.
+		var textPoses = text.split("");
+		if (escapeTitles) {
+			// If escaping the title, then wrap the matchng char within exotic chars
+			matchingIndices.forEach(function(v) {
+				textPoses[v] = exoticStartChar + textPoses[v] + exoticEndChar;
 			});
 		} else {
-			match = _escapeRegex(filter); // make sure a '.' is treated literally
-		}
-		re = new RegExp(".*" + match + ".*", "i");
-		reHighlight = new RegExp(_escapeRegex(filter), "gi");
-		filter = function(node){
-			if( !node.title ) {
-				return false;
-			}
-			var text = escapeTitles ? node.title : extractHtmlText(node.title),
-				res = !!re.test(text);
-
-			if( res && opts.highlight ) {
-				if( escapeTitles ) {
-					// #740: we must not apply the marks to escaped entity names, e.g. `&quot;`
-					// Use some exotic characters to mark matches:
-					temp = text.replace(reHighlight, function(s){
-						return "\uFFF7" + s + "\uFFF8";
-					});
-					// now we can escape the title...
-					node.titleWithHighlight = escapeHtml(temp)
-						// ... and finally insert the desired `<mark>` tags
-						.replace(/\uFFF7/g, "<mark>")
-						.replace(/\uFFF8/g, "</mark>");
-				} else {
-					node.titleWithHighlight = text.replace(reHighlight, function(s){
-						return "<mark>" + s + "</mark>";
-					});
-				}
-				// node.debug("filter", escapeTitles, text, node.titleWithHighlight);
-			}
-			return res;
-		};
-	}
-
-	this.enableFilter = true;
-	this.lastFilterArgs = arguments;
-
-	this.$div.addClass("fancytree-ext-filter");
-	if( hideMode ){
-		this.$div.addClass("fancytree-ext-filter-hide");
-	} else {
-		this.$div.addClass("fancytree-ext-filter-dimm");
-	}
-	this.$div.toggleClass("fancytree-ext-filter-hide-expanders", !!opts.hideExpanders);
-	// Reset current filter
-	this.visit(function(node){
-		delete node.match;
-		delete node.titleWithHighlight;
-		node.subMatchCount = 0;
-	});
-	statusNode = this.getRootNode()._findDirectChild(KeyNoData);
-	if( statusNode ) {
-		statusNode.remove();
-	}
-
-	// Adjust node.hide, .match, and .subMatchCount properties
-	treeOpts.autoCollapse = false;  // #528
-
-	this.visit(function(node){
-		if ( leavesOnly && node.children != null ) {
-			return;
-		}
-		var res = filter(node),
-			matchedByBranch = false;
-
-		if( res === "skip" ) {
-			node.visit(function(c){
-				c.match = false;
-			}, true);
-			return "skip";
-		}
-		if( !res && (branchMode || res === "branch") && node.parent.match ) {
-			res = true;
-			matchedByBranch = true;
-		}
-		if( res ) {
-			count++;
-			node.match = true;
-			node.visitParents(function(p){
-				p.subMatchCount += 1;
-				// Expand match (unless this is no real match, but only a node in a matched branch)
-				if( opts.autoExpand && !matchedByBranch && !p.expanded ) {
-					p.setExpanded(true, {noAnimation: true, noEvents: true, scrollIntoView: false});
-					p._filterAutoExpanded = true;
-				}
+			// Otherwise, Wrap the matching chars within `mark`.
+			matchingIndices.forEach(function(v) {
+				textPoses[v] = "<mark>" + textPoses[v] + "</mark>";
 			});
 		}
-	});
-	treeOpts.autoCollapse = prevAutoCollapse;
-
-	if( count === 0 && opts.nodata && hideMode ) {
-		statusNode = opts.nodata;
-		if( $.isFunction(statusNode) ) {
-			statusNode = statusNode();
-		}
-		if( statusNode === true ) {
-			statusNode = {};
-		} else if( typeof statusNode === "string" ) {
-			statusNode = { title: statusNode };
-		}
-		statusNode = $.extend({
-			statusNodeType: "nodata",
-			key: KeyNoData,
-			title: this.options.strings.noData
-		}, statusNode);
-
-		this.getRootNode().addNode(statusNode).match = true;
+		// Join back the modified `textPoses` to create final highlight markup.
+		return textPoses.join("");
 	}
-	// Redraw whole tree
-	this.render();
-	return count;
-};
+	$.ui.fancytree._FancytreeClass.prototype._applyFilterImpl = function(
+		filter,
+		branchMode,
+		_opts
+	) {
+		var match,
+			statusNode,
+			re,
+			reHighlight,
+			reExoticStartChar,
+			reExoticEndChar,
+			temp,
+			prevEnableUpdate,
+			count = 0,
+			treeOpts = this.options,
+			escapeTitles = treeOpts.escapeTitles,
+			prevAutoCollapse = treeOpts.autoCollapse,
+			opts = $.extend({}, treeOpts.filter, _opts),
+			hideMode = opts.mode === "hide",
+			leavesOnly = !!opts.leavesOnly && !branchMode;
 
-/**
- * [ext-filter] Dimm or hide nodes.
- *
- * @param {function | string} filter
- * @param {boolean} [opts={autoExpand: false, leavesOnly: false}]
- * @returns {integer} count
- * @alias Fancytree#filterNodes
- * @requires jquery.fancytree.filter.js
- */
-$.ui.fancytree._FancytreeClass.prototype.filterNodes = function(filter, opts) {
-	if( typeof opts === "boolean" ) {
-		opts = { leavesOnly: opts };
-		this.warn("Fancytree.filterNodes() leavesOnly option is deprecated since 2.9.0 / 2015-04-19. Use opts.leavesOnly instead.");
-	}
-	return this._applyFilterImpl(filter, false, opts);
-};
-
-/**
- * @deprecated
- */
-$.ui.fancytree._FancytreeClass.prototype.applyFilter = function(filter){
-	this.warn("Fancytree.applyFilter() is deprecated since 2.1.0 / 2014-05-29. Use .filterNodes() instead.");
-	return this.filterNodes.apply(this, arguments);
-};
-
-/**
- * [ext-filter] Dimm or hide whole branches.
- *
- * @param {function | string} filter
- * @param {boolean} [opts={autoExpand: false}]
- * @returns {integer} count
- * @alias Fancytree#filterBranches
- * @requires jquery.fancytree.filter.js
- */
-$.ui.fancytree._FancytreeClass.prototype.filterBranches = function(filter, opts){
-	return this._applyFilterImpl(filter, true, opts);
-};
-
-
-/**
- * [ext-filter] Reset the filter.
- *
- * @alias Fancytree#clearFilter
- * @requires jquery.fancytree.filter.js
- */
-$.ui.fancytree._FancytreeClass.prototype.clearFilter = function(){
-	var $title,
-		statusNode = this.getRootNode()._findDirectChild(KeyNoData),
-		escapeTitles = this.options.escapeTitles,
-		enhanceTitle = this.options.enhanceTitle;
-
-	if( statusNode ) {
-		statusNode.remove();
-	}
-	this.visit(function(node){
-		if( node.match && node.span ) {  // #491, #601
-			$title = $(node.span).find(">span.fancytree-title");
-			if( escapeTitles ) {
-				$title.text(node.title);
+		// Default to 'match title substring (not case sensitive)'
+		if (typeof filter === "string") {
+			if (filter === "") {
+				this.warn(
+					"Fancytree passing an empty string as a filter is handled as clearFilter()."
+				);
+				this.clearFilter();
+				return;
+			}
+			if (opts.fuzzy) {
+				// See https://codereview.stackexchange.com/questions/23899/faster-javascript-fuzzy-string-matching-function/23905#23905
+				// and http://www.quora.com/How-is-the-fuzzy-search-algorithm-in-Sublime-Text-designed
+				// and http://www.dustindiaz.com/autocomplete-fuzzy-matching
+				match = filter
+					.split("")
+					// Escaping the `filter` will not work because,
+					// it gets further split into individual characters. So,
+					// escape each character after splitting
+					.map(_escapeRegex)
+					.reduce(function(a, b) {
+						// create capture groups for parts that comes before
+						// the character
+						return a + "([^" + b + "]*)" + b;
+					}, "");
 			} else {
-				$title.html(node.title);
+				match = _escapeRegex(filter); // make sure a '.' is treated literally
 			}
-			if( enhanceTitle ) {
-				enhanceTitle({type: "enhanceTitle"}, {node: node, $title: $title});
+			re = new RegExp(match, "i");
+			reHighlight = new RegExp(_escapeRegex(filter), "gi");
+			if (escapeTitles) {
+				reExoticStartChar = new RegExp(
+					_escapeRegex(exoticStartChar),
+					"g"
+				);
+				reExoticEndChar = new RegExp(_escapeRegex(exoticEndChar), "g");
 			}
+			filter = function(node) {
+				if (!node.title) {
+					return false;
+				}
+				var text = escapeTitles
+						? node.title
+						: extractHtmlText(node.title),
+					// `.match` instead of `.test` to get the capture groups
+					res = text.match(re);
+				if (res && opts.highlight) {
+					if (escapeTitles) {
+						if (opts.fuzzy) {
+							temp = _markFuzzyMatchedChars(
+								text,
+								res,
+								escapeTitles
+							);
+						} else {
+							// #740: we must not apply the marks to escaped entity names, e.g. `&quot;`
+							// Use some exotic characters to mark matches:
+							temp = text.replace(reHighlight, function(s) {
+								return exoticStartChar + s + exoticEndChar;
+							});
+						}
+						// now we can escape the title...
+						node.titleWithHighlight = escapeHtml(temp)
+							// ... and finally insert the desired `<mark>` tags
+							.replace(reExoticStartChar, "<mark>")
+							.replace(reExoticEndChar, "</mark>");
+					} else {
+						if (opts.fuzzy) {
+							node.titleWithHighlight = _markFuzzyMatchedChars(
+								text,
+								res
+							);
+						} else {
+							node.titleWithHighlight = text.replace(
+								reHighlight,
+								function(s) {
+									return "<mark>" + s + "</mark>";
+								}
+							);
+						}
+					}
+					// node.debug("filter", escapeTitles, text, node.titleWithHighlight);
+				}
+				return !!res;
+			};
 		}
-		delete node.match;
-		delete node.subMatchCount;
-		delete node.titleWithHighlight;
-		if ( node.$subMatchBadge ) {
-			node.$subMatchBadge.remove();
-			delete node.$subMatchBadge;
+
+		this.enableFilter = true;
+		this.lastFilterArgs = arguments;
+
+		prevEnableUpdate = this.enableUpdate(false);
+
+		this.$div.addClass("fancytree-ext-filter");
+		if (hideMode) {
+			this.$div.addClass("fancytree-ext-filter-hide");
+		} else {
+			this.$div.addClass("fancytree-ext-filter-dimm");
 		}
-		if( node._filterAutoExpanded && node.expanded ) {
-			node.setExpanded(false, {noAnimation: true, noEvents: true, scrollIntoView: false});
+		this.$div.toggleClass(
+			"fancytree-ext-filter-hide-expanders",
+			!!opts.hideExpanders
+		);
+		// Reset current filter
+		this.rootNode.subMatchCount = 0;
+		this.visit(function(node) {
+			delete node.match;
+			delete node.titleWithHighlight;
+			node.subMatchCount = 0;
+		});
+		statusNode = this.getRootNode()._findDirectChild(KeyNoData);
+		if (statusNode) {
+			statusNode.remove();
 		}
-		delete node._filterAutoExpanded;
-	});
-	this.enableFilter = false;
-	this.lastFilterArgs = null;
-	this.$div.removeClass("fancytree-ext-filter fancytree-ext-filter-dimm fancytree-ext-filter-hide");
-	this.render();
-};
 
+		// Adjust node.hide, .match, and .subMatchCount properties
+		treeOpts.autoCollapse = false; // #528
 
-/**
- * [ext-filter] Return true if a filter is currently applied.
- *
- * @returns {Boolean}
- * @alias Fancytree#isFilterActive
- * @requires jquery.fancytree.filter.js
- * @since 2.13
- */
-$.ui.fancytree._FancytreeClass.prototype.isFilterActive = function(){
-	return !!this.enableFilter;
-};
+		this.visit(function(node) {
+			if (leavesOnly && node.children != null) {
+				return;
+			}
+			var res = filter(node),
+				matchedByBranch = false;
 
-
-/**
- * [ext-filter] Return true if this node is matched by current filter (or no filter is active).
- *
- * @returns {Boolean}
- * @alias FancytreeNode#isMatched
- * @requires jquery.fancytree.filter.js
- * @since 2.13
- */
-$.ui.fancytree._FancytreeNodeClass.prototype.isMatched = function(){
-	return !(this.tree.enableFilter && !this.match);
-};
-
-
-/*******************************************************************************
- * Extension code
- */
-$.ui.fancytree.registerExtension({
-	name: "filter",
-	version: "2.28.1",
-	// Default options for this extension.
-	options: {
-		autoApply: true,   // Re-apply last filter if lazy data is loaded
-		autoExpand: false, // Expand all branches that contain matches while filtered
-		counter: true,     // Show a badge with number of matching child nodes near parent icons
-		fuzzy: false,      // Match single characters in order, e.g. 'fb' will match 'FooBar'
-		hideExpandedCounter: true,  // Hide counter badge if parent is expanded
-		hideExpanders: false,       // Hide expanders if all child nodes are hidden by filter
-		highlight: true,   // Highlight matches by wrapping inside <mark> tags
-		leavesOnly: false, // Match end nodes only
-		nodata: true,      // Display a 'no data' status node if result is empty
-		mode: "dimm"       // Grayout unmatched nodes (pass "hide" to remove unmatched node instead)
-	},
-	nodeLoadChildren: function(ctx, source) {
-		return this._superApply(arguments).done(function() {
-			if( ctx.tree.enableFilter && ctx.tree.lastFilterArgs && ctx.options.filter.autoApply ) {
-				ctx.tree._applyFilterImpl.apply(ctx.tree, ctx.tree.lastFilterArgs);
+			if (res === "skip") {
+				node.visit(function(c) {
+					c.match = false;
+				}, true);
+				return "skip";
+			}
+			if (!res && (branchMode || res === "branch") && node.parent.match) {
+				res = true;
+				matchedByBranch = true;
+			}
+			if (res) {
+				count++;
+				node.match = true;
+				node.visitParents(function(p) {
+					if (p !== node) {
+						p.subMatchCount += 1;
+					}
+					// Expand match (unless this is no real match, but only a node in a matched branch)
+					if (opts.autoExpand && !matchedByBranch && !p.expanded) {
+						p.setExpanded(true, {
+							noAnimation: true,
+							noEvents: true,
+							scrollIntoView: false,
+						});
+						p._filterAutoExpanded = true;
+					}
+				}, true);
 			}
 		});
-	},
-	nodeSetExpanded: function(ctx, flag, callOpts) {
-		delete ctx.node._filterAutoExpanded;
-		// Make sure counter badge is displayed again, when node is beeing collapsed
-		if( !flag && ctx.options.filter.hideExpandedCounter && ctx.node.$subMatchBadge ) {
-			ctx.node.$subMatchBadge.show();
-		}
-		return this._superApply(arguments);
-	},
-	nodeRenderStatus: function(ctx) {
-		// Set classes for current status
-		var res,
-			node = ctx.node,
-			tree = ctx.tree,
-			opts = ctx.options.filter,
-			$title = $(node.span).find("span.fancytree-title"),
-			$span = $(node[tree.statusClassPropName]),
-			enhanceTitle = ctx.options.enhanceTitle,
-			escapeTitles = ctx.options.escapeTitles;
+		treeOpts.autoCollapse = prevAutoCollapse;
 
-		res = this._super(ctx);
-		// nothing to do, if node was not yet rendered
-		if( !$span.length || !tree.enableFilter ) {
+		if (count === 0 && opts.nodata && hideMode) {
+			statusNode = opts.nodata;
+			if ($.isFunction(statusNode)) {
+				statusNode = statusNode();
+			}
+			if (statusNode === true) {
+				statusNode = {};
+			} else if (typeof statusNode === "string") {
+				statusNode = { title: statusNode };
+			}
+			statusNode = $.extend(
+				{
+					statusNodeType: "nodata",
+					key: KeyNoData,
+					title: this.options.strings.noData,
+				},
+				statusNode
+			);
+
+			this.getRootNode().addNode(statusNode).match = true;
+		}
+		// Redraw whole tree
+		this._callHook("treeStructureChanged", this, "applyFilter");
+		// this.render();
+		this.enableUpdate(prevEnableUpdate);
+		return count;
+	};
+
+	/**
+	 * [ext-filter] Dimm or hide nodes.
+	 *
+	 * @param {function | string} filter
+	 * @param {boolean} [opts={autoExpand: false, leavesOnly: false}]
+	 * @returns {integer} count
+	 * @alias Fancytree#filterNodes
+	 * @requires jquery.fancytree.filter.js
+	 */
+	$.ui.fancytree._FancytreeClass.prototype.filterNodes = function(
+		filter,
+		opts
+	) {
+		if (typeof opts === "boolean") {
+			opts = { leavesOnly: opts };
+			this.warn(
+				"Fancytree.filterNodes() leavesOnly option is deprecated since 2.9.0 / 2015-04-19. Use opts.leavesOnly instead."
+			);
+		}
+		return this._applyFilterImpl(filter, false, opts);
+	};
+
+	/**
+	 * [ext-filter] Dimm or hide whole branches.
+	 *
+	 * @param {function | string} filter
+	 * @param {boolean} [opts={autoExpand: false}]
+	 * @returns {integer} count
+	 * @alias Fancytree#filterBranches
+	 * @requires jquery.fancytree.filter.js
+	 */
+	$.ui.fancytree._FancytreeClass.prototype.filterBranches = function(
+		filter,
+		opts
+	) {
+		return this._applyFilterImpl(filter, true, opts);
+	};
+
+	/**
+	 * [ext-filter] Re-apply current filter.
+	 *
+	 * @returns {integer} count
+	 * @alias Fancytree#updateFilter
+	 * @requires jquery.fancytree.filter.js
+	 * @since 2.38
+	 */
+	$.ui.fancytree._FancytreeClass.prototype.updateFilter = function() {
+		if (
+			this.enableFilter &&
+			this.lastFilterArgs &&
+			this.options.filter.autoApply
+		) {
+			this._applyFilterImpl.apply(this, this.lastFilterArgs);
+		} else {
+			this.warn("updateFilter(): no filter active.");
+		}
+	};
+
+	/**
+	 * [ext-filter] Reset the filter.
+	 *
+	 * @alias Fancytree#clearFilter
+	 * @requires jquery.fancytree.filter.js
+	 */
+	$.ui.fancytree._FancytreeClass.prototype.clearFilter = function() {
+		var $title,
+			statusNode = this.getRootNode()._findDirectChild(KeyNoData),
+			escapeTitles = this.options.escapeTitles,
+			enhanceTitle = this.options.enhanceTitle,
+			prevEnableUpdate = this.enableUpdate(false);
+
+		if (statusNode) {
+			statusNode.remove();
+		}
+		// we also counted root node's subMatchCount
+		delete this.rootNode.match;
+		delete this.rootNode.subMatchCount;
+
+		this.visit(function(node) {
+			if (node.match && node.span) {
+				// #491, #601
+				$title = $(node.span).find(">span.fancytree-title");
+				if (escapeTitles) {
+					$title.text(node.title);
+				} else {
+					$title.html(node.title);
+				}
+				if (enhanceTitle) {
+					enhanceTitle(
+						{ type: "enhanceTitle" },
+						{ node: node, $title: $title }
+					);
+				}
+			}
+			delete node.match;
+			delete node.subMatchCount;
+			delete node.titleWithHighlight;
+			if (node.$subMatchBadge) {
+				node.$subMatchBadge.remove();
+				delete node.$subMatchBadge;
+			}
+			if (node._filterAutoExpanded && node.expanded) {
+				node.setExpanded(false, {
+					noAnimation: true,
+					noEvents: true,
+					scrollIntoView: false,
+				});
+			}
+			delete node._filterAutoExpanded;
+		});
+		this.enableFilter = false;
+		this.lastFilterArgs = null;
+		this.$div.removeClass(
+			"fancytree-ext-filter fancytree-ext-filter-dimm fancytree-ext-filter-hide"
+		);
+		this._callHook("treeStructureChanged", this, "clearFilter");
+		// this.render();
+		this.enableUpdate(prevEnableUpdate);
+	};
+
+	/**
+	 * [ext-filter] Return true if a filter is currently applied.
+	 *
+	 * @returns {Boolean}
+	 * @alias Fancytree#isFilterActive
+	 * @requires jquery.fancytree.filter.js
+	 * @since 2.13
+	 */
+	$.ui.fancytree._FancytreeClass.prototype.isFilterActive = function() {
+		return !!this.enableFilter;
+	};
+
+	/**
+	 * [ext-filter] Return true if this node is matched by current filter (or no filter is active).
+	 *
+	 * @returns {Boolean}
+	 * @alias FancytreeNode#isMatched
+	 * @requires jquery.fancytree.filter.js
+	 * @since 2.13
+	 */
+	$.ui.fancytree._FancytreeNodeClass.prototype.isMatched = function() {
+		return !(this.tree.enableFilter && !this.match);
+	};
+
+	/*******************************************************************************
+	 * Extension code
+	 */
+	$.ui.fancytree.registerExtension({
+		name: "filter",
+		version: "2.38.0",
+		// Default options for this extension.
+		options: {
+			autoApply: true, // Re-apply last filter if lazy data is loaded
+			autoExpand: false, // Expand all branches that contain matches while filtered
+			counter: true, // Show a badge with number of matching child nodes near parent icons
+			fuzzy: false, // Match single characters in order, e.g. 'fb' will match 'FooBar'
+			hideExpandedCounter: true, // Hide counter badge if parent is expanded
+			hideExpanders: false, // Hide expanders if all child nodes are hidden by filter
+			highlight: true, // Highlight matches by wrapping inside <mark> tags
+			leavesOnly: false, // Match end nodes only
+			nodata: true, // Display a 'no data' status node if result is empty
+			mode: "dimm", // Grayout unmatched nodes (pass "hide" to remove unmatched node instead)
+		},
+		nodeLoadChildren: function(ctx, source) {
+			var tree = ctx.tree;
+
+			return this._superApply(arguments).done(function() {
+				if (
+					tree.enableFilter &&
+					tree.lastFilterArgs &&
+					ctx.options.filter.autoApply
+				) {
+					tree._applyFilterImpl.apply(tree, tree.lastFilterArgs);
+				}
+			});
+		},
+		nodeSetExpanded: function(ctx, flag, callOpts) {
+			var node = ctx.node;
+
+			delete node._filterAutoExpanded;
+			// Make sure counter badge is displayed again, when node is beeing collapsed
+			if (
+				!flag &&
+				ctx.options.filter.hideExpandedCounter &&
+				node.$subMatchBadge
+			) {
+				node.$subMatchBadge.show();
+			}
+			return this._superApply(arguments);
+		},
+		nodeRenderStatus: function(ctx) {
+			// Set classes for current status
+			var res,
+				node = ctx.node,
+				tree = ctx.tree,
+				opts = ctx.options.filter,
+				$title = $(node.span).find("span.fancytree-title"),
+				$span = $(node[tree.statusClassPropName]),
+				enhanceTitle = ctx.options.enhanceTitle,
+				escapeTitles = ctx.options.escapeTitles;
+
+			res = this._super(ctx);
+			// nothing to do, if node was not yet rendered
+			if (!$span.length || !tree.enableFilter) {
+				return res;
+			}
+			$span
+				.toggleClass("fancytree-match", !!node.match)
+				.toggleClass("fancytree-submatch", !!node.subMatchCount)
+				.toggleClass(
+					"fancytree-hide",
+					!(node.match || node.subMatchCount)
+				);
+			// Add/update counter badge
+			if (
+				opts.counter &&
+				node.subMatchCount &&
+				(!node.isExpanded() || !opts.hideExpandedCounter)
+			) {
+				if (!node.$subMatchBadge) {
+					node.$subMatchBadge = $(
+						"<span class='fancytree-childcounter'/>"
+					);
+					$(
+						"span.fancytree-icon, span.fancytree-custom-icon",
+						node.span
+					).append(node.$subMatchBadge);
+				}
+				node.$subMatchBadge.show().text(node.subMatchCount);
+			} else if (node.$subMatchBadge) {
+				node.$subMatchBadge.hide();
+			}
+			// node.debug("nodeRenderStatus", node.titleWithHighlight, node.title)
+			// #601: also check for $title.length, because we don't need to render
+			// if node.span is null (i.e. not rendered)
+			if (node.span && (!node.isEditing || !node.isEditing.call(node))) {
+				if (node.titleWithHighlight) {
+					$title.html(node.titleWithHighlight);
+				} else if (escapeTitles) {
+					$title.text(node.title);
+				} else {
+					$title.html(node.title);
+				}
+				if (enhanceTitle) {
+					enhanceTitle(
+						{ type: "enhanceTitle" },
+						{ node: node, $title: $title }
+					);
+				}
+			}
 			return res;
-		}
-		$span
-			.toggleClass("fancytree-match", !!node.match)
-			.toggleClass("fancytree-submatch", !!node.subMatchCount)
-			.toggleClass("fancytree-hide", !(node.match || node.subMatchCount));
-		// Add/update counter badge
-		if( opts.counter && node.subMatchCount && (!node.isExpanded() || !opts.hideExpandedCounter) ) {
-			if( !node.$subMatchBadge ) {
-				node.$subMatchBadge = $("<span class='fancytree-childcounter'/>");
-				$("span.fancytree-icon, span.fancytree-custom-icon", node.span).append(node.$subMatchBadge);
-			}
-			node.$subMatchBadge.show().text(node.subMatchCount);
-		} else if ( node.$subMatchBadge ) {
-			node.$subMatchBadge.hide();
-		}
-		// node.debug("nodeRenderStatus", node.titleWithHighlight, node.title)
-		// #601: also chek for $title.length, because we don't need to render
-		// if node.span is null (i.e. not rendered)
-		if( node.span && (!node.isEditing || !node.isEditing.call(node)) ) {
-			if( node.titleWithHighlight ) {
-				$title.html(node.titleWithHighlight);
-			} else if ( escapeTitles ) {
-				$title.text(node.title);
-			} else {
-				$title.html(node.title);
-			}
-			if( enhanceTitle ) {
-				enhanceTitle({type: "enhanceTitle"}, {node: node, $title: $title});
-			}
-		}
-		return res;
-	}
-});
-// Value returned by `require('jquery.fancytree..')`
-return $.ui.fancytree;
-}));  // End of closure
+		},
+	});
+	// Value returned by `require('jquery.fancytree..')`
+	return $.ui.fancytree;
+}); // End of closure
 
 
 /*! Extension 'jquery.fancytree.glyph.js' *//*!
@@ -10844,297 +11585,357 @@ return $.ui.fancytree;
  * Use glyph-fonts, ligature-fonts, or SVG icons instead of icon sprites.
  * (Extension module for jquery.fancytree.js: https://github.com/mar10/fancytree/)
  *
- * Copyright (c) 2008-2018, Martin Wendt (http://wwWendt.de)
+ * Copyright (c) 2008-2021, Martin Wendt (https://wwWendt.de)
  *
  * Released under the MIT license
  * https://github.com/mar10/fancytree/wiki/LicenseInfo
  *
- * @version 2.28.1
- * @date 2018-03-19T06:47:37Z
+ * @version 2.38.0
+ * @date 2021-02-09T20:03:49Z
  */
 
-;(function( factory ) {
-	if ( typeof define === "function" && define.amd ) {
+(function(factory) {
+	if (typeof define === "function" && define.amd) {
 		// AMD. Register as an anonymous module.
-		define( [ "jquery", "./jquery.fancytree" ], factory );
-	} else if ( typeof module === "object" && module.exports ) {
+		define(["jquery", "./jquery.fancytree"], factory);
+	} else if (typeof module === "object" && module.exports) {
 		// Node/CommonJS
 		require("./jquery.fancytree");
 		module.exports = factory(require("jquery"));
 	} else {
 		// Browser globals
-		factory( jQuery );
+		factory(jQuery);
 	}
+})(function($) {
+	"use strict";
 
-}( function( $ ) {
+	/******************************************************************************
+	 * Private functions and variables
+	 */
 
-"use strict";
-
-/* *****************************************************************************
- * Private functions and variables
- */
-
-var FT = $.ui.fancytree,
-	PRESETS = {
-		"awesome3": {  // Outdated!
-			_addClass: "",
-			checkbox: "icon-check-empty",
-			checkboxSelected: "icon-check",
-			checkboxUnknown: "icon-check icon-muted",
-			dragHelper: "icon-caret-right",
-			dropMarker: "icon-caret-right",
-			error: "icon-exclamation-sign",
-			expanderClosed: "icon-caret-right",
-			expanderLazy: "icon-angle-right",
-			expanderOpen: "icon-caret-down",
-			loading: "icon-refresh icon-spin",
-			nodata: "icon-meh",
-			noExpander: "",
-			radio: "icon-circle-blank",
-			radioSelected: "icon-circle",
-			// radioUnknown: "icon-circle icon-muted",
-			// Default node icons.
-			// (Use tree.options.icon callback to define custom icons based on node data)
-			doc: "icon-file-alt",
-			docOpen: "icon-file-alt",
-			folder: "icon-folder-close-alt",
-			folderOpen: "icon-folder-open-alt"
+	var FT = $.ui.fancytree,
+		PRESETS = {
+			awesome3: {
+				// Outdated!
+				_addClass: "",
+				checkbox: "icon-check-empty",
+				checkboxSelected: "icon-check",
+				checkboxUnknown: "icon-check icon-muted",
+				dragHelper: "icon-caret-right",
+				dropMarker: "icon-caret-right",
+				error: "icon-exclamation-sign",
+				expanderClosed: "icon-caret-right",
+				expanderLazy: "icon-angle-right",
+				expanderOpen: "icon-caret-down",
+				loading: "icon-refresh icon-spin",
+				nodata: "icon-meh",
+				noExpander: "",
+				radio: "icon-circle-blank",
+				radioSelected: "icon-circle",
+				// radioUnknown: "icon-circle icon-muted",
+				// Default node icons.
+				// (Use tree.options.icon callback to define custom icons based on node data)
+				doc: "icon-file-alt",
+				docOpen: "icon-file-alt",
+				folder: "icon-folder-close-alt",
+				folderOpen: "icon-folder-open-alt",
 			},
-		"awesome4": {
-			_addClass: "fa",
-			checkbox: "fa-square-o",
-			checkboxSelected: "fa-check-square-o",
-			checkboxUnknown: "fa-square fancytree-helper-indeterminate-cb",
-			dragHelper: "fa-arrow-right",
-			dropMarker: "fa-long-arrow-right",
-			error: "fa-warning",
-			expanderClosed: "fa-caret-right",
-			expanderLazy: "fa-angle-right",
-			expanderOpen: "fa-caret-down",
-			// We may prevent wobbling rotations on FF by creating a separate sub element:
-			loading: {html: "<span class='fa fa-spinner fa-pulse' />"},
-			nodata: "fa-meh-o",
-			noExpander: "",
-			radio: "fa-circle-thin",  // "fa-circle-o"
-			radioSelected: "fa-circle",
-			// radioUnknown: "fa-dot-circle-o",
-			// Default node icons.
-			// (Use tree.options.icon callback to define custom icons based on node data)
-			doc: "fa-file-o",
-			docOpen: "fa-file-o",
-			folder: "fa-folder-o",
-			folderOpen: "fa-folder-open-o"
+			awesome4: {
+				_addClass: "fa",
+				checkbox: "fa-square-o",
+				checkboxSelected: "fa-check-square-o",
+				checkboxUnknown: "fa-square fancytree-helper-indeterminate-cb",
+				dragHelper: "fa-arrow-right",
+				dropMarker: "fa-long-arrow-right",
+				error: "fa-warning",
+				expanderClosed: "fa-caret-right",
+				expanderLazy: "fa-angle-right",
+				expanderOpen: "fa-caret-down",
+				// We may prevent wobbling rotations on FF by creating a separate sub element:
+				loading: { html: "<span class='fa fa-spinner fa-pulse' />" },
+				nodata: "fa-meh-o",
+				noExpander: "",
+				radio: "fa-circle-thin", // "fa-circle-o"
+				radioSelected: "fa-circle",
+				// radioUnknown: "fa-dot-circle-o",
+				// Default node icons.
+				// (Use tree.options.icon callback to define custom icons based on node data)
+				doc: "fa-file-o",
+				docOpen: "fa-file-o",
+				folder: "fa-folder-o",
+				folderOpen: "fa-folder-open-o",
 			},
-		"awesome5": {
-			// fontawesome 5 have several different base classes
-			// "far, fas, fal and fab" The rendered svg puts that prefix
-			// in a different location so we have to keep them separate here
-			_addClass: "",
-			checkbox: "far fa-square",
-			checkboxSelected: "far fa-check-square",
-			// checkboxUnknown: "far fa-window-close",
-			checkboxUnknown: "fas fa-square fancytree-helper-indeterminate-cb",
-			radio: "far fa-circle",
-			radioSelected: "fas fa-circle",
-			radioUnknown: "far fa-dot-circle",
-			dragHelper: "fas fa-arrow-right",
-			dropMarker: "fas fa-long-arrow-right",
-			error: "fas fa-exclamation-triangle",
-			expanderClosed: "fas fa-caret-right",
-			expanderLazy: "fas fa-angle-right",
-			expanderOpen: "fas fa-caret-down",
-			loading: "fas fa-spinner fa-pulse",
-			nodata: "far fa-meh",
-			noExpander: "",
-			// Default node icons.
-			// (Use tree.options.icon callback to define custom icons based on node data)
-			doc: "far fa-file",
-			docOpen: "far fa-file",
-			folder: "far fa-folder",
-			folderOpen: "far fa-folder-open"
+			awesome5: {
+				// fontawesome 5 have several different base classes
+				// "far, fas, fal and fab" The rendered svg puts that prefix
+				// in a different location so we have to keep them separate here
+				_addClass: "",
+				checkbox: "far fa-square",
+				checkboxSelected: "far fa-check-square",
+				// checkboxUnknown: "far fa-window-close",
+				checkboxUnknown:
+					"fas fa-square fancytree-helper-indeterminate-cb",
+				radio: "far fa-circle",
+				radioSelected: "fas fa-circle",
+				radioUnknown: "far fa-dot-circle",
+				dragHelper: "fas fa-arrow-right",
+				dropMarker: "fas fa-long-arrow-alt-right",
+				error: "fas fa-exclamation-triangle",
+				expanderClosed: "fas fa-caret-right",
+				expanderLazy: "fas fa-angle-right",
+				expanderOpen: "fas fa-caret-down",
+				loading: "fas fa-spinner fa-pulse",
+				nodata: "far fa-meh",
+				noExpander: "",
+				// Default node icons.
+				// (Use tree.options.icon callback to define custom icons based on node data)
+				doc: "far fa-file",
+				docOpen: "far fa-file",
+				folder: "far fa-folder",
+				folderOpen: "far fa-folder-open",
 			},
-		"bootstrap3": {
-			_addClass: "glyphicon",
-			checkbox: "glyphicon-unchecked",
-			checkboxSelected: "glyphicon-check",
-			checkboxUnknown: "glyphicon-expand fancytree-helper-indeterminate-cb",  // "glyphicon-share",
-			dragHelper: "glyphicon-play",
-			dropMarker: "glyphicon-arrow-right",
-			error: "glyphicon-warning-sign",
-			expanderClosed: "glyphicon-menu-right",  // glyphicon-plus-sign
-			expanderLazy: "glyphicon-menu-right",  // glyphicon-plus-sign
-			expanderOpen: "glyphicon-menu-down",  // glyphicon-minus-sign
-			loading: "glyphicon-refresh fancytree-helper-spin",
-			nodata: "glyphicon-info-sign",
-			noExpander: "",
-			radio: "glyphicon-remove-circle",  // "glyphicon-unchecked",
-			radioSelected: "glyphicon-ok-circle",  // "glyphicon-check",
-			// radioUnknown: "glyphicon-ban-circle",
-			// Default node icons.
-			// (Use tree.options.icon callback to define custom icons based on node data)
-			doc: "glyphicon-file",
-			docOpen: "glyphicon-file",
-			folder: "glyphicon-folder-close",
-			folderOpen: "glyphicon-folder-open"
+			bootstrap3: {
+				_addClass: "glyphicon",
+				checkbox: "glyphicon-unchecked",
+				checkboxSelected: "glyphicon-check",
+				checkboxUnknown:
+					"glyphicon-expand fancytree-helper-indeterminate-cb", // "glyphicon-share",
+				dragHelper: "glyphicon-play",
+				dropMarker: "glyphicon-arrow-right",
+				error: "glyphicon-warning-sign",
+				expanderClosed: "glyphicon-menu-right", // glyphicon-plus-sign
+				expanderLazy: "glyphicon-menu-right", // glyphicon-plus-sign
+				expanderOpen: "glyphicon-menu-down", // glyphicon-minus-sign
+				loading: "glyphicon-refresh fancytree-helper-spin",
+				nodata: "glyphicon-info-sign",
+				noExpander: "",
+				radio: "glyphicon-remove-circle", // "glyphicon-unchecked",
+				radioSelected: "glyphicon-ok-circle", // "glyphicon-check",
+				// radioUnknown: "glyphicon-ban-circle",
+				// Default node icons.
+				// (Use tree.options.icon callback to define custom icons based on node data)
+				doc: "glyphicon-file",
+				docOpen: "glyphicon-file",
+				folder: "glyphicon-folder-close",
+				folderOpen: "glyphicon-folder-open",
 			},
-		"material": {
-			_addClass: "material-icons",
-			checkbox: { text: "check_box_outline_blank" },
-			checkboxSelected: { text: "check_box" },
-			checkboxUnknown: { text: "indeterminate_check_box" },
-			dragHelper: { text: "play_arrow" },
-			dropMarker: { text: "arrow-forward" },
-			error: { text: "warning" },
-			expanderClosed: { text: "chevron_right" },
-			expanderLazy: { text: "last_page" },
-			expanderOpen: { text: "expand_more" },
-			loading: { text: "autorenew", addClass: "fancytree-helper-spin" },
-			nodata: { text: "info" },
-			noExpander: { text: "" },
-			radio: { text: "radio_button_unchecked" },
-			radioSelected: { text: "radio_button_checked" },
-			// Default node icons.
-			// (Use tree.options.icon callback to define custom icons based on node data)
-			doc: { text: "insert_drive_file" },
-			docOpen: { text: "insert_drive_file" },
-			folder: { text: "folder" },
-			folderOpen: { text: "folder_open" }
-			}
-	};
+			material: {
+				_addClass: "material-icons",
+				checkbox: { text: "check_box_outline_blank" },
+				checkboxSelected: { text: "check_box" },
+				checkboxUnknown: { text: "indeterminate_check_box" },
+				dragHelper: { text: "play_arrow" },
+				dropMarker: { text: "arrow-forward" },
+				error: { text: "warning" },
+				expanderClosed: { text: "chevron_right" },
+				expanderLazy: { text: "last_page" },
+				expanderOpen: { text: "expand_more" },
+				loading: {
+					text: "autorenew",
+					addClass: "fancytree-helper-spin",
+				},
+				nodata: { text: "info" },
+				noExpander: { text: "" },
+				radio: { text: "radio_button_unchecked" },
+				radioSelected: { text: "radio_button_checked" },
+				// Default node icons.
+				// (Use tree.options.icon callback to define custom icons based on node data)
+				doc: { text: "insert_drive_file" },
+				docOpen: { text: "insert_drive_file" },
+				folder: { text: "folder" },
+				folderOpen: { text: "folder_open" },
+			},
+		};
 
+	function setIcon(node, span, baseClass, opts, type) {
+		var map = opts.map,
+			icon = map[type],
+			$span = $(span),
+			$counter = $span.find(".fancytree-childcounter"),
+			setClass = baseClass + " " + (map._addClass || "");
 
-function setIcon( span, baseClass, opts, type ) {
-	var map = opts.map,
-		icon = map[ type ],
-		$span = $( span ),
-		setClass = baseClass + " " + (map._addClass || "");
-
-	if( typeof icon === "string" ) {
-		$span.attr( "class", setClass + " " + icon );
-	} else if ( icon ) {
-		if( icon.text ) {
-			// $span.text( "" + icon.text );
-			span.textContent = "" + icon.text;
-		} else if ( icon.html ) {
-			// $(span).append($(icon.html));
-			span.innerHTML = icon.html;
+		// #871 Allow a callback
+		if ($.isFunction(icon)) {
+			icon = icon.call(this, node, span, type);
 		}
-		$span.attr( "class", setClass + " " + ( icon.addClass || "" ) );
-	}
-}
-
-
-$.ui.fancytree.registerExtension({
-	name: "glyph",
-	version: "2.28.1",
-	// Default options for this extension.
-	options: {
-		preset: null,  // 'awesome3', 'awesome4', 'bootstrap3', 'material'
-		map: {
-		}
-	},
-
-	treeInit: function(ctx){
-		var tree = ctx.tree,
-			opts = ctx.options.glyph;
-
-		if( opts.preset ) {
-			FT.assert( !!PRESETS[opts.preset],
-				"Invalid value for `options.glyph.preset`: " + opts.preset);
-			opts.map = $.extend({}, PRESETS[opts.preset], opts.map);
-		} else {
-			tree.warn("ext-glyph: missing `preset` option.");
-		}
-		this._superApply(arguments);
-		tree.$container.addClass("fancytree-ext-glyph");
-	},
-	nodeRenderStatus: function(ctx) {
-		var checkbox, icon, res, span,
-			node = ctx.node,
-			$span = $( node.span ),
-			opts = ctx.options.glyph;
-
-		res = this._super(ctx);
-
-		if( node.isRoot() ){
-			return res;
-		}
-		span = $span.children("span.fancytree-expander").get(0);
-		if( span ){
-			// if( node.isLoading() ){
-				// icon = "loading";
-			if( node.expanded && node.hasChildren() ){
-				icon = "expanderOpen";
-			}else if( node.isUndefined() ){
-				icon = "expanderLazy";
-			}else if( node.hasChildren() ){
-				icon = "expanderClosed";
-			}else{
-				icon = "noExpander";
-			}
-			// span.className = "fancytree-expander " + map[icon];
-			setIcon( span, "fancytree-expander", opts, icon );
-		}
-
-		if( node.tr ){
-			span = $("td", node.tr).find("span.fancytree-checkbox").get(0);
-		}else{
-			span = $span.children("span.fancytree-checkbox").get(0);
-		}
-		if( span ) {
-			checkbox = FT.evalOption("checkbox", node, node, opts, false);
-			if( (node.parent && node.parent.radiogroup ) || checkbox === "radio" ) {
-				icon = node.selected ? "radioSelected" : "radio";
-				setIcon( span, "fancytree-checkbox fancytree-radio", opts, icon );
+		// node.debug( "setIcon(" + baseClass + ", " + type + "): " + "oldIcon" + " -> " + icon );
+		// #871: propsed this, but I am not sure how robust this is, e.g.
+		// the prefix (fas, far) class changes are not considered?
+		// if (span.tagName === "svg" && opts.preset === "awesome5") {
+		// 	// fa5 script converts <i> to <svg> so call a specific handler.
+		// 	var oldIcon = "fa-" + $span.data("icon");
+		// 	// node.debug( "setIcon(" + baseClass + ", " + type + "): " + oldIcon + " -> " + icon );
+		// 	if (typeof oldIcon === "string") {
+		// 		$span.removeClass(oldIcon);
+		// 	}
+		// 	if (typeof icon === "string") {
+		// 		$span.addClass(icon);
+		// 	}
+		// 	return;
+		// }
+		if (typeof icon === "string") {
+			// #883: remove inner html that may be added by prev. mode
+			// #1081: keep inner html to fix childcounter issues in IE11
+			// span.innerHTML = "";
+			$span.attr("class", setClass + " " + icon).append($counter);
+		} else if (icon) {
+			if (icon.text) {
+				span.textContent = "" + icon.text;
+			} else if (icon.html) {
+				span.innerHTML = icon.html;
 			} else {
-				icon = node.selected ? "checkboxSelected" : (node.partsel ? "checkboxUnknown" : "checkbox");
-				// span.className = "fancytree-checkbox " + map[icon];
-				setIcon( span, "fancytree-checkbox", opts, icon );
+				span.innerHTML = "";
 			}
+			$span
+				.attr("class", setClass + " " + (icon.addClass || ""))
+				.append($counter);
 		}
-
-		// Standard icon (note that this does not match .fancytree-custom-icon,
-		// that might be set by opts.icon callbacks)
-		span = $span.children("span.fancytree-icon").get(0);
-		if( span ){
-			if( node.statusNodeType ){
-				icon = node.statusNodeType; // loading, error
-			}else if( node.folder ){
-				icon = ( node.expanded && node.hasChildren() ) ? "folderOpen" : "folder";
-			}else{
-				icon = node.expanded ? "docOpen" : "doc";
-			}
-			setIcon( span, "fancytree-icon", opts, icon );
-		}
-		return res;
-	},
-	nodeSetStatus: function(ctx, status, message, details) {
-		var res, span,
-			opts = ctx.options.glyph,
-			node = ctx.node;
-
-		res = this._superApply(arguments);
-
-		if( status === "error" || status === "loading" || status === "nodata" ){
-			if(node.parent){
-				span = $("span.fancytree-expander", node.span).get(0);
-				if( span ) {
-					setIcon( span, "fancytree-expander", opts, status );
-				}
-			}else{ //
-				span = $(".fancytree-statusnode-" + status, node[this.nodeContainerAttrName])
-					.find("span.fancytree-icon").get(0);
-				if( span ) {
-					setIcon( span, "fancytree-icon", opts, status );
-				}
-			}
-		}
-		return res;
 	}
-});
-// Value returned by `require('jquery.fancytree..')`
-return $.ui.fancytree;
-}));  // End of closure
+
+	$.ui.fancytree.registerExtension({
+		name: "glyph",
+		version: "2.38.0",
+		// Default options for this extension.
+		options: {
+			preset: null, // 'awesome3', 'awesome4', 'bootstrap3', 'material'
+			map: {},
+		},
+
+		treeInit: function(ctx) {
+			var tree = ctx.tree,
+				opts = ctx.options.glyph;
+
+			if (opts.preset) {
+				FT.assert(
+					!!PRESETS[opts.preset],
+					"Invalid value for `options.glyph.preset`: " + opts.preset
+				);
+				opts.map = $.extend({}, PRESETS[opts.preset], opts.map);
+			} else {
+				tree.warn("ext-glyph: missing `preset` option.");
+			}
+			this._superApply(arguments);
+			tree.$container.addClass("fancytree-ext-glyph");
+		},
+		nodeRenderStatus: function(ctx) {
+			var checkbox,
+				icon,
+				res,
+				span,
+				node = ctx.node,
+				$span = $(node.span),
+				opts = ctx.options.glyph;
+
+			res = this._super(ctx);
+
+			if (node.isRootNode()) {
+				return res;
+			}
+			span = $span.children(".fancytree-expander").get(0);
+			if (span) {
+				// if( node.isLoading() ){
+				// icon = "loading";
+				if (node.expanded && node.hasChildren()) {
+					icon = "expanderOpen";
+				} else if (node.isUndefined()) {
+					icon = "expanderLazy";
+				} else if (node.hasChildren()) {
+					icon = "expanderClosed";
+				} else {
+					icon = "noExpander";
+				}
+				// span.className = "fancytree-expander " + map[icon];
+				setIcon(node, span, "fancytree-expander", opts, icon);
+			}
+
+			if (node.tr) {
+				span = $("td", node.tr)
+					.find(".fancytree-checkbox")
+					.get(0);
+			} else {
+				span = $span.children(".fancytree-checkbox").get(0);
+			}
+			if (span) {
+				checkbox = FT.evalOption("checkbox", node, node, opts, false);
+				if (
+					(node.parent && node.parent.radiogroup) ||
+					checkbox === "radio"
+				) {
+					icon = node.selected ? "radioSelected" : "radio";
+					setIcon(
+						node,
+						span,
+						"fancytree-checkbox fancytree-radio",
+						opts,
+						icon
+					);
+				} else {
+					// eslint-disable-next-line no-nested-ternary
+					icon = node.selected
+						? "checkboxSelected"
+						: node.partsel
+						? "checkboxUnknown"
+						: "checkbox";
+					// span.className = "fancytree-checkbox " + map[icon];
+					setIcon(node, span, "fancytree-checkbox", opts, icon);
+				}
+			}
+
+			// Standard icon (note that this does not match .fancytree-custom-icon,
+			// that might be set by opts.icon callbacks)
+			span = $span.children(".fancytree-icon").get(0);
+			if (span) {
+				if (node.statusNodeType) {
+					icon = node.statusNodeType; // loading, error
+				} else if (node.folder) {
+					icon =
+						node.expanded && node.hasChildren()
+							? "folderOpen"
+							: "folder";
+				} else {
+					icon = node.expanded ? "docOpen" : "doc";
+				}
+				setIcon(node, span, "fancytree-icon", opts, icon);
+			}
+			return res;
+		},
+		nodeSetStatus: function(ctx, status, message, details) {
+			var res,
+				span,
+				opts = ctx.options.glyph,
+				node = ctx.node;
+
+			res = this._superApply(arguments);
+
+			if (
+				status === "error" ||
+				status === "loading" ||
+				status === "nodata"
+			) {
+				if (node.parent) {
+					span = $(".fancytree-expander", node.span).get(0);
+					if (span) {
+						setIcon(node, span, "fancytree-expander", opts, status);
+					}
+				} else {
+					//
+					span = $(
+						".fancytree-statusnode-" + status,
+						node[this.nodeContainerAttrName]
+					)
+						.find(".fancytree-icon")
+						.get(0);
+					if (span) {
+						setIcon(node, span, "fancytree-icon", opts, status);
+					}
+				}
+			}
+			return res;
+		},
+	});
+	// Value returned by `require('jquery.fancytree..')`
+	return $.ui.fancytree;
+}); // End of closure
 
 
 /*! Extension 'jquery.fancytree.gridnav.js' *//*!
@@ -11143,222 +11944,353 @@ return $.ui.fancytree;
  * Support keyboard navigation for trees with embedded input controls.
  * (Extension module for jquery.fancytree.js: https://github.com/mar10/fancytree/)
  *
- * Copyright (c) 2008-2018, Martin Wendt (http://wwWendt.de)
+ * Copyright (c) 2008-2021, Martin Wendt (https://wwWendt.de)
  *
  * Released under the MIT license
  * https://github.com/mar10/fancytree/wiki/LicenseInfo
  *
- * @version 2.28.1
- * @date 2018-03-19T06:47:37Z
+ * @version 2.38.0
+ * @date 2021-02-09T20:03:49Z
  */
 
-;(function( factory ) {
-	if ( typeof define === "function" && define.amd ) {
+(function(factory) {
+	if (typeof define === "function" && define.amd) {
 		// AMD. Register as an anonymous module.
 		define([
-			 "jquery",
-			 "./jquery.fancytree",
-			 "./jquery.fancytree.table"
-		 ], factory );
-	} else if ( typeof module === "object" && module.exports ) {
+			"jquery",
+			"./jquery.fancytree",
+			"./jquery.fancytree.table",
+		], factory);
+	} else if (typeof module === "object" && module.exports) {
 		// Node/CommonJS
-		require("./jquery.fancytree.table");  // core + table
+		require("./jquery.fancytree.table"); // core + table
 		module.exports = factory(require("jquery"));
 	} else {
 		// Browser globals
-		factory( jQuery );
+		factory(jQuery);
 	}
+})(function($) {
+	"use strict";
 
-}( function( $ ) {
+	/*******************************************************************************
+	 * Private functions and variables
+	 */
 
-"use strict";
+	// Allow these navigation keys even when input controls are focused
 
+	var KC = $.ui.keyCode,
+		// which keys are *not* handled by embedded control, but passed to tree
+		// navigation handler:
+		NAV_KEYS = {
+			text: [KC.UP, KC.DOWN],
+			checkbox: [KC.UP, KC.DOWN, KC.LEFT, KC.RIGHT],
+			link: [KC.UP, KC.DOWN, KC.LEFT, KC.RIGHT],
+			radiobutton: [KC.UP, KC.DOWN, KC.LEFT, KC.RIGHT],
+			"select-one": [KC.LEFT, KC.RIGHT],
+			"select-multiple": [KC.LEFT, KC.RIGHT],
+		};
 
-/*******************************************************************************
- * Private functions and variables
- */
+	/* Calculate TD column index (considering colspans).*/
+	function getColIdx($tr, $td) {
+		var colspan,
+			td = $td.get(0),
+			idx = 0;
 
-// Allow these navigation keys even when input controls are focused
-
-var	KC = $.ui.keyCode,
-	// which keys are *not* handled by embedded control, but passed to tree
-	// navigation handler:
-	NAV_KEYS = {
-		"text": [KC.UP, KC.DOWN],
-		"checkbox": [KC.UP, KC.DOWN, KC.LEFT, KC.RIGHT],
-		"link": [KC.UP, KC.DOWN, KC.LEFT, KC.RIGHT],
-		"radiobutton": [KC.UP, KC.DOWN, KC.LEFT, KC.RIGHT],
-		"select-one": [KC.LEFT, KC.RIGHT],
-		"select-multiple": [KC.LEFT, KC.RIGHT]
-	};
-
-
-/* Calculate TD column index (considering colspans).*/
-function getColIdx($tr, $td) {
-	var colspan,
-		td = $td.get(0),
-		idx = 0;
-
-	$tr.children().each(function () {
-		if( this === td ) {
-			return false;
-		}
-		colspan = $(this).prop("colspan");
-		idx += colspan ? colspan : 1;
-	});
-	return idx;
-}
-
-
-/* Find TD at given column index (considering colspans).*/
-function findTdAtColIdx($tr, colIdx) {
-	var colspan,
-		res = null,
-		idx = 0;
-
-	$tr.children().each(function () {
-		if( idx >= colIdx ) {
-			res = $(this);
-			return false;
-		}
-		colspan = $(this).prop("colspan");
-		idx += colspan ? colspan : 1;
-	});
-	return res;
-}
-
-
-/* Find adjacent cell for a given direction. Skip empty cells and consider merged cells */
-function findNeighbourTd($target, keyCode){
-	var $tr, colIdx,
-		$td = $target.closest("td"),
-		$tdNext = null;
-
-	switch( keyCode ){
-		case KC.LEFT:
-			$tdNext = $td.prev();
-			break;
-		case KC.RIGHT:
-			$tdNext = $td.next();
-			break;
-		case KC.UP:
-		case KC.DOWN:
-			$tr = $td.parent();
-			colIdx = getColIdx($tr, $td);
-			while( true ) {
-				$tr = (keyCode === KC.UP) ? $tr.prev() : $tr.next();
-				if( !$tr.length ) {
-					break;
-				}
-				// Skip hidden rows
-				if( $tr.is(":hidden") ) {
-					continue;
-				}
-				// Find adjacent cell in the same column
-				$tdNext = findTdAtColIdx($tr, colIdx);
-				// Skip cells that don't conatain a focusable element
-				if( $tdNext && $tdNext.find(":input,a").length ) {
-					break;
-				}
-			}
-			break;
-	}
-	return $tdNext;
-}
-
-
-/*******************************************************************************
- * Extension code
- */
-$.ui.fancytree.registerExtension({
-	name: "gridnav",
-	version: "2.28.1",
-	// Default options for this extension.
-	options: {
-		autofocusInput:   false,  // Focus first embedded input if node gets activated
-		handleCursorKeys: true   // Allow UP/DOWN in inputs to move to prev/next node
-	},
-
-	treeInit: function(ctx){
-		// gridnav requires the table extension to be loaded before itself
-		this._requireExtension("table", true, true);
-		this._superApply(arguments);
-
-		this.$container.addClass("fancytree-ext-gridnav");
-
-		// Activate node if embedded input gets focus (due to a click)
-		this.$container.on("focusin", function(event){
-			var ctx2,
-				node = $.ui.fancytree.getNode(event.target);
-
-			if( node && !node.isActive() ){
-				// Call node.setActive(), but also pass the event
-				ctx2 = ctx.tree._makeHookContext(node, event);
-				ctx.tree._callHook("nodeSetActive", ctx2, true);
+		$tr.children().each(function() {
+			if (this === td) {
+				return false;
 			}
+			colspan = $(this).prop("colspan");
+			idx += colspan ? colspan : 1;
 		});
-	},
-	nodeSetActive: function(ctx, flag, callOpts) {
-		var $outer,
-			opts = ctx.options.gridnav,
-			node = ctx.node,
-			event = ctx.originalEvent || {},
-			triggeredByInput = $(event.target).is(":input");
-
-		flag = (flag !== false);
-
-		this._superApply(arguments);
-
-		if( flag ){
-			if( ctx.options.titlesTabbable ){
-				if( !triggeredByInput ) {
-					$(node.span).find("span.fancytree-title").focus();
-					node.setFocus();
-				}
-				// If one node is tabbable, the container no longer needs to be
-				ctx.tree.$container.attr("tabindex", "-1");
-				// ctx.tree.$container.removeAttr("tabindex");
-			} else if( opts.autofocusInput && !triggeredByInput ){
-				// Set focus to input sub input (if node was clicked, but not
-				// when TAB was pressed )
-				$outer = $(node.tr || node.span);
-				$outer.find(":input:enabled:first").focus();
-			}
-		}
-	},
-	nodeKeydown: function(ctx) {
-		var inputType, handleKeys, $td,
-			opts = ctx.options.gridnav,
-			event = ctx.originalEvent,
-			$target = $(event.target);
-
-		if( $target.is(":input:enabled") ) {
-			inputType = $target.prop("type");
-		} else if( $target.is("a") ) {
-			inputType = "link";
-		}
-		// ctx.tree.debug("ext-gridnav nodeKeydown", event, inputType);
-
-		if( inputType && opts.handleCursorKeys ){
-			handleKeys = NAV_KEYS[inputType];
-			if( handleKeys && $.inArray(event.which, handleKeys) >= 0 ){
-				$td = findNeighbourTd($target, event.which);
-				if( $td && $td.length ) {
-					// ctx.node.debug("ignore keydown in input", event.which, handleKeys);
-					$td.find(":input:enabled,a").focus();
-					// Prevent Fancytree default navigation
-					return false;
-				}
-			}
-			return true;
-		}
-		// ctx.tree.debug("ext-gridnav NOT HANDLED", event, inputType);
-		return this._superApply(arguments);
+		return idx;
 	}
-});
-// Value returned by `require('jquery.fancytree..')`
-return $.ui.fancytree;
-}));  // End of closure
+
+	/* Find TD at given column index (considering colspans).*/
+	function findTdAtColIdx($tr, colIdx) {
+		var colspan,
+			res = null,
+			idx = 0;
+
+		$tr.children().each(function() {
+			if (idx >= colIdx) {
+				res = $(this);
+				return false;
+			}
+			colspan = $(this).prop("colspan");
+			idx += colspan ? colspan : 1;
+		});
+		return res;
+	}
+
+	/* Find adjacent cell for a given direction. Skip empty cells and consider merged cells */
+	function findNeighbourTd($target, keyCode) {
+		var $tr,
+			colIdx,
+			$td = $target.closest("td"),
+			$tdNext = null;
+
+		switch (keyCode) {
+			case KC.LEFT:
+				$tdNext = $td.prev();
+				break;
+			case KC.RIGHT:
+				$tdNext = $td.next();
+				break;
+			case KC.UP:
+			case KC.DOWN:
+				$tr = $td.parent();
+				colIdx = getColIdx($tr, $td);
+				while (true) {
+					$tr = keyCode === KC.UP ? $tr.prev() : $tr.next();
+					if (!$tr.length) {
+						break;
+					}
+					// Skip hidden rows
+					if ($tr.is(":hidden")) {
+						continue;
+					}
+					// Find adjacent cell in the same column
+					$tdNext = findTdAtColIdx($tr, colIdx);
+					// Skip cells that don't conatain a focusable element
+					if ($tdNext && $tdNext.find(":input,a").length) {
+						break;
+					}
+				}
+				break;
+		}
+		return $tdNext;
+	}
+
+	/*******************************************************************************
+	 * Extension code
+	 */
+	$.ui.fancytree.registerExtension({
+		name: "gridnav",
+		version: "2.38.0",
+		// Default options for this extension.
+		options: {
+			autofocusInput: false, // Focus first embedded input if node gets activated
+			handleCursorKeys: true, // Allow UP/DOWN in inputs to move to prev/next node
+		},
+
+		treeInit: function(ctx) {
+			// gridnav requires the table extension to be loaded before itself
+			this._requireExtension("table", true, true);
+			this._superApply(arguments);
+
+			this.$container.addClass("fancytree-ext-gridnav");
+
+			// Activate node if embedded input gets focus (due to a click)
+			this.$container.on("focusin", function(event) {
+				var ctx2,
+					node = $.ui.fancytree.getNode(event.target);
+
+				if (node && !node.isActive()) {
+					// Call node.setActive(), but also pass the event
+					ctx2 = ctx.tree._makeHookContext(node, event);
+					ctx.tree._callHook("nodeSetActive", ctx2, true);
+				}
+			});
+		},
+		nodeSetActive: function(ctx, flag, callOpts) {
+			var $outer,
+				opts = ctx.options.gridnav,
+				node = ctx.node,
+				event = ctx.originalEvent || {},
+				triggeredByInput = $(event.target).is(":input");
+
+			flag = flag !== false;
+
+			this._superApply(arguments);
+
+			if (flag) {
+				if (ctx.options.titlesTabbable) {
+					if (!triggeredByInput) {
+						$(node.span)
+							.find("span.fancytree-title")
+							.focus();
+						node.setFocus();
+					}
+					// If one node is tabbable, the container no longer needs to be
+					ctx.tree.$container.attr("tabindex", "-1");
+					// ctx.tree.$container.removeAttr("tabindex");
+				} else if (opts.autofocusInput && !triggeredByInput) {
+					// Set focus to input sub input (if node was clicked, but not
+					// when TAB was pressed )
+					$outer = $(node.tr || node.span);
+					$outer
+						.find(":input:enabled")
+						.first()
+						.focus();
+				}
+			}
+		},
+		nodeKeydown: function(ctx) {
+			var inputType,
+				handleKeys,
+				$td,
+				opts = ctx.options.gridnav,
+				event = ctx.originalEvent,
+				$target = $(event.target);
+
+			if ($target.is(":input:enabled")) {
+				inputType = $target.prop("type");
+			} else if ($target.is("a")) {
+				inputType = "link";
+			}
+			// ctx.tree.debug("ext-gridnav nodeKeydown", event, inputType);
+
+			if (inputType && opts.handleCursorKeys) {
+				handleKeys = NAV_KEYS[inputType];
+				if (handleKeys && $.inArray(event.which, handleKeys) >= 0) {
+					$td = findNeighbourTd($target, event.which);
+					if ($td && $td.length) {
+						// ctx.node.debug("ignore keydown in input", event.which, handleKeys);
+						$td.find(":input:enabled,a").focus();
+						// Prevent Fancytree default navigation
+						return false;
+					}
+				}
+				return true;
+			}
+			// ctx.tree.debug("ext-gridnav NOT HANDLED", event, inputType);
+			return this._superApply(arguments);
+		},
+	});
+	// Value returned by `require('jquery.fancytree..')`
+	return $.ui.fancytree;
+}); // End of closure
+
+
+/*! Extension 'jquery.fancytree.multi.js' *//*!
+ * jquery.fancytree.multi.js
+ *
+ * Allow multiple selection of nodes  by mouse or keyboard.
+ * (Extension module for jquery.fancytree.js: https://github.com/mar10/fancytree/)
+ *
+ * Copyright (c) 2008-2021, Martin Wendt (https://wwWendt.de)
+ *
+ * Released under the MIT license
+ * https://github.com/mar10/fancytree/wiki/LicenseInfo
+ *
+ * @version 2.38.0
+ * @date 2021-02-09T20:03:49Z
+ */
+
+(function(factory) {
+	if (typeof define === "function" && define.amd) {
+		// AMD. Register as an anonymous module.
+		define(["jquery", "./jquery.fancytree"], factory);
+	} else if (typeof module === "object" && module.exports) {
+		// Node/CommonJS
+		require("./jquery.fancytree");
+		module.exports = factory(require("jquery"));
+	} else {
+		// Browser globals
+		factory(jQuery);
+	}
+})(function($) {
+	"use strict";
+
+	/*******************************************************************************
+	 * Private functions and variables
+	 */
+
+	// var isMac = /Mac/.test(navigator.platform);
+
+	/*******************************************************************************
+	 * Extension code
+	 */
+	$.ui.fancytree.registerExtension({
+		name: "multi",
+		version: "2.38.0",
+		// Default options for this extension.
+		options: {
+			allowNoSelect: false, //
+			mode: "sameParent", //
+			// Events:
+			// beforeSelect: $.noop  // Return false to prevent cancel/save (data.input is available)
+		},
+
+		treeInit: function(ctx) {
+			this._superApply(arguments);
+			this.$container.addClass("fancytree-ext-multi");
+			if (ctx.options.selectMode === 1) {
+				$.error(
+					"Fancytree ext-multi: selectMode: 1 (single) is not compatible."
+				);
+			}
+		},
+		nodeClick: function(ctx) {
+			var //pluginOpts = ctx.options.multi,
+				tree = ctx.tree,
+				node = ctx.node,
+				activeNode = tree.getActiveNode() || tree.getFirstChild(),
+				isCbClick = ctx.targetType === "checkbox",
+				isExpanderClick = ctx.targetType === "expander",
+				eventStr = $.ui.fancytree.eventToString(ctx.originalEvent);
+
+			switch (eventStr) {
+				case "click":
+					if (isExpanderClick) {
+						break;
+					} // Default handler will expand/collapse
+					if (!isCbClick) {
+						tree.selectAll(false);
+						// Select clicked node (radio-button  mode)
+						node.setSelected();
+					}
+					// Default handler will toggle checkbox clicks and activate
+					break;
+				case "shift+click":
+					// node.debug("click")
+					tree.visitRows(
+						function(n) {
+							// n.debug("click2", n===node, node)
+							n.setSelected();
+							if (n === node) {
+								return false;
+							}
+						},
+						{
+							start: activeNode,
+							reverse: activeNode.isBelowOf(node),
+						}
+					);
+					break;
+				case "ctrl+click":
+				case "meta+click": // Mac: [Command]
+					node.toggleSelected();
+					return;
+			}
+			return this._superApply(arguments);
+		},
+		nodeKeydown: function(ctx) {
+			var tree = ctx.tree,
+				node = ctx.node,
+				event = ctx.originalEvent,
+				eventStr = $.ui.fancytree.eventToString(event);
+
+			switch (eventStr) {
+				case "up":
+				case "down":
+					tree.selectAll(false);
+					node.navigate(event.which, true);
+					tree.getActiveNode().setSelected();
+					break;
+				case "shift+up":
+				case "shift+down":
+					node.navigate(event.which, true);
+					tree.getActiveNode().setSelected();
+					break;
+			}
+			return this._superApply(arguments);
+		},
+	});
+	// Value returned by `require('jquery.fancytree..')`
+	return $.ui.fancytree;
+}); // End of closure
 
 
 /*! Extension 'jquery.fancytree.persist.js' *//*!
@@ -11369,427 +12301,503 @@ return $.ui.fancytree;
  *
  * @depends: js-cookie or jquery-cookie
  *
- * Copyright (c) 2008-2018, Martin Wendt (http://wwWendt.de)
+ * Copyright (c) 2008-2021, Martin Wendt (https://wwWendt.de)
  *
  * Released under the MIT license
  * https://github.com/mar10/fancytree/wiki/LicenseInfo
  *
- * @version 2.28.1
- * @date 2018-03-19T06:47:37Z
+ * @version 2.38.0
+ * @date 2021-02-09T20:03:49Z
  */
 
-;(function( factory ) {
-	if ( typeof define === "function" && define.amd ) {
+(function(factory) {
+	if (typeof define === "function" && define.amd) {
 		// AMD. Register as an anonymous module.
-		define( [ "jquery", "./jquery.fancytree" ], factory );
-	} else if ( typeof module === "object" && module.exports ) {
+		define(["jquery", "./jquery.fancytree"], factory);
+	} else if (typeof module === "object" && module.exports) {
 		// Node/CommonJS
 		require("./jquery.fancytree");
 		module.exports = factory(require("jquery"));
 	} else {
 		// Browser globals
-		factory( jQuery );
+		factory(jQuery);
+	}
+})(function($) {
+	"use strict";
+	/* global Cookies:false */
+
+	/*******************************************************************************
+	 * Private functions and variables
+	 */
+	var cookieStore = null,
+		localStorageStore = null,
+		sessionStorageStore = null,
+		_assert = $.ui.fancytree.assert,
+		ACTIVE = "active",
+		EXPANDED = "expanded",
+		FOCUS = "focus",
+		SELECTED = "selected";
+
+	// Accessing window.xxxStorage may raise security exceptions (see #1022)
+	try {
+		_assert(window.localStorage && window.localStorage.getItem);
+		localStorageStore = {
+			get: function(key) {
+				return window.localStorage.getItem(key);
+			},
+			set: function(key, value) {
+				window.localStorage.setItem(key, value);
+			},
+			remove: function(key) {
+				window.localStorage.removeItem(key);
+			},
+		};
+	} catch (e) {
+		$.ui.fancytree.warn("Could not access window.localStorage", e);
 	}
 
-}( function( $ ) {
+	try {
+		_assert(window.sessionStorage && window.sessionStorage.getItem);
+		sessionStorageStore = {
+			get: function(key) {
+				return window.sessionStorage.getItem(key);
+			},
+			set: function(key, value) {
+				window.sessionStorage.setItem(key, value);
+			},
+			remove: function(key) {
+				window.sessionStorage.removeItem(key);
+			},
+		};
+	} catch (e) {
+		$.ui.fancytree.warn("Could not access window.sessionStorage", e);
+	}
 
-"use strict";
-/* global Cookies:false */
+	if (typeof Cookies === "function") {
+		// Assume https://github.com/js-cookie/js-cookie
+		cookieStore = {
+			get: Cookies.get,
+			set: function(key, value) {
+				Cookies.set(key, value, this.options.persist.cookie);
+			},
+			remove: Cookies.remove,
+		};
+	} else if ($ && typeof $.cookie === "function") {
+		// Fall back to https://github.com/carhartl/jquery-cookie
+		cookieStore = {
+			get: $.cookie,
+			set: function(key, value) {
+				$.cookie.set(key, value, this.options.persist.cookie);
+			},
+			remove: $.removeCookie,
+		};
+	}
 
-/*******************************************************************************
- * Private functions and variables
- */
-var cookieStore = null,
-	localStorageStore = window.localStorage ? {
-		get: function(key){ return window.localStorage.getItem(key); },
-		set: function(key, value){ window.localStorage.setItem(key, value); },
-		remove: function(key){ window.localStorage.removeItem(key); }
-	} : null,
-	sessionStorageStore = window.sessionStorage ? {
-		get: function(key){ return window.sessionStorage.getItem(key); },
-		set: function(key, value){ window.sessionStorage.setItem(key, value); },
-		remove: function(key){ window.sessionStorage.removeItem(key); }
-	} : null,
-	_assert = $.ui.fancytree.assert,
-	ACTIVE = "active",
-	EXPANDED = "expanded",
-	FOCUS = "focus",
-	SELECTED = "selected";
+	/* Recursively load lazy nodes
+	 * @param {string} mode 'load', 'expand', false
+	 */
+	function _loadLazyNodes(tree, local, keyList, mode, dfd) {
+		var i,
+			key,
+			l,
+			node,
+			foundOne = false,
+			expandOpts = tree.options.persist.expandOpts,
+			deferredList = [],
+			missingKeyList = [];
 
-if( typeof Cookies === "function" ) {
-	// Assume https://github.com/js-cookie/js-cookie
-	cookieStore = {
-		get: Cookies.get,
-		set: function(key, value) {
-			Cookies.set(key, value, this.options.persist.cookie);
-		},
-		remove: Cookies.remove
-	};
-} else if ( $ && typeof $.cookie === "function" ) {
-	// Fall back to https://github.com/carhartl/jquery-cookie
-	cookieStore = {
-		get: $.cookie,
-		set: function(key, value) {
-			$.cookie.set(key, value, this.options.persist.cookie);
-		},
-		remove: $.removeCookie
-	};
-}
+		keyList = keyList || [];
+		dfd = dfd || $.Deferred();
 
-/* Recursively load lazy nodes
- * @param {string} mode 'load', 'expand', false
- */
-function _loadLazyNodes(tree, local, keyList, mode, dfd) {
-	var i, key, l, node,
-		foundOne = false,
-		expandOpts = tree.options.persist.expandOpts,
-		deferredList = [],
-		missingKeyList = [];
-
-	keyList = keyList || [];
-	dfd = dfd || $.Deferred();
-
-	for( i=0, l=keyList.length; i<l; i++ ) {
-		key = keyList[i];
-		node = tree.getNodeByKey(key);
-		if( node ) {
-			if( mode && node.isUndefined() ) {
-				foundOne = true;
-				tree.debug("_loadLazyNodes: " + node + " is lazy: loading...");
-				if( mode === "expand" ) {
-					deferredList.push(node.setExpanded(true, expandOpts));
+		for (i = 0, l = keyList.length; i < l; i++) {
+			key = keyList[i];
+			node = tree.getNodeByKey(key);
+			if (node) {
+				if (mode && node.isUndefined()) {
+					foundOne = true;
+					tree.debug(
+						"_loadLazyNodes: " + node + " is lazy: loading..."
+					);
+					if (mode === "expand") {
+						deferredList.push(node.setExpanded(true, expandOpts));
+					} else {
+						deferredList.push(node.load());
+					}
 				} else {
-					deferredList.push(node.load());
+					tree.debug("_loadLazyNodes: " + node + " already loaded.");
+					node.setExpanded(true, expandOpts);
 				}
 			} else {
-				tree.debug("_loadLazyNodes: " + node + " already loaded.");
-				node.setExpanded(true, expandOpts);
+				missingKeyList.push(key);
+				tree.debug("_loadLazyNodes: " + node + " was not yet found.");
 			}
-		} else {
-			missingKeyList.push(key);
-			tree.debug("_loadLazyNodes: " + node + " was not yet found.");
 		}
-	}
 
-	$.when.apply($, deferredList).always(function(){
-		// All lazy-expands have finished
-		if( foundOne && missingKeyList.length > 0 ) {
-			// If we read new nodes from server, try to resolve yet-missing keys
-			_loadLazyNodes(tree, local, missingKeyList, mode, dfd);
-		} else {
-			if( missingKeyList.length ) {
-				tree.warn("_loadLazyNodes: could not load those keys: ", missingKeyList);
-				for( i=0, l=missingKeyList.length; i<l; i++ ) {
-					key = keyList[i];
-					local._appendKey(EXPANDED, keyList[i], false);
+		$.when.apply($, deferredList).always(function() {
+			// All lazy-expands have finished
+			if (foundOne && missingKeyList.length > 0) {
+				// If we read new nodes from server, try to resolve yet-missing keys
+				_loadLazyNodes(tree, local, missingKeyList, mode, dfd);
+			} else {
+				if (missingKeyList.length) {
+					tree.warn(
+						"_loadLazyNodes: could not load those keys: ",
+						missingKeyList
+					);
+					for (i = 0, l = missingKeyList.length; i < l; i++) {
+						key = keyList[i];
+						local._appendKey(EXPANDED, keyList[i], false);
+					}
 				}
+				dfd.resolve();
 			}
-			dfd.resolve();
+		});
+		return dfd;
+	}
+
+	/**
+	 * [ext-persist] Remove persistence data of the given type(s).
+	 * Called like
+	 *     $.ui.fancytree.getTree("#tree").clearCookies("active expanded focus selected");
+	 *
+	 * @alias Fancytree#clearPersistData
+	 * @requires jquery.fancytree.persist.js
+	 */
+	$.ui.fancytree._FancytreeClass.prototype.clearPersistData = function(
+		types
+	) {
+		var local = this.ext.persist,
+			prefix = local.cookiePrefix;
+
+		types = types || "active expanded focus selected";
+		if (types.indexOf(ACTIVE) >= 0) {
+			local._data(prefix + ACTIVE, null);
 		}
-	});
-	return dfd;
-}
+		if (types.indexOf(EXPANDED) >= 0) {
+			local._data(prefix + EXPANDED, null);
+		}
+		if (types.indexOf(FOCUS) >= 0) {
+			local._data(prefix + FOCUS, null);
+		}
+		if (types.indexOf(SELECTED) >= 0) {
+			local._data(prefix + SELECTED, null);
+		}
+	};
 
+	$.ui.fancytree._FancytreeClass.prototype.clearCookies = function(types) {
+		this.warn(
+			"'tree.clearCookies()' is deprecated since v2.27.0: use 'clearPersistData()' instead."
+		);
+		return this.clearPersistData(types);
+	};
 
-/**
- * [ext-persist] Remove persistence data of the given type(s).
- * Called like
- *     $("#tree").fancytree("getTree").clearCookies("active expanded focus selected");
- *
- * @alias Fancytree#clearPersistData
- * @requires jquery.fancytree.persist.js
- */
-$.ui.fancytree._FancytreeClass.prototype.clearPersistData = function(types){
-	var local = this.ext.persist,
-		prefix = local.cookiePrefix;
+	/**
+	 * [ext-persist] Return persistence information from cookies
+	 *
+	 * Called like
+	 *     $.ui.fancytree.getTree("#tree").getPersistData();
+	 *
+	 * @alias Fancytree#getPersistData
+	 * @requires jquery.fancytree.persist.js
+	 */
+	$.ui.fancytree._FancytreeClass.prototype.getPersistData = function() {
+		var local = this.ext.persist,
+			prefix = local.cookiePrefix,
+			delim = local.cookieDelimiter,
+			res = {};
 
-	types = types || "active expanded focus selected";
-	if(types.indexOf(ACTIVE) >= 0){
-		local._data(prefix + ACTIVE, null);
-	}
-	if(types.indexOf(EXPANDED) >= 0){
-		local._data(prefix + EXPANDED, null);
-	}
-	if(types.indexOf(FOCUS) >= 0){
-		local._data(prefix + FOCUS, null);
-	}
-	if(types.indexOf(SELECTED) >= 0){
-		local._data(prefix + SELECTED, null);
-	}
-};
+		res[ACTIVE] = local._data(prefix + ACTIVE);
+		res[EXPANDED] = (local._data(prefix + EXPANDED) || "").split(delim);
+		res[SELECTED] = (local._data(prefix + SELECTED) || "").split(delim);
+		res[FOCUS] = local._data(prefix + FOCUS);
+		return res;
+	};
 
-$.ui.fancytree._FancytreeClass.prototype.clearCookies = function(types){
-	this.warn("'tree.clearCookies()' is deprecated since v2.27.0: use 'clearPersistData()' instead.");
-	return this.clearPersistData(types);
-};
-
-/**
- * [ext-persist] Return persistence information from cookies
- *
- * Called like
- *     $("#tree").fancytree("getTree").getPersistData();
- *
- * @alias Fancytree#getPersistData
- * @requires jquery.fancytree.persist.js
- */
-$.ui.fancytree._FancytreeClass.prototype.getPersistData = function(){
-	var local = this.ext.persist,
-		prefix = local.cookiePrefix,
-		delim = local.cookieDelimiter,
-		res = {};
-
-	res[ACTIVE] = local._data(prefix + ACTIVE);
-	res[EXPANDED] = (local._data(prefix + EXPANDED) || "").split(delim);
-	res[SELECTED] = (local._data(prefix + SELECTED) || "").split(delim);
-	res[FOCUS] = local._data(prefix + FOCUS);
-	return res;
-};
-
-
-/* *****************************************************************************
- * Extension code
- */
-$.ui.fancytree.registerExtension({
-	name: "persist",
-	version: "2.28.1",
-	// Default options for this extension.
-	options: {
-		cookieDelimiter: "~",
-		cookiePrefix: undefined, // 'fancytree-<treeId>-' by default
-		cookie: {
-			raw: false,
-			expires: "",
-			path: "",
-			domain: "",
-			secure: false
+	/******************************************************************************
+	 * Extension code
+	 */
+	$.ui.fancytree.registerExtension({
+		name: "persist",
+		version: "2.38.0",
+		// Default options for this extension.
+		options: {
+			cookieDelimiter: "~",
+			cookiePrefix: undefined, // 'fancytree-<treeId>-' by default
+			cookie: {
+				raw: false,
+				expires: "",
+				path: "",
+				domain: "",
+				secure: false,
+			},
+			expandLazy: false, // true: recursively expand and load lazy nodes
+			expandOpts: undefined, // optional `opts` argument passed to setExpanded()
+			fireActivate: true, // false: suppress `activate` event after active node was restored
+			overrideSource: true, // true: cookie takes precedence over `source` data attributes.
+			store: "auto", // 'cookie': force cookie, 'local': force localStore, 'session': force sessionStore
+			types: "active expanded focus selected",
 		},
-		expandLazy: false,     // true: recursively expand and load lazy nodes
-		expandOpts: undefined, // optional `opts` argument passed to setExpanded()
-		fireActivate: true,    // false: suppress `activate` event after active node was restored
-		overrideSource: true,  // true: cookie takes precedence over `source` data attributes.
-		store: "auto",         // 'cookie': force cookie, 'local': force localStore, 'session': force sessionStore
-		types: "active expanded focus selected"
-	},
 
-	/* Generic read/write string data to cookie, sessionStorage or localStorage. */
-	_data: function(key, value){
-		var store = this._local.store;
+		/* Generic read/write string data to cookie, sessionStorage or localStorage. */
+		_data: function(key, value) {
+			var store = this._local.store;
 
-		if( value === undefined ) {
-			return store.get.call(this, key);
-		} else if ( value === null ) {
-			store.remove.call(this, key);
-		} else {
-			store.set.call(this, key, value);
-		}
-	},
-
-	/* Append `key` to a cookie. */
-	_appendKey: function(type, key, flag){
-		key = "" + key; // #90
-		var local = this._local,
-			instOpts = this.options.persist,
-			delim = instOpts.cookieDelimiter,
-			cookieName = local.cookiePrefix + type,
-			data = local._data(cookieName),
-			keyList = data ? data.split(delim) : [],
-			idx = $.inArray(key, keyList);
-		// Remove, even if we add a key,  so the key is always the last entry
-		if(idx >= 0){
-			keyList.splice(idx, 1);
-		}
-		// Append key to cookie
-		if(flag){
-			keyList.push(key);
-		}
-		local._data(cookieName, keyList.join(delim));
-	},
-
-	treeInit: function(ctx){
-		var tree = ctx.tree,
-			opts = ctx.options,
-			local = this._local,
-			instOpts = this.options.persist;
-
-		// // For 'auto' or 'cookie' mode, the cookie plugin must be available
-		// _assert((instOpts.store !== "auto" && instOpts.store !== "cookie") || cookieStore,
-		// 	"Missing required plugin for 'persist' extension: js.cookie.js or jquery.cookie.js");
-
-		local.cookiePrefix = instOpts.cookiePrefix || ("fancytree-" + tree._id + "-");
-		local.storeActive = instOpts.types.indexOf(ACTIVE) >= 0;
-		local.storeExpanded = instOpts.types.indexOf(EXPANDED) >= 0;
-		local.storeSelected = instOpts.types.indexOf(SELECTED) >= 0;
-		local.storeFocus = instOpts.types.indexOf(FOCUS) >= 0;
-		local.store = null;
-
-		if( instOpts.store === "auto" ) {
-			instOpts.store = localStorageStore ? "local" : "cookie";
-		}
-		if( $.isPlainObject(instOpts.store) ) {
-			local.store = instOpts.store;
-		} else if( instOpts.store === "cookie" ) {
-			local.store = cookieStore;
-		} else if( instOpts.store === "local" ){
-			local.store = (instOpts.store === "local") ? localStorageStore : sessionStorageStore;
-		} else if( instOpts.store === "session" ){
-			local.store = (instOpts.store === "local") ? localStorageStore : sessionStorageStore;
-		}
-		_assert(local.store, "Need a valid store.");
-
-		// Bind init-handler to apply cookie state
-		tree.$div.on("fancytreeinit", function(event){
-			if ( tree._triggerTreeEvent("beforeRestore", null, {}) === false ) {
-				return;
-			}
-
-			var cookie, dfd, i, keyList, node,
-				prevFocus = local._data(local.cookiePrefix + FOCUS), // record this before node.setActive() overrides it;
-				noEvents = instOpts.fireActivate === false;
-
-			// tree.debug("document.cookie:", document.cookie);
-
-			cookie = local._data(local.cookiePrefix + EXPANDED);
-			keyList = cookie && cookie.split(instOpts.cookieDelimiter);
-
-			if( local.storeExpanded ) {
-				// Recursively load nested lazy nodes if expandLazy is 'expand' or 'load'
-				// Also remove expand-cookies for unmatched nodes
-				dfd = _loadLazyNodes(tree, local, keyList, instOpts.expandLazy ? "expand" : false , null);
+			if (value === undefined) {
+				return store.get.call(this, key);
+			} else if (value === null) {
+				store.remove.call(this, key);
 			} else {
-				// nothing to do
-				dfd = new $.Deferred().resolve();
+				store.set.call(this, key, value);
 			}
+		},
 
-			dfd.done(function(){
-				if(local.storeSelected){
-					cookie = local._data(local.cookiePrefix + SELECTED);
-					if(cookie){
-						keyList = cookie.split(instOpts.cookieDelimiter);
-						for(i=0; i<keyList.length; i++){
-							node = tree.getNodeByKey(keyList[i]);
-							if(node){
-								if(node.selected === undefined || instOpts.overrideSource && (node.selected === false)){
-//									node.setSelected();
-									node.selected = true;
-									node.renderStatus();
+		/* Append `key` to a cookie. */
+		_appendKey: function(type, key, flag) {
+			key = "" + key; // #90
+			var local = this._local,
+				instOpts = this.options.persist,
+				delim = instOpts.cookieDelimiter,
+				cookieName = local.cookiePrefix + type,
+				data = local._data(cookieName),
+				keyList = data ? data.split(delim) : [],
+				idx = $.inArray(key, keyList);
+			// Remove, even if we add a key,  so the key is always the last entry
+			if (idx >= 0) {
+				keyList.splice(idx, 1);
+			}
+			// Append key to cookie
+			if (flag) {
+				keyList.push(key);
+			}
+			local._data(cookieName, keyList.join(delim));
+		},
+
+		treeInit: function(ctx) {
+			var tree = ctx.tree,
+				opts = ctx.options,
+				local = this._local,
+				instOpts = this.options.persist;
+
+			// // For 'auto' or 'cookie' mode, the cookie plugin must be available
+			// _assert((instOpts.store !== "auto" && instOpts.store !== "cookie") || cookieStore,
+			// 	"Missing required plugin for 'persist' extension: js.cookie.js or jquery.cookie.js");
+
+			local.cookiePrefix =
+				instOpts.cookiePrefix || "fancytree-" + tree._id + "-";
+			local.storeActive = instOpts.types.indexOf(ACTIVE) >= 0;
+			local.storeExpanded = instOpts.types.indexOf(EXPANDED) >= 0;
+			local.storeSelected = instOpts.types.indexOf(SELECTED) >= 0;
+			local.storeFocus = instOpts.types.indexOf(FOCUS) >= 0;
+			local.store = null;
+
+			if (instOpts.store === "auto") {
+				instOpts.store = localStorageStore ? "local" : "cookie";
+			}
+			if ($.isPlainObject(instOpts.store)) {
+				local.store = instOpts.store;
+			} else if (instOpts.store === "cookie") {
+				local.store = cookieStore;
+			} else if (instOpts.store === "local") {
+				local.store =
+					instOpts.store === "local"
+						? localStorageStore
+						: sessionStorageStore;
+			} else if (instOpts.store === "session") {
+				local.store =
+					instOpts.store === "local"
+						? localStorageStore
+						: sessionStorageStore;
+			}
+			_assert(local.store, "Need a valid store.");
+
+			// Bind init-handler to apply cookie state
+			tree.$div.on("fancytreeinit", function(event) {
+				if (
+					tree._triggerTreeEvent("beforeRestore", null, {}) === false
+				) {
+					return;
+				}
+
+				var cookie,
+					dfd,
+					i,
+					keyList,
+					node,
+					prevFocus = local._data(local.cookiePrefix + FOCUS), // record this before node.setActive() overrides it;
+					noEvents = instOpts.fireActivate === false;
+
+				// tree.debug("document.cookie:", document.cookie);
+
+				cookie = local._data(local.cookiePrefix + EXPANDED);
+				keyList = cookie && cookie.split(instOpts.cookieDelimiter);
+
+				if (local.storeExpanded) {
+					// Recursively load nested lazy nodes if expandLazy is 'expand' or 'load'
+					// Also remove expand-cookies for unmatched nodes
+					dfd = _loadLazyNodes(
+						tree,
+						local,
+						keyList,
+						instOpts.expandLazy ? "expand" : false,
+						null
+					);
+				} else {
+					// nothing to do
+					dfd = new $.Deferred().resolve();
+				}
+
+				dfd.done(function() {
+					if (local.storeSelected) {
+						cookie = local._data(local.cookiePrefix + SELECTED);
+						if (cookie) {
+							keyList = cookie.split(instOpts.cookieDelimiter);
+							for (i = 0; i < keyList.length; i++) {
+								node = tree.getNodeByKey(keyList[i]);
+								if (node) {
+									if (
+										node.selected === undefined ||
+										(instOpts.overrideSource &&
+											node.selected === false)
+									) {
+										//									node.setSelected();
+										node.selected = true;
+										node.renderStatus();
+									}
+								} else {
+									// node is no longer member of the tree: remove from cookie also
+									local._appendKey(
+										SELECTED,
+										keyList[i],
+										false
+									);
 								}
-							}else{
-								// node is no longer member of the tree: remove from cookie also
-								local._appendKey(SELECTED, keyList[i], false);
 							}
 						}
-					}
-					// In selectMode 3 we have to fix the child nodes, since we
-					// only stored the selected *top* nodes
-					if( tree.options.selectMode === 3 ){
-						tree.visit(function(n){
-							if( n.selected ) {
-								n.fixSelection3AfterClick();
-								return "skip";
-							}
-						});
-					}
-				}
-				if(local.storeActive){
-					cookie = local._data(local.cookiePrefix + ACTIVE);
-					if(cookie && (opts.persist.overrideSource || !tree.activeNode)){
-						node = tree.getNodeByKey(cookie);
-						if(node){
-							node.debug("persist: set active", cookie);
-							// We only want to set the focus if the container
-							// had the keyboard focus before
-							node.setActive(true, {
-								noFocus: true,
-								noEvents: noEvents
+						// In selectMode 3 we have to fix the child nodes, since we
+						// only stored the selected *top* nodes
+						if (tree.options.selectMode === 3) {
+							tree.visit(function(n) {
+								if (n.selected) {
+									n.fixSelection3AfterClick();
+									return "skip";
+								}
 							});
 						}
 					}
-				}
-				if(local.storeFocus && prevFocus){
-					node = tree.getNodeByKey(prevFocus);
-					if(node){
-						// node.debug("persist: set focus", cookie);
-						if( tree.options.titlesTabbable ) {
-							$(node.span).find(".fancytree-title").focus();
-						} else {
-							$(tree.$container).focus();
+					if (local.storeActive) {
+						cookie = local._data(local.cookiePrefix + ACTIVE);
+						if (
+							cookie &&
+							(opts.persist.overrideSource || !tree.activeNode)
+						) {
+							node = tree.getNodeByKey(cookie);
+							if (node) {
+								node.debug("persist: set active", cookie);
+								// We only want to set the focus if the container
+								// had the keyboard focus before
+								node.setActive(true, {
+									noFocus: true,
+									noEvents: noEvents,
+								});
+							}
 						}
-						// node.setFocus();
 					}
-				}
-				tree._triggerTreeEvent("restore", null, {});
-			});
-		});
-		// Init the tree
-		return this._superApply(arguments);
-	},
-	nodeSetActive: function(ctx, flag, callOpts) {
-		var res,
-			local = this._local;
-
-		flag = (flag !== false);
-		res = this._superApply(arguments);
-
-		if(local.storeActive){
-			local._data(local.cookiePrefix + ACTIVE, this.activeNode ? this.activeNode.key : null);
-		}
-		return res;
-	},
-	nodeSetExpanded: function(ctx, flag, callOpts) {
-		var res,
-			node = ctx.node,
-			local = this._local;
-
-		flag = (flag !== false);
-		res = this._superApply(arguments);
-
-		if(local.storeExpanded){
-			local._appendKey(EXPANDED, node.key, flag);
-		}
-		return res;
-	},
-	nodeSetFocus: function(ctx, flag) {
-		var res,
-			local = this._local;
-
-		flag = (flag !== false);
-		res = this._superApply(arguments);
-
-		if( local.storeFocus ) {
-			local._data(local.cookiePrefix + FOCUS, this.focusNode ? this.focusNode.key : null);
-		}
-		return res;
-	},
-	nodeSetSelected: function(ctx, flag, callOpts) {
-		var res, selNodes,
-			tree = ctx.tree,
-			node = ctx.node,
-			local = this._local;
-
-		flag = (flag !== false);
-		res = this._superApply(arguments);
-
-		if(local.storeSelected){
-			if( tree.options.selectMode === 3 ){
-				// In selectMode 3 we only store the the selected *top* nodes.
-				// De-selecting a node may also de-select some parents, so we
-				// calculate the current status again
-				selNodes = $.map(tree.getSelectedNodes(true), function(n){
-					return n.key;
+					if (local.storeFocus && prevFocus) {
+						node = tree.getNodeByKey(prevFocus);
+						if (node) {
+							// node.debug("persist: set focus", cookie);
+							if (tree.options.titlesTabbable) {
+								$(node.span)
+									.find(".fancytree-title")
+									.focus();
+							} else {
+								$(tree.$container).focus();
+							}
+							// node.setFocus();
+						}
+					}
+					tree._triggerTreeEvent("restore", null, {});
 				});
-				selNodes = selNodes.join(ctx.options.persist.cookieDelimiter);
-				local._data(local.cookiePrefix + SELECTED, selNodes);
-			} else {
-				// beforeSelect can prevent the change - flag doesn't reflect the node.selected state
-				local._appendKey(SELECTED, node.key, node.selected);
+			});
+			// Init the tree
+			return this._superApply(arguments);
+		},
+		nodeSetActive: function(ctx, flag, callOpts) {
+			var res,
+				local = this._local;
+
+			flag = flag !== false;
+			res = this._superApply(arguments);
+
+			if (local.storeActive) {
+				local._data(
+					local.cookiePrefix + ACTIVE,
+					this.activeNode ? this.activeNode.key : null
+				);
 			}
-		}
-		return res;
-	}
-});
-// Value returned by `require('jquery.fancytree..')`
-return $.ui.fancytree;
-}));  // End of closure
+			return res;
+		},
+		nodeSetExpanded: function(ctx, flag, callOpts) {
+			var res,
+				node = ctx.node,
+				local = this._local;
+
+			flag = flag !== false;
+			res = this._superApply(arguments);
+
+			if (local.storeExpanded) {
+				local._appendKey(EXPANDED, node.key, flag);
+			}
+			return res;
+		},
+		nodeSetFocus: function(ctx, flag) {
+			var res,
+				local = this._local;
+
+			flag = flag !== false;
+			res = this._superApply(arguments);
+
+			if (local.storeFocus) {
+				local._data(
+					local.cookiePrefix + FOCUS,
+					this.focusNode ? this.focusNode.key : null
+				);
+			}
+			return res;
+		},
+		nodeSetSelected: function(ctx, flag, callOpts) {
+			var res,
+				selNodes,
+				tree = ctx.tree,
+				node = ctx.node,
+				local = this._local;
+
+			flag = flag !== false;
+			res = this._superApply(arguments);
+
+			if (local.storeSelected) {
+				if (tree.options.selectMode === 3) {
+					// In selectMode 3 we only store the the selected *top* nodes.
+					// De-selecting a node may also de-select some parents, so we
+					// calculate the current status again
+					selNodes = $.map(tree.getSelectedNodes(true), function(n) {
+						return n.key;
+					});
+					selNodes = selNodes.join(
+						ctx.options.persist.cookieDelimiter
+					);
+					local._data(local.cookiePrefix + SELECTED, selNodes);
+				} else {
+					// beforeSelect can prevent the change - flag doesn't reflect the node.selected state
+					local._appendKey(SELECTED, node.key, node.selected);
+				}
+			}
+			return res;
+		},
+	});
+	// Value returned by `require('jquery.fancytree..')`
+	return $.ui.fancytree;
+}); // End of closure
 
 
 /*! Extension 'jquery.fancytree.table.js' *//*!
@@ -11798,472 +12806,541 @@ return $.ui.fancytree;
  * Render tree as table (aka 'tree grid', 'table tree').
  * (Extension module for jquery.fancytree.js: https://github.com/mar10/fancytree/)
  *
- * Copyright (c) 2008-2018, Martin Wendt (http://wwWendt.de)
+ * Copyright (c) 2008-2021, Martin Wendt (https://wwWendt.de)
  *
  * Released under the MIT license
  * https://github.com/mar10/fancytree/wiki/LicenseInfo
  *
- * @version 2.28.1
- * @date 2018-03-19T06:47:37Z
+ * @version 2.38.0
+ * @date 2021-02-09T20:03:49Z
  */
 
-;(function( factory ) {
-	if ( typeof define === "function" && define.amd ) {
+(function(factory) {
+	if (typeof define === "function" && define.amd) {
 		// AMD. Register as an anonymous module.
-		define( [ "jquery", "./jquery.fancytree" ], factory );
-	} else if ( typeof module === "object" && module.exports ) {
+		define(["jquery", "./jquery.fancytree"], factory);
+	} else if (typeof module === "object" && module.exports) {
 		// Node/CommonJS
 		require("./jquery.fancytree");
 		module.exports = factory(require("jquery"));
 	} else {
 		// Browser globals
-		factory( jQuery );
+		factory(jQuery);
+	}
+})(function($) {
+	"use strict";
+
+	/******************************************************************************
+	 * Private functions and variables
+	 */
+	var _assert = $.ui.fancytree.assert;
+
+	function insertFirstChild(referenceNode, newNode) {
+		referenceNode.insertBefore(newNode, referenceNode.firstChild);
 	}
 
-}( function( $ ) {
-
-"use strict";
-
-/* *****************************************************************************
- * Private functions and variables
- */
-function _assert(cond, msg){
-	msg = msg || "";
-	if(!cond){
-		$.error("Assertion failed " + msg);
+	function insertSiblingAfter(referenceNode, newNode) {
+		referenceNode.parentNode.insertBefore(
+			newNode,
+			referenceNode.nextSibling
+		);
 	}
-}
 
-function insertFirstChild(referenceNode, newNode) {
-	referenceNode.insertBefore(newNode, referenceNode.firstChild);
-}
-
-function insertSiblingAfter(referenceNode, newNode) {
-	referenceNode.parentNode.insertBefore(newNode, referenceNode.nextSibling);
-}
-
-/* Show/hide all rows that are structural descendants of `parent`. */
-function setChildRowVisibility(parent, flag) {
-	parent.visit(function(node){
-		var tr = node.tr;
-		// currentFlag = node.hide ? false : flag; // fix for ext-filter
-		if(tr){
-			tr.style.display = (node.hide || !flag) ? "none" : "";
-		}
-		if(!node.expanded){
-			return "skip";
-		}
-	});
-}
-
-/* Find node that is rendered in previous row. */
-function findPrevRowNode(node){
-	var i, last, prev,
-		parent = node.parent,
-		siblings = parent ? parent.children : null;
-
-	if(siblings && siblings.length > 1 && siblings[0] !== node){
-		// use the lowest descendant of the preceeding sibling
-		i = $.inArray(node, siblings);
-		prev = siblings[i - 1];
-		_assert(prev.tr);
-		// descend to lowest child (with a <tr> tag)
-		while(prev.children && prev.children.length){
-			last = prev.children[prev.children.length - 1];
-			if(!last.tr){
-				break;
+	/* Show/hide all rows that are structural descendants of `parent`. */
+	function setChildRowVisibility(parent, flag) {
+		parent.visit(function(node) {
+			var tr = node.tr;
+			// currentFlag = node.hide ? false : flag; // fix for ext-filter
+			if (tr) {
+				tr.style.display = node.hide || !flag ? "none" : "";
 			}
-			prev = last;
-		}
-	}else{
-		// if there is no preceding sibling, use the direct parent
-		prev = parent;
-	}
-	return prev;
-}
-
-/* Render callback for 'wide' mode. */
-// function _renderStatusNodeWide(event, data) {
-// 	var node = data.node,
-// 		nodeColumnIdx = data.options.table.nodeColumnIdx,
-// 		$tdList = $(node.tr).find(">td");
-
-// 	$tdList.eq(nodeColumnIdx).attr("colspan", data.tree.columnCount);
-// 	$tdList.not(":eq(" + nodeColumnIdx + ")").remove();
-// }
-
-
-$.ui.fancytree.registerExtension({
-	name: "table",
-	version: "2.28.1",
-	// Default options for this extension.
-	options: {
-		checkboxColumnIdx: null, // render the checkboxes into the this column index (default: nodeColumnIdx)
-		// customStatus: false,	 // true: generate renderColumns events for status nodes
-		indentation: 16,         // indent every node level by 16px
-		nodeColumnIdx: 0         // render node expander, icon, and title to this column (default: #0)
-	},
-	// Overide virtual methods for this extension.
-	// `this`       : is this extension object
-	// `this._super`: the virtual function that was overriden (member of prev. extension or Fancytree)
-	treeInit: function(ctx){
-		var i, columnCount, n, $row, $tbody,
-			tree = ctx.tree,
-			opts = ctx.options,
-			tableOpts = opts.table,
-			$table = tree.widget.element;
-
-		if( tableOpts.customStatus != null ) {
-			if( opts.renderStatusColumns != null) {
-				$.error("The 'customStatus' option is deprecated since v2.15.0. Use 'renderStatusColumns' only instead.");
-			} else {
-				tree.warn("The 'customStatus' option is deprecated since v2.15.0. Use 'renderStatusColumns' instead.");
-				opts.renderStatusColumns = tableOpts.customStatus;
-			}
-		}
-		if( opts.renderStatusColumns ) {
-			if( opts.renderStatusColumns === true ) {
-				opts.renderStatusColumns = opts.renderColumns;
-			// } else if( opts.renderStatusColumns === "wide" ) {
-			// 	opts.renderStatusColumns = _renderStatusNodeWide;
-			}
-		}
-
-		$table.addClass("fancytree-container fancytree-ext-table");
-		$tbody = $table.find(">tbody");
-		if( !$tbody.length ) {
-			// TODO: not sure if we can rely on browsers to insert missing <tbody> before <tr>s:
-			if( $table.find(">tr").length ) {
-				$.error("Expected table > tbody > tr. If you see this please open an issue.");
-			}
-			$tbody = $("<tbody>").appendTo($table);
-		}
-
-		tree.tbody = $tbody[0];
-
-		// Prepare row templates:
-		// Determine column count from table header if any
-		columnCount = $("thead >tr:last >th", $table).length;
-		// Read TR templates from tbody if any
-		$row = $tbody.children("tr:first");
-		if( $row.length ) {
-			n = $row.children("td").length;
-			if( columnCount && n !== columnCount ) {
-				tree.warn("Column count mismatch between thead (" + columnCount + ") and tbody (" + n + "): using tbody.");
-				columnCount = n;
-			}
-			$row = $row.clone();
-		} else {
-			// Only thead is defined: create default row markup
-			_assert(columnCount >= 1, "Need either <thead> or <tbody> with <td> elements to determine column count.");
-			$row = $("<tr />");
-			for(i=0; i<columnCount; i++) {
-				$row.append("<td />");
-			}
-		}
-		$row.find(">td").eq(tableOpts.nodeColumnIdx)
-			.html("<span class='fancytree-node' />");
-		if( opts.aria ) {
-			$row.attr("role", "row");
-			$row.find("td").attr("role", "gridcell");
-		}
-		tree.rowFragment = document.createDocumentFragment();
-		tree.rowFragment.appendChild($row.get(0));
-
-		// // If tbody contains a second row, use this as status node template
-		// $row = $tbody.children("tr:eq(1)");
-		// if( $row.length === 0 ) {
-		// 	tree.statusRowFragment = tree.rowFragment;
-		// } else {
-		// 	$row = $row.clone();
-		// 	tree.statusRowFragment = document.createDocumentFragment();
-		// 	tree.statusRowFragment.appendChild($row.get(0));
-		// }
-		//
-		$tbody.empty();
-
-		// Make sure that status classes are set on the node's <tr> elements
-		tree.statusClassPropName = "tr";
-		tree.ariaPropName = "tr";
-		this.nodeContainerAttrName = "tr";
-
-		// #489: make sure $container is set to <table>, even if ext-dnd is listed before ext-table
-		tree.$container = $table;
-
-		this._superApply(arguments);
-
-		// standard Fancytree created a root UL
-		$(tree.rootNode.ul).remove();
-		tree.rootNode.ul = null;
-
-		// Add container to the TAB chain
-		// #577: Allow to set tabindex to "0", "-1" and ""
-		this.$container.attr("tabindex", opts.tabindex);
-		// this.$container.attr("tabindex", opts.tabbable ? "0" : "-1");
-		if(opts.aria) {
-			tree.$container
-				.attr("role", "treegrid")
-				.attr("aria-readonly", true);
-		}
-	},
-	nodeRemoveChildMarkup: function(ctx) {
-		var node = ctx.node;
-//		node.debug("nodeRemoveChildMarkup()");
-		node.visit(function(n){
-			if(n.tr){
-				$(n.tr).remove();
-				n.tr = null;
+			if (!node.expanded) {
+				return "skip";
 			}
 		});
-	},
-	nodeRemoveMarkup: function(ctx) {
-		var node = ctx.node;
-//		node.debug("nodeRemoveMarkup()");
-		if(node.tr){
-			$(node.tr).remove();
-			node.tr = null;
-		}
-		this.nodeRemoveChildMarkup(ctx);
-	},
-	/* Override standard render. */
-	nodeRender: function(ctx, force, deep, collapsed, _recursive) {
-		var children, firstTr, i, l, newRow, prevNode, prevTr, subCtx,
-			tree = ctx.tree,
-			node = ctx.node,
-			opts = ctx.options,
-			isRootNode = !node.parent;
+	}
 
-		if( tree._enableUpdate === false ) {
-			// $.ui.fancytree.debug("*** nodeRender _enableUpdate: false");
-			return;
-		}
-		if( !_recursive ){
-			ctx.hasCollapsedParents = node.parent && !node.parent.expanded;
-		}
-		// $.ui.fancytree.debug("*** nodeRender " + node + ", isRoot=" + isRootNode, "tr=" + node.tr, "hcp=" + ctx.hasCollapsedParents, "parent.tr=" + (node.parent && node.parent.tr));
-		if( !isRootNode ){
-			if( node.tr && force ) {
-				this.nodeRemoveMarkup(ctx);
+	/* Find node that is rendered in previous row. */
+	function findPrevRowNode(node) {
+		var i,
+			last,
+			prev,
+			parent = node.parent,
+			siblings = parent ? parent.children : null;
+
+		if (siblings && siblings.length > 1 && siblings[0] !== node) {
+			// use the lowest descendant of the preceeding sibling
+			i = $.inArray(node, siblings);
+			prev = siblings[i - 1];
+			_assert(prev.tr);
+			// descend to lowest child (with a <tr> tag)
+			while (prev.children && prev.children.length) {
+				last = prev.children[prev.children.length - 1];
+				if (!last.tr) {
+					break;
+				}
+				prev = last;
 			}
-			if( !node.tr ) {
-				if( ctx.hasCollapsedParents && !deep ) {
-					// #166: we assume that the parent will be (recursively) rendered
-					// later anyway.
-					// node.debug("nodeRender ignored due to unrendered parent");
-					return;
-				}
-				// Create new <tr> after previous row
-				// if( node.isStatusNode() ) {
-				// 	newRow = tree.statusRowFragment.firstChild.cloneNode(true);
-				// } else {
-				newRow = tree.rowFragment.firstChild.cloneNode(true);
-				// }
-				prevNode = findPrevRowNode(node);
-				// $.ui.fancytree.debug("*** nodeRender " + node + ": prev: " + prevNode.key);
-				_assert(prevNode);
-				if(collapsed === true && _recursive){
-					// hide all child rows, so we can use an animation to show it later
-					newRow.style.display = "none";
-				}else if(deep && ctx.hasCollapsedParents){
-					// also hide this row if deep === true but any parent is collapsed
-					newRow.style.display = "none";
-//					newRow.style.color = "red";
-				}
-				if(!prevNode.tr){
-					_assert(!prevNode.parent, "prev. row must have a tr, or be system root");
-					// tree.tbody.appendChild(newRow);
-					insertFirstChild(tree.tbody, newRow);  // #675
-				}else{
-					insertSiblingAfter(prevNode.tr, newRow);
-				}
-				node.tr = newRow;
-				if( node.key && opts.generateIds ){
-					node.tr.id = opts.idPrefix + node.key;
-				}
-				node.tr.ftnode = node;
-				// if(opts.aria){
-				// 	$(node.tr).attr("aria-labelledby", "ftal_" + opts.idPrefix + node.key);
-				// }
-				node.span = $("span.fancytree-node", node.tr).get(0);
-				// Set icon, link, and title (normally this is only required on initial render)
-				this.nodeRenderTitle(ctx);
-				// Allow tweaking, binding, after node was created for the first time
-//				tree._triggerNodeEvent("createNode", ctx);
-				if ( opts.createNode ){
-					opts.createNode.call(tree, {type: "createNode"}, ctx);
-				}
-			} else {
-				if( force ) {
-					// Set icon, link, and title (normally this is only required on initial render)
-					this.nodeRenderTitle(ctx); // triggers renderColumns()
+		} else {
+			// if there is no preceding sibling, use the direct parent
+			prev = parent;
+		}
+		return prev;
+	}
+
+	$.ui.fancytree.registerExtension({
+		name: "table",
+		version: "2.38.0",
+		// Default options for this extension.
+		options: {
+			checkboxColumnIdx: null, // render the checkboxes into the this column index (default: nodeColumnIdx)
+			indentation: 16, // indent every node level by 16px
+			mergeStatusColumns: true, // display 'nodata', 'loading', 'error' centered in a single, merged TR
+			nodeColumnIdx: 0, // render node expander, icon, and title to this column (default: #0)
+		},
+		// Overide virtual methods for this extension.
+		// `this`       : is this extension object
+		// `this._super`: the virtual function that was overriden (member of prev. extension or Fancytree)
+		treeInit: function(ctx) {
+			var i,
+				n,
+				$row,
+				$tbody,
+				tree = ctx.tree,
+				opts = ctx.options,
+				tableOpts = opts.table,
+				$table = tree.widget.element;
+
+			if (tableOpts.customStatus != null) {
+				if (opts.renderStatusColumns == null) {
+					tree.warn(
+						"The 'customStatus' option is deprecated since v2.15.0. Use 'renderStatusColumns' instead."
+					);
+					opts.renderStatusColumns = tableOpts.customStatus;
 				} else {
-					// Update element classes according to node state
-					this.nodeRenderStatus(ctx);
+					$.error(
+						"The 'customStatus' option is deprecated since v2.15.0. Use 'renderStatusColumns' only instead."
+					);
 				}
 			}
-		}
-		// Allow tweaking after node state was rendered
-//		tree._triggerNodeEvent("renderNode", ctx);
-		if ( opts.renderNode ){
-			opts.renderNode.call(tree, {type: "renderNode"}, ctx);
-		}
-		// Visit child nodes
-		// Add child markup
-		children = node.children;
-		if(children && (isRootNode || deep || node.expanded)){
-			for(i=0, l=children.length; i<l; i++) {
-				subCtx = $.extend({}, ctx, {node: children[i]});
-				subCtx.hasCollapsedParents = subCtx.hasCollapsedParents || !node.expanded;
-				this.nodeRender(subCtx, force, deep, collapsed, true);
+			if (opts.renderStatusColumns) {
+				if (opts.renderStatusColumns === true) {
+					opts.renderStatusColumns = opts.renderColumns;
+					// } else if( opts.renderStatusColumns === "wide" ) {
+					// 	opts.renderStatusColumns = _renderStatusNodeWide;
+				}
 			}
-		}
-		// Make sure, that <tr> order matches node.children order.
-		if(children && !_recursive){ // we only have to do it once, for the root branch
-			prevTr = node.tr || null;
-			firstTr = tree.tbody.firstChild;
-			// Iterate over all descendants
-			node.visit(function(n){
-				if(n.tr){
-					if(!n.parent.expanded && n.tr.style.display !== "none"){
-						// fix after a node was dropped over a collapsed
-						n.tr.style.display = "none";
-						setChildRowVisibility(n, false);
-					}
-					if(n.tr.previousSibling !== prevTr){
-						node.debug("_fixOrder: mismatch at node: " + n);
-						var nextTr = prevTr ? prevTr.nextSibling : firstTr;
-						tree.tbody.insertBefore(n.tr, nextTr);
-					}
-					prevTr = n.tr;
+
+			$table.addClass("fancytree-container fancytree-ext-table");
+			$tbody = $table.find(">tbody");
+			if (!$tbody.length) {
+				// TODO: not sure if we can rely on browsers to insert missing <tbody> before <tr>s:
+				if ($table.find(">tr").length) {
+					$.error(
+						"Expected table > tbody > tr. If you see this please open an issue."
+					);
+				}
+				$tbody = $("<tbody>").appendTo($table);
+			}
+
+			tree.tbody = $tbody[0];
+
+			// Prepare row templates:
+			// Determine column count from table header if any
+			tree.columnCount = $("thead >tr", $table)
+				.last()
+				.find(">th", $table).length;
+			// Read TR templates from tbody if any
+			$row = $tbody.children("tr").first();
+			if ($row.length) {
+				n = $row.children("td").length;
+				if (tree.columnCount && n !== tree.columnCount) {
+					tree.warn(
+						"Column count mismatch between thead (" +
+							tree.columnCount +
+							") and tbody (" +
+							n +
+							"): using tbody."
+					);
+					tree.columnCount = n;
+				}
+				$row = $row.clone();
+			} else {
+				// Only thead is defined: create default row markup
+				_assert(
+					tree.columnCount >= 1,
+					"Need either <thead> or <tbody> with <td> elements to determine column count."
+				);
+				$row = $("<tr />");
+				for (i = 0; i < tree.columnCount; i++) {
+					$row.append("<td />");
+				}
+			}
+			$row.find(">td")
+				.eq(tableOpts.nodeColumnIdx)
+				.html("<span class='fancytree-node' />");
+			if (opts.aria) {
+				$row.attr("role", "row");
+				$row.find("td").attr("role", "gridcell");
+			}
+			tree.rowFragment = document.createDocumentFragment();
+			tree.rowFragment.appendChild($row.get(0));
+
+			// // If tbody contains a second row, use this as status node template
+			// $row = $tbody.children("tr").eq(1);
+			// if( $row.length === 0 ) {
+			// 	tree.statusRowFragment = tree.rowFragment;
+			// } else {
+			// 	$row = $row.clone();
+			// 	tree.statusRowFragment = document.createDocumentFragment();
+			// 	tree.statusRowFragment.appendChild($row.get(0));
+			// }
+			//
+			$tbody.empty();
+
+			// Make sure that status classes are set on the node's <tr> elements
+			tree.statusClassPropName = "tr";
+			tree.ariaPropName = "tr";
+			this.nodeContainerAttrName = "tr";
+
+			// #489: make sure $container is set to <table>, even if ext-dnd is listed before ext-table
+			tree.$container = $table;
+
+			this._superApply(arguments);
+
+			// standard Fancytree created a root UL
+			$(tree.rootNode.ul).remove();
+			tree.rootNode.ul = null;
+
+			// Add container to the TAB chain
+			// #577: Allow to set tabindex to "0", "-1" and ""
+			this.$container.attr("tabindex", opts.tabindex);
+			// this.$container.attr("tabindex", opts.tabbable ? "0" : "-1");
+			if (opts.aria) {
+				tree.$container
+					.attr("role", "treegrid")
+					.attr("aria-readonly", true);
+			}
+		},
+		nodeRemoveChildMarkup: function(ctx) {
+			var node = ctx.node;
+			//		node.debug("nodeRemoveChildMarkup()");
+			node.visit(function(n) {
+				if (n.tr) {
+					$(n.tr).remove();
+					n.tr = null;
 				}
 			});
-		}
-		// Update element classes according to node state
-		// if(!isRootNode){
-		// 	this.nodeRenderStatus(ctx);
-		// }
-	},
-	nodeRenderTitle: function(ctx, title) {
-		var $cb, res,
-			node = ctx.node,
-			opts = ctx.options,
-			isStatusNode = node.isStatusNode();
+		},
+		nodeRemoveMarkup: function(ctx) {
+			var node = ctx.node;
+			//		node.debug("nodeRemoveMarkup()");
+			if (node.tr) {
+				$(node.tr).remove();
+				node.tr = null;
+			}
+			this.nodeRemoveChildMarkup(ctx);
+		},
+		/* Override standard render. */
+		nodeRender: function(ctx, force, deep, collapsed, _recursive) {
+			var children,
+				firstTr,
+				i,
+				l,
+				newRow,
+				prevNode,
+				prevTr,
+				subCtx,
+				tree = ctx.tree,
+				node = ctx.node,
+				opts = ctx.options,
+				isRootNode = !node.parent;
 
-		res = this._super(ctx, title);
+			if (tree._enableUpdate === false) {
+				// $.ui.fancytree.debug("*** nodeRender _enableUpdate: false");
+				return;
+			}
+			if (!_recursive) {
+				ctx.hasCollapsedParents = node.parent && !node.parent.expanded;
+			}
+			// $.ui.fancytree.debug("*** nodeRender " + node + ", isRoot=" + isRootNode, "tr=" + node.tr, "hcp=" + ctx.hasCollapsedParents, "parent.tr=" + (node.parent && node.parent.tr));
+			if (!isRootNode) {
+				if (node.tr && force) {
+					this.nodeRemoveMarkup(ctx);
+				}
+				if (node.tr) {
+					if (force) {
+						// Set icon, link, and title (normally this is only required on initial render)
+						this.nodeRenderTitle(ctx); // triggers renderColumns()
+					} else {
+						// Update element classes according to node state
+						this.nodeRenderStatus(ctx);
+					}
+				} else {
+					if (ctx.hasCollapsedParents && !deep) {
+						// #166: we assume that the parent will be (recursively) rendered
+						// later anyway.
+						// node.debug("nodeRender ignored due to unrendered parent");
+						return;
+					}
+					// Create new <tr> after previous row
+					// if( node.isStatusNode() ) {
+					// 	newRow = tree.statusRowFragment.firstChild.cloneNode(true);
+					// } else {
+					newRow = tree.rowFragment.firstChild.cloneNode(true);
+					// }
+					prevNode = findPrevRowNode(node);
+					// $.ui.fancytree.debug("*** nodeRender " + node + ": prev: " + prevNode.key);
+					_assert(prevNode);
+					if (collapsed === true && _recursive) {
+						// hide all child rows, so we can use an animation to show it later
+						newRow.style.display = "none";
+					} else if (deep && ctx.hasCollapsedParents) {
+						// also hide this row if deep === true but any parent is collapsed
+						newRow.style.display = "none";
+						//					newRow.style.color = "red";
+					}
+					if (prevNode.tr) {
+						insertSiblingAfter(prevNode.tr, newRow);
+					} else {
+						_assert(
+							!prevNode.parent,
+							"prev. row must have a tr, or be system root"
+						);
+						// tree.tbody.appendChild(newRow);
+						insertFirstChild(tree.tbody, newRow); // #675
+					}
+					node.tr = newRow;
+					if (node.key && opts.generateIds) {
+						node.tr.id = opts.idPrefix + node.key;
+					}
+					node.tr.ftnode = node;
+					// if(opts.aria){
+					// 	$(node.tr).attr("aria-labelledby", "ftal_" + opts.idPrefix + node.key);
+					// }
+					node.span = $("span.fancytree-node", node.tr).get(0);
+					// Set icon, link, and title (normally this is only required on initial render)
+					this.nodeRenderTitle(ctx);
+					// Allow tweaking, binding, after node was created for the first time
+					//				tree._triggerNodeEvent("createNode", ctx);
+					if (opts.createNode) {
+						opts.createNode.call(tree, { type: "createNode" }, ctx);
+					}
+				}
+			}
+			// Allow tweaking after node state was rendered
+			//		tree._triggerNodeEvent("renderNode", ctx);
+			if (opts.renderNode) {
+				opts.renderNode.call(tree, { type: "renderNode" }, ctx);
+			}
+			// Visit child nodes
+			// Add child markup
+			children = node.children;
+			if (children && (isRootNode || deep || node.expanded)) {
+				for (i = 0, l = children.length; i < l; i++) {
+					subCtx = $.extend({}, ctx, { node: children[i] });
+					subCtx.hasCollapsedParents =
+						subCtx.hasCollapsedParents || !node.expanded;
+					this.nodeRender(subCtx, force, deep, collapsed, true);
+				}
+			}
+			// Make sure, that <tr> order matches node.children order.
+			if (children && !_recursive) {
+				// we only have to do it once, for the root branch
+				prevTr = node.tr || null;
+				firstTr = tree.tbody.firstChild;
+				// Iterate over all descendants
+				node.visit(function(n) {
+					if (n.tr) {
+						if (
+							!n.parent.expanded &&
+							n.tr.style.display !== "none"
+						) {
+							// fix after a node was dropped over a collapsed
+							n.tr.style.display = "none";
+							setChildRowVisibility(n, false);
+						}
+						if (n.tr.previousSibling !== prevTr) {
+							node.debug("_fixOrder: mismatch at node: " + n);
+							var nextTr = prevTr ? prevTr.nextSibling : firstTr;
+							tree.tbody.insertBefore(n.tr, nextTr);
+						}
+						prevTr = n.tr;
+					}
+				});
+			}
+			// Update element classes according to node state
+			// if(!isRootNode){
+			// 	this.nodeRenderStatus(ctx);
+			// }
+		},
+		nodeRenderTitle: function(ctx, title) {
+			var $cb,
+				res,
+				tree = ctx.tree,
+				node = ctx.node,
+				opts = ctx.options,
+				isStatusNode = node.isStatusNode();
 
-		if( node.isRootNode() ) {
+			res = this._super(ctx, title);
+
+			if (node.isRootNode()) {
+				return res;
+			}
+			// Move checkbox to custom column
+			if (
+				opts.checkbox &&
+				!isStatusNode &&
+				opts.table.checkboxColumnIdx != null
+			) {
+				$cb = $("span.fancytree-checkbox", node.span); //.detach();
+				$(node.tr)
+					.find("td")
+					.eq(+opts.table.checkboxColumnIdx)
+					.html($cb);
+			}
+			// Update element classes according to node state
+			this.nodeRenderStatus(ctx);
+
+			if (isStatusNode) {
+				if (opts.renderStatusColumns) {
+					// Let user code write column content
+					opts.renderStatusColumns.call(
+						tree,
+						{ type: "renderStatusColumns" },
+						ctx
+					);
+				} else if (opts.table.mergeStatusColumns && node.isTopLevel()) {
+					$(node.tr)
+						.find(">td")
+						.eq(0)
+						.prop("colspan", tree.columnCount)
+						.text(node.title)
+						.addClass("fancytree-status-merged")
+						.nextAll()
+						.remove();
+				} // else: default rendering for status node: leave other cells empty
+			} else if (opts.renderColumns) {
+				opts.renderColumns.call(tree, { type: "renderColumns" }, ctx);
+			}
 			return res;
-		}
-		// Move checkbox to custom column
-		if(opts.checkbox && !isStatusNode && opts.table.checkboxColumnIdx != null ){
-			$cb = $("span.fancytree-checkbox", node.span); //.detach();
-			$(node.tr).find("td").eq(+opts.table.checkboxColumnIdx).html($cb);
-		}
-		// Update element classes according to node state
-		this.nodeRenderStatus(ctx);
+		},
+		nodeRenderStatus: function(ctx) {
+			var indent,
+				node = ctx.node,
+				opts = ctx.options;
 
-		if( isStatusNode ) {
-			if( opts.renderStatusColumns ) {
-				// Let user code write column content
-				opts.renderStatusColumns.call(ctx.tree, {type: "renderStatusColumns"}, ctx);
-			} // else: default rendering for status node: leave other cells empty
-		} else if ( opts.renderColumns ) {
-			opts.renderColumns.call(ctx.tree, {type: "renderColumns"}, ctx);
-		}
-		return res;
-	},
-	nodeRenderStatus: function(ctx) {
-		var indent,
-			node = ctx.node,
-			opts = ctx.options;
+			this._super(ctx);
 
-		this._super(ctx);
+			$(node.tr).removeClass("fancytree-node");
+			// indent
+			indent = (node.getLevel() - 1) * opts.table.indentation;
+			if (opts.rtl) {
+				$(node.span).css({ paddingRight: indent + "px" });
+			} else {
+				$(node.span).css({ paddingLeft: indent + "px" });
+			}
+		},
+		/* Expand node, return Deferred.promise. */
+		nodeSetExpanded: function(ctx, flag, callOpts) {
+			// flag defaults to true
+			flag = flag !== false;
 
-		$(node.tr).removeClass("fancytree-node");
-		// indent
-		indent = (node.getLevel() - 1) * opts.table.indentation;
-		if( opts.rtl ) {
-			$(node.span).css({paddingRight: indent + "px"});
-		} else {
-			$(node.span).css({paddingLeft: indent + "px"});
-		}
-	 },
-	/* Expand node, return Deferred.promise. */
-	nodeSetExpanded: function(ctx, flag, callOpts) {
-		// flag defaults to true
-		flag = (flag !== false);
+			if ((ctx.node.expanded && flag) || (!ctx.node.expanded && !flag)) {
+				// Expanded state isn't changed - just call base implementation
+				return this._superApply(arguments);
+			}
 
-		if((ctx.node.expanded && flag) || (!ctx.node.expanded && !flag)) {
-			// Expanded state isn't changed - just call base implementation
-			return this._superApply(arguments);
-		}
+			var dfd = new $.Deferred(),
+				subOpts = $.extend({}, callOpts, {
+					noEvents: true,
+					noAnimation: true,
+				});
 
-		var dfd = new $.Deferred(),
-			subOpts = $.extend({}, callOpts, {noEvents: true, noAnimation: true});
+			callOpts = callOpts || {};
 
-		callOpts = callOpts || {};
-
-		function _afterExpand(ok) {
-			setChildRowVisibility(ctx.node, flag);
-			if( ok ) {
-				if( flag && ctx.options.autoScroll && !callOpts.noAnimation && ctx.node.hasChildren() ) {
-					// Scroll down to last child, but keep current node visible
-					ctx.node.getLastChild().scrollIntoView(true, {topNode: ctx.node}).always(function(){
-						if( !callOpts.noEvents ) {
-							ctx.tree._triggerNodeEvent(flag ? "expand" : "collapse", ctx);
+			function _afterExpand(ok) {
+				setChildRowVisibility(ctx.node, flag);
+				if (ok) {
+					if (
+						flag &&
+						ctx.options.autoScroll &&
+						!callOpts.noAnimation &&
+						ctx.node.hasChildren()
+					) {
+						// Scroll down to last child, but keep current node visible
+						ctx.node
+							.getLastChild()
+							.scrollIntoView(true, { topNode: ctx.node })
+							.always(function() {
+								if (!callOpts.noEvents) {
+									ctx.tree._triggerNodeEvent(
+										flag ? "expand" : "collapse",
+										ctx
+									);
+								}
+								dfd.resolveWith(ctx.node);
+							});
+					} else {
+						if (!callOpts.noEvents) {
+							ctx.tree._triggerNodeEvent(
+								flag ? "expand" : "collapse",
+								ctx
+							);
 						}
 						dfd.resolveWith(ctx.node);
-					});
-				} else {
-					if( !callOpts.noEvents ) {
-						ctx.tree._triggerNodeEvent(flag ? "expand" : "collapse", ctx);
 					}
-					dfd.resolveWith(ctx.node);
+				} else {
+					if (!callOpts.noEvents) {
+						ctx.tree._triggerNodeEvent(
+							flag ? "expand" : "collapse",
+							ctx
+						);
+					}
+					dfd.rejectWith(ctx.node);
 				}
-			} else {
-				if( !callOpts.noEvents ) {
-					ctx.tree._triggerNodeEvent(flag ? "expand" : "collapse", ctx);
+			}
+			// Call base-expand with disabled events and animation
+			this._super(ctx, flag, subOpts)
+				.done(function() {
+					_afterExpand(true);
+				})
+				.fail(function() {
+					_afterExpand(false);
+				});
+			return dfd.promise();
+		},
+		nodeSetStatus: function(ctx, status, message, details) {
+			if (status === "ok") {
+				var node = ctx.node,
+					firstChild = node.children ? node.children[0] : null;
+				if (firstChild && firstChild.isStatusNode()) {
+					$(firstChild.tr).remove();
 				}
-				dfd.rejectWith(ctx.node);
 			}
-		}
-		// Call base-expand with disabled events and animation
-		this._super(ctx, flag, subOpts).done(function () {
-			_afterExpand(true);
-		}).fail(function () {
-			_afterExpand(false);
-		});
-		return dfd.promise();
-	},
-	nodeSetStatus: function(ctx, status, message, details) {
-		if(status === "ok"){
-			var node = ctx.node,
-				firstChild = ( node.children ? node.children[0] : null );
-			if ( firstChild && firstChild.isStatusNode() ) {
-				$(firstChild.tr).remove();
+			return this._superApply(arguments);
+		},
+		treeClear: function(ctx) {
+			this.nodeRemoveChildMarkup(this._makeHookContext(this.rootNode));
+			return this._superApply(arguments);
+		},
+		treeDestroy: function(ctx) {
+			this.$container.find("tbody").empty();
+			if (this.$source) {
+				this.$source.removeClass("fancytree-helper-hidden");
 			}
-		}
-		return this._superApply(arguments);
-	},
-	treeClear: function(ctx) {
-		this.nodeRemoveChildMarkup(this._makeHookContext(this.rootNode));
-		return this._superApply(arguments);
-	},
-	treeDestroy: function(ctx) {
-		this.$container.find("tbody").empty();
-		this.$source && this.$source.removeClass("fancytree-helper-hidden");
-		return this._superApply(arguments);
-	}
-	/*,
+			return this._superApply(arguments);
+		},
+		/*,
 	treeSetFocus: function(ctx, flag) {
 //	        alert("treeSetFocus" + ctx.tree.$container);
 		ctx.tree.$container.focus();
 		$.ui.fancytree.focusTree = ctx.tree;
 	}*/
-});
-// Value returned by `require('jquery.fancytree..')`
-return $.ui.fancytree;
-}));  // End of closure
+	});
+	// Value returned by `require('jquery.fancytree..')`
+	return $.ui.fancytree;
+}); // End of closure
 
 
 /*! Extension 'jquery.fancytree.themeroller.js' *//*!
@@ -12274,83 +13351,85 @@ return $.ui.fancytree;
  *
  * @see http://jqueryui.com/themeroller/
  *
- * Copyright (c) 2008-2018, Martin Wendt (http://wwWendt.de)
+ * Copyright (c) 2008-2021, Martin Wendt (https://wwWendt.de)
  *
  * Released under the MIT license
  * https://github.com/mar10/fancytree/wiki/LicenseInfo
  *
- * @version 2.28.1
- * @date 2018-03-19T06:47:37Z
+ * @version 2.38.0
+ * @date 2021-02-09T20:03:49Z
  */
 
-;(function( factory ) {
-	if ( typeof define === "function" && define.amd ) {
+(function(factory) {
+	if (typeof define === "function" && define.amd) {
 		// AMD. Register as an anonymous module.
-		define( [ "jquery", "./jquery.fancytree" ], factory );
-	} else if ( typeof module === "object" && module.exports ) {
+		define(["jquery", "./jquery.fancytree"], factory);
+	} else if (typeof module === "object" && module.exports) {
 		// Node/CommonJS
 		require("./jquery.fancytree");
 		module.exports = factory(require("jquery"));
 	} else {
 		// Browser globals
-		factory( jQuery );
+		factory(jQuery);
 	}
+})(function($) {
+	"use strict";
 
-}( function( $ ) {
+	/*******************************************************************************
+	 * Extension code
+	 */
+	$.ui.fancytree.registerExtension({
+		name: "themeroller",
+		version: "2.38.0",
+		// Default options for this extension.
+		options: {
+			activeClass: "ui-state-active", // Class added to active node
+			// activeClass: "ui-state-highlight",
+			addClass: "ui-corner-all", // Class added to all nodes
+			focusClass: "ui-state-focus", // Class added to focused node
+			hoverClass: "ui-state-hover", // Class added to hovered node
+			selectedClass: "ui-state-highlight", // Class added to selected nodes
+			// selectedClass: "ui-state-active"
+		},
 
-"use strict";
+		treeInit: function(ctx) {
+			var $el = ctx.widget.element,
+				opts = ctx.options.themeroller;
 
-/*******************************************************************************
- * Extension code
- */
-$.ui.fancytree.registerExtension({
-	name: "themeroller",
-	version: "2.28.1",
-	// Default options for this extension.
-	options: {
-		activeClass: "ui-state-active",      // Class added to active node
-		// activeClass: "ui-state-highlight",
-		addClass: "ui-corner-all",           // Class added to all nodes
-		focusClass: "ui-state-focus",        // Class added to focused node
-		hoverClass: "ui-state-hover",        // Class added to hovered node
-		selectedClass: "ui-state-highlight"  // Class added to selected nodes
-		// selectedClass: "ui-state-active"
-	},
+			this._superApply(arguments);
 
-	treeInit: function(ctx){
-		var $el = ctx.widget.element,
-			opts = ctx.options.themeroller;
+			if ($el[0].nodeName === "TABLE") {
+				$el.addClass("ui-widget ui-corner-all");
+				$el.find(">thead tr").addClass("ui-widget-header");
+				$el.find(">tbody").addClass("ui-widget-conent");
+			} else {
+				$el.addClass("ui-widget ui-widget-content ui-corner-all");
+			}
 
-		this._superApply(arguments);
+			$el.on("mouseenter mouseleave", ".fancytree-node", function(event) {
+				var node = $.ui.fancytree.getNode(event.target),
+					flag = event.type === "mouseenter";
 
-		if($el[0].nodeName === "TABLE"){
-			$el.addClass("ui-widget ui-corner-all");
-			$el.find(">thead tr").addClass("ui-widget-header");
-			$el.find(">tbody").addClass("ui-widget-conent");
-		}else{
-			$el.addClass("ui-widget ui-widget-content ui-corner-all");
-		}
+				$(node.tr ? node.tr : node.span).toggleClass(
+					opts.hoverClass + " " + opts.addClass,
+					flag
+				);
+			});
+		},
+		treeDestroy: function(ctx) {
+			this._superApply(arguments);
+			ctx.widget.element.removeClass(
+				"ui-widget ui-widget-content ui-corner-all"
+			);
+		},
+		nodeRenderStatus: function(ctx) {
+			var classes = {},
+				node = ctx.node,
+				$el = $(node.tr ? node.tr : node.span),
+				opts = ctx.options.themeroller;
 
-		$el.delegate(".fancytree-node", "mouseenter mouseleave", function(event){
-			var node = $.ui.fancytree.getNode(event.target),
-				flag = (event.type === "mouseenter");
-
-			$(node.tr ? node.tr : node.span)
-				.toggleClass(opts.hoverClass + " " + opts.addClass, flag);
-		});
-	},
-	treeDestroy: function(ctx){
-		this._superApply(arguments);
-		ctx.widget.element.removeClass("ui-widget ui-widget-content ui-corner-all");
-	},
-	nodeRenderStatus: function(ctx){
-		var classes = {},
-			node = ctx.node,
-			$el = $(node.tr ? node.tr : node.span),
-			opts = ctx.options.themeroller;
-
-		this._super(ctx);
-/*
+			this._super(ctx);
+			/*
 		.ui-state-highlight: Class to be applied to highlighted or selected elements. Applies "highlight" container styles to an element and its child text, links, and icons.
 		.ui-state-error: Class to be applied to error messaging container elements. Applies "error" container styles to an element and its child text, links, and icons.
 		.ui-state-error-text: An additional class that applies just the error text color without background. Can be used on form labels for instance. Also applies error icon color to child icons.
@@ -12360,25 +13439,31 @@ $.ui.fancytree.registerExtension({
 		.ui-state-focus: Class to be applied on keyboard focus to clickable button-like elements. Applies "clickable hover" container styles to an element and its child text, links, and icons.
 		.ui-state-active: Class to be applied on mousedown to clickable button-like elements. Applies "clickable active" container styles to an element and its child text, links, and icons.
 */
-		// Set ui-state-* class (handle the case that the same class is assigned
-		// to different states)
-		classes[opts.activeClass] = false;
-		classes[opts.focusClass] = false;
-		classes[opts.selectedClass] = false;
-		if( node.isActive() ) { classes[opts.activeClass] = true; }
-		if( node.hasFocus() ) { classes[opts.focusClass]  = true; }
-		// activeClass takes precedence before selectedClass:
-		if( node.isSelected() && !node.isActive() ) { classes[opts.selectedClass]  = true; }
-		$el.toggleClass(opts.activeClass, classes[opts.activeClass]);
-		$el.toggleClass(opts.focusClass, classes[opts.focusClass]);
-		$el.toggleClass(opts.selectedClass, classes[opts.selectedClass]);
-		// Additional classes (e.g. 'ui-corner-all')
-		$el.addClass(opts.addClass);
-	}
-});
-// Value returned by `require('jquery.fancytree..')`
-return $.ui.fancytree;
-}));  // End of closure
+			// Set ui-state-* class (handle the case that the same class is assigned
+			// to different states)
+			classes[opts.activeClass] = false;
+			classes[opts.focusClass] = false;
+			classes[opts.selectedClass] = false;
+			if (node.isActive()) {
+				classes[opts.activeClass] = true;
+			}
+			if (node.hasFocus()) {
+				classes[opts.focusClass] = true;
+			}
+			// activeClass takes precedence before selectedClass:
+			if (node.isSelected() && !node.isActive()) {
+				classes[opts.selectedClass] = true;
+			}
+			$el.toggleClass(opts.activeClass, classes[opts.activeClass]);
+			$el.toggleClass(opts.focusClass, classes[opts.focusClass]);
+			$el.toggleClass(opts.selectedClass, classes[opts.selectedClass]);
+			// Additional classes (e.g. 'ui-corner-all')
+			$el.addClass(opts.addClass);
+		},
+	});
+	// Value returned by `require('jquery.fancytree..')`
+	return $.ui.fancytree;
+}); // End of closure
 
 
 /*! Extension 'jquery.fancytree.wide.js' *//*!
@@ -12386,210 +13471,258 @@ return $.ui.fancytree;
  * Support for 100% wide selection bars.
  * (Extension module for jquery.fancytree.js: https://github.com/mar10/fancytree/)
  *
- * Copyright (c) 2008-2018, Martin Wendt (http://wwWendt.de)
+ * Copyright (c) 2008-2021, Martin Wendt (https://wwWendt.de)
  *
  * Released under the MIT license
  * https://github.com/mar10/fancytree/wiki/LicenseInfo
  *
- * @version 2.28.1
- * @date 2018-03-19T06:47:37Z
+ * @version 2.38.0
+ * @date 2021-02-09T20:03:49Z
  */
 
-;(function( factory ) {
-	if ( typeof define === "function" && define.amd ) {
+(function(factory) {
+	if (typeof define === "function" && define.amd) {
 		// AMD. Register as an anonymous module.
-		define( [ "jquery", "./jquery.fancytree" ], factory );
-	} else if ( typeof module === "object" && module.exports ) {
+		define(["jquery", "./jquery.fancytree"], factory);
+	} else if (typeof module === "object" && module.exports) {
 		// Node/CommonJS
 		require("./jquery.fancytree");
 		module.exports = factory(require("jquery"));
 	} else {
 		// Browser globals
-		factory( jQuery );
+		factory(jQuery);
 	}
+})(function($) {
+	"use strict";
 
-}( function( $ ) {
+	var reNumUnit = /^([+-]?(?:\d+|\d*\.\d+))([a-z]*|%)$/; // split "1.5em" to ["1.5", "em"]
 
-"use strict";
+	/*******************************************************************************
+	 * Private functions and variables
+	 */
+	// var _assert = $.ui.fancytree.assert;
 
-var reNumUnit = /^([+-]?(?:\d+|\d*\.\d+))([a-z]*|%)$/; // split "1.5em" to ["1.5", "em"]
+	/* Calculate inner width without scrollbar */
+	// function realInnerWidth($el) {
+	// 	// http://blog.jquery.com/2012/08/16/jquery-1-8-box-sizing-width-csswidth-and-outerwidth/
+	// //	inst.contWidth = parseFloat(this.$container.css("width"), 10);
+	// 	// 'Client width without scrollbar' - 'padding'
+	// 	return $el[0].clientWidth - ($el.innerWidth() -  parseFloat($el.css("width"), 10));
+	// }
 
-/*******************************************************************************
- * Private functions and variables
- */
-// var _assert = $.ui.fancytree.assert;
+	/* Create a global embedded CSS style for the tree. */
+	function defineHeadStyleElement(id, cssText) {
+		id = "fancytree-style-" + id;
+		var $headStyle = $("#" + id);
 
-/* Calculate inner width without scrollbar */
-// function realInnerWidth($el) {
-// 	// http://blog.jquery.com/2012/08/16/jquery-1-8-box-sizing-width-csswidth-and-outerwidth/
-// //	inst.contWidth = parseFloat(this.$container.css("width"), 10);
-// 	// 'Client width without scrollbar' - 'padding'
-// 	return $el[0].clientWidth - ($el.innerWidth() -  parseFloat($el.css("width"), 10));
-// }
-
-/* Create a global embedded CSS style for the tree. */
-function defineHeadStyleElement(id, cssText) {
-	id = "fancytree-style-" + id;
-	var $headStyle = $("#" + id);
-
-	if( !cssText ) {
-		$headStyle.remove();
-		return null;
-	}
-	if( !$headStyle.length ) {
-		$headStyle = $("<style />")
-			.attr("id", id)
-			.addClass("fancytree-style")
-			.prop("type", "text/css")
-			.appendTo("head");
-	}
-	try {
-		$headStyle.html(cssText);
-	} catch ( e ) {
-		// fix for IE 6-8
-		$headStyle[0].styleSheet.cssText = cssText;
-	}
-	return $headStyle;
-}
-
-/* Calculate the CSS rules that indent title spans. */
-function renderLevelCss(containerId, depth, levelOfs, lineOfs, labelOfs, measureUnit)
-{
-	var i,
-		prefix = "#" + containerId + " span.fancytree-level-",
-		rules = [];
-
-	for(i = 0; i < depth; i++) {
-		rules.push(prefix + (i + 1) + " span.fancytree-title { padding-left: " +
-			(i * levelOfs + lineOfs) + measureUnit + "; }");
-	}
-	// Some UI animations wrap the UL inside a DIV and set position:relative on both.
-	// This breaks the left:0 and padding-left:nn settings of the title
-	rules.push(
-		"#" + containerId + " div.ui-effects-wrapper ul li span.fancytree-title, " +
-		"#" + containerId + " li.fancytree-animating span.fancytree-title " +  // #716
-		"{ padding-left: " + labelOfs + measureUnit + "; position: static; width: auto; }");
-	return rules.join("\n");
-}
-
-
-// /**
-//  * [ext-wide] Recalculate the width of the selection bar after the tree container
-//  * was resized.<br>
-//  * May be called explicitly on container resize, since there is no resize event
-//  * for DIV tags.
-//  *
-//  * @alias Fancytree#wideUpdate
-//  * @requires jquery.fancytree.wide.js
-//  */
-// $.ui.fancytree._FancytreeClass.prototype.wideUpdate = function(){
-// 	var inst = this.ext.wide,
-// 		prevCw = inst.contWidth,
-// 		prevLo = inst.lineOfs;
-
-// 	inst.contWidth = realInnerWidth(this.$container);
-// 	// Each title is precceeded by 2 or 3 icons (16px + 3 margin)
-// 	//     + 1px title border and 3px title padding
-// 	// TODO: use code from treeInit() below
-// 	inst.lineOfs = (this.options.checkbox ? 3 : 2) * 19;
-// 	if( prevCw !== inst.contWidth || prevLo !== inst.lineOfs ) {
-// 		this.debug("wideUpdate: " + inst.contWidth);
-// 		this.visit(function(node){
-// 			node.tree._callHook("nodeRenderTitle", node);
-// 		});
-// 	}
-// };
-
-/*******************************************************************************
- * Extension code
- */
-$.ui.fancytree.registerExtension({
-	name: "wide",
-	version: "2.28.1",
-	// Default options for this extension.
-	options: {
-		iconWidth: null,     // Adjust this if @fancy-icon-width != "16px"
-		iconSpacing: null,   // Adjust this if @fancy-icon-spacing != "3px"
-		labelSpacing: null,  // Adjust this if padding between icon and label != "3px"
-		levelOfs: null       // Adjust this if ul padding != "16px"
-	},
-
-	treeCreate: function(ctx){
-		this._superApply(arguments);
-		this.$container.addClass("fancytree-ext-wide");
-
-		var containerId, cssText, iconSpacingUnit, labelSpacingUnit, iconWidthUnit, levelOfsUnit,
-			instOpts = ctx.options.wide,
-			// css sniffing
-			$dummyLI = $("<li id='fancytreeTemp'><span class='fancytree-node'><span class='fancytree-icon' /><span class='fancytree-title' /></span><ul />")
-				.appendTo(ctx.tree.$container),
-			$dummyIcon = $dummyLI.find(".fancytree-icon"),
-			$dummyUL = $dummyLI.find("ul"),
-			// $dummyTitle = $dummyLI.find(".fancytree-title"),
-			iconSpacing = instOpts.iconSpacing || $dummyIcon.css("margin-left"),
-			iconWidth = instOpts.iconWidth || $dummyIcon.css("width"),
-			labelSpacing = instOpts.labelSpacing || "3px",
-			levelOfs = instOpts.levelOfs || $dummyUL.css("padding-left");
-
-		$dummyLI.remove();
-
-		iconSpacingUnit = iconSpacing.match(reNumUnit)[2];
-		iconSpacing = parseFloat(iconSpacing, 10);
-		labelSpacingUnit = labelSpacing.match(reNumUnit)[2];
-		labelSpacing = parseFloat(labelSpacing, 10);
-		iconWidthUnit = iconWidth.match(reNumUnit)[2];
-		iconWidth = parseFloat(iconWidth, 10);
-		levelOfsUnit = levelOfs.match(reNumUnit)[2];
-		if( iconSpacingUnit !== iconWidthUnit || levelOfsUnit !== iconWidthUnit || labelSpacingUnit !== iconWidthUnit ) {
-			$.error("iconWidth, iconSpacing, and levelOfs must have the same css measure unit");
+		if (!cssText) {
+			$headStyle.remove();
+			return null;
 		}
-		this._local.measureUnit = iconWidthUnit;
-		this._local.levelOfs = parseFloat(levelOfs);
-		this._local.lineOfs = (1 + (ctx.options.checkbox ? 1 : 0) +
-				(ctx.options.icon === false ? 0 : 1)) * (iconWidth + iconSpacing) +
+		if (!$headStyle.length) {
+			$headStyle = $("<style />")
+				.attr("id", id)
+				.addClass("fancytree-style")
+				.prop("type", "text/css")
+				.appendTo("head");
+		}
+		try {
+			$headStyle.html(cssText);
+		} catch (e) {
+			// fix for IE 6-8
+			$headStyle[0].styleSheet.cssText = cssText;
+		}
+		return $headStyle;
+	}
+
+	/* Calculate the CSS rules that indent title spans. */
+	function renderLevelCss(
+		containerId,
+		depth,
+		levelOfs,
+		lineOfs,
+		labelOfs,
+		measureUnit
+	) {
+		var i,
+			prefix = "#" + containerId + " span.fancytree-level-",
+			rules = [];
+
+		for (i = 0; i < depth; i++) {
+			rules.push(
+				prefix +
+					(i + 1) +
+					" span.fancytree-title { padding-left: " +
+					(i * levelOfs + lineOfs) +
+					measureUnit +
+					"; }"
+			);
+		}
+		// Some UI animations wrap the UL inside a DIV and set position:relative on both.
+		// This breaks the left:0 and padding-left:nn settings of the title
+		rules.push(
+			"#" +
+			containerId +
+			" div.ui-effects-wrapper ul li span.fancytree-title, " +
+			"#" +
+			containerId +
+			" li.fancytree-animating span.fancytree-title " + // #716
+				"{ padding-left: " +
+				labelOfs +
+				measureUnit +
+				"; position: static; width: auto; }"
+		);
+		return rules.join("\n");
+	}
+
+	// /**
+	//  * [ext-wide] Recalculate the width of the selection bar after the tree container
+	//  * was resized.<br>
+	//  * May be called explicitly on container resize, since there is no resize event
+	//  * for DIV tags.
+	//  *
+	//  * @alias Fancytree#wideUpdate
+	//  * @requires jquery.fancytree.wide.js
+	//  */
+	// $.ui.fancytree._FancytreeClass.prototype.wideUpdate = function(){
+	// 	var inst = this.ext.wide,
+	// 		prevCw = inst.contWidth,
+	// 		prevLo = inst.lineOfs;
+
+	// 	inst.contWidth = realInnerWidth(this.$container);
+	// 	// Each title is precceeded by 2 or 3 icons (16px + 3 margin)
+	// 	//     + 1px title border and 3px title padding
+	// 	// TODO: use code from treeInit() below
+	// 	inst.lineOfs = (this.options.checkbox ? 3 : 2) * 19;
+	// 	if( prevCw !== inst.contWidth || prevLo !== inst.lineOfs ) {
+	// 		this.debug("wideUpdate: " + inst.contWidth);
+	// 		this.visit(function(node){
+	// 			node.tree._callHook("nodeRenderTitle", node);
+	// 		});
+	// 	}
+	// };
+
+	/*******************************************************************************
+	 * Extension code
+	 */
+	$.ui.fancytree.registerExtension({
+		name: "wide",
+		version: "2.38.0",
+		// Default options for this extension.
+		options: {
+			iconWidth: null, // Adjust this if @fancy-icon-width != "16px"
+			iconSpacing: null, // Adjust this if @fancy-icon-spacing != "3px"
+			labelSpacing: null, // Adjust this if padding between icon and label != "3px"
+			levelOfs: null, // Adjust this if ul padding != "16px"
+		},
+
+		treeCreate: function(ctx) {
+			this._superApply(arguments);
+			this.$container.addClass("fancytree-ext-wide");
+
+			var containerId,
+				cssText,
+				iconSpacingUnit,
+				labelSpacingUnit,
+				iconWidthUnit,
+				levelOfsUnit,
+				instOpts = ctx.options.wide,
+				// css sniffing
+				$dummyLI = $(
+					"<li id='fancytreeTemp'><span class='fancytree-node'><span class='fancytree-icon' /><span class='fancytree-title' /></span><ul />"
+				).appendTo(ctx.tree.$container),
+				$dummyIcon = $dummyLI.find(".fancytree-icon"),
+				$dummyUL = $dummyLI.find("ul"),
+				// $dummyTitle = $dummyLI.find(".fancytree-title"),
+				iconSpacing =
+					instOpts.iconSpacing || $dummyIcon.css("margin-left"),
+				iconWidth = instOpts.iconWidth || $dummyIcon.css("width"),
+				labelSpacing = instOpts.labelSpacing || "3px",
+				levelOfs = instOpts.levelOfs || $dummyUL.css("padding-left");
+
+			$dummyLI.remove();
+
+			iconSpacingUnit = iconSpacing.match(reNumUnit)[2];
+			iconSpacing = parseFloat(iconSpacing, 10);
+			labelSpacingUnit = labelSpacing.match(reNumUnit)[2];
+			labelSpacing = parseFloat(labelSpacing, 10);
+			iconWidthUnit = iconWidth.match(reNumUnit)[2];
+			iconWidth = parseFloat(iconWidth, 10);
+			levelOfsUnit = levelOfs.match(reNumUnit)[2];
+			if (
+				iconSpacingUnit !== iconWidthUnit ||
+				levelOfsUnit !== iconWidthUnit ||
+				labelSpacingUnit !== iconWidthUnit
+			) {
+				$.error(
+					"iconWidth, iconSpacing, and levelOfs must have the same css measure unit"
+				);
+			}
+			this._local.measureUnit = iconWidthUnit;
+			this._local.levelOfs = parseFloat(levelOfs);
+			this._local.lineOfs =
+				(1 +
+					(ctx.options.checkbox ? 1 : 0) +
+					(ctx.options.icon === false ? 0 : 1)) *
+					(iconWidth + iconSpacing) +
 				iconSpacing;
-		this._local.labelOfs = labelSpacing;
-		this._local.maxDepth = 10;
+			this._local.labelOfs = labelSpacing;
+			this._local.maxDepth = 10;
 
-		// Get/Set a unique Id on the container (if not already exists)
-		containerId = this.$container.uniqueId().attr("id");
-		// Generated css rules for some levels (extended on demand)
-		cssText = renderLevelCss(containerId, this._local.maxDepth,
-			this._local.levelOfs, this._local.lineOfs, this._local.labelOfs,
-			this._local.measureUnit);
-		defineHeadStyleElement(containerId, cssText);
-	},
-	treeDestroy: function(ctx){
-		// Remove generated css rules
-		defineHeadStyleElement(this.$container.attr("id"), null);
-		return this._superApply(arguments);
-	},
-	nodeRenderStatus: function(ctx) {
-		var containerId, cssText, res,
-			node = ctx.node,
-			level = node.getLevel();
-
-		res = this._super(ctx);
-		// Generate some more level-n rules if required
-		if( level > this._local.maxDepth ) {
-			containerId = this.$container.attr("id");
-			this._local.maxDepth *= 2;
-			node.debug("Define global ext-wide css up to level " + this._local.maxDepth);
-			cssText = renderLevelCss(containerId, this._local.maxDepth,
-				this._local.levelOfs, this._local.lineOfs, this._local.labelSpacing,
-				this._local.measureUnit);
+			// Get/Set a unique Id on the container (if not already exists)
+			containerId = this.$container.uniqueId().attr("id");
+			// Generated css rules for some levels (extended on demand)
+			cssText = renderLevelCss(
+				containerId,
+				this._local.maxDepth,
+				this._local.levelOfs,
+				this._local.lineOfs,
+				this._local.labelOfs,
+				this._local.measureUnit
+			);
 			defineHeadStyleElement(containerId, cssText);
-		}
-		// Add level-n class to apply indentation padding.
-		// (Setting element style would not work, since it cannot easily be
-		// overriden while animations run)
-		$(node.span).addClass("fancytree-level-" + level);
-		return res;
-	}
-});
-// Value returned by `require('jquery.fancytree..')`
-return $.ui.fancytree;
-}));  // End of closure
+		},
+		treeDestroy: function(ctx) {
+			// Remove generated css rules
+			defineHeadStyleElement(this.$container.attr("id"), null);
+			return this._superApply(arguments);
+		},
+		nodeRenderStatus: function(ctx) {
+			var containerId,
+				cssText,
+				res,
+				node = ctx.node,
+				level = node.getLevel();
+
+			res = this._super(ctx);
+			// Generate some more level-n rules if required
+			if (level > this._local.maxDepth) {
+				containerId = this.$container.attr("id");
+				this._local.maxDepth *= 2;
+				node.debug(
+					"Define global ext-wide css up to level " +
+						this._local.maxDepth
+				);
+				cssText = renderLevelCss(
+					containerId,
+					this._local.maxDepth,
+					this._local.levelOfs,
+					this._local.lineOfs,
+					this._local.labelSpacing,
+					this._local.measureUnit
+				);
+				defineHeadStyleElement(containerId, cssText);
+			}
+			// Add level-n class to apply indentation padding.
+			// (Setting element style would not work, since it cannot easily be
+			// overriden while animations run)
+			$(node.span).addClass("fancytree-level-" + level);
+			return res;
+		},
+	});
+	// Value returned by `require('jquery.fancytree..')`
+	return $.ui.fancytree;
+}); // End of closure
 
 // Value returned by `require('jquery.fancytree')`
 return $.ui.fancytree;
diff --git a/gui/default/vendor/fancytree/skin-lion/icons.gif b/gui/default/vendor/fancytree/skin-lion/icons.gif
deleted file mode 100644
index 1ca2af6f015903d207633290c6fd48b7ba028c08..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 5937
zcmaKvi#OB%|G;N%yV)g`TeJyb@<Dz2AR(1&YSz`1OO&z_=~FT>%zYRpmzEZW$ugI@
zPe{wHwGz3Mkc=cNiFA4Ye7=9c?{OaI^*ZPIdOgqcoY&>N&dbTg(bCG#7t{?}0sRkk
za}dr70wIIYVF>jbXd?%8b60h9BF@~^$lL+DlY(;~899*lI-am{B|8xPU5R9elVL<+
z7|GwC=uaW}Q~b%~urM;nhzYXdfE?E4fk+~VzX(Jg0)>r(DC0yDjYy)CNK6umMIvz=
z!dMOzruUUNVi=P|VUqj>L<-N}pXu+<3cQgQ7Df-FB;BB}C=@1{EF_2V!YBd?MTq0z
z!gxjwVt?Wg8AOwU=qn%=0AT^@%oTMGfTM}c>0%s9YR-{5(3r04(wVMII+4yK(O5(l
zoycU8SS%8aN2Cjg92${FBME5!G!~i0@~3ghbPky=ATv2+7LUvnP-q+qofAeEQfR_3
zCMS%^3uEyp>+SjwOW-e{`wN(40V_<%3ghs?cpM6kLu3v)2o@=H5rriV<A^C75rrqB
zaE2(HaaYj_Nd&M!pqAqV00aUc5Mbj*z|IaJk$|wUIN@%FkVK===yW=b$)Yn^OeT{?
z6VRC)dWj&OU(Bd);&50z4vWj>ayU&qo<P9i2m}J5P)N(|j(gaX#DC5d^k&wK<u?z-
z)lQcSh6DnUKqwLlMNBD2uqeDI8cTfoIpqn!6a)7je`ARO<`BRd0=T`SJn?vA`-ot4
zlqZt%M2kGJlrseI)*S}~VrjGZlW<5X7y<+%OM-DgxE@>-2^U2?DIkynLMbp%TLmx}
z0E-2z7Za_!j`)8J4T;4A0|P_<F}{vyY)&)|3=K(##--!`xhP&48d@0_NdeI!&_A;z
zmIC5MK)eDBNmqsz*9FGcU6GEj06=f=dM2=*CS6xLC0$%cy125qxFTJVN`b{iU{MMH
ziz_ROE5IVK@;`v}9st(Y`~L&?LqTqRM?fb3P5SRnfFJ+}`0aI~lHG9@tZJYa&SyKs
zBeZN!4@)MyVm4vC>EW`eM`vdoQX)&f;G8pYF5WiD#198<Z*w!I<rB|46wI71*!8+H
z@VV3MrKst-TF+wkU&(6<#v21Xik)xRo-6n^_oCD$d4{RBTsn0ArB0||?%0Fjhv2)r
z-)mg2JXRYV7<D=I`h^pP86Tgx<F8(Ba$5R6dM5ScU!>bna&TLhM$hplx1Rl0iB#9_
zWzm!{SuXuo`}*$$M(98bmS&lpgFaDAYd`5AZy-WPc*%2TKGWp+=ZjhmpBb|SBf*X?
zlV$H_V&RW?W;d=*^d)OKJ#4)Z_Hed_{M`H3%=g9FW;mc%ifq09X82hu;4~h2{oCiq
zJ~#flvX}Gi-Td=^s_Z6jt$m+tI1>&2{nUs0Rj=GPb{X3^5sS3V^QCPduCn9NyUTKE
zszKfNZB!z<{gVD%HpC?>7OY}Z07B7JtVwhC1U+J;VKNQ7VOTfaYRFJG-S)Pne};8$
z-nPu$L&YUoSmXSFz28ilru8&kxv#U1I9}Ax(I<@r(A|QJ^mC1(n)H(9-Oql=Ic!`q
zlkXK__#yYASfh+_y?*3FK?LlZ!99~dJ%M+rN~H4p@efZP(#zN~Wr$0+-H?1Jb@$qZ
zl5BBTd2ynBL{bSeIAX3We_Su9EH5F*sG<b+;l%^K2r!<ntQ%U(Fh4&Xlwi)Es=!xO
ztrg(;I?xt!RkM!PrJ649fCR&eB;6DZzOB|m-Jk=0hoFkoa=HHX)%nbZ;fSsz^*rAq
zs6hY?m(a3U-<PC2ThaHhMV5g3OE~v%>~qW6E-g{(@>=SZ_BCXGl@OR|xze!$HZj{4
z;QQEp*Jl6sbdh*?%G`8~L^uCOGwf6K4(!RuP?6T2fiF*SRfn$j{Z+hWsawA#@@lVc
z?Inx;0G7$F9d(sw>x>`N;lK49&=SI4y8d<9ZNO=}cEYQpYG?j^<#zOU-QX!oTAg~p
z#)akA6(u~_$a(S^!6-Rb*gN9<_}TY2!Nt7qZ?D+_!iG1u9xSA^999#jjE=U!-6kEk
z7G9t7GZ8nwf8qGR^8Et>vS~VDTky^4JhIMZ^~}e=8|#Wfbazaa`rvsVi}=CTAGuYg
z3GYG%kS(8@iraoJ@aEeh)H}(#DF)r!w(j{-<wlPD+ME5kW$EeuN58&3J$dif^0Ppc
z@XN~^K<jczbVh6QJM#VbAM*uOwm)b018qOPY_|hembXRQefvQ!Qrw*1s9>NFo($HM
zPyzS^NIAS+-he?xT=JFM+Gr2eMN`pr6AI?1_Ni1XZn$lR)rP4%$OlhFV-NX3-A=Wu
zp4}I3ME8SxsCQ~+$*88ZNm!`!e)V422Gf!_G!So@h||nO0(*3|Q_8#abTX5jt`%YK
zUpQcd%uLx|r;EvPRyOgCf%+nf)t}5hF)uKupR*~}7$|qNh^kHtrft)>eDJCD=$G{H
z{$eLANRITyBZG>V-cLkR75Y;c2^*&$q?;!@?V7@*M|SC@n`0auEwZv%knJJuv4<nF
z6yzY(?Hg-cjzn27iw`B~Z%uY_wGGH&L<Sgax{7ek^LL+N)9{MKJ};6{Zp$y_?ZzId
zR~ol%dHN|q4lDx^Hw@%;BN8q0UEI8;h`EE`I7}*+;e25!H*<F8p9T#v?M?fp5$7^%
z=tYp0;WX>x=|Iq^(P81NgIc2`KC9mYI2;o`P`LUkaPKOY;n-hHNHd(>Czm6k<xLbe
zw<nku#v~JrI~8CzXZPy6dZeD+g;UB=HVueL^`akhQQ73|>_mE*J+zGjSa#(kl;rL=
zJW%S?ndz=d1bZICfsVH;nxfGl=xmV!Y;NvIob{_Bo#oQyq=O~_xWQAcx|_cabL|6+
zk5{-ZS9tE2P28X`;7C8NW2WC>REh4jDEBSoCn-WV7M-Y9YUhRIJUHcI4r^QccjJ=b
z1Dii<uiM9&_~$>|PpMvobo~)oq;7&h9YbMI1$)r_jq*Oy0!Gh??=|^vKl!=r8znMs
z*Ud_T4k>$$4rJ*H6n8xL&sH6Y26j2rCv$i~PWGhJyRb}@v*N{rZ1i|mXG8lYQ==p}
z@!t}M%|om4CdAAXBKz<9=V_m>J)oQsS?{)Lp8I^_(H-s4&SMH?&Ie6GI;iqpInDi>
zAQ6Lo-YX(-TjIf|M&~=;d3NdUskmGj^>f|_grCMd3(4?DvV50JEOF+NE|bVfc<_by
zYHfM(24~p}$dSfQHL)x~gLU`Mn(iLdW=O1C|2tJ>DQ4&W191)ex48DG+x&e3qSwk!
zA)ofwvTaK+ZUsTLmxiC(fB(Wrjm*}H-u~3Ru=+YXQq@VP2y^n!v7?prb0+h8I7U*3
zg6PnUdiyGl;VhTm7dew3Vg>a19PYa#{A7G^^oKZHTwA!(FSUKtyCt>R!li!_WAEf3
z!G7u9Whs}a`3i(&<s}qpEL?DQThmQ&+;!hvd)CPyLborRMpr$+a@Lc7RTQkmHS+tI
z%m*X$eGmTA>;XSSjoI`tK~Q<|GWoQf-mBu<PTV8E=Z{r252E+U3bxcD;`R2AoH$$W
za7s?;WXNN!VR6Dgr$gs2p8PpFGJd^54Sd<iWe@Iou&8G1i%T)n2i``)mP>y?7ys_@
z!VZ*w-&y$uap@D~9SiiBv$T*B{qxSdA;>D{9ZxR~KQ|7r8?sgx78C8x4m=5YaVURU
zFD+n;>!qS>$Ap`yl$o9E6`)dKyMn{j>=v63cpyo%bo1)zYc@Mfi=0e@ObM<R6gmQL
znMt0m`5p-9EUDpl$sv7{GkbMalhDp;>9$19&bM=flV2=m_Yt!SUX^s(?vy+d6Zv+l
z=-COvXj9G6y1!<%QLzhl-o7anI#{OiYK4(E7Tp}Z{8_HM<@ie5VBHNt1@RnZ@<U8`
z7v8qC=~m^rQRH~HU0|8%FwI9U1N103b`j`q^-0#GidUAGyxb4_oLqd(An0gU1`6i|
z-rjGAqcl{`H7uy!(SGCh7Fl-O8f+3u+H-AkrNgdWmKq&7W-71E(~rOCqZO26YqvJw
z<h1O?yz_RfaKl@<XkY>V{O)J_DLBXZi4mKeHdk1*(bM<qkAZt{zdzXe=g^-6D}#1$
z@|%^7lP|Q_a<zX+qd%%q!ISDw`PvhlTWMGo=qdzWuC0<pL9e3v&E#{@a0O9JbqI84
zI|7^;qt)$GBk|d)9*ePz`K=Eh$wZ(UV@-C$O_Pvj;W1lrF%zK(pA!h{Rc#wX)w^c$
z1rzW`AvE;_=uQa~W==bpM007R1@Dd-!_ba4#)ZzrW%CiZYD8MyIj`Y(A4|+#d-(u1
zY?!K2!GI7~(b;D5f$L|qJ>k%W4Ow0BGZXQlx8wZs68$YPT`}iqj36CM(p`rnwHO2g
zE5F%SZWjQ8c28hZx|7mZA(`Qr1j{6g6G=>LQqpW7yF9R$fG<{0p&m=AjZLX3N+}I@
zs)XRHR*kENQ|c{J)%;RbV^ZrHQ%Z(YTV_+*@=_i_=ygS@FhBa^@YIg()E;N2ZbS6*
zRn&`Ny2Lr9HzaM?GIb;`?Ui9_-*8&W#<T%Q`jgeP>F|`9@bsH{=^xe8=Z4d-?@E_h
zW_&x9@jX1FB^<I~fM4s*h?8Z2tRNLnPRT(T@;8tERLB3e!~?_U`7asOH3-EY8PE6_
zRV&D*ISkqeucd(pX=tK;WMJno8Q3hq*+A7Js~|Ls4>kf$1wtpY;y~G84@M&Yq8i|r
zZE1y(bAjmm$kgcxO2jfg$c*E#OmI^+$}bC)pJ~&S<vxdD^0PYXHh?^HY+Mi%Pc`Eh
z4465D<N`IGW4dWD{<+9J&t;;_nP$tzmwGbSwr2)%Geh&47q}X`exSDI=K>N$9Q$_O
zYVH<Kt!>;)+InR82#%YF@x*&`Gp#xpnLQZ+P(0j<o=C_K=H{;s=NJCSXKNG`SrwGb
zVRE^Q3@gljt4w8$qiQ1sUO5G7p#``(#)XS_*w-^zMwzNT`F~qM8uPQ;dl<UOc~78t
z<9v-cY8EP!W%9$=B0u-Vk8CAq-XqVuH@F(FxOY*>%tQiHbMEf?uPB$`lBwxgsBV;V
zOauQUBu7W%_GzO#zD+qZMy%nRg)0{e;v~1%dhXeH=7!~GgRBcFE_dTSlVXkVQC5Y}
z7dd?)Y@3^Tc0GAgm-|(^ceHT%9X;9ETt*wWKpmEn?}Fb(DlmvBGAt-swnR`RMN?*&
z#2SO8Mr8^J|9C<<(!Q7?QI3`sK{3TAz!}!0Vl_F4Rc~>$O!*eSxKmba->m0QQGC-3
z)6uSc3j~>F>wROFocLIL1jbpgEIC?%o|Y&_q7i;YB{t2<QCM_hmi#`=QsNrA)0g83
z(+{#nJoe?hm!aab<U@@0JzR_Z3(y^W<!H3N*QoNXL^Fiz*;037{TLF8YRz@ED5nt0
z!C#b<Qp)Hb%UwIU)QK`Ta5*!mBGkC-CYuX{lt=N)(~R}qG`SoS_cp9l)>xrxj-VHm
z5vMAGjk)E<#U39qtWo7CP=zb8G*VJhV$6+?<*MP3=hu{bjS-fkr5$UWyxs~h4&fHW
z32H93U8_6-SQqDi<biR>D1OPVl*(HlOWs&#G{f-kv4~aD!><t!jn~jV5!~OJ{JZ%T
zF(t^aA(#a|@{<I4{Wc%&<+L0kuMi@?EJGvv_}3Iv<Ov|lJoG#W_KM9<`BshVLtZ<E
zQef0<dVto$*VK2y<oVUwKT#8Wc^foro?1;kR{PJL+WOcU<DY1o)LLsep4bUfAb{W@
z7r`F2t&-Y<6wLV=1E@po9$DQ1E&TZ`xziK_<@q{-7Cw|M7vNPN&?0xpOJxs1rKMf|
zl?3?(gkK^k>kt~QlN<gG;Rp5A2g4h#dMR%~H^$-{Z~jD4#_F$VHB?Q>X-gW@=Np3o
zHqyPNey|-*e$c4nfx6Ms^siU--(D&?lqSc%#*CkhIulJya?>ESNv#@+l{NE!Hsjh=
z7QQzfxzotkMct9fwT`t2TcA>3LC#o1<sMA)d`ou=ly<(QOAAlTg4<5W?~|z<hSq!D
zY4O<r&6Yt$W>66op?g7S3&$(9=<N+@bJJC6)ot^D<C|pic36dX492`~?Q6L6vR1u-
zh<Y(EkDsspzNf8jO2r=g$lIj`g?EO$X%oXA*~uP(tJ|-YAY}wp!3a{lzdfAUp?RpS
zL?&N?R@r=~1N;*$Wh3PWP4rtkP2O~xe!?iF@?m2gMitdt_F#69YfJz{tp&bL?$G1n
zn{_TNb+C>$upG$Hy8gUZ{e?T|#IaTowadV@nKRayxu=Q!pgC0Q$>}#wynj9M{q+Q(
zb_MhYKGbUA?`aXV)HlpGc+iWUYY7LugeM<7B32eHYCT%&tFi0vRJhcR!gZJ&>ey_9
z+48G1iPfF*EB`1~(Osh8%205of(hs_aE#IgNq5GUp6t^-=uC`G2SzCr^M-)3X3H<L
zp|^dZ=deoW2ugn<dbzE=0kU3xCHkmL;nIYHmzfz|)<>6s8!P)-KlQbn^m|upK8#hR
zl<UQ!A#Pd7mn`HRHu&&b{|lREgY-U6hT?5DWV-~C35v=F2;zsk6yN@OHfbYf62!G7
zo83Ir_WN!6_rCn|U;X6>k3}=s*e}%gEs)jIsI~s*Lni3ie#O&N==KmqpRa!4bqQ1`
zQQ4s%cw+P3>h-M6mqIsN+?S7$y@+8vUkTtZ5#+#=FP?9C3EuniE8!*7ToJNYiB9cF
z14T`oM4_|?=u~hTVPJRKKxBvN2dsZasQRsah;%=7{rh@bg?a`z;59O&fqR8JPw$BK
z;L+bGv%N|dY2b-Kl`^WzB<L0Cnc`{TfRFZ&|CtxJ{Wd21Le!{o;aqf;-^K(6By{g<
z@O@~h$;)Qhzo&$+ZwX&UpCQIvmiY6P$ozqmj<6ko1RgFUCh>;pZz1U_BUx{CX9-9e
zL$QDWHMf_0DnZ<nZ0UG0k`Ed!+Mx~hgA$3uH6ie$93)0ET9tOKW(U0PF8UaIICWu=
z$yO-~Q7N|{61tDH?|9SYK6DR@T7UZvV3i}#ie?P0F5fL*&7hLK$^&QKp7Dcz1$pQz
z4xY$?%@M``(D>9X`1EhsOxidg8M`D=x=aP1JU?JsbM&kGyYCAF{|Jw+>_eP1Q^>Pd
zK8RM#vPa2*5d`}QrSu6{A^IE}i9Sa>x(Qwu0+ULd0Ibr+s3V&XAJ=G`Y~B0r+bxBO
z#0~lGiU#9KhQV&SnIkKih-8_PqfF@rK!9`+^uF4^-<|&6`Y=`%IaY&({~HL?{0st{
zPp=-Et_guvQ>UfuY4AS9Z*P@?s0w>kqPCX3J6ZU_>kpLVi2^-T`)LI$W<%7mD2%CI
zVBrjTd<HO^+>;Bh*>Sv-0OOc_08dWtc{=W)^C3bkJ)ZvIRJwwZ&U^2NN{NNDxP3F{
z98hT>qja?X!6LP+!*e8EopUl|^xZM%KT)L&<gxL&_*;|C52dsAAHKX*N@XjhG89&R
z4|xCiSZzBG+|~6vtA7N1)jtbu+>TgeBj-YpqNq=EAqW^2-C_IbW#lJO;io?D4?%>5
zAclhC7j2b;ibGKgBW>C$`i3D1v4-9+w+C~;#ss-dXgLf>4k`N#GaHl^exBEnLr#1~
zq8D3lDP3eJy|#r|_(H(%1~}U9@=h<ffMnn+5QVCFYHXI~itPR{j4n}f!{Rqy`NAg}
zv8IgJMMe*%zHn-~^?be>M1M8B_tp5(SCe;NO@XgwTbC^CmUj6p?T%iuytg#1jt1@d
EKQD7tO8@`>

diff --git a/gui/default/vendor/fancytree/skin-lion/loading.gif b/gui/default/vendor/fancytree/skin-lion/loading.gif
deleted file mode 100644
index 5b33f7e54f4e55b6b8774d86d96895db9af044b4..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 1849
zcma*odr(tX9tZI2z31lM+(&YVk%mZ}5P~KlG2s=WSbGzm0!x7^P##Mnh7t-jP!X0Q
zk_SQ}Po-L1tlDK;6l?(>v)e5ZBQx4|Y-Q?nr@Px3?9h(3ZWr3^tj=`TP57gKr87N$
zp2wWee1GRRCwo_xahnw)5cxNPJbCg2L6DV|6`#+yw6v6!mDS$f9-JvFD^n;GQ&UrZ
zzh5jCkByB101O60U0q#p_1BM>Cv-vP?&s4@g_((4_1L=L$(a91)0=J91Gas#R{McE
znYG^9*0A5YZ>#;~+Wkn(W5B0^yELIYLP!K}mB~<)AM@1&nqekynuaEGqP<JE0#l+(
z*R9joTN$nZ{F;;f_Nv(QpzP65;W)SYC;1+?>rzoH|KodRXJy)%+w_fu3nE5>@Bd_b
zqC$EQ;{c`T&?EsNO|igL9gC7Ygxv?aQUEXMq?~>wg{EyW;VcJ37CUF#HjrT=KQO_*
zS>M9yydXk18D(+QDJ1>r);Lav_uYKp$T?4vr{Q$lTo&pKv^?(>L-)G2*lwH!Ah7k?
z7oH<8h-(KTKt5V6$8gF)C7Io&P5=SjTh)=zV=E2EUhQZ<Wjvi)ks6lL7NUI41Suec
z%#@RZvp$b|KCxLd`PA8_!Ub^;+J%TE^_K&d6(i&k---epB#nC`b3_`MdhtuWMEe%I
z(wJ2$`EGgJTz=trW>P##L8S{d%UK>>+y82>+FV+#^BzW7u3F)Bb>=lYQ%%j`F>ASe
zo*cw@V#u6T`A2He;70mR(V&iV&-7{qP~=SRf&jm9-T{*ZeZ}$rd0#6c&fLG^xJcf5
z+p<`wJYgW+_s*V{uI$nMB;%8`S_3>PfGOj3Rq}@Cx^+j?rk92fANSFDBYnOqQ>Vdj
z)(|$AhP4t&Lb=Gvo2#3Gl%9<=Gv`Mz?Po@P4iLF!x}GUWJICDlFk-hS^Whyh7x~VH
z@0vD1>HYD4&e+~yzS*-sFR{9`{QEEZO1zg7>R&7cHts-6j!xHVdA8eI+ZlVzd%`es
zJT@$#GX(gvCJ1oJN%yLBK}{V=V;seo;!w|Yte!W1%5qLNFWqvZW>h&IiH+oPT=b@E
zPhGzv5=(Un*X>v`><w7vN-j#h05gB-F9AZf<&Z~SLlC&Nz^-G6DuPj|`n3d!<l7n!
z^9j1qeh2{s+i0tZ4@>%8h_nj^NdY<en;#4d>cE6NHS_ifkCV$*D)Tqrbu`s;<=t<4
zAHNqNV?6(g<1PY-w@#I-WYFViz?9TrkMr)u0g`O`u|>T;k|2sV*YF^pun<C(O34ry
z@yg-q+#%4rv$|41Y!PHPrjmV%@S3%TUelmz%~6?hLG4%mWKO9NB}mrI%KlhB`{^!g
zT?{Y#<ON%sq<!{buD;iH%`hL}N;>vT;$SuTy{j3Gv)yqD!R_CF>yR)MzmmYS5v+~R
zXAdD<Jm>%ng9?df;wd8GxR#%3O+gz};Vo;)sK%Bj-q>Oq%R7JU-KD?vYu>#2UjaDo
z&8$>5xW~?KPD_#XFToU1hIb*VOMidUr6iYiO0N|i-7s`T8!cFT`rN!^1Pt78J93i6
z5HI1wIM$94m{3SLDvISDe6$ZG1;eq_D9RTaaC>=cO{@Bs>$IlP<c+8wUtK_tPUz3j
z)>CPJJ$h$)-3vzNUQ6<Wm&Z5JfeG_o#I^S?ZP9*QGjsiJM3jH{?94}z{@d%97nOVw
zacge+X&InNUL3U(BUlor87ff?2qEf2c|yCI=Id~LI~<KyVA#R%nwHS3S<^IBTu|Jj
zW^-Xv#UBDqOwy>OsN#_zWxey!_9%hxwH2_dEJi=yY|1c7nDm2_Lm!Cof8-R_+9UkS
zcBE(o47yE)oMR(Q=dp1a2wTX5Kv<M)VDKP@wb$5DNEX!VTUn1Pd`taYrL9bpe}d9v
zqx3tu5NTGv8=X63WXPWMm1T8=ujh#QvSw5|(EZJ3$quU9*?0NxQKGsTrnFNF-ygOt
zYWPggi66%$nuj|v6!Ow2)>vGyLqlWTa7V&!A*|w|)ax~1_~aJ0=_Lilg*0iQk7#ZD
EAHN$8j{pDw

diff --git a/gui/default/vendor/fancytree/skin-lion/vline.gif b/gui/default/vendor/fancytree/skin-lion/vline.gif
deleted file mode 100644
index f9b4232928691b5f94ba02eda9b8ee3e83c9b1aa..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 852
zcmZ?wbhEHb6krfw_|5<VmoHxi)1$;_2#mN8Q2fcl$iVQQK?me>P@Z7mFl6}8Df2_0
y;b1cduTo6JgojS8e4I`_8U;$O-GYWzS58cL?A#^f$oFMNK#J>RUU4=S25SJU^%*w+

diff --git a/gui/light/assets/css/theme.css b/gui/light/assets/css/theme.css
index e54b06517..7e7212d32 100644
--- a/gui/light/assets/css/theme.css
+++ b/gui/light/assets/css/theme.css
@@ -28,8 +28,11 @@
     text-decoration: none;
 }
 
-.fancytree-ext-filter-hide tr.fancytree-submatch span.fancytree-title,
-.fancytree-ext-filter-hide span.fancytree-node.fancytree-submatch span.fancytree-title {
-    color: black !important;
-    font-weight: lighter !important;
+/*
+ * Fancytree tweaks
+ */
+
+.fancytree-container tr:hover,
+.fancytree-focused {
+    background-color: #eeeeee;
 }