@genexus/genexus-ide-ui 0.0.61 → 0.0.63

package/dist/cjs/ch-checkbox.cjs.entry.js

@@ -1,93 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-5a32426a.js');
-const reserverdNames = require('./reserverd-names-1b00889a.js');
-
-const checkboxCss = "*,::before,::after{box-sizing:border-box}:host{display:flex;align-items:center;align-self:stretch;outline:unset;touch-action:manipulation;user-select:none}:host(.ch-checkbox--actionable) :is(.input,.label){cursor:pointer}.container{position:relative;width:min(1em, 20px);height:min(1em, 20px);border:1px solid var(--option-border-color, currentColor);border-radius:18.75%}.container--checked{background-color:var(--option-checked-color, #ffffff00)}.container:focus-within{box-shadow:0 0 1px 1px color-mix(in srgb, currentColor 25%, transparent)}.input{display:flex;width:100%;height:100%;opacity:0;margin:0;padding:0}.option{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:50%;height:50%;background-color:currentColor;opacity:0;pointer-events:none}.option--checked{opacity:1;-webkit-mask:url(\"data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' %3E%3Cpath fill='currentColor' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z' /%3E%3C/svg%3E\")}.option--indeterminate{opacity:1}.label{margin-inline-start:min(0.35em, 7px)}";
-
-const CHECKBOX_ID = "checkbox";
-const PARTS = (checked, indeterminate) => `${checked ? " checked" : ""}${indeterminate ? " indeterminate" : ""}`;
-const CheckBox = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.click = index.createEvent(this, "click", 7);
-    this.input = index.createEvent(this, "input", 7);
-    /**
-     * This attribute lets you specify if the element is disabled.
-     * If disabled, it will not fire any user interaction related event
-     * (for example, click event).
-     */
-    this.disabled = false;
-    /**
-     * True to highlight control when an action is fired.
-     */
-    this.highlightable = false;
-    /**
-     * `true` if the control's value is indeterminate.
-     */
-    this.indeterminate = false;
-    /**
-     * This attribute indicates that the user cannot modify the value of the control.
-     * Same as [readonly](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-readonly)
-     * attribute for `input` elements.
-     */
-    this.readonly = false;
-    this.getValue = (checked) => checked ? this.checkedValue : this.unCheckedValue;
-    /**
-     * Checks if it is necessary to prevent the click from bubbling
-     */
-    this.handleClick = (event) => {
-      if (this.readonly || this.disabled) {
-        return;
-      }
-      event.stopPropagation();
-    };
-    this.handleChange = (event) => {
-      event.stopPropagation();
-      const inputRef = event.target;
-      const checked = inputRef.checked;
-      const value = this.getValue(checked);
-      this.checked = checked;
-      this.value = value;
-      inputRef.value = value; // Update input's value before emitting the event
-      this.input.emit(event);
-      if (this.highlightable) {
-        this.click.emit();
-      }
-    };
-  }
-  valueChanged() {
-    this.checked = this.value === this.checkedValue;
-  }
-  componentWillLoad() {
-    this.checked = this.value === this.checkedValue;
-  }
-  render() {
-    var _a;
-    const additionalParts = PARTS(this.checked, this.indeterminate);
-    return (index.h(index.Host, { class: {
-        [reserverdNames.DISABLED_CLASS]: this.disabled,
-        "ch-checkbox--actionable": (!this.readonly && !this.disabled) ||
-          (this.readonly && this.highlightable)
-      } }, index.h("div", { class: {
-        container: true,
-        "container--checked": this.checked
-      }, part: `container${additionalParts}` }, index.h("input", { "aria-label": ((_a = this.accessibleName) === null || _a === void 0 ? void 0 : _a.trim()) !== "" &&
-        this.accessibleName !== this.caption
-        ? this.accessibleName
-        : null, id: this.caption ? CHECKBOX_ID : null, class: "input", part: "input", type: "checkbox", checked: this.checked, disabled: this.disabled || this.readonly, indeterminate: this.indeterminate, value: this.value, onClick: this.handleClick, onInput: this.handleChange }), index.h("div", { class: {
-        option: true,
-        "option--checked": this.checked && !this.indeterminate,
-        "option--indeterminate": this.indeterminate
-      }, part: `option${additionalParts}`, "aria-hidden": "true" })), this.caption && (index.h("label", { class: "label", part: "label", htmlFor: CHECKBOX_ID, onClick: this.handleClick }, this.caption))));
-  }
-  get element() { return index.getElement(this); }
-  static get watchers() { return {
-    "value": ["valueChanged"]
-  }; }
-};
-CheckBox.style = checkboxCss;
-
-exports.ch_checkbox = CheckBox;

