@genexus/genexus-ide-ui 0.0.100 → 0.0.102

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

@@ -1,583 +0,0 @@
-import { r as t, c as e, h as i, H as r, g as s } from "./p-2776d2f9.js";
-
-import { L as n } from "./p-74d59062.js";
-
-import { c as a } from "./p-9c1b4eb9.js";
-
-import { c as o } from "./p-04f3d630.js";
-
-/* objects in file metadata*/ const c = "object";
-
-const l = "category";
-
-const convertImportItemToTreeItem = (t, e) => {
-  const i = [];
-  e.forEach((e => {
-    i.push({
-      id: e.id,
-      caption: e.name,
-      leftImgSrc: t,
-      expanded: true,
-      leaf: true,
-      class: "object tree-view-item",
-      metadata: c
-    });
-  }));
-  return i;
-};
-
-/**
- * @description This function converts ReferenceData[] data to TreeItemData[]
- */ const convertImportCategoryToTreeView = t => {
-  const e = [];
-  if (!t) {
-    return e;
-  }
-  t.forEach((t => {
-    const i = {
-      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: l,
-      items: convertImportItemToTreeItem(t.icon, t.items)
-    };
-    e.push(i);
-  }));
-  return e;
-};
-
-const createImportResultDataMessages = (t, e) => {
-  const i = [];
-  e.forEach(((e, r) => {
-    i.push({
-      id: `${t}-message-${r}}]`,
-      caption: e,
-      leftImgSrc: "gx-test/test-results",
-      leaf: true
-    });
-  }));
-  return i;
-};
-
-const updateImportStatusTree = (t, e) => {
-  var i;
-  const r = e.findIndex((e => e.id === t.categoryId));
-  if (r === -1) {
-    // object category node does not exists. We have to create it, and insert the import result tree node inside.
-    const i = {
-      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(i);
-  } 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 s = (i = e[r].items) === null || i === void 0 ? void 0 : i.findIndex((e => e.id === t.id));
-    if (s === -1) {
-      // ImportItem does not exists already
-      const i = {
-        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[r].items.push(i);
-      // 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[r].caption = `${t.categoryName} (${e[r].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 i = Object.assign({
-    categoryId: undefined,
-    categoryName: undefined,
-    categoryIcon: undefined
-  }, t);
-  t: for (let r = 0; r < e.length; r++) {
-    const s = e[r];
-    for (let e = 0; e < s.items.length; e++) {
-      if (s.items[e].id === t.id) {
-        i.categoryId = s.id;
-        i.categoryName = s.name;
-        i.categoryIcon = s.icon;
-        break t;
-      }
-    }
-  }
-  return i;
-};
-
-/**
- * @description This function adds an ImportItemResultData item to the "importTreeState", and returns the updated tree with the new item added.
- */ const addImportItemResultDataItem = (t, e, i) => {
-  let r = [ ...i ];
-  // first, update importItemResultData with the category data. It will be needed later.
-    const s = createImportResultFullData(t, e);
-  r = updateImportStatusTree(s, r);
-  return r;
-};
-
-const d = '.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}: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 h = class {
-  constructor(i) {
-    t(this, i);
-    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 i = e[0].item.checked;
-      const r = e.every((t => t.item.checked === i));
-      this.toggleObjectsCheckboxEl.checked = i;
-      this.toggleObjectsCheckboxEl.indeterminate = !r;
-      /* /End of evaluate 'select/unselect checkbox' state*/
-      /* 2. Begin of checked items evaluation*/      const s = e.filter((t => t.item.checked));
-      // objects checked
-            const n = s.filter((t => t.item.metadata === c));
-      const a = [];
-      if (n.length > 0) {
-        n.forEach((t => {
-          a.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 = a;
-    };
-    this.objectsTreeSelectedItemsChangedHandler = t => {
-      this.selectedObjectsInFileIds = t.detail.map((t => t.item.id));
-    };
-    this.objectsTreeContextMenuHandler = t => {
-      if (this.objectContextMenuCallback && t.detail.metadata === c) {
-        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 i = e.findIndex((t => t.itemId === "error"));
-      const r = e.findIndex((t => t.itemId === "warning"));
-      const s = e.findIndex((t => t.itemId === "success"));
-      this.statusInfo = {
-        error: {
-          display: i !== -1,
-          number: this.statusInfo.error.number
-        },
-        warning: {
-          display: r !== -1,
-          number: this.statusInfo.warning.number
-        },
-        success: {
-          display: s !== -1,
-          number: this.statusInfo.success.number
-        }
-      };
-      this.evaluateImportStatusMessage();
-    };
-    this.evaluateCheckAllValue = () => {
-      let t = true;
-      const e = this.objectsInFileTotalNodes === this.checkedObjectsIds.length;
-      const i = this.objectsTreeState.length === 0 || !e;
-      if (i) {
-        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 = o(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 n.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 i(r, {
-      class: "gx-ide-component"
-    }, i("div", {
-      class: "gx-ide-main-wrapper"
-    }, i("gx-ide-container", {
-      noContentPadding: true,
-      noFooterPadding: true,
-      containerTitle: this.displayTitle ? this._componentLocale.componentName : null
-    }, i("header", {
-      class: "header",
-      slot: "header"
-    }, i("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
-    }), i("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)), i("main", {
-      class: "main"
-    }, i("div", {
-      class: "container-wrapper"
-    }, this.topStateBar ? i("gxg-top-state-bar", {
-      class: "top-state-bar",
-      part: "top-state-bar",
-      caption: this._componentLocale.loader.title,
-      ref: t => this.topStateBarEl = t
-    }) : null, i("gx-ide-container", {
-      containerTitle: this._componentLocale.main.objectsInFile.title,
-      noContentPadding: true,
-      noBorderFooter: true,
-      class: "left-container",
-      slimmerFooter: true,
-      inactiveTitle: this.noObjects,
-      titleType: "secondary"
-    }, i("div", {
-      class: {
-        "tree-container": true,
-        "tree-container--objects-in-file": true,
-        "tree-container--empty": this.noObjects
-      }
-    }, !this.noObjects ? i("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
-    }) : i("div", {
-      class: "gx-ide-message"
-    }, i("gxg-text", {
-      textAlign: a.gxgMessage.common.textAlign,
-      padding: a.gxgMessage.common.textAlign,
-      type: a.gxgMessage.common.type,
-      maxWidth: a.gxgMessage.common.maxWidth,
-      part: "objects-in-file-empty-status-message"
-    }, this._componentLocale.main.objectsInFile.noObjects, i("gxg-text", {
-      type: "text-link-no-line",
-      onClick: this.selectFileAndLoadHandler
-    }, this._componentLocale.main.objectsInFile.selectFile)))), i("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
-    }), i("gxg-buttons-container", {
-      reduced: true,
-      slot: "footer-end",
-      ref: t => this.objectsButtonsGroup = t
-    }, i("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), i("gxg-button", {
-      id: "cancel-import-btn",
-      part: "cancel-import-button",
-      disabled: !this.importingIsInProcess,
-      onClick: this.cancelImportHandler
-    }, this._componentLocale.main.objectsInFile.cancelButton)), i("gxg-button", {
-      type: "secondary-icon-only",
-      icon: "gemini-tools/settings",
-      slot: "footer-end",
-      part: "select-kb-btn",
-      onClick: this.optionsHandler
-    }, this._componentLocale.header.optionsButton)), i("gx-ide-container", {
-      class: "right-container",
-      containerTitle: this._componentLocale.main.importStatus.title,
-      noContentPadding: true,
-      noBorderFooter: true,
-      slimmerFooter: true,
-      inactiveTitle: this.noImport,
-      titleType: "secondary"
-    }, i("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 ? i("gxg-tree-view", {
-      treeModel: this.importTreeState,
-      toggleCheckboxes: true
-    }) : i("gxg-text", {
-      textAlign: a.gxgMessage.common.textAlign,
-      padding: a.gxgMessage.common.textAlign,
-      type: a.gxgMessage.common.type,
-      maxWidth: a.gxgMessage.common.maxWidth,
-      part: "objects-in-file-empty-status-message",
-      class: "gx-ide-message"
-    }, this.importStatusMessage)), i("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), i("span", {
-      class: "ghost-element",
-      slot: "footer-start"
-    })))), i("footer", {
-      slot: "footer-start"
-    }, i("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 s(this);
-  }
-  static get watchers() {
-    return {
-      objectsTreeState: [ "watchObjectsTreeStateHandler" ],
-      importTreeState: [ "watchImportTreeStateHandler" ],
-      importingIsInProcess: [ "watchImportingIsInProcessHandler" ],
-      selectedFile: [ "watchSelectedFileHandler" ]
-    };
-  }
-};
-
-h.style = d;
-
-export { h as gx_ide_kb_manager_import };
-//# sourceMappingURL=p-ca86fe87.entry.js.map