@genexus/genexus-ide-ui 0.0.100 → 0.0.101

package/dist/genexus-ide-ui/p-5ac58299.entry.js

@@ -0,0 +1,238 @@
+import { r as t, c as e, a as r, h as a, H as o, g as i } from "./p-2776d2f9.js";
+
+import { L as s } from "./p-74d59062.js";
+
+import { r as l } from "./p-4cfc2a85.js";
+
+import { f as n } from "./p-e8646b08.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}: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}";
+
+const d = class {
+  constructor(a) {
+    t(this, a);
+    this.componentDidRenderFirstTime = e(this, "componentDidRenderFirstTime", 7);
+    this.renderedFirstTime = false;
+    this.shortcutsSrc = r(`./gx-ide-assets/create-kb-from-server/shortcuts.json`);
+    this.kbIdSelected = null;
+    this.authenticationTypes = [];
+    // 7.LISTENERS //
+    // 8.PUBLIC METHODS API //
+    // 9.LOCAL METHODS //
+        this.setAuthenticationTypes = () => {
+      this.authenticationTypes = [ {
+        id: "genexus",
+        value: "genexus",
+        label: this._componentLocale.authenticationTypes.genexusAccount
+      }, {
+        id: "local",
+        value: "local",
+        label: this._componentLocale.authenticationTypes.local
+      } ];
+    };
+    this.addEventListeners = () => {
+      this.serverUrlsEl.addEventListener("valueChanged", (() => {
+        this.reset();
+      }));
+      this.searchKBEl.addEventListener("valueChanged", (t => {
+        this.kbNameEl.value = "";
+        this.kbIdSelected = null;
+        this.kbSearchText = t.detail;
+      }));
+      this.listBoxEl.addEventListener("selectionChanged", (t => {
+        const e = t.detail.items;
+        let r;
+        if (e.length > 0) {
+          r = t.detail.items[0];
+        }
+        if (r) {
+          this.kbIdSelected = r.value;
+          const t = this.kbs.find((t => t.id === this.kbIdSelected));
+          if (t) {
+            this.kbNameEl.value = t.name;
+          }
+        }
+      }));
+    };
+    this.createKbHandler = () => {
+      if (this.createKBCallback) {
+        const t = this.createKBCallback({
+          id: this.kbIdSelected,
+          name: this.kbNameEl.value
+        });
+        t.then((t => {
+          n(t, this);
+        }));
+      }
+    };
+    this.connectCallbackHandler = () => {
+      var t, e;
+      if (this.connectCallback) {
+        const r = this.connectCallback({
+          serverUrl: this.serverUrlsEl.value,
+          authenticationType: this.authenticationTypeEl.value,
+          user: (t = this.userNameEl) === null || t === void 0 ? void 0 : t.value,
+          password: (e = this.passwordEl) === null || e === void 0 ? void 0 : e.value
+        });
+        r.then((t => {
+          n(t.formResult, this);
+          if (t.formResult.success && t.kbs) {
+            this.kbs = t.kbs;
+            this.selectionKbDisabled = false;
+          }
+        }));
+      }
+    };
+    this.selectionKbDisabled = true;
+    this.kbs = [];
+    this.kbSearchText = "";
+    this.displayTitle = false;
+    this.connectCallback = undefined;
+    this.createKBCallback = undefined;
+    this.enableCustomServer = false;
+    this.kbName = undefined;
+    this.password = undefined;
+    this.serverUrls = undefined;
+    this.userName = undefined;
+  }
+  watchPropHandler(t) {
+    /* When the list of servers are updated, the first server is selected by default */
+    this.kbIdSelected = t[0].id;
+    this.kbName = t[0].name;
+  }
+  // 6.METHODS //
+  async componentWillLoad() {
+    this._componentLocale = await s.getComponentStrings(this.el);
+    this.setAuthenticationTypes();
+  }
+  componentDidLoad() {
+    this.serverUrlsEl.focus();
+    this.addEventListeners();
+  }
+  componentDidRender() {
+    if (!this.renderedFirstTime) {
+      this.componentDidRenderFirstTime.emit(this._componentLocale.componentName);
+      this.renderedFirstTime = true;
+    }
+  }
+  reset() {
+    this.kbs = [];
+    this.kbIdSelected = null;
+    this.selectionKbDisabled = true;
+    this.searchKBEl.value = "";
+    this.kbSearchText = "";
+  }
+  // 10.RENDER() FUNCTION //
+  // 11.RENDER() FUNCTION //
+  render() {
+    return a(o, {
+      class: "gx-ide-component"
+    }, a("div", {
+      class: "gx-ide-main-wrapper"
+    }, a("gx-ide-container", {
+      containerTitle: this.displayTitle ? this._componentLocale.componentName : null
+    }, a("div", {
+      class: "flex"
+    }, a("gxg-label", {
+      labelPosition: "start",
+      class: "kb-label"
+    }, this._componentLocale.label.serverUrl), a("gxg-combo-box", {
+      disableFilter: !this.enableCustomServer,
+      ref: t => this.serverUrlsEl = t,
+      class: "server-urls-combo-box",
+      part: "server-urls"
+    }, this.serverUrls ? l("gxg-combo-box-item", this.serverUrls.map((t => ({
+      id: t,
+      label: t,
+      value: t
+    }))), "server-urls") : null)), a("div", {
+      class: "grid grid-data"
+    }, a("div", null, a("div", {
+      class: "grid grid-data-account"
+    }, a("gxg-combo-box", {
+      disableFilter: true,
+      value: this.authenticationTypes[0].id,
+      ref: t => this.authenticationTypeEl = t,
+      class: "authentication-type",
+      part: "authentication-type",
+      onValueChanged: this.evaluateAuthenticationType
+    }, l("gxg-combo-box-item", this.authenticationTypes, "authentication-type")), a("gxg-label", {
+      labelPosition: "start",
+      class: "kb-label"
+    }, `${this._componentLocale.label.userName}:`), a("gxg-form-text", {
+      ref: t => this.userNameEl = t,
+      value: this.userName,
+      class: "user-name",
+      part: "user-name"
+    }), a("gxg-label", {
+      labelPosition: "start",
+      class: "kb-label"
+    }, `${this._componentLocale.label.password}:`), a("gxg-form-text", {
+      password: true,
+      ref: t => this.passwordEl = t,
+      value: this.password,
+      class: "password",
+      part: "password"
+    }), a("div", null, a("gxg-button", {
+      id: "button-connect",
+      type: "primary-text-only",
+      onClick: this.connectCallbackHandler,
+      part: "button-connect"
+    }, this._componentLocale.buttons.connect)))), a("div", {
+      class: "grid"
+    }, a("div", {
+      class: "grid-data-kbs"
+    }, a("div", {
+      class: "search-kbs"
+    }, a("gxg-form-text", {
+      ref: t => this.searchKBEl = t,
+      class: "search-kb-input",
+      part: "search-kb",
+      disabled: this.selectionKbDisabled,
+      placeholder: this._componentLocale.label.searchKbs
+    })), a("div", {
+      class: "box-kbs"
+    }, a("gxg-list-box", {
+      singleSelection: true,
+      disabled: this.selectionKbDisabled,
+      ref: t => this.listBoxEl = t,
+      part: "kbs"
+    }, this.kbs.filter((t => t.name.toLowerCase().includes(this.kbSearchText.toLowerCase()))).map((t => a("gxg-list-box-item", {
+      value: t.id,
+      key: t.id
+    }, t.name)))))), a("div", {
+      class: "grid grid-data-kbs-footer"
+    }, a("gxg-form-text", {
+      ref: t => this.kbNameEl = t,
+      label: this._componentLocale.localKb,
+      value: this.kbName,
+      class: "kb-name",
+      part: "kb-name",
+      disabled: this.selectionKbDisabled
+    }), a("div", null, a("gxg-button", {
+      id: "button-create",
+      type: "primary-text-only",
+      onClick: this.createKbHandler,
+      part: "button-create",
+      disabled: this.selectionKbDisabled
+    }, this._componentLocale.buttons.create))))))), a("gxg-shortcuts", {
+      src: this.shortcutsSrc
+    }));
+  }
+  static get assetsDirs() {
+    return [ "gx-ide-assets/create-kb-from-server" ];
+  }
+  get el() {
+    return i(this);
+  }
+  static get watchers() {
+    return {
+      kbs: [ "watchPropHandler" ]
+    };
+  }
+};
+
+d.style = g;
+
+export { d as gx_ide_create_kb_from_server };
+//# sourceMappingURL=p-5ac58299.entry.js.map

