@genexus/genexus-ide-ui 0.0.78 → 0.0.79

package/dist/cjs/gx-ide-new-kb.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-f9bb1815.js');
 const locale = require('./locale-c8445ea4.js');
 const config = require('./config-8cf5ba3b.js');
-const common = require('./common-2100f35f.js');
+const common = require('./common-fbd24d42.js');
 const formValidation = require('./form-validation-b7fb4ca8.js');
 
 const newKbCss = "/*Gemini*/\n/*Gx Ide*/\n/*@container queries*/\n/* hiChar styles\nFound on /common/helpers.tsx hiChar function is used to add a span/class to every character that matches a search value. It is used to help the user see why the filter results are filtered. The span/class on the characters are useless without proper styling.\n*/\n/* Helper Classes */\n.gxi-hidden {\n  display: none !important;\n}\n\n.gxi-full-height {\n  height: 100%;\n}\n\n.gxi-overflow-auto {\n  overflow: auto;\n}\n\n.gxi-display-flex {\n  display: flex;\n}\n\n.align-start {\n  display: flex;\n  align-items: start;\n}\n\n.align-center {\n  display: flex;\n  align-items: center;\n}\n\n.align-end {\n  display: flex;\n  align-items: end;\n}\n\n.overflow-auto {\n  overflow: auto;\n}\n\n/* Grids */\n.grid {\n  display: grid;\n  grid-row-gap: var(--gx-ide-grid-row-gap);\n  grid-column-gap: var(--gx-ide-grid-column-gap);\n  grid-template-rows: auto;\n}\n\nch-grid-cell {\n  display: flex;\n}\n\nch-grid {\n  overflow: auto;\n  height: 100%;\n}\n\nch-grid-column {\n  /*to be removed when this works inside a component with shadow: true*/\n  z-index: 99;\n  border-bottom: 1px solid var(--gray-01);\n}\n\nch-grid-column:first-child {\n  padding-inline-start: var(--gxg-container--padding) !important;\n}\n\nch-grid-column:last-child {\n  padding-inline-end: var(--gxg-container--padding) !important;\n}\n\nch-grid-cell {\n  --spacing-comp-02: var(--gxg-container--padding);\n}\n\n/*Gxg Tabs*/\ngxg-tabs {\n  box-shadow: none;\n}\n\n/*All components Host should have this class set. !important is set on every rule, since this styles could be overridden by the host user, since they are applied on the host component*/\n:host(.gx-ide-component) {\n  box-shadow: var(--box-shadow-01) !important;\n  height: 100% !important;\n  display: flex !important;\n  flex-direction: column !important;\n}\n\n/*stylize the top bar*/\n:host(:focus-within) gx-ide-top-bar::part(wrapper) {\n  background-color: var(--color-secondary-enabled);\n}\n\n/* Main wrapper (should be the first element inside the host. Everything should be inside .gx-ide-main-wrapper) */\n.gx-ide-main-wrapper {\n  color: var(--gx-ide-component-text-color);\n  font-weight: var(--font-weight-regular);\n  font-size: var(--font-size-lg);\n  font-family: var(--font-family-primary);\n  line-height: 1.6em;\n  height: 100%;\n  background-color: var(--gx-ide-component-background-color);\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  box-sizing: border-box;\n}\n\n/*This is the main element. This is the one that take the remaining vertical space*/\n.gx-ide-main {\n  flex-grow: 1;\n  overflow-y: auto;\n  /* Track */\n  /* Handle */\n  /* Handle on hover */\n}\n.gx-ide-main::-webkit-scrollbar {\n  width: 6px;\n  height: 6px;\n}\n.gx-ide-main::-webkit-scrollbar-track {\n  background-color: var(--gray-02);\n  border-radius: 10px;\n}\n.gx-ide-main::-webkit-scrollbar-thumb {\n  background: var(--gray-05);\n  border-radius: 10px;\n}\n.gx-ide-main::-webkit-scrollbar-thumb:hover {\n  background: var(--gray-04);\n  cursor: pointer;\n}\n.gx-ide-main .gxg-scroll {\n  display: block;\n  overflow-y: auto;\n  padding-inline-end: 2px;\n}\n\n.gx-ide-overflow {\n  overflow-y: auto;\n  /* Track */\n  /* Handle */\n  /* Handle on hover */\n}\n.gx-ide-overflow::-webkit-scrollbar {\n  width: 6px;\n  height: 6px;\n}\n.gx-ide-overflow::-webkit-scrollbar-track {\n  background-color: var(--gray-02);\n  border-radius: 10px;\n}\n.gx-ide-overflow::-webkit-scrollbar-thumb {\n  background: var(--gray-05);\n  border-radius: 10px;\n}\n.gx-ide-overflow::-webkit-scrollbar-thumb:hover {\n  background: var(--gray-04);\n  cursor: pointer;\n}\n.gx-ide-overflow .gxg-scroll {\n  display: block;\n  overflow-y: auto;\n  padding-inline-end: 2px;\n}\n\n/*gxg-tree-view*/\n.tree-container {\n  display: flex;\n  height: 100%;\n  width: 100%;\n  box-sizing: border-box;\n}\n\n/*Gemini*/\n/*Gx Ide*/\n/*@container queries*/\n/* hiChar styles\nFound on /common/helpers.tsx hiChar function is used to add a span/class to every character that matches a search value. It is used to help the user see why the filter results are filtered. The span/class on the characters are useless without proper styling.\n*/\n:host {\n  display: block;\n  border: 1px solid var(--gxg-border-color--regular);\n  background-color: var(--color-background);\n}\n\n/*HEADER*/\n.header {\n  grid-template-columns: auto 1fr;\n  grid-template-areas: \"kb-name-label kb-input\";\n}\n.header--is-advanced {\n  grid-template-columns: auto 1fr min-content;\n  grid-template-areas: \"kb-name-label kb-input .\" \"location-label location-input location-icon\";\n}\n.header .kb-input {\n  grid-area: kb-input;\n}\n.header .kb-name-label {\n  grid-area: kb-label;\n}\n.header .location-label {\n  grid-area: location-label;\n}\n.header .location-input {\n  grid-area: location-input;\n}\n.header .location-icon {\n  grid-area: location-icon;\n}\n\n/*GXG-TABS*/\n.gxg-tabs {\n  margin-top: 0;\n  box-shadow: none;\n}\n\n/*Basic*/\n.basic-row-first {\n  container-name: basic-row-first;\n  container-type: inline-size;\n}\n.basic-row-first__container {\n  display: grid;\n  gap: var(--gx-ide-grid-column-gap);\n  padding: var(--gxg-container--padding);\n  border-bottom: 1px solid var(--gx-ide-container-border-color);\n  grid-template-columns: repeat(2, 1fr);\n}\n@container (max-width: 640px) {\n  .basic-row-first {\n    /* this will work but you will see the vs-code complaining about some syntax error, so just ignore it */\n  }\n  .basic-row-first .basic-row-first__container {\n    grid-template-columns: 1fr;\n  }\n}\n\n.basic-row-second {\n  grid-template-columns: repeat(2, 1fr);\n  grid-column-gap: 0;\n  grid-row-gap: 0;\n  flex-grow: 1;\n}\n\n/*Advanced*/\n.knowledge-base-storage {\n  display: grid;\n  grid-template-areas: \"knowledge-base-storage__col-left knowledge-base-storage__col-right\";\n  grid-template-columns: repeat(2, 1fr);\n  flex-grow: 1;\n  gap: 0;\n}\n.knowledge-base-storage > *:first-child {\n  border-right: 1px solid var(--gx-ide-container-border-color);\n}\n.knowledge-base-storage__col-left {\n  display: grid;\n  gap: var(--gx-ide-grid-row-gap);\n  padding: var(--gxg-container--padding);\n  grid-area: knowledge-base-storage__col-left;\n  grid-template-columns: 1fr auto;\n  grid-template-rows: repeat(4, min-content);\n  grid-template-areas: \"server-name-combo-box server-name-button\" \"database-name .\" \"collation-combo-box collation-button\" \"create-data-in-kb .\";\n}\n.knowledge-base-storage__col-left .server-name-combo-box {\n  grid-area: server-name-combo-box;\n}\n.knowledge-base-storage__col-left .server-name-button {\n  grid-area: server-name-button;\n  align-self: end;\n}\n.knowledge-base-storage__col-left .database-name {\n  grid-area: database-name;\n}\n.knowledge-base-storage__col-left .collation-combo-box {\n  grid-area: collation-combo-box;\n}\n.knowledge-base-storage__col-left .collation-button {\n  grid-area: collation-button;\n  align-self: end;\n}\n.knowledge-base-storage__col-left .create-data-in-kb {\n  grid-area: create-data-in-kb;\n}\n.knowledge-base-storage__col-right {\n  display: grid;\n  padding: var(--gxg-container--padding);\n  gap: var(--gx-ide-grid-row-gap);\n  grid-area: knowledge-base-storage__col-right;\n  grid-template-columns: 1fr;\n  grid-template-rows: repeat(4, min-content);\n  grid-template-areas: \"authentication-type\" \"user-name\" \"password\" \"save-password\";\n}\n.knowledge-base-storage__col-right .authentication-type {\n  grid-area: authentication-type;\n}\n.knowledge-base-storage__col-right .user-name {\n  grid-area: user-name;\n}\n.knowledge-base-storage__col-right .password {\n  grid-area: password;\n}\n.knowledge-base-storage__col-right .save-password {\n  grid-area: save-password;\n}\n.knowledge-base-storage__col-right--windows-authentication {\n  grid-template-areas: \"authentication-type\";\n}";
