@genexus/genexus-ide-ui 1.0.3 → 1.0.5

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

@@ -1,491 +0,0 @@
-import { r as t, c as e, h as r, H as i, g as o } from "./p-aaed592c.js";
-
-import { L as a } from "./p-74d59062.js";
-
-import { c as s } from "./p-8cf892b5.js";
-
-const n = "property";
-
-const l = "object";
-
-/*
-INDEX:
-1. getObjectIcon
-2. convertObjectTypeToTreeItem
-3. convertObjectToTreeItem
-4. getObjectType
-5. findObjectInTree
-6. findPropertyInTree
-7. convertPropertyToTreeItem
-8. updateTreeModelWithObjects
-9. convertKbPropertiesDataToTreeItemData
-10. clearKbPropertiesFromTree
-*/
-/* 1.2 getIcon (for properties)*/ const getPropertyIcon = (t, e) => {
-  // The object icon has to be retrieved from the ObjetTypes array, by matching the ObjectData typeId with the ObjectType id.
-  const r = e.find((e => e.id === t));
-  if (r) {
-    return r.icon;
-  } else {
-    return undefined;
-  }
-};
-
-/* 2. convertObjectTypeToTreeItem*/ const convertObjectTypeToTreeItem = t => ({
-  caption: t.name,
-  id: t.id,
-  startImgSrc: t.icon,
-  leaf: false,
-  parts: "object-type tree-view-item",
-  expanded: true,
-  items: []
-})
-/* 3. convertObjectToTreeItem*/;
-
-const convertObjectToTreeItem = (t, e) => ({
-  caption: t.name,
-  id: t.id,
-  startImgSrc: e.get(t.typeId).icon,
-  parts: "object tree-view-item",
-  metadata: l,
-  leaf: true
-})
-/* 5. findObjectInTree*/;
-
-const findObjectInTree = (t, e) => {
-  var r;
-  const i = {
-    objectExists: false,
-    objectTypeIndex: -1
-  };
-  if (e) {
-    const o = e.findIndex((e => e.id === t.typeId));
-    if (o !== -1) {
-      i.objectTypeIndex = o;
-      // objectType exists as a node in the actual tree.
-      // Now try to find the object
-            const a = (r = e[o].items) === null || r === void 0 ? void 0 : r.find((e => e.id === t.id));
-      if (a) {
-        i.objectExists = true;
-      }
-    }
-  }
-  return i;
-};
-
-/* 6. findPropertyInTree */ const findPropertyInTree = (t, e) => {
-  const r = e.find((e => e.id === t.id));
-  if (r) {
-    return true;
-  }
-  return false;
-};
-
-/* 7. convertPropertyToTreeItem */ const convertPropertyToTreeItem = (t, e) => ({
-  caption: t.name,
-  id: t.id,
-  startImgSrc: getPropertyIcon(t.typeId, e),
-  parts: "property tree-view-item",
-  metadata: n,
-  leaf: true
-})
-/* 8. updateTreeModelWithObjects*/;
-
-const updateTreeModelWithObjects = (t, e, r) => {
-  const i = [ ...r ];
-  if (!t) {
-    // nothing to do
-    return i;
-  }
-  t.forEach((t => {
-    // objects that already exists in the actual actualTreeState should not be added.
-    // We can find the object in the actual actualTreeState.
-    const r = findObjectInTree(t, i);
-    if (!r.objectExists) {
-      // object does not exists in actualTreeState
-      // if the objectType tree node exists, insert inside.
-      // if the objectType tree node does not exists, create object type node first.
-      if (r.objectTypeIndex === -1) {
-        const o = e.get(t.typeId);
-        if (o !== undefined) {
-          const t = convertObjectTypeToTreeItem(o);
-          r.objectTypeIndex = i.push(t) - 1;
-        }
-      }
-      const o = convertObjectToTreeItem(t, e);
-      // insert object in tree (under the object type tree node)
-            i[r.objectTypeIndex].items.push(o);
-    }
-  }));
-  return i;
-};
-
-/* 9. convertKbPropertiesDataToTreeItemData*/ const convertKbPropertiesDataToTreeItemData = (t, e, r) => {
-  const i = [ ...r ];
-  if (!t) {
-    // nothing to do
-    return i;
-  }
-  t.forEach((t => {
-    // properties have no parent node, and they should be added at the beginning of the tree
-    const r = findPropertyInTree(t, i);
-    if (!r) {
-      const r = convertPropertyToTreeItem(t, e);
-      i.unshift(r);
-    }
-  }));
-  return i;
-};
-
-/* 10. clearKbPropertiesFromTree*/ const clearKbPropertiesFromTree = (t, e) => {
-  if (!(e.length > 0)) {
-    // nothing to do.
-    return [];
-  }
-  const r = t.map((t => t.id));
-  const i = e.filter((t => !r.includes(t.id)));
-  return i;
-};
-
-const c = ':root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-01--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-02{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-02--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--color-on-primary)}.gxg-title-03{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-03--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-04{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-04--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-05{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-05--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable)}.gxg-text--negative{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text--gray{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--dimmed)}.gxg-quote{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);font-style:italic}.gxg-quote--negative{color:var(--ds-base-font-color--negative)}.gxg-link{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--ds-base-font-color--link-hover)}.gxg-link:active{color:var(--ds-base-font-color--link-active)}.gxg-link-gray{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed)}.gxg-link-gray:hover{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed);filter:brightness(1.4)}.gxg-alert-error{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--error);display:inline-block}.gxg-alert-warning{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--warning);display:inline-block}.gxg-alert-success{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--success);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--ds-base-font-family-primary);font-weight:var(--gxg-label-font-weight);font-size:var(--gxg-label-font-size);color:var(--gxg-label-color);text-align:center;line-height:1.455em;display:flex;align-items:center}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gxg-scrollbar::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}:host{display:grid;block-size:100%}.card-regular{background-color:var(--mer-surface__elevation--01);border:var(--mer-border__width--sm) solid var(--mer-border-color__on-elevation--01);border-radius:var(--mer-border__radius--md);padding:var(--mer-spacing--md) var(--mer-spacing--md);display:grid}.card-small{background-color:var(--mer-surface__elevation--02);border-radius:var(--mer-border__radius--sm);padding:var(--mer-spacing--sm) var(--mer-spacing--sm)}.card-small--actionable:hover{background-color:var(--mer-color__neutral-gray--600)}.card-small--actionable:active{background-color:var(--mer-color__neutral-gray--650)}.card-small:focus-visible{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.empty-state{block-size:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--mer-spacing--sm);text-align:center}.empty-state__title,.empty-state__button,.empty-state__link{max-inline-size:300px}.opacity-0{opacity:0}.opacity-1{opacity:1}.display-contents{display:contents}.gxi-hidden{display:none !important}.gxi-full-height{height:100%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}.justify-start{display:flex;justify-content:start}.justify-center{display:flex;justify-content:center}.justify-end{display:flex;justify-content:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:99;border-bottom:1px solid var(--mer-color__neutral-gray--800)}ch-grid-column:first-child{padding-inline-start:var(--gx-ide-container__padding) !important}ch-grid-column:last-child{padding-inline-end:var(--gx-ide-container__padding) !important}ch-grid-cell{--mer-spacing--xs:var(--gx-ide-container__padding)}.layout{display:grid;gap:var(--mer-spacing--lg);box-sizing:border-box}.layout--two-cols{grid-template-columns:1fr 1fr}.layout--space-above{padding-block-start:var(--mer-spacing--lg)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--mer-font__weight--regular);font-size:var(--mer-font__size--xs);font-family:var(--mer-font-family--primary);height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-main::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-main::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-main::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-overflow::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.tree-view-primary{font-size:var(--mer-font__size--2xs)}p{margin:0;font-size:var(--mer-font__size--xxs)}.buttons-container{display:flex;gap:var(--mer-spacing--xs)}.tree-view-container{display:flex}.header__top{border-top:1px solid var(--gx-ide-container-border-color);display:grid;padding:var(--gx-ide-container__padding) var(--gx-ide-container__padding) 0 var(--gx-ide-container__padding);gap:var(--gx-ide-grid-column-gap);grid-template-columns:1fr auto;grid-template-areas:"select-directory export-cancel-buttons-group options-btn"}.header__top .select-directory{grid-area:select-directory}.header__top .export-cancel-buttons-group{grid-area:export-cancel-buttons-group}.header__top .options-btn{grid-area:options-btn}.header__bottom .checkboxes-wrapper{padding:var(--gx-ide-grid-column-gap);display:flex;flex-wrap:wrap;gap:var(--gx-ide-grid-column-gap)}.header__bottom .checkboxes-wrapper .add-checkbox{display:flex}.tree-container{block-size:100%;padding:var(--tree-container-padding)}.tree-container--empty{align-items:center;justify-content:center}.tree-container .gx-ide-message{padding:100px 0}gxg-text{block-size:100%}';
-
-const d = [ "resets/box-sizing", "utils/form", "utils/layout", "utils/typography", "components/button", "components/checkbox", "components/edit", "components/tree-view" ];
-
-const g = class {
-  constructor(i) {
-    t(this, i);
-    this.componentDidLoadEvent = e(this, "componentDidLoadEvent", 7);
-    this.componentDidRenderFirstTime = e(this, "componentDidRenderFirstTime", 7);
-    this.checkedPropertiesIds = [];
-    this.renderedFirstTime = false;
-    this.flattenedObjectTypes = new Map;
-    // 7.LISTENERS //
-    // 8.PUBLIC METHODS API //
-    // 9.LOCAL METHODS //
-        this.evaluateObjects = () => {
-      var t;
-      this.noObjects = !!(((t = this.treeModel) === null || t === void 0 ? void 0 : t.length) === 0 || !this.treeModel);
-    };
-    this.optionsCallbackHandler = () => {
-      if (this.optionsCallback) {
-        this.optionsCallback();
-        // returns Promise<void>
-            }
-    };
-    this.addKBPropertiesCallbackHandler = async t => {
-      const e = t.detail.value;
-      this.addKbPropertiesIsChecked = e;
-      if (e && this.addKBPropertiesCallback) {
-        this.kBPropertiesData = await this.addKBPropertiesCallback();
-        if (this.kBPropertiesData.length === 0) ; else {
-          // 'convertObjectDataToTreeItemData' can be used for converting KBPropertiesData as well, because the two types share the same properties
-          const t = convertKbPropertiesDataToTreeItemData(this.kBPropertiesData, this.kbPropertiesTypes, this.treeModel);
-          this.treeModel = t;
-        }
-      } else if (!e) {
-        // previous properties (if any) should be removed
-        const t = clearKbPropertiesFromTree(this.kBPropertiesData, this.treeModel);
-        this.treeModel = t;
-      }
-    };
-    this.addObjectsCallbackHandler = async () => {
-      if (this.addObjectsCallback) {
-        const t = await this.addObjectsCallback();
-        this.updateObjects(t);
-      }
-    };
-    this.addReferencesCallbackHandler = async () => {
-      if (this.addReferencesCallback) {
-        const t = await this.addReferencesCallback(this.checkedObjectsIds);
-        this.updateObjects(t);
-      }
-    };
-    /*
-         * Used to update objects. Objects are updated when calling the 'addObjectsCallback' or 'addReferencesCallback'
-         */    this.updateObjects = t => {
-      if (t.length) {
-        const e = updateTreeModelWithObjects(t, this.flattenedObjectTypes, this.treeModel);
-        this.treeModel = e;
-      }
-    };
-    /*
-         * Update checked objects 'checkedObjectsArray' array. Used for the 'addReferencesCallback'
-         */    this.objectsTreeCheckedItemsChangedHandler = t => {
-      // filter 'checked objects' and 'checked properties' ids
-      const e = [];
-      const r = [];
-      const i = [ ...t.detail.values() ];
-      i.forEach((t => {
-        if (t.item.checked && t.item.metadata === l) {
-          e.push(t.item.id);
-        } else if (t.item.checked && t.item.metadata === n) {
-          r.push(t.item.id);
-        }
-      }));
-      this.checkedObjectsIds = e;
-      this.checkedPropertiesIds = r;
-    };
-    this.exportCallbackHandler = async () => {
-      if (this.exportCallback) {
-        this.exportingIsInProcess = true;
-        const t = this.exportAllCheckboxEl.checked;
-        const e = this.fileNameEl.value;
-        const r = this.addKbPropertiesIsChecked ? this.checkedPropertiesIds : [];
-        const i = t ? undefined : this.checkedObjectsIds;
-        this.exportCallback(e, r, i).then((() => {
-          this.exportingIsInProcess = false;
-        }));
-        // returns Promise<boolean> but no procedure was detailed on the spec.
-            }
-    };
-    this.cancelCallbackHandler = async () => {
-      if (this.cancelCallback) {
-        const t = await this.cancelCallback();
-        if (t) {
-          this.exportingIsInProcess = false;
-        }
-      }
-    };
-    this.clearButtonHandler = () => {
-      /* revisar*/
-      this.objectsTreeEl.updateAllItemsProperties({
-        checked: false
-      });
-    };
-    this.exportAllChangedHandler = t => {
-      this.exportAllIsChecked = t.detail.value;
-    };
-    this.evaluateTreeViewFilters = () => {
-      if (this.addKbPropertiesIsChecked && this.exportAllIsChecked) {
-        // only show properties
-        return n;
-      } else if (!this.addKbPropertiesIsChecked && !this.exportAllIsChecked) {
-        // only show objects
-        return l;
-      }
-      return "none";
- // Applies if !this.addKbPropertiesIsChecked && this.exportAllIsChecked
-        };
-    this.evaluateContentToDisplay = () => {
-      // Nothing to display on the tree-view
-      if (this.noObjects) {
-        return this.renderMessage(true);
-      }
-      // The tree should be empty, because all filters are being applied.
-      // Display a message to prevent a white screen.
-            if (!this.addKbPropertiesIsChecked && this.exportAllIsChecked) {
-        return this.renderMessage(false);
-      }
-      return r("ch-tree-view-render", {
-        model: this.treeModel,
-        dragDisabled: true,
-        dropDisabled: true,
-        toggleCheckboxes: true,
-        checked: true,
-        checkbox: true,
-        filter: this.evaluateTreeViewFilters(),
-        filterType: this.addKbPropertiesIsChecked && !this.exportAllIsChecked ? "none" : "metadata",
-        onCheckedItemsChange: this.objectsTreeCheckedItemsChangedHandler,
-        ref: t => this.objectsTreeEl = t,
-        "show-lines": "last",
-        class: "tree-view"
-      });
-    };
-    this.renderMessage = t => r("gxg-text", {
-      textAlign: s.gxgMessage.common.textAlign,
-      padding: s.gxgMessage.common.textAlign,
-      type: s.gxgMessage.common.type,
-      maxWidth: s.gxgMessage.common.maxWidth,
-      class: "gx-ide-message gx-ide-message--short",
-      part: "referenced-by-empty-status-message"
-    }, t ? [ r("span", null, this._componentLocale.main.noObjectsToDisplay), r("gxg-text", {
-      type: "text-link-no-line",
-      textAlign: "center",
-      onClick: this.addObjectsCallbackHandler
-    }, this._componentLocale.main.beginByADdingSomeObjects) ] : r("span", null, this._componentLocale.main.exportAllMessage));
-    this.clearButtonDisabledConditions = () => {
-      const t = this.treeModel.filter((t => t.checked));
-      return t.length === 0;
-    };
-    this.loaderCancelCallbackHandler = async () => {
-      this.cancelCallbackHandler();
-    };
-    this.onClickCancelCallbackHandler = async () => {
-      this.cancelCallbackHandler();
-    };
-    this.exportAllIsChecked = false;
-    this.addKbPropertiesIsChecked = false;
-    this.checkedObjectsIds = [];
-    this.noObjects = undefined;
-    this.treeModel = [];
-    this.exportingIsInProcess = false;
-    this.displayTitle = false;
-    this.fileName = undefined;
-    this.loader = false;
-    this.kbPropertiesTypes = undefined;
-    this.objectTypes = undefined;
-    this.exportFileDirectoryCallback = undefined;
-    this.optionsCallback = undefined;
-    this.addKBPropertiesCallback = undefined;
-    this.addReferencesCallback = undefined;
-    this.addObjectsCallback = undefined;
-    this.exportCallback = undefined;
-    this.cancelCallback = undefined;
-  }
-  watchTreeModelHandler(t) {
-    this.noObjects = !!(t.length === 0 || !t);
-  }
-  watchExportingIsInProcessHandler(t) {
-    if (t && this.loader) {
-      this.loaderEl.show = true;
-    } else if (!t && this.loader) {
-      this.loaderEl.show = false;
-    }
-  }
-  watchObjectTypesHandler(t) {
-    this.flattenObjectTypes(t);
-  }
-  // 6.COMPONENT LIFECYCLE EVENTS //
-  async componentWillLoad() {
-    this._componentLocale = await a.getComponentStrings(this.el);
-    this.componentDidLoadEvent.emit(true);
-    this.evaluateObjects();
-    this.flattenObjectTypes(this.objectTypes);
-  }
-  componentDidLoad() {
-    this.fileNameEl.focus();
-  }
-  componentDidRender() {
-    if (!this.renderedFirstTime) {
-      this.componentDidRenderFirstTime.emit(this._componentLocale.componentName);
-      this.renderedFirstTime = true;
-    }
-  }
-  flattenObjectTypes(t) {
-    t.forEach((t => {
-      this.flattenedObjectTypes.set(t.id, t);
-    }));
-  }
-  // 10.RENDER() FUNCTION //
-  render() {
-    return r(i, {
-      class: "gx-ide-component"
-    }, r("ch-theme", {
-      model: d
-    }), r("div", {
-      class: "gx-ide-main-wrapper"
-    }, r("gx-ide-container", {
-      noContentPadding: true,
-      noHeadingPadding: true,
-      headingPaddingTop: true,
-      containerTitle: this.displayTitle ? this._componentLocale.componentName : null,
-      slimmerFooter: s.gxIdeContainer.slimmerFooter
-    }, r("header", {
-      slot: "header",
-      class: "header"
-    }, r("div", {
-      class: "header__top"
-    }, r("gxg-form-text", {
-      class: {
-        "select-file-input": true
-      },
-      value: this.fileName,
-      part: "xpz-file",
-      label: this._componentLocale.header.exportFileName,
-      ref: t => this.fileNameEl = t,
-      icon: "gemini-tools/file",
-      iconPosition: "start"
-    }), r("gxg-buttons-container", {
-      reduced: true,
-      class: "export-cancel-buttons-group"
-    }, r("gxg-button", {
-      id: "export-kb-btn",
-      part: "export-btn",
-      onClick: this.exportCallbackHandler,
-      disabled: this.noObjects
-    }, this._componentLocale.header.exportButton), r("gxg-button", {
-      id: "cancel-kb-export-btn",
-      part: "cancel-button",
-      onClick: this.onClickCancelCallbackHandler,
-      disabled: !this.exportingIsInProcess || this.noObjects
-    }, this._componentLocale.header.cancelButton)), r("gxg-button", {
-      type: "secondary-icon-only",
-      icon: "gemini-tools/settings",
-      part: "select-kb-btn",
-      class: {
-        "options-btn": true
-      },
-      onClick: this.optionsCallbackHandler
-    }, this._componentLocale.header.optionsButton)), r("div", {
-      class: "header__bottom"
-    }, r("div", {
-      class: {
-        "checkboxes-wrapper": true
-      }
-    }, r("gxg-form-checkbox", {
-      label: this._componentLocale.main.addKnowledgeBaseDescription,
-      onChange: this.addKBPropertiesCallbackHandler,
-      part: "add-kb-checkbox"
-    }), r("gxg-form-checkbox", {
-      label: this._componentLocale.main.exportAll,
-      part: "export-all-checkbox",
-      ref: t => this.exportAllCheckboxEl = t,
-      onChange: this.exportAllChangedHandler
-    })))), r("div", {
-      class: {
-        "tree-container": true,
-        "tree-container--empty": this.noObjects || !this.noObjects && this.exportAllIsChecked && !this.addKbPropertiesIsChecked
-      }
-    }, this.evaluateContentToDisplay()), r("gxg-text", {
-      type: "button-like",
-      part: "export-button",
-      slot: "footer-start",
-      onClick: this.clearButtonHandler,
-      disabled: this.clearButtonDisabledConditions()
-    }, this._componentLocale.footer.clearButton), r("gxg-button", {
-      onClick: this.addReferencesCallbackHandler,
-      type: "outlined-text-icon",
-      icon: "general/references",
-      part: "export-button",
-      class: {
-        "cancel-btn": true
-      },
-      disabled: this.exportAllIsChecked,
-      slot: "footer-end"
-    }, this._componentLocale.footer.referencesButton), r("gxg-button", {
-      type: "primary-text-icon",
-      icon: "menus/new-object",
-      part: "export-button",
-      class: {
-        "cancel-btn": true
-      },
-      onClick: this.addObjectsCallbackHandler,
-      disabled: this.exportAllIsChecked,
-      slot: "footer-end"
-    }, this._componentLocale.footer.addButton))), this.loader && false ? r("gxg-ide-loader", {
-      cancelLabel: this._componentLocale.loader.cancelLabel,
-      container: this.el,
-      loaderTitle: this._componentLocale.loader.title,
-      ref: t => this.loaderEl = t,
-      cancelCallback: this.loaderCancelCallbackHandler
-    }) : null);
-  }
-  static get assetsDirs() {
-    return [ "gx-ide-assets/kb-manager-export" ];
-  }
-  get el() {
-    return o(this);
-  }
-  static get watchers() {
-    return {
-      treeModel: [ "watchTreeModelHandler" ],
-      exportingIsInProcess: [ "watchExportingIsInProcessHandler" ],
-      objectTypes: [ "watchObjectTypesHandler" ]
-    };
-  }
-};
-
-g.style = c;
-
-export { g as gx_ide_kb_manager_export };
-//# sourceMappingURL=p-b3baa3d2.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["KB_PROPERTY","KB_OBJECT","getPropertyIcon","typeId","kbPropertiesTypes","propertyType","find","id","icon","undefined","convertObjectTypeToTreeItem","objectType","caption","name","startImgSrc","leaf","parts","expanded","items","convertObjectToTreeItem","object","objectTypes","get","metadata","findObjectInTree","actualTreeState","objectTreeItemInfo","objectExists","objectTypeIndex","objectTypeTreeItemIndex","findIndex","objectTypeTreeItem","objectFound","_a","objectTreeItem","findPropertyInTree","property","updatedTreeData","found","node","convertPropertyToTreeItem","updateTreeModelWithObjects","objects","forEach","push","objectAsTreeItem","convertKbPropertiesDataToTreeItemData","properties","propertyAlreadyExists","propertyTreeItem","unshift","clearKbPropertiesFromTree","kBPropertiesData","length","kBPropertiesDataIds","map","treeModelWithoutKbProperties","filter","item","includes","kbManagerExportCss","CSS_BUNDLES","GxIdeKbManagerExport","this","checkedPropertiesIds","renderedFirstTime","flattenedObjectTypes","Map","evaluateObjects","noObjects","treeModel","optionsCallbackHandler","optionsCallback","addKBPropertiesCallbackHandler","async","e","checked","detail","value","addKbPropertiesIsChecked","addKBPropertiesCallback","newTreeModel","objectsWithoutProperties","addObjectsCallbackHandler","addObjectsCallback","updateObjects","addReferencesCallbackHandler","addReferencesCallback","checkedObjectsIds","objectsTreeCheckedItemsChangedHandler","event","allItemsWithCheckbox","values","exportCallbackHandler","exportCallback","exportingIsInProcess","exportAllChecked","exportAllCheckboxEl","fileName","fileNameEl","checkedKbPropertiesIds","checkedObjectIds","then","cancelCallbackHandler","cancelCallback","cancelled","clearButtonHandler","objectsTreeEl","updateAllItemsProperties","exportAllChangedHandler","exportAllIsChecked","evaluateTreeViewFilters","evaluateContentToDisplay","renderMessage","h","model","dragDisabled","dropDisabled","toggleCheckboxes","checkbox","filterType","onCheckedItemsChange","ref","el","class","nothingToDisplay","textAlign","config","gxgMessage","common","padding","type","maxWidth","part","_componentLocale","main","noObjectsToDisplay","onClick","beginByADdingSomeObjects","exportAllMessage","clearButtonDisabledConditions","checkedItems","loaderCancelCallbackHandler","onClickCancelCallbackHandler","watchTreeModelHandler","newState","watchExportingIsInProcessHandler","isExporting","loader","loaderEl","show","watchObjectTypesHandler","flattenObjectTypes","componentWillLoad","Locale","getComponentStrings","componentDidLoadEvent","emit","componentDidLoad","focus","componentDidRender","componentDidRenderFirstTime","componentName","set","render","Host","noContentPadding","noHeadingPadding","headingPaddingTop","containerTitle","displayTitle","slimmerFooter","gxIdeContainer","slot","label","header","exportFileName","iconPosition","reduced","disabled","exportButton","cancelButton","optionsButton","addKnowledgeBaseDescription","onChange","exportAll","footer","clearButton","referencesButton","addButton","cancelLabel","container","loaderTitle","title"],"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 { TreeViewItemModel } from \"@genexus/chameleon-controls-library\";\nimport {\n  ObjectData,\n  KBPropertyData,\n  KBPropertyType\n} from \"./kb-manager-export\";\nimport { ObjectType } from \"../../common/types\";\nexport const KB_PROPERTY = \"property\";\nexport const KB_OBJECT = \"object\";\n\n/*\nINDEX:\n1. getObjectIcon\n2. convertObjectTypeToTreeItem\n3. convertObjectToTreeItem\n4. getObjectType\n5. findObjectInTree\n6. findPropertyInTree\n7. convertPropertyToTreeItem\n8. updateTreeModelWithObjects\n9. convertKbPropertiesDataToTreeItemData\n10. clearKbPropertiesFromTree\n*/\n\n/* 1.2 getIcon (for properties)*/\nconst getPropertyIcon = (\n  typeId: string,\n  kbPropertiesTypes: KBPropertyType[]\n): string => {\n  // The object icon has to be retrieved from the ObjetTypes array, by matching the ObjectData typeId with the ObjectType id.\n  const propertyType = kbPropertiesTypes.find(\n    propertyType => propertyType.id === typeId\n  );\n  if (propertyType) {\n    return propertyType.icon;\n  } else {\n    return undefined;\n  }\n};\n\n/* 2. convertObjectTypeToTreeItem*/\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\n/* 3. convertObjectToTreeItem*/\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\n/* 5. findObjectInTree*/\nconst findObjectInTree = (\n  object: ObjectData,\n  actualTreeState: TreeViewItemModel[]\n): ObjectTreeInfo => {\n  const objectTreeItemInfo = {\n    objectExists: false,\n    objectTypeIndex: -1\n  };\n  if (actualTreeState) {\n    const objectTypeTreeItemIndex = actualTreeState.findIndex(\n      objectTypeTreeItem => {\n        return objectTypeTreeItem.id === object.typeId;\n      }\n    );\n    if (objectTypeTreeItemIndex !== -1) {\n      objectTreeItemInfo.objectTypeIndex = objectTypeTreeItemIndex;\n      // objectType exists as a node in the actual tree.\n      // Now try to find the object\n      const objectFound = actualTreeState[objectTypeTreeItemIndex].items?.find(\n        objectTreeItem => {\n          return objectTreeItem.id === object.id;\n        }\n      );\n      if (objectFound) {\n        objectTreeItemInfo.objectExists = true;\n      }\n    }\n  }\n  return objectTreeItemInfo;\n};\n\n/* 6. findPropertyInTree */\nconst findPropertyInTree = (\n  property: KBPropertyData,\n  updatedTreeData: TreeViewItemModel[]\n): boolean => {\n  const found = updatedTreeData.find(node => {\n    return node.id === property.id;\n  });\n  if (found) {\n    return true;\n  }\n  return false;\n};\n\n/* 7. convertPropertyToTreeItem */\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/* 8. updateTreeModelWithObjects*/\nexport const updateTreeModelWithObjects = (\n  objects: ObjectData[] | undefined,\n  objectTypes: Map<string, ObjectType>,\n  actualTreeState: TreeViewItemModel[]\n): TreeViewItemModel[] => {\n  const updatedTreeData: TreeViewItemModel[] = [...actualTreeState];\n  if (!objects) {\n    // nothing to do\n    return updatedTreeData;\n  }\n  objects.forEach(object => {\n    // objects that already exists in the actual actualTreeState should not be added.\n    // We can find the object in the actual actualTreeState.\n    const objectTreeItemInfo: ObjectTreeInfo = findObjectInTree(\n      object,\n      updatedTreeData\n    );\n    if (!objectTreeItemInfo.objectExists) {\n      // object does not exists in actualTreeState\n      // if the objectType tree node exists, insert inside.\n      // if the objectType tree node does not exists, create object type node first.\n      if (objectTreeItemInfo.objectTypeIndex === -1) {\n        const objectType: ObjectType = objectTypes.get(object.typeId);\n        if (objectType !== undefined) {\n          const objectTypeTreeItem = convertObjectTypeToTreeItem(objectType);\n          objectTreeItemInfo.objectTypeIndex =\n            updatedTreeData.push(objectTypeTreeItem) - 1;\n        }\n      }\n      const objectAsTreeItem: TreeViewItemModel = convertObjectToTreeItem(\n        object,\n        objectTypes\n      );\n      // insert object in tree (under the object type tree node)\n      updatedTreeData[objectTreeItemInfo.objectTypeIndex].items.push(\n        objectAsTreeItem\n      );\n    }\n  });\n  return updatedTreeData;\n};\n\n/* 9. convertKbPropertiesDataToTreeItemData*/\nexport const convertKbPropertiesDataToTreeItemData = (\n  properties: KBPropertyData[],\n  kbPropertiesTypes: KBPropertyType[],\n  actualTreeState: TreeViewItemModel[]\n): TreeViewItemModel[] => {\n  const updatedTreeData: TreeViewItemModel[] = [...actualTreeState];\n  if (!properties) {\n    // nothing to do\n    return updatedTreeData;\n  }\n  properties.forEach(property => {\n    // properties have no parent node, and they should be added at the beginning of the tree\n    const propertyAlreadyExists = findPropertyInTree(property, updatedTreeData);\n    if (!propertyAlreadyExists) {\n      const propertyTreeItem = convertPropertyToTreeItem(\n        property,\n        kbPropertiesTypes\n      );\n      updatedTreeData.unshift(propertyTreeItem);\n    }\n  });\n  return updatedTreeData;\n};\n\ntype ObjectTreeInfo = {\n  objectExists: boolean;\n  objectTypeIndex: number;\n};\n\n/* 10. clearKbPropertiesFromTree*/\nexport const clearKbPropertiesFromTree = (\n  kBPropertiesData: KBPropertyData[],\n  actualTreeState: TreeViewItemModel[]\n): TreeViewItemModel[] => {\n  if (!(actualTreeState.length > 0)) {\n    // nothing to do.\n    return [];\n  }\n  const kBPropertiesDataIds: string[] = kBPropertiesData.map(property => {\n    return property.id;\n  });\n\n  const treeModelWithoutKbProperties: TreeViewItemModel[] =\n    actualTreeState.filter(item => {\n      return !kBPropertiesDataIds.includes(item.id);\n    });\n\n  return treeModelWithoutKbProperties;\n};\n","@import \"../../global/gx-ide-common.scss\";\n@import \"../../global/gx-ide-mixins.scss\";\n\n/*general*/\n.tree-view-container {\n  display: flex;\n}\n\n/*Header*/\n.header {\n  &__top {\n    border-top: 1px solid var(--gx-ide-container-border-color);\n    //border-bottom: 1px solid var(--gx-ide-container-border-color);\n    display: grid;\n    padding: var(--gx-ide-container__padding) var(--gx-ide-container__padding) 0\n      var(--gx-ide-container__padding);\n    gap: var(--gx-ide-grid-column-gap);\n    grid-template-columns: 1fr auto;\n    grid-template-areas: \"select-directory export-cancel-buttons-group options-btn\";\n\n    .select-directory {\n      grid-area: select-directory;\n    }\n    .export-cancel-buttons-group {\n      grid-area: export-cancel-buttons-group;\n    }\n    .options-btn {\n      grid-area: options-btn;\n    }\n  }\n  &__bottom {\n    .checkboxes-wrapper {\n      padding: var(--gx-ide-grid-column-gap);\n      display: flex;\n      flex-wrap: wrap;\n      gap: var(--gx-ide-grid-column-gap);\n\n      .add-checkbox {\n        display: flex;\n      }\n    }\n  }\n}\n\n/*Main*/\n.tree-container {\n  block-size: 100%;\n  padding: var(--tree-container-padding);\n  &--empty {\n    align-items: center;\n    justify-content: center;\n  }\n  @include gx-ide-message(\"tall\");\n}\n\ngxg-text {\n  block-size: 100%;\n}\n\n// @keyframes toggleTreeObjectsVisibility {\n//   0% {\n//     opacity: 1;\n//   }\n//   100% {\n//     opacity: 0;\n//   }\n// }\n","/* STENCIL IMPORTS */\nimport {\n  Component,\n  Host,\n  h,\n  Prop,\n  Event,\n  Element,\n  State,\n  EventEmitter,\n  Watch\n} from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\n/* Tree View */\nimport { TreeViewItemModel } from \"@genexus/chameleon-controls-library\";\nimport { TreeViewItemModelExtended } from \"@genexus/chameleon-controls-library\";\nimport { MercuryBundles } from \"@genexus/mercury\";\nimport {\n  TextAlign,\n  TextPadding,\n  TextType\n} from \"@genexus/gemini/dist/types/components/text/text\";\nimport { CheckboxInfo } from \"@genexus/gemini/dist/types/components/form-checkbox/form-checkbox\";\n/* CUSTOM IMPORTS */\nimport { Locale } from \"../../common/locale\";\nimport { config } from \"../../common/config\";\nimport {\n  updateTreeModelWithObjects,\n  convertKbPropertiesDataToTreeItemData,\n  clearKbPropertiesFromTree\n} from \"./helpers\";\nimport { ObjectType } from \"../../common/types\";\n\nimport { KB_PROPERTY, KB_OBJECT } from \"./helpers\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"utils/form\",\n  \"utils/layout\",\n  \"utils/typography\",\n  \"components/button\",\n  \"components/checkbox\",\n  \"components/edit\",\n  \"components/tree-view\"\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  // 1.OWN PROPERTIES //\n\n  /**\n   * The component hard-coded strings translations.\n   */\n  private _componentLocale: any;\n  private checkedPropertiesIds: string[] = [];\n  private renderedFirstTime = false;\n  private flattenedObjectTypes: Map<string, ObjectType> = new Map();\n\n  // 2. REFERENCE TO ELEMENTS //\n\n  @Element() el: HTMLGxIdeKbManagerExportElement;\n\n  private fileNameEl!: HTMLGxgFormTextElement;\n  private exportAllCheckboxEl!: HTMLGxgFormCheckboxElement;\n  private objectsTreeEl!: HTMLChTreeViewRenderElement;\n  private loaderEl!: HTMLGxgIdeLoaderElement;\n  private kBPropertiesData!: KBPropertyData[];\n\n  // 3.STATE() VARIABLES //\n\n  @State() exportAllIsChecked = false;\n  @State() addKbPropertiesIsChecked = false;\n  @State() checkedObjectsIds: string[] = [];\n  @State() noObjects: boolean;\n\n  @State() treeModel: TreeViewItemModel[] = [];\n  @Watch(\"treeModel\")\n  watchTreeModelHandler(newState: TreeViewItemModel[]) {\n    this.noObjects = !!(newState.length === 0 || !newState);\n  }\n\n  @State() exportingIsInProcess = false;\n  @Watch(\"exportingIsInProcess\")\n  watchExportingIsInProcessHandler(isExporting: boolean) {\n    if (isExporting && this.loader) {\n      this.loaderEl.show = true;\n    } else if (!isExporting && this.loader) {\n      this.loaderEl.show = false;\n    }\n  }\n\n  // 4.PUBLIC PROPERTY API //\n\n  /**\n   * If true it displays the component title on the header\n   */\n  @Prop() readonly displayTitle = false;\n\n  /**\n   * It allows defining the default Export File Name\n   */\n  @Prop() readonly fileName: string;\n\n  /**\n   * If true, it will display a loader when needed.\n   */\n  @Prop() readonly loader = false;\n\n  /**\n   * Array with the possible types of KB properties\n   */\n  @Prop() readonly kbPropertiesTypes: KBPropertyType[];\n\n  /**\n   * Array of possible object types\n   */\n  @Prop() readonly objectTypes: ObjectType[];\n  @Watch(\"objectTypes\")\n  watchObjectTypesHandler(newState: ObjectType[]) {\n    this.flattenObjectTypes(newState);\n  }\n\n  /**\n   * Callback invoked when the user wants to access the export options.\n   */\n  @Prop() readonly exportFileDirectoryCallback: ExportFileDirectoryCallback;\n\n  /**\n   * Callback invoked when the user wants to access the export options.\n   */\n  @Prop() readonly optionsCallback: OptionsCallback;\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 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 add objects.\n   */\n  @Prop() readonly addObjectsCallback: AddObjectsCallback;\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 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  // 5.EVENTS (EMIT) //\n\n  /**\n   * This event is emitted once just after the component is fully loaded and the first render() occurs.\n   */\n  @Event() componentDidLoadEvent: EventEmitter<boolean>;\n\n  /**\n   * This event is emitted once just after the component is fully loaded and the first render() occurs\n   */\n  @Event() componentDidRenderFirstTime: EventEmitter<boolean>;\n\n  // 6.COMPONENT LIFECYCLE EVENTS //\n\n  async componentWillLoad() {\n    this._componentLocale = await Locale.getComponentStrings(this.el);\n    this.componentDidLoadEvent.emit(true);\n    this.evaluateObjects();\n    this.flattenObjectTypes(this.objectTypes);\n  }\n\n  componentDidLoad() {\n    this.fileNameEl.focus();\n  }\n\n  componentDidRender() {\n    if (!this.renderedFirstTime) {\n      this.componentDidRenderFirstTime.emit(\n        this._componentLocale.componentName\n      );\n      this.renderedFirstTime = true;\n    }\n  }\n\n  // 7.LISTENERS //\n\n  // 8.PUBLIC METHODS API //\n\n  // 9.LOCAL METHODS //\n\n  private evaluateObjects = () => {\n    this.noObjects = !!(this.treeModel?.length === 0 || !this.treeModel);\n  };\n\n  private optionsCallbackHandler = () => {\n    if (this.optionsCallback) {\n      this.optionsCallback();\n      // returns Promise<void>\n    }\n  };\n\n  private addKBPropertiesCallbackHandler = async (e: CustomEvent) => {\n    const checked = e.detail.value;\n    this.addKbPropertiesIsChecked = checked;\n    if (checked && this.addKBPropertiesCallback) {\n      this.kBPropertiesData = await this.addKBPropertiesCallback();\n      if (this.kBPropertiesData.length === 0) {\n        // nothing to do\n      } else {\n        // 'convertObjectDataToTreeItemData' can be used for converting KBPropertiesData as well, because the two types share the same properties\n        const newTreeModel = convertKbPropertiesDataToTreeItemData(\n          this.kBPropertiesData,\n          this.kbPropertiesTypes,\n          this.treeModel\n        );\n        this.treeModel = newTreeModel;\n      }\n    } else if (!checked) {\n      // previous properties (if any) should be removed\n      const objectsWithoutProperties = clearKbPropertiesFromTree(\n        this.kBPropertiesData,\n        this.treeModel\n      );\n      this.treeModel = objectsWithoutProperties;\n    }\n  };\n\n  private addObjectsCallbackHandler = async () => {\n    if (this.addObjectsCallback) {\n      const objects: ObjectData[] = await this.addObjectsCallback();\n      this.updateObjects(objects);\n    }\n  };\n\n  private addReferencesCallbackHandler = async () => {\n    if (this.addReferencesCallback) {\n      const objects: ObjectData[] = await this.addReferencesCallback(\n        this.checkedObjectsIds\n      );\n      this.updateObjects(objects);\n    }\n  };\n\n  /*\n   * Used to update objects. Objects are updated when calling the 'addObjectsCallback' or 'addReferencesCallback'\n   */\n  private updateObjects = (objects: ObjectData[]) => {\n    if (objects.length) {\n      const newTreeModel = updateTreeModelWithObjects(\n        objects,\n        this.flattenedObjectTypes,\n        this.treeModel\n      );\n      this.treeModel = newTreeModel;\n    }\n  };\n\n  /*\n   * Update checked objects 'checkedObjectsArray' array. Used for the 'addReferencesCallback'\n   */\n  private 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\n  private exportCallbackHandler = async () => {\n    if (this.exportCallback) {\n      this.exportingIsInProcess = true;\n      const exportAllChecked = this.exportAllCheckboxEl.checked;\n      const fileName: string = this.fileNameEl.value;\n      const checkedKbPropertiesIds = this.addKbPropertiesIsChecked\n        ? this.checkedPropertiesIds\n        : [];\n      const checkedObjectIds = exportAllChecked\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\n  private cancelCallbackHandler = async () => {\n    if (this.cancelCallback) {\n      const cancelled = await this.cancelCallback();\n      if (cancelled) {\n        this.exportingIsInProcess = false;\n      }\n    }\n  };\n\n  private clearButtonHandler = () => {\n    /* revisar*/\n    this.objectsTreeEl.updateAllItemsProperties({ checked: false });\n  };\n\n  private exportAllChangedHandler = (event: CustomEvent<CheckboxInfo>) => {\n    this.exportAllIsChecked = event.detail.value;\n  };\n\n  private flattenObjectTypes(newState: ObjectType[]) {\n    newState.forEach(objectType => {\n      this.flattenedObjectTypes.set(objectType.id, objectType);\n    });\n  }\n\n  private evaluateTreeViewFilters = (): string => {\n    if (this.addKbPropertiesIsChecked && this.exportAllIsChecked) {\n      // only show properties\n      return KB_PROPERTY;\n    } else if (!this.addKbPropertiesIsChecked && !this.exportAllIsChecked) {\n      // only show objects\n      return KB_OBJECT;\n    }\n    return \"none\"; // Applies if !this.addKbPropertiesIsChecked && this.exportAllIsChecked\n  };\n\n  private evaluateContentToDisplay = () => {\n    // Nothing to display on the tree-view\n    if (this.noObjects) {\n      return this.renderMessage(true);\n    }\n\n    // The tree should be empty, because all filters are being applied.\n    // Display a message to prevent a white screen.\n    if (!this.addKbPropertiesIsChecked && this.exportAllIsChecked) {\n      return this.renderMessage(false);\n    }\n\n    return (\n      <ch-tree-view-render\n        model={this.treeModel}\n        dragDisabled={true}\n        dropDisabled={true}\n        toggleCheckboxes={true}\n        checked={true}\n        checkbox={true}\n        filter={this.evaluateTreeViewFilters()}\n        filterType={\n          this.addKbPropertiesIsChecked && !this.exportAllIsChecked\n            ? \"none\"\n            : \"metadata\"\n        }\n        onCheckedItemsChange={this.objectsTreeCheckedItemsChangedHandler}\n        ref={el => (this.objectsTreeEl = el as HTMLChTreeViewRenderElement)}\n        show-lines=\"last\"\n        class=\"tree-view\"\n      ></ch-tree-view-render>\n    );\n  };\n\n  private renderMessage = (nothingToDisplay: boolean) => {\n    return (\n      <gxg-text\n        textAlign={config.gxgMessage.common.textAlign as TextAlign}\n        padding={config.gxgMessage.common.textAlign as TextPadding}\n        type={config.gxgMessage.common.type as TextType}\n        maxWidth={config.gxgMessage.common.maxWidth}\n        class=\"gx-ide-message gx-ide-message--short\"\n        part=\"referenced-by-empty-status-message\"\n      >\n        {nothingToDisplay ? (\n          [\n            <span>{this._componentLocale.main.noObjectsToDisplay}</span>,\n            <gxg-text\n              type=\"text-link-no-line\"\n              textAlign=\"center\"\n              onClick={this.addObjectsCallbackHandler}\n            >\n              {this._componentLocale.main.beginByADdingSomeObjects}\n            </gxg-text>\n          ]\n        ) : (\n          <span>{this._componentLocale.main.exportAllMessage}</span>\n        )}\n      </gxg-text>\n    );\n  };\n\n  private clearButtonDisabledConditions = (): boolean => {\n    const checkedItems = this.treeModel.filter(item => {\n      return item.checked;\n    });\n    return checkedItems.length === 0;\n  };\n\n  private loaderCancelCallbackHandler = async () => {\n    this.cancelCallbackHandler();\n  };\n\n  private onClickCancelCallbackHandler = async () => {\n    this.cancelCallbackHandler();\n  };\n\n  // 10.RENDER() FUNCTION //\n\n  render(): void {\n    return (\n      <Host class=\"gx-ide-component\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <div class=\"gx-ide-main-wrapper\">\n          <gx-ide-container\n            noContentPadding\n            noHeadingPadding\n            headingPaddingTop\n            containerTitle={\n              this.displayTitle ? this._componentLocale.componentName : null\n            }\n            slimmerFooter={config.gxIdeContainer.slimmerFooter}\n          >\n            <header slot=\"header\" class=\"header\">\n              {/* header top */}\n              <div class=\"header__top\">\n                {/* export file name*/}\n                <gxg-form-text\n                  class={{ \"select-file-input\": true }}\n                  value={this.fileName}\n                  part=\"xpz-file\"\n                  label={this._componentLocale.header.exportFileName}\n                  ref={el => (this.fileNameEl = el as HTMLGxgFormTextElement)}\n                  icon=\"gemini-tools/file\"\n                  iconPosition=\"start\"\n                ></gxg-form-text>\n                {/* export button / cancel button*/}\n                <gxg-buttons-container\n                  reduced\n                  class=\"export-cancel-buttons-group\"\n                >\n                  <gxg-button\n                    id=\"export-kb-btn\"\n                    part=\"export-btn\"\n                    onClick={this.exportCallbackHandler}\n                    disabled={this.noObjects}\n                  >\n                    {this._componentLocale.header.exportButton}\n                  </gxg-button>\n                  <gxg-button\n                    id=\"cancel-kb-export-btn\"\n                    part=\"cancel-button\"\n                    onClick={this.onClickCancelCallbackHandler}\n                    disabled={!this.exportingIsInProcess || this.noObjects}\n                  >\n                    {this._componentLocale.header.cancelButton}\n                  </gxg-button>\n                </gxg-buttons-container>\n                {/* settings/options button*/}\n                <gxg-button\n                  type=\"secondary-icon-only\"\n                  icon=\"gemini-tools/settings\"\n                  part=\"select-kb-btn\"\n                  class={{ \"options-btn\": true }}\n                  onClick={this.optionsCallbackHandler}\n                >\n                  {this._componentLocale.header.optionsButton}\n                </gxg-button>\n              </div>\n              {/* header bottom */}\n              <div class=\"header__bottom\">\n                <div class={{ \"checkboxes-wrapper\": true }}>\n                  {/* checkboxes */}\n                  <gxg-form-checkbox\n                    label={\n                      this._componentLocale.main.addKnowledgeBaseDescription\n                    }\n                    onChange={this.addKBPropertiesCallbackHandler}\n                    part=\"add-kb-checkbox\"\n                  ></gxg-form-checkbox>\n                  <gxg-form-checkbox\n                    label={this._componentLocale.main.exportAll}\n                    part=\"export-all-checkbox\"\n                    ref={el =>\n                      (this.exportAllCheckboxEl =\n                        el as HTMLGxgFormCheckboxElement)\n                    }\n                    onChange={this.exportAllChangedHandler}\n                  ></gxg-form-checkbox>\n                </div>\n              </div>\n            </header>\n\n            {/* main */}\n\n            <div\n              class={{\n                \"tree-container\": true,\n                \"tree-container--empty\":\n                  this.noObjects ||\n                  (!this.noObjects &&\n                    this.exportAllIsChecked &&\n                    !this.addKbPropertiesIsChecked)\n                // \"tree-container--export-all\": this.exportAllIsChecked\n              }}\n            >\n              {this.evaluateContentToDisplay()}\n            </div>\n\n            {/* footer */}\n            {/* clear 'button' */}\n            <gxg-text\n              type=\"button-like\"\n              part=\"export-button\"\n              slot=\"footer-start\"\n              onClick={this.clearButtonHandler}\n              disabled={this.clearButtonDisabledConditions()}\n            >\n              {this._componentLocale.footer.clearButton}\n            </gxg-text>\n            {/* references button */}\n            <gxg-button\n              onClick={this.addReferencesCallbackHandler}\n              type=\"outlined-text-icon\"\n              icon=\"general/references\"\n              part=\"export-button\"\n              class={{ \"cancel-btn\": true }}\n              disabled={this.exportAllIsChecked}\n              slot=\"footer-end\"\n            >\n              {this._componentLocale.footer.referencesButton}\n            </gxg-button>\n            {/* add button */}\n            <gxg-button\n              type=\"primary-text-icon\"\n              icon=\"menus/new-object\"\n              part=\"export-button\"\n              class={{ \"cancel-btn\": true }}\n              onClick={this.addObjectsCallbackHandler}\n              disabled={this.exportAllIsChecked}\n              slot=\"footer-end\"\n            >\n              {this._componentLocale.footer.addButton}\n            </gxg-button>\n          </gx-ide-container>\n        </div>\n        {this.loader && false ? (\n          <gxg-ide-loader\n            cancelLabel={this._componentLocale.loader.cancelLabel}\n            container={this.el}\n            loaderTitle={this._componentLocale.loader.title}\n            ref={el => (this.loaderEl = el as HTMLGxgIdeLoaderElement)}\n            cancelCallback={this.loaderCancelCallbackHandler}\n          ></gxg-ide-loader>\n        ) : null}\n      </Host>\n    );\n  }\n}\n\n/* Kb Property*/\nexport type KBPropertiesCallback = () => Promise<KBPropertyData[]>;\nexport type KBPropertyData = {\n  typeId: string;\n  id: string;\n  name: string;\n};\nexport type KBPropertyType = {\n  id: string;\n  icon: string;\n};\n\n/* Objects */\nexport type ObjectData = {\n  typeId: string;\n  id: string;\n  name: string;\n};\n\n/* Callbacks*/\nexport type ExportFileDirectoryCallback = () => Promise<string>;\n\nexport type OptionsCallback = () => Promise<void>;\n\nexport type AddObjectsCallback = () => Promise<ObjectData[]>;\n\nexport type ExportCallback = (\n  fileName: string,\n  checkedKbPropertiesIds: string[],\n  checkedObjectIds: string[]\n) => Promise<boolean>;\n\nexport type AddReferencesCallback = (\n  objectIds: string[]\n) => Promise<ObjectData[]>;\n\nexport type CancelCallback = () => Promise<boolean>;\n"],"mappings":"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"}

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