package/dist/genexus-ide-ui/p-5bce420c.entry.js

@@ -0,0 +1,187 @@
+import { r as t, c as e, a as r, h as o, H as a, g as i } from "./p-2776d2f9.js";
+
+import { L as s } from "./p-74d59062.js";
+
+import { c as l } from "./p-9c1b4eb9.js";
+
+import { g as n } from "./p-6893ccb8.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}:host{display:block}.top-actions{display:flex;gap:var(--gx-ide-grid-column-gap);padding:var(--mer-spacing--xs) var(--gx-ide-container__padding);flex-direction:row-reverse;border-bottom:1px solid var(--gx-ide-container-border-color)}";
+
+const c = class {
+  constructor(a) {
+    t(this, a);
+    this.componentDidLoadEvent = e(this, "componentDidLoadEvent", 7);
+    this.componentDidRenderFirstTime = e(this, "componentDidRenderFirstTime", 7);
+    this.renderedFirstTime = false;
+    this.shortcutsSrc = r(`./gx-ide-assets/team-dev-update-partial-selection/shortcuts.json`);
+    // 9.LOCAL METHODS //
+        this.renderObjects = () => o("gxg-grid", {
+      "ellipsis-cell-wrapper": true,
+      noBorder: true
+    }, o("ch-grid", {
+      "row-selection-mode": "multiple",
+      ref: t => this.chGridEl = t,
+      part: "ch-grid-objects"
+    }, o("ch-grid-columnset", null, o("ch-grid-column", {
+      columnName: "",
+      settingable: false,
+      sortable: false,
+      size: n.colSize.minContent
+    }), o("ch-grid-column", {
+      columnName: this._componentLocale.tableHead.name,
+      settingable: false,
+      size: n.colSize.auto
+    }), o("ch-grid-column", {
+      columnName: this._componentLocale.tableHead.type,
+      settingable: false,
+      size: n.colSize.auto
+    }), o("ch-grid-column", {
+      columnName: this._componentLocale.tableHead.description,
+      settingable: false,
+      size: n.colSize.auto
+    }), o("ch-grid-column", {
+      columnName: this._componentLocale.tableHead.modifiedOn,
+      settingable: false,
+      size: n.colSize.auto
+    })), this.selection.map((t => o("ch-grid-row", {
+      rowid: t.id,
+      key: t.id
+    }, o("ch-grid-cell", null, o("span", {
+      class: "cell-wrapper"
+    }, o("gxg-icon", {
+      type: t.typeIcon,
+      color: "auto",
+      size: "small"
+    }))), o("ch-grid-cell", null, o("span", {
+      class: "cell-wrapper"
+    }, t.name)), o("ch-grid-cell", null, o("span", {
+      class: "cell-wrapper"
+    }, t.type)), o("ch-grid-cell", null, o("span", {
+      class: "cell-wrapper"
+    }, t.description)), o("ch-grid-cell", null, o("span", {
+      class: "cell-wrapper"
+    }, `${t.modifiedOn.toISOString().slice(0, 10)}`)))))));
+    this.getObjectsHandler = () => {
+      this.addCallback().then((t => {
+        if ((t === null || t === void 0 ? void 0 : t.length) > 0) {
+          this.selection = [ ...this.selection, ...t ];
+          this.selectedObjectsIds = [];
+        }
+      }));
+    };
+    this.removeSelectedObjectsHandler = () => {
+      this.selection = this.selection.filter((t => !this.selectedObjectsIds.includes(t.id)));
+      this.selectedObjectsIds = [];
+    };
+    this.confirmHandler = () => {
+      if (this.confirmCallback) {
+        const t = [];
+        this.selection.forEach((e => {
+          t.push(e.id);
+        }));
+        this.confirmCallback(t);
+      }
+    };
+    this.cancelHandler = () => {
+      this.cancelCallback();
+    };
+    this.removeAllHandler = () => {
+      this.selection = [];
+    };
+    this.listenChanges = () => {
+      // for grid selection
+      this.chGridEl.addEventListener("selectionChanged", (t => {
+        this.selectedObjectsIds = t.detail.rowsId;
+      }));
+    };
+    this.selectedObjectsIds = [];
+    this.displayTitle = false;
+    this.addCallback = undefined;
+    this.cancelCallback = undefined;
+    this.confirmCallback = undefined;
+    this.selection = [];
+  }
+  // 6.COMPONENT LIFECYCLE EVENTS //
+  async componentWillLoad() {
+    this._componentLocale = await s.getComponentStrings(this.el);
+    this.componentDidLoadEvent.emit(true);
+  }
+  componentDidLoad() {
+    this.listenChanges();
+  }
+  componentDidRender() {
+    if (!this.renderedFirstTime) {
+      this.componentDidRenderFirstTime.emit(this._componentLocale.componentName);
+      this.renderedFirstTime = true;
+    }
+  }
+  // 7.LISTENERS //
+  // 8.PUBLIC METHODS API //
+  /**
+     * Validate necessary data input
+     */
+  async validate() {
+    const t = true;
+    return t;
+  }
+  // 10.RENDER() FUNCTION //
+  render() {
+    return o(a, {
+      class: "gx-ide-component"
+    }, o("div", {
+      class: "gx-ide-main-wrapper"
+    }, o("gx-ide-container", {
+      noContentPadding: true,
+      noContentGap: true,
+      containerTitle: this.displayTitle ? this._componentLocale.componentName : null,
+      slimmerFooter: l.gxIdeContainer.slimmerFooter
+    }, o("div", {
+      class: "top-actions"
+    }, o("gxg-button", {
+      id: "button-add",
+      type: "outlined",
+      icon: "gemini-tools/add",
+      onClick: this.getObjectsHandler,
+      part: "add"
+    }, this._componentLocale.btnAddObject), o("gxg-button", {
+      id: "button-remove",
+      type: "secondary-text-only",
+      onClick: this.removeSelectedObjectsHandler,
+      part: "remove",
+      disabled: !(this.selectedObjectsIds.length > 0)
+    }, this._componentLocale.btnRemoveSelectedObjects)), this.renderObjects(), o("gxg-button", {
+      id: "button-clear",
+      onClick: this.removeAllHandler,
+      disabled: !(this.selection.length > 0),
+      part: "clear",
+      slot: "footer-start",
+      type: "secondary-text-only"
+    }, this._componentLocale.footer.btnRemoveAll), o("gxg-button", {
+      id: "button-cancel",
+      type: "outlined",
+      onClick: this.cancelHandler,
+      part: "cancel",
+      slot: "footer-end"
+    }, this._componentLocale.footer.btnCancel), o("gxg-button", {
+      id: "button-ok",
+      type: "primary-text-only",
+      onClick: this.confirmHandler,
+      part: "confirm",
+      slot: "footer-end"
+    }, this._componentLocale.footer.btnConfirm))), o("gxg-shortcuts", {
+      src: this.shortcutsSrc
+    }));
+  }
+  static get assetsDirs() {
+    return [ "gx-ide-assets/team-dev-update-partial-selection" ];
+  }
+  get el() {
+    return i(this);
+  }
+};
+
+c.style = g;
+
+export { c as gx_ide_team_dev_update_partial_selection };
+//# sourceMappingURL=p-5bce420c.entry.js.map

