@genexus/genexus-ide-ui 0.0.108 → 0.0.109

package/dist/genexus-ide-ui/p-a46794f4.entry.js

@@ -0,0 +1,138 @@
+import { r as e, c as r, h as t, H as o, g as a } from "./p-48217969.js";
+
+import { L as i } from "./p-74d59062.js";
+
+const s = ":root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-01--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-02{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-02--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--color-on-primary)}.gxg-title-03{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-03--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-04{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-04--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-05{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-05--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable)}.gxg-text--negative{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text--gray{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--dimmed)}.gxg-quote{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);font-style:italic}.gxg-quote--negative{color:var(--ds-base-font-color--negative)}.gxg-link{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--ds-base-font-color--link-hover)}.gxg-link:active{color:var(--ds-base-font-color--link-active)}.gxg-link-gray{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed)}.gxg-link-gray:hover{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed);filter:brightness(1.4)}.gxg-alert-error{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--error);display:inline-block}.gxg-alert-warning{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--warning);display:inline-block}.gxg-alert-success{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--success);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--ds-base-font-family-primary);font-weight:var(--gxg-label-font-weight);font-size:var(--gxg-label-font-size);color:var(--gxg-label-color);text-align:center;line-height:1.455em;display:flex;align-items:center}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gxg-scrollbar::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.gxi-hidden{display:none !important}.gxi-full-height{height:100%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}.justify-start{display:flex;justify-content:start}.justify-center{display:flex;justify-content:center}.justify-end{display:flex;justify-content:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:99;border-bottom:1px solid var(--mer-color__neutral-gray--800)}ch-grid-column:first-child{padding-inline-start:var(--gx-ide-container__padding) !important}ch-grid-column:last-child{padding-inline-end:var(--gx-ide-container__padding) !important}ch-grid-cell{--mer-spacing--xs:var(--gx-ide-container__padding)}.layout{display:grid;gap:var(--mer-spacing--lg);box-sizing:border-box}.layout--two-cols{grid-template-columns:1fr 1fr}.layout--space-above{padding-block-start:var(--mer-spacing--lg)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--mer-font__weight--regular);font-size:var(--mer-font__size--xs);font-family:var(--mer-font-family--primary);height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-main::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-main::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-main::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-overflow::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.tree-container{display:flex;height:100%;width:100%;box-sizing:border-box}:host{display:block}.module-servers-grid-local{gap:var(--spacing-comp-03);display:grid;grid-template-columns:auto 1fr auto}.module-servers-grid-local *:nth-child(3){align-self:end}.module-servers-grid-server{gap:var(--spacing-comp-03);display:grid;grid-template-columns:auto 1fr}.module-servers-grid-server *:nth-child(3){align-self:end}.module-servers-grid-column-1{gap:var(--spacing-comp-03);display:grid;grid-template-rows:repeat(3, 1fr)}.module-servers-grid-column-2{gap:var(--spacing-comp-03);display:grid;grid-template-rows:repeat(2, 1fr)}.grid-server-auth-column-1{gap:var(--spacing-comp-03);display:grid;grid-template-rows:repeat(2, 1fr)}.grid-server-auth-column-2{gap:var(--spacing-comp-03);display:grid;grid-template-rows:repeat(2, 1fr)}";
+
+const l = class {
+  constructor(o) {
+    e(this, o);
+    this.componentDidRenderFirstTime = r(this, "componentDidRenderFirstTime", 7);
+    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 e = this.types.find((({type: e}) => e === this.selectedType));
+        let r = {};
+        if (e.type === "remote") {
+          r = {
+            id: e.id,
+            name: this.nameEl.value,
+            type: this.serverTypeEl.value,
+            authenticated: e.authenticated,
+            source: this.sourceEl.value,
+            user: this.userEl.value,
+            password: this.passwordEl.value
+          };
+        } else {
+          r = {
+            id: e.id,
+            name: this.nameEl.value,
+            type: this.serverTypeEl.value,
+            authenticated: e.authenticated,
+            source: this.sourceEl.value
+          };
+        }
+        await this.confirmCallback(r);
+      }
+    };
+    /**
+         * Executed when user click on cancel button
+         */    this.cancelCallbackHandler = async () => {
+      await this.cancelCallback();
+    };
+    this.selectSourceCallbackHandle = async () => {
+      const e = await this.selectSourceCallback();
+      if (e) {
+        this.sourceEl.value = e;
+      }
+    };
+    // 10.LOCAL METHODS //
+        this.renderServerOptions = () => [ t("div", {
+      class: "grid-server-auth-column-1"
+    }, t("gxg-label", null, this._componentLocale.user), t("gxg-label", null, this._componentLocale.password)), t("div", {
+      class: "grid-server-auth-column-2"
+    }, t("gxg-form-text", {
+      placeholder: this._componentLocale.user,
+      ref: e => this.userEl = e,
+      part: "user"
+    }), t("gxg-form-text", {
+      password: true,
+      placeholder: this._componentLocale.password,
+      ref: e => this.passwordEl = e,
+      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 i.getComponentStrings(this.el);
+  }
+  componentDidRender() {
+    if (!this.renderedFirstTime) {
+      this.componentDidRenderFirstTime.emit(this._componentLocale.componentName);
+      this.renderedFirstTime = true;
+    }
+  }
+  render() {
+    var e;
+    return t(o, {
+      class: "gx-ide-component"
+    }, t("div", {
+      class: "gx-ide-main-wrapper gx-ide-overflow"
+    }, t("gx-ide-container", {
+      slimmerFooter: true
+    }, t("div", {
+      class: this.selectedType === "local" ? "grid module-servers-grid-local" : "grid module-servers-grid-server"
+    }, t("div", {
+      class: "module-servers-grid-column-1"
+    }, t("gxg-label", null, " ", this._componentLocale.type), t("gxg-label", null, " ", this._componentLocale.name), t("gxg-label", null, " ", this._componentLocale.source)), t("div", {
+      class: "module-servers-grid-column-2"
+    }, t("gxg-combo-box", {
+      value: this.selectedType,
+      ref: e => this.serverTypeEl = e
+    }, (e = this.types) === null || e === void 0 ? void 0 : e.map((e => t("gxg-combo-box-item", {
+      value: e.type,
+      onItemSelected: e => this.selectedType = e.detail.value
+    }, e.type)))), t("gxg-form-text", {
+      placeholder: this._componentLocale.name,
+      ref: e => this.nameEl = e,
+      part: "name"
+    }), t("gxg-form-text", {
+      placeholder: this._componentLocale.source,
+      ref: e => this.sourceEl = e,
+      part: "source"
+    })), this.selectedType === "local" && t("gxg-button", {
+      onClick: this.selectSourceCallbackHandle
+    }, "..."), this.selectedType === "remote" && this.renderServerOptions()), t("gxg-button", {
+      slot: "footer-end",
+      type: "outlined",
+      onClick: this.cancelCallbackHandler
+    }, this._componentLocale.footer.btnCancel), t("gxg-button", {
+      slot: "footer-end",
+      type: "primary-text-only",
+      onClick: this.confirmCallbackHandler
+    }, this._componentLocale.footer.btnConfirm))));
+  }
+  static get assetsDirs() {
+    return [ "gx-ide-assets/add-module-servers" ];
+  }
+  get el() {
+    return a(this);
+  }
+};
+
+l.style = s;
+
+export { l as gx_ide_add_module_servers };
+//# sourceMappingURL=p-a46794f4.entry.js.map

package/dist/genexus-ide-ui/p-a46794f4.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["addModuleServersCss","GxIdeAddModuleServers","this","renderedFirstTime","confirmCallbackHandler","async","confirmCallback","selectedTypeId","types","find","type","selectedType","data","id","name","nameEl","value","serverTypeEl","authenticated","source","sourceEl","user","userEl","password","passwordEl","cancelCallbackHandler","cancelCallback","selectSourceCallbackHandle","path","selectSourceCallback","renderServerOptions","h","class","_componentLocale","placeholder","ref","el","part","componentWillLoad","Locale","getComponentStrings","componentDidRender","componentDidRenderFirstTime","emit","componentName","render","Host","slimmerFooter","_a","map","onItemSelected","item","detail","onClick","slot","footer","btnCancel","btnConfirm"],"sources":["src/components/modules/add-module-servers/add-module-servers.scss?tag=gx-ide-add-module-servers&encapsulation=shadow","src/components/modules/add-module-servers/add-module-servers.tsx"],"sourcesContent":["@import \"../../../global/gx-ide-common.scss\";\n@import \"../../../global/gx-ide-mixins.scss\";\n\n:host {\n  display: block;\n}\n.module-servers-grid-local {\n  gap: var(--spacing-comp-03);\n  display: grid;\n  grid-template-columns: auto 1fr auto;\n\n  *:nth-child(3) {\n    align-self: end;\n  }\n}\n.module-servers-grid-server {\n  gap: var(--spacing-comp-03);\n  display: grid;\n  grid-template-columns: auto 1fr;\n\n  *:nth-child(3) {\n    align-self: end;\n  }\n}\n.module-servers-grid-column-1 {\n  gap: var(--spacing-comp-03);\n  display: grid;\n  grid-template-rows: repeat(3, 1fr);\n}\n\n.module-servers-grid-column-2 {\n  gap: var(--spacing-comp-03);\n  display: grid;\n  grid-template-rows: repeat(2, 1fr);\n}\n.grid-server-auth-column-1 {\n  gap: var(--spacing-comp-03);\n  display: grid;\n  grid-template-rows: repeat(2, 1fr);\n}\n\n.grid-server-auth-column-2 {\n  gap: var(--spacing-comp-03);\n  display: grid;\n  grid-template-rows: repeat(2, 1fr);\n}\n","/* 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-add-module-servers\",\n  styleUrl: \"add-module-servers.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/add-module-servers\"]\n})\nexport class GxIdeAddModuleServers {\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: HTMLGxIdeAddModuleServersElement;\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"],"mappings":";;;;AAAA,MAAMA,IAAsB;;MC0BfC,IAAqB;;;;IAOxBC,KAAAC,oBAAoB;;;;;;eA+EpBD,KAAAE,yBAAyBC;MAC/B,IAAIH,KAAKI,iBAAiB;QACxB,MAAMC,IAAiBL,KAAKM,MAAMC,MAChC,EAAGC,aAAWA,MAASR,KAAKS;QAE9B,IAAIC,IAAO;QACX,IAAIL,EAAeG,SAAS,UAAU;UACpCE,IAAO;YACLC,IAAIN,EAAeM;YACnBC,MAAMZ,KAAKa,OAAOC;YAClBN,MAAMR,KAAKe,aAAaD;YACxBE,eAAeX,EAAeW;YAC9BC,QAAQjB,KAAKkB,SAASJ;YACtBK,MAAMnB,KAAKoB,OAAON;YAClBO,UAAUrB,KAAKsB,WAAWR;;eAEvB;UACLJ,IAAO;YACLC,IAAIN,EAAeM;YACnBC,MAAMZ,KAAKa,OAAOC;YAClBN,MAAMR,KAAKe,aAAaD;YACxBE,eAAeX,EAAeW;YAC9BC,QAAQjB,KAAKkB,SAASJ;;;cAGLd,KAAKI,gBAAgBM;;;;;eAYtCV,KAAAuB,wBAAwBpB;YACxBH,KAAKwB;AAAgB;IAErBxB,KAAAyB,6BAA6BtB;MACnC,MAAMuB,UAAa1B,KAAK2B;MAExB,IAAID,GAAM;QACR1B,KAAKkB,SAASJ,QAAQY;;;;QAMlB1B,KAAA4B,sBAAsB,MACrB,EACLC,EAAA;MAAKC,OAAM;OACTD,EAAA,mBAAY7B,KAAK+B,iBAAiBZ,OAClCU,EAAA,mBAAY7B,KAAK+B,iBAAiBV,YAEpCQ,EAAA;MAAKC,OAAM;OACTD,EAAA;MACEG,aAAahC,KAAK+B,iBAAiBZ;MACnCc,KAAMC,KACHlC,KAAKoB,SAASc;MAEjBC,MAAK;QAEPN,EAAA;MACER,UAAQ;MACRW,aAAahC,KAAK+B,iBAAiBV;MACnCY,KAAMC,KACHlC,KAAKsB,aAAaY;MAErBC,MAAK;;wBAxI+B;;;;;;;;;EA2C5C,uBAAMC;IACJpC,KAAK+B,yBAAyBM,EAAOC,oBAAoBtC,KAAKkC;;EAGhE,kBAAAK;IACE,KAAKvC,KAAKC,mBAAmB;MAC3BD,KAAKwC,4BAA4BC,KAC/BzC,KAAK+B,iBAAiBW;MAExB1C,KAAKC,oBAAoB;;;EA0F7B,MAAA0C;;IACE,OACEd,EAACe,GAAI;MAACd,OAAM;OACVD,EAAA;MAAKC,OAAM;OACTD,EAAA;MAAkBgB,eAAa;OAC7BhB,EAAA;MACEC,OACE9B,KAAKS,iBAAiB,UAClB,mCACA;OAGNoB,EAAA;MAAKC,OAAM;OACTD,EAAA,wBAAa7B,KAAK+B,iBAAiBvB,OACnCqB,EAAA,wBAAa7B,KAAK+B,iBAAiBnB,OACnCiB,EAAA,wBAAa7B,KAAK+B,iBAAiBd,UAErCY,EAAA;MAAKC,OAAM;OACTD,EAAA;MACEf,OAAOd,KAAKS;MACZwB,KAAMC,KACHlC,KAAKe,eAAemB;QAGtBY,IAAA9C,KAAKM,WAAK,QAAAwC,WAAA,aAAAA,EAAEC,KAAIvC,KACfqB,EAAA;MACEf,OAAON,EAAKA;MACZwC,gBAAgBC,KACbjD,KAAKS,eAAewC,EAAKC,OAAOpC;OAGlCN,EAAKA,UAIZqB,EAAA;MACEG,aAAahC,KAAK+B,iBAAiBnB;MACnCqB,KAAMC,KACHlC,KAAKa,SAASqB;MAEjBC,MAAK;QAEPN,EAAA;MACEG,aAAahC,KAAK+B,iBAAiBd;MACnCgB,KAAMC,KACHlC,KAAKkB,WAAWgB;MAEnBC,MAAK;SAGRnC,KAAKS,iBAAiB,WACrBoB,EAAA;MAAYsB,SAASnD,KAAKyB;OAA0B,QAIrDzB,KAAKS,iBAAiB,YAAYT,KAAK4B,wBAG1CC,EAAA;MACEuB,MAAK;MACL5C,MAAK;MACL2C,SAASnD,KAAKuB;OAEbvB,KAAK+B,iBAAiBsB,OAAOC,YAEhCzB,EAAA;MACEuB,MAAK;MACL5C,MAAK;MACL2C,SAASnD,KAAKE;OAEbF,KAAK+B,iBAAiBsB,OAAOE"}

package/dist/genexus-ide-ui/p-adaf7aff.entry.js

@@ -0,0 +1,365 @@
+import { r as e, c as t, h as i, H as o, g as r } from "./p-48217969.js";
+
+import { a } from "./p-350f49ac.js";
+
+import { L as s } from "./p-74d59062.js";
+
+const l = ':root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-01--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-02{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-02--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--color-on-primary)}.gxg-title-03{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-03--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-04{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-04--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-05{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-05--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable)}.gxg-text--negative{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text--gray{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--dimmed)}.gxg-quote{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);font-style:italic}.gxg-quote--negative{color:var(--ds-base-font-color--negative)}.gxg-link{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--ds-base-font-color--link-hover)}.gxg-link:active{color:var(--ds-base-font-color--link-active)}.gxg-link-gray{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed)}.gxg-link-gray:hover{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed);filter:brightness(1.4)}.gxg-alert-error{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--error);display:inline-block}.gxg-alert-warning{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--warning);display:inline-block}.gxg-alert-success{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--success);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--ds-base-font-family-primary);font-weight:var(--gxg-label-font-weight);font-size:var(--gxg-label-font-size);color:var(--gxg-label-color);text-align:center;line-height:1.455em;display:flex;align-items:center}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gxg-scrollbar::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.gxi-hidden{display:none !important}.gxi-full-height{height:100%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}.justify-start{display:flex;justify-content:start}.justify-center{display:flex;justify-content:center}.justify-end{display:flex;justify-content:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:99;border-bottom:1px solid var(--mer-color__neutral-gray--800)}ch-grid-column:first-child{padding-inline-start:var(--gx-ide-container__padding) !important}ch-grid-column:last-child{padding-inline-end:var(--gx-ide-container__padding) !important}ch-grid-cell{--mer-spacing--xs:var(--gx-ide-container__padding)}.layout{display:grid;gap:var(--mer-spacing--lg);box-sizing:border-box}.layout--two-cols{grid-template-columns:1fr 1fr}.layout--space-above{padding-block-start:var(--mer-spacing--lg)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--mer-font__weight--regular);font-size:var(--mer-font__size--xs);font-family:var(--mer-font-family--primary);height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-main::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-main::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-main::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-overflow::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.tree-container{display:flex;height:100%;width:100%;box-sizing:border-box}p,ul{font-size:var(--font-size-lg);margin:0}p{line-height:1.6em}.header{align-items:center;grid-template-columns:1fr auto;grid-template-rows:1fr}.main{display:grid;grid-template-columns:1.5fr 2fr;grid-template-rows:1fr;height:100%;overflow:auto}ch-grid-columnset{display:none}.grid-cell-module__info{display:flex;flex-direction:column;align-items:flex-start;gap:var(--mer-spacing--xxs)}.grid-cell-module__name{font-weight:var(--mer-font__weight--bold)}.servers-container{display:none;height:100%}.servers-container__header{display:flex;align-items:center;justify-content:space-between;padding:var(--gxg-list-box-main__padding) var(--gxg-list-box-main__padding) 0 var(--gxg-list-box-main__padding)}.servers-container__header gxg-button{width:100%}.modules__combo-container{display:flex;flex-direction:column;gap:var(--mer-spacing--xs)}.modules__combo{display:flex;flex-direction:row;gap:var(--mer-spacing--xs)}.modules__combo gxg-combo-box{flex:1}.modules__menu-container{position:relative}.modules__menu{display:none;width:200px;position:fixed;z-index:10;right:0;transform:translateX(-100%)}.modules__menu--visible{display:block}.modules__header{padding:var(--gxg-list-box-main__padding);display:flex;flex-direction:column;gap:var(--mer-spacing--xs)}.modules__container{border-inline-end:var(--mer-border__width--sm) solid var(--gx-ide-container-border-color);display:grid;grid-template-rows:auto 1fr;height:100%;overflow:auto}.module-info{display:grid;grid-template-rows:auto 1fr;height:100%;overflow:auto}.module-info__name{display:flex;align-items:center;gap:var(--mer-spacing--sm);--ds-icon-size-box--regular:24px;--ds-icon-size--regular:24px;font-weight:var(--mer-font__weight--bold)}.module-info__header{padding:var(--gx-ide-container__padding);display:flex;flex-direction:column;gap:var(--mer-spacing--xs);border-block-end:var(--mer-border__width--sm) solid var(--gx-ide-container-border-color)}.module-info__action-container{display:flex;flex-direction:row;align-items:center;gap:var(--mer-spacing--xs)}.module-info__action-container:before{content:"";width:var(--mer-spacing--xs);height:var(--mer-spacing--xs);border-radius:50%;display:block;background-color:var(--mer-icon__primary--disabled)}.module-info__action-container--installed:before{background-color:var(--mer-icon__primary)}.module-info__divider{width:calc(100% - var(--gx-ide-container__padding) * 4);padding:0 var(--gx-ide-container__padding);margin:0 auto;border:0;border-block-end:var(--mer-border__width--sm) solid var(--gx-ide-container-border-color)}.module-info__properties{display:flex;flex-direction:column;padding:var(--gx-ide-container__padding);gap:var(--mer-spacing--xs);overflow:auto}.md-property{display:grid;gap:var(--mer-spacing--xs)}.md-property--inline{grid-template-columns:auto 1fr}.md-property__key{font-weight:var(--font-weight-bold);max-width:150px}.md-property__value{font-size:var(--mer-font__size--xxs)}.md-property__key>*,.md-property__value>*{display:inline-block}.md-property__list{display:flex;flex-direction:column;gap:var(--mer-spacing--xs)}.md-property__list>ul{margin:0;padding:0;list-style-type:none;display:flex;flex-direction:column;gap:var(--mer-spacing--xxs);margin-inline-start:var(--mer-spacing--xs)}.md-property__list>ul li{position:relative;padding-inline-start:12px;line-height:var(--ds-base-font-line-height--comfortable)}.md-property__list>ul li::before{content:"";position:absolute;left:0;top:7px;display:inline-block;width:var(--mer-spacing--xxs);height:var(--mer-spacing--xxs);background-color:var(--mer-text__on-surface)}.md-property,.md-property__list{border-block-end:var(--mer-border__width--sm) solid var(--gx-ide-container-border-color);padding-block-end:var(--mer-spacing--xs)}.md-property:last-child,.md-property__list:last-child{border-block-end:0;padding-block-end:0}';
+
+const n = class {
+  constructor(o) {
+    e(this, o);
+    this.componentDidRenderFirstTime = t(this, "componentDidRenderFirstTime", 7);
+    this.renderedFirstTime = false;
+    // 9.LOCAL METHODS //
+        this.getActionFromCurrentModuleVersion = () => {
+      const e = this.selectedModule.versions.find((({id: e}) => e === this.selectedModule.currentVersion));
+      return e.action;
+    };
+    /**
+         * Callback invoked to get the progress when module is performing an action
+         */    this.onProgress = (e, t, i) => {
+      const o = {
+        message: e,
+        progress: t,
+        state: i
+      };
+      this.selectedModuleAction = Object.assign({}, o);
+      this.progressValue = this.selectedModuleAction.progress;
+      this.progressState = this.selectedModuleAction.state;
+    };
+    // 10.LOCAL METHODS //
+    /**
+         * Used for changing the selected module
+         */    this.handleModuleChange = e => {
+      const t = this.modulesAll.find((t => t.id === e.rowsId[0]));
+      this.selectedModule = t;
+    };
+    /**
+         * Change the server selected value in response to callbackServerSelected callback
+         */    this.serverSelectedCallbackHandler = async e => {
+      const t = await this.serverSelectedCallback(e);
+      this.selectedServerId = e;
+      this.modulesAll = [ ...t ];
+      this.filterModulesByType("browse");
+      this.selectedModule = this.filteredModules[0];
+    };
+    this.handleFilterChange = e => {
+      const t = e.trim();
+      if (t) {
+        const e = t.toLowerCase();
+        this.filteredModules = this.modulesAll.filter((t => t.name.toLowerCase().includes(e)));
+      } else {
+        this.filteredModules = this.modulesAll;
+      }
+    };
+    /**
+         * Perform an action relative to a module using callbackExecuteAction callback and receive the state of that action with onProgress callback
+         */    this.executeActionCallbackHandler = async e => {
+      const t = await this.executeActionCallback(this.selectedServerId, e.id, this.getActionFromCurrentModuleVersion(), this.onProgress);
+      this.actionCompleted = t;
+    };
+    this.filterModulesByType = e => {
+      // browse
+      if (e === "browse") {
+        this.filteredModules = this.modulesAll;
+      }
+      // installed
+       else if (e === "installed") {
+        this.filteredModules = this.modulesAll.filter((e => {
+          const t = e.versions.find((t => t.id === e.currentVersion));
+          return t && (t.action === "restore" || t.action === "update");
+        }));
+      } else if (e === "updates") {
+        this.filteredModules = this.modulesAll.filter((e => {
+          const t = e.versions.find((t => t.id === e.currentVersion));
+          return t && t.action === "update";
+        }));
+      }
+    };
+    this.moduleMenuSelectionChangedHandler = async e => {
+      const t = e.detail[0].itemId;
+      if (t === "add") {
+        if (this.addServerCallback) {
+          await this.addServerCallback();
+        }
+      } else if (t === "edit") {
+        console.log(this.modulesList.value);
+      } else if (t === "upload") {
+        console.log("upload");
+      }
+    };
+    this.renderMenu = () => i("gx-ide-list-selector", {
+      onSelectionChanged: this.moduleMenuSelectionChangedHandler,
+      class: "modules__menu",
+      type: "single-selection",
+      listName: "module-menu",
+      ellipsis: true,
+      style: {
+        left: this.moduleMenuLeftPosition,
+        top: this.moduleMenuTopPosition
+      }
+    }, i("gx-ide-list-selector-item", {
+      itemId: "add",
+      itemValue: "Add",
+      icon: "gemini-tools/add"
+    }), i("gx-ide-list-selector-item", {
+      itemId: "edit",
+      itemValue: "Edit",
+      icon: "gemini-tools/edit"
+    }), i("gx-ide-list-selector-item", {
+      itemId: "upload",
+      itemValue: "Upload from file",
+      icon: "gemini-tools/file"
+    }));
+    this.showModuleMenu = async e => {
+      if (this.serverContextMenuCallback) {
+        const t = e.target.getBoundingClientRect();
+        await this.serverContextMenuCallback({
+          selection: [ this.selectedServerId ],
+          clientX: t.x,
+          clientY: t.y
+        });
+      }
+    };
+    this.renderModulesGrid = () => i("gxg-grid", {
+      noBorder: true,
+      fullHeight: true
+    }, i("ch-grid", {
+      rowSelectionMode: "single",
+      part: "ch-grid-pending-commits",
+      class: "no-border",
+      /* TODO: El error es aqui ya que se esta enviando el valor del row Id correspondiente a la primera carga del grid con el primer server */
+      onSelectionChanged: e => this.handleModuleChange(e.detail)
+    }, i("ch-grid-columnset", null, i("ch-grid-column", {
+      settingable: false,
+      size: "min-content"
+    }), i("ch-grid-column", {
+      settingable: false
+    }), i("ch-grid-column", {
+      settingable: false,
+      size: "min-content"
+    })), this.filteredModules.map((e => i("ch-grid-row", {
+      rowid: e.id,
+      key: e.id,
+      selected: this.selectedModule && this.selectedModule.id === e.id
+    }, i("ch-grid-cell", null, i("gxg-icon", {
+      type: "objects/module",
+      color: "auto",
+      size: "small"
+    })), i("ch-grid-cell", {
+      class: "grid-cell-module__info"
+    }, i("span", {
+      class: "grid-cell-module__name"
+    }, e.name), i("span", {
+      class: "grid-cell-module__description"
+    }, e.description)), i("ch-grid-cell", null, this.selectedModule && this.selectedModule.id === e.id ? i("gxg-button", {
+      disabled: !this.actionCompleted,
+      fit: true,
+      part: "module-action",
+      onClick: () => {
+        this.actionCompleted = false;
+        this.closeProgressBar = false;
+        this.executeActionCallbackHandler(e);
+      }
+    }, this.getActionFromCurrentModuleVersion()) : null))))));
+    this.moduleIconColor = () => this.getActionFromCurrentModuleVersion() === "install" ? "mercury-primary-disabled" : "mercury-primary";
+    /* module details/information renders*/    this.renderModuleName = () => i("gxg-title", {
+      part: "module-info__name",
+      type: "title-05"
+    }, i("div", {
+      class: "module-info__name"
+    }, i("gxg-icon", {
+      type: "objects/module",
+      color: this.moduleIconColor()
+    }), this.selectedModule.name));
+    this.renderModuleAction = () => this.getActionFromCurrentModuleVersion() === "install" ? i("div", {
+      class: "module-info__action-container"
+    }, i("gxg-text", {
+      part: "not-installed"
+    }, this._componentLocale.modulesInformation.moduleProperties.notInstalled)) : i("div", {
+      class: "module-info__action-container module-info__action-container--installed"
+    }, i("gxg-text", {
+      part: "installed"
+    }, ` ${this._componentLocale.modulesInformation.moduleProperties.installedVersion} : ${this.selectedModule.currentVersion}`));
+    this.moduleVersionsValueChangedHandler = e => {
+      const t = e.detail;
+      this.selectedModule = Object.assign(Object.assign({}, this.selectedModule), {
+        currentVersion: t
+      });
+    };
+    this.renderModuleVersions = () => i("div", {
+      part: "available-versions"
+    }, i("gxg-combo-box", {
+      id: "versions-combo-box",
+      "disable-filter": true,
+      value: this.selectedModule.versions[0]["id"],
+      part: "module-versions",
+      "display-validation-styles": true,
+      "display-validation-message": true,
+      label: this._componentLocale.modulesInformation.moduleProperties.availableVersions,
+      labelPosition: "start",
+      centerLabel: true,
+      ref: e => this.modulesList = e,
+      onValueChanged: this.moduleVersionsValueChangedHandler
+    }, this.selectedModule.versions.map((e => i("gxg-combo-box-item", {
+      value: e.id,
+      onItemSelected: () => this.selectedModule = Object.assign(Object.assign({}, this.selectedModule), {
+        currentVersion: e.id
+      })
+    }, e.id)))));
+    this.selectedButtonChangedHandler = e => {
+      const t = e.detail.replace("btn-", "");
+      this.filterModulesByType(t);
+    };
+    this.serverItemSelectedHandler = e => {
+      const t = e.detail.value;
+      this.serverSelectedCallbackHandler(t);
+    };
+    this.serverValueChangedHandler = e => {
+      const t = e.detail;
+      this.serverSelectedCallbackHandler(t);
+    };
+    this.progressBarCloseHandler = () => {
+      setTimeout((() => {
+        this.actionCompleted = true;
+        this.closeProgressBar = true;
+        // reset
+                this.progressValue = 0;
+        this.progressState = "in-progress";
+      }), 400);
+      // delay to force the footer line disappear after the top-state-bar has been closed.
+        };
+    this.modulesAll = [];
+    this.filteredModules = [];
+    this.selectedModule = undefined;
+    this.selectedServerId = undefined;
+    this.selectedModuleAction = {
+      message: "",
+      progress: 0,
+      state: "in-progress"
+    };
+    this.actionCompleted = true;
+    this.closeProgressBar = true;
+    this.progressValue = 0;
+    this.progressState = "in-progress";
+    this.servers = [];
+    this.serverSelectedCallback = undefined;
+    this.executeActionCallback = undefined;
+    this.addServerCallback = undefined;
+    this.serverContextMenuCallback = undefined;
+  }
+  // 6.COMPONENT LIFECYCLE EVENTS //
+  async componentDidLoad() {}
+  componentDidRender() {
+    if (!this.renderedFirstTime) {
+      this.componentDidRenderFirstTime.emit(this._componentLocale.componentName);
+      this.renderedFirstTime = true;
+    }
+  }
+  async componentWillLoad() {
+    this._componentLocale = await s.getComponentStrings(this.el);
+    await this.serverSelectedCallbackHandler(this.servers[0].id);
+  }
+  // 7.LISTENERS //
+  onPropValueChange(e) {
+    this.filteredModules = [ ...e ];
+  }
+  // 8.PUBLIC METHODS API //
+  /**
+     * validate
+     */
+  async validate() {
+    return true;
+  }
+  // 11.RENDER() FUNCTION //
+  render() {
+    return i(o, {
+      class: {
+        "gx-ide-component": true
+      }
+    }, i("div", {
+      class: "gx-ide-main-wrapper"
+    }, i("gx-ide-container", {
+      noAboveFooterPadding: true,
+      noBorderAboveFooter: this.closeProgressBar,
+      noContentPadding: true,
+      part: "servers",
+      containerTitle: this._componentLocale.componentName
+    }, i("main", {
+      class: "main"
+    }, i("div", {
+      class: "modules__container"
+    }, i("header", {
+      class: "modules__header"
+    }, i("div", {
+      class: "modules__combo-container"
+    }, i("gxg-label", null, this._componentLocale.modules.selectServer), i("div", {
+      class: "modules__combo"
+    }, i("gxg-combo-box", {
+      disableFilter: true,
+      onValueChanged: this.serverValueChangedHandler
+    }, this.servers.map((e => i("gxg-combo-box-item", {
+      value: e.id,
+      onItemSelected: this.serverItemSelectedHandler
+    }, e.name)))), i("span", {
+      class: "modules__menu-container"
+    }, i("gxg-button", {
+      type: "secondary-icon-only",
+      icon: "gemini-tools/show-more-horizontal",
+      onClick: this.showModuleMenu
+    }), this.renderMenu()))), i("gxg-form-text", {
+      label: this._componentLocale.modules.searchModules,
+      labelPosition: "above",
+      centerLabel: false,
+      onValueChanged: e => {
+        this.handleFilterChange(e.detail);
+      }
+    }), i("gxg-buttons-container", {
+      reduced: true,
+      fullWidth: true,
+      class: "modules__browser",
+      onSelectedButtonChanged: this.selectedButtonChangedHandler
+    }, i("gxg-button", {
+      id: "btn-browse",
+      selected: true
+    }, this._componentLocale.modules.tabs.browse), i("gxg-button", {
+      id: "btn-installed"
+    }, this._componentLocale.modules.tabs.installed), i("gxg-button", {
+      id: "btn-updates"
+    }, this._componentLocale.modules.tabs.updates))), this.renderModulesGrid()), this.selectedModule ? i("div", {
+      class: "module-info"
+    }, i("header", {
+      class: "module-info__header"
+    }, this.renderModuleName(), this.renderModuleAction(), this.renderModuleVersions()), i("div", {
+      class: "module-info__properties gxg-scrollbar"
+    }, a(this.selectedModule.properties))) : null), i("gxg-top-state-bar", {
+      slot: "footer-above",
+      part: "progress-bar",
+      stateType: this.progressState,
+      noBorder: true,
+      caption: this.selectedModuleAction.message || this._componentLocale.progressDefaultCaption,
+      progress: this.progressValue,
+      active: !this.actionCompleted || !this.closeProgressBar,
+      autoClose: false,
+      withClose: true,
+      closedCallback: this.progressBarCloseHandler
+    }))));
+  }
+  static get assetsDirs() {
+    return [ "gx-ide-assets/manage-module-references" ];
+  }
+  get el() {
+    return r(this);
+  }
+  static get watchers() {
+    return {
+      modulesAll: [ "onPropValueChange" ]
+    };
+  }
+};
+
+n.style = l;
+
+export { n as gx_ide_manage_module_references };
+//# sourceMappingURL=p-adaf7aff.entry.js.map