@genexus/genexus-ide-ui 1.1.28 → 1.1.30

package/dist/collection/components/team-dev/server-selector/gx-ide-assets/server-selector/langs/server-selector.lang.en.json

@@ -0,0 +1,32 @@
+{
+  "componentName": "Server Selector",
+  "header": {
+    "title": "Choose a server or add one by URL"
+  },
+  "recentlyUsed": {
+    "title": "Recently Used"
+  },
+  "allServers": {
+    "title": "All Servers"
+  },
+  "labels": {
+    "serverUrl": "Server URL",
+    "serverName": "Friendly Name"
+  },
+  "placeholders": {
+    "serverUrl": "Enter a GX Server URL",
+    "serverName": "Enter a GX Server Friendly Name",
+    "searchServers": "Search servers by name..."
+  },
+  "footer": {
+    "cancel": "Cancel",
+    "confirm": "Confirm"
+  },
+  "errors": {
+    "serverUrlInvalid": "Server URL is invalid"
+  },
+  "emptyConnectedServers": "There are no servers to show",
+  "status": {
+    "connected": "Connected"
+  }
+}

package/dist/collection/components/team-dev/server-selector/gx-ide-assets/server-selector/langs/server-selector.lang.ja.json

@@ -0,0 +1,32 @@
+{
+  "componentName": "Server Selector",
+  "header": {
+    "title": "Choose a server or add one by URL"
+  },
+  "recentlyUsed": {
+    "title": "Recently Used"
+  },
+  "allServers": {
+    "title": "All Servers"
+  },
+  "labels": {
+    "serverUrl": "Server URL",
+    "serverName": "Friendly Name"
+  },
+  "placeholders": {
+    "serverUrl": "Enter a GX Server URL",
+    "serverName": "Enter a GX Server Friendly Name",
+    "searchServers": "Search servers by name..."
+  },
+  "footer": {
+    "cancel": "Cancel",
+    "confirm": "Confirm"
+  },
+  "errors": {
+    "serverUrlInvalid": "Server URL is invalid"
+  },
+  "emptyConnectedServers": "There are no servers to show",
+  "status": {
+    "connected": "Connected"
+  }
+}

package/dist/collection/components/team-dev/server-selector/gx-ide-assets/server-selector/langs/server-selector.lang.zh.json

@@ -0,0 +1,32 @@
+{
+  "componentName": "Server Selector",
+  "header": {
+    "title": "Choose a server or add one by URL"
+  },
+  "recentlyUsed": {
+    "title": "Recently Used"
+  },
+  "allServers": {
+    "title": "All Servers"
+  },
+  "labels": {
+    "serverUrl": "Server URL",
+    "serverName": "Friendly Name"
+  },
+  "placeholders": {
+    "serverUrl": "Enter a GX Server URL",
+    "serverName": "Enter a GX Server Friendly Name",
+    "searchServers": "Search servers by name..."
+  },
+  "footer": {
+    "cancel": "Cancel",
+    "confirm": "Confirm"
+  },
+  "errors": {
+    "serverUrlInvalid": "Server URL is invalid"
+  },
+  "emptyConnectedServers": "There are no servers to show",
+  "status": {
+    "connected": "Connected"
+  }
+}

package/dist/collection/components/team-dev/server-selector/server-selector.css

@@ -0,0 +1,90 @@
+: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;
+  border-inline: 1px solid var(--grid-cell__border-color);
+  --grid-cell__box-shadow-inline-block:
+    inset 0 0px var(--grid-cell__border-color),
+    inset 0 -1px var(--grid-cell__border-color);
+  overflow: auto;
+}
+
+.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-name-icon) {
+  background-image: var(--icon__system_order-alphabetically_on-elevation--enabled);
+  block-size: var(--mer-icon__box--md);
+  inline-size: var(--mer-icon__box--md);
+  background-size: var(--mer-icon__size--md);
+}
+.tabular-grid-all-servers .tabular-grid-rowset-empty {
+  border-block-end: none;
+  overflow: hidden;
+}
+
+.tabular-grid-all-servers .tabular-grid-column:first-child::part(bar) {
+  --grid-common__gap: 0;
+}