package/dist/genexus-ide-ui/p-5ed3968f.entry.js

@@ -0,0 +1,183 @@
+import { r as e, c as t, h as r, H as o, g as a } from "./p-2776d2f9.js";
+
+import { L as i } from "./p-74d59062.js";
+
+import { f as s } from "./p-04f3d630.js";
+
+const l = ":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}:host{display:block;box-shadow:none;height:100%;overflow:auto;opacity:0;transition:var(--gx-ide-show-component-delay) opacity}:host(.rendered){opacity:1}gxg-tabs{background-color:transparent;box-shadow:none;height:100% !important;overflow:auto}.kbs-empty-state{height:100%}.layout{height:100%;overflow:auto}.layout gxg-card{height:100%;overflow:auto}.kbs-container,.news-container{display:flex;flex-direction:column;gap:var(--gx-ide-articles-gap)}.news-container p:first-child{margin-top:0}.news-container p:last-child{margin-bottom:0}gxg-card.section{border-bottom:2px solid var(--gray-00)}";
+
+const n = class {
+  constructor(o) {
+    e(this, o);
+    this.componentDidRenderFirstTime = t(this, "componentDidRenderFirstTime", 7);
+    this.getNewsCallbackRecentNews = async () => new Promise((async e => {
+      if (this.getNewsCallback) {
+        const t = await this.getNewsCallback();
+        e(t);
+      }
+    }));
+    // 7.LISTENERS //
+    // 8.PUBLIC METHODS API //
+    // 9.LOCAL METHODS //
+        this.kbClickHandler = async e => {
+      const t = e.target.id;
+      if (this.openKbCallback) {
+        await this.openKbCallback(t);
+      }
+    };
+    this.searchKbsInputHandler = e => {
+      this.kbsFilterValue = e.detail.toLowerCase();
+    };
+    // private NewsClickHandler = async (e: MouseEvent) => {
+    //   const newsId = (e.target as HTMLElement).id;
+    //   if (this.openNewsCallback) {
+    //     await this.openNewsCallback(newsId);
+    //   }
+    // };
+    // 9.LOCAL METHODS -> RENDERS //
+    // private renderNews = (news: NewsData): HTMLGxgCardElement | null => {
+    //   if (news.id && news.title) {
+    //     return (
+    //       <gxg-card
+    //         id={news.id}
+    //         key={news.id}
+    //         cardType="article"
+    //         cardTitle={news.title}
+    //         icon="gx-test/test-results"
+    //         iconColor="auto"
+    //         actionable
+    //         onClick={this.NewsClickHandler}
+    //         titleSemibold
+    //         noHeaderBorder
+    //       >
+    //         {news.body ? <p>{news.body}</p> : null}
+    //       </gxg-card>
+    //     );
+    //   }
+    //   return null;
+    // };
+    // 9.LOCAL METHODS -> RENDERS //
+        this.renderKb = e => {
+      if (e.id && e.name && e.name.toLowerCase().includes(this.kbsFilterValue)) {
+        const t = s(e.lastOpenedDate, "pretty");
+        const o = t ? `${this._componentLocale.recentKbs.lastOpened} ${t}` : null;
+        return r("gxg-card", {
+          id: e.id,
+          key: e.id,
+          cardType: "article",
+          cardTitle: e.name,
+          icon: "general/knowledge-base",
+          iconColor: "auto",
+          cardSubtitle: o,
+          actionable: true,
+          filterValue: this.kbsFilterValue,
+          onClick: this.kbClickHandler
+        });
+      }
+      return null;
+    };
+    this.renderHomeTabContent = () => {
+      var e;
+      return r("div", {
+        class: "layout layout--two-cols layout--space-above"
+      }, r("gxg-card", {
+        class: "section",
+        cardTitle: this._componentLocale.recentKbs.title
+      }, this.kbs.length > 0 ? [ r("div", {
+        class: "kbs-container"
+      }, (e = this.kbs) === null || e === void 0 ? void 0 : e.map((e => this.renderKb(e)))), r("gxg-form-text", {
+        slot: "header",
+        placeholder: "Search KBs by name",
+        onInput: this.searchKbsInputHandler
+      }) ] : r("gx-ide-empty-state", {
+        class: "kbs-empty-state",
+        stateIcon: "mercury/folder",
+        stateTitle: " You haven't created any Knowledge Base",
+        stateDescription: "Once you have created your first knowledge base it will appear on this \n          window."
+      })), r("gx-ide-recent-news", {
+        class: "section",
+        getNewsCallback: this.getNewsCallbackRecentNews,
+        openNewsCallback: this.openNewsCallback
+      }));
+    };
+    this.kbsFilterValue = "";
+    this.renderedFirstTime = false;
+    this.news = undefined;
+    this.kbs = undefined;
+    this.openKbCallback = undefined;
+    this.getNewsCallback = undefined;
+    this.openNewsCallback = undefined;
+  }
+  // 6.COMPONENT LIFECYCLE METHODS //
+  async componentWillLoad() {
+    this._componentLocale = await i.getComponentStrings(this.el);
+  }
+  componentDidRender() {
+    if (!this.renderedFirstTime) {
+      this.componentDidRenderFirstTime.emit(this._componentLocale.componentName);
+      this.renderedFirstTime = true;
+    }
+  }
+  // private renderTabs = (): HTMLGxgTabsElement => {
+  //   return (
+  //     <gxg-tabs height="auto" minWidth="100%" no-border>
+  //       <gxg-tab-bar slot="tab-bar-container" displayBorder>
+  //         <gxg-tab-button
+  //           slot="tab-bar"
+  //           tab-label={this._componentLocale.tabs.home}
+  //           tab="home"
+  //           is-selected
+  //         ></gxg-tab-button>
+  //         <gxg-tab-button
+  //           slot="tab-bar"
+  //           tab-label={this._componentLocale.tabs.learn}
+  //           tab="learn"
+  //           disabled
+  //         ></gxg-tab-button>
+  //         <gxg-tab-button
+  //           slot="tab-bar"
+  //           tab-label={this._componentLocale.tabs.samples}
+  //           tab="samples"
+  //           disabled
+  //         ></gxg-tab-button>
+  //         <gxg-tab-button
+  //           slot="tab-bar"
+  //           tab-label={this._componentLocale.tabs.marketplace}
+  //           tab="marketplace"
+  //           disabled
+  //         ></gxg-tab-button>
+  //         <gxg-tab-button
+  //           slot="tab-bar"
+  //           tab-label={this._componentLocale.tabs.updates}
+  //           tab="updates"
+  //           disabled
+  //         ></gxg-tab-button>
+  //       </gxg-tab-bar>
+  //       <gxg-tab tab="home">{this.renderHomeTabContent()}</gxg-tab>
+  //       <gxg-tab tab="learn"></gxg-tab>
+  //       <gxg-tab tab="samples"></gxg-tab>
+  //       <gxg-tab tab="marketplace"></gxg-tab>
+  //       <gxg-tab tab="updates"></gxg-tab>
+  //     </gxg-tabs>
+  //   );
+  // };
+  // 10.RENDER() FUNCTION //
+  render() {
+    return r(o, {
+      class: {
+        rendered: this.renderedFirstTime
+      }
+    }, this.renderHomeTabContent());
+  }
+  static get assetsDirs() {
+    return [ "gx-ide-assets/start-page" ];
+  }
+  get el() {
+    return a(this);
+  }
+};
+
+n.style = l;
+
+export { n as gx_ide_start_page };
+//# sourceMappingURL=p-5ed3968f.entry.js.map