@genexus/genexus-ide-ui 0.0.130 → 0.0.132

package/dist/genexus-ide-ui/p-27640de6.entry.js

@@ -0,0 +1,127 @@
+import { r as e, c as t, h as r, H as o, g as a } from "./p-48217969.js";
+
+import { c as i } from "./p-9c1b4eb9.js";
+
+import { L as s } from "./p-74d59062.js";
+
+import { f as l } from "./p-00095d68.js";
+
+const n = ":root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-01--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-02{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-02--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--color-on-primary)}.gxg-title-03{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-03--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-04{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-04--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-05{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-05--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable)}.gxg-text--negative{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text--gray{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--dimmed)}.gxg-quote{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);font-style:italic}.gxg-quote--negative{color:var(--ds-base-font-color--negative)}.gxg-link{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--ds-base-font-color--link-hover)}.gxg-link:active{color:var(--ds-base-font-color--link-active)}.gxg-link-gray{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed)}.gxg-link-gray:hover{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed);filter:brightness(1.4)}.gxg-alert-error{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--error);display:inline-block}.gxg-alert-warning{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--warning);display:inline-block}.gxg-alert-success{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--success);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(--ds-base-font-family-primary);font-weight:var(--gxg-label-font-weight);font-size:var(--gxg-label-font-size);color:var(--gxg-label-color);text-align:center;line-height:1.455em;display:flex;align-items:center}.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-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gxg-scrollbar::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.gxi-hidden{display:none !important}.gxi-full-height{height:100%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}.justify-start{display:flex;justify-content:start}.justify-center{display:flex;justify-content:center}.justify-end{display:flex;justify-content:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:99;border-bottom:1px solid var(--mer-color__neutral-gray--800)}ch-grid-column:first-child{padding-inline-start:var(--gx-ide-container__padding) !important}ch-grid-column:last-child{padding-inline-end:var(--gx-ide-container__padding) !important}ch-grid-cell{--mer-spacing--xs:var(--gx-ide-container__padding)}.layout{display:grid;gap:var(--mer-spacing--lg);box-sizing:border-box}.layout--two-cols{grid-template-columns:1fr 1fr}.layout--space-above{padding-block-start:var(--mer-spacing--lg)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--mer-font__weight--regular);font-size:var(--mer-font__size--xs);font-family:var(--mer-font-family--primary);height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-main::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-main::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-main::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-overflow::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.tree-container{display:flex;height:100%;width:100%;box-sizing:border-box}p{margin:0}:host{display:block}.user-details-container{display:flex;gap:var(--gx-ide-form-items-gap)}";
+
+const g = class {
+  constructor(o) {
+    e(this, o);
+    this.componentDidRenderFirstTime = t(this, "componentDidRenderFirstTime", 7);
+    this.renderedFirstTime = false;
+    // 7.LISTENERS //
+    // 8.PUBLIC METHODS API //
+    // 9.LOCAL METHODS //
+        this.renderServerUrls = () => {
+      var e;
+      if ((e = this.serverUrls) === null || e === void 0 ? void 0 : e.length) {
+        return this.serverUrls.map((e => r("gxg-combo-box-item", null, e)));
+      }
+      return [];
+    };
+    this.continueWithGxServerHandler = e => {
+      this.displayLoginControls = !e.detail.value;
+    };
+    this.evaluateDisplayLoginControls = () => {
+      if (this.enableUserLogged) {
+        this.displayLoginControls = false;
+      } else {
+        this.displayLoginControls = true;
+      }
+    };
+    this.connectHandler = () => {
+      if (this.connectCallback) {
+        this.connectCallback({
+          serverUrl: this.serverURLEl.value,
+          continueWithGeneXusAccount: this.continueWithGeneXusAccountEl.checked,
+          user: this.userNameEl.value,
+          password: this.passwordEl.value
+        }).then((e => {
+          console.log(e);
+          l(e, this);
+        }));
+      }
+    };
+    this.displayLoginControls = false;
+    this.displayTitle = false;
+    this.serverUrls = undefined;
+    this.enableCustomServer = false;
+    this.defaultConnectionData = undefined;
+    this.enableUserLogged = false;
+    this.connectCallback = undefined;
+    this.cancelCallback = undefined;
+  }
+  // 6.COMPONENT LIFECYCLE METHODS //
+  async componentWillLoad() {
+    this._componentLocale = await s.getComponentStrings(this.el);
+    this.evaluateDisplayLoginControls();
+  }
+  componentDidRender() {
+    if (!this.renderedFirstTime) {
+      this.componentDidRenderFirstTime.emit(this._componentLocale.componentName);
+      this.renderedFirstTime = true;
+    }
+  }
+  // 10.RENDER() FUNCTION //
+  render() {
+    var e;
+    return r(o, {
+      class: "gx-ide-component"
+    }, r("div", {
+      class: "gx-ide-main-wrapper"
+    }, r("gx-ide-container", {
+      containerTitle: this.displayTitle ? this._componentLocale.componentName : null,
+      slimmerFooter: i.gxIdeContainer.slimmerFooter
+    }, r("gxg-combo-box", {
+      label: this._componentLocale.main.serverUrl,
+      disableFilter: !this.enableCustomServer,
+      value: (e = this.defaultConnectionData) === null || e === void 0 ? void 0 : e.serverUrl,
+      ref: e => this.serverURLEl = e,
+      toolTip: i.tooltip
+    }, this.renderServerUrls()), r("gxg-form-checkbox", {
+      label: this._componentLocale.main.continueWithGxAccount,
+      onChange: this.continueWithGxServerHandler,
+      checked: this.defaultConnectionData ? this.defaultConnectionData.continueWithGeneXusAccount : this.enableUserLogged,
+      disabled: !this.enableUserLogged,
+      ref: e => this.continueWithGeneXusAccountEl = e
+    }), this.displayLoginControls ? r("div", {
+      class: "user-details-container"
+    }, r("gxg-form-text", {
+      label: this._componentLocale.main.userName,
+      labelPosition: "above",
+      disabled: !this.displayLoginControls,
+      value: this.defaultConnectionData.user,
+      ref: e => this.userNameEl = e,
+      toolTip: i.tooltip
+    }), r("gxg-form-text", {
+      label: this._componentLocale.main.password,
+      labelPosition: "above",
+      disabled: !this.displayLoginControls,
+      value: this.defaultConnectionData.password,
+      ref: e => this.passwordEl = e,
+      password: true,
+      toolTip: i.tooltip
+    })) : null, r("gxg-button", {
+      slot: "footer-end",
+      type: "outlined"
+    }, this._componentLocale.main.cancel), r("gxg-button", {
+      slot: "footer-end",
+      onClick: this.connectHandler
+    }, this._componentLocale.main.connect))));
+  }
+  static get assetsDirs() {
+    return [ "gx-ide-assets/connect-gx-server" ];
+  }
+  get el() {
+    return a(this);
+  }
+};
+
+g.style = n;
+
+export { g as gx_ide_connect_gx_server };
+//# sourceMappingURL=p-27640de6.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["connectGxServerCss","GxIdeConnectGxServer","this","renderedFirstTime","renderServerUrls","_a","serverUrls","length","map","serverUrl","h","continueWithGxServerHandler","event","displayLoginControls","detail","value","evaluateDisplayLoginControls","enableUserLogged","connectHandler","connectCallback","serverURLEl","continueWithGeneXusAccount","continueWithGeneXusAccountEl","checked","user","userNameEl","password","passwordEl","then","formSubmitResult","console","log","formSubmitValidation","componentWillLoad","_componentLocale","Locale","getComponentStrings","el","componentDidRender","componentDidRenderFirstTime","emit","componentName","render","Host","class","containerTitle","displayTitle","slimmerFooter","config","gxIdeContainer","label","main","disableFilter","enableCustomServer","defaultConnectionData","ref","toolTip","tooltip","continueWithGxAccount","onChange","disabled","userName","labelPosition","slot","type","cancel","onClick","connect"],"sources":["src/components/connect-gx-server/connect-gx-server.scss?tag=gx-ide-connect-gx-server&encapsulation=shadow","src/components/connect-gx-server/connect-gx-server.tsx"],"sourcesContent":["@import \"../../global/gx-ide-common.scss\";\n@import \"../../global/gx-ide-mixins.scss\";\n\n:host {\n  display: block;\n}\n\n.user-details-container {\n  display: flex;\n  gap: var(--gx-ide-form-items-gap);\n}\n","/* STENCIL IMPORTS */\nimport {\n  Component,\n  Host,\n  h,\n  Prop,\n  Element,\n  Event,\n  EventEmitter,\n  State\n} from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\n/* CUSTOM IMPORTS */\nimport { config } from \"../../common/config\";\nimport { Locale } from \"../../common/locale\";\nimport { formSubmitValidation } from \"../../common/form-validation\";\nimport { ConnectionResultData } from \"../../common/types\";\n\n@Component({\n  tag: \"gx-ide-connect-gx-server\",\n  styleUrl: \"connect-gx-server.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/connect-gx-server\"]\n})\nexport class GxIdeConnectGxServer {\n  // 1.OWN PROPERTIES //\n\n  /**\n   * The component hard-coded strings translations.\n   */\n  private _componentLocale: any;\n  private renderedFirstTime = false;\n\n  // 2. REFERENCE TO ELEMENTS //\n\n  @Element() el: HTMLGxIdeConnectGxServerElement;\n\n  private serverURLEl!: HTMLGxgComboBoxElement;\n  private userNameEl!: HTMLGxgFormTextElement;\n  private passwordEl!: HTMLGxgFormTextElement;\n  private continueWithGeneXusAccountEl!: HTMLGxgFormCheckboxElement;\n\n  // 3.STATE() VARIABLES //\n\n  //\n  @State() displayLoginControls: boolean = false;\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   * Array of cataloged server URLs\n   */\n  @Prop() readonly serverUrls: string[];\n\n  /**\n   * 'true' if the user should be allowed to manually enter a server URL in serverUrls.\n   */\n  @Prop() readonly enableCustomServer: boolean = false;\n\n  /**\n   * Initial user values for the case in which the user returns to the login modal after a successful authentication.\n   */\n  @Prop() readonly defaultConnectionData?: GXServerConnectionData;\n\n  /**\n   *  If 'true', shows the enabled and checked 'Continue with GX Account' checkbox. If 'false', shows the checkbox unchecked and disabled, and displays the options to enter username and password directly. Even if 'true', allow the user to deselect the checkbox and enter username and password.\n   */\n  @Prop() readonly enableUserLogged: boolean = false;\n\n  /**\n   *  If 'true', shows the enabled and checked 'Continue with GX Account' checkbox. If 'false', shows the checkbox unchecked and disabled, and displays the options to enter username and password directly. Even if 'true', allow the user to deselect the checkbox and enter username and password.\n   */\n  @Prop() readonly connectCallback: (\n    data: GXServerConnectionData\n  ) => Promise<ConnectionResultData>;\n\n  /**\n   * Callback that allows canceling the server connection process.\n   */\n  @Prop() readonly cancelCallback: () => Promise<void>;\n\n  // 5.EVENTS (EMIT) //\n\n  /**\n   * @description Gets fired when the component has rendered for the first time.\n   */\n  @Event() componentDidRenderFirstTime: EventEmitter<string>;\n\n  // 6.COMPONENT LIFECYCLE METHODS //\n\n  async componentWillLoad() {\n    this._componentLocale = await Locale.getComponentStrings(this.el);\n    this.evaluateDisplayLoginControls();\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 renderServerUrls = (): HTMLGxgComboBoxItemElement[] => {\n    if (this.serverUrls?.length) {\n      return this.serverUrls.map(serverUrl => {\n        return <gxg-combo-box-item>{serverUrl}</gxg-combo-box-item>;\n      });\n    }\n    return [];\n  };\n\n  private continueWithGxServerHandler = (\n    event: CustomEvent<{ id: string; value: boolean; disabled?: boolean }>\n  ) => {\n    this.displayLoginControls = !event.detail.value;\n  };\n\n  private evaluateDisplayLoginControls = () => {\n    if (this.enableUserLogged) {\n      this.displayLoginControls = false;\n    } else {\n      this.displayLoginControls = true;\n    }\n  };\n\n  private connectHandler = () => {\n    if (this.connectCallback) {\n      this.connectCallback({\n        serverUrl: this.serverURLEl.value,\n        continueWithGeneXusAccount: this.continueWithGeneXusAccountEl.checked,\n        user: this.userNameEl.value,\n        password: this.passwordEl.value\n      }).then((formSubmitResult: ConnectionResultData) => {\n        console.log(formSubmitResult);\n        formSubmitValidation(formSubmitResult, this);\n      });\n    }\n  };\n\n  // 10.RENDER() FUNCTION //\n\n  render() {\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            slimmerFooter={config.gxIdeContainer.slimmerFooter}\n          >\n            {/* server url */}\n            <gxg-combo-box\n              label={this._componentLocale.main.serverUrl}\n              disableFilter={!this.enableCustomServer}\n              value={this.defaultConnectionData?.serverUrl}\n              ref={el => (this.serverURLEl = el as HTMLGxgComboBoxElement)}\n              toolTip={config.tooltip}\n            >\n              {this.renderServerUrls()}\n            </gxg-combo-box>\n\n            {/* continue with GeneXus account */}\n            <gxg-form-checkbox\n              label={this._componentLocale.main.continueWithGxAccount}\n              onChange={this.continueWithGxServerHandler}\n              checked={\n                this.defaultConnectionData\n                  ? this.defaultConnectionData.continueWithGeneXusAccount\n                  : this.enableUserLogged\n              }\n              disabled={!this.enableUserLogged}\n              ref={el =>\n                (this.continueWithGeneXusAccountEl =\n                  el as HTMLGxgFormCheckboxElement)\n              }\n            ></gxg-form-checkbox>\n\n            {this.displayLoginControls ? (\n              <div class=\"user-details-container\">\n                {/* username */}\n                <gxg-form-text\n                  label={this._componentLocale.main.userName}\n                  labelPosition=\"above\"\n                  disabled={!this.displayLoginControls}\n                  value={this.defaultConnectionData.user}\n                  ref={el => (this.userNameEl = el as HTMLGxgFormTextElement)}\n                  toolTip={config.tooltip}\n                ></gxg-form-text>\n                {/* password */}\n                <gxg-form-text\n                  label={this._componentLocale.main.password}\n                  labelPosition=\"above\"\n                  disabled={!this.displayLoginControls}\n                  value={this.defaultConnectionData.password}\n                  ref={el => (this.passwordEl = el as HTMLGxgFormTextElement)}\n                  password\n                  toolTip={config.tooltip}\n                ></gxg-form-text>\n              </div>\n            ) : null}\n\n            {/* cancel and connect buttons */}\n            <gxg-button slot=\"footer-end\" type=\"outlined\">\n              {this._componentLocale.main.cancel}\n            </gxg-button>\n            <gxg-button slot=\"footer-end\" onClick={this.connectHandler}>\n              {this._componentLocale.main.connect}\n            </gxg-button>\n          </gx-ide-container>\n        </div>\n      </Host>\n    );\n  }\n}\n\nexport type GXServerConnectionData = {\n  serverUrl: string;\n  continueWithGeneXusAccount: boolean;\n  user: string;\n  password: string;\n};\n"],"mappings":";;;;;;;;AAAA,MAAMA,IAAqB;;MCwBdC,IAAoB;;;;IAOvBC,KAAAC,oBAAoB;;;;QAoFpBD,KAAAE,mBAAmB;;MACzB,KAAIC,IAAAH,KAAKI,gBAAU,QAAAD,WAAA,aAAAA,EAAEE,QAAQ;QAC3B,OAAOL,KAAKI,WAAWE,KAAIC,KAClBC,EAAA,4BAAqBD;;MAGhC,OAAO;AAAE;IAGHP,KAAAS,8BACNC;MAEAV,KAAKW,wBAAwBD,EAAME,OAAOC;AAAK;IAGzCb,KAAAc,+BAA+B;MACrC,IAAId,KAAKe,kBAAkB;QACzBf,KAAKW,uBAAuB;aACvB;QACLX,KAAKW,uBAAuB;;;IAIxBX,KAAAgB,iBAAiB;MACvB,IAAIhB,KAAKiB,iBAAiB;QACxBjB,KAAKiB,gBAAgB;UACnBV,WAAWP,KAAKkB,YAAYL;UAC5BM,4BAA4BnB,KAAKoB,6BAA6BC;UAC9DC,MAAMtB,KAAKuB,WAAWV;UACtBW,UAAUxB,KAAKyB,WAAWZ;WACzBa,MAAMC;UACPC,QAAQC,IAAIF;UACZG,EAAqBH,GAAkB3B;AAAK;;;gCAtGT;wBAOT;;8BAUe;;4BAUF;;;;;EAuB7C,uBAAM+B;IACJ/B,KAAKgC,yBAAyBC,EAAOC,oBAAoBlC,KAAKmC;IAC9DnC,KAAKc;;EAGP,kBAAAsB;IACE,KAAKpC,KAAKC,mBAAmB;MAC3BD,KAAKqC,4BAA4BC,KAC/BtC,KAAKgC,iBAAiBO;MAExBvC,KAAKC,oBAAoB;;;;EAiD7B,MAAAuC;;IACE,OACEhC,EAACiC,GAAI;MAACC,OAAM;OACVlC,EAAA;MAAKkC,OAAM;OACTlC,EAAA;MACEmC,gBACE3C,KAAK4C,eAAe5C,KAAKgC,iBAAiBO,gBAAgB;MAE5DM,eAAeC,EAAOC,eAAeF;OAGrCrC,EAAA;MACEwC,OAAOhD,KAAKgC,iBAAiBiB,KAAK1C;MAClC2C,gBAAgBlD,KAAKmD;MACrBtC,QAAOV,IAAAH,KAAKoD,2BAAqB,QAAAjD,WAAA,aAAAA,EAAEI;MACnC8C,KAAKlB,KAAOnC,KAAKkB,cAAciB;MAC/BmB,SAASR,EAAOS;OAEfvD,KAAKE,qBAIRM,EAAA;MACEwC,OAAOhD,KAAKgC,iBAAiBiB,KAAKO;MAClCC,UAAUzD,KAAKS;MACfY,SACErB,KAAKoD,wBACDpD,KAAKoD,sBAAsBjC,6BAC3BnB,KAAKe;MAEX2C,WAAW1D,KAAKe;MAChBsC,KAAKlB,KACFnC,KAAKoB,+BACJe;QAILnC,KAAKW,uBACJH,EAAA;MAAKkC,OAAM;OAETlC,EAAA;MACEwC,OAAOhD,KAAKgC,iBAAiBiB,KAAKU;MAClCC,eAAc;MACdF,WAAW1D,KAAKW;MAChBE,OAAOb,KAAKoD,sBAAsB9B;MAClC+B,KAAKlB,KAAOnC,KAAKuB,aAAaY;MAC9BmB,SAASR,EAAOS;QAGlB/C,EAAA;MACEwC,OAAOhD,KAAKgC,iBAAiBiB,KAAKzB;MAClCoC,eAAc;MACdF,WAAW1D,KAAKW;MAChBE,OAAOb,KAAKoD,sBAAsB5B;MAClC6B,KAAKlB,KAAOnC,KAAKyB,aAAaU;MAC9BX,UAAQ;MACR8B,SAASR,EAAOS;UAGlB,MAGJ/C,EAAA;MAAYqD,MAAK;MAAaC,MAAK;OAChC9D,KAAKgC,iBAAiBiB,KAAKc,SAE9BvD,EAAA;MAAYqD,MAAK;MAAaG,SAAShE,KAAKgB;OACzChB,KAAKgC,iBAAiBiB,KAAKgB"}