@@ -16,6 +16,7 @@ const GxIdeNewKb = class {
     this.componentDidRenderFirstTime = index.createEvent(this, "componentDidRenderFirstTime", 7);
     this.renderedFirstTime = false;
     this.selectedFrontEndsIds = [];
+    this.shortcutsSrc = index.getAssetPath(`./gx-ide-assets/new-kb/shortcuts.json`);
     // 7.LISTENERS //
     // 8.PUBLIC METHODS API //
     // 9.LOCAL METHODS //
@@ -237,6 +238,7 @@ const GxIdeNewKb = class {
   }
   componentDidLoad() {
     this.initialSetup();
+    this.kbNameEl.focus();
   }
   componentDidRender() {
     if (!this.renderedFirstTime) {
@@ -258,7 +260,7 @@ const GxIdeNewKb = class {
         index.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" }),
         index.h("gxg-button", { type: "secondary-icon-only", icon: "gemini-tools/folder", onClick: this.selectLocationHandler, part: "button-select-location", class: "location-icon" })
       ]
-      : null), index.h("main", { class: "gxi-full-height" }, index.h("gxg-tabs", { class: "gxg-tabs" }, this.isAdvanced ? (index.h("gxg-tab-bar", { slot: "tab-bar-container", part: "tab-bar", displayBorder: true }, index.h("gxg-tab-button", { slot: "tab-bar", tabLabel: this._componentLocale.tabBasic.tabLabel, tab: "basic", "is-selected": true, hidden: !this.isAdvanced, part: "tab-button-basic" }), index.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())), index.h("gxg-button", { id: "button-create", type: "primary-text-only", onClick: this.createKbHandler, part: "button-create", slot: "footer-end" }, this._componentLocale.footer.btnCreate), index.h("gxg-button", { id: "button-cancel", type: "outlined", onClick: this.cancelKbHandler, part: "button-cancel", slot: "footer-end" }, this._componentLocale.footer.btnCancel)))));
+      : null), index.h("main", { class: "gxi-full-height" }, index.h("gxg-tabs", { class: "gxg-tabs" }, this.isAdvanced ? (index.h("gxg-tab-bar", { slot: "tab-bar-container", part: "tab-bar", displayBorder: true }, index.h("gxg-tab-button", { slot: "tab-bar", tabLabel: this._componentLocale.tabBasic.tabLabel, tab: "basic", "is-selected": true, hidden: !this.isAdvanced, part: "tab-button-basic" }), index.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())), index.h("gxg-button", { id: "button-cancel", type: "outlined", onClick: this.cancelKbHandler, part: "button-cancel", slot: "footer-end" }, this._componentLocale.footer.btnCancel), index.h("gxg-button", { id: "button-create", type: "primary-text-only", onClick: this.createKbHandler, part: "button-create", slot: "footer-end" }, this._componentLocale.footer.btnCreate))), index.h("gxg-shortcuts", { src: this.shortcutsSrc })));
   }
   static get assetsDirs() { return ["gx-ide-assets/new-kb"]; }
   get el() { return index.getElement(this); }