package/dist/cjs/ch-next-data-modeling.cjs.entry.js

@@ -1,19 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-5a32426a.js');
-
-const nextDataModelingCss = "ch-next-data-modeling{--delete-icon:url('data:image/svg+xml,<svg width=\"14\" height=\"16\" viewBox=\"0 0 14 16\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M1.87729 4.55154H12.1585V14.3936C12.1613 14.8186 11.9944 15.2273 11.6949 15.5288C11.3953 15.8304 10.9878 16 10.5627 16H3.47304C3.04797 16 2.64046 15.8304 2.34089 15.5288C2.04133 15.2273 1.87447 14.8186 1.87729 14.3936V4.55154ZM10.5734 1.42436V1.25301C10.5676 0.559264 10.0035 0 9.30972 0H4.72605C4.03228 0 3.46821 0.559264 3.46233 1.25301V1.42436H0.078125V3.03079H14.0005V1.42436H10.5734Z\" fill=\"%23000\"/></svg>');--edit-icon:url('data:image/svg+xml,<svg width=\"17\" height=\"16\" viewBox=\"0 0 17 16\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M14.4291 5.4137L10.8838 1.73151L12.0517 0.50411C12.3715 0.168037 12.7644 0 13.2304 0C13.6964 0 14.089 0.168037 14.4082 0.50411L15.5761 1.73151C15.8958 2.06758 16.0627 2.47321 16.0766 2.94838C16.0905 3.42356 15.9376 3.82889 15.6178 4.16438L14.4291 5.4137ZM13.2195 6.70685L4.37728 16H0.832031V12.274L9.67429 2.98082L13.2195 6.70685Z\" fill=\"%23000\"/></svg>');display:grid;grid-template-columns:1fr;grid-auto-rows:min-content;flex:1;height:100%}";
-
-const NextDataModeling = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-  }
-  render() {
-    return (index.h(index.Host, { role: "list" }, index.h("slot", null)));
-  }
-};
-NextDataModeling.style = nextDataModelingCss;
-
-exports.ch_next_data_modeling = NextDataModeling;

package/dist/cjs/ch-test-tree-x.cjs.entry.js

