@genexus/genexus-ide-ui 0.0.77 → 0.0.79

package/dist/components/gx-ide-bpm-app-declaration.js

@@ -1,31 +1,33 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { proxyCustomElement, HTMLElement, createEvent, getAssetPath, h, Host } from '@stencil/core/internal/client';
 import { L as Locale } from './locale.js';
 import { c as config } from './config.js';
 import { r as renderSuggestLists } from './render-suggest.js';
 import { r as renderComboItems } from './render-combo-items.js';
 import { g as gridCommon } from './grid.js';
-import { d as defineCustomElement$q } from './ch-grid2.js';
-import { d as defineCustomElement$p } from './ch-grid-column2.js';
-import { d as defineCustomElement$o } from './ch-grid-column-resize2.js';
-import { d as defineCustomElement$n } from './ch-grid-column-settings2.js';
-import { d as defineCustomElement$m } from './ch-grid-columnset2.js';
-import { d as defineCustomElement$l } from './ch-grid-settings2.js';
-import { d as defineCustomElement$k } from './ch-grid-settings-columns2.js';
-import { d as defineCustomElement$j } from './icon.js';
-import { d as defineCustomElement$i } from './ch-suggest2.js';
-import { d as defineCustomElement$h } from './ch-suggest-list2.js';
-import { d as defineCustomElement$g } from './ch-suggest-list-item2.js';
-import { d as defineCustomElement$f } from './ch-window2.js';
-import { d as defineCustomElement$e } from './ch-window-close2.js';
-import { d as defineCustomElement$d } from './container.js';
-import { d as defineCustomElement$c } from './title.js';
-import { d as defineCustomElement$b } from './button.js';
-import { d as defineCustomElement$a } from './combo-box.js';
-import { d as defineCustomElement$9 } from './combo-box-item.js';
-import { d as defineCustomElement$8 } from './form-text.js';
-import { d as defineCustomElement$7 } from './gxg-grid2.js';
-import { d as defineCustomElement$6 } from './icon2.js';
-import { d as defineCustomElement$5 } from './gxg-label2.js';
+import { d as defineCustomElement$s } from './ch-grid2.js';
+import { d as defineCustomElement$r } from './ch-grid-column2.js';
+import { d as defineCustomElement$q } from './ch-grid-column-resize2.js';
+import { d as defineCustomElement$p } from './ch-grid-column-settings2.js';
+import { d as defineCustomElement$o } from './ch-grid-columnset2.js';
+import { d as defineCustomElement$n } from './ch-grid-settings2.js';
+import { d as defineCustomElement$m } from './ch-grid-settings-columns2.js';
+import { d as defineCustomElement$l } from './icon.js';
+import { d as defineCustomElement$k } from './ch-shortcuts2.js';
+import { d as defineCustomElement$j } from './ch-suggest2.js';
+import { d as defineCustomElement$i } from './ch-suggest-list2.js';
+import { d as defineCustomElement$h } from './ch-suggest-list-item2.js';
+import { d as defineCustomElement$g } from './ch-window2.js';
+import { d as defineCustomElement$f } from './ch-window-close2.js';
+import { d as defineCustomElement$e } from './container.js';
+import { d as defineCustomElement$d } from './title.js';
+import { d as defineCustomElement$c } from './button.js';
+import { d as defineCustomElement$b } from './combo-box.js';
+import { d as defineCustomElement$a } from './combo-box-item.js';
+import { d as defineCustomElement$9 } from './form-text.js';
+import { d as defineCustomElement$8 } from './gxg-grid2.js';
+import { d as defineCustomElement$7 } from './icon2.js';
+import { d as defineCustomElement$6 } from './gxg-label2.js';
+import { d as defineCustomElement$5 } from './shortcuts.js';
 import { d as defineCustomElement$4 } from './suggest.js';
 import { d as defineCustomElement$3 } from './title2.js';
 import { d as defineCustomElement$2 } from './tooltip.js';
@@ -66,6 +68,7 @@ const GxIdeBpmAppDeclaration$1 = /*@__PURE__*/ proxyCustomElement(class extends
     this.__attachShadow();
     this.componentDidRenderFirstTime = createEvent(this, "componentDidRenderFirstTime", 7);
     this.renderedFirstTime = false;
+    this.shortcutsSrc = getAssetPath(`./gx-ide-assets/bpm-app-declaration/shortcuts.json`);
     // 7.LISTENERS //
     // 8.PUBLIC METHODS API //
     // 9.LOCAL METHODS //
@@ -149,7 +152,7 @@ const GxIdeBpmAppDeclaration$1 = /*@__PURE__*/ proxyCustomElement(class extends
           ? this._componentLocale.dataMappings.firstColName
           : this._componentLocale.dataMappings.firstColNameParameter, settingable: false, size: gridCommon.colSize.common }), h("ch-grid-column", { columnName: this._componentLocale.dataMappings.secondColName, settingable: false, sortable: false, size: gridCommon.colSize.common }), h("ch-grid-column", { settingable: false, sortable: false, size: gridCommon.colSize.auto })), this.application.mappings.map((obj, index) => {
         var _a;
-        return (h("ch-grid-row", { rowId: index + obj.parameter }, h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, `${obj.access}: ${obj.parameter}`)), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, h("gxg-combo-box", { disableFilter: true, value: obj.relevantData }, renderComboItems((_a = this.dataOptionsToComboItems(obj.relevantDataOptions)) !== null && _a !== void 0 ? _a : [])))), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, h("gxg-button", { "data-index": index, type: "secondary-icon-only", icon: "gemini-tools/add", onClick: this.selectMappingCallbackHandler(obj.parameter) })))));
+        return (h("ch-grid-row", { rowId: index + obj.parameter }, h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, `${obj.access}: ${obj.parameter}`)), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, h("gxg-combo-box", { disableFilter: true, value: obj.relevantData }, renderComboItems((_a = this.dataOptionsToComboItems(obj.relevantDataOptions)) !== null && _a !== void 0 ? _a : [])))), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, h("gxg-button", { "data-index": index, type: "secondary-icon-only", icon: "gemini-tools/add", onClick: this.selectMappingCallbackHandler(obj.parameter), class: "select-mapping-callback-button" })))));
       }))));
     };
     this.suggestedApplications = undefined;
