@genexus/genexus-ide-ui 1.1.58 → 1.1.59

package/dist/types/common/config.d.ts

@@ -32,6 +32,7 @@ export declare const config: {
         blockAlign: ChPopoverAlign;
         inlineAlign: ChPopoverAlign;
         delay: number;
+        delayLong: number;
     };
     inputDebounce: number;
     headingsClasses: {

package/dist/types/components/_test/test.d.ts

@@ -1,5 +1,4 @@
 export declare class GxIdeTest {
-    #private;
     /**
      * The component name
      */

package/dist/types/components/team-dev/server-selector/server-selector.d.ts

@@ -2,16 +2,11 @@ import { ControlValidation } from "../../../common/form-validation";
 import { FormSubmitResult } from "../../../common/types";
 export declare class GxIdeServerSelector {
     #private;
-    [key: string]: any;
     el: HTMLGxIdeServerSelectorElement;
     /**
      * State to enable/disable confirm button.
      */
     enableConfirmButton: boolean;
-    /**
-     * State to track if this is the first selection made by the user.
-     */
-    isFirstSelection: boolean;
     /**
      * The current server URL input value.
      */
@@ -39,20 +34,25 @@ export declare class GxIdeServerSelector {
     /**
      * Servers filtered
      */
-    filteredConnectedServersData: ConnectedGXServerData[];
+    filteredServersData: ServerData[];
     validatableControls: Map<string, ControlValidation>;
     /**
      * The selected connection type
      */
     selectedConnectionType: ConnectionOption;
     /**
-     * The list of connected GX servers.
+     * The selected recently used server ID
+     */
+    selectedRecentlyUsedId: string;
+    /**
+     * The list of all GX servers.
      */
-    connectedServersData: ConnectedGXServerData[];
+    serversData: ServerData[];
+    serversDataChanged(newValue: ServerData[]): void;
     /**
      * The list of recently used servers.
      */
-    readonly recentlyUsedServersData: ConnectedGXServerData[];
+    readonly recentlyUsedServersData: ServerData[];
     /**
      * Callback that is invoked when the dialog is closed
      */
@@ -61,6 +61,14 @@ export declare class GxIdeServerSelector {
      * Callback that must be invoked when the 'Confirm' button is pressed and the Select Server option is checked.
      */
     readonly selectServerCallback: (authenticationSessionOrigin: AuthenticationSessionOrigin, connectionOption: ConnectionOption) => Promise<FormSubmitResult>;
+    /**
+     * Invoked to delete a server
+     */
+    readonly deleteServerCallback: (serverData: ServerData) => Promise<boolean>;
+    /**
+     * Invoked to update a server
+     */
+    readonly updateServerCallback: (serverData: ServerData) => Promise<FormSubmitResult>;
     componentWillLoad(): Promise<void>;
     componentDidRender(): void;
     render(): void;
@@ -74,12 +82,13 @@ export type AuthenticationSessionOrigin = {
     uri: string;
     name: string;
 };
-export type ConnectedGXServerData = {
+export type ServerData = {
     id: string;
     serverUrl: string;
     accessLevel: ServerAccessLevel;
     masterSessionUsername: string;
     serverName?: string;
+    sessionId?: string;
     gxServerUsername: string;
     isConnected: boolean;
 };

package/dist/types/components.d.ts

@@ -56,7 +56,7 @@ import { PluginAction, PluginData } from "./components/plugin-explorer/plugin-ex
 import { LoadReferencesCallback, ObjectData as ObjectData1, OpenObjectCallback, OpenSelectorDialogCallback, SelectorSourceCallback, SelectReferenceCallback } from "./components/references/references";
 import { CheckboxType, DialogAction, ItemNode } from "./components/select-kb-items/select-kb-items";
 import { TeamData } from "./components/select-user-team/select-user-team";
-import { AuthenticationSessionOrigin, ConnectedGXServerData, ConnectionOption } from "./components/team-dev/server-selector/server-selector";
+import { AuthenticationSessionOrigin, ConnectionOption, ServerData } from "./components/team-dev/server-selector/server-selector";
 import { KBVersion as KBVersion1, ShareKBData } from "./components/team-dev/share-kb/share-kb";
 import { AuthStep, TeamData as TeamData1 } from "./components/sign-in-team/sign-in-team";
 import { MessageType } from "./components/splash/splash";
@@ -128,7 +128,7 @@ export { PluginAction, PluginData } from "./components/plugin-explorer/plugin-ex
 export { LoadReferencesCallback, ObjectData as ObjectData1, OpenObjectCallback, OpenSelectorDialogCallback, SelectorSourceCallback, SelectReferenceCallback } from "./components/references/references";
 export { CheckboxType, DialogAction, ItemNode } from "./components/select-kb-items/select-kb-items";
 export { TeamData } from "./components/select-user-team/select-user-team";
-export { AuthenticationSessionOrigin, ConnectedGXServerData, ConnectionOption } from "./components/team-dev/server-selector/server-selector";
+export { AuthenticationSessionOrigin, ConnectionOption, ServerData } from "./components/team-dev/server-selector/server-selector";
 export { KBVersion as KBVersion1, ShareKBData } from "./components/team-dev/share-kb/share-kb";
 export { AuthStep, TeamData as TeamData1 } from "./components/sign-in-team/sign-in-team";
 export { MessageType } from "./components/splash/splash";
@@ -1979,19 +1979,31 @@ export namespace Components {
          */
         "cancelCallback": () => Promise<void>;
         /**
-          * The list of connected GX servers.
+          * Invoked to delete a server
          */
-        "connectedServersData": ConnectedGXServerData[];
+        "deleteServerCallback": (
+    serverData: ServerData
+  ) => Promise<boolean>;
         /**
           * The list of recently used servers.
          */
-        "recentlyUsedServersData": ConnectedGXServerData[];
+        "recentlyUsedServersData": ServerData[];
         /**
           * Callback that must be invoked when the 'Confirm' button is pressed and the Select Server option is checked.
          */
         "selectServerCallback": (
     authenticationSessionOrigin: AuthenticationSessionOrigin,
     connectionOption: ConnectionOption
+  ) => Promise<FormSubmitResult>;
+        /**
+          * The list of all GX servers.
+         */
+        "serversData": ServerData[];
+        /**
+          * Invoked to update a server
+         */
+        "updateServerCallback": (
+    serverData: ServerData
   ) => Promise<FormSubmitResult>;
     }
     interface GxIdeShareKb {
@@ -5678,19 +5690,31 @@ declare namespace LocalJSX {
          */
         "cancelCallback": () => Promise<void>;
         /**
-          * The list of connected GX servers.
+          * Invoked to delete a server
          */
-        "connectedServersData"?: ConnectedGXServerData[];
+        "deleteServerCallback": (
+    serverData: ServerData
+  ) => Promise<boolean>;
         /**
           * The list of recently used servers.
          */
-        "recentlyUsedServersData"?: ConnectedGXServerData[];
+        "recentlyUsedServersData"?: ServerData[];
         /**
           * Callback that must be invoked when the 'Confirm' button is pressed and the Select Server option is checked.
          */
         "selectServerCallback": (
     authenticationSessionOrigin: AuthenticationSessionOrigin,
     connectionOption: ConnectionOption
+  ) => Promise<FormSubmitResult>;
+        /**
+          * The list of all GX servers.
+         */
+        "serversData"?: ServerData[];
+        /**
+          * Invoked to update a server
+         */
+        "updateServerCallback": (
+    serverData: ServerData
   ) => Promise<FormSubmitResult>;
     }
     interface GxIdeShareKb {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genexus/genexus-ide-ui",
   "license": "Apache-2.0",
-  "version": "1.1.58",
+  "version": "1.1.59",
   "description": "GeneXus IDE UI components",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",

package/dist/cjs/config-df6ba4e9.js.map

@@ -1 +0,0 @@
-{"file":"config-df6ba4e9.js","mappings":";;AAEA;MACa,MAAM,GAAG;;IAEpB,OAAO,EAAE,IAAI;IACb,UAAU,EAAE;QACV,MAAM,EAAE;YACN,IAAI,EAAE,cAAc;YACpB,SAAS,EAAE,QAAQ;YACnB,OAAO,EAAE,GAAG;YACZ,QAAQ,EAAE,OAAO;YACjB,SAAS,EAAE,OAAO;SACnB;KACF;IACD,cAAc,EAAE;QACd,aAAa,EAAE,IAAI;KACpB;IACD,WAAW,EAAE;QACX,OAAO,EAAE;YACP,UAAU,EAAE,aAAa;YACzB,UAAU,EAAE,aAAa;YACzB,IAAI,EAAE,MAAM;YACZ,MAAM,EAAE,oBAAoB;YAC5B,YAAY,EAAE,oBAAoB;YAClC,WAAW,EAAE,oBAAoB;YACjC,UAAU,EAAE,OAAO;YACnB,QAAQ,EAAE,OAAO;SAClB;KACF;IACD,MAAM,EAAE;;QAEN,OAAO,EAAE,IAAI;KACd;IACD,eAAe,EAAE;QACf,UAAU,EAAE,eAAiC;QAC7C,WAAW,EAAE,cAAgC;QAC7C,KAAK,EAAE,GAAG;KACX;;IAED,aAAa,EAAE,GAAG;IAClB,eAAe,EAAE;QACf,WAAW,EAAE,oBAAoB;QACjC,SAAS,EAAE,gBAAgB;KAC5B;IACD,cAAc,EAAE;QACd,WAAW,EAAE,WAAW;QACxB,UAAU,EAAE,aAAa;KAC1B;;;;;","names":[],"sources":["src/common/config.ts"],"sourcesContent":["import { ChPopoverAlign } from \"@genexus/chameleon-controls-library\";\n\n/* The purpose of config is to provide a simple way to change options/settings that are generally applied on all the components*/\nexport const config = {\n  // tooltip is a property that exists on some gemini controls. When set to true, it will display the error/warning/success message (if any) by using a tooltip, instead of displaying the message under the control. The tooltip prevents changes on the component total height, which is desired.\n  tooltip: true,\n  gxgMessage: {\n    common: {\n      type: \"text-regular\",\n      textAlign: \"center\",\n      padding: \"m\",\n      maxWidth: \"250px\",\n      minHeight: \"300px\"\n    }\n  },\n  gxIdeContainer: {\n    slimmerFooter: true\n  },\n  tabularGrid: {\n    colSize: {\n      minContent: \"min-content\",\n      maxContent: \"max-content\",\n      auto: \"auto\",\n      common: \"minmax(100px, 1fr)\",\n      commonDouble: \"minmax(150px, 2fr)\",\n      description: \"minmax(300px, 1fr)\",\n      serverName: \"150px\",\n      userName: \"150px\"\n    }\n  },\n  loader: {\n    /* The amount of milliseconds the loader will display, before abort because of timeout*/\n    timeout: 4000\n  },\n  tooltipSettings: {\n    blockAlign: \"outside-start\" as ChPopoverAlign,\n    inlineAlign: \"inside-start\" as ChPopoverAlign,\n    delay: 200\n  },\n  /* The amount of milliseconds for any control that supports debounce */\n  inputDebounce: 500,\n  headingsClasses: {\n    cardRegular: \"subtitle-regular-s\",\n    cardSmall: \"body-regular-m\"\n  },\n  utilityClasses: {\n    opacityZero: \"opacity-0\",\n    exactMatch: \"exact-match\"\n  }\n};\n\n/* - - - - - - - - - - - - - - - - \nch-tree-view-render\n- - - - - - - - - - - - - - - -  */\nexport const getImagePathTreeViewCallback = (imageSrc: string) =>\n  `./assets/icons/${imageSrc}.svg#enabled`;\n"],"version":3}

package/dist/esm/config-9eaeb14b.js.map

@@ -1 +0,0 @@
-{"file":"config-9eaeb14b.js","mappings":"AAEA;MACa,MAAM,GAAG;;IAEpB,OAAO,EAAE,IAAI;IACb,UAAU,EAAE;QACV,MAAM,EAAE;YACN,IAAI,EAAE,cAAc;YACpB,SAAS,EAAE,QAAQ;YACnB,OAAO,EAAE,GAAG;YACZ,QAAQ,EAAE,OAAO;YACjB,SAAS,EAAE,OAAO;SACnB;KACF;IACD,cAAc,EAAE;QACd,aAAa,EAAE,IAAI;KACpB;IACD,WAAW,EAAE;QACX,OAAO,EAAE;YACP,UAAU,EAAE,aAAa;YACzB,UAAU,EAAE,aAAa;YACzB,IAAI,EAAE,MAAM;YACZ,MAAM,EAAE,oBAAoB;YAC5B,YAAY,EAAE,oBAAoB;YAClC,WAAW,EAAE,oBAAoB;YACjC,UAAU,EAAE,OAAO;YACnB,QAAQ,EAAE,OAAO;SAClB;KACF;IACD,MAAM,EAAE;;QAEN,OAAO,EAAE,IAAI;KACd;IACD,eAAe,EAAE;QACf,UAAU,EAAE,eAAiC;QAC7C,WAAW,EAAE,cAAgC;QAC7C,KAAK,EAAE,GAAG;KACX;;IAED,aAAa,EAAE,GAAG;IAClB,eAAe,EAAE;QACf,WAAW,EAAE,oBAAoB;QACjC,SAAS,EAAE,gBAAgB;KAC5B;IACD,cAAc,EAAE;QACd,WAAW,EAAE,WAAW;QACxB,UAAU,EAAE,aAAa;KAC1B;;;;;","names":[],"sources":["src/common/config.ts"],"sourcesContent":["import { ChPopoverAlign } from \"@genexus/chameleon-controls-library\";\n\n/* The purpose of config is to provide a simple way to change options/settings that are generally applied on all the components*/\nexport const config = {\n  // tooltip is a property that exists on some gemini controls. When set to true, it will display the error/warning/success message (if any) by using a tooltip, instead of displaying the message under the control. The tooltip prevents changes on the component total height, which is desired.\n  tooltip: true,\n  gxgMessage: {\n    common: {\n      type: \"text-regular\",\n      textAlign: \"center\",\n      padding: \"m\",\n      maxWidth: \"250px\",\n      minHeight: \"300px\"\n    }\n  },\n  gxIdeContainer: {\n    slimmerFooter: true\n  },\n  tabularGrid: {\n    colSize: {\n      minContent: \"min-content\",\n      maxContent: \"max-content\",\n      auto: \"auto\",\n      common: \"minmax(100px, 1fr)\",\n      commonDouble: \"minmax(150px, 2fr)\",\n      description: \"minmax(300px, 1fr)\",\n      serverName: \"150px\",\n      userName: \"150px\"\n    }\n  },\n  loader: {\n    /* The amount of milliseconds the loader will display, before abort because of timeout*/\n    timeout: 4000\n  },\n  tooltipSettings: {\n    blockAlign: \"outside-start\" as ChPopoverAlign,\n    inlineAlign: \"inside-start\" as ChPopoverAlign,\n    delay: 200\n  },\n  /* The amount of milliseconds for any control that supports debounce */\n  inputDebounce: 500,\n  headingsClasses: {\n    cardRegular: \"subtitle-regular-s\",\n    cardSmall: \"body-regular-m\"\n  },\n  utilityClasses: {\n    opacityZero: \"opacity-0\",\n    exactMatch: \"exact-match\"\n  }\n};\n\n/* - - - - - - - - - - - - - - - - \nch-tree-view-render\n- - - - - - - - - - - - - - - -  */\nexport const getImagePathTreeViewCallback = (imageSrc: string) =>\n  `./assets/icons/${imageSrc}.svg#enabled`;\n"],"version":3}

package/dist/genexus-ide-ui/p-0d2fb794.entry.js

@@ -1,446 +0,0 @@
-import { r as e, h as t, H as s, a as i } from "./p-9b9ccd0c.js";
-
-import { g as a } from "./p-d42e842b.js";
-
-import "./p-d4ecd3bb.js";
-
-import "lit";
-
-import "lit/directives/when.js";
-
-import "lit/directives/if-defined.js";
-
-import { c as r } from "./p-9a03ac9f.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 = ":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 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 f, b, p, m, g, v, w, y, k, M, _, W, x, z, C, N, I, S, j, T, E, R, A, H, U, D, F, L, P, V;
-
-const $ = [ "resets/box-sizing", "utils/form--full", "utils/layout", "utils/typography", "utils/spacing", "components/tooltip", "chameleon/scrollbar", "components/tabular-grid" ];
-
-const q = a({
-  category: "system",
-  name: "information",
-  colorType: "on-surface"
-});
-
-const B = a({
-  category: "system",
-  name: "lock",
-  colorType: "on-surface"
-});
-
-const G = a({
-  category: "system",
-  name: "language",
-  colorType: "on-surface"
-});
-
-const J = class {
-  constructor(s) {
-    e(this, s);
-    f.set(this, a({
-      category: "system",
-      name: "search",
-      colorType: "on-surface"
-    }));
-    b.set(this, [ {
-      value: "select",
-      caption: "Select a server from the list below"
-    }, {
-      value: "new",
-      caption: "Enter a server URL manually"
-    } ]);
-    p.set(this, void 0);
-    m.set(this, void 0);
-    g.set(this, void 0);
-    v.set(this, void 0);
-    w.set(this, void 0);
-    y.set(this, void 0);
-    k.set(this, void 0);
-    M.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.
-        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
-          });
-        }
-      }));
-    }));
-    z.set(this, (e => {
-      this.filterValue = e.detail.toLowerCase();
-      this.filteredConnectedServersData = this.connectedServersData.filter((e => e.serverName.toLowerCase().includes(this.filterValue)));
-    }));
-    C.set(this, ((e, t) => {
-      this.enableConfirmButton = false;
-      this[t] = e.detail;
-      const s = t === "serverUrlInputValue" ? "server-url" : "server-name";
-      o(this.validatableControls, s);
-      h(this, N, "f").call(this);
-    }));
-    N.set(this, (() => {
-      if (this.serverUrlInputValue && this.serverUrlInputValue.length > 0 && this.serverNameInputValue && this.serverNameInputValue.length > 0) {
-        this.enableConfirmButton = true;
-      } else {
-        this.enableConfirmButton = false;
-      }
-    }));
-    I.set(this, (e => {
-      h(this, j, "f").call(this, e);
-      h(this, _, "f").call(this);
-    }));
-    S.set(this, (e => {
-      h(this, T, "f").call(this, e);
-      h(this, _, "f").call(this);
-    }));
-    j.set(this, (e => h(this, E, "f").call(this, e, this.connectedServersData, h(this, m, "f"))));
-    T.set(this, (e => h(this, E, "f").call(this, e, this.recentlyUsedServersData, h(this, g, "f"))));
-    E.set(this, (async (e, t, s) => {
-      if (!this.isFirstSelection) {
-        u(this, v, h(this, w, "f"), "f");
-      }
-      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 === 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(h(this, v, "f"), false));
-      }
-    }));
-    R.set(this, (e => {
-      this.selectedConnectionType = e.detail;
-      if (this.selectedConnectionType === "new") {
-        this.enableConfirmButton = false;
-        this.serverUrlInputValue = "";
-      }
-      this.selectedServerName = "None";
-    }));
-    A.set(this, (e => {
-      this.filteredConnectedServersData = [ ...c(e, this.filteredConnectedServersData, "string", undefined) ];
-    }));
-    H.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: r.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: r.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: r.tabularGrid.colSize.auto,
-      resizable: false,
-      sortable: !e,
-      onColumnSortChanged: h(this, A, "f")
-    }), t("ch-tabular-grid-column", {
-      columnId: "userName",
-      class: "tabular-grid-column",
-      columnName: "Username",
-      settingable: false,
-      columnNameHidden: e,
-      size: r.tabularGrid.colSize.userName,
-      resizable: false,
-      sortable: !e,
-      onColumnSortChanged: h(this, A, "f")
-    }), t("ch-tabular-grid-column", {
-      columnId: "status",
-      class: "tabular-grid-column",
-      columnName: "Status",
-      settingable: false,
-      columnNameHidden: e,
-      size: r.tabularGrid.colSize.maxContent,
-      resizable: false,
-      sortable: false
-    }))));
-    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));
-    D.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 tabular-grid-cell-server-name"
-    }, e.serverName), t("ch-tabular-grid-cell", {
-      class: "tabular-grid-cell tabular-grid-cell-server-url"
-    }, 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") ]));
-    F.set(this, (e => t("ch-tabular-grid", {
-      class: "tabular-grid-recently-used tabular-grid",
-      rowSelectionMode: "single",
-      ref: e => u(this, m, e, "f"),
-      allowColumnReorder: false,
-      onRowClicked: h(this, T, "f"),
-      onRowDoubleClicked: h(this, S, "f"),
-      id: "recently-used-servers"
-    }, h(this, H, "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"
-    }, 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: q,
-      stateTitle: h(this, p, "f").emptyConnectedServers,
-      isAnimated: true
-    }))))));
-    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 => u(this, g, e, "f"),
-      allowColumnReorder: false,
-      onRowClicked: h(this, j, "f"),
-      onRowDoubleClicked: h(this, I, "f"),
-      id: "all-servers"
-    }, h(this, H, "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"
-    }, 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: q,
-      stateTitle: h(this, p, "f").emptyConnectedServers,
-      isAnimated: true
-    })))))));
-    P.set(this, (e => {
-      const s = e === "private" ? B : G;
-      return t("ch-image", {
-        class: "icon-md",
-        src: s
-      });
-    }));
-    V.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, M, "f")
-      }, h(this, p, "f").footer.cancel), t("button", {
-        // confirm button
-        class: "button-primary",
-        onClick: this.enableConfirmButton && h(this, _, "f"),
-        disabled: !this.enableConfirmButton
-      }, h(this, p, "f").footer.confirm)));
-    }));
-    this.enableConfirmButton = false;
-    this.isFirstSelection = true;
-    this.serverUrlInputValue = "";
-    this.serverNameInputValue = "";
-    this.selectedServerUri = undefined;
-    this.selectedServerName = "None";
-    this.userName = undefined;
-    this.filterValue = "";
-    this.filteredConnectedServersData = [];
-    this.validatableControls = new Map;
-    this.selectedConnectionType = "select";
-    this.connectedServersData = [];
-    this.recentlyUsedServersData = [];
-    this.cancelCallback = undefined;
-    this.selectServerCallback = undefined;
-  }
-  async componentWillLoad() {
-    var e, t;
-    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: $
-    }), 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, p, "f").header.title), t("ch-radio-group-render", {
-      class: "radio-group",
-      model: h(this, b, "f"),
-      onChange: h(this, R, "f"),
-      value: h(this, b, "f")[0].value
-    }), this.selectedConnectionType === "select" && t("ch-edit", {
-      class: "input search-server",
-      id: "server-name-search",
-      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", {
-      class: "field field-block spacing-body-inline"
-    }, t("label", {
-      class: "label",
-      htmlFor: "recently-used-servers"
-    }, 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"
-    }, 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"
-    }, t("div", {
-      class: "field field-block layout__panel"
-    }, t("label", {
-      class: "label",
-      htmlFor: "server-url"
-    }, h(this, p, "f").labels.serverUrl), t("ch-edit", {
-      // server url
-      class: "input",
-      id: "server-url",
-      value: this.serverUrlInputValue,
-      onInput: e => h(this, C, "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"
-    }, h(this, p, "f").labels.serverName), t("ch-edit", {
-      // server friendly name
-      class: "input",
-      id: "server-name",
-      value: this.serverNameInputValue,
-      onInput: e => h(this, C, "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" ];
-  }
-  get el() {
-    return i(this);
-  }
-};
-
-f = new WeakMap, b = new WeakMap, p = new WeakMap, m = new WeakMap, g = 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, C = new WeakMap, 
-N = new WeakMap, I = new WeakMap, S = new WeakMap, j = new WeakMap, T = new WeakMap, 
-E = new WeakMap, R = new WeakMap, A = new WeakMap, H = new WeakMap, U = new WeakMap, 
-D = new WeakMap, F = new WeakMap, L = new WeakMap, P = new WeakMap, V = new WeakMap;
-
-J.style = d;
-
-export { J as gx_ide_server_selector };
-//# sourceMappingURL=p-0d2fb794.entry.js.map