npm - @genexus/genexus-ide-ui - Versions diffs - 0.0.77 → 0.0.79 - Mend

@genexus/genexus-ide-ui 0.0.77 → 0.0.79

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (189) hide show

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

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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-form-text.cjs.entry.js CHANGED Viewed

@@ -8,7 +8,7 @@ const classesNames = require('./classesNames-5b7c6ad4.js');
 const store = require('./store-5fad773e.js');
 const exportParts = require('./export-parts-931a23ad.js');
-const formTextCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-01--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-02{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-02--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-03{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-03--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-04{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-04--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-05{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em}.gxg-title-05--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em;color:var(--color-on-primary)}.gxg-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-text--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-text--gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--gray-05)}.gxg-quote{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;font-style:italic}.gxg-quote--negative{color:var(--color-on-primary)}.gxg-link{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--color-primary-hover)}.gxg-link:active{color:var(--color-primary-active)}.gxg-link-gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04)}.gxg-link-gray:hover{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04);color:var(--gray-06)}.gxg-alert-error{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-error-dark);display:inline-block}.gxg-alert-warning{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-warning-dark);display:inline-block}.gxg-alert-success{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-success-dark);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-button-styles{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-scrollbar{cursor:initial}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width, 6px);height:var(--gxg-scrollbar-width, 6px)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background, --gray-02);border-radius:var(--gxg-scrollbar-track-border-radius, 10px)}.gxg-scrollbar::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background, --gray-05);border-radius:var(--gxg-scrollbar-track-thumb-radius, 10px);border:var(--gxg-scrollbar-track-thumb-border);background-clip:padding-box}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background, --gray-04)}:host(.gxg-validation--warning) .form-element{border-color:var(--color-warning-dark)}:host(.gxg-validation--warning) .form-element:focus{outline-color:var(--color-warning-dark);border-color:var(--color-warning-dark)}:host(.gxg-validation--warning) .form-element:focus+.checkmark{--checkmark-border-color:var(--color-warning-dark)}:host(.gxg-validation--error) .form-element{border-color:var(--color-error-dark)}:host(.gxg-validation--error) .form-element:focus{outline-color:var(--color-error-dark);border-color:var(--color-error-dark)}:host(.gxg-validation--error) .form-element:focus+.checkmark{--checkmark-border-color:var(--color-error-dark)}:host(.gxg-validation--success) .form-element{border-color:var(--color-success-dark)}:host(.gxg-validation--success) .form-element:focus{outline-color:var(--color-success-dark);border-color:var(--color-success-dark)}:host(.gxg-validation--success) .form-element:focus+.checkmark{--checkmark-border-color:var(--color-success-dark)}.tooltip-outer-wrapper{display:grid;grid-template-columns:0fr;transition:grid-template-columns var(--timing-02)}:host(.tooltip--visible) .tooltip-outer-wrapper{grid-template-columns:1fr}.tooltip-inner-wrapper{overflow:hidden;transition:150ms width;width:0}.tooltip-inner-wrapper gxg-icon{display:flex;position:relative !important;top:0 !important;transform:none !important;margin-inline-start:var(--spacing-comp-01)}.tooltip-inner-wrapper--visible{width:24px}.tooltip-inner-wrapper--hidden{display:none}:host(.gxg--disabled) .form-element,:host(.gxg--disabled.form-element){pointer-events:none;background-color:var(--gxg-background-color--disabled) !important;color:var(--gxg-color--disabled) !important;border-color:var(--gxg-border-color--disabled) !important;cursor:default !important}:host{display:flex;flex-direction:column;width:100%}:host .outer-wrapper{position:relative;width:100%}:host .inner-wrapper{display:flex;flex-direction:column;position:relative;flex:1}:host .inner-wrapper gxg-icon{position:absolute}:host(.tooltip) .inner-wrapper{flex-direction:row;align-items:center;justify-content:center}:host(.tooltip) .tooltip-container{width:0;overflow:hidden;transition:width --timing-01}:host(.tooltip--visible) .tooltip-container{width:20px}:host label{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;display:flex;align-items:center;cursor:default}:host label .required{padding-inline-start:2px}:host input{position:relative;width:100%}:host([label-position=start]) .outer-wrapper{display:flex;flex-direction:row}:host input[type=text],:host input[type=password]{border-width:var(--border-width-sm);border-color:var(--gray-02);border-style:var(--border-style-regular);border-radius:var(--border-radius-sm);padding-left:var(--spacing-comp-01);padding-right:var(--spacing-comp-01);color:var(--color-on-background);background-color:var(--color-background);height:var(--gxg-form-text-height);box-sizing:border-box}:host input[type=text]:focus,:host input[type=password]:focus{outline:var(--border-width-md) solid var(--gxg-border-color--focused);outline-offset:-2px}:host input[disabled]{background-color:var(--gray-01);color:var(--color-on-disabled)}:host input[disabled]::-webkit-input-placeholder{color:var(--gray-04)}:host .input--borderless{border-color:transparent !important}:host input[readonly]{cursor:default}:host([minimal]) input[type=text]:not(:focus),:host([minimal]) input[type=password]:not(:focus){border-color:transparent;background-color:transparent}:host([minimal]) input.cursor-inside{border-color:var(--gray-02) !important;background-color:var(--color-background)}:host([minimal]) input[type=text]:focus,:host([minimal]) input[type=password]:focus{border-color:transparent}:host([minimal]:not([icon-position=start])) input[type=text],:host([minimal]:not([icon-position=start])) input[type=password]{padding-inline-start:0}:host([minimal]:not([icon-position=start])) input.cursor-inside{padding-inline-start:var(--spacing-comp-01)}:host([minimal]:not([icon-position=start])) input[type=text]:focus,:host([minimal]:not([icon-position=start])) input[type=password]:focus{padding-inline-start:var(--spacing-comp-01)}:host([minimal][over-dark-background]) input[type=text]:not(:focus),:host([minimal][over-dark-background]) input[type=password]:not(:focus){color:var(--color-on-primary)}:host gxg-icon{top:50%;transform:translateY(-50%)}:host([icon-position=end]) .clear-button gxg-icon:not(.clear-button){right:16px}:host(.has-icon[icon-position=start]) input{padding-inline-start:20px}:host([icon-position=end]) input{padding-inline-end:20px}:host([icon-position=end]) .inner-wrapper{flex-direction:row-reverse}:host gxg-icon.clear-button{left:auto;opacity:0.5;cursor:pointer}:host gxg-icon.clear-button:hover{opacity:1}:host([clear-button][icon-position=end]) gxg-icon:not(.clear-button){right:16px}:host([clear-button][icon-position=end]) input{padding-inline-end:36px}.custom-icon:has(+.clear-button){}.messages-wrapper{margin-top:var(--spacing-comp-02);display:flex;gap:var(--spacing-comp-01);flex-direction:column}:host([text-style=regular]) input{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}:host([text-style=quote]) input{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;font-style:italic}:host([text-style=title-01]) input{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}:host([text-style=title-02]) input{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}:host([text-style=title-03]) input{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}:host([text-style=title-04]) input{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}:host([text-style=title-05]) input{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em}:host(.file) .input{user-select:none;cursor:pointer}:host(.rtl[icon-position=start]) gxg-icon{right:0;left:auto}:host(.rtl[icon-position=end]) gxg-icon{right:auto;left:0}:host(.large) label{font-size:var(--font-size-lg)}:host(.large) input{font-size:var(--font-size-lg)}:host(.large) input[type=text],:host(.large) input[type=password]{padding-left:7px;padding-right:7px}:host(.large.has-icon[icon-position=start]) input{padding-inline-start:var(--spacing-comp-05)}:host(.large.has-icon[icon-position=start]) input .inner-wrapper gxg-icon{left:2px}:host(.large[icon-position=end]) input{padding-inline-end:var(--spacing-comp-05)}:host(.large[icon-position=start]) .inner-wrapper gxg-icon{left:2px}:host(.large[icon-position=end]) .inner-wrapper gxg-icon{right:4px;left:auto}:host(.large) gxg-icon.clear-button{right:5px !important;left:auto !important}:host(.large[icon-position=end][clear-button]) .inner-wrapper gxg-icon{right:26px}:host(.large.has-icon[icon-position=start][clear-button]) input{padding-inline-end:26px}:host(.large[icon-position=end][clear-button]) input{padding-inline-end:48px}";
+const formTextCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-01--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-02{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-02--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-03{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-03--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-04{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-04--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-05{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em}.gxg-title-05--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em;color:var(--color-on-primary)}.gxg-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-text--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-text--gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--gray-05)}.gxg-quote{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;font-style:italic}.gxg-quote--negative{color:var(--color-on-primary)}.gxg-link{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--color-primary-hover)}.gxg-link:active{color:var(--color-primary-active)}.gxg-link-gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04)}.gxg-link-gray:hover{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04);color:var(--gray-06)}.gxg-alert-error{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-error-dark);display:inline-block}.gxg-alert-warning{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-warning-dark);display:inline-block}.gxg-alert-success{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-success-dark);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-button-styles{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-scrollbar{cursor:initial}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width, 6px);height:var(--gxg-scrollbar-width, 6px)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background, --gray-02);border-radius:var(--gxg-scrollbar-track-border-radius, 10px)}.gxg-scrollbar::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background, --gray-05);border-radius:var(--gxg-scrollbar-track-thumb-radius, 10px);border:var(--gxg-scrollbar-track-thumb-border);background-clip:padding-box}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background, --gray-04)}:host(.gxg-validation--warning) .form-element{border-color:var(--color-warning-dark)}:host(.gxg-validation--warning) .form-element:focus{outline-color:var(--color-warning-dark);border-color:var(--color-warning-dark)}:host(.gxg-validation--warning) .form-element:focus+.checkmark{--checkmark-border-color:var(--color-warning-dark)}:host(.gxg-validation--error) .form-element{border-color:var(--color-error-dark)}:host(.gxg-validation--error) .form-element:focus{outline-color:var(--color-error-dark);border-color:var(--color-error-dark)}:host(.gxg-validation--error) .form-element:focus+.checkmark{--checkmark-border-color:var(--color-error-dark)}:host(.gxg-validation--success) .form-element{border-color:var(--color-success-dark)}:host(.gxg-validation--success) .form-element:focus{outline-color:var(--color-success-dark);border-color:var(--color-success-dark)}:host(.gxg-validation--success) .form-element:focus+.checkmark{--checkmark-border-color:var(--color-success-dark)}.tooltip-outer-wrapper{display:grid;grid-template-columns:0fr;transition:grid-template-columns var(--timing-02)}:host(.tooltip--visible) .tooltip-outer-wrapper{grid-template-columns:1fr}.tooltip-inner-wrapper{overflow:hidden;transition:150ms width;width:0}.tooltip-inner-wrapper gxg-icon{display:flex;position:relative !important;top:0 !important;transform:none !important;margin-inline-start:var(--spacing-comp-01)}.tooltip-inner-wrapper--visible{width:24px}.tooltip-inner-wrapper--hidden{display:none}:host(.gxg--disabled) .form-element,:host(.gxg--disabled.form-element){pointer-events:none;background-color:var(--gxg-background-color--disabled) !important;color:var(--gxg-color--disabled) !important;border-color:var(--gxg-border-color--disabled) !important;cursor:default !important}:host{display:flex;flex-direction:column;width:100%}:host .outer-wrapper{position:relative;width:100%}:host .inner-wrapper{display:flex;flex-direction:column;position:relative;flex:1}:host .inner-wrapper gxg-icon{position:absolute}:host(.tooltip) .inner-wrapper{flex-direction:row;align-items:center;justify-content:center}:host(.tooltip) .tooltip-container{width:0;overflow:hidden;transition:width --timing-01}:host(.tooltip--visible) .tooltip-container{width:20px}:host label{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;display:flex;align-items:center;cursor:default}:host label .required{padding-inline-start:2px}:host input{position:relative;width:100%}:host([label-position=start]) .outer-wrapper{display:flex;flex-direction:row}:host input[type=text],:host input[type=password]{border-width:var(--border-width-sm);border-color:var(--gray-02);border-style:var(--border-style-regular);border-radius:var(--border-radius-sm);padding-left:var(--spacing-comp-01);padding-right:var(--spacing-comp-01);color:var(--color-on-background);background-color:var(--color-background);height:var(--gxg-form-text-height);box-sizing:border-box}:host input[type=text]:focus,:host input[type=password]:focus{outline:var(--border-width-md) solid var(--gxg-border-color--focused);outline-offset:-2px}:host input[disabled]{background-color:var(--gray-01);color:var(--color-on-disabled)}:host input[disabled]::-webkit-input-placeholder{color:var(--gray-04)}:host .input--borderless{border-color:transparent !important}:host input[readonly]{cursor:default}:host([minimal]) input[type=text]:not(:focus),:host([minimal]) input[type=password]:not(:focus){border-color:transparent;background-color:transparent}:host([minimal]) input.cursor-inside{border-color:var(--gray-02) !important;background-color:var(--color-background)}:host([minimal]) input[type=text]:focus,:host([minimal]) input[type=password]:focus{border-color:transparent}:host([minimal]:not([icon-position=start])) input[type=text],:host([minimal]:not([icon-position=start])) input[type=password]{padding-inline-start:0}:host([minimal]:not([icon-position=start])) input.cursor-inside{padding-inline-start:var(--spacing-comp-01)}:host([minimal]:not([icon-position=start])) input[type=text]:focus,:host([minimal]:not([icon-position=start])) input[type=password]:focus{padding-inline-start:var(--spacing-comp-01)}:host([minimal][over-dark-background]) input[type=text]:not(:focus),:host([minimal][over-dark-background]) input[type=password]:not(:focus){color:var(--color-on-primary)}:host gxg-icon{top:50%;transform:translateY(-50%)}:host([icon-position=end]) .clear-button gxg-icon:not(.clear-button){right:16px}:host(.has-icon[icon-position=start]) input{padding-inline-start:20px}:host([icon-position=end]) input{padding-inline-end:20px}:host([icon-position=end]) .inner-wrapper{flex-direction:row-reverse}:host gxg-icon.clear-button{left:auto;opacity:0.5;cursor:pointer}:host gxg-icon.clear-button:hover{opacity:1}:host([clear-button][icon-position=end]) gxg-icon:not(.clear-button){right:16px}:host([clear-button][icon-position=end]) input{padding-inline-end:36px}.custom-icon:has(+.clear-button){}.messages-wrapper{margin-top:var(--spacing-comp-02);display:flex;gap:var(--spacing-comp-01);flex-direction:column}:host([text-style=regular]) input{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}:host([text-style=quote]) input{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;font-style:italic}:host([text-style=title-01]) input{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}:host([text-style=title-02]) input{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}:host([text-style=title-03]) input{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}:host([text-style=title-04]) input{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}:host([text-style=title-05]) input{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em}:host(.file) .form-element--readonly{user-select:none;cursor:pointer}:host(.rtl[icon-position=start]) gxg-icon{right:0;left:auto}:host(.rtl[icon-position=end]) gxg-icon{right:auto;left:0}:host(.large) label{font-size:var(--font-size-lg)}:host(.large) input{font-size:var(--font-size-lg)}:host(.large) input[type=text],:host(.large) input[type=password]{padding-left:7px;padding-right:7px}:host(.large.has-icon[icon-position=start]) input{padding-inline-start:var(--spacing-comp-05)}:host(.large.has-icon[icon-position=start]) input .inner-wrapper gxg-icon{left:2px}:host(.large[icon-position=end]) input{padding-inline-end:var(--spacing-comp-05)}:host(.large[icon-position=start]) .inner-wrapper gxg-icon{left:2px}:host(.large[icon-position=end]) .inner-wrapper gxg-icon{right:4px;left:auto}:host(.large) gxg-icon.clear-button{right:5px !important;left:auto !important}:host(.large[icon-position=end][clear-button]) .inner-wrapper gxg-icon{right:26px}:host(.large.has-icon[icon-position=start][clear-button]) input{padding-inline-end:26px}:host(.large[icon-position=end][clear-button]) input{padding-inline-end:48px}";
 const GxgFormText = class {
   constructor(hostRef) {
@@ -154,9 +154,6 @@ const GxgFormText = class {
         this.centerLabel = true;
       }
     };
-    this.handleClick = () => {
-      this.openFile();
-    };
     this.handleKeyDown = (e) => {
       if (e.key === "Enter" && this.type === "file") {
         this.textInput.click();
@@ -400,12 +397,13 @@ const GxgFormText = class {
       } }, index.h("input", { part: this.parts.input, type: this.evaluateType(), value: this.value, class: {
         input: true,
         "form-element": true,
+        "form-element--readonly": this.readonly,
         "cursor-inside": this.cursorInside,
         "clear-button": this.clearButton === true,
         "custom-icon": this.icon,
         "custom-icon--end": this.iconPosition === "end",
         "input--borderless": this.borderless,
-      }, placeholder: this.placeholder, disabled: this.disabled, readonly: this.readonly || this.type === "file" , onClick: this.handleClick, onInput: this.handleInput.bind(this), onKeyDown: this.handleKeyDown, onChange: this.handleChange.bind(this), onFocus: this.onFocusHandler.bind(this), required: this.required, onMouseEnter: this.mouseEnterHandler.bind(this), onMouseOut: this.mouseOutHandler.bind(this), ref: (el) => (this.textInput = el), maxLength: this.maxLength ? parseInt(this.maxLength) : null, minLength: this.minLength ? parseInt(this.minLength) : null }), this.inputIcon(), this.clearButton ? (index.h("gxg-icon", { class: "clear-button", type: "gemini-tools/close", size: this.iconSize(), color: "onbackground", onClick: this.clearButtonFunc.bind(this) })) : null, this.toolTip ? form.formTooltipLogic(this, this.hideTooltip) : null, this.labelPosition === "start" && !this.toolTip
+      }, placeholder: this.placeholder, disabled: this.disabled, readonly: this.readonly , onClick: this.type === "file" && this.readonly && this.openFile, onInput: this.handleInput.bind(this), onKeyDown: this.handleKeyDown, onChange: this.handleChange.bind(this), onFocus: this.onFocusHandler.bind(this), required: this.required, onMouseEnter: this.mouseEnterHandler.bind(this), onMouseOut: this.mouseOutHandler.bind(this), ref: (el) => (this.textInput = el), maxLength: this.maxLength ? parseInt(this.maxLength) : null, minLength: this.minLength ? parseInt(this.minLength) : null }), this.inputIcon(), this.clearButton ? (index.h("gxg-icon", { class: "clear-button", type: "gemini-tools/close", size: this.iconSize(), color: "onbackground", onClick: this.clearButtonFunc.bind(this) })) : null, this.toolTip ? form.formTooltipLogic(this, this.hideTooltip) : null, this.labelPosition === "start" && !this.toolTip
       ? form.formMessageLogic(this)
       : null, this.renderInputFile())), this.labelPosition === "above" && !this.toolTip
       ? form.formMessageLogic(this)

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