package/dist/cjs/gx-ide-new-object.cjs.entry.js

@@ -17,6 +17,7 @@ const GxIdeNewObject = class {
     this.componentDidLoadEvent = index.createEvent(this, "componentDidLoadEvent", 7);
     this.componentDidRenderFirstTime = index.createEvent(this, "componentDidRenderFirstTime", 7);
     this.renderedFirstTime = false;
+    this.shortcutsSrc = index.getAssetPath(`./gx-ide-assets/new-object/shortcuts.json`);
     this.descriptionModifiedByUser = false;
     // 7.LISTENERS //
     // 8.PUBLIC METHODS API //
@@ -36,7 +37,7 @@ const GxIdeNewObject = class {
         }
         return [
           index.h("gxg-label", { labelPosition: "start" }, labelDescription),
-          index.h("gx-ide-entity-selector", { value: this.parent, defaultValue: this.defaultParent, selectEntityCallback: this.selectModuleCallback, ref: (el) => (this.parentEl = el), part: "module" })
+          index.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;
@@ -90,14 +91,14 @@ const GxIdeNewObject = class {
       }
     };
     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);
@@ -164,7 +165,7 @@ const GxIdeNewObject = class {
     var _a;
     return (index.h(index.Host, { class: "gx-ide-component" }, index.h("div", { class: "gx-ide-main-wrapper" }, index.h("gx-ide-container", { noContentPadding: true, noContentGap: true, slimmerFooter: config.config.gxIdeContainer.slimmerFooter, containerTitle: this.displayTitle ? this._componentLocale.componentName : null, noHeadingBorder: true }, index.h("main", { class: "main" }, index.h("div", { class: "categories-types-container" }, index.h("div", { class: "categories" }, this.typeCategories.length > 0 ? (index.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 => (index.h("gxg-list-box-item", { key: category.id, value: category.id, icon: category.icon, part: `category-${category.id}` }, category.name))))) : null), index.h("div", { class: "types" }, this.selectedCategory.types.length > 0 ? (index.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 => (index.h("gxg-list-box-item", { key: `${this.selectedCategory.id}-${type.id}`, icon: type.icon, part: `type-${this.selectedCategory.id}-${type.id}` }, type.name))))) : (index.h("p", null, "No Categories to display")))), index.h("div", { class: "api-description" }, index.h("gxg-title", { type: "title-05" }, (_a = this.selectedType) === null || _a === void 0 ? void 0 : _a.description), index.h("div", { class: "form" }, index.h("gxg-label", { labelPosition: "start" }, this._componentLocale.objectName), index.h("gxg-form-text", { "label-position": "start", placeholder: "Name", "max-width": "100%", value: this.selectedType.name, toolTip: config.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 }), index.h("gxg-label", { labelPosition: "start" }, this._componentLocale.objectDescription), index.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()))), index.h("gxg-button", { id: "button-cancel", slot: "footer-end", type: "outlined", onClick: this.cancelCallbackHandler, part: "gxg-button gxg-button--cancel" }, this._componentLocale.footer.btnCancel), index.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 => (index.h("gxg-list-box-item", { key: `${this.selectedCategory.id}-${type.id}`, icon: type.icon, part: `type-${this.selectedCategory.id}-${type.id}` }, type.name))))) : (index.h("p", null, "No Categories to display")))), index.h("div", { class: "api-description" }, index.h("gxg-title", { type: "title-05" }, (_a = this.selectedType) === null || _a === void 0 ? void 0 : _a.description), index.h("div", { class: "form" }, index.h("gxg-label", { labelPosition: "start" }, this._componentLocale.objectName), index.h("gxg-form-text", { "label-position": "start", placeholder: "Name", "max-width": "100%", value: this.selectedType.name, toolTip: config.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 }), index.h("gxg-label", { labelPosition: "start" }, this._componentLocale.objectDescription), index.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()))), index.h("gxg-button", { id: "button-cancel", slot: "footer-end", type: "outlined", onClick: this.cancelCallbackHandler, part: "gxg-button gxg-button--cancel" }, this._componentLocale.footer.btnCancel), index.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))), index.h("gxg-shortcuts", { src: this.shortcutsSrc })));
   }
   static get assetsDirs() { return ["gx-ide-assets/new-object"]; }
   get el() { return index.getElement(this); }

