@genexus/genexus-ide-ui 1.1.70 → 1.1.72

package/dist/cjs/{tabular-grid-render-c0e0738c.js → tabular-grid-render-37b7153b.js}

@@ -1,82 +1,11 @@
 'use strict';
 
 const index = require('./index-75aef097.js');
-const assetsManager = require('./assets-manager-089e91b1.js');
-require('./mer-animated-dots-001c7465.js');
-require('lit');
-require('lit/directives/when.js');
-require('lit/directives/if-defined.js');
-const utilities = require('./utilities-25be3069.js');
+const constants = require('./constants-a2ac1812.js');
 const helpers = require('./helpers-b1b58657.js');
 const helpers$1 = require('./helpers-08ee1e78.js');
 const config = require('./config-3bb95f39.js');
 
-const ALL_VALUE = "All";
-const CSS_SELECTORS = {
-    HEADER: "header spacing-body-inline spacing-body-block-start",
-    HEADER_DETAILS: "header__details",
-    FILTER: "filter",
-    MAIN: "main spacing-body",
-    GRID_CELL_DESCRIPTION: "tabular-grid-cell-description-custom-selector"
-};
-const ICONS = {
-    add: assetsManager.getIconPath({
-        category: "system",
-        name: "add",
-        colorType: "on-elevation"
-    }),
-    edit: assetsManager.getIconPath({
-        category: "system",
-        name: "edit",
-        colorType: "on-elevation"
-    }),
-    error: assetsManager.getIconPath({
-        category: "system",
-        name: "error",
-        colorType: "error"
-    }),
-    filter: assetsManager.getIconPath({
-        category: "window-tools",
-        name: "filter",
-        colorType: "neutral"
-    }),
-    filterWithConditions: assetsManager.getIconPath({
-        category: "window-tools",
-        name: "filter-conditions",
-        colorType: "neutral"
-    }),
-    info: assetsManager.getIconPath({
-        category: "system",
-        name: "information",
-        colorType: "on-elevation"
-    }),
-    refresh: assetsManager.getIconPath({
-        category: "gemini-tools",
-        name: "reset",
-        colorType: "neutral"
-    }),
-    search: assetsManager.getIconPath({
-        category: "system",
-        name: "search",
-        colorType: "on-elevation"
-    }),
-    success: assetsManager.getIconPath({
-        category: "system",
-        name: "check",
-        colorType: "success"
-    }),
-    substract: assetsManager.getIconPath({
-        category: "system",
-        name: "substract",
-        colorType: "on-elevation"
-    }),
-    warning: assetsManager.getIconPath({
-        category: "system",
-        name: "warning",
-        colorType: "warning"
-    })
-};
-
 // stencil
 const BUTTON_ACTION_SELECTOR = "button-action-custom-selector";
 const COLUMNS_IDS = {
@@ -95,22 +24,22 @@ const renderStateCellContent = (action, componentLocale) => {
     let caption;
     let iconColor;
     if (action === "deleted") {
-        icon = ICONS.substract;
+        icon = constants.ICONS.substract;
         caption = componentLocale.states.deleted;
         iconColor = "--mer-icon__error";
     }
     else if (action === "inserted") {
-        icon = ICONS.add;
+        icon = constants.ICONS.add;
         caption = componentLocale.states.inserted;
         iconColor = "--mer-icon__success";
     }
     else if (action === "modified") {
-        icon = ICONS.edit;
+        icon = constants.ICONS.edit;
         caption = componentLocale.states.modified;
         iconColor = "--mer-icon__warning";
     }
     else if (action === "conflicted") {
-        icon = ICONS.warning;
+        icon = constants.ICONS.warning;
         caption = componentLocale.states.conflicted;
         iconColor = "--mer-icon__warning";
     }
@@ -164,10 +93,10 @@ const renderTabularGridRows = (type, pendingObjectsAfterFilter, ignoredObjectsAf
                     "no-checkbox-custom-selector": hideCheckbox
                 }, size: "max-content" },
                 index.h("div", null, helpers$1.hiChar(object.name, searchValue))),
-            index.h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, utilities.renderObjectTypeWithIcon(object.type)),
+            index.h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, constants.renderObjectTypeWithIcon(object.type)),
             index.h("ch-tabular-grid-cell", { class: {
                     "tabular-grid-cell": true,
-                    [CSS_SELECTORS.GRID_CELL_DESCRIPTION]: true
+                    [constants.CSS_SELECTORS.GRID_CELL_DESCRIPTION]: true
                 } },
                 index.h("div", null, helpers$1.hiChar(object.description, searchValue))),
             index.h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, helpers.formatDate(object.modifiedOn)),
