@genexus/genexus-ide-ui 0.0.40 → 0.0.41

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/components/combo-box.js

@@ -137,7 +137,6 @@ const GxgComboBox = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     HANDLERS
     *********************************/
     this.inputHandler = (e) => {
-      console.log("e", e.detail);
       this.userTyped = true;
       const value = this.sanitizeString(e.detail);
       const filteredItems = this.filterList(value);

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

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface GxIdeCreateKbFromServer extends Components.GxIdeCreateKbFromServer, HTMLElement {}
+export const GxIdeCreateKbFromServer: {
+  prototype: GxIdeCreateKbFromServer;
+  new (): GxIdeCreateKbFromServer;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

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

@@ -0,0 +1,245 @@
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { L as Locale } from './locale.js';
+import { f as formSubmitValidation, r as renderFormItems } from './form-validation.js';
+import { d as defineCustomElement$f } from './icon.js';
+import { d as defineCustomElement$e } from './button.js';
+import { d as defineCustomElement$d } from './combo-box.js';
+import { d as defineCustomElement$c } from './combo-box-item.js';
+import { d as defineCustomElement$b } from './container2.js';
+import { d as defineCustomElement$a } from './form-checkbox.js';
+import { d as defineCustomElement$9 } from './form-radio.js';
+import { d as defineCustomElement$8 } from './form-text.js';
+import { d as defineCustomElement$7 } from './icon2.js';
+import { d as defineCustomElement$6 } from './gxg-label2.js';
+import { d as defineCustomElement$5 } from './list-box.js';
+import { d as defineCustomElement$4 } from './list-box-item.js';
+import { d as defineCustomElement$3 } from './title.js';
+import { d as defineCustomElement$2 } from './tooltip.js';
+
+const createKbFromServerCss = ".gxi-hidden{display:none !important}.gxi-full-height{height:100%}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.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}: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);line-height:1.6em;height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1}.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}:host{display:block;border:1px solid var(--gxg-border-color--regular);background-color:var(--color-background)}.grid-data{grid-template-columns:repeat(2, 1fr)}.grid-data-account{grid-template-columns:auto 1fr}.grid-data-account>:nth-child(1){grid-area:1/1/2/3}.grid-data-account>:nth-child(6){grid-area:4/2/5/3}.grid-data-kbs .search-kbs{width:100%;display:flex}.grid-data-kbs .box-kbs{height:150px}.grid-data-kbs-footer{grid-template-columns:repeat(2, auto)}.flex{display:flex}.flex>:nth-child(2){flex:1}";
+
+const GxIdeCreateKbFromServer$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.componentDidLoadEvent = createEvent(this, "componentDidLoadEvent", 7);
+    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 assetsDirs() { return ["gx-ide-assets/create-kb-from-server"]; }
+  get el() { return this; }
+  static get style() { return createKbFromServerCss; }
+}, [1, "gx-ide-create-kb-from-server", {
+    "connectCallback": [16],
+    "createKBCallback": [16],
+    "enableCustomServer": [4, "enable-custom-server"],
+    "kbName": [1, "kb-name"],
+    "password": [1],
+    "serverUrls": [16],
+    "userName": [1, "user-name"],
+    "selectionKbDisabled": [32],
+    "kbs": [32],
+    "kbSearchText": [32]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["gx-ide-create-kb-from-server", "ch-icon", "gxg-button", "gxg-combo-box", "gxg-combo-box-item", "gxg-container", "gxg-form-checkbox", "gxg-form-radio", "gxg-form-text", "gxg-icon", "gxg-label", "gxg-list-box", "gxg-list-box-item", "gxg-title", "gxg-tooltip"];
+  components.forEach(tagName => { switch (tagName) {
+    case "gx-ide-create-kb-from-server":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, GxIdeCreateKbFromServer$1);
+      }
+      break;
+    case "ch-icon":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$f();
+      }
+      break;
+    case "gxg-button":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$e();
+      }
+      break;
+    case "gxg-combo-box":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$d();
+      }
+      break;
+    case "gxg-combo-box-item":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$c();
+      }
+      break;
+    case "gxg-container":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$b();
+      }
+      break;
+    case "gxg-form-checkbox":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$a();
+      }
+      break;
+    case "gxg-form-radio":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$9();
+      }
+      break;
+    case "gxg-form-text":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$8();
+      }
+      break;
+    case "gxg-icon":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$7();
+      }
+      break;
+    case "gxg-label":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$6();
+      }
+      break;
+    case "gxg-list-box":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$5();
+      }
+      break;
+    case "gxg-list-box-item":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$4();
+      }
+      break;
+    case "gxg-title":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$3();
+      }
+      break;
+    case "gxg-tooltip":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+  } });
+}
+
+const GxIdeCreateKbFromServer = GxIdeCreateKbFromServer$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { GxIdeCreateKbFromServer, defineCustomElement };

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