package/dist/collection/components/team-dev/server-selector/server-selector.js

@@ -0,0 +1,364 @@
+var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f)
+        throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+        throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m")
+        throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f)
+        throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+        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_cancelHandler, _GxIdeServerSelector_confirmHandler, _GxIdeServerSelector_filterValueChangedHandler, _GxIdeServerSelector_inputHandler, _GxIdeServerSelector_validateUrl, _GxIdeServerSelector_enableConfirmButton, _GxIdeServerSelector_selectConnectedServersHandler, _GxIdeServerSelector_selectRecentlyUsedServersHandler, _GxIdeServerSelector_handleServerSelection, _GxIdeServerSelector_connectionTypeChangedHandler, _GxIdeServerSelector_renderTabularGridColumnSet, _GxIdeServerSelector_renderTooltip, _GxIdeServerSelector_renderTabularGridCommonCells, _GxIdeServerSelector_renderRecentlyUsedServersGrid, _GxIdeServerSelector_renderConnectedServersGrid, _GxIdeServerSelector_handleColumnSortChanged, _GxIdeServerSelector_renderIcon, _GxIdeServerSelector_renderFooter;
+// Stencil
+import { h, Host } from "@stencil/core";
+// Other Libraries
+import { getIconPath } from "@genexus/mercury";
+import { config } from "../../../common/config";
+import { Locale } from "../../../common/locale";
+const CSS_BUNDLES = [
+    "resets/box-sizing",
+    "utils/form--full",
+    "utils/layout",
+    "utils/typography",
+    "utils/spacing",
+    "components/tooltip",
+    "chameleon/scrollbar",
+    "components/tabular-grid"
+];
+const INFO_ICON = getIconPath({
+    category: "system",
+    name: "information",
+    colorType: "on-surface"
+});
+const LOCK_ICON = getIconPath({
+    category: "system",
+    name: "lock",
+    colorType: "on-surface"
+});
+const LANGUAGE_ICON = getIconPath({
+    category: "system",
+    name: "language",
+    colorType: "on-surface"
+});
+export class GxIdeServerSelector {
+    constructor() {
+        _GxIdeServerSelector_chSearchIcon.set(this, 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_serverUrlEL.set(this, void 0);
+        _GxIdeServerSelector_cancelHandler.set(this, () => {
+            this.cancelCallback();
+        });
+        _GxIdeServerSelector_confirmHandler.set(this, async () => {
+            if (this.selectedConnectionType === "select") {
+                await this.selectServerCallback({
+                    uri: this.selectedServerUri,
+                    name: this.selectedServerName
+                });
+            }
+            else if (this.selectedConnectionType === "new") {
+                this.isValidUrl = __classPrivateFieldGet(this, _GxIdeServerSelector_validateUrl, "f").call(this, this.serverUrlInputValue);
+                if (this.isValidUrl) {
+                    await this.selectServerCallback({
+                        uri: this.serverUrlInputValue,
+                        name: this.serverNameInputValue
+                    });
+                }
+            }
+        });
+        _GxIdeServerSelector_filterValueChangedHandler.set(this, (event) => {
+            this.filterValue = event.detail.toLowerCase();
+            this.filteredConnectedServersData = this.connectedServersData.filter(item => item.serverName.toLowerCase().includes(this.filterValue));
+        });
+        _GxIdeServerSelector_inputHandler.set(this, (event, field) => {
+            this.enableConfirmButton = false;
+            this[field] = event.detail;
+            __classPrivateFieldGet(this, _GxIdeServerSelector_enableConfirmButton, "f").call(this);
+        });
+        _GxIdeServerSelector_validateUrl.set(this, (url) => {
+            try {
+                const serverUrl = new URL(url);
+                return serverUrl.protocol === "http:" || serverUrl.protocol === "https:";
+            }
+            catch (ex) {
+                return false;
+            }
+        });
+        _GxIdeServerSelector_enableConfirmButton.set(this, () => {
+            if (this.serverUrlInputValue &&
+                this.serverUrlInputValue.length > 0 &&
+                this.serverNameInputValue &&
+                this.serverNameInputValue.length > 0) {
+                this.enableConfirmButton = true;
+            }
+            else {
+                this.enableConfirmButton = false;
+            }
+        });
+        _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) {
+                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));
+            }
+        });
+        _GxIdeServerSelector_connectionTypeChangedHandler.set(this, (event) => {
+            this.selectedConnectionType = event.detail;
+            if (this.selectedConnectionType === "new") {
+                this.enableConfirmButton = false;
+                this.serverUrlInputValue = "";
+            }
+            this.selectedServerName = "None";
+        });
+        _GxIdeServerSelector_renderTabularGridColumnSet.set(this, (hideColumnName = false) => {
+            return (h("ch-tabular-grid-columnset", { class: "tabular-grid-column-set" }, h("ch-tabular-grid-column", { columnId: "icon", class: "tabular-grid-column", columnName: "Icon", settingable: false, columnNameHidden: true, size: config.tabularGrid.colSize.maxContent, resizable: false }), h("ch-tabular-grid-column", { columnId: "serverName", class: "tabular-grid-column", sortable: true, columnName: "Server Name", settingable: false, columnNameHidden: hideColumnName, onColumnSortChanged: __classPrivateFieldGet(this, _GxIdeServerSelector_handleColumnSortChanged, "f"), size: config.tabularGrid.colSize.serverName, resizable: false }), h("ch-tabular-grid-column", { columnId: "serverUrl", class: "tabular-grid-column", sortable: true, columnName: "Server Url", settingable: false, columnNameHidden: hideColumnName, onColumnSortChanged: __classPrivateFieldGet(this, _GxIdeServerSelector_handleColumnSortChanged, "f"), size: config.tabularGrid.colSize.auto, resizable: false }), h("ch-tabular-grid-column", { columnId: "userName", class: "tabular-grid-column", sortable: true, columnName: "Username", settingable: false, columnNameHidden: hideColumnName, onColumnSortChanged: __classPrivateFieldGet(this, _GxIdeServerSelector_handleColumnSortChanged, "f"), size: config.tabularGrid.colSize.userName, resizable: false }), h("ch-tabular-grid-column", { columnId: "status", class: "tabular-grid-column", sortable: true, columnName: "Status", settingable: false, columnNameHidden: hideColumnName, onColumnSortChanged: __classPrivateFieldGet(this, _GxIdeServerSelector_handleColumnSortChanged, "f"), size: config.tabularGrid.colSize.maxContent, resizable: false })));
+        });
+        _GxIdeServerSelector_renderTooltip.set(this, (text) => {
+            return text !== "" ? (h("ch-tooltip", { class: "tooltip", actionElement: null, blockAlign: "outside-end", inlineAlign: config.tooltipSettings.inlineAlign, delay: config.tooltipSettings.delay }, text)) : null;
+        });
+        _GxIdeServerSelector_renderTabularGridCommonCells.set(this, (server) => {
+            return [
+                h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, __classPrivateFieldGet(this, _GxIdeServerSelector_renderIcon, "f").call(this, server.accessLevel)),
+                h("ch-tabular-grid-cell", { class: "tabular-grid-cell tabular-grid-cell-server-name" }, server.serverName),
+                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)),
+                h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, server.gxServerUsername),
+                h("ch-tabular-grid-cell", { class: "tabular-grid-cell text-neutral-gray-400 body-italic-s" }, server.isConnected && "Connected")
+            ];
+        });
+        _GxIdeServerSelector_renderRecentlyUsedServersGrid.set(this, (hideColumnName) => {
+            return (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"), id: "recently-used-servers" }, __classPrivateFieldGet(this, _GxIdeServerSelector_renderTabularGridColumnSet, "f").call(this, hideColumnName), this.recentlyUsedServersData.length > 0 ? (h("ch-tabular-grid-rowset", { class: "tabular-grid-rowset" }, this.recentlyUsedServersData.map((server) => (h("ch-tabular-grid-row", { rowid: server.id, class: "tabular-grid-row" }, __classPrivateFieldGet(this, _GxIdeServerSelector_renderTabularGridCommonCells, "f").call(this, server)))))) : (h("ch-tabular-grid-rowset", { class: "tabular-grid-rowset" }, h("ch-tabular-grid-rowset-empty", null, h("gx-ide-empty-state", { stateIconSrc: INFO_ICON, stateTitle: __classPrivateFieldGet(this, _GxIdeServerSelector__componentLocale, "f").emptyConnectedServers, isAnimated: true }))))));
+        });
+        _GxIdeServerSelector_renderConnectedServersGrid.set(this, () => {
+            return (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"), id: "all-servers" }, __classPrivateFieldGet(this, _GxIdeServerSelector_renderTabularGridColumnSet, "f").call(this), this.filteredConnectedServersData.length > 0 ? (h("ch-tabular-grid-rowset", { class: "tabular-grid-rowset" }, this.filteredConnectedServersData.map((server) => (h("ch-tabular-grid-row", { rowid: server.id, class: "tabular-grid-row" }, __classPrivateFieldGet(this, _GxIdeServerSelector_renderTabularGridCommonCells, "f").call(this, server)))))) : (h("ch-tabular-grid-rowset", { class: "tabular-grid-rowset" }, h("ch-tabular-grid-rowset-empty", { class: "tabular-grid-rowset-empty" }, h("gx-ide-empty-state", { stateIconSrc: INFO_ICON, stateTitle: __classPrivateFieldGet(this, _GxIdeServerSelector__componentLocale, "f").emptyConnectedServers, isAnimated: true }))))));
+        });
+        _GxIdeServerSelector_handleColumnSortChanged.set(this, (e) => {
+            const { columnId, sortDirection } = e.detail;
+            const aux = this.connectedServersData;
+            aux.sort((a, b) => {
+                if (a[columnId] < b[columnId]) {
+                    return sortDirection === "asc" ? -1 : 1;
+                }
+                if (a[columnId] > b[columnId]) {
+                    return sortDirection === "asc" ? 1 : -1;
+                }
+                return 0;
+            });
+            this.connectedServersData = [...aux];
+        });
+        _GxIdeServerSelector_renderIcon.set(this, (accessLevel) => {
+            const icon = accessLevel === "private" ? LOCK_ICON : LANGUAGE_ICON;
+            return h("ch-image", { class: "icon-md", src: icon });
+        });
+        _GxIdeServerSelector_renderFooter.set(this, () => {
+            const isSelectionMode = this.selectedConnectionType === "select";
+            return (h("footer", { class: {
+                    "control-footer-with-border": true,
+                    "control-footer-space-between": this.selectedConnectionType === "select",
+                    "space-between": isSelectionMode,
+                    "spacing-body-inline": true,
+                    "spacing-body-block": true
+                } }, isSelectionMode && (h("p", { class: "body-italic-m" }, "Selected: ", this.selectedServerName)), h("div", { class: "buttons-spacer" }, h("button", {
+                // cancel button
+                class: "button-secondary", onClick: __classPrivateFieldGet(this, _GxIdeServerSelector_cancelHandler, "f")
+            }, __classPrivateFieldGet(this, _GxIdeServerSelector__componentLocale, "f").footer.cancel), h("button", {
+                // confirm button
+                class: "button-primary", onClick: this.enableConfirmButton && __classPrivateFieldGet(this, _GxIdeServerSelector_confirmHandler, "f"), disabled: !this.enableConfirmButton
+            }, __classPrivateFieldGet(this, _GxIdeServerSelector__componentLocale, "f").footer.confirm))));
+        });
+        this.enableConfirmButton = false;
+        this.isFirstSelection = true;
+        this.isValidUrl = 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 _a, _b;
+        __classPrivateFieldSet(this, _GxIdeServerSelector__componentLocale, await 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;
+    }
+    render() {
+        const connectionTypeClass = this.selectedConnectionType === "new" && "new-connection";
+        const recentlyUsedEmptyClass = this.recentlyUsedServersData.length === 0 && "recently-used-empty";
+        return (h(Host, { class: `widget elevation-1 ${connectionTypeClass} ${recentlyUsedEmptyClass}` }, h("ch-theme", { model: CSS_BUNDLES }), h("main", { class: "section" }, h("header", { class: "header spacing-body-block-start spacing-body-inline" }, h("div", { class: "field-group" }, h("label", { class: "body-regular-m text-neutral-gray-400" }, __classPrivateFieldGet(this, _GxIdeServerSelector__componentLocale, "f").header.title), 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" && (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 && (h("div", { class: "field field-block spacing-body-inline" }, h("label", { class: "label", htmlFor: "recently-used-servers" }, __classPrivateFieldGet(this, _GxIdeServerSelector__componentLocale, "f").recentlyUsed.title), __classPrivateFieldGet(this, _GxIdeServerSelector_renderRecentlyUsedServersGrid, "f").call(this, true))),
+            h("div", { class: "field field-block field-block-all-servers spacing-body-inline" }, h("label", { class: "label", htmlFor: "all-servers" }, __classPrivateFieldGet(this, _GxIdeServerSelector__componentLocale, "f").allServers.title), __classPrivateFieldGet(this, _GxIdeServerSelector_renderConnectedServersGrid, "f").call(this))
+        ], this.selectedConnectionType === "new" && (h("section", { class: "spacing-body-inline" }, h("div", { class: "layout layout--cols-2" }, h("div", { class: "field field-block layout__panel" }, h("label", { class: "label", htmlFor: "server-url" }, __classPrivateFieldGet(this, _GxIdeServerSelector__componentLocale, "f").labels.serverUrl), h("ch-edit", {
+            // server url
+            class: { "input": true, "input-error": !this.isValidUrl }, 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"))
+        })), h("div", { class: "field field-block layout__panel" }, h("label", { class: "label", htmlFor: "server-name" }, __classPrivateFieldGet(this, _GxIdeServerSelector__componentLocale, "f").labels.serverName), h("ch-edit", {
+            // server friendly name
+            class: "input", id: "server-name", value: this.serverNameInputValue, onInput: event => __classPrivateFieldGet(this, _GxIdeServerSelector_inputHandler, "f").call(this, event, "serverNameInputValue"), placeholder: __classPrivateFieldGet(this, _GxIdeServerSelector__componentLocale, "f").placeholders.serverName
+        })), !this.isValidUrl && (h("ch-tooltip", { class: "tooltip", actionElement: __classPrivateFieldGet(this, _GxIdeServerSelector_serverUrlEL, "f"), blockAlign: "outside-end", inlineAlign: config.tooltipSettings.inlineAlign, delay: config.tooltipSettings.delay }, __classPrivateFieldGet(this, _GxIdeServerSelector__componentLocale, "f").errors.serverUrlInvalid))))), __classPrivateFieldGet(this, _GxIdeServerSelector_renderFooter, "f").call(this))));
+    }
+    static get is() { return "gx-ide-server-selector"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["server-selector.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["server-selector.css"]
+        };
+    }
+    static get assetsDirs() { return ["gx-ide-assets/server-selector"]; }
+    static get properties() {
+        return {
+            "connectedServersData": {
+                "type": "unknown",
+                "mutable": true,
+                "complexType": {
+                    "original": "ConnectedGXServerData[]",
+                    "resolved": "ConnectedGXServerData[]",
+                    "references": {
+                        "ConnectedGXServerData": {
+                            "location": "local",
+                            "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/team-dev/server-selector/server-selector.tsx",
+                            "id": "src/components/team-dev/server-selector/server-selector.tsx::ConnectedGXServerData"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The list of connected GX servers."
+                },
+                "defaultValue": "[]"
+            },
+            "recentlyUsedServersData": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "ConnectedGXServerData[]",
+                    "resolved": "ConnectedGXServerData[]",
+                    "references": {
+                        "ConnectedGXServerData": {
+                            "location": "local",
+                            "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/team-dev/server-selector/server-selector.tsx",
+                            "id": "src/components/team-dev/server-selector/server-selector.tsx::ConnectedGXServerData"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The list of recently used servers."
+                },
+                "defaultValue": "[]"
+            },
+            "cancelCallback": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "() => Promise<void>",
+                    "resolved": "() => Promise<void>",
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    }
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Callback that is invoked when the dialog is closed"
+                }
+            },
+            "selectServerCallback": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "(\n    authenticationSessionOrigin: AuthenticationSessionOrigin\n  ) => Promise<void>",
+                    "resolved": "(authenticationSessionOrigin: AuthenticationSessionOrigin) => Promise<void>",
+                    "references": {
+                        "AuthenticationSessionOrigin": {
+                            "location": "local",
+                            "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/team-dev/server-selector/server-selector.tsx",
+                            "id": "src/components/team-dev/server-selector/server-selector.tsx::AuthenticationSessionOrigin"
+                        },
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    }
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Callback that must be invoked when the 'Confirm' button is pressed and the Select Server option is checked."
+                }
+            }
+        };
+    }
+    static get states() {
+        return {
+            "enableConfirmButton": {},
+            "isFirstSelection": {},
+            "isValidUrl": {},
+            "serverUrlInputValue": {},
+            "serverNameInputValue": {},
+            "selectedServerUri": {},
+            "selectedServerName": {},
+            "userName": {},
+            "filterValue": {},
+            "filteredConnectedServersData": {},
+            "validatableControls": {},
+            "selectedConnectionType": {}
+        };
+    }
+    static get elementRef() { return "el"; }
+}
+_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_cancelHandler = new WeakMap(), _GxIdeServerSelector_confirmHandler = new WeakMap(), _GxIdeServerSelector_filterValueChangedHandler = new WeakMap(), _GxIdeServerSelector_inputHandler = new WeakMap(), _GxIdeServerSelector_validateUrl = new WeakMap(), _GxIdeServerSelector_enableConfirmButton = new WeakMap(), _GxIdeServerSelector_selectConnectedServersHandler = new WeakMap(), _GxIdeServerSelector_selectRecentlyUsedServersHandler = new WeakMap(), _GxIdeServerSelector_handleServerSelection = new WeakMap(), _GxIdeServerSelector_connectionTypeChangedHandler = new WeakMap(), _GxIdeServerSelector_renderTabularGridColumnSet = new WeakMap(), _GxIdeServerSelector_renderTooltip = new WeakMap(), _GxIdeServerSelector_renderTabularGridCommonCells = new WeakMap(), _GxIdeServerSelector_renderRecentlyUsedServersGrid = new WeakMap(), _GxIdeServerSelector_renderConnectedServersGrid = new WeakMap(), _GxIdeServerSelector_handleColumnSortChanged = new WeakMap(), _GxIdeServerSelector_renderIcon = new WeakMap(), _GxIdeServerSelector_renderFooter = new WeakMap();
+//# sourceMappingURL=server-selector.js.map