@genexus/genexus-ide-ui 1.1.70 → 1.1.71

package/dist/genexus-ide-ui/{p-9ffa7afd.entry.js.map → p-941f470f.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["shareKbCss","CSS_BUNDLES","GxIdeShareKb","_GxIdeShareKb_showMoreIcon","set","this","getIconPath","category","name","colorType","_GxIdeShareKb_versionsSelect","value","caption","_GxIdeShareKb__componentLocale","_GxIdeShareKb_kbVersions","_GxIdeShareKb_renderedFirstTime","_GxIdeShareKb_shortcutsSrc","getAssetPath","_GxIdeShareKb_selectedKbId","_GxIdeShareKb_versionSelectedTypeEl","_GxIdeShareKb_KBNameEl","_GxIdeShareKb_cancelHandler","cancelCallback","_GxIdeShareKb_changeConnectionHandler","async","changeConnectionCallback","authenticationType","connectionData","serverUrl","userName","userPassword","_GxIdeShareKb_shareKBHandler","versionSelectedType","__classPrivateFieldSet","shareKBCallback","kbName","versionList","__classPrivateFieldGet","allVersions","then","formSubmitResult","validatableControls","validateControls","_GxIdeShareKb_evaluateTooltipRender","controlReference","_b","_a","get","id","hasError","_c","message","h","class","actionElement","blockAlign","config","tooltipSettings","inlineAlign","delay","_GxIdeShareKb_initializeValidatableControls","forEach","validatableControl","reference","undefined","_GxIdeShareKb_kbNameInputHandler","event","detail","_GxIdeShareKb_selectedVersionHandler","selectKBVersionsCallback","result","length","map","kbVersion","localKbNameInputValue","versionsValueInput","kb","versionsPlaceholder","toString","versionSelectedFieldValue","oneVersionSelectedFieldValue","_GxIdeShareKb_versionsChangedHandler","enableSelectVersionsButton","_GxIdeShareKb_renderFooter","disableShareKbButton","onClick","part","footer","cancel","disabled","shareKB","Map","componentDidLoad","call","componentDidRender","componentDidRenderFirstTime","emit","componentName","componentWillLoad","Locale","getComponentStrings","el","render","Host","model","src","ref","chShortcutsEl","header","user","change","htmlFor","aliasLabel","onInput","placeholder","localKbNamePlaceholder","onChange","versionsLabel","readonly","versionsPlaceholderDisabled"],"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(--mer-spacing--xs);\n  }\n}\n\n.button-icon-only.button-tertiary {\n  border-color: var(--mer-color__neutral-gray--500);\n  border-width: var(--mer-border__width--sm);\n  border-radius: var(--mer-border__radius--sm);\n}\n\n.button-icon-only:hover {\n  border-color: var(--mer-color__neutral-gray--100);\n}\n","// Stencil\nimport {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  getAssetPath,\n  h,\n  Host,\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-elevation\"\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  #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  #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 control-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 control-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              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                        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-sm\"\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"],"mappings":"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"}
+{"version":3,"names":["shareKbCss","CSS_BUNDLES","GxIdeShareKb","_GxIdeShareKb_showMoreIcon","set","this","getIconPath","category","name","colorType","_GxIdeShareKb_versionsSelect","value","caption","_GxIdeShareKb__componentLocale","_GxIdeShareKb_kbVersions","_GxIdeShareKb_renderedFirstTime","_GxIdeShareKb_shortcutsSrc","getAssetPath","_GxIdeShareKb_selectedKbId","_GxIdeShareKb_versionSelectedTypeEl","_GxIdeShareKb_KBNameEl","_GxIdeShareKb_cancelHandler","cancelCallback","_GxIdeShareKb_changeConnectionHandler","async","changeConnectionCallback","authenticationType","connectionData","serverUrl","userName","userPassword","_GxIdeShareKb_shareKBHandler","versionSelectedType","__classPrivateFieldSet","shareKBCallback","kbName","versionList","__classPrivateFieldGet","allVersions","then","formSubmitResult","validatableControls","validateControls","_GxIdeShareKb_evaluateTooltipRender","controlReference","_b","_a","get","id","hasError","_c","message","h","class","actionElement","blockAlign","config","tooltipSettings","inlineAlign","delay","_GxIdeShareKb_initializeValidatableControls","forEach","validatableControl","reference","undefined","_GxIdeShareKb_kbNameInputHandler","event","detail","_GxIdeShareKb_selectedVersionHandler","selectKBVersionsCallback","result","length","map","kbVersion","localKbNameInputValue","versionsValueInput","kb","versionsPlaceholder","toString","versionSelectedFieldValue","oneVersionSelectedFieldValue","_GxIdeShareKb_versionsChangedHandler","enableSelectVersionsButton","_GxIdeShareKb_renderFooter","disableShareKbButton","onClick","part","footer","cancel","disabled","shareKB","Map","componentDidLoad","call","componentDidRender","componentDidRenderFirstTime","emit","componentName","componentWillLoad","Locale","getComponentStrings","el","render","Host","model","src","ref","chShortcutsEl","header","user","change","htmlFor","aliasLabel","onInput","placeholder","localKbNamePlaceholder","onChange","versionsLabel","readonly","versionsPlaceholderDisabled"],"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(--mer-spacing--xs);\n  }\n}\n\n.button-icon-only.button-tertiary {\n  border-color: var(--mer-color__neutral-gray--500);\n  border-width: var(--mer-border__width--sm);\n  border-radius: var(--mer-border__radius--sm);\n}\n\n.button-icon-only:hover {\n  border-color: var(--mer-color__neutral-gray--100);\n}\n","// Stencil\nimport {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  getAssetPath,\n  h,\n  Host,\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-elevation\"\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  #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  #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 control-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 control-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-sm\"\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"],"mappings":"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"}

package/dist/genexus-ide-ui/{p-93e79d19.entry.js → p-ac79f7e8.entry.js}

