@genexus/genexus-ide-ui 0.0.109 → 0.0.111

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

@@ -1,560 +0,0 @@
-:root {
-  --ui-animaton-speed: 0.2s;
-}
-
-/*ALIGNMENT*/
-/*Ellipsis*/
-/*****************************************************
-TYPOGRAPHY
-*****************************************************/
-/*Title 01 (Positive)*/
-.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);
-}
-
-/*Title 01 (Negative)*/
-.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);
-}
-
-/*Title 02 (Positive)*/
-.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);
-}
-
-/*Title 03*/
-.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);
-}
-
-/*Title 04*/
-.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);
-}
-
-/*Title 05*/
-.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);
-}
-
-/*Text*/
-.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);
-}
-
-/*Quote*/
-.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);
-}
-
-/*Link*/
-.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);
-}
-
-/*Alerts*/
-.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;
-}
-
-/*Tab*/
-.gxg-tab--disabled {
-  color: var(--color-primary-disabled);
-  pointer-events: none;
-}
-.gxg-tab--disabled[disabled] {
-  color: var(--color-primary-disabled);
-  pointer-events: none;
-}
-
-/*Label*/
-.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-BUTTON and GXG-BUTTON-GROUP COMMON STYLES
-*****************************************************/
-/*****************************************************
-FORM ELEMENTS
-*****************************************************/
-.gxg-scrollbar {
-  /* Track */
-  /* Handle */
-  /* Handle on hover */
-}
-.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);
-}
-
-/*Gx Ide*/
-/*@container queries*/
-/* hiChar styles
-Found on /common/helpers.tsx hiChar function is used to add a span/class to every character that matches a search value. It is used to help the user see why the filter results are filtered. The span/class on the characters are useless without proper styling.
-*/
-/* Helper Classes */
-.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;
-}
-
-/* Grids */
-.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 {
-  /*to be removed when this works inside a component with shadow: true*/
-  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 ---*/
-.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*/
-gxg-tabs {
-  box-shadow: none;
-}
-
-/*All components Host should have this class set. !important is set on every rule, since this styles could be overridden by the host user, since they are applied on the host component*/
-:host(.gx-ide-component) {
-  height: 100% !important;
-  display: flex !important;
-  flex-direction: column !important;
-}
-
-/*stylize the top bar*/
-:host(:focus-within) gx-ide-top-bar::part(wrapper) {
-  background-color: var(--color-secondary-enabled);
-}
-
-/* Main wrapper (should be the first element inside the host. Everything should be inside .gx-ide-main-wrapper) */
-.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;
-}
-
-/*This is the main element. This is the one that take the remaining vertical space*/
-.gx-ide-main {
-  flex-grow: 1;
-  overflow-y: auto;
-  /* Track */
-  /* Handle */
-  /* Handle on hover */
-}
-.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;
-  /* Track */
-  /* Handle */
-  /* Handle on hover */
-}
-.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);
-}
-
-/*gxg-tree-view*/
-.tree-container {
-  display: flex;
-  height: 100%;
-  width: 100%;
-  box-sizing: border-box;
-}
-
-/*Gx Ide*/
-/*@container queries*/
-/* hiChar styles
-Found on /common/helpers.tsx hiChar function is used to add a span/class to every character that matches a search value. It is used to help the user see why the filter results are filtered. The span/class on the characters are useless without proper styling.
-*/
-: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);
-}

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

@@ -1 +0,0 @@
-{"version":3,"file":"edit-module-servers.js","sourceRoot":"","sources":["../../../../src/components/modules/edit-module-servers/edit-module-servers.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-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

@@ -1,11 +0,0 @@
-{
-  "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

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

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

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

package/dist/components/gx-ide-add-module-servers.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface GxIdeAddModuleServers extends Components.GxIdeAddModuleServers, HTMLElement {}
-export const GxIdeAddModuleServers: {
-    prototype: GxIdeAddModuleServers;
-    new (): GxIdeAddModuleServers;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/gx-ide-edit-module-servers.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface GxIdeEditModuleServers extends Components.GxIdeEditModuleServers, HTMLElement {}
-export const GxIdeEditModuleServers: {
-    prototype: GxIdeEditModuleServers;
-    new (): GxIdeEditModuleServers;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;