@genexus/genexus-ide-ui 0.0.78 → 0.0.79

package/dist/collection/components/new-kb/new-kb.js

@@ -1,5 +1,5 @@
 /* STENCIL IMPORTS */
-import { Host, h } from "@stencil/core";
+import { Host, h, getAssetPath } from "@stencil/core";
 /* CUSTOM IMPORTS */
 import { Locale } from "../../common/locale";
 import { config } from "../../common/config";
@@ -9,6 +9,7 @@ export class GxIdeNewKb {
   constructor() {
     this.renderedFirstTime = false;
     this.selectedFrontEndsIds = [];
+    this.shortcutsSrc = getAssetPath(`./gx-ide-assets/new-kb/shortcuts.json`);
     // 7.LISTENERS //
     // 8.PUBLIC METHODS API //
     // 9.LOCAL METHODS //
@@ -233,6 +234,7 @@ export class GxIdeNewKb {
   }
   componentDidLoad() {
     this.initialSetup();
+    this.kbNameEl.focus();
   }
   componentDidRender() {
     if (!this.renderedFirstTime) {
@@ -254,7 +256,7 @@ export class GxIdeNewKb {
         h("gxg-form-text", { labelPosition: "start", placeholder: "C:\\Models", maxWidth: "100%", value: this.kbLocation, ref: (el) => (this.locationEl = el), disabled: !this.isAdvanced, part: "kb-location", class: "location-input" }),
         h("gxg-button", { type: "secondary-icon-only", icon: "gemini-tools/folder", onClick: this.selectLocationHandler, part: "button-select-location", class: "location-icon" })
       ]
-      : null), h("main", { class: "gxi-full-height" }, h("gxg-tabs", { class: "gxg-tabs" }, this.isAdvanced ? (h("gxg-tab-bar", { slot: "tab-bar-container", part: "tab-bar", displayBorder: true }, h("gxg-tab-button", { slot: "tab-bar", tabLabel: this._componentLocale.tabBasic.tabLabel, tab: "basic", "is-selected": true, hidden: !this.isAdvanced, part: "tab-button-basic" }), h("gxg-tab-button", { slot: "tab-bar", tabLabel: this._componentLocale.tabAdvanced.tabLabel, tab: "advanced", hidden: !this.isAdvanced, part: "tab-button-advanced" }))) : null, this.renderTabBasic(), this.isAdvanced && this.renderTabAdvanced())), h("gxg-button", { id: "button-create", type: "primary-text-only", onClick: this.createKbHandler, part: "button-create", slot: "footer-end" }, this._componentLocale.footer.btnCreate), h("gxg-button", { id: "button-cancel", type: "outlined", onClick: this.cancelKbHandler, part: "button-cancel", slot: "footer-end" }, this._componentLocale.footer.btnCancel)))));
+      : null), h("main", { class: "gxi-full-height" }, h("gxg-tabs", { class: "gxg-tabs" }, this.isAdvanced ? (h("gxg-tab-bar", { slot: "tab-bar-container", part: "tab-bar", displayBorder: true }, h("gxg-tab-button", { slot: "tab-bar", tabLabel: this._componentLocale.tabBasic.tabLabel, tab: "basic", "is-selected": true, hidden: !this.isAdvanced, part: "tab-button-basic" }), h("gxg-tab-button", { slot: "tab-bar", tabLabel: this._componentLocale.tabAdvanced.tabLabel, tab: "advanced", hidden: !this.isAdvanced, part: "tab-button-advanced" }))) : null, this.renderTabBasic(), this.isAdvanced && this.renderTabAdvanced())), h("gxg-button", { id: "button-cancel", type: "outlined", onClick: this.cancelKbHandler, part: "button-cancel", slot: "footer-end" }, this._componentLocale.footer.btnCancel), h("gxg-button", { id: "button-create", type: "primary-text-only", onClick: this.createKbHandler, part: "button-create", slot: "footer-end" }, this._componentLocale.footer.btnCreate))), h("gxg-shortcuts", { src: this.shortcutsSrc })));
   }
   static get is() { return "gx-ide-new-kb"; }
   static get encapsulation() { return "shadow"; }

package/dist/collection/components/new-object/gx-ide-assets/new-object/shortcuts.json

@@ -0,0 +1,18 @@
+[
+  {
+    "selector": "[part~='gxg-button--create']",
+    "keyShortcuts": "Enter",
+    "action": "click",
+    "conditions": {
+      "focusExclude": [
+        "[part~='gxg-button--cancel']",
+        "#module::part(button-clear)"
+      ]
+    }
+  },
+  {
+    "selector": "[part~='gxg-button--cancel']",
+    "keyShortcuts": "Escape",
+    "action": "click"
+  }
+]

package/dist/collection/components/new-object/new-object.js

@@ -1,11 +1,12 @@
 /* STENCIL IMPORTS */