@@ -1,4 +1,4 @@
-import { r as t, g as i, h as e, F as s, H as a, a as n } from "./p-9b9ccd0c.js";
+import { r as t, g as e, h as i, F as s, H as n, a } from "./p-9b9ccd0c.js";
 
 import { g as o } from "./p-d42e842b.js";
 
@@ -17,30 +17,30 @@ import { v as l } from "./p-b32b6b1f.js";
 import { L as h } from "./p-311eedf3.js";
 
 const mapKbsModelToActionListModel = t => {
-  const i = [];
+  const e = [];
   t.forEach((t => {
-    i.push({
+    e.push({
       id: t.id,
       type: "actionable",
       caption: t.name
     });
   }));
-  return i;
+  return e;
 };
 
 const c = ":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;position:relative}.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(--mer-spacing--xs)}.versions-container .button-icon-only{border-color:var(--mer-color__neutral-gray--500);border-width:var(--mer-border__width--sm);border-radius:var(--mer-border__radius--sm)}.versions-container .button-icon-only:hover{border-color:var(--mer-color__neutral-gray--100)}";
 
-var d = undefined && undefined.__classPrivateFieldSet || function(t, i, e, s, a) {
+var d = undefined && undefined.__classPrivateFieldSet || function(t, e, i, s, n) {
   if (s === "m") throw new TypeError("Private method is not writable");
-  if (s === "a" && !a) throw new TypeError("Private accessor was defined without a setter");
-  if (typeof i === "function" ? t !== i || !a : !i.has(t)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
-  return s === "a" ? a.call(t, e) : a ? a.value = e : i.set(t, e), e;
+  if (s === "a" && !n) throw new TypeError("Private accessor was defined without a setter");
+  if (typeof e === "function" ? t !== e || !n : !e.has(t)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+  return s === "a" ? n.call(t, i) : n ? n.value = i : e.set(t, i), i;
 };
 
-var f = undefined && undefined.__classPrivateFieldGet || function(t, i, e, s) {
-  if (e === "a" && !s) throw new TypeError("Private accessor was defined without a getter");
-  if (typeof i === "function" ? t !== i || !s : !i.has(t)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
-  return e === "m" ? s : e === "a" ? s.call(t) : s ? s.value : i.get(t);
+var f = undefined && undefined.__classPrivateFieldGet || function(t, e, i, s) {
+  if (i === "a" && !s) throw new TypeError("Private accessor was defined without a getter");
+  if (typeof e === "function" ? t !== e || !s : !e.has(t)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+  return i === "m" ? s : i === "a" ? s.call(t) : s ? s.value : e.get(t);
 };
 
 var p, u, m, b, v, w, g, y, k, M, W, x, _, T, j, C, S, E, I, $, A, P, z, L;
@@ -79,7 +79,7 @@ const K = class {
     b.set(this, void 0);
     v.set(this, []);
     w.set(this, []);
-    g.set(this, i(`./gx-ide-assets/create-kb-from-server/shortcuts.json`));
+    g.set(this, e(`./gx-ide-assets/create-kb-from-server/shortcuts.json`));
     y.set(this, void 0);
     k.set(this, false);
     M.set(this, void 0);
@@ -111,8 +111,8 @@ const K = class {
     // TODO: evaluate if this should be a global helper function.
     // It is used on other dialogs as well.
         j.set(this, (t => {
-      var i, s, a;
-      return ((s = (i = this.validatableControls) === null || i === void 0 ? void 0 : i.get(t === null || t === void 0 ? void 0 : t.id)) === null || s === void 0 ? void 0 : s.hasError) && ((a = this.validatableControls.get(t.id)) === null || a === void 0 ? void 0 : a.message) && e("ch-tooltip", {
+      var e, s, n;
+      return ((s = (e = this.validatableControls) === null || e === void 0 ? void 0 : e.get(t === null || t === void 0 ? void 0 : t.id)) === null || s === void 0 ? void 0 : s.hasError) && ((n = this.validatableControls.get(t.id)) === null || n === void 0 ? void 0 : n.message) && i("ch-tooltip", {
         class: "tooltip",
         actionElement: t,
         blockAlign: r.tooltipSettings.blockAlign,
@@ -176,19 +176,19 @@ const K = class {
       }
     }));
     A.set(this, (t => {
-      var i;
-      const e = (i = t.detail[0]) === null || i === void 0 ? void 0 : i.item;
-      if (e === undefined) {
+      var e;
+      const i = (e = t.detail[0]) === null || e === void 0 ? void 0 : e.item;
+      if (i === undefined) {
         this.enableSelectVersionsButton = false;
         d(this, y, undefined, "f");
         return;
       }
       this.enableSelectVersionsButton = true;
-      d(this, y, e.id, "f");
+      d(this, y, i.id, "f");
       if (f(this, k, "f")) {
         return;
       }
-      this.localKbNameInputValue = e.caption;
+      this.localKbNameInputValue = i.caption;
       if (this.versionSelectedType === "Select") {
         this.versionsValueInput = "";
         d(this, w, [], "f");
@@ -198,21 +198,21 @@ const K = class {
       this.versionSelectedType = t.detail;
     }));
     z.set(this, (t => {
-      t.sort(((t, i) => {
-        var e, s;
-        return (e = t.caption) === null || e === void 0 ? void 0 : e.toLocaleLowerCase().localeCompare((s = i.caption) === null || s === void 0 ? void 0 : s.toLocaleLowerCase());
+      t.sort(((t, e) => {
+        var i, s;
+        return (i = t.caption) === null || i === void 0 ? void 0 : i.toLocaleLowerCase().localeCompare((s = e.caption) === null || s === void 0 ? void 0 : s.toLocaleLowerCase());
       }));
     }));
-    L.set(this, (() => e("footer", {
+    L.set(this, (() => i("footer", {
       class: "footer control-footer-with-border spacing-body-inline spacing-body-block-end"
-    }, e("div", {
+    }, i("div", {
       class: "buttons-spacer"
-    }, e("button", {
+    }, i("button", {
       // cancel button
       class: "button-secondary",
       onClick: f(this, x, "f"),
       part: "button button-cancel"
-    }, f(this, b, "f").footer.cancel), e("button", {
+    }, f(this, b, "f").footer.cancel), i("button", {
       // create kb button
       class: "button-primary",
       onClick: this.enableSelectVersionsButton && f(this, T, "f"),
@@ -242,55 +242,56 @@ const K = class {
     d(this, b, await h.getComponentStrings(this.el), "f");
   }
   render() {
-    return e(a, {
+    return i(n, {
       class: "widget"
-    }, e("ch-theme", {
+    }, i("ch-theme", {
       model: N
-    }), e("ch-shortcuts", {
+    }), i("ch-shortcuts", {
       src: f(this, g, "f"),
       ref: t => this.chShortcutsEl = t
-    }), e("section", {
+    }), i("section", {
       class: "section"
-    }, e("header", {
+    }, i("header", {
       class: "header control-header-with-border space-body spacing-body-inline spacing-body-block-start"
-    }, e("div", {
+    }, i("div", {
       class: "field field-block"
-    }, e("label", {
+    }, i("label", {
       class: "label"
-    }, f(this, b, "f").header.serverUrl), e("p", null, this.connectionData.serverUrl)), e("div", {
+    }, f(this, b, "f").header.serverUrl), i("p", null, this.connectionData.serverUrl)), i("div", {
       class: "field field-block"
-    }, e("label", {
+    }, i("label", {
       class: "label"
-    }, f(this, b, "f").header.user), e("p", null, this.connectionData.userName)), e("button", {
+    }, f(this, b, "f").header.user), i("p", null, this.connectionData.userName)), i("button", {
+      id: "change-connection-button",
       class: "button-tertiary button-change",
       onClick: f(this, _, "f")
-    }, f(this, b, "f").header.change)), e("section", {
+    }, f(this, b, "f").header.change)), i("section", {
       class: "main field-group spacing-body"
-    }, this.loading ? e("gx-ide-loader", {
+    }, this.loading ? i("gx-ide-loader", {
       loaderTitle: f(this, b, "f").loader.title,
       description: f(this, b, "f").loader.description,
       show: true
-    }) : e(s, null, e("ch-edit", {
+    }) : i(s, null, i("ch-edit", {
       class: "input search-kbs",
       id: "local-kb-name",
       startImgSrc: f(this, p, "f"),
       onInput: f(this, C, "f"),
       placeholder: f(this, b, "f").kb.searchKbsPlaceholder
-    }), f(this, v, "f").length === 0 || this.kbsFilteredActionListModel.length === 0 ? e("div", {
+    }), f(this, v, "f").length === 0 || this.kbsFilteredActionListModel.length === 0 ? i("div", {
       class: "list-box"
-    }, e("gx-ide-empty-state", {
+    }, i("gx-ide-empty-state", {
       stateIconSrc: F,
       stateTitle: f(this, b, "f").emptyKBsText,
       isAnimated: true
-    })) : e("ch-action-list-render", {
+    })) : i("ch-action-list-render", {
       selection: "single",
       class: "list-box",
       onSelectedItemsChange: f(this, A, "f"),
       model: this.kbsFilteredActionListModel,
       sortItemsCallback: f(this, z, "f")
-    }), e("div", {
+    }), i("div", {
       class: "versions-container field-group"
-    }, e("ch-radio-group-render", {
+    }, i("ch-radio-group-render", {
       class: "radio-group",
       model: f(this, m, "f"),
       onChange: f(this, P, "f"),
@@ -301,33 +302,34 @@ const K = class {
           this.versionSelectedType = f(this, M, "f").value;
         }
       }
-    }), this.versionSelectedType === "Select" && e("div", {
+    }), this.versionSelectedType === "Select" && i("div", {
       class: "versions-container__item field-group"
-    }, e("div", {
+    }, i("div", {
       class: "field field-block"
-    }, e("label", {
+    }, i("label", {
       class: "label",
       htmlFor: "control-id-1"
-    }, f(this, b, "f").kb.versionsLabel), e("div", {
+    }, f(this, b, "f").kb.versionsLabel), i("div", {
       class: "versions-container__input"
-    }, e("ch-edit", {
+    }, i("ch-edit", {
       class: "input",
       readonly: true,
       placeholder: this.enableSelectVersionsButton ? f(this, b, "f").kb.versionsPlaceholder : f(this, b, "f").kb.versionsPlaceholderDisabled,
       value: this.versionsValueInput
-    }), e("button", {
+    }), i("button", {
+      id: "select-version-button",
       class: "button-tertiary button-icon-only",
       onClick: f(this, $, "f"),
       disabled: !this.enableSelectVersionsButton
-    }, e("ch-image", {
+    }, i("ch-image", {
       src: f(this, u, "f"),
       class: "icon-sm"
-    })))))), e("div", {
+    })))))), i("div", {
       class: "field field-block"
-    }, e("label", {
+    }, i("label", {
       class: "label",
       htmlFor: "localKbName"
-    }, f(this, b, "f").kb.localKbNameLabel), e("ch-edit", {
+    }, f(this, b, "f").kb.localKbNameLabel), i("ch-edit", {
       // local kb name
       class: "input",
       id: "local-kb-name",
@@ -346,7 +348,7 @@ const K = class {
     return [ "gx-ide-assets/create-kb-from-server" ];
   }
   get el() {
-    return n(this);
+    return a(this);
   }
 };
 
@@ -359,4 +361,4 @@ A = new WeakMap, P = new WeakMap, z = new WeakMap, L = new WeakMap;
 K.style = c;
 
 export { K as gx_ide_create_kb_from_server };
-//# sourceMappingURL=p-93e79d19.entry.js.map
+//# sourceMappingURL=p-ac79f7e8.entry.js.map

package/dist/genexus-ide-ui/{p-93e79d19.entry.js.map → p-ac79f7e8.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["mapKbsModelToActionListModel","kbsData","listBoxItems","forEach","kb","push","id","type","caption","name","createKbFromServerCss","CSS_BUNDLES","INFO_ICON","getIconPath","category","colorType","GxIdeCreateKbFromServer","_GxIdeCreateKbFromServer_chSearchIcon","set","this","_GxIdeCreateKbFromServer_showMoreIcon","_GxIdeCreateKbFromServer_versionsSelect","value","_GxIdeCreateKbFromServer__componentLocale","_GxIdeCreateKbFromServer_kbsActionListModel","_GxIdeCreateKbFromServer_kbVersions","_GxIdeCreateKbFromServer_shortcutsSrc","getAssetPath","_GxIdeCreateKbFromServer_selectedKbId","_GxIdeCreateKbFromServer_kbNameAlreadyEditedByUser","_GxIdeCreateKbFromServer_versionSelectedTypeEl","_GxIdeCreateKbFromServer_localKBNameEl","_GxIdeCreateKbFromServer_cancelHandler","cancelCallback","_GxIdeCreateKbFromServer_changeConnectionHandler","async","changeConnectionCallback","authenticationType","connectionData","serverUrl","userName","userPassword","_GxIdeCreateKbFromServer_createHandler","versionSelectedType","__classPrivateFieldSet","createKBCallback","selectedKB","__classPrivateFieldGet","versionSelected","localKBName","localKbNameInputValue","versionList","then","formSubmitResult","validatableControls","validateControls","_GxIdeCreateKbFromServer_evaluateTooltipRender","controlReference","_b","_a","get","hasError","_c","message","h","class","actionElement","blockAlign","config","tooltipSettings","inlineAlign","delay","_GxIdeCreateKbFromServer_filterValueChangedHandler","event","filterValue","detail","toLowerCase","kbsFilteredActionListModel","filter","item","includes","_GxIdeCreateKbFromServer_init","getGXserverKBsCallback","result","_GxIdeCreateKbFromServer_initializeValidatableControls","validatableControl","reference","undefined","_GxIdeCreateKbFromServer_inputLocalKbNameHandler","_GxIdeCreateKbFromServer_selectedVersionHandler","selectKBVersionsCallback","length","map","kbVersion","versionsValueInput","versionsPlaceholder","toString","versionSelectedFieldValue","oneVersionSelectedFieldValue","_GxIdeCreateKbFromServer_selectKbChangeHandler","enableSelectVersionsButton","_GxIdeCreateKbFromServer_versionsChangedHandler","_GxIdeCreateKbFromServer_sortItems","model","sort","a","b","toLocaleLowerCase","localeCompare","_GxIdeCreateKbFromServer_renderFooter","onClick","part","footer","cancel","disabled","createKb","Map","componentDidLoad","call","loading","componentWillLoad","Locale","getComponentStrings","el","render","Host","src","ref","chShortcutsEl","header","user","change","loaderTitle","loader","title","description","show","Fragment","startImgSrc","onInput","placeholder","searchKbsPlaceholder","stateIconSrc","stateTitle","emptyKBsText","isAnimated","selection","onSelectedItemsChange","sortItemsCallback","onChange","htmlFor","versionsLabel","readonly","versionsPlaceholderDisabled","localKbNameLabel","localKbNamePlaceholder"],"sources":["src/components/team-dev/create-kb-from-server/helpers.ts","src/components/team-dev/create-kb-from-server/create-kb-from-server.scss?tag=gx-ide-create-kb-from-server&encapsulation=shadow","src/components/team-dev/create-kb-from-server/create-kb-from-server.tsx"],"sourcesContent":["import { ActionListItemModel } from \"@genexus/chameleon-controls-library\";\nimport { KBData } from \"./create-kb-from-server\";\n\nexport const mapKbsModelToActionListModel = (\n  kbsData: KBData[]\n): ActionListItemModel[] => {\n  const listBoxItems: ActionListItemModel[] = [];\n  kbsData.forEach(kb => {\n    listBoxItems.push({\n      id: kb.id,\n      type: \"actionable\",\n      caption: kb.name\n    });\n  });\n  return listBoxItems;\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  position: relative;\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(--mer-spacing--xs);\n  }\n\n  .button-icon-only {\n    border-color: var(--mer-color__neutral-gray--500);\n    border-width: var(--mer-border__width--sm);\n    border-radius: var(--mer-border__radius--sm);\n  }\n\n  .button-icon-only:hover {\n    border-color: var(--mer-color__neutral-gray--100);\n  }\n}\n","// Stencil\nimport {\n  Component,\n  Element,\n  Fragment,\n  getAssetPath,\n  h,\n  Host,\n  Prop,\n  State\n} from \"@stencil/core\";\n\n// Other Libraries\nimport { getIconPath, MercuryBundles } from \"@genexus/mercury\";\n\n// Custom Imports\nimport {\n  ActionListItemActionable,\n  ActionListItemModel,\n  ActionListItemModelExtended,\n  ChActionListRenderCustomEvent,\n  ChEditCustomEvent\n} 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\";\nimport { mapKbsModelToActionListModel } from \"./helpers\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"utils/form--full\",\n  \"utils/layout\",\n  \"utils/typography\",\n  \"utils/spacing\",\n  \"components/list-box\",\n  \"components/tooltip\",\n  \"chameleon/scrollbar\"\n];\n\nconst INFO_ICON = getIconPath({\n  category: \"system\",\n  name: \"information\",\n  colorType: \"on-surface\"\n});\n\n@Component({\n  tag: \"gx-ide-create-kb-from-server\",\n  styleUrl: \"create-kb-from-server.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/create-kb-from-server\"]\n})\nexport class GxIdeCreateKbFromServer {\n  #chSearchIcon = getIconPath({\n    category: \"system\",\n    name: \"search\",\n    colorType: \"on-surface\"\n  });\n\n  #showMoreIcon = getIconPath({\n    category: \"gemini-tools\",\n    name: \"show-more-horizontal\",\n    colorType: \"on-elevation\"\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  #kbsActionListModel: ActionListItemModel[] = [];\n  #kbVersions: KBVersion[] = [];\n  #shortcutsSrc = getAssetPath(\n    `./gx-ide-assets/create-kb-from-server/shortcuts.json`\n  );\n  #selectedKbId: string;\n  #kbNameAlreadyEditedByUser: boolean = false;\n\n  #versionSelectedTypeEl: HTMLChRadioGroupRenderElement;\n\n  @Element() el: HTMLGxIdeCreateKbFromServerElement;\n\n  #localKBNameEl!: HTMLChEditElement;\n\n  /**\n   * State to enable/disable the select versions button\n   */\n  @State() enableSelectVersionsButton: boolean = false;\n\n  /**\n   * The current kbn name value.\n   */\n  @State() localKbNameInputValue: string = \"\";\n\n  /**\n   * State to store the loading state of the component\n   */\n  @State() loading = true;\n\n  /**\n   * State to store the filter input value to filter the list-box\n   */\n  @State() filterValue: string = \"\";\n\n  /**\n   * KBs filtered\n   */\n  @State() kbsFilteredActionListModel: ActionListItemModel[] = [];\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   * Callback that must be invoked when the 'Create KB' button is pressed. Receives the user's parameter selection to create the remote KB locally and ends the dialog.\n   */\n  @Prop() readonly createKBCallback!: (\n    kbInfo: KnowledgeBaseInfo\n  ) => Promise<FormSubmitResult>;\n\n  /**\n   * Callback that must be invoked when invoking the dialog\n   */\n  @Prop() readonly getGXserverKBsCallback!: (\n    data: GXServerConnectionData\n  ) => Promise<KBData[]>;\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  async componentDidLoad() {\n    await this.#init();\n    this.loading = false;\n  }\n\n  async componentWillLoad() {\n    this.#_componentLocale = await Locale.getComponentStrings(this.el);\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  #createHandler = async (): Promise<void> => {\n    if (this.versionSelectedType !== \"Select\") {\n      this.#kbVersions = [];\n    }\n    this.createKBCallback({\n      selectedKB: this.#selectedKbId,\n      versionSelected: this.versionSelectedType,\n      localKBName: this.localKbNameInputValue,\n      versionList: this.#kbVersions\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  #filterValueChangedHandler = (\n    event: ChEditCustomEvent<string> | InputEvent\n  ) => {\n    this.filterValue = (event.detail as string).toLowerCase();\n    this.kbsFilteredActionListModel = this.#kbsActionListModel.filter(\n      (item: ActionListItemActionable) =>\n        item.caption.toLowerCase().includes(this.filterValue)\n    );\n  };\n\n  #init = async () => {\n    await this.getGXserverKBsCallback({\n      authenticationType: this.connectionData.authenticationType,\n      serverUrl: this.connectionData.serverUrl,\n      userName: this.connectionData.userName,\n      userPassword: this.connectionData.userPassword\n    }).then(result => {\n      this.#kbsActionListModel = mapKbsModelToActionListModel(result);\n      this.kbsFilteredActionListModel = this.#kbsActionListModel;\n      this.filterValue = \"\";\n    });\n  };\n\n  #initializeValidatableControls = () => {\n    // populate validatableControls with the controls that could have errors.\n    const validatableControls: HTMLElement[] = [this.#localKBNameEl];\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  #inputLocalKbNameHandler = (\n    event: ChEditCustomEvent<string> | InputEvent\n  ) => {\n    this.localKbNameInputValue = event.detail as string;\n    this.#kbNameAlreadyEditedByUser = true;\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  #selectKbChangeHandler = (\n    event: ChActionListRenderCustomEvent<ActionListItemModelExtended[]>\n  ): void => {\n    const item = event.detail[0]?.item as ActionListItemActionable;\n    if (item === undefined) {\n      this.enableSelectVersionsButton = false;\n      this.#selectedKbId = undefined;\n      return;\n    }\n    this.enableSelectVersionsButton = true;\n    this.#selectedKbId = item.id;\n    if (this.#kbNameAlreadyEditedByUser) {\n      return;\n    }\n    this.localKbNameInputValue = item.caption;\n    if (this.versionSelectedType === \"Select\") {\n      this.versionsValueInput = \"\";\n      this.#kbVersions = [];\n    }\n  };\n\n  #versionsChangedHandler = (event: CustomEvent<string>) => {\n    this.versionSelectedType = event.detail as VersionOption;\n  };\n\n  #sortItems = (model: ActionListItemActionable[]): void => {\n    model.sort((a, b) =>\n      a.caption\n        ?.toLocaleLowerCase()\n        .localeCompare(b.caption?.toLocaleLowerCase())\n    );\n  };\n\n  #renderFooter = () => {\n    return (\n      <footer class=\"footer control-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            // create kb button\n            class=\"button-primary\"\n            onClick={this.enableSelectVersionsButton && this.#createHandler}\n            disabled={!this.enableSelectVersionsButton}\n            part=\"button button-create-kb\"\n          >\n            {this.#_componentLocale.footer.createKb}\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 control-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              class=\"button-tertiary button-change\"\n              onClick={this.#changeConnectionHandler}\n            >\n              {this.#_componentLocale.header.change}\n            </button>\n          </header>\n          <section class=\"main field-group spacing-body\">\n            {this.loading ? (\n              <gx-ide-loader\n                loaderTitle={this.#_componentLocale.loader.title}\n                description={this.#_componentLocale.loader.description}\n                show\n              ></gx-ide-loader>\n            ) : (\n              <Fragment>\n                <ch-edit\n                  class=\"input search-kbs\"\n                  id=\"local-kb-name\"\n                  startImgSrc={this.#chSearchIcon}\n                  onInput={this.#filterValueChangedHandler}\n                  placeholder={this.#_componentLocale.kb.searchKbsPlaceholder}\n                ></ch-edit>\n                {this.#kbsActionListModel.length === 0 ||\n                this.kbsFilteredActionListModel.length === 0 ? (\n                  <div class=\"list-box\">\n                    <gx-ide-empty-state\n                      stateIconSrc={INFO_ICON}\n                      stateTitle={this.#_componentLocale.emptyKBsText}\n                      isAnimated={true}\n                    ></gx-ide-empty-state>\n                  </div>\n                ) : (\n                  <ch-action-list-render\n                    selection=\"single\"\n                    class=\"list-box\"\n                    onSelectedItemsChange={this.#selectKbChangeHandler}\n                    model={this.kbsFilteredActionListModel}\n                    sortItemsCallback={this.#sortItems}\n                  ></ch-action-list-render>\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                      if (this.#versionSelectedTypeEl) {\n                        this.versionSelectedType = this.#versionSelectedTypeEl\n                          .value as VersionOption;\n                      }\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                            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-sm\"\n                            ></ch-image>\n                          </button>\n                        </div>\n                      </div>\n                    </div>\n                  )}\n                </div>\n\n                <div class=\"field field-block\">\n                  <label class=\"label\" htmlFor=\"localKbName\">\n                    {this.#_componentLocale.kb.localKbNameLabel}\n                  </label>\n                  <ch-edit\n                    // local kb name\n                    class=\"input\"\n                    id=\"local-kb-name\"\n                    value={this.localKbNameInputValue}\n                    onInput={this.#inputLocalKbNameHandler}\n                    placeholder={\n                      this.#_componentLocale.kb.localKbNamePlaceholder\n                    }\n                    ref={(el: HTMLChEditElement) => {\n                      this.#localKBNameEl = el as HTMLChEditElement;\n                      if (this.#localKBNameEl) {\n                        this.#initializeValidatableControls();\n                      }\n                    }}\n                  ></ch-edit>\n                  {this.#evaluateTooltipRender(this.#localKBNameEl)}\n                </div>\n              </Fragment>\n            )}\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 KnowledgeBaseInfo = {\n  selectedKB: string;\n  versionSelected: VersionOption;\n  localKBName: string;\n  versionList: KBVersion[];\n};\n\nexport type VersionOption = \"Trunk\" | \"All\" | \"Select\";\n"],"mappings":"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"}
+{"version":3,"names":["mapKbsModelToActionListModel","kbsData","listBoxItems","forEach","kb","push","id","type","caption","name","createKbFromServerCss","CSS_BUNDLES","INFO_ICON","getIconPath","category","colorType","GxIdeCreateKbFromServer","_GxIdeCreateKbFromServer_chSearchIcon","set","this","_GxIdeCreateKbFromServer_showMoreIcon","_GxIdeCreateKbFromServer_versionsSelect","value","_GxIdeCreateKbFromServer__componentLocale","_GxIdeCreateKbFromServer_kbsActionListModel","_GxIdeCreateKbFromServer_kbVersions","_GxIdeCreateKbFromServer_shortcutsSrc","getAssetPath","_GxIdeCreateKbFromServer_selectedKbId","_GxIdeCreateKbFromServer_kbNameAlreadyEditedByUser","_GxIdeCreateKbFromServer_versionSelectedTypeEl","_GxIdeCreateKbFromServer_localKBNameEl","_GxIdeCreateKbFromServer_cancelHandler","cancelCallback","_GxIdeCreateKbFromServer_changeConnectionHandler","async","changeConnectionCallback","authenticationType","connectionData","serverUrl","userName","userPassword","_GxIdeCreateKbFromServer_createHandler","versionSelectedType","__classPrivateFieldSet","createKBCallback","selectedKB","__classPrivateFieldGet","versionSelected","localKBName","localKbNameInputValue","versionList","then","formSubmitResult","validatableControls","validateControls","_GxIdeCreateKbFromServer_evaluateTooltipRender","controlReference","_b","_a","get","hasError","_c","message","h","class","actionElement","blockAlign","config","tooltipSettings","inlineAlign","delay","_GxIdeCreateKbFromServer_filterValueChangedHandler","event","filterValue","detail","toLowerCase","kbsFilteredActionListModel","filter","item","includes","_GxIdeCreateKbFromServer_init","getGXserverKBsCallback","result","_GxIdeCreateKbFromServer_initializeValidatableControls","validatableControl","reference","undefined","_GxIdeCreateKbFromServer_inputLocalKbNameHandler","_GxIdeCreateKbFromServer_selectedVersionHandler","selectKBVersionsCallback","length","map","kbVersion","versionsValueInput","versionsPlaceholder","toString","versionSelectedFieldValue","oneVersionSelectedFieldValue","_GxIdeCreateKbFromServer_selectKbChangeHandler","enableSelectVersionsButton","_GxIdeCreateKbFromServer_versionsChangedHandler","_GxIdeCreateKbFromServer_sortItems","model","sort","a","b","toLocaleLowerCase","localeCompare","_GxIdeCreateKbFromServer_renderFooter","onClick","part","footer","cancel","disabled","createKb","Map","componentDidLoad","call","loading","componentWillLoad","Locale","getComponentStrings","el","render","Host","src","ref","chShortcutsEl","header","user","change","loaderTitle","loader","title","description","show","Fragment","startImgSrc","onInput","placeholder","searchKbsPlaceholder","stateIconSrc","stateTitle","emptyKBsText","isAnimated","selection","onSelectedItemsChange","sortItemsCallback","onChange","htmlFor","versionsLabel","readonly","versionsPlaceholderDisabled","localKbNameLabel","localKbNamePlaceholder"],"sources":["src/components/team-dev/create-kb-from-server/helpers.ts","src/components/team-dev/create-kb-from-server/create-kb-from-server.scss?tag=gx-ide-create-kb-from-server&encapsulation=shadow","src/components/team-dev/create-kb-from-server/create-kb-from-server.tsx"],"sourcesContent":["import { ActionListItemModel } from \"@genexus/chameleon-controls-library\";\nimport { KBData } from \"./create-kb-from-server\";\n\nexport const mapKbsModelToActionListModel = (\n  kbsData: KBData[]\n): ActionListItemModel[] => {\n  const listBoxItems: ActionListItemModel[] = [];\n  kbsData.forEach(kb => {\n    listBoxItems.push({\n      id: kb.id,\n      type: \"actionable\",\n      caption: kb.name\n    });\n  });\n  return listBoxItems;\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  position: relative;\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(--mer-spacing--xs);\n  }\n\n  .button-icon-only {\n    border-color: var(--mer-color__neutral-gray--500);\n    border-width: var(--mer-border__width--sm);\n    border-radius: var(--mer-border__radius--sm);\n  }\n\n  .button-icon-only:hover {\n    border-color: var(--mer-color__neutral-gray--100);\n  }\n}\n","// Stencil\nimport {\n  Component,\n  Element,\n  Fragment,\n  getAssetPath,\n  h,\n  Host,\n  Prop,\n  State\n} from \"@stencil/core\";\n\n// Other Libraries\nimport { getIconPath, MercuryBundles } from \"@genexus/mercury\";\n\n// Custom Imports\nimport {\n  ActionListItemActionable,\n  ActionListItemModel,\n  ActionListItemModelExtended,\n  ChActionListRenderCustomEvent,\n  ChEditCustomEvent\n} 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\";\nimport { mapKbsModelToActionListModel } from \"./helpers\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"utils/form--full\",\n  \"utils/layout\",\n  \"utils/typography\",\n  \"utils/spacing\",\n  \"components/list-box\",\n  \"components/tooltip\",\n  \"chameleon/scrollbar\"\n];\n\nconst INFO_ICON = getIconPath({\n  category: \"system\",\n  name: \"information\",\n  colorType: \"on-surface\"\n});\n\n@Component({\n  tag: \"gx-ide-create-kb-from-server\",\n  styleUrl: \"create-kb-from-server.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/create-kb-from-server\"]\n})\nexport class GxIdeCreateKbFromServer {\n  #chSearchIcon = getIconPath({\n    category: \"system\",\n    name: \"search\",\n    colorType: \"on-surface\"\n  });\n\n  #showMoreIcon = getIconPath({\n    category: \"gemini-tools\",\n    name: \"show-more-horizontal\",\n    colorType: \"on-elevation\"\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  #kbsActionListModel: ActionListItemModel[] = [];\n  #kbVersions: KBVersion[] = [];\n  #shortcutsSrc = getAssetPath(\n    `./gx-ide-assets/create-kb-from-server/shortcuts.json`\n  );\n  #selectedKbId: string;\n  #kbNameAlreadyEditedByUser: boolean = false;\n\n  #versionSelectedTypeEl: HTMLChRadioGroupRenderElement;\n\n  @Element() el: HTMLGxIdeCreateKbFromServerElement;\n\n  #localKBNameEl!: HTMLChEditElement;\n\n  /**\n   * State to enable/disable the select versions button\n   */\n  @State() enableSelectVersionsButton: boolean = false;\n\n  /**\n   * The current kbn name value.\n   */\n  @State() localKbNameInputValue: string = \"\";\n\n  /**\n   * State to store the loading state of the component\n   */\n  @State() loading = true;\n\n  /**\n   * State to store the filter input value to filter the list-box\n   */\n  @State() filterValue: string = \"\";\n\n  /**\n   * KBs filtered\n   */\n  @State() kbsFilteredActionListModel: ActionListItemModel[] = [];\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   * Callback that must be invoked when the 'Create KB' button is pressed. Receives the user's parameter selection to create the remote KB locally and ends the dialog.\n   */\n  @Prop() readonly createKBCallback!: (\n    kbInfo: KnowledgeBaseInfo\n  ) => Promise<FormSubmitResult>;\n\n  /**\n   * Callback that must be invoked when invoking the dialog\n   */\n  @Prop() readonly getGXserverKBsCallback!: (\n    data: GXServerConnectionData\n  ) => Promise<KBData[]>;\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  async componentDidLoad() {\n    await this.#init();\n    this.loading = false;\n  }\n\n  async componentWillLoad() {\n    this.#_componentLocale = await Locale.getComponentStrings(this.el);\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  #createHandler = async (): Promise<void> => {\n    if (this.versionSelectedType !== \"Select\") {\n      this.#kbVersions = [];\n    }\n    this.createKBCallback({\n      selectedKB: this.#selectedKbId,\n      versionSelected: this.versionSelectedType,\n      localKBName: this.localKbNameInputValue,\n      versionList: this.#kbVersions\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  #filterValueChangedHandler = (\n    event: ChEditCustomEvent<string> | InputEvent\n  ) => {\n    this.filterValue = (event.detail as string).toLowerCase();\n    this.kbsFilteredActionListModel = this.#kbsActionListModel.filter(\n      (item: ActionListItemActionable) =>\n        item.caption.toLowerCase().includes(this.filterValue)\n    );\n  };\n\n  #init = async () => {\n    await this.getGXserverKBsCallback({\n      authenticationType: this.connectionData.authenticationType,\n      serverUrl: this.connectionData.serverUrl,\n      userName: this.connectionData.userName,\n      userPassword: this.connectionData.userPassword\n    }).then(result => {\n      this.#kbsActionListModel = mapKbsModelToActionListModel(result);\n      this.kbsFilteredActionListModel = this.#kbsActionListModel;\n      this.filterValue = \"\";\n    });\n  };\n\n  #initializeValidatableControls = () => {\n    // populate validatableControls with the controls that could have errors.\n    const validatableControls: HTMLElement[] = [this.#localKBNameEl];\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  #inputLocalKbNameHandler = (\n    event: ChEditCustomEvent<string> | InputEvent\n  ) => {\n    this.localKbNameInputValue = event.detail as string;\n    this.#kbNameAlreadyEditedByUser = true;\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  #selectKbChangeHandler = (\n    event: ChActionListRenderCustomEvent<ActionListItemModelExtended[]>\n  ): void => {\n    const item = event.detail[0]?.item as ActionListItemActionable;\n    if (item === undefined) {\n      this.enableSelectVersionsButton = false;\n      this.#selectedKbId = undefined;\n      return;\n    }\n    this.enableSelectVersionsButton = true;\n    this.#selectedKbId = item.id;\n    if (this.#kbNameAlreadyEditedByUser) {\n      return;\n    }\n    this.localKbNameInputValue = item.caption;\n    if (this.versionSelectedType === \"Select\") {\n      this.versionsValueInput = \"\";\n      this.#kbVersions = [];\n    }\n  };\n\n  #versionsChangedHandler = (event: CustomEvent<string>) => {\n    this.versionSelectedType = event.detail as VersionOption;\n  };\n\n  #sortItems = (model: ActionListItemActionable[]): void => {\n    model.sort((a, b) =>\n      a.caption\n        ?.toLocaleLowerCase()\n        .localeCompare(b.caption?.toLocaleLowerCase())\n    );\n  };\n\n  #renderFooter = () => {\n    return (\n      <footer class=\"footer control-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            // create kb button\n            class=\"button-primary\"\n            onClick={this.enableSelectVersionsButton && this.#createHandler}\n            disabled={!this.enableSelectVersionsButton}\n            part=\"button button-create-kb\"\n          >\n            {this.#_componentLocale.footer.createKb}\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 control-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          <section class=\"main field-group spacing-body\">\n            {this.loading ? (\n              <gx-ide-loader\n                loaderTitle={this.#_componentLocale.loader.title}\n                description={this.#_componentLocale.loader.description}\n                show\n              ></gx-ide-loader>\n            ) : (\n              <Fragment>\n                <ch-edit\n                  class=\"input search-kbs\"\n                  id=\"local-kb-name\"\n                  startImgSrc={this.#chSearchIcon}\n                  onInput={this.#filterValueChangedHandler}\n                  placeholder={this.#_componentLocale.kb.searchKbsPlaceholder}\n                ></ch-edit>\n                {this.#kbsActionListModel.length === 0 ||\n                this.kbsFilteredActionListModel.length === 0 ? (\n                  <div class=\"list-box\">\n                    <gx-ide-empty-state\n                      stateIconSrc={INFO_ICON}\n                      stateTitle={this.#_componentLocale.emptyKBsText}\n                      isAnimated={true}\n                    ></gx-ide-empty-state>\n                  </div>\n                ) : (\n                  <ch-action-list-render\n                    selection=\"single\"\n                    class=\"list-box\"\n                    onSelectedItemsChange={this.#selectKbChangeHandler}\n                    model={this.kbsFilteredActionListModel}\n                    sortItemsCallback={this.#sortItems}\n                  ></ch-action-list-render>\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                      if (this.#versionSelectedTypeEl) {\n                        this.versionSelectedType = this.#versionSelectedTypeEl\n                          .value as VersionOption;\n                      }\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-sm\"\n                            ></ch-image>\n                          </button>\n                        </div>\n                      </div>\n                    </div>\n                  )}\n                </div>\n\n                <div class=\"field field-block\">\n                  <label class=\"label\" htmlFor=\"localKbName\">\n                    {this.#_componentLocale.kb.localKbNameLabel}\n                  </label>\n                  <ch-edit\n                    // local kb name\n                    class=\"input\"\n                    id=\"local-kb-name\"\n                    value={this.localKbNameInputValue}\n                    onInput={this.#inputLocalKbNameHandler}\n                    placeholder={\n                      this.#_componentLocale.kb.localKbNamePlaceholder\n                    }\n                    ref={(el: HTMLChEditElement) => {\n                      this.#localKBNameEl = el as HTMLChEditElement;\n                      if (this.#localKBNameEl) {\n                        this.#initializeValidatableControls();\n                      }\n                    }}\n                  ></ch-edit>\n                  {this.#evaluateTooltipRender(this.#localKBNameEl)}\n                </div>\n              </Fragment>\n            )}\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 KnowledgeBaseInfo = {\n  selectedKB: string;\n  versionSelected: VersionOption;\n  localKBName: string;\n  versionList: KBVersion[];\n};\n\nexport type VersionOption = \"Trunk\" | \"All\" | \"Select\";\n"],"mappings":"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"}

package/dist/genexus-ide-ui/{p-e2fd2c24.entry.js → p-c256dc59.entry.js}

@@ -14,9 +14,9 @@ import { L as s } from "./p-311eedf3.js";
 
 import { c as l } from "./p-c5196b3b.js";
 
-import { r as o } from "./p-db6c6085.js";
+import { r as o } from "./p-32b37b3d.js";
 
-import { C as n } from "./p-22bdcf23.js";
+import { C as n } from "./p-082015be.js";
 
 import { s as c } from "./p-02fb496a.js";
 
@@ -642,4 +642,4 @@ W = new WeakMap, $ = new WeakMap, T = new WeakMap, S = new WeakMap, I = new Weak
 X.style = d;
 
 export { X as gx_ide_team_dev_bring_changes };
-//# sourceMappingURL=p-e2fd2c24.entry.js.map
+//# sourceMappingURL=p-c256dc59.entry.js.map