@@ -1 +0,0 @@
-{"version":3,"names":["startPageCss","CSS_BUNDLES","KB_ICON","getIconPath","category","name","FOLDER_ICON","colorType","GxIdeStartPage","_GxIdeStartPage_recentKbsFilter","set","this","_GxIdeStartPage_kbsFilterValue","_GxIdeStartPage_evaluateRenderKbs","_a","kbs","length","__classPrivateFieldGet","_GxIdeStartPage_renderKbs","call","h","class","stateIconSrc","stateTitle","_componentLocale","emptyState","title","stateDescription","description","_GxIdeStartPage_filterKbs","filteredKbs","filter","kb","toLowerCase","includes","_GxIdeStartPage_getNewsCallbackRecentNews","async","Promise","resolve","news","getNewsCallback","_GxIdeStartPage_openKbHandler","e","kbId","target","id","openKbCallback","_GxIdeStartPage_renderKb","formattedDate","formatDate","lastOpenedDate","dateCaption","recentKbs","lastOpened","toLocaleLowerCase","_b","key","type","onClick","src","config","headingsClasses","cardSmall","hiChar","map","noKbsFiltered","_GxIdeStartPage_searchKbsInputHandler","event","__classPrivateFieldSet","value","_GxIdeStartPage_searchNewsInputHandler","newsFilterValue","watchNews","newsFilterThreshold","displayNewsFilter","kbsChanged","loadingKbs","kbsFilterThreshold","displayKbsFilter","componentWillLoad","Locale","getComponentStrings","el","componentDidLoad","focus","render","Host","model","cardRegular","placeholder","onInput","ref","disabled","loaderTitle","loader","show","recentNews","inputPlaceholder","_c","openNewsCallback","filterValue"],"sources":["src/components/start-page/start-page.scss?tag=gx-ide-start-page&encapsulation=shadow","src/components/start-page/start-page.tsx"],"sourcesContent":["@import \"../../global/gx-ide-common.scss\";\n@import \"../../global/gx-ide-mixins.scss\";\n@import \"../../global/reset.scss\";\n\n@include hiChar();\n\n:host {\n  overflow: auto;\n  container-type: inline-size;\n  container-name: host;\n}\n\n.layout-main,\n.layout__panel {\n  block-size: 100%;\n  overflow: auto;\n}\n@container host (max-width: 768px) {\n  .layout.layout-main {\n    grid-template-columns: 1fr;\n    grid-template-rows: 1fr 1fr;\n  }\n}\n\n// recent kb's\n.panel-recent-kbs {\n  position: relative;\n}\n.recent-kbs,\n.recent-news {\n  display: grid;\n  grid-template-rows: auto 1fr;\n  gap: var(--mer-spacing--md);\n  overflow: auto;\n\n  &__header {\n    display: grid;\n    gap: var(--mer-spacing--md);\n  }\n}\n\n.kbs-container {\n  display: grid;\n  gap: var(--mer-spacing--xs);\n  overflow: auto;\n  grid-auto-rows: max-content;\n  container-type: inline-size;\n  container-name: kb-container;\n  animation: fadeIn var(--mer-timing--super-fast) forwards linear;\n}\n\n.card-kb {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--mer-spacing--lg);\n  container-type: inline-size;\n  container-name: card-kb;\n\n  &__left-col {\n    display: flex;\n    align-items: center;\n    gap: var(--mer-spacing--sm);\n  }\n}\n@container kb-container (max-width: 360px) {\n  .card-kb {\n    align-items: center;\n    flex-direction: column;\n    gap: var(--mer-spacing--xs);\n    justify-content: start;\n  }\n}\n\n// recent news\ngx-ide-recent-news {\n  overflow: auto;\n}\n.panel-recent-news {\n  position: relative;\n}\n\n@keyframes exactMatchBright {\n  100% {\n    filter: brightness(1.25);\n  }\n}\n.exact-match-bright {\n  animation: exactMatchBright var(--mer-timing--super-fast) ease-in-out 4\n    alternate;\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@keyframes fadeIn {\n  0% {\n    opacity: 0;\n  }\n}\n","/* STENCIL IMPORTS */\nimport { Component, Host, h, Prop, Element, State, Watch } from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\nimport { MercuryBundles, getIconPath } from \"@genexus/mercury\";\n/* CUSTOM IMPORTS */\nimport { Locale } from \"../../common/locale\";\nimport { config } from \"../../common/config\";\nimport { formatDate, hiChar } from \"../../common/helpers\";\nimport { ChEditCustomEvent } from \"@genexus/chameleon-controls-library\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"utils/typography\",\n  \"utils/layout\",\n  \"components/edit\",\n  \"components/icon\",\n  \"components/button\",\n  \"chameleon/scrollbar\"\n];\n\nconst KB_ICON = getIconPath({\n  category: \"objects\",\n  name: \"knowledge-base\"\n});\nconst FOLDER_ICON = getIconPath({\n  category: \"system\",\n  name: \"folder\",\n  colorType: \"on-elevation\"\n});\n\n@Component({\n  tag: \"gx-ide-start-page\",\n  styleUrl: \"start-page.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/start-page\"]\n})\nexport class GxIdeStartPage {\n  /**\n   * The component hard-coded strings translations.\n   */\n  private _componentLocale: any;\n\n  #recentKbsFilter: HTMLChEditElement;\n  #kbsFilterValue: string = \"\";\n\n  @Element() el: HTMLGxIdeStartPageElement;\n\n  /**\n   * The condition required to display the kbs filter\n   */\n  @State() displayKbsFilter: boolean = true;\n\n  /**\n   * The condition required to display the news filter\n   */\n  @State() displayNewsFilter: boolean = false;\n\n  /**\n   * The filtered KBs after user input\n   */\n  @State() filteredKbs: RecentKBData[] = [];\n\n  /**\n   * The filtered news after user input\n   */\n  @State() filteredNews: NewsData[] = [];\n\n  /**\n   * True if kbs have been not loaded yet.\n   */\n  @State() loadingKbs: boolean = true;\n\n  /**\n   * A list of recent news\n   */\n  @State() news: NewsData[];\n  @Watch(\"news\")\n  watchNews(news: NewsData[]) {\n    if (news?.length >= this.newsFilterThreshold) {\n      this.displayNewsFilter = true;\n    } else {\n      this.displayNewsFilter = false;\n    }\n  }\n\n  /**\n   * The filter value for the recent news set by the user input\n   */\n  @State() newsFilterValue: string;\n\n  /**\n   * True if the component has been rendered for the first time.\n   */\n  @State() renderedFirstTime = false;\n\n  /**\n   * Callback invoked to load the news feed (right panel \"Recent News\").\n   */\n  @Prop() readonly getNewsCallback!: GetNewsCallback;\n\n  /**\n   * Ann array of the user's KB's\n   */\n  @Prop() readonly kbs: RecentKBData[] = [];\n  @Watch(\"kbs\")\n  kbsChanged(kbs: RecentKBData[]) {\n    this.loadingKbs = false;\n    this.#filterKbs();\n    if (kbs?.length >= this.kbsFilterThreshold) {\n      this.displayKbsFilter = true;\n    } else {\n      this.displayKbsFilter = false;\n    }\n  }\n\n  /**\n   * The minimum number of \"kbs\" that is required to display the kb's filter.\n   */\n  @Prop() readonly kbsFilterThreshold: number = 6;\n\n  /**\n   * The minimum number of \"news\" that is required to display the news's filter.\n   */\n  @Prop() readonly newsFilterThreshold: number = 6;\n\n  /**\n   * Callback invoked to open a knowledge base when the user clicks on a KB card.\n   */\n  @Prop() readonly openKbCallback!: OpenKbCallback;\n\n  /**\n   * Callback invoked to open a news article.\n   */\n  @Prop() readonly openNewsCallback!: OpenNewsCallback;\n\n  async componentWillLoad() {\n    this._componentLocale = await Locale.getComponentStrings(this.el);\n  }\n\n  componentDidLoad() {\n    this.#recentKbsFilter?.focus();\n  }\n\n  #evaluateRenderKbs = () => {\n    if (this.kbs?.length > 0) {\n      return this.#renderKbs();\n    } else {\n      return (\n        <gx-ide-empty-state\n          class=\"kbs-empty-state\"\n          stateIconSrc={FOLDER_ICON}\n          stateTitle={this._componentLocale.emptyState.title}\n          stateDescription={this._componentLocale.emptyState.description}\n        ></gx-ide-empty-state>\n      );\n    }\n  };\n\n  #filterKbs = () => {\n    this.filteredKbs = this.kbs.filter(kb =>\n      kb.name?.toLowerCase().includes(this.#kbsFilterValue)\n    );\n  };\n\n  #getNewsCallbackRecentNews = async (): Promise<NewsData[]> => {\n    return new Promise(async resolve => {\n      this.news = await this.getNewsCallback();\n      resolve(this.news);\n    });\n  };\n\n  #openKbHandler = async (e: MouseEvent) => {\n    const kbId = (e.target as HTMLElement).id;\n    await this.openKbCallback(kbId);\n  };\n\n  #renderKb = (kb: RecentKBData): HTMLButtonElement | null => {\n    const formattedDate = formatDate(kb.lastOpenedDate, \"pretty\");\n    const dateCaption = formattedDate\n      ? `${this._componentLocale.recentKbs.lastOpened} ${formattedDate}`\n      : null;\n    return (\n      <article class=\"display-contents\">\n        <button\n          class={{\n            \"card-small\": true,\n            \"card-small--actionable\": true,\n            \"card-kb\": true,\n            \"exact-match-bright\":\n              kb.name?.toLocaleLowerCase() ===\n              this.#kbsFilterValue?.toLowerCase()\n          }}\n          id={kb.id}\n          key={kb.id}\n          type=\"button\"\n          onClick={this.#openKbHandler}\n        >\n          <div class=\"card-kb__left-col\">\n            <ch-image src={KB_ICON} class=\"icon-md\"></ch-image>\n            <h2 class={config.headingsClasses.cardSmall}>\n              {hiChar(kb.name, this.#kbsFilterValue)}\n            </h2>\n          </div>\n          {dateCaption && <div class=\"card-kb__right-col\">{dateCaption}</div>}\n        </button>\n      </article>\n    );\n  };\n\n  #renderKbs = () => {\n    if (this.filteredKbs.length) {\n      return (\n        <div class=\"kbs-container scrollable\">\n          {this.filteredKbs?.map(this.#renderKb)}\n        </div>\n      );\n    }\n    return (\n      <gx-ide-empty-state\n        stateIconSrc={KB_ICON}\n        stateTitle={this._componentLocale.recentKbs.noKbsFiltered.title}\n      ></gx-ide-empty-state>\n    );\n  };\n\n  #searchKbsInputHandler = (event: Event | ChEditCustomEvent<InputEvent>) => {\n    this.#kbsFilterValue = (\n      event as ChEditCustomEvent<InputEvent>\n    ).target.value.toLowerCase();\n    this.#filterKbs();\n  };\n\n  #searchNewsInputHandler = (event: Event | ChEditCustomEvent<InputEvent>) => {\n    this.newsFilterValue = (\n      event as ChEditCustomEvent<InputEvent>\n    ).target.value.toLowerCase();\n  };\n\n  render() {\n    return (\n      <Host class=\"start-page-host\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <div class=\"layout layout-main layout--cols-2\">\n          <div class=\"layout__panel panel-recent-kbs\">\n            <section class=\"card-regular recent-kbs\">\n              <header class=\"recent-kbs__header\">\n                <h2\n                  class={{\n                    [config.headingsClasses.cardRegular]: true,\n                    \"recent-kbs__title\": true\n                  }}\n                >\n                  {this._componentLocale.recentKbs.title}\n                </h2>\n                {this.displayKbsFilter && (\n                  <ch-edit\n                    type=\"text\"\n                    class=\"form-input recent-kbs__name-filter\"\n                    placeholder={this._componentLocale.recentKbs.placeholder}\n                    onInput={this.#searchKbsInputHandler}\n                    ref={el =>\n                      (this.#recentKbsFilter = el as HTMLChEditElement)\n                    }\n                    disabled={!(this.kbs?.length > 0)}\n                  ></ch-edit>\n                )}\n              </header>\n\n              {this.loadingKbs ? (\n                <gx-ide-loader\n                  loaderTitle={this._componentLocale.recentKbs.loader.title}\n                  description={\n                    this._componentLocale.recentKbs.loader.description\n                  }\n                  show={true}\n                ></gx-ide-loader>\n              ) : (\n                this.#evaluateRenderKbs()\n              )}\n            </section>\n          </div>\n\n          <div class=\"layout__panel panel-recent-news\">\n            <section class=\"card-regular recent-news\">\n              <header class=\"recent-news__header\">\n                <h2 class={config.headingsClasses.cardRegular}>\n                  {this._componentLocale.recentNews.title}\n                </h2>\n                {this.displayNewsFilter && (\n                  <ch-edit\n                    type=\"text\"\n                    class=\"form-input recent-news__filter\"\n                    placeholder={\n                      this._componentLocale.recentNews.inputPlaceholder\n                    }\n                    onInput={\n                      this.news?.length > 0\n                        ? this.#searchNewsInputHandler\n                        : null\n                    }\n                    disabled={!(this.news?.length > 0)}\n                  ></ch-edit>\n                )}\n              </header>\n\n              <gx-ide-recent-news\n                getNewsCallback={this.#getNewsCallbackRecentNews}\n                openNewsCallback={this.openNewsCallback}\n                filterValue={this.newsFilterValue}\n              ></gx-ide-recent-news>\n            </section>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n\nexport type OpenKbCallback = (id: string) => Promise<void>;\nexport type GetNewsCallback = () => Promise<NewsData[]>;\nexport type OpenNewsCallback = (id: string) => Promise<void>;\n\nexport type RecentKBData = {\n  id: string;\n  name: string;\n  lastOpenedDate?: Date;\n};\nexport type NewsData = {\n  id: string;\n  title: string;\n  body: string;\n};\n"],"mappings":"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"}