@genexus/genexus-ide-ui 0.0.60 → 0.0.61

package/dist/cjs/gxg-tree-view.cjs.entry.js

@@ -1,481 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-5a32426a.js');
-
-const resolveImgPath = (iconAssetsPath, img) => `${iconAssetsPath}/${img}.svg`;
-
-const treeViewCss = ":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{}.gxg-scrollbar::-webkit-scrollbar{width: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:var(--gxg-scrollbar-track-thumb-background, --gray-05);border-radius:var(--gxg-scrollbar-track-thumb-radius, 10px)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--gxg-scrollbar-track-thumb-hover-background, --gray-04);cursor:pointer}gxg-tree-view{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}gxg-tree-view ch-tree-x .ch-tree-x-container{padding:var(--spacing-comp-01)}.tree-view{}.tree-view::-webkit-scrollbar{width: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:var(--gxg-scrollbar-track-thumb-background, --gray-05);border-radius:var(--gxg-scrollbar-track-thumb-radius, 10px)}.tree-view::-webkit-scrollbar-thumb:hover{background:var(--gxg-scrollbar-track-thumb-hover-background, --gray-04);cursor:pointer}gxg-tree-view[position-relative] ch-tree-x .ch-tree-x-container{position:relative;width:100%}gxg-tree-view[no-padding] ch-tree-x .ch-tree-x-container{padding:0}.tree-view-item::part(dashed-line){border-color:var(--gray-02)}ch-tree-x-list-item{--checkbox-size:var(--gxg-checkbox-size);--expandable-button-width:var(--spacing-comp-04);}ch-tree-x-list-item.tree-view-item--folder::part(action)::before,ch-tree-x-list-item.tree-view-item--module::part(action)::before{grid-area:left-img;content:\"\";width:14px;height:14px;margin-inline-end:4px;background-repeat:no-repeat}ch-tree-x-list-item.tree-view-item--folder::part(action)::before{background-image:url(\"/build/icon-assets/objects/folder.svg\")}ch-tree-x-list-item.tree-view-item--folder::part(action expanded)::before{background-image:url(\"/build/icon-assets/objects/folder-open.svg\")}ch-tree-x-list-item.tree-view-item--module::part(action)::before{background-image:url(\"/build/icon-assets/objects/module.svg\")}ch-tree-x-list-item.tree-view-item--module::part(action expanded)::before{background-image:url(\"/build/icon-assets/objects/module-open.svg\")}ch-tree-x-list-item .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:#2c3b92;border-radius:50%}ch-tree-x-list-item::part(header):first-child{margin-inline-start:var(--spacing-comp-01)}ch-tree-x-list-item::part(header){padding-inline-end:calc(var(--spacing-comp-02) * 0.65);height:var(--spacing-comp-05);display:flex;gap:5px}ch-tree-x-list-item::part(header):before{content:\"\";display:block}ch-tree-x-list-item::part(header):hover{background-color:var(--gxg-background-color--hover);color:var(--gxg-color--hover)}ch-tree-x-list-item::part(header):focus{outline:var(--border-width-md) solid var(--gxg-border-color--focused);outline-offset:-2px}ch-tree-x-list-item[selected]::part(header){background-color:var(--gxg-background-color--selected)}ch-tree-x-list-item[selected]::part(header):hover{background-color:var(--gxg-background-color--selected-hover)}ch-tree-x-list-item.ch-tree-x-list-item--editing::part(header){border:2px solid transparent}ch-tree-x-list-item::part(expandable-button){background-color:var(--color-hover);margin-inline-end:0}ch-tree-x-list-item::part(expandable-button)::before{background-color:var(--gray-04);-webkit-mask-position:center;-webkit-mask-repeat:no-repeat}ch-tree-x-list-item::part(expandable-button):hover{background-color:var(--color-background)}ch-tree-x-list-item::part(expandable-button):focus{outline:var(--border-width-md) solid var(--gxg-border-color--focused);outline-offset:0}ch-tree-x-list-item::part(checkbox__container){border-color:var(--gray-04);background-color:var(--color-background)}ch-tree-x-list-item::part(checkbox__container):after{content:\"\";position:absolute;display:block;border:solid;border-color:transparent;z-index:0}ch-tree-x-list-item::part(checkbox__container):focus-within{box-shadow:none;outline:var(--border-width-md) solid var(--gxg-border-color--focused);outline-offset:-2px}ch-tree-x-list-item::part(checkbox){margin-inline-end:0}ch-tree-x-list-item::part(checkbox__option){display:none}ch-tree-x-list-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}ch-tree-x-list-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%)}ch-tree-x-list-item::part(checkbox__input){position:relative;z-index:1}ch-tree-x-list-item::part(action){text-transform:capitalize;display:flex;gap:var(--spacing-comp-01)}ch-tree-x-list-item::part(left-img){width:var(--spacing-comp-04);height:var(--spacing-comp-04);margin-inline-end:0}ch-tree-x-list-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}.ch-tree-x-drag-info{padding-inline:6px;padding-block:2px;background-color:#cfdee6;border:1px solid #0266a0;border-radius:10px;font-size:8px}";
-
-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 GxgTreeView = 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.iconAssetsPath = index.getAssetPath(`./icon-assets`);
-    /**
-     * This property lets you specify if the tree is waiting to process the drop
-     * of items.
-     */
-    this.waitDropProcessing = false;
-    /**
-     * Removes the default padding on '.ch-tree-x-container' (Added by Gemini)
-     */
-    this.noPadding = false;
-    /**
-     * A temporary fix to force the ch-tree-x tree-x-container to be visible without position:absolute (Added by Gemini)
-     */
-    this.positionRelative = 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;
-    /**
-     * A CSS class to set as the `ch-tree-x` element class.
-     */
-    this.cssClass = "tree-view";
-    /**
-     * 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 = "all";
-    /**
-     * 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
-          ? resolveImgPath(this.iconAssetsPath, treeSubModel.leftImgSrc)
-          : null, 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;
-      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 == null ? DEFAULT_CLASS_VALUE : item.class;
-      item.expanded =
-        item.expanded == null ? DEFAULT_EXPANDED_VALUE : item.expanded;
-      item.indeterminate =
-        item.indeterminate == null
-          ? DEFAULT_INDETERMINATE_VALUE
-          : item.indeterminate;
-      item.lazy = item.lazy == null ? DEFAULT_LAZY_VALUE : item.lazy;
-      item.order = item.order == null ? DEFAULT_ORDER_VALUE : item.order;
-      item.selected =
-        item.selected == null ? DEFAULT_SELECTED_VALUE : item.selected;
-      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) => {
-      if (itemUIModel.item.checked == null) {
-        itemUIModel.item.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 assetsDirs() { return ["assets"]; }
-  static get watchers() { return {
-    "treeModel": ["handleTreeModelChange"]
-  }; }
-};
-GxgTreeView.style = treeViewCss;
-
-exports.gxg_tree_view = GxgTreeView;

package/dist/esm/gx-ide-list-selector-item.entry.js

@@ -1,85 +0,0 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-0da01575.js';
-
-const listSelectorItemCss = "*,::after,::before{box-sizing:border-box}gx-ide-list-selector-item{display:block;max-width:100%;display:flex}gx-ide-list-selector-item:not(:last-child){border-block-end:1px solid var(--gx-ide-container-border-color)}gx-ide-list-selector-item[selectable]:not([selectable=false]):hover label{cursor:pointer;background-color:var(--gxg-background-color-item-hover)}gx-ide-list-selector-item[ellipsis]:not([ellipsis=false]) label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}input{width:0;height:0;opacity:0;margin:0}input:focus+label{outline:var(--border-width-md) solid var(--color-primary-active);outline-offset:-2px}input:checked+label{background-color:var(--gxg-background-color-item-selected)}label{flex-shrink:0;display:block;padding:var(--spacing-comp-01);width:100%}";
-
-const GxIdeListSelectorItem = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.itemSelected = createEvent(this, "itemSelected", 7);
-    // 6.COMPONENT LIFECYCLE METHODS //
-    // 7.LISTENERS //
-    // 8.PUBLIC METHODS API //
-    // 9.LOCAL METHODS //
-    /**
-     * Evaluates if is selectable, considering the parent list-selector 'selectable' property value, only if it is undefined on this item
-     */
-    this.evaluateSelectable = () => {
-      if (this.selectable === undefined && this.parentIsListSelector) {
-        this.selectable = this.parentList.selectable;
-      }
-    };
-    /**
-     * Evaluates if text should truncate with ellipsis, considering the parent list-selector 'ellipsis' property value, only if it is undefined on this item
-     */
-    this.evaluateEllipsis = () => {
-      if (this.ellipsis === undefined && this.parentIsListSelector) {
-        this.ellipsis = this.parentList.ellipsis;
-      }
-    };
-    /**
-     * Evaluates if this item should be initially checked, only if the parent list-selector listValue equals this item value.
-     */
-    this.evaluateChecked = () => {
-      if (this.checked === undefined &&
-        this.parentIsListSelector &&
-        this.parentList.value !== undefined &&
-        this.parentList.value === this.itemValue) {
-        this.checked = true;
-      }
-    };
-    /**
-     * Checks if this item parentElement is a gx-ide-list-selector, and assigns a reference
-     */
-    this.evaluateParentIsListSelector = () => {
-      const parentList = this.el.parentElement;
-      this.parentIsListSelector = (parentList === null || parentList === void 0 ? void 0 : parentList.nodeName) === "GX-IDE-LIST-SELECTOR";
-      this.parentIsListSelector && (this.parentList = parentList);
-    };
-    /**
-     * Gets the listName required value, that is needed for the list selection to properly work
-     */
-    this.assignName = () => {
-      this.parentIsListSelector &&
-        this.parentList.listName &&
-        (this.name = this.parentList.listName);
-    };
-    this.onChangeHandler = () => {
-      if (this.selectable) {
-        this.itemSelected.emit({
-          itemId: this.itemId,
-          itemValue: this.itemValue
-        });
-      }
-    };
-    this.itemId = undefined;
-    this.itemValue = undefined;
-    this.selectable = undefined;
-    this.ellipsis = undefined;
-  }
-  // 5.EVENTS (EMIT) //
-  componentWillLoad() {
-    this.evaluateParentIsListSelector();
-    this.evaluateSelectable();
-    this.evaluateEllipsis();
-    this.evaluateChecked();
-    this.assignName();
-  }
-  // 10.RENDER() FUNCTION //
-  render() {
-    return (h(Host, { role: "listitem" }, h("input", { type: "radio", id: this.itemId, name: this.name, value: this.itemValue, checked: this.checked, onChange: this.onChangeHandler, disabled: !this.selectable }), h("label", { htmlFor: this.itemId }, this.itemValue)));
-  }
-  get el() { return getElement(this); }
-};
-GxIdeListSelectorItem.style = listSelectorItemCss;
-
-export { GxIdeListSelectorItem as gx_ide_list_selector_item };

