@genexus/genexus-ide-ui 2.1.1 → 2.1.3

package/dist/esm/gx-ide-select-user-team.entry.js.map

@@ -1 +1 @@
-{"file":"gx-ide-select-user-team.entry.js","mappings":"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","names":[],"sources":["src/components/select-user-team/helpers.tsx","src/components/select-user-team/select-user-team.scss?tag=gx-ide-select-user-team&encapsulation=shadow","src/components/select-user-team/select-user-team.tsx"],"sourcesContent":["import { ComboBoxItemModel } from \"@genexus/chameleon-controls-library/dist/types/components/combo-box/types\";\nimport { TeamData } from \"./select-user-team\";\n\nexport const mapTeamsToComboBoxItemModel = (\n  teams: TeamData[]\n): ComboBoxItemModel[] => {\n  return teams?.map(team => {\n    return {\n      value: team.id,\n      caption: team.name\n    };\n  });\n};\n",":host {\n  display: grid;\n  container-type: inline-size;\n  container-name: host-container;\n  block-size: 100%;\n  inline-size: 100%;\n  align-items: center;\n  justify-content: center;\n}\n\n.slide {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  block-size: 100%;\n  max-block-size: 700px;\n  max-inline-size: 1100px;\n  background-color: var(--color-accent-surface-elevation-1);\n  overflow: hidden;\n\n  &__illustration {\n    overflow: hidden;\n    object-fit: cover;\n    object-position: left;\n    block-size: 100%;\n    inline-size: 100%;\n  }\n\n  &__main {\n    display: grid;\n    block-size: 100%;\n    inline-size: 100%;\n    padding: 48px;\n    transform: translateY(4px);\n    transition: var(--display-teams-transtion-time) all;\n    opacity: 0;\n\n    position: relative;\n\n    &--visible {\n      transform: translateY(0);\n      opacity: 1;\n    }\n  }\n\n  &__main-container {\n    display: grid;\n    place-self: center;\n    gap: var(--spacing-gap-xxl);\n    max-inline-size: 480px;\n  }\n\n  &__main-header {\n    display: grid;\n    gap: var(--spacing-gap-xxl);\n  }\n\n  &__main-title {\n    display: flex;\n    flex-direction: column;\n    font-size: var(--font-size-header-h2);\n    font-weight: var(--font-style-semi-bold);\n    letter-spacing: 0.02em;\n    color: var(--color-text-neutral-strawberry);\n  }\n\n  &__main-description {\n    display: grid;\n    gap: 40px;\n    font-size: var(--font-size-body-l);\n    font-weight: var(--font-style-regular);\n    line-height: var(--line-height-spacious);\n    color: var(--color-text-neutral-disabled);\n  }\n}\n\n.terms-conditions {\n  text-decoration: underline;\n}\n\n.teams-list {\n  inline-size: 100%;\n  max-inline-size: 400px;\n}\n\n.buttons-container {\n  display: flex;\n  gap: var(--spacing-gap-xl);\n}\n\n.continue-btn,\n.cancel-btn {\n  flex: 1;\n}\n\n@container host-container (max-width: 768px) {\n  .slide {\n    grid-template-columns: 1fr 2fr;\n  }\n}\n\n@container host-container (max-width: 640px) {\n  .slide {\n    grid-template-columns: 1fr 5fr;\n  }\n}\n","// Stencil\nimport {\n  Component,\n  Host,\n  h,\n  Prop,\n  State,\n  Watch,\n  Element,\n  getAssetPath\n} from \"@stencil/core\";\n// Other Libraries\nimport { MercuryBundles } from \"@genexus/mercury\";\nimport { ComboBoxItemModel } from \"@genexus/chameleon-controls-library/dist/types/components/combo-box/types\";\n// Custom Imports\nimport { Locale } from \"../../common/locale\";\nimport { mapTeamsToComboBoxItemModel } from \"./helpers\";\n\nconst COPYRIGHTS_ILLUSTRATION = getAssetPath(\n  `./gx-ide-assets/welcome-page/images/copyrights-illustration.png`\n);\nconst ICON_NEXT = getAssetPath(\n  `./gx-ide-assets/welcome-page/images/icon-next.svg`\n);\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"utils/typography\",\n  \"components/button\",\n  \"components/combo-box\"\n];\n\n@Component({\n  tag: \"gx-ide-select-user-team\",\n  styleUrl: \"select-user-team.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/select-user-team\"]\n})\nexport class GxIdeSelectUserTeam {\n  /**\n   * The component hard-coded strings translations.\n   */\n  // eslint-disable-next-line @stencil-community/own-props-must-be-private\n  #componentLocale: any;\n  // Select User Team References :\n  #userTeamsModel: ComboBoxItemModel[] = [];\n  #chSelectTeamEl: HTMLChComboBoxRenderElement;\n  #displayTeamsTransitionTime: number = 100;\n\n  @Element() el: HTMLGxIdeSelectUserTeamElement;\n\n  /**\n   * Defines if the main slide is visible or not. Used for smooth transitions between slides.\n   */\n  @State() slideIsVisible: boolean = false;\n\n  /**\n   * Defines if the team model is redy to be rendered.\n   */\n  @State() teamsModelReady: boolean = false;\n\n  /**\n   * Callback executed when the user clicks the 'Cancel' button\n   */\n  @Prop() readonly cancelCallback!: () => Promise<void>;\n\n  /**\n   * Callback executed when the user clicks the 'Continue' button\n   */\n  @Prop() readonly continueCallback!: (teamId: string) => Promise<void>;\n\n  /**\n   * Array that contains the user's teams\n   */\n  @Prop() readonly teams!: TeamData[];\n  @Watch(\"teams\")\n  teamsChanged(newTeams: TeamData[]) {\n    this.slideIsVisible = false;\n    // switch step\n    setTimeout(() => {\n      if (newTeams.length) {\n        this.#userTeamsModel = mapTeamsToComboBoxItemModel(newTeams);\n        this.teamsModelReady = true;\n      } else {\n        this.teamsModelReady = false;\n      }\n    }, this.#displayTeamsTransitionTime);\n    // show slide\n    setTimeout(() => {\n      this.slideIsVisible = true;\n    }, this.#displayTeamsTransitionTime * 2);\n  }\n\n  async componentWillLoad() {\n    this.#componentLocale = await Locale.getComponentStrings(this.el);\n    this.teamsChanged(this.teams);\n\n    this.el.style.setProperty(\n      \"--display-teams-transtion-time\",\n      this.#displayTeamsTransitionTime.toString() + \"ms\"\n    );\n  }\n\n  componentDidLoad() {\n    this.slideIsVisible = true;\n  }\n\n  #continueHandler = async () => {\n    await this.continueCallback(this.#chSelectTeamEl.value);\n  };\n\n  #cancelHandler = async () => {\n    await this.cancelCallback();\n  };\n\n  render() {\n    return (\n      <Host>\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <section class=\"slide\">\n          <img\n            src={COPYRIGHTS_ILLUSTRATION}\n            class=\"slide__illustration\"\n            alt=\"\" // decorative\n          />\n\n          <div\n            class={{\n              \"slide__main\": true,\n              \"slide__main--visible\": this.slideIsVisible\n            }}\n          >\n            <div class=\"slide__main-container\">\n              {this.teamsModelReady ? (\n                [\n                  <header class=\"slide__main-header\">\n                    <img\n                      src={ICON_NEXT}\n                      alt=\"\" // decorative\n                    />\n                    <h2\n                      // Split the title into two spans for better styling\n                      class=\"slide__main-title\"\n                    >\n                      <span>{this.#componentLocale.title}</span>\n                    </h2>\n                  </header>,\n                  <div class=\"slide__select-team-description\">\n                    <p class=\"body-semi-bold-l\">\n                      {this.#componentLocale.infoMessage}\n                    </p>\n                  </div>,\n                  <div class=\"field-group\">\n                    <div class=\"field field-block\">\n                      <label htmlFor=\"teams\">\n                        {this.#componentLocale.teams}\n                      </label>\n                      <ch-combo-box-render\n                        id=\"teams\"\n                        accessibleName=\"Teams\"\n                        class=\"combo-box teams-list\"\n                        model={this.#userTeamsModel}\n                        value={\n                          this.#userTeamsModel && this.#userTeamsModel[0]?.value\n                        }\n                        ref={(el: HTMLChComboBoxRenderElement) =>\n                          (this.#chSelectTeamEl =\n                            el as HTMLChComboBoxRenderElement)\n                        }\n                      ></ch-combo-box-render>\n                    </div>\n                  </div>,\n                  <div class=\"buttons-container\">\n                    <button\n                      class=\"button-primary continue-btn\"\n                      onClick={this.#continueHandler}\n                    >\n                      {this.#componentLocale.continueButtonCaption}\n                    </button>\n                    <button\n                      class=\"button-secondary cancel-btn\"\n                      onClick={this.#cancelHandler}\n                    >\n                      {this.#componentLocale.cancelButtonCaption}\n                    </button>\n                  </div>\n                ]\n              ) : (\n                <gx-ide-loader\n                  show\n                  loaderTitle={this.#componentLocale.loader.title}\n                  description={this.#componentLocale.loader.description}\n                ></gx-ide-loader>\n              )}\n            </div>\n          </div>\n        </section>\n      </Host>\n    );\n  }\n}\n\nexport type TeamData = {\n  id: string;\n  name: string;\n};\n"],"version":3}
+{"file":"gx-ide-select-user-team.entry.js","mappings":"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","names":[],"sources":["src/components/select-user-team/helpers.tsx","src/components/select-user-team/select-user-team.scss?tag=gx-ide-select-user-team&encapsulation=shadow","src/components/select-user-team/select-user-team.tsx"],"sourcesContent":["import { ComboBoxItemModel } from \"@genexus/chameleon-controls-library/dist/types/components/combo-box/types\";\nimport { TeamData } from \"./select-user-team\";\n\nexport const mapTeamsToComboBoxItemModel = (\n  teams: TeamData[]\n): ComboBoxItemModel[] => {\n  return teams?.map(team => {\n    return {\n      value: team.id,\n      caption: team.name\n    };\n  });\n};\n","@import \"../../global/temporary-mercury-overrides/_button.scss\";\n\n:host {\n  display: grid;\n  container-type: inline-size;\n  container-name: host-container;\n  block-size: 100%;\n  inline-size: 100%;\n  align-items: center;\n  justify-content: center;\n}\n\n.slide {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  block-size: 100%;\n  max-block-size: 700px;\n  max-inline-size: 1100px;\n  background-color: var(--color-accent-surface-elevation-1);\n  overflow: hidden;\n\n  &__illustration {\n    overflow: hidden;\n    object-fit: cover;\n    object-position: left;\n    block-size: 100%;\n    inline-size: 100%;\n  }\n\n  &__main {\n    display: grid;\n    block-size: 100%;\n    inline-size: 100%;\n    padding: 48px;\n    transform: translateY(4px);\n    transition: var(--display-teams-transtion-time) all;\n    opacity: 0;\n\n    position: relative;\n\n    &--visible {\n      transform: translateY(0);\n      opacity: 1;\n    }\n  }\n\n  &__main-container {\n    display: grid;\n    place-self: center;\n    gap: var(--spacing-gap-xxl);\n    max-inline-size: 480px;\n  }\n\n  &__main-header {\n    display: grid;\n    gap: var(--spacing-gap-xxl);\n  }\n\n  &__main-title {\n    display: flex;\n    flex-direction: column;\n    font-size: var(--font-size-header-h2);\n    font-weight: var(--font-style-semi-bold);\n    letter-spacing: 0.02em;\n    color: var(--color-text-neutral-strawberry);\n  }\n\n  &__main-description {\n    display: grid;\n    gap: 40px;\n    font-size: var(--font-size-body-l);\n    font-weight: var(--font-style-regular);\n    line-height: var(--line-height-spacious);\n    color: var(--color-text-neutral-disabled);\n  }\n}\n\n.terms-conditions {\n  text-decoration: underline;\n}\n\n.teams-list {\n  inline-size: 100%;\n  max-inline-size: 400px;\n}\n\n.buttons-container {\n  display: flex;\n  gap: var(--spacing-gap-xl);\n}\n\n.continue-btn,\n.cancel-btn {\n  flex: 1;\n}\n\n@container host-container (max-width: 768px) {\n  .slide {\n    grid-template-columns: 1fr 2fr;\n  }\n}\n\n@container host-container (max-width: 640px) {\n  .slide {\n    grid-template-columns: 1fr 5fr;\n  }\n}\n","// Stencil\nimport {\n  Component,\n  Host,\n  h,\n  Prop,\n  State,\n  Watch,\n  Element,\n  getAssetPath\n} from \"@stencil/core\";\n// Other Libraries\nimport { MercuryBundles } from \"@genexus/mercury\";\nimport { ComboBoxItemModel } from \"@genexus/chameleon-controls-library/dist/types/components/combo-box/types\";\n// Custom Imports\nimport { Locale } from \"../../common/locale\";\nimport { mapTeamsToComboBoxItemModel } from \"./helpers\";\n\nconst COPYRIGHTS_ILLUSTRATION = getAssetPath(\n  `./gx-ide-assets/welcome-page/images/copyrights-illustration.png`\n);\nconst ICON_NEXT = getAssetPath(\n  `./gx-ide-assets/welcome-page/images/icon-next.svg`\n);\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"utils/typography\",\n  \"components/button\",\n  \"components/combo-box\"\n];\n\n@Component({\n  tag: \"gx-ide-select-user-team\",\n  styleUrl: \"select-user-team.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/select-user-team\"]\n})\nexport class GxIdeSelectUserTeam {\n  /**\n   * The component hard-coded strings translations.\n   */\n  // eslint-disable-next-line @stencil-community/own-props-must-be-private\n  #componentLocale: any;\n  // Select User Team References :\n  #userTeamsModel: ComboBoxItemModel[] = [];\n  #chSelectTeamEl: HTMLChComboBoxRenderElement;\n  #displayTeamsTransitionTime: number = 100;\n\n  @Element() el: HTMLGxIdeSelectUserTeamElement;\n\n  /**\n   * Defines if the main slide is visible or not. Used for smooth transitions between slides.\n   */\n  @State() slideIsVisible: boolean = false;\n\n  /**\n   * Defines if the team model is redy to be rendered.\n   */\n  @State() teamsModelReady: boolean = false;\n\n  /**\n   * Callback executed when the user clicks the 'Cancel' button\n   */\n  @Prop() readonly cancelCallback!: () => Promise<void>;\n\n  /**\n   * Callback executed when the user clicks the 'Continue' button\n   */\n  @Prop() readonly continueCallback!: (teamId: string) => Promise<void>;\n\n  /**\n   * Array that contains the user's teams\n   */\n  @Prop() readonly teams!: TeamData[];\n  @Watch(\"teams\")\n  teamsChanged(newTeams: TeamData[]) {\n    this.slideIsVisible = false;\n    // switch step\n    setTimeout(() => {\n      if (newTeams.length) {\n        this.#userTeamsModel = mapTeamsToComboBoxItemModel(newTeams);\n        this.teamsModelReady = true;\n      } else {\n        this.teamsModelReady = false;\n      }\n    }, this.#displayTeamsTransitionTime);\n    // show slide\n    setTimeout(() => {\n      this.slideIsVisible = true;\n    }, this.#displayTeamsTransitionTime * 2);\n  }\n\n  async componentWillLoad() {\n    this.#componentLocale = await Locale.getComponentStrings(this.el);\n    this.teamsChanged(this.teams);\n\n    this.el.style.setProperty(\n      \"--display-teams-transtion-time\",\n      this.#displayTeamsTransitionTime.toString() + \"ms\"\n    );\n  }\n\n  componentDidLoad() {\n    this.slideIsVisible = true;\n  }\n\n  #continueHandler = async () => {\n    await this.continueCallback(this.#chSelectTeamEl.value);\n  };\n\n  #cancelHandler = async () => {\n    await this.cancelCallback();\n  };\n\n  render() {\n    return (\n      <Host>\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <section class=\"slide\">\n          <img\n            src={COPYRIGHTS_ILLUSTRATION}\n            class=\"slide__illustration\"\n            alt=\"\" // decorative\n          />\n\n          <div\n            class={{\n              \"slide__main\": true,\n              \"slide__main--visible\": this.slideIsVisible\n            }}\n          >\n            <div class=\"slide__main-container\">\n              {this.teamsModelReady ? (\n                [\n                  <header class=\"slide__main-header\">\n                    <img\n                      src={ICON_NEXT}\n                      alt=\"\" // decorative\n                    />\n                    <h2\n                      // Split the title into two spans for better styling\n                      class=\"slide__main-title\"\n                    >\n                      <span>{this.#componentLocale.title}</span>\n                    </h2>\n                  </header>,\n                  <div class=\"slide__select-team-description\">\n                    <p class=\"body-semi-bold-l\">\n                      {this.#componentLocale.infoMessage}\n                    </p>\n                  </div>,\n                  <div class=\"field-group\">\n                    <div class=\"field field-block\">\n                      <label htmlFor=\"teams\">\n                        {this.#componentLocale.teams}\n                      </label>\n                      <ch-combo-box-render\n                        id=\"teams\"\n                        accessibleName=\"Teams\"\n                        class=\"combo-box teams-list\"\n                        model={this.#userTeamsModel}\n                        value={\n                          this.#userTeamsModel && this.#userTeamsModel[0]?.value\n                        }\n                        ref={(el: HTMLChComboBoxRenderElement) =>\n                          (this.#chSelectTeamEl =\n                            el as HTMLChComboBoxRenderElement)\n                        }\n                      ></ch-combo-box-render>\n                    </div>\n                  </div>,\n                  <div class=\"buttons-container\">\n                    <button\n                      class=\"button-primary continue-btn\"\n                      onClick={this.#continueHandler}\n                    >\n                      {this.#componentLocale.continueButtonCaption}\n                    </button>\n                    <button\n                      class=\"button-secondary cancel-btn\"\n                      onClick={this.#cancelHandler}\n                    >\n                      {this.#componentLocale.cancelButtonCaption}\n                    </button>\n                  </div>\n                ]\n              ) : (\n                <gx-ide-loader\n                  show\n                  loaderTitle={this.#componentLocale.loader.title}\n                  description={this.#componentLocale.loader.description}\n                ></gx-ide-loader>\n              )}\n            </div>\n          </div>\n        </section>\n      </Host>\n    );\n  }\n}\n\nexport type TeamData = {\n  id: string;\n  name: string;\n};\n"],"version":3}

package/dist/esm/gx-ide-server-selector.entry.js

@@ -9,7 +9,7 @@ import { v as validateControls, c as clearControlError } from './form-validation
 import { L as Locale } from './locale-e5107fad.js';
 import { s as sortTabularGridColumn } from './tabular-grid-column-sort-1d503b27.js';
 
-const serverSelectorCss = ".custom-icon-text-wrapper{display:flex;align-items:center;gap:var(--spacing-gap-m)}.warning-error-description{display:flex;align-items:center;gap:var(--spacing-gap-m);padding:var(--spacing-padding-m);max-inline-size:800px;line-height:var(--line-height-spacious)}.warning-error-icon{flex-shrink:0}:host{display:grid;block-size:100%;grid-template-rows:max-content max-content 1fr max-content;row-gap:var(--spacing-gap-xl);overflow:auto}:host(.new-connection){grid-template-rows:max-content 1fr}:host(.recently-used-empty){grid-template-rows:max-content 1fr}.section{display:contents}ch-tabular-grid.tabular-grid{border-radius:4px;overflow:hidden;overflow:auto;border:1px solid var(--color-border-surface-on-elevation-1)}ch-tabular-grid-rowset-empty{position:relative;border-block-end:1px solid var(--grid-cell-border-color);overflow:hidden;min-block-size:200px}.tabular-grid ch-tabular-grid-cell:is(:nth-child(2),:nth-child(3),:nth-child(4)){align-items:start;justify-content:start;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-inline-size:0}.text-neutral-gray-400,.tabular-grid-cell.text-neutral-gray-400{color:var(--color-text-neutral-disabled)}.search-server{inline-size:50%}.tabular-grid{overflow:auto;border-block:1px solid var(--grid-cell-border-color)}.tabular-grid-all-servers .tabular-grid-column:first-child::part(bar){--grid-common__gap:0}.field-block-all-servers{overflow:auto}.tabular-grid-wrapper{position:relative;overflow:auto}.border-patch{--tabular-grid-border-radius:4px;position:absolute;inset-block-start:0;inline-size:calc(100% - var(--tabular-grid-border-radius) * 2);inset-inline-start:var(--tabular-grid-border-radius);block-size:2px;background-color:var(--items-container__bg-color);z-index:9999;border-block-start:1px solid var(--color-border-surface-on-surface)}.tooltip{position:absolute}.recently-used-card{border:1px solid var(--color-border-surface-on-elevation-1);border-radius:4px;cursor:pointer}.recently-used-card:hover{background-color:var(--color-accent-item-hover)}.recently-used-card:focus-visible{outline:var(--focus-outline-width) solid var(--color-border-primary-focused);outline-offset:calc(2px * -1)}.recently-used-card--selected{background-color:var(--color-accent-neutral-contrast);border-color:var(--color-border-item-pressed)}.recently-used-card-content{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:var(--spacing-padding-m);gap:var(--spacing-gap-xxs);overflow:hidden}.recently-used-card-content .text-decoration-line-underline{display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;text-decoration:underline}.delete-server-icon{margin-inline:calc((30.39px - var(--ch-image-size)) / 2)}.tabular-grid ch-tabular-grid-cell:is(:nth-child(5)){--control-border-width:0;--control-border-color:transparent;--control-border-radius:0;padding-block:0;padding-inline:0;--control-padding-inline:var(--spacing-padding-l);--control-padding-block:6.5px;display:grid;align-items:stretch;justify-content:stretch;min-inline-size:0}.tabular-grid ch-tabular-grid-cell:is(:nth-child(5)):hover{outline:1px solid var(--color-border-primary-focused);outline-offset:calc(var(--size-2) * -1)}";
+const serverSelectorCss = "button.button-secondary{border-color:var(--color-border-neutral-default)}.custom-icon-text-wrapper{display:flex;align-items:center;gap:var(--spacing-gap-m)}.warning-error-description{display:flex;align-items:center;gap:var(--spacing-gap-m);padding:var(--spacing-padding-m);max-inline-size:800px;line-height:var(--line-height-spacious)}.warning-error-icon{flex-shrink:0}:host{display:grid;block-size:100%;grid-template-rows:max-content max-content 1fr max-content;row-gap:var(--spacing-gap-xl);overflow:auto}:host(.new-connection){grid-template-rows:max-content 1fr}:host(.recently-used-empty){grid-template-rows:max-content 1fr}.section{display:contents}ch-tabular-grid.tabular-grid{border-radius:4px;overflow:hidden;overflow:auto;border:1px solid var(--color-border-surface-on-elevation-1)}ch-tabular-grid-rowset-empty{position:relative;border-block-end:1px solid var(--grid-cell-border-color);overflow:hidden;min-block-size:200px}.tabular-grid ch-tabular-grid-cell:is(:nth-child(2),:nth-child(3),:nth-child(4)){align-items:start;justify-content:start;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-inline-size:0}.text-neutral-gray-400,.tabular-grid-cell.text-neutral-gray-400{color:var(--color-text-neutral-disabled)}.search-server{inline-size:50%}.tabular-grid{overflow:auto;border-block:1px solid var(--grid-cell-border-color)}.tabular-grid-all-servers .tabular-grid-column:first-child::part(bar){--grid-common__gap:0}.field-block-all-servers{overflow:auto}.tabular-grid-wrapper{position:relative;overflow:auto}.border-patch{--tabular-grid-border-radius:4px;position:absolute;inset-block-start:0;inline-size:calc(100% - var(--tabular-grid-border-radius) * 2);inset-inline-start:var(--tabular-grid-border-radius);block-size:2px;background-color:var(--items-container__bg-color);z-index:9999;border-block-start:1px solid var(--color-border-surface-on-surface)}.tooltip{position:absolute}.recently-used-card{border:1px solid var(--color-border-surface-on-elevation-1);border-radius:4px;cursor:pointer}.recently-used-card:hover{background-color:var(--color-accent-item-hover)}.recently-used-card:focus-visible{outline:var(--focus-outline-width) solid var(--color-border-primary-focused);outline-offset:calc(2px * -1)}.recently-used-card--selected{background-color:var(--color-accent-neutral-contrast);border-color:var(--color-border-item-pressed)}.recently-used-card-content{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:var(--spacing-padding-m);gap:var(--spacing-gap-xxs);overflow:hidden}.recently-used-card-content .text-decoration-line-underline{display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;text-decoration:underline}.delete-server-icon{margin-inline:calc((30.39px - var(--ch-image-size)) / 2)}.tabular-grid ch-tabular-grid-cell:is(:nth-child(5)){--control-border-width:0;--control-border-color:transparent;--control-border-radius:0;padding-block:0;padding-inline:0;--control-padding-inline:var(--spacing-padding-l);--control-padding-block:6.5px;display:grid;align-items:stretch;justify-content:stretch;min-inline-size:0}.tabular-grid ch-tabular-grid-cell:is(:nth-child(5)):hover{outline:1px solid var(--color-border-primary-focused);outline-offset:calc(var(--size-2) * -1)}";
 
 var __classPrivateFieldGet = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
     if (kind === "a" && !f)

