@genexus/genexus-ide-ui 1.1.29 → 1.1.30

package/dist/components/gx-ide-server-selector.js

@@ -0,0 +1,290 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { g as getIconPath } from './MERCURY_ASSETS.js';
+import { c as config } from './config.js';
+import { L as Locale } from './locale.js';
+import { d as defineCustomElement$2 } from './gx-ide-empty-state2.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;border-inline:1px solid var(--grid-cell__border-color);--grid-cell__box-shadow-inline-block:inset 0 0px var(--grid-cell__border-color),\n    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}";
+
+var __classPrivateFieldGet = (undefined && undefined.__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 = (undefined && undefined.__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;
+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"
+});
+const GxIdeServerSelector$1 = /*@__PURE__*/ proxyCustomElement(class GxIdeServerSelector extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        _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 assetsDirs() { return ["gx-ide-assets/server-selector"]; }
+    get el() { return this; }
+    static get style() { return serverSelectorCss; }
+}, [1, "gx-ide-server-selector", {
+        "connectedServersData": [1040],
+        "recentlyUsedServersData": [16],
+        "cancelCallback": [16],
+        "selectServerCallback": [16],
+        "enableConfirmButton": [32],
+        "isFirstSelection": [32],
+        "isValidUrl": [32],
+        "serverUrlInputValue": [32],
+        "serverNameInputValue": [32],
+        "selectedServerUri": [32],
+        "selectedServerName": [32],
+        "userName": [32],
+        "filterValue": [32],
+        "filteredConnectedServersData": [32],
+        "validatableControls": [32],
+        "selectedConnectionType": [32]
+    }]);
+_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();
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["gx-ide-server-selector", "gx-ide-empty-state"];
+    components.forEach(tagName => { switch (tagName) {
+        case "gx-ide-server-selector":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, GxIdeServerSelector$1);
+            }
+            break;
+        case "gx-ide-empty-state":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+
+const GxIdeServerSelector = GxIdeServerSelector$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { GxIdeServerSelector, defineCustomElement };
+
+//# sourceMappingURL=gx-ide-server-selector.js.map

package/dist/components/gx-ide-server-selector.js.map

@@ -0,0 +1 @@
+{"file":"gx-ide-server-selector.js","mappings":"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","names":["GxIdeServerSelector"],"sources":["src/components/team-dev/server-selector/server-selector.scss?tag=gx-ide-server-selector&encapsulation=shadow","src/components/team-dev/server-selector/server-selector.tsx"],"sourcesContent":["@import \"../../../../node_modules/@genexus/mercury/dist/assets/scss/helpers.scss\";\n\n:host {\n  display: grid;\n  block-size: 100%;\n  grid-template-rows: max-content max-content 1fr max-content;\n  row-gap: var(--mer-spacing--md);\n  overflow: auto;\n}\n\n:host(.new-connection) {\n  grid-template-rows: max-content 1fr;\n}\n\n:host(.recently-used-empty) {\n  grid-template-rows: max-content 1fr;\n}\n\n.section {\n  display: contents;\n}\n\n// General\n\n.tabular-grid {\n  border-radius: var(--mer-border__radius--sm);\n  overflow: hidden;\n  border-inline: 1px solid var(--grid-cell__border-color);\n  --grid-cell__box-shadow-inline-block:\n    inset 0 0px var(--grid-cell__border-color),\n    inset 0 -1px var(--grid-cell__border-color);\n  overflow: auto;\n}\n\n.tabular-grid-rowset-empty {\n  border-block-end: 1px solid var(--grid-cell__border-color);\n  overflow: hidden;\n}\n\n@include tabular-grid-cell-layout(\n  $tabular-grid-selector: \".tabular-grid\",\n  $tabular-grid-cell-apply-ellipsis: true,\n  $tabular-grid-affected-columns-nth-list: (\n    2,\n    3,\n    4\n  )\n);\n\n.text-neutral-gray-400,\n.tabular-grid-cell.text-neutral-gray-400 {\n  // WA: colors for text should be defined in Mercury\n  color: var(--mer-color__neutral-gray--400);\n}\n// Header\n\n.search-server {\n  inline-size: 50%;\n}\n\n// Recently Used\n\n.tabular-grid-recently-used .tabular-grid-column::part(bar) {\n  --grid-cell__padding-block: 0;\n  --grid-cell__padding-inline: 0;\n}\n\n.tabular-grid.tabular-grid-recently-used {\n  border-block-end: 1px solid var(--grid-cell__border-color);\n  max-block-size: 100px;\n}\n\n// All Servers\n\n.tabular-grid-all-servers {\n  overflow: auto;\n}\n\n.field-block-all-servers {\n  overflow: auto;\n}\n\n.tabular-grid-all-servers {\n  border-block: 1px solid var(--grid-cell__border-color);\n\n  .tabular-grid-column:first-child::part(bar-name-icon) {\n    background-image: var(\n      --icon__system_order-alphabetically_on-elevation--enabled\n    );\n    block-size: var(--mer-icon__box--md);\n    inline-size: var(--mer-icon__box--md);\n    background-size: var(--mer-icon__size--md);\n  }\n  .tabular-grid-rowset-empty {\n    border-block-end: none;\n    overflow: hidden;\n  }\n}\n\n.tabular-grid-all-servers .tabular-grid-column:first-child::part(bar) {\n  --grid-common__gap: 0;\n}\n","// Stencil\nimport { Component, Element, h, Host, Prop, State } from \"@stencil/core\";\n\n// Other Libraries\nimport { getIconPath, MercuryBundles } from \"@genexus/mercury\";\n\n// Custom Imports\nimport {\n  ChEditCustomEvent,\n  TabularGridRowClickedEvent\n} from \"@genexus/chameleon-controls-library\";\nimport { RadioGroupItemModel } from \"@genexus/chameleon-controls-library/dist/types/components/radio-group/types\";\nimport { JSX } from \"@stencil/core/internal\";\nimport { config } from \"../../../common/config\";\nimport {\n  ControlValidation\n  // validateControls\n} from \"../../../common/form-validation\";\nimport { Locale } from \"../../../common/locale\";\nimport { FormSubmitResult } from \"../../../common/types\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"utils/form--full\",\n  \"utils/layout\",\n  \"utils/typography\",\n  \"utils/spacing\",\n  \"components/tooltip\",\n  \"chameleon/scrollbar\",\n  \"components/tabular-grid\"\n];\n\nconst INFO_ICON = getIconPath({\n  category: \"system\",\n  name: \"information\",\n  colorType: \"on-surface\"\n});\n\nconst LOCK_ICON = getIconPath({\n  category: \"system\",\n  name: \"lock\",\n  colorType: \"on-surface\"\n});\n\nconst LANGUAGE_ICON = getIconPath({\n  category: \"system\",\n  name: \"language\",\n  colorType: \"on-surface\"\n});\n\n@Component({\n  tag: \"gx-ide-server-selector\",\n  styleUrl: \"server-selector.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/server-selector\"]\n})\nexport class GxIdeServerSelector {\n  #chSearchIcon = getIconPath({\n    category: \"system\",\n    name: \"search\",\n    colorType: \"on-surface\"\n  });\n\n  #versionsSelect: RadioGroupItemModel[] = [\n    { value: \"select\", caption: \"Select a server from the list below\" },\n    { value: \"new\", caption: \"Enter a server URL manually\" }\n  ];\n\n  [key: string]: any;\n\n  #_componentLocale: any;\n\n  #chGridRecentlyUsedServersEl: HTMLChTabularGridElement;\n  #chGridConnectedServersEl: HTMLChTabularGridElement;\n  #previousSelectedRowId: string | undefined;\n  #selectedRowId: string | undefined;\n  #serverUrlEL: HTMLChEditElement;\n\n  @Element() el: HTMLGxIdeServerSelectorElement;\n\n  /**\n   * State to enable/disable confirm button.\n   */\n  @State() enableConfirmButton: boolean = false;\n\n  /**\n   * State to track if this is the first selection made by the user.\n   */\n  @State() isFirstSelection: boolean = true;\n\n  /**\n   * State to track if the server URL is valid.\n   */\n  @State() isValidUrl: boolean = true;\n\n  /**\n   * The current server URL input value.\n   */\n  @State() serverUrlInputValue: string = \"\";\n\n  /**\n   * The current server URL input value.\n   */\n  @State() serverNameInputValue: string = \"\";\n\n  /**\n   * The selected server URI.\n   */\n  @State() selectedServerUri: string | undefined;\n\n  /**\n   * The selected server name.\n   */\n  @State() selectedServerName: string | undefined = \"None\";\n\n  /**\n   * The user name of the selected server.\n   */\n  @State() userName: string;\n\n  /**\n   * State to store the filter input value to filter the list-box\n   */\n  @State() filterValue: string = \"\";\n\n  /**\n   * Servers filtered\n   */\n  @State() filteredConnectedServersData: ConnectedGXServerData[] = [];\n\n  @State() validatableControls = new Map<string, ControlValidation>();\n\n  /**\n   * The selected connection type\n   */\n  @State() selectedConnectionType: ConnectionOption = \"select\";\n\n  /**\n   * The list of connected GX servers.\n   */\n  @Prop({ mutable: true }) connectedServersData: ConnectedGXServerData[] = [];\n\n  /**\n   * The list of recently used servers.\n   */\n  @Prop() readonly recentlyUsedServersData: ConnectedGXServerData[] = [];\n\n  /**\n   * Callback that is invoked when the dialog is closed\n   */\n  @Prop() readonly cancelCallback!: () => Promise<void>;\n\n  /**\n   * Callback that must be invoked when the 'Confirm' button is pressed and the Select Server option is checked.\n   */\n  @Prop() readonly selectServerCallback!: (\n    authenticationSessionOrigin: AuthenticationSessionOrigin\n  ) => Promise<void>;\n\n  async componentWillLoad() {\n    this.#_componentLocale = await Locale.getComponentStrings(this.el);\n    this.selectedServerUri = this.connectedServersData[0]?.serverUrl;\n    this.userName = this.connectedServersData[0]?.gxServerUsername;\n\n    this.filteredConnectedServersData = this.connectedServersData;\n  }\n\n  #cancelHandler = (): void => {\n    this.cancelCallback();\n  };\n\n  #confirmHandler = async (): Promise<void | ServerType> => {\n    if (this.selectedConnectionType === \"select\") {\n      await this.selectServerCallback({\n        uri: this.selectedServerUri,\n        name: this.selectedServerName\n      });\n    } else if (this.selectedConnectionType === \"new\") {\n      this.isValidUrl = this.#validateUrl(this.serverUrlInputValue);\n      if (this.isValidUrl) {\n        await this.selectServerCallback({\n          uri: this.serverUrlInputValue,\n          name: this.serverNameInputValue\n        });\n      }\n    }\n  };\n\n  #filterValueChangedHandler = (\n    event: ChEditCustomEvent<string> | InputEvent\n  ) => {\n    this.filterValue = (event.detail as string).toLowerCase();\n    this.filteredConnectedServersData = this.connectedServersData.filter(item =>\n      item.serverName.toLowerCase().includes(this.filterValue)\n    );\n  };\n\n  #inputHandler = (\n    event: ChEditCustomEvent<string> | InputEvent,\n    field: \"serverUrlInputValue\" | \"serverNameInputValue\"\n  ) => {\n    this.enableConfirmButton = false;\n    this[field] = event.detail as string;\n    this.#enableConfirmButton();\n  };\n\n  #validateUrl = (url: string): boolean => {\n    try {\n      const serverUrl = new URL(url);\n      return serverUrl.protocol === \"http:\" || serverUrl.protocol === \"https:\";\n    } catch (ex) {\n      return false;\n    }\n  };\n\n  #enableConfirmButton = () => {\n    if (\n      this.serverUrlInputValue &&\n      this.serverUrlInputValue.length > 0 &&\n      this.serverNameInputValue &&\n      this.serverNameInputValue.length > 0\n    ) {\n      this.enableConfirmButton = true;\n    } else {\n      this.enableConfirmButton = false;\n    }\n  };\n\n  #selectConnectedServersHandler = (\n    event: CustomEvent<TabularGridRowClickedEvent>\n  ) =>\n    this.#handleServerSelection(\n      event,\n      this.connectedServersData,\n      this.#chGridRecentlyUsedServersEl\n    );\n\n  #selectRecentlyUsedServersHandler = (\n    event: CustomEvent<TabularGridRowClickedEvent>\n  ) =>\n    this.#handleServerSelection(\n      event,\n      this.recentlyUsedServersData,\n      this.#chGridConnectedServersEl\n    );\n\n  #handleServerSelection = async (\n    event: CustomEvent<TabularGridRowClickedEvent>,\n    serversData: ConnectedGXServerData[],\n    otherGridEl: HTMLChTabularGridElement\n  ): Promise<void> => {\n    if (!this.isFirstSelection) {\n      this.#previousSelectedRowId = this.#selectedRowId;\n    }\n    this.#selectedRowId = event.detail.rowId;\n    if (this.#selectedRowId === undefined) {\n      this.enableConfirmButton = false;\n      this.selectedServerUri = undefined;\n      this.selectedServerName = undefined;\n      return;\n    } else {\n      const selectedServer = serversData.find(\n        server => server.id === this.#selectedRowId\n      );\n      this.enableConfirmButton = true;\n      this.selectedServerName = selectedServer?.serverName;\n      this.selectedServerUri = selectedServer?.serverUrl;\n      this.userName = selectedServer?.gxServerUsername || \"\";\n      this.isFirstSelection = false;\n      await otherGridEl?.selectRow(this.#previousSelectedRowId, false);\n    }\n  };\n\n  #connectionTypeChangedHandler = (event: CustomEvent<string>) => {\n    this.selectedConnectionType = event.detail as ConnectionOption;\n    if (this.selectedConnectionType === \"new\") {\n      this.enableConfirmButton = false;\n      this.serverUrlInputValue = \"\";\n    }\n    this.selectedServerName = \"None\";\n  };\n\n  #renderTabularGridColumnSet = (\n    hideColumnName: boolean = false\n  ): HTMLChTabularGridColumnsetElement => {\n    return (\n      <ch-tabular-grid-columnset class=\"tabular-grid-column-set\">\n        <ch-tabular-grid-column\n          columnId=\"icon\"\n          class=\"tabular-grid-column\"\n          columnName=\"Icon\"\n          settingable={false}\n          columnNameHidden={true}\n          size={config.tabularGrid.colSize.maxContent}\n          resizable={false}\n        ></ch-tabular-grid-column>\n        <ch-tabular-grid-column\n          columnId=\"serverName\"\n          class=\"tabular-grid-column\"\n          sortable\n          columnName=\"Server Name\"\n          settingable={false}\n          columnNameHidden={hideColumnName}\n          onColumnSortChanged={this.#handleColumnSortChanged}\n          size={config.tabularGrid.colSize.serverName}\n          resizable={false}\n        ></ch-tabular-grid-column>\n        <ch-tabular-grid-column\n          columnId=\"serverUrl\"\n          class=\"tabular-grid-column\"\n          sortable\n          columnName=\"Server Url\"\n          settingable={false}\n          columnNameHidden={hideColumnName}\n          onColumnSortChanged={this.#handleColumnSortChanged}\n          size={config.tabularGrid.colSize.auto}\n          resizable={false}\n        ></ch-tabular-grid-column>\n        <ch-tabular-grid-column\n          columnId=\"userName\"\n          class=\"tabular-grid-column\"\n          sortable\n          columnName=\"Username\"\n          settingable={false}\n          columnNameHidden={hideColumnName}\n          onColumnSortChanged={this.#handleColumnSortChanged}\n          size={config.tabularGrid.colSize.userName}\n          resizable={false}\n        ></ch-tabular-grid-column>\n        <ch-tabular-grid-column\n          columnId=\"status\"\n          class=\"tabular-grid-column\"\n          sortable\n          columnName=\"Status\"\n          settingable={false}\n          columnNameHidden={hideColumnName}\n          onColumnSortChanged={this.#handleColumnSortChanged}\n          size={config.tabularGrid.colSize.maxContent}\n          resizable={false}\n        ></ch-tabular-grid-column>\n      </ch-tabular-grid-columnset>\n    );\n  };\n\n  #renderTooltip = (text: string): JSX.Element | null => {\n    return text !== \"\" ? (\n      <ch-tooltip\n        class=\"tooltip\"\n        actionElement={null}\n        blockAlign=\"outside-end\"\n        inlineAlign={config.tooltipSettings.inlineAlign}\n        delay={config.tooltipSettings.delay}\n      >\n        {text}\n      </ch-tooltip>\n    ) : null;\n  };\n\n  #renderTabularGridCommonCells = (server: ConnectedGXServerData) => {\n    return [\n      <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n        {this.#renderIcon(server.accessLevel)}\n      </ch-tabular-grid-cell>,\n      <ch-tabular-grid-cell class=\"tabular-grid-cell tabular-grid-cell-server-name\">\n        {server.serverName}\n      </ch-tabular-grid-cell>,\n      <ch-tabular-grid-cell class=\"tabular-grid-cell tabular-grid-cell-server-url\">\n        {server.serverUrl}\n        {this.#renderTooltip(server.serverUrl)}\n      </ch-tabular-grid-cell>,\n      <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n        {server.gxServerUsername}\n      </ch-tabular-grid-cell>,\n      <ch-tabular-grid-cell class=\"tabular-grid-cell text-neutral-gray-400 body-italic-s\">\n        {server.isConnected && \"Connected\"}\n      </ch-tabular-grid-cell>\n    ];\n  };\n\n  #renderRecentlyUsedServersGrid = (hideColumnName: boolean): Element => {\n    return (\n      <ch-tabular-grid\n        class={\"tabular-grid-recently-used tabular-grid\"}\n        rowSelectionMode=\"single\"\n        ref={(el: HTMLChTabularGridElement) =>\n          (this.#chGridRecentlyUsedServersEl = el)\n        }\n        allowColumnReorder={false}\n        onRowClicked={this.#selectRecentlyUsedServersHandler}\n        id=\"recently-used-servers\"\n      >\n        {this.#renderTabularGridColumnSet(hideColumnName)}\n        {this.recentlyUsedServersData.length > 0 ? (\n          <ch-tabular-grid-rowset class=\"tabular-grid-rowset\">\n            {this.recentlyUsedServersData.map(\n              (server: ConnectedGXServerData) => (\n                <ch-tabular-grid-row rowid={server.id} class=\"tabular-grid-row\">\n                  {this.#renderTabularGridCommonCells(server)}\n                </ch-tabular-grid-row>\n              )\n            )}\n          </ch-tabular-grid-rowset>\n        ) : (\n          <ch-tabular-grid-rowset class=\"tabular-grid-rowset\">\n            <ch-tabular-grid-rowset-empty>\n              <gx-ide-empty-state\n                stateIconSrc={INFO_ICON}\n                stateTitle={this.#_componentLocale.emptyConnectedServers}\n                isAnimated={true}\n              ></gx-ide-empty-state>\n            </ch-tabular-grid-rowset-empty>\n          </ch-tabular-grid-rowset>\n        )}\n      </ch-tabular-grid>\n    );\n  };\n\n  #renderConnectedServersGrid = (): Element => {\n    return (\n      <ch-tabular-grid\n        class={\"tabular-grid tabular-grid-all-servers\"}\n        rowSelectionMode=\"single\"\n        ref={(el: HTMLChTabularGridElement) =>\n          (this.#chGridConnectedServersEl = el)\n        }\n        allowColumnReorder={false}\n        onRowClicked={this.#selectConnectedServersHandler}\n        id=\"all-servers\"\n      >\n        {this.#renderTabularGridColumnSet()}\n        {this.filteredConnectedServersData.length > 0 ? (\n          <ch-tabular-grid-rowset class=\"tabular-grid-rowset\">\n            {this.filteredConnectedServersData.map(\n              (server: ConnectedGXServerData) => (\n                <ch-tabular-grid-row rowid={server.id} class=\"tabular-grid-row\">\n                  {this.#renderTabularGridCommonCells(server)}\n                </ch-tabular-grid-row>\n              )\n            )}\n          </ch-tabular-grid-rowset>\n        ) : (\n          <ch-tabular-grid-rowset class=\"tabular-grid-rowset\">\n            <ch-tabular-grid-rowset-empty class=\"tabular-grid-rowset-empty\">\n              <gx-ide-empty-state\n                stateIconSrc={INFO_ICON}\n                stateTitle={this.#_componentLocale.emptyConnectedServers}\n                isAnimated={true}\n              ></gx-ide-empty-state>\n            </ch-tabular-grid-rowset-empty>\n          </ch-tabular-grid-rowset>\n        )}\n      </ch-tabular-grid>\n    );\n  };\n\n  #handleColumnSortChanged = (e: CustomEvent) => {\n    const { columnId, sortDirection } = e.detail;\n\n    const aux = this.connectedServersData;\n    aux.sort((a: any, b: any) => {\n      if (a[columnId] < b[columnId]) {\n        return sortDirection === \"asc\" ? -1 : 1;\n      }\n      if (a[columnId] > b[columnId]) {\n        return sortDirection === \"asc\" ? 1 : -1;\n      }\n      return 0;\n    });\n\n    this.connectedServersData = [...aux];\n  };\n\n  #renderIcon = (accessLevel: string): JSX.Element => {\n    const icon = accessLevel === \"private\" ? LOCK_ICON : LANGUAGE_ICON;\n    return <ch-image class=\"icon-md\" src={icon}></ch-image>;\n  };\n\n  #renderFooter = () => {\n    const isSelectionMode = this.selectedConnectionType === \"select\";\n    return (\n      <footer\n        class={{\n          \"control-footer-with-border\": true,\n          \"control-footer-space-between\":\n            this.selectedConnectionType === \"select\",\n          \"space-between\": isSelectionMode,\n          \"spacing-body-inline\": true,\n          \"spacing-body-block\": true\n        }}\n      >\n        {isSelectionMode && (\n          <p class=\"body-italic-m\">Selected: {this.selectedServerName}</p>\n        )}\n        <div class=\"buttons-spacer\">\n          <button\n            // cancel button\n            class=\"button-secondary\"\n            onClick={this.#cancelHandler}\n          >\n            {this.#_componentLocale.footer.cancel}\n          </button>\n\n          <button\n            // confirm button\n            class=\"button-primary\"\n            onClick={this.enableConfirmButton && this.#confirmHandler}\n            disabled={!this.enableConfirmButton}\n          >\n            {this.#_componentLocale.footer.confirm}\n          </button>\n        </div>\n      </footer>\n    );\n  };\n\n  render(): void {\n    const connectionTypeClass =\n      this.selectedConnectionType === \"new\" && \"new-connection\";\n    const recentlyUsedEmptyClass =\n      this.recentlyUsedServersData.length === 0 && \"recently-used-empty\";\n    return (\n      <Host\n        class={`widget elevation-1 ${connectionTypeClass} ${recentlyUsedEmptyClass}`}\n      >\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <main class=\"section\">\n          <header class=\"header spacing-body-block-start spacing-body-inline\">\n            <div class=\"field-group\">\n              <label class=\"body-regular-m text-neutral-gray-400\">\n                {this.#_componentLocale.header.title}\n              </label>\n              <ch-radio-group-render\n                class=\"radio-group\"\n                model={this.#versionsSelect}\n                onChange={this.#connectionTypeChangedHandler}\n                value={this.#versionsSelect[0].value}\n              ></ch-radio-group-render>\n\n              {this.selectedConnectionType === \"select\" && (\n                <ch-edit\n                  class=\"input search-server\"\n                  id=\"server-name-search\"\n                  startImgSrc={this.#chSearchIcon}\n                  onInput={this.#filterValueChangedHandler}\n                  placeholder={\n                    this.#_componentLocale.placeholders.searchServers\n                  }\n                  accessibleName=\"search server\"\n                  type=\"search\"\n                ></ch-edit>\n              )}\n            </div>\n          </header>\n          {this.selectedConnectionType === \"select\" && [\n            this.recentlyUsedServersData.length > 0 && (\n              <div class=\"field field-block spacing-body-inline\">\n                <label class=\"label\" htmlFor=\"recently-used-servers\">\n                  {this.#_componentLocale.recentlyUsed.title}\n                </label>\n                {this.#renderRecentlyUsedServersGrid(true)}\n              </div>\n            ),\n            <div class=\"field field-block field-block-all-servers spacing-body-inline\">\n              <label class=\"label\" htmlFor=\"all-servers\">\n                {this.#_componentLocale.allServers.title}\n              </label>\n              {this.#renderConnectedServersGrid()}\n            </div>\n          ]}\n\n          {this.selectedConnectionType === \"new\" && (\n            <section class=\"spacing-body-inline\">\n              <div class=\"layout layout--cols-2\">\n                <div class=\"field field-block layout__panel\">\n                  <label class=\"label\" htmlFor=\"server-url\">\n                    {this.#_componentLocale.labels.serverUrl}\n                  </label>\n                  <ch-edit\n                    // server url\n                    class={{ \"input\": true, \"input-error\": !this.isValidUrl }}\n                    id=\"server-url\"\n                    value={this.serverUrlInputValue}\n                    onInput={event =>\n                      this.#inputHandler(event, \"serverUrlInputValue\")\n                    }\n                    placeholder={this.#_componentLocale.placeholders.serverUrl}\n                    ref={el => (this.#serverUrlEL = el as HTMLChEditElement)}\n                  ></ch-edit>\n                </div>\n                <div class=\"field field-block layout__panel\">\n                  <label class=\"label\" htmlFor=\"server-name\">\n                    {this.#_componentLocale.labels.serverName}\n                  </label>\n                  <ch-edit\n                    // server friendly name\n                    class=\"input\"\n                    id=\"server-name\"\n                    value={this.serverNameInputValue}\n                    onInput={event =>\n                      this.#inputHandler(event, \"serverNameInputValue\")\n                    }\n                    placeholder={this.#_componentLocale.placeholders.serverName}\n                  ></ch-edit>\n                </div>\n                {!this.isValidUrl && (\n                  <ch-tooltip\n                    class=\"tooltip\"\n                    actionElement={\n                      this.#serverUrlEL as unknown as HTMLButtonElement\n                    }\n                    blockAlign=\"outside-end\"\n                    inlineAlign={config.tooltipSettings.inlineAlign}\n                    delay={config.tooltipSettings.delay}\n                  >\n                    {this.#_componentLocale.errors.serverUrlInvalid}\n                  </ch-tooltip>\n                )}\n              </div>\n            </section>\n          )}\n\n          {this.#renderFooter()}\n        </main>\n      </Host>\n    );\n  }\n}\n\nexport type ConnectionResultData = {\n  formResult: FormSubmitResult;\n};\n\nexport type ConnectionOption = \"select\" | \"new\";\n\nexport type ServerType = \"legacy\" | \"next\";\n\nexport type ServerAccessLevel = \"public\" | \"private\";\n\nexport type AuthenticationSessionOrigin = {\n  uri: string;\n  name: string;\n};\n\nexport type ConnectedGXServerData = {\n  id: string;\n  serverUrl: string;\n  accessLevel: ServerAccessLevel;\n  masterSessionUsername: string;\n  serverName?: string;\n  gxServerUsername: string;\n  isConnected: boolean;\n};\n\nexport type NewServerConnectionData = {\n  serverUrl: string;\n  serverName: string;\n};\n"],"version":3}

package/dist/components/gx-ide-team-dev-commit.js

@@ -17,7 +17,7 @@ const mapGxOptionsToComboBoxItemModel = (categoryModel) => categoryModel.map(cat
     caption: category.label || category.name || ""
 }));
 