-import { Host, h } from "@stencil/core";
+import { Host, h, getAssetPath } from "@stencil/core";
 /* CUSTOM IMPORTS */
 import { Locale } from "../../common/locale";
 import { config } from "../../common/config";
 export class GxIdeNewObject {
   constructor() {
     this.renderedFirstTime = false;
+    this.shortcutsSrc = getAssetPath(`./gx-ide-assets/new-object/shortcuts.json`);
     this.descriptionModifiedByUser = false;
     // 7.LISTENERS //
     // 8.PUBLIC METHODS API //
@@ -25,7 +26,7 @@ export class GxIdeNewObject {
         }
         return [
           h("gxg-label", { labelPosition: "start" }, labelDescription),
-          h("gx-ide-entity-selector", { value: this.parent, defaultValue: this.defaultParent, selectEntityCallback: this.selectModuleCallback, ref: (el) => (this.parentEl = el), part: "module" })
+          h("gx-ide-entity-selector", { value: this.parent, defaultValue: this.defaultParent, selectEntityCallback: this.selectModuleCallback, ref: (el) => (this.moduleFolderEl = el), id: "module", part: "module" })
         ];
       }
       return null;
@@ -79,14 +80,14 @@ export class GxIdeNewObject {
       }
     };
     this.createCallbackHandler = async () => {
-      var _a;
+      var _a, _b, _c;
       const data = {
         typeId: (_a = this.selectedType) === null || _a === void 0 ? void 0 : _a.id,
         name: this.nameEl.value,
         description: !this.descriptionModifiedByUser
           ? undefined
           : this.descriptionEl.value,
-        moduleId: this.parentEl.value.id
+        moduleId: (_c = (_b = this.moduleFolderEl) === null || _b === void 0 ? void 0 : _b.value) === null || _c === void 0 ? void 0 : _c.id
       };
       const result = await this.createCallback(data);
       this.validateNameHandler(result);
@@ -153,7 +154,7 @@ export class GxIdeNewObject {
     var _a;
     return (h(Host, { class: "gx-ide-component" }, h("div", { class: "gx-ide-main-wrapper" }, h("gx-ide-container", { noContentPadding: true, noContentGap: true, slimmerFooter: config.gxIdeContainer.slimmerFooter, containerTitle: this.displayTitle ? this._componentLocale.componentName : null, noHeadingBorder: true }, h("main", { class: "main" }, h("div", { class: "categories-types-container" }, h("div", { class: "categories" }, this.typeCategories.length > 0 ? (h("gxg-list-box", { class: "category", "single-selection": true, noBorder: true, borderEnd: true, "the-title": this._componentLocale.categorySelectionTitle, onSelectionChanged: this.categoryOnSelectionChangedHandler }, this.typeCategories.map(category => (h("gxg-list-box-item", { key: category.id, value: category.id, icon: category.icon, part: `category-${category.id}` }, category.name))))) : null), h("div", { class: "types" }, this.selectedCategory.types.length > 0 ? (h("gxg-list-box", { class: "types", "single-selection": true, noBorder: true, theTitle: this.selectedCategory.name
         ? `${this.selectedCategory.name} ${this._componentLocale.typeSelectionTitleSuffix}`
-        : this._componentLocale.typeSelectionTitle, key: this.selectedCategory.id, onSelectionChanged: this.typeOnSelectionChangedHandler }, this.selectedCategory.types.map(type => (h("gxg-list-box-item", { key: `${this.selectedCategory.id}-${type.id}`, icon: type.icon, part: `type-${this.selectedCategory.id}-${type.id}` }, type.name))))) : (h("p", null, "No Categories to display")))), h("div", { class: "api-description" }, h("gxg-title", { type: "title-05" }, (_a = this.selectedType) === null || _a === void 0 ? void 0 : _a.description), h("div", { class: "form" }, h("gxg-label", { labelPosition: "start" }, this._componentLocale.objectName), h("gxg-form-text", { "label-position": "start", placeholder: "Name", "max-width": "100%", value: this.selectedType.name, toolTip: config.tooltip, ref: (el) => (this.nameEl = el), onInput: this.onInputNameHandler, onBlur: this.onBlurNameHandler, onValueChanged: this.onNameValueChangedHandler, debounce: true, part: "name", "display-validation-styles": true, "display-validation-message": true }), h("gxg-label", { labelPosition: "start" }, this._componentLocale.objectDescription), h("gxg-form-text", { "label-position": "start", placeholder: "Description", "max-width": "100%", value: this.selectedType.name, ref: (el) => (this.descriptionEl = el), onInput: this.onInputDescriptionHandler, part: "description", "display-validation-styles": true, "display-validation-message": true }), this.renderModuleFolder()))), h("gxg-button", { id: "button-cancel", slot: "footer-end", type: "outlined", onClick: this.cancelCallbackHandler, 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.createCallbackHandler, disabled: !this.nameIsValid, part: "gxg-button gxg-button--create" }, this._componentLocale.footer.btnCreate)))));
+        : this._componentLocale.typeSelectionTitle, key: this.selectedCategory.id, onSelectionChanged: this.typeOnSelectionChangedHandler }, this.selectedCategory.types.map(type => (h("gxg-list-box-item", { key: `${this.selectedCategory.id}-${type.id}`, icon: type.icon, part: `type-${this.selectedCategory.id}-${type.id}` }, type.name))))) : (h("p", null, "No Categories to display")))), h("div", { class: "api-description" }, h("gxg-title", { type: "title-05" }, (_a = this.selectedType) === null || _a === void 0 ? void 0 : _a.description), h("div", { class: "form" }, h("gxg-label", { labelPosition: "start" }, this._componentLocale.objectName), h("gxg-form-text", { "label-position": "start", placeholder: "Name", "max-width": "100%", value: this.selectedType.name, toolTip: config.tooltip, ref: (el) => (this.nameEl = el), onInput: this.onInputNameHandler, onBlur: this.onBlurNameHandler, onValueChanged: this.onNameValueChangedHandler, debounce: true, part: "name", "display-validation-styles": true, "display-validation-message": true }), h("gxg-label", { labelPosition: "start" }, this._componentLocale.objectDescription), h("gxg-form-text", { "label-position": "start", placeholder: "Description", "max-width": "100%", value: this.selectedType.name, ref: (el) => (this.descriptionEl = el), onInput: this.onInputDescriptionHandler, part: "description", "display-validation-styles": true, "display-validation-message": true }), this.renderModuleFolder()))), h("gxg-button", { id: "button-cancel", slot: "footer-end", type: "outlined", onClick: this.cancelCallbackHandler, 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.createCallbackHandler, disabled: !this.nameIsValid, part: "gxg-button gxg-button--create" }, this._componentLocale.footer.btnCreate))), h("gxg-shortcuts", { src: this.shortcutsSrc })));
   }
   static get is() { return "gx-ide-new-object"; }
   static get encapsulation() { return "shadow"; }

