@genexus/genexus-ide-ui 1.1.58 → 1.1.59

package/dist/cjs/gx-ide-server-selector.cjs.entry.js

@@ -8,12 +8,12 @@ require('./mer-animated-dots-001c7465.js');
 require('lit');
 require('lit/directives/when.js');
 require('lit/directives/if-defined.js');
-const config = require('./config-df6ba4e9.js');
+const config = require('./config-3bb95f39.js');
 const formValidation = require('./form-validation-54acc775.js');
 const locale = require('./locale-ff30a5f3.js');
 const tabularGridColumnSort = require('./tabular-grid-column-sort-5ca06dc1.js');
 
-const serverSelectorCss = ":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}";
+const serverSelectorCss = ".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 __classPrivateFieldGet = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
     if (kind === "a" && !f)
@@ -31,7 +31,7 @@ var __classPrivateFieldSet = (undefined && undefined.__classPrivateFieldSet) ||
         throw new TypeError("Cannot write private member to an object whose class did not declare it");
     return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
 };
-var _GxIdeServerSelector_chSearchIcon, _GxIdeServerSelector_versionsSelect, _GxIdeServerSelector__componentLocale, _GxIdeServerSelector_chGridRecentlyUsedServersEl, _GxIdeServerSelector_chGridConnectedServersEl, _GxIdeServerSelector_previousSelectedRowId, _GxIdeServerSelector_selectedRowId, _GxIdeServerSelector_serverUrlEL, _GxIdeServerSelector_serverFriendlyNameEL, _GxIdeServerSelector_cancelHandler, _GxIdeServerSelector_confirmHandler, _GxIdeServerSelector_evaluateTooltipRender, _GxIdeServerSelector_initializeValidatableControls, _GxIdeServerSelector_filterValueChangedHandler, _GxIdeServerSelector_inputHandler, _GxIdeServerSelector_enableConfirmButton, _GxIdeServerSelector_onConnectedServersRowDoubleClickHandler, _GxIdeServerSelector_onRecentlyUsedRowDoubleClickHandler, _GxIdeServerSelector_selectConnectedServersHandler, _GxIdeServerSelector_selectRecentlyUsedServersHandler, _GxIdeServerSelector_handleServerSelection, _GxIdeServerSelector_connectionTypeChangedHandler, _GxIdeServerSelector_sortTabularGridColumnCallback, _GxIdeServerSelector_renderTabularGridColumnSet, _GxIdeServerSelector_renderTooltip, _GxIdeServerSelector_renderTabularGridCommonCells, _GxIdeServerSelector_renderRecentlyUsedServersGrid, _GxIdeServerSelector_renderConnectedServersGrid, _GxIdeServerSelector_renderIcon, _GxIdeServerSelector_renderFooter;
+var _GxIdeServerSelector__componentLocale, _GxIdeServerSelector_chGridAllServersEl, _GxIdeServerSelector_serverUrlEL, _GxIdeServerSelector_serverFriendlyNameEL, _GxIdeServerSelector_updatedServerName, _GxIdeServerSelector_serverNameEditElsMap, _GxIdeServerSelector_versionsSelect, _GxIdeServerSelector_cancelHandler, _GxIdeServerSelector_confirmHandler, _GxIdeServerSelector_evaluateTooltipRender, _GxIdeServerSelector_initializeValidatableControls, _GxIdeServerSelector_filterValueChangedHandler, _GxIdeServerSelector_inputHandler, _GxIdeServerSelector_handleRecentlyUsedCardClick, _GxIdeServerSelector_handleDeleteServer, _GxIdeServerSelector_onServerNameInput, _GxIdeServerSelector_onServerNameChange, _GxIdeServerSelector_enableConfirmButton, _GxIdeServerSelector_onRecentlyUsedDoubleClickHandler, _GxIdeServerSelector_onServersRowClickHandler, _GxIdeServerSelector_handleServerSelection, _GxIdeServerSelector_connectionTypeChangedHandler, _GxIdeServerSelector_sortTabularGridColumnCallback, _GxIdeServerSelector_renderTabularGridColumnSet, _GxIdeServerSelector_renderTooltip, _GxIdeServerSelector_renderServerNameErrorMessage, _GxIdeServerSelector_renderTabularGridCommonCells, _GxIdeServerSelector_renderAllServersGrid, _GxIdeServerSelector_renderIcon, _GxIdeServerSelector_renderFooter, _GxIdeServerSelector_renderRecentlyUsed, _GxIdeServerSelector_renderAllServers;
 const CSS_BUNDLES = [
     "resets/box-sizing",
     "utils/form--full",
@@ -57,25 +57,32 @@ const LANGUAGE_ICON = assetsManager.getIconPath({
     name: "language",
     colorType: "on-surface"
 });
+const DELETE_ICON = assetsManager.getIconPath({
+    category: "system",
+    name: "delete-outlined",
+    colorType: "neutral"
+});
+const ERROR_ICON = assetsManager.getIconPath({
+    category: "system",
+    name: "error",
+    colorType: "error"
+});
+const SEARCH_ICON = assetsManager.getIconPath({
+    category: "system",
+    name: "search",
+    colorType: "on-surface"
+});
+const SERVER_NAME_PREFIX = "server-name-";
 const GxIdeServerSelector = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        _GxIdeServerSelector_chSearchIcon.set(this, assetsManager.getIconPath({
-            category: "system",
-            name: "search",
-            colorType: "on-surface"
-        }));
-        _GxIdeServerSelector_versionsSelect.set(this, [
-            { value: "select", caption: "Select a server from the list below" },
-            { value: "new", caption: "Enter a server URL manually" }
-        ]);
         _GxIdeServerSelector__componentLocale.set(this, void 0);
-        _GxIdeServerSelector_chGridRecentlyUsedServersEl.set(this, void 0);
-        _GxIdeServerSelector_chGridConnectedServersEl.set(this, void 0);
-        _GxIdeServerSelector_previousSelectedRowId.set(this, void 0);
-        _GxIdeServerSelector_selectedRowId.set(this, void 0);
+        _GxIdeServerSelector_chGridAllServersEl.set(this, void 0);
         _GxIdeServerSelector_serverUrlEL.set(this, void 0);
         _GxIdeServerSelector_serverFriendlyNameEL.set(this, void 0);
+        _GxIdeServerSelector_updatedServerName.set(this, void 0);
+        _GxIdeServerSelector_serverNameEditElsMap.set(this, new Map());
+        _GxIdeServerSelector_versionsSelect.set(this, []);
         _GxIdeServerSelector_cancelHandler.set(this, () => {
             this.cancelCallback();
         });
@@ -102,14 +109,10 @@ const GxIdeServerSelector = class {
             return ((_b = (_a = this.validatableControls) === null || _a === void 0 ? void 0 : _a.get(controlReference === null || controlReference === void 0 ? void 0 : controlReference.id)) === null || _b === void 0 ? void 0 : _b.hasError) &&
                 ((_c = this.validatableControls.get(controlReference.id)) === null || _c === void 0 ? void 0 : _c.message) && (index.h("ch-tooltip", { class: "tooltip", actionElement: controlReference, blockAlign: config.config.tooltipSettings.blockAlign, inlineAlign: config.config.tooltipSettings.inlineAlign, delay: config.config.tooltipSettings.delay }, this.validatableControls.get(controlReference.id).message));
         });