package/dist/esm/gx-ide-server-selector.entry.js.map

@@ -1 +1 @@
-{"file":"gx-ide-server-selector.entry.js","mappings":";;;;;;;;;;;AAAA,MAAM,iBAAiB,GAAG,kqGAAkqG;;;;;;;;;;;;;;;;;;;ACyB5rG,MAAM,WAAW,GAAmB;IAClC,mBAAmB;IACnB,kBAAkB;IAClB,cAAc;IACd,kBAAkB;IAClB,eAAe;IACf,oBAAoB;IACpB,qBAAqB;IACrB,yBAAyB;CAC1B,CAAC;AAEF,MAAM,SAAS,GAAG,WAAW,CAAC;IAC5B,QAAQ,EAAE,QAAQ;IAClB,IAAI,EAAE,aAAa;IACnB,SAAS,EAAE,YAAY;CACxB,CAAC,CAAC;AAEH,MAAM,SAAS,GAAG,WAAW,CAAC;IAC5B,QAAQ,EAAE,QAAQ;IAClB,IAAI,EAAE,MAAM;IACZ,SAAS,EAAE,YAAY;CACxB,CAAC,CAAC;AAEH,MAAM,aAAa,GAAG,WAAW,CAAC;IAChC,QAAQ,EAAE,QAAQ;IAClB,IAAI,EAAE,UAAU;IAChB,SAAS,EAAE,YAAY;CACxB,CAAC,CAAC;AAEH,MAAM,WAAW,GAAG,WAAW,CAAC;IAC9B,QAAQ,EAAE,QAAQ;IAClB,IAAI,EAAE,iBAAiB;IACvB,SAAS,EAAE,aAAa;CACzB,CAAC,CAAC;AAEH,MAAM,UAAU,GAAG,WAAW,CAAC;IAC7B,QAAQ,EAAE,QAAQ;IAClB,IAAI,EAAE,OAAO;IACb,SAAS,EAAE,OAAO;CACnB,CAAC,CAAC;AAEH,MAAM,WAAW,GAAG,WAAW,CAAC;IAC9B,QAAQ,EAAE,QAAQ;IAClB,IAAI,EAAE,QAAQ;IACd,SAAS,EAAE,YAAY;CACxB,CAAC,CAAC;AAEH,MAAM,kBAAkB,GAAG,cAAc,CAAC;MAQ7B,mBAAmB;;;QAC9B,wDAAuB;QAEvB,0DAA8C;QAC9C,mDAAgC;QAChC,4DAAyC;QACzC,yDAAuC;QACvC,oDAAwD,IAAI,GAAG,EAAE,EAAC;QAClE,8CAAyC,EAAE,EAAC;QAC5C,4CAAgB,YAAY,CAC1B,gDAAgD,CACjD,EAAC;QA0IF,6CAAiB;YACf,IAAI,CAAC,cAAc,EAAE,CAAC;SACvB,EAAC;QAEF,8CAAkB;YAChB,IAAI,gBAAkC,CAAC;YACvC,IAAI,IAAI,CAAC,sBAAsB,KAAK,QAAQ,EAAE;gBAC5C,gBAAgB,GAAG,MAAM,IAAI,CAAC,oBAAoB,CAChD;oBACE,GAAG,EAAE,IAAI,CAAC,iBAAiB;oBAC3B,IAAI,EAAE,IAAI,CAAC,kBAAkB;iBAC9B,EACD,IAAI,CAAC,sBAAsB,CAC5B,CAAC;aACH;iBAAM;gBACL,gBAAgB,GAAG,MAAM,IAAI,CAAC,oBAAoB,CAChD;oBACE,GAAG,EAAE,IAAI,CAAC,mBAAmB;oBAC7B,IAAI,EAAE,IAAI,CAAC,oBAAoB;iBAChC,EACD,IAAI,CAAC,sBAAsB,CAC5B,CAAC;gBACF,IAAI,CAAC,mBAAmB,GAAG,gBAAgB,CACzC,gBAAgB,EAChB,IAAI,CAAC,mBAAmB,CACzB,CAAC;aACH;SACF,EAAC;;;QAIF,qDAAyB,CACvB,gBAA6B;;YAE7B,OAAA,CAAA,MAAA,MAAA,IAAI,CAAC,mBAAmB,0CAAE,GAAG,CAAC,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,EAAE,CAAC,0CAAE,QAAQ;iBAC7D,MAAA,IAAI,CAAC,mBAAmB,CAAC,GAAG,CAAC,gBAAgB,CAAC,EAAE,CAAC,0CAAE,OAAO,CAAA,KACxD,kBACE,KAAK,EAAC,SAAS,EACf,aAAa,EAAE,gBAAgD,EAC/D,UAAU,EAAE,MAAM,CAAC,eAAe,CAAC,UAAU,EAC7C,WAAW,EAAE,MAAM,CAAC,eAAe,CAAC,WAAW,EAC/C,KAAK,EAAE,MAAM,CAAC,eAAe,CAAC,KAAK,IAElC,IAAI,CAAC,mBAAmB,CAAC,GAAG,CAAC,gBAAgB,CAAC,EAAE,CAAC,CAAC,OAAO,CAC/C,CACd,CAAA;SAAA,EAAC;QAEJ,6DAAiC,CAAC,mBAAkC;YAClE,mBAAmB,CAAC,OAAO,CAAC,kBAAkB;gBAC5C,IACE,kBAAkB,CAAC,EAAE;oBACrB,CAAC,IAAI,CAAC,mBAAmB,CAAC,GAAG,CAAC,kBAAkB,CAAC,EAAE,CAAC,EACpD;oBACA,IAAI,CAAC,mBAAmB,CAAC,GAAG,CAAC,kBAAkB,CAAC,EAAE,EAAE;wBAClD,SAAS,EAAE,kBAAkB;wBAC7B,QAAQ,EAAE,KAAK;wBACf,OAAO,EAAE,SAAS;qBACnB,CAAC,CAAC;iBACJ;aACF,CAAC,CAAC;SACJ,EAAC;QAEF,yDAA6B,CAC3B,KAA6C;YAE7C,IAAI,CAAC,WAAW,GAAI,KAAK,CAAC,MAAiB,CAAC,WAAW,EAAE,CAAC;YAC1D,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,IAAI,IACrD,IAAI,CAAC,UAAU,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,CACzD,CAAC;SACH,EAAC;QAEF,4CAAgB,CACd,KAA6C,EAC7C,KAAqD;YAErD,IAAI,CAAC,mBAAmB,GAAG,KAAK,CAAC;YACjC,IAAI,CAAC,KAAK,CAAC,GAAI,KAAK,CAAC,MAAiB,CAAC,IAAI,EAAE,CAAC;YAE9C,MAAM,SAAS,GACb,KAAK,KAAK,qBAAqB,GAAG,YAAY,GAAG,aAAa,CAAC;YACjE,iBAAiB,CAAC,IAAI,CAAC,mBAAmB,EAAE,SAAS,CAAC,CAAC;YACvD,uBAAA,IAAI,gDAAqB,MAAzB,IAAI,CAAuB,CAAC;SAC7B,EAAC;QAEF,2DAA+B,OAAO,MAAkB;;YACtD,IAAI,CAAC,sBAAsB,GAAG,MAAM,CAAC,EAAE,CAAC;YACxC,OAAM,MAAA,uBAAA,IAAI,+CAAoB,0CAAE,SAAS,CAAC,MAAM,CAAC,EAAE,CAAC,CAAA,CAAC;YACrD,MAAM,uBAAA,IAAI,kDAAuB,MAA3B,IAAI,EAAwB,MAAM,CAAC,EAAE,CAAC,CAAC;SAC9C,EAAC;QAEF,kDAAsB,OAAO,UAAsB;YACjD,IAAI,UAAU,CAAC,WAAW,KAAK,SAAS,EAAE;gBACxC,MAAM,MAAM,GAAG,MAAM,IAAI,CAAC,oBAAoB,CAAC,UAAU,CAAC,CAAC;gBAC3D,IAAI,MAAM,EAAE;oBACV,IAAI,CAAC,kBAAkB,GAAG,MAAM,CAAC;oBACjC,IAAI,CAAC,mBAAmB,GAAG,KAAK,CAAC;iBAClC;aACF;SACF,EAAC;QAEF,iDAAqB,OACnB,KAA6C;YAE7C,uBAAA,IAAI,0CAAsB,KAAK,CAAC,MAAgB,MAAA,CAAC;SAClD,EAAC;QAEF,kDAAsB,OAAO,UAAsB;YACjD,IAAI,MAAM,GAAqB;gBAC7B,WAAW,EAAE,EAAE;gBACf,OAAO,EAAE,KAAK;aACf,CAAC;YACF,IACE,UAAU,CAAC,UAAU,KAAK,uBAAA,IAAI,8CAAmB;gBACjD,UAAU,CAAC,WAAW,KAAK,SAAS,EACpC;gBACA,MAAM,GAAG,MAAM,IAAI,CAAC,oBAAoB,iCACnC,UAAU,KACb,UAAU,EAAE,uBAAA,IAAI,8CAAmB,IACnC,CAAC;aACJ;YAED,IAAI,CAAC,mBAAmB,GAAG,gBAAgB,CACzC,MAAM,EACN,IAAI,CAAC,mBAAmB,CACzB,CAAC;YAEF,IAAI,MAAM,CAAC,OAAO,IAAI,UAAU,CAAC,UAAU,KAAK,uBAAA,IAAI,8CAAmB,EAAE;gBACvE,IAAI,CAAC,kBAAkB,GAAG,uBAAA,IAAI,8CAAmB,CAAC;gBAClD,iBAAiB,CACf,IAAI,CAAC,mBAAmB,EACxB,GAAG,kBAAkB,GAAG,UAAU,CAAC,EAAE,EAAE,CACxC,CAAC;aACH;SACF,EAAC;QAEF,mDAAuB;YACrB,IACE,IAAI,CAAC,mBAAmB;gBACxB,IAAI,CAAC,mBAAmB,CAAC,MAAM,GAAG,CAAC;gBACnC,IAAI,CAAC,oBAAoB;gBACzB,IAAI,CAAC,oBAAoB,CAAC,MAAM,GAAG,CAAC,EACpC;gBACA,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC;aACjC;iBAAM;gBACL,IAAI,CAAC,mBAAmB,GAAG,KAAK,CAAC;aAClC;SACF,EAAC;QAEF,gEAAoC,CAAC,UAAsB;YACzD,uBAAA,IAAI,kDAAuB,MAA3B,IAAI,EAAwB,UAAU,CAAC,EAAE,CAAC,CAAC;YAC3C,uBAAA,IAAI,2CAAgB,MAApB,IAAI,CAAkB,CAAC;SACxB,EAAC;QAEF,wDAA4B,CAC1B,KAA8C,KAC3C,uBAAA,IAAI,kDAAuB,MAA3B,IAAI,EAAwB,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAAC;QAErD,qDAAyB,OAAO,aAAqB;YACnD,IAAI,aAAa,KAAK,SAAS,EAAE;gBAC/B,IAAI,CAAC,mBAAmB,GAAG,KAAK,CAAC;gBACjC,IAAI,CAAC,iBAAiB,GAAG,SAAS,CAAC;gBACnC,IAAI,CAAC,kBAAkB,GAAG,SAAS,CAAC;gBACpC,OAAO;aACR;YAED,MAAM,cAAc,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,CAC1C,MAAM,IAAI,MAAM,CAAC,EAAE,KAAK,aAAa,CACtC,CAAC;YACF,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC;YAChC,IAAI,CAAC,kBAAkB,GAAG,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,UAAU,CAAC;YACrD,IAAI,CAAC,iBAAiB,GAAG,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,SAAS,CAAC;YACnD,IAAI,CAAC,QAAQ,GAAG,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,gBAAgB,KAAI,EAAE,CAAC;YACvD,IAAI,CAAC,sBAAsB,GAAG,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,EAAE,CAAC;SAClD,EAAC;QAEF,4DAAgC,CAAC,KAA0B;YACzD,IAAI,CAAC,sBAAsB,GAAG,KAAK,CAAC,MAA0B,CAAC;YAC/D,IAAI,IAAI,CAAC,sBAAsB,KAAK,KAAK,EAAE;gBACzC,IAAI,CAAC,mBAAmB,GAAG,KAAK,CAAC;gBACjC,IAAI,CAAC,mBAAmB,GAAG,EAAE,CAAC;aAC/B;YACD,IAAI,CAAC,kBAAkB,GAAG,MAAM,CAAC;SAClC,EAAC;QAEF,6DAAiC,CAC/B,CAAiD;YAEjD,IAAI,CAAC,mBAAmB,GAAG;gBACzB,GAAG,qBAAqB,CAAC,CAAC,EAAE,IAAI,CAAC,mBAAmB,EAAE,QAAQ,EAAE,SAAS,CAAC;aAC3E,CAAC;SACH,EAAC;QAEF,0DAA8B,CAC5B,iBAA0B,KAAK;YAE/B,QACE,iCAA2B,KAAK,EAAC,yBAAyB,IACxD,8BACE,QAAQ,EAAC,MAAM,EACf,KAAK,EAAC,8CAA8C,EACpD,UAAU,EAAC,MAAM,EACjB,WAAW,EAAE,KAAK,EAClB,gBAAgB,EAAE,IAAI,EACtB,IAAI,EAAE,MAAM,CAAC,WAAW,CAAC,OAAO,CAAC,UAAU,EAC3C,SAAS,EAAE,KAAK,EAChB,QAAQ,EAAE,KAAK,GACS,EAC1B,8BACE,QAAQ,EAAC,YAAY,EACrB,KAAK,EAAC,qBAAqB,EAC3B,UAAU,EAAC,aAAa,EACxB,WAAW,EAAE,KAAK,EAClB,gBAAgB,EAAE,cAAc,EAChC,IAAI,EAAE,MAAM,CAAC,WAAW,CAAC,OAAO,CAAC,UAAU,EAC3C,SAAS,EAAE,KAAK,EAChB,QAAQ,EAAE,CAAC,cAAc,EACzB,mBAAmB,EAAE,uBAAA,IAAI,0DAA+B,GAChC,EAC1B,8BACE,QAAQ,EAAC,WAAW,EACpB,KAAK,EAAC,qBAAqB,EAC3B,UAAU,EAAC,YAAY,EACvB,WAAW,EAAE,KAAK,EAClB,gBAAgB,EAAE,cAAc,EAChC,IAAI,EAAE,MAAM,CAAC,WAAW,CAAC,OAAO,CAAC,IAAI,EACrC,SAAS,EAAE,KAAK,EAChB,QAAQ,EAAE,CAAC,cAAc,EACzB,mBAAmB,EAAE,uBAAA,IAAI,0DAA+B,GAChC,EAC1B,8BACE,QAAQ,EAAC,UAAU,EACnB,KAAK,EAAC,qBAAqB,EAC3B,UAAU,EAAC,WAAW,EACtB,WAAW,EAAE,KAAK,EAClB,gBAAgB,EAAE,cAAc,EAChC,IAAI,EAAE,MAAM,CAAC,WAAW,CAAC,OAAO,CAAC,QAAQ,EACzC,SAAS,EAAE,KAAK,EAChB,QAAQ,EAAE,CAAC,cAAc,EACzB,mBAAmB,EAAE,uBAAA,IAAI,0DAA+B,GAChC,EAC1B,8BACE,QAAQ,EAAC,QAAQ,EACjB,KAAK,EAAC,8CAA8C,EACpD,UAAU,EAAC,QAAQ,EACnB,WAAW,EAAE,KAAK,EAClB,gBAAgB,EAAE,IAAI,EACtB,IAAI,EAAE,MAAM,CAAC,WAAW,CAAC,OAAO,CAAC,UAAU,EAC3C,SAAS,EAAE,KAAK,EAChB,QAAQ,EAAE,KAAK,GACS,CACA,EAC5B;SACH,EAAC;QAEF,6CAAiB,CAAC,IAAY;YAC5B,OAAO,IAAI,KAAK,EAAE,IAChB,kBACE,KAAK,EAAC,SAAS,EACf,aAAa,EAAE,IAAI,EACnB,UAAU,EAAC,aAAa,EACxB,WAAW,EAAE,MAAM,CAAC,eAAe,CAAC,WAAW,EAC/C,KAAK,EAAE,MAAM,CAAC,eAAe,CAAC,SAAS,IAEtC,IAAI,CACM,IACX,IAAI,CAAC;SACV,EAAC;QAEF,4DAAgC,CAAC,QAAgB;YAC/C,QACE,8BAAwB,KAAK,EAAC,qBAAqB,IACjD,wCACE,SAAG,KAAK,EAAC,2BAA2B,IAClC,gBACE,KAAK,EAAC,2BAA2B,EACjC,GAAG,EAAE,UAAU,GACL,EACX,QAAQ,CACP,CACyB,CACR,EACzB;SACH,EAAC;QAEF,4DAAgC,CAAC,UAAsB;YACrD,OAAO;gBACL,4BAAsB,KAAK,EAAC,mBAAmB,IAC5C,uBAAA,IAAI,uCAAY,MAAhB,IAAI,EAAa,UAAU,CAAC,WAAW,CAAC,CACpB;gBACvB,4BAAsB,KAAK,EAAC,mBAAmB,IAC5C,UAAU,CAAC,WAAW,KAAK,SAAS,IACnC,eACE,EAAE,EAAE,GAAG,kBAAkB,GAAG,UAAU,CAAC,EAAE,EAAE,EAC3C,KAAK,EAAE,UAAU,CAAC,UAAU,EAC5B,OAAO,EAAE,uBAAA,IAAI,8CAAmB,EAChC,QAAQ,EAAE,MAAM,uBAAA,IAAI,+CAAoB,MAAxB,IAAI,EAAqB,UAAU,CAAC,EACpD,SAAS,EAAE,EAAE,EACb,GAAG,EAAE,EAAE;wBACL,MAAM,GAAG,GAAG,GAAG,kBAAkB,GAAG,UAAU,CAAC,EAAE,EAAE,CAAC;wBACpD,IAAI,EAAE,EAAE;4BACN,uBAAA,IAAI,iDAAsB,CAAC,GAAG,CAAC,GAAG,EAAE,EAAuB,CAAC,CAAC;yBAC9D;6BAAM;4BACL,uBAAA,IAAI,iDAAsB,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;yBACxC;qBACF,GACQ,KAEX,UAAU,CAAC,UAAU,CACtB,CACoB;gBACvB,4BAAsB,KAAK,EAAC,mBAAmB,IAC5C,UAAU,CAAC,SAAS,EACpB,uBAAA,IAAI,0CAAe,MAAnB,IAAI,EAAgB,UAAU,CAAC,SAAS,CAAC,CACrB;gBACvB,4BAAsB,KAAK,EAAC,mBAAmB,IAC5C,UAAU,CAAC,gBAAgB,CACP;gBACvB,4BACE,KAAK,EAAC,mBAAmB,EACzB,OAAO,EAAE,MAAM,uBAAA,IAAI,+CAAoB,MAAxB,IAAI,EAAqB,UAAU,CAAC,IAEnD,cACE,EAAE,EAAC,eAAe,EAClB,KAAK,EAAC,kCAAkC,gBAC5B,uBAAA,IAAI,6CAAkB,CAAC,OAAO,CAAC,YAAY,EACvD,QAAQ,EAAE,UAAU,CAAC,WAAW,KAAK,QAAQ,IAE7C,gBACE,QAAQ,EAAE,UAAU,CAAC,WAAW,KAAK,QAAQ,EAC7C,KAAK,EAAC,2BAA2B,EACjC,GAAG,EAAE,WAAW,GACN,CACL,CACY;aACxB,CAAC;SACH,EAAC;QAEF,oDAAwB;YACtB,QACE,WAAK,KAAK,EAAC,sBAAsB,IAC/B,WAAK,KAAK,EAAC,cAAc,GAAO,EAChC,uBACE,KAAK,EAAE,uCAAuC,EAC9C,gBAAgB,EAAC,QAAQ,EACzB,GAAG,EAAE,CAAC,EAA4B,MAC/B,uBAAA,IAAI,2CAAuB,EAAE,MAAA,CAAC,EAEjC,kBAAkB,EAAE,KAAK,EACzB,YAAY,EAAE,uBAAA,IAAI,qDAA0B,EAC5C,EAAE,EAAC,aAAa,IAEf,uBAAA,IAAI,uDAA4B,MAAhC,IAAI,CAA8B,EAClC,IAAI,CAAC,mBAAmB,CAAC,MAAM,GAAG,CAAC,IAClC,8BAAwB,KAAK,EAAC,qBAAqB,IAChD,IAAI,CAAC,mBAAmB,CAAC,GAAG,CAAC,CAAC,UAAsB;;gBACnD,MAAM,iBAAiB,GAAG,GAAG,kBAAkB,GAAG,UAAU,CAAC,EAAE,EAAE,CAAC;gBAClE,MAAM,QAAQ,GACZ,CAAA,MAAA,IAAI,CAAC,mBAAmB,CAAC,GAAG,CAAC,iBAAiB,CAAC,0CAAE,QAAQ;oBACzD,IAAI,CAAC;gBACP,MAAM,QAAQ,GACZ,MAAA,IAAI,CAAC,mBAAmB,CAAC,GAAG,CAAC,iBAAiB,CAAC,0CAAE,OAAO,CAAC;gBAE3D,QACE,2BACE,KAAK,EAAE,UAAU,CAAC,EAAE,EACpB,KAAK,EAAC,kBAAkB,IAEvB,uBAAA,IAAI,yDAA8B,MAAlC,IAAI,EAA+B,UAAU,CAAC,EAC9C,QAAQ,IAAI,uBAAA,IAAI,yDAA8B,MAAlC,IAAI,EAA+B,QAAQ,CAAC,CACrC,EACtB;aACH,CAAC,CACqB,KAEzB,8BAAwB,KAAK,EAAC,qBAAqB,IACjD,wCACE,0BACE,KAAK,EAAC,aAAa,EACnB,YAAY,EAAE,SAAS,EACvB,UAAU,EAAE,uBAAA,IAAI,6CAAkB,CAAC,qBAAqB,EACxD,UAAU,EAAE,IAAI,GACI,CACO,CACR,CAC1B,CACe,CACd,EACN;SACH,EAAC;QAEF,0CAAc,CAAC,WAAmB;YAChC,MAAM,IAAI,GAAG,WAAW,KAAK,SAAS,GAAG,SAAS,GAAG,aAAa,CAAC;YACnE,OAAO,gBAAU,KAAK,EAAC,QAAQ,EAAC,GAAG,EAAE,IAAI,GAAa,CAAC;SACxD,EAAC;QAEF,4CAAgB;YACd,MAAM,eAAe,GAAG,IAAI,CAAC,sBAAsB,KAAK,QAAQ,CAAC;YACjE,QACE,cACE,KAAK,EAAE;oBACL,2BAA2B,EAAE,IAAI;oBACjC,6BAA6B,EAC3B,IAAI,CAAC,sBAAsB,KAAK,QAAQ;oBAC1C,eAAe,EAAE,eAAe;oBAChC,qBAAqB,EAAE,IAAI;oBAC3B,oBAAoB,EAAE,IAAI;iBAC3B,IAEA,eAAe,KACd,SAAG,KAAK,EAAC,eAAe,kBAAY,IAAI,CAAC,kBAAkB,CAAK,CACjE,EACD,WAAK,KAAK,EAAC,gBAAgB,IACzB;;gBAEE,EAAE,EAAC,eAAe,EAClB,KAAK,EAAC,kBAAkB,EACxB,OAAO,EAAE,uBAAA,IAAI,0CAAe;eAE3B,uBAAA,IAAI,6CAAkB,CAAC,MAAM,CAAC,MAAM,CAC9B,EAET;;gBAEE,EAAE,EAAC,gBAAgB,EACnB,KAAK,EAAC,gBAAgB,EACtB,OAAO,EAAE,IAAI,CAAC,mBAAmB,IAAI,uBAAA,IAAI,2CAAgB,EACzD,QAAQ,EAAE,CAAC,IAAI,CAAC,mBAAmB;eAElC,uBAAA,IAAI,6CAAkB,CAAC,MAAM,CAAC,OAAO,CAC/B,CACL,CACC,EACT;SACH,EAAC;QAEF,kDAAsB;YACpB,MAAM,kBAAkB,GACtB,IAAI,CAAC,sBAAsB,KAAK,QAAQ;gBACxC,IAAI,CAAC,uBAAuB,CAAC,MAAM,GAAG,CAAC,CAAC;YAE1C,QACE,kBAAkB,KAChB,WAAK,KAAK,EAAC,uCAAuC,IAChD,aAAO,KAAK,EAAC,OAAO,EAAC,OAAO,EAAC,uBAAuB,IACjD,uBAAA,IAAI,6CAAkB,CAAC,YAAY,CAAC,KAAK,CACpC,EACR,WACE,KAAK,EAAE;oBACL,QAAQ,EAAE,IAAI;oBACd,gBAAgB,EAAE,IAAI,CAAC,uBAAuB,CAAC,MAAM,IAAI,CAAC;oBAC1D,gBAAgB,EAAE,IAAI,CAAC,uBAAuB,CAAC,MAAM,IAAI,CAAC;iBAC3D,IAEA,IAAI,CAAC,uBAAuB,CAAC,GAAG,CAC/B,CAAC,MAAkB,EAAE,KAAa,MAChC,cACE,EAAE,EAAE,uBAAuB,GAAG,KAAK,EACnC,KAAK,EAAE;oBACL,eAAe,EAAE,IAAI;oBACrB,oBAAoB,EAAE,IAAI;oBAC1B,8BAA8B,EAC5B,IAAI,CAAC,sBAAsB,KAAK,MAAM,CAAC,EAAE;iBAC5C,EACD,OAAO,EAAE,MAAM,uBAAA,IAAI,wDAA6B,MAAjC,IAAI,EAA8B,MAAM,CAAC,EACxD,UAAU,EAAE,MACV,uBAAA,IAAI,6DAAkC,MAAtC,IAAI,EAAmC,MAAM,CAAC,IAGhD,WAAK,KAAK,EAAC,4BAA4B,IACrC,SAAG,KAAK,EAAC,sCAAsC,IAC5C,MAAM,CAAC,UAAU,CAChB,EACJ,SAAG,KAAK,EAAC,qEAAqE,IAC3E,MAAM,CAAC,SAAS,CACf,CACA,EACL,uBAAA,IAAI,0CAAe,MAAnB,IAAI,EAAgB,MAAM,CAAC,SAAS,CAAC,CAC/B,CACV,CACF,CACG,CACF,CACP,EACD;SACH,EAAC;QAEF,gDAAoB;YAClB,QACE,WAAK,KAAK,EAAC,+DAA+D,IACxE,aAAO,KAAK,EAAC,OAAO,EAAC,OAAO,EAAC,aAAa,IACvC,uBAAA,IAAI,6CAAkB,CAAC,UAAU,CAAC,KAAK,CAClC,EACP,uBAAA,IAAI,iDAAsB,MAA1B,IAAI,CAAwB,CACzB,EACN;SACH,EAAC;mCAnnBsC,KAAK;mCAKN,EAAE;oCAKD,EAAE;;kCAUQ,MAAM;;2BAUzB,EAAE;mCAKY,EAAE;mCAEhB,IAAI,GAAG,EAA6B;sCAKf,QAAQ;;2BAUP,EAAE;uCAQE,EAAE;;;;;;IAN3D,kBAAkB,CAAC,QAAsB;QACvC,IAAI,CAAC,mBAAmB,GAAG,QAAQ,CAAC;KACrC;IAiCD,MAAM,iBAAiB;;QACrB,uBAAA,IAAI,yCAAqB,MAAM,MAAM,CAAC,mBAAmB,CAAC,IAAI,CAAC,EAAE,CAAC,MAAA,CAAC;QAEnE,uBAAA,IAAI,uCAAmB;YACrB;gBACE,KAAK,EAAE,QAAQ;gBACf,OAAO,EAAE,uBAAA,IAAI,6CAAkB,CAAC,QAAQ,CAAC,YAAY;aACtD;YACD;gBACE,KAAK,EAAE,KAAK;gBACZ,OAAO,EAAE,uBAAA,IAAI,6CAAkB,CAAC,QAAQ,CAAC,SAAS;aACnD;SACF,MAAA,CAAC;QAEF,IAAI,CAAC,iBAAiB,GAAG,MAAA,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,0CAAE,SAAS,CAAC;QACxD,IAAI,CAAC,QAAQ,GAAG,MAAA,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,0CAAE,gBAAgB,CAAC;QAEtD,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC,WAAW,CAAC;KAC7C;IAED,kBAAkB;QAChB,IACE,IAAI,CAAC,sBAAsB,KAAK,KAAK;YACrC,uBAAA,IAAI,wCAAa;YACjB,uBAAA,IAAI,iDAAsB,EAC1B;YACA,uBAAA,IAAI,0DAA+B,MAAnC,IAAI,EAAgC;gBAClC,uBAAA,IAAI,wCAAa;gBACjB,uBAAA,IAAI,iDAAsB;aAC3B,CAAC,CAAC;YACH,uBAAA,IAAI,iDAAsB,CAAC,KAAK,EAAE,CAAC;SACpC;QAED,IACE,IAAI,CAAC,sBAAsB,KAAK,QAAQ;YACxC,uBAAA,IAAI,iDAAsB,CAAC,IAAI,GAAG,CAAC,EACnC;YACA,uBAAA,IAAI,0DAA+B,MAAnC,IAAI,EAAgC;gBAClC,GAAG,uBAAA,IAAI,iDAAsB,CAAC,MAAM,EAAE;aACvC,CAAC,CAAC;SACJ;KACF;IAmfD,MAAM;QACJ,QACE,EAAC,IAAI,IACH,KAAK,EAAE;gBACL,oBAAoB,EAAE,IAAI;gBAC1B,gBAAgB,EAAE,IAAI,CAAC,sBAAsB,KAAK,KAAK;gBACvD,qBAAqB,EAAE,IAAI,CAAC,uBAAuB,CAAC,MAAM,KAAK,CAAC;aACjE,IAED,gBAAU,KAAK,EAAE,WAAW,GAAa,EACzC,oBAAc,GAAG,EAAE,uBAAA,IAAI,yCAAc,GAAiB,EACtD,YAAM,KAAK,EAAC,SAAS,IACnB,cAAQ,KAAK,EAAC,qDAAqD,IACjE,WAAK,KAAK,EAAC,aAAa,IACtB,aAAO,KAAK,EAAC,sCAAsC,IAChD,uBAAA,IAAI,6CAAkB,CAAC,MAAM,CAAC,KAAK,CAC9B,EACR,6BACE,KAAK,EAAC,aAAa,EACnB,KAAK,EAAE,uBAAA,IAAI,2CAAgB,EAC3B,QAAQ,EAAE,uBAAA,IAAI,yDAA8B,EAC5C,KAAK,EAAE,uBAAA,IAAI,2CAAgB,CAAC,CAAC,CAAC,CAAC,KAAK,GACb,EAExB,IAAI,CAAC,sBAAsB,KAAK,QAAQ,KACvC,eACE,KAAK,EAAC,qBAAqB,EAC3B,EAAE,EAAC,oBAAoB,EACvB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,uBAAA,IAAI,sDAA2B,EACxC,WAAW,EACT,uBAAA,IAAI,6CAAkB,CAAC,YAAY,CAAC,aAAa,EAEnD,cAAc,EAAC,eAAe,EAC9B,IAAI,EAAC,QAAQ,GACJ,CACZ,CACG,CACC,EAER,IAAI,CAAC,sBAAsB,KAAK,QAAQ,IAAI;YAC3C,uBAAA,IAAI,+CAAoB,MAAxB,IAAI,CAAsB;YAC1B,uBAAA,IAAI,6CAAkB,MAAtB,IAAI,CAAoB;SACzB,EAEA,IAAI,CAAC,sBAAsB,KAAK,KAAK,KACpC,eAAS,KAAK,EAAC,qBAAqB,IAClC,WAAK,KAAK,EAAC,uBAAuB,IAChC,WAAK,KAAK,EAAC,iCAAiC,IAC1C,aAAO,KAAK,EAAC,OAAO,EAAC,OAAO,EAAC,YAAY,IACtC,uBAAA,IAAI,6CAAkB,CAAC,MAAM,CAAC,SAAS,CAClC,EACR;;YAEE,KAAK,EAAC,OAAO,EACb,EAAE,EAAC,YAAY,EACf,KAAK,EAAE,IAAI,CAAC,mBAAmB,EAC/B,OAAO,EAAE,KAAK,IACZ,uBAAA,IAAI,yCAAc,MAAlB,IAAI,EAAe,KAAK,EAAE,qBAAqB,CAAC,EAElD,WAAW,EAAE,uBAAA,IAAI,6CAAkB,CAAC,YAAY,CAAC,SAAS,EAC1D,GAAG,EAAE,EAAE,KAAK,uBAAA,IAAI,oCAAgB,EAAuB,MAAA,CAAC;UAC/C,EACV,uBAAA,IAAI,kDAAuB,MAA3B,IAAI,EAAwB,uBAAA,IAAI,wCAAa,CAAC,CAC3C,EAEN,WAAK,KAAK,EAAC,iCAAiC,IAC1C,aAAO,KAAK,EAAC,OAAO,EAAC,OAAO,EAAC,aAAa,IACvC,uBAAA,IAAI,6CAAkB,CAAC,MAAM,CAAC,UAAU,CACnC,EACR;;YAEE,KAAK,EAAC,OAAO,EACb,EAAE,EAAC,aAAa,EAChB,KAAK,EAAE,IAAI,CAAC,oBAAoB,EAChC,OAAO,EAAE,KAAK,IACZ,uBAAA,IAAI,yCAAc,MAAlB,IAAI,EAAe,KAAK,EAAE,sBAAsB,CAAC,EAEnD,WAAW,EAAE,uBAAA,IAAI,6CAAkB,CAAC,YAAY,CAAC,UAAU,EAC3D,SAAS,EAAE,EAAE,EACb,GAAG,EAAE,EAAE,KACJ,uBAAA,IAAI,6CAAyB,EAAuB,MAAA,CAAC;UAE/C,EACV,uBAAA,IAAI,kDAAuB,MAA3B,IAAI,EAAwB,uBAAA,IAAI,iDAAsB,CAAC,CACpD,CACF,CACE,CACX,EAEA,uBAAA,IAAI,yCAAc,MAAlB,IAAI,CAAgB,CAChB,CACF,EACP;KACH;;;;;;;;;;;;","names":[],"sources":["src/components/team-dev/server-selector/server-selector.scss?tag=gx-ide-server-selector&encapsulation=shadow","src/components/team-dev/server-selector/server-selector.tsx"],"sourcesContent":["@import \"../../../global/gx-ide-mixins.scss\";\n@import \"../../../../node_modules/@genexus/mercury/dist/assets/scss/helpers.scss\";\n@import \"../common/styles.scss\";\n\n:host {\n  display: grid;\n  block-size: 100%;\n  grid-template-rows: max-content max-content 1fr max-content;\n  row-gap: var(--spacing-gap-xl);\n  overflow: auto;\n}\n\n:host(.new-connection) {\n  grid-template-rows: max-content 1fr;\n}\n\n:host(.recently-used-empty) {\n  grid-template-rows: max-content 1fr;\n}\n\n.section {\n  display: contents;\n}\n\n// General\n\nch-tabular-grid.tabular-grid {\n  border-radius: 4px;\n  overflow: hidden;\n  overflow: auto;\n  border: 1px solid var(--color-border-surface-on-elevation-1); // WA: The tabular-grid should provide a class for displaying border\n}\n\nch-tabular-grid-rowset-empty {\n  position: relative;\n  border-block-end: 1px solid var(--grid-cell-border-color);\n  overflow: hidden;\n  min-block-size: 200px;\n}\n\n@include tabular-grid-cell-layout(\n  $tabular-grid-selector: \".tabular-grid\",\n  $tabular-grid-cell-apply-ellipsis: true,\n  $tabular-grid-affected-columns-nth-list: (\n    2,\n    3,\n    4\n  )\n);\n\n.text-neutral-gray-400,\n.tabular-grid-cell.text-neutral-gray-400 {\n  // WA: colors for text should be defined in Mercury\n  color: var(--color-text-neutral-disabled);\n}\n// Header\n\n.search-server {\n  inline-size: 50%;\n}\n\n// All Servers\n\n.tabular-grid {\n  overflow: auto;\n  border-block: 1px solid var(--grid-cell-border-color);\n}\n\n.tabular-grid-all-servers .tabular-grid-column:first-child::part(bar) {\n  --grid-common__gap: 0;\n}\n\n.field-block-all-servers {\n  overflow: auto;\n}\n\n// WA: .tabular-grid-wrapper and .border-patch is a WA. See details on Asana task:\n// https://app.asana.com/1/10206720691358/project/1207081021030105/task/1211391456974726?focus=true\n.tabular-grid-wrapper {\n  position: relative;\n  overflow: auto;\n}\n.border-patch {\n  --tabular-grid-border-radius: 4px;\n  position: absolute;\n  inset-block-start: 0;\n  inline-size: calc(100% - var(--tabular-grid-border-radius) * 2);\n  inset-inline-start: var(--tabular-grid-border-radius);\n  block-size: 2px;\n  background-color: var(--items-container__bg-color);\n  z-index: 9999;\n  border-block-start: 1px solid var(--color-border-surface-on-surface);\n}\n\n.tooltip {\n  position: absolute;\n}\n\n.recently-used-card {\n  border: 1px solid var(--color-border-surface-on-elevation-1);\n  border-radius: 4px;\n  cursor: pointer;\n\n  &:hover {\n    background-color: var(--color-accent-item-hover);\n  }\n\n  &:focus-visible {\n    @include focus-outline();\n  }\n\n  &--selected {\n    background-color: var(--color-accent-neutral-contrast);\n    border-color: var(--color-border-item-pressed);\n  }\n}\n\n.recently-used-card-content {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: flex-start;\n  padding: var(--spacing-padding-m);\n  gap: var(--spacing-gap-xxs);\n  overflow: hidden;\n\n  .text-decoration-line-underline {\n    @include cell-ellipsis();\n    max-width: 100%;\n    text-decoration: underline;\n  }\n}\n\n// All Severs tabular-grid\n\n.delete-server-icon {\n  // WA: Getr and apply the marign inline value on the ch-image,\n  // so that the button looks squared. This happens because the\n  // button is \"tertiary\", which happens to have no padding-inline.\n  // TODO: Investigate a solution that works without a WA.\n  $cellBlockSize: 30.39px;\n  margin-inline: calc((#{$cellBlockSize} - var(--ch-image-size)) / 2);\n}\n\n@include tabular-grid-cell-layout(\n  $tabular-grid-selector: \".tabular-grid\",\n  $tabular-grid-cell-node-type: \"element\",\n  $tabular-grid-affected-columns-nth-list: (\n    5\n  )\n);\n","// Stencil\nimport { Component, Element, h, Host, Prop, State } from \"@stencil/core\";\n\n// Other Libraries\nimport { getIconPath, MercuryBundles } from \"@genexus/mercury\";\n\n// Custom Imports\nimport {\n  ChEditCustomEvent,\n  TabularGridColumnSortChangedEvent,\n  TabularGridRowClickedEvent\n} from \"@genexus/chameleon-controls-library\";\nimport { RadioGroupItemModel } from \"@genexus/chameleon-controls-library/dist/types/components/radio-group/types\";\nimport { getAssetPath, JSX, Watch } from \"@stencil/core/internal\";\nimport { config } from \"../../../common/config\";\nimport {\n  clearControlError,\n  ControlValidation,\n  validateControls\n} from \"../../../common/form-validation\";\nimport { Locale } from \"../../../common/locale\";\nimport { FormSubmitResult } from \"../../../common/types\";\n\nimport sortTabularGridColumn from \"../../../common/chameleon/tabular-grid-column-sort\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"utils/form--full\",\n  \"utils/layout\",\n  \"utils/typography\",\n  \"utils/spacing\",\n  \"components/tooltip\",\n  \"chameleon/scrollbar\",\n  \"components/tabular-grid\"\n];\n\nconst INFO_ICON = getIconPath({\n  category: \"system\",\n  name: \"information\",\n  colorType: \"on-surface\"\n});\n\nconst LOCK_ICON = getIconPath({\n  category: \"system\",\n  name: \"lock\",\n  colorType: \"on-surface\"\n});\n\nconst LANGUAGE_ICON = getIconPath({\n  category: \"system\",\n  name: \"language\",\n  colorType: \"on-surface\"\n});\n\nconst DELETE_ICON = getIconPath({\n  category: \"system\",\n  name: \"delete-outlined\",\n  colorType: \"interactive\"\n});\n\nconst ERROR_ICON = getIconPath({\n  category: \"system\",\n  name: \"error\",\n  colorType: \"error\"\n});\n\nconst SEARCH_ICON = getIconPath({\n  category: \"system\",\n  name: \"search\",\n  colorType: \"on-surface\"\n});\n\nconst SERVER_NAME_PREFIX = \"server-name-\";\n\n@Component({\n  tag: \"gx-ide-server-selector\",\n  styleUrl: \"server-selector.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/server-selector\"]\n})\nexport class GxIdeServerSelector {\n  #_componentLocale: any;\n\n  #chGridAllServersEl: HTMLChTabularGridElement;\n  #serverUrlEL: HTMLChEditElement;\n  #serverFriendlyNameEL: HTMLChEditElement;\n  #updatedServerName: string | undefined;\n  #serverNameEditElsMap: Map<string, HTMLChEditElement> = new Map();\n  #versionsSelect: RadioGroupItemModel[] = [];\n  #shortcutsSrc = getAssetPath(\n    `./gx-ide-assets/server-selector/shortcuts.json`\n  );\n  @Element() el: HTMLGxIdeServerSelectorElement;\n\n  /**\n   * State to enable/disable confirm button.\n   */\n  @State() enableConfirmButton: boolean = false;\n\n  /**\n   * The current server URL input value.\n   */\n  @State() serverUrlInputValue: string = \"\";\n\n  /**\n   * The current server URL input value.\n   */\n  @State() serverNameInputValue: string = \"\";\n\n  /**\n   * The selected server URI.\n   */\n  @State() selectedServerUri: string | undefined;\n\n  /**\n   * The selected server name.\n   */\n  @State() selectedServerName: string | undefined = \"None\";\n\n  /**\n   * The user name of the selected server.\n   */\n  @State() userName: string;\n\n  /**\n   * State to store the filter input value to filter the list-box\n   */\n  @State() filterValue: string = \"\";\n\n  /**\n   * Servers filtered\n   */\n  @State() filteredServersData: ServerData[] = [];\n\n  @State() validatableControls = new Map<string, ControlValidation>();\n\n  /**\n   * The selected connection type\n   */\n  @State() selectedConnectionType: ConnectionOption = \"select\";\n\n  /**\n   * The selected recently used server ID\n   */\n  @State() selectedRecentlyUsedId: string;\n\n  /**\n   * The list of all GX servers.\n   */\n  @Prop({ mutable: true }) serversData: ServerData[] = [];\n  @Watch(\"serversData\")\n  serversDataChanged(newValue: ServerData[]) {\n    this.filteredServersData = newValue;\n  }\n  /**\n   * The list of recently used servers.\n   */\n  @Prop() readonly recentlyUsedServersData: ServerData[] = [];\n\n  /**\n   * Callback that is invoked when the dialog is closed\n   */\n  @Prop() readonly cancelCallback!: () => Promise<void>;\n\n  /**\n   * Callback that must be invoked when the 'Confirm' button is pressed and the Select Server option is checked.\n   */\n  @Prop() readonly selectServerCallback!: (\n    authenticationSessionOrigin: AuthenticationSessionOrigin,\n    connectionOption: ConnectionOption\n  ) => Promise<FormSubmitResult>;\n\n  /**\n   * Invoked to delete a server\n   */\n  @Prop() readonly deleteServerCallback!: (\n    serverData: ServerData\n  ) => Promise<boolean>;\n\n  /**\n   * Invoked to update a server\n   */\n  @Prop() readonly updateServerCallback!: (\n    serverData: ServerData\n  ) => Promise<FormSubmitResult>;\n\n  async componentWillLoad() {\n    this.#_componentLocale = await Locale.getComponentStrings(this.el);\n\n    this.#versionsSelect = [\n      {\n        value: \"select\",\n        caption: this.#_componentLocale.captions.selectServer\n      },\n      {\n        value: \"new\",\n        caption: this.#_componentLocale.captions.addServer\n      }\n    ];\n\n    this.selectedServerUri = this.serversData[0]?.serverUrl;\n    this.userName = this.serversData[0]?.gxServerUsername;\n\n    this.filteredServersData = this.serversData;\n  }\n\n  componentDidRender() {\n    if (\n      this.selectedConnectionType === \"new\" &&\n      this.#serverUrlEL &&\n      this.#serverFriendlyNameEL\n    ) {\n      this.#initializeValidatableControls([\n        this.#serverUrlEL,\n        this.#serverFriendlyNameEL\n      ]);\n      this.#serverNameEditElsMap.clear();\n    }\n\n    if (\n      this.selectedConnectionType === \"select\" &&\n      this.#serverNameEditElsMap.size > 0\n    ) {\n      this.#initializeValidatableControls([\n        ...this.#serverNameEditElsMap.values()\n      ]);\n    }\n  }\n\n  #cancelHandler = (): void => {\n    this.cancelCallback();\n  };\n\n  #confirmHandler = async (): Promise<void> => {\n    let formSubmitResult: FormSubmitResult;\n    if (this.selectedConnectionType === \"select\") {\n      formSubmitResult = await this.selectServerCallback(\n        {\n          uri: this.selectedServerUri,\n          name: this.selectedServerName\n        },\n        this.selectedConnectionType\n      );\n    } else {\n      formSubmitResult = await this.selectServerCallback(\n        {\n          uri: this.serverUrlInputValue,\n          name: this.serverNameInputValue\n        },\n        this.selectedConnectionType\n      );\n      this.validatableControls = validateControls(\n        formSubmitResult,\n        this.validatableControls\n      );\n    }\n  };\n\n  // TODO: evaluate if this should be a global helper function.\n  // It is used on other dialogs as well.\n  #evaluateTooltipRender = (\n    controlReference: HTMLElement\n  ): HTMLChTooltipElement =>\n    this.validatableControls?.get(controlReference?.id)?.hasError &&\n    this.validatableControls.get(controlReference.id)?.message && (\n      <ch-tooltip\n        class=\"tooltip\"\n        actionElement={controlReference as unknown as HTMLButtonElement}\n        blockAlign={config.tooltipSettings.blockAlign}\n        inlineAlign={config.tooltipSettings.inlineAlign}\n        delay={config.tooltipSettings.delay}\n      >\n        {this.validatableControls.get(controlReference.id).message}\n      </ch-tooltip>\n    );\n\n  #initializeValidatableControls = (validatableControls: HTMLElement[]) => {\n    validatableControls.forEach(validatableControl => {\n      if (\n        validatableControl.id &&\n        !this.validatableControls.has(validatableControl.id)\n      ) {\n        this.validatableControls.set(validatableControl.id, {\n          reference: validatableControl,\n          hasError: false,\n          message: undefined\n        });\n      }\n    });\n  };\n\n  #filterValueChangedHandler = (\n    event: ChEditCustomEvent<string> | InputEvent\n  ) => {\n    this.filterValue = (event.detail as string).toLowerCase();\n    this.filteredServersData = this.serversData.filter(item =>\n      item.serverName.toLowerCase().includes(this.filterValue)\n    );\n  };\n\n  #inputHandler = (\n    event: ChEditCustomEvent<string> | InputEvent,\n    field: \"serverUrlInputValue\" | \"serverNameInputValue\"\n  ) => {\n    this.enableConfirmButton = false;\n    this[field] = (event.detail as string).trim();\n\n    const controlId =\n      field === \"serverUrlInputValue\" ? \"server-url\" : \"server-name\";\n    clearControlError(this.validatableControls, controlId);\n    this.#enableConfirmButton();\n  };\n\n  #handleRecentlyUsedCardClick = async (server: ServerData) => {\n    this.selectedRecentlyUsedId = server.id;\n    await this.#chGridAllServersEl?.selectRow(server.id);\n    await this.#handleServerSelection(server.id);\n  };\n\n  #handleDeleteServer = async (serverData: ServerData) => {\n    if (serverData.accessLevel === \"private\") {\n      const result = await this.deleteServerCallback(serverData);\n      if (result) {\n        this.selectedServerName = \"None\";\n        this.enableConfirmButton = false;\n      }\n    }\n  };\n\n  #onServerNameInput = async (\n    event: ChEditCustomEvent<string> | InputEvent\n  ) => {\n    this.#updatedServerName = event.detail as string;\n  };\n\n  #onServerNameChange = async (serverData: ServerData) => {\n    let result: FormSubmitResult = {\n      fieldErrors: [],\n      success: false\n    };\n    if (\n      serverData.serverName !== this.#updatedServerName &&\n      serverData.accessLevel === \"private\"\n    ) {\n      result = await this.updateServerCallback({\n        ...serverData,\n        serverName: this.#updatedServerName\n      });\n    }\n\n    this.validatableControls = validateControls(\n      result,\n      this.validatableControls\n    );\n\n    if (result.success || serverData.serverName === this.#updatedServerName) {\n      this.selectedServerName = this.#updatedServerName;\n      clearControlError(\n        this.validatableControls,\n        `${SERVER_NAME_PREFIX}${serverData.id}`\n      );\n    }\n  };\n\n  #enableConfirmButton = () => {\n    if (\n      this.serverUrlInputValue &&\n      this.serverUrlInputValue.length > 0 &&\n      this.serverNameInputValue &&\n      this.serverNameInputValue.length > 0\n    ) {\n      this.enableConfirmButton = true;\n    } else {\n      this.enableConfirmButton = false;\n    }\n  };\n\n  #onRecentlyUsedDoubleClickHandler = (serverData: ServerData) => {\n    this.#handleServerSelection(serverData.id);\n    this.#confirmHandler();\n  };\n\n  #onServersRowClickHandler = (\n    event: CustomEvent<TabularGridRowClickedEvent>\n  ) => this.#handleServerSelection(event.detail.rowId);\n\n  #handleServerSelection = async (selectedRowId: string): Promise<void> => {\n    if (selectedRowId === undefined) {\n      this.enableConfirmButton = false;\n      this.selectedServerUri = undefined;\n      this.selectedServerName = undefined;\n      return;\n    }\n\n    const selectedServer = this.serversData.find(\n      server => server.id === selectedRowId\n    );\n    this.enableConfirmButton = true;\n    this.selectedServerName = selectedServer?.serverName;\n    this.selectedServerUri = selectedServer?.serverUrl;\n    this.userName = selectedServer?.gxServerUsername || \"\";\n    this.selectedRecentlyUsedId = selectedServer?.id;\n  };\n\n  #connectionTypeChangedHandler = (event: CustomEvent<string>) => {\n    this.selectedConnectionType = event.detail as ConnectionOption;\n    if (this.selectedConnectionType === \"new\") {\n      this.enableConfirmButton = false;\n      this.serverUrlInputValue = \"\";\n    }\n    this.selectedServerName = \"None\";\n  };\n\n  #sortTabularGridColumnCallback = (\n    e: CustomEvent<TabularGridColumnSortChangedEvent>\n  ) => {\n    this.filteredServersData = [\n      ...sortTabularGridColumn(e, this.filteredServersData, \"string\", undefined)\n    ];\n  };\n\n  #renderTabularGridColumnSet = (\n    hideColumnName: boolean = false\n  ): HTMLChTabularGridColumnsetElement => {\n    return (\n      <ch-tabular-grid-columnset class=\"tabular-grid-column-set\">\n        <ch-tabular-grid-column\n          columnId=\"icon\"\n          class=\"tabular-grid-column tabular-grid-column-icon\"\n          columnName=\"Icon\"\n          settingable={false}\n          columnNameHidden={true}\n          size={config.tabularGrid.colSize.maxContent}\n          resizable={false}\n          sortable={false}\n        ></ch-tabular-grid-column>\n        <ch-tabular-grid-column\n          columnId=\"serverName\"\n          class=\"tabular-grid-column\"\n          columnName=\"Server Name\"\n          settingable={false}\n          columnNameHidden={hideColumnName}\n          size={config.tabularGrid.colSize.serverName}\n          resizable={false}\n          sortable={!hideColumnName}\n          onColumnSortChanged={this.#sortTabularGridColumnCallback}\n        ></ch-tabular-grid-column>\n        <ch-tabular-grid-column\n          columnId=\"serverUrl\"\n          class=\"tabular-grid-column\"\n          columnName=\"Server Url\"\n          settingable={false}\n          columnNameHidden={hideColumnName}\n          size={config.tabularGrid.colSize.auto}\n          resizable={false}\n          sortable={!hideColumnName}\n          onColumnSortChanged={this.#sortTabularGridColumnCallback}\n        ></ch-tabular-grid-column>\n        <ch-tabular-grid-column\n          columnId=\"userName\"\n          class=\"tabular-grid-column\"\n          columnName=\"Connected\"\n          settingable={false}\n          columnNameHidden={hideColumnName}\n          size={config.tabularGrid.colSize.userName}\n          resizable={false}\n          sortable={!hideColumnName}\n          onColumnSortChanged={this.#sortTabularGridColumnCallback}\n        ></ch-tabular-grid-column>\n        <ch-tabular-grid-column\n          columnId=\"action\"\n          class=\"tabular-grid-column tabular-grid-column-icon\"\n          columnName=\"Action\"\n          settingable={false}\n          columnNameHidden={true}\n          size={config.tabularGrid.colSize.maxContent}\n          resizable={false}\n          sortable={false}\n        ></ch-tabular-grid-column>\n      </ch-tabular-grid-columnset>\n    );\n  };\n\n  #renderTooltip = (text: string): JSX.Element | null => {\n    return text !== \"\" ? (\n      <ch-tooltip\n        class=\"tooltip\"\n        actionElement={null}\n        blockAlign=\"outside-end\"\n        inlineAlign={config.tooltipSettings.inlineAlign}\n        delay={config.tooltipSettings.delayLong}\n      >\n        {text}\n      </ch-tooltip>\n    ) : null;\n  };\n\n  #renderServerNameErrorMessage = (errorMsg: string) => {\n    return (\n      <ch-tabular-grid-rowset class=\"tabular-grid-rowset\">\n        <ch-tabular-grid-rowset-empty>\n          <p class=\"warning-error-description\">\n            <ch-image\n              class=\"icon-m warning-error-icon\"\n              src={ERROR_ICON}\n            ></ch-image>\n            {errorMsg}\n          </p>\n        </ch-tabular-grid-rowset-empty>\n      </ch-tabular-grid-rowset>\n    );\n  };\n\n  #renderTabularGridCommonCells = (serverData: ServerData) => {\n    return [\n      <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n        {this.#renderIcon(serverData.accessLevel)}\n      </ch-tabular-grid-cell>,\n      <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n        {serverData.accessLevel === \"private\" ? (\n          <ch-edit\n            id={`${SERVER_NAME_PREFIX}${serverData.id}`}\n            value={serverData.serverName}\n            onInput={this.#onServerNameInput}\n            onChange={() => this.#onServerNameChange(serverData)}\n            maxLength={18}\n            ref={el => {\n              const key = `${SERVER_NAME_PREFIX}${serverData.id}`;\n              if (el) {\n                this.#serverNameEditElsMap.set(key, el as HTMLChEditElement);\n              } else {\n                this.#serverNameEditElsMap.delete(key);\n              }\n            }}\n          ></ch-edit>\n        ) : (\n          serverData.serverName\n        )}\n      </ch-tabular-grid-cell>,\n      <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n        {serverData.serverUrl}\n        {this.#renderTooltip(serverData.serverUrl)}\n      </ch-tabular-grid-cell>,\n      <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n        {serverData.gxServerUsername}\n      </ch-tabular-grid-cell>,\n      <ch-tabular-grid-cell\n        class=\"tabular-grid-cell\"\n        onClick={() => this.#handleDeleteServer(serverData)}\n      >\n        <button\n          id=\"delete-button\"\n          class=\"button-tertiary button-icon-only\"\n          aria-label={this.#_componentLocale.actions.deleteServer}\n          disabled={serverData.accessLevel === \"public\"}\n        >\n          <ch-image\n            disabled={serverData.accessLevel === \"public\"}\n            class=\"icon-m delete-server-icon\"\n            src={DELETE_ICON}\n          ></ch-image>\n        </button>\n      </ch-tabular-grid-cell>\n    ];\n  };\n\n  #renderAllServersGrid = (): Element => {\n    return (\n      <div class=\"tabular-grid-wrapper\">\n        <div class=\"border-patch\"></div>\n        <ch-tabular-grid\n          class={\"tabular-grid tabular-grid-all-servers\"}\n          rowSelectionMode=\"single\"\n          ref={(el: HTMLChTabularGridElement) =>\n            (this.#chGridAllServersEl = el)\n          }\n          allowColumnReorder={false}\n          onRowClicked={this.#onServersRowClickHandler}\n          id=\"all-servers\"\n        >\n          {this.#renderTabularGridColumnSet()}\n          {this.filteredServersData.length > 0 ? (\n            <ch-tabular-grid-rowset class=\"tabular-grid-rowset\">\n              {this.filteredServersData.map((serverData: ServerData) => {\n                const serverNameEditKey = `${SERVER_NAME_PREFIX}${serverData.id}`;\n                const hasError =\n                  this.validatableControls.get(serverNameEditKey)?.hasError ===\n                  true;\n                const errorMsg =\n                  this.validatableControls.get(serverNameEditKey)?.message;\n\n                return (\n                  <ch-tabular-grid-row\n                    rowid={serverData.id}\n                    class=\"tabular-grid-row\"\n                  >\n                    {this.#renderTabularGridCommonCells(serverData)}\n                    {hasError && this.#renderServerNameErrorMessage(errorMsg)}\n                  </ch-tabular-grid-row>\n                );\n              })}\n            </ch-tabular-grid-rowset>\n          ) : (\n            <ch-tabular-grid-rowset class=\"tabular-grid-rowset\">\n              <ch-tabular-grid-rowset-empty>\n                <gx-ide-empty-state\n                  class=\"empty-state\"\n                  stateIconSrc={INFO_ICON}\n                  stateTitle={this.#_componentLocale.emptyConnectedServers}\n                  isAnimated={true}\n                ></gx-ide-empty-state>\n              </ch-tabular-grid-rowset-empty>\n            </ch-tabular-grid-rowset>\n          )}\n        </ch-tabular-grid>\n      </div>\n    );\n  };\n\n  #renderIcon = (accessLevel: string): JSX.Element => {\n    const icon = accessLevel === \"private\" ? LOCK_ICON : LANGUAGE_ICON;\n    return <ch-image class=\"icon-m\" src={icon}></ch-image>;\n  };\n\n  #renderFooter = () => {\n    const isSelectionMode = this.selectedConnectionType === \"select\";\n    return (\n      <footer\n        class={{\n          \"dialog-footer-with-border\": true,\n          \"dialog-footer-space-between\":\n            this.selectedConnectionType === \"select\",\n          \"space-between\": isSelectionMode,\n          \"spacing-body-inline\": true,\n          \"spacing-body-block\": true\n        }}\n      >\n        {isSelectionMode && (\n          <p class=\"body-italic-m\">Selected: {this.selectedServerName}</p>\n        )}\n        <div class=\"buttons-spacer\">\n          <button\n            // cancel button\n            id=\"cancel-button\"\n            class=\"button-secondary\"\n            onClick={this.#cancelHandler}\n          >\n            {this.#_componentLocale.footer.cancel}\n          </button>\n\n          <button\n            // confirm button\n            id=\"confirm-button\"\n            class=\"button-primary\"\n            onClick={this.enableConfirmButton && this.#confirmHandler}\n            disabled={!this.enableConfirmButton}\n          >\n            {this.#_componentLocale.footer.confirm}\n          </button>\n        </div>\n      </footer>\n    );\n  };\n\n  #renderRecentlyUsed = () => {\n    const renderRecentlyUsed =\n      this.selectedConnectionType === \"select\" &&\n      this.recentlyUsedServersData.length > 0;\n\n    return (\n      renderRecentlyUsed && (\n        <div class=\"field field-block spacing-body-inline\">\n          <label class=\"label\" htmlFor=\"recently-used-servers\">\n            {this.#_componentLocale.recentlyUsed.title}\n          </label>\n          <div\n            class={{\n              \"layout\": true,\n              \"layout--cols-3\": this.recentlyUsedServersData.length >= 3,\n              \"layout--cols-2\": this.recentlyUsedServersData.length <= 2\n            }}\n          >\n            {this.recentlyUsedServersData.map(\n              (server: ServerData, index: number) => (\n                <button\n                  id={\"recently-used-server-\" + index}\n                  class={{\n                    \"layout__panel\": true,\n                    \"recently-used-card\": true,\n                    \"recently-used-card--selected\":\n                      this.selectedRecentlyUsedId === server.id\n                  }}\n                  onClick={() => this.#handleRecentlyUsedCardClick(server)}\n                  onDblClick={() =>\n                    this.#onRecentlyUsedDoubleClickHandler(server)\n                  }\n                >\n                  <div class=\"recently-used-card-content\">\n                    <p class=\"body-regular-s text-neutral-gray-400\">\n                      {server.serverName}\n                    </p>\n                    <p class=\"body-regular-s text-neutral-gray-400 text-decoration-line-underline\">\n                      {server.serverUrl}\n                    </p>\n                  </div>\n                  {this.#renderTooltip(server.serverUrl)}\n                </button>\n              )\n            )}\n          </div>\n        </div>\n      )\n    );\n  };\n\n  #renderAllServers = () => {\n    return (\n      <div class=\"field field-block field-block-all-servers spacing-body-inline\">\n        <label class=\"label\" htmlFor=\"all-servers\">\n          {this.#_componentLocale.allServers.title}\n        </label>\n        {this.#renderAllServersGrid()}\n      </div>\n    );\n  };\n\n  render(): void {\n    return (\n      <Host\n        class={{\n          \"widget elevation-1\": true,\n          \"new-connection\": this.selectedConnectionType === \"new\",\n          \"recently-used-empty\": this.recentlyUsedServersData.length === 0\n        }}\n      >\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <ch-shortcuts src={this.#shortcutsSrc}></ch-shortcuts>\n        <main class=\"section\">\n          <header class=\"header spacing-body-block-start spacing-body-inline\">\n            <div class=\"field-group\">\n              <label class=\"body-regular-m text-neutral-gray-400\">\n                {this.#_componentLocale.header.title}\n              </label>\n              <ch-radio-group-render\n                class=\"radio-group\"\n                model={this.#versionsSelect}\n                onChange={this.#connectionTypeChangedHandler}\n                value={this.#versionsSelect[0].value}\n              ></ch-radio-group-render>\n\n              {this.selectedConnectionType === \"select\" && (\n                <ch-edit\n                  class=\"input search-server\"\n                  id=\"server-name-search\"\n                  startImgSrc={SEARCH_ICON}\n                  onInput={this.#filterValueChangedHandler}\n                  placeholder={\n                    this.#_componentLocale.placeholders.searchServers\n                  }\n                  accessibleName=\"search server\"\n                  type=\"search\"\n                ></ch-edit>\n              )}\n            </div>\n          </header>\n\n          {this.selectedConnectionType === \"select\" && [\n            this.#renderRecentlyUsed(),\n            this.#renderAllServers()\n          ]}\n\n          {this.selectedConnectionType === \"new\" && (\n            <section class=\"spacing-body-inline\">\n              <div class=\"layout layout--cols-2\">\n                <div class=\"field field-block layout__panel\">\n                  <label class=\"label\" htmlFor=\"server-url\">\n                    {this.#_componentLocale.labels.serverUrl}\n                  </label>\n                  <ch-edit\n                    // server url\n                    class=\"input\"\n                    id=\"server-url\"\n                    value={this.serverUrlInputValue}\n                    onInput={event =>\n                      this.#inputHandler(event, \"serverUrlInputValue\")\n                    }\n                    placeholder={this.#_componentLocale.placeholders.serverUrl}\n                    ref={el => (this.#serverUrlEL = el as HTMLChEditElement)}\n                  ></ch-edit>\n                  {this.#evaluateTooltipRender(this.#serverUrlEL)}\n                </div>\n\n                <div class=\"field field-block layout__panel\">\n                  <label class=\"label\" htmlFor=\"server-name\">\n                    {this.#_componentLocale.labels.serverName}\n                  </label>\n                  <ch-edit\n                    // server friendly name\n                    class=\"input\"\n                    id=\"server-name\"\n                    value={this.serverNameInputValue}\n                    onInput={event =>\n                      this.#inputHandler(event, \"serverNameInputValue\")\n                    }\n                    placeholder={this.#_componentLocale.placeholders.serverName}\n                    maxLength={18}\n                    ref={el =>\n                      (this.#serverFriendlyNameEL = el as HTMLChEditElement)\n                    }\n                  ></ch-edit>\n                  {this.#evaluateTooltipRender(this.#serverFriendlyNameEL)}\n                </div>\n              </div>\n            </section>\n          )}\n\n          {this.#renderFooter()}\n        </main>\n      </Host>\n    );\n  }\n}\n\nexport type ConnectionResultData = {\n  formResult: FormSubmitResult;\n};\n\nexport type ConnectionOption = \"select\" | \"new\";\n\nexport type ServerAccessLevel = \"public\" | \"private\";\n\nexport type AuthenticationSessionOrigin = {\n  uri: string;\n  name: string;\n};\n\nexport type ServerData = {\n  id: string;\n  serverUrl: string;\n  accessLevel: ServerAccessLevel;\n  masterSessionUsername: string;\n  serverName?: string;\n  sessionId?: string;\n  gxServerUsername: string;\n  isConnected: boolean;\n};\n\nexport type NewServerConnectionData = {\n  serverUrl: string;\n  serverName: string;\n};\n"],"version":3}
+{"file":"gx-ide-server-selector.entry.js","mappings":"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","names":[],"sources":["src/components/team-dev/server-selector/server-selector.scss?tag=gx-ide-server-selector&encapsulation=shadow","src/components/team-dev/server-selector/server-selector.tsx"],"sourcesContent":["@import \"../../../global/gx-ide-mixins.scss\";\n@import \"../../../global/temporary-mercury-overrides/_button.scss\";\n@import \"../../../../node_modules/@genexus/mercury/dist/assets/scss/helpers.scss\";\n@import \"../common/styles.scss\";\n\n:host {\n  display: grid;\n  block-size: 100%;\n  grid-template-rows: max-content max-content 1fr max-content;\n  row-gap: var(--spacing-gap-xl);\n  overflow: auto;\n}\n\n:host(.new-connection) {\n  grid-template-rows: max-content 1fr;\n}\n\n:host(.recently-used-empty) {\n  grid-template-rows: max-content 1fr;\n}\n\n.section {\n  display: contents;\n}\n\n// General\n\nch-tabular-grid.tabular-grid {\n  border-radius: 4px;\n  overflow: hidden;\n  overflow: auto;\n  border: 1px solid var(--color-border-surface-on-elevation-1); // WA: The tabular-grid should provide a class for displaying border\n}\n\nch-tabular-grid-rowset-empty {\n  position: relative;\n  border-block-end: 1px solid var(--grid-cell-border-color);\n  overflow: hidden;\n  min-block-size: 200px;\n}\n\n@include tabular-grid-cell-layout(\n  $tabular-grid-selector: \".tabular-grid\",\n  $tabular-grid-cell-apply-ellipsis: true,\n  $tabular-grid-affected-columns-nth-list: (\n    2,\n    3,\n    4\n  )\n);\n\n.text-neutral-gray-400,\n.tabular-grid-cell.text-neutral-gray-400 {\n  // WA: colors for text should be defined in Mercury\n  color: var(--color-text-neutral-disabled);\n}\n// Header\n\n.search-server {\n  inline-size: 50%;\n}\n\n// All Servers\n\n.tabular-grid {\n  overflow: auto;\n  border-block: 1px solid var(--grid-cell-border-color);\n}\n\n.tabular-grid-all-servers .tabular-grid-column:first-child::part(bar) {\n  --grid-common__gap: 0;\n}\n\n.field-block-all-servers {\n  overflow: auto;\n}\n\n// WA: .tabular-grid-wrapper and .border-patch is a WA. See details on Asana task:\n// https://app.asana.com/1/10206720691358/project/1207081021030105/task/1211391456974726?focus=true\n.tabular-grid-wrapper {\n  position: relative;\n  overflow: auto;\n}\n.border-patch {\n  --tabular-grid-border-radius: 4px;\n  position: absolute;\n  inset-block-start: 0;\n  inline-size: calc(100% - var(--tabular-grid-border-radius) * 2);\n  inset-inline-start: var(--tabular-grid-border-radius);\n  block-size: 2px;\n  background-color: var(--items-container__bg-color);\n  z-index: 9999;\n  border-block-start: 1px solid var(--color-border-surface-on-surface);\n}\n\n.tooltip {\n  position: absolute;\n}\n\n.recently-used-card {\n  border: 1px solid var(--color-border-surface-on-elevation-1);\n  border-radius: 4px;\n  cursor: pointer;\n\n  &:hover {\n    background-color: var(--color-accent-item-hover);\n  }\n\n  &:focus-visible {\n    @include focus-outline();\n  }\n\n  &--selected {\n    background-color: var(--color-accent-neutral-contrast);\n    border-color: var(--color-border-item-pressed);\n  }\n}\n\n.recently-used-card-content {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: flex-start;\n  padding: var(--spacing-padding-m);\n  gap: var(--spacing-gap-xxs);\n  overflow: hidden;\n\n  .text-decoration-line-underline {\n    @include cell-ellipsis();\n    max-width: 100%;\n    text-decoration: underline;\n  }\n}\n\n// All Severs tabular-grid\n\n.delete-server-icon {\n  // WA: Getr and apply the marign inline value on the ch-image,\n  // so that the button looks squared. This happens because the\n  // button is \"tertiary\", which happens to have no padding-inline.\n  // TODO: Investigate a solution that works without a WA.\n  $cellBlockSize: 30.39px;\n  margin-inline: calc((#{$cellBlockSize} - var(--ch-image-size)) / 2);\n}\n\n@include tabular-grid-cell-layout(\n  $tabular-grid-selector: \".tabular-grid\",\n  $tabular-grid-cell-node-type: \"element\",\n  $tabular-grid-affected-columns-nth-list: (\n    5\n  )\n);\n","// Stencil\nimport { Component, Element, h, Host, Prop, State } from \"@stencil/core\";\n\n// Other Libraries\nimport { getIconPath, MercuryBundles } from \"@genexus/mercury\";\n\n// Custom Imports\nimport {\n  ChEditCustomEvent,\n  TabularGridColumnSortChangedEvent,\n  TabularGridRowClickedEvent\n} from \"@genexus/chameleon-controls-library\";\nimport { RadioGroupItemModel } from \"@genexus/chameleon-controls-library/dist/types/components/radio-group/types\";\nimport { getAssetPath, JSX, Watch } from \"@stencil/core/internal\";\nimport { config } from \"../../../common/config\";\nimport {\n  clearControlError,\n  ControlValidation,\n  validateControls\n} from \"../../../common/form-validation\";\nimport { Locale } from \"../../../common/locale\";\nimport { FormSubmitResult } from \"../../../common/types\";\n\nimport sortTabularGridColumn from \"../../../common/chameleon/tabular-grid-column-sort\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"utils/form--full\",\n  \"utils/layout\",\n  \"utils/typography\",\n  \"utils/spacing\",\n  \"components/tooltip\",\n  \"chameleon/scrollbar\",\n  \"components/tabular-grid\"\n];\n\nconst INFO_ICON = getIconPath({\n  category: \"system\",\n  name: \"information\",\n  colorType: \"on-surface\"\n});\n\nconst LOCK_ICON = getIconPath({\n  category: \"system\",\n  name: \"lock\",\n  colorType: \"on-surface\"\n});\n\nconst LANGUAGE_ICON = getIconPath({\n  category: \"system\",\n  name: \"language\",\n  colorType: \"on-surface\"\n});\n\nconst DELETE_ICON = getIconPath({\n  category: \"system\",\n  name: \"delete-outlined\",\n  colorType: \"interactive\"\n});\n\nconst ERROR_ICON = getIconPath({\n  category: \"system\",\n  name: \"error\",\n  colorType: \"error\"\n});\n\nconst SEARCH_ICON = getIconPath({\n  category: \"system\",\n  name: \"search\",\n  colorType: \"on-surface\"\n});\n\nconst SERVER_NAME_PREFIX = \"server-name-\";\n\n@Component({\n  tag: \"gx-ide-server-selector\",\n  styleUrl: \"server-selector.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/server-selector\"]\n})\nexport class GxIdeServerSelector {\n  #_componentLocale: any;\n\n  #chGridAllServersEl: HTMLChTabularGridElement;\n  #serverUrlEL: HTMLChEditElement;\n  #serverFriendlyNameEL: HTMLChEditElement;\n  #updatedServerName: string | undefined;\n  #serverNameEditElsMap: Map<string, HTMLChEditElement> = new Map();\n  #versionsSelect: RadioGroupItemModel[] = [];\n  #shortcutsSrc = getAssetPath(\n    `./gx-ide-assets/server-selector/shortcuts.json`\n  );\n  @Element() el: HTMLGxIdeServerSelectorElement;\n\n  /**\n   * State to enable/disable confirm button.\n   */\n  @State() enableConfirmButton: boolean = false;\n\n  /**\n   * The current server URL input value.\n   */\n  @State() serverUrlInputValue: string = \"\";\n\n  /**\n   * The current server URL input value.\n   */\n  @State() serverNameInputValue: string = \"\";\n\n  /**\n   * The selected server URI.\n   */\n  @State() selectedServerUri: string | undefined;\n\n  /**\n   * The selected server name.\n   */\n  @State() selectedServerName: string | undefined = \"None\";\n\n  /**\n   * The user name of the selected server.\n   */\n  @State() userName: string;\n\n  /**\n   * State to store the filter input value to filter the list-box\n   */\n  @State() filterValue: string = \"\";\n\n  /**\n   * Servers filtered\n   */\n  @State() filteredServersData: ServerData[] = [];\n\n  @State() validatableControls = new Map<string, ControlValidation>();\n\n  /**\n   * The selected connection type\n   */\n  @State() selectedConnectionType: ConnectionOption = \"select\";\n\n  /**\n   * The selected recently used server ID\n   */\n  @State() selectedRecentlyUsedId: string;\n\n  /**\n   * The list of all GX servers.\n   */\n  @Prop({ mutable: true }) serversData: ServerData[] = [];\n  @Watch(\"serversData\")\n  serversDataChanged(newValue: ServerData[]) {\n    this.filteredServersData = newValue;\n  }\n  /**\n   * The list of recently used servers.\n   */\n  @Prop() readonly recentlyUsedServersData: ServerData[] = [];\n\n  /**\n   * Callback that is invoked when the dialog is closed\n   */\n  @Prop() readonly cancelCallback!: () => Promise<void>;\n\n  /**\n   * Callback that must be invoked when the 'Confirm' button is pressed and the Select Server option is checked.\n   */\n  @Prop() readonly selectServerCallback!: (\n    authenticationSessionOrigin: AuthenticationSessionOrigin,\n    connectionOption: ConnectionOption\n  ) => Promise<FormSubmitResult>;\n\n  /**\n   * Invoked to delete a server\n   */\n  @Prop() readonly deleteServerCallback!: (\n    serverData: ServerData\n  ) => Promise<boolean>;\n\n  /**\n   * Invoked to update a server\n   */\n  @Prop() readonly updateServerCallback!: (\n    serverData: ServerData\n  ) => Promise<FormSubmitResult>;\n\n  async componentWillLoad() {\n    this.#_componentLocale = await Locale.getComponentStrings(this.el);\n\n    this.#versionsSelect = [\n      {\n        value: \"select\",\n        caption: this.#_componentLocale.captions.selectServer\n      },\n      {\n        value: \"new\",\n        caption: this.#_componentLocale.captions.addServer\n      }\n    ];\n\n    this.selectedServerUri = this.serversData[0]?.serverUrl;\n    this.userName = this.serversData[0]?.gxServerUsername;\n\n    this.filteredServersData = this.serversData;\n  }\n\n  componentDidRender() {\n    if (\n      this.selectedConnectionType === \"new\" &&\n      this.#serverUrlEL &&\n      this.#serverFriendlyNameEL\n    ) {\n      this.#initializeValidatableControls([\n        this.#serverUrlEL,\n        this.#serverFriendlyNameEL\n      ]);\n      this.#serverNameEditElsMap.clear();\n    }\n\n    if (\n      this.selectedConnectionType === \"select\" &&\n      this.#serverNameEditElsMap.size > 0\n    ) {\n      this.#initializeValidatableControls([\n        ...this.#serverNameEditElsMap.values()\n      ]);\n    }\n  }\n\n  #cancelHandler = (): void => {\n    this.cancelCallback();\n  };\n\n  #confirmHandler = async (): Promise<void> => {\n    let formSubmitResult: FormSubmitResult;\n    if (this.selectedConnectionType === \"select\") {\n      formSubmitResult = await this.selectServerCallback(\n        {\n          uri: this.selectedServerUri,\n          name: this.selectedServerName\n        },\n        this.selectedConnectionType\n      );\n    } else {\n      formSubmitResult = await this.selectServerCallback(\n        {\n          uri: this.serverUrlInputValue,\n          name: this.serverNameInputValue\n        },\n        this.selectedConnectionType\n      );\n      this.validatableControls = validateControls(\n        formSubmitResult,\n        this.validatableControls\n      );\n    }\n  };\n\n  // TODO: evaluate if this should be a global helper function.\n  // It is used on other dialogs as well.\n  #evaluateTooltipRender = (\n    controlReference: HTMLElement\n  ): HTMLChTooltipElement =>\n    this.validatableControls?.get(controlReference?.id)?.hasError &&\n    this.validatableControls.get(controlReference.id)?.message && (\n      <ch-tooltip\n        class=\"tooltip\"\n        actionElement={controlReference as unknown as HTMLButtonElement}\n        blockAlign={config.tooltipSettings.blockAlign}\n        inlineAlign={config.tooltipSettings.inlineAlign}\n        delay={config.tooltipSettings.delay}\n      >\n        {this.validatableControls.get(controlReference.id).message}\n      </ch-tooltip>\n    );\n\n  #initializeValidatableControls = (validatableControls: HTMLElement[]) => {\n    validatableControls.forEach(validatableControl => {\n      if (\n        validatableControl.id &&\n        !this.validatableControls.has(validatableControl.id)\n      ) {\n        this.validatableControls.set(validatableControl.id, {\n          reference: validatableControl,\n          hasError: false,\n          message: undefined\n        });\n      }\n    });\n  };\n\n  #filterValueChangedHandler = (\n    event: ChEditCustomEvent<string> | InputEvent\n  ) => {\n    this.filterValue = (event.detail as string).toLowerCase();\n    this.filteredServersData = this.serversData.filter(item =>\n      item.serverName.toLowerCase().includes(this.filterValue)\n    );\n  };\n\n  #inputHandler = (\n    event: ChEditCustomEvent<string> | InputEvent,\n    field: \"serverUrlInputValue\" | \"serverNameInputValue\"\n  ) => {\n    this.enableConfirmButton = false;\n    this[field] = (event.detail as string).trim();\n\n    const controlId =\n      field === \"serverUrlInputValue\" ? \"server-url\" : \"server-name\";\n    clearControlError(this.validatableControls, controlId);\n    this.#enableConfirmButton();\n  };\n\n  #handleRecentlyUsedCardClick = async (server: ServerData) => {\n    this.selectedRecentlyUsedId = server.id;\n    await this.#chGridAllServersEl?.selectRow(server.id);\n    await this.#handleServerSelection(server.id);\n  };\n\n  #handleDeleteServer = async (serverData: ServerData) => {\n    if (serverData.accessLevel === \"private\") {\n      const result = await this.deleteServerCallback(serverData);\n      if (result) {\n        this.selectedServerName = \"None\";\n        this.enableConfirmButton = false;\n      }\n    }\n  };\n\n  #onServerNameInput = async (\n    event: ChEditCustomEvent<string> | InputEvent\n  ) => {\n    this.#updatedServerName = event.detail as string;\n  };\n\n  #onServerNameChange = async (serverData: ServerData) => {\n    let result: FormSubmitResult = {\n      fieldErrors: [],\n      success: false\n    };\n    if (\n      serverData.serverName !== this.#updatedServerName &&\n      serverData.accessLevel === \"private\"\n    ) {\n      result = await this.updateServerCallback({\n        ...serverData,\n        serverName: this.#updatedServerName\n      });\n    }\n\n    this.validatableControls = validateControls(\n      result,\n      this.validatableControls\n    );\n\n    if (result.success || serverData.serverName === this.#updatedServerName) {\n      this.selectedServerName = this.#updatedServerName;\n      clearControlError(\n        this.validatableControls,\n        `${SERVER_NAME_PREFIX}${serverData.id}`\n      );\n    }\n  };\n\n  #enableConfirmButton = () => {\n    if (\n      this.serverUrlInputValue &&\n      this.serverUrlInputValue.length > 0 &&\n      this.serverNameInputValue &&\n      this.serverNameInputValue.length > 0\n    ) {\n      this.enableConfirmButton = true;\n    } else {\n      this.enableConfirmButton = false;\n    }\n  };\n\n  #onRecentlyUsedDoubleClickHandler = (serverData: ServerData) => {\n    this.#handleServerSelection(serverData.id);\n    this.#confirmHandler();\n  };\n\n  #onServersRowClickHandler = (\n    event: CustomEvent<TabularGridRowClickedEvent>\n  ) => this.#handleServerSelection(event.detail.rowId);\n\n  #handleServerSelection = async (selectedRowId: string): Promise<void> => {\n    if (selectedRowId === undefined) {\n      this.enableConfirmButton = false;\n      this.selectedServerUri = undefined;\n      this.selectedServerName = undefined;\n      return;\n    }\n\n    const selectedServer = this.serversData.find(\n      server => server.id === selectedRowId\n    );\n    this.enableConfirmButton = true;\n    this.selectedServerName = selectedServer?.serverName;\n    this.selectedServerUri = selectedServer?.serverUrl;\n    this.userName = selectedServer?.gxServerUsername || \"\";\n    this.selectedRecentlyUsedId = selectedServer?.id;\n  };\n\n  #connectionTypeChangedHandler = (event: CustomEvent<string>) => {\n    this.selectedConnectionType = event.detail as ConnectionOption;\n    if (this.selectedConnectionType === \"new\") {\n      this.enableConfirmButton = false;\n      this.serverUrlInputValue = \"\";\n    }\n    this.selectedServerName = \"None\";\n  };\n\n  #sortTabularGridColumnCallback = (\n    e: CustomEvent<TabularGridColumnSortChangedEvent>\n  ) => {\n    this.filteredServersData = [\n      ...sortTabularGridColumn(e, this.filteredServersData, \"string\", undefined)\n    ];\n  };\n\n  #renderTabularGridColumnSet = (\n    hideColumnName: boolean = false\n  ): HTMLChTabularGridColumnsetElement => {\n    return (\n      <ch-tabular-grid-columnset class=\"tabular-grid-column-set\">\n        <ch-tabular-grid-column\n          columnId=\"icon\"\n          class=\"tabular-grid-column tabular-grid-column-icon\"\n          columnName=\"Icon\"\n          settingable={false}\n          columnNameHidden={true}\n          size={config.tabularGrid.colSize.maxContent}\n          resizable={false}\n          sortable={false}\n        ></ch-tabular-grid-column>\n        <ch-tabular-grid-column\n          columnId=\"serverName\"\n          class=\"tabular-grid-column\"\n          columnName=\"Server Name\"\n          settingable={false}\n          columnNameHidden={hideColumnName}\n          size={config.tabularGrid.colSize.serverName}\n          resizable={false}\n          sortable={!hideColumnName}\n          onColumnSortChanged={this.#sortTabularGridColumnCallback}\n        ></ch-tabular-grid-column>\n        <ch-tabular-grid-column\n          columnId=\"serverUrl\"\n          class=\"tabular-grid-column\"\n          columnName=\"Server Url\"\n          settingable={false}\n          columnNameHidden={hideColumnName}\n          size={config.tabularGrid.colSize.auto}\n          resizable={false}\n          sortable={!hideColumnName}\n          onColumnSortChanged={this.#sortTabularGridColumnCallback}\n        ></ch-tabular-grid-column>\n        <ch-tabular-grid-column\n          columnId=\"userName\"\n          class=\"tabular-grid-column\"\n          columnName=\"Connected\"\n          settingable={false}\n          columnNameHidden={hideColumnName}\n          size={config.tabularGrid.colSize.userName}\n          resizable={false}\n          sortable={!hideColumnName}\n          onColumnSortChanged={this.#sortTabularGridColumnCallback}\n        ></ch-tabular-grid-column>\n        <ch-tabular-grid-column\n          columnId=\"action\"\n          class=\"tabular-grid-column tabular-grid-column-icon\"\n          columnName=\"Action\"\n          settingable={false}\n          columnNameHidden={true}\n          size={config.tabularGrid.colSize.maxContent}\n          resizable={false}\n          sortable={false}\n        ></ch-tabular-grid-column>\n      </ch-tabular-grid-columnset>\n    );\n  };\n\n  #renderTooltip = (text: string): JSX.Element | null => {\n    return text !== \"\" ? (\n      <ch-tooltip\n        class=\"tooltip\"\n        actionElement={null}\n        blockAlign=\"outside-end\"\n        inlineAlign={config.tooltipSettings.inlineAlign}\n        delay={config.tooltipSettings.delayLong}\n      >\n        {text}\n      </ch-tooltip>\n    ) : null;\n  };\n\n  #renderServerNameErrorMessage = (errorMsg: string) => {\n    return (\n      <ch-tabular-grid-rowset class=\"tabular-grid-rowset\">\n        <ch-tabular-grid-rowset-empty>\n          <p class=\"warning-error-description\">\n            <ch-image\n              class=\"icon-m warning-error-icon\"\n              src={ERROR_ICON}\n            ></ch-image>\n            {errorMsg}\n          </p>\n        </ch-tabular-grid-rowset-empty>\n      </ch-tabular-grid-rowset>\n    );\n  };\n\n  #renderTabularGridCommonCells = (serverData: ServerData) => {\n    return [\n      <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n        {this.#renderIcon(serverData.accessLevel)}\n      </ch-tabular-grid-cell>,\n      <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n        {serverData.accessLevel === \"private\" ? (\n          <ch-edit\n            id={`${SERVER_NAME_PREFIX}${serverData.id}`}\n            value={serverData.serverName}\n            onInput={this.#onServerNameInput}\n            onChange={() => this.#onServerNameChange(serverData)}\n            maxLength={18}\n            ref={el => {\n              const key = `${SERVER_NAME_PREFIX}${serverData.id}`;\n              if (el) {\n                this.#serverNameEditElsMap.set(key, el as HTMLChEditElement);\n              } else {\n                this.#serverNameEditElsMap.delete(key);\n              }\n            }}\n          ></ch-edit>\n        ) : (\n          serverData.serverName\n        )}\n      </ch-tabular-grid-cell>,\n      <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n        {serverData.serverUrl}\n        {this.#renderTooltip(serverData.serverUrl)}\n      </ch-tabular-grid-cell>,\n      <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n        {serverData.gxServerUsername}\n      </ch-tabular-grid-cell>,\n      <ch-tabular-grid-cell\n        class=\"tabular-grid-cell\"\n        onClick={() => this.#handleDeleteServer(serverData)}\n      >\n        <button\n          id=\"delete-button\"\n          class=\"button-tertiary button-icon-only\"\n          aria-label={this.#_componentLocale.actions.deleteServer}\n          disabled={serverData.accessLevel === \"public\"}\n        >\n          <ch-image\n            disabled={serverData.accessLevel === \"public\"}\n            class=\"icon-m delete-server-icon\"\n            src={DELETE_ICON}\n          ></ch-image>\n        </button>\n      </ch-tabular-grid-cell>\n    ];\n  };\n\n  #renderAllServersGrid = (): Element => {\n    return (\n      <div class=\"tabular-grid-wrapper\">\n        <div class=\"border-patch\"></div>\n        <ch-tabular-grid\n          class={\"tabular-grid tabular-grid-all-servers\"}\n          rowSelectionMode=\"single\"\n          ref={(el: HTMLChTabularGridElement) =>\n            (this.#chGridAllServersEl = el)\n          }\n          allowColumnReorder={false}\n          onRowClicked={this.#onServersRowClickHandler}\n          id=\"all-servers\"\n        >\n          {this.#renderTabularGridColumnSet()}\n          {this.filteredServersData.length > 0 ? (\n            <ch-tabular-grid-rowset class=\"tabular-grid-rowset\">\n              {this.filteredServersData.map((serverData: ServerData) => {\n                const serverNameEditKey = `${SERVER_NAME_PREFIX}${serverData.id}`;\n                const hasError =\n                  this.validatableControls.get(serverNameEditKey)?.hasError ===\n                  true;\n                const errorMsg =\n                  this.validatableControls.get(serverNameEditKey)?.message;\n\n                return (\n                  <ch-tabular-grid-row\n                    rowid={serverData.id}\n                    class=\"tabular-grid-row\"\n                  >\n                    {this.#renderTabularGridCommonCells(serverData)}\n                    {hasError && this.#renderServerNameErrorMessage(errorMsg)}\n                  </ch-tabular-grid-row>\n                );\n              })}\n            </ch-tabular-grid-rowset>\n          ) : (\n            <ch-tabular-grid-rowset class=\"tabular-grid-rowset\">\n              <ch-tabular-grid-rowset-empty>\n                <gx-ide-empty-state\n                  class=\"empty-state\"\n                  stateIconSrc={INFO_ICON}\n                  stateTitle={this.#_componentLocale.emptyConnectedServers}\n                  isAnimated={true}\n                ></gx-ide-empty-state>\n              </ch-tabular-grid-rowset-empty>\n            </ch-tabular-grid-rowset>\n          )}\n        </ch-tabular-grid>\n      </div>\n    );\n  };\n\n  #renderIcon = (accessLevel: string): JSX.Element => {\n    const icon = accessLevel === \"private\" ? LOCK_ICON : LANGUAGE_ICON;\n    return <ch-image class=\"icon-m\" src={icon}></ch-image>;\n  };\n\n  #renderFooter = () => {\n    const isSelectionMode = this.selectedConnectionType === \"select\";\n    return (\n      <footer\n        class={{\n          \"dialog-footer-with-border\": true,\n          \"dialog-footer-space-between\":\n            this.selectedConnectionType === \"select\",\n          \"space-between\": isSelectionMode,\n          \"spacing-body-inline\": true,\n          \"spacing-body-block\": true\n        }}\n      >\n        {isSelectionMode && (\n          <p class=\"body-italic-m\">Selected: {this.selectedServerName}</p>\n        )}\n        <div class=\"buttons-spacer\">\n          <button\n            // cancel button\n            id=\"cancel-button\"\n            class=\"button-secondary\"\n            onClick={this.#cancelHandler}\n          >\n            {this.#_componentLocale.footer.cancel}\n          </button>\n\n          <button\n            // confirm button\n            id=\"confirm-button\"\n            class=\"button-primary\"\n            onClick={this.enableConfirmButton && this.#confirmHandler}\n            disabled={!this.enableConfirmButton}\n          >\n            {this.#_componentLocale.footer.confirm}\n          </button>\n        </div>\n      </footer>\n    );\n  };\n\n  #renderRecentlyUsed = () => {\n    const renderRecentlyUsed =\n      this.selectedConnectionType === \"select\" &&\n      this.recentlyUsedServersData.length > 0;\n\n    return (\n      renderRecentlyUsed && (\n        <div class=\"field field-block spacing-body-inline\">\n          <label class=\"label\" htmlFor=\"recently-used-servers\">\n            {this.#_componentLocale.recentlyUsed.title}\n          </label>\n          <div\n            class={{\n              \"layout\": true,\n              \"layout--cols-3\": this.recentlyUsedServersData.length >= 3,\n              \"layout--cols-2\": this.recentlyUsedServersData.length <= 2\n            }}\n          >\n            {this.recentlyUsedServersData.map(\n              (server: ServerData, index: number) => (\n                <button\n                  id={\"recently-used-server-\" + index}\n                  class={{\n                    \"layout__panel\": true,\n                    \"recently-used-card\": true,\n                    \"recently-used-card--selected\":\n                      this.selectedRecentlyUsedId === server.id\n                  }}\n                  onClick={() => this.#handleRecentlyUsedCardClick(server)}\n                  onDblClick={() =>\n                    this.#onRecentlyUsedDoubleClickHandler(server)\n                  }\n                >\n                  <div class=\"recently-used-card-content\">\n                    <p class=\"body-regular-s text-neutral-gray-400\">\n                      {server.serverName}\n                    </p>\n                    <p class=\"body-regular-s text-neutral-gray-400 text-decoration-line-underline\">\n                      {server.serverUrl}\n                    </p>\n                  </div>\n                  {this.#renderTooltip(server.serverUrl)}\n                </button>\n              )\n            )}\n          </div>\n        </div>\n      )\n    );\n  };\n\n  #renderAllServers = () => {\n    return (\n      <div class=\"field field-block field-block-all-servers spacing-body-inline\">\n        <label class=\"label\" htmlFor=\"all-servers\">\n          {this.#_componentLocale.allServers.title}\n        </label>\n        {this.#renderAllServersGrid()}\n      </div>\n    );\n  };\n\n  render(): void {\n    return (\n      <Host\n        class={{\n          \"widget elevation-1\": true,\n          \"new-connection\": this.selectedConnectionType === \"new\",\n          \"recently-used-empty\": this.recentlyUsedServersData.length === 0\n        }}\n      >\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <ch-shortcuts src={this.#shortcutsSrc}></ch-shortcuts>\n        <main class=\"section\">\n          <header class=\"header spacing-body-block-start spacing-body-inline\">\n            <div class=\"field-group\">\n              <label class=\"body-regular-m text-neutral-gray-400\">\n                {this.#_componentLocale.header.title}\n              </label>\n              <ch-radio-group-render\n                class=\"radio-group\"\n                model={this.#versionsSelect}\n                onChange={this.#connectionTypeChangedHandler}\n                value={this.#versionsSelect[0].value}\n              ></ch-radio-group-render>\n\n              {this.selectedConnectionType === \"select\" && (\n                <ch-edit\n                  class=\"input search-server\"\n                  id=\"server-name-search\"\n                  startImgSrc={SEARCH_ICON}\n                  onInput={this.#filterValueChangedHandler}\n                  placeholder={\n                    this.#_componentLocale.placeholders.searchServers\n                  }\n                  accessibleName=\"search server\"\n                  type=\"search\"\n                ></ch-edit>\n              )}\n            </div>\n          </header>\n\n          {this.selectedConnectionType === \"select\" && [\n            this.#renderRecentlyUsed(),\n            this.#renderAllServers()\n          ]}\n\n          {this.selectedConnectionType === \"new\" && (\n            <section class=\"spacing-body-inline\">\n              <div class=\"layout layout--cols-2\">\n                <div class=\"field field-block layout__panel\">\n                  <label class=\"label\" htmlFor=\"server-url\">\n                    {this.#_componentLocale.labels.serverUrl}\n                  </label>\n                  <ch-edit\n                    // server url\n                    class=\"input\"\n                    id=\"server-url\"\n                    value={this.serverUrlInputValue}\n                    onInput={event =>\n                      this.#inputHandler(event, \"serverUrlInputValue\")\n                    }\n                    placeholder={this.#_componentLocale.placeholders.serverUrl}\n                    ref={el => (this.#serverUrlEL = el as HTMLChEditElement)}\n                  ></ch-edit>\n                  {this.#evaluateTooltipRender(this.#serverUrlEL)}\n                </div>\n\n                <div class=\"field field-block layout__panel\">\n                  <label class=\"label\" htmlFor=\"server-name\">\n                    {this.#_componentLocale.labels.serverName}\n                  </label>\n                  <ch-edit\n                    // server friendly name\n                    class=\"input\"\n                    id=\"server-name\"\n                    value={this.serverNameInputValue}\n                    onInput={event =>\n                      this.#inputHandler(event, \"serverNameInputValue\")\n                    }\n                    placeholder={this.#_componentLocale.placeholders.serverName}\n                    maxLength={18}\n                    ref={el =>\n                      (this.#serverFriendlyNameEL = el as HTMLChEditElement)\n                    }\n                  ></ch-edit>\n                  {this.#evaluateTooltipRender(this.#serverFriendlyNameEL)}\n                </div>\n              </div>\n            </section>\n          )}\n\n          {this.#renderFooter()}\n        </main>\n      </Host>\n    );\n  }\n}\n\nexport type ConnectionResultData = {\n  formResult: FormSubmitResult;\n};\n\nexport type ConnectionOption = \"select\" | \"new\";\n\nexport type ServerAccessLevel = \"public\" | \"private\";\n\nexport type AuthenticationSessionOrigin = {\n  uri: string;\n  name: string;\n};\n\nexport type ServerData = {\n  id: string;\n  serverUrl: string;\n  accessLevel: ServerAccessLevel;\n  masterSessionUsername: string;\n  serverName?: string;\n  sessionId?: string;\n  gxServerUsername: string;\n  isConnected: boolean;\n};\n\nexport type NewServerConnectionData = {\n  serverUrl: string;\n  serverName: string;\n};\n"],"version":3}