package/dist/collection/components/object-selector/gx-ide-assets/object-selector/shortcuts.json

@@ -0,0 +1,15 @@
+[
+  {
+    "selector": "[part~='gxg-button--ok']",
+    "keyShortcuts": "Enter",
+    "action": "click",
+    "conditions": {
+      "focusExclude": "[part='ch-grid-objects']"
+    }
+  },
+  {
+    "selector": "[part~='gxg-button--cancel']",
+    "keyShortcuts": "Escape",
+    "action": "click"
+  }
+]

package/dist/collection/components/object-selector/object-selector.js

@@ -1,5 +1,5 @@
 /* STENCIL IMPORTS */
-import { Host, h } from "@stencil/core";
+import { Host, h, getAssetPath } from "@stencil/core";
 /* OTHER LIBRARIES IMPORTS */
 /* CUSTOM IMPORTS */
 import { Locale } from "../../common/locale";
@@ -11,6 +11,7 @@ import { FILTER_AFTER } from "../../common/constants";
 export class GxIdeObjectSelector {
   constructor() {
     this.renderedFirstTime = false;
+    this.shortcutsSrc = getAssetPath(`./gx-ide-assets/object-selector/shortcuts.json`);
     // 9.LOCAL METHODS //
     this.renderFilter = () => {
       var _a, _b;
@@ -100,7 +101,7 @@ export class GxIdeObjectSelector {
     this.deselectAll = () => {
       this.chGridEl.selectAllRows(false);
     };
-    this.newObjectCallbackHandle = () => {
+    this.newObjectCallbackHandler = () => {
       this.newObjectCallback();
     };
     this.listenChanges = async () => {
@@ -220,7 +221,7 @@ export class GxIdeObjectSelector {
   }
   // 10.RENDER() FUNCTION //
   render() {
-    return (h(Host, { class: "gx-ide-component", onKeyPress: this.hostKeyPressHandler }, h("div", { class: "gx-ide-main-wrapper" }, h("gx-ide-container", { containerTitle: this.displayTitle ? this._componentLocale.componentName : null, noContentPadding: true, noAboveFooterPadding: true, noHeadingPadding: true, headingPaddingTop: true, noHeadingBorder: true, slimmerFooter: config.gxIdeContainer.slimmerFooter }, this.renderFilter(), this.renderObjects(), h("div", { class: "objects-count", slot: "footer-above" }, h("gxg-text", { class: "align-end", part: "objects-selected", textAlign: "center" }, this.evaluateObjectsCount("selected")), h("gxg-text", { class: "align-end", part: "objects-matching", textAlign: "center" }, this.evaluateObjectsCount("matching"))), h("gxg-button", { type: "outlined", onClick: this.cancelCallbackHandle, part: "gxg-button gxg-button--cancel", slot: "footer-end" }, this._componentLocale.footer.btnCancel), h("gxg-button", { type: "primary-text-only", onClick: this.openSelectionCallbackHandler, part: "gxg-button gxg-button--ok", slot: "footer-end" }, this._componentLocale.footer.btnConfirm), h("gxg-button", { type: "primary-text-icon", icon: "menus/new-object", onClick: this.newObjectCallbackHandle, part: "gxg-button gxg-button--new", slot: "footer-start" }, this._componentLocale.footer.btnNew), this.multiSelection ? (h("gxg-button", { type: "secondary-text-only", onClick: this.selectAll, part: "gxg-button gxg-button--select-all", slot: "footer-start" }, this._componentLocale.footer.btnSelectAll)) : null))));
+    return (h(Host, { class: "gx-ide-component", onKeyPress: this.hostKeyPressHandler }, h("div", { class: "gx-ide-main-wrapper" }, h("gx-ide-container", { containerTitle: this.displayTitle ? this._componentLocale.componentName : null, noContentPadding: true, noAboveFooterPadding: true, noHeadingPadding: true, headingPaddingTop: true, noHeadingBorder: true, slimmerFooter: config.gxIdeContainer.slimmerFooter }, this.renderFilter(), this.renderObjects(), h("div", { class: "objects-count", slot: "footer-above" }, h("gxg-text", { class: "align-end", part: "objects-selected", textAlign: "center" }, this.evaluateObjectsCount("selected")), h("gxg-text", { class: "align-end", part: "objects-matching", textAlign: "center" }, this.evaluateObjectsCount("matching"))), h("gxg-button", { type: "outlined", onClick: this.cancelCallbackHandle, part: "gxg-button gxg-button--cancel", slot: "footer-end" }, this._componentLocale.footer.btnCancel), h("gxg-button", { type: "primary-text-only", onClick: this.openSelectionCallbackHandler, part: "gxg-button gxg-button--ok", slot: "footer-end" }, this._componentLocale.footer.btnConfirm), h("gxg-button", { type: "primary-text-icon", icon: "menus/new-object", onClick: this.newObjectCallbackHandler, part: "gxg-button gxg-button--new", slot: "footer-start" }, this._componentLocale.footer.btnNew), this.multiSelection ? (h("gxg-button", { type: "secondary-text-only", onClick: this.selectAll, part: "gxg-button gxg-button--select-all", slot: "footer-start" }, this._componentLocale.footer.btnSelectAll)) : null)), h("gxg-shortcuts", { src: this.shortcutsSrc })));
   }
   static get is() { return "gx-ide-object-selector"; }
   static get encapsulation() { return "shadow"; }

package/dist/collection/components/references/gx-ide-assets/references/shortcuts.json

@@ -0,0 +1,15 @@
+[
+  {
+    "selector": "[part~='gxg-button--create']",
+    "keyShortcuts": "Enter",
+    "action": "click",
+    "conditions": {
+      "focusExclude": "[part~='gxg-button--cancel']"
+    }
+  },
+  {
+    "selector": "[part~='gxg-button--cancel']",
+    "keyShortcuts": "Escape",
+    "action": "click"
+  }
+]

package/dist/collection/components/references/references.js

@@ -1,5 +1,5 @@
 /* STENCIL IMPORTS */
-import { Host, h } from "@stencil/core";
+import { Host, h, getAssetPath } from "@stencil/core";
 /* CUSTOM IMPORTS */
 import { Locale } from "../../common/locale";
 import { config } from "../../common/config";
@@ -8,6 +8,7 @@ import { convertObjectDataToSuggestData, convertReferenceDataToTreeViewData } fr
 export class GxIdeReferences {
   constructor() {
     this.renderedFirstTime = false;
+    this.shortcutsSrc = getAssetPath(`./gx-ide-assets/references/shortcuts.json`);
     /**
      * The last SelectorCategoryData[] returned by selectorSourceCallback
      */
@@ -143,6 +144,9 @@ export class GxIdeReferences {
     this._componentLocale = await Locale.getComponentStrings(this.el);
     this.evaluateInitialReferenceData();
   }
+  componentDidLoad() {
+    this.selectObjectSuggestEl.focus();
+  }
   componentDidRender() {
     if (!this.renderedFirstTime) {
       this.componentDidRenderFirstTime.emit(this._componentLocale.componentName);
@@ -152,7 +156,7 @@ export class GxIdeReferences {
   // 10.RENDER() FUNCTION //
   render() {
     var _a, _b, _c, _d, _e, _f, _g, _h;
-    return (h(Host, { class: "gx-ide-component" }, h("div", { class: "gx-ide-main-wrapper" }, h("gx-ide-container", { displayBorderBottom: true, noContentPadding: true, containerTitle: this.displayTitle ? this._componentLocale.componentName : null }, h("header", { class: "header", slot: "header" }, h("div", { class: "header__top grid" }, h("gxg-button", { icon: "navigation/arrow-down", type: "secondary-icon-only", class: "hide-bar-button", onClick: this.hideBarButtonClickedHandler, part: "toggle-bar-button" }), h("gxg-label", { labelPosition: "start", class: "suggest-label", part: "select-object-label" }, this._componentLocale.header.selectObject), h("gxg-suggest", null, h("ch-suggest", { value: this.selectedObject.name, onValueChanged: this.selectObjectValueChangedHandler, onSelectionChanged: this.selectObjectSelectionChanged, part: "object-selector-suggest", exportparts: "dropdown:select-object-dropdown" }, renderSuggestLists(this.objectsSuggestions))), h("gxg-button", { type: "secondary-icon-only", icon: "gemini-tools/show-more-horizontal", onClick: this.openSelectorDialogCallbackHandler, class: "selector-dialog-button", part: "open-selector-dialog-button" })), h("div", { class: {
+    return (h(Host, { class: "gx-ide-component" }, h("div", { class: "gx-ide-main-wrapper" }, h("gx-ide-container", { displayBorderBottom: true, noContentPadding: true, containerTitle: this.displayTitle ? this._componentLocale.componentName : null }, h("header", { class: "header", slot: "header" }, h("div", { class: "header__top grid" }, h("gxg-button", { icon: "navigation/arrow-down", type: "secondary-icon-only", class: "hide-bar-button", onClick: this.hideBarButtonClickedHandler, part: "toggle-bar-button" }), h("gxg-label", { labelPosition: "start", class: "suggest-label", part: "select-object-label" }, this._componentLocale.header.selectObject), h("gxg-suggest", null, h("ch-suggest", { value: this.selectedObject.name, onValueChanged: this.selectObjectValueChangedHandler, onSelectionChanged: this.selectObjectSelectionChanged, part: "object-selector-suggest", exportparts: "dropdown:select-object-dropdown", ref: el => (this.selectObjectSuggestEl = el) }, renderSuggestLists(this.objectsSuggestions))), h("gxg-button", { type: "secondary-icon-only", icon: "gemini-tools/show-more-horizontal", onClick: this.openSelectorDialogCallbackHandler, class: "selector-dialog-button", part: "open-selector-dialog-button" })), h("div", { class: {
         "header__bottom": true,
         "header__bottom--hidden": this.barHidden
       } }, h("div", { class: "outer-wrapper" }, h("div", { class: "inner-wrapper" }, h("div", { class: "inner-wrapper__left" }, h("gxg-icon", { type: this.selectedObject.icon, color: "auto" }), h("gxg-text", { padding: "s", type: "text-link", part: "open-object-text-link", onClick: this.openObjectCallbackHandler }, `${this.selectedObject.name} : ${this.selectedObject.description}`)), h("div", { class: "inner-wrapper__right gxi-hidden" }, h("gxg-form-checkbox", { id: "references-by-type", label: "Group references by type", required: true, "display-validation-styles": true, part: "references-type-checkbox" })))))), h("main", { class: "main" }, h("gx-ide-container", { containerTitle: this._componentLocale.main.isReferencedBy, noContentPadding: true, part: "referenced-by-container", contentBorderEnd: true, titleType: "secondary" }, h("div", { class: {
@@ -165,7 +169,7 @@ export class GxIdeReferences {
         "reference-container--no-references": !((_e = this.referencesToTreeData) === null || _e === void 0 ? void 0 : _e.length)
       } }, h("gxg-tree-view", { class: { "gxi-hidden": !((_f = this.referencesToTreeData) === null || _f === void 0 ? void 0 : _f.length) }, part: "referenced-to-tree", treeModel: this.referencesToTreeData, lazyLoadTreeItemsCallback: this.referencesLazyLoadCallbackHandler("references-to"), onSelectedItemsChange: this.referenceSelectedHandler, dragDisabled: true, dropDisabled: true, onItemOpenReference: this.referencesItemOpenReferenceCallback }), !((_g = this.referencesToTreeData) === null || _g === void 0 ? void 0 : _g.length) && (h("gxg-text", { textAlign: config.gxgMessage.common.textAlign, padding: config.gxgMessage.common.textAlign, type: config.gxgMessage.common.type, maxWidth: config.gxgMessage.common.maxWidth, part: "references-to-text", class: "gx-ide-message" }, ((_h = this.referencesToTreeData) === null || _h === void 0 ? void 0 : _h.length) === 0
       ? this._componentLocale.main.hasReferencesEmpty
-      : this._componentLocale.main.hasReferencesToError)))))))));
+      : this._componentLocale.main.hasReferencesToError))))))), h("gxg-shortcuts", { src: this.shortcutsSrc })));
   }
   static get is() { return "gx-ide-references"; }
   static get encapsulation() { return "shadow"; }

package/dist/collection/components/share-kb/gx-ide-assets/share-kb/shortcuts.json

@@ -0,0 +1,7 @@
+[
+  {
+    "selector": "[part='share-kb']",
+    "keyShortcuts": "Enter",
+    "action": "click"
+  }
+]

package/dist/collection/components/share-kb/share-kb.js

@@ -1,7 +1,7 @@
 // Define your constants
 const AUTHENTICATION_TYPE = ["GeneXus Account", "Local"];
 /* STENCIL IMPORTS */
-import { Host, h } from "@stencil/core";
+import { Host, h, getAssetPath } from "@stencil/core";
 /* OTHER LIBRARIES IMPORTS */
 /* CUSTOM IMPORTS */
 import { Locale } from "../../common/locale";
@@ -11,6 +11,7 @@ import { renderFormItems } from "../../common/common";
 export class GxIdeShareKb {
   constructor() {
     this.renderedFirstTime = false;
+    this.shortcutsSrc = getAssetPath(`./gx-ide-assets/share-kb/shortcuts.json`);
     // 7.LISTENERS //
     // 8.PUBLIC METHODS API //
     this.createKBCallbackHandler = async () => {
@@ -36,6 +37,9 @@ export class GxIdeShareKb {
   async componentWillLoad() {
     this._componentLocale = await Locale.getComponentStrings(this.el);
   }
+  componentDidLoad() {
+    this.kbNameEl.focus();
+  }
   componentDidRender() {
     if (!this.renderedFirstTime) {
       this.componentDidRenderFirstTime.emit(this._componentLocale.componentName);
@@ -51,7 +55,7 @@ export class GxIdeShareKb {
     })), "server-url")), h("gxg-label", { labelPosition: "start", class: "auth-type-label", noMargin: true }, this._componentLocale.main.authentication), h("gxg-combo-box", { labelPosition: "start", placeholder: "https://myexampleserver.com", "max-width": "100%", value: AUTHENTICATION_TYPE[0], ref: (el) => (this.authTypeEl = el), part: "auth-type", class: "auth-type-input" }, renderFormItems("gxg-combo-box-item", AUTHENTICATION_TYPE.map((item) => ({
       id: item,
       label: item
-    })), "auth-type")), h("gxg-label", { labelPosition: "start", class: "user-name-label", noMargin: true }, this._componentLocale.main.userName), h("gxg-form-text", { labelPosition: "start", placeholder: "My User", "max-width": "100%", toolTip: config.tooltip, ref: (el) => (this.userNameEl = el), part: "user-name", class: "user-name-input" }), h("gxg-label", { labelPosition: "start", class: "password-label", noMargin: true }, this._componentLocale.main.password), h("gxg-form-text", { labelPosition: "start", password: true, toolTip: config.tooltip, "max-width": "100%", ref: (el) => (this.passwordEl = el), part: "password", class: "password-input" })), h("gxg-button", { slot: "footer-end", type: "primary-text-icon", icon: "gemini-tools/share", onClick: this.createKBCallbackHandler }, this._componentLocale.footer.shareBtn)))));
+    })), "auth-type")), h("gxg-label", { labelPosition: "start", class: "user-name-label", noMargin: true }, this._componentLocale.main.userName), h("gxg-form-text", { labelPosition: "start", placeholder: "My User", "max-width": "100%", toolTip: config.tooltip, ref: (el) => (this.userNameEl = el), part: "user-name", class: "user-name-input" }), h("gxg-label", { labelPosition: "start", class: "password-label", noMargin: true }, this._componentLocale.main.password), h("gxg-form-text", { labelPosition: "start", password: true, toolTip: config.tooltip, "max-width": "100%", ref: (el) => (this.passwordEl = el), part: "password", class: "password-input" })), h("gxg-button", { slot: "footer-end", type: "primary-text-icon", icon: "gemini-tools/share", onClick: this.createKBCallbackHandler, part: "share-kb" }, this._componentLocale.footer.shareBtn))), h("gxg-shortcuts", { src: this.shortcutsSrc })));
   }
   static get is() { return "gx-ide-share-kb"; }
   static get encapsulation() { return "shadow"; }

