@genexus/genexus-ide-ui 0.0.40 → 0.0.42

package/dist/collection/components/create-kb-from-server/create-kb-from-server.js

@@ -0,0 +1,302 @@
+/* STENCIL IMPORTS */
+import { Host, h } from "@stencil/core";
+import { Locale } from "../../common/locale";
+import { renderFormItems } from "../../common/common";
+import { formSubmitValidation } from "../../common/form-validation";
+export class GxIdeCreateKbFromServer {
+  constructor() {
+    this.kbIdSelected = null;
+    this.authenticationTypes = [];
+    // 7.LISTENERS //
+    // 8.PUBLIC METHODS API //
+    // 9.LOCAL METHODS //
+    this.setAuthenticationTypes = () => {
+      this.authenticationTypes = [
+        {
+          id: "genexus",
+          value: "genexus",
+          label: this._componentLocale.authenticationTypes.genexusAccount
+        },
+        {
+          id: "local",
+          value: "local",
+          label: this._componentLocale.authenticationTypes.local
+        }
+      ];
+    };
+    this.addEventListeners = () => {
+      this.serverUrlsEl.addEventListener("valueChanged", () => {
+        this.reset();
+      });
+      this.searchKBEl.addEventListener("valueChanged", (e) => {
+        this.kbNameEl.value = "";
+        this.kbIdSelected = null;
+        this.kbSearchText = e.detail;
+      });
+      this.listBoxEl.addEventListener("selectionChanged", (ev) => {
+        const selectedItems = ev.detail.items;
+        let selectedItem;
+        if (selectedItems.length > 0) {
+          selectedItem = ev.detail.items[0];
+        }
+        if (selectedItem) {
+          this.kbIdSelected = selectedItem.value;
+          const kbSelected = this.kbs.find(kb => kb.id === this.kbIdSelected);
+          if (kbSelected) {
+            this.kbNameEl.value = kbSelected.name;
+          }
+        }
+      });
+    };
+    this.createKbHandler = () => {
+      if (this.createKBCallback) {
+        const createKBCallbackPromise = this.createKBCallback({
+          id: this.kbIdSelected,
+          name: this.kbNameEl.value
+        });
+        createKBCallbackPromise.then((formSubmitResult) => {
+          formSubmitValidation(formSubmitResult, this);
+        });
+      }
+    };
+    this.connectCallbackHandler = () => {
+      var _a, _b;
+      if (this.connectCallback) {
+        const connectCallbackPromise = this.connectCallback({
+          serverUrl: this.serverUrlsEl.value,
+          authenticationType: this.authenticationTypeEl.value,
+          user: (_a = this.userNameEl) === null || _a === void 0 ? void 0 : _a.value,
+          password: (_b = this.passwordEl) === null || _b === void 0 ? void 0 : _b.value
+        });
+        connectCallbackPromise.then((connectionResultData) => {
+          formSubmitValidation(connectionResultData.formResult, this);
+          if (connectionResultData.formResult.success &&
+            connectionResultData.kbs) {
+            this.kbs = connectionResultData.kbs;
+            this.selectionKbDisabled = false;
+          }
+        });
+      }
+    };
+    this.selectionKbDisabled = true;
+    this.kbs = [];
+    this.kbSearchText = "";
+    this.connectCallback = undefined;
+    this.createKBCallback = undefined;
+    this.enableCustomServer = false;
+    this.kbName = undefined;
+    this.password = undefined;
+    this.serverUrls = undefined;
+    this.userName = undefined;
+  }
+  // 6.METHODS //
+  async componentWillLoad() {
+    this._componentLocale = await Locale.getComponentStrings(this.el);
+    // this.setInitialValues();
+    this.setAuthenticationTypes();
+  }
+  componentDidLoad() {
+    this.serverUrlsEl.focus();
+    this.addEventListeners();
+  }
+  reset() {
+    this.kbs = [];
+    this.kbIdSelected = null;
+    this.selectionKbDisabled = true;
+    this.searchKBEl.value = "";
+    this.kbSearchText = "";
+  }
+  // 10.RENDER() FUNCTION //
+  // 11.RENDER() FUNCTION //
+  render() {
+    return (h(Host, { class: { "gx-ide-component": true } }, h("div", { class: `main-wrapper` }, h("gxg-container", null, h("div", { class: "flex" }, h("gxg-label", { labelPosition: "start", class: "kb-label" }, this._componentLocale.label.serverUrl), h("gxg-combo-box", { disableFilter: !this.enableCustomServer, ref: (el) => (this.serverUrlsEl = el), class: "server-urls-combo-box", part: "server-urls" }, this.serverUrls
+      ? renderFormItems("gxg-combo-box-item", this.serverUrls.map(sUrl => ({
+        id: sUrl,
+        label: sUrl,
+        value: sUrl
+      })), "server-urls")
+      : null)), h("div", { class: "grid grid-data" }, h("div", null, h("div", { class: "grid grid-data-account" }, h("gxg-combo-box", { disableFilter: true, value: this.authenticationTypes[0].id, ref: (el) => (this.authenticationTypeEl = el), class: "authentication-type", part: "authentication-type", onValueChanged: this.evaluateAuthenticationType }, renderFormItems("gxg-combo-box-item", this.authenticationTypes, "authentication-type")), h("gxg-label", { labelPosition: "start", class: "kb-label" }, `${this._componentLocale.label.userName}:`), h("gxg-form-text", { ref: (el) => (this.userNameEl = el), value: this.userName, class: "user-name", part: "user-name" }), h("gxg-label", { labelPosition: "start", class: "kb-label" }, `${this._componentLocale.label.password}:`), h("gxg-form-text", { password: true, ref: (el) => (this.passwordEl = el), value: this.password, class: "password", part: "password" }), h("div", null, h("gxg-button", { id: "button-connect", type: "primary-text-only", onClick: this.connectCallbackHandler, part: "button-connect" }, this._componentLocale.btn.btnConnect)))), h("div", { class: "grid" }, h("div", { class: "grid-data-kbs" }, h("div", { class: "search-kbs" }, h("gxg-form-text", { ref: (el) => (this.searchKBEl = el), class: "search-kb-input", part: "search-kb", disabled: this.selectionKbDisabled, placeholder: this._componentLocale.label.searchKbs })), h("div", { class: "box-kbs" }, h("gxg-list-box", { id: "max-height", height: "100%", "min-height": "50%", "no-border": true, "single-selection": true, disabled: this.selectionKbDisabled, ref: (el) => (this.listBoxEl = el), part: "kbs", onSelectionChanged: this.kbsOnSelectionChangedHander }, this.kbs
+      .filter(kb => kb.name
+      .toLowerCase()
+      .includes(this.kbSearchText.toLowerCase()))
+      .map(kb => (h("gxg-list-box-item", { value: kb.id, key: kb.id }, kb.name)))))), h("div", { class: "grid grid-data-kbs-footer" }, h("gxg-form-text", { ref: (el) => (this.kbNameEl = el), value: this.kbName, class: "kb-name", part: "kb-name", disabled: this.selectionKbDisabled }), h("div", null, h("gxg-button", { id: "button-create", type: "primary-text-only", onClick: this.createKbHandler, part: "button-create", disabled: this.selectionKbDisabled }, this._componentLocale.btn.btnCreate)))))))));
+  }
+  static get is() { return "gx-ide-create-kb-from-server"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["create-kb-from-server.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["create-kb-from-server.css"]
+    };
+  }
+  static get assetsDirs() { return ["gx-ide-assets/create-kb-from-server"]; }
+  static get properties() {
+    return {
+      "connectCallback": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "(\n    data: GXServerConnectionData\n  ) => Promise<ConnectionResultData>",
+          "resolved": "(data: GXServerConnectionData) => Promise<ConnectionResultData>",
+          "references": {
+            "GXServerConnectionData": {
+              "location": "local"
+            },
+            "Promise": {
+              "location": "global"
+            },
+            "ConnectionResultData": {
+              "location": "local"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Callback that will be invoked when the user connect to the kb server (\u2018Connect\u2019 button)"
+        }
+      },
+      "createKBCallback": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "(\n    data: CreateKBData\n  ) => Promise<FormSubmitResult>",
+          "resolved": "(data: CreateKBData) => Promise<FormSubmitResult>",
+          "references": {
+            "CreateKBData": {
+              "location": "local"
+            },
+            "Promise": {
+              "location": "global"
+            },
+            "FormSubmitResult": {
+              "location": "import",
+              "path": "../../common/types"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Callback that will be invoked when the user confirms KB creation (\u2018Create\u2019 button)"
+        }
+      },
+      "enableCustomServer": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "If is true then the user can specify a server url that don't be in the combo box of server urls."
+        },
+        "attribute": "enable-custom-server",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "kbName": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The knowledge base default suggested name"
+        },
+        "attribute": "kb-name",
+        "reflect": false
+      },
+      "password": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Password for the database connection."
+        },
+        "attribute": "password",
+        "reflect": false
+      },
+      "serverUrls": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "string[]",
+          "resolved": "string[]",
+          "references": {}
+        },
+        "required": true,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Array of URLs of cataloged servers to be displayed in the combo"
+        }
+      },
+      "userName": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Username for the database connection."
+        },
+        "attribute": "user-name",
+        "reflect": false
+      }
+    };
+  }
+  static get states() {
+    return {
+      "selectionKbDisabled": {},
+      "kbs": {},
+      "kbSearchText": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "componentDidLoadEvent",
+        "name": "componentDidLoadEvent",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "This event is emitted once just after the component is fully loaded and the first render() occurs"
+        },
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        }
+      }];
+  }
+  static get elementRef() { return "el"; }
+}

