@genexus/genexus-ide-ui 1.0.18 → 1.0.19

package/dist/genexus-ide-ui/{p-23c9b4e6.entry.js → p-c36effd2.entry.js}

@@ -4,7 +4,7 @@ import { c as a } from "./p-78b90603.js";
 
 import { L as o } from "./p-74d59062.js";
 
-import { r, m as h } from "./p-c339f703.js";
+import { r, m as h } from "./p-066028bc.js";
 
 import { g as d } from "./p-3ef5a5a6.js";
 
@@ -27,11 +27,11 @@ var p = undefined && undefined.__classPrivateFieldSet || function(t, e, i, s, n)
   return s === "a" ? n.call(t, i) : n ? n.value = i : e.set(t, i), i;
 };
 
-var m, b, v, g, w, k, _, y, M, W, x, C, j, E, S, I, T, z, F, A, D, L, P, H, R, V, q, B, G, J;
+var b, m, v, g, w, k, _, y, M, W, x, C, j, E, S, I, T, z, F, A, D, L, P, H, R, V, q, B, G, J;
 
 const K = [ 
 // TODO: review if "utils/form--full" is required.
-"resets/box-sizing", "components/tab", "components/tooltip", "utils/form--full", "utils/layout", "utils/typography", "chameleon/scrollbar" ];
+"resets/box-sizing", "components/tab", "components/tooltip", "utils/form--full", "utils/layout", "utils/typography", "utils/spacing", "chameleon/scrollbar" ];
 
 const N = "main";
 