package/dist/collection/components/team-dev/commit/commit.js

@@ -198,6 +198,7 @@ export class GxIdeTeamDevCommit {
     this.loadDataCalledFirstTime = true;
     this.componentDidLoadEvent.emit(true);
     this.conditionToCommit();
+    this.commitCommentEl.focus();
   }
   async componentDidRender() {
     if (!this.renderedFirstTime) {

package/dist/collection/components/team-dev/select-recent-comment/gx-ide-assets/team-dev-select-recent-comment/langs/team-dev-select-recent-comment.lang.en.json

@@ -0,0 +1,5 @@
+{
+  "componentName": "Team Dev Recent Comment",
+  "confirmButton": "Confirm",
+  "cancelButton": "Cancel"
+}

package/dist/collection/components/team-dev/select-recent-comment/gx-ide-assets/team-dev-select-recent-comment/langs/team-dev-select-recent-comment.lang.ja.json

@@ -0,0 +1,3 @@
+{
+  "presentation": "「こんにちは、私の名前は {0} です。オレゴンに住んでいます。」"
+}

package/dist/collection/components/team-dev/select-recent-comment/gx-ide-assets/team-dev-select-recent-comment/langs/team-dev-select-recent-comment.lang.zh.json

@@ -0,0 +1,3 @@
+{
+  "presentation": "你好，我的名字是 {0}，我住在俄勒冈州。"
+}

package/dist/collection/components/team-dev/select-recent-comment/select-recent-comment.js

@@ -55,7 +55,7 @@ export class GxIdeTeamDevSelectRecentComment {
       "$": ["select-recent-comment.css"]
     };
   }
-  static get assetsDirs() { return ["gx-ide-assets/select-recent-comment"]; }
+  static get assetsDirs() { return ["gx-ide-assets/team-dev-select-recent-comment"]; }
   static get properties() {
     return {
       "displayTitle": {

package/dist/collection/components/team-dev/update/update.js

@@ -252,6 +252,7 @@ export class GxIdeTeamDevUpdate {
   }
   async componentDidLoad() {
     await this.loadData();
+    this.filterPatternEl.focus();
   }
   async componentDidRender() {
     if (!this.renderedFirstTime) {

package/dist/collection/components/team-dev/update-partial-selection/gx-ide-assets/team-dev-update-partial-selection/shortcuts.json

@@ -0,0 +1,15 @@
+[
+  {
+    "selector": "[part='confirm']",
+    "keyShortcuts": "Enter",
+    "action": "click",
+    "conditions": {
+      "focusExclude": ["[part='clear']", "[part='cancel']"]
+    }
+  },
+  {
+    "selector": "[part='cancel']",
+    "keyShortcuts": "Escape",
+    "action": "click"
+  }
+]

package/dist/collection/components/team-dev/update-partial-selection/update-partial-selection.js

@@ -1,5 +1,5 @@
 /* STENCIL IMPORTS */
-import { Host, h } from "@stencil/core";
+import { Host, h, getAssetPath } from "@stencil/core";
 /* OTHER LIBRARIES IMPORTS */
 /* CUSTOM IMPORTS */
 import { Locale } from "../../../common/locale";
@@ -8,6 +8,7 @@ import { gridCommon } from "../../../common/grid";
 export class GxIdeTeamDevUpdatePartialSelection {
   constructor() {
     this.renderedFirstTime = false;
+    this.shortcutsSrc = getAssetPath(`./gx-ide-assets/team-dev-update-partial-selection/shortcuts.json`);
     // 9.LOCAL METHODS //
     this.renderObjects = () => {
       return (h("gxg-grid", { "ellipsis-cell-wrapper": true, noBorder: true }, h("ch-grid", { "row-selection-mode": "multiple", ref: (el) => (this.chGridEl = el), part: "ch-grid-objects" }, h("ch-grid-columnset", null, h("ch-grid-column", { columnName: "", settingable: false, sortable: false, size: gridCommon.colSize.minContent }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.name, settingable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.type, settingable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.description, settingable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.modifiedOn, settingable: false, size: gridCommon.colSize.auto })), this.selection.map((obj) => (h("ch-grid-row", { rowid: obj.id, key: obj.id }, h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, h("gxg-icon", { type: obj.typeIcon, color: "auto" }))), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, obj.name)), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, obj.type)), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, obj.description)), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, `${obj.modifiedOn.toISOString().slice(0, 10)}`))))))));
