@genexus/genexus-ide-ui 1.1.60 → 1.1.62

package/dist/collection/components/modules/edit-module-server/edit-module-server.js

@@ -1,39 +1,74 @@
-/* STENCIL IMPORTS */
-import { Host, h } from "@stencil/core";
-/* OTHER LIBRARIES IMPORTS */
-/* CUSTOM IMPORTS */
+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 _GxIdeEditModuleServer__componentLocale, _GxIdeEditModuleServer_renderedFirstTime, _GxIdeEditModuleServer_serverTypesModel, _GxIdeEditModuleServer_shortcutsSrc, _GxIdeEditModuleServer_chShortcutsEl, _GxIdeEditModuleServer_nameEl, _GxIdeEditModuleServer_passwordEl, _GxIdeEditModuleServer_serverTypeEl, _GxIdeEditModuleServer_sourceEl, _GxIdeEditModuleServer_userEl, _GxIdeEditModuleServer_cancelCallbackHandler, _GxIdeEditModuleServer_confirmCallbackHandler, _GxIdeEditModuleServer_handleServerTypeChange, _GxIdeEditModuleServer_renderFooter, _GxIdeEditModuleServer_renderServerOptions, _GxIdeEditModuleServer_selectSourceCallbackHandle;
+import { Host, h, getAssetPath } from "@stencil/core";
 import { Locale } from "../../../common/locale";
