@genexus/genexus-ide-ui 1.1.72 → 1.1.74

package/dist/genexus-ide-ui/{p-ac79f7e8.entry.js → p-65b69fe0.entry.js}

@@ -1,4 +1,4 @@
-import { r as t, g as e, h as i, F as s, H as n, a } from "./p-9b9ccd0c.js";
+import { r as t, g as e, h as i, F as s, H as a, a as n } from "./p-9b9ccd0c.js";
 
 import { g as o } from "./p-d42e842b.js";
 
@@ -30,11 +30,11 @@ const mapKbsModelToActionListModel = t => {
 
 const c = ":host{display:grid;block-size:100%;grid-template-rows:max-content 1fr max-content}.section{display:contents}header{display:grid;grid-template-rows:max-content;grid-template-columns:1fr 1fr max-content}.button-change{align-self:center;justify-self:end}.main{display:grid;grid-template-columns:1fr;grid-template-rows:max-content 1fr max-content max-content;position:relative}.search-kbs{inline-size:50%}.versions-container{grid-auto-rows:max-content}.versions-container__input{display:grid;grid-template-columns:1fr max-content;gap:var(--mer-spacing--xs)}.versions-container .button-icon-only{border-color:var(--mer-color__neutral-gray--500);border-width:var(--mer-border__width--sm);border-radius:var(--mer-border__radius--sm)}.versions-container .button-icon-only:hover{border-color:var(--mer-color__neutral-gray--100)}";
 
-var d = undefined && undefined.__classPrivateFieldSet || function(t, e, i, s, n) {
+var d = undefined && undefined.__classPrivateFieldSet || function(t, e, i, s, a) {
   if (s === "m") throw new TypeError("Private method is not writable");
-  if (s === "a" && !n) throw new TypeError("Private accessor was defined without a setter");
-  if (typeof e === "function" ? t !== e || !n : !e.has(t)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
-  return s === "a" ? n.call(t, i) : n ? n.value = i : e.set(t, i), i;
+  if (s === "a" && !a) throw new TypeError("Private accessor was defined without a setter");
+  if (typeof e === "function" ? t !== e || !a : !e.has(t)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+  return s === "a" ? a.call(t, i) : a ? a.value = i : e.set(t, i), i;
 };
 
 var f = undefined && undefined.__classPrivateFieldGet || function(t, e, i, s) {
@@ -43,25 +43,25 @@ var f = undefined && undefined.__classPrivateFieldGet || function(t, e, i, s) {
   return i === "m" ? s : i === "a" ? s.call(t) : s ? s.value : e.get(t);
 };
 
-var p, u, m, b, v, w, g, y, k, M, W, x, _, T, j, C, S, E, I, $, A, P, z, L;
+var u, p, m, b, v, w, g, y, k, M, W, x, _, T, j, S, C, E, I, $, A, P, z, L, N;
 
-const N = [ "resets/box-sizing", "utils/form--full", "utils/layout", "utils/typography", "utils/spacing", "components/list-box", "components/tooltip", "chameleon/scrollbar" ];
+const F = [ "resets/box-sizing", "utils/form--full", "utils/layout", "utils/typography", "utils/spacing", "components/list-box", "components/tooltip", "chameleon/scrollbar" ];
 
-const F = o({
+const K = o({
   category: "system",
   name: "information",
   colorType: "on-surface"
 });
 
-const K = class {
+const V = class {
   constructor(s) {
     t(this, s);
-    p.set(this, o({
+    u.set(this, o({
       category: "system",
       name: "search",
       colorType: "on-surface"
     }));
-    u.set(this, o({
+    p.set(this, o({
       category: "gemini-tools",
       name: "show-more-horizontal",
       colorType: "on-elevation"
@@ -79,15 +79,16 @@ const K = class {
     b.set(this, void 0);
     v.set(this, []);
     w.set(this, []);
-    g.set(this, e(`./gx-ide-assets/create-kb-from-server/shortcuts.json`));
-    y.set(this, void 0);
-    k.set(this, false);
-    M.set(this, void 0);
+    g.set(this, void 0);
+    y.set(this, e(`./gx-ide-assets/create-kb-from-server/shortcuts.json`));
+    k.set(this, void 0);
+    M.set(this, false);
     W.set(this, void 0);
-    x.set(this, (() => {
+    x.set(this, void 0);
+    _.set(this, (() => {
       this.cancelCallback();
     }));
-    _.set(this, (async () => {
+    T.set(this, (async () => {
       this.changeConnectionCallback({
         authenticationType: this.connectionData.authenticationType,
         serverUrl: this.connectionData.serverUrl,
@@ -95,12 +96,12 @@ const K = class {
         userPassword: this.connectionData.userPassword
       });
     }));
-    T.set(this, (async () => {
+    j.set(this, (async () => {
       if (this.versionSelectedType !== "Select") {
         d(this, w, [], "f");
       }
       this.createKBCallback({
-        selectedKB: f(this, y, "f"),
+        selectedKB: f(this, k, "f"),
         versionSelected: this.versionSelectedType,
         localKBName: this.localKbNameInputValue,
         versionList: f(this, w, "f")
@@ -110,9 +111,9 @@ const K = class {
     }));
     // TODO: evaluate if this should be a global helper function.
     // It is used on other dialogs as well.
-        j.set(this, (t => {
-      var e, s, n;
-      return ((s = (e = this.validatableControls) === null || e === void 0 ? void 0 : e.get(t === null || t === void 0 ? void 0 : t.id)) === null || s === void 0 ? void 0 : s.hasError) && ((n = this.validatableControls.get(t.id)) === null || n === void 0 ? void 0 : n.message) && i("ch-tooltip", {
+        S.set(this, (t => {
+      var e, s, a;
+      return ((s = (e = this.validatableControls) === null || e === void 0 ? void 0 : e.get(t === null || t === void 0 ? void 0 : t.id)) === null || s === void 0 ? void 0 : s.hasError) && ((a = this.validatableControls.get(t.id)) === null || a === void 0 ? void 0 : a.message) && i("ch-tooltip", {
         class: "tooltip",
         actionElement: t,
         blockAlign: r.tooltipSettings.blockAlign,
@@ -124,7 +125,7 @@ const K = class {
       this.filterValue = t.detail.toLowerCase();
       this.kbsFilteredActionListModel = f(this, v, "f").filter((t => t.caption.toLowerCase().includes(this.filterValue)));
     }));
-    S.set(this, (async () => {
+    E.set(this, (async () => {
       await this.getGXserverKBsCallback({
         authenticationType: this.connectionData.authenticationType,
         serverUrl: this.connectionData.serverUrl,
@@ -136,9 +137,9 @@ const K = class {
         this.filterValue = "";
       }));
     }));
-    E.set(this, (() => {
+    I.set(this, (() => {
       // populate validatableControls with the controls that could have errors.
-      const t = [ f(this, W, "f") ];
+      const t = [ f(this, x, "f") ];
       t.forEach((t => {
         if (t.id) {
           this.validatableControls.set(t.id, {
@@ -149,43 +150,43 @@ const K = class {
         }
       }));
     }));
-    I.set(this, (t => {
+    $.set(this, (t => {
       this.localKbNameInputValue = t.detail;
-      d(this, k, true, "f");
+      d(this, M, true, "f");
     }));
-    $.set(this, (async () => {
+    A.set(this, (async () => {
       if (this.selectKBVersionsCallback) {
-        await this.selectKBVersionsCallback(f(this, y, "f")).then((t => {
+        await this.selectKBVersionsCallback(f(this, k, "f")).then((t => {
           if (t === null || t === void 0 ? void 0 : t.length) {
             d(this, w, t.map((t => ({
               id: t.id,
               name: t.name
             }))), "f");
             if (t.length === 1 && f(this, w, "f")[0].id === 0) {
-              this.localKbNameInputValue = f(this, y, "f");
+              this.localKbNameInputValue = f(this, k, "f");
               this.versionsValueInput = f(this, b, "f").kb.versionsPlaceholder;
             } else if (t.length > 1) {
-              this.localKbNameInputValue = f(this, y, "f");
+              this.localKbNameInputValue = f(this, k, "f");
               this.versionsValueInput = `${t.length.toString()} ${f(this, b, "f").kb.versionSelectedFieldValue}`;
             } else {
-              this.localKbNameInputValue = `${f(this, y, "f")}_${f(this, w, "f")[0].name}`;
+              this.localKbNameInputValue = `${f(this, k, "f")}_${f(this, w, "f")[0].name}`;
               this.versionsValueInput = `${t[0].name} ${f(this, b, "f").kb.oneVersionSelectedFieldValue}`;
             }
           }
         }));
       }
     }));
-    A.set(this, (t => {
+    P.set(this, (t => {
       var e;
       const i = (e = t.detail[0]) === null || e === void 0 ? void 0 : e.item;
       if (i === undefined) {
         this.enableSelectVersionsButton = false;
-        d(this, y, undefined, "f");
+        d(this, k, undefined, "f");
         return;
       }
       this.enableSelectVersionsButton = true;
-      d(this, y, i.id, "f");
-      if (f(this, k, "f")) {
+      d(this, k, i.id, "f");
+      if (f(this, M, "f")) {
         return;
       }
       this.localKbNameInputValue = i.caption;
@@ -194,28 +195,28 @@ const K = class {
         d(this, w, [], "f");
       }
     }));
-    P.set(this, (t => {
+    z.set(this, (t => {
       this.versionSelectedType = t.detail;
     }));
-    z.set(this, (t => {
+    L.set(this, (t => {
       t.sort(((t, e) => {
         var i, s;
         return (i = t.caption) === null || i === void 0 ? void 0 : i.toLocaleLowerCase().localeCompare((s = e.caption) === null || s === void 0 ? void 0 : s.toLocaleLowerCase());
       }));
     }));
-    L.set(this, (() => i("footer", {
+    N.set(this, (() => i("footer", {
       class: "footer control-footer-with-border spacing-body-inline spacing-body-block-end"
     }, i("div", {
       class: "buttons-spacer"
     }, i("button", {
       // cancel button
       class: "button-secondary",
-      onClick: f(this, x, "f"),
+      onClick: f(this, _, "f"),
       part: "button button-cancel"
     }, f(this, b, "f").footer.cancel), i("button", {
       // create kb button
       class: "button-primary",
-      onClick: this.enableSelectVersionsButton && f(this, T, "f"),
+      onClick: this.enableSelectVersionsButton && f(this, j, "f"),
       disabled: !this.enableSelectVersionsButton,
       part: "button button-create-kb"
     }, f(this, b, "f").footer.createKb)))));
@@ -235,20 +236,29 @@ const K = class {
     this.selectKBVersionsCallback = undefined;
   }
   async componentDidLoad() {
-    await f(this, S, "f").call(this);
+    await f(this, E, "f").call(this);
     this.loading = false;
   }
   async componentWillLoad() {
     d(this, b, await h.getComponentStrings(this.el), "f");
   }
+  /**
+     * Suspends or reactivates the shortcuts
+     */  async suspendShortcuts(t) {
+    if (t) {
+      f(this, g, "f").suspend = true;
+    } else {
+      f(this, g, "f").suspend = false;
+    }
+  }
   render() {
-    return i(n, {
+    return i(a, {
       class: "widget"
     }, i("ch-theme", {
-      model: N
+      model: F
     }), i("ch-shortcuts", {
-      src: f(this, g, "f"),
-      ref: t => this.chShortcutsEl = t
+      src: f(this, y, "f"),
+      ref: t => d(this, g, t, "f")
     }), i("section", {
       class: "section"
     }, i("header", {
@@ -264,7 +274,7 @@ const K = class {
     }, f(this, b, "f").header.user), i("p", null, this.connectionData.userName)), i("button", {
       id: "change-connection-button",
       class: "button-tertiary button-change",
-      onClick: f(this, _, "f")
+      onClick: f(this, T, "f")
     }, f(this, b, "f").header.change)), i("section", {
       class: "main field-group spacing-body"
     }, this.loading ? i("gx-ide-loader", {
@@ -274,32 +284,32 @@ const K = class {
     }) : i(s, null, i("ch-edit", {
       class: "input search-kbs",
       id: "local-kb-name",
-      startImgSrc: f(this, p, "f"),
+      startImgSrc: f(this, u, "f"),
       onInput: f(this, C, "f"),
       placeholder: f(this, b, "f").kb.searchKbsPlaceholder
     }), f(this, v, "f").length === 0 || this.kbsFilteredActionListModel.length === 0 ? i("div", {
       class: "list-box"
     }, i("gx-ide-empty-state", {
-      stateIconSrc: F,
+      stateIconSrc: K,
       stateTitle: f(this, b, "f").emptyKBsText,
       isAnimated: true
     })) : i("ch-action-list-render", {
       selection: "single",
       class: "list-box",
-      onSelectedItemsChange: f(this, A, "f"),
+      onSelectedItemsChange: f(this, P, "f"),
       model: this.kbsFilteredActionListModel,
-      sortItemsCallback: f(this, z, "f")
+      sortItemsCallback: f(this, L, "f")
     }), i("div", {
       class: "versions-container field-group"
     }, i("ch-radio-group-render", {
       class: "radio-group",
       model: f(this, m, "f"),
-      onChange: f(this, P, "f"),
+      onChange: f(this, z, "f"),
       value: f(this, m, "f")[0].value,
       ref: t => {
-        d(this, M, t, "f");
-        if (f(this, M, "f")) {
-          this.versionSelectedType = f(this, M, "f").value;
+        d(this, W, t, "f");
+        if (f(this, W, "f")) {
+          this.versionSelectedType = f(this, W, "f").value;
         }
       }
     }), this.versionSelectedType === "Select" && i("div", {
@@ -319,10 +329,10 @@ const K = class {
     }), i("button", {
       id: "select-version-button",
       class: "button-tertiary button-icon-only",
-      onClick: f(this, $, "f"),
+      onClick: f(this, A, "f"),
       disabled: !this.enableSelectVersionsButton
     }, i("ch-image", {
-      src: f(this, u, "f"),
+      src: f(this, p, "f"),
       class: "icon-sm"
     })))))), i("div", {
       class: "field field-block"
@@ -334,31 +344,31 @@ const K = class {
       class: "input",
       id: "local-kb-name",
       value: this.localKbNameInputValue,
-      onInput: f(this, I, "f"),
+      onInput: f(this, $, "f"),
       placeholder: f(this, b, "f").kb.localKbNamePlaceholder,
       ref: t => {
-        d(this, W, t, "f");
-        if (f(this, W, "f")) {
-          f(this, E, "f").call(this);
+        d(this, x, t, "f");
+        if (f(this, x, "f")) {
+          f(this, I, "f").call(this);
         }
       }
-    }), f(this, j, "f").call(this, f(this, W, "f"))))), f(this, L, "f").call(this)));
+    }), f(this, S, "f").call(this, f(this, x, "f"))))), f(this, N, "f").call(this)));
   }
   static get assetsDirs() {
     return [ "gx-ide-assets/create-kb-from-server" ];
   }
   get el() {
-    return a(this);
+    return n(this);
   }
 };
 
-p = new WeakMap, u = new WeakMap, m = new WeakMap, b = new WeakMap, v = new WeakMap, 
+u = new WeakMap, p = new WeakMap, m = new WeakMap, b = new WeakMap, v = new WeakMap, 
 w = new WeakMap, g = new WeakMap, y = new WeakMap, k = new WeakMap, M = new WeakMap, 
 W = new WeakMap, x = new WeakMap, _ = new WeakMap, T = new WeakMap, j = new WeakMap, 
-C = new WeakMap, S = new WeakMap, E = new WeakMap, I = new WeakMap, $ = new WeakMap, 
-A = new WeakMap, P = new WeakMap, z = new WeakMap, L = new WeakMap;
+S = new WeakMap, C = new WeakMap, E = new WeakMap, I = new WeakMap, $ = new WeakMap, 
+A = new WeakMap, P = new WeakMap, z = new WeakMap, L = new WeakMap, N = new WeakMap;
 
-K.style = c;
+V.style = c;
 
-export { K as gx_ide_create_kb_from_server };
-//# sourceMappingURL=p-ac79f7e8.entry.js.map
+export { V as gx_ide_create_kb_from_server };
+//# sourceMappingURL=p-65b69fe0.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["mapKbsModelToActionListModel","kbsData","listBoxItems","forEach","kb","push","id","type","caption","name","createKbFromServerCss","CSS_BUNDLES","INFO_ICON","getIconPath","category","colorType","GxIdeCreateKbFromServer","_GxIdeCreateKbFromServer_chSearchIcon","set","this","_GxIdeCreateKbFromServer_showMoreIcon","_GxIdeCreateKbFromServer_versionsSelect","value","_GxIdeCreateKbFromServer__componentLocale","_GxIdeCreateKbFromServer_kbsActionListModel","_GxIdeCreateKbFromServer_kbVersions","_GxIdeCreateKbFromServer_chShortcutsEl","_GxIdeCreateKbFromServer_shortcutsSrc","getAssetPath","_GxIdeCreateKbFromServer_selectedKbId","_GxIdeCreateKbFromServer_kbNameAlreadyEditedByUser","_GxIdeCreateKbFromServer_versionSelectedTypeEl","_GxIdeCreateKbFromServer_localKBNameEl","_GxIdeCreateKbFromServer_cancelHandler","cancelCallback","_GxIdeCreateKbFromServer_changeConnectionHandler","async","changeConnectionCallback","authenticationType","connectionData","serverUrl","userName","userPassword","_GxIdeCreateKbFromServer_createHandler","versionSelectedType","__classPrivateFieldSet","createKBCallback","selectedKB","__classPrivateFieldGet","versionSelected","localKBName","localKbNameInputValue","versionList","then","formSubmitResult","validatableControls","validateControls","_GxIdeCreateKbFromServer_evaluateTooltipRender","controlReference","_b","_a","get","hasError","_c","message","h","class","actionElement","blockAlign","config","tooltipSettings","inlineAlign","delay","_GxIdeCreateKbFromServer_filterValueChangedHandler","event","filterValue","detail","toLowerCase","kbsFilteredActionListModel","filter","item","includes","_GxIdeCreateKbFromServer_init","getGXserverKBsCallback","result","_GxIdeCreateKbFromServer_initializeValidatableControls","validatableControl","reference","undefined","_GxIdeCreateKbFromServer_inputLocalKbNameHandler","_GxIdeCreateKbFromServer_selectedVersionHandler","selectKBVersionsCallback","length","map","kbVersion","versionsValueInput","versionsPlaceholder","toString","versionSelectedFieldValue","oneVersionSelectedFieldValue","_GxIdeCreateKbFromServer_selectKbChangeHandler","enableSelectVersionsButton","_GxIdeCreateKbFromServer_versionsChangedHandler","_GxIdeCreateKbFromServer_sortItems","model","sort","a","b","toLocaleLowerCase","localeCompare","_GxIdeCreateKbFromServer_renderFooter","onClick","part","footer","cancel","disabled","createKb","Map","componentDidLoad","call","loading","componentWillLoad","Locale","getComponentStrings","el","suspendShortcuts","suspend","render","Host","src","ref","header","user","change","loaderTitle","loader","title","description","show","Fragment","startImgSrc","onInput","placeholder","searchKbsPlaceholder","stateIconSrc","stateTitle","emptyKBsText","isAnimated","selection","onSelectedItemsChange","sortItemsCallback","onChange","htmlFor","versionsLabel","readonly","versionsPlaceholderDisabled","localKbNameLabel","localKbNamePlaceholder"],"sources":["src/components/team-dev/create-kb-from-server/helpers.ts","src/components/team-dev/create-kb-from-server/create-kb-from-server.scss?tag=gx-ide-create-kb-from-server&encapsulation=shadow","src/components/team-dev/create-kb-from-server/create-kb-from-server.tsx"],"sourcesContent":["import { ActionListItemModel } from \"@genexus/chameleon-controls-library\";\nimport { KBData } from \"./create-kb-from-server\";\n\nexport const mapKbsModelToActionListModel = (\n  kbsData: KBData[]\n): ActionListItemModel[] => {\n  const listBoxItems: ActionListItemModel[] = [];\n  kbsData.forEach(kb => {\n    listBoxItems.push({\n      id: kb.id,\n      type: \"actionable\",\n      caption: kb.name\n    });\n  });\n  return listBoxItems;\n};\n",":host {\n  display: grid;\n  block-size: 100%;\n  grid-template-rows: max-content 1fr max-content;\n}\n\n.section {\n  display: contents;\n}\n\n// - - - - - - - - - - -\n// Header\n// - - - - - - - - - - -\n\nheader {\n  display: grid;\n  grid-template-rows: max-content;\n  grid-template-columns: 1fr 1fr max-content;\n}\n\n.button-change {\n  align-self: center;\n  justify-self: end;\n}\n\n// - - - - - - - - - - -\n// Main\n// - - - - - - - - - - -\n\n.main {\n  display: grid;\n  grid-template-columns: 1fr;\n  grid-template-rows: max-content 1fr max-content max-content;\n  position: relative;\n}\n\n.search-kbs {\n  inline-size: 50%;\n}\n\n.versions-container {\n  grid-auto-rows: max-content;\n\n  &__input {\n    display: grid;\n    grid-template-columns: 1fr max-content;\n    gap: var(--mer-spacing--xs);\n  }\n\n  .button-icon-only {\n    border-color: var(--mer-color__neutral-gray--500);\n    border-width: var(--mer-border__width--sm);\n    border-radius: var(--mer-border__radius--sm);\n  }\n\n  .button-icon-only:hover {\n    border-color: var(--mer-color__neutral-gray--100);\n  }\n}\n","// Stencil\nimport {\n  Component,\n  Element,\n  Fragment,\n  getAssetPath,\n  h,\n  Host,\n  Method,\n  Prop,\n  State\n} from \"@stencil/core\";\n\n// Other Libraries\nimport { getIconPath, MercuryBundles } from \"@genexus/mercury\";\n\n// Custom Imports\nimport {\n  ActionListItemActionable,\n  ActionListItemModel,\n  ActionListItemModelExtended,\n  ChActionListRenderCustomEvent,\n  ChEditCustomEvent\n} from \"@genexus/chameleon-controls-library\";\nimport { RadioGroupItemModel } from \"@genexus/chameleon-controls-library/dist/types/components/radio-group/types\";\nimport { config } from \"../../../common/config\";\nimport {\n  ControlValidation,\n  validateControls\n} from \"../../../common/form-validation\";\nimport { Locale } from \"../../../common/locale\";\nimport { FormSubmitResult } from \"../../../common/types\";\nimport { GXServerConnectionData } from \"../connect-gx-server/connect-gx-server\";\nimport { KBVersion } from \"../version-control/common/types\";\nimport { mapKbsModelToActionListModel } from \"./helpers\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"utils/form--full\",\n  \"utils/layout\",\n  \"utils/typography\",\n  \"utils/spacing\",\n  \"components/list-box\",\n  \"components/tooltip\",\n  \"chameleon/scrollbar\"\n];\n\nconst INFO_ICON = getIconPath({\n  category: \"system\",\n  name: \"information\",\n  colorType: \"on-surface\"\n});\n\n@Component({\n  tag: \"gx-ide-create-kb-from-server\",\n  styleUrl: \"create-kb-from-server.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/create-kb-from-server\"]\n})\nexport class GxIdeCreateKbFromServer {\n  #chSearchIcon = getIconPath({\n    category: \"system\",\n    name: \"search\",\n    colorType: \"on-surface\"\n  });\n\n  #showMoreIcon = getIconPath({\n    category: \"gemini-tools\",\n    name: \"show-more-horizontal\",\n    colorType: \"on-elevation\"\n  });\n\n  #versionsSelect: RadioGroupItemModel[] = [\n    { value: \"Trunk\", caption: \"Trunk Version\" },\n    { value: \"All\", caption: \"All Versions\" },\n    { value: \"Select\", caption: \"Select Version\" }\n  ];\n\n  [key: string]: any;\n\n  #_componentLocale: any;\n  #kbsActionListModel: ActionListItemModel[] = [];\n  #kbVersions: KBVersion[] = [];\n  #chShortcutsEl: HTMLChShortcutsElement;\n  #shortcutsSrc = getAssetPath(\n    `./gx-ide-assets/create-kb-from-server/shortcuts.json`\n  );\n  #selectedKbId: string;\n  #kbNameAlreadyEditedByUser: boolean = false;\n\n  #versionSelectedTypeEl: HTMLChRadioGroupRenderElement;\n\n  @Element() el: HTMLGxIdeCreateKbFromServerElement;\n\n  #localKBNameEl!: HTMLChEditElement;\n\n  /**\n   * State to enable/disable the select versions button\n   */\n  @State() enableSelectVersionsButton: boolean = false;\n\n  /**\n   * The current kbn name value.\n   */\n  @State() localKbNameInputValue: string = \"\";\n\n  /**\n   * State to store the loading state of the component\n   */\n  @State() loading = true;\n\n  /**\n   * State to store the filter input value to filter the list-box\n   */\n  @State() filterValue: string = \"\";\n\n  /**\n   * KBs filtered\n   */\n  @State() kbsFilteredActionListModel: ActionListItemModel[] = [];\n\n  @State() validatableControls = new Map<string, ControlValidation>();\n\n  /**\n   * The version selected type\n   */\n  @State() versionSelectedType: VersionOption;\n\n  /**\n   * String value to show the number of versions selected (\"N versions selected\")\n   */\n  @State() versionsValueInput: string = \"\";\n\n  /**\n   * Set of data required when executing any of the callbacks that require a connection to the server.\n   */\n  @Prop() readonly connectionData: GXServerConnectionData;\n\n  /**\n   * Callback that is invoked when the dialog is closed\n   */\n  @Prop() readonly cancelCallback!: () => Promise<void>;\n\n  /**\n   * The host reopens the gx-ide-connect-server login modal with the previous data, and closes the current modal\n   */\n  @Prop() readonly changeConnectionCallback: (\n    data: GXServerConnectionData\n  ) => Promise<void>;\n\n  /**\n   * Callback that must be invoked when the 'Create KB' button is pressed. Receives the user's parameter selection to create the remote KB locally and ends the dialog.\n   */\n  @Prop() readonly createKBCallback!: (\n    kbInfo: KnowledgeBaseInfo\n  ) => Promise<FormSubmitResult>;\n\n  /**\n   * Callback that must be invoked when invoking the dialog\n   */\n  @Prop() readonly getGXserverKBsCallback!: (\n    data: GXServerConnectionData\n  ) => Promise<KBData[]>;\n\n  /**\n   *  Callback invoked by pressing the ellipsis in the version selector. Receives the KB selected by the user, and displays the version selector dialog. Returns a list of versions chosen by the user.\n   */\n  @Prop() readonly selectKBVersionsCallback: (\n    selectedKB: string\n  ) => Promise<KBVersion[]>;\n\n  async componentDidLoad() {\n    await this.#init();\n    this.loading = false;\n  }\n\n  async componentWillLoad() {\n    this.#_componentLocale = await Locale.getComponentStrings(this.el);\n  }\n\n  /**\n   * Suspends or reactivates the shortcuts\n   */\n  @Method()\n  async suspendShortcuts(suspendShortcuts: boolean) {\n    if (suspendShortcuts) {\n      this.#chShortcutsEl.suspend = true;\n    } else {\n      this.#chShortcutsEl.suspend = false;\n    }\n  }\n\n  #cancelHandler = (): void => {\n    this.cancelCallback();\n  };\n\n  #changeConnectionHandler = async (): Promise<void> => {\n    this.changeConnectionCallback({\n      authenticationType: this.connectionData.authenticationType,\n      serverUrl: this.connectionData.serverUrl,\n      userName: this.connectionData.userName,\n      userPassword: this.connectionData.userPassword\n    });\n  };\n\n  #createHandler = async (): Promise<void> => {\n    if (this.versionSelectedType !== \"Select\") {\n      this.#kbVersions = [];\n    }\n    this.createKBCallback({\n      selectedKB: this.#selectedKbId,\n      versionSelected: this.versionSelectedType,\n      localKBName: this.localKbNameInputValue,\n      versionList: this.#kbVersions\n    }).then((formSubmitResult: FormSubmitResult) => {\n      this.validatableControls = validateControls(\n        formSubmitResult,\n        this.validatableControls\n      );\n    });\n  };\n\n  // TODO: evaluate if this should be a global helper function.\n  // It is used on other dialogs as well.\n  #evaluateTooltipRender = (\n    controlReference: HTMLElement\n  ): HTMLChTooltipElement =>\n    this.validatableControls?.get(controlReference?.id)?.hasError &&\n    this.validatableControls.get(controlReference.id)?.message && (\n      <ch-tooltip\n        class=\"tooltip\"\n        actionElement={controlReference as unknown as HTMLButtonElement}\n        blockAlign={config.tooltipSettings.blockAlign}\n        inlineAlign={config.tooltipSettings.inlineAlign}\n        delay={config.tooltipSettings.delay}\n      >\n        {this.validatableControls.get(controlReference.id).message}\n      </ch-tooltip>\n    );\n\n  #filterValueChangedHandler = (\n    event: ChEditCustomEvent<string> | InputEvent\n  ) => {\n    this.filterValue = (event.detail as string).toLowerCase();\n    this.kbsFilteredActionListModel = this.#kbsActionListModel.filter(\n      (item: ActionListItemActionable) =>\n        item.caption.toLowerCase().includes(this.filterValue)\n    );\n  };\n\n  #init = async () => {\n    await this.getGXserverKBsCallback({\n      authenticationType: this.connectionData.authenticationType,\n      serverUrl: this.connectionData.serverUrl,\n      userName: this.connectionData.userName,\n      userPassword: this.connectionData.userPassword\n    }).then(result => {\n      this.#kbsActionListModel = mapKbsModelToActionListModel(result);\n      this.kbsFilteredActionListModel = this.#kbsActionListModel;\n      this.filterValue = \"\";\n    });\n  };\n\n  #initializeValidatableControls = () => {\n    // populate validatableControls with the controls that could have errors.\n    const validatableControls: HTMLElement[] = [this.#localKBNameEl];\n    validatableControls.forEach(validatableControl => {\n      if (validatableControl.id) {\n        this.validatableControls.set(validatableControl.id, {\n          reference: validatableControl,\n          hasError: false,\n          message: undefined\n        });\n      }\n    });\n  };\n\n  #inputLocalKbNameHandler = (\n    event: ChEditCustomEvent<string> | InputEvent\n  ) => {\n    this.localKbNameInputValue = event.detail as string;\n    this.#kbNameAlreadyEditedByUser = true;\n  };\n\n  #selectedVersionHandler = async () => {\n    if (this.selectKBVersionsCallback) {\n      await this.selectKBVersionsCallback(this.#selectedKbId).then(result => {\n        if (result?.length) {\n          this.#kbVersions = result.map(kbVersion => ({\n            id: kbVersion.id,\n            name: kbVersion.name\n          }));\n\n          if (result.length === 1 && this.#kbVersions[0].id === 0) {\n            this.localKbNameInputValue = this.#selectedKbId;\n            this.versionsValueInput =\n              this.#_componentLocale.kb.versionsPlaceholder;\n          } else if (result.length > 1) {\n            this.localKbNameInputValue = this.#selectedKbId;\n            this.versionsValueInput = `${result.length.toString()} ${\n              this.#_componentLocale.kb.versionSelectedFieldValue\n            }`;\n          } else {\n            this.localKbNameInputValue = `${this.#selectedKbId}_${\n              this.#kbVersions[0].name\n            }`;\n            this.versionsValueInput = `${result[0].name} ${\n              this.#_componentLocale.kb.oneVersionSelectedFieldValue\n            }`;\n          }\n        }\n      });\n    }\n  };\n\n  #selectKbChangeHandler = (\n    event: ChActionListRenderCustomEvent<ActionListItemModelExtended[]>\n  ): void => {\n    const item = event.detail[0]?.item as ActionListItemActionable;\n    if (item === undefined) {\n      this.enableSelectVersionsButton = false;\n      this.#selectedKbId = undefined;\n      return;\n    }\n    this.enableSelectVersionsButton = true;\n    this.#selectedKbId = item.id;\n    if (this.#kbNameAlreadyEditedByUser) {\n      return;\n    }\n    this.localKbNameInputValue = item.caption;\n    if (this.versionSelectedType === \"Select\") {\n      this.versionsValueInput = \"\";\n      this.#kbVersions = [];\n    }\n  };\n\n  #versionsChangedHandler = (event: CustomEvent<string>) => {\n    this.versionSelectedType = event.detail as VersionOption;\n  };\n\n  #sortItems = (model: ActionListItemActionable[]): void => {\n    model.sort((a, b) =>\n      a.caption\n        ?.toLocaleLowerCase()\n        .localeCompare(b.caption?.toLocaleLowerCase())\n    );\n  };\n\n  #renderFooter = () => {\n    return (\n      <footer class=\"footer control-footer-with-border spacing-body-inline spacing-body-block-end\">\n        <div class=\"buttons-spacer\">\n          <button\n            // cancel button\n            class=\"button-secondary\"\n            onClick={this.#cancelHandler}\n            part=\"button button-cancel\"\n          >\n            {this.#_componentLocale.footer.cancel}\n          </button>\n\n          <button\n            // create kb button\n            class=\"button-primary\"\n            onClick={this.enableSelectVersionsButton && this.#createHandler}\n            disabled={!this.enableSelectVersionsButton}\n            part=\"button button-create-kb\"\n          >\n            {this.#_componentLocale.footer.createKb}\n          </button>\n        </div>\n      </footer>\n    );\n  };\n\n  render(): void {\n    return (\n      <Host class=\"widget\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <ch-shortcuts\n          src={this.#shortcutsSrc}\n          ref={(el: HTMLChShortcutsElement) =>\n            (this.#chShortcutsEl = el as HTMLChShortcutsElement)\n          }\n        ></ch-shortcuts>\n\n        <section class=\"section\">\n          <header class=\"header control-header-with-border space-body spacing-body-inline spacing-body-block-start\">\n            <div class=\"field field-block\">\n              <label class=\"label\">\n                {this.#_componentLocale.header.serverUrl}\n              </label>\n              <p>{this.connectionData.serverUrl}</p>\n            </div>\n\n            <div class=\"field field-block\">\n              <label class=\"label\">{this.#_componentLocale.header.user}</label>\n              <p>{this.connectionData.userName}</p>\n            </div>\n\n            <button\n              id=\"change-connection-button\"\n              class=\"button-tertiary button-change\"\n              onClick={this.#changeConnectionHandler}\n            >\n              {this.#_componentLocale.header.change}\n            </button>\n          </header>\n          <section class=\"main field-group spacing-body\">\n            {this.loading ? (\n              <gx-ide-loader\n                loaderTitle={this.#_componentLocale.loader.title}\n                description={this.#_componentLocale.loader.description}\n                show\n              ></gx-ide-loader>\n            ) : (\n              <Fragment>\n                <ch-edit\n                  class=\"input search-kbs\"\n                  id=\"local-kb-name\"\n                  startImgSrc={this.#chSearchIcon}\n                  onInput={this.#filterValueChangedHandler}\n                  placeholder={this.#_componentLocale.kb.searchKbsPlaceholder}\n                ></ch-edit>\n                {this.#kbsActionListModel.length === 0 ||\n                this.kbsFilteredActionListModel.length === 0 ? (\n                  <div class=\"list-box\">\n                    <gx-ide-empty-state\n                      stateIconSrc={INFO_ICON}\n                      stateTitle={this.#_componentLocale.emptyKBsText}\n                      isAnimated={true}\n                    ></gx-ide-empty-state>\n                  </div>\n                ) : (\n                  <ch-action-list-render\n                    selection=\"single\"\n                    class=\"list-box\"\n                    onSelectedItemsChange={this.#selectKbChangeHandler}\n                    model={this.kbsFilteredActionListModel}\n                    sortItemsCallback={this.#sortItems}\n                  ></ch-action-list-render>\n                )}\n                <div class=\"versions-container field-group\">\n                  <ch-radio-group-render\n                    class=\"radio-group\"\n                    model={this.#versionsSelect}\n                    onChange={this.#versionsChangedHandler}\n                    value={this.#versionsSelect[0].value}\n                    ref={(el: HTMLChRadioGroupRenderElement) => {\n                      this.#versionSelectedTypeEl =\n                        el as HTMLChRadioGroupRenderElement;\n                      if (this.#versionSelectedTypeEl) {\n                        this.versionSelectedType = this.#versionSelectedTypeEl\n                          .value as VersionOption;\n                      }\n                    }}\n                  ></ch-radio-group-render>\n\n                  {this.versionSelectedType === \"Select\" && (\n                    <div class=\"versions-container__item field-group\">\n                      <div class=\"field field-block\">\n                        <label class=\"label\" htmlFor=\"control-id-1\">\n                          {this.#_componentLocale.kb.versionsLabel}\n                        </label>\n                        <div class=\"versions-container__input\">\n                          <ch-edit\n                            class=\"input\"\n                            readonly\n                            placeholder={\n                              this.enableSelectVersionsButton\n                                ? this.#_componentLocale.kb.versionsPlaceholder\n                                : this.#_componentLocale.kb\n                                    .versionsPlaceholderDisabled\n                            }\n                            value={this.versionsValueInput}\n                          ></ch-edit>\n                          <button\n                            id=\"select-version-button\"\n                            class=\"button-tertiary button-icon-only\"\n                            onClick={this.#selectedVersionHandler}\n                            disabled={!this.enableSelectVersionsButton}\n                          >\n                            <ch-image\n                              src={this.#showMoreIcon}\n                              class=\"icon-sm\"\n                            ></ch-image>\n                          </button>\n                        </div>\n                      </div>\n                    </div>\n                  )}\n                </div>\n\n                <div class=\"field field-block\">\n                  <label class=\"label\" htmlFor=\"localKbName\">\n                    {this.#_componentLocale.kb.localKbNameLabel}\n                  </label>\n                  <ch-edit\n                    // local kb name\n                    class=\"input\"\n                    id=\"local-kb-name\"\n                    value={this.localKbNameInputValue}\n                    onInput={this.#inputLocalKbNameHandler}\n                    placeholder={\n                      this.#_componentLocale.kb.localKbNamePlaceholder\n                    }\n                    ref={(el: HTMLChEditElement) => {\n                      this.#localKBNameEl = el as HTMLChEditElement;\n                      if (this.#localKBNameEl) {\n                        this.#initializeValidatableControls();\n                      }\n                    }}\n                  ></ch-edit>\n                  {this.#evaluateTooltipRender(this.#localKBNameEl)}\n                </div>\n              </Fragment>\n            )}\n          </section>\n\n          {this.#renderFooter()}\n        </section>\n      </Host>\n    );\n  }\n}\n\nexport type KBData = {\n  id: string;\n  name: string;\n};\n\nexport type ConnectionResultData = {\n  formResult: FormSubmitResult;\n  kbs: KBData[];\n};\n\nexport type KnowledgeBaseInfo = {\n  selectedKB: string;\n  versionSelected: VersionOption;\n  localKBName: string;\n  versionList: KBVersion[];\n};\n\nexport type VersionOption = \"Trunk\" | \"All\" | \"Select\";\n"],"mappings":"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"}

package/dist/genexus-ide-ui/{p-941f470f.entry.js → p-679f037e.entry.js}

@@ -31,11 +31,11 @@ var f = undefined && undefined.__classPrivateFieldGet || function(t, e, i, s) {
   return i === "m" ? s : i === "a" ? s.call(t) : s ? s.value : e.get(t);
 };
 
-var p, u, m, b, v, w, g, y, k, M, W, _, x, j, T, C, E, $;
+var p, u, m, b, v, w, g, y, k, M, W, _, x, j, T, C, E, S, $;
 
 const A = [ "resets/box-sizing", "utils/form--full", "utils/layout", "utils/typography", "utils/spacing", "components/list-box", "components/tooltip", "chameleon/scrollbar" ];
 
-const S = class {
+const z = class {
   constructor(n) {
     t(this, n);
     this.componentDidRenderFirstTime = e(this, "componentDidRenderFirstTime", 7);
@@ -57,14 +57,15 @@ const S = class {
     m.set(this, void 0);
     b.set(this, []);
     v.set(this, false);
-    w.set(this, i(`./gx-ide-assets/create-kb-from-server/shortcuts.json`));
-    g.set(this, void 0);
+    w.set(this, void 0);
+    g.set(this, i(`./gx-ide-assets/create-kb-from-server/shortcuts.json`));
     y.set(this, void 0);
     k.set(this, void 0);
-    M.set(this, (() => {
+    M.set(this, void 0);
+    W.set(this, (() => {
       this.cancelCallback();
     }));
-    W.set(this, (async () => {
+    _.set(this, (async () => {
       this.changeConnectionCallback({
         authenticationType: this.connectionData.authenticationType,
         serverUrl: this.connectionData.serverUrl,
@@ -72,7 +73,7 @@ const S = class {
         userPassword: this.connectionData.userPassword
       });
     }));
-    _.set(this, (async () => {
+    x.set(this, (async () => {
       if (this.versionSelectedType !== "Select") {
         d(this, b, [], "f");
       }
@@ -87,7 +88,7 @@ const S = class {
     }));
     // TODO: evaluate if this should be a global helper function.
     // It is used on other dialogs as well.
-        x.set(this, (t => {
+        j.set(this, (t => {
       var e, i, n;
       return ((i = (e = this.validatableControls) === null || e === void 0 ? void 0 : e.get(t === null || t === void 0 ? void 0 : t.id)) === null || i === void 0 ? void 0 : i.hasError) && ((n = this.validatableControls.get(t.id)) === null || n === void 0 ? void 0 : n.message) && s("ch-tooltip", {
         class: "tooltip",
@@ -97,9 +98,9 @@ const S = class {
         delay: r.tooltipSettings.delay
       }, this.validatableControls.get(t.id).message);
     }));
-    j.set(this, (() => {
+    T.set(this, (() => {
       // populate validatableControls with the controls that could have errors.
-      const t = [ f(this, k, "f") ];
+      const t = [ f(this, M, "f") ];
       t.forEach((t => {
         if (t.id) {
           this.validatableControls.set(t.id, {
@@ -110,32 +111,32 @@ const S = class {
         }
       }));
     }));
-    T.set(this, (t => {
+    C.set(this, (t => {
       this.kbName = t.detail;
     }));
-    C.set(this, (async () => {
+    E.set(this, (async () => {
       if (this.selectKBVersionsCallback) {
-        await this.selectKBVersionsCallback(f(this, g, "f")).then((t => {
+        await this.selectKBVersionsCallback(f(this, y, "f")).then((t => {
           if (t === null || t === void 0 ? void 0 : t.length) {
             d(this, b, t.map((t => ({
               id: t.id,
               name: t.name
             }))), "f");
             if (t.length === 1 && f(this, b, "f")[0].id === 0) {
-              this.localKbNameInputValue = f(this, g, "f");
+              this.localKbNameInputValue = f(this, y, "f");
               this.versionsValueInput = f(this, m, "f").kb.versionsPlaceholder;
             } else if (t.length > 1) {
-              this.localKbNameInputValue = f(this, g, "f");
+              this.localKbNameInputValue = f(this, y, "f");
               this.versionsValueInput = `${t.length.toString()} ${f(this, m, "f").kb.versionSelectedFieldValue}`;
             } else {
-              this.localKbNameInputValue = `${f(this, g, "f")}_${f(this, b, "f")[0].name}`;
+              this.localKbNameInputValue = `${f(this, y, "f")}_${f(this, b, "f")[0].name}`;
               this.versionsValueInput = `${t[0].name} ${f(this, m, "f").kb.oneVersionSelectedFieldValue}`;
             }
           }
         }));
       }
     }));
-    E.set(this, (t => {
+    S.set(this, (t => {
       this.versionSelectedType = t.detail;
       if (this.versionSelectedType === "Select") {
         this.enableSelectVersionsButton = true;
@@ -152,12 +153,12 @@ const S = class {
       }, s("button", {
         // cancel button
         class: "button-secondary",
-        onClick: f(this, M, "f"),
+        onClick: f(this, W, "f"),
         part: "button button-cancel"
       }, f(this, m, "f").footer.cancel), s("button", {
         // share kb button
         class: "button-primary",
-        onClick: !t && f(this, _, "f"),
+        onClick: !t && f(this, x, "f"),
         disabled: t,
         part: "button button-create-kb"
       }, f(this, m, "f").footer.shareKB)));
@@ -174,8 +175,8 @@ const S = class {
     this.selectKBVersionsCallback = undefined;
   }
   componentDidLoad() {
-    this.versionSelectedType = f(this, y, "f").value;
-    f(this, j, "f").call(this);
+    this.versionSelectedType = f(this, k, "f").value;
+    f(this, T, "f").call(this);
   }
   componentDidRender() {
     if (!f(this, v, "f")) {
@@ -186,14 +187,23 @@ const S = class {
   async componentWillLoad() {
     d(this, m, await h.getComponentStrings(this.el), "f");
   }
+  /**
+     * Suspends or reactivates the shortcuts
+     */  async suspendShortcuts(t) {
+    if (t) {
+      f(this, w, "f").suspend = true;
+    } else {
+      f(this, w, "f").suspend = false;
+    }
+  }
   render() {
     return s(n, {
       class: "widget"
     }, s("ch-theme", {
       model: A
     }), s("ch-shortcuts", {
-      src: f(this, w, "f"),
-      ref: t => this.chShortcutsEl = t
+      src: f(this, g, "f"),
+      ref: t => d(this, w, t, "f")
     }), s("section", {
       class: "section"
     }, s("header", {
@@ -209,7 +219,7 @@ const S = class {
     }, f(this, m, "f").header.user), s("p", null, this.connectionData.userName)), s("button", {
       id: "change-connection-button",
       class: "button-tertiary button-change",
-      onClick: f(this, W, "f")
+      onClick: f(this, _, "f")
     }, f(this, m, "f").header.change)), s("section", {
       class: "main field-group spacing-body"
     }, s("div", {
@@ -222,17 +232,17 @@ const S = class {
       class: "input",
       id: "kb-name",
       value: this.kbName,
-      onInput: f(this, T, "f"),
+      onInput: f(this, C, "f"),
       placeholder: f(this, m, "f").kb.localKbNamePlaceholder,
-      ref: t => d(this, k, t, "f")
-    }), f(this, x, "f").call(this, f(this, k, "f"))), s("div", {
+      ref: t => d(this, M, t, "f")
+    }), f(this, j, "f").call(this, f(this, M, "f"))), s("div", {
       class: "versions-container field-group"
     }, s("ch-radio-group-render", {
       class: "radio-group",
       model: f(this, u, "f"),
-      onChange: f(this, E, "f"),
+      onChange: f(this, S, "f"),
       value: f(this, u, "f")[0].value,
-      ref: t => d(this, y, t, "f")
+      ref: t => d(this, k, t, "f")
     }), this.versionSelectedType === "Select" && s("div", {
       class: "versions-container__item field-group"
     }, s("div", {
@@ -250,7 +260,7 @@ const S = class {
     }), s("button", {
       id: "select-version-button",
       class: "button-tertiary button-icon-only",
-      onClick: f(this, C, "f"),
+      onClick: f(this, E, "f"),
       disabled: !this.enableSelectVersionsButton
     }, s("ch-image", {
       src: f(this, p, "f"),
@@ -268,9 +278,9 @@ const S = class {
 p = new WeakMap, u = new WeakMap, m = new WeakMap, b = new WeakMap, v = new WeakMap, 
 w = new WeakMap, g = new WeakMap, y = new WeakMap, k = new WeakMap, M = new WeakMap, 
 W = new WeakMap, _ = new WeakMap, x = new WeakMap, j = new WeakMap, T = new WeakMap, 
-C = new WeakMap, E = new WeakMap, $ = new WeakMap;
+C = new WeakMap, E = new WeakMap, S = new WeakMap, $ = new WeakMap;
 
-S.style = c;
+z.style = c;
 
-export { S as gx_ide_share_kb };
-//# sourceMappingURL=p-941f470f.entry.js.map
+export { z as gx_ide_share_kb };
+//# sourceMappingURL=p-679f037e.entry.js.map