package/dist/cjs/gx-ide-object-selector.cjs.entry.js

@@ -18,6 +18,7 @@ const GxIdeObjectSelector = class {
     this.componentDidRenderFirstTime = index.createEvent(this, "componentDidRenderFirstTime", 7);
     this.componentDidLoadEvent = index.createEvent(this, "componentDidLoadEvent", 7);
     this.renderedFirstTime = false;
+    this.shortcutsSrc = index.getAssetPath(`./gx-ide-assets/object-selector/shortcuts.json`);
     // 9.LOCAL METHODS //
     this.renderFilter = () => {
       var _a, _b;
@@ -107,7 +108,7 @@ const GxIdeObjectSelector = class {
     this.deselectAll = () => {
       this.chGridEl.selectAllRows(false);
     };
-    this.newObjectCallbackHandle = () => {
+    this.newObjectCallbackHandler = () => {
       this.newObjectCallback();
     };
     this.listenChanges = async () => {
@@ -227,7 +228,7 @@ const GxIdeObjectSelector = class {
   }
   // 10.RENDER() FUNCTION //
   render() {
-    return (index.h(index.Host, { class: "gx-ide-component", onKeyPress: this.hostKeyPressHandler }, index.h("div", { class: "gx-ide-main-wrapper" }, index.h("gx-ide-container", { containerTitle: this.displayTitle ? this._componentLocale.componentName : null, noContentPadding: true, noAboveFooterPadding: true, noHeadingPadding: true, headingPaddingTop: true, noHeadingBorder: true, slimmerFooter: config.config.gxIdeContainer.slimmerFooter }, this.renderFilter(), this.renderObjects(), index.h("div", { class: "objects-count", slot: "footer-above" }, index.h("gxg-text", { class: "align-end", part: "objects-selected", textAlign: "center" }, this.evaluateObjectsCount("selected")), index.h("gxg-text", { class: "align-end", part: "objects-matching", textAlign: "center" }, this.evaluateObjectsCount("matching"))), index.h("gxg-button", { type: "outlined", onClick: this.cancelCallbackHandle, part: "gxg-button gxg-button--cancel", slot: "footer-end" }, this._componentLocale.footer.btnCancel), index.h("gxg-button", { type: "primary-text-only", onClick: this.openSelectionCallbackHandler, part: "gxg-button gxg-button--ok", slot: "footer-end" }, this._componentLocale.footer.btnConfirm), index.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 ? (index.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 (index.h(index.Host, { class: "gx-ide-component", onKeyPress: this.hostKeyPressHandler }, index.h("div", { class: "gx-ide-main-wrapper" }, index.h("gx-ide-container", { containerTitle: this.displayTitle ? this._componentLocale.componentName : null, noContentPadding: true, noAboveFooterPadding: true, noHeadingPadding: true, headingPaddingTop: true, noHeadingBorder: true, slimmerFooter: config.config.gxIdeContainer.slimmerFooter }, this.renderFilter(), this.renderObjects(), index.h("div", { class: "objects-count", slot: "footer-above" }, index.h("gxg-text", { class: "align-end", part: "objects-selected", textAlign: "center" }, this.evaluateObjectsCount("selected")), index.h("gxg-text", { class: "align-end", part: "objects-matching", textAlign: "center" }, this.evaluateObjectsCount("matching"))), index.h("gxg-button", { type: "outlined", onClick: this.cancelCallbackHandle, part: "gxg-button gxg-button--cancel", slot: "footer-end" }, this._componentLocale.footer.btnCancel), index.h("gxg-button", { type: "primary-text-only", onClick: this.openSelectionCallbackHandler, part: "gxg-button gxg-button--ok", slot: "footer-end" }, this._componentLocale.footer.btnConfirm), index.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 ? (index.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)), index.h("gxg-shortcuts", { src: this.shortcutsSrc })));
   }
   static get assetsDirs() { return ["gx-ide-assets/object-selector"]; }
   get el() { return index.getElement(this); }

package/dist/cjs/gx-ide-references.cjs.entry.js

@@ -66,6 +66,7 @@ const GxIdeReferences = class {
     index.registerInstance(this, hostRef);
     this.componentDidRenderFirstTime = index.createEvent(this, "componentDidRenderFirstTime", 7);
     this.renderedFirstTime = false;
+    this.shortcutsSrc = index.getAssetPath(`./gx-ide-assets/references/shortcuts.json`);
     /**
      * The last SelectorCategoryData[] returned by selectorSourceCallback
      */
@@ -201,6 +202,9 @@ const GxIdeReferences = class {
     this._componentLocale = await locale.Locale.getComponentStrings(this.el);
     this.evaluateInitialReferenceData();
   }
+  componentDidLoad() {
+    this.selectObjectSuggestEl.focus();
+  }
   componentDidRender() {
     if (!this.renderedFirstTime) {
       this.componentDidRenderFirstTime.emit(this._componentLocale.componentName);
@@ -210,7 +214,7 @@ const GxIdeReferences = class {
   // 10.RENDER() FUNCTION //
   render() {
     var _a, _b, _c, _d, _e, _f, _g, _h;
-    return (index.h(index.Host, { class: "gx-ide-component" }, index.h("div", { class: "gx-ide-main-wrapper" }, index.h("gx-ide-container", { displayBorderBottom: true, noContentPadding: true, containerTitle: this.displayTitle ? this._componentLocale.componentName : null }, index.h("header", { class: "header", slot: "header" }, index.h("div", { class: "header__top grid" }, index.h("gxg-button", { icon: "navigation/arrow-down", type: "secondary-icon-only", class: "hide-bar-button", onClick: this.hideBarButtonClickedHandler, part: "toggle-bar-button" }), index.h("gxg-label", { labelPosition: "start", class: "suggest-label", part: "select-object-label" }, this._componentLocale.header.selectObject), index.h("gxg-suggest", null, index.h("ch-suggest", { value: this.selectedObject.name, onValueChanged: this.selectObjectValueChangedHandler, onSelectionChanged: this.selectObjectSelectionChanged, part: "object-selector-suggest", exportparts: "dropdown:select-object-dropdown" }, renderSuggest.renderSuggestLists(this.objectsSuggestions))), index.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" })), index.h("div", { class: {
+    return (index.h(index.Host, { class: "gx-ide-component" }, index.h("div", { class: "gx-ide-main-wrapper" }, index.h("gx-ide-container", { displayBorderBottom: true, noContentPadding: true, containerTitle: this.displayTitle ? this._componentLocale.componentName : null }, index.h("header", { class: "header", slot: "header" }, index.h("div", { class: "header__top grid" }, index.h("gxg-button", { icon: "navigation/arrow-down", type: "secondary-icon-only", class: "hide-bar-button", onClick: this.hideBarButtonClickedHandler, part: "toggle-bar-button" }), index.h("gxg-label", { labelPosition: "start", class: "suggest-label", part: "select-object-label" }, this._componentLocale.header.selectObject), index.h("gxg-suggest", null, index.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) }, renderSuggest.renderSuggestLists(this.objectsSuggestions))), index.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" })), index.h("div", { class: {
         "header__bottom": true,
         "header__bottom--hidden": this.barHidden
       } }, index.h("div", { class: "outer-wrapper" }, index.h("div", { class: "inner-wrapper" }, index.h("div", { class: "inner-wrapper__left" }, index.h("gxg-icon", { type: this.selectedObject.icon, color: "auto" }), index.h("gxg-text", { padding: "s", type: "text-link", part: "open-object-text-link", onClick: this.openObjectCallbackHandler }, `${this.selectedObject.name} : ${this.selectedObject.description}`)), index.h("div", { class: "inner-wrapper__right gxi-hidden" }, index.h("gxg-form-checkbox", { id: "references-by-type", label: "Group references by type", required: true, "display-validation-styles": true, part: "references-type-checkbox" })))))), index.h("main", { class: "main" }, index.h("gx-ide-container", { containerTitle: this._componentLocale.main.isReferencedBy, noContentPadding: true, part: "referenced-by-container", contentBorderEnd: true, titleType: "secondary" }, index.h("div", { class: {
@@ -223,7 +227,7 @@ const GxIdeReferences = class {
         "reference-container--no-references": !((_e = this.referencesToTreeData) === null || _e === void 0 ? void 0 : _e.length)
       } }, index.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) && (index.h("gxg-text", { textAlign: config.config.gxgMessage.common.textAlign, padding: config.config.gxgMessage.common.textAlign, type: config.config.gxgMessage.common.type, maxWidth: config.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))))))), index.h("gxg-shortcuts", { src: this.shortcutsSrc })));
   }
   static get assetsDirs() { return ["gx-ide-assets/references"]; }
   get el() { return index.getElement(this); }

package/dist/cjs/gx-ide-share-kb.cjs.entry.js

@@ -6,7 +6,7 @@ const index = require('./index-f9bb1815.js');
 const locale = require('./locale-c8445ea4.js');
 const config = require('./config-8cf5ba3b.js');
 const formValidation = require('./form-validation-b7fb4ca8.js');
-const common = require('./common-2100f35f.js');
+const common = require('./common-fbd24d42.js');
 
 const shareKbCss = ".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}.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(--gray-01)}ch-grid-column:first-child{padding-inline-start:var(--gxg-container--padding) !important}ch-grid-column:last-child{padding-inline-end:var(--gxg-container--padding) !important}ch-grid-cell{--spacing-comp-02:var(--gxg-container--padding)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){box-shadow:var(--box-shadow-01) !important;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(--font-weight-regular);font-size:var(--font-size-lg);font-family:var(--font-family-primary);line-height:1.6em;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:6px;height:6px}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-main .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:6px;height:6px}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-overflow .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}.tree-container{display:flex;height:100%;width:100%;box-sizing:border-box}:host{display:block}.main{display:grid;column-gap:var(--gx-ide-grid-column-gap);row-gap:var(--gx-ide-grid-row-gap);grid-template-columns:auto 1fr;grid-template-areas:\"kb-label kb-input \" \"server-label server-input\" \"auth-type-label auth-type-input\" \"user-name-label user-name-input\" \"password-label password-input\"}.main .kb-name-label{grid-area:kb-label}.main .kb-input{grid-area:kb-input}.main .server-url-label{grid-area:server-label}.main .server-url-input{grid-area:server-input}.main .auth-type-label{grid-area:auth-type-label}.main .auth-type-input{grid-area:auth-type-input}.main .user-name-label{grid-area:user-name-label}.main .user-name-input{grid-area:user-name-input}.main .password-label{grid-area:password-label}.main .password-input{grid-area:password-input}";
 
@@ -17,6 +17,7 @@ const GxIdeShareKb = class {
     index.registerInstance(this, hostRef);
     this.componentDidRenderFirstTime = index.createEvent(this, "componentDidRenderFirstTime", 7);
     this.renderedFirstTime = false;
+    this.shortcutsSrc = index.getAssetPath(`./gx-ide-assets/share-kb/shortcuts.json`);
     // 7.LISTENERS //
     // 8.PUBLIC METHODS API //
     this.createKBCallbackHandler = async () => {
@@ -42,6 +43,9 @@ const GxIdeShareKb = class {
   async componentWillLoad() {
     this._componentLocale = await locale.Locale.getComponentStrings(this.el);
   }
+  componentDidLoad() {
+    this.kbNameEl.focus();
+  }
   componentDidRender() {
     if (!this.renderedFirstTime) {
       this.componentDidRenderFirstTime.emit(this._componentLocale.componentName);
@@ -57,7 +61,7 @@ const GxIdeShareKb = class {
     })), "server-url")), index.h("gxg-label", { labelPosition: "start", class: "auth-type-label", noMargin: true }, this._componentLocale.main.authentication), index.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" }, common.renderFormItems("gxg-combo-box-item", AUTHENTICATION_TYPE.map((item) => ({
       id: item,
       label: item
-    })), "auth-type")), index.h("gxg-label", { labelPosition: "start", class: "user-name-label", noMargin: true }, this._componentLocale.main.userName), index.h("gxg-form-text", { labelPosition: "start", placeholder: "My User", "max-width": "100%", toolTip: config.config.tooltip, ref: (el) => (this.userNameEl = el), part: "user-name", class: "user-name-input" }), index.h("gxg-label", { labelPosition: "start", class: "password-label", noMargin: true }, this._componentLocale.main.password), index.h("gxg-form-text", { labelPosition: "start", password: true, toolTip: config.config.tooltip, "max-width": "100%", ref: (el) => (this.passwordEl = el), part: "password", class: "password-input" })), index.h("gxg-button", { slot: "footer-end", type: "primary-text-icon", icon: "gemini-tools/share", onClick: this.createKBCallbackHandler }, this._componentLocale.footer.shareBtn)))));
+    })), "auth-type")), index.h("gxg-label", { labelPosition: "start", class: "user-name-label", noMargin: true }, this._componentLocale.main.userName), index.h("gxg-form-text", { labelPosition: "start", placeholder: "My User", "max-width": "100%", toolTip: config.config.tooltip, ref: (el) => (this.userNameEl = el), part: "user-name", class: "user-name-input" }), index.h("gxg-label", { labelPosition: "start", class: "password-label", noMargin: true }, this._componentLocale.main.password), index.h("gxg-form-text", { labelPosition: "start", password: true, toolTip: config.config.tooltip, "max-width": "100%", ref: (el) => (this.passwordEl = el), part: "password", class: "password-input" })), index.h("gxg-button", { slot: "footer-end", type: "primary-text-icon", icon: "gemini-tools/share", onClick: this.createKBCallbackHandler, part: "share-kb" }, this._componentLocale.footer.shareBtn))), index.h("gxg-shortcuts", { src: this.shortcutsSrc })));
   }
   static get assetsDirs() { return ["gx-ide-assets/share-kb"]; }
   get el() { return index.getElement(this); }

