@genexus/genexus-ide-ui 1.1.70 → 1.1.71

package/dist/genexus-ide-ui/{p-5e56280c.entry.js → p-eeeb3d52.entry.js}

@@ -1,6 +1,6 @@
-import { r as e, h as t, H as i, a as s } from "./p-9b9ccd0c.js";
+import { r as e, g as t, h as i, H as s, a as r } from "./p-9b9ccd0c.js";
 
-import { g as r } from "./p-d42e842b.js";
+import { g as a } from "./p-d42e842b.js";
 
 import "./p-d4ecd3bb.js";
 
@@ -10,85 +10,86 @@ import "lit/directives/when.js";
 
 import "lit/directives/if-defined.js";
 
-import { c as a } from "./p-c5196b3b.js";
+import { c as l } from "./p-c5196b3b.js";
 
-import { v as l, c as o } from "./p-b32b6b1f.js";
+import { v as o, c as n } from "./p-b32b6b1f.js";
 
-import { L as n } from "./p-311eedf3.js";
+import { L as c } from "./p-311eedf3.js";
 
-import { s as c } from "./p-02fb496a.js";
+import { s as d } from "./p-02fb496a.js";
 
-const d = ".custom-icon-text-wrapper{display:flex;align-items:center;gap:10px}.warning-error-description{display:flex;align-items:center;gap:8px;padding:8px;max-inline-size:800px;line-height:1.5}.warning-error-icon{flex-shrink:0}:host{display:grid;block-size:100%;grid-template-rows:max-content max-content 1fr max-content;row-gap:var(--mer-spacing--md);overflow:auto}:host(.new-connection){grid-template-rows:max-content 1fr}:host(.recently-used-empty){grid-template-rows:max-content 1fr}.section{display:contents}.tabular-grid{border-radius:var(--mer-border__radius--sm);overflow:hidden;overflow:auto;border-inline:1px solid var(--grid-cell__border-color)}.tabular-grid-rowset-empty{border-block-end:1px solid var(--grid-cell__border-color);overflow:hidden}.tabular-grid ch-tabular-grid-cell:is(:nth-child(2),:nth-child(3),:nth-child(4)){padding-block:var(--grid-cell__padding-block);padding-inline:var(--grid-cell__padding-inline);align-items:start;justify-content:start;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-inline-size:0}.text-neutral-gray-400,.tabular-grid-cell.text-neutral-gray-400{color:var(--mer-color__neutral-gray--400)}.search-server{inline-size:50%}.tabular-grid{overflow:auto;border-block:1px solid var(--grid-cell__border-color)}.tabular-grid-all-servers .tabular-grid-column:first-child::part(bar){--grid-common__gap:0}.field-block-all-servers{overflow:auto}.tabular-grid-wrapper{position:relative;overflow:auto}.border-patch{--tabular-grid-border-radius:4px;position:absolute;top:0;inline-size:calc(100% - var(--tabular-grid-border-radius) * 2);inset-inline-start:var(--tabular-grid-border-radius);block-size:2px;background-color:var(--items-container__bg-color);z-index:9999;border-block-start:1px solid var(--mer-border-color__on-surface)}.tooltip{position:absolute}.recently-used-card{border:1px solid var(--grid-cell__border-color);border-radius:var(--mer-border__radius--sm);cursor:pointer}.recently-used-card:hover{background-color:var(--mer-color__tinted-primary--5)}.recently-used-card:focus-visible{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.recently-used-card--selected{background-color:var(--mer-color__tinted-primary--10);border-color:var(--mer-color__tinted-primary--30)}.recently-used-card-content{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:8px;gap:2px;overflow:hidden}.recently-used-card-content .text-decoration-line-underline{display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;text-decoration:underline}.delete-server-icon{margin-inline:calc((30.39px - var(--ch-image-size)) / 2)}.tabular-grid ch-tabular-grid-cell:is(:nth-child(5)){--control__border-width:0;--control__border-color:transparent;--control__border-radius:0;padding-block:0;padding-inline:0;padding-block:0;padding-inline:0;--control__padding-inline:var(--grid-cell__padding-inline);display:grid;align-items:stretch;justify-content:stretch;min-inline-size:0}.tabular-grid ch-tabular-grid-cell:is(:nth-child(5)):hover{outline:var(--focus__outline-width) var(--focus__outline-style) var(--control__border-color--hover);outline-offset:var(--focus__outline-offset)}";
+const h = ".custom-icon-text-wrapper{display:flex;align-items:center;gap:10px}.warning-error-description{display:flex;align-items:center;gap:8px;padding:8px;max-inline-size:800px;line-height:1.5}.warning-error-icon{flex-shrink:0}:host{display:grid;block-size:100%;grid-template-rows:max-content max-content 1fr max-content;row-gap:var(--mer-spacing--md);overflow:auto}:host(.new-connection){grid-template-rows:max-content 1fr}:host(.recently-used-empty){grid-template-rows:max-content 1fr}.section{display:contents}.tabular-grid{border-radius:var(--mer-border__radius--sm);overflow:hidden;overflow:auto;border-inline:1px solid var(--grid-cell__border-color)}.tabular-grid-rowset-empty{border-block-end:1px solid var(--grid-cell__border-color);overflow:hidden}.tabular-grid ch-tabular-grid-cell:is(:nth-child(2),:nth-child(3),:nth-child(4)){padding-block:var(--grid-cell__padding-block);padding-inline:var(--grid-cell__padding-inline);align-items:start;justify-content:start;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-inline-size:0}.text-neutral-gray-400,.tabular-grid-cell.text-neutral-gray-400{color:var(--mer-color__neutral-gray--400)}.search-server{inline-size:50%}.tabular-grid{overflow:auto;border-block:1px solid var(--grid-cell__border-color)}.tabular-grid-all-servers .tabular-grid-column:first-child::part(bar){--grid-common__gap:0}.field-block-all-servers{overflow:auto}.tabular-grid-wrapper{position:relative;overflow:auto}.border-patch{--tabular-grid-border-radius:4px;position:absolute;top:0;inline-size:calc(100% - var(--tabular-grid-border-radius) * 2);inset-inline-start:var(--tabular-grid-border-radius);block-size:2px;background-color:var(--items-container__bg-color);z-index:9999;border-block-start:1px solid var(--mer-border-color__on-surface)}.tooltip{position:absolute}.recently-used-card{border:1px solid var(--grid-cell__border-color);border-radius:var(--mer-border__radius--sm);cursor:pointer}.recently-used-card:hover{background-color:var(--mer-color__tinted-primary--5)}.recently-used-card:focus-visible{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.recently-used-card--selected{background-color:var(--mer-color__tinted-primary--10);border-color:var(--mer-color__tinted-primary--30)}.recently-used-card-content{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:8px;gap:2px;overflow:hidden}.recently-used-card-content .text-decoration-line-underline{display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;text-decoration:underline}.delete-server-icon{margin-inline:calc((30.39px - var(--ch-image-size)) / 2)}.tabular-grid ch-tabular-grid-cell:is(:nth-child(5)){--control__border-width:0;--control__border-color:transparent;--control__border-radius:0;padding-block:0;padding-inline:0;padding-block:0;padding-inline:0;--control__padding-inline:var(--grid-cell__padding-inline);display:grid;align-items:stretch;justify-content:stretch;min-inline-size:0}.tabular-grid ch-tabular-grid-cell:is(:nth-child(5)):hover{outline:var(--focus__outline-width) var(--focus__outline-style) var(--control__border-color--hover);outline-offset:var(--focus__outline-offset)}";
 