@@ -77,7 +78,7 @@ export class GxIdeTeamDevUpdatePartialSelection {
   }
   // 10.RENDER() FUNCTION //
   render() {
-    return (h(Host, { class: "gx-ide-component" }, h("div", { class: "gx-ide-main-wrapper" }, h("gx-ide-container", { noContentPadding: true, noContentGap: true, containerTitle: this.displayTitle ? this._componentLocale.componentName : null, slimmerFooter: config.gxIdeContainer.slimmerFooter }, h("div", { class: "top-actions" }, h("gxg-button", { id: "button-add", type: "outlined", icon: "gemini-tools/add", onClick: this.getObjectsHandler, part: "add" }, this._componentLocale.btnAddObject), h("gxg-button", { id: "button-remove", type: "secondary-text-only", onClick: this.removeSelectedObjectsHandler, part: "remove", disabled: !(this.selectedObjectsIds.length > 0) }, this._componentLocale.btnRemoveSelectedObjects)), this.renderObjects(), h("gxg-text", { id: "button-clear", type: "button-like", onClick: this.removeAllHandler, disabled: !(this.selection.length > 0), part: "clear", slot: "footer-start" }, this._componentLocale.footer.btnRemoveAll), h("gxg-button", { id: "button-cancel", type: "outlined", onClick: this.cancelHandler, part: "cancel", slot: "footer-end" }, this._componentLocale.footer.btnCancel), h("gxg-button", { id: "button-ok", type: "primary-text-only", onClick: this.confirmHandler, part: "confirm", slot: "footer-end" }, this._componentLocale.footer.btnConfirm)))));
+    return (h(Host, { class: "gx-ide-component" }, h("div", { class: "gx-ide-main-wrapper" }, h("gx-ide-container", { noContentPadding: true, noContentGap: true, containerTitle: this.displayTitle ? this._componentLocale.componentName : null, slimmerFooter: config.gxIdeContainer.slimmerFooter }, h("div", { class: "top-actions" }, h("gxg-button", { id: "button-add", type: "outlined", icon: "gemini-tools/add", onClick: this.getObjectsHandler, part: "add" }, this._componentLocale.btnAddObject), h("gxg-button", { id: "button-remove", type: "secondary-text-only", onClick: this.removeSelectedObjectsHandler, part: "remove", disabled: !(this.selectedObjectsIds.length > 0) }, this._componentLocale.btnRemoveSelectedObjects)), this.renderObjects(), h("gxg-text", { id: "button-clear", type: "button-like", onClick: this.removeAllHandler, disabled: !(this.selection.length > 0), part: "clear", slot: "footer-start" }, this._componentLocale.footer.btnRemoveAll), h("gxg-button", { id: "button-cancel", type: "outlined", onClick: this.cancelHandler, part: "cancel", slot: "footer-end" }, this._componentLocale.footer.btnCancel), h("gxg-button", { id: "button-ok", type: "primary-text-only", onClick: this.confirmHandler, part: "confirm", slot: "footer-end" }, this._componentLocale.footer.btnConfirm))), h("gxg-shortcuts", { src: this.shortcutsSrc })));
   }
   static get is() { return "gx-ide-team-dev-update-partial-selection"; }
   static get encapsulation() { return "shadow"; }