package/dist/esm/gx-ide-share-kb.entry.js

@@ -8,7 +8,7 @@ import { c as config } from './config-5a775b7a.js';
 import { v as validateControls } from './form-validation-21ab3766.js';
 import { L as Locale } from './locale-e5107fad.js';
 
-const shareKbCss = ":host{display:grid;block-size:100%;grid-template-rows:max-content 1fr max-content}.section{display:contents}header{display:grid;grid-template-rows:max-content;grid-template-columns:1fr 1fr max-content}.button-change{align-self:center;justify-self:end}.main{display:grid;grid-template-columns:1fr;grid-template-rows:max-content 1fr max-content max-content}.search-kbs{inline-size:50%}.versions-container{grid-auto-rows:max-content}.versions-container__input{display:grid;grid-template-columns:1fr max-content;gap:var(--spacing-gap-m)}";
+const shareKbCss = "button.button-secondary{border-color:var(--color-border-neutral-default)}:host{display:grid;block-size:100%;grid-template-rows:max-content 1fr max-content}.section{display:contents}header{display:grid;grid-template-rows:max-content;grid-template-columns:1fr 1fr max-content}.button-change{align-self:center;justify-self:end}.main{display:grid;grid-template-columns:1fr;grid-template-rows:max-content 1fr max-content max-content}.search-kbs{inline-size:50%}.versions-container{grid-auto-rows:max-content}.versions-container__input{display:grid;grid-template-columns:1fr max-content;gap:var(--spacing-gap-m)}";
 
 var __classPrivateFieldSet = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
     if (kind === "m")