package/dist/cjs/gx-ide-team-dev-commit.cjs.entry.js

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

package/dist/cjs/gx-ide-team-dev-select-recent-comment.cjs.entry.js

@@ -69,7 +69,7 @@ const GxIdeTeamDevSelectRecentComment = class {
   render() {
     return (index.h(index.Host, { class: "gx-ide-component" }, index.h("div", { class: "gx-ide-main-wrapper" }, index.h("gx-ide-container", { containerTitle: this.displayTitle ? this._componentLocale.componentName : null, displayBorder: true, noContentPadding: true, slimmerFooter: config.config.gxIdeContainer.slimmerFooter }, index.h("gx-ide-list-selector", { type: "single-selection", listName: "recent-comments", noListBorder: true, ordered: true, onSelectionChanged: this.commentSelectionChangedHandler, class: "recent-comments-list" }, renderListItems(commentsToListItemsData(this.comments))), index.h("gxg-button", { type: "outlined", onClick: this.cancelCallbackHandle, slot: "footer-end" }, this._componentLocale.cancelButton), index.h("gxg-button", { type: "primary-text-only", onClick: this.confirmCallbackHandle, slot: "footer-end" }, this._componentLocale.confirmButton)))));
   }
-  static get assetsDirs() { return ["gx-ide-assets/select-recent-comment"]; }
+  static get assetsDirs() { return ["gx-ide-assets/team-dev-select-recent-comment"]; }
   get el() { return index.getElement(this); }
 };
 GxIdeTeamDevSelectRecentComment.style = selectRecentCommentCss;

