@genexus/genexus-ide-ui 1.0.21 → 1.0.22

package/dist/genexus-ide-ui/p-336c340f.entry.js

@@ -0,0 +1,607 @@
+import { r as t, c as e, h as i, H as s, g as n } from "./p-aaed592c.js";
+
+import { g as a } from "./p-0b0ce806.js";
+
+import { L as o } from "./p-74d59062.js";
+
+/* objects in file metadata*/ const r = "object";
+
+const c = "category";
+
+const h = "status";
+
+// - - - - - - - - - - - - - - - - -
+// Objects In File Tree Model
+// - - - - - - - - - - - - - - - - -
+const convertImportCategoryItemToTreeItem = (t, e) => {
+  const i = [];
+  e.forEach((e => {
+    i.push({
+      id: e.id,
+      caption: e.name,
+      expanded: true,
+      leaf: true,
+      startImgSrc: t,
+      metadata: r
+    });
+  }));
+  return i;
+};
+
+const convertImportCategoryDataToTreeView = t => {
+  const e = [];
+  if (!t) {
+    return e;
+  }
+  t.forEach((t => {
+    const i = {
+      id: t.id,
+      caption: `${t.name} (${t.items.length})`,
+      expanded: true,
+      leaf: false,
+      startImgSrc: t.icon,
+      metadata: c,
+      items: convertImportCategoryItemToTreeItem(t.icon, t.items)
+    };
+    e.push(i);
+  }));
+  return e;
+};
+
+// - - - - - - - - - - - - - - - - -
+// Import Status Tree Model
+// - - - - - - - - - - - - - - - - -
+const createImportResultDataMessages = (t, e, i) => {
+  const s = [];
+  e.forEach(((e, n) => {
+    s.push({
+      id: `${t}-message-${n}`,
+      caption: e,
+      startImgSrc: "gemini-tools/list-view/on-surface",
+      leaf: true,
+      metadata: JSON.stringify({
+        [h]: i
+      })
+    });
+  }));
+  return s;
+};
+
+const createImportResultItem = (t, e) => {
+  const i = `${e.id}-${e.name}`;
+  const s = {
+    id: i,
+    startImgSrc: t.icon,
+    caption: e.name,
+    parts: `tree-view-item tree-view-item--status tree-view-item--${e.status}`,
+    expanded: true,
+    leaf: e.messages.length === 0,
+    metadata: JSON.stringify({
+      [h]: e.status
+    }),
+    items: createImportResultDataMessages(i, e.messages, e.status)
+  };
+  return s;
+};
+
+// This functions updates the "Import Status" model, by adding a new result item.
+const addImportItemResultDataItem = (t, e, i, s) => {
+  const n = [ ...s ];
+  // Use the resultItem.id to find the corresponding category in the categoryMap
+    const a = i.get(t.id);
+  const o = e.get(a);
+  const r = n.findIndex((t => t.id === a));
+  if (r === -1) {
+    // category does not exists yet.
+    const e = {
+      id: a,
+      caption: `${o.name} (1)`,
+      startImgSrc: `${o.icon}`,
+      expanded: true,
+      items: [ createImportResultItem(o, t) ]
+    };
+    n.push(e);
+    return n;
+  }
+  // else category already exists. Just insert the result item in the category.
+    const c = createImportResultItem(o, t);
+  n[r].items = [ ...n[r].items, c ];
+  // update category caption length
+    const h = n[r].items.length;
+  n[r].caption = `${o.name} (${h})`;
+  return n;
+};
+
+const l = ':host{display:grid;block-size:100%;grid-template:"header header" max-content "objects-in-file import-status" 1fr "footer footer" max-content;grid-template-columns:1fr 1fr}.section{display:contents}.header{grid-template-columns:1fr max-content;grid-area:header}.objects-in-file__section{grid-area:objects-in-file}.objects-in-file__main{border-inline-end:var(--section-common-border);grid-template-rows:1fr max-content}.objects-in-file__footer{display:grid}.import-status__section{grid-area:import-status}.import-status__main{grid-template-rows:1fr max-content}.import-status__footer{display:flex}.import-clear-status-btn{margin-inline-start:auto}.objects-in-file__section,.import-status__section{display:grid;grid-template-rows:max-content 1fr}.control-header__objects-in-file,.control-header__import-status{padding-block-start:var(--mer-spacing--md)}.objects-in-file__main,.import-status__main{grid-auto-rows:max-content;padding-block:var(--content-block-spacing);overflow:auto}.footer{display:flex;grid-area:footer;border-block-start:var(--section-common-border)}.text-align-center{text-align:center}.tree-view::part(item__action tree-view-item--status){grid-template:"first-img left-img text right-img"/max-content max-content 1fr max-content}.tree-view::part(item__action tree-view-item--status)::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)}.tree-view::part(item__action tree-view-item--success):before{background-image:none;background-color:var(--color-success-dark)}.tree-view::part(item__action tree-view-item--warning):before{background-image:none;background-color:var(--color-warning-dark)}.tree-view::part(item__action tree-view-item--error):before{background-image:none;background-color:var(--color-error-dark)}';
+
+var d = undefined && undefined.__classPrivateFieldGet || function(t, e, i, s) {
+  if (i === "a" && !s) throw new TypeError("Private accessor was defined without a getter");
+  if (typeof e === "function" ? t !== e || !s : !e.has(t)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+  return i === "m" ? s : i === "a" ? s.call(t) : s ? s.value : e.get(t);
+};
+
+var f = undefined && undefined.__classPrivateFieldSet || function(t, e, i, s, n) {
+  if (s === "m") throw new TypeError("Private method is not writable");
+  if (s === "a" && !n) throw new TypeError("Private accessor was defined without a setter");
+  if (typeof e === "function" ? t !== e || !n : !e.has(t)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+  return s === "a" ? n.call(t, i) : n ? n.value = i : e.set(t, i), i;
+};
+
+var m, p, u, b, g, w, k, y, v, _, x, M, W, j, C, T, S, I, $, E, D, F, L, H, O, R;
+
+const z = [ "resets/box-sizing", "components/button", "components/checkbox", "components/edit", "components/icon", "components/tree-view", "utils/form", "utils/layout", "utils/typography", "utils/spacing" ];
+
+const A = a({
+  category: "gemini-tools",
+  name: "notice",
+  colorType: "on-elevation"
+});
+
+const N = a({
+  category: "gemini-tools",
+  name: "file",
+  colorType: "primary"
+});
+
+const P = a({
+  category: "gemini-tools",
+  name: "settings",
+  colorType: "primary"
+});
+
+const J = a({
+  category: "menus",
+  name: "delete",
+  colorType: "primary"
+});
+
+const V = "allChecked";
+
+const U = "allUnchecked";
+
+const X = class {
+  constructor(i) {
+    t(this, i);
+    this.componentDidLoadEvent = e(this, "componentDidLoadEvent", 7);
+    this.componentDidRenderFirstTime = e(this, "componentDidRenderFirstTime", 7);
+    /**
+         * The component hard-coded strings translations.
+         */
+    // eslint-disable-next-line @stencil-community/own-props-must-be-private
+        m.set(this, void 0);
+    p.set(this, []);
+    u.set(this, void 0);
+    b.set(this, void 0);
+    g.set(this, void 0);
+    w.set(this, new Set);
+    k.set(this, new Set);
+    y.set(this, new Set);
+    // #categoryItemMap maps a category id, with the name and icon.
+    // required for the "import status" tree.
+        v.set(this, new Map);
+    _.set(this, new Map);
+    x.set(this, (() => {
+      this.cancelCallback();
+    }));
+    M.set(this, (() => {
+      this.importTreeState = [];
+      this.statusInfo.error.number = 0;
+      this.statusInfo.warning.number = 0;
+      this.statusInfo.success.number = 0;
+    }));
+    W.set(this, (() => {
+      var t;
+      this.noImport = !!(((t = this.importTreeState) === null || t === void 0 ? void 0 : t.length) === 0 || !this.importTreeState);
+    }));
+    j.set(this, (() => {
+      this.someStatusVisible = this.statusInfo.error.display || this.statusInfo.warning.display || this.statusInfo.success.display;
+    }));
+    C.set(this, (async () => {
+      /* first clear imported objects (this clears errors/warnings/success counts as well)*/
+      d(this, M, "f").call(this);
+      /* then do the import*/      this.importingIsInProcess = true;
+      this.importCallback(this.checkedObjectsIds).then((() => {
+        this.importingIsInProcess = false;
+      }));
+    }));
+    T.set(this, (async t => {
+      const e = await this.loadCallback(t);
+      d(this, v, "f").clear();
+      d(this, _, "f").clear();
+      e.forEach((t => {
+        d(this, v, "f").set(t.id, {
+          name: t.name,
+          icon: t.icon
+        });
+        t.items.forEach((e => {
+          d(this, _, "f").set(e.id, t.id);
+        }));
+      }));
+      const i = convertImportCategoryDataToTreeView(e);
+      this.objectsTreeModel = i;
+    }));
+    S.set(this, (t => {
+      const e = t.detail;
+      const i = [];
+      const s = [];
+      e.forEach((t => {
+        if (t.item.checked) {
+          i.push(t.item.id);
+        }
+        if (t.item.checked && t.item.metadata === r) {
+          s.push(t.item.id);
+        }
+      }));
+      this.checkedObjectsIds = s;
+      // Evaluate "Select All / Unselect All" checkbox state
+            if (e.size === i.length) {
+        this.selectAllCheckboxValue = V;
+        this.selectAllCheckboxIndeterminate = false;
+      } else if (i.length === 0) {
+        this.selectAllCheckboxValue = U;
+        this.selectAllCheckboxIndeterminate = false;
+      } else {
+        this.selectAllCheckboxIndeterminate = true;
+      }
+    }));
+    I.set(this, (t => {
+      if (t.detail.metadata === r) {
+        this.objectContextMenuCallback("imported", {
+          selection: d(this, p, "f"),
+          clientX: t.detail.contextmenuEvent.screenX,
+          clientY: t.detail.contextmenuEvent.screenY
+        });
+      }
+    }));
+    $.set(this, (t => {
+      f(this, p, t.detail.map((t => t.item.id)), "f");
+    }));
+    E.set(this, (() => {
+      if (this.optionsCallback) {
+        this.optionsCallback();
+        // returns boolean
+            }
+    }));
+    D.set(this, (() => {
+      this.selectedFile = null;
+      d(this, b, "f").value = null;
+    }));
+    F.set(this, (() => {
+      d(this, b, "f").click();
+    }));
+    L.set(this, (t => {
+      var e;
+      const i = t.target;
+      if (((e = i.files) === null || e === void 0 ? void 0 : e.length) > 0) {
+        this.selectedFile = i.files[0];
+      }
+    }));
+    H.set(this, (t => {
+      const e = t.detail;
+      const i = [];
+      const s = e.findIndex((t => t.itemId === "errors"));
+      const n = e.findIndex((t => t.itemId === "warnings"));
+      const a = e.findIndex((t => t.itemId === "successes"));
+      if (s !== -1) {
+        i.push("error");
+      }
+      if (n !== -1) {
+        i.push("warning");
+      }
+      if (a !== -1) {
+        i.push("success");
+      }
+      let o = `"${h}":""`;
+      if (i.length) {
+        const t = i.join("|");
+        o = `"${h}":"(${t})"`;
+      }
+      this.importedTreeFilterRegExp = new RegExp(o, "i");
+      // Update statusInfo for the status-buttons
+            this.statusInfo = {
+        error: {
+          display: s !== -1,
+          number: this.statusInfo.error.number
+        },
+        warning: {
+          display: n !== -1,
+          number: this.statusInfo.warning.number
+        },
+        success: {
+          display: a !== -1,
+          number: this.statusInfo.success.number
+        }
+      };
+      d(this, j, "f").call(this);
+    }));
+    O.set(this, (t => {
+      if (d(this, g, "f")) {
+        const e = t.detail === V;
+        d(this, g, "f").updateAllItemsProperties({
+          checked: e
+        });
+      }
+    }));
+    R.set(this, (() => {
+      d(this, y, "f").clear();
+      d(this, k, "f").clear();
+      d(this, w, "f").clear();
+      this.importTreeState.forEach((t => {
+        const e = t.items;
+        e.forEach((t => {
+          if (t.metadata === "error") {
+            d(this, y, "f").add(t.id);
+          }
+          if (t.metadata === "warning") {
+            d(this, k, "f").add(t.id);
+          }
+          if (t.metadata === "success") {
+            d(this, w, "f").add(t.id);
+          }
+        }));
+      }));
+    }));
+    this.checkedObjectsIds = [];
+    this.selectAllCheckboxValue = undefined;
+    this.selectAllCheckboxIndeterminate = false;
+    this.importStatusMessage = undefined;
+    this.importTreeState = [];
+    this.importedTreeFilterRegExp = undefined;
+    this.importingIsInProcess = false;
+    this.importTreeFilterList = [];
+    this.noImport = undefined;
+    this.noObjects = true;
+    this.objectsTreeModel = [];
+    this.showHiddenImportsMessage = false;
+    this.someStatusVisible = undefined;
+    this.statusInfo = {
+      error: {
+        display: true,
+        number: 0
+      },
+      warning: {
+        display: true,
+        number: 0
+      },
+      success: {
+        display: true,
+        number: 0
+      }
+    };
+    this.cancelCallback = undefined;
+    this.importCallback = undefined;
+    this.loadCallback = undefined;
+    this.objectContextMenuCallback = undefined;
+    this.optionsCallback = undefined;
+    this.selectedFile = undefined;
+    this.statusMinimal = false;
+  }
+  importTreeStateChanged() {
+    // this.#filterImportedHandler();
+  }
+  watchImportTreeStateHandler() {
+    d(this, W, "f").call(this);
+    if (this.noImport) {
+      this.importStatusMessage = d(this, m, "f").main.importStatus.noImportedFiles;
+    } else {
+      this.importStatusMessage = d(this, m, "f").main.importStatus.importedButHidden;
+    }
+  }
+  watchObjectsTreeModelHandler(t) {
+    this.noObjects = !t || t.length === 0;
+  }
+  selectedFileChanged(t) {
+    if (t) {
+      d(this, T, "f").call(this, t);
+    }
+  }
+  componentDidLoad() {
+    d(this, u, "f").focus();
+  }
+  componentDidRender() {}
+  async componentWillLoad() {
+    f(this, m, await o.getComponentStrings(this.el), "f");
+    this.componentDidLoadEvent.emit(true);
+    // this.#evaluateObjects();
+        d(this, W, "f").call(this);
+    this.importStatusMessage = d(this, m, "f").main.importStatus.noImportedFiles;
+    d(this, j, "f").call(this);
+  }
+  /**
+     * Add the result of importing an item
+     */  async addResultItem(t) {
+    this.importTreeState = addImportItemResultDataItem(t, d(this, v, "f"), d(this, _, "f"), this.importTreeState);
+    this.statusInfo[t.status].number++;
+    d(this, R, "f").call(this);
+  }
+  render() {
+    var t, e;
+    return i(s, {
+      class: "widget"
+    }, i("ch-theme", {
+      model: z
+    }), i("section", {
+      class: "section"
+    }, i("header", {
+      // header
+      class: "field-group control-header-with-border header header-two-cols spacing-body-block-start spacing-body-inline",
+      slot: "header"
+    }, i("div", {
+      // select a file
+      class: "field field-inline"
+    }, i("label", {
+      class: "label",
+      htmlFor: "file-name"
+    }, d(this, m, "f").header.fileNameLabel), i("ch-edit", {
+      autoFocus: true,
+      id: "file-name",
+      class: "input",
+      part: "file-name",
+      type: "text",
+      readonly: true,
+      value: (t = this.selectedFile) === null || t === void 0 ? void 0 : t.name,
+      placeholder: d(this, m, "f").header.fileNamePlaceholder,
+      startImgSrc: N,
+      ref: t => f(this, u, t, "f")
+    }), i("input", {
+      hidden: true,
+      type: "file",
+      accept: ".xpz, .xml",
+      onChange: d(this, L, "f"),
+      ref: t => f(this, b, t, "f")
+    })), i("div", {
+      class: "buttons-spacer"
+    }, i("button", {
+      "aria-label": d(this, m, "f").header.removeFileSelection,
+      title: d(this, m, "f").header.removeFileSelection,
+      id: "reset-all-button",
+      class: "button-tertiary button-icon-only",
+      part: "reset-all-button",
+      onClick: d(this, D, "f")
+    }, i("ch-image", {
+      class: "icon-md",
+      src: J
+    })), i("button", {
+      // select file
+      id: "select-file-load-button",
+      class: "button-primary",
+      part: "select-file-load-button",
+      onClick: d(this, F, "f"),
+      disabled: this.importingIsInProcess
+    }, d(this, m, "f").header.selectFileButton))), i("section", {
+      // objects in file
+      class: "objects-in-file__section"
+    }, i("h2", {
+      class: "control-header control-header-with-border control-header__objects-in-file heading-5 text-align-center spacing-body-inline"
+    }, d(this, m, "f").main.objectsInFile.title), i("div", {
+      class: "field-group objects-in-file__main"
+    }, !this.noObjects ? i("ch-tree-view-render", {
+      // objects in file tree
+      showLines: "last",
+      class: "tree-view",
+      model: this.objectsTreeModel,
+      dragDisabled: true,
+      dropDisabled: true,
+      toggleCheckboxes: true,
+      checkbox: true,
+      checked: true,
+      onCheckedItemsChange: d(this, S, "f"),
+      onSelectedItemsChange: d(this, $, "f"),
+      onItemContextmenu: d(this, I, "f"),
+      ref: t => f(this, g, t, "f")
+    }) : i("gx-ide-empty-state", {
+      isAnimated: false,
+      stateTitle: d(this, m, "f").main.objectsInFile.noObjects,
+      key: "no-objects-empty-state"
+    }, i("button", {
+      // begin by selecting a file
+      class: "button-secondary",
+      onClick: d(this, F, "f")
+    }, d(this, m, "f").main.objectsInFile.selectFile)), i("footer", {
+      class: "field-group objects-in-file__footer spacing-body-inline"
+    }, i("ch-checkbox", {
+      // select all / unselect all checkbox
+      id: "select-all-checkbox",
+      class: "checkbox create-data-in-kb",
+      checkedValue: V,
+      unCheckedValue: U,
+      caption: d(this, m, "f").main.objectsInFile.selectUnselect,
+      value: this.selectAllCheckboxValue,
+      onInput: d(this, O, "f"),
+      disabled: this.importingIsInProcess || this.objectsTreeModel.length === 0,
+      part: "select-all-checkbox"
+    }), i("div", {
+      class: "buttons-spacer"
+    }, i("button", {
+      // import objects button
+      id: "import-btn",
+      class: "button-primary ",
+      onClick: d(this, C, "f"),
+      disabled: ((e = this.objectsTreeModel) === null || e === void 0 ? void 0 : e.length) === 0 || this.importingIsInProcess
+    }, d(this, m, "f").main.objectsInFile.importButton), i("button", {
+      // cancel-import button
+      id: "cancel-import-btn",
+      class: "button-secondary ",
+      onClick: d(this, x, "f"),
+      disabled: !this.importingIsInProcess,
+      part: "cancel-import-button"
+    }, d(this, m, "f").main.objectsInFile.cancelButton), i("button", {
+      // settings/options button
+      id: "select-kb-btn",
+      class: "button-tertiary button-icon-only",
+      part: "select-kb-btn",
+      onClick: d(this, E, "f")
+    }, i("ch-image", {
+      class: "icon-md",
+      src: P
+    })))))), i("section", {
+      // import status
+      class: "import-status__section"
+    }, i("h2", {
+      class: "control-header control-header-with-border control-header__import-status heading-5 text-align-center spacing-body-inline"
+    }, d(this, m, "f").main.importStatus.title), i("div", {
+      class: "field-group import-status__main"
+    }, !this.noImport && this.someStatusVisible ? i("ch-tree-view-render", {
+      // import status tree
+      model: this.importTreeState,
+      toggleCheckboxes: true,
+      showLines: "last",
+      class: "tree-view",
+      filter: this.importedTreeFilterRegExp,
+      filterType: "metadata",
+      filterOptions: {
+        autoExpand: true,
+        hideMatchesAndShowNonMatches: false
+      }
+    }) : i("gx-ide-empty-state", {
+      isAnimated: false,
+      stateIconSrc: A,
+      stateTitle: this.importStatusMessage,
+      key: "no-objects-empty-state"
+    }), i("footer", {
+      class: "import-status__footer spacing-body-inline"
+    }, i("button", {
+      // clear status button
+      class: "button-secondary import-clear-status-btn",
+      onClick: d(this, M, "f"),
+      disabled: this.noImport || this.importingIsInProcess,
+      part: "clear-status-btn"
+    }, d(this, m, "f").main.importStatus.clearButton)))), i("footer", {
+      // footer
+      class: "footer"
+    }, i("gx-ide-status-buttons", {
+      errors: this.statusInfo.error.number,
+      warnings: this.statusInfo.warning.number,
+      successes: this.statusInfo.success.number,
+      hideMessage: true,
+      compact: true,
+      minimal: this.statusMinimal,
+      onSelectionChanged: d(this, H, "f")
+    }))));
+  }
+  static get assetsDirs() {
+    return [ "gx-ide-assets/kb-manager-import" ];
+  }
+  get el() {
+    return n(this);
+  }
+  static get watchers() {
+    return {
+      importTreeState: [ "importTreeStateChanged", "watchImportTreeStateHandler" ],
+      objectsTreeModel: [ "watchObjectsTreeModelHandler" ],
+      selectedFile: [ "selectedFileChanged" ]
+    };
+  }
+};
+
+m = new WeakMap, p = new WeakMap, u = new WeakMap, b = new WeakMap, g = new WeakMap, 
+w = new WeakMap, k = new WeakMap, y = new WeakMap, v = new WeakMap, _ = new WeakMap, 
+x = new WeakMap, M = new WeakMap, W = new WeakMap, j = new WeakMap, C = new WeakMap, 
+T = new WeakMap, S = new WeakMap, I = new WeakMap, $ = new WeakMap, E = new WeakMap, 
+D = new WeakMap, F = new WeakMap, L = new WeakMap, H = new WeakMap, O = new WeakMap, 
+R = new WeakMap;
+
+X.style = l;
+
+export { X as gx_ide_kb_manager_import };
+//# sourceMappingURL=p-336c340f.entry.js.map