@genexus/genexus-ide-ui 0.0.93 → 0.0.94

package/dist/genexus-ide-ui/p-bd97454f.entry.js

@@ -1,1079 +0,0 @@
-import { f as t, r as e, c as i, h as r, a as o } from "./p-1e275d2c.js";
-
-import { f as a } from "./p-c45291c1.js";
-
-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 n = {
-  caption: (t, e) => e.filter ? filterWithString(t.caption ?? "", e.filter, e.filterOptions) : true,
-  checked: (t, e) => (t.checkbox ?? 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) => (t.checkbox ?? e.defaultCheckbox) && !t.indeterminate && !(t.checked ?? e.defaultChecked)
-};
-
-const computeFilter = (t, e, i) => i.filterOptions?.hideMatchesAndShowNonMatches === true ? !n[t](e, i) : n[t](e, i)
-/**
- * Removes an element from an array, returning the deleted element.
- */;
-
-const removeElement = (t, e) => t.splice(e, 1);
-
-const removeTreeViewItems = (t, e, i, r) => {
-  let o = false;
-  let a = false;
-  let n = false;
-  t.forEach((t => {
-    const s = e.get(t);
-    if (s) {
-      const l = s.item;
-      const c = s.parentItem.items;
-      // Remove subitems
-            if (l.leaf !== true && l.items?.length > 0) {
-        const t = l.items.map((t => t.id));
-        removeTreeViewItems(t, e, i, r);
-      }
-      // Remove item
-            o ||= e.delete(t);
-      a ||= i.delete(t);
-      n ||= r.delete(t);
-      removeElement(c, c.findIndex((e => e.id === t)));
-    }
-  }));
-  return {
-    atLeastOneElement: o,
-    atLeastOneCheckbox: a,
-    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 o = t.length - 1;
-  // Initialize item
-    let a = e.get(t[o]);
-  // Find the last item that is rendered
-    while (a === undefined && o > 0) {
-    o--;
-    a = e.get(t[o]);
-  }
-  if (!a) {
-    return resolveNewPromise(false);
-  }
-  const n = o;
-  // Check if the rest of the path up to the root is valid
-    while (o >= 0) {
-    if (e.get(t[o]) === undefined) {
-      return resolveNewPromise(false);
-    }
-    o--;
-  }
-  // 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 updateItemProperty = (t, e, i) => {
-  const r = i.get(t);
-  if (!r) {
-    return;
-  }
-  const o = r.item;
-  Object.keys(e).forEach((t => {
-    if (e[t] !== undefined) {
-      o[t] = e[t];
-    }
-  }));
-};
-
-const reloadItems = (e, i, r, o, a, n, s, l) => {
-  const c = r.get(i);
-  if (!o || !c || c.item.leaf === true) {
-    return;
-  }
-  const h = !s && !l;
-  if (h) {
-    s = {
-      downloading: true
-    };
-    l = {
-      downloading: false
-    };
-  }
-  if (s) {
-    updateItemProperty(i, s, r);
-    t(e);
-  }
-  const d = o(i);
-  d.then((async t => {
-    // Store previous ids in a Set for efficient access
-    const s = new Set(c.item.items.map((t => t.id)));
-    const h = [];
-    // Reconcile the state of old items to new ones
-        t.forEach((t => {
-      const e = r.get(t.id);
-      // If the item previously existed in the client
-            if (e && s.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
-                s.delete(t.id);
-      }
-    }));
-    // Remove all the items that no longer exists in the node
-        if (s.size > 0) {
-      n([ ...s.keys() ]);
-    }
-    // Update the items of the reloaded node
-        await a(i, t);
-    if (l) {
-      updateItemProperty(i, l, r);
-    }
-    // Reload child items that were lazy loaded
-        h.forEach((t => reloadItems(e, t, r, o, a, n)));
-  }));
-};
-
-const s = "ch-tree-view-render{display:contents}";
-
-const l = false;
-
-const c = false;
-
-const h = "tree-view-item";
-
-const d = true;
-
-const g = false;
-
-const f = false;
-
-const m = false;
-
-const v = 0;
-
-const p = 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, o, a) => {
-  var n, s, l, c, h, d;
-  return (e.filterType === "none" || t.render !== false) && r("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,
-    indeterminate: t.indeterminate,
-    lastItem: o,
-    lazyLoad: t.lazy,
-    leaf: t.leaf,
-    leftImgSrc: t.leftImgSrc,
-    level: a,
-    metadata: t.metadata,
-    rightImgSrc: t.rightImgSrc,
-    selected: t.selected,
-    showExpandableButton: t.showExpandableButton,
-    showLines: e.showLines,
-    toggleCheckboxes: (d = t.toggleCheckboxes) !== null && d !== void 0 ? d : e.toggleCheckboxes
-  }, !t.leaf && t.items != null && t.items.map(((r, o) => 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 : o === t.items.length - 1), a + 1))));
-};
-
-const GXRenderItem = (t, e, i, o, n) => {
-  var s, l, c, h;
-  return (e.filterType === "none" || t.render !== false) && r("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,
-    indeterminate: t.indeterminate,
-    lastItem: o,
-    lazyLoad: t.lazy,
-    leaf: t.leaf,
-    leftImgSrc: a(t.leftImage, e.gxSettings, e.gxImageConstructor),
-    level: n,
-    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, o) => 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 : o === t.items.length - 1), n + 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 u = class {
-  constructor(t) {
-    // UI Models
-    this.flattenedTreeModel = new Map;
-    this.flattenedCheckboxTreeModel = new Map;
-    this.selectedItems = new Set;
-    this.emitCheckedChange = false;
-    // Filters info
-        this.applyFilters = false;
-    this.handleDroppableZoneEnter = 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);
-      }));
-    };
-    this.handleSelectedItemsChange = t => {
-      t.stopPropagation();
-      const e = new Map(t.detail);
-      // Remove no longer selected items
-            this.selectedItems.forEach((t => {
-        const i = this.flattenedTreeModel.get(t).item;
-        const r = e.get(t);
-        // The item does not need to be added. Remove it from the processed list
-                if (r) {
-          i.expanded = r.expanded;
- // Update expanded state
-                    e.delete(t);
-        }
-        // The item must be un-selected in the UI Model
-         else {
-          i.selected = false;
-          this.selectedItems.delete(t);
-        }
-      }));
-      // Add new selected items
-            e.forEach(((t, e) => {
-        const i = this.flattenedTreeModel.get(e).item;
-        i.selected = true;
-        i.expanded = t.expanded;
-        this.selectedItems.add(e);
-      }));
-      // Update selected items
-            this.emitSelectedItemsChange([ ...t.detail.keys() ]);
-    };
-    this.handleExpandedItemChange = t => {
-      const e = t.detail;
-      const i = this.flattenedTreeModel.get(e.id).item;
-      i.expanded = e.expanded;
-    };
-    this.handleItemContextmenu = t => {
-      t.stopPropagation();
-      this.itemContextmenu.emit(t.detail);
-    };
-    this.handleItemsDropped = t => {
-      const e = t.detail;
-      const i = e.newContainer;
-      const r = i.id;
-      // Check if the parent exists in the UI Model
-            if (!this.flattenedTreeModel.get(r)) {
-        return;
-      }
-      const o = e.draggedItems;
-      if (o.length === 0 || !this.dropItemsCallback) {
-        return;
-      }
-      t.stopPropagation();
-      const a = this.dropItemsCallback(e);
-      this.waitDropProcessing = true;
-      a.then((async t => {
-        this.dropItems(t.acceptDrop, e, t.items);
-        this.waitDropProcessing = false;
-      }));
-    };
-    this.moveItemToNewParent = t => e => {
-      const i = this.flattenedTreeModel.get(e.id);
-      const r = i.item;
-      const o = i.parentItem;
-      // Remove the UI model from the previous parent. The equality function
-      // must be by index, not by object reference
-            o.items.splice(o.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;
-    };
-    this.flattenItemUIModel = t => e => {
-      var i, r, o, a, n, s;
-      this.flattenedTreeModel.set(e.id, {
-        parentItem: t,
-        item: e
-      });
-      // Add the items that have a checkbox in a separate Map
-            if ((i = e.checkbox) !== null && i !== void 0 ? i : this.checkbox) {
-        this.flattenedCheckboxTreeModel.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 = h);
-      (r = e.expanded) !== null && r !== void 0 ? r : e.expanded = g;
-      (o = e.indeterminate) !== null && o !== void 0 ? o : e.indeterminate = f;
-      (a = e.lazy) !== null && a !== void 0 ? a : e.lazy = m;
-      (n = e.order) !== null && n !== void 0 ? n : e.order = v;
-      (s = e.selected) !== null && s !== void 0 ? s : e.selected = p;
-      if (e.selected) {
-        this.selectedItems.add(e.id);
-      }
-      this.flattenSubModel(e);
-    };
-    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.waitDropProcessing = false;
-    this.checkbox = false;
-    this.checked = false;
-    this.checkDroppableZoneCallback = undefined;
-    this.cssClass = "tree-view";
-    this.dragDisabled = l;
-    this.dropDisabled = c;
-    this.dropItemsCallback = undefined;
-    this.editableItems = d;
-    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;
-  }
-  handleFilterChange() {
-    if (this.filterType === "caption" || this.filterType === "metadata") {
-      this.processFilters();
-    }
-  }
-  handleFilterDebounceChange() {
-    if (this.filterType === "caption" || this.filterType === "metadata") {
-      this.processFilters();
-    }
-  }
-  handleFilterListChange() {
-    // Use a Set to efficiently check for ids
-    this.filterListAsSet = new Set(this.filterList);
-    if (this.filterType === "list") {
-      this.processFilters();
-    }
-  }
-  handleFilterOptionsChange() {
-    this.processFilters();
-  }
-  handleFilterTypeChange() {
-    this.processFilters();
-  }
-  handleTreeModelChange() {
-    this.flattenModel();
-  }
-  /**
-     * 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 o = i.newContainer.id;
-    const a = this.flattenedTreeModel.get(o).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(this.moveItemToNewParent(a));
-      // When the selected items are moved, the tree must remove its internal
-      // state to not have undefined references
-            if (i.draggingSelectedItems) {
-        await this.treeRef.clearSelectedItemsInfo();
-      }
-    }
-    // Add the new items
-     else {
-      if (r == null) {
-        return;
-      }
-      // Add new items to the parent
-            a.items.push(...r);
-      // Flatten the new UI models
-            r.forEach(this.flattenItemUIModel(a));
-    }
-    this.sortItems(a.items);
-    // Open the item to visualize the new subitems
-        a.expanded = true;
-    // Re-sync checked items
-        this.emitCheckedItemsChange();
-    // Update filters
-        this.processFilters();
-    // 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 this._getItemsInfo(t);
-  }
-  _getItemsInfo(t) {
-    const e = [];
-    t.forEach((t => {
-      const i = this.flattenedTreeModel.get(t);
-      if (i) {
-        e.push(i);
-      }
-    }));
-    return e;
-  }
-  /**
-     * 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, o = false) {
-    const a = this.flattenedTreeModel.get(e).item;
-    // Establish that the content was lazy loaded
-        a.downloading = r;
-    a.lazy = o;
-    // Check if there is items to add
-        if (i == null) {
-      return;
-    }
-    // @todo What happens in the server when dropping items on a lazy node?
-        a.items = i;
-    this.sortItems(a.items);
-    this.flattenSubModel(a);
-    // Re-sync checked items
-        this.emitCheckedItemsChange();
-    // Update filters
-        this.processFilters();
-    // 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, this.flattenedTreeModel, this.flattenedCheckboxTreeModel, this.selectedItems);
-    if (!treeViewHasFilters(this.filterType, this.filter)) {
-      // Update selected items
-      if (i.atLeastOneSelected) {
-        this.emitSelectedItemsChange([ ...this.selectedItems.keys() ]);
-      }
-      // Re-sync checked items
-            if (i.atLeastOneCheckbox) {
-        this.emitCheckedItemsChange();
-      }
-    }
-    // Force re-render
-        if (i.atLeastOneElement) {
-      t(this);
-      // Update filters
-            this.processFilters("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, t, this.flattenedTreeModel, 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 o = await (r ? scrollIntoVisibleId(e, this.flattenedTreeModel) : scrollIntoVisiblePath(e, this.flattenedTreeModel, this.rootNode, this.lazyLoadTreeItemsCallback));
-    if (!o) {
-      return;
-    }
-    const a = r ? e : e[e.length - 1];
-    if (i) {
-      updateItemProperty(a, i, this.flattenedTreeModel);
-    }
-    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
-        this.treeRef.scrollIntoVisible(a);
-  }
-  /**
-     * 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 = this.flattenedTreeModel.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) {
-    [ ...this.flattenedTreeModel.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) {
-      this.processFilters();
-    }
-    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) {
-    e.forEach((t => {
-      updateItemProperty(t, i, this.flattenedTreeModel);
-    }));
-    // Update filters
-        this.processFilters();
-    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) {
-    this.treeRef.updateValidDropZone(t, e, i, r);
-  }
-  updateCheckboxValue(e) {
-    e.stopPropagation();
-    const i = e.detail;
-    const r = i.id;
-    const o = this.flattenedCheckboxTreeModel.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 (!o) {
-      return;
-    }
-    const a = o.item;
-    a.checked = i.checked;
-    a.indeterminate = i.indeterminate;
-    this.emitCheckedItemsChange();
-    // Update filters
-        if (this.filterType === "checked" || this.filterType === "unchecked") {
-      this.processFilters();
-    }
-    // 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 o = this.flattenedTreeModel.get(r);
-    const a = o.item;
-    const n = e.detail.caption;
-    const s = a.caption;
-    // Optimistic UI: Update the caption in the UI Model before the change is
-    // completed in the server
-        a.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) {
-        this.sortItems(o.parentItem.items);
-        // Update filters
-                this.processFilters();
-        // Force re-render
-                t(this);
-      } else {
-        i.caption = s;
-        a.caption = s;
-        // Do something with the error message
-            }
-    }));
-  }
-  handleOpenReference(t) {
-    t.stopPropagation();
-    this.itemOpenReference.emit(t.detail);
-  }
-  flattenSubModel(t) {
-    const e = t.items;
-    if (!e) {
-      // Make sure that subtrees don't have an undefined array
-      if (t.leaf !== true) {
-        t.items = [];
-      }
-      return;
-    }
-    this.sortItems(e);
-    e.forEach(this.flattenItemUIModel(t));
-  }
-  sortItems(t) {
-    // Ensure that items are sorted
-    if (this.sortItemsCallback) {
-      this.sortItemsCallback(t);
-    }
-  }
-  flattenModel() {
-    this.flattenedTreeModel.clear();
-    this.flattenedCheckboxTreeModel.clear();
-    this.selectedItems.clear();
-    // The model was updated at runtime, so we need to clear the references
-        if (this.treeRef) {
-      this.treeRef.clearSelectedItemsInfo();
-    }
-    this.rootNode = {
-      id: null,
-      caption: null,
-      items: this.treeModel
-    };
-    this.flattenSubModel(this.rootNode);
-    // Re-sync checked items
-        this.emitCheckedItemsChange();
-  }
-  filterSubModel(t, e) {
-    var i;
-    let r = false;
-    // Check if a subitem is rendered
-        if (t.leaf !== true && t.items != null) {
-      let i = undefined;
-      t.items.forEach((t => {
-        const o = this.filterSubModel(t, e);
-        r || (r = o);
-        if (o) {
-          i = t.id;
-        }
-      }));
-      t.lastItemId = i;
-    }
-    // The current item is rendered if it satisfies the filter condition or a
-    // subitem exists that needs to be rendered
-        const o = r || computeFilter(this.filterType, t, e);
-    t.render = o;
- // Update item render
-    // Update selected and checkbox items
-        if (o) {
-      if (t.selected) {
-        this.selectedItemsFilter.add(t.id);
-      }
-      if ((i = t.checkbox) !== null && i !== void 0 ? i : this.checkbox) {
-        const e = this.flattenedCheckboxTreeModel.get(t.id);
-        this.flattenedCheckboxTreeModelFilter.set(t.id, e);
-      }
-    }
-    return o;
-  }
-  emitCheckedItemsChange() {
-    this.emitCheckedChange = true;
-  }
-  emitSelectedItemsChange(t) {
-    const e = this._getItemsInfo(t);
-    this.selectedItemsChange.emit(e);
-  }
-  updateCheckedItems() {
-    const t = treeViewHasFilters(this.filterType, this.filter) ? this.flattenedCheckboxTreeModelFilter : this.flattenedCheckboxTreeModel;
-    // New copy of the checked items
-        const e = new Map(t);
-    // Update the checked value if not defined
-        e.forEach((t => {
-      var e;
-      var i;
-      (e = (i = t.item).checked) !== null && e !== void 0 ? e : i.checked = this.checked;
-    }));
-    this.checkedItemsChange.emit(e);
-  }
-  processFilters(t) {
-    var e;
-    this.applyFilters = true;
-    if (t !== undefined) {
-      (e = this.immediateFilter) !== null && e !== void 0 ? e : this.immediateFilter = t;
-    }
-  }
-  updateFilters() {
-    if (this.filterType === "none") {
-      // Remove memory allocation
-      this.flattenedCheckboxTreeModelFilter = undefined;
-      this.selectedItemsFilter = undefined;
-      return;
-    }
-    // Remove queued filter processing
-        clearTimeout(this.filterTimeout);
-    const e = this.filterDebounce > 0 && (this.filterType === "caption" || this.filterType === "metadata");
-    const filterFunction = () => {
-      // Allocate Map and Set
-      this.flattenedCheckboxTreeModelFilter = new Map;
-      this.selectedItemsFilter = new Set;
-      this.filterSubModel({
-        id: null,
-        caption: null,
-        items: this.treeModel
-      }, {
-        defaultCheckbox: this.checkbox,
-        defaultChecked: this.checked,
-        filter: this.filter,
-        filterOptions: this.filterOptions,
-        filterSet: this.filterListAsSet
-      });
-      // Emit that selected and checked items have changed, regardless of
-      // whether is true or not
-      // TODO: Check with the last filter if we must emit the event
-            this.updateCheckedItems();
-      this.emitSelectedItemsChange([ ...this.selectedItemsFilter.keys() ]);
-    };
-    // Check if should filter with debounce
-        if (e && this.immediateFilter !== "immediate") {
-      this.filterTimeout = setTimeout((() => {
-        this.immediateFilter = undefined;
-        filterFunction();
-        t(this);
- // After the filter processing is completed, force a re-render
-            }), this.filterDebounce);
-    }
-    // No debounce
-     else {
-      this.immediateFilter = undefined;
-      filterFunction();
-    }
-  }
-  componentWillLoad() {
-    if (this.useGxRender) {
-      this.renderItem = GXRenderItem;
-    }
-    this.flattenModel();
-    this.updateCheckedItems();
-    this.updateFilters();
-  }
-  componentWillUpdate() {
-    if (this.emitCheckedChange) {
-      this.updateCheckedItems();
-      this.emitCheckedChange = false;
-    }
-    if (this.applyFilters) {
-      this.updateFilters();
-      this.applyFilters = false;
-    }
-  }
-  render() {
-    return r("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: t => this.treeRef = t
-    }, this.treeModel.map(((t, e) => this.renderItem(t, this, treeViewHasFilters(this.filterType, this.filter), this.showLines !== "none" && e === this.treeModel.length - 1, 0))));
-  }
-  static get watchers() {
-    return {
-      filter: [ "handleFilterChange" ],
-      filterDebounce: [ "handleFilterDebounceChange" ],
-      filterList: [ "handleFilterListChange" ],
-      filterOptions: [ "handleFilterOptionsChange" ],
-      filterType: [ "handleFilterTypeChange" ],
-      treeModel: [ "handleTreeModelChange" ]
-    };
-  }
-};
-
-u.style = s;
-
-const resolveImgPath = (t, e) => `${t}/${e}.svg`;
-
-const b = ':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-04);font-family:var(--font-family-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-regular);color:var(--color-on-background);display:contents}.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):before{content:"";display:block}.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 x = false;
-
-const w = false;
-
-const y = true;
-
-const k = o(`./icon-assets`);
-
-const defaultRenderItem = (t, e, i, o, a) => {
-  var n, s, l, c, h, d;
-  return (e.filterType === "none" || t.render !== false) && r("ch-tree-view-item", {
-    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,
-    indeterminate: t.indeterminate,
-    lastItem: o,
-    lazyLoad: t.lazy,
-    leaf: t.leaf,
-    leftImgSrc: t.leftImgSrc ? resolveImgPath(k, t.leftImgSrc) : null,
-    level: a,
-    metadata: t.metadata,
-    rightImgSrc: t.rightImgSrc,
-    selected: t.selected,
-    showExpandableButton: t.showExpandableButton,
-    showLines: e.showLines,
-    toggleCheckboxes: (d = t.toggleCheckboxes) !== null && d !== void 0 ? d : e.toggleCheckboxes
-  }, !t.leaf && t.items != null && t.items.map(((r, o) => 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 : o === t.items.length - 1), a + 1))));
-};
-
-const z = 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 = x;
-    this.dropDisabled = w;
-    this.dropItemsCallback = undefined;
-    this.editableItems = y;
-    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 r("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,
-      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
-    });
-  }
-};
-
-z.style = b;
-
-export { u as ch_tree_view_render, z as gxg_tree_view };
-//# sourceMappingURL=p-bd97454f.entry.js.map