package/dist/genexus-ide-ui/{p-dc1fb08a.entry.js → p-51f2f081.entry.js}

@@ -4,7 +4,7 @@ import { L as s } from "./p-74d59062.js";
 
 import { c as l } from "./p-9c1b4eb9.js";
 
-import { f as n } from "./p-e8646b08.js";
+import { f as n } from "./p-00095d68.js";
 
 import { r as g } from "./p-350f49ac.js";
 
@@ -155,4 +155,4 @@ const b = class {
 b.style = c;
 
 export { b as gx_ide_share_kb };
-//# sourceMappingURL=p-dc1fb08a.entry.js.map
+//# sourceMappingURL=p-51f2f081.entry.js.map

package/dist/genexus-ide-ui/{p-259c12b9.entry.js → p-6d06451e.entry.js}

@@ -6,7 +6,7 @@ import { c as l } from "./p-9c1b4eb9.js";
 
 import { g as n, r as d } from "./p-350f49ac.js";
 
-import { f as g } from "./p-e8646b08.js";
+import { f as g } from "./p-00095d68.js";
 
 const c = ':root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-01--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-02{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-02--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--color-on-primary)}.gxg-title-03{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-03--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-04{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-04--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-05{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-05--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable)}.gxg-text--negative{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text--gray{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--dimmed)}.gxg-quote{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);font-style:italic}.gxg-quote--negative{color:var(--ds-base-font-color--negative)}.gxg-link{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--ds-base-font-color--link-hover)}.gxg-link:active{color:var(--ds-base-font-color--link-active)}.gxg-link-gray{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed)}.gxg-link-gray:hover{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed);filter:brightness(1.4)}.gxg-alert-error{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--error);display:inline-block}.gxg-alert-warning{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--warning);display:inline-block}.gxg-alert-success{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--success);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(--ds-base-font-family-primary);font-weight:var(--gxg-label-font-weight);font-size:var(--gxg-label-font-size);color:var(--gxg-label-color);text-align:center;line-height:1.455em;display:flex;align-items:center}.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-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gxg-scrollbar::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.gxi-hidden{display:none !important}.gxi-full-height{height:100%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}.justify-start{display:flex;justify-content:start}.justify-center{display:flex;justify-content:center}.justify-end{display:flex;justify-content:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:99;border-bottom:1px solid var(--mer-color__neutral-gray--800)}ch-grid-column:first-child{padding-inline-start:var(--gx-ide-container__padding) !important}ch-grid-column:last-child{padding-inline-end:var(--gx-ide-container__padding) !important}ch-grid-cell{--mer-spacing--xs:var(--gx-ide-container__padding)}.layout{display:grid;gap:var(--mer-spacing--lg);box-sizing:border-box}.layout--two-cols{grid-template-columns:1fr 1fr}.layout--space-above{padding-block-start:var(--mer-spacing--lg)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--mer-font__weight--regular);font-size:var(--mer-font__size--xs);font-family:var(--mer-font-family--primary);height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-main::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-main::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-main::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-overflow::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.tree-container{display:flex;height:100%;width:100%;box-sizing:border-box}p{margin:0}:host{display:block;border:1px solid var(--gxg-border-color--regular);background-color:var(--mer-color__surface)}.header{grid-template-columns:auto 1fr;grid-template-areas:"kb-name-label kb-input"}.header--is-advanced{grid-template-columns:auto 1fr min-content;grid-template-areas:"kb-name-label kb-input ." "location-label location-input location-icon"}.header .kb-input{grid-area:kb-input}.header .kb-name-label{grid-area:kb-label}.header .location-label{grid-area:location-label}.header .location-input{grid-area:location-input}.header .location-icon{grid-area:location-icon}.gxg-tabs{margin-top:0;box-shadow:none}.basic-row-first{container-name:basic-row-first;}.basic-row-first__container{display:grid;gap:var(--gx-ide-grid-column-gap);padding:var(--gx-ide-container__padding);border-bottom:1px solid var(--gx-ide-container-border-color);grid-template-columns:repeat(2, 1fr)}.basic-row-second{grid-template-columns:repeat(2, 1fr);grid-column-gap:0;grid-row-gap:0;flex-grow:1}.knowledge-base-storage{display:grid;grid-template-areas:"knowledge-base-storage__col-left knowledge-base-storage__col-right";grid-template-columns:repeat(2, 1fr);flex-grow:1;gap:0}.knowledge-base-storage>*:first-child{border-right:1px solid var(--gx-ide-container-border-color)}.knowledge-base-storage__col-left{display:grid;gap:var(--gx-ide-grid-row-gap);padding:var(--gx-ide-container__padding);grid-area:knowledge-base-storage__col-left;grid-template-columns:1fr auto;grid-template-rows:repeat(4, min-content);grid-template-areas:"server-name-combo-box server-name-button" "database-name ." "collation-combo-box collation-button" "create-data-in-kb ."}.knowledge-base-storage__col-left .server-name-combo-box{grid-area:server-name-combo-box}.knowledge-base-storage__col-left .server-name-button{grid-area:server-name-button;align-self:end}.knowledge-base-storage__col-left .database-name{grid-area:database-name}.knowledge-base-storage__col-left .collation-combo-box{grid-area:collation-combo-box}.knowledge-base-storage__col-left .collation-button{grid-area:collation-button;align-self:end}.knowledge-base-storage__col-left .create-data-in-kb{grid-area:create-data-in-kb}.knowledge-base-storage__col-right{display:grid;padding:var(--gx-ide-container__padding);gap:var(--gx-ide-grid-row-gap);grid-area:knowledge-base-storage__col-right;grid-template-columns:1fr;grid-template-rows:repeat(4, min-content);grid-template-areas:"authentication-type" "user-name" "password" "save-password"}.knowledge-base-storage__col-right .authentication-type{grid-area:authentication-type}.knowledge-base-storage__col-right .user-name{grid-area:user-name}.knowledge-base-storage__col-right .password{grid-area:password}.knowledge-base-storage__col-right .save-password{grid-area:save-password}.knowledge-base-storage__col-right--windows-authentication{grid-template-areas:"authentication-type"}';
 
@@ -469,4 +469,4 @@ const b = class {
 b.style = c;
 
 export { b as gx_ide_new_kb };
-//# sourceMappingURL=p-259c12b9.entry.js.map
+//# sourceMappingURL=p-6d06451e.entry.js.map

package/dist/genexus-ide-ui/{p-2e571548.entry.js → p-7083d9d7.entry.js}

@@ -281,11 +281,13 @@ const d = class {
       this.statusInfo.success.number = 0;
     };
     this.toggleSelectionClickHandler = t => {
-      const e = t.target.checked;
-      this.toggleObjectsCheckboxEl.indeterminate = false;
-      this.objectsTreeEl.updateAllItemsProperties({
-        checked: e
-      });
+      if (this.objectsTreeEl) {
+        const e = t.target.checked;
+        this.toggleObjectsCheckboxEl.indeterminate = false;
+        this.objectsTreeEl.updateAllItemsProperties({
+          checked: e
+        });
+      }
     };
     this.statusButtonsSelectionChangedHandler = t => {
       const e = t.detail;
@@ -487,7 +489,7 @@ const d = class {
       slot: "footer-start",
       disabled: this.importingIsInProcess || this.objectsTreeState.length === 0,
       checked: this.evaluateCheckAllValue(),
-      onChange: this.toggleSelectionClickHandler,
+      onClick: this.toggleSelectionClickHandler,
       ref: t => this.toggleObjectsCheckboxEl = t
     }), r("gxg-buttons-container", {
       reduced: true,
@@ -577,4 +579,4 @@ const d = class {
 d.style = g;
 
 export { d as gx_ide_kb_manager_import };
-//# sourceMappingURL=p-2e571548.entry.js.map
+//# sourceMappingURL=p-7083d9d7.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["KB_OBJECT","KB_CATEGORY","convertImportItemToTreeItem","importCatIcon","importItems","importTreeItems","forEach","importItem","push","id","caption","name","startImgSrc","expanded","leaf","class","metadata","convertImportCategoryToTreeView","importCategoryData","treeData","importCat","importCategoryTreeItem","items","length","icon","createImportResultDataMessages","importItemId","messagesArray","messages","message","i","updateImportStatusTree","importItemResultFullData","importTreeActualState","objectCategoryIndex","findIndex","objectCategoryItem","categoryId","importTreeItem","categoryName","categoryIcon","status","importItemIndex","_a","createImportResultFullData","importItemResultData","importCategoryFullData","Object","assign","undefined","importCategoryDataFor","categoryNode","j","addImportItemResultDataItem","updatedImportStatusTree","kbManagerImportCss","GxIdeKbManagerImport","this","renderedFirstTime","objectsInFileTotalNodes","selectedObjectsInFileIds","evaluateImportStatusMessage","someStatusVisible","statusInfo","error","display","warning","success","evaluateObjects","noObjects","objectsTreeState","evaluateImport","noImport","importTreeState","selectFileAndLoadHandler","fileInputEl","openFile","loadFileHandler","async","loadCallback","selectedFile","importCategoryTreeData","fileSelectedHandler","fileEvent","detail","importObjectsHandler","importCallback","clearStatusHandler","importingIsInProcess","objectsButtonsGroup","selectedButtonId","checkedObjectsIds","then","objectsTreeCheckedItemsChangedHandler","event","toggleObjectsCheckboxEl","checked","indeterminate","allItemsWithCheckbox","values","firstItemCheckedValue","item","allItemsHaveTheSameCheckedValue","every","treeItem","checkedItems","filter","node","checkedObjects","objectChecked","objectsTreeSelectedItemsChangedHandler","map","objectsTreeContextMenuHandler","objectContextMenuCallback","selection","clientX","contextmenuEvent","screenX","clientY","screenY","cancelImportHandler","cancelCallback","result","topStateBarEl","active","optionsHandler","optionsCallback","number","toggleSelectionClickHandler","e","objectsTreeEl","target","updateAllItemsProperties","statusButtonsSelectionChangedHandler","activeStates","errorIndex","state","itemId","warningIndex","successIndex","evaluateCheckAllValue","allAreChecked","conditionToUncheck","fileClearedHandler","watchObjectsTreeStateHandler","newState","countTreeItems","watchImportTreeStateHandler","importStatusMessage","_componentLocale","main","importStatus","noImportedFiles","importedButHidden","watchImportingIsInProcessHandler","isImporting","topStateBar","watchSelectedFileHandler","file","size","componentWillLoad","Locale","getComponentStrings","el","componentDidLoadEvent","emit","componentDidLoad","focus","componentDidRender","componentDidRenderFirstTime","componentName","addResultItem","render","h","Host","noContentPadding","noFooterPadding","containerTitle","displayTitle","slot","type","label","header","fileNameLabel","placeholder","fileNamePlaceholder","part","acceptFile","clearButton","iconPosition","onFileSelected","onClearButtonClicked","ref","onClick","disabled","selectFileButton","loader","title","objectsInFile","noBorderFooter","slimmerFooter","inactiveTitle","titleType","treeModel","dragDisabled","dropDisabled","toggleCheckboxes","checkbox","onCheckedItemsChange","onSelectedItemsChange","onItemContextmenu","textAlign","config","gxgMessage","common","padding","maxWidth","selectFile","selectUnselect","reduced","selected","importButton","cancelButton","optionsButton","errors","warnings","successes","hideMessage","compact","minimal","statusMinimal","onSelectionChanged"],"sources":["src/components/kb-manager-import/helpers.ts","src/components/kb-manager-import/kb-manager-import.scss?tag=gx-ide-kb-manager-import&encapsulation=shadow","src/components/kb-manager-import/kb-manager-import.tsx"],"sourcesContent":["/* Tree View */\nimport { TreeViewItemModel } from \"@genexus/chameleon-controls-library/dist/types/components/renders/tree-view/types\";\n\n/* Kb Manager Import Types*/\nimport { ImportItemData } from \"./kb-manager-import\";\nimport { ImportCategoryData, ImportItemResultData } from \"../../common/types\";\n/* objects in file metadata*/\nexport const KB_OBJECT = \"object\";\nexport const KB_CATEGORY = \"category\";\n\nconst convertImportItemToTreeItem = (\n  importCatIcon: string,\n  importItems: ImportItemData[]\n) => {\n  const importTreeItems: TreeViewItemModel[] = [];\n  importItems.forEach(importItem => {\n    importTreeItems.push({\n      id: importItem.id,\n      caption: importItem.name,\n      startImgSrc: importCatIcon,\n      expanded: true,\n      leaf: true,\n      class: \"object tree-view-item\",\n      metadata: KB_OBJECT\n    });\n  });\n  return importTreeItems;\n};\n\n/**\n * @description This function converts ReferenceData[] data to TreeItemData[]\n */\nexport const convertImportCategoryToTreeView = (\n  importCategoryData: ImportCategoryData[]\n): TreeViewItemModel[] => {\n  const treeData: TreeViewItemModel[] = [];\n  if (!importCategoryData) {\n    return treeData;\n  }\n  importCategoryData.forEach(importCat => {\n    const importCategoryTreeItem: TreeViewItemModel = {\n      id: importCat.id,\n      // caption: importCat.name,\n      caption: `${importCat.name} (${importCat.items.length})`,\n      startImgSrc: importCat.icon,\n      expanded: true,\n      leaf: false,\n      class: \"category tree-view-item\",\n      metadata: KB_CATEGORY,\n      items: convertImportItemToTreeItem(importCat.icon, importCat.items)\n    };\n    treeData.push(importCategoryTreeItem);\n  });\n  return treeData;\n};\n\nconst createImportResultDataMessages = (\n  importItemId: string,\n  messagesArray: string[]\n): TreeViewItemModel[] => {\n  const messages: TreeViewItemModel[] = [];\n  messagesArray.forEach((message, i) => {\n    messages.push({\n      id: `${importItemId}-message-${i}}]`,\n      caption: message,\n      startImgSrc: \"gx-test/test-results\",\n      leaf: true\n    });\n  });\n  return messages;\n};\n\nconst updateImportStatusTree = (\n  importItemResultFullData: ImportItemResultFullData,\n  importTreeActualState: TreeViewItemModel[]\n): TreeViewItemModel[] => {\n  const objectCategoryIndex = importTreeActualState.findIndex(\n    objectCategoryItem => {\n      return objectCategoryItem.id === importItemResultFullData.categoryId;\n    }\n  );\n  if (objectCategoryIndex === -1) {\n    // object category node does not exists. We have to create it, and insert the import result tree node inside.\n    const importTreeItem: TreeViewItemModel = {\n      id: importItemResultFullData.categoryId,\n      // the count is (1), because this is the first item for this category\n      caption: `${importItemResultFullData.categoryName} (1)`,\n      startImgSrc: importItemResultFullData.categoryIcon,\n      class: `tree-view-item`,\n      expanded: true,\n      items: [\n        {\n          id: importItemResultFullData.id,\n          caption: importItemResultFullData.name,\n          items: createImportResultDataMessages(\n            importItemResultFullData.id,\n            importItemResultFullData.messages\n          ),\n          class: `tree-view-item tree-view-item--${importItemResultFullData.status}`,\n          expanded: true,\n          leaf: importItemResultFullData.messages.length === 0\n        }\n      ]\n    };\n    importTreeActualState.push(importTreeItem);\n  } else {\n    // Object category node already exists. Just create the import result node, and insert into the parent category node (if it doesn't exists already).\n\n    // first search for the importItemResult node...\n    const importItemIndex = importTreeActualState[\n      objectCategoryIndex\n    ].items?.findIndex(importItem => {\n      return importItem.id === importItemResultFullData.id;\n    });\n\n    if (importItemIndex === -1) {\n      // ImportItem does not exists already\n      const importTreeItem: TreeViewItemModel = {\n        id: importItemResultFullData.id,\n        caption: importItemResultFullData.name,\n        expanded: true,\n        items: createImportResultDataMessages(\n          importItemResultFullData.id,\n          importItemResultFullData.messages\n        ),\n        class: `tree-view-item tree-view-item--${importItemResultFullData.status}`\n      };\n      // Insert the import node into the category node\n      importTreeActualState[objectCategoryIndex].items.push(importTreeItem);\n      // Then, update the category node caption (the name is the same, but the (count) should be the actual items.length, because we have just added a new child import node. )\n      importTreeActualState[\n        objectCategoryIndex\n      ].caption = `${importItemResultFullData.categoryName} (${importTreeActualState[objectCategoryIndex].items.length})`;\n    }\n  }\n  return importTreeActualState;\n};\n\n/**\n * This function takes an ImportItemResultData item, and updates it to a ImportCategoryFullData, which has the same information, plus the category parent needed information, that will be used for creating the \"virtual\" parent category node on the \"Import Status\" section.\n */\nconst createImportResultFullData = (\n  importItemResultData: ImportItemResultData,\n  importCategoryData: ImportCategoryData[]\n): ImportItemResultFullData => {\n  const importCategoryFullData: ImportItemResultFullData = {\n    categoryId: undefined,\n    categoryName: undefined,\n    categoryIcon: undefined,\n    ...importItemResultData\n  };\n  importCategoryDataFor: for (let i = 0; i < importCategoryData.length; i++) {\n    const categoryNode = importCategoryData[i];\n    for (let j = 0; j < categoryNode.items.length; j++) {\n      if (categoryNode.items[j].id === importItemResultData.id) {\n        importCategoryFullData.categoryId = categoryNode.id;\n        importCategoryFullData.categoryName = categoryNode.name;\n        importCategoryFullData.categoryIcon = categoryNode.icon;\n        break importCategoryDataFor;\n      }\n    }\n  }\n  return importCategoryFullData;\n};\n\n/**\n * @description This function adds an ImportItemResultData item to the \"importTreeState\", and returns the updated tree with the new item added.\n */\nexport const addImportItemResultDataItem = (\n  importItemResultData: ImportItemResultData,\n  importCategoryData: ImportCategoryData[],\n  importTreeActualState: TreeViewItemModel[]\n): TreeViewItemModel[] => {\n  let updatedImportStatusTree: TreeViewItemModel[] = [...importTreeActualState];\n  // first, update importItemResultData with the category data. It will be needed later.\n  const importItemResultFullData: ImportItemResultFullData =\n    createImportResultFullData(importItemResultData, importCategoryData);\n  updatedImportStatusTree = updateImportStatusTree(\n    importItemResultFullData,\n    updatedImportStatusTree\n  );\n  return updatedImportStatusTree;\n};\n\ntype ImportItemResultFullData = ImportItemResultData & {\n  categoryId: string;\n  categoryName: string;\n  categoryIcon: string;\n};\n","@import \"../../global/gx-ide-common.scss\";\n@import \"../../global/gx-ide-mixins.scss\";\n\n:host {\n  display: block;\n}\n/*Header*/\n.header {\n  display: flex;\n  flex-direction: row;\n  gap: var(--gx-ide-grid-column-gap);\n\n  .select-file {\n    flex: 1;\n  }\n}\n/*Main*/\n.main {\n  //min-height: 250px;\n  height: 100%;\n  overflow: auto;\n  .container-wrapper {\n    height: 100%;\n    display: grid;\n    grid-template-rows: auto 1fr;\n    grid-template-columns: 1fr 1fr;\n    grid-template-areas:\n      \"top-state-bar top-state-bar\"\n      \"left-container right-container\";\n\n    .top-state-bar {\n      grid-area: top-state-bar;\n    }\n    .left-container {\n      grid-area: left-container;\n      border-right: 1px solid var(--gx-ide-container-border-color);\n    }\n    .right-container {\n      grid-area: right-container;\n    }\n\n    @include gx-ide-message(\"short\");\n\n    .tree-container {\n      &--empty {\n        align-items: center;\n        justify-content: center;\n      }\n\n      &--import-status {\n        .tree-view-item {\n          &--success {\n            @include tree-item-status(\"success\");\n          }\n          &--warning {\n            @include tree-item-status(\"warning\");\n          }\n          &--error {\n            @include tree-item-status(\"error\");\n          }\n        }\n      }\n      /*import status display/hide status (warning, error, success)*/\n      &--no-warnings {\n        .tree-view-item--warning {\n          display: none;\n        }\n      }\n      &--no-errors {\n        .tree-view-item--error {\n          display: none;\n        }\n      }\n      &--no-successes {\n        .tree-view-item--success {\n          display: none;\n        }\n      }\n    }\n  }\n}\n.ghost-element {\n  display: block;\n  width: 0;\n  height: 24px; /*this is the taller element on the \"objects in file container footer (which is the button group, at the time of writing)\"*/\n}\n","/* STENCIL IMPORTS */\nimport {\n  Component,\n  Host,\n  h,\n  Prop,\n  Event,\n  Element,\n  State,\n  EventEmitter,\n  Watch,\n  Method\n} from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\nimport { TreeViewItemContextMenu } from \"@genexus/chameleon-controls-library/dist/types/components/tree-view/tree-view/types\";\nimport { TreeViewItemModel } from \"@genexus/chameleon-controls-library/dist/types/components/renders/tree-view/types\";\nimport { TreeViewItemModelExtended } from \"@genexus/chameleon-controls-library/dist/types/components/renders/tree-view/types\";\n\nimport {\n  TextAlign,\n  TextPadding,\n  TextType\n} from \"@genexus/gemini/dist/types/components/text/text\";\n/* CUSTOM IMPORTS */\nimport { Locale } from \"../../common/locale\";\nimport { config } from \"../../common/config\";\nimport {\n  ImportCategoryData,\n  ImportItemResultData,\n  ContextMenuInfo\n} from \"../../common/types\";\nimport {\n  convertImportCategoryToTreeView,\n  addImportItemResultDataItem\n} from \"./helpers\";\n// import { CheckboxInfo } from \"@genexus/gemini/dist/types/components/form-checkbox/form-checkbox\";\nimport { countTreeItems } from \"../../common/helpers\";\nimport { CheckedItemsInfo } from \"../_helpers/list-selector/list-selector\";\n\nimport { KB_OBJECT } from \"./helpers\";\n\n@Component({\n  tag: \"gx-ide-kb-manager-import\",\n  styleUrl: \"kb-manager-import.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/kb-manager-import\"]\n})\nexport class GxIdeKbManagerImport {\n  /*\nINDEX:\n1.OWN PROPERTIES\n2.REFERENCE TO ELEMENTS\n3.STATE() VARIABLES\n4.PUBLIC PROPERTY API | WATCH'S\n5.EVENTS (EMIT)\n6.COMPONENT LIFECYCLE EVENTS\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  /* ImportCategoryBasicData Holds the original name of category data, and its id. Used to create parent nodes on the imported tree*/\n  private importCategoryData: ImportCategoryData[] = [];\n  private objectsInFileTotalNodes = 0;\n  private selectedObjectsInFileIds: string[] = [];\n\n  // 2. REFERENCE TO ELEMENTS //\n\n  @Element() el: HTMLGxIdeKbManagerImportElement;\n\n  private objectsTreeEl!: HTMLGxgTreeViewElement;\n  private fileInputEl!: HTMLGxgFormTextElement;\n  private objectsButtonsGroup!: HTMLGxgButtonsContainerElement;\n  private toggleObjectsCheckboxEl: HTMLGxgFormCheckboxElement;\n  private topStateBarEl!: HTMLGxgTopStateBarElement;\n\n  // 3.STATE() VARIABLES //\n\n  @State() checkedObjectsIds: string[] = [];\n  @State() noObjects: boolean;\n  @State() showHiddenImportsMessage = false;\n  @State() statusInfo: StatusInfo = {\n    error: {\n      display: true,\n      number: 0\n    },\n    warning: {\n      display: true,\n      number: 0\n    },\n    success: {\n      display: true,\n      number: 0\n    }\n  };\n  @State() objectsTreeState: TreeViewItemModel[] = [];\n  @Watch(\"objectsTreeState\")\n  watchObjectsTreeStateHandler(newState: TreeViewItemModel[]) {\n    this.noObjects = !!(newState.length === 0 || !newState);\n    this.objectsInFileTotalNodes = countTreeItems(newState);\n  }\n\n  // import status\n  @State() importStatusMessage: string;\n  @State() someStatusVisible: boolean;\n  @State() noImport: boolean;\n  @State() importTreeState: TreeViewItemModel[] = [];\n  @Watch(\"importTreeState\")\n  watchImportTreeStateHandler() {\n    this.evaluateImport();\n    if (this.noImport) {\n      this.importStatusMessage =\n        this._componentLocale.main.importStatus.noImportedFiles;\n    } else {\n      this.importStatusMessage =\n        this._componentLocale.main.importStatus.importedButHidden;\n    }\n  }\n\n  @State() importingIsInProcess = false;\n  @Watch(\"importingIsInProcess\")\n  watchImportingIsInProcessHandler(isImporting: boolean) {\n    if (isImporting && this.topStateBar) {\n      this.topStateBarEl.active = true;\n    } else if (!isImporting && this.topStateBar) {\n      this.topStateBarEl.active = false;\n    }\n  }\n\n  // 4.PUBLIC PROPERTY API //\n\n  /**\n   * If true it displays the component title on the header\n   */\n  @Prop() readonly displayTitle = false;\n\n  /**\n   * If true, it will display a loader when needed.\n   */\n  @Prop() readonly topStateBar = true;\n\n  /**\n   * The name of the imported xml or xps file\n   */\n  @Prop({ mutable: true }) selectedFile: File;\n  @Watch(\"selectedFile\")\n  watchSelectedFileHandler(file: File) {\n    if (file && file.name && file.size > 0) {\n      this.loadFileHandler();\n    }\n  }\n\n  /**\n   * Callback invoked when the user wants to access the export options.\n   */\n  @Prop() readonly optionsCallback: OptionsCallback;\n\n  /**\n   *Callback invoked when the user wants to initiate the import process.\n   */\n  @Prop() readonly importCallback: ImportCallback;\n\n  /**\n   *Callback invoked when the user wants to load the xpz information\n   */\n  @Prop() readonly loadCallback: LoadCallback;\n\n  /**\n   * Callback invoked when the user wants to cancel the export process.\n   * @returns It returns a boolean indicating whether the process could be canceled or not.\n   */\n  @Prop() readonly cancelCallback: CancelCallback;\n\n  /**\n   * It displays the status buttons (errors, warning, succeeded) with the minimal ui (no captions)\n   */\n  @Prop() readonly statusMinimal = false;\n\n  /**\n   * It displays the status buttons (errors, warning, succeeded) with the minimal ui (no captions)\n   */\n  @Prop() readonly objectContextMenuCallback: ObjectContextMenuCallback;\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  /**\n   * This event is emitted once just after the component is fully loaded and the first render() occurs.\n   */\n  @Event() componentDidLoadEvent: EventEmitter<boolean>;\n\n  // 6.COMPONENT LIFECYCLE EVENTS //\n\n  async componentWillLoad() {\n    this._componentLocale = await Locale.getComponentStrings(this.el);\n    this.componentDidLoadEvent.emit(true);\n    this.evaluateObjects();\n    this.evaluateImport();\n    this.importStatusMessage =\n      this._componentLocale.main.importStatus.noImportedFiles;\n    this.evaluateImportStatusMessage();\n  }\n\n  componentDidLoad() {\n    this.fileInputEl.focus();\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  /**\n   * Add the result of importing an item\n   */\n  @Method()\n  async addResultItem(item: ImportItemResultData) {\n    this.importTreeState = addImportItemResultDataItem(\n      item,\n      this.importCategoryData,\n      this.importTreeState\n    );\n    this.statusInfo[item.status].number++;\n  }\n\n  // 9.LOCAL METHODS //\n\n  private evaluateImportStatusMessage = () => {\n    this.someStatusVisible =\n      this.statusInfo.error.display ||\n      this.statusInfo.warning.display ||\n      this.statusInfo.success.display;\n  };\n\n  private evaluateObjects = () => {\n    this.noObjects = !!(\n      this.objectsTreeState?.length === 0 || !this.objectsTreeState\n    );\n  };\n\n  private evaluateImport = () => {\n    this.noImport = !!(\n      this.importTreeState?.length === 0 || !this.importTreeState\n    );\n  };\n\n  private selectFileAndLoadHandler = () => {\n    this.fileInputEl.openFile();\n  };\n\n  private loadFileHandler = async () => {\n    if (this.loadCallback && this.selectedFile) {\n      this.importCategoryData = await this.loadCallback(this.selectedFile);\n      const importCategoryTreeData = convertImportCategoryToTreeView(\n        this.importCategoryData\n      );\n      this.objectsTreeState = importCategoryTreeData;\n      if (this.importCategoryData.length > 0) {\n        // clear input\n        this.selectedFile = null;\n      }\n    }\n  };\n\n  private fileSelectedHandler = (fileEvent: CustomEvent<FileList>) => {\n    this.selectedFile = fileEvent.detail[0];\n  };\n\n  private importObjectsHandler = async () => {\n    if (this.importCallback) {\n      /* first clear imported objects (this clears errors/warnings/success counts as well)*/\n      this.clearStatusHandler();\n      /* then do the import*/\n      this.importingIsInProcess = true;\n      this.objectsButtonsGroup.selectedButtonId = \"cancel-import-btn\";\n      this.importCallback(this.checkedObjectsIds).then(() => {\n        this.importingIsInProcess = false;\n      });\n    }\n  };\n\n  private objectsTreeCheckedItemsChangedHandler = (\n    event: CustomEvent<Map<string, TreeViewItemModelExtended>>\n  ) => {\n    /* 1. Begin of evaluate 'select/unselect checkbox' state*/\n    if (event.detail == null) {\n      this.toggleObjectsCheckboxEl.checked = false;\n      this.toggleObjectsCheckboxEl.indeterminate = false;\n      return;\n    }\n\n    const allItemsWithCheckbox = [...event.detail.values()];\n\n    if (allItemsWithCheckbox.length === 0) {\n      this.toggleObjectsCheckboxEl.checked = false;\n      this.toggleObjectsCheckboxEl.indeterminate = false;\n      return;\n    }\n\n    const firstItemCheckedValue = allItemsWithCheckbox[0].item.checked;\n\n    const allItemsHaveTheSameCheckedValue = allItemsWithCheckbox.every(\n      treeItem => treeItem.item.checked === firstItemCheckedValue\n    );\n\n    this.toggleObjectsCheckboxEl.checked = firstItemCheckedValue;\n    this.toggleObjectsCheckboxEl.indeterminate =\n      !allItemsHaveTheSameCheckedValue;\n    /* /End of evaluate 'select/unselect checkbox' state*/\n\n    /* 2. Begin of checked items evaluation*/\n    const checkedItems = allItemsWithCheckbox.filter(node => node.item.checked);\n    // objects checked\n    const checkedObjects = checkedItems.filter(\n      node => node.item.metadata === KB_OBJECT\n    );\n\n    const checkedObjectsIds: string[] = [];\n    if (checkedObjects.length > 0) {\n      checkedObjects.forEach(objectChecked => {\n        checkedObjectsIds.push(objectChecked.item.id);\n      });\n    }\n    /* /End of checked items evaluation*/\n\n    /* 3. Begin of caption update*/\n    /* TO DO (when we can differentiate the caption from the number of children)*/\n    // const categoryItems = allItemsWithCheckbox.filter(\n    //   node => node.item.metadata === KB_CATEGORY\n    // );\n    // categoryItems.forEach(category => {\n    //   const itemInfo = category.item;\n    //   // Update the amount of checked values\n    //   if (itemInfo.leaf !== true) {\n    //     const totalItems = itemInfo.items.length;\n\n    //     const totalItemsChecked = itemInfo.items.filter(\n    //       itemUIModel => itemUIModel.checked\n    //     ).length;\n\n    //     const newItemCaption =\n    //       totalItems !== totalItemsChecked\n    //         ? `${itemInfo.caption} (${totalItemsChecked}/${totalItems})`\n    //         : `${itemInfo.caption} (${totalItems})`;\n\n    //     // Only update the item caption if needed\n    //     if (newItemCaption !== itemInfo.caption) {\n    //       this.objectsTreeEl.updateItemsProperties([itemInfo.id], {\n    //         id: itemInfo.id,\n    //         caption: newItemCaption\n    //       });\n    //     }\n    //   }\n    // });\n\n    /* /End of caption update*/\n    this.checkedObjectsIds = checkedObjectsIds;\n  };\n\n  private objectsTreeSelectedItemsChangedHandler = (\n    event: CustomEvent<TreeViewItemModelExtended[]>\n  ) => {\n    this.selectedObjectsInFileIds = event.detail.map(item => item.item.id);\n  };\n\n  private objectsTreeContextMenuHandler = (\n    event: CustomEvent<TreeViewItemContextMenu>\n  ) => {\n    if (this.objectContextMenuCallback && event.detail.metadata === KB_OBJECT) {\n      this.objectContextMenuCallback(\"imported\", {\n        selection: this.selectedObjectsInFileIds,\n        clientX: event.detail.contextmenuEvent.screenX,\n        clientY: event.detail.contextmenuEvent.screenY\n      });\n    }\n  };\n\n  private cancelImportHandler = () => {\n    if (this.cancelCallback) {\n      this.cancelCallback().then(result => {\n        if (result) {\n          this.topStateBarEl.active = false;\n        }\n      });\n      // returns boolean\n    }\n  };\n\n  private optionsHandler = () => {\n    if (this.optionsCallback) {\n      this.optionsCallback();\n      // returns boolean\n    }\n  };\n\n  private clearStatusHandler = () => {\n    this.importTreeState = [];\n    this.statusInfo.error.number = 0;\n    this.statusInfo.warning.number = 0;\n    this.statusInfo.success.number = 0;\n  };\n\n  private toggleSelectionClickHandler = (e: MouseEvent) => {\n    if (this.objectsTreeEl) {\n      const checked = (e.target as HTMLGxgFormCheckboxElement).checked;\n      this.toggleObjectsCheckboxEl.indeterminate = false;\n      this.objectsTreeEl.updateAllItemsProperties({ checked: checked });\n    }\n  };\n\n  private statusButtonsSelectionChangedHandler = (\n    e: CustomEvent<CheckedItemsInfo>\n  ) => {\n    const activeStates = e.detail;\n    const errorIndex = activeStates.findIndex(\n      state => state.itemId === \"error\"\n    );\n    const warningIndex = activeStates.findIndex(\n      state => state.itemId === \"warning\"\n    );\n    const successIndex = activeStates.findIndex(\n      state => state.itemId === \"success\"\n    );\n    this.statusInfo = {\n      error: {\n        display: errorIndex !== -1,\n        number: this.statusInfo.error.number\n      },\n      warning: {\n        display: warningIndex !== -1,\n        number: this.statusInfo.warning.number\n      },\n      success: {\n        display: successIndex !== -1,\n        number: this.statusInfo.success.number\n      }\n    };\n    this.evaluateImportStatusMessage();\n  };\n\n  private evaluateCheckAllValue = (): boolean => {\n    let checked = true;\n    const allAreChecked =\n      this.objectsInFileTotalNodes === this.checkedObjectsIds.length;\n    const conditionToUncheck =\n      this.objectsTreeState.length === 0 || !allAreChecked;\n    if (conditionToUncheck) {\n      checked = false;\n    }\n    return checked;\n  };\n\n  private fileClearedHandler = () => {\n    this.selectedFile = null;\n  };\n\n  //  10.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            noContentPadding\n            noFooterPadding\n            containerTitle={\n              this.displayTitle ? this._componentLocale.componentName : null\n            }\n          >\n            {/* header */}\n            <header class=\"header\" slot=\"header\">\n              {/* select a file */}\n              <gxg-form-text\n                type=\"file\"\n                class=\"select-file\"\n                label={this._componentLocale.header.fileNameLabel}\n                placeholder={this._componentLocale.header.fileNamePlaceholder}\n                part=\"file-name\"\n                acceptFile=\".xpz, .xml\"\n                clearButton\n                iconPosition=\"start\"\n                onFileSelected={this.fileSelectedHandler}\n                onClearButtonClicked={this.fileClearedHandler}\n                ref={(el: HTMLGxgFormTextElement) =>\n                  (this.fileInputEl = el as HTMLGxgFormTextElement)\n                }\n              ></gxg-form-text>\n              {/* select file button / load button*/}\n              <gxg-button\n                type=\"primary-text-icon\"\n                icon=\"gemini-tools/file\"\n                part=\"select-file-load-button\"\n                onClick={this.selectFileAndLoadHandler}\n                disabled={this.importingIsInProcess}\n              >\n                {this._componentLocale.header.selectFileButton}\n              </gxg-button>\n            </header>\n            <main class=\"main\">\n              {/* main */}\n              {/* objects in file*/}\n              <div class=\"container-wrapper\">\n                {/* top state bar*/}\n                {this.topStateBar ? (\n                  <gxg-top-state-bar\n                    class=\"top-state-bar\"\n                    part=\"top-state-bar\"\n                    caption={this._componentLocale.loader.title}\n                    ref={el =>\n                      (this.topStateBarEl = el as HTMLGxgTopStateBarElement)\n                    }\n                  ></gxg-top-state-bar>\n                ) : null}\n                <gx-ide-container\n                  containerTitle={\n                    this._componentLocale.main.objectsInFile.title\n                  }\n                  noContentPadding\n                  noBorderFooter\n                  class=\"left-container\"\n                  slimmerFooter\n                  inactiveTitle={this.noObjects}\n                  titleType=\"secondary\"\n                >\n                  <div\n                    class={{\n                      \"tree-container\": true,\n                      \"tree-container--objects-in-file\": true,\n                      \"tree-container--empty\": this.noObjects\n                    }}\n                  >\n                    {!this.noObjects ? (\n                      <gxg-tree-view\n                        treeModel={this.objectsTreeState}\n                        dragDisabled={true}\n                        dropDisabled={true}\n                        toggleCheckboxes={true}\n                        checkbox={true}\n                        checked={true}\n                        onCheckedItemsChange={\n                          this.objectsTreeCheckedItemsChangedHandler\n                        }\n                        onSelectedItemsChange={\n                          this.objectsTreeSelectedItemsChangedHandler\n                        }\n                        onItemContextmenu={this.objectsTreeContextMenuHandler}\n                        ref={el =>\n                          (this.objectsTreeEl = el as HTMLGxgTreeViewElement)\n                        }\n                      ></gxg-tree-view>\n                    ) : (\n                      <div class=\"gx-ide-message\">\n                        <gxg-text\n                          textAlign={\n                            config.gxgMessage.common.textAlign as TextAlign\n                          }\n                          padding={\n                            config.gxgMessage.common.textAlign as TextPadding\n                          }\n                          type={config.gxgMessage.common.type as TextType}\n                          maxWidth={config.gxgMessage.common.maxWidth}\n                          part=\"objects-in-file-empty-status-message\"\n                        >\n                          {this._componentLocale.main.objectsInFile.noObjects}\n                          <gxg-text\n                            type=\"text-link-no-line\"\n                            onClick={this.selectFileAndLoadHandler}\n                          >\n                            {\n                              this._componentLocale.main.objectsInFile\n                                .selectFile\n                            }\n                          </gxg-text>\n                        </gxg-text>\n                      </div>\n                    )}\n                  </div>\n                  {/* select all / unselect all checkbox*/}\n                  <gxg-form-checkbox\n                    label={\n                      this._componentLocale.main.objectsInFile.selectUnselect\n                    }\n                    part=\"select-all-checkbox\"\n                    slot=\"footer-start\"\n                    disabled={\n                      this.importingIsInProcess ||\n                      this.objectsTreeState.length === 0\n                    }\n                    checked={this.evaluateCheckAllValue()}\n                    onClick={this.toggleSelectionClickHandler}\n                    ref={(el: HTMLGxgFormCheckboxElement) =>\n                      (this.toggleObjectsCheckboxEl =\n                        el as HTMLGxgFormCheckboxElement)\n                    }\n                  ></gxg-form-checkbox>\n                  {/* import button / cancel button*/}\n                  <gxg-buttons-container\n                    reduced\n                    slot=\"footer-end\"\n                    ref={(el: HTMLGxgButtonsContainerElement) =>\n                      (this.objectsButtonsGroup =\n                        el as HTMLGxgButtonsContainerElement)\n                    }\n                  >\n                    {/* import objects button*/}\n                    <gxg-button\n                      id=\"import-btn\"\n                      part=\"import-button\"\n                      disabled={\n                        this.objectsTreeState?.length === 0 ||\n                        this.importingIsInProcess\n                      }\n                      onClick={this.importObjectsHandler}\n                      selected\n                    >\n                      {this._componentLocale.main.objectsInFile.importButton}\n                    </gxg-button>\n\n                    {/* cancel-import button*/}\n                    <gxg-button\n                      id=\"cancel-import-btn\"\n                      part=\"cancel-import-button\"\n                      disabled={!this.importingIsInProcess}\n                      onClick={this.cancelImportHandler}\n                    >\n                      {this._componentLocale.main.objectsInFile.cancelButton}\n                    </gxg-button>\n                  </gxg-buttons-container>\n                  {/* settings/options button*/}\n                  <gxg-button\n                    type=\"secondary-icon-only\"\n                    icon=\"gemini-tools/settings\"\n                    slot=\"footer-end\"\n                    part=\"select-kb-btn\"\n                    onClick={this.optionsHandler}\n                  >\n                    {this._componentLocale.header.optionsButton}\n                  </gxg-button>\n                </gx-ide-container>\n                {/* import status */}\n                <gx-ide-container\n                  class=\"right-container\"\n                  containerTitle={this._componentLocale.main.importStatus.title}\n                  noContentPadding\n                  noBorderFooter\n                  slimmerFooter\n                  inactiveTitle={this.noImport}\n                  titleType=\"secondary\"\n                >\n                  <div\n                    class={{\n                      \"tree-container\": true,\n                      \"tree-container--import-status\": true,\n                      \"tree-container--empty\":\n                        this.noImport || !this.someStatusVisible,\n                      \"tree-container--no-warnings\":\n                        !this.statusInfo.warning.display,\n                      \"tree-container--no-errors\":\n                        !this.statusInfo.error.display,\n                      \"tree-container--no-succeeded\":\n                        !this.statusInfo.success.display\n                    }}\n                  >\n                    {!this.noImport && this.someStatusVisible ? (\n                      <gxg-tree-view\n                        treeModel={this.importTreeState}\n                        toggleCheckboxes={true}\n                      ></gxg-tree-view>\n                    ) : (\n                      <gxg-text\n                        textAlign={\n                          config.gxgMessage.common.textAlign as TextAlign\n                        }\n                        padding={\n                          config.gxgMessage.common.textAlign as TextPadding\n                        }\n                        type={config.gxgMessage.common.type as TextType}\n                        maxWidth={config.gxgMessage.common.maxWidth}\n                        part=\"objects-in-file-empty-status-message\"\n                        class=\"gx-ide-message\"\n                      >\n                        {this.importStatusMessage}\n                      </gxg-text>\n                    )}\n                  </div>\n                  {/* clear status button */}\n                  <gxg-button\n                    type=\"secondary-text-only\"\n                    slot=\"footer-end\"\n                    part=\"select-kb-btn\"\n                    onClick={this.clearStatusHandler}\n                    disabled={this.noImport || this.importingIsInProcess}\n                  >\n                    {this._componentLocale.main.importStatus.clearButton}\n                  </gxg-button>\n                  {/* ghost element (used to force the container footer heights the same as the \"objects in file\" container tree)*/}\n                  <span class=\"ghost-element\" slot=\"footer-start\"></span>\n                </gx-ide-container>\n              </div>\n            </main>\n            {/* footer */}\n            <footer slot=\"footer-start\">\n              <gx-ide-status-buttons\n                errors={this.statusInfo.error.number}\n                warnings={this.statusInfo.warning.number}\n                successes={this.statusInfo.success.number}\n                hideMessage\n                compact\n                minimal={this.statusMinimal}\n                onSelectionChanged={this.statusButtonsSelectionChangedHandler}\n              ></gx-ide-status-buttons>\n            </footer>\n          </gx-ide-container>\n        </div>\n      </Host>\n    );\n  }\n}\n\nexport type LoadCallback = (file: File) => Promise<ImportCategoryData[]>;\n\nexport type ImportCallback = (itemIds: string[]) => Promise<boolean>;\n\nexport type CancelCallback = () => Promise<boolean>;\n\nexport type OptionsCallback = () => Promise<void>;\nexport interface SelectedObject {\n  itemId: string;\n  subItemsIds: string[];\n}\n\nexport type ImportItemData = {\n  id: string;\n  name: string;\n};\n\ntype StatusInfo = {\n  error: {\n    display: boolean;\n    number: number;\n  };\n  warning: {\n    display: boolean;\n    number: number;\n  };\n  success: {\n    display: boolean;\n    number: number;\n  };\n};\n\nexport type ObjectContextMenuCallback = (\n  tree: ObjectsSourceType,\n  contextMenuInfo: ContextMenuInfo\n) => Promise<void>;\n\nexport type ObjectsSourceType = \"in-file\" | \"imported\";\n"],"mappings":";;;;;;;;6BAOO,OAAMA,IAAY;;AAClB,MAAMC,IAAc;;AAE3B,MAAMC,8BAA8B,CAClCC,GACAC;EAEA,MAAMC,IAAuC;EAC7CD,EAAYE,SAAQC;IAClBF,EAAgBG,KAAK;MACnBC,IAAIF,EAAWE;MACfC,SAASH,EAAWI;MACpBC,aAAaT;MACbU,UAAU;MACVC,MAAM;MACNC,OAAO;MACPC,UAAUhB;;AACV;EAEJ,OAAOK;AAAe;;;;GAMjB,OAAMY,kCACXC;EAEA,MAAMC,IAAgC;EACtC,KAAKD,GAAoB;IACvB,OAAOC;;EAETD,EAAmBZ,SAAQc;IACzB,MAAMC,IAA4C;MAChDZ,IAAIW,EAAUX;;MAEdC,SAAS,GAAGU,EAAUT,SAASS,EAAUE,MAAMC;MAC/CX,aAAaQ,EAAUI;MACvBX,UAAU;MACVC,MAAM;MACNC,OAAO;MACPC,UAAUf;MACVqB,OAAOpB,4BAA4BkB,EAAUI,MAAMJ,EAAUE;;IAE/DH,EAASX,KAAKa;AAAuB;EAEvC,OAAOF;AAAQ;;AAGjB,MAAMM,iCAAiC,CACrCC,GACAC;EAEA,MAAMC,IAAgC;EACtCD,EAAcrB,SAAQ,CAACuB,GAASC;IAC9BF,EAASpB,KAAK;MACZC,IAAI,GAAGiB,aAAwBI;MAC/BpB,SAASmB;MACTjB,aAAa;MACbE,MAAM;;AACN;EAEJ,OAAOc;AAAQ;;AAGjB,MAAMG,yBAAyB,CAC7BC,GACAC;;EAEA,MAAMC,IAAsBD,EAAsBE,WAChDC,KACSA,EAAmB3B,OAAOuB,EAAyBK;EAG9D,IAAIH,OAAyB,GAAG;;IAE9B,MAAMI,IAAoC;MACxC7B,IAAIuB,EAAyBK;;MAE7B3B,SAAS,GAAGsB,EAAyBO;MACrC3B,aAAaoB,EAAyBQ;MACtCzB,OAAO;MACPF,UAAU;MACVS,OAAO,EACL;QACEb,IAAIuB,EAAyBvB;QAC7BC,SAASsB,EAAyBrB;QAClCW,OAAOG,+BACLO,EAAyBvB,IACzBuB,EAAyBJ;QAE3Bb,OAAO,kCAAkCiB,EAAyBS;QAClE5B,UAAU;QACVC,MAAMkB,EAAyBJ,SAASL,WAAW;;;IAIzDU,EAAsBzB,KAAK8B;SACtB;;;IAIL,MAAMI,KAAkBC,IAAAV,EACtBC,GACAZ,WAAK,QAAAqB,WAAA,aAAAA,EAAER,WAAU5B,KACVA,EAAWE,OAAOuB,EAAyBvB;IAGpD,IAAIiC,OAAqB,GAAG;;MAE1B,MAAMJ,IAAoC;QACxC7B,IAAIuB,EAAyBvB;QAC7BC,SAASsB,EAAyBrB;QAClCE,UAAU;QACVS,OAAOG,+BACLO,EAAyBvB,IACzBuB,EAAyBJ;QAE3Bb,OAAO,kCAAkCiB,EAAyBS;;;YAGpER,EAAsBC,GAAqBZ,MAAMd,KAAK8B;;YAEtDL,EACEC,GACAxB,UAAU,GAAGsB,EAAyBO,iBAAiBN,EAAsBC,GAAqBZ,MAAMC;;;EAG9G,OAAOU;AAAqB;;;;GAM9B,OAAMW,6BAA6B,CACjCC,GACA3B;EAEA,MAAM4B,IAAsBC,OAAAC,OAAA;IAC1BX,YAAYY;IACZV,cAAcU;IACdT,cAAcS;KACXJ;EAELK,GAAuB,KAAK,IAAIpB,IAAI,GAAGA,IAAIZ,EAAmBK,QAAQO,KAAK;IACzE,MAAMqB,IAAejC,EAAmBY;IACxC,KAAK,IAAIsB,IAAI,GAAGA,IAAID,EAAa7B,MAAMC,QAAQ6B,KAAK;MAClD,IAAID,EAAa7B,MAAM8B,GAAG3C,OAAOoC,EAAqBpC,IAAI;QACxDqC,EAAuBT,aAAac,EAAa1C;QACjDqC,EAAuBP,eAAeY,EAAaxC;QACnDmC,EAAuBN,eAAeW,EAAa3B;QACnD,MAAM0B;;;;EAIZ,OAAOJ;AAAsB;;;;GAMxB,OAAMO,8BAA8B,CACzCR,GACA3B,GACAe;EAEA,IAAIqB,IAA+C,KAAIrB;;IAEvD,MAAMD,IACJY,2BAA2BC,GAAsB3B;EACnDoC,IAA0BvB,uBACxBC,GACAsB;EAEF,OAAOA;AAAuB;;ACrLhC,MAAMC,IAAqB;;MC+CdC,IAAoB;;;;;IAqBvBC,KAAAC,oBAAoB;2IAEpBD,KAAAvC,qBAA2C;IAC3CuC,KAAAE,0BAA0B;IAC1BF,KAAAG,2BAAqC;;QA+KrCH,KAAAI,8BAA8B;MACpCJ,KAAKK,oBACHL,KAAKM,WAAWC,MAAMC,WACtBR,KAAKM,WAAWG,QAAQD,WACxBR,KAAKM,WAAWI,QAAQF;AAAO;IAG3BR,KAAAW,kBAAkB;;MACxBX,KAAKY,iBACH1B,IAAAc,KAAKa,sBAAgB,QAAA3B,WAAA,aAAAA,EAAEpB,YAAW,MAAMkC,KAAKa;AAC9C;IAGKb,KAAAc,iBAAiB;;MACvBd,KAAKe,gBACH7B,IAAAc,KAAKgB,qBAAe,QAAA9B,WAAA,aAAAA,EAAEpB,YAAW,MAAMkC,KAAKgB;AAC7C;IAGKhB,KAAAiB,2BAA2B;MACjCjB,KAAKkB,YAAYC;AAAU;IAGrBnB,KAAAoB,kBAAkBC;MACxB,IAAIrB,KAAKsB,gBAAgBtB,KAAKuB,cAAc;QAC1CvB,KAAKvC,2BAA2BuC,KAAKsB,aAAatB,KAAKuB;QACvD,MAAMC,IAAyBhE,gCAC7BwC,KAAKvC;QAEPuC,KAAKa,mBAAmBW;QACxB,IAAIxB,KAAKvC,mBAAmBK,SAAS,GAAG;;UAEtCkC,KAAKuB,eAAe;;;;IAKlBvB,KAAAyB,sBAAuBC;MAC7B1B,KAAKuB,eAAeG,EAAUC,OAAO;AAAE;IAGjC3B,KAAA4B,uBAAuBP;MAC7B,IAAIrB,KAAK6B,gBAAgB;;QAEvB7B,KAAK8B;uCAEL9B,KAAK+B,uBAAuB;QAC5B/B,KAAKgC,oBAAoBC,mBAAmB;QAC5CjC,KAAK6B,eAAe7B,KAAKkC,mBAAmBC,MAAK;UAC/CnC,KAAK+B,uBAAuB;AAAK;;;IAK/B/B,KAAAoC,wCACNC;;MAGA,IAAIA,EAAMV,UAAU,MAAM;QACxB3B,KAAKsC,wBAAwBC,UAAU;QACvCvC,KAAKsC,wBAAwBE,gBAAgB;QAC7C;;MAGF,MAAMC,IAAuB,KAAIJ,EAAMV,OAAOe;MAE9C,IAAID,EAAqB3E,WAAW,GAAG;QACrCkC,KAAKsC,wBAAwBC,UAAU;QACvCvC,KAAKsC,wBAAwBE,gBAAgB;QAC7C;;MAGF,MAAMG,IAAwBF,EAAqB,GAAGG,KAAKL;MAE3D,MAAMM,IAAkCJ,EAAqBK,OAC3DC,KAAYA,EAASH,KAAKL,YAAYI;MAGxC3C,KAAKsC,wBAAwBC,UAAUI;MACvC3C,KAAKsC,wBAAwBE,iBAC1BK;;qDAIH,MAAMG,IAAeP,EAAqBQ,QAAOC,KAAQA,EAAKN,KAAKL;;YAEnE,MAAMY,IAAiBH,EAAaC,QAClCC,KAAQA,EAAKN,KAAKrF,aAAahB;MAGjC,MAAM2F,IAA8B;MACpC,IAAIiB,EAAerF,SAAS,GAAG;QAC7BqF,EAAetG,SAAQuG;UACrBlB,EAAkBnF,KAAKqG,EAAcR,KAAK5F;AAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uCAoCjDgD,KAAKkC,oBAAoBA;AAAiB;IAGpClC,KAAAqD,yCACNhB;MAEArC,KAAKG,2BAA2BkC,EAAMV,OAAO2B,KAAIV,KAAQA,EAAKA,KAAK5F;AAAG;IAGhEgD,KAAAuD,gCACNlB;MAEA,IAAIrC,KAAKwD,6BAA6BnB,EAAMV,OAAOpE,aAAahB,GAAW;QACzEyD,KAAKwD,0BAA0B,YAAY;UACzCC,WAAWzD,KAAKG;UAChBuD,SAASrB,EAAMV,OAAOgC,iBAAiBC;UACvCC,SAASxB,EAAMV,OAAOgC,iBAAiBG;;;;IAKrC9D,KAAA+D,sBAAsB;MAC5B,IAAI/D,KAAKgE,gBAAgB;QACvBhE,KAAKgE,iBAAiB7B,MAAK8B;UACzB,IAAIA,GAAQ;YACVjE,KAAKkE,cAAcC,SAAS;;;;;;IAO5BnE,KAAAoE,iBAAiB;MACvB,IAAIpE,KAAKqE,iBAAiB;QACxBrE,KAAKqE;;;;IAKDrE,KAAA8B,qBAAqB;MAC3B9B,KAAKgB,kBAAkB;MACvBhB,KAAKM,WAAWC,MAAM+D,SAAS;MAC/BtE,KAAKM,WAAWG,QAAQ6D,SAAS;MACjCtE,KAAKM,WAAWI,QAAQ4D,SAAS;AAAC;IAG5BtE,KAAAuE,8BAA+BC;MACrC,IAAIxE,KAAKyE,eAAe;QACtB,MAAMlC,IAAWiC,EAAEE,OAAsCnC;QACzDvC,KAAKsC,wBAAwBE,gBAAgB;QAC7CxC,KAAKyE,cAAcE,yBAAyB;UAAEpC,SAASA;;;;IAInDvC,KAAA4E,uCACNJ;MAEA,MAAMK,IAAeL,EAAE7C;MACvB,MAAMmD,IAAaD,EAAanG,WAC9BqG,KAASA,EAAMC,WAAW;MAE5B,MAAMC,IAAeJ,EAAanG,WAChCqG,KAASA,EAAMC,WAAW;MAE5B,MAAME,IAAeL,EAAanG,WAChCqG,KAASA,EAAMC,WAAW;MAE5BhF,KAAKM,aAAa;QAChBC,OAAO;UACLC,SAASsE,OAAgB;UACzBR,QAAQtE,KAAKM,WAAWC,MAAM+D;;QAEhC7D,SAAS;UACPD,SAASyE,OAAkB;UAC3BX,QAAQtE,KAAKM,WAAWG,QAAQ6D;;QAElC5D,SAAS;UACPF,SAAS0E,OAAkB;UAC3BZ,QAAQtE,KAAKM,WAAWI,QAAQ4D;;;MAGpCtE,KAAKI;AAA6B;IAG5BJ,KAAAmF,wBAAwB;MAC9B,IAAI5C,IAAU;MACd,MAAM6C,IACJpF,KAAKE,4BAA4BF,KAAKkC,kBAAkBpE;MAC1D,MAAMuH,IACJrF,KAAKa,iBAAiB/C,WAAW,MAAMsH;MACzC,IAAIC,GAAoB;QACtB9C,IAAU;;MAEZ,OAAOA;AAAO;IAGRvC,KAAAsF,qBAAqB;MAC3BtF,KAAKuB,eAAe;AAAI;6BAnYa;;oCAEH;sBACF;MAChChB,OAAO;QACLC,SAAS;QACT8D,QAAQ;;MAEV7D,SAAS;QACPD,SAAS;QACT8D,QAAQ;;MAEV5D,SAAS;QACPF,SAAS;QACT8D,QAAQ;;;4BAGqC;;;;2BAWD;gCAahB;wBAeA;uBAKD;;;;;;yBAqCE;;;EA/EjC,4BAAAiB,CAA6BC;IAC3BxF,KAAKY,eAAe4E,EAAS1H,WAAW,MAAM0H;IAC9CxF,KAAKE,0BAA0BuF,EAAeD;;EAShD,2BAAAE;IACE1F,KAAKc;IACL,IAAId,KAAKe,UAAU;MACjBf,KAAK2F,sBACH3F,KAAK4F,iBAAiBC,KAAKC,aAAaC;WACrC;MACL/F,KAAK2F,sBACH3F,KAAK4F,iBAAiBC,KAAKC,aAAaE;;;EAM9C,gCAAAC,CAAiCC;IAC/B,IAAIA,KAAelG,KAAKmG,aAAa;MACnCnG,KAAKkE,cAAcC,SAAS;WACvB,KAAK+B,KAAelG,KAAKmG,aAAa;MAC3CnG,KAAKkE,cAAcC,SAAS;;;EAqBhC,wBAAAiC,CAAyBC;IACvB,IAAIA,KAAQA,EAAKnJ,QAAQmJ,EAAKC,OAAO,GAAG;MACtCtG,KAAKoB;;;;EAiDT,uBAAMmF;IACJvG,KAAK4F,yBAAyBY,EAAOC,oBAAoBzG,KAAK0G;IAC9D1G,KAAK2G,sBAAsBC,KAAK;IAChC5G,KAAKW;IACLX,KAAKc;IACLd,KAAK2F,sBACH3F,KAAK4F,iBAAiBC,KAAKC,aAAaC;IAC1C/F,KAAKI;;EAGP,gBAAAyG;IACE7G,KAAKkB,YAAY4F;;EAGnB,kBAAAC;IACE,KAAK/G,KAAKC,mBAAmB;MAC3BD,KAAKgH,4BAA4BJ,KAC/B5G,KAAK4F,iBAAiBqB;MAExBjH,KAAKC,oBAAoB;;;;;;;;EAY7B,mBAAMiH,CAActE;IAClB5C,KAAKgB,kBAAkBpB,4BACrBgD,GACA5C,KAAKvC,oBACLuC,KAAKgB;IAEPhB,KAAKM,WAAWsC,EAAK5D,QAAQsF;;;EA4O/B,MAAA6C;;IACE,OACEC,EAACC,GAAI;MAAC/J,OAAM;OACV8J,EAAA;MAAK9J,OAAM;OACT8J,EAAA;MACEE,kBAAgB;MAChBC,iBAAe;MACfC,gBACExH,KAAKyH,eAAezH,KAAK4F,iBAAiBqB,gBAAgB;OAI5DG,EAAA;MAAQ9J,OAAM;MAASoK,MAAK;OAE1BN,EAAA;MACEO,MAAK;MACLrK,OAAM;MACNsK,OAAO5H,KAAK4F,iBAAiBiC,OAAOC;MACpCC,aAAa/H,KAAK4F,iBAAiBiC,OAAOG;MAC1CC,MAAK;MACLC,YAAW;MACXC,aAAW;MACXC,cAAa;MACbC,gBAAgBrI,KAAKyB;MACrB6G,sBAAsBtI,KAAKsF;MAC3BiD,KAAM7B,KACH1G,KAAKkB,cAAcwF;QAIxBU,EAAA;MACEO,MAAK;MACL5J,MAAK;MACLkK,MAAK;MACLO,SAASxI,KAAKiB;MACdwH,UAAUzI,KAAK+B;OAEd/B,KAAK4F,iBAAiBiC,OAAOa,oBAGlCtB,EAAA;MAAM9J,OAAM;OAGV8J,EAAA;MAAK9J,OAAM;OAER0C,KAAKmG,cACJiB,EAAA;MACE9J,OAAM;MACN2K,MAAK;MACLhL,SAAS+C,KAAK4F,iBAAiB+C,OAAOC;MACtCL,KAAK7B,KACF1G,KAAKkE,gBAAgBwC;SAGxB,MACJU,EAAA;MACEI,gBACExH,KAAK4F,iBAAiBC,KAAKgD,cAAcD;MAE3CtB,kBAAgB;MAChBwB,gBAAc;MACdxL,OAAM;MACNyL,eAAa;MACbC,eAAehJ,KAAKY;MACpBqI,WAAU;OAEV7B,EAAA;MACE9J,OAAO;QACL,kBAAkB;QAClB,mCAAmC;QACnC,yBAAyB0C,KAAKY;;QAG9BZ,KAAKY,YACLwG,EAAA;MACE8B,WAAWlJ,KAAKa;MAChBsI,cAAc;MACdC,cAAc;MACdC,kBAAkB;MAClBC,UAAU;MACV/G,SAAS;MACTgH,sBACEvJ,KAAKoC;MAEPoH,uBACExJ,KAAKqD;MAEPoG,mBAAmBzJ,KAAKuD;MACxBgF,KAAK7B,KACF1G,KAAKyE,gBAAgBiC;SAI1BU,EAAA;MAAK9J,OAAM;OACT8J,EAAA;MACEsC,WACEC,EAAOC,WAAWC,OAAOH;MAE3BI,SACEH,EAAOC,WAAWC,OAAOH;MAE3B/B,MAAMgC,EAAOC,WAAWC,OAAOlC;MAC/BoC,UAAUJ,EAAOC,WAAWC,OAAOE;MACnC9B,MAAK;OAEJjI,KAAK4F,iBAAiBC,KAAKgD,cAAcjI,WAC1CwG,EAAA;MACEO,MAAK;MACLa,SAASxI,KAAKiB;OAGZjB,KAAK4F,iBAAiBC,KAAKgD,cACxBmB,gBAQf5C,EAAA;MACEQ,OACE5H,KAAK4F,iBAAiBC,KAAKgD,cAAcoB;MAE3ChC,MAAK;MACLP,MAAK;MACLe,UACEzI,KAAK+B,wBACL/B,KAAKa,iBAAiB/C,WAAW;MAEnCyE,SAASvC,KAAKmF;MACdqD,SAASxI,KAAKuE;MACdgE,KAAM7B,KACH1G,KAAKsC,0BACJoE;QAINU,EAAA;MACE8C,SAAO;MACPxC,MAAK;MACLa,KAAM7B,KACH1G,KAAKgC,sBACJ0E;OAIJU,EAAA;MACEpK,IAAG;MACHiL,MAAK;MACLQ,YACEvJ,IAAAc,KAAKa,sBAAgB,QAAA3B,WAAA,aAAAA,EAAEpB,YAAW,KAClCkC,KAAK+B;MAEPyG,SAASxI,KAAK4B;MACduI,UAAQ;OAEPnK,KAAK4F,iBAAiBC,KAAKgD,cAAcuB,eAI5ChD,EAAA;MACEpK,IAAG;MACHiL,MAAK;MACLQ,WAAWzI,KAAK+B;MAChByG,SAASxI,KAAK+D;OAEb/D,KAAK4F,iBAAiBC,KAAKgD,cAAcwB,gBAI9CjD,EAAA;MACEO,MAAK;MACL5J,MAAK;MACL2J,MAAK;MACLO,MAAK;MACLO,SAASxI,KAAKoE;OAEbpE,KAAK4F,iBAAiBiC,OAAOyC,iBAIlClD,EAAA;MACE9J,OAAM;MACNkK,gBAAgBxH,KAAK4F,iBAAiBC,KAAKC,aAAa8C;MACxDtB,kBAAgB;MAChBwB,gBAAc;MACdC,eAAa;MACbC,eAAehJ,KAAKe;MACpBkI,WAAU;OAEV7B,EAAA;MACE9J,OAAO;QACL,kBAAkB;QAClB,iCAAiC;QACjC,yBACE0C,KAAKe,aAAaf,KAAKK;QACzB,gCACGL,KAAKM,WAAWG,QAAQD;QAC3B,8BACGR,KAAKM,WAAWC,MAAMC;QACzB,iCACGR,KAAKM,WAAWI,QAAQF;;QAG3BR,KAAKe,YAAYf,KAAKK,oBACtB+G,EAAA;MACE8B,WAAWlJ,KAAKgB;MAChBqI,kBAAkB;SAGpBjC,EAAA;MACEsC,WACEC,EAAOC,WAAWC,OAAOH;MAE3BI,SACEH,EAAOC,WAAWC,OAAOH;MAE3B/B,MAAMgC,EAAOC,WAAWC,OAAOlC;MAC/BoC,UAAUJ,EAAOC,WAAWC,OAAOE;MACnC9B,MAAK;MACL3K,OAAM;OAEL0C,KAAK2F,uBAKZyB,EAAA;MACEO,MAAK;MACLD,MAAK;MACLO,MAAK;MACLO,SAASxI,KAAK8B;MACd2G,UAAUzI,KAAKe,YAAYf,KAAK+B;OAE/B/B,KAAK4F,iBAAiBC,KAAKC,aAAaqC,cAG3Cf,EAAA;MAAM9J,OAAM;MAAgBoK,MAAK;WAKvCN,EAAA;MAAQM,MAAK;OACXN,EAAA;MACEmD,QAAQvK,KAAKM,WAAWC,MAAM+D;MAC9BkG,UAAUxK,KAAKM,WAAWG,QAAQ6D;MAClCmG,WAAWzK,KAAKM,WAAWI,QAAQ4D;MACnCoG,aAAW;MACXC,SAAO;MACPC,SAAS5K,KAAK6K;MACdC,oBAAoB9K,KAAK4E"}

package/dist/genexus-ide-ui/{p-b37744dc.entry.js → p-9a8f3b43.entry.js}

@@ -4,7 +4,7 @@ import { L as s } from "./p-74d59062.js";
 
 import { r as l } from "./p-350f49ac.js";
 
-import { f as n } from "./p-e8646b08.js";
+import { f as n } from "./p-00095d68.js";
 
 const g = ":root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-01--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-02{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-02--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--color-on-primary)}.gxg-title-03{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-03--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-04{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-04--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-05{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-05--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable)}.gxg-text--negative{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text--gray{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--dimmed)}.gxg-quote{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);font-style:italic}.gxg-quote--negative{color:var(--ds-base-font-color--negative)}.gxg-link{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--ds-base-font-color--link-hover)}.gxg-link:active{color:var(--ds-base-font-color--link-active)}.gxg-link-gray{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed)}.gxg-link-gray:hover{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed);filter:brightness(1.4)}.gxg-alert-error{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--error);display:inline-block}.gxg-alert-warning{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--warning);display:inline-block}.gxg-alert-success{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--success);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(--ds-base-font-family-primary);font-weight:var(--gxg-label-font-weight);font-size:var(--gxg-label-font-size);color:var(--gxg-label-color);text-align:center;line-height:1.455em;display:flex;align-items:center}.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-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gxg-scrollbar::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.gxi-hidden{display:none !important}.gxi-full-height{height:100%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}.justify-start{display:flex;justify-content:start}.justify-center{display:flex;justify-content:center}.justify-end{display:flex;justify-content:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:99;border-bottom:1px solid var(--mer-color__neutral-gray--800)}ch-grid-column:first-child{padding-inline-start:var(--gx-ide-container__padding) !important}ch-grid-column:last-child{padding-inline-end:var(--gx-ide-container__padding) !important}ch-grid-cell{--mer-spacing--xs:var(--gx-ide-container__padding)}.layout{display:grid;gap:var(--mer-spacing--lg);box-sizing:border-box}.layout--two-cols{grid-template-columns:1fr 1fr}.layout--space-above{padding-block-start:var(--mer-spacing--lg)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--mer-font__weight--regular);font-size:var(--mer-font__size--xs);font-family:var(--mer-font-family--primary);height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-main::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-main::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-main::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-overflow::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.tree-container{display:flex;height:100%;width:100%;box-sizing:border-box}p{margin:0}:host{display:block;border:1px solid var(--gxg-border-color--regular);background-color:var(--mer-color__surface)}.grid-data{grid-template-columns:repeat(2, 1fr)}.grid-data-account{grid-template-columns:auto 1fr}.grid-data-account>:nth-child(1){grid-area:1/1/2/3}.grid-data-account>:nth-child(6){grid-area:4/2/5/3}.grid-data-kbs{display:flex;flex-direction:column;gap:var(--gx-ide-grid-row-gap)}.grid-data-kbs .search-kbs{width:100%;display:flex}.grid-data-kbs .box-kbs{height:150px}.grid-data-kbs-footer{display:flex}.flex{display:flex}.flex>:nth-child(2){flex:1}";
 
@@ -238,4 +238,4 @@ const d = class {
 d.style = g;
 
 export { d as gx_ide_create_kb_from_server };
-//# sourceMappingURL=p-b37744dc.entry.js.map
+//# sourceMappingURL=p-9a8f3b43.entry.js.map