package/dist/collection/components/create-kb-from-server/gx-ide-assets/create-kb-from-server/langs/create-kb-from-server.lang.en.json

@@ -0,0 +1,17 @@
+{
+  "label": {
+    "serverUrl": "GXServer URL",
+    "authenticationType": "Authentication Type",
+    "userName": "User Name",
+    "password": "Password",
+    "searchKbs": "Search KBs"
+  },
+  "authenticationTypes": {
+    "genexusAccount": "GeneXus Account",
+    "local": "Local"
+  },
+  "btn": {
+    "btnCreate": "Create",
+    "btnConnect": "Connect >>"
+  }
+}

package/dist/collection/components/create-kb-from-server/gx-ide-assets/create-kb-from-server/langs/create-kb-from-server.lang.ja.json

@@ -0,0 +1,3 @@
+{
+  "name": "Name in JA"
+}

package/dist/collection/components/create-kb-from-server/gx-ide-assets/create-kb-from-server/langs/create-kb-from-server.lang.zh.json

@@ -0,0 +1,3 @@
+{
+  "name": "Name in ZH"
+}

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

@@ -124,7 +124,7 @@ export class GxIdeNewKb {
           password: (_o = this.passwordEl) === null || _o === void 0 ? void 0 : _o.value,
           savePassword: (_p = this.savePasswordEl) === null || _p === void 0 ? void 0 : _p.checked
         });