@@ -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);

package/dist/cjs/gxg-test.cjs.entry.js CHANGED Viewed

@@ -9,9 +9,15 @@ const testCss = ":root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--
 const GxgTest = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
+    this.sendClickHandler = () => {
+      console.log("clicked");
+    };
   }
   render() {
-    return (index.h("div", { class: "card" }, index.h("p", null, "The universe is incredibly vast and mysterious. One interesting fact is that there are more stars in the observable universe than there are grains of sand on all the beaches on Earth. It's mind-boggling! \uD83C\uDF0C\uD83C\uDF1F"), index.h("p", null, "The universe is about 13.8 billion years old, but we can only observe a tiny fraction of it due to the speed of light."), index.h("p", null, "Black holes can be both incredibly massive and incredibly small. Some are as tiny as a single atom but contain the mass of a mountain!"), index.h("p", null, "There's a phenomenon called \"dark matter,\" which makes up about 27% of the universe's mass, yet we can't see or detect it directly. It's a big cosmic mystery."), index.h("p", null, "The Hubble Space Telescope has captured images of galaxies that are billions of light-years away, showing us what they looked like in the distant past.")));
+    return [
+      index.h("div", { class: "container" }, index.h("section", { class: "section-dev", "data-title": "shortcut" }, index.h("h2", null, "Formulario de Contacto"), index.h("div", null, index.h("label", { htmlFor: "nombre" }, "Nombre:"), index.h("input", { type: "text", id: "nombre", name: "nombre", "data-shortcut": "Alt+N" })), index.h("div", null, index.h("label", { htmlFor: "email" }, "Correo Electr\u00F3nico:"), index.h("input", { type: "email", id: "email", name: "email", "data-shortcut": "Alt+E", "data-shortcut-prevent": "Enter", "aria-keyshortcuts": "Alt+E" })), index.h("div", null, index.h("label", { htmlFor: "mensaje" }, "Mensaje:"), index.h("textarea", { id: "mensaje", name: "mensaje", "data-shortcut": "Alt+M" })), index.h("div", null, index.h("button", { id: "enviar", "data-shortcut": "Enter", "data-shortcut-action": "click", onClick: this.sendClickHandler }, "Enviar")))),
+      index.h("gxg-shortcuts", { src: "../assets/json/shortcuts.json" }),
+    ];
   }
   get el() { return index.getElement(this); }
 };