@genexus/genexus-ide-ui 2.1.1 → 2.1.3

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

@@ -1 +0,0 @@
-{"version":3,"names":["newEnvironmentCss","CSS_BUNDLES","MAIN_SECTION_CLASSES","BASIC_SECTION_PARENT_CLASSES","BASIC_TAB_SELECTOR","ADVANCED_TAB_SELECTOR","GxIdeNewEnvironment","_GxIdeNewEnvironment_advancedTabHasBeenRendered","set","this","_GxIdeNewEnvironment_chShortcutsEl","_GxIdeNewEnvironment_envNameModifiedByUser","_GxIdeNewEnvironment_frontEndsCheckedMap","Map","_GxIdeNewEnvironment_selectedDataStoreId","_GxIdeNewEnvironment_selectedLanguageId","_GxIdeNewEnvironment_selectedRuntimeEnvironmentId","_GxIdeNewEnvironment_shortcutsSrc","getAssetPath","_GxIdeNewEnvironment_newEnvironmentSectionsModel","_GxIdeNewEnvironment_componentLocale","_GxIdeNewEnvironment_dataStoreEl","_GxIdeNewEnvironment_environmentNameEl","_GxIdeNewEnvironment_languageEl","_GxIdeNewEnvironment_setAsCurrentEnvironmentEl","_GxIdeNewEnvironment_dataStoreValueChangedHandler","__classPrivateFieldSet","__classPrivateFieldGet","value","_GxIdeNewEnvironment_updateEnvironmentName","call","_GxIdeNewEnvironment_envNameInputHandler","e","newEnvName","detail","trim","environmentName","_GxIdeNewEnvironment_evaluateSelectedRuntimeEnvironmentId","_a","runtimes","_GxIdeNewEnvironment_evaluateTooltipRender","controlReference","_b","validatableControls","get","id","hasError","_c","message","h","class","actionElement","blockAlign","config","tooltipSettings","inlineAlign","delay","_GxIdeNewEnvironment_initializeValidatableControlsBasicTab","forEach","validatableControl","reference","undefined","_GxIdeNewEnvironment_languageValueChangedHandler","async","event","_GxIdeNewEnvironment_updateDataSources","_GxIdeNewEnvironment_updateFrontEnds","_GxIdeNewEnvironment_renderAdvanced","name","_GxIdeNewEnvironment_renderBasic","length","runtime","onChange","_GxIdeNewEnvironment_runtimeEnvironmentChangedHandler","model","runtimesRadioGroupModel","caption","tabBasic","backEnd","backEndLabel","htmlFor","language","part","disabled","languages","languageComboBoxModel","onInput","ref","el","dataStores","dataStoresComboBoxModel","frontEnd","frontEndLabel","role","generators","renderChCheckboxItems","frontEnds","_GxIdeNewEnvironment_frontEndCheckboxInputHandler","_GxIdeNewEnvironment_updateLanguages","_GxIdeNewEnvironment_createCallbackHandler","selectedFrontEndIds","createCallback","setAsCurrent","then","formSubmitResult","validateControls","_GxIdeNewEnvironment_tabSelectionChangedHandler","newSelectedId","advancedTabIsVisible","updatedDataSources","getDataSourcesCallback","getEnvironmentNameCallback","updatedFrontEnds","getFrontEndsCallback","updatedLanguages","getLanguagesCallback","checkedValue","target","checked","_GxIdeNewEnvironment_updateFrontEndsCheckedMap","checkboxId","currentState","push","checkboxIndex","findIndex","removeIndex","dataStoresChanged","newValue","mapOptionsToComboBoxItemModel","result","setSelectedItem","getSelectedItem","languagesChanged","runtimesChanged","connectedCallback","componentDidLoad","componentDidRender","componentWillLoad","Locale","getComponentStrings","tabLabel","tabAdvanced","suspendShortcuts","suspend","render","Host","src","header","isAdvanced","autoFocus","placeholder","environmentNamePlaceholder","tab","tabListPosition","selectedId","overflow","contain","onSelectedItemChange","slot","footer","setAsCurrentEnvironment","setAsTarget","onClick","cancelCallback","btnCancel","btnCreate"],"sources":["src/components/new-environment/new-environment.scss?tag=gx-ide-new-environment&encapsulation=shadow","src/components/new-environment/new-environment.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.basic,\n.advanced {\n  padding-block-start: 16px;\n  block-size: 100%;\n  overflow: auto;\n}\n.advanced {\n  padding-block-end: 12px;\n}\n\n// basic\n.basic {\n  display: grid;\n  grid-template:\n    \"runtime-environment runtime-environment\" max-content\n    \"back-end front-end\" 1fr;\n  grid-template-columns: 1fr 1fr;\n}\n.basic__runtime-environment {\n  grid-area: runtime-environment;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: var(--spacing-gap-m);\n}\n.basic__runtime-environment.one-runtime-only {\n  align-items: center;\n  flex-direction: row;\n  justify-content: center;\n}\n.dialog-header__back-end,\n.dialog-header__front-end {\n  padding-block-start: 16px;\n}\n.basic__back-end {\n  grid-area: back-end;\n}\n.basic__front-end {\n  grid-area: front-end;\n}\n.basic__back-end,\n.basic__front-end {\n  display: grid;\n  grid-template-rows: max-content 1fr;\n  grid-auto-rows: max-content;\n  overflow: auto;\n}\n.main__back-end {\n  border-inline-end: var(--section-common-border);\n}\n.main__back-end,\n.main__front-end {\n  grid-auto-rows: max-content;\n  padding-block: 12px;\n  overflow: auto;\n}\n\n// WA / TODO: Add a helper class in Mercury to justify text.\n.text-align-center {\n  text-align: center; // should be resolved on mercury\n}\n\n.tab::part(page) {\n  // WA / TODO: Remove this line when the ch-tab renders supports scrollbar\n  // custom styling\n  scrollbar-width: thin;\n}\n\n// WA: Staring on Mercury V1.0.0. the checkbox displays an outline all around.\n// This requires the checkbox inline-size to be set to max-content.\n// TODO: Remove this once the checkbox displays correctly on a later version of Mercury.\n.checkbox {\n  inline-size: max-content;\n}\n","/* STENCIL IMPORTS */\nimport {\n  Component,\n  Element,\n  getAssetPath,\n  Host,\n  Method,\n  Prop,\n  State,\n  h,\n  Watch\n} from \"@stencil/core\";\n\nimport { MercuryBundles } from \"@genexus/mercury\";\n\nimport { config } from \"../../common/config\";\nimport { Locale } from \"../../common/locale\";\nimport {\n  mapOptionsToComboBoxItemModel,\n  renderChCheckboxItems\n} from \"../../common/helpers\";\nimport { getSelectedItem, setSelectedItem } from \"../../common/common\";\nimport { FormSubmitResult, GxOption } from \"../../common/types\";\nimport {\n  ControlValidation,\n  validateControls\n} from \"../../common/form-validation\";\nimport {\n  ChRadioGroupRenderCustomEvent,\n  TabModel,\n  ComboBoxModel,\n  ChEditCustomEvent,\n  RadioGroupModel,\n  ChCheckboxCustomEvent\n} from \"@genexus/chameleon-controls-library\";\nimport { removeIndex } from \"../../common/array\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  // TODO: review if \"utils/form--full\" is required.\n  \"resets/box-sizing\",\n  \"components/tab\",\n  \"components/tooltip\",\n  \"utils/form--full\",\n  \"utils/layout\",\n  \"utils/typography\",\n  \"utils/spacing\",\n  \"chameleon/scrollbar\"\n];\n\nconst MAIN_SECTION_CLASSES: string = \"main\";\nconst BASIC_SECTION_PARENT_CLASSES: string = \"basic\";\nconst BASIC_TAB_SELECTOR: string = \"basic\";\nconst ADVANCED_TAB_SELECTOR: string = \"advanced\";\n\n@Component({\n  tag: \"gx-ide-new-environment\",\n  styleUrl: \"new-environment.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/new-environment\"]\n})\nexport class GxIdeNewEnvironment {\n  #advancedTabHasBeenRendered: boolean = false;\n  #chShortcutsEl!: HTMLChShortcutsElement;\n  #envNameModifiedByUser = false;\n  /**\n   * frontEndsState saves the id's of the front ends checkboxes that are checked\n   */\n  // TODO (Use a set instead of an array to improve performance)\n  // eslint-disable-next-line @stencil-community/own-props-must-be-private\n  #frontEndsCheckedMap = new Map<string, string[]>();\n  #selectedDataStoreId: string;\n  #selectedLanguageId: string;\n  #selectedRuntimeEnvironmentId: string;\n  #shortcutsSrc = getAssetPath(\n    `./gx-ide-assets/new-environment/shortcuts.json`\n  );\n  #newEnvironmentSectionsModel: TabModel = [];\n\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\n  @Element() el: HTMLGxIdeNewEnvironmentElement;\n\n  // References needed to collect data con \"createCallback\" button submit*/\n  #dataStoreEl!: HTMLChComboBoxRenderElement;\n  #environmentNameEl!: HTMLChEditElement;\n  #languageEl!: HTMLChComboBoxRenderElement;\n  #setAsCurrentEnvironmentEl!: HTMLChCheckboxElement;\n\n  @State() advancedTabIsVisible: boolean = false;\n\n  /**\n   * Allows selecting multiple generators for the front end\n   * TODO: Check if this property can be deleted, since we can call getFrontEndsCallback.\n   */\n  @State() frontEnds: GxOption[];\n\n  @State() validatableControls = new Map<string, ControlValidation>();\n\n  // representations of GxOption[] as ComboBoxModel or RadioGroupModel.\n  @State() dataStoresComboBoxModel: ComboBoxModel = [];\n  @State() languageComboBoxModel: ComboBoxModel = [];\n  @State() runtimesRadioGroupModel: RadioGroupModel = [];\n\n  /**\n   * Callback invoked when user wants to cancel\n   */\n  @Prop() readonly cancelCallback: CancelCallback;\n\n  /**\n   * Callback invoked when user confirms the KB creation\n   */\n  @Prop() readonly createCallback!: CreateCallback;\n\n  /**\n   * Allows defining the DBMS to be used in the solution\n   */\n  @Prop({ mutable: true }) dataStores!: GxOption[];\n  @Watch(\"dataStores\")\n  dataStoresChanged(newValue: GxOption[]) {\n    if (newValue?.length) {\n      this.dataStoresComboBoxModel = mapOptionsToComboBoxItemModel(newValue);\n      const result = setSelectedItem(newValue, this.#selectedDataStoreId);\n      this.#selectedDataStoreId = getSelectedItem(result);\n    }\n  }\n\n  /**\n   * Name of the new environment\n   */\n  @Prop({ mutable: true }) environmentName: string;\n\n  /**\n   * Callback invoked when user changes the language or the runtime\n   */\n  @Prop() readonly getDataSourcesCallback!: GetDataSourcesCallback;\n\n  /**\n   * Callback invoked when user changes the language or data source\n   */\n  @Prop() readonly getEnvironmentNameCallback!: GetEnvironmentNameCallback;\n\n  /**\n   * Callback invoked when user changes the language\n   */\n  @Prop() readonly getFrontEndsCallback!: GetFrontEndsCallback;\n\n  /**\n   * Define if the Advanced tab should be displayed\n   */\n  @Prop() readonly isAdvanced: boolean = false;\n\n  /**\n   * Possible values for 'Language' combo\n   */\n  @Prop({ mutable: true }) languages!: GxOption[];\n  @Watch(\"languages\")\n  languagesChanged(newValue: GxOption[]) {\n    if (newValue?.length) {\n      this.languageComboBoxModel = mapOptionsToComboBoxItemModel(newValue);\n      this.#selectedLanguageId = getSelectedItem(newValue);\n      this.#updateFrontEnds();\n    }\n  }\n\n  /**\n   * Callback invoked when selected runtime is changed\n   */\n  @Prop() readonly getLanguagesCallback!: GetLanguagesCallback;\n\n  /**\n   * Possible values for 'Runtime Environment' radio button\n   */\n  @Prop() readonly runtimes!: GxOption[];\n  @Watch(\"runtimes\")\n  runtimesChanged(newValue: GxOption[]) {\n    if (newValue?.length) {\n      this.runtimesRadioGroupModel = mapOptionsToComboBoxItemModel(\n        this.runtimes\n      );\n\n      this.#updateLanguages();\n    }\n  }\n\n  /**\n   * Belongs to checkbox 'Set as current environment' @default true\n   *\n   */\n  @Prop() readonly setAsTarget?: boolean = true;\n\n  connectedCallback() {\n    this.dataStoresChanged(this.dataStores);\n    this.languagesChanged(this.languages);\n    this.runtimesChanged(this.runtimes);\n  }\n\n  componentDidLoad() {\n    this.#initializeValidatableControlsBasicTab();\n  }\n\n  componentDidRender() {\n    if (this.advancedTabIsVisible && !this.#advancedTabHasBeenRendered) {\n      // just call this once.\n      this.#advancedTabHasBeenRendered = true;\n    }\n  }\n\n  async componentWillLoad() {\n    this.#componentLocale = await Locale.getComponentStrings(this.el);\n    this.#newEnvironmentSectionsModel = [\n      {\n        id: BASIC_TAB_SELECTOR,\n        name: this.#componentLocale.tabBasic.tabLabel\n      },\n      {\n        id: ADVANCED_TAB_SELECTOR,\n        name: this.#componentLocale.tabAdvanced.tabLabel\n      }\n    ];\n    this.#evaluateSelectedRuntimeEnvironmentId();\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  #dataStoreValueChangedHandler = () => {\n    /* the data store item id is used for the value (they are equal)*/\n    this.#selectedDataStoreId = this.#dataStoreEl.value;\n    this.#updateEnvironmentName();\n  };\n\n  #envNameInputHandler = (e: ChEditCustomEvent<string> | InputEvent) => {\n    const newEnvName = (e as ChEditCustomEvent<string>).detail.trim();\n    this.#envNameModifiedByUser = newEnvName !== this.environmentName;\n  };\n\n  #evaluateSelectedRuntimeEnvironmentId = () => {\n    this.#selectedRuntimeEnvironmentId = this.runtimes[0]?.value;\n  };\n\n  // TODO: We must avoid performing the get 3 times.\n  // It is used on new-environment 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  #initializeValidatableControlsBasicTab = () => {\n    // populate #controlsValidation with the controls that could have errors.\n    const validatableControls: HTMLElement[] = [\n      this.#dataStoreEl,\n      this.#languageEl\n    ];\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  #languageValueChangedHandler = async (\n    event: CustomEvent<string> | InputEvent\n  ) => {\n    this.#selectedLanguageId = event.detail as string;\n    await this.#updateDataSources();\n    this.#updateFrontEnds();\n    this.#updateEnvironmentName();\n  };\n\n  #renderAdvanced = (): Element => {\n    return <slot name=\"property-grid\"></slot>;\n  };\n\n  #renderBasic = (): HTMLElement[] => {\n    return [\n      <div\n        class={{\n          \"basic__runtime-environment\": true,\n          \"dialog-header-with-border\": true,\n          \"one-runtime-only\": this.runtimes.length === 1\n        }}\n      >\n        {this.runtimes.length > 1\n          ? [\n              <h2\n                // Runtime Environment\n                class=\"subtitle-regular-xs\t text-align-center\"\n              >\n                {this.#componentLocale.runtime}\n              </h2>,\n              <ch-radio-group-render\n                class=\"radio-group\"\n                onChange={this.#runtimeEnvironmentChangedHandler}\n                model={this.runtimesRadioGroupModel}\n                value={this.#selectedRuntimeEnvironmentId}\n              ></ch-radio-group-render>\n            ]\n          : [\n              <h2 class=\"subtitle-regular-xs\t text-align-center\">\n                {this.#componentLocale.runtime}:\n              </h2>,\n              <p>{this.runtimesRadioGroupModel[0].caption}</p>\n            ]}\n      </div>,\n      <section class=\"basic__back-end scrollable\">\n        <h2\n          // back end\n          class=\"dialog-header dialog-header-with-border dialog-header__back-end subtitle-regular-xs\t text-align-center spacing-body-inline\"\n        >\n          {this.#componentLocale.tabBasic.backEnd.backEndLabel}\n        </h2>\n\n        <div class=\"field-group main__back-end spacing-body-inline scrollable\">\n          <div\n            // #language\n            class=\"field field-block\"\n          >\n            <label class=\"label\" htmlFor=\"language\">\n              {this.#componentLocale.tabBasic.backEnd.language}\n            </label>\n            <ch-combo-box-render\n              id=\"language\"\n              class=\"combo-box\"\n              part=\"language\"\n              value={this.#selectedLanguageId}\n              disabled={this.languages.length === 0}\n              model={this.languageComboBoxModel}\n              onInput={this.#languageValueChangedHandler}\n              ref={(el: HTMLChComboBoxRenderElement) =>\n                (this.#languageEl = el as HTMLChComboBoxRenderElement)\n              }\n              // TODO: toolTip={config.tooltip}\n            ></ch-combo-box-render>\n            {this.#evaluateTooltipRender(this.#languageEl)}\n          </div>\n\n          <div\n            // #data stores\n            class=\"field field-block\"\n          >\n            <label class=\"label\" htmlFor=\"data-store\">\n              {this.#componentLocale.tabBasic.backEnd.dataStores}\n            </label>\n            <ch-combo-box-render\n              id=\"data-store\"\n              class=\"combo-box\"\n              part=\"data-store\"\n              value={this.#selectedDataStoreId}\n              model={this.dataStoresComboBoxModel}\n              onInput={this.#dataStoreValueChangedHandler}\n              ref={(el: HTMLChComboBoxRenderElement) =>\n                (this.#dataStoreEl = el as HTMLChComboBoxRenderElement)\n              }\n              // TODO: toolTip={config.tooltip}\n            ></ch-combo-box-render>\n            {this.#evaluateTooltipRender(this.#dataStoreEl)}\n          </div>\n        </div>\n      </section>,\n\n      <section class=\"basic__front-end scrollable\">\n        <h2\n          // front end\n          class=\"dialog-header dialog-header-with-border dialog-header__front-end subtitle-regular-xs\t text-align-center spacing-body-inline\"\n        >\n          {this.#componentLocale.tabBasic.frontEnd.frontEndLabel}\n        </h2>\n        <div\n          class=\"field-group front-end__checkboxes spacing-body-inline main__front-end scrollable\"\n          role=\"group\"\n          aria-labelledby={this.#componentLocale.tabBasic.frontEnd.generators}\n        >\n          {renderChCheckboxItems(\n            this.frontEnds,\n            this.#frontEndCheckboxInputHandler,\n            this.#frontEndsCheckedMap.get(this.#selectedLanguageId)\n          )}\n        </div>\n      </section>\n    ];\n  };\n\n  #runtimeEnvironmentChangedHandler = async (\n    event: ChRadioGroupRenderCustomEvent<string>\n  ): Promise<void> => {\n    this.#selectedRuntimeEnvironmentId = event.detail;\n    await this.#updateLanguages();\n    await this.#updateDataSources();\n    this.#updateEnvironmentName();\n  };\n\n  #createCallbackHandler = async () => {\n    const selectedFrontEndIds =\n      this.#frontEndsCheckedMap.get(this.#selectedLanguageId) ?? [];\n\n    this.createCallback({\n      setAsCurrent: !!this.#setAsCurrentEnvironmentEl?.value,\n      name: this.#environmentNameEl.value,\n      runtime: this.#selectedRuntimeEnvironmentId,\n      language: this.#languageEl.value,\n      dataStores: this.#dataStoreEl.value,\n      frontEnds: selectedFrontEndIds\n    }).then((formSubmitResult: FormSubmitResult) => {\n      this.validatableControls = validateControls(\n        formSubmitResult,\n        this.validatableControls\n      );\n    });\n  };\n\n  #tabSelectionChangedHandler = (\n    event: CustomEvent<{\n      lastSelectedIndex: number;\n      newSelectedId: string;\n      newSelectedIndex: number;\n    }>\n  ): void => {\n    if (event.detail.newSelectedId === ADVANCED_TAB_SELECTOR) {\n      this.advancedTabIsVisible = true;\n      // Some logic for advanced tab is done on componentDidRender lifecycle,\n      // since the reference to the elements is needed.\n    }\n  };\n\n  #updateDataSources = async () => {\n    const updatedDataSources = await this.getDataSourcesCallback(\n      this.#selectedLanguageId,\n      this.#selectedRuntimeEnvironmentId\n    );\n    if (updatedDataSources?.length > 0) {\n      this.dataStores = updatedDataSources;\n    }\n  };\n\n  #updateEnvironmentName = async () => {\n    if (!this.#envNameModifiedByUser) {\n      this.environmentName = await this.getEnvironmentNameCallback(\n        this.#selectedLanguageId,\n        this.#selectedDataStoreId,\n        this.#selectedRuntimeEnvironmentId\n      );\n    }\n  };\n\n  #updateFrontEnds = async () => {\n    const updatedFrontEnds = await this.getFrontEndsCallback(\n      this.#selectedLanguageId\n    );\n    if (updatedFrontEnds?.length > 0) {\n      this.frontEnds = updatedFrontEnds;\n    }\n  };\n\n  #updateLanguages = async () => {\n    const updatedLanguages = await this.getLanguagesCallback(\n      this.#selectedRuntimeEnvironmentId\n    );\n    if (updatedLanguages?.length > 0) {\n      this.languages = updatedLanguages;\n    }\n  };\n\n  #frontEndCheckboxInputHandler = (\n    event: ChCheckboxCustomEvent<string> | InputEvent\n  ) => {\n    const checkedValue = (event.target as HTMLChCheckboxElement).checkedValue;\n    const checked = event.detail === checkedValue;\n    this.#updateFrontEndsCheckedMap(checkedValue, checked);\n  };\n\n  /**\n   * This function updates frontEndsCheckedMap, that contains the checked\n   * checkboxes for each language front ends.\n   */\n  // eslint-disable-next-line @stencil-community/own-props-must-be-private\n  #updateFrontEndsCheckedMap = (checkboxId: string, checked: boolean) => {\n    let currentState = this.#frontEndsCheckedMap.get(this.#selectedLanguageId);\n    if (!currentState) {\n      // first time\n      currentState = [];\n      this.#frontEndsCheckedMap.set(this.#selectedLanguageId, currentState);\n    }\n    if (checked) {\n      // update by adding\n      currentState.push(checkboxId);\n    } else {\n      // update by removing\n      const checkboxIndex = currentState.findIndex(id => id === checkboxId);\n      removeIndex(currentState, checkboxIndex);\n    }\n  };\n\n  render() {\n    return (\n      <Host class=\"widget scrollable\">\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\n            class={{\n              \"header\": true,\n              \"spacing-body-inline\": true,\n              \"spacing-body-block-start\": true,\n              \"dialog-header\": this.isAdvanced,\n              \"dialog-header-with-border\": !this.isAdvanced\n            }}\n          >\n            <div\n              // #environment name\n              class=\"field field-inline\"\n            >\n              <label class=\"label\" htmlFor=\"environment-name\">\n                {this.#componentLocale.name}\n              </label>\n              <ch-edit\n                // environment name\n                autoFocus\n                id=\"environment-name\"\n                class=\"input\"\n                part=\"environment-name\"\n                value={this.environmentName}\n                placeholder={this.#componentLocale.environmentNamePlaceholder}\n                // TODO: toolTip={config.tooltip}\n                ref={(el: HTMLChEditElement) =>\n                  (this.#environmentNameEl = el as HTMLChEditElement)\n                }\n                onInput={this.#envNameInputHandler}\n              ></ch-edit>\n            </div>\n          </header>\n\n          {this.isAdvanced ? (\n            <ch-tab-render\n              // main section\n              class={{\n                tab: true,\n                [MAIN_SECTION_CLASSES]: true\n              }}\n              tabListPosition=\"block-start\"\n              model={this.#newEnvironmentSectionsModel}\n              selectedId={BASIC_TAB_SELECTOR}\n              overflow=\"auto\"\n              contain=\"size\"\n              onSelectedItemChange={\n                !this.advancedTabIsVisible && this.#tabSelectionChangedHandler\n              }\n            >\n              <div\n                slot={BASIC_TAB_SELECTOR}\n                class={BASIC_SECTION_PARENT_CLASSES}\n                part=\"tab-button-basic\"\n              >\n                {this.#renderBasic()}\n              </div>\n              {this.advancedTabIsVisible && (\n                <div\n                  slot={ADVANCED_TAB_SELECTOR}\n                  class=\"advanced spacing-body-inline\"\n                  part=\"tab-button-advanced\"\n                >\n                  {this.#renderAdvanced()}\n                </div>\n              )}\n            </ch-tab-render>\n          ) : (\n            <div\n              // main section\n              class={MAIN_SECTION_CLASSES}\n            >\n              <div class={BASIC_SECTION_PARENT_CLASSES}>\n                {this.#renderBasic()}\n              </div>\n            </div>\n          )}\n\n          <footer\n            class={{\n              \"dialog-footer\": this.isAdvanced,\n              \"dialog-footer-with-border\": !this.isAdvanced,\n              \"dialog-footer-space-between\": true,\n              \"spacing-body-block-end\": true,\n              \"spacing-body-inline\": true\n            }}\n          >\n            <ch-checkbox\n              // #set as current environment\n              class=\"checkbox\"\n              caption={this.#componentLocale.footer.setAsCurrentEnvironment}\n              ref={(el: HTMLChCheckboxElement) =>\n                (this.#setAsCurrentEnvironmentEl = el as HTMLChCheckboxElement)\n              }\n              checkedValue=\"current-environment\"\n              value={this.setAsTarget ? \"current-environment\" : \"\"}\n              part=\"set-as-current-environment\"\n            ></ch-checkbox>\n\n            <div class=\"buttons-spacer\">\n              <button\n                // #cancel\n                class=\"button-secondary\"\n                onClick={this.cancelCallback}\n                part=\"button button-cancel\"\n              >\n                {this.#componentLocale.footer.btnCancel}\n              </button>\n\n              <button\n                // #create\n                class=\"button-primary\"\n                onClick={this.#createCallbackHandler}\n                part=\"button button-create\"\n              >\n                {this.#componentLocale.footer.btnCreate}\n              </button>\n            </div>\n          </footer>\n        </section>\n      </Host>\n    );\n  }\n}\n\nexport type CancelCallback = () => Promise<void>;\n\nexport type CreateCallback = (\n  data: NewEnvironmentData\n) => Promise<FormSubmitResult>;\n\nexport type GetDataSourcesCallback = (\n  selectedLanguageId: string,\n  selectedRuntimeId: string\n) => Promise<GxOption[]>;\n\nexport type GetEnvironmentNameCallback = (\n  selectedLanguageId: string,\n  selectedDataSourceId: string,\n  selectedRuntimeId: string\n) => Promise<string | undefined>;\n\nexport type GetFrontEndsCallback = (\n  selectedLanguageId: string\n) => Promise<GxOption[]>;\n\nexport type GetLanguagesCallback = (\n  selectedRuntimeId: string\n) => Promise<GxOption[]>;\n\nexport interface NewEnvironmentData {\n  setAsCurrent: boolean;\n  name: string;\n  runtime: string;\n  language: string;\n  dataStores: string;\n  frontEnds: string[];\n}\n"],"mappings":"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"}

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