-        createCallbackPromise.then(formSubmitResult => {
+        createCallbackPromise.then((formSubmitResult) => {
           formSubmitValidation(formSubmitResult, this);
         });
       }

package/dist/collection/components/object-selector/gx-ide-assets/object-selector/langs/object-selector.lang.en.json

@@ -8,7 +8,7 @@
     "category": "Category",
     "module": "Module",
     "modified": "Modified",
-    "modifiedEmpty": "None",
+    "afterNone": "None",
     "afterDateTime": "After Date/Time",
     "afterLastBuild": "After Last Build",
     "afterImport": "After Import",

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

@@ -6,10 +6,7 @@ import { Locale } from "../../common/locale";
 import { renderComboItems } from "../../common/render-combo-items";
 import { formatDate } from "../../common/helpers";
 import { gridCommon } from "../../common/grid";
-const FILTER_AFTER_NONE = "none";
-const FILTER_AFTER_DATE_TIME = "afterDateTime";
-const FILTER_AFTER_LAST_BUILD = "afterLastBuild";
-const FILTER_AFTER_IMPORT = "afterImport";
+import { FILTER_AFTER } from "../../common/constants";
 export class GxIdeObjectSelector {
   constructor() {
     // 9.LOCAL METHODS //
@@ -17,33 +14,33 @@ export class GxIdeObjectSelector {
       var _a, _b;
       return (h("gxg-container", { fieldset: true, displayBorderBottom: true, containerTitle: this._componentLocale.filter.title, part: "filters-container" }, h("div", { class: "grid filter-grid" }, h("gxg-form-text", { "label-position": "above", label: this._componentLocale.filter.pattern, ref: (el) => (this.filterPatternEl = el), value: this.patternValue, part: "filter-pattern" }), h("gxg-combo-box", { "disable-filter": true, label: this._componentLocale.filter.type, value: this.defaultType, disabled: !this.types, "display-validation-styles": true, "display-validation-message": true, ref: (el) => (this.filterTypeEl = el), part: "filter-type" }, renderComboItems((_a = this.types) !== null && _a !== void 0 ? _a : [])), h("gxg-combo-box", { "disable-filter": true, label: this._componentLocale.filter.category, value: this.defaultCategory, disabled: !this.categories, "display-validation-styles": true, "display-validation-message": true, ref: (el) => (this.filterCategoryEl = el), part: "filter-category" }, renderComboItems((_b = this.categories) !== null && _b !== void 0 ? _b : [])), h("gx-ide-entity-selector", { label: this._componentLocale.filter.module, "label-position": "above", value: this.defaultModule, defaultValue: this.defaultModule, selectEntityCallback: this.selectModuleCallback, ref: (el) => (this.filterModuleEl = el) }), h("div", { class: "flex with-gap" }, h("gxg-form-checkbox", { label: this._componentLocale.filter.modified, class: "align-center", ref: (el) => (this.filterModifiedEl = el), part: "filter-modified" }), h("gxg-combo-box", { class: { hide: !this.filterModified }, "disable-filter": true, value: this.filterAfterType, "display-validation-styles": true, "display-validation-message": true, ref: (el) => (this.filterAfterTypeEl = el), part: "filter-after-type" }, renderComboItems([
         {
-          id: FILTER_AFTER_NONE,
-          label: this._componentLocale.filter.modifiedEmpty,
-          value: FILTER_AFTER_NONE
+          id: FILTER_AFTER.NONE,
+          label: this._componentLocale.filter.afterNone,
+          value: FILTER_AFTER.NONE
         },
         {
-          id: FILTER_AFTER_DATE_TIME,
-          label: this._componentLocale.filter[FILTER_AFTER_DATE_TIME],
-          value: FILTER_AFTER_DATE_TIME
+          id: FILTER_AFTER.DATE_TIME,
+          label: this._componentLocale.filter[FILTER_AFTER.DATE_TIME],
+          value: FILTER_AFTER.DATE_TIME
         },
         {
-          id: FILTER_AFTER_IMPORT,
-          label: this._componentLocale.filter[FILTER_AFTER_IMPORT],
-          value: FILTER_AFTER_IMPORT
+          id: FILTER_AFTER.IMPORT,
+          label: this._componentLocale.filter[FILTER_AFTER.IMPORT],
+          value: FILTER_AFTER.IMPORT
         },
         {
-          id: FILTER_AFTER_LAST_BUILD,
-          label: this._componentLocale.filter[FILTER_AFTER_LAST_BUILD],
-          value: FILTER_AFTER_LAST_BUILD
+          id: FILTER_AFTER.LAST_BUILD,
+          label: this._componentLocale.filter[FILTER_AFTER.LAST_BUILD],
+          value: FILTER_AFTER.LAST_BUILD
         }
       ])), h("gxg-form-text", { class: { hide: !this.filterModified }, "label-position": "start", label: this._componentLocale.filter.user, "max-width": "150px", ref: (el) => (this.filterUserEl = el), part: "filter-user" }), h("div", { class: {
           flex: true,
           hide: !this.filterModified ||
-            this.filterAfterType !== FILTER_AFTER_DATE_TIME
+            this.filterAfterType !== FILTER_AFTER.DATE_TIME
         }, part: "filter-datetime" }, h("gxg-label", { "label-position": "start" }, this._componentLocale.filter.dateTime), h("gxg-date-picker", { ref: (el) => (this.filterModifiedDateEl = el) }))))));
     };
     this.renderObjects = () => {
-      return (h("gxg-container", null, h("gxg-grid", { "ellipsis-cell-wrapper": true }, h("ch-grid", { "row-selection-mode": this.multiSelection ? "multiple" : "single", ref: (el) => (this.chGridEl = el), part: "ch-grid-objects" }, h("ch-grid-columnset", null, h("ch-grid-column", { "column-name-position": "text", settingable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { "column-name": this._componentLocale.tableHead.name, "column-name-position": "text", settingable: false, size: gridCommon.colSize.common }), h("ch-grid-column", { "column-name": this._componentLocale.tableHead.type, "column-name-position": "text", settingable: false, size: gridCommon.colSize.common }), h("ch-grid-column", { "column-name": this._componentLocale.tableHead.module, "column-name-position": "text", settingable: false, size: gridCommon.colSize.common }), h("ch-grid-column", { "column-name": this._componentLocale.tableHead.description, "column-name-position": "text", settingable: false, size: gridCommon.colSize.common }), h("ch-grid-column", { "column-name": this._componentLocale.tableHead.modifiedDate, "column-name-position": "text", settingable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { "column-name": this._componentLocale.tableHead.importDate, "column-name-position": "text", settingable: false, size: gridCommon.colSize.auto })), this.objects.map((obj) => (h("ch-grid-row", { rowid: obj.id, onDblClick: this.openSelectionCallbackHandler }, h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, h("gxg-icon", { type: obj.icon, color: "auto" }))), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, " ", obj.name, " ")), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, obj.type)), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, obj.module)), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, obj.description)), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, `${formatDate(obj.modifiedDate, "date-time")}`)), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, `${formatDate(obj.importDate, "date")}`)))))))));
+      return (h("gxg-container", null, h("gxg-grid", { "ellipsis-cell-wrapper": true }, h("ch-grid", { "row-selection-mode": this.multiSelection ? "multiple" : "single", ref: (el) => (this.chGridEl = el), onKeyDown: this.chGridKeyDownHandler, part: "ch-grid-objects" }, h("ch-grid-columnset", null, h("ch-grid-column", { "column-name-position": "text", settingable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { "column-name": this._componentLocale.tableHead.name, "column-name-position": "text", settingable: false, size: gridCommon.colSize.common }), h("ch-grid-column", { "column-name": this._componentLocale.tableHead.type, "column-name-position": "text", settingable: false, size: gridCommon.colSize.common }), h("ch-grid-column", { "column-name": this._componentLocale.tableHead.module, "column-name-position": "text", settingable: false, size: gridCommon.colSize.common }), h("ch-grid-column", { "column-name": this._componentLocale.tableHead.description, "column-name-position": "text", settingable: false, size: gridCommon.colSize.common }), h("ch-grid-column", { "column-name": this._componentLocale.tableHead.modifiedDate, "column-name-position": "text", settingable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { "column-name": this._componentLocale.tableHead.importDate, "column-name-position": "text", settingable: false, size: gridCommon.colSize.auto })), this.objects.map((obj) => (h("ch-grid-row", { rowid: obj.id, onDblClick: this.openSelectionCallbackHandler }, h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, h("gxg-icon", { type: obj.icon, color: "auto" }))), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, " ", obj.name, " ")), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, obj.type)), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, obj.module)), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, obj.description)), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, `${formatDate(obj.modifiedDate, "date-time")}`)), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, `${formatDate(obj.importDate, "date")}`)))))))));
     };
     this.getObjects = () => {
       var _a, _b, _c, _d, _e, _f, _g, _h;
@@ -58,7 +55,7 @@ export class GxIdeObjectSelector {
         module: (_g = (_f = this.filterModuleEl) === null || _f === void 0 ? void 0 : _f.value) === null || _g === void 0 ? void 0 : _g.id,
         modifiedAfter: modified && modifiedAfter ? modifiedAfter : null,
         modifiedBy: modified && user ? user : null,
-        modifiedDate: modified && modifiedAfter === FILTER_AFTER_DATE_TIME
+        modifiedDate: modified && modifiedAfter === FILTER_AFTER.DATE_TIME
           ? (_h = this.filterModifiedDateEl) === null || _h === void 0 ? void 0 : _h.value
           : null
       };
@@ -69,7 +66,6 @@ export class GxIdeObjectSelector {
       });
     };
     this.openSelectionCallbackHandler = (e) => {
-      console.log("openSelectionCallbackHandler");
       e.stopPropagation();
       this.openSelectionCallback(this.selectedObjectsIds);
     };