package/dist/cjs/gx-ide-team-dev-update-partial-selection.cjs.entry.js

@@ -15,6 +15,7 @@ const GxIdeTeamDevUpdatePartialSelection = class {
     this.componentDidLoadEvent = index.createEvent(this, "componentDidLoadEvent", 7);
     this.componentDidRenderFirstTime = index.createEvent(this, "componentDidRenderFirstTime", 7);
     this.renderedFirstTime = false;
+    this.shortcutsSrc = index.getAssetPath(`./gx-ide-assets/team-dev-update-partial-selection/shortcuts.json`);
     // 9.LOCAL METHODS //
     this.renderObjects = () => {
       return (index.h("gxg-grid", { "ellipsis-cell-wrapper": true, noBorder: true }, index.h("ch-grid", { "row-selection-mode": "multiple", ref: (el) => (this.chGridEl = el), part: "ch-grid-objects" }, index.h("ch-grid-columnset", null, index.h("ch-grid-column", { columnName: "", settingable: false, sortable: false, size: grid.gridCommon.colSize.minContent }), index.h("ch-grid-column", { columnName: this._componentLocale.tableHead.name, settingable: false, size: grid.gridCommon.colSize.auto }), index.h("ch-grid-column", { columnName: this._componentLocale.tableHead.type, settingable: false, size: grid.gridCommon.colSize.auto }), index.h("ch-grid-column", { columnName: this._componentLocale.tableHead.description, settingable: false, size: grid.gridCommon.colSize.auto }), index.h("ch-grid-column", { columnName: this._componentLocale.tableHead.modifiedOn, settingable: false, size: grid.gridCommon.colSize.auto })), this.selection.map((obj) => (index.h("ch-grid-row", { rowid: obj.id, key: obj.id }, index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, index.h("gxg-icon", { type: obj.typeIcon, color: "auto" }))), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, obj.name)), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, obj.type)), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, obj.description)), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, `${obj.modifiedOn.toISOString().slice(0, 10)}`))))))));