@@ -173,6 +176,7 @@ const GxIdeBpmAppDeclaration$1 = /*@__PURE__*/ proxyCustomElement(class extends
   async componentDidLoad() {
     /*  this.applicationSuggestValueChangedHandler(this.applicationText); */
     this.listenApplicationSelected();
+    this.applicationSuggestEl.focus();
   }
   componentDidRender() {
     if (!this.renderedFirstTime) {
@@ -183,7 +187,7 @@ const GxIdeBpmAppDeclaration$1 = /*@__PURE__*/ proxyCustomElement(class extends
   // 10.RENDER() FUNCTION //
   render() {
     var _a;
-    return (h(Host, { class: "gx-ide-component" }, h("div", { class: "gx-ide-main-wrapper" }, h("gx-ide-container", { noContentPadding: true, footerSubtleShadow: true, slimmerFooter: config.gxIdeContainer.slimmerFooter, containerTitle: this.displayTitle ? this._componentLocale.componentName : null }, h("header", { slot: "header", class: "header" }, h("div", { class: "header__first-row" }, h("gxg-suggest", { class: "application-suggest" }, h("ch-suggest", { value: ((_a = this.application.application) === null || _a === void 0 ? void 0 : _a.name) || null, onValueChanged: this.applicationSuggestValueChangedHandler, ref: el => (this.applicationSuggestEl = el), part: "application-suggest" }, renderSuggestLists(this.suggestedApplications))), h("gxg-button", { type: "secondary-icon-only", icon: "gemini-tools/show-more-horizontal", onClick: this.selectApplicationCallbackHandler, class: "selector-dialog-button", part: "open-selector-dialog-button" }), h("gxg-button", { type: "outlined", part: "clear-application-button", onClick: this.clearApplicationHandler }, "Clear")), h("div", { class: "header__second-row" }, h("gx-ide-title", { type: "secondary" }, this._componentLocale.dataMappings.title))), h("div", { class: "data-mappings" }, this.renderDataMappingsGrid()), h("gxg-button", { type: "secondary-text-only", slot: "footer-end", onClick: this.cancelCallbackHandler }, this._componentLocale.buttons.cancelButton), h("gxg-button", { type: "primary-text-only", slot: "footer-end", icon: "general/datastore", onClick: this.confirmCallbackHandler }, this._componentLocale.buttons.confirmButton)))));
+    return (h(Host, { class: "gx-ide-component" }, h("div", { class: "gx-ide-main-wrapper" }, h("gx-ide-container", { noContentPadding: true, footerSubtleShadow: true, slimmerFooter: config.gxIdeContainer.slimmerFooter, containerTitle: this.displayTitle ? this._componentLocale.componentName : null }, h("header", { slot: "header", class: "header" }, h("div", { class: "header__first-row" }, h("gxg-suggest", { class: "application-suggest" }, h("ch-suggest", { value: ((_a = this.application.application) === null || _a === void 0 ? void 0 : _a.name) || null, onValueChanged: this.applicationSuggestValueChangedHandler, ref: el => (this.applicationSuggestEl = el), part: "application-suggest" }, renderSuggestLists(this.suggestedApplications))), h("gxg-button", { type: "secondary-icon-only", icon: "gemini-tools/show-more-horizontal", onClick: this.selectApplicationCallbackHandler, class: "selector-dialog-button", part: "open-selector-dialog-button" }), h("gxg-button", { type: "outlined", part: "clear-application-button", onClick: this.clearApplicationHandler }, "Clear")), h("div", { class: "header__second-row" }, h("gx-ide-title", { type: "secondary" }, this._componentLocale.dataMappings.title))), h("div", { class: "data-mappings" }, this.renderDataMappingsGrid()), h("gxg-button", { type: "secondary-text-only", slot: "footer-end", onClick: this.cancelCallbackHandler, part: "cancel-button" }, this._componentLocale.buttons.cancelButton), h("gxg-button", { type: "primary-text-only", slot: "footer-end", icon: "general/datastore", onClick: this.confirmCallbackHandler, part: "confirm-button" }, this._componentLocale.buttons.confirmButton))), h("gxg-shortcuts", { src: this.shortcutsSrc })));
   }
   static get assetsDirs() { return ["gx-ide-assets/bpm-app-declaration"]; }
   get el() { return this; }
@@ -206,7 +210,7 @@ function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["gx-ide-bpm-app-declaration", "ch-grid", "ch-grid-column", "ch-grid-column-resize", "ch-grid-column-settings", "ch-grid-columnset", "ch-grid-settings", "ch-grid-settings-columns", "ch-icon", "ch-suggest", "ch-suggest-list", "ch-suggest-list-item", "ch-window", "ch-window-close", "gx-ide-container", "gx-ide-title", "gxg-button", "gxg-combo-box", "gxg-combo-box-item", "gxg-form-text", "gxg-grid", "gxg-icon", "gxg-label", "gxg-suggest", "gxg-title", "gxg-tooltip"];
+  const components = ["gx-ide-bpm-app-declaration", "ch-grid", "ch-grid-column", "ch-grid-column-resize", "ch-grid-column-settings", "ch-grid-columnset", "ch-grid-settings", "ch-grid-settings-columns", "ch-icon", "ch-shortcuts", "ch-suggest", "ch-suggest-list", "ch-suggest-list-item", "ch-window", "ch-window-close", "gx-ide-container", "gx-ide-title", "gxg-button", "gxg-combo-box", "gxg-combo-box-item", "gxg-form-text", "gxg-grid", "gxg-icon", "gxg-label", "gxg-shortcuts", "gxg-suggest", "gxg-title", "gxg-tooltip"];
   components.forEach(tagName => { switch (tagName) {
     case "gx-ide-bpm-app-declaration":
       if (!customElements.get(tagName)) {
@@ -215,110 +219,120 @@ function defineCustomElement$1() {
       break;
     case "ch-grid":
       if (!customElements.get(tagName)) {
-        defineCustomElement$q();
+        defineCustomElement$s();
       }
       break;
     case "ch-grid-column":
       if (!customElements.get(tagName)) {
-        defineCustomElement$p();
+        defineCustomElement$r();
       }
       break;
     case "ch-grid-column-resize":
       if (!customElements.get(tagName)) {
-        defineCustomElement$o();
+        defineCustomElement$q();
       }
       break;
     case "ch-grid-column-settings":
       if (!customElements.get(tagName)) {
-        defineCustomElement$n();
+        defineCustomElement$p();
       }
       break;
     case "ch-grid-columnset":
       if (!customElements.get(tagName)) {
-        defineCustomElement$m();
+        defineCustomElement$o();
       }
       break;
     case "ch-grid-settings":
       if (!customElements.get(tagName)) {
-        defineCustomElement$l();
+        defineCustomElement$n();
       }
       break;
     case "ch-grid-settings-columns":
       if (!customElements.get(tagName)) {
-        defineCustomElement$k();
+        defineCustomElement$m();
       }
       break;
     case "ch-icon":
       if (!customElements.get(tagName)) {
-        defineCustomElement$j();
+        defineCustomElement$l();
+      }
+      break;
+    case "ch-shortcuts":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$k();
       }
       break;
     case "ch-suggest":
       if (!customElements.get(tagName)) {
-        defineCustomElement$i();
+        defineCustomElement$j();
       }
       break;
     case "ch-suggest-list":
       if (!customElements.get(tagName)) {
-        defineCustomElement$h();
+        defineCustomElement$i();
       }
       break;
     case "ch-suggest-list-item":
       if (!customElements.get(tagName)) {
-        defineCustomElement$g();
+        defineCustomElement$h();
       }
       break;
     case "ch-window":
       if (!customElements.get(tagName)) {
-        defineCustomElement$f();
+        defineCustomElement$g();
       }
       break;
     case "ch-window-close":
       if (!customElements.get(tagName)) {
-        defineCustomElement$e();
+        defineCustomElement$f();
       }
       break;
     case "gx-ide-container":
       if (!customElements.get(tagName)) {
-        defineCustomElement$d();
+        defineCustomElement$e();
       }
       break;
     case "gx-ide-title":
       if (!customElements.get(tagName)) {
-        defineCustomElement$c();
+        defineCustomElement$d();
       }
       break;
     case "gxg-button":
       if (!customElements.get(tagName)) {
-        defineCustomElement$b();
+        defineCustomElement$c();
       }
       break;
     case "gxg-combo-box":
       if (!customElements.get(tagName)) {
-        defineCustomElement$a();
+        defineCustomElement$b();
       }
       break;
     case "gxg-combo-box-item":
       if (!customElements.get(tagName)) {
-        defineCustomElement$9();
+        defineCustomElement$a();
       }
       break;
     case "gxg-form-text":
       if (!customElements.get(tagName)) {
-        defineCustomElement$8();
+        defineCustomElement$9();
       }
       break;
     case "gxg-grid":
       if (!customElements.get(tagName)) {
-        defineCustomElement$7();
+        defineCustomElement$8();
       }
       break;
     case "gxg-icon":
       if (!customElements.get(tagName)) {
-        defineCustomElement$6();
+        defineCustomElement$7();
       }
       break;
     case "gxg-label":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$6();
+      }
+      break;
+    case "gxg-shortcuts":
       if (!customElements.get(tagName)) {
         defineCustomElement$5();
       }

package/dist/components/gx-ide-create-kb-from-server.js

@@ -1,20 +1,24 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { proxyCustomElement, HTMLElement, createEvent, getAssetPath, h, Host } from '@stencil/core/internal/client';
 import { L as Locale } from './locale.js';
 import { r as renderFormItems } from './common.js';
 import { f as formSubmitValidation } from './form-validation.js';
-import { d as defineCustomElement$g } from './icon.js';
-import { d as defineCustomElement$f } from './container.js';
-import { d as defineCustomElement$e } from './title.js';
-import { d as defineCustomElement$d } from './button.js';
-import { d as defineCustomElement$c } from './combo-box.js';
-import { d as defineCustomElement$b } from './combo-box-item.js';
-import { d as defineCustomElement$a } from './form-checkbox.js';
-import { d as defineCustomElement$9 } from './form-radio.js';
-import { d as defineCustomElement$8 } from './form-text.js';
-import { d as defineCustomElement$7 } from './icon2.js';
-import { d as defineCustomElement$6 } from './gxg-label2.js';
-import { d as defineCustomElement$5 } from './list-box.js';
-import { d as defineCustomElement$4 } from './list-box-item.js';
+import { d as defineCustomElement$k } from './icon.js';
+import { d as defineCustomElement$j } from './ch-shortcuts2.js';
+import { d as defineCustomElement$i } from './ch-window2.js';
+import { d as defineCustomElement$h } from './ch-window-close2.js';
+import { d as defineCustomElement$g } from './container.js';
+import { d as defineCustomElement$f } from './title.js';
+import { d as defineCustomElement$e } from './button.js';
+import { d as defineCustomElement$d } from './combo-box.js';
+import { d as defineCustomElement$c } from './combo-box-item.js';
+import { d as defineCustomElement$b } from './form-checkbox.js';
+import { d as defineCustomElement$a } from './form-radio.js';
+import { d as defineCustomElement$9 } from './form-text.js';
+import { d as defineCustomElement$8 } from './icon2.js';
+import { d as defineCustomElement$7 } from './gxg-label2.js';
+import { d as defineCustomElement$6 } from './list-box.js';
+import { d as defineCustomElement$5 } from './list-box-item.js';
+import { d as defineCustomElement$4 } from './shortcuts.js';
 import { d as defineCustomElement$3 } from './title2.js';
 import { d as defineCustomElement$2 } from './tooltip.js';
 
@@ -27,6 +31,7 @@ const GxIdeCreateKbFromServer$1 = /*@__PURE__*/ proxyCustomElement(class extends
     this.__attachShadow();
     this.componentDidRenderFirstTime = createEvent(this, "componentDidRenderFirstTime", 7);
     this.renderedFirstTime = false;
+    this.shortcutsSrc = getAssetPath(`./gx-ide-assets/create-kb-from-server/shortcuts.json`);
     this.kbIdSelected = null;
     this.authenticationTypes = [];
     // 7.LISTENERS //
@@ -148,7 +153,7 @@ const GxIdeCreateKbFromServer$1 = /*@__PURE__*/ proxyCustomElement(class extends
       .filter(kb => kb.name
       .toLowerCase()
       .includes(this.kbSearchText.toLowerCase()))
-      .map(kb => (h("gxg-list-box-item", { value: kb.id, key: kb.id }, kb.name)))))), h("div", { class: "grid grid-data-kbs-footer" }, h("gxg-form-text", { ref: (el) => (this.kbNameEl = el), label: this._componentLocale.localKb, value: this.kbName, class: "kb-name", part: "kb-name", disabled: this.selectionKbDisabled }), h("div", null, h("gxg-button", { id: "button-create", type: "primary-text-only", onClick: this.createKbHandler, part: "button-create", disabled: this.selectionKbDisabled }, this._componentLocale.buttons.create)))))))));
+      .map(kb => (h("gxg-list-box-item", { value: kb.id, key: kb.id }, kb.name)))))), h("div", { class: "grid grid-data-kbs-footer" }, h("gxg-form-text", { ref: (el) => (this.kbNameEl = el), label: this._componentLocale.localKb, value: this.kbName, class: "kb-name", part: "kb-name", disabled: this.selectionKbDisabled }), h("div", null, h("gxg-button", { id: "button-create", type: "primary-text-only", onClick: this.createKbHandler, part: "button-create", disabled: this.selectionKbDisabled }, this._componentLocale.buttons.create))))))), h("gxg-shortcuts", { src: this.shortcutsSrc })));
   }
   static get assetsDirs() { return ["gx-ide-assets/create-kb-from-server"]; }
   get el() { return this; }
