@genexus/genexus-ide-ui 0.0.59 → 0.0.61

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

@@ -1,469 +0,0 @@
-import { r as registerInstance, c as createEvent, h, f as forceUpdate } from './index-0da01575.js';
-
-const resolveImgPath = (img) => `/build/icon-assets/${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)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb{background:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--gxg-scrollbar-track-thumb-hover-background)}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)}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}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::part(dashed-line){border-color:var(--gray-02)}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);border:1px solid transparent;height:var(--spacing-comp-05);display:flex;gap:var(--spacing-comp-01)}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-style:solid;outline-color:var(--gxg-border-color--focused);outline-width:var(--border-width-md);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::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-style:solid;outline-color:var(--gxg-border-color--focused);outline-width:var(--border-width-md);outline-offset:0}ch-tree-x-list-item::part(checkbox){margin-inline-end:0}ch-tree-x-list-item::part(checkbox__container){display:block;width:var(--gxg-checkbox-size);height:var(--gxg-checkbox-size);border:none;position:relative;box-shadow:none !important}ch-tree-x-list-item::part(checkbox__input){position:absolute;opacity:0;cursor:pointer;height:100%;width:100%;z-index:1}ch-tree-x-list-item::part(checkbox__option){display:inline-block;position:absolute;height:100%;width:100%;border-width:var(--border-width-sm);border-style:var(--border-style-regular);border-radius:var(--border-radius-md);border-color:var(--gray-04);box-sizing:border-box;flex-shrink:0;background:var(--color-background);opacity:1;left:0;top:0;transform:none;-webkit-mask:none}ch-tree-x-list-item::part(checkbox__option):after{position:absolute;display:block;content:\"\";border:solid;border-color:transparent}ch-tree-x-list-item::part(checkbox__option 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__option 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(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) {
-    registerInstance(this, hostRef);
-    this.checkedItemsChange = createEvent(this, "checkedItemsChange", 7);
-    this.itemContextmenu = createEvent(this, "itemContextmenu", 7);
-    this.itemOpenReference = createEvent(this, "itemOpenReference", 7);
-    this.selectedItemsChange = 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;
-    /**
-     * 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;
-    /**
-     * 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 (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(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
-    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;
-    }
-    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
-    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;
-      }
-    });
-    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);
-    });
-    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
-        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 (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"]
-  }; }
-};
-GxgTreeView.style = treeViewCss;
-
-export { GxgTreeView as gxg_tree_view };

package/dist/genexus-ide-ui/p-00ee4c20.entry.js

@@ -1 +0,0 @@
-import{r as t,c as e,h as i,H as o,g as r}from"./p-976c3a09.js";import{L as a}from"./p-26957490.js";import{c as s}from"./p-9457280f.js";const n=(t,e)=>{const i=e.find((e=>e.id===t));return i?i.icon:void 0},c=(t,e)=>{const i=e.find((e=>e.id===t));return i?i.icon:void 0},l=class{constructor(i){t(this,i),this.componentDidLoadEvent=e(this,"componentDidLoadEvent",7),this.checkedObjectsIds=[],this.checkedPropertiesIds=[],this.optionsCallbackHandler=()=>{this.optionsCallback&&this.optionsCallback()},this.addKBPropertiesCallbackHandler=async t=>{const e=t.detail.value;if(e&&this.addKBPropertiesCallback){const t=await this.addKBPropertiesCallback();if(0===t.length);else{const e=((t,e,i)=>{const o=[...i];return t?(t.forEach((t=>{const i=((t,e)=>!!e.find((e=>e.id===t.id)))(t,o);if(!i){const i=((t,e)=>({caption:t.name,id:t.id,leftImgSrc:c(t.typeId,e),checkbox:!0,class:"property",leaf:!0}))(t,e);o.unshift(i)}})),o):o})(t,this.kbPropertiesTypes,this.objectsTreeState);this.objectsTreeState=e}}else if(!e){const t=(t=>{if(!(t.length>0))return[];const e=[...t];for(let t=e.length-1;t>=0;t--)"property"===e[t].class&&e.splice(t,1);return console.log("updatedTreeData",e),e})(this.objectsTreeState);this.objectsTreeState=t}},this.addObjectsCallbackHandler=async()=>{if(this.addObjectsCallback){const t=await this.addObjectsCallback();this.updateObjects(t)}},this.addReferencesCallbackHandler=async()=>{if(this.addReferencesCallback){const t=await this.addReferencesCallback(this.checkedObjectsIds);this.updateObjects(t)}},this.updateObjects=t=>{if(t.length){const e=((t,e,i)=>{const o=[...i];return t?(t.forEach((t=>{const i=((t,e)=>{var i;const o={objectExists:!1,objectTypeIndex:-1};if(e){const r=e.findIndex((e=>e.id===t.typeId));-1!==r&&(o.objectTypeIndex=r,(null===(i=e[r].items)||void 0===i?void 0:i.find((e=>e.id===t.id)))&&(o.objectExists=!0))}return o})(t,o);if(!i.objectExists){if(-1===i.objectTypeIndex){const r=((t,e)=>e.find((e=>e.id===t.typeId)))(t,e);if(void 0!==r){const t=(t=>({caption:t.name,id:t.id,leftImgSrc:t.icon,leaf:!1,checkbox:!0,class:"object-type",expanded:!0,items:[]}))(r);i.objectTypeIndex=o.push(t)-1}}const r=((t,e)=>({caption:t.name,id:t.id,leftImgSrc:n(t.typeId,e),checkbox:!0,class:"object",leaf:!0}))(t,e);o[i.objectTypeIndex].items.push(r)}})),o):o})(t,this.objectTypes,this.objectsTreeState);this.objectsTreeState=e}},this.treeObjectsCheckedItemsChangedHandler=t=>{const e=[...t.detail.values()].filter((t=>t.item.checked)),i=e.filter((t=>"object"===t.item.class)),o=[];i.length>0&&i.forEach((t=>{o.push(t.item.id)})),this.checkedObjectsIds=o;const r=e.filter((t=>"property"===t.item.class)),a=[];r.length>0&&r.forEach((t=>{a.push(t.item.id)})),this.checkedPropertiesIds=a},this.exportCallbackHandler=async()=>{this.exportCallback&&this.exportCallback(this.fileNameEl.value,this.checkedPropertiesIds,this.exportAllCheckboxEl.checked?void 0:this.checkedObjectsIds)},this.cancelCallbackHandler=()=>{this.cancelCallback&&this.cancelCallback()},this.clearButtonHandler=()=>{console.log(this.objectsTreeEl),this.objectsTreeEl.updateAllItemsProperties({checked:!1})},this.fileName="",this.exportFilePathName=void 0,this.objectsTreeState=[],this.noObjects=void 0,this.dummyInitialTree=void 0,this.kbPropertiesTypes=void 0,this.objectTypes=void 0,this.exportFileDirectoryCallback=void 0,this.optionsCallback=void 0,this.addKBPropertiesCallback=void 0,this.addReferencesCallback=void 0,this.addObjectsCallback=void 0,this.exportCallback=void 0,this.cancelCallback=void 0}watchObjectsTreeStateHandler(t){this.noObjects=!(0!==t.length&&t)}watchDummyInitialTreeHandler(t){this.objectsTreeState=t}async componentWillLoad(){var t;this._componentLocale=await a.getComponentStrings(this.el),this.componentDidLoadEvent.emit(!0),this.noObjects=!(0!==(null===(t=this.objectsTreeState)||void 0===t?void 0:t.length)&&this.objectsTreeState)}render(){return i(o,{class:"gx-ide-component"},i("div",{class:"gx-ide-main-wrapper"},i("gx-ide-container",{noContentPadding:!0},i("header",{slot:"header",class:"header"},i("gx-ide-directory-selector",{class:{"select-file-input":!0},value:this.exportFilePathName,part:"xpz-file",label:this._componentLocale.header.exportFileName,ref:t=>this.fileNameEl=t,selectDirectoryCallback:this.exportFileDirectoryCallback}),i("gxg-button-group",{class:"export-cancel-buttons-group","default-selected-btn-id":"responsive-tablet-btn",onClick:this.cancelCallbackHandler},i("button",{id:"export-kb-btn",part:"export-btn",onClick:this.exportCallbackHandler},this._componentLocale.header.exportButton),i("button",{id:"cancel-kb-export-btn",part:"cancel-button"},this._componentLocale.header.cancelButton)),i("gxg-button",{type:"secondary-icon-only",icon:"gemini-tools/settings",part:"select-kb-btn",class:{"options-btn":!0},onClick:this.optionsCallbackHandler},this._componentLocale.header.optionsButton)),i("main",{class:{main:!0}},i("div",{class:{"checkboxes-wrapper":!0}},i("gxg-form-checkbox",{label:this._componentLocale.main.addKnowledgeBaseDescription,onChange:this.addKBPropertiesCallbackHandler,part:"add-kb-checkbox"}),i("gxg-form-checkbox",{label:this._componentLocale.main.exportAll,part:"export-all-checkbox",ref:t=>this.exportAllCheckboxEl=t})),i("div",{class:{"tree-container":!0,"tree-container--empty":this.noObjects}},this.noObjects?i("gxg-text",{textAlign:s.gxgMessage.common.textAlign,padding:s.gxgMessage.common.textAlign,type:s.gxgMessage.common.type,maxWidth:s.gxgMessage.common.maxWidth,part:"referenced-by-text"},"There are no Objects to display. ",i("br",null),"Begin by adding some."):i("gxg-tree-view",{positionRelative:!0,treeModel:this.objectsTreeState,toggleCheckboxes:!0,onCheckedItemsChange:this.treeObjectsCheckedItemsChangedHandler,ref:t=>this.objectsTreeEl=t}))),i("gxg-button",{type:"secondary-text-only",part:"export-button",class:{"cancel-btn":!0},slot:"footer-start",onClick:this.clearButtonHandler},this._componentLocale.footer.clearButton),i("div",{class:{"footer-right-wrapper":!0},slot:"footer-end"},i("gxg-button",{onClick:this.addReferencesCallbackHandler,type:"outlined-text-icon",icon:"general/references",part:"export-button",class:{"cancel-btn":!0}},this._componentLocale.footer.referencesButton),i("gxg-button",{type:"primary-text-icon",icon:"menus/new-object",part:"export-button",class:{"cancel-btn":!0},onClick:this.addObjectsCallbackHandler,grabAttention:this.noObjects},this._componentLocale.footer.addButton)))))}static get assetsDirs(){return["gx-ide-assets/kb-manager-export"]}get el(){return r(this)}static get watchers(){return{objectsTreeState:["watchObjectsTreeStateHandler"],dummyInitialTree:["watchDummyInitialTreeHandler"]}}};l.style='.gxi-hidden{display:none !important}.gxi-full-height{height:100%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:99;border-bottom:1px solid var(--gray-01)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){box-shadow:var(--box-shadow-01) !important;height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--font-weight-regular);font-size:var(--font-size-lg);line-height:1.6em;height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:6px;height:6px}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-main .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:6px;height:6px}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-overflow .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}.tree-view-container{display:flex}.header{display:grid;gap:var(--gx-ide-grid-column-gap);grid-template-columns:1fr auto;grid-template-areas:"select-directory export-cancel-buttons-group options-btn"}.header .select-directory{grid-area:select-directory}.header .export-cancel-buttons-group{grid-area:export-cancel-buttons-group}.header .options-btn{grid-area:options-btn}.checkboxes-wrapper{padding:var(--gx-ide-grid-column-gap);display:flex;flex-wrap:wrap;gap:var(--gx-ide-grid-column-gap);border-bottom:1px solid var(--gx-ide-container-border-color)}.tree-container{display:flex;min-height:100px;max-height:200px;padding-left:var(--gx-ide-grid-column-gap);width:100%;box-sizing:border-box}.tree-container--empty{padding-left:0;align-items:center;justify-content:center}.footer-right-wrapper{display:grid;gap:var(--gx-ide-grid-column-gap);grid-template-columns:100px 100px}';export{l as gx_ide_kb_manager_export}

package/dist/genexus-ide-ui/p-0b4ffc0c.entry.js

@@ -1 +0,0 @@
-import{r,c as t,h as o,H as e,g as a}from"./p-976c3a09.js";import{a as i,b as n,r as l}from"./p-0f4fe7ad.js";import{s}from"./p-e46e26a6.js";import{f as g,c}from"./p-e7e4f76c.js";import{e as m}from"./p-d8501cb4.js";const f=class{constructor(o){r(this,o),this.input=t(this,"input",7),this.change=t(this,"change",7),this.parts={textarea:"textarea"},this.toolTip=!1,this.error=!1,this.labelPosition="above",this.centerLabel=!1,this.maxWidth="100%",this.height="auto",this.rows=4,this.warning=!1,this.hideValidationMessage=!1,this.disabled=!1,this.formMessageLogic=i,this.required=!1,this.validationStatus="indeterminate",this.resize=!1,this.attachExportParts=()=>{const r=this.el.getAttribute("part"),t=m(r,this.parts);t.length&&(this.exportparts=t)}}disabledHandler(r){!0===r?(this.valueBeforeDisabled=this.value,this.value=null):this.value=this.valueBeforeDisabled}componentWillLoad(){this.attachExportParts()}updateTextareaValue(){this.value=this.textArea.value}handleInput(r){this.value=r.target.value,this.input.emit(this.value)}handleChange(){this.change.emit(this.value)}render(){return o(e,{role:"textbox","aria-label":this.label,style:{maxWidth:this.maxWidth},class:{textarea:!0,large:s.large,[g.VALIDATION_INDETERMINATE_CLASS]:"indeterminate"===this.validationStatus,[g.VALIDATION_WARNING_CLASS]:"warning"===this.validationStatus,[g.VALIDATION_ERROR_CLASS]:"error"===this.validationStatus,[g.VALIDATION_SUCCESS_CLASS]:"success"===this.validationStatus,[c.DISABLED_CLASS]:this.disabled},exportParts:this.exportparts?this.exportparts:null},this.label?o("gxg-label",{labelPosition:this.labelPosition,center:this.centerLabel,width:this.labelWidth},this.label,l(this)):null,o("div",{class:"textarea-wrapper"},o("textarea",{ref:r=>this.textArea=r,class:{"form-element":!0,textarea:!0,"textarea--resize":this.resize},placeholder:this.placeholder,disabled:this.disabled,onInput:this.handleInput.bind(this),onChange:this.handleChange.bind(this),value:this.disabled?null:this.value,rows:this.rows,required:this.required,style:{height:this.height},part:this.parts.textarea}),this.toolTip?n(this):null),this.toolTip?null:i(this))}get el(){return a(this)}static get watchers(){return{disabled:["disabledHandler"]}}};f.style="/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}: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)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb{background:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--gxg-scrollbar-track-thumb-hover-background)}:host(.gxg-validation--warning) .form-element{border-color:var(--color-warning-dark)}:host(.gxg-validation--warning) .form-element:focus{outline-color:var(--color-warning-dark);border-color:var(--color-warning-dark)}:host(.gxg-validation--warning) .form-element:focus+.checkmark{--checkmark-border-color:var(--color-warning-dark)}:host(.gxg-validation--error) .form-element{border-color:var(--color-error-dark)}:host(.gxg-validation--error) .form-element:focus{outline-color:var(--color-error-dark);border-color:var(--color-error-dark)}:host(.gxg-validation--error) .form-element:focus+.checkmark{--checkmark-border-color:var(--color-error-dark)}:host(.gxg-validation--success) .form-element{border-color:var(--color-success-dark)}:host(.gxg-validation--success) .form-element:focus{outline-color:var(--color-success-dark);border-color:var(--color-success-dark)}:host(.gxg-validation--success) .form-element:focus+.checkmark{--checkmark-border-color:var(--color-success-dark)}.tooltip-outer-wrapper{display:grid;grid-template-columns:0fr;transition:grid-template-columns var(--timing-02)}:host(.tooltip--visible) .tooltip-outer-wrapper{grid-template-columns:1fr}.tooltip-inner-wrapper gxg-icon{display:flex;position:relative !important;top:0 !important;transform:none !important}:host(.gxg--disabled) .form-element,:host(.gxg--disabled.form-element){pointer-events:none;background-color:var(--gxg-background-color--disabled) !important;color:var(--gxg-color--disabled) !important;border-color:var(--gxg-border-color--disabled) !important;cursor:default !important}:host{display:flex;flex-direction:column;width:100%}:host .form-element-wrapper{position:relative;width:100%}:host label{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;display:flex;align-items:center;cursor:default}:host label .required{padding-left:2px}:host textarea{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}:host .textarea-wrapper{display:flex;gap:var(--spacing-comp-01)}:host textarea{resize:none;border-width:var(--border-width-sm);border-color:var(--gray-02);border-style:var(--border-style-regular);border-radius:var(--border-radius-sm);padding-left:var(--spacing-comp-01);padding-right:var(--spacing-comp-01);color:var(--color-on-background);background-color:var(--color-background)}:host textarea:focus{outline-style:solid;outline-color:var(--gxg-border-color--focused);outline-width:var(--border-width-md);outline-offset:-2px}:host textarea--resize{resize:both}:host textarea[disabled]{background-color:var(--gray-01);color:var(--color-on-disabled)}:host textarea.textarea--error{border-color:var(--color-error-dark);background-color:var(--color-error-light);margin-bottom:0}:host textarea.textarea--error:focus{outline-color:var(--color-error-dark);border-color:var(--color-error-dark)}:host textarea.textarea--warning{border-color:var(--color-warning-dark);background-color:var(--color-warning-light);margin-bottom:0}:host textarea.textarea--warning:focus{outline-color:var(--color-warning-dark);border-color:var(--color-warning-dark)}.messages-wrapper{margin-top:var(--spacing-comp-02);display:flex;gap:var(--spacing-comp-01);flex-direction:column}:host(.large) label,:host(.large) textarea{font-size:var(--font-size-lg)}:host(.large) textarea{padding:var(--spacing-comp-01) var(--spacing-comp-02)}";export{f as gxg_form_textarea}

package/dist/genexus-ide-ui/p-16d35368.entry.js

@@ -1 +0,0 @@
-import{r,h as t,H as o,g as e}from"./p-976c3a09.js";const i=class{constructor(t){r(this,t),this.getItemByValue=r=>Array.from(this.el.querySelectorAll("gx-ide-list-selector-item")).find((t=>t.itemValue===r)),this.listTitle=void 0,this.ordered=!1,this.selectable=!0,this.ellipsis=!0,this.value=void 0,this.listName=void 0}valueHandler(r){const t=this.getItemByValue(r);t&&(t.querySelector("input").checked=!0)}itemSelectedHandler(r){this.value=r.detail.itemValue}render(){return t(o,null,this.listTitle?t("gxg-title",{type:"title-04"},this.listTitle):null,t(this.ordered?"ol":"ul",{class:"list"},t("slot",null)))}get el(){return e(this)}static get watchers(){return{value:["valueHandler"]}}};i.style="*,::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}";export{i as gx_ide_list_selector}