@@ -84,7 +85,7 @@ const GxIdeTeamDevUpdatePartialSelection = class {
   }
   // 10.RENDER() FUNCTION //
   render() {
-    return (index.h(index.Host, { class: "gx-ide-component" }, index.h("div", { class: "gx-ide-main-wrapper" }, index.h("gx-ide-container", { noContentPadding: true, noContentGap: true, containerTitle: this.displayTitle ? this._componentLocale.componentName : null, slimmerFooter: config.config.gxIdeContainer.slimmerFooter }, index.h("div", { class: "top-actions" }, index.h("gxg-button", { id: "button-add", type: "outlined", icon: "gemini-tools/add", onClick: this.getObjectsHandler, part: "add" }, this._componentLocale.btnAddObject), index.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(), index.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), index.h("gxg-button", { id: "button-cancel", type: "outlined", onClick: this.cancelHandler, part: "cancel", slot: "footer-end" }, this._componentLocale.footer.btnCancel), index.h("gxg-button", { id: "button-ok", type: "primary-text-only", onClick: this.confirmHandler, part: "confirm", slot: "footer-end" }, this._componentLocale.footer.btnConfirm)))));
+    return (index.h(index.Host, { class: "gx-ide-component" }, index.h("div", { class: "gx-ide-main-wrapper" }, index.h("gx-ide-container", { noContentPadding: true, noContentGap: true, containerTitle: this.displayTitle ? this._componentLocale.componentName : null, slimmerFooter: config.config.gxIdeContainer.slimmerFooter }, index.h("div", { class: "top-actions" }, index.h("gxg-button", { id: "button-add", type: "outlined", icon: "gemini-tools/add", onClick: this.getObjectsHandler, part: "add" }, this._componentLocale.btnAddObject), index.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(), index.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), index.h("gxg-button", { id: "button-cancel", type: "outlined", onClick: this.cancelHandler, part: "cancel", slot: "footer-end" }, this._componentLocale.footer.btnCancel), index.h("gxg-button", { id: "button-ok", type: "primary-text-only", onClick: this.confirmHandler, part: "confirm", slot: "footer-end" }, this._componentLocale.footer.btnConfirm))), index.h("gxg-shortcuts", { src: this.shortcutsSrc })));
   }
   static get assetsDirs() { return ["gx-ide-assets/team-dev-update-partial-selection"]; }
   get el() { return index.getElement(this); }

package/dist/cjs/gx-ide-team-dev-update-to-revision.cjs.entry.js