@@ -117,8 +113,7 @@ export class GxIdeObjectSelector {
         this.getObjects();
       });
       /* Date/Time */
-      this.filterModifiedDateEl.addEventListener("valueChanged", e => {
-        console.log("e", e);
+      this.filterModifiedDateEl.addEventListener("valueChanged", () => {
         this.getObjects();
       });
       // for grid selection
@@ -126,11 +121,22 @@ export class GxIdeObjectSelector {
         this.selectedObjectsIds = ev.detail.rowsId;
       });
     };
+    this.chGridKeyDownHandler = (e) => {
+      if (e.key === "Enter") {
+        this.openSelectionCallbackHandler(e);
+      }
+    };
+    this.hostKeyPressHandler = (e) => {
+      // just prevent keypress propagation
+      if (e.key === "Enter") {
+        e.stopPropagation();
+      }
+    };
     this.filterAfterType = "";
     this.filterModified = false;
     this.objects = [];
     this.selectedObjectsIds = [];
-    this.multiSelection = undefined;
+    this.multiSelection = true;
     this.patternValue = undefined;
     this.types = undefined;
     this.defaultType = undefined;
@@ -163,7 +169,7 @@ export class GxIdeObjectSelector {
   }
   // 10.RENDER() FUNCTION //
   render() {
-    return (h(Host, { class: "gx-ide-component" }, h("div", { class: "gx-ide-main-wrapper gx-ide-overflow" }, this.renderFilter(), this.renderObjects(), h("gxg-container", null, h("div", { class: "grid objects-count" }, h("gxg-text", { class: "align-end", part: "objects-selected" }, `${this.selectedObjectsIds.length} ${this._componentLocale.objCount.selected}`), h("gxg-text", { class: "align-end", part: "objects-matching" }, `${this.objects.length} ${this._componentLocale.objCount.matching}`))), h("gxg-container", { displayBorderTop: true }, h("div", { class: "grid actions" }, h("div", null, h("gxg-button", { id: "button-select-all", type: "primary-text-only", onClick: this.selectAll, part: "gxg-button gxg-button--select-all" }, this._componentLocale.footer.btnSelectAll), h("gxg-button", { id: "button-new", type: "primary-text-only", onClick: this.newObjectCallbackHandle, part: "gxg-button gxg-button--new" }, this._componentLocale.footer.btnNew)), h("div", null, h("gxg-button", { id: "button-ok", type: "primary-text-only", onClick: this.openSelectionCallbackHandler, part: "gxg-button gxg-button--ok" }, this._componentLocale.footer.btnConfirm), h("gxg-button", { id: "button-cancel", type: "outlined", onClick: this.cancelCallbackHandle, part: "gxg-button gxg-button--cancel" }, this._componentLocale.footer.btnCancel)))))));
+    return (h(Host, { class: "gx-ide-component", onKeyPress: this.hostKeyPressHandler }, h("div", { class: "gx-ide-main-wrapper gx-ide-overflow" }, this.renderFilter(), this.renderObjects(), h("gxg-container", null, h("div", { class: "grid objects-count" }, h("gxg-text", { class: "align-end", part: "objects-selected" }, `${this.selectedObjectsIds.length} ${this._componentLocale.objCount.selected}`), h("gxg-text", { class: "align-end", part: "objects-matching" }, `${this.objects.length} ${this._componentLocale.objCount.matching}`))), h("gxg-container", { displayBorderTop: true }, h("div", { class: "grid actions" }, h("div", null, h("gxg-button", { id: "button-select-all", type: "primary-text-only", onClick: this.selectAll, part: "gxg-button gxg-button--select-all" }, this._componentLocale.footer.btnSelectAll), h("gxg-button", { id: "button-new", type: "primary-text-only", onClick: this.newObjectCallbackHandle, part: "gxg-button gxg-button--new" }, this._componentLocale.footer.btnNew)), h("div", null, h("gxg-button", { id: "button-ok", type: "primary-text-only", onClick: this.openSelectionCallbackHandler, part: "gxg-button gxg-button--ok" }, this._componentLocale.footer.btnConfirm), h("gxg-button", { id: "button-cancel", type: "outlined", onClick: this.cancelCallbackHandle, part: "gxg-button gxg-button--cancel" }, this._componentLocale.footer.btnCancel)))))));
   }
   static get is() { return "gx-ide-object-selector"; }
   static get encapsulation() { return "shadow"; }
