diff --git a/.gitignore b/.gitignore
index 8f748a6..30d7b98 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,2 +1,3 @@
 main
-data/website.db
\ No newline at end of file
+data/website.db
+test/*
\ No newline at end of file
diff --git a/code/joplin_utils.nim b/code/joplin_utils.nim
index d3320f2..23822ea 100644
--- a/code/joplin_utils.nim
+++ b/code/joplin_utils.nim
@@ -3,19 +3,94 @@ import std/json
 import std/options
 import strformat
 import jester
+from os import sleep
+import httpcore, net, times, strutils
+
 
 type
-  joplin_tags* = object
-    id: seq[string]
-    parent_id: seq[string]
-    title: seq[string]
+  joplin_ping* = object
+    ping_result*: seq[string]
+    ping_status*: bool
+    req*: Request
 
-# Setup user data
+# Setup joplin_tags data
+type
+  joplin_tags* = object
+    id*, parent_id*, title*: seq[string]
+    req*: Request
+
+# Setup joplin_notebooks data
 type
   joplin_notebooks* = object    
     id*, parent_id*, title*: seq[string]
     req*: Request
 
+# Setup joplin_notes data
+type
+  joplin_notes* = object    
+    id*, parent_id*, title*: seq[string]
+    req*: Request
+
+let
+  resetDuration = initDuration(seconds=2)
+  deciSecondDuration* = initDuration(milliseconds = 100)
+  qtrsecondDuration* = initDuration(milliseconds = 250)
+
+var
+  client = newHttpClient()
+  lastConnection = getTime().utc
+
+proc resetHttpClient() =
+  if (getTime().utc - lastConnection) > resetDuration:
+    # Probably a new timeout. We have not yet experienced a long outage.
+    # We may however be entering an extended outage.
+    # Creating the new clients seems to use up lots of CPU.
+    # I want to do that as little as possible.
+    try:
+      client.close()
+    except:
+      echo("Attempted to close clients. Probably do not exist.")
+      echo("Current exception:  ", getCurrentExceptionMsg())
+    client = newHttpClient(timeout=500)
+
+
+# [TODO] procédure Ping à finir qui ne fonctionne pas.
+proc ping_joplin*(token:string): Future[joplin_ping] {.async.} =
+    
+  var j_p: joplin_ping
+  var client = newAsyncHttpClient()
+  var url: string
+  j_p.ping_status = false
+  try:
+    url = fmt"http://localhost:41184/ping?token={token}"
+    var json = await client.getContent(url)
+    j_p.ping_result.add(json)
+    
+    echo j_p.ping_result[0]
+
+    if j_p.ping_result[0] == "JoplinClipperServer":
+      j_p.ping_status = true
+
+  except TimeoutError, IOError, OSError:
+    # I naively think I would see this thrown or the plain except below.
+    # But I almost never see an Error raised.
+    echo("Current Exception: ", getCurrentException().name)
+    echo("Current Exception Msg: ", getCurrentExceptionMsg())
+    echo("Sleeping for 1 seconds at: ", getTime().utc)
+    sleep(500)
+    resetHttpClient()
+    j_p.ping_status = false
+  except:
+    echo("Current Exception: ", getCurrentException().name)
+    echo("Current Exception Msg: ", getCurrentExceptionMsg())
+    echo("Sleeping for 1 seconds at: ", getTime().utc)
+    j_p.ping_status = false  
+  return j_p
+    # parse jason
+    #let joplin_notes_Json = parseJson(json)
+
+
+
 proc get_joplin_notebooks*(token:string): Future[joplin_notebooks] {.async.} =
   
   # Variables
@@ -24,45 +99,121 @@ proc get_joplin_notebooks*(token:string): Future[joplin_notebooks] {.async.} =
   var page: int = 1
   var url: string
   var client = newAsyncHttpClient()
+  var pingCheck: joplin_ping
   
-  # make sure to check all pages 
-  while has_more == true:
-    
-    # request joplin API for notebooks
-    url = fmt"http://localhost:41184/folders?page={page}&token={token}"
-    var json = await client.getContent(url)
+  pingCheck = waitFor ping_joplin(token)
 
-    # parse jason
-    let joplin_notebooks_Json = parseJson(json)
+  # check the joplin status befor query 
+  if pingCheck.ping_status:
 
-    # valider qu'il n'y a plus de page 
-    if not joplin_notebooks_Json["has_more"].getBool:
-      has_more = false 
-    
-    # store json info into an object
-    var count: int = 1
-    for nb in joplin_notebooks_Json["items"]:
-      j_nb.id.add(nb["id"].getstr)
-      j_nb.parent_id.add(nb["parent_id"].getstr)
-      j_nb.title.add(nb["title"].getstr)
-      count += 1
-    
-    # aller à la page suivante
-    page += 1    
+    # make sure to check all pages 
+    while has_more == true:
+      
+      # request joplin API for notebooks
+      url = fmt"http://localhost:41184/folders?page={page}&token={token}"
+      var json = await client.getContent(url)
+
+      # parse jason
+      let joplin_notebooks_Json = parseJson(json)
+
+      # valider qu'il n'y a plus de page 
+      if not joplin_notebooks_Json["has_more"].getBool:
+        has_more = false 
+      
+      # store json info into an object
+      var count: int = 1
+      for nb in joplin_notebooks_Json["items"]:
+        j_nb.id.add(nb["id"].getstr)
+        j_nb.parent_id.add(nb["parent_id"].getstr)
+        j_nb.title.add(nb["title"].getstr)
+        count += 1
+      
+      # aller à la page suivante
+      page += 1    
 
   return j_nb
 
-proc get_joplin_tags*(): Future[joplin_tags] {.async.} =
-    var j_tags: joplin_tags
-    var count = 0
-    var client = newAsyncHttpClient()
-    var json = await client.getContent("http://localhost:41184/tags?token=e5f6644fbf6a97ddc55648dae72b11caecda6c6642d8ce0d3b20129b89b196385737eb908923542c3343649ebbf865b55bda031ab4c3a16edc7723ef2ad77d8f")
+proc get_joplin_notes*(token:string): Future[joplin_notes] {.async.} =
+  
+  # Variables
+  var j_notes: joplin_notes
+  var has_more: bool = true
+  var page: int = 1
+  var url: string
+  var client = newAsyncHttpClient()
+  var pingCheck: joplin_ping
+  pingCheck = waitFor ping_joplin(token)
+
+  # check the joplin status befor query 
+  if pingCheck.ping_status:
+
+    # make sure to check all pages 
+    while has_more == true:
+      
+      # request joplin API for notebooks
+      url = fmt"http://localhost:41184/notes?page={page}&token={token}"
+      var json = await client.getContent(url)
+
+      # parse jason
+      let joplin_notes_Json = parseJson(json)
+
+      # valider qu'il n'y a plus de page 
+      if not joplin_notes_Json["has_more"].getBool:
+        has_more = false 
+      
+      # store json info into an object
+      var count: int = 1
+      for nb in joplin_notes_Json["items"]:
+        j_notes.id.add(nb["id"].getstr)
+        j_notes.parent_id.add(nb["parent_id"].getstr)
+        j_notes.title.add(nb["title"].getstr)
+        count += 1
+      
+      # aller à la page suivante
+      page += 1    
+
+  return j_notes
+
+
+proc get_joplin_tags*(token:string): Future[joplin_tags] {.async.} =
+  
+  # Variables
+  var j_tags: joplin_tags
+  var has_more: bool = true
+  var page: int = 1
+  var url: string
+  var client = newAsyncHttpClient()
+  var pingCheck: joplin_ping
+  pingCheck = waitFor ping_joplin(token)
+
+  # check the joplin status befor query 
+  if pingCheck.ping_status:
+
+    # make sure to check all pages 
+    while has_more == true:
+      
+      # request joplin API for notebooks
+      url = fmt"http://localhost:41184/tags?page={page}&token={token}"
+      var json = await client.getContent(url)
+
+      # parse jason
+      let joplin_tags_Json = parseJson(json)
+
+      # valider qu'il n'y a plus de page 
+      if not joplin_tags_Json["has_more"].getBool:
+        has_more = false 
+      
+      # store json info into an object
+      var count: int = 1
+      for nb in joplin_tags_Json["items"]:
+        j_tags.id.add(nb["id"].getstr)
+        j_tags.parent_id.add(nb["parent_id"].getstr)
+        j_tags.title.add(nb["title"].getstr)
+        count += 1
+      
+      # aller à la page suivante
+      page += 1    
+
+  return j_tags
+
 
-    let joplin_tags_Json = parseJson(json)
-    
-    for tag in joplin_tags_Json["items"]:
-      j_tags.id.add(tag["id"].getstr) 
-      j_tags.parent_id.add(tag["parent_id"].getstr)
-      j_tags.title.add(tag["title"].getstr) 
-      count += 1
-    return j_tags
\ No newline at end of file
diff --git a/code/web_utils.nim b/code/web_utils.nim
new file mode 100644
index 0000000..37e82bd
--- /dev/null
+++ b/code/web_utils.nim
@@ -0,0 +1,17 @@
+import joplin_utils
+import jester
+
+type 
+  selectedOption* = enum
+      newNote="New Note", search="Search", shortcuts="Shortcuts", notes="Notes", notebooks="Notesbooks", tags="Tags"
+
+type ColomnLeftData* = ref object of RootObj
+    j_status*: bool
+    option*: selectedOption
+    j_notes*: joplin_notes
+    j_notebooks*: joplin_notebooks
+    j_tags*: joplin_tags
+    req*: Request
+
+ 
+ 
\ No newline at end of file
diff --git a/main.nim b/main.nim
index 3839f2a..f590b5b 100644
--- a/main.nim
+++ b/main.nim
@@ -14,6 +14,7 @@ import uri       # We need to encode urls: encodeUrl()
 import code/database_utils # Utils used in the database
 import code/password_utils # Our file with password utils
 import code/joplin_utils
+import code/web_utils
 
 # First we'll load config files
 let dict = loadConfig("config/config.cfg")
@@ -42,7 +43,6 @@ settings:
   port = Port(mainPort)
   bindAddr = mainURL
 
-
 # Setup user data
 type
   TData* = ref object of RootObj
@@ -50,14 +50,15 @@ type
     userid, username*, userpass*, email*: string
     req*: Request
 
-
-proc init(c: var TData) =
+proc init(c: var TData, cld: var ColomnLeftData) =
   ## Empty out user session data
   c.userpass = ""
   c.username = ""
   c.userid   = ""
   c.loggedIn = false
 
+  ## default option
+  # cld.option = notes
 
 func loggedIn(c: TData): bool =
   ## Check if user is logged in by verifying that c.username exists
@@ -148,12 +149,20 @@ template createTFD() =
 
   # Assign the c to TDATA
   var c {.inject.}: TData
+
+  # Assign the c to TDATA
+  var cld {.inject.}: ColomnLeftData
+
   # New instance of c
   new(c)
+  new(cld)
+
   # Set standard values
-  init(c)
+  init(c,cld)
   # Get users request
   c.req = request
+  cld.req = request
+
   # Check for cookies (we need the cookie named sid)
   if cookies(request).len > 0:
     # Check if user is logged in
@@ -192,7 +201,15 @@ when isMainModule:
 #include "tmpl/main.tmpl"
 include "tmpl/user.tmpl"
 include "tmpl/website.tmpl"
-include "tmpl/test.tmpl"
+
+# Tests pages include
+include "tmpl/tests/test_homepage.tmpl"
+include "tmpl/tests/test_ping.tmpl"
+include "tmpl/tests/test_notebooks.tmpl"
+include "tmpl/tests/test_notes.tmpl"
+include "tmpl/tests/test_tags.tmpl"
+include "tmpl/tests/test_viewtree.tmpl"
+
 
 # Setup routes (URL's)
 routes:
@@ -203,12 +220,46 @@ routes:
   get "/secret":
     createTFD()
     echo c.loggedIn
+    echo @"msg"
     if c.loggedIn:
-      var all_notebooks: joplin_notebooks 
-      all_notebooks = waitFor get_joplin_notebooks(joplin_token)
-      resp Http200, {"Access-Control-Allow-Origin": "http://127.0.0.1:7000"}, genSecret(c,all_notebooks)
-    # else:
-    #   resp genMain(c)
+
+      # if Joplin application work
+      var checkJoplin = waitFor ping_joplin(joplin_token)
+      if checkJoplin.ping_status:
+        cld.j_status = true
+      else:
+        cld.j_status = false
+
+      # determine the section to uptade
+      if @"msg" == "newNote":
+        cld.option = newNote
+        echo "Todo"
+
+      elif @"msg" == "search":
+        cld.option = search
+        echo "Todo"
+
+      elif @"msg" == "shortcuts":
+        cld.option = shortcuts
+        echo "Todo" 
+
+      elif @"msg" == "notebooks":
+        cld.option = notebooks
+        cld.j_notebooks = waitFor get_joplin_notebooks(joplin_token)
+
+      elif @"msg" == "notes":
+        cld.option = notes
+        cld.j_notes = waitFor get_joplin_notes(joplin_token)
+
+      elif @"msg" == "tags":
+        cld.option = tags
+        cld.j_tags = waitFor get_joplin_tags(joplin_token)
+
+      elif @"msg" == "sendFeedBack":
+        echo "Todo"
+    
+      resp Http200, {"Access-Control-Allow-Origin": "http://127.0.0.1:7000"}, genSecret(c,cld)
+    
 
   get "/login":
     createTFD()
@@ -234,13 +285,43 @@ routes:
     logout(c)
     redirect("/")
 
+# #                ##
+# # TESTS SECTION  ##
+# #                ## 
+
+  get "/test":
+    createTFD()
+    resp test_homepage(c)
+
+  get "/test_pingjoplin":
+    createTFD()
+    
+    var pingCheck: joplin_ping
+    pingCheck = waitFor ping_joplin(joplin_token)
+    echo pingCheck.ping_status
+    
+    resp test_ping(c, pingCheck)
+
   get "/test_notebooks":
     createTFD()
-    var all_notebooks: joplin_notebooks 
-    all_notebooks = waitFor get_joplin_notebooks(joplin_token)
-    if c.loggedIn:      
-      for title in all_notebooks.title:
-        echo title
-      resp test_notebooks(c, all_notebooks)
-    else:
-      resp test_notebooks(c, all_notebooks)
+    cld.j_notebooks = waitFor get_joplin_notebooks(joplin_token)  
+    resp test_notebooks(c, cld)
+
+  get "/test_notes":
+    createTFD()
+    cld.j_notes = waitFor get_joplin_notes(joplin_token)
+    resp test_notes(c, cld)
+
+  get "/test_tags":
+    createTFD()
+    cld.j_tags = waitFor get_joplin_tags(joplin_token)
+    resp test_tags(c, cld)
+
+  get "/test_viewtree":
+    createTFD()
+    resp test_viewtree(c)
+
+
+# #                    ##
+# # END TESTS SECTION  ##
+# #                    ## 
diff --git a/public/css/progress.css b/public/css/progress.css
new file mode 100644
index 0000000..5b874a2
--- /dev/null
+++ b/public/css/progress.css
@@ -0,0 +1,29 @@
+@import "compass/css3";
+
+.status.open:before {
+    background-color: #94E185;
+    border-color: #78D965;
+    box-shadow: 0px 0px 4px 1px #94E185;
+    display: flex;
+}
+
+.status.in-progress:before {
+    background-color: #FFC182;
+    border-color: #FFB161;
+    box-shadow: 0px 0px 4px 1px #FFC182;
+}
+
+.status.dead:before {
+    background-color: #C9404D;
+    border-color: #C42C3B;
+    box-shadow: 0px 0px 4px 1px #C9404D;
+}
+
+.status:before {
+    content: ' ';
+    display: flex;
+    width: 5px;
+    height: 10px;    
+    border: 2px solid rgb(4, 52, 8);
+    border-radius: 3px;
+}
\ No newline at end of file
diff --git a/public/css/styles.css b/public/css/styles.css
index b1931f7..f0d2c94 100755
--- a/public/css/styles.css
+++ b/public/css/styles.css
@@ -1,5 +1,30 @@
+/*//////////////////////////////////////////////////////////////////
+[ FONT ]*/
+
+@font-face {
+  font-family: Poppins-Regular;
+  src: url('../fonts/poppins/Poppins-Regular.ttf'); 
+}
+
+@font-face {
+  font-family: Poppins-Medium;
+  src: url('../fonts/poppins/Poppins-Medium.ttf'); 
+}
+
+@font-face {
+  font-family: Poppins-Bold;
+  src: url('../fonts/poppins/Poppins-Bold.ttf'); 
+}
+
+@font-face {
+  font-family: Poppins-SemiBold;
+  src: url('../fonts/poppins/Poppins-SemiBold.ttf'); 
+}
+
+
 body {
   margin: 0;
+  font-family: Poppins-Regular, sans-serif;
 }
 
 *,
@@ -8,6 +33,18 @@ body {
   box-sizing: border-box;
 }
 
+a {
+	font-family: Poppins-Regular;
+	font-size: 14px;
+	line-height: 1.7;
+	color: #666666;
+	margin: 0px;
+	transition: all 0.4s;
+	-webkit-transition: all 0.4s;
+  -o-transition: all 0.4s;
+  -moz-transition: all 0.4s;
+}
+
 :root {
   --accent-color: #0053b8;
   --lightest-gray: rgb(244, 244, 244);
@@ -209,7 +246,7 @@ body {
 .sidebar-link {
   display: flex;
   width: 100%;
-  padding: 0.7rem 0;
+  padding: 0.5rem 0;
   color: var(--light-gray);
   text-decoration: none;
   align-items: center;
@@ -246,7 +283,7 @@ body {
 
 .your-channel {
   color: var(--dark-gray);
-  font-size: 0.75rem;
+  font-size: 1.5rem;
   font-weight: bold;
   margin-bottom: 0.15rem;
   margin-top: 0.5rem;
@@ -254,7 +291,7 @@ body {
 
 .channel-name {
   color: var(--medium-gray);
-  font-size: 0.75rem;
+  font-size: 1.0rem;
 }
 
 .sidebar .top-sidebar {
@@ -263,7 +300,7 @@ body {
 }
 
 .sidebar.open .top-sidebar {
-  height: 125px;
+  height: 140px;
 }
 
 .sidebar .top-sidebar .hidden-sidebar {
@@ -276,7 +313,7 @@ body {
 }
 
 .scrollbar-primary::-webkit-scrollbar {
-  width: 12px;
+  width: 6px;
   background-color: #F5F5F5;
 }
 
@@ -386,4 +423,8 @@ body {
   border-radius: 10px;
   -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
   background-color: #aa66cc;
-}
\ No newline at end of file
+}
+
+.fancytree-container {
+  outline: none;
+}  
\ No newline at end of file
diff --git a/public/js/viewtree.js b/public/js/viewtree.js
new file mode 100644
index 0000000..c0fd869
--- /dev/null
+++ b/public/js/viewtree.js
@@ -0,0 +1,31 @@
+
+$("#tree").fancytree({
+    checkbox: true,
+    selectMode: 3,
+    source: {
+      url:
+        "https://cdn.rawgit.com/mar10/fancytree/72e03685/demo/ajax-tree-products.json"
+    },
+    lazyLoad: function(event, data) {
+      data.result = {url: "https://cdn.rawgit.com/mar10/fancytree/72e03685/demo/ajax-sub2.json"};
+    },
+  
+    activate: function(event, data) {
+      $("#statusLine").text(event.type + ": " + data.node);
+    },
+    select: function(event, data) {
+      $("#statusLine").text(
+        event.type + ": " + data.node.isSelected() + " " + data.node
+      );
+    }
+  });
+  
+  // Sample button
+  $("#button1").click(function() {
+    var tree = $.ui.fancytree.getTree(),
+      node = tree.findFirst(function(n) {
+        return n.title === "The Hobbit";
+      });
+  
+    node.toggleSelected();
+  });
\ No newline at end of file
diff --git a/public/js/viewtree/LICENSE.txt b/public/js/viewtree/LICENSE.txt
new file mode 100644
index 0000000..ffeb70b
--- /dev/null
+++ b/public/js/viewtree/LICENSE.txt
@@ -0,0 +1,21 @@
+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
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
diff --git a/public/js/viewtree/jquery.fancytree-all-deps.js b/public/js/viewtree/jquery.fancytree-all-deps.js
new file mode 100644
index 0000000..ce020f9
--- /dev/null
+++ b/public/js/viewtree/jquery.fancytree-all-deps.js
@@ -0,0 +1,13852 @@
+/*! jQuery Fancytree Plugin - 2.38.2 - 2022-06-30T18:24:06Z
+  * https://github.com/mar10/fancytree
+  * Copyright (c) 2022 Martin Wendt; Licensed MIT
+ */
+/*! jQuery UI - v1.13.0 - 2021-11-09
+* http://jqueryui.com
+* Includes: widget.js, position.js, jquery-patch.js, keycode.js, scroll-parent.js, unique-id.js
+* Copyright jQuery Foundation and other contributors; Licensed MIT */
+
+/*
+	NOTE: Original jQuery UI wrapper was replaced with a simple IIFE.
+	See README-Fancytree.md
+*/
+(function( $ ) {
+
+	$.ui = $.ui || {};
+
+	var version = $.ui.version = "1.13.0";
+
+
+	/*!
+	 * jQuery UI Widget 1.13.0
+	 * http://jqueryui.com
+	 *
+	 * Copyright jQuery Foundation and other contributors
+	 * Released under the MIT license.
+	 * http://jquery.org/license
+	 */
+
+	//>>label: Widget
+	//>>group: Core
+	//>>description: Provides a factory for creating stateful widgets with a common API.
+	//>>docs: http://api.jqueryui.com/jQuery.widget/
+	//>>demos: http://jqueryui.com/widget/
+
+
+	var widgetUuid = 0;
+	var widgetHasOwnProperty = Array.prototype.hasOwnProperty;
+	var widgetSlice = Array.prototype.slice;
+
+	$.cleanData = ( function( orig ) {
+		return function( elems ) {
+			var events, elem, i;
+			for ( i = 0; ( elem = elems[ i ] ) != null; i++ ) {
+
+				// Only trigger remove when necessary to save time
+				events = $._data( elem, "events" );
+				if ( events && events.remove ) {
+					$( elem ).triggerHandler( "remove" );
+				}
+			}
+			orig( elems );
+		};
+	} )( $.cleanData );
+
+	$.widget = function( name, base, prototype ) {
+		var existingConstructor, constructor, basePrototype;
+
+		// ProxiedPrototype allows the provided prototype to remain unmodified
+		// so that it can be used as a mixin for multiple widgets (#8876)
+		var proxiedPrototype = {};
+
+		var namespace = name.split( "." )[ 0 ];
+		name = name.split( "." )[ 1 ];
+		var fullName = namespace + "-" + name;
+
+		if ( !prototype ) {
+			prototype = base;
+			base = $.Widget;
+		}
+
+		if ( Array.isArray( prototype ) ) {
+			prototype = $.extend.apply( null, [ {} ].concat( prototype ) );
+		}
+
+		// Create selector for plugin
+		$.expr.pseudos[ fullName.toLowerCase() ] = function( elem ) {
+			return !!$.data( elem, fullName );
+		};
+
+		$[ namespace ] = $[ namespace ] || {};
+		existingConstructor = $[ namespace ][ name ];
+		constructor = $[ namespace ][ name ] = function( options, element ) {
+
+			// Allow instantiation without "new" keyword
+			if ( !this._createWidget ) {
+				return new constructor( options, element );
+			}
+
+			// Allow instantiation without initializing for simple inheritance
+			// must use "new" keyword (the code above always passes args)
+			if ( arguments.length ) {
+				this._createWidget( options, element );
+			}
+		};
+
+		// Extend with the existing constructor to carry over any static properties
+		$.extend( constructor, existingConstructor, {
+			version: prototype.version,
+
+			// Copy the object used to create the prototype in case we need to
+			// redefine the widget later
+			_proto: $.extend( {}, prototype ),
+
+			// Track widgets that inherit from this widget in case this widget is
+			// redefined after a widget inherits from it
+			_childConstructors: []
+		} );
+
+		basePrototype = new base();
+
+		// We need to make the options hash a property directly on the new instance
+		// otherwise we'll modify the options hash on the prototype that we're
+		// inheriting from
+		basePrototype.options = $.widget.extend( {}, basePrototype.options );
+		$.each( prototype, function( prop, value ) {
+			if ( typeof value !== "function" ) {
+				proxiedPrototype[ prop ] = value;
+				return;
+			}
+			proxiedPrototype[ prop ] = ( function() {
+				function _super() {
+					return base.prototype[ prop ].apply( this, arguments );
+				}
+
+				function _superApply( args ) {
+					return base.prototype[ prop ].apply( this, args );
+				}
+
+				return function() {
+					var __super = this._super;
+					var __superApply = this._superApply;
+					var returnValue;
+
+					this._super = _super;
+					this._superApply = _superApply;
+
+					returnValue = value.apply( this, arguments );
+
+					this._super = __super;
+					this._superApply = __superApply;
+
+					return returnValue;
+				};
+			} )();
+		} );
+		constructor.prototype = $.widget.extend( basePrototype, {
+
+			// TODO: remove support for widgetEventPrefix
+			// always use the name + a colon as the prefix, e.g., draggable:start
+			// don't prefix for widgets that aren't DOM-based
+			widgetEventPrefix: existingConstructor ? ( basePrototype.widgetEventPrefix || name ) : name
+		}, proxiedPrototype, {
+			constructor: constructor,
+			namespace: namespace,
+			widgetName: name,
+			widgetFullName: fullName
+		} );
+
+		// If this widget is being redefined then we need to find all widgets that
+		// are inheriting from it and redefine all of them so that they inherit from
+		// the new version of this widget. We're essentially trying to replace one
+		// level in the prototype chain.
+		if ( existingConstructor ) {
+			$.each( existingConstructor._childConstructors, function( i, child ) {
+				var childPrototype = child.prototype;
+
+				// Redefine the child widget using the same prototype that was
+				// originally used, but inherit from the new version of the base
+				$.widget( childPrototype.namespace + "." + childPrototype.widgetName, constructor,
+					child._proto );
+			} );
+
+			// Remove the list of existing child constructors from the old constructor
+			// so the old child constructors can be garbage collected
+			delete existingConstructor._childConstructors;
+		} else {
+			base._childConstructors.push( constructor );
+		}
+
+		$.widget.bridge( name, constructor );
+
+		return constructor;
+	};
+
+	$.widget.extend = function( target ) {
+		var input = widgetSlice.call( arguments, 1 );
+		var inputIndex = 0;
+		var inputLength = input.length;
+		var key;
+		var value;
+
+		for ( ; inputIndex < inputLength; inputIndex++ ) {
+			for ( key in input[ inputIndex ] ) {
+				value = input[ inputIndex ][ key ];
+				if ( widgetHasOwnProperty.call( input[ inputIndex ], key ) && value !== undefined ) {
+
+					// Clone objects
+					if ( $.isPlainObject( value ) ) {
+						target[ key ] = $.isPlainObject( target[ key ] ) ?
+							$.widget.extend( {}, target[ key ], value ) :
+
+							// Don't extend strings, arrays, etc. with objects
+							$.widget.extend( {}, value );
+
+					// Copy everything else by reference
+					} else {
+						target[ key ] = value;
+					}
+				}
+			}
+		}
+		return target;
+	};
+
+	$.widget.bridge = function( name, object ) {
+		var fullName = object.prototype.widgetFullName || name;
+		$.fn[ name ] = function( options ) {
+			var isMethodCall = typeof options === "string";
+			var args = widgetSlice.call( arguments, 1 );
+			var returnValue = this;
+
+			if ( isMethodCall ) {
+
+				// If this is an empty collection, we need to have the instance method
+				// return undefined instead of the jQuery instance
+				if ( !this.length && options === "instance" ) {
+					returnValue = undefined;
+				} else {
+					this.each( function() {
+						var methodValue;
+						var instance = $.data( this, fullName );
+
+						if ( options === "instance" ) {
+							returnValue = instance;
+							return false;
+						}
+
+						if ( !instance ) {
+							return $.error( "cannot call methods on " + name +
+								" prior to initialization; " +
+								"attempted to call method '" + options + "'" );
+						}
+
+						if ( typeof instance[ options ] !== "function" ||
+							options.charAt( 0 ) === "_" ) {
+							return $.error( "no such method '" + options + "' for " + name +
+								" widget instance" );
+						}
+
+						methodValue = instance[ options ].apply( instance, args );
+
+						if ( methodValue !== instance && methodValue !== undefined ) {
+							returnValue = methodValue && methodValue.jquery ?
+								returnValue.pushStack( methodValue.get() ) :
+								methodValue;
+							return false;
+						}
+					} );
+				}
+			} else {
+
+				// Allow multiple hashes to be passed on init
+				if ( args.length ) {
+					options = $.widget.extend.apply( null, [ options ].concat( args ) );
+				}
+
+				this.each( function() {
+					var instance = $.data( this, fullName );
+					if ( instance ) {
+						instance.option( options || {} );
+						if ( instance._init ) {
+							instance._init();
+						}
+					} else {
+						$.data( this, fullName, new object( options, this ) );
+					}
+				} );
+			}
+
+			return returnValue;
+		};
+	};
+
+	$.Widget = function( /* options, element */ ) {};
+	$.Widget._childConstructors = [];
+
+	$.Widget.prototype = {
+		widgetName: "widget",
+		widgetEventPrefix: "",
+		defaultElement: "<div>",
+
+		options: {
+			classes: {},
+			disabled: false,
+
+			// Callbacks
+			create: null
+		},
+
+		_createWidget: function( options, element ) {
+			element = $( element || this.defaultElement || this )[ 0 ];
+			this.element = $( element );
+			this.uuid = widgetUuid++;
+			this.eventNamespace = "." + this.widgetName + this.uuid;
+
+			this.bindings = $();
+			this.hoverable = $();
+			this.focusable = $();
+			this.classesElementLookup = {};
+
+			if ( element !== this ) {
+				$.data( element, this.widgetFullName, this );
+				this._on( true, this.element, {
+					remove: function( event ) {
+						if ( event.target === element ) {
+							this.destroy();
+						}
+					}
+				} );
+				this.document = $( element.style ?
+
+					// Element within the document
+					element.ownerDocument :
+
+					// Element is window or document
+					element.document || element );
+				this.window = $( this.document[ 0 ].defaultView || this.document[ 0 ].parentWindow );
+			}
+
+			this.options = $.widget.extend( {},
+				this.options,
+				this._getCreateOptions(),
+				options );
+
+			this._create();
+
+			if ( this.options.disabled ) {
+				this._setOptionDisabled( this.options.disabled );
+			}
+
+			this._trigger( "create", null, this._getCreateEventData() );
+			this._init();
+		},
+
+		_getCreateOptions: function() {
+			return {};
+		},
+
+		_getCreateEventData: $.noop,
+
+		_create: $.noop,
+
+		_init: $.noop,
+
+		destroy: function() {
+			var that = this;
+
+			this._destroy();
+			$.each( this.classesElementLookup, function( key, value ) {
+				that._removeClass( value, key );
+			} );
+
+			// We can probably remove the unbind calls in 2.0
+			// all event bindings should go through this._on()
+			this.element
+				.off( this.eventNamespace )
+				.removeData( this.widgetFullName );
+			this.widget()
+				.off( this.eventNamespace )
+				.removeAttr( "aria-disabled" );
+
+			// Clean up events and states
+			this.bindings.off( this.eventNamespace );
+		},
+
+		_destroy: $.noop,
+
+		widget: function() {
+			return this.element;
+		},
+
+		option: function( key, value ) {
+			var options = key;
+			var parts;
+			var curOption;
+			var i;
+
+			if ( arguments.length === 0 ) {
+
+				// Don't return a reference to the internal hash
+				return $.widget.extend( {}, this.options );
+			}
+
+			if ( typeof key === "string" ) {
+
+				// Handle nested keys, e.g., "foo.bar" => { foo: { bar: ___ } }
+				options = {};
+				parts = key.split( "." );
+				key = parts.shift();
+				if ( parts.length ) {
+					curOption = options[ key ] = $.widget.extend( {}, this.options[ key ] );
+					for ( i = 0; i < parts.length - 1; i++ ) {
+						curOption[ parts[ i ] ] = curOption[ parts[ i ] ] || {};
+						curOption = curOption[ parts[ i ] ];
+					}
+					key = parts.pop();
+					if ( arguments.length === 1 ) {
+						return curOption[ key ] === undefined ? null : curOption[ key ];
+					}
+					curOption[ key ] = value;
+				} else {
+					if ( arguments.length === 1 ) {
+						return this.options[ key ] === undefined ? null : this.options[ key ];
+					}
+					options[ key ] = value;
+				}
+			}
+
+			this._setOptions( options );
+
+			return this;
+		},
+
+		_setOptions: function( options ) {
+			var key;
+
+			for ( key in options ) {
+				this._setOption( key, options[ key ] );
+			}
+
+			return this;
+		},
+
+		_setOption: function( key, value ) {
+			if ( key === "classes" ) {
+				this._setOptionClasses( value );
+			}
+
+			this.options[ key ] = value;
+
+			if ( key === "disabled" ) {
+				this._setOptionDisabled( value );
+			}
+
+			return this;
+		},
+
+		_setOptionClasses: function( value ) {
+			var classKey, elements, currentElements;
+
+			for ( classKey in value ) {
+				currentElements = this.classesElementLookup[ classKey ];
+				if ( value[ classKey ] === this.options.classes[ classKey ] ||
+						!currentElements ||
+						!currentElements.length ) {
+					continue;
+				}
+
+				// We are doing this to create a new jQuery object because the _removeClass() call
+				// on the next line is going to destroy the reference to the current elements being
+				// tracked. We need to save a copy of this collection so that we can add the new classes
+				// below.
+				elements = $( currentElements.get() );
+				this._removeClass( currentElements, classKey );
+
+				// We don't use _addClass() here, because that uses this.options.classes
+				// for generating the string of classes. We want to use the value passed in from
+				// _setOption(), this is the new value of the classes option which was passed to
+				// _setOption(). We pass this value directly to _classes().
+				elements.addClass( this._classes( {
+					element: elements,
+					keys: classKey,
+					classes: value,
+					add: true
+				} ) );
+			}
+		},
+
+		_setOptionDisabled: function( value ) {
+			this._toggleClass( this.widget(), this.widgetFullName + "-disabled", null, !!value );
+
+			// If the widget is becoming disabled, then nothing is interactive
+			if ( value ) {
+				this._removeClass( this.hoverable, null, "ui-state-hover" );
+				this._removeClass( this.focusable, null, "ui-state-focus" );
+			}
+		},
+
+		enable: function() {
+			return this._setOptions( { disabled: false } );
+		},
+
+		disable: function() {
+			return this._setOptions( { disabled: true } );
+		},
+
+		_classes: function( options ) {
+			var full = [];
+			var that = this;
+
+			options = $.extend( {
+				element: this.element,
+				classes: this.options.classes || {}
+			}, options );
+
+			function bindRemoveEvent() {
+				options.element.each( function( _, element ) {
+					var isTracked = $.map( that.classesElementLookup, function( elements ) {
+						return elements;
+					} )
+						.some( function( elements ) {
+							return elements.is( element );
+						} );
+
+					if ( !isTracked ) {
+						that._on( $( element ), {
+							remove: "_untrackClassesElement"
+						} );
+					}
+				} );
+			}
+
+			function processClassString( classes, checkOption ) {
+				var current, i;
+				for ( i = 0; i < classes.length; i++ ) {
+					current = that.classesElementLookup[ classes[ i ] ] || $();
+					if ( options.add ) {
+						bindRemoveEvent();
+						current = $( $.uniqueSort( current.get().concat( options.element.get() ) ) );
+					} else {
+						current = $( current.not( options.element ).get() );
+					}
+					that.classesElementLookup[ classes[ i ] ] = current;
+					full.push( classes[ i ] );
+					if ( checkOption && options.classes[ classes[ i ] ] ) {
+						full.push( options.classes[ classes[ i ] ] );
+					}
+				}
+			}
+
+			if ( options.keys ) {
+				processClassString( options.keys.match( /\S+/g ) || [], true );
+			}
+			if ( options.extra ) {
+				processClassString( options.extra.match( /\S+/g ) || [] );
+			}
+
+			return full.join( " " );
+		},
+
+		_untrackClassesElement: function( event ) {
+			var that = this;
+			$.each( that.classesElementLookup, function( key, value ) {
+				if ( $.inArray( event.target, value ) !== -1 ) {
+					that.classesElementLookup[ key ] = $( value.not( event.target ).get() );
+				}
+			} );
+
+			this._off( $( event.target ) );
+		},
+
+		_removeClass: function( element, keys, extra ) {
+			return this._toggleClass( element, keys, extra, false );
+		},
+
+		_addClass: function( element, keys, extra ) {
+			return this._toggleClass( element, keys, extra, true );
+		},
+
+		_toggleClass: function( element, keys, extra, add ) {
+			add = ( typeof add === "boolean" ) ? add : extra;
+			var shift = ( typeof element === "string" || element === null ),
+				options = {
+					extra: shift ? keys : extra,
+					keys: shift ? element : keys,
+					element: shift ? this.element : element,
+					add: add
+				};
+			options.element.toggleClass( this._classes( options ), add );
+			return this;
+		},
+
+		_on: function( suppressDisabledCheck, element, handlers ) {
+			var delegateElement;
+			var instance = this;
+
+			// No suppressDisabledCheck flag, shuffle arguments
+			if ( typeof suppressDisabledCheck !== "boolean" ) {
+				handlers = element;
+				element = suppressDisabledCheck;
+				suppressDisabledCheck = false;
+			}
+
+			// No element argument, shuffle and use this.element
+			if ( !handlers ) {
+				handlers = element;
+				element = this.element;
+				delegateElement = this.widget();
+			} else {
+				element = delegateElement = $( element );
+				this.bindings = this.bindings.add( element );
+			}
+
+			$.each( handlers, function( event, handler ) {
+				function handlerProxy() {
+
+					// Allow widgets to customize the disabled handling
+					// - disabled as an array instead of boolean
+					// - disabled class as method for disabling individual parts
+					if ( !suppressDisabledCheck &&
+							( instance.options.disabled === true ||
+							$( this ).hasClass( "ui-state-disabled" ) ) ) {
+						return;
+					}
+					return ( typeof handler === "string" ? instance[ handler ] : handler )
+						.apply( instance, arguments );
+				}
+
+				// Copy the guid so direct unbinding works
+				if ( typeof handler !== "string" ) {
+					handlerProxy.guid = handler.guid =
+						handler.guid || handlerProxy.guid || $.guid++;
+				}
+
+				var match = event.match( /^([\w:-]*)\s*(.*)$/ );
+				var eventName = match[ 1 ] + instance.eventNamespace;
+				var selector = match[ 2 ];
+
+				if ( selector ) {
+					delegateElement.on( eventName, selector, handlerProxy );
+				} else {
+					element.on( eventName, handlerProxy );
+				}
+			} );
+		},
+
+		_off: function( element, eventName ) {
+			eventName = ( eventName || "" ).split( " " ).join( this.eventNamespace + " " ) +
+				this.eventNamespace;
+			element.off( eventName );
+
+			// Clear the stack to avoid memory leaks (#10056)
+			this.bindings = $( this.bindings.not( element ).get() );
+			this.focusable = $( this.focusable.not( element ).get() );
+			this.hoverable = $( this.hoverable.not( element ).get() );
+		},
+
+		_delay: function( handler, delay ) {
+			function handlerProxy() {
+				return ( typeof handler === "string" ? instance[ handler ] : handler )
+					.apply( instance, arguments );
+			}
+			var instance = this;
+			return setTimeout( handlerProxy, delay || 0 );
+		},
+
+		_hoverable: function( element ) {
+			this.hoverable = this.hoverable.add( element );
+			this._on( element, {
+				mouseenter: function( event ) {
+					this._addClass( $( event.currentTarget ), null, "ui-state-hover" );
+				},
+				mouseleave: function( event ) {
+					this._removeClass( $( event.currentTarget ), null, "ui-state-hover" );
+				}
+			} );
+		},
+
+		_focusable: function( element ) {
+			this.focusable = this.focusable.add( element );
+			this._on( element, {
+				focusin: function( event ) {
+					this._addClass( $( event.currentTarget ), null, "ui-state-focus" );
+				},
+				focusout: function( event ) {
+					this._removeClass( $( event.currentTarget ), null, "ui-state-focus" );
+				}
+			} );
+		},
+
+		_trigger: function( type, event, data ) {
+			var prop, orig;
+			var callback = this.options[ type ];
+
+			data = data || {};
+			event = $.Event( event );
+			event.type = ( type === this.widgetEventPrefix ?
+				type :
+				this.widgetEventPrefix + type ).toLowerCase();
+
+			// The original event may come from any element
+			// so we need to reset the target on the new event
+			event.target = this.element[ 0 ];
+
+			// Copy original event properties over to the new event
+			orig = event.originalEvent;
+			if ( orig ) {
+				for ( prop in orig ) {
+					if ( !( prop in event ) ) {
+						event[ prop ] = orig[ prop ];
+					}
+				}
+			}
+
+			this.element.trigger( event, data );
+			return !( typeof callback === "function" &&
+				callback.apply( this.element[ 0 ], [ event ].concat( data ) ) === false ||
+				event.isDefaultPrevented() );
+		}
+	};
+
+	$.each( { show: "fadeIn", hide: "fadeOut" }, function( method, defaultEffect ) {
+		$.Widget.prototype[ "_" + method ] = function( element, options, callback ) {
+			if ( typeof options === "string" ) {
+				options = { effect: options };
+			}
+
+			var hasOptions;
+			var effectName = !options ?
+				method :
+				options === true || typeof options === "number" ?
+					defaultEffect :
+					options.effect || defaultEffect;
+
+			options = options || {};
+			if ( typeof options === "number" ) {
+				options = { duration: options };
+			} else if ( options === true ) {
+				options = {};
+			}
+
+			hasOptions = !$.isEmptyObject( options );
+			options.complete = callback;
+
+			if ( options.delay ) {
+				element.delay( options.delay );
+			}
+
+			if ( hasOptions && $.effects && $.effects.effect[ effectName ] ) {
+				element[ method ]( options );
+			} else if ( effectName !== method && element[ effectName ] ) {
+				element[ effectName ]( options.duration, options.easing, callback );
+			} else {
+				element.queue( function( next ) {
+					$( this )[ method ]();
+					if ( callback ) {
+						callback.call( element[ 0 ] );
+					}
+					next();
+				} );
+			}
+		};
+	} );
+
+	var widget = $.widget;
+
+
+	/*!
+	 * jQuery UI Position 1.13.0
+	 * http://jqueryui.com
+	 *
+	 * Copyright jQuery Foundation and other contributors
+	 * Released under the MIT license.
+	 * http://jquery.org/license
+	 *
+	 * http://api.jqueryui.com/position/
+	 */
+
+	//>>label: Position
+	//>>group: Core
+	//>>description: Positions elements relative to other elements.
+	//>>docs: http://api.jqueryui.com/position/
+	//>>demos: http://jqueryui.com/position/
+
+
+	( function() {
+	var cachedScrollbarWidth,
+		max = Math.max,
+		abs = Math.abs,
+		rhorizontal = /left|center|right/,
+		rvertical = /top|center|bottom/,
+		roffset = /[\+\-]\d+(\.[\d]+)?%?/,
+		rposition = /^\w+/,
+		rpercent = /%$/,
+		_position = $.fn.position;
+
+	function getOffsets( offsets, width, height ) {
+		return [
+			parseFloat( offsets[ 0 ] ) * ( rpercent.test( offsets[ 0 ] ) ? width / 100 : 1 ),
+			parseFloat( offsets[ 1 ] ) * ( rpercent.test( offsets[ 1 ] ) ? height / 100 : 1 )
+		];
+	}
+
+	function parseCss( element, property ) {
+		return parseInt( $.css( element, property ), 10 ) || 0;
+	}
+
+	function isWindow( obj ) {
+		return obj != null && obj === obj.window;
+	}
+
+	function getDimensions( elem ) {
+		var raw = elem[ 0 ];
+		if ( raw.nodeType === 9 ) {
+			return {
+				width: elem.width(),
+				height: elem.height(),
+				offset: { top: 0, left: 0 }
+			};
+		}
+		if ( isWindow( raw ) ) {
+			return {
+				width: elem.width(),
+				height: elem.height(),
+				offset: { top: elem.scrollTop(), left: elem.scrollLeft() }
+			};
+		}
+		if ( raw.preventDefault ) {
+			return {
+				width: 0,
+				height: 0,
+				offset: { top: raw.pageY, left: raw.pageX }
+			};
+		}
+		return {
+			width: elem.outerWidth(),
+			height: elem.outerHeight(),
+			offset: elem.offset()
+		};
+	}
+
+	$.position = {
+		scrollbarWidth: function() {
+			if ( cachedScrollbarWidth !== undefined ) {
+				return cachedScrollbarWidth;
+			}
+			var w1, w2,
+				div = $( "<div style=" +
+					"'display:block;position:absolute;width:200px;height:200px;overflow:hidden;'>" +
+					"<div style='height:300px;width:auto;'></div></div>" ),
+				innerDiv = div.children()[ 0 ];
+
+			$( "body" ).append( div );
+			w1 = innerDiv.offsetWidth;
+			div.css( "overflow", "scroll" );
+
+			w2 = innerDiv.offsetWidth;
+
+			if ( w1 === w2 ) {
+				w2 = div[ 0 ].clientWidth;
+			}
+
+			div.remove();
+
+			return ( cachedScrollbarWidth = w1 - w2 );
+		},
+		getScrollInfo: function( within ) {
+			var overflowX = within.isWindow || within.isDocument ? "" :
+					within.element.css( "overflow-x" ),
+				overflowY = within.isWindow || within.isDocument ? "" :
+					within.element.css( "overflow-y" ),
+				hasOverflowX = overflowX === "scroll" ||
+					( overflowX === "auto" && within.width < within.element[ 0 ].scrollWidth ),
+				hasOverflowY = overflowY === "scroll" ||
+					( overflowY === "auto" && within.height < within.element[ 0 ].scrollHeight );
+			return {
+				width: hasOverflowY ? $.position.scrollbarWidth() : 0,
+				height: hasOverflowX ? $.position.scrollbarWidth() : 0
+			};
+		},
+		getWithinInfo: function( element ) {
+			var withinElement = $( element || window ),
+				isElemWindow = isWindow( withinElement[ 0 ] ),
+				isDocument = !!withinElement[ 0 ] && withinElement[ 0 ].nodeType === 9,
+				hasOffset = !isElemWindow && !isDocument;
+			return {
+				element: withinElement,
+				isWindow: isElemWindow,
+				isDocument: isDocument,
+				offset: hasOffset ? $( element ).offset() : { left: 0, top: 0 },
+				scrollLeft: withinElement.scrollLeft(),
+				scrollTop: withinElement.scrollTop(),
+				width: withinElement.outerWidth(),
+				height: withinElement.outerHeight()
+			};
+		}
+	};
+
+	$.fn.position = function( options ) {
+		if ( !options || !options.of ) {
+			return _position.apply( this, arguments );
+		}
+
+		// Make a copy, we don't want to modify arguments
+		options = $.extend( {}, options );
+
+		var atOffset, targetWidth, targetHeight, targetOffset, basePosition, dimensions,
+
+			// Make sure string options are treated as CSS selectors
+			target = typeof options.of === "string" ?
+				$( document ).find( options.of ) :
+				$( options.of ),
+
+			within = $.position.getWithinInfo( options.within ),
+			scrollInfo = $.position.getScrollInfo( within ),
+			collision = ( options.collision || "flip" ).split( " " ),
+			offsets = {};
+
+		dimensions = getDimensions( target );
+		if ( target[ 0 ].preventDefault ) {
+
+			// Force left top to allow flipping
+			options.at = "left top";
+		}
+		targetWidth = dimensions.width;
+		targetHeight = dimensions.height;
+		targetOffset = dimensions.offset;
+
+		// Clone to reuse original targetOffset later
+		basePosition = $.extend( {}, targetOffset );
+
+		// Force my and at to have valid horizontal and vertical positions
+		// if a value is missing or invalid, it will be converted to center
+		$.each( [ "my", "at" ], function() {
+			var pos = ( options[ this ] || "" ).split( " " ),
+				horizontalOffset,
+				verticalOffset;
+
+			if ( pos.length === 1 ) {
+				pos = rhorizontal.test( pos[ 0 ] ) ?
+					pos.concat( [ "center" ] ) :
+					rvertical.test( pos[ 0 ] ) ?
+						[ "center" ].concat( pos ) :
+						[ "center", "center" ];
+			}
+			pos[ 0 ] = rhorizontal.test( pos[ 0 ] ) ? pos[ 0 ] : "center";
+			pos[ 1 ] = rvertical.test( pos[ 1 ] ) ? pos[ 1 ] : "center";
+
+			// Calculate offsets
+			horizontalOffset = roffset.exec( pos[ 0 ] );
+			verticalOffset = roffset.exec( pos[ 1 ] );
+			offsets[ this ] = [
+				horizontalOffset ? horizontalOffset[ 0 ] : 0,
+				verticalOffset ? verticalOffset[ 0 ] : 0
+			];
+
+			// Reduce to just the positions without the offsets
+			options[ this ] = [
+				rposition.exec( pos[ 0 ] )[ 0 ],
+				rposition.exec( pos[ 1 ] )[ 0 ]
+			];
+		} );
+
+		// Normalize collision option
+		if ( collision.length === 1 ) {
+			collision[ 1 ] = collision[ 0 ];
+		}
+
+		if ( options.at[ 0 ] === "right" ) {
+			basePosition.left += targetWidth;
+		} else if ( options.at[ 0 ] === "center" ) {
+			basePosition.left += targetWidth / 2;
+		}
+
+		if ( options.at[ 1 ] === "bottom" ) {
+			basePosition.top += targetHeight;
+		} else if ( options.at[ 1 ] === "center" ) {
+			basePosition.top += targetHeight / 2;
+		}
+
+		atOffset = getOffsets( offsets.at, targetWidth, targetHeight );
+		basePosition.left += atOffset[ 0 ];
+		basePosition.top += atOffset[ 1 ];
+
+		return this.each( function() {
+			var collisionPosition, using,
+				elem = $( this ),
+				elemWidth = elem.outerWidth(),
+				elemHeight = elem.outerHeight(),
+				marginLeft = parseCss( this, "marginLeft" ),
+				marginTop = parseCss( this, "marginTop" ),
+				collisionWidth = elemWidth + marginLeft + parseCss( this, "marginRight" ) +
+					scrollInfo.width,
+				collisionHeight = elemHeight + marginTop + parseCss( this, "marginBottom" ) +
+					scrollInfo.height,
+				position = $.extend( {}, basePosition ),
+				myOffset = getOffsets( offsets.my, elem.outerWidth(), elem.outerHeight() );
+
+			if ( options.my[ 0 ] === "right" ) {
+				position.left -= elemWidth;
+			} else if ( options.my[ 0 ] === "center" ) {
+				position.left -= elemWidth / 2;
+			}
+
+			if ( options.my[ 1 ] === "bottom" ) {
+				position.top -= elemHeight;
+			} else if ( options.my[ 1 ] === "center" ) {
+				position.top -= elemHeight / 2;
+			}
+
+			position.left += myOffset[ 0 ];
+			position.top += myOffset[ 1 ];
+
+			collisionPosition = {
+				marginLeft: marginLeft,
+				marginTop: marginTop
+			};
+
+			$.each( [ "left", "top" ], function( i, dir ) {
+				if ( $.ui.position[ collision[ i ] ] ) {
+					$.ui.position[ collision[ i ] ][ dir ]( position, {
+						targetWidth: targetWidth,
+						targetHeight: targetHeight,
+						elemWidth: elemWidth,
+						elemHeight: elemHeight,
+						collisionPosition: collisionPosition,
+						collisionWidth: collisionWidth,
+						collisionHeight: collisionHeight,
+						offset: [ atOffset[ 0 ] + myOffset[ 0 ], atOffset [ 1 ] + myOffset[ 1 ] ],
+						my: options.my,
+						at: options.at,
+						within: within,
+						elem: elem
+					} );
+				}
+			} );
+
+			if ( options.using ) {
+
+				// Adds feedback as second argument to using callback, if present
+				using = function( props ) {
+					var left = targetOffset.left - position.left,
+						right = left + targetWidth - elemWidth,
+						top = targetOffset.top - position.top,
+						bottom = top + targetHeight - elemHeight,
+						feedback = {
+							target: {
+								element: target,
+								left: targetOffset.left,
+								top: targetOffset.top,
+								width: targetWidth,
+								height: targetHeight
+							},
+							element: {
+								element: elem,
+								left: position.left,
+								top: position.top,
+								width: elemWidth,
+								height: elemHeight
+							},
+							horizontal: right < 0 ? "left" : left > 0 ? "right" : "center",
+							vertical: bottom < 0 ? "top" : top > 0 ? "bottom" : "middle"
+						};
+					if ( targetWidth < elemWidth && abs( left + right ) < targetWidth ) {
+						feedback.horizontal = "center";
+					}
+					if ( targetHeight < elemHeight && abs( top + bottom ) < targetHeight ) {
+						feedback.vertical = "middle";
+					}
+					if ( max( abs( left ), abs( right ) ) > max( abs( top ), abs( bottom ) ) ) {
+						feedback.important = "horizontal";
+					} else {
+						feedback.important = "vertical";
+					}
+					options.using.call( this, props, feedback );
+				};
+			}
+
+			elem.offset( $.extend( position, { using: using } ) );
+		} );
+	};
+
+	$.ui.position = {
+		fit: {
+			left: function( position, data ) {
+				var within = data.within,
+					withinOffset = within.isWindow ? within.scrollLeft : within.offset.left,
+					outerWidth = within.width,
+					collisionPosLeft = position.left - data.collisionPosition.marginLeft,
+					overLeft = withinOffset - collisionPosLeft,
+					overRight = collisionPosLeft + data.collisionWidth - outerWidth - withinOffset,
+					newOverRight;
+
+				// Element is wider than within
+				if ( data.collisionWidth > outerWidth ) {
+
+					// Element is initially over the left side of within
+					if ( overLeft > 0 && overRight <= 0 ) {
+						newOverRight = position.left + overLeft + data.collisionWidth - outerWidth -
+							withinOffset;
+						position.left += overLeft - newOverRight;
+
+					// Element is initially over right side of within
+					} else if ( overRight > 0 && overLeft <= 0 ) {
+						position.left = withinOffset;
+
+					// Element is initially over both left and right sides of within
+					} else {
+						if ( overLeft > overRight ) {
+							position.left = withinOffset + outerWidth - data.collisionWidth;
+						} else {
+							position.left = withinOffset;
+						}
+					}
+
+				// Too far left -> align with left edge
+				} else if ( overLeft > 0 ) {
+					position.left += overLeft;
+
+				// Too far right -> align with right edge
+				} else if ( overRight > 0 ) {
+					position.left -= overRight;
+
+				// Adjust based on position and margin
+				} else {
+					position.left = max( position.left - collisionPosLeft, position.left );
+				}
+			},
+			top: function( position, data ) {
+				var within = data.within,
+					withinOffset = within.isWindow ? within.scrollTop : within.offset.top,
+					outerHeight = data.within.height,
+					collisionPosTop = position.top - data.collisionPosition.marginTop,
+					overTop = withinOffset - collisionPosTop,
+					overBottom = collisionPosTop + data.collisionHeight - outerHeight - withinOffset,
+					newOverBottom;
+
+				// Element is taller than within
+				if ( data.collisionHeight > outerHeight ) {
+
+					// Element is initially over the top of within
+					if ( overTop > 0 && overBottom <= 0 ) {
+						newOverBottom = position.top + overTop + data.collisionHeight - outerHeight -
+							withinOffset;
+						position.top += overTop - newOverBottom;
+
+					// Element is initially over bottom of within
+					} else if ( overBottom > 0 && overTop <= 0 ) {
+						position.top = withinOffset;
+
+					// Element is initially over both top and bottom of within
+					} else {
+						if ( overTop > overBottom ) {
+							position.top = withinOffset + outerHeight - data.collisionHeight;
+						} else {
+							position.top = withinOffset;
+						}
+					}
+
+				// Too far up -> align with top
+				} else if ( overTop > 0 ) {
+					position.top += overTop;
+
+				// Too far down -> align with bottom edge
+				} else if ( overBottom > 0 ) {
+					position.top -= overBottom;
+
+				// Adjust based on position and margin
+				} else {
+					position.top = max( position.top - collisionPosTop, position.top );
+				}
+			}
+		},
+		flip: {
+			left: function( position, data ) {
+				var within = data.within,
+					withinOffset = within.offset.left + within.scrollLeft,
+					outerWidth = within.width,
+					offsetLeft = within.isWindow ? within.scrollLeft : within.offset.left,
+					collisionPosLeft = position.left - data.collisionPosition.marginLeft,
+					overLeft = collisionPosLeft - offsetLeft,
+					overRight = collisionPosLeft + data.collisionWidth - outerWidth - offsetLeft,
+					myOffset = data.my[ 0 ] === "left" ?
+						-data.elemWidth :
+						data.my[ 0 ] === "right" ?
+							data.elemWidth :
+							0,
+					atOffset = data.at[ 0 ] === "left" ?
+						data.targetWidth :
+						data.at[ 0 ] === "right" ?
+							-data.targetWidth :
+							0,
+					offset = -2 * data.offset[ 0 ],
+					newOverRight,
+					newOverLeft;
+
+				if ( overLeft < 0 ) {
+					newOverRight = position.left + myOffset + atOffset + offset + data.collisionWidth -
+						outerWidth - withinOffset;
+					if ( newOverRight < 0 || newOverRight < abs( overLeft ) ) {
+						position.left += myOffset + atOffset + offset;
+					}
+				} else if ( overRight > 0 ) {
+					newOverLeft = position.left - data.collisionPosition.marginLeft + myOffset +
+						atOffset + offset - offsetLeft;
+					if ( newOverLeft > 0 || abs( newOverLeft ) < overRight ) {
+						position.left += myOffset + atOffset + offset;
+					}
+				}
+			},
+			top: function( position, data ) {
+				var within = data.within,
+					withinOffset = within.offset.top + within.scrollTop,
+					outerHeight = within.height,
+					offsetTop = within.isWindow ? within.scrollTop : within.offset.top,
+					collisionPosTop = position.top - data.collisionPosition.marginTop,
+					overTop = collisionPosTop - offsetTop,
+					overBottom = collisionPosTop + data.collisionHeight - outerHeight - offsetTop,
+					top = data.my[ 1 ] === "top",
+					myOffset = top ?
+						-data.elemHeight :
+						data.my[ 1 ] === "bottom" ?
+							data.elemHeight :
+							0,
+					atOffset = data.at[ 1 ] === "top" ?
+						data.targetHeight :
+						data.at[ 1 ] === "bottom" ?
+							-data.targetHeight :
+							0,
+					offset = -2 * data.offset[ 1 ],
+					newOverTop,
+					newOverBottom;
+				if ( overTop < 0 ) {
+					newOverBottom = position.top + myOffset + atOffset + offset + data.collisionHeight -
+						outerHeight - withinOffset;
+					if ( newOverBottom < 0 || newOverBottom < abs( overTop ) ) {
+						position.top += myOffset + atOffset + offset;
+					}
+				} else if ( overBottom > 0 ) {
+					newOverTop = position.top - data.collisionPosition.marginTop + myOffset + atOffset +
+						offset - offsetTop;
+					if ( newOverTop > 0 || abs( newOverTop ) < overBottom ) {
+						position.top += myOffset + atOffset + offset;
+					}
+				}
+			}
+		},
+		flipfit: {
+			left: function() {
+				$.ui.position.flip.left.apply( this, arguments );
+				$.ui.position.fit.left.apply( this, arguments );
+			},
+			top: function() {
+				$.ui.position.flip.top.apply( this, arguments );
+				$.ui.position.fit.top.apply( this, arguments );
+			}
+		}
+	};
+
+	} )();
+
+	var position = $.ui.position;
+
+
+	/*!
+	 * jQuery UI Support for jQuery core 1.8.x and newer 1.13.0
+	 * http://jqueryui.com
+	 *
+	 * Copyright jQuery Foundation and other contributors
+	 * Released under the MIT license.
+	 * http://jquery.org/license
+	 *
+	 */
+
+	//>>label: jQuery 1.8+ Support
+	//>>group: Core
+	//>>description: Support version 1.8.x and newer of jQuery core
+
+
+	// Support: jQuery 1.9.x or older
+	// $.expr[ ":" ] is deprecated.
+	if ( !$.expr.pseudos ) {
+		$.expr.pseudos = $.expr[ ":" ];
+	}
+
+	// Support: jQuery 1.11.x or older
+	// $.unique has been renamed to $.uniqueSort
+	if ( !$.uniqueSort ) {
+		$.uniqueSort = $.unique;
+	}
+
+	// Support: jQuery 2.2.x or older.
+	// This method has been defined in jQuery 3.0.0.
+	// Code from https://github.com/jquery/jquery/blob/e539bac79e666bba95bba86d690b4e609dca2286/src/selector/escapeSelector.js
+	if ( !$.escapeSelector ) {
+
+		// CSS string/identifier serialization
+		// https://drafts.csswg.org/cssom/#common-serializing-idioms
+		var rcssescape = /([\0-\x1f\x7f]|^-?\d)|^-$|[^\x80-\uFFFF\w-]/g;
+
+		var fcssescape = function( ch, asCodePoint ) {
+			if ( asCodePoint ) {
+
+				// U+0000 NULL becomes U+FFFD REPLACEMENT CHARACTER
+				if ( ch === "\0" ) {
+					return "\uFFFD";
+				}
+
+				// Control characters and (dependent upon position) numbers get escaped as code points
+				return ch.slice( 0, -1 ) + "\\" + ch.charCodeAt( ch.length - 1 ).toString( 16 ) + " ";
+			}
+
+			// Other potentially-special ASCII characters get backslash-escaped
+			return "\\" + ch;
+		};
+
+		$.escapeSelector = function( sel ) {
+			return ( sel + "" ).replace( rcssescape, fcssescape );
+		};
+	}
+
+	// Support: jQuery 3.4.x or older
+	// These methods have been defined in jQuery 3.5.0.
+	if ( !$.fn.even || !$.fn.odd ) {
+		$.fn.extend( {
+			even: function() {
+				return this.filter( function( i ) {
+					return i % 2 === 0;
+				} );
+			},
+			odd: function() {
+				return this.filter( function( i ) {
+					return i % 2 === 1;
+				} );
+			}
+		} );
+	}
+
+	;
+	/*!
+	 * jQuery UI Keycode 1.13.0
+	 * http://jqueryui.com
+	 *
+	 * Copyright jQuery Foundation and other contributors
+	 * Released under the MIT license.
+	 * http://jquery.org/license
+	 */
+
+	//>>label: Keycode
+	//>>group: Core
+	//>>description: Provide keycodes as keynames
+	//>>docs: http://api.jqueryui.com/jQuery.ui.keyCode/
+
+
+	var keycode = $.ui.keyCode = {
+		BACKSPACE: 8,
+		COMMA: 188,
+		DELETE: 46,
+		DOWN: 40,
+		END: 35,
+		ENTER: 13,
+		ESCAPE: 27,
+		HOME: 36,
+		LEFT: 37,
+		PAGE_DOWN: 34,
+		PAGE_UP: 33,
+		PERIOD: 190,
+		RIGHT: 39,
+		SPACE: 32,
+		TAB: 9,
+		UP: 38
+	};
+
+
+	/*!
+	 * jQuery UI Scroll Parent 1.13.0
+	 * http://jqueryui.com
+	 *
+	 * Copyright jQuery Foundation and other contributors
+	 * Released under the MIT license.
+	 * http://jquery.org/license
+	 */
+
+	//>>label: scrollParent
+	//>>group: Core
+	//>>description: Get the closest ancestor element that is scrollable.
+	//>>docs: http://api.jqueryui.com/scrollParent/
+
+
+	var scrollParent = $.fn.scrollParent = function( includeHidden ) {
+		var position = this.css( "position" ),
+			excludeStaticParent = position === "absolute",
+			overflowRegex = includeHidden ? /(auto|scroll|hidden)/ : /(auto|scroll)/,
+			scrollParent = this.parents().filter( function() {
+				var parent = $( this );
+				if ( excludeStaticParent && parent.css( "position" ) === "static" ) {
+					return false;
+				}
+				return overflowRegex.test( parent.css( "overflow" ) + parent.css( "overflow-y" ) +
+					parent.css( "overflow-x" ) );
+			} ).eq( 0 );
+
+		return position === "fixed" || !scrollParent.length ?
+			$( this[ 0 ].ownerDocument || document ) :
+			scrollParent;
+	};
+
+
+	/*!
+	 * jQuery UI Unique ID 1.13.0
+	 * http://jqueryui.com
+	 *
+	 * Copyright jQuery Foundation and other contributors
+	 * Released under the MIT license.
+	 * http://jquery.org/license
+	 */
+
+	//>>label: uniqueId
+	//>>group: Core
+	//>>description: Functions to generate and remove uniqueId's
+	//>>docs: http://api.jqueryui.com/uniqueId/
+
+
+	var uniqueId = $.fn.extend( {
+		uniqueId: ( function() {
+			var uuid = 0;
+
+			return function() {
+				return this.each( function() {
+					if ( !this.id ) {
+						this.id = "ui-id-" + ( ++uuid );
+					}
+				} );
+			};
+		} )(),
+
+		removeUniqueId: function() {
+			return this.each( function() {
+				if ( /^ui-id-\d+$/.test( this.id ) ) {
+					$( this ).removeAttr( "id" );
+				}
+			} );
+		}
+	} );
+
+
+
+
+// NOTE: Original jQuery UI wrapper was replaced. See README-Fancytree.md
+// }));
+})(jQuery);
+
+(function( factory ) {
+	if ( typeof define === "function" && define.amd ) {
+		// AMD. Register as an anonymous module.
+		define( [ "jquery" ], factory );
+	} else if ( typeof module === "object" && module.exports ) {
+		// Node/CommonJS
+		module.exports = factory(require("jquery"));
+	} else {
+		// Browser globals
+		factory( jQuery );
+	}
+}(function( $ ) {
+
+
+/*! Fancytree Core *//*!
+ * jquery.fancytree.js
+ * Tree view control with support for lazy loading and much more.
+ * 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.2
+ * @date 2022-06-30T18:24:06Z
+ */
+
+/** Core Fancytree module.
+ */
+
+// UMD wrapper for the Fancytree core module
+(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) {
+		// Node/CommonJS
+		require("./jquery.fancytree.ui-deps");
+		module.exports = factory(require("jquery"));
+	} else {
+		// Browser globals
+		factory(jQuery);
+	}
+})(function ($) {
+	"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",
+		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,
+		};
+
+	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);
+		}
+	}
+
+	function _hasProp(object, property) {
+		return Object.prototype.hasOwnProperty.call(object, property);
+	}
+
+	/* Replacement for the deprecated `jQuery.isFunction()`. */
+	function _isFunction(obj) {
+		return typeof obj === "function";
+	}
+
+	/* Replacement for the deprecated `jQuery.trim()`. */
+	function _trim(text) {
+		return text == null ? "" : text.trim();
+	}
+
+	/* Replacement for the deprecated `jQuery.isArray()`. */
+	var _isArray = Array.isArray;
+
+	_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;
+	}
+
+	/**
+	 * 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 = {};
+		}
+		if (i === length) {
+			throw Error("need at least two args");
+		}
+		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 (_hasProp(options, 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;
+						}
+					}
+				}
+			}
+		}
+		// Return the modified object
+		return target;
+	}
+
+	/** 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];
+				}
+			}
+		}
+	}
+
+	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 (var i = 0, l = children.length; i < l; i++) {
+				this.children.push(new FancytreeNode(this, children[i]));
+			}
+			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 = [];
+
+			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 (_hasProp(patch, name)) {
+					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 (_hasProp(patch, "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 (_hasProp(patch, "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();
+				}
+			}
+			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.tree.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);
+				}
+			});
+			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;
+			}
+			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.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.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;
+
+				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);
+
+			// 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;
+						}
+					}
+				}
+				// eslint-disable-next-line no-nested-ternary
+				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".
+		 *
+		 * (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;
+
+			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;
+			}
+			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 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 || "/";
+
+			var val,
+				path = [],
+				isFunc = _isFunction(part);
+
+			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 = 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 `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);
+
+			// 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;
+			}
+
+			for (i = 0, l = parents.length; i < l; i++) {
+				n = parents[i];
+
+				if (!n.expanded) {
+					// this.debug("isVisible: HIDDEN (parent collapsed)");
+					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);
+							}
+						}
+					}
+				}
+			}
+			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 `<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
+
+		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>", {
+			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");
+			}
+			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 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;
+			}
+			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
+		 * @param {object} [opts] additional options. Defaults to {noEvents: false, noFocus: false}
+		 * @returns {FancytreeNode} activated node (null, if not found)
+		 */
+		activateKey: function (key, opts) {
+			var node = this.getNodeByKey(key);
+			if (node) {
+				node.setActive(true, opts);
+			} else if (this.activeNode) {
+				this.activeNode.setActive(false, opts);
+			}
+			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_
+			// );
+
+			node = node || this.getActiveNode();
+			// clipboard = opts.clipboard;
+
+			switch (cmd) {
+				// Sorting and indentation:
+				case "moveUp":
+					refNode = node.getPrevSibling();
+					if (refNode) {
+						node.moveTo(refNode, "before");
+						node.setActive();
+					}
+					break;
+				case "moveDown":
+					refNode = node.getNextSibling();
+					if (refNode) {
+						node.moveTo(refNode, "after");
+						node.setActive();
+					}
+					break;
+				case "indent":
+					refNode = node.getPrevSibling();
+					if (refNode) {
+						node.moveTo(refNode, "child");
+						refNode.setExpanded();
+						node.setActive();
+					}
+					break;
+				case "outdent":
+					if (!node.isTopLevel()) {
+						node.moveTo(node.getParent(), "after");
+						node.setActive();
+					}
+					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 + "'");
+			}
+		},
+		/** (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);
+			}
+		},
+		/** 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 {
+				this.widget.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;
+			if (!!this._enableUpdate === !!flag) {
+				return flag;
+			}
+			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)...");
+			}
+			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);
+
+			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;
+				}
+			}
+			this.visitRows(_checkNode, {
+				start: startNode,
+				includeSelf: false,
+			});
+			// Wrap around search
+			if (!res && startNode !== firstNode) {
+				this.visitRows(_checkNode, {
+					start: firstNode,
+					includeSelf: true,
+				});
+			}
+			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 (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;
+						}
+					});
+					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;
+				}
+			}
+			// 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;
+		},
+		/** Return the invisible system root node.
+		 * @returns {FancytreeNode}
+		 */
+		getRootNode: function () {
+			return this.rootNode;
+		},
+		/**
+		 * 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
+			// 	);
+
+			// 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);
+			}
+		},
+		/** 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;
+			}
+			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;
+				};
+			}
+			// 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,
+				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 (_hasProp(remainMap, 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;
+				}
+				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,
+					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 {
+					$.error("Invalid source type: " + source);
+				}
+
+				// 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 (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 &&
+							_hasProp(data, "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");
+	 * var node = $("#tree").fancytree("getActiveNode");
+	 *
+	 * // RECOMMENDED: Use the Fancytree object API
+	 * var tree = $.ui.fancytree.getTree("#tree");
+	 * 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.2", // 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;
+			},
+			/** 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(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;
+			}
+			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 (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;
+					}
+				};
+			},
+			/**
+			 * 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 = [];
+
+				$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: {} };
+
+					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 (_hasProp(allData, 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;
+			},
+			/** Replacement for the deprecated `jQuery.trim()`.
+			 *
+			 * @param {string} text
+			 */
+			trim: _trim,
+			/** 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](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
+// source code.
+// Prefix with `/*!` so the comment is not removed by the minifier.
+
+/*!
+ * jquery.fancytree.childcounter.js
+ *
+ * Add a child counter bubble to tree nodes.
+ * (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.2
+ * @date 2022-06-30T18:24:06Z
+ */
+
+// To keep the global namespace clean, we wrap everything in a closure.
+// The UMD wrapper pattern defines the dependencies on jQuery and the
+// Fancytree core module, and makes sure that we can use the `require()`
+// syntax with package loaders.
+
+(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 ($) {
+	// Consider to use [strict mode](http://ejohn.org/blog/ecmascript-5-strict-mode-json-and-more/)
+	"use strict";
+
+	// 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.
+
+	/*eslint-disable no-unused-vars */
+
+	// Adding methods
+	// --------------
+
+	// 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;
+
+		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,span.fancytree-custom-icon",
+						node.span
+					)
+				);
+			}
+			$badge.text(count);
+		} else {
+			$badge.remove();
+		}
+		if (extOpts.deep && !node.isTopLevel() && !node.isRootNode()) {
+			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](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.2",
+
+		// 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' *//*!
+ *
+ * jquery.fancytree.clones.js
+ * 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-2021, Martin Wendt (https://wwWendt.de)
+ *
+ * Released under the MIT license
+ * https://github.com/mar10/fancytree/wiki/LicenseInfo
+ *
+ * @version 2.38.2
+ * @date 2022-06-30T18:24:06Z
+ */
+
+(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 _assert = $.ui.fancytree.assert;
+
+	/* 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;
+	}
+
+	/**
+	 * 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;
+
+		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);
+		}
+
+		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 */
+	}
+
+	/*
+	 * 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;
+			});
+
+		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
+
+		h1 = hashMurmur3(path, true);
+		key = "id_" + h1 + hashMurmur3(h1 + path, true);
+
+		return key;
+	}
+
+	/**
+	 * [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;
+	};
+
+	/**
+	 * [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;
+					});
+				}
+			}
+			// 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;
+	};
+
+	/**
+	 * [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.38.2",
+		// 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) {
+					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);
+				}
+				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]);
+					}
+				}
+			}
+			return this._super(ctx, add, node);
+		},
+		nodeRenderStatus: function (ctx) {
+			var $span,
+				res,
+				node = ctx.node;
+
+			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");
+				}
+			}
+			return res;
+		},
+		nodeSetActive: function (ctx, flag, callOpts) {
+			var res,
+				scpn = ctx.tree.statusClassPropName,
+				node = ctx.node;
+
+			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
+
+
+/*! Extension 'jquery.fancytree.dnd5.js' *//*!
+ * jquery.fancytree.dnd5.js
+ *
+ * Drag-and-drop support (native HTML5).
+ * (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.2
+ * @date 2022-06-30T18:24:06Z
+ */
+
+/*
+ #TODO
+	Compatiblity when dragging between *separate* windows:
+
+		   Drag from Chrome   Edge    FF    IE11    Safari
+	  To Chrome      ok       ok      ok    NO      ?
+		 Edge        ok       ok      ok    NO      ?
+		 FF          ok       ok      ok    NO      ?
+		 IE 11       ok       ok      ok    ok      ?
+		 Safari      ?        ?       ?     ?       ok
+
+ */
+
+(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 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;
+		}
+	}
+
+	/* 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;
+	}
+
+	/* 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 (Array.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;
+	}
+
+	/* 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;
+	// }
+
+	/* 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;
+				}
+			} 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");
+		}
+		return scrolled;
+	}
+
+	/* 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 (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) {
+			hitMode = "after";
+		} else if (
+			!DRAG_ENTER_RESPONSE.over &&
+			DRAG_ENTER_RESPONSE.after &&
+			relPosY > 0.5
+		) {
+			hitMode = "after";
+		} else if (DRAG_ENTER_RESPONSE.before && relPosY <= 0.25) {
+			hitMode = "before";
+		} else if (
+			!DRAG_ENTER_RESPONSE.over &&
+			DRAG_ENTER_RESPONSE.before &&
+			relPosY <= 0.5
+		) {
+			hitMode = "before";
+		} 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 && data.dropEffect === "move") {
+			if (targetNode === sourceNode) {
+				targetNode.debug("Drop over source node prevented.");
+				hitMode = null;
+			} 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()
+			) {
+				targetNode.debug("Drop before source node prevented.");
+				hitMode = null;
+			} 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) {
+			prepareDropEffectCallback(event, data);
+			dndOpts.dragOver(targetNode, data);
+			var allowDrop = !!hitMode;
+			applyDropEffectCallback(event, data, allowDrop);
+			hitMode = data.hitMode;
+		}
+		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")
+		}
+
+		$(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;
+	}
+
+	/*
+	 * 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,
+			};
+
+		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;
+		}
+	}
+	/*
+	 * 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.2",
+		// 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' *//*!
+ * jquery.fancytree.edit.js
+ *
+ * Make node titles editable.
+ * (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.2
+ * @date 2022-06-30T18:24:06Z
+ */
+
+(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),
+		escapeHtml = $.ui.fancytree.escapeHtml,
+		trim = $.ui.fancytree.trim,
+		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,
+			};
+
+		// 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();
+
+		local.lastDraggableAttrValue = node.span.draggable;
+		if (local.lastDraggableAttrValue) {
+			node.span.draggable = false;
+		}
+
+		// #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.2",
+		// 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' *//*!
+ * jquery.fancytree.filter.js
+ *
+ * Remove or highlight tree nodes, based on a filter.
+ * (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.2
+ * @date 2022-06-30T18:24:06Z
+ */
+
+(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 KeyNoData = "__not_found__",
+		escapeHtml = $.ui.fancytree.escapeHtml,
+		exoticStartChar = "\uFFF7",
+		exoticEndChar = "\uFFF8";
+	function _escapeRegex(str) {
+		return (str + "").replace(/([.?*+^$[\]\\(){}|-])/g, "\\$1");
+	}
+
+	function extractHtmlText(s) {
+		if (s.indexOf(">") >= 0) {
+			return $("<div/>").html(s).text();
+		}
+		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 {
+			// Otherwise, Wrap the matching chars within `mark`.
+			matchingIndices.forEach(function (v) {
+				textPoses[v] = "<mark>" + textPoses[v] + "</mark>";
+			});
+		}
+		// Join back the modified `textPoses` to create final highlight markup.
+		return textPoses.join("");
+	}
+	$.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;
+
+		// 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 {
+				match = _escapeRegex(filter); // make sure a '.' is treated literally
+			}
+			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;
+			};
+		}
+
+		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");
+		}
+		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();
+		}
+
+		// 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) {
+					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);
+			}
+		});
+		treeOpts.autoCollapse = prevAutoCollapse;
+
+		if (count === 0 && opts.nodata && hideMode) {
+			statusNode = opts.nodata;
+			if (typeof statusNode === "function") {
+				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.2",
+		// 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;
+		},
+	});
+	// Value returned by `require('jquery.fancytree..')`
+	return $.ui.fancytree;
+}); // End of closure
+
+
+/*! Extension 'jquery.fancytree.glyph.js' *//*!
+ * jquery.fancytree.glyph.js
+ *
+ * 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-2021, Martin Wendt (https://wwWendt.de)
+ *
+ * Released under the MIT license
+ * https://github.com/mar10/fancytree/wiki/LicenseInfo
+ *
+ * @version 2.38.2
+ * @date 2022-06-30T18:24:06Z
+ */
+
+(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 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",
+			},
+			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",
+			},
+			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 || "");
+
+		// #871 Allow a callback
+		if (typeof icon === "function") {
+			icon = icon.call(this, node, span, type);
+		}
+		// 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
+			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 {
+				span.innerHTML = "";
+			}
+			$span
+				.attr("class", setClass + " " + (icon.addClass || ""))
+				.append($counter);
+		}
+	}
+
+	$.ui.fancytree.registerExtension({
+		name: "glyph",
+		version: "2.38.2",
+		// 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' *//*!
+ * jquery.fancytree.gridnav.js
+ *
+ * Support keyboard navigation for trees with embedded input controls.
+ * (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.2
+ * @date 2022-06-30T18:24:06Z
+ */
+
+(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) {
+		// Node/CommonJS
+		require("./jquery.fancytree.table"); // core + table
+		module.exports = factory(require("jquery"));
+	} else {
+		// Browser globals
+		factory(jQuery);
+	}
+})(function ($) {
+	"use strict";
+
+	/*******************************************************************************
+	 * Private functions and variables
+	 */
+
+	// 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.38.2",
+		// 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.2
+ * @date 2022-06-30T18:24:06Z
+ */
+
+(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.2",
+		// 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' *//*!
+ * jquery.fancytree.persist.js
+ *
+ * Persist tree status in cookiesRemove or highlight tree nodes, based on a filter.
+ * (Extension module for jquery.fancytree.js: https://github.com/mar10/fancytree/)
+ *
+ * @depends: js-cookie or jquery-cookie
+ *
+ * Copyright (c) 2008-2021, Martin Wendt (https://wwWendt.de)
+ *
+ * Released under the MIT license
+ * https://github.com/mar10/fancytree/wiki/LicenseInfo
+ *
+ * @version 2.38.2
+ * @date 2022-06-30T18:24:06Z
+ */
+
+(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";
+	/* 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);
+	}
+
+	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);
+	}
+
+	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(key, value, this.options.persist.cookie);
+			},
+			remove: $.removeCookie,
+		};
+	}
+
+	/* 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));
+					} else {
+						deferredList.push(node.load());
+					}
+				} else {
+					tree.debug("_loadLazyNodes: " + node + " already loaded.");
+					node.setExpanded(true, expandOpts);
+				}
+			} 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);
+					}
+				}
+				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);
+		}
+		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] 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 = {};
+
+		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.38.2",
+		// 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",
+		},
+
+		/* 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
+					);
+				} 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
+									);
+								}
+							}
+						}
+						// 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,
+								});
+							}
+						}
+					}
+					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, {});
+				});
+			});
+			// 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;
+					});
+					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' *//*!
+ * jquery.fancytree.table.js
+ *
+ * Render tree as table (aka 'tree grid', 'table tree').
+ * (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.2
+ * @date 2022-06-30T18:24:06Z
+ */
+
+(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 _assert = $.ui.fancytree.assert;
+
+	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;
+				}
+				prev = last;
+			}
+		} else {
+			// if there is no preceding sibling, use the direct parent
+			prev = parent;
+		}
+		return prev;
+	}
+
+	$.ui.fancytree.registerExtension({
+		name: "table",
+		version: "2.38.2",
+		// 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 {
+					$.error(
+						"The 'customStatus' option is deprecated since v2.15.0. Use 'renderStatusColumns' only instead."
+					);
+				}
+			}
+			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
+			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;
+				}
+			});
+		},
+		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);
+				}
+				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();
+
+			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;
+		},
+		nodeRenderStatus: function (ctx) {
+			var indent,
+				node = ctx.node,
+				opts = ctx.options;
+
+			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;
+
+			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,
+				});
+
+			callOpts = callOpts || {};
+
+			function _afterExpand(ok, args) {
+				// ctx.tree.info("ok:" + ok, args);
+				if (ok) {
+					// #1108 minExpandLevel: 2 together with table extension does not work
+					// don't call when 'ok' is false:
+					setChildRowVisibility(ctx.node, flag);
+					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.rejectWith(ctx.node);
+				}
+			}
+			// Call base-expand with disabled events and animation
+			this._super(ctx, flag, subOpts)
+				.done(function () {
+					_afterExpand(true, arguments);
+				})
+				.fail(function () {
+					_afterExpand(false, arguments);
+				});
+			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);
+		},
+		/*,
+	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
+
+
+/*! Extension 'jquery.fancytree.themeroller.js' *//*!
+ * jquery.fancytree.themeroller.js
+ *
+ * Enable jQuery UI ThemeRoller styles.
+ * (Extension module for jquery.fancytree.js: https://github.com/mar10/fancytree/)
+ *
+ * @see http://jqueryui.com/themeroller/
+ *
+ * Copyright (c) 2008-2021, Martin Wendt (https://wwWendt.de)
+ *
+ * Released under the MIT license
+ * https://github.com/mar10/fancytree/wiki/LicenseInfo
+ *
+ * @version 2.38.2
+ * @date 2022-06-30T18:24:06Z
+ */
+
+(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";
+
+	/*******************************************************************************
+	 * Extension code
+	 */
+	$.ui.fancytree.registerExtension({
+		name: "themeroller",
+		version: "2.38.2",
+		// 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"
+		},
+
+		treeInit: function (ctx) {
+			var $el = ctx.widget.element,
+				opts = ctx.options.themeroller;
+
+			this._superApply(arguments);
+
+			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");
+			}
+
+			$el.on(
+				"mouseenter mouseleave",
+				".fancytree-node",
+				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);
+			/*
+		.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.
+
+		.ui-state-default: Class to be applied to clickable button-like elements. Applies "clickable default" container styles to an element and its child text, links, and icons.
+		.ui-state-hover: Class to be applied on mouseover to clickable button-like elements. Applies "clickable hover" container styles to an element and its child text, links, and icons.
+		.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
+
+
+/*! Extension 'jquery.fancytree.wide.js' *//*!
+ * jquery.fancytree.wide.js
+ * Support for 100% wide selection bars.
+ * (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.2
+ * @date 2022-06-30T18:24:06Z
+ */
+
+(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";
+
+	var reNumUnit = /^([+-]?(?:\d+|\d*\.\d+))([a-z]*|%)$/; // split "1.5em" to ["1.5", "em"]
+
+	/*******************************************************************************
+	 * Private functions and variables
+	 */
+	// var _assert = $.ui.fancytree.assert;
+
+	/* 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.38.2",
+		// 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;
+
+			// 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
+				);
+				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;
+}));  // End of closure
diff --git a/public/js/viewtree/jquery.fancytree-all-deps.min.js b/public/js/viewtree/jquery.fancytree-all-deps.min.js
new file mode 100644
index 0000000..6cf452f
--- /dev/null
+++ b/public/js/viewtree/jquery.fancytree-all-deps.min.js
@@ -0,0 +1,2 @@
+!function(_){_.ui=_.ui||{};_.ui.version="1.13.0";var r,n=0,s=Array.prototype.hasOwnProperty,a=Array.prototype.slice;_.cleanData=(r=_.cleanData,function(e){for(var t,n,i=0;null!=(n=e[i]);i++)(t=_._data(n,"events"))&&t.remove&&_(n).triggerHandler("remove");r(e)}),_.widget=function(e,n,t){var i,r,o,s={},a=e.split(".")[0],l=a+"-"+(e=e.split(".")[1]);return t||(t=n,n=_.Widget),Array.isArray(t)&&(t=_.extend.apply(null,[{}].concat(t))),_.expr.pseudos[l.toLowerCase()]=function(e){return!!_.data(e,l)},_[a]=_[a]||{},i=_[a][e],r=_[a][e]=function(e,t){if(!this._createWidget)return new r(e,t);arguments.length&&this._createWidget(e,t)},_.extend(r,i,{version:t.version,_proto:_.extend({},t),_childConstructors:[]}),(o=new n).options=_.widget.extend({},o.options),_.each(t,function(t,i){function r(){return n.prototype[t].apply(this,arguments)}function o(e){return n.prototype[t].apply(this,e)}s[t]="function"==typeof i?function(){var e,t=this._super,n=this._superApply;return this._super=r,this._superApply=o,e=i.apply(this,arguments),this._super=t,this._superApply=n,e}:i}),r.prototype=_.widget.extend(o,{widgetEventPrefix:i&&o.widgetEventPrefix||e},s,{constructor:r,namespace:a,widgetName:e,widgetFullName:l}),i?(_.each(i._childConstructors,function(e,t){var n=t.prototype;_.widget(n.namespace+"."+n.widgetName,r,t._proto)}),delete i._childConstructors):n._childConstructors.push(r),_.widget.bridge(e,r),r},_.widget.extend=function(e){for(var t,n,i=a.call(arguments,1),r=0,o=i.length;r<o;r++)for(t in i[r])n=i[r][t],s.call(i[r],t)&&void 0!==n&&(_.isPlainObject(n)?e[t]=_.isPlainObject(e[t])?_.widget.extend({},e[t],n):_.widget.extend({},n):e[t]=n);return e},_.widget.bridge=function(o,t){var s=t.prototype.widgetFullName||o;_.fn[o]=function(n){var e="string"==typeof n,i=a.call(arguments,1),r=this;return e?this.length||"instance"!==n?this.each(function(){var e,t=_.data(this,s);return"instance"===n?(r=t,!1):t?"function"!=typeof t[n]||"_"===n.charAt(0)?_.error("no such method '"+n+"' for "+o+" widget instance"):(e=t[n].apply(t,i))!==t&&void 0!==e?(r=e&&e.jquery?r.pushStack(e.get()):e,!1):void 0:_.error("cannot call methods on "+o+" prior to initialization; attempted to call method '"+n+"'")}):r=void 0:(i.length&&(n=_.widget.extend.apply(null,[n].concat(i))),this.each(function(){var e=_.data(this,s);e?(e.option(n||{}),e._init&&e._init()):_.data(this,s,new t(n,this))})),r}},_.Widget=function(){},_.Widget._childConstructors=[],_.Widget.prototype={widgetName:"widget",widgetEventPrefix:"",defaultElement:"<div>",options:{classes:{},disabled:!1,create:null},_createWidget:function(e,t){t=_(t||this.defaultElement||this)[0],this.element=_(t),this.uuid=n++,this.eventNamespace="."+this.widgetName+this.uuid,this.bindings=_(),this.hoverable=_(),this.focusable=_(),this.classesElementLookup={},t!==this&&(_.data(t,this.widgetFullName,this),this._on(!0,this.element,{remove:function(e){e.target===t&&this.destroy()}}),this.document=_(t.style?t.ownerDocument:t.document||t),this.window=_(this.document[0].defaultView||this.document[0].parentWindow)),this.options=_.widget.extend({},this.options,this._getCreateOptions(),e),this._create(),this.options.disabled&&this._setOptionDisabled(this.options.disabled),this._trigger("create",null,this._getCreateEventData()),this._init()},_getCreateOptions:function(){return{}},_getCreateEventData:_.noop,_create:_.noop,_init:_.noop,destroy:function(){var n=this;this._destroy(),_.each(this.classesElementLookup,function(e,t){n._removeClass(t,e)}),this.element.off(this.eventNamespace).removeData(this.widgetFullName),this.widget().off(this.eventNamespace).removeAttr("aria-disabled"),this.bindings.off(this.eventNamespace)},_destroy:_.noop,widget:function(){return this.element},option:function(e,t){var n,i,r,o=e;if(0===arguments.length)return _.widget.extend({},this.options);if("string"==typeof e)if(o={},e=(n=e.split(".")).shift(),n.length){for(i=o[e]=_.widget.extend({},this.options[e]),r=0;r<n.length-1;r++)i[n[r]]=i[n[r]]||{},i=i[n[r]];if(e=n.pop(),1===arguments.length)return void 0===i[e]?null:i[e];i[e]=t}else{if(1===arguments.length)return void 0===this.options[e]?null:this.options[e];o[e]=t}return this._setOptions(o),this},_setOptions:function(e){for(var t in e)this._setOption(t,e[t]);return this},_setOption:function(e,t){return"classes"===e&&this._setOptionClasses(t),this.options[e]=t,"disabled"===e&&this._setOptionDisabled(t),this},_setOptionClasses:function(e){var t,n,i;for(t in e)i=this.classesElementLookup[t],e[t]!==this.options.classes[t]&&i&&i.length&&(n=_(i.get()),this._removeClass(i,t),n.addClass(this._classes({element:n,keys:t,classes:e,add:!0})))},_setOptionDisabled:function(e){this._toggleClass(this.widget(),this.widgetFullName+"-disabled",null,!!e),e&&(this._removeClass(this.hoverable,null,"ui-state-hover"),this._removeClass(this.focusable,null,"ui-state-focus"))},enable:function(){return this._setOptions({disabled:!1})},disable:function(){return this._setOptions({disabled:!0})},_classes:function(r){var o=[],s=this;function e(e,t){for(var n,i=0;i<e.length;i++)n=s.classesElementLookup[e[i]]||_(),n=r.add?(r.element.each(function(e,t){_.map(s.classesElementLookup,function(e){return e}).some(function(e){return e.is(t)})||s._on(_(t),{remove:"_untrackClassesElement"})}),_(_.uniqueSort(n.get().concat(r.element.get())))):_(n.not(r.element).get()),s.classesElementLookup[e[i]]=n,o.push(e[i]),t&&r.classes[e[i]]&&o.push(r.classes[e[i]])}return(r=_.extend({element:this.element,classes:this.options.classes||{}},r)).keys&&e(r.keys.match(/\S+/g)||[],!0),r.extra&&e(r.extra.match(/\S+/g)||[]),o.join(" ")},_untrackClassesElement:function(n){var i=this;_.each(i.classesElementLookup,function(e,t){-1!==_.inArray(n.target,t)&&(i.classesElementLookup[e]=_(t.not(n.target).get()))}),this._off(_(n.target))},_removeClass:function(e,t,n){return this._toggleClass(e,t,n,!1)},_addClass:function(e,t,n){return this._toggleClass(e,t,n,!0)},_toggleClass:function(e,t,n,i){var r="string"==typeof e||null===e,n={extra:r?t:n,keys:r?e:t,element:r?this.element:e,add:i="boolean"==typeof i?i:n};return n.element.toggleClass(this._classes(n),i),this},_on:function(r,o,e){var s,a=this;"boolean"!=typeof r&&(e=o,o=r,r=!1),e?(o=s=_(o),this.bindings=this.bindings.add(o)):(e=o,o=this.element,s=this.widget()),_.each(e,function(e,t){function n(){if(r||!0!==a.options.disabled&&!_(this).hasClass("ui-state-disabled"))return("string"==typeof t?a[t]:t).apply(a,arguments)}"string"!=typeof t&&(n.guid=t.guid=t.guid||n.guid||_.guid++);var i=e.match(/^([\w:-]*)\s*(.*)$/),e=i[1]+a.eventNamespace,i=i[2];i?s.on(e,i,n):o.on(e,n)})},_off:function(e,t){t=(t||"").split(" ").join(this.eventNamespace+" ")+this.eventNamespace,e.off(t),this.bindings=_(this.bindings.not(e).get()),this.focusable=_(this.focusable.not(e).get()),this.hoverable=_(this.hoverable.not(e).get())},_delay:function(e,t){var n=this;return setTimeout(function(){return("string"==typeof e?n[e]:e).apply(n,arguments)},t||0)},_hoverable:function(e){this.hoverable=this.hoverable.add(e),this._on(e,{mouseenter:function(e){this._addClass(_(e.currentTarget),null,"ui-state-hover")},mouseleave:function(e){this._removeClass(_(e.currentTarget),null,"ui-state-hover")}})},_focusable:function(e){this.focusable=this.focusable.add(e),this._on(e,{focusin:function(e){this._addClass(_(e.currentTarget),null,"ui-state-focus")},focusout:function(e){this._removeClass(_(e.currentTarget),null,"ui-state-focus")}})},_trigger:function(e,t,n){var i,r,o=this.options[e];if(n=n||{},(t=_.Event(t)).type=(e===this.widgetEventPrefix?e:this.widgetEventPrefix+e).toLowerCase(),t.target=this.element[0],r=t.originalEvent)for(i in r)i in t||(t[i]=r[i]);return this.element.trigger(t,n),!("function"==typeof o&&!1===o.apply(this.element[0],[t].concat(n))||t.isDefaultPrevented())}},_.each({show:"fadeIn",hide:"fadeOut"},function(o,s){_.Widget.prototype["_"+o]=function(t,e,n){var i,r=(e="string"==typeof e?{effect:e}:e)?!0!==e&&"number"!=typeof e&&e.effect||s:o;"number"==typeof(e=e||{})?e={duration:e}:!0===e&&(e={}),i=!_.isEmptyObject(e),e.complete=n,e.delay&&t.delay(e.delay),i&&_.effects&&_.effects.effect[r]?t[o](e):r!==o&&t[r]?t[r](e.duration,e.easing,n):t.queue(function(e){_(this)[o](),n&&n.call(t[0]),e()})}});var i,k,w,o,l,d,c,u,N;_.widget;function S(e,t,n){return[parseFloat(e[0])*(u.test(e[0])?t/100:1),parseFloat(e[1])*(u.test(e[1])?n/100:1)]}function E(e,t){return parseInt(_.css(e,t),10)||0}function T(e){return null!=e&&e===e.window}k=Math.max,w=Math.abs,o=/left|center|right/,l=/top|center|bottom/,d=/[\+\-]\d+(\.[\d]+)?%?/,c=/^\w+/,u=/%$/,N=_.fn.position,_.position={scrollbarWidth:function(){if(void 0!==i)return i;var e,t=_("<div style='display:block;position:absolute;width:200px;height:200px;overflow:hidden;'><div style='height:300px;width:auto;'></div></div>"),n=t.children()[0];return _("body").append(t),e=n.offsetWidth,t.css("overflow","scroll"),e===(n=n.offsetWidth)&&(n=t[0].clientWidth),t.remove(),i=e-n},getScrollInfo:function(e){var t=e.isWindow||e.isDocument?"":e.element.css("overflow-x"),n=e.isWindow||e.isDocument?"":e.element.css("overflow-y"),t="scroll"===t||"auto"===t&&e.width<e.element[0].scrollWidth;return{width:"scroll"===n||"auto"===n&&e.height<e.element[0].scrollHeight?_.position.scrollbarWidth():0,height:t?_.position.scrollbarWidth():0}},getWithinInfo:function(e){var t=_(e||window),n=T(t[0]),i=!!t[0]&&9===t[0].nodeType;return{element:t,isWindow:n,isDocument:i,offset:!n&&!i?_(e).offset():{left:0,top:0},scrollLeft:t.scrollLeft(),scrollTop:t.scrollTop(),width:t.outerWidth(),height:t.outerHeight()}}},_.fn.position=function(u){if(!u||!u.of)return N.apply(this,arguments);var h,f,p,g,y,e,v="string"==typeof(u=_.extend({},u)).of?_(document).find(u.of):_(u.of),m=_.position.getWithinInfo(u.within),b=_.position.getScrollInfo(m),x=(u.collision||"flip").split(" "),C={},t=9===(e=(t=v)[0]).nodeType?{width:t.width(),height:t.height(),offset:{top:0,left:0}}:T(e)?{width:t.width(),height:t.height(),offset:{top:t.scrollTop(),left:t.scrollLeft()}}:e.preventDefault?{width:0,height:0,offset:{top:e.pageY,left:e.pageX}}:{width:t.outerWidth(),height:t.outerHeight(),offset:t.offset()};return v[0].preventDefault&&(u.at="left top"),f=t.width,p=t.height,y=_.extend({},g=t.offset),_.each(["my","at"],function(){var e,t,n=(u[this]||"").split(" ");(n=1===n.length?o.test(n[0])?n.concat(["center"]):l.test(n[0])?["center"].concat(n):["center","center"]:n)[0]=o.test(n[0])?n[0]:"center",n[1]=l.test(n[1])?n[1]:"center",e=d.exec(n[0]),t=d.exec(n[1]),C[this]=[e?e[0]:0,t?t[0]:0],u[this]=[c.exec(n[0])[0],c.exec(n[1])[0]]}),1===x.length&&(x[1]=x[0]),"right"===u.at[0]?y.left+=f:"center"===u.at[0]&&(y.left+=f/2),"bottom"===u.at[1]?y.top+=p:"center"===u.at[1]&&(y.top+=p/2),h=S(C.at,f,p),y.left+=h[0],y.top+=h[1],this.each(function(){var n,e,s=_(this),a=s.outerWidth(),l=s.outerHeight(),t=E(this,"marginLeft"),i=E(this,"marginTop"),r=a+t+E(this,"marginRight")+b.width,o=l+i+E(this,"marginBottom")+b.height,d=_.extend({},y),c=S(C.my,s.outerWidth(),s.outerHeight());"right"===u.my[0]?d.left-=a:"center"===u.my[0]&&(d.left-=a/2),"bottom"===u.my[1]?d.top-=l:"center"===u.my[1]&&(d.top-=l/2),d.left+=c[0],d.top+=c[1],n={marginLeft:t,marginTop:i},_.each(["left","top"],function(e,t){_.ui.position[x[e]]&&_.ui.position[x[e]][t](d,{targetWidth:f,targetHeight:p,elemWidth:a,elemHeight:l,collisionPosition:n,collisionWidth:r,collisionHeight:o,offset:[h[0]+c[0],h[1]+c[1]],my:u.my,at:u.at,within:m,elem:s})}),u.using&&(e=function(e){var t=g.left-d.left,n=t+f-a,i=g.top-d.top,r=i+p-l,o={target:{element:v,left:g.left,top:g.top,width:f,height:p},element:{element:s,left:d.left,top:d.top,width:a,height:l},horizontal:n<0?"left":0<t?"right":"center",vertical:r<0?"top":0<i?"bottom":"middle"};f<a&&w(t+n)<f&&(o.horizontal="center"),p<l&&w(i+r)<p&&(o.vertical="middle"),k(w(t),w(n))>k(w(i),w(r))?o.important="horizontal":o.important="vertical",u.using.call(this,e,o)}),s.offset(_.extend(d,{using:e}))})},_.ui.position={fit:{left:function(e,t){var n=t.within,i=n.isWindow?n.scrollLeft:n.offset.left,r=n.width,o=e.left-t.collisionPosition.marginLeft,s=i-o,a=o+t.collisionWidth-r-i;t.collisionWidth>r?0<s&&a<=0?(n=e.left+s+t.collisionWidth-r-i,e.left+=s-n):e.left=!(0<a&&s<=0)&&a<s?i+r-t.collisionWidth:i:0<s?e.left+=s:0<a?e.left-=a:e.left=k(e.left-o,e.left)},top:function(e,t){var n=t.within,i=n.isWindow?n.scrollTop:n.offset.top,r=t.within.height,o=e.top-t.collisionPosition.marginTop,s=i-o,a=o+t.collisionHeight-r-i;t.collisionHeight>r?0<s&&a<=0?(n=e.top+s+t.collisionHeight-r-i,e.top+=s-n):e.top=!(0<a&&s<=0)&&a<s?i+r-t.collisionHeight:i:0<s?e.top+=s:0<a?e.top-=a:e.top=k(e.top-o,e.top)}},flip:{left:function(e,t){var n=t.within,i=n.offset.left+n.scrollLeft,r=n.width,o=n.isWindow?n.scrollLeft:n.offset.left,s=e.left-t.collisionPosition.marginLeft,a=s-o,l=s+t.collisionWidth-r-o,d="left"===t.my[0]?-t.elemWidth:"right"===t.my[0]?t.elemWidth:0,n="left"===t.at[0]?t.targetWidth:"right"===t.at[0]?-t.targetWidth:0,s=-2*t.offset[0];a<0?((i=e.left+d+n+s+t.collisionWidth-r-i)<0||i<w(a))&&(e.left+=d+n+s):0<l&&(0<(o=e.left-t.collisionPosition.marginLeft+d+n+s-o)||w(o)<l)&&(e.left+=d+n+s)},top:function(e,t){var n=t.within,i=n.offset.top+n.scrollTop,r=n.height,o=n.isWindow?n.scrollTop:n.offset.top,s=e.top-t.collisionPosition.marginTop,a=s-o,l=s+t.collisionHeight-r-o,d="top"===t.my[1]?-t.elemHeight:"bottom"===t.my[1]?t.elemHeight:0,n="top"===t.at[1]?t.targetHeight:"bottom"===t.at[1]?-t.targetHeight:0,s=-2*t.offset[1];a<0?((i=e.top+d+n+s+t.collisionHeight-r-i)<0||i<w(a))&&(e.top+=d+n+s):0<l&&(0<(o=e.top-t.collisionPosition.marginTop+d+n+s-o)||w(o)<l)&&(e.top+=d+n+s)}},flipfit:{left:function(){_.ui.position.flip.left.apply(this,arguments),_.ui.position.fit.left.apply(this,arguments)},top:function(){_.ui.position.flip.top.apply(this,arguments),_.ui.position.fit.top.apply(this,arguments)}}};var t,h;_.ui.position;_.expr.pseudos||(_.expr.pseudos=_.expr[":"]),_.uniqueSort||(_.uniqueSort=_.unique),_.escapeSelector||(t=/([\0-\x1f\x7f]|^-?\d)|^-$|[^\x80-\uFFFF\w-]/g,h=function(e,t){return t?"\0"===e?"\ufffd":e.slice(0,-1)+"\\"+e.charCodeAt(e.length-1).toString(16)+" ":"\\"+e},_.escapeSelector=function(e){return(e+"").replace(t,h)}),_.fn.even&&_.fn.odd||_.fn.extend({even:function(){return this.filter(function(e){return e%2==0})},odd:function(){return this.filter(function(e){return e%2==1})}});var e;_.ui.keyCode={BACKSPACE:8,COMMA:188,DELETE:46,DOWN:40,END:35,ENTER:13,ESCAPE:27,HOME:36,LEFT:37,PAGE_DOWN:34,PAGE_UP:33,PERIOD:190,RIGHT:39,SPACE:32,TAB:9,UP:38},_.fn.scrollParent=function(e){var t=this.css("position"),n="absolute"===t,i=e?/(auto|scroll|hidden)/:/(auto|scroll)/,e=this.parents().filter(function(){var e=_(this);return(!n||"static"!==e.css("position"))&&i.test(e.css("overflow")+e.css("overflow-y")+e.css("overflow-x"))}).eq(0);return"fixed"!==t&&e.length?e:_(this[0].ownerDocument||document)},_.fn.extend({uniqueId:(e=0,function(){return this.each(function(){this.id||(this.id="ui-id-"+ ++e)})}),removeUniqueId:function(){return this.each(function(){/^ui-id-\d+$/.test(this.id)&&_(this).removeAttr("id")})}})}(jQuery),function(e){"function"==typeof define&&define.amd?define(["jquery"],e):"object"==typeof module&&module.exports?module.exports=e(require("jquery")):e(jQuery)}(function(e){var t;return t=function(C){"use strict";if(!C.ui||!C.ui.fancytree){for(var e,h=null,c=new RegExp(/\.|\//),t=/[&<>"'/]/g,n=/[<>"'/]/g,f="$recursive_request",p="$request_target_invalid",i={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;","/":"&#x2F;"},r={16:!0,17:!0,18:!0},u={8:"backspace",9:"tab",10:"return",13:"return",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:"'"},g={16:"shift",17:"ctrl",18:"alt",91:"meta",93:"meta"},o={0:"",1:"left",2:"middle",3:"right"},y="active expanded focus folder lazy radiogroup selected unselectable unselectableIgnore".split(" "),v={},m="columns types".split(" "),b="checkbox expanded extraClasses folder icon iconTooltip key lazy partsel radiogroup refKey selected statusNodeType title tooltip type unselectable unselectableIgnore unselectableStatus".split(" "),s={},x={},a={active:!0,children:!0,data:!0,focus:!0},l=0;l<y.length;l++)v[y[l]]=!0;for(l=0;l<b.length;l++)e=b[l],s[e]=!0,e!==e.toLowerCase()&&(x[e.toLowerCase()]=e);var _=Array.isArray;return k(C.ui,"Fancytree requires jQuery UI (http://jqueryui.com)"),Date.now||(Date.now=function(){return(new Date).getTime()}),j.prototype={_findDirectChild:function(e){var t,n,i=this.children;if(i)if("string"==typeof e){for(t=0,n=i.length;t<n;t++)if(i[t].key===e)return i[t]}else{if("number"==typeof e)return this.children[e];if(e.parent===this)return e}return null},_setChildren:function(e){k(e&&(!this.children||0===this.children.length),"only init supported"),this.children=[];for(var t=0,n=e.length;t<n;t++)this.children.push(new j(this,e[t]));this.tree._callHook("treeStructureChanged",this.tree,"setChildren")},addChildren:function(e,t){var n,i,r,o,s=this.getFirstChild(),a=this.getLastChild(),l=[];for(C.isPlainObject(e)&&(e=[e]),this.children||(this.children=[]),n=0,i=e.length;n<i;n++)l.push(new j(this,e[n]));if(o=l[0],null==t?this.children=this.children.concat(l):(t=this._findDirectChild(t),k(0<=(r=C.inArray(t,this.children)),"insertBefore must be an existing child"),this.children.splice.apply(this.children,[r,0].concat(l))),s&&!t){for(n=0,i=l.length;n<i;n++)l[n].render();s!==this.getFirstChild()&&s.renderStatus(),a!==this.getLastChild()&&a.renderStatus()}else this.parent&&!this.parent.ul&&!this.tr||this.render();return 3===this.tree.options.selectMode&&this.fixSelection3FromEndNodes(),this.triggerModifyChild("add",1===l.length?l[0]:null),o},addClass:function(e){return this.toggleClass(e,!0)},addNode:function(e,t){switch(t=void 0===t||"over"===t?"child":t){case"after":return this.getParent().addChildren(e,this.getNextSibling());case"before":return this.getParent().addChildren(e,this);case"firstChild":var n=this.children?this.children[0]:null;return this.addChildren(e,n);case"child":case"over":return this.addChildren(e)}k(!1,"Invalid mode: "+t)},addPagingNode:function(e,t){var n,i;if(t=t||"child",!1!==e)return e=C.extend({title:this.tree.options.strings.moreData,statusNodeType:"paging",icon:!1},e),this.partload=!0,this.addNode(e,t);for(n=this.children.length-1;0<=n;n--)"paging"===(i=this.children[n]).statusNodeType&&this.removeChild(i);this.partload=!1},appendSibling:function(e){return this.addNode(e,"after")},applyCommand:function(e,t){return this.tree.applyCommand(e,this,t)},applyPatch:function(e){if(null===e)return this.remove(),T(this);var t,n,i={children:!0,expanded:!0,parent:!0};for(t in e)w(e,t)&&(n=e[t],i[t]||N(n)||(s[t]?this[t]=n:this.data[t]=n));return w(e,"children")&&(this.removeChildren(),e.children&&this._setChildren(e.children)),this.isVisible()&&(this.renderTitle(),this.renderStatus()),w(e,"expanded")?this.setExpanded(e.expanded):T(this)},collapseSiblings:function(){return this.tree._callHook("nodeCollapseSiblings",this)},copyTo:function(e,t,n){return e.addNode(this.toDict(!0,n),t)},countChildren:function(e){var t,n,i,r=this.children;if(!r)return 0;if(i=r.length,!1!==e)for(t=0,n=i;t<n;t++)i+=r[t].countChildren();return i},debug:function(e){4<=this.tree.options.debugLevel&&(Array.prototype.unshift.call(arguments,this.toString()),d("log",arguments))},discard:function(){return this.warn("FancytreeNode.discard() is deprecated since 2014-02-16. Use .resetLazy() instead."),this.resetLazy()},discardMarkup:function(e){this.tree._callHook(e?"nodeRemoveMarkup":"nodeRemoveChildMarkup",this)},error:function(e){1<=this.tree.options.debugLevel&&(Array.prototype.unshift.call(arguments,this.toString()),d("error",arguments))},findAll:function(t){t=N(t)?t:L(t);var n=[];return this.visit(function(e){t(e)&&n.push(e)}),n},findFirst:function(t){t=N(t)?t:L(t);var n=null;return this.visit(function(e){if(t(e))return n=e,!1}),n},findRelatedNode:function(e,t){return this.tree.findRelatedNode(this,e,t)},_changeSelectStatusAttrs:function(e){var t=!1,n=this.tree.options,i=h.evalOption("unselectable",this,this,n,!1),n=h.evalOption("unselectableStatus",this,this,n,void 0);switch(e=i&&null!=n?n:e){case!1:t=this.selected||this.partsel,this.selected=!1,this.partsel=!1;break;case!0:t=!this.selected||!this.partsel,this.selected=!0,this.partsel=!0;break;case void 0:t=this.selected||!this.partsel,this.selected=!1,this.partsel=!0;break;default:k(!1,"invalid state: "+e)}return t&&this.renderStatus(),t},fixSelection3AfterClick:function(e){var t=this.isSelected();this.visit(function(e){if(e._changeSelectStatusAttrs(t),e.radiogroup)return"skip"}),this.fixSelection3FromEndNodes(e)},fixSelection3FromEndNodes:function(e){var u=this.tree.options;k(3===u.selectMode,"expected selectMode 3"),function e(t){var n,i,r,o,s,a,l,d,c=t.children;if(c&&c.length){for(l=!(a=!0),n=0,i=c.length;n<i;n++)o=e(r=c[n]),h.evalOption("unselectableIgnore",r,r,u,!1)||(!1!==o&&(l=!0),!0!==o&&(a=!1));s=!!a||!!l&&void 0}else s=null==(d=h.evalOption("unselectableStatus",t,t,u,void 0))?!!t.selected:!!d;return t.partsel&&!t.selected&&t.lazy&&null==t.children&&(s=void 0),t._changeSelectStatusAttrs(s),s}(this),this.visitParents(function(e){for(var t,n,i,r=e.children,o=!0,s=!1,a=0,l=r.length;a<l;a++)t=r[a],h.evalOption("unselectableIgnore",t,t,u,!1)||(((n=null==(i=h.evalOption("unselectableStatus",t,t,u,void 0))?!!t.selected:!!i)||t.partsel)&&(s=!0),n||(o=!1));e._changeSelectStatusAttrs(n=!!o||!!s&&void 0)})},fromDict:function(e){for(var t in e)s[t]?this[t]=e[t]:"data"===t?C.extend(this.data,e.data):N(e[t])||a[t]||(this.data[t]=e[t]);e.children&&(this.removeChildren(),this.addChildren(e.children)),this.renderTitle()},getChildren:function(){if(void 0!==this.hasChildren())return this.children},getFirstChild:function(){return this.children?this.children[0]:null},getIndex:function(){return C.inArray(this,this.parent.children)},getIndexHier:function(e,n){e=e||".";var i,r=[];return C.each(this.getParentList(!1,!0),function(e,t){i=""+(t.getIndex()+1),n&&(i=("0000000"+i).substr(-n)),r.push(i)}),r.join(e)},getKeyPath:function(e){var t=this.tree.options.keyPathSeparator;return t+this.getPath(!e,"key",t)},getLastChild:function(){return this.children?this.children[this.children.length-1]:null},getLevel:function(){for(var e=0,t=this.parent;t;)e++,t=t.parent;return e},getNextSibling:function(){if(this.parent)for(var e=this.parent.children,t=0,n=e.length-1;t<n;t++)if(e[t]===this)return e[t+1];return null},getParent:function(){return this.parent},getParentList:function(e,t){for(var n=[],i=t?this:this.parent;i;)(e||i.parent)&&n.unshift(i),i=i.parent;return n},getPath:function(e,t,n){n=n||"/";var i,r=[],o=N(t=t||"title");return this.visitParents(function(e){e.parent&&(i=o?t(e):e[t],r.unshift(i))},e=!1!==e),r.join(n)},getPrevSibling:function(){if(this.parent)for(var e=this.parent.children,t=1,n=e.length;t<n;t++)if(e[t]===this)return e[t-1];return null},getSelectedNodes:function(t){var n=[];return this.visit(function(e){if(e.selected&&(n.push(e),!0===t))return"skip"}),n},hasChildren:function(){return this.lazy?null==this.children?void 0:0!==this.children.length&&(1!==this.children.length||!this.children[0].isStatusNode()||void 0):!(!this.children||!this.children.length)},hasClass:function(e){return 0<=(" "+(this.extraClasses||"")+" ").indexOf(" "+e+" ")},hasFocus:function(){return this.tree.hasFocus()&&this.tree.focusNode===this},info:function(e){3<=this.tree.options.debugLevel&&(Array.prototype.unshift.call(arguments,this.toString()),d("info",arguments))},isActive:function(){return this.tree.activeNode===this},isBelowOf:function(e){return this.getIndexHier(".",5)>e.getIndexHier(".",5)},isChildOf:function(e){return this.parent&&this.parent===e},isDescendantOf:function(e){if(!e||e.tree!==this.tree)return!1;for(var t=this.parent;t;){if(t===e)return!0;t===t.parent&&C.error("Recursive parent link: "+t),t=t.parent}return!1},isExpanded:function(){return!!this.expanded},isFirstSibling:function(){var e=this.parent;return!e||e.children[0]===this},isFolder:function(){return!!this.folder},isLastSibling:function(){var e=this.parent;return!e||e.children[e.children.length-1]===this},isLazy:function(){return!!this.lazy},isLoaded:function(){return!this.lazy||void 0!==this.hasChildren()},isLoading:function(){return!!this._isLoading},isRoot:function(){return this.isRootNode()},isPartsel:function(){return!this.selected&&!!this.partsel},isPartload:function(){return!!this.partload},isRootNode:function(){return this.tree.rootNode===this},isSelected:function(){return!!this.selected},isStatusNode:function(){return!!this.statusNodeType},isPagingNode:function(){return"paging"===this.statusNodeType},isTopLevel:function(){return this.tree.rootNode===this.parent},isUndefined:function(){return void 0===this.hasChildren()},isVisible:function(){var e,t,n=this.tree.enableFilter,i=this.getParentList(!1,!1);if(n&&!this.match&&!this.subMatchCount)return!1;for(e=0,t=i.length;e<t;e++)if(!i[e].expanded)return!1;return!0},lazyLoad:function(e){C.error("FancytreeNode.lazyLoad() is deprecated since 2014-02-16. Use .load() instead.")},load:function(e){var t=this,n=this.isExpanded();return k(this.isLazy(),"load() requires a lazy node"),e||this.isUndefined()?(this.isLoaded()&&this.resetLazy(),!1===(e=this.tree._triggerNodeEvent("lazyLoad",this))?T(this):(k("boolean"!=typeof e,"lazyLoad event must return source in data.result"),e=this.tree._callHook("nodeLoadChildren",this,e),n?(this.expanded=!0,e.always(function(){t.render()})):e.always(function(){t.renderStatus()}),e)):T(this)},makeVisible:function(e){for(var t=this,n=[],i=new C.Deferred,r=this.getParentList(!1,!1),o=r.length,s=!(e&&!0===e.noAnimation),a=!(e&&!1===e.scrollIntoView),l=o-1;0<=l;l--)n.push(r[l].setExpanded(!0,e));return C.when.apply(C,n).done(function(){a?t.scrollIntoView(s).done(function(){i.resolve()}):i.resolve()}),i.promise()},moveTo:function(t,e,n){void 0===e||"over"===e?e="child":"firstChild"===e&&(t.children&&t.children.length?(e="before",t=t.children[0]):e="child");var i,r=this.tree,o=this.parent,s="child"===e?t:t.parent;if(this!==t){if(this.parent?s.isDescendantOf(this)&&C.error("Cannot move a node to its own descendant"):C.error("Cannot move system root"),s!==o&&o.triggerModifyChild("remove",this),1===this.parent.children.length){if(this.parent===s)return;this.parent.children=this.parent.lazy?[]:null,this.parent.expanded=!1}else k(0<=(i=C.inArray(this,this.parent.children)),"invalid source parent"),this.parent.children.splice(i,1);if((this.parent=s).hasChildren())switch(e){case"child":s.children.push(this);break;case"before":k(0<=(i=C.inArray(t,s.children)),"invalid target parent"),s.children.splice(i,0,this);break;case"after":k(0<=(i=C.inArray(t,s.children)),"invalid target parent"),s.children.splice(i+1,0,this);break;default:C.error("Invalid mode "+e)}else s.children=[this];n&&t.visit(n,!0),s===o?s.triggerModifyChild("move",this):s.triggerModifyChild("add",this),r!==t.tree&&(this.warn("Cross-tree moveTo is experimental!"),this.visit(function(e){e.tree=t.tree},!0)),r._callHook("treeStructureChanged",r,"moveTo"),o.isDescendantOf(s)||o.render(),s.isDescendantOf(o)||s===o||s.render()}},navigate:function(e,t){var n=C.ui.keyCode;switch(e){case"left":case n.LEFT:if(this.expanded)return this.setExpanded(!1);break;case"right":case n.RIGHT:if(!this.expanded&&(this.children||this.lazy))return this.setExpanded()}if(n=this.findRelatedNode(e)){try{n.makeVisible({scrollIntoView:!1})}catch(e){}return!1===t?(n.setFocus(),T()):n.setActive()}return this.warn("Could not find related node '"+e+"'."),T()},remove:function(){return this.parent.removeChild(this)},removeChild:function(e){return this.tree._callHook("nodeRemoveChild",this,e)},removeChildren:function(){return this.tree._callHook("nodeRemoveChildren",this)},removeClass:function(e){return this.toggleClass(e,!1)},render:function(e,t){return this.tree._callHook("nodeRender",this,e,t)},renderTitle:function(){return this.tree._callHook("nodeRenderTitle",this)},renderStatus:function(){return this.tree._callHook("nodeRenderStatus",this)},replaceWith:function(e){var n=this.parent,i=C.inArray(this,n.children),r=this;return k(this.isPagingNode(),"replaceWith() currently requires a paging status node"),(e=this.tree._callHook("nodeLoadChildren",this,e)).done(function(e){var t=r.children;for(l=0;l<t.length;l++)t[l].parent=n;n.children.splice.apply(n.children,[i+1,0].concat(t)),r.children=null,r.remove(),n.render()}).fail(function(){r.setExpanded()}),e},resetLazy:function(){this.removeChildren(),this.expanded=!1,this.lazy=!0,this.children=void 0,this.renderStatus()},scheduleAction:function(e,t){this.tree.timer&&(clearTimeout(this.tree.timer),this.tree.debug("clearTimeout(%o)",this.tree.timer)),this.tree.timer=null;var n=this;switch(e){case"cancel":break;case"expand":this.tree.timer=setTimeout(function(){n.tree.debug("setTimeout: trigger expand"),n.setExpanded(!0)},t);break;case"activate":this.tree.timer=setTimeout(function(){n.tree.debug("setTimeout: trigger activate"),n.setActive(!0)},t);break;default:C.error("Invalid mode "+e)}},scrollIntoView:function(e,t){if(void 0!==t&&((p=t).tree&&void 0!==p.statusNodeType))throw Error("scrollIntoView() with 'topNode' option is deprecated since 2014-05-08. Use 'options.topNode' instead.");var n=C.extend({effects:!0===e?{duration:200,queue:!1}:e,scrollOfs:this.tree.options.scrollOfs,scrollParent:this.tree.options.scrollParent,topNode:null},t),i=n.scrollParent,r=this.tree.$container,o=r.css("overflow-y");i?i.jquery||(i=C(i)):i=!this.tree.tbody&&("scroll"===o||"auto"===o)?r:r.scrollParent(),i[0]!==document&&i[0]!==document.body||(this.debug("scrollIntoView(): normalizing scrollParent to 'window':",i[0]),i=C(window));var s,a,l=new C.Deferred,d=this,c=C(this.span).height(),u=n.scrollOfs.top||0,h=n.scrollOfs.bottom||0,f=i.height(),p=i.scrollTop(),e=i,t=i[0]===window,o=n.topNode||null,r=null;return this.isRootNode()||!this.isVisible()?(this.info("scrollIntoView(): node is invisible."),T()):(t?(a=C(this.span).offset().top,s=o&&o.span?C(o.span).offset().top:0,e=C("html,body")):(k(i[0]!==document&&i[0]!==document.body,"scrollParent should be a simple element or `window`, not document or body."),t=i.offset().top,a=C(this.span).offset().top-t+p,s=o?C(o.span).offset().top-t+p:0,f-=Math.max(0,i.innerHeight()-i[0].clientHeight)),a<p+u?r=a-u:p+f-h<a+c&&(r=a+c-f+h,o&&(k(o.isRootNode()||o.isVisible(),"topNode must be visible"),s<r&&(r=s-u))),null===r?l.resolveWith(this):n.effects?(n.effects.complete=function(){l.resolveWith(d)},e.stop(!0).animate({scrollTop:r},n.effects)):(e[0].scrollTop=r,l.resolveWith(this)),l.promise())},setActive:function(e,t){return this.tree._callHook("nodeSetActive",this,e,t)},setExpanded:function(e,t){return this.tree._callHook("nodeSetExpanded",this,e,t)},setFocus:function(e){return this.tree._callHook("nodeSetFocus",this,e)},setSelected:function(e,t){return this.tree._callHook("nodeSetSelected",this,e,t)},setStatus:function(e,t,n){return this.tree._callHook("nodeSetStatus",this,e,t,n)},setTitle:function(e){this.title=e,this.renderTitle(),this.triggerModify("rename")},sortChildren:function(e,t){var n,i,r=this.children;if(r){if(r.sort(e=e||function(e,t){e=e.title.toLowerCase(),t=t.title.toLowerCase();return e===t?0:t<e?1:-1}),t)for(n=0,i=r.length;n<i;n++)r[n].children&&r[n].sortChildren(e,"$norender$");"$norender$"!==t&&this.render(),this.triggerModifyChild("sort")}},toDict:function(e,t){var n,i,r,o,s={},a=this;if(C.each(b,function(e,t){!a[t]&&!1!==a[t]||(s[t]=a[t])}),C.isEmptyObject(this.data)||(s.data=C.extend({},this.data),C.isEmptyObject(s.data)&&delete s.data),t){if(!1===(o=t(s,a)))return!1;"skip"===o&&(e=!1)}if(e&&_(this.children))for(s.children=[],n=0,i=this.children.length;n<i;n++)(r=this.children[n]).isStatusNode()||!1!==(o=r.toDict(!0,t))&&s.children.push(o);return s},toggleClass:function(e,t){var n,i,r=e.match(/\S+/g)||[],o=0,s=!1,a=this[this.tree.statusClassPropName],l=" "+(this.extraClasses||"")+" ";for(a&&C(a).toggleClass(e,t);n=r[o++];)if(i=0<=l.indexOf(" "+n+" "),t=void 0===t?!i:!!t)i||(l+=n+" ",s=!0);else for(;-1<l.indexOf(" "+n+" ");)l=l.replace(" "+n+" "," ");return this.extraClasses=S(l),s},toggleExpanded:function(){return this.tree._callHook("nodeToggleExpanded",this)},toggleSelected:function(){return this.tree._callHook("nodeToggleSelected",this)},toString:function(){return"FancytreeNode@"+this.key+"[title='"+this.title+"']"},triggerModifyChild:function(e,t,n){var i=this.tree.options.modifyChild;i&&(t&&t.parent!==this&&C.error("childNode "+t+" is not a child of "+this),t={node:this,tree:this.tree,operation:e,childNode:t||null},n&&C.extend(t,n),i({type:"modifyChild"},t))},triggerModify:function(e,t){this.parent.triggerModifyChild(e,this,t)},visit:function(e,t){var n,i,r=!0,o=this.children;if(!0===t&&(!1===(r=e(this))||"skip"===r))return r;if(o)for(n=0,i=o.length;n<i&&!1!==(r=o[n].visit(e,!0));n++);return r},visitAndLoad:function(n,e,t){var i,r,o,s=this;return!n||!0!==e||!1!==(r=n(s))&&"skip"!==r?s.children||s.lazy?(i=new C.Deferred,o=[],s.load().done(function(){for(var e=0,t=s.children.length;e<t;e++){if(!1===(r=s.children[e].visitAndLoad(n,!0,!0))){i.reject();break}"skip"!==r&&o.push(r)}C.when.apply(this,o).then(function(){i.resolve()})}),i.promise()):T():t?r:T()},visitParents:function(e,t){if(t&&!1===e(this))return!1;for(var n=this.parent;n;){if(!1===e(n))return!1;n=n.parent}return!0},visitSiblings:function(e,t){for(var n,i=this.parent.children,r=0,o=i.length;r<o;r++)if(n=i[r],(t||n!==this)&&!1===e(n))return!1;return!0},warn:function(e){2<=this.tree.options.debugLevel&&(Array.prototype.unshift.call(arguments,this.toString()),d("warn",arguments))}},F.prototype={_makeHookContext:function(e,t,n){var i,r;return void 0!==e.node?(t&&e.originalEvent!==t&&C.error("invalid args"),i=e):e.tree?i={node:e,tree:r=e.tree,widget:r.widget,options:r.widget.options,originalEvent:t,typeInfo:r.types[e.type]||{}}:e.widget?i={node:null,tree:e,widget:e.widget,options:e.widget.options,originalEvent:t}:C.error("invalid args"),n&&C.extend(i,n),i},_callHook:function(e,t,n){var i=this._makeHookContext(t),r=this[e],t=Array.prototype.slice.call(arguments,2);return N(r)||C.error("_callHook('"+e+"') is not a function"),t.unshift(i),r.apply(this,t)},_setExpiringValue:function(e,t,n){this._tempCache[e]={value:t,expire:Date.now()+(+n||50)}},_getExpiringValue:function(e){var t=this._tempCache[e];return t&&t.expire>Date.now()?t.value:(delete this._tempCache[e],null)},_usesExtension:function(e){return 0<=C.inArray(e,this.options.extensions)},_requireExtension:function(e,t,n,i){null!=n&&(n=!!n);var r=this._local.name,o=this.options.extensions,s=C.inArray(e,o)<C.inArray(r,o),o=t&&null==this.ext[e],s=!o&&null!=n&&n!==s;return k(r&&r!==e,"invalid or same name '"+r+"' (require yourself?)"),!o&&!s||(i||(o||t?(i="'"+r+"' extension requires '"+e+"'",s&&(i+=" to be registered "+(n?"before":"after")+" itself")):i="If used together, `"+e+"` must be registered "+(n?"before":"after")+" `"+r+"`"),C.error(i),!1)},activateKey:function(e,t){e=this.getNodeByKey(e);return e?e.setActive(!0,t):this.activeNode&&this.activeNode.setActive(!1,t),e},addPagingNode:function(e,t){return this.rootNode.addPagingNode(e,t)},applyCommand:function(e,t,n){var i;switch(t=t||this.getActiveNode(),e){case"moveUp":(i=t.getPrevSibling())&&(t.moveTo(i,"before"),t.setActive());break;case"moveDown":(i=t.getNextSibling())&&(t.moveTo(i,"after"),t.setActive());break;case"indent":(i=t.getPrevSibling())&&(t.moveTo(i,"child"),i.setExpanded(),t.setActive());break;case"outdent":t.isTopLevel()||(t.moveTo(t.getParent(),"after"),t.setActive());break;case"remove":i=t.getPrevSibling()||t.getParent(),t.remove(),i&&i.setActive();break;case"addChild":t.editCreateNode("child","");break;case"addSibling":t.editCreateNode("after","");break;case"rename":t.editStart();break;case"down":case"first":case"last":case"left":case"parent":case"right":case"up":return t.navigate(e);default:C.error("Unhandled command: '"+e+"'")}},applyPatch:function(e){for(var t,n,i,r,o=e.length,s=[],a=0;a<o;a++)k(2===(t=e[a]).length,"patchList must be an array of length-2-arrays"),n=t[0],i=t[1],(r=null===n?this.rootNode:this.getNodeByKey(n))?(t=new C.Deferred,s.push(t),r.applyPatch(i).always(O(t,r))):this.warn("could not find node with key '"+n+"'");return C.when.apply(C,s).promise()},clear:function(e){this._callHook("treeClear",this)},count:function(){return this.rootNode.countChildren()},debug:function(e){4<=this.options.debugLevel&&(Array.prototype.unshift.call(arguments,this.toString()),d("log",arguments))},destroy:function(){this.widget.destroy()},enable:function(e){!1===e?this.widget.disable():this.widget.enable()},enableUpdate:function(e){return!!this._enableUpdate==!!(e=!1!==e)?e:((this._enableUpdate=e)?(this.debug("enableUpdate(true): redraw "),this._callHook("treeStructureChanged",this,"enableUpdate"),this.render()):this.debug("enableUpdate(false)..."),!e)},error:function(e){1<=this.options.debugLevel&&(Array.prototype.unshift.call(arguments,this.toString()),d("error",arguments))},expandAll:function(t,n){var e=this.enableUpdate(!1);t=!1!==t,this.visit(function(e){!1!==e.hasChildren()&&e.isExpanded()!==t&&e.setExpanded(t,n)}),this.enableUpdate(e)},findAll:function(e){return this.rootNode.findAll(e)},findFirst:function(e){return this.rootNode.findFirst(e)},findNextNode:function(t,n){var i,r=null,e=this.getFirstChild();function o(e){if((r=t(e)?e:r)||e===n)return!1}return t="string"==typeof t?(i=new RegExp("^"+t,"i"),function(e){return i.test(e.title)}):t,this.visitRows(o,{start:n=n||e,includeSelf:!1}),r||n===e||this.visitRows(o,{start:e,includeSelf:!0}),r},findRelatedNode:function(e,t,n){var i=null,r=C.ui.keyCode;switch(t){case"parent":case r.BACKSPACE:e.parent&&e.parent.parent&&(i=e.parent);break;case"first":case r.HOME:this.visit(function(e){if(e.isVisible())return i=e,!1});break;case"last":case r.END:this.visit(function(e){e.isVisible()&&(i=e)});break;case"left":case r.LEFT:e.expanded?e.setExpanded(!1):e.parent&&e.parent.parent&&(i=e.parent);break;case"right":case r.RIGHT:e.expanded||!e.children&&!e.lazy?e.children&&e.children.length&&(i=e.children[0]):(e.setExpanded(),i=e);break;case"up":case r.UP:this.visitRows(function(e){return i=e,!1},{start:e,reverse:!0,includeSelf:!1});break;case"down":case r.DOWN:this.visitRows(function(e){return i=e,!1},{start:e,includeSelf:!1});break;default:this.tree.warn("Unknown relation '"+t+"'.")}return i},generateFormElements:function(e,t,n){n=n||{};var i="string"==typeof e?e:"ft_"+this._id+"[]",r="string"==typeof t?t:"ft_"+this._id+"_active",o="fancytree_result_"+this._id,s=C("#"+o),a=3===this.options.selectMode&&!1!==n.stopOnParents;function l(e){s.append(C("<input>",{type:"checkbox",name:i,value:e.key,checked:!0}))}s.length?s.empty():s=C("<div>",{id:o}).hide().insertAfter(this.$container),!1!==t&&this.activeNode&&s.append(C("<input>",{type:"radio",name:r,value:this.activeNode.key,checked:!0})),n.filter?this.visit(function(e){var t=n.filter(e);if("skip"===t)return t;!1!==t&&l(e)}):!1!==e&&(a=this.getSelectedNodes(a),C.each(a,function(e,t){l(t)}))},getActiveNode:function(){return this.activeNode},getFirstChild:function(){return this.rootNode.getFirstChild()},getFocusNode:function(){return this.focusNode},getOption:function(e){return this.widget.option(e)},getNodeByKey:function(t,e){var n,i;return!e&&(n=document.getElementById(this.options.idPrefix+t))?n.ftnode||null:(e=e||this.rootNode,t=""+t,e.visit(function(e){if(e.key===t)return i=e,!1},!(i=null)),i)},getRootNode:function(){return this.rootNode},getSelectedNodes:function(e){return this.rootNode.getSelectedNodes(e)},hasFocus:function(){return!!this._hasFocus},info:function(e){3<=this.options.debugLevel&&(Array.prototype.unshift.call(arguments,this.toString()),d("info",arguments))},isLoading:function(){var t=!1;return this.rootNode.visit(function(e){if(e._isLoading||e._requestId)return!(t=!0)},!0),t},loadKeyPath:function(e,t){var i,n,r,o=this,s=new C.Deferred,a=this.getRootNode(),l=this.options.keyPathSeparator,d=[],c=C.extend({},t);for("function"==typeof t?i=t:t&&t.callback&&(i=t.callback),c.callback=function(e,t,n){i&&i.call(e,t,n),s.notifyWith(e,[{node:t,status:n}])},null==c.matchKey&&(c.matchKey=function(e,t){return e.key===t}),_(e)||(e=[e]),n=0;n<e.length;n++)(r=e[n]).charAt(0)===l&&(r=r.substr(1)),d.push(r.split(l));return setTimeout(function(){o._loadKeyPathImpl(s,c,a,d).done(function(){s.resolve()})},0),s.promise()},_loadKeyPathImpl:function(e,o,t,n){var i,r,s,a,l,d,c,u,h,f,p=this;for(c={},r=0;r<n.length;r++)for(h=n[r],u=t;h.length;){if(s=h.shift(),!(a=function(e,t){var n,i,r=e.children;if(r)for(n=0,i=r.length;n<i;n++)if(o.matchKey(r[n],t))return r[n];return null}(u,s))){this.warn("loadKeyPath: key not found: "+s+" (parent: "+u+")"),o.callback(this,s,"error");break}if(0===h.length){o.callback(this,a,"ok");break}if(a.lazy&&void 0===a.hasChildren()){o.callback(this,a,"loaded"),c[s=a.key]?c[s].pathSegList.push(h):c[s]={parent:a,pathSegList:[h]};break}o.callback(this,a,"loaded"),u=a}for(l in i=[],c)w(c,l)&&(d=c[l],f=new C.Deferred,i.push(f),function(t,n,e){o.callback(p,n,"loading"),n.load().done(function(){p._loadKeyPathImpl.call(p,t,o,n,e).always(O(t,p))}).fail(function(e){p.warn("loadKeyPath: error loading lazy "+n),o.callback(p,a,"error"),t.rejectWith(p)})}(f,d.parent,d.pathSegList));return C.when.apply(C,i).promise()},reactivate:function(e){var t,n=this.activeNode;return n?(this.activeNode=null,t=n.setActive(!0,{noFocus:!0}),e&&n.setFocus(),t):T()},reload:function(e){return this._callHook("treeClear",this),this._callHook("treeLoad",this,e)},render:function(e,t){return this.rootNode.render(e,t)},selectAll:function(t){this.visit(function(e){e.setSelected(t)})},setFocus:function(e){return this._callHook("treeSetFocus",this,e)},setOption:function(e,t){return this.widget.option(e,t)},debugTime:function(e){4<=this.options.debugLevel&&window.console.time(this+" - "+e)},debugTimeEnd:function(e){4<=this.options.debugLevel&&window.console.timeEnd(this+" - "+e)},toDict:function(e,t){t=this.rootNode.toDict(!0,t);return e?t:t.children},toString:function(){return"Fancytree@"+this._id},_triggerNodeEvent:function(e,t,n,i){i=this._makeHookContext(t,n,i),n=this.widget._trigger(e,n,i);return!1!==n&&void 0!==i.result?i.result:n},_triggerTreeEvent:function(e,t,n){n=this._makeHookContext(this,t,n),t=this.widget._trigger(e,t,n);return!1!==t&&void 0!==n.result?n.result:t},visit:function(e){return this.rootNode.visit(e,!1)},visitRows:function(t,e){if(!this.rootNode.hasChildren())return!1;if(e&&e.reverse)return delete e.reverse,this._visitRowsUp(t,e);for(var n,i,r,o=0,s=!1===(e=e||{}).includeSelf,a=!!e.includeHidden,l=!a&&this.enableFilter,d=e.start||this.rootNode.children[0],c=d.parent;c;){for(k(0<=(i=(r=c.children).indexOf(d)+o),"Could not find "+d+" in parent's children: "+c),n=i;n<r.length;n++)if(d=r[n],!l||d.match||d.subMatchCount){if(!s&&!1===t(d))return!1;if(s=!1,d.children&&d.children.length&&(a||d.expanded)&&!1===d.visit(function(e){return!l||e.match||e.subMatchCount?!1!==t(e)&&(a||!e.children||e.expanded?void 0:"skip"):"skip"},!1))return!1}c=(d=c).parent,o=1}return!0},_visitRowsUp:function(e,t){for(var n,i,r,o=!!t.includeHidden,s=t.start||this.rootNode.children[0];;){if((n=(r=s.parent).children)[0]===s){if(!(s=r).parent)break;n=r.children}else for(i=n.indexOf(s),s=n[i-1];(o||s.expanded)&&s.children&&s.children.length;)s=(n=(r=s).children)[n.length-1];if((o||s.isVisible())&&!1===e(s))return!1}},warn:function(e){2<=this.options.debugLevel&&(Array.prototype.unshift.call(arguments,this.toString()),d("warn",arguments))}},C.extend(F.prototype,{nodeClick:function(e){var t,n,i=e.targetType,r=e.node;if("expander"===i)r.isLoading()?r.debug("Got 2nd click while loading: ignored"):this._callHook("nodeToggleExpanded",e);else if("checkbox"===i)this._callHook("nodeToggleSelected",e),e.options.focusOnSelect&&this._callHook("nodeSetFocus",e,!0);else{if(t=!(n=!1),r.folder)switch(e.options.clickFolderMode){case 2:t=!(n=!0);break;case 3:n=t=!0}t&&(this.nodeSetFocus(e),this._callHook("nodeSetActive",e,!0)),n&&this._callHook("nodeToggleExpanded",e)}},nodeCollapseSiblings:function(e,t){var n,i,r,o=e.node;if(o.parent)for(i=0,r=(n=o.parent.children).length;i<r;i++)n[i]!==o&&n[i].expanded&&this._callHook("nodeSetExpanded",n[i],!1,t)},nodeDblclick:function(e){"title"===e.targetType&&4===e.options.clickFolderMode&&this._callHook("nodeToggleExpanded",e),"title"===e.targetType&&e.originalEvent.preventDefault()},nodeKeydown:function(e){var t=e.originalEvent,n=e.node,i=e.tree,r=e.options,o=t.which,s=t.key||String.fromCharCode(o),a=!!(t.altKey||t.ctrlKey||t.metaKey),l=!g[o]&&!u[o]&&!a,o=C(t.target),d=!0,c=!(t.ctrlKey||!r.autoActivate);if(n||(a=this.getActiveNode()||this.getFirstChild())&&(a.setFocus(),(n=e.node=this.focusNode).debug("Keydown force focus on active node")),r.quicksearch&&l&&!o.is(":input:enabled"))return 500<(o=Date.now())-i.lastQuicksearchTime&&(i.lastQuicksearchTerm=""),i.lastQuicksearchTime=o,i.lastQuicksearchTerm+=s,(s=i.findNextNode(i.lastQuicksearchTerm,i.getActiveNode()))&&s.setActive(),void t.preventDefault();switch(h.eventToString(t)){case"+":case"=":i.nodeSetExpanded(e,!0);break;case"-":i.nodeSetExpanded(e,!1);break;case"space":n.isPagingNode()?i._triggerNodeEvent("clickPaging",e,t):h.evalOption("checkbox",n,n,r,!1)?i.nodeToggleSelected(e):i.nodeSetActive(e,!0);break;case"return":i.nodeSetActive(e,!0);break;case"home":case"end":case"backspace":case"left":case"right":case"up":case"down":n.navigate(t.which,c);break;default:d=!1}d&&t.preventDefault()},nodeLoadChildren:function(o,s){var t,n,a,e=null,i=!0,l=o.tree,d=o.node,c=d.parent,r="nodeLoadChildren",u=Date.now();return N(s)&&k(!N(s=s.call(l,{type:"source"},o)),"source callback must not return another function"),N(s.then)?e=s:s.url?e=(t=C.extend({},o.options.ajax,s)).debugDelay?(n=t.debugDelay,delete t.debugDelay,_(n)&&(n=n[0]+Math.random()*(n[1]-n[0])),d.warn("nodeLoadChildren waiting debugDelay "+Math.round(n)+" ms ..."),C.Deferred(function(e){setTimeout(function(){C.ajax(t).done(function(){e.resolveWith(this,arguments)}).fail(function(){e.rejectWith(this,arguments)})},n)})):C.ajax(t):C.isPlainObject(s)||_(s)?i=!(e={then:function(e,t){e(s,null,null)}}):C.error("Invalid source type: "+s),d._requestId&&(d.warn("Recursive load request #"+u+" while #"+d._requestId+" is pending."),d._requestId=u),i&&(l.debugTime(r),l.nodeSetStatus(o,"loading")),a=new C.Deferred,e.then(function(e,t,n){var i,r;if("json"!==s.dataType&&"jsonp"!==s.dataType||"string"!=typeof e||C.error("Ajax request returned a string (did you get the JSON dataType wrong?)."),d._requestId&&d._requestId>u)a.rejectWith(this,[f]);else if(null!==d.parent||null===c){if(o.options.postProcess){try{(r=l._triggerNodeEvent("postProcess",o,o.originalEvent,{response:e,error:null,dataType:s.dataType})).error&&l.warn("postProcess returned error:",r)}catch(e){r={error:e,message:""+e,details:"postProcess failed"}}if(r.error)return i=C.isPlainObject(r.error)?r.error:{message:r.error},i=l._makeHookContext(d,null,i),void a.rejectWith(this,[i]);(_(r)||C.isPlainObject(r)&&_(r.children))&&(e=r)}else e&&w(e,"d")&&o.options.enableAspx&&(42===o.options.enableAspx&&l.warn("The default for enableAspx will change to `false` in the fututure. Pass `enableAspx: true` or implement postProcess to silence this warning."),e="string"==typeof e.d?C.parseJSON(e.d):e.d);a.resolveWith(this,[e])}else a.rejectWith(this,[p])},function(e,t,n){n=l._makeHookContext(d,null,{error:e,args:Array.prototype.slice.call(arguments),message:n,details:e.status+": "+n});a.rejectWith(this,[n])}),a.done(function(e){var t,n,i;l.nodeSetStatus(o,"ok"),C.isPlainObject(e)?(k(d.isRootNode(),"source may only be an object for root nodes (expecting an array of child objects otherwise)"),k(_(e.children),"if an object is passed as source, it must contain a 'children' array (all other properties are added to 'tree.data')"),t=(n=e).children,delete n.children,C.each(m,function(e,t){void 0!==n[t]&&(l[t]=n[t],delete n[t])}),C.extend(l.data,n)):t=e,k(_(t),"expected array of children"),d._setChildren(t),l.options.nodata&&0===t.length&&(N(l.options.nodata)?i=l.options.nodata.call(l,{type:"nodata"},o):!0===l.options.nodata&&d.isRootNode()?i=l.options.strings.noData:"string"==typeof l.options.nodata&&d.isRootNode()&&(i=l.options.nodata),i&&d.setStatus("nodata",i)),l._triggerNodeEvent("loadChildren",d)}).fail(function(e){var t;e!==f?e!==p?(e.node&&e.error&&e.message?t=e:"[object Object]"===(t=l._makeHookContext(d,null,{error:e,args:Array.prototype.slice.call(arguments),message:e?e.message||e.toString():""})).message&&(t.message=""),d.warn("Load children failed ("+t.message+")",t),!1!==l._triggerNodeEvent("loadError",t,null)&&l.nodeSetStatus(o,"error",t.message,t.details)):d.warn("Lazy parent node was removed while loading: discarding response."):d.warn("Ignored response for obsolete load request #"+u+" (expected #"+d._requestId+")")}).always(function(){d._requestId=null,i&&l.debugTimeEnd(r)}),a.promise()},nodeLoadKeyPath:function(e,t){},nodeRemoveChild:function(e,t){var n=e.node,i=C.extend({},e,{node:t}),r=n.children;if(1===r.length)return k(t===r[0],"invalid single child"),this.nodeRemoveChildren(e);this.activeNode&&(t===this.activeNode||this.activeNode.isDescendantOf(t))&&this.activeNode.setActive(!1),this.focusNode&&(t===this.focusNode||this.focusNode.isDescendantOf(t))&&(this.focusNode=null),this.nodeRemoveMarkup(i),this.nodeRemoveChildren(i),k(0<=(i=C.inArray(t,r)),"invalid child"),n.triggerModifyChild("remove",t),t.visit(function(e){e.parent=null},!0),this._callHook("treeRegisterNode",this,!1,t),r.splice(i,1)},nodeRemoveChildMarkup:function(e){e=e.node;e.ul&&(e.isRootNode()?C(e.ul).empty():(C(e.ul).remove(),e.ul=null),e.visit(function(e){e.li=e.ul=null}))},nodeRemoveChildren:function(e){var t=e.tree,n=e.node;n.children&&(this.activeNode&&this.activeNode.isDescendantOf(n)&&this.activeNode.setActive(!1),this.focusNode&&this.focusNode.isDescendantOf(n)&&(this.focusNode=null),this.nodeRemoveChildMarkup(e),n.triggerModifyChild("remove",null),n.visit(function(e){e.parent=null,t._callHook("treeRegisterNode",t,!1,e)}),n.lazy?n.children=[]:n.children=null,n.isRootNode()||(n.expanded=!1),this.nodeRenderStatus(e))},nodeRemoveMarkup:function(e){var t=e.node;t.li&&(C(t.li).remove(),t.li=null),this.nodeRemoveChildMarkup(e)},nodeRender:function(e,t,n,i,r){var o,s,a,l,d,c,u,h=e.node,f=e.tree,p=e.options,g=p.aria,y=!1,v=h.parent,m=!v,b=h.children,x=null;if(!1!==f._enableUpdate&&(m||v.ul)){if(k(m||v.ul,"parent UL must exist"),m||(h.li&&(t||h.li.parentNode!==h.parent.ul)&&(h.li.parentNode===h.parent.ul?x=h.li.nextSibling:this.debug("Unlinking "+h+" (must be child of "+h.parent+")"),this.nodeRemoveMarkup(e)),h.li?this.nodeRenderStatus(e):(y=!0,h.li=document.createElement("li"),(h.li.ftnode=h).key&&p.generateIds&&(h.li.id=p.idPrefix+h.key),h.span=document.createElement("span"),h.span.className="fancytree-node",g&&!h.tr&&C(h.li).attr("role","treeitem"),h.li.appendChild(h.span),this.nodeRenderTitle(e),p.createNode&&p.createNode.call(f,{type:"createNode"},e)),p.renderNode&&p.renderNode.call(f,{type:"renderNode"},e)),b){if(m||h.expanded||!0===n){for(h.ul||(h.ul=document.createElement("ul"),(!0!==i||r)&&h.expanded||(h.ul.style.display="none"),g&&C(h.ul).attr("role","group"),h.li?h.li.appendChild(h.ul):h.tree.$div.append(h.ul)),l=0,d=b.length;l<d;l++)u=C.extend({},e,{node:b[l]}),this.nodeRender(u,t,n,!1,!0);for(o=h.ul.firstChild;o;)o=(a=o.ftnode)&&a.parent!==h?(h.debug("_fixParent: remove missing "+a,o),c=o.nextSibling,o.parentNode.removeChild(o),c):o.nextSibling;for(o=h.ul.firstChild,l=0,d=b.length-1;l<d;l++)(s=b[l])===(a=o.ftnode)?o=o.nextSibling:h.ul.insertBefore(s.li,a.li)}}else h.ul&&(this.warn("remove child markup for "+h),this.nodeRemoveChildMarkup(e));m||y&&v.ul.insertBefore(h.li,x)}},nodeRenderTitle:function(e,t){var n,i,r=e.node,o=e.tree,s=e.options,a=s.aria,l=r.getLevel(),d=[];void 0!==t&&(r.title=t),r.span&&!1!==o._enableUpdate&&(t=a&&!1!==r.hasChildren()?" role='button'":"",l<s.minExpandLevel?(r.lazy||(r.expanded=!0),1<l&&d.push("<span "+t+" class='fancytree-expander fancytree-expander-fixed'></span>")):d.push("<span "+t+" class='fancytree-expander'></span>"),(l=h.evalOption("checkbox",r,r,s,!1))&&!r.isStatusNode()&&(n="fancytree-checkbox",("radio"===l||r.parent&&r.parent.radiogroup)&&(n+=" fancytree-radio"),d.push("<span "+(t=a?" role='checkbox'":"")+" class='"+n+"'></span>")),void 0!==r.data.iconClass&&(r.icon?C.error("'iconClass' node option is deprecated since v2.14.0: use 'icon' only instead"):(r.warn("'iconClass' node option is deprecated since v2.14.0: use 'icon' instead"),r.icon=r.data.iconClass)),!1!==(n=h.evalOption("icon",r,r,s,!0))&&(t=a?" role='presentation'":"",i=(i=h.evalOption("iconTooltip",r,r,s,null))?" title='"+D(i)+"'":"","string"==typeof n?c.test(n)?(n="/"===n.charAt(0)?n:(s.imagePath||"")+n,d.push("<img src='"+n+"' class='fancytree-icon'"+i+" alt='' />")):d.push("<span "+t+" class='fancytree-custom-icon "+n+"'"+i+"></span>"):n.text?d.push("<span "+t+" class='fancytree-custom-icon "+(n.addClass||"")+"'"+i+">"+h.escapeHtml(n.text)+"</span>"):n.html?d.push("<span "+t+" class='fancytree-custom-icon "+(n.addClass||"")+"'"+i+">"+n.html+"</span>"):d.push("<span "+t+" class='fancytree-icon'"+i+"></span>")),t="",t=(t=s.renderTitle?s.renderTitle.call(o,{type:"renderTitle"},e)||"":t)||"<span class='fancytree-title'"+(i=(i=!0===(i=h.evalOption("tooltip",r,r,s,null))?r.title:i)?" title='"+D(i)+"'":"")+(s.titlesTabbable?" tabindex='0'":"")+">"+(s.escapeTitles?h.escapeHtml(r.title):r.title)+"</span>",d.push(t),r.span.innerHTML=d.join(""),this.nodeRenderStatus(e),s.enhanceTitle&&(e.$title=C(">span.fancytree-title",r.span),t=s.enhanceTitle.call(o,{type:"enhanceTitle"},e)||""))},nodeRenderStatus:function(e){var t,n=e.node,i=e.tree,r=e.options,o=n.hasChildren(),s=n.isLastSibling(),a=r.aria,l=r._classNames,d=[],e=n[i.statusClassPropName];e&&!1!==i._enableUpdate&&(a&&(t=C(n.tr||n.li)),d.push(l.node),i.activeNode===n&&d.push(l.active),i.focusNode===n&&d.push(l.focused),n.expanded&&d.push(l.expanded),a&&(!1===o?t.removeAttr("aria-expanded"):t.attr("aria-expanded",Boolean(n.expanded))),n.folder&&d.push(l.folder),!1!==o&&d.push(l.hasChildren),s&&d.push(l.lastsib),n.lazy&&null==n.children&&d.push(l.lazy),n.partload&&d.push(l.partload),n.partsel&&d.push(l.partsel),h.evalOption("unselectable",n,n,r,!1)&&d.push(l.unselectable),n._isLoading&&d.push(l.loading),n._error&&d.push(l.error),n.statusNodeType&&d.push(l.statusNodePrefix+n.statusNodeType),n.selected?(d.push(l.selected),a&&t.attr("aria-selected",!0)):a&&t.attr("aria-selected",!1),n.extraClasses&&d.push(n.extraClasses),!1===o?d.push(l.combinedExpanderPrefix+"n"+(s?"l":"")):d.push(l.combinedExpanderPrefix+(n.expanded?"e":"c")+(n.lazy&&null==n.children?"d":"")+(s?"l":"")),d.push(l.combinedIconPrefix+(n.expanded?"e":"c")+(n.folder?"f":"")),e.className=d.join(" "),n.li&&C(n.li).toggleClass(l.lastsib,s))},nodeSetActive:function(e,t,n){var i=e.node,r=e.tree,o=e.options,s=!0===(n=n||{}).noEvents,a=!0===n.noFocus,n=!1!==n.scrollIntoView;return i===r.activeNode===(t=!1!==t)?T(i):(n&&e.originalEvent&&C(e.originalEvent.target).is("a,:checkbox")&&(i.info("Not scrolling while clicking an embedded link."),n=!1),t&&!s&&!1===this._triggerNodeEvent("beforeActivate",i,e.originalEvent)?A(i,["rejected"]):(t?(r.activeNode&&(k(r.activeNode!==i,"node was active (inconsistency)"),t=C.extend({},e,{node:r.activeNode}),r.nodeSetActive(t,!1),k(null===r.activeNode,"deactivate was out of sync?")),o.activeVisible&&i.makeVisible({scrollIntoView:n}),r.activeNode=i,r.nodeRenderStatus(e),a||r.nodeSetFocus(e),s||r._triggerNodeEvent("activate",i,e.originalEvent)):(k(r.activeNode===i,"node was not active (inconsistency)"),r.activeNode=null,this.nodeRenderStatus(e),s||e.tree._triggerNodeEvent("deactivate",i,e.originalEvent)),T(i)))},nodeSetExpanded:function(i,r,e){var t,n,o,s,a,l,d=i.node,c=i.tree,u=i.options,h=!0===(e=e||{}).noAnimation,f=!0===e.noEvents;if(r=!1!==r,C(d.li).hasClass(u._classNames.animating))return d.warn("setExpanded("+r+") while animating: ignored."),A(d,["recursion"]);if(d.expanded&&r||!d.expanded&&!r)return T(d);if(r&&!d.lazy&&!d.hasChildren())return T(d);if(!r&&d.getLevel()<u.minExpandLevel)return A(d,["locked"]);if(!f&&!1===this._triggerNodeEvent("beforeExpand",d,i.originalEvent))return A(d,["rejected"]);if(h||d.isVisible()||(h=e.noAnimation=!0),n=new C.Deferred,r&&!d.expanded&&u.autoCollapse){a=d.getParentList(!1,!0),l=u.autoCollapse;try{for(u.autoCollapse=!1,o=0,s=a.length;o<s;o++)this._callHook("nodeCollapseSiblings",a[o],e)}finally{u.autoCollapse=l}}return n.done(function(){var e=d.getLastChild();r&&u.autoScroll&&!h&&e&&c._enableUpdate?e.scrollIntoView(!0,{topNode:d}).always(function(){f||i.tree._triggerNodeEvent(r?"expand":"collapse",i)}):f||i.tree._triggerNodeEvent(r?"expand":"collapse",i)}),t=function(e){var t=u._classNames,n=u.toggleEffect;if(d.expanded=r,c._callHook("treeStructureChanged",i,r?"expand":"collapse"),c._callHook("nodeRender",i,!1,!1,!0),d.ul)if("none"!==d.ul.style.display==!!d.expanded)d.warn("nodeSetExpanded: UL.style.display already set");else{if(n&&!h)return C(d.li).addClass(t.animating),void(N(C(d.ul)[n.effect])?C(d.ul)[n.effect]({duration:n.duration,always:function(){C(this).removeClass(t.animating),C(d.li).removeClass(t.animating),e()}}):(C(d.ul).stop(!0,!0),C(d.ul).parent().find(".ui-effects-placeholder").remove(),C(d.ul).toggle(n.effect,n.options,n.duration,function(){C(this).removeClass(t.animating),C(d.li).removeClass(t.animating),e()})));d.ul.style.display=d.expanded||!parent?"":"none"}e()},r&&d.lazy&&void 0===d.hasChildren()?d.load().done(function(){n.notifyWith&&n.notifyWith(d,["loaded"]),t(function(){n.resolveWith(d)})}).fail(function(e){t(function(){n.rejectWith(d,["load failed ("+e+")"])})}):t(function(){n.resolveWith(d)}),n.promise()},nodeSetFocus:function(e,t){var n,i=e.tree,r=e.node,o=i.options,s=!!e.originalEvent&&C(e.originalEvent.target).is(":input");if(t=!1!==t,i.focusNode){if(i.focusNode===r&&t)return;n=C.extend({},e,{node:i.focusNode}),i.focusNode=null,this._triggerNodeEvent("blur",n),this._callHook("nodeRenderStatus",n)}t&&(this.hasFocus()||(r.debug("nodeSetFocus: forcing container focus"),this._callHook("treeSetFocus",e,!0,{calledByNode:!0})),r.makeVisible({scrollIntoView:!1}),i.focusNode=r,o.titlesTabbable&&(s||C(r.span).find(".fancytree-title").focus()),o.aria&&C(i.$container).attr("aria-activedescendant",C(r.tr||r.li).uniqueId().attr("id")),this._triggerNodeEvent("focus",e),document.activeElement===i.$container.get(0)||1<=C(document.activeElement,i.$container).length||C(i.$container).focus(),o.autoScroll&&r.scrollIntoView(),this._callHook("nodeRenderStatus",e))},nodeSetSelected:function(e,t,n){var i=e.node,r=e.tree,o=e.options,s=!0===(n=n||{}).noEvents,a=i.parent;if(t=!1!==t,!h.evalOption("unselectable",i,i,o,!1))return i._lastSelectIntent=t,!!i.selected!==t||3===o.selectMode&&i.partsel&&!t?s||!1!==this._triggerNodeEvent("beforeSelect",i,e.originalEvent)?(t&&1===o.selectMode?(r.lastSelectedNode&&r.lastSelectedNode.setSelected(!1),i.selected=t):3!==o.selectMode||!a||a.radiogroup||i.radiogroup?a&&a.radiogroup?i.visitSiblings(function(e){e._changeSelectStatusAttrs(t&&e===i)},!0):i.selected=t:(i.selected=t,i.fixSelection3AfterClick(n)),this.nodeRenderStatus(e),r.lastSelectedNode=t?i:null,void(s||r._triggerNodeEvent("select",e))):!!i.selected:t},nodeSetStatus:function(i,e,t,n){var r=i.node,o=i.tree;function s(e,t){var n=r.children?r.children[0]:null;return n&&n.isStatusNode()?(C.extend(n,e),n.statusNodeType=t,o._callHook("nodeRenderTitle",n)):(r._setChildren([e]),o._callHook("treeStructureChanged",i,"setStatusNode"),r.children[0].statusNodeType=t,o.render()),r.children[0]}switch(e){case"ok":!function(){var e=r.children?r.children[0]:null;if(e&&e.isStatusNode()){try{r.ul&&(r.ul.removeChild(e.li),e.li=null)}catch(e){}1===r.children.length?r.children=[]:r.children.shift(),o._callHook("treeStructureChanged",i,"clearStatusNode")}}(),r._isLoading=!1,r._error=null,r.renderStatus();break;case"loading":r.parent||s({title:o.options.strings.loading+(t?" ("+t+")":""),checkbox:!1,tooltip:n},e),r._isLoading=!0,r._error=null,r.renderStatus();break;case"error":s({title:o.options.strings.loadError+(t?" ("+t+")":""),checkbox:!1,tooltip:n},e),r._isLoading=!1,r._error={message:t,details:n},r.renderStatus();break;case"nodata":s({title:t||o.options.strings.noData,checkbox:!1,tooltip:n},e),r._isLoading=!1,r._error=null,r.renderStatus();break;default:C.error("invalid node status "+e)}},nodeToggleExpanded:function(e){return this.nodeSetExpanded(e,!e.node.expanded)},nodeToggleSelected:function(e){var t=e.node,n=!t.selected;return t.partsel&&!t.selected&&!0===t._lastSelectIntent&&(t.selected=!(n=!1)),t._lastSelectIntent=n,this.nodeSetSelected(e,n)},treeClear:function(e){var t=e.tree;t.activeNode=null,t.focusNode=null,t.$div.find(">ul.fancytree-container").empty(),t.rootNode.children=null,t._callHook("treeStructureChanged",e,"clear")},treeCreate:function(e){},treeDestroy:function(e){this.$div.find(">ul.fancytree-container").remove(),this.$source&&this.$source.removeClass("fancytree-helper-hidden")},treeInit:function(e){var n=e.tree,i=n.options;n.$container.attr("tabindex",i.tabindex),C.each(m,function(e,t){void 0!==i[t]&&(n.info("Move option "+t+" to tree"),n[t]=i[t],delete i[t])}),i.checkboxAutoHide&&n.$container.addClass("fancytree-checkbox-auto-hide"),i.rtl?n.$container.attr("DIR","RTL").addClass("fancytree-rtl"):n.$container.removeAttr("DIR").removeClass("fancytree-rtl"),i.aria&&(n.$container.attr("role","tree"),1!==i.selectMode&&n.$container.attr("aria-multiselectable",!0)),this.treeLoad(e)},treeLoad:function(e,t){var n,i,r,o=e.tree,s=e.widget.element,a=C.extend({},e,{node:this.rootNode});if(o.rootNode.children&&this.treeClear(e),t=t||this.options.source)"string"==typeof t&&C.error("Not implemented");else switch(i=s.data("type")||"html"){case"html":(r=s.find(">ul").not(".fancytree-container").first()).length?(r.addClass("ui-fancytree-source fancytree-helper-hidden"),t=C.ui.fancytree.parseHtml(r),this.data=C.extend(this.data,P(r))):(h.warn("No `source` option was passed and container does not contain `<ul>`: assuming `source: []`."),t=[]);break;case"json":t=C.parseJSON(s.text()),s.contents().filter(function(){return 3===this.nodeType}).remove(),C.isPlainObject(t)&&(k(_(t.children),"if an object is passed as source, it must contain a 'children' array (all other properties are added to 'tree.data')"),t=(n=t).children,delete n.children,C.each(m,function(e,t){void 0!==n[t]&&(o[t]=n[t],delete n[t])}),C.extend(o.data,n));break;default:C.error("Invalid data-type: "+i)}return o._triggerTreeEvent("preInit",null),this.nodeLoadChildren(a,t).done(function(){o._callHook("treeStructureChanged",e,"loadChildren"),o.render(),3===e.options.selectMode&&o.rootNode.fixSelection3FromEndNodes(),o.activeNode&&o.options.activeVisible&&o.activeNode.makeVisible(),o._triggerTreeEvent("init",null,{status:!0})}).fail(function(){o.render(),o._triggerTreeEvent("init",null,{status:!1})})},treeRegisterNode:function(e,t,n){e.tree._callHook("treeStructureChanged",e,t?"addNode":"removeNode")},treeSetFocus:function(e,t,n){var i;(t=!1!==t)!==this.hasFocus()&&(!(this._hasFocus=t)&&this.focusNode?this.focusNode.setFocus(!1):!t||n&&n.calledByNode||C(this.$container).focus(),this.$container.toggleClass("fancytree-treefocus",t),this._triggerTreeEvent(t?"focusTree":"blurTree"),t&&!this.activeNode&&(i=this._lastMousedownNode||this.getFirstChild())&&i.setFocus())},treeSetOption:function(e,t,n){var i=e.tree,r=!0,o=!1,s=!1;switch(t){case"aria":case"checkbox":case"icon":case"minExpandLevel":case"tabindex":s=o=!0;break;case"checkboxAutoHide":i.$container.toggleClass("fancytree-checkbox-auto-hide",!!n);break;case"escapeTitles":case"tooltip":s=!0;break;case"rtl":!1===n?i.$container.removeAttr("DIR").removeClass("fancytree-rtl"):i.$container.attr("DIR","RTL").addClass("fancytree-rtl"),s=!0;break;case"source":r=!1,i._callHook("treeLoad",i,n),s=!0}i.debug("set option "+t+"="+n+" <"+typeof n+">"),r&&(this.widget._super||C.Widget.prototype._setOption).call(this.widget,t,n),o&&i._callHook("treeCreate",i),s&&i.render(!0,!1)},treeStructureChanged:function(e,t){}}),C.widget("ui.fancytree",{options:{activeVisible:!0,ajax:{type:"GET",cache:!1,dataType:"json"},aria:!0,autoActivate:!0,autoCollapse:!1,autoScroll:!1,checkbox:!1,clickFolderMode:4,copyFunctionsToData:!1,debugLevel:null,disabled:!1,enableAspx:42,escapeTitles:!1,extensions:[],focusOnSelect:!1,generateIds:!1,icon:!0,idPrefix:"ft_",keyboard:!0,keyPathSeparator:"/",minExpandLevel:1,nodata:!0,quicksearch:!1,rtl:!1,scrollOfs:{top:0,bottom:0},scrollParent:null,selectMode:2,strings:{loading:"Loading...",loadError:"Load error!",moreData:"More...",noData:"No data."},tabindex:"0",titlesTabbable:!1,toggleEffect:{effect:"slideToggle",duration:200},tooltip:!1,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"},lazyLoad:null,postProcess:null},_deprecationWarning:function(e){var t=this.tree;t&&3<=t.options.debugLevel&&t.warn("$().fancytree('"+e+"') is deprecated (see https://wwwendt.de/tech/fancytree/doc/jsdoc/Fancytree_Widget.html")},_create:function(){this.tree=new F(this),this.$source=this.source||"json"===this.element.data("type")?this.element:this.element.find(">ul").first();for(var e,t,n=this.options,i=n.extensions,r=(this.tree,0);r<i.length;r++)t=i[r],(e=C.ui.fancytree._extensions[t])||C.error("Could not apply extension '"+t+"' (it is not registered, did you forget to include it?)"),this.tree.options[t]=function e(t){var n,i,r,o,s=t||{},a=1,l=arguments.length;if("object"==typeof s||N(s)||(s={}),a===l)throw Error("need at least two args");for(;a<l;a++)if(null!=(n=arguments[a]))for(i in n)w(n,i)&&(o=s[i],s!==(r=n[i])&&(r&&C.isPlainObject(r)?(o=o&&C.isPlainObject(o)?o:{},s[i]=e(o,r)):void 0!==r&&(s[i]=r)));return s}({},e.options,this.tree.options[t]),k(void 0===this.tree.ext[t],"Extension name must not exist as Fancytree.ext attribute: '"+t+"'"),this.tree.ext[t]={},function(e,t,n){for(var i in t)"function"==typeof t[i]?"function"==typeof e[i]?e[i]=E(i,e,0,t,n):"_"===i.charAt(0)?e.ext[n][i]=E(i,e,0,t,n):C.error("Could not override tree."+i+". Use prefix '_' to create tree."+n+"._"+i):"options"!==i&&(e.ext[n][i]=t[i])}(this.tree,e,t),0;void 0!==n.icons&&(!0===n.icon?(this.tree.warn("'icons' tree option is deprecated since v2.14.0: use 'icon' instead"),n.icon=n.icons):C.error("'icons' tree option is deprecated since v2.14.0: use 'icon' only instead")),void 0!==n.iconClass&&(n.icon?C.error("'iconClass' tree option is deprecated since v2.14.0: use 'icon' only instead"):(this.tree.warn("'iconClass' tree option is deprecated since v2.14.0: use 'icon' instead"),n.icon=n.iconClass)),void 0!==n.tabbable&&(n.tabindex=n.tabbable?"0":"-1",this.tree.warn("'tabbable' tree option is deprecated since v2.17.0: use 'tabindex='"+n.tabindex+"' instead")),this.tree._callHook("treeCreate",this.tree)},_init:function(){this.tree._callHook("treeInit",this.tree),this._bind()},_setOption:function(e,t){return this.tree._callHook("treeSetOption",this.tree,e,t)},_destroy:function(){this._unbind(),this.tree._callHook("treeDestroy",this.tree)},_unbind:function(){var e=this.tree._ns;this.element.off(e),this.tree.$container.off(e),C(document).off(e)},_bind:function(){var s=this,a=this.options,o=this.tree,e=o._ns;this._unbind(),o.$container.on("focusin"+e+" focusout"+e,function(e){var t=h.getNode(e),n="focusin"===e.type;if(!n&&t&&C(e.target).is("a"))t.debug("Ignored focusout on embedded <a> element.");else{if(n){if(o._getExpiringValue("focusin"))return void o.debug("Ignored double focusin.");o._setExpiringValue("focusin",!0,50),t||(t=o._getExpiringValue("mouseDownNode"))&&o.debug("Reconstruct mouse target for focusin from recent event.")}t?o._callHook("nodeSetFocus",o._makeHookContext(t,e),n):o.tbody&&C(e.target).parents("table.fancytree-container > thead").length?o.debug("Ignore focus event outside table body.",e):o._callHook("treeSetFocus",o,n)}}).on("selectstart"+e,"span.fancytree-title",function(e){e.preventDefault()}).on("keydown"+e,function(e){if(a.disabled||!1===a.keyboard)return!0;var t,n=o.focusNode,i=o._makeHookContext(n||o,e),r=o.phase;try{return o.phase="userEvent","preventNav"===(t=n?o._triggerNodeEvent("keydown",n,e):o._triggerTreeEvent("keydown",e))?t=!0:!1!==t&&(t=o._callHook("nodeKeydown",i)),t}finally{o.phase=r}}).on("mousedown"+e,function(e){e=h.getEventTarget(e);o._lastMousedownNode=e?e.node:null,o._setExpiringValue("mouseDownNode",o._lastMousedownNode)}).on("click"+e+" dblclick"+e,function(e){if(a.disabled)return!0;var t,n=h.getEventTarget(e),i=n.node,r=s.tree,o=r.phase;if(!i)return!0;t=r._makeHookContext(i,e);try{switch(r.phase="userEvent",e.type){case"click":return t.targetType=n.type,i.isPagingNode()?!0===r._triggerNodeEvent("clickPaging",t,e):!1!==r._triggerNodeEvent("click",t,e)&&r._callHook("nodeClick",t);case"dblclick":return t.targetType=n.type,!1!==r._triggerNodeEvent("dblclick",t,e)&&r._callHook("nodeDblclick",t)}}finally{r.phase=o}})},getActiveNode:function(){return this._deprecationWarning("getActiveNode"),this.tree.activeNode},getNodeByKey:function(e){return this._deprecationWarning("getNodeByKey"),this.tree.getNodeByKey(e)},getRootNode:function(){return this._deprecationWarning("getRootNode"),this.tree.rootNode},getTree:function(){return this._deprecationWarning("getTree"),this.tree}}),h=C.ui.fancytree,C.extend(C.ui.fancytree,{version:"2.38.2",buildType: "production",debugLevel: 3,_nextId:1,_nextNodeKey:1,_extensions:{},_FancytreeClass:F,_FancytreeNodeClass:j,jquerySupports:{positionMyOfs:function(e){for(var t,n,i=C.map(S(e).split("."),function(e){return parseInt(e,10)}),r=C.map(Array.prototype.slice.call(arguments,1),function(e){return parseInt(e,10)}),o=0;o<r.length;o++)if((t=i[o]||0)!==(n=r[o]||0))return n<t;return!0}(C.ui.version,1,9)},assert:k,createTree:function(e,t){t=C(e).fancytree(t);return h.getTree(t)},debounce:function(t,n,i,r){var o;return 3===arguments.length&&"boolean"!=typeof i&&(r=i,i=!1),function(){var e=arguments;r=r||this,i&&!o&&n.apply(r,e),clearTimeout(o),o=setTimeout(function(){i||n.apply(r,e),o=null},t)}},debug:function(e){4<=C.ui.fancytree.debugLevel&&d("log",arguments)},error:function(e){1<=C.ui.fancytree.debugLevel&&d("error",arguments)},escapeHtml:function(e){return(""+e).replace(t,function(e){return i[e]})},fixPositionOptions:function(e){var t,n,i,r;return(e.offset||0<=(""+e.my+e.at).indexOf("%"))&&C.error("expected new position syntax (but '%' is not supported)"),C.ui.fancytree.jquerySupports.positionMyOfs||(t=/(\w+)([+-]?\d+)?\s+(\w+)([+-]?\d+)?/.exec(e.my),n=/(\w+)([+-]?\d+)?\s+(\w+)([+-]?\d+)?/.exec(e.at),i=(t[2]?+t[2]:0)+(n[2]?+n[2]:0),r=(t[4]?+t[4]:0)+(n[4]?+n[4]:0),e=C.extend({},e,{my:t[1]+" "+t[3],at:n[1]+" "+n[3]}),(i||r)&&(e.offset=i+" "+r)),e},getEventTarget:function(e){var t=e&&e.target?e.target.className:"",n={node:this.getNode(e.target),type:void 0};return/\bfancytree-title\b/.test(t)?n.type="title":/\bfancytree-expander\b/.test(t)?n.type=!1===n.node.hasChildren()?"prefix":"expander":/\bfancytree-checkbox\b/.test(t)?n.type="checkbox":/\bfancytree(-custom)?-icon\b/.test(t)?n.type="icon":/\bfancytree-node\b/.test(t)?n.type="title":e&&e.target&&((e=C(e.target)).is("ul[role=group]")?((n.node&&n.node.tree||h).debug("Ignoring click on outer UL."),n.node=null):e.closest(".fancytree-title").length?n.type="title":e.closest(".fancytree-checkbox").length?n.type="checkbox":e.closest(".fancytree-expander").length&&(n.type="expander")),n},getEventTargetType:function(e){return this.getEventTarget(e).type},getNode:function(e){if(e instanceof j)return e;for(e instanceof C?e=e[0]:void 0!==e.originalEvent&&(e=e.target);e;){if(e.ftnode)return e.ftnode;e=e.parentNode}return null},getTree:function(e){var t=e;return e instanceof F?e:("number"==typeof(e=void 0===e?0:e)?e=C(".fancytree-container").eq(e):"string"==typeof e?(e=C("#ft-id-"+t).eq(0)).length||(e=C(t).eq(0)):e instanceof Element||e instanceof HTMLDocument?e=C(e):e instanceof C?e=e.eq(0):void 0!==e.originalEvent&&(e=C(e.target)),(e=(e=e.closest(":ui-fancytree")).data("ui-fancytree")||e.data("fancytree"))?e.tree:null)},evalOption:function(e,t,n,i,r){var o,s=t.tree,i=i[e],n=n[e];return N(i)?(o={node:t,tree:s,widget:s.widget,options:s.widget.options,typeInfo:s.types[t.type]||{}},null==(o=i.call(s,{type:e},o))&&(o=n)):o=null==n?i:n,o=null==o?r:o},setSpanIcon:function(e,t,n){var i=C(e);"string"==typeof n?i.attr("class",t+" "+n):(n.text?i.text(""+n.text):n.html&&(e.innerHTML=n.html),i.attr("class",t+" "+(n.addClass||"")))},eventToString:function(e){var t=e.which,n=e.type,i=[];return e.altKey&&i.push("alt"),e.ctrlKey&&i.push("ctrl"),e.metaKey&&i.push("meta"),e.shiftKey&&i.push("shift"),"click"===n||"dblclick"===n?i.push(o[e.button]+n):"wheel"===n?i.push(n):r[t]||i.push(u[t]||String.fromCharCode(t).toLowerCase()),i.join("+")},info:function(e){3<=C.ui.fancytree.debugLevel&&d("info",arguments)},keyEventToString:function(e){return this.warn("keyEventToString() is deprecated: use eventToString()"),this.eventToString(e)},overrideMethod:function(e,t,n,i){var r,o=e[t]||C.noop;e[t]=function(){var e=i||this;try{return r=e._super,e._super=o,n.apply(e,arguments)}finally{e._super=r}}},parseHtml:function(s){var a,l,d,c,u,h,f,p,e=s.find(">li"),g=[];return e.each(function(){var e,t,n=C(this),i=n.find(">span",this).first(),r=i.length?null:n.find(">a").first(),o={tooltip:null,data:{}};for(i.length?o.title=i.html():r&&r.length?(o.title=r.html(),o.data.href=r.attr("href"),o.data.target=r.attr("target"),o.tooltip=r.attr("title")):(o.title=n.html(),0<=(u=o.title.search(/<ul/i))&&(o.title=o.title.substring(0,u))),o.title=S(o.title),c=0,h=y.length;c<h;c++)o[y[c]]=void 0;for(a=this.className.split(" "),d=[],c=0,h=a.length;c<h;c++)l=a[c],v[l]?o[l]=!0:d.push(l);if(o.extraClasses=d.join(" "),(f=n.attr("title"))&&(o.tooltip=f),(f=n.attr("id"))&&(o.key=f),n.attr("hideCheckbox")&&(o.checkbox=!1),(e=P(n))&&!C.isEmptyObject(e)){for(t in x)w(e,t)&&(e[x[t]]=e[t],delete e[t]);for(c=0,h=b.length;c<h;c++)f=b[c],null!=(p=e[f])&&(delete e[f],o[f]=p);C.extend(o.data,e)}(s=n.find(">ul").first()).length?o.children=C.ui.fancytree.parseHtml(s):o.children=o.lazy?void 0:null,g.push(o)}),g},registerExtension:function(e){k(null!=e.name,"extensions must have a `name` property."),k(null!=e.version,"extensions must have a `version` property."),C.ui.fancytree._extensions[e.name]=e},trim:S,unescapeHtml:function(e){var t=document.createElement("div");return t.innerHTML=e,0===t.childNodes.length?"":t.childNodes[0].nodeValue},warn:function(e){2<=C.ui.fancytree.debugLevel&&d("warn",arguments)}}),C.ui.fancytree}function k(e,t){e||(C.ui.fancytree.error(t="Fancytree assertion failed"+(t=t?": "+t:"")),C.error(t))}function w(e,t){return Object.prototype.hasOwnProperty.call(e,t)}function N(e){return"function"==typeof e}function S(e){return null==e?"":e.trim()}function d(t,n){var i,r,t=window.console?window.console[t]:null;if(t)try{t.apply(window.console,n)}catch(e){for(r="",i=0;i<n.length;i++)r+=n[i];t(r)}}function E(e,i,t,n,r){var o,s,a;function l(){return o.apply(i,arguments)}function d(e){return o.apply(i,e)}return o=i[e],s=n[e],a=i.ext[r],function(){var e=i._local,t=i._super,n=i._superApply;try{return i._local=a,i._super=l,i._superApply=d,s.apply(i,arguments)}finally{i._local=e,i._super=t,i._superApply=n}}}function T(e,t){return(void 0===e?C.Deferred(function(){this.resolve()}):C.Deferred(function(){this.resolveWith(e,t)})).promise()}function A(e,t){return(void 0===e?C.Deferred(function(){this.reject()}):C.Deferred(function(){this.rejectWith(e,t)})).promise()}function O(e,t){return function(){e.resolveWith(t)}}function P(e){var t=C.extend({},e.data()),e=t.json;return delete t.fancytree,delete t.uiFancytree,e&&(delete t.json,t=C.extend(t,e)),t}function D(e){return(""+e).replace(n,function(e){return i[e]})}function L(t){return t=t.toLowerCase(),function(e){return 0<=e.title.toLowerCase().indexOf(t)}}function j(e,t){var n,i,r;for(this.parent=e,this.tree=e.tree,this.ul=null,this.li=null,this.statusNodeType=null,this._isLoading=!1,this._error=null,this.data={},n=0,i=b.length;n<i;n++)this[r=b[n]]=t[r];for(r in null==this.unselectableIgnore&&null==this.unselectableStatus||(this.unselectable=!0),t.hideCheckbox&&C.error("'hideCheckbox' node option was removed in v2.23.0: use 'checkbox: false'"),t.data&&C.extend(this.data,t.data),t)s[r]||!this.tree.options.copyFunctionsToData&&N(t[r])||a[r]||(this.data[r]=t[r]);null==this.key?this.tree.options.defaultKey?(this.key=""+this.tree.options.defaultKey(this),k(this.key,"defaultKey() must return a unique key")):this.key="_"+h._nextNodeKey++:this.key=""+this.key,t.active&&(k(null===this.tree.activeNode,"only one active node allowed"),this.tree.activeNode=this),t.selected&&(this.tree.lastSelectedNode=this),(e=t.children)?e.length?this._setChildren(e):this.children=this.lazy?[]:null:this.children=null,this.tree._callHook("treeRegisterNode",this.tree,!0,this)}function F(e){this.widget=e,this.$div=e.element,this.options=e.options,this.options&&(void 0!==this.options.lazyload&&C.error("The 'lazyload' event is deprecated since 2014-02-25. Use 'lazyLoad' (with uppercase L) instead."),void 0!==this.options.loaderror&&C.error("The 'loaderror' event was renamed since 2014-07-03. Use 'loadError' (with uppercase E) instead."),void 0!==this.options.fx&&C.error("The 'fx' option was replaced by 'toggleEffect' since 2014-11-30."),void 0!==this.options.removeNode&&C.error("The 'removeNode' event was replaced by 'modifyChild' since 2.20 (2016-09-10).")),this.ext={},this.types={},this.columns={},this.data=P(this.$div),this._id=""+(this.options.treeId||C.ui.fancytree._nextId++),this._ns=".fancytree-"+this._id,this.activeNode=null,this.focusNode=null,this._hasFocus=null,this._tempCache={},this._lastMousedownNode=null,this._enableUpdate=!0,this.lastSelectedNode=null,this.systemFocusElement=null,this.lastQuicksearchTerm="",this.lastQuicksearchTime=0,this.viewport=null,this.statusClassPropName="span",this.ariaPropName="li",this.nodeContainerAttrName="li",this.$div.find(">ul.fancytree-container").remove(),this.rootNode=new j({tree:this},{title:"root",key:"root_"+this._id,children:null,expanded:!0}),this.rootNode.parent=null,e=C("<ul>",{id:"ft-id-"+this._id,class:"ui-fancytree fancytree-container fancytree-plain"}).appendTo(this.$div),this.$container=e,this.rootNode.ul=e[0],null==this.options.debugLevel&&(this.options.debugLevel=h.debugLevel)}C.ui.fancytree.warn("Fancytree: ignored duplicate include")},"function"==typeof define&&define.amd?define(["jquery","./jquery.fancytree.ui-deps"],t):"object"==typeof module&&module.exports?(require("./jquery.fancytree.ui-deps"),module.exports=t(require("jquery"))):t(jQuery),t=function(o){"use strict";return o.ui.fancytree._FancytreeClass.prototype.countSelected=function(e){this.options;return this.getSelectedNodes(e).length},o.ui.fancytree._FancytreeNodeClass.prototype.updateCounters=function(){var e=this,t=o("span.fancytree-childcounter",e.span),n=e.tree.options.childcounter,i=e.countChildren(n.deep);!(e.data.childCounter=i)&&n.hideZeros||e.isExpanded()&&n.hideExpanded?t.remove():(t=!t.length?o("<span class='fancytree-childcounter'/>").appendTo(o("span.fancytree-icon,span.fancytree-custom-icon",e.span)):t).text(i),!n.deep||e.isTopLevel()||e.isRootNode()||e.parent.updateCounters()},o.ui.fancytree.prototype.widgetMethod1=function(e){this.tree;return e},o.ui.fancytree.registerExtension({name:"childcounter",version:"2.38.2",options:{deep:!0,hideZeros:!0,hideExpanded:!1},foo:42,_appendCounter:function(e){},treeInit:function(e){e.options,e.options.childcounter;this._superApply(arguments),this.$container.addClass("fancytree-ext-childcounter")},treeDestroy:function(e){this._superApply(arguments)},nodeRenderTitle:function(e,t){var n=e.node,i=e.options.childcounter,r=null==n.data.childCounter?n.countChildren(i.deep):+n.data.childCounter;this._super(e,t),!r&&i.hideZeros||n.isExpanded()&&i.hideExpanded||o("span.fancytree-icon,span.fancytree-custom-icon",n.span).append(o("<span class='fancytree-childcounter'/>").text(r))},nodeSetExpanded:function(e,t,n){var i=e.tree;e.node;return this._superApply(arguments).always(function(){i.nodeRenderTitle(e)})}}),o.ui.fancytree},"function"==typeof define&&define.amd?define(["jquery","./jquery.fancytree"],t):"object"==typeof module&&module.exports?(require("./jquery.fancytree"),module.exports=t(require("jquery"))):t(jQuery),t=function(c){"use strict";var u=c.ui.fancytree.assert;function n(e,t,n){for(var i,r,o=3&e.length,s=e.length-o,a=n,l=3432918353,d=461845907,c=0;c<s;)r=255&e.charCodeAt(c)|(255&e.charCodeAt(++c))<<8|(255&e.charCodeAt(++c))<<16|(255&e.charCodeAt(++c))<<24,++c,a=27492+(65535&(i=5*(65535&(a=(a^=r=(65535&(r=(r=(65535&r)*l+(((r>>>16)*l&65535)<<16)&4294967295)<<15|r>>>17))*d+(((r>>>16)*d&65535)<<16)&4294967295)<<13|a>>>19))+((5*(a>>>16)&65535)<<16)&4294967295))+((58964+(i>>>16)&65535)<<16);switch(r=0,o){case 3:r^=(255&e.charCodeAt(c+2))<<16;case 2:r^=(255&e.charCodeAt(c+1))<<8;case 1:a^=r=(65535&(r=(r=(65535&(r^=255&e.charCodeAt(c)))*l+(((r>>>16)*l&65535)<<16)&4294967295)<<15|r>>>17))*d+(((r>>>16)*d&65535)<<16)&4294967295}return a^=e.length,a=2246822507*(65535&(a^=a>>>16))+((2246822507*(a>>>16)&65535)<<16)&4294967295,a=3266489909*(65535&(a^=a>>>13))+((3266489909*(a>>>16)&65535)<<16)&4294967295,a^=a>>>16,t?("0000000"+(a>>>0).toString(16)).substr(-8):a>>>0}return c.ui.fancytree._FancytreeNodeClass.prototype.getCloneList=function(e){var t,n=this.tree,i=n.refMap[this.refKey]||null,r=n.keyMap;return i&&(t=this.key,e?i=c.map(i,function(e){return r[e]}):(i=c.map(i,function(e){return e===t?null:r[e]})).length<1&&(i=null)),i},c.ui.fancytree._FancytreeNodeClass.prototype.isClone=function(){var e=this.refKey||null,e=e&&this.tree.refMap[e]||null;return!!(e&&1<e.length)},c.ui.fancytree._FancytreeNodeClass.prototype.reRegister=function(t,e){e=null==e?null:""+e;var n=this.tree,i=this.key,r=this.refKey,o=n.keyMap,s=n.refMap,a=s[r]||null,n=!1;return null!=(t=null==t?null:""+t)&&t!==this.key&&(o[t]&&c.error("[ext-clones] reRegister("+t+"): already exists: "+this),delete o[i],o[t]=this,a&&(s[r]=c.map(a,function(e){return e===i?t:e})),this.key=t,n=!0),null!=e&&e!==this.refKey&&(a&&(1===a.length?delete s[r]:s[r]=c.map(a,function(e){return e===i?null:e})),s[e]?s[e].append(t):s[e]=[this.key],this.refKey=e,n=!0),n},c.ui.fancytree._FancytreeNodeClass.prototype.setRefKey=function(e){return this.reRegister(null,e)},c.ui.fancytree._FancytreeClass.prototype.getNodesByRef=function(e,t){var n=this.keyMap,e=this.refMap[e]||null;return e=e&&(e=t?c.map(e,function(e){e=n[e];return e.isDescendantOf(t)?e:null}):c.map(e,function(e){return n[e]})).length<1?null:e},c.ui.fancytree._FancytreeClass.prototype.changeRefKey=function(e,t){var n,i=this.keyMap,r=this.refMap[e]||null;if(r){for(n=0;n<r.length;n++)i[r[n]].refKey=t;delete this.refMap[e],this.refMap[t]=r}},c.ui.fancytree.registerExtension({name:"clones",version:"2.38.2",options:{highlightActiveClones:!0,highlightClones:!1},treeCreate:function(e){this._superApply(arguments),e.tree.refMap={},e.tree.keyMap={}},treeInit:function(e){this.$container.addClass("fancytree-ext-clones"),u(null==e.options.defaultKey),e.options.defaultKey=function(e){return t=e,"id_"+(t=n(e=(e=c.map(e.getParentList(!1,!0),function(e){return e.refKey||e.key})).join("/"),!0))+n(t+e,!0);var t},this._superApply(arguments)},treeClear:function(e){return e.tree.refMap={},e.tree.keyMap={},this._superApply(arguments)},treeRegisterNode:function(e,t,n){var i,r,o=e.tree,s=o.keyMap,a=o.refMap,l=n.key,d=n&&null!=n.refKey?""+n.refKey:null;return n.isStatusNode()||(t?(null!=s[n.key]&&(r=s[n.key],r="clones.treeRegisterNode: duplicate key '"+n.key+"': /"+n.getPath(!0)+" => "+r.getPath(!0),o.error(r),c.error(r)),s[l]=n,d&&((i=a[d])?(i.push(l),2===i.length&&e.options.clones.highlightClones&&s[i[0]].renderStatus()):a[d]=[l])):(null==s[l]&&c.error("clones.treeRegisterNode: node.key not registered: "+n.key),delete s[l],d&&(i=a[d])&&((r=i.length)<=1?(u(1===r),u(i[0]===l),delete a[d]):(function(e,t){for(var n=e.length-1;0<=n;n--)if(e[n]===t)return e.splice(n,1)}(i,l),2===r&&e.options.clones.highlightClones&&s[i[0]].renderStatus())))),this._super(e,t,n)},nodeRenderStatus:function(e){var t,n=e.node,i=this._super(e);return e.options.clones.highlightClones&&(t=c(n[e.tree.statusClassPropName])).length&&n.isClone()&&t.addClass("fancytree-clone"),i},nodeSetActive:function(e,n,t){var i=e.tree.statusClassPropName,r=e.node,o=this._superApply(arguments);return e.options.clones.highlightActiveClones&&r.isClone()&&c.each(r.getCloneList(!0),function(e,t){c(t[i]).toggleClass("fancytree-active-clone",!1!==n)}),o}}),c.ui.fancytree},"function"==typeof define&&define.amd?define(["jquery","./jquery.fancytree"],t):"object"==typeof module&&module.exports?(require("./jquery.fancytree"),module.exports=t(require("jquery"))):t(jQuery),t=function(f){"use strict";var a,l,p=f.ui.fancytree,o=/Mac/.test(navigator.platform),d="fancytree-drag-source",c="fancytree-drag-remove",g="fancytree-drop-accept",y="fancytree-drop-after",v="fancytree-drop-before",m="fancytree-drop-over",b="fancytree-drop-reject",x="fancytree-drop-target",u="application/x-fancytree-node",C=null,h=null,_=null,k=null,w=null,s=null,N=null,S=null,E=null,T=null;function A(){_=h=s=S=N=T=w=null,k&&k.removeClass(d+" "+c),k=null,C&&C.hide(),l&&(l.remove(),l=null)}function O(e){return 0===e?"":0<e?"+"+e:""+e}function P(e,t){var n,i=t.tree,r=t.dataTransfer;"dragstart"===e.type?(t.effectAllowed=i.options.dnd5.effectAllowed,t.dropEffect=i.options.dnd5.dropEffectDefault):(t.effectAllowed=S,t.dropEffect=N),t.dropEffectSuggested=(n=e,i=(e=i).options.dnd5.dropEffectDefault,o?n.metaKey&&n.altKey||n.ctrlKey?i="link":n.metaKey?i="move":n.altKey&&(i="copy"):n.ctrlKey?i="copy":n.shiftKey?i="move":n.altKey&&(i="link"),i!==s&&e.info("evalEffectModifiers: "+n.type+" - evalEffectModifiers(): "+s+" -> "+i),s=i),t.isMove="move"===t.dropEffect,t.files=r.files||[]}function D(e,t,n){var i=t.tree,r=t.dataTransfer;return"dragstart"!==e.type&&S!==t.effectAllowed&&i.warn("effectAllowed should only be changed in dragstart event: "+e.type+": data.effectAllowed changed from "+S+" -> "+t.effectAllowed),!1===n&&(i.info("applyDropEffectCallback: allowDrop === false"),t.effectAllowed="none",t.dropEffect="none"),t.isMove="move"===t.dropEffect,"dragstart"===e.type&&(S=t.effectAllowed,N=t.dropEffect),r.effectAllowed=S,r.dropEffect=N}function L(e,t){if(t.options.dnd5.scroll&&(h=t.tree,s=e,r=h.options.dnd5,o=h.$scrollParent[0],l=r.scrollSensitivity,u=r.scrollSpeed,i=0,o!==document&&"HTML"!==o.tagName?(r=h.$scrollParent.offset(),d=o.scrollTop,r.top+o.offsetHeight-s.pageY<l?0<o.scrollHeight-h.$scrollParent.innerHeight()-d&&(o.scrollTop=i=d+u):0<d&&s.pageY-r.top<l&&(o.scrollTop=i=d-u)):0<(d=f(document).scrollTop())&&s.pageY-d<l?(i=d-u,f(document).scrollTop(i)):f(window).height()-(s.pageY-d)<l&&(i=d+u,f(document).scrollTop(i)),i&&h.debug("autoScroll: "+i+"px")),!t.node)return t.tree.warn("Ignored dragover for non-node"),E;var n,i,r=null,o=t.tree,s=o.options,a=s.dnd5,l=t.node,d=t.otherNode,c="center",u=f(l.span),h=u.find("span.fancytree-title");if(!1===w)return o.debug("Ignored dragover, since dragenter returned false."),!1;if("string"==typeof w&&f.error("assert failed: dragenter returned string"),i=u.offset(),u=(e.pageY-i.top)/u.height(),void 0===e.pageY&&o.warn("event.pageY is undefined: see issue #1013."),w.after&&.75<u||!w.over&&w.after&&.5<u?r="after":w.before&&u<=.25||!w.over&&w.before&&u<=.5?r="before":w.over&&(r="over"),a.preventVoidMoves&&"move"===t.dropEffect&&(l===d?(l.debug("Drop over source node prevented."),r=null):"before"===r&&d&&l===d.getNextSibling()?(l.debug("Drop after source node prevented."),r=null):"after"===r&&d&&l===d.getPrevSibling()?(l.debug("Drop before source node prevented."),r=null):"over"===r&&d&&d.parent===l&&d.isLastSibling()&&(l.debug("Drop last child over own parent prevented."),r=null)),(t.hitMode=r)&&a.dragOver&&(P(e,t),a.dragOver(l,t),D(e,t,!!r),r=t.hitMode),"after"===(E=r)||"before"===r||"over"===r){switch(n=a.dropMarkerOffsetX||0,r){case"before":c="top",n+=a.dropMarkerInsertOffsetX||0;break;case"after":c="bottom",n+=a.dropMarkerInsertOffsetX||0}h={my:"left"+O(n)+" center",at:"left "+c,of:h},s.rtl&&(h.my="right"+O(-n)+" center",h.at="right "+c),C.toggleClass(y,"after"===r).toggleClass(m,"over"===r).toggleClass(v,"before"===r).show().position(p.fixPositionOptions(h))}else C.hide();return f(l.span).toggleClass(x,"after"===r||"before"===r||"over"===r).toggleClass(y,"after"===r).toggleClass(v,"before"===r).toggleClass(g,"over"===r).toggleClass(b,!1===r),r}function j(e){var t,n=this,i=n.options.dnd5,r=null,o=p.getNode(e),s=e.dataTransfer||e.originalEvent.dataTransfer,a={tree:n,node:o,options:n.options,originalEvent:e.originalEvent,widget:n.widget,hitMode:w,dataTransfer:s,otherNode:h||null,otherNodeList:_||null,otherNodeData:null,useDefaultImage:!0,dropEffect:void 0,dropEffectSuggested:void 0,effectAllowed:void 0,files:null,isCancelled:void 0,isMove:void 0};switch(e.type){case"dragenter":if(T=null,!o){n.debug("Ignore non-node "+e.type+": "+e.target.tagName+"."+e.target.className),w=!1;break}if(f(o.span).addClass(m).removeClass(g+" "+b),t=0<=f.inArray(u,s.types),i.preventNonNodes&&!t){o.debug("Reject dropping a non-node."),w=!1;break}if(i.preventForeignNodes&&(!h||h.tree!==o.tree)){o.debug("Reject dropping a foreign node."),w=!1;break}if(i.preventSameParent&&a.otherNode&&a.otherNode.tree===o.tree&&o.parent===a.otherNode.parent){o.debug("Reject dropping as sibling (same parent)."),w=!1;break}if(i.preventRecursion&&a.otherNode&&a.otherNode.tree===o.tree&&o.isDescendantOf(a.otherNode)){o.debug("Reject dropping below own ancestor."),w=!1;break}if(i.preventLazyParents&&!o.isLoaded()){o.warn("Drop over unloaded target node prevented."),w=!1;break}C.show(),P(e,a),t=i.dragEnter(o,a),t=!!(t=t)&&(t=f.isPlainObject(t)?{over:!!t.over,before:!!t.before,after:!!t.after}:Array.isArray(t)?{over:0<=f.inArray("over",t),before:0<=f.inArray("before",t),after:0<=f.inArray("after",t)}:{over:!0===t||"over"===t,before:!0===t||"before"===t,after:!0===t||"after"===t},0!==Object.keys(t).length&&t),D(e,a,r=(w=t)&&(t.over||t.before||t.after));break;case"dragover":if(!o){n.debug("Ignore non-node "+e.type+": "+e.target.tagName+"."+e.target.className);break}P(e,a),r=!!(E=L(e,a)),("over"===E||!1===E)&&!o.expanded&&!1!==o.hasChildren()?T?!(i.autoExpandMS&&Date.now()-T>i.autoExpandMS)||o.isLoading()||i.dragExpand&&!1===i.dragExpand(o,a)||o.setExpanded():T=Date.now():T=null;break;case"dragleave":if(!o){n.debug("Ignore non-node "+e.type+": "+e.target.tagName+"."+e.target.className);break}if(!f(o.span).hasClass(m)){o.debug("Ignore dragleave (multi).");break}f(o.span).removeClass(m+" "+g+" "+b),o.scheduleAction("cancel"),i.dragLeave(o,a),C.hide();break;case"drop":if(0<=f.inArray(u,s.types)&&(d=s.getData(u),n.info(e.type+": getData('application/x-fancytree-node'): '"+d+"'")),d||(d=s.getData("text"),n.info(e.type+": getData('text'): '"+d+"'")),d)try{void 0!==(l=JSON.parse(d)).title&&(a.otherNodeData=l)}catch(e){}n.debug(e.type+": nodeData: '"+d+"', otherNodeData: ",a.otherNodeData),f(o.span).removeClass(m+" "+g+" "+b),a.hitMode=E,P(e,a),a.isCancelled=!E;var l=h&&h.span,d=h&&h.tree;i.dragDrop(o,a),e.preventDefault(),l&&!document.body.contains(l)&&(d===n?(n.debug("Drop handler removed source element: generating dragEnd."),i.dragEnd(h,a)):n.warn("Drop handler removed source element: dragend event may be lost.")),A()}if(r)return e.preventDefault(),!1}return f.ui.fancytree.getDragNodeList=function(){return _||[]},f.ui.fancytree.getDragNode=function(){return h},f.ui.fancytree.registerExtension({name:"dnd5",version:"2.38.2",options:{autoExpandMS:1500,dropMarkerInsertOffsetX:-16,dropMarkerOffsetX:-24,dropMarkerParent:"body",multiSource:!1,effectAllowed:"all",dropEffectDefault:"move",preventForeignNodes:!1,preventLazyParents:!0,preventNonNodes:!1,preventRecursion:!0,preventSameParent:!1,preventVoidMoves:!0,scroll:!0,scrollSensitivity:20,scrollSpeed:5,setTextTypeJson:!1,sourceCopyHook:null,dragStart:null,dragDrag:f.noop,dragEnd:f.noop,dragEnter:null,dragOver:f.noop,dragExpand:f.noop,dragDrop:f.noop,dragLeave:f.noop},treeInit:function(e){var t=e.tree,n=e.options,i=n.glyph||null,r=n.dnd5;0<=f.inArray("dnd",n.extensions)&&f.error("Extensions 'dnd' and 'dnd5' are mutually exclusive."),r.dragStop&&f.error("dragStop is not used by ext-dnd5. Use dragEnd instead."),null!=r.preventRecursiveMoves&&f.error("preventRecursiveMoves was renamed to preventRecursion."),r.dragStart&&p.overrideMethod(e.options,"createNode",function(e,t){this._super.apply(this,arguments),t.node.span?t.node.span.draggable=!0:t.node.warn("Cannot add `draggable`: no span tag")}),this._superApply(arguments),this.$container.addClass("fancytree-ext-dnd5"),e=f("<span>").appendTo(this.$container),this.$scrollParent=e.scrollParent(),e.remove(),(C=f("#fancytree-drop-marker")).length||(C=f("<div id='fancytree-drop-marker'></div>").hide().css({"z-index":1e3,"pointer-events":"none"}).prependTo(r.dropMarkerParent),i&&p.setSpanIcon(C[0],i.map._addClass,i.map.dropMarker)),C.toggleClass("fancytree-rtl",!!n.rtl),r.dragStart&&t.$container.on("dragstart drag dragend",function(e){var t=this,n=t.options.dnd5,i=p.getNode(e),r=e.dataTransfer||e.originalEvent.dataTransfer,o={tree:t,node:i,options:t.options,originalEvent:e.originalEvent,widget:t.widget,dataTransfer:r,useDefaultImage:!0,dropEffect:void 0,dropEffectSuggested:void 0,effectAllowed:void 0,files:void 0,isCancelled:void 0,isMove:void 0};switch(e.type){case"dragstart":if(!i)return t.info("Ignored dragstart on a non-node."),!1;h=i,_=!1===n.multiSource?[i]:!0===n.multiSource?i.isSelected()?t.getSelectedNodes():[i]:n.multiSource(i,o),(k=f(f.map(_,function(e){return e.span}))).addClass(d);var s=i.toDict(!0,n.sourceCopyHook);s.treeId=i.tree._id,s=JSON.stringify(s);try{r.setData(u,s),r.setData("text/html",f(i.span).html()),r.setData("text/plain",i.title)}catch(e){t.warn("Could not set data (IE only accepts 'text') - "+e)}return(n.setTextTypeJson?r.setData("text",s):r.setData("text",i.title),P(e,o),!1===n.dragStart(i,o))?(A(),!1):(D(e,o),l=null,o.useDefaultImage&&(a=f(i.span).find(".fancytree-title"),_&&1<_.length&&(l=f("<span class='fancytree-childcounter'/>").text("+"+(_.length-1)).appendTo(a)),r.setDragImage&&r.setDragImage(a[0],-10,-10)),!0);case"drag":P(e,o),n.dragDrag(i,o),D(e,o),k.toggleClass(c,o.isMove);break;case"dragend":P(e,o),A(),o.isCancelled=!E,n.dragEnd(i,o,!E)}}.bind(t)),r.dragEnter&&t.$container.on("dragenter dragover dragleave drop",j.bind(t))}}),f.ui.fancytree},"function"==typeof define&&define.amd?define(["jquery","./jquery.fancytree"],t):"object"==typeof module&&module.exports?(require("./jquery.fancytree"),module.exports=t(require("jquery"))):t(jQuery),t=function(d){"use strict";var t=/Mac/.test(navigator.platform),c=d.ui.fancytree.escapeHtml,u=d.ui.fancytree.trim,a=d.ui.fancytree.unescapeHtml;return d.ui.fancytree._FancytreeNodeClass.prototype.editStart=function(){var t,n=this,e=this.tree,i=e.ext.edit,r=e.options.edit,o=d(".fancytree-title",n.span),s={node:n,tree:e,options:e.options,isNew:d(n[e.statusClassPropName]).hasClass("fancytree-edit-new"),orgTitle:n.title,input:null,dirty:!1};if(!1===r.beforeEdit.call(n,{type:"beforeEdit"},s))return!1;d.ui.fancytree.assert(!i.currentNode,"recursive edit"),i.currentNode=this,i.eventData=s,e.widget._unbind(),i.lastDraggableAttrValue=n.span.draggable,i.lastDraggableAttrValue&&(n.span.draggable=!1),d(document).on("mousedown.fancytree-edit",function(e){d(e.target).hasClass("fancytree-edit-input")||n.editEnd(!0,e)}),t=d("<input />",{class:"fancytree-edit-input",type:"text",value:e.options.escapeTitles?s.orgTitle:a(s.orgTitle)}),i.eventData.input=t,null!=r.adjustWidthOfs&&t.width(o.width()+r.adjustWidthOfs),null!=r.inputCss&&t.css(r.inputCss),o.html(t),t.focus().change(function(e){t.addClass("fancytree-edit-dirty")}).on("keydown",function(e){switch(e.which){case d.ui.keyCode.ESCAPE:n.editEnd(!1,e);break;case d.ui.keyCode.ENTER:return n.editEnd(!0,e),!1}e.stopPropagation()}).blur(function(e){return n.editEnd(!0,e)}),r.edit.call(n,{type:"edit"},s)},d.ui.fancytree._FancytreeNodeClass.prototype.editEnd=function(e,t){var n,i=this,r=this.tree,o=r.ext.edit,s=o.eventData,a=r.options.edit,l=d(".fancytree-title",i.span).find("input.fancytree-edit-input");return a.trim&&l.val(u(l.val())),n=l.val(),s.dirty=n!==i.title,s.originalEvent=t,!1===e?s.save=!1:s.isNew?s.save=""!==n:s.save=s.dirty&&""!==n,!1!==a.beforeClose.call(i,{type:"beforeClose"},s)&&((!s.save||!1!==a.save.call(i,{type:"save"},s))&&(l.removeClass("fancytree-edit-dirty").off(),d(document).off(".fancytree-edit"),s.save?(i.setTitle(r.options.escapeTitles?n:c(n)),i.setFocus()):s.isNew?(i.remove(),i=s.node=null,o.relatedNode.setFocus()):(i.renderTitle(),i.setFocus()),o.eventData=null,o.currentNode=null,o.relatedNode=null,r.widget._bind(),i&&o.lastDraggableAttrValue&&(i.span.draggable=!0),r.$container.get(0).focus({preventScroll:!0}),s.input=null,a.close.call(i,{type:"close"},s),!0))},d.ui.fancytree._FancytreeNodeClass.prototype.editCreateNode=function(e,t){var n,i=this.tree,r=this;e=e||"child",null==t?t={title:""}:"string"==typeof t?t={title:t}:d.ui.fancytree.assert(d.isPlainObject(t)),"child"!==e||this.isExpanded()||!1===this.hasChildren()?((n=this.addNode(t,e)).match=!0,d(n[i.statusClassPropName]).removeClass("fancytree-hide").addClass("fancytree-match"),n.makeVisible().done(function(){d(n[i.statusClassPropName]).addClass("fancytree-edit-new"),r.tree.ext.edit.relatedNode=r,n.editStart()})):this.setExpanded().done(function(){r.editCreateNode(e,t)})},d.ui.fancytree._FancytreeClass.prototype.isEditing=function(){return this.ext.edit?this.ext.edit.currentNode:null},d.ui.fancytree._FancytreeNodeClass.prototype.isEditing=function(){return!!this.tree.ext.edit&&this.tree.ext.edit.currentNode===this},d.ui.fancytree.registerExtension({name:"edit",version:"2.38.2",options:{adjustWidthOfs:4,allowEmpty:!1,inputCss:{minWidth:"3em"},triggerStart:["f2","mac+enter","shift+click"],trim:!0,beforeClose:d.noop,beforeEdit:d.noop,close:d.noop,edit:d.noop,save:d.noop},currentNode:null,treeInit:function(e){var i=e.tree;this._superApply(arguments),this.$container.addClass("fancytree-ext-edit").on("fancytreebeforeupdateviewport",function(e,t){var n=i.isEditing();n&&(n.info("Cancel edit due to scroll event."),n.editEnd(!1,e))})},nodeClick:function(e){var t=d.ui.fancytree.eventToString(e.originalEvent),n=e.options.edit.triggerStart;return"shift+click"===t&&0<=d.inArray("shift+click",n)&&e.originalEvent.shiftKey||"click"===t&&0<=d.inArray("clickActive",n)&&e.node.isActive()&&!e.node.isEditing()&&d(e.originalEvent.target).hasClass("fancytree-title")?(e.node.editStart(),!1):this._superApply(arguments)},nodeDblclick:function(e){return 0<=d.inArray("dblclick",e.options.edit.triggerStart)?(e.node.editStart(),!1):this._superApply(arguments)},nodeKeydown:function(e){switch(e.originalEvent.which){case 113:if(0<=d.inArray("f2",e.options.edit.triggerStart))return e.node.editStart(),!1;break;case d.ui.keyCode.ENTER:if(0<=d.inArray("mac+enter",e.options.edit.triggerStart)&&t)return e.node.editStart(),!1}return this._superApply(arguments)}}),d.ui.fancytree},"function"==typeof define&&define.amd?define(["jquery","./jquery.fancytree"],t):"object"==typeof module&&module.exports?(require("./jquery.fancytree"),module.exports=t(require("jquery"))):t(jQuery),t=function(y){"use strict";var v="__not_found__",m=y.ui.fancytree.escapeHtml;function b(e){return(e+"").replace(/([.?*+^$[\]\\(){}|-])/g,"\\$1")}function x(e,t,n){for(var i=[],r=1;r<t.length;r++){var o=t[r].length+(1===r?0:1)+(i[i.length-1]||0);i.push(o)}var s=e.split("");return n?i.forEach(function(e){s[e]="\ufff7"+s[e]+"\ufff8"}):i.forEach(function(e){s[e]="<mark>"+s[e]+"</mark>"}),s.join("")}return y.ui.fancytree._FancytreeClass.prototype._applyFilterImpl=function(i,r,e){var t,o,s,a,l,d,c=0,n=this.options,u=n.escapeTitles,h=n.autoCollapse,f=y.extend({},n.filter,e),p="hide"===f.mode,g=!!f.leavesOnly&&!r;if("string"==typeof i){if(""===i)return this.warn("Fancytree passing an empty string as a filter is handled as clearFilter()."),void this.clearFilter();t=f.fuzzy?i.split("").map(b).reduce(function(e,t){return e+"([^"+t+"]*)"+t},""):b(i),o=new RegExp(t,"i"),s=new RegExp(b(i),"gi"),u&&(a=new RegExp(b("\ufff7"),"g"),l=new RegExp(b("\ufff8"),"g")),i=function(e){if(!e.title)return!1;var t,n=u?e.title:0<=(t=e.title).indexOf(">")?y("<div/>").html(t).text():t,t=n.match(o);return t&&f.highlight&&(u?(d=f.fuzzy?x(n,t,u):n.replace(s,function(e){return"\ufff7"+e+"\ufff8"}),e.titleWithHighlight=m(d).replace(a,"<mark>").replace(l,"</mark>")):f.fuzzy?e.titleWithHighlight=x(n,t):e.titleWithHighlight=n.replace(s,function(e){return"<mark>"+e+"</mark>"})),!!t}}return this.enableFilter=!0,this.lastFilterArgs=arguments,e=this.enableUpdate(!1),this.$div.addClass("fancytree-ext-filter"),p?this.$div.addClass("fancytree-ext-filter-hide"):this.$div.addClass("fancytree-ext-filter-dimm"),this.$div.toggleClass("fancytree-ext-filter-hide-expanders",!!f.hideExpanders),this.rootNode.subMatchCount=0,this.visit(function(e){delete e.match,delete e.titleWithHighlight,e.subMatchCount=0}),(t=this.getRootNode()._findDirectChild(v))&&t.remove(),n.autoCollapse=!1,this.visit(function(t){if(!g||null==t.children){var e=i(t),n=!1;if("skip"===e)return t.visit(function(e){e.match=!1},!0),"skip";e||!r&&"branch"!==e||!t.parent.match||(n=e=!0),e&&(c++,t.match=!0,t.visitParents(function(e){e!==t&&(e.subMatchCount+=1),!f.autoExpand||n||e.expanded||(e.setExpanded(!0,{noAnimation:!0,noEvents:!0,scrollIntoView:!1}),e._filterAutoExpanded=!0)},!0))}}),n.autoCollapse=h,0===c&&f.nodata&&p&&(!0===(t="function"==typeof(t=f.nodata)?t():t)?t={}:"string"==typeof t&&(t={title:t}),t=y.extend({statusNodeType:"nodata",key:v,title:this.options.strings.noData},t),this.getRootNode().addNode(t).match=!0),this._callHook("treeStructureChanged",this,"applyFilter"),this.enableUpdate(e),c},y.ui.fancytree._FancytreeClass.prototype.filterNodes=function(e,t){return"boolean"==typeof t&&(t={leavesOnly:t},this.warn("Fancytree.filterNodes() leavesOnly option is deprecated since 2.9.0 / 2015-04-19. Use opts.leavesOnly instead.")),this._applyFilterImpl(e,!1,t)},y.ui.fancytree._FancytreeClass.prototype.filterBranches=function(e,t){return this._applyFilterImpl(e,!0,t)},y.ui.fancytree._FancytreeClass.prototype.updateFilter=function(){this.enableFilter&&this.lastFilterArgs&&this.options.filter.autoApply?this._applyFilterImpl.apply(this,this.lastFilterArgs):this.warn("updateFilter(): no filter active.")},y.ui.fancytree._FancytreeClass.prototype.clearFilter=function(){var t,e=this.getRootNode()._findDirectChild(v),n=this.options.escapeTitles,i=this.options.enhanceTitle,r=this.enableUpdate(!1);e&&e.remove(),delete this.rootNode.match,delete this.rootNode.subMatchCount,this.visit(function(e){e.match&&e.span&&(t=y(e.span).find(">span.fancytree-title"),n?t.text(e.title):t.html(e.title),i&&i({type:"enhanceTitle"},{node:e,$title:t})),delete e.match,delete e.subMatchCount,delete e.titleWithHighlight,e.$subMatchBadge&&(e.$subMatchBadge.remove(),delete e.$subMatchBadge),e._filterAutoExpanded&&e.expanded&&e.setExpanded(!1,{noAnimation:!0,noEvents:!0,scrollIntoView:!1}),delete e._filterAutoExpanded}),this.enableFilter=!1,this.lastFilterArgs=null,this.$div.removeClass("fancytree-ext-filter fancytree-ext-filter-dimm fancytree-ext-filter-hide"),this._callHook("treeStructureChanged",this,"clearFilter"),this.enableUpdate(r)},y.ui.fancytree._FancytreeClass.prototype.isFilterActive=function(){return!!this.enableFilter},y.ui.fancytree._FancytreeNodeClass.prototype.isMatched=function(){return!(this.tree.enableFilter&&!this.match)},y.ui.fancytree.registerExtension({name:"filter",version:"2.38.2",options:{autoApply:!0,autoExpand:!1,counter:!0,fuzzy:!1,hideExpandedCounter:!0,hideExpanders:!1,highlight:!0,leavesOnly:!1,nodata:!0,mode:"dimm"},nodeLoadChildren:function(e,t){var n=e.tree;return this._superApply(arguments).done(function(){n.enableFilter&&n.lastFilterArgs&&e.options.filter.autoApply&&n._applyFilterImpl.apply(n,n.lastFilterArgs)})},nodeSetExpanded:function(e,t,n){var i=e.node;return delete i._filterAutoExpanded,!t&&e.options.filter.hideExpandedCounter&&i.$subMatchBadge&&i.$subMatchBadge.show(),this._superApply(arguments)},nodeRenderStatus:function(e){var t=e.node,n=e.tree,i=e.options.filter,r=y(t.span).find("span.fancytree-title"),o=y(t[n.statusClassPropName]),s=e.options.enhanceTitle,a=e.options.escapeTitles,e=this._super(e);return o.length&&n.enableFilter&&(o.toggleClass("fancytree-match",!!t.match).toggleClass("fancytree-submatch",!!t.subMatchCount).toggleClass("fancytree-hide",!(t.match||t.subMatchCount)),!i.counter||!t.subMatchCount||t.isExpanded()&&i.hideExpandedCounter?t.$subMatchBadge&&t.$subMatchBadge.hide():(t.$subMatchBadge||(t.$subMatchBadge=y("<span class='fancytree-childcounter'/>"),y("span.fancytree-icon, span.fancytree-custom-icon",t.span).append(t.$subMatchBadge)),t.$subMatchBadge.show().text(t.subMatchCount)),!t.span||t.isEditing&&t.isEditing.call(t)||(t.titleWithHighlight?r.html(t.titleWithHighlight):a?r.text(t.title):r.html(t.title),s&&s({type:"enhanceTitle"},{node:t,$title:r}))),e}}),y.ui.fancytree},"function"==typeof define&&define.amd?define(["jquery","./jquery.fancytree"],t):"object"==typeof module&&module.exports?(require("./jquery.fancytree"),module.exports=t(require("jquery"))):t(jQuery),t=function(l){"use strict";var a=l.ui.fancytree,n={awesome3:{_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",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",loading:{html:"<span class='fa fa-spinner fa-pulse' />"},nodata:"fa-meh-o",noExpander:"",radio:"fa-circle-thin",radioSelected:"fa-circle",doc:"fa-file-o",docOpen:"fa-file-o",folder:"fa-folder-o",folderOpen:"fa-folder-open-o"},awesome5:{_addClass:"",checkbox:"far fa-square",checkboxSelected:"far fa-check-square",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:"",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",dragHelper:"glyphicon-play",dropMarker:"glyphicon-arrow-right",error:"glyphicon-warning-sign",expanderClosed:"glyphicon-menu-right",expanderLazy:"glyphicon-menu-right",expanderOpen:"glyphicon-menu-down",loading:"glyphicon-refresh fancytree-helper-spin",nodata:"glyphicon-info-sign",noExpander:"",radio:"glyphicon-remove-circle",radioSelected:"glyphicon-ok-circle",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"},doc:{text:"insert_drive_file"},docOpen:{text:"insert_drive_file"},folder:{text:"folder"},folderOpen:{text:"folder_open"}}};function d(e,t,n,i,r){var o=i.map,s=o[r],a=l(t),i=a.find(".fancytree-childcounter"),o=n+" "+(o._addClass||"");"string"==typeof(s="function"==typeof s?s.call(this,e,t,r):s)?(t.innerHTML="",a.attr("class",o+" "+s).append(i)):s&&(s.text?t.textContent=""+s.text:s.html?t.innerHTML=s.html:t.innerHTML="",a.attr("class",o+" "+(s.addClass||"")).append(i))}return l.ui.fancytree.registerExtension({name:"glyph",version:"2.38.2",options:{preset:null,map:{}},treeInit:function(e){var t=e.tree,e=e.options.glyph;e.preset?(a.assert(!!n[e.preset],"Invalid value for `options.glyph.preset`: "+e.preset),e.map=l.extend({},n[e.preset],e.map)):t.warn("ext-glyph: missing `preset` option."),this._superApply(arguments),t.$container.addClass("fancytree-ext-glyph")},nodeRenderStatus:function(e){var t,n,i=e.node,r=l(i.span),o=e.options.glyph,s=this._super(e);return i.isRootNode()||((n=r.children(".fancytree-expander").get(0))&&(t=i.expanded&&i.hasChildren()?"expanderOpen":i.isUndefined()?"expanderLazy":i.hasChildren()?"expanderClosed":"noExpander",d(i,n,"fancytree-expander",o,t)),(n=(i.tr?l("td",i.tr).find(".fancytree-checkbox"):r.children(".fancytree-checkbox")).get(0))&&(e=a.evalOption("checkbox",i,i,o,!1),i.parent&&i.parent.radiogroup||"radio"===e?d(i,n,"fancytree-checkbox fancytree-radio",o,t=i.selected?"radioSelected":"radio"):d(i,n,"fancytree-checkbox",o,t=i.selected?"checkboxSelected":i.partsel?"checkboxUnknown":"checkbox")),(n=r.children(".fancytree-icon").get(0))&&(t=i.statusNodeType||(i.folder?i.expanded&&i.hasChildren()?"folderOpen":"folder":i.expanded?"docOpen":"doc"),d(i,n,"fancytree-icon",o,t))),s},nodeSetStatus:function(e,t,n,i){var r,o=e.options.glyph,s=e.node,e=this._superApply(arguments);return"error"!==t&&"loading"!==t&&"nodata"!==t||(s.parent?(r=l(".fancytree-expander",s.span).get(0))&&d(s,r,"fancytree-expander",o,t):(r=l(".fancytree-statusnode-"+t,s[this.nodeContainerAttrName]).find(".fancytree-icon").get(0))&&d(s,r,"fancytree-icon",o,t)),e}}),l.ui.fancytree},"function"==typeof define&&define.amd?define(["jquery","./jquery.fancytree"],t):"object"==typeof module&&module.exports?(require("./jquery.fancytree"),module.exports=t(require("jquery"))):t(jQuery),t=function(c){"use strict";var u=c.ui.keyCode,o={text:[u.UP,u.DOWN],checkbox:[u.UP,u.DOWN,u.LEFT,u.RIGHT],link:[u.UP,u.DOWN,u.LEFT,u.RIGHT],radiobutton:[u.UP,u.DOWN,u.LEFT,u.RIGHT],"select-one":[u.LEFT,u.RIGHT],"select-multiple":[u.LEFT,u.RIGHT]};function s(e,t){var n,i,r,o,s,a,l=e.closest("td"),d=null;switch(t){case u.LEFT:d=l.prev();break;case u.RIGHT:d=l.next();break;case u.UP:case u.DOWN:for(n=l.parent(),r=n,s=l.get(0),a=0,r.children().each(function(){return this!==s&&(o=c(this).prop("colspan"),void(a+=o||1))}),i=a;(n=t===u.UP?n.prev():n.next()).length&&(n.is(":hidden")||!(d=function(e,t){var n,i=null,r=0;return e.children().each(function(){return t<=r?(i=c(this),!1):(n=c(this).prop("colspan"),void(r+=n||1))}),i}(n,i))||!d.find(":input,a").length););}return d}return c.ui.fancytree.registerExtension({name:"gridnav",version:"2.38.2",options:{autofocusInput:!1,handleCursorKeys:!0},treeInit:function(n){this._requireExtension("table",!0,!0),this._superApply(arguments),this.$container.addClass("fancytree-ext-gridnav"),this.$container.on("focusin",function(e){var t=c.ui.fancytree.getNode(e.target);t&&!t.isActive()&&(e=n.tree._makeHookContext(t,e),n.tree._callHook("nodeSetActive",e,!0))})},nodeSetActive:function(e,t,n){var i=e.options.gridnav,r=e.node,o=e.originalEvent||{},o=c(o.target).is(":input");t=!1!==t,this._superApply(arguments),t&&(e.options.titlesTabbable?(o||(c(r.span).find("span.fancytree-title").focus(),r.setFocus()),e.tree.$container.attr("tabindex","-1")):i.autofocusInput&&!o&&c(r.tr||r.span).find(":input:enabled").first().focus())},nodeKeydown:function(e){var t,n,i=e.options.gridnav,r=e.originalEvent,e=c(r.target);return e.is(":input:enabled")?t=e.prop("type"):e.is("a")&&(t="link"),t&&i.handleCursorKeys?!((t=o[t])&&0<=c.inArray(r.which,t)&&(n=s(e,r.which))&&n.length)||(n.find(":input:enabled,a").focus(),!1):this._superApply(arguments)}}),c.ui.fancytree},"function"==typeof define&&define.amd?define(["jquery","./jquery.fancytree","./jquery.fancytree.table"],t):"object"==typeof module&&module.exports?(require("./jquery.fancytree.table"),module.exports=t(require("jquery"))):t(jQuery),t=function(s){"use strict";return s.ui.fancytree.registerExtension({name:"multi",version:"2.38.2",options:{allowNoSelect:!1,mode:"sameParent"},treeInit:function(e){this._superApply(arguments),this.$container.addClass("fancytree-ext-multi"),1===e.options.selectMode&&s.error("Fancytree ext-multi: selectMode: 1 (single) is not compatible.")},nodeClick:function(e){var t=e.tree,n=e.node,i=t.getActiveNode()||t.getFirstChild(),r="checkbox"===e.targetType,o="expander"===e.targetType;switch(s.ui.fancytree.eventToString(e.originalEvent)){case"click":if(o)break;r||(t.selectAll(!1),n.setSelected());break;case"shift+click":t.visitRows(function(e){if(e.setSelected(),e===n)return!1},{start:i,reverse:i.isBelowOf(n)});break;case"ctrl+click":case"meta+click":return void n.toggleSelected()}return this._superApply(arguments)},nodeKeydown:function(e){var t=e.tree,n=e.node,i=e.originalEvent;switch(s.ui.fancytree.eventToString(i)){case"up":case"down":t.selectAll(!1),n.navigate(i.which,!0),t.getActiveNode().setSelected();break;case"shift+up":case"shift+down":n.navigate(i.which,!0),t.getActiveNode().setSelected()}return this._superApply(arguments)}}),s.ui.fancytree},"function"==typeof define&&define.amd?define(["jquery","./jquery.fancytree"],t):"object"==typeof module&&module.exports?(require("./jquery.fancytree"),module.exports=t(require("jquery"))):t(jQuery),t=function(p){"use strict";var t=null,n=null,i=null,r=p.ui.fancytree.assert,u="active",g="expanded",h="focus",f="selected";try{r(window.localStorage&&window.localStorage.getItem),n={get:function(e){return window.localStorage.getItem(e)},set:function(e,t){window.localStorage.setItem(e,t)},remove:function(e){window.localStorage.removeItem(e)}}}catch(e){p.ui.fancytree.warn("Could not access window.localStorage",e)}try{r(window.sessionStorage&&window.sessionStorage.getItem),i={get:function(e){return window.sessionStorage.getItem(e)},set:function(e,t){window.sessionStorage.setItem(e,t)},remove:function(e){window.sessionStorage.removeItem(e)}}}catch(e){p.ui.fancytree.warn("Could not access window.sessionStorage",e)}return"function"==typeof Cookies?t={get:Cookies.get,set:function(e,t){Cookies.set(e,t,this.options.persist.cookie)},remove:Cookies.remove}:p&&"function"==typeof p.cookie&&(t={get:p.cookie,set:function(e,t){p.cookie(e,t,this.options.persist.cookie)},remove:p.removeCookie}),p.ui.fancytree._FancytreeClass.prototype.clearPersistData=function(e){var t=this.ext.persist,n=t.cookiePrefix;0<=(e=e||"active expanded focus selected").indexOf(u)&&t._data(n+u,null),0<=e.indexOf(g)&&t._data(n+g,null),0<=e.indexOf(h)&&t._data(n+h,null),0<=e.indexOf(f)&&t._data(n+f,null)},p.ui.fancytree._FancytreeClass.prototype.clearCookies=function(e){return this.warn("'tree.clearCookies()' is deprecated since v2.27.0: use 'clearPersistData()' instead."),this.clearPersistData(e)},p.ui.fancytree._FancytreeClass.prototype.getPersistData=function(){var e=this.ext.persist,t=e.cookiePrefix,n=e.cookieDelimiter,i={};return i[u]=e._data(t+u),i[g]=(e._data(t+g)||"").split(n),i[f]=(e._data(t+f)||"").split(n),i[h]=e._data(t+h),i},p.ui.fancytree.registerExtension({name:"persist",version:"2.38.2",options:{cookieDelimiter:"~",cookiePrefix:void 0,cookie:{raw:!1,expires:"",path:"",domain:"",secure:!1},expandLazy:!1,expandOpts:void 0,fireActivate:!0,overrideSource:!0,store:"auto",types:"active expanded focus selected"},_data:function(e,t){var n=this._local.store;if(void 0===t)return n.get.call(this,e);null===t?n.remove.call(this,e):n.set.call(this,e,t)},_appendKey:function(e,t,n){t=""+t;var i=this._local,r=this.options.persist.cookieDelimiter,o=i.cookiePrefix+e,s=i._data(o),e=s?s.split(r):[],s=p.inArray(t,e);0<=s&&e.splice(s,1),n&&e.push(t),i._data(o,e.join(r))},treeInit:function(e){var a=e.tree,l=e.options,d=this._local,c=this.options.persist;return d.cookiePrefix=c.cookiePrefix||"fancytree-"+a._id+"-",d.storeActive=0<=c.types.indexOf(u),d.storeExpanded=0<=c.types.indexOf(g),d.storeSelected=0<=c.types.indexOf(f),d.storeFocus=0<=c.types.indexOf(h),d.store=null,"auto"===c.store&&(c.store=n?"local":"cookie"),p.isPlainObject(c.store)?d.store=c.store:"cookie"===c.store?d.store=t:"local"!==c.store&&"session"!==c.store||(d.store="local"===c.store?n:i),r(d.store,"Need a valid store."),a.$div.on("fancytreeinit",function(e){var t,n,i,r,o,s;!1!==a._triggerTreeEvent("beforeRestore",null,{})&&(i=d._data(d.cookiePrefix+h),r=!1===c.fireActivate,o=d._data(d.cookiePrefix+g),s=o&&o.split(c.cookieDelimiter),(d.storeExpanded?function e(t,n,i,r,o){var s,a,l,d,c=!1,u=t.options.persist.expandOpts,h=[],f=[];for(i=i||[],o=o||p.Deferred(),s=0,l=i.length;s<l;s++)a=i[s],(d=t.getNodeByKey(a))?r&&d.isUndefined()?(c=!0,t.debug("_loadLazyNodes: "+d+" is lazy: loading..."),"expand"===r?h.push(d.setExpanded(!0,u)):h.push(d.load())):(t.debug("_loadLazyNodes: "+d+" already loaded."),d.setExpanded(!0,u)):(f.push(a),t.debug("_loadLazyNodes: "+d+" was not yet found."));return p.when.apply(p,h).always(function(){if(c&&0<f.length)e(t,n,f,r,o);else{if(f.length)for(t.warn("_loadLazyNodes: could not load those keys: ",f),s=0,l=f.length;s<l;s++)a=i[s],n._appendKey(g,i[s],!1);o.resolve()}}),o}(a,d,s,!!c.expandLazy&&"expand",null):(new p.Deferred).resolve()).done(function(){if(d.storeSelected){if(o=d._data(d.cookiePrefix+f))for(s=o.split(c.cookieDelimiter),t=0;t<s.length;t++)(n=a.getNodeByKey(s[t]))?(void 0===n.selected||c.overrideSource&&!1===n.selected)&&(n.selected=!0,n.renderStatus()):d._appendKey(f,s[t],!1);3===a.options.selectMode&&a.visit(function(e){if(e.selected)return e.fixSelection3AfterClick(),"skip"})}d.storeActive&&(!(o=d._data(d.cookiePrefix+u))||!l.persist.overrideSource&&a.activeNode||(n=a.getNodeByKey(o))&&(n.debug("persist: set active",o),n.setActive(!0,{noFocus:!0,noEvents:r}))),d.storeFocus&&i&&(n=a.getNodeByKey(i))&&(a.options.titlesTabbable?p(n.span).find(".fancytree-title"):p(a.$container)).focus(),a._triggerTreeEvent("restore",null,{})}))}),this._superApply(arguments)},nodeSetActive:function(e,t,n){var i=this._local;return t=!1!==t,t=this._superApply(arguments),i.storeActive&&i._data(i.cookiePrefix+u,this.activeNode?this.activeNode.key:null),t},nodeSetExpanded:function(e,t,n){var i=e.node,r=this._local;return t=!1!==t,e=this._superApply(arguments),r.storeExpanded&&r._appendKey(g,i.key,t),e},nodeSetFocus:function(e,t){var n=this._local;return t=!1!==t,t=this._superApply(arguments),n.storeFocus&&n._data(n.cookiePrefix+h,this.focusNode?this.focusNode.key:null),t},nodeSetSelected:function(e,t,n){var i=e.tree,r=e.node,o=this._local;return t=!1!==t,t=this._superApply(arguments),o.storeSelected&&(3===i.options.selectMode?(i=(i=p.map(i.getSelectedNodes(!0),function(e){return e.key})).join(e.options.persist.cookieDelimiter),o._data(o.cookiePrefix+f,i)):o._appendKey(f,r.key,r.selected)),t}}),p.ui.fancytree},"function"==typeof define&&define.amd?define(["jquery","./jquery.fancytree"],t):"object"==typeof module&&module.exports?(require("./jquery.fancytree"),module.exports=t(require("jquery"))):t(jQuery),t=function(m){"use strict";var b=m.ui.fancytree.assert;function x(e,n){e.visit(function(e){var t=e.tr;if(t&&(t.style.display=e.hide||!n?"none":""),!e.expanded)return"skip"})}return m.ui.fancytree.registerExtension({name:"table",version:"2.38.2",options:{checkboxColumnIdx:null,indentation:16,mergeStatusColumns:!0,nodeColumnIdx:0},treeInit:function(e){var t,n,i,r=e.tree,o=e.options,s=o.table,a=r.widget.element;if(null!=s.customStatus&&(null==o.renderStatusColumns?(r.warn("The 'customStatus' option is deprecated since v2.15.0. Use 'renderStatusColumns' instead."),o.renderStatusColumns=s.customStatus):m.error("The 'customStatus' option is deprecated since v2.15.0. Use 'renderStatusColumns' only instead.")),o.renderStatusColumns&&!0===o.renderStatusColumns&&(o.renderStatusColumns=o.renderColumns),a.addClass("fancytree-container fancytree-ext-table"),(i=a.find(">tbody")).length||(a.find(">tr").length&&m.error("Expected table > tbody > tr. If you see this please open an issue."),i=m("<tbody>").appendTo(a)),r.tbody=i[0],r.columnCount=m("thead >tr",a).last().find(">th",a).length,(n=i.children("tr").first()).length)e=n.children("td").length,r.columnCount&&e!==r.columnCount&&(r.warn("Column count mismatch between thead ("+r.columnCount+") and tbody ("+e+"): using tbody."),r.columnCount=e),n=n.clone();else for(b(1<=r.columnCount,"Need either <thead> or <tbody> with <td> elements to determine column count."),n=m("<tr />"),t=0;t<r.columnCount;t++)n.append("<td />");n.find(">td").eq(s.nodeColumnIdx).html("<span class='fancytree-node' />"),o.aria&&(n.attr("role","row"),n.find("td").attr("role","gridcell")),r.rowFragment=document.createDocumentFragment(),r.rowFragment.appendChild(n.get(0)),i.empty(),r.statusClassPropName="tr",r.ariaPropName="tr",this.nodeContainerAttrName="tr",r.$container=a,this._superApply(arguments),m(r.rootNode.ul).remove(),r.rootNode.ul=null,this.$container.attr("tabindex",o.tabindex),o.aria&&r.$container.attr("role","treegrid").attr("aria-readonly",!0)},nodeRemoveChildMarkup:function(e){e.node.visit(function(e){e.tr&&(m(e.tr).remove(),e.tr=null)})},nodeRemoveMarkup:function(e){var t=e.node;t.tr&&(m(t.tr).remove(),t.tr=null),this.nodeRemoveChildMarkup(e)},nodeRender:function(e,t,n,i,r){var o,s,a,l,d,c,u,h,f,p=e.tree,g=e.node,y=e.options,v=!g.parent;if(!1!==p._enableUpdate){if(r||(e.hasCollapsedParents=g.parent&&!g.parent.expanded),!v)if(g.tr&&t&&this.nodeRemoveMarkup(e),g.tr)t?this.nodeRenderTitle(e):this.nodeRenderStatus(e);else{if(e.hasCollapsedParents&&!n)return;d=p.rowFragment.firstChild.cloneNode(!0),h=function(e){var t,n,i=e.parent,r=i?i.children:null;if(r&&1<r.length&&r[0]!==e)for(n=r[m.inArray(e,r)-1],b(n.tr);n.children&&n.children.length&&(t=n.children[n.children.length-1]).tr;)n=t;else n=i;return n}(g),b(h),(!0===i&&r||n&&e.hasCollapsedParents)&&(d.style.display="none"),h.tr?(f=h.tr).parentNode.insertBefore(d,f.nextSibling):(b(!h.parent,"prev. row must have a tr, or be system root"),(h=p.tbody).insertBefore(d,h.firstChild)),g.tr=d,g.key&&y.generateIds&&(g.tr.id=y.idPrefix+g.key),(g.tr.ftnode=g).span=m("span.fancytree-node",g.tr).get(0),this.nodeRenderTitle(e),y.createNode&&y.createNode.call(p,{type:"createNode"},e)}if(y.renderNode&&y.renderNode.call(p,{type:"renderNode"},e),(o=g.children)&&(v||n||g.expanded))for(a=0,l=o.length;a<l;a++)(u=m.extend({},e,{node:o[a]})).hasCollapsedParents=u.hasCollapsedParents||!g.expanded,this.nodeRender(u,t,n,i,!0);o&&!r&&(c=g.tr||null,s=p.tbody.firstChild,g.visit(function(e){var t;e.tr&&(e.parent.expanded||"none"===e.tr.style.display||(e.tr.style.display="none",x(e,!1)),e.tr.previousSibling!==c&&(g.debug("_fixOrder: mismatch at node: "+e),t=c?c.nextSibling:s,p.tbody.insertBefore(e.tr,t)),c=e.tr)}))}},nodeRenderTitle:function(e,t){var n=e.tree,i=e.node,r=e.options,o=i.isStatusNode(),s=this._super(e,t);return i.isRootNode()||(r.checkbox&&!o&&null!=r.table.checkboxColumnIdx&&(t=m("span.fancytree-checkbox",i.span),m(i.tr).find("td").eq(+r.table.checkboxColumnIdx).html(t)),this.nodeRenderStatus(e),o?r.renderStatusColumns?r.renderStatusColumns.call(n,{type:"renderStatusColumns"},e):r.table.mergeStatusColumns&&i.isTopLevel()&&m(i.tr).find(">td").eq(0).prop("colspan",n.columnCount).text(i.title).addClass("fancytree-status-merged").nextAll().remove():r.renderColumns&&r.renderColumns.call(n,{type:"renderColumns"},e)),s},nodeRenderStatus:function(e){var t=e.node,n=e.options;this._super(e),m(t.tr).removeClass("fancytree-node"),e=(t.getLevel()-1)*n.table.indentation,n.rtl?m(t.span).css({paddingRight:e+"px"}):m(t.span).css({paddingLeft:e+"px"})},nodeSetExpanded:function(t,n,i){if(n=!1!==n,t.node.expanded&&n||!t.node.expanded&&!n)return this._superApply(arguments);var r=new m.Deferred,e=m.extend({},i,{noEvents:!0,noAnimation:!0});function o(e){e?(x(t.node,n),n&&t.options.autoScroll&&!i.noAnimation&&t.node.hasChildren()?t.node.getLastChild().scrollIntoView(!0,{topNode:t.node}).always(function(){i.noEvents||t.tree._triggerNodeEvent(n?"expand":"collapse",t),r.resolveWith(t.node)}):(i.noEvents||t.tree._triggerNodeEvent(n?"expand":"collapse",t),r.resolveWith(t.node))):(i.noEvents||t.tree._triggerNodeEvent(n?"expand":"collapse",t),r.rejectWith(t.node))}return i=i||{},this._super(t,n,e).done(function(){o(!0)}).fail(function(){o(!1)}),r.promise()},nodeSetStatus:function(e,t,n,i){return"ok"!==t||(e=(e=e.node).children?e.children[0]:null)&&e.isStatusNode()&&m(e.tr).remove(),this._superApply(arguments)},treeClear:function(e){return this.nodeRemoveChildMarkup(this._makeHookContext(this.rootNode)),this._superApply(arguments)},treeDestroy:function(e){return this.$container.find("tbody").empty(),this.$source&&this.$source.removeClass("fancytree-helper-hidden"),this._superApply(arguments)}}),m.ui.fancytree},"function"==typeof define&&define.amd?define(["jquery","./jquery.fancytree"],t):"object"==typeof module&&module.exports?(require("./jquery.fancytree"),module.exports=t(require("jquery"))):t(jQuery),t=function(o){"use strict";return o.ui.fancytree.registerExtension({name:"themeroller",version:"2.38.2",options:{activeClass:"ui-state-active",addClass:"ui-corner-all",focusClass:"ui-state-focus",hoverClass:"ui-state-hover",selectedClass:"ui-state-highlight"},treeInit:function(e){var t=e.widget.element,n=e.options.themeroller;this._superApply(arguments),"TABLE"===t[0].nodeName?(t.addClass("ui-widget ui-corner-all"),t.find(">thead tr").addClass("ui-widget-header"),t.find(">tbody").addClass("ui-widget-conent")):t.addClass("ui-widget ui-widget-content ui-corner-all"),t.on("mouseenter mouseleave",".fancytree-node",function(e){var t=o.ui.fancytree.getNode(e.target),e="mouseenter"===e.type;o(t.tr||t.span).toggleClass(n.hoverClass+" "+n.addClass,e)})},treeDestroy:function(e){this._superApply(arguments),e.widget.element.removeClass("ui-widget ui-widget-content ui-corner-all")},nodeRenderStatus:function(e){var t={},n=e.node,i=o(n.tr||n.span),r=e.options.themeroller;this._super(e),t[r.activeClass]=!1,t[r.focusClass]=!1,t[r.selectedClass]=!1,n.isActive()&&(t[r.activeClass]=!0),n.hasFocus()&&(t[r.focusClass]=!0),n.isSelected()&&!n.isActive()&&(t[r.selectedClass]=!0),i.toggleClass(r.activeClass,t[r.activeClass]),i.toggleClass(r.focusClass,t[r.focusClass]),i.toggleClass(r.selectedClass,t[r.selectedClass]),i.addClass(r.addClass)}}),o.ui.fancytree},"function"==typeof define&&define.amd?define(["jquery","./jquery.fancytree"],t):"object"==typeof module&&module.exports?(require("./jquery.fancytree"),module.exports=t(require("jquery"))):t(jQuery),t=function(d){"use strict";var c=/^([+-]?(?:\d+|\d*\.\d+))([a-z]*|%)$/;function u(e,t){var n=d("#"+(e="fancytree-style-"+e));if(t){n.length||(n=d("<style />").attr("id",e).addClass("fancytree-style").prop("type","text/css").appendTo("head"));try{n.html(t)}catch(e){n[0].styleSheet.cssText=t}return n}n.remove()}function h(e,t,n,i,r,o){for(var s="#"+e+" span.fancytree-level-",a=[],l=0;l<t;l++)a.push(s+(l+1)+" span.fancytree-title { padding-left: "+(l*n+i)+o+"; }");return a.push("#"+e+" div.ui-effects-wrapper ul li span.fancytree-title, #"+e+" li.fancytree-animating span.fancytree-title { padding-left: "+r+o+"; position: static; width: auto; }"),a.join("\n")}return d.ui.fancytree.registerExtension({name:"wide",version:"2.38.2",options:{iconWidth:null,iconSpacing:null,labelSpacing:null,levelOfs:null},treeCreate:function(e){this._superApply(arguments),this.$container.addClass("fancytree-ext-wide");var t=e.options.wide,n=d("<li id='fancytreeTemp'><span class='fancytree-node'><span class='fancytree-icon' /><span class='fancytree-title' /></span><ul />").appendTo(e.tree.$container),i=n.find(".fancytree-icon"),r=n.find("ul"),o=t.iconSpacing||i.css("margin-left"),s=t.iconWidth||i.css("width"),a=t.labelSpacing||"3px",l=t.levelOfs||r.css("padding-left");n.remove(),i=o.match(c)[2],o=parseFloat(o,10),t=a.match(c)[2],a=parseFloat(a,10),r=s.match(c)[2],s=parseFloat(s,10),n=l.match(c)[2],i===r&&n===r&&t===r||d.error("iconWidth, iconSpacing, and levelOfs must have the same css measure unit"),this._local.measureUnit=r,this._local.levelOfs=parseFloat(l),this._local.lineOfs=(1+(e.options.checkbox?1:0)+(!1===e.options.icon?0:1))*(s+o)+o,this._local.labelOfs=a,this._local.maxDepth=10,u(a=this.$container.uniqueId().attr("id"),h(a,this._local.maxDepth,this._local.levelOfs,this._local.lineOfs,this._local.labelOfs,this._local.measureUnit))},treeDestroy:function(e){return u(this.$container.attr("id"),null),this._superApply(arguments)},nodeRenderStatus:function(e){var t=e.node,n=t.getLevel(),i=this._super(e);return n>this._local.maxDepth&&(e=this.$container.attr("id"),this._local.maxDepth*=2,t.debug("Define global ext-wide css up to level "+this._local.maxDepth),u(e,h(e,this._local.maxDepth,this._local.levelOfs,this._local.lineOfs,this._local.labelSpacing,this._local.measureUnit))),d(t.span).addClass("fancytree-level-"+n),i}}),d.ui.fancytree},"function"==typeof define&&define.amd?define(["jquery","./jquery.fancytree"],t):"object"==typeof module&&module.exports?(require("./jquery.fancytree"),module.exports=t(require("jquery"))):t(jQuery),e.ui.fancytree});
+//# sourceMappingURL=jquery.fancytree-all-deps.min.js.map
\ No newline at end of file
diff --git a/public/js/viewtree/jquery.fancytree-all-deps.min.js.map b/public/js/viewtree/jquery.fancytree-all-deps.min.js.map
new file mode 100644
index 0000000..78609cb
--- /dev/null
+++ b/public/js/viewtree/jquery.fancytree-all-deps.min.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"jquery.fancytree-all-deps.min.js","sources":["jquery.fancytree-all-deps.js"],"names":["$","ui","version","orig","widgetUuid","widgetHasOwnProperty","Array","prototype","hasOwnProperty","widgetSlice","slice","cleanData","elems","events","elem","i","_data","remove","triggerHandler","widget","name","base","existingConstructor","constructor","basePrototype","proxiedPrototype","namespace","split","fullName","Widget","isArray","extend","apply","concat","expr","pseudos","toLowerCase","data","options","element","this","_createWidget","arguments","length","_proto","_childConstructors","each","prop","value","_super","_superApply","args","returnValue","__super","__superApply","widgetEventPrefix","widgetName","widgetFullName","child","childPrototype","push","bridge","target","key","input","call","inputIndex","inputLength","undefined","isPlainObject","object","fn","isMethodCall","methodValue","instance","charAt","error","jquery","pushStack","get","option","_init","defaultElement","classes","disabled","create","uuid","eventNamespace","bindings","hoverable","focusable","classesElementLookup","_on","event","destroy","document","style","ownerDocument","window","defaultView","parentWindow","_getCreateOptions","_create","_setOptionDisabled","_trigger","_getCreateEventData","noop","that","_destroy","_removeClass","off","removeData","removeAttr","parts","curOption","shift","pop","_setOptions","_setOption","_setOptionClasses","classKey","elements","currentElements","addClass","_classes","keys","add","_toggleClass","enable","disable","full","processClassString","checkOption","current","_","map","some","is","uniqueSort","not","match","extra","join","_untrackClassesElement","inArray","_off","_addClass","toggleClass","suppressDisabledCheck","handlers","delegateElement","handler","handlerProxy","hasClass","guid","eventName","selector","on","_delay","delay","setTimeout","_hoverable","mouseenter","currentTarget","mouseleave","_focusable","focusin","focusout","type","callback","Event","originalEvent","trigger","isDefaultPrevented","show","hide","method","defaultEffect","hasOptions","effectName","effect","duration","isEmptyObject","complete","effects","easing","queue","next","cachedScrollbarWidth","max","abs","rhorizontal","rvertical","roffset","rposition","rpercent","_position","getOffsets","offsets","width","height","parseFloat","test","parseCss","property","parseInt","css","isWindow","obj","Math","position","scrollbarWidth","w1","div","innerDiv","children","append","offsetWidth","w2","clientWidth","getScrollInfo","within","overflowX","isDocument","overflowY","hasOverflowX","scrollWidth","scrollHeight","getWithinInfo","withinElement","isElemWindow","nodeType","offset","left","top","scrollLeft","scrollTop","outerWidth","outerHeight","of","atOffset","targetWidth","targetHeight","targetOffset","basePosition","raw","find","scrollInfo","collision","dimensions","preventDefault","pageY","pageX","at","horizontalOffset","verticalOffset","pos","exec","collisionPosition","using","elemWidth","elemHeight","marginLeft","marginTop","collisionWidth","collisionHeight","myOffset","my","dir","props","right","bottom","feedback","horizontal","vertical","important","fit","withinOffset","collisionPosLeft","overLeft","overRight","newOverRight","collisionPosTop","overTop","overBottom","newOverBottom","flip","offsetLeft","newOverLeft","offsetTop","newOverTop","flipfit","rcssescape","fcssescape","unique","escapeSelector","ch","asCodePoint","charCodeAt","toString","sel","replace","even","odd","filter","keyCode","BACKSPACE","COMMA","DELETE","DOWN","END","ENTER","ESCAPE","HOME","LEFT","PAGE_DOWN","PAGE_UP","PERIOD","RIGHT","SPACE","TAB","UP","scrollParent","includeHidden","excludeStaticParent","overflowRegex","parents","parent","eq","uniqueId","id","removeUniqueId","jQuery","factory","define","amd","module","exports","require","fancytree","attr","FT","TEST_IMG","RegExp","REX_HTML","REX_TOOLTIP","RECURSIVE_REQUEST_ERROR","INVALID_REQUEST_TARGET_ERROR","ENTITY_MAP","&","<",">","\"","'","/","IGNORE_KEYCODES","16","17","18","SPECIAL_KEYCODES","8","9","10","13","19","20","27","32","33","34","35","36","37","38","39","40","45","46","59","61","96","97","98","99","100","101","102","103","104","105","106","107","109","110","111","112","113","114","115","116","117","118","119","120","121","122","123","144","145","173","186","187","188","189","190","191","192","219","220","221","222","MODIFIERS","91","93","MOUSE_BUTTONS","0","1","2","3","CLASS_ATTRS","CLASS_ATTR_MAP","TREE_ATTRS","NODE_ATTRS","NODE_ATTR_MAP","NODE_ATTR_LOWERCASE_MAP","NONE_NODE_DATA_MAP","active","focus","_isArray","_assert","Date","now","getTime","FancytreeNode","_findDirectChild","ptr","l","cl","_setChildren","tree","_callHook","addChildren","insertBefore","firstNode","origFirstChild","getFirstChild","origLastChild","getLastChild","nodeList","splice","render","renderStatus","ul","tr","selectMode","fixSelection3FromEndNodes","triggerModifyChild","className","addNode","node","mode","getParent","getNextSibling","addPagingNode","n","title","strings","moreData","statusNodeType","icon","partload","removeChild","appendSibling","applyCommand","cmd","opts","applyPatch","patch","_getResolvedPromise","v","IGNORE_MAP","expanded","_hasProp","_isFunction","removeChildren","isVisible","renderTitle","setExpanded","collapseSiblings","copyTo","toDict","countChildren","deep","debug","msg","debugLevel","unshift","consoleApply","discard","warn","resetLazy","discardMarkup","includeSelf","findAll","_makeNodeTitleMatcher","res","visit","findFirst","findRelatedNode","where","_changeSelectStatusAttrs","state","changed","unselectable","evalOption","unselectableStatus","selected","partsel","fixSelection3AfterClick","callOpts","flag","isSelected","radiogroup","_walk","s","allSelected","someSelected","unselState","lazy","visitParents","fromDict","dict","getChildren","hasChildren","getIndex","getIndexHier","separator","digits","getParentList","o","substr","getKeyPath","excludeSelf","sep","keyPathSeparator","getPath","getLevel","level","dtn","ac","includeRoot","part","val","path","isFunc","getPrevSibling","getSelectedNodes","stopOnParents","isStatusNode","extraClasses","indexOf","hasFocus","focusNode","info","isActive","activeNode","isBelowOf","otherNode","isChildOf","isDescendantOf","p","isExpanded","isFirstSibling","isFolder","folder","isLastSibling","isLazy","isLoaded","isLoading","_isLoading","isRoot","isRootNode","isPartsel","isPartload","rootNode","isPagingNode","isTopLevel","isUndefined","hasFilter","enableFilter","subMatchCount","lazyLoad","load","forceReload","self","wasExpanded","source","_triggerNodeEvent","always","makeVisible","deferreds","dfd","Deferred","len","noAnimation","scroll","scrollIntoView","when","done","resolve","promise","moveTo","targetNode","prevParent","targetParent","navigate","activate","KC","e","setFocus","setActive","childNode","removeClass","force","replaceWith","fail","scheduleAction","ms","timer","clearTimeout","x","Error","scrollOfs","topNode","$scrollParent","$container","tbody","body","topNodeY","nodeY","nodeHeight","span","topOfs","bottomOfs","containerHeight","$animateTarget","isParentWindow","newScrollTop","containerOffsetTop","innerHeight","clientHeight","resolveWith","stop","animate","setSelected","setStatus","status","message","details","setTitle","triggerModify","sortChildren","cmp","sort","a","b","y","recursive","classNames","wasAdded","statusElem","statusClassPropName","curClasses","_trim","toggleExpanded","toggleSelected","operation","modifyChild","visitAndLoad","_recursion","loaders","reject","then","visitSiblings","Fancytree","_makeHookContext","ctx","typeInfo","types","funcName","contextObject","_extraArgs","_setExpiringValue","_tempCache","expire","_getExpiringValue","entry","_usesExtension","extensions","_requireExtension","required","before","thisName","_local","extList","isBefore","isMissing","ext","badOrder","activateKey","getNodeByKey","opts_","refNode","getActiveNode","editCreateNode","editStart","patchList","p2","patchCount","deferredList","_makeResolveFunc","clear","count","enableUpdate","_enableUpdate","expandAll","prev","findNextNode","startNode","reMatch","_checkNode","visitRows","start","reverse","generateFormElements","selectedName","_id","activeName","$result","_appender","checked","empty","insertAfter","idx","getFocusNode","getOption","optionName","searchRoot","el","getElementById","idPrefix","ftnode","getRootNode","_hasFocus","_requestId","loadKeyPath","keyPathList","optsOrCallback","pathSegList","notifyWith","matchKey","_loadKeyPathImpl","nodeKey","remain","remainMap","tmpParent","segList","subDfd","__findChild","errMsg","rejectWith","__lazyload","reactivate","noFocus","reload","selectAll","setOption","debugTime","label","console","time","debugTimeEnd","timeEnd","result","_triggerTreeEvent","_visitRowsUp","nextIdx","siblings","siblingOfs","skipFirstNode","checkFilter","nodeClick","expand","targetType","focusOnSelect","clickFolderMode","nodeSetFocus","nodeCollapseSiblings","nodeDblclick","nodeKeydown","which","String","fromCharCode","specialModifiers","altKey","ctrlKey","metaKey","isAlnum","$target","handled","autoActivate","quicksearch","stamp","lastQuicksearchTime","lastQuicksearchTerm","matchNode","eventToString","nodeSetExpanded","nodeToggleSelected","nodeSetActive","nodeLoadChildren","ajax","resultDfd","ajaxDfd","isAsync","nodePrevParent","tag","requestId","url","debugDelay","random","round","nodeSetStatus","textStatus","jqXHR","errorObj","dataType","postProcess","response","enableAspx","d","parseJSON","errorThrown","metaData","noDataRes","nodata","noData","ctxErr","nodeLoadKeyPath","nodeRemoveChild","subCtx","nodeRemoveChildren","nodeRemoveMarkup","nodeRemoveChildMarkup","li","nodeRenderStatus","nodeRender","collapsed","_recursive","childLI","childNode1","childNode2","aria","firstTime","successorLi","parentNode","nextSibling","createElement","generateIds","appendChild","nodeRenderTitle","createNode","renderNode","display","$div","firstChild","iconTooltip","ares","role","minExpandLevel","checkbox","iconClass","_escapeTooltip","imagePath","text","escapeHtml","html","nodeTitle","tooltip","titlesTabbable","escapeTitles","innerHTML","enhanceTitle","$title","$ariaElem","isLastSib","cn","_classNames","cnList","focused","Boolean","lastsib","loading","_error","statusNodePrefix","combinedExpanderPrefix","combinedIconPrefix","noEvents","_getRejectedPromise","activeVisible","_afterLoad","prevAC","animating","autoCollapse","lastChild","autoScroll","toggleEffect","toggle","ctx2","isInput","calledByNode","activeElement","nodeSetSelected","_lastSelectIntent","lastSelectedNode","_setStatusNode","_clearStatusNode","loadError","nodeToggleExpanded","treeClear","treeCreate","treeDestroy","$source","treeInit","tabindex","checkboxAutoHide","rtl","treeLoad","$ul","rootCtx","first","parseHtml","_getElementDataAsDict","contents","treeRegisterNode","treeSetFocus","_lastMousedownNode","treeSetOption","callDefault","callCreate","callRender","treeStructureChanged","cache","copyFunctionsToData","keyboard","treeId","radio","_deprecationWarning","extension","extName","_extensions","_simpleDeepMerge","copy","clone","src","attrName","_makeVirtualFunction","_subclassObject","icons","tabbable","_bind","_unbind","ns","_ns","getNode","prevPhase","phase","et","getEventTarget","getTree","buildType","_nextId","_nextNodeKey","_FancytreeClass","_FancytreeNodeClass","jquerySupports","positionMyOfs","dottedVersion","t","verParts","testParts","isVersionAtLeast","assert","createTree","$tree","debounce","timeout","invokeAsap","fixPositionOptions","myParts","atParts","dx","dy","tcn","closest","getEventTargetType","orgEl","Element","HTMLDocument","nodeObject","treeOptions","defaultValue","treeOpt","nodeOpt","setSpanIcon","baseClass","$span","shiftKey","button","keyEventToString","overrideMethod","methodName","context","prevSuper","iPos","tmp","tmp2","$children","allData","lowerCaseAttr","$li","$liSpan","$liA","href","search","substring","registerExtension","definition","trim","unescapeHtml","childNodes","nodeValue","cond","Object","prevFunc","baseFunc","prevLocal","prevSuperApply","argArray","deferred","$el","json","uiFancytree","unselectableIgnore","hideCheckbox","defaultKey","lazyload","loaderror","fx","removeNode","columns","systemFocusElement","viewport","ariaPropName","nodeContainerAttrName","class","appendTo","countSelected","topOnly","updateCounters","$badge","extOpts","childcounter","childCounter","hideZeros","hideExpanded","widgetMethod1","arg1","foo","_appendCounter","bar","hashMurmur3","asString","seed","h1b","k1","remainder","bytes","h1","c1","c2","getCloneList","refList","refMap","refKey","keyMap","isClone","reRegister","prevKey","prevRefKey","modified","setRefKey","getNodesByRef","changeRefKey","oldRefKey","newRefKey","highlightActiveClones","highlightClones","other","clones","arr","_removeArrayMember","scpn","$dragImage","$extraHelper","isMac","navigator","platform","classDragSource","classDragRemove","classDropAccept","classDropAfter","classDropBefore","classDropOver","classDropReject","classDropTarget","nodeMimeType","$dropMarker","SOURCE_NODE","SOURCE_NODE_LIST","$sourceList","DRAG_ENTER_RESPONSE","SUGGESTED_DROP_EFFECT","REQUESTED_DROP_EFFECT","REQUESTED_EFFECT_ALLOWED","LAST_HIT_MODE","DRAG_OVER_STAMP","_clearGlobals","offsetString","prepareDropEffectCallback","dataTransfer","effectAllowed","dnd5","dropEffect","dropEffectDefault","dropEffectSuggested","effectDefault","isMove","files","applyDropEffectCallback","allowDrop","handleDragOver","dndOpts","sp","sensitivity","scrollSensitivity","speed","scrollSpeed","scrolled","tagName","spOfs","offsetHeight","markerOffsetX","nodeOfs","hitMode","sourceNode","markerAt","$targetTitle","relPosY","after","over","preventVoidMoves","dragOver","dropMarkerOffsetX","dropMarkerInsertOffsetX","onDropEvent","r","otherNodeList","otherNodeData","useDefaultImage","isCancelled","isSourceFtNode","preventNonNodes","preventForeignNodes","preventSameParent","preventRecursion","preventLazyParents","dragEnter","autoExpandMS","dragExpand","dragLeave","nodeData","getData","JSON","parse","ex","orgSourceElem","orgSourceTree","dragDrop","contains","dragEnd","getDragNodeList","getDragNode","dropMarkerParent","multiSource","setTextTypeJson","sourceCopyHook","dragStart","dragDrag","glyph","dragStop","preventRecursiveMoves","draggable","$temp","z-index","pointer-events","prependTo","dropMarker","stringify","setData","setDragImage","bind","$input","local","edit","instOpts","eventData","isNew","orgTitle","dirty","beforeEdit","currentNode","lastDraggableAttrValue","editEnd","adjustWidthOfs","inputCss","change","stopPropagation","blur","applyChanges","_event","newVal","save","beforeClose","relatedNode","preventScroll","close","init","newNode","isEditing","allowEmpty","minWidth","triggerStart","editNode","eventStr","KeyNoData","_escapeRegex","str","_markFuzzyMatchedChars","regexMatchArray","matchingIndices","_matchingArrIdx","_mIdx","textPoses","forEach","_applyFilterImpl","branchMode","_opts","statusNode","re","reHighlight","reExoticStartChar","reExoticEndChar","temp","treeOpts","prevAutoCollapse","hideMode","leavesOnly","clearFilter","fuzzy","reduce","highlight","titleWithHighlight","lastFilterArgs","prevEnableUpdate","hideExpanders","matchedByBranch","c","autoExpand","_filterAutoExpanded","filterNodes","filterBranches","updateFilter","autoApply","$subMatchBadge","isFilterActive","isMatched","counter","hideExpandedCounter","PRESETS","awesome3","checkboxSelected","checkboxUnknown","dragHelper","expanderClosed","expanderLazy","expanderOpen","noExpander","radioSelected","doc","docOpen","folderOpen","awesome4","awesome5","radioUnknown","bootstrap3","material","setIcon","$counter","setClass","textContent","preset","NAV_KEYS","link","radiobutton","select-one","select-multiple","findNeighbourTd","$tr","colIdx","colspan","td","$td","$tdNext","findTdAtColIdx","autofocusInput","handleCursorKeys","gridnav","triggeredByInput","handleKeys","inputType","allowNoSelect","isCbClick","isExpanderClick","cookieStore","localStorageStore","sessionStorageStore","ACTIVE","EXPANDED","FOCUS","SELECTED","localStorage","getItem","set","setItem","removeItem","sessionStorage","Cookies","persist","cookie","removeCookie","clearPersistData","prefix","cookiePrefix","clearCookies","getPersistData","delim","cookieDelimiter","expires","domain","secure","expandLazy","expandOpts","fireActivate","overrideSource","store","_appendKey","cookieName","keyList","storeActive","storeExpanded","storeSelected","storeFocus","prevFocus","_loadLazyNodes","foundOne","missingKeyList","selNodes","setChildRowVisibility","checkboxColumnIdx","indentation","mergeStatusColumns","nodeColumnIdx","$row","$tbody","tableOpts","table","$table","customStatus","renderStatusColumns","renderColumns","columnCount","last","rowFragment","createDocumentFragment","firstTr","newRow","prevTr","referenceNode","hasCollapsedParents","cloneNode","prevNode","findPrevRowNode","nextTr","previousSibling","$cb","nextAll","indent","paddingRight","paddingLeft","subOpts","_afterExpand","ok","activeClass","focusClass","hoverClass","selectedClass","themeroller","nodeName","reNumUnit","defineHeadStyleElement","cssText","$headStyle","styleSheet","renderLevelCss","containerId","depth","levelOfs","lineOfs","labelOfs","measureUnit","rules","iconWidth","iconSpacing","labelSpacing","wide","$dummyLI","$dummyIcon","$dummyUL","iconSpacingUnit","labelSpacingUnit","iconWidthUnit","levelOfsUnit","maxDepth"],"mappings":"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"}
\ No newline at end of file
diff --git a/public/js/viewtree/jquery.fancytree-all.js b/public/js/viewtree/jquery.fancytree-all.js
new file mode 100644
index 0000000..1e4ef84
--- /dev/null
+++ b/public/js/viewtree/jquery.fancytree-all.js
@@ -0,0 +1,13178 @@
+/*!
+ * jquery.fancytree.js
+ * Tree view control with support for lazy loading and much more.
+ * 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.2
+ * @date 2022-06-30T18:24:06Z
+ */
+
+/** Core Fancytree module.
+ */
+
+// UMD wrapper for the Fancytree core module
+(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) {
+		// Node/CommonJS
+		require("./jquery.fancytree.ui-deps");
+		module.exports = factory(require("jquery"));
+	} else {
+		// Browser globals
+		factory(jQuery);
+	}
+})(function ($) {
+	"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",
+		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,
+		};
+
+	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);
+		}
+	}
+
+	function _hasProp(object, property) {
+		return Object.prototype.hasOwnProperty.call(object, property);
+	}
+
+	/* Replacement for the deprecated `jQuery.isFunction()`. */
+	function _isFunction(obj) {
+		return typeof obj === "function";
+	}
+
+	/* Replacement for the deprecated `jQuery.trim()`. */
+	function _trim(text) {
+		return text == null ? "" : text.trim();
+	}
+
+	/* Replacement for the deprecated `jQuery.isArray()`. */
+	var _isArray = Array.isArray;
+
+	_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;
+	}
+
+	/**
+	 * 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 = {};
+		}
+		if (i === length) {
+			throw Error("need at least two args");
+		}
+		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 (_hasProp(options, 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;
+						}
+					}
+				}
+			}
+		}
+		// Return the modified object
+		return target;
+	}
+
+	/** 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];
+				}
+			}
+		}
+	}
+
+	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 (var i = 0, l = children.length; i < l; i++) {
+				this.children.push(new FancytreeNode(this, children[i]));
+			}
+			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 = [];
+
+			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 (_hasProp(patch, name)) {
+					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 (_hasProp(patch, "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 (_hasProp(patch, "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();
+				}
+			}
+			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.tree.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);
+				}
+			});
+			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;
+			}
+			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.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.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;
+
+				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);
+
+			// 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;
+						}
+					}
+				}
+				// eslint-disable-next-line no-nested-ternary
+				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".
+		 *
+		 * (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;
+
+			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;
+			}
+			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 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 || "/";
+
+			var val,
+				path = [],
+				isFunc = _isFunction(part);
+
+			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 = 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 `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);
+
+			// 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;
+			}
+
+			for (i = 0, l = parents.length; i < l; i++) {
+				n = parents[i];
+
+				if (!n.expanded) {
+					// this.debug("isVisible: HIDDEN (parent collapsed)");
+					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);
+							}
+						}
+					}
+				}
+			}
+			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 `<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
+
+		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>", {
+			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");
+			}
+			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 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;
+			}
+			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
+		 * @param {object} [opts] additional options. Defaults to {noEvents: false, noFocus: false}
+		 * @returns {FancytreeNode} activated node (null, if not found)
+		 */
+		activateKey: function (key, opts) {
+			var node = this.getNodeByKey(key);
+			if (node) {
+				node.setActive(true, opts);
+			} else if (this.activeNode) {
+				this.activeNode.setActive(false, opts);
+			}
+			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_
+			// );
+
+			node = node || this.getActiveNode();
+			// clipboard = opts.clipboard;
+
+			switch (cmd) {
+				// Sorting and indentation:
+				case "moveUp":
+					refNode = node.getPrevSibling();
+					if (refNode) {
+						node.moveTo(refNode, "before");
+						node.setActive();
+					}
+					break;
+				case "moveDown":
+					refNode = node.getNextSibling();
+					if (refNode) {
+						node.moveTo(refNode, "after");
+						node.setActive();
+					}
+					break;
+				case "indent":
+					refNode = node.getPrevSibling();
+					if (refNode) {
+						node.moveTo(refNode, "child");
+						refNode.setExpanded();
+						node.setActive();
+					}
+					break;
+				case "outdent":
+					if (!node.isTopLevel()) {
+						node.moveTo(node.getParent(), "after");
+						node.setActive();
+					}
+					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 + "'");
+			}
+		},
+		/** (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);
+			}
+		},
+		/** 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 {
+				this.widget.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;
+			if (!!this._enableUpdate === !!flag) {
+				return flag;
+			}
+			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)...");
+			}
+			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);
+
+			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;
+				}
+			}
+			this.visitRows(_checkNode, {
+				start: startNode,
+				includeSelf: false,
+			});
+			// Wrap around search
+			if (!res && startNode !== firstNode) {
+				this.visitRows(_checkNode, {
+					start: firstNode,
+					includeSelf: true,
+				});
+			}
+			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 (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;
+						}
+					});
+					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;
+				}
+			}
+			// 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;
+		},
+		/** Return the invisible system root node.
+		 * @returns {FancytreeNode}
+		 */
+		getRootNode: function () {
+			return this.rootNode;
+		},
+		/**
+		 * 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
+			// 	);
+
+			// 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);
+			}
+		},
+		/** 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;
+			}
+			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;
+				};
+			}
+			// 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,
+				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 (_hasProp(remainMap, 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;
+				}
+				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,
+					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 {
+					$.error("Invalid source type: " + source);
+				}
+
+				// 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 (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 &&
+							_hasProp(data, "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");
+	 * var node = $("#tree").fancytree("getActiveNode");
+	 *
+	 * // RECOMMENDED: Use the Fancytree object API
+	 * var tree = $.ui.fancytree.getTree("#tree");
+	 * 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.2", // 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;
+			},
+			/** 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(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;
+			}
+			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 (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;
+					}
+				};
+			},
+			/**
+			 * 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 = [];
+
+				$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: {} };
+
+					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 (_hasProp(allData, 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;
+			},
+			/** Replacement for the deprecated `jQuery.trim()`.
+			 *
+			 * @param {string} text
+			 */
+			trim: _trim,
+			/** 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
+
+// Extending Fancytree
+// ===================
+//
+// 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
+// source code.
+// Prefix with `/*!` so the comment is not removed by the minifier.
+
+/*!
+ * jquery.fancytree.childcounter.js
+ *
+ * Add a child counter bubble to tree nodes.
+ * (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.2
+ * @date 2022-06-30T18:24:06Z
+ */
+
+// To keep the global namespace clean, we wrap everything in a closure.
+// The UMD wrapper pattern defines the dependencies on jQuery and the
+// Fancytree core module, and makes sure that we can use the `require()`
+// syntax with package loaders.
+
+(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 ($) {
+	// Consider to use [strict mode](http://ejohn.org/blog/ecmascript-5-strict-mode-json-and-more/)
+	"use strict";
+
+	// 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.
+
+	/*eslint-disable no-unused-vars */
+
+	// Adding methods
+	// --------------
+
+	// 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;
+
+		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,span.fancytree-custom-icon",
+						node.span
+					)
+				);
+			}
+			$badge.text(count);
+		} else {
+			$badge.remove();
+		}
+		if (extOpts.deep && !node.isTopLevel() && !node.isRootNode()) {
+			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](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.2",
+
+		// 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
+
+/*!
+ *
+ * jquery.fancytree.clones.js
+ * 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-2021, Martin Wendt (https://wwWendt.de)
+ *
+ * Released under the MIT license
+ * https://github.com/mar10/fancytree/wiki/LicenseInfo
+ *
+ * @version 2.38.2
+ * @date 2022-06-30T18:24:06Z
+ */
+
+(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 _assert = $.ui.fancytree.assert;
+
+	/* 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;
+	}
+
+	/**
+	 * 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;
+
+		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);
+		}
+
+		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 */
+	}
+
+	/*
+	 * 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;
+			});
+
+		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
+
+		h1 = hashMurmur3(path, true);
+		key = "id_" + h1 + hashMurmur3(h1 + path, true);
+
+		return key;
+	}
+
+	/**
+	 * [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;
+	};
+
+	/**
+	 * [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;
+					});
+				}
+			}
+			// 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;
+	};
+
+	/**
+	 * [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.38.2",
+		// 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) {
+					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);
+				}
+				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]);
+					}
+				}
+			}
+			return this._super(ctx, add, node);
+		},
+		nodeRenderStatus: function (ctx) {
+			var $span,
+				res,
+				node = ctx.node;
+
+			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");
+				}
+			}
+			return res;
+		},
+		nodeSetActive: function (ctx, flag, callOpts) {
+			var res,
+				scpn = ctx.tree.statusClassPropName,
+				node = ctx.node;
+
+			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
+
+/*!
+ * jquery.fancytree.dnd.js
+ *
+ * Drag-and-drop support (jQuery UI draggable/droppable).
+ * (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.2
+ * @date 2022-06-30T18:24:06Z
+ */
+
+(function (factory) {
+	if (typeof define === "function" && define.amd) {
+		// AMD. Register as an anonymous module.
+		define([
+			"jquery",
+			"jquery-ui/ui/widgets/draggable",
+			"jquery-ui/ui/widgets/droppable",
+			"./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 didRegisterDnd = false,
+		classDropAccept = "fancytree-drop-accept",
+		classDropAfter = "fancytree-drop-after",
+		classDropBefore = "fancytree-drop-before",
+		classDropOver = "fancytree-drop-over",
+		classDropReject = "fancytree-drop-reject",
+		classDropTarget = "fancytree-drop-target";
+
+	/* 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;
+	}
+
+	//--- Extend ui.draggable event handling --------------------------------------
+
+	function _registerDnd() {
+		if (didRegisterDnd) {
+			return;
+		}
+
+		// Register proxy-functions for draggable.start/drag/stop
+
+		$.ui.plugin.add("draggable", "connectToFancytree", {
+			start: function (event, ui) {
+				// 'draggable' was renamed to 'ui-draggable' since jQueryUI 1.10
+				var draggable =
+						$(this).data("ui-draggable") ||
+						$(this).data("draggable"),
+					sourceNode = ui.helper.data("ftSourceNode") || null;
+
+				if (sourceNode) {
+					// Adjust helper offset, so cursor is slightly outside top/left corner
+					draggable.offset.click.top = -2;
+					draggable.offset.click.left = +16;
+					// Trigger dragStart event
+					// TODO: when called as connectTo..., the return value is ignored(?)
+					return sourceNode.tree.ext.dnd._onDragEvent(
+						"start",
+						sourceNode,
+						null,
+						event,
+						ui,
+						draggable
+					);
+				}
+			},
+			drag: function (event, ui) {
+				var ctx,
+					isHelper,
+					logObject,
+					// 'draggable' was renamed to 'ui-draggable' since jQueryUI 1.10
+					draggable =
+						$(this).data("ui-draggable") ||
+						$(this).data("draggable"),
+					sourceNode = ui.helper.data("ftSourceNode") || null,
+					prevTargetNode = ui.helper.data("ftTargetNode") || null,
+					targetNode = $.ui.fancytree.getNode(event.target),
+					dndOpts = sourceNode && sourceNode.tree.options.dnd;
+
+				// logObject = sourceNode || prevTargetNode || $.ui.fancytree;
+				// logObject.debug("Drag event:", event, event.shiftKey);
+				if (event.target && !targetNode) {
+					// We got a drag event, but the targetNode could not be found
+					// at the event location. This may happen,
+					// 1. if the mouse jumped over the drag helper,
+					// 2. or if a non-fancytree element is dragged
+					// We ignore it:
+					isHelper =
+						$(event.target).closest(
+							"div.fancytree-drag-helper,#fancytree-drop-marker"
+						).length > 0;
+					if (isHelper) {
+						logObject =
+							sourceNode || prevTargetNode || $.ui.fancytree;
+						logObject.debug("Drag event over helper: ignored.");
+						return;
+					}
+				}
+				ui.helper.data("ftTargetNode", targetNode);
+
+				if (dndOpts && dndOpts.updateHelper) {
+					ctx = sourceNode.tree._makeHookContext(sourceNode, event, {
+						otherNode: targetNode,
+						ui: ui,
+						draggable: draggable,
+						dropMarker: $("#fancytree-drop-marker"),
+					});
+					dndOpts.updateHelper.call(sourceNode.tree, sourceNode, ctx);
+				}
+
+				// Leaving a tree node
+				if (prevTargetNode && prevTargetNode !== targetNode) {
+					prevTargetNode.tree.ext.dnd._onDragEvent(
+						"leave",
+						prevTargetNode,
+						sourceNode,
+						event,
+						ui,
+						draggable
+					);
+				}
+				if (targetNode) {
+					if (!targetNode.tree.options.dnd.dragDrop) {
+						// not enabled as drop target
+					} else if (targetNode === prevTargetNode) {
+						// Moving over same node
+						targetNode.tree.ext.dnd._onDragEvent(
+							"over",
+							targetNode,
+							sourceNode,
+							event,
+							ui,
+							draggable
+						);
+					} else {
+						// Entering this node first time
+						targetNode.tree.ext.dnd._onDragEvent(
+							"enter",
+							targetNode,
+							sourceNode,
+							event,
+							ui,
+							draggable
+						);
+						targetNode.tree.ext.dnd._onDragEvent(
+							"over",
+							targetNode,
+							sourceNode,
+							event,
+							ui,
+							draggable
+						);
+					}
+				}
+				// else go ahead with standard event handling
+			},
+			stop: function (event, ui) {
+				var logObject,
+					// 'draggable' was renamed to 'ui-draggable' since jQueryUI 1.10:
+					draggable =
+						$(this).data("ui-draggable") ||
+						$(this).data("draggable"),
+					sourceNode = ui.helper.data("ftSourceNode") || null,
+					targetNode = ui.helper.data("ftTargetNode") || null,
+					dropped = event.type === "mouseup" && event.which === 1;
+
+				if (!dropped) {
+					logObject = sourceNode || targetNode || $.ui.fancytree;
+					logObject.debug("Drag was cancelled");
+				}
+				if (targetNode) {
+					if (dropped) {
+						targetNode.tree.ext.dnd._onDragEvent(
+							"drop",
+							targetNode,
+							sourceNode,
+							event,
+							ui,
+							draggable
+						);
+					}
+					targetNode.tree.ext.dnd._onDragEvent(
+						"leave",
+						targetNode,
+						sourceNode,
+						event,
+						ui,
+						draggable
+					);
+				}
+				if (sourceNode) {
+					sourceNode.tree.ext.dnd._onDragEvent(
+						"stop",
+						sourceNode,
+						null,
+						event,
+						ui,
+						draggable
+					);
+				}
+			},
+		});
+
+		didRegisterDnd = true;
+	}
+
+	/******************************************************************************
+	 * Drag and drop support
+	 */
+	function _initDragAndDrop(tree) {
+		var dnd = tree.options.dnd || null,
+			glyph = tree.options.glyph || null;
+
+		// Register 'connectToFancytree' option with ui.draggable
+		if (dnd) {
+			_registerDnd();
+		}
+		// Attach ui.draggable to this Fancytree instance
+		if (dnd && dnd.dragStart) {
+			tree.widget.element.draggable(
+				$.extend(
+					{
+						addClasses: false,
+						// DT issue 244: helper should be child of scrollParent:
+						appendTo: tree.$container,
+						//			appendTo: "body",
+						containment: false,
+						//			containment: "parent",
+						delay: 0,
+						distance: 4,
+						revert: false,
+						scroll: true, // to disable, also set css 'position: inherit' on ul.fancytree-container
+						scrollSpeed: 7,
+						scrollSensitivity: 10,
+						// Delegate draggable.start, drag, and stop events to our handler
+						connectToFancytree: true,
+						// Let source tree create the helper element
+						helper: function (event) {
+							var $helper,
+								$nodeTag,
+								opts,
+								sourceNode = $.ui.fancytree.getNode(
+									event.target
+								);
+
+							if (!sourceNode) {
+								// #405, DT issue 211: might happen, if dragging a table *header*
+								return "<div>ERROR?: helper requested but sourceNode not found</div>";
+							}
+							opts = sourceNode.tree.options.dnd;
+							$nodeTag = $(sourceNode.span);
+							// Only event and node argument is available
+							$helper = $(
+								"<div class='fancytree-drag-helper'><span class='fancytree-drag-helper-img' /></div>"
+							)
+								.css({ zIndex: 3, position: "relative" }) // so it appears above ext-wide selection bar
+								.append(
+									$nodeTag
+										.find("span.fancytree-title")
+										.clone()
+								);
+
+							// Attach node reference to helper object
+							$helper.data("ftSourceNode", sourceNode);
+
+							// Support glyph symbols instead of icons
+							if (glyph) {
+								$helper
+									.find(".fancytree-drag-helper-img")
+									.addClass(
+										glyph.map._addClass +
+											" " +
+											glyph.map.dragHelper
+									);
+							}
+							// Allow to modify the helper, e.g. to add multi-node-drag feedback
+							if (opts.initHelper) {
+								opts.initHelper.call(
+									sourceNode.tree,
+									sourceNode,
+									{
+										node: sourceNode,
+										tree: sourceNode.tree,
+										originalEvent: event,
+										ui: { helper: $helper },
+									}
+								);
+							}
+							// We return an unconnected element, so `draggable` will add this
+							// to the parent specified as `appendTo` option
+							return $helper;
+						},
+						start: function (event, ui) {
+							var sourceNode = ui.helper.data("ftSourceNode");
+							return !!sourceNode; // Abort dragging if no node could be found
+						},
+					},
+					tree.options.dnd.draggable
+				)
+			);
+		}
+		// Attach ui.droppable to this Fancytree instance
+		if (dnd && dnd.dragDrop) {
+			tree.widget.element.droppable(
+				$.extend(
+					{
+						addClasses: false,
+						tolerance: "intersect",
+						greedy: false,
+						/*
+			activate: function(event, ui) {
+				tree.debug("droppable - activate", event, ui, this);
+			},
+			create: function(event, ui) {
+				tree.debug("droppable - create", event, ui);
+			},
+			deactivate: function(event, ui) {
+				tree.debug("droppable - deactivate", event, ui);
+			},
+			drop: function(event, ui) {
+				tree.debug("droppable - drop", event, ui);
+			},
+			out: function(event, ui) {
+				tree.debug("droppable - out", event, ui);
+			},
+			over: function(event, ui) {
+				tree.debug("droppable - over", event, ui);
+			}
+*/
+					},
+					tree.options.dnd.droppable
+				)
+			);
+		}
+	}
+
+	/******************************************************************************
+	 *
+	 */
+
+	$.ui.fancytree.registerExtension({
+		name: "dnd",
+		version: "2.38.2",
+		// Default options for this extension.
+		options: {
+			// Make tree nodes accept draggables
+			autoExpandMS: 1000, // Expand nodes after n milliseconds of hovering.
+			draggable: null, // Additional options passed to jQuery draggable
+			droppable: null, // Additional options passed to jQuery droppable
+			focusOnClick: false, // Focus, although draggable cancels mousedown event (#270)
+			preventVoidMoves: true, // Prevent dropping nodes 'before self', etc.
+			preventRecursiveMoves: true, // Prevent dropping nodes on own descendants
+			smartRevert: true, // set draggable.revert = true if drop was rejected
+			dropMarkerOffsetX: -24, // absolute position offset for .fancytree-drop-marker relatively to ..fancytree-title (icon/img near a node accepting drop)
+			dropMarkerInsertOffsetX: -16, // additional offset for drop-marker with hitMode = "before"/"after"
+			// Events (drag support)
+			dragStart: null, // Callback(sourceNode, data), return true, to enable dnd
+			dragStop: null, // Callback(sourceNode, data)
+			initHelper: null, // Callback(sourceNode, data)
+			updateHelper: null, // Callback(sourceNode, data)
+			// Events (drop support)
+			dragEnter: null, // Callback(targetNode, data)
+			dragOver: null, // Callback(targetNode, data)
+			dragExpand: null, // Callback(targetNode, data), return false to prevent autoExpand
+			dragDrop: null, // Callback(targetNode, data)
+			dragLeave: null, // Callback(targetNode, data)
+		},
+
+		treeInit: function (ctx) {
+			var tree = ctx.tree;
+			this._superApply(arguments);
+			// issue #270: draggable eats mousedown events
+			if (tree.options.dnd.dragStart) {
+				tree.$container.on("mousedown", function (event) {
+					//				if( !tree.hasFocus() && ctx.options.dnd.focusOnClick ) {
+					if (ctx.options.dnd.focusOnClick) {
+						// #270
+						var node = $.ui.fancytree.getNode(event);
+						if (node) {
+							node.debug(
+								"Re-enable focus that was prevented by jQuery UI draggable."
+							);
+							// node.setFocus();
+							// $(node.span).closest(":tabbable").focus();
+							// $(event.target).trigger("focus");
+							// $(event.target).closest(":tabbable").trigger("focus");
+						}
+						setTimeout(function () {
+							// #300
+							$(event.target).closest(":tabbable").focus();
+						}, 10);
+					}
+				});
+			}
+			_initDragAndDrop(tree);
+		},
+		/* Display drop marker according to hitMode ('after', 'before', 'over'). */
+		_setDndStatus: function (
+			sourceNode,
+			targetNode,
+			helper,
+			hitMode,
+			accept
+		) {
+			var markerOffsetX,
+				pos,
+				markerAt = "center",
+				instData = this._local,
+				dndOpt = this.options.dnd,
+				glyphOpt = this.options.glyph,
+				$source = sourceNode ? $(sourceNode.span) : null,
+				$target = $(targetNode.span),
+				$targetTitle = $target.find("span.fancytree-title");
+
+			if (!instData.$dropMarker) {
+				instData.$dropMarker = $(
+					"<div id='fancytree-drop-marker'></div>"
+				)
+					.hide()
+					.css({ "z-index": 1000 })
+					.prependTo($(this.$div).parent());
+				//                .prependTo("body");
+
+				if (glyphOpt) {
+					instData.$dropMarker.addClass(
+						glyphOpt.map._addClass + " " + glyphOpt.map.dropMarker
+					);
+				}
+			}
+			if (
+				hitMode === "after" ||
+				hitMode === "before" ||
+				hitMode === "over"
+			) {
+				markerOffsetX = dndOpt.dropMarkerOffsetX || 0;
+				switch (hitMode) {
+					case "before":
+						markerAt = "top";
+						markerOffsetX += dndOpt.dropMarkerInsertOffsetX || 0;
+						break;
+					case "after":
+						markerAt = "bottom";
+						markerOffsetX += dndOpt.dropMarkerInsertOffsetX || 0;
+						break;
+				}
+
+				pos = {
+					my: "left" + offsetString(markerOffsetX) + " center",
+					at: "left " + markerAt,
+					of: $targetTitle,
+				};
+				if (this.options.rtl) {
+					pos.my = "right" + offsetString(-markerOffsetX) + " center";
+					pos.at = "right " + markerAt;
+				}
+				instData.$dropMarker
+					.toggleClass(classDropAfter, hitMode === "after")
+					.toggleClass(classDropOver, hitMode === "over")
+					.toggleClass(classDropBefore, hitMode === "before")
+					.toggleClass("fancytree-rtl", !!this.options.rtl)
+					.show()
+					.position($.ui.fancytree.fixPositionOptions(pos));
+			} else {
+				instData.$dropMarker.hide();
+			}
+			if ($source) {
+				$source
+					.toggleClass(classDropAccept, accept === true)
+					.toggleClass(classDropReject, accept === false);
+			}
+			$target
+				.toggleClass(
+					classDropTarget,
+					hitMode === "after" ||
+						hitMode === "before" ||
+						hitMode === "over"
+				)
+				.toggleClass(classDropAfter, hitMode === "after")
+				.toggleClass(classDropBefore, hitMode === "before")
+				.toggleClass(classDropAccept, accept === true)
+				.toggleClass(classDropReject, accept === false);
+
+			helper
+				.toggleClass(classDropAccept, accept === true)
+				.toggleClass(classDropReject, accept === false);
+		},
+
+		/*
+		 * Handles drag'n'drop functionality.
+		 *
+		 * A standard jQuery drag-and-drop process may generate these calls:
+		 *
+		 * start:
+		 *     _onDragEvent("start", sourceNode, null, event, ui, draggable);
+		 * drag:
+		 *     _onDragEvent("leave", prevTargetNode, sourceNode, event, ui, draggable);
+		 *     _onDragEvent("over", targetNode, sourceNode, event, ui, draggable);
+		 *     _onDragEvent("enter", targetNode, sourceNode, event, ui, draggable);
+		 * stop:
+		 *     _onDragEvent("drop", targetNode, sourceNode, event, ui, draggable);
+		 *     _onDragEvent("leave", targetNode, sourceNode, event, ui, draggable);
+		 *     _onDragEvent("stop", sourceNode, null, event, ui, draggable);
+		 */
+		_onDragEvent: function (
+			eventName,
+			node,
+			otherNode,
+			event,
+			ui,
+			draggable
+		) {
+			// if(eventName !== "over"){
+			// 	this.debug("tree.ext.dnd._onDragEvent(%s, %o, %o) - %o", eventName, node, otherNode, this);
+			// }
+			var accept,
+				nodeOfs,
+				parentRect,
+				rect,
+				relPos,
+				relPos2,
+				enterResponse,
+				hitMode,
+				r,
+				opts = this.options,
+				dnd = opts.dnd,
+				ctx = this._makeHookContext(node, event, {
+					otherNode: otherNode,
+					ui: ui,
+					draggable: draggable,
+				}),
+				res = null,
+				self = this,
+				$nodeTag = $(node.span);
+
+			if (dnd.smartRevert) {
+				draggable.options.revert = "invalid";
+			}
+
+			switch (eventName) {
+				case "start":
+					if (node.isStatusNode()) {
+						res = false;
+					} else if (dnd.dragStart) {
+						res = dnd.dragStart(node, ctx);
+					}
+					if (res === false) {
+						this.debug("tree.dragStart() cancelled");
+						//draggable._clear();
+						// NOTE: the return value seems to be ignored (drag is not cancelled, when false is returned)
+						// TODO: call this._cancelDrag()?
+						ui.helper.trigger("mouseup").hide();
+					} else {
+						if (dnd.smartRevert) {
+							// #567, #593: fix revert position
+							// rect = node.li.getBoundingClientRect();
+							rect =
+								node[
+									ctx.tree.nodeContainerAttrName
+								].getBoundingClientRect();
+							parentRect = $(
+								draggable.options.appendTo
+							)[0].getBoundingClientRect();
+							draggable.originalPosition.left = Math.max(
+								0,
+								rect.left - parentRect.left
+							);
+							draggable.originalPosition.top = Math.max(
+								0,
+								rect.top - parentRect.top
+							);
+						}
+						$nodeTag.addClass("fancytree-drag-source");
+						// Register global handlers to allow cancel
+						$(document).on(
+							"keydown.fancytree-dnd,mousedown.fancytree-dnd",
+							function (event) {
+								// node.tree.debug("dnd global event", event.type, event.which);
+								if (
+									event.type === "keydown" &&
+									event.which === $.ui.keyCode.ESCAPE
+								) {
+									self.ext.dnd._cancelDrag();
+								} else if (event.type === "mousedown") {
+									self.ext.dnd._cancelDrag();
+								}
+							}
+						);
+					}
+					break;
+
+				case "enter":
+					if (
+						dnd.preventRecursiveMoves &&
+						node.isDescendantOf(otherNode)
+					) {
+						r = false;
+					} else {
+						r = dnd.dragEnter ? dnd.dragEnter(node, ctx) : null;
+					}
+					if (!r) {
+						// convert null, undefined, false to false
+						res = false;
+					} else if (Array.isArray(r)) {
+						// TODO: also accept passing an object of this format directly
+						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",
+						};
+					}
+					ui.helper.data("enterResponse", res);
+					// this.debug("helper.enterResponse: %o", res);
+					break;
+
+				case "over":
+					enterResponse = ui.helper.data("enterResponse");
+					hitMode = null;
+					if (enterResponse === false) {
+						// Don't call dragOver if onEnter returned false.
+						//                break;
+					} else if (typeof enterResponse === "string") {
+						// Use hitMode from onEnter if provided.
+						hitMode = enterResponse;
+					} else {
+						// Calculate hitMode from relative cursor position.
+						nodeOfs = $nodeTag.offset();
+						relPos = {
+							x: event.pageX - nodeOfs.left,
+							y: event.pageY - nodeOfs.top,
+						};
+						relPos2 = {
+							x: relPos.x / $nodeTag.width(),
+							y: relPos.y / $nodeTag.height(),
+						};
+
+						if (enterResponse.after && relPos2.y > 0.75) {
+							hitMode = "after";
+						} else if (
+							!enterResponse.over &&
+							enterResponse.after &&
+							relPos2.y > 0.5
+						) {
+							hitMode = "after";
+						} else if (enterResponse.before && relPos2.y <= 0.25) {
+							hitMode = "before";
+						} else if (
+							!enterResponse.over &&
+							enterResponse.before &&
+							relPos2.y <= 0.5
+						) {
+							hitMode = "before";
+						} else if (enterResponse.over) {
+							hitMode = "over";
+						}
+						// Prevent no-ops like 'before source node'
+						// TODO: these are no-ops when moving nodes, but not in copy mode
+						if (dnd.preventVoidMoves) {
+							if (node === otherNode) {
+								this.debug(
+									"    drop over source node prevented"
+								);
+								hitMode = null;
+							} else if (
+								hitMode === "before" &&
+								otherNode &&
+								node === otherNode.getNextSibling()
+							) {
+								this.debug(
+									"    drop after source node prevented"
+								);
+								hitMode = null;
+							} else if (
+								hitMode === "after" &&
+								otherNode &&
+								node === otherNode.getPrevSibling()
+							) {
+								this.debug(
+									"    drop before source node prevented"
+								);
+								hitMode = null;
+							} else if (
+								hitMode === "over" &&
+								otherNode &&
+								otherNode.parent === node &&
+								otherNode.isLastSibling()
+							) {
+								this.debug(
+									"    drop last child over own parent prevented"
+								);
+								hitMode = null;
+							}
+						}
+						//                this.debug("hitMode: %s - %s - %s", hitMode, (node.parent === otherNode), node.isLastSibling());
+						ui.helper.data("hitMode", hitMode);
+					}
+					// Auto-expand node (only when 'over' the node, not 'before', or 'after')
+					if (
+						hitMode !== "before" &&
+						hitMode !== "after" &&
+						dnd.autoExpandMS &&
+						node.hasChildren() !== false &&
+						!node.expanded &&
+						(!dnd.dragExpand || dnd.dragExpand(node, ctx) !== false)
+					) {
+						node.scheduleAction("expand", dnd.autoExpandMS);
+					}
+					if (hitMode && dnd.dragOver) {
+						// TODO: http://code.google.com/p/dynatree/source/detail?r=625
+						ctx.hitMode = hitMode;
+						res = dnd.dragOver(node, ctx);
+					}
+					accept = res !== false && hitMode !== null;
+					if (dnd.smartRevert) {
+						draggable.options.revert = !accept;
+					}
+					this._local._setDndStatus(
+						otherNode,
+						node,
+						ui.helper,
+						hitMode,
+						accept
+					);
+					break;
+
+				case "drop":
+					hitMode = ui.helper.data("hitMode");
+					if (hitMode && dnd.dragDrop) {
+						ctx.hitMode = hitMode;
+						dnd.dragDrop(node, ctx);
+					}
+					break;
+
+				case "leave":
+					// Cancel pending expand request
+					node.scheduleAction("cancel");
+					ui.helper.data("enterResponse", null);
+					ui.helper.data("hitMode", null);
+					this._local._setDndStatus(
+						otherNode,
+						node,
+						ui.helper,
+						"out",
+						undefined
+					);
+					if (dnd.dragLeave) {
+						dnd.dragLeave(node, ctx);
+					}
+					break;
+
+				case "stop":
+					$nodeTag.removeClass("fancytree-drag-source");
+					$(document).off(".fancytree-dnd");
+					if (dnd.dragStop) {
+						dnd.dragStop(node, ctx);
+					}
+					break;
+
+				default:
+					$.error("Unsupported drag event: " + eventName);
+			}
+			return res;
+		},
+
+		_cancelDrag: function () {
+			var dd = $.ui.ddmanager.current;
+			if (dd) {
+				dd.cancel();
+			}
+		},
+	});
+	// Value returned by `require('jquery.fancytree..')`
+	return $.ui.fancytree;
+}); // End of closure
+
+/*!
+ * jquery.fancytree.dnd5.js
+ *
+ * Drag-and-drop support (native HTML5).
+ * (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.2
+ * @date 2022-06-30T18:24:06Z
+ */
+
+/*
+ #TODO
+	Compatiblity when dragging between *separate* windows:
+
+		   Drag from Chrome   Edge    FF    IE11    Safari
+	  To Chrome      ok       ok      ok    NO      ?
+		 Edge        ok       ok      ok    NO      ?
+		 FF          ok       ok      ok    NO      ?
+		 IE 11       ok       ok      ok    ok      ?
+		 Safari      ?        ?       ?     ?       ok
+
+ */
+
+(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 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;
+		}
+	}
+
+	/* 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;
+	}
+
+	/* 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 (Array.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;
+	}
+
+	/* 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;
+	// }
+
+	/* 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;
+				}
+			} 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");
+		}
+		return scrolled;
+	}
+
+	/* 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 (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) {
+			hitMode = "after";
+		} else if (
+			!DRAG_ENTER_RESPONSE.over &&
+			DRAG_ENTER_RESPONSE.after &&
+			relPosY > 0.5
+		) {
+			hitMode = "after";
+		} else if (DRAG_ENTER_RESPONSE.before && relPosY <= 0.25) {
+			hitMode = "before";
+		} else if (
+			!DRAG_ENTER_RESPONSE.over &&
+			DRAG_ENTER_RESPONSE.before &&
+			relPosY <= 0.5
+		) {
+			hitMode = "before";
+		} 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 && data.dropEffect === "move") {
+			if (targetNode === sourceNode) {
+				targetNode.debug("Drop over source node prevented.");
+				hitMode = null;
+			} 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()
+			) {
+				targetNode.debug("Drop before source node prevented.");
+				hitMode = null;
+			} 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) {
+			prepareDropEffectCallback(event, data);
+			dndOpts.dragOver(targetNode, data);
+			var allowDrop = !!hitMode;
+			applyDropEffectCallback(event, data, allowDrop);
+			hitMode = data.hitMode;
+		}
+		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")
+		}
+
+		$(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;
+	}
+
+	/*
+	 * 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,
+			};
+
+		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;
+		}
+	}
+	/*
+	 * 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.2",
+		// 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
+
+/*!
+ * jquery.fancytree.edit.js
+ *
+ * Make node titles editable.
+ * (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.2
+ * @date 2022-06-30T18:24:06Z
+ */
+
+(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),
+		escapeHtml = $.ui.fancytree.escapeHtml,
+		trim = $.ui.fancytree.trim,
+		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,
+			};
+
+		// 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();
+
+		local.lastDraggableAttrValue = node.span.draggable;
+		if (local.lastDraggableAttrValue) {
+			node.span.draggable = false;
+		}
+
+		// #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.2",
+		// 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
+
+/*!
+ * jquery.fancytree.filter.js
+ *
+ * Remove or highlight tree nodes, based on a filter.
+ * (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.2
+ * @date 2022-06-30T18:24:06Z
+ */
+
+(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 KeyNoData = "__not_found__",
+		escapeHtml = $.ui.fancytree.escapeHtml,
+		exoticStartChar = "\uFFF7",
+		exoticEndChar = "\uFFF8";
+	function _escapeRegex(str) {
+		return (str + "").replace(/([.?*+^$[\]\\(){}|-])/g, "\\$1");
+	}
+
+	function extractHtmlText(s) {
+		if (s.indexOf(">") >= 0) {
+			return $("<div/>").html(s).text();
+		}
+		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 {
+			// Otherwise, Wrap the matching chars within `mark`.
+			matchingIndices.forEach(function (v) {
+				textPoses[v] = "<mark>" + textPoses[v] + "</mark>";
+			});
+		}
+		// Join back the modified `textPoses` to create final highlight markup.
+		return textPoses.join("");
+	}
+	$.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;
+
+		// 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 {
+				match = _escapeRegex(filter); // make sure a '.' is treated literally
+			}
+			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;
+			};
+		}
+
+		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");
+		}
+		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();
+		}
+
+		// 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) {
+					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);
+			}
+		});
+		treeOpts.autoCollapse = prevAutoCollapse;
+
+		if (count === 0 && opts.nodata && hideMode) {
+			statusNode = opts.nodata;
+			if (typeof statusNode === "function") {
+				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.2",
+		// 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;
+		},
+	});
+	// Value returned by `require('jquery.fancytree..')`
+	return $.ui.fancytree;
+}); // End of closure
+
+/*!
+ * jquery.fancytree.glyph.js
+ *
+ * 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-2021, Martin Wendt (https://wwWendt.de)
+ *
+ * Released under the MIT license
+ * https://github.com/mar10/fancytree/wiki/LicenseInfo
+ *
+ * @version 2.38.2
+ * @date 2022-06-30T18:24:06Z
+ */
+
+(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 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",
+			},
+			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",
+			},
+			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 || "");
+
+		// #871 Allow a callback
+		if (typeof icon === "function") {
+			icon = icon.call(this, node, span, type);
+		}
+		// 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
+			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 {
+				span.innerHTML = "";
+			}
+			$span
+				.attr("class", setClass + " " + (icon.addClass || ""))
+				.append($counter);
+		}
+	}
+
+	$.ui.fancytree.registerExtension({
+		name: "glyph",
+		version: "2.38.2",
+		// 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
+
+/*!
+ * jquery.fancytree.gridnav.js
+ *
+ * Support keyboard navigation for trees with embedded input controls.
+ * (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.2
+ * @date 2022-06-30T18:24:06Z
+ */
+
+(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) {
+		// Node/CommonJS
+		require("./jquery.fancytree.table"); // core + table
+		module.exports = factory(require("jquery"));
+	} else {
+		// Browser globals
+		factory(jQuery);
+	}
+})(function ($) {
+	"use strict";
+
+	/*******************************************************************************
+	 * Private functions and variables
+	 */
+
+	// 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.38.2",
+		// 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
+
+/*!
+ * 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.2
+ * @date 2022-06-30T18:24:06Z
+ */
+
+(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.2",
+		// 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
+
+/*!
+ * jquery.fancytree.persist.js
+ *
+ * Persist tree status in cookiesRemove or highlight tree nodes, based on a filter.
+ * (Extension module for jquery.fancytree.js: https://github.com/mar10/fancytree/)
+ *
+ * @depends: js-cookie or jquery-cookie
+ *
+ * Copyright (c) 2008-2021, Martin Wendt (https://wwWendt.de)
+ *
+ * Released under the MIT license
+ * https://github.com/mar10/fancytree/wiki/LicenseInfo
+ *
+ * @version 2.38.2
+ * @date 2022-06-30T18:24:06Z
+ */
+
+(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";
+	/* 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);
+	}
+
+	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);
+	}
+
+	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(key, value, this.options.persist.cookie);
+			},
+			remove: $.removeCookie,
+		};
+	}
+
+	/* 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));
+					} else {
+						deferredList.push(node.load());
+					}
+				} else {
+					tree.debug("_loadLazyNodes: " + node + " already loaded.");
+					node.setExpanded(true, expandOpts);
+				}
+			} 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);
+					}
+				}
+				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);
+		}
+		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] 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 = {};
+
+		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.38.2",
+		// 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",
+		},
+
+		/* 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
+					);
+				} 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
+									);
+								}
+							}
+						}
+						// 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,
+								});
+							}
+						}
+					}
+					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, {});
+				});
+			});
+			// 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;
+					});
+					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
+
+/*!
+ * jquery.fancytree.table.js
+ *
+ * Render tree as table (aka 'tree grid', 'table tree').
+ * (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.2
+ * @date 2022-06-30T18:24:06Z
+ */
+
+(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 _assert = $.ui.fancytree.assert;
+
+	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;
+				}
+				prev = last;
+			}
+		} else {
+			// if there is no preceding sibling, use the direct parent
+			prev = parent;
+		}
+		return prev;
+	}
+
+	$.ui.fancytree.registerExtension({
+		name: "table",
+		version: "2.38.2",
+		// 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 {
+					$.error(
+						"The 'customStatus' option is deprecated since v2.15.0. Use 'renderStatusColumns' only instead."
+					);
+				}
+			}
+			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
+			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;
+				}
+			});
+		},
+		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);
+				}
+				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();
+
+			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;
+		},
+		nodeRenderStatus: function (ctx) {
+			var indent,
+				node = ctx.node,
+				opts = ctx.options;
+
+			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;
+
+			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,
+				});
+
+			callOpts = callOpts || {};
+
+			function _afterExpand(ok, args) {
+				// ctx.tree.info("ok:" + ok, args);
+				if (ok) {
+					// #1108 minExpandLevel: 2 together with table extension does not work
+					// don't call when 'ok' is false:
+					setChildRowVisibility(ctx.node, flag);
+					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.rejectWith(ctx.node);
+				}
+			}
+			// Call base-expand with disabled events and animation
+			this._super(ctx, flag, subOpts)
+				.done(function () {
+					_afterExpand(true, arguments);
+				})
+				.fail(function () {
+					_afterExpand(false, arguments);
+				});
+			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);
+		},
+		/*,
+	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
+
+/*!
+ * jquery.fancytree.themeroller.js
+ *
+ * Enable jQuery UI ThemeRoller styles.
+ * (Extension module for jquery.fancytree.js: https://github.com/mar10/fancytree/)
+ *
+ * @see http://jqueryui.com/themeroller/
+ *
+ * Copyright (c) 2008-2021, Martin Wendt (https://wwWendt.de)
+ *
+ * Released under the MIT license
+ * https://github.com/mar10/fancytree/wiki/LicenseInfo
+ *
+ * @version 2.38.2
+ * @date 2022-06-30T18:24:06Z
+ */
+
+(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";
+
+	/*******************************************************************************
+	 * Extension code
+	 */
+	$.ui.fancytree.registerExtension({
+		name: "themeroller",
+		version: "2.38.2",
+		// 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"
+		},
+
+		treeInit: function (ctx) {
+			var $el = ctx.widget.element,
+				opts = ctx.options.themeroller;
+
+			this._superApply(arguments);
+
+			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");
+			}
+
+			$el.on(
+				"mouseenter mouseleave",
+				".fancytree-node",
+				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);
+			/*
+		.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.
+
+		.ui-state-default: Class to be applied to clickable button-like elements. Applies "clickable default" container styles to an element and its child text, links, and icons.
+		.ui-state-hover: Class to be applied on mouseover to clickable button-like elements. Applies "clickable hover" container styles to an element and its child text, links, and icons.
+		.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
+
+/*!
+ * jquery.fancytree.wide.js
+ * Support for 100% wide selection bars.
+ * (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.2
+ * @date 2022-06-30T18:24:06Z
+ */
+
+(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";
+
+	var reNumUnit = /^([+-]?(?:\d+|\d*\.\d+))([a-z]*|%)$/; // split "1.5em" to ["1.5", "em"]
+
+	/*******************************************************************************
+	 * Private functions and variables
+	 */
+	// var _assert = $.ui.fancytree.assert;
+
+	/* 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.38.2",
+		// 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;
+
+			// 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
+				);
+				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
diff --git a/public/js/viewtree/jquery.fancytree-all.min.js b/public/js/viewtree/jquery.fancytree-all.min.js
new file mode 100644
index 0000000..45215ac
--- /dev/null
+++ b/public/js/viewtree/jquery.fancytree-all.min.js
@@ -0,0 +1,62 @@
+/*! jQuery Fancytree Plugin - 2.38.2 - 2022-06-30T18:24:06Z
+  * https://github.com/mar10/fancytree
+  * Copyright (c) 2022 Martin Wendt; Licensed MIT
+ */
+(function( factory ) {
+	if ( typeof define === "function" && define.amd ) {
+		// AMD. Register as an anonymous module.
+		define( [
+			"jquery",
+			"jquery-ui/ui/widgets/mouse",
+			"jquery-ui/ui/widgets/draggable",
+			"jquery-ui/ui/widgets/droppable",
+			"jquery-ui/ui/effects/effect-blind",
+			"jquery-ui/ui/data",
+			"jquery-ui/ui/effect",
+			"jquery-ui/ui/focusable",
+			"jquery-ui/ui/keycode",
+			"jquery-ui/ui/position",
+			"jquery-ui/ui/scroll-parent",
+			"jquery-ui/ui/tabbable",
+			"jquery-ui/ui/unique-id",
+			"jquery-ui/ui/widget"
+		], factory );
+	} else if ( typeof module === "object" && module.exports ) {
+		// Node/CommonJS
+		module.exports = factory(require("jquery"));
+	} else {
+		// Browser globals
+		factory( jQuery );
+	}
+}(function( $ ) {
+
+!function(e){"function"==typeof define&&define.amd?define(["jquery","./jquery.fancytree.ui-deps"],e):"object"==typeof module&&module.exports?(require("./jquery.fancytree.ui-deps"),module.exports=e(require("jquery"))):e(jQuery)}(function(k){"use strict";if(!k.ui||!k.ui.fancytree){for(var e,h=null,c=new RegExp(/\.|\//),t=/[&<>"'/]/g,n=/[<>"'/]/g,f="$recursive_request",p="$request_target_invalid",i={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;","/":"&#x2F;"},r={16:!0,17:!0,18:!0},u={8:"backspace",9:"tab",10:"return",13:"return",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:"'"},g={16:"shift",17:"ctrl",18:"alt",91:"meta",93:"meta"},o={0:"",1:"left",2:"middle",3:"right"},v="active expanded focus folder lazy radiogroup selected unselectable unselectableIgnore".split(" "),y={},b="columns types".split(" "),m="checkbox expanded extraClasses folder icon iconTooltip key lazy partsel radiogroup refKey selected statusNodeType title tooltip type unselectable unselectableIgnore unselectableStatus".split(" "),s={},x={},a={active:!0,children:!0,data:!0,focus:!0},l=0;l<v.length;l++)y[v[l]]=!0;for(l=0;l<m.length;l++)e=m[l],s[e]=!0,e!==e.toLowerCase()&&(x[e.toLowerCase()]=e);var N=Array.isArray;return _(k.ui,"Fancytree requires jQuery UI (http://jqueryui.com)"),Date.now||(Date.now=function(){return(new Date).getTime()}),I.prototype={_findDirectChild:function(e){var t,n,i=this.children;if(i)if("string"==typeof e){for(t=0,n=i.length;t<n;t++)if(i[t].key===e)return i[t]}else{if("number"==typeof e)return this.children[e];if(e.parent===this)return e}return null},_setChildren:function(e){_(e&&(!this.children||0===this.children.length),"only init supported"),this.children=[];for(var t=0,n=e.length;t<n;t++)this.children.push(new I(this,e[t]));this.tree._callHook("treeStructureChanged",this.tree,"setChildren")},addChildren:function(e,t){var n,i,r,o,s=this.getFirstChild(),a=this.getLastChild(),l=[];for(k.isPlainObject(e)&&(e=[e]),this.children||(this.children=[]),n=0,i=e.length;n<i;n++)l.push(new I(this,e[n]));if(o=l[0],null==t?this.children=this.children.concat(l):(t=this._findDirectChild(t),_(0<=(r=k.inArray(t,this.children)),"insertBefore must be an existing child"),this.children.splice.apply(this.children,[r,0].concat(l))),s&&!t){for(n=0,i=l.length;n<i;n++)l[n].render();s!==this.getFirstChild()&&s.renderStatus(),a!==this.getLastChild()&&a.renderStatus()}else this.parent&&!this.parent.ul&&!this.tr||this.render();return 3===this.tree.options.selectMode&&this.fixSelection3FromEndNodes(),this.triggerModifyChild("add",1===l.length?l[0]:null),o},addClass:function(e){return this.toggleClass(e,!0)},addNode:function(e,t){switch(t=void 0===t||"over"===t?"child":t){case"after":return this.getParent().addChildren(e,this.getNextSibling());case"before":return this.getParent().addChildren(e,this);case"firstChild":var n=this.children?this.children[0]:null;return this.addChildren(e,n);case"child":case"over":return this.addChildren(e)}_(!1,"Invalid mode: "+t)},addPagingNode:function(e,t){var n,i;if(t=t||"child",!1!==e)return e=k.extend({title:this.tree.options.strings.moreData,statusNodeType:"paging",icon:!1},e),this.partload=!0,this.addNode(e,t);for(n=this.children.length-1;0<=n;n--)"paging"===(i=this.children[n]).statusNodeType&&this.removeChild(i);this.partload=!1},appendSibling:function(e){return this.addNode(e,"after")},applyCommand:function(e,t){return this.tree.applyCommand(e,this,t)},applyPatch:function(e){if(null===e)return this.remove(),T(this);var t,n,i={children:!0,expanded:!0,parent:!0};for(t in e)C(e,t)&&(n=e[t],i[t]||w(n)||(s[t]?this[t]=n:this.data[t]=n));return C(e,"children")&&(this.removeChildren(),e.children&&this._setChildren(e.children)),this.isVisible()&&(this.renderTitle(),this.renderStatus()),C(e,"expanded")?this.setExpanded(e.expanded):T(this)},collapseSiblings:function(){return this.tree._callHook("nodeCollapseSiblings",this)},copyTo:function(e,t,n){return e.addNode(this.toDict(!0,n),t)},countChildren:function(e){var t,n,i,r=this.children;if(!r)return 0;if(i=r.length,!1!==e)for(t=0,n=i;t<n;t++)i+=r[t].countChildren();return i},debug:function(e){4<=this.tree.options.debugLevel&&(Array.prototype.unshift.call(arguments,this.toString()),d("log",arguments))},discard:function(){return this.warn("FancytreeNode.discard() is deprecated since 2014-02-16. Use .resetLazy() instead."),this.resetLazy()},discardMarkup:function(e){this.tree._callHook(e?"nodeRemoveMarkup":"nodeRemoveChildMarkup",this)},error:function(e){1<=this.tree.options.debugLevel&&(Array.prototype.unshift.call(arguments,this.toString()),d("error",arguments))},findAll:function(t){t=w(t)?t:R(t);var n=[];return this.visit(function(e){t(e)&&n.push(e)}),n},findFirst:function(t){t=w(t)?t:R(t);var n=null;return this.visit(function(e){if(t(e))return n=e,!1}),n},findRelatedNode:function(e,t){return this.tree.findRelatedNode(this,e,t)},_changeSelectStatusAttrs:function(e){var t=!1,n=this.tree.options,i=h.evalOption("unselectable",this,this,n,!1),n=h.evalOption("unselectableStatus",this,this,n,void 0);switch(e=i&&null!=n?n:e){case!1:t=this.selected||this.partsel,this.selected=!1,this.partsel=!1;break;case!0:t=!this.selected||!this.partsel,this.selected=!0,this.partsel=!0;break;case void 0:t=this.selected||!this.partsel,this.selected=!1,this.partsel=!0;break;default:_(!1,"invalid state: "+e)}return t&&this.renderStatus(),t},fixSelection3AfterClick:function(e){var t=this.isSelected();this.visit(function(e){if(e._changeSelectStatusAttrs(t),e.radiogroup)return"skip"}),this.fixSelection3FromEndNodes(e)},fixSelection3FromEndNodes:function(e){var u=this.tree.options;_(3===u.selectMode,"expected selectMode 3"),function e(t){var n,i,r,o,s,a,l,d,c=t.children;if(c&&c.length){for(l=!(a=!0),n=0,i=c.length;n<i;n++)o=e(r=c[n]),h.evalOption("unselectableIgnore",r,r,u,!1)||(!1!==o&&(l=!0),!0!==o&&(a=!1));s=!!a||!!l&&void 0}else s=null==(d=h.evalOption("unselectableStatus",t,t,u,void 0))?!!t.selected:!!d;return t.partsel&&!t.selected&&t.lazy&&null==t.children&&(s=void 0),t._changeSelectStatusAttrs(s),s}(this),this.visitParents(function(e){for(var t,n,i,r=e.children,o=!0,s=!1,a=0,l=r.length;a<l;a++)t=r[a],h.evalOption("unselectableIgnore",t,t,u,!1)||(((n=null==(i=h.evalOption("unselectableStatus",t,t,u,void 0))?!!t.selected:!!i)||t.partsel)&&(s=!0),n||(o=!1));e._changeSelectStatusAttrs(n=!!o||!!s&&void 0)})},fromDict:function(e){for(var t in e)s[t]?this[t]=e[t]:"data"===t?k.extend(this.data,e.data):w(e[t])||a[t]||(this.data[t]=e[t]);e.children&&(this.removeChildren(),this.addChildren(e.children)),this.renderTitle()},getChildren:function(){if(void 0!==this.hasChildren())return this.children},getFirstChild:function(){return this.children?this.children[0]:null},getIndex:function(){return k.inArray(this,this.parent.children)},getIndexHier:function(e,n){e=e||".";var i,r=[];return k.each(this.getParentList(!1,!0),function(e,t){i=""+(t.getIndex()+1),n&&(i=("0000000"+i).substr(-n)),r.push(i)}),r.join(e)},getKeyPath:function(e){var t=this.tree.options.keyPathSeparator;return t+this.getPath(!e,"key",t)},getLastChild:function(){return this.children?this.children[this.children.length-1]:null},getLevel:function(){for(var e=0,t=this.parent;t;)e++,t=t.parent;return e},getNextSibling:function(){if(this.parent)for(var e=this.parent.children,t=0,n=e.length-1;t<n;t++)if(e[t]===this)return e[t+1];return null},getParent:function(){return this.parent},getParentList:function(e,t){for(var n=[],i=t?this:this.parent;i;)(e||i.parent)&&n.unshift(i),i=i.parent;return n},getPath:function(e,t,n){n=n||"/";var i,r=[],o=w(t=t||"title");return this.visitParents(function(e){e.parent&&(i=o?t(e):e[t],r.unshift(i))},e=!1!==e),r.join(n)},getPrevSibling:function(){if(this.parent)for(var e=this.parent.children,t=1,n=e.length;t<n;t++)if(e[t]===this)return e[t-1];return null},getSelectedNodes:function(t){var n=[];return this.visit(function(e){if(e.selected&&(n.push(e),!0===t))return"skip"}),n},hasChildren:function(){return this.lazy?null==this.children?void 0:0!==this.children.length&&(1!==this.children.length||!this.children[0].isStatusNode()||void 0):!(!this.children||!this.children.length)},hasClass:function(e){return 0<=(" "+(this.extraClasses||"")+" ").indexOf(" "+e+" ")},hasFocus:function(){return this.tree.hasFocus()&&this.tree.focusNode===this},info:function(e){3<=this.tree.options.debugLevel&&(Array.prototype.unshift.call(arguments,this.toString()),d("info",arguments))},isActive:function(){return this.tree.activeNode===this},isBelowOf:function(e){return this.getIndexHier(".",5)>e.getIndexHier(".",5)},isChildOf:function(e){return this.parent&&this.parent===e},isDescendantOf:function(e){if(!e||e.tree!==this.tree)return!1;for(var t=this.parent;t;){if(t===e)return!0;t===t.parent&&k.error("Recursive parent link: "+t),t=t.parent}return!1},isExpanded:function(){return!!this.expanded},isFirstSibling:function(){var e=this.parent;return!e||e.children[0]===this},isFolder:function(){return!!this.folder},isLastSibling:function(){var e=this.parent;return!e||e.children[e.children.length-1]===this},isLazy:function(){return!!this.lazy},isLoaded:function(){return!this.lazy||void 0!==this.hasChildren()},isLoading:function(){return!!this._isLoading},isRoot:function(){return this.isRootNode()},isPartsel:function(){return!this.selected&&!!this.partsel},isPartload:function(){return!!this.partload},isRootNode:function(){return this.tree.rootNode===this},isSelected:function(){return!!this.selected},isStatusNode:function(){return!!this.statusNodeType},isPagingNode:function(){return"paging"===this.statusNodeType},isTopLevel:function(){return this.tree.rootNode===this.parent},isUndefined:function(){return void 0===this.hasChildren()},isVisible:function(){var e,t,n=this.tree.enableFilter,i=this.getParentList(!1,!1);if(n&&!this.match&&!this.subMatchCount)return!1;for(e=0,t=i.length;e<t;e++)if(!i[e].expanded)return!1;return!0},lazyLoad:function(e){k.error("FancytreeNode.lazyLoad() is deprecated since 2014-02-16. Use .load() instead.")},load:function(e){var t=this,n=this.isExpanded();return _(this.isLazy(),"load() requires a lazy node"),e||this.isUndefined()?(this.isLoaded()&&this.resetLazy(),!1===(e=this.tree._triggerNodeEvent("lazyLoad",this))?T(this):(_("boolean"!=typeof e,"lazyLoad event must return source in data.result"),e=this.tree._callHook("nodeLoadChildren",this,e),n?(this.expanded=!0,e.always(function(){t.render()})):e.always(function(){t.renderStatus()}),e)):T(this)},makeVisible:function(e){for(var t=this,n=[],i=new k.Deferred,r=this.getParentList(!1,!1),o=r.length,s=!(e&&!0===e.noAnimation),a=!(e&&!1===e.scrollIntoView),l=o-1;0<=l;l--)n.push(r[l].setExpanded(!0,e));return k.when.apply(k,n).done(function(){a?t.scrollIntoView(s).done(function(){i.resolve()}):i.resolve()}),i.promise()},moveTo:function(t,e,n){void 0===e||"over"===e?e="child":"firstChild"===e&&(t.children&&t.children.length?(e="before",t=t.children[0]):e="child");var i,r=this.tree,o=this.parent,s="child"===e?t:t.parent;if(this!==t){if(this.parent?s.isDescendantOf(this)&&k.error("Cannot move a node to its own descendant"):k.error("Cannot move system root"),s!==o&&o.triggerModifyChild("remove",this),1===this.parent.children.length){if(this.parent===s)return;this.parent.children=this.parent.lazy?[]:null,this.parent.expanded=!1}else _(0<=(i=k.inArray(this,this.parent.children)),"invalid source parent"),this.parent.children.splice(i,1);if((this.parent=s).hasChildren())switch(e){case"child":s.children.push(this);break;case"before":_(0<=(i=k.inArray(t,s.children)),"invalid target parent"),s.children.splice(i,0,this);break;case"after":_(0<=(i=k.inArray(t,s.children)),"invalid target parent"),s.children.splice(i+1,0,this);break;default:k.error("Invalid mode "+e)}else s.children=[this];n&&t.visit(n,!0),s===o?s.triggerModifyChild("move",this):s.triggerModifyChild("add",this),r!==t.tree&&(this.warn("Cross-tree moveTo is experimental!"),this.visit(function(e){e.tree=t.tree},!0)),r._callHook("treeStructureChanged",r,"moveTo"),o.isDescendantOf(s)||o.render(),s.isDescendantOf(o)||s===o||s.render()}},navigate:function(e,t){var n=k.ui.keyCode;switch(e){case"left":case n.LEFT:if(this.expanded)return this.setExpanded(!1);break;case"right":case n.RIGHT:if(!this.expanded&&(this.children||this.lazy))return this.setExpanded()}if(n=this.findRelatedNode(e)){try{n.makeVisible({scrollIntoView:!1})}catch(e){}return!1===t?(n.setFocus(),T()):n.setActive()}return this.warn("Could not find related node '"+e+"'."),T()},remove:function(){return this.parent.removeChild(this)},removeChild:function(e){return this.tree._callHook("nodeRemoveChild",this,e)},removeChildren:function(){return this.tree._callHook("nodeRemoveChildren",this)},removeClass:function(e){return this.toggleClass(e,!1)},render:function(e,t){return this.tree._callHook("nodeRender",this,e,t)},renderTitle:function(){return this.tree._callHook("nodeRenderTitle",this)},renderStatus:function(){return this.tree._callHook("nodeRenderStatus",this)},replaceWith:function(e){var n=this.parent,i=k.inArray(this,n.children),r=this;return _(this.isPagingNode(),"replaceWith() currently requires a paging status node"),(e=this.tree._callHook("nodeLoadChildren",this,e)).done(function(e){var t=r.children;for(l=0;l<t.length;l++)t[l].parent=n;n.children.splice.apply(n.children,[i+1,0].concat(t)),r.children=null,r.remove(),n.render()}).fail(function(){r.setExpanded()}),e},resetLazy:function(){this.removeChildren(),this.expanded=!1,this.lazy=!0,this.children=void 0,this.renderStatus()},scheduleAction:function(e,t){this.tree.timer&&(clearTimeout(this.tree.timer),this.tree.debug("clearTimeout(%o)",this.tree.timer)),this.tree.timer=null;var n=this;switch(e){case"cancel":break;case"expand":this.tree.timer=setTimeout(function(){n.tree.debug("setTimeout: trigger expand"),n.setExpanded(!0)},t);break;case"activate":this.tree.timer=setTimeout(function(){n.tree.debug("setTimeout: trigger activate"),n.setActive(!0)},t);break;default:k.error("Invalid mode "+e)}},scrollIntoView:function(e,t){if(void 0!==t&&((p=t).tree&&void 0!==p.statusNodeType))throw Error("scrollIntoView() with 'topNode' option is deprecated since 2014-05-08. Use 'options.topNode' instead.");var n=k.extend({effects:!0===e?{duration:200,queue:!1}:e,scrollOfs:this.tree.options.scrollOfs,scrollParent:this.tree.options.scrollParent,topNode:null},t),i=n.scrollParent,r=this.tree.$container,o=r.css("overflow-y");i?i.jquery||(i=k(i)):i=!this.tree.tbody&&("scroll"===o||"auto"===o)?r:r.scrollParent(),i[0]!==document&&i[0]!==document.body||(this.debug("scrollIntoView(): normalizing scrollParent to 'window':",i[0]),i=k(window));var s,a,l=new k.Deferred,d=this,c=k(this.span).height(),u=n.scrollOfs.top||0,h=n.scrollOfs.bottom||0,f=i.height(),p=i.scrollTop(),e=i,t=i[0]===window,o=n.topNode||null,r=null;return this.isRootNode()||!this.isVisible()?(this.info("scrollIntoView(): node is invisible."),T()):(t?(a=k(this.span).offset().top,s=o&&o.span?k(o.span).offset().top:0,e=k("html,body")):(_(i[0]!==document&&i[0]!==document.body,"scrollParent should be a simple element or `window`, not document or body."),t=i.offset().top,a=k(this.span).offset().top-t+p,s=o?k(o.span).offset().top-t+p:0,f-=Math.max(0,i.innerHeight()-i[0].clientHeight)),a<p+u?r=a-u:p+f-h<a+c&&(r=a+c-f+h,o&&(_(o.isRootNode()||o.isVisible(),"topNode must be visible"),s<r&&(r=s-u))),null===r?l.resolveWith(this):n.effects?(n.effects.complete=function(){l.resolveWith(d)},e.stop(!0).animate({scrollTop:r},n.effects)):(e[0].scrollTop=r,l.resolveWith(this)),l.promise())},setActive:function(e,t){return this.tree._callHook("nodeSetActive",this,e,t)},setExpanded:function(e,t){return this.tree._callHook("nodeSetExpanded",this,e,t)},setFocus:function(e){return this.tree._callHook("nodeSetFocus",this,e)},setSelected:function(e,t){return this.tree._callHook("nodeSetSelected",this,e,t)},setStatus:function(e,t,n){return this.tree._callHook("nodeSetStatus",this,e,t,n)},setTitle:function(e){this.title=e,this.renderTitle(),this.triggerModify("rename")},sortChildren:function(e,t){var n,i,r=this.children;if(r){if(r.sort(e=e||function(e,t){e=e.title.toLowerCase(),t=t.title.toLowerCase();return e===t?0:t<e?1:-1}),t)for(n=0,i=r.length;n<i;n++)r[n].children&&r[n].sortChildren(e,"$norender$");"$norender$"!==t&&this.render(),this.triggerModifyChild("sort")}},toDict:function(e,t){var n,i,r,o,s={},a=this;if(k.each(m,function(e,t){!a[t]&&!1!==a[t]||(s[t]=a[t])}),k.isEmptyObject(this.data)||(s.data=k.extend({},this.data),k.isEmptyObject(s.data)&&delete s.data),t){if(!1===(o=t(s,a)))return!1;"skip"===o&&(e=!1)}if(e&&N(this.children))for(s.children=[],n=0,i=this.children.length;n<i;n++)(r=this.children[n]).isStatusNode()||!1!==(o=r.toDict(!0,t))&&s.children.push(o);return s},toggleClass:function(e,t){var n,i,r=e.match(/\S+/g)||[],o=0,s=!1,a=this[this.tree.statusClassPropName],l=" "+(this.extraClasses||"")+" ";for(a&&k(a).toggleClass(e,t);n=r[o++];)if(i=0<=l.indexOf(" "+n+" "),t=void 0===t?!i:!!t)i||(l+=n+" ",s=!0);else for(;-1<l.indexOf(" "+n+" ");)l=l.replace(" "+n+" "," ");return this.extraClasses=S(l),s},toggleExpanded:function(){return this.tree._callHook("nodeToggleExpanded",this)},toggleSelected:function(){return this.tree._callHook("nodeToggleSelected",this)},toString:function(){return"FancytreeNode@"+this.key+"[title='"+this.title+"']"},triggerModifyChild:function(e,t,n){var i=this.tree.options.modifyChild;i&&(t&&t.parent!==this&&k.error("childNode "+t+" is not a child of "+this),t={node:this,tree:this.tree,operation:e,childNode:t||null},n&&k.extend(t,n),i({type:"modifyChild"},t))},triggerModify:function(e,t){this.parent.triggerModifyChild(e,this,t)},visit:function(e,t){var n,i,r=!0,o=this.children;if(!0===t&&(!1===(r=e(this))||"skip"===r))return r;if(o)for(n=0,i=o.length;n<i&&!1!==(r=o[n].visit(e,!0));n++);return r},visitAndLoad:function(n,e,t){var i,r,o,s=this;return!n||!0!==e||!1!==(r=n(s))&&"skip"!==r?s.children||s.lazy?(i=new k.Deferred,o=[],s.load().done(function(){for(var e=0,t=s.children.length;e<t;e++){if(!1===(r=s.children[e].visitAndLoad(n,!0,!0))){i.reject();break}"skip"!==r&&o.push(r)}k.when.apply(this,o).then(function(){i.resolve()})}),i.promise()):T():t?r:T()},visitParents:function(e,t){if(t&&!1===e(this))return!1;for(var n=this.parent;n;){if(!1===e(n))return!1;n=n.parent}return!0},visitSiblings:function(e,t){for(var n,i=this.parent.children,r=0,o=i.length;r<o;r++)if(n=i[r],(t||n!==this)&&!1===e(n))return!1;return!0},warn:function(e){2<=this.tree.options.debugLevel&&(Array.prototype.unshift.call(arguments,this.toString()),d("warn",arguments))}},F.prototype={_makeHookContext:function(e,t,n){var i,r;return void 0!==e.node?(t&&e.originalEvent!==t&&k.error("invalid args"),i=e):e.tree?i={node:e,tree:r=e.tree,widget:r.widget,options:r.widget.options,originalEvent:t,typeInfo:r.types[e.type]||{}}:e.widget?i={node:null,tree:e,widget:e.widget,options:e.widget.options,originalEvent:t}:k.error("invalid args"),n&&k.extend(i,n),i},_callHook:function(e,t,n){var i=this._makeHookContext(t),r=this[e],t=Array.prototype.slice.call(arguments,2);return w(r)||k.error("_callHook('"+e+"') is not a function"),t.unshift(i),r.apply(this,t)},_setExpiringValue:function(e,t,n){this._tempCache[e]={value:t,expire:Date.now()+(+n||50)}},_getExpiringValue:function(e){var t=this._tempCache[e];return t&&t.expire>Date.now()?t.value:(delete this._tempCache[e],null)},_usesExtension:function(e){return 0<=k.inArray(e,this.options.extensions)},_requireExtension:function(e,t,n,i){null!=n&&(n=!!n);var r=this._local.name,o=this.options.extensions,s=k.inArray(e,o)<k.inArray(r,o),o=t&&null==this.ext[e],s=!o&&null!=n&&n!==s;return _(r&&r!==e,"invalid or same name '"+r+"' (require yourself?)"),!o&&!s||(i||(o||t?(i="'"+r+"' extension requires '"+e+"'",s&&(i+=" to be registered "+(n?"before":"after")+" itself")):i="If used together, `"+e+"` must be registered "+(n?"before":"after")+" `"+r+"`"),k.error(i),!1)},activateKey:function(e,t){e=this.getNodeByKey(e);return e?e.setActive(!0,t):this.activeNode&&this.activeNode.setActive(!1,t),e},addPagingNode:function(e,t){return this.rootNode.addPagingNode(e,t)},applyCommand:function(e,t,n){var i;switch(t=t||this.getActiveNode(),e){case"moveUp":(i=t.getPrevSibling())&&(t.moveTo(i,"before"),t.setActive());break;case"moveDown":(i=t.getNextSibling())&&(t.moveTo(i,"after"),t.setActive());break;case"indent":(i=t.getPrevSibling())&&(t.moveTo(i,"child"),i.setExpanded(),t.setActive());break;case"outdent":t.isTopLevel()||(t.moveTo(t.getParent(),"after"),t.setActive());break;case"remove":i=t.getPrevSibling()||t.getParent(),t.remove(),i&&i.setActive();break;case"addChild":t.editCreateNode("child","");break;case"addSibling":t.editCreateNode("after","");break;case"rename":t.editStart();break;case"down":case"first":case"last":case"left":case"parent":case"right":case"up":return t.navigate(e);default:k.error("Unhandled command: '"+e+"'")}},applyPatch:function(e){for(var t,n,i,r,o=e.length,s=[],a=0;a<o;a++)_(2===(t=e[a]).length,"patchList must be an array of length-2-arrays"),n=t[0],i=t[1],(r=null===n?this.rootNode:this.getNodeByKey(n))?(t=new k.Deferred,s.push(t),r.applyPatch(i).always(A(t,r))):this.warn("could not find node with key '"+n+"'");return k.when.apply(k,s).promise()},clear:function(e){this._callHook("treeClear",this)},count:function(){return this.rootNode.countChildren()},debug:function(e){4<=this.options.debugLevel&&(Array.prototype.unshift.call(arguments,this.toString()),d("log",arguments))},destroy:function(){this.widget.destroy()},enable:function(e){!1===e?this.widget.disable():this.widget.enable()},enableUpdate:function(e){return!!this._enableUpdate==!!(e=!1!==e)?e:((this._enableUpdate=e)?(this.debug("enableUpdate(true): redraw "),this._callHook("treeStructureChanged",this,"enableUpdate"),this.render()):this.debug("enableUpdate(false)..."),!e)},error:function(e){1<=this.options.debugLevel&&(Array.prototype.unshift.call(arguments,this.toString()),d("error",arguments))},expandAll:function(t,n){var e=this.enableUpdate(!1);t=!1!==t,this.visit(function(e){!1!==e.hasChildren()&&e.isExpanded()!==t&&e.setExpanded(t,n)}),this.enableUpdate(e)},findAll:function(e){return this.rootNode.findAll(e)},findFirst:function(e){return this.rootNode.findFirst(e)},findNextNode:function(t,n){var i,r=null,e=this.getFirstChild();function o(e){if((r=t(e)?e:r)||e===n)return!1}return t="string"==typeof t?(i=new RegExp("^"+t,"i"),function(e){return i.test(e.title)}):t,this.visitRows(o,{start:n=n||e,includeSelf:!1}),r||n===e||this.visitRows(o,{start:e,includeSelf:!0}),r},findRelatedNode:function(e,t,n){var i=null,r=k.ui.keyCode;switch(t){case"parent":case r.BACKSPACE:e.parent&&e.parent.parent&&(i=e.parent);break;case"first":case r.HOME:this.visit(function(e){if(e.isVisible())return i=e,!1});break;case"last":case r.END:this.visit(function(e){e.isVisible()&&(i=e)});break;case"left":case r.LEFT:e.expanded?e.setExpanded(!1):e.parent&&e.parent.parent&&(i=e.parent);break;case"right":case r.RIGHT:e.expanded||!e.children&&!e.lazy?e.children&&e.children.length&&(i=e.children[0]):(e.setExpanded(),i=e);break;case"up":case r.UP:this.visitRows(function(e){return i=e,!1},{start:e,reverse:!0,includeSelf:!1});break;case"down":case r.DOWN:this.visitRows(function(e){return i=e,!1},{start:e,includeSelf:!1});break;default:this.tree.warn("Unknown relation '"+t+"'.")}return i},generateFormElements:function(e,t,n){n=n||{};var i="string"==typeof e?e:"ft_"+this._id+"[]",r="string"==typeof t?t:"ft_"+this._id+"_active",o="fancytree_result_"+this._id,s=k("#"+o),a=3===this.options.selectMode&&!1!==n.stopOnParents;function l(e){s.append(k("<input>",{type:"checkbox",name:i,value:e.key,checked:!0}))}s.length?s.empty():s=k("<div>",{id:o}).hide().insertAfter(this.$container),!1!==t&&this.activeNode&&s.append(k("<input>",{type:"radio",name:r,value:this.activeNode.key,checked:!0})),n.filter?this.visit(function(e){var t=n.filter(e);if("skip"===t)return t;!1!==t&&l(e)}):!1!==e&&(a=this.getSelectedNodes(a),k.each(a,function(e,t){l(t)}))},getActiveNode:function(){return this.activeNode},getFirstChild:function(){return this.rootNode.getFirstChild()},getFocusNode:function(){return this.focusNode},getOption:function(e){return this.widget.option(e)},getNodeByKey:function(t,e){var n,i;return!e&&(n=document.getElementById(this.options.idPrefix+t))?n.ftnode||null:(e=e||this.rootNode,t=""+t,e.visit(function(e){if(e.key===t)return i=e,!1},!(i=null)),i)},getRootNode:function(){return this.rootNode},getSelectedNodes:function(e){return this.rootNode.getSelectedNodes(e)},hasFocus:function(){return!!this._hasFocus},info:function(e){3<=this.options.debugLevel&&(Array.prototype.unshift.call(arguments,this.toString()),d("info",arguments))},isLoading:function(){var t=!1;return this.rootNode.visit(function(e){if(e._isLoading||e._requestId)return!(t=!0)},!0),t},loadKeyPath:function(e,t){var i,n,r,o=this,s=new k.Deferred,a=this.getRootNode(),l=this.options.keyPathSeparator,d=[],c=k.extend({},t);for("function"==typeof t?i=t:t&&t.callback&&(i=t.callback),c.callback=function(e,t,n){i&&i.call(e,t,n),s.notifyWith(e,[{node:t,status:n}])},null==c.matchKey&&(c.matchKey=function(e,t){return e.key===t}),N(e)||(e=[e]),n=0;n<e.length;n++)(r=e[n]).charAt(0)===l&&(r=r.substr(1)),d.push(r.split(l));return setTimeout(function(){o._loadKeyPathImpl(s,c,a,d).done(function(){s.resolve()})},0),s.promise()},_loadKeyPathImpl:function(e,o,t,n){var i,r,s,a,l,d,c,u,h,f,p=this;for(c={},r=0;r<n.length;r++)for(h=n[r],u=t;h.length;){if(s=h.shift(),!(a=function(e,t){var n,i,r=e.children;if(r)for(n=0,i=r.length;n<i;n++)if(o.matchKey(r[n],t))return r[n];return null}(u,s))){this.warn("loadKeyPath: key not found: "+s+" (parent: "+u+")"),o.callback(this,s,"error");break}if(0===h.length){o.callback(this,a,"ok");break}if(a.lazy&&void 0===a.hasChildren()){o.callback(this,a,"loaded"),c[s=a.key]?c[s].pathSegList.push(h):c[s]={parent:a,pathSegList:[h]};break}o.callback(this,a,"loaded"),u=a}for(l in i=[],c)C(c,l)&&(d=c[l],f=new k.Deferred,i.push(f),function(t,n,e){o.callback(p,n,"loading"),n.load().done(function(){p._loadKeyPathImpl.call(p,t,o,n,e).always(A(t,p))}).fail(function(e){p.warn("loadKeyPath: error loading lazy "+n),o.callback(p,a,"error"),t.rejectWith(p)})}(f,d.parent,d.pathSegList));return k.when.apply(k,i).promise()},reactivate:function(e){var t,n=this.activeNode;return n?(this.activeNode=null,t=n.setActive(!0,{noFocus:!0}),e&&n.setFocus(),t):T()},reload:function(e){return this._callHook("treeClear",this),this._callHook("treeLoad",this,e)},render:function(e,t){return this.rootNode.render(e,t)},selectAll:function(t){this.visit(function(e){e.setSelected(t)})},setFocus:function(e){return this._callHook("treeSetFocus",this,e)},setOption:function(e,t){return this.widget.option(e,t)},debugTime:function(e){4<=this.options.debugLevel&&window.console.time(this+" - "+e)},debugTimeEnd:function(e){4<=this.options.debugLevel&&window.console.timeEnd(this+" - "+e)},toDict:function(e,t){t=this.rootNode.toDict(!0,t);return e?t:t.children},toString:function(){return"Fancytree@"+this._id},_triggerNodeEvent:function(e,t,n,i){i=this._makeHookContext(t,n,i),n=this.widget._trigger(e,n,i);return!1!==n&&void 0!==i.result?i.result:n},_triggerTreeEvent:function(e,t,n){n=this._makeHookContext(this,t,n),t=this.widget._trigger(e,t,n);return!1!==t&&void 0!==n.result?n.result:t},visit:function(e){return this.rootNode.visit(e,!1)},visitRows:function(t,e){if(!this.rootNode.hasChildren())return!1;if(e&&e.reverse)return delete e.reverse,this._visitRowsUp(t,e);for(var n,i,r,o=0,s=!1===(e=e||{}).includeSelf,a=!!e.includeHidden,l=!a&&this.enableFilter,d=e.start||this.rootNode.children[0],c=d.parent;c;){for(_(0<=(i=(r=c.children).indexOf(d)+o),"Could not find "+d+" in parent's children: "+c),n=i;n<r.length;n++)if(d=r[n],!l||d.match||d.subMatchCount){if(!s&&!1===t(d))return!1;if(s=!1,d.children&&d.children.length&&(a||d.expanded)&&!1===d.visit(function(e){return!l||e.match||e.subMatchCount?!1!==t(e)&&(a||!e.children||e.expanded?void 0:"skip"):"skip"},!1))return!1}c=(d=c).parent,o=1}return!0},_visitRowsUp:function(e,t){for(var n,i,r,o=!!t.includeHidden,s=t.start||this.rootNode.children[0];;){if((n=(r=s.parent).children)[0]===s){if(!(s=r).parent)break;n=r.children}else for(i=n.indexOf(s),s=n[i-1];(o||s.expanded)&&s.children&&s.children.length;)s=(n=(r=s).children)[n.length-1];if((o||s.isVisible())&&!1===e(s))return!1}},warn:function(e){2<=this.options.debugLevel&&(Array.prototype.unshift.call(arguments,this.toString()),d("warn",arguments))}},k.extend(F.prototype,{nodeClick:function(e){var t,n,i=e.targetType,r=e.node;if("expander"===i)r.isLoading()?r.debug("Got 2nd click while loading: ignored"):this._callHook("nodeToggleExpanded",e);else if("checkbox"===i)this._callHook("nodeToggleSelected",e),e.options.focusOnSelect&&this._callHook("nodeSetFocus",e,!0);else{if(t=!(n=!1),r.folder)switch(e.options.clickFolderMode){case 2:t=!(n=!0);break;case 3:n=t=!0}t&&(this.nodeSetFocus(e),this._callHook("nodeSetActive",e,!0)),n&&this._callHook("nodeToggleExpanded",e)}},nodeCollapseSiblings:function(e,t){var n,i,r,o=e.node;if(o.parent)for(i=0,r=(n=o.parent.children).length;i<r;i++)n[i]!==o&&n[i].expanded&&this._callHook("nodeSetExpanded",n[i],!1,t)},nodeDblclick:function(e){"title"===e.targetType&&4===e.options.clickFolderMode&&this._callHook("nodeToggleExpanded",e),"title"===e.targetType&&e.originalEvent.preventDefault()},nodeKeydown:function(e){var t=e.originalEvent,n=e.node,i=e.tree,r=e.options,o=t.which,s=t.key||String.fromCharCode(o),a=!!(t.altKey||t.ctrlKey||t.metaKey),l=!g[o]&&!u[o]&&!a,o=k(t.target),d=!0,c=!(t.ctrlKey||!r.autoActivate);if(n||(a=this.getActiveNode()||this.getFirstChild())&&(a.setFocus(),(n=e.node=this.focusNode).debug("Keydown force focus on active node")),r.quicksearch&&l&&!o.is(":input:enabled"))return 500<(o=Date.now())-i.lastQuicksearchTime&&(i.lastQuicksearchTerm=""),i.lastQuicksearchTime=o,i.lastQuicksearchTerm+=s,(s=i.findNextNode(i.lastQuicksearchTerm,i.getActiveNode()))&&s.setActive(),void t.preventDefault();switch(h.eventToString(t)){case"+":case"=":i.nodeSetExpanded(e,!0);break;case"-":i.nodeSetExpanded(e,!1);break;case"space":n.isPagingNode()?i._triggerNodeEvent("clickPaging",e,t):h.evalOption("checkbox",n,n,r,!1)?i.nodeToggleSelected(e):i.nodeSetActive(e,!0);break;case"return":i.nodeSetActive(e,!0);break;case"home":case"end":case"backspace":case"left":case"right":case"up":case"down":n.navigate(t.which,c);break;default:d=!1}d&&t.preventDefault()},nodeLoadChildren:function(o,s){var t,n,a,e=null,i=!0,l=o.tree,d=o.node,c=d.parent,r="nodeLoadChildren",u=Date.now();return w(s)&&_(!w(s=s.call(l,{type:"source"},o)),"source callback must not return another function"),w(s.then)?e=s:s.url?e=(t=k.extend({},o.options.ajax,s)).debugDelay?(n=t.debugDelay,delete t.debugDelay,N(n)&&(n=n[0]+Math.random()*(n[1]-n[0])),d.warn("nodeLoadChildren waiting debugDelay "+Math.round(n)+" ms ..."),k.Deferred(function(e){setTimeout(function(){k.ajax(t).done(function(){e.resolveWith(this,arguments)}).fail(function(){e.rejectWith(this,arguments)})},n)})):k.ajax(t):k.isPlainObject(s)||N(s)?i=!(e={then:function(e,t){e(s,null,null)}}):k.error("Invalid source type: "+s),d._requestId&&(d.warn("Recursive load request #"+u+" while #"+d._requestId+" is pending."),d._requestId=u),i&&(l.debugTime(r),l.nodeSetStatus(o,"loading")),a=new k.Deferred,e.then(function(e,t,n){var i,r;if("json"!==s.dataType&&"jsonp"!==s.dataType||"string"!=typeof e||k.error("Ajax request returned a string (did you get the JSON dataType wrong?)."),d._requestId&&d._requestId>u)a.rejectWith(this,[f]);else if(null!==d.parent||null===c){if(o.options.postProcess){try{(r=l._triggerNodeEvent("postProcess",o,o.originalEvent,{response:e,error:null,dataType:s.dataType})).error&&l.warn("postProcess returned error:",r)}catch(e){r={error:e,message:""+e,details:"postProcess failed"}}if(r.error)return i=k.isPlainObject(r.error)?r.error:{message:r.error},i=l._makeHookContext(d,null,i),void a.rejectWith(this,[i]);(N(r)||k.isPlainObject(r)&&N(r.children))&&(e=r)}else e&&C(e,"d")&&o.options.enableAspx&&(42===o.options.enableAspx&&l.warn("The default for enableAspx will change to `false` in the fututure. Pass `enableAspx: true` or implement postProcess to silence this warning."),e="string"==typeof e.d?k.parseJSON(e.d):e.d);a.resolveWith(this,[e])}else a.rejectWith(this,[p])},function(e,t,n){n=l._makeHookContext(d,null,{error:e,args:Array.prototype.slice.call(arguments),message:n,details:e.status+": "+n});a.rejectWith(this,[n])}),a.done(function(e){var t,n,i;l.nodeSetStatus(o,"ok"),k.isPlainObject(e)?(_(d.isRootNode(),"source may only be an object for root nodes (expecting an array of child objects otherwise)"),_(N(e.children),"if an object is passed as source, it must contain a 'children' array (all other properties are added to 'tree.data')"),t=(n=e).children,delete n.children,k.each(b,function(e,t){void 0!==n[t]&&(l[t]=n[t],delete n[t])}),k.extend(l.data,n)):t=e,_(N(t),"expected array of children"),d._setChildren(t),l.options.nodata&&0===t.length&&(w(l.options.nodata)?i=l.options.nodata.call(l,{type:"nodata"},o):!0===l.options.nodata&&d.isRootNode()?i=l.options.strings.noData:"string"==typeof l.options.nodata&&d.isRootNode()&&(i=l.options.nodata),i&&d.setStatus("nodata",i)),l._triggerNodeEvent("loadChildren",d)}).fail(function(e){var t;e!==f?e!==p?(e.node&&e.error&&e.message?t=e:"[object Object]"===(t=l._makeHookContext(d,null,{error:e,args:Array.prototype.slice.call(arguments),message:e?e.message||e.toString():""})).message&&(t.message=""),d.warn("Load children failed ("+t.message+")",t),!1!==l._triggerNodeEvent("loadError",t,null)&&l.nodeSetStatus(o,"error",t.message,t.details)):d.warn("Lazy parent node was removed while loading: discarding response."):d.warn("Ignored response for obsolete load request #"+u+" (expected #"+d._requestId+")")}).always(function(){d._requestId=null,i&&l.debugTimeEnd(r)}),a.promise()},nodeLoadKeyPath:function(e,t){},nodeRemoveChild:function(e,t){var n=e.node,i=k.extend({},e,{node:t}),r=n.children;if(1===r.length)return _(t===r[0],"invalid single child"),this.nodeRemoveChildren(e);this.activeNode&&(t===this.activeNode||this.activeNode.isDescendantOf(t))&&this.activeNode.setActive(!1),this.focusNode&&(t===this.focusNode||this.focusNode.isDescendantOf(t))&&(this.focusNode=null),this.nodeRemoveMarkup(i),this.nodeRemoveChildren(i),_(0<=(i=k.inArray(t,r)),"invalid child"),n.triggerModifyChild("remove",t),t.visit(function(e){e.parent=null},!0),this._callHook("treeRegisterNode",this,!1,t),r.splice(i,1)},nodeRemoveChildMarkup:function(e){e=e.node;e.ul&&(e.isRootNode()?k(e.ul).empty():(k(e.ul).remove(),e.ul=null),e.visit(function(e){e.li=e.ul=null}))},nodeRemoveChildren:function(e){var t=e.tree,n=e.node;n.children&&(this.activeNode&&this.activeNode.isDescendantOf(n)&&this.activeNode.setActive(!1),this.focusNode&&this.focusNode.isDescendantOf(n)&&(this.focusNode=null),this.nodeRemoveChildMarkup(e),n.triggerModifyChild("remove",null),n.visit(function(e){e.parent=null,t._callHook("treeRegisterNode",t,!1,e)}),n.lazy?n.children=[]:n.children=null,n.isRootNode()||(n.expanded=!1),this.nodeRenderStatus(e))},nodeRemoveMarkup:function(e){var t=e.node;t.li&&(k(t.li).remove(),t.li=null),this.nodeRemoveChildMarkup(e)},nodeRender:function(e,t,n,i,r){var o,s,a,l,d,c,u,h=e.node,f=e.tree,p=e.options,g=p.aria,v=!1,y=h.parent,b=!y,m=h.children,x=null;if(!1!==f._enableUpdate&&(b||y.ul)){if(_(b||y.ul,"parent UL must exist"),b||(h.li&&(t||h.li.parentNode!==h.parent.ul)&&(h.li.parentNode===h.parent.ul?x=h.li.nextSibling:this.debug("Unlinking "+h+" (must be child of "+h.parent+")"),this.nodeRemoveMarkup(e)),h.li?this.nodeRenderStatus(e):(v=!0,h.li=document.createElement("li"),(h.li.ftnode=h).key&&p.generateIds&&(h.li.id=p.idPrefix+h.key),h.span=document.createElement("span"),h.span.className="fancytree-node",g&&!h.tr&&k(h.li).attr("role","treeitem"),h.li.appendChild(h.span),this.nodeRenderTitle(e),p.createNode&&p.createNode.call(f,{type:"createNode"},e)),p.renderNode&&p.renderNode.call(f,{type:"renderNode"},e)),m){if(b||h.expanded||!0===n){for(h.ul||(h.ul=document.createElement("ul"),(!0!==i||r)&&h.expanded||(h.ul.style.display="none"),g&&k(h.ul).attr("role","group"),h.li?h.li.appendChild(h.ul):h.tree.$div.append(h.ul)),l=0,d=m.length;l<d;l++)u=k.extend({},e,{node:m[l]}),this.nodeRender(u,t,n,!1,!0);for(o=h.ul.firstChild;o;)o=(a=o.ftnode)&&a.parent!==h?(h.debug("_fixParent: remove missing "+a,o),c=o.nextSibling,o.parentNode.removeChild(o),c):o.nextSibling;for(o=h.ul.firstChild,l=0,d=m.length-1;l<d;l++)(s=m[l])===(a=o.ftnode)?o=o.nextSibling:h.ul.insertBefore(s.li,a.li)}}else h.ul&&(this.warn("remove child markup for "+h),this.nodeRemoveChildMarkup(e));b||v&&y.ul.insertBefore(h.li,x)}},nodeRenderTitle:function(e,t){var n,i,r=e.node,o=e.tree,s=e.options,a=s.aria,l=r.getLevel(),d=[];void 0!==t&&(r.title=t),r.span&&!1!==o._enableUpdate&&(t=a&&!1!==r.hasChildren()?" role='button'":"",l<s.minExpandLevel?(r.lazy||(r.expanded=!0),1<l&&d.push("<span "+t+" class='fancytree-expander fancytree-expander-fixed'></span>")):d.push("<span "+t+" class='fancytree-expander'></span>"),(l=h.evalOption("checkbox",r,r,s,!1))&&!r.isStatusNode()&&(n="fancytree-checkbox",("radio"===l||r.parent&&r.parent.radiogroup)&&(n+=" fancytree-radio"),d.push("<span "+(t=a?" role='checkbox'":"")+" class='"+n+"'></span>")),void 0!==r.data.iconClass&&(r.icon?k.error("'iconClass' node option is deprecated since v2.14.0: use 'icon' only instead"):(r.warn("'iconClass' node option is deprecated since v2.14.0: use 'icon' instead"),r.icon=r.data.iconClass)),!1!==(n=h.evalOption("icon",r,r,s,!0))&&(t=a?" role='presentation'":"",i=(i=h.evalOption("iconTooltip",r,r,s,null))?" title='"+P(i)+"'":"","string"==typeof n?c.test(n)?(n="/"===n.charAt(0)?n:(s.imagePath||"")+n,d.push("<img src='"+n+"' class='fancytree-icon'"+i+" alt='' />")):d.push("<span "+t+" class='fancytree-custom-icon "+n+"'"+i+"></span>"):n.text?d.push("<span "+t+" class='fancytree-custom-icon "+(n.addClass||"")+"'"+i+">"+h.escapeHtml(n.text)+"</span>"):n.html?d.push("<span "+t+" class='fancytree-custom-icon "+(n.addClass||"")+"'"+i+">"+n.html+"</span>"):d.push("<span "+t+" class='fancytree-icon'"+i+"></span>")),t="",t=(t=s.renderTitle?s.renderTitle.call(o,{type:"renderTitle"},e)||"":t)||"<span class='fancytree-title'"+(i=(i=!0===(i=h.evalOption("tooltip",r,r,s,null))?r.title:i)?" title='"+P(i)+"'":"")+(s.titlesTabbable?" tabindex='0'":"")+">"+(s.escapeTitles?h.escapeHtml(r.title):r.title)+"</span>",d.push(t),r.span.innerHTML=d.join(""),this.nodeRenderStatus(e),s.enhanceTitle&&(e.$title=k(">span.fancytree-title",r.span),t=s.enhanceTitle.call(o,{type:"enhanceTitle"},e)||""))},nodeRenderStatus:function(e){var t,n=e.node,i=e.tree,r=e.options,o=n.hasChildren(),s=n.isLastSibling(),a=r.aria,l=r._classNames,d=[],e=n[i.statusClassPropName];e&&!1!==i._enableUpdate&&(a&&(t=k(n.tr||n.li)),d.push(l.node),i.activeNode===n&&d.push(l.active),i.focusNode===n&&d.push(l.focused),n.expanded&&d.push(l.expanded),a&&(!1===o?t.removeAttr("aria-expanded"):t.attr("aria-expanded",Boolean(n.expanded))),n.folder&&d.push(l.folder),!1!==o&&d.push(l.hasChildren),s&&d.push(l.lastsib),n.lazy&&null==n.children&&d.push(l.lazy),n.partload&&d.push(l.partload),n.partsel&&d.push(l.partsel),h.evalOption("unselectable",n,n,r,!1)&&d.push(l.unselectable),n._isLoading&&d.push(l.loading),n._error&&d.push(l.error),n.statusNodeType&&d.push(l.statusNodePrefix+n.statusNodeType),n.selected?(d.push(l.selected),a&&t.attr("aria-selected",!0)):a&&t.attr("aria-selected",!1),n.extraClasses&&d.push(n.extraClasses),!1===o?d.push(l.combinedExpanderPrefix+"n"+(s?"l":"")):d.push(l.combinedExpanderPrefix+(n.expanded?"e":"c")+(n.lazy&&null==n.children?"d":"")+(s?"l":"")),d.push(l.combinedIconPrefix+(n.expanded?"e":"c")+(n.folder?"f":"")),e.className=d.join(" "),n.li&&k(n.li).toggleClass(l.lastsib,s))},nodeSetActive:function(e,t,n){var i=e.node,r=e.tree,o=e.options,s=!0===(n=n||{}).noEvents,a=!0===n.noFocus,n=!1!==n.scrollIntoView;return i===r.activeNode===(t=!1!==t)?T(i):(n&&e.originalEvent&&k(e.originalEvent.target).is("a,:checkbox")&&(i.info("Not scrolling while clicking an embedded link."),n=!1),t&&!s&&!1===this._triggerNodeEvent("beforeActivate",i,e.originalEvent)?L(i,["rejected"]):(t?(r.activeNode&&(_(r.activeNode!==i,"node was active (inconsistency)"),t=k.extend({},e,{node:r.activeNode}),r.nodeSetActive(t,!1),_(null===r.activeNode,"deactivate was out of sync?")),o.activeVisible&&i.makeVisible({scrollIntoView:n}),r.activeNode=i,r.nodeRenderStatus(e),a||r.nodeSetFocus(e),s||r._triggerNodeEvent("activate",i,e.originalEvent)):(_(r.activeNode===i,"node was not active (inconsistency)"),r.activeNode=null,this.nodeRenderStatus(e),s||e.tree._triggerNodeEvent("deactivate",i,e.originalEvent)),T(i)))},nodeSetExpanded:function(i,r,e){var t,n,o,s,a,l,d=i.node,c=i.tree,u=i.options,h=!0===(e=e||{}).noAnimation,f=!0===e.noEvents;if(r=!1!==r,k(d.li).hasClass(u._classNames.animating))return d.warn("setExpanded("+r+") while animating: ignored."),L(d,["recursion"]);if(d.expanded&&r||!d.expanded&&!r)return T(d);if(r&&!d.lazy&&!d.hasChildren())return T(d);if(!r&&d.getLevel()<u.minExpandLevel)return L(d,["locked"]);if(!f&&!1===this._triggerNodeEvent("beforeExpand",d,i.originalEvent))return L(d,["rejected"]);if(h||d.isVisible()||(h=e.noAnimation=!0),n=new k.Deferred,r&&!d.expanded&&u.autoCollapse){a=d.getParentList(!1,!0),l=u.autoCollapse;try{for(u.autoCollapse=!1,o=0,s=a.length;o<s;o++)this._callHook("nodeCollapseSiblings",a[o],e)}finally{u.autoCollapse=l}}return n.done(function(){var e=d.getLastChild();r&&u.autoScroll&&!h&&e&&c._enableUpdate?e.scrollIntoView(!0,{topNode:d}).always(function(){f||i.tree._triggerNodeEvent(r?"expand":"collapse",i)}):f||i.tree._triggerNodeEvent(r?"expand":"collapse",i)}),t=function(e){var t=u._classNames,n=u.toggleEffect;if(d.expanded=r,c._callHook("treeStructureChanged",i,r?"expand":"collapse"),c._callHook("nodeRender",i,!1,!1,!0),d.ul)if("none"!==d.ul.style.display==!!d.expanded)d.warn("nodeSetExpanded: UL.style.display already set");else{if(n&&!h)return k(d.li).addClass(t.animating),void(w(k(d.ul)[n.effect])?k(d.ul)[n.effect]({duration:n.duration,always:function(){k(this).removeClass(t.animating),k(d.li).removeClass(t.animating),e()}}):(k(d.ul).stop(!0,!0),k(d.ul).parent().find(".ui-effects-placeholder").remove(),k(d.ul).toggle(n.effect,n.options,n.duration,function(){k(this).removeClass(t.animating),k(d.li).removeClass(t.animating),e()})));d.ul.style.display=d.expanded||!parent?"":"none"}e()},r&&d.lazy&&void 0===d.hasChildren()?d.load().done(function(){n.notifyWith&&n.notifyWith(d,["loaded"]),t(function(){n.resolveWith(d)})}).fail(function(e){t(function(){n.rejectWith(d,["load failed ("+e+")"])})}):t(function(){n.resolveWith(d)}),n.promise()},nodeSetFocus:function(e,t){var n,i=e.tree,r=e.node,o=i.options,s=!!e.originalEvent&&k(e.originalEvent.target).is(":input");if(t=!1!==t,i.focusNode){if(i.focusNode===r&&t)return;n=k.extend({},e,{node:i.focusNode}),i.focusNode=null,this._triggerNodeEvent("blur",n),this._callHook("nodeRenderStatus",n)}t&&(this.hasFocus()||(r.debug("nodeSetFocus: forcing container focus"),this._callHook("treeSetFocus",e,!0,{calledByNode:!0})),r.makeVisible({scrollIntoView:!1}),i.focusNode=r,o.titlesTabbable&&(s||k(r.span).find(".fancytree-title").focus()),o.aria&&k(i.$container).attr("aria-activedescendant",k(r.tr||r.li).uniqueId().attr("id")),this._triggerNodeEvent("focus",e),document.activeElement===i.$container.get(0)||1<=k(document.activeElement,i.$container).length||k(i.$container).focus(),o.autoScroll&&r.scrollIntoView(),this._callHook("nodeRenderStatus",e))},nodeSetSelected:function(e,t,n){var i=e.node,r=e.tree,o=e.options,s=!0===(n=n||{}).noEvents,a=i.parent;if(t=!1!==t,!h.evalOption("unselectable",i,i,o,!1))return i._lastSelectIntent=t,!!i.selected!==t||3===o.selectMode&&i.partsel&&!t?s||!1!==this._triggerNodeEvent("beforeSelect",i,e.originalEvent)?(t&&1===o.selectMode?(r.lastSelectedNode&&r.lastSelectedNode.setSelected(!1),i.selected=t):3!==o.selectMode||!a||a.radiogroup||i.radiogroup?a&&a.radiogroup?i.visitSiblings(function(e){e._changeSelectStatusAttrs(t&&e===i)},!0):i.selected=t:(i.selected=t,i.fixSelection3AfterClick(n)),this.nodeRenderStatus(e),r.lastSelectedNode=t?i:null,void(s||r._triggerNodeEvent("select",e))):!!i.selected:t},nodeSetStatus:function(i,e,t,n){var r=i.node,o=i.tree;function s(e,t){var n=r.children?r.children[0]:null;return n&&n.isStatusNode()?(k.extend(n,e),n.statusNodeType=t,o._callHook("nodeRenderTitle",n)):(r._setChildren([e]),o._callHook("treeStructureChanged",i,"setStatusNode"),r.children[0].statusNodeType=t,o.render()),r.children[0]}switch(e){case"ok":!function(){var e=r.children?r.children[0]:null;if(e&&e.isStatusNode()){try{r.ul&&(r.ul.removeChild(e.li),e.li=null)}catch(e){}1===r.children.length?r.children=[]:r.children.shift(),o._callHook("treeStructureChanged",i,"clearStatusNode")}}(),r._isLoading=!1,r._error=null,r.renderStatus();break;case"loading":r.parent||s({title:o.options.strings.loading+(t?" ("+t+")":""),checkbox:!1,tooltip:n},e),r._isLoading=!0,r._error=null,r.renderStatus();break;case"error":s({title:o.options.strings.loadError+(t?" ("+t+")":""),checkbox:!1,tooltip:n},e),r._isLoading=!1,r._error={message:t,details:n},r.renderStatus();break;case"nodata":s({title:t||o.options.strings.noData,checkbox:!1,tooltip:n},e),r._isLoading=!1,r._error=null,r.renderStatus();break;default:k.error("invalid node status "+e)}},nodeToggleExpanded:function(e){return this.nodeSetExpanded(e,!e.node.expanded)},nodeToggleSelected:function(e){var t=e.node,n=!t.selected;return t.partsel&&!t.selected&&!0===t._lastSelectIntent&&(t.selected=!(n=!1)),t._lastSelectIntent=n,this.nodeSetSelected(e,n)},treeClear:function(e){var t=e.tree;t.activeNode=null,t.focusNode=null,t.$div.find(">ul.fancytree-container").empty(),t.rootNode.children=null,t._callHook("treeStructureChanged",e,"clear")},treeCreate:function(e){},treeDestroy:function(e){this.$div.find(">ul.fancytree-container").remove(),this.$source&&this.$source.removeClass("fancytree-helper-hidden")},treeInit:function(e){var n=e.tree,i=n.options;n.$container.attr("tabindex",i.tabindex),k.each(b,function(e,t){void 0!==i[t]&&(n.info("Move option "+t+" to tree"),n[t]=i[t],delete i[t])}),i.checkboxAutoHide&&n.$container.addClass("fancytree-checkbox-auto-hide"),i.rtl?n.$container.attr("DIR","RTL").addClass("fancytree-rtl"):n.$container.removeAttr("DIR").removeClass("fancytree-rtl"),i.aria&&(n.$container.attr("role","tree"),1!==i.selectMode&&n.$container.attr("aria-multiselectable",!0)),this.treeLoad(e)},treeLoad:function(e,t){var n,i,r,o=e.tree,s=e.widget.element,a=k.extend({},e,{node:this.rootNode});if(o.rootNode.children&&this.treeClear(e),t=t||this.options.source)"string"==typeof t&&k.error("Not implemented");else switch(i=s.data("type")||"html"){case"html":(r=s.find(">ul").not(".fancytree-container").first()).length?(r.addClass("ui-fancytree-source fancytree-helper-hidden"),t=k.ui.fancytree.parseHtml(r),this.data=k.extend(this.data,H(r))):(h.warn("No `source` option was passed and container does not contain `<ul>`: assuming `source: []`."),t=[]);break;case"json":t=k.parseJSON(s.text()),s.contents().filter(function(){return 3===this.nodeType}).remove(),k.isPlainObject(t)&&(_(N(t.children),"if an object is passed as source, it must contain a 'children' array (all other properties are added to 'tree.data')"),t=(n=t).children,delete n.children,k.each(b,function(e,t){void 0!==n[t]&&(o[t]=n[t],delete n[t])}),k.extend(o.data,n));break;default:k.error("Invalid data-type: "+i)}return o._triggerTreeEvent("preInit",null),this.nodeLoadChildren(a,t).done(function(){o._callHook("treeStructureChanged",e,"loadChildren"),o.render(),3===e.options.selectMode&&o.rootNode.fixSelection3FromEndNodes(),o.activeNode&&o.options.activeVisible&&o.activeNode.makeVisible(),o._triggerTreeEvent("init",null,{status:!0})}).fail(function(){o.render(),o._triggerTreeEvent("init",null,{status:!1})})},treeRegisterNode:function(e,t,n){e.tree._callHook("treeStructureChanged",e,t?"addNode":"removeNode")},treeSetFocus:function(e,t,n){var i;(t=!1!==t)!==this.hasFocus()&&(!(this._hasFocus=t)&&this.focusNode?this.focusNode.setFocus(!1):!t||n&&n.calledByNode||k(this.$container).focus(),this.$container.toggleClass("fancytree-treefocus",t),this._triggerTreeEvent(t?"focusTree":"blurTree"),t&&!this.activeNode&&(i=this._lastMousedownNode||this.getFirstChild())&&i.setFocus())},treeSetOption:function(e,t,n){var i=e.tree,r=!0,o=!1,s=!1;switch(t){case"aria":case"checkbox":case"icon":case"minExpandLevel":case"tabindex":s=o=!0;break;case"checkboxAutoHide":i.$container.toggleClass("fancytree-checkbox-auto-hide",!!n);break;case"escapeTitles":case"tooltip":s=!0;break;case"rtl":!1===n?i.$container.removeAttr("DIR").removeClass("fancytree-rtl"):i.$container.attr("DIR","RTL").addClass("fancytree-rtl"),s=!0;break;case"source":r=!1,i._callHook("treeLoad",i,n),s=!0}i.debug("set option "+t+"="+n+" <"+typeof n+">"),r&&(this.widget._super||k.Widget.prototype._setOption).call(this.widget,t,n),o&&i._callHook("treeCreate",i),s&&i.render(!0,!1)},treeStructureChanged:function(e,t){}}),k.widget("ui.fancytree",{options:{activeVisible:!0,ajax:{type:"GET",cache:!1,dataType:"json"},aria:!0,autoActivate:!0,autoCollapse:!1,autoScroll:!1,checkbox:!1,clickFolderMode:4,copyFunctionsToData:!1,debugLevel:null,disabled:!1,enableAspx:42,escapeTitles:!1,extensions:[],focusOnSelect:!1,generateIds:!1,icon:!0,idPrefix:"ft_",keyboard:!0,keyPathSeparator:"/",minExpandLevel:1,nodata:!0,quicksearch:!1,rtl:!1,scrollOfs:{top:0,bottom:0},scrollParent:null,selectMode:2,strings:{loading:"Loading...",loadError:"Load error!",moreData:"More...",noData:"No data."},tabindex:"0",titlesTabbable:!1,toggleEffect:{effect:"slideToggle",duration:200},tooltip:!1,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"},lazyLoad:null,postProcess:null},_deprecationWarning:function(e){var t=this.tree;t&&3<=t.options.debugLevel&&t.warn("$().fancytree('"+e+"') is deprecated (see https://wwwendt.de/tech/fancytree/doc/jsdoc/Fancytree_Widget.html")},_create:function(){this.tree=new F(this),this.$source=this.source||"json"===this.element.data("type")?this.element:this.element.find(">ul").first();for(var e,t,n=this.options,i=n.extensions,r=(this.tree,0);r<i.length;r++)t=i[r],(e=k.ui.fancytree._extensions[t])||k.error("Could not apply extension '"+t+"' (it is not registered, did you forget to include it?)"),this.tree.options[t]=function e(t){var n,i,r,o,s=t||{},a=1,l=arguments.length;if("object"==typeof s||w(s)||(s={}),a===l)throw Error("need at least two args");for(;a<l;a++)if(null!=(n=arguments[a]))for(i in n)C(n,i)&&(o=s[i],s!==(r=n[i])&&(r&&k.isPlainObject(r)?(o=o&&k.isPlainObject(o)?o:{},s[i]=e(o,r)):void 0!==r&&(s[i]=r)));return s}({},e.options,this.tree.options[t]),_(void 0===this.tree.ext[t],"Extension name must not exist as Fancytree.ext attribute: '"+t+"'"),this.tree.ext[t]={},function(e,t,n){for(var i in t)"function"==typeof t[i]?"function"==typeof e[i]?e[i]=E(i,e,0,t,n):"_"===i.charAt(0)?e.ext[n][i]=E(i,e,0,t,n):k.error("Could not override tree."+i+". Use prefix '_' to create tree."+n+"._"+i):"options"!==i&&(e.ext[n][i]=t[i])}(this.tree,e,t),0;void 0!==n.icons&&(!0===n.icon?(this.tree.warn("'icons' tree option is deprecated since v2.14.0: use 'icon' instead"),n.icon=n.icons):k.error("'icons' tree option is deprecated since v2.14.0: use 'icon' only instead")),void 0!==n.iconClass&&(n.icon?k.error("'iconClass' tree option is deprecated since v2.14.0: use 'icon' only instead"):(this.tree.warn("'iconClass' tree option is deprecated since v2.14.0: use 'icon' instead"),n.icon=n.iconClass)),void 0!==n.tabbable&&(n.tabindex=n.tabbable?"0":"-1",this.tree.warn("'tabbable' tree option is deprecated since v2.17.0: use 'tabindex='"+n.tabindex+"' instead")),this.tree._callHook("treeCreate",this.tree)},_init:function(){this.tree._callHook("treeInit",this.tree),this._bind()},_setOption:function(e,t){return this.tree._callHook("treeSetOption",this.tree,e,t)},_destroy:function(){this._unbind(),this.tree._callHook("treeDestroy",this.tree)},_unbind:function(){var e=this.tree._ns;this.element.off(e),this.tree.$container.off(e),k(document).off(e)},_bind:function(){var s=this,a=this.options,o=this.tree,e=o._ns;this._unbind(),o.$container.on("focusin"+e+" focusout"+e,function(e){var t=h.getNode(e),n="focusin"===e.type;if(!n&&t&&k(e.target).is("a"))t.debug("Ignored focusout on embedded <a> element.");else{if(n){if(o._getExpiringValue("focusin"))return void o.debug("Ignored double focusin.");o._setExpiringValue("focusin",!0,50),t||(t=o._getExpiringValue("mouseDownNode"))&&o.debug("Reconstruct mouse target for focusin from recent event.")}t?o._callHook("nodeSetFocus",o._makeHookContext(t,e),n):o.tbody&&k(e.target).parents("table.fancytree-container > thead").length?o.debug("Ignore focus event outside table body.",e):o._callHook("treeSetFocus",o,n)}}).on("selectstart"+e,"span.fancytree-title",function(e){e.preventDefault()}).on("keydown"+e,function(e){if(a.disabled||!1===a.keyboard)return!0;var t,n=o.focusNode,i=o._makeHookContext(n||o,e),r=o.phase;try{return o.phase="userEvent","preventNav"===(t=n?o._triggerNodeEvent("keydown",n,e):o._triggerTreeEvent("keydown",e))?t=!0:!1!==t&&(t=o._callHook("nodeKeydown",i)),t}finally{o.phase=r}}).on("mousedown"+e,function(e){e=h.getEventTarget(e);o._lastMousedownNode=e?e.node:null,o._setExpiringValue("mouseDownNode",o._lastMousedownNode)}).on("click"+e+" dblclick"+e,function(e){if(a.disabled)return!0;var t,n=h.getEventTarget(e),i=n.node,r=s.tree,o=r.phase;if(!i)return!0;t=r._makeHookContext(i,e);try{switch(r.phase="userEvent",e.type){case"click":return t.targetType=n.type,i.isPagingNode()?!0===r._triggerNodeEvent("clickPaging",t,e):!1!==r._triggerNodeEvent("click",t,e)&&r._callHook("nodeClick",t);case"dblclick":return t.targetType=n.type,!1!==r._triggerNodeEvent("dblclick",t,e)&&r._callHook("nodeDblclick",t)}}finally{r.phase=o}})},getActiveNode:function(){return this._deprecationWarning("getActiveNode"),this.tree.activeNode},getNodeByKey:function(e){return this._deprecationWarning("getNodeByKey"),this.tree.getNodeByKey(e)},getRootNode:function(){return this._deprecationWarning("getRootNode"),this.tree.rootNode},getTree:function(){return this._deprecationWarning("getTree"),this.tree}}),h=k.ui.fancytree,k.extend(k.ui.fancytree,{version:"2.38.2",buildType: "production",debugLevel: 3,_nextId:1,_nextNodeKey:1,_extensions:{},_FancytreeClass:F,_FancytreeNodeClass:I,jquerySupports:{positionMyOfs:function(e){for(var t,n,i=k.map(S(e).split("."),function(e){return parseInt(e,10)}),r=k.map(Array.prototype.slice.call(arguments,1),function(e){return parseInt(e,10)}),o=0;o<r.length;o++)if((t=i[o]||0)!==(n=r[o]||0))return n<t;return!0}(k.ui.version,1,9)},assert:_,createTree:function(e,t){t=k(e).fancytree(t);return h.getTree(t)},debounce:function(t,n,i,r){var o;return 3===arguments.length&&"boolean"!=typeof i&&(r=i,i=!1),function(){var e=arguments;r=r||this,i&&!o&&n.apply(r,e),clearTimeout(o),o=setTimeout(function(){i||n.apply(r,e),o=null},t)}},debug:function(e){4<=k.ui.fancytree.debugLevel&&d("log",arguments)},error:function(e){1<=k.ui.fancytree.debugLevel&&d("error",arguments)},escapeHtml:function(e){return(""+e).replace(t,function(e){return i[e]})},fixPositionOptions:function(e){var t,n,i,r;return(e.offset||0<=(""+e.my+e.at).indexOf("%"))&&k.error("expected new position syntax (but '%' is not supported)"),k.ui.fancytree.jquerySupports.positionMyOfs||(t=/(\w+)([+-]?\d+)?\s+(\w+)([+-]?\d+)?/.exec(e.my),n=/(\w+)([+-]?\d+)?\s+(\w+)([+-]?\d+)?/.exec(e.at),i=(t[2]?+t[2]:0)+(n[2]?+n[2]:0),r=(t[4]?+t[4]:0)+(n[4]?+n[4]:0),e=k.extend({},e,{my:t[1]+" "+t[3],at:n[1]+" "+n[3]}),(i||r)&&(e.offset=i+" "+r)),e},getEventTarget:function(e){var t=e&&e.target?e.target.className:"",n={node:this.getNode(e.target),type:void 0};return/\bfancytree-title\b/.test(t)?n.type="title":/\bfancytree-expander\b/.test(t)?n.type=!1===n.node.hasChildren()?"prefix":"expander":/\bfancytree-checkbox\b/.test(t)?n.type="checkbox":/\bfancytree(-custom)?-icon\b/.test(t)?n.type="icon":/\bfancytree-node\b/.test(t)?n.type="title":e&&e.target&&((e=k(e.target)).is("ul[role=group]")?((n.node&&n.node.tree||h).debug("Ignoring click on outer UL."),n.node=null):e.closest(".fancytree-title").length?n.type="title":e.closest(".fancytree-checkbox").length?n.type="checkbox":e.closest(".fancytree-expander").length&&(n.type="expander")),n},getEventTargetType:function(e){return this.getEventTarget(e).type},getNode:function(e){if(e instanceof I)return e;for(e instanceof k?e=e[0]:void 0!==e.originalEvent&&(e=e.target);e;){if(e.ftnode)return e.ftnode;e=e.parentNode}return null},getTree:function(e){var t=e;return e instanceof F?e:("number"==typeof(e=void 0===e?0:e)?e=k(".fancytree-container").eq(e):"string"==typeof e?(e=k("#ft-id-"+t).eq(0)).length||(e=k(t).eq(0)):e instanceof Element||e instanceof HTMLDocument?e=k(e):e instanceof k?e=e.eq(0):void 0!==e.originalEvent&&(e=k(e.target)),(e=(e=e.closest(":ui-fancytree")).data("ui-fancytree")||e.data("fancytree"))?e.tree:null)},evalOption:function(e,t,n,i,r){var o,s=t.tree,i=i[e],n=n[e];return w(i)?(o={node:t,tree:s,widget:s.widget,options:s.widget.options,typeInfo:s.types[t.type]||{}},null==(o=i.call(s,{type:e},o))&&(o=n)):o=null==n?i:n,o=null==o?r:o},setSpanIcon:function(e,t,n){var i=k(e);"string"==typeof n?i.attr("class",t+" "+n):(n.text?i.text(""+n.text):n.html&&(e.innerHTML=n.html),i.attr("class",t+" "+(n.addClass||"")))},eventToString:function(e){var t=e.which,n=e.type,i=[];return e.altKey&&i.push("alt"),e.ctrlKey&&i.push("ctrl"),e.metaKey&&i.push("meta"),e.shiftKey&&i.push("shift"),"click"===n||"dblclick"===n?i.push(o[e.button]+n):"wheel"===n?i.push(n):r[t]||i.push(u[t]||String.fromCharCode(t).toLowerCase()),i.join("+")},info:function(e){3<=k.ui.fancytree.debugLevel&&d("info",arguments)},keyEventToString:function(e){return this.warn("keyEventToString() is deprecated: use eventToString()"),this.eventToString(e)},overrideMethod:function(e,t,n,i){var r,o=e[t]||k.noop;e[t]=function(){var e=i||this;try{return r=e._super,e._super=o,n.apply(e,arguments)}finally{e._super=r}}},parseHtml:function(s){var a,l,d,c,u,h,f,p,e=s.find(">li"),g=[];return e.each(function(){var e,t,n=k(this),i=n.find(">span",this).first(),r=i.length?null:n.find(">a").first(),o={tooltip:null,data:{}};for(i.length?o.title=i.html():r&&r.length?(o.title=r.html(),o.data.href=r.attr("href"),o.data.target=r.attr("target"),o.tooltip=r.attr("title")):(o.title=n.html(),0<=(u=o.title.search(/<ul/i))&&(o.title=o.title.substring(0,u))),o.title=S(o.title),c=0,h=v.length;c<h;c++)o[v[c]]=void 0;for(a=this.className.split(" "),d=[],c=0,h=a.length;c<h;c++)l=a[c],y[l]?o[l]=!0:d.push(l);if(o.extraClasses=d.join(" "),(f=n.attr("title"))&&(o.tooltip=f),(f=n.attr("id"))&&(o.key=f),n.attr("hideCheckbox")&&(o.checkbox=!1),(e=H(n))&&!k.isEmptyObject(e)){for(t in x)C(e,t)&&(e[x[t]]=e[t],delete e[t]);for(c=0,h=m.length;c<h;c++)f=m[c],null!=(p=e[f])&&(delete e[f],o[f]=p);k.extend(o.data,e)}(s=n.find(">ul").first()).length?o.children=k.ui.fancytree.parseHtml(s):o.children=o.lazy?void 0:null,g.push(o)}),g},registerExtension:function(e){_(null!=e.name,"extensions must have a `name` property."),_(null!=e.version,"extensions must have a `version` property."),k.ui.fancytree._extensions[e.name]=e},trim:S,unescapeHtml:function(e){var t=document.createElement("div");return t.innerHTML=e,0===t.childNodes.length?"":t.childNodes[0].nodeValue},warn:function(e){2<=k.ui.fancytree.debugLevel&&d("warn",arguments)}}),k.ui.fancytree}function _(e,t){e||(k.ui.fancytree.error(t="Fancytree assertion failed"+(t=t?": "+t:"")),k.error(t))}function C(e,t){return Object.prototype.hasOwnProperty.call(e,t)}function w(e){return"function"==typeof e}function S(e){return null==e?"":e.trim()}function d(t,n){var i,r,t=window.console?window.console[t]:null;if(t)try{t.apply(window.console,n)}catch(e){for(r="",i=0;i<n.length;i++)r+=n[i];t(r)}}function E(e,i,t,n,r){var o,s,a;function l(){return o.apply(i,arguments)}function d(e){return o.apply(i,e)}return o=i[e],s=n[e],a=i.ext[r],function(){var e=i._local,t=i._super,n=i._superApply;try{return i._local=a,i._super=l,i._superApply=d,s.apply(i,arguments)}finally{i._local=e,i._super=t,i._superApply=n}}}function T(e,t){return(void 0===e?k.Deferred(function(){this.resolve()}):k.Deferred(function(){this.resolveWith(e,t)})).promise()}function L(e,t){return(void 0===e?k.Deferred(function(){this.reject()}):k.Deferred(function(){this.rejectWith(e,t)})).promise()}function A(e,t){return function(){e.resolveWith(t)}}function H(e){var t=k.extend({},e.data()),e=t.json;return delete t.fancytree,delete t.uiFancytree,e&&(delete t.json,t=k.extend(t,e)),t}function P(e){return(""+e).replace(n,function(e){return i[e]})}function R(t){return t=t.toLowerCase(),function(e){return 0<=e.title.toLowerCase().indexOf(t)}}function I(e,t){var n,i,r;for(this.parent=e,this.tree=e.tree,this.ul=null,this.li=null,this.statusNodeType=null,this._isLoading=!1,this._error=null,this.data={},n=0,i=m.length;n<i;n++)this[r=m[n]]=t[r];for(r in null==this.unselectableIgnore&&null==this.unselectableStatus||(this.unselectable=!0),t.hideCheckbox&&k.error("'hideCheckbox' node option was removed in v2.23.0: use 'checkbox: false'"),t.data&&k.extend(this.data,t.data),t)s[r]||!this.tree.options.copyFunctionsToData&&w(t[r])||a[r]||(this.data[r]=t[r]);null==this.key?this.tree.options.defaultKey?(this.key=""+this.tree.options.defaultKey(this),_(this.key,"defaultKey() must return a unique key")):this.key="_"+h._nextNodeKey++:this.key=""+this.key,t.active&&(_(null===this.tree.activeNode,"only one active node allowed"),this.tree.activeNode=this),t.selected&&(this.tree.lastSelectedNode=this),(e=t.children)?e.length?this._setChildren(e):this.children=this.lazy?[]:null:this.children=null,this.tree._callHook("treeRegisterNode",this.tree,!0,this)}function F(e){this.widget=e,this.$div=e.element,this.options=e.options,this.options&&(void 0!==this.options.lazyload&&k.error("The 'lazyload' event is deprecated since 2014-02-25. Use 'lazyLoad' (with uppercase L) instead."),void 0!==this.options.loaderror&&k.error("The 'loaderror' event was renamed since 2014-07-03. Use 'loadError' (with uppercase E) instead."),void 0!==this.options.fx&&k.error("The 'fx' option was replaced by 'toggleEffect' since 2014-11-30."),void 0!==this.options.removeNode&&k.error("The 'removeNode' event was replaced by 'modifyChild' since 2.20 (2016-09-10).")),this.ext={},this.types={},this.columns={},this.data=H(this.$div),this._id=""+(this.options.treeId||k.ui.fancytree._nextId++),this._ns=".fancytree-"+this._id,this.activeNode=null,this.focusNode=null,this._hasFocus=null,this._tempCache={},this._lastMousedownNode=null,this._enableUpdate=!0,this.lastSelectedNode=null,this.systemFocusElement=null,this.lastQuicksearchTerm="",this.lastQuicksearchTime=0,this.viewport=null,this.statusClassPropName="span",this.ariaPropName="li",this.nodeContainerAttrName="li",this.$div.find(">ul.fancytree-container").remove(),this.rootNode=new I({tree:this},{title:"root",key:"root_"+this._id,children:null,expanded:!0}),this.rootNode.parent=null,e=k("<ul>",{id:"ft-id-"+this._id,class:"ui-fancytree fancytree-container fancytree-plain"}).appendTo(this.$div),this.$container=e,this.rootNode.ul=e[0],null==this.options.debugLevel&&(this.options.debugLevel=h.debugLevel)}k.ui.fancytree.warn("Fancytree: ignored duplicate include")});
+
+/*! Extension 'jquery.fancytree.childcounter.min.js' */!function(e){"function"==typeof define&&define.amd?define(["jquery","./jquery.fancytree"],e):"object"==typeof module&&module.exports?(require("./jquery.fancytree"),module.exports=e(require("jquery"))):e(jQuery)}(function(i){"use strict";return i.ui.fancytree._FancytreeClass.prototype.countSelected=function(e){this.options;return this.getSelectedNodes(e).length},i.ui.fancytree._FancytreeNodeClass.prototype.updateCounters=function(){var e=this,n=i("span.fancytree-childcounter",e.span),t=e.tree.options.childcounter,o=e.countChildren(t.deep);!(e.data.childCounter=o)&&t.hideZeros||e.isExpanded()&&t.hideExpanded?n.remove():(n=!n.length?i("<span class='fancytree-childcounter'/>").appendTo(i("span.fancytree-icon,span.fancytree-custom-icon",e.span)):n).text(o),!t.deep||e.isTopLevel()||e.isRootNode()||e.parent.updateCounters()},i.ui.fancytree.prototype.widgetMethod1=function(e){this.tree;return e},i.ui.fancytree.registerExtension({name:"childcounter",version:"2.38.2",options:{deep:!0,hideZeros:!0,hideExpanded:!1},foo:42,_appendCounter:function(e){},treeInit:function(e){e.options,e.options.childcounter;this._superApply(arguments),this.$container.addClass("fancytree-ext-childcounter")},treeDestroy:function(e){this._superApply(arguments)},nodeRenderTitle:function(e,n){var t=e.node,o=e.options.childcounter,r=null==t.data.childCounter?t.countChildren(o.deep):+t.data.childCounter;this._super(e,n),!r&&o.hideZeros||t.isExpanded()&&o.hideExpanded||i("span.fancytree-icon,span.fancytree-custom-icon",t.span).append(i("<span class='fancytree-childcounter'/>").text(r))},nodeSetExpanded:function(e,n,t){var o=e.tree;e.node;return this._superApply(arguments).always(function(){o.nodeRenderTitle(e)})}}),i.ui.fancytree});
+
+/*! Extension 'jquery.fancytree.clones.min.js' */!function(e){"function"==typeof define&&define.amd?define(["jquery","./jquery.fancytree"],e):"object"==typeof module&&module.exports?(require("./jquery.fancytree"),module.exports=e(require("jquery"))):e(jQuery)}(function(c){"use strict";var f=c.ui.fancytree.assert;function n(e,t,n){for(var r,s,i=3&e.length,o=e.length-i,l=n,a=3432918353,u=461845907,c=0;c<o;)s=255&e.charCodeAt(c)|(255&e.charCodeAt(++c))<<8|(255&e.charCodeAt(++c))<<16|(255&e.charCodeAt(++c))<<24,++c,l=27492+(65535&(r=5*(65535&(l=(l^=s=(65535&(s=(s=(65535&s)*a+(((s>>>16)*a&65535)<<16)&4294967295)<<15|s>>>17))*u+(((s>>>16)*u&65535)<<16)&4294967295)<<13|l>>>19))+((5*(l>>>16)&65535)<<16)&4294967295))+((58964+(r>>>16)&65535)<<16);switch(s=0,i){case 3:s^=(255&e.charCodeAt(c+2))<<16;case 2:s^=(255&e.charCodeAt(c+1))<<8;case 1:l^=s=(65535&(s=(s=(65535&(s^=255&e.charCodeAt(c)))*a+(((s>>>16)*a&65535)<<16)&4294967295)<<15|s>>>17))*u+(((s>>>16)*u&65535)<<16)&4294967295}return l^=e.length,l=2246822507*(65535&(l^=l>>>16))+((2246822507*(l>>>16)&65535)<<16)&4294967295,l=3266489909*(65535&(l^=l>>>13))+((3266489909*(l>>>16)&65535)<<16)&4294967295,l^=l>>>16,t?("0000000"+(l>>>0).toString(16)).substr(-8):l>>>0}return c.ui.fancytree._FancytreeNodeClass.prototype.getCloneList=function(e){var t,n=this.tree,r=n.refMap[this.refKey]||null,s=n.keyMap;return r&&(t=this.key,e?r=c.map(r,function(e){return s[e]}):(r=c.map(r,function(e){return e===t?null:s[e]})).length<1&&(r=null)),r},c.ui.fancytree._FancytreeNodeClass.prototype.isClone=function(){var e=this.refKey||null,e=e&&this.tree.refMap[e]||null;return!!(e&&1<e.length)},c.ui.fancytree._FancytreeNodeClass.prototype.reRegister=function(t,e){e=null==e?null:""+e;var n=this.tree,r=this.key,s=this.refKey,i=n.keyMap,o=n.refMap,l=o[s]||null,n=!1;return null!=(t=null==t?null:""+t)&&t!==this.key&&(i[t]&&c.error("[ext-clones] reRegister("+t+"): already exists: "+this),delete i[r],i[t]=this,l&&(o[s]=c.map(l,function(e){return e===r?t:e})),this.key=t,n=!0),null!=e&&e!==this.refKey&&(l&&(1===l.length?delete o[s]:o[s]=c.map(l,function(e){return e===r?null:e})),o[e]?o[e].append(t):o[e]=[this.key],this.refKey=e,n=!0),n},c.ui.fancytree._FancytreeNodeClass.prototype.setRefKey=function(e){return this.reRegister(null,e)},c.ui.fancytree._FancytreeClass.prototype.getNodesByRef=function(e,t){var n=this.keyMap,e=this.refMap[e]||null;return e=e&&(e=t?c.map(e,function(e){e=n[e];return e.isDescendantOf(t)?e:null}):c.map(e,function(e){return n[e]})).length<1?null:e},c.ui.fancytree._FancytreeClass.prototype.changeRefKey=function(e,t){var n,r=this.keyMap,s=this.refMap[e]||null;if(s){for(n=0;n<s.length;n++)r[s[n]].refKey=t;delete this.refMap[e],this.refMap[t]=s}},c.ui.fancytree.registerExtension({name:"clones",version:"2.38.2",options:{highlightActiveClones:!0,highlightClones:!1},treeCreate:function(e){this._superApply(arguments),e.tree.refMap={},e.tree.keyMap={}},treeInit:function(e){this.$container.addClass("fancytree-ext-clones"),f(null==e.options.defaultKey),e.options.defaultKey=function(e){return t=e,"id_"+(t=n(e=(e=c.map(e.getParentList(!1,!0),function(e){return e.refKey||e.key})).join("/"),!0))+n(t+e,!0);var t},this._superApply(arguments)},treeClear:function(e){return e.tree.refMap={},e.tree.keyMap={},this._superApply(arguments)},treeRegisterNode:function(e,t,n){var r,s,i=e.tree,o=i.keyMap,l=i.refMap,a=n.key,u=n&&null!=n.refKey?""+n.refKey:null;return n.isStatusNode()||(t?(null!=o[n.key]&&(s=o[n.key],s="clones.treeRegisterNode: duplicate key '"+n.key+"': /"+n.getPath(!0)+" => "+s.getPath(!0),i.error(s),c.error(s)),o[a]=n,u&&((r=l[u])?(r.push(a),2===r.length&&e.options.clones.highlightClones&&o[r[0]].renderStatus()):l[u]=[a])):(null==o[a]&&c.error("clones.treeRegisterNode: node.key not registered: "+n.key),delete o[a],u&&(r=l[u])&&((s=r.length)<=1?(f(1===s),f(r[0]===a),delete l[u]):(function(e,t){for(var n=e.length-1;0<=n;n--)if(e[n]===t)return e.splice(n,1)}(r,a),2===s&&e.options.clones.highlightClones&&o[r[0]].renderStatus())))),this._super(e,t,n)},nodeRenderStatus:function(e){var t,n=e.node,r=this._super(e);return e.options.clones.highlightClones&&(t=c(n[e.tree.statusClassPropName])).length&&n.isClone()&&t.addClass("fancytree-clone"),r},nodeSetActive:function(e,n,t){var r=e.tree.statusClassPropName,s=e.node,i=this._superApply(arguments);return e.options.clones.highlightActiveClones&&s.isClone()&&c.each(s.getCloneList(!0),function(e,t){c(t[r]).toggleClass("fancytree-active-clone",!1!==n)}),i}}),c.ui.fancytree});
+
+/*! Extension 'jquery.fancytree.dnd.min.js' */!function(e){"function"==typeof define&&define.amd?define(["jquery","jquery-ui/ui/widgets/draggable","jquery-ui/ui/widgets/droppable","./jquery.fancytree"],e):"object"==typeof module&&module.exports?(require("./jquery.fancytree"),module.exports=e(require("jquery"))):e(jQuery)}(function(v){"use strict";var t=!1,g="fancytree-drop-accept",u="fancytree-drop-after",c="fancytree-drop-before",f="fancytree-drop-reject";function h(e){return 0===e?"":0<e?"+"+e:""+e}function r(e){var r=e.options.dnd||null,n=e.options.glyph||null;r&&(t||(v.ui.plugin.add("draggable","connectToFancytree",{start:function(e,r){var t=v(this).data("ui-draggable")||v(this).data("draggable"),a=r.helper.data("ftSourceNode")||null;if(a)return t.offset.click.top=-2,t.offset.click.left=16,a.tree.ext.dnd._onDragEvent("start",a,null,e,r,t)},drag:function(e,r){var t,a=v(this).data("ui-draggable")||v(this).data("draggable"),n=r.helper.data("ftSourceNode")||null,o=r.helper.data("ftTargetNode")||null,d=v.ui.fancytree.getNode(e.target),l=n&&n.tree.options.dnd;e.target&&!d&&0<v(e.target).closest("div.fancytree-drag-helper,#fancytree-drop-marker").length?(n||o||v.ui.fancytree).debug("Drag event over helper: ignored."):(r.helper.data("ftTargetNode",d),l&&l.updateHelper&&(t=n.tree._makeHookContext(n,e,{otherNode:d,ui:r,draggable:a,dropMarker:v("#fancytree-drop-marker")}),l.updateHelper.call(n.tree,n,t)),o&&o!==d&&o.tree.ext.dnd._onDragEvent("leave",o,n,e,r,a),d&&d.tree.options.dnd.dragDrop&&(d===o||d.tree.ext.dnd._onDragEvent("enter",d,n,e,r,a),d.tree.ext.dnd._onDragEvent("over",d,n,e,r,a)))},stop:function(e,r){var t=v(this).data("ui-draggable")||v(this).data("draggable"),a=r.helper.data("ftSourceNode")||null,n=r.helper.data("ftTargetNode")||null,o="mouseup"===e.type&&1===e.which;o||(a||n||v.ui.fancytree).debug("Drag was cancelled"),n&&(o&&n.tree.ext.dnd._onDragEvent("drop",n,a,e,r,t),n.tree.ext.dnd._onDragEvent("leave",n,a,e,r,t)),a&&a.tree.ext.dnd._onDragEvent("stop",a,null,e,r,t)}}),t=!0)),r&&r.dragStart&&e.widget.element.draggable(v.extend({addClasses:!1,appendTo:e.$container,containment:!1,delay:0,distance:4,revert:!1,scroll:!0,scrollSpeed:7,scrollSensitivity:10,connectToFancytree:!0,helper:function(e){var r,t,a=v.ui.fancytree.getNode(e.target);return a?(t=a.tree.options.dnd,r=v(a.span),(r=v("<div class='fancytree-drag-helper'><span class='fancytree-drag-helper-img' /></div>").css({zIndex:3,position:"relative"}).append(r.find("span.fancytree-title").clone())).data("ftSourceNode",a),n&&r.find(".fancytree-drag-helper-img").addClass(n.map._addClass+" "+n.map.dragHelper),t.initHelper&&t.initHelper.call(a.tree,a,{node:a,tree:a.tree,originalEvent:e,ui:{helper:r}}),r):"<div>ERROR?: helper requested but sourceNode not found</div>"},start:function(e,r){return!!r.helper.data("ftSourceNode")}},e.options.dnd.draggable)),r&&r.dragDrop&&e.widget.element.droppable(v.extend({addClasses:!1,tolerance:"intersect",greedy:!1},e.options.dnd.droppable))}return v.ui.fancytree.registerExtension({name:"dnd",version:"2.38.2",options:{autoExpandMS:1e3,draggable:null,droppable:null,focusOnClick:!1,preventVoidMoves:!0,preventRecursiveMoves:!0,smartRevert:!0,dropMarkerOffsetX:-24,dropMarkerInsertOffsetX:-16,dragStart:null,dragStop:null,initHelper:null,updateHelper:null,dragEnter:null,dragOver:null,dragExpand:null,dragDrop:null,dragLeave:null},treeInit:function(t){var e=t.tree;this._superApply(arguments),e.options.dnd.dragStart&&e.$container.on("mousedown",function(e){var r;t.options.dnd.focusOnClick&&((r=v.ui.fancytree.getNode(e))&&r.debug("Re-enable focus that was prevented by jQuery UI draggable."),setTimeout(function(){v(e.target).closest(":tabbable").focus()},10))}),r(e)},_setDndStatus:function(e,r,t,a,n){var o,d="center",l=this._local,s=this.options.dnd,i=this.options.glyph,p=e?v(e.span):null,e=v(r.span),r=e.find("span.fancytree-title");if(l.$dropMarker||(l.$dropMarker=v("<div id='fancytree-drop-marker'></div>").hide().css({"z-index":1e3}).prependTo(v(this.$div).parent()),i&&l.$dropMarker.addClass(i.map._addClass+" "+i.map.dropMarker)),"after"===a||"before"===a||"over"===a){switch(o=s.dropMarkerOffsetX||0,a){case"before":d="top",o+=s.dropMarkerInsertOffsetX||0;break;case"after":d="bottom",o+=s.dropMarkerInsertOffsetX||0}r={my:"left"+h(o)+" center",at:"left "+d,of:r},this.options.rtl&&(r.my="right"+h(-o)+" center",r.at="right "+d),l.$dropMarker.toggleClass(u,"after"===a).toggleClass("fancytree-drop-over","over"===a).toggleClass(c,"before"===a).toggleClass("fancytree-rtl",!!this.options.rtl).show().position(v.ui.fancytree.fixPositionOptions(r))}else l.$dropMarker.hide();p&&p.toggleClass(g,!0===n).toggleClass(f,!1===n),e.toggleClass("fancytree-drop-target","after"===a||"before"===a||"over"===a).toggleClass(u,"after"===a).toggleClass(c,"before"===a).toggleClass(g,!0===n).toggleClass(f,!1===n),t.toggleClass(g,!0===n).toggleClass(f,!1===n)},_onDragEvent:function(e,r,t,a,n,o){var d,l,s,i,p=this.options.dnd,g=this._makeHookContext(r,a,{otherNode:t,ui:n,draggable:o}),u=null,c=this,f=v(r.span);switch(p.smartRevert&&(o.options.revert="invalid"),e){case"start":r.isStatusNode()?u=!1:p.dragStart&&(u=p.dragStart(r,g)),!1===u?(this.debug("tree.dragStart() cancelled"),n.helper.trigger("mouseup").hide()):(p.smartRevert&&(d=r[g.tree.nodeContainerAttrName].getBoundingClientRect(),l=v(o.options.appendTo)[0].getBoundingClientRect(),o.originalPosition.left=Math.max(0,d.left-l.left),o.originalPosition.top=Math.max(0,d.top-l.top)),f.addClass("fancytree-drag-source"),v(document).on("keydown.fancytree-dnd,mousedown.fancytree-dnd",function(e){("keydown"===e.type&&e.which===v.ui.keyCode.ESCAPE||"mousedown"===e.type)&&c.ext.dnd._cancelDrag()}));break;case"enter":u=!!(i=(!p.preventRecursiveMoves||!r.isDescendantOf(t))&&(p.dragEnter?p.dragEnter(r,g):null))&&(Array.isArray(i)?{over:0<=v.inArray("over",i),before:0<=v.inArray("before",i),after:0<=v.inArray("after",i)}:{over:!0===i||"over"===i,before:!0===i||"before"===i,after:!0===i||"after"===i}),n.helper.data("enterResponse",u);break;case"over":s=null,!1===(l=n.helper.data("enterResponse"))||("string"==typeof l?s=l:(i=f.offset(),i={x:(i={x:a.pageX-i.left,y:a.pageY-i.top}).x/f.width(),y:i.y/f.height()},l.after&&.75<i.y||!l.over&&l.after&&.5<i.y?s="after":l.before&&i.y<=.25||!l.over&&l.before&&i.y<=.5?s="before":l.over&&(s="over"),p.preventVoidMoves&&(r===t?(this.debug("    drop over source node prevented"),s=null):"before"===s&&t&&r===t.getNextSibling()?(this.debug("    drop after source node prevented"),s=null):"after"===s&&t&&r===t.getPrevSibling()?(this.debug("    drop before source node prevented"),s=null):"over"===s&&t&&t.parent===r&&t.isLastSibling()&&(this.debug("    drop last child over own parent prevented"),s=null)),n.helper.data("hitMode",s))),"before"===s||"after"===s||!p.autoExpandMS||!1===r.hasChildren()||r.expanded||p.dragExpand&&!1===p.dragExpand(r,g)||r.scheduleAction("expand",p.autoExpandMS),s&&p.dragOver&&(g.hitMode=s,u=p.dragOver(r,g)),l=!1!==u&&null!==s,p.smartRevert&&(o.options.revert=!l),this._local._setDndStatus(t,r,n.helper,s,l);break;case"drop":(s=n.helper.data("hitMode"))&&p.dragDrop&&(g.hitMode=s,p.dragDrop(r,g));break;case"leave":r.scheduleAction("cancel"),n.helper.data("enterResponse",null),n.helper.data("hitMode",null),this._local._setDndStatus(t,r,n.helper,"out",void 0),p.dragLeave&&p.dragLeave(r,g);break;case"stop":f.removeClass("fancytree-drag-source"),v(document).off(".fancytree-dnd"),p.dragStop&&p.dragStop(r,g);break;default:v.error("Unsupported drag event: "+e)}return u},_cancelDrag:function(){var e=v.ui.ddmanager.current;e&&e.cancel()}}),v.ui.fancytree});
+
+/*! Extension 'jquery.fancytree.dnd5.min.js' */!function(e){"function"==typeof define&&define.amd?define(["jquery","./jquery.fancytree"],e):"object"==typeof module&&module.exports?(require("./jquery.fancytree"),module.exports=e(require("jquery"))):e(jQuery)}(function(c){"use strict";var s,l,u=c.ui.fancytree,n=/Mac/.test(navigator.platform),i="fancytree-drag-source",f="fancytree-drag-remove",v="fancytree-drop-accept",y="fancytree-drop-after",b="fancytree-drop-before",h="fancytree-drop-over",m="fancytree-drop-reject",E="fancytree-drop-target",p="application/x-fancytree-node",D=null,g=null,w=null,N=null,x=null,d=null,S=null,k=null,C=null,M=null;function A(){w=g=d=k=S=M=x=null,N&&N.removeClass(i+" "+f),N=null,D&&D.hide(),l&&(l.remove(),l=null)}function T(e){return 0===e?"":0<e?"+"+e:""+e}function I(e,r){var t,o=r.tree,a=r.dataTransfer;"dragstart"===e.type?(r.effectAllowed=o.options.dnd5.effectAllowed,r.dropEffect=o.options.dnd5.dropEffectDefault):(r.effectAllowed=k,r.dropEffect=S),r.dropEffectSuggested=(t=e,o=(e=o).options.dnd5.dropEffectDefault,n?t.metaKey&&t.altKey||t.ctrlKey?o="link":t.metaKey?o="move":t.altKey&&(o="copy"):t.ctrlKey?o="copy":t.shiftKey?o="move":t.altKey&&(o="link"),o!==d&&e.info("evalEffectModifiers: "+t.type+" - evalEffectModifiers(): "+d+" -> "+o),d=o),r.isMove="move"===r.dropEffect,r.files=a.files||[]}function O(e,r,t){var o=r.tree,a=r.dataTransfer;return"dragstart"!==e.type&&k!==r.effectAllowed&&o.warn("effectAllowed should only be changed in dragstart event: "+e.type+": data.effectAllowed changed from "+k+" -> "+r.effectAllowed),!1===t&&(o.info("applyDropEffectCallback: allowDrop === false"),r.effectAllowed="none",r.dropEffect="none"),r.isMove="move"===r.dropEffect,"dragstart"===e.type&&(k=r.effectAllowed,S=r.dropEffect),a.effectAllowed=k,a.dropEffect=S}function P(e,r){if(r.options.dnd5.scroll&&(g=r.tree,d=e,a=g.options.dnd5,n=g.$scrollParent[0],l=a.scrollSensitivity,p=a.scrollSpeed,o=0,n!==document&&"HTML"!==n.tagName?(a=g.$scrollParent.offset(),i=n.scrollTop,a.top+n.offsetHeight-d.pageY<l?0<n.scrollHeight-g.$scrollParent.innerHeight()-i&&(n.scrollTop=o=i+p):0<i&&d.pageY-a.top<l&&(n.scrollTop=o=i-p)):0<(i=c(document).scrollTop())&&d.pageY-i<l?(o=i-p,c(document).scrollTop(o)):c(window).height()-(d.pageY-i)<l&&(o=i+p,c(document).scrollTop(o)),o&&g.debug("autoScroll: "+o+"px")),!r.node)return r.tree.warn("Ignored dragover for non-node"),C;var t,o,a=null,n=r.tree,d=n.options,s=d.dnd5,l=r.node,i=r.otherNode,f="center",p=c(l.span),g=p.find("span.fancytree-title");if(!1===x)return n.debug("Ignored dragover, since dragenter returned false."),!1;if("string"==typeof x&&c.error("assert failed: dragenter returned string"),o=p.offset(),p=(e.pageY-o.top)/p.height(),void 0===e.pageY&&n.warn("event.pageY is undefined: see issue #1013."),x.after&&.75<p||!x.over&&x.after&&.5<p?a="after":x.before&&p<=.25||!x.over&&x.before&&p<=.5?a="before":x.over&&(a="over"),s.preventVoidMoves&&"move"===r.dropEffect&&(l===i?(l.debug("Drop over source node prevented."),a=null):"before"===a&&i&&l===i.getNextSibling()?(l.debug("Drop after source node prevented."),a=null):"after"===a&&i&&l===i.getPrevSibling()?(l.debug("Drop before source node prevented."),a=null):"over"===a&&i&&i.parent===l&&i.isLastSibling()&&(l.debug("Drop last child over own parent prevented."),a=null)),(r.hitMode=a)&&s.dragOver&&(I(e,r),s.dragOver(l,r),O(e,r,!!a),a=r.hitMode),"after"===(C=a)||"before"===a||"over"===a){switch(t=s.dropMarkerOffsetX||0,a){case"before":f="top",t+=s.dropMarkerInsertOffsetX||0;break;case"after":f="bottom",t+=s.dropMarkerInsertOffsetX||0}g={my:"left"+T(t)+" center",at:"left "+f,of:g},d.rtl&&(g.my="right"+T(-t)+" center",g.at="right "+f),D.toggleClass(y,"after"===a).toggleClass(h,"over"===a).toggleClass(b,"before"===a).show().position(u.fixPositionOptions(g))}else D.hide();return c(l.span).toggleClass(E,"after"===a||"before"===a||"over"===a).toggleClass(y,"after"===a).toggleClass(b,"before"===a).toggleClass(v,"over"===a).toggleClass(m,!1===a),a}function j(e){var r,t=this,o=t.options.dnd5,a=null,n=u.getNode(e),d=e.dataTransfer||e.originalEvent.dataTransfer,s={tree:t,node:n,options:t.options,originalEvent:e.originalEvent,widget:t.widget,hitMode:x,dataTransfer:d,otherNode:g||null,otherNodeList:w||null,otherNodeData:null,useDefaultImage:!0,dropEffect:void 0,dropEffectSuggested:void 0,effectAllowed:void 0,files:null,isCancelled:void 0,isMove:void 0};switch(e.type){case"dragenter":if(M=null,!n){t.debug("Ignore non-node "+e.type+": "+e.target.tagName+"."+e.target.className),x=!1;break}if(c(n.span).addClass(h).removeClass(v+" "+m),r=0<=c.inArray(p,d.types),o.preventNonNodes&&!r){n.debug("Reject dropping a non-node."),x=!1;break}if(o.preventForeignNodes&&(!g||g.tree!==n.tree)){n.debug("Reject dropping a foreign node."),x=!1;break}if(o.preventSameParent&&s.otherNode&&s.otherNode.tree===n.tree&&n.parent===s.otherNode.parent){n.debug("Reject dropping as sibling (same parent)."),x=!1;break}if(o.preventRecursion&&s.otherNode&&s.otherNode.tree===n.tree&&n.isDescendantOf(s.otherNode)){n.debug("Reject dropping below own ancestor."),x=!1;break}if(o.preventLazyParents&&!n.isLoaded()){n.warn("Drop over unloaded target node prevented."),x=!1;break}D.show(),I(e,s),r=o.dragEnter(n,s),r=!!(r=r)&&(r=c.isPlainObject(r)?{over:!!r.over,before:!!r.before,after:!!r.after}:Array.isArray(r)?{over:0<=c.inArray("over",r),before:0<=c.inArray("before",r),after:0<=c.inArray("after",r)}:{over:!0===r||"over"===r,before:!0===r||"before"===r,after:!0===r||"after"===r},0!==Object.keys(r).length&&r),O(e,s,a=(x=r)&&(r.over||r.before||r.after));break;case"dragover":if(!n){t.debug("Ignore non-node "+e.type+": "+e.target.tagName+"."+e.target.className);break}I(e,s),a=!!(C=P(e,s)),("over"===C||!1===C)&&!n.expanded&&!1!==n.hasChildren()?M?!(o.autoExpandMS&&Date.now()-M>o.autoExpandMS)||n.isLoading()||o.dragExpand&&!1===o.dragExpand(n,s)||n.setExpanded():M=Date.now():M=null;break;case"dragleave":if(!n){t.debug("Ignore non-node "+e.type+": "+e.target.tagName+"."+e.target.className);break}if(!c(n.span).hasClass(h)){n.debug("Ignore dragleave (multi).");break}c(n.span).removeClass(h+" "+v+" "+m),n.scheduleAction("cancel"),o.dragLeave(n,s),D.hide();break;case"drop":if(0<=c.inArray(p,d.types)&&(i=d.getData(p),t.info(e.type+": getData('application/x-fancytree-node'): '"+i+"'")),i||(i=d.getData("text"),t.info(e.type+": getData('text'): '"+i+"'")),i)try{void 0!==(l=JSON.parse(i)).title&&(s.otherNodeData=l)}catch(e){}t.debug(e.type+": nodeData: '"+i+"', otherNodeData: ",s.otherNodeData),c(n.span).removeClass(h+" "+v+" "+m),s.hitMode=C,I(e,s),s.isCancelled=!C;var l=g&&g.span,i=g&&g.tree;o.dragDrop(n,s),e.preventDefault(),l&&!document.body.contains(l)&&(i===t?(t.debug("Drop handler removed source element: generating dragEnd."),o.dragEnd(g,s)):t.warn("Drop handler removed source element: dragend event may be lost.")),A()}if(a)return e.preventDefault(),!1}return c.ui.fancytree.getDragNodeList=function(){return w||[]},c.ui.fancytree.getDragNode=function(){return g},c.ui.fancytree.registerExtension({name:"dnd5",version:"2.38.2",options:{autoExpandMS:1500,dropMarkerInsertOffsetX:-16,dropMarkerOffsetX:-24,dropMarkerParent:"body",multiSource:!1,effectAllowed:"all",dropEffectDefault:"move",preventForeignNodes:!1,preventLazyParents:!0,preventNonNodes:!1,preventRecursion:!0,preventSameParent:!1,preventVoidMoves:!0,scroll:!0,scrollSensitivity:20,scrollSpeed:5,setTextTypeJson:!1,sourceCopyHook:null,dragStart:null,dragDrag:c.noop,dragEnd:c.noop,dragEnter:null,dragOver:c.noop,dragExpand:c.noop,dragDrop:c.noop,dragLeave:c.noop},treeInit:function(e){var r=e.tree,t=e.options,o=t.glyph||null,a=t.dnd5;0<=c.inArray("dnd",t.extensions)&&c.error("Extensions 'dnd' and 'dnd5' are mutually exclusive."),a.dragStop&&c.error("dragStop is not used by ext-dnd5. Use dragEnd instead."),null!=a.preventRecursiveMoves&&c.error("preventRecursiveMoves was renamed to preventRecursion."),a.dragStart&&u.overrideMethod(e.options,"createNode",function(e,r){this._super.apply(this,arguments),r.node.span?r.node.span.draggable=!0:r.node.warn("Cannot add `draggable`: no span tag")}),this._superApply(arguments),this.$container.addClass("fancytree-ext-dnd5"),e=c("<span>").appendTo(this.$container),this.$scrollParent=e.scrollParent(),e.remove(),(D=c("#fancytree-drop-marker")).length||(D=c("<div id='fancytree-drop-marker'></div>").hide().css({"z-index":1e3,"pointer-events":"none"}).prependTo(a.dropMarkerParent),o&&u.setSpanIcon(D[0],o.map._addClass,o.map.dropMarker)),D.toggleClass("fancytree-rtl",!!t.rtl),a.dragStart&&r.$container.on("dragstart drag dragend",function(e){var r=this,t=r.options.dnd5,o=u.getNode(e),a=e.dataTransfer||e.originalEvent.dataTransfer,n={tree:r,node:o,options:r.options,originalEvent:e.originalEvent,widget:r.widget,dataTransfer:a,useDefaultImage:!0,dropEffect:void 0,dropEffectSuggested:void 0,effectAllowed:void 0,files:void 0,isCancelled:void 0,isMove:void 0};switch(e.type){case"dragstart":if(!o)return r.info("Ignored dragstart on a non-node."),!1;g=o,w=!1===t.multiSource?[o]:!0===t.multiSource?o.isSelected()?r.getSelectedNodes():[o]:t.multiSource(o,n),(N=c(c.map(w,function(e){return e.span}))).addClass(i);var d=o.toDict(!0,t.sourceCopyHook);d.treeId=o.tree._id,d=JSON.stringify(d);try{a.setData(p,d),a.setData("text/html",c(o.span).html()),a.setData("text/plain",o.title)}catch(e){r.warn("Could not set data (IE only accepts 'text') - "+e)}return(t.setTextTypeJson?a.setData("text",d):a.setData("text",o.title),I(e,n),!1===t.dragStart(o,n))?(A(),!1):(O(e,n),l=null,n.useDefaultImage&&(s=c(o.span).find(".fancytree-title"),w&&1<w.length&&(l=c("<span class='fancytree-childcounter'/>").text("+"+(w.length-1)).appendTo(s)),a.setDragImage&&a.setDragImage(s[0],-10,-10)),!0);case"drag":I(e,n),t.dragDrag(o,n),O(e,n),N.toggleClass(f,n.isMove);break;case"dragend":I(e,n),A(),n.isCancelled=!C,t.dragEnd(o,n,!C)}}.bind(r)),a.dragEnter&&r.$container.on("dragenter dragover dragleave drop",j.bind(r))}}),c.ui.fancytree});
+
+/*! Extension 'jquery.fancytree.edit.min.js' */!function(e){"function"==typeof define&&define.amd?define(["jquery","./jquery.fancytree"],e):"object"==typeof module&&module.exports?(require("./jquery.fancytree"),module.exports=e(require("jquery"))):e(jQuery)}(function(l){"use strict";var t=/Mac/.test(navigator.platform),c=l.ui.fancytree.escapeHtml,u=l.ui.fancytree.trim,o=l.ui.fancytree.unescapeHtml;return l.ui.fancytree._FancytreeNodeClass.prototype.editStart=function(){var t,i=this,e=this.tree,n=e.ext.edit,r=e.options.edit,a=l(".fancytree-title",i.span),s={node:i,tree:e,options:e.options,isNew:l(i[e.statusClassPropName]).hasClass("fancytree-edit-new"),orgTitle:i.title,input:null,dirty:!1};if(!1===r.beforeEdit.call(i,{type:"beforeEdit"},s))return!1;l.ui.fancytree.assert(!n.currentNode,"recursive edit"),n.currentNode=this,n.eventData=s,e.widget._unbind(),n.lastDraggableAttrValue=i.span.draggable,n.lastDraggableAttrValue&&(i.span.draggable=!1),l(document).on("mousedown.fancytree-edit",function(e){l(e.target).hasClass("fancytree-edit-input")||i.editEnd(!0,e)}),t=l("<input />",{class:"fancytree-edit-input",type:"text",value:e.options.escapeTitles?s.orgTitle:o(s.orgTitle)}),n.eventData.input=t,null!=r.adjustWidthOfs&&t.width(a.width()+r.adjustWidthOfs),null!=r.inputCss&&t.css(r.inputCss),a.html(t),t.focus().change(function(e){t.addClass("fancytree-edit-dirty")}).on("keydown",function(e){switch(e.which){case l.ui.keyCode.ESCAPE:i.editEnd(!1,e);break;case l.ui.keyCode.ENTER:return i.editEnd(!0,e),!1}e.stopPropagation()}).blur(function(e){return i.editEnd(!0,e)}),r.edit.call(i,{type:"edit"},s)},l.ui.fancytree._FancytreeNodeClass.prototype.editEnd=function(e,t){var i,n=this,r=this.tree,a=r.ext.edit,s=a.eventData,o=r.options.edit,d=l(".fancytree-title",n.span).find("input.fancytree-edit-input");return o.trim&&d.val(u(d.val())),i=d.val(),s.dirty=i!==n.title,s.originalEvent=t,!1===e?s.save=!1:s.isNew?s.save=""!==i:s.save=s.dirty&&""!==i,!1!==o.beforeClose.call(n,{type:"beforeClose"},s)&&((!s.save||!1!==o.save.call(n,{type:"save"},s))&&(d.removeClass("fancytree-edit-dirty").off(),l(document).off(".fancytree-edit"),s.save?(n.setTitle(r.options.escapeTitles?i:c(i)),n.setFocus()):s.isNew?(n.remove(),n=s.node=null,a.relatedNode.setFocus()):(n.renderTitle(),n.setFocus()),a.eventData=null,a.currentNode=null,a.relatedNode=null,r.widget._bind(),n&&a.lastDraggableAttrValue&&(n.span.draggable=!0),r.$container.get(0).focus({preventScroll:!0}),s.input=null,o.close.call(n,{type:"close"},s),!0))},l.ui.fancytree._FancytreeNodeClass.prototype.editCreateNode=function(e,t){var i,n=this.tree,r=this;e=e||"child",null==t?t={title:""}:"string"==typeof t?t={title:t}:l.ui.fancytree.assert(l.isPlainObject(t)),"child"!==e||this.isExpanded()||!1===this.hasChildren()?((i=this.addNode(t,e)).match=!0,l(i[n.statusClassPropName]).removeClass("fancytree-hide").addClass("fancytree-match"),i.makeVisible().done(function(){l(i[n.statusClassPropName]).addClass("fancytree-edit-new"),r.tree.ext.edit.relatedNode=r,i.editStart()})):this.setExpanded().done(function(){r.editCreateNode(e,t)})},l.ui.fancytree._FancytreeClass.prototype.isEditing=function(){return this.ext.edit?this.ext.edit.currentNode:null},l.ui.fancytree._FancytreeNodeClass.prototype.isEditing=function(){return!!this.tree.ext.edit&&this.tree.ext.edit.currentNode===this},l.ui.fancytree.registerExtension({name:"edit",version:"2.38.2",options:{adjustWidthOfs:4,allowEmpty:!1,inputCss:{minWidth:"3em"},triggerStart:["f2","mac+enter","shift+click"],trim:!0,beforeClose:l.noop,beforeEdit:l.noop,close:l.noop,edit:l.noop,save:l.noop},currentNode:null,treeInit:function(e){var n=e.tree;this._superApply(arguments),this.$container.addClass("fancytree-ext-edit").on("fancytreebeforeupdateviewport",function(e,t){var i=n.isEditing();i&&(i.info("Cancel edit due to scroll event."),i.editEnd(!1,e))})},nodeClick:function(e){var t=l.ui.fancytree.eventToString(e.originalEvent),i=e.options.edit.triggerStart;return"shift+click"===t&&0<=l.inArray("shift+click",i)&&e.originalEvent.shiftKey||"click"===t&&0<=l.inArray("clickActive",i)&&e.node.isActive()&&!e.node.isEditing()&&l(e.originalEvent.target).hasClass("fancytree-title")?(e.node.editStart(),!1):this._superApply(arguments)},nodeDblclick:function(e){return 0<=l.inArray("dblclick",e.options.edit.triggerStart)?(e.node.editStart(),!1):this._superApply(arguments)},nodeKeydown:function(e){switch(e.originalEvent.which){case 113:if(0<=l.inArray("f2",e.options.edit.triggerStart))return e.node.editStart(),!1;break;case l.ui.keyCode.ENTER:if(0<=l.inArray("mac+enter",e.options.edit.triggerStart)&&t)return e.node.editStart(),!1}return this._superApply(arguments)}}),l.ui.fancytree});
+
+/*! Extension 'jquery.fancytree.filter.min.js' */!function(e){"function"==typeof define&&define.amd?define(["jquery","./jquery.fancytree"],e):"object"==typeof module&&module.exports?(require("./jquery.fancytree"),module.exports=e(require("jquery"))):e(jQuery)}(function(g){"use strict";var m="__not_found__",x=g.ui.fancytree.escapeHtml;function v(e){return(e+"").replace(/([.?*+^$[\]\\(){}|-])/g,"\\$1")}function C(e,t,i){for(var n=[],a=1;a<t.length;a++){var r=t[a].length+(1===a?0:1)+(n[n.length-1]||0);n.push(r)}var s=e.split("");return i?n.forEach(function(e){s[e]="\ufff7"+s[e]+"\ufff8"}):n.forEach(function(e){s[e]="<mark>"+s[e]+"</mark>"}),s.join("")}return g.ui.fancytree._FancytreeClass.prototype._applyFilterImpl=function(n,a,e){var t,r,s,l,o,h,d=0,i=this.options,c=i.escapeTitles,u=i.autoCollapse,p=g.extend({},i.filter,e),f="hide"===p.mode,y=!!p.leavesOnly&&!a;if("string"==typeof n){if(""===n)return this.warn("Fancytree passing an empty string as a filter is handled as clearFilter()."),void this.clearFilter();t=p.fuzzy?n.split("").map(v).reduce(function(e,t){return e+"([^"+t+"]*)"+t},""):v(n),r=new RegExp(t,"i"),s=new RegExp(v(n),"gi"),c&&(l=new RegExp(v("\ufff7"),"g"),o=new RegExp(v("\ufff8"),"g")),n=function(e){if(!e.title)return!1;var t,i=c?e.title:0<=(t=e.title).indexOf(">")?g("<div/>").html(t).text():t,t=i.match(r);return t&&p.highlight&&(c?(h=p.fuzzy?C(i,t,c):i.replace(s,function(e){return"\ufff7"+e+"\ufff8"}),e.titleWithHighlight=x(h).replace(l,"<mark>").replace(o,"</mark>")):p.fuzzy?e.titleWithHighlight=C(i,t):e.titleWithHighlight=i.replace(s,function(e){return"<mark>"+e+"</mark>"})),!!t}}return this.enableFilter=!0,this.lastFilterArgs=arguments,e=this.enableUpdate(!1),this.$div.addClass("fancytree-ext-filter"),f?this.$div.addClass("fancytree-ext-filter-hide"):this.$div.addClass("fancytree-ext-filter-dimm"),this.$div.toggleClass("fancytree-ext-filter-hide-expanders",!!p.hideExpanders),this.rootNode.subMatchCount=0,this.visit(function(e){delete e.match,delete e.titleWithHighlight,e.subMatchCount=0}),(t=this.getRootNode()._findDirectChild(m))&&t.remove(),i.autoCollapse=!1,this.visit(function(t){if(!y||null==t.children){var e=n(t),i=!1;if("skip"===e)return t.visit(function(e){e.match=!1},!0),"skip";e||!a&&"branch"!==e||!t.parent.match||(i=e=!0),e&&(d++,t.match=!0,t.visitParents(function(e){e!==t&&(e.subMatchCount+=1),!p.autoExpand||i||e.expanded||(e.setExpanded(!0,{noAnimation:!0,noEvents:!0,scrollIntoView:!1}),e._filterAutoExpanded=!0)},!0))}}),i.autoCollapse=u,0===d&&p.nodata&&f&&(!0===(t="function"==typeof(t=p.nodata)?t():t)?t={}:"string"==typeof t&&(t={title:t}),t=g.extend({statusNodeType:"nodata",key:m,title:this.options.strings.noData},t),this.getRootNode().addNode(t).match=!0),this._callHook("treeStructureChanged",this,"applyFilter"),this.enableUpdate(e),d},g.ui.fancytree._FancytreeClass.prototype.filterNodes=function(e,t){return"boolean"==typeof t&&(t={leavesOnly:t},this.warn("Fancytree.filterNodes() leavesOnly option is deprecated since 2.9.0 / 2015-04-19. Use opts.leavesOnly instead.")),this._applyFilterImpl(e,!1,t)},g.ui.fancytree._FancytreeClass.prototype.filterBranches=function(e,t){return this._applyFilterImpl(e,!0,t)},g.ui.fancytree._FancytreeClass.prototype.updateFilter=function(){this.enableFilter&&this.lastFilterArgs&&this.options.filter.autoApply?this._applyFilterImpl.apply(this,this.lastFilterArgs):this.warn("updateFilter(): no filter active.")},g.ui.fancytree._FancytreeClass.prototype.clearFilter=function(){var t,e=this.getRootNode()._findDirectChild(m),i=this.options.escapeTitles,n=this.options.enhanceTitle,a=this.enableUpdate(!1);e&&e.remove(),delete this.rootNode.match,delete this.rootNode.subMatchCount,this.visit(function(e){e.match&&e.span&&(t=g(e.span).find(">span.fancytree-title"),i?t.text(e.title):t.html(e.title),n&&n({type:"enhanceTitle"},{node:e,$title:t})),delete e.match,delete e.subMatchCount,delete e.titleWithHighlight,e.$subMatchBadge&&(e.$subMatchBadge.remove(),delete e.$subMatchBadge),e._filterAutoExpanded&&e.expanded&&e.setExpanded(!1,{noAnimation:!0,noEvents:!0,scrollIntoView:!1}),delete e._filterAutoExpanded}),this.enableFilter=!1,this.lastFilterArgs=null,this.$div.removeClass("fancytree-ext-filter fancytree-ext-filter-dimm fancytree-ext-filter-hide"),this._callHook("treeStructureChanged",this,"clearFilter"),this.enableUpdate(a)},g.ui.fancytree._FancytreeClass.prototype.isFilterActive=function(){return!!this.enableFilter},g.ui.fancytree._FancytreeNodeClass.prototype.isMatched=function(){return!(this.tree.enableFilter&&!this.match)},g.ui.fancytree.registerExtension({name:"filter",version:"2.38.2",options:{autoApply:!0,autoExpand:!1,counter:!0,fuzzy:!1,hideExpandedCounter:!0,hideExpanders:!1,highlight:!0,leavesOnly:!1,nodata:!0,mode:"dimm"},nodeLoadChildren:function(e,t){var i=e.tree;return this._superApply(arguments).done(function(){i.enableFilter&&i.lastFilterArgs&&e.options.filter.autoApply&&i._applyFilterImpl.apply(i,i.lastFilterArgs)})},nodeSetExpanded:function(e,t,i){var n=e.node;return delete n._filterAutoExpanded,!t&&e.options.filter.hideExpandedCounter&&n.$subMatchBadge&&n.$subMatchBadge.show(),this._superApply(arguments)},nodeRenderStatus:function(e){var t=e.node,i=e.tree,n=e.options.filter,a=g(t.span).find("span.fancytree-title"),r=g(t[i.statusClassPropName]),s=e.options.enhanceTitle,l=e.options.escapeTitles,e=this._super(e);return r.length&&i.enableFilter&&(r.toggleClass("fancytree-match",!!t.match).toggleClass("fancytree-submatch",!!t.subMatchCount).toggleClass("fancytree-hide",!(t.match||t.subMatchCount)),!n.counter||!t.subMatchCount||t.isExpanded()&&n.hideExpandedCounter?t.$subMatchBadge&&t.$subMatchBadge.hide():(t.$subMatchBadge||(t.$subMatchBadge=g("<span class='fancytree-childcounter'/>"),g("span.fancytree-icon, span.fancytree-custom-icon",t.span).append(t.$subMatchBadge)),t.$subMatchBadge.show().text(t.subMatchCount)),!t.span||t.isEditing&&t.isEditing.call(t)||(t.titleWithHighlight?a.html(t.titleWithHighlight):l?a.text(t.title):a.html(t.title),s&&s({type:"enhanceTitle"},{node:t,$title:a}))),e}}),g.ui.fancytree});
+
+/*! Extension 'jquery.fancytree.glyph.min.js' */!function(e){"function"==typeof define&&define.amd?define(["jquery","./jquery.fancytree"],e):"object"==typeof module&&module.exports?(require("./jquery.fancytree"),module.exports=e(require("jquery"))):e(jQuery)}(function(i){"use strict";var d=i.ui.fancytree,n={awesome3:{_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",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",loading:{html:"<span class='fa fa-spinner fa-pulse' />"},nodata:"fa-meh-o",noExpander:"",radio:"fa-circle-thin",radioSelected:"fa-circle",doc:"fa-file-o",docOpen:"fa-file-o",folder:"fa-folder-o",folderOpen:"fa-folder-open-o"},awesome5:{_addClass:"",checkbox:"far fa-square",checkboxSelected:"far fa-check-square",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:"",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",dragHelper:"glyphicon-play",dropMarker:"glyphicon-arrow-right",error:"glyphicon-warning-sign",expanderClosed:"glyphicon-menu-right",expanderLazy:"glyphicon-menu-right",expanderOpen:"glyphicon-menu-down",loading:"glyphicon-refresh fancytree-helper-spin",nodata:"glyphicon-info-sign",noExpander:"",radio:"glyphicon-remove-circle",radioSelected:"glyphicon-ok-circle",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"},doc:{text:"insert_drive_file"},docOpen:{text:"insert_drive_file"},folder:{text:"folder"},folderOpen:{text:"folder_open"}}};function l(e,r,n,a,o){var t=a.map,c=t[o],d=i(r),a=d.find(".fancytree-childcounter"),t=n+" "+(t._addClass||"");"string"==typeof(c="function"==typeof c?c.call(this,e,r,o):c)?(r.innerHTML="",d.attr("class",t+" "+c).append(a)):c&&(c.text?r.textContent=""+c.text:c.html?r.innerHTML=c.html:r.innerHTML="",d.attr("class",t+" "+(c.addClass||"")).append(a))}return i.ui.fancytree.registerExtension({name:"glyph",version:"2.38.2",options:{preset:null,map:{}},treeInit:function(e){var r=e.tree,e=e.options.glyph;e.preset?(d.assert(!!n[e.preset],"Invalid value for `options.glyph.preset`: "+e.preset),e.map=i.extend({},n[e.preset],e.map)):r.warn("ext-glyph: missing `preset` option."),this._superApply(arguments),r.$container.addClass("fancytree-ext-glyph")},nodeRenderStatus:function(e){var r,n,a=e.node,o=i(a.span),t=e.options.glyph,c=this._super(e);return a.isRootNode()||((n=o.children(".fancytree-expander").get(0))&&(r=a.expanded&&a.hasChildren()?"expanderOpen":a.isUndefined()?"expanderLazy":a.hasChildren()?"expanderClosed":"noExpander",l(a,n,"fancytree-expander",t,r)),(n=(a.tr?i("td",a.tr).find(".fancytree-checkbox"):o.children(".fancytree-checkbox")).get(0))&&(e=d.evalOption("checkbox",a,a,t,!1),a.parent&&a.parent.radiogroup||"radio"===e?l(a,n,"fancytree-checkbox fancytree-radio",t,r=a.selected?"radioSelected":"radio"):l(a,n,"fancytree-checkbox",t,r=a.selected?"checkboxSelected":a.partsel?"checkboxUnknown":"checkbox")),(n=o.children(".fancytree-icon").get(0))&&(r=a.statusNodeType||(a.folder?a.expanded&&a.hasChildren()?"folderOpen":"folder":a.expanded?"docOpen":"doc"),l(a,n,"fancytree-icon",t,r))),c},nodeSetStatus:function(e,r,n,a){var o,t=e.options.glyph,c=e.node,e=this._superApply(arguments);return"error"!==r&&"loading"!==r&&"nodata"!==r||(c.parent?(o=i(".fancytree-expander",c.span).get(0))&&l(c,o,"fancytree-expander",t,r):(o=i(".fancytree-statusnode-"+r,c[this.nodeContainerAttrName]).find(".fancytree-icon").get(0))&&l(c,o,"fancytree-icon",t,r)),e}}),i.ui.fancytree});
+
+/*! Extension 'jquery.fancytree.gridnav.min.js' */!function(e){"function"==typeof define&&define.amd?define(["jquery","./jquery.fancytree","./jquery.fancytree.table"],e):"object"==typeof module&&module.exports?(require("./jquery.fancytree.table"),module.exports=e(require("jquery"))):e(jQuery)}(function(l){"use strict";var p=l.ui.keyCode,o={text:[p.UP,p.DOWN],checkbox:[p.UP,p.DOWN,p.LEFT,p.RIGHT],link:[p.UP,p.DOWN,p.LEFT,p.RIGHT],radiobutton:[p.UP,p.DOWN,p.LEFT,p.RIGHT],"select-one":[p.LEFT,p.RIGHT],"select-multiple":[p.LEFT,p.RIGHT]};function a(e,t){var n,i,r,o,a,s,u=e.closest("td"),c=null;switch(t){case p.LEFT:c=u.prev();break;case p.RIGHT:c=u.next();break;case p.UP:case p.DOWN:for(n=u.parent(),r=n,a=u.get(0),s=0,r.children().each(function(){return this!==a&&(o=l(this).prop("colspan"),void(s+=o||1))}),i=s;(n=t===p.UP?n.prev():n.next()).length&&(n.is(":hidden")||!(c=function(e,t){var n,i=null,r=0;return e.children().each(function(){return t<=r?(i=l(this),!1):(n=l(this).prop("colspan"),void(r+=n||1))}),i}(n,i))||!c.find(":input,a").length););}return c}return l.ui.fancytree.registerExtension({name:"gridnav",version:"2.38.2",options:{autofocusInput:!1,handleCursorKeys:!0},treeInit:function(n){this._requireExtension("table",!0,!0),this._superApply(arguments),this.$container.addClass("fancytree-ext-gridnav"),this.$container.on("focusin",function(e){var t=l.ui.fancytree.getNode(e.target);t&&!t.isActive()&&(e=n.tree._makeHookContext(t,e),n.tree._callHook("nodeSetActive",e,!0))})},nodeSetActive:function(e,t,n){var i=e.options.gridnav,r=e.node,o=e.originalEvent||{},o=l(o.target).is(":input");t=!1!==t,this._superApply(arguments),t&&(e.options.titlesTabbable?(o||(l(r.span).find("span.fancytree-title").focus(),r.setFocus()),e.tree.$container.attr("tabindex","-1")):i.autofocusInput&&!o&&l(r.tr||r.span).find(":input:enabled").first().focus())},nodeKeydown:function(e){var t,n,i=e.options.gridnav,r=e.originalEvent,e=l(r.target);return e.is(":input:enabled")?t=e.prop("type"):e.is("a")&&(t="link"),t&&i.handleCursorKeys?!((t=o[t])&&0<=l.inArray(r.which,t)&&(n=a(e,r.which))&&n.length)||(n.find(":input:enabled,a").focus(),!1):this._superApply(arguments)}}),l.ui.fancytree});
+
+/*! Extension 'jquery.fancytree.multi.min.js' */!function(e){"function"==typeof define&&define.amd?define(["jquery","./jquery.fancytree"],e):"object"==typeof module&&module.exports?(require("./jquery.fancytree"),module.exports=e(require("jquery"))):e(jQuery)}(function(o){"use strict";return o.ui.fancytree.registerExtension({name:"multi",version:"2.38.2",options:{allowNoSelect:!1,mode:"sameParent"},treeInit:function(e){this._superApply(arguments),this.$container.addClass("fancytree-ext-multi"),1===e.options.selectMode&&o.error("Fancytree ext-multi: selectMode: 1 (single) is not compatible.")},nodeClick:function(e){var t=e.tree,i=e.node,r=t.getActiveNode()||t.getFirstChild(),n="checkbox"===e.targetType,c="expander"===e.targetType;switch(o.ui.fancytree.eventToString(e.originalEvent)){case"click":if(c)break;n||(t.selectAll(!1),i.setSelected());break;case"shift+click":t.visitRows(function(e){if(e.setSelected(),e===i)return!1},{start:r,reverse:r.isBelowOf(i)});break;case"ctrl+click":case"meta+click":return void i.toggleSelected()}return this._superApply(arguments)},nodeKeydown:function(e){var t=e.tree,i=e.node,r=e.originalEvent;switch(o.ui.fancytree.eventToString(r)){case"up":case"down":t.selectAll(!1),i.navigate(r.which,!0),t.getActiveNode().setSelected();break;case"shift+up":case"shift+down":i.navigate(r.which,!0),t.getActiveNode().setSelected()}return this._superApply(arguments)}}),o.ui.fancytree});
+
+/*! Extension 'jquery.fancytree.persist.min.js' */!function(e){"function"==typeof define&&define.amd?define(["jquery","./jquery.fancytree"],e):"object"==typeof module&&module.exports?(require("./jquery.fancytree"),module.exports=e(require("jquery"))):e(jQuery)}(function(y){"use strict";var t=null,o=null,i=null,s=y.ui.fancytree.assert,u="active",v="expanded",p="focus",f="selected";try{s(window.localStorage&&window.localStorage.getItem),o={get:function(e){return window.localStorage.getItem(e)},set:function(e,t){window.localStorage.setItem(e,t)},remove:function(e){window.localStorage.removeItem(e)}}}catch(e){y.ui.fancytree.warn("Could not access window.localStorage",e)}try{s(window.sessionStorage&&window.sessionStorage.getItem),i={get:function(e){return window.sessionStorage.getItem(e)},set:function(e,t){window.sessionStorage.setItem(e,t)},remove:function(e){window.sessionStorage.removeItem(e)}}}catch(e){y.ui.fancytree.warn("Could not access window.sessionStorage",e)}return"function"==typeof Cookies?t={get:Cookies.get,set:function(e,t){Cookies.set(e,t,this.options.persist.cookie)},remove:Cookies.remove}:y&&"function"==typeof y.cookie&&(t={get:y.cookie,set:function(e,t){y.cookie(e,t,this.options.persist.cookie)},remove:y.removeCookie}),y.ui.fancytree._FancytreeClass.prototype.clearPersistData=function(e){var t=this.ext.persist,o=t.cookiePrefix;0<=(e=e||"active expanded focus selected").indexOf(u)&&t._data(o+u,null),0<=e.indexOf(v)&&t._data(o+v,null),0<=e.indexOf(p)&&t._data(o+p,null),0<=e.indexOf(f)&&t._data(o+f,null)},y.ui.fancytree._FancytreeClass.prototype.clearCookies=function(e){return this.warn("'tree.clearCookies()' is deprecated since v2.27.0: use 'clearPersistData()' instead."),this.clearPersistData(e)},y.ui.fancytree._FancytreeClass.prototype.getPersistData=function(){var e=this.ext.persist,t=e.cookiePrefix,o=e.cookieDelimiter,i={};return i[u]=e._data(t+u),i[v]=(e._data(t+v)||"").split(o),i[f]=(e._data(t+f)||"").split(o),i[p]=e._data(t+p),i},y.ui.fancytree.registerExtension({name:"persist",version:"2.38.2",options:{cookieDelimiter:"~",cookiePrefix:void 0,cookie:{raw:!1,expires:"",path:"",domain:"",secure:!1},expandLazy:!1,expandOpts:void 0,fireActivate:!0,overrideSource:!0,store:"auto",types:"active expanded focus selected"},_data:function(e,t){var o=this._local.store;if(void 0===t)return o.get.call(this,e);null===t?o.remove.call(this,e):o.set.call(this,e,t)},_appendKey:function(e,t,o){t=""+t;var i=this._local,s=this.options.persist.cookieDelimiter,r=i.cookiePrefix+e,n=i._data(r),e=n?n.split(s):[],n=y.inArray(t,e);0<=n&&e.splice(n,1),o&&e.push(t),i._data(r,e.join(s))},treeInit:function(e){var a=e.tree,c=e.options,d=this._local,l=this.options.persist;return d.cookiePrefix=l.cookiePrefix||"fancytree-"+a._id+"-",d.storeActive=0<=l.types.indexOf(u),d.storeExpanded=0<=l.types.indexOf(v),d.storeSelected=0<=l.types.indexOf(f),d.storeFocus=0<=l.types.indexOf(p),d.store=null,"auto"===l.store&&(l.store=o?"local":"cookie"),y.isPlainObject(l.store)?d.store=l.store:"cookie"===l.store?d.store=t:"local"!==l.store&&"session"!==l.store||(d.store="local"===l.store?o:i),s(d.store,"Need a valid store."),a.$div.on("fancytreeinit",function(e){var t,o,i,s,r,n;!1!==a._triggerTreeEvent("beforeRestore",null,{})&&(i=d._data(d.cookiePrefix+p),s=!1===l.fireActivate,r=d._data(d.cookiePrefix+v),n=r&&r.split(l.cookieDelimiter),(d.storeExpanded?function e(t,o,i,s,r){var n,a,c,d,l=!1,u=t.options.persist.expandOpts,p=[],f=[];for(i=i||[],r=r||y.Deferred(),n=0,c=i.length;n<c;n++)a=i[n],(d=t.getNodeByKey(a))?s&&d.isUndefined()?(l=!0,t.debug("_loadLazyNodes: "+d+" is lazy: loading..."),"expand"===s?p.push(d.setExpanded(!0,u)):p.push(d.load())):(t.debug("_loadLazyNodes: "+d+" already loaded."),d.setExpanded(!0,u)):(f.push(a),t.debug("_loadLazyNodes: "+d+" was not yet found."));return y.when.apply(y,p).always(function(){if(l&&0<f.length)e(t,o,f,s,r);else{if(f.length)for(t.warn("_loadLazyNodes: could not load those keys: ",f),n=0,c=f.length;n<c;n++)a=i[n],o._appendKey(v,i[n],!1);r.resolve()}}),r}(a,d,n,!!l.expandLazy&&"expand",null):(new y.Deferred).resolve()).done(function(){if(d.storeSelected){if(r=d._data(d.cookiePrefix+f))for(n=r.split(l.cookieDelimiter),t=0;t<n.length;t++)(o=a.getNodeByKey(n[t]))?(void 0===o.selected||l.overrideSource&&!1===o.selected)&&(o.selected=!0,o.renderStatus()):d._appendKey(f,n[t],!1);3===a.options.selectMode&&a.visit(function(e){if(e.selected)return e.fixSelection3AfterClick(),"skip"})}d.storeActive&&(!(r=d._data(d.cookiePrefix+u))||!c.persist.overrideSource&&a.activeNode||(o=a.getNodeByKey(r))&&(o.debug("persist: set active",r),o.setActive(!0,{noFocus:!0,noEvents:s}))),d.storeFocus&&i&&(o=a.getNodeByKey(i))&&(a.options.titlesTabbable?y(o.span).find(".fancytree-title"):y(a.$container)).focus(),a._triggerTreeEvent("restore",null,{})}))}),this._superApply(arguments)},nodeSetActive:function(e,t,o){var i=this._local;return t=!1!==t,t=this._superApply(arguments),i.storeActive&&i._data(i.cookiePrefix+u,this.activeNode?this.activeNode.key:null),t},nodeSetExpanded:function(e,t,o){var i=e.node,s=this._local;return t=!1!==t,e=this._superApply(arguments),s.storeExpanded&&s._appendKey(v,i.key,t),e},nodeSetFocus:function(e,t){var o=this._local;return t=!1!==t,t=this._superApply(arguments),o.storeFocus&&o._data(o.cookiePrefix+p,this.focusNode?this.focusNode.key:null),t},nodeSetSelected:function(e,t,o){var i=e.tree,s=e.node,r=this._local;return t=!1!==t,t=this._superApply(arguments),r.storeSelected&&(3===i.options.selectMode?(i=(i=y.map(i.getSelectedNodes(!0),function(e){return e.key})).join(e.options.persist.cookieDelimiter),r._data(r.cookiePrefix+f,i)):r._appendKey(f,s.key,s.selected)),t}}),y.ui.fancytree});
+
+/*! Extension 'jquery.fancytree.table.min.js' */!function(e){"function"==typeof define&&define.amd?define(["jquery","./jquery.fancytree"],e):"object"==typeof module&&module.exports?(require("./jquery.fancytree"),module.exports=e(require("jquery"))):e(jQuery)}(function(v){"use strict";var g=v.ui.fancytree.assert;function x(e,n){e.visit(function(e){var t=e.tr;if(t&&(t.style.display=e.hide||!n?"none":""),!e.expanded)return"skip"})}return v.ui.fancytree.registerExtension({name:"table",version:"2.38.2",options:{checkboxColumnIdx:null,indentation:16,mergeStatusColumns:!0,nodeColumnIdx:0},treeInit:function(e){var t,n,r,o=e.tree,d=e.options,s=d.table,a=o.widget.element;if(null!=s.customStatus&&(null==d.renderStatusColumns?(o.warn("The 'customStatus' option is deprecated since v2.15.0. Use 'renderStatusColumns' instead."),d.renderStatusColumns=s.customStatus):v.error("The 'customStatus' option is deprecated since v2.15.0. Use 'renderStatusColumns' only instead.")),d.renderStatusColumns&&!0===d.renderStatusColumns&&(d.renderStatusColumns=d.renderColumns),a.addClass("fancytree-container fancytree-ext-table"),(r=a.find(">tbody")).length||(a.find(">tr").length&&v.error("Expected table > tbody > tr. If you see this please open an issue."),r=v("<tbody>").appendTo(a)),o.tbody=r[0],o.columnCount=v("thead >tr",a).last().find(">th",a).length,(n=r.children("tr").first()).length)e=n.children("td").length,o.columnCount&&e!==o.columnCount&&(o.warn("Column count mismatch between thead ("+o.columnCount+") and tbody ("+e+"): using tbody."),o.columnCount=e),n=n.clone();else for(g(1<=o.columnCount,"Need either <thead> or <tbody> with <td> elements to determine column count."),n=v("<tr />"),t=0;t<o.columnCount;t++)n.append("<td />");n.find(">td").eq(s.nodeColumnIdx).html("<span class='fancytree-node' />"),d.aria&&(n.attr("role","row"),n.find("td").attr("role","gridcell")),o.rowFragment=document.createDocumentFragment(),o.rowFragment.appendChild(n.get(0)),r.empty(),o.statusClassPropName="tr",o.ariaPropName="tr",this.nodeContainerAttrName="tr",o.$container=a,this._superApply(arguments),v(o.rootNode.ul).remove(),o.rootNode.ul=null,this.$container.attr("tabindex",d.tabindex),d.aria&&o.$container.attr("role","treegrid").attr("aria-readonly",!0)},nodeRemoveChildMarkup:function(e){e.node.visit(function(e){e.tr&&(v(e.tr).remove(),e.tr=null)})},nodeRemoveMarkup:function(e){var t=e.node;t.tr&&(v(t.tr).remove(),t.tr=null),this.nodeRemoveChildMarkup(e)},nodeRender:function(e,t,n,r,o){var d,s,a,i,l,u,c,p,h,m=e.tree,f=e.node,y=e.options,C=!f.parent;if(!1!==m._enableUpdate){if(o||(e.hasCollapsedParents=f.parent&&!f.parent.expanded),!C)if(f.tr&&t&&this.nodeRemoveMarkup(e),f.tr)t?this.nodeRenderTitle(e):this.nodeRenderStatus(e);else{if(e.hasCollapsedParents&&!n)return;l=m.rowFragment.firstChild.cloneNode(!0),p=function(e){var t,n,r=e.parent,o=r?r.children:null;if(o&&1<o.length&&o[0]!==e)for(n=o[v.inArray(e,o)-1],g(n.tr);n.children&&n.children.length&&(t=n.children[n.children.length-1]).tr;)n=t;else n=r;return n}(f),g(p),(!0===r&&o||n&&e.hasCollapsedParents)&&(l.style.display="none"),p.tr?(h=p.tr).parentNode.insertBefore(l,h.nextSibling):(g(!p.parent,"prev. row must have a tr, or be system root"),(p=m.tbody).insertBefore(l,p.firstChild)),f.tr=l,f.key&&y.generateIds&&(f.tr.id=y.idPrefix+f.key),(f.tr.ftnode=f).span=v("span.fancytree-node",f.tr).get(0),this.nodeRenderTitle(e),y.createNode&&y.createNode.call(m,{type:"createNode"},e)}if(y.renderNode&&y.renderNode.call(m,{type:"renderNode"},e),(d=f.children)&&(C||n||f.expanded))for(a=0,i=d.length;a<i;a++)(c=v.extend({},e,{node:d[a]})).hasCollapsedParents=c.hasCollapsedParents||!f.expanded,this.nodeRender(c,t,n,r,!0);d&&!o&&(u=f.tr||null,s=m.tbody.firstChild,f.visit(function(e){var t;e.tr&&(e.parent.expanded||"none"===e.tr.style.display||(e.tr.style.display="none",x(e,!1)),e.tr.previousSibling!==u&&(f.debug("_fixOrder: mismatch at node: "+e),t=u?u.nextSibling:s,m.tbody.insertBefore(e.tr,t)),u=e.tr)}))}},nodeRenderTitle:function(e,t){var n=e.tree,r=e.node,o=e.options,d=r.isStatusNode(),s=this._super(e,t);return r.isRootNode()||(o.checkbox&&!d&&null!=o.table.checkboxColumnIdx&&(t=v("span.fancytree-checkbox",r.span),v(r.tr).find("td").eq(+o.table.checkboxColumnIdx).html(t)),this.nodeRenderStatus(e),d?o.renderStatusColumns?o.renderStatusColumns.call(n,{type:"renderStatusColumns"},e):o.table.mergeStatusColumns&&r.isTopLevel()&&v(r.tr).find(">td").eq(0).prop("colspan",n.columnCount).text(r.title).addClass("fancytree-status-merged").nextAll().remove():o.renderColumns&&o.renderColumns.call(n,{type:"renderColumns"},e)),s},nodeRenderStatus:function(e){var t=e.node,n=e.options;this._super(e),v(t.tr).removeClass("fancytree-node"),e=(t.getLevel()-1)*n.table.indentation,n.rtl?v(t.span).css({paddingRight:e+"px"}):v(t.span).css({paddingLeft:e+"px"})},nodeSetExpanded:function(t,n,r){if(n=!1!==n,t.node.expanded&&n||!t.node.expanded&&!n)return this._superApply(arguments);var o=new v.Deferred,e=v.extend({},r,{noEvents:!0,noAnimation:!0});function d(e){e?(x(t.node,n),n&&t.options.autoScroll&&!r.noAnimation&&t.node.hasChildren()?t.node.getLastChild().scrollIntoView(!0,{topNode:t.node}).always(function(){r.noEvents||t.tree._triggerNodeEvent(n?"expand":"collapse",t),o.resolveWith(t.node)}):(r.noEvents||t.tree._triggerNodeEvent(n?"expand":"collapse",t),o.resolveWith(t.node))):(r.noEvents||t.tree._triggerNodeEvent(n?"expand":"collapse",t),o.rejectWith(t.node))}return r=r||{},this._super(t,n,e).done(function(){d(!0)}).fail(function(){d(!1)}),o.promise()},nodeSetStatus:function(e,t,n,r){return"ok"!==t||(e=(e=e.node).children?e.children[0]:null)&&e.isStatusNode()&&v(e.tr).remove(),this._superApply(arguments)},treeClear:function(e){return this.nodeRemoveChildMarkup(this._makeHookContext(this.rootNode)),this._superApply(arguments)},treeDestroy:function(e){return this.$container.find("tbody").empty(),this.$source&&this.$source.removeClass("fancytree-helper-hidden"),this._superApply(arguments)}}),v.ui.fancytree});
+
+/*! Extension 'jquery.fancytree.themeroller.min.js' */!function(e){"function"==typeof define&&define.amd?define(["jquery","./jquery.fancytree"],e):"object"==typeof module&&module.exports?(require("./jquery.fancytree"),module.exports=e(require("jquery"))):e(jQuery)}(function(l){"use strict";return l.ui.fancytree.registerExtension({name:"themeroller",version:"2.38.2",options:{activeClass:"ui-state-active",addClass:"ui-corner-all",focusClass:"ui-state-focus",hoverClass:"ui-state-hover",selectedClass:"ui-state-highlight"},treeInit:function(e){var s=e.widget.element,t=e.options.themeroller;this._superApply(arguments),"TABLE"===s[0].nodeName?(s.addClass("ui-widget ui-corner-all"),s.find(">thead tr").addClass("ui-widget-header"),s.find(">tbody").addClass("ui-widget-conent")):s.addClass("ui-widget ui-widget-content ui-corner-all"),s.on("mouseenter mouseleave",".fancytree-node",function(e){var s=l.ui.fancytree.getNode(e.target),e="mouseenter"===e.type;l(s.tr||s.span).toggleClass(t.hoverClass+" "+t.addClass,e)})},treeDestroy:function(e){this._superApply(arguments),e.widget.element.removeClass("ui-widget ui-widget-content ui-corner-all")},nodeRenderStatus:function(e){var s={},t=e.node,a=l(t.tr||t.span),i=e.options.themeroller;this._super(e),s[i.activeClass]=!1,s[i.focusClass]=!1,s[i.selectedClass]=!1,t.isActive()&&(s[i.activeClass]=!0),t.hasFocus()&&(s[i.focusClass]=!0),t.isSelected()&&!t.isActive()&&(s[i.selectedClass]=!0),a.toggleClass(i.activeClass,s[i.activeClass]),a.toggleClass(i.focusClass,s[i.focusClass]),a.toggleClass(i.selectedClass,s[i.selectedClass]),a.addClass(i.addClass)}}),l.ui.fancytree});
+
+/*! Extension 'jquery.fancytree.wide.min.js' */!function(e){"function"==typeof define&&define.amd?define(["jquery","./jquery.fancytree"],e):"object"==typeof module&&module.exports?(require("./jquery.fancytree"),module.exports=e(require("jquery"))):e(jQuery)}(function(o){"use strict";var p=/^([+-]?(?:\d+|\d*\.\d+))([a-z]*|%)$/;function f(e,t){var a=o("#"+(e="fancytree-style-"+e));if(t){a.length||(a=o("<style />").attr("id",e).addClass("fancytree-style").prop("type","text/css").appendTo("head"));try{a.html(t)}catch(e){a[0].styleSheet.cssText=t}return a}a.remove()}function u(e,t,a,n,l,i){for(var s="#"+e+" span.fancytree-level-",c=[],r=0;r<t;r++)c.push(s+(r+1)+" span.fancytree-title { padding-left: "+(r*a+n)+i+"; }");return c.push("#"+e+" div.ui-effects-wrapper ul li span.fancytree-title, #"+e+" li.fancytree-animating span.fancytree-title { padding-left: "+l+i+"; position: static; width: auto; }"),c.join("\n")}return o.ui.fancytree.registerExtension({name:"wide",version:"2.38.2",options:{iconWidth:null,iconSpacing:null,labelSpacing:null,levelOfs:null},treeCreate:function(e){this._superApply(arguments),this.$container.addClass("fancytree-ext-wide");var t=e.options.wide,a=o("<li id='fancytreeTemp'><span class='fancytree-node'><span class='fancytree-icon' /><span class='fancytree-title' /></span><ul />").appendTo(e.tree.$container),n=a.find(".fancytree-icon"),l=a.find("ul"),i=t.iconSpacing||n.css("margin-left"),s=t.iconWidth||n.css("width"),c=t.labelSpacing||"3px",r=t.levelOfs||l.css("padding-left");a.remove(),n=i.match(p)[2],i=parseFloat(i,10),t=c.match(p)[2],c=parseFloat(c,10),l=s.match(p)[2],s=parseFloat(s,10),a=r.match(p)[2],n===l&&a===l&&t===l||o.error("iconWidth, iconSpacing, and levelOfs must have the same css measure unit"),this._local.measureUnit=l,this._local.levelOfs=parseFloat(r),this._local.lineOfs=(1+(e.options.checkbox?1:0)+(!1===e.options.icon?0:1))*(s+i)+i,this._local.labelOfs=c,this._local.maxDepth=10,f(c=this.$container.uniqueId().attr("id"),u(c,this._local.maxDepth,this._local.levelOfs,this._local.lineOfs,this._local.labelOfs,this._local.measureUnit))},treeDestroy:function(e){return f(this.$container.attr("id"),null),this._superApply(arguments)},nodeRenderStatus:function(e){var t=e.node,a=t.getLevel(),n=this._super(e);return a>this._local.maxDepth&&(e=this.$container.attr("id"),this._local.maxDepth*=2,t.debug("Define global ext-wide css up to level "+this._local.maxDepth),f(e,u(e,this._local.maxDepth,this._local.levelOfs,this._local.lineOfs,this._local.labelSpacing,this._local.measureUnit))),o(t.span).addClass("fancytree-level-"+a),n}}),o.ui.fancytree});
+// Value returned by `require('jquery.fancytree')`
+return $.ui.fancytree;
+}));  // End of closure
diff --git a/public/js/viewtree/jquery.fancytree.min.js b/public/js/viewtree/jquery.fancytree.min.js
new file mode 100644
index 0000000..983eb79
--- /dev/null
+++ b/public/js/viewtree/jquery.fancytree.min.js
@@ -0,0 +1 @@
+!function(e){"function"==typeof define&&define.amd?define(["jquery","./jquery.fancytree.ui-deps"],e):"object"==typeof module&&module.exports?(require("./jquery.fancytree.ui-deps"),module.exports=e(require("jquery"))):e(jQuery)}(function(k){"use strict";if(!k.ui||!k.ui.fancytree){for(var e,h=null,c=new RegExp(/\.|\//),t=/[&<>"'/]/g,n=/[<>"'/]/g,f="$recursive_request",p="$request_target_invalid",i={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;","/":"&#x2F;"},r={16:!0,17:!0,18:!0},u={8:"backspace",9:"tab",10:"return",13:"return",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:"'"},g={16:"shift",17:"ctrl",18:"alt",91:"meta",93:"meta"},o={0:"",1:"left",2:"middle",3:"right"},v="active expanded focus folder lazy radiogroup selected unselectable unselectableIgnore".split(" "),y={},b="columns types".split(" "),m="checkbox expanded extraClasses folder icon iconTooltip key lazy partsel radiogroup refKey selected statusNodeType title tooltip type unselectable unselectableIgnore unselectableStatus".split(" "),s={},x={},a={active:!0,children:!0,data:!0,focus:!0},l=0;l<v.length;l++)y[v[l]]=!0;for(l=0;l<m.length;l++)e=m[l],s[e]=!0,e!==e.toLowerCase()&&(x[e.toLowerCase()]=e);var N=Array.isArray;return _(k.ui,"Fancytree requires jQuery UI (http://jqueryui.com)"),Date.now||(Date.now=function(){return(new Date).getTime()}),I.prototype={_findDirectChild:function(e){var t,n,i=this.children;if(i)if("string"==typeof e){for(t=0,n=i.length;t<n;t++)if(i[t].key===e)return i[t]}else{if("number"==typeof e)return this.children[e];if(e.parent===this)return e}return null},_setChildren:function(e){_(e&&(!this.children||0===this.children.length),"only init supported"),this.children=[];for(var t=0,n=e.length;t<n;t++)this.children.push(new I(this,e[t]));this.tree._callHook("treeStructureChanged",this.tree,"setChildren")},addChildren:function(e,t){var n,i,r,o,s=this.getFirstChild(),a=this.getLastChild(),l=[];for(k.isPlainObject(e)&&(e=[e]),this.children||(this.children=[]),n=0,i=e.length;n<i;n++)l.push(new I(this,e[n]));if(o=l[0],null==t?this.children=this.children.concat(l):(t=this._findDirectChild(t),_(0<=(r=k.inArray(t,this.children)),"insertBefore must be an existing child"),this.children.splice.apply(this.children,[r,0].concat(l))),s&&!t){for(n=0,i=l.length;n<i;n++)l[n].render();s!==this.getFirstChild()&&s.renderStatus(),a!==this.getLastChild()&&a.renderStatus()}else this.parent&&!this.parent.ul&&!this.tr||this.render();return 3===this.tree.options.selectMode&&this.fixSelection3FromEndNodes(),this.triggerModifyChild("add",1===l.length?l[0]:null),o},addClass:function(e){return this.toggleClass(e,!0)},addNode:function(e,t){switch(t=void 0===t||"over"===t?"child":t){case"after":return this.getParent().addChildren(e,this.getNextSibling());case"before":return this.getParent().addChildren(e,this);case"firstChild":var n=this.children?this.children[0]:null;return this.addChildren(e,n);case"child":case"over":return this.addChildren(e)}_(!1,"Invalid mode: "+t)},addPagingNode:function(e,t){var n,i;if(t=t||"child",!1!==e)return e=k.extend({title:this.tree.options.strings.moreData,statusNodeType:"paging",icon:!1},e),this.partload=!0,this.addNode(e,t);for(n=this.children.length-1;0<=n;n--)"paging"===(i=this.children[n]).statusNodeType&&this.removeChild(i);this.partload=!1},appendSibling:function(e){return this.addNode(e,"after")},applyCommand:function(e,t){return this.tree.applyCommand(e,this,t)},applyPatch:function(e){if(null===e)return this.remove(),T(this);var t,n,i={children:!0,expanded:!0,parent:!0};for(t in e)C(e,t)&&(n=e[t],i[t]||w(n)||(s[t]?this[t]=n:this.data[t]=n));return C(e,"children")&&(this.removeChildren(),e.children&&this._setChildren(e.children)),this.isVisible()&&(this.renderTitle(),this.renderStatus()),C(e,"expanded")?this.setExpanded(e.expanded):T(this)},collapseSiblings:function(){return this.tree._callHook("nodeCollapseSiblings",this)},copyTo:function(e,t,n){return e.addNode(this.toDict(!0,n),t)},countChildren:function(e){var t,n,i,r=this.children;if(!r)return 0;if(i=r.length,!1!==e)for(t=0,n=i;t<n;t++)i+=r[t].countChildren();return i},debug:function(e){4<=this.tree.options.debugLevel&&(Array.prototype.unshift.call(arguments,this.toString()),d("log",arguments))},discard:function(){return this.warn("FancytreeNode.discard() is deprecated since 2014-02-16. Use .resetLazy() instead."),this.resetLazy()},discardMarkup:function(e){this.tree._callHook(e?"nodeRemoveMarkup":"nodeRemoveChildMarkup",this)},error:function(e){1<=this.tree.options.debugLevel&&(Array.prototype.unshift.call(arguments,this.toString()),d("error",arguments))},findAll:function(t){t=w(t)?t:R(t);var n=[];return this.visit(function(e){t(e)&&n.push(e)}),n},findFirst:function(t){t=w(t)?t:R(t);var n=null;return this.visit(function(e){if(t(e))return n=e,!1}),n},findRelatedNode:function(e,t){return this.tree.findRelatedNode(this,e,t)},_changeSelectStatusAttrs:function(e){var t=!1,n=this.tree.options,i=h.evalOption("unselectable",this,this,n,!1),n=h.evalOption("unselectableStatus",this,this,n,void 0);switch(e=i&&null!=n?n:e){case!1:t=this.selected||this.partsel,this.selected=!1,this.partsel=!1;break;case!0:t=!this.selected||!this.partsel,this.selected=!0,this.partsel=!0;break;case void 0:t=this.selected||!this.partsel,this.selected=!1,this.partsel=!0;break;default:_(!1,"invalid state: "+e)}return t&&this.renderStatus(),t},fixSelection3AfterClick:function(e){var t=this.isSelected();this.visit(function(e){if(e._changeSelectStatusAttrs(t),e.radiogroup)return"skip"}),this.fixSelection3FromEndNodes(e)},fixSelection3FromEndNodes:function(e){var u=this.tree.options;_(3===u.selectMode,"expected selectMode 3"),function e(t){var n,i,r,o,s,a,l,d,c=t.children;if(c&&c.length){for(l=!(a=!0),n=0,i=c.length;n<i;n++)o=e(r=c[n]),h.evalOption("unselectableIgnore",r,r,u,!1)||(!1!==o&&(l=!0),!0!==o&&(a=!1));s=!!a||!!l&&void 0}else s=null==(d=h.evalOption("unselectableStatus",t,t,u,void 0))?!!t.selected:!!d;return t.partsel&&!t.selected&&t.lazy&&null==t.children&&(s=void 0),t._changeSelectStatusAttrs(s),s}(this),this.visitParents(function(e){for(var t,n,i,r=e.children,o=!0,s=!1,a=0,l=r.length;a<l;a++)t=r[a],h.evalOption("unselectableIgnore",t,t,u,!1)||(((n=null==(i=h.evalOption("unselectableStatus",t,t,u,void 0))?!!t.selected:!!i)||t.partsel)&&(s=!0),n||(o=!1));e._changeSelectStatusAttrs(n=!!o||!!s&&void 0)})},fromDict:function(e){for(var t in e)s[t]?this[t]=e[t]:"data"===t?k.extend(this.data,e.data):w(e[t])||a[t]||(this.data[t]=e[t]);e.children&&(this.removeChildren(),this.addChildren(e.children)),this.renderTitle()},getChildren:function(){if(void 0!==this.hasChildren())return this.children},getFirstChild:function(){return this.children?this.children[0]:null},getIndex:function(){return k.inArray(this,this.parent.children)},getIndexHier:function(e,n){e=e||".";var i,r=[];return k.each(this.getParentList(!1,!0),function(e,t){i=""+(t.getIndex()+1),n&&(i=("0000000"+i).substr(-n)),r.push(i)}),r.join(e)},getKeyPath:function(e){var t=this.tree.options.keyPathSeparator;return t+this.getPath(!e,"key",t)},getLastChild:function(){return this.children?this.children[this.children.length-1]:null},getLevel:function(){for(var e=0,t=this.parent;t;)e++,t=t.parent;return e},getNextSibling:function(){if(this.parent)for(var e=this.parent.children,t=0,n=e.length-1;t<n;t++)if(e[t]===this)return e[t+1];return null},getParent:function(){return this.parent},getParentList:function(e,t){for(var n=[],i=t?this:this.parent;i;)(e||i.parent)&&n.unshift(i),i=i.parent;return n},getPath:function(e,t,n){n=n||"/";var i,r=[],o=w(t=t||"title");return this.visitParents(function(e){e.parent&&(i=o?t(e):e[t],r.unshift(i))},e=!1!==e),r.join(n)},getPrevSibling:function(){if(this.parent)for(var e=this.parent.children,t=1,n=e.length;t<n;t++)if(e[t]===this)return e[t-1];return null},getSelectedNodes:function(t){var n=[];return this.visit(function(e){if(e.selected&&(n.push(e),!0===t))return"skip"}),n},hasChildren:function(){return this.lazy?null==this.children?void 0:0!==this.children.length&&(1!==this.children.length||!this.children[0].isStatusNode()||void 0):!(!this.children||!this.children.length)},hasClass:function(e){return 0<=(" "+(this.extraClasses||"")+" ").indexOf(" "+e+" ")},hasFocus:function(){return this.tree.hasFocus()&&this.tree.focusNode===this},info:function(e){3<=this.tree.options.debugLevel&&(Array.prototype.unshift.call(arguments,this.toString()),d("info",arguments))},isActive:function(){return this.tree.activeNode===this},isBelowOf:function(e){return this.getIndexHier(".",5)>e.getIndexHier(".",5)},isChildOf:function(e){return this.parent&&this.parent===e},isDescendantOf:function(e){if(!e||e.tree!==this.tree)return!1;for(var t=this.parent;t;){if(t===e)return!0;t===t.parent&&k.error("Recursive parent link: "+t),t=t.parent}return!1},isExpanded:function(){return!!this.expanded},isFirstSibling:function(){var e=this.parent;return!e||e.children[0]===this},isFolder:function(){return!!this.folder},isLastSibling:function(){var e=this.parent;return!e||e.children[e.children.length-1]===this},isLazy:function(){return!!this.lazy},isLoaded:function(){return!this.lazy||void 0!==this.hasChildren()},isLoading:function(){return!!this._isLoading},isRoot:function(){return this.isRootNode()},isPartsel:function(){return!this.selected&&!!this.partsel},isPartload:function(){return!!this.partload},isRootNode:function(){return this.tree.rootNode===this},isSelected:function(){return!!this.selected},isStatusNode:function(){return!!this.statusNodeType},isPagingNode:function(){return"paging"===this.statusNodeType},isTopLevel:function(){return this.tree.rootNode===this.parent},isUndefined:function(){return void 0===this.hasChildren()},isVisible:function(){var e,t,n=this.tree.enableFilter,i=this.getParentList(!1,!1);if(n&&!this.match&&!this.subMatchCount)return!1;for(e=0,t=i.length;e<t;e++)if(!i[e].expanded)return!1;return!0},lazyLoad:function(e){k.error("FancytreeNode.lazyLoad() is deprecated since 2014-02-16. Use .load() instead.")},load:function(e){var t=this,n=this.isExpanded();return _(this.isLazy(),"load() requires a lazy node"),e||this.isUndefined()?(this.isLoaded()&&this.resetLazy(),!1===(e=this.tree._triggerNodeEvent("lazyLoad",this))?T(this):(_("boolean"!=typeof e,"lazyLoad event must return source in data.result"),e=this.tree._callHook("nodeLoadChildren",this,e),n?(this.expanded=!0,e.always(function(){t.render()})):e.always(function(){t.renderStatus()}),e)):T(this)},makeVisible:function(e){for(var t=this,n=[],i=new k.Deferred,r=this.getParentList(!1,!1),o=r.length,s=!(e&&!0===e.noAnimation),a=!(e&&!1===e.scrollIntoView),l=o-1;0<=l;l--)n.push(r[l].setExpanded(!0,e));return k.when.apply(k,n).done(function(){a?t.scrollIntoView(s).done(function(){i.resolve()}):i.resolve()}),i.promise()},moveTo:function(t,e,n){void 0===e||"over"===e?e="child":"firstChild"===e&&(t.children&&t.children.length?(e="before",t=t.children[0]):e="child");var i,r=this.tree,o=this.parent,s="child"===e?t:t.parent;if(this!==t){if(this.parent?s.isDescendantOf(this)&&k.error("Cannot move a node to its own descendant"):k.error("Cannot move system root"),s!==o&&o.triggerModifyChild("remove",this),1===this.parent.children.length){if(this.parent===s)return;this.parent.children=this.parent.lazy?[]:null,this.parent.expanded=!1}else _(0<=(i=k.inArray(this,this.parent.children)),"invalid source parent"),this.parent.children.splice(i,1);if((this.parent=s).hasChildren())switch(e){case"child":s.children.push(this);break;case"before":_(0<=(i=k.inArray(t,s.children)),"invalid target parent"),s.children.splice(i,0,this);break;case"after":_(0<=(i=k.inArray(t,s.children)),"invalid target parent"),s.children.splice(i+1,0,this);break;default:k.error("Invalid mode "+e)}else s.children=[this];n&&t.visit(n,!0),s===o?s.triggerModifyChild("move",this):s.triggerModifyChild("add",this),r!==t.tree&&(this.warn("Cross-tree moveTo is experimental!"),this.visit(function(e){e.tree=t.tree},!0)),r._callHook("treeStructureChanged",r,"moveTo"),o.isDescendantOf(s)||o.render(),s.isDescendantOf(o)||s===o||s.render()}},navigate:function(e,t){var n=k.ui.keyCode;switch(e){case"left":case n.LEFT:if(this.expanded)return this.setExpanded(!1);break;case"right":case n.RIGHT:if(!this.expanded&&(this.children||this.lazy))return this.setExpanded()}if(n=this.findRelatedNode(e)){try{n.makeVisible({scrollIntoView:!1})}catch(e){}return!1===t?(n.setFocus(),T()):n.setActive()}return this.warn("Could not find related node '"+e+"'."),T()},remove:function(){return this.parent.removeChild(this)},removeChild:function(e){return this.tree._callHook("nodeRemoveChild",this,e)},removeChildren:function(){return this.tree._callHook("nodeRemoveChildren",this)},removeClass:function(e){return this.toggleClass(e,!1)},render:function(e,t){return this.tree._callHook("nodeRender",this,e,t)},renderTitle:function(){return this.tree._callHook("nodeRenderTitle",this)},renderStatus:function(){return this.tree._callHook("nodeRenderStatus",this)},replaceWith:function(e){var n=this.parent,i=k.inArray(this,n.children),r=this;return _(this.isPagingNode(),"replaceWith() currently requires a paging status node"),(e=this.tree._callHook("nodeLoadChildren",this,e)).done(function(e){var t=r.children;for(l=0;l<t.length;l++)t[l].parent=n;n.children.splice.apply(n.children,[i+1,0].concat(t)),r.children=null,r.remove(),n.render()}).fail(function(){r.setExpanded()}),e},resetLazy:function(){this.removeChildren(),this.expanded=!1,this.lazy=!0,this.children=void 0,this.renderStatus()},scheduleAction:function(e,t){this.tree.timer&&(clearTimeout(this.tree.timer),this.tree.debug("clearTimeout(%o)",this.tree.timer)),this.tree.timer=null;var n=this;switch(e){case"cancel":break;case"expand":this.tree.timer=setTimeout(function(){n.tree.debug("setTimeout: trigger expand"),n.setExpanded(!0)},t);break;case"activate":this.tree.timer=setTimeout(function(){n.tree.debug("setTimeout: trigger activate"),n.setActive(!0)},t);break;default:k.error("Invalid mode "+e)}},scrollIntoView:function(e,t){if(void 0!==t&&((p=t).tree&&void 0!==p.statusNodeType))throw Error("scrollIntoView() with 'topNode' option is deprecated since 2014-05-08. Use 'options.topNode' instead.");var n=k.extend({effects:!0===e?{duration:200,queue:!1}:e,scrollOfs:this.tree.options.scrollOfs,scrollParent:this.tree.options.scrollParent,topNode:null},t),i=n.scrollParent,r=this.tree.$container,o=r.css("overflow-y");i?i.jquery||(i=k(i)):i=!this.tree.tbody&&("scroll"===o||"auto"===o)?r:r.scrollParent(),i[0]!==document&&i[0]!==document.body||(this.debug("scrollIntoView(): normalizing scrollParent to 'window':",i[0]),i=k(window));var s,a,l=new k.Deferred,d=this,c=k(this.span).height(),u=n.scrollOfs.top||0,h=n.scrollOfs.bottom||0,f=i.height(),p=i.scrollTop(),e=i,t=i[0]===window,o=n.topNode||null,r=null;return this.isRootNode()||!this.isVisible()?(this.info("scrollIntoView(): node is invisible."),T()):(t?(a=k(this.span).offset().top,s=o&&o.span?k(o.span).offset().top:0,e=k("html,body")):(_(i[0]!==document&&i[0]!==document.body,"scrollParent should be a simple element or `window`, not document or body."),t=i.offset().top,a=k(this.span).offset().top-t+p,s=o?k(o.span).offset().top-t+p:0,f-=Math.max(0,i.innerHeight()-i[0].clientHeight)),a<p+u?r=a-u:p+f-h<a+c&&(r=a+c-f+h,o&&(_(o.isRootNode()||o.isVisible(),"topNode must be visible"),s<r&&(r=s-u))),null===r?l.resolveWith(this):n.effects?(n.effects.complete=function(){l.resolveWith(d)},e.stop(!0).animate({scrollTop:r},n.effects)):(e[0].scrollTop=r,l.resolveWith(this)),l.promise())},setActive:function(e,t){return this.tree._callHook("nodeSetActive",this,e,t)},setExpanded:function(e,t){return this.tree._callHook("nodeSetExpanded",this,e,t)},setFocus:function(e){return this.tree._callHook("nodeSetFocus",this,e)},setSelected:function(e,t){return this.tree._callHook("nodeSetSelected",this,e,t)},setStatus:function(e,t,n){return this.tree._callHook("nodeSetStatus",this,e,t,n)},setTitle:function(e){this.title=e,this.renderTitle(),this.triggerModify("rename")},sortChildren:function(e,t){var n,i,r=this.children;if(r){if(r.sort(e=e||function(e,t){e=e.title.toLowerCase(),t=t.title.toLowerCase();return e===t?0:t<e?1:-1}),t)for(n=0,i=r.length;n<i;n++)r[n].children&&r[n].sortChildren(e,"$norender$");"$norender$"!==t&&this.render(),this.triggerModifyChild("sort")}},toDict:function(e,t){var n,i,r,o,s={},a=this;if(k.each(m,function(e,t){!a[t]&&!1!==a[t]||(s[t]=a[t])}),k.isEmptyObject(this.data)||(s.data=k.extend({},this.data),k.isEmptyObject(s.data)&&delete s.data),t){if(!1===(o=t(s,a)))return!1;"skip"===o&&(e=!1)}if(e&&N(this.children))for(s.children=[],n=0,i=this.children.length;n<i;n++)(r=this.children[n]).isStatusNode()||!1!==(o=r.toDict(!0,t))&&s.children.push(o);return s},toggleClass:function(e,t){var n,i,r=e.match(/\S+/g)||[],o=0,s=!1,a=this[this.tree.statusClassPropName],l=" "+(this.extraClasses||"")+" ";for(a&&k(a).toggleClass(e,t);n=r[o++];)if(i=0<=l.indexOf(" "+n+" "),t=void 0===t?!i:!!t)i||(l+=n+" ",s=!0);else for(;-1<l.indexOf(" "+n+" ");)l=l.replace(" "+n+" "," ");return this.extraClasses=S(l),s},toggleExpanded:function(){return this.tree._callHook("nodeToggleExpanded",this)},toggleSelected:function(){return this.tree._callHook("nodeToggleSelected",this)},toString:function(){return"FancytreeNode@"+this.key+"[title='"+this.title+"']"},triggerModifyChild:function(e,t,n){var i=this.tree.options.modifyChild;i&&(t&&t.parent!==this&&k.error("childNode "+t+" is not a child of "+this),t={node:this,tree:this.tree,operation:e,childNode:t||null},n&&k.extend(t,n),i({type:"modifyChild"},t))},triggerModify:function(e,t){this.parent.triggerModifyChild(e,this,t)},visit:function(e,t){var n,i,r=!0,o=this.children;if(!0===t&&(!1===(r=e(this))||"skip"===r))return r;if(o)for(n=0,i=o.length;n<i&&!1!==(r=o[n].visit(e,!0));n++);return r},visitAndLoad:function(n,e,t){var i,r,o,s=this;return!n||!0!==e||!1!==(r=n(s))&&"skip"!==r?s.children||s.lazy?(i=new k.Deferred,o=[],s.load().done(function(){for(var e=0,t=s.children.length;e<t;e++){if(!1===(r=s.children[e].visitAndLoad(n,!0,!0))){i.reject();break}"skip"!==r&&o.push(r)}k.when.apply(this,o).then(function(){i.resolve()})}),i.promise()):T():t?r:T()},visitParents:function(e,t){if(t&&!1===e(this))return!1;for(var n=this.parent;n;){if(!1===e(n))return!1;n=n.parent}return!0},visitSiblings:function(e,t){for(var n,i=this.parent.children,r=0,o=i.length;r<o;r++)if(n=i[r],(t||n!==this)&&!1===e(n))return!1;return!0},warn:function(e){2<=this.tree.options.debugLevel&&(Array.prototype.unshift.call(arguments,this.toString()),d("warn",arguments))}},F.prototype={_makeHookContext:function(e,t,n){var i,r;return void 0!==e.node?(t&&e.originalEvent!==t&&k.error("invalid args"),i=e):e.tree?i={node:e,tree:r=e.tree,widget:r.widget,options:r.widget.options,originalEvent:t,typeInfo:r.types[e.type]||{}}:e.widget?i={node:null,tree:e,widget:e.widget,options:e.widget.options,originalEvent:t}:k.error("invalid args"),n&&k.extend(i,n),i},_callHook:function(e,t,n){var i=this._makeHookContext(t),r=this[e],t=Array.prototype.slice.call(arguments,2);return w(r)||k.error("_callHook('"+e+"') is not a function"),t.unshift(i),r.apply(this,t)},_setExpiringValue:function(e,t,n){this._tempCache[e]={value:t,expire:Date.now()+(+n||50)}},_getExpiringValue:function(e){var t=this._tempCache[e];return t&&t.expire>Date.now()?t.value:(delete this._tempCache[e],null)},_usesExtension:function(e){return 0<=k.inArray(e,this.options.extensions)},_requireExtension:function(e,t,n,i){null!=n&&(n=!!n);var r=this._local.name,o=this.options.extensions,s=k.inArray(e,o)<k.inArray(r,o),o=t&&null==this.ext[e],s=!o&&null!=n&&n!==s;return _(r&&r!==e,"invalid or same name '"+r+"' (require yourself?)"),!o&&!s||(i||(o||t?(i="'"+r+"' extension requires '"+e+"'",s&&(i+=" to be registered "+(n?"before":"after")+" itself")):i="If used together, `"+e+"` must be registered "+(n?"before":"after")+" `"+r+"`"),k.error(i),!1)},activateKey:function(e,t){e=this.getNodeByKey(e);return e?e.setActive(!0,t):this.activeNode&&this.activeNode.setActive(!1,t),e},addPagingNode:function(e,t){return this.rootNode.addPagingNode(e,t)},applyCommand:function(e,t,n){var i;switch(t=t||this.getActiveNode(),e){case"moveUp":(i=t.getPrevSibling())&&(t.moveTo(i,"before"),t.setActive());break;case"moveDown":(i=t.getNextSibling())&&(t.moveTo(i,"after"),t.setActive());break;case"indent":(i=t.getPrevSibling())&&(t.moveTo(i,"child"),i.setExpanded(),t.setActive());break;case"outdent":t.isTopLevel()||(t.moveTo(t.getParent(),"after"),t.setActive());break;case"remove":i=t.getPrevSibling()||t.getParent(),t.remove(),i&&i.setActive();break;case"addChild":t.editCreateNode("child","");break;case"addSibling":t.editCreateNode("after","");break;case"rename":t.editStart();break;case"down":case"first":case"last":case"left":case"parent":case"right":case"up":return t.navigate(e);default:k.error("Unhandled command: '"+e+"'")}},applyPatch:function(e){for(var t,n,i,r,o=e.length,s=[],a=0;a<o;a++)_(2===(t=e[a]).length,"patchList must be an array of length-2-arrays"),n=t[0],i=t[1],(r=null===n?this.rootNode:this.getNodeByKey(n))?(t=new k.Deferred,s.push(t),r.applyPatch(i).always(A(t,r))):this.warn("could not find node with key '"+n+"'");return k.when.apply(k,s).promise()},clear:function(e){this._callHook("treeClear",this)},count:function(){return this.rootNode.countChildren()},debug:function(e){4<=this.options.debugLevel&&(Array.prototype.unshift.call(arguments,this.toString()),d("log",arguments))},destroy:function(){this.widget.destroy()},enable:function(e){!1===e?this.widget.disable():this.widget.enable()},enableUpdate:function(e){return!!this._enableUpdate==!!(e=!1!==e)?e:((this._enableUpdate=e)?(this.debug("enableUpdate(true): redraw "),this._callHook("treeStructureChanged",this,"enableUpdate"),this.render()):this.debug("enableUpdate(false)..."),!e)},error:function(e){1<=this.options.debugLevel&&(Array.prototype.unshift.call(arguments,this.toString()),d("error",arguments))},expandAll:function(t,n){var e=this.enableUpdate(!1);t=!1!==t,this.visit(function(e){!1!==e.hasChildren()&&e.isExpanded()!==t&&e.setExpanded(t,n)}),this.enableUpdate(e)},findAll:function(e){return this.rootNode.findAll(e)},findFirst:function(e){return this.rootNode.findFirst(e)},findNextNode:function(t,n){var i,r=null,e=this.getFirstChild();function o(e){if((r=t(e)?e:r)||e===n)return!1}return t="string"==typeof t?(i=new RegExp("^"+t,"i"),function(e){return i.test(e.title)}):t,this.visitRows(o,{start:n=n||e,includeSelf:!1}),r||n===e||this.visitRows(o,{start:e,includeSelf:!0}),r},findRelatedNode:function(e,t,n){var i=null,r=k.ui.keyCode;switch(t){case"parent":case r.BACKSPACE:e.parent&&e.parent.parent&&(i=e.parent);break;case"first":case r.HOME:this.visit(function(e){if(e.isVisible())return i=e,!1});break;case"last":case r.END:this.visit(function(e){e.isVisible()&&(i=e)});break;case"left":case r.LEFT:e.expanded?e.setExpanded(!1):e.parent&&e.parent.parent&&(i=e.parent);break;case"right":case r.RIGHT:e.expanded||!e.children&&!e.lazy?e.children&&e.children.length&&(i=e.children[0]):(e.setExpanded(),i=e);break;case"up":case r.UP:this.visitRows(function(e){return i=e,!1},{start:e,reverse:!0,includeSelf:!1});break;case"down":case r.DOWN:this.visitRows(function(e){return i=e,!1},{start:e,includeSelf:!1});break;default:this.tree.warn("Unknown relation '"+t+"'.")}return i},generateFormElements:function(e,t,n){n=n||{};var i="string"==typeof e?e:"ft_"+this._id+"[]",r="string"==typeof t?t:"ft_"+this._id+"_active",o="fancytree_result_"+this._id,s=k("#"+o),a=3===this.options.selectMode&&!1!==n.stopOnParents;function l(e){s.append(k("<input>",{type:"checkbox",name:i,value:e.key,checked:!0}))}s.length?s.empty():s=k("<div>",{id:o}).hide().insertAfter(this.$container),!1!==t&&this.activeNode&&s.append(k("<input>",{type:"radio",name:r,value:this.activeNode.key,checked:!0})),n.filter?this.visit(function(e){var t=n.filter(e);if("skip"===t)return t;!1!==t&&l(e)}):!1!==e&&(a=this.getSelectedNodes(a),k.each(a,function(e,t){l(t)}))},getActiveNode:function(){return this.activeNode},getFirstChild:function(){return this.rootNode.getFirstChild()},getFocusNode:function(){return this.focusNode},getOption:function(e){return this.widget.option(e)},getNodeByKey:function(t,e){var n,i;return!e&&(n=document.getElementById(this.options.idPrefix+t))?n.ftnode||null:(e=e||this.rootNode,t=""+t,e.visit(function(e){if(e.key===t)return i=e,!1},!(i=null)),i)},getRootNode:function(){return this.rootNode},getSelectedNodes:function(e){return this.rootNode.getSelectedNodes(e)},hasFocus:function(){return!!this._hasFocus},info:function(e){3<=this.options.debugLevel&&(Array.prototype.unshift.call(arguments,this.toString()),d("info",arguments))},isLoading:function(){var t=!1;return this.rootNode.visit(function(e){if(e._isLoading||e._requestId)return!(t=!0)},!0),t},loadKeyPath:function(e,t){var i,n,r,o=this,s=new k.Deferred,a=this.getRootNode(),l=this.options.keyPathSeparator,d=[],c=k.extend({},t);for("function"==typeof t?i=t:t&&t.callback&&(i=t.callback),c.callback=function(e,t,n){i&&i.call(e,t,n),s.notifyWith(e,[{node:t,status:n}])},null==c.matchKey&&(c.matchKey=function(e,t){return e.key===t}),N(e)||(e=[e]),n=0;n<e.length;n++)(r=e[n]).charAt(0)===l&&(r=r.substr(1)),d.push(r.split(l));return setTimeout(function(){o._loadKeyPathImpl(s,c,a,d).done(function(){s.resolve()})},0),s.promise()},_loadKeyPathImpl:function(e,o,t,n){var i,r,s,a,l,d,c,u,h,f,p=this;for(c={},r=0;r<n.length;r++)for(h=n[r],u=t;h.length;){if(s=h.shift(),!(a=function(e,t){var n,i,r=e.children;if(r)for(n=0,i=r.length;n<i;n++)if(o.matchKey(r[n],t))return r[n];return null}(u,s))){this.warn("loadKeyPath: key not found: "+s+" (parent: "+u+")"),o.callback(this,s,"error");break}if(0===h.length){o.callback(this,a,"ok");break}if(a.lazy&&void 0===a.hasChildren()){o.callback(this,a,"loaded"),c[s=a.key]?c[s].pathSegList.push(h):c[s]={parent:a,pathSegList:[h]};break}o.callback(this,a,"loaded"),u=a}for(l in i=[],c)C(c,l)&&(d=c[l],f=new k.Deferred,i.push(f),function(t,n,e){o.callback(p,n,"loading"),n.load().done(function(){p._loadKeyPathImpl.call(p,t,o,n,e).always(A(t,p))}).fail(function(e){p.warn("loadKeyPath: error loading lazy "+n),o.callback(p,a,"error"),t.rejectWith(p)})}(f,d.parent,d.pathSegList));return k.when.apply(k,i).promise()},reactivate:function(e){var t,n=this.activeNode;return n?(this.activeNode=null,t=n.setActive(!0,{noFocus:!0}),e&&n.setFocus(),t):T()},reload:function(e){return this._callHook("treeClear",this),this._callHook("treeLoad",this,e)},render:function(e,t){return this.rootNode.render(e,t)},selectAll:function(t){this.visit(function(e){e.setSelected(t)})},setFocus:function(e){return this._callHook("treeSetFocus",this,e)},setOption:function(e,t){return this.widget.option(e,t)},debugTime:function(e){4<=this.options.debugLevel&&window.console.time(this+" - "+e)},debugTimeEnd:function(e){4<=this.options.debugLevel&&window.console.timeEnd(this+" - "+e)},toDict:function(e,t){t=this.rootNode.toDict(!0,t);return e?t:t.children},toString:function(){return"Fancytree@"+this._id},_triggerNodeEvent:function(e,t,n,i){i=this._makeHookContext(t,n,i),n=this.widget._trigger(e,n,i);return!1!==n&&void 0!==i.result?i.result:n},_triggerTreeEvent:function(e,t,n){n=this._makeHookContext(this,t,n),t=this.widget._trigger(e,t,n);return!1!==t&&void 0!==n.result?n.result:t},visit:function(e){return this.rootNode.visit(e,!1)},visitRows:function(t,e){if(!this.rootNode.hasChildren())return!1;if(e&&e.reverse)return delete e.reverse,this._visitRowsUp(t,e);for(var n,i,r,o=0,s=!1===(e=e||{}).includeSelf,a=!!e.includeHidden,l=!a&&this.enableFilter,d=e.start||this.rootNode.children[0],c=d.parent;c;){for(_(0<=(i=(r=c.children).indexOf(d)+o),"Could not find "+d+" in parent's children: "+c),n=i;n<r.length;n++)if(d=r[n],!l||d.match||d.subMatchCount){if(!s&&!1===t(d))return!1;if(s=!1,d.children&&d.children.length&&(a||d.expanded)&&!1===d.visit(function(e){return!l||e.match||e.subMatchCount?!1!==t(e)&&(a||!e.children||e.expanded?void 0:"skip"):"skip"},!1))return!1}c=(d=c).parent,o=1}return!0},_visitRowsUp:function(e,t){for(var n,i,r,o=!!t.includeHidden,s=t.start||this.rootNode.children[0];;){if((n=(r=s.parent).children)[0]===s){if(!(s=r).parent)break;n=r.children}else for(i=n.indexOf(s),s=n[i-1];(o||s.expanded)&&s.children&&s.children.length;)s=(n=(r=s).children)[n.length-1];if((o||s.isVisible())&&!1===e(s))return!1}},warn:function(e){2<=this.options.debugLevel&&(Array.prototype.unshift.call(arguments,this.toString()),d("warn",arguments))}},k.extend(F.prototype,{nodeClick:function(e){var t,n,i=e.targetType,r=e.node;if("expander"===i)r.isLoading()?r.debug("Got 2nd click while loading: ignored"):this._callHook("nodeToggleExpanded",e);else if("checkbox"===i)this._callHook("nodeToggleSelected",e),e.options.focusOnSelect&&this._callHook("nodeSetFocus",e,!0);else{if(t=!(n=!1),r.folder)switch(e.options.clickFolderMode){case 2:t=!(n=!0);break;case 3:n=t=!0}t&&(this.nodeSetFocus(e),this._callHook("nodeSetActive",e,!0)),n&&this._callHook("nodeToggleExpanded",e)}},nodeCollapseSiblings:function(e,t){var n,i,r,o=e.node;if(o.parent)for(i=0,r=(n=o.parent.children).length;i<r;i++)n[i]!==o&&n[i].expanded&&this._callHook("nodeSetExpanded",n[i],!1,t)},nodeDblclick:function(e){"title"===e.targetType&&4===e.options.clickFolderMode&&this._callHook("nodeToggleExpanded",e),"title"===e.targetType&&e.originalEvent.preventDefault()},nodeKeydown:function(e){var t=e.originalEvent,n=e.node,i=e.tree,r=e.options,o=t.which,s=t.key||String.fromCharCode(o),a=!!(t.altKey||t.ctrlKey||t.metaKey),l=!g[o]&&!u[o]&&!a,o=k(t.target),d=!0,c=!(t.ctrlKey||!r.autoActivate);if(n||(a=this.getActiveNode()||this.getFirstChild())&&(a.setFocus(),(n=e.node=this.focusNode).debug("Keydown force focus on active node")),r.quicksearch&&l&&!o.is(":input:enabled"))return 500<(o=Date.now())-i.lastQuicksearchTime&&(i.lastQuicksearchTerm=""),i.lastQuicksearchTime=o,i.lastQuicksearchTerm+=s,(s=i.findNextNode(i.lastQuicksearchTerm,i.getActiveNode()))&&s.setActive(),void t.preventDefault();switch(h.eventToString(t)){case"+":case"=":i.nodeSetExpanded(e,!0);break;case"-":i.nodeSetExpanded(e,!1);break;case"space":n.isPagingNode()?i._triggerNodeEvent("clickPaging",e,t):h.evalOption("checkbox",n,n,r,!1)?i.nodeToggleSelected(e):i.nodeSetActive(e,!0);break;case"return":i.nodeSetActive(e,!0);break;case"home":case"end":case"backspace":case"left":case"right":case"up":case"down":n.navigate(t.which,c);break;default:d=!1}d&&t.preventDefault()},nodeLoadChildren:function(o,s){var t,n,a,e=null,i=!0,l=o.tree,d=o.node,c=d.parent,r="nodeLoadChildren",u=Date.now();return w(s)&&_(!w(s=s.call(l,{type:"source"},o)),"source callback must not return another function"),w(s.then)?e=s:s.url?e=(t=k.extend({},o.options.ajax,s)).debugDelay?(n=t.debugDelay,delete t.debugDelay,N(n)&&(n=n[0]+Math.random()*(n[1]-n[0])),d.warn("nodeLoadChildren waiting debugDelay "+Math.round(n)+" ms ..."),k.Deferred(function(e){setTimeout(function(){k.ajax(t).done(function(){e.resolveWith(this,arguments)}).fail(function(){e.rejectWith(this,arguments)})},n)})):k.ajax(t):k.isPlainObject(s)||N(s)?i=!(e={then:function(e,t){e(s,null,null)}}):k.error("Invalid source type: "+s),d._requestId&&(d.warn("Recursive load request #"+u+" while #"+d._requestId+" is pending."),d._requestId=u),i&&(l.debugTime(r),l.nodeSetStatus(o,"loading")),a=new k.Deferred,e.then(function(e,t,n){var i,r;if("json"!==s.dataType&&"jsonp"!==s.dataType||"string"!=typeof e||k.error("Ajax request returned a string (did you get the JSON dataType wrong?)."),d._requestId&&d._requestId>u)a.rejectWith(this,[f]);else if(null!==d.parent||null===c){if(o.options.postProcess){try{(r=l._triggerNodeEvent("postProcess",o,o.originalEvent,{response:e,error:null,dataType:s.dataType})).error&&l.warn("postProcess returned error:",r)}catch(e){r={error:e,message:""+e,details:"postProcess failed"}}if(r.error)return i=k.isPlainObject(r.error)?r.error:{message:r.error},i=l._makeHookContext(d,null,i),void a.rejectWith(this,[i]);(N(r)||k.isPlainObject(r)&&N(r.children))&&(e=r)}else e&&C(e,"d")&&o.options.enableAspx&&(42===o.options.enableAspx&&l.warn("The default for enableAspx will change to `false` in the fututure. Pass `enableAspx: true` or implement postProcess to silence this warning."),e="string"==typeof e.d?k.parseJSON(e.d):e.d);a.resolveWith(this,[e])}else a.rejectWith(this,[p])},function(e,t,n){n=l._makeHookContext(d,null,{error:e,args:Array.prototype.slice.call(arguments),message:n,details:e.status+": "+n});a.rejectWith(this,[n])}),a.done(function(e){var t,n,i;l.nodeSetStatus(o,"ok"),k.isPlainObject(e)?(_(d.isRootNode(),"source may only be an object for root nodes (expecting an array of child objects otherwise)"),_(N(e.children),"if an object is passed as source, it must contain a 'children' array (all other properties are added to 'tree.data')"),t=(n=e).children,delete n.children,k.each(b,function(e,t){void 0!==n[t]&&(l[t]=n[t],delete n[t])}),k.extend(l.data,n)):t=e,_(N(t),"expected array of children"),d._setChildren(t),l.options.nodata&&0===t.length&&(w(l.options.nodata)?i=l.options.nodata.call(l,{type:"nodata"},o):!0===l.options.nodata&&d.isRootNode()?i=l.options.strings.noData:"string"==typeof l.options.nodata&&d.isRootNode()&&(i=l.options.nodata),i&&d.setStatus("nodata",i)),l._triggerNodeEvent("loadChildren",d)}).fail(function(e){var t;e!==f?e!==p?(e.node&&e.error&&e.message?t=e:"[object Object]"===(t=l._makeHookContext(d,null,{error:e,args:Array.prototype.slice.call(arguments),message:e?e.message||e.toString():""})).message&&(t.message=""),d.warn("Load children failed ("+t.message+")",t),!1!==l._triggerNodeEvent("loadError",t,null)&&l.nodeSetStatus(o,"error",t.message,t.details)):d.warn("Lazy parent node was removed while loading: discarding response."):d.warn("Ignored response for obsolete load request #"+u+" (expected #"+d._requestId+")")}).always(function(){d._requestId=null,i&&l.debugTimeEnd(r)}),a.promise()},nodeLoadKeyPath:function(e,t){},nodeRemoveChild:function(e,t){var n=e.node,i=k.extend({},e,{node:t}),r=n.children;if(1===r.length)return _(t===r[0],"invalid single child"),this.nodeRemoveChildren(e);this.activeNode&&(t===this.activeNode||this.activeNode.isDescendantOf(t))&&this.activeNode.setActive(!1),this.focusNode&&(t===this.focusNode||this.focusNode.isDescendantOf(t))&&(this.focusNode=null),this.nodeRemoveMarkup(i),this.nodeRemoveChildren(i),_(0<=(i=k.inArray(t,r)),"invalid child"),n.triggerModifyChild("remove",t),t.visit(function(e){e.parent=null},!0),this._callHook("treeRegisterNode",this,!1,t),r.splice(i,1)},nodeRemoveChildMarkup:function(e){e=e.node;e.ul&&(e.isRootNode()?k(e.ul).empty():(k(e.ul).remove(),e.ul=null),e.visit(function(e){e.li=e.ul=null}))},nodeRemoveChildren:function(e){var t=e.tree,n=e.node;n.children&&(this.activeNode&&this.activeNode.isDescendantOf(n)&&this.activeNode.setActive(!1),this.focusNode&&this.focusNode.isDescendantOf(n)&&(this.focusNode=null),this.nodeRemoveChildMarkup(e),n.triggerModifyChild("remove",null),n.visit(function(e){e.parent=null,t._callHook("treeRegisterNode",t,!1,e)}),n.lazy?n.children=[]:n.children=null,n.isRootNode()||(n.expanded=!1),this.nodeRenderStatus(e))},nodeRemoveMarkup:function(e){var t=e.node;t.li&&(k(t.li).remove(),t.li=null),this.nodeRemoveChildMarkup(e)},nodeRender:function(e,t,n,i,r){var o,s,a,l,d,c,u,h=e.node,f=e.tree,p=e.options,g=p.aria,v=!1,y=h.parent,b=!y,m=h.children,x=null;if(!1!==f._enableUpdate&&(b||y.ul)){if(_(b||y.ul,"parent UL must exist"),b||(h.li&&(t||h.li.parentNode!==h.parent.ul)&&(h.li.parentNode===h.parent.ul?x=h.li.nextSibling:this.debug("Unlinking "+h+" (must be child of "+h.parent+")"),this.nodeRemoveMarkup(e)),h.li?this.nodeRenderStatus(e):(v=!0,h.li=document.createElement("li"),(h.li.ftnode=h).key&&p.generateIds&&(h.li.id=p.idPrefix+h.key),h.span=document.createElement("span"),h.span.className="fancytree-node",g&&!h.tr&&k(h.li).attr("role","treeitem"),h.li.appendChild(h.span),this.nodeRenderTitle(e),p.createNode&&p.createNode.call(f,{type:"createNode"},e)),p.renderNode&&p.renderNode.call(f,{type:"renderNode"},e)),m){if(b||h.expanded||!0===n){for(h.ul||(h.ul=document.createElement("ul"),(!0!==i||r)&&h.expanded||(h.ul.style.display="none"),g&&k(h.ul).attr("role","group"),h.li?h.li.appendChild(h.ul):h.tree.$div.append(h.ul)),l=0,d=m.length;l<d;l++)u=k.extend({},e,{node:m[l]}),this.nodeRender(u,t,n,!1,!0);for(o=h.ul.firstChild;o;)o=(a=o.ftnode)&&a.parent!==h?(h.debug("_fixParent: remove missing "+a,o),c=o.nextSibling,o.parentNode.removeChild(o),c):o.nextSibling;for(o=h.ul.firstChild,l=0,d=m.length-1;l<d;l++)(s=m[l])===(a=o.ftnode)?o=o.nextSibling:h.ul.insertBefore(s.li,a.li)}}else h.ul&&(this.warn("remove child markup for "+h),this.nodeRemoveChildMarkup(e));b||v&&y.ul.insertBefore(h.li,x)}},nodeRenderTitle:function(e,t){var n,i,r=e.node,o=e.tree,s=e.options,a=s.aria,l=r.getLevel(),d=[];void 0!==t&&(r.title=t),r.span&&!1!==o._enableUpdate&&(t=a&&!1!==r.hasChildren()?" role='button'":"",l<s.minExpandLevel?(r.lazy||(r.expanded=!0),1<l&&d.push("<span "+t+" class='fancytree-expander fancytree-expander-fixed'></span>")):d.push("<span "+t+" class='fancytree-expander'></span>"),(l=h.evalOption("checkbox",r,r,s,!1))&&!r.isStatusNode()&&(n="fancytree-checkbox",("radio"===l||r.parent&&r.parent.radiogroup)&&(n+=" fancytree-radio"),d.push("<span "+(t=a?" role='checkbox'":"")+" class='"+n+"'></span>")),void 0!==r.data.iconClass&&(r.icon?k.error("'iconClass' node option is deprecated since v2.14.0: use 'icon' only instead"):(r.warn("'iconClass' node option is deprecated since v2.14.0: use 'icon' instead"),r.icon=r.data.iconClass)),!1!==(n=h.evalOption("icon",r,r,s,!0))&&(t=a?" role='presentation'":"",i=(i=h.evalOption("iconTooltip",r,r,s,null))?" title='"+P(i)+"'":"","string"==typeof n?c.test(n)?(n="/"===n.charAt(0)?n:(s.imagePath||"")+n,d.push("<img src='"+n+"' class='fancytree-icon'"+i+" alt='' />")):d.push("<span "+t+" class='fancytree-custom-icon "+n+"'"+i+"></span>"):n.text?d.push("<span "+t+" class='fancytree-custom-icon "+(n.addClass||"")+"'"+i+">"+h.escapeHtml(n.text)+"</span>"):n.html?d.push("<span "+t+" class='fancytree-custom-icon "+(n.addClass||"")+"'"+i+">"+n.html+"</span>"):d.push("<span "+t+" class='fancytree-icon'"+i+"></span>")),t="",t=(t=s.renderTitle?s.renderTitle.call(o,{type:"renderTitle"},e)||"":t)||"<span class='fancytree-title'"+(i=(i=!0===(i=h.evalOption("tooltip",r,r,s,null))?r.title:i)?" title='"+P(i)+"'":"")+(s.titlesTabbable?" tabindex='0'":"")+">"+(s.escapeTitles?h.escapeHtml(r.title):r.title)+"</span>",d.push(t),r.span.innerHTML=d.join(""),this.nodeRenderStatus(e),s.enhanceTitle&&(e.$title=k(">span.fancytree-title",r.span),t=s.enhanceTitle.call(o,{type:"enhanceTitle"},e)||""))},nodeRenderStatus:function(e){var t,n=e.node,i=e.tree,r=e.options,o=n.hasChildren(),s=n.isLastSibling(),a=r.aria,l=r._classNames,d=[],e=n[i.statusClassPropName];e&&!1!==i._enableUpdate&&(a&&(t=k(n.tr||n.li)),d.push(l.node),i.activeNode===n&&d.push(l.active),i.focusNode===n&&d.push(l.focused),n.expanded&&d.push(l.expanded),a&&(!1===o?t.removeAttr("aria-expanded"):t.attr("aria-expanded",Boolean(n.expanded))),n.folder&&d.push(l.folder),!1!==o&&d.push(l.hasChildren),s&&d.push(l.lastsib),n.lazy&&null==n.children&&d.push(l.lazy),n.partload&&d.push(l.partload),n.partsel&&d.push(l.partsel),h.evalOption("unselectable",n,n,r,!1)&&d.push(l.unselectable),n._isLoading&&d.push(l.loading),n._error&&d.push(l.error),n.statusNodeType&&d.push(l.statusNodePrefix+n.statusNodeType),n.selected?(d.push(l.selected),a&&t.attr("aria-selected",!0)):a&&t.attr("aria-selected",!1),n.extraClasses&&d.push(n.extraClasses),!1===o?d.push(l.combinedExpanderPrefix+"n"+(s?"l":"")):d.push(l.combinedExpanderPrefix+(n.expanded?"e":"c")+(n.lazy&&null==n.children?"d":"")+(s?"l":"")),d.push(l.combinedIconPrefix+(n.expanded?"e":"c")+(n.folder?"f":"")),e.className=d.join(" "),n.li&&k(n.li).toggleClass(l.lastsib,s))},nodeSetActive:function(e,t,n){var i=e.node,r=e.tree,o=e.options,s=!0===(n=n||{}).noEvents,a=!0===n.noFocus,n=!1!==n.scrollIntoView;return i===r.activeNode===(t=!1!==t)?T(i):(n&&e.originalEvent&&k(e.originalEvent.target).is("a,:checkbox")&&(i.info("Not scrolling while clicking an embedded link."),n=!1),t&&!s&&!1===this._triggerNodeEvent("beforeActivate",i,e.originalEvent)?L(i,["rejected"]):(t?(r.activeNode&&(_(r.activeNode!==i,"node was active (inconsistency)"),t=k.extend({},e,{node:r.activeNode}),r.nodeSetActive(t,!1),_(null===r.activeNode,"deactivate was out of sync?")),o.activeVisible&&i.makeVisible({scrollIntoView:n}),r.activeNode=i,r.nodeRenderStatus(e),a||r.nodeSetFocus(e),s||r._triggerNodeEvent("activate",i,e.originalEvent)):(_(r.activeNode===i,"node was not active (inconsistency)"),r.activeNode=null,this.nodeRenderStatus(e),s||e.tree._triggerNodeEvent("deactivate",i,e.originalEvent)),T(i)))},nodeSetExpanded:function(i,r,e){var t,n,o,s,a,l,d=i.node,c=i.tree,u=i.options,h=!0===(e=e||{}).noAnimation,f=!0===e.noEvents;if(r=!1!==r,k(d.li).hasClass(u._classNames.animating))return d.warn("setExpanded("+r+") while animating: ignored."),L(d,["recursion"]);if(d.expanded&&r||!d.expanded&&!r)return T(d);if(r&&!d.lazy&&!d.hasChildren())return T(d);if(!r&&d.getLevel()<u.minExpandLevel)return L(d,["locked"]);if(!f&&!1===this._triggerNodeEvent("beforeExpand",d,i.originalEvent))return L(d,["rejected"]);if(h||d.isVisible()||(h=e.noAnimation=!0),n=new k.Deferred,r&&!d.expanded&&u.autoCollapse){a=d.getParentList(!1,!0),l=u.autoCollapse;try{for(u.autoCollapse=!1,o=0,s=a.length;o<s;o++)this._callHook("nodeCollapseSiblings",a[o],e)}finally{u.autoCollapse=l}}return n.done(function(){var e=d.getLastChild();r&&u.autoScroll&&!h&&e&&c._enableUpdate?e.scrollIntoView(!0,{topNode:d}).always(function(){f||i.tree._triggerNodeEvent(r?"expand":"collapse",i)}):f||i.tree._triggerNodeEvent(r?"expand":"collapse",i)}),t=function(e){var t=u._classNames,n=u.toggleEffect;if(d.expanded=r,c._callHook("treeStructureChanged",i,r?"expand":"collapse"),c._callHook("nodeRender",i,!1,!1,!0),d.ul)if("none"!==d.ul.style.display==!!d.expanded)d.warn("nodeSetExpanded: UL.style.display already set");else{if(n&&!h)return k(d.li).addClass(t.animating),void(w(k(d.ul)[n.effect])?k(d.ul)[n.effect]({duration:n.duration,always:function(){k(this).removeClass(t.animating),k(d.li).removeClass(t.animating),e()}}):(k(d.ul).stop(!0,!0),k(d.ul).parent().find(".ui-effects-placeholder").remove(),k(d.ul).toggle(n.effect,n.options,n.duration,function(){k(this).removeClass(t.animating),k(d.li).removeClass(t.animating),e()})));d.ul.style.display=d.expanded||!parent?"":"none"}e()},r&&d.lazy&&void 0===d.hasChildren()?d.load().done(function(){n.notifyWith&&n.notifyWith(d,["loaded"]),t(function(){n.resolveWith(d)})}).fail(function(e){t(function(){n.rejectWith(d,["load failed ("+e+")"])})}):t(function(){n.resolveWith(d)}),n.promise()},nodeSetFocus:function(e,t){var n,i=e.tree,r=e.node,o=i.options,s=!!e.originalEvent&&k(e.originalEvent.target).is(":input");if(t=!1!==t,i.focusNode){if(i.focusNode===r&&t)return;n=k.extend({},e,{node:i.focusNode}),i.focusNode=null,this._triggerNodeEvent("blur",n),this._callHook("nodeRenderStatus",n)}t&&(this.hasFocus()||(r.debug("nodeSetFocus: forcing container focus"),this._callHook("treeSetFocus",e,!0,{calledByNode:!0})),r.makeVisible({scrollIntoView:!1}),i.focusNode=r,o.titlesTabbable&&(s||k(r.span).find(".fancytree-title").focus()),o.aria&&k(i.$container).attr("aria-activedescendant",k(r.tr||r.li).uniqueId().attr("id")),this._triggerNodeEvent("focus",e),document.activeElement===i.$container.get(0)||1<=k(document.activeElement,i.$container).length||k(i.$container).focus(),o.autoScroll&&r.scrollIntoView(),this._callHook("nodeRenderStatus",e))},nodeSetSelected:function(e,t,n){var i=e.node,r=e.tree,o=e.options,s=!0===(n=n||{}).noEvents,a=i.parent;if(t=!1!==t,!h.evalOption("unselectable",i,i,o,!1))return i._lastSelectIntent=t,!!i.selected!==t||3===o.selectMode&&i.partsel&&!t?s||!1!==this._triggerNodeEvent("beforeSelect",i,e.originalEvent)?(t&&1===o.selectMode?(r.lastSelectedNode&&r.lastSelectedNode.setSelected(!1),i.selected=t):3!==o.selectMode||!a||a.radiogroup||i.radiogroup?a&&a.radiogroup?i.visitSiblings(function(e){e._changeSelectStatusAttrs(t&&e===i)},!0):i.selected=t:(i.selected=t,i.fixSelection3AfterClick(n)),this.nodeRenderStatus(e),r.lastSelectedNode=t?i:null,void(s||r._triggerNodeEvent("select",e))):!!i.selected:t},nodeSetStatus:function(i,e,t,n){var r=i.node,o=i.tree;function s(e,t){var n=r.children?r.children[0]:null;return n&&n.isStatusNode()?(k.extend(n,e),n.statusNodeType=t,o._callHook("nodeRenderTitle",n)):(r._setChildren([e]),o._callHook("treeStructureChanged",i,"setStatusNode"),r.children[0].statusNodeType=t,o.render()),r.children[0]}switch(e){case"ok":!function(){var e=r.children?r.children[0]:null;if(e&&e.isStatusNode()){try{r.ul&&(r.ul.removeChild(e.li),e.li=null)}catch(e){}1===r.children.length?r.children=[]:r.children.shift(),o._callHook("treeStructureChanged",i,"clearStatusNode")}}(),r._isLoading=!1,r._error=null,r.renderStatus();break;case"loading":r.parent||s({title:o.options.strings.loading+(t?" ("+t+")":""),checkbox:!1,tooltip:n},e),r._isLoading=!0,r._error=null,r.renderStatus();break;case"error":s({title:o.options.strings.loadError+(t?" ("+t+")":""),checkbox:!1,tooltip:n},e),r._isLoading=!1,r._error={message:t,details:n},r.renderStatus();break;case"nodata":s({title:t||o.options.strings.noData,checkbox:!1,tooltip:n},e),r._isLoading=!1,r._error=null,r.renderStatus();break;default:k.error("invalid node status "+e)}},nodeToggleExpanded:function(e){return this.nodeSetExpanded(e,!e.node.expanded)},nodeToggleSelected:function(e){var t=e.node,n=!t.selected;return t.partsel&&!t.selected&&!0===t._lastSelectIntent&&(t.selected=!(n=!1)),t._lastSelectIntent=n,this.nodeSetSelected(e,n)},treeClear:function(e){var t=e.tree;t.activeNode=null,t.focusNode=null,t.$div.find(">ul.fancytree-container").empty(),t.rootNode.children=null,t._callHook("treeStructureChanged",e,"clear")},treeCreate:function(e){},treeDestroy:function(e){this.$div.find(">ul.fancytree-container").remove(),this.$source&&this.$source.removeClass("fancytree-helper-hidden")},treeInit:function(e){var n=e.tree,i=n.options;n.$container.attr("tabindex",i.tabindex),k.each(b,function(e,t){void 0!==i[t]&&(n.info("Move option "+t+" to tree"),n[t]=i[t],delete i[t])}),i.checkboxAutoHide&&n.$container.addClass("fancytree-checkbox-auto-hide"),i.rtl?n.$container.attr("DIR","RTL").addClass("fancytree-rtl"):n.$container.removeAttr("DIR").removeClass("fancytree-rtl"),i.aria&&(n.$container.attr("role","tree"),1!==i.selectMode&&n.$container.attr("aria-multiselectable",!0)),this.treeLoad(e)},treeLoad:function(e,t){var n,i,r,o=e.tree,s=e.widget.element,a=k.extend({},e,{node:this.rootNode});if(o.rootNode.children&&this.treeClear(e),t=t||this.options.source)"string"==typeof t&&k.error("Not implemented");else switch(i=s.data("type")||"html"){case"html":(r=s.find(">ul").not(".fancytree-container").first()).length?(r.addClass("ui-fancytree-source fancytree-helper-hidden"),t=k.ui.fancytree.parseHtml(r),this.data=k.extend(this.data,H(r))):(h.warn("No `source` option was passed and container does not contain `<ul>`: assuming `source: []`."),t=[]);break;case"json":t=k.parseJSON(s.text()),s.contents().filter(function(){return 3===this.nodeType}).remove(),k.isPlainObject(t)&&(_(N(t.children),"if an object is passed as source, it must contain a 'children' array (all other properties are added to 'tree.data')"),t=(n=t).children,delete n.children,k.each(b,function(e,t){void 0!==n[t]&&(o[t]=n[t],delete n[t])}),k.extend(o.data,n));break;default:k.error("Invalid data-type: "+i)}return o._triggerTreeEvent("preInit",null),this.nodeLoadChildren(a,t).done(function(){o._callHook("treeStructureChanged",e,"loadChildren"),o.render(),3===e.options.selectMode&&o.rootNode.fixSelection3FromEndNodes(),o.activeNode&&o.options.activeVisible&&o.activeNode.makeVisible(),o._triggerTreeEvent("init",null,{status:!0})}).fail(function(){o.render(),o._triggerTreeEvent("init",null,{status:!1})})},treeRegisterNode:function(e,t,n){e.tree._callHook("treeStructureChanged",e,t?"addNode":"removeNode")},treeSetFocus:function(e,t,n){var i;(t=!1!==t)!==this.hasFocus()&&(!(this._hasFocus=t)&&this.focusNode?this.focusNode.setFocus(!1):!t||n&&n.calledByNode||k(this.$container).focus(),this.$container.toggleClass("fancytree-treefocus",t),this._triggerTreeEvent(t?"focusTree":"blurTree"),t&&!this.activeNode&&(i=this._lastMousedownNode||this.getFirstChild())&&i.setFocus())},treeSetOption:function(e,t,n){var i=e.tree,r=!0,o=!1,s=!1;switch(t){case"aria":case"checkbox":case"icon":case"minExpandLevel":case"tabindex":s=o=!0;break;case"checkboxAutoHide":i.$container.toggleClass("fancytree-checkbox-auto-hide",!!n);break;case"escapeTitles":case"tooltip":s=!0;break;case"rtl":!1===n?i.$container.removeAttr("DIR").removeClass("fancytree-rtl"):i.$container.attr("DIR","RTL").addClass("fancytree-rtl"),s=!0;break;case"source":r=!1,i._callHook("treeLoad",i,n),s=!0}i.debug("set option "+t+"="+n+" <"+typeof n+">"),r&&(this.widget._super||k.Widget.prototype._setOption).call(this.widget,t,n),o&&i._callHook("treeCreate",i),s&&i.render(!0,!1)},treeStructureChanged:function(e,t){}}),k.widget("ui.fancytree",{options:{activeVisible:!0,ajax:{type:"GET",cache:!1,dataType:"json"},aria:!0,autoActivate:!0,autoCollapse:!1,autoScroll:!1,checkbox:!1,clickFolderMode:4,copyFunctionsToData:!1,debugLevel:null,disabled:!1,enableAspx:42,escapeTitles:!1,extensions:[],focusOnSelect:!1,generateIds:!1,icon:!0,idPrefix:"ft_",keyboard:!0,keyPathSeparator:"/",minExpandLevel:1,nodata:!0,quicksearch:!1,rtl:!1,scrollOfs:{top:0,bottom:0},scrollParent:null,selectMode:2,strings:{loading:"Loading...",loadError:"Load error!",moreData:"More...",noData:"No data."},tabindex:"0",titlesTabbable:!1,toggleEffect:{effect:"slideToggle",duration:200},tooltip:!1,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"},lazyLoad:null,postProcess:null},_deprecationWarning:function(e){var t=this.tree;t&&3<=t.options.debugLevel&&t.warn("$().fancytree('"+e+"') is deprecated (see https://wwwendt.de/tech/fancytree/doc/jsdoc/Fancytree_Widget.html")},_create:function(){this.tree=new F(this),this.$source=this.source||"json"===this.element.data("type")?this.element:this.element.find(">ul").first();for(var e,t,n=this.options,i=n.extensions,r=(this.tree,0);r<i.length;r++)t=i[r],(e=k.ui.fancytree._extensions[t])||k.error("Could not apply extension '"+t+"' (it is not registered, did you forget to include it?)"),this.tree.options[t]=function e(t){var n,i,r,o,s=t||{},a=1,l=arguments.length;if("object"==typeof s||w(s)||(s={}),a===l)throw Error("need at least two args");for(;a<l;a++)if(null!=(n=arguments[a]))for(i in n)C(n,i)&&(o=s[i],s!==(r=n[i])&&(r&&k.isPlainObject(r)?(o=o&&k.isPlainObject(o)?o:{},s[i]=e(o,r)):void 0!==r&&(s[i]=r)));return s}({},e.options,this.tree.options[t]),_(void 0===this.tree.ext[t],"Extension name must not exist as Fancytree.ext attribute: '"+t+"'"),this.tree.ext[t]={},function(e,t,n){for(var i in t)"function"==typeof t[i]?"function"==typeof e[i]?e[i]=E(i,e,0,t,n):"_"===i.charAt(0)?e.ext[n][i]=E(i,e,0,t,n):k.error("Could not override tree."+i+". Use prefix '_' to create tree."+n+"._"+i):"options"!==i&&(e.ext[n][i]=t[i])}(this.tree,e,t),0;void 0!==n.icons&&(!0===n.icon?(this.tree.warn("'icons' tree option is deprecated since v2.14.0: use 'icon' instead"),n.icon=n.icons):k.error("'icons' tree option is deprecated since v2.14.0: use 'icon' only instead")),void 0!==n.iconClass&&(n.icon?k.error("'iconClass' tree option is deprecated since v2.14.0: use 'icon' only instead"):(this.tree.warn("'iconClass' tree option is deprecated since v2.14.0: use 'icon' instead"),n.icon=n.iconClass)),void 0!==n.tabbable&&(n.tabindex=n.tabbable?"0":"-1",this.tree.warn("'tabbable' tree option is deprecated since v2.17.0: use 'tabindex='"+n.tabindex+"' instead")),this.tree._callHook("treeCreate",this.tree)},_init:function(){this.tree._callHook("treeInit",this.tree),this._bind()},_setOption:function(e,t){return this.tree._callHook("treeSetOption",this.tree,e,t)},_destroy:function(){this._unbind(),this.tree._callHook("treeDestroy",this.tree)},_unbind:function(){var e=this.tree._ns;this.element.off(e),this.tree.$container.off(e),k(document).off(e)},_bind:function(){var s=this,a=this.options,o=this.tree,e=o._ns;this._unbind(),o.$container.on("focusin"+e+" focusout"+e,function(e){var t=h.getNode(e),n="focusin"===e.type;if(!n&&t&&k(e.target).is("a"))t.debug("Ignored focusout on embedded <a> element.");else{if(n){if(o._getExpiringValue("focusin"))return void o.debug("Ignored double focusin.");o._setExpiringValue("focusin",!0,50),t||(t=o._getExpiringValue("mouseDownNode"))&&o.debug("Reconstruct mouse target for focusin from recent event.")}t?o._callHook("nodeSetFocus",o._makeHookContext(t,e),n):o.tbody&&k(e.target).parents("table.fancytree-container > thead").length?o.debug("Ignore focus event outside table body.",e):o._callHook("treeSetFocus",o,n)}}).on("selectstart"+e,"span.fancytree-title",function(e){e.preventDefault()}).on("keydown"+e,function(e){if(a.disabled||!1===a.keyboard)return!0;var t,n=o.focusNode,i=o._makeHookContext(n||o,e),r=o.phase;try{return o.phase="userEvent","preventNav"===(t=n?o._triggerNodeEvent("keydown",n,e):o._triggerTreeEvent("keydown",e))?t=!0:!1!==t&&(t=o._callHook("nodeKeydown",i)),t}finally{o.phase=r}}).on("mousedown"+e,function(e){e=h.getEventTarget(e);o._lastMousedownNode=e?e.node:null,o._setExpiringValue("mouseDownNode",o._lastMousedownNode)}).on("click"+e+" dblclick"+e,function(e){if(a.disabled)return!0;var t,n=h.getEventTarget(e),i=n.node,r=s.tree,o=r.phase;if(!i)return!0;t=r._makeHookContext(i,e);try{switch(r.phase="userEvent",e.type){case"click":return t.targetType=n.type,i.isPagingNode()?!0===r._triggerNodeEvent("clickPaging",t,e):!1!==r._triggerNodeEvent("click",t,e)&&r._callHook("nodeClick",t);case"dblclick":return t.targetType=n.type,!1!==r._triggerNodeEvent("dblclick",t,e)&&r._callHook("nodeDblclick",t)}}finally{r.phase=o}})},getActiveNode:function(){return this._deprecationWarning("getActiveNode"),this.tree.activeNode},getNodeByKey:function(e){return this._deprecationWarning("getNodeByKey"),this.tree.getNodeByKey(e)},getRootNode:function(){return this._deprecationWarning("getRootNode"),this.tree.rootNode},getTree:function(){return this._deprecationWarning("getTree"),this.tree}}),h=k.ui.fancytree,k.extend(k.ui.fancytree,{version:"2.38.2",buildType: "production",debugLevel: 3,_nextId:1,_nextNodeKey:1,_extensions:{},_FancytreeClass:F,_FancytreeNodeClass:I,jquerySupports:{positionMyOfs:function(e){for(var t,n,i=k.map(S(e).split("."),function(e){return parseInt(e,10)}),r=k.map(Array.prototype.slice.call(arguments,1),function(e){return parseInt(e,10)}),o=0;o<r.length;o++)if((t=i[o]||0)!==(n=r[o]||0))return n<t;return!0}(k.ui.version,1,9)},assert:_,createTree:function(e,t){t=k(e).fancytree(t);return h.getTree(t)},debounce:function(t,n,i,r){var o;return 3===arguments.length&&"boolean"!=typeof i&&(r=i,i=!1),function(){var e=arguments;r=r||this,i&&!o&&n.apply(r,e),clearTimeout(o),o=setTimeout(function(){i||n.apply(r,e),o=null},t)}},debug:function(e){4<=k.ui.fancytree.debugLevel&&d("log",arguments)},error:function(e){1<=k.ui.fancytree.debugLevel&&d("error",arguments)},escapeHtml:function(e){return(""+e).replace(t,function(e){return i[e]})},fixPositionOptions:function(e){var t,n,i,r;return(e.offset||0<=(""+e.my+e.at).indexOf("%"))&&k.error("expected new position syntax (but '%' is not supported)"),k.ui.fancytree.jquerySupports.positionMyOfs||(t=/(\w+)([+-]?\d+)?\s+(\w+)([+-]?\d+)?/.exec(e.my),n=/(\w+)([+-]?\d+)?\s+(\w+)([+-]?\d+)?/.exec(e.at),i=(t[2]?+t[2]:0)+(n[2]?+n[2]:0),r=(t[4]?+t[4]:0)+(n[4]?+n[4]:0),e=k.extend({},e,{my:t[1]+" "+t[3],at:n[1]+" "+n[3]}),(i||r)&&(e.offset=i+" "+r)),e},getEventTarget:function(e){var t=e&&e.target?e.target.className:"",n={node:this.getNode(e.target),type:void 0};return/\bfancytree-title\b/.test(t)?n.type="title":/\bfancytree-expander\b/.test(t)?n.type=!1===n.node.hasChildren()?"prefix":"expander":/\bfancytree-checkbox\b/.test(t)?n.type="checkbox":/\bfancytree(-custom)?-icon\b/.test(t)?n.type="icon":/\bfancytree-node\b/.test(t)?n.type="title":e&&e.target&&((e=k(e.target)).is("ul[role=group]")?((n.node&&n.node.tree||h).debug("Ignoring click on outer UL."),n.node=null):e.closest(".fancytree-title").length?n.type="title":e.closest(".fancytree-checkbox").length?n.type="checkbox":e.closest(".fancytree-expander").length&&(n.type="expander")),n},getEventTargetType:function(e){return this.getEventTarget(e).type},getNode:function(e){if(e instanceof I)return e;for(e instanceof k?e=e[0]:void 0!==e.originalEvent&&(e=e.target);e;){if(e.ftnode)return e.ftnode;e=e.parentNode}return null},getTree:function(e){var t=e;return e instanceof F?e:("number"==typeof(e=void 0===e?0:e)?e=k(".fancytree-container").eq(e):"string"==typeof e?(e=k("#ft-id-"+t).eq(0)).length||(e=k(t).eq(0)):e instanceof Element||e instanceof HTMLDocument?e=k(e):e instanceof k?e=e.eq(0):void 0!==e.originalEvent&&(e=k(e.target)),(e=(e=e.closest(":ui-fancytree")).data("ui-fancytree")||e.data("fancytree"))?e.tree:null)},evalOption:function(e,t,n,i,r){var o,s=t.tree,i=i[e],n=n[e];return w(i)?(o={node:t,tree:s,widget:s.widget,options:s.widget.options,typeInfo:s.types[t.type]||{}},null==(o=i.call(s,{type:e},o))&&(o=n)):o=null==n?i:n,o=null==o?r:o},setSpanIcon:function(e,t,n){var i=k(e);"string"==typeof n?i.attr("class",t+" "+n):(n.text?i.text(""+n.text):n.html&&(e.innerHTML=n.html),i.attr("class",t+" "+(n.addClass||"")))},eventToString:function(e){var t=e.which,n=e.type,i=[];return e.altKey&&i.push("alt"),e.ctrlKey&&i.push("ctrl"),e.metaKey&&i.push("meta"),e.shiftKey&&i.push("shift"),"click"===n||"dblclick"===n?i.push(o[e.button]+n):"wheel"===n?i.push(n):r[t]||i.push(u[t]||String.fromCharCode(t).toLowerCase()),i.join("+")},info:function(e){3<=k.ui.fancytree.debugLevel&&d("info",arguments)},keyEventToString:function(e){return this.warn("keyEventToString() is deprecated: use eventToString()"),this.eventToString(e)},overrideMethod:function(e,t,n,i){var r,o=e[t]||k.noop;e[t]=function(){var e=i||this;try{return r=e._super,e._super=o,n.apply(e,arguments)}finally{e._super=r}}},parseHtml:function(s){var a,l,d,c,u,h,f,p,e=s.find(">li"),g=[];return e.each(function(){var e,t,n=k(this),i=n.find(">span",this).first(),r=i.length?null:n.find(">a").first(),o={tooltip:null,data:{}};for(i.length?o.title=i.html():r&&r.length?(o.title=r.html(),o.data.href=r.attr("href"),o.data.target=r.attr("target"),o.tooltip=r.attr("title")):(o.title=n.html(),0<=(u=o.title.search(/<ul/i))&&(o.title=o.title.substring(0,u))),o.title=S(o.title),c=0,h=v.length;c<h;c++)o[v[c]]=void 0;for(a=this.className.split(" "),d=[],c=0,h=a.length;c<h;c++)l=a[c],y[l]?o[l]=!0:d.push(l);if(o.extraClasses=d.join(" "),(f=n.attr("title"))&&(o.tooltip=f),(f=n.attr("id"))&&(o.key=f),n.attr("hideCheckbox")&&(o.checkbox=!1),(e=H(n))&&!k.isEmptyObject(e)){for(t in x)C(e,t)&&(e[x[t]]=e[t],delete e[t]);for(c=0,h=m.length;c<h;c++)f=m[c],null!=(p=e[f])&&(delete e[f],o[f]=p);k.extend(o.data,e)}(s=n.find(">ul").first()).length?o.children=k.ui.fancytree.parseHtml(s):o.children=o.lazy?void 0:null,g.push(o)}),g},registerExtension:function(e){_(null!=e.name,"extensions must have a `name` property."),_(null!=e.version,"extensions must have a `version` property."),k.ui.fancytree._extensions[e.name]=e},trim:S,unescapeHtml:function(e){var t=document.createElement("div");return t.innerHTML=e,0===t.childNodes.length?"":t.childNodes[0].nodeValue},warn:function(e){2<=k.ui.fancytree.debugLevel&&d("warn",arguments)}}),k.ui.fancytree}function _(e,t){e||(k.ui.fancytree.error(t="Fancytree assertion failed"+(t=t?": "+t:"")),k.error(t))}function C(e,t){return Object.prototype.hasOwnProperty.call(e,t)}function w(e){return"function"==typeof e}function S(e){return null==e?"":e.trim()}function d(t,n){var i,r,t=window.console?window.console[t]:null;if(t)try{t.apply(window.console,n)}catch(e){for(r="",i=0;i<n.length;i++)r+=n[i];t(r)}}function E(e,i,t,n,r){var o,s,a;function l(){return o.apply(i,arguments)}function d(e){return o.apply(i,e)}return o=i[e],s=n[e],a=i.ext[r],function(){var e=i._local,t=i._super,n=i._superApply;try{return i._local=a,i._super=l,i._superApply=d,s.apply(i,arguments)}finally{i._local=e,i._super=t,i._superApply=n}}}function T(e,t){return(void 0===e?k.Deferred(function(){this.resolve()}):k.Deferred(function(){this.resolveWith(e,t)})).promise()}function L(e,t){return(void 0===e?k.Deferred(function(){this.reject()}):k.Deferred(function(){this.rejectWith(e,t)})).promise()}function A(e,t){return function(){e.resolveWith(t)}}function H(e){var t=k.extend({},e.data()),e=t.json;return delete t.fancytree,delete t.uiFancytree,e&&(delete t.json,t=k.extend(t,e)),t}function P(e){return(""+e).replace(n,function(e){return i[e]})}function R(t){return t=t.toLowerCase(),function(e){return 0<=e.title.toLowerCase().indexOf(t)}}function I(e,t){var n,i,r;for(this.parent=e,this.tree=e.tree,this.ul=null,this.li=null,this.statusNodeType=null,this._isLoading=!1,this._error=null,this.data={},n=0,i=m.length;n<i;n++)this[r=m[n]]=t[r];for(r in null==this.unselectableIgnore&&null==this.unselectableStatus||(this.unselectable=!0),t.hideCheckbox&&k.error("'hideCheckbox' node option was removed in v2.23.0: use 'checkbox: false'"),t.data&&k.extend(this.data,t.data),t)s[r]||!this.tree.options.copyFunctionsToData&&w(t[r])||a[r]||(this.data[r]=t[r]);null==this.key?this.tree.options.defaultKey?(this.key=""+this.tree.options.defaultKey(this),_(this.key,"defaultKey() must return a unique key")):this.key="_"+h._nextNodeKey++:this.key=""+this.key,t.active&&(_(null===this.tree.activeNode,"only one active node allowed"),this.tree.activeNode=this),t.selected&&(this.tree.lastSelectedNode=this),(e=t.children)?e.length?this._setChildren(e):this.children=this.lazy?[]:null:this.children=null,this.tree._callHook("treeRegisterNode",this.tree,!0,this)}function F(e){this.widget=e,this.$div=e.element,this.options=e.options,this.options&&(void 0!==this.options.lazyload&&k.error("The 'lazyload' event is deprecated since 2014-02-25. Use 'lazyLoad' (with uppercase L) instead."),void 0!==this.options.loaderror&&k.error("The 'loaderror' event was renamed since 2014-07-03. Use 'loadError' (with uppercase E) instead."),void 0!==this.options.fx&&k.error("The 'fx' option was replaced by 'toggleEffect' since 2014-11-30."),void 0!==this.options.removeNode&&k.error("The 'removeNode' event was replaced by 'modifyChild' since 2.20 (2016-09-10).")),this.ext={},this.types={},this.columns={},this.data=H(this.$div),this._id=""+(this.options.treeId||k.ui.fancytree._nextId++),this._ns=".fancytree-"+this._id,this.activeNode=null,this.focusNode=null,this._hasFocus=null,this._tempCache={},this._lastMousedownNode=null,this._enableUpdate=!0,this.lastSelectedNode=null,this.systemFocusElement=null,this.lastQuicksearchTerm="",this.lastQuicksearchTime=0,this.viewport=null,this.statusClassPropName="span",this.ariaPropName="li",this.nodeContainerAttrName="li",this.$div.find(">ul.fancytree-container").remove(),this.rootNode=new I({tree:this},{title:"root",key:"root_"+this._id,children:null,expanded:!0}),this.rootNode.parent=null,e=k("<ul>",{id:"ft-id-"+this._id,class:"ui-fancytree fancytree-container fancytree-plain"}).appendTo(this.$div),this.$container=e,this.rootNode.ul=e[0],null==this.options.debugLevel&&(this.options.debugLevel=h.debugLevel)}k.ui.fancytree.warn("Fancytree: ignored duplicate include")});
\ No newline at end of file
diff --git a/public/js/viewtree/modules/jquery.fancytree.ariagrid.js b/public/js/viewtree/modules/jquery.fancytree.ariagrid.js
new file mode 100644
index 0000000..f310cdd
--- /dev/null
+++ b/public/js/viewtree/modules/jquery.fancytree.ariagrid.js
@@ -0,0 +1,714 @@
+/*!
+ * jquery.fancytree.ariagrid.js
+ *
+ * Support ARIA compliant markup and keyboard navigation for tree grids with
+ * embedded input controls.
+ * (Extension module for jquery.fancytree.js: https://github.com/mar10/fancytree/)
+ *
+ * @requires ext-table
+ *
+ * Copyright (c) 2008-2021, Martin Wendt (https://wwWendt.de)
+ *
+ * Released under the MIT license
+ * https://github.com/mar10/fancytree/wiki/LicenseInfo
+ *
+ * @version 2.38.2
+ * @date 2022-06-30T18:24:06Z
+ */
+
+(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) {
+		// Node/CommonJS
+		require("./jquery.fancytree.table"); // core + table
+		module.exports = factory(require("jquery"));
+	} else {
+		// Browser globals
+		factory(jQuery);
+	}
+})(function ($) {
+	"use strict";
+
+	/*******************************************************************************
+	 * Private functions and variables
+	 */
+
+	// Allow these navigation keys even when input controls are focused
+
+	var FT = $.ui.fancytree,
+		clsFancytreeActiveCell = "fancytree-active-cell",
+		clsFancytreeCellMode = "fancytree-cell-mode",
+		clsFancytreeCellNavMode = "fancytree-cell-nav-mode",
+		VALID_MODES = ["allow", "force", "start", "off"],
+		// Define which keys are handled by embedded <input> control, and should
+		// *not* be passed to tree navigation handler in cell-edit mode:
+		INPUT_KEYS = {
+			text: ["left", "right", "home", "end", "backspace"],
+			number: ["up", "down", "left", "right", "home", "end", "backspace"],
+			checkbox: [],
+			link: [],
+			radiobutton: ["up", "down"],
+			"select-one": ["up", "down"],
+			"select-multiple": ["up", "down"],
+		},
+		NAV_KEYS = ["up", "down", "left", "right", "home", "end"];
+
+	/* Set aria-activedescendant on container to active cell's ID (generate one if required).*/
+	function setActiveDescendant(tree, $target) {
+		var id = $target ? $target.uniqueId().attr("id") : "";
+
+		tree.$container.attr("aria-activedescendant", id);
+	}
+
+	/* 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(tree, $target, keyCode) {
+		var nextNode,
+			node,
+			navMap = { "ctrl+home": "first", "ctrl+end": "last" },
+			$td = $target.closest("td"),
+			$tr = $td.parent(),
+			treeOpts = tree.options,
+			colIdx = getColIdx($tr, $td),
+			$tdNext = null;
+
+		keyCode = navMap[keyCode] || keyCode;
+
+		switch (keyCode) {
+			case "left":
+				$tdNext = treeOpts.rtl ? $td.next() : $td.prev();
+				break;
+			case "right":
+				$tdNext = treeOpts.rtl ? $td.prev() : $td.next();
+				break;
+			case "up":
+			case "down":
+			case "ctrl+home":
+			case "ctrl+end":
+				node = $tr[0].ftnode;
+				nextNode = tree.findRelatedNode(node, keyCode);
+				if (nextNode) {
+					nextNode.makeVisible();
+					nextNode.setActive();
+					$tdNext = findTdAtColIdx($(nextNode.tr), colIdx);
+				}
+				break;
+			case "home":
+				$tdNext = treeOpts.rtl
+					? $tr.children("td").last()
+					: $tr.children("td").first();
+				break;
+			case "end":
+				$tdNext = treeOpts.rtl
+					? $tr.children("td").first()
+					: $tr.children("td").last();
+				break;
+		}
+		return $tdNext && $tdNext.length ? $tdNext : null;
+	}
+
+	/* Return a descriptive string of the current mode. */
+	function getGridNavMode(tree) {
+		if (tree.$activeTd) {
+			return tree.forceNavMode ? "cell-nav" : "cell-edit";
+		}
+		return "row";
+	}
+
+	/* .*/
+	function activateEmbeddedLink($td) {
+		// $td.find( "a" )[ 0 ].trigger("click");  // does not work (always)?
+		// $td.find( "a" ).trigger("click");
+		var event = document.createEvent("MouseEvent"),
+			a = $td.find("a")[0]; // document.getElementById('nameOfID');
+
+		event = new CustomEvent("click");
+		a.dispatchEvent(event);
+	}
+
+	/**
+	 * [ext-ariagrid] Set active cell and activate cell-nav or cell-edit mode if needed.
+	 * Pass $td=null to enter row-mode.
+	 *
+	 * See also FancytreeNode#setActive(flag, {cell: idx})
+	 *
+	 * @param {jQuery | Element | integer} [$td]
+	 * @param {Event|null} [orgEvent=null]
+	 * @alias Fancytree#activateCell
+	 * @requires jquery.fancytree.ariagrid.js
+	 * @since 2.23
+	 */
+	$.ui.fancytree._FancytreeClass.prototype.activateCell = function (
+		$td,
+		orgEvent
+	) {
+		var colIdx,
+			$input,
+			$tr,
+			res,
+			tree = this,
+			$prevTd = this.$activeTd || null,
+			newNode = $td ? FT.getNode($td) : null,
+			prevNode = $prevTd ? FT.getNode($prevTd) : null,
+			anyNode = newNode || prevNode,
+			$prevTr = $prevTd ? $prevTd.closest("tr") : null;
+
+		anyNode.debug(
+			"activateCell(" +
+				($prevTd ? $prevTd.text() : "null") +
+				") -> " +
+				($td ? $td.text() : "OFF")
+		);
+
+		// Make available as event
+
+		if ($td) {
+			FT.assert($td.length, "Invalid active cell");
+			colIdx = getColIdx($(newNode.tr), $td);
+			res = this._triggerNodeEvent("activateCell", newNode, orgEvent, {
+				activeTd: tree.$activeTd,
+				colIdx: colIdx,
+				mode: null, // editMode ? "cell-edit" : "cell-nav"
+			});
+			if (res === false) {
+				return false;
+			}
+			this.$container.addClass(clsFancytreeCellMode);
+			this.$container.toggleClass(
+				clsFancytreeCellNavMode,
+				!!this.forceNavMode
+			);
+			$tr = $td.closest("tr");
+			if ($prevTd) {
+				// cell-mode => cell-mode
+				if ($prevTd.is($td)) {
+					return;
+				}
+				$prevTd
+					.removeAttr("tabindex")
+					.removeClass(clsFancytreeActiveCell);
+
+				if (!$prevTr.is($tr)) {
+					// We are moving to a different row: only the inputs in the
+					// active row should be tabbable
+					$prevTr.find(">td :input,a").attr("tabindex", "-1");
+				}
+			}
+			$tr.find(">td :input:enabled,a").attr("tabindex", "0");
+			newNode.setActive();
+			$td.addClass(clsFancytreeActiveCell);
+			this.$activeTd = $td;
+
+			$input = $td.find(":input:enabled,a");
+			this.debug("Focus input", $input);
+			if ($input.length) {
+				$input.focus();
+				setActiveDescendant(this, $input);
+			} else {
+				$td.attr("tabindex", "-1").focus();
+				setActiveDescendant(this, $td);
+			}
+		} else {
+			res = this._triggerNodeEvent("activateCell", prevNode, orgEvent, {
+				activeTd: null,
+				colIdx: null,
+				mode: "row",
+			});
+			if (res === false) {
+				return false;
+			}
+			// $td == null: switch back to row-mode
+			this.$container.removeClass(
+				clsFancytreeCellMode + " " + clsFancytreeCellNavMode
+			);
+			// console.log("activateCell: set row-mode for " + this.activeNode, $prevTd);
+			if ($prevTd) {
+				// cell-mode => row-mode
+				$prevTd
+					.removeAttr("tabindex")
+					.removeClass(clsFancytreeActiveCell);
+				// In row-mode, only embedded inputs of the active row are tabbable
+				$prevTr
+					.find("td")
+					.blur() // we need to blur first, because otherwise the focus frame is not reliably removed(?)
+					.removeAttr("tabindex");
+				$prevTr.find(">td :input,a").attr("tabindex", "-1");
+				this.$activeTd = null;
+				// The cell lost focus, but the tree still needs to capture keys:
+				this.activeNode.setFocus();
+				setActiveDescendant(this, $tr);
+			} else {
+				// row-mode => row-mode (nothing to do)
+			}
+		}
+	};
+
+	/*******************************************************************************
+	 * Extension code
+	 */
+	$.ui.fancytree.registerExtension({
+		name: "ariagrid",
+		version: "2.38.2",
+		// Default options for this extension.
+		options: {
+			// Internal behavior flags
+			activateCellOnDoubelclick: true,
+			cellFocus: "allow",
+			// TODO: use a global tree option `name` or `title` instead?:
+			label: "Tree Grid", // Added as `aria-label` attribute
+		},
+
+		treeInit: function (ctx) {
+			var tree = ctx.tree,
+				treeOpts = ctx.options,
+				opts = treeOpts.ariagrid;
+
+			// ariagrid requires the table extension to be loaded before itself
+			if (tree.ext.grid) {
+				this._requireExtension("grid", true, true);
+			} else {
+				this._requireExtension("table", true, true);
+			}
+			if (!treeOpts.aria) {
+				$.error("ext-ariagrid requires `aria: true`");
+			}
+			if ($.inArray(opts.cellFocus, VALID_MODES) < 0) {
+				$.error("Invalid `cellFocus` option");
+			}
+			this._superApply(arguments);
+
+			// The combination of $activeTd and forceNavMode determines the current
+			// navigation mode:
+			this.$activeTd = null; // active cell (null in row-mode)
+			this.forceNavMode = true;
+
+			this.$container
+				.addClass("fancytree-ext-ariagrid")
+				.toggleClass(clsFancytreeCellNavMode, !!this.forceNavMode)
+				.attr("aria-label", "" + opts.label);
+			this.$container
+				.find("thead > tr > th")
+				.attr("role", "columnheader");
+
+			// Store table options for easier evaluation of default actions
+			// depending of active cell column
+			this.nodeColumnIdx = treeOpts.table.nodeColumnIdx;
+			this.checkboxColumnIdx = treeOpts.table.checkboxColumnIdx;
+			if (this.checkboxColumnIdx == null) {
+				this.checkboxColumnIdx = this.nodeColumnIdx;
+			}
+
+			this.$container
+				.on("focusin", function (event) {
+					// Activate node if embedded input gets focus (due to a click)
+					var node = FT.getNode(event.target),
+						$td = $(event.target).closest("td");
+
+					// tree.debug( "focusin: " + ( node ? node.title : "null" ) +
+					// 	", target: " + ( $td ? $td.text() : null ) +
+					// 	", node was active: " + ( node && node.isActive() ) +
+					// 	", last cell: " + ( tree.$activeTd ? tree.$activeTd.text() : null ) );
+					// tree.debug( "focusin: target", event.target );
+
+					// TODO: add ":input" as delegate filter instead of testing here
+					if (
+						node &&
+						!$td.is(tree.$activeTd) &&
+						$(event.target).is(":input")
+					) {
+						node.debug("Activate cell on INPUT focus event");
+						tree.activateCell($td);
+					}
+				})
+				.on("fancytreeinit", function (event, data) {
+					if (
+						opts.cellFocus === "start" ||
+						opts.cellFocus === "force"
+					) {
+						tree.debug("Enforce cell-mode on init");
+						tree.debug(
+							"init",
+							tree.getActiveNode() || tree.getFirstChild()
+						);
+						(
+							tree.getActiveNode() || tree.getFirstChild()
+						).setActive(true, { cell: tree.nodeColumnIdx });
+						tree.debug(
+							"init2",
+							tree.getActiveNode() || tree.getFirstChild()
+						);
+					}
+				})
+				.on("fancytreefocustree", function (event, data) {
+					// Enforce cell-mode when container gets focus
+					if (opts.cellFocus === "force" && !tree.$activeTd) {
+						var node = tree.getActiveNode() || tree.getFirstChild();
+						tree.debug("Enforce cell-mode on focusTree event");
+						node.setActive(true, { cell: 0 });
+					}
+				})
+				// .on("fancytreeupdateviewport", function(event, data) {
+				// 	tree.debug(event.type, data);
+				// })
+				.on("fancytreebeforeupdateviewport", function (event, data) {
+					// When scrolling, the TR may be re-used by another node, so the
+					// active cell marker an
+					// tree.debug(event.type, data);
+					if (tree.viewport && tree.$activeTd) {
+						tree.info("Cancel cell-mode due to scroll event.");
+						tree.activateCell(null);
+					}
+				});
+		},
+		nodeClick: function (ctx) {
+			var targetType = ctx.targetType,
+				tree = ctx.tree,
+				node = ctx.node,
+				event = ctx.originalEvent,
+				$target = $(event.target),
+				$td = $target.closest("td");
+
+			tree.debug(
+				"nodeClick: node: " +
+					(node ? node.title : "null") +
+					", targetType: " +
+					targetType +
+					", target: " +
+					($td.length ? $td.text() : null) +
+					", node was active: " +
+					(node && node.isActive()) +
+					", last cell: " +
+					(tree.$activeTd ? tree.$activeTd.text() : null)
+			);
+
+			if (tree.$activeTd) {
+				// If already in cell-mode, activate new cell
+				tree.activateCell($td);
+				if ($target.is(":input")) {
+					return;
+				} else if (
+					$target.is(".fancytree-checkbox") ||
+					$target.is(".fancytree-expander")
+				) {
+					return this._superApply(arguments);
+				}
+				return false;
+			}
+			return this._superApply(arguments);
+		},
+		nodeDblclick: function (ctx) {
+			var tree = ctx.tree,
+				treeOpts = ctx.options,
+				opts = treeOpts.ariagrid,
+				event = ctx.originalEvent,
+				$td = $(event.target).closest("td");
+
+			// console.log("nodeDblclick", tree.$activeTd, ctx.options.ariagrid.cellFocus)
+			if (
+				opts.activateCellOnDoubelclick &&
+				!tree.$activeTd &&
+				opts.cellFocus === "allow"
+			) {
+				// If in row-mode, activate new cell
+				tree.activateCell($td);
+				return false;
+			}
+			return this._superApply(arguments);
+		},
+		nodeRenderStatus: function (ctx) {
+			// Set classes for current status
+			var res,
+				node = ctx.node,
+				$tr = $(node.tr);
+
+			res = this._super(ctx);
+
+			if (node.parent) {
+				$tr.attr("aria-level", node.getLevel())
+					.attr("aria-setsize", node.parent.children.length)
+					.attr("aria-posinset", node.getIndex() + 1);
+
+				// 2018-06-24: not required according to
+				// https://github.com/w3c/aria-practices/issues/132#issuecomment-397698250
+				// if ( $tr.is( ":hidden" ) ) {
+				// 	$tr.attr( "aria-hidden", true );
+				// } else {
+				// 	$tr.removeAttr( "aria-hidden" );
+				// }
+
+				// this.debug("nodeRenderStatus: " + this.$activeTd + ", " + $tr.attr("aria-expanded"));
+				// In cell-mode, move aria-expanded attribute from TR to first child TD
+				if (this.$activeTd && $tr.attr("aria-expanded") != null) {
+					$tr.remove("aria-expanded");
+					$tr.find("td")
+						.eq(this.nodeColumnIdx)
+						.attr("aria-expanded", node.isExpanded());
+				} else {
+					$tr.find("td")
+						.eq(this.nodeColumnIdx)
+						.removeAttr("aria-expanded");
+				}
+			}
+			return res;
+		},
+		nodeSetActive: function (ctx, flag, callOpts) {
+			var $td,
+				node = ctx.node,
+				tree = ctx.tree,
+				$tr = $(node.tr);
+
+			flag = flag !== false;
+			node.debug("nodeSetActive(" + flag + ")", callOpts);
+			// Support custom `cell` option
+			if (flag && callOpts && callOpts.cell != null) {
+				// `cell` may be a col-index, <td>, or `$(td)`
+				if (typeof callOpts.cell === "number") {
+					$td = findTdAtColIdx($tr, callOpts.cell);
+				} else {
+					$td = $(callOpts.cell);
+				}
+				tree.activateCell($td);
+				return;
+			}
+			// tree.debug( "nodeSetActive: activeNode " + this.activeNode );
+			return this._superApply(arguments);
+		},
+		nodeKeydown: function (ctx) {
+			var handleKeys,
+				inputType,
+				res,
+				$td,
+				$embeddedCheckbox = null,
+				tree = ctx.tree,
+				node = ctx.node,
+				treeOpts = ctx.options,
+				opts = treeOpts.ariagrid,
+				event = ctx.originalEvent,
+				eventString = FT.eventToString(event),
+				$target = $(event.target),
+				$activeTd = this.$activeTd,
+				$activeTr = $activeTd ? $activeTd.closest("tr") : null,
+				colIdx = $activeTd ? getColIdx($activeTr, $activeTd) : -1,
+				forceNav =
+					$activeTd &&
+					tree.forceNavMode &&
+					$.inArray(eventString, NAV_KEYS) >= 0;
+
+			if (opts.cellFocus === "off") {
+				return this._superApply(arguments);
+			}
+
+			if ($target.is(":input:enabled")) {
+				inputType = $target.prop("type");
+			} else if ($target.is("a")) {
+				inputType = "link";
+			}
+			if ($activeTd && $activeTd.find(":checkbox:enabled").length === 1) {
+				$embeddedCheckbox = $activeTd.find(":checkbox:enabled");
+				inputType = "checkbox";
+			}
+			tree.debug(
+				"nodeKeydown(" +
+					eventString +
+					"), activeTd: '" +
+					($activeTd && $activeTd.text()) +
+					"', inputType: " +
+					inputType
+			);
+
+			if (inputType && eventString !== "esc" && !forceNav) {
+				handleKeys = INPUT_KEYS[inputType];
+				if (handleKeys && $.inArray(eventString, handleKeys) >= 0) {
+					return; // Let input control handle the key
+				}
+			}
+
+			switch (eventString) {
+				case "right":
+					if ($activeTd) {
+						// Cell mode: move to neighbour (stop on right border)
+						$td = findNeighbourTd(tree, $activeTd, eventString);
+						if ($td) {
+							tree.activateCell($td);
+						}
+					} else if (
+						node &&
+						!node.isExpanded() &&
+						node.hasChildren() !== false
+					) {
+						// Row mode and current node can be expanded:
+						// default handling will expand.
+						break;
+					} else {
+						// Row mode: switch to cell-mode
+						$td = $(node.tr).find(">td").first();
+						tree.activateCell($td);
+					}
+					return false; // no default handling
+
+				case "left":
+				case "home":
+				case "end":
+				case "ctrl+home":
+				case "ctrl+end":
+				case "up":
+				case "down":
+					if ($activeTd) {
+						// Cell mode: move to neighbour
+						$td = findNeighbourTd(tree, $activeTd, eventString);
+						// Note: $td may be null if we move outside bounds. In this case
+						// we switch back to row-mode (i.e. call activateCell(null) ).
+						if (!$td && "left right".indexOf(eventString) < 0) {
+							// Only switch to row-mode if left/right hits the bounds
+							return false;
+						}
+						if ($td || opts.cellFocus !== "force") {
+							tree.activateCell($td);
+						}
+						return false;
+					}
+					break;
+
+				case "esc":
+					if ($activeTd && !tree.forceNavMode) {
+						// Switch from cell-edit-mode to cell-nav-mode
+						// $target.closest( "td" ).focus();
+						tree.forceNavMode = true;
+						tree.debug("Enter cell-nav-mode");
+						tree.$container.toggleClass(
+							clsFancytreeCellNavMode,
+							!!tree.forceNavMode
+						);
+						return false;
+					} else if ($activeTd && opts.cellFocus !== "force") {
+						// Switch back from cell-mode to row-mode
+						tree.activateCell(null);
+						return false;
+					}
+					// tree.$container.toggleClass( clsFancytreeCellNavMode, !!tree.forceNavMode );
+					break;
+
+				case "return":
+					// Let user override the default action.
+					// This event is triggered in row-mode and cell-mode
+					res = tree._triggerNodeEvent(
+						"defaultGridAction",
+						node,
+						event,
+						{
+							activeTd: tree.$activeTd ? tree.$activeTd[0] : null,
+							colIdx: colIdx,
+							mode: getGridNavMode(tree),
+						}
+					);
+					if (res === false) {
+						return false;
+					}
+					// Implement default actions (for cell-mode only).
+					if ($activeTd) {
+						// Apply 'default action' for embedded cell control
+						if (colIdx === this.nodeColumnIdx) {
+							node.toggleExpanded();
+						} else if (colIdx === this.checkboxColumnIdx) {
+							// TODO: only in checkbox mode!
+							node.toggleSelected();
+						} else if ($embeddedCheckbox) {
+							// Embedded checkboxes are always toggled (ignoring `autoFocusInput`)
+							$embeddedCheckbox.prop(
+								"checked",
+								!$embeddedCheckbox.prop("checked")
+							);
+						} else if (tree.forceNavMode && $target.is(":input")) {
+							tree.forceNavMode = false;
+							tree.$container.removeClass(
+								clsFancytreeCellNavMode
+							);
+							tree.debug("enable cell-edit-mode");
+						} else if ($activeTd.find("a").length === 1) {
+							activateEmbeddedLink($activeTd);
+						}
+					} else {
+						// ENTER in row-mode: Switch from row-mode to cell-mode
+						// TODO: it was also suggested to expand/collapse instead
+						//    https://github.com/w3c/aria-practices/issues/132#issuecomment-407634891
+						$td = $(node.tr).find(">td").nth(this.nodeColumnIdx);
+						tree.activateCell($td);
+					}
+					return false; // no default handling
+
+				case "space":
+					if ($activeTd) {
+						if (colIdx === this.checkboxColumnIdx) {
+							node.toggleSelected();
+						} else if ($embeddedCheckbox) {
+							$embeddedCheckbox.prop(
+								"checked",
+								!$embeddedCheckbox.prop("checked")
+							);
+						}
+						return false; // no default handling
+					}
+					break;
+
+				default:
+				// Allow to focus input by typing alphanum keys
+			}
+			return this._superApply(arguments);
+		},
+		treeSetOption: function (ctx, key, value) {
+			var tree = ctx.tree,
+				opts = tree.options.ariagrid;
+
+			if (key === "ariagrid") {
+				// User called `$().fancytree("option", "ariagrid.SUBKEY", VALUE)`
+				if (value.cellFocus !== opts.cellFocus) {
+					if ($.inArray(value.cellFocus, VALID_MODES) < 0) {
+						$.error("Invalid `cellFocus` option");
+					}
+					// TODO: fix current focus and mode
+				}
+			}
+			return this._superApply(arguments);
+		},
+	});
+	// Value returned by `require('jquery.fancytree..')`
+	return $.ui.fancytree;
+}); // End of closure
diff --git a/public/js/viewtree/modules/jquery.fancytree.childcounter.js b/public/js/viewtree/modules/jquery.fancytree.childcounter.js
new file mode 100644
index 0000000..53615a5
--- /dev/null
+++ b/public/js/viewtree/modules/jquery.fancytree.childcounter.js
@@ -0,0 +1,241 @@
+// Extending Fancytree
+// ===================
+//
+// 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
+// source code.
+// Prefix with `/*!` so the comment is not removed by the minifier.
+
+/*!
+ * jquery.fancytree.childcounter.js
+ *
+ * Add a child counter bubble to tree nodes.
+ * (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.2
+ * @date 2022-06-30T18:24:06Z
+ */
+
+// To keep the global namespace clean, we wrap everything in a closure.
+// The UMD wrapper pattern defines the dependencies on jQuery and the
+// Fancytree core module, and makes sure that we can use the `require()`
+// syntax with package loaders.
+
+(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 ($) {
+	// Consider to use [strict mode](http://ejohn.org/blog/ecmascript-5-strict-mode-json-and-more/)
+	"use strict";
+
+	// 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.
+
+	/*eslint-disable no-unused-vars */
+
+	// Adding methods
+	// --------------
+
+	// 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;
+
+		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,span.fancytree-custom-icon",
+						node.span
+					)
+				);
+			}
+			$badge.text(count);
+		} else {
+			$badge.remove();
+		}
+		if (extOpts.deep && !node.isTopLevel() && !node.isRootNode()) {
+			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](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.2",
+
+		// 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
diff --git a/public/js/viewtree/modules/jquery.fancytree.clones.js b/public/js/viewtree/modules/jquery.fancytree.clones.js
new file mode 100644
index 0000000..25756e9
--- /dev/null
+++ b/public/js/viewtree/modules/jquery.fancytree.clones.js
@@ -0,0 +1,514 @@
+/*!
+ *
+ * jquery.fancytree.clones.js
+ * 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-2021, Martin Wendt (https://wwWendt.de)
+ *
+ * Released under the MIT license
+ * https://github.com/mar10/fancytree/wiki/LicenseInfo
+ *
+ * @version 2.38.2
+ * @date 2022-06-30T18:24:06Z
+ */
+
+(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 _assert = $.ui.fancytree.assert;
+
+	/* 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;
+	}
+
+	/**
+	 * 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;
+
+		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);
+		}
+
+		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 */
+	}
+
+	/*
+	 * 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;
+			});
+
+		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
+
+		h1 = hashMurmur3(path, true);
+		key = "id_" + h1 + hashMurmur3(h1 + path, true);
+
+		return key;
+	}
+
+	/**
+	 * [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;
+	};
+
+	/**
+	 * [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;
+					});
+				}
+			}
+			// 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;
+	};
+
+	/**
+	 * [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.38.2",
+		// 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) {
+					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);
+				}
+				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]);
+					}
+				}
+			}
+			return this._super(ctx, add, node);
+		},
+		nodeRenderStatus: function (ctx) {
+			var $span,
+				res,
+				node = ctx.node;
+
+			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");
+				}
+			}
+			return res;
+		},
+		nodeSetActive: function (ctx, flag, callOpts) {
+			var res,
+				scpn = ctx.tree.statusClassPropName,
+				node = ctx.node;
+
+			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
diff --git a/public/js/viewtree/modules/jquery.fancytree.columnview.js b/public/js/viewtree/modules/jquery.fancytree.columnview.js
new file mode 100644
index 0000000..ec83cb8
--- /dev/null
+++ b/public/js/viewtree/modules/jquery.fancytree.columnview.js
@@ -0,0 +1,205 @@
+/*!
+ * jquery.fancytree.columnview.js
+ *
+ * Render tree like a Mac Finder's column view.
+ * (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.2
+ * @date 2022-06-30T18:24:06Z
+ */
+
+(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 _assert = $.ui.fancytree.assert,
+		FT = $.ui.fancytree;
+
+	/*******************************************************************************
+	 * Private functions and variables
+	 */
+	$.ui.fancytree.registerExtension({
+		name: "columnview",
+		version: "2.38.2",
+		// Default options for this extension.
+		options: {},
+		// Overide virtual methods for this extension.
+		// `this`       : is this extension object
+		// `this._base` : the Fancytree instance
+		// `this._super`: the virtual function that was overriden (member of prev. extension or Fancytree)
+		treeInit: function (ctx) {
+			var $tdFirst,
+				$ul,
+				tree = ctx.tree,
+				$table = tree.widget.element;
+
+			tree.tr = $("tbody tr", $table)[0];
+			tree.$tdList = $(">td", tree.tr);
+			tree.columnCount = tree.$tdList.length;
+			// Perform default behavior
+			this._superApply(arguments);
+			// Standard Fancytree created a root <ul>. Now move this into first table cell
+			$ul = $(tree.rootNode.ul);
+			$tdFirst = tree.$tdList.eq(0);
+
+			_assert(
+				$.inArray("table", this.options.extensions) < 0,
+				"columnview extensions must not use ext-table"
+			);
+			_assert(
+				tree.columnCount >= 2,
+				"columnview target must be a table with at least two columns"
+			);
+
+			$ul.removeClass("fancytree-container").removeAttr("tabindex");
+			tree.$container = $table;
+			$table
+				.addClass("fancytree-container fancytree-ext-columnview")
+				.attr("tabindex", "0");
+
+			$tdFirst.empty();
+			$ul.detach().appendTo($tdFirst);
+
+			// Force some required options
+			tree.widget.options.autoCollapse = true;
+			// tree.widget.options.autoActivate = true;
+			tree.widget.options.toggleEffect = false;
+			tree.widget.options.clickFolderMode = 1;
+
+			$table
+				// Make sure that only active path is expanded when a node is activated:
+				.on("fancytreeactivate", function (event, data) {
+					var node = data.node,
+						tree = data.tree,
+						level = node.getLevel();
+
+					tree._callHook("nodeCollapseSiblings", node);
+					// Clear right neighbours
+					if (!node.expanded) {
+						tree.$tdList.eq(level).nextAll().empty();
+					}
+					// Expand nodes on activate, so we populate the right neighbor cell
+					if (!node.expanded && (node.children || node.lazy)) {
+						node.setExpanded();
+					}
+				})
+				// Adjust keyboard behaviour:
+				.on("fancytreekeydown", function (event, data) {
+					var next = null,
+						handled = true,
+						node = data.node || data.tree.getFirstChild();
+
+					if (node.getLevel() >= tree.columnCount) {
+						return;
+					}
+					switch (FT.eventToString(event)) {
+						case "down":
+							next = node.getNextSibling();
+							break;
+						case "left":
+							if (!node.isTopLevel()) {
+								next = node.getParent();
+							}
+							break;
+						case "right":
+							next = node.getFirstChild();
+							if (!next) {
+								// default processing: expand or ignore
+								return;
+							}
+							// Prefer an expanded child if any
+							next.visitSiblings(function (n) {
+								if (n.expanded) {
+									next = n;
+									return false;
+								}
+							}, true);
+							break;
+						case "up":
+							next = node.getPrevSibling();
+							break;
+						default:
+							handled = false;
+					}
+					if (next) {
+						next.setActive();
+					}
+					return !handled;
+				});
+		},
+		nodeSetExpanded: function (ctx, flag, callOpts) {
+			var $wait,
+				node = ctx.node,
+				tree = ctx.tree,
+				level = node.getLevel();
+
+			if (flag !== false && !node.expanded && node.isUndefined()) {
+				$wait = $(
+					"<span class='fancytree-icon fancytree-icon-loading'>"
+				);
+				tree.$tdList.eq(level).empty().append($wait);
+			}
+			return this._superApply(arguments);
+		},
+		nodeRemoveChildren: function (ctx) {
+			// #899: node's children removed: remove child marker...
+			$(ctx.node.span).find("span.fancytree-cv-right").remove();
+			// ...and clear right columns
+			ctx.tree.$tdList.eq(ctx.node.getLevel()).nextAll().empty();
+			return this._superApply(arguments);
+		},
+		nodeRender: function (ctx, force, deep, collapsed, _recursive) {
+			// Render standard nested <ul> - <li> hierarchy
+			this._super(ctx, force, deep, collapsed, _recursive);
+			// Remove expander and add a trailing triangle instead
+			var level,
+				$tdChild,
+				$ul,
+				tree = ctx.tree,
+				node = ctx.node,
+				$span = $(node.span);
+
+			$span.find("span.fancytree-expander").remove();
+			if (
+				node.hasChildren() !== false &&
+				!$span.find("span.fancytree-cv-right").length
+			) {
+				$span.append(
+					$("<span class='fancytree-icon fancytree-cv-right'>")
+				);
+			}
+			// Move <ul> with children into the appropriate <td>
+			if (node.ul && node.expanded) {
+				node.ul.style.display = ""; // might be hidden if RIGHT was pressed
+				level = node.getLevel();
+				if (level < tree.columnCount) {
+					// only if we are not in the last column
+					$tdChild = tree.$tdList.eq(level);
+					$ul = $(node.ul).detach();
+					$tdChild.empty().append($ul);
+				}
+			}
+		},
+	});
+	// Value returned by `require('jquery.fancytree..')`
+	return $.ui.fancytree;
+}); // End of closure
diff --git a/public/js/viewtree/modules/jquery.fancytree.dnd.js b/public/js/viewtree/modules/jquery.fancytree.dnd.js
new file mode 100644
index 0000000..2ad51d4
--- /dev/null
+++ b/public/js/viewtree/modules/jquery.fancytree.dnd.js
@@ -0,0 +1,798 @@
+/*!
+ * jquery.fancytree.dnd.js
+ *
+ * Drag-and-drop support (jQuery UI draggable/droppable).
+ * (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.2
+ * @date 2022-06-30T18:24:06Z
+ */
+
+(function (factory) {
+	if (typeof define === "function" && define.amd) {
+		// AMD. Register as an anonymous module.
+		define([
+			"jquery",
+			"jquery-ui/ui/widgets/draggable",
+			"jquery-ui/ui/widgets/droppable",
+			"./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 didRegisterDnd = false,
+		classDropAccept = "fancytree-drop-accept",
+		classDropAfter = "fancytree-drop-after",
+		classDropBefore = "fancytree-drop-before",
+		classDropOver = "fancytree-drop-over",
+		classDropReject = "fancytree-drop-reject",
+		classDropTarget = "fancytree-drop-target";
+
+	/* 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;
+	}
+
+	//--- Extend ui.draggable event handling --------------------------------------
+
+	function _registerDnd() {
+		if (didRegisterDnd) {
+			return;
+		}
+
+		// Register proxy-functions for draggable.start/drag/stop
+
+		$.ui.plugin.add("draggable", "connectToFancytree", {
+			start: function (event, ui) {
+				// 'draggable' was renamed to 'ui-draggable' since jQueryUI 1.10
+				var draggable =
+						$(this).data("ui-draggable") ||
+						$(this).data("draggable"),
+					sourceNode = ui.helper.data("ftSourceNode") || null;
+
+				if (sourceNode) {
+					// Adjust helper offset, so cursor is slightly outside top/left corner
+					draggable.offset.click.top = -2;
+					draggable.offset.click.left = +16;
+					// Trigger dragStart event
+					// TODO: when called as connectTo..., the return value is ignored(?)
+					return sourceNode.tree.ext.dnd._onDragEvent(
+						"start",
+						sourceNode,
+						null,
+						event,
+						ui,
+						draggable
+					);
+				}
+			},
+			drag: function (event, ui) {
+				var ctx,
+					isHelper,
+					logObject,
+					// 'draggable' was renamed to 'ui-draggable' since jQueryUI 1.10
+					draggable =
+						$(this).data("ui-draggable") ||
+						$(this).data("draggable"),
+					sourceNode = ui.helper.data("ftSourceNode") || null,
+					prevTargetNode = ui.helper.data("ftTargetNode") || null,
+					targetNode = $.ui.fancytree.getNode(event.target),
+					dndOpts = sourceNode && sourceNode.tree.options.dnd;
+
+				// logObject = sourceNode || prevTargetNode || $.ui.fancytree;
+				// logObject.debug("Drag event:", event, event.shiftKey);
+				if (event.target && !targetNode) {
+					// We got a drag event, but the targetNode could not be found
+					// at the event location. This may happen,
+					// 1. if the mouse jumped over the drag helper,
+					// 2. or if a non-fancytree element is dragged
+					// We ignore it:
+					isHelper =
+						$(event.target).closest(
+							"div.fancytree-drag-helper,#fancytree-drop-marker"
+						).length > 0;
+					if (isHelper) {
+						logObject =
+							sourceNode || prevTargetNode || $.ui.fancytree;
+						logObject.debug("Drag event over helper: ignored.");
+						return;
+					}
+				}
+				ui.helper.data("ftTargetNode", targetNode);
+
+				if (dndOpts && dndOpts.updateHelper) {
+					ctx = sourceNode.tree._makeHookContext(sourceNode, event, {
+						otherNode: targetNode,
+						ui: ui,
+						draggable: draggable,
+						dropMarker: $("#fancytree-drop-marker"),
+					});
+					dndOpts.updateHelper.call(sourceNode.tree, sourceNode, ctx);
+				}
+
+				// Leaving a tree node
+				if (prevTargetNode && prevTargetNode !== targetNode) {
+					prevTargetNode.tree.ext.dnd._onDragEvent(
+						"leave",
+						prevTargetNode,
+						sourceNode,
+						event,
+						ui,
+						draggable
+					);
+				}
+				if (targetNode) {
+					if (!targetNode.tree.options.dnd.dragDrop) {
+						// not enabled as drop target
+					} else if (targetNode === prevTargetNode) {
+						// Moving over same node
+						targetNode.tree.ext.dnd._onDragEvent(
+							"over",
+							targetNode,
+							sourceNode,
+							event,
+							ui,
+							draggable
+						);
+					} else {
+						// Entering this node first time
+						targetNode.tree.ext.dnd._onDragEvent(
+							"enter",
+							targetNode,
+							sourceNode,
+							event,
+							ui,
+							draggable
+						);
+						targetNode.tree.ext.dnd._onDragEvent(
+							"over",
+							targetNode,
+							sourceNode,
+							event,
+							ui,
+							draggable
+						);
+					}
+				}
+				// else go ahead with standard event handling
+			},
+			stop: function (event, ui) {
+				var logObject,
+					// 'draggable' was renamed to 'ui-draggable' since jQueryUI 1.10:
+					draggable =
+						$(this).data("ui-draggable") ||
+						$(this).data("draggable"),
+					sourceNode = ui.helper.data("ftSourceNode") || null,
+					targetNode = ui.helper.data("ftTargetNode") || null,
+					dropped = event.type === "mouseup" && event.which === 1;
+
+				if (!dropped) {
+					logObject = sourceNode || targetNode || $.ui.fancytree;
+					logObject.debug("Drag was cancelled");
+				}
+				if (targetNode) {
+					if (dropped) {
+						targetNode.tree.ext.dnd._onDragEvent(
+							"drop",
+							targetNode,
+							sourceNode,
+							event,
+							ui,
+							draggable
+						);
+					}
+					targetNode.tree.ext.dnd._onDragEvent(
+						"leave",
+						targetNode,
+						sourceNode,
+						event,
+						ui,
+						draggable
+					);
+				}
+				if (sourceNode) {
+					sourceNode.tree.ext.dnd._onDragEvent(
+						"stop",
+						sourceNode,
+						null,
+						event,
+						ui,
+						draggable
+					);
+				}
+			},
+		});
+
+		didRegisterDnd = true;
+	}
+
+	/******************************************************************************
+	 * Drag and drop support
+	 */
+	function _initDragAndDrop(tree) {
+		var dnd = tree.options.dnd || null,
+			glyph = tree.options.glyph || null;
+
+		// Register 'connectToFancytree' option with ui.draggable
+		if (dnd) {
+			_registerDnd();
+		}
+		// Attach ui.draggable to this Fancytree instance
+		if (dnd && dnd.dragStart) {
+			tree.widget.element.draggable(
+				$.extend(
+					{
+						addClasses: false,
+						// DT issue 244: helper should be child of scrollParent:
+						appendTo: tree.$container,
+						//			appendTo: "body",
+						containment: false,
+						//			containment: "parent",
+						delay: 0,
+						distance: 4,
+						revert: false,
+						scroll: true, // to disable, also set css 'position: inherit' on ul.fancytree-container
+						scrollSpeed: 7,
+						scrollSensitivity: 10,
+						// Delegate draggable.start, drag, and stop events to our handler
+						connectToFancytree: true,
+						// Let source tree create the helper element
+						helper: function (event) {
+							var $helper,
+								$nodeTag,
+								opts,
+								sourceNode = $.ui.fancytree.getNode(
+									event.target
+								);
+
+							if (!sourceNode) {
+								// #405, DT issue 211: might happen, if dragging a table *header*
+								return "<div>ERROR?: helper requested but sourceNode not found</div>";
+							}
+							opts = sourceNode.tree.options.dnd;
+							$nodeTag = $(sourceNode.span);
+							// Only event and node argument is available
+							$helper = $(
+								"<div class='fancytree-drag-helper'><span class='fancytree-drag-helper-img' /></div>"
+							)
+								.css({ zIndex: 3, position: "relative" }) // so it appears above ext-wide selection bar
+								.append(
+									$nodeTag
+										.find("span.fancytree-title")
+										.clone()
+								);
+
+							// Attach node reference to helper object
+							$helper.data("ftSourceNode", sourceNode);
+
+							// Support glyph symbols instead of icons
+							if (glyph) {
+								$helper
+									.find(".fancytree-drag-helper-img")
+									.addClass(
+										glyph.map._addClass +
+											" " +
+											glyph.map.dragHelper
+									);
+							}
+							// Allow to modify the helper, e.g. to add multi-node-drag feedback
+							if (opts.initHelper) {
+								opts.initHelper.call(
+									sourceNode.tree,
+									sourceNode,
+									{
+										node: sourceNode,
+										tree: sourceNode.tree,
+										originalEvent: event,
+										ui: { helper: $helper },
+									}
+								);
+							}
+							// We return an unconnected element, so `draggable` will add this
+							// to the parent specified as `appendTo` option
+							return $helper;
+						},
+						start: function (event, ui) {
+							var sourceNode = ui.helper.data("ftSourceNode");
+							return !!sourceNode; // Abort dragging if no node could be found
+						},
+					},
+					tree.options.dnd.draggable
+				)
+			);
+		}
+		// Attach ui.droppable to this Fancytree instance
+		if (dnd && dnd.dragDrop) {
+			tree.widget.element.droppable(
+				$.extend(
+					{
+						addClasses: false,
+						tolerance: "intersect",
+						greedy: false,
+						/*
+			activate: function(event, ui) {
+				tree.debug("droppable - activate", event, ui, this);
+			},
+			create: function(event, ui) {
+				tree.debug("droppable - create", event, ui);
+			},
+			deactivate: function(event, ui) {
+				tree.debug("droppable - deactivate", event, ui);
+			},
+			drop: function(event, ui) {
+				tree.debug("droppable - drop", event, ui);
+			},
+			out: function(event, ui) {
+				tree.debug("droppable - out", event, ui);
+			},
+			over: function(event, ui) {
+				tree.debug("droppable - over", event, ui);
+			}
+*/
+					},
+					tree.options.dnd.droppable
+				)
+			);
+		}
+	}
+
+	/******************************************************************************
+	 *
+	 */
+
+	$.ui.fancytree.registerExtension({
+		name: "dnd",
+		version: "2.38.2",
+		// Default options for this extension.
+		options: {
+			// Make tree nodes accept draggables
+			autoExpandMS: 1000, // Expand nodes after n milliseconds of hovering.
+			draggable: null, // Additional options passed to jQuery draggable
+			droppable: null, // Additional options passed to jQuery droppable
+			focusOnClick: false, // Focus, although draggable cancels mousedown event (#270)
+			preventVoidMoves: true, // Prevent dropping nodes 'before self', etc.
+			preventRecursiveMoves: true, // Prevent dropping nodes on own descendants
+			smartRevert: true, // set draggable.revert = true if drop was rejected
+			dropMarkerOffsetX: -24, // absolute position offset for .fancytree-drop-marker relatively to ..fancytree-title (icon/img near a node accepting drop)
+			dropMarkerInsertOffsetX: -16, // additional offset for drop-marker with hitMode = "before"/"after"
+			// Events (drag support)
+			dragStart: null, // Callback(sourceNode, data), return true, to enable dnd
+			dragStop: null, // Callback(sourceNode, data)
+			initHelper: null, // Callback(sourceNode, data)
+			updateHelper: null, // Callback(sourceNode, data)
+			// Events (drop support)
+			dragEnter: null, // Callback(targetNode, data)
+			dragOver: null, // Callback(targetNode, data)
+			dragExpand: null, // Callback(targetNode, data), return false to prevent autoExpand
+			dragDrop: null, // Callback(targetNode, data)
+			dragLeave: null, // Callback(targetNode, data)
+		},
+
+		treeInit: function (ctx) {
+			var tree = ctx.tree;
+			this._superApply(arguments);
+			// issue #270: draggable eats mousedown events
+			if (tree.options.dnd.dragStart) {
+				tree.$container.on("mousedown", function (event) {
+					//				if( !tree.hasFocus() && ctx.options.dnd.focusOnClick ) {
+					if (ctx.options.dnd.focusOnClick) {
+						// #270
+						var node = $.ui.fancytree.getNode(event);
+						if (node) {
+							node.debug(
+								"Re-enable focus that was prevented by jQuery UI draggable."
+							);
+							// node.setFocus();
+							// $(node.span).closest(":tabbable").focus();
+							// $(event.target).trigger("focus");
+							// $(event.target).closest(":tabbable").trigger("focus");
+						}
+						setTimeout(function () {
+							// #300
+							$(event.target).closest(":tabbable").focus();
+						}, 10);
+					}
+				});
+			}
+			_initDragAndDrop(tree);
+		},
+		/* Display drop marker according to hitMode ('after', 'before', 'over'). */
+		_setDndStatus: function (
+			sourceNode,
+			targetNode,
+			helper,
+			hitMode,
+			accept
+		) {
+			var markerOffsetX,
+				pos,
+				markerAt = "center",
+				instData = this._local,
+				dndOpt = this.options.dnd,
+				glyphOpt = this.options.glyph,
+				$source = sourceNode ? $(sourceNode.span) : null,
+				$target = $(targetNode.span),
+				$targetTitle = $target.find("span.fancytree-title");
+
+			if (!instData.$dropMarker) {
+				instData.$dropMarker = $(
+					"<div id='fancytree-drop-marker'></div>"
+				)
+					.hide()
+					.css({ "z-index": 1000 })
+					.prependTo($(this.$div).parent());
+				//                .prependTo("body");
+
+				if (glyphOpt) {
+					instData.$dropMarker.addClass(
+						glyphOpt.map._addClass + " " + glyphOpt.map.dropMarker
+					);
+				}
+			}
+			if (
+				hitMode === "after" ||
+				hitMode === "before" ||
+				hitMode === "over"
+			) {
+				markerOffsetX = dndOpt.dropMarkerOffsetX || 0;
+				switch (hitMode) {
+					case "before":
+						markerAt = "top";
+						markerOffsetX += dndOpt.dropMarkerInsertOffsetX || 0;
+						break;
+					case "after":
+						markerAt = "bottom";
+						markerOffsetX += dndOpt.dropMarkerInsertOffsetX || 0;
+						break;
+				}
+
+				pos = {
+					my: "left" + offsetString(markerOffsetX) + " center",
+					at: "left " + markerAt,
+					of: $targetTitle,
+				};
+				if (this.options.rtl) {
+					pos.my = "right" + offsetString(-markerOffsetX) + " center";
+					pos.at = "right " + markerAt;
+				}
+				instData.$dropMarker
+					.toggleClass(classDropAfter, hitMode === "after")
+					.toggleClass(classDropOver, hitMode === "over")
+					.toggleClass(classDropBefore, hitMode === "before")
+					.toggleClass("fancytree-rtl", !!this.options.rtl)
+					.show()
+					.position($.ui.fancytree.fixPositionOptions(pos));
+			} else {
+				instData.$dropMarker.hide();
+			}
+			if ($source) {
+				$source
+					.toggleClass(classDropAccept, accept === true)
+					.toggleClass(classDropReject, accept === false);
+			}
+			$target
+				.toggleClass(
+					classDropTarget,
+					hitMode === "after" ||
+						hitMode === "before" ||
+						hitMode === "over"
+				)
+				.toggleClass(classDropAfter, hitMode === "after")
+				.toggleClass(classDropBefore, hitMode === "before")
+				.toggleClass(classDropAccept, accept === true)
+				.toggleClass(classDropReject, accept === false);
+
+			helper
+				.toggleClass(classDropAccept, accept === true)
+				.toggleClass(classDropReject, accept === false);
+		},
+
+		/*
+		 * Handles drag'n'drop functionality.
+		 *
+		 * A standard jQuery drag-and-drop process may generate these calls:
+		 *
+		 * start:
+		 *     _onDragEvent("start", sourceNode, null, event, ui, draggable);
+		 * drag:
+		 *     _onDragEvent("leave", prevTargetNode, sourceNode, event, ui, draggable);
+		 *     _onDragEvent("over", targetNode, sourceNode, event, ui, draggable);
+		 *     _onDragEvent("enter", targetNode, sourceNode, event, ui, draggable);
+		 * stop:
+		 *     _onDragEvent("drop", targetNode, sourceNode, event, ui, draggable);
+		 *     _onDragEvent("leave", targetNode, sourceNode, event, ui, draggable);
+		 *     _onDragEvent("stop", sourceNode, null, event, ui, draggable);
+		 */
+		_onDragEvent: function (
+			eventName,
+			node,
+			otherNode,
+			event,
+			ui,
+			draggable
+		) {
+			// if(eventName !== "over"){
+			// 	this.debug("tree.ext.dnd._onDragEvent(%s, %o, %o) - %o", eventName, node, otherNode, this);
+			// }
+			var accept,
+				nodeOfs,
+				parentRect,
+				rect,
+				relPos,
+				relPos2,
+				enterResponse,
+				hitMode,
+				r,
+				opts = this.options,
+				dnd = opts.dnd,
+				ctx = this._makeHookContext(node, event, {
+					otherNode: otherNode,
+					ui: ui,
+					draggable: draggable,
+				}),
+				res = null,
+				self = this,
+				$nodeTag = $(node.span);
+
+			if (dnd.smartRevert) {
+				draggable.options.revert = "invalid";
+			}
+
+			switch (eventName) {
+				case "start":
+					if (node.isStatusNode()) {
+						res = false;
+					} else if (dnd.dragStart) {
+						res = dnd.dragStart(node, ctx);
+					}
+					if (res === false) {
+						this.debug("tree.dragStart() cancelled");
+						//draggable._clear();
+						// NOTE: the return value seems to be ignored (drag is not cancelled, when false is returned)
+						// TODO: call this._cancelDrag()?
+						ui.helper.trigger("mouseup").hide();
+					} else {
+						if (dnd.smartRevert) {
+							// #567, #593: fix revert position
+							// rect = node.li.getBoundingClientRect();
+							rect =
+								node[
+									ctx.tree.nodeContainerAttrName
+								].getBoundingClientRect();
+							parentRect = $(
+								draggable.options.appendTo
+							)[0].getBoundingClientRect();
+							draggable.originalPosition.left = Math.max(
+								0,
+								rect.left - parentRect.left
+							);
+							draggable.originalPosition.top = Math.max(
+								0,
+								rect.top - parentRect.top
+							);
+						}
+						$nodeTag.addClass("fancytree-drag-source");
+						// Register global handlers to allow cancel
+						$(document).on(
+							"keydown.fancytree-dnd,mousedown.fancytree-dnd",
+							function (event) {
+								// node.tree.debug("dnd global event", event.type, event.which);
+								if (
+									event.type === "keydown" &&
+									event.which === $.ui.keyCode.ESCAPE
+								) {
+									self.ext.dnd._cancelDrag();
+								} else if (event.type === "mousedown") {
+									self.ext.dnd._cancelDrag();
+								}
+							}
+						);
+					}
+					break;
+
+				case "enter":
+					if (
+						dnd.preventRecursiveMoves &&
+						node.isDescendantOf(otherNode)
+					) {
+						r = false;
+					} else {
+						r = dnd.dragEnter ? dnd.dragEnter(node, ctx) : null;
+					}
+					if (!r) {
+						// convert null, undefined, false to false
+						res = false;
+					} else if (Array.isArray(r)) {
+						// TODO: also accept passing an object of this format directly
+						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",
+						};
+					}
+					ui.helper.data("enterResponse", res);
+					// this.debug("helper.enterResponse: %o", res);
+					break;
+
+				case "over":
+					enterResponse = ui.helper.data("enterResponse");
+					hitMode = null;
+					if (enterResponse === false) {
+						// Don't call dragOver if onEnter returned false.
+						//                break;
+					} else if (typeof enterResponse === "string") {
+						// Use hitMode from onEnter if provided.
+						hitMode = enterResponse;
+					} else {
+						// Calculate hitMode from relative cursor position.
+						nodeOfs = $nodeTag.offset();
+						relPos = {
+							x: event.pageX - nodeOfs.left,
+							y: event.pageY - nodeOfs.top,
+						};
+						relPos2 = {
+							x: relPos.x / $nodeTag.width(),
+							y: relPos.y / $nodeTag.height(),
+						};
+
+						if (enterResponse.after && relPos2.y > 0.75) {
+							hitMode = "after";
+						} else if (
+							!enterResponse.over &&
+							enterResponse.after &&
+							relPos2.y > 0.5
+						) {
+							hitMode = "after";
+						} else if (enterResponse.before && relPos2.y <= 0.25) {
+							hitMode = "before";
+						} else if (
+							!enterResponse.over &&
+							enterResponse.before &&
+							relPos2.y <= 0.5
+						) {
+							hitMode = "before";
+						} else if (enterResponse.over) {
+							hitMode = "over";
+						}
+						// Prevent no-ops like 'before source node'
+						// TODO: these are no-ops when moving nodes, but not in copy mode
+						if (dnd.preventVoidMoves) {
+							if (node === otherNode) {
+								this.debug(
+									"    drop over source node prevented"
+								);
+								hitMode = null;
+							} else if (
+								hitMode === "before" &&
+								otherNode &&
+								node === otherNode.getNextSibling()
+							) {
+								this.debug(
+									"    drop after source node prevented"
+								);
+								hitMode = null;
+							} else if (
+								hitMode === "after" &&
+								otherNode &&
+								node === otherNode.getPrevSibling()
+							) {
+								this.debug(
+									"    drop before source node prevented"
+								);
+								hitMode = null;
+							} else if (
+								hitMode === "over" &&
+								otherNode &&
+								otherNode.parent === node &&
+								otherNode.isLastSibling()
+							) {
+								this.debug(
+									"    drop last child over own parent prevented"
+								);
+								hitMode = null;
+							}
+						}
+						//                this.debug("hitMode: %s - %s - %s", hitMode, (node.parent === otherNode), node.isLastSibling());
+						ui.helper.data("hitMode", hitMode);
+					}
+					// Auto-expand node (only when 'over' the node, not 'before', or 'after')
+					if (
+						hitMode !== "before" &&
+						hitMode !== "after" &&
+						dnd.autoExpandMS &&
+						node.hasChildren() !== false &&
+						!node.expanded &&
+						(!dnd.dragExpand || dnd.dragExpand(node, ctx) !== false)
+					) {
+						node.scheduleAction("expand", dnd.autoExpandMS);
+					}
+					if (hitMode && dnd.dragOver) {
+						// TODO: http://code.google.com/p/dynatree/source/detail?r=625
+						ctx.hitMode = hitMode;
+						res = dnd.dragOver(node, ctx);
+					}
+					accept = res !== false && hitMode !== null;
+					if (dnd.smartRevert) {
+						draggable.options.revert = !accept;
+					}
+					this._local._setDndStatus(
+						otherNode,
+						node,
+						ui.helper,
+						hitMode,
+						accept
+					);
+					break;
+
+				case "drop":
+					hitMode = ui.helper.data("hitMode");
+					if (hitMode && dnd.dragDrop) {
+						ctx.hitMode = hitMode;
+						dnd.dragDrop(node, ctx);
+					}
+					break;
+
+				case "leave":
+					// Cancel pending expand request
+					node.scheduleAction("cancel");
+					ui.helper.data("enterResponse", null);
+					ui.helper.data("hitMode", null);
+					this._local._setDndStatus(
+						otherNode,
+						node,
+						ui.helper,
+						"out",
+						undefined
+					);
+					if (dnd.dragLeave) {
+						dnd.dragLeave(node, ctx);
+					}
+					break;
+
+				case "stop":
+					$nodeTag.removeClass("fancytree-drag-source");
+					$(document).off(".fancytree-dnd");
+					if (dnd.dragStop) {
+						dnd.dragStop(node, ctx);
+					}
+					break;
+
+				default:
+					$.error("Unsupported drag event: " + eventName);
+			}
+			return res;
+		},
+
+		_cancelDrag: function () {
+			var dd = $.ui.ddmanager.current;
+			if (dd) {
+				dd.cancel();
+			}
+		},
+	});
+	// Value returned by `require('jquery.fancytree..')`
+	return $.ui.fancytree;
+}); // End of closure
diff --git a/public/js/viewtree/modules/jquery.fancytree.dnd5.js b/public/js/viewtree/modules/jquery.fancytree.dnd5.js
new file mode 100644
index 0000000..c07d9ef
--- /dev/null
+++ b/public/js/viewtree/modules/jquery.fancytree.dnd5.js
@@ -0,0 +1,1157 @@
+/*!
+ * jquery.fancytree.dnd5.js
+ *
+ * Drag-and-drop support (native HTML5).
+ * (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.2
+ * @date 2022-06-30T18:24:06Z
+ */
+
+/*
+ #TODO
+	Compatiblity when dragging between *separate* windows:
+
+		   Drag from Chrome   Edge    FF    IE11    Safari
+	  To Chrome      ok       ok      ok    NO      ?
+		 Edge        ok       ok      ok    NO      ?
+		 FF          ok       ok      ok    NO      ?
+		 IE 11       ok       ok      ok    ok      ?
+		 Safari      ?        ?       ?     ?       ok
+
+ */
+
+(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 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;
+		}
+	}
+
+	/* 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;
+	}
+
+	/* 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 (Array.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;
+	}
+
+	/* 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;
+	// }
+
+	/* 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;
+				}
+			} 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");
+		}
+		return scrolled;
+	}
+
+	/* 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 (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) {
+			hitMode = "after";
+		} else if (
+			!DRAG_ENTER_RESPONSE.over &&
+			DRAG_ENTER_RESPONSE.after &&
+			relPosY > 0.5
+		) {
+			hitMode = "after";
+		} else if (DRAG_ENTER_RESPONSE.before && relPosY <= 0.25) {
+			hitMode = "before";
+		} else if (
+			!DRAG_ENTER_RESPONSE.over &&
+			DRAG_ENTER_RESPONSE.before &&
+			relPosY <= 0.5
+		) {
+			hitMode = "before";
+		} 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 && data.dropEffect === "move") {
+			if (targetNode === sourceNode) {
+				targetNode.debug("Drop over source node prevented.");
+				hitMode = null;
+			} 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()
+			) {
+				targetNode.debug("Drop before source node prevented.");
+				hitMode = null;
+			} 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) {
+			prepareDropEffectCallback(event, data);
+			dndOpts.dragOver(targetNode, data);
+			var allowDrop = !!hitMode;
+			applyDropEffectCallback(event, data, allowDrop);
+			hitMode = data.hitMode;
+		}
+		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")
+		}
+
+		$(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;
+	}
+
+	/*
+	 * 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,
+			};
+
+		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;
+		}
+	}
+	/*
+	 * 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.2",
+		// 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
diff --git a/public/js/viewtree/modules/jquery.fancytree.edit.js b/public/js/viewtree/modules/jquery.fancytree.edit.js
new file mode 100644
index 0000000..9aaca7d
--- /dev/null
+++ b/public/js/viewtree/modules/jquery.fancytree.edit.js
@@ -0,0 +1,403 @@
+/*!
+ * jquery.fancytree.edit.js
+ *
+ * Make node titles editable.
+ * (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.2
+ * @date 2022-06-30T18:24:06Z
+ */
+
+(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),
+		escapeHtml = $.ui.fancytree.escapeHtml,
+		trim = $.ui.fancytree.trim,
+		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,
+			};
+
+		// 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();
+
+		local.lastDraggableAttrValue = node.span.draggable;
+		if (local.lastDraggableAttrValue) {
+			node.span.draggable = false;
+		}
+
+		// #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.2",
+		// 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
diff --git a/public/js/viewtree/modules/jquery.fancytree.filter.js b/public/js/viewtree/modules/jquery.fancytree.filter.js
new file mode 100644
index 0000000..f069d25
--- /dev/null
+++ b/public/js/viewtree/modules/jquery.fancytree.filter.js
@@ -0,0 +1,549 @@
+/*!
+ * jquery.fancytree.filter.js
+ *
+ * Remove or highlight tree nodes, based on a filter.
+ * (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.2
+ * @date 2022-06-30T18:24:06Z
+ */
+
+(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 KeyNoData = "__not_found__",
+		escapeHtml = $.ui.fancytree.escapeHtml,
+		exoticStartChar = "\uFFF7",
+		exoticEndChar = "\uFFF8";
+	function _escapeRegex(str) {
+		return (str + "").replace(/([.?*+^$[\]\\(){}|-])/g, "\\$1");
+	}
+
+	function extractHtmlText(s) {
+		if (s.indexOf(">") >= 0) {
+			return $("<div/>").html(s).text();
+		}
+		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 {
+			// Otherwise, Wrap the matching chars within `mark`.
+			matchingIndices.forEach(function (v) {
+				textPoses[v] = "<mark>" + textPoses[v] + "</mark>";
+			});
+		}
+		// Join back the modified `textPoses` to create final highlight markup.
+		return textPoses.join("");
+	}
+	$.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;
+
+		// 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 {
+				match = _escapeRegex(filter); // make sure a '.' is treated literally
+			}
+			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;
+			};
+		}
+
+		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");
+		}
+		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();
+		}
+
+		// 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) {
+					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);
+			}
+		});
+		treeOpts.autoCollapse = prevAutoCollapse;
+
+		if (count === 0 && opts.nodata && hideMode) {
+			statusNode = opts.nodata;
+			if (typeof statusNode === "function") {
+				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.2",
+		// 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;
+		},
+	});
+	// Value returned by `require('jquery.fancytree..')`
+	return $.ui.fancytree;
+}); // End of closure
diff --git a/public/js/viewtree/modules/jquery.fancytree.fixed.js b/public/js/viewtree/modules/jquery.fancytree.fixed.js
new file mode 100644
index 0000000..136ff87
--- /dev/null
+++ b/public/js/viewtree/modules/jquery.fancytree.fixed.js
@@ -0,0 +1,674 @@
+/*!
+ * jquery.fancytree.fixed.js
+ *
+ * Add fixed colums and headers to ext.table.
+ * (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.2
+ * @date 2022-06-30T18:24:06Z
+ */
+
+// Allow to use multiple var statements inside a function
+
+(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) {
+		// Node/CommonJS
+		require("./jquery.fancytree.table"); // core + table
+		module.exports = factory(require("jquery"));
+	} else {
+		// Browser globals
+		factory(jQuery);
+	}
+})(function ($) {
+	"use strict";
+
+	/******************************************************************************
+	 * Private functions and variables
+	 */
+
+	$.ui.fancytree.registerExtension({
+		name: "fixed",
+		version: "0.0.1",
+		// Default options for this extension.
+		options: {
+			fixCol: 1,
+			fixColWidths: null,
+			fixRows: true,
+			scrollSpeed: 50,
+			resizable: true,
+			classNames: {
+				table: "fancytree-ext-fixed",
+				wrapper: "fancytree-ext-fixed-wrapper",
+				topLeft: "fancytree-ext-fixed-wrapper-tl",
+				topRight: "fancytree-ext-fixed-wrapper-tr",
+				bottomLeft: "fancytree-ext-fixed-wrapper-bl",
+				bottomRight: "fancytree-ext-fixed-wrapper-br",
+				hidden: "fancytree-ext-fixed-hidden",
+				counterpart: "fancytree-ext-fixed-node-counterpart",
+				scrollBorderBottom: "fancytree-ext-fixed-scroll-border-bottom",
+				scrollBorderRight: "fancytree-ext-fixed-scroll-border-right",
+				hover: "fancytree-ext-fixed-hover",
+			},
+		},
+		// 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) {
+			this._requireExtension("table", true, true);
+			// 'fixed' requires the table extension to be loaded before itself
+
+			var res = this._superApply(arguments),
+				tree = ctx.tree,
+				options = this.options.fixed,
+				fcn = this.options.fixed.classNames,
+				$table = tree.widget.element,
+				fixedColCount = options.fixCols,
+				fixedRowCount = options.fixRows,
+				$tableWrapper = $table.parent(),
+				$topLeftWrapper = $("<div>").addClass(fcn.topLeft),
+				$topRightWrapper = $("<div>").addClass(fcn.topRight),
+				$bottomLeftWrapper = $("<div>").addClass(fcn.bottomLeft),
+				$bottomRightWrapper = $("<div>").addClass(fcn.bottomRight),
+				tableStyle = $table.attr("style"),
+				tableClass = $table.attr("class"),
+				$topLeftTable = $("<table>")
+					.attr("style", tableStyle)
+					.attr("class", tableClass),
+				$topRightTable = $("<table>")
+					.attr("style", tableStyle)
+					.attr("class", tableClass),
+				$bottomLeftTable = $table,
+				$bottomRightTable = $("<table>")
+					.attr("style", tableStyle)
+					.attr("class", tableClass),
+				$head = $table.find("thead"),
+				$colgroup = $table.find("colgroup"),
+				headRowCount = $head.find("tr").length;
+
+			this.$fixedWrapper = $tableWrapper;
+			$table.addClass(fcn.table);
+			$tableWrapper.addClass(fcn.wrapper);
+			$bottomRightTable.append($("<tbody>"));
+
+			if ($colgroup.length) {
+				$colgroup.remove();
+			}
+
+			if (typeof fixedRowCount === "boolean") {
+				fixedRowCount = fixedRowCount ? headRowCount : 0;
+			} else {
+				fixedRowCount = Math.max(
+					0,
+					Math.min(fixedRowCount, headRowCount)
+				);
+			}
+
+			if (fixedRowCount) {
+				$topLeftTable.append($head.clone(true));
+				$topRightTable.append($head.clone(true));
+				$head.remove();
+			}
+
+			$topLeftTable.find("tr").each(function (idx) {
+				$(this).find("th").slice(fixedColCount).remove();
+			});
+
+			$topRightTable.find("tr").each(function (idx) {
+				$(this).find("th").slice(0, fixedColCount).remove();
+			});
+
+			this.$fixedWrapper = $tableWrapper;
+
+			$tableWrapper.append(
+				$topLeftWrapper.append($topLeftTable),
+				$topRightWrapper.append($topRightTable),
+				$bottomLeftWrapper.append($bottomLeftTable),
+				$bottomRightWrapper.append($bottomRightTable)
+			);
+
+			$bottomRightTable.on("keydown", function (evt) {
+				var node = tree.focusNode,
+					ctx = tree._makeHookContext(node || tree, evt),
+					res = tree._callHook("nodeKeydown", ctx);
+				return res;
+			});
+
+			$bottomRightTable.on("click dblclick", "tr", function (evt) {
+				var $trLeft = $(this),
+					$trRight = $trLeft.data(fcn.counterpart),
+					node = $.ui.fancytree.getNode($trRight),
+					ctx = tree._makeHookContext(node, evt),
+					et = $.ui.fancytree.getEventTarget(evt),
+					prevPhase = tree.phase;
+
+				try {
+					tree.phase = "userEvent";
+					switch (evt.type) {
+						case "click":
+							ctx.targetType = et.type;
+							if (node.isPagingNode()) {
+								return (
+									tree._triggerNodeEvent(
+										"clickPaging",
+										ctx,
+										evt
+									) === true
+								);
+							}
+							return tree._triggerNodeEvent("click", ctx, evt) ===
+								false
+								? false
+								: tree._callHook("nodeClick", ctx);
+						case "dblclick":
+							ctx.targetType = et.type;
+							return tree._triggerNodeEvent(
+								"dblclick",
+								ctx,
+								evt
+							) === false
+								? false
+								: tree._callHook("nodeDblclick", ctx);
+					}
+				} finally {
+					tree.phase = prevPhase;
+				}
+			});
+
+			$tableWrapper
+				.on(
+					"mouseenter",
+					"." +
+						fcn.bottomRight +
+						" table tr, ." +
+						fcn.bottomLeft +
+						" table tr",
+					function (evt) {
+						var $tr = $(this),
+							$trOther = $tr.data(fcn.counterpart);
+						$tr.addClass(fcn.hover);
+						$trOther.addClass(fcn.hover);
+					}
+				)
+				.on(
+					"mouseleave",
+					"." +
+						fcn.bottomRight +
+						" table tr, ." +
+						fcn.bottomLeft +
+						" table tr",
+					function (evt) {
+						var $tr = $(this),
+							$trOther = $tr.data(fcn.counterpart);
+						$tr.removeClass(fcn.hover);
+						$trOther.removeClass(fcn.hover);
+					}
+				);
+
+			$bottomLeftWrapper.on(
+				"mousewheel DOMMouseScroll",
+				function (event) {
+					var $this = $(this),
+						newScroll = $this.scrollTop(),
+						scrollUp =
+							event.originalEvent.wheelDelta > 0 ||
+							event.originalEvent.detail < 0;
+
+					newScroll += scrollUp
+						? -options.scrollSpeed
+						: options.scrollSpeed;
+					$this.scrollTop(newScroll);
+					$bottomRightWrapper.scrollTop(newScroll);
+					event.preventDefault();
+				}
+			);
+
+			$bottomRightWrapper.scroll(function () {
+				var $this = $(this),
+					scrollLeft = $this.scrollLeft(),
+					scrollTop = $this.scrollTop();
+
+				$topLeftWrapper
+					.toggleClass(fcn.scrollBorderBottom, scrollTop > 0)
+					.toggleClass(fcn.scrollBorderRight, scrollLeft > 0);
+				$topRightWrapper
+					.toggleClass(fcn.scrollBorderBottom, scrollTop > 0)
+					.scrollLeft(scrollLeft);
+				$bottomLeftWrapper
+					.toggleClass(fcn.scrollBorderRight, scrollLeft > 0)
+					.scrollTop(scrollTop);
+			});
+
+			$.ui.fancytree.overrideMethod(
+				$.ui.fancytree._FancytreeNodeClass.prototype,
+				"scrollIntoView",
+				function (effects, options) {
+					var $prevContainer = tree.$container;
+					tree.$container = $bottomRightWrapper;
+					return this._super
+						.apply(this, arguments)
+						.always(function () {
+							tree.$container = $prevContainer;
+						});
+				}
+			);
+			return res;
+		},
+
+		treeLoad: function (ctx) {
+			var self = this,
+				res = this._superApply(arguments);
+
+			res.done(function () {
+				self.ext.fixed._adjustLayout.call(self);
+				if (self.options.fixed.resizable) {
+					self.ext.fixed._makeTableResizable();
+				}
+			});
+			return res;
+		},
+
+		_makeTableResizable: function () {
+			var $wrapper = this.$fixedWrapper,
+				fcn = this.options.fixed.classNames,
+				$topLeftWrapper = $wrapper.find("div." + fcn.topLeft),
+				$topRightWrapper = $wrapper.find("div." + fcn.topRight),
+				$bottomLeftWrapper = $wrapper.find("div." + fcn.bottomLeft),
+				$bottomRightWrapper = $wrapper.find("div." + fcn.bottomRight);
+
+			function _makeResizable($table) {
+				$table.resizable({
+					handles: "e",
+					resize: function (evt, ui) {
+						var width = Math.max($table.width(), ui.size.width);
+						$bottomLeftWrapper.css("width", width);
+						$topLeftWrapper.css("width", width);
+						$bottomRightWrapper.css("left", width);
+						$topRightWrapper.css("left", width);
+					},
+					stop: function () {
+						$table.css("width", "100%");
+					},
+				});
+			}
+
+			_makeResizable($topLeftWrapper.find("table"));
+			_makeResizable($bottomLeftWrapper.find("table"));
+		},
+
+		/* Called by nodeRender to sync node order with tag order.*/
+		//	nodeFixOrder: function(ctx) {
+		//	},
+
+		nodeLoadChildren: function (ctx, source) {
+			return this._superApply(arguments);
+		},
+
+		nodeRemoveChildMarkup: function (ctx) {
+			var node = ctx.node;
+
+			function _removeChild(elem) {
+				var i,
+					child,
+					children = elem.children;
+				if (children) {
+					for (i = 0; i < children.length; i++) {
+						child = children[i];
+						if (child.trRight) {
+							$(child.trRight).remove();
+						}
+						_removeChild(child);
+					}
+				}
+			}
+
+			_removeChild(node);
+			return this._superApply(arguments);
+		},
+
+		nodeRemoveMarkup: function (ctx) {
+			var node = ctx.node;
+
+			if (node.trRight) {
+				$(node.trRight).remove();
+			}
+			return this._superApply(arguments);
+		},
+
+		nodeSetActive: function (ctx, flag, callOpts) {
+			var node = ctx.node,
+				cn = this.options._classNames;
+
+			if (node.trRight) {
+				$(node.trRight)
+					.toggleClass(cn.active, flag)
+					.toggleClass(cn.focused, flag);
+			}
+			return this._superApply(arguments);
+		},
+
+		nodeKeydown: function (ctx) {
+			return this._superApply(arguments);
+		},
+
+		nodeSetFocus: function (ctx, flag) {
+			var node = ctx.node,
+				cn = this.options._classNames;
+
+			if (node.trRight) {
+				$(node.trRight).toggleClass(cn.focused, flag);
+			}
+			return this._superApply(arguments);
+		},
+
+		nodeRender: function (ctx, force, deep, collapsed, _recursive) {
+			var res = this._superApply(arguments),
+				node = ctx.node,
+				isRootNode = !node.parent;
+
+			if (!isRootNode && this.$fixedWrapper) {
+				var $trLeft = $(node.tr),
+					fcn = this.options.fixed.classNames,
+					$trRight = $trLeft.data(fcn.counterpart);
+
+				if (!$trRight && $trLeft.length) {
+					var idx = $trLeft.index(),
+						fixedColCount = this.options.fixed.fixCols,
+						$blTableBody = this.$fixedWrapper.find(
+							"div." + fcn.bottomLeft + " table tbody"
+						),
+						$brTableBody = this.$fixedWrapper.find(
+							"div." + fcn.bottomRight + " table tbody"
+						),
+						$prevLeftNode = $blTableBody
+							.find("tr")
+							.eq(Math.max(idx + 1, 0)),
+						prevRightNode = $prevLeftNode.data(fcn.counterpart);
+
+					$trRight = $trLeft.clone(true);
+					var trRight = $trRight.get(0);
+
+					if (prevRightNode) {
+						$(prevRightNode).before($trRight);
+					} else {
+						$brTableBody.append($trRight);
+					}
+					$trRight.show();
+					trRight.ftnode = node;
+					node.trRight = trRight;
+
+					$trLeft.find("td").slice(fixedColCount).remove();
+					$trRight.find("td").slice(0, fixedColCount).remove();
+					$trLeft.data(fcn.counterpart, $trRight);
+					$trRight.data(fcn.counterpart, $trLeft);
+				}
+			}
+
+			return res;
+		},
+
+		nodeRenderTitle: function (ctx, title) {
+			return this._superApply(arguments);
+		},
+
+		nodeRenderStatus: function (ctx) {
+			var res = this._superApply(arguments),
+				node = ctx.node;
+
+			if (node.trRight) {
+				var $trRight = $(node.trRight),
+					$trLeft = $(node.tr),
+					fcn = this.options.fixed.classNames,
+					hovering = $trRight.hasClass(fcn.hover),
+					trClasses = $trLeft.attr("class");
+
+				$trRight.attr("class", trClasses);
+				if (hovering) {
+					$trRight.addClass(fcn.hover);
+					$trLeft.addClass(fcn.hover);
+				}
+			}
+			return res;
+		},
+
+		nodeSetExpanded: function (ctx, flag, callOpts) {
+			var res,
+				self = this,
+				node = ctx.node,
+				$leftTr = $(node.tr),
+				fcn = this.options.fixed.classNames,
+				cn = this.options._classNames,
+				$rightTr = $leftTr.data(fcn.counterpart);
+
+			flag = typeof flag === "undefined" ? true : flag;
+
+			if (!$rightTr) {
+				return this._superApply(arguments);
+			}
+			$rightTr.toggleClass(cn.expanded, !!flag);
+			if (flag && !node.isExpanded()) {
+				res = this._superApply(arguments);
+				res.done(function () {
+					node.visit(function (child) {
+						var $trLeft = $(child.tr),
+							$trRight = $trLeft.data(fcn.counterpart);
+
+						self.ext.fixed._adjustRowHeight($trLeft, $trRight);
+						if (!child.expanded) {
+							return "skip";
+						}
+					});
+
+					self.ext.fixed._adjustColWidths();
+					self.ext.fixed._adjustWrapperLayout();
+				});
+			} else if (!flag && node.isExpanded()) {
+				node.visit(function (child) {
+					var $trLeft = $(child.tr),
+						$trRight = $trLeft.data(fcn.counterpart);
+					if ($trRight) {
+						if (!child.expanded) {
+							return "skip";
+						}
+					}
+				});
+
+				self.ext.fixed._adjustColWidths();
+				self.ext.fixed._adjustWrapperLayout();
+				res = this._superApply(arguments);
+			} else {
+				res = this._superApply(arguments);
+			}
+			return res;
+		},
+
+		nodeSetStatus: function (ctx, status, message, details) {
+			return this._superApply(arguments);
+		},
+
+		treeClear: function (ctx) {
+			var tree = ctx.tree,
+				$table = tree.widget.element,
+				$wrapper = this.$fixedWrapper,
+				fcn = this.options.fixed.classNames;
+
+			$table.find("tr, td, th, thead").removeClass(fcn.hidden).css({
+				"min-width": "auto",
+				height: "auto",
+			});
+			$wrapper.empty().append($table);
+			return this._superApply(arguments);
+		},
+
+		treeRegisterNode: function (ctx, add, node) {
+			return this._superApply(arguments);
+		},
+
+		treeDestroy: function (ctx) {
+			var tree = ctx.tree,
+				$table = tree.widget.element,
+				$wrapper = this.$fixedWrapper,
+				fcn = this.options.fixed.classNames;
+
+			$table.find("tr, td, th, thead").removeClass(fcn.hidden).css({
+				"min-width": "auto",
+				height: "auto",
+			});
+			$wrapper.empty().append($table);
+			return this._superApply(arguments);
+		},
+
+		_adjustColWidths: function () {
+			if (this.options.fixed.adjustColWidths) {
+				this.options.fixed.adjustColWidths.call(this);
+				return;
+			}
+
+			var $wrapper = this.$fixedWrapper,
+				fcn = this.options.fixed.classNames,
+				$tlWrapper = $wrapper.find("div." + fcn.topLeft),
+				$blWrapper = $wrapper.find("div." + fcn.bottomLeft),
+				$trWrapper = $wrapper.find("div." + fcn.topRight),
+				$brWrapper = $wrapper.find("div." + fcn.bottomRight);
+
+			function _adjust($topWrapper, $bottomWrapper) {
+				var $trTop = $topWrapper.find("thead tr").first(),
+					$trBottom = $bottomWrapper.find("tbody tr").first();
+
+				$trTop.find("th").each(function (idx) {
+					var $thTop = $(this),
+						$tdBottom = $trBottom.find("td").eq(idx),
+						thTopWidth = $thTop.width(),
+						thTopOuterWidth = $thTop.outerWidth(),
+						tdBottomWidth = $tdBottom.width(),
+						tdBottomOuterWidth = $tdBottom.outerWidth(),
+						newWidth = Math.max(
+							thTopOuterWidth,
+							tdBottomOuterWidth
+						);
+
+					$thTop.css(
+						"min-width",
+						newWidth - (thTopOuterWidth - thTopWidth)
+					);
+					$tdBottom.css(
+						"min-width",
+						newWidth - (tdBottomOuterWidth - tdBottomWidth)
+					);
+				});
+			}
+
+			_adjust($tlWrapper, $blWrapper);
+			_adjust($trWrapper, $brWrapper);
+		},
+
+		_adjustRowHeight: function ($tr1, $tr2) {
+			var fcn = this.options.fixed.classNames;
+			if (!$tr2) {
+				$tr2 = $tr1.data(fcn.counterpart);
+			}
+			$tr1.css("height", "auto");
+			$tr2.css("height", "auto");
+			var row1Height = $tr1.outerHeight(),
+				row2Height = $tr2.outerHeight(),
+				newHeight = Math.max(row1Height, row2Height);
+			$tr1.css("height", newHeight + 1);
+			$tr2.css("height", newHeight + 1);
+		},
+
+		_adjustWrapperLayout: function () {
+			var $wrapper = this.$fixedWrapper,
+				fcn = this.options.fixed.classNames,
+				$topLeftWrapper = $wrapper.find("div." + fcn.topLeft),
+				$topRightWrapper = $wrapper.find("div." + fcn.topRight),
+				$bottomLeftWrapper = $wrapper.find("div." + fcn.bottomLeft),
+				$bottomRightWrapper = $wrapper.find("div." + fcn.bottomRight),
+				$topLeftTable = $topLeftWrapper.find("table"),
+				$topRightTable = $topRightWrapper.find("table"),
+				//			$bottomLeftTable = $bottomLeftWrapper.find("table"),
+				wrapperWidth = $wrapper.width(),
+				wrapperHeight = $wrapper.height(),
+				fixedWidth = Math.min(wrapperWidth, $topLeftTable.width()),
+				fixedHeight = Math.min(
+					wrapperHeight,
+					Math.max($topLeftTable.height(), $topRightTable.height())
+				);
+			//			vScrollbar = $bottomRightWrapper.get(0).scrollHeight > (wrapperHeight - fixedHeight),
+			//			hScrollbar = $bottomRightWrapper.get(0).scrollWidth > (wrapperWidth - fixedWidth);
+
+			$topLeftWrapper.css({
+				width: fixedWidth,
+				height: fixedHeight,
+			});
+			$topRightWrapper.css({
+				//			width: wrapperWidth - fixedWidth - (vScrollbar ? 17 : 0),
+				//			width: "calc(100% - " + (fixedWidth + (vScrollbar ? 17 : 0)) + "px)",
+				width: "calc(100% - " + (fixedWidth + 17) + "px)",
+				height: fixedHeight,
+				left: fixedWidth,
+			});
+			$bottomLeftWrapper.css({
+				width: fixedWidth,
+				//			height: vScrollbar ? wrapperHeight - fixedHeight - (hScrollbar ? 17 : 0) : "auto",
+				//			height: vScrollbar ? ("calc(100% - " + (fixedHeight + (hScrollbar ? 17 : 0)) + "px)") : "auto",
+				//			height: vScrollbar ? ("calc(100% - " + (fixedHeight + 17) + "px)") : "auto",
+				height: "calc(100% - " + (fixedHeight + 17) + "px)",
+				top: fixedHeight,
+			});
+			$bottomRightWrapper.css({
+				//			width: wrapperWidth - fixedWidth,
+				//			height: vScrollbar ? wrapperHeight - fixedHeight : "auto",
+				width: "calc(100% - " + fixedWidth + "px)",
+				//			height: vScrollbar ? ("calc(100% - " + fixedHeight + "px)") : "auto",
+				height: "calc(100% - " + fixedHeight + "px)",
+				top: fixedHeight,
+				left: fixedWidth,
+			});
+		},
+
+		_adjustLayout: function () {
+			var self = this,
+				$wrapper = this.$fixedWrapper,
+				fcn = this.options.fixed.classNames,
+				$topLeftWrapper = $wrapper.find("div." + fcn.topLeft),
+				$topRightWrapper = $wrapper.find("div." + fcn.topRight),
+				$bottomLeftWrapper = $wrapper.find("div." + fcn.bottomLeft);
+			// $bottomRightWrapper = $wrapper.find("div." + fcn.bottomRight)
+
+			$topLeftWrapper.find("table tr").each(function (idx) {
+				var $trRight = $topRightWrapper.find("tr").eq(idx);
+				self.ext.fixed._adjustRowHeight($(this), $trRight);
+			});
+
+			$bottomLeftWrapper
+				.find("table tbody")
+				.find("tr")
+				.each(function (idx) {
+					// var $trRight = $bottomRightWrapper.find("tbody").find("tr").eq(idx);
+					self.ext.fixed._adjustRowHeight($(this));
+				});
+
+			self.ext.fixed._adjustColWidths.call(this);
+			self.ext.fixed._adjustWrapperLayout.call(this);
+		},
+
+		//	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
diff --git a/public/js/viewtree/modules/jquery.fancytree.glyph.js b/public/js/viewtree/modules/jquery.fancytree.glyph.js
new file mode 100644
index 0000000..ad0be92
--- /dev/null
+++ b/public/js/viewtree/modules/jquery.fancytree.glyph.js
@@ -0,0 +1,354 @@
+/*!
+ * jquery.fancytree.glyph.js
+ *
+ * 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-2021, Martin Wendt (https://wwWendt.de)
+ *
+ * Released under the MIT license
+ * https://github.com/mar10/fancytree/wiki/LicenseInfo
+ *
+ * @version 2.38.2
+ * @date 2022-06-30T18:24:06Z
+ */
+
+(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 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",
+			},
+			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",
+			},
+			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 || "");
+
+		// #871 Allow a callback
+		if (typeof icon === "function") {
+			icon = icon.call(this, node, span, type);
+		}
+		// 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
+			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 {
+				span.innerHTML = "";
+			}
+			$span
+				.attr("class", setClass + " " + (icon.addClass || ""))
+				.append($counter);
+		}
+	}
+
+	$.ui.fancytree.registerExtension({
+		name: "glyph",
+		version: "2.38.2",
+		// 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
diff --git a/public/js/viewtree/modules/jquery.fancytree.grid.js b/public/js/viewtree/modules/jquery.fancytree.grid.js
new file mode 100644
index 0000000..04ff1ca
--- /dev/null
+++ b/public/js/viewtree/modules/jquery.fancytree.grid.js
@@ -0,0 +1,1014 @@
+/*!
+ * jquery.fancytree.grid.js
+ *
+ * Render tree as table (aka 'tree grid', 'table tree').
+ * (Extension module for jquery.fancytree.js: https://github.com/mar10/fancytree/)
+ *
+ * Copyright (c) 2008-2021, Martin Wendt (http://wwWendt.de)
+ *
+ * Released under the MIT license
+ * https://github.com/mar10/fancytree/wiki/LicenseInfo
+ *
+ * @version 2.38.2
+ * @date 2022-06-30T18:24:06Z
+ */
+
+(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 FT = $.ui.fancytree,
+		_assert = FT.assert,
+		SCROLL_MODE = "wheel"; // 'wheel' | 'scroll'
+	// EPS = 1.0;
+
+	/*
+	 * [ext-grid] ...
+	 *
+	 * @alias Fancytree#_addScrollbar
+	 * @requires jquery.fancytree.grid.js
+	 */
+	function _addScrollbar(table) {
+		var sbWidth = 10,
+			$table = $(table),
+			position = $table.position(),
+			// top = $table.find("tbody").position().top,
+
+			$sb = $("<div>", {
+				class: "fancytree-scrollbar",
+				css: {
+					border: "1px solid gray",
+					position: "absolute",
+					top: position.top,
+					left: position.left + $table.width(),
+					width: sbWidth,
+					height: $table.find("tbody").height(),
+				},
+			});
+
+		$table
+			.css({
+				"margin-right": sbWidth,
+			})
+			.after($sb);
+
+		return $sb;
+	}
+
+	/*
+	 * [ext-grid] Invalidate renumber status, i.e. trigger renumber next time.
+	 *
+	 * @alias Fancytree#_renumberReset
+	 * @requires jquery.fancytree.grid.js
+	 */
+	$.ui.fancytree._FancytreeClass.prototype._renumberReset = function () {
+		// this.debug("_renumberReset()");
+		this.visibleNodeList = null;
+	};
+
+	/*
+	 * [ext-grid] Adjust the start value if the content would be outside otherwise.
+	 *
+	 * @alias Fancytree#_fixStart
+	 * @requires jquery.fancytree.grid.js
+	 */
+	$.ui.fancytree._FancytreeClass.prototype._fixStart = function (
+		start,
+		apply
+	) {
+		var vp = this.viewport,
+			nodeList = this.visibleNodeList;
+
+		start = start == null ? vp.start : start;
+		// this.debug("_fixStart(" + start + ", " + !!apply + ")");
+		var orgStart = start;
+		// Don't scroll down below bottom node
+		if (nodeList) {
+			start = Math.min(start, this.visibleNodeList.length - vp.count);
+			start = Math.max(start, 0, start);
+			if (start !== orgStart) {
+				this.debug("Adjust start " + orgStart + " => " + start);
+				if (apply) {
+					vp.start = start;
+				}
+			}
+		}
+		return start;
+	};
+
+	/*
+	 * [ext-grid] ...
+	 *
+	 * @alias Fancytree#_shiftViewport
+	 * @requires jquery.fancytree.grid.js
+	 */
+	$.ui.fancytree._FancytreeClass.prototype._shiftViewport = function (
+		mode,
+		ofs
+	) {
+		this.debug("_shiftViewport", mode, ofs);
+		switch (mode) {
+			case "vscroll":
+				if (ofs) {
+					this.setViewport({
+						start: this.viewport.start + (ofs > 0 ? 1 : -1),
+					});
+				}
+				break;
+
+			default:
+				throw Error("Invalid  mode: " + mode);
+		}
+	};
+
+	/**
+	 * [ext-grid] Return true if viewport cannot be scrolled down any further.
+	 *
+	 * @alias Fancytree#isViewportBottom
+	 * @requires jquery.fancytree.grid.js
+	 */
+	$.ui.fancytree._FancytreeClass.prototype.isViewportBottom = function () {
+		return (
+			this.viewport.start + this.viewport.count >=
+			this.visibleNodeList.length
+		);
+	};
+
+	/**
+	 * [ext-grid] Define a subset of rows/columns to display and redraw.
+	 *
+	 * @param {object | boolean} options viewport boundaries and status.
+	 *
+	 * @alias Fancytree#setViewport
+	 * @requires jquery.fancytree.grid.js
+	 */
+	$.ui.fancytree._FancytreeClass.prototype.setViewport = function (opts) {
+		if (typeof opts === "boolean") {
+			this.debug("setViewport( " + opts + ")");
+			return this.setViewport({ enabled: opts });
+		}
+		opts = opts || {};
+		var i,
+			count,
+			start,
+			newRow,
+			redrawReason = "",
+			vp = this.viewport,
+			diffVp = { start: 0, count: 0, enabled: null, force: null },
+			newVp = $.extend({}, vp),
+			trList = this.tbody.children,
+			trCount = trList.length;
+
+		// Sanitize viewport settings and check if we need to redraw
+		this.debug("setViewport(" + opts.start + ", +" + opts.count + ")");
+		if (opts.force) {
+			redrawReason += "force";
+			diffVp.force = true;
+		}
+
+		opts.enabled = opts.enabled !== false; // default to true
+		if (vp.enabled !== opts.enabled) {
+			redrawReason += "enable";
+			newVp.enabled = diffVp.enabled = opts.enabled;
+		}
+
+		start = opts.start == null ? vp.start : Math.max(0, +opts.start);
+		// Adjust start value to assure the current content is inside vp
+		start = this._fixStart(start, false);
+
+		if (vp.start !== +start) {
+			redrawReason += "start";
+			newVp.start = start;
+			diffVp.start = start - vp.start;
+		}
+
+		count = opts.count == null ? vp.count : Math.max(1, +opts.count);
+		if (vp.count !== +count) {
+			redrawReason += "count";
+			newVp.count = count;
+			diffVp.count = count - vp.count;
+		}
+		// if (vp.left !== +opts.left) {
+		// 	diffVp.left = left - vp.left;
+		// 	newVp.left = opts.left;
+		// 	redrawReason += "left";
+		// }
+		// if (vp.right !== +opts.right) {
+		// 	diffVp.right = right - vp.right;
+		// 	newVp.right = opts.right;
+		// 	redrawReason += "right";
+		// }
+
+		if (!redrawReason) {
+			return false;
+		}
+		// Let user cancel or modify the update
+		var info = {
+			next: newVp,
+			diff: diffVp,
+			reason: redrawReason,
+			scrollOnly: redrawReason === "start",
+		};
+		if (
+			!opts.noEvents &&
+			this._triggerTreeEvent("beforeUpdateViewport", null, info) === false
+		) {
+			return false;
+		}
+		info.prev = $.extend({}, vp);
+		delete info.next;
+		// vp.enabled = newVp.enabled;
+		vp.start = newVp.start;
+		vp.count = newVp.count;
+
+		// Make sure we have the correct count of TRs
+		var prevPhase = this.isVpUpdating;
+
+		if (trCount > count) {
+			for (i = 0; i < trCount - count; i++) {
+				delete this.tbody.lastChild.ftnode;
+				this.tbody.removeChild(this.tbody.lastChild);
+			}
+		} else if (trCount < count) {
+			for (i = 0; i < count - trCount; i++) {
+				newRow = this.rowFragment.firstChild.cloneNode(true);
+				this.tbody.appendChild(newRow);
+			}
+		}
+		trCount = trList.length;
+
+		// Update visible node cache if needed
+		var force = opts.force;
+		this.redrawViewport(force);
+
+		if (!opts.noEvents) {
+			this._triggerTreeEvent("updateViewport", null, info);
+		}
+
+		this.isVpUpdating = prevPhase;
+		return true;
+	};
+
+	/**
+	 * [ext-grid] Calculate the viewport count from current scroll wrapper height.
+	 *
+	 * @alias Fancytree#adjustViewportSize
+	 * @requires jquery.fancytree.grid.js
+	 */
+	$.ui.fancytree._FancytreeClass.prototype.adjustViewportSize = function () {
+		_assert(
+			this.scrollWrapper,
+			"No parent div.fancytree-grid-container found."
+		);
+		if (this.isVpUpdating) {
+			this.debug("Ignoring adjustViewportSize() during VP update.");
+			return;
+		}
+		// Calculate how many rows fit into current container height
+		var $table = this.$container,
+			wrapper = this.scrollWrapper,
+			trHeight = $table.find(">tbody>tr").first().height() || 0,
+			tableHeight = $table.height(),
+			headHeight = tableHeight - this.viewport.count * trHeight,
+			wrapperHeight = wrapper.offsetHeight,
+			free = wrapperHeight - headHeight,
+			newCount = trHeight ? Math.floor(free / trHeight) : 0;
+
+		// console.info(
+		// 	"set container height",
+		// 	$(this)
+		// 		.parent(".fancytree-grid-container")
+		// 		.height()
+		// );
+
+		this.setViewport({ count: newCount });
+		// if (SCROLL_MODE === "scroll") {
+		// 	// Add bottom margin to the table, to make sure the wrapper becomes
+		// 	// scrollable
+		// 	var mb = wrapperHeight - $table.height() - 2.0 * EPS;
+		// 	this.debug("margin-bottom=" + mb);
+		// 	$table.css("margin-bottom", mb);
+		// }
+	};
+
+	/*
+	 * [ext-grid] Calculate the scroll container dimension from the current tree table.
+	 *
+	 * @alias Fancytree#initViewportWrapper
+	 * @requires jquery.fancytree.grid.js
+	 */
+	$.ui.fancytree._FancytreeClass.prototype._initViewportWrapper =
+		function () {
+			var // wrapper = this.scrollWrapper,
+				// $wrapper = $(wrapper),
+				tree = this;
+
+			// if (SCROLL_MODE === "scroll") {
+			// 	$wrapper.on("scroll", function(e) {
+			// 		var viewport = tree.viewport,
+			// 			curTop = wrapper.scrollTop,
+			// 			homeTop = viewport.start === 0 ? 0 : EPS,
+			// 			dy = viewport.start === 0 ? 1 : curTop - EPS; //homeTop;
+
+			// 		tree.debug(
+			// 			"Got 'scroll' event: scrollTop=" +
+			// 				curTop +
+			// 				", homeTop=" +
+			// 				homeTop +
+			// 				", start=" +
+			// 				viewport.start +
+			// 				", dy=" +
+			// 				dy
+			// 		);
+			// 		if (tree.isVpUpdating) {
+			// 			tree.debug("Ignoring scroll during VP update.");
+			// 			return;
+			// 		} else if (curTop === homeTop) {
+			// 			tree.debug("Ignoring scroll to neutral " + homeTop + ".");
+			// 			return;
+			// 		}
+			// 		tree._shiftViewport("vscroll", dy);
+			// 		homeTop = viewport.start === 0 ? 0 : EPS;
+			// 		setTimeout(function() {
+			// 			tree.debug(
+			// 				"scrollTop(" +
+			// 					wrapper.scrollTop +
+			// 					" -> " +
+			// 					homeTop +
+			// 					")..."
+			// 			);
+			// 			wrapper.scrollTop = homeTop;
+			// 		}, 0);
+			// 	});
+			// }
+			if (SCROLL_MODE === "wheel") {
+				this.$container.on("wheel", function (e) {
+					var orgEvent = e.originalEvent,
+						viewport = tree.viewport,
+						dy = orgEvent.deltaY; // * orgEvent.wheelDeltaY;
+
+					if (
+						!dy ||
+						e.altKey ||
+						e.ctrlKey ||
+						e.metaKey ||
+						e.shiftKey
+					) {
+						return true;
+					}
+					if (dy < 0 && viewport.start === 0) {
+						return true;
+					}
+					if (dy > 0 && tree.isViewportBottom()) {
+						return true;
+					}
+					tree.debug(
+						"Got 'wheel' event: dy=" +
+							dy +
+							", mode=" +
+							orgEvent.deltaMode
+					);
+					tree._shiftViewport("vscroll", dy);
+					return false;
+				});
+			}
+		};
+
+	/*
+	 * [ext-grid] Renumber and collect all visible rows.
+	 *
+	 * @param {bool} [force=false]
+	 * @param {FancytreeNode | int} [startIdx=0]
+	 * @alias Fancytree#_renumberVisibleNodes
+	 * @requires jquery.fancytree.grid.js
+	 */
+	$.ui.fancytree._FancytreeClass.prototype._renumberVisibleNodes = function (
+		force,
+		startIdx
+	) {
+		if (
+			(!this.options.viewport.enabled || this.visibleNodeList != null) &&
+			force !== true
+		) {
+			// this.debug("_renumberVisibleNodes() ignored.");
+			return false;
+		}
+		this.debugTime("_renumberVisibleNodes()");
+		var i = 0,
+			prevLength = this.visibleNodeList ? this.visibleNodeList.length : 0,
+			visibleNodeList = (this.visibleNodeList = []);
+
+		// Reset previous data
+		this.visit(function (node) {
+			node._rowIdx = null;
+			// node.span = null;
+			// if (node.tr) {
+			// 	delete node.tr.ftnode;
+			// 	node.tr = null;
+			// }
+		});
+		// Iterate over all *visible* nodes
+		this.visitRows(function (node) {
+			node._rowIdx = i++;
+			visibleNodeList.push(node);
+		});
+		this.debugTimeEnd("_renumberVisibleNodes()");
+		if (i !== prevLength) {
+			this._triggerTreeEvent("updateViewport", null, {
+				reason: "renumber",
+				diff: { start: 0, count: 0, enabled: null, force: null },
+				next: $.extend({}, this.viewport),
+				// visibleCount: prevLength,
+				// cur: i,
+			});
+		}
+	};
+
+	/**
+	 * [ext-grid] Render all visible nodes into the viweport.
+	 *
+	 * @param {bool} [force=false]
+	 * @alias Fancytree#redrawViewport
+	 * @requires jquery.fancytree.grid.js
+	 */
+	$.ui.fancytree._FancytreeClass.prototype.redrawViewport = function (force) {
+		if (this._enableUpdate === false) {
+			// tree.debug("no render", tree._enableUpdate);
+			return;
+		}
+		this.debugTime("redrawViewport()");
+		this._renumberVisibleNodes(force);
+		// Adjust vp.start value to assure the current content is inside:
+		this._fixStart(null, true);
+
+		var i = 0,
+			vp = this.viewport,
+			visibleNodeList = this.visibleNodeList,
+			start = vp.start,
+			bottom = start + vp.count,
+			tr,
+			_renderCount = 0,
+			trIdx = 0,
+			trList = this.tbody.children,
+			prevPhase = this.isVpUpdating;
+
+		// Reset previous data
+		this.visit(function (node) {
+			// node.debug("redrawViewport(): _rowIdx=" + node._rowIdx);
+			node.span = null;
+			if (node.tr) {
+				delete node.tr.ftnode;
+				node.tr = null;
+			}
+		});
+
+		// Redraw the whole tree, erasing all node markup before and after
+		// the viewport
+
+		for (i = start; i < bottom; i++) {
+			var node = visibleNodeList[i];
+
+			tr = trList[trIdx];
+
+			if (!node) {
+				// TODO: make trailing empty rows configurable (custom template or remove TRs)
+				var newRow = this.rowFragment.firstChild.cloneNode(true);
+				this.tbody.replaceChild(newRow, tr);
+				trIdx++;
+				continue;
+			}
+			if (tr !== node.tr) {
+				node.tr = tr;
+				node.render();
+				_renderCount++;
+
+				// TODO:
+				// Implement scrolling by re-using existing markup
+				// e.g. shifting TRs or TR child elements instead of
+				// re-creating all the time
+			}
+			trIdx++;
+		}
+		this.isVpUpdating = prevPhase;
+		this.debugTimeEnd("redrawViewport()");
+	};
+
+	$.ui.fancytree.registerExtension({
+		name: "grid",
+		version: "2.38.2",
+		// 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,
+				columnCount,
+				n,
+				$row,
+				$tbody,
+				tree = ctx.tree,
+				opts = ctx.options,
+				tableOpts = opts.table,
+				$table = tree.widget.element,
+				$scrollWrapper = $table.parent(".fancytree-grid-container");
+
+			if ($.inArray("table", opts.extensions) >= 0) {
+				$.error("ext-grid and ext-table are mutually exclusive.");
+			}
+			if (opts.renderStatusColumns === true) {
+				opts.renderStatusColumns = opts.renderColumns;
+			}
+			// Note: we also re-use CSS rules from ext-table
+			$table.addClass(
+				"fancytree-container fancytree-ext-grid 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", $table).last().find(">th").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));
+
+			$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-grid
+			tree.$container = $table;
+			if ($scrollWrapper.length) {
+				tree.scrollWrapper = $scrollWrapper[0];
+				this._initViewportWrapper();
+			} else {
+				tree.scrollWrapper = null;
+			}
+
+			// Scrolling is implemented completely differently here
+			$.ui.fancytree.overrideMethod(
+				$.ui.fancytree._FancytreeNodeClass.prototype,
+				"scrollIntoView",
+				function (effects, options) {
+					var node = this,
+						tree = node.tree,
+						topNode = options && options.topNode,
+						vp = tree.viewport,
+						start = vp ? vp.start : null;
+
+					if (!tree.viewport) {
+						return node._super.apply(this, arguments);
+					}
+					if (node._rowIdx < vp.start) {
+						start = node._rowIdx;
+					} else if (node._rowIdx >= vp.start + vp.count) {
+						start = node._rowIdx - vp.count + 1;
+					}
+					if (topNode && topNode._rowIdx < start) {
+						start = topNode._rowIdx;
+					}
+					tree.setViewport({ start: start });
+					// Return a resolved promise
+					return $.Deferred(function () {
+						this.resolveWith(node);
+					}).promise();
+				}
+			);
+
+			tree.visibleNodeList = null; // Set by _renumberVisibleNodes()
+			tree.viewport = {
+				enabled: true,
+				start: 0,
+				count: 10,
+				left: 0,
+				right: 0,
+			};
+			this.setViewport(
+				$.extend(
+					{
+						// enabled: true,
+						autoSize: true,
+						start: 0,
+						count: 10,
+						left: 0,
+						right: 0,
+						keepEmptyRows: true,
+						noEvents: true,
+					},
+					opts.viewport
+				)
+			);
+			// tree.$scrollbar = _addScrollbar($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);
+			}
+		},
+		nodeKeydown: function (ctx) {
+			var nextNode = null,
+				nextIdx = null,
+				tree = ctx.tree,
+				node = ctx.node,
+				nodeList = tree.visibleNodeList,
+				// treeOpts = ctx.options,
+				viewport = tree.viewport,
+				event = ctx.originalEvent,
+				eventString = FT.eventToString(event);
+
+			tree.debug("nodeKeydown(" + eventString + ")");
+
+			switch (eventString) {
+				case "home":
+				case "meta+up":
+					nextIdx = 0;
+					break;
+				case "end":
+				case "meta+down":
+					nextIdx = nodeList.length - 1;
+					break;
+				case "pageup":
+					nextIdx = node._rowIdx - viewport.count;
+					break;
+				case "pagedown":
+					nextIdx = node._rowIdx + viewport.count;
+					break;
+			}
+			if (nextIdx != null) {
+				nextIdx = Math.min(Math.max(0, nextIdx), nodeList.length - 1);
+				nextNode = nodeList[nextIdx];
+				nextNode.makeVisible();
+				nextNode.setActive();
+				return false;
+			}
+			return this._superApply(arguments);
+		},
+		nodeRemoveChildMarkup: function (ctx) {
+			var node = ctx.node;
+
+			node.visit(function (n) {
+				if (n.tr) {
+					delete n.tr.ftnode;
+					n.tr = null;
+					n.span = null;
+				}
+			});
+		},
+		nodeRemoveMarkup: function (ctx) {
+			var node = ctx.node;
+
+			if (node.tr) {
+				delete node.tr.ftnode;
+				node.tr = null;
+				node.span = null;
+			}
+			this.nodeRemoveChildMarkup(ctx);
+		},
+		/* Override standard render. */
+		nodeRender: function (ctx, force, deep, collapsed, _recursive) {
+			var children,
+				i,
+				l,
+				outsideViewport,
+				subCtx,
+				tree = ctx.tree,
+				node = ctx.node;
+
+			if (tree._enableUpdate === false) {
+				node.debug("nodeRender(): _enableUpdate: false");
+				return;
+			}
+			var opts = ctx.options,
+				viewport = tree.viewport.enabled ? tree.viewport : null,
+				start = viewport && viewport.start > 0 ? +viewport.start : 0,
+				bottom = viewport ? start + viewport.count - 1 : 0,
+				isRootNode = !node.parent;
+
+			_assert(viewport);
+
+			// node.debug("nodeRender(): " + node + ", isRoot=" + isRootNode, "tr=" + node.tr, "hcp=" + ctx.hasCollapsedParents, "parent.tr=" + (node.parent && node.parent.tr));
+			if (!_recursive) {
+				// node.debug("nodeRender(): start top node");
+				if (isRootNode && viewport) {
+					node.debug("nodeRender(): redrawViewport() instead");
+					return ctx.tree.redrawViewport();
+				}
+				ctx.hasCollapsedParents = node.parent && !node.parent.expanded;
+				// Make sure visible row indices are up-to-date
+				if (viewport) {
+					tree._renumberVisibleNodes();
+				}
+			}
+
+			if (!isRootNode) {
+				outsideViewport =
+					viewport &&
+					(node._rowIdx < start ||
+						node._rowIdx >= start + viewport.count);
+
+				// node.debug(
+				// 	"nodeRender(): idx=" +
+				// 		node._rowIdx +
+				// 		", outside=" +
+				// 		outsideViewport +
+				// 		", TR count=" +
+				// 		tree.tbody.rows.length
+				// );
+				if (outsideViewport) {
+					// node.debug("nodeRender(): outsideViewport: ignored");
+					return;
+				}
+				if (!node.tr) {
+					if (node._rowIdx == null) {
+						// node.warn("nodeRender(): ignoring hidden");
+						return;
+					}
+					node.debug("nodeRender(): creating new TR.");
+					node.tr = tree.tbody.rows[node._rowIdx - start];
+				}
+				// _assert(
+				// 	node.tr,
+				// 	"nodeRender() called for node.tr == null: " + node
+				// );
+				node.tr.ftnode = node;
+
+				if (node.key && opts.generateIds) {
+					node.tr.id = 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)
+				// var ctx = this._makeHookContext(node);
+				this.nodeRenderTitle(ctx); // triggers renderColumns()
+
+				// Allow tweaking, binding, after node was created for the first time
+				if (opts.createNode) {
+					opts.createNode.call(this, { type: "createNode" }, ctx);
+				}
+			}
+			// Allow tweaking after node state was rendered
+			if (opts.renderNode) {
+				opts.renderNode.call(tree, { type: "renderNode" }, ctx);
+			}
+			// Visit child nodes
+			// Add child markup
+			children = node.children;
+			_assert(!deep, "deep is not supported");
+
+			if (children && (isRootNode || deep || node.expanded)) {
+				for (i = 0, l = children.length; i < l; i++) {
+					var child = children[i];
+
+					if (viewport && child._rowIdx > bottom) {
+						children[i].debug("BREAK render children loop");
+						return false;
+					}
+					subCtx = $.extend({}, ctx, { node: child });
+					subCtx.hasCollapsedParents =
+						subCtx.hasCollapsedParents || !node.expanded;
+					this.nodeRender(subCtx, force, deep, collapsed, true);
+				}
+			}
+		},
+		nodeRenderTitle: function (ctx, title) {
+			var $cb,
+				res,
+				tree = ctx.tree,
+				node = ctx.node,
+				opts = ctx.options,
+				isStatusNode = node.isStatusNode();
+
+			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.grid.mergeStatusColumns && node.isTopLevel()) {
+					node.warn("mergeStatusColumns is not yet implemented.");
+					// This approach would not work, since the roe may be re-used:
+					// $(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;
+		},
+		nodeRenderStatus: function (ctx) {
+			var indent,
+				node = ctx.node,
+				opts = ctx.options;
+
+			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) {
+			var node = ctx.node,
+				tree = ctx.tree;
+
+			// flag defaults to true
+			flag = flag !== false;
+
+			if ((node.expanded && flag) || (!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,
+				});
+
+			callOpts = callOpts || {};
+
+			function _afterExpand(ok) {
+				tree.redrawViewport(true);
+
+				if (ok) {
+					if (
+						flag &&
+						ctx.options.autoScroll &&
+						!callOpts.noAnimation &&
+						node.hasChildren()
+					) {
+						// Scroll down to last child, but keep current node visible
+						node.getLastChild()
+							.scrollIntoView(true, { topNode: node })
+							.always(function () {
+								if (!callOpts.noEvents) {
+									tree._triggerNodeEvent(
+										flag ? "expand" : "collapse",
+										ctx
+									);
+								}
+								dfd.resolveWith(node);
+							});
+					} else {
+						if (!callOpts.noEvents) {
+							tree._triggerNodeEvent(
+								flag ? "expand" : "collapse",
+								ctx
+							);
+						}
+						dfd.resolveWith(node);
+					}
+				} else {
+					if (!callOpts.noEvents) {
+						tree._triggerNodeEvent(
+							flag ? "expand" : "collapse",
+							ctx
+						);
+					}
+					dfd.rejectWith(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();
+		},
+		treeClear: function (ctx) {
+			// this.nodeRemoveChildMarkup(this._makeHookContext(this.rootNode));
+			// this._renumberReset(); // Invalidate visible row cache
+			return this._superApply(arguments);
+		},
+		treeDestroy: function (ctx) {
+			this.$container.find("tbody").empty();
+			this.$container.off("wheel");
+			if (this.$source) {
+				this.$source.removeClass("fancytree-helper-hidden");
+			}
+			this._renumberReset(); // Invalidate visible row cache
+			return this._superApply(arguments);
+		},
+		treeStructureChanged: function (ctx, type) {
+			// debugger;
+			if (type !== "addNode" || ctx.tree.visibleNodeList) {
+				// this.debug("treeStructureChanged(" + type + ")");
+				this._renumberReset(); // Invalidate visible row cache
+			}
+		},
+	});
+	// Value returned by `require('jquery.fancytree..')`
+	return $.ui.fancytree;
+}); // End of closure
diff --git a/public/js/viewtree/modules/jquery.fancytree.gridnav.js b/public/js/viewtree/modules/jquery.fancytree.gridnav.js
new file mode 100644
index 0000000..81b9c8c
--- /dev/null
+++ b/public/js/viewtree/modules/jquery.fancytree.gridnav.js
@@ -0,0 +1,218 @@
+/*!
+ * jquery.fancytree.gridnav.js
+ *
+ * Support keyboard navigation for trees with embedded input controls.
+ * (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.2
+ * @date 2022-06-30T18:24:06Z
+ */
+
+(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) {
+		// Node/CommonJS
+		require("./jquery.fancytree.table"); // core + table
+		module.exports = factory(require("jquery"));
+	} else {
+		// Browser globals
+		factory(jQuery);
+	}
+})(function ($) {
+	"use strict";
+
+	/*******************************************************************************
+	 * Private functions and variables
+	 */
+
+	// 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.38.2",
+		// 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
diff --git a/public/js/viewtree/modules/jquery.fancytree.js b/public/js/viewtree/modules/jquery.fancytree.js
new file mode 100644
index 0000000..a91b7ef
--- /dev/null
+++ b/public/js/viewtree/modules/jquery.fancytree.js
@@ -0,0 +1,7374 @@
+/*!
+ * jquery.fancytree.js
+ * Tree view control with support for lazy loading and much more.
+ * 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.2
+ * @date 2022-06-30T18:24:06Z
+ */
+
+/** Core Fancytree module.
+ */
+
+// UMD wrapper for the Fancytree core module
+(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) {
+		// Node/CommonJS
+		require("./jquery.fancytree.ui-deps");
+		module.exports = factory(require("jquery"));
+	} else {
+		// Browser globals
+		factory(jQuery);
+	}
+})(function ($) {
+	"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",
+		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,
+		};
+
+	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);
+		}
+	}
+
+	function _hasProp(object, property) {
+		return Object.prototype.hasOwnProperty.call(object, property);
+	}
+
+	/* Replacement for the deprecated `jQuery.isFunction()`. */
+	function _isFunction(obj) {
+		return typeof obj === "function";
+	}
+
+	/* Replacement for the deprecated `jQuery.trim()`. */
+	function _trim(text) {
+		return text == null ? "" : text.trim();
+	}
+
+	/* Replacement for the deprecated `jQuery.isArray()`. */
+	var _isArray = Array.isArray;
+
+	_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;
+	}
+
+	/**
+	 * 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 = {};
+		}
+		if (i === length) {
+			throw Error("need at least two args");
+		}
+		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 (_hasProp(options, 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;
+						}
+					}
+				}
+			}
+		}
+		// Return the modified object
+		return target;
+	}
+
+	/** 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];
+				}
+			}
+		}
+	}
+
+	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 (var i = 0, l = children.length; i < l; i++) {
+				this.children.push(new FancytreeNode(this, children[i]));
+			}
+			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 = [];
+
+			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 (_hasProp(patch, name)) {
+					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 (_hasProp(patch, "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 (_hasProp(patch, "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();
+				}
+			}
+			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.tree.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);
+				}
+			});
+			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;
+			}
+			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.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.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;
+
+				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);
+
+			// 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;
+						}
+					}
+				}
+				// eslint-disable-next-line no-nested-ternary
+				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".
+		 *
+		 * (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;
+
+			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;
+			}
+			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 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 || "/";
+
+			var val,
+				path = [],
+				isFunc = _isFunction(part);
+
+			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 = 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 `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);
+
+			// 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;
+			}
+
+			for (i = 0, l = parents.length; i < l; i++) {
+				n = parents[i];
+
+				if (!n.expanded) {
+					// this.debug("isVisible: HIDDEN (parent collapsed)");
+					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);
+							}
+						}
+					}
+				}
+			}
+			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 `<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
+
+		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>", {
+			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");
+			}
+			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 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;
+			}
+			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
+		 * @param {object} [opts] additional options. Defaults to {noEvents: false, noFocus: false}
+		 * @returns {FancytreeNode} activated node (null, if not found)
+		 */
+		activateKey: function (key, opts) {
+			var node = this.getNodeByKey(key);
+			if (node) {
+				node.setActive(true, opts);
+			} else if (this.activeNode) {
+				this.activeNode.setActive(false, opts);
+			}
+			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_
+			// );
+
+			node = node || this.getActiveNode();
+			// clipboard = opts.clipboard;
+
+			switch (cmd) {
+				// Sorting and indentation:
+				case "moveUp":
+					refNode = node.getPrevSibling();
+					if (refNode) {
+						node.moveTo(refNode, "before");
+						node.setActive();
+					}
+					break;
+				case "moveDown":
+					refNode = node.getNextSibling();
+					if (refNode) {
+						node.moveTo(refNode, "after");
+						node.setActive();
+					}
+					break;
+				case "indent":
+					refNode = node.getPrevSibling();
+					if (refNode) {
+						node.moveTo(refNode, "child");
+						refNode.setExpanded();
+						node.setActive();
+					}
+					break;
+				case "outdent":
+					if (!node.isTopLevel()) {
+						node.moveTo(node.getParent(), "after");
+						node.setActive();
+					}
+					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 + "'");
+			}
+		},
+		/** (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);
+			}
+		},
+		/** 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 {
+				this.widget.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;
+			if (!!this._enableUpdate === !!flag) {
+				return flag;
+			}
+			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)...");
+			}
+			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);
+
+			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;
+				}
+			}
+			this.visitRows(_checkNode, {
+				start: startNode,
+				includeSelf: false,
+			});
+			// Wrap around search
+			if (!res && startNode !== firstNode) {
+				this.visitRows(_checkNode, {
+					start: firstNode,
+					includeSelf: true,
+				});
+			}
+			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 (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;
+						}
+					});
+					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;
+				}
+			}
+			// 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;
+		},
+		/** Return the invisible system root node.
+		 * @returns {FancytreeNode}
+		 */
+		getRootNode: function () {
+			return this.rootNode;
+		},
+		/**
+		 * 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
+			// 	);
+
+			// 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);
+			}
+		},
+		/** 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;
+			}
+			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;
+				};
+			}
+			// 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,
+				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 (_hasProp(remainMap, 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;
+				}
+				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,
+					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 {
+					$.error("Invalid source type: " + source);
+				}
+
+				// 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 (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 &&
+							_hasProp(data, "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");
+	 * var node = $("#tree").fancytree("getActiveNode");
+	 *
+	 * // RECOMMENDED: Use the Fancytree object API
+	 * var tree = $.ui.fancytree.getTree("#tree");
+	 * 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.2", // 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;
+			},
+			/** 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(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;
+			}
+			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 (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;
+					}
+				};
+			},
+			/**
+			 * 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 = [];
+
+				$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: {} };
+
+					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 (_hasProp(allData, 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;
+			},
+			/** Replacement for the deprecated `jQuery.trim()`.
+			 *
+			 * @param {string} text
+			 */
+			trim: _trim,
+			/** 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
diff --git a/public/js/viewtree/modules/jquery.fancytree.logger.js b/public/js/viewtree/modules/jquery.fancytree.logger.js
new file mode 100644
index 0000000..1bfbde8
--- /dev/null
+++ b/public/js/viewtree/modules/jquery.fancytree.logger.js
@@ -0,0 +1,309 @@
+/*!
+ * jquery.fancytree.logger.js
+ *
+ * Miscellaneous debug extensions.
+ * (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.2
+ * @date 2022-06-30T18:24:06Z
+ */
+
+(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 i,
+		FT = $.ui.fancytree,
+		PREFIX = "ft-logger: ",
+		logLine = window.console.log,
+		// HOOK_NAMES = "nodeClick nodeCollapseSiblings".split(" "),
+		TREE_EVENT_NAMES =
+			"beforeRestore beforeUpdateViewport blurTree create init focusTree preInit restore updateViewport".split(
+				" "
+			),
+		NODE_EVENT_NAMES =
+			"activate activateCell beforeActivate beforeExpand beforeSelect blur click collapse createNode dblclick deactivate defaultGridAction expand enhanceTitle focus keydown keypress lazyLoad loadChildren loadError modifyChild postProcess renderNode renderTitle select".split(
+				" "
+			),
+		EVENT_NAMES = TREE_EVENT_NAMES.concat(NODE_EVENT_NAMES),
+		// HOOK_NAME_MAP = {},
+		EVENT_NAME_MAP = {};
+
+	/*
+	 */
+	// for (i = 0; i < HOOK_NAMES.length; i++) {
+	// 	HOOK_NAME_MAP[HOOK_NAMES[i]] = true;
+	// }
+	for (i = 0; i < EVENT_NAMES.length; i++) {
+		EVENT_NAME_MAP[EVENT_NAMES[i]] = true;
+	}
+
+	function getBrowserInfo() {
+		var n = navigator.appName,
+			ua = navigator.userAgent,
+			tem,
+			m = ua.match(
+				/(opera|chrome|safari|firefox|msie)\/?\s*(\.?\d+(\.\d+)*)/i
+			);
+
+		if (m && (tem = ua.match(/version\/([.\d]+)/i)) !== null) {
+			m[2] = tem[1];
+		}
+		m = m ? [m[1], m[2]] : [n, navigator.appVersion, "-?"];
+		return m.join(", ");
+	}
+
+	function logEvent(event, data) {
+		var res,
+			self = this,
+			// logName = PREFIX + "event." + event.type,
+			opts = data.options.logger,
+			tree = data.tree,
+			// widget = data.widget,
+			obj = data.node || tree,
+			logName = PREFIX + "event." + event.type + " (" + obj + ")";
+
+		if (
+			!opts.traceEvents ||
+			(opts.traceEvents !== true && $.inArray(name, opts.traceEvents) < 0)
+		) {
+			return self._super.apply(self, arguments);
+		}
+		if (
+			(self._super && opts.timings === true) ||
+			(opts.timings && $.inArray(name, opts.timings) >= 0)
+		) {
+			// if( name === "nodeRender" ) { logName += obj; }  // allow timing for recursive calls
+			// logName += " (" + obj + ")";
+			window.console.time(logName);
+			res = self._super.apply(self, arguments);
+			window.console.timeEnd(logName);
+		} else {
+			// obj.info(logName, data);
+			logLine(logName, event, data);
+			res = self._super.apply(self, arguments);
+		}
+		return res;
+	}
+
+	function logHook(name, this_, args, extra) {
+		var res,
+			ctx = args[0],
+			opts = ctx.options.logger,
+			obj = ctx.node || ctx.tree,
+			logName = PREFIX + "hook." + name + " (" + obj + ")";
+
+		if (
+			!opts.traceHooks ||
+			(opts.traceHooks !== true && $.inArray(name, opts.traceHooks) < 0)
+		) {
+			return this_._superApply.call(this_, args);
+		}
+		if (
+			opts.timings === true ||
+			(opts.timings && $.inArray(name, opts.timings) >= 0)
+		) {
+			// if( name === "nodeRender" ) { logName += obj; }  // allow timing for recursive calls
+			// logName += " (" + obj + ")";
+			window.console.time(logName);
+			res = this_._superApply.call(this_, args);
+			window.console.timeEnd(logName);
+		} else {
+			if (extra) {
+				// obj.info(logName, extra, ctx);
+				logLine(logName, extra, ctx);
+			} else {
+				// obj.info(logName, ctx);
+				logLine(logName, ctx);
+			}
+			res = this_._superApply.call(this_, args);
+		}
+		return res;
+	}
+
+	/******************************************************************************
+	 * Extension code
+	 */
+	$.ui.fancytree.registerExtension({
+		name: "logger",
+		version: "2.38.2",
+		// Default options for this extension.
+		options: {
+			logTarget: null, // optional redirect logging to this <div> tag
+			traceEvents: true, // `true`or list of hook names
+			traceUnhandledEvents: false,
+			traceHooks: false, // `true`or list of event names
+			timings: false, // `true`or list of event names
+		},
+		// Overide virtual methods for this extension.
+		// `this`       : is this Fancytree object
+		// `this._super`: the virtual function that was overridden (member of prev. extension or Fancytree)
+		treeCreate: function (ctx) {
+			var tree = ctx.tree,
+				opts = ctx.options;
+
+			if (
+				this.options.extensions[this.options.extensions.length - 1] !==
+				"logger"
+			) {
+				throw Error(
+					"Fancytree 'logger' extension must be listed as last entry."
+				);
+			}
+			tree.warn(
+				"Fancytree logger extension is enabled (this may be slow).",
+				opts.logger
+			);
+
+			tree.debug(
+				"Fancytree v" +
+					$.ui.fancytree.version +
+					", buildType='" +
+					$.ui.fancytree.buildType +
+					"'"
+			);
+			tree.debug(
+				"jQuery UI " +
+					jQuery.ui.version +
+					" (uiBackCompat=" +
+					$.uiBackCompat +
+					")"
+			);
+			tree.debug("jQuery " + jQuery.fn.jquery);
+			tree.debug("Browser: " + getBrowserInfo());
+
+			function _log(event, data) {
+				logLine(
+					PREFIX + "event." + event.type + " (unhandled)",
+					event,
+					data
+				);
+			}
+			$.each(EVENT_NAMES, function (i, name) {
+				if (typeof opts[name] === "function") {
+					// tree.info(PREFIX + "override '" + name + "' event");
+					$.ui.fancytree.overrideMethod(
+						opts,
+						name,
+						logEvent,
+						ctx.widget
+					);
+				} else if (opts.logger.traceUnhandledEvents) {
+					opts[name] = _log;
+				}
+			});
+
+			return logHook("treeCreate", this, arguments);
+		},
+		nodeClick: function (ctx) {
+			return logHook(
+				"nodeClick",
+				this,
+				arguments,
+				FT.eventToString(ctx.originalEvent)
+			);
+		},
+		nodeCollapseSiblings: function (ctx) {
+			return logHook("nodeCollapseSiblings", this, arguments);
+		},
+		nodeDblclick: function (ctx) {
+			return logHook("nodeDblclick", this, arguments);
+		},
+		nodeKeydown: function (ctx) {
+			return logHook(
+				"nodeKeydown",
+				this,
+				arguments,
+				FT.eventToString(ctx.originalEvent)
+			);
+		},
+		nodeLoadChildren: function (ctx, source) {
+			return logHook("nodeLoadChildren", this, arguments);
+		},
+		nodeRemoveChildMarkup: function (ctx) {
+			return logHook("nodeRemoveChildMarkup", this, arguments);
+		},
+		nodeRemoveMarkup: function (ctx) {
+			return logHook("nodeRemoveMarkup", this, arguments);
+		},
+		nodeRender: function (ctx, force, deep, collapsed, _recursive) {
+			return logHook("nodeRender", this, arguments);
+		},
+		nodeRenderStatus: function (ctx) {
+			return logHook("nodeRenderStatus", this, arguments);
+		},
+		nodeRenderTitle: function (ctx, title) {
+			return logHook("nodeRenderTitle", this, arguments);
+		},
+		nodeSetActive: function (ctx, flag, callOpts) {
+			return logHook("nodeSetActive", this, arguments);
+		},
+		nodeSetExpanded: function (ctx, flag, callOpts) {
+			return logHook("nodeSetExpanded", this, arguments);
+		},
+		nodeSetFocus: function (ctx) {
+			return logHook("nodeSetFocus", this, arguments);
+		},
+		nodeSetSelected: function (ctx, flag, callOpts) {
+			return logHook("nodeSetSelected", this, arguments);
+		},
+		nodeSetStatus: function (ctx, status, message, details) {
+			return logHook("nodeSetStatus", this, arguments);
+		},
+		nodeToggleExpanded: function (ctx) {
+			return logHook("nodeToggleExpanded", this, arguments);
+		},
+		nodeToggleSelected: function (ctx) {
+			return logHook("nodeToggleSelected", this, arguments);
+		},
+		treeClear: function (ctx) {
+			return logHook("treeClear", this, arguments);
+		},
+		// treeCreate: function(ctx) {
+		// 	return logHook("treeCreate", this, arguments);
+		// },
+		treeDestroy: function (ctx) {
+			return logHook("treeDestroy", this, arguments);
+		},
+		treeInit: function (ctx) {
+			return logHook("treeInit", this, arguments);
+		},
+		treeLoad: function (ctx, source) {
+			return logHook("treeLoad", this, arguments);
+		},
+		treeRegisterNode: function (ctx, add, node) {
+			return logHook("treeRegisterNode", this, arguments);
+		},
+		treeSetFocus: function (ctx, flag, callOpts) {
+			return logHook("treeSetFocus", this, arguments);
+		},
+		treeSetOption: function (ctx, key, value) {
+			return logHook("treeSetOption", this, arguments);
+		},
+		treeStructureChanged: function (ctx, type) {
+			return logHook("treeStructureChanged", this, arguments);
+		},
+	});
+
+	// Value returned by `require('jquery.fancytree..')`
+	return $.ui.fancytree;
+}); // End of closure
diff --git a/public/js/viewtree/modules/jquery.fancytree.menu.js b/public/js/viewtree/modules/jquery.fancytree.menu.js
new file mode 100644
index 0000000..295c97e
--- /dev/null
+++ b/public/js/viewtree/modules/jquery.fancytree.menu.js
@@ -0,0 +1,185 @@
+/*!
+ * jquery.fancytree.menu.js
+ *
+ * Enable jQuery UI Menu as context menu for tree nodes.
+ * (Extension module for jquery.fancytree.js: https://github.com/mar10/fancytree/)
+ *
+ * @see http://api.jqueryui.com/menu/
+ *
+ * Copyright (c) 2008-2021, Martin Wendt (https://wwWendt.de)
+ *
+ * Released under the MIT license
+ * https://github.com/mar10/fancytree/wiki/LicenseInfo
+ *
+ * @version 2.38.2
+ * @date 2022-06-30T18:24:06Z
+ */
+
+(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";
+
+	$.ui.fancytree.registerExtension({
+		name: "menu",
+		version: "2.38.2",
+		// Default options for this extension.
+		options: {
+			enable: true,
+			selector: null, //
+			position: {}, //
+			// Events:
+			create: $.noop, //
+			beforeOpen: $.noop, //
+			open: $.noop, //
+			focus: $.noop, //
+			select: $.noop, //
+			close: $.noop, //
+		},
+		// Override virtual methods for this extension.
+		// `this`       : is this extension object
+		// `this._base` : the Fancytree instance
+		// `this._super`: the virtual function that was overridden (member of prev. extension or Fancytree)
+		treeInit: function (ctx) {
+			var opts = ctx.options,
+				tree = ctx.tree;
+
+			this._superApply(arguments);
+
+			// Prepare an object that will be passed with menu events
+			tree.ext.menu.data = {
+				tree: tree,
+				node: null,
+				$menu: null,
+				menuId: null,
+			};
+
+			//        tree.$container[0].oncontextmenu = function() {return false;};
+			// Replace the standard browser context menu with out own
+			tree.$container.on(
+				"contextmenu",
+				"span.fancytree-node",
+				function (event) {
+					var node = $.ui.fancytree.getNode(event),
+						ctx = {
+							node: node,
+							tree: node.tree,
+							originalEvent: event,
+							options: tree.options,
+						};
+					tree.ext.menu._openMenu(ctx);
+					return false;
+				}
+			);
+
+			// Use jquery.ui.menu
+			$(opts.menu.selector)
+				.menu({
+					create: function (event, ui) {
+						tree.ext.menu.data.$menu = $(this).menu("widget");
+						var data = $.extend({}, tree.ext.menu.data);
+						opts.menu.create.call(tree, event, data);
+					},
+					focus: function (event, ui) {
+						var data = $.extend({}, tree.ext.menu.data, {
+							menuItem: ui.item,
+							menuId: ui.item.find(">a").attr("href"),
+						});
+						opts.menu.focus.call(tree, event, data);
+					},
+					select: function (event, ui) {
+						var data = $.extend({}, tree.ext.menu.data, {
+							menuItem: ui.item,
+							menuId: ui.item.find(">a").attr("href"),
+						});
+						if (
+							opts.menu.select.call(tree, event, data) !== false
+						) {
+							tree.ext.menu._closeMenu(ctx);
+						}
+					},
+				})
+				.hide();
+		},
+		treeDestroy: function (ctx) {
+			this._superApply(arguments);
+		},
+		_openMenu: function (ctx) {
+			var data,
+				tree = ctx.tree,
+				opts = ctx.options,
+				$menu = $(opts.menu.selector);
+
+			tree.ext.menu.data.node = ctx.node;
+			data = $.extend({}, tree.ext.menu.data);
+
+			if (
+				opts.menu.beforeOpen.call(tree, ctx.originalEvent, data) ===
+				false
+			) {
+				return;
+			}
+
+			$(document)
+				.on("keydown.fancytree", function (event) {
+					if (event.which === $.ui.keyCode.ESCAPE) {
+						tree.ext.menu._closeMenu(ctx);
+					}
+				})
+				.on("mousedown.fancytree", function (event) {
+					// Close menu when clicked outside menu
+					if ($(event.target).closest(".ui-menu-item").length === 0) {
+						tree.ext.menu._closeMenu(ctx);
+					}
+				});
+			//        $menu.position($.extend({my: "left top", at: "left bottom", of: event}, opts.menu.position));
+			$menu
+				.css("position", "absolute")
+				.show()
+				.position({
+					my: "left top",
+					at: "right top",
+					of: ctx.originalEvent,
+					collision: "fit",
+				})
+				.focus();
+
+			opts.menu.open.call(tree, ctx.originalEvent, data);
+		},
+		_closeMenu: function (ctx) {
+			var $menu,
+				tree = ctx.tree,
+				opts = ctx.options,
+				data = $.extend({}, tree.ext.menu.data);
+			if (opts.menu.close.call(tree, ctx.originalEvent, data) === false) {
+				return;
+			}
+			$menu = $(opts.menu.selector);
+			$(document).off("keydown.fancytree, mousedown.fancytree");
+			$menu.hide();
+			tree.ext.menu.data.node = null;
+		},
+		//	,
+		//	nodeClick: function(ctx) {
+		//		var event = ctx.originalEvent;
+		//		if(event.which === 2 || (event.which === 1 && event.ctrlKey)){
+		//			event.preventDefault();
+		//			ctx.tree.ext.menu._openMenu(ctx);
+		//			return false;
+		//		}
+		//		this._superApply(arguments);
+		//	}
+	});
+	// Value returned by `require('jquery.fancytree..')`
+	return $.ui.fancytree;
+}); // End of closure
diff --git a/public/js/viewtree/modules/jquery.fancytree.multi.js b/public/js/viewtree/modules/jquery.fancytree.multi.js
new file mode 100644
index 0000000..7ce0689
--- /dev/null
+++ b/public/js/viewtree/modules/jquery.fancytree.multi.js
@@ -0,0 +1,128 @@
+/*!
+ * 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.2
+ * @date 2022-06-30T18:24:06Z
+ */
+
+(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.2",
+		// 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
diff --git a/public/js/viewtree/modules/jquery.fancytree.persist.js b/public/js/viewtree/modules/jquery.fancytree.persist.js
new file mode 100644
index 0000000..82bdb72
--- /dev/null
+++ b/public/js/viewtree/modules/jquery.fancytree.persist.js
@@ -0,0 +1,503 @@
+/*!
+ * jquery.fancytree.persist.js
+ *
+ * Persist tree status in cookiesRemove or highlight tree nodes, based on a filter.
+ * (Extension module for jquery.fancytree.js: https://github.com/mar10/fancytree/)
+ *
+ * @depends: js-cookie or jquery-cookie
+ *
+ * Copyright (c) 2008-2021, Martin Wendt (https://wwWendt.de)
+ *
+ * Released under the MIT license
+ * https://github.com/mar10/fancytree/wiki/LicenseInfo
+ *
+ * @version 2.38.2
+ * @date 2022-06-30T18:24:06Z
+ */
+
+(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";
+	/* 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);
+	}
+
+	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);
+	}
+
+	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(key, value, this.options.persist.cookie);
+			},
+			remove: $.removeCookie,
+		};
+	}
+
+	/* 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));
+					} else {
+						deferredList.push(node.load());
+					}
+				} else {
+					tree.debug("_loadLazyNodes: " + node + " already loaded.");
+					node.setExpanded(true, expandOpts);
+				}
+			} 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);
+					}
+				}
+				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);
+		}
+		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] 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 = {};
+
+		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.38.2",
+		// 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",
+		},
+
+		/* 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
+					);
+				} 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
+									);
+								}
+							}
+						}
+						// 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,
+								});
+							}
+						}
+					}
+					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, {});
+				});
+			});
+			// 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;
+					});
+					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
diff --git a/public/js/viewtree/modules/jquery.fancytree.table.js b/public/js/viewtree/modules/jquery.fancytree.table.js
new file mode 100644
index 0000000..ebce81d
--- /dev/null
+++ b/public/js/viewtree/modules/jquery.fancytree.table.js
@@ -0,0 +1,544 @@
+/*!
+ * jquery.fancytree.table.js
+ *
+ * Render tree as table (aka 'tree grid', 'table tree').
+ * (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.2
+ * @date 2022-06-30T18:24:06Z
+ */
+
+(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 _assert = $.ui.fancytree.assert;
+
+	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;
+				}
+				prev = last;
+			}
+		} else {
+			// if there is no preceding sibling, use the direct parent
+			prev = parent;
+		}
+		return prev;
+	}
+
+	$.ui.fancytree.registerExtension({
+		name: "table",
+		version: "2.38.2",
+		// 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 {
+					$.error(
+						"The 'customStatus' option is deprecated since v2.15.0. Use 'renderStatusColumns' only instead."
+					);
+				}
+			}
+			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
+			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;
+				}
+			});
+		},
+		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);
+				}
+				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();
+
+			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;
+		},
+		nodeRenderStatus: function (ctx) {
+			var indent,
+				node = ctx.node,
+				opts = ctx.options;
+
+			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;
+
+			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,
+				});
+
+			callOpts = callOpts || {};
+
+			function _afterExpand(ok, args) {
+				// ctx.tree.info("ok:" + ok, args);
+				if (ok) {
+					// #1108 minExpandLevel: 2 together with table extension does not work
+					// don't call when 'ok' is false:
+					setChildRowVisibility(ctx.node, flag);
+					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.rejectWith(ctx.node);
+				}
+			}
+			// Call base-expand with disabled events and animation
+			this._super(ctx, flag, subOpts)
+				.done(function () {
+					_afterExpand(true, arguments);
+				})
+				.fail(function () {
+					_afterExpand(false, arguments);
+				});
+			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);
+		},
+		/*,
+	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
diff --git a/public/js/viewtree/modules/jquery.fancytree.themeroller.js b/public/js/viewtree/modules/jquery.fancytree.themeroller.js
new file mode 100644
index 0000000..85ec128
--- /dev/null
+++ b/public/js/viewtree/modules/jquery.fancytree.themeroller.js
@@ -0,0 +1,125 @@
+/*!
+ * jquery.fancytree.themeroller.js
+ *
+ * Enable jQuery UI ThemeRoller styles.
+ * (Extension module for jquery.fancytree.js: https://github.com/mar10/fancytree/)
+ *
+ * @see http://jqueryui.com/themeroller/
+ *
+ * Copyright (c) 2008-2021, Martin Wendt (https://wwWendt.de)
+ *
+ * Released under the MIT license
+ * https://github.com/mar10/fancytree/wiki/LicenseInfo
+ *
+ * @version 2.38.2
+ * @date 2022-06-30T18:24:06Z
+ */
+
+(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";
+
+	/*******************************************************************************
+	 * Extension code
+	 */
+	$.ui.fancytree.registerExtension({
+		name: "themeroller",
+		version: "2.38.2",
+		// 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"
+		},
+
+		treeInit: function (ctx) {
+			var $el = ctx.widget.element,
+				opts = ctx.options.themeroller;
+
+			this._superApply(arguments);
+
+			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");
+			}
+
+			$el.on(
+				"mouseenter mouseleave",
+				".fancytree-node",
+				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);
+			/*
+		.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.
+
+		.ui-state-default: Class to be applied to clickable button-like elements. Applies "clickable default" container styles to an element and its child text, links, and icons.
+		.ui-state-hover: Class to be applied on mouseover to clickable button-like elements. Applies "clickable hover" container styles to an element and its child text, links, and icons.
+		.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
diff --git a/public/js/viewtree/modules/jquery.fancytree.ui-deps.js b/public/js/viewtree/modules/jquery.fancytree.ui-deps.js
new file mode 100644
index 0000000..b83d420
--- /dev/null
+++ b/public/js/viewtree/modules/jquery.fancytree.ui-deps.js
@@ -0,0 +1,1445 @@
+/*! jQuery UI - v1.13.0 - 2021-11-09
+* http://jqueryui.com
+* Includes: widget.js, position.js, jquery-patch.js, keycode.js, scroll-parent.js, unique-id.js
+* Copyright jQuery Foundation and other contributors; Licensed MIT */
+
+( function( factory ) {
+	"use strict";
+
+	if ( typeof define === "function" && define.amd ) {
+
+		// AMD. Register as an anonymous module.
+		define( [ "jquery" ], factory );
+	} else {
+
+		// Browser globals
+		factory( jQuery );
+	}
+} )( function( $ ) {
+"use strict";
+
+$.ui = $.ui || {};
+
+var version = $.ui.version = "1.13.0";
+
+
+/*!
+ * jQuery UI Widget 1.13.0
+ * http://jqueryui.com
+ *
+ * Copyright jQuery Foundation and other contributors
+ * Released under the MIT license.
+ * http://jquery.org/license
+ */
+
+//>>label: Widget
+//>>group: Core
+//>>description: Provides a factory for creating stateful widgets with a common API.
+//>>docs: http://api.jqueryui.com/jQuery.widget/
+//>>demos: http://jqueryui.com/widget/
+
+
+var widgetUuid = 0;
+var widgetHasOwnProperty = Array.prototype.hasOwnProperty;
+var widgetSlice = Array.prototype.slice;
+
+$.cleanData = $.cleanData || ( function( orig ) {
+	return function( elems ) {
+		var events, elem, i;
+		for ( i = 0; ( elem = elems[ i ] ) != null; i++ ) {
+
+			// Only trigger remove when necessary to save time
+			events = $._data( elem, "events" );
+			if ( events && events.remove ) {
+				$( elem ).triggerHandler( "remove" );
+			}
+		}
+		orig( elems );
+	};
+} )( $.cleanData );
+
+$.widget = $.widget || function( name, base, prototype ) {
+	var existingConstructor, constructor, basePrototype;
+
+	// ProxiedPrototype allows the provided prototype to remain unmodified
+	// so that it can be used as a mixin for multiple widgets (#8876)
+	var proxiedPrototype = {};
+
+	var namespace = name.split( "." )[ 0 ];
+	name = name.split( "." )[ 1 ];
+	var fullName = namespace + "-" + name;
+
+	if ( !prototype ) {
+		prototype = base;
+		base = $.Widget;
+	}
+
+	if ( Array.isArray( prototype ) ) {
+		prototype = $.extend.apply( null, [ {} ].concat( prototype ) );
+	}
+
+	// Create selector for plugin
+	$.expr.pseudos[ fullName.toLowerCase() ] = function( elem ) {
+		return !!$.data( elem, fullName );
+	};
+
+	$[ namespace ] = $[ namespace ] || {};
+	existingConstructor = $[ namespace ][ name ];
+	constructor = $[ namespace ][ name ] = function( options, element ) {
+
+		// Allow instantiation without "new" keyword
+		if ( !this._createWidget ) {
+			return new constructor( options, element );
+		}
+
+		// Allow instantiation without initializing for simple inheritance
+		// must use "new" keyword (the code above always passes args)
+		if ( arguments.length ) {
+			this._createWidget( options, element );
+		}
+	};
+
+	// Extend with the existing constructor to carry over any static properties
+	$.extend( constructor, existingConstructor, {
+		version: prototype.version,
+
+		// Copy the object used to create the prototype in case we need to
+		// redefine the widget later
+		_proto: $.extend( {}, prototype ),
+
+		// Track widgets that inherit from this widget in case this widget is
+		// redefined after a widget inherits from it
+		_childConstructors: []
+	} );
+
+	basePrototype = new base();
+
+	// We need to make the options hash a property directly on the new instance
+	// otherwise we'll modify the options hash on the prototype that we're
+	// inheriting from
+	basePrototype.options = $.widget.extend( {}, basePrototype.options );
+	$.each( prototype, function( prop, value ) {
+		if ( typeof value !== "function" ) {
+			proxiedPrototype[ prop ] = value;
+			return;
+		}
+		proxiedPrototype[ prop ] = ( function() {
+			function _super() {
+				return base.prototype[ prop ].apply( this, arguments );
+			}
+
+			function _superApply( args ) {
+				return base.prototype[ prop ].apply( this, args );
+			}
+
+			return function() {
+				var __super = this._super;
+				var __superApply = this._superApply;
+				var returnValue;
+
+				this._super = _super;
+				this._superApply = _superApply;
+
+				returnValue = value.apply( this, arguments );
+
+				this._super = __super;
+				this._superApply = __superApply;
+
+				return returnValue;
+			};
+		} )();
+	} );
+	constructor.prototype = $.widget.extend( basePrototype, {
+
+		// TODO: remove support for widgetEventPrefix
+		// always use the name + a colon as the prefix, e.g., draggable:start
+		// don't prefix for widgets that aren't DOM-based
+		widgetEventPrefix: existingConstructor ? ( basePrototype.widgetEventPrefix || name ) : name
+	}, proxiedPrototype, {
+		constructor: constructor,
+		namespace: namespace,
+		widgetName: name,
+		widgetFullName: fullName
+	} );
+
+	// If this widget is being redefined then we need to find all widgets that
+	// are inheriting from it and redefine all of them so that they inherit from
+	// the new version of this widget. We're essentially trying to replace one
+	// level in the prototype chain.
+	if ( existingConstructor ) {
+		$.each( existingConstructor._childConstructors, function( i, child ) {
+			var childPrototype = child.prototype;
+
+			// Redefine the child widget using the same prototype that was
+			// originally used, but inherit from the new version of the base
+			$.widget( childPrototype.namespace + "." + childPrototype.widgetName, constructor,
+				child._proto );
+		} );
+
+		// Remove the list of existing child constructors from the old constructor
+		// so the old child constructors can be garbage collected
+		delete existingConstructor._childConstructors;
+	} else {
+		base._childConstructors.push( constructor );
+	}
+
+	$.widget.bridge( name, constructor );
+
+	return constructor;
+};
+
+$.widget.extend = function( target ) {
+	var input = widgetSlice.call( arguments, 1 );
+	var inputIndex = 0;
+	var inputLength = input.length;
+	var key;
+	var value;
+
+	for ( ; inputIndex < inputLength; inputIndex++ ) {
+		for ( key in input[ inputIndex ] ) {
+			value = input[ inputIndex ][ key ];
+			if ( widgetHasOwnProperty.call( input[ inputIndex ], key ) && value !== undefined ) {
+
+				// Clone objects
+				if ( $.isPlainObject( value ) ) {
+					target[ key ] = $.isPlainObject( target[ key ] ) ?
+						$.widget.extend( {}, target[ key ], value ) :
+
+						// Don't extend strings, arrays, etc. with objects
+						$.widget.extend( {}, value );
+
+				// Copy everything else by reference
+				} else {
+					target[ key ] = value;
+				}
+			}
+		}
+	}
+	return target;
+};
+
+$.widget.bridge = function( name, object ) {
+	var fullName = object.prototype.widgetFullName || name;
+	$.fn[ name ] = function( options ) {
+		var isMethodCall = typeof options === "string";
+		var args = widgetSlice.call( arguments, 1 );
+		var returnValue = this;
+
+		if ( isMethodCall ) {
+
+			// If this is an empty collection, we need to have the instance method
+			// return undefined instead of the jQuery instance
+			if ( !this.length && options === "instance" ) {
+				returnValue = undefined;
+			} else {
+				this.each( function() {
+					var methodValue;
+					var instance = $.data( this, fullName );
+
+					if ( options === "instance" ) {
+						returnValue = instance;
+						return false;
+					}
+
+					if ( !instance ) {
+						return $.error( "cannot call methods on " + name +
+							" prior to initialization; " +
+							"attempted to call method '" + options + "'" );
+					}
+
+					if ( typeof instance[ options ] !== "function" ||
+						options.charAt( 0 ) === "_" ) {
+						return $.error( "no such method '" + options + "' for " + name +
+							" widget instance" );
+					}
+
+					methodValue = instance[ options ].apply( instance, args );
+
+					if ( methodValue !== instance && methodValue !== undefined ) {
+						returnValue = methodValue && methodValue.jquery ?
+							returnValue.pushStack( methodValue.get() ) :
+							methodValue;
+						return false;
+					}
+				} );
+			}
+		} else {
+
+			// Allow multiple hashes to be passed on init
+			if ( args.length ) {
+				options = $.widget.extend.apply( null, [ options ].concat( args ) );
+			}
+
+			this.each( function() {
+				var instance = $.data( this, fullName );
+				if ( instance ) {
+					instance.option( options || {} );
+					if ( instance._init ) {
+						instance._init();
+					}
+				} else {
+					$.data( this, fullName, new object( options, this ) );
+				}
+			} );
+		}
+
+		return returnValue;
+	};
+};
+
+$.Widget = $.Widget || function( /* options, element */ ) {};
+$.Widget._childConstructors = [];
+
+$.Widget.prototype = {
+	widgetName: "widget",
+	widgetEventPrefix: "",
+	defaultElement: "<div>",
+
+	options: {
+		classes: {},
+		disabled: false,
+
+		// Callbacks
+		create: null
+	},
+
+	_createWidget: function( options, element ) {
+		element = $( element || this.defaultElement || this )[ 0 ];
+		this.element = $( element );
+		this.uuid = widgetUuid++;
+		this.eventNamespace = "." + this.widgetName + this.uuid;
+
+		this.bindings = $();
+		this.hoverable = $();
+		this.focusable = $();
+		this.classesElementLookup = {};
+
+		if ( element !== this ) {
+			$.data( element, this.widgetFullName, this );
+			this._on( true, this.element, {
+				remove: function( event ) {
+					if ( event.target === element ) {
+						this.destroy();
+					}
+				}
+			} );
+			this.document = $( element.style ?
+
+				// Element within the document
+				element.ownerDocument :
+
+				// Element is window or document
+				element.document || element );
+			this.window = $( this.document[ 0 ].defaultView || this.document[ 0 ].parentWindow );
+		}
+
+		this.options = $.widget.extend( {},
+			this.options,
+			this._getCreateOptions(),
+			options );
+
+		this._create();
+
+		if ( this.options.disabled ) {
+			this._setOptionDisabled( this.options.disabled );
+		}
+
+		this._trigger( "create", null, this._getCreateEventData() );
+		this._init();
+	},
+
+	_getCreateOptions: function() {
+		return {};
+	},
+
+	_getCreateEventData: $.noop,
+
+	_create: $.noop,
+
+	_init: $.noop,
+
+	destroy: function() {
+		var that = this;
+
+		this._destroy();
+		$.each( this.classesElementLookup, function( key, value ) {
+			that._removeClass( value, key );
+		} );
+
+		// We can probably remove the unbind calls in 2.0
+		// all event bindings should go through this._on()
+		this.element
+			.off( this.eventNamespace )
+			.removeData( this.widgetFullName );
+		this.widget()
+			.off( this.eventNamespace )
+			.removeAttr( "aria-disabled" );
+
+		// Clean up events and states
+		this.bindings.off( this.eventNamespace );
+	},
+
+	_destroy: $.noop,
+
+	widget: function() {
+		return this.element;
+	},
+
+	option: function( key, value ) {
+		var options = key;
+		var parts;
+		var curOption;
+		var i;
+
+		if ( arguments.length === 0 ) {
+
+			// Don't return a reference to the internal hash
+			return $.widget.extend( {}, this.options );
+		}
+
+		if ( typeof key === "string" ) {
+
+			// Handle nested keys, e.g., "foo.bar" => { foo: { bar: ___ } }
+			options = {};
+			parts = key.split( "." );
+			key = parts.shift();
+			if ( parts.length ) {
+				curOption = options[ key ] = $.widget.extend( {}, this.options[ key ] );
+				for ( i = 0; i < parts.length - 1; i++ ) {
+					curOption[ parts[ i ] ] = curOption[ parts[ i ] ] || {};
+					curOption = curOption[ parts[ i ] ];
+				}
+				key = parts.pop();
+				if ( arguments.length === 1 ) {
+					return curOption[ key ] === undefined ? null : curOption[ key ];
+				}
+				curOption[ key ] = value;
+			} else {
+				if ( arguments.length === 1 ) {
+					return this.options[ key ] === undefined ? null : this.options[ key ];
+				}
+				options[ key ] = value;
+			}
+		}
+
+		this._setOptions( options );
+
+		return this;
+	},
+
+	_setOptions: function( options ) {
+		var key;
+
+		for ( key in options ) {
+			this._setOption( key, options[ key ] );
+		}
+
+		return this;
+	},
+
+	_setOption: function( key, value ) {
+		if ( key === "classes" ) {
+			this._setOptionClasses( value );
+		}
+
+		this.options[ key ] = value;
+
+		if ( key === "disabled" ) {
+			this._setOptionDisabled( value );
+		}
+
+		return this;
+	},
+
+	_setOptionClasses: function( value ) {
+		var classKey, elements, currentElements;
+
+		for ( classKey in value ) {
+			currentElements = this.classesElementLookup[ classKey ];
+			if ( value[ classKey ] === this.options.classes[ classKey ] ||
+					!currentElements ||
+					!currentElements.length ) {
+				continue;
+			}
+
+			// We are doing this to create a new jQuery object because the _removeClass() call
+			// on the next line is going to destroy the reference to the current elements being
+			// tracked. We need to save a copy of this collection so that we can add the new classes
+			// below.
+			elements = $( currentElements.get() );
+			this._removeClass( currentElements, classKey );
+
+			// We don't use _addClass() here, because that uses this.options.classes
+			// for generating the string of classes. We want to use the value passed in from
+			// _setOption(), this is the new value of the classes option which was passed to
+			// _setOption(). We pass this value directly to _classes().
+			elements.addClass( this._classes( {
+				element: elements,
+				keys: classKey,
+				classes: value,
+				add: true
+			} ) );
+		}
+	},
+
+	_setOptionDisabled: function( value ) {
+		this._toggleClass( this.widget(), this.widgetFullName + "-disabled", null, !!value );
+
+		// If the widget is becoming disabled, then nothing is interactive
+		if ( value ) {
+			this._removeClass( this.hoverable, null, "ui-state-hover" );
+			this._removeClass( this.focusable, null, "ui-state-focus" );
+		}
+	},
+
+	enable: function() {
+		return this._setOptions( { disabled: false } );
+	},
+
+	disable: function() {
+		return this._setOptions( { disabled: true } );
+	},
+
+	_classes: function( options ) {
+		var full = [];
+		var that = this;
+
+		options = $.extend( {
+			element: this.element,
+			classes: this.options.classes || {}
+		}, options );
+
+		function bindRemoveEvent() {
+			options.element.each( function( _, element ) {
+				var isTracked = $.map( that.classesElementLookup, function( elements ) {
+					return elements;
+				} )
+					.some( function( elements ) {
+						return elements.is( element );
+					} );
+
+				if ( !isTracked ) {
+					that._on( $( element ), {
+						remove: "_untrackClassesElement"
+					} );
+				}
+			} );
+		}
+
+		function processClassString( classes, checkOption ) {
+			var current, i;
+			for ( i = 0; i < classes.length; i++ ) {
+				current = that.classesElementLookup[ classes[ i ] ] || $();
+				if ( options.add ) {
+					bindRemoveEvent();
+					current = $( $.uniqueSort( current.get().concat( options.element.get() ) ) );
+				} else {
+					current = $( current.not( options.element ).get() );
+				}
+				that.classesElementLookup[ classes[ i ] ] = current;
+				full.push( classes[ i ] );
+				if ( checkOption && options.classes[ classes[ i ] ] ) {
+					full.push( options.classes[ classes[ i ] ] );
+				}
+			}
+		}
+
+		if ( options.keys ) {
+			processClassString( options.keys.match( /\S+/g ) || [], true );
+		}
+		if ( options.extra ) {
+			processClassString( options.extra.match( /\S+/g ) || [] );
+		}
+
+		return full.join( " " );
+	},
+
+	_untrackClassesElement: function( event ) {
+		var that = this;
+		$.each( that.classesElementLookup, function( key, value ) {
+			if ( $.inArray( event.target, value ) !== -1 ) {
+				that.classesElementLookup[ key ] = $( value.not( event.target ).get() );
+			}
+		} );
+
+		this._off( $( event.target ) );
+	},
+
+	_removeClass: function( element, keys, extra ) {
+		return this._toggleClass( element, keys, extra, false );
+	},
+
+	_addClass: function( element, keys, extra ) {
+		return this._toggleClass( element, keys, extra, true );
+	},
+
+	_toggleClass: function( element, keys, extra, add ) {
+		add = ( typeof add === "boolean" ) ? add : extra;
+		var shift = ( typeof element === "string" || element === null ),
+			options = {
+				extra: shift ? keys : extra,
+				keys: shift ? element : keys,
+				element: shift ? this.element : element,
+				add: add
+			};
+		options.element.toggleClass( this._classes( options ), add );
+		return this;
+	},
+
+	_on: function( suppressDisabledCheck, element, handlers ) {
+		var delegateElement;
+		var instance = this;
+
+		// No suppressDisabledCheck flag, shuffle arguments
+		if ( typeof suppressDisabledCheck !== "boolean" ) {
+			handlers = element;
+			element = suppressDisabledCheck;
+			suppressDisabledCheck = false;
+		}
+
+		// No element argument, shuffle and use this.element
+		if ( !handlers ) {
+			handlers = element;
+			element = this.element;
+			delegateElement = this.widget();
+		} else {
+			element = delegateElement = $( element );
+			this.bindings = this.bindings.add( element );
+		}
+
+		$.each( handlers, function( event, handler ) {
+			function handlerProxy() {
+
+				// Allow widgets to customize the disabled handling
+				// - disabled as an array instead of boolean
+				// - disabled class as method for disabling individual parts
+				if ( !suppressDisabledCheck &&
+						( instance.options.disabled === true ||
+						$( this ).hasClass( "ui-state-disabled" ) ) ) {
+					return;
+				}
+				return ( typeof handler === "string" ? instance[ handler ] : handler )
+					.apply( instance, arguments );
+			}
+
+			// Copy the guid so direct unbinding works
+			if ( typeof handler !== "string" ) {
+				handlerProxy.guid = handler.guid =
+					handler.guid || handlerProxy.guid || $.guid++;
+			}
+
+			var match = event.match( /^([\w:-]*)\s*(.*)$/ );
+			var eventName = match[ 1 ] + instance.eventNamespace;
+			var selector = match[ 2 ];
+
+			if ( selector ) {
+				delegateElement.on( eventName, selector, handlerProxy );
+			} else {
+				element.on( eventName, handlerProxy );
+			}
+		} );
+	},
+
+	_off: function( element, eventName ) {
+		eventName = ( eventName || "" ).split( " " ).join( this.eventNamespace + " " ) +
+			this.eventNamespace;
+		element.off( eventName );
+
+		// Clear the stack to avoid memory leaks (#10056)
+		this.bindings = $( this.bindings.not( element ).get() );
+		this.focusable = $( this.focusable.not( element ).get() );
+		this.hoverable = $( this.hoverable.not( element ).get() );
+	},
+
+	_delay: function( handler, delay ) {
+		function handlerProxy() {
+			return ( typeof handler === "string" ? instance[ handler ] : handler )
+				.apply( instance, arguments );
+		}
+		var instance = this;
+		return setTimeout( handlerProxy, delay || 0 );
+	},
+
+	_hoverable: function( element ) {
+		this.hoverable = this.hoverable.add( element );
+		this._on( element, {
+			mouseenter: function( event ) {
+				this._addClass( $( event.currentTarget ), null, "ui-state-hover" );
+			},
+			mouseleave: function( event ) {
+				this._removeClass( $( event.currentTarget ), null, "ui-state-hover" );
+			}
+		} );
+	},
+
+	_focusable: function( element ) {
+		this.focusable = this.focusable.add( element );
+		this._on( element, {
+			focusin: function( event ) {
+				this._addClass( $( event.currentTarget ), null, "ui-state-focus" );
+			},
+			focusout: function( event ) {
+				this._removeClass( $( event.currentTarget ), null, "ui-state-focus" );
+			}
+		} );
+	},
+
+	_trigger: function( type, event, data ) {
+		var prop, orig;
+		var callback = this.options[ type ];
+
+		data = data || {};
+		event = $.Event( event );
+		event.type = ( type === this.widgetEventPrefix ?
+			type :
+			this.widgetEventPrefix + type ).toLowerCase();
+
+		// The original event may come from any element
+		// so we need to reset the target on the new event
+		event.target = this.element[ 0 ];
+
+		// Copy original event properties over to the new event
+		orig = event.originalEvent;
+		if ( orig ) {
+			for ( prop in orig ) {
+				if ( !( prop in event ) ) {
+					event[ prop ] = orig[ prop ];
+				}
+			}
+		}
+
+		this.element.trigger( event, data );
+		return !( typeof callback === "function" &&
+			callback.apply( this.element[ 0 ], [ event ].concat( data ) ) === false ||
+			event.isDefaultPrevented() );
+	}
+};
+
+$.each( { show: "fadeIn", hide: "fadeOut" }, function( method, defaultEffect ) {
+	$.Widget.prototype[ "_" + method ] = function( element, options, callback ) {
+		if ( typeof options === "string" ) {
+			options = { effect: options };
+		}
+
+		var hasOptions;
+		var effectName = !options ?
+			method :
+			options === true || typeof options === "number" ?
+				defaultEffect :
+				options.effect || defaultEffect;
+
+		options = options || {};
+		if ( typeof options === "number" ) {
+			options = { duration: options };
+		} else if ( options === true ) {
+			options = {};
+		}
+
+		hasOptions = !$.isEmptyObject( options );
+		options.complete = callback;
+
+		if ( options.delay ) {
+			element.delay( options.delay );
+		}
+
+		if ( hasOptions && $.effects && $.effects.effect[ effectName ] ) {
+			element[ method ]( options );
+		} else if ( effectName !== method && element[ effectName ] ) {
+			element[ effectName ]( options.duration, options.easing, callback );
+		} else {
+			element.queue( function( next ) {
+				$( this )[ method ]();
+				if ( callback ) {
+					callback.call( element[ 0 ] );
+				}
+				next();
+			} );
+		}
+	};
+} );
+
+var widget = $.widget;
+
+
+/*!
+ * jQuery UI Position 1.13.0
+ * http://jqueryui.com
+ *
+ * Copyright jQuery Foundation and other contributors
+ * Released under the MIT license.
+ * http://jquery.org/license
+ *
+ * http://api.jqueryui.com/position/
+ */
+
+//>>label: Position
+//>>group: Core
+//>>description: Positions elements relative to other elements.
+//>>docs: http://api.jqueryui.com/position/
+//>>demos: http://jqueryui.com/position/
+
+
+( function() {
+var cachedScrollbarWidth,
+	max = Math.max,
+	abs = Math.abs,
+	rhorizontal = /left|center|right/,
+	rvertical = /top|center|bottom/,
+	roffset = /[\+\-]\d+(\.[\d]+)?%?/,
+	rposition = /^\w+/,
+	rpercent = /%$/,
+	_position = $.fn.position;
+
+function getOffsets( offsets, width, height ) {
+	return [
+		parseFloat( offsets[ 0 ] ) * ( rpercent.test( offsets[ 0 ] ) ? width / 100 : 1 ),
+		parseFloat( offsets[ 1 ] ) * ( rpercent.test( offsets[ 1 ] ) ? height / 100 : 1 )
+	];
+}
+
+function parseCss( element, property ) {
+	return parseInt( $.css( element, property ), 10 ) || 0;
+}
+
+function isWindow( obj ) {
+	return obj != null && obj === obj.window;
+}
+
+function getDimensions( elem ) {
+	var raw = elem[ 0 ];
+	if ( raw.nodeType === 9 ) {
+		return {
+			width: elem.width(),
+			height: elem.height(),
+			offset: { top: 0, left: 0 }
+		};
+	}
+	if ( isWindow( raw ) ) {
+		return {
+			width: elem.width(),
+			height: elem.height(),
+			offset: { top: elem.scrollTop(), left: elem.scrollLeft() }
+		};
+	}
+	if ( raw.preventDefault ) {
+		return {
+			width: 0,
+			height: 0,
+			offset: { top: raw.pageY, left: raw.pageX }
+		};
+	}
+	return {
+		width: elem.outerWidth(),
+		height: elem.outerHeight(),
+		offset: elem.offset()
+	};
+}
+
+$.position = $.position || {
+	scrollbarWidth: function() {
+		if ( cachedScrollbarWidth !== undefined ) {
+			return cachedScrollbarWidth;
+		}
+		var w1, w2,
+			div = $( "<div style=" +
+				"'display:block;position:absolute;width:200px;height:200px;overflow:hidden;'>" +
+				"<div style='height:300px;width:auto;'></div></div>" ),
+			innerDiv = div.children()[ 0 ];
+
+		$( "body" ).append( div );
+		w1 = innerDiv.offsetWidth;
+		div.css( "overflow", "scroll" );
+
+		w2 = innerDiv.offsetWidth;
+
+		if ( w1 === w2 ) {
+			w2 = div[ 0 ].clientWidth;
+		}
+
+		div.remove();
+
+		return ( cachedScrollbarWidth = w1 - w2 );
+	},
+	getScrollInfo: function( within ) {
+		var overflowX = within.isWindow || within.isDocument ? "" :
+				within.element.css( "overflow-x" ),
+			overflowY = within.isWindow || within.isDocument ? "" :
+				within.element.css( "overflow-y" ),
+			hasOverflowX = overflowX === "scroll" ||
+				( overflowX === "auto" && within.width < within.element[ 0 ].scrollWidth ),
+			hasOverflowY = overflowY === "scroll" ||
+				( overflowY === "auto" && within.height < within.element[ 0 ].scrollHeight );
+		return {
+			width: hasOverflowY ? $.position.scrollbarWidth() : 0,
+			height: hasOverflowX ? $.position.scrollbarWidth() : 0
+		};
+	},
+	getWithinInfo: function( element ) {
+		var withinElement = $( element || window ),
+			isElemWindow = isWindow( withinElement[ 0 ] ),
+			isDocument = !!withinElement[ 0 ] && withinElement[ 0 ].nodeType === 9,
+			hasOffset = !isElemWindow && !isDocument;
+		return {
+			element: withinElement,
+			isWindow: isElemWindow,
+			isDocument: isDocument,
+			offset: hasOffset ? $( element ).offset() : { left: 0, top: 0 },
+			scrollLeft: withinElement.scrollLeft(),
+			scrollTop: withinElement.scrollTop(),
+			width: withinElement.outerWidth(),
+			height: withinElement.outerHeight()
+		};
+	}
+};
+
+$.fn.position = function( options ) {
+	if ( !options || !options.of ) {
+		return _position.apply( this, arguments );
+	}
+
+	// Make a copy, we don't want to modify arguments
+	options = $.extend( {}, options );
+
+	var atOffset, targetWidth, targetHeight, targetOffset, basePosition, dimensions,
+
+		// Make sure string options are treated as CSS selectors
+		target = typeof options.of === "string" ?
+			$( document ).find( options.of ) :
+			$( options.of ),
+
+		within = $.position.getWithinInfo( options.within ),
+		scrollInfo = $.position.getScrollInfo( within ),
+		collision = ( options.collision || "flip" ).split( " " ),
+		offsets = {};
+
+	dimensions = getDimensions( target );
+	if ( target[ 0 ].preventDefault ) {
+
+		// Force left top to allow flipping
+		options.at = "left top";
+	}
+	targetWidth = dimensions.width;
+	targetHeight = dimensions.height;
+	targetOffset = dimensions.offset;
+
+	// Clone to reuse original targetOffset later
+	basePosition = $.extend( {}, targetOffset );
+
+	// Force my and at to have valid horizontal and vertical positions
+	// if a value is missing or invalid, it will be converted to center
+	$.each( [ "my", "at" ], function() {
+		var pos = ( options[ this ] || "" ).split( " " ),
+			horizontalOffset,
+			verticalOffset;
+
+		if ( pos.length === 1 ) {
+			pos = rhorizontal.test( pos[ 0 ] ) ?
+				pos.concat( [ "center" ] ) :
+				rvertical.test( pos[ 0 ] ) ?
+					[ "center" ].concat( pos ) :
+					[ "center", "center" ];
+		}
+		pos[ 0 ] = rhorizontal.test( pos[ 0 ] ) ? pos[ 0 ] : "center";
+		pos[ 1 ] = rvertical.test( pos[ 1 ] ) ? pos[ 1 ] : "center";
+
+		// Calculate offsets
+		horizontalOffset = roffset.exec( pos[ 0 ] );
+		verticalOffset = roffset.exec( pos[ 1 ] );
+		offsets[ this ] = [
+			horizontalOffset ? horizontalOffset[ 0 ] : 0,
+			verticalOffset ? verticalOffset[ 0 ] : 0
+		];
+
+		// Reduce to just the positions without the offsets
+		options[ this ] = [
+			rposition.exec( pos[ 0 ] )[ 0 ],
+			rposition.exec( pos[ 1 ] )[ 0 ]
+		];
+	} );
+
+	// Normalize collision option
+	if ( collision.length === 1 ) {
+		collision[ 1 ] = collision[ 0 ];
+	}
+
+	if ( options.at[ 0 ] === "right" ) {
+		basePosition.left += targetWidth;
+	} else if ( options.at[ 0 ] === "center" ) {
+		basePosition.left += targetWidth / 2;
+	}
+
+	if ( options.at[ 1 ] === "bottom" ) {
+		basePosition.top += targetHeight;
+	} else if ( options.at[ 1 ] === "center" ) {
+		basePosition.top += targetHeight / 2;
+	}
+
+	atOffset = getOffsets( offsets.at, targetWidth, targetHeight );
+	basePosition.left += atOffset[ 0 ];
+	basePosition.top += atOffset[ 1 ];
+
+	return this.each( function() {
+		var collisionPosition, using,
+			elem = $( this ),
+			elemWidth = elem.outerWidth(),
+			elemHeight = elem.outerHeight(),
+			marginLeft = parseCss( this, "marginLeft" ),
+			marginTop = parseCss( this, "marginTop" ),
+			collisionWidth = elemWidth + marginLeft + parseCss( this, "marginRight" ) +
+				scrollInfo.width,
+			collisionHeight = elemHeight + marginTop + parseCss( this, "marginBottom" ) +
+				scrollInfo.height,
+			position = $.extend( {}, basePosition ),
+			myOffset = getOffsets( offsets.my, elem.outerWidth(), elem.outerHeight() );
+
+		if ( options.my[ 0 ] === "right" ) {
+			position.left -= elemWidth;
+		} else if ( options.my[ 0 ] === "center" ) {
+			position.left -= elemWidth / 2;
+		}
+
+		if ( options.my[ 1 ] === "bottom" ) {
+			position.top -= elemHeight;
+		} else if ( options.my[ 1 ] === "center" ) {
+			position.top -= elemHeight / 2;
+		}
+
+		position.left += myOffset[ 0 ];
+		position.top += myOffset[ 1 ];
+
+		collisionPosition = {
+			marginLeft: marginLeft,
+			marginTop: marginTop
+		};
+
+		$.each( [ "left", "top" ], function( i, dir ) {
+			if ( $.ui.position[ collision[ i ] ] ) {
+				$.ui.position[ collision[ i ] ][ dir ]( position, {
+					targetWidth: targetWidth,
+					targetHeight: targetHeight,
+					elemWidth: elemWidth,
+					elemHeight: elemHeight,
+					collisionPosition: collisionPosition,
+					collisionWidth: collisionWidth,
+					collisionHeight: collisionHeight,
+					offset: [ atOffset[ 0 ] + myOffset[ 0 ], atOffset [ 1 ] + myOffset[ 1 ] ],
+					my: options.my,
+					at: options.at,
+					within: within,
+					elem: elem
+				} );
+			}
+		} );
+
+		if ( options.using ) {
+
+			// Adds feedback as second argument to using callback, if present
+			using = function( props ) {
+				var left = targetOffset.left - position.left,
+					right = left + targetWidth - elemWidth,
+					top = targetOffset.top - position.top,
+					bottom = top + targetHeight - elemHeight,
+					feedback = {
+						target: {
+							element: target,
+							left: targetOffset.left,
+							top: targetOffset.top,
+							width: targetWidth,
+							height: targetHeight
+						},
+						element: {
+							element: elem,
+							left: position.left,
+							top: position.top,
+							width: elemWidth,
+							height: elemHeight
+						},
+						horizontal: right < 0 ? "left" : left > 0 ? "right" : "center",
+						vertical: bottom < 0 ? "top" : top > 0 ? "bottom" : "middle"
+					};
+				if ( targetWidth < elemWidth && abs( left + right ) < targetWidth ) {
+					feedback.horizontal = "center";
+				}
+				if ( targetHeight < elemHeight && abs( top + bottom ) < targetHeight ) {
+					feedback.vertical = "middle";
+				}
+				if ( max( abs( left ), abs( right ) ) > max( abs( top ), abs( bottom ) ) ) {
+					feedback.important = "horizontal";
+				} else {
+					feedback.important = "vertical";
+				}
+				options.using.call( this, props, feedback );
+			};
+		}
+
+		elem.offset( $.extend( position, { using: using } ) );
+	} );
+};
+
+$.ui.position = {
+	fit: {
+		left: function( position, data ) {
+			var within = data.within,
+				withinOffset = within.isWindow ? within.scrollLeft : within.offset.left,
+				outerWidth = within.width,
+				collisionPosLeft = position.left - data.collisionPosition.marginLeft,
+				overLeft = withinOffset - collisionPosLeft,
+				overRight = collisionPosLeft + data.collisionWidth - outerWidth - withinOffset,
+				newOverRight;
+
+			// Element is wider than within
+			if ( data.collisionWidth > outerWidth ) {
+
+				// Element is initially over the left side of within
+				if ( overLeft > 0 && overRight <= 0 ) {
+					newOverRight = position.left + overLeft + data.collisionWidth - outerWidth -
+						withinOffset;
+					position.left += overLeft - newOverRight;
+
+				// Element is initially over right side of within
+				} else if ( overRight > 0 && overLeft <= 0 ) {
+					position.left = withinOffset;
+
+				// Element is initially over both left and right sides of within
+				} else {
+					if ( overLeft > overRight ) {
+						position.left = withinOffset + outerWidth - data.collisionWidth;
+					} else {
+						position.left = withinOffset;
+					}
+				}
+
+			// Too far left -> align with left edge
+			} else if ( overLeft > 0 ) {
+				position.left += overLeft;
+
+			// Too far right -> align with right edge
+			} else if ( overRight > 0 ) {
+				position.left -= overRight;
+
+			// Adjust based on position and margin
+			} else {
+				position.left = max( position.left - collisionPosLeft, position.left );
+			}
+		},
+		top: function( position, data ) {
+			var within = data.within,
+				withinOffset = within.isWindow ? within.scrollTop : within.offset.top,
+				outerHeight = data.within.height,
+				collisionPosTop = position.top - data.collisionPosition.marginTop,
+				overTop = withinOffset - collisionPosTop,
+				overBottom = collisionPosTop + data.collisionHeight - outerHeight - withinOffset,
+				newOverBottom;
+
+			// Element is taller than within
+			if ( data.collisionHeight > outerHeight ) {
+
+				// Element is initially over the top of within
+				if ( overTop > 0 && overBottom <= 0 ) {
+					newOverBottom = position.top + overTop + data.collisionHeight - outerHeight -
+						withinOffset;
+					position.top += overTop - newOverBottom;
+
+				// Element is initially over bottom of within
+				} else if ( overBottom > 0 && overTop <= 0 ) {
+					position.top = withinOffset;
+
+				// Element is initially over both top and bottom of within
+				} else {
+					if ( overTop > overBottom ) {
+						position.top = withinOffset + outerHeight - data.collisionHeight;
+					} else {
+						position.top = withinOffset;
+					}
+				}
+
+			// Too far up -> align with top
+			} else if ( overTop > 0 ) {
+				position.top += overTop;
+
+			// Too far down -> align with bottom edge
+			} else if ( overBottom > 0 ) {
+				position.top -= overBottom;
+
+			// Adjust based on position and margin
+			} else {
+				position.top = max( position.top - collisionPosTop, position.top );
+			}
+		}
+	},
+	flip: {
+		left: function( position, data ) {
+			var within = data.within,
+				withinOffset = within.offset.left + within.scrollLeft,
+				outerWidth = within.width,
+				offsetLeft = within.isWindow ? within.scrollLeft : within.offset.left,
+				collisionPosLeft = position.left - data.collisionPosition.marginLeft,
+				overLeft = collisionPosLeft - offsetLeft,
+				overRight = collisionPosLeft + data.collisionWidth - outerWidth - offsetLeft,
+				myOffset = data.my[ 0 ] === "left" ?
+					-data.elemWidth :
+					data.my[ 0 ] === "right" ?
+						data.elemWidth :
+						0,
+				atOffset = data.at[ 0 ] === "left" ?
+					data.targetWidth :
+					data.at[ 0 ] === "right" ?
+						-data.targetWidth :
+						0,
+				offset = -2 * data.offset[ 0 ],
+				newOverRight,
+				newOverLeft;
+
+			if ( overLeft < 0 ) {
+				newOverRight = position.left + myOffset + atOffset + offset + data.collisionWidth -
+					outerWidth - withinOffset;
+				if ( newOverRight < 0 || newOverRight < abs( overLeft ) ) {
+					position.left += myOffset + atOffset + offset;
+				}
+			} else if ( overRight > 0 ) {
+				newOverLeft = position.left - data.collisionPosition.marginLeft + myOffset +
+					atOffset + offset - offsetLeft;
+				if ( newOverLeft > 0 || abs( newOverLeft ) < overRight ) {
+					position.left += myOffset + atOffset + offset;
+				}
+			}
+		},
+		top: function( position, data ) {
+			var within = data.within,
+				withinOffset = within.offset.top + within.scrollTop,
+				outerHeight = within.height,
+				offsetTop = within.isWindow ? within.scrollTop : within.offset.top,
+				collisionPosTop = position.top - data.collisionPosition.marginTop,
+				overTop = collisionPosTop - offsetTop,
+				overBottom = collisionPosTop + data.collisionHeight - outerHeight - offsetTop,
+				top = data.my[ 1 ] === "top",
+				myOffset = top ?
+					-data.elemHeight :
+					data.my[ 1 ] === "bottom" ?
+						data.elemHeight :
+						0,
+				atOffset = data.at[ 1 ] === "top" ?
+					data.targetHeight :
+					data.at[ 1 ] === "bottom" ?
+						-data.targetHeight :
+						0,
+				offset = -2 * data.offset[ 1 ],
+				newOverTop,
+				newOverBottom;
+			if ( overTop < 0 ) {
+				newOverBottom = position.top + myOffset + atOffset + offset + data.collisionHeight -
+					outerHeight - withinOffset;
+				if ( newOverBottom < 0 || newOverBottom < abs( overTop ) ) {
+					position.top += myOffset + atOffset + offset;
+				}
+			} else if ( overBottom > 0 ) {
+				newOverTop = position.top - data.collisionPosition.marginTop + myOffset + atOffset +
+					offset - offsetTop;
+				if ( newOverTop > 0 || abs( newOverTop ) < overBottom ) {
+					position.top += myOffset + atOffset + offset;
+				}
+			}
+		}
+	},
+	flipfit: {
+		left: function() {
+			$.ui.position.flip.left.apply( this, arguments );
+			$.ui.position.fit.left.apply( this, arguments );
+		},
+		top: function() {
+			$.ui.position.flip.top.apply( this, arguments );
+			$.ui.position.fit.top.apply( this, arguments );
+		}
+	}
+};
+
+} )();
+
+var position = $.ui.position;
+
+
+/*!
+ * jQuery UI Support for jQuery core 1.8.x and newer 1.13.0
+ * http://jqueryui.com
+ *
+ * Copyright jQuery Foundation and other contributors
+ * Released under the MIT license.
+ * http://jquery.org/license
+ *
+ */
+
+//>>label: jQuery 1.8+ Support
+//>>group: Core
+//>>description: Support version 1.8.x and newer of jQuery core
+
+
+// Support: jQuery 1.9.x or older
+// $.expr[ ":" ] is deprecated.
+if ( !$.expr.pseudos ) {
+	$.expr.pseudos = $.expr[ ":" ];
+}
+
+// Support: jQuery 1.11.x or older
+// $.unique has been renamed to $.uniqueSort
+if ( !$.uniqueSort ) {
+	$.uniqueSort = $.unique;
+}
+
+// Support: jQuery 2.2.x or older.
+// This method has been defined in jQuery 3.0.0.
+// Code from https://github.com/jquery/jquery/blob/e539bac79e666bba95bba86d690b4e609dca2286/src/selector/escapeSelector.js
+if ( !$.escapeSelector ) {
+
+	// CSS string/identifier serialization
+	// https://drafts.csswg.org/cssom/#common-serializing-idioms
+	var rcssescape = /([\0-\x1f\x7f]|^-?\d)|^-$|[^\x80-\uFFFF\w-]/g;
+
+	var fcssescape = function( ch, asCodePoint ) {
+		if ( asCodePoint ) {
+
+			// U+0000 NULL becomes U+FFFD REPLACEMENT CHARACTER
+			if ( ch === "\0" ) {
+				return "\uFFFD";
+			}
+
+			// Control characters and (dependent upon position) numbers get escaped as code points
+			return ch.slice( 0, -1 ) + "\\" + ch.charCodeAt( ch.length - 1 ).toString( 16 ) + " ";
+		}
+
+		// Other potentially-special ASCII characters get backslash-escaped
+		return "\\" + ch;
+	};
+
+	$.escapeSelector = function( sel ) {
+		return ( sel + "" ).replace( rcssescape, fcssescape );
+	};
+}
+
+// Support: jQuery 3.4.x or older
+// These methods have been defined in jQuery 3.5.0.
+if ( !$.fn.even || !$.fn.odd ) {
+	$.fn.extend( {
+		even: function() {
+			return this.filter( function( i ) {
+				return i % 2 === 0;
+			} );
+		},
+		odd: function() {
+			return this.filter( function( i ) {
+				return i % 2 === 1;
+			} );
+		}
+	} );
+}
+
+;
+/*!
+ * jQuery UI Keycode 1.13.0
+ * http://jqueryui.com
+ *
+ * Copyright jQuery Foundation and other contributors
+ * Released under the MIT license.
+ * http://jquery.org/license
+ */
+
+//>>label: Keycode
+//>>group: Core
+//>>description: Provide keycodes as keynames
+//>>docs: http://api.jqueryui.com/jQuery.ui.keyCode/
+
+
+var keycode = $.ui.keyCode = {
+	BACKSPACE: 8,
+	COMMA: 188,
+	DELETE: 46,
+	DOWN: 40,
+	END: 35,
+	ENTER: 13,
+	ESCAPE: 27,
+	HOME: 36,
+	LEFT: 37,
+	PAGE_DOWN: 34,
+	PAGE_UP: 33,
+	PERIOD: 190,
+	RIGHT: 39,
+	SPACE: 32,
+	TAB: 9,
+	UP: 38
+};
+
+
+/*!
+ * jQuery UI Scroll Parent 1.13.0
+ * http://jqueryui.com
+ *
+ * Copyright jQuery Foundation and other contributors
+ * Released under the MIT license.
+ * http://jquery.org/license
+ */
+
+//>>label: scrollParent
+//>>group: Core
+//>>description: Get the closest ancestor element that is scrollable.
+//>>docs: http://api.jqueryui.com/scrollParent/
+
+
+var scrollParent = $.fn.scrollParent = function( includeHidden ) {
+	var position = this.css( "position" ),
+		excludeStaticParent = position === "absolute",
+		overflowRegex = includeHidden ? /(auto|scroll|hidden)/ : /(auto|scroll)/,
+		scrollParent = this.parents().filter( function() {
+			var parent = $( this );
+			if ( excludeStaticParent && parent.css( "position" ) === "static" ) {
+				return false;
+			}
+			return overflowRegex.test( parent.css( "overflow" ) + parent.css( "overflow-y" ) +
+				parent.css( "overflow-x" ) );
+		} ).eq( 0 );
+
+	return position === "fixed" || !scrollParent.length ?
+		$( this[ 0 ].ownerDocument || document ) :
+		scrollParent;
+};
+
+
+/*!
+ * jQuery UI Unique ID 1.13.0
+ * http://jqueryui.com
+ *
+ * Copyright jQuery Foundation and other contributors
+ * Released under the MIT license.
+ * http://jquery.org/license
+ */
+
+//>>label: uniqueId
+//>>group: Core
+//>>description: Functions to generate and remove uniqueId's
+//>>docs: http://api.jqueryui.com/uniqueId/
+
+
+var uniqueId = $.fn.extend( {
+	uniqueId: ( function() {
+		var uuid = 0;
+
+		return function() {
+			return this.each( function() {
+				if ( !this.id ) {
+					this.id = "ui-id-" + ( ++uuid );
+				}
+			} );
+		};
+	} )(),
+
+	removeUniqueId: function() {
+		return this.each( function() {
+			if ( /^ui-id-\d+$/.test( this.id ) ) {
+				$( this ).removeAttr( "id" );
+			}
+		} );
+	}
+} );
+
+
+
+
+} );
diff --git a/public/js/viewtree/modules/jquery.fancytree.wide.js b/public/js/viewtree/modules/jquery.fancytree.wide.js
new file mode 100644
index 0000000..c6973c2
--- /dev/null
+++ b/public/js/viewtree/modules/jquery.fancytree.wide.js
@@ -0,0 +1,257 @@
+/*!
+ * jquery.fancytree.wide.js
+ * Support for 100% wide selection bars.
+ * (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.2
+ * @date 2022-06-30T18:24:06Z
+ */
+
+(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";
+
+	var reNumUnit = /^([+-]?(?:\d+|\d*\.\d+))([a-z]*|%)$/; // split "1.5em" to ["1.5", "em"]
+
+	/*******************************************************************************
+	 * Private functions and variables
+	 */
+	// var _assert = $.ui.fancytree.assert;
+
+	/* 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.38.2",
+		// 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;
+
+			// 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
+				);
+				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
diff --git a/public/js/viewtree/skin-awesome/ui.fancytree.css b/public/js/viewtree/skin-awesome/ui.fancytree.css
new file mode 100644
index 0000000..bef3c1e
--- /dev/null
+++ b/public/js/viewtree/skin-awesome/ui.fancytree.css
@@ -0,0 +1,588 @@
+/*!
+ * Fancytree "awesome" skin.
+ *
+ * DON'T EDIT THE CSS FILE DIRECTLY, since it is automatically generated from
+ * the LESS templates.
+ */
+/*******************************************************************************
+ * Common Styles for Fancytree Skins.
+ *
+ * This section is automatically generated from the `skin-common.less` template.
+ *
+ * Copyright (c) 2008-2021, Martin Wendt (https://wwWendt.de)
+ * Released under the MIT license
+ * https://github.com/mar10/fancytree/wiki/LicenseInfo
+ *
+ * @version 2.38.2
+ * @date 2022-06-30T18:24:06Z
+******************************************************************************/
+/*------------------------------------------------------------------------------
+ * Helpers
+ *----------------------------------------------------------------------------*/
+.fancytree-helper-hidden {
+  display: none;
+}
+.fancytree-helper-indeterminate-cb {
+  color: #777;
+}
+.fancytree-helper-disabled {
+  color: silver;
+}
+/* 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 10pt;
+  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: 0pt 0pt;
+  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-awesome/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: 10pt;
+  height: 10pt;
+  display: inline-block;
+  vertical-align: top;
+  background-repeat: no-repeat;
+  background-position: 0pt 0pt;
+}
+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: 10pt;
+  height: 10pt;
+  display: inline-block;
+  margin-left: 3px;
+  background-position: 0pt 0pt;
+}
+/* Used by 'icon' node option: */
+img.fancytree-icon {
+  width: 10pt;
+  height: 10pt;
+  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 {
+  margin-top: 0;
+}
+/* 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;
+}
+.fancytree-unselectable span.fancytree-checkbox {
+  opacity: 0.4;
+  filter: alpha(opacity=40);
+}
+.fancytree-container.fancytree-checkbox-auto-hide span.fancytree-checkbox {
+  visibility: hidden;
+}
+.fancytree-container.fancytree-checkbox-auto-hide .fancytree-node:hover span.fancytree-checkbox,
+.fancytree-container.fancytree-checkbox-auto-hide tr:hover td span.fancytree-checkbox,
+.fancytree-container.fancytree-checkbox-auto-hide .fancytree-node.fancytree-selected span.fancytree-checkbox,
+.fancytree-container.fancytree-checkbox-auto-hide tr.fancytree-selected td span.fancytree-checkbox {
+  visibility: unset;
+}
+.fancytree-container.fancytree-checkbox-auto-hide.fancytree-treefocus .fancytree-node.fancytree-active span.fancytree-checkbox,
+.fancytree-container.fancytree-checkbox-auto-hide.fancytree-treefocus tr.fancytree-active td span.fancytree-checkbox {
+  visibility: unset;
+}
+/*------------------------------------------------------------------------------
+ * 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;
+}
+/* Documents */
+/* Folders */
+.fancytree-loading span.fancytree-expander,
+.fancytree-loading span.fancytree-expander:hover,
+.fancytree-statusnode-loading span.fancytree-icon,
+.fancytree-statusnode-loading span.fancytree-icon:hover,
+span.fancytree-icon.fancytree-icon-loading {
+  background-image: none;
+}
+/* Status node icons */
+/*------------------------------------------------------------------------------
+ * Node titles and highlighting
+ *----------------------------------------------------------------------------*/
+span.fancytree-node {
+  /* See #117 */
+  display: inherit;
+  width: 100%;
+  margin-top: 1px;
+  min-height: 10pt;
+}
+span.fancytree-title {
+  color: #000;
+  cursor: pointer;
+  display: inline-block;
+  vertical-align: top;
+  min-height: 10pt;
+  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;
+}
+/*** Drop marker icon *********************************************************/
+#fancytree-drop-marker {
+  width: 20pt;
+  position: absolute;
+  margin: 0;
+}
+#fancytree-drop-marker.fancytree-drop-after,
+#fancytree-drop-marker.fancytree-drop-before {
+  width: 40pt;
+}
+/*** 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 .fancytree-exp-n span.fancytree-expander,
+.fancytree-container.fancytree-rtl .fancytree-exp-nl span.fancytree-expander {
+  background-image: none;
+}
+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-awesome/vline-rtl.gif");
+}
+ul.fancytree-container.fancytree-rtl li.fancytree-lastsib,
+ul.fancytree-container.fancytree-rtl.fancytree-no-connector > li {
+  background-image: none;
+}
+/*------------------------------------------------------------------------------
+ * 'table' extension
+ *----------------------------------------------------------------------------*/
+table.fancytree-ext-table {
+  font-family: tahoma, arial, helvetica;
+  font-size: 10pt;
+  border-collapse: collapse;
+  /* ext-ariagrid */
+}
+table.fancytree-ext-table span.fancytree-node {
+  display: inline-block;
+  box-sizing: border-box;
+}
+table.fancytree-ext-table td.fancytree-status-merged {
+  text-align: center;
+  font-style: italic;
+  color: silver;
+}
+table.fancytree-ext-table tr.fancytree-statusnode-error td.fancytree-status-merged {
+  color: red;
+}
+table.fancytree-ext-table.fancytree-ext-ariagrid.fancytree-cell-mode > tbody > tr.fancytree-active > td {
+  background-color: #eee;
+}
+table.fancytree-ext-table.fancytree-ext-ariagrid.fancytree-cell-mode > tbody > tr > td.fancytree-active-cell {
+  background-color: #cbe8f6;
+}
+table.fancytree-ext-table.fancytree-ext-ariagrid.fancytree-cell-mode.fancytree-cell-nav-mode > tbody > tr > td.fancytree-active-cell {
+  background-color: #3875d7;
+}
+/*------------------------------------------------------------------------------
+ * '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: 0pt 0pt;
+  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: #e0e0e0;
+}
+table.fancytree-ext-columnview span.fancytree-node.fancytree-active {
+  background-color: #cbe8f6;
+}
+table.fancytree-ext-columnview .fancytree-has-children span.fancytree-cv-right {
+  position: absolute;
+  right: 3px;
+}
+/*------------------------------------------------------------------------------
+ * 'filter' extension
+ *----------------------------------------------------------------------------*/
+.fancytree-ext-filter-dimm span.fancytree-node span.fancytree-title {
+  color: silver;
+  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: silver;
+  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,
+.fancytree-ext-childcounter span.fancytree-custom-icon,
+.fancytree-ext-filter span.fancytree-custom-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.
+ ******************************************************************************/
+ul.fancytree-container ul {
+  padding: 0.3em 0 0 1em;
+  margin: 0;
+}
+.fancytree-expander,
+.fancytree-checkbox,
+.fancytree-icon {
+  min-width: 10pt;
+  text-align: center;
+}
+svg.fancytree-checkbox,
+svg.fancytree-icon {
+  padding-left: 3px;
+}
+/*******************************************************************************
+ * Node titles
+ */
+span.fancytree-title {
+  border: 1px solid transparent;
+  border-radius: 0;
+}
+span.fancytree-focused span.fancytree-title {
+  outline: 1px dotted black;
+}
+span.fancytree-active span.fancytree-title {
+  background-color: #D4D4D4;
+}
+.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;
+}
+/*******************************************************************************
+ * '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/public/js/viewtree/skin-awesome/ui.fancytree.less b/public/js/viewtree/skin-awesome/ui.fancytree.less
new file mode 100644
index 0000000..c25dade
--- /dev/null
+++ b/public/js/viewtree/skin-awesome/ui.fancytree.less
@@ -0,0 +1,128 @@
+/*!
+ * Fancytree "awesome" skin.
+ *
+ * DON'T EDIT THE CSS FILE DIRECTLY, since it is automatically generated from
+ * the LESS templates.
+ */
+
+// Import common styles
+@import "../skin-common.less";
+
+// We need to define this variable here (not in skin-common.less) to make it
+// work with grunt and webpack:
+@fancy-image-prefix: "./skin-awesome/";
+
+
+/*******************************************************************************
+ * Styles specific to this skin.
+ *
+ * This section is automatically generated from the `ui-fancytree.less` template.
+ ******************************************************************************/
+
+@fancy-use-sprites: false;     // false: suppress all background images (i.e. icons)
+@fancy-loading-url: none;
+
+@fancy-cst-size: 10pt;
+
+@fancy-level-indent: @fancy-cst-size;  //@fancy-cst-size;
+@fancy-line-height: @fancy-cst-size;      // height of a nodes selection bar including borders
+@fancy-node-v-spacing: 1px;    // gap between two node borders
+@fancy-icon-width: @fancy-cst-size;
+@fancy-icon-height: @fancy-cst-size;
+@fancy-icon-spacing: 3px;      // margin between icon/icon or icon/title
+@fancy-icon-ofs-top: 0px;      // extra vertical offset for expander, checkbox and icon
+@fancy-title-ofs-top: 0px;     // extra vertical offset for title
+@fancy-node-border-width: 1px;
+@fancy-node-border-radius: 0px;
+@fancy-node-outline-width: 1px;
+
+// @fancy-loading-url: data-uri("@{fancy-image-prefix}loading.gif");
+
+// Set to `true` to use `data-uri(...)` instead of a `url(...)` link:
+@fancy-inline-sprites: false;
+
+@fancy-font-size: @fancy-cst-size;
+@fancy-font-family: tahoma, arial, helvetica;
+@fancy-font-color: #000;
+@fancy-font-color-dimm: silver;
+@fancy-font-error-color: red;
+
+
+ul.fancytree-container ul
+{
+	padding: 0.3em 0 0 1em;
+	margin: 0;
+}
+
+
+// The standard CSS assumes span.icon, but Fontawesome may use SVG or SPAN
+.fancytree-expander,
+.fancytree-checkbox,
+.fancytree-icon {
+  min-width: @fancy-icon-width;
+  text-align: center;
+}
+svg.fancytree-checkbox,  // span... is already defined in skin-common-less
+svg.fancytree-icon {
+  padding-left: @fancy-icon-spacing;
+}
+
+/*******************************************************************************
+ * Node titles
+ */
+span.fancytree-title {
+	border: 1px solid transparent; // reserve some space for status borders
+	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; // gray
+}
+// 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; // blue
+}
+
+// .fancytree-treefocus span.fancytree-selected span.fancytree-title{
+// 	color: white;
+// 	background-color: #99DEFD; // blue
+// }
+
+/*******************************************************************************
+ * 'table' extension
+ */
+table.fancytree-ext-table {
+	border-collapse: collapse;
+	tbody {
+	    tr.fancytree-focused {
+			background-color: #99DEFD;
+		}
+	    tr.fancytree-active {
+			background-color: royalblue;
+		}
+	    // 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/public/js/viewtree/skin-awesome/ui.fancytree.min.css b/public/js/viewtree/skin-awesome/ui.fancytree.min.css
new file mode 100644
index 0000000..7fa2856
--- /dev/null
+++ b/public/js/viewtree/skin-awesome/ui.fancytree.min.css
@@ -0,0 +1,6 @@
+/*!
+ * Fancytree "awesome" skin.
+ *
+ * DON'T EDIT THE CSS FILE DIRECTLY, since it is automatically generated from
+ * the LESS templates.
+ */.fancytree-helper-hidden{display:none}.fancytree-helper-indeterminate-cb{color:#777}.fancytree-helper-disabled{color:silver}.fancytree-helper-spin{-webkit-animation:spin 1s infinite linear;animation:spin 1s infinite linear}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}ul.fancytree-container{font-family:tahoma,arial,helvetica;font-size:10pt;white-space:nowrap;padding:3px;margin:0;background-color:#fff;border:1px dotted gray;min-height:0;position:relative}ul.fancytree-container ul{padding:0 0 0 10pt;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:0 0;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:.5;background-color:silver}ul.fancytree-connectors.fancytree-container li{background-image:url("../skin-awesome/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}#fancytree-drop-marker,span.fancytree-checkbox,span.fancytree-drag-helper-img,span.fancytree-empty,span.fancytree-expander,span.fancytree-icon,span.fancytree-vline{width:10pt;height:10pt;display:inline-block;vertical-align:top;background-repeat:no-repeat;background-position:0 0}span.fancytree-checkbox,span.fancytree-custom-icon,span.fancytree-expander,span.fancytree-icon{margin-top:0}span.fancytree-custom-icon{width:10pt;height:10pt;display:inline-block;margin-left:3px;background-position:0 0}img.fancytree-icon{width:10pt;height:10pt;margin-left:3px;margin-top:0;vertical-align:top;border-style:none}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{margin-top:0}.fancytree-fade-expander span.fancytree-expander{transition:opacity 1.5s;opacity:0}.fancytree-fade-expander .fancytree-treefocus span.fancytree-expander,.fancytree-fade-expander [class*=fancytree-statusnode-] span.fancytree-expander,.fancytree-fade-expander.fancytree-treefocus span.fancytree-expander,.fancytree-fade-expander:hover span.fancytree-expander{transition:opacity .6s;opacity:1}span.fancytree-checkbox{margin-left:3px}.fancytree-unselectable span.fancytree-checkbox{opacity:.4}.fancytree-container.fancytree-checkbox-auto-hide span.fancytree-checkbox{visibility:hidden}.fancytree-container.fancytree-checkbox-auto-hide .fancytree-node.fancytree-selected span.fancytree-checkbox,.fancytree-container.fancytree-checkbox-auto-hide .fancytree-node:hover span.fancytree-checkbox,.fancytree-container.fancytree-checkbox-auto-hide tr.fancytree-selected td span.fancytree-checkbox,.fancytree-container.fancytree-checkbox-auto-hide tr:hover td span.fancytree-checkbox{visibility:unset}.fancytree-container.fancytree-checkbox-auto-hide.fancytree-treefocus .fancytree-node.fancytree-active span.fancytree-checkbox,.fancytree-container.fancytree-checkbox-auto-hide.fancytree-treefocus tr.fancytree-active td span.fancytree-checkbox{visibility:unset}span.fancytree-icon{margin-left:3px}.fancytree-loading span.fancytree-expander,.fancytree-loading span.fancytree-expander:hover,.fancytree-statusnode-loading span.fancytree-icon,.fancytree-statusnode-loading span.fancytree-icon:hover,span.fancytree-icon.fancytree-icon-loading{background-image:none}span.fancytree-node{display:inherit;width:100%;margin-top:1px;min-height:10pt}span.fancytree-title{color:#000;cursor:pointer;display:inline-block;vertical-align:top;min-height:10pt;padding:0 3px 0 3px;margin:0 0 0 3px;border:1px solid transparent;-webkit-border-radius:0px;-moz-border-radius:0;-ms-border-radius:0px;-o-border-radius:0;border-radius:0}span.fancytree-node.fancytree-error span.fancytree-title{color:red}span.fancytree-childcounter{color:#fff;background:#337ab7;border:1px solid gray;border-radius:10px;padding:2px;text-align:center}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}#fancytree-drop-marker{width:20pt;position:absolute;margin:0}#fancytree-drop-marker.fancytree-drop-after,#fancytree-drop-marker.fancytree-drop-before{width:40pt}span.fancytree-drag-source.fancytree-drag-remove{opacity:.15}.fancytree-container.fancytree-rtl .fancytree-exp-n span.fancytree-expander,.fancytree-container.fancytree-rtl .fancytree-exp-nl span.fancytree-expander{background-image:none}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-awesome/vline-rtl.gif")}ul.fancytree-container.fancytree-rtl li.fancytree-lastsib,ul.fancytree-container.fancytree-rtl.fancytree-no-connector>li{background-image:none}table.fancytree-ext-table{font-family:tahoma,arial,helvetica;font-size:10pt;border-collapse:collapse}table.fancytree-ext-table span.fancytree-node{display:inline-block;box-sizing:border-box}table.fancytree-ext-table td.fancytree-status-merged{text-align:center;font-style:italic;color:silver}table.fancytree-ext-table tr.fancytree-statusnode-error td.fancytree-status-merged{color:red}table.fancytree-ext-table.fancytree-ext-ariagrid.fancytree-cell-mode>tbody>tr.fancytree-active>td{background-color:#eee}table.fancytree-ext-table.fancytree-ext-ariagrid.fancytree-cell-mode>tbody>tr>td.fancytree-active-cell{background-color:#cbe8f6}table.fancytree-ext-table.fancytree-ext-ariagrid.fancytree-cell-mode.fancytree-cell-nav-mode>tbody>tr>td.fancytree-active-cell{background-color:#3875d7}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:0 0;background-repeat:repeat-y;background-image:none;margin:0}table.fancytree-ext-columnview span.fancytree-node{position:relative;display:inline-block}table.fancytree-ext-columnview span.fancytree-node.fancytree-expanded{background-color:#e0e0e0}table.fancytree-ext-columnview span.fancytree-node.fancytree-active{background-color:#cbe8f6}table.fancytree-ext-columnview .fancytree-has-children span.fancytree-cv-right{position:absolute;right:3px}.fancytree-ext-filter-dimm span.fancytree-node span.fancytree-title{color:silver;font-weight:lighter}.fancytree-ext-filter-dimm span.fancytree-node.fancytree-submatch span.fancytree-title,.fancytree-ext-filter-dimm tr.fancytree-submatch span.fancytree-title{color:#000;font-weight:400}.fancytree-ext-filter-dimm span.fancytree-node.fancytree-match span.fancytree-title,.fancytree-ext-filter-dimm tr.fancytree-match span.fancytree-title{color:#000;font-weight:700}.fancytree-ext-filter-hide span.fancytree-node.fancytree-hide,.fancytree-ext-filter-hide tr.fancytree-hide{display:none}.fancytree-ext-filter-hide span.fancytree-node.fancytree-submatch span.fancytree-title,.fancytree-ext-filter-hide tr.fancytree-submatch span.fancytree-title{color:silver;font-weight:lighter}.fancytree-ext-filter-hide span.fancytree-node.fancytree-match span.fancytree-title,.fancytree-ext-filter-hide tr.fancytree-match span.fancytree-title{color:#000;font-weight:400}.fancytree-ext-filter-hide-expanders span.fancytree-node.fancytree-match span.fancytree-expander,.fancytree-ext-filter-hide-expanders tr.fancytree-match span.fancytree-expander{visibility:hidden}.fancytree-ext-filter-hide-expanders span.fancytree-node.fancytree-submatch span.fancytree-expander,.fancytree-ext-filter-hide-expanders tr.fancytree-submatch span.fancytree-expander{visibility:visible}.fancytree-ext-childcounter span.fancytree-custom-icon,.fancytree-ext-childcounter span.fancytree-icon,.fancytree-ext-filter span.fancytree-custom-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}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:0;min-width:100%;margin-left:0;margin-right:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.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,.75)}.fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-scroll-border-right{border-right:3px solid rgba(0,0,0,.75)}.fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-wrapper-tl{position:absolute;overflow:hidden;z-index:3;top:0;left:0}.fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-wrapper-tr{position:absolute;overflow:hidden;z-index:2;top:0}.fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-wrapper-bl{position:absolute;overflow:hidden;z-index:2;left:0}.fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-wrapper-br{position:absolute;overflow:scroll;z-index:1}ul.fancytree-container ul{padding:.3em 0 0 1em;margin:0}.fancytree-checkbox,.fancytree-expander,.fancytree-icon{min-width:10pt;text-align:center}svg.fancytree-checkbox,svg.fancytree-icon{padding-left:3px}span.fancytree-title{border:1px solid transparent;border-radius:0}span.fancytree-focused span.fancytree-title{outline:1px dotted black}span.fancytree-active span.fancytree-title{background-color:#d4d4d4}.fancytree-treefocus span.fancytree-active span.fancytree-title{color:#fff;background-color:#3875d7}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:#4169e1}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:#4169e1}
\ No newline at end of file
diff --git a/public/js/viewtree/skin-awesome/vline-rtl.gif b/public/js/viewtree/skin-awesome/vline-rtl.gif
new file mode 100644
index 0000000..0400cb3
Binary files /dev/null and b/public/js/viewtree/skin-awesome/vline-rtl.gif differ
diff --git a/public/js/viewtree/skin-awesome/vline.gif b/public/js/viewtree/skin-awesome/vline.gif
new file mode 100644
index 0000000..1b00ae5
Binary files /dev/null and b/public/js/viewtree/skin-awesome/vline.gif differ
diff --git a/public/js/viewtree/skin-bootstrap-n/ui.fancytree.css b/public/js/viewtree/skin-bootstrap-n/ui.fancytree.css
new file mode 100644
index 0000000..5a44c9c
--- /dev/null
+++ b/public/js/viewtree/skin-bootstrap-n/ui.fancytree.css
@@ -0,0 +1,620 @@
+/*!
+ * Fancytree "bootstrap" skin (highlighting the node span instead of title-only).
+ *
+ * DON'T EDIT THE CSS FILE DIRECTLY, since it is automatically generated from
+ * the LESS templates.
+ */
+/*******************************************************************************
+ * Common Styles for Fancytree Skins.
+ *
+ * This section is automatically generated from the `skin-common.less` template.
+ *
+ * Copyright (c) 2008-2021, Martin Wendt (https://wwWendt.de)
+ * Released under the MIT license
+ * https://github.com/mar10/fancytree/wiki/LicenseInfo
+ *
+ * @version 2.38.2
+ * @date 2022-06-30T18:24:06Z
+******************************************************************************/
+/*------------------------------------------------------------------------------
+ * 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: 0em 0em;
+  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-bootstrap-n/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: 1em;
+  height: 1em;
+  display: inline-block;
+  vertical-align: top;
+  background-repeat: no-repeat;
+  background-position: 0em 0em;
+}
+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: 1em;
+  height: 1em;
+  display: inline-block;
+  margin-left: 0.5em;
+  background-position: 0em 0em;
+}
+/* Used by 'icon' node option: */
+img.fancytree-icon {
+  width: 1em;
+  height: 1em;
+  margin-left: 0.5em;
+  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 {
+  margin-top: 0;
+}
+/* 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: 0.5em;
+}
+.fancytree-unselectable span.fancytree-checkbox {
+  opacity: 0.4;
+  filter: alpha(opacity=40);
+}
+.fancytree-container.fancytree-checkbox-auto-hide span.fancytree-checkbox {
+  visibility: hidden;
+}
+.fancytree-container.fancytree-checkbox-auto-hide .fancytree-node:hover span.fancytree-checkbox,
+.fancytree-container.fancytree-checkbox-auto-hide tr:hover td span.fancytree-checkbox,
+.fancytree-container.fancytree-checkbox-auto-hide .fancytree-node.fancytree-selected span.fancytree-checkbox,
+.fancytree-container.fancytree-checkbox-auto-hide tr.fancytree-selected td span.fancytree-checkbox {
+  visibility: unset;
+}
+.fancytree-container.fancytree-checkbox-auto-hide.fancytree-treefocus .fancytree-node.fancytree-active span.fancytree-checkbox,
+.fancytree-container.fancytree-checkbox-auto-hide.fancytree-treefocus tr.fancytree-active td span.fancytree-checkbox {
+  visibility: unset;
+}
+/*------------------------------------------------------------------------------
+ * 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: 0.5em;
+}
+/* Documents */
+/* Folders */
+.fancytree-loading span.fancytree-expander,
+.fancytree-loading span.fancytree-expander:hover,
+.fancytree-statusnode-loading span.fancytree-icon,
+.fancytree-statusnode-loading span.fancytree-icon:hover,
+span.fancytree-icon.fancytree-icon-loading {
+  background-image: none;
+}
+/* Status node icons */
+/*------------------------------------------------------------------------------
+ * Node titles and highlighting
+ *----------------------------------------------------------------------------*/
+span.fancytree-node {
+  /* See #117 */
+  display: inherit;
+  width: 100%;
+  margin-top: 1px;
+  min-height: 1em;
+}
+span.fancytree-title {
+  color: black;
+  cursor: pointer;
+  display: inline-block;
+  vertical-align: top;
+  min-height: 1em;
+  padding: 0 3px 0 3px;
+  margin: 0px 0 0 0.5em;
+  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;
+}
+/*** Drop marker icon *********************************************************/
+#fancytree-drop-marker {
+  width: 2em;
+  position: absolute;
+  margin: 0;
+}
+#fancytree-drop-marker.fancytree-drop-after,
+#fancytree-drop-marker.fancytree-drop-before {
+  width: 4em;
+}
+/*** 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 .fancytree-exp-n span.fancytree-expander,
+.fancytree-container.fancytree-rtl .fancytree-exp-nl span.fancytree-expander {
+  background-image: none;
+}
+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-bootstrap-n/vline-rtl.gif");
+}
+ul.fancytree-container.fancytree-rtl li.fancytree-lastsib,
+ul.fancytree-container.fancytree-rtl.fancytree-no-connector > li {
+  background-image: none;
+}
+/*------------------------------------------------------------------------------
+ * 'table' extension
+ *----------------------------------------------------------------------------*/
+table.fancytree-ext-table {
+  font-family: tahoma, arial, helvetica;
+  font-size: 10pt;
+  border-collapse: collapse;
+  /* ext-ariagrid */
+}
+table.fancytree-ext-table span.fancytree-node {
+  display: inline-block;
+  box-sizing: border-box;
+}
+table.fancytree-ext-table td.fancytree-status-merged {
+  text-align: center;
+  font-style: italic;
+  color: #c0c0c0;
+}
+table.fancytree-ext-table tr.fancytree-statusnode-error td.fancytree-status-merged {
+  color: red;
+}
+table.fancytree-ext-table.fancytree-ext-ariagrid.fancytree-cell-mode > tbody > tr.fancytree-active > td {
+  background-color: #eee;
+}
+table.fancytree-ext-table.fancytree-ext-ariagrid.fancytree-cell-mode > tbody > tr > td.fancytree-active-cell {
+  background-color: #cbe8f6;
+}
+table.fancytree-ext-table.fancytree-ext-ariagrid.fancytree-cell-mode.fancytree-cell-nav-mode > tbody > tr > td.fancytree-active-cell {
+  background-color: #3875d7;
+}
+/*------------------------------------------------------------------------------
+ * '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: 0em 0em;
+  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: #e0e0e0;
+}
+table.fancytree-ext-columnview span.fancytree-node.fancytree-active {
+  background-color: #cbe8f6;
+}
+table.fancytree-ext-columnview .fancytree-has-children span.fancytree-cv-right {
+  position: absolute;
+  right: 3px;
+}
+/*------------------------------------------------------------------------------
+ * '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,
+.fancytree-ext-childcounter span.fancytree-custom-icon,
+.fancytree-ext-filter span.fancytree-custom-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.
+ ******************************************************************************/
+ul.fancytree-container ul {
+  padding: 0 0 0 1.5em;
+  margin: 0;
+}
+/* Prevent focus frame */
+.fancytree-container:focus {
+  outline: none;
+}
+.fancytree-container span.fancytree-statusnode-error span.fancytree-expander {
+  color: red;
+}
+span.fancytree-node {
+  border: 1px solid transparent;
+  border-radius: 3px;
+  padding-left: 8px;
+}
+span.fancytree-title {
+  border-radius: 3px;
+}
+span.fancytree-node.fancytree-selected {
+  background-color: #80c780;
+  border-color: #80c780;
+}
+span.fancytree-node.fancytree-selected span.fancytree-title {
+  background-color: #80c780;
+}
+span.fancytree-node.fancytree-active {
+  background-color: #6aa3d5;
+}
+.fancytree-container.fancytree-treefocus span.fancytree-node:hover {
+  background-color: #e9f2f9;
+}
+.fancytree-container.fancytree-treefocus span.fancytree-node.fancytree-focused {
+  border-color: #428bca;
+}
+.fancytree-container.fancytree-treefocus span.fancytree-node.fancytree-selected {
+  background-color: #5cb85c;
+}
+.fancytree-container.fancytree-treefocus span.fancytree-node.fancytree-selected span.fancytree-title {
+  background-color: #5cb85c;
+}
+.fancytree-container.fancytree-treefocus span.fancytree-node.fancytree-active {
+  background-color: #428bca;
+  border-color: #428bca;
+}
+/*******************************************************************************
+ * 'table' extension
+ */
+table.fancytree-ext-table tbody tr td {
+  border: 1px solid #eeeeee;
+}
+table.fancytree-ext-table tbody tr.fancytree-selected {
+  background-color: #80c780;
+}
+table.fancytree-ext-table tbody tr.fancytree-selected span.fancytree-node {
+  background-color: #80c780;
+}
+table.fancytree-ext-table tbody tr.fancytree-selected span.fancytree-title {
+  background-color: #80c780;
+}
+table.fancytree-ext-table tbody tr.fancytree-active {
+  background-color: #6aa3d5;
+}
+table.fancytree-ext-table tbody tr.fancytree-active span.fancytree-node {
+  background-color: #6aa3d5;
+}
+table.fancytree-ext-table.fancytree-treefocus tbody tr:hover {
+  background-color: #e9f2f9;
+}
+table.fancytree-ext-table.fancytree-treefocus tbody tr.fancytree-focused span.fancytree-title {
+  outline: 1px dotted #428bca;
+}
+table.fancytree-ext-table.fancytree-treefocus tbody tr.fancytree-selected {
+  background-color: #5cb85c;
+}
+table.fancytree-ext-table.fancytree-treefocus tbody tr.fancytree-selected span.fancytree-node {
+  background-color: #5cb85c;
+}
+table.fancytree-ext-table.fancytree-treefocus tbody tr.fancytree-selected span.fancytree-title {
+  background-color: #5cb85c;
+}
+table.fancytree-ext-table.fancytree-treefocus tbody tr.fancytree-active {
+  background-color: #428bca;
+}
+table.fancytree-ext-table.fancytree-treefocus tbody tr.fancytree-active span.fancytree-node {
+  background-color: #428bca;
+}
diff --git a/public/js/viewtree/skin-bootstrap-n/ui.fancytree.less b/public/js/viewtree/skin-bootstrap-n/ui.fancytree.less
new file mode 100644
index 0000000..bd1bc23
--- /dev/null
+++ b/public/js/viewtree/skin-bootstrap-n/ui.fancytree.less
@@ -0,0 +1,181 @@
+/*!
+ * Fancytree "bootstrap" skin (highlighting the node span instead of title-only).
+ *
+ * DON'T EDIT THE CSS FILE DIRECTLY, since it is automatically generated from
+ * the LESS templates.
+ */
+
+// Import common styles
+@import "../skin-common.less";
+
+
+/*******************************************************************************
+ * Styles specific to this skin.
+ *
+ * This section is automatically generated from the `ui-fancytree.less` template.
+ ******************************************************************************/
+
+
+// local vars
+// @fancy-my-icon-size: 16px;
+
+// Override the variable after the import.
+// NOTE: Variables are always resolved as the last definition, even if it is
+// after where it is used.
+@fancy-use-sprites: false;  // false: suppress all background images (i.e. icons)
+@fancy-loading-url: none;
+
+@fancy-icon-width: 1em;
+@fancy-icon-height: 1em;
+@fancy-line-height: 1em;
+@fancy-icon-spacing: 0.5em;
+
+// Use 'data-uri(...)' to embed the image into CSS instead of linking to 'loading.gif':
+// @fancy-loading-url: data-uri("@{fancy-image-prefix}loading.gif");
+// Set to `true` to use `data-uri(...)` which will embed icons.gif into CSS
+// instead of linking to that file:
+// @fancy-inline-sprites: true;
+
+// We need to define this variable here (not in skin-common.less) to make it
+// work with grunt and webpack:
+@fancy-image-prefix: "./skin-bootstrap-n/";
+
+ul.fancytree-container ul {
+	padding: 0 0 0 1.5em;
+	margin: 0;
+}
+/* Prevent focus frame */
+.fancytree-container:focus {
+	outline: none;
+}
+
+// Error status node
+.fancytree-container span.fancytree-statusnode-error span.fancytree-expander  {
+	color: @fancy-font-error-color;
+}
+
+/////
+// Original bootstrap colors (http://getbootstrap.com/css/#responsive-utilities)
+@gray-darker:  lighten(#000, 13.5%); // #222
+@gray-dark:    lighten(#000, 20%);   // #333
+@gray:         lighten(#000, 33.5%); // #555
+@gray-light:   lighten(#000, 60%);   // #999
+@gray-lighter: lighten(#000, 93.5%); // #eee
+
+@brand-primary: #428bca;  // blue
+@brand-success: #5cb85c;  // green
+@brand-info:    #5bc0de;  // light blue
+@brand-warning: #f0ad4e;  // orange
+@brand-danger:  #d9534f;  // red
+
+@border-radius-base:  4px;
+@border-radius-large: 6px;
+@border-radius-small: 3px;
+/////////////
+
+span.fancytree-node {
+	border: @fancy-node-border-width solid transparent;  // avoid jumping, when a border is added on hover
+	border-radius: @border-radius-small;
+	padding-left: 8px;
+}
+span.fancytree-title {
+	border-radius: @border-radius-small;
+}
+// Inactive tree:
+span.fancytree-node.fancytree-selected { // selected nodes inside inactive tree
+	background-color: lighten(@brand-success, 10%);
+	border-color: lighten(@brand-success, 10%);
+	span.fancytree-title {
+		background-color: lighten(@brand-success, 10%); // green title, even when active
+	}
+}
+span.fancytree-node.fancytree-active { // active nodes inside inactive tree
+	background-color: lighten(@brand-primary, 10%);
+}
+// Active tree:
+.fancytree-container.fancytree-treefocus {
+	span.fancytree-node:hover {
+		background-color: lighten(@brand-primary, 42%);
+	}
+	span.fancytree-node.fancytree-focused {
+		border-color: @brand-primary;
+	}
+	span.fancytree-node.fancytree-selected {
+		background-color: @brand-success;
+		span.fancytree-title {
+			background-color: @brand-success; // green title, even when active
+		}
+	}
+	span.fancytree-node.fancytree-active {
+		background-color: @brand-primary;
+		border-color: @brand-primary;
+	}
+}
+
+/*******************************************************************************
+ * 'table' extension
+ */
+table.fancytree-ext-table tbody {
+	tr td {
+	  border: 1px solid @gray-lighter;
+	}
+	// span.fancytree-node,
+	// span.fancytree-node:hover { // undo standard tree css
+	// 	border: none;
+	// 	background: none;
+	// }
+	// // Title get's a white background, when hovered. Undo standard node formatting
+	// span.fancytree-title:hover {
+	//   border: none;
+	//   background: inherit;
+	//   background: transparent;
+	//   background: none;
+	//   filter: none;
+	// }
+	// dimmed, if inside inactive tree
+	tr.fancytree-selected {
+		background-color: lighten(@brand-success, 10%);
+		span.fancytree-node {
+			background-color: lighten(@brand-success, 10%);
+		}
+		span.fancytree-title {
+			background-color: lighten(@brand-success, 10%); // green title, even when active
+		}
+	}
+	tr.fancytree-active {  // dimmed, if inside inactive tree
+		background-color: lighten(@brand-primary, 10%);
+		span.fancytree-node {
+			background-color: lighten(@brand-primary, 10%);
+		}
+	}
+}
+
+table.fancytree-ext-table.fancytree-treefocus tbody {
+	tr:hover  {
+		background-color: lighten(@brand-primary, 42%);
+	    // outline: 1px solid @brand-primary;
+	}
+	tr.fancytree-focused span.fancytree-title {
+		outline: 1px dotted @brand-primary;
+	}
+	tr.fancytree-active:hover,
+	tr.fancytree-selected:hover {
+		// background-color: #CBE8F6;
+	 //    outline: 1px solid #26A0DA;
+	}
+	tr.fancytree-selected {
+		background-color: @brand-success;
+		span.fancytree-node {
+			background-color: @brand-success;
+		}
+		span.fancytree-title {
+			background-color: @brand-success; // green title, even when active
+		}
+	}
+	tr.fancytree-active {
+		background-color: @brand-primary;
+		span.fancytree-node {
+			background-color: @brand-primary;
+		}
+	}
+}
diff --git a/public/js/viewtree/skin-bootstrap-n/ui.fancytree.min.css b/public/js/viewtree/skin-bootstrap-n/ui.fancytree.min.css
new file mode 100644
index 0000000..ebfd3b1
--- /dev/null
+++ b/public/js/viewtree/skin-bootstrap-n/ui.fancytree.min.css
@@ -0,0 +1,6 @@
+/*!
+ * Fancytree "bootstrap" skin (highlighting the node span instead of title-only).
+ *
+ * DON'T EDIT THE CSS FILE DIRECTLY, since it is automatically generated from
+ * the LESS templates.
+ */.fancytree-helper-hidden{display:none}.fancytree-helper-indeterminate-cb{color:#777}.fancytree-helper-disabled{color:silver}.fancytree-helper-spin{-webkit-animation:spin 1s infinite linear;animation:spin 1s infinite linear}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}ul.fancytree-container{font-family:tahoma,arial,helvetica;font-size:10pt;white-space:nowrap;padding:3px;margin:0;background-color:#fff;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:0 0;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:.5;background-color:silver}ul.fancytree-connectors.fancytree-container li{background-image:url("../skin-bootstrap-n/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}#fancytree-drop-marker,span.fancytree-checkbox,span.fancytree-drag-helper-img,span.fancytree-empty,span.fancytree-expander,span.fancytree-icon,span.fancytree-vline{width:1em;height:1em;display:inline-block;vertical-align:top;background-repeat:no-repeat;background-position:0 0}span.fancytree-checkbox,span.fancytree-custom-icon,span.fancytree-expander,span.fancytree-icon{margin-top:0}span.fancytree-custom-icon{width:1em;height:1em;display:inline-block;margin-left:.5em;background-position:0 0}img.fancytree-icon{width:1em;height:1em;margin-left:.5em;margin-top:0;vertical-align:top;border-style:none}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{margin-top:0}.fancytree-fade-expander span.fancytree-expander{transition:opacity 1.5s;opacity:0}.fancytree-fade-expander .fancytree-treefocus span.fancytree-expander,.fancytree-fade-expander [class*=fancytree-statusnode-] span.fancytree-expander,.fancytree-fade-expander.fancytree-treefocus span.fancytree-expander,.fancytree-fade-expander:hover span.fancytree-expander{transition:opacity .6s;opacity:1}span.fancytree-checkbox{margin-left:.5em}.fancytree-unselectable span.fancytree-checkbox{opacity:.4}.fancytree-container.fancytree-checkbox-auto-hide span.fancytree-checkbox{visibility:hidden}.fancytree-container.fancytree-checkbox-auto-hide .fancytree-node.fancytree-selected span.fancytree-checkbox,.fancytree-container.fancytree-checkbox-auto-hide .fancytree-node:hover span.fancytree-checkbox,.fancytree-container.fancytree-checkbox-auto-hide tr.fancytree-selected td span.fancytree-checkbox,.fancytree-container.fancytree-checkbox-auto-hide tr:hover td span.fancytree-checkbox{visibility:unset}.fancytree-container.fancytree-checkbox-auto-hide.fancytree-treefocus .fancytree-node.fancytree-active span.fancytree-checkbox,.fancytree-container.fancytree-checkbox-auto-hide.fancytree-treefocus tr.fancytree-active td span.fancytree-checkbox{visibility:unset}span.fancytree-icon{margin-left:.5em}.fancytree-loading span.fancytree-expander,.fancytree-loading span.fancytree-expander:hover,.fancytree-statusnode-loading span.fancytree-icon,.fancytree-statusnode-loading span.fancytree-icon:hover,span.fancytree-icon.fancytree-icon-loading{background-image:none}span.fancytree-node{display:inherit;width:100%;margin-top:1px;min-height:1em}span.fancytree-title{color:#000;cursor:pointer;display:inline-block;vertical-align:top;min-height:1em;padding:0 3px 0 3px;margin:0 0 0 .5em;border:1px solid transparent;-webkit-border-radius:0px;-moz-border-radius:0;-ms-border-radius:0px;-o-border-radius:0;border-radius:0}span.fancytree-node.fancytree-error span.fancytree-title{color:red}span.fancytree-childcounter{color:#fff;background:#337ab7;border:1px solid gray;border-radius:10px;padding:2px;text-align:center}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}#fancytree-drop-marker{width:2em;position:absolute;margin:0}#fancytree-drop-marker.fancytree-drop-after,#fancytree-drop-marker.fancytree-drop-before{width:4em}span.fancytree-drag-source.fancytree-drag-remove{opacity:.15}.fancytree-container.fancytree-rtl .fancytree-exp-n span.fancytree-expander,.fancytree-container.fancytree-rtl .fancytree-exp-nl span.fancytree-expander{background-image:none}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-bootstrap-n/vline-rtl.gif")}ul.fancytree-container.fancytree-rtl li.fancytree-lastsib,ul.fancytree-container.fancytree-rtl.fancytree-no-connector>li{background-image:none}table.fancytree-ext-table{font-family:tahoma,arial,helvetica;font-size:10pt;border-collapse:collapse}table.fancytree-ext-table span.fancytree-node{display:inline-block;box-sizing:border-box}table.fancytree-ext-table td.fancytree-status-merged{text-align:center;font-style:italic;color:silver}table.fancytree-ext-table tr.fancytree-statusnode-error td.fancytree-status-merged{color:red}table.fancytree-ext-table.fancytree-ext-ariagrid.fancytree-cell-mode>tbody>tr.fancytree-active>td{background-color:#eee}table.fancytree-ext-table.fancytree-ext-ariagrid.fancytree-cell-mode>tbody>tr>td.fancytree-active-cell{background-color:#cbe8f6}table.fancytree-ext-table.fancytree-ext-ariagrid.fancytree-cell-mode.fancytree-cell-nav-mode>tbody>tr>td.fancytree-active-cell{background-color:#3875d7}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:0 0;background-repeat:repeat-y;background-image:none;margin:0}table.fancytree-ext-columnview span.fancytree-node{position:relative;display:inline-block}table.fancytree-ext-columnview span.fancytree-node.fancytree-expanded{background-color:#e0e0e0}table.fancytree-ext-columnview span.fancytree-node.fancytree-active{background-color:#cbe8f6}table.fancytree-ext-columnview .fancytree-has-children span.fancytree-cv-right{position:absolute;right:3px}.fancytree-ext-filter-dimm span.fancytree-node span.fancytree-title{color:silver;font-weight:lighter}.fancytree-ext-filter-dimm span.fancytree-node.fancytree-submatch span.fancytree-title,.fancytree-ext-filter-dimm tr.fancytree-submatch span.fancytree-title{color:#000;font-weight:400}.fancytree-ext-filter-dimm span.fancytree-node.fancytree-match span.fancytree-title,.fancytree-ext-filter-dimm tr.fancytree-match span.fancytree-title{color:#000;font-weight:700}.fancytree-ext-filter-hide span.fancytree-node.fancytree-hide,.fancytree-ext-filter-hide tr.fancytree-hide{display:none}.fancytree-ext-filter-hide span.fancytree-node.fancytree-submatch span.fancytree-title,.fancytree-ext-filter-hide tr.fancytree-submatch span.fancytree-title{color:silver;font-weight:lighter}.fancytree-ext-filter-hide span.fancytree-node.fancytree-match span.fancytree-title,.fancytree-ext-filter-hide tr.fancytree-match span.fancytree-title{color:#000;font-weight:400}.fancytree-ext-filter-hide-expanders span.fancytree-node.fancytree-match span.fancytree-expander,.fancytree-ext-filter-hide-expanders tr.fancytree-match span.fancytree-expander{visibility:hidden}.fancytree-ext-filter-hide-expanders span.fancytree-node.fancytree-submatch span.fancytree-expander,.fancytree-ext-filter-hide-expanders tr.fancytree-submatch span.fancytree-expander{visibility:visible}.fancytree-ext-childcounter span.fancytree-custom-icon,.fancytree-ext-childcounter span.fancytree-icon,.fancytree-ext-filter span.fancytree-custom-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}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:0;min-width:100%;margin-left:0;margin-right:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.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,.75)}.fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-scroll-border-right{border-right:3px solid rgba(0,0,0,.75)}.fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-wrapper-tl{position:absolute;overflow:hidden;z-index:3;top:0;left:0}.fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-wrapper-tr{position:absolute;overflow:hidden;z-index:2;top:0}.fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-wrapper-bl{position:absolute;overflow:hidden;z-index:2;left:0}.fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-wrapper-br{position:absolute;overflow:scroll;z-index:1}ul.fancytree-container ul{padding:0 0 0 1.5em;margin:0}.fancytree-container:focus{outline:0}.fancytree-container span.fancytree-statusnode-error span.fancytree-expander{color:red}span.fancytree-node{border:1px solid transparent;border-radius:3px;padding-left:8px}span.fancytree-title{border-radius:3px}span.fancytree-node.fancytree-selected{background-color:#80c780;border-color:#80c780}span.fancytree-node.fancytree-selected span.fancytree-title{background-color:#80c780}span.fancytree-node.fancytree-active{background-color:#6aa3d5}.fancytree-container.fancytree-treefocus span.fancytree-node:hover{background-color:#e9f2f9}.fancytree-container.fancytree-treefocus span.fancytree-node.fancytree-focused{border-color:#428bca}.fancytree-container.fancytree-treefocus span.fancytree-node.fancytree-selected{background-color:#5cb85c}.fancytree-container.fancytree-treefocus span.fancytree-node.fancytree-selected span.fancytree-title{background-color:#5cb85c}.fancytree-container.fancytree-treefocus span.fancytree-node.fancytree-active{background-color:#428bca;border-color:#428bca}table.fancytree-ext-table tbody tr td{border:1px solid #eee}table.fancytree-ext-table tbody tr.fancytree-selected{background-color:#80c780}table.fancytree-ext-table tbody tr.fancytree-selected span.fancytree-node{background-color:#80c780}table.fancytree-ext-table tbody tr.fancytree-selected span.fancytree-title{background-color:#80c780}table.fancytree-ext-table tbody tr.fancytree-active{background-color:#6aa3d5}table.fancytree-ext-table tbody tr.fancytree-active span.fancytree-node{background-color:#6aa3d5}table.fancytree-ext-table.fancytree-treefocus tbody tr:hover{background-color:#e9f2f9}table.fancytree-ext-table.fancytree-treefocus tbody tr.fancytree-focused span.fancytree-title{outline:1px dotted #428bca}table.fancytree-ext-table.fancytree-treefocus tbody tr.fancytree-selected{background-color:#5cb85c}table.fancytree-ext-table.fancytree-treefocus tbody tr.fancytree-selected span.fancytree-node{background-color:#5cb85c}table.fancytree-ext-table.fancytree-treefocus tbody tr.fancytree-selected span.fancytree-title{background-color:#5cb85c}table.fancytree-ext-table.fancytree-treefocus tbody tr.fancytree-active{background-color:#428bca}table.fancytree-ext-table.fancytree-treefocus tbody tr.fancytree-active span.fancytree-node{background-color:#428bca}
\ No newline at end of file
diff --git a/public/js/viewtree/skin-bootstrap-n/vline-rtl.gif b/public/js/viewtree/skin-bootstrap-n/vline-rtl.gif
new file mode 100644
index 0000000..0400cb3
Binary files /dev/null and b/public/js/viewtree/skin-bootstrap-n/vline-rtl.gif differ
diff --git a/public/js/viewtree/skin-bootstrap-n/vline.gif b/public/js/viewtree/skin-bootstrap-n/vline.gif
new file mode 100644
index 0000000..1b00ae5
Binary files /dev/null and b/public/js/viewtree/skin-bootstrap-n/vline.gif differ
diff --git a/public/js/viewtree/skin-bootstrap/ui.fancytree.css b/public/js/viewtree/skin-bootstrap/ui.fancytree.css
new file mode 100644
index 0000000..9d23832
--- /dev/null
+++ b/public/js/viewtree/skin-bootstrap/ui.fancytree.css
@@ -0,0 +1,680 @@
+/*!
+ * Fancytree "bootstrap" skin.
+ *
+ * DON'T EDIT THE CSS FILE DIRECTLY, since it is automatically generated from
+ * the LESS templates.
+ */
+/*******************************************************************************
+ * Common Styles for Fancytree Skins.
+ *
+ * This section is automatically generated from the `skin-common.less` template.
+ *
+ * Copyright (c) 2008-2021, Martin Wendt (https://wwWendt.de)
+ * Released under the MIT license
+ * https://github.com/mar10/fancytree/wiki/LicenseInfo
+ *
+ * @version 2.38.2
+ * @date 2022-06-30T18:24:06Z
+******************************************************************************/
+/*------------------------------------------------------------------------------
+ * Helpers
+ *----------------------------------------------------------------------------*/
+.fancytree-helper-hidden {
+  display: none;
+}
+.fancytree-helper-indeterminate-cb {
+  color: #777;
+}
+.fancytree-helper-disabled {
+  color: #333333;
+}
+/* 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: "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-size: 14px;
+  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: 0em 0em;
+  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-bootstrap/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: 1em;
+  height: 1em;
+  display: inline-block;
+  vertical-align: top;
+  background-repeat: no-repeat;
+  background-position: 0em 0em;
+}
+span.fancytree-icon,
+span.fancytree-checkbox,
+span.fancytree-expander,
+span.fancytree-custom-icon {
+  margin-top: 2px;
+}
+/* Used by icon option: */
+span.fancytree-custom-icon {
+  width: 1em;
+  height: 1em;
+  display: inline-block;
+  margin-left: 0.5em;
+  background-position: 0em 0em;
+}
+/* Used by 'icon' node option: */
+img.fancytree-icon {
+  width: 1em;
+  height: 1em;
+  margin-left: 0.5em;
+  margin-top: 2px;
+  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 {
+  margin-top: 0;
+}
+/* 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: 0.5em;
+}
+.fancytree-unselectable span.fancytree-checkbox {
+  opacity: 0.4;
+  filter: alpha(opacity=40);
+}
+.fancytree-container.fancytree-checkbox-auto-hide span.fancytree-checkbox {
+  visibility: hidden;
+}
+.fancytree-container.fancytree-checkbox-auto-hide .fancytree-node:hover span.fancytree-checkbox,
+.fancytree-container.fancytree-checkbox-auto-hide tr:hover td span.fancytree-checkbox,
+.fancytree-container.fancytree-checkbox-auto-hide .fancytree-node.fancytree-selected span.fancytree-checkbox,
+.fancytree-container.fancytree-checkbox-auto-hide tr.fancytree-selected td span.fancytree-checkbox {
+  visibility: unset;
+}
+.fancytree-container.fancytree-checkbox-auto-hide.fancytree-treefocus .fancytree-node.fancytree-active span.fancytree-checkbox,
+.fancytree-container.fancytree-checkbox-auto-hide.fancytree-treefocus tr.fancytree-active td span.fancytree-checkbox {
+  visibility: unset;
+}
+/*------------------------------------------------------------------------------
+ * 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: 0.5em;
+}
+/* Documents */
+/* Folders */
+.fancytree-loading span.fancytree-expander,
+.fancytree-loading span.fancytree-expander:hover,
+.fancytree-statusnode-loading span.fancytree-icon,
+.fancytree-statusnode-loading span.fancytree-icon:hover,
+span.fancytree-icon.fancytree-icon-loading {
+  background-image: none;
+}
+/* Status node icons */
+/*------------------------------------------------------------------------------
+ * Node titles and highlighting
+ *----------------------------------------------------------------------------*/
+span.fancytree-node {
+  /* See #117 */
+  display: inherit;
+  width: 100%;
+  margin-top: 0px;
+  min-height: 1em;
+}
+span.fancytree-title {
+  color: #333333;
+  cursor: pointer;
+  display: inline-block;
+  vertical-align: top;
+  min-height: 1em;
+  padding: 0 3px 0 3px;
+  margin: 0px 0 0 0.5em;
+  border: 1px solid transparent;
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  -ms-border-radius: 3px;
+  -o-border-radius: 3px;
+  border-radius: 3px;
+}
+span.fancytree-node.fancytree-error span.fancytree-title {
+  color: #d9534f;
+}
+/*------------------------------------------------------------------------------
+ * 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;
+}
+/*** Drop marker icon *********************************************************/
+#fancytree-drop-marker {
+  width: 2em;
+  position: absolute;
+  margin: 0;
+}
+#fancytree-drop-marker.fancytree-drop-after,
+#fancytree-drop-marker.fancytree-drop-before {
+  width: 4em;
+}
+/*** 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 .fancytree-exp-n span.fancytree-expander,
+.fancytree-container.fancytree-rtl .fancytree-exp-nl span.fancytree-expander {
+  background-image: none;
+}
+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-bootstrap/vline-rtl.gif");
+}
+ul.fancytree-container.fancytree-rtl li.fancytree-lastsib,
+ul.fancytree-container.fancytree-rtl.fancytree-no-connector > li {
+  background-image: none;
+}
+/*------------------------------------------------------------------------------
+ * 'table' extension
+ *----------------------------------------------------------------------------*/
+table.fancytree-ext-table {
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-size: 14px;
+  border-collapse: collapse;
+  /* ext-ariagrid */
+}
+table.fancytree-ext-table span.fancytree-node {
+  display: inline-block;
+  box-sizing: border-box;
+}
+table.fancytree-ext-table td.fancytree-status-merged {
+  text-align: center;
+  font-style: italic;
+  color: #333333;
+}
+table.fancytree-ext-table tr.fancytree-statusnode-error td.fancytree-status-merged {
+  color: #d9534f;
+}
+table.fancytree-ext-table.fancytree-ext-ariagrid.fancytree-cell-mode > tbody > tr.fancytree-active > td {
+  background-color: #eee;
+}
+table.fancytree-ext-table.fancytree-ext-ariagrid.fancytree-cell-mode > tbody > tr > td.fancytree-active-cell {
+  background-color: #cbe8f6;
+}
+table.fancytree-ext-table.fancytree-ext-ariagrid.fancytree-cell-mode.fancytree-cell-nav-mode > tbody > tr > td.fancytree-active-cell {
+  background-color: #3875d7;
+}
+/*------------------------------------------------------------------------------
+ * '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: 0em 0em;
+  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: #e0e0e0;
+}
+table.fancytree-ext-columnview span.fancytree-node.fancytree-active {
+  background-color: #cbe8f6;
+}
+table.fancytree-ext-columnview .fancytree-has-children span.fancytree-cv-right {
+  position: absolute;
+  right: 3px;
+}
+/*------------------------------------------------------------------------------
+ * 'filter' extension
+ *----------------------------------------------------------------------------*/
+.fancytree-ext-filter-dimm span.fancytree-node span.fancytree-title {
+  color: #333333;
+  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: #333333;
+  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,
+.fancytree-ext-childcounter span.fancytree-custom-icon,
+.fancytree-ext-filter span.fancytree-custom-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.
+ ******************************************************************************/
+/*******************************************************************************
+ * Plain tree
+ * Modifier classes on <ul> container:
+ * table-hover                : Enable a light mouse hover effect
+ * fancytree-colorize-selected: Give selected (checked) rows a color
+ */
+ul.fancytree-container ul {
+  padding: 0 0 0 1.5em;
+  margin: 0;
+}
+/* Prevent focus frame */
+.fancytree-container:focus {
+  outline: none;
+}
+.fancytree-container .fancytree-active span.fancytree-title input,
+.fancytree-container.fancytree-colorize-selected .fancytree-selected span.fancytree-title input {
+  color: black;
+}
+.fancytree-container span.fancytree-statusnode-error span.fancytree-expander {
+  color: #d9534f;
+}
+div.fancytree-drag-helper.fancytree-drop-reject,
+div.fancytree-drag-helper.fancytree-drop-reject span.fancytree-title {
+  color: #d9534f;
+}
+span.fancytree-node.fancytree-drag-source {
+  background-color: #5bc0de !important;
+}
+span.fancytree-node.fancytree-drop-target.fancytree-drop-reject span.fancytree.title {
+  background-color: #d9534f !important;
+}
+span.fancytree-expander {
+  color: #999;
+}
+.fancytree-expanded span.fancytree-expander {
+  color: #333333;
+}
+span.fancytree-node span.fancytree-expander:hover {
+  color: cyan;
+}
+.fancytree-plain.fancytree-colorize-selected span.fancytree-node.fancytree-selected,
+.fancytree-plain.fancytree-colorize-selected span.fancytree-node.fancytree-selected span.fancytree-title {
+  background-color: #80c780;
+  border-color: #80c780;
+  color: #fff;
+}
+.fancytree-plain.fancytree-colorize-selected span.fancytree-node.fancytree-selected:hover span.fancytree-title {
+  background-color: #6ec06e;
+}
+.fancytree-plain.fancytree-colorize-selected span.fancytree-node.fancytree-active.fancytree-selected span.fancytree-title {
+  color: #80c780;
+}
+.fancytree-plain.fancytree-colorize-selected.fancytree-treefocus span.fancytree-title:hover {
+  background-color: #f5f5f5;
+}
+.fancytree-plain.fancytree-colorize-selected.fancytree-treefocus span.fancytree-node.fancytree-selected span.fancytree-title {
+  background-color: #5cb85c;
+}
+.fancytree-plain.fancytree-colorize-selected.fancytree-treefocus span.fancytree-node.fancytree-selected:hover span.fancytree-title {
+  background-color: #4cae4c;
+}
+.fancytree-plain.fancytree-colorize-selected.fancytree-treefocus span.fancytree-node.fancytree-active.fancytree-selected span.fancytree-title {
+  color: #5cb85c;
+}
+.fancytree-plain.fancytree-container span.fancytree-node {
+  margin-top: 2px;
+  margin-bottom: 2px;
+}
+.fancytree-plain.fancytree-container span.fancytree-title {
+  border: 1px solid transparent;
+  border-radius: 3px;
+  outline-radius: 3px;
+}
+.fancytree-plain.fancytree-container span.fancytree-title:hover {
+  background-color: #f5f5f5;
+}
+.fancytree-plain.fancytree-container span.fancytree-node.fancytree-active span.fancytree-title {
+  background-color: #5094ce;
+  color: #fff;
+}
+.fancytree-plain.fancytree-container span.fancytree-node.fancytree-active:hover span.fancytree-title {
+  background-color: #3c87c8;
+}
+.fancytree-plain.fancytree-container.fancytree-ext-wide span.fancytree-node.fancytree-active {
+  color: #fff;
+}
+.fancytree-plain.fancytree-container.fancytree-treefocus span.fancytree-node.fancytree-focused span.fancytree-title {
+  border-color: #337ab7;
+}
+.fancytree-plain.fancytree-container.fancytree-treefocus span.fancytree-node.fancytree-active span.fancytree-title {
+  background-color: #337ab7;
+  border-color: #337ab7;
+}
+.fancytree-plain.fancytree-container.fancytree-treefocus span.fancytree-node.fancytree-active:hover span.fancytree-title {
+  background-color: #2e6da4;
+}
+/*******************************************************************************
+ * 'table' extension
+ * Modifier classes on <table>:
+ * table-hover                : Enable a light mouse hover effect
+ * fancytree-colorize-selected: Give selected (checked) rows a color
+ */
+table.fancytree-ext-table > tbody > tr > td span.fancytree-title {
+  border: none;
+}
+table.fancytree-ext-table.fancytree-colorize-selected > tbody > tr.fancytree-selected > td {
+  background-color: #80c780;
+}
+table.fancytree-ext-table.fancytree-colorize-selected > tbody > tr.fancytree-selected > td,
+table.fancytree-ext-table.fancytree-colorize-selected > tbody > tr.fancytree-selected > td span.fancytree-title {
+  color: #fff;
+}
+table.fancytree-ext-table.fancytree-colorize-selected.fancytree-treefocus > tbody > tr.fancytree-selected > td {
+  background-color: #5cb85c;
+}
+table.fancytree-ext-table.fancytree-colorize-selected.table-hover > tbody > tr.fancytree-selected:hover > td {
+  background-color: #6ec06e;
+}
+table.fancytree-ext-table.fancytree-colorize-selected.fancytree-treefocus.table-hover > tbody > tr.fancytree-selected:hover > td {
+  background-color: #4cae4c;
+}
+table.fancytree-ext-table.fancytree-colorize-selected.fancytree-treefocus.table-hover > tbody > tr.fancytree-selected.fancytree-active:hover > td,
+table.fancytree-ext-table.fancytree-colorize-selected.table-hover > tbody > tr.fancytree-selected.fancytree-active:hover > td {
+  background-color: #2e6da4;
+}
+table.fancytree-ext-table.fancytree-colorize-selected > tbody > tr.fancytree-active.fancytree-selected {
+  outline-width: 2px;
+  outline-offset: -2px;
+  outline-style: solid;
+  outline-color: #80c780;
+}
+table.fancytree-ext-table.fancytree-container > tbody > tr.fancytree-active > td {
+  background-color: #5094ce;
+}
+table.fancytree-ext-table.fancytree-container > tbody > tr.fancytree-active > td,
+table.fancytree-ext-table.fancytree-container > tbody > tr.fancytree-active > td span.fancytree-title {
+  color: #fff;
+}
+table.fancytree-ext-table.fancytree-treefocus.fancytree-container > tbody > tr.fancytree-focused span.fancytree-title {
+  outline: 1px dotted #000;
+}
+table.fancytree-ext-table.fancytree-treefocus.fancytree-container > tbody > tr.fancytree-active > td {
+  background-color: #337ab7;
+}
+table.fancytree-ext-table.fancytree-treefocus.fancytree-container.table-hover > tbody > tr.fancytree-active:hover > td {
+  background-color: #2e6da4;
+}
diff --git a/public/js/viewtree/skin-bootstrap/ui.fancytree.less b/public/js/viewtree/skin-bootstrap/ui.fancytree.less
new file mode 100644
index 0000000..bfd85fb
--- /dev/null
+++ b/public/js/viewtree/skin-bootstrap/ui.fancytree.less
@@ -0,0 +1,351 @@
+/*!
+ * Fancytree "bootstrap" skin.
+ *
+ * DON'T EDIT THE CSS FILE DIRECTLY, since it is automatically generated from
+ * the LESS templates.
+ */
+
+// Import common styles
+@import "../skin-common.less";
+
+
+/*******************************************************************************
+ * Styles specific to this skin.
+ *
+ * This section is automatically generated from the `ui-fancytree.less` template.
+ ******************************************************************************/
+
+
+// local vars
+// @fancy-my-icon-size: 16px;
+
+//------------------------------------------------------------------------------
+// Original bootstrap colors
+// See http://getbootstrap.com/css/#less-variables-colors and
+//     https://github.com/twbs/bootstrap/blob/master/less/variables.less
+@gray-base:              #000;
+@gray-darker:            lighten(@gray-base, 13.5%); // #222
+@gray-dark:              lighten(@gray-base, 20%);   // #333
+@gray:                   lighten(@gray-base, 33.5%); // #555
+@gray-light:             lighten(@gray-base, 46.7%); // #777
+@gray-lighter:           lighten(@gray-base, 93.5%); // #eee
+
+@brand-primary:         darken(#428bca, 6.5%); // blue,  #337ab7
+@brand-success:         #5cb85c;  // green
+@brand-info:            #5bc0de;  // light blue
+@brand-warning:         #f0ad4e;  // orange
+@brand-danger:          #d9534f;  // red
+
+@font-family-sans-serif:  "Helvetica Neue", Helvetica, Arial, sans-serif;
+@font-family-serif:       Georgia, "Times New Roman", Times, serif;
+//** Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`.
+@font-family-monospace:   Menlo, Monaco, Consolas, "Courier New", monospace;
+@font-family-base:        @font-family-sans-serif;
+
+@font-size-base:          14px;
+@font-size-large:         ceil((@font-size-base * 1.25)); // ~18px
+@font-size-small:         ceil((@font-size-base * 0.85)); // ~12px
+
+@border-radius-base:  4px;
+@border-radius-large: 6px;
+@border-radius-small: 3px;
+
+@text-color: @gray-dark;
+//** Default background color used for all tables.
+@table-bg:                      transparent;
+//** Background color used for `.table-striped`.
+@table-bg-accent:               #f9f9f9;
+//** Background color used for `.table-hover`.
+@table-bg-hover:                #f5f5f5;
+@table-bg-active:               @table-bg-hover;
+
+//** Border color for table and cell borders.
+@table-border-color:            #ddd;
+
+//------------------------------------------------------------------------------
+
+// Override the variable after the import.
+// NOTE: Variables are always resolved as the last definition, even if it is
+// after where it is used.
+@fancy-use-sprites: false;     // false: suppress all background images (i.e. icons)
+@fancy-loading-url: none;
+
+@fancy-line-height: 1em;       // height of a nodes selection bar including borders
+@fancy-node-v-spacing: 0px;    // gap between two node borders
+@fancy-icon-width: 1em;
+@fancy-icon-height: 1em;
+@fancy-icon-spacing: 0.5em;    // margin between icon/icon or icon/title
+@fancy-icon-ofs-top: 2px;      // extra vertical offset for expander, checkbox and icon
+@fancy-title-ofs-top: 0px;     // extra vertical offset for title
+@fancy-node-border-width: 1px;
+@fancy-node-border-radius: @border-radius-small;
+@fancy-node-outline-width: 1px;
+
+@fancy-font-family: @font-family-base;
+@fancy-font-size: @font-size-base;
+@fancy-font-color: @text-color;
+@fancy-font-color-dimm: @gray-dark;
+@fancy-font-error-color: @brand-danger;
+
+@fancy-active-text: #fff;
+@fancy-active-color: @brand-primary;
+@fancy-select-color: @brand-success;
+@fancy-hover-color: @table-bg-hover;
+
+// We need to define this variable here (not in skin-common.less) to make it
+// work with grunt and webpack:
+@fancy-image-prefix: "./skin-bootstrap/";
+
+/*******************************************************************************
+ * Plain tree
+ * Modifier classes on <ul> container:
+ * table-hover                : Enable a light mouse hover effect
+ * fancytree-colorize-selected: Give selected (checked) rows a color
+ */
+ul.fancytree-container ul {
+	padding: 0 0 0 1.5em;
+	margin: 0;
+}
+/* Prevent focus frame */
+.fancytree-container:focus {
+	outline: none;
+}
+
+// Active and (optionally) selected nodes are white on colored bg. Undo this for input controls:
+.fancytree-container .fancytree-active span.fancytree-title input,
+.fancytree-container.fancytree-colorize-selected .fancytree-selected span.fancytree-title input  {
+  color: black;
+}
+
+// Error status node
+.fancytree-container span.fancytree-statusnode-error span.fancytree-expander  {
+	color: @fancy-font-error-color;
+}
+
+// ------------------------------------------------------------------------------
+//  * Drag'n'drop support
+//  *----------------------------------------------------------------------------
+// div.fancytree-drag-helper {
+// }
+// div.fancytree-drag-helper a {
+// 	border: 1px solid gray;
+// 	background-color: white;
+// 	padding-left: 5px;
+// 	padding-right: 5px;
+// 	opacity: 0.8;
+// }
+// span.fancytree-drag-helper-img {
+// // position: relative;
+// // left: -16px;
+// }
+div.fancytree-drag-helper.fancytree-drop-reject,
+div.fancytree-drag-helper.fancytree-drop-reject span.fancytree-title
+{
+	color: @fancy-font-error-color;
+}
+// div.fancytree-drop-accept span.fancytree-drag-helper-img {
+// 	.useSprite(2, 7);
+// }
+// div.fancytree-drop-reject span.fancytree-drag-helper-img {
+// 	.useSprite(1, 7);
+// }
+
+// //--- Drop marker icon ---------------------------------------------------------
+// #fancytree-drop-marker {
+// 	width: 2 * @fancy-icon-width; // was 24px, but 32 should be correct
+// 	position: absolute;
+// 	.useSprite(0, 8);
+// 	margin: 0;
+// 	&.fancytree-drop-after,
+// 	&.fancytree-drop-before {
+// 		width: 4 * @fancy-icon-width; // 64px;
+// 		.useSprite(0, 9);
+// 	}
+// 	&.fancytree-drop-copy {
+// 		.useSprite(4, 8);
+// 	}
+// 	&.fancytree-drop-move {
+// 		.useSprite(2, 8);
+// 	}
+// }
+
+//--- Source node while dragging -----------------------------------------------
+
+span.fancytree-node.fancytree-drag-source {
+	background-color: @brand-info !important;
+	span.fancytree.title {
+		// outline: 1px solid @brand-info;
+		// color: @brand-primary;
+	}
+}
+
+//--- Target node while dragging cursor is over it -----------------------------
+
+span.fancytree-node.fancytree-drop-target {
+	&.fancytree-drop-accept span.fancytree.title {
+		// background-color: @brand-danger !important;
+		// outline: 1px solid @brand-success;
+		// color: white !important;
+	}
+	&.fancytree-drop-reject span.fancytree.title {
+		background-color: @brand-danger !important;
+		// outline: 1px solid @brand-danger;
+		// color: white !important;
+	}
+}
+
+span.fancytree-expander {
+	color: #999;  // colpased expander is gray
+}
+.fancytree-expanded span.fancytree-expander {
+	color: @fancy-font-color;
+}
+span.fancytree-node span.fancytree-expander:hover {
+	color: cyan;
+}
+
+// Inactive tree:
+.fancytree-plain {
+	&.fancytree-colorize-selected {
+		span.fancytree-node.fancytree-selected,
+		span.fancytree-node.fancytree-selected span.fancytree-title { // selected nodes inside inactive tree
+			background-color: lighten(@fancy-select-color, 10%);
+			border-color: lighten(@fancy-select-color, 10%);
+			color: @fancy-active-text;
+		}
+		span.fancytree-node.fancytree-selected:hover span.fancytree-title {
+			background-color: lighten(@fancy-select-color, 5%);
+		}
+		span.fancytree-node.fancytree-active.fancytree-selected span.fancytree-title { // active nodes inside inactive tree
+			color: lighten(@fancy-select-color, 10%);
+		}
+		&.fancytree-treefocus {
+			span.fancytree-title:hover {
+				background-color: @fancy-hover-color;
+			}
+			span.fancytree-node.fancytree-selected span.fancytree-title {
+				background-color: @fancy-select-color;
+			}
+			span.fancytree-node.fancytree-selected:hover span.fancytree-title {
+				background-color: darken(@fancy-select-color, 5%);
+			}
+			span.fancytree-node.fancytree-active.fancytree-selected span.fancytree-title {
+				color: @fancy-select-color;
+			}
+		}
+	}
+
+	&.fancytree-container {  // adding this class to increase specificity, so we can override .fancytree-colorize-selected
+		span.fancytree-node {
+			margin-top: 2px;
+			margin-bottom: 2px;
+		}
+		span.fancytree-title {
+			border: @fancy-node-border-width solid transparent;  // avoid jumping, when a border is added on hover
+			border-radius: @border-radius-small;
+			outline-radius: @border-radius-small;
+		}
+		span.fancytree-title:hover {
+			background-color: @fancy-hover-color;
+		}
+		span.fancytree-node.fancytree-active span.fancytree-title { // active nodes inside inactive tree
+			background-color: lighten(@fancy-active-color, 10%);
+			color: @fancy-active-text;
+		}
+		span.fancytree-node.fancytree-active:hover span.fancytree-title {
+			background-color: lighten(@fancy-active-color, 5%);
+		}
+		&.fancytree-ext-wide span.fancytree-node.fancytree-active { // in wide mode, icons of active nodes must be white-on-color
+			color: @fancy-active-text;
+		}
+
+		// Active tree:
+		&.fancytree-treefocus {
+			span.fancytree-node.fancytree-focused span.fancytree-title {
+				border-color: @brand-primary;
+			}
+			span.fancytree-node.fancytree-active span.fancytree-title {
+				background-color: @fancy-active-color;
+				border-color: @fancy-active-color;
+			}
+			span.fancytree-node.fancytree-active:hover span.fancytree-title {
+				background-color: darken(@fancy-active-color, 5%);
+			}
+		}
+	}
+}
+
+/*******************************************************************************
+ * 'table' extension
+ * Modifier classes on <table>:
+ * table-hover                : Enable a light mouse hover effect
+ * fancytree-colorize-selected: Give selected (checked) rows a color
+ */
+table.fancytree-ext-table {
+	>tbody >tr >td span.fancytree-title {
+		border: none;
+	}
+
+	// Give a separate color for selected (checked) rows
+	// Define *before* the .fancytree-active rules, because active color should
+	// override selected color.
+	&.fancytree-colorize-selected {
+		>tbody >tr.fancytree-selected >td {
+			// dimmed, if inside inactive tree
+			background-color: lighten(@fancy-select-color, 10%);
+			// white text for selected nodes
+			&,
+			span.fancytree-title {
+				color: @fancy-active-text;
+			}
+		}
+		&.fancytree-treefocus >tbody >tr.fancytree-selected >td {
+			background-color: @fancy-select-color;
+		}
+		&.table-hover >tbody >tr.fancytree-selected:hover >td {
+			// dimmed, if inside inactive tree
+			background-color: lighten(@fancy-select-color, 5%);
+		}
+		&.fancytree-treefocus.table-hover >tbody >tr.fancytree-selected:hover >td {
+			background-color: darken(@fancy-select-color, 5%);
+		}
+		&.fancytree-treefocus.table-hover >tbody >tr.fancytree-selected.fancytree-active:hover >td,
+		&.table-hover >tbody >tr.fancytree-selected.fancytree-active:hover >td {
+			background-color: darken(@fancy-active-color, 5%);
+		}
+		>tbody >tr.fancytree-active.fancytree-selected  {
+			outline-width: 2px;
+			outline-offset: -2px;
+			outline-style: solid;
+			outline-color: lighten(@fancy-select-color, 10%);
+		}
+	}
+
+	// General tree (slightly dimmed, since we also define colors for inactive
+	// mode here).
+
+	&.fancytree-container >tbody >tr.fancytree-active >td {
+		background-color: lighten(@fancy-active-color, 10%);
+		// white text for selected nodes
+		&,
+		span.fancytree-title {
+			color: @fancy-active-text;
+		}
+	}
+
+	// Reset to standard colors if tree has keyboard focus.
+	// We add .fancytree-container to increase specificity, so we can override
+	// .fancytree-colorize-selected defined above
+
+	&.fancytree-treefocus.fancytree-container {
+		>tbody >tr.fancytree-focused span.fancytree-title {
+			outline: 1px dotted #000;
+		}
+		>tbody >tr.fancytree-active >td {
+			background-color: @fancy-active-color;
+		}
+		&.table-hover >tbody >tr.fancytree-active:hover >td {
+			background-color: darken(@fancy-active-color, 5%);
+		}
+	}
+}
diff --git a/public/js/viewtree/skin-bootstrap/ui.fancytree.min.css b/public/js/viewtree/skin-bootstrap/ui.fancytree.min.css
new file mode 100644
index 0000000..60f01d7
--- /dev/null
+++ b/public/js/viewtree/skin-bootstrap/ui.fancytree.min.css
@@ -0,0 +1,6 @@
+/*!
+ * Fancytree "bootstrap" skin.
+ *
+ * DON'T EDIT THE CSS FILE DIRECTLY, since it is automatically generated from
+ * the LESS templates.
+ */.fancytree-helper-hidden{display:none}.fancytree-helper-indeterminate-cb{color:#777}.fancytree-helper-disabled{color:#333}.fancytree-helper-spin{-webkit-animation:spin 1s infinite linear;animation:spin 1s infinite linear}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}ul.fancytree-container{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;white-space:nowrap;padding:3px;margin:0;background-color:#fff;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:0 0;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:.5;background-color:silver}ul.fancytree-connectors.fancytree-container li{background-image:url("../skin-bootstrap/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}#fancytree-drop-marker,span.fancytree-checkbox,span.fancytree-drag-helper-img,span.fancytree-empty,span.fancytree-expander,span.fancytree-icon,span.fancytree-vline{width:1em;height:1em;display:inline-block;vertical-align:top;background-repeat:no-repeat;background-position:0 0}span.fancytree-checkbox,span.fancytree-custom-icon,span.fancytree-expander,span.fancytree-icon{margin-top:2px}span.fancytree-custom-icon{width:1em;height:1em;display:inline-block;margin-left:.5em;background-position:0 0}img.fancytree-icon{width:1em;height:1em;margin-left:.5em;margin-top:2px;vertical-align:top;border-style:none}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{margin-top:0}.fancytree-fade-expander span.fancytree-expander{transition:opacity 1.5s;opacity:0}.fancytree-fade-expander .fancytree-treefocus span.fancytree-expander,.fancytree-fade-expander [class*=fancytree-statusnode-] span.fancytree-expander,.fancytree-fade-expander.fancytree-treefocus span.fancytree-expander,.fancytree-fade-expander:hover span.fancytree-expander{transition:opacity .6s;opacity:1}span.fancytree-checkbox{margin-left:.5em}.fancytree-unselectable span.fancytree-checkbox{opacity:.4}.fancytree-container.fancytree-checkbox-auto-hide span.fancytree-checkbox{visibility:hidden}.fancytree-container.fancytree-checkbox-auto-hide .fancytree-node.fancytree-selected span.fancytree-checkbox,.fancytree-container.fancytree-checkbox-auto-hide .fancytree-node:hover span.fancytree-checkbox,.fancytree-container.fancytree-checkbox-auto-hide tr.fancytree-selected td span.fancytree-checkbox,.fancytree-container.fancytree-checkbox-auto-hide tr:hover td span.fancytree-checkbox{visibility:unset}.fancytree-container.fancytree-checkbox-auto-hide.fancytree-treefocus .fancytree-node.fancytree-active span.fancytree-checkbox,.fancytree-container.fancytree-checkbox-auto-hide.fancytree-treefocus tr.fancytree-active td span.fancytree-checkbox{visibility:unset}span.fancytree-icon{margin-left:.5em}.fancytree-loading span.fancytree-expander,.fancytree-loading span.fancytree-expander:hover,.fancytree-statusnode-loading span.fancytree-icon,.fancytree-statusnode-loading span.fancytree-icon:hover,span.fancytree-icon.fancytree-icon-loading{background-image:none}span.fancytree-node{display:inherit;width:100%;margin-top:0;min-height:1em}span.fancytree-title{color:#333;cursor:pointer;display:inline-block;vertical-align:top;min-height:1em;padding:0 3px 0 3px;margin:0 0 0 .5em;border:1px solid transparent;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px}span.fancytree-node.fancytree-error span.fancytree-title{color:#d9534f}span.fancytree-childcounter{color:#fff;background:#337ab7;border:1px solid gray;border-radius:10px;padding:2px;text-align:center}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}#fancytree-drop-marker{width:2em;position:absolute;margin:0}#fancytree-drop-marker.fancytree-drop-after,#fancytree-drop-marker.fancytree-drop-before{width:4em}span.fancytree-drag-source.fancytree-drag-remove{opacity:.15}.fancytree-container.fancytree-rtl .fancytree-exp-n span.fancytree-expander,.fancytree-container.fancytree-rtl .fancytree-exp-nl span.fancytree-expander{background-image:none}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-bootstrap/vline-rtl.gif")}ul.fancytree-container.fancytree-rtl li.fancytree-lastsib,ul.fancytree-container.fancytree-rtl.fancytree-no-connector>li{background-image:none}table.fancytree-ext-table{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;border-collapse:collapse}table.fancytree-ext-table span.fancytree-node{display:inline-block;box-sizing:border-box}table.fancytree-ext-table td.fancytree-status-merged{text-align:center;font-style:italic;color:#333}table.fancytree-ext-table tr.fancytree-statusnode-error td.fancytree-status-merged{color:#d9534f}table.fancytree-ext-table.fancytree-ext-ariagrid.fancytree-cell-mode>tbody>tr.fancytree-active>td{background-color:#eee}table.fancytree-ext-table.fancytree-ext-ariagrid.fancytree-cell-mode>tbody>tr>td.fancytree-active-cell{background-color:#cbe8f6}table.fancytree-ext-table.fancytree-ext-ariagrid.fancytree-cell-mode.fancytree-cell-nav-mode>tbody>tr>td.fancytree-active-cell{background-color:#3875d7}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:0 0;background-repeat:repeat-y;background-image:none;margin:0}table.fancytree-ext-columnview span.fancytree-node{position:relative;display:inline-block}table.fancytree-ext-columnview span.fancytree-node.fancytree-expanded{background-color:#e0e0e0}table.fancytree-ext-columnview span.fancytree-node.fancytree-active{background-color:#cbe8f6}table.fancytree-ext-columnview .fancytree-has-children span.fancytree-cv-right{position:absolute;right:3px}.fancytree-ext-filter-dimm span.fancytree-node span.fancytree-title{color:#333;font-weight:lighter}.fancytree-ext-filter-dimm span.fancytree-node.fancytree-submatch span.fancytree-title,.fancytree-ext-filter-dimm tr.fancytree-submatch span.fancytree-title{color:#000;font-weight:400}.fancytree-ext-filter-dimm span.fancytree-node.fancytree-match span.fancytree-title,.fancytree-ext-filter-dimm tr.fancytree-match span.fancytree-title{color:#000;font-weight:700}.fancytree-ext-filter-hide span.fancytree-node.fancytree-hide,.fancytree-ext-filter-hide tr.fancytree-hide{display:none}.fancytree-ext-filter-hide span.fancytree-node.fancytree-submatch span.fancytree-title,.fancytree-ext-filter-hide tr.fancytree-submatch span.fancytree-title{color:#333;font-weight:lighter}.fancytree-ext-filter-hide span.fancytree-node.fancytree-match span.fancytree-title,.fancytree-ext-filter-hide tr.fancytree-match span.fancytree-title{color:#000;font-weight:400}.fancytree-ext-filter-hide-expanders span.fancytree-node.fancytree-match span.fancytree-expander,.fancytree-ext-filter-hide-expanders tr.fancytree-match span.fancytree-expander{visibility:hidden}.fancytree-ext-filter-hide-expanders span.fancytree-node.fancytree-submatch span.fancytree-expander,.fancytree-ext-filter-hide-expanders tr.fancytree-submatch span.fancytree-expander{visibility:visible}.fancytree-ext-childcounter span.fancytree-custom-icon,.fancytree-ext-childcounter span.fancytree-icon,.fancytree-ext-filter span.fancytree-custom-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}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:0;min-width:100%;margin-left:0;margin-right:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.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,.75)}.fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-scroll-border-right{border-right:3px solid rgba(0,0,0,.75)}.fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-wrapper-tl{position:absolute;overflow:hidden;z-index:3;top:0;left:0}.fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-wrapper-tr{position:absolute;overflow:hidden;z-index:2;top:0}.fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-wrapper-bl{position:absolute;overflow:hidden;z-index:2;left:0}.fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-wrapper-br{position:absolute;overflow:scroll;z-index:1}ul.fancytree-container ul{padding:0 0 0 1.5em;margin:0}.fancytree-container:focus{outline:0}.fancytree-container .fancytree-active span.fancytree-title input,.fancytree-container.fancytree-colorize-selected .fancytree-selected span.fancytree-title input{color:#000}.fancytree-container span.fancytree-statusnode-error span.fancytree-expander{color:#d9534f}div.fancytree-drag-helper.fancytree-drop-reject,div.fancytree-drag-helper.fancytree-drop-reject span.fancytree-title{color:#d9534f}span.fancytree-node.fancytree-drag-source{background-color:#5bc0de!important}span.fancytree-node.fancytree-drop-target.fancytree-drop-reject span.fancytree.title{background-color:#d9534f!important}span.fancytree-expander{color:#999}.fancytree-expanded span.fancytree-expander{color:#333}span.fancytree-node span.fancytree-expander:hover{color:#0ff}.fancytree-plain.fancytree-colorize-selected span.fancytree-node.fancytree-selected,.fancytree-plain.fancytree-colorize-selected span.fancytree-node.fancytree-selected span.fancytree-title{background-color:#80c780;border-color:#80c780;color:#fff}.fancytree-plain.fancytree-colorize-selected span.fancytree-node.fancytree-selected:hover span.fancytree-title{background-color:#6ec06e}.fancytree-plain.fancytree-colorize-selected span.fancytree-node.fancytree-active.fancytree-selected span.fancytree-title{color:#80c780}.fancytree-plain.fancytree-colorize-selected.fancytree-treefocus span.fancytree-title:hover{background-color:#f5f5f5}.fancytree-plain.fancytree-colorize-selected.fancytree-treefocus span.fancytree-node.fancytree-selected span.fancytree-title{background-color:#5cb85c}.fancytree-plain.fancytree-colorize-selected.fancytree-treefocus span.fancytree-node.fancytree-selected:hover span.fancytree-title{background-color:#4cae4c}.fancytree-plain.fancytree-colorize-selected.fancytree-treefocus span.fancytree-node.fancytree-active.fancytree-selected span.fancytree-title{color:#5cb85c}.fancytree-plain.fancytree-container span.fancytree-node{margin-top:2px;margin-bottom:2px}.fancytree-plain.fancytree-container span.fancytree-title{border:1px solid transparent;border-radius:3px;outline-radius:3px}.fancytree-plain.fancytree-container span.fancytree-title:hover{background-color:#f5f5f5}.fancytree-plain.fancytree-container span.fancytree-node.fancytree-active span.fancytree-title{background-color:#5094ce;color:#fff}.fancytree-plain.fancytree-container span.fancytree-node.fancytree-active:hover span.fancytree-title{background-color:#3c87c8}.fancytree-plain.fancytree-container.fancytree-ext-wide span.fancytree-node.fancytree-active{color:#fff}.fancytree-plain.fancytree-container.fancytree-treefocus span.fancytree-node.fancytree-focused span.fancytree-title{border-color:#337ab7}.fancytree-plain.fancytree-container.fancytree-treefocus span.fancytree-node.fancytree-active span.fancytree-title{background-color:#337ab7;border-color:#337ab7}.fancytree-plain.fancytree-container.fancytree-treefocus span.fancytree-node.fancytree-active:hover span.fancytree-title{background-color:#2e6da4}table.fancytree-ext-table>tbody>tr>td span.fancytree-title{border:none}table.fancytree-ext-table.fancytree-colorize-selected>tbody>tr.fancytree-selected>td{background-color:#80c780}table.fancytree-ext-table.fancytree-colorize-selected>tbody>tr.fancytree-selected>td,table.fancytree-ext-table.fancytree-colorize-selected>tbody>tr.fancytree-selected>td span.fancytree-title{color:#fff}table.fancytree-ext-table.fancytree-colorize-selected.fancytree-treefocus>tbody>tr.fancytree-selected>td{background-color:#5cb85c}table.fancytree-ext-table.fancytree-colorize-selected.table-hover>tbody>tr.fancytree-selected:hover>td{background-color:#6ec06e}table.fancytree-ext-table.fancytree-colorize-selected.fancytree-treefocus.table-hover>tbody>tr.fancytree-selected:hover>td{background-color:#4cae4c}table.fancytree-ext-table.fancytree-colorize-selected.fancytree-treefocus.table-hover>tbody>tr.fancytree-selected.fancytree-active:hover>td,table.fancytree-ext-table.fancytree-colorize-selected.table-hover>tbody>tr.fancytree-selected.fancytree-active:hover>td{background-color:#2e6da4}table.fancytree-ext-table.fancytree-colorize-selected>tbody>tr.fancytree-active.fancytree-selected{outline-width:2px;outline-offset:-2px;outline-style:solid;outline-color:#80c780}table.fancytree-ext-table.fancytree-container>tbody>tr.fancytree-active>td{background-color:#5094ce}table.fancytree-ext-table.fancytree-container>tbody>tr.fancytree-active>td,table.fancytree-ext-table.fancytree-container>tbody>tr.fancytree-active>td span.fancytree-title{color:#fff}table.fancytree-ext-table.fancytree-treefocus.fancytree-container>tbody>tr.fancytree-focused span.fancytree-title{outline:1px dotted #000}table.fancytree-ext-table.fancytree-treefocus.fancytree-container>tbody>tr.fancytree-active>td{background-color:#337ab7}table.fancytree-ext-table.fancytree-treefocus.fancytree-container.table-hover>tbody>tr.fancytree-active:hover>td{background-color:#2e6da4}
\ No newline at end of file
diff --git a/public/js/viewtree/skin-bootstrap/vline-rtl.gif b/public/js/viewtree/skin-bootstrap/vline-rtl.gif
new file mode 100644
index 0000000..0400cb3
Binary files /dev/null and b/public/js/viewtree/skin-bootstrap/vline-rtl.gif differ
diff --git a/public/js/viewtree/skin-bootstrap/vline.gif b/public/js/viewtree/skin-bootstrap/vline.gif
new file mode 100644
index 0000000..1b00ae5
Binary files /dev/null and b/public/js/viewtree/skin-bootstrap/vline.gif differ
diff --git a/public/js/viewtree/skin-common.less b/public/js/viewtree/skin-common.less
new file mode 100644
index 0000000..a537b70
--- /dev/null
+++ b/public/js/viewtree/skin-common.less
@@ -0,0 +1,964 @@
+/*******************************************************************************
+ * Common Styles for Fancytree Skins.
+ *
+ * This section is automatically generated from the `skin-common.less` template.
+ *
+ * Copyright (c) 2008-2021, Martin Wendt (https://wwWendt.de)
+ * Released under the MIT license
+ * https://github.com/mar10/fancytree/wiki/LicenseInfo
+ *
+ * @version 2.38.2
+ * @date 2022-06-30T18:24:06Z
+******************************************************************************/
+
+// Variables (defaults, may be overwritten by the including .less files)
+@fancy-use-sprites: true; // false: suppress all background images (i.e. icons)
+// @fancy-hide-connectors: true;  // false: show vertical connector lines
+
+@fancy-level-indent: 16px;
+@fancy-line-height: 16px; // height of a nodes selection bar including borders
+@fancy-node-v-spacing: 1px; // gap between two node borders
+@fancy-icon-width: 16px;
+@fancy-icon-height: 16px;
+@fancy-icon-spacing: 3px; // margin between icon/icon or icon/title
+@fancy-icon-ofs-top: 0px; // extra vertical offset for expander, checkbox and icon
+@fancy-title-ofs-top: 0px; // extra vertical offset for title
+@fancy-node-border-width: 1px;
+@fancy-node-border-radius: 0px;
+@fancy-node-outline-width: 1px;
+
+// @fancy-line-ofs-top: (@fancy-line-height - @fancy-icon-height) / 2;
+
+// webpack uses /dist/skin-common.less as root path
+// grunt-less uses /dist/skin-Xxx/ui.fancyree.less as root path
+// So we define our theme LESS files for webpack compatibility, i.e.
+// define the image path n every main LESS file instead of here.
+// Prefix may be set to "", "/", "./", or any other value
+// Note: this variable must be defined by the main LESS files:
+// @fancy-image-prefix: "";
+
+// Use 'url(...)' to link to the throbber image, or
+// use data-uri(...)' to inline the data in css instead:
+// @fancy-loading-url: url("@{fancy-image-prefix}loading.gif");
+@fancy-loading-url: data-uri("@{fancy-image-prefix}loading.gif");
+
+// Set to `true` to use `data-uri(...)` instead of a `url(...)` link:
+@fancy-inline-sprites: false;
+
+@fancy-font-size: 10pt;
+@fancy-font-family: tahoma, arial, helvetica;
+@fancy-font-color: black;
+@fancy-font-color-dimm: #c0c0c0;
+@fancy-font-error-color: red;
+
+//------------------------------------------------------------------------------
+// Mixins
+//------------------------------------------------------------------------------
+.setBgPos(@x, @y, @cond:true) when (@cond) {
+	background-position: (@x * -@fancy-icon-width) (@y * -@fancy-icon-height);
+}
+.clearBgImage(@cond:true) when (@cond) {
+	background-image: none;
+}
+.setBgImageUrl(@url) when (@fancy-use-sprites) and not (@fancy-inline-sprites) {
+	background-image: url("@{fancy-image-prefix}@{url}");
+}
+.setBgImageUrl(@url) when (@fancy-use-sprites) and (@fancy-inline-sprites) {
+	background-image: data-uri("@{fancy-image-prefix}@{url}");
+}
+.useSprite(@x, @y) when (@fancy-use-sprites) {
+	.setBgPos(@x, @y);
+}
+.rounded-corners(@radius) {
+	-webkit-border-radius: @radius;
+	-moz-border-radius: @radius;
+	-ms-border-radius: @radius;
+	-o-border-radius: @radius;
+	border-radius: @radius;
+}
+.spanStyleMixin(@color, @bgcolor, @bordercolor) {
+	border-color: @bordercolor;
+	background: @bgcolor;
+	color: @color;
+}
+.spanStyleMixin(@color, @bgcolor, @bordercolor, @startColor, @stopColor) {
+	.spanStyleMixin(@color, @bgcolor, @bordercolor);
+	// @c-start: argb(@startColor);
+	// @c-end: argb(@stopColor);
+	background: -moz-linear-gradient(
+		top,
+		@startColor 0%,
+		@stopColor 100%
+	); // FF3.6+
+	background: -webkit-gradient(
+		linear,
+		left top,
+		left bottom,
+		color-stop(0%, @startColor),
+		color-stop(100%, @stopColor)
+	); // Chrome,Safari4+
+	background: -webkit-linear-gradient(
+		top,
+		@startColor 0%,
+		@stopColor 100%
+	); // Chrome10+,Safari5.1+
+	background: -o-linear-gradient(
+		top,
+		@startColor 0%,
+		@stopColor 100%
+	); // Opera 11.10+
+	background: -ms-linear-gradient(
+		top,
+		@startColor 0%,
+		@stopColor 100%
+	); // IE10+
+	background: linear-gradient(
+		to bottom,
+		@startColor 0%,
+		@stopColor 100%
+	); // W3C
+	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='@{startColor}', endColorstr='@{stopColor}',GradientType=0 ); // IE6-9
+}
+
+/*------------------------------------------------------------------------------
+ * Helpers
+ *----------------------------------------------------------------------------*/
+// Redefine, in case jQuery-UI is not included
+// .ui-helper-hidden,
+.fancytree-helper-hidden {
+	display: none;
+}
+.fancytree-helper-indeterminate-cb {
+	// tri-state checkbox
+	color: #777;
+}
+.fancytree-helper-disabled {
+	color: @fancy-font-color-dimm;
+}
+
+/* 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: @fancy-font-family;
+	font-size: @fancy-font-size;
+	white-space: nowrap;
+	padding: 3px;
+	margin: 0; // DT issue 201
+	background-color: white;
+	border: 1px dotted gray;
+	// overflow: auto;  // ext-dnd5: otherwise this is always the scroll parent
+	//	height: 100%; // DT issue 263, 470
+	min-height: 0%; // #192
+	position: relative; // #235
+	ul {
+		padding: 0 0 0 @fancy-level-indent;
+		margin: 0;
+	}
+	ul > li:before {
+		// #538
+		content: none;
+	}
+	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;
+		.setBgPos(0, 0);
+		background-repeat: repeat-y;
+		background-image: none; // no v-lines
+
+		margin: 0;
+		//		padding: 1px 0 0 0; // issue #246
+	}
+	// Suppress lines for last child node
+	li.fancytree-lastsib {
+		background-image: none;
+	}
+}
+
+// Style, when control is disabled
+.ui-fancytree-disabled ul.fancytree-container {
+	opacity: 0.5;
+	//	filter: alpha(opacity=50); // Yields a css warning
+	background-color: silver;
+}
+
+ul.fancytree-connectors.fancytree-container {
+	li {
+		// Use 'data-uri(...)' to embed the image into CSS instead of linking to 'loading.gif':
+		background-image: data-uri("@{fancy-image-prefix}vline.gif");
+		background-position: 0 0;
+	}
+}
+
+// Suppress lines for last child node
+ul.fancytree-container li.fancytree-lastsib,
+// Suppress lines if level is fixed expanded (option minExpandLevel)
+ul.fancytree-no-connector > li {
+	background-image: none;
+}
+
+// Fix jQuery UI 'blind' animation for jQuery UI (#717)
+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-radio,
+span.fancytree-drag-helper-img,
+#fancytree-drop-marker {
+	width: @fancy-icon-width;
+	height: @fancy-icon-height;
+	//	display: -moz-inline-box; // @ FF 1+2 removed for issue 221
+	//	-moz-box-align: start; /* issue 221 */
+	display: inline-block; // Required to make a span sizeable
+	vertical-align: top;
+	background-repeat: no-repeat;
+	// background-position: left;
+	.setBgImageUrl("icons.gif");
+	.setBgPos(0, 0);
+}
+span.fancytree-icon,
+span.fancytree-checkbox,
+span.fancytree-expander,
+// span.fancytree-radio,
+span.fancytree-custom-icon {
+	margin-top: @fancy-icon-ofs-top;
+}
+/* Used by icon option: */
+span.fancytree-custom-icon {
+	width: @fancy-icon-width;
+	height: @fancy-icon-height;
+	display: inline-block;
+	margin-left: @fancy-icon-spacing;
+	.setBgPos(0, 0);
+}
+/* Used by 'icon' node option: */
+img.fancytree-icon {
+	width: @fancy-icon-width;
+	height: @fancy-icon-height;
+	margin-left: @fancy-icon-spacing;
+	margin-top: @fancy-icon-ofs-top;
+	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 {
+	// .useSprite(0, 5);
+	cursor: pointer;
+}
+// span.fancytree-expander:hover {
+// 	// .useSprite(1, 5);
+// }
+
+// --- End nodes (use connectors instead of expanders)
+
+.fancytree-exp-n span.fancytree-expander,
+.fancytree-exp-nl span.fancytree-expander {
+	// .clearBgImage( @fancy-hide-connectors );
+	background-image: none;
+	cursor: default;
+}
+.fancytree-connectors {
+	.fancytree-exp-n span.fancytree-expander,
+	.fancytree-exp-nl span.fancytree-expander {
+		.setBgImageUrl("icons.gif");
+		margin-top: 0;
+	}
+	.fancytree-exp-n span.fancytree-expander,       // End-node, not last sibling
+	.fancytree-exp-n span.fancytree-expander:hover {
+		.useSprite(0, 4);
+	}
+	.fancytree-exp-nl span.fancytree-expander,      // End-node, last sibling
+	.fancytree-exp-nl span.fancytree-expander:hover {
+		.useSprite(1, 4);
+	}
+}
+
+// --- Collapsed
+
+.fancytree-exp-c span.fancytree-expander {
+	// Collapsed, not delayed, not last sibling
+	.useSprite(0, 5);
+}
+.fancytree-exp-c span.fancytree-expander:hover {
+	.useSprite(1, 5);
+}
+.fancytree-exp-cl span.fancytree-expander {
+	// Collapsed, not delayed, last sibling
+	.useSprite(0, 6);
+}
+.fancytree-exp-cl span.fancytree-expander:hover {
+	.useSprite(1, 6);
+}
+.fancytree-exp-cd span.fancytree-expander {
+	// Collapsed, delayed, not last sibling
+	.useSprite(4, 5);
+}
+.fancytree-exp-cd span.fancytree-expander:hover {
+	.useSprite(5, 5);
+}
+.fancytree-exp-cdl span.fancytree-expander {
+	// Collapsed, delayed, last sibling
+	.useSprite(4, 6);
+}
+.fancytree-exp-cdl span.fancytree-expander:hover {
+	.useSprite(5, 6);
+}
+
+// --- Expanded
+
+.fancytree-exp-e span.fancytree-expander,   // Expanded, not delayed, not last sibling
+.fancytree-exp-ed span.fancytree-expander {
+	// Expanded, delayed, not last sibling
+	.useSprite(2, 5);
+}
+.fancytree-exp-e span.fancytree-expander:hover,
+.fancytree-exp-ed span.fancytree-expander:hover {
+	.useSprite(3, 5);
+}
+.fancytree-exp-el span.fancytree-expander,   // Expanded, not delayed, last sibling
+.fancytree-exp-edl span.fancytree-expander {
+	// Expanded, delayed, last sibling
+	.useSprite(2, 6);
+}
+.fancytree-exp-el span.fancytree-expander:hover,
+.fancytree-exp-edl span.fancytree-expander:hover {
+	.useSprite(3, 6);
+}
+
+/* Fade out expanders, when container is not hovered or active */
+.fancytree-fade-expander {
+	span.fancytree-expander {
+		transition: opacity 1.5s;
+		opacity: 0;
+	}
+	&:hover span.fancytree-expander,
+	&.fancytree-treefocus span.fancytree-expander,
+	.fancytree-treefocus span.fancytree-expander,
+	[class*="fancytree-statusnode-"] span.fancytree-expander {
+		transition: opacity 0.6s;
+		opacity: 1;
+	}
+}
+
+/*------------------------------------------------------------------------------
+ * Checkbox icon
+ *----------------------------------------------------------------------------*/
+
+span.fancytree-checkbox {
+	margin-left: @fancy-icon-spacing;
+	.useSprite(0, 2);
+	&:hover {
+		.useSprite(1, 2);
+	}
+	&.fancytree-radio {
+		.useSprite(0, 3);
+	}
+	&.fancytree-radio:hover {
+		.useSprite(1, 3);
+	}
+}
+.fancytree-partsel span.fancytree-checkbox {
+	.useSprite(4, 2);
+	&:hover {
+		.useSprite(5, 2);
+	}
+	&.fancytree-radio {
+		.useSprite(4, 3);
+	}
+	&.fancytree-radio:hover {
+		.useSprite(5, 3);
+	}
+}
+// selected after partsel, so it takes precedence:
+.fancytree-selected span.fancytree-checkbox {
+	.useSprite(2, 2);
+	&:hover {
+		.useSprite(3, 2);
+	}
+	&.fancytree-radio {
+		.useSprite(2, 3);
+	}
+	&.fancytree-radio:hover {
+		.useSprite(3, 3);
+	}
+}
+// Unselectable is dimmed, without hover effects
+.fancytree-unselectable {
+	span.fancytree-checkbox {
+		opacity: 0.4;
+		filter: alpha(opacity=40);
+	}
+	span.fancytree-checkbox:hover {
+		.useSprite(0, 2);
+	}
+	span.fancytree-checkbox.fancytree-radio:hover {
+		.useSprite(0, 3);
+	}
+	&.fancytree-partsel span.fancytree-checkbox:hover {
+		.useSprite(4, 2);
+	}
+	&.fancytree-selected span.fancytree-checkbox:hover {
+		.useSprite(2, 2);
+	}
+	&.fancytree-selected span.fancytree-checkbox.fancytree-radio:hover {
+		.useSprite(2, 3);
+	}
+}
+
+// Auto-hide checkboxes unless selected or hovered
+.fancytree-container.fancytree-checkbox-auto-hide {
+	span.fancytree-checkbox {
+		visibility: hidden;
+	}
+  .fancytree-node:hover span.fancytree-checkbox,
+	tr:hover td span.fancytree-checkbox,
+	.fancytree-node.fancytree-selected span.fancytree-checkbox,
+	tr.fancytree-selected td span.fancytree-checkbox {
+		visibility: unset;
+	}
+  &.fancytree-treefocus {
+    .fancytree-node.fancytree-active span.fancytree-checkbox,
+    tr.fancytree-active td span.fancytree-checkbox {
+      visibility: unset;
+    }
+  }
+}
+
+/*------------------------------------------------------------------------------
+ * 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 {
+	// Default icon
+	margin-left: @fancy-icon-spacing;
+	.useSprite(0, 0);
+}
+
+/* Documents */
+.fancytree-ico-c span.fancytree-icon {
+	// Collapsed folder (empty)
+	// .useSprite(0, 0);
+}
+.fancytree-ico-c span.fancytree-icon:hover {
+	.useSprite(1, 0);
+}
+.fancytree-has-children.fancytree-ico-c span.fancytree-icon {
+	// Collapsed folder (not empty)
+	.useSprite(2, 0);
+}
+.fancytree-has-children.fancytree-ico-c span.fancytree-icon:hover {
+	.useSprite(3, 0);
+}
+.fancytree-ico-e span.fancytree-icon {
+	// Expanded folder
+	.useSprite(4, 0);
+}
+.fancytree-ico-e span.fancytree-icon:hover {
+	.useSprite(5, 0);
+}
+
+/* Folders */
+.fancytree-ico-cf span.fancytree-icon {
+	// Collapsed folder (empty)
+	.useSprite(0, 1);
+}
+.fancytree-ico-cf span.fancytree-icon:hover {
+	.useSprite(1, 1);
+}
+.fancytree-has-children.fancytree-ico-cf span.fancytree-icon {
+	// Collapsed folder (not empty)
+	.useSprite(2, 1);
+}
+.fancytree-has-children.fancytree-ico-cf span.fancytree-icon:hover {
+	.useSprite(3, 1);
+}
+.fancytree-ico-ef span.fancytree-icon {
+	// Expanded folder
+	.useSprite(4, 1);
+}
+.fancytree-ico-ef span.fancytree-icon:hover {
+	.useSprite(5, 1);
+}
+
+// 'Loading' status overrides all others
+.fancytree-loading span.fancytree-expander,
+.fancytree-loading span.fancytree-expander:hover,
+.fancytree-statusnode-loading span.fancytree-icon,
+.fancytree-statusnode-loading span.fancytree-icon:hover,
+span.fancytree-icon.fancytree-icon-loading {
+	background-image: @fancy-loading-url;
+	.useSprite(0, 0);
+}
+
+/* Status node icons */
+
+.fancytree-statusnode-error span.fancytree-icon,
+.fancytree-statusnode-error span.fancytree-icon:hover {
+	.useSprite(0, 7);
+}
+
+/*------------------------------------------------------------------------------
+ * Node titles and highlighting
+ *----------------------------------------------------------------------------*/
+
+span.fancytree-node {
+	/* See #117 */
+	display: inherit; // #117, resolves to 'display: list-item;' for standard trees
+	width: 100%;
+	margin-top: @fancy-node-v-spacing;
+	min-height: @fancy-line-height;
+}
+span.fancytree-title {
+	color: @fancy-font-color; // inherit doesn't work on IE
+	cursor: pointer;
+	display: inline-block; // Better alignment, when title contains <br>
+	vertical-align: top;
+	min-height: @fancy-line-height;
+	padding: 0 3px 0 3px; // Otherwise italic font will be outside right bounds
+	margin: @fancy-title-ofs-top 0 0 @fancy-icon-spacing;
+	// margin: 0px;
+	// margin-top: @fancy-line-ofs-top;
+	// margin-left: @fancy-icon-spacing;
+	border: @fancy-node-border-width solid transparent; // avoid jumping, when a border is added on hover
+	.rounded-corners(@fancy-node-border-radius);
+	//  outline: 0; // @ Firefox, prevent dotted border after click
+	// Set transparent border to prevent jumping when active node gets a border
+	//	   (we can do this, because this theme doesn't use vertical lines)
+	//	border: 1px solid white; // Note: 'transparent' would not work in IE6
+}
+span.fancytree-node.fancytree-error span.fancytree-title {
+	color: @fancy-font-error-color;
+}
+
+/*------------------------------------------------------------------------------
+ * Drag'n'drop support
+ *----------------------------------------------------------------------------*/
+/* ext-dnd5: */
+span.fancytree-childcounter {
+	color: #fff;
+	background: #337ab7; // bootstrap blue
+	border: 1px solid gray;
+	border-radius: 10px;
+	padding: 2px;
+	text-align: center;
+}
+
+/* ext-dnd: */
+div.fancytree-drag-helper {
+	span.fancytree-childcounter,
+	span.fancytree-dnd-modifier {
+		display: inline-block;
+		color: #fff;
+		background: #337ab7; // bootstrap blue
+		border: 1px solid gray;
+		min-width: 10px;
+		// min-height: 16px;
+		height: 10px;
+		line-height: 1;
+		vertical-align: baseline;
+		border-radius: 10px;
+		padding: 2px;
+		text-align: center;
+		font-size: 9px;
+	}
+	span.fancytree-childcounter {
+		position: absolute;
+		// left: 16px;
+		top: -6px;
+		right: -6px;
+	}
+	span.fancytree-dnd-modifier {
+		background: #5cb85c; // bootstrap green
+		border: none;
+		// min-height: 16px;
+		// font-size: 12px;
+		font-weight: bolder;
+	}
+	&.fancytree-drop-accept {
+		span.fancytree-drag-helper-img {
+			.useSprite(2, 7);
+		}
+	}
+	&.fancytree-drop-reject {
+		span.fancytree-drag-helper-img {
+			.useSprite(1, 7);
+		}
+	}
+}
+
+/*** Drop marker icon *********************************************************/
+#fancytree-drop-marker {
+	width: 2 * @fancy-icon-width; // was 24px, but 32 should be correct
+	position: absolute;
+	.useSprite(0, 8);
+	margin: 0;
+	&.fancytree-drop-after,
+	&.fancytree-drop-before {
+		width: 4 * @fancy-icon-width; // 64px;
+		.useSprite(0, 9);
+	}
+	&.fancytree-drop-copy {
+		.useSprite(4, 8);
+	}
+	&.fancytree-drop-move {
+		.useSprite(2, 8);
+	}
+}
+
+/*** Source node while dragging ***********************************************/
+
+span.fancytree-drag-source {
+	&.fancytree-drag-remove {
+		//		text-decoration: line-through;
+		opacity: 0.15;
+	}
+}
+
+/*** Target node while dragging cursor is over it *****************************/
+
+span.fancytree-drop-target {
+	&.fancytree-drop-accept {
+		// outline: 1px dotted #5cb85c; // bootstrap sucess
+	}
+}
+span.fancytree-drop-reject {
+	// outline: 1px dotted #d9534f; // boostrap warning
+}
+
+/*------------------------------------------------------------------------------
+ * 'rtl' option
+ *----------------------------------------------------------------------------*/
+
+.fancytree-container.fancytree-rtl {
+	.fancytree-title {
+		/*unicode-bidi: bidi-override;*/ /* optional: reverse title letters */
+	}
+	span.fancytree-connector,
+	span.fancytree-expander,
+	span.fancytree-icon,
+	span.fancytree-drag-helper-img {
+		.setBgImageUrl("icons-rtl.gif");
+	}
+	.fancytree-exp-n span.fancytree-expander,
+	.fancytree-exp-nl span.fancytree-expander {
+		background-image: none;
+	}
+	&.fancytree-connectors .fancytree-exp-n span.fancytree-expander,
+	&.fancytree-connectors .fancytree-exp-nl span.fancytree-expander {
+		.setBgImageUrl("icons-rtl.gif");
+	}
+}
+ul.fancytree-container.fancytree-rtl {
+	ul {
+		padding: 0 16px 0 0;
+	}
+	&.fancytree-connectors li {
+		background-position: right 0;
+		background-image: url("@{fancy-image-prefix}vline-rtl.gif");
+	}
+	// Suppress lines for last child node
+	li.fancytree-lastsib,
+	// Suppress lines if level is fixed expanded (option minExpandLevel)
+	&.fancytree-no-connector > li {
+		background-image: none;
+	}
+}
+#fancytree-drop-marker.fancytree-rtl {
+	.setBgImageUrl("icons-rtl.gif");
+}
+
+/*------------------------------------------------------------------------------
+ * 'table' extension
+ *----------------------------------------------------------------------------*/
+
+table.fancytree-ext-table {
+	font-family: @fancy-font-family;
+	font-size: @fancy-font-size;
+	border-collapse: collapse;
+	span.fancytree-node {
+		display: inline-block; // #117
+		box-sizing: border-box; // #562
+	}
+	td.fancytree-status-merged {
+		text-align: center;
+		// font-weight: bold;
+		font-style: italic;
+		//		line-height: 100px;
+		color: @fancy-font-color-dimm;
+	}
+	tr.fancytree-statusnode-error td.fancytree-status-merged {
+		color: @fancy-font-error-color;
+	}
+	/* ext-ariagrid */
+	&.fancytree-ext-ariagrid.fancytree-cell-mode {
+		> tbody > tr.fancytree-active > td {
+			background-color: #eee;
+		}
+		> tbody > tr > td.fancytree-active-cell {
+			background-color: #cbe8f6;
+		}
+		&.fancytree-cell-nav-mode > tbody > tr > td.fancytree-active-cell {
+			background-color: #3875d7;
+		}
+	}
+}
+
+/*------------------------------------------------------------------------------
+ * 'columnview' extension
+ *----------------------------------------------------------------------------*/
+
+table.fancytree-ext-columnview {
+	// 	border-collapse: collapse;
+	// 	width: 100%;
+	tbody tr td {
+		position: relative;
+		border: 1px solid gray;
+		vertical-align: top;
+		overflow: auto;
+		> ul {
+			padding: 0;
+			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;
+				.setBgPos(0, 0);
+				background-repeat: repeat-y;
+				background-image: none; /* no v-lines */
+
+				margin: 0;
+				//				padding: 1px 0 0 0;  // issue #246
+			}
+		}
+	}
+	span.fancytree-node {
+		position: relative; /* allow positioning of embedded spans */
+		display: inline-block; // #117
+	}
+	span.fancytree-node.fancytree-expanded {
+		background-color: #e0e0e0;
+	}
+	span.fancytree-node.fancytree-active {
+		background-color: #cbe8f6;
+		// background-color: royalblue;
+	}
+	.fancytree-has-children span.fancytree-cv-right {
+		position: absolute;
+		right: 3px;
+		.useSprite(0, 5);
+		&:hover {
+			.useSprite(1, 5);
+		}
+	}
+}
+
+/*------------------------------------------------------------------------------
+ * 'filter' extension
+ *----------------------------------------------------------------------------*/
+
+.fancytree-ext-filter-dimm {
+	span.fancytree-node span.fancytree-title {
+		color: @fancy-font-color-dimm;
+		font-weight: lighter;
+	}
+	tr.fancytree-submatch span.fancytree-title,
+	span.fancytree-node.fancytree-submatch span.fancytree-title {
+		color: black;
+		font-weight: normal;
+	}
+	tr.fancytree-match span.fancytree-title,
+	span.fancytree-node.fancytree-match span.fancytree-title {
+		color: black;
+		font-weight: bold;
+	}
+}
+.fancytree-ext-filter-hide {
+	tr.fancytree-hide,
+	span.fancytree-node.fancytree-hide {
+		display: none;
+	}
+	tr.fancytree-submatch span.fancytree-title,
+	span.fancytree-node.fancytree-submatch span.fancytree-title {
+		color: @fancy-font-color-dimm;
+		font-weight: lighter;
+	}
+	tr.fancytree-match span.fancytree-title,
+	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,
+	span.fancytree-node.fancytree-match span.fancytree-expander {
+		visibility: hidden;
+	}
+	tr.fancytree-submatch span.fancytree-expander,
+	span.fancytree-node.fancytree-submatch span.fancytree-expander {
+		visibility: visible;
+	}
+}
+
+.fancytree-ext-childcounter,
+.fancytree-ext-filter {
+	// span.fancytree-title mark {
+	// 	font-style: normal;
+	// 	background-color: #ead61c; // yellow
+	// 	border-radius: 3px;
+	// }
+	span.fancytree-icon,
+	span.fancytree-custom-icon {
+		position: relative;
+	}
+	span.fancytree-childcounter {
+		color: #fff;
+		background: #777; // #337ab7;  // bootstrap blue
+		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;
+
+	span.fancytree-node > span {
+		position: relative;
+		z-index: 2;
+	}
+	span.fancytree-node span.fancytree-title {
+		position: absolute; // Allow left: 0. Note: prevents smooth dropdown animation
+		z-index: 1; // Behind expander and checkbox
+		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;
+	}
+	div.fancytree-ext-fixed-scroll-border-bottom {
+		border-bottom: 3px solid rgba(0, 0, 0, 0.75);
+	}
+	div.fancytree-ext-fixed-scroll-border-right {
+		border-right: 3px solid rgba(0, 0, 0, 0.75);
+	}
+	div.fancytree-ext-fixed-wrapper-tl {
+		position: absolute;
+		overflow: hidden;
+		z-index: 3;
+		top: 0px;
+		left: 0px;
+	}
+	div.fancytree-ext-fixed-wrapper-tr {
+		position: absolute;
+		overflow: hidden;
+		z-index: 2;
+		top: 0px;
+	}
+	div.fancytree-ext-fixed-wrapper-bl {
+		position: absolute;
+		overflow: hidden;
+		z-index: 2;
+		left: 0px;
+	}
+	div.fancytree-ext-fixed-wrapper-br {
+		position: absolute;
+		overflow: scroll;
+		z-index: 1;
+	}
+}
diff --git a/public/js/viewtree/skin-custom-1/README.md b/public/js/viewtree/skin-custom-1/README.md
new file mode 100644
index 0000000..c1703a7
--- /dev/null
+++ b/public/js/viewtree/skin-custom-1/README.md
@@ -0,0 +1,14 @@
+### Creating Custom Skins
+
+1. Create a folder like this (recommended name: 'src/skin-custom-...')
+2. For a start, copy files from one of the existing skin folders (src/skin-...)
+   to the custom folder:
+   - ui.fancytree.less (required)
+   - icons.gif (if needed)
+   - loading.gif (if needed)
+3. cd to your fancytree folder and run `grunt dev` from the console.<br>
+   Note: NPM and Grunt are required.
+   Read [how to install the toolset](https://github.com/mar10/fancytree/wiki/HowtoContribute#install-the-source-code-and-tools-for-debugging-and-contributing).
+4. Edit and save your ui.fancytree.less file.<br>
+   The `ui.fancytree.css` will be generated and updated automatically from
+   the LESS file.
diff --git a/public/js/viewtree/skin-lion/icons-rtl.gif b/public/js/viewtree/skin-lion/icons-rtl.gif
new file mode 100644
index 0000000..a4eeb9e
Binary files /dev/null and b/public/js/viewtree/skin-lion/icons-rtl.gif differ
diff --git a/public/js/viewtree/skin-lion/icons.gif b/public/js/viewtree/skin-lion/icons.gif
new file mode 100644
index 0000000..1ca2af6
Binary files /dev/null and b/public/js/viewtree/skin-lion/icons.gif differ
diff --git a/public/js/viewtree/skin-lion/loading.gif b/public/js/viewtree/skin-lion/loading.gif
new file mode 100644
index 0000000..5b33f7e
Binary files /dev/null and b/public/js/viewtree/skin-lion/loading.gif differ
diff --git a/public/js/viewtree/skin-lion/ui.fancytree.css b/public/js/viewtree/skin-lion/ui.fancytree.css
new file mode 100644
index 0000000..10f48ae
--- /dev/null
+++ b/public/js/viewtree/skin-lion/ui.fancytree.css
@@ -0,0 +1,757 @@
+/*!
+ * 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.
+ *
+ * Copyright (c) 2008-2021, Martin Wendt (https://wwWendt.de)
+ * Released under the MIT license
+ * https://github.com/mar10/fancytree/wiki/LicenseInfo
+ *
+ * @version 2.38.2
+ * @date 2022-06-30T18:24:06Z
+******************************************************************************/
+/*------------------------------------------------------------------------------
+ * 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-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 span.fancytree-checkbox.fancytree-radio:hover {
+  background-position: 0px -48px;
+}
+.fancytree-unselectable.fancytree-partsel span.fancytree-checkbox:hover {
+  background-position: -64px -32px;
+}
+.fancytree-unselectable.fancytree-selected span.fancytree-checkbox:hover {
+  background-position: -32px -32px;
+}
+.fancytree-unselectable.fancytree-selected span.fancytree-checkbox.fancytree-radio:hover {
+  background-position: -32px -48px;
+}
+.fancytree-container.fancytree-checkbox-auto-hide span.fancytree-checkbox {
+  visibility: hidden;
+}
+.fancytree-container.fancytree-checkbox-auto-hide .fancytree-node:hover span.fancytree-checkbox,
+.fancytree-container.fancytree-checkbox-auto-hide tr:hover td span.fancytree-checkbox,
+.fancytree-container.fancytree-checkbox-auto-hide .fancytree-node.fancytree-selected span.fancytree-checkbox,
+.fancytree-container.fancytree-checkbox-auto-hide tr.fancytree-selected td span.fancytree-checkbox {
+  visibility: unset;
+}
+.fancytree-container.fancytree-checkbox-auto-hide.fancytree-treefocus .fancytree-node.fancytree-active span.fancytree-checkbox,
+.fancytree-container.fancytree-checkbox-auto-hide.fancytree-treefocus tr.fancytree-active td span.fancytree-checkbox {
+  visibility: unset;
+}
+/*------------------------------------------------------------------------------
+ * 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,
+span.fancytree-icon.fancytree-icon-loading {
+  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 {
+  font-family: tahoma, arial, helvetica;
+  font-size: 10pt;
+  border-collapse: collapse;
+  /* ext-ariagrid */
+}
+table.fancytree-ext-table span.fancytree-node {
+  display: inline-block;
+  box-sizing: border-box;
+}
+table.fancytree-ext-table td.fancytree-status-merged {
+  text-align: center;
+  font-style: italic;
+  color: #c0c0c0;
+}
+table.fancytree-ext-table tr.fancytree-statusnode-error td.fancytree-status-merged {
+  color: red;
+}
+table.fancytree-ext-table.fancytree-ext-ariagrid.fancytree-cell-mode > tbody > tr.fancytree-active > td {
+  background-color: #eee;
+}
+table.fancytree-ext-table.fancytree-ext-ariagrid.fancytree-cell-mode > tbody > tr > td.fancytree-active-cell {
+  background-color: #cbe8f6;
+}
+table.fancytree-ext-table.fancytree-ext-ariagrid.fancytree-cell-mode.fancytree-cell-nav-mode > tbody > tr > td.fancytree-active-cell {
+  background-color: #3875d7;
+}
+/*------------------------------------------------------------------------------
+ * '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: #e0e0e0;
+}
+table.fancytree-ext-columnview span.fancytree-node.fancytree-active {
+  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,
+.fancytree-ext-childcounter span.fancytree-custom-icon,
+.fancytree-ext-filter span.fancytree-custom-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/public/js/viewtree/skin-lion/ui.fancytree.less b/public/js/viewtree/skin-lion/ui.fancytree.less
new file mode 100644
index 0000000..b28f5c0
--- /dev/null
+++ b/public/js/viewtree/skin-lion/ui.fancytree.less
@@ -0,0 +1,98 @@
+ /*!
+ * 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
+
+*/
+// Import common styles
+@import "../skin-common.less";
+
+
+/*******************************************************************************
+ * Styles specific to this skin.
+ *
+ * This section is automatically generated from the `ui-fancytree.less` template.
+ ******************************************************************************/
+
+// Override the variable after the import.
+// NOTE: Variables are always resolved as the last definition, even if it is
+// after where it is used.
+@fancy-use-sprites: true;      // false: suppress all background images (i.e. icons)
+
+@fancy-icon-width: 16px;
+@fancy-icon-height: 16px;
+@fancy-line-height: 16px;
+@fancy-icon-spacing: 3px;
+
+// We need to define this variable here (not in skin-common.less) to make it
+// work with grunt and webpack:
+@fancy-image-prefix: "./skin-lion/";
+
+// Use 'data-uri(...)' to embed the image into CSS instead of linking to 'loading.gif':
+// @fancy-loading-url: data-uri("@{fancy-image-prefix}loading.gif");
+// Set to `true` to use `data-uri(...)` which will embed icons.gif into CSS
+// instead of linking to that file:
+// @fancy-inline-sprites: true;
+
+
+/*******************************************************************************
+ * Node titles
+ */
+span.fancytree-title {
+	border: 1px solid transparent; // reserve some space for status borders
+	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; // gray
+}
+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; // blue
+}
+
+/*******************************************************************************
+ * 'table' extension
+ */
+table.fancytree-ext-table {
+	border-collapse: collapse;
+	tbody {
+	    tr.fancytree-focused {
+			background-color: #99DEFD;
+		}
+	    tr.fancytree-active {
+			background-color: royalblue;
+		}
+	    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/public/js/viewtree/skin-lion/ui.fancytree.min.css b/public/js/viewtree/skin-lion/ui.fancytree.min.css
new file mode 100644
index 0000000..6fa65e0
--- /dev/null
+++ b/public/js/viewtree/skin-lion/ui.fancytree.min.css
@@ -0,0 +1,6 @@
+/*!
+ * Fancytree "Lion" skin.
+ *
+ * DON'T EDIT THE CSS FILE DIRECTLY, since it is automatically generated from
+ * the LESS templates.
+ */.fancytree-helper-hidden{display:none}.fancytree-helper-indeterminate-cb{color:#777}.fancytree-helper-disabled{color:silver}.fancytree-helper-spin{-webkit-animation:spin 1s infinite linear;animation:spin 1s infinite linear}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}ul.fancytree-container{font-family:tahoma,arial,helvetica;font-size:10pt;white-space:nowrap;padding:3px;margin:0;background-color:#fff;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:0 0;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:.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}#fancytree-drop-marker,span.fancytree-checkbox,span.fancytree-drag-helper-img,span.fancytree-empty,span.fancytree-expander,span.fancytree-icon,span.fancytree-vline{width:16px;height:16px;display:inline-block;vertical-align:top;background-repeat:no-repeat;background-image:url("../skin-lion/icons.gif");background-position:0 0}span.fancytree-checkbox,span.fancytree-custom-icon,span.fancytree-expander,span.fancytree-icon{margin-top:0}span.fancytree-custom-icon{width:16px;height:16px;display:inline-block;margin-left:3px;background-position:0 0}img.fancytree-icon{width:16px;height:16px;margin-left:3px;margin-top:0;vertical-align:top;border-style:none}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:0 -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:0 -80px}.fancytree-exp-c span.fancytree-expander:hover{background-position:-16px -80px}.fancytree-exp-cl span.fancytree-expander{background-position:0 -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-edl span.fancytree-expander,.fancytree-exp-el span.fancytree-expander{background-position:-32px -96px}.fancytree-exp-edl span.fancytree-expander:hover,.fancytree-exp-el span.fancytree-expander:hover{background-position:-48px -96px}.fancytree-fade-expander span.fancytree-expander{transition:opacity 1.5s;opacity:0}.fancytree-fade-expander .fancytree-treefocus span.fancytree-expander,.fancytree-fade-expander [class*=fancytree-statusnode-] span.fancytree-expander,.fancytree-fade-expander.fancytree-treefocus span.fancytree-expander,.fancytree-fade-expander:hover span.fancytree-expander{transition:opacity .6s;opacity:1}span.fancytree-checkbox{margin-left:3px;background-position:0 -32px}span.fancytree-checkbox:hover{background-position:-16px -32px}span.fancytree-checkbox.fancytree-radio{background-position:0 -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:.4}.fancytree-unselectable span.fancytree-checkbox:hover{background-position:0 -32px}.fancytree-unselectable span.fancytree-checkbox.fancytree-radio:hover{background-position:0 -48px}.fancytree-unselectable.fancytree-partsel span.fancytree-checkbox:hover{background-position:-64px -32px}.fancytree-unselectable.fancytree-selected span.fancytree-checkbox:hover{background-position:-32px -32px}.fancytree-unselectable.fancytree-selected span.fancytree-checkbox.fancytree-radio:hover{background-position:-32px -48px}.fancytree-container.fancytree-checkbox-auto-hide span.fancytree-checkbox{visibility:hidden}.fancytree-container.fancytree-checkbox-auto-hide .fancytree-node.fancytree-selected span.fancytree-checkbox,.fancytree-container.fancytree-checkbox-auto-hide .fancytree-node:hover span.fancytree-checkbox,.fancytree-container.fancytree-checkbox-auto-hide tr.fancytree-selected td span.fancytree-checkbox,.fancytree-container.fancytree-checkbox-auto-hide tr:hover td span.fancytree-checkbox{visibility:unset}.fancytree-container.fancytree-checkbox-auto-hide.fancytree-treefocus .fancytree-node.fancytree-active span.fancytree-checkbox,.fancytree-container.fancytree-checkbox-auto-hide.fancytree-treefocus tr.fancytree-active td span.fancytree-checkbox{visibility:unset}span.fancytree-icon{margin-left:3px;background-position:0 0}.fancytree-ico-c span.fancytree-icon:hover{background-position:-16px 0}.fancytree-has-children.fancytree-ico-c span.fancytree-icon{background-position:-32px 0}.fancytree-has-children.fancytree-ico-c span.fancytree-icon:hover{background-position:-48px 0}.fancytree-ico-e span.fancytree-icon{background-position:-64px 0}.fancytree-ico-e span.fancytree-icon:hover{background-position:-80px 0}.fancytree-ico-cf span.fancytree-icon{background-position:0 -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,span.fancytree-icon.fancytree-icon-loading{background-image:url("../skin-lion/loading.gif");background-position:0 0}.fancytree-statusnode-error span.fancytree-icon,.fancytree-statusnode-error span.fancytree-icon:hover{background-position:0 -112px}span.fancytree-node{display:inherit;width:100%;margin-top:1px;min-height:16px}span.fancytree-title{color:#000;cursor:pointer;display:inline-block;vertical-align:top;min-height:16px;padding:0 3px 0 3px;margin:0 0 0 3px;border:1px solid transparent;-webkit-border-radius:0px;-moz-border-radius:0;-ms-border-radius:0px;-o-border-radius:0;border-radius:0}span.fancytree-node.fancytree-error span.fancytree-title{color:red}span.fancytree-childcounter{color:#fff;background:#337ab7;border:1px solid gray;border-radius:10px;padding:2px;text-align:center}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}#fancytree-drop-marker{width:32px;position:absolute;background-position:0 -128px;margin:0}#fancytree-drop-marker.fancytree-drop-after,#fancytree-drop-marker.fancytree-drop-before{width:64px;background-position:0 -144px}#fancytree-drop-marker.fancytree-drop-copy{background-position:-64px -128px}#fancytree-drop-marker.fancytree-drop-move{background-position:-32px -128px}span.fancytree-drag-source.fancytree-drag-remove{opacity:.15}.fancytree-container.fancytree-rtl span.fancytree-connector,.fancytree-container.fancytree-rtl span.fancytree-drag-helper-img,.fancytree-container.fancytree-rtl span.fancytree-expander,.fancytree-container.fancytree-rtl span.fancytree-icon{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.fancytree-ext-table{font-family:tahoma,arial,helvetica;font-size:10pt;border-collapse:collapse}table.fancytree-ext-table span.fancytree-node{display:inline-block;box-sizing:border-box}table.fancytree-ext-table td.fancytree-status-merged{text-align:center;font-style:italic;color:silver}table.fancytree-ext-table tr.fancytree-statusnode-error td.fancytree-status-merged{color:red}table.fancytree-ext-table.fancytree-ext-ariagrid.fancytree-cell-mode>tbody>tr.fancytree-active>td{background-color:#eee}table.fancytree-ext-table.fancytree-ext-ariagrid.fancytree-cell-mode>tbody>tr>td.fancytree-active-cell{background-color:#cbe8f6}table.fancytree-ext-table.fancytree-ext-ariagrid.fancytree-cell-mode.fancytree-cell-nav-mode>tbody>tr>td.fancytree-active-cell{background-color:#3875d7}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:0 0;background-repeat:repeat-y;background-image:none;margin:0}table.fancytree-ext-columnview span.fancytree-node{position:relative;display:inline-block}table.fancytree-ext-columnview span.fancytree-node.fancytree-expanded{background-color:#e0e0e0}table.fancytree-ext-columnview span.fancytree-node.fancytree-active{background-color:#cbe8f6}table.fancytree-ext-columnview .fancytree-has-children span.fancytree-cv-right{position:absolute;right:3px;background-position:0 -80px}table.fancytree-ext-columnview .fancytree-has-children span.fancytree-cv-right:hover{background-position:-16px -80px}.fancytree-ext-filter-dimm span.fancytree-node span.fancytree-title{color:silver;font-weight:lighter}.fancytree-ext-filter-dimm span.fancytree-node.fancytree-submatch span.fancytree-title,.fancytree-ext-filter-dimm tr.fancytree-submatch span.fancytree-title{color:#000;font-weight:400}.fancytree-ext-filter-dimm span.fancytree-node.fancytree-match span.fancytree-title,.fancytree-ext-filter-dimm tr.fancytree-match span.fancytree-title{color:#000;font-weight:700}.fancytree-ext-filter-hide span.fancytree-node.fancytree-hide,.fancytree-ext-filter-hide tr.fancytree-hide{display:none}.fancytree-ext-filter-hide span.fancytree-node.fancytree-submatch span.fancytree-title,.fancytree-ext-filter-hide tr.fancytree-submatch span.fancytree-title{color:silver;font-weight:lighter}.fancytree-ext-filter-hide span.fancytree-node.fancytree-match span.fancytree-title,.fancytree-ext-filter-hide tr.fancytree-match span.fancytree-title{color:#000;font-weight:400}.fancytree-ext-filter-hide-expanders span.fancytree-node.fancytree-match span.fancytree-expander,.fancytree-ext-filter-hide-expanders tr.fancytree-match span.fancytree-expander{visibility:hidden}.fancytree-ext-filter-hide-expanders span.fancytree-node.fancytree-submatch span.fancytree-expander,.fancytree-ext-filter-hide-expanders tr.fancytree-submatch span.fancytree-expander{visibility:visible}.fancytree-ext-childcounter span.fancytree-custom-icon,.fancytree-ext-childcounter span.fancytree-icon,.fancytree-ext-filter span.fancytree-custom-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}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:0;min-width:100%;margin-left:0;margin-right:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.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,.75)}.fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-scroll-border-right{border-right:3px solid rgba(0,0,0,.75)}.fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-wrapper-tl{position:absolute;overflow:hidden;z-index:3;top:0;left:0}.fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-wrapper-tr{position:absolute;overflow:hidden;z-index:2;top:0}.fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-wrapper-bl{position:absolute;overflow:hidden;z-index:2;left:0}.fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-wrapper-br{position:absolute;overflow:scroll;z-index:1}span.fancytree-title{border:1px solid transparent;border-radius:0}span.fancytree-focused span.fancytree-title{outline:1px dotted black}span.fancytree-active span.fancytree-title,span.fancytree-selected span.fancytree-title{background-color:#d4d4d4}span.fancytree-selected span.fancytree-title{font-style:italic}.fancytree-treefocus span.fancytree-active span.fancytree-title,.fancytree-treefocus span.fancytree-selected span.fancytree-title{color:#fff;background-color:#3875d7}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:#4169e1}table.fancytree-ext-table tbody tr.fancytree-selected{background-color:#99defd}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:#4169e1}
\ No newline at end of file
diff --git a/public/js/viewtree/skin-lion/vline-rtl.gif b/public/js/viewtree/skin-lion/vline-rtl.gif
new file mode 100644
index 0000000..f9b4232
Binary files /dev/null and b/public/js/viewtree/skin-lion/vline-rtl.gif differ
diff --git a/public/js/viewtree/skin-lion/vline.gif b/public/js/viewtree/skin-lion/vline.gif
new file mode 100644
index 0000000..f9b4232
Binary files /dev/null and b/public/js/viewtree/skin-lion/vline.gif differ
diff --git a/public/js/viewtree/skin-material/ui.fancytree.css b/public/js/viewtree/skin-material/ui.fancytree.css
new file mode 100644
index 0000000..dc27864
--- /dev/null
+++ b/public/js/viewtree/skin-material/ui.fancytree.css
@@ -0,0 +1,581 @@
+/*!
+ * Fancytree "material" skin.
+ *
+ * DON'T EDIT THE CSS FILE DIRECTLY, since it is automatically generated from
+ * the LESS templates.
+ */
+/*******************************************************************************
+ * Common Styles for Fancytree Skins.
+ *
+ * This section is automatically generated from the `skin-common.less` template.
+ *
+ * Copyright (c) 2008-2021, Martin Wendt (https://wwWendt.de)
+ * Released under the MIT license
+ * https://github.com/mar10/fancytree/wiki/LicenseInfo
+ *
+ * @version 2.38.2
+ * @date 2022-06-30T18:24:06Z
+******************************************************************************/
+/*------------------------------------------------------------------------------
+ * Helpers
+ *----------------------------------------------------------------------------*/
+.fancytree-helper-hidden {
+  display: none;
+}
+.fancytree-helper-indeterminate-cb {
+  color: #777;
+}
+.fancytree-helper-disabled {
+  color: silver;
+}
+/* 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: "Roboto Regular", tahoma, arial, helvetica;
+  font-size: 24px;
+  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 24px;
+  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-material/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: 24px;
+  height: 24px;
+  display: inline-block;
+  vertical-align: top;
+  background-repeat: no-repeat;
+  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: 24px;
+  height: 24px;
+  display: inline-block;
+  margin-left: 3px;
+  background-position: 0px 0px;
+}
+/* Used by 'icon' node option: */
+img.fancytree-icon {
+  width: 24px;
+  height: 24px;
+  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 {
+  margin-top: 0;
+}
+/* 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;
+}
+.fancytree-unselectable span.fancytree-checkbox {
+  opacity: 0.4;
+  filter: alpha(opacity=40);
+}
+.fancytree-container.fancytree-checkbox-auto-hide span.fancytree-checkbox {
+  visibility: hidden;
+}
+.fancytree-container.fancytree-checkbox-auto-hide .fancytree-node:hover span.fancytree-checkbox,
+.fancytree-container.fancytree-checkbox-auto-hide tr:hover td span.fancytree-checkbox,
+.fancytree-container.fancytree-checkbox-auto-hide .fancytree-node.fancytree-selected span.fancytree-checkbox,
+.fancytree-container.fancytree-checkbox-auto-hide tr.fancytree-selected td span.fancytree-checkbox {
+  visibility: unset;
+}
+.fancytree-container.fancytree-checkbox-auto-hide.fancytree-treefocus .fancytree-node.fancytree-active span.fancytree-checkbox,
+.fancytree-container.fancytree-checkbox-auto-hide.fancytree-treefocus tr.fancytree-active td span.fancytree-checkbox {
+  visibility: unset;
+}
+/*------------------------------------------------------------------------------
+ * 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;
+}
+/* Documents */
+/* Folders */
+.fancytree-loading span.fancytree-expander,
+.fancytree-loading span.fancytree-expander:hover,
+.fancytree-statusnode-loading span.fancytree-icon,
+.fancytree-statusnode-loading span.fancytree-icon:hover,
+span.fancytree-icon.fancytree-icon-loading {
+  background-image: none;
+}
+/* Status node icons */
+/*------------------------------------------------------------------------------
+ * Node titles and highlighting
+ *----------------------------------------------------------------------------*/
+span.fancytree-node {
+  /* See #117 */
+  display: inherit;
+  width: 100%;
+  margin-top: 1px;
+  min-height: 24px;
+}
+span.fancytree-title {
+  color: #212121;
+  cursor: pointer;
+  display: inline-block;
+  vertical-align: top;
+  min-height: 24px;
+  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;
+}
+/*** Drop marker icon *********************************************************/
+#fancytree-drop-marker {
+  width: 48px;
+  position: absolute;
+  margin: 0;
+}
+#fancytree-drop-marker.fancytree-drop-after,
+#fancytree-drop-marker.fancytree-drop-before {
+  width: 96px;
+}
+/*** 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 .fancytree-exp-n span.fancytree-expander,
+.fancytree-container.fancytree-rtl .fancytree-exp-nl span.fancytree-expander {
+  background-image: none;
+}
+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-material/vline-rtl.gif");
+}
+ul.fancytree-container.fancytree-rtl li.fancytree-lastsib,
+ul.fancytree-container.fancytree-rtl.fancytree-no-connector > li {
+  background-image: none;
+}
+/*------------------------------------------------------------------------------
+ * 'table' extension
+ *----------------------------------------------------------------------------*/
+table.fancytree-ext-table {
+  font-family: "Roboto Regular", tahoma, arial, helvetica;
+  font-size: 24px;
+  border-collapse: collapse;
+  /* ext-ariagrid */
+}
+table.fancytree-ext-table span.fancytree-node {
+  display: inline-block;
+  box-sizing: border-box;
+}
+table.fancytree-ext-table td.fancytree-status-merged {
+  text-align: center;
+  font-style: italic;
+  color: silver;
+}
+table.fancytree-ext-table tr.fancytree-statusnode-error td.fancytree-status-merged {
+  color: red;
+}
+table.fancytree-ext-table.fancytree-ext-ariagrid.fancytree-cell-mode > tbody > tr.fancytree-active > td {
+  background-color: #eee;
+}
+table.fancytree-ext-table.fancytree-ext-ariagrid.fancytree-cell-mode > tbody > tr > td.fancytree-active-cell {
+  background-color: #cbe8f6;
+}
+table.fancytree-ext-table.fancytree-ext-ariagrid.fancytree-cell-mode.fancytree-cell-nav-mode > tbody > tr > td.fancytree-active-cell {
+  background-color: #3875d7;
+}
+/*------------------------------------------------------------------------------
+ * '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: #e0e0e0;
+}
+table.fancytree-ext-columnview span.fancytree-node.fancytree-active {
+  background-color: #cbe8f6;
+}
+table.fancytree-ext-columnview .fancytree-has-children span.fancytree-cv-right {
+  position: absolute;
+  right: 3px;
+}
+/*------------------------------------------------------------------------------
+ * 'filter' extension
+ *----------------------------------------------------------------------------*/
+.fancytree-ext-filter-dimm span.fancytree-node span.fancytree-title {
+  color: silver;
+  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: silver;
+  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,
+.fancytree-ext-childcounter span.fancytree-custom-icon,
+.fancytree-ext-filter span.fancytree-custom-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.
+ ******************************************************************************/
+/*
+https://material.io/guidelines/components/data-tables.html#data-tables-structure
+*/
+ul.fancytree-container ul {
+  padding: 0.3em 0 0 1em;
+  margin: 0;
+  font-size: 24px;
+  color: #212121;
+}
+/*******************************************************************************
+ * Node titles
+ */
+.fancytree-plain span.fancytree-selected span.fancytree-title {
+  background-color: #f5f5f5;
+}
+.fancytree-plain span.fancytree-selected span.fancytree-title:hover,
+.fancytree-plain span.fancytree-active span.fancytree-title {
+  background-color: #eeeeee;
+}
+.fancytree-container span.fancytree-checkbox {
+  color: #ff4081;
+}
+/*******************************************************************************
+ * 'table' extension
+ */
+table.fancytree-ext-table {
+  border-collapse: collapse;
+}
+table.fancytree-ext-table tbody tr.fancytree-focused,
+table.fancytree-ext-table tbody tr.fancytree-selected {
+  background-color: #f5f5f5;
+}
+table.fancytree-ext-table tbody tr.fancytree-active,
+table.fancytree-ext-table tbody tr:hover {
+  background-color: #eeeeee;
+}
+/*******************************************************************************
+ * '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/public/js/viewtree/skin-material/ui.fancytree.less b/public/js/viewtree/skin-material/ui.fancytree.less
new file mode 100644
index 0000000..4094283
--- /dev/null
+++ b/public/js/viewtree/skin-material/ui.fancytree.less
@@ -0,0 +1,122 @@
+/*!
+ * Fancytree "material" skin.
+ *
+ * DON'T EDIT THE CSS FILE DIRECTLY, since it is automatically generated from
+ * the LESS templates.
+ */
+
+// Import common styles
+@import "../skin-common.less";
+
+// We need to define this variable here (not in skin-common.less) to make it
+// work with grunt and webpack:
+@fancy-image-prefix: "./skin-material/";
+
+/*******************************************************************************
+ * Styles specific to this skin.
+ *
+ * This section is automatically generated from the `ui-fancytree.less` template.
+ ******************************************************************************/
+/*
+https://material.io/guidelines/components/data-tables.html#data-tables-structure
+*/
+// local vars
+@fancy-cst-size: 24px;
+@fancy-cst-primary-color: #3f51b5;  // primary app color (of indigo-pink)
+@fancy-cst-secondary-color: #ff4081;  // secondary app color (of indigo-pink): checkbox
+@fancy-cst-black-87: #212121;  // 87% black: table content
+@fancy-cst-black-54: #757575;  // 54% black:  column headers
+@fancy-cst-select-bg: #f5f5f5;  // Grey 100: selected row backround
+@fancy-cst-hover-bg: #eeeeee;  // Grey 200: hovered row backround
+
+// Override the variable after the import.
+// NOTE: Variables are always resolved as the last definition, even if it is
+// after where it is used.
+@fancy-use-sprites: false;     // false: suppress all background images (i.e. icons)
+@fancy-loading-url: none;
+
+@fancy-level-indent: @fancy-cst-size;  //@fancy-cst-size;
+@fancy-line-height: @fancy-cst-size;      // height of a nodes selection bar including borders
+@fancy-node-v-spacing: 1px;    // gap between two node borders
+@fancy-icon-width: @fancy-cst-size;
+@fancy-icon-height: @fancy-cst-size;
+@fancy-icon-spacing: 3px;      // margin between icon/icon or icon/title
+@fancy-icon-ofs-top: 0px;      // extra vertical offset for expander, checkbox and icon
+@fancy-title-ofs-top: 0px;     // extra vertical offset for title
+@fancy-node-border-width: 1px;
+@fancy-node-border-radius: 0px;
+@fancy-node-outline-width: 1px;
+
+// @fancy-loading-url: data-uri("@{fancy-image-prefix}loading.gif");
+
+// Set to `true` to use `data-uri(...)` instead of a `url(...)` link:
+@fancy-inline-sprites: false;
+
+@fancy-font-size: @fancy-cst-size;
+@fancy-font-family: "Roboto Regular", tahoma, arial, helvetica;
+@fancy-font-color: @fancy-cst-black-87;
+@fancy-font-color-dimm: silver;
+@fancy-font-error-color: red;
+
+
+ul.fancytree-container ul
+{
+	padding: 0.3em 0 0 1em;
+	margin: 0;
+	font-size: @fancy-cst-size;
+	color: @fancy-cst-black-87;
+}
+
+ul.fancytree-container span.fancytree-icon.material-icons
+{
+	// font-size: @fancy-cst-size;
+	// color: @fancy-cst-black-87;
+}
+
+
+/*******************************************************************************
+ * Node titles
+ */
+
+ .fancytree-plain {
+	 span.fancytree-selected span.fancytree-title {
+		 background-color: @fancy-cst-select-bg;
+	 }
+	 span.fancytree-selected span.fancytree-title:hover,
+	 span.fancytree-active span.fancytree-title {
+		 background-color: @fancy-cst-hover-bg;
+	 }
+}
+
+.fancytree-container span.fancytree-checkbox {
+	color: @fancy-cst-secondary-color;
+}
+
+/*******************************************************************************
+ * 'table' extension
+ */
+table.fancytree-ext-table {
+	border-collapse: collapse;
+	tbody {
+		tr.fancytree-focused, tr.fancytree-selected {
+			background-color: @fancy-cst-select-bg;
+		}
+		tr.fancytree-active, tr:hover {
+			background-color: @fancy-cst-hover-bg;
+		}
+	}
+}
+
+/*******************************************************************************
+ * '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/public/js/viewtree/skin-material/ui.fancytree.min.css b/public/js/viewtree/skin-material/ui.fancytree.min.css
new file mode 100644
index 0000000..15b8226
--- /dev/null
+++ b/public/js/viewtree/skin-material/ui.fancytree.min.css
@@ -0,0 +1,6 @@
+/*!
+ * Fancytree "material" skin.
+ *
+ * DON'T EDIT THE CSS FILE DIRECTLY, since it is automatically generated from
+ * the LESS templates.
+ */.fancytree-helper-hidden{display:none}.fancytree-helper-indeterminate-cb{color:#777}.fancytree-helper-disabled{color:silver}.fancytree-helper-spin{-webkit-animation:spin 1s infinite linear;animation:spin 1s infinite linear}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}ul.fancytree-container{font-family:"Roboto Regular",tahoma,arial,helvetica;font-size:24px;white-space:nowrap;padding:3px;margin:0;background-color:#fff;border:1px dotted gray;min-height:0;position:relative}ul.fancytree-container ul{padding:0 0 0 24px;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:0 0;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:.5;background-color:silver}ul.fancytree-connectors.fancytree-container li{background-image:url("../skin-material/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}#fancytree-drop-marker,span.fancytree-checkbox,span.fancytree-drag-helper-img,span.fancytree-empty,span.fancytree-expander,span.fancytree-icon,span.fancytree-vline{width:24px;height:24px;display:inline-block;vertical-align:top;background-repeat:no-repeat;background-position:0 0}span.fancytree-checkbox,span.fancytree-custom-icon,span.fancytree-expander,span.fancytree-icon{margin-top:0}span.fancytree-custom-icon{width:24px;height:24px;display:inline-block;margin-left:3px;background-position:0 0}img.fancytree-icon{width:24px;height:24px;margin-left:3px;margin-top:0;vertical-align:top;border-style:none}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{margin-top:0}.fancytree-fade-expander span.fancytree-expander{transition:opacity 1.5s;opacity:0}.fancytree-fade-expander .fancytree-treefocus span.fancytree-expander,.fancytree-fade-expander [class*=fancytree-statusnode-] span.fancytree-expander,.fancytree-fade-expander.fancytree-treefocus span.fancytree-expander,.fancytree-fade-expander:hover span.fancytree-expander{transition:opacity .6s;opacity:1}span.fancytree-checkbox{margin-left:3px}.fancytree-unselectable span.fancytree-checkbox{opacity:.4}.fancytree-container.fancytree-checkbox-auto-hide span.fancytree-checkbox{visibility:hidden}.fancytree-container.fancytree-checkbox-auto-hide .fancytree-node.fancytree-selected span.fancytree-checkbox,.fancytree-container.fancytree-checkbox-auto-hide .fancytree-node:hover span.fancytree-checkbox,.fancytree-container.fancytree-checkbox-auto-hide tr.fancytree-selected td span.fancytree-checkbox,.fancytree-container.fancytree-checkbox-auto-hide tr:hover td span.fancytree-checkbox{visibility:unset}.fancytree-container.fancytree-checkbox-auto-hide.fancytree-treefocus .fancytree-node.fancytree-active span.fancytree-checkbox,.fancytree-container.fancytree-checkbox-auto-hide.fancytree-treefocus tr.fancytree-active td span.fancytree-checkbox{visibility:unset}span.fancytree-icon{margin-left:3px}.fancytree-loading span.fancytree-expander,.fancytree-loading span.fancytree-expander:hover,.fancytree-statusnode-loading span.fancytree-icon,.fancytree-statusnode-loading span.fancytree-icon:hover,span.fancytree-icon.fancytree-icon-loading{background-image:none}span.fancytree-node{display:inherit;width:100%;margin-top:1px;min-height:24px}span.fancytree-title{color:#212121;cursor:pointer;display:inline-block;vertical-align:top;min-height:24px;padding:0 3px 0 3px;margin:0 0 0 3px;border:1px solid transparent;-webkit-border-radius:0px;-moz-border-radius:0;-ms-border-radius:0px;-o-border-radius:0;border-radius:0}span.fancytree-node.fancytree-error span.fancytree-title{color:red}span.fancytree-childcounter{color:#fff;background:#337ab7;border:1px solid gray;border-radius:10px;padding:2px;text-align:center}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}#fancytree-drop-marker{width:48px;position:absolute;margin:0}#fancytree-drop-marker.fancytree-drop-after,#fancytree-drop-marker.fancytree-drop-before{width:96px}span.fancytree-drag-source.fancytree-drag-remove{opacity:.15}.fancytree-container.fancytree-rtl .fancytree-exp-n span.fancytree-expander,.fancytree-container.fancytree-rtl .fancytree-exp-nl span.fancytree-expander{background-image:none}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-material/vline-rtl.gif")}ul.fancytree-container.fancytree-rtl li.fancytree-lastsib,ul.fancytree-container.fancytree-rtl.fancytree-no-connector>li{background-image:none}table.fancytree-ext-table{font-family:"Roboto Regular",tahoma,arial,helvetica;font-size:24px;border-collapse:collapse}table.fancytree-ext-table span.fancytree-node{display:inline-block;box-sizing:border-box}table.fancytree-ext-table td.fancytree-status-merged{text-align:center;font-style:italic;color:silver}table.fancytree-ext-table tr.fancytree-statusnode-error td.fancytree-status-merged{color:red}table.fancytree-ext-table.fancytree-ext-ariagrid.fancytree-cell-mode>tbody>tr.fancytree-active>td{background-color:#eee}table.fancytree-ext-table.fancytree-ext-ariagrid.fancytree-cell-mode>tbody>tr>td.fancytree-active-cell{background-color:#cbe8f6}table.fancytree-ext-table.fancytree-ext-ariagrid.fancytree-cell-mode.fancytree-cell-nav-mode>tbody>tr>td.fancytree-active-cell{background-color:#3875d7}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:0 0;background-repeat:repeat-y;background-image:none;margin:0}table.fancytree-ext-columnview span.fancytree-node{position:relative;display:inline-block}table.fancytree-ext-columnview span.fancytree-node.fancytree-expanded{background-color:#e0e0e0}table.fancytree-ext-columnview span.fancytree-node.fancytree-active{background-color:#cbe8f6}table.fancytree-ext-columnview .fancytree-has-children span.fancytree-cv-right{position:absolute;right:3px}.fancytree-ext-filter-dimm span.fancytree-node span.fancytree-title{color:silver;font-weight:lighter}.fancytree-ext-filter-dimm span.fancytree-node.fancytree-submatch span.fancytree-title,.fancytree-ext-filter-dimm tr.fancytree-submatch span.fancytree-title{color:#000;font-weight:400}.fancytree-ext-filter-dimm span.fancytree-node.fancytree-match span.fancytree-title,.fancytree-ext-filter-dimm tr.fancytree-match span.fancytree-title{color:#000;font-weight:700}.fancytree-ext-filter-hide span.fancytree-node.fancytree-hide,.fancytree-ext-filter-hide tr.fancytree-hide{display:none}.fancytree-ext-filter-hide span.fancytree-node.fancytree-submatch span.fancytree-title,.fancytree-ext-filter-hide tr.fancytree-submatch span.fancytree-title{color:silver;font-weight:lighter}.fancytree-ext-filter-hide span.fancytree-node.fancytree-match span.fancytree-title,.fancytree-ext-filter-hide tr.fancytree-match span.fancytree-title{color:#000;font-weight:400}.fancytree-ext-filter-hide-expanders span.fancytree-node.fancytree-match span.fancytree-expander,.fancytree-ext-filter-hide-expanders tr.fancytree-match span.fancytree-expander{visibility:hidden}.fancytree-ext-filter-hide-expanders span.fancytree-node.fancytree-submatch span.fancytree-expander,.fancytree-ext-filter-hide-expanders tr.fancytree-submatch span.fancytree-expander{visibility:visible}.fancytree-ext-childcounter span.fancytree-custom-icon,.fancytree-ext-childcounter span.fancytree-icon,.fancytree-ext-filter span.fancytree-custom-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}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:0;min-width:100%;margin-left:0;margin-right:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.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,.75)}.fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-scroll-border-right{border-right:3px solid rgba(0,0,0,.75)}.fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-wrapper-tl{position:absolute;overflow:hidden;z-index:3;top:0;left:0}.fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-wrapper-tr{position:absolute;overflow:hidden;z-index:2;top:0}.fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-wrapper-bl{position:absolute;overflow:hidden;z-index:2;left:0}.fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-wrapper-br{position:absolute;overflow:scroll;z-index:1}ul.fancytree-container ul{padding:.3em 0 0 1em;margin:0;font-size:24px;color:#212121}.fancytree-plain span.fancytree-selected span.fancytree-title{background-color:#f5f5f5}.fancytree-plain span.fancytree-active span.fancytree-title,.fancytree-plain span.fancytree-selected span.fancytree-title:hover{background-color:#eee}.fancytree-container span.fancytree-checkbox{color:#ff4081}table.fancytree-ext-table{border-collapse:collapse}table.fancytree-ext-table tbody tr.fancytree-focused,table.fancytree-ext-table tbody tr.fancytree-selected{background-color:#f5f5f5}table.fancytree-ext-table tbody tr.fancytree-active,table.fancytree-ext-table tbody tr:hover{background-color:#eee}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:#4169e1}
\ No newline at end of file
diff --git a/public/js/viewtree/skin-material/vline-rtl.gif b/public/js/viewtree/skin-material/vline-rtl.gif
new file mode 100644
index 0000000..0400cb3
Binary files /dev/null and b/public/js/viewtree/skin-material/vline-rtl.gif differ
diff --git a/public/js/viewtree/skin-material/vline.gif b/public/js/viewtree/skin-material/vline.gif
new file mode 100644
index 0000000..1b00ae5
Binary files /dev/null and b/public/js/viewtree/skin-material/vline.gif differ
diff --git a/public/js/viewtree/skin-themeroller/icons-rtl.gif b/public/js/viewtree/skin-themeroller/icons-rtl.gif
new file mode 100644
index 0000000..443e1e4
Binary files /dev/null and b/public/js/viewtree/skin-themeroller/icons-rtl.gif differ
diff --git a/public/js/viewtree/skin-themeroller/icons.gif b/public/js/viewtree/skin-themeroller/icons.gif
new file mode 100644
index 0000000..0097b1f
Binary files /dev/null and b/public/js/viewtree/skin-themeroller/icons.gif differ
diff --git a/public/js/viewtree/skin-themeroller/loading.gif b/public/js/viewtree/skin-themeroller/loading.gif
new file mode 100644
index 0000000..ef88497
Binary files /dev/null and b/public/js/viewtree/skin-themeroller/loading.gif differ
diff --git a/public/js/viewtree/skin-themeroller/ui.fancytree.css b/public/js/viewtree/skin-themeroller/ui.fancytree.css
new file mode 100644
index 0000000..9032a68
--- /dev/null
+++ b/public/js/viewtree/skin-themeroller/ui.fancytree.css
@@ -0,0 +1,716 @@
+/*!
+ * Fancytree "ThemeRoller" skin.
+ * This file should be included after a jQuery Themeroller style sheet.
+ * It is meant to be used together with the ext-themeroller extension.
+ *
+ * DON'T EDIT THE CSS FILE DIRECTLY, since it is automatically generated from
+ * the LESS templates.
+ */
+/*******************************************************************************
+ * Common Styles for Fancytree Skins.
+ *
+ * This section is automatically generated from the `skin-common.less` template.
+ *
+ * Copyright (c) 2008-2021, Martin Wendt (https://wwWendt.de)
+ * Released under the MIT license
+ * https://github.com/mar10/fancytree/wiki/LicenseInfo
+ *
+ * @version 2.38.2
+ * @date 2022-06-30T18:24:06Z
+******************************************************************************/
+/*------------------------------------------------------------------------------
+ * 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-themeroller/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-image: url("../skin-themeroller/icons.gif");
+  background-position: 0px 0px;
+}
+span.fancytree-icon,
+span.fancytree-checkbox,
+span.fancytree-expander,
+span.fancytree-custom-icon {
+  margin-top: 2px;
+}
+/* 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: 2px;
+  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-themeroller/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 span.fancytree-checkbox.fancytree-radio:hover {
+  background-position: 0px -48px;
+}
+.fancytree-unselectable.fancytree-partsel span.fancytree-checkbox:hover {
+  background-position: -64px -32px;
+}
+.fancytree-unselectable.fancytree-selected span.fancytree-checkbox:hover {
+  background-position: -32px -32px;
+}
+.fancytree-unselectable.fancytree-selected span.fancytree-checkbox.fancytree-radio:hover {
+  background-position: -32px -48px;
+}
+.fancytree-container.fancytree-checkbox-auto-hide span.fancytree-checkbox {
+  visibility: hidden;
+}
+.fancytree-container.fancytree-checkbox-auto-hide .fancytree-node:hover span.fancytree-checkbox,
+.fancytree-container.fancytree-checkbox-auto-hide tr:hover td span.fancytree-checkbox,
+.fancytree-container.fancytree-checkbox-auto-hide .fancytree-node.fancytree-selected span.fancytree-checkbox,
+.fancytree-container.fancytree-checkbox-auto-hide tr.fancytree-selected td span.fancytree-checkbox {
+  visibility: unset;
+}
+.fancytree-container.fancytree-checkbox-auto-hide.fancytree-treefocus .fancytree-node.fancytree-active span.fancytree-checkbox,
+.fancytree-container.fancytree-checkbox-auto-hide.fancytree-treefocus tr.fancytree-active td span.fancytree-checkbox {
+  visibility: unset;
+}
+/*------------------------------------------------------------------------------
+ * 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,
+span.fancytree-icon.fancytree-icon-loading {
+  background-image: url("../skin-themeroller/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: 0px;
+  min-height: 20px;
+}
+span.fancytree-title {
+  color: black;
+  cursor: pointer;
+  display: inline-block;
+  vertical-align: top;
+  min-height: 20px;
+  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-themeroller/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-themeroller/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-themeroller/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-themeroller/icons-rtl.gif");
+}
+/*------------------------------------------------------------------------------
+ * 'table' extension
+ *----------------------------------------------------------------------------*/
+table.fancytree-ext-table {
+  font-family: tahoma, arial, helvetica;
+  font-size: 10pt;
+  border-collapse: collapse;
+  /* ext-ariagrid */
+}
+table.fancytree-ext-table span.fancytree-node {
+  display: inline-block;
+  box-sizing: border-box;
+}
+table.fancytree-ext-table td.fancytree-status-merged {
+  text-align: center;
+  font-style: italic;
+  color: #c0c0c0;
+}
+table.fancytree-ext-table tr.fancytree-statusnode-error td.fancytree-status-merged {
+  color: red;
+}
+table.fancytree-ext-table.fancytree-ext-ariagrid.fancytree-cell-mode > tbody > tr.fancytree-active > td {
+  background-color: #eee;
+}
+table.fancytree-ext-table.fancytree-ext-ariagrid.fancytree-cell-mode > tbody > tr > td.fancytree-active-cell {
+  background-color: #cbe8f6;
+}
+table.fancytree-ext-table.fancytree-ext-ariagrid.fancytree-cell-mode.fancytree-cell-nav-mode > tbody > tr > td.fancytree-active-cell {
+  background-color: #3875d7;
+}
+/*------------------------------------------------------------------------------
+ * '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: #e0e0e0;
+}
+table.fancytree-ext-columnview span.fancytree-node.fancytree-active {
+  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,
+.fancytree-ext-childcounter span.fancytree-custom-icon,
+.fancytree-ext-filter span.fancytree-custom-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
+ */
+.fancytree-plain span.fancytree-node {
+  border: 1px solid transparent;
+}
+/*******************************************************************************
+ * 'table' extension
+ */
+table.fancytree-ext-table tbody tr td {
+  border: 1px solid transparent;
+}
diff --git a/public/js/viewtree/skin-themeroller/ui.fancytree.less b/public/js/viewtree/skin-themeroller/ui.fancytree.less
new file mode 100644
index 0000000..d82ee14
--- /dev/null
+++ b/public/js/viewtree/skin-themeroller/ui.fancytree.less
@@ -0,0 +1,64 @@
+/*!
+ * Fancytree "ThemeRoller" skin.
+ * This file should be included after a jQuery Themeroller style sheet.
+ * It is meant to be used together with the ext-themeroller extension.
+ *
+ * DON'T EDIT THE CSS FILE DIRECTLY, since it is automatically generated from
+ * the LESS templates.
+ */
+
+// Import common styles
+@import "../skin-common.less";
+
+
+/*******************************************************************************
+ * Styles specific to this skin.
+ *
+ * This section is automatically generated from the `ui-fancytree.less` template.
+ ******************************************************************************/
+
+
+// Override the variable after the import.
+// NOTE: Variables are always resolved as the last definition, even if it is
+// after where it is used.
+@fancy-use-sprites: true;      // false: suppress all background images (i.e. icons)
+
+@fancy-line-height: 20px;      // height of a nodes selection bar including borders
+@fancy-node-v-spacing: 0px;    // gap between two node borders
+@fancy-icon-width: 16px;
+@fancy-icon-height: 16px;
+@fancy-icon-spacing: 3px;      // margin between icon/icon or icon/title
+@fancy-icon-ofs-top: 2px;      // extra vertical offset for expander, checkbox and icon
+@fancy-title-ofs-top: 0px;     // extra vertical offset for title
+@fancy-node-border-width: 1px;
+@fancy-node-border-radius: 0px;
+@fancy-node-outline-width: 1px;
+
+
+// We need to define this variable here (not in skin-common.less) to make it
+// work with grunt and webpack:
+@fancy-image-prefix: "./skin-themeroller/";
+
+// Use 'data-uri(...)' to embed the image into CSS instead of linking to 'loading.gif':
+// @fancy-loading-url: data-uri("@{fancy-image-prefix}loading.gif");
+// Set to `true` to use `data-uri(...)` which will embed icons.gif into CSS
+// instead of linking to that file:
+// @fancy-inline-sprites: true;
+
+/*******************************************************************************
+ * Node titles
+ */
+.fancytree-plain  {
+	span.fancytree-node {
+		border: @fancy-node-border-width solid transparent;  // avoid jumping, when a border is added on hover
+	}
+}
+
+/*******************************************************************************
+ * 'table' extension
+ */
+table.fancytree-ext-table tbody {
+	tr td {
+	  border: 1px solid transparent;
+	}
+}
diff --git a/public/js/viewtree/skin-themeroller/ui.fancytree.min.css b/public/js/viewtree/skin-themeroller/ui.fancytree.min.css
new file mode 100644
index 0000000..d22ab1f
--- /dev/null
+++ b/public/js/viewtree/skin-themeroller/ui.fancytree.min.css
@@ -0,0 +1,8 @@
+/*!
+ * Fancytree "ThemeRoller" skin.
+ * This file should be included after a jQuery Themeroller style sheet.
+ * It is meant to be used together with the ext-themeroller extension.
+ *
+ * DON'T EDIT THE CSS FILE DIRECTLY, since it is automatically generated from
+ * the LESS templates.
+ */.fancytree-helper-hidden{display:none}.fancytree-helper-indeterminate-cb{color:#777}.fancytree-helper-disabled{color:silver}.fancytree-helper-spin{-webkit-animation:spin 1s infinite linear;animation:spin 1s infinite linear}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}ul.fancytree-container{font-family:tahoma,arial,helvetica;font-size:10pt;white-space:nowrap;padding:3px;margin:0;background-color:#fff;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:0 0;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:.5;background-color:silver}ul.fancytree-connectors.fancytree-container li{background-image:url("../skin-themeroller/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}#fancytree-drop-marker,span.fancytree-checkbox,span.fancytree-drag-helper-img,span.fancytree-empty,span.fancytree-expander,span.fancytree-icon,span.fancytree-vline{width:16px;height:16px;display:inline-block;vertical-align:top;background-repeat:no-repeat;background-image:url("../skin-themeroller/icons.gif");background-position:0 0}span.fancytree-checkbox,span.fancytree-custom-icon,span.fancytree-expander,span.fancytree-icon{margin-top:2px}span.fancytree-custom-icon{width:16px;height:16px;display:inline-block;margin-left:3px;background-position:0 0}img.fancytree-icon{width:16px;height:16px;margin-left:3px;margin-top:2px;vertical-align:top;border-style:none}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-themeroller/icons.gif");margin-top:0}.fancytree-connectors .fancytree-exp-n span.fancytree-expander,.fancytree-connectors .fancytree-exp-n span.fancytree-expander:hover{background-position:0 -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:0 -80px}.fancytree-exp-c span.fancytree-expander:hover{background-position:-16px -80px}.fancytree-exp-cl span.fancytree-expander{background-position:0 -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-edl span.fancytree-expander,.fancytree-exp-el span.fancytree-expander{background-position:-32px -96px}.fancytree-exp-edl span.fancytree-expander:hover,.fancytree-exp-el span.fancytree-expander:hover{background-position:-48px -96px}.fancytree-fade-expander span.fancytree-expander{transition:opacity 1.5s;opacity:0}.fancytree-fade-expander .fancytree-treefocus span.fancytree-expander,.fancytree-fade-expander [class*=fancytree-statusnode-] span.fancytree-expander,.fancytree-fade-expander.fancytree-treefocus span.fancytree-expander,.fancytree-fade-expander:hover span.fancytree-expander{transition:opacity .6s;opacity:1}span.fancytree-checkbox{margin-left:3px;background-position:0 -32px}span.fancytree-checkbox:hover{background-position:-16px -32px}span.fancytree-checkbox.fancytree-radio{background-position:0 -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:.4}.fancytree-unselectable span.fancytree-checkbox:hover{background-position:0 -32px}.fancytree-unselectable span.fancytree-checkbox.fancytree-radio:hover{background-position:0 -48px}.fancytree-unselectable.fancytree-partsel span.fancytree-checkbox:hover{background-position:-64px -32px}.fancytree-unselectable.fancytree-selected span.fancytree-checkbox:hover{background-position:-32px -32px}.fancytree-unselectable.fancytree-selected span.fancytree-checkbox.fancytree-radio:hover{background-position:-32px -48px}.fancytree-container.fancytree-checkbox-auto-hide span.fancytree-checkbox{visibility:hidden}.fancytree-container.fancytree-checkbox-auto-hide .fancytree-node.fancytree-selected span.fancytree-checkbox,.fancytree-container.fancytree-checkbox-auto-hide .fancytree-node:hover span.fancytree-checkbox,.fancytree-container.fancytree-checkbox-auto-hide tr.fancytree-selected td span.fancytree-checkbox,.fancytree-container.fancytree-checkbox-auto-hide tr:hover td span.fancytree-checkbox{visibility:unset}.fancytree-container.fancytree-checkbox-auto-hide.fancytree-treefocus .fancytree-node.fancytree-active span.fancytree-checkbox,.fancytree-container.fancytree-checkbox-auto-hide.fancytree-treefocus tr.fancytree-active td span.fancytree-checkbox{visibility:unset}span.fancytree-icon{margin-left:3px;background-position:0 0}.fancytree-ico-c span.fancytree-icon:hover{background-position:-16px 0}.fancytree-has-children.fancytree-ico-c span.fancytree-icon{background-position:-32px 0}.fancytree-has-children.fancytree-ico-c span.fancytree-icon:hover{background-position:-48px 0}.fancytree-ico-e span.fancytree-icon{background-position:-64px 0}.fancytree-ico-e span.fancytree-icon:hover{background-position:-80px 0}.fancytree-ico-cf span.fancytree-icon{background-position:0 -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,span.fancytree-icon.fancytree-icon-loading{background-image:url("../skin-themeroller/loading.gif");background-position:0 0}.fancytree-statusnode-error span.fancytree-icon,.fancytree-statusnode-error span.fancytree-icon:hover{background-position:0 -112px}span.fancytree-node{display:inherit;width:100%;margin-top:0;min-height:20px}span.fancytree-title{color:#000;cursor:pointer;display:inline-block;vertical-align:top;min-height:20px;padding:0 3px 0 3px;margin:0 0 0 3px;border:1px solid transparent;-webkit-border-radius:0px;-moz-border-radius:0;-ms-border-radius:0px;-o-border-radius:0;border-radius:0}span.fancytree-node.fancytree-error span.fancytree-title{color:red}span.fancytree-childcounter{color:#fff;background:#337ab7;border:1px solid gray;border-radius:10px;padding:2px;text-align:center}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}#fancytree-drop-marker{width:32px;position:absolute;background-position:0 -128px;margin:0}#fancytree-drop-marker.fancytree-drop-after,#fancytree-drop-marker.fancytree-drop-before{width:64px;background-position:0 -144px}#fancytree-drop-marker.fancytree-drop-copy{background-position:-64px -128px}#fancytree-drop-marker.fancytree-drop-move{background-position:-32px -128px}span.fancytree-drag-source.fancytree-drag-remove{opacity:.15}.fancytree-container.fancytree-rtl span.fancytree-connector,.fancytree-container.fancytree-rtl span.fancytree-drag-helper-img,.fancytree-container.fancytree-rtl span.fancytree-expander,.fancytree-container.fancytree-rtl span.fancytree-icon{background-image:url("../skin-themeroller/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-themeroller/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-themeroller/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-themeroller/icons-rtl.gif")}table.fancytree-ext-table{font-family:tahoma,arial,helvetica;font-size:10pt;border-collapse:collapse}table.fancytree-ext-table span.fancytree-node{display:inline-block;box-sizing:border-box}table.fancytree-ext-table td.fancytree-status-merged{text-align:center;font-style:italic;color:silver}table.fancytree-ext-table tr.fancytree-statusnode-error td.fancytree-status-merged{color:red}table.fancytree-ext-table.fancytree-ext-ariagrid.fancytree-cell-mode>tbody>tr.fancytree-active>td{background-color:#eee}table.fancytree-ext-table.fancytree-ext-ariagrid.fancytree-cell-mode>tbody>tr>td.fancytree-active-cell{background-color:#cbe8f6}table.fancytree-ext-table.fancytree-ext-ariagrid.fancytree-cell-mode.fancytree-cell-nav-mode>tbody>tr>td.fancytree-active-cell{background-color:#3875d7}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:0 0;background-repeat:repeat-y;background-image:none;margin:0}table.fancytree-ext-columnview span.fancytree-node{position:relative;display:inline-block}table.fancytree-ext-columnview span.fancytree-node.fancytree-expanded{background-color:#e0e0e0}table.fancytree-ext-columnview span.fancytree-node.fancytree-active{background-color:#cbe8f6}table.fancytree-ext-columnview .fancytree-has-children span.fancytree-cv-right{position:absolute;right:3px;background-position:0 -80px}table.fancytree-ext-columnview .fancytree-has-children span.fancytree-cv-right:hover{background-position:-16px -80px}.fancytree-ext-filter-dimm span.fancytree-node span.fancytree-title{color:silver;font-weight:lighter}.fancytree-ext-filter-dimm span.fancytree-node.fancytree-submatch span.fancytree-title,.fancytree-ext-filter-dimm tr.fancytree-submatch span.fancytree-title{color:#000;font-weight:400}.fancytree-ext-filter-dimm span.fancytree-node.fancytree-match span.fancytree-title,.fancytree-ext-filter-dimm tr.fancytree-match span.fancytree-title{color:#000;font-weight:700}.fancytree-ext-filter-hide span.fancytree-node.fancytree-hide,.fancytree-ext-filter-hide tr.fancytree-hide{display:none}.fancytree-ext-filter-hide span.fancytree-node.fancytree-submatch span.fancytree-title,.fancytree-ext-filter-hide tr.fancytree-submatch span.fancytree-title{color:silver;font-weight:lighter}.fancytree-ext-filter-hide span.fancytree-node.fancytree-match span.fancytree-title,.fancytree-ext-filter-hide tr.fancytree-match span.fancytree-title{color:#000;font-weight:400}.fancytree-ext-filter-hide-expanders span.fancytree-node.fancytree-match span.fancytree-expander,.fancytree-ext-filter-hide-expanders tr.fancytree-match span.fancytree-expander{visibility:hidden}.fancytree-ext-filter-hide-expanders span.fancytree-node.fancytree-submatch span.fancytree-expander,.fancytree-ext-filter-hide-expanders tr.fancytree-submatch span.fancytree-expander{visibility:visible}.fancytree-ext-childcounter span.fancytree-custom-icon,.fancytree-ext-childcounter span.fancytree-icon,.fancytree-ext-filter span.fancytree-custom-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}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:0;min-width:100%;margin-left:0;margin-right:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.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,.75)}.fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-scroll-border-right{border-right:3px solid rgba(0,0,0,.75)}.fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-wrapper-tl{position:absolute;overflow:hidden;z-index:3;top:0;left:0}.fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-wrapper-tr{position:absolute;overflow:hidden;z-index:2;top:0}.fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-wrapper-bl{position:absolute;overflow:hidden;z-index:2;left:0}.fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-wrapper-br{position:absolute;overflow:scroll;z-index:1}.fancytree-plain span.fancytree-node{border:1px solid transparent}table.fancytree-ext-table tbody tr td{border:1px solid transparent}
\ No newline at end of file
diff --git a/public/js/viewtree/skin-themeroller/vline-rtl.gif b/public/js/viewtree/skin-themeroller/vline-rtl.gif
new file mode 100644
index 0000000..f9b4232
Binary files /dev/null and b/public/js/viewtree/skin-themeroller/vline-rtl.gif differ
diff --git a/public/js/viewtree/skin-themeroller/vline.gif b/public/js/viewtree/skin-themeroller/vline.gif
new file mode 100644
index 0000000..f9b4232
Binary files /dev/null and b/public/js/viewtree/skin-themeroller/vline.gif differ
diff --git a/public/js/viewtree/skin-vista/icons-rtl.gif b/public/js/viewtree/skin-vista/icons-rtl.gif
new file mode 100644
index 0000000..443e1e4
Binary files /dev/null and b/public/js/viewtree/skin-vista/icons-rtl.gif differ
diff --git a/public/js/viewtree/skin-vista/icons.gif b/public/js/viewtree/skin-vista/icons.gif
new file mode 100644
index 0000000..0097b1f
Binary files /dev/null and b/public/js/viewtree/skin-vista/icons.gif differ
diff --git a/public/js/viewtree/skin-vista/loading.gif b/public/js/viewtree/skin-vista/loading.gif
new file mode 100644
index 0000000..ef88497
Binary files /dev/null and b/public/js/viewtree/skin-vista/loading.gif differ
diff --git a/public/js/viewtree/skin-vista/ui.fancytree.css b/public/js/viewtree/skin-vista/ui.fancytree.css
new file mode 100644
index 0000000..30520c4
--- /dev/null
+++ b/public/js/viewtree/skin-vista/ui.fancytree.css
@@ -0,0 +1,763 @@
+/*!
+ * Fancytree "Vista" skin.
+ *
+ * DON'T EDIT THE CSS FILE DIRECTLY, since it is automatically generated from
+ * the LESS templates.
+ */
+/*
+both:
+   unselected background: #FCFCFC 'nearly white'
+   hover bar (unselected, inactive): #F8FCFE..#EFF9FE (border: #D8F0FA) 'very light blue'
+   active node: #F6FBFD..#D5EFFC (border: #99DEFD)  'light blue'
+   active node with hover: #F2F9FD..#C4E8FA (border: #B6E6FB)
+
+Tree view:
+   active node, tree inactive: #FAFAFB..#E5E5E5 (border: #D9D9D9) 'light gray, selected, but tree not active'
+
+List view:
+   selected bar: --> active bar
+   focus  bar: active + border 1px dotted #090402 (inside the blue border)
+
+   table left/right border: #EDEDED 'light gray'
+ */
+/*******************************************************************************
+ * Common Styles for Fancytree Skins.
+ *
+ * This section is automatically generated from the `skin-common.less` template.
+ *
+ * Copyright (c) 2008-2021, Martin Wendt (https://wwWendt.de)
+ * Released under the MIT license
+ * https://github.com/mar10/fancytree/wiki/LicenseInfo
+ *
+ * @version 2.38.2
+ * @date 2022-06-30T18:24:06Z
+******************************************************************************/
+/*------------------------------------------------------------------------------
+ * 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-vista/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-image: url("../skin-vista/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-vista/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 span.fancytree-checkbox.fancytree-radio:hover {
+  background-position: 0px -48px;
+}
+.fancytree-unselectable.fancytree-partsel span.fancytree-checkbox:hover {
+  background-position: -64px -32px;
+}
+.fancytree-unselectable.fancytree-selected span.fancytree-checkbox:hover {
+  background-position: -32px -32px;
+}
+.fancytree-unselectable.fancytree-selected span.fancytree-checkbox.fancytree-radio:hover {
+  background-position: -32px -48px;
+}
+.fancytree-container.fancytree-checkbox-auto-hide span.fancytree-checkbox {
+  visibility: hidden;
+}
+.fancytree-container.fancytree-checkbox-auto-hide .fancytree-node:hover span.fancytree-checkbox,
+.fancytree-container.fancytree-checkbox-auto-hide tr:hover td span.fancytree-checkbox,
+.fancytree-container.fancytree-checkbox-auto-hide .fancytree-node.fancytree-selected span.fancytree-checkbox,
+.fancytree-container.fancytree-checkbox-auto-hide tr.fancytree-selected td span.fancytree-checkbox {
+  visibility: unset;
+}
+.fancytree-container.fancytree-checkbox-auto-hide.fancytree-treefocus .fancytree-node.fancytree-active span.fancytree-checkbox,
+.fancytree-container.fancytree-checkbox-auto-hide.fancytree-treefocus tr.fancytree-active td span.fancytree-checkbox {
+  visibility: unset;
+}
+/*------------------------------------------------------------------------------
+ * 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,
+span.fancytree-icon.fancytree-icon-loading {
+  background-image: url("../skin-vista/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-vista/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-vista/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-vista/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-vista/icons-rtl.gif");
+}
+/*------------------------------------------------------------------------------
+ * 'table' extension
+ *----------------------------------------------------------------------------*/
+table.fancytree-ext-table {
+  font-family: tahoma, arial, helvetica;
+  font-size: 10pt;
+  border-collapse: collapse;
+  /* ext-ariagrid */
+}
+table.fancytree-ext-table span.fancytree-node {
+  display: inline-block;
+  box-sizing: border-box;
+}
+table.fancytree-ext-table td.fancytree-status-merged {
+  text-align: center;
+  font-style: italic;
+  color: #c0c0c0;
+}
+table.fancytree-ext-table tr.fancytree-statusnode-error td.fancytree-status-merged {
+  color: red;
+}
+table.fancytree-ext-table.fancytree-ext-ariagrid.fancytree-cell-mode > tbody > tr.fancytree-active > td {
+  background-color: #eee;
+}
+table.fancytree-ext-table.fancytree-ext-ariagrid.fancytree-cell-mode > tbody > tr > td.fancytree-active-cell {
+  background-color: #cbe8f6;
+}
+table.fancytree-ext-table.fancytree-ext-ariagrid.fancytree-cell-mode.fancytree-cell-nav-mode > tbody > tr > td.fancytree-active-cell {
+  background-color: #3875d7;
+}
+/*------------------------------------------------------------------------------
+ * '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: #e0e0e0;
+}
+table.fancytree-ext-columnview span.fancytree-node.fancytree-active {
+  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,
+.fancytree-ext-childcounter span.fancytree-custom-icon,
+.fancytree-ext-filter span.fancytree-custom-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;
+}
+span.fancytree-title:hover {
+  background-color: #F2F7FD;
+  border-color: #B8D6FB;
+}
+span.fancytree-focused span.fancytree-title {
+  background-color: #EFEBDE;
+  outline: 1px dotted gray;
+}
+span.fancytree-selected span.fancytree-title {
+  font-style: italic;
+}
+span.fancytree-active span.fancytree-title {
+  border: 1px solid #99DEFD;
+  background-color: #D8F0FA;
+}
+/*******************************************************************************
+ * '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: #99FDDE;
+}
+/*******************************************************************************
+ * 'columnview' extension
+ */
+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/public/js/viewtree/skin-vista/ui.fancytree.less b/public/js/viewtree/skin-vista/ui.fancytree.less
new file mode 100644
index 0000000..3fe6723
--- /dev/null
+++ b/public/js/viewtree/skin-vista/ui.fancytree.less
@@ -0,0 +1,115 @@
+/*!
+ * Fancytree "Vista" skin.
+ *
+ * DON'T EDIT THE CSS FILE DIRECTLY, since it is automatically generated from
+ * the LESS templates.
+ */
+
+/*
+both:
+   unselected background: #FCFCFC 'nearly white'
+   hover bar (unselected, inactive): #F8FCFE..#EFF9FE (border: #D8F0FA) 'very light blue'
+   active node: #F6FBFD..#D5EFFC (border: #99DEFD)  'light blue'
+   active node with hover: #F2F9FD..#C4E8FA (border: #B6E6FB)
+
+Tree view:
+   active node, tree inactive: #FAFAFB..#E5E5E5 (border: #D9D9D9) 'light gray, selected, but tree not active'
+
+List view:
+   selected bar: --> active bar
+   focus  bar: active + border 1px dotted #090402 (inside the blue border)
+
+   table left/right border: #EDEDED 'light gray'
+ */
+
+// Import common styles
+@import "../skin-common.less";
+
+
+/*******************************************************************************
+ * Styles specific to this skin.
+ *
+ * This section is automatically generated from the `ui-fancytree.less` template.
+ ******************************************************************************/
+
+
+// Override the variable after the import.
+// NOTE: Variables are always resolved as the last definition, even if it is
+// after where it is used.
+@fancy-use-sprites: true;  // false: suppress all background images (i.e. icons)
+
+@fancy-icon-width: 16px;
+@fancy-icon-height: 16px;
+@fancy-line-height: 16px;
+@fancy-icon-spacing: 3px;
+
+// We need to define this variable here (not in skin-common.less) to make it
+// work with grunt and webpack:
+@fancy-image-prefix: "./skin-vista/";
+
+// Use 'data-uri(...)' to embed the image into CSS instead of linking to 'loading.gif':
+// @fancy-loading-url: data-uri("@{fancy-image-prefix}loading.gif");
+// Set to `true` to use `data-uri(...)` which will embed icons.gif into CSS
+// instead of linking to that file:
+// @fancy-inline-sprites: true;
+
+
+/*******************************************************************************
+ * Node titles
+ */
+span.fancytree-title {
+  border: @fancy-node-border-width solid transparent;  // avoid jumping, when a border is added on hover
+}
+span.fancytree-title:hover {
+   background-color: #F2F7FD; // light blue
+   border-color: #B8D6FB; // darker light blue
+}
+.fancytree-folder span.fancytree-title {
+   // font-weight: bold;
+}
+span.fancytree-focused span.fancytree-title {
+   background-color: #EFEBDE; // gray
+   outline: 1px dotted gray;
+}
+span.fancytree-has-children span.fancytree-title {
+  // font-style: oblique;
+}
+span.fancytree-expanded span.fancytree-title {
+}
+span.fancytree-selected span.fancytree-title {
+   font-style: italic;
+}
+span.fancytree-active span.fancytree-title {
+   border: 1px solid #99DEFD;
+   background-color: #D8F0FA;
+}
+
+/*******************************************************************************
+ * 'table' extension
+ */
+
+table.fancytree-ext-table {
+   border-collapse: collapse;
+   tbody tr.fancytree-focused {
+      background-color: #99DEFD;
+   }
+   tbody tr.fancytree-active {
+      background-color: royalblue;
+   }
+   tbody tr.fancytree-selected {
+      background-color: #99FDDE;
+   }
+}
+
+/*******************************************************************************
+ * 'columnview' extension
+ */
+
+table.fancytree-ext-columnview {
+   span.fancytree-node.fancytree-expanded {
+      background-color: #ccc;
+   }
+   span.fancytree-node.fancytree-active {
+      background-color: royalblue;
+   }
+}
diff --git a/public/js/viewtree/skin-vista/ui.fancytree.min.css b/public/js/viewtree/skin-vista/ui.fancytree.min.css
new file mode 100644
index 0000000..232eb27
--- /dev/null
+++ b/public/js/viewtree/skin-vista/ui.fancytree.min.css
@@ -0,0 +1,6 @@
+/*!
+ * Fancytree "Vista" skin.
+ *
+ * DON'T EDIT THE CSS FILE DIRECTLY, since it is automatically generated from
+ * the LESS templates.
+ */.fancytree-helper-hidden{display:none}.fancytree-helper-indeterminate-cb{color:#777}.fancytree-helper-disabled{color:silver}.fancytree-helper-spin{-webkit-animation:spin 1s infinite linear;animation:spin 1s infinite linear}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}ul.fancytree-container{font-family:tahoma,arial,helvetica;font-size:10pt;white-space:nowrap;padding:3px;margin:0;background-color:#fff;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:0 0;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:.5;background-color:silver}ul.fancytree-connectors.fancytree-container li{background-image:url("../skin-vista/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}#fancytree-drop-marker,span.fancytree-checkbox,span.fancytree-drag-helper-img,span.fancytree-empty,span.fancytree-expander,span.fancytree-icon,span.fancytree-vline{width:16px;height:16px;display:inline-block;vertical-align:top;background-repeat:no-repeat;background-image:url("../skin-vista/icons.gif");background-position:0 0}span.fancytree-checkbox,span.fancytree-custom-icon,span.fancytree-expander,span.fancytree-icon{margin-top:0}span.fancytree-custom-icon{width:16px;height:16px;display:inline-block;margin-left:3px;background-position:0 0}img.fancytree-icon{width:16px;height:16px;margin-left:3px;margin-top:0;vertical-align:top;border-style:none}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-vista/icons.gif");margin-top:0}.fancytree-connectors .fancytree-exp-n span.fancytree-expander,.fancytree-connectors .fancytree-exp-n span.fancytree-expander:hover{background-position:0 -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:0 -80px}.fancytree-exp-c span.fancytree-expander:hover{background-position:-16px -80px}.fancytree-exp-cl span.fancytree-expander{background-position:0 -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-edl span.fancytree-expander,.fancytree-exp-el span.fancytree-expander{background-position:-32px -96px}.fancytree-exp-edl span.fancytree-expander:hover,.fancytree-exp-el span.fancytree-expander:hover{background-position:-48px -96px}.fancytree-fade-expander span.fancytree-expander{transition:opacity 1.5s;opacity:0}.fancytree-fade-expander .fancytree-treefocus span.fancytree-expander,.fancytree-fade-expander [class*=fancytree-statusnode-] span.fancytree-expander,.fancytree-fade-expander.fancytree-treefocus span.fancytree-expander,.fancytree-fade-expander:hover span.fancytree-expander{transition:opacity .6s;opacity:1}span.fancytree-checkbox{margin-left:3px;background-position:0 -32px}span.fancytree-checkbox:hover{background-position:-16px -32px}span.fancytree-checkbox.fancytree-radio{background-position:0 -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:.4}.fancytree-unselectable span.fancytree-checkbox:hover{background-position:0 -32px}.fancytree-unselectable span.fancytree-checkbox.fancytree-radio:hover{background-position:0 -48px}.fancytree-unselectable.fancytree-partsel span.fancytree-checkbox:hover{background-position:-64px -32px}.fancytree-unselectable.fancytree-selected span.fancytree-checkbox:hover{background-position:-32px -32px}.fancytree-unselectable.fancytree-selected span.fancytree-checkbox.fancytree-radio:hover{background-position:-32px -48px}.fancytree-container.fancytree-checkbox-auto-hide span.fancytree-checkbox{visibility:hidden}.fancytree-container.fancytree-checkbox-auto-hide .fancytree-node.fancytree-selected span.fancytree-checkbox,.fancytree-container.fancytree-checkbox-auto-hide .fancytree-node:hover span.fancytree-checkbox,.fancytree-container.fancytree-checkbox-auto-hide tr.fancytree-selected td span.fancytree-checkbox,.fancytree-container.fancytree-checkbox-auto-hide tr:hover td span.fancytree-checkbox{visibility:unset}.fancytree-container.fancytree-checkbox-auto-hide.fancytree-treefocus .fancytree-node.fancytree-active span.fancytree-checkbox,.fancytree-container.fancytree-checkbox-auto-hide.fancytree-treefocus tr.fancytree-active td span.fancytree-checkbox{visibility:unset}span.fancytree-icon{margin-left:3px;background-position:0 0}.fancytree-ico-c span.fancytree-icon:hover{background-position:-16px 0}.fancytree-has-children.fancytree-ico-c span.fancytree-icon{background-position:-32px 0}.fancytree-has-children.fancytree-ico-c span.fancytree-icon:hover{background-position:-48px 0}.fancytree-ico-e span.fancytree-icon{background-position:-64px 0}.fancytree-ico-e span.fancytree-icon:hover{background-position:-80px 0}.fancytree-ico-cf span.fancytree-icon{background-position:0 -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,span.fancytree-icon.fancytree-icon-loading{background-image:url("../skin-vista/loading.gif");background-position:0 0}.fancytree-statusnode-error span.fancytree-icon,.fancytree-statusnode-error span.fancytree-icon:hover{background-position:0 -112px}span.fancytree-node{display:inherit;width:100%;margin-top:1px;min-height:16px}span.fancytree-title{color:#000;cursor:pointer;display:inline-block;vertical-align:top;min-height:16px;padding:0 3px 0 3px;margin:0 0 0 3px;border:1px solid transparent;-webkit-border-radius:0px;-moz-border-radius:0;-ms-border-radius:0px;-o-border-radius:0;border-radius:0}span.fancytree-node.fancytree-error span.fancytree-title{color:red}span.fancytree-childcounter{color:#fff;background:#337ab7;border:1px solid gray;border-radius:10px;padding:2px;text-align:center}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}#fancytree-drop-marker{width:32px;position:absolute;background-position:0 -128px;margin:0}#fancytree-drop-marker.fancytree-drop-after,#fancytree-drop-marker.fancytree-drop-before{width:64px;background-position:0 -144px}#fancytree-drop-marker.fancytree-drop-copy{background-position:-64px -128px}#fancytree-drop-marker.fancytree-drop-move{background-position:-32px -128px}span.fancytree-drag-source.fancytree-drag-remove{opacity:.15}.fancytree-container.fancytree-rtl span.fancytree-connector,.fancytree-container.fancytree-rtl span.fancytree-drag-helper-img,.fancytree-container.fancytree-rtl span.fancytree-expander,.fancytree-container.fancytree-rtl span.fancytree-icon{background-image:url("../skin-vista/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-vista/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-vista/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-vista/icons-rtl.gif")}table.fancytree-ext-table{font-family:tahoma,arial,helvetica;font-size:10pt;border-collapse:collapse}table.fancytree-ext-table span.fancytree-node{display:inline-block;box-sizing:border-box}table.fancytree-ext-table td.fancytree-status-merged{text-align:center;font-style:italic;color:silver}table.fancytree-ext-table tr.fancytree-statusnode-error td.fancytree-status-merged{color:red}table.fancytree-ext-table.fancytree-ext-ariagrid.fancytree-cell-mode>tbody>tr.fancytree-active>td{background-color:#eee}table.fancytree-ext-table.fancytree-ext-ariagrid.fancytree-cell-mode>tbody>tr>td.fancytree-active-cell{background-color:#cbe8f6}table.fancytree-ext-table.fancytree-ext-ariagrid.fancytree-cell-mode.fancytree-cell-nav-mode>tbody>tr>td.fancytree-active-cell{background-color:#3875d7}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:0 0;background-repeat:repeat-y;background-image:none;margin:0}table.fancytree-ext-columnview span.fancytree-node{position:relative;display:inline-block}table.fancytree-ext-columnview span.fancytree-node.fancytree-expanded{background-color:#e0e0e0}table.fancytree-ext-columnview span.fancytree-node.fancytree-active{background-color:#cbe8f6}table.fancytree-ext-columnview .fancytree-has-children span.fancytree-cv-right{position:absolute;right:3px;background-position:0 -80px}table.fancytree-ext-columnview .fancytree-has-children span.fancytree-cv-right:hover{background-position:-16px -80px}.fancytree-ext-filter-dimm span.fancytree-node span.fancytree-title{color:silver;font-weight:lighter}.fancytree-ext-filter-dimm span.fancytree-node.fancytree-submatch span.fancytree-title,.fancytree-ext-filter-dimm tr.fancytree-submatch span.fancytree-title{color:#000;font-weight:400}.fancytree-ext-filter-dimm span.fancytree-node.fancytree-match span.fancytree-title,.fancytree-ext-filter-dimm tr.fancytree-match span.fancytree-title{color:#000;font-weight:700}.fancytree-ext-filter-hide span.fancytree-node.fancytree-hide,.fancytree-ext-filter-hide tr.fancytree-hide{display:none}.fancytree-ext-filter-hide span.fancytree-node.fancytree-submatch span.fancytree-title,.fancytree-ext-filter-hide tr.fancytree-submatch span.fancytree-title{color:silver;font-weight:lighter}.fancytree-ext-filter-hide span.fancytree-node.fancytree-match span.fancytree-title,.fancytree-ext-filter-hide tr.fancytree-match span.fancytree-title{color:#000;font-weight:400}.fancytree-ext-filter-hide-expanders span.fancytree-node.fancytree-match span.fancytree-expander,.fancytree-ext-filter-hide-expanders tr.fancytree-match span.fancytree-expander{visibility:hidden}.fancytree-ext-filter-hide-expanders span.fancytree-node.fancytree-submatch span.fancytree-expander,.fancytree-ext-filter-hide-expanders tr.fancytree-submatch span.fancytree-expander{visibility:visible}.fancytree-ext-childcounter span.fancytree-custom-icon,.fancytree-ext-childcounter span.fancytree-icon,.fancytree-ext-filter span.fancytree-custom-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}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:0;min-width:100%;margin-left:0;margin-right:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.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,.75)}.fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-scroll-border-right{border-right:3px solid rgba(0,0,0,.75)}.fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-wrapper-tl{position:absolute;overflow:hidden;z-index:3;top:0;left:0}.fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-wrapper-tr{position:absolute;overflow:hidden;z-index:2;top:0}.fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-wrapper-bl{position:absolute;overflow:hidden;z-index:2;left:0}.fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-wrapper-br{position:absolute;overflow:scroll;z-index:1}span.fancytree-title{border:1px solid transparent}span.fancytree-title:hover{background-color:#f2f7fd;border-color:#b8d6fb}span.fancytree-focused span.fancytree-title{background-color:#efebde;outline:1px dotted gray}span.fancytree-selected span.fancytree-title{font-style:italic}span.fancytree-active span.fancytree-title{border:1px solid #99defd;background-color:#d8f0fa}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:#4169e1}table.fancytree-ext-table tbody tr.fancytree-selected{background-color:#99fdde}table.fancytree-ext-columnview span.fancytree-node.fancytree-expanded{background-color:#ccc}table.fancytree-ext-columnview span.fancytree-node.fancytree-active{background-color:#4169e1}
\ No newline at end of file
diff --git a/public/js/viewtree/skin-vista/vline-rtl.gif b/public/js/viewtree/skin-vista/vline-rtl.gif
new file mode 100644
index 0000000..f9b4232
Binary files /dev/null and b/public/js/viewtree/skin-vista/vline-rtl.gif differ
diff --git a/public/js/viewtree/skin-vista/vline.gif b/public/js/viewtree/skin-vista/vline.gif
new file mode 100644
index 0000000..f9b4232
Binary files /dev/null and b/public/js/viewtree/skin-vista/vline.gif differ
diff --git a/public/js/viewtree/skin-win7/icons-rtl.gif b/public/js/viewtree/skin-win7/icons-rtl.gif
new file mode 100644
index 0000000..443e1e4
Binary files /dev/null and b/public/js/viewtree/skin-win7/icons-rtl.gif differ
diff --git a/public/js/viewtree/skin-win7/icons.gif b/public/js/viewtree/skin-win7/icons.gif
new file mode 100644
index 0000000..0097b1f
Binary files /dev/null and b/public/js/viewtree/skin-win7/icons.gif differ
diff --git a/public/js/viewtree/skin-win7/loading.gif b/public/js/viewtree/skin-win7/loading.gif
new file mode 100644
index 0000000..ef88497
Binary files /dev/null and b/public/js/viewtree/skin-win7/loading.gif differ
diff --git a/public/js/viewtree/skin-win7/ui.fancytree.css b/public/js/viewtree/skin-win7/ui.fancytree.css
new file mode 100644
index 0000000..dc169ce
--- /dev/null
+++ b/public/js/viewtree/skin-win7/ui.fancytree.css
@@ -0,0 +1,822 @@
+/*!
+ * Fancytree "Win7" skin.
+ *
+ * DON'T EDIT THE CSS FILE DIRECTLY, since it is automatically generated from
+ * the LESS templates.
+ */
+/*******************************************************************************
+ * Common Styles for Fancytree Skins.
+ *
+ * This section is automatically generated from the `skin-common.less` template.
+ *
+ * Copyright (c) 2008-2021, Martin Wendt (https://wwWendt.de)
+ * Released under the MIT license
+ * https://github.com/mar10/fancytree/wiki/LicenseInfo
+ *
+ * @version 2.38.2
+ * @date 2022-06-30T18:24:06Z
+******************************************************************************/
+/*------------------------------------------------------------------------------
+ * 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-win7/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-image: url("../skin-win7/icons.gif");
+  background-position: 0px 0px;
+}
+span.fancytree-icon,
+span.fancytree-checkbox,
+span.fancytree-expander,
+span.fancytree-custom-icon {
+  margin-top: 2px;
+}
+/* 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: 2px;
+  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-win7/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 span.fancytree-checkbox.fancytree-radio:hover {
+  background-position: 0px -48px;
+}
+.fancytree-unselectable.fancytree-partsel span.fancytree-checkbox:hover {
+  background-position: -64px -32px;
+}
+.fancytree-unselectable.fancytree-selected span.fancytree-checkbox:hover {
+  background-position: -32px -32px;
+}
+.fancytree-unselectable.fancytree-selected span.fancytree-checkbox.fancytree-radio:hover {
+  background-position: -32px -48px;
+}
+.fancytree-container.fancytree-checkbox-auto-hide span.fancytree-checkbox {
+  visibility: hidden;
+}
+.fancytree-container.fancytree-checkbox-auto-hide .fancytree-node:hover span.fancytree-checkbox,
+.fancytree-container.fancytree-checkbox-auto-hide tr:hover td span.fancytree-checkbox,
+.fancytree-container.fancytree-checkbox-auto-hide .fancytree-node.fancytree-selected span.fancytree-checkbox,
+.fancytree-container.fancytree-checkbox-auto-hide tr.fancytree-selected td span.fancytree-checkbox {
+  visibility: unset;
+}
+.fancytree-container.fancytree-checkbox-auto-hide.fancytree-treefocus .fancytree-node.fancytree-active span.fancytree-checkbox,
+.fancytree-container.fancytree-checkbox-auto-hide.fancytree-treefocus tr.fancytree-active td span.fancytree-checkbox {
+  visibility: unset;
+}
+/*------------------------------------------------------------------------------
+ * 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,
+span.fancytree-icon.fancytree-icon-loading {
+  background-image: url("../skin-win7/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: 20px;
+}
+span.fancytree-title {
+  color: black;
+  cursor: pointer;
+  display: inline-block;
+  vertical-align: top;
+  min-height: 20px;
+  padding: 0 3px 0 3px;
+  margin: 0px 0 0 3px;
+  border: 1px solid transparent;
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  -ms-border-radius: 3px;
+  -o-border-radius: 3px;
+  border-radius: 3px;
+}
+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-win7/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-win7/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-win7/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-win7/icons-rtl.gif");
+}
+/*------------------------------------------------------------------------------
+ * 'table' extension
+ *----------------------------------------------------------------------------*/
+table.fancytree-ext-table {
+  font-family: tahoma, arial, helvetica;
+  font-size: 10pt;
+  border-collapse: collapse;
+  /* ext-ariagrid */
+}
+table.fancytree-ext-table span.fancytree-node {
+  display: inline-block;
+  box-sizing: border-box;
+}
+table.fancytree-ext-table td.fancytree-status-merged {
+  text-align: center;
+  font-style: italic;
+  color: #c0c0c0;
+}
+table.fancytree-ext-table tr.fancytree-statusnode-error td.fancytree-status-merged {
+  color: red;
+}
+table.fancytree-ext-table.fancytree-ext-ariagrid.fancytree-cell-mode > tbody > tr.fancytree-active > td {
+  background-color: #eee;
+}
+table.fancytree-ext-table.fancytree-ext-ariagrid.fancytree-cell-mode > tbody > tr > td.fancytree-active-cell {
+  background-color: #cbe8f6;
+}
+table.fancytree-ext-table.fancytree-ext-ariagrid.fancytree-cell-mode.fancytree-cell-nav-mode > tbody > tr > td.fancytree-active-cell {
+  background-color: #3875d7;
+}
+/*------------------------------------------------------------------------------
+ * '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: #e0e0e0;
+}
+table.fancytree-ext-columnview span.fancytree-node.fancytree-active {
+  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,
+.fancytree-ext-childcounter span.fancytree-custom-icon,
+.fancytree-ext-filter span.fancytree-custom-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-active .fancytree-title,
+span.fancytree-selected .fancytree-title {
+  border-color: #d9d9d9;
+  background: #e5e5e5;
+  color: inherit;
+  background: -moz-linear-gradient(top, #fafafb 0%, #e5e5e5 100%);
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fafafb), color-stop(100%, #e5e5e5));
+  background: -webkit-linear-gradient(top, #fafafb 0%, #e5e5e5 100%);
+  background: -o-linear-gradient(top, #fafafb 0%, #e5e5e5 100%);
+  background: -ms-linear-gradient(top, #fafafb 0%, #e5e5e5 100%);
+  background: linear-gradient(to bottom, #fafafb 0%, #e5e5e5 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafb', endColorstr='#e5e5e5', GradientType=0);
+}
+span.fancytree-selected .fancytree-title {
+  font-style: italic;
+}
+.fancytree-treefocus span.fancytree-active .fancytree-title,
+.fancytree-treefocus span.fancytree-selected .fancytree-title {
+  border-color: #99defd;
+  background: #f6fbfd;
+  color: inherit;
+  background: -moz-linear-gradient(top, #f6fbfd 0%, #d5effc 100%);
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6fbfd), color-stop(100%, #d5effc));
+  background: -webkit-linear-gradient(top, #f6fbfd 0%, #d5effc 100%);
+  background: -o-linear-gradient(top, #f6fbfd 0%, #d5effc 100%);
+  background: -ms-linear-gradient(top, #f6fbfd 0%, #d5effc 100%);
+  background: linear-gradient(to bottom, #f6fbfd 0%, #d5effc 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6fbfd', endColorstr='#d5effc', GradientType=0);
+}
+.fancytree-treefocus span.fancytree-focused span.fancytree-title {
+  border: 1px solid #719acb;
+}
+span.fancytree-title:hover {
+  border-color: #d8f0fa;
+  background: #f8fcfe;
+  color: inherit;
+  background: -moz-linear-gradient(top, #f8fcfe 0%, #eff9fe 100%);
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8fcfe), color-stop(100%, #eff9fe));
+  background: -webkit-linear-gradient(top, #f8fcfe 0%, #eff9fe 100%);
+  background: -o-linear-gradient(top, #f8fcfe 0%, #eff9fe 100%);
+  background: -ms-linear-gradient(top, #f8fcfe 0%, #eff9fe 100%);
+  background: linear-gradient(to bottom, #f8fcfe 0%, #eff9fe 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8fcfe', endColorstr='#eff9fe', GradientType=0);
+}
+span.fancytree-active .fancytree-title:hover,
+span.fancytree-selected .fancytree-title:hover {
+  border-color: #719acb;
+  background: #f2f9fd;
+  color: inherit;
+  background: -moz-linear-gradient(top, #f2f9fd 0%, #c4e8fa 100%);
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2f9fd), color-stop(100%, #c4e8fa));
+  background: -webkit-linear-gradient(top, #f2f9fd 0%, #c4e8fa 100%);
+  background: -o-linear-gradient(top, #f2f9fd 0%, #c4e8fa 100%);
+  background: -ms-linear-gradient(top, #f2f9fd 0%, #c4e8fa 100%);
+  background: linear-gradient(to bottom, #f2f9fd 0%, #c4e8fa 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f9fd', endColorstr='#c4e8fa', GradientType=0);
+}
+/*******************************************************************************
+ * 'table' extension
+ */
+table.fancytree-ext-table tbody tr td {
+  border: 1px solid #ededed;
+}
+table.fancytree-ext-table tbody tr:hover {
+  border-color: inherit;
+  background: #f8fcfe;
+  color: inherit;
+  background: -moz-linear-gradient(top, #f8fcfe 0%, #eff9fe 100%);
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8fcfe), color-stop(100%, #eff9fe));
+  background: -webkit-linear-gradient(top, #f8fcfe 0%, #eff9fe 100%);
+  background: -o-linear-gradient(top, #f8fcfe 0%, #eff9fe 100%);
+  background: -ms-linear-gradient(top, #f8fcfe 0%, #eff9fe 100%);
+  background: linear-gradient(to bottom, #f8fcfe 0%, #eff9fe 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8fcfe', endColorstr='#eff9fe', GradientType=0);
+  outline: 1px solid #d8f0fa;
+}
+table.fancytree-ext-table tbody tr.fancytree-focused {
+  outline: 1px dotted #090402;
+}
+table.fancytree-ext-table tbody span.fancytree-focused span.fancytree-title {
+  outline: solid dotted black;
+}
+table.fancytree-ext-table tbody span.fancytree-title:hover {
+  border: 1px solid transparent;
+  background: inherit;
+  background: transparent;
+  background: none;
+  filter: none;
+}
+table.fancytree-ext-table tbody tr.fancytree-active:hover,
+table.fancytree-ext-table tbody tr.fancytree-selected:hover {
+  border-color: inherit;
+  background: #f2f9fd;
+  color: inherit;
+  background: -moz-linear-gradient(top, #f2f9fd 0%, #c4e8fa 100%);
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2f9fd), color-stop(100%, #c4e8fa));
+  background: -webkit-linear-gradient(top, #f2f9fd 0%, #c4e8fa 100%);
+  background: -o-linear-gradient(top, #f2f9fd 0%, #c4e8fa 100%);
+  background: -ms-linear-gradient(top, #f2f9fd 0%, #c4e8fa 100%);
+  background: linear-gradient(to bottom, #f2f9fd 0%, #c4e8fa 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f9fd', endColorstr='#c4e8fa', GradientType=0);
+  outline: 1px solid #B6E6FB;
+}
+table.fancytree-ext-table tbody tr.fancytree-active,
+table.fancytree-ext-table tbody tr.fancytree-selected {
+  border-color: inherit;
+  background: #f6fbfd;
+  color: inherit;
+  background: -moz-linear-gradient(top, #f6fbfd 0%, #d5effc 100%);
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6fbfd), color-stop(100%, #d5effc));
+  background: -webkit-linear-gradient(top, #f6fbfd 0%, #d5effc 100%);
+  background: -o-linear-gradient(top, #f6fbfd 0%, #d5effc 100%);
+  background: -ms-linear-gradient(top, #f6fbfd 0%, #d5effc 100%);
+  background: linear-gradient(to bottom, #f6fbfd 0%, #d5effc 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6fbfd', endColorstr='#d5effc', GradientType=0);
+  outline: 1px solid #99DEFD;
+}
diff --git a/public/js/viewtree/skin-win7/ui.fancytree.less b/public/js/viewtree/skin-win7/ui.fancytree.less
new file mode 100644
index 0000000..087702f
--- /dev/null
+++ b/public/js/viewtree/skin-win7/ui.fancytree.less
@@ -0,0 +1,155 @@
+/*!
+ * Fancytree "Win7" skin.
+ *
+ * DON'T EDIT THE CSS FILE DIRECTLY, since it is automatically generated from
+ * the LESS templates.
+ */
+
+// Fancytree Win7 styles
+
+// both:
+//    unselected background: #FCFCFC 'nearly white', no border
+//
+//    hover bar (unselected, inactive): #fcfdfe..#EFF9FE (border: #b8d6fb) 'very light blue'
+//         background: #f8fcfe; //
+//         background: -moz-linear-gradient(top, #f8fcfe 0%, #eff9fe 100%);
+
+//    active node: #F6FBFD..#D5EFFC (border: #719acb)  'light blue'
+//         background: #f6fbfd;
+//         background: -moz-linear-gradient(top, #f6fbfd 0%, #d5effc 100%);
+
+//    active node with hover: #F2F9FD..#C4E8FA (border: #B6E6FB)
+//         background: #f2f9fd;
+//         background: -moz-linear-gradient(top, #f2f9fd 0%, #c4e8fa 100%);
+
+// Tree view:
+//    active node, tree inactive: #FAFAFB..#E5E5E5 (border: #D9D9D9) 'light gray, selected, but tree not active'
+//         background: #fafafb;
+//         background: -moz-linear-gradient(top, #fafafb 0%, #e5e5e5 100%);
+
+// List view:
+//    selected bar: --> active bar
+//    focus  bar: active + border 1px dotted #090402 (inside the blue border)
+
+//    table left/right border: #EDEDED 'light gray'
+
+// Import common styles
+@import "../skin-common.less";
+
+
+/*******************************************************************************
+ * Styles specific to this skin.
+ *
+ * This section is automatically generated from the `ui-fancytree.less` template.
+ ******************************************************************************/
+
+// Override the variable after the import.
+// NOTE: Variables are always resolved as the last definition, even if it is
+// after where it is used.
+@fancy-use-sprites: true;      // false: suppress all background images (i.e. icons)
+
+@fancy-line-height: 20px;      // height of a nodes selection bar including borders
+@fancy-node-v-spacing: 1px;    // gap between two node borders
+@fancy-icon-width: 16px;
+@fancy-icon-height: 16px;
+@fancy-icon-spacing: 3px;      // margin between icon/icon or icon/title
+@fancy-icon-ofs-top: 2px;      // extra vertical offset for expander, checkbox and icon
+@fancy-title-ofs-top: 0px;     // extra vertical offset for title
+@fancy-node-border-width: 1px;
+@fancy-node-border-radius: 3px;
+@fancy-node-outline-width: 1px;
+
+// We need to define this variable here (not in skin-common.less) to make it
+// work with grunt and webpack:
+@fancy-image-prefix: "./skin-win7/";
+
+// Use 'data-uri(...)' to embed the image into CSS instead of linking to 'loading.gif':
+// @fancy-loading-url: data-uri("@{fancy-image-prefix}loading.gif");
+// Set to `true` to use `data-uri(...)` which will embed icons.gif into CSS
+// instead of linking to that file:
+// @fancy-inline-sprites: true;
+
+
+ul.fancytree-container {
+
+}
+
+/*******************************************************************************
+ * Node titles
+ */
+span.fancytree-title {
+}
+// active nodes inside an UN-focused tree are gray instead of blue
+span.fancytree-active .fancytree-title,
+span.fancytree-selected .fancytree-title {
+    .spanStyleMixin(inherit, #e5e5e5, #d9d9d9, #fafafb, #e5e5e5);
+}
+span.fancytree-selected .fancytree-title {
+    font-style: italic;
+}
+// Markers inside an active tree
+.fancytree-treefocus {
+    span.fancytree-active .fancytree-title,
+    span.fancytree-selected .fancytree-title {
+        .spanStyleMixin(inherit, #f6fbfd, #99defd, #f6fbfd, #d5effc);
+    }
+    span.fancytree-focused span.fancytree-title {
+        border: @fancy-node-border-width solid #719acb;
+    }
+}
+// Hover is always colored (even if tree is inactive)
+span.fancytree-title:hover {
+    .spanStyleMixin(inherit, #f8fcfe, #d8f0fa, #f8fcfe, #eff9fe);
+}
+span.fancytree-active .fancytree-title:hover,
+span.fancytree-selected .fancytree-title:hover {
+    .spanStyleMixin(inherit, #f2f9fd, #719acb, #f2f9fd, #c4e8fa);
+}
+
+/*******************************************************************************
+ * 'table' extension
+ */
+
+table.fancytree-ext-table tbody {
+  tr td {
+    border: 1px solid #ededed;
+  }
+  tr:hover  {
+    .spanStyleMixin(inherit, #f8fcfe, inherit, #f8fcfe, #eff9fe);
+    outline: 1px solid #d8f0fa;
+  }
+  // tr:hover td {
+  //   outline: 1px solid #D8F0FA;
+  // }
+  tr.fancytree-focused {
+    // background-color: #99DEFD;
+    outline: 1px dotted #090402;
+  }
+  span.fancytree-focused span.fancytree-title {
+    outline: solid dotted black;
+  }
+
+  // Title gets a white background, when hovered. Undo standard node formatting
+  span.fancytree-title:hover {
+    border: 1px solid transparent;
+    background: inherit;
+    background: transparent;
+    background: none;
+    filter: none;
+  }
+
+  tr.fancytree-active:hover,
+  tr.fancytree-selected:hover {
+    .spanStyleMixin(inherit, #f2f9fd, inherit, #f2f9fd, #c4e8fa);
+    outline: 1px solid #B6E6FB;
+  }
+  tr.fancytree-active,
+  tr.fancytree-selected {
+    .spanStyleMixin(inherit, #f6fbfd, inherit, #f6fbfd, #d5effc);
+    outline: 1px solid #99DEFD;
+  }
+  // tr.fancytree-selected .fancytree-title {
+  //   font-style: italic;
+  // }
+
+}
diff --git a/public/js/viewtree/skin-win7/ui.fancytree.min.css b/public/js/viewtree/skin-win7/ui.fancytree.min.css
new file mode 100644
index 0000000..bcbe5eb
--- /dev/null
+++ b/public/js/viewtree/skin-win7/ui.fancytree.min.css
@@ -0,0 +1,6 @@
+/*!
+ * Fancytree "Win7" skin.
+ *
+ * DON'T EDIT THE CSS FILE DIRECTLY, since it is automatically generated from
+ * the LESS templates.
+ */.fancytree-helper-hidden{display:none}.fancytree-helper-indeterminate-cb{color:#777}.fancytree-helper-disabled{color:silver}.fancytree-helper-spin{-webkit-animation:spin 1s infinite linear;animation:spin 1s infinite linear}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}ul.fancytree-container{font-family:tahoma,arial,helvetica;font-size:10pt;white-space:nowrap;padding:3px;margin:0;background-color:#fff;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:0 0;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:.5;background-color:silver}ul.fancytree-connectors.fancytree-container li{background-image:url("../skin-win7/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}#fancytree-drop-marker,span.fancytree-checkbox,span.fancytree-drag-helper-img,span.fancytree-empty,span.fancytree-expander,span.fancytree-icon,span.fancytree-vline{width:16px;height:16px;display:inline-block;vertical-align:top;background-repeat:no-repeat;background-image:url("../skin-win7/icons.gif");background-position:0 0}span.fancytree-checkbox,span.fancytree-custom-icon,span.fancytree-expander,span.fancytree-icon{margin-top:2px}span.fancytree-custom-icon{width:16px;height:16px;display:inline-block;margin-left:3px;background-position:0 0}img.fancytree-icon{width:16px;height:16px;margin-left:3px;margin-top:2px;vertical-align:top;border-style:none}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-win7/icons.gif");margin-top:0}.fancytree-connectors .fancytree-exp-n span.fancytree-expander,.fancytree-connectors .fancytree-exp-n span.fancytree-expander:hover{background-position:0 -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:0 -80px}.fancytree-exp-c span.fancytree-expander:hover{background-position:-16px -80px}.fancytree-exp-cl span.fancytree-expander{background-position:0 -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-edl span.fancytree-expander,.fancytree-exp-el span.fancytree-expander{background-position:-32px -96px}.fancytree-exp-edl span.fancytree-expander:hover,.fancytree-exp-el span.fancytree-expander:hover{background-position:-48px -96px}.fancytree-fade-expander span.fancytree-expander{transition:opacity 1.5s;opacity:0}.fancytree-fade-expander .fancytree-treefocus span.fancytree-expander,.fancytree-fade-expander [class*=fancytree-statusnode-] span.fancytree-expander,.fancytree-fade-expander.fancytree-treefocus span.fancytree-expander,.fancytree-fade-expander:hover span.fancytree-expander{transition:opacity .6s;opacity:1}span.fancytree-checkbox{margin-left:3px;background-position:0 -32px}span.fancytree-checkbox:hover{background-position:-16px -32px}span.fancytree-checkbox.fancytree-radio{background-position:0 -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:.4}.fancytree-unselectable span.fancytree-checkbox:hover{background-position:0 -32px}.fancytree-unselectable span.fancytree-checkbox.fancytree-radio:hover{background-position:0 -48px}.fancytree-unselectable.fancytree-partsel span.fancytree-checkbox:hover{background-position:-64px -32px}.fancytree-unselectable.fancytree-selected span.fancytree-checkbox:hover{background-position:-32px -32px}.fancytree-unselectable.fancytree-selected span.fancytree-checkbox.fancytree-radio:hover{background-position:-32px -48px}.fancytree-container.fancytree-checkbox-auto-hide span.fancytree-checkbox{visibility:hidden}.fancytree-container.fancytree-checkbox-auto-hide .fancytree-node.fancytree-selected span.fancytree-checkbox,.fancytree-container.fancytree-checkbox-auto-hide .fancytree-node:hover span.fancytree-checkbox,.fancytree-container.fancytree-checkbox-auto-hide tr.fancytree-selected td span.fancytree-checkbox,.fancytree-container.fancytree-checkbox-auto-hide tr:hover td span.fancytree-checkbox{visibility:unset}.fancytree-container.fancytree-checkbox-auto-hide.fancytree-treefocus .fancytree-node.fancytree-active span.fancytree-checkbox,.fancytree-container.fancytree-checkbox-auto-hide.fancytree-treefocus tr.fancytree-active td span.fancytree-checkbox{visibility:unset}span.fancytree-icon{margin-left:3px;background-position:0 0}.fancytree-ico-c span.fancytree-icon:hover{background-position:-16px 0}.fancytree-has-children.fancytree-ico-c span.fancytree-icon{background-position:-32px 0}.fancytree-has-children.fancytree-ico-c span.fancytree-icon:hover{background-position:-48px 0}.fancytree-ico-e span.fancytree-icon{background-position:-64px 0}.fancytree-ico-e span.fancytree-icon:hover{background-position:-80px 0}.fancytree-ico-cf span.fancytree-icon{background-position:0 -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,span.fancytree-icon.fancytree-icon-loading{background-image:url("../skin-win7/loading.gif");background-position:0 0}.fancytree-statusnode-error span.fancytree-icon,.fancytree-statusnode-error span.fancytree-icon:hover{background-position:0 -112px}span.fancytree-node{display:inherit;width:100%;margin-top:1px;min-height:20px}span.fancytree-title{color:#000;cursor:pointer;display:inline-block;vertical-align:top;min-height:20px;padding:0 3px 0 3px;margin:0 0 0 3px;border:1px solid transparent;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px}span.fancytree-node.fancytree-error span.fancytree-title{color:red}span.fancytree-childcounter{color:#fff;background:#337ab7;border:1px solid gray;border-radius:10px;padding:2px;text-align:center}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}#fancytree-drop-marker{width:32px;position:absolute;background-position:0 -128px;margin:0}#fancytree-drop-marker.fancytree-drop-after,#fancytree-drop-marker.fancytree-drop-before{width:64px;background-position:0 -144px}#fancytree-drop-marker.fancytree-drop-copy{background-position:-64px -128px}#fancytree-drop-marker.fancytree-drop-move{background-position:-32px -128px}span.fancytree-drag-source.fancytree-drag-remove{opacity:.15}.fancytree-container.fancytree-rtl span.fancytree-connector,.fancytree-container.fancytree-rtl span.fancytree-drag-helper-img,.fancytree-container.fancytree-rtl span.fancytree-expander,.fancytree-container.fancytree-rtl span.fancytree-icon{background-image:url("../skin-win7/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-win7/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-win7/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-win7/icons-rtl.gif")}table.fancytree-ext-table{font-family:tahoma,arial,helvetica;font-size:10pt;border-collapse:collapse}table.fancytree-ext-table span.fancytree-node{display:inline-block;box-sizing:border-box}table.fancytree-ext-table td.fancytree-status-merged{text-align:center;font-style:italic;color:silver}table.fancytree-ext-table tr.fancytree-statusnode-error td.fancytree-status-merged{color:red}table.fancytree-ext-table.fancytree-ext-ariagrid.fancytree-cell-mode>tbody>tr.fancytree-active>td{background-color:#eee}table.fancytree-ext-table.fancytree-ext-ariagrid.fancytree-cell-mode>tbody>tr>td.fancytree-active-cell{background-color:#cbe8f6}table.fancytree-ext-table.fancytree-ext-ariagrid.fancytree-cell-mode.fancytree-cell-nav-mode>tbody>tr>td.fancytree-active-cell{background-color:#3875d7}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:0 0;background-repeat:repeat-y;background-image:none;margin:0}table.fancytree-ext-columnview span.fancytree-node{position:relative;display:inline-block}table.fancytree-ext-columnview span.fancytree-node.fancytree-expanded{background-color:#e0e0e0}table.fancytree-ext-columnview span.fancytree-node.fancytree-active{background-color:#cbe8f6}table.fancytree-ext-columnview .fancytree-has-children span.fancytree-cv-right{position:absolute;right:3px;background-position:0 -80px}table.fancytree-ext-columnview .fancytree-has-children span.fancytree-cv-right:hover{background-position:-16px -80px}.fancytree-ext-filter-dimm span.fancytree-node span.fancytree-title{color:silver;font-weight:lighter}.fancytree-ext-filter-dimm span.fancytree-node.fancytree-submatch span.fancytree-title,.fancytree-ext-filter-dimm tr.fancytree-submatch span.fancytree-title{color:#000;font-weight:400}.fancytree-ext-filter-dimm span.fancytree-node.fancytree-match span.fancytree-title,.fancytree-ext-filter-dimm tr.fancytree-match span.fancytree-title{color:#000;font-weight:700}.fancytree-ext-filter-hide span.fancytree-node.fancytree-hide,.fancytree-ext-filter-hide tr.fancytree-hide{display:none}.fancytree-ext-filter-hide span.fancytree-node.fancytree-submatch span.fancytree-title,.fancytree-ext-filter-hide tr.fancytree-submatch span.fancytree-title{color:silver;font-weight:lighter}.fancytree-ext-filter-hide span.fancytree-node.fancytree-match span.fancytree-title,.fancytree-ext-filter-hide tr.fancytree-match span.fancytree-title{color:#000;font-weight:400}.fancytree-ext-filter-hide-expanders span.fancytree-node.fancytree-match span.fancytree-expander,.fancytree-ext-filter-hide-expanders tr.fancytree-match span.fancytree-expander{visibility:hidden}.fancytree-ext-filter-hide-expanders span.fancytree-node.fancytree-submatch span.fancytree-expander,.fancytree-ext-filter-hide-expanders tr.fancytree-submatch span.fancytree-expander{visibility:visible}.fancytree-ext-childcounter span.fancytree-custom-icon,.fancytree-ext-childcounter span.fancytree-icon,.fancytree-ext-filter span.fancytree-custom-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}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:0;min-width:100%;margin-left:0;margin-right:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.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,.75)}.fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-scroll-border-right{border-right:3px solid rgba(0,0,0,.75)}.fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-wrapper-tl{position:absolute;overflow:hidden;z-index:3;top:0;left:0}.fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-wrapper-tr{position:absolute;overflow:hidden;z-index:2;top:0}.fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-wrapper-bl{position:absolute;overflow:hidden;z-index:2;left:0}.fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-wrapper-br{position:absolute;overflow:scroll;z-index:1}span.fancytree-active .fancytree-title,span.fancytree-selected .fancytree-title{border-color:#d9d9d9;background:#e5e5e5;color:inherit;background:-moz-linear-gradient(top,#fafafb 0,#e5e5e5 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fafafb),color-stop(100%,#e5e5e5));background:-webkit-linear-gradient(top,#fafafb 0,#e5e5e5 100%);background:-o-linear-gradient(top,#fafafb 0,#e5e5e5 100%);background:-ms-linear-gradient(top,#fafafb 0,#e5e5e5 100%);background:linear-gradient(to bottom,#fafafb 0,#e5e5e5 100%)}span.fancytree-selected .fancytree-title{font-style:italic}.fancytree-treefocus span.fancytree-active .fancytree-title,.fancytree-treefocus span.fancytree-selected .fancytree-title{border-color:#99defd;background:#f6fbfd;color:inherit;background:-moz-linear-gradient(top,#f6fbfd 0,#d5effc 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f6fbfd),color-stop(100%,#d5effc));background:-webkit-linear-gradient(top,#f6fbfd 0,#d5effc 100%);background:-o-linear-gradient(top,#f6fbfd 0,#d5effc 100%);background:-ms-linear-gradient(top,#f6fbfd 0,#d5effc 100%);background:linear-gradient(to bottom,#f6fbfd 0,#d5effc 100%)}.fancytree-treefocus span.fancytree-focused span.fancytree-title{border:1px solid #719acb}span.fancytree-title:hover{border-color:#d8f0fa;background:#f8fcfe;color:inherit;background:-moz-linear-gradient(top,#f8fcfe 0,#eff9fe 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f8fcfe),color-stop(100%,#eff9fe));background:-webkit-linear-gradient(top,#f8fcfe 0,#eff9fe 100%);background:-o-linear-gradient(top,#f8fcfe 0,#eff9fe 100%);background:-ms-linear-gradient(top,#f8fcfe 0,#eff9fe 100%);background:linear-gradient(to bottom,#f8fcfe 0,#eff9fe 100%)}span.fancytree-active .fancytree-title:hover,span.fancytree-selected .fancytree-title:hover{border-color:#719acb;background:#f2f9fd;color:inherit;background:-moz-linear-gradient(top,#f2f9fd 0,#c4e8fa 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f2f9fd),color-stop(100%,#c4e8fa));background:-webkit-linear-gradient(top,#f2f9fd 0,#c4e8fa 100%);background:-o-linear-gradient(top,#f2f9fd 0,#c4e8fa 100%);background:-ms-linear-gradient(top,#f2f9fd 0,#c4e8fa 100%);background:linear-gradient(to bottom,#f2f9fd 0,#c4e8fa 100%)}table.fancytree-ext-table tbody tr td{border:1px solid #ededed}table.fancytree-ext-table tbody tr:hover{border-color:inherit;background:#f8fcfe;color:inherit;background:-moz-linear-gradient(top,#f8fcfe 0,#eff9fe 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f8fcfe),color-stop(100%,#eff9fe));background:-webkit-linear-gradient(top,#f8fcfe 0,#eff9fe 100%);background:-o-linear-gradient(top,#f8fcfe 0,#eff9fe 100%);background:-ms-linear-gradient(top,#f8fcfe 0,#eff9fe 100%);background:linear-gradient(to bottom,#f8fcfe 0,#eff9fe 100%);outline:1px solid #d8f0fa}table.fancytree-ext-table tbody tr.fancytree-focused{outline:1px dotted #090402}table.fancytree-ext-table tbody span.fancytree-focused span.fancytree-title{outline:solid dotted black}table.fancytree-ext-table tbody span.fancytree-title:hover{border:1px solid transparent;background:inherit;background:0 0;background:0 0;filter:none}table.fancytree-ext-table tbody tr.fancytree-active:hover,table.fancytree-ext-table tbody tr.fancytree-selected:hover{border-color:inherit;background:#f2f9fd;color:inherit;background:-moz-linear-gradient(top,#f2f9fd 0,#c4e8fa 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f2f9fd),color-stop(100%,#c4e8fa));background:-webkit-linear-gradient(top,#f2f9fd 0,#c4e8fa 100%);background:-o-linear-gradient(top,#f2f9fd 0,#c4e8fa 100%);background:-ms-linear-gradient(top,#f2f9fd 0,#c4e8fa 100%);background:linear-gradient(to bottom,#f2f9fd 0,#c4e8fa 100%);outline:1px solid #B6E6FB}table.fancytree-ext-table tbody tr.fancytree-active,table.fancytree-ext-table tbody tr.fancytree-selected{border-color:inherit;background:#f6fbfd;color:inherit;background:-moz-linear-gradient(top,#f6fbfd 0,#d5effc 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f6fbfd),color-stop(100%,#d5effc));background:-webkit-linear-gradient(top,#f6fbfd 0,#d5effc 100%);background:-o-linear-gradient(top,#f6fbfd 0,#d5effc 100%);background:-ms-linear-gradient(top,#f6fbfd 0,#d5effc 100%);background:linear-gradient(to bottom,#f6fbfd 0,#d5effc 100%);outline:1px solid #99DEFD}
\ No newline at end of file
diff --git a/public/js/viewtree/skin-win7/vline-rtl.gif b/public/js/viewtree/skin-win7/vline-rtl.gif
new file mode 100644
index 0000000..f9b4232
Binary files /dev/null and b/public/js/viewtree/skin-win7/vline-rtl.gif differ
diff --git a/public/js/viewtree/skin-win7/vline.gif b/public/js/viewtree/skin-win7/vline.gif
new file mode 100644
index 0000000..f9b4232
Binary files /dev/null and b/public/js/viewtree/skin-win7/vline.gif differ
diff --git a/public/js/viewtree/skin-win8-n/icons-rtl.gif b/public/js/viewtree/skin-win8-n/icons-rtl.gif
new file mode 100644
index 0000000..443e1e4
Binary files /dev/null and b/public/js/viewtree/skin-win8-n/icons-rtl.gif differ
diff --git a/public/js/viewtree/skin-win8-n/icons.gif b/public/js/viewtree/skin-win8-n/icons.gif
new file mode 100644
index 0000000..0097b1f
Binary files /dev/null and b/public/js/viewtree/skin-win8-n/icons.gif differ
diff --git a/public/js/viewtree/skin-win8-n/loading.gif b/public/js/viewtree/skin-win8-n/loading.gif
new file mode 100644
index 0000000..ef88497
Binary files /dev/null and b/public/js/viewtree/skin-win8-n/loading.gif differ
diff --git a/public/js/viewtree/skin-win8-n/ui.fancytree.css b/public/js/viewtree/skin-win8-n/ui.fancytree.css
new file mode 100644
index 0000000..0c5baee
--- /dev/null
+++ b/public/js/viewtree/skin-win8-n/ui.fancytree.css
@@ -0,0 +1,767 @@
+/*!
+ * Fancytree "win8" skin (highlighting the node span instead of title-only).
+ *
+ * DON'T EDIT THE CSS FILE DIRECTLY, since it is automatically generated from
+ * the LESS templates.
+ */
+/*******************************************************************************
+ * Common Styles for Fancytree Skins.
+ *
+ * This section is automatically generated from the `skin-common.less` template.
+ *
+ * Copyright (c) 2008-2021, Martin Wendt (https://wwWendt.de)
+ * Released under the MIT license
+ * https://github.com/mar10/fancytree/wiki/LicenseInfo
+ *
+ * @version 2.38.2
+ * @date 2022-06-30T18:24:06Z
+******************************************************************************/
+/*------------------------------------------------------------------------------
+ * 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-win8-n/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-image: url("../skin-win8-n/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-win8-n/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 span.fancytree-checkbox.fancytree-radio:hover {
+  background-position: 0px -48px;
+}
+.fancytree-unselectable.fancytree-partsel span.fancytree-checkbox:hover {
+  background-position: -64px -32px;
+}
+.fancytree-unselectable.fancytree-selected span.fancytree-checkbox:hover {
+  background-position: -32px -32px;
+}
+.fancytree-unselectable.fancytree-selected span.fancytree-checkbox.fancytree-radio:hover {
+  background-position: -32px -48px;
+}
+.fancytree-container.fancytree-checkbox-auto-hide span.fancytree-checkbox {
+  visibility: hidden;
+}
+.fancytree-container.fancytree-checkbox-auto-hide .fancytree-node:hover span.fancytree-checkbox,
+.fancytree-container.fancytree-checkbox-auto-hide tr:hover td span.fancytree-checkbox,
+.fancytree-container.fancytree-checkbox-auto-hide .fancytree-node.fancytree-selected span.fancytree-checkbox,
+.fancytree-container.fancytree-checkbox-auto-hide tr.fancytree-selected td span.fancytree-checkbox {
+  visibility: unset;
+}
+.fancytree-container.fancytree-checkbox-auto-hide.fancytree-treefocus .fancytree-node.fancytree-active span.fancytree-checkbox,
+.fancytree-container.fancytree-checkbox-auto-hide.fancytree-treefocus tr.fancytree-active td span.fancytree-checkbox {
+  visibility: unset;
+}
+/*------------------------------------------------------------------------------
+ * 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,
+span.fancytree-icon.fancytree-icon-loading {
+  background-image: url("../skin-win8-n/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-win8-n/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-win8-n/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-win8-n/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-win8-n/icons-rtl.gif");
+}
+/*------------------------------------------------------------------------------
+ * 'table' extension
+ *----------------------------------------------------------------------------*/
+table.fancytree-ext-table {
+  font-family: tahoma, arial, helvetica;
+  font-size: 10pt;
+  border-collapse: collapse;
+  /* ext-ariagrid */
+}
+table.fancytree-ext-table span.fancytree-node {
+  display: inline-block;
+  box-sizing: border-box;
+}
+table.fancytree-ext-table td.fancytree-status-merged {
+  text-align: center;
+  font-style: italic;
+  color: #c0c0c0;
+}
+table.fancytree-ext-table tr.fancytree-statusnode-error td.fancytree-status-merged {
+  color: red;
+}
+table.fancytree-ext-table.fancytree-ext-ariagrid.fancytree-cell-mode > tbody > tr.fancytree-active > td {
+  background-color: #eee;
+}
+table.fancytree-ext-table.fancytree-ext-ariagrid.fancytree-cell-mode > tbody > tr > td.fancytree-active-cell {
+  background-color: #cbe8f6;
+}
+table.fancytree-ext-table.fancytree-ext-ariagrid.fancytree-cell-mode.fancytree-cell-nav-mode > tbody > tr > td.fancytree-active-cell {
+  background-color: #3875d7;
+}
+/*------------------------------------------------------------------------------
+ * '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: #e0e0e0;
+}
+table.fancytree-ext-columnview span.fancytree-node.fancytree-active {
+  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,
+.fancytree-ext-childcounter span.fancytree-custom-icon,
+.fancytree-ext-filter span.fancytree-custom-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
+ */
+.fancytree-plain span.fancytree-node {
+  border: 1px solid transparent;
+}
+.fancytree-plain span.fancytree-node:hover {
+  background-color: #E5F3FB;
+  border-color: #70C0E7;
+}
+.fancytree-plain.fancytree-container.fancytree-treefocus span.fancytree-node.fancytree-focused {
+  border-color: #3399FF;
+}
+.fancytree-plain span.fancytree-node.fancytree-active,
+.fancytree-plain span.fancytree-node.fancytree-selected {
+  background-color: #F7F7F7;
+  border-color: #DEDEDE;
+}
+.fancytree-plain.fancytree-container.fancytree-treefocus span.fancytree-node.fancytree-active,
+.fancytree-plain.fancytree-container.fancytree-treefocus span.fancytree-node.fancytree-selected,
+.fancytree-plain span.fancytree-node.fancytree-active:hover,
+.fancytree-plain span.fancytree-node.fancytree-selected:hover {
+  background-color: #CBE8F6;
+  border-color: #26A0DA;
+}
+.fancytree-plain .fancytree-node.fancytree-selected {
+  font-style: italic;
+}
+/*******************************************************************************
+ * 'table' extension
+ */
+table.fancytree-ext-table tbody tr td {
+  border: 1px solid #EDEDED;
+}
+table.fancytree-ext-table tbody span.fancytree-node,
+table.fancytree-ext-table tbody span.fancytree-node:hover {
+  border: none;
+  background: none;
+}
+table.fancytree-ext-table tbody tr:hover {
+  background-color: #E5F3FB;
+  outline: 1px solid #70C0E7;
+}
+table.fancytree-ext-table tbody tr.fancytree-focused span.fancytree-title {
+  outline: 1px dotted black;
+}
+table.fancytree-ext-table tbody tr.fancytree-active:hover,
+table.fancytree-ext-table tbody tr.fancytree-selected:hover {
+  background-color: #CBE8F6;
+  outline: 1px solid #26A0DA;
+}
+table.fancytree-ext-table tbody tr.fancytree-active {
+  background-color: #F7F7F7;
+  outline: 1px solid #DEDEDE;
+}
+table.fancytree-ext-table tbody tr.fancytree-selected {
+  background-color: #F7F7F7;
+}
+table.fancytree-ext-table.fancytree-treefocus tbody tr.fancytree-active {
+  background-color: #CBE8F6;
+  outline: 1px solid #26A0DA;
+}
+table.fancytree-ext-table.fancytree-treefocus tbody tr.fancytree-selected {
+  background-color: #CBE8F6;
+}
diff --git a/public/js/viewtree/skin-win8-n/ui.fancytree.less b/public/js/viewtree/skin-win8-n/ui.fancytree.less
new file mode 100644
index 0000000..633827e
--- /dev/null
+++ b/public/js/viewtree/skin-win8-n/ui.fancytree.less
@@ -0,0 +1,145 @@
+/*!
+ * Fancytree "win8" skin (highlighting the node span instead of title-only).
+ *
+ * DON'T EDIT THE CSS FILE DIRECTLY, since it is automatically generated from
+ * the LESS templates.
+ */
+
+// Import common styles
+@import "../skin-common.less";
+
+
+/*******************************************************************************
+ * Styles specific to this skin.
+ *
+ * This section is automatically generated from the `ui-fancytree.less` template.
+ ******************************************************************************/
+
+// Borders have NO radius and NO gradients are used!
+
+// both:
+//    unselected background: white
+//    hover bar (unselected, inactive): #E5F3FB (border: #70C0E7) 'very light blue'
+//    active node: #CBE8F6 (border: #26A0DA)  'light blue'
+//    active node with hover: wie active node
+
+// Tree view:
+//    active node, tree inactive: #F7F7F7 (border: #DEDEDE) 'light gray, selected, but tree not active'
+
+// List view:
+//    selected bar: --> active bar
+//    focus  bar: transparent(white) + border 1px solid #3399FF  ()
+
+//    table left/right border: #EDEDED 'light gray'
+
+// Override the variable after the import.
+// NOTE: Variables are always resolved as the last definition, even if it is
+// after where it is used.
+@fancy-use-sprites: true;  // false: suppress all background images (i.e. icons)
+// Set to `true` to inline icon sprite into CSS:
+// @fancy-inline-sprites: true;
+@fancy-icon-width: 16px;
+@fancy-icon-height: 16px;
+@fancy-line-height: 16px;
+@fancy-icon-spacing: 3px;
+
+// We need to define this variable here (not in skin-common.less) to make it
+// work with grunt and webpack:
+@fancy-image-prefix: "./skin-win8-n/";
+// Use 'data-uri(...)' to embed the image into CSS instead of linking to 'loading.gif':
+// @fancy-loading-url: data-uri("@{fancy-image-prefix}loading.gif");
+// Set to `true` to use `data-uri(...)` which will embed icons.gif into CSS
+// instead of linking to that file:
+// @fancy-inline-sprites: true;
+
+
+/*******************************************************************************
+ * Node titles
+ */
+.fancytree-plain  {
+	span.fancytree-node {
+		border: @fancy-node-border-width solid transparent;  // avoid jumping, when a border is added on hover
+	}
+	span.fancytree-node:hover {
+		background-color: #E5F3FB;
+		border-color: #70C0E7;
+	}
+	&.fancytree-container.fancytree-treefocus span.fancytree-node.fancytree-focused {
+		border-color: #3399FF;
+	//	outline: 1px solid #3399FF;
+	}
+	span.fancytree-node.fancytree-active,
+	span.fancytree-node.fancytree-selected { // active/selcted nodes inside inactive tree
+		background-color: #F7F7F7;
+		border-color: #DEDEDE;
+	}
+	&.fancytree-container.fancytree-treefocus span.fancytree-node.fancytree-active,
+	&.fancytree-container.fancytree-treefocus span.fancytree-node.fancytree-selected,
+	span.fancytree-node.fancytree-active:hover,
+	span.fancytree-node.fancytree-selected:hover {
+		background-color: #CBE8F6;
+		border-color: #26A0DA;
+	}
+	.fancytree-node.fancytree-selected {
+		font-style: italic;
+	}
+}
+
+/*******************************************************************************
+ * 'table' extension
+ */
+table.fancytree-ext-table tbody {
+	tr td {
+	  border: 1px solid #EDEDED;
+	}
+	span.fancytree-node,
+	span.fancytree-node:hover { // undo standard tree css
+		border: none;
+		background: none;
+	}
+	// Title gets a white background, when hovered. Undo standard node formatting
+	// span.fancytree-title:hover {
+	//   border: none; //1px solid transparent;
+	//   background: inherit;
+	//   background: transparent;
+	//   background: none;
+	//   filter: none;
+	// }
+	tr:hover  {
+		background-color: #E5F3FB;
+	    outline: 1px solid #70C0E7;
+	}
+	// tr:hover td {
+	//   outline: 1px solid #D8F0FA;
+	// }
+	// tr.fancytree-focused {
+	// 	border-color: #3399FF;
+ //    	outline: 1px dotted black;
+	// }
+	tr.fancytree-focused span.fancytree-title {
+	  outline: 1px dotted black;
+	}
+
+	tr.fancytree-active:hover,
+	tr.fancytree-selected:hover {
+		background-color: #CBE8F6;
+	    outline: 1px solid #26A0DA;
+	}
+	tr.fancytree-active {  // dimmed, if inside inactive tree
+		background-color: #F7F7F7;
+	    outline: 1px solid #DEDEDE;
+	}
+	tr.fancytree-selected {  // dimmed, if inside inactive tree
+		background-color: #F7F7F7;
+	}
+}
+
+table.fancytree-ext-table.fancytree-treefocus tbody {
+	tr.fancytree-active {
+		background-color: #CBE8F6;
+	    outline: 1px solid #26A0DA;
+	}
+	tr.fancytree-selected {
+		background-color: #CBE8F6;
+	}
+}
diff --git a/public/js/viewtree/skin-win8-n/ui.fancytree.min.css b/public/js/viewtree/skin-win8-n/ui.fancytree.min.css
new file mode 100644
index 0000000..8dfa9fd
--- /dev/null
+++ b/public/js/viewtree/skin-win8-n/ui.fancytree.min.css
@@ -0,0 +1,6 @@
+/*!
+ * Fancytree "win8" skin (highlighting the node span instead of title-only).
+ *
+ * DON'T EDIT THE CSS FILE DIRECTLY, since it is automatically generated from
+ * the LESS templates.
+ */.fancytree-helper-hidden{display:none}.fancytree-helper-indeterminate-cb{color:#777}.fancytree-helper-disabled{color:silver}.fancytree-helper-spin{-webkit-animation:spin 1s infinite linear;animation:spin 1s infinite linear}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}ul.fancytree-container{font-family:tahoma,arial,helvetica;font-size:10pt;white-space:nowrap;padding:3px;margin:0;background-color:#fff;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:0 0;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:.5;background-color:silver}ul.fancytree-connectors.fancytree-container li{background-image:url("../skin-win8-n/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}#fancytree-drop-marker,span.fancytree-checkbox,span.fancytree-drag-helper-img,span.fancytree-empty,span.fancytree-expander,span.fancytree-icon,span.fancytree-vline{width:16px;height:16px;display:inline-block;vertical-align:top;background-repeat:no-repeat;background-image:url("../skin-win8-n/icons.gif");background-position:0 0}span.fancytree-checkbox,span.fancytree-custom-icon,span.fancytree-expander,span.fancytree-icon{margin-top:0}span.fancytree-custom-icon{width:16px;height:16px;display:inline-block;margin-left:3px;background-position:0 0}img.fancytree-icon{width:16px;height:16px;margin-left:3px;margin-top:0;vertical-align:top;border-style:none}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-win8-n/icons.gif");margin-top:0}.fancytree-connectors .fancytree-exp-n span.fancytree-expander,.fancytree-connectors .fancytree-exp-n span.fancytree-expander:hover{background-position:0 -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:0 -80px}.fancytree-exp-c span.fancytree-expander:hover{background-position:-16px -80px}.fancytree-exp-cl span.fancytree-expander{background-position:0 -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-edl span.fancytree-expander,.fancytree-exp-el span.fancytree-expander{background-position:-32px -96px}.fancytree-exp-edl span.fancytree-expander:hover,.fancytree-exp-el span.fancytree-expander:hover{background-position:-48px -96px}.fancytree-fade-expander span.fancytree-expander{transition:opacity 1.5s;opacity:0}.fancytree-fade-expander .fancytree-treefocus span.fancytree-expander,.fancytree-fade-expander [class*=fancytree-statusnode-] span.fancytree-expander,.fancytree-fade-expander.fancytree-treefocus span.fancytree-expander,.fancytree-fade-expander:hover span.fancytree-expander{transition:opacity .6s;opacity:1}span.fancytree-checkbox{margin-left:3px;background-position:0 -32px}span.fancytree-checkbox:hover{background-position:-16px -32px}span.fancytree-checkbox.fancytree-radio{background-position:0 -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:.4}.fancytree-unselectable span.fancytree-checkbox:hover{background-position:0 -32px}.fancytree-unselectable span.fancytree-checkbox.fancytree-radio:hover{background-position:0 -48px}.fancytree-unselectable.fancytree-partsel span.fancytree-checkbox:hover{background-position:-64px -32px}.fancytree-unselectable.fancytree-selected span.fancytree-checkbox:hover{background-position:-32px -32px}.fancytree-unselectable.fancytree-selected span.fancytree-checkbox.fancytree-radio:hover{background-position:-32px -48px}.fancytree-container.fancytree-checkbox-auto-hide span.fancytree-checkbox{visibility:hidden}.fancytree-container.fancytree-checkbox-auto-hide .fancytree-node.fancytree-selected span.fancytree-checkbox,.fancytree-container.fancytree-checkbox-auto-hide .fancytree-node:hover span.fancytree-checkbox,.fancytree-container.fancytree-checkbox-auto-hide tr.fancytree-selected td span.fancytree-checkbox,.fancytree-container.fancytree-checkbox-auto-hide tr:hover td span.fancytree-checkbox{visibility:unset}.fancytree-container.fancytree-checkbox-auto-hide.fancytree-treefocus .fancytree-node.fancytree-active span.fancytree-checkbox,.fancytree-container.fancytree-checkbox-auto-hide.fancytree-treefocus tr.fancytree-active td span.fancytree-checkbox{visibility:unset}span.fancytree-icon{margin-left:3px;background-position:0 0}.fancytree-ico-c span.fancytree-icon:hover{background-position:-16px 0}.fancytree-has-children.fancytree-ico-c span.fancytree-icon{background-position:-32px 0}.fancytree-has-children.fancytree-ico-c span.fancytree-icon:hover{background-position:-48px 0}.fancytree-ico-e span.fancytree-icon{background-position:-64px 0}.fancytree-ico-e span.fancytree-icon:hover{background-position:-80px 0}.fancytree-ico-cf span.fancytree-icon{background-position:0 -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,span.fancytree-icon.fancytree-icon-loading{background-image:url("../skin-win8-n/loading.gif");background-position:0 0}.fancytree-statusnode-error span.fancytree-icon,.fancytree-statusnode-error span.fancytree-icon:hover{background-position:0 -112px}span.fancytree-node{display:inherit;width:100%;margin-top:1px;min-height:16px}span.fancytree-title{color:#000;cursor:pointer;display:inline-block;vertical-align:top;min-height:16px;padding:0 3px 0 3px;margin:0 0 0 3px;border:1px solid transparent;-webkit-border-radius:0px;-moz-border-radius:0;-ms-border-radius:0px;-o-border-radius:0;border-radius:0}span.fancytree-node.fancytree-error span.fancytree-title{color:red}span.fancytree-childcounter{color:#fff;background:#337ab7;border:1px solid gray;border-radius:10px;padding:2px;text-align:center}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}#fancytree-drop-marker{width:32px;position:absolute;background-position:0 -128px;margin:0}#fancytree-drop-marker.fancytree-drop-after,#fancytree-drop-marker.fancytree-drop-before{width:64px;background-position:0 -144px}#fancytree-drop-marker.fancytree-drop-copy{background-position:-64px -128px}#fancytree-drop-marker.fancytree-drop-move{background-position:-32px -128px}span.fancytree-drag-source.fancytree-drag-remove{opacity:.15}.fancytree-container.fancytree-rtl span.fancytree-connector,.fancytree-container.fancytree-rtl span.fancytree-drag-helper-img,.fancytree-container.fancytree-rtl span.fancytree-expander,.fancytree-container.fancytree-rtl span.fancytree-icon{background-image:url("../skin-win8-n/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-win8-n/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-win8-n/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-win8-n/icons-rtl.gif")}table.fancytree-ext-table{font-family:tahoma,arial,helvetica;font-size:10pt;border-collapse:collapse}table.fancytree-ext-table span.fancytree-node{display:inline-block;box-sizing:border-box}table.fancytree-ext-table td.fancytree-status-merged{text-align:center;font-style:italic;color:silver}table.fancytree-ext-table tr.fancytree-statusnode-error td.fancytree-status-merged{color:red}table.fancytree-ext-table.fancytree-ext-ariagrid.fancytree-cell-mode>tbody>tr.fancytree-active>td{background-color:#eee}table.fancytree-ext-table.fancytree-ext-ariagrid.fancytree-cell-mode>tbody>tr>td.fancytree-active-cell{background-color:#cbe8f6}table.fancytree-ext-table.fancytree-ext-ariagrid.fancytree-cell-mode.fancytree-cell-nav-mode>tbody>tr>td.fancytree-active-cell{background-color:#3875d7}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:0 0;background-repeat:repeat-y;background-image:none;margin:0}table.fancytree-ext-columnview span.fancytree-node{position:relative;display:inline-block}table.fancytree-ext-columnview span.fancytree-node.fancytree-expanded{background-color:#e0e0e0}table.fancytree-ext-columnview span.fancytree-node.fancytree-active{background-color:#cbe8f6}table.fancytree-ext-columnview .fancytree-has-children span.fancytree-cv-right{position:absolute;right:3px;background-position:0 -80px}table.fancytree-ext-columnview .fancytree-has-children span.fancytree-cv-right:hover{background-position:-16px -80px}.fancytree-ext-filter-dimm span.fancytree-node span.fancytree-title{color:silver;font-weight:lighter}.fancytree-ext-filter-dimm span.fancytree-node.fancytree-submatch span.fancytree-title,.fancytree-ext-filter-dimm tr.fancytree-submatch span.fancytree-title{color:#000;font-weight:400}.fancytree-ext-filter-dimm span.fancytree-node.fancytree-match span.fancytree-title,.fancytree-ext-filter-dimm tr.fancytree-match span.fancytree-title{color:#000;font-weight:700}.fancytree-ext-filter-hide span.fancytree-node.fancytree-hide,.fancytree-ext-filter-hide tr.fancytree-hide{display:none}.fancytree-ext-filter-hide span.fancytree-node.fancytree-submatch span.fancytree-title,.fancytree-ext-filter-hide tr.fancytree-submatch span.fancytree-title{color:silver;font-weight:lighter}.fancytree-ext-filter-hide span.fancytree-node.fancytree-match span.fancytree-title,.fancytree-ext-filter-hide tr.fancytree-match span.fancytree-title{color:#000;font-weight:400}.fancytree-ext-filter-hide-expanders span.fancytree-node.fancytree-match span.fancytree-expander,.fancytree-ext-filter-hide-expanders tr.fancytree-match span.fancytree-expander{visibility:hidden}.fancytree-ext-filter-hide-expanders span.fancytree-node.fancytree-submatch span.fancytree-expander,.fancytree-ext-filter-hide-expanders tr.fancytree-submatch span.fancytree-expander{visibility:visible}.fancytree-ext-childcounter span.fancytree-custom-icon,.fancytree-ext-childcounter span.fancytree-icon,.fancytree-ext-filter span.fancytree-custom-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}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:0;min-width:100%;margin-left:0;margin-right:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.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,.75)}.fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-scroll-border-right{border-right:3px solid rgba(0,0,0,.75)}.fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-wrapper-tl{position:absolute;overflow:hidden;z-index:3;top:0;left:0}.fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-wrapper-tr{position:absolute;overflow:hidden;z-index:2;top:0}.fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-wrapper-bl{position:absolute;overflow:hidden;z-index:2;left:0}.fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-wrapper-br{position:absolute;overflow:scroll;z-index:1}.fancytree-plain span.fancytree-node{border:1px solid transparent}.fancytree-plain span.fancytree-node:hover{background-color:#e5f3fb;border-color:#70c0e7}.fancytree-plain.fancytree-container.fancytree-treefocus span.fancytree-node.fancytree-focused{border-color:#39f}.fancytree-plain span.fancytree-node.fancytree-active,.fancytree-plain span.fancytree-node.fancytree-selected{background-color:#f7f7f7;border-color:#dedede}.fancytree-plain span.fancytree-node.fancytree-active:hover,.fancytree-plain span.fancytree-node.fancytree-selected:hover,.fancytree-plain.fancytree-container.fancytree-treefocus span.fancytree-node.fancytree-active,.fancytree-plain.fancytree-container.fancytree-treefocus span.fancytree-node.fancytree-selected{background-color:#cbe8f6;border-color:#26a0da}.fancytree-plain .fancytree-node.fancytree-selected{font-style:italic}table.fancytree-ext-table tbody tr td{border:1px solid #ededed}table.fancytree-ext-table tbody span.fancytree-node,table.fancytree-ext-table tbody span.fancytree-node:hover{border:none;background:0 0}table.fancytree-ext-table tbody tr:hover{background-color:#e5f3fb;outline:1px solid #70C0E7}table.fancytree-ext-table tbody tr.fancytree-focused span.fancytree-title{outline:1px dotted black}table.fancytree-ext-table tbody tr.fancytree-active:hover,table.fancytree-ext-table tbody tr.fancytree-selected:hover{background-color:#cbe8f6;outline:1px solid #26A0DA}table.fancytree-ext-table tbody tr.fancytree-active{background-color:#f7f7f7;outline:1px solid #DEDEDE}table.fancytree-ext-table tbody tr.fancytree-selected{background-color:#f7f7f7}table.fancytree-ext-table.fancytree-treefocus tbody tr.fancytree-active{background-color:#cbe8f6;outline:1px solid #26A0DA}table.fancytree-ext-table.fancytree-treefocus tbody tr.fancytree-selected{background-color:#cbe8f6}
\ No newline at end of file
diff --git a/public/js/viewtree/skin-win8-n/vline-rtl.gif b/public/js/viewtree/skin-win8-n/vline-rtl.gif
new file mode 100644
index 0000000..f9b4232
Binary files /dev/null and b/public/js/viewtree/skin-win8-n/vline-rtl.gif differ
diff --git a/public/js/viewtree/skin-win8-n/vline.gif b/public/js/viewtree/skin-win8-n/vline.gif
new file mode 100644
index 0000000..f9b4232
Binary files /dev/null and b/public/js/viewtree/skin-win8-n/vline.gif differ
diff --git a/public/js/viewtree/skin-win8-xxl/icons-rtl.gif b/public/js/viewtree/skin-win8-xxl/icons-rtl.gif
new file mode 100644
index 0000000..0ce1c5b
Binary files /dev/null and b/public/js/viewtree/skin-win8-xxl/icons-rtl.gif differ
diff --git a/public/js/viewtree/skin-win8-xxl/icons.gif b/public/js/viewtree/skin-win8-xxl/icons.gif
new file mode 100644
index 0000000..f3abe16
Binary files /dev/null and b/public/js/viewtree/skin-win8-xxl/icons.gif differ
diff --git a/public/js/viewtree/skin-win8-xxl/loading.gif b/public/js/viewtree/skin-win8-xxl/loading.gif
new file mode 100644
index 0000000..8031e44
Binary files /dev/null and b/public/js/viewtree/skin-win8-xxl/loading.gif differ
diff --git a/public/js/viewtree/skin-win8-xxl/ui.fancytree.css b/public/js/viewtree/skin-win8-xxl/ui.fancytree.css
new file mode 100644
index 0000000..947ac02
--- /dev/null
+++ b/public/js/viewtree/skin-win8-xxl/ui.fancytree.css
@@ -0,0 +1,775 @@
+/*!
+ * Fancytree "Win8" 32x32 skin.
+ *
+ * DON'T EDIT THE CSS FILE DIRECTLY, since it is automatically generated from
+ * the LESS templates.
+ */
+/*******************************************************************************
+ * Common Styles for Fancytree Skins.
+ *
+ * This section is automatically generated from the `skin-common.less` template.
+ *
+ * Copyright (c) 2008-2021, Martin Wendt (https://wwWendt.de)
+ * Released under the MIT license
+ * https://github.com/mar10/fancytree/wiki/LicenseInfo
+ *
+ * @version 2.38.2
+ * @date 2022-06-30T18:24:06Z
+******************************************************************************/
+/*------------------------------------------------------------------------------
+ * 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 32px;
+  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-win8-xxl/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: 32px;
+  height: 32px;
+  display: inline-block;
+  vertical-align: top;
+  background-repeat: no-repeat;
+  background-image: url("../skin-win8-xxl/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: 32px;
+  height: 32px;
+  display: inline-block;
+  margin-left: 6px;
+  background-position: 0px 0px;
+}
+/* Used by 'icon' node option: */
+img.fancytree-icon {
+  width: 32px;
+  height: 32px;
+  margin-left: 6px;
+  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-win8-xxl/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 -128px;
+}
+.fancytree-connectors .fancytree-exp-nl span.fancytree-expander,
+.fancytree-connectors .fancytree-exp-nl span.fancytree-expander:hover {
+  background-position: -32px -128px;
+}
+.fancytree-exp-c span.fancytree-expander {
+  background-position: 0px -160px;
+}
+.fancytree-exp-c span.fancytree-expander:hover {
+  background-position: -32px -160px;
+}
+.fancytree-exp-cl span.fancytree-expander {
+  background-position: 0px -192px;
+}
+.fancytree-exp-cl span.fancytree-expander:hover {
+  background-position: -32px -192px;
+}
+.fancytree-exp-cd span.fancytree-expander {
+  background-position: -128px -160px;
+}
+.fancytree-exp-cd span.fancytree-expander:hover {
+  background-position: -160px -160px;
+}
+.fancytree-exp-cdl span.fancytree-expander {
+  background-position: -128px -192px;
+}
+.fancytree-exp-cdl span.fancytree-expander:hover {
+  background-position: -160px -192px;
+}
+.fancytree-exp-e span.fancytree-expander,
+.fancytree-exp-ed span.fancytree-expander {
+  background-position: -64px -160px;
+}
+.fancytree-exp-e span.fancytree-expander:hover,
+.fancytree-exp-ed span.fancytree-expander:hover {
+  background-position: -96px -160px;
+}
+.fancytree-exp-el span.fancytree-expander,
+.fancytree-exp-edl span.fancytree-expander {
+  background-position: -64px -192px;
+}
+.fancytree-exp-el span.fancytree-expander:hover,
+.fancytree-exp-edl span.fancytree-expander:hover {
+  background-position: -96px -192px;
+}
+/* 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: 6px;
+  background-position: 0px -64px;
+}
+span.fancytree-checkbox:hover {
+  background-position: -32px -64px;
+}
+span.fancytree-checkbox.fancytree-radio {
+  background-position: 0px -96px;
+}
+span.fancytree-checkbox.fancytree-radio:hover {
+  background-position: -32px -96px;
+}
+.fancytree-partsel span.fancytree-checkbox {
+  background-position: -128px -64px;
+}
+.fancytree-partsel span.fancytree-checkbox:hover {
+  background-position: -160px -64px;
+}
+.fancytree-partsel span.fancytree-checkbox.fancytree-radio {
+  background-position: -128px -96px;
+}
+.fancytree-partsel span.fancytree-checkbox.fancytree-radio:hover {
+  background-position: -160px -96px;
+}
+.fancytree-selected span.fancytree-checkbox {
+  background-position: -64px -64px;
+}
+.fancytree-selected span.fancytree-checkbox:hover {
+  background-position: -96px -64px;
+}
+.fancytree-selected span.fancytree-checkbox.fancytree-radio {
+  background-position: -64px -96px;
+}
+.fancytree-selected span.fancytree-checkbox.fancytree-radio:hover {
+  background-position: -96px -96px;
+}
+.fancytree-unselectable span.fancytree-checkbox {
+  opacity: 0.4;
+  filter: alpha(opacity=40);
+}
+.fancytree-unselectable span.fancytree-checkbox:hover {
+  background-position: 0px -64px;
+}
+.fancytree-unselectable span.fancytree-checkbox.fancytree-radio:hover {
+  background-position: 0px -96px;
+}
+.fancytree-unselectable.fancytree-partsel span.fancytree-checkbox:hover {
+  background-position: -128px -64px;
+}
+.fancytree-unselectable.fancytree-selected span.fancytree-checkbox:hover {
+  background-position: -64px -64px;
+}
+.fancytree-unselectable.fancytree-selected span.fancytree-checkbox.fancytree-radio:hover {
+  background-position: -64px -96px;
+}
+.fancytree-container.fancytree-checkbox-auto-hide span.fancytree-checkbox {
+  visibility: hidden;
+}
+.fancytree-container.fancytree-checkbox-auto-hide .fancytree-node:hover span.fancytree-checkbox,
+.fancytree-container.fancytree-checkbox-auto-hide tr:hover td span.fancytree-checkbox,
+.fancytree-container.fancytree-checkbox-auto-hide .fancytree-node.fancytree-selected span.fancytree-checkbox,
+.fancytree-container.fancytree-checkbox-auto-hide tr.fancytree-selected td span.fancytree-checkbox {
+  visibility: unset;
+}
+.fancytree-container.fancytree-checkbox-auto-hide.fancytree-treefocus .fancytree-node.fancytree-active span.fancytree-checkbox,
+.fancytree-container.fancytree-checkbox-auto-hide.fancytree-treefocus tr.fancytree-active td span.fancytree-checkbox {
+  visibility: unset;
+}
+/*------------------------------------------------------------------------------
+ * 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: 6px;
+  background-position: 0px 0px;
+}
+/* Documents */
+.fancytree-ico-c span.fancytree-icon:hover {
+  background-position: -32px 0px;
+}
+.fancytree-has-children.fancytree-ico-c span.fancytree-icon {
+  background-position: -64px 0px;
+}
+.fancytree-has-children.fancytree-ico-c span.fancytree-icon:hover {
+  background-position: -96px 0px;
+}
+.fancytree-ico-e span.fancytree-icon {
+  background-position: -128px 0px;
+}
+.fancytree-ico-e span.fancytree-icon:hover {
+  background-position: -160px 0px;
+}
+/* Folders */
+.fancytree-ico-cf span.fancytree-icon {
+  background-position: 0px -32px;
+}
+.fancytree-ico-cf span.fancytree-icon:hover {
+  background-position: -32px -32px;
+}
+.fancytree-has-children.fancytree-ico-cf span.fancytree-icon {
+  background-position: -64px -32px;
+}
+.fancytree-has-children.fancytree-ico-cf span.fancytree-icon:hover {
+  background-position: -96px -32px;
+}
+.fancytree-ico-ef span.fancytree-icon {
+  background-position: -128px -32px;
+}
+.fancytree-ico-ef span.fancytree-icon:hover {
+  background-position: -160px -32px;
+}
+.fancytree-loading span.fancytree-expander,
+.fancytree-loading span.fancytree-expander:hover,
+.fancytree-statusnode-loading span.fancytree-icon,
+.fancytree-statusnode-loading span.fancytree-icon:hover,
+span.fancytree-icon.fancytree-icon-loading {
+  background-image: url("../skin-win8-xxl/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 -224px;
+}
+/*------------------------------------------------------------------------------
+ * Node titles and highlighting
+ *----------------------------------------------------------------------------*/
+span.fancytree-node {
+  /* See #117 */
+  display: inherit;
+  width: 100%;
+  margin-top: 1px;
+  min-height: 32px;
+}
+span.fancytree-title {
+  color: black;
+  cursor: pointer;
+  display: inline-block;
+  vertical-align: top;
+  min-height: 32px;
+  padding: 0 3px 0 3px;
+  margin: 0px 0 0 6px;
+  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: -64px -224px;
+}
+div.fancytree-drag-helper.fancytree-drop-reject span.fancytree-drag-helper-img {
+  background-position: -32px -224px;
+}
+/*** Drop marker icon *********************************************************/
+#fancytree-drop-marker {
+  width: 64px;
+  position: absolute;
+  background-position: 0px -256px;
+  margin: 0;
+}
+#fancytree-drop-marker.fancytree-drop-after,
+#fancytree-drop-marker.fancytree-drop-before {
+  width: 128px;
+  background-position: 0px -288px;
+}
+#fancytree-drop-marker.fancytree-drop-copy {
+  background-position: -128px -256px;
+}
+#fancytree-drop-marker.fancytree-drop-move {
+  background-position: -64px -256px;
+}
+/*** 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-win8-xxl/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-win8-xxl/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-win8-xxl/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-win8-xxl/icons-rtl.gif");
+}
+/*------------------------------------------------------------------------------
+ * 'table' extension
+ *----------------------------------------------------------------------------*/
+table.fancytree-ext-table {
+  font-family: tahoma, arial, helvetica;
+  font-size: 10pt;
+  border-collapse: collapse;
+  /* ext-ariagrid */
+}
+table.fancytree-ext-table span.fancytree-node {
+  display: inline-block;
+  box-sizing: border-box;
+}
+table.fancytree-ext-table td.fancytree-status-merged {
+  text-align: center;
+  font-style: italic;
+  color: #c0c0c0;
+}
+table.fancytree-ext-table tr.fancytree-statusnode-error td.fancytree-status-merged {
+  color: red;
+}
+table.fancytree-ext-table.fancytree-ext-ariagrid.fancytree-cell-mode > tbody > tr.fancytree-active > td {
+  background-color: #eee;
+}
+table.fancytree-ext-table.fancytree-ext-ariagrid.fancytree-cell-mode > tbody > tr > td.fancytree-active-cell {
+  background-color: #cbe8f6;
+}
+table.fancytree-ext-table.fancytree-ext-ariagrid.fancytree-cell-mode.fancytree-cell-nav-mode > tbody > tr > td.fancytree-active-cell {
+  background-color: #3875d7;
+}
+/*------------------------------------------------------------------------------
+ * '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: #e0e0e0;
+}
+table.fancytree-ext-columnview span.fancytree-node.fancytree-active {
+  background-color: #cbe8f6;
+}
+table.fancytree-ext-columnview .fancytree-has-children span.fancytree-cv-right {
+  position: absolute;
+  right: 3px;
+  background-position: 0px -160px;
+}
+table.fancytree-ext-columnview .fancytree-has-children span.fancytree-cv-right:hover {
+  background-position: -32px -160px;
+}
+/*------------------------------------------------------------------------------
+ * '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,
+.fancytree-ext-childcounter span.fancytree-custom-icon,
+.fancytree-ext-filter span.fancytree-custom-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;
+}
+/*!
+ * Fancytree "Win8" skin.
+ *
+ * DON'T EDIT THE CSS FILE DIRECTLY, since it is automatically generated from
+ * the LESS templates.
+ */
+/*******************************************************************************
+ * Styles specific to this skin.
+ *
+ * This section is automatically generated from the `ui-fancytree.less` template.
+ ******************************************************************************/
+/*******************************************************************************
+ * Node titles
+ */
+.fancytree-plain span.fancytree-title {
+  border: 1px solid transparent;
+}
+.fancytree-plain.fancytree-container.fancytree-treefocus span.fancytree-focused span.fancytree-title {
+  border-color: #3399ff;
+}
+.fancytree-plain span.fancytree-active span.fancytree-title,
+.fancytree-plain span.fancytree-selected span.fancytree-title {
+  background-color: #f7f7f7;
+  border-color: #dedede;
+}
+.fancytree-plain span.fancytree-node span.fancytree-selected span.fancytree-title {
+  font-style: italic;
+}
+.fancytree-plain span.fancytree-node:hover span.fancytree-title {
+  background-color: #eff9fe;
+  border-color: #70c0e7;
+}
+.fancytree-plain.fancytree-container.fancytree-treefocus span.fancytree-active span.fancytree-title,
+.fancytree-plain.fancytree-container.fancytree-treefocus span.fancytree-selected span.fancytree-title {
+  background-color: #cbe8f6;
+  border-color: #26a0da;
+}
+/*******************************************************************************
+ * 'table' extension
+ */
+table.fancytree-ext-table tbody tr td {
+  border: 1px solid #EDEDED;
+}
+table.fancytree-ext-table tbody span.fancytree-node,
+table.fancytree-ext-table tbody span.fancytree-node:hover {
+  border: none;
+  background: none;
+}
+table.fancytree-ext-table tbody tr:hover {
+  background-color: #E5F3FB;
+  outline: 1px solid #70C0E7;
+}
+table.fancytree-ext-table tbody tr.fancytree-focused span.fancytree-title {
+  outline: 1px dotted black;
+}
+table.fancytree-ext-table tbody tr.fancytree-active:hover,
+table.fancytree-ext-table tbody tr.fancytree-selected:hover {
+  background-color: #CBE8F6;
+  outline: 1px solid #26A0DA;
+}
+table.fancytree-ext-table tbody tr.fancytree-active {
+  background-color: #F7F7F7;
+  outline: 1px solid #DEDEDE;
+}
+table.fancytree-ext-table tbody tr.fancytree-selected {
+  background-color: #F7F7F7;
+}
+table.fancytree-ext-table.fancytree-treefocus tbody tr.fancytree-active {
+  background-color: #CBE8F6;
+  outline: 1px solid #26A0DA;
+}
+table.fancytree-ext-table.fancytree-treefocus tbody tr.fancytree-selected {
+  background-color: #CBE8F6;
+}
+ul.fancytree-container {
+  font-size: 20pt;
+  padding: 6px;
+}
diff --git a/public/js/viewtree/skin-win8-xxl/ui.fancytree.less b/public/js/viewtree/skin-win8-xxl/ui.fancytree.less
new file mode 100644
index 0000000..2241d97
--- /dev/null
+++ b/public/js/viewtree/skin-win8-xxl/ui.fancytree.less
@@ -0,0 +1,40 @@
+/*!
+ * Fancytree "Win8" 32x32 skin.
+ *
+ * DON'T EDIT THE CSS FILE DIRECTLY, since it is automatically generated from
+ * the LESS templates.
+ */
+
+// Import common styles
+@import "../skin-common.less";
+
+// Import standard win8
+@import "../skin-win8/ui.fancytree.less";
+
+
+// Override the variable after the import.
+// NOTE: Variables are always resolved as the last definition, even if it is
+// after where it is used.
+@fancy-use-sprites: true;      // false: suppress all background images (i.e. icons)
+
+@fancy-level-indent: 32px;
+@fancy-line-height: 32px;      // height of a nodes selection bar including borders
+@fancy-node-v-spacing: 1px;    // gap between two node borders
+@fancy-icon-width: 32px;
+@fancy-icon-height: 32px;
+@fancy-icon-spacing: 6px;      // margin between icon/icon or icon/title
+@fancy-icon-ofs-top: 0px;      // extra vertical offset for expander, checkbox and icon
+@fancy-title-ofs-top: 0px;     // extra vertical offset for title
+@fancy-node-border-width: 1px;
+@fancy-node-border-radius: 0px;
+@fancy-node-outline-width: 1px;
+
+// We need to define this variable here (not in skin-common.less) to make it
+// work with grunt and webpack:
+@fancy-image-prefix: "./skin-win8-xxl/";
+
+ul.fancytree-container {
+//	font-family: tahoma, arial, helvetica;
+	font-size: 20pt;
+	padding: 6px;
+}
diff --git a/public/js/viewtree/skin-win8-xxl/ui.fancytree.min.css b/public/js/viewtree/skin-win8-xxl/ui.fancytree.min.css
new file mode 100644
index 0000000..9c7e9ca
--- /dev/null
+++ b/public/js/viewtree/skin-win8-xxl/ui.fancytree.min.css
@@ -0,0 +1,11 @@
+/*!
+ * Fancytree "Win8" 32x32 skin.
+ *
+ * DON'T EDIT THE CSS FILE DIRECTLY, since it is automatically generated from
+ * the LESS templates.
+ */.fancytree-helper-hidden{display:none}.fancytree-helper-indeterminate-cb{color:#777}.fancytree-helper-disabled{color:silver}.fancytree-helper-spin{-webkit-animation:spin 1s infinite linear;animation:spin 1s infinite linear}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}ul.fancytree-container{font-family:tahoma,arial,helvetica;font-size:10pt;white-space:nowrap;padding:3px;margin:0;background-color:#fff;border:1px dotted gray;min-height:0;position:relative}ul.fancytree-container ul{padding:0 0 0 32px;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:0 0;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:.5;background-color:silver}ul.fancytree-connectors.fancytree-container li{background-image:url("../skin-win8-xxl/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}#fancytree-drop-marker,span.fancytree-checkbox,span.fancytree-drag-helper-img,span.fancytree-empty,span.fancytree-expander,span.fancytree-icon,span.fancytree-vline{width:32px;height:32px;display:inline-block;vertical-align:top;background-repeat:no-repeat;background-image:url("../skin-win8-xxl/icons.gif");background-position:0 0}span.fancytree-checkbox,span.fancytree-custom-icon,span.fancytree-expander,span.fancytree-icon{margin-top:0}span.fancytree-custom-icon{width:32px;height:32px;display:inline-block;margin-left:6px;background-position:0 0}img.fancytree-icon{width:32px;height:32px;margin-left:6px;margin-top:0;vertical-align:top;border-style:none}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-win8-xxl/icons.gif");margin-top:0}.fancytree-connectors .fancytree-exp-n span.fancytree-expander,.fancytree-connectors .fancytree-exp-n span.fancytree-expander:hover{background-position:0 -128px}.fancytree-connectors .fancytree-exp-nl span.fancytree-expander,.fancytree-connectors .fancytree-exp-nl span.fancytree-expander:hover{background-position:-32px -128px}.fancytree-exp-c span.fancytree-expander{background-position:0 -160px}.fancytree-exp-c span.fancytree-expander:hover{background-position:-32px -160px}.fancytree-exp-cl span.fancytree-expander{background-position:0 -192px}.fancytree-exp-cl span.fancytree-expander:hover{background-position:-32px -192px}.fancytree-exp-cd span.fancytree-expander{background-position:-128px -160px}.fancytree-exp-cd span.fancytree-expander:hover{background-position:-160px -160px}.fancytree-exp-cdl span.fancytree-expander{background-position:-128px -192px}.fancytree-exp-cdl span.fancytree-expander:hover{background-position:-160px -192px}.fancytree-exp-e span.fancytree-expander,.fancytree-exp-ed span.fancytree-expander{background-position:-64px -160px}.fancytree-exp-e span.fancytree-expander:hover,.fancytree-exp-ed span.fancytree-expander:hover{background-position:-96px -160px}.fancytree-exp-edl span.fancytree-expander,.fancytree-exp-el span.fancytree-expander{background-position:-64px -192px}.fancytree-exp-edl span.fancytree-expander:hover,.fancytree-exp-el span.fancytree-expander:hover{background-position:-96px -192px}.fancytree-fade-expander span.fancytree-expander{transition:opacity 1.5s;opacity:0}.fancytree-fade-expander .fancytree-treefocus span.fancytree-expander,.fancytree-fade-expander [class*=fancytree-statusnode-] span.fancytree-expander,.fancytree-fade-expander.fancytree-treefocus span.fancytree-expander,.fancytree-fade-expander:hover span.fancytree-expander{transition:opacity .6s;opacity:1}span.fancytree-checkbox{margin-left:6px;background-position:0 -64px}span.fancytree-checkbox:hover{background-position:-32px -64px}span.fancytree-checkbox.fancytree-radio{background-position:0 -96px}span.fancytree-checkbox.fancytree-radio:hover{background-position:-32px -96px}.fancytree-partsel span.fancytree-checkbox{background-position:-128px -64px}.fancytree-partsel span.fancytree-checkbox:hover{background-position:-160px -64px}.fancytree-partsel span.fancytree-checkbox.fancytree-radio{background-position:-128px -96px}.fancytree-partsel span.fancytree-checkbox.fancytree-radio:hover{background-position:-160px -96px}.fancytree-selected span.fancytree-checkbox{background-position:-64px -64px}.fancytree-selected span.fancytree-checkbox:hover{background-position:-96px -64px}.fancytree-selected span.fancytree-checkbox.fancytree-radio{background-position:-64px -96px}.fancytree-selected span.fancytree-checkbox.fancytree-radio:hover{background-position:-96px -96px}.fancytree-unselectable span.fancytree-checkbox{opacity:.4}.fancytree-unselectable span.fancytree-checkbox:hover{background-position:0 -64px}.fancytree-unselectable span.fancytree-checkbox.fancytree-radio:hover{background-position:0 -96px}.fancytree-unselectable.fancytree-partsel span.fancytree-checkbox:hover{background-position:-128px -64px}.fancytree-unselectable.fancytree-selected span.fancytree-checkbox:hover{background-position:-64px -64px}.fancytree-unselectable.fancytree-selected span.fancytree-checkbox.fancytree-radio:hover{background-position:-64px -96px}.fancytree-container.fancytree-checkbox-auto-hide span.fancytree-checkbox{visibility:hidden}.fancytree-container.fancytree-checkbox-auto-hide .fancytree-node.fancytree-selected span.fancytree-checkbox,.fancytree-container.fancytree-checkbox-auto-hide .fancytree-node:hover span.fancytree-checkbox,.fancytree-container.fancytree-checkbox-auto-hide tr.fancytree-selected td span.fancytree-checkbox,.fancytree-container.fancytree-checkbox-auto-hide tr:hover td span.fancytree-checkbox{visibility:unset}.fancytree-container.fancytree-checkbox-auto-hide.fancytree-treefocus .fancytree-node.fancytree-active span.fancytree-checkbox,.fancytree-container.fancytree-checkbox-auto-hide.fancytree-treefocus tr.fancytree-active td span.fancytree-checkbox{visibility:unset}span.fancytree-icon{margin-left:6px;background-position:0 0}.fancytree-ico-c span.fancytree-icon:hover{background-position:-32px 0}.fancytree-has-children.fancytree-ico-c span.fancytree-icon{background-position:-64px 0}.fancytree-has-children.fancytree-ico-c span.fancytree-icon:hover{background-position:-96px 0}.fancytree-ico-e span.fancytree-icon{background-position:-128px 0}.fancytree-ico-e span.fancytree-icon:hover{background-position:-160px 0}.fancytree-ico-cf span.fancytree-icon{background-position:0 -32px}.fancytree-ico-cf span.fancytree-icon:hover{background-position:-32px -32px}.fancytree-has-children.fancytree-ico-cf span.fancytree-icon{background-position:-64px -32px}.fancytree-has-children.fancytree-ico-cf span.fancytree-icon:hover{background-position:-96px -32px}.fancytree-ico-ef span.fancytree-icon{background-position:-128px -32px}.fancytree-ico-ef span.fancytree-icon:hover{background-position:-160px -32px}.fancytree-loading span.fancytree-expander,.fancytree-loading span.fancytree-expander:hover,.fancytree-statusnode-loading span.fancytree-icon,.fancytree-statusnode-loading span.fancytree-icon:hover,span.fancytree-icon.fancytree-icon-loading{background-image:url("../skin-win8-xxl/loading.gif");background-position:0 0}.fancytree-statusnode-error span.fancytree-icon,.fancytree-statusnode-error span.fancytree-icon:hover{background-position:0 -224px}span.fancytree-node{display:inherit;width:100%;margin-top:1px;min-height:32px}span.fancytree-title{color:#000;cursor:pointer;display:inline-block;vertical-align:top;min-height:32px;padding:0 3px 0 3px;margin:0 0 0 6px;border:1px solid transparent;-webkit-border-radius:0px;-moz-border-radius:0;-ms-border-radius:0px;-o-border-radius:0;border-radius:0}span.fancytree-node.fancytree-error span.fancytree-title{color:red}span.fancytree-childcounter{color:#fff;background:#337ab7;border:1px solid gray;border-radius:10px;padding:2px;text-align:center}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:-64px -224px}div.fancytree-drag-helper.fancytree-drop-reject span.fancytree-drag-helper-img{background-position:-32px -224px}#fancytree-drop-marker{width:64px;position:absolute;background-position:0 -256px;margin:0}#fancytree-drop-marker.fancytree-drop-after,#fancytree-drop-marker.fancytree-drop-before{width:128px;background-position:0 -288px}#fancytree-drop-marker.fancytree-drop-copy{background-position:-128px -256px}#fancytree-drop-marker.fancytree-drop-move{background-position:-64px -256px}span.fancytree-drag-source.fancytree-drag-remove{opacity:.15}.fancytree-container.fancytree-rtl span.fancytree-connector,.fancytree-container.fancytree-rtl span.fancytree-drag-helper-img,.fancytree-container.fancytree-rtl span.fancytree-expander,.fancytree-container.fancytree-rtl span.fancytree-icon{background-image:url("../skin-win8-xxl/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-win8-xxl/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-win8-xxl/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-win8-xxl/icons-rtl.gif")}table.fancytree-ext-table{font-family:tahoma,arial,helvetica;font-size:10pt;border-collapse:collapse}table.fancytree-ext-table span.fancytree-node{display:inline-block;box-sizing:border-box}table.fancytree-ext-table td.fancytree-status-merged{text-align:center;font-style:italic;color:silver}table.fancytree-ext-table tr.fancytree-statusnode-error td.fancytree-status-merged{color:red}table.fancytree-ext-table.fancytree-ext-ariagrid.fancytree-cell-mode>tbody>tr.fancytree-active>td{background-color:#eee}table.fancytree-ext-table.fancytree-ext-ariagrid.fancytree-cell-mode>tbody>tr>td.fancytree-active-cell{background-color:#cbe8f6}table.fancytree-ext-table.fancytree-ext-ariagrid.fancytree-cell-mode.fancytree-cell-nav-mode>tbody>tr>td.fancytree-active-cell{background-color:#3875d7}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:0 0;background-repeat:repeat-y;background-image:none;margin:0}table.fancytree-ext-columnview span.fancytree-node{position:relative;display:inline-block}table.fancytree-ext-columnview span.fancytree-node.fancytree-expanded{background-color:#e0e0e0}table.fancytree-ext-columnview span.fancytree-node.fancytree-active{background-color:#cbe8f6}table.fancytree-ext-columnview .fancytree-has-children span.fancytree-cv-right{position:absolute;right:3px;background-position:0 -160px}table.fancytree-ext-columnview .fancytree-has-children span.fancytree-cv-right:hover{background-position:-32px -160px}.fancytree-ext-filter-dimm span.fancytree-node span.fancytree-title{color:silver;font-weight:lighter}.fancytree-ext-filter-dimm span.fancytree-node.fancytree-submatch span.fancytree-title,.fancytree-ext-filter-dimm tr.fancytree-submatch span.fancytree-title{color:#000;font-weight:400}.fancytree-ext-filter-dimm span.fancytree-node.fancytree-match span.fancytree-title,.fancytree-ext-filter-dimm tr.fancytree-match span.fancytree-title{color:#000;font-weight:700}.fancytree-ext-filter-hide span.fancytree-node.fancytree-hide,.fancytree-ext-filter-hide tr.fancytree-hide{display:none}.fancytree-ext-filter-hide span.fancytree-node.fancytree-submatch span.fancytree-title,.fancytree-ext-filter-hide tr.fancytree-submatch span.fancytree-title{color:silver;font-weight:lighter}.fancytree-ext-filter-hide span.fancytree-node.fancytree-match span.fancytree-title,.fancytree-ext-filter-hide tr.fancytree-match span.fancytree-title{color:#000;font-weight:400}.fancytree-ext-filter-hide-expanders span.fancytree-node.fancytree-match span.fancytree-expander,.fancytree-ext-filter-hide-expanders tr.fancytree-match span.fancytree-expander{visibility:hidden}.fancytree-ext-filter-hide-expanders span.fancytree-node.fancytree-submatch span.fancytree-expander,.fancytree-ext-filter-hide-expanders tr.fancytree-submatch span.fancytree-expander{visibility:visible}.fancytree-ext-childcounter span.fancytree-custom-icon,.fancytree-ext-childcounter span.fancytree-icon,.fancytree-ext-filter span.fancytree-custom-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}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:0;min-width:100%;margin-left:0;margin-right:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.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,.75)}.fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-scroll-border-right{border-right:3px solid rgba(0,0,0,.75)}.fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-wrapper-tl{position:absolute;overflow:hidden;z-index:3;top:0;left:0}.fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-wrapper-tr{position:absolute;overflow:hidden;z-index:2;top:0}.fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-wrapper-bl{position:absolute;overflow:hidden;z-index:2;left:0}.fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-wrapper-br{position:absolute;overflow:scroll;z-index:1}/*!
+ * Fancytree "Win8" skin.
+ *
+ * DON'T EDIT THE CSS FILE DIRECTLY, since it is automatically generated from
+ * the LESS templates.
+ */.fancytree-plain span.fancytree-title{border:1px solid transparent}.fancytree-plain.fancytree-container.fancytree-treefocus span.fancytree-focused span.fancytree-title{border-color:#39f}.fancytree-plain span.fancytree-active span.fancytree-title,.fancytree-plain span.fancytree-selected span.fancytree-title{background-color:#f7f7f7;border-color:#dedede}.fancytree-plain span.fancytree-node span.fancytree-selected span.fancytree-title{font-style:italic}.fancytree-plain span.fancytree-node:hover span.fancytree-title{background-color:#eff9fe;border-color:#70c0e7}.fancytree-plain.fancytree-container.fancytree-treefocus span.fancytree-active span.fancytree-title,.fancytree-plain.fancytree-container.fancytree-treefocus span.fancytree-selected span.fancytree-title{background-color:#cbe8f6;border-color:#26a0da}table.fancytree-ext-table tbody tr td{border:1px solid #ededed}table.fancytree-ext-table tbody span.fancytree-node,table.fancytree-ext-table tbody span.fancytree-node:hover{border:none;background:0 0}table.fancytree-ext-table tbody tr:hover{background-color:#e5f3fb;outline:1px solid #70C0E7}table.fancytree-ext-table tbody tr.fancytree-focused span.fancytree-title{outline:1px dotted black}table.fancytree-ext-table tbody tr.fancytree-active:hover,table.fancytree-ext-table tbody tr.fancytree-selected:hover{background-color:#cbe8f6;outline:1px solid #26A0DA}table.fancytree-ext-table tbody tr.fancytree-active{background-color:#f7f7f7;outline:1px solid #DEDEDE}table.fancytree-ext-table tbody tr.fancytree-selected{background-color:#f7f7f7}table.fancytree-ext-table.fancytree-treefocus tbody tr.fancytree-active{background-color:#cbe8f6;outline:1px solid #26A0DA}table.fancytree-ext-table.fancytree-treefocus tbody tr.fancytree-selected{background-color:#cbe8f6}ul.fancytree-container{font-size:20pt;padding:6px}
\ No newline at end of file
diff --git a/public/js/viewtree/skin-win8-xxl/vline-rtl.gif b/public/js/viewtree/skin-win8-xxl/vline-rtl.gif
new file mode 100644
index 0000000..8b5a279
Binary files /dev/null and b/public/js/viewtree/skin-win8-xxl/vline-rtl.gif differ
diff --git a/public/js/viewtree/skin-win8-xxl/vline.gif b/public/js/viewtree/skin-win8-xxl/vline.gif
new file mode 100644
index 0000000..214e4dd
Binary files /dev/null and b/public/js/viewtree/skin-win8-xxl/vline.gif differ
diff --git a/public/js/viewtree/skin-win8/icons-rtl.gif b/public/js/viewtree/skin-win8/icons-rtl.gif
new file mode 100644
index 0000000..443e1e4
Binary files /dev/null and b/public/js/viewtree/skin-win8/icons-rtl.gif differ
diff --git a/public/js/viewtree/skin-win8/icons.gif b/public/js/viewtree/skin-win8/icons.gif
new file mode 100644
index 0000000..0097b1f
Binary files /dev/null and b/public/js/viewtree/skin-win8/icons.gif differ
diff --git a/public/js/viewtree/skin-win8/loading.gif b/public/js/viewtree/skin-win8/loading.gif
new file mode 100644
index 0000000..ef88497
Binary files /dev/null and b/public/js/viewtree/skin-win8/loading.gif differ
diff --git a/public/js/viewtree/skin-win8/ui.fancytree.css b/public/js/viewtree/skin-win8/ui.fancytree.css
new file mode 100644
index 0000000..418e416
--- /dev/null
+++ b/public/js/viewtree/skin-win8/ui.fancytree.css
@@ -0,0 +1,765 @@
+/*!
+ * Fancytree "Win8" skin.
+ *
+ * DON'T EDIT THE CSS FILE DIRECTLY, since it is automatically generated from
+ * the LESS templates.
+ */
+/*******************************************************************************
+ * Common Styles for Fancytree Skins.
+ *
+ * This section is automatically generated from the `skin-common.less` template.
+ *
+ * Copyright (c) 2008-2021, Martin Wendt (https://wwWendt.de)
+ * Released under the MIT license
+ * https://github.com/mar10/fancytree/wiki/LicenseInfo
+ *
+ * @version 2.38.2
+ * @date 2022-06-30T18:24:06Z
+******************************************************************************/
+/*------------------------------------------------------------------------------
+ * 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-win8/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-image: url("../skin-win8/icons.gif");
+  background-position: 0px 0px;
+}
+span.fancytree-icon,
+span.fancytree-checkbox,
+span.fancytree-expander,
+span.fancytree-custom-icon {
+  margin-top: 2px;
+}
+/* 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: 2px;
+  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-win8/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 span.fancytree-checkbox.fancytree-radio:hover {
+  background-position: 0px -48px;
+}
+.fancytree-unselectable.fancytree-partsel span.fancytree-checkbox:hover {
+  background-position: -64px -32px;
+}
+.fancytree-unselectable.fancytree-selected span.fancytree-checkbox:hover {
+  background-position: -32px -32px;
+}
+.fancytree-unselectable.fancytree-selected span.fancytree-checkbox.fancytree-radio:hover {
+  background-position: -32px -48px;
+}
+.fancytree-container.fancytree-checkbox-auto-hide span.fancytree-checkbox {
+  visibility: hidden;
+}
+.fancytree-container.fancytree-checkbox-auto-hide .fancytree-node:hover span.fancytree-checkbox,
+.fancytree-container.fancytree-checkbox-auto-hide tr:hover td span.fancytree-checkbox,
+.fancytree-container.fancytree-checkbox-auto-hide .fancytree-node.fancytree-selected span.fancytree-checkbox,
+.fancytree-container.fancytree-checkbox-auto-hide tr.fancytree-selected td span.fancytree-checkbox {
+  visibility: unset;
+}
+.fancytree-container.fancytree-checkbox-auto-hide.fancytree-treefocus .fancytree-node.fancytree-active span.fancytree-checkbox,
+.fancytree-container.fancytree-checkbox-auto-hide.fancytree-treefocus tr.fancytree-active td span.fancytree-checkbox {
+  visibility: unset;
+}
+/*------------------------------------------------------------------------------
+ * 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,
+span.fancytree-icon.fancytree-icon-loading {
+  background-image: url("../skin-win8/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: 0px;
+  min-height: 20px;
+}
+span.fancytree-title {
+  color: black;
+  cursor: pointer;
+  display: inline-block;
+  vertical-align: top;
+  min-height: 20px;
+  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-win8/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-win8/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-win8/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-win8/icons-rtl.gif");
+}
+/*------------------------------------------------------------------------------
+ * 'table' extension
+ *----------------------------------------------------------------------------*/
+table.fancytree-ext-table {
+  font-family: tahoma, arial, helvetica;
+  font-size: 10pt;
+  border-collapse: collapse;
+  /* ext-ariagrid */
+}
+table.fancytree-ext-table span.fancytree-node {
+  display: inline-block;
+  box-sizing: border-box;
+}
+table.fancytree-ext-table td.fancytree-status-merged {
+  text-align: center;
+  font-style: italic;
+  color: #c0c0c0;
+}
+table.fancytree-ext-table tr.fancytree-statusnode-error td.fancytree-status-merged {
+  color: red;
+}
+table.fancytree-ext-table.fancytree-ext-ariagrid.fancytree-cell-mode > tbody > tr.fancytree-active > td {
+  background-color: #eee;
+}
+table.fancytree-ext-table.fancytree-ext-ariagrid.fancytree-cell-mode > tbody > tr > td.fancytree-active-cell {
+  background-color: #cbe8f6;
+}
+table.fancytree-ext-table.fancytree-ext-ariagrid.fancytree-cell-mode.fancytree-cell-nav-mode > tbody > tr > td.fancytree-active-cell {
+  background-color: #3875d7;
+}
+/*------------------------------------------------------------------------------
+ * '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: #e0e0e0;
+}
+table.fancytree-ext-columnview span.fancytree-node.fancytree-active {
+  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,
+.fancytree-ext-childcounter span.fancytree-custom-icon,
+.fancytree-ext-filter span.fancytree-custom-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
+ */
+.fancytree-plain span.fancytree-title {
+  border: 1px solid transparent;
+}
+.fancytree-plain.fancytree-container.fancytree-treefocus span.fancytree-focused span.fancytree-title {
+  border-color: #3399ff;
+}
+.fancytree-plain span.fancytree-active span.fancytree-title,
+.fancytree-plain span.fancytree-selected span.fancytree-title {
+  background-color: #f7f7f7;
+  border-color: #dedede;
+}
+.fancytree-plain span.fancytree-node span.fancytree-selected span.fancytree-title {
+  font-style: italic;
+}
+.fancytree-plain span.fancytree-node:hover span.fancytree-title {
+  background-color: #eff9fe;
+  border-color: #70c0e7;
+}
+.fancytree-plain.fancytree-container.fancytree-treefocus span.fancytree-active span.fancytree-title,
+.fancytree-plain.fancytree-container.fancytree-treefocus span.fancytree-selected span.fancytree-title {
+  background-color: #cbe8f6;
+  border-color: #26a0da;
+}
+/*******************************************************************************
+ * 'table' extension
+ */
+table.fancytree-ext-table tbody tr td {
+  border: 1px solid #EDEDED;
+}
+table.fancytree-ext-table tbody span.fancytree-node,
+table.fancytree-ext-table tbody span.fancytree-node:hover {
+  border: none;
+  background: none;
+}
+table.fancytree-ext-table tbody tr:hover {
+  background-color: #E5F3FB;
+  outline: 1px solid #70C0E7;
+}
+table.fancytree-ext-table tbody tr.fancytree-focused span.fancytree-title {
+  outline: 1px dotted black;
+}
+table.fancytree-ext-table tbody tr.fancytree-active:hover,
+table.fancytree-ext-table tbody tr.fancytree-selected:hover {
+  background-color: #CBE8F6;
+  outline: 1px solid #26A0DA;
+}
+table.fancytree-ext-table tbody tr.fancytree-active {
+  background-color: #F7F7F7;
+  outline: 1px solid #DEDEDE;
+}
+table.fancytree-ext-table tbody tr.fancytree-selected {
+  background-color: #F7F7F7;
+}
+table.fancytree-ext-table.fancytree-treefocus tbody tr.fancytree-active {
+  background-color: #CBE8F6;
+  outline: 1px solid #26A0DA;
+}
+table.fancytree-ext-table.fancytree-treefocus tbody tr.fancytree-selected {
+  background-color: #CBE8F6;
+}
diff --git a/public/js/viewtree/skin-win8/ui.fancytree.less b/public/js/viewtree/skin-win8/ui.fancytree.less
new file mode 100644
index 0000000..443cbe3
--- /dev/null
+++ b/public/js/viewtree/skin-win8/ui.fancytree.less
@@ -0,0 +1,155 @@
+/*!
+ * Fancytree "Win8" skin.
+ *
+ * DON'T EDIT THE CSS FILE DIRECTLY, since it is automatically generated from
+ * the LESS templates.
+ */
+
+// Import common styles
+@import "../skin-common.less";
+
+
+/*******************************************************************************
+ * Styles specific to this skin.
+ *
+ * This section is automatically generated from the `ui-fancytree.less` template.
+ ******************************************************************************/
+
+// Borders have NO radius and NO gradients are used!
+
+// both:
+//    unselected background: white
+//    hover bar (unselected, inactive): #E5F3FB (border: #70C0E7) 'very light blue'
+//    active node: #CBE8F6 (border: #26A0DA)  'light blue'
+//    active node with hover: wie active node
+
+// Tree view:
+//    active node, tree inactive: #F7F7F7 (border: #DEDEDE) 'light gray, selected, but tree not active'
+
+// List view:
+//    selected bar: --> active bar
+//    focus  bar: transparent(white) + border 1px solid #3399FF  ()
+
+//    table left/right border: #EDEDED 'light gray'
+
+// Override the variable after the import.
+// NOTE: Variables are always resolved as the last definition, even if it is
+// after where it is used.
+@fancy-use-sprites: true;      // false: suppress all background images (i.e. icons)
+
+@fancy-line-height: 20px;      // height of a nodes selection bar including borders
+@fancy-node-v-spacing: 0px;    // gap between two node borders
+@fancy-icon-width: 16px;
+@fancy-icon-height: 16px;
+@fancy-icon-spacing: 3px;      // margin between icon/icon or icon/title
+@fancy-icon-ofs-top: 2px;      // extra vertical offset for expander, checkbox and icon
+@fancy-title-ofs-top: 0px;     // extra vertical offset for title
+@fancy-node-border-width: 1px;
+@fancy-node-border-radius: 0px;
+@fancy-node-outline-width: 1px;
+
+
+// @fancy-icon-width: 16px;
+// @fancy-icon-height: 16px;
+// @fancy-line-height: 16px;
+// @fancy-icon-spacing: 3px;
+
+// We need to define this variable here (not in skin-common.less) to make it
+// work with grunt and webpack:
+@fancy-image-prefix: "./skin-win8/";
+
+// Use 'data-uri(...)' to embed the image into CSS instead of linking to 'loading.gif':
+// @fancy-loading-url: data-uri("@{fancy-image-prefix}loading.gif");
+// Set to `true` to use `data-uri(...)` which will embed icons.gif into CSS
+// instead of linking to that file:
+// @fancy-inline-sprites: true;
+
+/*******************************************************************************
+ * Node titles
+ */
+.fancytree-plain  {
+	span.fancytree-title {
+		border: @fancy-node-border-width solid transparent;  // avoid jumping, when a border is added on hover
+	}
+	&.fancytree-container.fancytree-treefocus span.fancytree-focused span.fancytree-title {
+		border-color: #3399ff;
+	}
+	span.fancytree-active span.fancytree-title,
+	span.fancytree-selected span.fancytree-title { // active/selcted nodes inside inactive tree
+		background-color: #f7f7f7;
+		border-color: #dedede;
+	}
+	span.fancytree-node span.fancytree-selected span.fancytree-title {
+		font-style: italic;
+	}
+	span.fancytree-node:hover span.fancytree-title {
+		background-color: #eff9fe; // hover is always colored, even if tree is unfocused
+		border-color: #70c0e7;
+	}
+	&.fancytree-container.fancytree-treefocus {
+		span.fancytree-active span.fancytree-title,
+		span.fancytree-selected span.fancytree-title {
+			background-color: #cbe8f6;
+			border-color: #26a0da;
+		}
+	}
+}
+
+/*******************************************************************************
+ * 'table' extension
+ */
+table.fancytree-ext-table tbody {
+	tr td {
+	  border: 1px solid #EDEDED;
+	}
+	span.fancytree-node,
+	span.fancytree-node:hover { // undo standard tree css
+		border: none;
+		background: none;
+	}
+	// Title gets a white background, when hovered. Undo standard node formatting
+	// span.fancytree-title:hover {
+	//   border: none; //1px solid transparent;
+	//   background: inherit;
+	//   background: transparent;
+	//   background: none;
+	//   filter: none;
+	// }
+	tr:hover  {
+		background-color: #E5F3FB;
+	    outline: 1px solid #70C0E7;
+	}
+	// tr:hover td {
+	//   outline: 1px solid #D8F0FA;
+	// }
+	// tr.fancytree-focused {
+	// 	border-color: #3399FF;
+ //    	outline: 1px dotted black;
+	// }
+	tr.fancytree-focused span.fancytree-title {
+	  outline: 1px dotted black;
+	}
+
+	tr.fancytree-active:hover,
+	tr.fancytree-selected:hover {
+		background-color: #CBE8F6;
+	    outline: 1px solid #26A0DA;
+	}
+	tr.fancytree-active {  // dimmed, if inside inactive tree
+		background-color: #F7F7F7;
+	    outline: 1px solid #DEDEDE;
+	}
+	tr.fancytree-selected {  // dimmed, if inside inactive tree
+		background-color: #F7F7F7;
+	}
+}
+
+table.fancytree-ext-table.fancytree-treefocus tbody {
+	tr.fancytree-active {
+		background-color: #CBE8F6;
+	    outline: 1px solid #26A0DA;
+	}
+	tr.fancytree-selected {
+		background-color: #CBE8F6;
+	}
+}
diff --git a/public/js/viewtree/skin-win8/ui.fancytree.min.css b/public/js/viewtree/skin-win8/ui.fancytree.min.css
new file mode 100644
index 0000000..a701af5
--- /dev/null
+++ b/public/js/viewtree/skin-win8/ui.fancytree.min.css
@@ -0,0 +1,6 @@
+/*!
+ * Fancytree "Win8" skin.
+ *
+ * DON'T EDIT THE CSS FILE DIRECTLY, since it is automatically generated from
+ * the LESS templates.
+ */.fancytree-helper-hidden{display:none}.fancytree-helper-indeterminate-cb{color:#777}.fancytree-helper-disabled{color:silver}.fancytree-helper-spin{-webkit-animation:spin 1s infinite linear;animation:spin 1s infinite linear}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}ul.fancytree-container{font-family:tahoma,arial,helvetica;font-size:10pt;white-space:nowrap;padding:3px;margin:0;background-color:#fff;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:0 0;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:.5;background-color:silver}ul.fancytree-connectors.fancytree-container li{background-image:url("../skin-win8/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}#fancytree-drop-marker,span.fancytree-checkbox,span.fancytree-drag-helper-img,span.fancytree-empty,span.fancytree-expander,span.fancytree-icon,span.fancytree-vline{width:16px;height:16px;display:inline-block;vertical-align:top;background-repeat:no-repeat;background-image:url("../skin-win8/icons.gif");background-position:0 0}span.fancytree-checkbox,span.fancytree-custom-icon,span.fancytree-expander,span.fancytree-icon{margin-top:2px}span.fancytree-custom-icon{width:16px;height:16px;display:inline-block;margin-left:3px;background-position:0 0}img.fancytree-icon{width:16px;height:16px;margin-left:3px;margin-top:2px;vertical-align:top;border-style:none}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-win8/icons.gif");margin-top:0}.fancytree-connectors .fancytree-exp-n span.fancytree-expander,.fancytree-connectors .fancytree-exp-n span.fancytree-expander:hover{background-position:0 -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:0 -80px}.fancytree-exp-c span.fancytree-expander:hover{background-position:-16px -80px}.fancytree-exp-cl span.fancytree-expander{background-position:0 -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-edl span.fancytree-expander,.fancytree-exp-el span.fancytree-expander{background-position:-32px -96px}.fancytree-exp-edl span.fancytree-expander:hover,.fancytree-exp-el span.fancytree-expander:hover{background-position:-48px -96px}.fancytree-fade-expander span.fancytree-expander{transition:opacity 1.5s;opacity:0}.fancytree-fade-expander .fancytree-treefocus span.fancytree-expander,.fancytree-fade-expander [class*=fancytree-statusnode-] span.fancytree-expander,.fancytree-fade-expander.fancytree-treefocus span.fancytree-expander,.fancytree-fade-expander:hover span.fancytree-expander{transition:opacity .6s;opacity:1}span.fancytree-checkbox{margin-left:3px;background-position:0 -32px}span.fancytree-checkbox:hover{background-position:-16px -32px}span.fancytree-checkbox.fancytree-radio{background-position:0 -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:.4}.fancytree-unselectable span.fancytree-checkbox:hover{background-position:0 -32px}.fancytree-unselectable span.fancytree-checkbox.fancytree-radio:hover{background-position:0 -48px}.fancytree-unselectable.fancytree-partsel span.fancytree-checkbox:hover{background-position:-64px -32px}.fancytree-unselectable.fancytree-selected span.fancytree-checkbox:hover{background-position:-32px -32px}.fancytree-unselectable.fancytree-selected span.fancytree-checkbox.fancytree-radio:hover{background-position:-32px -48px}.fancytree-container.fancytree-checkbox-auto-hide span.fancytree-checkbox{visibility:hidden}.fancytree-container.fancytree-checkbox-auto-hide .fancytree-node.fancytree-selected span.fancytree-checkbox,.fancytree-container.fancytree-checkbox-auto-hide .fancytree-node:hover span.fancytree-checkbox,.fancytree-container.fancytree-checkbox-auto-hide tr.fancytree-selected td span.fancytree-checkbox,.fancytree-container.fancytree-checkbox-auto-hide tr:hover td span.fancytree-checkbox{visibility:unset}.fancytree-container.fancytree-checkbox-auto-hide.fancytree-treefocus .fancytree-node.fancytree-active span.fancytree-checkbox,.fancytree-container.fancytree-checkbox-auto-hide.fancytree-treefocus tr.fancytree-active td span.fancytree-checkbox{visibility:unset}span.fancytree-icon{margin-left:3px;background-position:0 0}.fancytree-ico-c span.fancytree-icon:hover{background-position:-16px 0}.fancytree-has-children.fancytree-ico-c span.fancytree-icon{background-position:-32px 0}.fancytree-has-children.fancytree-ico-c span.fancytree-icon:hover{background-position:-48px 0}.fancytree-ico-e span.fancytree-icon{background-position:-64px 0}.fancytree-ico-e span.fancytree-icon:hover{background-position:-80px 0}.fancytree-ico-cf span.fancytree-icon{background-position:0 -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,span.fancytree-icon.fancytree-icon-loading{background-image:url("../skin-win8/loading.gif");background-position:0 0}.fancytree-statusnode-error span.fancytree-icon,.fancytree-statusnode-error span.fancytree-icon:hover{background-position:0 -112px}span.fancytree-node{display:inherit;width:100%;margin-top:0;min-height:20px}span.fancytree-title{color:#000;cursor:pointer;display:inline-block;vertical-align:top;min-height:20px;padding:0 3px 0 3px;margin:0 0 0 3px;border:1px solid transparent;-webkit-border-radius:0px;-moz-border-radius:0;-ms-border-radius:0px;-o-border-radius:0;border-radius:0}span.fancytree-node.fancytree-error span.fancytree-title{color:red}span.fancytree-childcounter{color:#fff;background:#337ab7;border:1px solid gray;border-radius:10px;padding:2px;text-align:center}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}#fancytree-drop-marker{width:32px;position:absolute;background-position:0 -128px;margin:0}#fancytree-drop-marker.fancytree-drop-after,#fancytree-drop-marker.fancytree-drop-before{width:64px;background-position:0 -144px}#fancytree-drop-marker.fancytree-drop-copy{background-position:-64px -128px}#fancytree-drop-marker.fancytree-drop-move{background-position:-32px -128px}span.fancytree-drag-source.fancytree-drag-remove{opacity:.15}.fancytree-container.fancytree-rtl span.fancytree-connector,.fancytree-container.fancytree-rtl span.fancytree-drag-helper-img,.fancytree-container.fancytree-rtl span.fancytree-expander,.fancytree-container.fancytree-rtl span.fancytree-icon{background-image:url("../skin-win8/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-win8/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-win8/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-win8/icons-rtl.gif")}table.fancytree-ext-table{font-family:tahoma,arial,helvetica;font-size:10pt;border-collapse:collapse}table.fancytree-ext-table span.fancytree-node{display:inline-block;box-sizing:border-box}table.fancytree-ext-table td.fancytree-status-merged{text-align:center;font-style:italic;color:silver}table.fancytree-ext-table tr.fancytree-statusnode-error td.fancytree-status-merged{color:red}table.fancytree-ext-table.fancytree-ext-ariagrid.fancytree-cell-mode>tbody>tr.fancytree-active>td{background-color:#eee}table.fancytree-ext-table.fancytree-ext-ariagrid.fancytree-cell-mode>tbody>tr>td.fancytree-active-cell{background-color:#cbe8f6}table.fancytree-ext-table.fancytree-ext-ariagrid.fancytree-cell-mode.fancytree-cell-nav-mode>tbody>tr>td.fancytree-active-cell{background-color:#3875d7}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:0 0;background-repeat:repeat-y;background-image:none;margin:0}table.fancytree-ext-columnview span.fancytree-node{position:relative;display:inline-block}table.fancytree-ext-columnview span.fancytree-node.fancytree-expanded{background-color:#e0e0e0}table.fancytree-ext-columnview span.fancytree-node.fancytree-active{background-color:#cbe8f6}table.fancytree-ext-columnview .fancytree-has-children span.fancytree-cv-right{position:absolute;right:3px;background-position:0 -80px}table.fancytree-ext-columnview .fancytree-has-children span.fancytree-cv-right:hover{background-position:-16px -80px}.fancytree-ext-filter-dimm span.fancytree-node span.fancytree-title{color:silver;font-weight:lighter}.fancytree-ext-filter-dimm span.fancytree-node.fancytree-submatch span.fancytree-title,.fancytree-ext-filter-dimm tr.fancytree-submatch span.fancytree-title{color:#000;font-weight:400}.fancytree-ext-filter-dimm span.fancytree-node.fancytree-match span.fancytree-title,.fancytree-ext-filter-dimm tr.fancytree-match span.fancytree-title{color:#000;font-weight:700}.fancytree-ext-filter-hide span.fancytree-node.fancytree-hide,.fancytree-ext-filter-hide tr.fancytree-hide{display:none}.fancytree-ext-filter-hide span.fancytree-node.fancytree-submatch span.fancytree-title,.fancytree-ext-filter-hide tr.fancytree-submatch span.fancytree-title{color:silver;font-weight:lighter}.fancytree-ext-filter-hide span.fancytree-node.fancytree-match span.fancytree-title,.fancytree-ext-filter-hide tr.fancytree-match span.fancytree-title{color:#000;font-weight:400}.fancytree-ext-filter-hide-expanders span.fancytree-node.fancytree-match span.fancytree-expander,.fancytree-ext-filter-hide-expanders tr.fancytree-match span.fancytree-expander{visibility:hidden}.fancytree-ext-filter-hide-expanders span.fancytree-node.fancytree-submatch span.fancytree-expander,.fancytree-ext-filter-hide-expanders tr.fancytree-submatch span.fancytree-expander{visibility:visible}.fancytree-ext-childcounter span.fancytree-custom-icon,.fancytree-ext-childcounter span.fancytree-icon,.fancytree-ext-filter span.fancytree-custom-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}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:0;min-width:100%;margin-left:0;margin-right:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.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,.75)}.fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-scroll-border-right{border-right:3px solid rgba(0,0,0,.75)}.fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-wrapper-tl{position:absolute;overflow:hidden;z-index:3;top:0;left:0}.fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-wrapper-tr{position:absolute;overflow:hidden;z-index:2;top:0}.fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-wrapper-bl{position:absolute;overflow:hidden;z-index:2;left:0}.fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-wrapper-br{position:absolute;overflow:scroll;z-index:1}.fancytree-plain span.fancytree-title{border:1px solid transparent}.fancytree-plain.fancytree-container.fancytree-treefocus span.fancytree-focused span.fancytree-title{border-color:#39f}.fancytree-plain span.fancytree-active span.fancytree-title,.fancytree-plain span.fancytree-selected span.fancytree-title{background-color:#f7f7f7;border-color:#dedede}.fancytree-plain span.fancytree-node span.fancytree-selected span.fancytree-title{font-style:italic}.fancytree-plain span.fancytree-node:hover span.fancytree-title{background-color:#eff9fe;border-color:#70c0e7}.fancytree-plain.fancytree-container.fancytree-treefocus span.fancytree-active span.fancytree-title,.fancytree-plain.fancytree-container.fancytree-treefocus span.fancytree-selected span.fancytree-title{background-color:#cbe8f6;border-color:#26a0da}table.fancytree-ext-table tbody tr td{border:1px solid #ededed}table.fancytree-ext-table tbody span.fancytree-node,table.fancytree-ext-table tbody span.fancytree-node:hover{border:none;background:0 0}table.fancytree-ext-table tbody tr:hover{background-color:#e5f3fb;outline:1px solid #70C0E7}table.fancytree-ext-table tbody tr.fancytree-focused span.fancytree-title{outline:1px dotted black}table.fancytree-ext-table tbody tr.fancytree-active:hover,table.fancytree-ext-table tbody tr.fancytree-selected:hover{background-color:#cbe8f6;outline:1px solid #26A0DA}table.fancytree-ext-table tbody tr.fancytree-active{background-color:#f7f7f7;outline:1px solid #DEDEDE}table.fancytree-ext-table tbody tr.fancytree-selected{background-color:#f7f7f7}table.fancytree-ext-table.fancytree-treefocus tbody tr.fancytree-active{background-color:#cbe8f6;outline:1px solid #26A0DA}table.fancytree-ext-table.fancytree-treefocus tbody tr.fancytree-selected{background-color:#cbe8f6}
\ No newline at end of file
diff --git a/public/js/viewtree/skin-win8/vline-rtl.gif b/public/js/viewtree/skin-win8/vline-rtl.gif
new file mode 100644
index 0000000..f9b4232
Binary files /dev/null and b/public/js/viewtree/skin-win8/vline-rtl.gif differ
diff --git a/public/js/viewtree/skin-win8/vline.gif b/public/js/viewtree/skin-win8/vline.gif
new file mode 100644
index 0000000..f9b4232
Binary files /dev/null and b/public/js/viewtree/skin-win8/vline.gif differ
diff --git a/public/js/viewtree/skin-xp/icons-rtl.gif b/public/js/viewtree/skin-xp/icons-rtl.gif
new file mode 100644
index 0000000..d59b0f5
Binary files /dev/null and b/public/js/viewtree/skin-xp/icons-rtl.gif differ
diff --git a/public/js/viewtree/skin-xp/icons.gif b/public/js/viewtree/skin-xp/icons.gif
new file mode 100644
index 0000000..a58eb93
Binary files /dev/null and b/public/js/viewtree/skin-xp/icons.gif differ
diff --git a/public/js/viewtree/skin-xp/loading.gif b/public/js/viewtree/skin-xp/loading.gif
new file mode 100644
index 0000000..251df05
Binary files /dev/null and b/public/js/viewtree/skin-xp/loading.gif differ
diff --git a/public/js/viewtree/skin-xp/ui.fancytree.css b/public/js/viewtree/skin-xp/ui.fancytree.css
new file mode 100644
index 0000000..3bb8312
--- /dev/null
+++ b/public/js/viewtree/skin-xp/ui.fancytree.css
@@ -0,0 +1,779 @@
+/*!
+ * Fancytree "XP" skin.
+ *
+ * DON'T EDIT THE CSS FILE DIRECTLY, since it is automatically generated from
+ * the LESS templates.
+ */
+/*******************************************************************************
+ * Common Styles for Fancytree Skins.
+ *
+ * This section is automatically generated from the `skin-common.less` template.
+ *
+ * Copyright (c) 2008-2021, Martin Wendt (https://wwWendt.de)
+ * Released under the MIT license
+ * https://github.com/mar10/fancytree/wiki/LicenseInfo
+ *
+ * @version 2.38.2
+ * @date 2022-06-30T18:24:06Z
+******************************************************************************/
+/*------------------------------------------------------------------------------
+ * 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-xp/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-image: url("../skin-xp/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-xp/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 span.fancytree-checkbox.fancytree-radio:hover {
+  background-position: 0px -48px;
+}
+.fancytree-unselectable.fancytree-partsel span.fancytree-checkbox:hover {
+  background-position: -64px -32px;
+}
+.fancytree-unselectable.fancytree-selected span.fancytree-checkbox:hover {
+  background-position: -32px -32px;
+}
+.fancytree-unselectable.fancytree-selected span.fancytree-checkbox.fancytree-radio:hover {
+  background-position: -32px -48px;
+}
+.fancytree-container.fancytree-checkbox-auto-hide span.fancytree-checkbox {
+  visibility: hidden;
+}
+.fancytree-container.fancytree-checkbox-auto-hide .fancytree-node:hover span.fancytree-checkbox,
+.fancytree-container.fancytree-checkbox-auto-hide tr:hover td span.fancytree-checkbox,
+.fancytree-container.fancytree-checkbox-auto-hide .fancytree-node.fancytree-selected span.fancytree-checkbox,
+.fancytree-container.fancytree-checkbox-auto-hide tr.fancytree-selected td span.fancytree-checkbox {
+  visibility: unset;
+}
+.fancytree-container.fancytree-checkbox-auto-hide.fancytree-treefocus .fancytree-node.fancytree-active span.fancytree-checkbox,
+.fancytree-container.fancytree-checkbox-auto-hide.fancytree-treefocus tr.fancytree-active td span.fancytree-checkbox {
+  visibility: unset;
+}
+/*------------------------------------------------------------------------------
+ * 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,
+span.fancytree-icon.fancytree-icon-loading {
+  background-image: url("../skin-xp/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: 0 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-xp/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-xp/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-xp/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-xp/icons-rtl.gif");
+}
+/*------------------------------------------------------------------------------
+ * 'table' extension
+ *----------------------------------------------------------------------------*/
+table.fancytree-ext-table {
+  font-family: tahoma, arial, helvetica;
+  font-size: 10pt;
+  border-collapse: collapse;
+  /* ext-ariagrid */
+}
+table.fancytree-ext-table span.fancytree-node {
+  display: inline-block;
+  box-sizing: border-box;
+}
+table.fancytree-ext-table td.fancytree-status-merged {
+  text-align: center;
+  font-style: italic;
+  color: #c0c0c0;
+}
+table.fancytree-ext-table tr.fancytree-statusnode-error td.fancytree-status-merged {
+  color: red;
+}
+table.fancytree-ext-table.fancytree-ext-ariagrid.fancytree-cell-mode > tbody > tr.fancytree-active > td {
+  background-color: #eee;
+}
+table.fancytree-ext-table.fancytree-ext-ariagrid.fancytree-cell-mode > tbody > tr > td.fancytree-active-cell {
+  background-color: #cbe8f6;
+}
+table.fancytree-ext-table.fancytree-ext-ariagrid.fancytree-cell-mode.fancytree-cell-nav-mode > tbody > tr > td.fancytree-active-cell {
+  background-color: #3875d7;
+}
+/*------------------------------------------------------------------------------
+ * '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: #e0e0e0;
+}
+table.fancytree-ext-columnview span.fancytree-node.fancytree-active {
+  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,
+.fancytree-ext-childcounter span.fancytree-custom-icon,
+.fancytree-ext-filter span.fancytree-custom-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.
+ ******************************************************************************/
+/*******************************************************************************
+ * Tree container
+ */
+ul.fancytree-container li {
+  background-image: url("../skin-xp/vline.gif");
+  background-position: 0 0;
+}
+ul.fancytree-container.fancytree-rtl li {
+  background-position: right 0;
+  background-image: url("../skin-xp/vline-rtl.gif");
+}
+ul.fancytree-container.fancytree-rtl .fancytree-exp-n span.fancytree-expander {
+  background-image: url("../skin-xp/icons-rtl.gif");
+  background-position: 0px -64px;
+}
+ul.fancytree-container.fancytree-rtl .fancytree-exp-nl span.fancytree-expander {
+  background-image: url("../skin-xp/icons-rtl.gif");
+  background-position: -16px -64px;
+}
+ul.fancytree-container li.fancytree-lastsib {
+  background-image: none;
+}
+ul.fancytree-no-connector > li {
+  background-image: none;
+}
+.fancytree-exp-n span.fancytree-expander,
+.fancytree-exp-nl span.fancytree-expander {
+  background-image: url("../skin-xp/icons.gif");
+}
+.fancytree-exp-n span.fancytree-expander,
+.fancytree-exp-n span.fancytree-expander:hover {
+  background-position: 0px -64px;
+}
+.fancytree-exp-nl span.fancytree-expander,
+.fancytree-exp-nl span.fancytree-expander:hover {
+  background-position: -16px -64px;
+}
+/*******************************************************************************
+ * Node titles
+ */
+span.fancytree-title {
+  border: 0 solid transparent;
+}
+span.fancytree-title:hover {
+  background-color: #F2F7FD;
+  border-color: #B8D6FB;
+}
+span.fancytree-focused span.fancytree-title {
+  outline: 1px dotted black;
+  background-color: #EFEBDE;
+}
+.fancytree-folder span.fancytree-title {
+  font-weight: bold;
+}
+.fancytree-selected span.fancytree-title {
+  color: green;
+  font-style: italic;
+}
+.fancytree-active span.fancytree-title {
+  background-color: #3169C6 !important;
+  color: white !important;
+}
+/*******************************************************************************
+ * '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: #99FDDE;
+}
diff --git a/public/js/viewtree/skin-xp/ui.fancytree.less b/public/js/viewtree/skin-xp/ui.fancytree.less
new file mode 100644
index 0000000..189eaf2
--- /dev/null
+++ b/public/js/viewtree/skin-xp/ui.fancytree.less
@@ -0,0 +1,129 @@
+/*!
+ * Fancytree "XP" skin.
+ *
+ * DON'T EDIT THE CSS FILE DIRECTLY, since it is automatically generated from
+ * the LESS templates.
+ */
+
+// Import common styles
+@import "../skin-common.less";
+
+
+/*******************************************************************************
+ * Styles specific to this skin.
+ *
+ * This section is automatically generated from the `ui-fancytree.less` template.
+ ******************************************************************************/
+
+// Override the variable after the import.
+// NOTE: Variables are always resolved as the last definition, even if it is
+// after where it is used.
+@fancy-use-sprites: true;      // false: suppress all background images (i.e. icons)
+
+@fancy-icon-width: 16px;
+@fancy-icon-height: 16px;
+@fancy-icon-spacing: 3px;
+@fancy-node-border-width: 0;
+
+// We need to define this variable here (not in skin-common.less) to make it
+// work with grunt and webpack:
+@fancy-image-prefix: "./skin-xp/";
+
+// Use 'data-uri(...)' to embed the image into CSS instead of linking to 'loading.gif':
+// @fancy-loading-url: data-uri("@{fancy-image-prefix}loading.gif");
+// Set to `true` to use `data-uri(...)` which will embed icons.gif into CSS
+// instead of linking to that file:
+// @fancy-inline-sprites: true;
+
+
+/*******************************************************************************
+ * Tree container
+ */
+ul.fancytree-container {
+	li {
+		// background-image: url("vline.gif");
+		// Use 'data-uri(...)' to embed the image into CSS instead of linking to 'loading.gif':
+		background-image: data-uri("@{fancy-image-prefix}vline.gif");
+		background-position: 0 0;
+	}
+	&.fancytree-rtl {
+		li {
+			background-position: right 0;
+			background-image: url("@{fancy-image-prefix}vline-rtl.gif");
+		}
+		.fancytree-exp-n span.fancytree-expander {
+			background-image: url("@{fancy-image-prefix}icons-rtl.gif");
+			.useSprite(0, 4);
+		}
+		.fancytree-exp-nl span.fancytree-expander {
+			background-image: url("@{fancy-image-prefix}icons-rtl.gif");
+			.useSprite(1, 4);
+		}
+	}
+	// Suppress lines for last child node
+	li.fancytree-lastsib {
+		background-image: none;
+	}
+}
+// Suppress lines if level is fixed expanded (option minExpandLevel)
+ul.fancytree-no-connector > li {
+	background-image: none;
+}
+
+// XP theme always displays connectors (not only when .fancytree-connectors is set)
+.fancytree-exp-n span.fancytree-expander,
+.fancytree-exp-nl span.fancytree-expander {
+	.setBgImageUrl("icons.gif");
+	// margin-top: 0;
+}
+.fancytree-exp-n span.fancytree-expander,       // End-node, not last sibling
+.fancytree-exp-n span.fancytree-expander:hover {
+	.useSprite(0, 4);
+}
+.fancytree-exp-nl span.fancytree-expander,      // End-node, last sibling
+.fancytree-exp-nl span.fancytree-expander:hover {
+	.useSprite(1, 4);
+}
+
+/*******************************************************************************
+ * Node titles
+ */
+
+span.fancytree-title {
+  border: @fancy-node-border-width solid transparent;  // avoid jumping, when a border is added on hover
+}
+span.fancytree-title:hover {
+	background-color: #F2F7FD; // light blue
+	border-color: #B8D6FB; // darker light blue
+}
+span.fancytree-focused span.fancytree-title {
+	outline: 1px dotted black;
+	background-color: #EFEBDE; // gray
+}
+.fancytree-folder span.fancytree-title {
+	font-weight: bold;
+}
+.fancytree-selected span.fancytree-title {
+	color: green;
+	font-style: italic;
+}
+.fancytree-active span.fancytree-title {
+	background-color: #3169C6 !important;
+	color: white !important; // @ IE6
+}
+
+/*******************************************************************************
+ * 'table' extension
+ */
+table.fancytree-ext-table {
+	border-collapse: collapse;
+	tbody tr.fancytree-focused {
+		background-color: #99DEFD;
+	}
+	tbody tr.fancytree-active {
+		background-color: royalblue;
+	}
+	tbody tr.fancytree-selected {
+		background-color: #99FDDE;
+	}
+}
diff --git a/public/js/viewtree/skin-xp/ui.fancytree.min.css b/public/js/viewtree/skin-xp/ui.fancytree.min.css
new file mode 100644
index 0000000..7d70f5e
--- /dev/null
+++ b/public/js/viewtree/skin-xp/ui.fancytree.min.css
@@ -0,0 +1,6 @@
+/*!
+ * Fancytree "XP" skin.
+ *
+ * DON'T EDIT THE CSS FILE DIRECTLY, since it is automatically generated from
+ * the LESS templates.
+ */.fancytree-helper-hidden{display:none}.fancytree-helper-indeterminate-cb{color:#777}.fancytree-helper-disabled{color:silver}.fancytree-helper-spin{-webkit-animation:spin 1s infinite linear;animation:spin 1s infinite linear}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}ul.fancytree-container{font-family:tahoma,arial,helvetica;font-size:10pt;white-space:nowrap;padding:3px;margin:0;background-color:#fff;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:0 0;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:.5;background-color:silver}ul.fancytree-connectors.fancytree-container li{background-image:url("../skin-xp/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}#fancytree-drop-marker,span.fancytree-checkbox,span.fancytree-drag-helper-img,span.fancytree-empty,span.fancytree-expander,span.fancytree-icon,span.fancytree-vline{width:16px;height:16px;display:inline-block;vertical-align:top;background-repeat:no-repeat;background-image:url("../skin-xp/icons.gif");background-position:0 0}span.fancytree-checkbox,span.fancytree-custom-icon,span.fancytree-expander,span.fancytree-icon{margin-top:0}span.fancytree-custom-icon{width:16px;height:16px;display:inline-block;margin-left:3px;background-position:0 0}img.fancytree-icon{width:16px;height:16px;margin-left:3px;margin-top:0;vertical-align:top;border-style:none}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-xp/icons.gif");margin-top:0}.fancytree-connectors .fancytree-exp-n span.fancytree-expander,.fancytree-connectors .fancytree-exp-n span.fancytree-expander:hover{background-position:0 -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:0 -80px}.fancytree-exp-c span.fancytree-expander:hover{background-position:-16px -80px}.fancytree-exp-cl span.fancytree-expander{background-position:0 -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-edl span.fancytree-expander,.fancytree-exp-el span.fancytree-expander{background-position:-32px -96px}.fancytree-exp-edl span.fancytree-expander:hover,.fancytree-exp-el span.fancytree-expander:hover{background-position:-48px -96px}.fancytree-fade-expander span.fancytree-expander{transition:opacity 1.5s;opacity:0}.fancytree-fade-expander .fancytree-treefocus span.fancytree-expander,.fancytree-fade-expander [class*=fancytree-statusnode-] span.fancytree-expander,.fancytree-fade-expander.fancytree-treefocus span.fancytree-expander,.fancytree-fade-expander:hover span.fancytree-expander{transition:opacity .6s;opacity:1}span.fancytree-checkbox{margin-left:3px;background-position:0 -32px}span.fancytree-checkbox:hover{background-position:-16px -32px}span.fancytree-checkbox.fancytree-radio{background-position:0 -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:.4}.fancytree-unselectable span.fancytree-checkbox:hover{background-position:0 -32px}.fancytree-unselectable span.fancytree-checkbox.fancytree-radio:hover{background-position:0 -48px}.fancytree-unselectable.fancytree-partsel span.fancytree-checkbox:hover{background-position:-64px -32px}.fancytree-unselectable.fancytree-selected span.fancytree-checkbox:hover{background-position:-32px -32px}.fancytree-unselectable.fancytree-selected span.fancytree-checkbox.fancytree-radio:hover{background-position:-32px -48px}.fancytree-container.fancytree-checkbox-auto-hide span.fancytree-checkbox{visibility:hidden}.fancytree-container.fancytree-checkbox-auto-hide .fancytree-node.fancytree-selected span.fancytree-checkbox,.fancytree-container.fancytree-checkbox-auto-hide .fancytree-node:hover span.fancytree-checkbox,.fancytree-container.fancytree-checkbox-auto-hide tr.fancytree-selected td span.fancytree-checkbox,.fancytree-container.fancytree-checkbox-auto-hide tr:hover td span.fancytree-checkbox{visibility:unset}.fancytree-container.fancytree-checkbox-auto-hide.fancytree-treefocus .fancytree-node.fancytree-active span.fancytree-checkbox,.fancytree-container.fancytree-checkbox-auto-hide.fancytree-treefocus tr.fancytree-active td span.fancytree-checkbox{visibility:unset}span.fancytree-icon{margin-left:3px;background-position:0 0}.fancytree-ico-c span.fancytree-icon:hover{background-position:-16px 0}.fancytree-has-children.fancytree-ico-c span.fancytree-icon{background-position:-32px 0}.fancytree-has-children.fancytree-ico-c span.fancytree-icon:hover{background-position:-48px 0}.fancytree-ico-e span.fancytree-icon{background-position:-64px 0}.fancytree-ico-e span.fancytree-icon:hover{background-position:-80px 0}.fancytree-ico-cf span.fancytree-icon{background-position:0 -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,span.fancytree-icon.fancytree-icon-loading{background-image:url("../skin-xp/loading.gif");background-position:0 0}.fancytree-statusnode-error span.fancytree-icon,.fancytree-statusnode-error span.fancytree-icon:hover{background-position:0 -112px}span.fancytree-node{display:inherit;width:100%;margin-top:1px;min-height:16px}span.fancytree-title{color:#000;cursor:pointer;display:inline-block;vertical-align:top;min-height:16px;padding:0 3px 0 3px;margin:0 0 0 3px;border:0 solid transparent;-webkit-border-radius:0px;-moz-border-radius:0;-ms-border-radius:0px;-o-border-radius:0;border-radius:0}span.fancytree-node.fancytree-error span.fancytree-title{color:red}span.fancytree-childcounter{color:#fff;background:#337ab7;border:1px solid gray;border-radius:10px;padding:2px;text-align:center}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}#fancytree-drop-marker{width:32px;position:absolute;background-position:0 -128px;margin:0}#fancytree-drop-marker.fancytree-drop-after,#fancytree-drop-marker.fancytree-drop-before{width:64px;background-position:0 -144px}#fancytree-drop-marker.fancytree-drop-copy{background-position:-64px -128px}#fancytree-drop-marker.fancytree-drop-move{background-position:-32px -128px}span.fancytree-drag-source.fancytree-drag-remove{opacity:.15}.fancytree-container.fancytree-rtl span.fancytree-connector,.fancytree-container.fancytree-rtl span.fancytree-drag-helper-img,.fancytree-container.fancytree-rtl span.fancytree-expander,.fancytree-container.fancytree-rtl span.fancytree-icon{background-image:url("../skin-xp/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-xp/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-xp/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-xp/icons-rtl.gif")}table.fancytree-ext-table{font-family:tahoma,arial,helvetica;font-size:10pt;border-collapse:collapse}table.fancytree-ext-table span.fancytree-node{display:inline-block;box-sizing:border-box}table.fancytree-ext-table td.fancytree-status-merged{text-align:center;font-style:italic;color:silver}table.fancytree-ext-table tr.fancytree-statusnode-error td.fancytree-status-merged{color:red}table.fancytree-ext-table.fancytree-ext-ariagrid.fancytree-cell-mode>tbody>tr.fancytree-active>td{background-color:#eee}table.fancytree-ext-table.fancytree-ext-ariagrid.fancytree-cell-mode>tbody>tr>td.fancytree-active-cell{background-color:#cbe8f6}table.fancytree-ext-table.fancytree-ext-ariagrid.fancytree-cell-mode.fancytree-cell-nav-mode>tbody>tr>td.fancytree-active-cell{background-color:#3875d7}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:0 0;background-repeat:repeat-y;background-image:none;margin:0}table.fancytree-ext-columnview span.fancytree-node{position:relative;display:inline-block}table.fancytree-ext-columnview span.fancytree-node.fancytree-expanded{background-color:#e0e0e0}table.fancytree-ext-columnview span.fancytree-node.fancytree-active{background-color:#cbe8f6}table.fancytree-ext-columnview .fancytree-has-children span.fancytree-cv-right{position:absolute;right:3px;background-position:0 -80px}table.fancytree-ext-columnview .fancytree-has-children span.fancytree-cv-right:hover{background-position:-16px -80px}.fancytree-ext-filter-dimm span.fancytree-node span.fancytree-title{color:silver;font-weight:lighter}.fancytree-ext-filter-dimm span.fancytree-node.fancytree-submatch span.fancytree-title,.fancytree-ext-filter-dimm tr.fancytree-submatch span.fancytree-title{color:#000;font-weight:400}.fancytree-ext-filter-dimm span.fancytree-node.fancytree-match span.fancytree-title,.fancytree-ext-filter-dimm tr.fancytree-match span.fancytree-title{color:#000;font-weight:700}.fancytree-ext-filter-hide span.fancytree-node.fancytree-hide,.fancytree-ext-filter-hide tr.fancytree-hide{display:none}.fancytree-ext-filter-hide span.fancytree-node.fancytree-submatch span.fancytree-title,.fancytree-ext-filter-hide tr.fancytree-submatch span.fancytree-title{color:silver;font-weight:lighter}.fancytree-ext-filter-hide span.fancytree-node.fancytree-match span.fancytree-title,.fancytree-ext-filter-hide tr.fancytree-match span.fancytree-title{color:#000;font-weight:400}.fancytree-ext-filter-hide-expanders span.fancytree-node.fancytree-match span.fancytree-expander,.fancytree-ext-filter-hide-expanders tr.fancytree-match span.fancytree-expander{visibility:hidden}.fancytree-ext-filter-hide-expanders span.fancytree-node.fancytree-submatch span.fancytree-expander,.fancytree-ext-filter-hide-expanders tr.fancytree-submatch span.fancytree-expander{visibility:visible}.fancytree-ext-childcounter span.fancytree-custom-icon,.fancytree-ext-childcounter span.fancytree-icon,.fancytree-ext-filter span.fancytree-custom-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}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:0;min-width:100%;margin-left:0;margin-right:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.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,.75)}.fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-scroll-border-right{border-right:3px solid rgba(0,0,0,.75)}.fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-wrapper-tl{position:absolute;overflow:hidden;z-index:3;top:0;left:0}.fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-wrapper-tr{position:absolute;overflow:hidden;z-index:2;top:0}.fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-wrapper-bl{position:absolute;overflow:hidden;z-index:2;left:0}.fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-wrapper-br{position:absolute;overflow:scroll;z-index:1}ul.fancytree-container li{background-image:url("../skin-xp/vline.gif");background-position:0 0}ul.fancytree-container.fancytree-rtl li{background-position:right 0;background-image:url("../skin-xp/vline-rtl.gif")}ul.fancytree-container.fancytree-rtl .fancytree-exp-n span.fancytree-expander{background-image:url("../skin-xp/icons-rtl.gif");background-position:0 -64px}ul.fancytree-container.fancytree-rtl .fancytree-exp-nl span.fancytree-expander{background-image:url("../skin-xp/icons-rtl.gif");background-position:-16px -64px}ul.fancytree-container li.fancytree-lastsib{background-image:none}ul.fancytree-no-connector>li{background-image:none}.fancytree-exp-n span.fancytree-expander,.fancytree-exp-nl span.fancytree-expander{background-image:url("../skin-xp/icons.gif")}.fancytree-exp-n span.fancytree-expander,.fancytree-exp-n span.fancytree-expander:hover{background-position:0 -64px}.fancytree-exp-nl span.fancytree-expander,.fancytree-exp-nl span.fancytree-expander:hover{background-position:-16px -64px}span.fancytree-title{border:0 solid transparent}span.fancytree-title:hover{background-color:#f2f7fd;border-color:#b8d6fb}span.fancytree-focused span.fancytree-title{outline:1px dotted black;background-color:#efebde}.fancytree-folder span.fancytree-title{font-weight:700}.fancytree-selected span.fancytree-title{color:green;font-style:italic}.fancytree-active span.fancytree-title{background-color:#3169c6!important;color:#fff!important}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:#4169e1}table.fancytree-ext-table tbody tr.fancytree-selected{background-color:#99fdde}
\ No newline at end of file
diff --git a/public/js/viewtree/skin-xp/vline-rtl.gif b/public/js/viewtree/skin-xp/vline-rtl.gif
new file mode 100644
index 0000000..0400cb3
Binary files /dev/null and b/public/js/viewtree/skin-xp/vline-rtl.gif differ
diff --git a/public/js/viewtree/skin-xp/vline.gif b/public/js/viewtree/skin-xp/vline.gif
new file mode 100644
index 0000000..1b00ae5
Binary files /dev/null and b/public/js/viewtree/skin-xp/vline.gif differ
diff --git a/tmpl/snippet_html.nim b/tmpl/snippet_html.nim
index 8f9181b..c822f19 100644
--- a/tmpl/snippet_html.nim
+++ b/tmpl/snippet_html.nim
@@ -1,5 +1,22 @@
 import templates
+import ../code/web_utils
 
 proc templ_title* (title: string): string = tmpli html"""
-        <h2>$title!</h2>
+        <h2>$title</h2>
+"""
+
+proc status_joplin_green* (): string = tmpli html""" 
+        <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="#3bed18" class="bi bi-caret-right-square-fill" viewBox="0 0 16 16">
+                <path d="M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2zm5.5 10a.5.5 0 0 0 .832.374l4.5-4a.5.5 0 0 0 0-.748l-4.5-4A.5.5 0 0 0 5.5 4v8z"/>
+        </svg>        
+    """
+
+proc status_joplin_red* (): string = tmpli html"""
+        <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="#C9404D" class="bi bi-caret-right-square-fill" viewBox="0 0 16 16">
+                <path d="M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2zm5.5 10a.5.5 0 0 0 .832.374l4.5-4a.5.5 0 0 0 0-.748l-4.5-4A.5.5 0 0 0 5.5 4v8z"/>
+        </svg>
+    """
+
+proc checkStatus_joplinSyncro* (): string = tmpli html"""
+
     """
diff --git a/tmpl/test.tmpl b/tmpl/test.tmpl
deleted file mode 100644
index 7721c40..0000000
--- a/tmpl/test.tmpl
+++ /dev/null
@@ -1,23 +0,0 @@
-#? stdtmpl | standard
-# import snippet_html
-#proc test_notebooks(c: var TData, all_notebooks: var joplin_notebooks): string =
-# result = ""
-    <!DOCTYPE html>
-    <html lang="en">
-        <head>
-            <meta charset="UTF-8">
-            <meta http-equiv="X-UA-Compatible" content="IE=edge">
-            <meta name="viewport" content="width=device-width, initial-scale=1.0">
-            <title>Document</title>
-            <link rel="stylesheet" href="css/styles.css">
-            <script src="js/script.js" defer></script>
-        </head>
-        <body>
-            # var title = templ_title("NOTEBOOKS")
-            <div> ${title} </div>    
-            # for i in all_notebooks.title:
-                <h4> ${i} </h4>
-            # end for
-        </body>
-    </html>
-#end proc
\ No newline at end of file
diff --git a/tmpl/tests/test_homepage.tmpl b/tmpl/tests/test_homepage.tmpl
new file mode 100644
index 0000000..744c156
--- /dev/null
+++ b/tmpl/tests/test_homepage.tmpl
@@ -0,0 +1,25 @@
+#? stdtmpl | standard
+#proc test_homepage(c: var TData): string =
+# result = ""
+    <!DOCTYPE html>
+    <html lang="en">
+        <head>
+            <meta charset="UTF-8">
+            <meta http-equiv="X-UA-Compatible" content="IE=edge">
+            <meta name="viewport" content="width=device-width, initial-scale=1.0">
+            <title>Document</title>
+            <link rel="stylesheet" href="css/styles.css">
+            <link rel="stylesheet" href="css/progress.css">
+            <script src="js/script.js" defer></script>
+        </head>
+        <body>
+            <h1>TEST Home Page</h1>
+            <a href="/test_pingjoplin" class="test_ping"><h3>Test ping Joplin</h3></a>
+            <a href="/test_notebooks" class="test_notebooks"><h3>Test joplin Notebooks</h3></a>
+            <a href="/test_notes" class="test_notes"><h3>Test Joplin Notes</h3></a>
+            <a href="/test_tags" class="test_tags"><h3>Test Joplin Tags</h3></a>
+            <a href="/test_viewtree" class="test_viewtree"><h3>Test View Tree</h3></a>
+
+        </body>
+    </html>
+#end proc
diff --git a/tmpl/tests/test_notebooks.tmpl b/tmpl/tests/test_notebooks.tmpl
new file mode 100644
index 0000000..410e4e6
--- /dev/null
+++ b/tmpl/tests/test_notebooks.tmpl
@@ -0,0 +1,34 @@
+#? stdtmpl | standard
+# import ../snippet_html
+#proc test_notebooks(c: var TData, columnLeftInfo: var ColomnLeftData): string =
+# result = ""
+    <!DOCTYPE html>
+    <html lang="en">
+        <head>
+            <meta charset="UTF-8">
+            <meta http-equiv="X-UA-Compatible" content="IE=edge">
+            <meta name="viewport" content="width=device-width, initial-scale=1.0">
+            <title>Document</title>
+            <link rel="stylesheet" href="css/styles.css">
+            <script src="js/script.js" defer></script>
+        </head>
+        <body>
+            <h1>TEST Joplin Notebooks Page</h1>
+            <div>
+                <a href="/test" class="test_ping"><h4>Back to Test Home page ...</h4></a>
+            </div>
+            # var title = templ_title("NOTEBOOKS")
+            <div><h2> ${title} </h2></div>    
+            <lu>
+            # var count: int = 1
+            # for i in columnLeftInfo.j_notebooks.title:                
+                <li> ${count} : ${i} </li>
+                # count += 1
+            # end for
+            </lu>
+            <div>
+                <a href="/test" class="test_ping"><h4>Back to Test Home page ...</h4></a>
+            </div>
+        </body>
+    </html>
+# end proc
diff --git a/tmpl/tests/test_notes.tmpl b/tmpl/tests/test_notes.tmpl
new file mode 100644
index 0000000..9085a3f
--- /dev/null
+++ b/tmpl/tests/test_notes.tmpl
@@ -0,0 +1,34 @@
+#? stdtmpl | standard
+# import ../snippet_html
+#proc test_notes(c: var TData, columnLeftInfo: var ColomnLeftData): string =
+# result = ""
+    <!DOCTYPE html>
+    <html lang="en">
+        <head>
+            <meta charset="UTF-8">
+            <meta http-equiv="X-UA-Compatible" content="IE=edge">
+            <meta name="viewport" content="width=device-width, initial-scale=1.0">
+            <title>Document</title>
+            <link rel="stylesheet" href="css/styles.css">
+            <script src="js/script.js" defer></script>
+        </head>
+        <body>
+            <h1>TEST Joplin Notes Page</h1>
+            <div>
+                <a href="/test" class="test_ping"><h4>Back to Test Home page ...</h4></a>
+            </div>
+            # var title = templ_title("NOTES")
+            <div> ${title} </div>    
+            <lu>
+            # var count: int = 1
+            # for i in columnLeftInfo.j_notes.title:
+                <li> ${count} : ${i} </li>
+                # count += 1
+            # end for
+            </lu>
+            <div>
+                <a href="/test" class="test_ping"><h4>Back to Test Home page ...</h4></a>
+            </div>
+        </body>
+    </html>
+# end proc
diff --git a/tmpl/tests/test_ping.tmpl b/tmpl/tests/test_ping.tmpl
new file mode 100644
index 0000000..fb85b6e
--- /dev/null
+++ b/tmpl/tests/test_ping.tmpl
@@ -0,0 +1,30 @@
+#? stdtmpl | standard
+# import ../snippet_html
+#
+#proc test_ping(c: var TData, ping: joplin_ping): string =
+# result = ""
+    <!DOCTYPE html>
+    <html lang="en">
+        <head>
+            <meta charset="UTF-8">
+            <meta http-equiv="X-UA-Compatible" content="IE=edge">
+            <meta name="viewport" content="width=device-width, initial-scale=1.0">
+            <title>Document</title>
+            <link rel="stylesheet" href="css/styles.css">
+            <link rel="stylesheet" href="css/progress.css">
+            <script src="js/script.js" defer></script>
+        </head>
+        <body>
+            <h1>TEST Ping Joplin Page</h1>
+            <div>
+                <a href="/test" class="test_ping"><h4>Back to Test Home page ...</h4></a>
+            </div>
+            <h3>Joplin ping status : ${ping.ping_status}</h3>
+            <h3>Joplin Ping result : ${ping.ping_result}</h3>
+            <div>
+                <a href="/test" class="test_ping"><h4>Back to Test Home page ...</h4></a>
+            </div>        
+
+        </body>
+    </html>
+#end proc
diff --git a/tmpl/tests/test_tags.tmpl b/tmpl/tests/test_tags.tmpl
new file mode 100644
index 0000000..6fd11c2
--- /dev/null
+++ b/tmpl/tests/test_tags.tmpl
@@ -0,0 +1,34 @@
+#? stdtmpl | standard
+# import ../snippet_html
+#proc test_tags(c: var TData, columnLeftInfo: var ColomnLeftData): string =
+# result = ""
+    <!DOCTYPE html>
+    <html lang="en">
+        <head>
+            <meta charset="UTF-8">
+            <meta http-equiv="X-UA-Compatible" content="IE=edge">
+            <meta name="viewport" content="width=device-width, initial-scale=1.0">
+            <title>Document</title>
+            <link rel="stylesheet" href="css/styles.css">
+            <script src="js/script.js" defer></script>
+        </head>
+        <body>
+            <h1>TEST Joplin Tags Page</h1>
+            <div>
+                <a href="/test" class="test_ping"><h4>Back to Test Home page ...</h4></a>
+            </div>
+            # var title = templ_title("TAGS")
+            <div> ${title} </div>    
+            <lu>
+            # var count: int = 1
+            # for i in columnLeftInfo.j_tags.title:
+                <li> ${count} : ${i} </li>
+                # count += 1
+            # end for
+            </lu>
+            <div>
+                <a href="/test" class="test_ping"><h4>Back to Test Home page ...</h4></a>
+            </div>
+        </body>
+    </html>
+# end proc
diff --git a/tmpl/tests/test_viewtree.tmpl b/tmpl/tests/test_viewtree.tmpl
new file mode 100644
index 0000000..2f5f452
--- /dev/null
+++ b/tmpl/tests/test_viewtree.tmpl
@@ -0,0 +1,35 @@
+#? stdtmpl | standard
+# 
+#proc test_viewtree(c: var TData): string =
+# result = ""
+    <!DOCTYPE html>
+    <html lang="en">
+        <head>
+            <meta charset="UTF-8">
+            <meta http-equiv="X-UA-Compatible" content="IE=edge">
+            <meta name="viewport" content="width=device-width, initial-scale=1.0">
+            <title>Document</title>
+            <link rel="stylesheet" href="css/styles.css">
+            <link href="js/viewtree/skin-win8/ui.fancytree.css" class="skinswitcher" rel="stylesheet">
+
+            <script src="js/viewtree.js" defer></script>
+            <script src="//code.jquery.com/jquery-3.6.0.min.js"></script>
+            <script src="js/viewtree/jquery.fancytree-all-deps.min.js"></script>
+
+        </head>
+        <body>            
+            <h2>TEST ViewTree Page</h2>
+            <div>
+                <a href="/test" class="test_ping"><h4>Back to Test Home page ...</h4></a>
+            </div>
+            <p>
+                <a id="button1" href="#">Toggle 'The Hobbit'</a>
+            </p>
+            <div id="tree"></div>
+            <div id="statusLine">Fancytree Demo - Click any node!</div>
+            <div>
+                <a href="/test" class="test_ping"><h4>Back to Test Home page ...</h4></a>
+            </div>
+        </body>
+    </html>
+#end proc
diff --git a/tmpl/user.tmpl b/tmpl/user.tmpl
index e73a42f..9eb5ceb 100644
--- a/tmpl/user.tmpl
+++ b/tmpl/user.tmpl
@@ -86,7 +86,7 @@
         <script src="js/main.js"></script>  
       #else:
       <div class="notification is-danger" style="text-align: center">
-        <meta http-equiv="refresh" content="0; URL=./secret" />
+        <meta http-equiv="refresh" content="0; URL=./secret?msg=notes" />
       </div>      
       # end if
         
diff --git a/tmpl/website.tmpl b/tmpl/website.tmpl
index 5e3ea0d..87b3a5f 100644
--- a/tmpl/website.tmpl
+++ b/tmpl/website.tmpl
@@ -9,7 +9,7 @@
 #
 # import snippet_html
 # import snippet_icons
-#proc genSecret(c: var TData, all_notebooks: var joplin_notebooks): string =
+#proc genSecret(c: var TData, columnLeftInfo: var ColomnLeftData): string =
 # result = ""
     <!DOCTYPE html>
     <html lang="en">
@@ -20,6 +20,7 @@
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <title>Document</title>
         <link rel="stylesheet" href="css/styles.css">
+        <link rel="stylesheet" href="css/progress.css">
         <script src="js/script.js" defer></script>
     </head>
 
@@ -35,17 +36,41 @@
         <div class="container">
             <aside class="sidebar" data-sidebar>
                 <div class="top-sidebar">
-                    <a href="#" class="channel-logo"><img src="images/logo.png" alt="Channel Logo" width="30"
-                            height="30"></a>
+                    <a href="#" class="channel-logo"><img src="images/logo.png" alt="Channel Logo" width="15"
+                            height="15"></a>
                     <div class="hidden-sidebar your-channel">Joplin</div>
                     <div class="hidden-sidebar channel-name">The New Web</div>
                 </div>
                 <div class="middle-sidebar">
                     <ul class="sidebar-list">
-                        <li class="sidebar-list-item active">
+                        
+                        ## Change the visual active option on the sidebar
+                        # var active_newNote: string = ""
+                        # var active_search: string = ""
+                        # var active_shortcuts: string = ""
+                        # var active_notes: string = ""
+                        # var active_notebooks: string = ""
+                        # var active_tags: string = ""
+                        # var active_settings: string = ""
+                        # var active_sendFeedBack: string = ""
+                        # if columnLeftInfo.option == newNote:
+                        #   active_newNote = "active"
+                        # elif columnLeftInfo.option == search:
+                        #   active_search = "active"                        
+                        # elif columnLeftInfo.option == shortcuts:
+                        #   active_shortcuts = "active" 
+                        # elif columnLeftInfo.option == notes:
+                        #   active_notes = "active"
+                        # elif columnLeftInfo.option == notebooks:
+                        #   active_notebooks = "active"
+                        # elif columnLeftInfo.option == tags:
+                        #   active_tags = "active"
+                        # end if
+
+                        <li class="sidebar-list-item ${active_newNote}">
 
                             <!-- Nouvelle Note dans la bar de navigation -->
-                            <a href="#" class="sidebar-link">
+                            <a href="/secret?msg=newNote" class="sidebar-link">
 
                                 # var icon_newNote = NewNote_icon()
                                 ${icon_newNote}
@@ -53,10 +78,10 @@
                                 <div class="hidden-sidebar">New Note</div>
                             </a>
                         </li>
-                        <li class="sidebar-list-item">
+                        <li class="sidebar-list-item ${active_search}">
 
                             <!-- Recherche dans la bar de navigation -->
-                            <a href="#" class="sidebar-link">
+                            <a href="/secret?msg=search" class="sidebar-link">
 
                                 # var icon_search = Search_icon()
                                 ${icon_search}
@@ -66,8 +91,8 @@
                         </li>
 
                         <!--Favoris  dans la bar de navigation -->
-                        <li class="sidebar-list-item">
-                            <a href="#" class="sidebar-link">
+                        <li class="sidebar-list-item ${active_shortcuts}">
+                            <a href="/secret?msg=shortcuts" class="sidebar-link">
 
                                 # var icon_shortcuts = Shortcuts_icon()
                                 ${icon_shortcuts}
@@ -77,8 +102,8 @@
                         </li>
 
                         <!--Notes dans la bar de navigation -->
-                        <li class="sidebar-list-item">
-                            <a href="#" class="sidebar-link">
+                        <li class="sidebar-list-item ${active_notes}">
+                            <a href="/secret?msg=notes" class="sidebar-link">
 
                                 # var icon_Notes = Notes_icon()
                                 ${icon_Notes}
@@ -88,8 +113,8 @@
                         </li>
 
                         <!--Notebooks dans la bar de navigation -->
-                        <li class="sidebar-list-item">
-                            <a href="#" class="sidebar-link">
+                        <li class="sidebar-list-item ${active_notebooks}">
+                            <a href="/secret?msg=notebooks" class="sidebar-link">
 
                                 # var icon_Notebooks = Notebooks_icon()
                                 ${icon_Notebooks}
@@ -99,8 +124,8 @@
                         </li>
 
                         <!--Tags  dans la bar de navigation -->
-                        <li class="sidebar-list-item">
-                            <a href="#" class="sidebar-link">
+                        <li class="sidebar-list-item ${active_tags}">
+                            <a href="/secret?msg=tags" class="sidebar-link">
 
                                 # var icon_Tags = Tags_icon()
                                 ${icon_Tags}
@@ -112,11 +137,11 @@
                 </div>
                 <div class="bottom-sidebar">
                     <ul class="sidebar-list">
-                        <li class="sidebar-list-item">
-                            <a href="#" class="sidebar-link">
+                        <li class="sidebar-list-item ${active_settings}">
+                            <a href="/secret?msg=settings" class="sidebar-link">
 
                                 # var icon_Settings = Settings_icon()
-                                ${icon_Tags}
+                                ${icon_Settings}
 
                                 <div class="hidden-sidebar">Settings</div>
                             </a>
@@ -131,9 +156,22 @@
                                 <div class="hidden-sidebar">Logout</div>
                             </a>
                         </li>
+                        <li class="sidebar-list-item ">
+                            <a href="#" class="sidebar-link">                          
+                                                                
+                                # if columnLeftInfo.j_status:
+                                    # var status_green = status_joplin_green()
+                                    ${status_green}
+                                # else:
+                                    # var status_red = status_joplin_red()
+                                    ${status_red}
+                                # end if
+                                <div class="hidden-sidebar">Joplin Status</div>
+                            </a>
+                        </li>
 
-                        <li class="sidebar-list-item">
-                            <a href="#" class="sidebar-link">
+                        <li class="sidebar-list-item ${active_sendFeedBack}">
+                            <a href="/secret?msg=sendFeedBack" class="sidebar-link">
 
                                 # var icon_SendFeedback = SendFeedback_icon()
                                 ${icon_SendFeedback}
@@ -146,15 +184,67 @@
             </aside>
             <div class="row">
                 <div class="column left">
-                    <div class="scrollbar scrollbar-primary">
-                        <div class="force-overflow">
-                            # var title = templ_title("NOTEBOOKS")
-                            ${title}
-                            # for i in all_notebooks.title:
-                            <p> ${i} </p>
-                            # end for
+                    # if columnLeftInfo.option == newNote:
+                        <h2>New Note</h2>
+                        <div class="scrollbar scrollbar-primary">
+                            <div class="force-overflow">
+                                <div class="ColomnLeftJoplinNewNote">                            
+                                <h5>Todo ...</h5>
+                                </div>      
+                            </div>
                         </div>
-                    </div>
+                    # elif columnLeftInfo.option == search:
+                        <h2>Search</h2>
+                        <div class="scrollbar scrollbar-primary">
+                            <div class="force-overflow">
+                                <div class="ColomnLeftJoplinSearch">                            
+                                    <h5>Todo ...</h5>
+                                </div>      
+                            </div>
+                        </div>
+                    # elif columnLeftInfo.option == shortcuts:
+                        <h2>Shortcuts</h2>
+                        <div class="scrollbar scrollbar-primary">
+                            <div class="force-overflow">
+                                <div class="ColomnLeftJoplinShortcuts">                            
+                                    <h5>Todo ...</h5>
+                                </div>      
+                            </div>
+                        </div>
+                    # elif columnLeftInfo.option == notes:
+                        <h2>Notes</h2>
+                        <div class="scrollbar scrollbar-primary">
+                            <div class="force-overflow">
+                                <div class="ColomnLeftJoplinNotes">                            
+                                # for i in columnLeftInfo.j_notes.title:
+                                    <p> ${i} </p>
+                                # end for
+                                </div>      
+                            </div>
+                        </div>
+                    # elif columnLeftInfo.option == notebooks:
+                        <h2>Notebooks</h2>
+                        <div class="scrollbar scrollbar-primary">
+                            <div class="force-overflow">
+                                <div class="ColomnLeftJoplinNotebooks">                            
+                                # for i in columnLeftInfo.j_notebooks.title:
+                                    <p> ${i} </p>
+                                # end for
+                                </div>      
+                            </div>
+                        </div>
+                    # elif columnLeftInfo.option == tags:
+                        <h2>Tags</h2>
+                        <div class="scrollbar scrollbar-primary">
+                            <div class="force-overflow">
+                                <div class="ColomnLeftJoplinTags">                            
+                                # for i in columnLeftInfo.j_tags.title:
+                                    <p> ${i} </p>
+                                # end for
+                                </div>      
+                            </div>
+                        </div>
+                    # end if
                 </div>
                 <div class="column right" style="background-color:#bbb;">
                     <h2>Column 2</h2>