@genexus/genexus-ide-ui 1.0.17 → 1.0.19

package/dist/genexus-ide-ui/{p-36cfb4c0.entry.js → p-352d4aad.entry.js}

@@ -1,16 +1,16 @@
 import { r as t, a as i, h as e, H as s, g as a } from "./p-aaed592c.js";
 
-import { c as o } from "./p-78b90603.js";
+import { g as o } from "./p-0b0ce806.js";
 
-import { L as n } from "./p-74d59062.js";
+import { c as n } from "./p-78b90603.js";
 
-import { g as h } from "./p-3ef5a5a6.js";
+import { L as h } from "./p-74d59062.js";
 
-import { r as l, m as r } from "./p-c339f703.js";
+import { g as l } from "./p-3ef5a5a6.js";
 
-import { v as d } from "./p-41ea711a.js";
+import { r, m as d } from "./p-066028bc.js";
 
-import { g as c } from "./p-6df9fab1.js";
+import { v as c } from "./p-41ea711a.js";
 
 import { r as f } from "./p-1252519a.js";
 
@@ -31,7 +31,7 @@ var b = undefined && undefined.__classPrivateFieldSet || function(t, i, e, s, a)
 
 var v, m, g, w, k, y, M, W, _, x, F, T, I, E, N, L, j, D, S, C, P, z, A, B, K, U, V, H, R, q, G, J, O, Q, X, Y, Z, $, tt, it, et;
 
-const st = [ "resets/box-sizing", "components/tab", "components/tooltip", "utils/form--full", "utils/layout", "utils/typography", "chameleon/scrollbar" ];
+const st = [ "resets/box-sizing", "components/tab", "components/tooltip", "utils/form--full", "utils/layout", "utils/typography", "utils/spacing", "chameleon/scrollbar" ];
 
 const at = "windows-authentication";
 
@@ -39,7 +39,7 @@ const ot = "main";
 
 const nt = "basic";
 