@@ -184,7 +190,7 @@ export class GxIdeObjectSelector {
         "type": "boolean",
         "mutable": false,
         "complexType": {
-          "original": "true",
+          "original": "boolean",
           "resolved": "boolean",
           "references": {}
         },
@@ -195,7 +201,8 @@ export class GxIdeObjectSelector {
           "text": "True' if multiple object selection is allowed. Default is 'True'"
         },
         "attribute": "multi-selection",
-        "reflect": false
+        "reflect": false,
+        "defaultValue": "true"
       },
       "patternValue": {
         "type": "string",

package/dist/collection/components/ww-images/gx-ide-assets/ww-images/langs/ww-images.lang.en.json

@@ -0,0 +1,47 @@
+{
+  "name": "Name",
+  "location": "Location",
+  "filter": {
+    "title": "Filters",
+    "name": "Name",
+    "type": "Type",
+    "category": "Category",
+    "moduleFolder": "Module/Folder",
+    "search": "Search contents",
+    "allDescendants": "All descendants",
+    "modified": "Modified",
+    "user": "User",
+    "dateTime": "Date/time",
+    "afterNone": "None",
+    "afterDateTime": "After Date/Time",
+    "afterLastBuild": "After Last Build",
+    "afterImport": "After Import",
+    "style": "Style",
+    "language": "Language",
+    "density": "Density",
+    "layer": "Layer",
+    "btnMore": "More >>",
+    "btnLess": "<< Less"
+  },
+  "objCount": {
+    "selected": "selected object(s)",
+    "matching": "matching object(s)"
+  },
+  "tableHead": {
+    "name": "Name",
+    "type": "Type",
+    "module": "Module",
+    "description": "Description",
+    "modifiedDate": "Modified Date",
+    "importDate": "Import Date",
+    "lastBuildDate": "Last Build Date",
+    "lastUser": "Last User"
+  },
+  "footer": {
+    "btnSelectAll": "Select All",
+    "btnNew": "New...",
+    "btnOk": "OK",
+    "btnCancel": "Cancel"
+  },
+  "imageDataTitle": "Tiles"
+}

package/dist/collection/components/ww-images/gx-ide-assets/ww-images/langs/ww-images.lang.ja.json

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

package/dist/collection/components/ww-images/gx-ide-assets/ww-images/langs/ww-images.lang.zh.json

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