@genexus/genexus-ide-ui 0.0.108 → 0.0.109

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

@@ -0,0 +1,251 @@
+/* STENCIL IMPORTS */
+import { Host, h } from "@stencil/core";
+/* OTHER LIBRARIES IMPORTS */
+/* CUSTOM IMPORTS */
+import { Locale } from "../../../common/locale";
+export class GxIdeEditModuleServers {
+    constructor() {
+        this.renderedFirstTime = false;
+        // 7.LISTENERS //
+        // 8.PUBLIC METHODS API //
+        // 9.LOCAL METHODS //
+        /**
+         * Executed when user click on confirm button
+         */
+        this.confirmCallbackHandler = 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,
+                        authenticated: selectedTypeId.authenticated,
+                        source: this.sourceEl.value,
+                        user: this.userEl.value,
+                        password: this.passwordEl.value
+                    };
+                }
+                else {
+                    data = {
+                        id: selectedTypeId.id,
+                        name: this.nameEl.value,
+                        type: this.serverTypeEl.value,
+                        authenticated: selectedTypeId.authenticated,
+                        source: this.sourceEl.value
+                    };
+                }
+                const result = await this.confirmCallback(data);
+                if (result.success) {
+                    // display success message
+                }
+                else {
+                    // 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;
+            }
+        };
+        // 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.name = undefined;
+        this.source = undefined;
+        this.confirmCallback = undefined;
+        this.selectSourceCallback = undefined;
+        this.cancelCallback = undefined;
+    }
+    // 6.COMPONENT LIFECYCLE EVENTS //
+    async componentWillLoad() {
+        this._componentLocale = await Locale.getComponentStrings(this.el);
+    }
+    componentDidRender() {
+        if (!this.renderedFirstTime) {
+            this.componentDidRenderFirstTime.emit(this._componentLocale.componentName);
+            this.renderedFirstTime = true;
+        }
+    }
+    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.selectedType, ref: (el) => (this.serverTypeEl = el) }, (_a = this.types) === null || _a === void 0 ? void 0 : _a.map(type => (h("gxg-combo-box-item", { value: type.type, onItemSelected: item => (this.selectedType = item.detail.value) }, type.type)))), h("gxg-form-text", { placeholder: this._componentLocale.name, ref: (el) => (this.nameEl = el), part: "name" }), h("gxg-form-text", { placeholder: this._componentLocale.source, ref: (el) => (this.sourceEl = el), 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)))));
+    }
+    static get is() { return "gx-ide-edit-module-servers"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["edit-module-servers.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["edit-module-servers.css"]
+        };
+    }
+    static get assetsDirs() { return ["gx-ide-assets/edit-module-servers"]; }
+    static get properties() {
+        return {
+            "types": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "ModuleServerType[]",
+                    "resolved": "ModuleServerType[]",
+                    "references": {
+                        "ModuleServerType": {
+                            "location": "import",
+                            "path": "../types",
+                            "id": "src/components/modules/types.ts::ModuleServerType"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The type of the server"
+                }
+            },
+            "name": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The name of the server"
+                },
+                "attribute": "name",
+                "reflect": false
+            },
+            "source": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Disk path or server url"
+                },
+                "attribute": "source",
+                "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-servers/edit-module-servers.tsx",
+                            "id": "src/components/modules/edit-module-servers/edit-module-servers.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-servers/edit-module-servers.tsx",
+                            "id": "src/components/modules/edit-module-servers/edit-module-servers.tsx::SelectSourceCallback"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Callback invoked when wants to select a local folder that have modules inside"
+                }
+            },
+            "cancelCallback": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "CancelCallback",
+                    "resolved": "() => Promise<void>",
+                    "references": {
+                        "CancelCallback": {
+                            "location": "local",
+                            "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/modules/edit-module-servers/edit-module-servers.tsx",
+                            "id": "src/components/modules/edit-module-servers/edit-module-servers.tsx::CancelCallback"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Cancel callback"
+                }
+            }
+        };
+    }
+    static get states() {
+        return {
+            "selectedType": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "componentDidRenderFirstTime",
+                "name": "componentDidRenderFirstTime",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "This event is emitted once just after the component is fully loaded and the first render() occurs"
+                },
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                }
+            }];
+    }
+    static get elementRef() { return "el"; }
+}
+//# sourceMappingURL=edit-module-servers.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"edit-module-servers.js","sourceRoot":"","sources":["../../../../src/components/modules/edit-module-servers/edit-module-servers.tsx"],"names":[],"mappings":"AAAA,qBAAqB;AACrB,OAAO,EACL,SAAS,EACT,IAAI,EACJ,CAAC,EACD,IAAI,EACJ,OAAO,EACP,KAAK,EACL,KAAK,EAEN,MAAM,eAAe,CAAC;AAEvB,6BAA6B;AAC7B,oBAAoB;AACpB,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAYhD,MAAM,OAAO,sBAAsB;;QAOzB,sBAAiB,GAAG,KAAK,CAAC;QAqElC,iBAAiB;QAEjB,0BAA0B;QAE1B,qBAAqB;QAErB;;WAEG;QAEK,2BAAsB,GAAG,KAAK,IAAI,EAAE;YAC1C,IAAI,IAAI,CAAC,eAAe,EAAE;gBACxB,MAAM,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CACpC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,IAAI,KAAK,IAAI,CAAC,YAAY,CACzC,CAAC;gBACF,IAAI,IAAI,GAAG,EAA0B,CAAC;gBACtC,IAAI,cAAc,CAAC,IAAI,KAAK,QAAQ,EAAE;oBACpC,IAAI,GAAG;wBACL,EAAE,EAAE,cAAc,CAAC,EAAE;wBACrB,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK;wBACvB,IAAI,EAAE,IAAI,CAAC,YAAY,CAAC,KAAK;wBAC7B,aAAa,EAAE,cAAc,CAAC,aAAa;wBAC3C,MAAM,EAAE,IAAI,CAAC,QAAQ,CAAC,KAAK;wBAC3B,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK;wBACvB,QAAQ,EAAE,IAAI,CAAC,UAAU,CAAC,KAAK;qBAChC,CAAC;iBACH;qBAAM;oBACL,IAAI,GAAG;wBACL,EAAE,EAAE,cAAc,CAAC,EAAE;wBACrB,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK;wBACvB,IAAI,EAAE,IAAI,CAAC,YAAY,CAAC,KAAK;wBAC7B,aAAa,EAAE,cAAc,CAAC,aAAa;wBAC3C,MAAM,EAAE,IAAI,CAAC,QAAQ,CAAC,KAAK;qBAC5B,CAAC;iBACH;gBACD,MAAM,MAAM,GAAG,MAAM,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;gBAChD,IAAI,MAAM,CAAC,OAAO,EAAE;oBAClB,0BAA0B;iBAC3B;qBAAM;oBACL,wBAAwB;iBACzB;aACF;QACH,CAAC,CAAC;QAEF;;WAEG;QACK,0BAAqB,GAAG,KAAK,IAAI,EAAE;YACzC,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAC9B,CAAC,CAAC;QACM,+BAA0B,GAAG,KAAK,IAAI,EAAE;YAC9C,MAAM,IAAI,GAAG,MAAM,IAAI,CAAC,oBAAoB,EAAE,CAAC;YAE/C,IAAI,IAAI,EAAE;gBACR,IAAI,CAAC,QAAQ,CAAC,KAAK,GAAG,IAAI,CAAC;aAC5B;QACH,CAAC,CAAC;QAEF,sBAAsB;QAEd,wBAAmB,GAAG,GAAc,EAAE;YAC5C,OAAO;gBACL,WAAK,KAAK,EAAC,2BAA2B;oBACpC,qBAAY,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAa;oBACnD,qBAAY,IAAI,CAAC,gBAAgB,CAAC,QAAQ,CAAa,CACnD;gBACN,WAAK,KAAK,EAAC,2BAA2B;oBACpC,qBACE,WAAW,EAAE,IAAI,CAAC,gBAAgB,CAAC,IAAI,EACvC,GAAG,EAAE,CAAC,EAA0B,EAAE,EAAE,CAClC,CAAC,IAAI,CAAC,MAAM,GAAG,EAA4B,CAAC,EAE9C,IAAI,EAAC,MAAM,GACI;oBACjB,qBACE,QAAQ,QACR,WAAW,EAAE,IAAI,CAAC,gBAAgB,CAAC,QAAQ,EAC3C,GAAG,EAAE,CAAC,EAA0B,EAAE,EAAE,CAClC,CAAC,IAAI,CAAC,UAAU,GAAG,EAA4B,CAAC,EAElD,IAAI,EAAC,UAAU,GACA,CACb;aACP,CAAC;QACJ,CAAC,CAAC;4BA5I0C,OAAO;;;;;;;;IAyCnD,kCAAkC;IAElC,KAAK,CAAC,iBAAiB;QACrB,IAAI,CAAC,gBAAgB,GAAG,MAAM,MAAM,CAAC,mBAAmB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IACpE,CAAC;IAED,kBAAkB;QAChB,IAAI,CAAC,IAAI,CAAC,iBAAiB,EAAE;YAC3B,IAAI,CAAC,2BAA2B,CAAC,IAAI,CACnC,IAAI,CAAC,gBAAgB,CAAC,aAAa,CACpC,CAAC;YACF,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC;SAC/B;IACH,CAAC;IAwFD,MAAM;;QACJ,OAAO,CACL,EAAC,IAAI,IAAC,KAAK,EAAC,kBAAkB;YAC5B,WAAK,KAAK,EAAC,qCAAqC;gBAC9C,wBAAkB,aAAa;oBAC7B,WACE,KAAK,EACH,IAAI,CAAC,YAAY,KAAK,OAAO;4BAC3B,CAAC,CAAC,gCAAgC;4BAClC,CAAC,CAAC,iCAAiC;wBAGvC,WAAK,KAAK,EAAC,8BAA8B;4BACvC;;gCAAa,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAa;4BACpD;;gCAAa,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAa;4BACpD;;gCAAa,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAa,CAClD;wBACN,WAAK,KAAK,EAAC,8BAA8B;4BACvC,qBACE,KAAK,EAAE,IAAI,CAAC,YAAY,EACxB,GAAG,EAAE,CAAC,EAA0B,EAAE,EAAE,CAClC,CAAC,IAAI,CAAC,YAAY,GAAG,EAA4B,CAAC,IAGnD,MAAA,IAAI,CAAC,KAAK,0CAAE,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CACvB,0BACE,KAAK,EAAE,IAAI,CAAC,IAAI,EAChB,cAAc,EAAE,IAAI,CAAC,EAAE,CACrB,CAAC,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,IAGxC,IAAI,CAAC,IAAI,CACS,CACtB,CAAC,CACY;4BAChB,qBACE,WAAW,EAAE,IAAI,CAAC,gBAAgB,CAAC,IAAI,EACvC,GAAG,EAAE,CAAC,EAA0B,EAAE,EAAE,CAClC,CAAC,IAAI,CAAC,MAAM,GAAG,EAA4B,CAAC,EAE9C,IAAI,EAAC,MAAM,GACI;4BACjB,qBACE,WAAW,EAAE,IAAI,CAAC,gBAAgB,CAAC,MAAM,EACzC,GAAG,EAAE,CAAC,EAA0B,EAAE,EAAE,CAClC,CAAC,IAAI,CAAC,QAAQ,GAAG,EAA4B,CAAC,EAEhD,IAAI,EAAC,QAAQ,GACE,CACb;wBACL,IAAI,CAAC,YAAY,KAAK,OAAO,IAAI,CAChC,kBAAY,OAAO,EAAE,IAAI,CAAC,0BAA0B,UAEvC,CACd;wBACA,IAAI,CAAC,YAAY,KAAK,QAAQ,IAAI,IAAI,CAAC,mBAAmB,EAAE,CACzD;oBAEN,kBACE,IAAI,EAAC,YAAY,EACjB,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,IAAI,CAAC,qBAAqB,IAElC,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC,SAAS,CAC5B;oBACb,kBACE,IAAI,EAAC,YAAY,EACjB,IAAI,EAAC,mBAAmB,EACxB,OAAO,EAAE,IAAI,CAAC,sBAAsB,IAEnC,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC,UAAU,CAC7B,CACI,CACf,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","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-servers\",\n  styleUrl: \"edit-module-servers.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/edit-module-servers\"]\n})\nexport class GxIdeEditModuleServers {\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: HTMLGxIdeEditModuleServersElement;\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   * 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\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.selectedType}\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.type}\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                  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                  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"]}

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