@@ -1 +0,0 @@
-{"version":3,"names":["newKbCss","CSS_BUNDLES","WINDOWS_AUTHENTICATION_VALUE","MAIN_SECTION_CLASSES","BASIC_SECTION_PARENT_CLASSES","SYSTEM_ICON","getIconPath","category","name","colorType","BASIC_TAB_SELECTOR","ADVANCED_TAB_SELECTOR","GxIdeNewKb","_GxIdeNewKb_advancedTabHasBeenRendered","set","this","_GxIdeNewKb_componentLocale","_GxIdeNewKb_frontEndsCheckedMap","Map","_GxIdeNewKb_selectedPrototypingEnvironmentId","_GxIdeNewKb_selectedDataSourceId","_GxIdeNewKb_shortcutsSrc","getAssetPath","_GxIdeNewKb_kbSectionsModel","_GxIdeNewKb_authenticationTypeEl","_GxIdeNewKb_collationEl","_GxIdeNewKb_createDataFilesInKBFolderEl","_GxIdeNewKb_databaseNameEl","_GxIdeNewKb_dataSourceEl","_GxIdeNewKb_kbNameEl","_GxIdeNewKb_locationEl","_GxIdeNewKb_passwordEl","_GxIdeNewKb_prototypingEnvironmentEl","_GxIdeNewKb_prototypingTargetEl","_GxIdeNewKb_savePasswordEl","_GxIdeNewKb_serverNameEl","_GxIdeNewKb_userInterfaceLanguageEl","_GxIdeNewKb_userNameEl","_GxIdeNewKb_chShortcutsEl","_GxIdeNewKb_handlerAuthenticationTypeInput","e","authenticationTypeValue","detail","__classPrivateFieldGet","_GxIdeNewKb_evaluateUserInputsDisplay","call","_GxIdeNewKb_handlerServerNameInput","_GxIdeNewKb_evaluateCreateDataCheckboxEnabled","_GxIdeNewKb_prototypingEnvironmentValueChangedHandler","event","__classPrivateFieldSet","_GxIdeNewKb_getDataSources","_GxIdeNewKb_updateFrontEnds","_GxIdeNewKb_prototypingTargetValueChangedHandler","async","_GxIdeNewKb_getPrototypingEnvironments","_GxIdeNewKb_dataSourceValueChangedHandler","value","_GxIdeNewKb_renderAdvanced","h","class","tabAdvanced","tabTitle","htmlFor","serverName","label","disabled","serverNames","length","placeholder","disabledPlaceholder","serverNamesInitialValue","ref","el","model","serverNamesComboBoxModel","onInput","id","part","_GxIdeNewKb_evaluateTooltipRender","authenticationType","authenticationTypes","authenticationTypesInitialValue","authenticationTypesComboBoxModel","undefined","databaseName","userNameVisible","userName","collation","collations","collationsInitialValue","collationsComboBoxModel","passwordVisible","password","type","checkedValue","caption","createDataFilesInKbFolder","createDataInKbDisabled","savePasswordVisible","savePassword","_GxIdeNewKb_renderBasic","tabBasic","prototypingTarget","prototypingTargets","prototypingTargetsInitialValue","prototypingTargetsComboBoxModel","userInterfaceLanguage","userInterfaceLanguages","userInterfaceLanguagesInitialValue","userInterfaceLanguagesComboBoxModel","backEnd","backEndLabel","prototypingEnvironment","defaultPrototypingEnvironments","prototypingEnvironmentsComboBoxModel","dataSource","defaultDataSources","defaultDataSourcesComboBoxModel","frontEnd","frontEndLabel","renderChCheckboxItems","frontEnds","_GxIdeNewKb_frontEndCheckboxInputHandler","get","_GxIdeNewKb_cancelKbHandler","cancelCallback","_GxIdeNewKb_createKbHandler","selectedFrontEndIds","_a","createCallback","_b","_c","createDataFilesInKBFolder","_d","_e","_f","kbLocation","_g","kbName","_h","_j","_k","_l","_m","_o","_p","_q","then","formSubmitResult","validatableControls","validateControls","serverNameValue","controlReference","hasError","message","actionElement","blockAlign","config","tooltipSettings","inlineAlign","delay","target","checked","_GxIdeNewKb_updateFrontEndsCheckedMap","checkboxId","currentState","push","checkboxIndex","findIndex","removeIndex","getPrototypingEnvironmentsCallback","selectedPrototypingTargetId","envs","getDataSourcesCallback","selectedPrototypingEnvironmentId","updatedDefaultDataSourcesPromise","result","setSelectedItem","getSelectedItem","catch","_GxIdeNewKb_initialSetupAdvancedTab","selectedServerNameValue","selectedAuthenticationType","watchAuthenticationTypes","watchCollations","_GxIdeNewKb_initializeValidatableControlsBasicTab","forEach","validatableControl","reference","_GxIdeNewKb_initializeValidatableControlsAdvancedTab","_GxIdeNewKb_selectLocationHandler","selectLocationCallback","_GxIdeNewKb_tabSelectionChangedHandler","newSelectedId","advancedTabIsVisible","updatedFrontEnds","getFrontEndsCallback","newValue","mapOptionsToComboBoxItemModel","watchDefaultDataSources","watchDefaultPrototypingEnvironments","watchPrototypingTargets","watchServerNames","watchUserInterfaceLanguages","componentWillLoad","Locale","getComponentStrings","tabLabel","connectedCallback","componentDidLoad","componentDidRender","suspendShortcuts","suspend","render","Host","src","isAdvanced","header","autoFocus","selectLocationButton","title","onClick","scrollable","tab","tabListPosition","selectedId","overflow","contain","onSelectedItemChange","slot","footer","btnCancel","btnCreate"],"sources":["src/components/new-kb/new-kb.scss?tag=gx-ide-new-kb&encapsulation=shadow","src/components/new-kb/new-kb.tsx"],"sourcesContent":[":host {\n  display: grid;\n  block-size: 100%;\n  overflow: auto;\n  grid-template-rows: max-content 1fr max-content;\n}\n\n.section {\n  display: contents;\n}\n\n.header {\n  &-one-col {\n    grid-template-columns: 1fr;\n  }\n  &-two-cols {\n    grid-template-columns: 1fr 1fr;\n  }\n}\n// location appears if advanced is true\n.location-wrapper {\n  display: flex;\n  gap: var(--spacing-gap-xs);\n}\n.location {\n  flex-grow: 1;\n  grid-area: location;\n}\n\n.basic {\n  display: grid;\n  grid-template:\n    \"basic-top basic-top\" max-content\n    \"back-end front-end\" 1fr;\n  grid-template-columns: 1fr 1fr;\n}\n.basic__header {\n  grid-area: basic-top;\n  grid-template-columns: 1fr 1fr;\n}\n.dialog-header__back-end,\n.dialog-header__front-end {\n  padding-block-start: 16px;\n}\n.main__back-end {\n  border-inline-end: var(--section-common-border);\n}\n.main__back-end,\n.main__front-end {\n  grid-auto-rows: max-content;\n  padding-block: 12px;\n  overflow: auto;\n}\n// back end\n.section__back-end {\n  grid-area: back-end;\n  grid-auto-rows: max-content;\n}\n// front end\n.section__front-end {\n  grid-area: front-end;\n}\n.section__back-end,\n.section__front-end {\n  display: grid;\n  grid-template-rows: max-content 1fr;\n  overflow: auto;\n}\n\n// advanced\n.tab-advanced-title {\n  grid-area: tab-advanced-title;\n}\n.layout-tab-advanced-left-col {\n  grid-area: layout-tab-advanced-left-col;\n}\n.layout-tab-advanced-right-col {\n  grid-area: layout-tab-advanced-right-col;\n}\n\n.basic,\n.advanced {\n  padding-block-start: 12px;\n  overflow: auto;\n  block-size: 100%;\n}\n\n.tab-advanced__field-group {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  grid-auto-rows: auto;\n}\n\n// WA / TODO: Add a helper class in Mercury to justify text.\n.text-align-center {\n  text-align: center; // should be resolved on mercury\n}\n\n.tab::part(page) {\n  // WA / TODO: Remove this line when the ch-tab renders supports scrollbar\n  // custom styling\n  scrollbar-width: thin;\n}\n\n// WA: Staring on Mercury V1.0.0. the checkbox displays an outline all around.\n// This requires the checkbox inline-size to be set to max-content.\n// TODO: Remove this once the checkbox displays correctly on a later version of Mercury.\n.checkbox {\n  inline-size: max-content;\n}\n","import {\n  Component,\n  Host,\n  Prop,\n  Element,\n  State,\n  getAssetPath,\n  Method,\n  h,\n  Watch\n} from \"@stencil/core\";\n\nimport { MercuryBundles, getIconPath } from \"@genexus/mercury\";\n\nimport { config } from \"../../common/config\";\nimport { Locale } from \"../../common/locale\";\nimport { getSelectedItem, setSelectedItem } from \"../../common/common\";\nimport {\n  mapOptionsToComboBoxItemModel,\n  renderChCheckboxItems\n} from \"../../common/helpers\";\nimport { FormSubmitResult, GxOption } from \"../../common/types\";\nimport {\n  ControlValidation,\n  validateControls\n} from \"../../common/form-validation\";\nimport {\n  TabModel,\n  ComboBoxModel,\n  ChCheckboxCustomEvent\n} from \"@genexus/chameleon-controls-library\";\nimport { removeIndex } from \"../../common/array\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"components/tab\",\n  \"components/tooltip\",\n  \"utils/form--full\",\n  \"utils/layout\",\n  \"utils/typography\",\n  \"utils/spacing\",\n  \"chameleon/scrollbar\"\n];\n\nconst WINDOWS_AUTHENTICATION_VALUE: string = \"windows-authentication\";\nconst MAIN_SECTION_CLASSES: string = \"main\";\nconst BASIC_SECTION_PARENT_CLASSES: string = \"basic\";\n\nconst SYSTEM_ICON = getIconPath({\n  category: \"system\",\n  name: \"folder\",\n  colorType: \"primary\"\n});\n\nconst BASIC_TAB_SELECTOR: string = \"basic\";\nconst ADVANCED_TAB_SELECTOR: string = \"advanced\";\n\n@Component({\n  tag: \"gx-ide-new-kb\",\n  styleUrl: \"new-kb.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/new-kb\"]\n})\nexport class GxIdeNewKb {\n  #advancedTabHasBeenRendered: boolean = false;\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  /**\n   * frontEndsState saves the id's of the front ends checkboxes that are checked\n   */\n  // eslint-disable-next-line @stencil-community/own-props-must-be-private\n  #frontEndsCheckedMap = new Map<string, string[]>();\n  #selectedPrototypingEnvironmentId: string;\n  #selectedDataSourceId: string;\n  #shortcutsSrc = getAssetPath(`./gx-ide-assets/new-kb/shortcuts.json`);\n  #kbSectionsModel: TabModel = [];\n\n  @Element() el: HTMLGxIdeNewKbElement;\n\n  /* References needed to collect data con \"Create\" button submit*/\n  #authenticationTypeEl!: HTMLChComboBoxRenderElement;\n  #collationEl!: HTMLChComboBoxRenderElement;\n  #createDataFilesInKBFolderEl!: HTMLChCheckboxElement;\n  #databaseNameEl!: HTMLChEditElement;\n  #dataSourceEl!: HTMLChComboBoxRenderElement;\n  #kbNameEl!: HTMLChEditElement;\n  #locationEl!: HTMLChEditElement;\n  #passwordEl!: HTMLChEditElement;\n  #prototypingEnvironmentEl!: HTMLChComboBoxRenderElement;\n  #prototypingTargetEl!: HTMLChComboBoxRenderElement;\n  #savePasswordEl!: HTMLChCheckboxElement;\n  #serverNameEl!: HTMLChComboBoxRenderElement;\n  #userInterfaceLanguageEl!: HTMLChComboBoxRenderElement;\n  #userNameEl!: HTMLChEditElement;\n\n  #chShortcutsEl: HTMLChShortcutsElement;\n\n  @State() advancedTabIsVisible: boolean = false;\n  /**\n   * Allows selecting multiple generators for the front end\n   * TODO: Check if this property can be deleted, since we can call getFrontEndsCallback.\n   */\n  @State() frontEnds: GxOption[];\n  @State() validatableControls = new Map<string, ControlValidation>();\n  @State() createDataInKbDisabled = false;\n  @State() userNameVisible = true;\n  @State() passwordVisible = true;\n  @State() savePasswordVisible = true;\n  // representations of GxOption[] as ComboBoxModel, and initialValue for each one.\n  @State() authenticationTypesComboBoxModel: ComboBoxModel = [];\n  @State() authenticationTypesInitialValue: string;\n  @State() collationsComboBoxModel: ComboBoxModel = [];\n  @State() collationsInitialValue: string;\n  @State() defaultDataSourcesComboBoxModel: ComboBoxModel = [];\n  @State() prototypingTargetsComboBoxModel: ComboBoxModel = [];\n  @State() prototypingTargetsInitialValue: string;\n  @State() prototypingEnvironmentsComboBoxModel: ComboBoxModel = [];\n  @State() prototypingEnvironmentsInitialValue: string;\n  @State() serverNamesComboBoxModel: ComboBoxModel = [];\n  @State() serverNamesInitialValue: string;\n  @State() userInterfaceLanguagesComboBoxModel: ComboBoxModel = [];\n  @State() userInterfaceLanguagesInitialValue: string;\n\n  /**\n   * Defines the type of authentication for the connection to the previously defined database\n   */\n  @Prop() readonly authenticationTypes: GxOption[] = [];\n  @Watch(\"authenticationTypes\")\n  watchAuthenticationTypes(newValue: GxOption[]) {\n    if (newValue?.length) {\n      this.authenticationTypesComboBoxModel =\n        mapOptionsToComboBoxItemModel(newValue);\n      this.authenticationTypesInitialValue = getSelectedItem(newValue);\n    }\n  }\n\n  /**\n   * Callback invoked when the user wants to cancel KB creation (‘Cancel’ button)\n   */\n  @Prop() readonly cancelCallback: CancelCallback;\n\n  /**\n   * DB Collations\n   */\n  @Prop() readonly collations!: GxOption[];\n  @Watch(\"collations\")\n  watchCollations(newValue: GxOption[]) {\n    if (newValue?.length) {\n      this.collationsComboBoxModel = mapOptionsToComboBoxItemModel(newValue);\n      this.collationsInitialValue = getSelectedItem(newValue);\n    }\n  }\n\n  /**\n   * Callback that will be invoked when the user confirms KB creation (‘Create’ button)\n   */\n  @Prop() readonly createCallback!: CreateCallback;\n\n  /**\n   * Disabled if the first item of the 'Server Name' combo is selected\n   */\n  @Prop() readonly createDataFilesInKBFolder: boolean = false;\n\n  /**\n   * Name of the database where we are going to persist the information of our KB\n   */\n  @Prop() readonly databaseName: string;\n\n  /**\n   * It allows defining the DBMS that will be used in the solution\n   */\n  @Prop({ mutable: true }) defaultDataSources: GxOption[] = [];\n  @Watch(\"defaultDataSources\")\n  watchDefaultDataSources(newValue: GxOption[]) {\n    if (newValue?.length) {\n      this.defaultDataSourcesComboBoxModel =\n        mapOptionsToComboBoxItemModel(newValue);\n      const result = setSelectedItem(newValue, this.#selectedDataSourceId);\n      this.#selectedDataSourceId = getSelectedItem(result);\n    }\n  }\n\n  /**\n   * Callback invoked when the user wants to cancel KB creation (‘Cancel’ button)\n   */\n  @Prop() readonly getDataSourcesCallback: GetDataSourcesCallback;\n\n  /**\n   * Callback invoked when the user changes the prototyping environment, allowing for the modification of the list of front ends\n   */\n  @Prop() readonly getFrontEndsCallback!: GetFrontEndsCallback;\n\n  /**\n   * Callback invoked when the user changes the prototyping target id, allowing for the modification of the list of prototyping environments\n   */\n  @Prop()\n  readonly getPrototypingEnvironmentsCallback!: GetPrototypingEnvironmentsCallback;\n\n  /**\n   * Specify whether it is feasible to display information related to local configuration parameters\n   */\n  @Prop() readonly isAdvanced = false;\n\n  /**\n   * Default suggested path to a directory where the information related to the KB will be stored/generated\n   */\n  @Prop({ mutable: true }) kbLocation: string;\n\n  /**\n   * The knowledge base default suggested name\n   */\n  @Prop() readonly kbName: string;\n\n  /**\n   * Password for the database connection. Visible if the Authentication Type is different from Windows Authentication (first item of the combo)\n   */\n  @Prop() readonly password: string;\n\n  /**\n   * It allows selecting the default environment that the KB will have (additional environments can be created later)\n   */\n  @Prop({ mutable: true }) defaultPrototypingEnvironments: GxOption[] = [];\n  @Watch(\"defaultPrototypingEnvironments\")\n  watchDefaultPrototypingEnvironments(newValue: GxOption[]) {\n    if (newValue?.length) {\n      this.prototypingEnvironmentsComboBoxModel =\n        mapOptionsToComboBoxItemModel(newValue);\n      this.#selectedPrototypingEnvironmentId = getSelectedItem(newValue);\n      this.#updateFrontEnds();\n    }\n  }\n\n  /**\n   * Path to a directory where the information related to the KB will be stored/generated\n   */\n  @Prop() readonly prototypingTargets: GxOption[] = [];\n  @Watch(\"prototypingTargets\")\n  watchPrototypingTargets(newValue: GxOption[]) {\n    if (newValue?.length) {\n      this.prototypingTargetsComboBoxModel =\n        mapOptionsToComboBoxItemModel(newValue);\n      this.prototypingTargetsInitialValue = getSelectedItem(newValue);\n      this.#getPrototypingEnvironments();\n    }\n  }\n\n  /**\n   * Visible if something other than Windows Authentication is selected\n   */\n  @Prop() readonly savePassword: boolean = false;\n\n  /**\n   * This is a function provided by the developer that returns a string, with the location path\n   */\n  @Prop() readonly selectLocationCallback!: SelectLocationCallback;\n\n  /**\n   * Name of the DB server where we want to persist the information of our KB\n   */\n  @Prop() readonly serverNames: GxOption[] = [];\n  @Watch(\"serverNames\")\n  watchServerNames(newValue: GxOption[]) {\n    if (newValue?.length) {\n      this.serverNamesComboBoxModel = mapOptionsToComboBoxItemModel(newValue);\n      this.serverNamesInitialValue = getSelectedItem(newValue);\n    }\n  }\n\n  /**\n   * Specify the language in which the application screens will be developed (default language)\n   */\n  @Prop() readonly userInterfaceLanguages: GxOption[] = [];\n  @Watch(\"userInterfaceLanguages\")\n  watchUserInterfaceLanguages(newValue: GxOption[]) {\n    if (newValue?.length) {\n      this.userInterfaceLanguagesComboBoxModel =\n        mapOptionsToComboBoxItemModel(newValue);\n      this.userInterfaceLanguagesInitialValue = getSelectedItem(newValue);\n    }\n  }\n\n  /**\n   * Username for the database connection. Visible if the Authentication Type is different from Windows Authentication (first item of the combo)\n   */\n  @Prop() readonly userName: string;\n\n  async componentWillLoad() {\n    this.#componentLocale = await Locale.getComponentStrings(this.el);\n    this.#kbSectionsModel = [\n      {\n        id: BASIC_TAB_SELECTOR,\n        name: this.#componentLocale.tabBasic.tabLabel\n      },\n      {\n        id: ADVANCED_TAB_SELECTOR,\n        name: this.#componentLocale.tabAdvanced.tabLabel\n      }\n    ];\n  }\n\n  connectedCallback() {\n    this.watchDefaultDataSources(this.defaultDataSources);\n    this.watchDefaultPrototypingEnvironments(\n      this.defaultPrototypingEnvironments\n    );\n    this.watchPrototypingTargets(this.prototypingTargets);\n    this.watchServerNames(this.serverNames);\n    this.watchUserInterfaceLanguages(this.userInterfaceLanguages);\n  }\n\n  componentDidLoad() {\n    this.#initializeValidatableControlsBasicTab();\n  }\n\n  componentDidRender() {\n    if (this.advancedTabIsVisible && !this.#advancedTabHasBeenRendered) {\n      // just call this once.\n      this.#initialSetupAdvancedTab();\n      this.#initializeValidatableControlsAdvancedTab();\n      this.#advancedTabHasBeenRendered = true;\n    }\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  // Uncomment when \"TODO: define button handler and logic\" is done.\n  // #geminiToolsSearchPrimary = getIconPath({\n  //   category: \"gemini-tools\",\n  //   name: \"search\",\n  //   colorType: \"primary\"\n  // });\n  // #geminiToolsResetPrimary = getIconPath({\n  //   category: \"gemini-tools\",\n  //   name: \"reset\",\n  //   colorType: \"primary\"\n  // });\n\n  #handlerAuthenticationTypeInput = (e: CustomEvent<string> | InputEvent) => {\n    const authenticationTypeValue = e?.detail;\n    this.#evaluateUserInputsDisplay(authenticationTypeValue as string);\n  };\n\n  #handlerServerNameInput = (e: CustomEvent<string> | InputEvent) => {\n    this.#evaluateCreateDataCheckboxEnabled(e.detail as string);\n  };\n\n  #prototypingEnvironmentValueChangedHandler = (\n    event: CustomEvent<string> | InputEvent\n  ): void => {\n    this.#selectedPrototypingEnvironmentId = event.detail as string;\n    this.#getDataSources();\n    this.#updateFrontEnds();\n  };\n\n  #prototypingTargetValueChangedHandler = async (): Promise<void> => {\n    await this.#getPrototypingEnvironments();\n    this.#getDataSources();\n  };\n\n  #dataSourceValueChangedHandler = () => {\n    this.#selectedDataSourceId = this.#dataSourceEl.value;\n  };\n\n  #renderAdvanced = (): Element[] => {\n    return [\n      <h2\n        // #knowledge base storage\n        class=\"dialog-header subtitle-regular-xs\t text-align-center\"\n      >\n        {this.#componentLocale.tabAdvanced.tabTitle}\n      </h2>,\n      <div class=\"field-group tab-advanced__field-group\">\n        <div\n          // #server name\n          class=\"field field-block server-name-field\"\n        >\n          <label class=\"label\" htmlFor=\"serverName\">\n            {this.#componentLocale.tabAdvanced.serverName.label}\n          </label>\n          <ch-combo-box-render\n            class=\"combo-box\"\n            disabled={this.serverNames.length === 0}\n            placeholder={\n              this.serverNames.length === 0\n                ? this.#componentLocale.tabAdvanced.serverName\n                    .disabledPlaceholder\n                : \"\"\n            }\n            value={this.serverNamesInitialValue}\n            ref={(el: HTMLChComboBoxRenderElement) =>\n              (this.#serverNameEl = el as HTMLChComboBoxRenderElement)\n            }\n            model={this.serverNamesComboBoxModel}\n            onInput={\n              this.serverNames.length > 0 && this.#handlerServerNameInput\n            }\n            id=\"serverName\"\n            part=\"server-name\"\n          ></ch-combo-box-render>\n          {this.#evaluateTooltipRender(this.#serverNameEl)}\n        </div>\n\n        {/* <button\n          TODO: define button handler and logic\n          class=\"button-tertiary button-icon-only server-name-button\"\n          aria-label=\"caption\"\n          part=\"search-server-name\"\n          hidden\n        >\n          <ch-image\n            class=\"icon-xs\"\n            src={this.#geminiToolsSearchPrimary}\n          ></ch-image>\n        </button> */}\n\n        <div\n          // #authentication type\n          class=\"field field-block authentication-type-field\"\n        >\n          <label class=\"label\" htmlFor=\"authenticationType\">\n            {this.#componentLocale.tabAdvanced.authenticationType.label}\n          </label>\n          <ch-combo-box-render\n            class=\"combo-box\"\n            disabled={this.authenticationTypes.length === 0}\n            placeholder={\n              this.authenticationTypes.length === 0\n                ? this.#componentLocale.tabAdvanced.authenticationType\n                    .disabledPlaceholder\n                : \"\"\n            }\n            value={this.authenticationTypesInitialValue}\n            ref={(el: HTMLChComboBoxRenderElement) =>\n              (this.#authenticationTypeEl = el as HTMLChComboBoxRenderElement)\n            }\n            model={this.authenticationTypesComboBoxModel}\n            id=\"authenticationType\"\n            part=\"authentication-type\"\n            onInput={\n              this.authenticationTypes.length > 0\n                ? this.#handlerAuthenticationTypeInput\n                : undefined\n            }\n          ></ch-combo-box-render>\n          {this.#evaluateTooltipRender(this.#authenticationTypeEl)}\n        </div>\n\n        <div\n          // #database\n          class=\"field field-block database-field\"\n        >\n          <label class=\"label\" htmlFor=\"databaseName\">\n            {this.#componentLocale.tabAdvanced.databaseName.label}\n          </label>\n          <ch-edit\n            // TODO add placeholder\n            class=\"input\"\n            value={this.databaseName}\n            id=\"databaseName\"\n            part=\"database-name\"\n            ref={(el: HTMLChEditElement) =>\n              (this.#databaseNameEl = el as HTMLChEditElement)\n            }\n          ></ch-edit>\n          {this.#evaluateTooltipRender(this.#databaseNameEl)}\n        </div>\n\n        {this.userNameVisible ? (\n          <div\n            // #username\n            class=\"field field-block username-field\"\n          >\n            <label class=\"label\" htmlFor=\"userName\">\n              {this.#componentLocale.tabAdvanced.userName.label}\n            </label>\n            <ch-edit\n              // TODO add placeholder\n              class=\"input\"\n              value={this.userName}\n              id=\"userName\"\n              part=\"user-name\"\n              ref={(el: HTMLChEditElement) =>\n                (this.#userNameEl = el as HTMLChEditElement)\n              }\n            ></ch-edit>\n            {this.#evaluateTooltipRender(this.#userNameEl)}\n          </div>\n        ) : null}\n\n        <div\n          // #collation\n          class=\"field field-block collation-field\"\n        >\n          <label class=\"label\" htmlFor=\"collation\">\n            {this.#componentLocale.tabAdvanced.collation.label}\n          </label>\n          <ch-combo-box-render\n            class=\"combo-box\"\n            disabled={this.serverNames.length === 0}\n            placeholder={\n              this.collations.length === 0\n                ? this.#componentLocale.tabAdvanced.collation\n                    .disabledPlaceholder\n                : \"\"\n            }\n            value={this.collationsInitialValue}\n            ref={(el: HTMLChComboBoxRenderElement) =>\n              (this.#collationEl = el as HTMLChComboBoxRenderElement)\n            }\n            model={this.collationsComboBoxModel}\n            id=\"collation\"\n            part=\"collation\"\n          ></ch-combo-box-render>\n          {this.#evaluateTooltipRender(this.#collationEl)}\n        </div>\n\n        {/* <button\n          TODO: define button handler and logic \n          class=\"button-tertiary button-icon-only collation-button\"\n          aria-label=\"caption\"\n          part=\"reset-collation\"\n        >\n          <ch-image\n            class=\"icon-xs\"\n            src={this.#geminiToolsResetPrimary}\n          ></ch-image>\n        </button> */}\n\n        {this.passwordVisible ? (\n          <div\n            // #password\n            class=\"field field-block password-field\"\n          >\n            <label class=\"label\" htmlFor=\"password\">\n              {this.#componentLocale.tabAdvanced.password.label}\n            </label>\n            <ch-edit\n              // TODO add placeholder\n              class=\"input\"\n              type=\"password\"\n              value={this.password}\n              id=\"password\"\n              part=\"password\"\n              ref={(el: HTMLChEditElement) =>\n                (this.#passwordEl = el as HTMLChEditElement)\n              }\n            ></ch-edit>\n            {this.#evaluateTooltipRender(this.#passwordEl)}\n          </div>\n        ) : null}\n\n        <ch-checkbox\n          // #create data in knowledge base folder\n          class=\"checkbox create-data-in-kb-checkbox\"\n          checkedValue=\"createDataFilesInKBFolder\"\n          caption={this.#componentLocale.tabAdvanced.createDataFilesInKbFolder}\n          disabled={this.createDataInKbDisabled}\n          part=\"create-data-in-kb\"\n          id=\"createDataFilesInKBFolder\"\n          ref={(el: HTMLChCheckboxElement) =>\n            (this.#createDataFilesInKBFolderEl = el as HTMLChCheckboxElement)\n          }\n        ></ch-checkbox>\n\n        {this.savePasswordVisible ? (\n          <ch-checkbox\n            // #save password\n            class=\"checkbox save-password-checkbox\"\n            checkedValue=\"password\"\n            caption={this.#componentLocale.tabAdvanced.savePassword}\n            part=\"save-password\"\n            id=\"savePassword\"\n            ref={(el: HTMLChCheckboxElement) =>\n              (this.#savePasswordEl = el as HTMLChCheckboxElement)\n            }\n          ></ch-checkbox>\n        ) : null}\n      </div>\n    ];\n  };\n\n  #renderBasic = (): HTMLElement[] => {\n    return [\n      <section class=\"basic__header field-group dialog-header-with-border spacing-body-inline\">\n        <div\n          // #prototyping  target\n          class=\"field field-block prototyping-target\"\n        >\n          <label class=\"label\" htmlFor=\"prototypingTarget\">\n            {this.#componentLocale.tabBasic.prototypingTarget.label}\n          </label>\n\n          <ch-combo-box-render\n            id=\"prototypingTarget\"\n            class=\"combo-box\"\n            part=\"prototyping-target\"\n            disabled={this.prototypingTargets.length === 0}\n            placeholder={\n              this.prototypingTargets.length === 0\n                ? this.#componentLocale.tabBasic.prototypingTarget\n                    .disabledPlaceholder\n                : \"\"\n            }\n            value={this.prototypingTargetsInitialValue}\n            model={this.prototypingTargetsComboBoxModel}\n            onInput={\n              this.prototypingTargets.length > 0\n                ? this.#prototypingTargetValueChangedHandler\n                : undefined\n            }\n            ref={(el: HTMLChComboBoxRenderElement) =>\n              (this.#prototypingTargetEl = el as HTMLChComboBoxRenderElement)\n            }\n          ></ch-combo-box-render>\n          {this.#evaluateTooltipRender(this.#prototypingTargetEl)}\n        </div>\n\n        <div\n          // #user interface\n          class=\"field field-block user-interface-language\"\n        >\n          <label class=\"label\" htmlFor=\"userInterfaceLanguage\">\n            {this.#componentLocale.tabBasic.userInterfaceLanguage.label}\n          </label>\n          <ch-combo-box-render\n            class=\"combo-box\"\n            disabled={this.userInterfaceLanguages.length === 0}\n            placeholder={\n              this.userInterfaceLanguages.length === 0\n                ? this.#componentLocale.tabBasic.userInterfaceLanguage\n                    .disabledPlaceholder\n                : \"\"\n            }\n            value={this.userInterfaceLanguagesInitialValue}\n            ref={(el: HTMLChComboBoxRenderElement) =>\n              (this.#userInterfaceLanguageEl =\n                el as HTMLChComboBoxRenderElement)\n            }\n            model={this.userInterfaceLanguagesComboBoxModel}\n            id=\"userInterfaceLanguage\"\n            part=\"user-interface-language\"\n          ></ch-combo-box-render>\n          {this.#evaluateTooltipRender(this.#userInterfaceLanguageEl)}\n        </div>\n      </section>,\n\n      <section\n        class=\"section__back-end\"\n        // backend\n      >\n        <h2\n          // back end\n          class=\"dialog-header dialog-header-with-border dialog-header__back-end subtitle-regular-xs\t text-align-center spacing-body-inline\"\n        >\n          {this.#componentLocale.tabBasic.backEnd.backEndLabel}\n        </h2>\n        <div class=\"field-group main__back-end spacing-body-inline scrollable\">\n          <div\n            // #prototyping environment\n            class=\"field field-block\"\n          >\n            <label class=\"label\" htmlFor=\"prototypingEnvironment\">\n              {\n                this.#componentLocale.tabBasic.backEnd.prototypingEnvironment\n                  .label\n              }\n            </label>\n            <ch-combo-box-render\n              class=\"combo-box\"\n              disabled={this.defaultPrototypingEnvironments.length === 0}\n              placeholder={\n                this.defaultPrototypingEnvironments.length === 0\n                  ? this.#componentLocale.tabBasic.backEnd\n                      .prototypingEnvironment.disabledPlaceholder\n                  : \"\"\n              }\n              value={this.#selectedPrototypingEnvironmentId}\n              ref={(el: HTMLChComboBoxRenderElement) =>\n                (this.#prototypingEnvironmentEl =\n                  el as HTMLChComboBoxRenderElement)\n              }\n              model={this.prototypingEnvironmentsComboBoxModel}\n              onInput={this.#prototypingEnvironmentValueChangedHandler}\n              part=\"prototyping-environment\"\n              id=\"prototypingEnvironment\"\n            ></ch-combo-box-render>\n            {this.#evaluateTooltipRender(this.#prototypingEnvironmentEl)}\n          </div>\n\n          <div\n            // #data source\n            class=\"field field-block\"\n          >\n            <label class=\"label\" htmlFor=\"dataSource\">\n              {this.#componentLocale.tabBasic.backEnd.dataSource.label}\n            </label>\n            <ch-combo-box-render\n              class=\"combo-box\"\n              disabled={this.defaultDataSources.length === 0}\n              placeholder={\n                this.defaultDataSources.length === 0\n                  ? this.#componentLocale.tabBasic.backEnd.dataSource\n                      .disabledPlaceholder\n                  : \"\"\n              }\n              value={this.#selectedDataSourceId}\n              ref={(el: HTMLChComboBoxRenderElement) =>\n                (this.#dataSourceEl = el as HTMLChComboBoxRenderElement)\n              }\n              onInput={this.#dataSourceValueChangedHandler}\n              model={this.defaultDataSourcesComboBoxModel}\n              part=\"data-source\"\n              id=\"dataSource\"\n            ></ch-combo-box-render>\n            {this.#evaluateTooltipRender(this.#dataSourceEl)}\n          </div>\n        </div>\n      </section>,\n\n      <section\n        class=\"section__front-end\"\n        // front end\n      >\n        <h2 class=\"dialog-header dialog-header-with-border dialog-header__front-end subtitle-regular-xs\t text-align-center spacing-body-inline\">\n          {this.#componentLocale.tabBasic.frontEnd.frontEndLabel}\n        </h2>\n        <div class=\"field-group main__front-end spacing-body-inline scrollable\">\n          {renderChCheckboxItems(\n            this.frontEnds,\n            this.#frontEndCheckboxInputHandler,\n            this.#frontEndsCheckedMap.get(\n              this.#selectedPrototypingEnvironmentId\n            )\n          )}\n        </div>\n      </section>\n    ];\n  };\n\n  // - - - - - - - - - -\n\n  #cancelKbHandler = (): void => {\n    if (this.cancelCallback) {\n      this.cancelCallback();\n    }\n  };\n\n  #createKbHandler = (): void => {\n    const selectedFrontEndIds =\n      this.#frontEndsCheckedMap.get(this.#selectedPrototypingEnvironmentId) ??\n      [];\n\n    this.createCallback({\n      authenticationType: this.#authenticationTypeEl?.value,\n      collation: this.#collationEl?.value,\n      createDataFilesInKBFolder: !!this.#createDataFilesInKBFolderEl?.value,\n      dataSource: this.#dataSourceEl?.value,\n      databaseName: this.#databaseNameEl?.value,\n      frontEnds: selectedFrontEndIds,\n      kbLocation: this.#locationEl?.value,\n      kbName: this.#kbNameEl?.value,\n      password: this.#passwordEl?.value,\n      prototypingEnvironment: this.#prototypingEnvironmentEl?.value,\n      prototypingTarget: this.#prototypingTargetEl?.value,\n      savePassword: !!this.#savePasswordEl?.value,\n      serverName: this.#serverNameEl?.value,\n      userInterfaceLanguage: this.#userInterfaceLanguageEl?.value,\n      userName: this.#userNameEl?.value\n    }).then((formSubmitResult: FormSubmitResult) => {\n      this.validatableControls = validateControls(\n        formSubmitResult,\n        this.validatableControls\n      );\n    });\n  };\n\n  /**\n   * Disable \"Create Data in Knowledge Base Folder\" if the first Server Name\n   * option is selected.\n   * */\n  // eslint-disable-next-line @stencil-community/own-props-must-be-private\n  #evaluateCreateDataCheckboxEnabled = (serverNameValue: string) => {\n    if (this.serverNames[0]?.id === serverNameValue) {\n      this.createDataInKbDisabled = true;\n    } else {\n      this.createDataInKbDisabled = false;\n    }\n  };\n\n  // TODO: evaluate if this should be a global helper function.\n  // It is used on new-kb 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  /**\n   * If \"Authentication Type\" is \"Windows Authentication\", hide User Name,\n   * Password, and Save Password fields.\n   */\n  // eslint-disable-next-line @stencil-community/own-props-must-be-private\n  #evaluateUserInputsDisplay = (authenticationTypeValue: string) => {\n    if (authenticationTypeValue === WINDOWS_AUTHENTICATION_VALUE) {\n      this.userNameVisible = false;\n      this.passwordVisible = false;\n      this.savePasswordVisible = false;\n    } else {\n      this.userNameVisible = true;\n      this.passwordVisible = true;\n      this.savePasswordVisible = true;\n    }\n  };\n\n  #frontEndCheckboxInputHandler = (\n    event: ChCheckboxCustomEvent<string> | InputEvent\n  ) => {\n    const checkedValue = (event.target as HTMLChCheckboxElement).checkedValue;\n    const checked = event.detail === checkedValue;\n    this.#updateFrontEndsCheckedMap(checkedValue, checked);\n  };\n\n  /**\n   * This function updates frontEndsCheckedMap, that contains the checked\n   * checkboxes for each language front ends.\n   */\n  // eslint-disable-next-line @stencil-community/own-props-must-be-private\n  #updateFrontEndsCheckedMap = (checkboxId: string, checked: boolean) => {\n    let currentState = this.#frontEndsCheckedMap.get(\n      this.#selectedPrototypingEnvironmentId\n    );\n    if (!currentState) {\n      // first time\n      currentState = [];\n      this.#frontEndsCheckedMap.set(\n        this.#selectedPrototypingEnvironmentId,\n        currentState\n      );\n    }\n    if (checked) {\n      // update by adding\n      currentState.push(checkboxId);\n    } else {\n      // update by removing\n      const checkboxIndex = currentState.findIndex(id => id === checkboxId);\n      removeIndex(currentState, checkboxIndex);\n    }\n  };\n\n  #getPrototypingEnvironments = async (): Promise<void> => {\n    if (this.getPrototypingEnvironmentsCallback) {\n      const selectedPrototypingTargetId = this.#prototypingTargetEl\n        ? this.#prototypingTargetEl.value\n        : this.prototypingTargetsInitialValue;\n      const envs = await this.getPrototypingEnvironmentsCallback(\n        selectedPrototypingTargetId\n      );\n      if (envs) {\n        this.defaultPrototypingEnvironments = envs;\n      }\n    }\n  };\n\n  #getDataSources = (): void => {\n    if (this.getDataSourcesCallback) {\n      const selectedPrototypingEnvironmentId =\n        this.#prototypingEnvironmentEl.value;\n      const selectedPrototypingTargetId = this.#prototypingTargetEl.value;\n      const updatedDefaultDataSourcesPromise: Promise<GxOption[]> =\n        this.getDataSourcesCallback(\n          selectedPrototypingEnvironmentId,\n          selectedPrototypingTargetId\n        );\n      updatedDefaultDataSourcesPromise\n        .then(result => {\n          if (result.length > 0) {\n            result = setSelectedItem(result, this.#selectedDataSourceId);\n            this.#selectedDataSourceId = getSelectedItem(result);\n            this.defaultDataSources = result;\n            // set first option as selected\n            this.#dataSourceEl.value =\n              this.#selectedDataSourceId !== undefined\n                ? this.#selectedDataSourceId\n                : this.defaultDataSources[0].id;\n          }\n        })\n        .catch(() => {\n          // to do\n        });\n    }\n  };\n\n  #initialSetupAdvancedTab = () => {\n    const selectedServerNameValue = this.#serverNameEl.value;\n    this.#evaluateCreateDataCheckboxEnabled(selectedServerNameValue);\n\n    const selectedAuthenticationType = this.#authenticationTypeEl.value;\n    this.#evaluateUserInputsDisplay(selectedAuthenticationType);\n\n    // map all \"Advanced Tab\" GxOption[]'s to ComboBoxModel's\n    this.watchAuthenticationTypes(this.authenticationTypes);\n    this.watchCollations(this.collations);\n  };\n\n  #initializeValidatableControlsBasicTab = () => {\n    // populate #controlsValidation with the controls that could have errors.\n    const validatableControls: HTMLElement[] = [\n      this.#dataSourceEl,\n      this.#kbNameEl,\n      this.#prototypingEnvironmentEl,\n      this.#prototypingTargetEl,\n      this.#userInterfaceLanguageEl\n    ];\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  #initializeValidatableControlsAdvancedTab = () => {\n    // populate #controlsValidation with the controls that could have errors.\n    const validatableControls: HTMLElement[] = [\n      this.#locationEl,\n      this.#authenticationTypeEl,\n      this.#createDataFilesInKBFolderEl,\n      this.#serverNameEl,\n      this.#authenticationTypeEl,\n      this.#databaseNameEl,\n      this.#userNameEl,\n      this.#collationEl,\n      this.#passwordEl,\n      this.#savePasswordEl\n    ];\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  /**\n   * @description It allows defining the DBMS that will be used in the solution\n   */\n  // eslint-disable-next-line @stencil-community/own-props-must-be-private\n  #selectLocationHandler = (): void => {\n    this.selectLocationCallback().then(kbLocation => {\n      if (kbLocation) {\n        this.kbLocation = kbLocation;\n      } else {\n        // to be defined\n      }\n    });\n  };\n\n  #tabSelectionChangedHandler = (\n    event: CustomEvent<{\n      lastSelectedIndex: number;\n      newSelectedId: string;\n      newSelectedIndex: number;\n    }>\n  ): void => {\n    if (event.detail.newSelectedId === ADVANCED_TAB_SELECTOR) {\n      this.advancedTabIsVisible = true;\n      // Some logic for advanced tab is done on componentDidRender lifecycle,\n      // since the reference to the elements is needed.\n    }\n  };\n\n  /**\n   * Evaluates which front-end options need updates on 'getFrontEndsCallback'\n   * by comparing the new state (getFrontEndsCallback result) and previous state.\n   */\n  // eslint-disable-next-line @stencil-community/own-props-must-be-private\n  #updateFrontEnds = async () => {\n    const updatedFrontEnds = await this.getFrontEndsCallback(\n      this.#selectedPrototypingEnvironmentId\n    );\n    if (updatedFrontEnds?.length > 0) {\n      this.frontEnds = updatedFrontEnds;\n    }\n  };\n\n  render() {\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        <section class=\"section\">\n          <header\n            class={{\n              \"field-group\": true,\n              \"dialog-header-with-border\": !this.isAdvanced,\n              \"dialog-header\": this.isAdvanced,\n              \"header\": true,\n              \"header-two-cols\": this.isAdvanced,\n              \"header-one-col\": !this.isAdvanced,\n              \"spacing-body-block-start\": true,\n              \"spacing-body-inline\": true\n            }}\n          >\n            <div\n              // #kb name\n              class=\"field field-inline kb-name\"\n            >\n              <label class=\"label kb-label\" htmlFor=\"kbName\">\n                {this.#componentLocale.header.kbName}\n              </label>\n              <ch-edit\n                // TODO add placeholder\n                autoFocus\n                class=\"input kb-input\"\n                placeholder=\"SalesInventory\"\n                value={this.kbName}\n                ref={(el: HTMLChEditElement) =>\n                  (this.#kbNameEl = el as HTMLChEditElement)\n                }\n                id=\"kbName\"\n                part=\"kb-name\"\n              ></ch-edit>\n              {this.#evaluateTooltipRender(this.#kbNameEl)}\n            </div>\n\n            {this.isAdvanced && (\n              <div class=\"location-wrapper\">\n                <div\n                  // #location\n                  class=\"field field-inline location\"\n                >\n                  <label class=\"label location-label\" htmlFor=\"kbLocation\">\n                    {this.#componentLocale.header.kbLocation}\n                  </label>\n                  <ch-edit\n                    // TODO add placeholder\n                    class=\"input location-input\"\n                    value={this.kbLocation}\n                    ref={(el: HTMLChEditElement) =>\n                      (this.#locationEl = el as HTMLChEditElement)\n                    }\n                    id=\"kbLocation\"\n                    part=\"kb-location\"\n                  ></ch-edit>\n                  {this.#evaluateTooltipRender(this.#locationEl)}\n                </div>\n                <button\n                  class=\"button-tertiary button-icon-only location-icon\"\n                  aria-label={this.#componentLocale.header.selectLocationButton}\n                  title={this.#componentLocale.header.selectLocationButton}\n                  part=\"button-select-location\"\n                  onClick={this.#selectLocationHandler}\n                >\n                  <ch-image class=\"icon-m\" src={SYSTEM_ICON}></ch-image>\n                </button>\n              </div>\n            )}\n          </header>\n\n          {this.isAdvanced ? (\n            <ch-tab-render\n              // #tab\n              class={{\n                scrollable: true,\n                tab: true,\n                [MAIN_SECTION_CLASSES]: true\n              }}\n              tabListPosition=\"block-start\"\n              model={this.#kbSectionsModel}\n              selectedId={BASIC_TAB_SELECTOR}\n              overflow=\"auto\"\n              contain=\"size\"\n              onSelectedItemChange={\n                !this.advancedTabIsVisible && this.#tabSelectionChangedHandler\n              }\n            >\n              <div\n                slot={BASIC_TAB_SELECTOR}\n                class={BASIC_SECTION_PARENT_CLASSES}\n                part=\"tab-button-basic\"\n              >\n                {this.#renderBasic()}\n              </div>\n\n              {this.advancedTabIsVisible && (\n                <div\n                  slot={ADVANCED_TAB_SELECTOR}\n                  class=\"advanced spacing-body-inline\"\n                  part=\"tab-button-advanced\"\n                >\n                  {this.#renderAdvanced()}\n                </div>\n              )}\n            </ch-tab-render>\n          ) : (\n            <div class={MAIN_SECTION_CLASSES}>\n              <div class={BASIC_SECTION_PARENT_CLASSES}>\n                {this.#renderBasic()}\n              </div>\n            </div>\n          )}\n\n          <footer\n            class={{\n              \"dialog-footer\": this.isAdvanced,\n              \"dialog-footer-with-border\": !this.isAdvanced,\n              \"spacing-body-block-end\": true,\n              \"spacing-body-inline\": true\n            }}\n          >\n            <div class=\"buttons-spacer\">\n              <button\n                // #cancel\n                class=\"button-secondary\"\n                id=\"button-cancel\"\n                onClick={this.#cancelKbHandler}\n                part=\"button-cancel\"\n              >\n                {this.#componentLocale.footer.btnCancel}\n              </button>\n              <button\n                // #create\n                class=\"button-primary\"\n                id=\"button-create\"\n                onClick={this.#createKbHandler}\n                part=\"button-create\"\n              >\n                {this.#componentLocale.footer.btnCreate}\n              </button>\n            </div>\n          </footer>\n        </section>\n      </Host>\n    );\n  }\n}\nexport interface NewKBData {\n  authenticationType: string;\n  collation: string;\n  createDataFilesInKBFolder: boolean;\n  databaseName: string;\n  dataSource: string;\n  frontEnds: string[];\n  kbLocation: string;\n  kbName: string;\n  password: string;\n  prototypingEnvironment: string;\n  prototypingTarget: string;\n  savePassword: boolean;\n  serverName: string;\n  userInterfaceLanguage: string;\n  userName: string;\n}\n\nexport type CreateCallback = (data: NewKBData) => Promise<FormSubmitResult>;\n\nexport type CancelCallback = () => Promise<void>;\n\nexport type GetDataSourcesCallback = (\n  selectedPrototypingEnvironmentId: string,\n  selectedPrototypingTargetId: string\n) => Promise<GxOption[]>;\n\nexport type GetFrontEndsCallback = (\n  selectedPrototypingEnvironmentId: string\n) => Promise<GxOption[]>;\n\nexport type GetPrototypingEnvironmentsCallback = (\n  selectedPrototypingTargetId: string\n) => Promise<GxOption[]>;\n\nexport type SelectLocationCallback = () => Promise<string>;\n"],"mappings":"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"}

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

