@genexus/genexus-ide-ui 0.0.93 → 0.0.94

package/dist/genexus-ide-ui/p-8dca63f8.entry.js

@@ -0,0 +1,1243 @@
+import { f as t, r as e, c as i, g as r, h as a, a as o } from "./p-d8a08b43.js";
+
+import { f as n } from "./p-c45291c1.js";
+
+import { r as s } from "./p-5f671d1f.js";
+
+const itemHasCheckbox = (t, e) => t.checkbox ?? e;
+
+const filterWithCase = (t, e, i) => i ? t.includes(e) : t.toLowerCase().includes(e.toLowerCase());
+
+const filterWithString = (t, e, i) => i?.regularExpression ? t.match(e) !== null : filterWithCase(t, e, i?.matchCase);
+
+const l = {
+  caption: (t, e) => e.filter ? filterWithString(t.caption ?? "", e.filter, e.filterOptions) : true,
+  checked: (t, e) => itemHasCheckbox(t, e.defaultCheckbox) && !t.indeterminate && (t.checked ?? e.defaultChecked),
+  list: (t, e) => e.filterSet.has(t.id),
+  metadata: (t, e) => e.filter ? filterWithString(t.metadata ?? "", e.filter, e.filterOptions) : true,
+  none: () => true,
+  unchecked: (t, e) => itemHasCheckbox(t, e.defaultCheckbox) && !t.indeterminate && !(t.checked ?? e.defaultChecked)
+};
+
+const computeFilter = (t, e, i) => i.filterOptions?.hideMatchesAndShowNonMatches === true ? !l[t](e, i) : l[t](e, i);
+
+const removeTreeViewItems = (t, e, i, r) => {
+  let a = false;
+  let o = false;
+  let n = false;
+  t.forEach((t => {
+    const l = e.get(t);
+    if (l) {
+      const c = l.item;
+      const h = l.parentItem.items;
+      // Remove subitems
+            if (c.leaf !== true && c.items?.length > 0) {
+        const t = c.items.map((t => t.id));
+        removeTreeViewItems(t, e, i, r);
+      }
+      // Remove item
+            a ||= e.delete(t);
+      o ||= i.delete(t);
+      n ||= r.delete(t);
+      s(h, h.findIndex((e => e.id === t)));
+    }
+  }));
+  return {
+    atLeastOneElement: a,
+    atLeastOneCheckbox: o,
+    atLeastOneSelected: n
+  };
+};
+
+const resolveNewPromise = t => new Promise((e => e(t)))
+/**
+ * Given an item id, it displays and scrolls into the item view.
+ *
+ * @returns If the operation was completed successfully.
+ */;
+
+const scrollIntoVisibleId = (t, e) => {
+  const i = e.get(t);
+  if (!i) {
+    return resolveNewPromise(false);
+  }
+  let r = i.parentItem;
+  // While the parent is not the root, update the UI Models
+    while (r && r.id != null) {
+    // Expand the item
+    r.expanded = true;
+    const t = e.get(r.id);
+    r = t.parentItem;
+  }
+  return resolveNewPromise(true);
+};
+
+/**
+ * Given the path of the item (represent by a sorted array containing all ids
+ * from the root to the item), it displays and scrolls into the item view.
+ *
+ * @returns If the operation was completed successfully.
+ */ const scrollIntoVisiblePath = (t, e, i, r) => {
+  let a = t.length - 1;
+  // Initialize item
+    let o = e.get(t[a]);
+  // Find the last item that is rendered
+    while (o === undefined && a > 0) {
+    a--;
+    o = e.get(t[a]);
+  }
+  if (!o) {
+    return resolveNewPromise(false);
+  }
+  const n = a;
+  // Check if the rest of the path up to the root is valid
+    while (a >= 0) {
+    if (e.get(t[a]) === undefined) {
+      return resolveNewPromise(false);
+    }
+    a--;
+  }
+  // Check if the first item in the path is the root, to completely validate
+  // the path
+    if (e.get(t[0]).parentItem !== i) {
+    return resolveNewPromise(false);
+  }
+  // - - - - - - - - - - - - - - - - - -
+  // At this point, we now that the path starts from the root and is valid up to
+  // the last rendered item
+  // - - - - - - - - - - - - - - - - - -
+    const s = n !== t.length - 1 && !r;
+  if (s) {
+    return resolveNewPromise(false);
+  }
+  // USE RELOAD ITEMS FOR THE NEXT PART
+  // let visitedNode = itemUIModel.parentItem as TreeViewItemModel;
+  // // While the parent is not the root, update the UI Models
+  // while (visitedNode && visitedNode.id != null) {
+  //   // Expand the item
+  //   visitedNode.expanded = true;
+  //   const visitedNodeUIModel = flattenedTreeModel.get(visitedNode.id);
+  //   visitedNode = visitedNodeUIModel.parentItem as TreeViewItemModel;
+  // }
+    return resolveNewPromise(true);
+};
+
+const reloadItems = (t, e, i, r, a, o, n, s) => {
+  const l = i.get(e);
+  if (!r || !l || l.item.leaf === true) {
+    return;
+  }
+  const c = !n && !s;
+  if (c) {
+    n = {
+      downloading: true
+    };
+    s = {
+      downloading: false
+    };
+  }
+  if (n) {
+    t.updateItemsProperties([ e ], n);
+  }
+  const h = r(e);
+  h.then((async n => {
+    // Store previous ids in a Set for efficient access
+    const c = new Set(l.item.items.map((t => t.id)));
+    const h = [];
+    // Reconcile the state of old items to new ones
+        n.forEach((t => {
+      const e = i.get(t.id);
+      // If the item previously existed in the client
+            if (e && c.has(t.id)) {
+        const i = e.item;
+        // Reconciliate the state
+                t.checked = i.checked;
+        t.expanded = i.expanded;
+        t.indeterminate = i.indeterminate;
+        t.selected = i.selected;
+        const r = t.lazy && i.lazy === false;
+        if (r) {
+          t.lazy = false;
+          // Don't remove items until the child item is reloaded
+                    t.items = i.items;
+          // Add the item to be reloaded after its parent has finished its reload
+                    h.push(t.id);
+        }
+        // Remove the item from the set to properly count items that no longer
+        // exist in the node
+                c.delete(t.id);
+      }
+    }));
+    // Remove all the items that no longer exists in the node
+        if (c.size > 0) {
+      o([ ...c.keys() ]);
+    }
+    // Update the items of the reloaded node
+        await a(e, n);
+    if (s) {
+      t.updateItemsProperties([ e ], s);
+    }
+    // Reload child items that were lazy loaded
+        h.forEach((e => reloadItems(t, e, i, r, a, o)));
+  }));
+};
+
+const updateItemProperty = (t, e, i, r, a, o) => {
+  const n = i.get(t);
+  if (!n) {
+    return;
+  }
+  const s = n.item;
+  Object.keys(e).forEach((t => {
+    if (e[t] !== undefined) {
+      s[t] = e[t];
+    }
+  }));
+  // Accumulate selection/deselection
+    if (e.selected) {
+    r.add(t);
+  } else if (e.selected === false) {
+    r.delete(t);
+  }
+  // Accumulate/remove items with checkbox
+    if (itemHasCheckbox(s, o)) {
+    a.set(t, n);
+  } else {
+    a.delete(t);
+  }
+};
+
+const c = "ch-tree-view-render{display:contents}";
+
+var h = undefined && undefined.__classPrivateFieldGet || function(t, e, i, r) {
+  if (i === "a" && !r) throw new TypeError("Private accessor was defined without a getter");
+  if (typeof e === "function" ? t !== e || !r : !e.has(t)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+  return i === "m" ? r : i === "a" ? r.call(t) : r ? r.value : e.get(t);
+};
+
+var f = undefined && undefined.__classPrivateFieldSet || function(t, e, i, r, a) {
+  if (r === "m") throw new TypeError("Private method is not writable");
+  if (r === "a" && !a) throw new TypeError("Private accessor was defined without a setter");
+  if (typeof e === "function" ? t !== e || !a : !e.has(t)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+  return r === "a" ? a.call(t, i) : a ? a.value = i : e.set(t, i), i;
+};
+
+var d, g, p, v, m, u, b, w, x, k, y, z, M, C, I, W, _, D, L, S, O, T, j, F, P, E, V, R, Z, X, Y, q, A, B, $, H, G;
+
+const J = null;
+
+const K = false;
+
+const N = false;
+
+const Q = "tree-view-item";
+
+const U = true;
+
+const tt = false;
+
+const et = false;
+
+const it = false;
+
+const rt = 0;
+
+const at = false;
+
+// There are a filter applied and, if the type is "caption" or
+// "metadata", the filter property must be set
+const treeViewHasFilters = (t, e) => t !== "none" && (t !== "caption" && t !== "metadata" || e != null && e.trim() !== "");
+
+const defaultRenderItem$1 = (t, e, i, r, o) => {
+  var n, s, l, c, h, f, d;
+  return (e.filterType === "none" || t.render !== false) && a("ch-tree-view-item", {
+    key: t.id,
+    id: t.id,
+    caption: t.caption,
+    checkbox: (n = t.checkbox) !== null && n !== void 0 ? n : e.checkbox,
+    checked: (s = t.checked) !== null && s !== void 0 ? s : e.checked,
+    class: t.class,
+    disabled: t.disabled,
+    downloading: t.downloading,
+    dragDisabled: (l = t.dragDisabled) !== null && l !== void 0 ? l : e.dragDisabled,
+    dropDisabled: (c = t.dropDisabled) !== null && c !== void 0 ? c : e.dropDisabled,
+    editable: (h = t.editable) !== null && h !== void 0 ? h : e.editableItems,
+    expanded: t.expanded,
+    expandableButton: (f = t.expandableButton) !== null && f !== void 0 ? f : e.expandableButton,
+    expandOnClick: e.expandOnClick,
+    indeterminate: t.indeterminate,
+    lastItem: r,
+    lazyLoad: t.lazy,
+    leaf: t.leaf,
+    leftImgSrc: t.leftImgSrc,
+    level: o,
+    metadata: t.metadata,
+    rightImgSrc: t.rightImgSrc,
+    selected: t.selected,
+    showLines: e.showLines,
+    toggleCheckboxes: (d = t.toggleCheckboxes) !== null && d !== void 0 ? d : e.toggleCheckboxes
+  }, !t.leaf && t.items != null && t.items.map(((r, a) => defaultRenderItem$1(r, e, i, e.showLines !== "none" && (
+  // If there is a filter applied in the current list, use the
+  // lastItemId value to calculate the last item
+  i && t.lastItemId !== undefined ? r.id === t.lastItemId : a === t.items.length - 1), o + 1))));
+};
+
+const GXRenderItem = (t, e, i, r, o) => {
+  var s, l, c, h;
+  return (e.filterType === "none" || t.render !== false) && a("ch-tree-view-item", {
+    key: t.id,
+    id: t.id,
+    caption: t.caption,
+    checkbox: (s = t.checkbox) !== null && s !== void 0 ? s : e.checkbox,
+    checked: (l = t.checked) !== null && l !== void 0 ? l : e.checked,
+    class: t.class,
+    downloading: t.downloading,
+    dragDisabled: t.dragEnabled != null ? !t.dragEnabled : e.dragDisabled,
+    dropDisabled: t.dropEnabled != null ? !t.dropEnabled : e.dropDisabled,
+    editable: (c = t.editable) !== null && c !== void 0 ? c : e.editableItems,
+    expanded: t.expanded,
+    expandOnClick: e.expandOnClick,
+    indeterminate: t.indeterminate,
+    lastItem: r,
+    lazyLoad: t.lazy,
+    leaf: t.leaf,
+    leftImgSrc: n(t.leftImage, e.gxSettings, e.gxImageConstructor),
+    level: o,
+    metadata: t.metadata,
+    selected: t.selected,
+    showLines: e.showLines,
+    toggleCheckboxes: (h = t.toggleCheckboxes) !== null && h !== void 0 ? h : e.toggleCheckboxes
+  }, !t.leaf && t.items != null && t.items.map(((r, a) => GXRenderItem(r, e, i, e.showLines !== "none" && (
+  // If there is a filter applied in the current list, use the
+  // lastItemId value to calculate the last item
+  i && t.lastItemId !== undefined ? r.id === t.lastItemId : a === t.items.length - 1), o + 1))));
+};
+
+const defaultSortItemsCallback = t => {
+  t.sort(((t, e) => {
+    if (t.order < e.order) {
+      return -1;
+    }
+    if (t.order > e.order) {
+      return 0;
+    }
+    return t.caption <= e.caption ? -1 : 0;
+  }));
+};
+
+const ot = (G = class {
+  constructor(r) {
+    // UI Models
+    d.set(this, new Map);
+    g.set(this, new Map);
+    p.set(this, new Set);
+    v.set(this, false);
+    m.set(this, false);
+    u.set(this, void 0);
+    // Filters info
+        b.set(this, false);
+    w.set(this, void 0);
+    x.set(this, void 0);
+    k.set(this, void 0);
+    // Refs
+        y.set(this, void 0);
+    z.set(this, (t => {
+      const e = [];
+      t.forEach((t => {
+        const i = h(this, d, "f").get(t);
+        if (i) {
+          e.push(i);
+        }
+      }));
+      return e;
+    }));
+    M.set(this, (t => {
+      if (!this.checkDroppableZoneCallback) {
+        return;
+      }
+      t.stopPropagation();
+      // Suppose the request is made immediately by executing the callback
+            const e = (new Date).getTime();
+      const i = t.detail;
+      const r = this.checkDroppableZoneCallback(i);
+      r.then((t => {
+        this.updateValidDropZone(e, i.newContainer.id, i.draggedItems, t);
+      }));
+    }));
+    C.set(this, (e => {
+      e.stopPropagation();
+      const i = new Map(e.detail);
+      const r = h(this, p, "f");
+      // Remove no longer selected items
+            r.forEach((t => {
+        const e = h(this, d, "f").get(t).item;
+        const a = i.get(t);
+        // The item does not need to be added. Remove it from the processed list
+                if (a) {
+          e.expanded = a.expanded;
+ // Update expanded state
+                    i.delete(t);
+        }
+        // The item must be un-selected in the UI Model
+         else {
+          e.selected = false;
+          r.delete(t);
+        }
+      }));
+      // Add new selected items
+            i.forEach(((t, e) => {
+        const i = h(this, d, "f").get(e).item;
+        i.selected = true;
+        i.expanded = t.expanded;
+        r.add(e);
+      }));
+      // Queue re-render to avoid issues about synchronization the Virtual DOM
+      // with the real DOM
+            t(this);
+      h(this, Z, "f").call(this);
+    }));
+    I.set(this, (t => {
+      const e = t.detail;
+      const i = h(this, d, "f").get(e.id).item;
+      i.expanded = e.expanded;
+    }));
+    W.set(this, (t => {
+      t.stopPropagation();
+      this.itemContextmenu.emit(t.detail);
+    }));
+    _.set(this, (t => {
+      const e = t.detail;
+      const i = e.newContainer;
+      const r = i.id;
+      // Check if the parent exists in the UI Model
+            if (!h(this, d, "f").get(r)) {
+        return;
+      }
+      const a = e.draggedItems;
+      if (a.length === 0 || !this.dropItemsCallback) {
+        return;
+      }
+      t.stopPropagation();
+      const o = this.dropItemsCallback(e);
+      this.waitDropProcessing = true;
+      o.then((async t => {
+        this.dropItems(t.acceptDrop, e, t.items);
+        this.waitDropProcessing = false;
+      }));
+    }));
+    D.set(this, (t => {
+      if (t.size > 1) {
+        const e = [ ...t.values() ];
+        const i = t.size - 1;
+        // Deselect all items except the last
+                for (let t = 0; t < i; t++) {
+          const i = e[t];
+          h(this, d, "f").get(i).item.selected = false;
+        }
+        // Create a new Set with only the last item
+                t.clear();
+        t.add(e[i]);
+        h(this, R, "f").call(this);
+      }
+    }));
+    L.set(this, (t => e => {
+      const i = h(this, d, "f").get(e.id);
+      const r = i.item;
+      const a = i.parentItem;
+      // Remove the UI model from the previous parent. The equality function
+      // must be by index, not by object reference
+            a.items.splice(a.items.findIndex((t => t.id === r.id)), 1);
+      // Add the UI Model to the new parent
+            t.items.push(r);
+      // Reference the new parent in the item
+            i.parentItem = t;
+    }));
+    S.set(this, (t => {
+      const e = t.items;
+      if (!e) {
+        // Make sure that subtrees don't have an undefined array
+        if (t.leaf !== true) {
+          t.items = [];
+        }
+        return;
+      }
+      h(this, F, "f").call(this, e);
+      e.forEach(h(this, O, "f").call(this, t));
+    }));
+    O.set(this, (t => e => {
+      var i, r, a, o, n;
+      h(this, d, "f").set(e.id, {
+        parentItem: t,
+        item: e
+      });
+      // Add the items that have a checkbox in a separate Map
+            if (h(this, T, "f").call(this, e)) {
+        h(this, g, "f").set(e.id, {
+          parentItem: t,
+          item: e
+        });
+      }
+      // Make sure the properties are with their default values to avoid issues
+      // when reusing DOM nodes
+            e.class || (e.class = Q);
+      (i = e.expanded) !== null && i !== void 0 ? i : e.expanded = tt;
+      (r = e.indeterminate) !== null && r !== void 0 ? r : e.indeterminate = et;
+      (a = e.lazy) !== null && a !== void 0 ? a : e.lazy = it;
+      (o = e.order) !== null && o !== void 0 ? o : e.order = rt;
+      (n = e.selected) !== null && n !== void 0 ? n : e.selected = at;
+      if (e.selected) {
+        h(this, p, "f").add(e.id);
+      }
+      h(this, S, "f").call(this, e);
+    }));
+    T.set(this, (t => itemHasCheckbox(t, this.checkbox)));
+    j.set(this, (() => treeViewHasFilters(this.filterType, this.filter)));
+    F.set(this, (t => {
+      // Ensure that items are sorted
+      if (this.sortItemsCallback) {
+        this.sortItemsCallback(t);
+      }
+    }));
+    P.set(this, (() => {
+      h(this, d, "f").clear();
+      h(this, g, "f").clear();
+      h(this, p, "f").clear();
+      f(this, u, {
+        id: J,
+        caption: J,
+        items: this.treeModel
+      }, "f");
+      h(this, S, "f").call(this, h(this, u, "f"));
+      // Re-sync filters
+            h(this, Y, "f").call(this);
+      // The model was updated at runtime, so we need to update the references
+      // Re-sync selected items
+            h(this, R, "f").call(this);
+      // Re-sync checked items
+            h(this, V, "f").call(this);
+    }));
+    E.set(this, ((t, e, i, r) => {
+      let a = false;
+      // Check if a subitem is rendered
+            if (t.leaf !== true && t.items != null) {
+        let o = undefined;
+        t.items.forEach((t => {
+          const n = h(this, E, "f").call(this, t, e, i, r);
+          a || (a = n);
+          if (n) {
+            o = t.id;
+          }
+        }));
+        t.lastItemId = o;
+      }
+      // The current item is rendered if it satisfies the filter condition or a
+      // subitem exists that needs to be rendered
+            const o = a || computeFilter(this.filterType, t, e);
+      t.render = o;
+ // Update item render
+      // Update selected and checkbox items
+            if (o && t.id !== J) {
+        if (t.selected) {
+          i.add(t.id);
+        }
+        if (h(this, T, "f").call(this, t)) {
+          const e = h(this, d, "f").get(t.id);
+          r.set(t.id, e);
+        }
+      }
+      return o;
+    }));
+    V.set(this, (() => {
+      f(this, m, true, "f");
+    }));
+    R.set(this, (() => {
+      f(this, v, true, "f");
+    }));
+    Z.set(this, (() => {
+      const t = h(this, z, "f").call(this, [ ...h(this, p, "f").keys() ]);
+      this.selectedItemsChange.emit(t);
+    }));
+    X.set(this, (() => {
+      // New copy of the checked items
+      const t = new Map(h(this, g, "f"));
+      // Update the checked value if not defined
+            t.forEach((t => {
+        var e;
+        var i;
+        (e = (i = t.item).checked) !== null && e !== void 0 ? e : i.checked = this.checked;
+      }));
+      this.checkedItemsChange.emit(t);
+    }));
+    Y.set(this, (t => {
+      var e;
+      f(this, b, true, "f");
+      if (t !== undefined) {
+        f(this, w, (e = h(this, w, "f")) !== null && e !== void 0 ? e : t, "f");
+      }
+    }));
+    q.set(this, (t => {
+      if (t.size !== h(this, g, "f").size) {
+        f(this, m, true, "f");
+      }
+      // Check if the items in each Map have the same id
+       else {
+        h(this, g, "f").forEach(((e, i) => {
+          // Found a value that don't belong to the checkboxItems with filters,
+          // schedule checkedItemsChange
+          if (!t.has(i)) {
+            // Schedule checkedItemsChange
+            f(this, m, true, "f");
+          }
+        }));
+      }
+      // The previous checkbox items will now be the selected items with filter
+            f(this, g, t, "f");
+    }));
+    A.set(this, (t => {
+      if (t.size !== h(this, p, "f").size) {
+        f(this, v, true, "f");
+      }
+      // Check if the items in each Set have the same id
+       else {
+        h(this, p, "f").forEach((e => {
+          // Found a value that don't belong to the selectedItems with filters,
+          // deselect the item
+          if (!t.has(e)) {
+            h(this, d, "f").get(e).item.selected = false;
+            // Schedule selectedItemsChange
+                        f(this, v, true, "f");
+          }
+        }));
+      }
+      // The previous selected items will now be the selected items with filter
+            f(this, p, t, "f");
+    }));
+    B.set(this, (() => {
+      if (this.filterType === "none") {
+        // Check if there are more items with checkbox
+        const t = new Map;
+        h(this, d, "f").forEach(((e, i) => {
+          if (h(this, T, "f").call(this, e.item)) {
+            t.set(i, e);
+          }
+        }));
+        h(this, q, "f").call(this, t);
+        h(this, $, "f").call(this);
+        return;
+      }
+      // Remove queued filter processing
+            clearTimeout(h(this, x, "f"));
+      const e = this.filterDebounce > 0 && (this.filterType === "caption" || this.filterType === "metadata");
+      const filterFunction = () => {
+        const t = new Set;
+        const e = new Map;
+        h(this, E, "f").call(this, {
+          id: J,
+          caption: J,
+          items: this.treeModel
+        }, {
+          defaultCheckbox: this.checkbox,
+          defaultChecked: this.checked,
+          filter: this.filter,
+          filterOptions: this.filterOptions,
+          filterSet: h(this, k, "f")
+        }, t, e);
+        // It validates if there are differences between the items with checkbox
+        // and the selected items. If there are, emit the corresponding updates.
+                h(this, A, "f").call(this, t);
+        h(this, q, "f").call(this, e);
+        h(this, $, "f").call(this);
+      };
+      // Check if should filter with debounce
+            if (e && h(this, w, "f") !== "immediate") {
+        f(this, x, setTimeout((() => {
+          f(this, w, undefined, "f");
+          filterFunction();
+          t(this);
+ // After the filter processing is completed, force a re-render
+                }), this.filterDebounce), "f");
+      }
+      // No debounce
+       else {
+        f(this, w, undefined, "f");
+        filterFunction();
+      }
+    }));
+    $.set(this, (() => {
+      if (h(this, m, "f")) {
+        h(this, X, "f").call(this);
+        f(this, m, false, "f");
+      }
+      if (h(this, v, "f")) {
+        f(this, v, false, "f");
+        // Update the selected items in the ch-tree-view control
+                h(this, Z, "f").call(this);
+      }
+    }));
+    H.set(this, (() => {
+      const t = new Map;
+      h(this, p, "f").forEach((e => {
+        const i = h(this, d, "f").get(e);
+        const r = i.item;
+        t.set(e, {
+          id: r.id,
+          expanded: r.expanded,
+          metadata: r.metadata,
+          parentId: i.parentItem.id
+        });
+      }));
+      return t;
+    }));
+    e(this, r);
+    this.checkedItemsChange = i(this, "checkedItemsChange", 7);
+    this.itemContextmenu = i(this, "itemContextmenu", 7);
+    this.itemOpenReference = i(this, "itemOpenReference", 7);
+    this.selectedItemsChange = i(this, "selectedItemsChange", 7);
+    this.waitDropProcessing = false;
+    this.checkbox = false;
+    this.checked = false;
+    this.checkDroppableZoneCallback = undefined;
+    this.cssClass = "tree-view";
+    this.dragDisabled = K;
+    this.dropDisabled = N;
+    this.dropItemsCallback = undefined;
+    this.editableItems = U;
+    this.expandableButton = "decorative";
+    this.expandOnClick = true;
+    this.filter = undefined;
+    this.filterDebounce = 250;
+    this.filterList = [];
+    this.filterOptions = {};
+    this.filterType = "none";
+    this.gxImageConstructor = undefined;
+    this.gxSettings = undefined;
+    this.lazyLoadTreeItemsCallback = undefined;
+    this.modifyItemCaptionCallback = undefined;
+    this.multiSelection = false;
+    this.renderItem = defaultRenderItem$1;
+    this.showLines = "none";
+    this.sortItemsCallback = defaultSortItemsCallback;
+    this.toggleCheckboxes = false;
+    this.treeModel = [];
+    this.useGxRender = false;
+  }
+  get el() {
+    return r(this);
+  }
+  handleFilterChange() {
+    if (this.filterType === "caption" || this.filterType === "metadata") {
+      h(this, Y, "f").call(this);
+    }
+  }
+  handleFilterDebounceChange() {
+    if (this.filterType === "caption" || this.filterType === "metadata") {
+      h(this, Y, "f").call(this);
+    }
+  }
+  handleFilterListChange() {
+    // Use a Set to efficiently check for ids
+    f(this, k, new Set(this.filterList), "f");
+    if (this.filterType === "list") {
+      h(this, Y, "f").call(this);
+    }
+  }
+  handleFilterOptionsChange() {
+    h(this, Y, "f").call(this);
+  }
+  handleFilterTypeChange() {
+    h(this, Y, "f").call(this);
+  }
+  handleMultiSelectionChange(t) {
+    // MultiSelection is disabled. We must select the last updated item
+    if (!t) {
+      h(this, D, "f").call(this, h(this, p, "f"));
+    }
+  }
+  handleTreeModelChange() {
+    h(this, P, "f").call(this);
+  }
+  /**
+         * Given the drop accepting, the data transfer info and the external items,
+         * it process the drops of the items in the tree.
+         */  async dropItems(e, i, r) {
+    if (!e) {
+      return;
+    }
+    const a = i.newContainer.id;
+    const o = h(this, d, "f").get(a).item;
+    // Only move the items to the new parent, keeping the state
+        if (i.dropInTheSameTree) {
+      // Add the UI models to the new container and remove the UI models from
+      // the old containers
+      i.draggedItems.forEach(h(this, L, "f").call(this, o));
+      // When the selected items are moved, the tree must update its internal
+      // state to not have undefined references
+            if (i.draggingSelectedItems) {
+        h(this, R, "f").call(this);
+      }
+    }
+    // Add the new items
+     else {
+      if (r == null) {
+        return;
+      }
+      // Add new items to the parent
+            o.items.push(...r);
+      // Flatten the new UI models
+            r.forEach(h(this, O, "f").call(this, o));
+    }
+    h(this, F, "f").call(this, o.items);
+    // Open the item to visualize the new subitems
+        o.expanded = true;
+    // Re-sync checked items
+        h(this, V, "f").call(this);
+    // Update filters
+        h(this, Y, "f").call(this);
+    // Force re-render
+        t(this);
+  }
+  /**
+         * Given a list of ids, it returns an array of the items that exists in the
+         * given list.
+         */  async getItemsInfo(t) {
+    return h(this, z, "f").call(this, t);
+  }
+  /**
+         * Given an item id, an array of items to add, the download status and the
+         * lazy state, updates the item's UI Model.
+         */  async loadLazyContent(e, i, r = false, a = false) {
+    const o = h(this, d, "f").get(e).item;
+    // Establish that the content was lazy loaded
+        o.downloading = r;
+    o.lazy = a;
+    // Check if there is items to add
+        if (i == null) {
+      return;
+    }
+    // @todo What happens in the server when dropping items on a lazy node?
+        o.items = i;
+    h(this, F, "f").call(this, o.items);
+    h(this, S, "f").call(this, o);
+    // Re-sync checked items
+        h(this, V, "f").call(this);
+    // Update filters
+        h(this, Y, "f").call(this);
+    // Force re-render
+        t(this);
+  }
+  /**
+         * Given a list of ids, removes the items and their children in the tree.
+         */  async removeItems(e) {
+    const i = removeTreeViewItems(e, h(this, d, "f"), h(this, g, "f"), h(this, p, "f"));
+    if (!h(this, j, "f").call(this)) {
+      // Update selected items
+      if (i.atLeastOneSelected) {
+        h(this, Z, "f").call(this);
+      }
+      // Re-sync checked items
+            if (i.atLeastOneCheckbox) {
+        h(this, V, "f").call(this);
+      }
+    }
+    // Force re-render
+        if (i.atLeastOneElement) {
+      t(this);
+      // Update filters
+            h(this, Y, "f").call(this, "immediate");
+    }
+  }
+  /**
+         * Given an item id and the additional properties to update before and after
+         * reload, it reloads the items of the `itemId` node by using the
+         * `lazyLoadTreeItemsCallback` property.
+         */  async reloadItems(t, e, i) {
+    reloadItems(this.el, t, h(this, d, "f"), this.lazyLoadTreeItemsCallback, ((t, e) => this.loadLazyContent(t, e)), (t => this.removeItems(t)), e, i);
+  }
+  /**
+         * Given the path of the item (represent by a sorted array containing all ids
+         * from the root to the item) and the additional properties to update after,
+         * it displays and scrolls into the item view.
+         * The path can also be a string representing the id of the item to scroll
+         * into.
+         */  async scrollIntoVisible(e, i) {
+    const r = typeof e === "string";
+    const a = await (r ? scrollIntoVisibleId(e, h(this, d, "f")) : scrollIntoVisiblePath(e, h(this, d, "f"), h(this, u, "f"), this.lazyLoadTreeItemsCallback));
+    if (!a) {
+      return;
+    }
+    const o = r ? e : e[e.length - 1];
+    if (i) {
+      this.updateItemsProperties([ o ], i);
+    }
+    t(this);
+    // @todo For some reason, when the model is created using the "big model" option,
+    // this implementation does not work when only the UI Model is updated. So, to
+    // expand the items, we have to delegate the responsibility to the tree-view
+        h(this, y, "f").scrollIntoVisible(o);
+  }
+  /**
+         * This method is used to toggle a tree item by the tree item id/ids.
+         *
+         * @param treeItemIds An array id the tree items to be toggled.
+         * @param expand A boolean indicating that the tree item should be expanded or collapsed. (optional)
+         * @returns The modified items after the method was called.
+         */  async toggleItems(e, i) {
+    if (!e) {
+      return [];
+    }
+    const r = [];
+    e.forEach((t => {
+      const e = h(this, d, "f").get(t).item;
+      if (e) {
+        e.expanded = i !== null && i !== void 0 ? i : !e.expanded;
+        r.push({
+          id: e.id,
+          expanded: e.expanded
+        });
+      }
+    }));
+    // Force re-render
+        t(this);
+    return r;
+  }
+  /**
+         * Given a subset of item's properties, it updates all item UI models.
+         */  async updateAllItemsProperties(e) {
+    [ ...h(this, d, "f").values() ].forEach((t => {
+      if (e.expanded != null) {
+        t.item.expanded = e.expanded;
+      }
+      if (e.checked != null) {
+        t.item.checked = e.checked;
+        t.item.indeterminate = false;
+      }
+    }));
+    // Update filters
+        if (e.checked != null) {
+      h(this, Y, "f").call(this);
+    }
+    t(this);
+  }
+  /**
+         * Given a item list and the properties to update, it updates the properties
+         * of the items in the list.
+         */  async updateItemsProperties(e, i) {
+    // Set to check if there are new selected items
+    const r = new Set(h(this, p, "f"));
+    // Map to check if there are new items with checkbox
+        const a = new Map(h(this, g, "f"));
+    e.forEach((t => {
+      updateItemProperty(t, i, h(this, d, "f"), r, a, this.checkbox);
+    }));
+    // MultiSelection is disabled. We must select the last updated item
+        if (!this.multiSelection) {
+      h(this, D, "f").call(this, r);
+    }
+    // Update filters if necessary
+        if (h(this, j, "f").call(this)) {
+      h(this, Y, "f").call(this);
+    } else {
+      h(this, q, "f").call(this, a);
+      h(this, A, "f").call(this, r);
+    }
+    t(this);
+  }
+  /**
+         * Update the information about the valid droppable zones.
+         * @param requestTimestamp Time where the request to the server was made. Useful to avoid having old information.
+         * @param newContainerId ID of the container where the drag is trying to be made.
+         * @param draggedItems Information about the dragged items.
+         * @param validDrop Current state of the droppable zone.
+         */  async updateValidDropZone(t, e, i, r) {
+    h(this, y, "f").updateValidDropZone(t, e, i, r);
+  }
+  updateCheckboxValue(e) {
+    e.stopPropagation();
+    const i = e.detail;
+    const r = i.id;
+    const a = h(this, g, "f").get(r);
+    // In some cases, when the `treeModel` and `checked` properties are updated
+    // outside of the tree control, some events are fired with undefined references
+        if (!a) {
+      return;
+    }
+    const o = a.item;
+    o.checked = i.checked;
+    o.indeterminate = i.indeterminate;
+    h(this, V, "f").call(this);
+    // Update filters
+        if (this.filterType === "checked" || this.filterType === "unchecked") {
+      h(this, Y, "f").call(this);
+    }
+    // Force re-render
+        t(this);
+  }
+  loadLazyChildrenHandler(t) {
+    if (!this.lazyLoadTreeItemsCallback) {
+      return;
+    }
+    t.stopPropagation();
+    const e = t.detail;
+    const i = this.lazyLoadTreeItemsCallback(e);
+    t.target.downloading = true;
+    i.then((t => {
+      this.loadLazyContent(e, t);
+    }));
+  }
+  handleCaptionModification(e) {
+    if (!this.modifyItemCaptionCallback) {
+      return;
+    }
+    e.stopPropagation();
+    const i = e.target;
+    const r = e.detail.id;
+    const a = h(this, d, "f").get(r);
+    const o = a.item;
+    const n = e.detail.caption;
+    const s = o.caption;
+    // Optimistic UI: Update the caption in the UI Model before the change is
+    // completed in the server
+        o.caption = n;
+    // Due to performance reasons, we don't make a shallow copy of the
+    // treeModel to force a re-render
+        i.caption = n;
+    const l = this.modifyItemCaptionCallback(r, n);
+    l.then((e => {
+      if (e.success) {
+        h(this, F, "f").call(this, a.parentItem.items);
+        // Update filters
+                h(this, Y, "f").call(this);
+        // Force re-render
+                t(this);
+      } else {
+        i.caption = s;
+        o.caption = s;
+        // Do something with the error message
+            }
+    }));
+  }
+  handleOpenReference(t) {
+    t.stopPropagation();
+    this.itemOpenReference.emit(t.detail);
+  }
+  componentWillLoad() {
+    if (this.useGxRender) {
+      this.renderItem = GXRenderItem;
+    }
+    h(this, P, "f").call(this);
+  }
+  componentWillRender() {
+    if (!h(this, v, "f") && !h(this, m, "f") && !h(this, b, "f")) {
+      return;
+    }
+    // If the filters must be applied, we must let the filters decided which
+    // are the selected and checked items
+        if (h(this, b, "f")) {
+      h(this, B, "f").call(this);
+      f(this, b, false, "f");
+      return;
+    }
+    h(this, $, "f").call(this);
+  }
+  render() {
+    return a("ch-tree-view", {
+      class: this.cssClass || null,
+      multiSelection: this.multiSelection,
+      selectedItemsCallback: h(this, H, "f"),
+      waitDropProcessing: this.waitDropProcessing,
+      onDroppableZoneEnter: h(this, M, "f"),
+      onExpandedItemChange: h(this, I, "f"),
+      onItemContextmenu: h(this, W, "f"),
+      onItemsDropped: h(this, _, "f"),
+      onSelectedItemsChange: h(this, C, "f"),
+      ref: t => f(this, y, t, "f")
+    }, this.treeModel.map(((t, e) => this.renderItem(t, this, h(this, j, "f").call(this), this.showLines !== "none" && e === this.treeModel.length - 1, 0))));
+  }
+  static get watchers() {
+    return {
+      filter: [ "handleFilterChange" ],
+      filterDebounce: [ "handleFilterDebounceChange" ],
+      filterList: [ "handleFilterListChange" ],
+      filterOptions: [ "handleFilterOptionsChange" ],
+      filterType: [ "handleFilterTypeChange" ],
+      multiSelection: [ "handleMultiSelectionChange" ],
+      treeModel: [ "handleTreeModelChange" ]
+    };
+  }
+}, d = new WeakMap, g = new WeakMap, p = new WeakMap, v = new WeakMap, m = new WeakMap, 
+u = new WeakMap, b = new WeakMap, w = new WeakMap, x = new WeakMap, k = new WeakMap, 
+y = new WeakMap, z = new WeakMap, M = new WeakMap, C = new WeakMap, I = new WeakMap, 
+W = new WeakMap, _ = new WeakMap, D = new WeakMap, L = new WeakMap, S = new WeakMap, 
+O = new WeakMap, T = new WeakMap, j = new WeakMap, F = new WeakMap, P = new WeakMap, 
+E = new WeakMap, V = new WeakMap, R = new WeakMap, Z = new WeakMap, X = new WeakMap, 
+Y = new WeakMap, q = new WeakMap, A = new WeakMap, B = new WeakMap, $ = new WeakMap, 
+H = new WeakMap, G);
+
+ot.style = c;
+
+const resolveImgPath = (t, e) => `${t}/${e}.svg`;
+
+const nt = ':root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-01--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-02{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-02--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-03{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-03--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-04{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-04--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-05{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em}.gxg-title-05--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em;color:var(--color-on-primary)}.gxg-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-text--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-text--gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--gray-05)}.gxg-quote{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;font-style:italic}.gxg-quote--negative{color:var(--color-on-primary)}.gxg-link{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--color-primary-hover)}.gxg-link:active{color:var(--color-primary-active)}.gxg-link-gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04)}.gxg-link-gray:hover{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04);color:var(--gray-06)}.gxg-alert-error{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-error-dark);display:inline-block}.gxg-alert-warning{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-warning-dark);display:inline-block}.gxg-alert-success{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-success-dark);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-button-styles{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-scrollbar{cursor:initial}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width, 6px);height:var(--gxg-scrollbar-width, 6px)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background, --gray-02);border-radius:var(--gxg-scrollbar-track-border-radius, 10px)}.gxg-scrollbar::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background, --gray-05);border-radius:var(--gxg-scrollbar-track-thumb-radius, 10px);border:var(--gxg-scrollbar-track-thumb-border);background-clip:padding-box}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background, --gray-04)}gxg-tree-view{--gxg-tree-view-icon-size:var(--spacing-comp-03);display:contents;color:var(--color-on-background);font-family:var(--font-family-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-regular)}.tree-view{cursor:initial}.tree-view::-webkit-scrollbar{width:var(--gxg-scrollbar-width, 6px);height:var(--gxg-scrollbar-width, 6px)}.tree-view::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background, --gray-02);border-radius:var(--gxg-scrollbar-track-border-radius, 10px)}.tree-view::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background, --gray-05);border-radius:var(--gxg-scrollbar-track-thumb-radius, 10px);border:var(--gxg-scrollbar-track-thumb-border);background-clip:padding-box}.tree-view::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background, --gray-04)}.tree-view .ch-tree-view-container{padding:7px;}.tree-view-item{--ch-tree-view-view__checkbox-size:var(--gxg-checkbox-size);--ch-tree-view-view__expandable-button-width:var(--gxg-tree-view-icon-size);--ch-tree-view-item-gap:var(--spacing-comp-02);--ch-tree-view-item-custom-padding-inline-start:var(--spacing-comp-01);--ch-tree-view-item-custom-padding-inline-end:var(--spacing-comp-01);}.tree-view-item::part(dashed-line){border-color:var(--gray-02)}.tree-view-item::part(header){min-height:var(--spacing-comp-05);padding-top:var(--spacing-comp-00);padding-bottom:var(--spacing-comp-00);padding-inline-end:var(--spacing-comp-02)}.tree-view-item::part(header):hover{background-color:var(--gxg-background-color--hover);color:var(--gxg-color--hover)}.tree-view-item::part(header):focus{outline:var(--border-width-md) solid var(--gxg-border-color--focused);outline-offset:-2px}.tree-view-item[selected]::part(header){background-color:var(--gxg-background-color--selected)}.tree-view-item[selected]::part(header):hover{background-color:var(--gxg-background-color--selected-hover)}.tree-view-item::part(expandable-button){background-color:var(--gray-00)}.tree-view-item::part(expandable-button)::before{background-color:var(--gray-04);-webkit-mask-position:center;-webkit-mask-repeat:no-repeat}.tree-view-item::part(expandable-button):hover{background-color:var(--color-background)}.tree-view-item::part(expandable-button):focus{outline:var(--border-width-md) solid var(--gxg-border-color--focused);outline-offset:0}.tree-view-item::part(left-img){width:var(--spacing-comp-04);height:var(--spacing-comp-04)}.tree-view-item::part(downloading){width:var(--spacing-comp-03);height:var(--spacing-comp-03);border:var(--border-width-md) solid var(--color-primary-enabled);border-inline-start-color:transparent}.tree-view-item::part(checkbox__container){border-color:var(--gray-04);background-color:var(--color-background)}.tree-view-item::part(checkbox__container):after{content:"";position:absolute;display:block;border:solid;border-color:transparent;z-index:0}.tree-view-item::part(checkbox__container):focus-within{box-shadow:none;outline:var(--border-width-md) solid var(--gxg-border-color--focused);outline-offset:-2px}.tree-view-item::part(checkbox__option){display:none}.tree-view-item::part(checkbox__container checkbox__checked):after{left:5.5px;top:3px;width:4px;height:7px;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);border-color:var(--color-primary-active);transition-property:border-color;transition-duration:var(--ui-animaton-speed);transition-timing-function:ease}.tree-view-item::part(checkbox__container checkbox__indeterminate):after{left:50%;top:50%;width:8px;height:1.5px;border:0;background-color:var(--color-primary-active);-webkit-transform:rotate(0) translateY(-50%) translateX(-50%);-ms-transform:rotate(0) translateY(-50%) translateX(-50%);transform:rotate(0) translateY(-50%) translateX(-50%)}.tree-view-item::part(checkbox__input){position:relative;z-index:1}.tree-view-item--folder::part(action)::before,.tree-view-item--module::part(action)::before{grid-area:left-img;content:"";width:var(--gxg-tree-view-icon-size);height:var(--gxg-tree-view-icon-size);margin-inline-end:var(--ch-tree-view-item-gap);background-repeat:no-repeat}.tree-view-item--folder::part(action)::before{background-image:url("/build/icon-assets/objects/folder.svg")}.tree-view-item--folder::part(action expanded)::before{background-image:url("/build/icon-assets/objects/folder-open.svg")}.tree-view-item--module::part(action)::before{background-image:url("/build/icon-assets/objects/module.svg")}.tree-view-item--module::part(action expanded)::before{background-image:url("/build/icon-assets/objects/module-open.svg")}.tree-view-item--pending-commit::part(action)::before{content:"";position:relative;z-index:1;grid-area:left-img;width:5px;height:5px;align-self:end;margin-block-end:3px;margin-inline-start:1px;background-color:var(--color-primary-enabled);border-radius:50%}.tree-view-item--editing::part(header){border:2px solid transparent}.tree-view .ch-tree-view-drag-info{padding-inline:6px;padding-block:2px;background-color:#cfdee6;border:1px solid #0266a0;border-radius:10px;font-size:8px}';
+
+const st = false;
+
+const lt = false;
+
+const ct = true;
+
+const ht = o(`./icon-assets`);
+
+const defaultRenderItem = (t, e, i, r, o) => {
+  var n, s, l, c, h, f, d;
+  return (e.filterType === "none" || t.render !== false) && a("ch-tree-view-item", {
+    key: t.id,
+    id: t.id,
+    caption: t.caption,
+    checkbox: (n = t.checkbox) !== null && n !== void 0 ? n : e.checkbox,
+    checked: (s = t.checked) !== null && s !== void 0 ? s : e.checked,
+    class: t.class,
+    disabled: t.disabled,
+    downloading: t.downloading,
+    dragDisabled: (l = t.dragDisabled) !== null && l !== void 0 ? l : e.dragDisabled,
+    dropDisabled: (c = t.dropDisabled) !== null && c !== void 0 ? c : e.dropDisabled,
+    editable: (h = t.editable) !== null && h !== void 0 ? h : e.editableItems,
+    expanded: t.expanded,
+    expandableButton: (f = t.expandableButton) !== null && f !== void 0 ? f : e.expandableButton,
+    expandOnClick: e.expandOnClick,
+    indeterminate: t.indeterminate,
+    lastItem: r,
+    lazyLoad: t.lazy,
+    leaf: t.leaf,
+    leftImgSrc: t.leftImgSrc ? resolveImgPath(ht, t.leftImgSrc) : null,
+    level: o,
+    metadata: t.metadata,
+    rightImgSrc: t.rightImgSrc,
+    selected: t.selected,
+    showLines: e.showLines,
+    toggleCheckboxes: (d = t.toggleCheckboxes) !== null && d !== void 0 ? d : e.toggleCheckboxes
+  }, !t.leaf && t.items != null && t.items.map(((r, a) => defaultRenderItem(r, e, i, e.showLines !== "none" && (
+  // If there is a filter applied in the current list, use the
+  // lastItemId value to calculate the last item
+  i && t.lastItemId !== "" ? r.id === t.lastItemId : a === t.items.length - 1), o + 1))));
+};
+
+const ft = class {
+  constructor(t) {
+    e(this, t);
+    this.checkedItemsChange = i(this, "checkedItemsChange", 7);
+    this.itemContextmenu = i(this, "itemContextmenu", 7);
+    this.itemOpenReference = i(this, "itemOpenReference", 7);
+    this.selectedItemsChange = i(this, "selectedItemsChange", 7);
+    this.checkbox = false;
+    this.checked = false;
+    this.checkDroppableZoneCallback = undefined;
+    this.cssClass = "tree-view";
+    this.dragDisabled = st;
+    this.dropDisabled = lt;
+    this.dropItemsCallback = undefined;
+    this.editableItems = ct;
+    this.expandableButton = "decorative";
+    this.expandOnClick = true;
+    this.filter = undefined;
+    this.filterDebounce = 0;
+    this.filterList = [];
+    this.filterOptions = {};
+    this.filterType = "none";
+    this.lazyLoadTreeItemsCallback = undefined;
+    this.modifyItemCaptionCallback = undefined;
+    this.multiSelection = false;
+    this.renderItem = defaultRenderItem;
+    this.showLines = "all";
+    this.sortItemsCallback = undefined;
+    this.toggleCheckboxes = false;
+    this.treeModel = [];
+  }
+  /**
+     * Given an item id, an array of items to add, the download status and the
+     * lazy state, updates the item's UI Model.
+     */  async loadLazyContent(t, e, i = false, r = false) {
+    this.treeRef.loadLazyContent(t, e, i, r);
+  }
+  /**
+     * Given a list of ids, removes the items and their children in the tree.
+     */  async removeItems(t) {
+    this.treeRef.removeItems(t);
+  }
+  /**
+     * Given an item id and the additional properties to update before and after
+     * reload, it reloads the items of the `itemId` node by using the
+     * `lazyLoadTreeItemsCallback` property.
+     */  async reloadItems(t, e, i) {
+    this.treeRef.reloadItems(t, e, i);
+  }
+  /**
+     * Given the path of the item (represent by a sorted array containing all ids
+     * from the root to the item) and the additional properties to update after,
+     * it displays and scrolls into the item view.
+     * The path can also be a string representing the id of the item to scroll
+     * into.
+     */  async scrollIntoVisible(t, e) {
+    this.treeRef.scrollIntoVisible(t, e);
+  }
+  /**
+     * This method is used to toggle a tree item by the tree item id/ids.
+     *
+     * @param treeItemIds An array id the tree items to be toggled.
+     * @param expand A boolean indicating that the tree item should be expanded or collapsed. (optional)
+     * @returns The modified items after the method was called.
+     */  async toggleItems(t, e) {
+    return this.treeRef.toggleItems(t, e);
+  }
+  /**
+     * Given a subset of item's properties, it updates all item UI models.
+     */  async updateAllItemsProperties(t) {
+    this.treeRef.updateAllItemsProperties(t);
+  }
+  /**
+     * Given a item list and the properties to update, it updates the properties
+     * of the items in the list.
+     */  async updateItemsProperties(t, e) {
+    this.treeRef.updateItemsProperties(t, e);
+  }
+  /**
+     * Update the information about the valid droppable zones.
+     * @param requestTimestamp Time where the request to the server was made. Useful to avoid having old information.
+     * @param newContainerId ID of the container where the drag is trying to be made.
+     * @param draggedItems Information about the dragged items.
+     * @param validDrop Current state of the droppable zone.
+     */  async updateValidDropZone(t, e, i, r) {
+    this.treeRef.updateValidDropZone(t, e, i, r);
+  }
+  render() {
+    return a("ch-tree-view-render", {
+      checkbox: this.checkbox,
+      checked: this.checked,
+      checkDroppableZoneCallback: this.checkDroppableZoneCallback,
+      cssClass: this.cssClass,
+      dragDisabled: this.dragDisabled,
+      dropDisabled: this.dropDisabled,
+      dropItemsCallback: this.dropItemsCallback,
+      editableItems: this.editableItems,
+      expandOnClick: this.expandOnClick,
+      filter: this.filter,
+      filterList: this.filterList,
+      filterOptions: this.filterOptions,
+      filterDebounce: this.filterDebounce,
+      filterType: this.filterType,
+      lazyLoadTreeItemsCallback: this.lazyLoadTreeItemsCallback,
+      modifyItemCaptionCallback: this.modifyItemCaptionCallback,
+      multiSelection: this.multiSelection,
+      renderItem: this.renderItem,
+      showLines: this.showLines,
+      sortItemsCallback: this.sortItemsCallback,
+      toggleCheckboxes: this.toggleCheckboxes,
+      treeModel: this.treeModel,
+      ref: t => this.treeRef = t
+    });
+  }
+};
+
+ft.style = nt;
+
+export { ot as ch_tree_view_render, ft as gxg_tree_view };
+//# sourceMappingURL=p-8dca63f8.entry.js.map