@genexus/genexus-ide-ui 1.0.3 → 1.0.5

package/dist/genexus-ide-ui/p-2cb766ce.entry.js

@@ -0,0 +1,493 @@
+import { r as t, h as e, H as s, g as i } from "./p-aaed592c.js";
+
+import { L as n } from "./p-74d59062.js";
+
+import { g as a } from "./p-6df9fab1.js";
+
+const o = "property";
+
+const r = "object";
+
+const getPropertyIcon = (t, e) => 
+// The object icon has to be retrieved from the ObjectTypes array, by
+// matching the ObjectData typeId with the ObjectType id
+e.find((e => e.id === t)).icon;
+
+const convertObjectTypeToTreeItem = t => ({
+  caption: t.name,
+  id: t.id,
+  startImgSrc: t.icon,
+  leaf: false,
+  parts: "object-type tree-view-item",
+  expanded: true,
+  items: []
+});
+
+const convertObjectToTreeItem = (t, e) => ({
+  caption: t.name,
+  id: t.id,
+  startImgSrc: e.get(t.typeId).icon,
+  parts: "object tree-view-item",
+  metadata: r,
+  leaf: true
+});
+
+const convertPropertyToTreeItem = (t, e) => ({
+  caption: t.name,
+  id: t.id,
+  startImgSrc: getPropertyIcon(t.typeId, e),
+  parts: "property tree-view-item",
+  metadata: o,
+  leaf: true
+})
+/**
+ * Updates the tree model with the provided objects.
+ * Objects may already exist and are placed under their parent node.
+ * If the parent node doesn't exist (identified by typeId on ObjectTypes),
+ * it is created and added at the bottom.
+ *
+ * @param {ObjectData[] | undefined} objects - The array of objects to update.
+ * @param {Map<string, ObjectType>} objectTypesMap - A map of object types by ID.
+ * @param {Set<string>} objectsSet - A set of existing object IDs.
+ * @param {TreeViewModel} actualTreeState - The current tree state to be updated.
+ * @returns {TreeViewModel} - The updated tree view model.
+ */;
+
+const updateObjectsTreeModel = (t, e, s, i) => {
+  if (!t) {
+    return [ ...i ];
+  }
+  const n = [ ...i ];
+  t.forEach((t => {
+    // objects that already exists in the actual actualTreeState should not be added.
+    if (s.has(t.id)) {
+      // object already exists
+      return;
+    }
+    const i = convertObjectToTreeItem(t, e);
+    // TODO: Improve the algorithm efficiency. This check visits potentially all nodes
+    // from the TreeViewModel on each iteration. Using a Map to pre-store the TreeView
+    // nodes would improve efficiency.
+        const a = n.findIndex((e => e.id === t.typeId));
+    if (a === -1) {
+      // Create and add new object type tree item
+      const s = e.get(t.typeId);
+      if (s) {
+        const t = convertObjectTypeToTreeItem(s);
+        t.items.push(i);
+        n.push(t);
+      }
+    } else {
+      // objectType exists already. insert object as children of the object type tree item.
+      n[a].items.push(i);
+    }
+    s.add(t.id);
+  }));
+  return n;
+};
+
+/**
+ * Converts an array of KB properties data into tree item data for a tree view.
+ *
+ * @param {KBPropertyData[]} properties - The array of KB property data.
+ * @param {KBPropertyType[]} kbPropertiesTypes - The array of KB property types.
+ * @param {TreeViewModel} actualTreeState - The current state of the tree.
+ * @returns {TreeViewModel} - The updated tree view item models.
+ */ const convertKbPropertiesDataToTreeItemData = (t, e, s) => {
+  if (!t) {
+    return [ ...s ];
+  }
+  const i = [ ...s ];
+  t.forEach((t => {
+    // properties have no parent node, and they should be added at the beginning of the tree
+    const s = i.find((e => e.id === t.id)) !== undefined;
+    if (s) {
+      return;
+    }
+    const n = convertPropertyToTreeItem(t, e);
+    i.unshift(n);
+  }));
+  return i;
+};
+
+/**
+ * Removes properties from the tree model.
+ *
+ * @param {TreeViewModel} actualTreeState - The current state of the tree,
+ * containing various tree view items.
+ * @returns {TreeViewModel} - A new array of tree view items that excludes
+ * any items with metadata of type `KB_PROPERTY`.
+ */ const clearKbPropertiesFromTree = t => t.filter((t => t.metadata !== o));
+
+const c = '.section{display:grid;block-size:100%;grid-template:"export-file-name buttons-container buttons-container buttons-container" max-content "checkboxes checkboxes checkboxes checkboxes" max-content "main main main main" 1fr "footer footer footer footer" max-content/1fr max-content max-content max-content}.header{display:contents}.header .export-file-name{grid-area:export-file-name}.header__buttons-container{grid-area:buttons-container;display:flex;gap:var(--mer-spacing--sm)}.header__checkboxes{grid-area:checkboxes;grid-template-columns:max-content 1fr}.main{grid-area:main;position:relative}.footer{grid-area:footer;justify-content:space-between}.footer .clear-btn{margin-inline-end:auto}';
+
+var h = undefined && undefined.__classPrivateFieldSet || function(t, e, s, i, n) {
+  if (i === "m") throw new TypeError("Private method is not writable");
+  if (i === "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 i === "a" ? n.call(t, s) : n ? n.value = s : e.set(t, s), s;
+};
+
+var d = undefined && undefined.__classPrivateFieldGet || function(t, e, s, i) {
+  if (s === "a" && !i) throw new TypeError("Private accessor was defined without a getter");
+  if (typeof e === "function" ? t !== e || !i : !e.has(t)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+  return s === "m" ? i : s === "a" ? i.call(t) : i ? i.value : e.get(t);
+};
+
+var f, l, p, u, b, m, w, k, y, g, x, v, M, W, T, j, C, _, I, S, E, z, V, L;
+
+const A = a({
+  category: "gemini-tools",
+  name: "file",
+  colorType: "on-elevation"
+});
+
+const D = a({
+  category: "gemini-tools",
+  name: "settings",
+  colorType: "primary"
+});
+
+const P = a({
+  category: "window-tools",
+  name: "references",
+  colorType: "neutral"
+});
+
+const F = a({
+  category: "menus",
+  name: "new-object",
+  colorType: "on-primary"
+});
+
+const G = a({
+  category: "controls",
+  name: "treeview"
+});
+
+const H = "true";
+
+const K = [ "resets/box-sizing", "components/button", "components/checkbox", "components/edit", "components/icon", "components/tree-view", "utils/form", "utils/layout", "utils/typography" ];
+
+const q = class {
+  constructor(s) {
+    t(this, s);
+    f.add(this);
+    l.set(this, void 0);
+    p.set(this, void 0);
+    u.set(this, false);
+    b.set(this, void 0);
+    m.set(this, void 0);
+    w.set(this, void 0);
+    /**
+         * Stores the object types information (name, and icon)
+         */
+    // eslint-disable-next-line @stencil-community/own-props-must-be-private
+        k.set(this, new Map);
+    /**
+         * Stores the object's id that have been added.
+         */
+    // eslint-disable-next-line @stencil-community/own-props-must-be-private
+        y.set(this, new Set);
+    g.set(this, (async t => {
+      this.addKbPropertiesIsChecked = t.detail.target.value === H;
+      if (this.addKbPropertiesIsChecked) {
+        h(this, w, await this.addKBPropertiesCallback(), "f");
+        if (d(this, w, "f").length) {
+          this.objectsTreeViewModel = convertKbPropertiesDataToTreeItemData(d(this, w, "f"), this.kbPropertiesTypes, this.objectsTreeViewModel);
+        }
+      } else {
+        // previous properties (if any) should be removed
+        this.objectsTreeViewModel = clearKbPropertiesFromTree(this.objectsTreeViewModel);
+      }
+    }));
+    x.set(this, (async () => {
+      d(this, b, "f").value = undefined;
+      this.exportAllIsChecked = false;
+      const t = await this.addObjectsCallback();
+      d(this, L, "f").call(this, t);
+    }));
+    v.set(this, (async () => {
+      const t = await this.addReferencesCallback(this.checkedObjectsIds);
+      d(this, L, "f").call(this, t);
+    }));
+    M.set(this, (async () => {
+      const t = await this.cancelCallback();
+      if (t) {
+        this.exportingIsInProcess = false;
+      }
+    }));
+    W.set(this, (() => {
+      this.objectsTreeViewModel = [];
+      d(this, y, "f").clear();
+      d(this, l, "f").value = undefined;
+      d(this, b, "f").value = undefined;
+    }));
+    T.set(this, (() => {
+      // Nothing to display on the tree-view
+      if (!this.hasObjects && !this.exportAllIsChecked) {
+        return e("gx-ide-empty-state", {
+          isAnimated: d(this, u, "f"),
+          stateTitle: d(this, p, "f").main.noObjectsToDisplay,
+          key: "no-objects-empty-state"
+        }, e("button", {
+          class: "button-primary",
+          onClick: d(this, x, "f")
+        }, d(this, p, "f").main.beginByADdingSomeObjects));
+      } else {
+        h(this, u, true, "f");
+ // improve performance if is first render
+            }
+      if (this.exportAllIsChecked) {
+        return e("gx-ide-empty-state", {
+          isAnimated: d(this, u, "f"),
+          stateIconSrc: G,
+          stateTitle: d(this, p, "f").main.exportAllMessage,
+          key: "exporting-all-empty-state"
+        });
+      } else {
+        h(this, u, true, "f");
+ // improve performance if is first render
+            }
+      return e("ch-tree-view-render", {
+        class: "tree-view",
+        checkbox: true,
+        checked: true,
+        dragDisabled: true,
+        dropDisabled: true,
+        filter: d(this, C, "f").call(this),
+        filterType: this.addKbPropertiesIsChecked && !this.exportAllIsChecked ? "none" : "metadata",
+        model: this.objectsTreeViewModel,
+        showLines: "last",
+        toggleCheckboxes: true,
+        sortItemsCallback: d(this, z, "f"),
+        onCheckedItemsChange: d(this, E, "f")
+      });
+    }));
+    j.set(this, (() => {
+      this.hasObjects = this.objectsTreeViewModel && this.objectsTreeViewModel.length > 0;
+    }));
+    C.set(this, (() => {
+      if (this.addKbPropertiesIsChecked && this.exportAllIsChecked) {
+        return o;
+ // only show properties
+            }
+      if (!this.addKbPropertiesIsChecked && !this.exportAllIsChecked) {
+        return r;
+ // only show objects
+            }
+      return "none";
+    }));
+    _.set(this, (t => {
+      this.exportAllIsChecked = t.detail.target.value !== "undefined";
+    }));
+    I.set(this, (async () => {
+      this.exportingIsInProcess = true;
+      const t = d(this, m, "f").value;
+      const e = this.addKbPropertiesIsChecked ? this.checkedPropertiesIds : [];
+      const s = this.exportAllIsChecked ? undefined : this.checkedObjectsIds;
+      this.exportCallback(t, e, s).then((() => {
+        this.exportingIsInProcess = false;
+      }));
+      // returns Promise<boolean> but no procedure was detailed on the spec.
+        }));
+    E.set(this, (t => {
+      // filter 'checked objects' and 'checked properties' ids
+      const e = [];
+      const s = [];
+      const i = [ ...t.detail.values() ];
+      i.forEach((t => {
+        if (t.item.checked && t.item.metadata === r) {
+          e.push(t.item.id);
+        } else if (t.item.checked && t.item.metadata === o) {
+          s.push(t.item.id);
+        }
+      }));
+      this.checkedObjectsIds = e;
+      this.checkedPropertiesIds = s;
+      this.atLeastOnePropertyItemIsChecked = this.checkedPropertiesIds.length > 0;
+      this.atLeastOneObjectItemIsChecked = this.checkedObjectsIds.length > 0;
+    }));
+    z.set(this, (t => t.sort(((t, e) => {
+      if (t.metadata === "property" && e.metadata !== "property") {
+        return -1;
+      }
+      if (e.metadata === "property" && t.metadata !== "property") {
+        return 1;
+      }
+      return t.caption.localeCompare(e.caption);
+    }))));
+    V.set(this, (() => {
+      const t = this.atLeastOneObjectItemIsChecked;
+      const s = this.objectsTreeViewModel.length > 0;
+      return e("footer", {
+        class: "footer control-footer-with-border"
+      }, e("button", {
+        class: "button-tertiary clear-btn",
+        disabled: !s,
+        part: "clear-button",
+        onClick: s && d(this, W, "f")
+      }, d(this, p, "f").footer.clearButton), e("button", {
+        class: "button-secondary button-icon-and-text",
+        part: "references-button",
+        disabled: !t,
+        onClick: t && d(this, v, "f")
+      }, e("ch-image", {
+        class: "icon-sm",
+        disabled: !t,
+        src: P
+      }), d(this, p, "f").footer.addReferencesButton), e("button", {
+        // Add button
+        class: "button-primary button-icon-and-text",
+        disabled: this.exportAllIsChecked,
+        part: "add-button",
+        onClick: !this.exportAllIsChecked && d(this, x, "f")
+      }, e("ch-image", {
+        class: "icon-sm",
+        disabled: this.exportAllIsChecked,
+        src: F
+      }), d(this, p, "f").footer.addButton));
+    }));
+    L.set(this, (t => {
+      if (t.length) {
+        const e = updateObjectsTreeModel(t, d(this, k, "f"), d(this, y, "f"), this.objectsTreeViewModel);
+        this.objectsTreeViewModel = e;
+      }
+    }));
+    this.addKbPropertiesIsChecked = false;
+    this.atLeastOnePropertyItemIsChecked = false;
+    this.atLeastOneObjectItemIsChecked = false;
+    this.checkedObjectsIds = [];
+    this.checkedPropertiesIds = [];
+    this.exportAllIsChecked = false;
+    this.exportingIsInProcess = false;
+    this.hasObjects = undefined;
+    this.objectsTreeViewModel = [];
+    this.addKBPropertiesCallback = undefined;
+    this.addObjectsCallback = undefined;
+    this.addReferencesCallback = undefined;
+    this.cancelCallback = undefined;
+    this.exportCallback = undefined;
+    this.exportFileDirectoryCallback = undefined;
+    this.fileName = undefined;
+    this.kbPropertiesTypes = undefined;
+    this.loader = false;
+    this.objectTypes = undefined;
+    this.optionsCallback = undefined;
+  }
+  objectsTreeViewModelChanged(t) {
+    this.hasObjects = t && t.length > 0;
+    if (!this.hasObjects) {
+      this.atLeastOnePropertyItemIsChecked = false;
+      this.atLeastOneObjectItemIsChecked = false;
+    }
+  }
+  objectTypesChanged(t) {
+    d(this, f, "m", S).call(this, t);
+  }
+  async componentWillLoad() {
+    h(this, p, await n.getComponentStrings(this.el), "f");
+    d(this, j, "f").call(this);
+    d(this, f, "m", S).call(this, this.objectTypes);
+  }
+  render() {
+    const t = this.atLeastOnePropertyItemIsChecked || this.atLeastOneObjectItemIsChecked || this.exportAllIsChecked;
+    const i = this.exportingIsInProcess;
+    return e(s, {
+      class: "spacing-body-block-start spacing-body-inline"
+    }, e("ch-theme", {
+      model: K
+    }), e("section", {
+      class: "section field-group"
+    }, e("header", {
+      class: "header"
+    }, e("div", {
+      class: "field field-inline export-file-name"
+    }, e("label", {
+      class: "label",
+      htmlFor: "xpz-file"
+    }, d(this, p, "f").header.exportFileName), e("ch-edit", {
+      autoFocus: true,
+      id: "xpz-file",
+      class: "form-input",
+      part: "xpz-file",
+      value: this.fileName,
+      startImgSrc: A,
+      ref: t => h(this, m, t, "f")
+    })), e("div", {
+      class: "header__buttons-container"
+    }, e("button", {
+      id: "export-kb-btn",
+      class: "button-primary export-btn",
+      part: "export-btn",
+      disabled: !t,
+      onClick: t && d(this, I, "f")
+    }, d(this, p, "f").header.exportButton), e("button", {
+      id: "cancel-kb-export-btn",
+      class: "button-secondary cancel-btn",
+      part: "cancel-button",
+      disabled: !i,
+      onClick: i && d(this, M, "f")
+    }, d(this, p, "f").header.cancelButton), e("button", {
+      "aria-label": d(this, p, "f").header.optionsButton,
+      title: d(this, p, "f").header.optionsButton,
+      class: "button-tertiary button-icon-only options-btn",
+      part: "select-kb-btn",
+      onClick: this.optionsCallback
+    }, e("ch-image", {
+      class: "icon-md",
+      src: D
+    }))), e("div", {
+      class: "header__checkboxes field-group"
+    }, e("ch-checkbox", {
+      class: "checkbox add-kb-description",
+      part: "add-kb-description",
+      caption: d(this, p, "f").main.addKnowledgeBaseDescription,
+      checkedValue: H,
+      onInput: d(this, g, "f"),
+      ref: t => h(this, l, t, "f")
+    }), e("ch-checkbox", {
+      class: "checkbox export-all",
+      part: "export-all-checkbox",
+      checkedValue: H,
+      caption: d(this, p, "f").main.exportAll,
+      onInput: d(this, _, "f"),
+      ref: t => h(this, b, t, "f")
+    }))), e("div", {
+      class: "main"
+    }, d(this, T, "f").call(this), this.loader && this.exportingIsInProcess && e("gx-ide-loader", {
+      cancelLabel: d(this, p, "f").loader.cancelLabel,
+      loaderTitle: d(this, p, "f").loader.title,
+      cancelCallback: d(this, M, "f"),
+      show: true,
+      class: "loader"
+    })), d(this, V, "f").call(this)));
+  }
+  static get assetsDirs() {
+    return [ "gx-ide-assets/kb-manager-export" ];
+  }
+  get el() {
+    return i(this);
+  }
+  static get watchers() {
+    return {
+      objectsTreeViewModel: [ "objectsTreeViewModelChanged" ],
+      objectTypes: [ "objectTypesChanged" ]
+    };
+  }
+};
+
+l = new WeakMap, p = new WeakMap, u = new WeakMap, b = new WeakMap, m = new WeakMap, 
+w = new WeakMap, k = new WeakMap, y = new WeakMap, g = new WeakMap, x = new WeakMap, 
+v = new WeakMap, M = new WeakMap, W = new WeakMap, T = new WeakMap, j = new WeakMap, 
+C = new WeakMap, _ = new WeakMap, I = new WeakMap, E = new WeakMap, z = new WeakMap, 
+V = new WeakMap, L = new WeakMap, f = new WeakSet, S = function _GxIdeKbManagerExport_objectsTypesArrayToMap(t) {
+  t.forEach((t => {
+    d(this, k, "f").set(t.id, t);
+  }));
+};
+
+q.style = c;
+
+export { q as gx_ide_kb_manager_export };
+//# sourceMappingURL=p-2cb766ce.entry.js.map

package/dist/genexus-ide-ui/p-2cb766ce.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["KB_PROPERTY","KB_OBJECT","getPropertyIcon","typeId","kbPropertiesTypes","find","propertyType","id","icon","convertObjectTypeToTreeItem","objectType","caption","name","startImgSrc","leaf","parts","expanded","items","convertObjectToTreeItem","object","objectTypes","get","metadata","convertPropertyToTreeItem","property","updateObjectsTreeModel","objects","objectTypesMap","objectsSet","actualTreeState","updatedTreeData","forEach","has","objectTreeItem","objectTypeTreeItemIndex","findIndex","treeItem","objectTypeTreeItem","push","add","convertKbPropertiesDataToTreeItemData","properties","propertyAlreadyExists","node","undefined","propertyTreeItem","unshift","clearKbPropertiesFromTree","filter","item","kbManagerExportCss","FILE_ICON","getIconPath","category","colorType","SETTINGS_ICON","GENERAL_REFERENCES_ICON","MENUS_NEW_OBJECT_ICON","TREE_VIEW_ICON","CHECKBOX_CHECKED_VALUE","CSS_BUNDLES","GxIdeKbManagerExport","_GxIdeKbManagerExport_addKbDescriptionEl","set","this","_GxIdeKbManagerExport_componentLocale","_GxIdeKbManagerExport_animateEmptyState","_GxIdeKbManagerExport_exportAllEl","_GxIdeKbManagerExport_fileNameEl","_GxIdeKbManagerExport_kBPropertiesData","_GxIdeKbManagerExport_objectTypesMap","Map","_GxIdeKbManagerExport_objectsSet","Set","_GxIdeKbManagerExport_addKBPropertiesCallbackHandler","async","e","addKbPropertiesIsChecked","detail","target","value","__classPrivateFieldSet","addKBPropertiesCallback","__classPrivateFieldGet","length","objectsTreeViewModel","_GxIdeKbManagerExport_addObjectsCallbackHandler","exportAllIsChecked","addedObjects","addObjectsCallback","_GxIdeKbManagerExport_updateObjects","call","_GxIdeKbManagerExport_addReferencesCallbackHandler","addReferencesCallback","checkedObjectsIds","_GxIdeKbManagerExport_cancelCallbackHandler","cancelled","cancelCallback","exportingIsInProcess","_GxIdeKbManagerExport_clearButtonHandler","clear","_GxIdeKbManagerExport_evaluateContentToDisplay","hasObjects","h","isAnimated","stateTitle","main","noObjectsToDisplay","key","class","onClick","beginByADdingSomeObjects","stateIconSrc","exportAllMessage","checkbox","checked","dragDisabled","dropDisabled","_GxIdeKbManagerExport_evaluateTreeViewFilters","filterType","model","showLines","toggleCheckboxes","sortItemsCallback","_GxIdeKbManagerExport_sortTreeItems","onCheckedItemsChange","_GxIdeKbManagerExport_objectsTreeCheckedItemsChangedHandler","_GxIdeKbManagerExport_evaluateObjects","_GxIdeKbManagerExport_exportAllChangedHandler","event","_GxIdeKbManagerExport_exportCallbackHandler","fileName","checkedKbPropertiesIds","checkedPropertiesIds","checkedObjectIds","exportCallback","then","allItemsWithCheckbox","values","atLeastOnePropertyItemIsChecked","atLeastOneObjectItemIsChecked","subModel","sort","a","b","localeCompare","_GxIdeKbManagerExport_renderFooter","referencesButtonEnabled","clearButtonEnabled","disabled","part","footer","clearButton","src","addReferencesButton","addButton","objectsDataArray","newObjectsTreeModel","objectsTreeViewModelChanged","newObjectsTreeViewModel","objectTypesChanged","newObjectTypesArray","_GxIdeKbManagerExport_instances","_GxIdeKbManagerExport_objectsTypesArrayToMap","componentWillLoad","Locale","getComponentStrings","el","render","exportButtonEnabled","cancelButtonEnabled","Host","htmlFor","header","exportFileName","autoFocus","ref","exportButton","cancelButton","optionsButton","title","optionsCallback","addKnowledgeBaseDescription","checkedValue","onInput","exportAll","loader","cancelLabel","loaderTitle","show","objectTypesArray"],"sources":["src/components/kb-manager-export/helpers.ts","src/components/kb-manager-export/kb-manager-export.scss?tag=gx-ide-kb-manager-export&encapsulation=shadow","src/components/kb-manager-export/kb-manager-export.tsx"],"sourcesContent":["// /* Tree View */\nimport {\n  TreeViewItemModel,\n  TreeViewModel\n} from \"@genexus/chameleon-controls-library\";\nimport { ObjectData, KBPropertyData, KBPropertyType } from \"./types\";\nimport { ObjectType } from \"../../common/types\";\nexport const KB_PROPERTY = \"property\";\nexport const KB_OBJECT = \"object\";\n\nconst getPropertyIcon = (\n  typeId: string,\n  kbPropertiesTypes: KBPropertyType[]\n): string =>\n  // The object icon has to be retrieved from the ObjectTypes array, by\n  // matching the ObjectData typeId with the ObjectType id\n  kbPropertiesTypes.find(propertyType => propertyType.id === typeId).icon;\n\nconst convertObjectTypeToTreeItem = (\n  objectType: ObjectType\n): TreeViewItemModel => ({\n  caption: objectType.name,\n  id: objectType.id,\n  startImgSrc: objectType.icon,\n  leaf: false,\n  parts: \"object-type tree-view-item\",\n  expanded: true,\n  items: []\n});\n\nconst convertObjectToTreeItem = (\n  object: ObjectData,\n  objectTypes: Map<string, ObjectType>\n): TreeViewItemModel => ({\n  caption: object.name,\n  id: object.id,\n  startImgSrc: objectTypes.get(object.typeId).icon,\n  parts: \"object tree-view-item\",\n  metadata: KB_OBJECT,\n  leaf: true\n});\n\nconst convertPropertyToTreeItem = (\n  property: KBPropertyData,\n  kbPropertiesTypes: KBPropertyType[]\n): TreeViewItemModel => ({\n  caption: property.name,\n  id: property.id,\n  startImgSrc: getPropertyIcon(property.typeId, kbPropertiesTypes),\n  parts: \"property tree-view-item\",\n  metadata: KB_PROPERTY,\n  leaf: true\n});\n\n/**\n * Updates the tree model with the provided objects.\n * Objects may already exist and are placed under their parent node.\n * If the parent node doesn't exist (identified by typeId on ObjectTypes),\n * it is created and added at the bottom.\n *\n * @param {ObjectData[] | undefined} objects - The array of objects to update.\n * @param {Map<string, ObjectType>} objectTypesMap - A map of object types by ID.\n * @param {Set<string>} objectsSet - A set of existing object IDs.\n * @param {TreeViewModel} actualTreeState - The current tree state to be updated.\n * @returns {TreeViewModel} - The updated tree view model.\n */\nexport const updateObjectsTreeModel = (\n  objects: ObjectData[] | undefined,\n  objectTypesMap: Map<string, ObjectType>,\n  objectsSet: Set<string>,\n  actualTreeState: TreeViewModel\n): TreeViewModel => {\n  if (!objects) {\n    return [...actualTreeState];\n  }\n\n  const updatedTreeData: TreeViewModel = [...actualTreeState];\n  objects.forEach(object => {\n    // objects that already exists in the actual actualTreeState should not be added.\n\n    if (objectsSet.has(object.id)) {\n      // object already exists\n      return;\n    }\n\n    const objectTreeItem = convertObjectToTreeItem(object, objectTypesMap);\n\n    // TODO: Improve the algorithm efficiency. This check visits potentially all nodes\n    // from the TreeViewModel on each iteration. Using a Map to pre-store the TreeView\n    // nodes would improve efficiency.\n    const objectTypeTreeItemIndex = updatedTreeData.findIndex(\n      treeItem => treeItem.id === object.typeId\n    );\n\n    if (objectTypeTreeItemIndex === -1) {\n      // Create and add new object type tree item\n      const objectType = objectTypesMap.get(object.typeId);\n      if (objectType) {\n        const objectTypeTreeItem = convertObjectTypeToTreeItem(objectType);\n        objectTypeTreeItem.items.push(objectTreeItem);\n        updatedTreeData.push(objectTypeTreeItem);\n      }\n    } else {\n      // objectType exists already. insert object as children of the object type tree item.\n      updatedTreeData[objectTypeTreeItemIndex].items.push(objectTreeItem);\n    }\n\n    objectsSet.add(object.id);\n  });\n\n  return updatedTreeData;\n};\n\n/**\n * Converts an array of KB properties data into tree item data for a tree view.\n *\n * @param {KBPropertyData[]} properties - The array of KB property data.\n * @param {KBPropertyType[]} kbPropertiesTypes - The array of KB property types.\n * @param {TreeViewModel} actualTreeState - The current state of the tree.\n * @returns {TreeViewModel} - The updated tree view item models.\n */\nexport const convertKbPropertiesDataToTreeItemData = (\n  properties: KBPropertyData[],\n  kbPropertiesTypes: KBPropertyType[],\n  actualTreeState: TreeViewModel\n): TreeViewModel => {\n  if (!properties) {\n    return [...actualTreeState];\n  }\n\n  const updatedTreeData: TreeViewModel = [...actualTreeState];\n  properties.forEach(property => {\n    // properties have no parent node, and they should be added at the beginning of the tree\n    const propertyAlreadyExists =\n      updatedTreeData.find(node => node.id === property.id) !== undefined;\n    if (propertyAlreadyExists) {\n      return;\n    }\n    const propertyTreeItem = convertPropertyToTreeItem(\n      property,\n      kbPropertiesTypes\n    );\n    updatedTreeData.unshift(propertyTreeItem);\n  });\n  return updatedTreeData;\n};\n\n/**\n * Removes properties from the tree model.\n *\n * @param {TreeViewModel} actualTreeState - The current state of the tree,\n * containing various tree view items.\n * @returns {TreeViewModel} - A new array of tree view items that excludes\n * any items with metadata of type `KB_PROPERTY`.\n */\nexport const clearKbPropertiesFromTree = (\n  actualTreeState: TreeViewModel\n): TreeViewModel =>\n  actualTreeState.filter(item => item.metadata !== KB_PROPERTY);\n",".section {\n  display: grid;\n  block-size: 100%;\n  grid-template:\n    \"export-file-name buttons-container buttons-container buttons-container\" max-content\n    \"checkboxes checkboxes checkboxes checkboxes\" max-content\n    \"main main main main\" 1fr\n    \"footer footer footer footer\" max-content\n    / 1fr max-content max-content max-content;\n}\n\n.header {\n  display: contents;\n\n  .export-file-name {\n    grid-area: export-file-name;\n  }\n\n  &__buttons-container {\n    grid-area: buttons-container;\n    display: flex;\n    gap: var(\n      --mer-spacing--sm\n    ); //TODO : Should be using a semantic token like \"--buttons-container-gap\"\n  }\n\n  &__checkboxes {\n    grid-area: checkboxes;\n    grid-template-columns: max-content 1fr;\n  }\n}\n\n.main {\n  grid-area: main;\n  position: relative;\n}\n\n.footer {\n  grid-area: footer;\n  justify-content: space-between;\n\n  .clear-btn {\n    margin-inline-end: auto;\n  }\n}\n","import { Component, Host, h, Prop, Element, State, Watch } from \"@stencil/core\";\n\nimport { ChCheckboxCustomEvent } from \"@genexus/chameleon-controls-library\";\nimport {\n  TreeViewItemModelExtended,\n  TreeViewModel\n} from \"@genexus/chameleon-controls-library\";\nimport { MercuryBundles } from \"@genexus/mercury\";\n\nimport { Locale } from \"../../common/locale\";\nimport {\n  updateObjectsTreeModel,\n  convertKbPropertiesDataToTreeItemData,\n  clearKbPropertiesFromTree\n} from \"./helpers\";\nimport { ObjectType } from \"../../common/types\";\n\nimport { KB_PROPERTY, KB_OBJECT } from \"./helpers\";\nimport {\n  KBPropertiesCallback,\n  KBPropertyData,\n  KBPropertyType,\n  ObjectData,\n  ExportFileDirectoryCallback,\n  OptionsCallback,\n  AddObjectsCallback,\n  ExportCallback,\n  AddReferencesCallback,\n  CancelCallback\n} from \"./types\";\n\nimport { getIconPath } from \"@genexus/mercury\";\n\nconst FILE_ICON = getIconPath({\n  category: \"gemini-tools\",\n  name: \"file\",\n  colorType: \"on-elevation\"\n});\nconst SETTINGS_ICON = getIconPath({\n  category: \"gemini-tools\",\n  name: \"settings\",\n  colorType: \"primary\"\n});\nconst GENERAL_REFERENCES_ICON = getIconPath({\n  category: \"window-tools\",\n  name: \"references\",\n  colorType: \"neutral\"\n});\nconst MENUS_NEW_OBJECT_ICON = getIconPath({\n  category: \"menus\",\n  name: \"new-object\",\n  colorType: \"on-primary\"\n});\nconst TREE_VIEW_ICON = getIconPath({\n  category: \"controls\",\n  name: \"treeview\"\n});\nconst CHECKBOX_CHECKED_VALUE = \"true\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"components/button\",\n  \"components/checkbox\",\n  \"components/edit\",\n  \"components/icon\",\n  \"components/tree-view\",\n  \"utils/form\",\n  \"utils/layout\",\n  \"utils/typography\"\n];\n@Component({\n  tag: \"gx-ide-kb-manager-export\",\n  styleUrl: \"kb-manager-export.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/kb-manager-export\"]\n})\nexport class GxIdeKbManagerExport {\n  #addKbDescriptionEl!: HTMLChCheckboxElement;\n  #componentLocale: any;\n  #animateEmptyState: boolean = false;\n  #exportAllEl!: HTMLChCheckboxElement;\n  #fileNameEl!: HTMLChEditElement;\n  #kBPropertiesData!: KBPropertyData[];\n  /**\n   * Stores the object types information (name, and icon)\n   */\n  // eslint-disable-next-line @stencil-community/own-props-must-be-private\n  #objectTypesMap: Map<string, ObjectType> = new Map();\n  /**\n   * Stores the object's id that have been added.\n   */\n  // eslint-disable-next-line @stencil-community/own-props-must-be-private\n  #objectsSet: Set<string> = new Set();\n\n  @Element() el: HTMLGxIdeKbManagerExportElement;\n\n  @State() addKbPropertiesIsChecked = false;\n  @State() atLeastOnePropertyItemIsChecked = false;\n  @State() atLeastOneObjectItemIsChecked = false;\n  @State() checkedObjectsIds: string[] = [];\n  @State() checkedPropertiesIds: string[] = [];\n  @State() exportAllIsChecked = false;\n  @State() exportingIsInProcess = false;\n  @State() hasObjects: boolean;\n  @State() objectsTreeViewModel: TreeViewModel = [];\n  @Watch(\"objectsTreeViewModel\")\n  objectsTreeViewModelChanged(newObjectsTreeViewModel: TreeViewModel) {\n    this.hasObjects =\n      newObjectsTreeViewModel && newObjectsTreeViewModel.length > 0;\n    if (!this.hasObjects) {\n      this.atLeastOnePropertyItemIsChecked = false;\n      this.atLeastOneObjectItemIsChecked = false;\n    }\n  }\n\n  /**\n   * Callback invoked when the user wants to include KB properties.\n   */\n  @Prop() readonly addKBPropertiesCallback!: KBPropertiesCallback;\n\n  /**\n   * Callback invoked when the user wants to add objects.\n   */\n  @Prop() readonly addObjectsCallback!: AddObjectsCallback;\n\n  /**\n   *Callback invoked when the user wants to add all the references for the selected objects.\n   *@param itemIds:string[] The selected item ids\n   *@returns : Returns an object with the items and its references\n   */\n  @Prop() readonly addReferencesCallback!: AddReferencesCallback;\n\n  /**\n   * Callback invoked when the user wants to cancel the export process.\n   * @returns It returns a boolean indicating whether the process could be canceled or not.\n   */\n  @Prop() readonly cancelCallback!: CancelCallback;\n\n  /**\n   *Callback invoked when the user wants to initiate the export process.\n   *@param fileName:string\n   *@param itemIds:string[] The selected item ids\n   *@returns : It returns a boolean indicating whether the process was successful\n   */\n  @Prop() readonly exportCallback!: ExportCallback;\n\n  /**\n   * Callback invoked when the user wants to access the export options.\n   */\n  @Prop() readonly exportFileDirectoryCallback!: ExportFileDirectoryCallback;\n\n  /**\n   * It allows defining the default Export File Name\n   */\n  @Prop() readonly fileName: string;\n\n  /**\n   * Array with the possible types of KB properties\n   */\n  @Prop() readonly kbPropertiesTypes: KBPropertyType[];\n\n  /**\n   * If true, it will display a loader when needed.\n   */\n  @Prop() readonly loader = false;\n\n  /**\n   * Array of possible object types\n   */\n  @Prop() readonly objectTypes: ObjectType[];\n  @Watch(\"objectTypes\")\n  objectTypesChanged(newObjectTypesArray: ObjectType[]) {\n    this.#objectsTypesArrayToMap(newObjectTypesArray);\n  }\n\n  /**\n   * Callback invoked when the user wants to access the export options.\n   */\n  @Prop() readonly optionsCallback: OptionsCallback;\n\n  async componentWillLoad() {\n    this.#componentLocale = await Locale.getComponentStrings(this.el);\n    this.#evaluateObjects();\n    this.#objectsTypesArrayToMap(this.objectTypes);\n  }\n\n  #addKBPropertiesCallbackHandler = async (\n    e: ChCheckboxCustomEvent<any> | InputEvent\n  ) => {\n    this.addKbPropertiesIsChecked =\n      e.detail.target.value === CHECKBOX_CHECKED_VALUE;\n    if (this.addKbPropertiesIsChecked) {\n      this.#kBPropertiesData = await this.addKBPropertiesCallback();\n      if (this.#kBPropertiesData.length) {\n        this.objectsTreeViewModel = convertKbPropertiesDataToTreeItemData(\n          this.#kBPropertiesData,\n          this.kbPropertiesTypes,\n          this.objectsTreeViewModel\n        );\n      }\n    } else {\n      // previous properties (if any) should be removed\n      this.objectsTreeViewModel = clearKbPropertiesFromTree(\n        this.objectsTreeViewModel\n      );\n    }\n  };\n\n  #addObjectsCallbackHandler = async () => {\n    this.#exportAllEl.value = undefined;\n    this.exportAllIsChecked = false;\n    const addedObjects = await this.addObjectsCallback();\n    this.#updateObjects(addedObjects);\n  };\n\n  #addReferencesCallbackHandler = async () => {\n    const objects: ObjectData[] = await this.addReferencesCallback(\n      this.checkedObjectsIds\n    );\n    this.#updateObjects(objects);\n  };\n\n  #cancelCallbackHandler = async () => {\n    const cancelled = await this.cancelCallback();\n    if (cancelled) {\n      this.exportingIsInProcess = false;\n    }\n  };\n\n  #clearButtonHandler = () => {\n    this.objectsTreeViewModel = [];\n    this.#objectsSet.clear();\n    this.#addKbDescriptionEl.value = undefined;\n    this.#exportAllEl.value = undefined;\n  };\n\n  #evaluateContentToDisplay = () => {\n    // Nothing to display on the tree-view\n    if (!this.hasObjects && !this.exportAllIsChecked) {\n      return (\n        <gx-ide-empty-state\n          isAnimated={this.#animateEmptyState}\n          stateTitle={this.#componentLocale.main.noObjectsToDisplay}\n          key=\"no-objects-empty-state\"\n        >\n          <button\n            class=\"button-primary\"\n            onClick={this.#addObjectsCallbackHandler}\n          >\n            {this.#componentLocale.main.beginByADdingSomeObjects}\n          </button>\n        </gx-ide-empty-state>\n      );\n    } else {\n      this.#animateEmptyState = true; // improve performance if is first render\n    }\n\n    if (this.exportAllIsChecked) {\n      return (\n        <gx-ide-empty-state\n          isAnimated={this.#animateEmptyState}\n          stateIconSrc={TREE_VIEW_ICON}\n          stateTitle={this.#componentLocale.main.exportAllMessage}\n          key=\"exporting-all-empty-state\"\n        ></gx-ide-empty-state>\n      );\n    } else {\n      this.#animateEmptyState = true; // improve performance if is first render\n    }\n\n    return (\n      <ch-tree-view-render\n        class=\"tree-view\"\n        checkbox\n        checked\n        dragDisabled\n        dropDisabled\n        filter={this.#evaluateTreeViewFilters()}\n        filterType={\n          this.addKbPropertiesIsChecked && !this.exportAllIsChecked\n            ? \"none\"\n            : \"metadata\"\n        }\n        model={this.objectsTreeViewModel}\n        showLines=\"last\"\n        toggleCheckboxes\n        sortItemsCallback={this.#sortTreeItems}\n        onCheckedItemsChange={this.#objectsTreeCheckedItemsChangedHandler}\n      ></ch-tree-view-render>\n    );\n  };\n\n  #evaluateObjects = () => {\n    this.hasObjects =\n      this.objectsTreeViewModel && this.objectsTreeViewModel.length > 0;\n  };\n\n  #evaluateTreeViewFilters = (): string => {\n    if (this.addKbPropertiesIsChecked && this.exportAllIsChecked) {\n      return KB_PROPERTY; // only show properties\n    }\n    if (!this.addKbPropertiesIsChecked && !this.exportAllIsChecked) {\n      return KB_OBJECT; // only show objects\n    }\n    return \"none\";\n  };\n\n  #exportAllChangedHandler = (\n    event: ChCheckboxCustomEvent<any> | InputEvent\n  ) => {\n    this.exportAllIsChecked = event.detail.target.value !== \"undefined\";\n  };\n\n  #exportCallbackHandler = async () => {\n    this.exportingIsInProcess = true;\n    const fileName: string = this.#fileNameEl.value;\n    const checkedKbPropertiesIds = this.addKbPropertiesIsChecked\n      ? this.checkedPropertiesIds\n      : [];\n    const checkedObjectIds = this.exportAllIsChecked\n      ? undefined\n      : this.checkedObjectsIds;\n    this.exportCallback(\n      fileName,\n      checkedKbPropertiesIds,\n      checkedObjectIds\n    ).then(() => {\n      this.exportingIsInProcess = false;\n    });\n    // returns Promise<boolean> but no procedure was detailed on the spec.\n  };\n\n  #objectsTypesArrayToMap(objectTypesArray: ObjectType[]) {\n    objectTypesArray.forEach(objectType => {\n      this.#objectTypesMap.set(objectType.id, objectType);\n    });\n  }\n\n  #objectsTreeCheckedItemsChangedHandler = (\n    event: CustomEvent<Map<string, TreeViewItemModelExtended>>\n  ) => {\n    // filter 'checked objects' and 'checked properties' ids\n    const checkedObjectsIds: string[] = [];\n    const checkedPropertiesIds: string[] = [];\n    const allItemsWithCheckbox = [...event.detail.values()];\n    allItemsWithCheckbox.forEach(node => {\n      if (node.item.checked && node.item.metadata === KB_OBJECT) {\n        checkedObjectsIds.push(node.item.id);\n      } else if (node.item.checked && node.item.metadata === KB_PROPERTY) {\n        checkedPropertiesIds.push(node.item.id);\n      }\n    });\n    this.checkedObjectsIds = checkedObjectsIds;\n    this.checkedPropertiesIds = checkedPropertiesIds;\n\n    this.atLeastOnePropertyItemIsChecked = this.checkedPropertiesIds.length > 0;\n    this.atLeastOneObjectItemIsChecked = this.checkedObjectsIds.length > 0;\n  };\n\n  #sortTreeItems = (subModel: TreeViewModel) => {\n    // \"property\" items should be added on top.\n    // else sort alphabetically by \"caption\" value.\n    return subModel.sort((a, b) => {\n      if (a.metadata === \"property\" && b.metadata !== \"property\") {\n        return -1;\n      }\n      if (b.metadata === \"property\" && a.metadata !== \"property\") {\n        return 1;\n      }\n\n      return a.caption.localeCompare(b.caption);\n    });\n  };\n\n  #renderFooter = (): HTMLElement => {\n    const referencesButtonEnabled = this.atLeastOneObjectItemIsChecked;\n    const clearButtonEnabled = this.objectsTreeViewModel.length > 0;\n    return (\n      <footer class=\"footer control-footer-with-border\">\n        <button\n          class=\"button-tertiary clear-btn\"\n          disabled={!clearButtonEnabled}\n          part=\"clear-button\"\n          onClick={clearButtonEnabled && this.#clearButtonHandler}\n        >\n          {this.#componentLocale.footer.clearButton}\n        </button>\n\n        <button\n          class=\"button-secondary button-icon-and-text\"\n          part=\"references-button\"\n          disabled={!referencesButtonEnabled}\n          onClick={\n            referencesButtonEnabled && this.#addReferencesCallbackHandler\n          }\n        >\n          <ch-image\n            class=\"icon-sm\"\n            disabled={!referencesButtonEnabled}\n            src={GENERAL_REFERENCES_ICON}\n          ></ch-image>\n          {this.#componentLocale.footer.addReferencesButton}\n        </button>\n\n        <button\n          // Add button\n          class=\"button-primary button-icon-and-text\"\n          disabled={this.exportAllIsChecked}\n          part=\"add-button\"\n          onClick={!this.exportAllIsChecked && this.#addObjectsCallbackHandler}\n        >\n          <ch-image\n            class=\"icon-sm\"\n            disabled={this.exportAllIsChecked}\n            src={MENUS_NEW_OBJECT_ICON}\n          ></ch-image>\n          {this.#componentLocale.footer.addButton}\n        </button>\n      </footer>\n    );\n  };\n\n  #updateObjects = (objectsDataArray: ObjectData[]) => {\n    if (objectsDataArray.length) {\n      const newObjectsTreeModel = updateObjectsTreeModel(\n        objectsDataArray,\n        this.#objectTypesMap,\n        this.#objectsSet,\n        this.objectsTreeViewModel\n      );\n      this.objectsTreeViewModel = newObjectsTreeModel;\n    }\n  };\n\n  render(): void {\n    const exportButtonEnabled =\n      this.atLeastOnePropertyItemIsChecked ||\n      this.atLeastOneObjectItemIsChecked ||\n      this.exportAllIsChecked;\n\n    const cancelButtonEnabled = this.exportingIsInProcess;\n\n    return (\n      <Host class=\"spacing-body-block-start spacing-body-inline\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n\n        <section class=\"section field-group\">\n          <header class=\"header\">\n            <div class=\"field field-inline export-file-name\">\n              <label class=\"label\" htmlFor=\"xpz-file\">\n                {this.#componentLocale.header.exportFileName}\n              </label>\n              <ch-edit\n                autoFocus\n                id=\"xpz-file\"\n                class=\"form-input\"\n                part=\"xpz-file\"\n                value={this.fileName}\n                startImgSrc={FILE_ICON}\n                ref={(el: HTMLChEditElement) =>\n                  (this.#fileNameEl = el as HTMLChEditElement)\n                }\n              ></ch-edit>\n            </div>\n\n            <div class=\"header__buttons-container\">\n              <button\n                id=\"export-kb-btn\"\n                class=\"button-primary export-btn\"\n                part=\"export-btn\"\n                disabled={!exportButtonEnabled}\n                onClick={exportButtonEnabled && this.#exportCallbackHandler}\n              >\n                {this.#componentLocale.header.exportButton}\n              </button>\n              <button\n                id=\"cancel-kb-export-btn\"\n                class=\"button-secondary cancel-btn\"\n                part=\"cancel-button\"\n                disabled={!cancelButtonEnabled}\n                onClick={cancelButtonEnabled && this.#cancelCallbackHandler}\n              >\n                {this.#componentLocale.header.cancelButton}\n              </button>\n\n              <button\n                aria-label={this.#componentLocale.header.optionsButton}\n                title={this.#componentLocale.header.optionsButton}\n                class=\"button-tertiary button-icon-only options-btn\"\n                part=\"select-kb-btn\"\n                onClick={this.optionsCallback}\n              >\n                <ch-image class=\"icon-md\" src={SETTINGS_ICON}></ch-image>\n              </button>\n            </div>\n\n            <div class=\"header__checkboxes field-group\">\n              <ch-checkbox\n                class=\"checkbox add-kb-description\"\n                part=\"add-kb-description\"\n                caption={this.#componentLocale.main.addKnowledgeBaseDescription}\n                checkedValue={CHECKBOX_CHECKED_VALUE}\n                onInput={this.#addKBPropertiesCallbackHandler}\n                ref={(el: HTMLChCheckboxElement) =>\n                  (this.#addKbDescriptionEl = el as HTMLChCheckboxElement)\n                }\n              ></ch-checkbox>\n\n              <ch-checkbox\n                class=\"checkbox export-all\"\n                part=\"export-all-checkbox\"\n                checkedValue={CHECKBOX_CHECKED_VALUE}\n                caption={this.#componentLocale.main.exportAll}\n                onInput={this.#exportAllChangedHandler}\n                ref={(el: HTMLChCheckboxElement) =>\n                  (this.#exportAllEl = el as HTMLChCheckboxElement)\n                }\n              ></ch-checkbox>\n            </div>\n          </header>\n\n          <div class=\"main\">\n            {this.#evaluateContentToDisplay()}\n            {this.loader && this.exportingIsInProcess && (\n              <gx-ide-loader\n                cancelLabel={this.#componentLocale.loader.cancelLabel}\n                loaderTitle={this.#componentLocale.loader.title}\n                cancelCallback={this.#cancelCallbackHandler}\n                show\n                class=\"loader\"\n              ></gx-ide-loader>\n            )}\n          </div>\n\n          {this.#renderFooter()}\n        </section>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/genexus-ide-ui/{p-f924f02a.entry.js → p-64101478.entry.js}

@@ -28,7 +28,7 @@ var g, f, b, h, v, m, p, u, y, x, w, k;
 const z = o({
   category: "system",
   name: "news",
-  colorType: "on-surface"
+  colorType: "on-elevation"
 });
 
 const _ = [ "resets/box-sizing", "components/button", "components/icon", "utils/typography", "utils/layout", "chameleon/scrollbar" ];
@@ -208,4 +208,4 @@ w = new WeakMap, k = new WeakMap;
 j.style = l;
 
 export { j as gx_ide_recent_news };
-//# sourceMappingURL=p-f924f02a.entry.js.map
+//# sourceMappingURL=p-64101478.entry.js.map

package/dist/genexus-ide-ui/p-64101478.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["recentNewsCss","NEWS_ICON","getIconPath","category","name","colorType","CSS_BUNDLES","GxIdeRecentNews","_GxIdeRecentNews_NEWS_ITEM_CLASS_SELECTOR","set","this","_GxIdeRecentNews_newsRendered","_GxIdeRecentNews_setTimeOutNewsDelay","_GxIdeRecentNews_newsContainerEl","_GxIdeRecentNews_displayNews","__classPrivateFieldGet","undefined","news","Array","from","querySelectorAll","forEach","setTimeout","classList","add","__classPrivateFieldSet","_GxIdeRecentNews_evaluateNewsDisplay","length","call","_GxIdeRecentNews_evaluateNewsRender","newsLoadFailed","h","stateIconSrc","stateTitle","_componentLocale","recentNews","newsNotFetched","title","class","onClick","_GxIdeRecentNews_getNews","tryAgainButtonLabel","href","onlineNewsURL","target","readThemOnline","noNewsToDisplay","_a","filteredNews","noNewsFiltered","_GxIdeRecentNews_renderNewsList","async","loadingNews","newsResult","getNewsCallback","_GxIdeRecentNews_openNewsHandler","newsId","openNewsCallback","_GxIdeRecentNews_refreshFilteredNews","filterValue","filter","singleNews","toLowerCase","includes","_b","body","_GxIdeRecentNews_renderNewsItem","id","visible","key","type","src","config","headingsClasses","cardSmall","hiChar","ref","el","map","newsChanged","watchNews","newFilterValue","componentWillLoad","Locale","getComponentStrings","componentDidRender","componentDidLoad","render","Host","empty","scrollable","model","abortTime","loaderTitle","loader","description","show"],"sources":["src/components/start-page/recent-news.scss?tag=gx-ide-recent-news&encapsulation=shadow","src/components/start-page/recent-news.tsx"],"sourcesContent":["@import \"../../global/gx-ide-common.scss\";\n@import \"../../global/gx-ide-mixins.scss\";\n\n@include hiChar();\n\n:host(.empty) {\n  overflow: hidden !important; // WA to avoid scrollbar \"flickering\"\n}\n.news-container {\n  display: grid;\n  gap: var(--mer-spacing--xs);\n  grid-auto-rows: max-content;\n  // padding-inline-end: var(--mer-spacing--xs);\n}\n.news-item {\n  opacity: 0;\n  transition: 150ms opacity;\n\n  &.visible {\n    opacity: 1;\n  }\n}\n.card-news {\n  display: flex;\n  flex-direction: column;\n  align-items: start;\n  gap: var(--mer-spacing--xs);\n\n  &__header {\n    display: flex;\n    gap: var(--mer-spacing--sm);\n    align-items: center;\n  }\n}\n\ngx-ide-loader::part(loader-wrapper) {\n  border: var(--mer-border__width--sm) solid\n    var(--mer-border-color__on-elevation--01);\n  border-radius: var(--mer-border__radius--md);\n}\n\n.text-link {\n  color: var(--mer-accent__primary);\n\n  &:hover {\n    text-decoration: underline;\n  }\n}\n","import { Component, Host, h, Prop, Element, State, Watch } from \"@stencil/core\";\n\nimport { MercuryBundles, getIconPath } from \"@genexus/mercury\";\n\nimport { Locale } from \"../../common/locale\";\nimport { config } from \"../../common/config\";\nimport { hiChar } from \"../../common/helpers\";\nimport { NewsData, GetNewsCallback, OpenNewsCallback } from \"./start-page\";\n\nconst NEWS_ICON = getIconPath({\n  category: \"system\",\n  name: \"news\",\n  colorType: \"on-elevation\"\n});\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"components/button\",\n  \"components/icon\",\n  \"utils/typography\",\n  \"utils/layout\",\n  \"chameleon/scrollbar\"\n];\n@Component({\n  tag: \"gx-ide-recent-news\",\n  styleUrl: \"recent-news.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/recent-news\"]\n})\nexport class GxIdeRecentNews {\n  /**\n   * The component hard-coded strings translations.\n   */\n  private _componentLocale: any;\n\n  #NEWS_ITEM_CLASS_SELECTOR = \"news-item\";\n  #newsRendered = false;\n  #setTimeOutNewsDelay = 75;\n\n  @Element() el: HTMLGxIdeRecentNewsElement;\n\n  #newsContainerEl: HTMLDivElement;\n\n  /**\n   * The list of news after the filter\n   */\n  @State() filteredNews: NewsData[] = [];\n\n  /**\n   * True if news are being requested\n   */\n  @State() loadingNews = true;\n\n  /**\n   * The list of news\n   */\n  @State() news: NewsData[] = [];\n  @Watch(\"news\")\n  newsChanged(news: NewsData[]) {\n    this.#refreshFilteredNews(this.filterValue, news);\n    this.#displayNews();\n  }\n\n  /**\n   * True if news couldn't be loaded\n   */\n  @State() newsLoadFailed = false;\n\n  /**\n   * Callback invoked to load the news feed (right panel \"Recent News\").\n   */\n  @Prop() readonly getNewsCallback!: GetNewsCallback;\n\n  /**\n   * Callback invoked to open a news article.\n   */\n  @Prop() readonly openNewsCallback!: OpenNewsCallback;\n\n  /**\n   * The news filter value inserted by the user on the news input filter\n   */\n  @Prop() readonly filterValue: string = \"\";\n  @Watch(\"filterValue\")\n  watchNews(newFilterValue: string) {\n    this.#refreshFilteredNews(newFilterValue, this.news);\n  }\n\n  async componentWillLoad() {\n    this._componentLocale = await Locale.getComponentStrings(this.el);\n  }\n\n  componentDidRender() {\n    this.#evaluateNewsDisplay();\n  }\n\n  componentDidLoad() {\n    this.#getNews();\n  }\n\n  #displayNews = () => {\n    if (this.#newsContainerEl !== undefined) {\n      const news = Array.from(\n        this.#newsContainerEl.querySelectorAll(\n          `.${this.#NEWS_ITEM_CLASS_SELECTOR}`\n        )\n      );\n      news.forEach(news => {\n        // display news with a cascade effect\n        setTimeout(() => {\n          news.classList.add(\"visible\");\n        }, this.#setTimeOutNewsDelay);\n        this.#setTimeOutNewsDelay += 45;\n      });\n    }\n  };\n\n  #evaluateNewsDisplay = () => {\n    if (\n      !this.#newsRendered &&\n      this.news.length > 0 &&\n      this.#newsContainerEl !== undefined\n    ) {\n      this.#displayNews();\n      this.#newsRendered = true;\n    }\n  };\n\n  #evaluateNewsRender = (): HTMLElement => {\n    if (this.newsLoadFailed) {\n      return (\n        <gx-ide-empty-state\n          stateIconSrc={NEWS_ICON}\n          stateTitle={this._componentLocale.recentNews.newsNotFetched.title}\n        >\n          <button\n            class=\"empty-state__button button-primary\"\n            onClick={this.#getNews}\n          >\n            {\n              this._componentLocale.recentNews.newsNotFetched\n                .tryAgainButtonLabel\n            }\n          </button>\n          <a\n            class=\"text-link text-body-regular-s\"\n            href={this._componentLocale.recentNews.newsNotFetched.onlineNewsURL}\n            target=\"_blank\"\n          >\n            {this._componentLocale.recentNews.newsNotFetched.readThemOnline}\n          </a>\n        </gx-ide-empty-state>\n      );\n    }\n    if (this.news.length === 0) {\n      return (\n        <gx-ide-empty-state\n          stateIconSrc={NEWS_ICON}\n          stateTitle={this._componentLocale.recentNews.noNewsToDisplay.title}\n        >\n          <a\n            class=\"empty-state__link text-body-regular-s\"\n            href={this._componentLocale.recentNews.onlineNewsURL}\n            target=\"_blank\"\n          >\n            {this._componentLocale.recentNews.readThemOnline}\n          </a>\n        </gx-ide-empty-state>\n      );\n    }\n    if (this.filteredNews?.length === 0) {\n      return (\n        <gx-ide-empty-state\n          class=\"news-empty-state\"\n          stateIconSrc={NEWS_ICON}\n          stateTitle={this._componentLocale.recentNews.noNewsFiltered.title}\n        ></gx-ide-empty-state>\n      );\n    }\n    return this.#renderNewsList();\n  };\n\n  #getNews = async () => {\n    this.loadingNews = true;\n    const newsResult = await this.getNewsCallback();\n    this.loadingNews = false;\n    if (newsResult && newsResult.length > 0) {\n      this.news = newsResult;\n      this.newsLoadFailed = false;\n    } else {\n      this.newsLoadFailed = true;\n    }\n  };\n\n  #openNewsHandler = (newsId: string) => async () => {\n    await this.openNewsCallback(newsId);\n  };\n\n  #refreshFilteredNews = (filterValue: string, news: NewsData[]) => {\n    this.filteredNews = news.filter(\n      singleNews =>\n        singleNews.title?.toLowerCase().includes(filterValue) ||\n        singleNews.body?.toLowerCase().includes(filterValue)\n    );\n  };\n\n  #renderNewsItem = (news: NewsData): HTMLGxgCardElement | null => {\n    if (news.id && news.title) {\n      return (\n        <article>\n          <button\n            class={{\n              \"card-small\": true,\n              \"card-small--actionable\": true,\n              \"card-news\": true,\n              [this.#NEWS_ITEM_CLASS_SELECTOR]: true,\n              \"visible\": this.#newsRendered\n            }}\n            id={news.id}\n            key={news.id}\n            type=\"button\"\n            onClick={this.#openNewsHandler(news.id)}\n          >\n            <header class=\"card-news__header\">\n              <ch-image src={NEWS_ICON} class=\"icon-md\"></ch-image>\n              <h2 class={config.headingsClasses.cardSmall}>\n                {hiChar(news.title, this.filterValue)}\n              </h2>\n            </header>\n            {news.body && (\n              <p class=\"text-body-regular-s\">\n                {hiChar(news.body, this.filterValue)}\n              </p>\n            )}\n          </button>\n        </article>\n      );\n    }\n    return null;\n  };\n\n  #renderNewsList = (): HTMLElement => (\n    <div\n      class=\"news-container\"\n      ref={el => (this.#newsContainerEl = el as HTMLDivElement)}\n    >\n      {this.filteredNews?.map(this.#renderNewsItem)}\n    </div>\n  );\n\n  render() {\n    return (\n      <Host\n        // Improve accessibility by announcing live changes\n        aria-live=\"polite\"\n        // Wait until all changes are made to prevents assistive\n        // technologies from announcing changes before updates are done\n        aria-busy={this.loadingNews ? \"true\" : \"false\"}\n        class={{ empty: this.filteredNews.length === 0, scrollable: true }}\n      >\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        {this.loadingNews ? (\n          <gx-ide-loader\n            abortTime={8000}\n            loaderTitle={this._componentLocale.loader.title}\n            description={this._componentLocale.loader.description}\n            show={true}\n          ></gx-ide-loader>\n        ) : (\n          this.#evaluateNewsRender()\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}