@genexus/genexus-ide-ui 0.0.85 → 0.0.86

package/dist/esm/ch-shortcuts_2.entry.js

@@ -7,7 +7,8 @@ function loadShortcuts(name, root, shortcuts) {
   shortcuts.forEach(shortcut => {
     const keyShortcuts = parseKeyShortcuts(shortcut.keyShortcuts);
     keyShortcuts.forEach(keyShortcut => {
-      SHORTCUTS.set(normalize(keyShortcut.ctrl, keyShortcut.alt, keyShortcut.shift, keyShortcut.meta, keyShortcut.key), {
+      const normalizedKeyShortcut = normalize(keyShortcut.ctrl, keyShortcut.alt, keyShortcut.shift, keyShortcut.meta, keyShortcut.key);
+      SHORTCUTS.set(normalizedKeyShortcut, {
         name,
         root,
         shortcut
@@ -26,11 +27,12 @@ function unloadShortcuts(name) {
   removeKeyShortcuts.forEach(key => SHORTCUTS.delete(key));
   removeListener();
 }
-function getShortcuts() {
+function getShortcuts(name) {
   return Array.from(SHORTCUTS.values())
     .filter(shortcutMap => {
     var _a;
-    return !((_a = shortcutMap.shortcut.conditions) === null || _a === void 0 ? void 0 : _a.focusInclude);
+    return (shortcutMap.name === name &&
+      !((_a = shortcutMap.shortcut.conditions) === null || _a === void 0 ? void 0 : _a.focusInclude));
   })
     .map(shortcutMap => ({
     element: querySelectorPlus(shortcutMap.shortcut.selector, shortcutMap.root),
@@ -56,27 +58,33 @@ function keydownHandler(eventInfo) {
   }
 }
 function triggerShortcut(eventInfo) {
-  const shortcutMap = SHORTCUTS.get(normalize(eventInfo.ctrlKey, eventInfo.altKey, eventInfo.shiftKey, eventInfo.metaKey, eventInfo.key));
-  if (shortcutMap && conditions(shortcutMap)) {
+  const shortcut = normalize(eventInfo.ctrlKey, eventInfo.altKey, eventInfo.shiftKey, eventInfo.metaKey, eventInfo.key);
+  const shortcutMap = SHORTCUTS.get(shortcut);
+  const focus = focusComposedPath();
+  if (shortcutMap && conditions(shortcutMap, focus)) {
     const element = querySelectorPlus(shortcutMap.shortcut.selector, shortcutMap.root);
-    if (element) {
+    const keyShortcutPressedEvent = createEvent(shortcut, shortcutMap.shortcut.id, element, focus);
+    if (shortcutMap.root.dispatchEvent(keyShortcutPressedEvent)) {
       switch (shortcutMap.shortcut.action) {
         case "click":
-          element.dispatchEvent(new Event("click"));
+          element === null || element === void 0 ? void 0 : element.dispatchEvent(new Event("click"));
           break;
         default:
-          element.focus();
+          element === null || element === void 0 ? void 0 : element.focus();
       }
       if (shortcutMap.shortcut.preventDefault !== false) {
         eventInfo.preventDefault();
       }
     }
+    else {
+      eventInfo.preventDefault();
+    }
   }
   return shortcutMap;
 }
 function parseKeyShortcuts(value = "") {
-  return value.split(" ").map(item => {
-    return item.split("+").reduce((keyShortcut, key) => {
+  return value.split(/(?<!(?:[+]|^))\s/).map(item => {
+    return item.split(/(?<!(?:[+]|^))[+]/).reduce((keyShortcut, key) => {
       switch (key.toLowerCase()) {
         case "ctrl":
           keyShortcut.ctrl = true;
@@ -116,17 +124,40 @@ function normalize(ctrl, alt, shift, meta, key) {
   })
     .join("+");
 }
-function conditions(shortcutMap) {
-  var _a, _b, _c, _d;
-  const focus = focusComposedPath();
+function conditions(shortcutMap, focus) {
+  var _a, _b;
   if ((_a = shortcutMap.shortcut.conditions) === null || _a === void 0 ? void 0 : _a.focusInclude) {
-    return Array.from(shortcutMap.root.querySelectorAll((_b = shortcutMap.shortcut.conditions) === null || _b === void 0 ? void 0 : _b.focusInclude)).some((el) => focus.includes(el));
+    return querySelectorAllPlus(shortcutMap.shortcut.conditions.focusInclude, shortcutMap.root).some((el) => focus.includes(el));
   }
-  if ((_c = shortcutMap.shortcut.conditions) === null || _c === void 0 ? void 0 : _c.focusExclude) {
-    return !Array.from(shortcutMap.root.querySelectorAll((_d = shortcutMap.shortcut.conditions) === null || _d === void 0 ? void 0 : _d.focusExclude)).some((el) => focus.includes(el));
+  if ((_b = shortcutMap.shortcut.conditions) === null || _b === void 0 ? void 0 : _b.focusExclude) {
+    return !querySelectorAllPlus(shortcutMap.shortcut.conditions.focusExclude, shortcutMap.root).some((el) => focus.includes(el));
   }
   return true;
 }
+function createEvent(keyShortcut, id, target, focusComposedPath) {
+  return new CustomEvent("keyShortcutPressed", {
+    bubbles: true,
+    cancelable: true,
+    composed: false,
+    detail: {
+      keyShortcut,
+      id: id,
+      target,
+      focusComposedPath
+    }
+  });
+}
+function querySelectorAllPlus(selector, root) {
+  var _a;
+  return ((_a = selector === null || selector === void 0 ? void 0 : selector.split(",").map(selectorItem => {
+    if (selector.includes("::part")) {
+      return querySelectorPlus(selectorItem, root);
+    }
+    else {
+      return Array.from(root.querySelectorAll(selector));
+    }
+  }).flat()) !== null && _a !== void 0 ? _a : []);
+}
 function querySelectorPlus(selector, root) {
   const querySelectorDeep = (element, parts) => {
     const shadow = element.shadowRoot;
@@ -151,7 +182,7 @@ function querySelectorPlus(selector, root) {
     }
     return null;
   };
-  if (selector.includes("::part")) {
+  if (selector === null || selector === void 0 ? void 0 : selector.includes("::part")) {
     const selectorItems = selector.match("(.*)::part\\(([^)]+)\\)");
     const entity = selectorItems[1];
     const partName = selectorItems[2];
@@ -164,22 +195,42 @@ function querySelectorPlus(selector, root) {
 
 const chShortcutsCss = ":host{display:contents}";
 
+const KEY_SYMBOL = {
+  " ": "\u2334"
+};
 const ChShortcuts = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.showShortcuts = false;
+    /**
+     * Key to show shortcut tooltips.
+     */
     this.showKey = "F10";
+    /**
+     * Suspend shortcuts.
+     */
+    this.suspend = false;
     this.windowClosedHandler = () => {
       this.showShortcuts = false;
     };
   }
+  suspendHandler() {
+    if (this.suspend) {
+      unloadShortcuts(this.src);
+    }
+    else {
+      const root = this.el.getRootNode();
+      loadShortcuts(this.src, root, this.shortcuts);
+    }
+  }
   componentDidLoad() {
     if (this.src) {
       fetch(this.src).then(response => {
         if (response.ok) {
           response.json().then(json => {
             const root = this.el.getRootNode();
-            loadShortcuts(this.src, root, json);
+            this.shortcuts = json;
+            loadShortcuts(this.src, root, this.shortcuts);
           });
         }
       });
@@ -189,18 +240,44 @@ const ChShortcuts = class {
     unloadShortcuts(this.src);
   }
   windowKeyDownHandler(eventInfo) {
+    const modifierKeys = ["Ctrl", "Alt", "Shift", "Meta"];
+    if (eventInfo.repeat || this.suspend) {
+      return;
+    }
     if (eventInfo.key === this.showKey) {
       this.showShortcuts = !this.showShortcuts;
       eventInfo.preventDefault();
     }
+    else if (this.showShortcuts && !modifierKeys.includes(eventInfo.key)) {
+      this.showShortcuts = false;
+    }
   }
   renderShortcuts() {
-    return getShortcuts().map(shortcut => (h("ch-window", { container: shortcut.element, modal: false, hidden: false, closeOnEscape: true, closeOnOutsideClick: true, xAlign: "outside-end", yAlign: "inside-start", onWindowClosed: this.windowClosedHandler, exportparts: "mask:element" }, h("span", { part: "tooltip" }, shortcut.keyShortcuts))));
+    return getShortcuts(this.src)
+      .filter(shortcut => shortcut.element)
+      .map(shortcut => (h("ch-window", { container: shortcut.element, modal: false, hidden: false, closeOnEscape: true, closeOnOutsideClick: true, xAlign: "outside-end", yAlign: "inside-start", onWindowClosed: this.windowClosedHandler, exportparts: "mask:element, main:tooltip" }, this.renderKeyShortcuts(shortcut.keyShortcuts))));
+  }
+  renderKeyShortcuts(keyShortcuts) {
+    return keyShortcuts.split(/(?<!(?:[+]|^))([+\s])/).map((key, i, items) => {
+      var _a;
+      if (key === "+" && i > 0 && items[i - 1] !== "+") {
+        return h("span", { part: "plus" }, "+");
+      }
+      else if (key === " " && i > 0 && items[i - 1] !== "+") {
+        return h("span", { part: "slash" }, "/");
+      }
+      else {
+        return h("kbd", { part: `key` }, (_a = KEY_SYMBOL[key]) !== null && _a !== void 0 ? _a : key);
+      }
+    });
   }
   render() {
     return h(Host, null, this.showShortcuts && this.renderShortcuts());
   }
   get el() { return getElement(this); }
+  static get watchers() { return {
+    "suspend": ["suspendHandler"]
+  }; }
 };
 ChShortcuts.style = chShortcutsCss;
 
@@ -210,6 +287,7 @@ const GxgShortcuts = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.showKey = "F10";
+    this.suspend = false;
     this.showTooltip = false;
     this.show = false;
   }
@@ -217,7 +295,8 @@ const GxgShortcuts = class {
     this.showTooltip = true;
   }
   render() {
-    return (h(Host, null, h("ch-shortcuts", { src: this.src, showKey: this.showKey })));
+    console.log("render");
+    return (h(Host, null, h("ch-shortcuts", { suspend: this.suspend, src: this.src, showKey: this.showKey })));
   }
 };
 GxgShortcuts.style = shortcutsCss;

package/dist/esm/ch-tree-view-render_2.entry.js

@@ -1,4 +1,5 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, a as getAssetPath } from './index-0aa3977d.js';
+import { f as fromGxImageToURL } from './genexus-implementation-3b347d88.js';
 
 const filterWithCase = (stringToFilter, filter, matchCase) => matchCase
   ? stringToFilter.includes(filter)
@@ -19,7 +20,7 @@ const filterDictionary = {
       !item.indeterminate &&
       ((_b = item.checked) !== null && _b !== void 0 ? _b : filterInfo.defaultChecked);
   },
-  "id-list": (item, filterInfo) => filterInfo.filterList.includes(item.id),
+  list: (item, filterInfo) => filterInfo.filterSet.has(item.id),
   metadata: (item, filterInfo) => {
     var _a;
     return filterInfo.filter
@@ -34,78 +35,11 @@ const filterDictionary = {
       !((_b = item.checked) !== null && _b !== void 0 ? _b : filterInfo.defaultChecked);
   }
 };
-
-const URL_REGEX = /url\((["']?)([^\)]*)\)(?:\s+([\d.]+)x)?/i;
-let computedStyle;
-function normalizeUri(uri) {
-  if (uri.startsWith("data:image/svg+xml;utf8,")) {
-    uri = `data:image/svg+xml;base64,${btoa(uri.slice(24).replace(/\\"/g, '"'))}`;
-  }
-  uri = uri.replace(/\\/g, "");
-  uri = uri.replace(/\s/g, "%20");
-  return uri;
-}
-function getImage(name, gxImageConstructor) {
-  if (!computedStyle) {
-    computedStyle = getComputedStyle(document.documentElement);
-  }
-  let value = computedStyle.getPropertyValue(`--gx-image_${name}`);
-  if (value) {
-    let matches;
-    const gximage = gxImageConstructor(name);
-    while ((matches = value.match(URL_REGEX))) {
-      gximage.densitySet.push({
-        uri: normalizeUri(matches[1] ? matches[2].slice(0, -1) : matches[2]),
-        density: matches[3] ? parseFloat(matches[3]) : 1
-      });
-      value = value.slice(matches[0].length);
-    }
-    if (gximage.densitySet.length > 0) {
-      gximage.uri = gximage.densitySet.reduce((previousValue, currentValue) => {
-        return previousValue.density === 1 ||
-          previousValue.density < currentValue.density
-          ? previousValue
-          : currentValue;
-      }).uri;
-    }
-    return gximage;
-  }
-}
-const fromGxImageToURL = (gxImage, Settings, gxImageConstructor) => {
-  if (!gxImage) {
-    return;
-  }
-  let url = "";
-  if (gxImage.id) {
-    url = getImage(gxImage.id, gxImageConstructor).uri;
-  }
-  else {
-    url = gxImage.uri;
-  }
-  if (!url) {
-    return "";
-  }
-  const baseUrl = Settings.WEBAPP_BASE;
-  const urlLower = url.toLowerCase();
-  if (urlLower.startsWith("assets/")) {
-    // Relative URL to local assets
-    return url;
-  }
-  else if (urlLower.startsWith("http://") ||
-    urlLower.startsWith("https://") ||
-    urlLower.startsWith("blob:") ||
-    urlLower.startsWith("file:") ||
-    urlLower.startsWith("data:")) {
-    // Absolute URL
-    return url;
-  }
-  else if (urlLower.startsWith(Settings.BASE_PATH.toLowerCase())) {
-    // Host relative URL
-    return baseUrl + url.substring(Settings.BASE_PATH.length);
-  }
-  else {
-    return baseUrl + url;
-  }
+const computeFilter = (filterType, item, filterInfo) => {
+  var _a;
+  return ((_a = filterInfo.filterOptions) === null || _a === void 0 ? void 0 : _a.hideMatchesAndShowNonMatches) === true
+    ? !filterDictionary[filterType](item, filterInfo)
+    : filterDictionary[filterType](item, filterInfo);
 };
 
 const treeViewRenderCss = "ch-tree-view-render{display:contents}";
@@ -119,6 +53,11 @@ const DEFAULT_INDETERMINATE_VALUE = false;
 const DEFAULT_LAZY_VALUE = false;
 const DEFAULT_ORDER_VALUE = 0;
 const DEFAULT_SELECTED_VALUE = false;
+// There are a filter applied and, if the type is "caption" or
+// "metadata", the filter property must be set
+const treeViewHasFilters = (filterType, filter) => filterType !== "none" &&
+  ((filterType !== "caption" && filterType !== "metadata") ||
+    (filter != null && filter.trim() !== ""));
 const defaultRenderItem$1 = (itemModel, treeState, treeHasFilter, lastItem, level) => {
   var _a, _b, _c, _d, _e, _f;
   return (treeState.filterType === "none" || itemModel.render !== false) && (h("ch-tree-view-item", { id: itemModel.id, caption: itemModel.caption, checkbox: (_a = itemModel.checkbox) !== null && _a !== void 0 ? _a : treeState.checkbox, checked: (_b = itemModel.checked) !== null && _b !== void 0 ? _b : treeState.checked, class: itemModel.class, disabled: itemModel.disabled, downloading: itemModel.downloading, dragDisabled: (_c = itemModel.dragDisabled) !== null && _c !== void 0 ? _c : treeState.dragDisabled, dropDisabled: (_d = itemModel.dropDisabled) !== null && _d !== void 0 ? _d : treeState.dropDisabled, editable: (_e = itemModel.editable) !== null && _e !== void 0 ? _e : treeState.editableItems, expanded: itemModel.expanded, indeterminate: itemModel.indeterminate, lastItem: lastItem, lazyLoad: itemModel.lazy, leaf: itemModel.leaf, leftImgSrc: itemModel.leftImgSrc, level: level, metadata: itemModel.metadata, rightImgSrc: itemModel.rightImgSrc, selected: itemModel.selected, showExpandableButton: itemModel.showExpandableButton, showLines: treeState.showLines, toggleCheckboxes: (_f = itemModel.toggleCheckboxes) !== null && _f !== void 0 ? _f : treeState.toggleCheckboxes }, !itemModel.leaf &&
@@ -126,13 +65,13 @@ const defaultRenderItem$1 = (itemModel, treeState, treeHasFilter, lastItem, leve
     itemModel.items.map((subModel, index) => defaultRenderItem$1(subModel, treeState, treeHasFilter, treeState.showLines !== "none" &&
       // If there is a filter applied in the current list, use the
       // lastItemId value to calculate the last item
-      (treeHasFilter && itemModel.lastItemId !== ""
+      (treeHasFilter && itemModel.lastItemId !== undefined
         ? subModel.id === itemModel.lastItemId
         : index === itemModel.items.length - 1), level + 1))));
 };
 const GXRenderItem = (itemModel, treeState, treeHasFilter, lastItem, level) => {
   var _a, _b, _c, _d;
-  return (treeState.filterType === "none" || itemModel.render !== false) && (h("ch-tree-view-item", { id: itemModel.id, caption: itemModel.caption, checkbox: (_a = itemModel.checkbox) !== null && _a !== void 0 ? _a : treeState.checkbox, checked: (_b = itemModel.checked) !== null && _b !== void 0 ? _b : treeState.checked, class: itemModel.class, downloading: itemModel.downloading, dragDisabled: itemModel.dragEnabled != null
+  return (treeState.filterType === "none" || itemModel.render !== false) && (h("ch-tree-view-item", { key: itemModel.id, id: itemModel.id, caption: itemModel.caption, checkbox: (_a = itemModel.checkbox) !== null && _a !== void 0 ? _a : treeState.checkbox, checked: (_b = itemModel.checked) !== null && _b !== void 0 ? _b : treeState.checked, class: itemModel.class, downloading: itemModel.downloading, dragDisabled: itemModel.dragEnabled != null
       ? !itemModel.dragEnabled
       : treeState.dragDisabled, dropDisabled: itemModel.dropEnabled != null
       ? !itemModel.dropEnabled
@@ -141,7 +80,7 @@ const GXRenderItem = (itemModel, treeState, treeHasFilter, lastItem, level) => {
     itemModel.items.map((subModel, index) => GXRenderItem(subModel, treeState, treeHasFilter, treeState.showLines !== "none" &&
       // If there is a filter applied in the current list, use the
       // lastItemId value to calculate the last item
-      (treeHasFilter && itemModel.lastItemId !== ""
+      (treeHasFilter && itemModel.lastItemId !== undefined
         ? subModel.id === itemModel.lastItemId
         : index === itemModel.items.length - 1), level + 1))));
 };
@@ -213,13 +152,12 @@ const ChTreeViewRender = class {
     this.filterDebounce = 250;
     /**
      * This property lets you determine the list of items that will be filtered.
-     * Only works if `filterType = "id-list"`.
+     * Only works if `filterType = "list"`.
      */
     this.filterList = [];
     /**
      * This property lets you determine the options that will be applied to the
      * filter.
-     * Only works if `filterType = "caption" | "metadata"`.
      */
     this.filterOptions = {};
     /**
@@ -232,7 +170,7 @@ const ChTreeViewRender = class {
      * | `unchecked` | Show only the items that have a checkbox and are not checked.                                  |
      * | `caption`   | Show only the items whose `caption` satisfies the regex determinate by the `filter` property.  |
      * | `metadata`  | Show only the items whose `metadata` satisfies the regex determinate by the `filter` property. |
-     * | `id-list`   | Show only the items that are contained in the array determinate by the `filterList` property.  |
+     * | `list`   | Show only the items that are contained in the array determinate by the `filterList` property.     |
      * | `none`      | Show all items.                                                                                |
      */
     this.filterType = "none";
@@ -306,7 +244,8 @@ const ChTreeViewRender = class {
         newSelectedItem.expanded = newSelectedItemInfo.expanded;
         this.selectedItems.add(itemId);
       });
-      this.selectedItemsChange.emit(event.detail);
+      const selectedItemsInfo = this._getItemsInfo([...event.detail.keys()]);
+      this.selectedItemsChange.emit(selectedItemsInfo);
     };
     this.handleExpandedItemChange = (event) => {
       const detail = event.detail;
@@ -387,14 +326,14 @@ const ChTreeViewRender = class {
     }
   }
   handleFilterListChange() {
-    if (this.filterType === "id-list") {
+    // Use a Set to efficiently check for ids
+    this.filterListAsSet = new Set(this.filterList);
+    if (this.filterType === "list") {
       this.processFilters();
     }
   }
   handleFilterOptionsChange() {
-    if (this.filterType === "caption" || this.filterType === "metadata") {
-      this.processFilters();
-    }
+    this.processFilters();
   }
   handleFilterTypeChange() {
     this.processFilters();
@@ -443,6 +382,23 @@ const ChTreeViewRender = class {
     // Force re-render
     forceUpdate(this);
   }
+  /**
+   * Given a list of ids, it returns an array of the items that exists in the
+   * given list.
+   */
+  async getItemsInfo(itemsId) {
+    return this._getItemsInfo(itemsId);
+  }
+  _getItemsInfo(itemsId) {
+    const treeViewItemsInfo = [];
+    itemsId.forEach(itemId => {
+      const itemUIModel = this.flattenedTreeModel.get(itemId);
+      if (itemUIModel) {
+        treeViewItemsInfo.push(itemUIModel);
+      }
+    });
+    return treeViewItemsInfo;
+  }
   /**
    * Given an item id, an array of items to add, the download status and the
    * lazy state, updates the item's UI Model.
@@ -564,7 +520,9 @@ const ChTreeViewRender = class {
     }
     const itemInfo = itemUIModel.item;
     Object.keys(properties).forEach(propertyName => {
-      itemInfo[propertyName] = properties[propertyName];
+      if (properties[propertyName] !== undefined) {
+        itemInfo[propertyName] = properties[propertyName];
+      }
     });
   }
   updateCheckboxValue(event) {
@@ -671,7 +629,7 @@ const ChTreeViewRender = class {
     let aSubItemIsRendered = false;
     // Check if a subitem is rendered
     if (item.leaf !== true && item.items != null) {
-      let lastItemId = "";
+      let lastItemId = undefined;
       item.items.forEach(subItem => {
         const itemSatisfiesFilter = this.filterSubModel(subItem, filterInfo);
         aSubItemIsRendered || (aSubItemIsRendered = itemSatisfiesFilter);
@@ -683,7 +641,7 @@ const ChTreeViewRender = class {
     }
     // The current item is rendered if it satisfies the filter condition or a
     // subitem exists that needs to be rendered
-    const satisfiesFilter = filterDictionary[this.filterType](item, filterInfo) || aSubItemIsRendered;
+    const satisfiesFilter = aSubItemIsRendered || computeFilter(this.filterType, item, filterInfo);
     item.render = satisfiesFilter; // Update item render
     return satisfiesFilter;
   }
@@ -720,8 +678,8 @@ const ChTreeViewRender = class {
       defaultCheckbox: this.checkbox,
       defaultChecked: this.checked,
       filter: this.filter,
-      filterList: this.filterList,
-      filterOptions: this.filterOptions
+      filterOptions: this.filterOptions,
+      filterSet: this.filterListAsSet
     });
     // Check if should filter with debounce
     if (processWithDebounce) {
@@ -753,8 +711,7 @@ const ChTreeViewRender = class {
     }
   }
   render() {
-    return (h("ch-tree-view", { class: this.cssClass || null, multiSelection: this.multiSelection, waitDropProcessing: this.waitDropProcessing, onDroppableZoneEnter: this.handleDroppableZoneEnter, onExpandedItemChange: this.handleExpandedItemChange, onItemContextmenu: this.handleItemContextmenu, onItemsDropped: this.handleItemsDropped, onSelectedItemsChange: this.handleSelectedItemsChange, ref: el => (this.treeRef = el) }, this.treeModel.map((itemModel, index) => this.renderItem(itemModel, this, (this.filterType === "caption" || this.filterType === "metadata") &&
-      this.filter != null, this.showLines !== "none" && index === this.treeModel.length - 1, 0))));
+    return (h("ch-tree-view", { class: this.cssClass || null, multiSelection: this.multiSelection, waitDropProcessing: this.waitDropProcessing, onDroppableZoneEnter: this.handleDroppableZoneEnter, onExpandedItemChange: this.handleExpandedItemChange, onItemContextmenu: this.handleItemContextmenu, onItemsDropped: this.handleItemsDropped, onSelectedItemsChange: this.handleSelectedItemsChange, ref: el => (this.treeRef = el) }, this.treeModel.map((itemModel, index) => this.renderItem(itemModel, this, treeViewHasFilters(this.filterType, this.filter), this.showLines !== "none" && index === this.treeModel.length - 1, 0))));
   }
   static get watchers() { return {
     "filter": ["handleFilterChange"],