@@ -142,7 +142,7 @@ const GxIdeNewKb$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
           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/components/index.d.ts

@@ -1,5 +1,6 @@
 /* GenexusIdeUi custom elements */
 export { GxIdeContainer as GxIdeContainer } from '../types/components/container/container';
+export { GxIdeCreateKbFromServer as GxIdeCreateKbFromServer } from '../types/components/create-kb-from-server/create-kb-from-server';
 export { GxIdeDirectorySelector as GxIdeDirectorySelector } from '../types/components/directory-selector/directory-selector';
 export { GxIdeEntitySelector as GxIdeEntitySelector } from '../types/components/entity-selector/entity-selector';
 export { GxIdeListSelector as GxIdeListSelector } from '../types/components/list-selector/list-selector';

package/dist/components/index.js

@@ -61,6 +61,7 @@ export { ChWindowClose, defineCustomElement as defineCustomElementChWindowClose
 export { GxGridChameleon, defineCustomElement as defineCustomElementGxGridChameleon } from './gx-grid-chameleon.js';
 export { GxGridChameleonColumnFilter, defineCustomElement as defineCustomElementGxGridChameleonColumnFilter } from './gx-grid-chameleon-column-filter.js';
 export { GxIdeContainer, defineCustomElement as defineCustomElementGxIdeContainer } from './gx-ide-container.js';
+export { GxIdeCreateKbFromServer, defineCustomElement as defineCustomElementGxIdeCreateKbFromServer } from './gx-ide-create-kb-from-server.js';
 export { GxIdeDirectorySelector, defineCustomElement as defineCustomElementGxIdeDirectorySelector } from './gx-ide-directory-selector.js';
 export { GxIdeEntitySelector, defineCustomElement as defineCustomElementGxIdeEntitySelector } from './gx-ide-entity-selector.js';
 export { GxIdeListSelector, defineCustomElement as defineCustomElementGxIdeListSelector } from './gx-ide-list-selector.js';

package/dist/components/list-box-item.js

@@ -112,7 +112,6 @@ const GxgListboxItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
   }
   itemClickedFunc(e) {
     const index = this.getIndex();
-    //console.log("index", index);
     this.itemClicked.emit({
       clickedItem: this.el,
       ctrlKey: e.ctrlKey,

package/dist/components/list-box.js

@@ -79,7 +79,6 @@ const GxgListBox = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
      */
     this.userUsedKeyboard = false;
     this.headerHeight = 0;
-    this.firstChange = true;
     /*********************************
     PROPERTIES FOR VALIDATION
     *********************************/
@@ -363,10 +362,7 @@ const GxgListBox = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.setActiveItem(clickedItem);
   }
   selectedItemsHandler(newArray) {
-    if (!this.firstChange) {
-      this.selectionChanged.emit({ items: newArray });
-    }
-    this.firstChange = false;
+    this.selectionChanged.emit({ items: newArray });
   }
   checkedItemsHandler(newArray) {
     this.checkedChanged.emit(newArray);