package/dist/esm/gx-ide-share-kb.entry.js.map

@@ -1 +1 @@
-{"file":"gx-ide-share-kb.entry.js","mappings":"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","names":[],"sources":["src/components/team-dev/share-kb/share-kb.scss?tag=gx-ide-share-kb&encapsulation=shadow","src/components/team-dev/share-kb/share-kb.tsx"],"sourcesContent":[":host {\n  display: grid;\n  block-size: 100%;\n  grid-template-rows: max-content 1fr max-content;\n}\n\n.section {\n  display: contents;\n}\n\n// - - - - - - - - - - -\n// Header\n// - - - - - - - - - - -\n\nheader {\n  display: grid;\n  grid-template-rows: max-content;\n  grid-template-columns: 1fr 1fr max-content;\n}\n\n.button-change {\n  align-self: center;\n  justify-self: end;\n}\n\n// - - - - - - - - - - -\n// Main\n// - - - - - - - - - - -\n\n.main {\n  display: grid;\n  grid-template-columns: 1fr;\n  grid-template-rows: max-content 1fr max-content max-content;\n}\n\n.search-kbs {\n  inline-size: 50%;\n}\n\n.versions-container {\n  grid-auto-rows: max-content;\n\n  &__input {\n    display: grid;\n    grid-template-columns: 1fr max-content;\n    gap: var(--spacing-gap-m);\n  }\n}\n","// Stencil\nimport {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  getAssetPath,\n  h,\n  Host,\n  Method,\n  Prop,\n  State\n} from \"@stencil/core\";\n\n// Other Libraries\nimport { getIconPath, MercuryBundles } from \"@genexus/mercury\";\n\n// Custom Imports\nimport { ChEditCustomEvent } from \"@genexus/chameleon-controls-library\";\nimport { RadioGroupItemModel } from \"@genexus/chameleon-controls-library/dist/types/components/radio-group/types\";\nimport { config } from \"../../../common/config\";\nimport {\n  ControlValidation,\n  validateControls\n} from \"../../../common/form-validation\";\nimport { Locale } from \"../../../common/locale\";\nimport { FormSubmitResult } from \"../../../common/types\";\nimport { GXServerConnectionData } from \"../connect-gx-server/connect-gx-server\";\nimport { KBVersion } from \"../version-control/common/types\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"utils/form--full\",\n  \"utils/layout\",\n  \"utils/typography\",\n  \"utils/spacing\",\n  \"components/list-box\",\n  \"components/tooltip\",\n  \"chameleon/scrollbar\"\n];\n\n@Component({\n  tag: \"gx-ide-share-kb\",\n  styleUrl: \"share-kb.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/share-kb\"]\n})\nexport class GxIdeShareKb {\n  #showMoreIcon = getIconPath({\n    category: \"gemini-tools\",\n    name: \"show-more-horizontal\",\n    colorType: \"on-surface\"\n  });\n\n  #versionsSelect: RadioGroupItemModel[] = [\n    { value: \"Trunk\", caption: \"Trunk Version\" },\n    { value: \"All\", caption: \"All Versions\" },\n    { value: \"Select\", caption: \"Select Version\" }\n  ];\n\n  [key: string]: any;\n\n  #_componentLocale: any;\n  #kbVersions: KBVersion[] = [];\n  #renderedFirstTime = false;\n  #chShortcutsEl: HTMLChShortcutsElement;\n  #shortcutsSrc = getAssetPath(\n    `./gx-ide-assets/create-kb-from-server/shortcuts.json`\n  );\n  #selectedKbId: string;\n\n  #versionSelectedTypeEl: HTMLChRadioGroupRenderElement;\n\n  @Element() el: HTMLGxIdeShareKbElement;\n\n  #KBNameEl!: HTMLChEditElement;\n\n  /**\n   * State to enable/disable the select versions button\n   */\n  @State() enableSelectVersionsButton: boolean = false;\n\n  @State() validatableControls = new Map<string, ControlValidation>();\n\n  /**\n   * The version selected type\n   */\n  @State() versionSelectedType: VersionOption;\n\n  /**\n   * String value to show the number of versions selected (\"N versions selected\")\n   */\n  @State() versionsValueInput: string = \"\";\n\n  /**\n   * Set of data required when executing any of the callbacks that require a connection to the server.\n   */\n  @Prop() readonly connectionData: GXServerConnectionData;\n\n  /**\n   * Callback that is invoked when the dialog is closed\n   */\n  @Prop() readonly cancelCallback!: () => Promise<void>;\n\n  /**\n   * The host reopens the gx-ide-connect-server login modal with the previous data, and closes the current modal\n   */\n  @Prop() readonly changeConnectionCallback: (\n    data: GXServerConnectionData\n  ) => Promise<void>;\n\n  /**\n   * The name of the KB.\n   */\n  @Prop({ mutable: true }) kbName: string;\n\n  /**\n   * Callback that must be invoked when the Share button is pressed.\n   */\n  @Prop() readonly shareKBCallback: (\n    data: ShareKBData\n  ) => Promise<FormSubmitResult>;\n\n  /**\n   *  Callback invoked by pressing the ellipsis in the version selector. Receives the KB selected by the user, and displays the version selector dialog. Returns a list of versions chosen by the user.\n   */\n  @Prop() readonly selectKBVersionsCallback: (\n    selectedKB: string\n  ) => Promise<KBVersion[]>;\n\n  /**\n   * Emitted once just after the component is fully loaded and the first render() occurs\n   */\n  @Event() componentDidRenderFirstTime: EventEmitter<boolean>;\n\n  componentDidLoad() {\n    this.versionSelectedType = this.#versionSelectedTypeEl\n      .value as VersionOption;\n\n    this.#initializeValidatableControls();\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  async componentWillLoad() {\n    this.#_componentLocale = await Locale.getComponentStrings(this.el);\n  }\n\n  /**\n   * Suspends or reactivates the shortcuts\n   */\n  @Method()\n  async suspendShortcuts(suspendShortcuts: boolean) {\n    if (suspendShortcuts) {\n      this.#chShortcutsEl.suspend = true;\n    } else {\n      this.#chShortcutsEl.suspend = false;\n    }\n  }\n\n  #cancelHandler = (): void => {\n    this.cancelCallback();\n  };\n\n  #changeConnectionHandler = async (): Promise<void> => {\n    this.changeConnectionCallback({\n      authenticationType: this.connectionData.authenticationType,\n      serverUrl: this.connectionData.serverUrl,\n      userName: this.connectionData.userName,\n      userPassword: this.connectionData.userPassword\n    });\n  };\n\n  #shareKBHandler = async (): Promise<void> => {\n    if (this.versionSelectedType !== \"Select\") {\n      this.#kbVersions = [];\n    }\n    this.shareKBCallback({\n      name: this.kbName,\n      serverUrl: this.connectionData.serverUrl,\n      versionList: this.#kbVersions,\n      allVersions: this.versionSelectedType === \"All\"\n    }).then((formSubmitResult: FormSubmitResult) => {\n      this.validatableControls = validateControls(\n        formSubmitResult,\n        this.validatableControls\n      );\n    });\n  };\n\n  // TODO: evaluate if this should be a global helper function.\n  // It is used on other dialogs as well.\n  #evaluateTooltipRender = (\n    controlReference: HTMLElement\n  ): HTMLChTooltipElement =>\n    this.validatableControls?.get(controlReference?.id)?.hasError &&\n    this.validatableControls.get(controlReference.id)?.message && (\n      <ch-tooltip\n        class=\"tooltip\"\n        actionElement={controlReference as unknown as HTMLButtonElement}\n        blockAlign={config.tooltipSettings.blockAlign}\n        inlineAlign={config.tooltipSettings.inlineAlign}\n        delay={config.tooltipSettings.delay}\n      >\n        {this.validatableControls.get(controlReference.id).message}\n      </ch-tooltip>\n    );\n\n  #initializeValidatableControls = () => {\n    // populate validatableControls with the controls that could have errors.\n    const validatableControls: HTMLElement[] = [this.#KBNameEl];\n    validatableControls.forEach(validatableControl => {\n      if (validatableControl.id) {\n        this.validatableControls.set(validatableControl.id, {\n          reference: validatableControl,\n          hasError: false,\n          message: undefined\n        });\n      }\n    });\n  };\n\n  #kbNameInputHandler = (event: ChEditCustomEvent<string> | InputEvent) => {\n    this.kbName = event.detail as string;\n  };\n\n  #selectedVersionHandler = async () => {\n    if (this.selectKBVersionsCallback) {\n      await this.selectKBVersionsCallback(this.#selectedKbId).then(result => {\n        if (result?.length) {\n          this.#kbVersions = result.map(kbVersion => ({\n            id: kbVersion.id,\n            name: kbVersion.name\n          }));\n\n          if (result.length === 1 && this.#kbVersions[0].id === 0) {\n            this.localKbNameInputValue = this.#selectedKbId;\n            this.versionsValueInput =\n              this.#_componentLocale.kb.versionsPlaceholder;\n          } else if (result.length > 1) {\n            this.localKbNameInputValue = this.#selectedKbId;\n            this.versionsValueInput = `${result.length.toString()} ${\n              this.#_componentLocale.kb.versionSelectedFieldValue\n            }`;\n          } else {\n            this.localKbNameInputValue = `${this.#selectedKbId}_${\n              this.#kbVersions[0].name\n            }`;\n            this.versionsValueInput = `${result[0].name} ${\n              this.#_componentLocale.kb.oneVersionSelectedFieldValue\n            }`;\n          }\n        }\n      });\n    }\n  };\n\n  #versionsChangedHandler = (event: CustomEvent<string>) => {\n    this.versionSelectedType = event.detail as VersionOption;\n    if (this.versionSelectedType === \"Select\") {\n      this.enableSelectVersionsButton = true;\n    } else {\n      this.enableSelectVersionsButton = false;\n    }\n  };\n\n  #renderFooter = () => {\n    const disableShareKbButton = !this.kbName.length;\n    return (\n      <footer class=\"footer dialog-footer-with-border spacing-body-inline spacing-body-block-end\">\n        <div class=\"buttons-spacer\">\n          <button\n            // cancel button\n            class=\"button-secondary\"\n            onClick={this.#cancelHandler}\n            part=\"button button-cancel\"\n          >\n            {this.#_componentLocale.footer.cancel}\n          </button>\n\n          <button\n            // share kb button\n            class=\"button-primary\"\n            onClick={!disableShareKbButton && this.#shareKBHandler}\n            disabled={disableShareKbButton}\n            part=\"button button-create-kb\"\n          >\n            {this.#_componentLocale.footer.shareKB}\n          </button>\n        </div>\n      </footer>\n    );\n  };\n\n  render(): void {\n    return (\n      <Host class=\"widget\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <ch-shortcuts\n          src={this.#shortcutsSrc}\n          ref={(el: HTMLChShortcutsElement) =>\n            (this.#chShortcutsEl = el as HTMLChShortcutsElement)\n          }\n        ></ch-shortcuts>\n\n        <section class=\"section\">\n          <header class=\"header dialog-header-with-border space-body spacing-body-inline spacing-body-block-start\">\n            <div class=\"field field-block\">\n              <label class=\"label\">\n                {this.#_componentLocale.header.serverUrl}\n              </label>\n              <p>{this.connectionData.serverUrl}</p>\n            </div>\n\n            <div class=\"field field-block\">\n              <label class=\"label\">{this.#_componentLocale.header.user}</label>\n              <p>{this.connectionData.userName}</p>\n            </div>\n\n            <button\n              id=\"change-connection-button\"\n              class=\"button-tertiary button-change\"\n              onClick={this.#changeConnectionHandler}\n            >\n              {this.#_componentLocale.header.change}\n            </button>\n          </header>\n\n          <section class=\"main field-group spacing-body\">\n            <div class=\"field field-block\">\n              <label class=\"label\" htmlFor=\"alias\">\n                {this.#_componentLocale.kb.aliasLabel}\n              </label>\n              <ch-edit\n                // alias\n                class=\"input\"\n                id=\"kb-name\"\n                value={this.kbName}\n                onInput={this.#kbNameInputHandler}\n                placeholder={this.#_componentLocale.kb.localKbNamePlaceholder}\n                ref={(el: HTMLChEditElement) =>\n                  (this.#KBNameEl = el as HTMLChEditElement)\n                }\n              ></ch-edit>\n              {this.#evaluateTooltipRender(this.#KBNameEl)}\n            </div>\n\n            <div class=\"versions-container field-group\">\n              <ch-radio-group-render\n                class=\"radio-group\"\n                model={this.#versionsSelect}\n                onChange={this.#versionsChangedHandler}\n                value={this.#versionsSelect[0].value}\n                ref={(el: HTMLChRadioGroupRenderElement) =>\n                  (this.#versionSelectedTypeEl =\n                    el as HTMLChRadioGroupRenderElement)\n                }\n              ></ch-radio-group-render>\n\n              {this.versionSelectedType === \"Select\" && (\n                <div class=\"versions-container__item field-group\">\n                  <div class=\"field field-block\">\n                    <label class=\"label\" htmlFor=\"control-id-1\">\n                      {this.#_componentLocale.kb.versionsLabel}\n                    </label>\n                    <div class=\"versions-container__input\">\n                      <ch-edit\n                        class=\"input\"\n                        readonly\n                        placeholder={\n                          this.enableSelectVersionsButton\n                            ? this.#_componentLocale.kb.versionsPlaceholder\n                            : this.#_componentLocale.kb\n                                .versionsPlaceholderDisabled\n                        }\n                        value={this.versionsValueInput}\n                      ></ch-edit>\n                      <button\n                        id=\"select-version-button\"\n                        class=\"button-tertiary button-icon-only\"\n                        onClick={this.#selectedVersionHandler}\n                        disabled={!this.enableSelectVersionsButton}\n                      >\n                        <ch-image\n                          src={this.#showMoreIcon}\n                          class=\"icon-xs\"\n                        ></ch-image>\n                      </button>\n                    </div>\n                  </div>\n                </div>\n              )}\n            </div>\n          </section>\n\n          {this.#renderFooter()}\n        </section>\n      </Host>\n    );\n  }\n}\n\nexport type KBData = {\n  id: string;\n  name: string;\n};\n\nexport type ConnectionResultData = {\n  formResult: FormSubmitResult;\n  kbs: KBData[];\n};\n\nexport type ShareKBData = {\n  name: string;\n  serverUrl: string;\n  versionList: KBVersion[];\n  allVersions: boolean;\n};\n\nexport type VersionOption = \"Trunk\" | \"All\" | \"Select\";\n"],"version":3}
+{"file":"gx-ide-share-kb.entry.js","mappings":";;;;;;;;;;AAAA,MAAM,UAAU,GAAG,gmBAAgmB;;;;;;;;;;;;;;;;;;;AC8BnnB,MAAM,WAAW,GAAmB;IAClC,mBAAmB;IACnB,kBAAkB;IAClB,cAAc;IACd,kBAAkB;IAClB,eAAe;IACf,qBAAqB;IACrB,oBAAoB;IACpB,qBAAqB;CACtB,CAAC;MAQW,YAAY;;;;QACvB,qCAAgB,WAAW,CAAC;YAC1B,QAAQ,EAAE,cAAc;YACxB,IAAI,EAAE,sBAAsB;YAC5B,SAAS,EAAE,YAAY;SACxB,CAAC,EAAC;QAEH,uCAAyC;YACvC,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE;YAC5C,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,cAAc,EAAE;YACzC,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,gBAAgB,EAAE;SAC/C,EAAC;QAIF,iDAAuB;QACvB,mCAA2B,EAAE,EAAC;QAC9B,0CAAqB,KAAK,EAAC;QAC3B,8CAAuC;QACvC,qCAAgB,YAAY,CAC1B,sDAAsD,CACvD,EAAC;QACF,6CAAsB;QAEtB,sDAAsD;QAItD,yCAA8B;QA4F9B,sCAAiB;YACf,IAAI,CAAC,cAAc,EAAE,CAAC;SACvB,EAAC;QAEF,gDAA2B;YACzB,IAAI,CAAC,wBAAwB,CAAC;gBAC5B,kBAAkB,EAAE,IAAI,CAAC,cAAc,CAAC,kBAAkB;gBAC1D,SAAS,EAAE,IAAI,CAAC,cAAc,CAAC,SAAS;gBACxC,QAAQ,EAAE,IAAI,CAAC,cAAc,CAAC,QAAQ;gBACtC,YAAY,EAAE,IAAI,CAAC,cAAc,CAAC,YAAY;aAC/C,CAAC,CAAC;SACJ,EAAC;QAEF,uCAAkB;YAChB,IAAI,IAAI,CAAC,mBAAmB,KAAK,QAAQ,EAAE;gBACzC,uBAAA,IAAI,4BAAe,EAAE,MAAA,CAAC;aACvB;YACD,IAAI,CAAC,eAAe,CAAC;gBACnB,IAAI,EAAE,IAAI,CAAC,MAAM;gBACjB,SAAS,EAAE,IAAI,CAAC,cAAc,CAAC,SAAS;gBACxC,WAAW,EAAE,uBAAA,IAAI,gCAAY;gBAC7B,WAAW,EAAE,IAAI,CAAC,mBAAmB,KAAK,KAAK;aAChD,CAAC,CAAC,IAAI,CAAC,CAAC,gBAAkC;gBACzC,IAAI,CAAC,mBAAmB,GAAG,gBAAgB,CACzC,gBAAgB,EAChB,IAAI,CAAC,mBAAmB,CACzB,CAAC;aACH,CAAC,CAAC;SACJ,EAAC;;;QAIF,8CAAyB,CACvB,gBAA6B;;YAE7B,OAAA,CAAA,MAAA,MAAA,IAAI,CAAC,mBAAmB,0CAAE,GAAG,CAAC,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,EAAE,CAAC,0CAAE,QAAQ;iBAC7D,MAAA,IAAI,CAAC,mBAAmB,CAAC,GAAG,CAAC,gBAAgB,CAAC,EAAE,CAAC,0CAAE,OAAO,CAAA,KACxD,kBACE,KAAK,EAAC,SAAS,EACf,aAAa,EAAE,gBAAgD,EAC/D,UAAU,EAAE,MAAM,CAAC,eAAe,CAAC,UAAU,EAC7C,WAAW,EAAE,MAAM,CAAC,eAAe,CAAC,WAAW,EAC/C,KAAK,EAAE,MAAM,CAAC,eAAe,CAAC,KAAK,IAElC,IAAI,CAAC,mBAAmB,CAAC,GAAG,CAAC,gBAAgB,CAAC,EAAE,CAAC,CAAC,OAAO,CAC/C,CACd,CAAA;SAAA,EAAC;QAEJ,sDAAiC;;YAE/B,MAAM,mBAAmB,GAAkB,CAAC,uBAAA,IAAI,8BAAU,CAAC,CAAC;YAC5D,mBAAmB,CAAC,OAAO,CAAC,kBAAkB;gBAC5C,IAAI,kBAAkB,CAAC,EAAE,EAAE;oBACzB,IAAI,CAAC,mBAAmB,CAAC,GAAG,CAAC,kBAAkB,CAAC,EAAE,EAAE;wBAClD,SAAS,EAAE,kBAAkB;wBAC7B,QAAQ,EAAE,KAAK;wBACf,OAAO,EAAE,SAAS;qBACnB,CAAC,CAAC;iBACJ;aACF,CAAC,CAAC;SACJ,EAAC;QAEF,2CAAsB,CAAC,KAA6C;YAClE,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,MAAgB,CAAC;SACtC,EAAC;QAEF,+CAA0B;YACxB,IAAI,IAAI,CAAC,wBAAwB,EAAE;gBACjC,MAAM,IAAI,CAAC,wBAAwB,CAAC,uBAAA,IAAI,kCAAc,CAAC,CAAC,IAAI,CAAC,MAAM;oBACjE,IAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,EAAE;wBAClB,uBAAA,IAAI,4BAAe,MAAM,CAAC,GAAG,CAAC,SAAS,KAAK;4BAC1C,EAAE,EAAE,SAAS,CAAC,EAAE;4BAChB,IAAI,EAAE,SAAS,CAAC,IAAI;yBACrB,CAAC,CAAC,MAAA,CAAC;wBAEJ,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,IAAI,uBAAA,IAAI,gCAAY,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,EAAE;4BACvD,IAAI,CAAC,qBAAqB,GAAG,uBAAA,IAAI,kCAAc,CAAC;4BAChD,IAAI,CAAC,kBAAkB;gCACrB,uBAAA,IAAI,sCAAkB,CAAC,EAAE,CAAC,mBAAmB,CAAC;yBACjD;6BAAM,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE;4BAC5B,IAAI,CAAC,qBAAqB,GAAG,uBAAA,IAAI,kCAAc,CAAC;4BAChD,IAAI,CAAC,kBAAkB,GAAG,GAAG,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE,IACnD,uBAAA,IAAI,sCAAkB,CAAC,EAAE,CAAC,yBAC5B,EAAE,CAAC;yBACJ;6BAAM;4BACL,IAAI,CAAC,qBAAqB,GAAG,GAAG,uBAAA,IAAI,kCAAc,IAChD,uBAAA,IAAI,gCAAY,CAAC,CAAC,CAAC,CAAC,IACtB,EAAE,CAAC;4BACH,IAAI,CAAC,kBAAkB,GAAG,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,IACzC,uBAAA,IAAI,sCAAkB,CAAC,EAAE,CAAC,4BAC5B,EAAE,CAAC;yBACJ;qBACF;iBACF,CAAC,CAAC;aACJ;SACF,EAAC;QAEF,+CAA0B,CAAC,KAA0B;YACnD,IAAI,CAAC,mBAAmB,GAAG,KAAK,CAAC,MAAuB,CAAC;YACzD,IAAI,IAAI,CAAC,mBAAmB,KAAK,QAAQ,EAAE;gBACzC,IAAI,CAAC,0BAA0B,GAAG,IAAI,CAAC;aACxC;iBAAM;gBACL,IAAI,CAAC,0BAA0B,GAAG,KAAK,CAAC;aACzC;SACF,EAAC;QAEF,qCAAgB;YACd,MAAM,oBAAoB,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC;YACjD,QACE,cAAQ,KAAK,EAAC,6EAA6E,IACzF,WAAK,KAAK,EAAC,gBAAgB,IACzB;;gBAEE,KAAK,EAAC,kBAAkB,EACxB,OAAO,EAAE,uBAAA,IAAI,mCAAe,EAC5B,IAAI,EAAC,sBAAsB;eAE1B,uBAAA,IAAI,sCAAkB,CAAC,MAAM,CAAC,MAAM,CAC9B,EAET;;gBAEE,KAAK,EAAC,gBAAgB,EACtB,OAAO,EAAE,CAAC,oBAAoB,IAAI,uBAAA,IAAI,oCAAgB,EACtD,QAAQ,EAAE,oBAAoB,EAC9B,IAAI,EAAC,yBAAyB;eAE7B,uBAAA,IAAI,sCAAkB,CAAC,MAAM,CAAC,OAAO,CAC/B,CACL,CACC,EACT;SACH,EAAC;0CA3N6C,KAAK;mCAErB,IAAI,GAAG,EAA6B;;kCAU7B,EAAE;;;;;;;;IA2CxC,gBAAgB;QACd,IAAI,CAAC,mBAAmB,GAAG,uBAAA,IAAI,2CAAuB;aACnD,KAAsB,CAAC;QAE1B,uBAAA,IAAI,mDAA+B,MAAnC,IAAI,CAAiC,CAAC;KACvC;IAED,kBAAkB;QAChB,IAAI,CAAC,uBAAA,IAAI,uCAAmB,EAAE;YAC5B,IAAI,CAAC,2BAA2B,CAAC,IAAI,CACnC,uBAAA,IAAI,sCAAkB,CAAC,aAAa,CACrC,CAAC;YACF,uBAAA,IAAI,mCAAsB,IAAI,MAAA,CAAC;SAChC;KACF;IAED,MAAM,iBAAiB;QACrB,uBAAA,IAAI,kCAAqB,MAAM,MAAM,CAAC,mBAAmB,CAAC,IAAI,CAAC,EAAE,CAAC,MAAA,CAAC;KACpE;;;;IAMD,MAAM,gBAAgB,CAAC,gBAAyB;QAC9C,IAAI,gBAAgB,EAAE;YACpB,uBAAA,IAAI,mCAAe,CAAC,OAAO,GAAG,IAAI,CAAC;SACpC;aAAM;YACL,uBAAA,IAAI,mCAAe,CAAC,OAAO,GAAG,KAAK,CAAC;SACrC;KACF;IAwID,MAAM;QACJ,QACE,EAAC,IAAI,IAAC,KAAK,EAAC,QAAQ,IAClB,gBAAU,KAAK,EAAE,WAAW,GAAa,EACzC,oBACE,GAAG,EAAE,uBAAA,IAAI,kCAAc,EACvB,GAAG,EAAE,CAAC,EAA0B,MAC7B,uBAAA,IAAI,+BAAkB,EAA4B,MAAA,CAAC,GAExC,EAEhB,eAAS,KAAK,EAAC,SAAS,IACtB,cAAQ,KAAK,EAAC,0FAA0F,IACtG,WAAK,KAAK,EAAC,mBAAmB,IAC5B,aAAO,KAAK,EAAC,OAAO,IACjB,uBAAA,IAAI,sCAAkB,CAAC,MAAM,CAAC,SAAS,CAClC,EACR,aAAI,IAAI,CAAC,cAAc,CAAC,SAAS,CAAK,CAClC,EAEN,WAAK,KAAK,EAAC,mBAAmB,IAC5B,aAAO,KAAK,EAAC,OAAO,IAAE,uBAAA,IAAI,sCAAkB,CAAC,MAAM,CAAC,IAAI,CAAS,EACjE,aAAI,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAK,CACjC,EAEN,cACE,EAAE,EAAC,0BAA0B,EAC7B,KAAK,EAAC,+BAA+B,EACrC,OAAO,EAAE,uBAAA,IAAI,6CAAyB,IAErC,uBAAA,IAAI,sCAAkB,CAAC,MAAM,CAAC,MAAM,CAC9B,CACF,EAET,eAAS,KAAK,EAAC,+BAA+B,IAC5C,WAAK,KAAK,EAAC,mBAAmB,IAC5B,aAAO,KAAK,EAAC,OAAO,EAAC,OAAO,EAAC,OAAO,IACjC,uBAAA,IAAI,sCAAkB,CAAC,EAAE,CAAC,UAAU,CAC/B,EACR;;YAEE,KAAK,EAAC,OAAO,EACb,EAAE,EAAC,SAAS,EACZ,KAAK,EAAE,IAAI,CAAC,MAAM,EAClB,OAAO,EAAE,uBAAA,IAAI,wCAAoB,EACjC,WAAW,EAAE,uBAAA,IAAI,sCAAkB,CAAC,EAAE,CAAC,sBAAsB,EAC7D,GAAG,EAAE,CAAC,EAAqB,MACxB,uBAAA,IAAI,0BAAa,EAAuB,MAAA,CAAC;UAEnC,EACV,uBAAA,IAAI,2CAAuB,MAA3B,IAAI,EAAwB,uBAAA,IAAI,8BAAU,CAAC,CACxC,EAEN,WAAK,KAAK,EAAC,gCAAgC,IACzC,6BACE,KAAK,EAAC,aAAa,EACnB,KAAK,EAAE,uBAAA,IAAI,oCAAgB,EAC3B,QAAQ,EAAE,uBAAA,IAAI,4CAAwB,EACtC,KAAK,EAAE,uBAAA,IAAI,oCAAgB,CAAC,CAAC,CAAC,CAAC,KAAK,EACpC,GAAG,EAAE,CAAC,EAAiC,MACpC,uBAAA,IAAI,uCACH,EAAmC,MAAA,CAAC,GAEjB,EAExB,IAAI,CAAC,mBAAmB,KAAK,QAAQ,KACpC,WAAK,KAAK,EAAC,sCAAsC,IAC/C,WAAK,KAAK,EAAC,mBAAmB,IAC5B,aAAO,KAAK,EAAC,OAAO,EAAC,OAAO,EAAC,cAAc,IACxC,uBAAA,IAAI,sCAAkB,CAAC,EAAE,CAAC,aAAa,CAClC,EACR,WAAK,KAAK,EAAC,2BAA2B,IACpC,eACE,KAAK,EAAC,OAAO,EACb,QAAQ,QACR,WAAW,EACT,IAAI,CAAC,0BAA0B;kBAC3B,uBAAA,IAAI,sCAAkB,CAAC,EAAE,CAAC,mBAAmB;kBAC7C,uBAAA,IAAI,sCAAkB,CAAC,EAAE;qBACtB,2BAA2B,EAEpC,KAAK,EAAE,IAAI,CAAC,kBAAkB,GACrB,EACX,cACE,EAAE,EAAC,uBAAuB,EAC1B,KAAK,EAAC,kCAAkC,EACxC,OAAO,EAAE,uBAAA,IAAI,4CAAwB,EACrC,QAAQ,EAAE,CAAC,IAAI,CAAC,0BAA0B,IAE1C,gBACE,GAAG,EAAE,uBAAA,IAAI,kCAAc,EACvB,KAAK,EAAC,SAAS,GACL,CACL,CACL,CACF,CACF,CACP,CACG,CACE,EAET,uBAAA,IAAI,kCAAc,MAAlB,IAAI,CAAgB,CACb,CACL,EACP;KACH;;;;;;;;;","names":[],"sources":["src/components/team-dev/share-kb/share-kb.scss?tag=gx-ide-share-kb&encapsulation=shadow","src/components/team-dev/share-kb/share-kb.tsx"],"sourcesContent":["@import \"../../../global/temporary-mercury-overrides/_button.scss\";\n\n:host {\n  display: grid;\n  block-size: 100%;\n  grid-template-rows: max-content 1fr max-content;\n}\n\n.section {\n  display: contents;\n}\n\n// - - - - - - - - - - -\n// Header\n// - - - - - - - - - - -\n\nheader {\n  display: grid;\n  grid-template-rows: max-content;\n  grid-template-columns: 1fr 1fr max-content;\n}\n\n.button-change {\n  align-self: center;\n  justify-self: end;\n}\n\n// - - - - - - - - - - -\n// Main\n// - - - - - - - - - - -\n\n.main {\n  display: grid;\n  grid-template-columns: 1fr;\n  grid-template-rows: max-content 1fr max-content max-content;\n}\n\n.search-kbs {\n  inline-size: 50%;\n}\n\n.versions-container {\n  grid-auto-rows: max-content;\n\n  &__input {\n    display: grid;\n    grid-template-columns: 1fr max-content;\n    gap: var(--spacing-gap-m);\n  }\n}\n","// Stencil\nimport {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  getAssetPath,\n  h,\n  Host,\n  Method,\n  Prop,\n  State\n} from \"@stencil/core\";\n\n// Other Libraries\nimport { getIconPath, MercuryBundles } from \"@genexus/mercury\";\n\n// Custom Imports\nimport { ChEditCustomEvent } from \"@genexus/chameleon-controls-library\";\nimport { RadioGroupItemModel } from \"@genexus/chameleon-controls-library/dist/types/components/radio-group/types\";\nimport { config } from \"../../../common/config\";\nimport {\n  ControlValidation,\n  validateControls\n} from \"../../../common/form-validation\";\nimport { Locale } from \"../../../common/locale\";\nimport { FormSubmitResult } from \"../../../common/types\";\nimport { GXServerConnectionData } from \"../connect-gx-server/connect-gx-server\";\nimport { KBVersion } from \"../version-control/common/types\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"utils/form--full\",\n  \"utils/layout\",\n  \"utils/typography\",\n  \"utils/spacing\",\n  \"components/list-box\",\n  \"components/tooltip\",\n  \"chameleon/scrollbar\"\n];\n\n@Component({\n  tag: \"gx-ide-share-kb\",\n  styleUrl: \"share-kb.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/share-kb\"]\n})\nexport class GxIdeShareKb {\n  #showMoreIcon = getIconPath({\n    category: \"gemini-tools\",\n    name: \"show-more-horizontal\",\n    colorType: \"on-surface\"\n  });\n\n  #versionsSelect: RadioGroupItemModel[] = [\n    { value: \"Trunk\", caption: \"Trunk Version\" },\n    { value: \"All\", caption: \"All Versions\" },\n    { value: \"Select\", caption: \"Select Version\" }\n  ];\n\n  [key: string]: any;\n\n  #_componentLocale: any;\n  #kbVersions: KBVersion[] = [];\n  #renderedFirstTime = false;\n  #chShortcutsEl: HTMLChShortcutsElement;\n  #shortcutsSrc = getAssetPath(\n    `./gx-ide-assets/create-kb-from-server/shortcuts.json`\n  );\n  #selectedKbId: string;\n\n  #versionSelectedTypeEl: HTMLChRadioGroupRenderElement;\n\n  @Element() el: HTMLGxIdeShareKbElement;\n\n  #KBNameEl!: HTMLChEditElement;\n\n  /**\n   * State to enable/disable the select versions button\n   */\n  @State() enableSelectVersionsButton: boolean = false;\n\n  @State() validatableControls = new Map<string, ControlValidation>();\n\n  /**\n   * The version selected type\n   */\n  @State() versionSelectedType: VersionOption;\n\n  /**\n   * String value to show the number of versions selected (\"N versions selected\")\n   */\n  @State() versionsValueInput: string = \"\";\n\n  /**\n   * Set of data required when executing any of the callbacks that require a connection to the server.\n   */\n  @Prop() readonly connectionData: GXServerConnectionData;\n\n  /**\n   * Callback that is invoked when the dialog is closed\n   */\n  @Prop() readonly cancelCallback!: () => Promise<void>;\n\n  /**\n   * The host reopens the gx-ide-connect-server login modal with the previous data, and closes the current modal\n   */\n  @Prop() readonly changeConnectionCallback: (\n    data: GXServerConnectionData\n  ) => Promise<void>;\n\n  /**\n   * The name of the KB.\n   */\n  @Prop({ mutable: true }) kbName: string;\n\n  /**\n   * Callback that must be invoked when the Share button is pressed.\n   */\n  @Prop() readonly shareKBCallback: (\n    data: ShareKBData\n  ) => Promise<FormSubmitResult>;\n\n  /**\n   *  Callback invoked by pressing the ellipsis in the version selector. Receives the KB selected by the user, and displays the version selector dialog. Returns a list of versions chosen by the user.\n   */\n  @Prop() readonly selectKBVersionsCallback: (\n    selectedKB: string\n  ) => Promise<KBVersion[]>;\n\n  /**\n   * Emitted once just after the component is fully loaded and the first render() occurs\n   */\n  @Event() componentDidRenderFirstTime: EventEmitter<boolean>;\n\n  componentDidLoad() {\n    this.versionSelectedType = this.#versionSelectedTypeEl\n      .value as VersionOption;\n\n    this.#initializeValidatableControls();\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  async componentWillLoad() {\n    this.#_componentLocale = await Locale.getComponentStrings(this.el);\n  }\n\n  /**\n   * Suspends or reactivates the shortcuts\n   */\n  @Method()\n  async suspendShortcuts(suspendShortcuts: boolean) {\n    if (suspendShortcuts) {\n      this.#chShortcutsEl.suspend = true;\n    } else {\n      this.#chShortcutsEl.suspend = false;\n    }\n  }\n\n  #cancelHandler = (): void => {\n    this.cancelCallback();\n  };\n\n  #changeConnectionHandler = async (): Promise<void> => {\n    this.changeConnectionCallback({\n      authenticationType: this.connectionData.authenticationType,\n      serverUrl: this.connectionData.serverUrl,\n      userName: this.connectionData.userName,\n      userPassword: this.connectionData.userPassword\n    });\n  };\n\n  #shareKBHandler = async (): Promise<void> => {\n    if (this.versionSelectedType !== \"Select\") {\n      this.#kbVersions = [];\n    }\n    this.shareKBCallback({\n      name: this.kbName,\n      serverUrl: this.connectionData.serverUrl,\n      versionList: this.#kbVersions,\n      allVersions: this.versionSelectedType === \"All\"\n    }).then((formSubmitResult: FormSubmitResult) => {\n      this.validatableControls = validateControls(\n        formSubmitResult,\n        this.validatableControls\n      );\n    });\n  };\n\n  // TODO: evaluate if this should be a global helper function.\n  // It is used on other dialogs as well.\n  #evaluateTooltipRender = (\n    controlReference: HTMLElement\n  ): HTMLChTooltipElement =>\n    this.validatableControls?.get(controlReference?.id)?.hasError &&\n    this.validatableControls.get(controlReference.id)?.message && (\n      <ch-tooltip\n        class=\"tooltip\"\n        actionElement={controlReference as unknown as HTMLButtonElement}\n        blockAlign={config.tooltipSettings.blockAlign}\n        inlineAlign={config.tooltipSettings.inlineAlign}\n        delay={config.tooltipSettings.delay}\n      >\n        {this.validatableControls.get(controlReference.id).message}\n      </ch-tooltip>\n    );\n\n  #initializeValidatableControls = () => {\n    // populate validatableControls with the controls that could have errors.\n    const validatableControls: HTMLElement[] = [this.#KBNameEl];\n    validatableControls.forEach(validatableControl => {\n      if (validatableControl.id) {\n        this.validatableControls.set(validatableControl.id, {\n          reference: validatableControl,\n          hasError: false,\n          message: undefined\n        });\n      }\n    });\n  };\n\n  #kbNameInputHandler = (event: ChEditCustomEvent<string> | InputEvent) => {\n    this.kbName = event.detail as string;\n  };\n\n  #selectedVersionHandler = async () => {\n    if (this.selectKBVersionsCallback) {\n      await this.selectKBVersionsCallback(this.#selectedKbId).then(result => {\n        if (result?.length) {\n          this.#kbVersions = result.map(kbVersion => ({\n            id: kbVersion.id,\n            name: kbVersion.name\n          }));\n\n          if (result.length === 1 && this.#kbVersions[0].id === 0) {\n            this.localKbNameInputValue = this.#selectedKbId;\n            this.versionsValueInput =\n              this.#_componentLocale.kb.versionsPlaceholder;\n          } else if (result.length > 1) {\n            this.localKbNameInputValue = this.#selectedKbId;\n            this.versionsValueInput = `${result.length.toString()} ${\n              this.#_componentLocale.kb.versionSelectedFieldValue\n            }`;\n          } else {\n            this.localKbNameInputValue = `${this.#selectedKbId}_${\n              this.#kbVersions[0].name\n            }`;\n            this.versionsValueInput = `${result[0].name} ${\n              this.#_componentLocale.kb.oneVersionSelectedFieldValue\n            }`;\n          }\n        }\n      });\n    }\n  };\n\n  #versionsChangedHandler = (event: CustomEvent<string>) => {\n    this.versionSelectedType = event.detail as VersionOption;\n    if (this.versionSelectedType === \"Select\") {\n      this.enableSelectVersionsButton = true;\n    } else {\n      this.enableSelectVersionsButton = false;\n    }\n  };\n\n  #renderFooter = () => {\n    const disableShareKbButton = !this.kbName.length;\n    return (\n      <footer class=\"footer dialog-footer-with-border spacing-body-inline spacing-body-block-end\">\n        <div class=\"buttons-spacer\">\n          <button\n            // cancel button\n            class=\"button-secondary\"\n            onClick={this.#cancelHandler}\n            part=\"button button-cancel\"\n          >\n            {this.#_componentLocale.footer.cancel}\n          </button>\n\n          <button\n            // share kb button\n            class=\"button-primary\"\n            onClick={!disableShareKbButton && this.#shareKBHandler}\n            disabled={disableShareKbButton}\n            part=\"button button-create-kb\"\n          >\n            {this.#_componentLocale.footer.shareKB}\n          </button>\n        </div>\n      </footer>\n    );\n  };\n\n  render(): void {\n    return (\n      <Host class=\"widget\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <ch-shortcuts\n          src={this.#shortcutsSrc}\n          ref={(el: HTMLChShortcutsElement) =>\n            (this.#chShortcutsEl = el as HTMLChShortcutsElement)\n          }\n        ></ch-shortcuts>\n\n        <section class=\"section\">\n          <header class=\"header dialog-header-with-border space-body spacing-body-inline spacing-body-block-start\">\n            <div class=\"field field-block\">\n              <label class=\"label\">\n                {this.#_componentLocale.header.serverUrl}\n              </label>\n              <p>{this.connectionData.serverUrl}</p>\n            </div>\n\n            <div class=\"field field-block\">\n              <label class=\"label\">{this.#_componentLocale.header.user}</label>\n              <p>{this.connectionData.userName}</p>\n            </div>\n\n            <button\n              id=\"change-connection-button\"\n              class=\"button-tertiary button-change\"\n              onClick={this.#changeConnectionHandler}\n            >\n              {this.#_componentLocale.header.change}\n            </button>\n          </header>\n\n          <section class=\"main field-group spacing-body\">\n            <div class=\"field field-block\">\n              <label class=\"label\" htmlFor=\"alias\">\n                {this.#_componentLocale.kb.aliasLabel}\n              </label>\n              <ch-edit\n                // alias\n                class=\"input\"\n                id=\"kb-name\"\n                value={this.kbName}\n                onInput={this.#kbNameInputHandler}\n                placeholder={this.#_componentLocale.kb.localKbNamePlaceholder}\n                ref={(el: HTMLChEditElement) =>\n                  (this.#KBNameEl = el as HTMLChEditElement)\n                }\n              ></ch-edit>\n              {this.#evaluateTooltipRender(this.#KBNameEl)}\n            </div>\n\n            <div class=\"versions-container field-group\">\n              <ch-radio-group-render\n                class=\"radio-group\"\n                model={this.#versionsSelect}\n                onChange={this.#versionsChangedHandler}\n                value={this.#versionsSelect[0].value}\n                ref={(el: HTMLChRadioGroupRenderElement) =>\n                  (this.#versionSelectedTypeEl =\n                    el as HTMLChRadioGroupRenderElement)\n                }\n              ></ch-radio-group-render>\n\n              {this.versionSelectedType === \"Select\" && (\n                <div class=\"versions-container__item field-group\">\n                  <div class=\"field field-block\">\n                    <label class=\"label\" htmlFor=\"control-id-1\">\n                      {this.#_componentLocale.kb.versionsLabel}\n                    </label>\n                    <div class=\"versions-container__input\">\n                      <ch-edit\n                        class=\"input\"\n                        readonly\n                        placeholder={\n                          this.enableSelectVersionsButton\n                            ? this.#_componentLocale.kb.versionsPlaceholder\n                            : this.#_componentLocale.kb\n                                .versionsPlaceholderDisabled\n                        }\n                        value={this.versionsValueInput}\n                      ></ch-edit>\n                      <button\n                        id=\"select-version-button\"\n                        class=\"button-tertiary button-icon-only\"\n                        onClick={this.#selectedVersionHandler}\n                        disabled={!this.enableSelectVersionsButton}\n                      >\n                        <ch-image\n                          src={this.#showMoreIcon}\n                          class=\"icon-xs\"\n                        ></ch-image>\n                      </button>\n                    </div>\n                  </div>\n                </div>\n              )}\n            </div>\n          </section>\n\n          {this.#renderFooter()}\n        </section>\n      </Host>\n    );\n  }\n}\n\nexport type KBData = {\n  id: string;\n  name: string;\n};\n\nexport type ConnectionResultData = {\n  formResult: FormSubmitResult;\n  kbs: KBData[];\n};\n\nexport type ShareKBData = {\n  name: string;\n  serverUrl: string;\n  versionList: KBVersion[];\n  allVersions: boolean;\n};\n\nexport type VersionOption = \"Trunk\" | \"All\" | \"Select\";\n"],"version":3}