-const commitCss = ".custom-icon-text-wrapper{display:flex;align-items:center;gap:10px}:host{display:grid;block-size:100%;overflow:auto;grid-template-rows:max-content 1fr max-content}section{display:contents}.header__first-row{grid-template-columns:1fr max-content}.field-comment{flex:1}.filters-container{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--mer-timing--fast)}.filters-container-visible{grid-template-rows:1fr}.filters-container>div{overflow:hidden}.filter{grid-template-areas:\"field-pattern field-folder field-type\" \"field-changeset field-changeset field-category\";padding-block-start:var(--mer-spacing--sm)}.field-pattern{grid-area:field-pattern}.field-folder{grid-area:field-folder}.field-type{grid-area:field-type}.field-changeset{grid-area:field-changeset}.field-category{grid-area:field-category}.ch-tab-slot{inline-size:100%;overflow:auto}.tab{border:none !important}.tabular-grid{block-size:100%;position:relative;overflow:auto}.tabular-grid-cell.tabular-grid-cell-description{max-inline-size:600px}gx-ide-loader{position:absolute;inline-size:100%;block-size:100%}ch-tabular-grid-rowset-empty{position:relative}.tooltip{position:absolute}";
+const commitCss = ".custom-icon-text-wrapper{display:flex;align-items:center;gap:10px}:host{display:grid;block-size:100%;overflow:auto;grid-template-rows:max-content 1fr max-content}section{display:contents}.header__first-row{grid-template-columns:1fr max-content}.field-comment{flex:1}.filters-container{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--mer-timing--fast)}.filters-container-visible{grid-template-rows:1fr}.filters-container>div{overflow:hidden}.filter{grid-template-areas:\"field-pattern field-folder field-type\" \"field-changeset field-changeset field-category\";padding-block-start:var(--mer-spacing--sm)}.field-pattern{grid-area:field-pattern}.field-folder{grid-area:field-folder}.field-type{grid-area:field-type}.field-changeset{grid-area:field-changeset}.field-category{grid-area:field-category}.ch-tab-slot{inline-size:100%;overflow:auto}.tab{border:none !important}.tabular-grid{block-size:100%;position:relative;overflow:auto}.tabular-grid-cell.tabular-grid-cell-description{max-inline-size:600px}gx-ide-loader{position:absolute;inline-size:100%;block-size:100%}ch-tabular-grid-rowset-empty{position:relative}ch-tabular-grid.tabular-grid--empty::part(main){overflow:hidden}.tooltip{position:absolute}";
 
 var __classPrivateFieldGet = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
     if (kind === "a" && !f)