@@ -14,6 +14,7 @@ const GxIdeTeamDevUpdateToRevision = class {
     this.componentDidLoadEvent = index.createEvent(this, "componentDidLoadEvent", 7);
     this.componentDidRenderFirstTime = index.createEvent(this, "componentDidRenderFirstTime", 7);
     this.renderedFirstTime = false;
+    this.shortcutsSrc = index.getAssetPath(`./gx-ide-assets/team-dev-update-to-revision/shortcuts.json`);
     // 9.LOCAL METHODS //
     this.setInitialCheckedRadio = () => {
       if (this.currentRevision === undefined) {
@@ -48,6 +49,7 @@ const GxIdeTeamDevUpdateToRevision = class {
   componentDidLoad() {
     this.componentDidLoadEvent.emit(true);
     this.setInitialCheckedRadio();
+    this.revisionNumberEl.focus();
   }
   componentDidRender() {
     if (!this.renderedFirstTime) {
@@ -66,7 +68,7 @@ const GxIdeTeamDevUpdateToRevision = class {
   }
   // 10.RENDER() FUNCTION //
   render() {
-    return (index.h(index.Host, { class: "gx-ide-component" }, index.h("div", { class: "gx-ide-main-wrapper" }, index.h("gx-ide-container", { slimmerFooter: config.config.gxIdeContainer.slimmerFooter, containerTitle: this.displayTitle ? this._componentLocale.componentName : null }, index.h("gxg-form-radio-group", null, index.h("gxg-form-radio", { label: this._componentLocale.options.updateToLatest, value: "updateToLatest", ref: (el) => (this.updateToLatestEl = el), part: "radio-to-latest" }), index.h("div", { class: "revision-number" }, index.h("gxg-form-radio", { label: this._componentLocale.options.updateToRevision, value: "updateToRevision", ref: (el) => (this.updateToRevisionEl = el), part: "radio-to-revision" }), index.h("gxg-form-text", { ref: (el) => (this.revisionNumberEl = el), onFocus: this.updateToRevisionOnFocusHandler, value: this.currentRevision, part: "revision-number" }))), index.h("gxg-button", { id: "button-cancel", type: "outlined", onClick: this.cancel, part: "cancel", slot: "footer-end" }, this._componentLocale.footer.btnCancel), index.h("gxg-button", { id: "button-ok", type: "primary-text-only", onClick: this.confirm, part: "update", slot: "footer-end" }, this._componentLocale.footer.btnUpdate)))));
+    return (index.h(index.Host, { class: "gx-ide-component" }, index.h("div", { class: "gx-ide-main-wrapper" }, index.h("gx-ide-container", { slimmerFooter: config.config.gxIdeContainer.slimmerFooter, containerTitle: this.displayTitle ? this._componentLocale.componentName : null }, index.h("gxg-form-radio-group", null, index.h("gxg-form-radio", { label: this._componentLocale.options.updateToLatest, value: "updateToLatest", ref: (el) => (this.updateToLatestEl = el), part: "radio-to-latest" }), index.h("div", { class: "revision-number" }, index.h("gxg-form-radio", { label: this._componentLocale.options.updateToRevision, value: "updateToRevision", ref: (el) => (this.updateToRevisionEl = el), part: "radio-to-revision" }), index.h("gxg-form-text", { ref: (el) => (this.revisionNumberEl = el), onFocus: this.updateToRevisionOnFocusHandler, value: this.currentRevision, part: "revision-number" }))), index.h("gxg-button", { id: "button-cancel", type: "outlined", onClick: this.cancel, part: "cancel", slot: "footer-end" }, this._componentLocale.footer.btnCancel), index.h("gxg-button", { id: "button-ok", type: "primary-text-only", onClick: this.confirm, part: "update", slot: "footer-end" }, this._componentLocale.footer.btnUpdate))), index.h("gxg-shortcuts", { src: this.shortcutsSrc })));
   }
   static get assetsDirs() { return ["gx-ide-assets/team-dev-update-to-revision"]; }
   get el() { return index.getElement(this); }

package/dist/cjs/gx-ide-team-dev-update.cjs.entry.js

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

package/dist/cjs/gx-ide-ww-images.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-f9bb1815.js');
 const locale = require('./locale-c8445ea4.js');
 const config = require('./config-8cf5ba3b.js');
-const common = require('./common-2100f35f.js');
+const common = require('./common-fbd24d42.js');
 const constants = require('./constants-e63c0ad9.js');
 const helpers = require('./helpers-e25e57cb.js');
 const grid = require('./grid-d12c16c7.js');
@@ -308,6 +308,7 @@ const GxIdeWWImages = class {
     this.listenChanges();
     this.getImages();
     this.saveInitialFilterData();
+    this.filterNameEl.focus();
   }
   componentDidRender() {
     if (!this.renderedFirstTime) {

package/dist/cjs/gxg-combo-box_2.cjs.entry.js

@@ -50,6 +50,10 @@ const GxgComboBox = class {
      * 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
      */
@@ -169,6 +173,9 @@ const GxgComboBox = class {
         repositionScroll.repositionScroll(this.itemsContainer, this.selectedItem, types.KeyboardKeys.ARROW_UP);
       }
       else if (e.code === types.KeyboardKeys.ENTER) {
+        if (this.preventEnterPropagation && this.listIsOpen) {
+          e.stopPropagation();
+        }
         this.hideList();
         this.showAllItems();
       }
@@ -458,7 +465,7 @@ const GxgComboBox = class {
       this.inputText.focus();
     }
   }
-  /*********************************
+  /********************************
   WATCH
   *********************************/
   onValueChanged(newValue) {

package/dist/cjs/gxg-form-checkbox.cjs.entry.js

@@ -102,7 +102,7 @@ const GxgFormCheckbox = class {
     });
   }
   handlerOnKeyUp(event) {
-    if (event.code == "Enter") {
+    if (event.code == "Space") {
       this.checked = !this.checked;
     }
   }

package/dist/cjs/gxg-form-radio-group.cjs.entry.js

@@ -167,14 +167,10 @@ const GxgFormRadioGroup = class {
           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/cjs/gxg-form-radio.cjs.entry.js

@@ -23,7 +23,7 @@ const GxgFormRadio = class {
      * 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 = class {
       });
     }
   }
-  handlerOnKeyDown(event) {
-    this.keyPressed.emit(event.key);
+  handlerOnKeyDown(e) {
+    this.keyPressed.emit(e.key);
   }
   render() {
     return (index.h(index.Host, { class: { "gxg-form-radio--disabled": this.disabled } }, index.h("gxg-label", { noMargin: true, class: "label", disabled: this.disabled, onClick: this.clickedHandler }, index.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 } }), index.h("span", { class: { radiobtn: true, "radiobtn--error": this.error } }), this.label)));

package/dist/cjs/gxg-list-box_2.cjs.entry.js

@@ -162,7 +162,6 @@ const GxgListBox = class {
       if (e.code === "ArrowDown" ||
         e.code === "ArrowUp" ||
         e.code === "Space" ||
-        e.code === "Enter" ||
         e.code === "Backspace" ||
         e.code === "Delete" ||
         e.code === "KeyA") {
@@ -171,7 +170,7 @@ const GxgListBox = class {
       if (e.code === "ArrowDown" || e.code === "ArrowUp") {
         this.HandleArrow(e.code, shiftKey, activeItemIndex);
       }
-      else if (e.code === "Space" || e.code === "Enter") {
+      else if (e.code === "Space") {
         if (shiftKey && ctrlKey) {
           /*uncheck checkbox*/
           const changedLength = this.setCheckboxState(this.getHighlightedItems(), false);