@genexus/genexus-ide-ui 0.0.100 → 0.0.101

package/dist/genexus-ide-ui/p-40d52b2f.entry.js

@@ -0,0 +1,487 @@
+import { r as t, c as e, h as r, H as i, g as o } from "./p-2776d2f9.js";
+
+import { L as a } from "./p-74d59062.js";
+
+import { c as s } from "./p-9c1b4eb9.js";
+
+const n = "property";
+
+const l = "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 r = e.find((e => e.id === t));
+  if (r) {
+    return r.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: l,
+  leaf: true
+})
+/* 5. findObjectInTree*/;
+
+const findObjectInTree = (t, e) => {
+  var r;
+  const i = {
+    objectExists: false,
+    objectTypeIndex: -1
+  };
+  if (e) {
+    const o = e.findIndex((e => e.id === t.typeId));
+    if (o !== -1) {
+      i.objectTypeIndex = o;
+      // objectType exists as a node in the actual tree.
+      // Now try to find the object
+            const a = (r = e[o].items) === null || r === void 0 ? void 0 : r.find((e => e.id === t.id));
+      if (a) {
+        i.objectExists = true;
+      }
+    }
+  }
+  return i;
+};
+
+/* 6. findPropertyInTree */ const findPropertyInTree = (t, e) => {
+  const r = e.find((e => e.id === t.id));
+  if (r) {
+    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: n,
+  leaf: true
+})
+/* 8. updateTreeModelWithObjects*/;
+
+const updateTreeModelWithObjects = (t, e, r) => {
+  const i = [ ...r ];
+  if (!t) {
+    // nothing to do
+    return i;
+  }
+  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 r = findObjectInTree(t, i);
+    if (!r.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 (r.objectTypeIndex === -1) {
+        const o = e.get(t.typeId);
+        if (o !== undefined) {
+          const t = convertObjectTypeToTreeItem(o);
+          r.objectTypeIndex = i.push(t) - 1;
+        }
+      }
+      const o = convertObjectToTreeItem(t, e);
+      // insert object in tree (under the object type tree node)
+            i[r.objectTypeIndex].items.push(o);
+    }
+  }));
+  return i;
+};
+
+/* 9. convertKbPropertiesDataToTreeItemData*/ const convertKbPropertiesDataToTreeItemData = (t, e, r) => {
+  const i = [ ...r ];
+  if (!t) {
+    // nothing to do
+    return i;
+  }
+  t.forEach((t => {
+    // properties have no parent node, and they should be added at the beginning of the tree
+    const r = findPropertyInTree(t, i);
+    if (!r) {
+      const r = convertPropertyToTreeItem(t, e);
+      i.unshift(r);
+    }
+  }));
+  return i;
+};
+
+/* 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 = ':root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-01--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-02{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-02--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--color-on-primary)}.gxg-title-03{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-03--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-04{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-04--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-05{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-05--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable)}.gxg-text--negative{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text--gray{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--dimmed)}.gxg-quote{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);font-style:italic}.gxg-quote--negative{color:var(--ds-base-font-color--negative)}.gxg-link{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--ds-base-font-color--link-hover)}.gxg-link:active{color:var(--ds-base-font-color--link-active)}.gxg-link-gray{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed)}.gxg-link-gray:hover{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed);filter:brightness(1.4)}.gxg-alert-error{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--error);display:inline-block}.gxg-alert-warning{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--warning);display:inline-block}.gxg-alert-success{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--success);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(--ds-base-font-family-primary);font-weight:var(--gxg-label-font-weight);font-size:var(--gxg-label-font-size);color:var(--gxg-label-color);text-align:center;line-height:1.455em;display:flex;align-items:center}.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-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height: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-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gxg-scrollbar::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.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:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-main::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-main::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-main::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-overflow::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.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 g = class {
+  constructor(i) {
+    t(this, i);
+    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 r = [];
+      const i = [ ...t.detail.values() ];
+      i.forEach((t => {
+        if (t.item.checked && t.item.metadata === l) {
+          e.push(t.item.id);
+        } else if (t.item.checked && t.item.metadata === n) {
+          r.push(t.item.id);
+        }
+      }));
+      this.checkedObjectsIds = e;
+      this.checkedPropertiesIds = r;
+    };
+    this.exportCallbackHandler = async () => {
+      if (this.exportCallback) {
+        this.exportingIsInProcess = true;
+        const t = this.exportAllCheckboxEl.checked;
+        const e = this.fileNameEl.value;
+        const r = this.addKbPropertiesIsChecked ? this.checkedPropertiesIds : [];
+        const i = t ? undefined : this.checkedObjectsIds;
+        this.exportCallback(e, r, i).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 n;
+      } else if (!this.addKbPropertiesIsChecked && !this.exportAllIsChecked) {
+        // only show objects
+        return l;
+      }
+      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 r("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 => r("gxg-text", {
+      textAlign: s.gxgMessage.common.textAlign,
+      padding: s.gxgMessage.common.textAlign,
+      type: s.gxgMessage.common.type,
+      maxWidth: s.gxgMessage.common.maxWidth,
+      class: "gx-ide-message gx-ide-message--short",
+      part: "referenced-by-empty-status-message"
+    }, t ? [ r("span", null, this._componentLocale.main.noObjectsToDisplay), r("gxg-text", {
+      type: "text-link-no-line",
+      textAlign: "center",
+      onClick: this.addObjectsCallbackHandler
+    }, this._componentLocale.main.beginByADdingSomeObjects) ] : r("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 a.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 r(i, {
+      class: "gx-ide-component"
+    }, r("div", {
+      class: "gx-ide-main-wrapper"
+    }, r("gx-ide-container", {
+      noContentPadding: true,
+      noHeadingPadding: true,
+      headingPaddingTop: true,
+      containerTitle: this.displayTitle ? this._componentLocale.componentName : null,
+      slimmerFooter: s.gxIdeContainer.slimmerFooter
+    }, r("header", {
+      slot: "header",
+      class: "header"
+    }, r("div", {
+      class: "header__top"
+    }, r("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"
+    }), r("gxg-buttons-container", {
+      reduced: true,
+      class: "export-cancel-buttons-group"
+    }, r("gxg-button", {
+      id: "export-kb-btn",
+      part: "export-btn",
+      onClick: this.exportCallbackHandler,
+      disabled: this.noObjects
+    }, this._componentLocale.header.exportButton), r("gxg-button", {
+      id: "cancel-kb-export-btn",
+      part: "cancel-button",
+      onClick: this.onClickCancelCallbackHandler,
+      disabled: !this.exportingIsInProcess || this.noObjects
+    }, this._componentLocale.header.cancelButton)), r("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)), r("div", {
+      class: "header__bottom"
+    }, r("div", {
+      class: {
+        "checkboxes-wrapper": true
+      }
+    }, r("gxg-form-checkbox", {
+      label: this._componentLocale.main.addKnowledgeBaseDescription,
+      onChange: this.addKBPropertiesCallbackHandler,
+      part: "add-kb-checkbox"
+    }), r("gxg-form-checkbox", {
+      label: this._componentLocale.main.exportAll,
+      part: "export-all-checkbox",
+      ref: t => this.exportAllCheckboxEl = t,
+      disabled: this.noObjects,
+      onChange: this.exportAllChangedHandler
+    })))), r("div", {
+      class: {
+        "tree-container": true,
+        "tree-container--empty": this.noObjects || !this.noObjects && this.exportAllIsChecked && !this.addKbPropertiesIsChecked
+      }
+    }, this.evaluateContentToDisplay()), r("gxg-text", {
+      type: "button-like",
+      part: "export-button",
+      slot: "footer-start",
+      onClick: this.clearButtonHandler,
+      disabled: this.clearButtonDisabledConditions()
+    }, this._componentLocale.footer.clearButton), r("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), r("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 ? r("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 o(this);
+  }
+  static get watchers() {
+    return {
+      treeModel: [ "watchTreeModelHandler" ],
+      exportingIsInProcess: [ "watchExportingIsInProcessHandler" ],
+      objectTypes: [ "watchObjectTypesHandler" ]
+    };
+  }
+};
+
+g.style = c;
+
+export { g as gx_ide_kb_manager_export };
+//# sourceMappingURL=p-40d52b2f.entry.js.map