@genexus/genexus-ide-ui 1.1.49 → 1.1.50

package/dist/genexus-ide-ui/{p-4b06b578.entry.js → p-06561f7e.entry.js}

@@ -4,135 +4,165 @@ import { g as a } from "./p-401bfc97.js";
 
 import { c as r } from "./p-9a03ac9f.js";
 
-import { L as l } from "./p-311eedf3.js";
+import { v as l, c as o } from "./p-b32b6b1f.js";
 
-import { s as o } from "./p-02fb496a.js";
+import { L as n } from "./p-311eedf3.js";
 
-const n = ":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-recently-used .tabular-grid-column::part(bar){--grid-cell__padding-block:0;--grid-cell__padding-inline:0}.tabular-grid.tabular-grid-recently-used{border-block-end:1px solid var(--grid-cell__border-color);max-block-size:100px}.tabular-grid-all-servers{overflow:auto}.field-block-all-servers{overflow:auto}.tabular-grid-all-servers{border-block:1px solid var(--grid-cell__border-color)}.tabular-grid-all-servers .tabular-grid-column:first-child::part(bar){--grid-common__gap:0}.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)}";
+import { s as c } from "./p-02fb496a.js";
 
-var c = undefined && undefined.__classPrivateFieldGet || function(e, t, s, i) {
+const d = ":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-recently-used .tabular-grid-column::part(bar){--grid-cell__padding-block:0;--grid-cell__padding-inline:0}.tabular-grid.tabular-grid-recently-used{border-block-end:1px solid var(--grid-cell__border-color);max-block-size:100px}.tabular-grid-all-servers{overflow:auto}.field-block-all-servers{overflow:auto}.tabular-grid-all-servers{border-block:1px solid var(--grid-cell__border-color)}.tabular-grid-all-servers .tabular-grid-column:first-child::part(bar){--grid-common__gap:0}.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}";
+
+var h = undefined && undefined.__classPrivateFieldGet || function(e, t, s, i) {
   if (s === "a" && !i) throw new TypeError("Private accessor was defined without a getter");
   if (typeof t === "function" ? e !== t || !i : !t.has(e)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
   return s === "m" ? i : s === "a" ? i.call(e) : i ? i.value : t.get(e);
 };
 
-var d = undefined && undefined.__classPrivateFieldSet || function(e, t, s, i, a) {
+var u = undefined && undefined.__classPrivateFieldSet || function(e, t, s, i, a) {
   if (i === "m") throw new TypeError("Private method is not writable");
   if (i === "a" && !a) throw new TypeError("Private accessor was defined without a setter");
   if (typeof t === "function" ? e !== t || !a : !t.has(e)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
   return i === "a" ? a.call(e, s) : a ? a.value = s : t.set(e, s), s;
 };
 
-var h, u, b, f, g, p, m, w, v, y, k, _, M, x, W, z, N, C, I, S, T, j, E, A, H, R;
+var f, b, p, g, m, v, w, y, k, M, _, W, x, z, N, C, I, S, T, j, E, A, H, R, U, D, F, L, P, V;
 
-const U = [ "resets/box-sizing", "utils/form--full", "utils/layout", "utils/typography", "utils/spacing", "components/tooltip", "chameleon/scrollbar", "components/tabular-grid" ];
+const $ = [ "resets/box-sizing", "utils/form--full", "utils/layout", "utils/typography", "utils/spacing", "components/tooltip", "chameleon/scrollbar", "components/tabular-grid" ];
 
-const L = a({
+const q = a({
   category: "system",
   name: "information",
   colorType: "on-surface"
 });
 
-const F = a({
+const B = a({
   category: "system",
   name: "lock",
   colorType: "on-surface"
 });
 
-const P = a({
+const G = a({
   category: "system",
   name: "language",
   colorType: "on-surface"
 });
 
-const $ = class {
+const J = class {
   constructor(s) {
     e(this, s);
-    h.set(this, a({
+    f.set(this, a({
       category: "system",
       name: "search",
       colorType: "on-surface"
     }));
-    u.set(this, [ {
+    b.set(this, [ {
       value: "select",
       caption: "Select a server from the list below"
     }, {
       value: "new",
       caption: "Enter a server URL manually"
     } ]);
-    b.set(this, void 0);
-    f.set(this, void 0);
-    g.set(this, void 0);
     p.set(this, void 0);
+    g.set(this, void 0);
     m.set(this, void 0);
+    v.set(this, void 0);
     w.set(this, void 0);
-    v.set(this, (() => {
+    y.set(this, void 0);
+    k.set(this, void 0);
+    M.set(this, (() => {
       this.cancelCallback();
     }));
-    y.set(this, (async () => {
+    _.set(this, (async () => {
+      let e;
       if (this.selectedConnectionType === "select") {
-        await this.selectServerCallback({
+        e = await this.selectServerCallback({
           uri: this.selectedServerUri,
           name: this.selectedServerName
-        });
-      } else if (this.selectedConnectionType === "new") {
-        this.isValidUrl = c(this, M, "f").call(this, this.serverUrlInputValue);
-        if (this.isValidUrl) {
-          await this.selectServerCallback({
-            uri: this.serverUrlInputValue,
-            name: this.serverNameInputValue
+        }, this.selectedConnectionType);
+      } else {
+        e = await this.selectServerCallback({
+          uri: this.serverUrlInputValue,
+          name: this.serverNameInputValue
+        }, this.selectedConnectionType);
+        this.validatableControls = l(e, this.validatableControls);
+      }
+    }));
+    // TODO: evaluate if this should be a global helper function.
+    // It is used on other dialogs as well.
+        W.set(this, (e => {
+      var s, i, a;
+      return ((i = (s = this.validatableControls) === null || s === void 0 ? void 0 : s.get(e === null || e === void 0 ? void 0 : e.id)) === null || i === void 0 ? void 0 : i.hasError) && ((a = this.validatableControls.get(e.id)) === null || a === void 0 ? void 0 : a.message) && t("ch-tooltip", {
+        class: "tooltip",
+        actionElement: e,
+        blockAlign: r.tooltipSettings.blockAlign,
+        inlineAlign: r.tooltipSettings.inlineAlign,
+        delay: r.tooltipSettings.delay
+      }, this.validatableControls.get(e.id).message);
+    }));
+    x.set(this, (() => {
+      // populate validatableControls with the controls that could have errors.
+      const e = [ h(this, y, "f"), h(this, k, "f") ];
+      e.forEach((e => {
+        if (e.id) {
+          this.validatableControls.set(e.id, {
+            reference: e,
+            hasError: false,
+            message: undefined
           });
         }
-      }
+      }));
     }));
-    k.set(this, (e => {
+    z.set(this, (e => {
       this.filterValue = e.detail.toLowerCase();
       this.filteredConnectedServersData = this.connectedServersData.filter((e => e.serverName.toLowerCase().includes(this.filterValue)));
     }));
-    _.set(this, ((e, t) => {
+    N.set(this, ((e, t) => {
       this.enableConfirmButton = false;
       this[t] = e.detail;
-      c(this, x, "f").call(this);
+      const s = t === "serverUrlInputValue" ? "server-url" : "server-name";
+      o(this.validatableControls, s);
+      h(this, C, "f").call(this);
     }));
-    M.set(this, (e => {
-      try {
-        const t = new URL(e);
-        const s = (t.protocol === "http:" || t.protocol === "https:") && e.startsWith(`${t.protocol}//`);
-        return s;
-      } catch (e) {
-        return false;
-      }
-    }));
-    x.set(this, (() => {
+    C.set(this, (() => {
       if (this.serverUrlInputValue && this.serverUrlInputValue.length > 0 && this.serverNameInputValue && this.serverNameInputValue.length > 0) {
         this.enableConfirmButton = true;
       } else {
         this.enableConfirmButton = false;
       }
     }));
-    W.set(this, (e => c(this, N, "f").call(this, e, this.connectedServersData, c(this, f, "f"))));
-    z.set(this, (e => c(this, N, "f").call(this, e, this.recentlyUsedServersData, c(this, g, "f"))));
-    N.set(this, (async (e, t, s) => {
+    I.set(this, (e => {
+      console.log("double click connected servers");
+      h(this, T, "f").call(this, e);
+      h(this, _, "f").call(this);
+    }));
+    S.set(this, (e => {
+      console.log("double click recently used");
+      h(this, j, "f").call(this, e);
+      h(this, _, "f").call(this);
+    }));
+    T.set(this, (e => h(this, E, "f").call(this, e, this.connectedServersData, h(this, g, "f"))));
+    j.set(this, (e => h(this, E, "f").call(this, e, this.recentlyUsedServersData, h(this, m, "f"))));
+    E.set(this, (async (e, t, s) => {
       if (!this.isFirstSelection) {
-        d(this, p, c(this, m, "f"), "f");
+        u(this, v, h(this, w, "f"), "f");
       }
-      d(this, m, e.detail.rowId, "f");
-      if (c(this, m, "f") === undefined) {
+      u(this, w, e.detail.rowId, "f");
+      if (h(this, w, "f") === undefined) {
         this.enableConfirmButton = false;
         this.selectedServerUri = undefined;
         this.selectedServerName = undefined;
         return;
       } else {
-        const e = t.find((e => e.id === c(this, m, "f")));
+        const e = t.find((e => e.id === h(this, w, "f")));
         this.enableConfirmButton = true;
         this.selectedServerName = e === null || e === void 0 ? void 0 : e.serverName;
         this.selectedServerUri = e === null || e === void 0 ? void 0 : e.serverUrl;
         this.userName = (e === null || e === void 0 ? void 0 : e.gxServerUsername) || "";
         this.isFirstSelection = false;
-        await (s === null || s === void 0 ? void 0 : s.selectRow(c(this, p, "f"), false));
+        await (s === null || s === void 0 ? void 0 : s.selectRow(h(this, v, "f"), false));
       }
     }));
-    C.set(this, (e => {
+    A.set(this, (e => {
       this.selectedConnectionType = e.detail;
       if (this.selectedConnectionType === "new") {
         this.enableConfirmButton = false;
@@ -140,10 +170,10 @@ const $ = class {
       }
       this.selectedServerName = "None";
     }));
-    I.set(this, (e => {
-      this.filteredConnectedServersData = [ ...o(e, this.filteredConnectedServersData, "string", undefined) ];
+    H.set(this, (e => {
+      this.filteredConnectedServersData = [ ...c(e, this.filteredConnectedServersData, "string", undefined) ];
     }));
-    S.set(this, ((e = false) => t("ch-tabular-grid-columnset", {
+    R.set(this, ((e = false) => t("ch-tabular-grid-columnset", {
       class: "tabular-grid-column-set"
     }, t("ch-tabular-grid-column", {
       columnId: "icon",
@@ -163,7 +193,7 @@ const $ = class {
       size: r.tabularGrid.colSize.serverName,
       resizable: false,
       sortable: !e,
-      onColumnSortChanged: c(this, I, "f")
+      onColumnSortChanged: h(this, H, "f")
     }), t("ch-tabular-grid-column", {
       columnId: "serverUrl",
       class: "tabular-grid-column",
@@ -173,7 +203,7 @@ const $ = class {
       size: r.tabularGrid.colSize.auto,
       resizable: false,
       sortable: !e,
-      onColumnSortChanged: c(this, I, "f")
+      onColumnSortChanged: h(this, H, "f")
     }), t("ch-tabular-grid-column", {
       columnId: "userName",
       class: "tabular-grid-column",
@@ -183,7 +213,7 @@ const $ = class {
       size: r.tabularGrid.colSize.userName,
       resizable: false,
       sortable: !e,
-      onColumnSortChanged: c(this, I, "f")
+      onColumnSortChanged: h(this, H, "f")
     }), t("ch-tabular-grid-column", {
       columnId: "status",
       class: "tabular-grid-column",
@@ -194,76 +224,76 @@ const $ = class {
       resizable: false,
       sortable: false
     }))));
-    T.set(this, (e => e !== "" ? t("ch-tooltip", {
+    U.set(this, (e => e !== "" ? t("ch-tooltip", {
       class: "tooltip",
       actionElement: null,
       blockAlign: "outside-end",
       inlineAlign: r.tooltipSettings.inlineAlign,
       delay: r.tooltipSettings.delay
     }, e) : null));
-    j.set(this, (e => [ t("ch-tabular-grid-cell", {
+    D.set(this, (e => [ t("ch-tabular-grid-cell", {
       class: "tabular-grid-cell"
-    }, c(this, H, "f").call(this, e.accessLevel)), t("ch-tabular-grid-cell", {
+    }, h(this, P, "f").call(this, e.accessLevel)), t("ch-tabular-grid-cell", {
       class: "tabular-grid-cell tabular-grid-cell-server-name"
     }, e.serverName), t("ch-tabular-grid-cell", {
       class: "tabular-grid-cell tabular-grid-cell-server-url"
-    }, e.serverUrl, c(this, T, "f").call(this, e.serverUrl)), t("ch-tabular-grid-cell", {
+    }, e.serverUrl, h(this, U, "f").call(this, e.serverUrl)), t("ch-tabular-grid-cell", {
       class: "tabular-grid-cell"
     }, e.gxServerUsername), t("ch-tabular-grid-cell", {
       class: "tabular-grid-cell text-neutral-gray-400 body-italic-s"
     }, e.isConnected && "Connected") ]));
-    E.set(this, (e => t("ch-tabular-grid", {
+    F.set(this, (e => t("ch-tabular-grid", {
       class: "tabular-grid-recently-used tabular-grid",
       rowSelectionMode: "single",
-      ref: e => d(this, f, e, "f"),
+      ref: e => u(this, g, e, "f"),
       allowColumnReorder: false,
-      onRowClicked: c(this, z, "f"),
+      onRowDoubleClicked: h(this, S, "f"),
       id: "recently-used-servers"
-    }, c(this, S, "f").call(this, e), this.recentlyUsedServersData.length > 0 ? t("ch-tabular-grid-rowset", {
+    }, h(this, R, "f").call(this, e), this.recentlyUsedServersData.length > 0 ? t("ch-tabular-grid-rowset", {
       class: "tabular-grid-rowset"
     }, this.recentlyUsedServersData.map((e => t("ch-tabular-grid-row", {
       rowid: e.id,
       class: "tabular-grid-row"
-    }, c(this, j, "f").call(this, e))))) : t("ch-tabular-grid-rowset", {
+    }, h(this, D, "f").call(this, e))))) : t("ch-tabular-grid-rowset", {
       class: "tabular-grid-rowset"
     }, t("ch-tabular-grid-rowset-empty", null, t("gx-ide-empty-state", {
-      stateIconSrc: L,
-      stateTitle: c(this, b, "f").emptyConnectedServers,
+      stateIconSrc: q,
+      stateTitle: h(this, p, "f").emptyConnectedServers,
       isAnimated: true
     }))))));
-    A.set(this, (() => t("div", {
+    L.set(this, (() => t("div", {
       class: "tabular-grid-wrapper"
     }, t("div", {
       class: "border-patch"
     }), t("ch-tabular-grid", {
       class: "tabular-grid tabular-grid-all-servers",
       rowSelectionMode: "single",
-      ref: e => d(this, g, e, "f"),
+      ref: e => u(this, m, e, "f"),
       allowColumnReorder: false,
-      onRowClicked: c(this, W, "f"),
+      onRowDoubleClicked: h(this, I, "f"),
       id: "all-servers"
-    }, c(this, S, "f").call(this), this.filteredConnectedServersData.length > 0 ? t("ch-tabular-grid-rowset", {
+    }, h(this, R, "f").call(this), this.filteredConnectedServersData.length > 0 ? t("ch-tabular-grid-rowset", {
       class: "tabular-grid-rowset"
     }, this.filteredConnectedServersData.map((e => t("ch-tabular-grid-row", {
       rowid: e.id,
       class: "tabular-grid-row"
-    }, c(this, j, "f").call(this, e))))) : t("ch-tabular-grid-rowset", {
+    }, h(this, D, "f").call(this, e))))) : t("ch-tabular-grid-rowset", {
       class: "tabular-grid-rowset"
     }, t("ch-tabular-grid-rowset-empty", {
       class: "tabular-grid-rowset-empty"
     }, t("gx-ide-empty-state", {
-      stateIconSrc: L,
-      stateTitle: c(this, b, "f").emptyConnectedServers,
+      stateIconSrc: q,
+      stateTitle: h(this, p, "f").emptyConnectedServers,
       isAnimated: true
     })))))));
-    H.set(this, (e => {
-      const s = e === "private" ? F : P;
+    P.set(this, (e => {
+      const s = e === "private" ? B : G;
       return t("ch-image", {
         class: "icon-md",
         src: s
       });
     }));
-    R.set(this, (() => {
+    V.set(this, (() => {
       const e = this.selectedConnectionType === "select";
       return t("footer", {
         class: {
@@ -280,17 +310,16 @@ const $ = class {
       }, t("button", {
         // cancel button
         class: "button-secondary",
-        onClick: c(this, v, "f")
-      }, c(this, b, "f").footer.cancel), t("button", {
+        onClick: h(this, M, "f")
+      }, h(this, p, "f").footer.cancel), t("button", {
         // confirm button
         class: "button-primary",
-        onClick: this.enableConfirmButton && c(this, y, "f"),
+        onClick: this.enableConfirmButton && h(this, _, "f"),
         disabled: !this.enableConfirmButton
-      }, c(this, b, "f").footer.confirm)));
+      }, h(this, p, "f").footer.confirm)));
     }));
     this.enableConfirmButton = false;
     this.isFirstSelection = true;
-    this.isValidUrl = true;
     this.serverUrlInputValue = "";
     this.serverNameInputValue = "";
     this.selectedServerUri = undefined;
@@ -307,18 +336,23 @@ const $ = class {
   }
   async componentWillLoad() {
     var e, t;
-    d(this, b, await l.getComponentStrings(this.el), "f");
+    u(this, p, await n.getComponentStrings(this.el), "f");
     this.selectedServerUri = (e = this.connectedServersData[0]) === null || e === void 0 ? void 0 : e.serverUrl;
     this.userName = (t = this.connectedServersData[0]) === null || t === void 0 ? void 0 : t.gxServerUsername;
     this.filteredConnectedServersData = this.connectedServersData;
   }
+  componentDidRender() {
+    if (this.selectedConnectionType === "new" && h(this, y, "f") && h(this, k, "f")) {
+      h(this, x, "f").call(this);
+    }
+  }
   render() {
     const e = this.selectedConnectionType === "new" && "new-connection";
     const i = this.recentlyUsedServersData.length === 0 && "recently-used-empty";
     return t(s, {
       class: `widget elevation-1 ${e} ${i}`
     }, t("ch-theme", {
-      model: U
+      model: $
     }), t("main", {
       class: "section"
     }, t("header", {
@@ -327,17 +361,17 @@ const $ = class {
       class: "field-group"
     }, t("label", {
       class: "body-regular-m text-neutral-gray-400"
-    }, c(this, b, "f").header.title), t("ch-radio-group-render", {
+    }, h(this, p, "f").header.title), t("ch-radio-group-render", {
       class: "radio-group",
-      model: c(this, u, "f"),
-      onChange: c(this, C, "f"),
-      value: c(this, u, "f")[0].value
+      model: h(this, b, "f"),
+      onChange: h(this, A, "f"),
+      value: h(this, b, "f")[0].value
     }), this.selectedConnectionType === "select" && t("ch-edit", {
       class: "input search-server",
       id: "server-name-search",
-      startImgSrc: c(this, h, "f"),
-      onInput: c(this, k, "f"),
-      placeholder: c(this, b, "f").placeholders.searchServers,
+      startImgSrc: h(this, f, "f"),
+      onInput: h(this, z, "f"),
+      placeholder: h(this, p, "f").placeholders.searchServers,
       accessibleName: "search server",
       type: "search"
     }))), this.selectedConnectionType === "select" && [ this.recentlyUsedServersData.length > 0 && t("div", {
@@ -345,12 +379,12 @@ const $ = class {
     }, t("label", {
       class: "label",
       htmlFor: "recently-used-servers"
-    }, c(this, b, "f").recentlyUsed.title), c(this, E, "f").call(this, true)), t("div", {
+    }, h(this, p, "f").recentlyUsed.title), h(this, F, "f").call(this, true)), t("div", {
       class: "field field-block field-block-all-servers spacing-body-inline"
     }, t("label", {
       class: "label",
       htmlFor: "all-servers"
-    }, c(this, b, "f").allServers.title), c(this, A, "f").call(this)) ], this.selectedConnectionType === "new" && t("section", {
+    }, h(this, p, "f").allServers.title), h(this, L, "f").call(this)) ], this.selectedConnectionType === "new" && t("section", {
       class: "spacing-body-inline"
     }, t("div", {
       class: "layout layout--cols-2"
@@ -359,37 +393,29 @@ const $ = class {
     }, t("label", {
       class: "label",
       htmlFor: "server-url"
-    }, c(this, b, "f").labels.serverUrl), t("ch-edit", {
+    }, h(this, p, "f").labels.serverUrl), t("ch-edit", {
       // server url
-      class: {
-        input: true,
-        "input-error": !this.isValidUrl
-      },
+      class: "input",
       id: "server-url",
       value: this.serverUrlInputValue,
-      onInput: e => c(this, _, "f").call(this, e, "serverUrlInputValue"),
-      placeholder: c(this, b, "f").placeholders.serverUrl,
-      ref: e => d(this, w, e, "f")
-    })), t("div", {
+      onInput: e => h(this, N, "f").call(this, e, "serverUrlInputValue"),
+      placeholder: h(this, p, "f").placeholders.serverUrl,
+      ref: e => u(this, y, e, "f")
+    }), h(this, W, "f").call(this, h(this, y, "f"))), t("div", {
       class: "field field-block layout__panel"
     }, t("label", {
       class: "label",
       htmlFor: "server-name"
-    }, c(this, b, "f").labels.serverName), t("ch-edit", {
+    }, h(this, p, "f").labels.serverName), t("ch-edit", {
       // server friendly name
       class: "input",
       id: "server-name",
       value: this.serverNameInputValue,
-      onInput: e => c(this, _, "f").call(this, e, "serverNameInputValue"),
-      placeholder: c(this, b, "f").placeholders.serverName,
-      maxLength: 18
-    })), !this.isValidUrl && t("ch-tooltip", {
-      class: "tooltip",
-      actionElement: c(this, w, "f"),
-      blockAlign: "outside-end",
-      inlineAlign: r.tooltipSettings.inlineAlign,
-      delay: r.tooltipSettings.delay
-    }, c(this, b, "f").errors.serverUrlInvalid))), c(this, R, "f").call(this)));
+      onInput: e => h(this, N, "f").call(this, e, "serverNameInputValue"),
+      placeholder: h(this, p, "f").placeholders.serverName,
+      maxLength: 18,
+      ref: e => u(this, k, e, "f")
+    }), h(this, W, "f").call(this, h(this, k, "f"))))), h(this, V, "f").call(this)));
   }
   static get assetsDirs() {
     return [ "gx-ide-assets/server-selector" ];
@@ -399,14 +425,14 @@ const $ = class {
   }
 };
 
-h = new WeakMap, u = new WeakMap, b = new WeakMap, f = new WeakMap, g = new WeakMap, 
-p = new WeakMap, m = new WeakMap, w = new WeakMap, v = new WeakMap, y = new WeakMap, 
-k = new WeakMap, _ = new WeakMap, M = new WeakMap, x = new WeakMap, W = new WeakMap, 
-z = new WeakMap, N = new WeakMap, C = new WeakMap, I = new WeakMap, S = new WeakMap, 
-T = new WeakMap, j = new WeakMap, E = new WeakMap, A = new WeakMap, H = new WeakMap, 
-R = new WeakMap;
+f = new WeakMap, b = new WeakMap, p = new WeakMap, g = new WeakMap, m = new WeakMap, 
+v = new WeakMap, w = new WeakMap, y = new WeakMap, k = new WeakMap, M = new WeakMap, 
+_ = new WeakMap, W = new WeakMap, x = new WeakMap, z = new WeakMap, N = new WeakMap, 
+C = new WeakMap, I = new WeakMap, S = new WeakMap, T = new WeakMap, j = new WeakMap, 
+E = new WeakMap, A = new WeakMap, H = new WeakMap, R = new WeakMap, U = new WeakMap, 
+D = new WeakMap, F = new WeakMap, L = new WeakMap, P = new WeakMap, V = new WeakMap;
 
-$.style = n;
+J.style = d;
 
-export { $ as gx_ide_server_selector };
-//# sourceMappingURL=p-4b06b578.entry.js.map
+export { J as gx_ide_server_selector };
+//# sourceMappingURL=p-06561f7e.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["serverSelectorCss","CSS_BUNDLES","INFO_ICON","getIconPath","category","name","colorType","LOCK_ICON","LANGUAGE_ICON","GxIdeServerSelector","_GxIdeServerSelector_chSearchIcon","set","this","_GxIdeServerSelector_versionsSelect","value","caption","_GxIdeServerSelector__componentLocale","_GxIdeServerSelector_chGridRecentlyUsedServersEl","_GxIdeServerSelector_chGridConnectedServersEl","_GxIdeServerSelector_previousSelectedRowId","_GxIdeServerSelector_selectedRowId","_GxIdeServerSelector_serverUrlEL","_GxIdeServerSelector_serverFriendlyNameEL","_GxIdeServerSelector_cancelHandler","cancelCallback","_GxIdeServerSelector_confirmHandler","async","formSubmitResult","selectedConnectionType","selectServerCallback","uri","selectedServerUri","selectedServerName","serverUrlInputValue","serverNameInputValue","validatableControls","validateControls","_GxIdeServerSelector_evaluateTooltipRender","controlReference","_b","_a","get","id","hasError","_c","message","h","class","actionElement","blockAlign","config","tooltipSettings","inlineAlign","delay","_GxIdeServerSelector_initializeValidatableControls","__classPrivateFieldGet","forEach","validatableControl","reference","undefined","_GxIdeServerSelector_filterValueChangedHandler","event","filterValue","detail","toLowerCase","filteredConnectedServersData","connectedServersData","filter","item","serverName","includes","_GxIdeServerSelector_inputHandler","field","enableConfirmButton","controlId","clearControlError","_GxIdeServerSelector_enableConfirmButton","call","length","_GxIdeServerSelector_onConnectedServersRowDoubleClickHandler","console","log","_GxIdeServerSelector_selectConnectedServersHandler","_GxIdeServerSelector_onRecentlyUsedRowDoubleClickHandler","_GxIdeServerSelector_selectRecentlyUsedServersHandler","_GxIdeServerSelector_handleServerSelection","recentlyUsedServersData","serversData","otherGridEl","isFirstSelection","__classPrivateFieldSet","rowId","selectedServer","find","server","serverUrl","userName","gxServerUsername","selectRow","_GxIdeServerSelector_connectionTypeChangedHandler","_GxIdeServerSelector_sortTabularGridColumnCallback","e","sortTabularGridColumn","_GxIdeServerSelector_renderTabularGridColumnSet","hideColumnName","columnId","columnName","settingable","columnNameHidden","size","tabularGrid","colSize","maxContent","resizable","sortable","onColumnSortChanged","auto","_GxIdeServerSelector_renderTooltip","text","_GxIdeServerSelector_renderTabularGridCommonCells","_GxIdeServerSelector_renderIcon","accessLevel","isConnected","_GxIdeServerSelector_renderRecentlyUsedServersGrid","rowSelectionMode","ref","el","allowColumnReorder","onRowDoubleClicked","map","rowid","stateIconSrc","stateTitle","emptyConnectedServers","isAnimated","_GxIdeServerSelector_renderConnectedServersGrid","icon","src","_GxIdeServerSelector_renderFooter","isSelectionMode","onClick","footer","cancel","disabled","confirm","Map","componentWillLoad","Locale","getComponentStrings","componentDidRender","render","connectionTypeClass","recentlyUsedEmptyClass","Host","model","header","title","onChange","startImgSrc","onInput","placeholder","placeholders","searchServers","accessibleName","type","htmlFor","recentlyUsed","allServers","labels","maxLength"],"sources":["src/components/team-dev/server-selector/server-selector.scss?tag=gx-ide-server-selector&encapsulation=shadow","src/components/team-dev/server-selector/server-selector.tsx"],"sourcesContent":["@import \"../../../../node_modules/@genexus/mercury/dist/assets/scss/helpers.scss\";\n\n:host {\n  display: grid;\n  block-size: 100%;\n  grid-template-rows: max-content max-content 1fr max-content;\n  row-gap: var(--mer-spacing--md);\n  overflow: auto;\n}\n\n:host(.new-connection) {\n  grid-template-rows: max-content 1fr;\n}\n\n:host(.recently-used-empty) {\n  grid-template-rows: max-content 1fr;\n}\n\n.section {\n  display: contents;\n}\n\n// General\n\n.tabular-grid {\n  border-radius: var(--mer-border__radius--sm);\n  overflow: hidden;\n  overflow: auto;\n  border-inline: 1px solid var(--grid-cell__border-color);\n}\n\n.tabular-grid-rowset-empty {\n  border-block-end: 1px solid var(--grid-cell__border-color);\n  overflow: hidden;\n}\n\n@include tabular-grid-cell-layout(\n  $tabular-grid-selector: \".tabular-grid\",\n  $tabular-grid-cell-apply-ellipsis: true,\n  $tabular-grid-affected-columns-nth-list: (\n    2,\n    3,\n    4\n  )\n);\n\n.text-neutral-gray-400,\n.tabular-grid-cell.text-neutral-gray-400 {\n  // WA: colors for text should be defined in Mercury\n  color: var(--mer-color__neutral-gray--400);\n}\n// Header\n\n.search-server {\n  inline-size: 50%;\n}\n\n// Recently Used\n\n.tabular-grid-recently-used .tabular-grid-column::part(bar) {\n  --grid-cell__padding-block: 0;\n  --grid-cell__padding-inline: 0;\n}\n\n.tabular-grid.tabular-grid-recently-used {\n  border-block-end: 1px solid var(--grid-cell__border-color);\n  max-block-size: 100px;\n}\n\n// All Servers\n\n.tabular-grid-all-servers {\n  overflow: auto;\n}\n\n.field-block-all-servers {\n  overflow: auto;\n}\n\n.tabular-grid-all-servers {\n  border-block: 1px solid var(--grid-cell__border-color);\n}\n\n.tabular-grid-all-servers .tabular-grid-column:first-child::part(bar) {\n  --grid-common__gap: 0;\n}\n\n// WA: .tabular-grid-wrapper and .border-patch is a WA. See details on Asana task:\n// https://app.asana.com/1/10206720691358/project/1207081021030105/task/1211391456974726?focus=true\n.tabular-grid-wrapper {\n  position: relative;\n  overflow: auto;\n}\n.border-patch {\n  --tabular-grid-border-radius: 4px;\n  position: absolute;\n  top: 0;\n  inline-size: calc(100% - var(--tabular-grid-border-radius) * 2);\n  inset-inline-start: var(--tabular-grid-border-radius);\n  block-size: 2px;\n  background-color: var(--items-container__bg-color);\n  z-index: 9999;\n  border-block-start: 1px solid var(--mer-border-color__on-surface);\n}\n\n.tooltip {\n  position: absolute;\n}\n","// Stencil\nimport { Component, Element, h, Host, Prop, State } from \"@stencil/core\";\n\n// Other Libraries\nimport { getIconPath, MercuryBundles } from \"@genexus/mercury\";\n\n// Custom Imports\nimport {\n  ChEditCustomEvent,\n  TabularGridColumnSortChangedEvent,\n  TabularGridRowClickedEvent\n} from \"@genexus/chameleon-controls-library\";\nimport { RadioGroupItemModel } from \"@genexus/chameleon-controls-library/dist/types/components/radio-group/types\";\nimport { JSX } from \"@stencil/core/internal\";\nimport { config } from \"../../../common/config\";\nimport {\n  clearControlError,\n  ControlValidation,\n  validateControls\n} from \"../../../common/form-validation\";\nimport { Locale } from \"../../../common/locale\";\nimport { FormSubmitResult } from \"../../../common/types\";\n\nimport sortTabularGridColumn from \"../../../common/chameleon/tabular-grid-column-sort\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"utils/form--full\",\n  \"utils/layout\",\n  \"utils/typography\",\n  \"utils/spacing\",\n  \"components/tooltip\",\n  \"chameleon/scrollbar\",\n  \"components/tabular-grid\"\n];\n\nconst INFO_ICON = getIconPath({\n  category: \"system\",\n  name: \"information\",\n  colorType: \"on-surface\"\n});\n\nconst LOCK_ICON = getIconPath({\n  category: \"system\",\n  name: \"lock\",\n  colorType: \"on-surface\"\n});\n\nconst LANGUAGE_ICON = getIconPath({\n  category: \"system\",\n  name: \"language\",\n  colorType: \"on-surface\"\n});\n\n@Component({\n  tag: \"gx-ide-server-selector\",\n  styleUrl: \"server-selector.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/server-selector\"]\n})\nexport class GxIdeServerSelector {\n  #chSearchIcon = getIconPath({\n    category: \"system\",\n    name: \"search\",\n    colorType: \"on-surface\"\n  });\n\n  #versionsSelect: RadioGroupItemModel[] = [\n    { value: \"select\", caption: \"Select a server from the list below\" },\n    { value: \"new\", caption: \"Enter a server URL manually\" }\n  ];\n\n  [key: string]: any;\n\n  #_componentLocale: any;\n\n  #chGridRecentlyUsedServersEl: HTMLChTabularGridElement;\n  #chGridConnectedServersEl: HTMLChTabularGridElement;\n  #previousSelectedRowId: string | undefined;\n  #selectedRowId: string | undefined;\n  #serverUrlEL: HTMLChEditElement;\n  #serverFriendlyNameEL: HTMLChEditElement;\n\n  @Element() el: HTMLGxIdeServerSelectorElement;\n\n  /**\n   * State to enable/disable confirm button.\n   */\n  @State() enableConfirmButton: boolean = false;\n\n  /**\n   * State to track if this is the first selection made by the user.\n   */\n  @State() isFirstSelection: boolean = true;\n\n  /**\n   * The current server URL input value.\n   */\n  @State() serverUrlInputValue: string = \"\";\n\n  /**\n   * The current server URL input value.\n   */\n  @State() serverNameInputValue: string = \"\";\n\n  /**\n   * The selected server URI.\n   */\n  @State() selectedServerUri: string | undefined;\n\n  /**\n   * The selected server name.\n   */\n  @State() selectedServerName: string | undefined = \"None\";\n\n  /**\n   * The user name of the selected server.\n   */\n  @State() userName: string;\n\n  /**\n   * State to store the filter input value to filter the list-box\n   */\n  @State() filterValue: string = \"\";\n\n  /**\n   * Servers filtered\n   */\n  @State() filteredConnectedServersData: ConnectedGXServerData[] = [];\n\n  @State() validatableControls = new Map<string, ControlValidation>();\n\n  /**\n   * The selected connection type\n   */\n  @State() selectedConnectionType: ConnectionOption = \"select\";\n\n  /**\n   * The list of connected GX servers.\n   */\n  @Prop({ mutable: true }) connectedServersData: ConnectedGXServerData[] = [];\n\n  /**\n   * The list of recently used servers.\n   */\n  @Prop() readonly recentlyUsedServersData: ConnectedGXServerData[] = [];\n\n  /**\n   * Callback that is invoked when the dialog is closed\n   */\n  @Prop() readonly cancelCallback!: () => Promise<void>;\n\n  /**\n   * Callback that must be invoked when the 'Confirm' button is pressed and the Select Server option is checked.\n   */\n  @Prop() readonly selectServerCallback!: (\n    authenticationSessionOrigin: AuthenticationSessionOrigin,\n    connectionOption: ConnectionOption\n  ) => Promise<FormSubmitResult>;\n\n  async componentWillLoad() {\n    this.#_componentLocale = await Locale.getComponentStrings(this.el);\n    this.selectedServerUri = this.connectedServersData[0]?.serverUrl;\n    this.userName = this.connectedServersData[0]?.gxServerUsername;\n\n    this.filteredConnectedServersData = this.connectedServersData;\n  }\n\n  componentDidRender() {\n    if (\n      this.selectedConnectionType === \"new\" &&\n      this.#serverUrlEL &&\n      this.#serverFriendlyNameEL\n    ) {\n      this.#initializeValidatableControls();\n    }\n  }\n\n  #cancelHandler = (): void => {\n    this.cancelCallback();\n  };\n\n  #confirmHandler = async (): Promise<void> => {\n    let formSubmitResult: FormSubmitResult;\n    if (this.selectedConnectionType === \"select\") {\n      formSubmitResult = await this.selectServerCallback(\n        {\n          uri: this.selectedServerUri,\n          name: this.selectedServerName\n        },\n        this.selectedConnectionType\n      );\n    } else {\n      formSubmitResult = await this.selectServerCallback(\n        {\n          uri: this.serverUrlInputValue,\n          name: this.serverNameInputValue\n        },\n        this.selectedConnectionType\n      );\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  #initializeValidatableControls = () => {\n    // populate validatableControls with the controls that could have errors.\n    const validatableControls: HTMLElement[] = [\n      this.#serverUrlEL,\n      this.#serverFriendlyNameEL\n    ];\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  #filterValueChangedHandler = (\n    event: ChEditCustomEvent<string> | InputEvent\n  ) => {\n    this.filterValue = (event.detail as string).toLowerCase();\n    this.filteredConnectedServersData = this.connectedServersData.filter(item =>\n      item.serverName.toLowerCase().includes(this.filterValue)\n    );\n  };\n\n  #inputHandler = (\n    event: ChEditCustomEvent<string> | InputEvent,\n    field: \"serverUrlInputValue\" | \"serverNameInputValue\"\n  ) => {\n    this.enableConfirmButton = false;\n    this[field] = event.detail as string;\n\n    const controlId =\n      field === \"serverUrlInputValue\" ? \"server-url\" : \"server-name\";\n    clearControlError(this.validatableControls, controlId);\n    this.#enableConfirmButton();\n  };\n\n  #enableConfirmButton = () => {\n    if (\n      this.serverUrlInputValue &&\n      this.serverUrlInputValue.length > 0 &&\n      this.serverNameInputValue &&\n      this.serverNameInputValue.length > 0\n    ) {\n      this.enableConfirmButton = true;\n    } else {\n      this.enableConfirmButton = false;\n    }\n  };\n\n  #onConnectedServersRowDoubleClickHandler = (\n    event: CustomEvent<TabularGridRowClickedEvent>\n  ) => {\n    console.log(\"double click connected servers\");\n    this.#selectConnectedServersHandler(event);\n    this.#confirmHandler();\n  };\n\n  #onRecentlyUsedRowDoubleClickHandler = (\n    event: CustomEvent<TabularGridRowClickedEvent>\n  ) => {\n    console.log(\"double click recently used\");\n    this.#selectRecentlyUsedServersHandler(event);\n    this.#confirmHandler();\n  };\n\n  #selectConnectedServersHandler = (\n    event: CustomEvent<TabularGridRowClickedEvent>\n  ) =>\n    this.#handleServerSelection(\n      event,\n      this.connectedServersData,\n      this.#chGridRecentlyUsedServersEl\n    );\n\n  #selectRecentlyUsedServersHandler = (\n    event: CustomEvent<TabularGridRowClickedEvent>\n  ) =>\n    this.#handleServerSelection(\n      event,\n      this.recentlyUsedServersData,\n      this.#chGridConnectedServersEl\n    );\n\n  #handleServerSelection = async (\n    event: CustomEvent<TabularGridRowClickedEvent>,\n    serversData: ConnectedGXServerData[],\n    otherGridEl: HTMLChTabularGridElement\n  ): Promise<void> => {\n    if (!this.isFirstSelection) {\n      this.#previousSelectedRowId = this.#selectedRowId;\n    }\n    this.#selectedRowId = event.detail.rowId;\n    if (this.#selectedRowId === undefined) {\n      this.enableConfirmButton = false;\n      this.selectedServerUri = undefined;\n      this.selectedServerName = undefined;\n      return;\n    } else {\n      const selectedServer = serversData.find(\n        server => server.id === this.#selectedRowId\n      );\n      this.enableConfirmButton = true;\n      this.selectedServerName = selectedServer?.serverName;\n      this.selectedServerUri = selectedServer?.serverUrl;\n      this.userName = selectedServer?.gxServerUsername || \"\";\n      this.isFirstSelection = false;\n      await otherGridEl?.selectRow(this.#previousSelectedRowId, false);\n    }\n  };\n\n  #connectionTypeChangedHandler = (event: CustomEvent<string>) => {\n    this.selectedConnectionType = event.detail as ConnectionOption;\n    if (this.selectedConnectionType === \"new\") {\n      this.enableConfirmButton = false;\n      this.serverUrlInputValue = \"\";\n    }\n    this.selectedServerName = \"None\";\n  };\n\n  #sortTabularGridColumnCallback = (\n    e: CustomEvent<TabularGridColumnSortChangedEvent>\n  ) => {\n    this.filteredConnectedServersData = [\n      ...sortTabularGridColumn(\n        e,\n        this.filteredConnectedServersData,\n        \"string\",\n        undefined\n      )\n    ];\n  };\n\n  #renderTabularGridColumnSet = (\n    hideColumnName: boolean = false\n  ): HTMLChTabularGridColumnsetElement => {\n    return (\n      <ch-tabular-grid-columnset class=\"tabular-grid-column-set\">\n        <ch-tabular-grid-column\n          columnId=\"icon\"\n          class=\"tabular-grid-column tabular-grid-column-icon\"\n          columnName=\"Icon\"\n          settingable={false}\n          columnNameHidden={true}\n          size={config.tabularGrid.colSize.maxContent}\n          resizable={false}\n          sortable={false}\n        ></ch-tabular-grid-column>\n        <ch-tabular-grid-column\n          columnId=\"serverName\"\n          class=\"tabular-grid-column\"\n          columnName=\"Server Name\"\n          settingable={false}\n          columnNameHidden={hideColumnName}\n          size={config.tabularGrid.colSize.serverName}\n          resizable={false}\n          sortable={!hideColumnName}\n          onColumnSortChanged={this.#sortTabularGridColumnCallback}\n        ></ch-tabular-grid-column>\n        <ch-tabular-grid-column\n          columnId=\"serverUrl\"\n          class=\"tabular-grid-column\"\n          columnName=\"Server Url\"\n          settingable={false}\n          columnNameHidden={hideColumnName}\n          size={config.tabularGrid.colSize.auto}\n          resizable={false}\n          sortable={!hideColumnName}\n          onColumnSortChanged={this.#sortTabularGridColumnCallback}\n        ></ch-tabular-grid-column>\n        <ch-tabular-grid-column\n          columnId=\"userName\"\n          class=\"tabular-grid-column\"\n          columnName=\"Username\"\n          settingable={false}\n          columnNameHidden={hideColumnName}\n          size={config.tabularGrid.colSize.userName}\n          resizable={false}\n          sortable={!hideColumnName}\n          onColumnSortChanged={this.#sortTabularGridColumnCallback}\n        ></ch-tabular-grid-column>\n        <ch-tabular-grid-column\n          columnId=\"status\"\n          class=\"tabular-grid-column\"\n          columnName=\"Status\"\n          settingable={false}\n          columnNameHidden={hideColumnName}\n          size={config.tabularGrid.colSize.maxContent}\n          resizable={false}\n          sortable={false}\n        ></ch-tabular-grid-column>\n      </ch-tabular-grid-columnset>\n    );\n  };\n\n  #renderTooltip = (text: string): JSX.Element | null => {\n    return text !== \"\" ? (\n      <ch-tooltip\n        class=\"tooltip\"\n        actionElement={null}\n        blockAlign=\"outside-end\"\n        inlineAlign={config.tooltipSettings.inlineAlign}\n        delay={config.tooltipSettings.delay}\n      >\n        {text}\n      </ch-tooltip>\n    ) : null;\n  };\n\n  #renderTabularGridCommonCells = (server: ConnectedGXServerData) => {\n    return [\n      <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n        {this.#renderIcon(server.accessLevel)}\n      </ch-tabular-grid-cell>,\n      <ch-tabular-grid-cell class=\"tabular-grid-cell tabular-grid-cell-server-name\">\n        {server.serverName}\n      </ch-tabular-grid-cell>,\n      <ch-tabular-grid-cell class=\"tabular-grid-cell tabular-grid-cell-server-url\">\n        {server.serverUrl}\n        {this.#renderTooltip(server.serverUrl)}\n      </ch-tabular-grid-cell>,\n      <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n        {server.gxServerUsername}\n      </ch-tabular-grid-cell>,\n      <ch-tabular-grid-cell class=\"tabular-grid-cell text-neutral-gray-400 body-italic-s\">\n        {server.isConnected && \"Connected\"}\n      </ch-tabular-grid-cell>\n    ];\n  };\n\n  #renderRecentlyUsedServersGrid = (hideColumnName: boolean): Element => {\n    return (\n      <ch-tabular-grid\n        class={\"tabular-grid-recently-used tabular-grid\"}\n        rowSelectionMode=\"single\"\n        ref={(el: HTMLChTabularGridElement) =>\n          (this.#chGridRecentlyUsedServersEl = el)\n        }\n        allowColumnReorder={false}\n        onRowDoubleClicked={this.#onRecentlyUsedRowDoubleClickHandler}\n        id=\"recently-used-servers\"\n      >\n        {this.#renderTabularGridColumnSet(hideColumnName)}\n        {this.recentlyUsedServersData.length > 0 ? (\n          <ch-tabular-grid-rowset class=\"tabular-grid-rowset\">\n            {this.recentlyUsedServersData.map(\n              (server: ConnectedGXServerData) => (\n                <ch-tabular-grid-row rowid={server.id} class=\"tabular-grid-row\">\n                  {this.#renderTabularGridCommonCells(server)}\n                </ch-tabular-grid-row>\n              )\n            )}\n          </ch-tabular-grid-rowset>\n        ) : (\n          <ch-tabular-grid-rowset class=\"tabular-grid-rowset\">\n            <ch-tabular-grid-rowset-empty>\n              <gx-ide-empty-state\n                stateIconSrc={INFO_ICON}\n                stateTitle={this.#_componentLocale.emptyConnectedServers}\n                isAnimated={true}\n              ></gx-ide-empty-state>\n            </ch-tabular-grid-rowset-empty>\n          </ch-tabular-grid-rowset>\n        )}\n      </ch-tabular-grid>\n    );\n  };\n\n  #renderConnectedServersGrid = (): Element => {\n    return (\n      <div class=\"tabular-grid-wrapper\">\n        <div class=\"border-patch\"></div>\n        <ch-tabular-grid\n          class={\"tabular-grid tabular-grid-all-servers\"}\n          rowSelectionMode=\"single\"\n          ref={(el: HTMLChTabularGridElement) =>\n            (this.#chGridConnectedServersEl = el)\n          }\n          allowColumnReorder={false}\n          onRowDoubleClicked={this.#onConnectedServersRowDoubleClickHandler}\n          id=\"all-servers\"\n        >\n          {this.#renderTabularGridColumnSet()}\n          {this.filteredConnectedServersData.length > 0 ? (\n            <ch-tabular-grid-rowset class=\"tabular-grid-rowset\">\n              {this.filteredConnectedServersData.map(\n                (server: ConnectedGXServerData) => (\n                  <ch-tabular-grid-row\n                    rowid={server.id}\n                    class=\"tabular-grid-row\"\n                  >\n                    {this.#renderTabularGridCommonCells(server)}\n                  </ch-tabular-grid-row>\n                )\n              )}\n            </ch-tabular-grid-rowset>\n          ) : (\n            <ch-tabular-grid-rowset class=\"tabular-grid-rowset\">\n              <ch-tabular-grid-rowset-empty class=\"tabular-grid-rowset-empty\">\n                <gx-ide-empty-state\n                  stateIconSrc={INFO_ICON}\n                  stateTitle={this.#_componentLocale.emptyConnectedServers}\n                  isAnimated={true}\n                ></gx-ide-empty-state>\n              </ch-tabular-grid-rowset-empty>\n            </ch-tabular-grid-rowset>\n          )}\n        </ch-tabular-grid>\n      </div>\n    );\n  };\n\n  #renderIcon = (accessLevel: string): JSX.Element => {\n    const icon = accessLevel === \"private\" ? LOCK_ICON : LANGUAGE_ICON;\n    return <ch-image class=\"icon-md\" src={icon}></ch-image>;\n  };\n\n  #renderFooter = () => {\n    const isSelectionMode = this.selectedConnectionType === \"select\";\n    return (\n      <footer\n        class={{\n          \"control-footer-with-border\": true,\n          \"control-footer-space-between\":\n            this.selectedConnectionType === \"select\",\n          \"space-between\": isSelectionMode,\n          \"spacing-body-inline\": true,\n          \"spacing-body-block\": true\n        }}\n      >\n        {isSelectionMode && (\n          <p class=\"body-italic-m\">Selected: {this.selectedServerName}</p>\n        )}\n        <div class=\"buttons-spacer\">\n          <button\n            // cancel button\n            class=\"button-secondary\"\n            onClick={this.#cancelHandler}\n          >\n            {this.#_componentLocale.footer.cancel}\n          </button>\n\n          <button\n            // confirm button\n            class=\"button-primary\"\n            onClick={this.enableConfirmButton && this.#confirmHandler}\n            disabled={!this.enableConfirmButton}\n          >\n            {this.#_componentLocale.footer.confirm}\n          </button>\n        </div>\n      </footer>\n    );\n  };\n\n  render(): void {\n    const connectionTypeClass =\n      this.selectedConnectionType === \"new\" && \"new-connection\";\n    const recentlyUsedEmptyClass =\n      this.recentlyUsedServersData.length === 0 && \"recently-used-empty\";\n    return (\n      <Host\n        class={`widget elevation-1 ${connectionTypeClass} ${recentlyUsedEmptyClass}`}\n      >\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <main class=\"section\">\n          <header class=\"header spacing-body-block-start spacing-body-inline\">\n            <div class=\"field-group\">\n              <label class=\"body-regular-m text-neutral-gray-400\">\n                {this.#_componentLocale.header.title}\n              </label>\n              <ch-radio-group-render\n                class=\"radio-group\"\n                model={this.#versionsSelect}\n                onChange={this.#connectionTypeChangedHandler}\n                value={this.#versionsSelect[0].value}\n              ></ch-radio-group-render>\n\n              {this.selectedConnectionType === \"select\" && (\n                <ch-edit\n                  class=\"input search-server\"\n                  id=\"server-name-search\"\n                  startImgSrc={this.#chSearchIcon}\n                  onInput={this.#filterValueChangedHandler}\n                  placeholder={\n                    this.#_componentLocale.placeholders.searchServers\n                  }\n                  accessibleName=\"search server\"\n                  type=\"search\"\n                ></ch-edit>\n              )}\n            </div>\n          </header>\n          {this.selectedConnectionType === \"select\" && [\n            this.recentlyUsedServersData.length > 0 && (\n              <div class=\"field field-block spacing-body-inline\">\n                <label class=\"label\" htmlFor=\"recently-used-servers\">\n                  {this.#_componentLocale.recentlyUsed.title}\n                </label>\n                {this.#renderRecentlyUsedServersGrid(true)}\n              </div>\n            ),\n            <div class=\"field field-block field-block-all-servers spacing-body-inline\">\n              <label class=\"label\" htmlFor=\"all-servers\">\n                {this.#_componentLocale.allServers.title}\n              </label>\n              {this.#renderConnectedServersGrid()}\n            </div>\n          ]}\n\n          {this.selectedConnectionType === \"new\" && (\n            <section class=\"spacing-body-inline\">\n              <div class=\"layout layout--cols-2\">\n                <div class=\"field field-block layout__panel\">\n                  <label class=\"label\" htmlFor=\"server-url\">\n                    {this.#_componentLocale.labels.serverUrl}\n                  </label>\n                  <ch-edit\n                    // server url\n                    class=\"input\"\n                    id=\"server-url\"\n                    value={this.serverUrlInputValue}\n                    onInput={event =>\n                      this.#inputHandler(event, \"serverUrlInputValue\")\n                    }\n                    placeholder={this.#_componentLocale.placeholders.serverUrl}\n                    ref={el => (this.#serverUrlEL = el as HTMLChEditElement)}\n                  ></ch-edit>\n                  {this.#evaluateTooltipRender(this.#serverUrlEL)}\n                </div>\n\n                <div class=\"field field-block layout__panel\">\n                  <label class=\"label\" htmlFor=\"server-name\">\n                    {this.#_componentLocale.labels.serverName}\n                  </label>\n                  <ch-edit\n                    // server friendly name\n                    class=\"input\"\n                    id=\"server-name\"\n                    value={this.serverNameInputValue}\n                    onInput={event =>\n                      this.#inputHandler(event, \"serverNameInputValue\")\n                    }\n                    placeholder={this.#_componentLocale.placeholders.serverName}\n                    maxLength={18}\n                    ref={el =>\n                      (this.#serverFriendlyNameEL = el as HTMLChEditElement)\n                    }\n                  ></ch-edit>\n                  {this.#evaluateTooltipRender(this.#serverFriendlyNameEL)}\n                </div>\n              </div>\n            </section>\n          )}\n\n          {this.#renderFooter()}\n        </main>\n      </Host>\n    );\n  }\n}\n\nexport type ConnectionResultData = {\n  formResult: FormSubmitResult;\n};\n\nexport type ConnectionOption = \"select\" | \"new\";\n\nexport type ServerAccessLevel = \"public\" | \"private\";\n\nexport type AuthenticationSessionOrigin = {\n  uri: string;\n  name: string;\n};\n\nexport type ConnectedGXServerData = {\n  id: string;\n  serverUrl: string;\n  accessLevel: ServerAccessLevel;\n  masterSessionUsername: string;\n  serverName?: string;\n  gxServerUsername: string;\n  isConnected: boolean;\n};\n\nexport type NewServerConnectionData = {\n  serverUrl: string;\n  serverName: string;\n};\n"],"mappings":"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"}

package/dist/genexus-ide-ui/{p-8c867f9a.entry.js → p-072419f9.entry.js}

@@ -8,7 +8,7 @@ import { c as n } from "./p-9a03ac9f.js";
 
 import { h as r, m as o } from "./p-edcd0022.js";
 
-import { f as d } from "./p-8c15538c.js";
+import { f as d } from "./p-1972b953.js";
 
 const c = ':host{container-type:inline-size;display:grid;block-size:100%;overflow:auto;grid-template-rows:max-content 1fr max-content}.section{display:contents}.header{grid-template-areas:"name module-folder" "advanced-filter advanced-filter";grid-template-columns:1fr 1fr;grid-auto-rows:max-content max-content}.name{grid-area:name}.module-folder{grid-area:module-folder}.advanced-filter{grid-area:advanced-filter}.advanced-filter__container{display:grid;grid-auto-rows:max-content}.advanced-filter__first-row{grid-template-columns:1fr 1fr}.advanced-filter__second-row{grid-template-columns:1fr 1fr 1fr}.advanced-filter .all-descendants__modified{display:flex;flex-direction:row;align-items:center;block-size:32px;gap:16px;align-self:self-end}.field-date{grid-template-areas:"label-date-time label-date-time" "input-date-time icon-clear-date-time";grid-template-columns:1fr max-content;column-gap:var(--mer-spacing--2xs)}.label-date-time{display:flex;align-items:center;gap:6px;grid-area:label-date-time}.label-date-time .icon-md{--mer-icon__box--md:16.8px}.input-date-time{block-size:31.98px;grid-area:input-date-time}.icon-clear-date-time{grid-area:icon-clear-date-time}.tabular-grid{overflow:auto;inline-size:100%;border-inline-end:var(--section-common-border)}.tabular-grid.empty::part(main),.tabular-grid.loading::part(main){overflow:hidden}ch-tabular-grid-rowset-empty{position:relative}.main__files-container{display:grid;grid-template-columns:repeat(4, 1fr);gap:var(--mer-spacing--xs);position:relative;z-index:1}.hiChar{color:var(--mer-color__primary--200);filter:brightness(1.3)}.tabular-grid ch-tabular-grid-cell:is(: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}.tabular-grid-cell-description{min-inline-size:max-content !important}.hiChar{color:var(--mer-color__primary--200);filter:brightness(1.3)}';
 
@@ -613,4 +613,4 @@ G = new WeakMap, J = new WeakMap;
 ne.style = c;
 
 export { ne as gx_ide_ww_files };
-//# sourceMappingURL=p-8c867f9a.entry.js.map
+//# sourceMappingURL=p-072419f9.entry.js.map