+import { getIconPath } from "@genexus/mercury";
+import { mapTypesToComboboxItemModel } from "./helpers";
+const CSS_BUNDLES = [
+    "resets/box-sizing",
+    "utils/form--full",
+    "utils/layout",
+    "utils/typography",
+    "utils/spacing",
+    "chameleon/scrollbar"
+];
+const MORE_ICON = getIconPath({
+    category: "gemini-tools",
+    name: "show-more-horizontal",
+    colorType: "on-surface"
+});
 export class GxIdeEditModuleServer {
     constructor() {
-        this.renderedFirstTime = false;
-        // 7.LISTENERS //
-        // 8.PUBLIC METHODS API //
-        // 9.LOCAL METHODS //
-        /**
-         * Executed when user click on confirm button
-         */
-        this.confirmCallbackHandler = async () => {
+        _GxIdeEditModuleServer__componentLocale.set(this, void 0);
+        _GxIdeEditModuleServer_renderedFirstTime.set(this, false);
+        _GxIdeEditModuleServer_serverTypesModel.set(this, []);
+        _GxIdeEditModuleServer_shortcutsSrc.set(this, getAssetPath(`./gx-ide-assets/edit-module-server/shortcuts.json`));
+        _GxIdeEditModuleServer_chShortcutsEl.set(this, void 0);
+        _GxIdeEditModuleServer_nameEl.set(this, void 0);
+        _GxIdeEditModuleServer_passwordEl.set(this, void 0);
+        _GxIdeEditModuleServer_serverTypeEl.set(this, void 0);
+        _GxIdeEditModuleServer_sourceEl.set(this, void 0);
+        _GxIdeEditModuleServer_userEl.set(this, void 0);
+        _GxIdeEditModuleServer_cancelCallbackHandler.set(this, async () => {
+            await this.cancelCallback();
+        });
+        _GxIdeEditModuleServer_confirmCallbackHandler.set(this, async () => {
             if (this.confirmCallback) {
                 const selectedTypeId = this.types.find(({ type }) => type === this.selectedType);
                 let data = {};
                 if (selectedTypeId.type === "remote") {
                     data = {
                         id: selectedTypeId.id,
-                        name: this.nameEl.value,
-                        type: this.serverTypeEl.value,
+                        name: __classPrivateFieldGet(this, _GxIdeEditModuleServer_nameEl, "f").value,
+                        type: __classPrivateFieldGet(this, _GxIdeEditModuleServer_serverTypeEl, "f").value,
                         authenticated: selectedTypeId.authenticated,
-                        source: this.sourceEl.value,
-                        user: this.userEl.value,
-                        password: this.passwordEl.value
+                        source: __classPrivateFieldGet(this, _GxIdeEditModuleServer_sourceEl, "f").value,
+                        user: __classPrivateFieldGet(this, _GxIdeEditModuleServer_userEl, "f").value,
+                        password: __classPrivateFieldGet(this, _GxIdeEditModuleServer_passwordEl, "f").value
                     };
                 }
                 else {
                     data = {
                         id: selectedTypeId.id,
-                        name: this.nameEl.value,
-                        type: this.serverTypeEl.value,
+                        name: __classPrivateFieldGet(this, _GxIdeEditModuleServer_nameEl, "f").value,
+                        type: __classPrivateFieldGet(this, _GxIdeEditModuleServer_serverTypeEl, "f").value,
                         authenticated: selectedTypeId.authenticated,
-                        source: this.sourceEl.value
+                        source: __classPrivateFieldGet(this, _GxIdeEditModuleServer_sourceEl, "f").value
                     };
                 }
                 const result = await this.confirmCallback(data);
@@ -44,50 +79,58 @@ export class GxIdeEditModuleServer {
                     // display error message
                 }
             }
-        };
-        /**
-         * Executed when user click on cancel button
-         */
-        this.cancelCallbackHandler = async () => {
-            await this.cancelCallback();
-        };
-        this.selectSourceCallbackHandle = async () => {
-            const path = await this.selectSourceCallback();
-            if (path) {
-                this.sourceEl.value = path;
+        });
+        _GxIdeEditModuleServer_handleServerTypeChange.set(this, (e) => {
+            this.selectedType = e.detail;
+        });
+        _GxIdeEditModuleServer_renderFooter.set(this, () => {
+            return (h("footer", { class: "control-footer control-footer-with-border spacing-body-block-end spacing-body-inline" }, h("div", { class: "buttons-spacer" }, h("button", { class: "button-secondary", id: "button-cancel", onClick: __classPrivateFieldGet(this, _GxIdeEditModuleServer_cancelCallbackHandler, "f"), part: "button-cancel" }, __classPrivateFieldGet(this, _GxIdeEditModuleServer__componentLocale, "f").footer.btnCancel), h("button", { class: "button-primary", id: "button-create", onClick: __classPrivateFieldGet(this, _GxIdeEditModuleServer_confirmCallbackHandler, "f"), part: "button-create" }, __classPrivateFieldGet(this, _GxIdeEditModuleServer__componentLocale, "f").footer.btnConfirm))));
+        });
+        _GxIdeEditModuleServer_renderServerOptions.set(this, () => {
+            return (h("div", { class: "spacing-body user-password" }, h("div", { class: "auth-column-1" }, h("label", { class: "label", htmlFor: "user" }, __classPrivateFieldGet(this, _GxIdeEditModuleServer__componentLocale, "f").user), h("label", { class: "label", htmlFor: "password" }, __classPrivateFieldGet(this, _GxIdeEditModuleServer__componentLocale, "f").password)), h("div", { class: "auth-column-2" }, h("ch-edit", { id: "user", part: "user", class: "input", placeholder: __classPrivateFieldGet(this, _GxIdeEditModuleServer__componentLocale, "f").user, ref: (el) => (__classPrivateFieldSet(this, _GxIdeEditModuleServer_userEl, el, "f")) }), h("ch-edit", { id: "password", part: "password", class: "input", placeholder: __classPrivateFieldGet(this, _GxIdeEditModuleServer__componentLocale, "f").password, ref: (el) => (__classPrivateFieldSet(this, _GxIdeEditModuleServer_passwordEl, el, "f")) }))));
+        });
+        _GxIdeEditModuleServer_selectSourceCallbackHandle.set(this, async () => {
+            if (this.selectSourceCallback) {
+                const path = await this.selectSourceCallback();
+                if (path) {
+                    __classPrivateFieldGet(this, _GxIdeEditModuleServer_sourceEl, "f").value = path;
+                }
             }
-        };
-        // 10.LOCAL METHODS //
-        this.renderServerOptions = () => {
-            return [
-                h("div", { class: "grid-server-auth-column-1" }, h("gxg-label", null, this._componentLocale.user), h("gxg-label", null, this._componentLocale.password)),
-                h("div", { class: "grid-server-auth-column-2" }, h("gxg-form-text", { placeholder: this._componentLocale.user, ref: (el) => (this.userEl = el), part: "user" }), h("gxg-form-text", { password: true, placeholder: this._componentLocale.password, ref: (el) => (this.passwordEl = el), part: "password" }))
-            ];
-        };
+        });
         this.selectedType = "local";
-        this.types = undefined;
+        this.cancelCallback = undefined;
+        this.confirmCallback = undefined;
         this.name = undefined;
+        this.selectSourceCallback = undefined;
         this.source = undefined;
         this.type = undefined;
-        this.confirmCallback = undefined;
-        this.selectSourceCallback = undefined;
-        this.cancelCallback = undefined;
+        this.types = undefined;
     }
-    // 6.COMPONENT LIFECYCLE EVENTS //
     async componentWillLoad() {
-        this._componentLocale = await Locale.getComponentStrings(this.el);
+        __classPrivateFieldSet(this, _GxIdeEditModuleServer__componentLocale, await Locale.getComponentStrings(this.el), "f");
+        __classPrivateFieldSet(this, _GxIdeEditModuleServer_serverTypesModel, mapTypesToComboboxItemModel(this.types), "f");
     }
     componentDidRender() {
-        if (!this.renderedFirstTime) {
-            this.componentDidRenderFirstTime.emit(this._componentLocale.componentName);
-            this.renderedFirstTime = true;
+        if (!__classPrivateFieldGet(this, _GxIdeEditModuleServer_renderedFirstTime, "f")) {
+            this.componentDidRenderFirstTime.emit(__classPrivateFieldGet(this, _GxIdeEditModuleServer__componentLocale, "f").componentName);
+            __classPrivateFieldSet(this, _GxIdeEditModuleServer_renderedFirstTime, true, "f");
+        }
+    }
+    /**
+     * Suspends or reactivates the shortcuts
+     */
+    async suspendShortcuts(suspendShortcuts) {
+        if (suspendShortcuts) {
+            __classPrivateFieldGet(this, _GxIdeEditModuleServer_chShortcutsEl, "f").suspend = true;
+        }
+        else {
+            __classPrivateFieldGet(this, _GxIdeEditModuleServer_chShortcutsEl, "f").suspend = false;
         }
     }
     render() {
-        var _a;
-        return (h(Host, { class: "gx-ide-component" }, h("div", { class: "gx-ide-main-wrapper gx-ide-overflow" }, h("gx-ide-container", { slimmerFooter: true }, h("div", { class: this.selectedType === "local"
-                ? "grid module-servers-grid-local"
-                : "grid module-servers-grid-server" }, h("div", { class: "module-servers-grid-column-1" }, h("gxg-label", null, " ", this._componentLocale.type), h("gxg-label", null, " ", this._componentLocale.name), h("gxg-label", null, " ", this._componentLocale.source)), h("div", { class: "module-servers-grid-column-2" }, h("gxg-combo-box", { value: this.type, ref: (el) => (this.serverTypeEl = el) }, (_a = this.types) === null || _a === void 0 ? void 0 : _a.map(type => (h("gxg-combo-box-item", { value: type.id, onItemSelected: item => (this.selectedType = item.detail.value) }, type.type)))), h("gxg-form-text", { placeholder: this._componentLocale.name, ref: (el) => (this.nameEl = el), value: this.name, part: "name" }), h("gxg-form-text", { placeholder: this._componentLocale.source, ref: (el) => (this.sourceEl = el), value: this.source, part: "source" })), this.selectedType === "local" && (h("gxg-button", { onClick: this.selectSourceCallbackHandle }, "...")), this.selectedType === "remote" && this.renderServerOptions()), h("gxg-button", { slot: "footer-end", type: "outlined", onClick: this.cancelCallbackHandler }, this._componentLocale.footer.btnCancel), h("gxg-button", { slot: "footer-end", type: "primary-text-only", onClick: this.confirmCallbackHandler }, this._componentLocale.footer.btnConfirm)))));
+        return (h(Host, { class: "widget" }, h("ch-theme", { model: CSS_BUNDLES }), h("ch-shortcuts", { src: __classPrivateFieldGet(this, _GxIdeEditModuleServer_shortcutsSrc, "f"), ref: (el) => (__classPrivateFieldSet(this, _GxIdeEditModuleServer_chShortcutsEl, el, "f")) }), h("div", { class: this.selectedType === "local"
+                ? "module-servers-grid-local"
+                : "module-servers-grid-server" }, h("div", { class: "server-options spacing-body" }, h("div", { class: "server-options__col1" }, h("label", { class: "label", htmlFor: "server-type" }, __classPrivateFieldGet(this, _GxIdeEditModuleServer__componentLocale, "f").type), h("label", { class: "label", htmlFor: "name" }, __classPrivateFieldGet(this, _GxIdeEditModuleServer__componentLocale, "f").name), h("label", { class: "label", htmlFor: "source" }, __classPrivateFieldGet(this, _GxIdeEditModuleServer__componentLocale, "f").source)), h("div", { class: "server-options__col2" }, h("ch-combo-box-render", { accessibleName: "server types", id: "server-type", part: "server-type", class: "combo-box", model: __classPrivateFieldGet(this, _GxIdeEditModuleServer_serverTypesModel, "f"), value: this.types[0].type, onChange: __classPrivateFieldGet(this, _GxIdeEditModuleServer_handleServerTypeChange, "f"), ref: (el) => (__classPrivateFieldSet(this, _GxIdeEditModuleServer_serverTypeEl, el, "f")) }), h("ch-edit", { placeholder: __classPrivateFieldGet(this, _GxIdeEditModuleServer__componentLocale, "f").name, ref: (el) => (__classPrivateFieldSet(this, _GxIdeEditModuleServer_nameEl, el, "f")), value: this.name, part: "name", class: "input", id: "name" }), h("div", { class: "source-input" }, h("ch-edit", { placeholder: __classPrivateFieldGet(this, _GxIdeEditModuleServer__componentLocale, "f").source, ref: (el) => (__classPrivateFieldSet(this, _GxIdeEditModuleServer_sourceEl, el, "f")), value: this.source, class: "input", part: "source", id: "source" }), this.selectedType === "local" && (h("button", { class: "button-tertiary button-icon-only", "aria-label": "caption", onClick: __classPrivateFieldGet(this, _GxIdeEditModuleServer_selectSourceCallbackHandle, "f") }, h("ch-image", { class: "icon-sm", src: MORE_ICON })))))), this.selectedType === "remote" && __classPrivateFieldGet(this, _GxIdeEditModuleServer_renderServerOptions, "f").call(this), __classPrivateFieldGet(this, _GxIdeEditModuleServer_renderFooter, "f").call(this))));
     }
     static get is() { return "gx-ide-edit-module-server"; }
     static get encapsulation() { return "shadow"; }
@@ -104,17 +147,17 @@ export class GxIdeEditModuleServer {
     static get assetsDirs() { return ["gx-ide-assets/edit-module-server"]; }
     static get properties() {
         return {
-            "types": {
+            "cancelCallback": {
                 "type": "unknown",
                 "mutable": false,
                 "complexType": {
-                    "original": "ModuleServerType[]",
-                    "resolved": "ModuleServerType[]",
+                    "original": "CancelCallback",
+                    "resolved": "() => Promise<void>",
                     "references": {
-                        "ModuleServerType": {
-                            "location": "import",
-                            "path": "../types",
-                            "id": "src/components/modules/types.ts::ModuleServerType"
+                        "CancelCallback": {
+                            "location": "local",
+                            "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/modules/edit-module-server/edit-module-server.tsx",
+                            "id": "src/components/modules/edit-module-server/edit-module-server.tsx::CancelCallback"
                         }
                     }
                 },
@@ -122,7 +165,28 @@ export class GxIdeEditModuleServer {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "The type of the server"
+                    "text": "Cancel callback"
+                }
+            },
+            "confirmCallback": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "ConfirmCallback",
+                    "resolved": "(data: ModuleServerFullData) => Promise<EditServerModuleResult>",
+                    "references": {
+                        "ConfirmCallback": {
+                            "location": "local",
+                            "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/modules/edit-module-server/edit-module-server.tsx",
+                            "id": "src/components/modules/edit-module-server/edit-module-server.tsx::ConfirmCallback"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Confirm callback"
                 }
             },
             "name": {
@@ -142,6 +206,27 @@ export class GxIdeEditModuleServer {
                 "attribute": "name",
                 "reflect": false
             },
+            "selectSourceCallback": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "SelectSourceCallback",
+                    "resolved": "() => Promise<string>",
+                    "references": {
+                        "SelectSourceCallback": {
+                            "location": "local",
+                            "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/modules/edit-module-server/edit-module-server.tsx",
+                            "id": "src/components/modules/edit-module-server/edit-module-server.tsx::SelectSourceCallback"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Callback invoked when wants to select a local folder that have modules inside"
+                }
+            },
             "source": {
                 "type": "string",
                 "mutable": false,
@@ -176,59 +261,17 @@ export class GxIdeEditModuleServer {
                 "attribute": "type",
                 "reflect": false
             },
-            "confirmCallback": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "ConfirmCallback",
-                    "resolved": "(data: ModuleServerFullData) => Promise<EditServerModuleResult>",
-                    "references": {
-                        "ConfirmCallback": {
-                            "location": "local",
-                            "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/modules/edit-module-server/edit-module-server.tsx",
-                            "id": "src/components/modules/edit-module-server/edit-module-server.tsx::ConfirmCallback"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Confirm callback"
-                }
-            },
-            "selectSourceCallback": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "SelectSourceCallback",
-                    "resolved": "() => Promise<string>",
-                    "references": {
-                        "SelectSourceCallback": {
-                            "location": "local",
-                            "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/modules/edit-module-server/edit-module-server.tsx",
-                            "id": "src/components/modules/edit-module-server/edit-module-server.tsx::SelectSourceCallback"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Callback invoked when wants to select a local folder that have modules inside"
-                }
-            },
-            "cancelCallback": {
+            "types": {
                 "type": "unknown",
                 "mutable": false,
                 "complexType": {
-                    "original": "CancelCallback",
-                    "resolved": "() => Promise<void>",
+                    "original": "ModuleServerType[]",
+                    "resolved": "ModuleServerType[]",
                     "references": {
-                        "CancelCallback": {
-                            "location": "local",
-                            "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/modules/edit-module-server/edit-module-server.tsx",
-                            "id": "src/components/modules/edit-module-server/edit-module-server.tsx::CancelCallback"
+                        "ModuleServerType": {
+                            "location": "import",
+                            "path": "../types",
+                            "id": "src/components/modules/types.ts::ModuleServerType"
                         }
                     }
                 },
@@ -236,7 +279,7 @@ export class GxIdeEditModuleServer {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "Cancel callback"
+                    "text": "The type of the server"
                 }
             }
         };
@@ -264,6 +307,32 @@ export class GxIdeEditModuleServer {
                 }
             }];
     }
+    static get methods() {
+        return {
+            "suspendShortcuts": {
+                "complexType": {
+                    "signature": "(suspendShortcuts: boolean) => Promise<void>",
+                    "parameters": [{
+                            "name": "suspendShortcuts",
+                            "type": "boolean",
+                            "docs": ""
+                        }],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "Suspends or reactivates the shortcuts",
+                    "tags": []
+                }
+            }
+        };
+    }
     static get elementRef() { return "el"; }
 }
+_GxIdeEditModuleServer__componentLocale = new WeakMap(), _GxIdeEditModuleServer_renderedFirstTime = new WeakMap(), _GxIdeEditModuleServer_serverTypesModel = new WeakMap(), _GxIdeEditModuleServer_shortcutsSrc = new WeakMap(), _GxIdeEditModuleServer_chShortcutsEl = new WeakMap(), _GxIdeEditModuleServer_nameEl = new WeakMap(), _GxIdeEditModuleServer_passwordEl = new WeakMap(), _GxIdeEditModuleServer_serverTypeEl = new WeakMap(), _GxIdeEditModuleServer_sourceEl = new WeakMap(), _GxIdeEditModuleServer_userEl = new WeakMap(), _GxIdeEditModuleServer_cancelCallbackHandler = new WeakMap(), _GxIdeEditModuleServer_confirmCallbackHandler = new WeakMap(), _GxIdeEditModuleServer_handleServerTypeChange = new WeakMap(), _GxIdeEditModuleServer_renderFooter = new WeakMap(), _GxIdeEditModuleServer_renderServerOptions = new WeakMap(), _GxIdeEditModuleServer_selectSourceCallbackHandle = new WeakMap();
 //# sourceMappingURL=edit-module-server.js.map

package/dist/collection/components/modules/edit-module-server/edit-module-server.js.map

@@ -1 +1 @@
-{"version":3,"file":"edit-module-server.js","sourceRoot":"","sources":["../../../../src/components/modules/edit-module-server/edit-module-server.tsx"],"names":[],"mappings":"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","sourcesContent":["/* STENCIL IMPORTS */\nimport {\n  Component,\n  Host,\n  h,\n  Prop,\n  Element,\n  Event,\n  State,\n  EventEmitter\n} from \"@stencil/core\";\n\n/* OTHER LIBRARIES IMPORTS */\n/* CUSTOM IMPORTS */\nimport { Locale } from \"../../../common/locale\";\nimport {\n  ModuleServerType,\n  ModuleServerFullData,\n  EditServerModuleResult\n} from \"../types\";\n@Component({\n  tag: \"gx-ide-edit-module-server\",\n  styleUrl: \"edit-module-server.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/edit-module-server\"]\n})\nexport class GxIdeEditModuleServer {\n  // 1.OWN PROPERTIES | WATCH'S //\n\n  /**\n   * The component hard-coded strings translations.\n   */\n  private _componentLocale: any;\n  private renderedFirstTime = false;\n\n  // 2. REFERENCE TO ELEMENTS //\n\n  @Element() el: HTMLGxIdeEditModuleServerElement;\n  private serverTypeEl: HTMLGxgComboBoxElement;\n  private nameEl: HTMLGxgFormTextElement;\n  private sourceEl: HTMLGxgFormTextElement;\n  private userEl: HTMLGxgFormTextElement;\n  private passwordEl: HTMLGxgFormTextElement;\n\n  // 3.STATE() VARIABLES //\n\n  @State() selectedType: \"local\" | \"remote\" = \"local\";\n\n  // 4.PUBLIC PROPERTY API //\n\n  /**\n   * The type of the server\n   */\n  @Prop() readonly types: ModuleServerType[];\n\n  /**\n   * The name of the server\n   */\n  @Prop() readonly name: string;\n\n  /**\n   * Disk path or server url\n   */\n  @Prop() readonly source: string;\n\n  /**\n   * Id of the currently selected server type\n   */\n  @Prop() readonly type: string;\n\n  /**\n   * Confirm callback\n   */\n  @Prop() readonly confirmCallback: ConfirmCallback;\n\n  /**\n   * Callback invoked when wants to select a local folder that have modules inside\n   */\n  @Prop() readonly selectSourceCallback: SelectSourceCallback;\n\n  /**\n   * Cancel callback\n   */\n  @Prop() readonly cancelCallback: CancelCallback;\n\n  // 5.EVENTS (EMIT) //\n\n  /**\n   * This event is emitted once just after the component is fully loaded and the first render() occurs\n   */\n  @Event() componentDidRenderFirstTime: EventEmitter<boolean>;\n\n  // 6.COMPONENT LIFECYCLE EVENTS //\n\n  async componentWillLoad() {\n    this._componentLocale = await Locale.getComponentStrings(this.el);\n  }\n\n  componentDidRender() {\n    if (!this.renderedFirstTime) {\n      this.componentDidRenderFirstTime.emit(\n        this._componentLocale.componentName\n      );\n      this.renderedFirstTime = true;\n    }\n  }\n\n  // 7.LISTENERS //\n\n  // 8.PUBLIC METHODS API //\n\n  // 9.LOCAL METHODS //\n\n  /**\n   * Executed when user click on confirm button\n   */\n  private confirmCallbackHandler = async () => {\n    if (this.confirmCallback) {\n      const selectedTypeId = this.types.find(\n        ({ type }) => type === this.selectedType\n      );\n      let data = {} as ModuleServerFullData;\n      if (selectedTypeId.type === \"remote\") {\n        data = {\n          id: selectedTypeId.id,\n          name: this.nameEl.value,\n          type: this.serverTypeEl.value,\n          authenticated: selectedTypeId.authenticated,\n          source: this.sourceEl.value,\n          user: this.userEl.value,\n          password: this.passwordEl.value\n        };\n      } else {\n        data = {\n          id: selectedTypeId.id,\n          name: this.nameEl.value,\n          type: this.serverTypeEl.value,\n          authenticated: selectedTypeId.authenticated,\n          source: this.sourceEl.value\n        };\n      }\n      const result = await this.confirmCallback(data);\n      if (result.success) {\n        // display success message\n      } else {\n        // display error message\n      }\n    }\n  };\n\n  /**\n   * Executed when user click on cancel button\n   */\n  private cancelCallbackHandler = async () => {\n    await this.cancelCallback();\n  };\n  private selectSourceCallbackHandle = async () => {\n    const path = await this.selectSourceCallback();\n\n    if (path) {\n      this.sourceEl.value = path;\n    }\n  };\n\n  // 10.LOCAL METHODS //\n\n  private renderServerOptions = (): Element[] => {\n    return [\n      <div class=\"grid-server-auth-column-1\">\n        <gxg-label>{this._componentLocale.user}</gxg-label>\n        <gxg-label>{this._componentLocale.password}</gxg-label>\n      </div>,\n      <div class=\"grid-server-auth-column-2\">\n        <gxg-form-text\n          placeholder={this._componentLocale.user}\n          ref={(el: HTMLGxgFormTextElement) =>\n            (this.userEl = el as HTMLGxgFormTextElement)\n          }\n          part=\"user\"\n        ></gxg-form-text>\n        <gxg-form-text\n          password\n          placeholder={this._componentLocale.password}\n          ref={(el: HTMLGxgFormTextElement) =>\n            (this.passwordEl = el as HTMLGxgFormTextElement)\n          }\n          part=\"password\"\n        ></gxg-form-text>\n      </div>\n    ];\n  };\n\n  render() {\n    return (\n      <Host class=\"gx-ide-component\">\n        <div class=\"gx-ide-main-wrapper gx-ide-overflow\">\n          <gx-ide-container slimmerFooter>\n            <div\n              class={\n                this.selectedType === \"local\"\n                  ? \"grid module-servers-grid-local\"\n                  : \"grid module-servers-grid-server\"\n              }\n            >\n              <div class=\"module-servers-grid-column-1\">\n                <gxg-label> {this._componentLocale.type}</gxg-label>\n                <gxg-label> {this._componentLocale.name}</gxg-label>\n                <gxg-label> {this._componentLocale.source}</gxg-label>\n              </div>\n              <div class=\"module-servers-grid-column-2\">\n                <gxg-combo-box\n                  value={this.type}\n                  ref={(el: HTMLGxgComboBoxElement) =>\n                    (this.serverTypeEl = el as HTMLGxgComboBoxElement)\n                  }\n                >\n                  {this.types?.map(type => (\n                    <gxg-combo-box-item\n                      value={type.id}\n                      onItemSelected={item =>\n                        (this.selectedType = item.detail.value)\n                      }\n                    >\n                      {type.type}\n                    </gxg-combo-box-item>\n                  ))}\n                </gxg-combo-box>\n                <gxg-form-text\n                  placeholder={this._componentLocale.name}\n                  ref={(el: HTMLGxgFormTextElement) =>\n                    (this.nameEl = el as HTMLGxgFormTextElement)\n                  }\n                  value={this.name}\n                  part=\"name\"\n                ></gxg-form-text>\n                <gxg-form-text\n                  placeholder={this._componentLocale.source}\n                  ref={(el: HTMLGxgFormTextElement) =>\n                    (this.sourceEl = el as HTMLGxgFormTextElement)\n                  }\n                  value={this.source}\n                  part=\"source\"\n                ></gxg-form-text>\n              </div>\n              {this.selectedType === \"local\" && (\n                <gxg-button onClick={this.selectSourceCallbackHandle}>\n                  ...\n                </gxg-button>\n              )}\n              {this.selectedType === \"remote\" && this.renderServerOptions()}\n            </div>\n\n            <gxg-button\n              slot=\"footer-end\"\n              type=\"outlined\"\n              onClick={this.cancelCallbackHandler}\n            >\n              {this._componentLocale.footer.btnCancel}\n            </gxg-button>\n            <gxg-button\n              slot=\"footer-end\"\n              type=\"primary-text-only\"\n              onClick={this.confirmCallbackHandler}\n            >\n              {this._componentLocale.footer.btnConfirm}\n            </gxg-button>\n          </gx-ide-container>\n        </div>\n      </Host>\n    );\n  }\n}\nexport type ConfirmCallback = (\n  data: ModuleServerFullData\n) => Promise<EditServerModuleResult>;\nexport type CancelCallback = () => Promise<void>;\nexport type SelectSourceCallback = () => Promise<string | undefined>;\n"]}
+{"version":3,"file":"edit-module-server.js","sourceRoot":"","sources":["../../../../src/components/modules/edit-module-server/edit-module-server.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  Host,\n  h,\n  Prop,\n  Element,\n  Event,\n  State,\n  EventEmitter,\n  getAssetPath,\n  Method\n} from \"@stencil/core\";\n\nimport { Locale } from \"../../../common/locale\";\nimport {\n  ModuleServerType,\n  ModuleServerFullData,\n  EditServerModuleResult\n} from \"../types\";\nimport { getIconPath, MercuryBundles } from \"@genexus/mercury\";\nimport { ComboBoxItemModel } from \"@genexus/chameleon-controls-library/dist/types/components/combo-box/types\";\nimport { mapTypesToComboboxItemModel } from \"./helpers\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"utils/form--full\",\n  \"utils/layout\",\n  \"utils/typography\",\n  \"utils/spacing\",\n  \"chameleon/scrollbar\"\n];\n\nconst MORE_ICON = getIconPath({\n  category: \"gemini-tools\",\n  name: \"show-more-horizontal\",\n  colorType: \"on-surface\"\n});\n\n@Component({\n  tag: \"gx-ide-edit-module-server\",\n  styleUrl: \"edit-module-server.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/edit-module-server\"]\n})\nexport class GxIdeEditModuleServer {\n  #_componentLocale: any;\n  #renderedFirstTime = false;\n  #serverTypesModel: ComboBoxItemModel[] = [];\n  #shortcutsSrc = getAssetPath(\n    `./gx-ide-assets/edit-module-server/shortcuts.json`\n  );\n\n  @Element() el: HTMLGxIdeEditModuleServerElement;\n  #chShortcutsEl: HTMLChShortcutsElement;\n  #nameEl: HTMLChEditElement;\n  #passwordEl: HTMLChEditElement;\n  #serverTypeEl: HTMLChComboBoxRenderElement;\n  #sourceEl: HTMLChEditElement;\n  #userEl: HTMLChEditElement;\n\n  @State() selectedType: \"local\" | \"remote\" = \"local\";\n\n  /**\n   * Cancel callback\n   */\n  @Prop() readonly cancelCallback: CancelCallback;\n\n  /**\n   * Confirm callback\n   */\n  @Prop() readonly confirmCallback: ConfirmCallback;\n\n  /**\n   * The name of the server\n   */\n  @Prop() readonly name: string;\n\n  /**\n   * Callback invoked when wants to select a local folder that have modules inside\n   */\n  @Prop() readonly selectSourceCallback: SelectSourceCallback;\n\n  /**\n   * Disk path or server url\n   */\n  @Prop() readonly source: string;\n\n  /**\n   * Id of the currently selected server type\n   */\n  @Prop() readonly type: string;\n\n  /**\n   * The type of the server\n   */\n  @Prop() readonly types: ModuleServerType[];\n\n  /**\n   * This event is emitted once just after the component is fully loaded and the first render() occurs\n   */\n  @Event() componentDidRenderFirstTime: EventEmitter<boolean>;\n\n  async componentWillLoad() {\n    this.#_componentLocale = await Locale.getComponentStrings(this.el);\n    this.#serverTypesModel = mapTypesToComboboxItemModel(this.types);\n  }\n\n  componentDidRender() {\n    if (!this.#renderedFirstTime) {\n      this.componentDidRenderFirstTime.emit(\n        this.#_componentLocale.componentName\n      );\n      this.#renderedFirstTime = true;\n    }\n  }\n\n  /**\n   * Suspends or reactivates the shortcuts\n   */\n  @Method()\n  async suspendShortcuts(suspendShortcuts: boolean) {\n    if (suspendShortcuts) {\n      this.#chShortcutsEl.suspend = true;\n    } else {\n      this.#chShortcutsEl.suspend = false;\n    }\n  }\n\n  #cancelCallbackHandler = async () => {\n    await this.cancelCallback();\n  };\n\n  #confirmCallbackHandler = async () => {\n    if (this.confirmCallback) {\n      const selectedTypeId = this.types.find(\n        ({ type }) => type === this.selectedType\n      );\n      let data = {} as ModuleServerFullData;\n      if (selectedTypeId.type === \"remote\") {\n        data = {\n          id: selectedTypeId.id,\n          name: this.#nameEl.value,\n          type: this.#serverTypeEl.value as \"remote\" | \"local\",\n          authenticated: selectedTypeId.authenticated,\n          source: this.#sourceEl.value,\n          user: this.#userEl.value,\n          password: this.#passwordEl.value\n        };\n      } else {\n        data = {\n          id: selectedTypeId.id,\n          name: this.#nameEl.value,\n          type: this.#serverTypeEl.value as \"remote\" | \"local\",\n          authenticated: selectedTypeId.authenticated,\n          source: this.#sourceEl.value\n        };\n      }\n      const result = await this.confirmCallback(data);\n      if (result.success) {\n        // display success message\n      } else {\n        // display error message\n      }\n    }\n  };\n\n  #handleServerTypeChange = (e: CustomEvent<string>) => {\n    this.selectedType = e.detail as \"local\" | \"remote\";\n  };\n\n  #renderFooter = () => {\n    return (\n      <footer class=\"control-footer control-footer-with-border spacing-body-block-end spacing-body-inline\">\n        <div class=\"buttons-spacer\">\n          <button\n            class=\"button-secondary\"\n            id=\"button-cancel\"\n            onClick={this.#cancelCallbackHandler}\n            part=\"button-cancel\"\n          >\n            {this.#_componentLocale.footer.btnCancel}\n          </button>\n          <button\n            class=\"button-primary\"\n            id=\"button-create\"\n            onClick={this.#confirmCallbackHandler}\n            part=\"button-create\"\n          >\n            {this.#_componentLocale.footer.btnConfirm}\n          </button>\n        </div>\n      </footer>\n    );\n  };\n\n  #renderServerOptions = (): Element[] => {\n    return (\n      <div class=\"spacing-body user-password\">\n        <div class=\"auth-column-1\">\n          <label class=\"label\" htmlFor=\"user\">\n            {this.#_componentLocale.user}\n          </label>\n          <label class=\"label\" htmlFor=\"password\">\n            {this.#_componentLocale.password}\n          </label>\n        </div>\n        <div class=\"auth-column-2\">\n          <ch-edit\n            id=\"user\"\n            part=\"user\"\n            class=\"input\"\n            placeholder={this.#_componentLocale.user}\n            ref={(el: HTMLChEditElement) =>\n              (this.#userEl = el as HTMLChEditElement)\n            }\n          ></ch-edit>\n          <ch-edit\n            id=\"password\"\n            part=\"password\"\n            class=\"input\"\n            placeholder={this.#_componentLocale.password}\n            ref={(el: HTMLChEditElement) =>\n              (this.#passwordEl = el as HTMLChEditElement)\n            }\n          ></ch-edit>\n        </div>\n      </div>\n    );\n  };\n\n  #selectSourceCallbackHandle = async () => {\n    if (this.selectSourceCallback) {\n      const path = await this.selectSourceCallback();\n\n      if (path) {\n        this.#sourceEl.value = path;\n      }\n    }\n  };\n\n  render() {\n    return (\n      <Host class=\"widget\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <ch-shortcuts\n          src={this.#shortcutsSrc}\n          ref={(el: HTMLChShortcutsElement) =>\n            (this.#chShortcutsEl = el as HTMLChShortcutsElement)\n          }\n        ></ch-shortcuts>\n        <div\n          class={\n            this.selectedType === \"local\"\n              ? \"module-servers-grid-local\"\n              : \"module-servers-grid-server\"\n          }\n        >\n          <div class=\"server-options spacing-body\">\n            <div class=\"server-options__col1\">\n              <label class=\"label\" htmlFor=\"server-type\">\n                {this.#_componentLocale.type}\n              </label>\n              <label class=\"label\" htmlFor=\"name\">\n                {this.#_componentLocale.name}\n              </label>\n              <label class=\"label\" htmlFor=\"source\">\n                {this.#_componentLocale.source}\n              </label>\n            </div>\n            <div class=\"server-options__col2\">\n              <ch-combo-box-render\n                accessibleName=\"server types\"\n                id=\"server-type\"\n                part=\"server-type\"\n                class=\"combo-box\"\n                model={this.#serverTypesModel}\n                value={this.types[0].type as \"local\" | \"remote\"}\n                onChange={this.#handleServerTypeChange}\n                ref={(el: HTMLChComboBoxRenderElement) =>\n                  (this.#serverTypeEl = el as HTMLChComboBoxRenderElement)\n                }\n              ></ch-combo-box-render>\n              <ch-edit\n                placeholder={this.#_componentLocale.name}\n                ref={(el: HTMLChEditElement) =>\n                  (this.#nameEl = el as HTMLChEditElement)\n                }\n                value={this.name}\n                part=\"name\"\n                class=\"input\"\n                id=\"name\"\n              ></ch-edit>\n              <div class=\"source-input\">\n                <ch-edit\n                  placeholder={this.#_componentLocale.source}\n                  ref={(el: HTMLChEditElement) =>\n                    (this.#sourceEl = el as HTMLChEditElement)\n                  }\n                  value={this.source}\n                  class=\"input\"\n                  part=\"source\"\n                  id=\"source\"\n                ></ch-edit>\n\n                {this.selectedType === \"local\" && (\n                  <button\n                    class=\"button-tertiary button-icon-only\"\n                    aria-label=\"caption\"\n                    onClick={this.#selectSourceCallbackHandle}\n                  >\n                    <ch-image class=\"icon-sm\" src={MORE_ICON}></ch-image>\n                  </button>\n                )}\n              </div>\n            </div>\n          </div>\n\n          {this.selectedType === \"remote\" && this.#renderServerOptions()}\n\n          {this.#renderFooter()}\n        </div>\n      </Host>\n    );\n  }\n}\nexport type ConfirmCallback = (\n  data: ModuleServerFullData\n) => Promise<EditServerModuleResult>;\nexport type CancelCallback = () => Promise<void>;\nexport type SelectSourceCallback = () => Promise<string | undefined>;\n"]}

package/dist/collection/components/modules/edit-module-server/gx-ide-assets/edit-module-server/shortcuts.json

@@ -0,0 +1,15 @@
+[
+  {
+    "selector": "[part='button-create']",
+    "keyShortcuts": "Enter",
+    "action": "click",
+    "conditions": {
+      "focusExclude": "[part='button-cancel']"
+    }
+  },
+  {
+    "selector": "[part='button-cancel']",
+    "keyShortcuts": "Escape",
+    "action": "click"
+  }
+]

package/dist/collection/components/modules/edit-module-server/helpers.js

@@ -0,0 +1,12 @@
+export const mapTypesToComboboxItemModel = (types) => {
+    const typesComboBoxItemModel = [];
+    types.forEach(type => {
+        const typeObject = {
+            value: type.type,
+            caption: type.type
+        };
+        typesComboBoxItemModel.push(typeObject);
+    });
+    return typesComboBoxItemModel;
+};
+//# sourceMappingURL=helpers.js.map

package/dist/collection/components/modules/edit-module-server/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../../src/components/modules/edit-module-server/helpers.tsx"],"names":[],"mappings":"AAGA,MAAM,CAAC,MAAM,2BAA2B,GAAG,CACzC,KAAyB,EACJ,EAAE;IACvB,MAAM,sBAAsB,GAAwB,EAAE,CAAC;IACvD,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;QACnB,MAAM,UAAU,GAAsB;YACpC,KAAK,EAAE,IAAI,CAAC,IAAI;YAChB,OAAO,EAAE,IAAI,CAAC,IAAI;SACnB,CAAC;QACF,sBAAsB,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IAC1C,CAAC,CAAC,CAAC;IACH,OAAO,sBAAsB,CAAC;AAChC,CAAC,CAAC","sourcesContent":["import { ComboBoxItemModel } from \"@genexus/chameleon-controls-library/dist/types/components/combo-box/types\";\nimport { ModuleServerType } from \"../types\";\n\nexport const mapTypesToComboboxItemModel = (\n  types: ModuleServerType[]\n): ComboBoxItemModel[] => {\n  const typesComboBoxItemModel: ComboBoxItemModel[] = [];\n  types.forEach(type => {\n    const typeObject: ComboBoxItemModel = {\n      value: type.type,\n      caption: type.type\n    };\n    typesComboBoxItemModel.push(typeObject);\n  });\n  return typesComboBoxItemModel;\n};\n"]}

package/dist/collection/components/modules/manage-module-references/gx-ide-assets/manage-module-references/langs/manage-module-references.lang.en.json

@@ -1,5 +1,8 @@
 {
   "componentName": "Manage Module References",
+  "showServerMenu": "Show server commands",
+  "reloadModules": "Reload modules from server",
+  "availableVersions": "Available Versions",
   "progressBar": {
     "defaultCaption": "Wait Please...",
     "completed": "Process completed"
@@ -22,8 +25,9 @@
   "modulesInformation": {
     "header": "Module Information",
     "moduleProperties": {
-      "installed": "Installed Module Version",
-      "notInstalled": "Module is not Installed"
+      "installed": "Module is installed",
+      "version": "Version: ",
+      "notInstalled": "Module is not installed"
     },
     "moduleVersion": {
       "canNotBeInstalled": "This module version can not be installed",

package/dist/collection/components/modules/manage-module-references/gx-ide-assets/manage-module-references/langs/manage-module-references.lang.ja.json

@@ -1,5 +1,8 @@
 {
   "componentName": "参照モジュールの管理",
+  "showServerMenu": "",
+  "reloadModules": "",
+  "availableVersions": "",
   "progressBar": {
     "defaultCaption": "お待ちください...",
     "completed": "プロセスが完了しました"
@@ -22,7 +25,8 @@
   "modulesInformation": {
     "header": "モジュール情報",
     "moduleProperties": {
-      "installed": "インストール済みのモジュールのバージョン",
+      "installed": "",
+      "version": "",
       "notInstalled": "モジュールがインストールされていません"
     },
     "moduleVersion": {
@@ -36,4 +40,4 @@
     }
   },
   "modalTitle": "モジュールサーバーの定義"
-}
+}

package/dist/collection/components/modules/manage-module-references/gx-ide-assets/manage-module-references/langs/manage-module-references.lang.zh.json

@@ -1,5 +1,8 @@
 {
   "componentName": "Manage Module References",
+  "showServerMenu": "Show server commands",
+  "reloadModules": "Reload modules from server",
+  "availableVersions": "Available Versions",
   "progressBar": {
     "defaultCaption": "Wait Please...",
     "completed": "Process completed"
@@ -22,8 +25,9 @@
   "modulesInformation": {
     "header": "Module Information",
     "moduleProperties": {
-      "installed": "Installed Module Version",
-      "notInstalled": "Module is not Installed"
+      "installed": "Module is installed",
+      "version": "Version: ",
+      "notInstalled": "Module is not installed"
     },
     "moduleVersion": {
       "canNotBeInstalled": "This module version can not be installed",

package/dist/collection/components/modules/manage-module-references/helpers.js

@@ -0,0 +1,32 @@
+import { h } from "@stencil/core";
+export const mapModuleServerDataToComboBoxModel = (servers) => servers.map(server => ({
+    value: server.id,
+    caption: server.name
+}));
+export const mapModuleVersionDataToComboBoxModel = (moduleVersions) => moduleVersions.map(moduleVersion => ({
+    value: moduleVersion.id,
+    caption: moduleVersion.name
+}));
+export const renderModuleDataProperties = (options) => {
+    if (options.length) {
+        const items = [];
+        options.forEach(option => {
+            const isArray = Array.isArray(option.value);
+            if (isArray && option.value.length) {
+                const item = (h("div", { class: "md-property__list-container" }, h("p", { class: "md-property__key subtitle-semi-bold-xs" }, option.name, " :"), h("ul", { class: "md-property__list" }, option.value.map(subItem => {
+                    return (h("li", { class: "md-property__list-item body-regular-s" }, subItem));
+                }))));
+                items.push(item);
+            }
+            else if (!isArray) {
+                const item = (h("div", { class: option.inline
+                        ? "md-property md-property--inline"
+                        : "md-property md-property--block" }, h("p", { class: "md-property__key subtitle-semi-bold-xs" }, option.name, " :"), h("p", { class: "md-property__value body-regular-s" }, option.value)));
+                items.push(item);
+            }
+        });
+        return items;
+    }
+    return null;
+};
+//# sourceMappingURL=helpers.js.map

package/dist/collection/components/modules/manage-module-references/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../../src/components/modules/manage-module-references/helpers.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAQlC,MAAM,CAAC,MAAM,kCAAkC,GAAG,CAChD,OAA2B,EACZ,EAAE,CACjB,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC,EAAE;IAChB,OAAO,EAAE,MAAM,CAAC,IAAI;CACrB,CAAC,CAAC,CAAC;AAEN,MAAM,CAAC,MAAM,mCAAmC,GAAG,CACjD,cAAmC,EACpB,EAAE,CACjB,cAAc,CAAC,GAAG,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC;IACnC,KAAK,EAAE,aAAa,CAAC,EAAE;IACvB,OAAO,EAAE,aAAa,CAAC,IAAI;CAC5B,CAAC,CAAC,CAAC;AAEN,MAAM,CAAC,MAAM,0BAA0B,GAAG,CACxC,OAAkC,EACZ,EAAE;IACxB,IAAI,OAAO,CAAC,MAAM,EAAE;QAClB,MAAM,KAAK,GAAyB,EAAE,CAAC;QAEvC,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;YACvB,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YAE5C,IAAI,OAAO,IAAI,MAAM,CAAC,KAAK,CAAC,MAAM,EAAE;gBAClC,MAAM,IAAI,GAAG,CACX,WAAK,KAAK,EAAC,6BAA6B;oBACtC,SAAG,KAAK,EAAC,wCAAwC;wBAC9C,MAAM,CAAC,IAAI;6BACV;oBACJ,UAAI,KAAK,EAAC,mBAAmB,IACzB,MAAM,CAAC,KAAkB,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE;wBACxC,OAAO,CACL,UAAI,KAAK,EAAC,uCAAuC,IAC9C,OAAO,CACL,CACN,CAAC;oBACJ,CAAC,CAAC,CACC,CACD,CACP,CAAC;gBACF,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;aAClB;iBAAM,IAAI,CAAC,OAAO,EAAE;gBACnB,MAAM,IAAI,GAAG,CACX,WACE,KAAK,EACH,MAAM,CAAC,MAAM;wBACX,CAAC,CAAC,iCAAiC;wBACnC,CAAC,CAAC,gCAAgC;oBAGtC,SAAG,KAAK,EAAC,wCAAwC;wBAC9C,MAAM,CAAC,IAAI;6BACV;oBACJ,SAAG,KAAK,EAAC,mCAAmC,IAAE,MAAM,CAAC,KAAK,CAAK,CAC3D,CACP,CAAC;gBACF,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;aAClB;QACH,CAAC,CAAC,CAAC;QACH,OAAO,KAAK,CAAC;KACd;IACD,OAAO,IAAI,CAAC;AACd,CAAC,CAAC","sourcesContent":["import { h } from \"@stencil/core\";\nimport { ComboBoxModel } from \"@genexus/chameleon-controls-library/dist/types/components/combo-box/types\";\nimport {\n  ModulePropertyData,\n  ModuleServerData,\n  ModuleVersionData\n} from \"../types\";\n\nexport const mapModuleServerDataToComboBoxModel = (\n  servers: ModuleServerData[]\n): ComboBoxModel =>\n  servers.map(server => ({\n    value: server.id,\n    caption: server.name\n  }));\n\nexport const mapModuleVersionDataToComboBoxModel = (\n  moduleVersions: ModuleVersionData[]\n): ComboBoxModel =>\n  moduleVersions.map(moduleVersion => ({\n    value: moduleVersion.id,\n    caption: moduleVersion.name\n  }));\n\nexport const renderModuleDataProperties = (\n  options: Array<ModulePropertyData>\n): ModulePropertyData[] => {\n  if (options.length) {\n    const items: ModulePropertyData[] = [];\n\n    options.forEach(option => {\n      const isArray = Array.isArray(option.value);\n\n      if (isArray && option.value.length) {\n        const item = (\n          <div class=\"md-property__list-container\">\n            <p class=\"md-property__key subtitle-semi-bold-xs\">\n              {option.name} :\n            </p>\n            <ul class=\"md-property__list\">\n              {(option.value as string[]).map(subItem => {\n                return (\n                  <li class=\"md-property__list-item body-regular-s\">\n                    {subItem}\n                  </li>\n                );\n              })}\n            </ul>\n          </div>\n        );\n        items.push(item);\n      } else if (!isArray) {\n        const item = (\n          <div\n            class={\n              option.inline\n                ? \"md-property md-property--inline\"\n                : \"md-property md-property--block\"\n            }\n          >\n            <p class=\"md-property__key subtitle-semi-bold-xs\">\n              {option.name} :\n            </p>\n            <p class=\"md-property__value body-regular-s\">{option.value}</p>\n          </div>\n        );\n        items.push(item);\n      }\n    });\n    return items;\n  }\n  return null;\n};\n"]}