@genexus/genexus-ide-ui 0.0.99 → 0.0.101

package/dist/genexus-ide-ui/p-4a706d20.entry.js

@@ -0,0 +1,583 @@
+import { r as t, c as e, h as r, H as i, g as a } from "./p-2776d2f9.js";
+
+import { L as o } from "./p-74d59062.js";
+
+import { c as s } from "./p-9c1b4eb9.js";
+
+import { c as n } from "./p-04f3d630.js";
+
+/* objects in file metadata*/ const l = "object";
+
+const c = "category";
+
+const convertImportItemToTreeItem = (t, e) => {
+  const r = [];
+  e.forEach((e => {
+    r.push({
+      id: e.id,
+      caption: e.name,
+      leftImgSrc: t,
+      expanded: true,
+      leaf: true,
+      class: "object tree-view-item",
+      metadata: l
+    });
+  }));
+  return r;
+};
+
+/**
+ * @description This function converts ReferenceData[] data to TreeItemData[]
+ */ const convertImportCategoryToTreeView = t => {
+  const e = [];
+  if (!t) {
+    return e;
+  }
+  t.forEach((t => {
+    const r = {
+      id: t.id,
+      // caption: importCat.name,
+      caption: `${t.name} (${t.items.length})`,
+      leftImgSrc: t.icon,
+      expanded: true,
+      leaf: false,
+      class: "category tree-view-item",
+      metadata: c,
+      items: convertImportItemToTreeItem(t.icon, t.items)
+    };
+    e.push(r);
+  }));
+  return e;
+};
+
+const createImportResultDataMessages = (t, e) => {
+  const r = [];
+  e.forEach(((e, i) => {
+    r.push({
+      id: `${t}-message-${i}}]`,
+      caption: e,
+      leftImgSrc: "gx-test/test-results",
+      leaf: true
+    });
+  }));
+  return r;
+};
+
+const updateImportStatusTree = (t, e) => {
+  var r;
+  const i = e.findIndex((e => e.id === t.categoryId));
+  if (i === -1) {
+    // object category node does not exists. We have to create it, and insert the import result tree node inside.
+    const r = {
+      id: t.categoryId,
+      // the count is (1), because this is the first item for this category
+      caption: `${t.categoryName} (1)`,
+      leftImgSrc: t.categoryIcon,
+      class: `tree-view-item`,
+      expanded: true,
+      items: [ {
+        id: t.id,
+        caption: t.name,
+        items: createImportResultDataMessages(t.id, t.messages),
+        class: `tree-view-item tree-view-item--${t.status}`,
+        expanded: true,
+        leaf: t.messages.length === 0
+      } ]
+    };
+    e.push(r);
+  } else {
+    // Object category node already exists. Just create the import result node, and insert into the parent category node (if it doesn't exists already).
+    // first search for the importItemResult node...
+    const a = (r = e[i].items) === null || r === void 0 ? void 0 : r.findIndex((e => e.id === t.id));
+    if (a === -1) {
+      // ImportItem does not exists already
+      const r = {
+        id: t.id,
+        caption: t.name,
+        expanded: true,
+        items: createImportResultDataMessages(t.id, t.messages),
+        class: `tree-view-item tree-view-item--${t.status}`
+      };
+      // Insert the import node into the category node
+            e[i].items.push(r);
+      // Then, update the category node caption (the name is the same, but the (count) should be the actual items.length, because we have just added a new child import node. )
+            e[i].caption = `${t.categoryName} (${e[i].items.length})`;
+    }
+  }
+  return e;
+};
+
+/**
+ * This function takes an ImportItemResultData item, and updates it to a ImportCategoryFullData, which has the same information, plus the category parent needed information, that will be used for creating the "virtual" parent category node on the "Import Status" section.
+ */ const createImportResultFullData = (t, e) => {
+  const r = Object.assign({
+    categoryId: undefined,
+    categoryName: undefined,
+    categoryIcon: undefined
+  }, t);
+  t: for (let i = 0; i < e.length; i++) {
+    const a = e[i];
+    for (let e = 0; e < a.items.length; e++) {
+      if (a.items[e].id === t.id) {
+        r.categoryId = a.id;
+        r.categoryName = a.name;
+        r.categoryIcon = a.icon;
+        break t;
+      }
+    }
+  }
+  return r;
+};
+
+/**
+ * @description This function adds an ImportItemResultData item to the "importTreeState", and returns the updated tree with the new item added.
+ */ const addImportItemResultDataItem = (t, e, r) => {
+  let i = [ ...r ];
+  // first, update importItemResultData with the category data. It will be needed later.
+    const a = createImportResultFullData(t, e);
+  i = updateImportStatusTree(a, i);
+  return i;
+};
+
+const g = ':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}:host{display:block}.header{display:flex;flex-direction:row;gap:var(--gx-ide-grid-column-gap)}.header .select-file{flex:1}.main{height:100%;overflow:auto}.main .container-wrapper{height:100%;display:grid;grid-template-rows:auto 1fr;grid-template-columns:1fr 1fr;grid-template-areas:"top-state-bar top-state-bar" "left-container right-container"}.main .container-wrapper .top-state-bar{grid-area:top-state-bar}.main .container-wrapper .left-container{grid-area:left-container;border-right:1px solid var(--gx-ide-container-border-color)}.main .container-wrapper .right-container{grid-area:right-container}.main .container-wrapper .gx-ide-message{padding:50px 0}.main .container-wrapper .tree-container{}.main .container-wrapper .tree-container--empty{align-items:center;justify-content:center}.main .container-wrapper .tree-container--import-status .tree-view-item--success::part(action){grid-template:"first-img left-img text right-img"/max-content max-content 1fr max-content}.main .container-wrapper .tree-container--import-status .tree-view-item--success::part(action)::before{grid-area:first-img;content:"";width:var(--mer-spacing--xs);height:var(--mer-spacing--xs);border-radius:50%;background-color:var(--gray-03);margin-inline-end:var(--mer-spacing--xxs);background-color:var(--color-success-dark)}.main .container-wrapper .tree-container--import-status .tree-view-item--warning::part(action){grid-template:"first-img left-img text right-img"/max-content max-content 1fr max-content}.main .container-wrapper .tree-container--import-status .tree-view-item--warning::part(action)::before{grid-area:first-img;content:"";width:var(--mer-spacing--xs);height:var(--mer-spacing--xs);border-radius:50%;background-color:var(--gray-03);margin-inline-end:var(--mer-spacing--xxs);background-color:var(--color-warning-dark)}.main .container-wrapper .tree-container--import-status .tree-view-item--error::part(action){grid-template:"first-img left-img text right-img"/max-content max-content 1fr max-content}.main .container-wrapper .tree-container--import-status .tree-view-item--error::part(action)::before{grid-area:first-img;content:"";width:var(--mer-spacing--xs);height:var(--mer-spacing--xs);border-radius:50%;background-color:var(--gray-03);margin-inline-end:var(--mer-spacing--xxs);background-color:var(--color-error-dark)}.main .container-wrapper .tree-container--no-warnings .tree-view-item--warning{display:none}.main .container-wrapper .tree-container--no-errors .tree-view-item--error{display:none}.main .container-wrapper .tree-container--no-successes .tree-view-item--success{display:none}.ghost-element{display:block;width:0;height:24px;}';
+
+const d = class {
+  constructor(r) {
+    t(this, r);
+    this.componentDidRenderFirstTime = e(this, "componentDidRenderFirstTime", 7);
+    this.componentDidLoadEvent = e(this, "componentDidLoadEvent", 7);
+    this.renderedFirstTime = false;
+    /* ImportCategoryBasicData Holds the original name of category data, and its id. Used to create parent nodes on the imported tree*/    this.importCategoryData = [];
+    this.objectsInFileTotalNodes = 0;
+    this.selectedObjectsInFileIds = [];
+    // 9.LOCAL METHODS //
+        this.evaluateImportStatusMessage = () => {
+      this.someStatusVisible = this.statusInfo.error.display || this.statusInfo.warning.display || this.statusInfo.success.display;
+    };
+    this.evaluateObjects = () => {
+      var t;
+      this.noObjects = !!(((t = this.objectsTreeState) === null || t === void 0 ? void 0 : t.length) === 0 || !this.objectsTreeState);
+    };
+    this.evaluateImport = () => {
+      var t;
+      this.noImport = !!(((t = this.importTreeState) === null || t === void 0 ? void 0 : t.length) === 0 || !this.importTreeState);
+    };
+    this.selectFileAndLoadHandler = () => {
+      this.fileInputEl.openFile();
+    };
+    this.loadFileHandler = async () => {
+      if (this.loadCallback && this.selectedFile) {
+        this.importCategoryData = await this.loadCallback(this.selectedFile);
+        const t = convertImportCategoryToTreeView(this.importCategoryData);
+        this.objectsTreeState = t;
+        if (this.importCategoryData.length > 0) {
+          // clear input
+          this.selectedFile = null;
+        }
+      }
+    };
+    this.fileSelectedHandler = t => {
+      this.selectedFile = t.detail[0];
+    };
+    this.importObjectsHandler = async () => {
+      if (this.importCallback) {
+        /* first clear imported objects (this clears errors/warnings/success counts as well)*/
+        this.clearStatusHandler();
+        /* then do the import*/        this.importingIsInProcess = true;
+        this.objectsButtonsGroup.selectedButtonId = "cancel-import-btn";
+        this.importCallback(this.checkedObjectsIds).then((() => {
+          this.importingIsInProcess = false;
+        }));
+      }
+    };
+    this.objectsTreeCheckedItemsChangedHandler = t => {
+      /* 1. Begin of evaluate 'select/unselect checkbox' state*/
+      if (t.detail == null) {
+        this.toggleObjectsCheckboxEl.checked = false;
+        this.toggleObjectsCheckboxEl.indeterminate = false;
+        return;
+      }
+      const e = [ ...t.detail.values() ];
+      if (e.length === 0) {
+        this.toggleObjectsCheckboxEl.checked = false;
+        this.toggleObjectsCheckboxEl.indeterminate = false;
+        return;
+      }
+      const r = e[0].item.checked;
+      const i = e.every((t => t.item.checked === r));
+      this.toggleObjectsCheckboxEl.checked = r;
+      this.toggleObjectsCheckboxEl.indeterminate = !i;
+      /* /End of evaluate 'select/unselect checkbox' state*/
+      /* 2. Begin of checked items evaluation*/      const a = e.filter((t => t.item.checked));
+      // objects checked
+            const o = a.filter((t => t.item.metadata === l));
+      const s = [];
+      if (o.length > 0) {
+        o.forEach((t => {
+          s.push(t.item.id);
+        }));
+      }
+      /* /End of checked items evaluation*/
+      /* 3. Begin of caption update*/
+      /* TO DO (when we can differentiate the caption from the number of children)*/
+      // const categoryItems = allItemsWithCheckbox.filter(
+      //   node => node.item.metadata === KB_CATEGORY
+      // );
+      // categoryItems.forEach(category => {
+      //   const itemInfo = category.item;
+      //   // Update the amount of checked values
+      //   if (itemInfo.leaf !== true) {
+      //     const totalItems = itemInfo.items.length;
+      //     const totalItemsChecked = itemInfo.items.filter(
+      //       itemUIModel => itemUIModel.checked
+      //     ).length;
+      //     const newItemCaption =
+      //       totalItems !== totalItemsChecked
+      //         ? `${itemInfo.caption} (${totalItemsChecked}/${totalItems})`
+      //         : `${itemInfo.caption} (${totalItems})`;
+      //     // Only update the item caption if needed
+      //     if (newItemCaption !== itemInfo.caption) {
+      //       this.objectsTreeEl.updateItemsProperties([itemInfo.id], {
+      //         id: itemInfo.id,
+      //         caption: newItemCaption
+      //       });
+      //     }
+      //   }
+      // });
+      /* /End of caption update*/      this.checkedObjectsIds = s;
+    };
+    this.objectsTreeSelectedItemsChangedHandler = t => {
+      this.selectedObjectsInFileIds = t.detail.map((t => t.item.id));
+    };
+    this.objectsTreeContextMenuHandler = t => {
+      if (this.objectContextMenuCallback && t.detail.metadata === l) {
+        this.objectContextMenuCallback("imported", {
+          selection: this.selectedObjectsInFileIds,
+          clientX: t.detail.contextmenuEvent.screenX,
+          clientY: t.detail.contextmenuEvent.screenY
+        });
+      }
+    };
+    this.cancelImportHandler = () => {
+      if (this.cancelCallback) {
+        this.cancelCallback().then((t => {
+          if (t) {
+            this.topStateBarEl.active = false;
+          }
+        }));
+        // returns boolean
+            }
+    };
+    this.optionsHandler = () => {
+      if (this.optionsCallback) {
+        this.optionsCallback();
+        // returns boolean
+            }
+    };
+    this.clearStatusHandler = () => {
+      this.importTreeState = [];
+      this.statusInfo.error.number = 0;
+      this.statusInfo.warning.number = 0;
+      this.statusInfo.success.number = 0;
+    };
+    this.toggleSelectionClickHandler = t => {
+      const e = t.target.checked;
+      this.toggleObjectsCheckboxEl.indeterminate = false;
+      this.objectsTreeEl.updateAllItemsProperties({
+        checked: e
+      });
+    };
+    this.statusButtonsSelectionChangedHandler = t => {
+      const e = t.detail;
+      const r = e.findIndex((t => t.itemId === "error"));
+      const i = e.findIndex((t => t.itemId === "warning"));
+      const a = e.findIndex((t => t.itemId === "success"));
+      this.statusInfo = {
+        error: {
+          display: r !== -1,
+          number: this.statusInfo.error.number
+        },
+        warning: {
+          display: i !== -1,
+          number: this.statusInfo.warning.number
+        },
+        success: {
+          display: a !== -1,
+          number: this.statusInfo.success.number
+        }
+      };
+      this.evaluateImportStatusMessage();
+    };
+    this.evaluateCheckAllValue = () => {
+      let t = true;
+      const e = this.objectsInFileTotalNodes === this.checkedObjectsIds.length;
+      const r = this.objectsTreeState.length === 0 || !e;
+      if (r) {
+        t = false;
+      }
+      return t;
+    };
+    this.fileClearedHandler = () => {
+      this.selectedFile = null;
+    };
+    this.checkedObjectsIds = [];
+    this.noObjects = undefined;
+    this.showHiddenImportsMessage = false;
+    this.statusInfo = {
+      error: {
+        display: true,
+        number: 0
+      },
+      warning: {
+        display: true,
+        number: 0
+      },
+      success: {
+        display: true,
+        number: 0
+      }
+    };
+    this.objectsTreeState = [];
+    this.importStatusMessage = undefined;
+    this.someStatusVisible = undefined;
+    this.noImport = undefined;
+    this.importTreeState = [];
+    this.importingIsInProcess = false;
+    this.displayTitle = false;
+    this.topStateBar = true;
+    this.selectedFile = undefined;
+    this.optionsCallback = undefined;
+    this.importCallback = undefined;
+    this.loadCallback = undefined;
+    this.cancelCallback = undefined;
+    this.statusMinimal = false;
+    this.objectContextMenuCallback = undefined;
+  }
+  watchObjectsTreeStateHandler(t) {
+    this.noObjects = !!(t.length === 0 || !t);
+    this.objectsInFileTotalNodes = n(t);
+  }
+  watchImportTreeStateHandler() {
+    this.evaluateImport();
+    if (this.noImport) {
+      this.importStatusMessage = this._componentLocale.main.importStatus.noImportedFiles;
+    } else {
+      this.importStatusMessage = this._componentLocale.main.importStatus.importedButHidden;
+    }
+  }
+  watchImportingIsInProcessHandler(t) {
+    if (t && this.topStateBar) {
+      this.topStateBarEl.active = true;
+    } else if (!t && this.topStateBar) {
+      this.topStateBarEl.active = false;
+    }
+  }
+  watchSelectedFileHandler(t) {
+    if (t && t.name && t.size > 0) {
+      this.loadFileHandler();
+    }
+  }
+  // 6.COMPONENT LIFECYCLE EVENTS //
+  async componentWillLoad() {
+    this._componentLocale = await o.getComponentStrings(this.el);
+    this.componentDidLoadEvent.emit(true);
+    this.evaluateObjects();
+    this.evaluateImport();
+    this.importStatusMessage = this._componentLocale.main.importStatus.noImportedFiles;
+    this.evaluateImportStatusMessage();
+  }
+  componentDidLoad() {
+    this.fileInputEl.focus();
+  }
+  componentDidRender() {
+    if (!this.renderedFirstTime) {
+      this.componentDidRenderFirstTime.emit(this._componentLocale.componentName);
+      this.renderedFirstTime = true;
+    }
+  }
+  // 7.LISTENERS //
+  // 8.PUBLIC METHODS API //
+  /**
+     * Add the result of importing an item
+     */
+  async addResultItem(t) {
+    this.importTreeState = addImportItemResultDataItem(t, this.importCategoryData, this.importTreeState);
+    this.statusInfo[t.status].number++;
+  }
+  //  10.RENDER() FUNCTION //
+  render() {
+    var t;
+    return r(i, {
+      class: "gx-ide-component"
+    }, r("div", {
+      class: "gx-ide-main-wrapper"
+    }, r("gx-ide-container", {
+      noContentPadding: true,
+      noFooterPadding: true,
+      containerTitle: this.displayTitle ? this._componentLocale.componentName : null
+    }, r("header", {
+      class: "header",
+      slot: "header"
+    }, r("gxg-form-text", {
+      type: "file",
+      class: "select-file",
+      label: this._componentLocale.header.fileNameLabel,
+      placeholder: this._componentLocale.header.fileNamePlaceholder,
+      part: "file-name",
+      acceptFile: ".xpz, .xml",
+      clearButton: true,
+      iconPosition: "start",
+      onFileSelected: this.fileSelectedHandler,
+      onClearButtonClicked: this.fileClearedHandler,
+      ref: t => this.fileInputEl = t
+    }), r("gxg-button", {
+      type: "primary-text-icon",
+      icon: "gemini-tools/file",
+      part: "select-file-load-button",
+      onClick: this.selectFileAndLoadHandler,
+      disabled: this.importingIsInProcess
+    }, this._componentLocale.header.selectFileButton)), r("main", {
+      class: "main"
+    }, r("div", {
+      class: "container-wrapper"
+    }, this.topStateBar ? r("gxg-top-state-bar", {
+      class: "top-state-bar",
+      part: "top-state-bar",
+      caption: this._componentLocale.loader.title,
+      ref: t => this.topStateBarEl = t
+    }) : null, r("gx-ide-container", {
+      containerTitle: this._componentLocale.main.objectsInFile.title,
+      noContentPadding: true,
+      noBorderFooter: true,
+      class: "left-container",
+      slimmerFooter: true,
+      inactiveTitle: this.noObjects,
+      titleType: "secondary"
+    }, r("div", {
+      class: {
+        "tree-container": true,
+        "tree-container--objects-in-file": true,
+        "tree-container--empty": this.noObjects
+      }
+    }, !this.noObjects ? r("gxg-tree-view", {
+      treeModel: this.objectsTreeState,
+      dragDisabled: true,
+      dropDisabled: true,
+      toggleCheckboxes: true,
+      checkbox: true,
+      checked: true,
+      onCheckedItemsChange: this.objectsTreeCheckedItemsChangedHandler,
+      onSelectedItemsChange: this.objectsTreeSelectedItemsChangedHandler,
+      onItemContextmenu: this.objectsTreeContextMenuHandler,
+      ref: t => this.objectsTreeEl = t
+    }) : r("div", {
+      class: "gx-ide-message"
+    }, r("gxg-text", {
+      textAlign: s.gxgMessage.common.textAlign,
+      padding: s.gxgMessage.common.textAlign,
+      type: s.gxgMessage.common.type,
+      maxWidth: s.gxgMessage.common.maxWidth,
+      part: "objects-in-file-empty-status-message"
+    }, this._componentLocale.main.objectsInFile.noObjects, r("gxg-text", {
+      type: "text-link-no-line",
+      onClick: this.selectFileAndLoadHandler
+    }, this._componentLocale.main.objectsInFile.selectFile)))), r("gxg-form-checkbox", {
+      label: this._componentLocale.main.objectsInFile.selectUnselect,
+      part: "select-all-checkbox",
+      slot: "footer-start",
+      disabled: this.importingIsInProcess || this.objectsTreeState.length === 0,
+      checked: this.evaluateCheckAllValue(),
+      onChange: this.toggleSelectionClickHandler,
+      ref: t => this.toggleObjectsCheckboxEl = t
+    }), r("gxg-buttons-container", {
+      reduced: true,
+      slot: "footer-end",
+      ref: t => this.objectsButtonsGroup = t
+    }, r("gxg-button", {
+      id: "import-btn",
+      part: "import-button",
+      disabled: ((t = this.objectsTreeState) === null || t === void 0 ? void 0 : t.length) === 0 || this.importingIsInProcess,
+      onClick: this.importObjectsHandler,
+      selected: true
+    }, this._componentLocale.main.objectsInFile.importButton), r("gxg-button", {
+      id: "cancel-import-btn",
+      part: "cancel-import-button",
+      disabled: !this.importingIsInProcess,
+      onClick: this.cancelImportHandler
+    }, this._componentLocale.main.objectsInFile.cancelButton)), r("gxg-button", {
+      type: "secondary-icon-only",
+      icon: "gemini-tools/settings",
+      slot: "footer-end",
+      part: "select-kb-btn",
+      onClick: this.optionsHandler
+    }, this._componentLocale.header.optionsButton)), r("gx-ide-container", {
+      class: "right-container",
+      containerTitle: this._componentLocale.main.importStatus.title,
+      noContentPadding: true,
+      noBorderFooter: true,
+      slimmerFooter: true,
+      inactiveTitle: this.noImport,
+      titleType: "secondary"
+    }, r("div", {
+      class: {
+        "tree-container": true,
+        "tree-container--import-status": true,
+        "tree-container--empty": this.noImport || !this.someStatusVisible,
+        "tree-container--no-warnings": !this.statusInfo.warning.display,
+        "tree-container--no-errors": !this.statusInfo.error.display,
+        "tree-container--no-succeeded": !this.statusInfo.success.display
+      }
+    }, !this.noImport && this.someStatusVisible ? r("gxg-tree-view", {
+      treeModel: this.importTreeState,
+      toggleCheckboxes: true
+    }) : r("gxg-text", {
+      textAlign: s.gxgMessage.common.textAlign,
+      padding: s.gxgMessage.common.textAlign,
+      type: s.gxgMessage.common.type,
+      maxWidth: s.gxgMessage.common.maxWidth,
+      part: "objects-in-file-empty-status-message",
+      class: "gx-ide-message"
+    }, this.importStatusMessage)), r("gxg-button", {
+      type: "secondary-text-only",
+      slot: "footer-end",
+      part: "select-kb-btn",
+      onClick: this.clearStatusHandler,
+      disabled: this.noImport || this.importingIsInProcess
+    }, this._componentLocale.main.importStatus.clearButton), r("span", {
+      class: "ghost-element",
+      slot: "footer-start"
+    })))), r("footer", {
+      slot: "footer-start"
+    }, r("gx-ide-status-buttons", {
+      errors: this.statusInfo.error.number,
+      warnings: this.statusInfo.warning.number,
+      successes: this.statusInfo.success.number,
+      hideMessage: true,
+      compact: true,
+      noBorderTop: true,
+      noBorderBottom: true,
+      noBorderStart: true,
+      minimal: this.statusMinimal,
+      onSelectionChanged: this.statusButtonsSelectionChangedHandler
+    })))));
+  }
+  static get assetsDirs() {
+    return [ "gx-ide-assets/kb-manager-import" ];
+  }
+  get el() {
+    return a(this);
+  }
+  static get watchers() {
+    return {
+      objectsTreeState: [ "watchObjectsTreeStateHandler" ],
+      importTreeState: [ "watchImportTreeStateHandler" ],
+      importingIsInProcess: [ "watchImportingIsInProcessHandler" ],
+      selectedFile: [ "watchSelectedFileHandler" ]
+    };
+  }
+};
+
+d.style = g;
+
+export { d as gx_ide_kb_manager_import };
+//# sourceMappingURL=p-4a706d20.entry.js.map