package/dist/esm/gx-ide-sign-in-result.entry.js

@@ -1,12 +1,12 @@
 import { g as getAssetPath, r as registerInstance, h, H as Host, a as getElement } from './index-b153bfd0.js';
 import { L as Locale } from './locale-e5107fad.js';
 
-const signInResultCss = ":host{display:grid;block-size:100%;overflow:auto;display:flex;align-items:center;justify-content:center}.content{display:flex;align-items:center;flex-direction:column;color:var(--color-neutral-300);gap:var(--spacing-gap-xl);text-align:center;padding:var(--spacing-padding-xxl)}.check-icon{block-size:64px;inline-size:64px;border-radius:50%;background-color:var(--color-accent-success-pressed);background-image:var(--icon__system_check_on-surface--enabled);background-repeat:no-repeat;background-position:center center;background-size:32px;margin-block-end:16px}.genexus-next-logo{inline-size:140px;margin-block-start:108px}";
+const signInResultCss = ":host{display:grid;block-size:100%;overflow:auto;display:flex;align-items:center;justify-content:center}.content{display:flex;align-items:center;flex-direction:column;color:var(--color-text-neutral-default);gap:var(--spacing-gap-xl);text-align:center;padding:var(--spacing-padding-xxl)}.check-icon{block-size:64px;inline-size:64px;border-radius:50%;background-color:var(--color-accent-success-contrast);background-image:var(--icon__system_check_on-surface--enabled);background-repeat:no-repeat;background-position:center center;background-size:32px;margin-block-end:16px}.genexus-next-logo{inline-size:140px;block-size:30px;margin-block-start:108px;mask-size:contain;background-color:var(--color-icon-neutral-default)}";
 
 const ASSETS_DIR = "gx-ide-assets/sign-in-result";
 const LEFT_SIDE_ILLUSTRATION = getAssetPath(`./${ASSETS_DIR}/images/left-side-illustration.svg`);
 const RIGHT_SIDE_ILLUSTRATION = getAssetPath(`./${ASSETS_DIR}/images/right-side-illustration.svg`);