-const ht = c({
+const ht = o({
   category: "system",
   name: "folder",
   colorType: "primary"
@@ -152,7 +152,7 @@ const dt = class {
       htmlFor: "databaseName"
     }, u(this, m, "f").tabAdvanced.databaseName.label), e("ch-edit", {
       // TODO add placeholder
-      class: "form-input",
+      class: "input",
       value: this.databaseName,
       id: "databaseName",
       part: "database-name",
@@ -165,7 +165,7 @@ const dt = class {
       htmlFor: "userName"
     }, u(this, m, "f").tabAdvanced.userName.label), e("ch-edit", {
       // TODO add placeholder
-      class: "form-input",
+      class: "input",
       value: this.userName,
       id: "userName",
       part: "user-name",
@@ -193,7 +193,7 @@ const dt = class {
       htmlFor: "password"
     }, u(this, m, "f").tabAdvanced.password.label), e("ch-edit", {
       // TODO add placeholder
-      class: "form-input",
+      class: "input",
       type: "password",
       value: this.password,
       id: "password",
@@ -294,7 +294,7 @@ const dt = class {
       class: "control-header control-header-with-border control-header__front-end heading-5 text-align-center spacing-body-inline"
     }, u(this, m, "f").tabBasic.frontEnd.frontEndLabel), e("div", {
       class: "field-group main__front-end spacing-body-inline scrollable"
-    }, l(this.frontEnds, u(this, O, "f"), u(this, g, "f").get(u(this, w, "f"))))) ]));
+    }, r(this.frontEnds, u(this, O, "f"), u(this, g, "f").get(u(this, w, "f"))))) ]));
     // - - - - - - - - - -
         H.set(this, (() => {
       if (this.cancelCallback) {
@@ -302,7 +302,7 @@ const dt = class {
       }
     }));
     R.set(this, (() => {
-      var t, i, e, s, a, o, n, h, l, r, c, f, p, b, v;
+      var t, i, e, s, a, o, n, h, l, r, d, f, p, b, v;
       const m = (t = u(this, g, "f").get(u(this, w, "f"))) !== null && t !== void 0 ? t : [];
       this.createCallback({
         authenticationType: (i = u(this, M, "f")) === null || i === void 0 ? void 0 : i.value,
@@ -315,13 +315,13 @@ const dt = class {
         kbName: (h = u(this, T, "f")) === null || h === void 0 ? void 0 : h.value,
         password: (l = u(this, E, "f")) === null || l === void 0 ? void 0 : l.value,
         prototypingEnvironment: (r = u(this, N, "f")) === null || r === void 0 ? void 0 : r.value,
-        prototypingTarget: (c = u(this, L, "f")) === null || c === void 0 ? void 0 : c.value,
+        prototypingTarget: (d = u(this, L, "f")) === null || d === void 0 ? void 0 : d.value,
         savePassword: !!((f = u(this, j, "f")) === null || f === void 0 ? void 0 : f.value),
         serverName: (p = u(this, D, "f")) === null || p === void 0 ? void 0 : p.value,
         userInterfaceLanguage: (b = u(this, S, "f")) === null || b === void 0 ? void 0 : b.value,
         userName: (v = u(this, C, "f")) === null || v === void 0 ? void 0 : v.value
       }).then((t => {
-        this.validatableControls = d(t, this.validatableControls);
+        this.validatableControls = c(t, this.validatableControls);
       }));
     }));
     /**
@@ -344,9 +344,9 @@ const dt = class {
       return ((s = (i = this.validatableControls) === null || i === void 0 ? void 0 : i.get(t === null || t === void 0 ? void 0 : t.id)) === null || s === void 0 ? void 0 : s.hasError) && ((a = this.validatableControls.get(t.id)) === null || a === void 0 ? void 0 : a.message) && e("ch-tooltip", {
         class: "tooltip",
         actionElement: t,
-        blockAlign: o.tooltipSettings.blockAlign,
-        inlineAlign: o.tooltipSettings.inlineAlign,
-        delay: o.tooltipSettings.delay
+        blockAlign: n.tooltipSettings.blockAlign,
+        inlineAlign: n.tooltipSettings.inlineAlign,
+        delay: n.tooltipSettings.delay
       }, this.validatableControls.get(t.id).message);
     }));
     /**
@@ -513,49 +513,49 @@ const dt = class {
   }
   watchAuthenticationTypes(t) {
     if (t === null || t === void 0 ? void 0 : t.length) {
-      this.authenticationTypesComboBoxModel = r(t);
-      this.authenticationTypesInitialValue = h(t);
+      this.authenticationTypesComboBoxModel = d(t);
+      this.authenticationTypesInitialValue = l(t);
     }
   }
   watchCollations(t) {
     if (t === null || t === void 0 ? void 0 : t.length) {
-      this.collationsComboBoxModel = r(t);
-      this.collationsInitialValue = h(t);
+      this.collationsComboBoxModel = d(t);
+      this.collationsInitialValue = l(t);
     }
   }
   watchDefaultDataSources(t) {
     if (t === null || t === void 0 ? void 0 : t.length) {
-      this.defaultDataSourcesComboBoxModel = r(t);
-      this.defaultDataSourcesInitialValue = h(t);
+      this.defaultDataSourcesComboBoxModel = d(t);
+      this.defaultDataSourcesInitialValue = l(t);
     }
   }
   watchPrototypingEnvironments(t) {
     if (t === null || t === void 0 ? void 0 : t.length) {
-      this.prototypingEnvironmentsComboBoxModel = r(t);
-      b(this, w, h(t), "f");
+      this.prototypingEnvironmentsComboBoxModel = d(t);
+      b(this, w, l(t), "f");
       u(this, et, "f").call(this);
     }
   }
   watchPrototypingTargets(t) {
     if (t === null || t === void 0 ? void 0 : t.length) {
-      this.prototypingTargetsComboBoxModel = r(t);
-      this.prototypingTargetsInitialValue = h(t);
+      this.prototypingTargetsComboBoxModel = d(t);
+      this.prototypingTargetsInitialValue = l(t);
     }
   }
   watchServerNames(t) {
     if (t === null || t === void 0 ? void 0 : t.length) {
-      this.serverNamesComboBoxModel = r(t);
-      this.serverNamesInitialValue = h(t);
+      this.serverNamesComboBoxModel = d(t);
+      this.serverNamesInitialValue = l(t);
     }
   }
   watchUserInterfaceLanguages(t) {
     if (t === null || t === void 0 ? void 0 : t.length) {
-      this.userInterfaceLanguagesComboBoxModel = r(t);
-      this.userInterfaceLanguagesInitialValue = h(t);
+      this.userInterfaceLanguagesComboBoxModel = d(t);
+      this.userInterfaceLanguagesInitialValue = l(t);
     }
   }
   async componentWillLoad() {
-    b(this, m, await n.getComponentStrings(this.el), "f");
+    b(this, m, await h.getComponentStrings(this.el), "f");
     b(this, y, [ {
       id: lt,
       name: u(this, m, "f").tabBasic.tabLabel
@@ -621,7 +621,7 @@ const dt = class {
     }, u(this, m, "f").header.kbName), e("ch-edit", {
       // TODO add placeholder
       autoFocus: true,
-      class: "form-input kb-input",
+      class: "input kb-input",
       placeholder: "SalesInventory",
       value: this.kbName,
       ref: t => b(this, T, t, "f"),
@@ -637,7 +637,7 @@ const dt = class {
       htmlFor: "kbLocation"
     }, u(this, m, "f").header.kbLocation), e("ch-edit", {
       // TODO add placeholder
-      class: "form-input location-input",
+      class: "input location-input",
       value: this.kbLocation,
       ref: t => b(this, I, t, "f"),
       id: "kbLocation",
@@ -731,4 +731,4 @@ et = new WeakMap;
 dt.style = p;
 
 export { dt as gx_ide_new_kb };
-//# sourceMappingURL=p-36cfb4c0.entry.js.map
+//# sourceMappingURL=p-352d4aad.entry.js.map

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

@@ -0,0 +1 @@
+{"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_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","_GxIdeNewKb_renderAdvanced","h","class","tabAdvanced","tabTitle","htmlFor","serverName","label","disabled","serverNames","length","placeholder","disabledPlaceholder","value","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","prototypingEnvironments","prototypingEnvironmentsComboBoxModel","dataSource","defaultDataSources","defaultDataSourcesInitialValue","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","getDataSourcesCallback","selectedPrototypingEnvironmentId","selectedPrototypingTargetId","updatedDefaultDataSourcesPromise","result","catch","_GxIdeNewKb_initialSetupAdvancedTab","selectedServerNameValue","selectedAuthenticationType","watchAuthenticationTypes","watchCollations","_GxIdeNewKb_initializeValidatableControlsBasicTab","forEach","validatableControl","reference","_GxIdeNewKb_initializeValidatableControlsAdvancedTab","_GxIdeNewKb_selectLocationHandler","selectLocationCallback","_GxIdeNewKb_tabSelectionChangedHandler","newSelectedId","advancedTabIsVisible","async","updatedFrontEnds","getFrontEndsCallback","newValue","mapOptionsToComboBoxItemModel","getSelectedItem","watchDefaultDataSources","watchPrototypingEnvironments","watchPrototypingTargets","watchServerNames","watchUserInterfaceLanguages","componentWillLoad","Locale","getComponentStrings","tabLabel","connectedCallback","componentDidLoad","componentDidRender","suspendShortcuts","suspend","render","Host","src","isAdvanced","header","autoFocus","selectLocationButton","title","onClick","scrollable","tab","direction","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(--mer-spacing--2xs);\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.control-header__back-end,\n.control-header__front-end {\n  padding-block-start: var(--mer-spacing--md);\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: var(--content-block-spacing);\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: var(--content-block-spacing);\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","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 } 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  #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() defaultDataSourcesInitialValue: string;\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      this.defaultDataSourcesInitialValue = getSelectedItem(newValue);\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   * 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() readonly prototypingEnvironments!: GxOption[];\n  @Watch(\"prototypingEnvironments\")\n  watchPrototypingEnvironments(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    }\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.watchPrototypingEnvironments(this.prototypingEnvironments);\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 = (): void => {\n    this.#getDataSources();\n  };\n\n  #renderAdvanced = (): Element[] => {\n    return [\n      <h2\n        // #knowledge base storage\n        class=\"control-header heading-5 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-sm\"\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-sm\"\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 control-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=\"control-header control-header-with-border control-header__back-end heading-5 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.prototypingEnvironments.length === 0}\n              placeholder={\n                this.prototypingEnvironments.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.defaultDataSourcesInitialValue}\n              ref={(el: HTMLChComboBoxRenderElement) =>\n                (this.#dataSourceEl = el as HTMLChComboBoxRenderElement)\n              }\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=\"control-header control-header-with-border control-header__front-end heading-5 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  #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            this.defaultDataSources = result;\n            // set first option as selected\n            this.#dataSourceEl.value = 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(): 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\n            class={{\n              \"field-group\": true,\n              \"control-header-with-border\": !this.isAdvanced,\n              \"control-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-md\" 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              direction=\"block\"\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              \"control-footer\": this.isAdvanced,\n              \"control-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 SelectLocationCallback = () => Promise<string>;\n"],"mappings":";;;;;;;;;;;;;;;;AAAA,MAAMA,IAAW;;;;;;;;;;;;;;;;;ACiCjB,MAAMC,KAA8B,EAClC,qBACA,kBACA,sBACA,oBACA,gBACA,oBACA,iBACA;;AAGF,MAAMC,KAAuC;;AAC7C,MAAMC,KAA+B;;AACrC,MAAMC,KAAuC;;AAE7C,MAAMC,KAAcC,EAAY;EAC9BC,UAAU;EACVC,MAAM;EACNC,WAAW;;;AAGb,MAAMC,KAA6B;;AACnC,MAAMC,KAAgC;;MAQzBC,KAAU;;;IACrBC,EAAAC,IAAAC,MAAuC;;;;;QAKvCC,EAAAF,IAAAC,WAAA;;;;;QAKAE,EAAAH,IAAAC,MAAuB,IAAIG;IAC3BC,EAAAL,IAAAC,WAAA;IACAK,EAAAN,IAAAC,MAAgBM,EAAa;IAC7BC,EAAAR,IAAAC,MAA6B;yEAK7BQ,EAAAT,IAAAC,WAAA;IACAS,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;IACAgB,EAAAjB,IAAAC,WAAA;IACAiB,EAAAlB,IAAAC,WAAA;IACAkB,EAAAnB,IAAAC,WAAA;IACAmB,EAAApB,IAAAC,WAAA;IACAoB,EAAArB,IAAAC,WAAA;IACAqB,EAAAtB,IAAAC,WAAA;IAEAsB,EAAAvB,IAAAC,WAAA;;;;;;;;;;;;QAmPAuB,EAAAxB,IAAAC,OAAmCwB;MACjC,MAAMC,IAA0BD,MAAC,QAADA,WAAC,aAADA,EAAGE;MACnCC,EAAA3B,MAAI4B,GAAA,KAA2BC,KAA/B7B,MAAgCyB;AAAkC;IAGpEK,EAAA/B,IAAAC,OAA2BwB;MACzBG,EAAA3B,MAAI+B,GAAA,KAAmCF,KAAvC7B,MAAwCwB,EAAEE;AAAiB;IAG7DM,EAAAjC,IAAAC,OACEiC;MAEAC,EAAAlC,MAAII,GAAqC6B,EAAMP,QAAgB;MAC/DC,EAAA3B,MAAImC,GAAA,KAAgBN,KAApB7B;MACA2B,EAAA3B,MAAIoC,IAAA,KAAiBP,KAArB7B;AAAuB;IAGzBqC,EAAAtC,IAAAC,OAAwC;MACtC2B,EAAA3B,MAAImC,GAAA,KAAgBN,KAApB7B;AAAsB;IAGxBsC,EAAAvC,IAAAC,OAAkB,MACT,EACLuC,EAAA;;MAEEC,OAAM;OAELb,EAAA3B,MAAIC,GAAA,KAAkBwC,YAAYC,WAErCH,EAAA;MAAKC,OAAM;OACTD,EAAA;;MAEEC,OAAM;OAEND,EAAA;MAAOC,OAAM;MAAQG,SAAQ;OAC1BhB,EAAA3B,MAAIC,GAAA,KAAkBwC,YAAYG,WAAWC,QAEhDN,EAAA;MACEC,OAAM;MACNM,UAAU9C,KAAK+C,YAAYC,WAAW;MACtCC,aACEjD,KAAK+C,YAAYC,WAAW,IACxBrB,EAAA3B,MAAIC,GAAA,KAAkBwC,YAAYG,WAC/BM,sBACH;MAENC,OAAOnD,KAAKoD;MACZC,KAAMC,KACHpB,EAAAlC,MAAImB,GAAiBmC,GAAiC;MAEzDC,OAAOvD,KAAKwD;MACZC,SACEzD,KAAK+C,YAAYC,SAAS,KAAKrB,EAAA3B,MAAI8B,GAAA;MAErC4B,IAAG;MACHC,MAAK;QAENhC,EAAA3B,MAAI4D,GAAA,KAAuB/B,KAA3B7B,MAA4B2B,EAAA3B,MAAImB,GAAA,QAgBnCoB,EAAA;;MAEEC,OAAM;OAEND,EAAA;MAAOC,OAAM;MAAQG,SAAQ;OAC1BhB,EAAA3B,MAAIC,GAAA,KAAkBwC,YAAYoB,mBAAmBhB,QAExDN,EAAA;MACEC,OAAM;MACNM,UAAU9C,KAAK8D,oBAAoBd,WAAW;MAC9CC,aACEjD,KAAK8D,oBAAoBd,WAAW,IAChCrB,EAAA3B,MAAIC,GAAA,KAAkBwC,YAAYoB,mBAC/BX,sBACH;MAENC,OAAOnD,KAAK+D;MACZV,KAAMC,KACHpB,EAAAlC,MAAIQ,GAAyB8C,GAAiC;MAEjEC,OAAOvD,KAAKgE;MACZN,IAAG;MACHC,MAAK;MACLF,SACEzD,KAAK8D,oBAAoBd,SAAS,IAC9BrB,EAAA3B,MAAIuB,GAAA,OACJ0C;QAGPtC,EAAA3B,MAAI4D,GAAA,KAAuB/B,KAA3B7B,MAA4B2B,EAAA3B,MAAIQ,GAAA,QAGnC+B,EAAA;;MAEEC,OAAM;OAEND,EAAA;MAAOC,OAAM;MAAQG,SAAQ;OAC1BhB,EAAA3B,MAAIC,GAAA,KAAkBwC,YAAYyB,aAAarB,QAElDN,EAAA;;MAEEC,OAAM;MACNW,OAAOnD,KAAKkE;MACZR,IAAG;MACHC,MAAK;MACLN,KAAMC,KACHpB,EAAAlC,MAAIW,GAAmB2C,GAAuB;QAGlD3B,EAAA3B,MAAI4D,GAAA,KAAuB/B,KAA3B7B,MAA4B2B,EAAA3B,MAAIW,GAAA,QAGlCX,KAAKmE,kBACJ5B,EAAA;;MAEEC,OAAM;OAEND,EAAA;MAAOC,OAAM;MAAQG,SAAQ;OAC1BhB,EAAA3B,MAAIC,GAAA,KAAkBwC,YAAY2B,SAASvB,QAE9CN,EAAA;;MAEEC,OAAM;MACNW,OAAOnD,KAAKoE;MACZV,IAAG;MACHC,MAAK;MACLN,KAAMC,KACHpB,EAAAlC,MAAIqB,GAAeiC,GAAuB;QAG9C3B,EAAA3B,MAAI4D,GAAA,KAAuB/B,KAA3B7B,MAA4B2B,EAAA3B,MAAIqB,GAAA,SAEjC,MAEJkB,EAAA;;MAEEC,OAAM;OAEND,EAAA;MAAOC,OAAM;MAAQG,SAAQ;OAC1BhB,EAAA3B,MAAIC,GAAA,KAAkBwC,YAAY4B,UAAUxB,QAE/CN,EAAA;MACEC,OAAM;MACNM,UAAU9C,KAAK+C,YAAYC,WAAW;MACtCC,aACEjD,KAAKsE,WAAWtB,WAAW,IACvBrB,EAAA3B,MAAIC,GAAA,KAAkBwC,YAAY4B,UAC/BnB,sBACH;MAENC,OAAOnD,KAAKuE;MACZlB,KAAMC,KACHpB,EAAAlC,MAAIS,GAAgB6C,GAAiC;MAExDC,OAAOvD,KAAKwE;MACZd,IAAG;MACHC,MAAK;QAENhC,EAAA3B,MAAI4D,GAAA,KAAuB/B,KAA3B7B,MAA4B2B,EAAA3B,MAAIS,GAAA,QAelCT,KAAKyE,kBACJlC,EAAA;;MAEEC,OAAM;OAEND,EAAA;MAAOC,OAAM;MAAQG,SAAQ;OAC1BhB,EAAA3B,MAAIC,GAAA,KAAkBwC,YAAYiC,SAAS7B,QAE9CN,EAAA;;MAEEC,OAAM;MACNmC,MAAK;MACLxB,OAAOnD,KAAK0E;MACZhB,IAAG;MACHC,MAAK;MACLN,KAAMC,KACHpB,EAAAlC,MAAIe,GAAeuC,GAAuB;QAG9C3B,EAAA3B,MAAI4D,GAAA,KAAuB/B,KAA3B7B,MAA4B2B,EAAA3B,MAAIe,GAAA,SAEjC,MAEJwB,EAAA;;MAEEC,OAAM;MACNoC,cAAa;MACbC,SAASlD,EAAA3B,MAAIC,GAAA,KAAkBwC,YAAYqC;MAC3ChC,UAAU9C,KAAK+E;MACfpB,MAAK;MACLD,IAAG;MACHL,KAAMC,KACHpB,EAAAlC,MAAIU,GAAgC4C,GAA2B;QAInEtD,KAAKgF,sBACJzC,EAAA;;MAEEC,OAAM;MACNoC,cAAa;MACbC,SAASlD,EAAA3B,MAAIC,GAAA,KAAkBwC,YAAYwC;MAC3CtB,MAAK;MACLD,IAAG;MACHL,KAAMC,KACHpB,EAAAlC,MAAIkB,GAAmBoC,GAA2B;SAGrD;IAKV4B,EAAAnF,IAAAC,OAAe,MACN,EACLuC,EAAA;MAASC,OAAM;OACbD,EAAA;;MAEEC,OAAM;OAEND,EAAA;MAAOC,OAAM;MAAQG,SAAQ;OAC1BhB,EAAA3B,MAAIC,GAAA,KAAkBkF,SAASC,kBAAkBvC,QAGpDN,EAAA;MACEmB,IAAG;MACHlB,OAAM;MACNmB,MAAK;MACLb,UAAU9C,KAAKqF,mBAAmBrC,WAAW;MAC7CC,aACEjD,KAAKqF,mBAAmBrC,WAAW,IAC/BrB,EAAA3B,MAAIC,GAAA,KAAkBkF,SAASC,kBAC5BlC,sBACH;MAENC,OAAOnD,KAAKsF;MACZ/B,OAAOvD,KAAKuF;MACZ9B,SACEzD,KAAKqF,mBAAmBrC,SAAS,IAC7BrB,EAAA3B,MAAIqC,GAAA,OACJ4B;MAENZ,KAAMC,KACHpB,EAAAlC,MAAIiB,GAAwBqC,GAAiC;QAGjE3B,EAAA3B,MAAI4D,GAAA,KAAuB/B,KAA3B7B,MAA4B2B,EAAA3B,MAAIiB,GAAA,QAGnCsB,EAAA;;MAEEC,OAAM;OAEND,EAAA;MAAOC,OAAM;MAAQG,SAAQ;OAC1BhB,EAAA3B,MAAIC,GAAA,KAAkBkF,SAASK,sBAAsB3C,QAExDN,EAAA;MACEC,OAAM;MACNM,UAAU9C,KAAKyF,uBAAuBzC,WAAW;MACjDC,aACEjD,KAAKyF,uBAAuBzC,WAAW,IACnCrB,EAAA3B,MAAIC,GAAA,KAAkBkF,SAASK,sBAC5BtC,sBACH;MAENC,OAAOnD,KAAK0F;MACZrC,KAAMC,KACHpB,EAAAlC,MAAIoB,GACHkC,GAAiC;MAErCC,OAAOvD,KAAK2F;MACZjC,IAAG;MACHC,MAAK;QAENhC,EAAA3B,MAAI4D,GAAA,KAAuB/B,KAA3B7B,MAA4B2B,EAAA3B,MAAIoB,GAAA,SAIrCmB,EAAA;MACEC,OAAM;OAGND,EAAA;;MAEEC,OAAM;OAELb,EAAA3B,MAAIC,GAAA,KAAkBkF,SAASS,QAAQC,eAE1CtD,EAAA;MAAKC,OAAM;OACTD,EAAA;;MAEEC,OAAM;OAEND,EAAA;MAAOC,OAAM;MAAQG,SAAQ;OAEzBhB,EAAA3B,MAAIC,GAAA,KAAkBkF,SAASS,QAAQE,uBACpCjD,QAGPN,EAAA;MACEC,OAAM;MACNM,UAAU9C,KAAK+F,wBAAwB/C,WAAW;MAClDC,aACEjD,KAAK+F,wBAAwB/C,WAAW,IACpCrB,EAAA3B,MAAIC,GAAA,KAAkBkF,SAASS,QAC5BE,uBAAuB5C,sBAC1B;MAENC,OAAOxB,EAAA3B,MAAII,GAAA;MACXiD,KAAMC,KACHpB,EAAAlC,MAAIgB,GACHsC,GAAiC;MAErCC,OAAOvD,KAAKgG;MACZvC,SAAS9B,EAAA3B,MAAIgC,GAAA;MACb2B,MAAK;MACLD,IAAG;QAEJ/B,EAAA3B,MAAI4D,GAAA,KAAuB/B,KAA3B7B,MAA4B2B,EAAA3B,MAAIgB,GAAA,QAGnCuB,EAAA;;MAEEC,OAAM;OAEND,EAAA;MAAOC,OAAM;MAAQG,SAAQ;OAC1BhB,EAAA3B,MAAIC,GAAA,KAAkBkF,SAASS,QAAQK,WAAWpD,QAErDN,EAAA;MACEC,OAAM;MACNM,UAAU9C,KAAKkG,mBAAmBlD,WAAW;MAC7CC,aACEjD,KAAKkG,mBAAmBlD,WAAW,IAC/BrB,EAAA3B,MAAIC,GAAA,KAAkBkF,SAASS,QAAQK,WACpC/C,sBACH;MAENC,OAAOnD,KAAKmG;MACZ9C,KAAMC,KACHpB,EAAAlC,MAAIY,GAAiB0C,GAAiC;MAEzDC,OAAOvD,KAAKoG;MACZzC,MAAK;MACLD,IAAG;QAEJ/B,EAAA3B,MAAI4D,GAAA,KAAuB/B,KAA3B7B,MAA4B2B,EAAA3B,MAAIY,GAAA,UAKvC2B,EAAA;MACEC,OAAM;OAGND,EAAA;MAAIC,OAAM;OACPb,EAAA3B,MAAIC,GAAA,KAAkBkF,SAASkB,SAASC,gBAE3C/D,EAAA;MAAKC,OAAM;OACR+D,EACCvG,KAAKwG,WACL7E,EAAA3B,MAAIyG,GAAA,MACJ9E,EAAA3B,MAAIE,GAAA,KAAsBwG,IACxB/E,EAAA3B,MAAII,GAAA;;QAUhBuG,EAAA5G,IAAAC,OAAmB;MACjB,IAAIA,KAAK4G,gBAAgB;QACvB5G,KAAK4G;;;IAITC,EAAA9G,IAAAC,OAAmB;;MACjB,MAAM8G,KACJC,IAAApF,EAAA3B,MAAIE,GAAA,KAAsBwG,IAAI/E,EAAA3B,MAAII,GAAA,WAAmC,QAAA2G,WAAA,IAAAA,IACrE;MAEF/G,KAAKgH,eAAe;QAClBnD,qBAAoBoD,IAAAtF,EAAA3B,MAAIQ,GAAA,UAAsB,QAAAyG,WAAA,aAAAA,EAAE9D;QAChDkB,YAAW6C,IAAAvF,EAAA3B,MAAIS,GAAA,UAAa,QAAAyG,WAAA,aAAAA,EAAE/D;QAC9BgE,+BAA6BC,IAAAzF,EAAA3B,MAAIU,GAAA,UAA6B,QAAA0G,WAAA,aAAAA,EAAEjE;QAChE8C,aAAYoB,IAAA1F,EAAA3B,MAAIY,GAAA,UAAc,QAAAyG,WAAA,aAAAA,EAAElE;QAChCe,eAAcoD,IAAA3F,EAAA3B,MAAIW,GAAA,UAAgB,QAAA2G,WAAA,aAAAA,EAAEnE;QACpCqD,WAAWM;QACXS,aAAYC,IAAA7F,EAAA3B,MAAIc,GAAA,UAAY,QAAA0G,WAAA,aAAAA,EAAErE;QAC9BsE,SAAQC,IAAA/F,EAAA3B,MAAIa,GAAA,UAAU,QAAA6G,WAAA,aAAAA,EAAEvE;QACxBuB,WAAUiD,IAAAhG,EAAA3B,MAAIe,GAAA,UAAY,QAAA4G,WAAA,aAAAA,EAAExE;QAC5B2C,yBAAwB8B,IAAAjG,EAAA3B,MAAIgB,GAAA,UAA0B,QAAA4G,WAAA,aAAAA,EAAEzE;QACxDiC,oBAAmByC,IAAAlG,EAAA3B,MAAIiB,GAAA,UAAqB,QAAA4G,WAAA,aAAAA,EAAE1E;QAC9C8B,kBAAgB6C,IAAAnG,EAAA3B,MAAIkB,GAAA,UAAgB,QAAA4G,WAAA,aAAAA,EAAE3E;QACtCP,aAAYmF,IAAApG,EAAA3B,MAAImB,GAAA,UAAc,QAAA4G,WAAA,aAAAA,EAAE5E;QAChCqC,wBAAuBwC,IAAArG,EAAA3B,MAAIoB,GAAA,UAAyB,QAAA4G,WAAA,aAAAA,EAAE7E;QACtDiB,WAAU6D,IAAAtG,EAAA3B,MAAIqB,GAAA,UAAY,QAAA4G,WAAA,aAAAA,EAAE9E;SAC3B+E,MAAMC;QACPnI,KAAKoI,sBAAsBC,EACzBF,GACAnI,KAAKoI;AACN;AACD;;;;;;QAQJrG,EAAAhC,IAAAC,OAAsCsI;;MACpC,MAAIvB,IAAA/G,KAAK+C,YAAY,QAAE,QAAAgE,WAAA,aAAAA,EAAErD,QAAO4E,GAAiB;QAC/CtI,KAAK+E,yBAAyB;aACzB;QACL/E,KAAK+E,yBAAyB;;;;;QAMlCnB,EAAA7D,IAAAC,OACEuI;;MAEA,SAAAtB,KAAAF,IAAA/G,KAAKoI,yBAAmB,QAAArB,WAAA,aAAAA,EAAEL,IAAI6B,MAAgB,QAAhBA,WAAgB,aAAhBA,EAAkB7E,SAAG,QAAAuD,WAAA,aAAAA,EAAEuB,eACrDtB,IAAAlH,KAAKoI,oBAAoB1B,IAAI6B,EAAiB7E,SAAG,QAAAwD,WAAA,aAAAA,EAAEuB,YACjDlG,EAAA;QACEC,OAAM;QACNkG,eAAeH;QACfI,YAAYC,EAAOC,gBAAgBF;QACnCG,aAAaF,EAAOC,gBAAgBC;QACpCC,OAAOH,EAAOC,gBAAgBE;SAE7B/I,KAAKoI,oBAAoB1B,IAAI6B,EAAiB7E,IAAI+E;AAEtD;;;;;;QAOH7G,EAAA7B,IAAAC,OAA8ByB;MAC5B,IAAIA,MAA4BtC,IAA8B;QAC5Da,KAAKmE,kBAAkB;QACvBnE,KAAKyE,kBAAkB;QACvBzE,KAAKgF,sBAAsB;aACtB;QACLhF,KAAKmE,kBAAkB;QACvBnE,KAAKyE,kBAAkB;QACvBzE,KAAKgF,sBAAsB;;;IAI/ByB,EAAA1G,IAAAC,OACEiC;MAEA,MAAM2C,IAAgB3C,EAAM+G,OAAiCpE;MAC7D,MAAMqE,IAAUhH,EAAMP,WAAWkD;MACjCjD,EAAA3B,MAAIkJ,GAAA,KAA2BrH,KAA/B7B,MAAgC4E,GAAcqE;AAAQ;;;;;;QAQxDC,EAAAnJ,IAAAC,OAA6B,CAACmJ,GAAoBF;MAChD,IAAIG,IAAezH,EAAA3B,MAAIE,GAAA,KAAsBwG,IAC3C/E,EAAA3B,MAAII,GAAA;MAEN,KAAKgJ,GAAc;;QAEjBA,IAAe;QACfzH,EAAA3B,MAAIE,GAAA,KAAsBH,IACxB4B,EAAA3B,MAAII,GAAA,MACJgJ;;MAGJ,IAAIH,GAAS;;QAEXG,EAAaC,KAAKF;aACb;;QAEL,MAAMG,IAAgBF,EAAaG,WAAU7F,KAAMA,MAAOyF;QAC1DK,EAAYJ,GAAcE;;;IAI9BnH,EAAApC,IAAAC,OAAkB;MAChB,IAAIA,KAAKyJ,wBAAwB;QAC/B,MAAMC,IACJ/H,EAAA3B,MAAIgB,GAAA,KAA2BmC;QACjC,MAAMwG,IAA8BhI,EAAA3B,MAAIiB,GAAA,KAAsBkC;QAC9D,MAAMyG,IACJ5J,KAAKyJ,uBACHC,GACAC;QAEJC,EACG1B,MAAK2B;UACJ,IAAIA,EAAO7G,SAAS,GAAG;YACrBhD,KAAKkG,qBAAqB2D;;wBAE1BlI,EAAA3B,MAAIY,GAAA,KAAeuC,QAAQnD,KAAKkG,mBAAmB,GAAGxC;;YAGzDoG,OAAM;;;IAMbC,EAAAhK,IAAAC,OAA2B;MACzB,MAAMgK,IAA0BrI,EAAA3B,MAAImB,GAAA,KAAegC;MACnDxB,EAAA3B,MAAI+B,GAAA,KAAmCF,KAAvC7B,MAAwCgK;MAExC,MAAMC,IAA6BtI,EAAA3B,MAAIQ,GAAA,KAAuB2C;MAC9DxB,EAAA3B,MAAI4B,GAAA,KAA2BC,KAA/B7B,MAAgCiK;;YAGhCjK,KAAKkK,yBAAyBlK,KAAK8D;MACnC9D,KAAKmK,gBAAgBnK,KAAKsE;AAAW;IAGvC8F,EAAArK,IAAAC,OAAyC;;MAEvC,MAAMoI,IAAqC,EACzCzG,EAAA3B,MAAIY,GAAA,MACJe,EAAA3B,MAAIa,GAAA,MACJc,EAAA3B,MAAIgB,GAAA,MACJW,EAAA3B,MAAIiB,GAAA,MACJU,EAAA3B,MAAIoB,GAAA;MAENgH,EAAoBiC,SAAQC;QAC1B,IAAIA,EAAmB5G,IAAI;UACzB1D,KAAKoI,oBAAoBrI,IAAIuK,EAAmB5G,IAAI;YAClD6G,WAAWD;YACX9B,UAAU;YACVC,SAASxE;;;;AAGb;IAGJuG,EAAAzK,IAAAC,OAA4C;;MAE1C,MAAMoI,IAAqC,EACzCzG,EAAA3B,MAAIc,GAAA,MACJa,EAAA3B,MAAIQ,GAAA,MACJmB,EAAA3B,MAAIU,GAAA,MACJiB,EAAA3B,MAAImB,GAAA,MACJQ,EAAA3B,MAAIQ,GAAA,MACJmB,EAAA3B,MAAIW,GAAA,MACJgB,EAAA3B,MAAIqB,GAAA,MACJM,EAAA3B,MAAIS,GAAA,MACJkB,EAAA3B,MAAIe,GAAA,MACJY,EAAA3B,MAAIkB,GAAA;MAENkH,EAAoBiC,SAAQC;QAC1B,IAAIA,EAAmB5G,IAAI;UACzB1D,KAAKoI,oBAAoBrI,IAAIuK,EAAmB5G,IAAI;YAClD6G,WAAWD;YACX9B,UAAU;YACVC,SAASxE;;;;AAGb;;;;;QAOJwG,GAAA1K,IAAAC,OAAyB;MACvBA,KAAK0K,yBAAyBxC,MAAKX;QACjC,IAAIA,GAAY;UACdvH,KAAKuH,aAAaA;;;AAIpB;IAGJoD,GAAA5K,IAAAC,OACEiC;MAMA,IAAIA,EAAMP,OAAOkJ,kBAAkBhL,IAAuB;QACxDI,KAAK6K,uBAAuB;;;;;;;;;;QAWhCzI,GAAArC,IAAAC,OAAmB8K;MACjB,MAAMC,UAAyB/K,KAAKgL,qBAClCrJ,EAAA3B,MAAII,GAAA;MAEN,KAAI2K,MAAgB,QAAhBA,WAAgB,aAAhBA,EAAkB/H,UAAS,GAAG;QAChChD,KAAKwG,YAAYuE;;;gCA52BoB;;+BAMV,IAAI5K;kCACD;2BACP;2BACA;+BACI;4CAE4B;;mCAET;;2CAEQ;;2CAEA;;gDAEK;;oCAEZ;;+CAEW;;;;;;qCAyCR;;;;;sBAiCxB;;;;;;wBA+CW;;;;;;EAjHzC,wBAAA+J,CAAyBe;IACvB,IAAIA,MAAQ,QAARA,WAAQ,aAARA,EAAUjI,QAAQ;MACpBhD,KAAKgE,mCACHkH,EAA8BD;MAChCjL,KAAK+D,kCAAkCoH,EAAgBF;;;EAc3D,eAAAd,CAAgBc;IACd,IAAIA,MAAQ,QAARA,WAAQ,aAARA,EAAUjI,QAAQ;MACpBhD,KAAKwE,0BAA0B0G,EAA8BD;MAC7DjL,KAAKuE,yBAAyB4G,EAAgBF;;;EAwBlD,uBAAAG,CAAwBH;IACtB,IAAIA,MAAQ,QAARA,WAAQ,aAARA,EAAUjI,QAAQ;MACpBhD,KAAKoG,kCACH8E,EAA8BD;MAChCjL,KAAKmG,iCAAiCgF,EAAgBF;;;EAuC1D,4BAAAI,CAA6BJ;IAC3B,IAAIA,MAAQ,QAARA,WAAQ,aAARA,EAAUjI,QAAQ;MACpBhD,KAAKgG,uCACHkF,EAA8BD;MAChC/I,EAAAlC,MAAII,GAAqC+K,EAAgBF,IAAS;MAClEtJ,EAAA3B,MAAIoC,IAAA,KAAiBP,KAArB7B;;;EASJ,uBAAAsL,CAAwBL;IACtB,IAAIA,MAAQ,QAARA,WAAQ,aAARA,EAAUjI,QAAQ;MACpBhD,KAAKuF,kCACH2F,EAA8BD;MAChCjL,KAAKsF,iCAAiC6F,EAAgBF;;;EAmB1D,gBAAAM,CAAiBN;IACf,IAAIA,MAAQ,QAARA,WAAQ,aAARA,EAAUjI,QAAQ;MACpBhD,KAAKwD,2BAA2B0H,EAA8BD;MAC9DjL,KAAKoD,0BAA0B+H,EAAgBF;;;EASnD,2BAAAO,CAA4BP;IAC1B,IAAIA,MAAQ,QAARA,WAAQ,aAARA,EAAUjI,QAAQ;MACpBhD,KAAK2F,sCACHuF,EAA8BD;MAChCjL,KAAK0F,qCAAqCyF,EAAgBF;;;EAS9D,uBAAMQ;IACJvJ,EAAAlC,MAAIC,SAA0ByL,EAAOC,oBAAoB3L,KAAKsD,KAAG;IACjEpB,EAAAlC,MAAIO,GAAoB,EACtB;MACEmD,IAAI/D;MACJF,MAAMkC,EAAA3B,MAAIC,GAAA,KAAkBkF,SAASyG;OAEvC;MACElI,IAAI9D;MACJH,MAAMkC,EAAA3B,MAAIC,GAAA,KAAkBwC,YAAYmJ;SAE3C;;EAGH,iBAAAC;IACE7L,KAAKoL,wBAAwBpL,KAAKkG;IAClClG,KAAKqL,6BAA6BrL,KAAK+F;IACvC/F,KAAKsL,wBAAwBtL,KAAKqF;IAClCrF,KAAKuL,iBAAiBvL,KAAK+C;IAC3B/C,KAAKwL,4BAA4BxL,KAAKyF;;EAGxC,gBAAAqG;IACEnK,EAAA3B,MAAIoK,GAAA,KAAuCvI,KAA3C7B;;EAGF,kBAAA+L;IACE,IAAI/L,KAAK6K,yBAAyBlJ,EAAA3B,MAAIF,GAAA,MAA8B;;MAElE6B,EAAA3B,MAAI+J,GAAA,KAAyBlI,KAA7B7B;MACA2B,EAAA3B,MAAIwK,GAAA,KAA0C3I,KAA9C7B;MACAkC,EAAAlC,MAAIF,GAA+B,MAAI;;;;;SAQ3C,sBAAMkM,CAAiBA;IACrB,IAAIA,GAAkB;MACpBrK,EAAA3B,MAAIsB,GAAA,KAAgB2K,UAAU;WACzB;MACLtK,EAAA3B,MAAIsB,GAAA,KAAgB2K,UAAU;;;EA+oBlC,MAAAC;IACE,OACE3J,EAAC4J,GAAI;MAAC3J,OAAM;OACVD,EAAA;MAAUgB,OAAOrE;QACjBqD,EAAA;MACE6J,KAAKzK,EAAA3B,MAAIK,GAAA;MACTgD,KAAMC,KACHpB,EAAAlC,MAAIsB,GAAkBgC,GAA4B;QAGvDf,EAAA;MAASC,OAAM;OACbD,EAAA;MACEC,OAAO;QACL,eAAe;QACf,+BAA+BxC,KAAKqM;QACpC,kBAAkBrM,KAAKqM;QACvBC,QAAU;QACV,mBAAmBtM,KAAKqM;QACxB,mBAAmBrM,KAAKqM;QACxB,4BAA4B;QAC5B,uBAAuB;;OAGzB9J,EAAA;;MAEEC,OAAM;OAEND,EAAA;MAAOC,OAAM;MAAiBG,SAAQ;OACnChB,EAAA3B,MAAIC,GAAA,KAAkBqM,OAAO7E,SAEhClF,EAAA;;MAEEgK,WAAS;MACT/J,OAAM;MACNS,aAAY;MACZE,OAAOnD,KAAKyH;MACZpE,KAAMC,KACHpB,EAAAlC,MAAIa,GAAayC,GAAuB;MAE3CI,IAAG;MACHC,MAAK;QAENhC,EAAA3B,MAAI4D,GAAA,KAAuB/B,KAA3B7B,MAA4B2B,EAAA3B,MAAIa,GAAA,QAGlCb,KAAKqM,cACJ9J,EAAA;MAAKC,OAAM;OACTD,EAAA;;MAEEC,OAAM;OAEND,EAAA;MAAOC,OAAM;MAAuBG,SAAQ;OACzChB,EAAA3B,MAAIC,GAAA,KAAkBqM,OAAO/E,aAEhChF,EAAA;;MAEEC,OAAM;MACNW,OAAOnD,KAAKuH;MACZlE,KAAMC,KACHpB,EAAAlC,MAAIc,GAAewC,GAAuB;MAE7CI,IAAG;MACHC,MAAK;QAENhC,EAAA3B,MAAI4D,GAAA,KAAuB/B,KAA3B7B,MAA4B2B,EAAA3B,MAAIc,GAAA,QAEnCyB,EAAA;MACEC,OAAM;MAAgD,cAC1Cb,EAAA3B,MAAIC,GAAA,KAAkBqM,OAAOE;MACzCC,OAAO9K,EAAA3B,MAAIC,GAAA,KAAkBqM,OAAOE;MACpC7I,MAAK;MACL+I,SAAS/K,EAAA3B,MAAIyK,IAAA;OAEblI,EAAA;MAAUC,OAAM;MAAU4J,KAAK9M;WAMtCU,KAAKqM,aACJ9J,EAAA;;MAEEC,OAAO;QACLmK,YAAY;QACZC,KAAK;QACLxN,CAACA,KAAuB;;MAE1ByN,WAAU;MACVtJ,OAAO5B,EAAA3B,MAAIO,GAAA;MACXuM,YAAYnN;MACZoN,UAAS;MACTC,SAAQ;MACRC,uBACGjN,KAAK6K,wBAAwBlJ,EAAA3B,MAAI2K,IAAA;OAGpCpI,EAAA;MACE2K,MAAMvN;MACN6C,OAAOnD;MACPsE,MAAK;OAEJhC,EAAA3B,MAAIkF,GAAA,KAAarD,KAAjB7B,QAGFA,KAAK6K,wBACJtI,EAAA;MACE2K,MAAMtN;MACN4C,OAAM;MACNmB,MAAK;OAEJhC,EAAA3B,MAAIsC,GAAA,KAAgBT,KAApB7B,UAKPuC,EAAA;MAAKC,OAAOpD;OACVmD,EAAA;MAAKC,OAAOnD;OACTsC,EAAA3B,MAAIkF,GAAA,KAAarD,KAAjB7B,SAKPuC,EAAA;MACEC,OAAO;QACL,kBAAkBxC,KAAKqM;QACvB,+BAA+BrM,KAAKqM;QACpC,0BAA0B;QAC1B,uBAAuB;;OAGzB9J,EAAA;MAAKC,OAAM;OACTD,EAAA;;MAEEC,OAAM;MACNkB,IAAG;MACHgJ,SAAS/K,EAAA3B,MAAI2G,GAAA;MACbhD,MAAK;OAEJhC,EAAA3B,MAAIC,GAAA,KAAkBkN,OAAOC,YAEhC7K,EAAA;;MAEEC,OAAM;MACNkB,IAAG;MACHgJ,SAAS/K,EAAA3B,MAAI6G,GAAA;MACblD,MAAK;OAEJhC,EAAA3B,MAAIC,GAAA,KAAkBkN,OAAOE"}

package/dist/genexus-ide-ui/{p-58e33dda.entry.js → p-3f5ea8bf.entry.js}

@@ -1,22 +1,22 @@
-import { r as t, c as e, h as i, H as o, g as s } from "./p-aaed592c.js";
+import { r as t, c as e, h as i, H as s, g as o } from "./p-aaed592c.js";
 
-import { g as r } from "./p-6df9fab1.js";
+import { g as r } from "./p-0b0ce806.js";
 
 import { L as n } from "./p-74d59062.js";
 
-const a = ".wrapper{display:grid;grid-template-columns:1fr max-content max-content;gap:var(--mer-spacing--xs);border-radius:var(--control__border-radius);border:var(--control__border-width) var(--control__border-style) var(--control__border-color);padding:var(--control__padding-block) var(--control__padding-inline)}.wrapper:hover{--control__border-color:var(--control__border-color--hover)}.form-input{--control__padding-block:0;--control__padding-inline:0;--control__border-width:0;--focus__outline-width:0}:host(:focus-within) .wrapper{--control__border-color:var(--focus__outline-color)}:host(.entity-selector--button-has-focus) .wrapper{outline:none}";
+const a = ".wrapper{display:grid;grid-template-columns:1fr max-content max-content;gap:var(--mer-spacing--xs);border-radius:var(--control__border-radius);border:var(--control__border-width) var(--control__border-style) var(--control__border-color);padding:var(--control__padding-block) var(--control__padding-inline)}.wrapper:hover{--control__border-color:var(--control__border-color--hover)}.input{--control__padding-block:0;--control__padding-inline:0;--control__border-width:0;--focus__outline-width:0}:host(:focus-within) .wrapper{--control__border-color:var(--focus__outline-color)}:host(.entity-selector--button-has-focus) .wrapper{outline:none}";
 
-var l = undefined && undefined.__classPrivateFieldGet || function(t, e, i, o) {
-  if (i === "a" && !o) throw new TypeError("Private accessor was defined without a getter");
-  if (typeof e === "function" ? t !== e || !o : !e.has(t)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
-  return i === "m" ? o : i === "a" ? o.call(t) : o ? o.value : e.get(t);
+var c = undefined && undefined.__classPrivateFieldGet || function(t, e, i, s) {
+  if (i === "a" && !s) throw new TypeError("Private accessor was defined without a getter");
+  if (typeof e === "function" ? t !== e || !s : !e.has(t)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+  return i === "m" ? s : i === "a" ? s.call(t) : s ? s.value : e.get(t);
 };
 
-var c = undefined && undefined.__classPrivateFieldSet || function(t, e, i, o, s) {
-  if (o === "m") throw new TypeError("Private method is not writable");
-  if (o === "a" && !s) throw new TypeError("Private accessor was defined without a setter");
-  if (typeof e === "function" ? t !== e || !s : !e.has(t)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
-  return o === "a" ? s.call(t, i) : s ? s.value = i : e.set(t, i), i;
+var l = undefined && undefined.__classPrivateFieldSet || function(t, e, i, s, o) {
+  if (s === "m") throw new TypeError("Private method is not writable");
+  if (s === "a" && !o) throw new TypeError("Private accessor was defined without a setter");
+  if (typeof e === "function" ? t !== e || !o : !e.has(t)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+  return s === "a" ? o.call(t, i) : o ? o.value = i : e.set(t, i), i;
 };
 
 var h, d, u, f, p, m;
@@ -36,8 +36,8 @@ const v = r({
 });
 
 const _ = class {
-  constructor(o) {
-    t(this, o);
+  constructor(s) {
+    t(this, s);
     this.valueChanged = e(this, "valueChanged", 7);
     h.set(this, void 0);
     d.set(this, (() => {
@@ -63,33 +63,33 @@ const _ = class {
         part: "wrapper",
         class: "wrapper"
       }, i("ch-edit", {
-        accessibleName: this.labelPosition === "none" && l(this, h, "f").entitySelectorInputAccessibleName,
-        class: "form-input",
-        name: this.name || l(this, h, "f").entitySelectorNameAttribute,
+        accessibleName: this.labelPosition === "none" && c(this, h, "f").entitySelectorInputAccessibleName,
+        class: "input",
+        name: this.name || c(this, h, "f").entitySelectorNameAttribute,
         startImgSrc: this.iconSrc,
         value: ((t = this.value) === null || t === void 0 ? void 0 : t.name) || ((e = this.defaultValue) === null || e === void 0 ? void 0 : e.name),
         id: "entity-input"
       }), i("button", {
         part: "button-clear",
         class: "icon-button",
-        "aria-label": l(this, h, "f").clearButtonLabel,
-        title: l(this, h, "f").clearButtonLabel,
+        "aria-label": c(this, h, "f").clearButtonLabel,
+        title: c(this, h, "f").clearButtonLabel,
         type: "button",
-        onClick: l(this, d, "f"),
-        onFocus: this.buttonHasFocus ? l(this, f, "f") : undefined,
-        onBlur: !this.buttonHasFocus ? l(this, f, "f") : undefined
+        onClick: c(this, d, "f"),
+        onFocus: this.buttonHasFocus ? c(this, f, "f") : undefined,
+        onBlur: !this.buttonHasFocus ? c(this, f, "f") : undefined
       }, i("ch-image", {
         class: "icon-md",
         src: v
       })), i("button", {
         class: "icon-button",
-        "aria-label": l(this, h, "f").selectButtonLabel,
-        title: l(this, h, "f").selectButtonLabel,
+        "aria-label": c(this, h, "f").selectButtonLabel,
+        title: c(this, h, "f").selectButtonLabel,
         type: "button",
         disabled: !this.selectEntityCallback,
-        onClick: l(this, u, "f"),
-        onBlur: !this.buttonHasFocus ? l(this, f, "f") : undefined,
-        onFocus: this.buttonHasFocus ? l(this, f, "f") : undefined
+        onClick: c(this, u, "f"),
+        onBlur: !this.buttonHasFocus ? c(this, f, "f") : undefined,
+        onFocus: this.buttonHasFocus ? c(this, f, "f") : undefined
       }, i("ch-image", {
         class: "icon-md",
         src: w
@@ -111,17 +111,17 @@ const _ = class {
   }
   valueChangedHandler() {
     this.valueChanged.emit(this.value);
-    l(this, m, "f").call(this);
+    c(this, m, "f").call(this);
   }
   // 6.Component Lifecycle Events
   async componentWillLoad() {
-    c(this, h, await n.getComponentStrings(this.el), "f");
+    l(this, h, await n.getComponentStrings(this.el), "f");
   }
   connectedCallback() {
-    l(this, m, "f").call(this);
+    c(this, m, "f").call(this);
   }
   render() {
-    return i(o, {
+    return i(s, {
       class: {
         "entity-selector--button-has-focus": this.buttonHasFocus
       }
@@ -136,13 +136,13 @@ const _ = class {
     }, i("label", {
       class: "label",
       htmlFor: "entity-input"
-    }, this.labelCaption || l(this, h, "f").entitySelectorInputAccessibleName), l(this, p, "f").call(this)) : l(this, p, "f").call(this));
+    }, this.labelCaption || c(this, h, "f").entitySelectorInputAccessibleName), c(this, p, "f").call(this)) : c(this, p, "f").call(this));
   }
   static get assetsDirs() {
     return [ "gx-ide-assets/entity-selector" ];
   }
   get el() {
-    return s(this);
+    return o(this);
   }
   static get watchers() {
     return {
@@ -157,4 +157,4 @@ m = new WeakMap;
 _.style = a;
 
 export { _ as gx_ide_entity_selector };
-//# sourceMappingURL=p-58e33dda.entry.js.map
+//# sourceMappingURL=p-3f5ea8bf.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["entitySelectorCss","CSS_BUNDLES","SELECT_DEFAULT_ICON","getIconPath","category","name","colorType","CLEAR_ICON","GxIdeEntitySelector","_GxIdeEntitySelector_componentLocale","set","this","_GxIdeEntitySelector_btnClearClickHandler","value","defaultValue","iconSrc","_a","_GxIdeEntitySelector_btnSelectClickHandler","selectEntityCallback","then","result","_GxIdeEntitySelector_buttonFocusHandler","e","type","buttonHasFocus","_GxIdeEntitySelector_renderControl","h","part","class","accessibleName","labelPosition","__classPrivateFieldGet","entitySelectorInputAccessibleName","entitySelectorNameAttribute","startImgSrc","_b","id","clearButtonLabel","title","onClick","onFocus","undefined","onBlur","src","selectButtonLabel","disabled","_GxIdeEntitySelector_updateIconSrc","valueChangedHandler","valueChanged","emit","call","componentWillLoad","__classPrivateFieldSet","Locale","getComponentStrings","el","connectedCallback","render","Host","model","field","htmlFor","labelCaption"],"sources":["src/components/_helpers/entity-selector/entity-selector.scss?tag=gx-ide-entity-selector&encapsulation=shadow","src/components/_helpers/entity-selector/entity-selector.tsx"],"sourcesContent":["/*wrapper*/\n.wrapper {\n  display: grid;\n  grid-template-columns: 1fr max-content max-content;\n  gap: var(--mer-spacing--xs);\n  border-radius: var(--control__border-radius);\n  border: var(--control__border-width) var(--control__border-style)\n    var(--control__border-color);\n  padding: var(--control__padding-block) var(--control__padding-inline);\n\n  &:hover {\n    --control__border-color: var(--control__border-color--hover);\n  }\n  &:focus {\n  }\n}\n/*input*/\n.input {\n  --control__padding-block: 0;\n  --control__padding-inline: 0;\n  // Remove control border. We want to simulate a input that includes two buttons at the end.\n  --control__border-width: 0;\n  --focus__outline-width: 0;\n}\n:host(:focus-within) {\n  .wrapper {\n    --control__border-color: var(--focus__outline-color);\n  }\n}\n:host(.entity-selector--button-has-focus) {\n  .wrapper {\n    outline: none;\n  }\n}\n/*custom button icon*/\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n  Element,\n  State,\n  Event,\n  EventEmitter,\n  Watch\n} from \"@stencil/core\";\n\nimport { MercuryBundles, getIconPath } from \"@genexus/mercury\";\n\nimport { Locale } from \"../../../common/locale\";\nimport { LabelPosition } from \"../../../common/types\";\nimport { EntityData } from \"../../../common/types\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"components/edit\",\n  \"components/button\",\n  \"components/icon\",\n  \"utils/form\"\n];\nconst SELECT_DEFAULT_ICON = getIconPath({\n  category: \"gemini-tools\",\n  name: \"show-more-horizontal\",\n  colorType: \"primary\"\n});\nconst CLEAR_ICON = getIconPath({\n  category: \"gemini-tools\",\n  name: \"reset\",\n  colorType: \"primary\"\n});\n\n@Component({\n  tag: \"gx-ide-entity-selector\",\n  styleUrl: \"entity-selector.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/entity-selector\"]\n})\nexport class GxIdeEntitySelector {\n  #componentLocale: any;\n\n  @Element() el: HTMLGxIdeEntitySelectorElement;\n\n  /**\n   * Adds/removes a CSS class on the host. It removes focus-within styles when\n   * focus is on a button.\n   */\n  @State() buttonHasFocus = false;\n\n  @State() iconSrc: string = null;\n\n  /**\n   * Default value for the component. Used when the 'X' button is pressed.\n   */\n  @Prop() readonly defaultValue?: EntityData | null | undefined;\n\n  /**\n   * The label caption. Only visible if \"labelPosition\" is not \"none\".\n   * I no \"labelCaption\" is provided, a generic caption \"Select Entity\" will be provided\n   */\n  @Prop() readonly labelCaption?: string;\n\n  /**\n   * The label position\n   */\n  @Prop({ reflect: true }) readonly labelPosition?: LabelPosition =\n    \"block-start\";\n\n  /**\n   * This property specifies the `name` of the control when used in a form.\n   */\n  @Prop({ reflect: true }) readonly name?: string;\n\n  /**\n   * Callback invoked when the action button is pressed. Returns the new value.\n   */\n  @Prop() readonly selectEntityCallback!: () => Promise<EntityData>;\n\n  /**\n   * Value currently assigned.\n   */\n  @Prop({ mutable: true }) value: EntityData | null | undefined;\n  @Watch(\"value\")\n  valueChangedHandler() {\n    this.valueChanged.emit(this.value);\n    this.#updateIconSrc();\n  }\n\n  /**\n   * Emits the input value every time it changes\n   */\n  @Event() valueChanged: EventEmitter<EntityData>;\n\n  // 6.Component Lifecycle Events\n\n  async componentWillLoad() {\n    this.#componentLocale = await Locale.getComponentStrings(this.el);\n  }\n\n  connectedCallback() {\n    this.#updateIconSrc();\n  }\n\n  #btnClearClickHandler = () => {\n    this.value = this.defaultValue;\n    this.iconSrc = this.defaultValue?.iconSrc;\n  };\n\n  #btnSelectClickHandler = () => {\n    this.selectEntityCallback().then(result => {\n      this.value = result;\n    });\n  };\n\n  #buttonFocusHandler = (e: FocusEvent) => {\n    if (e.type === \"focus\") {\n      this.buttonHasFocus = true;\n    } else if (e.type === \"blur\") {\n      this.buttonHasFocus = false;\n    }\n  };\n\n  #renderControl = (): HTMLDivElement => {\n    return (\n      <div part=\"wrapper\" class=\"wrapper\">\n        <ch-edit\n          accessibleName={\n            this.labelPosition === \"none\" &&\n            this.#componentLocale.entitySelectorInputAccessibleName\n          }\n          class=\"input\"\n          name={this.name || this.#componentLocale.entitySelectorNameAttribute}\n          startImgSrc={this.iconSrc}\n          value={this.value?.name || this.defaultValue?.name}\n          id=\"entity-input\"\n        ></ch-edit>\n\n        <button\n          part=\"button-clear\"\n          class=\"icon-button\"\n          aria-label={this.#componentLocale.clearButtonLabel}\n          title={this.#componentLocale.clearButtonLabel}\n          type=\"button\"\n          onClick={this.#btnClearClickHandler}\n          onFocus={this.buttonHasFocus ? this.#buttonFocusHandler : undefined}\n          onBlur={!this.buttonHasFocus ? this.#buttonFocusHandler : undefined}\n        >\n          <ch-image class=\"icon-md\" src={CLEAR_ICON}></ch-image>\n        </button>\n\n        <button\n          class=\"icon-button\"\n          aria-label={this.#componentLocale.selectButtonLabel}\n          title={this.#componentLocale.selectButtonLabel}\n          type=\"button\"\n          disabled={!this.selectEntityCallback}\n          onClick={this.#btnSelectClickHandler}\n          onBlur={!this.buttonHasFocus ? this.#buttonFocusHandler : undefined}\n          onFocus={this.buttonHasFocus ? this.#buttonFocusHandler : undefined}\n        >\n          <ch-image class=\"icon-md\" src={SELECT_DEFAULT_ICON}></ch-image>\n        </button>\n      </div>\n    );\n  };\n\n  #updateIconSrc = () => {\n    if (this.value && this.value.iconSrc) {\n      this.iconSrc = this.value.iconSrc;\n    }\n  };\n\n  render() {\n    return (\n      <Host\n        class={{\n          \"entity-selector--button-has-focus\": this.buttonHasFocus\n        }}\n      >\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        {this.labelPosition !== \"none\" ? (\n          <div\n            class={{\n              \"field\": true,\n              \"field-block\": this.labelPosition === \"block-start\",\n              \"field-inline\": this.labelPosition === \"inline-start\"\n            }}\n          >\n            <label class=\"label\" htmlFor=\"entity-input\">\n              {this.labelCaption ||\n                this.#componentLocale.entitySelectorInputAccessibleName}\n            </label>\n            {this.#renderControl()}\n          </div>\n        ) : (\n          this.#renderControl()\n        )}\n      </Host>\n    );\n  }\n}\n\nexport type EntitySelectorLabels = {\n  buttonClearLabel: string;\n  buttonSelectLabel: string;\n};\n"],"mappings":"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"}