-var h = undefined && undefined.__classPrivateFieldGet || function(e, t, i, s) {
+var u = undefined && undefined.__classPrivateFieldGet || function(e, t, i, s) {
   if (i === "a" && !s) throw new TypeError("Private accessor was defined without a getter");
   if (typeof t === "function" ? e !== t || !s : !t.has(e)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
   return i === "m" ? s : i === "a" ? s.call(e) : s ? s.value : t.get(e);
 };
 
-var u = undefined && undefined.__classPrivateFieldSet || function(e, t, i, s, r) {
+var f = undefined && undefined.__classPrivateFieldSet || function(e, t, i, s, r) {
   if (s === "m") throw new TypeError("Private method is not writable");
   if (s === "a" && !r) throw new TypeError("Private accessor was defined without a setter");
   if (typeof t === "function" ? e !== t || !r : !t.has(e)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
   return s === "a" ? r.call(e, i) : r ? r.value = i : t.set(e, i), i;
 };
 
-var f, p, b, m, g, v, w, y, _, k, x, M, W, z, C, N, j, I, T, E, S, $, A, D, H, F, L, U, P, R, V, O;
+var p, b, m, g, v, w, y, k, _, x, M, W, z, C, N, j, I, T, E, S, $, A, D, H, F, L, U, P, R, V, O, q, B;
 
-const q = [ "resets/box-sizing", "utils/form--full", "utils/layout", "utils/typography", "utils/spacing", "components/tooltip", "chameleon/scrollbar", "components/tabular-grid" ];
+const G = [ "resets/box-sizing", "utils/form--full", "utils/layout", "utils/typography", "utils/spacing", "components/tooltip", "chameleon/scrollbar", "components/tabular-grid" ];
 
-const B = r({
+const J = a({
   category: "system",
   name: "information",
   colorType: "on-surface"
 });
 
-const G = r({
+const K = a({
   category: "system",
   name: "lock",
   colorType: "on-surface"
 });
 
-const J = r({
+const Q = a({
   category: "system",
   name: "language",
   colorType: "on-surface"
 });
 
-const K = r({
+const X = a({
   category: "system",
   name: "delete-outlined",
   colorType: "neutral"
 });
 
-const Q = r({
+const Y = a({
   category: "system",
   name: "error",
   colorType: "error"
 });
 
-const X = r({
+const Z = a({
   category: "system",
   name: "search",
   colorType: "on-surface"
 });
 
-const Y = "server-name-";
+const ee = "server-name-";
 
-const Z = class {
-  constructor(i) {
-    e(this, i);
-    f.set(this, void 0);
+const te = class {
+  constructor(s) {
+    e(this, s);
     p.set(this, void 0);
     b.set(this, void 0);
     m.set(this, void 0);
     g.set(this, void 0);
-    v.set(this, new Map);
-    w.set(this, []);
-    y.set(this, (() => {
+    v.set(this, void 0);
+    w.set(this, new Map);
+    y.set(this, []);
+    k.set(this, t(`./gx-ide-assets/server-selector/shortcuts.json`));
+    _.set(this, (() => {
       this.cancelCallback();
     }));
-    _.set(this, (async () => {
+    x.set(this, (async () => {
       let e;
       if (this.selectedConnectionType === "select") {
         e = await this.selectServerCallback({
@@ -100,22 +101,22 @@ const Z = class {
           uri: this.serverUrlInputValue,
           name: this.serverNameInputValue
         }, this.selectedConnectionType);
-        this.validatableControls = l(e, this.validatableControls);
+        this.validatableControls = o(e, this.validatableControls);
       }
     }));
     // TODO: evaluate if this should be a global helper function.
     // It is used on other dialogs as well.
-        k.set(this, (e => {
-      var i, s, r;
-      return ((s = (i = this.validatableControls) === null || i === void 0 ? void 0 : i.get(e === null || e === void 0 ? void 0 : e.id)) === null || s === void 0 ? void 0 : s.hasError) && ((r = this.validatableControls.get(e.id)) === null || r === void 0 ? void 0 : r.message) && t("ch-tooltip", {
+        M.set(this, (e => {
+      var t, s, r;
+      return ((s = (t = this.validatableControls) === null || t === void 0 ? void 0 : t.get(e === null || e === void 0 ? void 0 : e.id)) === null || s === void 0 ? void 0 : s.hasError) && ((r = this.validatableControls.get(e.id)) === null || r === void 0 ? void 0 : r.message) && i("ch-tooltip", {
         class: "tooltip",
         actionElement: e,
-        blockAlign: a.tooltipSettings.blockAlign,
-        inlineAlign: a.tooltipSettings.inlineAlign,
-        delay: a.tooltipSettings.delay
+        blockAlign: l.tooltipSettings.blockAlign,
+        inlineAlign: l.tooltipSettings.inlineAlign,
+        delay: l.tooltipSettings.delay
       }, this.validatableControls.get(e.id).message);
     }));
-    x.set(this, (e => {
+    W.set(this, (e => {
       e.forEach((e => {
         if (e.id && !this.validatableControls.has(e.id)) {
           this.validatableControls.set(e.id, {
@@ -126,24 +127,24 @@ const Z = class {
         }
       }));
     }));
-    M.set(this, (e => {
+    z.set(this, (e => {
       this.filterValue = e.detail.toLowerCase();
       this.filteredServersData = this.serversData.filter((e => e.serverName.toLowerCase().includes(this.filterValue)));
     }));
-    W.set(this, ((e, t) => {
+    C.set(this, ((e, t) => {
       this.enableConfirmButton = false;
       this[t] = e.detail.trim();
       const i = t === "serverUrlInputValue" ? "server-url" : "server-name";
-      o(this.validatableControls, i);
-      h(this, I, "f").call(this);
+      n(this.validatableControls, i);
+      u(this, E, "f").call(this);
     }));
-    z.set(this, (async e => {
+    N.set(this, (async e => {
       var t;
       this.selectedRecentlyUsedId = e.id;
-      await ((t = h(this, p, "f")) === null || t === void 0 ? void 0 : t.selectRow(e.id));
-      await h(this, S, "f").call(this, e.id);
+      await ((t = u(this, b, "f")) === null || t === void 0 ? void 0 : t.selectRow(e.id));
+      await u(this, A, "f").call(this, e.id);
     }));
-    C.set(this, (async e => {
+    j.set(this, (async e => {
       if (e.accessLevel === "private") {
         const t = await this.deleteServerCallback(e);
         if (t) {
@@ -152,38 +153,38 @@ const Z = class {
         }
       }
     }));
-    N.set(this, (async e => {
-      u(this, g, e.detail, "f");
+    I.set(this, (async e => {
+      f(this, v, e.detail, "f");
     }));
-    j.set(this, (async e => {
+    T.set(this, (async e => {
       let t = {
         fieldErrors: [],
         success: false
       };
-      if (e.serverName !== h(this, g, "f") && e.accessLevel === "private") {
+      if (e.serverName !== u(this, v, "f") && e.accessLevel === "private") {
         t = await this.updateServerCallback(Object.assign(Object.assign({}, e), {
-          serverName: h(this, g, "f")
+          serverName: u(this, v, "f")
         }));
       }
-      this.validatableControls = l(t, this.validatableControls);
-      if (t.success || e.serverName === h(this, g, "f")) {
-        this.selectedServerName = h(this, g, "f");
-        o(this.validatableControls, `${Y}${e.id}`);
+      this.validatableControls = o(t, this.validatableControls);
+      if (t.success || e.serverName === u(this, v, "f")) {
+        this.selectedServerName = u(this, v, "f");
+        n(this.validatableControls, `${ee}${e.id}`);
       }
     }));
-    I.set(this, (() => {
+    E.set(this, (() => {
       if (this.serverUrlInputValue && this.serverUrlInputValue.length > 0 && this.serverNameInputValue && this.serverNameInputValue.length > 0) {
         this.enableConfirmButton = true;
       } else {
         this.enableConfirmButton = false;
       }
     }));
-    T.set(this, (e => {
-      h(this, S, "f").call(this, e.id);
-      h(this, _, "f").call(this);
+    S.set(this, (e => {
+      u(this, A, "f").call(this, e.id);
+      u(this, x, "f").call(this);
     }));
-    E.set(this, (e => h(this, S, "f").call(this, e.detail.rowId)));
-    S.set(this, (async e => {
+    $.set(this, (e => u(this, A, "f").call(this, e.detail.rowId)));
+    A.set(this, (async e => {
       if (e === undefined) {
         this.enableConfirmButton = false;
         this.selectedServerUri = undefined;
@@ -197,7 +198,7 @@ const Z = class {
       this.userName = (t === null || t === void 0 ? void 0 : t.gxServerUsername) || "";
       this.selectedRecentlyUsedId = t === null || t === void 0 ? void 0 : t.id;
     }));
-    $.set(this, (e => {
+    D.set(this, (e => {
       this.selectedConnectionType = e.detail;
       if (this.selectedConnectionType === "new") {
         this.enableConfirmButton = false;
@@ -205,152 +206,153 @@ const Z = class {
       }
       this.selectedServerName = "None";
     }));
-    A.set(this, (e => {
-      this.filteredServersData = [ ...c(e, this.filteredServersData, "string", undefined) ];
+    H.set(this, (e => {
+      this.filteredServersData = [ ...d(e, this.filteredServersData, "string", undefined) ];
     }));
-    D.set(this, ((e = false) => t("ch-tabular-grid-columnset", {
+    F.set(this, ((e = false) => i("ch-tabular-grid-columnset", {
       class: "tabular-grid-column-set"
-    }, t("ch-tabular-grid-column", {
+    }, i("ch-tabular-grid-column", {
       columnId: "icon",
       class: "tabular-grid-column tabular-grid-column-icon",
       columnName: "Icon",
       settingable: false,
       columnNameHidden: true,
-      size: a.tabularGrid.colSize.maxContent,
+      size: l.tabularGrid.colSize.maxContent,
       resizable: false,
       sortable: false
-    }), t("ch-tabular-grid-column", {
+    }), i("ch-tabular-grid-column", {
       columnId: "serverName",
       class: "tabular-grid-column",
       columnName: "Server Name",
       settingable: false,
       columnNameHidden: e,
-      size: a.tabularGrid.colSize.serverName,
+      size: l.tabularGrid.colSize.serverName,
       resizable: false,
       sortable: !e,
-      onColumnSortChanged: h(this, A, "f")
-    }), t("ch-tabular-grid-column", {
+      onColumnSortChanged: u(this, H, "f")
+    }), i("ch-tabular-grid-column", {
       columnId: "serverUrl",
       class: "tabular-grid-column",
       columnName: "Server Url",
       settingable: false,
       columnNameHidden: e,
-      size: a.tabularGrid.colSize.auto,
+      size: l.tabularGrid.colSize.auto,
       resizable: false,
       sortable: !e,
-      onColumnSortChanged: h(this, A, "f")
-    }), t("ch-tabular-grid-column", {
+      onColumnSortChanged: u(this, H, "f")
+    }), i("ch-tabular-grid-column", {
       columnId: "userName",
       class: "tabular-grid-column",
       columnName: "Connected",
       settingable: false,
       columnNameHidden: e,
-      size: a.tabularGrid.colSize.userName,
+      size: l.tabularGrid.colSize.userName,
       resizable: false,
       sortable: !e,
-      onColumnSortChanged: h(this, A, "f")
-    }), t("ch-tabular-grid-column", {
+      onColumnSortChanged: u(this, H, "f")
+    }), i("ch-tabular-grid-column", {
       columnId: "action",
       class: "tabular-grid-column tabular-grid-column-icon",
       columnName: "Action",
       settingable: false,
       columnNameHidden: true,
-      size: a.tabularGrid.colSize.maxContent,
+      size: l.tabularGrid.colSize.maxContent,
       resizable: false,
       sortable: false
     }))));
-    H.set(this, (e => e !== "" ? t("ch-tooltip", {
+    L.set(this, (e => e !== "" ? i("ch-tooltip", {
       class: "tooltip",
       actionElement: null,
       blockAlign: "outside-end",
-      inlineAlign: a.tooltipSettings.inlineAlign,
-      delay: a.tooltipSettings.delayLong
+      inlineAlign: l.tooltipSettings.inlineAlign,
+      delay: l.tooltipSettings.delayLong
     }, e) : null));
-    F.set(this, (e => t("ch-tabular-grid-rowset", {
+    U.set(this, (e => i("ch-tabular-grid-rowset", {
       class: "tabular-grid-rowset"
-    }, t("ch-tabular-grid-rowset-empty", {
+    }, i("ch-tabular-grid-rowset-empty", {
       class: "tabular-grid-rowset-empty"
-    }, t("p", {
+    }, i("p", {
       class: "warning-error-description"
-    }, t("ch-image", {
+    }, i("ch-image", {
       class: "icon-md warning-error-icon",
-      src: Q
+      src: Y
     }), e)))));
-    L.set(this, (e => [ t("ch-tabular-grid-cell", {
+    P.set(this, (e => [ i("ch-tabular-grid-cell", {
       class: "tabular-grid-cell"
-    }, h(this, P, "f").call(this, e.accessLevel)), t("ch-tabular-grid-cell", {
+    }, u(this, V, "f").call(this, e.accessLevel)), i("ch-tabular-grid-cell", {
       class: "tabular-grid-cell"
-    }, e.accessLevel === "private" ? t("ch-edit", {
-      id: `${Y}${e.id}`,
+    }, e.accessLevel === "private" ? i("ch-edit", {
+      id: `${ee}${e.id}`,
       value: e.serverName,
-      onInput: h(this, N, "f"),
-      onChange: () => h(this, j, "f").call(this, e),
+      onInput: u(this, I, "f"),
+      onChange: () => u(this, T, "f").call(this, e),
       maxLength: 18,
       ref: t => {
-        const i = `${Y}${e.id}`;
+        const i = `${ee}${e.id}`;
         if (t) {
-          h(this, v, "f").set(i, t);
+          u(this, w, "f").set(i, t);
         } else {
-          h(this, v, "f").delete(i);
+          u(this, w, "f").delete(i);
         }
       }
-    }) : e.serverName), t("ch-tabular-grid-cell", {
+    }) : e.serverName), i("ch-tabular-grid-cell", {
       class: "tabular-grid-cell"
-    }, e.serverUrl, h(this, H, "f").call(this, e.serverUrl)), t("ch-tabular-grid-cell", {
+    }, e.serverUrl, u(this, L, "f").call(this, e.serverUrl)), i("ch-tabular-grid-cell", {
       class: "tabular-grid-cell"
-    }, e.gxServerUsername), t("ch-tabular-grid-cell", {
+    }, e.gxServerUsername), i("ch-tabular-grid-cell", {
       class: "tabular-grid-cell",
-      onClick: () => h(this, C, "f").call(this, e)
-    }, t("button", {
+      onClick: () => u(this, j, "f").call(this, e)
+    }, i("button", {
+      id: "delete-button",
       class: "button-tertiary button-icon-only",
-      "aria-label": h(this, f, "f").actions.deleteServer,
+      "aria-label": u(this, p, "f").actions.deleteServer,
       disabled: e.accessLevel === "public"
-    }, t("ch-image", {
+    }, i("ch-image", {
       disabled: e.accessLevel === "public",
       class: "icon-md delete-server-icon",
-      src: K
+      src: X
     }))) ]));
-    U.set(this, (() => t("div", {
+    R.set(this, (() => i("div", {
       class: "tabular-grid-wrapper"
-    }, t("div", {
+    }, i("div", {
       class: "border-patch"
-    }), t("ch-tabular-grid", {
+    }), i("ch-tabular-grid", {
       class: "tabular-grid tabular-grid-all-servers",
       rowSelectionMode: "single",
-      ref: e => u(this, p, e, "f"),
+      ref: e => f(this, b, e, "f"),
       allowColumnReorder: false,
-      onRowClicked: h(this, E, "f"),
+      onRowClicked: u(this, $, "f"),
       id: "all-servers"
-    }, h(this, D, "f").call(this), this.filteredServersData.length > 0 ? t("ch-tabular-grid-rowset", {
+    }, u(this, F, "f").call(this), this.filteredServersData.length > 0 ? i("ch-tabular-grid-rowset", {
       class: "tabular-grid-rowset"
     }, this.filteredServersData.map((e => {
-      var i, s;
-      const r = `${Y}${e.id}`;
-      const a = ((i = this.validatableControls.get(r)) === null || i === void 0 ? void 0 : i.hasError) === true;
+      var t, s;
+      const r = `${ee}${e.id}`;
+      const a = ((t = this.validatableControls.get(r)) === null || t === void 0 ? void 0 : t.hasError) === true;
       const l = (s = this.validatableControls.get(r)) === null || s === void 0 ? void 0 : s.message;
-      return t("ch-tabular-grid-row", {
+      return i("ch-tabular-grid-row", {
         rowid: e.id,
         class: "tabular-grid-row"
-      }, h(this, L, "f").call(this, e), a && h(this, F, "f").call(this, l));
-    }))) : t("ch-tabular-grid-rowset", {
+      }, u(this, P, "f").call(this, e), a && u(this, U, "f").call(this, l));
+    }))) : i("ch-tabular-grid-rowset", {
       class: "tabular-grid-rowset"
-    }, t("ch-tabular-grid-rowset-empty", {
+    }, i("ch-tabular-grid-rowset-empty", {
       class: "tabular-grid-rowset-empty"
-    }, t("gx-ide-empty-state", {
-      stateIconSrc: B,
-      stateTitle: h(this, f, "f").emptyConnectedServers,
+    }, i("gx-ide-empty-state", {
+      stateIconSrc: J,
+      stateTitle: u(this, p, "f").emptyConnectedServers,
       isAnimated: true
     })))))));
-    P.set(this, (e => {
-      const i = e === "private" ? G : J;
-      return t("ch-image", {
+    V.set(this, (e => {
+      const t = e === "private" ? K : Q;
+      return i("ch-image", {
         class: "icon-md",
-        src: i
+        src: t
       });
     }));
-    R.set(this, (() => {
+    O.set(this, (() => {
       const e = this.selectedConnectionType === "select";
-      return t("footer", {
+      return i("footer", {
         class: {
           "control-footer-with-border": true,
           "control-footer-space-between": this.selectedConnectionType === "select",
@@ -358,56 +360,59 @@ const Z = class {
           "spacing-body-inline": true,
           "spacing-body-block": true
         }
-      }, e && t("p", {
+      }, e && i("p", {
         class: "body-italic-m"
-      }, "Selected: ", this.selectedServerName), t("div", {
+      }, "Selected: ", this.selectedServerName), i("div", {
         class: "buttons-spacer"
-      }, t("button", {
+      }, i("button", {
         // cancel button
+        id: "cancel-button",
         class: "button-secondary",
-        onClick: h(this, y, "f")
-      }, h(this, f, "f").footer.cancel), t("button", {
+        onClick: u(this, _, "f")
+      }, u(this, p, "f").footer.cancel), i("button", {
         // confirm button
+        id: "confirm-button",
         class: "button-primary",
-        onClick: this.enableConfirmButton && h(this, _, "f"),
+        onClick: this.enableConfirmButton && u(this, x, "f"),
         disabled: !this.enableConfirmButton
-      }, h(this, f, "f").footer.confirm)));
+      }, u(this, p, "f").footer.confirm)));
     }));
-    V.set(this, (() => {
+    q.set(this, (() => {
       const e = this.selectedConnectionType === "select" && this.recentlyUsedServersData.length > 0;
-      return e && t("div", {
+      return e && i("div", {
         class: "field field-block spacing-body-inline"
-      }, t("label", {
+      }, i("label", {
         class: "label",
         htmlFor: "recently-used-servers"
-      }, h(this, f, "f").recentlyUsed.title), t("div", {
+      }, u(this, p, "f").recentlyUsed.title), i("div", {
         class: {
           layout: true,
           "layout--cols-3": this.recentlyUsedServersData.length >= 3,
           "layout--cols-2": this.recentlyUsedServersData.length <= 2
         }
-      }, this.recentlyUsedServersData.map((e => t("button", {
+      }, this.recentlyUsedServersData.map(((e, t) => i("button", {
+        id: "recently-used-server-" + t,
         class: {
           layout__panel: true,
           "recently-used-card": true,
           "recently-used-card--selected": this.selectedRecentlyUsedId === e.id
         },
-        onClick: () => h(this, z, "f").call(this, e),
-        onDblClick: () => h(this, T, "f").call(this, e)
-      }, t("div", {
+        onClick: () => u(this, N, "f").call(this, e),
+        onDblClick: () => u(this, S, "f").call(this, e)
+      }, i("div", {
         class: "recently-used-card-content"
-      }, t("p", {
+      }, i("p", {
         class: "body-regular-s text-neutral-gray-400"
-      }, e.serverName), t("p", {
+      }, e.serverName), i("p", {
         class: "body-regular-s text-neutral-gray-400 text-decoration-line-underline"
-      }, e.serverUrl)), h(this, H, "f").call(this, e.serverUrl))))));
+      }, e.serverUrl)), u(this, L, "f").call(this, e.serverUrl))))));
     }));
-    O.set(this, (() => t("div", {
+    B.set(this, (() => i("div", {
       class: "field field-block field-block-all-servers spacing-body-inline"
-    }, t("label", {
+    }, i("label", {
       class: "label",
       htmlFor: "all-servers"
-    }, h(this, f, "f").allServers.title), h(this, U, "f").call(this))));
+    }, u(this, p, "f").allServers.title), u(this, R, "f").call(this))));
     this.enableConfirmButton = false;
     this.serverUrlInputValue = "";
     this.serverNameInputValue = "";
@@ -431,95 +436,97 @@ const Z = class {
   }
   async componentWillLoad() {
     var e, t;
-    u(this, f, await n.getComponentStrings(this.el), "f");
-    u(this, w, [ {
+    f(this, p, await c.getComponentStrings(this.el), "f");
+    f(this, y, [ {
       value: "select",
-      caption: h(this, f, "f").captions.selectServer
+      caption: u(this, p, "f").captions.selectServer
     }, {
       value: "new",
-      caption: h(this, f, "f").captions.addServer
+      caption: u(this, p, "f").captions.addServer
     } ], "f");
     this.selectedServerUri = (e = this.serversData[0]) === null || e === void 0 ? void 0 : e.serverUrl;
     this.userName = (t = this.serversData[0]) === null || t === void 0 ? void 0 : t.gxServerUsername;
     this.filteredServersData = this.serversData;
   }
   componentDidRender() {
-    if (this.selectedConnectionType === "new" && h(this, b, "f") && h(this, m, "f")) {
-      h(this, x, "f").call(this, [ h(this, b, "f"), h(this, m, "f") ]);
-      h(this, v, "f").clear();
+    if (this.selectedConnectionType === "new" && u(this, m, "f") && u(this, g, "f")) {
+      u(this, W, "f").call(this, [ u(this, m, "f"), u(this, g, "f") ]);
+      u(this, w, "f").clear();
     }
-    if (this.selectedConnectionType === "select" && h(this, v, "f").size > 0) {
-      h(this, x, "f").call(this, [ ...h(this, v, "f").values() ]);
+    if (this.selectedConnectionType === "select" && u(this, w, "f").size > 0) {
+      u(this, W, "f").call(this, [ ...u(this, w, "f").values() ]);
     }
   }
   render() {
-    return t(i, {
+    return i(s, {
       class: {
         "widget elevation-1": true,
         "new-connection": this.selectedConnectionType === "new",
         "recently-used-empty": this.recentlyUsedServersData.length === 0
       }
-    }, t("ch-theme", {
-      model: q
-    }), t("main", {
+    }, i("ch-theme", {
+      model: G
+    }), i("ch-shortcuts", {
+      src: u(this, k, "f")
+    }), i("main", {
       class: "section"
-    }, t("header", {
+    }, i("header", {
       class: "header spacing-body-block-start spacing-body-inline"
-    }, t("div", {
+    }, i("div", {
       class: "field-group"
-    }, t("label", {
+    }, i("label", {
       class: "body-regular-m text-neutral-gray-400"
-    }, h(this, f, "f").header.title), t("ch-radio-group-render", {
+    }, u(this, p, "f").header.title), i("ch-radio-group-render", {
       class: "radio-group",
-      model: h(this, w, "f"),
-      onChange: h(this, $, "f"),
-      value: h(this, w, "f")[0].value
-    }), this.selectedConnectionType === "select" && t("ch-edit", {
+      model: u(this, y, "f"),
+      onChange: u(this, D, "f"),
+      value: u(this, y, "f")[0].value
+    }), this.selectedConnectionType === "select" && i("ch-edit", {
       class: "input search-server",
       id: "server-name-search",
-      startImgSrc: X,
-      onInput: h(this, M, "f"),
-      placeholder: h(this, f, "f").placeholders.searchServers,
+      startImgSrc: Z,
+      onInput: u(this, z, "f"),
+      placeholder: u(this, p, "f").placeholders.searchServers,
       accessibleName: "search server",
       type: "search"
-    }))), this.selectedConnectionType === "select" && [ h(this, V, "f").call(this), h(this, O, "f").call(this) ], this.selectedConnectionType === "new" && t("section", {
+    }))), this.selectedConnectionType === "select" && [ u(this, q, "f").call(this), u(this, B, "f").call(this) ], this.selectedConnectionType === "new" && i("section", {
       class: "spacing-body-inline"
-    }, t("div", {
+    }, i("div", {
       class: "layout layout--cols-2"
-    }, t("div", {
+    }, i("div", {
       class: "field field-block layout__panel"
-    }, t("label", {
+    }, i("label", {
       class: "label",
       htmlFor: "server-url"
-    }, h(this, f, "f").labels.serverUrl), t("ch-edit", {
+    }, u(this, p, "f").labels.serverUrl), i("ch-edit", {
       // server url
       class: "input",
       id: "server-url",
       value: this.serverUrlInputValue,
-      onInput: e => h(this, W, "f").call(this, e, "serverUrlInputValue"),
-      placeholder: h(this, f, "f").placeholders.serverUrl,
-      ref: e => u(this, b, e, "f")
-    }), h(this, k, "f").call(this, h(this, b, "f"))), t("div", {
+      onInput: e => u(this, C, "f").call(this, e, "serverUrlInputValue"),
+      placeholder: u(this, p, "f").placeholders.serverUrl,
+      ref: e => f(this, m, e, "f")
+    }), u(this, M, "f").call(this, u(this, m, "f"))), i("div", {
       class: "field field-block layout__panel"
-    }, t("label", {
+    }, i("label", {
       class: "label",
       htmlFor: "server-name"
-    }, h(this, f, "f").labels.serverName), t("ch-edit", {
+    }, u(this, p, "f").labels.serverName), i("ch-edit", {
       // server friendly name
       class: "input",
       id: "server-name",
       value: this.serverNameInputValue,
-      onInput: e => h(this, W, "f").call(this, e, "serverNameInputValue"),
-      placeholder: h(this, f, "f").placeholders.serverName,
+      onInput: e => u(this, C, "f").call(this, e, "serverNameInputValue"),
+      placeholder: u(this, p, "f").placeholders.serverName,
       maxLength: 18,
-      ref: e => u(this, m, e, "f")
-    }), h(this, k, "f").call(this, h(this, m, "f"))))), h(this, R, "f").call(this)));
+      ref: e => f(this, g, e, "f")
+    }), u(this, M, "f").call(this, u(this, g, "f"))))), u(this, O, "f").call(this)));
   }
   static get assetsDirs() {
     return [ "gx-ide-assets/server-selector" ];
   }
   get el() {
-    return s(this);
+    return r(this);
   }
   static get watchers() {
     return {
@@ -528,15 +535,15 @@ const Z = class {
   }
 };
 
-f = new WeakMap, p = new WeakMap, b = new WeakMap, m = new WeakMap, g = new WeakMap, 
-v = new WeakMap, w = new WeakMap, y = new WeakMap, _ = new WeakMap, k = new WeakMap, 
-x = new WeakMap, M = new WeakMap, W = new WeakMap, z = new WeakMap, C = new WeakMap, 
-N = new WeakMap, j = new WeakMap, I = new WeakMap, T = new WeakMap, E = new WeakMap, 
-S = new WeakMap, $ = new WeakMap, A = new WeakMap, D = new WeakMap, H = new WeakMap, 
-F = new WeakMap, L = new WeakMap, U = new WeakMap, P = new WeakMap, R = new WeakMap, 
-V = new WeakMap, O = new WeakMap;
+p = new WeakMap, b = new WeakMap, m = new WeakMap, g = new WeakMap, v = new WeakMap, 
+w = new WeakMap, y = new WeakMap, k = new WeakMap, _ = new WeakMap, x = new WeakMap, 
+M = new WeakMap, W = new WeakMap, z = new WeakMap, C = new WeakMap, N = new WeakMap, 
+j = new WeakMap, I = new WeakMap, T = new WeakMap, E = new WeakMap, S = new WeakMap, 
+$ = new WeakMap, A = new WeakMap, D = new WeakMap, H = new WeakMap, F = new WeakMap, 
+L = new WeakMap, U = new WeakMap, P = new WeakMap, R = new WeakMap, V = new WeakMap, 
+O = new WeakMap, q = new WeakMap, B = new WeakMap;
 
-Z.style = d;
+te.style = h;
 
-export { Z as gx_ide_server_selector };
-//# sourceMappingURL=p-5e56280c.entry.js.map
+export { te as gx_ide_server_selector };
+//# sourceMappingURL=p-eeeb3d52.entry.js.map