-        _GxIdeServerSelector_initializeValidatableControls.set(this, () => {
-            // populate validatableControls with the controls that could have errors.
-            const validatableControls = [
-                __classPrivateFieldGet(this, _GxIdeServerSelector_serverUrlEL, "f"),
-                __classPrivateFieldGet(this, _GxIdeServerSelector_serverFriendlyNameEL, "f")
-            ];
+        _GxIdeServerSelector_initializeValidatableControls.set(this, (validatableControls) => {
             validatableControls.forEach(validatableControl => {
-                if (validatableControl.id) {
+                if (validatableControl.id &&
+                    !this.validatableControls.has(validatableControl.id)) {
                     this.validatableControls.set(validatableControl.id, {
                         reference: validatableControl,
                         hasError: false,
@@ -120,7 +123,7 @@ const GxIdeServerSelector = class {
         });
         _GxIdeServerSelector_filterValueChangedHandler.set(this, (event) => {
             this.filterValue = event.detail.toLowerCase();
-            this.filteredConnectedServersData = this.connectedServersData.filter(item => item.serverName.toLowerCase().includes(this.filterValue));
+            this.filteredServersData = this.serversData.filter(item => item.serverName.toLowerCase().includes(this.filterValue));
         });
         _GxIdeServerSelector_inputHandler.set(this, (event, field) => {
             this.enableConfirmButton = false;
@@ -129,6 +132,39 @@ const GxIdeServerSelector = class {
             formValidation.clearControlError(this.validatableControls, controlId);
             __classPrivateFieldGet(this, _GxIdeServerSelector_enableConfirmButton, "f").call(this);
         });
+        _GxIdeServerSelector_handleRecentlyUsedCardClick.set(this, async (server) => {
+            var _a;
+            this.selectedRecentlyUsedId = server.id;
+            await ((_a = __classPrivateFieldGet(this, _GxIdeServerSelector_chGridAllServersEl, "f")) === null || _a === void 0 ? void 0 : _a.selectRow(server.id));
+            await __classPrivateFieldGet(this, _GxIdeServerSelector_handleServerSelection, "f").call(this, server.id);
+        });
+        _GxIdeServerSelector_handleDeleteServer.set(this, async (serverData) => {
+            if (serverData.accessLevel === "private") {
+                const result = await this.deleteServerCallback(serverData);
+                if (result) {
+                    this.selectedServerName = "None";
+                    this.enableConfirmButton = false;
+                }
+            }
+        });
+        _GxIdeServerSelector_onServerNameInput.set(this, async (event) => {
+            __classPrivateFieldSet(this, _GxIdeServerSelector_updatedServerName, event.detail, "f");
+        });
+        _GxIdeServerSelector_onServerNameChange.set(this, async (serverData) => {
+            let result = {
+                fieldErrors: [],
+                success: false
+            };
+            if (serverData.serverName !== __classPrivateFieldGet(this, _GxIdeServerSelector_updatedServerName, "f") &&
+                serverData.accessLevel === "private") {
+                result = await this.updateServerCallback(Object.assign(Object.assign({}, serverData), { serverName: __classPrivateFieldGet(this, _GxIdeServerSelector_updatedServerName, "f") }));
+            }
+            this.validatableControls = formValidation.validateControls(result, this.validatableControls);
+            if (result.success || serverData.serverName === __classPrivateFieldGet(this, _GxIdeServerSelector_updatedServerName, "f")) {
+                this.selectedServerName = __classPrivateFieldGet(this, _GxIdeServerSelector_updatedServerName, "f");
+                formValidation.clearControlError(this.validatableControls, `${SERVER_NAME_PREFIX}${serverData.id}`);
+            }
+        });
         _GxIdeServerSelector_enableConfirmButton.set(this, () => {
             if (this.serverUrlInputValue &&
                 this.serverUrlInputValue.length > 0 &&
@@ -140,36 +176,24 @@ const GxIdeServerSelector = class {
                 this.enableConfirmButton = false;
             }
         });
-        _GxIdeServerSelector_onConnectedServersRowDoubleClickHandler.set(this, (event) => {
-            __classPrivateFieldGet(this, _GxIdeServerSelector_selectConnectedServersHandler, "f").call(this, event);
-            __classPrivateFieldGet(this, _GxIdeServerSelector_confirmHandler, "f").call(this);
-        });
-        _GxIdeServerSelector_onRecentlyUsedRowDoubleClickHandler.set(this, (event) => {
-            __classPrivateFieldGet(this, _GxIdeServerSelector_selectRecentlyUsedServersHandler, "f").call(this, event);
+        _GxIdeServerSelector_onRecentlyUsedDoubleClickHandler.set(this, (serverData) => {
+            __classPrivateFieldGet(this, _GxIdeServerSelector_handleServerSelection, "f").call(this, serverData.id);
             __classPrivateFieldGet(this, _GxIdeServerSelector_confirmHandler, "f").call(this);
         });
-        _GxIdeServerSelector_selectConnectedServersHandler.set(this, (event) => __classPrivateFieldGet(this, _GxIdeServerSelector_handleServerSelection, "f").call(this, event, this.connectedServersData, __classPrivateFieldGet(this, _GxIdeServerSelector_chGridRecentlyUsedServersEl, "f")));
-        _GxIdeServerSelector_selectRecentlyUsedServersHandler.set(this, (event) => __classPrivateFieldGet(this, _GxIdeServerSelector_handleServerSelection, "f").call(this, event, this.recentlyUsedServersData, __classPrivateFieldGet(this, _GxIdeServerSelector_chGridConnectedServersEl, "f")));
-        _GxIdeServerSelector_handleServerSelection.set(this, async (event, serversData, otherGridEl) => {
-            if (!this.isFirstSelection) {
-                __classPrivateFieldSet(this, _GxIdeServerSelector_previousSelectedRowId, __classPrivateFieldGet(this, _GxIdeServerSelector_selectedRowId, "f"), "f");
-            }
-            __classPrivateFieldSet(this, _GxIdeServerSelector_selectedRowId, event.detail.rowId, "f");
-            if (__classPrivateFieldGet(this, _GxIdeServerSelector_selectedRowId, "f") === undefined) {
+        _GxIdeServerSelector_onServersRowClickHandler.set(this, (event) => __classPrivateFieldGet(this, _GxIdeServerSelector_handleServerSelection, "f").call(this, event.detail.rowId));
+        _GxIdeServerSelector_handleServerSelection.set(this, async (selectedRowId) => {
+            if (selectedRowId === undefined) {
                 this.enableConfirmButton = false;
                 this.selectedServerUri = undefined;
                 this.selectedServerName = undefined;
                 return;
             }
-            else {
-                const selectedServer = serversData.find(server => server.id === __classPrivateFieldGet(this, _GxIdeServerSelector_selectedRowId, "f"));
-                this.enableConfirmButton = true;
-                this.selectedServerName = selectedServer === null || selectedServer === void 0 ? void 0 : selectedServer.serverName;
-                this.selectedServerUri = selectedServer === null || selectedServer === void 0 ? void 0 : selectedServer.serverUrl;
-                this.userName = (selectedServer === null || selectedServer === void 0 ? void 0 : selectedServer.gxServerUsername) || "";
-                this.isFirstSelection = false;
-                await (otherGridEl === null || otherGridEl === void 0 ? void 0 : otherGridEl.selectRow(__classPrivateFieldGet(this, _GxIdeServerSelector_previousSelectedRowId, "f"), false));
-            }
+            const selectedServer = this.serversData.find(server => server.id === selectedRowId);
+            this.enableConfirmButton = true;
+            this.selectedServerName = selectedServer === null || selectedServer === void 0 ? void 0 : selectedServer.serverName;
+            this.selectedServerUri = selectedServer === null || selectedServer === void 0 ? void 0 : selectedServer.serverUrl;
+            this.userName = (selectedServer === null || selectedServer === void 0 ? void 0 : selectedServer.gxServerUsername) || "";
+            this.selectedRecentlyUsedId = selectedServer === null || selectedServer === void 0 ? void 0 : selectedServer.id;
         });
         _GxIdeServerSelector_connectionTypeChangedHandler.set(this, (event) => {
             this.selectedConnectionType = event.detail;
@@ -180,30 +204,45 @@ const GxIdeServerSelector = class {
             this.selectedServerName = "None";
         });
         _GxIdeServerSelector_sortTabularGridColumnCallback.set(this, (e) => {
-            this.filteredConnectedServersData = [
-                ...tabularGridColumnSort.sortTabularGridColumn(e, this.filteredConnectedServersData, "string", undefined)
+            this.filteredServersData = [
+                ...tabularGridColumnSort.sortTabularGridColumn(e, this.filteredServersData, "string", undefined)
             ];
         });
         _GxIdeServerSelector_renderTabularGridColumnSet.set(this, (hideColumnName = false) => {
-            return (index.h("ch-tabular-grid-columnset", { class: "tabular-grid-column-set" }, index.h("ch-tabular-grid-column", { columnId: "icon", class: "tabular-grid-column tabular-grid-column-icon", columnName: "Icon", settingable: false, columnNameHidden: true, size: config.config.tabularGrid.colSize.maxContent, resizable: false, sortable: false }), index.h("ch-tabular-grid-column", { columnId: "serverName", class: "tabular-grid-column", columnName: "Server Name", settingable: false, columnNameHidden: hideColumnName, size: config.config.tabularGrid.colSize.serverName, resizable: false, sortable: !hideColumnName, onColumnSortChanged: __classPrivateFieldGet(this, _GxIdeServerSelector_sortTabularGridColumnCallback, "f") }), index.h("ch-tabular-grid-column", { columnId: "serverUrl", class: "tabular-grid-column", columnName: "Server Url", settingable: false, columnNameHidden: hideColumnName, size: config.config.tabularGrid.colSize.auto, resizable: false, sortable: !hideColumnName, onColumnSortChanged: __classPrivateFieldGet(this, _GxIdeServerSelector_sortTabularGridColumnCallback, "f") }), index.h("ch-tabular-grid-column", { columnId: "userName", class: "tabular-grid-column", columnName: "Username", settingable: false, columnNameHidden: hideColumnName, size: config.config.tabularGrid.colSize.userName, resizable: false, sortable: !hideColumnName, onColumnSortChanged: __classPrivateFieldGet(this, _GxIdeServerSelector_sortTabularGridColumnCallback, "f") }), index.h("ch-tabular-grid-column", { columnId: "status", class: "tabular-grid-column", columnName: "Status", settingable: false, columnNameHidden: hideColumnName, size: config.config.tabularGrid.colSize.maxContent, resizable: false, sortable: false })));
+            return (index.h("ch-tabular-grid-columnset", { class: "tabular-grid-column-set" }, index.h("ch-tabular-grid-column", { columnId: "icon", class: "tabular-grid-column tabular-grid-column-icon", columnName: "Icon", settingable: false, columnNameHidden: true, size: config.config.tabularGrid.colSize.maxContent, resizable: false, sortable: false }), index.h("ch-tabular-grid-column", { columnId: "serverName", class: "tabular-grid-column", columnName: "Server Name", settingable: false, columnNameHidden: hideColumnName, size: config.config.tabularGrid.colSize.serverName, resizable: false, sortable: !hideColumnName, onColumnSortChanged: __classPrivateFieldGet(this, _GxIdeServerSelector_sortTabularGridColumnCallback, "f") }), index.h("ch-tabular-grid-column", { columnId: "serverUrl", class: "tabular-grid-column", columnName: "Server Url", settingable: false, columnNameHidden: hideColumnName, size: config.config.tabularGrid.colSize.auto, resizable: false, sortable: !hideColumnName, onColumnSortChanged: __classPrivateFieldGet(this, _GxIdeServerSelector_sortTabularGridColumnCallback, "f") }), index.h("ch-tabular-grid-column", { columnId: "userName", class: "tabular-grid-column", columnName: "Connected", settingable: false, columnNameHidden: hideColumnName, size: config.config.tabularGrid.colSize.userName, resizable: false, sortable: !hideColumnName, onColumnSortChanged: __classPrivateFieldGet(this, _GxIdeServerSelector_sortTabularGridColumnCallback, "f") }), index.h("ch-tabular-grid-column", { columnId: "action", class: "tabular-grid-column tabular-grid-column-icon", columnName: "Action", settingable: false, columnNameHidden: true, size: config.config.tabularGrid.colSize.maxContent, resizable: false, sortable: false })));
         });
         _GxIdeServerSelector_renderTooltip.set(this, (text) => {
-            return text !== "" ? (index.h("ch-tooltip", { class: "tooltip", actionElement: null, blockAlign: "outside-end", inlineAlign: config.config.tooltipSettings.inlineAlign, delay: config.config.tooltipSettings.delay }, text)) : null;
+            return text !== "" ? (index.h("ch-tooltip", { class: "tooltip", actionElement: null, blockAlign: "outside-end", inlineAlign: config.config.tooltipSettings.inlineAlign, delay: config.config.tooltipSettings.delayLong }, text)) : null;
+        });
+        _GxIdeServerSelector_renderServerNameErrorMessage.set(this, (errorMsg) => {
+            return (index.h("ch-tabular-grid-rowset", { class: "tabular-grid-rowset" }, index.h("ch-tabular-grid-rowset-empty", { class: "tabular-grid-rowset-empty" }, index.h("p", { class: "warning-error-description" }, index.h("ch-image", { class: "icon-md warning-error-icon", src: ERROR_ICON }), errorMsg))));
         });
-        _GxIdeServerSelector_renderTabularGridCommonCells.set(this, (server) => {
+        _GxIdeServerSelector_renderTabularGridCommonCells.set(this, (serverData) => {
             return [
-                index.h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, __classPrivateFieldGet(this, _GxIdeServerSelector_renderIcon, "f").call(this, server.accessLevel)),
-                index.h("ch-tabular-grid-cell", { class: "tabular-grid-cell tabular-grid-cell-server-name" }, server.serverName),
-                index.h("ch-tabular-grid-cell", { class: "tabular-grid-cell tabular-grid-cell-server-url" }, server.serverUrl, __classPrivateFieldGet(this, _GxIdeServerSelector_renderTooltip, "f").call(this, server.serverUrl)),
-                index.h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, server.gxServerUsername),
-                index.h("ch-tabular-grid-cell", { class: "tabular-grid-cell text-neutral-gray-400 body-italic-s" }, server.isConnected && "Connected")
+                index.h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, __classPrivateFieldGet(this, _GxIdeServerSelector_renderIcon, "f").call(this, serverData.accessLevel)),
+                index.h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, serverData.accessLevel === "private" ? (index.h("ch-edit", { id: `${SERVER_NAME_PREFIX}${serverData.id}`, value: serverData.serverName, onInput: __classPrivateFieldGet(this, _GxIdeServerSelector_onServerNameInput, "f"), onChange: () => __classPrivateFieldGet(this, _GxIdeServerSelector_onServerNameChange, "f").call(this, serverData), maxLength: 18, ref: el => {
+                        const key = `${SERVER_NAME_PREFIX}${serverData.id}`;
+                        if (el) {
+                            __classPrivateFieldGet(this, _GxIdeServerSelector_serverNameEditElsMap, "f").set(key, el);
+                        }
+                        else {
+                            __classPrivateFieldGet(this, _GxIdeServerSelector_serverNameEditElsMap, "f").delete(key);
+                        }
+                    } })) : (serverData.serverName)),
+                index.h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, serverData.serverUrl, __classPrivateFieldGet(this, _GxIdeServerSelector_renderTooltip, "f").call(this, serverData.serverUrl)),
+                index.h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, serverData.gxServerUsername),
+                index.h("ch-tabular-grid-cell", { class: "tabular-grid-cell", onClick: () => __classPrivateFieldGet(this, _GxIdeServerSelector_handleDeleteServer, "f").call(this, serverData) }, index.h("button", { class: "button-tertiary button-icon-only", "aria-label": __classPrivateFieldGet(this, _GxIdeServerSelector__componentLocale, "f").actions.deleteServer, disabled: serverData.accessLevel === "public" }, index.h("ch-image", { disabled: serverData.accessLevel === "public", class: "icon-md delete-server-icon", src: DELETE_ICON })))
             ];
         });
-        _GxIdeServerSelector_renderRecentlyUsedServersGrid.set(this, (hideColumnName) => {
-            return (index.h("ch-tabular-grid", { class: "tabular-grid-recently-used tabular-grid", rowSelectionMode: "single", ref: (el) => (__classPrivateFieldSet(this, _GxIdeServerSelector_chGridRecentlyUsedServersEl, el, "f")), allowColumnReorder: false, onRowClicked: __classPrivateFieldGet(this, _GxIdeServerSelector_selectRecentlyUsedServersHandler, "f"), onRowDoubleClicked: __classPrivateFieldGet(this, _GxIdeServerSelector_onRecentlyUsedRowDoubleClickHandler, "f"), id: "recently-used-servers" }, __classPrivateFieldGet(this, _GxIdeServerSelector_renderTabularGridColumnSet, "f").call(this, hideColumnName), this.recentlyUsedServersData.length > 0 ? (index.h("ch-tabular-grid-rowset", { class: "tabular-grid-rowset" }, this.recentlyUsedServersData.map((server) => (index.h("ch-tabular-grid-row", { rowid: server.id, class: "tabular-grid-row" }, __classPrivateFieldGet(this, _GxIdeServerSelector_renderTabularGridCommonCells, "f").call(this, server)))))) : (index.h("ch-tabular-grid-rowset", { class: "tabular-grid-rowset" }, index.h("ch-tabular-grid-rowset-empty", null, index.h("gx-ide-empty-state", { stateIconSrc: INFO_ICON, stateTitle: __classPrivateFieldGet(this, _GxIdeServerSelector__componentLocale, "f").emptyConnectedServers, isAnimated: true }))))));
-        });
-        _GxIdeServerSelector_renderConnectedServersGrid.set(this, () => {
-            return (index.h("div", { class: "tabular-grid-wrapper" }, index.h("div", { class: "border-patch" }), index.h("ch-tabular-grid", { class: "tabular-grid tabular-grid-all-servers", rowSelectionMode: "single", ref: (el) => (__classPrivateFieldSet(this, _GxIdeServerSelector_chGridConnectedServersEl, el, "f")), allowColumnReorder: false, onRowClicked: __classPrivateFieldGet(this, _GxIdeServerSelector_selectConnectedServersHandler, "f"), onRowDoubleClicked: __classPrivateFieldGet(this, _GxIdeServerSelector_onConnectedServersRowDoubleClickHandler, "f"), id: "all-servers" }, __classPrivateFieldGet(this, _GxIdeServerSelector_renderTabularGridColumnSet, "f").call(this), this.filteredConnectedServersData.length > 0 ? (index.h("ch-tabular-grid-rowset", { class: "tabular-grid-rowset" }, this.filteredConnectedServersData.map((server) => (index.h("ch-tabular-grid-row", { rowid: server.id, class: "tabular-grid-row" }, __classPrivateFieldGet(this, _GxIdeServerSelector_renderTabularGridCommonCells, "f").call(this, server)))))) : (index.h("ch-tabular-grid-rowset", { class: "tabular-grid-rowset" }, index.h("ch-tabular-grid-rowset-empty", { class: "tabular-grid-rowset-empty" }, index.h("gx-ide-empty-state", { stateIconSrc: INFO_ICON, stateTitle: __classPrivateFieldGet(this, _GxIdeServerSelector__componentLocale, "f").emptyConnectedServers, isAnimated: true })))))));
+        _GxIdeServerSelector_renderAllServersGrid.set(this, () => {
+            return (index.h("div", { class: "tabular-grid-wrapper" }, index.h("div", { class: "border-patch" }), index.h("ch-tabular-grid", { class: "tabular-grid tabular-grid-all-servers", rowSelectionMode: "single", ref: (el) => (__classPrivateFieldSet(this, _GxIdeServerSelector_chGridAllServersEl, el, "f")), allowColumnReorder: false, onRowClicked: __classPrivateFieldGet(this, _GxIdeServerSelector_onServersRowClickHandler, "f"), id: "all-servers" }, __classPrivateFieldGet(this, _GxIdeServerSelector_renderTabularGridColumnSet, "f").call(this), this.filteredServersData.length > 0 ? (index.h("ch-tabular-grid-rowset", { class: "tabular-grid-rowset" }, this.filteredServersData.map((serverData) => {
+                var _a, _b;
+                const serverNameEditKey = `${SERVER_NAME_PREFIX}${serverData.id}`;
+                const hasError = ((_a = this.validatableControls.get(serverNameEditKey)) === null || _a === void 0 ? void 0 : _a.hasError) ===
+                    true;
+                const errorMsg = (_b = this.validatableControls.get(serverNameEditKey)) === null || _b === void 0 ? void 0 : _b.message;
+                return (index.h("ch-tabular-grid-row", { rowid: serverData.id, class: "tabular-grid-row" }, __classPrivateFieldGet(this, _GxIdeServerSelector_renderTabularGridCommonCells, "f").call(this, serverData), hasError && __classPrivateFieldGet(this, _GxIdeServerSelector_renderServerNameErrorMessage, "f").call(this, errorMsg)));
+            }))) : (index.h("ch-tabular-grid-rowset", { class: "tabular-grid-rowset" }, index.h("ch-tabular-grid-rowset-empty", { class: "tabular-grid-rowset-empty" }, index.h("gx-ide-empty-state", { stateIconSrc: INFO_ICON, stateTitle: __classPrivateFieldGet(this, _GxIdeServerSelector__componentLocale, "f").emptyConnectedServers, isAnimated: true })))))));
         });
         _GxIdeServerSelector_renderIcon.set(this, (accessLevel) => {
             const icon = accessLevel === "private" ? LOCK_ICON : LANGUAGE_ICON;
@@ -225,42 +264,85 @@ const GxIdeServerSelector = class {
                 class: "button-primary", onClick: this.enableConfirmButton && __classPrivateFieldGet(this, _GxIdeServerSelector_confirmHandler, "f"), disabled: !this.enableConfirmButton
             }, __classPrivateFieldGet(this, _GxIdeServerSelector__componentLocale, "f").footer.confirm))));
         });
+        _GxIdeServerSelector_renderRecentlyUsed.set(this, () => {
+            const renderRecentlyUsed = this.selectedConnectionType === "select" &&
+                this.recentlyUsedServersData.length > 0;
+            return (renderRecentlyUsed && (index.h("div", { class: "field field-block spacing-body-inline" }, index.h("label", { class: "label", htmlFor: "recently-used-servers" }, __classPrivateFieldGet(this, _GxIdeServerSelector__componentLocale, "f").recentlyUsed.title), index.h("div", { class: {
+                    "layout": true,
+                    "layout--cols-3": this.recentlyUsedServersData.length >= 3,
+                    "layout--cols-2": this.recentlyUsedServersData.length <= 2
+                } }, this.recentlyUsedServersData.map((server) => (index.h("button", { class: {
+                    "layout__panel": true,
+                    "recently-used-card": true,
+                    "recently-used-card--selected": this.selectedRecentlyUsedId === server.id
+                }, onClick: () => __classPrivateFieldGet(this, _GxIdeServerSelector_handleRecentlyUsedCardClick, "f").call(this, server), onDblClick: () => __classPrivateFieldGet(this, _GxIdeServerSelector_onRecentlyUsedDoubleClickHandler, "f").call(this, server) }, index.h("div", { class: "recently-used-card-content" }, index.h("p", { class: "body-regular-s text-neutral-gray-400" }, server.serverName), index.h("p", { class: "body-regular-s text-neutral-gray-400 text-decoration-line-underline" }, server.serverUrl)), __classPrivateFieldGet(this, _GxIdeServerSelector_renderTooltip, "f").call(this, server.serverUrl))))))));
+        });
+        _GxIdeServerSelector_renderAllServers.set(this, () => {
+            return (index.h("div", { class: "field field-block field-block-all-servers spacing-body-inline" }, index.h("label", { class: "label", htmlFor: "all-servers" }, __classPrivateFieldGet(this, _GxIdeServerSelector__componentLocale, "f").allServers.title), __classPrivateFieldGet(this, _GxIdeServerSelector_renderAllServersGrid, "f").call(this)));
+        });
         this.enableConfirmButton = false;
-        this.isFirstSelection = true;
         this.serverUrlInputValue = "";
         this.serverNameInputValue = "";
         this.selectedServerUri = undefined;
         this.selectedServerName = "None";
         this.userName = undefined;
         this.filterValue = "";
-        this.filteredConnectedServersData = [];
+        this.filteredServersData = [];
         this.validatableControls = new Map();
         this.selectedConnectionType = "select";
-        this.connectedServersData = [];
+        this.selectedRecentlyUsedId = undefined;
+        this.serversData = [];
         this.recentlyUsedServersData = [];
         this.cancelCallback = undefined;
         this.selectServerCallback = undefined;
+        this.deleteServerCallback = undefined;
+        this.updateServerCallback = undefined;
+    }
+    serversDataChanged(newValue) {
+        this.filteredServersData = newValue;
     }
     async componentWillLoad() {
         var _a, _b;
         __classPrivateFieldSet(this, _GxIdeServerSelector__componentLocale, await locale.Locale.getComponentStrings(this.el), "f");
-        this.selectedServerUri = (_a = this.connectedServersData[0]) === null || _a === void 0 ? void 0 : _a.serverUrl;
-        this.userName = (_b = this.connectedServersData[0]) === null || _b === void 0 ? void 0 : _b.gxServerUsername;
-        this.filteredConnectedServersData = this.connectedServersData;
+        __classPrivateFieldSet(this, _GxIdeServerSelector_versionsSelect, [
+            {
+                value: "select",
+                caption: __classPrivateFieldGet(this, _GxIdeServerSelector__componentLocale, "f").captions.selectServer
+            },
+            {
+                value: "new",
+                caption: __classPrivateFieldGet(this, _GxIdeServerSelector__componentLocale, "f").captions.addServer
+            }
+        ], "f");
+        this.selectedServerUri = (_a = this.serversData[0]) === null || _a === void 0 ? void 0 : _a.serverUrl;
+        this.userName = (_b = this.serversData[0]) === null || _b === void 0 ? void 0 : _b.gxServerUsername;
+        this.filteredServersData = this.serversData;
     }
     componentDidRender() {
         if (this.selectedConnectionType === "new" &&
             __classPrivateFieldGet(this, _GxIdeServerSelector_serverUrlEL, "f") &&
             __classPrivateFieldGet(this, _GxIdeServerSelector_serverFriendlyNameEL, "f")) {
-            __classPrivateFieldGet(this, _GxIdeServerSelector_initializeValidatableControls, "f").call(this);
+            __classPrivateFieldGet(this, _GxIdeServerSelector_initializeValidatableControls, "f").call(this, [
+                __classPrivateFieldGet(this, _GxIdeServerSelector_serverUrlEL, "f"),
+                __classPrivateFieldGet(this, _GxIdeServerSelector_serverFriendlyNameEL, "f")
+            ]);
+            __classPrivateFieldGet(this, _GxIdeServerSelector_serverNameEditElsMap, "f").clear();
+        }
+        if (this.selectedConnectionType === "select" &&
+            __classPrivateFieldGet(this, _GxIdeServerSelector_serverNameEditElsMap, "f").size > 0) {
+            __classPrivateFieldGet(this, _GxIdeServerSelector_initializeValidatableControls, "f").call(this, [
+                ...__classPrivateFieldGet(this, _GxIdeServerSelector_serverNameEditElsMap, "f").values()
+            ]);
         }
     }
     render() {
-        const connectionTypeClass = this.selectedConnectionType === "new" && "new-connection";
-        const recentlyUsedEmptyClass = this.recentlyUsedServersData.length === 0 && "recently-used-empty";
-        return (index.h(index.Host, { class: `widget elevation-1 ${connectionTypeClass} ${recentlyUsedEmptyClass}` }, index.h("ch-theme", { model: CSS_BUNDLES }), index.h("main", { class: "section" }, index.h("header", { class: "header spacing-body-block-start spacing-body-inline" }, index.h("div", { class: "field-group" }, index.h("label", { class: "body-regular-m text-neutral-gray-400" }, __classPrivateFieldGet(this, _GxIdeServerSelector__componentLocale, "f").header.title), index.h("ch-radio-group-render", { class: "radio-group", model: __classPrivateFieldGet(this, _GxIdeServerSelector_versionsSelect, "f"), onChange: __classPrivateFieldGet(this, _GxIdeServerSelector_connectionTypeChangedHandler, "f"), value: __classPrivateFieldGet(this, _GxIdeServerSelector_versionsSelect, "f")[0].value }), this.selectedConnectionType === "select" && (index.h("ch-edit", { class: "input search-server", id: "server-name-search", startImgSrc: __classPrivateFieldGet(this, _GxIdeServerSelector_chSearchIcon, "f"), onInput: __classPrivateFieldGet(this, _GxIdeServerSelector_filterValueChangedHandler, "f"), placeholder: __classPrivateFieldGet(this, _GxIdeServerSelector__componentLocale, "f").placeholders.searchServers, accessibleName: "search server", type: "search" })))), this.selectedConnectionType === "select" && [
-            this.recentlyUsedServersData.length > 0 && (index.h("div", { class: "field field-block spacing-body-inline" }, index.h("label", { class: "label", htmlFor: "recently-used-servers" }, __classPrivateFieldGet(this, _GxIdeServerSelector__componentLocale, "f").recentlyUsed.title), __classPrivateFieldGet(this, _GxIdeServerSelector_renderRecentlyUsedServersGrid, "f").call(this, true))),
-            index.h("div", { class: "field field-block field-block-all-servers spacing-body-inline" }, index.h("label", { class: "label", htmlFor: "all-servers" }, __classPrivateFieldGet(this, _GxIdeServerSelector__componentLocale, "f").allServers.title), __classPrivateFieldGet(this, _GxIdeServerSelector_renderConnectedServersGrid, "f").call(this))
+        return (index.h(index.Host, { class: {
+                "widget elevation-1": true,
+                "new-connection": this.selectedConnectionType === "new",
+                "recently-used-empty": this.recentlyUsedServersData.length === 0
+            } }, index.h("ch-theme", { model: CSS_BUNDLES }), index.h("main", { class: "section" }, index.h("header", { class: "header spacing-body-block-start spacing-body-inline" }, index.h("div", { class: "field-group" }, index.h("label", { class: "body-regular-m text-neutral-gray-400" }, __classPrivateFieldGet(this, _GxIdeServerSelector__componentLocale, "f").header.title), index.h("ch-radio-group-render", { class: "radio-group", model: __classPrivateFieldGet(this, _GxIdeServerSelector_versionsSelect, "f"), onChange: __classPrivateFieldGet(this, _GxIdeServerSelector_connectionTypeChangedHandler, "f"), value: __classPrivateFieldGet(this, _GxIdeServerSelector_versionsSelect, "f")[0].value }), this.selectedConnectionType === "select" && (index.h("ch-edit", { class: "input search-server", id: "server-name-search", startImgSrc: SEARCH_ICON, onInput: __classPrivateFieldGet(this, _GxIdeServerSelector_filterValueChangedHandler, "f"), placeholder: __classPrivateFieldGet(this, _GxIdeServerSelector__componentLocale, "f").placeholders.searchServers, accessibleName: "search server", type: "search" })))), this.selectedConnectionType === "select" && [
+            __classPrivateFieldGet(this, _GxIdeServerSelector_renderRecentlyUsed, "f").call(this),
+            __classPrivateFieldGet(this, _GxIdeServerSelector_renderAllServers, "f").call(this)
         ], this.selectedConnectionType === "new" && (index.h("section", { class: "spacing-body-inline" }, index.h("div", { class: "layout layout--cols-2" }, index.h("div", { class: "field field-block layout__panel" }, index.h("label", { class: "label", htmlFor: "server-url" }, __classPrivateFieldGet(this, _GxIdeServerSelector__componentLocale, "f").labels.serverUrl), index.h("ch-edit", {
             // server url
             class: "input", id: "server-url", value: this.serverUrlInputValue, onInput: event => __classPrivateFieldGet(this, _GxIdeServerSelector_inputHandler, "f").call(this, event, "serverUrlInputValue"), placeholder: __classPrivateFieldGet(this, _GxIdeServerSelector__componentLocale, "f").placeholders.serverUrl, ref: el => (__classPrivateFieldSet(this, _GxIdeServerSelector_serverUrlEL, el, "f"))
@@ -271,8 +353,11 @@ const GxIdeServerSelector = class {
     }
     static get assetsDirs() { return ["gx-ide-assets/server-selector"]; }
     get el() { return index.getElement(this); }
+    static get watchers() { return {
+        "serversData": ["serversDataChanged"]
+    }; }
 };
-_GxIdeServerSelector_chSearchIcon = new WeakMap(), _GxIdeServerSelector_versionsSelect = new WeakMap(), _GxIdeServerSelector__componentLocale = new WeakMap(), _GxIdeServerSelector_chGridRecentlyUsedServersEl = new WeakMap(), _GxIdeServerSelector_chGridConnectedServersEl = new WeakMap(), _GxIdeServerSelector_previousSelectedRowId = new WeakMap(), _GxIdeServerSelector_selectedRowId = new WeakMap(), _GxIdeServerSelector_serverUrlEL = new WeakMap(), _GxIdeServerSelector_serverFriendlyNameEL = new WeakMap(), _GxIdeServerSelector_cancelHandler = new WeakMap(), _GxIdeServerSelector_confirmHandler = new WeakMap(), _GxIdeServerSelector_evaluateTooltipRender = new WeakMap(), _GxIdeServerSelector_initializeValidatableControls = new WeakMap(), _GxIdeServerSelector_filterValueChangedHandler = new WeakMap(), _GxIdeServerSelector_inputHandler = new WeakMap(), _GxIdeServerSelector_enableConfirmButton = new WeakMap(), _GxIdeServerSelector_onConnectedServersRowDoubleClickHandler = new WeakMap(), _GxIdeServerSelector_onRecentlyUsedRowDoubleClickHandler = new WeakMap(), _GxIdeServerSelector_selectConnectedServersHandler = new WeakMap(), _GxIdeServerSelector_selectRecentlyUsedServersHandler = new WeakMap(), _GxIdeServerSelector_handleServerSelection = new WeakMap(), _GxIdeServerSelector_connectionTypeChangedHandler = new WeakMap(), _GxIdeServerSelector_sortTabularGridColumnCallback = new WeakMap(), _GxIdeServerSelector_renderTabularGridColumnSet = new WeakMap(), _GxIdeServerSelector_renderTooltip = new WeakMap(), _GxIdeServerSelector_renderTabularGridCommonCells = new WeakMap(), _GxIdeServerSelector_renderRecentlyUsedServersGrid = new WeakMap(), _GxIdeServerSelector_renderConnectedServersGrid = new WeakMap(), _GxIdeServerSelector_renderIcon = new WeakMap(), _GxIdeServerSelector_renderFooter = new WeakMap();
+_GxIdeServerSelector__componentLocale = new WeakMap(), _GxIdeServerSelector_chGridAllServersEl = new WeakMap(), _GxIdeServerSelector_serverUrlEL = new WeakMap(), _GxIdeServerSelector_serverFriendlyNameEL = new WeakMap(), _GxIdeServerSelector_updatedServerName = new WeakMap(), _GxIdeServerSelector_serverNameEditElsMap = new WeakMap(), _GxIdeServerSelector_versionsSelect = new WeakMap(), _GxIdeServerSelector_cancelHandler = new WeakMap(), _GxIdeServerSelector_confirmHandler = new WeakMap(), _GxIdeServerSelector_evaluateTooltipRender = new WeakMap(), _GxIdeServerSelector_initializeValidatableControls = new WeakMap(), _GxIdeServerSelector_filterValueChangedHandler = new WeakMap(), _GxIdeServerSelector_inputHandler = new WeakMap(), _GxIdeServerSelector_handleRecentlyUsedCardClick = new WeakMap(), _GxIdeServerSelector_handleDeleteServer = new WeakMap(), _GxIdeServerSelector_onServerNameInput = new WeakMap(), _GxIdeServerSelector_onServerNameChange = new WeakMap(), _GxIdeServerSelector_enableConfirmButton = new WeakMap(), _GxIdeServerSelector_onRecentlyUsedDoubleClickHandler = new WeakMap(), _GxIdeServerSelector_onServersRowClickHandler = new WeakMap(), _GxIdeServerSelector_handleServerSelection = new WeakMap(), _GxIdeServerSelector_connectionTypeChangedHandler = new WeakMap(), _GxIdeServerSelector_sortTabularGridColumnCallback = new WeakMap(), _GxIdeServerSelector_renderTabularGridColumnSet = new WeakMap(), _GxIdeServerSelector_renderTooltip = new WeakMap(), _GxIdeServerSelector_renderServerNameErrorMessage = new WeakMap(), _GxIdeServerSelector_renderTabularGridCommonCells = new WeakMap(), _GxIdeServerSelector_renderAllServersGrid = new WeakMap(), _GxIdeServerSelector_renderIcon = new WeakMap(), _GxIdeServerSelector_renderFooter = new WeakMap(), _GxIdeServerSelector_renderRecentlyUsed = new WeakMap(), _GxIdeServerSelector_renderAllServers = new WeakMap();
 GxIdeServerSelector.style = serverSelectorCss;
 
 exports.gx_ide_server_selector = GxIdeServerSelector;