@@ -0,0 +1,11 @@
+{
+  "type": "Type",
+  "name": "Name",
+  "source": "Source",
+  "user": "User",
+  "password": "Password",
+  "footer": {
+    "btnConfirm": "OK",
+    "btnCancel": "Cancel"
+  }
+}

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

@@ -0,0 +1,3 @@
+{
+  "presentation": "「こんにちは、私の名前は {0} です。オレゴンに住んでいます。」"
+}

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

@@ -0,0 +1,3 @@
+{
+  "presentation": "你好，我的名字是 {0}，我住在俄勒冈州。"
+}

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

@@ -0,0 +1,29 @@
+{
+  "componentName": "Manage Module References",
+  "progressBar": {
+    "defaultCaption": "Wait Please...",
+    "completed": "Process completed"
+  },
+  "servers": {
+    "header": "Servers",
+    "addServer": "Add Server"
+  },
+  "modules": {
+    "selectServer": "Select Server :",
+    "searchModules": "Search Modules :",
+    "tabs": {
+      "browse": "Browse",
+      "installed": "Installed",
+      "updates": "Updates"
+    }
+  },
+  "modulesInformation": {
+    "header": "Module Information",
+    "moduleProperties": {
+      "notInstalled": "Module not installed",
+      "installedVersion": "Installed version",
+      "availableVersions": "Available versions"
+    }
+  },
+  "modalTitle": "Modules Server Definition"
+}

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

@@ -0,0 +1,3 @@
+{
+  "name": "Name in JA"
+}

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

@@ -0,0 +1,3 @@
+{
+  "name": "Name in ZH"
+}