@genexus/genexus-ide-ui 0.0.100 → 0.0.101

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

@@ -1,487 +0,0 @@
-import { r as t, c as e, h as i, H as s, g as r } from "./p-2776d2f9.js";
-
-import { L as o } from "./p-74d59062.js";
-
-import { c as n } from "./p-9c1b4eb9.js";
-
-const a = "property";
-
-const d = "object";
-
-/*
-INDEX:
-1. getObjectIcon
-2. convertObjectTypeToTreeItem
-3. convertObjectToTreeItem
-4. getObjectType
-5. findObjectInTree
-6. findPropertyInTree
-7. convertPropertyToTreeItem
-8. updateTreeModelWithObjects
-9. convertKbPropertiesDataToTreeItemData
-10. clearKbPropertiesFromTree
-*/
-/* 1.2 getIcon (for properties)*/ const getPropertyIcon = (t, e) => {
-  // The object icon has to be retrieved from the ObjetTypes array, by matching the ObjectData typeId with the ObjectType id.
-  const i = e.find((e => e.id === t));
-  if (i) {
-    return i.icon;
-  } else {
-    return undefined;
-  }
-};
-
-/* 2. convertObjectTypeToTreeItem*/ const convertObjectTypeToTreeItem = t => ({
-  caption: t.name,
-  id: t.id,
-  leftImgSrc: t.icon,
-  leaf: false,
-  class: "object-type tree-view-item",
-  expanded: true,
-  items: []
-})
-/* 3. convertObjectToTreeItem*/;
-
-const convertObjectToTreeItem = (t, e) => ({
-  caption: t.name,
-  id: t.id,
-  leftImgSrc: e.get(t.typeId).icon,
-  class: "object tree-view-item",
-  metadata: d,
-  leaf: true
-})
-/* 5. findObjectInTree*/;
-
-const findObjectInTree = (t, e) => {
-  var i;
-  const s = {
-    objectExists: false,
-    objectTypeIndex: -1
-  };
-  if (e) {
-    const r = e.findIndex((e => e.id === t.typeId));
-    if (r !== -1) {
-      s.objectTypeIndex = r;
-      // objectType exists as a node in the actual tree.
-      // Now try to find the object
-            const o = (i = e[r].items) === null || i === void 0 ? void 0 : i.find((e => e.id === t.id));
-      if (o) {
-        s.objectExists = true;
-      }
-    }
-  }
-  return s;
-};
-
-/* 6. findPropertyInTree */ const findPropertyInTree = (t, e) => {
-  const i = e.find((e => e.id === t.id));
-  if (i) {
-    return true;
-  }
-  return false;
-};
-
-/* 7. convertPropertyToTreeItem */ const convertPropertyToTreeItem = (t, e) => ({
-  caption: t.name,
-  id: t.id,
-  leftImgSrc: getPropertyIcon(t.typeId, e),
-  class: "property tree-view-item",
-  metadata: a,
-  leaf: true
-})
-/* 8. updateTreeModelWithObjects*/;
-
-const updateTreeModelWithObjects = (t, e, i) => {
-  const s = [ ...i ];
-  if (!t) {
-    // nothing to do
-    return s;
-  }
-  t.forEach((t => {
-    // objects that already exists in the actual actualTreeState should not be added.
-    // We can find the object in the actual actualTreeState.
-    const i = findObjectInTree(t, s);
-    if (!i.objectExists) {
-      // object does not exists in actualTreeState
-      // if the objectType tree node exists, insert inside.
-      // if the objectType tree node does not exists, create object type node first.
-      if (i.objectTypeIndex === -1) {
-        const r = e.get(t.typeId);
-        if (r !== undefined) {
-          const t = convertObjectTypeToTreeItem(r);
-          i.objectTypeIndex = s.push(t) - 1;
-        }
-      }
-      const r = convertObjectToTreeItem(t, e);
-      // insert object in tree (under the object type tree node)
-            s[i.objectTypeIndex].items.push(r);
-    }
-  }));
-  return s;
-};
-
-/* 9. convertKbPropertiesDataToTreeItemData*/ const convertKbPropertiesDataToTreeItemData = (t, e, i) => {
-  const s = [ ...i ];
-  if (!t) {
-    // nothing to do
-    return s;
-  }
-  t.forEach((t => {
-    // properties have no parent node, and they should be added at the beginning of the tree
-    const i = findPropertyInTree(t, s);
-    if (!i) {
-      const i = convertPropertyToTreeItem(t, e);
-      s.unshift(i);
-    }
-  }));
-  return s;
-};
-
-/* 10. clearKbPropertiesFromTree*/ const clearKbPropertiesFromTree = t => {
-  if (!(t.length > 0)) {
-    // nothing to do.
-    return [];
-  }
-  const e = [ ...t ];
-  for (let t = e.length - 1; t >= 0; t--) {
-    if (e[t].class === "property") {
-      e.splice(t, 1);
-    }
-  }
-  return e;
-};
-
-const c = '.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}.overflow-auto{overflow:auto}.justify-start{display:flex;justify-content:start}.justify-center{display:flex;justify-content:center}.justify-end{display:flex;justify-content: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(--mer-color__neutral-gray--800)}ch-grid-column:first-child{padding-inline-start:var(--gx-ide-container__padding) !important}ch-grid-column:last-child{padding-inline-end:var(--gx-ide-container__padding) !important}ch-grid-cell{--mer-spacing--xs:var(--gx-ide-container__padding)}.layout{display:grid;gap:var(--mer-spacing--lg);box-sizing:border-box}.layout--two-cols{grid-template-columns:1fr 1fr}.layout--space-above{padding-block-start:var(--mer-spacing--lg)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){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(--mer-font__weight--regular);font-size:var(--mer-font__size--xs);font-family:var(--mer-font-family--primary);height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.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-container{display:flex;height:100%;width:100%;box-sizing:border-box}.tree-view-container{display:flex}.header__top{border-top:1px solid var(--gx-ide-container-border-color);display:grid;padding:var(--gx-ide-container__padding) var(--gx-ide-container__padding) 0 var(--gx-ide-container__padding);gap:var(--gx-ide-grid-column-gap);grid-template-columns:1fr auto;grid-template-areas:"select-directory export-cancel-buttons-group options-btn"}.header__top .select-directory{grid-area:select-directory}.header__top .export-cancel-buttons-group{grid-area:export-cancel-buttons-group}.header__top .options-btn{grid-area:options-btn}.header__bottom .checkboxes-wrapper{padding:var(--gx-ide-grid-column-gap);display:flex;flex-wrap:wrap;gap:var(--gx-ide-grid-column-gap)}.header__bottom .checkboxes-wrapper .add-checkbox{display:flex}.tree-container--empty{align-items:center;justify-content:center}.tree-container .gx-ide-message{padding:100px 0}';
-
-const l = class {
-  constructor(s) {
-    t(this, s);
-    this.componentDidLoadEvent = e(this, "componentDidLoadEvent", 7);
-    this.componentDidRenderFirstTime = e(this, "componentDidRenderFirstTime", 7);
-    this.checkedPropertiesIds = [];
-    this.renderedFirstTime = false;
-    this.flattenedObjectTypes = new Map;
-    // 7.LISTENERS //
-    // 8.PUBLIC METHODS API //
-    // 9.LOCAL METHODS //
-        this.evaluateObjects = () => {
-      var t;
-      this.noObjects = !!(((t = this.treeModel) === null || t === void 0 ? void 0 : t.length) === 0 || !this.treeModel);
-    };
-    this.optionsCallbackHandler = () => {
-      if (this.optionsCallback) {
-        this.optionsCallback();
-        // returns Promise<void>
-            }
-    };
-    this.addKBPropertiesCallbackHandler = async t => {
-      const e = t.detail.value;
-      this.addKbPropertiesIsChecked = e;
-      if (e && this.addKBPropertiesCallback) {
-        const t = await this.addKBPropertiesCallback();
-        if (t.length === 0) ; else {
-          // 'convertObjectDataToTreeItemData' can be used for converting KBPropertiesData as well, because the two types share the same properties
-          const e = convertKbPropertiesDataToTreeItemData(t, this.kbPropertiesTypes, this.treeModel);
-          this.treeModel = e;
-        }
-      } else if (!e) {
-        // previous properties (if any) should be removed
-        const t = clearKbPropertiesFromTree(this.treeModel);
-        this.treeModel = 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);
-      }
-    };
-    /*
-         * Used to update objects. Objects are updated when calling the 'addObjectsCallback' or 'addReferencesCallback'
-         */    this.updateObjects = t => {
-      if (t.length) {
-        const e = updateTreeModelWithObjects(t, this.flattenedObjectTypes, this.treeModel);
-        this.treeModel = e;
-      }
-    };
-    /*
-         * Update checked objects 'checkedObjectsArray' array. Used for the 'addReferencesCallback'
-         */    this.objectsTreeCheckedItemsChangedHandler = t => {
-      // filter 'checked objects' and 'checked properties' ids
-      const e = [];
-      const i = [];
-      const s = [ ...t.detail.values() ];
-      s.forEach((t => {
-        if (t.item.checked && t.item.metadata === d) {
-          e.push(t.item.id);
-        } else if (t.item.checked && t.item.metadata === a) {
-          i.push(t.item.id);
-        }
-      }));
-      this.checkedObjectsIds = e;
-      this.checkedPropertiesIds = i;
-    };
-    this.exportCallbackHandler = async () => {
-      if (this.exportCallback) {
-        this.exportingIsInProcess = true;
-        const t = this.exportAllCheckboxEl.checked;
-        const e = this.fileNameEl.value;
-        const i = this.addKbPropertiesIsChecked ? this.checkedPropertiesIds : [];
-        const s = t ? undefined : this.checkedObjectsIds;
-        this.exportCallback(e, i, s).then((() => {
-          this.exportingIsInProcess = false;
-        }));
-        // returns Promise<boolean> but no procedure was detailed on the spec.
-            }
-    };
-    this.cancelCallbackHandler = async () => {
-      if (this.cancelCallback) {
-        const t = await this.cancelCallback();
-        if (t) {
-          this.exportingIsInProcess = false;
-        }
-      }
-    };
-    this.clearButtonHandler = () => {
-      /* revisar*/
-      this.objectsTreeEl.updateAllItemsProperties({
-        checked: false
-      });
-    };
-    this.exportAllChangedHandler = t => {
-      this.exportAllIsChecked = t.detail.value;
-    };
-    this.evaluateTreeViewFilters = () => {
-      if (this.addKbPropertiesIsChecked && this.exportAllIsChecked) {
-        // only show properties
-        return a;
-      } else if (!this.addKbPropertiesIsChecked && !this.exportAllIsChecked) {
-        // only show objects
-        return d;
-      }
-      return "none";
- // Applies if !this.addKbPropertiesIsChecked && this.exportAllIsChecked
-        };
-    this.evaluateContentToDisplay = () => {
-      // Nothing to display on the tree-view
-      if (this.noObjects) {
-        return this.renderMessage(true);
-      }
-      // The tree should be empty, because all filters are being applied.
-      // Display a message to prevent a white screen.
-            if (!this.addKbPropertiesIsChecked && this.exportAllIsChecked) {
-        return this.renderMessage(false);
-      }
-      return i("gxg-tree-view", {
-        treeModel: this.treeModel,
-        dragDisabled: true,
-        dropDisabled: true,
-        toggleCheckboxes: true,
-        checked: true,
-        checkbox: true,
-        filter: this.evaluateTreeViewFilters(),
-        filterType: this.addKbPropertiesIsChecked && !this.exportAllIsChecked ? "none" : "metadata",
-        onCheckedItemsChange: this.objectsTreeCheckedItemsChangedHandler,
-        ref: t => this.objectsTreeEl = t
-      });
-    };
-    this.renderMessage = t => i("gxg-text", {
-      textAlign: n.gxgMessage.common.textAlign,
-      padding: n.gxgMessage.common.textAlign,
-      type: n.gxgMessage.common.type,
-      maxWidth: n.gxgMessage.common.maxWidth,
-      class: "gx-ide-message gx-ide-message--short",
-      part: "referenced-by-empty-status-message"
-    }, t ? [ i("span", null, this._componentLocale.main.noObjectsToDisplay), i("gxg-text", {
-      type: "text-link-no-line",
-      textAlign: "center",
-      onClick: this.addObjectsCallbackHandler
-    }, this._componentLocale.main.beginByADdingSomeObjects) ] : i("span", null, this._componentLocale.main.exportAllMessage));
-    this.clearButtonDisabledConditions = () => this.noObjects || this.checkedObjectsIds.length === 0;
-    this.loaderCancelCallbackHandler = async () => {
-      this.cancelCallbackHandler();
-    };
-    this.onClickCancelCallbackHandler = async () => {
-      this.cancelCallbackHandler();
-    };
-    this.exportAllIsChecked = false;
-    this.addKbPropertiesIsChecked = false;
-    this.checkedObjectsIds = [];
-    this.noObjects = undefined;
-    this.treeModel = [];
-    this.exportingIsInProcess = false;
-    this.displayTitle = false;
-    this.fileName = undefined;
-    this.loader = false;
-    this.kbPropertiesTypes = undefined;
-    this.objectTypes = undefined;
-    this.exportFileDirectoryCallback = undefined;
-    this.optionsCallback = undefined;
-    this.addKBPropertiesCallback = undefined;
-    this.addReferencesCallback = undefined;
-    this.addObjectsCallback = undefined;
-    this.exportCallback = undefined;
-    this.cancelCallback = undefined;
-  }
-  watchTreeModelHandler(t) {
-    this.noObjects = !!(t.length === 0 || !t);
-  }
-  watchExportingIsInProcessHandler(t) {
-    if (t && this.loader) {
-      this.loaderEl.show = true;
-    } else if (!t && this.loader) {
-      this.loaderEl.show = false;
-    }
-  }
-  watchObjectTypesHandler(t) {
-    this.flattenObjectTypes(t);
-  }
-  // 6.COMPONENT LIFECYCLE EVENTS //
-  async componentWillLoad() {
-    this._componentLocale = await o.getComponentStrings(this.el);
-    this.componentDidLoadEvent.emit(true);
-    this.evaluateObjects();
-    this.flattenObjectTypes(this.objectTypes);
-  }
-  componentDidLoad() {
-    this.fileNameEl.focus();
-  }
-  componentDidRender() {
-    if (!this.renderedFirstTime) {
-      this.componentDidRenderFirstTime.emit(this._componentLocale.componentName);
-      this.renderedFirstTime = true;
-    }
-  }
-  flattenObjectTypes(t) {
-    t.forEach((t => {
-      this.flattenedObjectTypes.set(t.id, t);
-    }));
-  }
-  // 10.RENDER() FUNCTION //
-  render() {
-    return i(s, {
-      class: "gx-ide-component"
-    }, i("div", {
-      class: "gx-ide-main-wrapper"
-    }, i("gx-ide-container", {
-      noContentPadding: true,
-      noHeadingPadding: true,
-      headingPaddingTop: true,
-      containerTitle: this.displayTitle ? this._componentLocale.componentName : null,
-      slimmerFooter: n.gxIdeContainer.slimmerFooter
-    }, i("header", {
-      slot: "header",
-      class: "header"
-    }, i("div", {
-      class: "header__top"
-    }, i("gxg-form-text", {
-      class: {
-        "select-file-input": true
-      },
-      value: this.fileName,
-      part: "xpz-file",
-      label: this._componentLocale.header.exportFileName,
-      ref: t => this.fileNameEl = t,
-      icon: "gemini-tools/file",
-      iconPosition: "start"
-    }), i("gxg-buttons-container", {
-      reduced: true,
-      class: "export-cancel-buttons-group"
-    }, i("gxg-button", {
-      id: "export-kb-btn",
-      part: "export-btn",
-      onClick: this.exportCallbackHandler,
-      disabled: this.noObjects
-    }, this._componentLocale.header.exportButton), i("gxg-button", {
-      id: "cancel-kb-export-btn",
-      part: "cancel-button",
-      onClick: this.onClickCancelCallbackHandler,
-      disabled: !this.exportingIsInProcess || this.noObjects
-    }, this._componentLocale.header.cancelButton)), i("gxg-button", {
-      type: "secondary-icon-only",
-      icon: "gemini-tools/settings",
-      part: "select-kb-btn",
-      class: {
-        "options-btn": true
-      },
-      onClick: this.optionsCallbackHandler
-    }, this._componentLocale.header.optionsButton)), i("div", {
-      class: "header__bottom"
-    }, i("div", {
-      class: {
-        "checkboxes-wrapper": true
-      }
-    }, 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,
-      disabled: this.noObjects,
-      onChange: this.exportAllChangedHandler
-    })))), i("div", {
-      class: {
-        "tree-container": true,
-        "tree-container--empty": this.noObjects || !this.noObjects && this.exportAllIsChecked && !this.addKbPropertiesIsChecked
-      }
-    }, this.evaluateContentToDisplay()), i("gxg-text", {
-      type: "button-like",
-      part: "export-button",
-      slot: "footer-start",
-      onClick: this.clearButtonHandler,
-      disabled: this.clearButtonDisabledConditions()
-    }, this._componentLocale.footer.clearButton), i("gxg-button", {
-      onClick: this.addReferencesCallbackHandler,
-      type: "outlined-text-icon",
-      icon: "general/references",
-      part: "export-button",
-      class: {
-        "cancel-btn": true
-      },
-      disabled: this.exportAllIsChecked,
-      slot: "footer-end"
-    }, this._componentLocale.footer.referencesButton), i("gxg-button", {
-      type: "primary-text-icon",
-      icon: "menus/new-object",
-      part: "export-button",
-      class: {
-        "cancel-btn": true
-      },
-      onClick: this.addObjectsCallbackHandler,
-      disabled: this.exportAllIsChecked,
-      slot: "footer-end"
-    }, this._componentLocale.footer.addButton))), this.loader && false ? i("gxg-ide-loader", {
-      cancelLabel: this._componentLocale.loader.cancelLabel,
-      container: this.el,
-      loaderTitle: this._componentLocale.loader.title,
-      ref: t => this.loaderEl = t,
-      cancelCallback: this.loaderCancelCallbackHandler
-    }) : null);
-  }
-  static get assetsDirs() {
-    return [ "gx-ide-assets/kb-manager-export" ];
-  }
-  get el() {
-    return r(this);
-  }
-  static get watchers() {
-    return {
-      treeModel: [ "watchTreeModelHandler" ],
-      exportingIsInProcess: [ "watchExportingIsInProcessHandler" ],
-      objectTypes: [ "watchObjectTypesHandler" ]
-    };
-  }
-};
-
-l.style = c;
-
-export { l as gx_ide_kb_manager_export };
-//# sourceMappingURL=p-cd0c26a2.entry.js.map