@genexus/genexus-ide-ui 1.0.24 → 1.0.25

package/dist/genexus-ide-ui/p-2c6dd837.entry.js

@@ -0,0 +1,305 @@
+import { r as t, a as e, h as s, H as i, g as a } from "./p-aaed592c.js";
+
+import { g as n } from "./p-0b0ce806.js";
+
+import { c as o } from "./p-78b90603.js";
+
+import { v as r } from "./p-289c3290.js";
+
+import { L as l } from "./p-74d59062.js";
+
+const mapKbsModelToActionListModel = t => {
+  const e = [];
+  t.forEach((t => {
+    e.push({
+      id: t.id,
+      type: "actionable",
+      caption: t.name
+    });
+  }));
+  return e;
+};
+
+const h = ":host{display:grid;block-size:100%;grid-template-rows:max-content 1fr max-content}.section{display:contents}header{display:grid;grid-template-rows:max-content;grid-template-columns:1fr 1fr max-content}.button-change{align-self:center;justify-self:end}.main{display:grid;grid-template-columns:1fr;grid-template-rows:max-content 1fr max-content max-content}.search-kbs{inline-size:50%}.versions-container{grid-auto-rows:max-content}.versions-container__input{display:grid;grid-template-columns:1fr max-content;gap:var(--mer-spacing--xs)}";
+
+var c = undefined && undefined.__classPrivateFieldSet || function(t, e, s, i, a) {
+  if (i === "m") throw new TypeError("Private method is not writable");
+  if (i === "a" && !a) throw new TypeError("Private accessor was defined without a setter");
+  if (typeof e === "function" ? t !== e || !a : !e.has(t)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+  return i === "a" ? a.call(t, s) : a ? a.value = s : e.set(t, s), s;
+};
+
+var d = undefined && undefined.__classPrivateFieldGet || function(t, e, s, i) {
+  if (s === "a" && !i) throw new TypeError("Private accessor was defined without a getter");
+  if (typeof e === "function" ? t !== e || !i : !e.has(t)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+  return s === "m" ? i : s === "a" ? i.call(t) : i ? i.value : e.get(t);
+};
+
+var f, p, u, m, b, w, v, g, k, y, M, W, x, T, _, j, C, E, P, S, z, A, I, L;
+
+const N = [ "resets/box-sizing", "utils/form--full", "utils/layout", "utils/typography", "utils/spacing", "components/list-box", "components/tooltip", "chameleon/scrollbar" ];
+
+const K = class {
+  constructor(i) {
+    t(this, i);
+    f.set(this, n({
+      category: "system",
+      name: "search",
+      colorType: "on-surface"
+    }));
+    p.set(this, n({
+      category: "gemini-tools",
+      name: "show-more-horizontal",
+      colorType: "on-elevation"
+    }));
+    u.set(this, [ {
+      value: "Trunk",
+      caption: "Trunk Version"
+    }, {
+      value: "All",
+      caption: "All Versions"
+    } ]);
+    m.set(this, void 0);
+    b.set(this, []);
+    w.set(this, []);
+    v.set(this, e(`./gx-ide-assets/create-kb-from-server/shortcuts.json`));
+    g.set(this, void 0);
+    k.set(this, false);
+    y.set(this, void 0);
+    M.set(this, void 0);
+    W.set(this, void 0);
+    x.set(this, (() => {
+      this.cancelCallback();
+    }));
+    T.set(this, (async () => {
+      this.changeConnectionCallback({
+        authenticationType: this.connectionData.authenticationType,
+        serverUrl: this.connectionData.serverUrl,
+        userName: this.connectionData.userName,
+        userPassword: this.connectionData.userPassword
+      });
+    }));
+    _.set(this, (async () => {
+      if (this.versionSelectedType !== "Select") {
+        c(this, w, [], "f");
+      }
+      this.createKBCallback({
+        selectedKB: d(this, g, "f"),
+        versionSelected: this.versionSelectedType,
+        localKBName: this.localKbNameInputValue,
+        versionList: d(this, w, "f")
+      }).then((t => {
+        this.validatableControls = r(t, this.validatableControls);
+      }));
+    }));
+    // TODO: evaluate if this should be a global helper function.
+    // It is used on other dialogs as well.
+        j.set(this, (t => {
+      var e, i, a;
+      return ((i = (e = this.validatableControls) === null || e === void 0 ? void 0 : e.get(t === null || t === void 0 ? void 0 : t.id)) === null || i === void 0 ? void 0 : i.hasError) && ((a = this.validatableControls.get(t.id)) === null || a === void 0 ? void 0 : a.message) && s("ch-tooltip", {
+        class: "tooltip",
+        actionElement: t,
+        blockAlign: o.tooltipSettings.blockAlign,
+        inlineAlign: o.tooltipSettings.inlineAlign,
+        delay: o.tooltipSettings.delay
+      }, this.validatableControls.get(t.id).message);
+    }));
+    C.set(this, (t => {
+      this.filterValue = t.detail.toLowerCase();
+      this.kbsFilteredActionListModel = d(this, b, "f").filter((t => t.caption.toLowerCase().includes(this.filterValue)));
+    }));
+    E.set(this, (async () => {
+      await this.getGXserverKBsCallback({
+        authenticationType: this.connectionData.authenticationType,
+        serverUrl: this.connectionData.serverUrl,
+        userName: this.connectionData.userName,
+        userPassword: this.connectionData.userPassword
+      }).then((t => {
+        c(this, b, mapKbsModelToActionListModel(t), "f");
+        this.kbsFilteredActionListModel = d(this, b, "f");
+        this.filterValue = "";
+      }));
+    }));
+    P.set(this, (() => {
+      // populate validatableControls with the controls that could have errors.
+      const t = [ d(this, W, "f") ];
+      t.forEach((t => {
+        if (t.id) {
+          this.validatableControls.set(t.id, {
+            reference: t,
+            hasError: false,
+            message: undefined
+          });
+        }
+      }));
+    }));
+    S.set(this, (t => {
+      this.localKbNameInputValue = t.detail;
+      c(this, k, true, "f");
+    }));
+    z.set(this, (async () => {
+      if (this.selectKBVersionsCallback) {
+        await this.selectKBVersionsCallback(d(this, g, "f")).then((t => {
+          if (t === null || t === void 0 ? void 0 : t.length) {
+            this.versionsValueInput = t.length.toString().concat(d(this, m, "f").kb.versionSelectedFieldValue);
+            c(this, w, t.map((t => t.id.toString())), "f");
+          }
+        }));
+      }
+    }));
+    A.set(this, (t => {
+      var e;
+      const s = (e = t.detail[0]) === null || e === void 0 ? void 0 : e.item;
+      if (s === undefined) {
+        this.enableSelectVersionsButton = false;
+        c(this, g, undefined, "f");
+        return;
+      }
+      this.enableSelectVersionsButton = true;
+      c(this, g, s.id, "f");
+      if (d(this, k, "f")) {
+        return;
+      }
+      this.localKbNameInputValue = s.caption;
+    }));
+    I.set(this, (t => {
+      this.versionSelectedType = t.detail;
+    }));
+    L.set(this, (() => s("footer", {
+      class: "footer control-footer-with-border spacing-body-inline spacing-body-block-end"
+    }, s("div", {
+      class: "buttons-spacer"
+    }, s("button", {
+      // cancel button
+      class: "button-secondary",
+      onClick: d(this, x, "f"),
+      part: "button button-cancel"
+    }, d(this, m, "f").footer.cancel), s("button", {
+      // create kb button
+      class: "button-primary",
+      onClick: this.enableSelectVersionsButton && d(this, _, "f"),
+      disabled: !this.enableSelectVersionsButton,
+      part: "button button-create-kb"
+    }, d(this, m, "f").footer.createKb)))));
+    this.enableSelectVersionsButton = false;
+    this.localKbNameInputValue = "";
+    this.filterValue = "";
+    this.kbsFilteredActionListModel = [];
+    this.validatableControls = new Map;
+    this.versionSelectedType = undefined;
+    this.versionsValueInput = "";
+    this.connectionData = undefined;
+    this.cancelCallback = undefined;
+    this.changeConnectionCallback = undefined;
+    this.createKBCallback = undefined;
+    this.getGXserverKBsCallback = undefined;
+    this.selectKBVersionsCallback = undefined;
+  }
+  componentDidLoad() {
+    d(this, y, "f").focus();
+    this.versionSelectedType = d(this, M, "f").value;
+    d(this, P, "f").call(this);
+  }
+  async componentWillLoad() {
+    c(this, m, await l.getComponentStrings(this.el), "f");
+    await d(this, E, "f").call(this);
+  }
+  render() {
+    return s(i, {
+      class: "widget"
+    }, s("ch-theme", {
+      model: N
+    }), s("ch-shortcuts", {
+      src: d(this, v, "f"),
+      ref: t => this.chShortcutsEl = t
+    }), s("section", {
+      class: "section"
+    }, s("header", {
+      class: "header control-header-with-border space-body spacing-body-inline spacing-body-block-start"
+    }, s("div", {
+      class: "field field-block"
+    }, s("label", {
+      class: "label"
+    }, d(this, m, "f").header.serverUrl), s("p", null, this.connectionData.serverUrl)), s("div", {
+      class: "field field-block"
+    }, s("label", {
+      class: "label"
+    }, d(this, m, "f").header.user), s("p", null, this.connectionData.userName)), s("button", {
+      class: "button-tertiary button-change",
+      onClick: d(this, T, "f")
+    }, d(this, m, "f").header.change)), s("section", {
+      class: "main field-group spacing-body"
+    }, s("ch-edit", {
+      class: "input search-kbs",
+      id: "local-kb-name",
+      startImgSrc: d(this, f, "f"),
+      onInput: d(this, C, "f"),
+      placeholder: d(this, m, "f").kb.searchKbsPlaceholder,
+      ref: t => c(this, y, t, "f")
+    }), s("ch-action-list-render", {
+      selection: "single",
+      class: "list-box",
+      onSelectedItemsChange: d(this, A, "f"),
+      model: this.kbsFilteredActionListModel
+    }), s("div", {
+      class: "versions-container field-group"
+    }, s("ch-radio-group-render", {
+      class: "radio-group",
+      model: d(this, u, "f"),
+      onChange: d(this, I, "f"),
+      value: d(this, u, "f")[0].value,
+      ref: t => c(this, M, t, "f")
+    }), this.versionSelectedType === "Select" && s("div", {
+      class: "versions-container__item field-group"
+    }, s("div", {
+      class: "field field-block"
+    }, s("label", {
+      class: "label",
+      htmlFor: "control-id-1"
+    }, d(this, m, "f").kb.versionsLabel), s("div", {
+      class: "versions-container__input"
+    }, s("ch-edit", {
+      class: "input",
+      readonly: true,
+      placeholder: this.enableSelectVersionsButton ? d(this, m, "f").kb.versionsPlaceholder : d(this, m, "f").kb.versionsPlaceholderDisabled,
+      value: this.versionsValueInput
+    }), s("button", {
+      class: "button-tertiary button-icon-only",
+      onClick: d(this, z, "f"),
+      disabled: !this.enableSelectVersionsButton
+    }, s("ch-image", {
+      src: d(this, p, "f"),
+      class: "icon-sm"
+    })))))), s("div", {
+      class: "field field-block"
+    }, s("label", {
+      class: "label",
+      htmlFor: "localKbName"
+    }, d(this, m, "f").kb.localKbNameLabel), s("ch-edit", {
+      // local kb name
+      class: "input",
+      id: "local-kb-name",
+      value: this.localKbNameInputValue,
+      onInput: d(this, S, "f"),
+      placeholder: d(this, m, "f").kb.localKbNamePlaceholder,
+      ref: t => c(this, W, t, "f")
+    }), d(this, j, "f").call(this, d(this, W, "f")))), d(this, L, "f").call(this)));
+  }
+  static get assetsDirs() {
+    return [ "gx-ide-assets/create-kb-from-server" ];
+  }
+  get el() {
+    return a(this);
+  }
+};
+
+f = new WeakMap, p = new WeakMap, u = new WeakMap, m = new WeakMap, b = new WeakMap, 
+w = new WeakMap, v = new WeakMap, g = new WeakMap, k = new WeakMap, y = new WeakMap, 
+M = new WeakMap, W = new WeakMap, x = new WeakMap, T = new WeakMap, _ = new WeakMap, 
+j = new WeakMap, C = new WeakMap, E = new WeakMap, P = new WeakMap, S = new WeakMap, 
+z = new WeakMap, A = new WeakMap, I = new WeakMap, L = new WeakMap;
+
+K.style = h;
+
+export { K as gx_ide_create_kb_from_server };
+//# sourceMappingURL=p-2c6dd837.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["mapKbsModelToActionListModel","kbsData","listBoxItems","forEach","kb","push","id","type","caption","name","createKbFromServerCss","CSS_BUNDLES","GxIdeCreateKbFromServer","_GxIdeCreateKbFromServer_chSearchIcon","set","this","getIconPath","category","colorType","_GxIdeCreateKbFromServer_showMoreIcon","_GxIdeCreateKbFromServer_versionsSelect","value","_GxIdeCreateKbFromServer__componentLocale","_GxIdeCreateKbFromServer_kbsActionListModel","_GxIdeCreateKbFromServer_kbVersionsIds","_GxIdeCreateKbFromServer_shortcutsSrc","getAssetPath","_GxIdeCreateKbFromServer_selectedKbId","_GxIdeCreateKbFromServer_kbNameAlreadyEditedByUser","_GxIdeCreateKbFromServer_searchKbsEl","_GxIdeCreateKbFromServer_versionSelectedTypeEl","_GxIdeCreateKbFromServer_localKBNameEl","_GxIdeCreateKbFromServer_cancelHandler","cancelCallback","_GxIdeCreateKbFromServer_changeConnectionHandler","async","changeConnectionCallback","authenticationType","connectionData","serverUrl","userName","userPassword","_GxIdeCreateKbFromServer_createHandler","versionSelectedType","__classPrivateFieldSet","createKBCallback","selectedKB","__classPrivateFieldGet","versionSelected","localKBName","localKbNameInputValue","versionList","then","formSubmitResult","validatableControls","validateControls","_GxIdeCreateKbFromServer_evaluateTooltipRender","controlReference","_b","_a","get","hasError","_c","message","h","class","actionElement","blockAlign","config","tooltipSettings","inlineAlign","delay","_GxIdeCreateKbFromServer_filterValueChangedHandler","event","filterValue","detail","toLowerCase","kbsFilteredActionListModel","filter","item","includes","_GxIdeCreateKbFromServer_init","getGXserverKBsCallback","result","_GxIdeCreateKbFromServer_initializeValidatableControls","validatableControl","reference","undefined","_GxIdeCreateKbFromServer_inputLocalKbNameHandler","_GxIdeCreateKbFromServer_selectedVersionHandler","selectKBVersionsCallback","length","versionsValueInput","toString","concat","versionSelectedFieldValue","map","kbVersion","_GxIdeCreateKbFromServer_selectKbChangeHandler","enableSelectVersionsButton","_GxIdeCreateKbFromServer_versionsChangedHandler","_GxIdeCreateKbFromServer_renderFooter","onClick","part","footer","cancel","disabled","createKb","Map","componentDidLoad","focus","call","componentWillLoad","Locale","getComponentStrings","el","render","Host","model","src","ref","chShortcutsEl","header","user","change","startImgSrc","onInput","placeholder","searchKbsPlaceholder","selection","onSelectedItemsChange","onChange","htmlFor","versionsLabel","readonly","versionsPlaceholder","versionsPlaceholderDisabled","localKbNameLabel","localKbNamePlaceholder"],"sources":["src/components/team-dev/create-kb-from-server/helpers.ts","src/components/team-dev/create-kb-from-server/create-kb-from-server.scss?tag=gx-ide-create-kb-from-server&encapsulation=shadow","src/components/team-dev/create-kb-from-server/create-kb-from-server.tsx"],"sourcesContent":["import { ActionListItemModel } from \"@genexus/chameleon-controls-library\";\nimport { KBData } from \"./create-kb-from-server\";\n\nexport const mapKbsModelToActionListModel = (\n  kbsData: KBData[]\n): ActionListItemModel[] => {\n  const listBoxItems: ActionListItemModel[] = [];\n  kbsData.forEach(kb => {\n    listBoxItems.push({\n      id: kb.id,\n      type: \"actionable\",\n      caption: kb.name\n    });\n  });\n  return listBoxItems;\n};\n",":host {\n  display: grid;\n  block-size: 100%;\n  grid-template-rows: max-content 1fr max-content;\n}\n\n.section {\n  display: contents;\n}\n\n// - - - - - - - - - - -\n// Header\n// - - - - - - - - - - -\n\nheader {\n  display: grid;\n  grid-template-rows: max-content;\n  grid-template-columns: 1fr 1fr max-content;\n}\n\n.button-change {\n  align-self: center;\n  justify-self: end;\n}\n\n// - - - - - - - - - - -\n// Main\n// - - - - - - - - - - -\n\n.main {\n  display: grid;\n  grid-template-columns: 1fr;\n  grid-template-rows: max-content 1fr max-content max-content;\n}\n\n.search-kbs {\n  inline-size: 50%;\n}\n\n.versions-container {\n  grid-auto-rows: max-content;\n\n  &__input {\n    display: grid;\n    grid-template-columns: 1fr max-content;\n    gap: var(--mer-spacing--xs);\n  }\n}\n","// Stencil\nimport {\n  Component,\n  Host,\n  h,\n  Prop,\n  Element,\n  State,\n  getAssetPath\n} from \"@stencil/core\";\n\n// Other Libraries\nimport { getIconPath, MercuryBundles } from \"@genexus/mercury\";\n\n// Custom Imports\nimport { config } from \"../../../common/config\";\nimport { GXServerConnectionData } from \"../connect-gx-server/connect-gx-server\";\nimport { FormSubmitResult } from \"../../../common/types\";\nimport {\n  ControlValidation,\n  validateControls\n} from \"../../../common/form-validation\";\nimport { Locale } from \"../../../common/locale\";\nimport { mapKbsModelToActionListModel } from \"./helpers\";\nimport {\n  ActionListItemActionable,\n  ActionListItemModel,\n  ActionListItemModelExtended,\n  ChActionListRenderCustomEvent,\n  ChEditCustomEvent\n} from \"@genexus/chameleon-controls-library\";\nimport { RadioGroupItemModel } from \"@genexus/chameleon-controls-library/dist/types/components/radio-group/types\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"utils/form--full\",\n  \"utils/layout\",\n  \"utils/typography\",\n  \"utils/spacing\",\n  \"components/list-box\",\n  \"components/tooltip\",\n  \"chameleon/scrollbar\"\n];\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  #chSearchIcon = getIconPath({\n    category: \"system\",\n    name: \"search\",\n    colorType: \"on-surface\"\n  });\n\n  #showMoreIcon = getIconPath({\n    category: \"gemini-tools\",\n    name: \"show-more-horizontal\",\n    colorType: \"on-elevation\"\n  });\n\n  #versionsSelect: RadioGroupItemModel[] = [\n    { value: \"Trunk\", caption: \"Trunk Version\" },\n    { value: \"All\", caption: \"All Versions\" }\n    // { value: \"Select\", caption: \"Select Version\" } TODO: display once \"gx-ide-select-kb-versions\" is ready.\n  ];\n\n  [key: string]: any;\n\n  #_componentLocale: any;\n  #kbsActionListModel: ActionListItemModel[] = [];\n  #kbVersionsIds: string[] = [];\n  #shortcutsSrc = getAssetPath(\n    `./gx-ide-assets/create-kb-from-server/shortcuts.json`\n  );\n  #selectedKbId: string;\n  #kbNameAlreadyEditedByUser: boolean = false;\n\n  #searchKbsEl!: HTMLChEditElement;\n  #versionSelectedTypeEl: HTMLChRadioGroupRenderElement;\n\n  @Element() el: HTMLGxIdeCreateKbFromServerElement;\n\n  #localKBNameEl!: HTMLChEditElement;\n\n  /**\n   * State to enable/disable the select versions button\n   */\n  @State() enableSelectVersionsButton: boolean = false;\n\n  /**\n   * The current kbn name value.\n   */\n  @State() localKbNameInputValue: string = \"\";\n\n  /**\n   * State to store the filter input value to filter the list-box\n   */\n  @State() filterValue: string = \"\";\n\n  /**\n   * KBs filtered\n   */\n  @State() kbsFilteredActionListModel: ActionListItemModel[] = [];\n\n  @State() validatableControls = new Map<string, ControlValidation>();\n\n  /**\n   * The version selected type\n   */\n  @State() versionSelectedType: VersionOption;\n\n  /**\n   * String value to show the number of versions selected (\"N versions selected\")\n   */\n  @State() versionsValueInput: string = \"\";\n\n  /**\n   * Set of data required when executing any of the callbacks that require a connection to the server.\n   */\n  @Prop() readonly connectionData: GXServerConnectionData;\n\n  /**\n   * Callback that is invoked when the dialog is closed\n   */\n  @Prop() readonly cancelCallback!: () => Promise<void>;\n\n  /**\n   * The host reopens the gx-ide-connect-server login modal with the previous data, and closes the current modal\n   */\n  @Prop() readonly changeConnectionCallback: (\n    data: GXServerConnectionData\n  ) => Promise<void>;\n\n  /**\n   * Callback that must be invoked when the 'Create KB' button is pressed. Receives the user's parameter selection to create the remote KB locally and ends the dialog.\n   */\n  @Prop() readonly createKBCallback!: (\n    kbInfo: KnowledgeBaseInfo\n  ) => Promise<FormSubmitResult>;\n\n  /**\n   * Callback that must be invoked when invoking the dialog\n   */\n  @Prop() readonly getGXserverKBsCallback!: (\n    data: GXServerConnectionData\n  ) => Promise<KBData[]>;\n\n  /**\n   *  Callback invoked by pressing the ellipsis in the version selector. Receives the KB selected by the user, and displays the version selector dialog. Returns a list of versions chosen by the user.\n   */\n  @Prop() readonly selectKBVersionsCallback: (\n    selectedKB: string\n  ) => Promise<KBVersion[]>;\n\n  componentDidLoad() {\n    (this.#searchKbsEl as HTMLElement).focus();\n\n    this.versionSelectedType = this.#versionSelectedTypeEl\n      .value as VersionOption;\n\n    this.#initializeValidatableControls();\n  }\n\n  async componentWillLoad() {\n    this.#_componentLocale = await Locale.getComponentStrings(this.el);\n    await this.#init();\n  }\n\n  #cancelHandler = (): void => {\n    this.cancelCallback();\n  };\n\n  #changeConnectionHandler = async (): Promise<void> => {\n    this.changeConnectionCallback({\n      authenticationType: this.connectionData.authenticationType,\n      serverUrl: this.connectionData.serverUrl,\n      userName: this.connectionData.userName,\n      userPassword: this.connectionData.userPassword\n    });\n  };\n\n  #createHandler = async (): Promise<void> => {\n    if (this.versionSelectedType !== \"Select\") {\n      this.#kbVersionsIds = [];\n    }\n    this.createKBCallback({\n      selectedKB: this.#selectedKbId,\n      versionSelected: this.versionSelectedType,\n      localKBName: this.localKbNameInputValue,\n      versionList: this.#kbVersionsIds\n    }).then((formSubmitResult: FormSubmitResult) => {\n      this.validatableControls = validateControls(\n        formSubmitResult,\n        this.validatableControls\n      );\n    });\n  };\n\n  // TODO: evaluate if this should be a global helper function.\n  // It is used on other dialogs as well.\n  #evaluateTooltipRender = (\n    controlReference: HTMLElement\n  ): HTMLChTooltipElement =>\n    this.validatableControls?.get(controlReference?.id)?.hasError &&\n    this.validatableControls.get(controlReference.id)?.message && (\n      <ch-tooltip\n        class=\"tooltip\"\n        actionElement={controlReference as unknown as HTMLButtonElement}\n        blockAlign={config.tooltipSettings.blockAlign}\n        inlineAlign={config.tooltipSettings.inlineAlign}\n        delay={config.tooltipSettings.delay}\n      >\n        {this.validatableControls.get(controlReference.id).message}\n      </ch-tooltip>\n    );\n\n  #filterValueChangedHandler = (\n    event: ChEditCustomEvent<string> | InputEvent\n  ) => {\n    this.filterValue = (event.detail as string).toLowerCase();\n    this.kbsFilteredActionListModel = this.#kbsActionListModel.filter(\n      (item: ActionListItemActionable) =>\n        item.caption.toLowerCase().includes(this.filterValue)\n    );\n  };\n\n  #init = async () => {\n    await this.getGXserverKBsCallback({\n      authenticationType: this.connectionData.authenticationType,\n      serverUrl: this.connectionData.serverUrl,\n      userName: this.connectionData.userName,\n      userPassword: this.connectionData.userPassword\n    }).then(result => {\n      this.#kbsActionListModel = mapKbsModelToActionListModel(result);\n      this.kbsFilteredActionListModel = this.#kbsActionListModel;\n      this.filterValue = \"\";\n    });\n  };\n\n  #initializeValidatableControls = () => {\n    // populate validatableControls with the controls that could have errors.\n    const validatableControls: HTMLElement[] = [this.#localKBNameEl];\n    validatableControls.forEach(validatableControl => {\n      if (validatableControl.id) {\n        this.validatableControls.set(validatableControl.id, {\n          reference: validatableControl,\n          hasError: false,\n          message: undefined\n        });\n      }\n    });\n  };\n\n  #inputLocalKbNameHandler = (\n    event: ChEditCustomEvent<string> | InputEvent\n  ) => {\n    this.localKbNameInputValue = event.detail as string;\n    this.#kbNameAlreadyEditedByUser = true;\n  };\n\n  #selectedVersionHandler = async () => {\n    if (this.selectKBVersionsCallback) {\n      await this.selectKBVersionsCallback(this.#selectedKbId).then(result => {\n        if (result?.length) {\n          this.versionsValueInput = result.length\n            .toString()\n            .concat(this.#_componentLocale.kb.versionSelectedFieldValue);\n          this.#kbVersionsIds = result.map(kbVersion =>\n            kbVersion.id.toString()\n          );\n        }\n      });\n    }\n  };\n\n  #selectKbChangeHandler = (\n    event: ChActionListRenderCustomEvent<ActionListItemModelExtended[]>\n  ): void => {\n    const item = event.detail[0]?.item as ActionListItemActionable;\n    if (item === undefined) {\n      this.enableSelectVersionsButton = false;\n      this.#selectedKbId = undefined;\n      return;\n    }\n    this.enableSelectVersionsButton = true;\n    this.#selectedKbId = item.id;\n    if (this.#kbNameAlreadyEditedByUser) {\n      return;\n    }\n    this.localKbNameInputValue = item.caption;\n  };\n\n  #versionsChangedHandler = (event: CustomEvent<string>) => {\n    this.versionSelectedType = event.detail as VersionOption;\n  };\n\n  #renderFooter = () => {\n    return (\n      <footer class=\"footer control-footer-with-border spacing-body-inline spacing-body-block-end\">\n        <div class=\"buttons-spacer\">\n          <button\n            // cancel button\n            class=\"button-secondary\"\n            onClick={this.#cancelHandler}\n            part=\"button button-cancel\"\n          >\n            {this.#_componentLocale.footer.cancel}\n          </button>\n\n          <button\n            // create kb button\n            class=\"button-primary\"\n            onClick={this.enableSelectVersionsButton && this.#createHandler}\n            disabled={!this.enableSelectVersionsButton}\n            part=\"button button-create-kb\"\n          >\n            {this.#_componentLocale.footer.createKb}\n          </button>\n        </div>\n      </footer>\n    );\n  };\n\n  render(): void {\n    return (\n      <Host class=\"widget\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <ch-shortcuts\n          src={this.#shortcutsSrc}\n          ref={(el: HTMLChShortcutsElement) =>\n            (this.chShortcutsEl = el as HTMLChShortcutsElement)\n          }\n        ></ch-shortcuts>\n\n        <section class=\"section\">\n          <header class=\"header control-header-with-border space-body spacing-body-inline spacing-body-block-start\">\n            <div class=\"field field-block\">\n              <label class=\"label\">\n                {this.#_componentLocale.header.serverUrl}\n              </label>\n              <p>{this.connectionData.serverUrl}</p>\n            </div>\n\n            <div class=\"field field-block\">\n              <label class=\"label\">{this.#_componentLocale.header.user}</label>\n              <p>{this.connectionData.userName}</p>\n            </div>\n\n            <button\n              class=\"button-tertiary button-change\"\n              onClick={this.#changeConnectionHandler}\n            >\n              {this.#_componentLocale.header.change}\n            </button>\n          </header>\n\n          <section class=\"main field-group spacing-body\">\n            <ch-edit\n              class=\"input search-kbs\"\n              id=\"local-kb-name\"\n              startImgSrc={this.#chSearchIcon}\n              onInput={this.#filterValueChangedHandler}\n              placeholder={this.#_componentLocale.kb.searchKbsPlaceholder}\n              ref={el => (this.#searchKbsEl = el as HTMLChEditElement)}\n            ></ch-edit>\n\n            <ch-action-list-render\n              selection=\"single\"\n              class=\"list-box\"\n              onSelectedItemsChange={this.#selectKbChangeHandler}\n              model={this.kbsFilteredActionListModel}\n            ></ch-action-list-render>\n\n            <div class=\"versions-container field-group\">\n              <ch-radio-group-render\n                class=\"radio-group\"\n                model={this.#versionsSelect}\n                onChange={this.#versionsChangedHandler}\n                value={this.#versionsSelect[0].value}\n                ref={el =>\n                  (this.#versionSelectedTypeEl =\n                    el as HTMLChRadioGroupRenderElement)\n                }\n              ></ch-radio-group-render>\n\n              {this.versionSelectedType === \"Select\" && (\n                <div class=\"versions-container__item field-group\">\n                  <div class=\"field field-block\">\n                    <label class=\"label\" htmlFor=\"control-id-1\">\n                      {this.#_componentLocale.kb.versionsLabel}\n                    </label>\n                    <div class=\"versions-container__input\">\n                      <ch-edit\n                        class=\"input\"\n                        readonly\n                        placeholder={\n                          this.enableSelectVersionsButton\n                            ? this.#_componentLocale.kb.versionsPlaceholder\n                            : this.#_componentLocale.kb\n                                .versionsPlaceholderDisabled\n                        }\n                        value={this.versionsValueInput}\n                      ></ch-edit>\n                      <button\n                        class=\"button-tertiary button-icon-only\"\n                        onClick={this.#selectedVersionHandler}\n                        disabled={!this.enableSelectVersionsButton}\n                      >\n                        <ch-image\n                          src={this.#showMoreIcon}\n                          class=\"icon-sm\"\n                        ></ch-image>\n                      </button>\n                    </div>\n                  </div>\n                </div>\n              )}\n            </div>\n\n            <div class=\"field field-block\">\n              <label class=\"label\" htmlFor=\"localKbName\">\n                {this.#_componentLocale.kb.localKbNameLabel}\n              </label>\n              <ch-edit\n                // local kb name\n                class=\"input\"\n                id=\"local-kb-name\"\n                value={this.localKbNameInputValue}\n                onInput={this.#inputLocalKbNameHandler}\n                placeholder={this.#_componentLocale.kb.localKbNamePlaceholder}\n                ref={(el: HTMLChEditElement) =>\n                  (this.#localKBNameEl = el as HTMLChEditElement)\n                }\n              ></ch-edit>\n              {this.#evaluateTooltipRender(this.#localKBNameEl)}\n            </div>\n          </section>\n\n          {this.#renderFooter()}\n        </section>\n      </Host>\n    );\n  }\n}\n\nexport type KBData = {\n  id: string;\n  name: string;\n};\n\nexport type KBVersion = {\n  id: number;\n  name: string;\n  type: VersionType;\n};\n\nexport type ConnectionResultData = {\n  formResult: FormSubmitResult;\n  kbs: KBData[];\n};\n\nexport type KnowledgeBaseInfo = {\n  selectedKB: string;\n  versionSelected: VersionOption;\n  localKBName: string;\n  versionList: string[];\n};\n\nexport type VersionOption = \"Trunk\" | \"All\" | \"Select\";\n\nexport type VersionType = \"Branch\" | \"Frozen\";\n"],"mappings":"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"}

package/dist/genexus-ide-ui/p-407c31c6.entry.js

@@ -0,0 +1,264 @@
+import { r as e, h as t, H as s, g as i } from "./p-aaed592c.js";
+
+import { c as a } from "./p-78b90603.js";
+
+import { L as n } from "./p-74d59062.js";
+
+import { v as o } from "./p-289c3290.js";
+
+const mapAuthenticationTypeToComboBoxModel = e => e.map((e => ({
+  value: e.id,
+  caption: e.name
+})));
+
+const mapServerUrlsToComboBoxModel = e => e.map((e => ({
+  value: e,
+  caption: e
+})));
+
+const r = ':host{display:grid;block-size:100%;overflow:auto;grid-template-rows:1fr max-content}.main{display:grid;grid-template-areas:"server-url server-url" "authentication-type ." "user-name user-password";grid-auto-rows:max-content;grid-template-columns:1fr 1fr}.section{display:contents}.authentication-type{grid-area:authentication-type}.server-url{grid-area:server-url}.user-name{grid-area:user-name}.user-password{grid-area:user-password}';
+
+var l = undefined && undefined.__classPrivateFieldGet || function(e, t, s, i) {
+  if (s === "a" && !i) throw new TypeError("Private accessor was defined without a getter");
+  if (typeof t === "function" ? e !== t || !i : !t.has(e)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+  return s === "m" ? i : s === "a" ? i.call(e) : i ? i.value : t.get(e);
+};
+
+var d = undefined && undefined.__classPrivateFieldSet || function(e, t, s, i, a) {
+  if (i === "m") throw new TypeError("Private method is not writable");
+  if (i === "a" && !a) throw new TypeError("Private accessor was defined without a setter");
+  if (typeof t === "function" ? e !== t || !a : !t.has(e)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+  return i === "a" ? a.call(e, s) : a ? a.value = s : t.set(e, s), s;
+};
+
+var h, c, u, f, p, v, m, w, b, g, y, k, M;
+
+const x = [ "resets/box-sizing", "components/tab", "components/tooltip", "utils/form--full", "utils/layout", "utils/typography", "utils/spacing", "chameleon/scrollbar" ];
+
+const W = class {
+  constructor(s) {
+    e(this, s);
+    /**
+         * The component hard-coded strings translations.
+         */
+    // eslint-disable-next-line @stencil-community/own-props-must-be-private
+        h.set(this, void 0);
+    c.set(this, void 0);
+    u.set(this, void 0);
+    f.set(this, void 0);
+    p.set(this, (() => {
+      this.cancelCallback();
+    }));
+    v.set(this, (async () => {
+      this.connectCallback(this.gxServerConnectionData).then((e => {
+        this.validatableControls = o(e, this.validatableControls);
+      }));
+    }));
+    // TODO: evaluate if this should be a global helper function.
+    // It is used on other dialogs as well.
+        m.set(this, (e => {
+      var s, i, n;
+      return ((i = (s = this.validatableControls) === null || s === void 0 ? void 0 : s.get(e === null || e === void 0 ? void 0 : e.id)) === null || i === void 0 ? void 0 : i.hasError) && ((n = this.validatableControls.get(e.id)) === null || n === void 0 ? void 0 : n.message) && t("ch-tooltip", {
+        class: "tooltip",
+        actionElement: e,
+        blockAlign: a.tooltipSettings.blockAlign,
+        inlineAlign: a.tooltipSettings.inlineAlign,
+        delay: a.tooltipSettings.delay
+      }, this.validatableControls.get(e.id).message);
+    }));
+    w.set(this, (() => {
+      var e, t, s, i, a, n, o, r;
+      this.authenticationTypesChanged(this.authenticationTypes);
+      this.serverUrlsChanged(this.serverUrls);
+      // set initial values:
+      // server url
+            this.gxServerConnectionData.serverUrl = ((e = this.defaultConnectionData) === null || e === void 0 ? void 0 : e.serverUrl) || ((t = this.serverUrlsComboBoxModel[0]) === null || t === void 0 ? void 0 : t.value);
+      // authentication type
+            this.gxServerConnectionData.authenticationType = {
+        id: ((s = this.defaultConnectionData) === null || s === void 0 ? void 0 : s.authenticationType.id) || ((i = this.authenticationTypesComboBoxModel[0]) === null || i === void 0 ? void 0 : i.value),
+        name: ((a = this.defaultConnectionData) === null || a === void 0 ? void 0 : a.authenticationType.name) || ((n = this.authenticationTypesComboBoxModel[0]) === null || n === void 0 ? void 0 : n.caption)
+      };
+      // user name
+            this.gxServerConnectionData.userName = (o = this.defaultConnectionData) === null || o === void 0 ? void 0 : o.userName;
+      this.gxServerConnectionData.userPassword = (r = this.defaultConnectionData) === null || r === void 0 ? void 0 : r.userPassword;
+    }));
+    b.set(this, (() => {
+      // populate #controlsValidation with the controls that could have errors.
+      const e = [ l(this, c, "f"), l(this, u, "f"), l(this, f, "f") ];
+      e.forEach((e => {
+        if (e.id) {
+          this.validatableControls.set(e.id, {
+            reference: e,
+            hasError: false,
+            message: undefined
+          });
+        }
+      }));
+    }));
+    // handlers that update this.gxServerConnectionData:
+        g.set(this, (e => {
+      this.gxServerConnectionData.serverUrl = e.detail;
+    }));
+    y.set(this, (e => {
+      const t = e.detail;
+      const s = this.authenticationTypes.findIndex((e => e.id === t));
+      const i = this.authenticationTypes[s].name;
+      this.gxServerConnectionData.authenticationType = {
+        id: t,
+        name: i
+      };
+    }));
+    k.set(this, (e => {
+      this.gxServerConnectionData.userName = e.detail;
+    }));
+    M.set(this, (e => {
+      this.gxServerConnectionData.userPassword = e.detail;
+    }));
+    this.authenticationTypesComboBoxModel = undefined;
+    this.gxServerConnectionData = {
+      authenticationType: {
+        id: null,
+        name: null
+      },
+      serverUrl: null,
+      userName: null,
+      userPassword: null
+    };
+    this.serverUrlsComboBoxModel = undefined;
+    this.validatableControls = new Map;
+    this.authenticationTypes = undefined;
+    this.cancelCallback = undefined;
+    this.connectCallback = undefined;
+    this.defaultConnectionData = undefined;
+    this.enableCustomServer = false;
+    this.serverUrls = undefined;
+  }
+  authenticationTypesChanged(e) {
+    if (e === null || e === void 0 ? void 0 : e.length) {
+      this.authenticationTypesComboBoxModel = mapAuthenticationTypeToComboBoxModel(e);
+    }
+  }
+  serverUrlsChanged(e) {
+    if (e === null || e === void 0 ? void 0 : e.length) {
+      this.serverUrlsComboBoxModel = mapServerUrlsToComboBoxModel(e);
+    }
+  }
+  async componentWillLoad() {
+    d(this, h, await n.getComponentStrings(this.el), "f");
+    l(this, w, "f").call(this);
+  }
+  async componentDidLoad() {
+    l(this, b, "f").call(this);
+  }
+  render() {
+    var e, i, a, n;
+    return t(s, {
+      class: "widget"
+    }, t("ch-theme", {
+      model: x
+    }), t("section", {
+      class: "section"
+    }, t("div", {
+      class: "main field-group spacing-body"
+    }, t("div", {
+      // server urls
+      class: "field field-block server-url"
+    }, t("label", {
+      class: "label",
+      htmlFor: "server-url"
+    }, l(this, h, "f").main.serverURLLabel), t("ch-combo-box-render", {
+      id: "server-url",
+      class: "combo-box",
+      accessibleName: "Server Url",
+      model: this.serverUrlsComboBoxModel,
+      placeholder: "Select a server URL",
+      value: (e = this.gxServerConnectionData) === null || e === void 0 ? void 0 : e.serverUrl,
+      onInput: l(this, g, "f"),
+      suggest: this.enableCustomServer,
+      suggestOptions: {
+        alreadyProcessed: true,
+        autoExpand: false,
+        hideMatchesAndShowNonMatches: false,
+        highlightMatchedItems: false,
+        matchCase: false,
+        regularExpression: false,
+        renderActiveItemIconOnExpand: true,
+        strict: false
+      },
+      ref: e => d(this, f, e, "f")
+    }), l(this, m, "f").call(this, l(this, f, "f"))), t("div", {
+      // authentication types
+      class: "field field-block authentication-type"
+    }, t("label", {
+      class: "label",
+      htmlFor: "authentication-type"
+    }, l(this, h, "f").main.authenticationTypeLabel), t("ch-combo-box-render", {
+      id: "authentication-type",
+      class: "combo-box",
+      accessibleName: "Authentication Types",
+      model: this.authenticationTypesComboBoxModel,
+      placeholder: "Select an authentication type",
+      value: (i = this.gxServerConnectionData) === null || i === void 0 ? void 0 : i.authenticationType.id,
+      onInput: l(this, y, "f")
+    })), t("div", {
+      // username
+      class: "field field-block user-name"
+    }, t("label", {
+      class: "label",
+      htmlFor: "username"
+    }, l(this, h, "f").main.usernameLabel), t("ch-edit", {
+      type: "text",
+      id: "username",
+      class: "input",
+      value: (a = this.gxServerConnectionData) === null || a === void 0 ? void 0 : a.userName,
+      onInput: l(this, k, "f"),
+      ref: e => d(this, c, e, "f")
+    }), l(this, m, "f").call(this, l(this, c, "f"))), t("div", {
+      // user password
+      class: "field field-block user-password"
+    }, t("label", {
+      class: "label",
+      htmlFor: "password"
+    }, l(this, h, "f").main.passwordLabel), t("ch-edit", {
+      type: "password",
+      id: "password",
+      class: "input",
+      value: (n = this.gxServerConnectionData) === null || n === void 0 ? void 0 : n.userPassword,
+      onInput: l(this, M, "f"),
+      ref: e => d(this, u, e, "f")
+    }), l(this, m, "f").call(this, l(this, u, "f")))), t("footer", {
+      class: "control-footer-with-border spacing-body"
+    }, t("div", {
+      class: "buttons-spacer"
+    }, t("button", {
+      // cancel button
+      class: "button-secondary",
+      onClick: l(this, p, "f")
+    }, l(this, h, "f").footer.cancelButtonCaption), t("button", {
+      // connect button
+      class: "button-primary",
+      onClick: l(this, v, "f")
+    }, l(this, h, "f").footer.connectButtonCaption)))));
+  }
+  static get assetsDirs() {
+    return [ "gx-ide-assets/connect-gx-server" ];
+  }
+  get el() {
+    return i(this);
+  }
+  static get watchers() {
+    return {
+      authenticationTypes: [ "authenticationTypesChanged" ],
+      serverUrls: [ "serverUrlsChanged" ]
+    };
+  }
+};
+
+h = new WeakMap, c = new WeakMap, u = new WeakMap, f = new WeakMap, p = new WeakMap, 
+v = new WeakMap, m = new WeakMap, w = new WeakMap, b = new WeakMap, g = new WeakMap, 
+y = new WeakMap, k = new WeakMap, M = new WeakMap;
+
+W.style = r;
+
+export { W as gx_ide_connect_gx_server };
+//# sourceMappingURL=p-407c31c6.entry.js.map