@@ -44,8 +44,8 @@ const U = "advanced";
 const X = class {
   constructor(s) {
     t(this, s);
-    m.set(this, false);
-    b.set(this, void 0);
+    b.set(this, false);
+    m.set(this, void 0);
     v.set(this, false);
     /**
          * frontEndsState saves the id's of the front ends checkboxes that are checked
@@ -291,9 +291,9 @@ const X = class {
     u(this, F, "f").call(this);
   }
   componentDidRender() {
-    if (this.advancedTabIsVisible && !u(this, m, "f")) {
+    if (this.advancedTabIsVisible && !u(this, b, "f")) {
       // just call this once.
-      p(this, m, true, "f");
+      p(this, b, true, "f");
     }
   }
   async componentWillLoad() {
@@ -311,9 +311,9 @@ const X = class {
      * Suspends or reactivates the shortcuts
      */  async suspendShortcuts(t) {
     if (t) {
-      u(this, b, "f").suspend = true;
+      u(this, m, "f").suspend = true;
     } else {
-      u(this, b, "f").suspend = false;
+      u(this, m, "f").suspend = false;
     }
   }
   render() {
@@ -323,7 +323,7 @@ const X = class {
       model: K
     }), i("ch-shortcuts", {
       src: u(this, y, "f"),
-      ref: t => p(this, b, t, "f")
+      ref: t => p(this, m, t, "f")
     }), i("section", {
       class: "section"
     }, i("header", {
@@ -344,7 +344,7 @@ const X = class {
       // environment name
       autoFocus: true,
       id: "environment-name",
-      class: "form-input",
+      class: "input",
       part: "environment-name",
       value: this.environmentName,
       placeholder: u(this, W, "f").environmentNamePlaceholder,
@@ -421,7 +421,7 @@ const X = class {
   }
 };
 
-m = new WeakMap, b = new WeakMap, v = new WeakMap, g = new WeakMap, w = new WeakMap, 
+b = new WeakMap, m = new WeakMap, v = new WeakMap, g = new WeakMap, w = new WeakMap, 
 k = new WeakMap, _ = new WeakMap, y = new WeakMap, M = new WeakMap, W = new WeakMap, 
 x = new WeakMap, C = new WeakMap, j = new WeakMap, E = new WeakMap, S = new WeakMap, 
 I = new WeakMap, T = new WeakMap, z = new WeakMap, F = new WeakMap, A = new WeakMap, 
@@ -431,4 +431,4 @@ V = new WeakMap, q = new WeakMap, B = new WeakMap, G = new WeakMap, J = new Weak
 X.style = f;
 
 export { X as gx_ide_new_environment };
-//# sourceMappingURL=p-23c9b4e6.entry.js.map
+//# sourceMappingURL=p-c36effd2.entry.js.map

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

@@ -0,0 +1 @@
+{"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_createCallbackHandler","selectedFrontEndIds","createCallback","setAsCurrent","then","formSubmitResult","validateControls","_GxIdeNewEnvironment_tabSelectionChangedHandler","newSelectedId","advancedTabIsVisible","updatedDataSources","getDataSourcesCallback","getEnvironmentNameCallback","updatedFrontEnds","getFrontEndsCallback","checkedValue","target","checked","_GxIdeNewEnvironment_updateFrontEndsCheckedMap","checkboxId","currentState","push","checkboxIndex","findIndex","removeIndex","dataStoresChanged","newValue","mapOptionsToComboBoxItemModel","getSelectedItem","languagesChanged","runtimesChanged","connectedCallback","componentDidLoad","componentDidRender","componentWillLoad","Locale","getComponentStrings","tabLabel","tabAdvanced","suspendShortcuts","suspend","render","Host","src","header","isAdvanced","autoFocus","placeholder","environmentNamePlaceholder","tab","direction","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: var(--mer-spacing--md);\n  block-size: 100%;\n  overflow: auto;\n}\n.advanced {\n  padding-block-end: var(--content-block-spacing);\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(--mer-spacing--xs);\n}\n.basic__runtime-environment.one-runtime-only {\n  align-items: center;\n  flex-direction: row;\n  justify-content: center;\n}\n.control-header__back-end,\n.control-header__front-end {\n  padding-block-start: var(--mer-spacing--md);\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: var(--content-block-spacing);\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","/* 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 } 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      this.#selectedDataStoreId = getSelectedItem(newValue);\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() readonly 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   * 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  }\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          \"control-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=\"heading-5 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=\"heading-5 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=\"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\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=\"control-header control-header-with-border control-header__front-end heading-5 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.#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  #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              \"control-header\": this.isAdvanced,\n              \"control-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              direction=\"block\"\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              \"control-footer\": this.isAdvanced,\n              \"control-footer-with-border\": !this.isAdvanced,\n              \"control-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 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-39792ac8.entry.js → p-c4d1d0ce.entry.js}

@@ -6,7 +6,7 @@ import { c as l } from "./p-78b90603.js";
 
 import { r as s } from "./p-07b9c2d4.js";
 
-import { f as n } from "./p-c339f703.js";
+import { f as n } from "./p-066028bc.js";
 
 const c = ':root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-01--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-02{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-02--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--color-on-primary)}.gxg-title-03{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-03--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-04{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-04--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-05{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-05--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable)}.gxg-text--negative{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text--gray{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--dimmed)}.gxg-quote{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);font-style:italic}.gxg-quote--negative{color:var(--ds-base-font-color--negative)}.gxg-link{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--ds-base-font-color--link-hover)}.gxg-link:active{color:var(--ds-base-font-color--link-active)}.gxg-link-gray{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed)}.gxg-link-gray:hover{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed);filter:brightness(1.4)}.gxg-alert-error{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--error);display:inline-block}.gxg-alert-warning{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--warning);display:inline-block}.gxg-alert-success{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--success);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--ds-base-font-family-primary);font-weight:var(--gxg-label-font-weight);font-size:var(--gxg-label-font-size);color:var(--gxg-label-color);text-align:center;line-height:1.455em;display:flex;align-items:center}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gxg-scrollbar::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}:host{display:grid;block-size:100%}.card-regular{background-color:var(--mer-surface__elevation--01);border:var(--mer-border__width--sm) solid var(--mer-border-color__on-elevation--01);border-radius:var(--mer-border__radius--md);padding:var(--mer-spacing--md) var(--mer-spacing--md);display:grid}.card-small{background-color:var(--mer-surface__elevation--02);border-radius:var(--mer-border__radius--sm);padding:var(--mer-spacing--sm) var(--mer-spacing--sm)}.card-small--actionable:hover{background-color:var(--mer-color__neutral-gray--600)}.card-small--actionable:active{background-color:var(--mer-color__neutral-gray--650)}.card-small:focus-visible{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.empty-state{block-size:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--mer-spacing--sm);text-align:center}.empty-state__title,.empty-state__button,.empty-state__link{max-inline-size:300px}.opacity-0{opacity:0}.opacity-1{opacity:1}.display-contents{display:contents}.gxi-hidden{display:none !important}.gxi-full-height{height:100%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}.justify-start{display:flex;justify-content:start}.justify-center{display:flex;justify-content:center}.justify-end{display:flex;justify-content:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:99;border-bottom:1px solid var(--mer-color__neutral-gray--800)}ch-grid-column:first-child{padding-inline-start:var(--gx-ide-container__padding) !important}ch-grid-column:last-child{padding-inline-end:var(--gx-ide-container__padding) !important}ch-grid-cell{--mer-spacing--xs:var(--gx-ide-container__padding)}.layout{display:grid;gap:var(--mer-spacing--lg);box-sizing:border-box}.layout--two-cols{grid-template-columns:1fr 1fr}.layout--space-above{padding-block-start:var(--mer-spacing--lg)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--mer-font__weight--regular);font-size:var(--mer-font__size--xs);font-family:var(--mer-font-family--primary);height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-main::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-main::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-main::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-overflow::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.tree-view-primary{font-size:var(--mer-font__size--2xs)}p{margin:0;font-size:var(--mer-font__size--xxs)}.buttons-container{display:flex;gap:var(--mer-spacing--xs)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}:host{display:block}.header{border-top:1px solid var(--gx-ide-container-border-color);display:flex;flex-direction:column}.header>*{padding:var(--gx-ide-container__padding)}.header__first-row{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:-3px}.header__first-row .commit-label{flex:none}.header__first-row .commit-textarea{flex:none}.header__first-row__right-col{display:flex;align-items:center;gap:var(--gx-ide-grid-column-gap)}.header__second-row{padding:0 var(--gx-ide-container__padding) var(--gx-ide-container__padding) var(--gx-ide-container__padding)}.header .filters-outer-wrapper{display:grid;padding:0;grid-template-rows:1fr;transition:grid-template-rows 200ms;border-bottom:1px solid var(--gx-ide-container-border-color)}.header .filters-outer-wrapper--hidden{grid-template-rows:0fr}.header .filters-inner-wrapper{overflow:hidden}.header__third-row{padding:0 var(--gx-ide-container__padding) var(--gx-ide-container__padding) var(--gx-ide-container__padding);display:grid;column-gap:var(--gx-ide-grid-column-gap);row-gap:var(--gx-ide-grid-row-gap);grid-template-columns:auto 1fr auto 1fr;grid-template-areas:"pattern-label pattern-form-text pattern-form-text pattern-form-text" "changeset-label changeset-combo type-label type-combo" "folder-label folder-combo category-label category-combo"}.header__third-row .pattern-label{grid-area:pattern-label}.header__third-row .pattern-form-text{grid-area:pattern-form-text}.header__third-row .changeset-label{grid-area:changeset-label}.header__third-row .changeset-combo{grid-area:changeset-combo}.header__third-row .type-label{grid-area:type-label}.header__third-row .type-combo{grid-area:type-combo}.header__third-row .folder-label{grid-area:folder-label}.header__third-row .folder-combo{grid-area:folder-combo}.header__third-row .category-label{grid-area:category-label}.header__third-row .category-combo{grid-area:category-combo}.main{height:100%}.grid-container{padding:0}ch-grid{height:auto}gxg-tab::part(container){line-height:unset}.tabular-grid{block-size:100%}.tabular-grid-td-commit ch-tabular-grid-cell:is(:nth-child(6)){padding-block:var(--grid-cell__padding-block);padding-inline:var(--grid-cell__padding-inline);align-items:start;justify-content:start;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}gx-ide-container::part(content){overflow:hidden}';
 
@@ -585,4 +585,4 @@ const g = class {
 g.style = c;
 
 export { g as gx_ide_team_dev_commit };
-//# sourceMappingURL=p-39792ac8.entry.js.map
+//# sourceMappingURL=p-c4d1d0ce.entry.js.map

package/dist/genexus-ide-ui/p-de59d495.entry.js

@@ -0,0 +1,273 @@
+import { r as e, c as t, h as i, H as s, g as a } from "./p-aaed592c.js";
+
+import { L as r } from "./p-74d59062.js";
+
+const n = "status";
+
+const o = "caption";
+
+const mapNavigationDataToTreeView = e => e.map(((e, t) => ({
+  id: e.id,
+  selected: t === 0,
+  caption: e.name,
+  startImgSrc: e.icon,
+  parts: `tree-view-item tree-view-item--status tree-view-item--${e.result}`,
+  leaf: true,
+  metadata: JSON.stringify({
+    [n]: e.result.toString(),
+    [o]: e.name
+  })
+})));
+
+const c = ':host{display:grid;block-size:100%;overflow:auto;grid-template-areas:"aside main" "footer footer";grid-template-rows:1fr max-content;grid-template-columns:240px 1fr}:host(.display-header-type){grid-template-areas:"header header" "aside main" "footer footer";grid-template-rows:max-content 1fr max-content;grid-template-columns:240px 1fr}.section{display:contents}.header{grid-area:header;display:grid;grid-template-columns:1fr max-content}.header__description{display:grid;gap:var(--mer-spacing--xs)}.header__description-p{max-inline-size:460px}.header__actions{flex-shrink:0}.aside{grid-area:aside;overflow:auto;border-inline-end:var(--section-common-border);display:grid;grid-template-rows:max-content 1fr}.main{grid-area:main;overflow:auto}.footer{grid-area:footer;justify-content:flex-start}.tree-view::part(item__action tree-view-item--success),.tree-view::part(item__action tree-view-item--warning),.tree-view::part(item__action tree-view-item--error){padding-inline-start:var(--mer-spacing--lg)}.tree-view::part(item__action tree-view-item--success){background:var(--icon__states_pill-filled_success--enabled) no-repeat}.tree-view::part(item__action tree-view-item--warning){background:var(--icon__states_pill-filled_warning--enabled) no-repeat}.tree-view::part(item__action tree-view-item--error){background:var(--icon__states_pill-filled_error--enabled) no-repeat}';
+
+var d = undefined && undefined.__classPrivateFieldSet || function(e, t, i, s, a) {
+  if (s === "m") throw new TypeError("Private method is not writable");
+  if (s === "a" && !a) throw new TypeError("Private accessor was defined without a setter");
+  if (typeof t === "function" ? e !== t || !a : !t.has(e)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+  return s === "a" ? a.call(e, i) : a ? a.value = i : t.set(e, i), i;
+};
+
+var l = undefined && undefined.__classPrivateFieldGet || function(e, t, i, s) {
+  if (i === "a" && !s) throw new TypeError("Private accessor was defined without a getter");
+  if (typeof t === "function" ? e !== t || !s : !t.has(e)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+  return i === "m" ? s : i === "a" ? s.call(e) : s ? s.value : t.get(e);
+};
+
+var h, p, m, f, g, u, w, v;
+
+const b = [ "resets/box-sizing", "components/tab", "components/tooltip", "components/tree-view", "utils/form--full", "utils/layout", "utils/typography", "utils/spacing", "chameleon/scrollbar" ];
+
+const _ = class {
+  constructor(i) {
+    e(this, i);
+    this.componentDidRenderEvent = t(this, "componentDidRenderEvent", 7);
+    /**
+         * The component hard-coded strings translations.
+         */
+    // eslint-disable-next-line @stencil-community/own-props-must-be-private
+        h.set(this, void 0);
+    p.set(this, []);
+    m.set(this, (() => {
+      const e = this.navigationItemsStatusRegExpString || "";
+      const t = this.navigationItemsCaptionRegExpString || "";
+      // Create a RegExp that combines the values from the buttons statues and the filer value.
+            const i = `${e && `(${e})`}${e && t ? ".*" : ""}${t && `(${t})`}`;
+      this.navigationItemsRegExp = new RegExp(i, "i");
+    }));
+    f.set(this, (e => {
+      var t;
+      const i = (t = e.detail[0]) === null || t === void 0 ? void 0 : t.item.id;
+      if (i) {
+        this.itemSelectedCallback(i);
+      }
+    }));
+    g.set(this, (e => e.sort(((e, t) => e.caption.localeCompare(t.caption)))));
+    u.set(this, (e => {
+      const t = e.detail;
+      const i = [];
+      const s = t.findIndex((e => e.itemId === "errors"));
+      const a = t.findIndex((e => e.itemId === "warnings"));
+      const r = t.findIndex((e => e.itemId === "successes"));
+      if (s !== -1) {
+        i.push("error");
+      }
+      if (a !== -1) {
+        i.push("warning");
+      }
+      if (r !== -1) {
+        i.push("success");
+      }
+      if (i.length) {
+        const e = i.join("|");
+        this.navigationItemsStatusRegExpString = `"${n}":"(${e})"`;
+      } else {
+        this.navigationItemsStatusRegExpString = `"${n}":""`;
+      }
+      // Update statusInfo for the status-buttons
+            this.statusInfo = {
+        error: {
+          display: s !== -1,
+          number: this.statusInfo.error.number
+        },
+        warning: {
+          display: a !== -1,
+          number: this.statusInfo.warning.number
+        },
+        success: {
+          display: r !== -1,
+          number: this.statusInfo.success.number
+        }
+      };
+    }));
+    w.set(this, (e => {
+      const t = e.detail;
+      this.navigationItemsCaptionRegExpString = `"${o}":".*${t}.*"`;
+    }));
+    v.set(this, (e => {
+      d(this, p, e, "f");
+      this.reportTreeItems = mapNavigationDataToTreeView(e);
+      let t = 0;
+      let i = 0;
+      let s = 0;
+      this.reportTreeItems.forEach((e => {
+        const a = JSON.parse(e.metadata);
+        let r;
+        if (n in a) {
+          r = a[n];
+        }
+        if (r && r === "error") {
+          t++;
+        } else if (r && r === "warning") {
+          i++;
+        } else if (r && r === "success") {
+          s++;
+        }
+      }));
+      this.statusInfo["error"].number = t;
+      this.statusInfo["warning"].number = i;
+      this.statusInfo["success"].number = s;
+    }));
+    this.reportTreeItems = [];
+    this.navigationItemsStatusRegExpString = "";
+    this.navigationItemsCaptionRegExpString = "";
+    this.navigationItemsRegExp = undefined;
+    this.confirmed = false;
+    this.headerState = "none";
+    this.statusInfo = {
+      error: {
+        display: true,
+        number: 0
+      },
+      warning: {
+        display: true,
+        number: 0
+      },
+      success: {
+        display: true,
+        number: 0
+      }
+    };
+    this.someStatusVisible = undefined;
+    this.headerData = undefined;
+    this.confirmCallback = undefined;
+    this.cancelCallback = undefined;
+    this.closeCallback = undefined;
+    this.itemSelectedCallback = undefined;
+  }
+  navigationItemsStatusRegExpStringChanged() {
+    l(this, m, "f").call(this);
+  }
+  navigationItemsCaptionRegExpStringChanged() {
+    l(this, m, "f").call(this);
+  }
+  /**
+     * Add a new item
+     */  async addItem(e) {
+    l(this, v, "f").call(this, l(this, p, "f").concat([ e ]));
+  }
+  /**
+     * Clear items
+     */  async clearItems() {
+    l(this, v, "f").call(this, []);
+  }
+  async componentWillLoad() {
+    d(this, h, await r.getComponentStrings(this.el), "f");
+  }
+  render() {
+    var e;
+    return i(s, {
+      class: {
+        widget: true,
+        "display-header-type": !!this.headerData
+      }
+    }, i("ch-theme", {
+      model: b
+    }), i("section", {
+      class: "section"
+    }, this.headerData && i("header", {
+      class: "header control-header-with-border spacing-body-inline spacing-body-block-start"
+    }, i("div", {
+      class: "header__description"
+    }, i("h3", {
+      class: "heading-3"
+    }, this.headerData.title), i("p", {
+      class: "text-body-regular-s header__description-p"
+    }, this.headerData.description)), i("div", {
+      class: "header__actions"
+    }, i("div", {
+      class: "buttons-spacer header__actions"
+    }, (e = this.headerData.buttons) === null || e === void 0 ? void 0 : e.map((e => {
+      var t;
+      const s = e.icon;
+      const a = (t = e.type) !== null && t !== void 0 ? t : "button-primary";
+      return i("button", {
+        class: {
+          [a]: true,
+          "button-icon-and-text": !!s
+        },
+        onClick: e.callback
+      }, s && i("ch-image", {
+        class: "icon-md",
+        src: s
+      }), e.caption);
+    }))))), i("section", {
+      class: "aside field-group"
+    }, i("header", {
+      class: "aside__header spacing-body-inline spacing-body-block-start"
+    }, i("div", {
+      class: "field field-block"
+    }, i("label", {
+      class: "label",
+      htmlFor: "pattern"
+    }, l(this, h, "f").aside.filterLabel), i("ch-edit", {
+      id: "pattern",
+      class: "input",
+      placeholder: l(this, h, "f").aside.filterPlaceholder,
+      onInput: l(this, w, "f")
+    }))), i("ch-tree-view-render", {
+      class: "tree-view",
+      "show-lines": "last",
+      filter: this.navigationItemsRegExp,
+      filterType: "metadata",
+      model: this.reportTreeItems,
+      onSelectedItemsChange: l(this, f, "f"),
+      sortItemsCallback: l(this, g, "f"),
+      filterOptions: {
+        autoExpand: true,
+        hideMatchesAndShowNonMatches: false
+      }
+    })), i("section", {
+      class: "main spacing-body"
+    }, i("slot", null)), i("footer", {
+      class: "footer control-footer-with-border control-footer-start spacing-body-inline spacing-body-block-end"
+    }, i("gx-ide-status-buttons", {
+      errors: this.statusInfo.error.number,
+      warnings: this.statusInfo.warning.number,
+      successes: this.statusInfo.success.number,
+      hideMessage: true,
+      compact: true,
+      onSelectionChanged: l(this, u, "f")
+    }))));
+  }
+  static get assetsDirs() {
+    return [ "gx-ide-assets/navigation-report" ];
+  }
+  get el() {
+    return a(this);
+  }
+  static get watchers() {
+    return {
+      navigationItemsStatusRegExpString: [ "navigationItemsStatusRegExpStringChanged" ],
+      navigationItemsCaptionRegExpString: [ "navigationItemsCaptionRegExpStringChanged" ]
+    };
+  }
+};
+
+h = new WeakMap, p = new WeakMap, m = new WeakMap, f = new WeakMap, g = new WeakMap, 
+u = new WeakMap, w = new WeakMap, v = new WeakMap;
+
+_.style = c;
+
+export { _ as gx_ide_navigation_report };
+//# sourceMappingURL=p-de59d495.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["STATUS_REGEXP_KEY","CAPTION_REGEXP_KEY","mapNavigationDataToTreeView","navigationData","map","dataItem","i","id","selected","caption","name","startImgSrc","icon","parts","result","leaf","metadata","JSON","stringify","toString","navigationReportCss","CSS_BUNDLES","GxIdeNavigationReport","_GxIdeNavigationReport_componentLocale","set","this","_GxIdeNavigationReport_items","_GxIdeNavigationReport_combinedRegExp","statusPattern","navigationItemsStatusRegExpString","captionPattern","navigationItemsCaptionRegExpString","combinedPattern","navigationItemsRegExp","RegExp","_GxIdeNavigationReport_itemsSelectionChangedHandler","event","selectedItemId","_a","detail","item","itemSelectedCallback","_GxIdeNavigationReport_sortItemsCallback","subModel","sort","a","b","localeCompare","_GxIdeNavigationReport_statusButtonsSelectionChangedHandler","activeStates","statuses","errorIndex","findIndex","state","itemId","warningIndex","successIndex","push","length","statusOptions","join","statusInfo","error","display","number","warning","success","_GxIdeNavigationReport_patternInputHandler","patternFilterValue","_GxIdeNavigationReport_handleChangedItems","newItems","__classPrivateFieldSet","reportTreeItems","errorsCount","warningsCount","successCount","forEach","metadataObject","parse","statusValue","navigationItemsStatusRegExpStringChanged","__classPrivateFieldGet","call","navigationItemsCaptionRegExpStringChanged","addItem","concat","clearItems","componentWillLoad","Locale","getComponentStrings","el","render","h","Host","class","widget","headerData","model","title","description","buttons","button","buttonIcon","buttonType","type","onClick","callback","src","htmlFor","aside","filterLabel","placeholder","filterPlaceholder","onInput","filter","filterType","onSelectedItemsChange","sortItemsCallback","filterOptions","autoExpand","hideMatchesAndShowNonMatches","errors","warnings","successes","hideMessage","compact","onSelectionChanged"],"sources":["src/components/navigation-report/helpers.ts","src/components/navigation-report/navigation-report.scss?tag=gx-ide-navigation-report&encapsulation=shadow","src/components/navigation-report/navigation-report.tsx"],"sourcesContent":["import { TreeViewModel } from \"@genexus/chameleon-controls-library\";\nimport { NavigationData, Status } from \"./navigation-report\";\n\nexport const STATUS_REGEXP_KEY = \"status\";\nexport const CAPTION_REGEXP_KEY = \"caption\";\n\nexport const mapNavigationDataToTreeView = (\n  navigationData: NavigationData[]\n): TreeViewModel =>\n  navigationData.map((dataItem, i) => {\n    return {\n      id: dataItem.id,\n      selected: i === 0,\n      caption: dataItem.name,\n      startImgSrc: dataItem.icon,\n      parts: `tree-view-item tree-view-item--status tree-view-item--${dataItem.result}`,\n      leaf: true,\n      metadata: JSON.stringify({\n        [STATUS_REGEXP_KEY]: dataItem.result.toString() as Status,\n        [CAPTION_REGEXP_KEY]: dataItem.name\n      })\n    };\n  });\n","@import \"../../global/gx-ide-mixins.scss\";\n\n:host {\n  display: grid;\n  block-size: 100%;\n  overflow: auto;\n  grid-template-areas:\n    \"aside main\"\n    \"footer footer\";\n  grid-template-rows: 1fr max-content;\n  grid-template-columns: 240px 1fr;\n}\n\n:host(.display-header-type) {\n  grid-template-areas:\n    \"header header\"\n    \"aside main\"\n    \"footer footer\";\n\n  grid-template-rows: max-content 1fr max-content;\n  grid-template-columns: 240px 1fr;\n}\n\n.section {\n  display: contents;\n}\n\n// - - - - - - - - - - - - -\n// Header\n// - - - - - - - - - - - - -\n\n.header {\n  grid-area: header;\n  display: grid;\n  grid-template-columns: 1fr max-content;\n\n  &__description {\n    display: grid;\n    gap: var(--mer-spacing--xs);\n\n    &-p {\n      max-inline-size: 460px;\n    }\n  }\n  &__actions {\n    flex-shrink: 0;\n  }\n}\n\n// - - - - - - - - - - - - -\n// Aside & Main\n// - - - - - - - - - - - - -\n\n.aside {\n  grid-area: aside;\n  overflow: auto;\n  border-inline-end: var(--section-common-border);\n  display: grid;\n  grid-template-rows: max-content 1fr;\n}\n\n.main {\n  grid-area: main;\n  overflow: auto;\n}\n\n// - - - - - - - - - - - - -\n// Footer\n// - - - - - - - - - - - - -\n\n.footer {\n  grid-area: footer;\n  justify-content: flex-start;\n}\n\n// - - - - - - - - - - - - - - - - - - -\n// Tree view status custom status \"icon\"\n// - - - - - - - - - - - - - - - - - - -\n.tree-view::part(item__action tree-view-item--success),\n.tree-view::part(item__action tree-view-item--warning),\n.tree-view::part(item__action tree-view-item--error) {\n  // WA custom solution for two icons\n  // Because this is a one level tree, there is no risk of\n  // breaking the layout with a custom padding.\n  padding-inline-start: var(--mer-spacing--lg);\n}\n\n.tree-view::part(item__action tree-view-item--success) {\n  background: var(--icon__states_pill-filled_success--enabled) no-repeat;\n}\n.tree-view::part(item__action tree-view-item--warning) {\n  background: var(--icon__states_pill-filled_warning--enabled) no-repeat;\n}\n.tree-view::part(item__action tree-view-item--error) {\n  background: var(--icon__states_pill-filled_error--enabled) no-repeat;\n}\n","// Stencil\nimport {\n  Component,\n  Host,\n  h,\n  Prop,\n  Element,\n  Event,\n  EventEmitter,\n  State,\n  Watch,\n  Method\n} from \"@stencil/core\";\n// Other Libraries\nimport { MercuryBundles } from \"@genexus/mercury\";\n// Custom Imports\nimport { Locale } from \"../../common/locale\";\nimport {\n  mapNavigationDataToTreeView,\n  STATUS_REGEXP_KEY,\n  CAPTION_REGEXP_KEY\n} from \"./helpers\";\nimport {\n  ChEditCustomEvent,\n  TreeViewItemModelExtended,\n  TreeViewModel\n} from \"@genexus/chameleon-controls-library\";\nimport { CheckedItemsInfo } from \"../_helpers/list-selector/list-selector\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"components/tab\",\n  \"components/tooltip\",\n  \"components/tree-view\",\n  \"utils/form--full\",\n  \"utils/layout\",\n  \"utils/typography\",\n  \"utils/spacing\",\n  \"chameleon/scrollbar\"\n];\n\n@Component({\n  tag: \"gx-ide-navigation-report\",\n  styleUrl: \"navigation-report.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/navigation-report\"]\n})\nexport class GxIdeNavigationReport {\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  #items: NavigationData[] = [];\n\n  @Element() el: HTMLGxIdeNavigationReportElement;\n  @State() reportTreeItems: TreeViewModel = [];\n  @State() navigationItemsStatusRegExpString: string = \"\";\n  @Watch(\"navigationItemsStatusRegExpString\")\n  navigationItemsStatusRegExpStringChanged() {\n    this.#combinedRegExp();\n  }\n  @State() navigationItemsCaptionRegExpString: string = \"\";\n  @Watch(\"navigationItemsCaptionRegExpString\")\n  navigationItemsCaptionRegExpStringChanged() {\n    this.#combinedRegExp();\n  }\n  @State() navigationItemsRegExp: RegExp;\n  @State() confirmed = false;\n  @State() headerState: \"none\" | \"create\" | \"reorganize\" = \"none\";\n\n  @State() statusInfo: StatusInfo = {\n    error: {\n      display: true,\n      number: 0\n    },\n    warning: {\n      display: true,\n      number: 0\n    },\n    success: {\n      display: true,\n      number: 0\n    }\n  };\n  @State() someStatusVisible: boolean;\n\n  /**\n   * The header data to display on the header.\n   */\n  @Prop() readonly headerData: HeaderData;\n\n  /**\n   * Callback invoked when user confirms data base reorganization\n   */\n  @Prop() readonly confirmCallback: ConfirmCallback;\n\n  /**\n   * Callback invoked when user cancels reorganization\n   */\n  @Prop() readonly cancelCallback: CancelCallback;\n\n  /**\n   * Callback to be invoked when the user closes the dialog\n   */\n  @Prop() readonly closeCallback: CloseCallback;\n\n  /**\n   * Callback invoked when a list item is selected\n   */\n  @Prop() readonly itemSelectedCallback: ItemSelectedCallback;\n\n  /**\n   * @description Gets fired when the component has rendered for the first time.\n   */\n  @Event() componentDidRenderEvent: EventEmitter<string>;\n\n  /**\n   * Add a new item\n   */\n  @Method()\n  async addItem(item: NavigationData) {\n    this.#handleChangedItems(this.#items.concat([item]));\n  }\n\n  /**\n   * Clear items\n   */\n  @Method()\n  async clearItems() {\n    this.#handleChangedItems([]);\n  }\n\n  async componentWillLoad() {\n    this.#componentLocale = await Locale.getComponentStrings(this.el);\n  }\n\n  #combinedRegExp = () => {\n    const statusPattern = this.navigationItemsStatusRegExpString || \"\";\n    const captionPattern = this.navigationItemsCaptionRegExpString || \"\";\n\n    // Create a RegExp that combines the values from the buttons statues and the filer value.\n    const combinedPattern = `${statusPattern && `(${statusPattern})`}${\n      statusPattern && captionPattern ? \".*\" : \"\"\n    }${captionPattern && `(${captionPattern})`}`;\n\n    this.navigationItemsRegExp = new RegExp(combinedPattern, \"i\");\n  };\n\n  #itemsSelectionChangedHandler = (\n    event: CustomEvent<TreeViewItemModelExtended[]>\n  ) => {\n    const selectedItemId = event.detail[0]?.item.id;\n    if (selectedItemId) {\n      this.itemSelectedCallback(selectedItemId);\n    }\n  };\n\n  #sortItemsCallback = (subModel: TreeViewModel) => {\n    return subModel.sort((a, b) => a.caption.localeCompare(b.caption));\n  };\n\n  #statusButtonsSelectionChangedHandler = (\n    event: CustomEvent<CheckedItemsInfo>\n  ) => {\n    const activeStates = event.detail;\n    const statuses: Status[] = [];\n\n    const errorIndex = activeStates.findIndex(\n      state => state.itemId === \"errors\"\n    );\n    const warningIndex = activeStates.findIndex(\n      state => state.itemId === \"warnings\"\n    );\n    const successIndex = activeStates.findIndex(\n      state => state.itemId === \"successes\"\n    );\n\n    if (errorIndex !== -1) {\n      statuses.push(\"error\");\n    }\n    if (warningIndex !== -1) {\n      statuses.push(\"warning\");\n    }\n    if (successIndex !== -1) {\n      statuses.push(\"success\");\n    }\n\n    if (statuses.length) {\n      const statusOptions = statuses.join(\"|\");\n      this.navigationItemsStatusRegExpString = `\"${STATUS_REGEXP_KEY}\":\"(${statusOptions})\"`;\n    } else {\n      this.navigationItemsStatusRegExpString = `\"${STATUS_REGEXP_KEY}\":\"\"`;\n    }\n\n    // Update statusInfo for the status-buttons\n    this.statusInfo = {\n      error: {\n        display: errorIndex !== -1,\n        number: this.statusInfo.error.number\n      },\n      warning: {\n        display: warningIndex !== -1,\n        number: this.statusInfo.warning.number\n      },\n      success: {\n        display: successIndex !== -1,\n        number: this.statusInfo.success.number\n      }\n    };\n  };\n\n  #patternInputHandler = (event: ChEditCustomEvent<string> | InputEvent) => {\n    const patternFilterValue = event.detail as string;\n    this.navigationItemsCaptionRegExpString = `\"${CAPTION_REGEXP_KEY}\":\".*${patternFilterValue}.*\"`;\n  };\n\n  #handleChangedItems = (newItems: NavigationData[]) => {\n    this.#items = newItems;\n    this.reportTreeItems = mapNavigationDataToTreeView(newItems);\n    let errorsCount: number = 0;\n    let warningsCount: number = 0;\n    let successCount: number = 0;\n    this.reportTreeItems.forEach(item => {\n      const metadataObject = JSON.parse(item.metadata);\n      let statusValue;\n      if (STATUS_REGEXP_KEY in metadataObject) {\n        statusValue = metadataObject[STATUS_REGEXP_KEY] as Status;\n      }\n\n      if (statusValue && statusValue === \"error\") {\n        errorsCount++;\n      } else if (statusValue && statusValue === \"warning\") {\n        warningsCount++;\n      } else if (statusValue && statusValue === \"success\") {\n        successCount++;\n      }\n    });\n\n    this.statusInfo[\"error\"].number = errorsCount;\n    this.statusInfo[\"warning\"].number = warningsCount;\n    this.statusInfo[\"success\"].number = successCount;\n  };\n\n  render() {\n    return (\n      <Host\n        class={{\n          \"widget\": true,\n          \"display-header-type\": !!this.headerData\n        }}\n      >\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <section class=\"section\">\n          {this.headerData && (\n            <header class=\"header control-header-with-border spacing-body-inline spacing-body-block-start\">\n              <div class=\"header__description\">\n                <h3 class=\"heading-3\">{this.headerData.title}</h3>\n                <p class=\"text-body-regular-s header__description-p\">\n                  {this.headerData.description}\n                </p>\n              </div>\n              <div class=\"header__actions\">\n                <div class=\"buttons-spacer header__actions\">\n                  {this.headerData.buttons?.map(button => {\n                    const buttonIcon = button.icon;\n                    const buttonType: headerButtonType =\n                      button.type ?? \"button-primary\";\n                    return (\n                      <button\n                        class={{\n                          [buttonType]: true,\n                          \"button-icon-and-text\": !!buttonIcon\n                        }}\n                        onClick={button.callback}\n                      >\n                        {buttonIcon && (\n                          <ch-image class=\"icon-md\" src={buttonIcon}></ch-image>\n                        )}\n                        {button.caption}\n                      </button>\n                    );\n                  })}\n                </div>\n              </div>\n            </header>\n          )}\n\n          <section class=\"aside field-group\">\n            <header class=\"aside__header spacing-body-inline spacing-body-block-start\">\n              <div class=\"field field-block\">\n                <label class=\"label\" htmlFor=\"pattern\">\n                  {this.#componentLocale.aside.filterLabel}\n                </label>\n                <ch-edit\n                  id=\"pattern\"\n                  class=\"input\"\n                  placeholder={this.#componentLocale.aside.filterPlaceholder}\n                  onInput={this.#patternInputHandler}\n                ></ch-edit>\n              </div>\n            </header>\n            <ch-tree-view-render\n              class=\"tree-view\"\n              show-lines=\"last\"\n              filter={this.navigationItemsRegExp}\n              filterType=\"metadata\"\n              model={this.reportTreeItems}\n              onSelectedItemsChange={this.#itemsSelectionChangedHandler}\n              sortItemsCallback={this.#sortItemsCallback}\n              filterOptions={{\n                autoExpand: true,\n                hideMatchesAndShowNonMatches: false\n              }}\n            ></ch-tree-view-render>\n          </section>\n          <section class=\"main spacing-body\">\n            <slot></slot>\n          </section>\n          <footer class=\"footer control-footer-with-border control-footer-start spacing-body-inline spacing-body-block-end\">\n            <gx-ide-status-buttons\n              errors={this.statusInfo.error.number}\n              warnings={this.statusInfo.warning.number}\n              successes={this.statusInfo.success.number}\n              hideMessage\n              compact\n              onSelectionChanged={this.#statusButtonsSelectionChangedHandler}\n            ></gx-ide-status-buttons>\n          </footer>\n        </section>\n      </Host>\n    );\n  }\n}\n\nexport type NavigationData = {\n  id: string;\n  result: Status;\n  icon: string;\n  name: string;\n};\n\nexport type ConfirmCallback = () => Promise<void>;\nexport type CancelCallback = () => Promise<void>;\nexport type CloseCallback = () => Promise<void>;\nexport type ItemSelectedCallback = (id: string) => Promise<void>;\n\ntype StatusInfo = {\n  error: {\n    display: boolean;\n    number: number;\n  };\n  warning: {\n    display: boolean;\n    number: number;\n  };\n  success: {\n    display: boolean;\n    number: number;\n  };\n};\n\nexport type HeaderData = {\n  title: string;\n  description: string;\n  buttons: HeaderButtonData[];\n};\n\nexport type HeaderButtonData = {\n  caption: string;\n  icon?: string;\n  type?: headerButtonType;\n  callback: () => Promise<void>;\n};\n\nexport type headerButtonType = \"button-primary\" | \"button-secondary\";\n\nexport type Status = \"success\" | \"error\" | \"warning\";\n"],"mappings":"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"}

package/dist/types/components/_helpers/list-selector/list-selector-item/list-selector-item.d.ts

@@ -1,5 +1,4 @@
 import { EventEmitter } from "../../../../stencil-public-runtime";
-import { Color, Size } from "@genexus/gemini/dist/types/components/icon/icon";
 export declare class GxIdeListSelectorItem {
     private parentIsListSelector;
     private parentList;
@@ -33,14 +32,6 @@ export declare class GxIdeListSelectorItem {
      * The gemini icon name
      */
     readonly icon: string;
-    /**
-     * The gemini icon color. If no one provided, it will inherit the value from the list-selector
-     */
-    iconColor: Color;
-    /**
-     * The gemini icon size. Inherited from the parent.
-     */
-    iconSize: Size;
     /**
      * Disables the item border
      */
@@ -81,8 +72,6 @@ export declare class GxIdeListSelectorItem {
      */
     private assignName;
     private evaluateOrderedList;
-    private evaluateIconColor;
-    private evaluateIconSize;
     private onChangeHandler;
     render(): any;
 }

package/dist/types/components/_helpers/list-selector/list-selector.d.ts

@@ -1,12 +1,7 @@
 import { EventEmitter } from "../../../stencil-public-runtime";
-import { Color, Size } from "@genexus/gemini/dist/types/components/icon/icon";
 import { ItemData } from "./list-selector-item/list-selector-item";
 export declare class GxIdeListSelector {
     el: HTMLGxIdeListSelectorElement;
-    /**
-     * The list title (optional)
-     */
-    readonly listTitle: string;
     /**
      * It determines if the list is ordered, or unordered
      */
@@ -31,14 +26,6 @@ export declare class GxIdeListSelector {
      * The value of the initial (or initials) checked list-item/s
      */
     value: string | string[];
-    /**
-     * Icons color
-     */
-    readonly iconsColor: Color;
-    /**
-     * Icons size
-     */
-    readonly iconsSize: Size;
     /**
      * The name of this list. This is a required attribute for the list to work.
      */

package/dist/types/components/_helpers/status-buttons/gx-ide-status-buttons.d.ts

@@ -2,10 +2,7 @@ import { EventEmitter } from "../../../stencil-public-runtime";
 import { Size } from "@genexus/gemini/dist/types/components/icon/icon";
 import { CheckedItemsInfo } from "../list-selector/list-selector";
 export declare class GxIdeStatusButtons {
-    /**
-     * The component hard-coded strings translations.
-     */
-    private _componentLocale;
+    #private;
     /**
      * Whether or not the buttons are active
      */

package/dist/types/components/navigation-report/helpers.d.ts

@@ -0,0 +1,5 @@
+import { TreeViewModel } from "@genexus/chameleon-controls-library";
+import { NavigationData } from "./navigation-report";
+export declare const STATUS_REGEXP_KEY = "status";
+export declare const CAPTION_REGEXP_KEY = "caption";
+export declare const mapNavigationDataToTreeView: (navigationData: NavigationData[]) => TreeViewModel;