@@ -1 +0,0 @@
-{"version":3,"names":["updatePartialSelectionCss","CSS_BUNDLES","GEMINI_TOOLS_ADD_ICON","getIconPath","category","name","colorType","GxIdeTeamDevUpdatePartialSelection","_GxIdeTeamDevUpdatePartialSelection__componentLocale","set","this","_GxIdeTeamDevUpdatePartialSelection_renderedFirstTime","_GxIdeTeamDevUpdatePartialSelection_shortcutsSrc","getAssetPath","_GxIdeTeamDevUpdatePartialSelection_chGridEl","_GxIdeTeamDevUpdatePartialSelection_cancelHandler","cancelCallback","_GxIdeTeamDevUpdatePartialSelection_confirmHandler","confirmCallback","allRowsIds","selection","forEach","row","push","id","_GxIdeTeamDevUpdatePartialSelection_getObjectsHandler","addCallback","then","items","length","selectedObjectsIds","_GxIdeTeamDevUpdatePartialSelection_listenChanges","__classPrivateFieldGet","addEventListener","ev","detail","rowsId","_GxIdeTeamDevUpdatePartialSelection_removeAllHandler","_GxIdeTeamDevUpdatePartialSelection_removeSelectedObjectsHandler","filter","item","includes","_GxIdeTeamDevUpdatePartialSelection_renderObjects","h","allowColumnReorder","columnResizeMode","class","keyboardNavigationMode","ref","el","__classPrivateFieldSet","part","columnName","settingable","sortable","size","config","tabularGrid","colSize","minContent","tableHead","type","description","modifiedOn","maxContent","map","obj","rowid","key","src","typeIcon","formatDate","componentDidLoad","call","componentDidRender","componentDidRenderFirstTime","emit","componentName","componentWillLoad","Locale","getComponentStrings","componentDidLoadEvent","validate","isValid","render","buttonRemoveSelectedDisabled","Host","model","onClick","disabled","btnRemoveSelectedObjects","btnAddObject","footer","btnRemoveAll","btnCancel","btnConfirm"],"sources":["src/components/team-dev/update-partial-selection/update-partial-selection.scss?tag=gx-ide-team-dev-update-partial-selection&encapsulation=shadow","src/components/team-dev/update-partial-selection/update-partial-selection.tsx"],"sourcesContent":["@import \"../../../../node_modules/@genexus/mercury/dist/assets/scss/helpers.scss\";\n\n:host {\n  display: grid;\n  block-size: 100%;\n  grid-template-rows: max-content 1fr max-content;\n  overflow: auto;\n}\n\n.section {\n  display: contents;\n}\n\n.header {\n  justify-content: end;\n}\n\n.tabular-grid-main {\n  overflow: auto;\n  block-size: 100%;\n}\n\n@include tabular-grid-cell-layout(\n  $tabular-grid-selector: \".tabular-grid-main\",\n  $tabular-grid-cell-node-type: \"text\",\n  $tabular-grid-cell-apply-ellipsis: true,\n  $tabular-grid-affected-columns-nth-list: (\n    2,\n    3,\n    4\n  )\n);\n","// Stencil\nimport {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  Host,\n  Method,\n  Prop,\n  State,\n  getAssetPath,\n  h\n} from \"@stencil/core\";\n\n// Other Libraries\nimport { getIconPath, MercuryBundles } from \"@genexus/mercury\";\n\n// Custom Imports\nimport { config } from \"../../../common/config\";\nimport { Locale } from \"../../../common/locale\";\nimport { formatDate } from \"../../../common/helpers\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"components/button\",\n  \"components/edit\",\n  \"components/icon\",\n  \"components/radio-group\",\n  \"components/tabular-grid\",\n  \"utils/form\",\n  \"utils/layout\",\n  \"utils/spacing\",\n  \"utils/typography\"\n];\n\nconst GEMINI_TOOLS_ADD_ICON = getIconPath({\n  category: \"gemini-tools\",\n  name: \"add-circle\",\n  colorType: \"primary\"\n});\n@Component({\n  tag: \"gx-ide-team-dev-update-partial-selection\",\n  styleUrl: \"update-partial-selection.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/team-dev-update-partial-selection\"]\n})\nexport class GxIdeTeamDevUpdatePartialSelection {\n  #_componentLocale: any;\n  #renderedFirstTime = false;\n  #shortcutsSrc = getAssetPath(\n    `./gx-ide-assets/team-dev-update-partial-selection/shortcuts.json`\n  );\n\n  @Element() el: HTMLGxIdeTeamDevUpdatePartialSelectionElement;\n\n  #chGridEl!: HTMLChTabularGridElement;\n\n  /**\n   * Selected objects in objects table\n   */\n  @State() selectedObjectsIds: string[] = [];\n\n  /**\n   * Callback invoked to return a list of new objects to populate objects table.\n   */\n  @Prop() readonly addCallback!: AddCallback;\n\n  /**\n   * Callback invoked when the user wishes to cancel the selection of objects.\n   */\n  @Prop() readonly cancelCallback!: CancelCallback;\n\n  /**\n   *Callback invoked when confirm action is executed passing the selected objects ids.\n   */\n  @Prop() readonly confirmCallback!: ConfirmCallback;\n\n  /**\n   * Current objects selection in the grid\n   */\n  @Prop({ mutable: true }) selection: ObjectData[] = [];\n\n  /**\n   * Emitted once just after the component is fully loaded and the first render() occurs.\n   */\n  @Event() componentDidLoadEvent: EventEmitter<boolean>;\n\n  /**\n   * @description Gets fired when the component has rendered for the first time.\n   */\n  @Event() componentDidRenderFirstTime: EventEmitter<string>;\n\n  componentDidLoad() {\n    this.#listenChanges();\n  }\n\n  componentDidRender() {\n    if (!this.#renderedFirstTime) {\n      this.componentDidRenderFirstTime.emit(\n        this.#_componentLocale.componentName\n      );\n      this.#renderedFirstTime = true;\n    }\n  }\n  async componentWillLoad() {\n    this.#_componentLocale = await Locale.getComponentStrings(this.el);\n    this.componentDidLoadEvent.emit(true);\n  }\n\n  /**\n   * Validate necessary data input\n   */\n  @Method()\n  async validate(): Promise<boolean> {\n    const isValid = true;\n    return isValid;\n  }\n\n  #cancelHandler = (): void => {\n    this.cancelCallback();\n  };\n\n  #confirmHandler = (): void => {\n    if (this.confirmCallback) {\n      const allRowsIds: string[] = [];\n      this.selection.forEach(row => {\n        allRowsIds.push(row.id);\n      });\n\n      this.confirmCallback(allRowsIds);\n    }\n  };\n\n  #getObjectsHandler = (): void => {\n    this.addCallback().then((items: ObjectData[]) => {\n      if (items?.length > 0) {\n        this.selection = [...this.selection, ...items];\n        this.selectedObjectsIds = [];\n      }\n    });\n  };\n\n  #listenChanges = (): void => {\n    this.#chGridEl.addEventListener(\"selectionChanged\", (ev: any): void => {\n      this.selectedObjectsIds = ev.detail.rowsId;\n    });\n  };\n\n  #removeAllHandler = (): void => {\n    this.selection = [];\n  };\n\n  #removeSelectedObjectsHandler = (): void => {\n    const selection = this.selection.filter(\n      item => !this.selectedObjectsIds.includes(item.id)\n    );\n    this.selection = selection;\n    this.selectedObjectsIds = [];\n  };\n\n  #renderObjects = (): Element => {\n    return (\n      <ch-tabular-grid\n        allowColumnReorder={false}\n        columnResizeMode=\"single\"\n        class=\"tabular-grid tabular-grid-main\"\n        row-selection-mode=\"multiple\"\n        keyboardNavigationMode=\"focus\"\n        ref={(el: HTMLChTabularGridElement) => (this.#chGridEl = el)}\n        part=\"ch-grid-objects\"\n      >\n        <ch-tabular-grid-columnset class=\"tabular-grid-column-set\">\n          <ch-tabular-grid-column\n            columnName=\"\"\n            settingable={false}\n            sortable={false}\n            size={config.tabularGrid.colSize.minContent}\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            columnName={this.#_componentLocale.tableHead.name}\n            settingable={false}\n            sortable={false}\n            size=\"1fr\"\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            columnName={this.#_componentLocale.tableHead.type}\n            settingable={false}\n            sortable={false}\n            size=\"minmax(120px,auto)\"\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            columnName={this.#_componentLocale.tableHead.description}\n            settingable={false}\n            sortable={false}\n            size=\"minmax(120px,auto)\"\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            columnName={this.#_componentLocale.tableHead.modifiedOn}\n            settingable={false}\n            sortable={false}\n            size={config.tabularGrid.colSize.maxContent}\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n        </ch-tabular-grid-columnset>\n        {this.selection.map((obj: ObjectData) => (\n          <ch-tabular-grid-row\n            rowid={obj.id}\n            key={obj.id}\n            class=\"tabular-grid-row\"\n          >\n            <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n              <ch-image src={obj.typeIcon} class=\"icon-s\"></ch-image>\n            </ch-tabular-grid-cell>\n            <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n              {obj.name}\n            </ch-tabular-grid-cell>\n            <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n              {obj.type}\n            </ch-tabular-grid-cell>\n            <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n              {obj.description}\n            </ch-tabular-grid-cell>\n            <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n              {`${formatDate(obj.modifiedOn)}`}\n            </ch-tabular-grid-cell>\n          </ch-tabular-grid-row>\n        ))}\n      </ch-tabular-grid>\n    );\n  };\n\n  render(): void {\n    const buttonRemoveSelectedDisabled = !(this.selectedObjectsIds.length > 0);\n    return (\n      <Host class=\"widget\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <ch-shortcuts src={this.#shortcutsSrc}></ch-shortcuts>\n        <section class=\"section\">\n          <header class=\"header field-group dialog-header header header-two-cols spacing-body-block-start spacing-body-inline\">\n            <div class=\"buttons-spacer\">\n              <button\n                // remove selected button\n                class=\"button-secondary\"\n                onClick={\n                  !buttonRemoveSelectedDisabled &&\n                  this.#removeSelectedObjectsHandler\n                }\n                part=\"remove\"\n                disabled={buttonRemoveSelectedDisabled}\n              >\n                {this.#_componentLocale.btnRemoveSelectedObjects}\n              </button>\n\n              <button\n                // add button\n                class=\"button-secondary button-icon-and-text\"\n                onClick={this.#getObjectsHandler}\n                part=\"add\"\n              >\n                <ch-image class=\"icon-m\" src={GEMINI_TOOLS_ADD_ICON}></ch-image>\n                {this.#_componentLocale.btnAddObject}\n              </button>\n            </div>\n          </header>\n          {this.#renderObjects()}\n          <footer class=\"dialog-footer dialog-footer-space-between spacing-body-block-end spacing-body-inline\">\n            <button\n              // remove all button\n              class=\"button-tertiary\"\n              onClick={this.#removeAllHandler}\n              disabled={!(this.selection.length > 0)}\n              part=\"clear\"\n            >\n              {this.#_componentLocale.footer.btnRemoveAll}\n            </button>\n\n            <div class=\"buttons-spacer\">\n              <button\n                // cancel button\n                class=\"button-secondary\"\n                onClick={this.#cancelHandler}\n                part=\"cancel\"\n              >\n                {this.#_componentLocale.footer.btnCancel}\n              </button>\n\n              <button\n                // confirm button\n                class=\"button-primary\"\n                onClick={this.#confirmHandler}\n                part=\"confirm\"\n              >\n                {this.#_componentLocale.footer.btnConfirm}\n              </button>\n            </div>\n          </footer>\n        </section>\n      </Host>\n    );\n  }\n}\n\nexport type AddCallback = () => Promise<ObjectData[]>;\nexport type CancelCallback = () => Promise<void>;\nexport type ConfirmCallback = (ids: string[]) => Promise<void>;\n\nexport interface ObjectData {\n  id: string;\n  typeIcon: string;\n  name: string;\n  type: string;\n  description: string;\n  modifiedOn: Date;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA,MAAMA,IAA4B;;;;;;;;;;;;;;;;;ACsBlC,MAAMC,IAA8B,EAClC,qBACA,qBACA,mBACA,mBACA,0BACA,2BACA,cACA,gBACA,iBACA;;AAGF,MAAMC,IAAwBC,EAAY;EACxCC,UAAU;EACVC,MAAM;EACNC,WAAW;;;MAQAC,IAAkC;;;;;IAC7CC,EAAAC,IAAAC,WAAA;IACAC,EAAAF,IAAAC,MAAqB;IACrBE,EAAAH,IAAAC,MAAgBG,EACd;IAKFC,EAAAL,IAAAC,WAAA;IA+DAK,EAAAN,IAAAC,OAAiB;MACfA,KAAKM;AAAgB;IAGvBC,EAAAR,IAAAC,OAAkB;MAChB,IAAIA,KAAKQ,iBAAiB;QACxB,MAAMC,IAAuB;QAC7BT,KAAKU,UAAUC,SAAQC;UACrBH,EAAWI,KAAKD,EAAIE;AAAG;QAGzBd,KAAKQ,gBAAgBC;;;IAIzBM,EAAAhB,IAAAC,OAAqB;MACnBA,KAAKgB,cAAcC,MAAMC;QACvB,KAAIA,MAAK,QAALA,WAAK,aAALA,EAAOC,UAAS,GAAG;UACrBnB,KAAKU,YAAY,KAAIV,KAAKU,cAAcQ;UACxClB,KAAKoB,qBAAqB;;;AAE5B;IAGJC,EAAAtB,IAAAC,OAAiB;MACfsB,EAAAtB,MAAII,GAAA,KAAWmB,iBAAiB,qBAAqBC;QACnDxB,KAAKoB,qBAAqBI,EAAGC,OAAOC;AAAM;AAC1C;IAGJC,EAAA5B,IAAAC,OAAoB;MAClBA,KAAKU,YAAY;AAAE;IAGrBkB,EAAA7B,IAAAC,OAAgC;MAC9B,MAAMU,IAAYV,KAAKU,UAAUmB,QAC/BC,MAAS9B,KAAKoB,mBAAmBW,SAASD,EAAKhB;MAEjDd,KAAKU,YAAYA;MACjBV,KAAKoB,qBAAqB;AAAE;IAG9BY,EAAAjC,IAAAC,OAAiB,MAEbiC,EAAA;MACEC,oBAAoB;MACpBC,kBAAiB;MACjBC,OAAM;MAAgC,sBACnB;MACnBC,wBAAuB;MACvBC,KAAMC,KAAkCC,EAAAxC,MAAII,GAAamC,GAAE;MAC3DE,MAAK;OAELR,EAAA;MAA2BG,OAAM;OAC/BH,EAAA;MACES,YAAW;MACXC,aAAa;MACbC,UAAU;MACVC,MAAMC,EAAOC,YAAYC,QAAQC;MACjCb,OAAM;QAERH,EAAA;MACES,YAAYpB,EAAAtB,MAAIF,GAAA,KAAmBoD,UAAUvD;MAC7CgD,aAAa;MACbC,UAAU;MACVC,MAAK;MACLT,OAAM;QAERH,EAAA;MACES,YAAYpB,EAAAtB,MAAIF,GAAA,KAAmBoD,UAAUC;MAC7CR,aAAa;MACbC,UAAU;MACVC,MAAK;MACLT,OAAM;QAERH,EAAA;MACES,YAAYpB,EAAAtB,MAAIF,GAAA,KAAmBoD,UAAUE;MAC7CT,aAAa;MACbC,UAAU;MACVC,MAAK;MACLT,OAAM;QAERH,EAAA;MACES,YAAYpB,EAAAtB,MAAIF,GAAA,KAAmBoD,UAAUG;MAC7CV,aAAa;MACbC,UAAU;MACVC,MAAMC,EAAOC,YAAYC,QAAQM;MACjClB,OAAM;SAGTpC,KAAKU,UAAU6C,KAAKC,KACnBvB,EAAA;MACEwB,OAAOD,EAAI1C;MACX4C,KAAKF,EAAI1C;MACTsB,OAAM;OAENH,EAAA;MAAsBG,OAAM;OAC1BH,EAAA;MAAU0B,KAAKH,EAAII;MAAUxB,OAAM;SAErCH,EAAA;MAAsBG,OAAM;OACzBoB,EAAI7D,OAEPsC,EAAA;MAAsBG,OAAM;OACzBoB,EAAIL,OAEPlB,EAAA;MAAsBG,OAAM;OACzBoB,EAAIJ,cAEPnB,EAAA;MAAsBG,OAAM;OACzB,GAAGyB,EAAWL,EAAIH;8BAvKS;;;;qBAoBW;;EAYnD,gBAAAS;IACExC,EAAAtB,MAAIqB,GAAA,KAAe0C,KAAnB/D;;EAGF,kBAAAgE;IACE,KAAK1C,EAAAtB,MAAIC,GAAA,MAAqB;MAC5BD,KAAKiE,4BAA4BC,KAC/B5C,EAAAtB,MAAIF,GAAA,KAAmBqE;MAEzB3B,EAAAxC,MAAIC,GAAsB,MAAI;;;EAGlC,uBAAMmE;IACJ5B,EAAAxC,MAAIF,SAA2BuE,EAAOC,oBAAoBtE,KAAKuC,KAAG;IAClEvC,KAAKuE,sBAAsBL,KAAK;;;;SAOlC,cAAMM;IACJ,MAAMC,IAAU;IAChB,OAAOA;;EAwHT,MAAAC;IACE,MAAMC,MAAiC3E,KAAKoB,mBAAmBD,SAAS;IACxE,OACEc,EAAC2C,GAAI;MAACxC,OAAM;OACVH,EAAA;MAAU4C,OAAOtF;QACjB0C,EAAA;MAAc0B,KAAKrC,EAAAtB,MAAIE,GAAA;QACvB+B,EAAA;MAASG,OAAM;OACbH,EAAA;MAAQG,OAAM;OACZH,EAAA;MAAKG,OAAM;OACTH,EAAA;;MAEEG,OAAM;MACN0C,UACGH,KACDrD,EAAAtB,MAAI4B,GAAA;MAENa,MAAK;MACLsC,UAAUJ;OAETrD,EAAAtB,MAAIF,GAAA,KAAmBkF,2BAG1B/C,EAAA;;MAEEG,OAAM;MACN0C,SAASxD,EAAAtB,MAAIe,GAAA;MACb0B,MAAK;OAELR,EAAA;MAAUG,OAAM;MAASuB,KAAKnE;QAC7B8B,EAAAtB,MAAIF,GAAA,KAAmBmF,iBAI7B3D,EAAAtB,MAAIgC,GAAA,KAAe+B,KAAnB/D,OACDiC,EAAA;MAAQG,OAAM;OACZH,EAAA;;MAEEG,OAAM;MACN0C,SAASxD,EAAAtB,MAAI2B,GAAA;MACboD,YAAY/E,KAAKU,UAAUS,SAAS;MACpCsB,MAAK;OAEJnB,EAAAtB,MAAIF,GAAA,KAAmBoF,OAAOC,eAGjClD,EAAA;MAAKG,OAAM;OACTH,EAAA;;MAEEG,OAAM;MACN0C,SAASxD,EAAAtB,MAAIK,GAAA;MACboC,MAAK;OAEJnB,EAAAtB,MAAIF,GAAA,KAAmBoF,OAAOE,YAGjCnD,EAAA;;MAEEG,OAAM;MACN0C,SAASxD,EAAAtB,MAAIO,GAAA;MACbkC,MAAK;OAEJnB,EAAAtB,MAAIF,GAAA,KAAmBoF,OAAOG"}

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

@@ -1 +0,0 @@
-{"version":3,"names":["mapTypesToComboboxItemModel","types","Array","isArray","typesComboBoxItemModel","forEach","type","typeObject","value","caption","push","editModuleServerCss","CSS_BUNDLES","MORE_ICON","getIconPath","category","name","colorType","GxIdeEditModuleServer","_GxIdeEditModuleServer__componentLocale","set","this","_GxIdeEditModuleServer_renderedFirstTime","_GxIdeEditModuleServer_serverTypesModel","_GxIdeEditModuleServer_shortcutsSrc","getAssetPath","_GxIdeEditModuleServer_chShortcutsEl","_GxIdeEditModuleServer_nameEl","_GxIdeEditModuleServer_passwordEl","_GxIdeEditModuleServer_serverTypeEl","_GxIdeEditModuleServer_sourceEl","_GxIdeEditModuleServer_userEl","_GxIdeEditModuleServer_cancelCallbackHandler","async","cancelCallback","_GxIdeEditModuleServer_confirmCallbackHandler","confirmCallback","selectedTypeId","find","selectedType","data","id","__classPrivateFieldGet","authenticated","source","user","password","_GxIdeEditModuleServer_handleServerTypeChange","e","detail","_GxIdeEditModuleServer_renderFooter","h","class","onClick","part","footer","btnCancel","btnConfirm","_GxIdeEditModuleServer_renderServerOptions","Fragment","htmlFor","placeholder","ref","el","__classPrivateFieldSet","_GxIdeEditModuleServer_selectSourceCallbackHandle","selectSourceCallback","path","componentWillLoad","Locale","getComponentStrings","length","componentDidRender","componentDidRenderFirstTime","emit","componentName","suspendShortcuts","suspend","render","renderLocalSourceButton","sourceChEdit","sourceButton","src","Host","model","accessibleName","onChange","call"],"sources":["src/components/modules/edit-module-server/helpers.tsx","src/components/modules/edit-module-server/edit-module-server.scss?tag=gx-ide-edit-module-server&encapsulation=shadow","src/components/modules/edit-module-server/edit-module-server.tsx"],"sourcesContent":["import { ComboBoxItemModel } from \"@genexus/chameleon-controls-library/dist/types/components/combo-box/types\";\nimport { ModuleServerType } from \"../types\";\n\nexport const mapTypesToComboboxItemModel = (\n  types: ModuleServerType[]\n): ComboBoxItemModel[] => {\n  if (!types || !Array.isArray(types)) {\n    return [];\n  }\n  const typesComboBoxItemModel: ComboBoxItemModel[] = [];\n  types.forEach(type => {\n    const typeObject: ComboBoxItemModel = {\n      value: type.type,\n      caption: type.type\n    };\n    typesComboBoxItemModel.push(typeObject);\n  });\n  return typesComboBoxItemModel;\n};\n",":host {\n  display: grid;\n  grid-template-rows: 1fr max-content;\n  overflow: auto;\n}\n\n.section {\n  display: contents;\n}\n\n.main {\n  grid-auto-rows: max-content;\n}\n\n.source-container {\n  display: grid;\n  grid-template-columns: 1fr max-content;\n  gap: var(--spacing-gap-m);\n}\n\n.footer {\n  margin-block-start: 16px;\n}\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n  Element,\n  Event,\n  State,\n  EventEmitter,\n  getAssetPath,\n  Method,\n  Fragment,\n  JSX\n} from \"@stencil/core\";\n\nimport { Locale } from \"../../../common/locale\";\nimport {\n  ModuleServerType,\n  ModuleServerFullData,\n  EditServerModuleResult\n} from \"../types\";\nimport { getIconPath, MercuryBundles } from \"@genexus/mercury\";\nimport { ComboBoxItemModel } from \"@genexus/chameleon-controls-library/dist/types/components/combo-box/types\";\nimport { mapTypesToComboboxItemModel } 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  \"chameleon/scrollbar\"\n];\n\nconst MORE_ICON = getIconPath({\n  category: \"gemini-tools\",\n  name: \"show-more-horizontal\",\n  colorType: \"on-surface\"\n});\n\n@Component({\n  tag: \"gx-ide-edit-module-server\",\n  styleUrl: \"edit-module-server.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/edit-module-server\"]\n})\nexport class GxIdeEditModuleServer {\n  #_componentLocale: any;\n  #renderedFirstTime = false;\n  #serverTypesModel: ComboBoxItemModel[] = [];\n  #shortcutsSrc = getAssetPath(\n    `./gx-ide-assets/edit-module-server/shortcuts.json`\n  );\n\n  @Element() el: HTMLGxIdeEditModuleServerElement;\n  #chShortcutsEl: HTMLChShortcutsElement;\n  #nameEl: HTMLChEditElement;\n  #passwordEl: HTMLChEditElement;\n  #serverTypeEl: HTMLChComboBoxRenderElement;\n  #sourceEl: HTMLChEditElement;\n  #userEl: HTMLChEditElement;\n\n  @State() selectedType: \"local\" | \"remote\" = \"local\";\n\n  /**\n   * Cancel callback\n   */\n  @Prop() readonly cancelCallback: CancelCallback;\n\n  /**\n   * Confirm callback\n   */\n  @Prop() readonly confirmCallback: ConfirmCallback;\n\n  /**\n   * The name of the server\n   */\n  @Prop() readonly name: string;\n\n  /**\n   * Callback invoked when wants to select a local folder that have modules inside\n   */\n  @Prop() readonly selectSourceCallback: SelectSourceCallback;\n\n  /**\n   * Disk path or server url\n   */\n  @Prop() readonly source: string;\n\n  /**\n   * Id of the currently selected server type\n   */\n  @Prop() readonly type: string;\n\n  /**\n   * The type of the server\n   */\n  @Prop() readonly types: ModuleServerType[];\n\n  /**\n   * This event is emitted once just after the component is fully loaded and the first render() occurs\n   */\n  @Event() componentDidRenderFirstTime: EventEmitter<boolean>;\n\n  async componentWillLoad() {\n    this.#_componentLocale = await Locale.getComponentStrings(this.el);\n    this.#serverTypesModel = mapTypesToComboboxItemModel(this.types);\n    if (this.types && this.types.length > 0) {\n      this.selectedType = this.types[0].type as \"local\" | \"remote\";\n    }\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  /**\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  #cancelCallbackHandler = async () => {\n    await this.cancelCallback();\n  };\n\n  #confirmCallbackHandler = async () => {\n    if (this.confirmCallback) {\n      const selectedTypeId = this.types.find(\n        ({ type }) => type === this.selectedType\n      );\n      let data = {} as ModuleServerFullData;\n      if (selectedTypeId.type === \"remote\") {\n        data = {\n          id: selectedTypeId.id,\n          name: this.#nameEl.value,\n          type: this.#serverTypeEl.value as \"remote\" | \"local\",\n          authenticated: selectedTypeId.authenticated,\n          source: this.#sourceEl.value,\n          user: this.#userEl.value,\n          password: this.#passwordEl.value\n        };\n      } else {\n        data = {\n          id: selectedTypeId.id,\n          name: this.#nameEl.value,\n          type: this.#serverTypeEl.value as \"remote\" | \"local\",\n          authenticated: selectedTypeId.authenticated,\n          source: this.#sourceEl.value\n        };\n      }\n      const result = await this.confirmCallback(data);\n      if (result.success) {\n        // display success message\n      } else {\n        // display error message\n      }\n    }\n  };\n\n  #handleServerTypeChange = (e: CustomEvent<string>) => {\n    this.selectedType = e.detail as \"local\" | \"remote\";\n  };\n\n  #renderFooter = () => {\n    return (\n      <footer class=\"footer dialog-footer dialog-footer-with-border spacing-body-block-end spacing-body-inline\">\n        <div class=\"buttons-spacer\">\n          <button\n            class=\"button-secondary\"\n            id=\"button-cancel\"\n            onClick={this.#cancelCallbackHandler}\n            part=\"button-cancel\"\n          >\n            {this.#_componentLocale.footer.btnCancel}\n          </button>\n          <button\n            class=\"button-primary\"\n            id=\"button-create\"\n            onClick={this.#confirmCallbackHandler}\n            part=\"button-create\"\n          >\n            {this.#_componentLocale.footer.btnConfirm}\n          </button>\n        </div>\n      </footer>\n    );\n  };\n\n  #renderServerOptions = (): JSX.Element[] => {\n    return (\n      <Fragment>\n        <label class=\"label\" htmlFor=\"user\">\n          {this.#_componentLocale.user}\n        </label>\n        <ch-edit\n          id=\"user\"\n          part=\"user\"\n          class=\"input\"\n          placeholder={this.#_componentLocale.user}\n          ref={(el: HTMLChEditElement) =>\n            (this.#userEl = el as HTMLChEditElement)\n          }\n        ></ch-edit>\n\n        <label class=\"label\" htmlFor=\"password\">\n          {this.#_componentLocale.password}\n        </label>\n        <ch-edit\n          id=\"password\"\n          part=\"password\"\n          class=\"input\"\n          placeholder={this.#_componentLocale.password}\n          ref={(el: HTMLChEditElement) =>\n            (this.#passwordEl = el as HTMLChEditElement)\n          }\n        ></ch-edit>\n      </Fragment>\n    );\n  };\n\n  #selectSourceCallbackHandle = async () => {\n    if (this.selectSourceCallback) {\n      const path = await this.selectSourceCallback();\n\n      if (path) {\n        this.#sourceEl.value = path;\n      }\n    }\n  };\n\n  render() {\n    const renderLocalSourceButton = this.selectedType === \"local\";\n    const sourceChEdit = (\n      <ch-edit\n        placeholder={this.#_componentLocale.source}\n        ref={(el: HTMLChEditElement) =>\n          (this.#sourceEl = el as HTMLChEditElement)\n        }\n        value={this.source}\n        class=\"input\"\n        part=\"source\"\n        id=\"source\"\n      ></ch-edit>\n    );\n    const sourceButton = (\n      <button\n        class=\"button-tertiary button-icon-only\"\n        aria-label=\"caption\"\n        onClick={this.#selectSourceCallbackHandle}\n      >\n        <ch-image class=\"icon-m\" src={MORE_ICON}></ch-image>\n      </button>\n    );\n\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          <main class=\"main field-group-justified-start\">\n            <label class=\"label\" htmlFor=\"server-type\">\n              {this.#_componentLocale.type}\n            </label>\n            <ch-combo-box-render\n              accessibleName=\"server types\"\n              id=\"server-type\"\n              part=\"server-type\"\n              class=\"combo-box\"\n              model={this.#serverTypesModel}\n              value={this.selectedType}\n              onChange={this.#handleServerTypeChange}\n              ref={(el: HTMLChComboBoxRenderElement) =>\n                (this.#serverTypeEl = el as HTMLChComboBoxRenderElement)\n              }\n            ></ch-combo-box-render>\n\n            <label class=\"label\" htmlFor=\"name\">\n              {this.#_componentLocale.name}\n            </label>\n            <ch-edit\n              placeholder={this.#_componentLocale.name}\n              ref={(el: HTMLChEditElement) =>\n                (this.#nameEl = el as HTMLChEditElement)\n              }\n              value={this.name}\n              part=\"name\"\n              class=\"input\"\n              id=\"name\"\n            ></ch-edit>\n\n            <label class=\"label\" htmlFor=\"source\">\n              {this.#_componentLocale.source}\n            </label>\n\n            {renderLocalSourceButton ? (\n              <div class=\"source-container\">{[sourceChEdit, sourceButton]}</div>\n            ) : (\n              sourceChEdit\n            )}\n\n            {this.selectedType === \"remote\" && this.#renderServerOptions()}\n          </main>\n\n          {this.#renderFooter()}\n        </section>\n      </Host>\n    );\n  }\n}\nexport type ConfirmCallback = (\n  data: ModuleServerFullData\n) => Promise<EditServerModuleResult>;\nexport type CancelCallback = () => Promise<void>;\nexport type SelectSourceCallback = () => Promise<string | undefined>;\n"],"mappings":"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"}

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

@@ -1 +0,0 @@
-{"version":3,"names":["mapTypeCategoryDataToActionListModel","categories","map","category","id","type","additionalInformation","center","imgSrc","icon","undefined","caption","name","part","mapTypeDataToActionListModel","types","selectedCategoryId","selectedTypeId","imageSrc","selected","sortActionListDefault","subModel","newObjectCss","CSS_BUNDLES","GxIdeNewObject","_GxIdeNewObject_componentLocale","set","this","_GxIdeNewObject_shortcutsSrc","getAssetPath","_GxIdeNewObject_categoriesActionListEl","_GxIdeNewObject_chShortcutsEl","_GxIdeNewObject_descriptionEl","_GxIdeNewObject_descriptionModifiedByUser","_GxIdeNewObject_moduleFolderEl","_GxIdeNewObject_nameEl","_GxIdeNewObject_nameModifiedByUser","_GxIdeNewObject_cancelCallbackHandler","async","cancelCallback","_GxIdeNewObject_categoryOnSelectionChangedHandler","selectionEvent","selection","detail","length","selectedCategory","typeCategories","find","item","selectedType","selectedTypeMap","get","_GxIdeNewObject_createCallbackHandler","nameValidation","validateNameCallback","__classPrivateFieldGet","value","_GxIdeNewObject_validateNameHandler","call","data","typeId","_a","description","moduleId","_c","_b","result","createCallback","_GxIdeNewObject_descriptionValueHandler","suggestDescriptionCallback","_GxIdeNewObject_getNameSuggestion","suggestNameCallback","suggestedName","replace","_GxIdeNewObject_getDescriptionSuggestion","suggestedDescription","_GxIdeNewObject_updateSuggestions","_GxIdeNewObject_init","defaultTypeFound","_GxIdeNewObject_setDefaultType","defaultTypeId","_GxIdeNewObject_onBlurNameHandler","_GxIdeNewObject_onInputDescriptionHandler","e","__classPrivateFieldSet","_GxIdeNewObject_onInputNameHandler","_GxIdeNewObject_onNameValueChangedHandler","_GxIdeNewObject_renderModuleFolder","hasModule","hasFolder","labelDescription","moduleFolder","moduleOnly","folderOnly","h","class","htmlFor","labelPosition","parent","defaultValue","defaultParent","selectEntityCallback","selectModuleCallback","ref","el","found","outerLoop","i","j","loopTypeId","_GxIdeNewObject_setSelectedCategoryOnActionList","updateItemProperties","_GxIdeNewObject_typeChangedHandler","nameValidationErrorMessage","Map","typeCategoriesChanged","newValue","typeCategoriesActionListModel","connectedCallback","componentWillLoad","Locale","getComponentStrings","_GxIdeNewObject_instances","_GxIdeNewObject_initializeSelectedTypeMap","componentDidLoad","suspendShortcuts","suspend","render","Host","model","src","categorySelectionTitle","sortItemsCallback","onSelectedItemsChange","typeSelectionTitleSuffix","typeSelectionTitle","objectName","autoFocus","input","placeholder","onChange","onInput","onBlur","actionElement","blockAlign","config","tooltipSettings","inlineAlign","delay","objectDescription","onClick","footer","btnCancel","disabled","btnCreate","forEach"],"sources":["src/components/new-object/helpers.tsx","src/common/chameleon-helpers.ts","src/components/new-object/new-object.scss?tag=gx-ide-new-object&encapsulation=shadow","src/components/new-object/new-object.tsx"],"sourcesContent":["import { ActionListModel } from \"@genexus/chameleon-controls-library\";\nimport { TypeCategoryData } from \"../..\";\nimport { TypeData } from \"./new-object\";\n\nexport type ChCheckboxArray = HTMLChCheckboxElement[] | null;\n\nexport const mapTypeCategoryDataToActionListModel = (\n  categories: TypeCategoryData[]\n): ActionListModel => {\n  return categories.map(category => {\n    return {\n      id: category.id,\n      type: \"actionable\",\n      additionalInformation: {\n        \"stretch-start\": {\n          center: [{ imgSrc: category.icon || undefined }]\n        }\n      },\n      caption: category.name,\n      part: `category-${category.id}`\n    };\n  });\n};\n\nexport const mapTypeDataToActionListModel = (\n  types: TypeData[],\n  selectedCategoryId: string,\n  selectedTypeId?: string\n): ActionListModel => {\n  return types.map(type => {\n    return {\n      id: `${type.id}`,\n      type: \"actionable\",\n      imageSrc: \"objects/design\",\n      selected: selectedTypeId === type.id,\n      additionalInformation: {\n        \"stretch-start\": {\n          center: [{ imgSrc: type.icon }]\n        }\n      },\n      caption: type.name,\n      part: `type-${selectedCategoryId}-${type.id}`\n    };\n  });\n};\n","import { ActionListModel } from \"@genexus/chameleon-controls-library/dist/types/components/action-list/types\";\n\n/**\n * Order the items in the same order as they come.\n */\nexport const sortActionListDefault = (subModel: ActionListModel) => {\n  return subModel;\n};\n",":host {\n  display: grid;\n  block-size: 100%;\n}\n\n.main {\n  display: grid;\n  grid-template-rows: 1fr max-content max-content;\n}\n.categories-types-layout {\n  grid-template-columns: 1fr 1fr;\n}\n.api-description-layout {\n  padding-block: calc(\n    12px * 2\n  ); // WA until we define a class for internal spacing.\n  display: grid;\n  grid-template:\n    \"api-description-title api-description-title\"\n    \"api-name-label api-name-control\"\n    \"api-description-label api-description-control\"\n    \"api-module-label api-module-control\";\n  grid-template-columns: max-content 1fr;\n}\n.api-description-title {\n  grid-area: api-description-title;\n  padding-block-end: var(--spacing-padding-m);\n}\n.api-name-label {\n  grid-area: api-name-label;\n}\n.api-name-control {\n  grid-area: api-name-control;\n}\n.api-description-label {\n  grid-area: api-description-label;\n}\n.api-description-control {\n  grid-area: api-description-control;\n}\n.api-module-label {\n  grid-area: api-module-label;\n}\n.api-module-control {\n  grid-area: api-module-control;\n}\n","/* STENCIL IMPORTS */\nimport {\n  Component,\n  Host,\n  h,\n  Prop,\n  Event,\n  EventEmitter,\n  Element,\n  State,\n  Watch,\n  getAssetPath,\n  Method\n} from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\nimport { MercuryBundles } from \"@genexus/mercury\";\nimport { config } from \"../../common/config\";\n/* CUSTOM IMPORTS */\nimport { Locale } from \"../../common/locale\";\nimport { EntityData } from \"../../common/types\";\nimport {\n  ActionListItemModelExtended,\n  ActionListModel\n} from \"@genexus/chameleon-controls-library\";\nimport {\n  mapTypeCategoryDataToActionListModel,\n  mapTypeDataToActionListModel\n} from \"./helpers\";\n\nimport { sortActionListDefault } from \"../../common/chameleon-helpers\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"components/button\",\n  \"components/edit\",\n  \"components/icon\",\n  \"components/tooltip\",\n  \"components/list-box\",\n  \"utils/form\",\n  \"utils/layout\",\n  \"utils/spacing\",\n  \"utils/typography\"\n];\n\n@Component({\n  tag: \"gx-ide-new-object\",\n  styleUrl: \"new-object.scss\",\n  shadow: { delegatesFocus: true },\n  assetsDirs: [\"gx-ide-assets/new-object\"]\n})\nexport class GxIdeNewObject {\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  #shortcutsSrc = getAssetPath(`./gx-ide-assets/new-object/shortcuts.json`);\n\n  @Element() el: HTMLGxIdeNewObjectElement;\n\n  /* References needed to collect data on \"Create\" button submit */\n  #categoriesActionListEl: HTMLChActionListRenderElement;\n  #chShortcutsEl: HTMLChShortcutsElement;\n  #descriptionEl!: HTMLChEditElement;\n  #descriptionModifiedByUser = false;\n  #moduleFolderEl!: HTMLGxIdeEntitySelectorElement;\n  #nameEl!: HTMLChEditElement;\n  #nameModifiedByUser = false;\n\n  /**\n   * Description of the new object\n   */\n  @State() description: string = undefined;\n\n  /**\n   * Name of the new object\n   */\n  @State() name: string = undefined;\n  @State() nameValidationErrorMessage: string;\n  @State() selectedCategory: TypeCategoryData | null;\n  @State() selectedType: TypeData | null;\n  // representations of TypeCategoryData[] as ComboBoxModel.\n  @State() typeCategoriesActionListModel: ActionListModel = [];\n  @State() typesActionListModel: ActionListModel = [];\n\n  @State() selectedTypeMap: Map<string, string> = new Map();\n\n  /**\n   * Allows you to define the type selected by default when instantiating the dialog.\n   * Represented by the type identifier.\n   */\n  @Prop() readonly defaultTypeId: string;\n\n  /**\n   * Default value for the Module/Folder field.\n   */\n  @Prop() readonly defaultParent: EntityData;\n\n  /**\n   * If true it displays the component title on the header\n   */\n  @Prop() readonly displayTitle = false;\n\n  /**\n   * Callback invoked when user wants to cancel object creation\n   */\n  @Prop() readonly cancelCallback: CancelCallback;\n\n  /**\n   * Callback invoked when user wants to confirm object creation\n   */\n  @Prop() readonly createCallback: CreateCallback;\n\n  /**\n   * Applies a shadow all around\n   */\n  @Prop() readonly shadow = false;\n\n  /**\n   * Array containing category list and its corresponding types\n   */\n  @Prop({ mutable: true }) typeCategories!: TypeCategoryData[];\n  @Watch(\"typeCategories\")\n  typeCategoriesChanged(newValue: TypeCategoryData[]) {\n    if (newValue?.length) {\n      this.typeCategoriesActionListModel = mapTypeCategoryDataToActionListModel(\n        this.typeCategories\n      );\n    }\n  }\n\n  /**\n   * Current value for Module/Folder\n   */\n  @Prop() readonly parent: EntityData;\n\n  /**\n   * Callback invoked when the action is executed on the Module/Folder filter\n   * (button '...'). It returns the information of the selected object (id and\n   * name) or 'undefined' if it was canceled.\n   */\n  @Prop() readonly selectModuleCallback: SelectModuleCallback;\n\n  /**\n   * Callback invoked when you must validate a name. Returns an error message or\n   * 'undefined' if the name is not valid.\n   */\n  @Prop() readonly validateNameCallback: ValidateNameCallback;\n\n  /**\n   * Callback to suggest a name when creating an object from another object.\n   * Returns the suggested name or undefined if not applicable.\n   */\n  @Prop() readonly suggestNameCallback?: SuggestNameCallback;\n\n  /**\n   * Callback to suggest a description when creating an object from another object.\n   * Returns the suggested description or undefined if not applicable.\n   */\n  @Prop() readonly suggestDescriptionCallback?: SuggestDescriptionCallback;\n\n  /**\n   * This event emits the 'cancel' event\n   */\n  @Event() cancel: EventEmitter<boolean>;\n\n  /**\n   * This event emm=its the data needed to create a new object\n   */\n  @Event() create: EventEmitter<NewObjectData>;\n\n  /**\n   * This event is triggered after a validation of the object name is made.\n   * Returns 'undefined' if it's valid, otherwise an error message.\n   */\n  @Event() validateName: EventEmitter<string | undefined>;\n\n  connectedCallback() {\n    // this.#validateInitialName();\n  }\n\n  async componentWillLoad() {\n    await this.#init();\n    this.#componentLocale = await Locale.getComponentStrings(this.el);\n    this.typeCategoriesChanged(this.typeCategories);\n    this.#initializeSelectedTypeMap();\n  }\n\n  componentDidLoad() {\n    this.#setSelectedCategoryOnActionList();\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  // - - - - - - - - - - -\n\n  #cancelCallbackHandler = async (): Promise<void> => {\n    await this.cancelCallback();\n  };\n\n  #categoryOnSelectionChangedHandler = (\n    selectionEvent: CustomEvent<ActionListItemModelExtended[]>\n  ): void => {\n    const selection = selectionEvent.detail;\n    if (selection.length > 0) {\n      const selectedCategory = this.typeCategories.find(\n        category => category.id === selection[0].item.id\n      );\n      if (selectedCategory) {\n        this.selectedCategory = selectedCategory;\n        if (selectedCategory.types.length > 0) {\n          this.selectedType = selectedCategory.types.find(\n            type => type.id === this.selectedTypeMap.get(selectedCategory.id)\n          );\n        }\n      }\n    }\n  };\n\n  #createCallbackHandler = async (): Promise<void> => {\n    // validate name first\n    const nameValidation: string | undefined = await this.validateNameCallback(\n      this.#nameEl.value\n    );\n    if (!!nameValidation) {\n      // name is invalid\n      this.#validateNameHandler(nameValidation);\n      return;\n    }\n\n    const data: NewObjectData = {\n      typeId: this.selectedType?.id,\n      name: this.#nameEl.value,\n      description: !this.#descriptionModifiedByUser\n        ? undefined\n        : this.#descriptionEl.value,\n      moduleId: this.#moduleFolderEl?.value?.id\n    };\n    const result = await this.createCallback(data);\n    this.#validateNameHandler(result);\n  };\n\n  #descriptionValueHandler = () => {\n    if (this.#nameModifiedByUser || this.#descriptionModifiedByUser) {\n      return this.#descriptionEl.value;\n    } else {\n      // First try to get suggested description if callback exists\n      if (this.suggestDescriptionCallback) {\n        return this.description ?? this.selectedType.name;\n      }\n      return this.selectedType.name;\n    }\n  };\n\n  /**\n   * Gets the suggested name based on the context\n   * @param selectedType The currently selected type\n   */\n  // eslint-disable-next-line @stencil-community/own-props-must-be-private\n  #getNameSuggestion = async (selectedType: TypeData) => {\n    if (this.suggestNameCallback) {\n      const suggestedName = await this.suggestNameCallback();\n      if (suggestedName) {\n        return suggestedName.replace(/\\s/g, \"\");\n      }\n    }\n    return selectedType.name.replace(/\\s/g, \"\");\n  };\n\n  /**\n   * Gets the suggested description based on the context\n   * @param selectedType The currently selected type\n   */\n  // eslint-disable-next-line @stencil-community/own-props-must-be-private\n  #getDescriptionSuggestion = async (selectedType: TypeData) => {\n    if (this.suggestDescriptionCallback) {\n      const suggestedDescription = await this.suggestDescriptionCallback();\n      if (suggestedDescription) {\n        return suggestedDescription;\n      }\n    }\n    return selectedType.name;\n  };\n\n  /**\n   * Updates both name and description suggestions\n   */\n  // eslint-disable-next-line @stencil-community/own-props-must-be-private\n  #updateSuggestions = async () => {\n    if (!this.selectedType) {\n      return;\n    }\n\n    if (!this.#nameModifiedByUser) {\n      this.name = await this.#getNameSuggestion(this.selectedType);\n    }\n\n    if (!this.#descriptionModifiedByUser) {\n      this.description = await this.#getDescriptionSuggestion(\n        this.selectedType\n      );\n    }\n  };\n\n  /**\n   * This method defines the initial selected category and type, and it then\n   * initializes the name and description values.\n   */\n  // eslint-disable-next-line @stencil-community/own-props-must-be-private\n  #init = async () => {\n    const defaultTypeFound = this.#setDefaultType(this.defaultTypeId);\n    if (!defaultTypeFound) {\n      this.selectedCategory = this.typeCategories[0];\n      this.selectedType = this.selectedCategory.types[0];\n    }\n\n    await this.#updateSuggestions();\n  };\n\n  /**\n   * Initializes the selectedTypeMap with the defaultTypeId if it exists, otherwise\n   * it initializes the selectedTypeMap with the first type of each category.\n   */\n  // eslint-disable-next-line @stencil-community/own-methods-must-be-private\n  #initializeSelectedTypeMap() {\n    this.typeCategories.forEach(category => {\n      if (this.defaultTypeId && category.id === this.selectedCategory.id) {\n        this.selectedTypeMap.set(category.id, this.selectedType.id);\n      } else {\n        this.selectedTypeMap.set(category.id, category.types[0].id);\n      }\n    });\n  }\n\n  #onBlurNameHandler = async () => {\n    if (this.#nameEl.value) {\n      const result: string | undefined = await this.validateNameCallback(\n        this.#nameEl.value\n      );\n      this.#validateNameHandler(result);\n    }\n  };\n\n  #onInputDescriptionHandler = (e: CustomEvent<string>) => {\n    this.description = e.detail;\n    this.#descriptionModifiedByUser = true;\n  };\n\n  #onInputNameHandler = async (e: CustomEvent<any> | InputEvent) => {\n    const name = e.detail;\n    if (!this.#descriptionModifiedByUser) {\n      // Description should be equal to name, unless the description was already\n      // modified by the user.\n      this.#descriptionEl.value = name;\n    }\n    this.#nameModifiedByUser = true;\n  };\n\n  #onNameValueChangedHandler = async (e: CustomEvent<string>) => {\n    const name = e.detail;\n    if (name) {\n      const result: string | undefined = await this.validateNameCallback(name);\n      this.#validateNameHandler(result);\n    }\n  };\n\n  #renderModuleFolder = () => {\n    if (this.selectedType.hasModule || this.selectedType.hasFolder) {\n      let labelDescription = this.#componentLocale.moduleFolder;\n      if (!this.selectedType.hasFolder) {\n        labelDescription = this.#componentLocale.moduleOnly;\n      } else if (!this.selectedType.hasModule) {\n        labelDescription = this.#componentLocale.folderOnly;\n      }\n      return [\n        <label\n          // Module/folder\n          class=\"label api-module-label\"\n          htmlFor=\"module\"\n        >\n          {labelDescription}\n        </label>,\n        <gx-ide-entity-selector\n          id=\"module\"\n          class=\"api-module-control\"\n          part=\"module\"\n          labelPosition=\"none\"\n          value={this.parent}\n          defaultValue={this.defaultParent}\n          selectEntityCallback={this.selectModuleCallback}\n          ref={(el: HTMLGxIdeEntitySelectorElement) =>\n            (this.#moduleFolderEl = el as HTMLGxIdeEntitySelectorElement)\n          }\n        ></gx-ide-entity-selector>\n      ];\n    }\n    return null;\n  };\n\n  #setDefaultType = (typeId: string | undefined): boolean => {\n    if (!typeId) {\n      return false;\n    }\n    let found = false;\n    outerLoop: for (let i = 0; i < this.typeCategories.length; i++) {\n      for (let j = 0; j < this.typeCategories[i].types.length; j++) {\n        const loopTypeId = this.typeCategories[i].types[j].id;\n        if (loopTypeId === typeId) {\n          this.selectedCategory = this.typeCategories[i];\n          this.selectedType = this.typeCategories[i].types[j];\n          found = true;\n          break outerLoop;\n        }\n      }\n    }\n    return found;\n  };\n\n  #setSelectedCategoryOnActionList = () => {\n    if (this.selectedCategory) {\n      // update model by setting the selected category\n      this.#categoriesActionListEl.updateItemProperties(\n        this.selectedCategory.id,\n        {\n          selected: true,\n          type: \"actionable\"\n        }\n      );\n    }\n  };\n\n  #typeChangedHandler = async (\n    selectionEvent: CustomEvent<ActionListItemModelExtended[]>\n  ) => {\n    const selection = selectionEvent.detail;\n    if (selection.length > 0) {\n      this.selectedType = this.selectedCategory.types.find(\n        type => type.id === selection[0].item.id\n      );\n      this.selectedTypeMap.set(this.selectedCategory.id, this.selectedType.id);\n\n      await this.#updateSuggestions();\n    }\n  };\n\n  /**\n   * If the parameter is undefined, it means the name is valid. Otherwise, if it\n   * receives a string, it indicates that the name is not valid. The string is the\n   * error message to display.\n   */\n  // eslint-disable-next-line @stencil-community/own-props-must-be-private\n  #validateNameHandler = (result: string | undefined): void => {\n    this.nameValidationErrorMessage = result;\n  };\n\n  render() {\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=\"main\">\n          <section class=\"field-group categories-types-layout spacing-body-inline spacing-body-block-start\">\n            <div class=\"field field-block\">\n              <label class=\"label\">\n                {this.#componentLocale.categorySelectionTitle}\n              </label>\n              <ch-action-list-render\n                // #select a category\n                // TODO: The \"scrollable\" class is a WA since the action-list currently does not support scrollbar customization\n                class=\"list-box\"\n                selection=\"single\"\n                model={this.typeCategoriesActionListModel}\n                sortItemsCallback={sortActionListDefault}\n                onSelectedItemsChange={this.#categoryOnSelectionChangedHandler}\n                ref={(el: HTMLChActionListRenderElement) =>\n                  (this.#categoriesActionListEl =\n                    el as HTMLChActionListRenderElement)\n                }\n              ></ch-action-list-render>\n            </div>\n\n            <div class=\"field field-block\">\n              <label class=\"label\">\n                {this.selectedCategory.name\n                  ? `${this.selectedCategory.name} ${\n                      this.#componentLocale.typeSelectionTitleSuffix\n                    }`\n                  : this.#componentLocale.typeSelectionTitle}\n              </label>\n              <ch-action-list-render\n                // #data management types\n                // TODO: The \"scrollable\" class is a WA since the action-list currently does not support scrollbar customization\n                class=\"list-box\"\n                selection=\"single\"\n                sortItemsCallback={sortActionListDefault}\n                model={mapTypeDataToActionListModel(\n                  this.selectedCategory.types,\n                  this.selectedCategory.id,\n                  this.selectedType.id\n                )}\n                onSelectedItemsChange={this.#typeChangedHandler}\n              ></ch-action-list-render>\n            </div>\n          </section>\n\n          <section class=\"api-description-layout field-group-justified-start spacing-body-inline\">\n            <h2\n              // API Description\n              class=\"text-align-center api-description-title subtitle-regular-xs\t\"\n            >\n              {this.selectedType?.description}\n            </h2>\n\n            <label\n              // Name\n              class=\"label api-name-label\"\n              htmlFor=\"name\"\n            >\n              {this.#componentLocale.objectName}\n            </label>\n            <div>\n              <ch-edit\n                autoFocus\n                class={{\n                  \"input\": true,\n                  \"api-name-control\": true,\n                  \"input-error\": !!this.nameValidationErrorMessage\n                }}\n                placeholder=\"Name\"\n                value={this.name}\n                ref={(el: HTMLChEditElement) =>\n                  (this.#nameEl = el as HTMLChEditElement)\n                }\n                onChange={this.#onNameValueChangedHandler}\n                onInput={this.#onInputNameHandler as any}\n                onBlur={this.#onBlurNameHandler}\n                part=\"name\"\n              ></ch-edit>\n              {this.nameValidationErrorMessage && (\n                <ch-tooltip\n                  class=\"tooltip\"\n                  actionElement={this.#nameEl as unknown as HTMLButtonElement}\n                  blockAlign={config.tooltipSettings.blockAlign}\n                  inlineAlign={config.tooltipSettings.inlineAlign}\n                  delay={config.tooltipSettings.delay}\n                >\n                  {this.nameValidationErrorMessage}\n                </ch-tooltip>\n              )}\n            </div>\n\n            <label\n              // Description\n              class=\"label api-description-label\"\n              htmlFor=\"description\"\n            >\n              {this.#componentLocale.objectDescription}\n            </label>\n            <ch-edit\n              autoFocus\n              class=\"input api-description-control\"\n              placeholder=\"Description\"\n              value={this.#descriptionValueHandler()}\n              // TODO: toolTip={config.tooltip}\n              ref={(el: HTMLChEditElement) =>\n                (this.#descriptionEl = el as HTMLChEditElement)\n              }\n              onInput={this.#onInputDescriptionHandler as any}\n              part=\"description\"\n            ></ch-edit>\n\n            {this.#renderModuleFolder()}\n          </section>\n          <footer class=\"footer dialog-footer-with-border spacing-body-inline spacing-body-block-end \">\n            <div class=\"buttons-spacer\">\n              <button\n                // cancel\n                class=\"button-secondary\"\n                onClick={this.#cancelCallbackHandler}\n                part=\"button button-cancel\"\n              >\n                {this.#componentLocale.footer.btnCancel}\n              </button>\n\n              <button\n                // create\n                class=\"button-primary\"\n                onClick={this.#createCallbackHandler}\n                disabled={!!this.nameValidationErrorMessage}\n                part=\"button button-create\"\n              >\n                {this.#componentLocale.footer.btnCreate}\n              </button>\n            </div>\n          </footer>\n        </section>\n      </Host>\n    );\n  }\n}\n\nexport interface NewObjectData {\n  typeId: string;\n  name: string;\n  description: string | undefined;\n  moduleId: string;\n}\n\nexport type ValidateNameCallback = (\n  name: string\n) => Promise<string | undefined>;\n\nexport type SelectModuleCallback = () => Promise<EntityData | undefined>;\n\nexport type CreateCallback = (\n  data: NewObjectData\n) => Promise<string | undefined>;\n\nexport type CancelCallback = () => Promise<void>;\n\nexport type TypeCategoryData = {\n  id: string;\n  name: string;\n  icon: string;\n  types: TypeData[];\n};\n\nexport type TypeData = {\n  id: string;\n  name: string;\n  icon: string;\n  hasModule: boolean;\n  hasFolder: boolean;\n  description: string;\n};\n\nexport type SuggestNameCallback = () => Promise<string | undefined>;\nexport type SuggestDescriptionCallback = () => Promise<string | undefined>;\n"],"mappings":"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"}

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

@@ -1 +0,0 @@
-{"version":3,"names":["jsonImportCss","CSS_BUNDLES","FILE_ICON","getIconPath","category","name","colorType","MENU_DELETE","GxIdeJsonImport","_GxIdeJsonImport_componentLocale","set","this","_GxIdeJsonImport_data","description","assumeVarcharForNull","parentId","json","_GxIdeJsonImport_radioOptionsModel","_GxIdeJsonImport_shortcutsSrc","getAssetPath","_GxIdeJsonImport_checkBoxEl","_GxIdeJsonImport_chShortcutsEl","_GxIdeJsonImport_descriptionEl","_GxIdeJsonImport_fileInputHiddenEl","_GxIdeJsonImport_moduleEntitySelector","_GxIdeJsonImport_nameEl","_GxIdeJsonImport_radioGroup","_GxIdeJsonImport_initializeValidatableControls","validatableControls","__classPrivateFieldGet","forEach","validatableControl","id","reference","hasError","message","undefined","_GxIdeJsonImport_evaluateTooltipRender","controlReference","_b","_a","get","_c","h","class","actionElement","blockAlign","config","tooltipSettings","inlineAlign","delay","_GxIdeJsonImport_validateForm","value","trim","radioGroupValue","fileName","jsonContent","isNameValid","validateNameCallback","Boolean","isJsonValid","validateJSONCallback","isFormValid","_GxIdeJsonImport_nameChangedHandler","call","_GxIdeJsonImport_changeRadioHandler","_GxIdeJsonImport_removeFileSelection","modeChangeCallback","_GxIdeJsonImport_createHandler","confirmCallback","then","formSubmitResult","validateControls","fileChangeCallback","_GxIdeJsonImport_selectFileInputChangedHandler","event","target","files","length","_GxIdeJsonImport_selectFileInputHandler","click","_GxIdeJsonImport_handleEditorChange","_GxIdeJsonImport_handleSlotChange","e","elements","assignedElements","element","addEventListener","detail","content","Map","componentWillLoad","__classPrivateFieldSet","Locale","getComponentStrings","el","caption","header","filePathLabel","main","jsonAreaLabel","componentDidLoad","suspendShortcuts","suspend","render","Host","model","src","ref","htmlFor","nameFieldLabel","onInput","descriptionFieldLabel","moduleFolderLabel","defaultParent","labelPosition","defaultValue","selectEntityCallback","selectModuleCallback","onChange","defaultRadioValue","autoFocus","part","type","readonly","placeholder","fileNamePlaceholder","startImgSrc","disabled","hidden","accept","removeFileSelection","title","onClick","selectfileButton","onSlotchange","checkBoxLabel","checkedValue","cancelCallback","footer","btnCancel","btnOk"],"sources":["src/components/json-import/json-import.scss?tag=gx-ide-json-import&encapsulation=shadow","src/components/json-import/json-import.tsx"],"sourcesContent":[":host {\n  display: grid;\n  grid-template-rows: max-content 1fr max-content;\n  block-size: 100%;\n  overflow: auto;\n}\n\n.section {\n  // just for semantics (allows header and footer element)\n  display: contents;\n}\n\n.header {\n}\n\n.main {\n  display: grid;\n  grid-template-rows: 1fr max-content;\n  overflow: auto;\n}\n.field-group-name-description-module {\n  grid-template-areas:\n    \"name-label name-input\"\n    \"description-label description-input\"\n    \"module-label module-entity-selector\";\n  grid-template-columns: max-content 1fr;\n}\n\n.name-label {\n  grid-area: name-label;\n}\n.name-input {\n  grid-area: name-input;\n}\n.description-label {\n  grid-area: description-label;\n}\n.description-input {\n  grid-area: description-input;\n}\n.module-label {\n  grid-area: module-label;\n}\n.module-entity-selector {\n  grid-area: module-entity-selector;\n}\n.radio-file-input-wrapper {\n  grid-template-columns: max-content 1fr;\n}\ndiv.field-file-input {\n  grid-template-columns: 1fr max-content;\n}\n\n.json-area {\n  display: grid;\n  grid-template-rows: 1fr max-content;\n  overflow: auto;\n}\n.slotted-container {\n  overflow: auto;\n  block-size: 100%;\n}\n\n.assume-varchar-checkbox {\n  margin-inline-start: 16px;\n  margin-block-end: 16px;\n  inline-size: max-content;\n}\n\n.input-file {\n  display: grid;\n  grid-template-columns: 1fr max-content;\n}\n\n.radio-group {\n  gap: 30px !important;\n}\n.tooltip {\n  height: 0px;\n}\n","import {\n  Component,\n  Host,\n  Prop,\n  Element,\n  State,\n  getAssetPath,\n  Method,\n  h\n} from \"@stencil/core\";\n\nimport { MercuryBundles, getIconPath } from \"@genexus/mercury\";\nimport { config } from \"../../common/config\";\n\nimport { Locale } from \"../../common/locale\";\nimport { FormSubmitResult } from \"../../common/types\";\nimport { RadioGroupItemModel } from \"@genexus/chameleon-controls-library/dist/types/components/radio-group/types\";\nimport {\n  ControlValidation,\n  validateControls\n} from \"../../common/form-validation\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"components/tab\",\n  \"components/tooltip\",\n  \"utils/form--full\",\n  \"utils/layout\",\n  \"utils/typography\",\n  \"utils/spacing\",\n  \"chameleon/scrollbar\"\n];\n\nconst FILE_ICON = getIconPath({\n  category: \"gemini-tools\",\n  name: \"file\",\n  colorType: \"primary\"\n});\n\nconst MENU_DELETE = getIconPath({\n  category: \"menus\",\n  name: \"delete\",\n  colorType: \"primary\"\n});\n\n@Component({\n  tag: \"gx-ide-json-import\",\n  styleUrl: \"json-import.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/json-import\"]\n})\nexport class GxIdeJsonImport {\n  #componentLocale: any;\n  #data: JsonImportData = {\n    name: \"\",\n    description: \"\",\n    assumeVarcharForNull: false,\n    parentId: \"\",\n    json: \"\"\n  };\n  #radioOptionsModel: RadioGroupItemModel[] = [];\n  #shortcutsSrc = getAssetPath(`./gx-ide-assets/json-import/shortcuts.json`);\n\n  @Element() el: HTMLGxIdeJsonImportElement;\n  #checkBoxEl!: HTMLChCheckboxElement;\n  #chShortcutsEl: HTMLChShortcutsElement;\n  #descriptionEl!: HTMLChEditElement;\n  #fileInputHiddenEl!: HTMLInputElement;\n  #moduleEntitySelector!: HTMLGxIdeEntitySelectorElement;\n  #nameEl!: HTMLChEditElement;\n  #radioGroup!: HTMLChRadioGroupRenderElement;\n\n  @State() fileName: string;\n  @State() radioGroupValue: string = \"file\";\n  @State() isFormValid: boolean = false;\n  @State() jsonContent: string = \"\";\n  @State() validatableControls = new Map<string, ControlValidation>();\n\n  /**\n   * Callback that must be invoked when the user want to cancel the operation\n   */\n  @Prop() readonly cancelCallback: () => Promise<void>;\n\n  /**\n   * Callback that must be invoked when the user confirms the creation of the SDT. It receives as parameters the data necessary to create the SDT.\n   */\n  @Prop() readonly confirmCallback!: (\n    data: JsonImportData\n  ) => Promise<FormSubmitResult>;\n\n  /**\n   * Default value for Module/Folder field\n   */\n  @Prop() readonly defaultParent: EntityData;\n\n  /**\n   * Default value for Module/Folder field\n   */\n  @Prop() readonly defaultRadioValue: string;\n\n  /**\n   * Actual value for Module/Folder field\n   */\n  @Prop() readonly parent: EntityData;\n\n  /**\n   * Callback invoked when the action is executed in the Module/Folder filter. It returns the information of the selected object (id and name) or 'undefined' if it was canceled.\n   */\n  @Prop() readonly selectModuleCallback: SelectModuleCallback;\n\n  /**\n   * Callback invoked when the input mode changes between file and text.\n   */\n  @Prop() readonly modeChangeCallback?: (\n    mode: \"file\" | \"text\"\n  ) => Promise<void>;\n\n  /**\n   * Callback invoked when a file is selected or removed.\n   */\n  @Prop() readonly fileChangeCallback?: (file: File | null) => Promise<void>;\n\n  /**\n   * Callback para validar el nombre del objeto. Debe retornar true si el nombre es válido, false en caso contrario.\n   */\n  @Prop() readonly validateNameCallback?: (name: string) => boolean;\n\n  /**\n   * Callback para validar el JSON. Debe retornar true si el JSON es válido, false en caso contrario.\n   */\n  @Prop() readonly validateJSONCallback?: (json: string) => boolean;\n\n  /**\n   * Callback invocado cuando el contenido del JSON cambia\n   */\n  @Prop() readonly onJsonContentChange?: (content: string) => void;\n\n  async componentWillLoad() {\n    this.#componentLocale = await Locale.getComponentStrings(this.el);\n    this.#radioOptionsModel = [\n      {\n        value: \"file\",\n        caption: this.#componentLocale.header.filePathLabel\n      },\n      { value: \"text\", caption: this.#componentLocale.main.jsonAreaLabel }\n    ];\n  }\n\n  componentDidLoad() {\n    this.#initializeValidatableControls();\n  }\n\n  /**\n   * Suspends or reactivates the shortcuts\n   */\n  @Method()\n  async suspendShortcuts(suspendShortcuts: boolean) {\n    this.#chShortcutsEl.suspend = suspendShortcuts;\n  }\n\n  #initializeValidatableControls = () => {\n    const validatableControls: HTMLElement[] = [\n      this.#nameEl,\n      this.#moduleEntitySelector\n    ];\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  #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  #validateForm = () => {\n    const name = this.#nameEl?.value?.trim() || \"\";\n    const json =\n      this.radioGroupValue === \"file\" ? this.fileName : this.jsonContent;\n\n    const isNameValid = this.validateNameCallback\n      ? this.validateNameCallback(name)\n      : Boolean(name);\n\n    const isJsonValid =\n      this.radioGroupValue === \"file\"\n        ? Boolean(this.fileName)\n        : this.validateJSONCallback\n          ? this.validateJSONCallback(json)\n          : false;\n\n    this.isFormValid = isNameValid && isJsonValid;\n  };\n\n  #nameChangedHandler = () => {\n    this.#validateForm();\n  };\n\n  #changeRadioHandler = () => {\n    this.radioGroupValue = this.#radioGroup.value;\n    if (this.radioGroupValue === \"file\") {\n      this.#checkBoxEl.value = \"false\";\n    } else {\n      this.#data.json = null;\n      this.#removeFileSelection();\n      this.#validateForm();\n    }\n    this.modeChangeCallback?.(this.radioGroupValue as \"file\" | \"text\");\n  };\n\n  #createHandler = () => {\n    this.#data.name = this.#nameEl.value;\n    this.#data.description = this.#descriptionEl.value;\n    this.#data.parentId = this.#moduleEntitySelector.value?.id;\n    this.#data.assumeVarcharForNull = this.#checkBoxEl.value === \"true\";\n    this.confirmCallback(this.#data).then(\n      (formSubmitResult: FormSubmitResult) => {\n        this.validatableControls = validateControls(\n          formSubmitResult,\n          this.validatableControls\n        );\n      }\n    );\n  };\n\n  #removeFileSelection = () => {\n    this.#data.json = null;\n    this.#fileInputHiddenEl.value = null;\n    this.fileName = null;\n    this.fileChangeCallback?.(null);\n    this.#validateForm();\n  };\n\n  #selectFileInputChangedHandler = (event: InputEvent) => {\n    const target = event.target as HTMLInputElement;\n    if (target.files?.length > 0 && this.radioGroupValue === \"file\") {\n      this.#data.json = target.files[0];\n      this.fileName = target.files[0].name;\n      this.fileChangeCallback?.(target.files[0]);\n      this.#validateForm();\n    }\n  };\n\n  #selectFileInputHandler = () => {\n    this.#fileInputHiddenEl.click();\n  };\n\n  #handleEditorChange = () => {\n    this.#validateForm();\n  };\n\n  #handleSlotChange = (e: Event) => {\n    const elements = (e.target as HTMLSlotElement).assignedElements();\n    if (elements.length > 0) {\n      const element = elements[0];\n      element.addEventListener(\"json-content-change\", ((event: CustomEvent) => {\n        if (this.radioGroupValue === \"text\") {\n          this.jsonContent = event.detail.content;\n          this.#handleEditorChange();\n        }\n      }) as EventListener);\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        <section class=\"section\">\n          <header class=\"header field-group spacing-body dialog-header-with-border\">\n            <div class=\"field-group field-group-name-description-module\">\n              <label\n                // name\n                class=\"label name-label\"\n                htmlFor=\"input-name\"\n              >\n                {this.#componentLocale.header.nameFieldLabel}\n              </label>\n              <ch-edit\n                class=\"input name-input\"\n                id=\"input-name\"\n                ref={(el: HTMLChEditElement) =>\n                  (this.#nameEl = el as HTMLChEditElement)\n                }\n                onInput={this.#nameChangedHandler}\n              ></ch-edit>\n              {this.#evaluateTooltipRender(this.#nameEl)}\n\n              <label\n                // description\n                class=\"label description-label\"\n                htmlFor=\"input-description\"\n              >\n                {this.#componentLocale.header.descriptionFieldLabel}\n              </label>\n              <ch-edit\n                class=\"input description-input\"\n                id=\"input-description\"\n                ref={(el: HTMLChEditElement) =>\n                  (this.#descriptionEl = el as HTMLChEditElement)\n                }\n              ></ch-edit>\n\n              <label\n                // module/folder\n                class=\"label module-label\"\n                htmlFor=\"input-module\"\n              >\n                {this.#componentLocale.header.moduleFolderLabel}\n              </label>\n              <gx-ide-entity-selector\n                class=\"module module-entity-selector\"\n                id=\"module\"\n                value={this.defaultParent}\n                ref={(el: HTMLGxIdeEntitySelectorElement) =>\n                  (this.#moduleEntitySelector =\n                    el as HTMLGxIdeEntitySelectorElement)\n                }\n                labelPosition=\"none\"\n                defaultValue={this.defaultParent}\n                selectEntityCallback={this.selectModuleCallback}\n              ></gx-ide-entity-selector>\n              {this.#evaluateTooltipRender(this.#moduleEntitySelector)}\n            </div>\n\n            <div class=\"radio-file-input-wrapper field-group\">\n              <ch-radio-group-render\n                // file url/text\n                class=\"radio-group\"\n                model={this.#radioOptionsModel}\n                onChange={this.#changeRadioHandler}\n                value={this.defaultRadioValue}\n                ref={(el: HTMLChRadioGroupRenderElement) =>\n                  (this.#radioGroup = el as HTMLChRadioGroupRenderElement)\n                }\n              ></ch-radio-group-render>\n              <div class=\"field field-inline field-file-input\">\n                <ch-edit\n                  autoFocus\n                  id=\"file-name\"\n                  class=\"input\"\n                  part=\"file-name\"\n                  type=\"text\"\n                  value={this.fileName}\n                  readonly\n                  placeholder={this.#componentLocale.header.fileNamePlaceholder}\n                  startImgSrc={FILE_ICON}\n                  disabled={this.radioGroupValue !== \"file\"}\n                ></ch-edit>\n                <input\n                  hidden\n                  type=\"file\"\n                  accept=\".json\"\n                  onChange={this.#selectFileInputChangedHandler}\n                  ref={(el: HTMLInputElement) =>\n                    (this.#fileInputHiddenEl = el as HTMLInputElement)\n                  }\n                />\n                <div class=\"buttons-spacer\">\n                  <button\n                    aria-label={\n                      this.#componentLocale.header.removeFileSelection\n                    }\n                    title={this.#componentLocale.header.removeFileSelection}\n                    id=\"reset-all-button\"\n                    class=\"button-tertiary button-icon-only\"\n                    part=\"reset-all-button\"\n                    onClick={this.#removeFileSelection}\n                    disabled={this.radioGroupValue !== \"file\"}\n                  >\n                    <ch-image class=\"icon-m\" src={MENU_DELETE}></ch-image>\n                  </button>\n\n                  <button\n                    id=\"select-file-load-button\"\n                    class=\"button-primary\"\n                    part=\"select-file-load-button\"\n                    onClick={this.#selectFileInputHandler}\n                    disabled={this.radioGroupValue !== \"file\"}\n                  >\n                    {this.#componentLocale.header.selectfileButton}\n                  </button>\n                </div>\n              </div>\n            </div>\n          </header>\n          <div class=\"main field-group\">\n            <div class=\"json-area\">\n              <div class=\"slotted-container scrollable\">\n                <slot\n                  name=\"JsonTextEditor\"\n                  onSlotchange={this.#handleSlotChange}\n                ></slot>\n              </div>\n            </div>\n            <ch-checkbox\n              class=\"checkbox assume-varchar-checkbox\"\n              caption={this.#componentLocale.main.checkBoxLabel}\n              checkedValue=\"true\"\n              ref={(el: HTMLChCheckboxElement) =>\n                (this.#checkBoxEl = el as HTMLChCheckboxElement)\n              }\n            ></ch-checkbox>\n          </div>\n\n          <footer class=\"dialog-footer dialog-footer-with-border spacing-body-block-end spacing-body-inline\">\n            <div class=\"buttons-spacer\">\n              <button\n                class=\"button-secondary\"\n                id=\"button-cancel\"\n                onClick={this.cancelCallback}\n                part=\"button-cancel\"\n              >\n                {this.#componentLocale.footer.btnCancel}\n              </button>\n              <button\n                class=\"button-primary\"\n                id=\"button-ok\"\n                onClick={this.#createHandler}\n                part=\"button-ok\"\n                disabled={!this.isFormValid}\n              >\n                {this.#componentLocale.footer.btnOk}\n              </button>\n            </div>\n          </footer>\n        </section>\n      </Host>\n    );\n  }\n}\n\nexport type JsonImportData = {\n  name: string;\n  description: string;\n  parentId: string;\n  json: File | string;\n  assumeVarcharForNull: boolean;\n};\n\nexport type EntityData = {\n  id: string;\n  name: string;\n  iconSrc?: string;\n};\n\nexport type SelectModuleCallback = () => Promise<EntityData | undefined>;\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA,MAAMA,IAAgB;;;;;;;;;;;;;;;;;ACsBtB,MAAMC,IAA8B,EAClC,qBACA,kBACA,sBACA,oBACA,gBACA,oBACA,iBACA;;AAGF,MAAMC,IAAYC,EAAY;EAC5BC,UAAU;EACVC,MAAM;EACNC,WAAW;;;AAGb,MAAMC,IAAcJ,EAAY;EAC9BC,UAAU;EACVC,MAAM;EACNC,WAAW;;;MASAE,IAAe;;;IAC1BC,EAAAC,IAAAC,WAAA;IACAC,EAAAF,IAAAC,MAAwB;MACtBN,MAAM;MACNQ,aAAa;MACbC,sBAAsB;MACtBC,UAAU;MACVC,MAAM;;IAERC,EAAAP,IAAAC,MAA4C;IAC5CO,EAAAR,IAAAC,MAAgBQ,EAAa;IAG7BC,EAAAV,IAAAC,WAAA;IACAU,EAAAX,IAAAC,WAAA;IACAW,EAAAZ,IAAAC,WAAA;IACAY,EAAAb,IAAAC,WAAA;IACAa,EAAAd,IAAAC,WAAA;IACAc,EAAAf,IAAAC,WAAA;IACAe,EAAAhB,IAAAC,WAAA;IA0FAgB,EAAAjB,IAAAC,OAAiC;MAC/B,MAAMiB,IAAqC,EACzCC,EAAAlB,MAAIc,GAAA,MACJI,EAAAlB,MAAIa,GAAA;MAENI,EAAoBE,SAAQC;QAC1B,IAAIA,EAAmBC,IAAI;UACzBrB,KAAKiB,oBAAoBlB,IAAIqB,EAAmBC,IAAI;YAClDC,WAAWF;YACXG,UAAU;YACVC,SAASC;;;;AAGb;IAGJC,EAAA3B,IAAAC,OACE2B;;MAEA,SAAAC,KAAAC,IAAA7B,KAAKiB,yBAAmB,QAAAY,WAAA,aAAAA,EAAEC,IAAIH,MAAgB,QAAhBA,WAAgB,aAAhBA,EAAkBN,SAAG,QAAAO,WAAA,aAAAA,EAAEL,eACrDQ,IAAA/B,KAAKiB,oBAAoBa,IAAIH,EAAiBN,SAAG,QAAAU,WAAA,aAAAA,EAAEP,YACjDQ,EAAA;QACEC,OAAM;QACNC,eAAeP;QACfQ,YAAYC,EAAOC,gBAAgBF;QACnCG,aAAaF,EAAOC,gBAAgBC;QACpCC,OAAOH,EAAOC,gBAAgBE;SAE7BvC,KAAKiB,oBAAoBa,IAAIH,EAAiBN,IAAIG;AAEtD;IAEHgB,EAAAzC,IAAAC,OAAgB;;MACd,MAAMN,MAAOkC,KAAAC,IAAAX,EAAAlB,MAAIc,GAAA,UAAQ,QAAAe,WAAA,aAAAA,EAAEY,WAAK,QAAAb,WAAA,aAAAA,EAAEc,WAAU;MAC5C,MAAMrC,IACJL,KAAK2C,oBAAoB,SAAS3C,KAAK4C,WAAW5C,KAAK6C;MAEzD,MAAMC,IAAc9C,KAAK+C,uBACrB/C,KAAK+C,qBAAqBrD,KAC1BsD,QAAQtD;MAEZ,MAAMuD,IACJjD,KAAK2C,oBAAoB,SACrBK,QAAQhD,KAAK4C,YACb5C,KAAKkD,uBACHlD,KAAKkD,qBAAqB7C,KAC1B;MAERL,KAAKmD,cAAcL,KAAeG;AAAW;IAG/CG,EAAArD,IAAAC,OAAsB;MACpBkB,EAAAlB,MAAIwC,GAAA,KAAca,KAAlBrD;AAAoB;IAGtBsD,EAAAvD,IAAAC,OAAsB;;MACpBA,KAAK2C,kBAAkBzB,EAAAlB,MAAIe,GAAA,KAAa0B;MACxC,IAAIzC,KAAK2C,oBAAoB,QAAQ;QACnCzB,EAAAlB,MAAIS,GAAA,KAAagC,QAAQ;aACpB;QACLvB,EAAAlB,MAAIC,GAAA,KAAOI,OAAO;QAClBa,EAAAlB,MAAIuD,GAAA,KAAqBF,KAAzBrD;QACAkB,EAAAlB,MAAIwC,GAAA,KAAca,KAAlBrD;;OAEF6B,IAAA7B,KAAKwD,wBAAkB,QAAA3B,WAAA,aAAAA,EAAAwB,KAAArD,MAAGA,KAAK2C;AAAmC;IAGpEc,EAAA1D,IAAAC,OAAiB;;MACfkB,EAAAlB,MAAIC,GAAA,KAAOP,OAAOwB,EAAAlB,MAAIc,GAAA,KAAS2B;MAC/BvB,EAAAlB,MAAIC,GAAA,KAAOC,cAAcgB,EAAAlB,MAAIW,GAAA,KAAgB8B;MAC7CvB,EAAAlB,MAAIC,GAAA,KAAOG,YAAWyB,IAAAX,EAAAlB,MAAIa,GAAA,KAAuB4B,WAAK,QAAAZ,WAAA,aAAAA,EAAER;MACxDH,EAAAlB,MAAIC,GAAA,KAAOE,uBAAuBe,EAAAlB,MAAIS,GAAA,KAAagC,UAAU;MAC7DzC,KAAK0D,gBAAgBxC,EAAAlB,MAAIC,GAAA,MAAQ0D,MAC9BC;QACC5D,KAAKiB,sBAAsB4C,EACzBD,GACA5D,KAAKiB;AACN;AAEJ;IAGHsC,EAAAxD,IAAAC,OAAuB;;MACrBkB,EAAAlB,MAAIC,GAAA,KAAOI,OAAO;MAClBa,EAAAlB,MAAIY,GAAA,KAAoB6B,QAAQ;MAChCzC,KAAK4C,WAAW;OAChBf,IAAA7B,KAAK8D,wBAAkB,QAAAjC,WAAA,aAAAA,EAAAwB,KAAArD,MAAG;MAC1BkB,EAAAlB,MAAIwC,GAAA,KAAca,KAAlBrD;AAAoB;IAGtB+D,EAAAhE,IAAAC,OAAkCgE;;MAChC,MAAMC,IAASD,EAAMC;MACrB,MAAIpC,IAAAoC,EAAOC,WAAK,QAAArC,WAAA,aAAAA,EAAEsC,UAAS,KAAKnE,KAAK2C,oBAAoB,QAAQ;QAC/DzB,EAAAlB,MAAIC,GAAA,KAAOI,OAAO4D,EAAOC,MAAM;QAC/BlE,KAAK4C,WAAWqB,EAAOC,MAAM,GAAGxE;SAChCkC,IAAA5B,KAAK8D,wBAAkB,QAAAlC,WAAA,aAAAA,EAAAyB,KAAArD,MAAGiE,EAAOC,MAAM;QACvChD,EAAAlB,MAAIwC,GAAA,KAAca,KAAlBrD;;;IAIJoE,EAAArE,IAAAC,OAA0B;MACxBkB,EAAAlB,MAAIY,GAAA,KAAoByD;AAAO;IAGjCC,EAAAvE,IAAAC,OAAsB;MACpBkB,EAAAlB,MAAIwC,GAAA,KAAca,KAAlBrD;AAAoB;IAGtBuE,EAAAxE,IAAAC,OAAqBwE;MACnB,MAAMC,IAAYD,EAAEP,OAA2BS;MAC/C,IAAID,EAASN,SAAS,GAAG;QACvB,MAAMQ,IAAUF,EAAS;QACzBE,EAAQC,iBAAiB,wBAAyBZ;UAChD,IAAIhE,KAAK2C,oBAAoB,QAAQ;YACnC3C,KAAK6C,cAAcmB,EAAMa,OAAOC;YAChC5D,EAAAlB,MAAIsE,GAAA,KAAoBjB,KAAxBrD;;AAEH;;;;2BA5M8B;uBACH;uBACD;+BACA,IAAI+E;;;;;;;;;;;;;EA6DnC,uBAAMC;IACJC,EAAAjF,MAAIF,SAA0BoF,EAAOC,oBAAoBnF,KAAKoF,KAAG;IACjEH,EAAAjF,MAAIM,GAAsB,EACxB;MACEmC,OAAO;MACP4C,SAASnE,EAAAlB,MAAIF,GAAA,KAAkBwF,OAAOC;OAExC;MAAE9C,OAAO;MAAQ4C,SAASnE,EAAAlB,MAAIF,GAAA,KAAkB0F,KAAKC;SACtD;;EAGH,gBAAAC;IACExE,EAAAlB,MAAIgB,GAAA,KAA+BqC,KAAnCrD;;;;SAOF,sBAAM2F,CAAiBA;IACrBzE,EAAAlB,MAAIU,GAAA,KAAgBkF,UAAUD;;EA4HhC,MAAAE;IACE,OACE7D,EAAC8D,GAAI;MAAC7D,OAAM;OACVD,EAAA;MAAU+D,OAAOzG;QACjB0C,EAAA;MACEgE,KAAK9E,EAAAlB,MAAIO,GAAA;MACT0F,KAAMb,KACHH,EAAAjF,MAAIU,GAAkB0E,GAA4B;QAGvDpD,EAAA;MAASC,OAAM;OACbD,EAAA;MAAQC,OAAM;OACZD,EAAA;MAAKC,OAAM;OACTD,EAAA;;MAEEC,OAAM;MACNiE,SAAQ;OAEPhF,EAAAlB,MAAIF,GAAA,KAAkBwF,OAAOa,iBAEhCnE,EAAA;MACEC,OAAM;MACNZ,IAAG;MACH4E,KAAMb,KACHH,EAAAjF,MAAIc,GAAWsE,GAAuB;MAEzCgB,SAASlF,EAAAlB,MAAIoD,GAAA;QAEdlC,EAAAlB,MAAI0B,GAAA,KAAuB2B,KAA3BrD,MAA4BkB,EAAAlB,MAAIc,GAAA,OAEjCkB,EAAA;;MAEEC,OAAM;MACNiE,SAAQ;OAEPhF,EAAAlB,MAAIF,GAAA,KAAkBwF,OAAOe,wBAEhCrE,EAAA;MACEC,OAAM;MACNZ,IAAG;MACH4E,KAAMb,KACHH,EAAAjF,MAAIW,GAAkByE,GAAuB;QAIlDpD,EAAA;;MAEEC,OAAM;MACNiE,SAAQ;OAEPhF,EAAAlB,MAAIF,GAAA,KAAkBwF,OAAOgB,oBAEhCtE,EAAA;MACEC,OAAM;MACNZ,IAAG;MACHoB,OAAOzC,KAAKuG;MACZN,KAAMb,KACHH,EAAAjF,MAAIa,GACHuE,GAAoC;MAExCoB,eAAc;MACdC,cAAczG,KAAKuG;MACnBG,sBAAsB1G,KAAK2G;QAE5BzF,EAAAlB,MAAI0B,GAAA,KAAuB2B,KAA3BrD,MAA4BkB,EAAAlB,MAAIa,GAAA,QAGnCmB,EAAA;MAAKC,OAAM;OACTD,EAAA;;MAEEC,OAAM;MACN8D,OAAO7E,EAAAlB,MAAIM,GAAA;MACXsG,UAAU1F,EAAAlB,MAAIsD,GAAA;MACdb,OAAOzC,KAAK6G;MACZZ,KAAMb,KACHH,EAAAjF,MAAIe,GAAeqE,GAAmC;QAG3DpD,EAAA;MAAKC,OAAM;OACTD,EAAA;MACE8E,WAAS;MACTzF,IAAG;MACHY,OAAM;MACN8E,MAAK;MACLC,MAAK;MACLvE,OAAOzC,KAAK4C;MACZqE,UAAQ;MACRC,aAAahG,EAAAlB,MAAIF,GAAA,KAAkBwF,OAAO6B;MAC1CC,aAAa7H;MACb8H,UAAUrH,KAAK2C,oBAAoB;QAErCX,EAAA;MACEsF,QAAM;MACNN,MAAK;MACLO,QAAO;MACPX,UAAU1F,EAAAlB,MAAI+D,GAAA;MACdkC,KAAMb,KACHH,EAAAjF,MAAIY,GAAsBwE,GAAsB;QAGrDpD,EAAA;MAAKC,OAAM;OACTD,EAAA;MAAA,cAEId,EAAAlB,MAAIF,GAAA,KAAkBwF,OAAOkC;MAE/BC,OAAOvG,EAAAlB,MAAIF,GAAA,KAAkBwF,OAAOkC;MACpCnG,IAAG;MACHY,OAAM;MACN8E,MAAK;MACLW,SAASxG,EAAAlB,MAAIuD,GAAA;MACb8D,UAAUrH,KAAK2C,oBAAoB;OAEnCX,EAAA;MAAUC,OAAM;MAAS+D,KAAKpG;SAGhCoC,EAAA;MACEX,IAAG;MACHY,OAAM;MACN8E,MAAK;MACLW,SAASxG,EAAAlB,MAAIoE,GAAA;MACbiD,UAAUrH,KAAK2C,oBAAoB;OAElCzB,EAAAlB,MAAIF,GAAA,KAAkBwF,OAAOqC,uBAMxC3F,EAAA;MAAKC,OAAM;OACTD,EAAA;MAAKC,OAAM;OACTD,EAAA;MAAKC,OAAM;OACTD,EAAA;MACEtC,MAAK;MACLkI,cAAc1G,EAAAlB,MAAIuE,GAAA;UAIxBvC,EAAA;MACEC,OAAM;MACNoD,SAASnE,EAAAlB,MAAIF,GAAA,KAAkB0F,KAAKqC;MACpCC,cAAa;MACb7B,KAAMb,KACHH,EAAAjF,MAAIS,GAAe2E,GAA2B;SAKrDpD,EAAA;MAAQC,OAAM;OACZD,EAAA;MAAKC,OAAM;OACTD,EAAA;MACEC,OAAM;MACNZ,IAAG;MACHqG,SAAS1H,KAAK+H;MACdhB,MAAK;OAEJ7F,EAAAlB,MAAIF,GAAA,KAAkBkI,OAAOC,YAEhCjG,EAAA;MACEC,OAAM;MACNZ,IAAG;MACHqG,SAASxG,EAAAlB,MAAIyD,GAAA;MACbsD,MAAK;MACLM,WAAWrH,KAAKmD;OAEfjC,EAAAlB,MAAIF,GAAA,KAAkBkI,OAAOE"}

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

@@ -1 +0,0 @@
-{"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_chShortcutsEl","_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","suspendShortcuts","suspend","render","Host","src","ref","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(--spacing-gap-m);\n  }\n}\n","// Stencil\nimport {\n  Component,\n  Element,\n  Fragment,\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 {\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: \"interactive\"\n  });\n\n  #showMoreIcon = getIconPath({\n    category: \"system\",\n    name: \"more-horizontal\",\n    colorType: \"interactive\"\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  #chShortcutsEl: HTMLChShortcutsElement;\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  /**\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  #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 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            // 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 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          <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                  type=\"search\"\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-m\"\n                              disabled={!this.enableSelectVersionsButton}\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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"}