-const GENEXUS_NEXT_LOGO = getAssetPath(`./${ASSETS_DIR}/images/genexus-next-logo.svg`);
+const GENEXUS_NEXT_LOGO_SRC = getAssetPath(`./${ASSETS_DIR}/images/genexus-next-logo.svg`);
 const CSS_BUNDLES = [
     // Use only the bundles that are needed for this component.
     "resets/box-sizing",
@@ -27,7 +27,9 @@ const GxIdeSignInResult = class {
                 backgroundRepeat: "no-repeat, no-repeat",
                 backgroundPosition: "left, right bottom",
                 backgroundSize: "auto 100%, auto 55%"
-            } }, h("ch-theme", { model: CSS_BUNDLES }), h("div", { class: "content" }, h("span", { class: "check-icon" }), h("h1", { class: "heading-3" }, this._componentLocale.title), h("p", { class: "subtitle-regular-s" }, this._componentLocale.description), h("img", { src: GENEXUS_NEXT_LOGO, alt: "", class: "genexus-next-logo" }))));
+            } }, h("ch-theme", { model: CSS_BUNDLES }), h("div", { class: "content" }, h("span", { class: "check-icon" }), h("h1", { class: "heading-3" }, this._componentLocale.title), h("p", { class: "subtitle-regular-s" }, this._componentLocale.description), h("div", { style: {
+                mask: `url(${GENEXUS_NEXT_LOGO_SRC}) no-repeat center / contain`
+            }, class: "genexus-next-logo" }))));
     }
     static get assetsDirs() { return ["gx-ide-assets/sign-in-result"]; }
     get el() { return getElement(this); }

