@genexus/genexus-ide-ui 0.0.92 → 0.0.94

package/dist/genexus-ide-ui/{p-5943edc4.entry.js → p-88455969.entry.js}

@@ -1,57 +1,202 @@
-import { r, g as t, h as a } from "./p-1e275d2c.js";
+import { r as e, g as t, h as r } from "./p-d8a08b43.js";
 
-const o = ":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)}.card{overflow:auto;cursor:initial;height:100px}.card::-webkit-scrollbar{width:var(--gxg-scrollbar-width, 6px);height:var(--gxg-scrollbar-width, 6px)}.card::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background, --gray-02);border-radius:var(--gxg-scrollbar-track-border-radius, 10px)}.card::-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}.card::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background, --gray-04)}";
+const a = ":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)}";
 
-const e = class {
+const o = class {
   constructor(t) {
-    this.sendClickHandler = () => {
-      console.log("clicked");
+    this.selectionHasChanged = e => {
+      console.log(e.detail);
     };
-    r(this, t);
+    this.checkboxChanged = e => {
+      console.log(e.detail);
+    };
+    this.updateKbs1 = () => {
+      this.kbs = [ {
+        id: "uva",
+        name: "uva",
+        selected: false,
+        disabled: false
+      }, {
+        id: "manzana",
+        name: "manzana",
+        selected: true,
+        disabled: false
+      }, {
+        id: "pera",
+        name: "pera",
+        selected: false,
+        disabled: false
+      }, {
+        id: "sandia",
+        name: "sandía",
+        selected: false,
+        disabled: true
+      } ];
+    };
+    this.updateKbs2 = () => {
+      this.kbs = [ {
+        id: "uva",
+        name: "uva",
+        selected: false,
+        disabled: false
+      }, {
+        id: "manzana",
+        name: "manzana",
+        selected: true,
+        disabled: false
+      }, {
+        id: "pera",
+        name: "pera",
+        selected: false,
+        disabled: false
+      }, {
+        id: "sandia",
+        name: "sandía",
+        selected: false,
+        disabled: true
+      } ];
+    };
+    this.updateKbs3 = () => {
+      this.kbs = [ {
+        id: "uva",
+        name: "uva",
+        selected: false,
+        disabled: false
+      }, {
+        id: "manzana",
+        name: "manzana",
+        selected: false,
+        disabled: true
+      }, {
+        id: "pera",
+        name: "pera",
+        selected: true,
+        disabled: false
+      }, {
+        id: "sandia",
+        name: "sandía",
+        selected: true,
+        disabled: true
+      } ];
+    };
+    this.unselectLast = () => {
+      this.kbs = [ {
+        id: "uva",
+        name: "uva",
+        selected: false,
+        disabled: false
+      }, {
+        id: "manzana",
+        name: "manzana",
+        selected: false,
+        disabled: true
+      }, {
+        id: "pera",
+        name: "pera",
+        selected: true,
+        disabled: false
+      }, {
+        id: "sandia",
+        name: "sandía",
+        selected: false,
+        disabled: true
+      } ];
+    };
+    this.singleSelectionChanged = e => {
+      console.log(e.detail);
+    };
+    e(this, t);
+    this.kbs = [];
   }
   get el() {
     return t(this);
   }
+  watchKbsHandler() {}
+  componentDidLoad() {}
   render() {
-    return [ a("div", {
-      class: "container"
-    }, a("section", {
-      class: "section-dev",
-      "data-title": "shortcut"
-    }, a("h2", null, "Formulario de Contacto"), a("div", null, a("label", {
-      htmlFor: "nombre"
-    }, "Nombre:"), a("input", {
-      type: "text",
-      id: "nombre",
-      name: "nombre",
-      "data-shortcut": "Alt+N"
-    })), a("div", null, a("label", {
-      htmlFor: "email"
-    }, "Correo Electrónico:"), a("input", {
-      type: "email",
-      id: "email",
-      name: "email",
-      "data-shortcut": "Alt+E",
-      "data-shortcut-prevent": "Enter",
-      "aria-keyshortcuts": "Alt+E"
-    })), a("div", null, a("label", {
-      htmlFor: "mensaje"
-    }, "Mensaje:"), a("textarea", {
-      id: "mensaje",
-      name: "mensaje",
-      "data-shortcut": "Alt+M"
-    })), a("div", null, a("button", {
-      id: "enviar",
-      "data-shortcut": "Enter",
-      "data-shortcut-action": "click",
-      onClick: this.sendClickHandler
-    }, "Enviar")))), a("gxg-shortcuts", {
-      src: "../assets/json/shortcuts.json"
-    }) ];
+    return [ r("div", null, r("p", null, "single selection"), r("gxg-list-box", {
+      singleSelection: true,
+      // disabled={this.selectionKbDisabled}
+      // ref={(el: HTMLElement) => (this.listBoxEl = el)}
+      part: "kbs",
+      onSelectionChanged: this.singleSelectionChanged
+    }, this.kbs.map((e => r("gxg-list-box-item", {
+      value: e["id"],
+      key: e["id"],
+      selected: e["selected"],
+      disabled: e["disabled"]
+    }, e["name"]))))), r("br", null), r("div", null, r("p", null, "single selection allows empty"), r("gxg-list-box", {
+      singleSelection: true,
+      // disabled={this.selectionKbDisabled}
+      // ref={(el: HTMLElement) => (this.listBoxEl = el)}
+      allowsEmpty: true,
+      onSelectionChanged: this.selectionHasChanged,
+      part: "kbs"
+    }, this.kbs.map((e => r("gxg-list-box-item", {
+      value: e["id"],
+      key: e["id"],
+      selected: e["selected"],
+      disabled: e["disabled"]
+    }, e["name"]))))), r("br", null), r("div", null, r("p", null, "multi selection"), r("gxg-list-box", {
+      // disabled={this.selectionKbDisabled}
+      // ref={(el: HTMLElement) => (this.listBoxEl = el)}
+      onSelectionChanged: this.singleSelectionChanged,
+      part: "kbs"
+    }, this.kbs.map((e => r("gxg-list-box-item", {
+      value: e["id"],
+      key: e["id"],
+      selected: e["selected"],
+      disabled: e["disabled"]
+    }, e["name"]))))), r("br", null), r("div", null, r("p", null, "multi selection allows empty"), r("gxg-list-box", {
+      // disabled={this.selectionKbDisabled}
+      // ref={(el: HTMLElement) => (this.listBoxEl = el)}
+      allowsEmpty: true,
+      onSelectionChanged: this.selectionHasChanged,
+      part: "kbs"
+    }, this.kbs.map((e => r("gxg-list-box-item", {
+      value: e["id"],
+      key: e["id"],
+      selected: e["selected"],
+      disabled: e["disabled"]
+    }, e["name"]))))), r("br", null), r("div", null, r("p", null, "disabled"), r("gxg-list-box", {
+      // disabled={this.selectionKbDisabled}
+      // ref={(el: HTMLElement) => (this.listBoxEl = el)}
+      disabled: true,
+      onSelectionChanged: this.selectionHasChanged,
+      part: "kbs"
+    }, this.kbs.map((e => r("gxg-list-box-item", {
+      value: e["id"],
+      key: e["id"],
+      selected: e["selected"]
+    }, e["name"]))))), r("br", null), r("div", null, r("p", null, "with checkboxes"), r("gxg-list-box", {
+      // disabled={this.selectionKbDisabled}
+      // ref={(el: HTMLElement) => (this.listBoxEl = el)}
+      checkboxes: true,
+      onSelectionChanged: this.selectionHasChanged,
+      onCheckedChanged: this.checkboxChanged,
+      part: "kbs"
+    }, this.kbs.map((e => r("gxg-list-box-item", {
+      value: e["id"],
+      key: e["id"],
+      selected: e["selected"]
+    }, e["name"]))))), r("br", null), r("div", null, r("button", {
+      onClick: this.updateKbs1
+    }, "No selected"), r("button", {
+      onClick: this.updateKbs2
+    }, "Second selected"), r("button", {
+      onClick: this.updateKbs3
+    }, "Second & third selected"), r("button", {
+      onClick: this.unselectLast
+    }, "Unselect last")) ];
+  }
+  static get watchers() {
+    return {
+      kbs: [ "watchKbsHandler" ]
+    };
   }
 };
 
-e.style = o;
+o.style = a;
 
-export { e as gxg_test };
-//# sourceMappingURL=p-5943edc4.entry.js.map
+export { o as gxg_test };
+//# sourceMappingURL=p-88455969.entry.js.map

package/dist/genexus-ide-ui/p-88455969.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["testCss","GxgTest","constructor","hostRef","this","selectionHasChanged","e","console","log","detail","checkboxChanged","updateKbs1","kbs","id","name","selected","disabled","updateKbs2","updateKbs3","unselectLast","singleSelectionChanged","watchKbsHandler","componentDidLoad","render","h","singleSelection","part","onSelectionChanged","map","kb","value","key","allowsEmpty","checkboxes","onCheckedChanged","onClick"],"sources":["node_modules/@genexus/gemini/dist/collection/components/test/test.css?tag=gxg-test&encapsulation=shadow","node_modules/@genexus/gemini/dist/collection/components/test/test.js"],"sourcesContent":[":root {\n  --ui-animaton-speed: 0.2s;\n}\n\n/*ALIGNMENT*/\n/*Ellipsis*/\n/*****************************************************\nTYPOGRAPHY\n*****************************************************/\n/*Title 01 (Positive)*/\n.gxg-title-01 {\n  font-family: var(--font-family-primary);\n  font-weight: var(--font-weight-bold);\n  font-size: var(--font-size-md);\n  letter-spacing: var(--letter-spacing-md);\n  color: var(--color-on-background);\n  text-align: start;\n  line-height: 1.455em;\n}\n\n/*Title 01 (Negative)*/\n.gxg-title-01--negative {\n  font-family: var(--font-family-primary);\n  font-weight: var(--font-weight-bold);\n  font-size: var(--font-size-md);\n  letter-spacing: var(--letter-spacing-md);\n  color: var(--color-on-background);\n  text-align: start;\n  line-height: 1.455em;\n  color: var(--color-on-primary);\n}\n\n/*Title 02 (Positive)*/\n.gxg-title-02 {\n  font-family: var(--font-family-primary);\n  font-weight: var(--font-weight-bold);\n  font-size: var(--font-size-sm);\n  letter-spacing: var(--letter-spacing-sm);\n  color: var(--color-on-background);\n  text-align: start;\n  text-transform: uppercase;\n  line-height: 1.556em;\n}\n\n.gxg-title-02--negative {\n  font-family: var(--font-family-primary);\n  font-weight: var(--font-weight-bold);\n  font-size: var(--font-size-sm);\n  letter-spacing: var(--letter-spacing-sm);\n  color: var(--color-on-background);\n  text-align: start;\n  text-transform: uppercase;\n  line-height: 1.556em;\n  color: var(--color-on-primary);\n}\n\n/*Title 03*/\n.gxg-title-03 {\n  font-family: var(--font-family-primary);\n  font-weight: var(--font-weight-regular);\n  font-size: var(--font-size-xs);\n  letter-spacing: var(--letter-spacing-sm);\n  color: var(--color-on-background);\n  text-align: start;\n  text-transform: uppercase;\n  line-height: 1.556em;\n}\n\n.gxg-title-03--negative {\n  font-family: var(--font-family-primary);\n  font-weight: var(--font-weight-regular);\n  font-size: var(--font-size-xs);\n  letter-spacing: var(--letter-spacing-sm);\n  color: var(--color-on-background);\n  text-align: start;\n  text-transform: uppercase;\n  line-height: 1.556em;\n  color: var(--color-on-primary);\n}\n\n/*Title 04*/\n.gxg-title-04 {\n  font-family: var(--font-family-primary);\n  font-weight: var(--font-weight-semibold);\n  font-size: var(--font-size-md);\n  letter-spacing: var(--letter-spacing-md);\n  color: var(--color-on-background);\n  text-align: start;\n  line-height: 1.455em;\n}\n\n.gxg-title-04--negative {\n  font-family: var(--font-family-primary);\n  font-weight: var(--font-weight-semibold);\n  font-size: var(--font-size-md);\n  letter-spacing: var(--letter-spacing-md);\n  color: var(--color-on-background);\n  text-align: start;\n  line-height: 1.455em;\n  color: var(--color-on-primary);\n}\n\n/*Title 05*/\n.gxg-title-05 {\n  font-family: var(--font-family-primary);\n  font-weight: var(--font-weight-semibold);\n  font-size: var(--font-size-sm);\n  letter-spacing: var(--letter-spacing-sm);\n  color: var(--color-on-background);\n  text-align: start;\n  line-height: 1.556em;\n}\n\n.gxg-title-05--negative {\n  font-family: var(--font-family-primary);\n  font-weight: var(--font-weight-semibold);\n  font-size: var(--font-size-sm);\n  letter-spacing: var(--letter-spacing-sm);\n  color: var(--color-on-background);\n  text-align: start;\n  line-height: 1.556em;\n  color: var(--color-on-primary);\n}\n\n/*Text*/\n.gxg-text {\n  font-family: var(--font-family-primary);\n  font-weight: var(--font-weight-regular);\n  font-size: var(--font-size-sm);\n  letter-spacing: var(--letter-spacing-xs);\n  color: var(--color-on-background);\n  text-align: start;\n  line-height: 1.455em;\n}\n\n.gxg-text--negative {\n  font-family: var(--font-family-primary);\n  font-weight: var(--font-weight-regular);\n  font-size: var(--font-size-sm);\n  letter-spacing: var(--letter-spacing-xs);\n  color: var(--color-on-background);\n  text-align: start;\n  line-height: 1.455em;\n  color: var(--color-on-primary);\n}\n\n.gxg-text--gray {\n  font-family: var(--font-family-primary);\n  font-weight: var(--font-weight-regular);\n  font-size: var(--font-size-sm);\n  letter-spacing: var(--letter-spacing-xs);\n  color: var(--color-on-background);\n  text-align: start;\n  line-height: 1.455em;\n  color: var(--gray-05);\n}\n\n/*Quote*/\n.gxg-quote {\n  font-family: var(--font-family-primary);\n  font-weight: var(--font-weight-regular);\n  font-size: var(--font-size-sm);\n  letter-spacing: var(--letter-spacing-xs);\n  color: var(--color-on-background);\n  text-align: start;\n  line-height: 1.455em;\n  font-style: italic;\n}\n\n.gxg-quote--negative {\n  color: var(--color-on-primary);\n}\n\n/*Link*/\n.gxg-link {\n  font-family: var(--font-family-primary);\n  font-weight: var(--font-weight-regular);\n  font-size: var(--font-size-sm);\n  letter-spacing: var(--letter-spacing-xs);\n  color: var(--color-on-background);\n  text-align: start;\n  line-height: 1.455em;\n  color: var(--color-primary);\n  text-decoration: underline;\n  cursor: pointer;\n  display: inline-block;\n}\n.gxg-link:hover {\n  color: var(--color-primary-hover);\n}\n.gxg-link:active {\n  color: var(--color-primary-active);\n}\n\n.gxg-link-gray {\n  font-family: var(--font-family-primary);\n  font-weight: var(--font-weight-regular);\n  font-size: var(--font-size-sm);\n  letter-spacing: var(--letter-spacing-xs);\n  color: var(--color-on-background);\n  text-align: start;\n  line-height: 1.455em;\n  color: var(--color-primary);\n  text-decoration: underline;\n  cursor: pointer;\n  display: inline-block;\n  color: var(--gray-04);\n}\n.gxg-link-gray:hover {\n  font-family: var(--font-family-primary);\n  font-weight: var(--font-weight-regular);\n  font-size: var(--font-size-sm);\n  letter-spacing: var(--letter-spacing-xs);\n  color: var(--color-on-background);\n  text-align: start;\n  line-height: 1.455em;\n  color: var(--color-primary);\n  text-decoration: underline;\n  cursor: pointer;\n  display: inline-block;\n  color: var(--gray-04);\n  color: var(--gray-06);\n}\n\n/*Alerts*/\n.gxg-alert-error {\n  font-family: var(--font-family-primary);\n  font-weight: var(--font-weight-regular);\n  font-size: var(--font-size-sm);\n  letter-spacing: var(--letter-spacing-xs);\n  color: var(--color-on-background);\n  text-align: start;\n  line-height: 1.455em;\n  color: var(--color-error-dark);\n  display: inline-block;\n}\n\n.gxg-alert-warning {\n  font-family: var(--font-family-primary);\n  font-weight: var(--font-weight-regular);\n  font-size: var(--font-size-sm);\n  letter-spacing: var(--letter-spacing-xs);\n  color: var(--color-on-background);\n  text-align: start;\n  line-height: 1.455em;\n  color: var(--color-warning-dark);\n  display: inline-block;\n}\n\n.gxg-alert-success {\n  font-family: var(--font-family-primary);\n  font-weight: var(--font-weight-regular);\n  font-size: var(--font-size-sm);\n  letter-spacing: var(--letter-spacing-xs);\n  color: var(--color-on-background);\n  text-align: start;\n  line-height: 1.455em;\n  color: var(--color-success-dark);\n  display: inline-block;\n}\n\n/*Tab*/\n.gxg-tab--disabled {\n  color: var(--color-primary-disabled);\n  pointer-events: none;\n}\n.gxg-tab--disabled[disabled] {\n  color: var(--color-primary-disabled);\n  pointer-events: none;\n}\n\n/*Label*/\n.gxg-label {\n  font-family: var(--font-family-primary) !important;\n  font-weight: var(--font-weight-semibold);\n  font-size: var(--font-size-sm) !important;\n  letter-spacing: var(--letter-spacing-xs);\n  color: var(--color-primary-enabled);\n  text-align: center;\n  line-height: 1.455em;\n}\n.gxg-label:hover {\n  color: var(--color-primary-hover);\n}\n.gxg-label:focus {\n  color: var(--color-primary-active);\n}\n.gxg-label:active {\n  color: var(--color-primary-active);\n}\n.gxg-label[disabled] {\n  color: var(--color-primary-disabled);\n}\n\n.gxg-label--negative {\n  color: var(--color-on-primary);\n}\n.gxg-label--negative[disabled] {\n  color: var(--color-on-disabled);\n}\n\n/*****************************************************\nGXG-BUTTON and GXG-BUTTON-GROUP COMMON STYLES\n*****************************************************/\n.gxg-button-styles {\n  font-family: var(--font-family-primary) !important;\n  font-weight: var(--font-weight-semibold);\n  font-size: var(--font-size-sm) !important;\n  letter-spacing: var(--letter-spacing-xs);\n  color: var(--color-primary-enabled);\n  text-align: center;\n  line-height: 1.455em;\n}\n\n/*****************************************************\nFORM ELEMENTS\n*****************************************************/\n.gxg-scrollbar {\n  /* Track */\n  /* Handle */\n  /* Handle on hover */\n  cursor: initial;\n}\n.gxg-scrollbar::-webkit-scrollbar {\n  width: var(--gxg-scrollbar-width, 6px);\n  height: var(--gxg-scrollbar-width, 6px);\n}\n.gxg-scrollbar::-webkit-scrollbar-track {\n  background-color: var(--gxg-scrollbar-track-background, --gray-02);\n  border-radius: var(--gxg-scrollbar-track-border-radius, 10px);\n}\n.gxg-scrollbar::-webkit-scrollbar-thumb {\n  background-color: var(--gxg-scrollbar-track-thumb-background, --gray-05);\n  border-radius: var(--gxg-scrollbar-track-thumb-radius, 10px);\n  border: var(--gxg-scrollbar-track-thumb-border);\n  background-clip: padding-box;\n}\n.gxg-scrollbar::-webkit-scrollbar-thumb:hover {\n  background-color: var(--gxg-scrollbar-track-thumb-hover-background, --gray-04);\n}","import { h } from \"@stencil/core\";\nexport class GxgTest {\n    constructor() {\n        this.kbs = [];\n    }\n    el;\n    watchKbsHandler() { }\n    selectionHasChanged = e => {\n        console.log(e.detail);\n    };\n    checkboxChanged = e => {\n        console.log(e.detail);\n    };\n    updateKbs1 = () => {\n        this.kbs = [\n            {\n                id: \"uva\",\n                name: \"uva\",\n                selected: false,\n                disabled: false\n            },\n            {\n                id: \"manzana\",\n                name: \"manzana\",\n                selected: true,\n                disabled: false\n            },\n            {\n                id: \"pera\",\n                name: \"pera\",\n                selected: false,\n                disabled: false\n            },\n            {\n                id: \"sandia\",\n                name: \"sandía\",\n                selected: false,\n                disabled: true\n            }\n        ];\n    };\n    updateKbs2 = () => {\n        this.kbs = [\n            {\n                id: \"uva\",\n                name: \"uva\",\n                selected: false,\n                disabled: false\n            },\n            {\n                id: \"manzana\",\n                name: \"manzana\",\n                selected: true,\n                disabled: false\n            },\n            {\n                id: \"pera\",\n                name: \"pera\",\n                selected: false,\n                disabled: false\n            },\n            {\n                id: \"sandia\",\n                name: \"sandía\",\n                selected: false,\n                disabled: true\n            }\n        ];\n    };\n    updateKbs3 = () => {\n        this.kbs = [\n            {\n                id: \"uva\",\n                name: \"uva\",\n                selected: false,\n                disabled: false\n            },\n            {\n                id: \"manzana\",\n                name: \"manzana\",\n                selected: false,\n                disabled: true\n            },\n            {\n                id: \"pera\",\n                name: \"pera\",\n                selected: true,\n                disabled: false\n            },\n            {\n                id: \"sandia\",\n                name: \"sandía\",\n                selected: true,\n                disabled: true\n            }\n        ];\n    };\n    unselectLast = () => {\n        this.kbs = [\n            {\n                id: \"uva\",\n                name: \"uva\",\n                selected: false,\n                disabled: false\n            },\n            {\n                id: \"manzana\",\n                name: \"manzana\",\n                selected: false,\n                disabled: true\n            },\n            {\n                id: \"pera\",\n                name: \"pera\",\n                selected: true,\n                disabled: false\n            },\n            {\n                id: \"sandia\",\n                name: \"sandía\",\n                selected: false,\n                disabled: true\n            }\n        ];\n    };\n    singleSelectionChanged = e => {\n        console.log(e.detail);\n    };\n    componentDidLoad() { }\n    render() {\n        return [\n            h(\"div\", null, h(\"p\", null, \"single selection\"), h(\"gxg-list-box\", { singleSelection: true,\n                // disabled={this.selectionKbDisabled}\n                // ref={(el: HTMLElement) => (this.listBoxEl = el)}\n                part: \"kbs\", onSelectionChanged: this.singleSelectionChanged }, this.kbs.map(kb => (h(\"gxg-list-box-item\", { value: kb[\"id\"], key: kb[\"id\"], selected: kb[\"selected\"], disabled: kb[\"disabled\"] }, kb[\"name\"]))))),\n            h(\"br\", null),\n            h(\"div\", null, h(\"p\", null, \"single selection allows empty\"), h(\"gxg-list-box\", { singleSelection: true,\n                // disabled={this.selectionKbDisabled}\n                // ref={(el: HTMLElement) => (this.listBoxEl = el)}\n                allowsEmpty: true, onSelectionChanged: this.selectionHasChanged, part: \"kbs\" }, this.kbs.map(kb => (h(\"gxg-list-box-item\", { value: kb[\"id\"], key: kb[\"id\"], selected: kb[\"selected\"], disabled: kb[\"disabled\"] }, kb[\"name\"]))))),\n            h(\"br\", null),\n            h(\"div\", null, h(\"p\", null, \"multi selection\"), h(\"gxg-list-box\", {\n                // disabled={this.selectionKbDisabled}\n                // ref={(el: HTMLElement) => (this.listBoxEl = el)}\n                onSelectionChanged: this.singleSelectionChanged, part: \"kbs\"\n            }, this.kbs.map(kb => (h(\"gxg-list-box-item\", { value: kb[\"id\"], key: kb[\"id\"], selected: kb[\"selected\"], disabled: kb[\"disabled\"] }, kb[\"name\"]))))),\n            h(\"br\", null),\n            h(\"div\", null, h(\"p\", null, \"multi selection allows empty\"), h(\"gxg-list-box\", {\n                // disabled={this.selectionKbDisabled}\n                // ref={(el: HTMLElement) => (this.listBoxEl = el)}\n                allowsEmpty: true, onSelectionChanged: this.selectionHasChanged, part: \"kbs\"\n            }, this.kbs.map(kb => (h(\"gxg-list-box-item\", { value: kb[\"id\"], key: kb[\"id\"], selected: kb[\"selected\"], disabled: kb[\"disabled\"] }, kb[\"name\"]))))),\n            h(\"br\", null),\n            h(\"div\", null, h(\"p\", null, \"disabled\"), h(\"gxg-list-box\", {\n                // disabled={this.selectionKbDisabled}\n                // ref={(el: HTMLElement) => (this.listBoxEl = el)}\n                disabled: true, onSelectionChanged: this.selectionHasChanged, part: \"kbs\"\n            }, this.kbs.map(kb => (h(\"gxg-list-box-item\", { value: kb[\"id\"], key: kb[\"id\"], selected: kb[\"selected\"] }, kb[\"name\"]))))),\n            h(\"br\", null),\n            h(\"div\", null, h(\"p\", null, \"with checkboxes\"), h(\"gxg-list-box\", {\n                // disabled={this.selectionKbDisabled}\n                // ref={(el: HTMLElement) => (this.listBoxEl = el)}\n                checkboxes: true, onSelectionChanged: this.selectionHasChanged, onCheckedChanged: this.checkboxChanged, part: \"kbs\"\n            }, this.kbs.map(kb => (h(\"gxg-list-box-item\", { value: kb[\"id\"], key: kb[\"id\"], selected: kb[\"selected\"] }, kb[\"name\"]))))),\n            h(\"br\", null),\n            h(\"div\", null, h(\"button\", { onClick: this.updateKbs1 }, \"No selected\"), h(\"button\", { onClick: this.updateKbs2 }, \"Second selected\"), h(\"button\", { onClick: this.updateKbs3 }, \"Second & third selected\"), h(\"button\", { onClick: this.unselectLast }, \"Unselect last\"))\n        ];\n    }\n    static get is() { return \"gxg-test\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"test.scss\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"test.css\"]\n        };\n    }\n    static get states() {\n        return {\n            \"kbs\": {}\n        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"kbs\",\n                \"methodName\": \"watchKbsHandler\"\n            }];\n    }\n}\n//# sourceMappingURL=test.js.map\n"],"mappings":"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"}

package/dist/genexus-ide-ui/{p-aada8352.entry.js → p-8b7fa9a4.entry.js}

@@ -1,8 +1,8 @@
-import { r as i, c as t, a as e, h as a, H as s, g as r } from "./p-1e275d2c.js";
+import { r as i, c as t, a as e, h as a, H as r, g as s } from "./p-d8a08b43.js";
 
 import { L as o } from "./p-74d59062.js";
 
-import { r as l } from "./p-3f035c0a.js";
+import { r as l } from "./p-0c088e26.js";
 
 import { f as d } from "./p-e8646b08.js";
 
@@ -95,11 +95,15 @@ const g = class {
     this.serverUrls = undefined;
     this.userName = undefined;
   }
+  watchPropHandler(i) {
+    /* When the list of servers are updated, the first server is selected by default */
+    this.kbIdSelected = i[0].id;
+    this.kbName = i[0].name;
+  }
   // 6.METHODS //
   async componentWillLoad() {
     this._componentLocale = await o.getComponentStrings(this.el);
-    // this.setInitialValues();
-        this.setAuthenticationTypes();
+    this.setAuthenticationTypes();
   }
   componentDidLoad() {
     this.serverUrlsEl.focus();
@@ -121,7 +125,7 @@ const g = class {
   // 10.RENDER() FUNCTION //
   // 11.RENDER() FUNCTION //
   render() {
-    return a(s, {
+    return a(r, {
       class: "gx-ide-component"
     }, a("div", {
       class: "gx-ide-main-wrapper"
@@ -189,11 +193,10 @@ const g = class {
     })), a("div", {
       class: "box-kbs"
     }, a("gxg-list-box", {
-      "single-selection": true,
+      singleSelection: true,
       disabled: this.selectionKbDisabled,
       ref: i => this.listBoxEl = i,
-      part: "kbs",
-      onSelectionChanged: this.kbsOnSelectionChangedHandler
+      part: "kbs"
     }, this.kbs.filter((i => i.name.toLowerCase().includes(this.kbSearchText.toLowerCase()))).map((i => a("gxg-list-box-item", {
       value: i.id,
       key: i.id
@@ -220,11 +223,16 @@ const g = class {
     return [ "gx-ide-assets/create-kb-from-server" ];
   }
   get el() {
-    return r(this);
+    return s(this);
+  }
+  static get watchers() {
+    return {
+      kbs: [ "watchPropHandler" ]
+    };
   }
 };
 
 g.style = n;
 
 export { g as gx_ide_create_kb_from_server };
-//# sourceMappingURL=p-aada8352.entry.js.map
+//# sourceMappingURL=p-8b7fa9a4.entry.js.map

package/dist/genexus-ide-ui/p-8b7fa9a4.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createKbFromServerCss","GxIdeCreateKbFromServer","this","renderedFirstTime","shortcutsSrc","getAssetPath","kbIdSelected","authenticationTypes","setAuthenticationTypes","id","value","label","_componentLocale","genexusAccount","local","addEventListeners","serverUrlsEl","addEventListener","reset","searchKBEl","e","kbNameEl","kbSearchText","detail","listBoxEl","ev","selectedItems","items","selectedItem","length","kbSelected","kbs","find","kb","name","createKbHandler","createKBCallback","createKBCallbackPromise","then","formSubmitResult","formSubmitValidation","connectCallbackHandler","connectCallback","connectCallbackPromise","serverUrl","authenticationType","authenticationTypeEl","user","_a","userNameEl","password","_b","passwordEl","connectionResultData","formResult","success","selectionKbDisabled","watchPropHandler","newKbs","kbName","componentWillLoad","Locale","getComponentStrings","el","componentDidLoad","focus","componentDidRender","componentDidRenderFirstTime","emit","componentName","render","h","Host","class","containerTitle","displayTitle","labelPosition","disableFilter","enableCustomServer","ref","part","serverUrls","renderFormItems","map","sUrl","onValueChanged","evaluateAuthenticationType","userName","type","onClick","buttons","connect","disabled","placeholder","searchKbs","singleSelection","filter","toLowerCase","includes","key","localKb","create","src"],"sources":["src/components/create-kb-from-server/create-kb-from-server.scss?tag=gx-ide-create-kb-from-server&encapsulation=shadow","src/components/create-kb-from-server/create-kb-from-server.tsx"],"sourcesContent":["@import \"../../global/gx-ide-common.scss\";\n@import \"../../global/gx-ide-mixins.scss\";\n\n:host {\n  display: block;\n  border: 1px solid var(--gxg-border-color--regular);\n  background-color: var(--color-background);\n}\n:host(.gxi-create-kb-from-server--shadow) {\n}\n\n.grid-data {\n  grid-template-columns: repeat(2, 1fr);\n}\n.grid-data-account {\n  grid-template-columns: auto 1fr;\n  > :nth-child(1) {\n    grid-area: 1 / 1 / 2 / 3;\n  }\n  > :nth-child(6) {\n    grid-area: 4 / 2 / 5 / 3;\n  }\n}\n.grid-data-kbs {\n  display: flex;\n  flex-direction: column;\n  gap: var(--gx-ide-grid-row-gap);\n  .search-kbs {\n    width: 100%;\n    display: flex;\n  }\n  .box-kbs {\n    height: 150px;\n  }\n}\n.grid-data-kbs-footer {\n  display: flex;\n}\n.flex {\n  display: flex;\n  > :nth-child(2) {\n    flex: 1;\n  }\n}\n","/* STENCIL IMPORTS */\nimport {\n  Component,\n  Host,\n  h,\n  Prop,\n  Event,\n  EventEmitter,\n  Element,\n  State,\n  getAssetPath,\n  Watch\n} from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\nimport { SelectionChangedEvent } from \"@genexus/gemini/dist/types/components/list-box/list-box\";\n/* CUSTOM IMPORTS */\nimport { GxOption } from \"../../common/types\";\nimport { Locale } from \"../../common/locale\";\nimport { renderFormItems } from \"../../common/common\";\nimport {\n  FormSubmitResult,\n  GxServerAuthenticationType\n} from \"../../common/types\";\nimport { formSubmitValidation } from \"../../common/form-validation\";\n\n@Component({\n  tag: \"gx-ide-create-kb-from-server\",\n  styleUrl: \"create-kb-from-server.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/create-kb-from-server\"]\n})\nexport class GxIdeCreateKbFromServer {\n  [key: string]: any;\n\n  /*\nINDEX:\n1.OWN PROPERTIES\n2.REFERENCE TO ELEMENTS\n3.STATE() VARIABLES\n4.PUBLIC PROPERTY API | WATCH'S\n5.EVENTS (EMIT)\n6.METHODS\n7.LISTENERS\n8.PUBLIC METHODS API\n9.LOCAL METHODS\n10.RENDER() FUNCTION\n*/\n\n  // 1.OWN PROPERTIES //\n\n  /**\n   * The component hard-coded strings translations.\n   */\n  private _componentLocale: any;\n  private renderedFirstTime = false;\n  private shortcutsSrc = getAssetPath(\n    `./gx-ide-assets/create-kb-from-server/shortcuts.json`\n  );\n\n  /* References needed to collect data with \"Connect\" and \"Create\" buttons submit*/\n  private authenticationTypeEl!: HTMLGxgComboBoxElement;\n  private serverUrlsEl!: HTMLGxgComboBoxElement;\n  private kbNameEl!: HTMLGxgFormTextElement;\n  private passwordEl!: HTMLGxgFormTextElement;\n  private userNameEl!: HTMLGxgFormTextElement;\n  private searchKBEl!: HTMLGxgFormTextElement;\n  private listBoxEl!: HTMLElement;\n  private kbIdSelected: string = null;\n  private authenticationTypes: GxOption[] = [];\n\n  // 2. REFERENCE TO ELEMENTS //\n\n  @Element() el: HTMLGxIdeCreateKbFromServerElement;\n\n  // 3.STATE() VARIABLES //\n\n  /**\n   * Disabled or not the part for select and create the KB\n   */\n  @State() selectionKbDisabled = true;\n\n  /**\n   * KBs that return from connect to the server\n   */\n\n  @State() kbs: KBData[] = [];\n  @Watch(\"kbs\")\n  watchPropHandler(newKbs: KBData[]) {\n    /* When the list of servers are updated, the first server is selected by default */\n    this.kbIdSelected = newKbs[0].id;\n    this.kbName = newKbs[0].name;\n  }\n\n  /**\n   * KBs search text\n   */\n  @State() kbSearchText = \"\";\n\n  // 4.PUBLIC PROPERTY API | WATCH'S //\n\n  /**\n   * If true it displays the component title on the header\n   */\n  @Prop() readonly displayTitle = false;\n\n  /**\n   * Callback that will be invoked when the user connect to the kb server (‘Connect’ button)\n   */\n  @Prop() readonly connectCallback: (\n    data: GXServerConnectionData\n  ) => Promise<ConnectionResultData>;\n\n  /**\n   * Callback that will be invoked when the user confirms KB creation (‘Create’ button)\n   */\n  @Prop() readonly createKBCallback: (\n    data: CreateKBData\n  ) => Promise<FormSubmitResult>;\n\n  /**\n   * If is true then the user can specify a server url that don't be in the combo box of server urls.\n   */\n  @Prop() readonly enableCustomServer: boolean = false;\n\n  /**\n   * The knowledge base default suggested name\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable\n  @Prop({ mutable: true }) kbName: string;\n\n  /**\n   * Password for the database connection.\n   */\n  @Prop() readonly password: string;\n\n  /**\n   * Array of URLs of cataloged servers to be displayed in the combo\n   */\n  @Prop() readonly serverUrls!: string[];\n\n  /**\n   * Username for the database connection.\n   */\n  @Prop() readonly userName: string;\n\n  // 5.EVENTS (EMIT) //\n\n  /**\n   * This event is emitted once just after the component is fully loaded and the first render() occurs\n   */\n  @Event() componentDidRenderFirstTime: EventEmitter<boolean>;\n\n  // 6.METHODS //\n\n  async componentWillLoad() {\n    this._componentLocale = await Locale.getComponentStrings(this.el);\n    this.setAuthenticationTypes();\n  }\n\n  componentDidLoad() {\n    (this.serverUrlsEl as HTMLElement).focus();\n    this.addEventListeners();\n  }\n\n  componentDidRender() {\n    if (!this.renderedFirstTime) {\n      this.componentDidRenderFirstTime.emit(\n        this._componentLocale.componentName\n      );\n      this.renderedFirstTime = true;\n    }\n  }\n\n  // 7.LISTENERS //\n\n  // 8.PUBLIC METHODS API //\n\n  // 9.LOCAL METHODS //\n\n  private setAuthenticationTypes = () => {\n    this.authenticationTypes = [\n      {\n        id: \"genexus\",\n        value: \"genexus\",\n        label: this._componentLocale.authenticationTypes.genexusAccount\n      },\n      {\n        id: \"local\",\n        value: \"local\",\n        label: this._componentLocale.authenticationTypes.local\n      }\n    ];\n  };\n\n  private addEventListeners = () => {\n    this.serverUrlsEl.addEventListener(\"valueChanged\", () => {\n      this.reset();\n    });\n\n    this.searchKBEl.addEventListener(\n      \"valueChanged\",\n      (e: CustomEvent<string>) => {\n        this.kbNameEl.value = \"\";\n        this.kbIdSelected = null;\n        this.kbSearchText = e.detail;\n      }\n    );\n\n    this.listBoxEl.addEventListener(\n      \"selectionChanged\",\n      (ev: CustomEvent<SelectionChangedEvent>): void => {\n        const selectedItems = ev.detail.items;\n        let selectedItem;\n        if (selectedItems.length > 0) {\n          selectedItem = ev.detail.items[0];\n        }\n        if (selectedItem) {\n          this.kbIdSelected = selectedItem.value;\n          const kbSelected = this.kbs.find(kb => kb.id === this.kbIdSelected);\n          if (kbSelected) {\n            this.kbNameEl.value = kbSelected.name;\n          }\n        }\n      }\n    );\n  };\n\n  private reset() {\n    this.kbs = [];\n    this.kbIdSelected = null;\n    this.selectionKbDisabled = true;\n    this.searchKBEl.value = \"\";\n    this.kbSearchText = \"\";\n  }\n\n  private createKbHandler = (): void => {\n    if (this.createKBCallback) {\n      const createKBCallbackPromise = this.createKBCallback({\n        id: this.kbIdSelected,\n        name: this.kbNameEl.value\n      });\n      createKBCallbackPromise.then((formSubmitResult: FormSubmitResult) => {\n        formSubmitValidation(formSubmitResult, this);\n      });\n    }\n  };\n\n  private connectCallbackHandler = (): void => {\n    if (this.connectCallback) {\n      const connectCallbackPromise = this.connectCallback({\n        serverUrl: this.serverUrlsEl.value,\n        authenticationType: this.authenticationTypeEl.value,\n        user: this.userNameEl?.value,\n        password: this.passwordEl?.value\n      });\n      connectCallbackPromise.then(\n        (connectionResultData: ConnectionResultData) => {\n          formSubmitValidation(connectionResultData.formResult, this);\n          if (\n            connectionResultData.formResult.success &&\n            connectionResultData.kbs\n          ) {\n            this.kbs = connectionResultData.kbs;\n            this.selectionKbDisabled = false;\n          }\n        }\n      );\n    }\n  };\n\n  // 10.RENDER() FUNCTION //\n\n  // 11.RENDER() FUNCTION //\n\n  render(): void {\n    return (\n      <Host class=\"gx-ide-component\">\n        <div class=\"gx-ide-main-wrapper\">\n          <gx-ide-container\n            containerTitle={\n              this.displayTitle ? this._componentLocale.componentName : null\n            }\n          >\n            <div class=\"flex\">\n              {/* #kb name */}\n              <gxg-label labelPosition=\"start\" class=\"kb-label\">\n                {this._componentLocale.label.serverUrl}\n              </gxg-label>\n              <gxg-combo-box\n                disableFilter={!this.enableCustomServer}\n                ref={(el: HTMLGxgComboBoxElement) =>\n                  (this.serverUrlsEl = el as HTMLGxgComboBoxElement)\n                }\n                class=\"server-urls-combo-box\"\n                part=\"server-urls\"\n              >\n                {this.serverUrls\n                  ? renderFormItems(\n                      \"gxg-combo-box-item\",\n                      this.serverUrls.map(sUrl => ({\n                        id: sUrl,\n                        label: sUrl,\n                        value: sUrl\n                      })),\n                      \"server-urls\"\n                    )\n                  : null}\n              </gxg-combo-box>\n            </div>\n            <div class=\"grid grid-data\">\n              <div>\n                <div class=\"grid grid-data-account\">\n                  {/* #authentication type */}\n                  <gxg-combo-box\n                    disableFilter\n                    value={this.authenticationTypes[0].id}\n                    ref={(el: HTMLGxgComboBoxElement) =>\n                      (this.authenticationTypeEl = el as HTMLGxgComboBoxElement)\n                    }\n                    class=\"authentication-type\"\n                    part=\"authentication-type\"\n                    onValueChanged={this.evaluateAuthenticationType}\n                  >\n                    {renderFormItems(\n                      \"gxg-combo-box-item\",\n                      this.authenticationTypes,\n                      \"authentication-type\"\n                    )}\n                  </gxg-combo-box>\n\n                  {/* #user name */}\n                  <gxg-label labelPosition=\"start\" class=\"kb-label\">\n                    {`${this._componentLocale.label.userName}:`}\n                  </gxg-label>\n                  <gxg-form-text\n                    ref={(el: HTMLGxgFormTextElement) =>\n                      (this.userNameEl = el as HTMLGxgFormTextElement)\n                    }\n                    value={this.userName}\n                    class=\"user-name\"\n                    part=\"user-name\"\n                  ></gxg-form-text>\n\n                  {/* #password */}\n                  <gxg-label labelPosition=\"start\" class=\"kb-label\">\n                    {`${this._componentLocale.label.password}:`}\n                  </gxg-label>\n                  <gxg-form-text\n                    password\n                    ref={(el: HTMLGxgFormTextElement) =>\n                      (this.passwordEl = el as HTMLGxgFormTextElement)\n                    }\n                    value={this.password}\n                    class=\"password\"\n                    part=\"password\"\n                  ></gxg-form-text>\n\n                  {/* #connect */}\n                  <div>\n                    <gxg-button\n                      id=\"button-connect\"\n                      type=\"primary-text-only\"\n                      onClick={this.connectCallbackHandler}\n                      part=\"button-connect\"\n                    >\n                      {this._componentLocale.buttons.connect}\n                    </gxg-button>\n                  </div>\n                </div>\n              </div>\n\n              <div class=\"grid\">\n                <div class=\"grid-data-kbs\">\n                  <div class=\"search-kbs\">\n                    <gxg-form-text\n                      ref={(el: HTMLGxgFormTextElement) =>\n                        (this.searchKBEl = el as HTMLGxgFormTextElement)\n                      }\n                      class=\"search-kb-input\"\n                      part=\"search-kb\"\n                      disabled={this.selectionKbDisabled}\n                      placeholder={this._componentLocale.label.searchKbs}\n                    ></gxg-form-text>\n                  </div>\n                  <div class=\"box-kbs\">\n                    <gxg-list-box\n                      singleSelection\n                      disabled={this.selectionKbDisabled}\n                      ref={(el: HTMLElement) => (this.listBoxEl = el)}\n                      part=\"kbs\"\n                    >\n                      {this.kbs\n                        .filter(kb =>\n                          kb.name\n                            .toLowerCase()\n                            .includes(this.kbSearchText.toLowerCase())\n                        )\n                        .map(kb => (\n                          <gxg-list-box-item value={kb.id} key={kb.id}>\n                            {kb.name}\n                          </gxg-list-box-item>\n                        ))}\n                    </gxg-list-box>\n                  </div>\n                </div>\n                <div class=\"grid grid-data-kbs-footer\">\n                  {/* #kbName */}\n                  <gxg-form-text\n                    ref={(el: HTMLGxgFormTextElement) =>\n                      (this.kbNameEl = el as HTMLGxgFormTextElement)\n                    }\n                    label={this._componentLocale.localKb}\n                    value={this.kbName}\n                    class=\"kb-name\"\n                    part=\"kb-name\"\n                    disabled={this.selectionKbDisabled}\n                  ></gxg-form-text>\n\n                  {/* #create button */}\n                  <div>\n                    <gxg-button\n                      id=\"button-create\"\n                      type=\"primary-text-only\"\n                      onClick={this.createKbHandler}\n                      part=\"button-create\"\n                      disabled={this.selectionKbDisabled}\n                    >\n                      {this._componentLocale.buttons.create}\n                    </gxg-button>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </gx-ide-container>\n        </div>\n        <gxg-shortcuts src={this.shortcutsSrc}></gxg-shortcuts>\n      </Host>\n    );\n  }\n}\n\nexport interface GXServerConnectionData {\n  serverUrl: string;\n  authenticationType: GxServerAuthenticationType;\n  user: string;\n  password: string;\n}\nexport type ConnectionResultData = {\n  formResult: FormSubmitResult;\n  kbs: KBData[];\n};\nexport interface KBData {\n  id: string;\n  name: string;\n}\nexport interface CreateKBData {\n  id: string;\n  name: string;\n}\n"],"mappings":";;;;;;;;AAAA,MAAMA,IAAwB;;MC+BjBC,IAAuB;;;;IAuB1BC,KAAAC,oBAAoB;IACpBD,KAAAE,eAAeC,EACrB;IAWMH,KAAAI,eAAuB;IACvBJ,KAAAK,sBAAkC;;;;QA+GlCL,KAAAM,yBAAyB;MAC/BN,KAAKK,sBAAsB,EACzB;QACEE,IAAI;QACJC,OAAO;QACPC,OAAOT,KAAKU,iBAAiBL,oBAAoBM;SAEnD;QACEJ,IAAI;QACJC,OAAO;QACPC,OAAOT,KAAKU,iBAAiBL,oBAAoBO;;AAEpD;IAGKZ,KAAAa,oBAAoB;MAC1Bb,KAAKc,aAAaC,iBAAiB,iBAAgB;QACjDf,KAAKgB;AAAO;MAGdhB,KAAKiB,WAAWF,iBACd,iBACCG;QACClB,KAAKmB,SAASX,QAAQ;QACtBR,KAAKI,eAAe;QACpBJ,KAAKoB,eAAeF,EAAEG;AAAM;MAIhCrB,KAAKsB,UAAUP,iBACb,qBACCQ;QACC,MAAMC,IAAgBD,EAAGF,OAAOI;QAChC,IAAIC;QACJ,IAAIF,EAAcG,SAAS,GAAG;UAC5BD,IAAeH,EAAGF,OAAOI,MAAM;;QAEjC,IAAIC,GAAc;UAChB1B,KAAKI,eAAesB,EAAalB;UACjC,MAAMoB,IAAa5B,KAAK6B,IAAIC,MAAKC,KAAMA,EAAGxB,OAAOP,KAAKI;UACtD,IAAIwB,GAAY;YACd5B,KAAKmB,SAASX,QAAQoB,EAAWI;;;;AAIxC;IAWKhC,KAAAiC,kBAAkB;MACxB,IAAIjC,KAAKkC,kBAAkB;QACzB,MAAMC,IAA0BnC,KAAKkC,iBAAiB;UACpD3B,IAAIP,KAAKI;UACT4B,MAAMhC,KAAKmB,SAASX;;QAEtB2B,EAAwBC,MAAMC;UAC5BC,EAAqBD,GAAkBrC;AAAK;;;IAK1CA,KAAAuC,yBAAyB;;MAC/B,IAAIvC,KAAKwC,iBAAiB;QACxB,MAAMC,IAAyBzC,KAAKwC,gBAAgB;UAClDE,WAAW1C,KAAKc,aAAaN;UAC7BmC,oBAAoB3C,KAAK4C,qBAAqBpC;UAC9CqC,OAAMC,IAAA9C,KAAK+C,gBAAU,QAAAD,WAAA,aAAAA,EAAEtC;UACvBwC,WAAUC,IAAAjD,KAAKkD,gBAAU,QAAAD,WAAA,aAAAA,EAAEzC;;QAE7BiC,EAAuBL,MACpBe;UACCb,EAAqBa,EAAqBC,YAAYpD;UACtD,IACEmD,EAAqBC,WAAWC,WAChCF,EAAqBtB,KACrB;YACA7B,KAAK6B,MAAMsB,EAAqBtB;YAChC7B,KAAKsD,sBAAsB;;;;;+BAxLN;eAMN;wBAWD;wBAOQ;;;8BAmBe;;;;;;EAnC/C,gBAAAC,CAAiBC;;IAEfxD,KAAKI,eAAeoD,EAAO,GAAGjD;IAC9BP,KAAKyD,SAASD,EAAO,GAAGxB;;;EAgE1B,uBAAM0B;IACJ1D,KAAKU,yBAAyBiD,EAAOC,oBAAoB5D,KAAK6D;IAC9D7D,KAAKM;;EAGP,gBAAAwD;IACG9D,KAAKc,aAA6BiD;IACnC/D,KAAKa;;EAGP,kBAAAmD;IACE,KAAKhE,KAAKC,mBAAmB;MAC3BD,KAAKiE,4BAA4BC,KAC/BlE,KAAKU,iBAAiByD;MAExBnE,KAAKC,oBAAoB;;;EA0DrB,KAAAe;IACNhB,KAAK6B,MAAM;IACX7B,KAAKI,eAAe;IACpBJ,KAAKsD,sBAAsB;IAC3BtD,KAAKiB,WAAWT,QAAQ;IACxBR,KAAKoB,eAAe;;;;EA0CtB,MAAAgD;IACE,OACEC,EAACC,GAAI;MAACC,OAAM;OACVF,EAAA;MAAKE,OAAM;OACTF,EAAA;MACEG,gBACExE,KAAKyE,eAAezE,KAAKU,iBAAiByD,gBAAgB;OAG5DE,EAAA;MAAKE,OAAM;OAETF,EAAA;MAAWK,eAAc;MAAQH,OAAM;OACpCvE,KAAKU,iBAAiBD,MAAMiC,YAE/B2B,EAAA;MACEM,gBAAgB3E,KAAK4E;MACrBC,KAAMhB,KACH7D,KAAKc,eAAe+C;MAEvBU,OAAM;MACNO,MAAK;OAEJ9E,KAAK+E,aACFC,EACE,sBACAhF,KAAK+E,WAAWE,KAAIC,MAAI;MACtB3E,IAAI2E;MACJzE,OAAOyE;MACP1E,OAAO0E;UAET,iBAEF,QAGRb,EAAA;MAAKE,OAAM;OACTF,EAAA,aACEA,EAAA;MAAKE,OAAM;OAETF,EAAA;MACEM,eAAa;MACbnE,OAAOR,KAAKK,oBAAoB,GAAGE;MACnCsE,KAAMhB,KACH7D,KAAK4C,uBAAuBiB;MAE/BU,OAAM;MACNO,MAAK;MACLK,gBAAgBnF,KAAKoF;OAEpBJ,EACC,sBACAhF,KAAKK,qBACL,yBAKJgE,EAAA;MAAWK,eAAc;MAAQH,OAAM;OACpC,GAAGvE,KAAKU,iBAAiBD,MAAM4E,cAElChB,EAAA;MACEQ,KAAMhB,KACH7D,KAAK+C,aAAac;MAErBrD,OAAOR,KAAKqF;MACZd,OAAM;MACNO,MAAK;QAIPT,EAAA;MAAWK,eAAc;MAAQH,OAAM;OACpC,GAAGvE,KAAKU,iBAAiBD,MAAMuC,cAElCqB,EAAA;MACErB,UAAQ;MACR6B,KAAMhB,KACH7D,KAAKkD,aAAaW;MAErBrD,OAAOR,KAAKgD;MACZuB,OAAM;MACNO,MAAK;QAIPT,EAAA,aACEA,EAAA;MACE9D,IAAG;MACH+E,MAAK;MACLC,SAASvF,KAAKuC;MACduC,MAAK;OAEJ9E,KAAKU,iBAAiB8E,QAAQC,aAMvCpB,EAAA;MAAKE,OAAM;OACTF,EAAA;MAAKE,OAAM;OACTF,EAAA;MAAKE,OAAM;OACTF,EAAA;MACEQ,KAAMhB,KACH7D,KAAKiB,aAAa4C;MAErBU,OAAM;MACNO,MAAK;MACLY,UAAU1F,KAAKsD;MACfqC,aAAa3F,KAAKU,iBAAiBD,MAAMmF;SAG7CvB,EAAA;MAAKE,OAAM;OACTF,EAAA;MACEwB,iBAAe;MACfH,UAAU1F,KAAKsD;MACfuB,KAAMhB,KAAqB7D,KAAKsB,YAAYuC;MAC5CiB,MAAK;OAEJ9E,KAAK6B,IACHiE,QAAO/D,KACNA,EAAGC,KACA+D,cACAC,SAAShG,KAAKoB,aAAa2E,iBAE/Bd,KAAIlD,KACHsC,EAAA;MAAmB7D,OAAOuB,EAAGxB;MAAI0F,KAAKlE,EAAGxB;OACtCwB,EAAGC,YAMhBqC,EAAA;MAAKE,OAAM;OAETF,EAAA;MACEQ,KAAMhB,KACH7D,KAAKmB,WAAW0C;MAEnBpD,OAAOT,KAAKU,iBAAiBwF;MAC7B1F,OAAOR,KAAKyD;MACZc,OAAM;MACNO,MAAK;MACLY,UAAU1F,KAAKsD;QAIjBe,EAAA,aACEA,EAAA;MACE9D,IAAG;MACH+E,MAAK;MACLC,SAASvF,KAAKiC;MACd6C,MAAK;MACLY,UAAU1F,KAAKsD;OAEdtD,KAAKU,iBAAiB8E,QAAQW,eAQ7C9B,EAAA;MAAe+B,KAAKpG,KAAKE"}