@@ -182,17 +111,17 @@ const renderTabularGridRows = (type, pendingObjectsAfterFilter, ignoredObjectsAf
                     index.h("ul", { class: "messages-list" }, messages.map(message => {
                         let MESSAGE_ICON;
                         if (message.type === "error") {
-                            MESSAGE_ICON = ICONS.error;
+                            MESSAGE_ICON = constants.ICONS.error;
                         }
                         else if (message.type === "warning") {
-                            MESSAGE_ICON = ICONS.warning;
+                            MESSAGE_ICON = constants.ICONS.warning;
                         }
                         else if (message.type === "success") {
-                            MESSAGE_ICON = ICONS.success;
+                            MESSAGE_ICON = constants.ICONS.success;
                         }
                         else {
                             // info
-                            MESSAGE_ICON = ICONS.info;
+                            MESSAGE_ICON = constants.ICONS.info;
                         }
                         return (index.h("li", { class: "message-description" },
                             index.h("ch-image", { class: "icon-md message-icon", src: MESSAGE_ICON }),
@@ -217,11 +146,8 @@ const renderTabularGridColumns = (ignoredGridColumns, gridIsEmpty = false, sortT
         !ignoredGridColumns.includes("status") && (index.h("ch-tabular-grid-column", { class: "tabular-grid-column", columnId: COLUMNS_IDS.status, columnName: componentLocale.objects.status, sortable: false, settingable: false, size: gridIsEmpty ? "auto" : "100px" }))));
 };
 
-exports.ALL_VALUE = ALL_VALUE;
 exports.COLUMNS_IDS = COLUMNS_IDS;
-exports.CSS_SELECTORS = CSS_SELECTORS;
-exports.ICONS = ICONS;
 exports.renderTabularGridColumns = renderTabularGridColumns;
 exports.renderTabularGridRows = renderTabularGridRows;
 
-//# sourceMappingURL=tabular-grid-render-c0e0738c.js.map
+//# sourceMappingURL=tabular-grid-render-37b7153b.js.map

package/dist/cjs/tabular-grid-render-37b7153b.js.map

@@ -0,0 +1 @@
+{"file":"tabular-grid-render-37b7153b.js","mappings":"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","names":["ICONS","h","hiChar","renderObjectTypeWithIcon","CLASSES","formatDate","config"],"sources":["src/components/team-dev/version-control/common/tabular-grid-render.tsx"],"sourcesContent":["// stencil\nimport { h, JSX } from \"@stencil/core\";\n\n// external libraries\nimport HTMLChTabularGridRowElement from \"@genexus/chameleon-controls-library/dist/types/components/tabular-grid/row/tabular-grid-row\";\n\n// local\nimport {\n  MessageData,\n  ModifiedObjectData,\n  SourceType,\n  StatusInternal\n} from \"./types\";\nimport { ObjectState } from \"../common/types\";\nimport ICONS from \"./constants\";\nimport { renderObjectTypeWithIcon } from \"../../common/utilities\";\nimport { formatDate } from \"../../../../common/helpers\";\nimport { CSS_SELECTORS as CLASSES } from \"./constants\";\nimport { hiChar } from \"../../../ww-files/helpers\";\nimport { config } from \"../../../../common/config\";\nimport {\n  TabularGridColumnSelectorClickedEvent,\n  TabularGridColumnSortChangedEvent\n} from \"@genexus/chameleon-controls-library\";\n\nconst BUTTON_ACTION_SELECTOR = \"button-action-custom-selector\";\nexport const COLUMNS_IDS = {\n  action: \"action\",\n  description: \"description\",\n  lastSynchronized: \"lastSynchronized\",\n  localState: \"localState\",\n  modifiedOn: \"modifiedOn\",\n  module: \"module\",\n  name: \"name\",\n  status: \"status\",\n  type: \"type\"\n};\n\nconst renderStateCellContent = (\n  action: ObjectState,\n  componentLocale: any\n): JSX.Element[] | null | string => {\n  let icon: string;\n  let caption: string;\n  let iconColor: string;\n\n  if (action === \"deleted\") {\n    icon = ICONS.substract;\n    caption = componentLocale.states.deleted;\n    iconColor = \"--mer-icon__error\";\n  } else if (action === \"inserted\") {\n    icon = ICONS.add;\n    caption = componentLocale.states.inserted;\n    iconColor = \"--mer-icon__success\";\n  } else if (action === \"modified\") {\n    icon = ICONS.edit;\n    caption = componentLocale.states.modified;\n    iconColor = \"--mer-icon__warning\";\n  } else if (action === \"conflicted\") {\n    icon = ICONS.warning;\n    caption = componentLocale.states.conflicted;\n    iconColor = \"--mer-icon__warning\";\n  } else if (!action) {\n    // proably is \"ignored\"\n    return null;\n  }\n\n  return (\n    <span class=\"custom-icon-text-wrapper\">\n      <ch-image\n        type=\"mask\"\n        class=\"icon-md\"\n        src={icon}\n        style={{ backgroundColor: `var(${iconColor})` }}\n      ></ch-image>\n      {`${caption}`}\n    </span>\n  );\n};\n\nconst renderObjectStatus = (\n  objectId: string,\n  objectsStatusMap: Map<string, StatusInternal>,\n  updatePillAsButton: boolean,\n  commitSingleObject: (objectId: string) => () => void,\n  componentLocale: any\n): JSX.Element[] => {\n  const status = objectsStatusMap.get(objectId);\n  const caption =\n    status === \"pending\" && updatePillAsButton\n      ? componentLocale.status.commit\n      : componentLocale.status[status];\n\n  if (status === \"committing\") {\n    return <span class=\"spinner-caption\">{caption}</span>;\n  }\n\n  const classes = `pill pill--${status}`;\n  if (updatePillAsButton && status === \"pending\") {\n    return (\n      <button\n        class={{\n          \"button-secondary\": true,\n          \"button-icon-and-text\": true,\n          \"pill\": true,\n          \"pill--update\": true,\n          [BUTTON_ACTION_SELECTOR]: true\n        }}\n        onClick={commitSingleObject(objectId)}\n      >\n        {caption}\n      </button>\n    );\n  } else {\n    return <span class={classes}>{caption}</span>;\n  }\n};\n\nconst renderTabularGridRows = (\n  type: SourceType,\n  pendingObjectsAfterFilter: ModifiedObjectData[],\n  ignoredObjectsAfterFilter: ModifiedObjectData[],\n  alreadyUpdatedObjectsIdsSet: Set<string>,\n  markedObjectsSet: Set<string>,\n  objectsMessagesDataMap: Map<string, MessageData[]>,\n  updatePillAsButton: boolean,\n  commitSingleObject: (objectId: string) => () => void,\n  objectsStatusMap: Map<string, StatusInternal>,\n  searchValue: string,\n  componentLocale: any\n): HTMLChTabularGridRowElement[] => {\n  let objects: ModifiedObjectData[];\n  if (type === \"pending\") {\n    objects = pendingObjectsAfterFilter;\n  } else if (type === \"ignored\") {\n    objects = ignoredObjectsAfterFilter;\n  }\n\n  searchValue = searchValue.toLowerCase();\n\n  const filteredRows = objects.map(object => {\n    const alreadyUpdated = alreadyUpdatedObjectsIdsSet.has(object.id);\n    const hideCheckbox = alreadyUpdated || type === \"ignored\";\n    const marked = markedObjectsSet.has(object.id);\n    const messages = objectsMessagesDataMap.get(object.id);\n\n    return (\n      <ch-tabular-grid-row\n        class=\"tabular-grid-row\"\n        key={object.id}\n        rowid={object.id}\n        ref={(el: HTMLElement) => marked && el?.setAttribute(\"marked\", \"true\")}\n      >\n        <ch-tabular-grid-cell\n          cell-type=\"rich\"\n          row-selector=\"true\"\n          class={{\n            \"tabular-grid-cell\": true,\n            \"no-checkbox-custom-selector\": hideCheckbox\n          }}\n          size=\"max-content\"\n        >\n          <div\n          // This div is a WA to prevent the cell display:flex to\n          // apply columns when hiChar is applied. hiChar creates\n          // a span for every match.\n          >\n            {hiChar(object.name, searchValue)}\n          </div>\n          {/* {object.name} */}\n        </ch-tabular-grid-cell>\n        <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n          {renderObjectTypeWithIcon(object.type)}\n        </ch-tabular-grid-cell>\n        <ch-tabular-grid-cell\n          class={{\n            \"tabular-grid-cell\": true,\n            [CLASSES.GRID_CELL_DESCRIPTION]: true\n          }}\n        >\n          <div\n          // This div is a WA to prevent the cell display:flex to\n          // apply columns when hiChar is applied. hiChar creates\n          // a span for every match.\n          >\n            {hiChar(object.description, searchValue)}\n          </div>\n        </ch-tabular-grid-cell>\n        <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n          {formatDate(object.modifiedOn)}\n        </ch-tabular-grid-cell>\n        <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n          {object.module}\n        </ch-tabular-grid-cell>\n        <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n          {renderStateCellContent(object.state, componentLocale)}\n        </ch-tabular-grid-cell>\n        <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n          {formatDate(object.lastSynchronized)}\n        </ch-tabular-grid-cell>\n        <ch-tabular-grid-cell class=\"tabular-grid-cell tabular-grid-cell--for-pill\">\n          {renderObjectStatus(\n            object.id,\n            objectsStatusMap,\n            updatePillAsButton,\n            commitSingleObject,\n            componentLocale\n          )}\n        </ch-tabular-grid-cell>\n\n        {messages?.length && (\n          <ch-tabular-grid-rowset class=\"tabular-grid-rowset\">\n            <ch-tabular-grid-rowset-empty\n              class={{\n                \"tabular-grid-rowset-empty\": true\n              }}\n            >\n              <ul class=\"messages-list\">\n                {messages.map(message => {\n                  let MESSAGE_ICON;\n                  if (message.type === \"error\") {\n                    MESSAGE_ICON = ICONS.error;\n                  } else if (message.type === \"warning\") {\n                    MESSAGE_ICON = ICONS.warning;\n                  } else if (message.type === \"success\") {\n                    MESSAGE_ICON = ICONS.success;\n                  } else {\n                    // info\n                    MESSAGE_ICON = ICONS.info;\n                  }\n\n                  return (\n                    <li class=\"message-description\">\n                      <ch-image\n                        class=\"icon-md message-icon\"\n                        src={MESSAGE_ICON}\n                      ></ch-image>\n                      {message.text}\n                    </li>\n                  );\n                })}\n              </ul>\n            </ch-tabular-grid-rowset-empty>\n          </ch-tabular-grid-rowset>\n        )}\n      </ch-tabular-grid-row>\n    );\n  });\n\n  return filteredRows;\n};\n\nexport default renderTabularGridRows;\n\nexport type GridColumnType =\n  | \"action\"\n  | \"description\"\n  | \"lastSynchronized\"\n  | \"localState\"\n  | \"modifiedOn\"\n  | \"module\"\n  | \"name\"\n  | \"status\"\n  | \"type\";\n\nexport type GridColumnSet = Partial<Record<GridColumnType, true>>;\n\nexport const renderTabularGridColumns = (\n  ignoredGridColumns: GridColumnType[],\n  gridIsEmpty: boolean = false,\n  sortTabularGridColumnCallback: (\n    e: CustomEvent<TabularGridColumnSortChangedEvent>\n  ) => void,\n  columnSelectorClickedCallback: (\n    e: CustomEvent<TabularGridColumnSelectorClickedEvent>\n  ) => void,\n  componentLocale: any,\n  showRichRowSelector: boolean\n): JSX.Element => {\n  const colSize = gridIsEmpty\n    ? config.tabularGrid.colSize.auto\n    : config.tabularGrid.colSize.maxContent;\n\n  return (\n    <ch-tabular-grid-columnset class=\"tabular-grid-column-set\">\n      {!ignoredGridColumns.includes(\"name\") && (\n        <ch-tabular-grid-column\n          class=\"tabular-grid-column\"\n          columnId={COLUMNS_IDS.name}\n          columnName={componentLocale.objects.name}\n          columnType=\"rich\"\n          richRowSelector={showRichRowSelector}\n          richRowSelectorMode=\"mark\"\n          settingable={false}\n          sortable={true}\n          onColumnSortChanged={sortTabularGridColumnCallback}\n          onColumnSelectorClicked={columnSelectorClickedCallback}\n          size={colSize}\n        />\n      )}\n\n      {!ignoredGridColumns.includes(\"type\") && (\n        <ch-tabular-grid-column\n          class=\"tabular-grid-column\"\n          columnId={COLUMNS_IDS.type}\n          columnName={componentLocale.objects.type}\n          settingable={false}\n          sortable={true}\n          onColumnSortChanged={sortTabularGridColumnCallback}\n          size={colSize}\n        />\n      )}\n\n      {!ignoredGridColumns.includes(\"description\") && (\n        <ch-tabular-grid-column\n          class=\"tabular-grid-column\"\n          columnId={COLUMNS_IDS.description}\n          columnName={componentLocale.objects.description}\n          settingable={false}\n          sortable={true}\n          onColumnSortChanged={sortTabularGridColumnCallback}\n          size={config.tabularGrid.colSize.description}\n        />\n      )}\n\n      {!ignoredGridColumns.includes(\"modifiedOn\") && (\n        <ch-tabular-grid-column\n          class=\"tabular-grid-column\"\n          columnId={COLUMNS_IDS.modifiedOn}\n          columnName={componentLocale.objects.modifiedOn}\n          sortable={true}\n          onColumnSortChanged={sortTabularGridColumnCallback}\n          settingable={false}\n          size={colSize}\n        />\n      )}\n\n      {!ignoredGridColumns.includes(\"module\") && (\n        <ch-tabular-grid-column\n          class=\"tabular-grid-column\"\n          columnId={COLUMNS_IDS.module}\n          columnName={componentLocale.objects.module}\n          sortable={true}\n          onColumnSortChanged={sortTabularGridColumnCallback}\n          settingable={false}\n          size={colSize}\n        />\n      )}\n\n      {!ignoredGridColumns.includes(\"localState\") && (\n        <ch-tabular-grid-column\n          class=\"tabular-grid-column\"\n          columnId={COLUMNS_IDS.localState}\n          columnName={componentLocale.objects.localState}\n          sortable={false}\n          settingable={false}\n          size={colSize}\n        />\n      )}\n\n      {!ignoredGridColumns.includes(\"lastSynchronized\") && (\n        <ch-tabular-grid-column\n          class=\"tabular-grid-column\"\n          columnId={COLUMNS_IDS.lastSynchronized}\n          columnName={componentLocale.objects.lastSynchronized}\n          settingable={false}\n          sortable={true}\n          onColumnSortChanged={sortTabularGridColumnCallback}\n          size={colSize}\n        />\n      )}\n\n      {!ignoredGridColumns.includes(\"action\") && (\n        <ch-tabular-grid-column\n          class=\"tabular-grid-column\"\n          columnId={COLUMNS_IDS.action}\n          columnName={componentLocale.objects.action}\n          sortable={false}\n          settingable={false}\n          size={colSize}\n        />\n      )}\n\n      {!ignoredGridColumns.includes(\"status\") && (\n        <ch-tabular-grid-column\n          class=\"tabular-grid-column\"\n          columnId={COLUMNS_IDS.status}\n          columnName={componentLocale.objects.status}\n          sortable={false}\n          settingable={false}\n          size={gridIsEmpty ? \"auto\" : \"100px\"}\n        />\n      )}\n    </ch-tabular-grid-columnset>\n  );\n};\n"],"version":3}

package/dist/collection/components/restore-version/gx-ide-assets/restore-version/shortcuts.json

@@ -0,0 +1,15 @@
+[
+  {
+    "selector": "#confirm-button:not(:disabled)",
+    "keyShortcuts": "Enter",
+    "action": "click",
+    "conditions": {
+      "focusExclude": "[id='cancel-button'], [id='select-version-button']"
+    }
+  },
+  {
+    "selector": "#cancel-button",
+    "keyShortcuts": "Escape",
+    "action": "click"
+  }
+]

package/dist/collection/components/restore-version/restore-version.js

@@ -14,9 +14,9 @@ var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (
         throw new TypeError("Cannot write private member to an object whose class did not declare it");
     return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
 };
-var _GxIdeRestoreVersion_componentLocale, _GxIdeRestoreVersion_confirmHandler, _GxIdeRestoreVersion_cancelHandler, _GxIdeRestoreVersion_versionsToComboBoxItemModel, _GxIdeRestoreVersion_handleComboBoxInput, _GxIdeRestoreVersion_selectSourceVersionHandler, _GxIdeRestoreVersion_renderFooter;
+var _GxIdeRestoreVersion_componentLocale, _GxIdeRestoreVersion_shortcutsSrc, _GxIdeRestoreVersion_confirmHandler, _GxIdeRestoreVersion_cancelHandler, _GxIdeRestoreVersion_versionsToComboBoxItemModel, _GxIdeRestoreVersion_handleComboBoxInput, _GxIdeRestoreVersion_selectSourceVersionHandler, _GxIdeRestoreVersion_renderFooter;
 import { getIconPath } from "@genexus/mercury";
-import { h, Host } from "@stencil/core";
+import { getAssetPath, h, Host } from "@stencil/core";
 import { Locale } from "../../common/locale";
 const CSS_BUNDLES = [
     "resets/box-sizing",
@@ -49,6 +49,7 @@ const VERSION_ICON = getIconPath({
 export class GxIdeRestoreVersion {
     constructor() {
         _GxIdeRestoreVersion_componentLocale.set(this, void 0);
+        _GxIdeRestoreVersion_shortcutsSrc.set(this, getAssetPath(`./gx-ide-assets/restore-version/shortcuts.json`));
         _GxIdeRestoreVersion_confirmHandler.set(this, async () => {
             const restoreVersionData = {
                 toVersionGuid: this.toVersionInfo.guid,
@@ -87,7 +88,7 @@ export class GxIdeRestoreVersion {
         _GxIdeRestoreVersion_renderFooter.set(this, () => {
             const disableConfirmButton = !this.selectedSourceVersionName ||
                 !this.versionsComboBoxModel.some(v => v.caption === this.selectedSourceVersionName);
-            return (h("footer", { class: "footer control-footer-with-border spacing-body" }, h("div", { class: "buttons-spacer" }, h("button", { class: "button-secondary", onClick: __classPrivateFieldGet(this, _GxIdeRestoreVersion_cancelHandler, "f") }, __classPrivateFieldGet(this, _GxIdeRestoreVersion_componentLocale, "f").footer.cancel), h("button", { class: "button-primary", onClick: __classPrivateFieldGet(this, _GxIdeRestoreVersion_confirmHandler, "f"), disabled: disableConfirmButton }, __classPrivateFieldGet(this, _GxIdeRestoreVersion_componentLocale, "f").footer.confirm))));
+            return (h("footer", { class: "footer control-footer-with-border spacing-body" }, h("div", { class: "buttons-spacer" }, h("button", { id: "cancel-button", class: "button-secondary", onClick: __classPrivateFieldGet(this, _GxIdeRestoreVersion_cancelHandler, "f") }, __classPrivateFieldGet(this, _GxIdeRestoreVersion_componentLocale, "f").footer.cancel), h("button", { id: "confirm-button", class: "button-primary", onClick: __classPrivateFieldGet(this, _GxIdeRestoreVersion_confirmHandler, "f"), disabled: disableConfirmButton }, __classPrivateFieldGet(this, _GxIdeRestoreVersion_componentLocale, "f").footer.confirm))));
         });
         this.syncEnvironments = false;
         this.selectedSourceVersionName = "";
@@ -107,7 +108,7 @@ export class GxIdeRestoreVersion {
         __classPrivateFieldGet(this, _GxIdeRestoreVersion_versionsToComboBoxItemModel, "f").call(this, this.versions || []);
     }
     render() {
-        return (h(Host, { class: "widget" }, h("ch-theme", { model: CSS_BUNDLES }), h("div", { class: "main-container spacing-body" }, h("div", null, h("p", { class: "giu-static-pill-icon-and-text" }, h("ch-image", { class: "icon-md", type: "mask", src: VERSION_ICON }), h("span", null, `${__classPrivateFieldGet(this, _GxIdeRestoreVersion_componentLocale, "f").descriptions.pill} - ${this.toVersionInfo.name}`))), h("p", { class: "body-regular-m" }, __classPrivateFieldGet(this, _GxIdeRestoreVersion_componentLocale, "f").descriptions.summary), h("div", { class: "field field-block" }, h("label", { class: "label", htmlFor: "versions-combo-box" }, __classPrivateFieldGet(this, _GxIdeRestoreVersion_componentLocale, "f").labels.fromVersion), h("div", { class: "versions-container" }, h("ch-combo-box-render", { class: "combo-box", id: "versions-combo-box", model: this.versionsComboBoxModel, placeholder: __classPrivateFieldGet(this, _GxIdeRestoreVersion_componentLocale, "f").placeHolders.fromVersion, value: this.selectedSourceVersionName, suggest: true, onInput: __classPrivateFieldGet(this, _GxIdeRestoreVersion_handleComboBoxInput, "f") }), h("button", { class: "button-tertiary button-icon-only", onClick: __classPrivateFieldGet(this, _GxIdeRestoreVersion_selectSourceVersionHandler, "f") }, h("ch-image", { src: SHOW_MORE_ICON, class: "icon-sm" }))))), __classPrivateFieldGet(this, _GxIdeRestoreVersion_renderFooter, "f").call(this)));
+        return (h(Host, { class: "widget" }, h("ch-theme", { model: CSS_BUNDLES }), h("ch-shortcuts", { src: __classPrivateFieldGet(this, _GxIdeRestoreVersion_shortcutsSrc, "f") }), h("div", { class: "main-container spacing-body" }, h("div", null, h("p", { class: "giu-static-pill-icon-and-text" }, h("ch-image", { class: "icon-md", type: "mask", src: VERSION_ICON }), h("span", null, `${__classPrivateFieldGet(this, _GxIdeRestoreVersion_componentLocale, "f").descriptions.pill} - ${this.toVersionInfo.name}`))), h("p", { class: "body-regular-m" }, __classPrivateFieldGet(this, _GxIdeRestoreVersion_componentLocale, "f").descriptions.summary), h("div", { class: "field field-block" }, h("label", { class: "label", htmlFor: "versions-combo-box" }, __classPrivateFieldGet(this, _GxIdeRestoreVersion_componentLocale, "f").labels.fromVersion), h("div", { class: "versions-container" }, h("ch-combo-box-render", { class: "combo-box", id: "versions-combo-box", model: this.versionsComboBoxModel, placeholder: __classPrivateFieldGet(this, _GxIdeRestoreVersion_componentLocale, "f").placeHolders.fromVersion, value: this.selectedSourceVersionName, suggest: true, onInput: __classPrivateFieldGet(this, _GxIdeRestoreVersion_handleComboBoxInput, "f") }), h("button", { id: "select-version-button", class: "button-tertiary button-icon-only", onClick: __classPrivateFieldGet(this, _GxIdeRestoreVersion_selectSourceVersionHandler, "f") }, h("ch-image", { src: SHOW_MORE_ICON, class: "icon-sm" }))))), __classPrivateFieldGet(this, _GxIdeRestoreVersion_renderFooter, "f").call(this)));
     }
     static get is() { return "gx-ide-restore-version"; }
     static get encapsulation() { return "shadow"; }
@@ -254,5 +255,5 @@ export class GxIdeRestoreVersion {
             }];
     }
 }
-_GxIdeRestoreVersion_componentLocale = new WeakMap(), _GxIdeRestoreVersion_confirmHandler = new WeakMap(), _GxIdeRestoreVersion_cancelHandler = new WeakMap(), _GxIdeRestoreVersion_versionsToComboBoxItemModel = new WeakMap(), _GxIdeRestoreVersion_handleComboBoxInput = new WeakMap(), _GxIdeRestoreVersion_selectSourceVersionHandler = new WeakMap(), _GxIdeRestoreVersion_renderFooter = new WeakMap();
+_GxIdeRestoreVersion_componentLocale = new WeakMap(), _GxIdeRestoreVersion_shortcutsSrc = new WeakMap(), _GxIdeRestoreVersion_confirmHandler = new WeakMap(), _GxIdeRestoreVersion_cancelHandler = new WeakMap(), _GxIdeRestoreVersion_versionsToComboBoxItemModel = new WeakMap(), _GxIdeRestoreVersion_handleComboBoxInput = new WeakMap(), _GxIdeRestoreVersion_selectSourceVersionHandler = new WeakMap(), _GxIdeRestoreVersion_renderFooter = new WeakMap();
 //# sourceMappingURL=restore-version.js.map

package/dist/collection/components/restore-version/restore-version.js.map

@@ -1 +1 @@
-{"version":3,"file":"restore-version.js","sourceRoot":"","sources":["../../../src/components/restore-version/restore-version.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  ChComboBoxRenderCustomEvent,\n  ComboBoxModel\n} from \"@genexus/chameleon-controls-library\";\nimport { getIconPath, MercuryBundles } from \"@genexus/mercury\";\nimport { Component, Element, h, Host, Prop, State, Watch } from \"@stencil/core\";\nimport { Locale } from \"../../common/locale\";\nimport { KBVersion } from \"../team-dev/version-control/common/types\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"utils/form--full\",\n  \"utils/layout\",\n  \"utils/typography\",\n  \"utils/spacing\",\n  \"chameleon/scrollbar\"\n];\n\nconst SHOW_MORE_ICON = getIconPath({\n  category: \"gemini-tools\",\n  name: \"show-more-horizontal\",\n  colorType: \"on-elevation\"\n});\n\nconst VERSION_FROZEN_OBJECT_ICON = getIconPath({\n  category: \"objects\",\n  name: \"version-frozen\"\n});\n\nconst VERSION_OBJECT_ICON = getIconPath({\n  category: \"objects\",\n  name: \"version\"\n});\n\nconst VERSION_ICON = getIconPath({\n  category: \"system\",\n  name: \"version\",\n  colorType: \"on-surface\"\n});\n\n// Uncomment this when the sync environments feature is available\n// const CHECKBOX_CHECKED_VALUE = \"true\";\n\n@Component({\n  tag: \"gx-ide-restore-version\",\n  styleUrl: \"restore-version.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/restore-version\"]\n})\nexport class GxIdeRestoreVersion {\n  #componentLocale: any;\n\n  @Element() el: HTMLGxIdeRestoreVersionElement;\n\n  /**\n   * Indicates if the environments should be synchronized.\n   */\n  @State() syncEnvironments: boolean = false;\n\n  /**\n   * Input value for the source version selector.\n   */\n  @State() selectedSourceVersionName: string = \"\";\n\n  /**\n   * Selected source version from version selector.\n   */\n  @State() selectedSourceVersion: KBVersion[] = [];\n\n  /**\n   * Combo box model for the versions selector.\n   */\n  @State() versionsComboBoxModel: ComboBoxModel = [];\n\n  /**\n   *  Callback invoked by pressing the ellipsis in the version selector.\n   */\n  @Prop() readonly selectSourceVersionCallback!: () => Promise<KBVersion[]>;\n\n  /**\n   * Callback invoked by pressing the Confirm button.\n   */\n  @Prop() readonly confirmCallback!: (\n    restoreVersionData: RestoreVersionData\n  ) => Promise<void>;\n\n  /**\n   * Callback invoked by pressing the Cancel button.\n   */\n  @Prop() readonly cancelCallback!: () => Promise<void>;\n\n  /**\n   * The target version to which the restore will be made.\n   */\n  @Prop() readonly toVersionInfo!: KBVersion;\n\n  /**\n   * List of versions to show in the versions combo box.\n   */\n  @Prop() readonly versions!: KBVersion[];\n  @Watch(\"versions\")\n  versionsChanged() {\n    this.#versionsToComboBoxItemModel(this.versions);\n  }\n\n  async componentWillLoad() {\n    this.#componentLocale = await Locale.getComponentStrings(this.el);\n    this.#versionsToComboBoxItemModel(this.versions || []);\n  }\n\n  #confirmHandler = async () => {\n    const restoreVersionData = {\n      toVersionGuid: this.toVersionInfo.guid,\n      toVersionName: this.toVersionInfo.name,\n      fromVersionGuid: this.versions.find(\n        version => version.name === this.selectedSourceVersionName\n      ).guid,\n      fromVersionName: this.selectedSourceVersionName,\n      syncEnvironments: this.syncEnvironments\n    };\n    await this.confirmCallback(restoreVersionData);\n  };\n\n  #cancelHandler = async () => {\n    await this.cancelCallback();\n  };\n\n  #versionsToComboBoxItemModel = (versions: KBVersion[]) => {\n    this.versionsComboBoxModel = versions.map(version => ({\n      caption: version.name,\n      value: version.guid,\n      startImgSrc: version.isFrozen\n        ? VERSION_FROZEN_OBJECT_ICON\n        : VERSION_OBJECT_ICON\n    }));\n  };\n\n  #handleComboBoxInput = (\n    event: ChComboBoxRenderCustomEvent<string> | InputEvent\n  ) => {\n    this.selectedSourceVersionName = event.detail as string;\n  };\n  // Uncomment this when the sync environments feature is available\n  // #handleCheckBoxValueChange = (\n  //   event: ChCheckboxCustomEvent<any> | InputEvent\n  // ) => {\n  //   this.syncEnvironments = event.detail === CHECKBOX_CHECKED_VALUE;\n  // };\n\n  #selectSourceVersionHandler = async () => {\n    this.selectedSourceVersion = await this.selectSourceVersionCallback();\n    this.selectedSourceVersionName = this.selectedSourceVersion[0].name;\n  };\n\n  #renderFooter = () => {\n    const disableConfirmButton =\n      !this.selectedSourceVersionName ||\n      !this.versionsComboBoxModel.some(\n        v => v.caption === this.selectedSourceVersionName\n      );\n    return (\n      <footer class=\"footer control-footer-with-border spacing-body\">\n        <div class=\"buttons-spacer\">\n          <button class=\"button-secondary\" onClick={this.#cancelHandler}>\n            {this.#componentLocale.footer.cancel}\n          </button>\n\n          <button\n            class=\"button-primary\"\n            onClick={this.#confirmHandler}\n            disabled={disableConfirmButton}\n          >\n            {this.#componentLocale.footer.confirm}\n          </button>\n        </div>\n      </footer>\n    );\n  };\n\n  render() {\n    return (\n      <Host class=\"widget\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n\n        <div class=\"main-container spacing-body\">\n          <div>\n            <p class=\"giu-static-pill-icon-and-text\">\n              <ch-image\n                class=\"icon-md\"\n                type=\"mask\"\n                src={VERSION_ICON}\n              ></ch-image>\n              <span>{`${this.#componentLocale.descriptions.pill} - ${this.toVersionInfo.name}`}</span>\n            </p>\n          </div>\n          <p class=\"body-regular-m\">\n            {this.#componentLocale.descriptions.summary}\n          </p>\n\n          <div class=\"field field-block\">\n            <label class=\"label\" htmlFor=\"versions-combo-box\">\n              {this.#componentLocale.labels.fromVersion}\n            </label>\n            <div class=\"versions-container\">\n              <ch-combo-box-render\n                class=\"combo-box\"\n                id=\"versions-combo-box\"\n                model={this.versionsComboBoxModel}\n                placeholder={this.#componentLocale.placeHolders.fromVersion}\n                value={this.selectedSourceVersionName}\n                suggest={true}\n                onInput={this.#handleComboBoxInput}\n              />\n              <button\n                class=\"button-tertiary button-icon-only\"\n                onClick={this.#selectSourceVersionHandler}\n              >\n                <ch-image src={SHOW_MORE_ICON} class=\"icon-sm\"></ch-image>\n              </button>\n            </div>\n          </div>\n\n          {\n            // Uncomment this when the sync environments feature is available\n            /* <ch-checkbox\n            class=\"checkbox\"\n            caption={this.#componentLocale.buttons.syncEnvironments}\n            checkedValue={CHECKBOX_CHECKED_VALUE}\n            onInput={this.#handleCheckBoxValueChange}\n          /> */\n          }\n        </div>\n        {this.#renderFooter()}\n      </Host>\n    );\n  }\n}\n\nexport type RestoreVersionData = {\n  fromVersionName: string;\n  fromVersionGuid: string;\n  toVersionGuid: string;\n  toVersionName: string;\n  syncEnvironments: boolean;\n};\n"]}
+{"version":3,"file":"restore-version.js","sourceRoot":"","sources":["../../../src/components/restore-version/restore-version.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  ChComboBoxRenderCustomEvent,\n  ComboBoxModel\n} from \"@genexus/chameleon-controls-library\";\nimport { getIconPath, MercuryBundles } from \"@genexus/mercury\";\nimport {\n  Component,\n  Element,\n  getAssetPath,\n  h,\n  Host,\n  Prop,\n  State,\n  Watch\n} from \"@stencil/core\";\nimport { Locale } from \"../../common/locale\";\nimport { KBVersion } from \"../team-dev/version-control/common/types\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"utils/form--full\",\n  \"utils/layout\",\n  \"utils/typography\",\n  \"utils/spacing\",\n  \"chameleon/scrollbar\"\n];\n\nconst SHOW_MORE_ICON = getIconPath({\n  category: \"gemini-tools\",\n  name: \"show-more-horizontal\",\n  colorType: \"on-elevation\"\n});\n\nconst VERSION_FROZEN_OBJECT_ICON = getIconPath({\n  category: \"objects\",\n  name: \"version-frozen\"\n});\n\nconst VERSION_OBJECT_ICON = getIconPath({\n  category: \"objects\",\n  name: \"version\"\n});\n\nconst VERSION_ICON = getIconPath({\n  category: \"system\",\n  name: \"version\",\n  colorType: \"on-surface\"\n});\n\n// Uncomment this when the sync environments feature is available\n// const CHECKBOX_CHECKED_VALUE = \"true\";\n\n@Component({\n  tag: \"gx-ide-restore-version\",\n  styleUrl: \"restore-version.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/restore-version\"]\n})\nexport class GxIdeRestoreVersion {\n  #componentLocale: any;\n  #shortcutsSrc = getAssetPath(\n    `./gx-ide-assets/restore-version/shortcuts.json`\n  );\n  @Element() el: HTMLGxIdeRestoreVersionElement;\n\n  /**\n   * Indicates if the environments should be synchronized.\n   */\n  @State() syncEnvironments: boolean = false;\n\n  /**\n   * Input value for the source version selector.\n   */\n  @State() selectedSourceVersionName: string = \"\";\n\n  /**\n   * Selected source version from version selector.\n   */\n  @State() selectedSourceVersion: KBVersion[] = [];\n\n  /**\n   * Combo box model for the versions selector.\n   */\n  @State() versionsComboBoxModel: ComboBoxModel = [];\n\n  /**\n   *  Callback invoked by pressing the ellipsis in the version selector.\n   */\n  @Prop() readonly selectSourceVersionCallback!: () => Promise<KBVersion[]>;\n\n  /**\n   * Callback invoked by pressing the Confirm button.\n   */\n  @Prop() readonly confirmCallback!: (\n    restoreVersionData: RestoreVersionData\n  ) => Promise<void>;\n\n  /**\n   * Callback invoked by pressing the Cancel button.\n   */\n  @Prop() readonly cancelCallback!: () => Promise<void>;\n\n  /**\n   * The target version to which the restore will be made.\n   */\n  @Prop() readonly toVersionInfo!: KBVersion;\n\n  /**\n   * List of versions to show in the versions combo box.\n   */\n  @Prop() readonly versions!: KBVersion[];\n  @Watch(\"versions\")\n  versionsChanged() {\n    this.#versionsToComboBoxItemModel(this.versions);\n  }\n\n  async componentWillLoad() {\n    this.#componentLocale = await Locale.getComponentStrings(this.el);\n    this.#versionsToComboBoxItemModel(this.versions || []);\n  }\n\n  #confirmHandler = async () => {\n    const restoreVersionData = {\n      toVersionGuid: this.toVersionInfo.guid,\n      toVersionName: this.toVersionInfo.name,\n      fromVersionGuid: this.versions.find(\n        version => version.name === this.selectedSourceVersionName\n      ).guid,\n      fromVersionName: this.selectedSourceVersionName,\n      syncEnvironments: this.syncEnvironments\n    };\n    await this.confirmCallback(restoreVersionData);\n  };\n\n  #cancelHandler = async () => {\n    await this.cancelCallback();\n  };\n\n  #versionsToComboBoxItemModel = (versions: KBVersion[]) => {\n    this.versionsComboBoxModel = versions.map(version => ({\n      caption: version.name,\n      value: version.guid,\n      startImgSrc: version.isFrozen\n        ? VERSION_FROZEN_OBJECT_ICON\n        : VERSION_OBJECT_ICON\n    }));\n  };\n\n  #handleComboBoxInput = (\n    event: ChComboBoxRenderCustomEvent<string> | InputEvent\n  ) => {\n    this.selectedSourceVersionName = event.detail as string;\n  };\n  // Uncomment this when the sync environments feature is available\n  // #handleCheckBoxValueChange = (\n  //   event: ChCheckboxCustomEvent<any> | InputEvent\n  // ) => {\n  //   this.syncEnvironments = event.detail === CHECKBOX_CHECKED_VALUE;\n  // };\n\n  #selectSourceVersionHandler = async () => {\n    this.selectedSourceVersion = await this.selectSourceVersionCallback();\n    this.selectedSourceVersionName = this.selectedSourceVersion[0].name;\n  };\n\n  #renderFooter = () => {\n    const disableConfirmButton =\n      !this.selectedSourceVersionName ||\n      !this.versionsComboBoxModel.some(\n        v => v.caption === this.selectedSourceVersionName\n      );\n    return (\n      <footer class=\"footer control-footer-with-border spacing-body\">\n        <div class=\"buttons-spacer\">\n          <button\n            id=\"cancel-button\"\n            class=\"button-secondary\"\n            onClick={this.#cancelHandler}\n          >\n            {this.#componentLocale.footer.cancel}\n          </button>\n\n          <button\n            id=\"confirm-button\"\n            class=\"button-primary\"\n            onClick={this.#confirmHandler}\n            disabled={disableConfirmButton}\n          >\n            {this.#componentLocale.footer.confirm}\n          </button>\n        </div>\n      </footer>\n    );\n  };\n\n  render() {\n    return (\n      <Host class=\"widget\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <ch-shortcuts src={this.#shortcutsSrc}></ch-shortcuts>\n\n        <div class=\"main-container spacing-body\">\n          <div>\n            <p class=\"giu-static-pill-icon-and-text\">\n              <ch-image\n                class=\"icon-md\"\n                type=\"mask\"\n                src={VERSION_ICON}\n              ></ch-image>\n              <span>{`${this.#componentLocale.descriptions.pill} - ${this.toVersionInfo.name}`}</span>\n            </p>\n          </div>\n          <p class=\"body-regular-m\">\n            {this.#componentLocale.descriptions.summary}\n          </p>\n\n          <div class=\"field field-block\">\n            <label class=\"label\" htmlFor=\"versions-combo-box\">\n              {this.#componentLocale.labels.fromVersion}\n            </label>\n            <div class=\"versions-container\">\n              <ch-combo-box-render\n                class=\"combo-box\"\n                id=\"versions-combo-box\"\n                model={this.versionsComboBoxModel}\n                placeholder={this.#componentLocale.placeHolders.fromVersion}\n                value={this.selectedSourceVersionName}\n                suggest={true}\n                onInput={this.#handleComboBoxInput}\n              />\n              <button\n                id=\"select-version-button\"\n                class=\"button-tertiary button-icon-only\"\n                onClick={this.#selectSourceVersionHandler}\n              >\n                <ch-image src={SHOW_MORE_ICON} class=\"icon-sm\"></ch-image>\n              </button>\n            </div>\n          </div>\n\n          {\n            // Uncomment this when the sync environments feature is available\n            /* <ch-checkbox\n            class=\"checkbox\"\n            caption={this.#componentLocale.buttons.syncEnvironments}\n            checkedValue={CHECKBOX_CHECKED_VALUE}\n            onInput={this.#handleCheckBoxValueChange}\n          /> */\n          }\n        </div>\n        {this.#renderFooter()}\n      </Host>\n    );\n  }\n}\n\nexport type RestoreVersionData = {\n  fromVersionName: string;\n  fromVersionGuid: string;\n  toVersionGuid: string;\n  toVersionName: string;\n  syncEnvironments: boolean;\n};\n"]}

package/dist/collection/components/select-kb-items/select-kb-items.js

@@ -14,7 +14,7 @@ var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (
         throw new TypeError("Cannot write private member to an object whose class did not declare it");
     return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
 };
-var _GxIdeSelectKbItems__componentLocale, _GxIdeSelectKbItems_chShortcutsEl, _GxIdeSelectKbItems_selectedNodesIds, _GxIdeSelectKbItems_shortcutsSrc, _GxIdeSelectKbItems_updatedModelList, _GxIdeSelectKbItems_viewItemsAsModel, _GxIdeSelectKbItems_treeViewRenderEl, _GxIdeSelectKbItems_cancelHandler, _GxIdeSelectKbItems_checkedItemsChangeHandler, _GxIdeSelectKbItems_confirmHandler, _GxIdeSelectKbItems_contextMenuHandler, _GxIdeSelectKbItems_executeDialogAction, _GxIdeSelectKbItems_patternSearchValueChangedHandler, _GxIdeSelectKbItems_renderActionButtons, _GxIdeSelectKbItems_renderFooter, _GxIdeSelectKbItems_selectedItemsChangeHandler, _GxIdeSelectKbItems_toggleAndSelectNodesInModelItems, _GxIdeSelectKbItems_toggleCheckedNodesInModelItems, _GxIdeSelectKbItems_updateViews, _GxIdeSelectKbItems_viewItemsAsChangedHandler, _GxIdeSelectKbItems_toggleCheckboxesChangedHandler, _GxIdeSelectKbItems_scrollIntoActiveVersionNode;
+var _GxIdeSelectKbItems_instances, _GxIdeSelectKbItems__componentLocale, _GxIdeSelectKbItems_chShortcutsEl, _GxIdeSelectKbItems_selectedNodesIds, _GxIdeSelectKbItems_shortcutsSrc, _GxIdeSelectKbItems_updatedModelList, _GxIdeSelectKbItems_viewItemsAsModel, _GxIdeSelectKbItems_treeViewRenderEl, _GxIdeSelectKbItems_loadItems, _GxIdeSelectKbItems_cancelHandler, _GxIdeSelectKbItems_checkedItemsChangeHandler, _GxIdeSelectKbItems_confirmHandler, _GxIdeSelectKbItems_contextMenuHandler, _GxIdeSelectKbItems_executeDialogAction, _GxIdeSelectKbItems_patternSearchValueChangedHandler, _GxIdeSelectKbItems_renderActionButtons, _GxIdeSelectKbItems_renderFooter, _GxIdeSelectKbItems_selectedItemsChangeHandler, _GxIdeSelectKbItems_toggleAndSelectNodesInModelItems, _GxIdeSelectKbItems_toggleCheckedNodesInModelItems, _GxIdeSelectKbItems_updateViews, _GxIdeSelectKbItems_viewItemsAsChangedHandler, _GxIdeSelectKbItems_toggleCheckboxesChangedHandler, _GxIdeSelectKbItems_scrollIntoActiveVersionNode;
 import { getAssetPath, Host, h } from "@stencil/core";
 import { checkItems, convertItemsListToTreeViewModel, convertItemsNodeListToFlattenedTreeViewModel, expandItems, searchParentsItems, selectItems, unselectAllNodes, findFirstActiveNode } from "./helpers";
 import { getIconPath } from "@genexus/mercury";
@@ -40,6 +40,7 @@ const VIEW_AS_LIST_ID = "list";
 const TOGGLE_CHECKBOXES_CHECKED_VALUE = "on";
 export class GxIdeSelectKbItems {
     constructor() {
+        _GxIdeSelectKbItems_instances.add(this);
         _GxIdeSelectKbItems__componentLocale.set(this, void 0);
         _GxIdeSelectKbItems_chShortcutsEl.set(this, void 0);
         _GxIdeSelectKbItems_selectedNodesIds.set(this, []);
@@ -178,14 +179,14 @@ export class GxIdeSelectKbItems {
         _GxIdeSelectKbItems_toggleCheckboxesChangedHandler.set(this, (event) => {
             this.toggleCheckboxes = event.detail === TOGGLE_CHECKBOXES_CHECKED_VALUE;
         });
-        _GxIdeSelectKbItems_scrollIntoActiveVersionNode.set(this, () => {
+        _GxIdeSelectKbItems_scrollIntoActiveVersionNode.set(this, async () => {
             var _a;
             const doScrollIntoView = __classPrivateFieldGet(this, _GxIdeSelectKbItems_treeViewRenderEl, "f") && ((_a = this.activeItemNode) === null || _a === void 0 ? void 0 : _a.path);
             if (doScrollIntoView) {
-                __classPrivateFieldGet(this, _GxIdeSelectKbItems_treeViewRenderEl, "f").scrollIntoVisible(this.activeItemNode.path);
+                await __classPrivateFieldGet(this, _GxIdeSelectKbItems_treeViewRenderEl, "f").scrollIntoVisible(this.activeItemNode.path);
             }
             if (this.activeItemCallback) {
-                this.activeItemCallback();
+                await this.activeItemCallback();
             }
         });
         this.activeItemNode = undefined;
@@ -197,6 +198,7 @@ export class GxIdeSelectKbItems {
         this.nodeVersionsListTreeModel = [];
         this.searchPatternValue = null;
         this.toggleCheckboxes = undefined;
+        this.itemsList = [];
         this.activeItemCallback = undefined;
         this.cancelCallback = undefined;
         this.checkboxType = undefined;
@@ -205,21 +207,15 @@ export class GxIdeSelectKbItems {
         this.confirmCallback = undefined;
         this.dialogActions = [];
         this.itemContextMenuCallback = undefined;
-        this.itemsList = [];
+        this.loadItemsCallback = undefined;
         this.showToggleCheckboxes = true;
         this.multiSelection = false;
         this.singleChecks = false;
         this.showActiveItemLink = false;
+        this.useLoader = true;
         this.selectionChanged = undefined;
     }
-    watchNodeListHandler(newItemsList) {
-        __classPrivateFieldGet(this, _GxIdeSelectKbItems_updateViews, "f").call(this, newItemsList);
-        // Check and update activeItem
-        this.activeItemNode = findFirstActiveNode(newItemsList);
-        this.loading = false;
-    }
     async componentWillLoad() {
-        this.loading = true;
         __classPrivateFieldSet(this, _GxIdeSelectKbItems__componentLocale, await Locale.getComponentStrings(this.el), "f");
         this.toggleCheckboxes = this.showToggleCheckboxes;
         __classPrivateFieldSet(this, _GxIdeSelectKbItems_viewItemsAsModel, [
@@ -230,6 +226,10 @@ export class GxIdeSelectKbItems {
             this.dialogActions.length > 0 ||
                 !!this.cancelCallback ||
                 !!this.confirmCallback;
+        __classPrivateFieldGet(this, _GxIdeSelectKbItems_instances, "m", _GxIdeSelectKbItems_loadItems).call(this);
+    }
+    async reloadItems() {
+        await __classPrivateFieldGet(this, _GxIdeSelectKbItems_instances, "m", _GxIdeSelectKbItems_loadItems).call(this);
     }
     /**
      * Suspends or reactivates the shortcuts
@@ -274,7 +274,7 @@ export class GxIdeSelectKbItems {
                 "header__second-row": true,
                 "header__second-row--one-row": !this.showActiveItemLink
             } }, h("ch-edit", { class: "input", placeholder: __classPrivateFieldGet(this, _GxIdeSelectKbItems__componentLocale, "f").header.searchPatternPlaceholder, startImgSrc: SYSTEM_SEARCH_ICON, onInput: __classPrivateFieldGet(this, _GxIdeSelectKbItems_patternSearchValueChangedHandler, "f"), accessibleName: "search pattern" }), this.activeItemNode && this.showActiveItemLink && (h("div", { class: "active-item" }, h("span", { class: "active-item__icon-container" }, h("ch-image", { class: "icon-md active-item__icon", src: this.activeItemNode.iconStart ||
-                ACTIVE_ITEM_DEFAULT_ICON, containerRef: null })), __classPrivateFieldGet(this, _GxIdeSelectKbItems__componentLocale, "f").header.activeItem, h("button", { class: "active-item__link", onClick: __classPrivateFieldGet(this, _GxIdeSelectKbItems_scrollIntoActiveVersionNode, "f") }, this.activeItemNode.caption))))), h("div", { class: "spacing-body-inline-start trees" }, this.loading ? (h("gx-ide-loader", { loaderTitle: __classPrivateFieldGet(this, _GxIdeSelectKbItems__componentLocale, "f").loader.title, description: __classPrivateFieldGet(this, _GxIdeSelectKbItems__componentLocale, "f").loader.description, show: true })) : (h("ch-tree-view-render", { class: "tree-view", model: this.nodesVersionsViewType === "tree"
+                ACTIVE_ITEM_DEFAULT_ICON, containerRef: null })), __classPrivateFieldGet(this, _GxIdeSelectKbItems__componentLocale, "f").header.activeItem, h("button", { class: "active-item__link", onClick: __classPrivateFieldGet(this, _GxIdeSelectKbItems_scrollIntoActiveVersionNode, "f") }, this.activeItemNode.caption))))), h("div", { class: "spacing-body-inline-start trees" }, this.useLoader && this.loading ? (h("gx-ide-loader", { loaderTitle: __classPrivateFieldGet(this, _GxIdeSelectKbItems__componentLocale, "f").loader.title, description: __classPrivateFieldGet(this, _GxIdeSelectKbItems__componentLocale, "f").loader.description, show: true })) : (h("ch-tree-view-render", { class: "tree-view", model: this.nodesVersionsViewType === "tree"
                 ? this.nodeVersionsListTreeModel
                 : this.nodeListFlattenedTreeModel, "show-lines": this.nodesVersionsViewType === "tree" ? "all" : "none", expandableButton: this.nodesVersionsViewType === "tree" ? "decorative" : "no", onItemContextmenu: __classPrivateFieldGet(this, _GxIdeSelectKbItems_contextMenuHandler, "f"), onCheckedItemsChange: __classPrivateFieldGet(this, _GxIdeSelectKbItems_checkedItemsChangeHandler, "f"), onSelectedItemsChange: __classPrivateFieldGet(this, _GxIdeSelectKbItems_selectedItemsChangeHandler, "f"), expandOnClick: this.expandOnClick, multiSelection: this.multiSelection, filter: this.searchPatternValue, filterType: "caption", toggleCheckboxes: this.toggleCheckboxes, ref: (el) => {
                 __classPrivateFieldSet(this, _GxIdeSelectKbItems_treeViewRenderEl, el, "f");
@@ -463,13 +463,17 @@ export class GxIdeSelectKbItems {
                     "text": "Callback emitted when the user right click on an item"
                 }
             },
-            "itemsList": {
+            "loadItemsCallback": {
                 "type": "unknown",
                 "mutable": false,
                 "complexType": {
-                    "original": "ItemNode[]",
-                    "resolved": "ItemNode[]",
+                    "original": "() => Promise<ItemNode[]>",
+                    "resolved": "() => Promise<ItemNode[]>",
                     "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        },
                         "ItemNode": {
                             "location": "local",
                             "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/select-kb-items/select-kb-items.tsx",
@@ -477,13 +481,12 @@ export class GxIdeSelectKbItems {
                         }
                     }
                 },
-                "required": false,
+                "required": true,
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "Represents the itemLis list model"
-                },
-                "defaultValue": "[]"
+                    "text": "Callback to load the items list model"
+                }
             },
             "showToggleCheckboxes": {
                 "type": "boolean",
@@ -557,6 +560,24 @@ export class GxIdeSelectKbItems {
                 "reflect": false,
                 "defaultValue": "false"
             },
+            "useLoader": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Defines whether to show a loader while loading items"
+                },
+                "attribute": "use-loader",
+                "reflect": false,
+                "defaultValue": "true"
+            },
             "selectionChanged": {
                 "type": "unknown",
                 "mutable": false,
@@ -589,11 +610,29 @@ export class GxIdeSelectKbItems {
             "nodesVersionsViewType": {},
             "nodeVersionsListTreeModel": {},
             "searchPatternValue": {},
-            "toggleCheckboxes": {}
+            "toggleCheckboxes": {},
+            "itemsList": {}
         };
     }
     static get methods() {
         return {
+            "reloadItems": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            },
             "suspendShortcuts": {
                 "complexType": {
                     "signature": "(suspendShortcuts: boolean) => Promise<void>",
@@ -660,12 +699,20 @@ export class GxIdeSelectKbItems {
         };
     }
     static get elementRef() { return "el"; }
-    static get watchers() {
-        return [{
-                "propName": "itemsList",
-                "methodName": "watchNodeListHandler"
-            }];
-    }
 }
-_GxIdeSelectKbItems__componentLocale = new WeakMap(), _GxIdeSelectKbItems_chShortcutsEl = new WeakMap(), _GxIdeSelectKbItems_selectedNodesIds = new WeakMap(), _GxIdeSelectKbItems_shortcutsSrc = new WeakMap(), _GxIdeSelectKbItems_updatedModelList = new WeakMap(), _GxIdeSelectKbItems_viewItemsAsModel = new WeakMap(), _GxIdeSelectKbItems_treeViewRenderEl = new WeakMap(), _GxIdeSelectKbItems_cancelHandler = new WeakMap(), _GxIdeSelectKbItems_checkedItemsChangeHandler = new WeakMap(), _GxIdeSelectKbItems_confirmHandler = new WeakMap(), _GxIdeSelectKbItems_contextMenuHandler = new WeakMap(), _GxIdeSelectKbItems_executeDialogAction = new WeakMap(), _GxIdeSelectKbItems_patternSearchValueChangedHandler = new WeakMap(), _GxIdeSelectKbItems_renderActionButtons = new WeakMap(), _GxIdeSelectKbItems_renderFooter = new WeakMap(), _GxIdeSelectKbItems_selectedItemsChangeHandler = new WeakMap(), _GxIdeSelectKbItems_toggleAndSelectNodesInModelItems = new WeakMap(), _GxIdeSelectKbItems_toggleCheckedNodesInModelItems = new WeakMap(), _GxIdeSelectKbItems_updateViews = new WeakMap(), _GxIdeSelectKbItems_viewItemsAsChangedHandler = new WeakMap(), _GxIdeSelectKbItems_toggleCheckboxesChangedHandler = new WeakMap(), _GxIdeSelectKbItems_scrollIntoActiveVersionNode = new WeakMap();
+_GxIdeSelectKbItems__componentLocale = new WeakMap(), _GxIdeSelectKbItems_chShortcutsEl = new WeakMap(), _GxIdeSelectKbItems_selectedNodesIds = new WeakMap(), _GxIdeSelectKbItems_shortcutsSrc = new WeakMap(), _GxIdeSelectKbItems_updatedModelList = new WeakMap(), _GxIdeSelectKbItems_viewItemsAsModel = new WeakMap(), _GxIdeSelectKbItems_treeViewRenderEl = new WeakMap(), _GxIdeSelectKbItems_cancelHandler = new WeakMap(), _GxIdeSelectKbItems_checkedItemsChangeHandler = new WeakMap(), _GxIdeSelectKbItems_confirmHandler = new WeakMap(), _GxIdeSelectKbItems_contextMenuHandler = new WeakMap(), _GxIdeSelectKbItems_executeDialogAction = new WeakMap(), _GxIdeSelectKbItems_patternSearchValueChangedHandler = new WeakMap(), _GxIdeSelectKbItems_renderActionButtons = new WeakMap(), _GxIdeSelectKbItems_renderFooter = new WeakMap(), _GxIdeSelectKbItems_selectedItemsChangeHandler = new WeakMap(), _GxIdeSelectKbItems_toggleAndSelectNodesInModelItems = new WeakMap(), _GxIdeSelectKbItems_toggleCheckedNodesInModelItems = new WeakMap(), _GxIdeSelectKbItems_updateViews = new WeakMap(), _GxIdeSelectKbItems_viewItemsAsChangedHandler = new WeakMap(), _GxIdeSelectKbItems_toggleCheckboxesChangedHandler = new WeakMap(), _GxIdeSelectKbItems_scrollIntoActiveVersionNode = new WeakMap(), _GxIdeSelectKbItems_instances = new WeakSet(), _GxIdeSelectKbItems_loadItems = async function _GxIdeSelectKbItems_loadItems() {
+    try {
+        this.loading = true;
+        this.itemsList = await this.loadItemsCallback();
+        __classPrivateFieldGet(this, _GxIdeSelectKbItems_updateViews, "f").call(this, this.itemsList);
+        // Check and update activeItem
+        this.activeItemNode = findFirstActiveNode(this.itemsList);
+    }
+    catch (error) {
+        console.error("Error loading items:", error);
+    }
+    finally {
+        this.loading = false;
+    }
+};
 //# sourceMappingURL=select-kb-items.js.map