package/dist/esm/gx-ide-sign-in-result.entry.js.map

@@ -1 +1 @@
-{"file":"gx-ide-sign-in-result.entry.js","mappings":";;;AAAA,MAAM,eAAe,GAAG,inBAAinB;;ACSzoB,MAAM,UAAU,GAAG,8BAA8B,CAAC;AAElD,MAAM,sBAAsB,GAAG,YAAY,CACzC,KAAK,UAAU,oCAAoC,CACpD,CAAC;AACF,MAAM,uBAAuB,GAAG,YAAY,CAC1C,KAAK,UAAU,qCAAqC,CACrD,CAAC;AACF,MAAM,iBAAiB,GAAG,YAAY,CACpC,KAAK,UAAU,+BAA+B,CAC/C,CAAC;AAEF,MAAM,WAAW,GAAmB;;IAElC,mBAAmB;IACnB,kBAAkB;IAClB,eAAe;CAChB,CAAC;MAQW,iBAAiB;;;;IAK5B,MAAM,iBAAiB;QACrB,IAAI,CAAC,gBAAgB,GAAG,MAAM,MAAM,CAAC,mBAAmB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;KACnE;IAED,gBAAgB,MAAK;IAErB,MAAM;QACJ,QACE,EAAC,IAAI,IACH,KAAK,EAAC,qBAAqB,EAC3B,KAAK,EAAE;gBACL,eAAe,EAAE,QAAQ,sBAAsB,YAAY,uBAAuB,IAAI;gBACtF,gBAAgB,EAAE,sBAAsB;gBACxC,kBAAkB,EAAE,oBAAoB;gBACxC,cAAc,EAAE,qBAAqB;aACtC,IAED,gBAAU,KAAK,EAAE,WAAW,GAAa,EACzC,WAAK,KAAK,EAAC,SAAS,IAClB,YAAM,KAAK,EAAC,YAAY,GAAQ,EAChC,UAAI,KAAK,EAAC,WAAW,IAAE,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAM,EACxD,SAAG,KAAK,EAAC,oBAAoB,IAAE,IAAI,CAAC,gBAAgB,CAAC,WAAW,CAAK,EACrE,WAAK,GAAG,EAAE,iBAAiB,EAAE,GAAG,EAAC,EAAE,EAAC,KAAK,EAAC,mBAAmB,GAAG,CAC5D,CACD,EACP;KACH;;;;;;;;","names":[],"sources":["src/components/sign-in-result/sign-in-result.scss?tag=gx-ide-sign-in-result&encapsulation=shadow","src/components/sign-in-result/sign-in-result.tsx"],"sourcesContent":[":host {\n  display: grid;\n  block-size: 100%;\n  overflow: auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.content {\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n  color: var(--color-neutral-300);\n  gap: var(--spacing-gap-xl);\n  text-align: center;\n  padding: var(--spacing-padding-xxl);\n}\n\n.check-icon {\n  $checkIconSize: 64px;\n  block-size: $checkIconSize;\n  inline-size: $checkIconSize;\n  border-radius: 50%;\n  background-color: var(--color-accent-success-pressed);\n  background-image: var(--icon__system_check_on-surface--enabled);\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: 32px;\n  margin-block-end: 16px;\n}\n\n.genexus-next-logo {\n  inline-size: 140px;\n  margin-block-start: 108px;\n}\n","// This is a starting template. Do not edit this file directly.\n// Dupicate it and modify the new file as needed.\n\nimport { Component, Host, Element, getAssetPath, h } from \"@stencil/core\";\n\nimport { MercuryBundles } from \"@genexus/mercury\";\n\nimport { Locale } from \"../../common/locale\";\n\nconst ASSETS_DIR = \"gx-ide-assets/sign-in-result\";\n\nconst LEFT_SIDE_ILLUSTRATION = getAssetPath(\n  `./${ASSETS_DIR}/images/left-side-illustration.svg`\n);\nconst RIGHT_SIDE_ILLUSTRATION = getAssetPath(\n  `./${ASSETS_DIR}/images/right-side-illustration.svg`\n);\nconst GENEXUS_NEXT_LOGO = getAssetPath(\n  `./${ASSETS_DIR}/images/genexus-next-logo.svg`\n);\n\nconst CSS_BUNDLES: MercuryBundles = [\n  // Use only the bundles that are needed for this component.\n  \"resets/box-sizing\",\n  \"utils/typography\",\n  \"utils/spacing\"\n];\n\n@Component({\n  tag: \"gx-ide-sign-in-result\",\n  styleUrl: \"sign-in-result.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/sign-in-result\"]\n})\nexport class GxIdeSignInResult {\n  _componentLocale: any;\n\n  @Element() el: HTMLGxIdeSignInResultElement;\n\n  async componentWillLoad() {\n    this._componentLocale = await Locale.getComponentStrings(this.el);\n  }\n\n  componentDidLoad() {}\n\n  render() {\n    return (\n      <Host\n        class=\"widget spacing-body\"\n        style={{\n          backgroundImage: `url('${LEFT_SIDE_ILLUSTRATION}'), url('${RIGHT_SIDE_ILLUSTRATION}')`,\n          backgroundRepeat: \"no-repeat, no-repeat\",\n          backgroundPosition: \"left, right bottom\",\n          backgroundSize: \"auto 100%, auto 55%\"\n        }}\n      >\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <div class=\"content\">\n          <span class=\"check-icon\"></span>\n          <h1 class=\"heading-3\">{this._componentLocale.title}</h1>\n          <p class=\"subtitle-regular-s\">{this._componentLocale.description}</p>\n          <img src={GENEXUS_NEXT_LOGO} alt=\"\" class=\"genexus-next-logo\" />\n        </div>\n      </Host>\n    );\n  }\n}\n\nexport type CancelCallback = () => Promise<void>;\n\nexport type SaveCallback = () => Promise<string>;\n"],"version":3}
+{"file":"gx-ide-sign-in-result.entry.js","mappings":";;;AAAA,MAAM,eAAe,GAAG,gtBAAgtB;;ACSxuB,MAAM,UAAU,GAAG,8BAA8B,CAAC;AAElD,MAAM,sBAAsB,GAAG,YAAY,CACzC,KAAK,UAAU,oCAAoC,CACpD,CAAC;AACF,MAAM,uBAAuB,GAAG,YAAY,CAC1C,KAAK,UAAU,qCAAqC,CACrD,CAAC;AACF,MAAM,qBAAqB,GAAG,YAAY,CACxC,KAAK,UAAU,+BAA+B,CAC/C,CAAC;AAEF,MAAM,WAAW,GAAmB;;IAElC,mBAAmB;IACnB,kBAAkB;IAClB,eAAe;CAChB,CAAC;MAQW,iBAAiB;;;;IAK5B,MAAM,iBAAiB;QACrB,IAAI,CAAC,gBAAgB,GAAG,MAAM,MAAM,CAAC,mBAAmB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;KACnE;IAED,gBAAgB,MAAK;IAErB,MAAM;QACJ,QACE,EAAC,IAAI,IACH,KAAK,EAAC,qBAAqB,EAC3B,KAAK,EAAE;gBACL,eAAe,EAAE,QAAQ,sBAAsB,YAAY,uBAAuB,IAAI;gBACtF,gBAAgB,EAAE,sBAAsB;gBACxC,kBAAkB,EAAE,oBAAoB;gBACxC,cAAc,EAAE,qBAAqB;aACtC,IAED,gBAAU,KAAK,EAAE,WAAW,GAAa,EACzC,WAAK,KAAK,EAAC,SAAS,IAClB,YAAM,KAAK,EAAC,YAAY,GAAQ,EAChC,UAAI,KAAK,EAAC,WAAW,IAAE,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAM,EACxD,SAAG,KAAK,EAAC,oBAAoB,IAAE,IAAI,CAAC,gBAAgB,CAAC,WAAW,CAAK,EACrE,WACE,KAAK,EAAE;gBACL,IAAI,EAAE,OAAO,qBAAqB,8BAA8B;aACjE,EACD,KAAK,EAAC,mBAAmB,GACzB,CACE,CACD,EACP;KACH;;;;;;;;","names":[],"sources":["src/components/sign-in-result/sign-in-result.scss?tag=gx-ide-sign-in-result&encapsulation=shadow","src/components/sign-in-result/sign-in-result.tsx"],"sourcesContent":[":host {\n  display: grid;\n  block-size: 100%;\n  overflow: auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.content {\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n  color: var(--color-text-neutral-default);\n  gap: var(--spacing-gap-xl);\n  text-align: center;\n  padding: var(--spacing-padding-xxl);\n}\n\n.check-icon {\n  $checkIconSize: 64px;\n  block-size: $checkIconSize;\n  inline-size: $checkIconSize;\n  border-radius: 50%;\n  background-color: var(--color-accent-success-contrast);\n  background-image: var(--icon__system_check_on-surface--enabled);\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: 32px;\n  margin-block-end: 16px;\n}\n\n.genexus-next-logo {\n  inline-size: 140px;\n  block-size: 30px;\n  margin-block-start: 108px;\n  mask-size: contain;\n  background-color: var(--color-icon-neutral-default);\n}\n","// This is a starting template. Do not edit this file directly.\n// Dupicate it and modify the new file as needed.\n\nimport { Component, Host, Element, getAssetPath, h } from \"@stencil/core\";\n\nimport { MercuryBundles } from \"@genexus/mercury\";\n\nimport { Locale } from \"../../common/locale\";\n\nconst ASSETS_DIR = \"gx-ide-assets/sign-in-result\";\n\nconst LEFT_SIDE_ILLUSTRATION = getAssetPath(\n  `./${ASSETS_DIR}/images/left-side-illustration.svg`\n);\nconst RIGHT_SIDE_ILLUSTRATION = getAssetPath(\n  `./${ASSETS_DIR}/images/right-side-illustration.svg`\n);\nconst GENEXUS_NEXT_LOGO_SRC = getAssetPath(\n  `./${ASSETS_DIR}/images/genexus-next-logo.svg`\n);\n\nconst CSS_BUNDLES: MercuryBundles = [\n  // Use only the bundles that are needed for this component.\n  \"resets/box-sizing\",\n  \"utils/typography\",\n  \"utils/spacing\"\n];\n\n@Component({\n  tag: \"gx-ide-sign-in-result\",\n  styleUrl: \"sign-in-result.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/sign-in-result\"]\n})\nexport class GxIdeSignInResult {\n  _componentLocale: any;\n\n  @Element() el: HTMLGxIdeSignInResultElement;\n\n  async componentWillLoad() {\n    this._componentLocale = await Locale.getComponentStrings(this.el);\n  }\n\n  componentDidLoad() {}\n\n  render() {\n    return (\n      <Host\n        class=\"widget spacing-body\"\n        style={{\n          backgroundImage: `url('${LEFT_SIDE_ILLUSTRATION}'), url('${RIGHT_SIDE_ILLUSTRATION}')`,\n          backgroundRepeat: \"no-repeat, no-repeat\",\n          backgroundPosition: \"left, right bottom\",\n          backgroundSize: \"auto 100%, auto 55%\"\n        }}\n      >\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <div class=\"content\">\n          <span class=\"check-icon\"></span>\n          <h1 class=\"heading-3\">{this._componentLocale.title}</h1>\n          <p class=\"subtitle-regular-s\">{this._componentLocale.description}</p>\n          <div\n            style={{\n              mask: `url(${GENEXUS_NEXT_LOGO_SRC}) no-repeat center / contain`\n            }}\n            class=\"genexus-next-logo\"\n          />\n        </div>\n      </Host>\n    );\n  }\n}\n\nexport type CancelCallback = () => Promise<void>;\n\nexport type SaveCallback = () => Promise<string>;\n"],"version":3}