@@ -1,458 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-5a32426a.js');
-
-const testTreeXCss = "ch-test-tree-x{display:contents}";
-
-const DEFAULT_DRAG_DISABLED_VALUE = false;
-const DEFAULT_DROP_DISABLED_VALUE = false;
-const DEFAULT_CLASS_VALUE = "tree-view-item";
-const DEFAULT_EDITABLE_ITEMS_VALUE = true;
-const DEFAULT_EXPANDED_VALUE = false;
-const DEFAULT_INDETERMINATE_VALUE = false;
-const DEFAULT_LAZY_VALUE = false;
-const DEFAULT_ORDER_VALUE = 0;
-const DEFAULT_SELECTED_VALUE = false;
-const ChTestTreeX = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.checkedItemsChange = index.createEvent(this, "checkedItemsChange", 7);
-    this.itemContextmenu = index.createEvent(this, "itemContextmenu", 7);
-    this.itemOpenReference = index.createEvent(this, "itemOpenReference", 7);
-    this.selectedItemsChange = index.createEvent(this, "selectedItemsChange", 7);
-    // UI Models
-    this.flattenedTreeModel = new Map();
-    this.flattenedCheckboxTreeModel = new Map();
-    this.selectedItems = new Set();
-    /**
-     * This property lets you specify if the tree is waiting to process the drop
-     * of items.
-     */
-    this.waitDropProcessing = false;
-    /**
-     * Set this attribute if you want display a checkbox in all items by default.
-     */
-    this.checkbox = false;
-    /**
-     * Set this attribute if you want the checkbox to be checked in all items by
-     * default.
-     * Only works if `checkbox = true`
-     */
-    this.checked = false;
-    /**
-     * This attribute lets you specify if the drag operation is disabled in all
-     * items by default. If `true`, the items can't be dragged.
-     */
-    this.dragDisabled = DEFAULT_DRAG_DISABLED_VALUE;
-    /**
-     * This attribute lets you specify if the drop operation is disabled in all
-     * items by default. If `true`, the items won't accept any drops.
-     */
-    this.dropDisabled = DEFAULT_DROP_DISABLED_VALUE;
-    /**
-     * This attribute lets you specify if the edit operation is enabled in all
-     * items by default. If `true`, the items can edit its caption in place.
-     */
-    this.editableItems = DEFAULT_EDITABLE_ITEMS_VALUE;
-    /**
-     * Set this attribute if you want to allow multi selection of the items.
-     */
-    this.multiSelection = false;
-    /**
-     * `true` to display the relation between tree items and tree lists using
-     * lines.
-     */
-    this.showLines = "none";
-    /**
-     * Set this attribute if you want all the children item's checkboxes to be
-     * checked when the parent item checkbox is checked, or to be unchecked when
-     * the parent item checkbox is unchecked.
-     * This attribute will be used in all items by default.
-     */
-    this.toggleCheckboxes = false;
-    /**
-     * This property lets you define the model of the ch-tree-x control.
-     */
-    this.treeModel = [];
-    this.handleDroppableZoneEnter = (event) => {
-      if (!this.checkDroppableZoneCallback) {
-        return;
-      }
-      event.stopPropagation();
-      // Suppose the request is made immediately by executing the callback
-      const requestTimestamp = new Date().getTime();
-      const dropInformation = event.detail;
-      const promise = this.checkDroppableZoneCallback(dropInformation);
-      promise.then(validDrop => {
-        this.updateValidDropZone(requestTimestamp, dropInformation.newContainer.id, dropInformation.draggedItems, validDrop);
-      });
-    };
-    this.handleSelectedItemsChange = (event) => {
-      event.stopPropagation();
-      const itemsToProcess = new Map(event.detail);
-      // Remove no longer selected items
-      this.selectedItems.forEach(selectedItemId => {
-        const itemUIModel = this.flattenedTreeModel.get(selectedItemId).item;
-        const itemIsStillSelected = itemsToProcess.get(selectedItemId);
-        // The item does not need to be added. Remove it from the processed list
-        if (itemIsStillSelected) {
-          itemUIModel.expanded = itemIsStillSelected.expanded; // Update expanded state
-          itemsToProcess.delete(selectedItemId);
-        }
-        // The item must be un-selected in the UI Model
-        else {
-          itemUIModel.selected = false;
-          this.selectedItems.delete(selectedItemId);
-        }
-      });
-      // Add new selected items
-      itemsToProcess.forEach((newSelectedItemInfo, itemId) => {
-        const newSelectedItem = this.flattenedTreeModel.get(itemId).item;
-        newSelectedItem.selected = true;
-        newSelectedItem.expanded = newSelectedItemInfo.expanded;
-        this.selectedItems.add(itemId);
-      });
-      this.selectedItemsChange.emit(event.detail);
-    };
-    this.handleExpandedItemChange = (event) => {
-      const detail = event.detail;
-      const itemInfo = this.flattenedTreeModel.get(detail.id).item;
-      itemInfo.expanded = detail.expanded;
-    };
-    this.handleItemContextmenu = (event) => {
-      event.stopPropagation();
-      this.itemContextmenu.emit(event.detail);
-    };
-    this.handleItemsDropped = (event) => {
-      if (!this.dropItemsCallback) {
-        return;
-      }
-      event.stopPropagation();
-      const dataTransferInfo = event.detail;
-      const newContainer = dataTransferInfo.newContainer;
-      const newParentId = newContainer.id;
-      // Check if the parent exists in the UI Model
-      if (!this.flattenedTreeModel.get(newParentId)) {
-        return;
-      }
-      const draggedItems = dataTransferInfo.draggedItems;
-      if (draggedItems.length === 0) {
-        return;
-      }
-      const promise = this.dropItemsCallback(dataTransferInfo);
-      this.waitDropProcessing = true;
-      promise.then(async (response) => {
-        this.waitDropProcessing = false;
-        if (!response.acceptDrop) {
-          return;
-        }
-        const newParentUIModel = this.flattenedTreeModel.get(newParentId).item;
-        // Only move the items to the new parent, keeping the state
-        if (dataTransferInfo.dropInTheSameTree) {
-          // Add the UI models to the new container and remove the UI models from
-          // the old containers
-          draggedItems.forEach(this.moveItemToNewParent(newParentUIModel));
-          // When the selected items are moved, the tree must remove its internal
-          // state to not have undefined references
-          if (dataTransferInfo.draggingSelectedItems) {
-            await this.treeRef.clearSelectedItemsInfo();
-          }
-        }
-        // Add the new items
-        else {
-          if (response.items == null) {
-            return;
-          }
-          // Add new items to the parent
-          newParentUIModel.items.push(...response.items);
-          // Flatten the new UI models
-          response.items.forEach(this.flattenItemUIModel(newParentUIModel));
-        }
-        this.sortItems(newParentUIModel.items);
-        // Open the item to visualize the new subitems
-        newParentUIModel.expanded = true;
-        // There is no need to force and update, since the waitDropProcessing
-        // prop was modified
-      });
-    };
-    this.moveItemToNewParent = (newParentUIModel) => (dataTransferInfo) => {
-      const itemUIModelExtended = this.flattenedTreeModel.get(dataTransferInfo.id);
-      const item = itemUIModelExtended.item;
-      const oldParentItem = itemUIModelExtended.parentItem;
-      // Remove the UI model from the previous parent
-      oldParentItem.items.splice(oldParentItem.items.indexOf(item), 1);
-      // Add the UI Model to the new parent
-      newParentUIModel.items.push(item);
-      // Reference the new parent in the item
-      itemUIModelExtended.parentItem = newParentUIModel;
-    };
-    this.renderSubModel = (treeSubModel, lastItem, level) => {
-      var _a, _b, _c, _d, _e, _f;
-      return (index.h("ch-tree-x-list-item", { id: treeSubModel.id, caption: treeSubModel.caption, checkbox: (_a = treeSubModel.checkbox) !== null && _a !== void 0 ? _a : this.checkbox, checked: (_b = treeSubModel.checked) !== null && _b !== void 0 ? _b : this.checked, class: treeSubModel.class, disabled: treeSubModel.disabled, downloading: treeSubModel.downloading, dragDisabled: (_c = treeSubModel.dragDisabled) !== null && _c !== void 0 ? _c : this.dragDisabled, dropDisabled: (_d = treeSubModel.dropDisabled) !== null && _d !== void 0 ? _d : this.dropDisabled, editable: (_e = treeSubModel.editable) !== null && _e !== void 0 ? _e : this.editableItems, expanded: treeSubModel.expanded, indeterminate: treeSubModel.indeterminate, lastItem: lastItem, lazyLoad: treeSubModel.lazy, leaf: treeSubModel.leaf, leftImgSrc: treeSubModel.leftImgSrc, level: level, metadata: treeSubModel.metadata, rightImgSrc: treeSubModel.rightImgSrc, selected: treeSubModel.selected, showExpandableButton: treeSubModel.showExpandableButton, showLines: this.showLines, toggleCheckboxes: (_f = treeSubModel.toggleCheckboxes) !== null && _f !== void 0 ? _f : this.toggleCheckboxes }, !treeSubModel.leaf &&
-        treeSubModel.items != null &&
-        treeSubModel.items.map((subModel, index) => this.renderSubModel(subModel, this.showLines && index === treeSubModel.items.length - 1, level + 1))));
-    };
-    this.flattenItemUIModel = (parentModel) => (item) => {
-      var _a, _b, _c, _d, _e, _f;
-      this.flattenedTreeModel.set(item.id, {
-        parentItem: parentModel,
-        item: item
-      });
-      // Add the items that have a checkbox in a separate Map
-      if ((_a = item.checkbox) !== null && _a !== void 0 ? _a : this.checkbox) {
-        this.flattenedCheckboxTreeModel.set(item.id, {
-          parentItem: parentModel,
-          item: item
-        });
-      }
-      // Make sure the properties are with their default values to avoid issues
-      // when reusing DOM nodes
-      item.class || (item.class = DEFAULT_CLASS_VALUE);
-      (_b = item.expanded) !== null && _b !== void 0 ? _b : (item.expanded = DEFAULT_EXPANDED_VALUE);
-      (_c = item.indeterminate) !== null && _c !== void 0 ? _c : (item.indeterminate = DEFAULT_INDETERMINATE_VALUE);
-      (_d = item.lazy) !== null && _d !== void 0 ? _d : (item.lazy = DEFAULT_LAZY_VALUE);
-      (_e = item.order) !== null && _e !== void 0 ? _e : (item.order = DEFAULT_ORDER_VALUE);
-      (_f = item.selected) !== null && _f !== void 0 ? _f : (item.selected = DEFAULT_SELECTED_VALUE);
-      if (item.selected) {
-        this.selectedItems.add(item.id);
-      }
-      this.flattenSubModel(item);
-    };
-  }
-  handleTreeModelChange() {
-    this.flattenModel();
-  }
-  /**
-   * 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(itemId, items, downloading = false, lazy = false) {
-    const itemToLazyLoadContent = this.flattenedTreeModel.get(itemId).item;
-    // Establish that the content was lazy loaded
-    itemToLazyLoadContent.downloading = downloading;
-    itemToLazyLoadContent.lazy = lazy;
-    // Check if there is items to add
-    if (items == null) {
-      return;
-    }
-    // @todo What happens in the server when dropping items on a lazy node?
-    itemToLazyLoadContent.items = items;
-    this.sortItems(itemToLazyLoadContent.items);
-    this.flattenSubModel(itemToLazyLoadContent);
-    // Re-sync checked items
-    this.emitCheckedItemsChange();
-    // Force re-render
-    index.forceUpdate(this);
-  }
-  /**
-   * Given an item id, it displays and scrolls into the item view.
-   */
-  async scrollIntoVisible(treeItemId) {
-    const itemUIModel = this.flattenedTreeModel.get(treeItemId);
-    if (!itemUIModel) {
-      // @todo Check if the item is on the server?
-      return;
-    }
-    let visitedNode = itemUIModel.parentItem;
-    // While the parent is not the root, update the UI Models
-    while (visitedNode && visitedNode.id != null) {
-      // Expand the item
-      visitedNode.expanded = true;
-      const visitedNodeUIModel = this.flattenedTreeModel.get(visitedNode.id);
-      visitedNode = visitedNodeUIModel.parentItem;
-    }
-    index.forceUpdate(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-x
-    this.treeRef.scrollIntoVisible(treeItemId);
-  }
-  /**
-   * 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(treeItemIds, expand) {
-    if (!treeItemIds) {
-      return [];
-    }
-    const modifiedTreeItems = [];
-    treeItemIds.forEach(treeItemId => {
-      const itemInfo = this.flattenedTreeModel.get(treeItemId).item;
-      if (itemInfo) {
-        itemInfo.expanded = expand !== null && expand !== void 0 ? expand : !itemInfo.expanded;
-        modifiedTreeItems.push({
-          id: itemInfo.id,
-          expanded: itemInfo.expanded
-        });
-      }
-    });
-    // Force re-render
-    index.forceUpdate(this);
-    return modifiedTreeItems;
-  }
-  /**
-   * Given a subset of item's properties, it updates all item UI models.
-   */
-  async updateAllItemsProperties(properties) {
-    [...this.flattenedTreeModel.values()].forEach(itemUIModel => {
-      if (properties.expanded != null) {
-        itemUIModel.item.expanded = properties.expanded;
-      }
-      if (properties.checked != null) {
-        itemUIModel.item.checked = properties.checked;
-        itemUIModel.item.indeterminate = false;
-      }
-    });
-    index.forceUpdate(this);
-  }
-  /**
-   * Given a item list and the properties to update, it updates the properties
-   * of the items in the list.
-   */
-  async updateItemsProperties(items, properties) {
-    items.forEach(item => {
-      const itemUIModel = this.flattenedTreeModel.get(item);
-      this.updateItemProperty(itemUIModel, properties);
-    });
-    index.forceUpdate(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(requestTimestamp, newContainerId, draggedItems, validDrop) {
-    this.treeRef.updateValidDropZone(requestTimestamp, newContainerId, draggedItems, validDrop);
-  }
-  updateItemProperty(itemUIModel, properties) {
-    if (!itemUIModel) {
-      return;
-    }
-    const itemInfo = itemUIModel.item;
-    Object.keys(properties).forEach(propertyName => {
-      itemInfo[propertyName] = properties[propertyName];
-    });
-  }
-  updateCheckboxValue(event) {
-    event.stopPropagation();
-    const detail = event.detail;
-    const treeItemId = detail.id;
-    const itemUIModel = this.flattenedCheckboxTreeModel.get(treeItemId);
-    // In some cases, when the `treeModel` and `checked` properties are updated
-    // outside of the tree control, some events are fired with undefined references
-    if (!itemUIModel) {
-      return;
-    }
-    const itemInfo = itemUIModel.item;
-    itemInfo.checked = detail.checked;
-    itemInfo.indeterminate = detail.indeterminate;
-    this.emitCheckedItemsChange();
-  }
-  loadLazyChildrenHandler(event) {
-    if (!this.lazyLoadTreeItemsCallback) {
-      return;
-    }
-    event.stopPropagation();
-    const treeItemId = event.detail;
-    const promise = this.lazyLoadTreeItemsCallback(treeItemId);
-    event.target.downloading = true;
-    promise.then(result => {
-      this.loadLazyContent(treeItemId, result);
-    });
-  }
-  handleCaptionModification(event) {
-    if (!this.modifyItemCaptionCallback) {
-      return;
-    }
-    event.stopPropagation();
-    const itemRef = event.target;
-    const itemId = event.detail.id;
-    const itemUIModel = this.flattenedTreeModel.get(itemId);
-    const itemInfo = itemUIModel.item;
-    const newCaption = event.detail.caption;
-    const oldCaption = itemInfo.caption;
-    // Optimistic UI: Update the caption in the UI Model before the change is
-    // completed in the server
-    itemInfo.caption = newCaption;
-    // Due to performance reasons, we don't make a shallow copy of the
-    // treeModel to force a re-render
-    itemRef.caption = newCaption;
-    const promise = this.modifyItemCaptionCallback(itemId, newCaption);
-    promise.then(status => {
-      if (status.success) {
-        this.sortItems(itemUIModel.parentItem.items);
-        // Force re-render
-        index.forceUpdate(this);
-      }
-      else {
-        itemRef.caption = oldCaption;
-        itemInfo.caption = oldCaption;
-        // Do something with the error message
-      }
-    });
-  }
-  handleOpenReference(event) {
-    event.stopPropagation();
-    this.itemOpenReference.emit(event.detail);
-  }
-  emitCheckedItemsChange() {
-    // New copy of the checked items
-    const allItemsWithCheckbox = new Map(this.flattenedCheckboxTreeModel);
-    // Update the checked value if not defined
-    allItemsWithCheckbox.forEach(itemUIModel => {
-      var _a;
-      var _b;
-      (_a = (_b = itemUIModel.item).checked) !== null && _a !== void 0 ? _a : (_b.checked = this.checked);
-    });
-    this.checkedItemsChange.emit(allItemsWithCheckbox);
-  }
-  flattenSubModel(model) {
-    const items = model.items;
-    if (!items) {
-      // Make sure that subtrees don't have an undefined array
-      if (model.leaf !== true) {
-        model.items = [];
-      }
-      return;
-    }
-    this.sortItems(items);
-    items.forEach(this.flattenItemUIModel(model));
-  }
-  sortItems(items) {
-    // Ensure that items are sorted
-    if (this.sortItemsCallback) {
-      this.sortItemsCallback(items);
-    }
-  }
-  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.flattenSubModel({ id: null, caption: null, items: this.treeModel });
-    // Re-sync checked items
-    this.emitCheckedItemsChange();
-  }
-  componentWillLoad() {
-    this.flattenModel();
-  }
-  render() {
-    return (index.h("ch-tree-x", { class: this.cssClass || null, multiSelection: this.multiSelection, waitDropProcessing: this.waitDropProcessing, onDroppableZoneEnter: this.handleDroppableZoneEnter, onExpandedItemChange: this.handleExpandedItemChange, onItemContextmenu: this.handleItemContextmenu, onItemsDropped: this.handleItemsDropped, onSelectedItemsChange: this.handleSelectedItemsChange, ref: el => (this.treeRef = el) }, this.treeModel.map((subModel, index) => this.renderSubModel(subModel, this.showLines && index === this.treeModel.length - 1, 0))));
-  }
-  static get watchers() { return {
-    "treeModel": ["handleTreeModelChange"]
-  }; }
-};
-ChTestTreeX.style = testTreeXCss;
-
-exports.ch_test_tree_x = ChTestTreeX;