@genexus/genexus-ide-ui 1.1.58 → 1.1.59

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

@@ -0,0 +1,542 @@
+import { r as e, h as t, H as i, a as s } from "./p-9b9ccd0c.js";
+
+import { g as r } from "./p-d42e842b.js";
+
+import "./p-d4ecd3bb.js";
+
+import "lit";
+
+import "lit/directives/when.js";
+
+import "lit/directives/if-defined.js";
+
+import { c as a } from "./p-c5196b3b.js";
+
+import { v as l, c as o } from "./p-b32b6b1f.js";
+
+import { L as n } from "./p-311eedf3.js";
+
+import { s as c } 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)}";
+
+var h = 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) {
+  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;
+
+const q = [ "resets/box-sizing", "utils/form--full", "utils/layout", "utils/typography", "utils/spacing", "components/tooltip", "chameleon/scrollbar", "components/tabular-grid" ];
+
+const B = r({
+  category: "system",
+  name: "information",
+  colorType: "on-surface"
+});
+
+const G = r({
+  category: "system",
+  name: "lock",
+  colorType: "on-surface"
+});
+
+const J = r({
+  category: "system",
+  name: "language",
+  colorType: "on-surface"
+});
+
+const K = r({
+  category: "system",
+  name: "delete-outlined",
+  colorType: "neutral"
+});
+
+const Q = r({
+  category: "system",
+  name: "error",
+  colorType: "error"
+});
+
+const X = r({
+  category: "system",
+  name: "search",
+  colorType: "on-surface"
+});
+
+const Y = "server-name-";
+
+const Z = class {
+  constructor(i) {
+    e(this, i);
+    f.set(this, void 0);
+    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, (() => {
+      this.cancelCallback();
+    }));
+    _.set(this, (async () => {
+      let e;
+      if (this.selectedConnectionType === "select") {
+        e = await this.selectServerCallback({
+          uri: this.selectedServerUri,
+          name: this.selectedServerName
+        }, 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.
+        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", {
+        class: "tooltip",
+        actionElement: e,
+        blockAlign: a.tooltipSettings.blockAlign,
+        inlineAlign: a.tooltipSettings.inlineAlign,
+        delay: a.tooltipSettings.delay
+      }, this.validatableControls.get(e.id).message);
+    }));
+    x.set(this, (e => {
+      e.forEach((e => {
+        if (e.id && !this.validatableControls.has(e.id)) {
+          this.validatableControls.set(e.id, {
+            reference: e,
+            hasError: false,
+            message: undefined
+          });
+        }
+      }));
+    }));
+    M.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) => {
+      this.enableConfirmButton = false;
+      this[t] = e.detail;
+      const i = t === "serverUrlInputValue" ? "server-url" : "server-name";
+      o(this.validatableControls, i);
+      h(this, I, "f").call(this);
+    }));
+    z.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);
+    }));
+    C.set(this, (async e => {
+      if (e.accessLevel === "private") {
+        const t = await this.deleteServerCallback(e);
+        if (t) {
+          this.selectedServerName = "None";
+          this.enableConfirmButton = false;
+        }
+      }
+    }));
+    N.set(this, (async e => {
+      u(this, g, e.detail, "f");
+    }));
+    j.set(this, (async e => {
+      let t = {
+        fieldErrors: [],
+        success: false
+      };
+      if (e.serverName !== h(this, g, "f") && e.accessLevel === "private") {
+        t = await this.updateServerCallback(Object.assign(Object.assign({}, e), {
+          serverName: h(this, g, "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}`);
+      }
+    }));
+    I.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);
+    }));
+    E.set(this, (e => h(this, S, "f").call(this, e.detail.rowId)));
+    S.set(this, (async e => {
+      if (e === undefined) {
+        this.enableConfirmButton = false;
+        this.selectedServerUri = undefined;
+        this.selectedServerName = undefined;
+        return;
+      }
+      const t = this.serversData.find((t => t.id === e));
+      this.enableConfirmButton = true;
+      this.selectedServerName = t === null || t === void 0 ? void 0 : t.serverName;
+      this.selectedServerUri = t === null || t === void 0 ? void 0 : t.serverUrl;
+      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 => {
+      this.selectedConnectionType = e.detail;
+      if (this.selectedConnectionType === "new") {
+        this.enableConfirmButton = false;
+        this.serverUrlInputValue = "";
+      }
+      this.selectedServerName = "None";
+    }));
+    A.set(this, (e => {
+      this.filteredServersData = [ ...c(e, this.filteredServersData, "string", undefined) ];
+    }));
+    D.set(this, ((e = false) => t("ch-tabular-grid-columnset", {
+      class: "tabular-grid-column-set"
+    }, t("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,
+      resizable: false,
+      sortable: false
+    }), t("ch-tabular-grid-column", {
+      columnId: "serverName",
+      class: "tabular-grid-column",
+      columnName: "Server Name",
+      settingable: false,
+      columnNameHidden: e,
+      size: a.tabularGrid.colSize.serverName,
+      resizable: false,
+      sortable: !e,
+      onColumnSortChanged: h(this, A, "f")
+    }), t("ch-tabular-grid-column", {
+      columnId: "serverUrl",
+      class: "tabular-grid-column",
+      columnName: "Server Url",
+      settingable: false,
+      columnNameHidden: e,
+      size: a.tabularGrid.colSize.auto,
+      resizable: false,
+      sortable: !e,
+      onColumnSortChanged: h(this, A, "f")
+    }), t("ch-tabular-grid-column", {
+      columnId: "userName",
+      class: "tabular-grid-column",
+      columnName: "Connected",
+      settingable: false,
+      columnNameHidden: e,
+      size: a.tabularGrid.colSize.userName,
+      resizable: false,
+      sortable: !e,
+      onColumnSortChanged: h(this, A, "f")
+    }), t("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,
+      resizable: false,
+      sortable: false
+    }))));
+    H.set(this, (e => e !== "" ? t("ch-tooltip", {
+      class: "tooltip",
+      actionElement: null,
+      blockAlign: "outside-end",
+      inlineAlign: a.tooltipSettings.inlineAlign,
+      delay: a.tooltipSettings.delayLong
+    }, e) : null));
+    F.set(this, (e => t("ch-tabular-grid-rowset", {
+      class: "tabular-grid-rowset"
+    }, t("ch-tabular-grid-rowset-empty", {
+      class: "tabular-grid-rowset-empty"
+    }, t("p", {
+      class: "warning-error-description"
+    }, t("ch-image", {
+      class: "icon-md warning-error-icon",
+      src: Q
+    }), e)))));
+    L.set(this, (e => [ t("ch-tabular-grid-cell", {
+      class: "tabular-grid-cell"
+    }, h(this, P, "f").call(this, e.accessLevel)), t("ch-tabular-grid-cell", {
+      class: "tabular-grid-cell"
+    }, e.accessLevel === "private" ? t("ch-edit", {
+      id: `${Y}${e.id}`,
+      value: e.serverName,
+      onInput: h(this, N, "f"),
+      onChange: () => h(this, j, "f").call(this, e),
+      maxLength: 18,
+      ref: t => {
+        const i = `${Y}${e.id}`;
+        if (t) {
+          h(this, v, "f").set(i, t);
+        } else {
+          h(this, v, "f").delete(i);
+        }
+      }
+    }) : e.serverName), t("ch-tabular-grid-cell", {
+      class: "tabular-grid-cell"
+    }, e.serverUrl, h(this, H, "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",
+      onClick: () => h(this, C, "f").call(this, e)
+    }, t("button", {
+      class: "button-tertiary button-icon-only",
+      "aria-label": h(this, f, "f").actions.deleteServer,
+      disabled: e.accessLevel === "public"
+    }, t("ch-image", {
+      disabled: e.accessLevel === "public",
+      class: "icon-md delete-server-icon",
+      src: K
+    }))) ]));
+    U.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 => u(this, p, e, "f"),
+      allowColumnReorder: false,
+      onRowClicked: h(this, E, "f"),
+      id: "all-servers"
+    }, h(this, D, "f").call(this), this.filteredServersData.length > 0 ? t("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;
+      const l = (s = this.validatableControls.get(r)) === null || s === void 0 ? void 0 : s.message;
+      return t("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", {
+      class: "tabular-grid-rowset"
+    }, t("ch-tabular-grid-rowset-empty", {
+      class: "tabular-grid-rowset-empty"
+    }, t("gx-ide-empty-state", {
+      stateIconSrc: B,
+      stateTitle: h(this, f, "f").emptyConnectedServers,
+      isAnimated: true
+    })))))));
+    P.set(this, (e => {
+      const i = e === "private" ? G : J;
+      return t("ch-image", {
+        class: "icon-md",
+        src: i
+      });
+    }));
+    R.set(this, (() => {
+      const e = this.selectedConnectionType === "select";
+      return t("footer", {
+        class: {
+          "control-footer-with-border": true,
+          "control-footer-space-between": this.selectedConnectionType === "select",
+          "space-between": e,
+          "spacing-body-inline": true,
+          "spacing-body-block": true
+        }
+      }, e && t("p", {
+        class: "body-italic-m"
+      }, "Selected: ", this.selectedServerName), t("div", {
+        class: "buttons-spacer"
+      }, t("button", {
+        // cancel button
+        class: "button-secondary",
+        onClick: h(this, y, "f")
+      }, h(this, f, "f").footer.cancel), t("button", {
+        // confirm button
+        class: "button-primary",
+        onClick: this.enableConfirmButton && h(this, _, "f"),
+        disabled: !this.enableConfirmButton
+      }, h(this, f, "f").footer.confirm)));
+    }));
+    V.set(this, (() => {
+      const e = this.selectedConnectionType === "select" && this.recentlyUsedServersData.length > 0;
+      return e && t("div", {
+        class: "field field-block spacing-body-inline"
+      }, t("label", {
+        class: "label",
+        htmlFor: "recently-used-servers"
+      }, h(this, f, "f").recentlyUsed.title), t("div", {
+        class: {
+          layout: true,
+          "layout--cols-3": this.recentlyUsedServersData.length >= 3,
+          "layout--cols-2": this.recentlyUsedServersData.length <= 2
+        }
+      }, this.recentlyUsedServersData.map((e => t("button", {
+        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", {
+        class: "recently-used-card-content"
+      }, t("p", {
+        class: "body-regular-s text-neutral-gray-400"
+      }, e.serverName), t("p", {
+        class: "body-regular-s text-neutral-gray-400 text-decoration-line-underline"
+      }, e.serverUrl)), h(this, H, "f").call(this, e.serverUrl))))));
+    }));
+    O.set(this, (() => t("div", {
+      class: "field field-block field-block-all-servers spacing-body-inline"
+    }, t("label", {
+      class: "label",
+      htmlFor: "all-servers"
+    }, h(this, f, "f").allServers.title), h(this, U, "f").call(this))));
+    this.enableConfirmButton = false;
+    this.serverUrlInputValue = "";
+    this.serverNameInputValue = "";
+    this.selectedServerUri = undefined;
+    this.selectedServerName = "None";
+    this.userName = undefined;
+    this.filterValue = "";
+    this.filteredServersData = [];
+    this.validatableControls = new Map;
+    this.selectedConnectionType = "select";
+    this.selectedRecentlyUsedId = undefined;
+    this.serversData = [];
+    this.recentlyUsedServersData = [];
+    this.cancelCallback = undefined;
+    this.selectServerCallback = undefined;
+    this.deleteServerCallback = undefined;
+    this.updateServerCallback = undefined;
+  }
+  serversDataChanged(e) {
+    this.filteredServersData = e;
+  }
+  async componentWillLoad() {
+    var e, t;
+    u(this, f, await n.getComponentStrings(this.el), "f");
+    u(this, w, [ {
+      value: "select",
+      caption: h(this, f, "f").captions.selectServer
+    }, {
+      value: "new",
+      caption: h(this, f, "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 === "select" && h(this, v, "f").size > 0) {
+      h(this, x, "f").call(this, [ ...h(this, v, "f").values() ]);
+    }
+  }
+  render() {
+    return t(i, {
+      class: {
+        "widget elevation-1": true,
+        "new-connection": this.selectedConnectionType === "new",
+        "recently-used-empty": this.recentlyUsedServersData.length === 0
+      }
+    }, t("ch-theme", {
+      model: q
+    }), t("main", {
+      class: "section"
+    }, t("header", {
+      class: "header spacing-body-block-start spacing-body-inline"
+    }, t("div", {
+      class: "field-group"
+    }, t("label", {
+      class: "body-regular-m text-neutral-gray-400"
+    }, h(this, f, "f").header.title), t("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", {
+      class: "input search-server",
+      id: "server-name-search",
+      startImgSrc: X,
+      onInput: h(this, M, "f"),
+      placeholder: h(this, f, "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", {
+      class: "spacing-body-inline"
+    }, t("div", {
+      class: "layout layout--cols-2"
+    }, t("div", {
+      class: "field field-block layout__panel"
+    }, t("label", {
+      class: "label",
+      htmlFor: "server-url"
+    }, h(this, f, "f").labels.serverUrl), t("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", {
+      class: "field field-block layout__panel"
+    }, t("label", {
+      class: "label",
+      htmlFor: "server-name"
+    }, h(this, f, "f").labels.serverName), t("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,
+      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)));
+  }
+  static get assetsDirs() {
+    return [ "gx-ide-assets/server-selector" ];
+  }
+  get el() {
+    return s(this);
+  }
+  static get watchers() {
+    return {
+      serversData: [ "serversDataChanged" ]
+    };
+  }
+};
+
+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;
+
+Z.style = d;
+
+export { Z as gx_ide_server_selector };
+//# sourceMappingURL=p-91497934.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["serverSelectorCss","CSS_BUNDLES","INFO_ICON","getIconPath","category","name","colorType","LOCK_ICON","LANGUAGE_ICON","DELETE_ICON","ERROR_ICON","SEARCH_ICON","SERVER_NAME_PREFIX","GxIdeServerSelector","_GxIdeServerSelector__componentLocale","set","this","_GxIdeServerSelector_chGridAllServersEl","_GxIdeServerSelector_serverUrlEL","_GxIdeServerSelector_serverFriendlyNameEL","_GxIdeServerSelector_updatedServerName","_GxIdeServerSelector_serverNameEditElsMap","Map","_GxIdeServerSelector_versionsSelect","_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","forEach","validatableControl","has","reference","undefined","_GxIdeServerSelector_filterValueChangedHandler","event","filterValue","detail","toLowerCase","filteredServersData","serversData","filter","item","serverName","includes","_GxIdeServerSelector_inputHandler","field","enableConfirmButton","controlId","clearControlError","__classPrivateFieldGet","_GxIdeServerSelector_enableConfirmButton","call","_GxIdeServerSelector_handleRecentlyUsedCardClick","server","selectedRecentlyUsedId","selectRow","_GxIdeServerSelector_handleServerSelection","_GxIdeServerSelector_handleDeleteServer","serverData","accessLevel","result","deleteServerCallback","_GxIdeServerSelector_onServerNameInput","__classPrivateFieldSet","_GxIdeServerSelector_onServerNameChange","fieldErrors","success","updateServerCallback","Object","assign","length","_GxIdeServerSelector_onRecentlyUsedDoubleClickHandler","_GxIdeServerSelector_onServersRowClickHandler","rowId","selectedRowId","selectedServer","find","serverUrl","userName","gxServerUsername","_GxIdeServerSelector_connectionTypeChangedHandler","_GxIdeServerSelector_sortTabularGridColumnCallback","e","sortTabularGridColumn","_GxIdeServerSelector_renderTabularGridColumnSet","hideColumnName","columnId","columnName","settingable","columnNameHidden","size","tabularGrid","colSize","maxContent","resizable","sortable","onColumnSortChanged","auto","_GxIdeServerSelector_renderTooltip","text","delayLong","_GxIdeServerSelector_renderServerNameErrorMessage","errorMsg","src","_GxIdeServerSelector_renderTabularGridCommonCells","_GxIdeServerSelector_renderIcon","value","onInput","onChange","maxLength","ref","el","key","delete","onClick","actions","deleteServer","disabled","_GxIdeServerSelector_renderAllServersGrid","rowSelectionMode","allowColumnReorder","onRowClicked","map","serverNameEditKey","rowid","stateIconSrc","stateTitle","emptyConnectedServers","isAnimated","icon","_GxIdeServerSelector_renderFooter","isSelectionMode","footer","cancel","confirm","_GxIdeServerSelector_renderRecentlyUsed","renderRecentlyUsed","recentlyUsedServersData","htmlFor","recentlyUsed","title","layout","layout__panel","onDblClick","_GxIdeServerSelector_renderAllServers","allServers","serversDataChanged","newValue","componentWillLoad","Locale","getComponentStrings","caption","captions","selectServer","addServer","componentDidRender","clear","values","render","Host","model","header","startImgSrc","placeholder","placeholders","searchServers","accessibleName","type","labels"],"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@import \"../common/styles.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// All Servers\n\n.tabular-grid {\n  overflow: auto;\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.field-block-all-servers {\n  overflow: auto;\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\n.recently-used-card {\n  border: 1px solid var(--grid-cell__border-color);\n  border-radius: var(--mer-border__radius--sm);\n  cursor: pointer;\n\n  &:hover {\n    background-color: var(--mer-color__tinted-primary--5);\n  }\n\n  &:focus-visible {\n    @include focus-outline();\n  }\n\n  &--selected {\n    background-color: var(--mer-color__tinted-primary--10);\n    border-color: var(--mer-color__tinted-primary--30);\n  }\n}\n\n.recently-used-card-content {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: flex-start;\n  padding: 8px;\n  gap: 2px;\n  overflow: hidden;\n\n  .text-decoration-line-underline {\n    @include cell-ellipsis();\n    max-width: 100%;\n    text-decoration: underline;\n  }\n}\n\n// All Severs tabular-grid\n\n.delete-server-icon {\n  // WA: Getr and apply the marign inline value on the ch-image,\n  // so that the button looks squared. This happens because the\n  // button is \"tertiary\", which happens to have no padding-inline.\n  // TODO: Investigate a solution that works without a WA.\n  $cellBlockSize: 30.39px;\n  margin-inline: calc((#{$cellBlockSize} - var(--ch-image-size)) / 2);\n}\n\n@include tabular-grid-cell-layout(\n  $tabular-grid-selector: \".tabular-grid\",\n  $tabular-grid-cell-node-type: \"element\",\n  $tabular-grid-affected-columns-nth-list: (\n    5\n  )\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, Watch } 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\nconst DELETE_ICON = getIconPath({\n  category: \"system\",\n  name: \"delete-outlined\",\n  colorType: \"neutral\"\n});\n\nconst ERROR_ICON = getIconPath({\n  category: \"system\",\n  name: \"error\",\n  colorType: \"error\"\n});\n\nconst SEARCH_ICON = getIconPath({\n  category: \"system\",\n  name: \"search\",\n  colorType: \"on-surface\"\n});\n\nconst SERVER_NAME_PREFIX = \"server-name-\";\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  #_componentLocale: any;\n\n  #chGridAllServersEl: HTMLChTabularGridElement;\n  #serverUrlEL: HTMLChEditElement;\n  #serverFriendlyNameEL: HTMLChEditElement;\n  #updatedServerName: string | undefined;\n  #serverNameEditElsMap: Map<string, HTMLChEditElement> = new Map();\n  #versionsSelect: RadioGroupItemModel[] = [];\n\n  @Element() el: HTMLGxIdeServerSelectorElement;\n\n  /**\n   * State to enable/disable confirm button.\n   */\n  @State() enableConfirmButton: boolean = false;\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() filteredServersData: ServerData[] = [];\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 selected recently used server ID\n   */\n  @State() selectedRecentlyUsedId: string;\n\n  /**\n   * The list of all GX servers.\n   */\n  @Prop({ mutable: true }) serversData: ServerData[] = [];\n  @Watch(\"serversData\")\n  serversDataChanged(newValue: ServerData[]) {\n    this.filteredServersData = newValue;\n  }\n  /**\n   * The list of recently used servers.\n   */\n  @Prop() readonly recentlyUsedServersData: ServerData[] = [];\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  /**\n   * Invoked to delete a server\n   */\n  @Prop() readonly deleteServerCallback!: (\n    serverData: ServerData\n  ) => Promise<boolean>;\n\n  /**\n   * Invoked to update a server\n   */\n  @Prop() readonly updateServerCallback!: (\n    serverData: ServerData\n  ) => Promise<FormSubmitResult>;\n\n  async componentWillLoad() {\n    this.#_componentLocale = await Locale.getComponentStrings(this.el);\n\n    this.#versionsSelect = [\n      {\n        value: \"select\",\n        caption: this.#_componentLocale.captions.selectServer\n      },\n      {\n        value: \"new\",\n        caption: this.#_componentLocale.captions.addServer\n      }\n    ];\n\n    this.selectedServerUri = this.serversData[0]?.serverUrl;\n    this.userName = this.serversData[0]?.gxServerUsername;\n\n    this.filteredServersData = this.serversData;\n  }\n\n  componentDidRender() {\n    if (\n      this.selectedConnectionType === \"new\" &&\n      this.#serverUrlEL &&\n      this.#serverFriendlyNameEL\n    ) {\n      this.#initializeValidatableControls([\n        this.#serverUrlEL,\n        this.#serverFriendlyNameEL\n      ]);\n      this.#serverNameEditElsMap.clear();\n    }\n\n    if (\n      this.selectedConnectionType === \"select\" &&\n      this.#serverNameEditElsMap.size > 0\n    ) {\n      this.#initializeValidatableControls([\n        ...this.#serverNameEditElsMap.values()\n      ]);\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 = (validatableControls: HTMLElement[]) => {\n    validatableControls.forEach(validatableControl => {\n      if (\n        validatableControl.id &&\n        !this.validatableControls.has(validatableControl.id)\n      ) {\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.filteredServersData = this.serversData.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  #handleRecentlyUsedCardClick = async (server: ServerData) => {\n    this.selectedRecentlyUsedId = server.id;\n    await this.#chGridAllServersEl?.selectRow(server.id);\n    await this.#handleServerSelection(server.id);\n  };\n\n  #handleDeleteServer = async (serverData: ServerData) => {\n    if (serverData.accessLevel === \"private\") {\n      const result = await this.deleteServerCallback(serverData);\n      if (result) {\n        this.selectedServerName = \"None\";\n        this.enableConfirmButton = false;\n      }\n    }\n  };\n\n  #onServerNameInput = async (\n    event: ChEditCustomEvent<string> | InputEvent\n  ) => {\n    this.#updatedServerName = event.detail as string;\n  };\n\n  #onServerNameChange = async (serverData: ServerData) => {\n    let result: FormSubmitResult = {\n      fieldErrors: [],\n      success: false\n    };\n    if (\n      serverData.serverName !== this.#updatedServerName &&\n      serverData.accessLevel === \"private\"\n    ) {\n      result = await this.updateServerCallback({\n        ...serverData,\n        serverName: this.#updatedServerName\n      });\n    }\n\n    this.validatableControls = validateControls(\n      result,\n      this.validatableControls\n    );\n\n    if (result.success || serverData.serverName === this.#updatedServerName) {\n      this.selectedServerName = this.#updatedServerName;\n      clearControlError(\n        this.validatableControls,\n        `${SERVER_NAME_PREFIX}${serverData.id}`\n      );\n    }\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  #onRecentlyUsedDoubleClickHandler = (serverData: ServerData) => {\n    this.#handleServerSelection(serverData.id);\n    this.#confirmHandler();\n  };\n\n  #onServersRowClickHandler = (\n    event: CustomEvent<TabularGridRowClickedEvent>\n  ) => this.#handleServerSelection(event.detail.rowId);\n\n  #handleServerSelection = async (selectedRowId: string): Promise<void> => {\n    if (selectedRowId === undefined) {\n      this.enableConfirmButton = false;\n      this.selectedServerUri = undefined;\n      this.selectedServerName = undefined;\n      return;\n    }\n\n    const selectedServer = this.serversData.find(\n      server => server.id === selectedRowId\n    );\n    this.enableConfirmButton = true;\n    this.selectedServerName = selectedServer?.serverName;\n    this.selectedServerUri = selectedServer?.serverUrl;\n    this.userName = selectedServer?.gxServerUsername || \"\";\n    this.selectedRecentlyUsedId = selectedServer?.id;\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.filteredServersData = [\n      ...sortTabularGridColumn(e, this.filteredServersData, \"string\", undefined)\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=\"Connected\"\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=\"action\"\n          class=\"tabular-grid-column tabular-grid-column-icon\"\n          columnName=\"Action\"\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-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.delayLong}\n      >\n        {text}\n      </ch-tooltip>\n    ) : null;\n  };\n\n  #renderServerNameErrorMessage = (errorMsg: string) => {\n    return (\n      <ch-tabular-grid-rowset class=\"tabular-grid-rowset\">\n        <ch-tabular-grid-rowset-empty class=\"tabular-grid-rowset-empty\">\n          <p class=\"warning-error-description\">\n            <ch-image\n              class=\"icon-md warning-error-icon\"\n              src={ERROR_ICON}\n            ></ch-image>\n            {errorMsg}\n          </p>\n        </ch-tabular-grid-rowset-empty>\n      </ch-tabular-grid-rowset>\n    );\n  };\n\n  #renderTabularGridCommonCells = (serverData: ServerData) => {\n    return [\n      <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n        {this.#renderIcon(serverData.accessLevel)}\n      </ch-tabular-grid-cell>,\n      <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n        {serverData.accessLevel === \"private\" ? (\n          <ch-edit\n            id={`${SERVER_NAME_PREFIX}${serverData.id}`}\n            value={serverData.serverName}\n            onInput={this.#onServerNameInput}\n            onChange={() => this.#onServerNameChange(serverData)}\n            maxLength={18}\n            ref={el => {\n              const key = `${SERVER_NAME_PREFIX}${serverData.id}`;\n              if (el) {\n                this.#serverNameEditElsMap.set(key, el as HTMLChEditElement);\n              } else {\n                this.#serverNameEditElsMap.delete(key);\n              }\n            }}\n          ></ch-edit>\n        ) : (\n          serverData.serverName\n        )}\n      </ch-tabular-grid-cell>,\n      <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n        {serverData.serverUrl}\n        {this.#renderTooltip(serverData.serverUrl)}\n      </ch-tabular-grid-cell>,\n      <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n        {serverData.gxServerUsername}\n      </ch-tabular-grid-cell>,\n      <ch-tabular-grid-cell\n        class=\"tabular-grid-cell\"\n        onClick={() => this.#handleDeleteServer(serverData)}\n      >\n        <button\n          class=\"button-tertiary button-icon-only\"\n          aria-label={this.#_componentLocale.actions.deleteServer}\n          disabled={serverData.accessLevel === \"public\"}\n        >\n          <ch-image\n            disabled={serverData.accessLevel === \"public\"}\n            class=\"icon-md delete-server-icon\"\n            src={DELETE_ICON}\n          ></ch-image>\n        </button>\n      </ch-tabular-grid-cell>\n    ];\n  };\n\n  #renderAllServersGrid = (): 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.#chGridAllServersEl = el)\n          }\n          allowColumnReorder={false}\n          onRowClicked={this.#onServersRowClickHandler}\n          id=\"all-servers\"\n        >\n          {this.#renderTabularGridColumnSet()}\n          {this.filteredServersData.length > 0 ? (\n            <ch-tabular-grid-rowset class=\"tabular-grid-rowset\">\n              {this.filteredServersData.map((serverData: ServerData) => {\n                const serverNameEditKey = `${SERVER_NAME_PREFIX}${serverData.id}`;\n                const hasError =\n                  this.validatableControls.get(serverNameEditKey)?.hasError ===\n                  true;\n                const errorMsg =\n                  this.validatableControls.get(serverNameEditKey)?.message;\n\n                return (\n                  <ch-tabular-grid-row\n                    rowid={serverData.id}\n                    class=\"tabular-grid-row\"\n                  >\n                    {this.#renderTabularGridCommonCells(serverData)}\n                    {hasError && this.#renderServerNameErrorMessage(errorMsg)}\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  #renderRecentlyUsed = () => {\n    const renderRecentlyUsed =\n      this.selectedConnectionType === \"select\" &&\n      this.recentlyUsedServersData.length > 0;\n\n    return (\n      renderRecentlyUsed && (\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          <div\n            class={{\n              \"layout\": true,\n              \"layout--cols-3\": this.recentlyUsedServersData.length >= 3,\n              \"layout--cols-2\": this.recentlyUsedServersData.length <= 2\n            }}\n          >\n            {this.recentlyUsedServersData.map((server: ServerData) => (\n              <button\n                class={{\n                  \"layout__panel\": true,\n                  \"recently-used-card\": true,\n                  \"recently-used-card--selected\":\n                    this.selectedRecentlyUsedId === server.id\n                }}\n                onClick={() => this.#handleRecentlyUsedCardClick(server)}\n                onDblClick={() =>\n                  this.#onRecentlyUsedDoubleClickHandler(server)\n                }\n              >\n                <div class=\"recently-used-card-content\">\n                  <p class=\"body-regular-s text-neutral-gray-400\">\n                    {server.serverName}\n                  </p>\n                  <p class=\"body-regular-s text-neutral-gray-400 text-decoration-line-underline\">\n                    {server.serverUrl}\n                  </p>\n                </div>\n                {this.#renderTooltip(server.serverUrl)}\n              </button>\n            ))}\n          </div>\n        </div>\n      )\n    );\n  };\n\n  #renderAllServers = () => {\n    return (\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.#renderAllServersGrid()}\n      </div>\n    );\n  };\n\n  render(): void {\n    return (\n      <Host\n        class={{\n          \"widget elevation-1\": true,\n          \"new-connection\": this.selectedConnectionType === \"new\",\n          \"recently-used-empty\": this.recentlyUsedServersData.length === 0\n        }}\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={SEARCH_ICON}\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\n          {this.selectedConnectionType === \"select\" && [\n            this.#renderRecentlyUsed(),\n            this.#renderAllServers()\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 ServerData = {\n  id: string;\n  serverUrl: string;\n  accessLevel: ServerAccessLevel;\n  masterSessionUsername: string;\n  serverName?: string;\n  sessionId?: 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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"}