@@ -170,7 +175,7 @@ function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["gx-ide-create-kb-from-server", "ch-icon", "gx-ide-container", "gx-ide-title", "gxg-button", "gxg-combo-box", "gxg-combo-box-item", "gxg-form-checkbox", "gxg-form-radio", "gxg-form-text", "gxg-icon", "gxg-label", "gxg-list-box", "gxg-list-box-item", "gxg-title", "gxg-tooltip"];
+  const components = ["gx-ide-create-kb-from-server", "ch-icon", "ch-shortcuts", "ch-window", "ch-window-close", "gx-ide-container", "gx-ide-title", "gxg-button", "gxg-combo-box", "gxg-combo-box-item", "gxg-form-checkbox", "gxg-form-radio", "gxg-form-text", "gxg-icon", "gxg-label", "gxg-list-box", "gxg-list-box-item", "gxg-shortcuts", "gxg-title", "gxg-tooltip"];
   components.forEach(tagName => { switch (tagName) {
     case "gx-ide-create-kb-from-server":
       if (!customElements.get(tagName)) {
@@ -179,65 +184,85 @@ function defineCustomElement$1() {
       break;
     case "ch-icon":
       if (!customElements.get(tagName)) {
-        defineCustomElement$g();
+        defineCustomElement$k();
+      }
+      break;
+    case "ch-shortcuts":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$j();
+      }
+      break;
+    case "ch-window":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$i();
+      }
+      break;
+    case "ch-window-close":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$h();
       }
       break;
     case "gx-ide-container":
       if (!customElements.get(tagName)) {
-        defineCustomElement$f();
+        defineCustomElement$g();
       }
       break;
     case "gx-ide-title":
       if (!customElements.get(tagName)) {
-        defineCustomElement$e();
+        defineCustomElement$f();
       }
       break;
     case "gxg-button":
       if (!customElements.get(tagName)) {
-        defineCustomElement$d();
+        defineCustomElement$e();
       }
       break;
     case "gxg-combo-box":
       if (!customElements.get(tagName)) {
-        defineCustomElement$c();
+        defineCustomElement$d();
       }
       break;
     case "gxg-combo-box-item":
       if (!customElements.get(tagName)) {
-        defineCustomElement$b();
+        defineCustomElement$c();
       }
       break;
     case "gxg-form-checkbox":
       if (!customElements.get(tagName)) {
-        defineCustomElement$a();
+        defineCustomElement$b();
       }
       break;
     case "gxg-form-radio":
       if (!customElements.get(tagName)) {
-        defineCustomElement$9();
+        defineCustomElement$a();
       }
       break;
     case "gxg-form-text":
       if (!customElements.get(tagName)) {
-        defineCustomElement$8();
+        defineCustomElement$9();
       }
       break;
     case "gxg-icon":
       if (!customElements.get(tagName)) {
-        defineCustomElement$7();
+        defineCustomElement$8();
       }
       break;
     case "gxg-label":
       if (!customElements.get(tagName)) {
-        defineCustomElement$6();
+        defineCustomElement$7();
       }
       break;
     case "gxg-list-box":
       if (!customElements.get(tagName)) {
-        defineCustomElement$5();
+        defineCustomElement$6();
       }
       break;
     case "gxg-list-box-item":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$5();
+      }
+      break;
+    case "gxg-shortcuts":
       if (!customElements.get(tagName)) {
         defineCustomElement$4();
       }

package/dist/components/gx-ide-kb-manager-export.js

@@ -367,6 +367,9 @@ const GxIdeKbManagerExport$1 = /*@__PURE__*/ proxyCustomElement(class extends HT
     this.evaluateObjects();
     this.flattenObjectTypes(this.objectTypes);
   }
+  componentDidLoad() {
+    this.fileNameEl.focus();
+  }
   componentDidRender() {
     if (!this.renderedFirstTime) {
       this.componentDidRenderFirstTime.emit(this._componentLocale.componentName);

package/dist/components/gx-ide-kb-manager-import.js

@@ -423,6 +423,9 @@ const GxIdeKbManagerImport$1 = /*@__PURE__*/ proxyCustomElement(class extends HT
       this._componentLocale.main.importStatus.noImportedFiles;
     this.evaluateImportStatusMessage();
   }
+  componentDidLoad() {
+    this.fileInputEl.focus();
+  }
   componentDidRender() {
     if (!this.renderedFirstTime) {
       this.componentDidRenderFirstTime.emit(this._componentLocale.componentName);

package/dist/components/gx-ide-new-environment.js

@@ -1,22 +1,26 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { proxyCustomElement, HTMLElement, createEvent, getAssetPath, h, Host } from '@stencil/core/internal/client';
 import { L as Locale } from './locale.js';
 import { s as setInitialComboValue } from './helpers2.js';
 import { c as config } from './config.js';
 import { r as renderFormItems } from './common.js';
 import { f as formSubmitValidation } from './form-validation.js';
-import { d as defineCustomElement$l } from './icon.js';
-import { d as defineCustomElement$k } from './container.js';
-import { d as defineCustomElement$j } from './title.js';
-import { d as defineCustomElement$i } from './button.js';
-import { d as defineCustomElement$h } from './combo-box.js';
-import { d as defineCustomElement$g } from './combo-box-item.js';
-import { d as defineCustomElement$f } from './form-checkbox.js';
-import { d as defineCustomElement$e } from './gxg-form-checkbox-group2.js';
-import { d as defineCustomElement$d } from './form-radio.js';
-import { d as defineCustomElement$c } from './form-radio-group.js';
-import { d as defineCustomElement$b } from './form-text.js';
-import { d as defineCustomElement$a } from './icon2.js';
-import { d as defineCustomElement$9 } from './gxg-label2.js';
+import { d as defineCustomElement$p } from './icon.js';
+import { d as defineCustomElement$o } from './ch-shortcuts2.js';
+import { d as defineCustomElement$n } from './ch-window2.js';
+import { d as defineCustomElement$m } from './ch-window-close2.js';
+import { d as defineCustomElement$l } from './container.js';
+import { d as defineCustomElement$k } from './title.js';
+import { d as defineCustomElement$j } from './button.js';
+import { d as defineCustomElement$i } from './combo-box.js';
+import { d as defineCustomElement$h } from './combo-box-item.js';
+import { d as defineCustomElement$g } from './form-checkbox.js';
+import { d as defineCustomElement$f } from './gxg-form-checkbox-group2.js';
+import { d as defineCustomElement$e } from './form-radio.js';
+import { d as defineCustomElement$d } from './form-radio-group.js';
+import { d as defineCustomElement$c } from './form-text.js';
+import { d as defineCustomElement$b } from './icon2.js';
+import { d as defineCustomElement$a } from './gxg-label2.js';
+import { d as defineCustomElement$9 } from './shortcuts.js';
 import { d as defineCustomElement$8 } from './tab.js';
 import { d as defineCustomElement$7 } from './tab-bar.js';
 import { d as defineCustomElement$6 } from './tab-button.js';
@@ -36,6 +40,7 @@ const GxIdeNewEnvironment$1 = /*@__PURE__*/ proxyCustomElement(class extends HTM
     this.renderedFirstTime = false;
     this.selectedFrontEndsIds = [];
     this.envNameModifiedByUser = false;
+    this.shortcutsSrc = getAssetPath(`./gx-ide-assets/new-environment/shortcuts.json`);
     // 7.LISTENERS //
     // 8.PUBLIC METHODS API //selectedFrontEndsIds
     // 9.LOCAL METHODS //
@@ -165,11 +170,14 @@ const GxIdeNewEnvironment$1 = /*@__PURE__*/ proxyCustomElement(class extends HTM
         return "window-tools/genexus-cloud";
       }
     };
+    this.keyDownHandler = (e) => {
+      console.log(e);
+    };
     // 9.LOCAL METHODS -> Renders //
     this.renderTabBasic = () => {
       return (h("gxg-tab", { tab: "basic", "no-padding": true, flexContainer: true, class: "tab tab__basic", isSelected: !this.isAdvanced }, h("gx-ide-container", { containerTitle: this._componentLocale.runtime, noContentPadding: true, displayBorderBottom: true, flexRow: this.runtimes.length === 1 }, this.runtimes.length > 1 ? (h("gxg-form-radio-group", { slot: "header", ref: (el) => (this.runtimeEnvironmentEl = el), row: true, center: true, onChange: this.runtimeEnvironmentChangedHandler }, renderFormItems("gxg-form-radio", this.runtimes, "runtime-environment"))) : ([
         h("div", { class: "tab__basic__single-runtime", slot: "header" }, h("gxg-icon", { color: "disabled", type: this.evaluateSingleRuntimeIcon() }), h("gxg-text", { textAlign: "center" }, this.runtimes[0].label))
-      ]), h("div", { class: "basic-main" }, h("gx-ide-container", { "container-title": this._componentLocale.tabBasic.backEnd.backEndLabel, class: "basic-main__back-end", contentBorderEnd: true, titleType: "secondary" }, h("gxg-combo-box", { "disable-filter": true, label: this._componentLocale.tabBasic.backEnd.language, value: setInitialComboValue(this.languages), ref: (el) => (this.languageEl = el), toolTip: config.tooltip, onValueChanged: this.languageValueChangedHandler, part: "language" }, renderFormItems("gxg-combo-box-item", this.languages)), h("gxg-combo-box", { "disable-filter": true, label: this._componentLocale.tabBasic.backEnd.dataStores, value: setInitialComboValue(this.dataStores), ref: (el) => (this.dataStoreEl = el), onValueChanged: this.dataStoreValueChangedHandler, toolTip: config.tooltip, part: "data-store" }, renderFormItems("gxg-combo-box-item", this.dataStores))), h("gx-ide-container", { "container-title": this._componentLocale.tabBasic.frontEnd.frontEndLabel, class: "basic-main__front-end", titleType: "secondary" }, h("gxg-form-checkbox-group", { ref: (el) => (this.frontEndsEl = el), onGroupValuesChanged: this.updateSelectedFrontEndsIds }, renderFormItems("gxg-form-checkbox", this.frontEnds)))))));
+      ]), h("div", { class: "basic-main" }, h("gx-ide-container", { "container-title": this._componentLocale.tabBasic.backEnd.backEndLabel, class: "basic-main__back-end", contentBorderEnd: true, titleType: "secondary" }, h("gxg-combo-box", { "disable-filter": true, label: this._componentLocale.tabBasic.backEnd.language, value: setInitialComboValue(this.languages), ref: (el) => (this.languageEl = el), toolTip: config.tooltip, onValueChanged: this.languageValueChangedHandler, part: "language", preventEnterPropagation: true }, renderFormItems("gxg-combo-box-item", this.languages)), h("gxg-combo-box", { "disable-filter": true, label: this._componentLocale.tabBasic.backEnd.dataStores, value: setInitialComboValue(this.dataStores), ref: (el) => (this.dataStoreEl = el), onValueChanged: this.dataStoreValueChangedHandler, toolTip: config.tooltip, part: "data-store", preventEnterPropagation: true }, renderFormItems("gxg-combo-box-item", this.dataStores))), h("gx-ide-container", { "container-title": this._componentLocale.tabBasic.frontEnd.frontEndLabel, class: "basic-main__front-end", titleType: "secondary" }, h("gxg-form-checkbox-group", { ref: (el) => (this.frontEndsEl = el), onGroupValuesChanged: this.updateSelectedFrontEndsIds }, renderFormItems("gxg-form-checkbox", this.frontEnds)))))));
     };
     this.renderTabAdvanced = () => {
       return (h("gxg-tab", { tab: "advanced", "no-padding": true }, h("gx-ide-container", null, h("slot", { name: "property-grid" }))));
@@ -193,9 +201,11 @@ const GxIdeNewEnvironment$1 = /*@__PURE__*/ proxyCustomElement(class extends HTM
   async componentWillLoad() {
     this._componentLocale = await Locale.getComponentStrings(this.el);
     this.evaluateSelectedRuntimeEnvironmentId();
+    console.log("shortcutsSrc", this.shortcutsSrc);
   }
   componentDidLoad() {
     this.initialSetup();
+    this.environmentNameEl.focus();
   }
   componentDidRender() {
     if (!this.renderedFirstTime) {
@@ -205,8 +215,8 @@ const GxIdeNewEnvironment$1 = /*@__PURE__*/ proxyCustomElement(class extends HTM
   }
   // 10.RENDER() FUNCTION //
   render() {
-    return (h(Host, { class: "gx-ide-component" }, h("div", { class: "gx-ide-main-wrapper" }, h("gx-ide-container", { containerTitle: this.displayTitle ? this._componentLocale.componentName : null, noContentPadding: true, noBorderFooter: true, slimmerFooter: config.gxIdeContainer.slimmerFooter }, h("header", { class: "header", slot: "header" }, h("gxg-label", { labelPosition: "start", class: "header__label" }, this._componentLocale.name), h("gxg-form-text", { "label-position": "start", placeholder: "New Environment", "max-width": "100%", value: this.environmentName, ref: (el) => (this.environmentNameEl = el), onInput: !this.envNameModifiedByUser && this.envNameInputHandler, toolTip: config.tooltip, class: "header__text", part: "environment-name" })), h("main", { class: "main" }, h("gxg-tabs", { class: "gxg-tabs" }, this.isAdvanced ? (h("gxg-tab-bar", { slot: "tab-bar-container", displayBorder: true }, h("gxg-tab-button", { slot: "tab-bar", "tab-label": this._componentLocale.tabBasic.tabLabel, tab: "basic", "is-selected": true }), this.isAdvanced ? (h("gxg-tab-button", { slot: "tab-bar", "tab-label": this._componentLocale.tabAdvanced.tabLabel, tab: "advanced", disabled: this.disableAdvanced })) : null)) : null, this.renderTabBasic(), this.isAdvanced && this.renderTabAdvanced())), h("gxg-form-checkbox", { label: this._componentLocale.footer.setAsCurrentEnvironment, ref: (el) => (this.setAsCurrentEnvironmentEl =
-        el), checked: this.setAsTarget, part: "set-as-current-environment", slot: "footer-start" }), h("gxg-button", { id: "button-cancel", slot: "footer-end", type: "outlined", onClick: this.cancelButtonClickedHandler, part: "gxg-button gxg-button--cancel" }, this._componentLocale.footer.btnCancel), h("gxg-button", { id: "button-create", slot: "footer-end", type: "primary-text-only", onClick: this.setEnvironmentHandler, part: "gxg-button gxg-button--create" }, this._componentLocale.footer.btnSetNewEnvironment)))));
+    return (h(Host, { class: "gx-ide-component" }, h("div", { class: "gx-ide-main-wrapper" }, h("gx-ide-container", { containerTitle: this.displayTitle ? this._componentLocale.componentName : null, noContentPadding: true, noBorderFooter: true, slimmerFooter: config.gxIdeContainer.slimmerFooter }, h("header", { class: "header", slot: "header" }, h("gxg-label", { labelPosition: "start", class: "header__label" }, this._componentLocale.name), h("gxg-form-text", { "label-position": "start", placeholder: "New Environment", "max-width": "100%", value: this.environmentName, ref: (el) => (this.environmentNameEl = el), onInput: !this.envNameModifiedByUser && this.envNameInputHandler, onKeyDown: this.keyDownHandler, toolTip: config.tooltip, class: "header__text", part: "environment-name" })), h("main", { class: "main" }, h("gxg-tabs", { class: "gxg-tabs" }, this.isAdvanced ? (h("gxg-tab-bar", { slot: "tab-bar-container", displayBorder: true }, h("gxg-tab-button", { slot: "tab-bar", "tab-label": this._componentLocale.tabBasic.tabLabel, tab: "basic", "is-selected": true }), this.isAdvanced ? (h("gxg-tab-button", { slot: "tab-bar", "tab-label": this._componentLocale.tabAdvanced.tabLabel, tab: "advanced", disabled: this.disableAdvanced })) : null)) : null, this.renderTabBasic(), this.isAdvanced && this.renderTabAdvanced())), h("gxg-form-checkbox", { label: this._componentLocale.footer.setAsCurrentEnvironment, ref: (el) => (this.setAsCurrentEnvironmentEl =
+        el), checked: this.setAsTarget, part: "set-as-current-environment", slot: "footer-start" }), h("gxg-button", { id: "button-cancel", slot: "footer-end", type: "outlined", onClick: this.cancelButtonClickedHandler, part: "gxg-button gxg-button--cancel" }, this._componentLocale.footer.btnCancel), h("gxg-button", { id: "button-create", slot: "footer-end", type: "primary-text-only", onClick: this.setEnvironmentHandler, part: "gxg-button gxg-button--create" }, this._componentLocale.footer.btnSetNewEnvironment))), h("gxg-shortcuts", { src: this.shortcutsSrc })));
   }
   static get assetsDirs() { return ["gx-ide-assets/new-environment"]; }
   get el() { return this; }
@@ -231,7 +241,7 @@ function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["gx-ide-new-environment", "ch-icon", "gx-ide-container", "gx-ide-title", "gxg-button", "gxg-combo-box", "gxg-combo-box-item", "gxg-form-checkbox", "gxg-form-checkbox-group", "gxg-form-radio", "gxg-form-radio-group", "gxg-form-text", "gxg-icon", "gxg-label", "gxg-tab", "gxg-tab-bar", "gxg-tab-button", "gxg-tabs", "gxg-text", "gxg-title", "gxg-tooltip"];
+  const components = ["gx-ide-new-environment", "ch-icon", "ch-shortcuts", "ch-window", "ch-window-close", "gx-ide-container", "gx-ide-title", "gxg-button", "gxg-combo-box", "gxg-combo-box-item", "gxg-form-checkbox", "gxg-form-checkbox-group", "gxg-form-radio", "gxg-form-radio-group", "gxg-form-text", "gxg-icon", "gxg-label", "gxg-shortcuts", "gxg-tab", "gxg-tab-bar", "gxg-tab-button", "gxg-tabs", "gxg-text", "gxg-title", "gxg-tooltip"];
   components.forEach(tagName => { switch (tagName) {
     case "gx-ide-new-environment":
       if (!customElements.get(tagName)) {
@@ -240,65 +250,85 @@ function defineCustomElement$1() {
       break;
     case "ch-icon":
       if (!customElements.get(tagName)) {
-        defineCustomElement$l();
+        defineCustomElement$p();
+      }
+      break;
+    case "ch-shortcuts":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$o();
+      }
+      break;
+    case "ch-window":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$n();
+      }
+      break;
+    case "ch-window-close":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$m();
       }
       break;
     case "gx-ide-container":
       if (!customElements.get(tagName)) {
-        defineCustomElement$k();
+        defineCustomElement$l();
       }
       break;
     case "gx-ide-title":
       if (!customElements.get(tagName)) {
-        defineCustomElement$j();
+        defineCustomElement$k();
       }
       break;
     case "gxg-button":
       if (!customElements.get(tagName)) {
-        defineCustomElement$i();
+        defineCustomElement$j();
       }
       break;
     case "gxg-combo-box":
       if (!customElements.get(tagName)) {
-        defineCustomElement$h();
+        defineCustomElement$i();
       }
       break;
     case "gxg-combo-box-item":
       if (!customElements.get(tagName)) {
-        defineCustomElement$g();
+        defineCustomElement$h();
       }
       break;
     case "gxg-form-checkbox":
       if (!customElements.get(tagName)) {
-        defineCustomElement$f();
+        defineCustomElement$g();
       }
       break;
     case "gxg-form-checkbox-group":
       if (!customElements.get(tagName)) {
-        defineCustomElement$e();
+        defineCustomElement$f();
       }
       break;
     case "gxg-form-radio":
       if (!customElements.get(tagName)) {
-        defineCustomElement$d();
+        defineCustomElement$e();
       }
       break;
     case "gxg-form-radio-group":
       if (!customElements.get(tagName)) {
-        defineCustomElement$c();
+        defineCustomElement$d();
       }
       break;
     case "gxg-form-text":
       if (!customElements.get(tagName)) {
-        defineCustomElement$b();
+        defineCustomElement$c();
       }
       break;
     case "gxg-icon":
       if (!customElements.get(tagName)) {
-        defineCustomElement$a();
+        defineCustomElement$b();
       }
       break;
     case "gxg-label":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$a();
+      }
+      break;
+    case "gxg-shortcuts":
       if (!customElements.get(tagName)) {
         defineCustomElement$9();
       }