package/dist/esm/gx-ide-list-selector.entry.js

@@ -1,47 +0,0 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-0da01575.js';
-
-const listSelectorCss = "*,::after,::before{box-sizing:border-box}:host{display:flex;flex-direction:column;max-height:100%}gxg-title{display:block;margin-block-end:var(--gxg-label-margin-vertical)}.list{background-color:unset;border:none;color:inherit;font:inherit;margin:0;padding:0;outline:0;list-style-type:none;margin:0;padding:0;color:var(--gx-ide-component-text-color);background-color:var(--gx-ide-component-background-color);font-size:var(--gx-ide-component-text-size);font-weight:var(--font-weight-regular);display:block;background-color:var(--color-background);max-height:100%;overflow-y:auto;border:1px solid var(--gx-ide-container-border-color)}.list::-webkit-scrollbar{width:6px;height:6px}.list::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.list::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.list::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.list .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}";
-
-const GxIdeListSelector = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    // 8.PUBLIC METHODS API //
-    // 9.LOCAL METHODS //
-    this.getItemByValue = (newValue) => {
-      const allListItems = Array.from(this.el.querySelectorAll("gx-ide-list-selector-item"));
-      return allListItems.find(item => {
-        return item.itemValue === newValue;
-      });
-    };
-    this.listTitle = undefined;
-    this.ordered = false;
-    this.selectable = true;
-    this.ellipsis = true;
-    this.value = undefined;
-    this.listName = undefined;
-  }
-  valueHandler(newValue) {
-    const foundItem = this.getItemByValue(newValue);
-    if (foundItem) {
-      const input = foundItem.querySelector("input");
-      input.checked = true;
-    }
-  }
-  // 5.EVENTS (EMIT) //
-  // 6.COMPONENT LIFECYCLE METHODS //
-  // 7.LISTENERS //
-  itemSelectedHandler(event) {
-    this.value = event.detail.itemValue;
-  }
-  // 10.RENDER() FUNCTION //
-  render() {
-    return (h(Host, null, this.listTitle ? (h("gxg-title", { type: "title-04" }, this.listTitle)) : null, this.ordered ? (h("ol", { class: "list" }, h("slot", null))) : (h("ul", { class: "list" }, h("slot", null)))));
-  }
-  get el() { return getElement(this); }
-  static get watchers() { return {
-    "value": ["valueHandler"]
-  }; }
-};
-GxIdeListSelector.style = listSelectorCss;
-
-export { GxIdeListSelector as gx_ide_list_selector };