package/dist/collection/components/team-dev/update-to-revision/gx-ide-assets/team-dev-update-to-revision/shortcuts.json

@@ -0,0 +1,15 @@
+[
+  {
+    "selector": "[part='update']",
+    "keyShortcuts": "Enter",
+    "action": "click",
+    "conditions": {
+      "focusExclude": "[part='cancel']"
+    }
+  },
+  {
+    "selector": "[part='cancel']",
+    "keyShortcuts": "Escape",
+    "action": "click"
+  }
+]

package/dist/collection/components/team-dev/update-to-revision/update-to-revision.js

@@ -1,5 +1,5 @@
 /* STENCIL IMPORTS */
-import { Host, h } from "@stencil/core";
+import { Host, h, getAssetPath } from "@stencil/core";
 /* OTHER LIBRARIES IMPORTS */
 /* CUSTOM IMPORTS */
 import { Locale } from "../../../common/locale";
@@ -7,6 +7,7 @@ import { config } from "../../../common/config";
 export class GxIdeTeamDevUpdateToRevision {
   constructor() {
     this.renderedFirstTime = false;
+    this.shortcutsSrc = getAssetPath(`./gx-ide-assets/team-dev-update-to-revision/shortcuts.json`);
     // 9.LOCAL METHODS //
     this.setInitialCheckedRadio = () => {
       if (this.currentRevision === undefined) {
@@ -41,6 +42,7 @@ export class GxIdeTeamDevUpdateToRevision {
   componentDidLoad() {
     this.componentDidLoadEvent.emit(true);
     this.setInitialCheckedRadio();
+    this.revisionNumberEl.focus();
   }
   componentDidRender() {
     if (!this.renderedFirstTime) {
@@ -59,7 +61,7 @@ export class GxIdeTeamDevUpdateToRevision {
   }
   // 10.RENDER() FUNCTION //
   render() {
-    return (h(Host, { class: "gx-ide-component" }, h("div", { class: "gx-ide-main-wrapper" }, h("gx-ide-container", { slimmerFooter: config.gxIdeContainer.slimmerFooter, containerTitle: this.displayTitle ? this._componentLocale.componentName : null }, h("gxg-form-radio-group", null, h("gxg-form-radio", { label: this._componentLocale.options.updateToLatest, value: "updateToLatest", ref: (el) => (this.updateToLatestEl = el), part: "radio-to-latest" }), h("div", { class: "revision-number" }, h("gxg-form-radio", { label: this._componentLocale.options.updateToRevision, value: "updateToRevision", ref: (el) => (this.updateToRevisionEl = el), part: "radio-to-revision" }), h("gxg-form-text", { ref: (el) => (this.revisionNumberEl = el), onFocus: this.updateToRevisionOnFocusHandler, value: this.currentRevision, part: "revision-number" }))), h("gxg-button", { id: "button-cancel", type: "outlined", onClick: this.cancel, part: "cancel", slot: "footer-end" }, this._componentLocale.footer.btnCancel), h("gxg-button", { id: "button-ok", type: "primary-text-only", onClick: this.confirm, part: "update", slot: "footer-end" }, this._componentLocale.footer.btnUpdate)))));
+    return (h(Host, { class: "gx-ide-component" }, h("div", { class: "gx-ide-main-wrapper" }, h("gx-ide-container", { slimmerFooter: config.gxIdeContainer.slimmerFooter, containerTitle: this.displayTitle ? this._componentLocale.componentName : null }, h("gxg-form-radio-group", null, h("gxg-form-radio", { label: this._componentLocale.options.updateToLatest, value: "updateToLatest", ref: (el) => (this.updateToLatestEl = el), part: "radio-to-latest" }), h("div", { class: "revision-number" }, h("gxg-form-radio", { label: this._componentLocale.options.updateToRevision, value: "updateToRevision", ref: (el) => (this.updateToRevisionEl = el), part: "radio-to-revision" }), h("gxg-form-text", { ref: (el) => (this.revisionNumberEl = el), onFocus: this.updateToRevisionOnFocusHandler, value: this.currentRevision, part: "revision-number" }))), h("gxg-button", { id: "button-cancel", type: "outlined", onClick: this.cancel, part: "cancel", slot: "footer-end" }, this._componentLocale.footer.btnCancel), h("gxg-button", { id: "button-ok", type: "primary-text-only", onClick: this.confirm, part: "update", slot: "footer-end" }, this._componentLocale.footer.btnUpdate))), h("gxg-shortcuts", { src: this.shortcutsSrc })));
   }
   static get is() { return "gx-ide-team-dev-update-to-revision"; }
   static get encapsulation() { return "shadow"; }

package/dist/collection/components/ww-images/ww-images.js

@@ -300,6 +300,7 @@ export class GxIdeWWImages {
     this.listenChanges();
     this.getImages();
     this.saveInitialFilterData();
+    this.filterNameEl.focus();
   }
   componentDidRender() {
     if (!this.renderedFirstTime) {

package/dist/components/combo-box.js

@@ -53,6 +53,10 @@ const GxgComboBox = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
      * The presence of this attribute displays a tooltip message, instead of a block message below the control
      */
     this.toolTip = false;
+    /**
+     * If true, it will prevent Enter key propagation only when the list is open. This prop. was created to prevent issues with ch-shortcuts, when an Enter key has to fire a callback on another element (such as a button) but it has to be ignored when the list is open, since an Enter key on a list-box-item, has to select the item only.
+     */
+    this.preventEnterPropagation = false;
     /**
      * The presence of this attribute makes the input disabled
      */
@@ -172,6 +176,9 @@ const GxgComboBox = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
         repositionScroll(this.itemsContainer, this.selectedItem, KeyboardKeys.ARROW_UP);
       }
       else if (e.code === KeyboardKeys.ENTER) {
+        if (this.preventEnterPropagation && this.listIsOpen) {
+          e.stopPropagation();
+        }
         this.hideList();
         this.showAllItems();
       }
@@ -461,7 +468,7 @@ const GxgComboBox = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       this.inputText.focus();
     }
   }
-  /*********************************
+  /********************************
   WATCH
   *********************************/
   onValueChanged(newValue) {
@@ -636,6 +643,7 @@ const GxgComboBox = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
 }, [17, "gxg-combo-box", {
     "popOver": [4, "pop-over"],
     "toolTip": [4, "tool-tip"],
+    "preventEnterPropagation": [4, "prevent-enter-propagation"],
     "fixedIcon": [1, "fixed-icon"],
     "disabled": [4],
     "label": [1],

package/dist/components/common.js

@@ -16,7 +16,7 @@ const renderFormItems = (componentType = "gxg-combo-box-item", options, group =
           items.push(item);
           break;
         case "gxg-form-radio":
-          item = (h("gxg-form-radio", { "radio-id": option.id, checked: option.checked, disabled: option.disabled, label: option.label, value: option.value, name: group, part: `${group}-${option.id}` }));
+          item = (h("gxg-form-radio", { radioId: option.id, checked: option.checked, disabled: option.disabled, label: option.label, value: option.value, name: group, part: `${group}-${option.id}` }));
           items.push(item);
           break;
       }

package/dist/components/form-checkbox.js

@@ -104,7 +104,7 @@ const GxgFormCheckbox = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     });
   }
   handlerOnKeyUp(event) {
-    if (event.code == "Enter") {
+    if (event.code == "Space") {
       this.checked = !this.checked;
     }
   }

package/dist/components/form-radio-group.js

@@ -167,14 +167,10 @@ const GxgFormRadioGroup = /*@__PURE__*/ proxyCustomElement(class extends HTMLEle
           newRadio = radiosArray[currentRadioIndex - 1];
         }
       }
-      else if (key === "Enter") {
-        const gxgFormRadio = currentRadio;
-        if (!gxgFormRadio.checked) {
-          this.value = gxgFormRadio.value;
-        }
-      }
       if (newRadio) {
         newRadio.focus();
+        newRadio.checked = true;
+        this.value = newRadio.value;
       }
     }
   }

package/dist/components/form-radio.js

@@ -23,7 +23,7 @@ const GxgFormRadio = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
      * The presence of this attribute disables the radio
      */
     this.disabled = false;
-    this.clickedHandler = () => {
+    this.clickedHandler = (e) => {
       this.checked = true;
     };
   }
@@ -38,8 +38,8 @@ const GxgFormRadio = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
       });
     }
   }
-  handlerOnKeyDown(event) {
-    this.keyPressed.emit(event.key);
+  handlerOnKeyDown(e) {
+    this.keyPressed.emit(e.key);
   }
   render() {
     return (h(Host, { class: { "gxg-form-radio--disabled": this.disabled } }, h("gxg-label", { noMargin: true, class: "label", disabled: this.disabled, onClick: this.clickedHandler }, h("input", { ref: (el) => (this.radioInput = el), type: "radio", name: this.name, value: this.value, disabled: this.disabled, onKeyDown: this.handlerOnKeyDown.bind(this), checked: this.checked, class: { checked: this.checked } }), h("span", { class: { radiobtn: true, "radiobtn--error": this.error } }), this.label)));