package/dist/esm/gx-ide-splash.entry.js

@@ -7,7 +7,7 @@ import 'lit/directives/if-defined.js';
 import { L as Locale } from './locale-e5107fad.js';
 import { A as ANIMATION_DOTS } from './common-ceaf354a.js';
 
-const splashCss = ":host{--wrapper-copacity:0;--wrapper-min-inline-size:700px;--wrapper-max-inline-size:1040px;--wrapper-block-size:640px;transition:var(--timing-regular) opacity;display:flex;align-items:center;justify-content:center;inline-size:100%;block-size:100%;padding:var(--spacing-padding-xl);overflow:auto}.wrapper{flex:1;display:grid;grid-template-columns:1fr var(--wrapper-block-size);block-size:var(--wrapper-block-size);max-inline-size:var(--wrapper-max-inline-size);background-color:var(--color-accent-surface-elevation-1);border-radius:12px;overflow:auto;transform:translateY(4px)}.side-inline-start{background-size:cover}.side-inline-end{position:relative;display:grid;grid-template-rows:max-content 1fr max-content;padding-block:64px;padding-inline:80px;transition:var(--timing-slow) grid-template-rows;overflow:auto}.close-button{position:absolute;inset-inline-end:0;inset-block-start:0}.header{display:grid;gap:var(--spacing-gap-xl);margin-block-end:92px}.header__logo__close-button{display:flex;justify-content:space-between}.title{color:var(--color-text-neutral-strawberry);letter-spacing:0.02em}.next-version{color:var(--color-text-neutral-strawberry)}.header__description{color:var(--color-text-neutral-disabled);line-height:1.45 !important}.main{display:flex;flex-direction:column;gap:var(--spacing-gap-l);overflow:auto}.log__container{--logVisibleLines:7;--logFontSize:var(\n    --font-size-body-s\n  );--logLineHeight:var(\n    --line-height-relaxed\n  );--logGap:4px;--logContainerBlockSize:calc(\n    var(--logFontSize) * var(--logLineHeight) * var(--logVisibleLines) +\n      calc(var(--logGap) * (var(--logVisibleLines) - 1))\n  );block-size:var(--logContainerBlockSize);font-family:var(--font-family-code);color:var(--color-text-neutral-disabled);display:flex;flex-direction:column-reverse;gap:var(--logGap);overflow:hidden}.log__container:hover{overflow:auto}.log__container>p{font-family:inherit}.log__message{opacity:0;transition:var(--timing-regular) opacity;animation:fadeInLogMessage 0.45s ease-out forwards}.log__message--error{color:var(--color-text-error-default)}.footer{display:grid;grid-auto-rows:max-content;gap:var(--spacing-gap-l);margin-block-start:24px}.error-message{color:var(--color-text-error-default);margin-block-start:auto;display:-webkit-box;-webkit-line-clamp:2}.status--processing{display:flex;flex-direction:row;align-items:baseline;gap:var(--spacing-gap-xs)}@keyframes fadeInLogMessage{from{opacity:0}to{opacity:1}}";
+const splashCss = "button.button-secondary{border-color:var(--color-border-neutral-default)}:host{--wrapper-copacity:0;--wrapper-min-inline-size:700px;--wrapper-max-inline-size:1040px;--wrapper-block-size:640px;transition:var(--timing-regular) opacity;display:flex;align-items:center;justify-content:center;inline-size:100%;block-size:100%;padding:var(--spacing-padding-xl);overflow:auto}.wrapper{flex:1;display:grid;grid-template-columns:1fr var(--wrapper-block-size);block-size:var(--wrapper-block-size);max-inline-size:var(--wrapper-max-inline-size);background-color:var(--color-accent-surface-elevation-1);border-radius:12px;overflow:auto;transform:translateY(4px)}.side-inline-start{background-size:cover}.side-inline-end{position:relative;display:grid;grid-template-rows:max-content 1fr max-content;padding-block:64px;padding-inline:80px;transition:var(--timing-slow) grid-template-rows;overflow:auto}.close-button{position:absolute;inset-inline-end:0;inset-block-start:0}.header{display:grid;gap:var(--spacing-gap-xl);margin-block-end:92px}.header__logo__close-button{display:flex;justify-content:space-between}.title{color:var(--color-text-neutral-strawberry);letter-spacing:0.02em}.next-version{color:var(--color-text-neutral-strawberry)}.header__description{color:var(--color-text-neutral-disabled);line-height:1.45 !important}.main{display:flex;flex-direction:column;gap:var(--spacing-gap-l);overflow:auto}.log__container{--logVisibleLines:7;--logFontSize:var(\n    --font-size-body-s\n  );--logLineHeight:var(\n    --line-height-relaxed\n  );--logGap:4px;--logContainerBlockSize:calc(\n    var(--logFontSize) * var(--logLineHeight) * var(--logVisibleLines) +\n      calc(var(--logGap) * (var(--logVisibleLines) - 1))\n  );block-size:var(--logContainerBlockSize);font-family:var(--font-family-code);color:var(--color-text-neutral-disabled);display:flex;flex-direction:column-reverse;gap:var(--logGap);overflow:hidden}.log__container:hover{overflow:auto}.log__container>p{font-family:inherit}.log__message{opacity:0;transition:var(--timing-regular) opacity;animation:fadeInLogMessage 0.45s ease-out forwards}.log__message--error{color:var(--color-text-error-default)}.footer{display:grid;grid-auto-rows:max-content;gap:var(--spacing-gap-l);margin-block-start:24px}.error-message{color:var(--color-text-error-default);margin-block-start:auto;display:-webkit-box;-webkit-line-clamp:2}.status--processing{display:flex;flex-direction:row;align-items:baseline;gap:var(--spacing-gap-xs)}@keyframes fadeInLogMessage{from{opacity:0}to{opacity:1}}";
 
 var __classPrivateFieldSet = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
     if (kind === "m")