@genexus/genexus-ide-ui 0.0.100 → 0.0.102

package/dist/genexus-ide-ui/p-a3e07b86.entry.js

@@ -1,240 +0,0 @@
-import { r as e, c as i, h as t, H as r, g as a } from "./p-2776d2f9.js";
-
-import { L as o } from "./p-74d59062.js";
-
-import { f as s } from "./p-04f3d630.js";
-
-const n = '.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:6px;height:6px}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-main .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:6px;height:6px}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-overflow .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}.tree-container{display:flex;height:100%;width:100%;box-sizing:border-box}:host{display:block;height:100%;overflow:auto}:host,.gx-ide-main-wrapper,.grid--basic,.project,.recent-objects{height:100%;overflow:auto}.kb{grid-area:kb;align-self:center}.kb .version-pill{white-space:nowrap;text-overflow:ellipsis}.kb .kb-detail{display:flex;flex-direction:column;align-items:start;flex-wrap:wrap;margin-block-start:var(--mer-spacing--md);gap:var(--mer-spacing--md)}.kb .kb-detail .display-inline{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;font-style:italic;opacity:0.5}.environment{grid-area:environment}.environment gxg-title-editable{margin-block-end:var(--gx-ide-cards-vertical-spacing)}.environment .grid--environments{flex-grow:1;grid-template-columns:1fr 1fr 1fr;gap:var(--gx-ide-grid-column-gap)}.environment .grid--environments .align-center{gap:var(--mer-spacing--xxs)}.environment .grid--environments .front-end{display:flex;flex-direction:column;gap:var(--gx-ide-cards-vertical-spacing)}.project{grid-area:project}.project .project-buttons{margin-block-start:var(--mer-spacing--md);gap:var(--mer-spacing--md)}.project gxg-form-textarea::part(textarea){width:100%;background-color:transparent;line-height:var(--line-height-default);font-size:var(--mer-font__size--xs)}.recent-objects{grid-area:recent-objects}.recent-objects .recent-objects-card{margin-block-end:var(--gx-ide-cards-vertical-spacing)}.recent-objects .recent-objects-card:last-child{margin-block-end:0}.recent-objects .recent-objects-card .grid--recent-objects{flex-grow:1;grid-template-columns:1fr 10fr 12fr 1fr;gap:var(--gx-ide-cards-horizontal-spacing);height:100%}.recent-objects .recent-objects-card .grid--recent-objects .obj-name{color:var(--gray-06)}.grid--basic{flex-grow:1;grid-template-columns:1.12fr 1fr;gap:var(--mer-spacing--xl);grid-template-areas:"kb environment" "project recent-objects";grid-template-rows:auto 1fr}gxg-title-editable{width:100%}gx-ide-card{height:100%}';
-
-const d = {
-  new: "gx-server/new",
-  modified: "patterns-default-associated/modified",
-  conflicted: "patterns-default-associated/synchronized",
-  unmodified: "gx-server/delete"
-};
-
-const l = class {
-  constructor(r) {
-    e(this, r);
-    this.componentDidRenderFirstTime = i(this, "componentDidRenderFirstTime", 7);
-    this.renderedFirstTime = false;
-    // 7.LISTENERS //
-    // 8.PUBLIC METHODS API //
-    // 9.LOCAL METHODS //
-    // Kb Name
-        this.handleKbNameChange = async () => {
-      if (this.renameKBCallback) {
-        const e = this.renameKBCallback(this.kbNameEl.value);
-        e.then((e => {
-          if (e.success) {
-            this.kb.name = this.kbNameEl.value;
-          }
-          this.editValidation(e, this.kbNameEl);
-        }));
-      }
-    };
-    // Environment Name
-        this.handleEnvNameChange = async () => {
-      if (this.renameEnvironmentCallback) {
-        const e = this.renameEnvironmentCallback(this.envNameEl.value);
-        e.then((e => {
-          if (e.success) {
-            this.environment.name = this.envNameEl.value;
-          }
-          this.editValidation(e, this.envNameEl);
-        }));
-      }
-    };
-    // Project Description
-        this.toggleEditDescription = async () => {
-      this.editingProjectDescription = !this.editingProjectDescription;
-    };
-    this.handleDescriptionChange = async () => {
-      if (this.editDescriptionCallback) {
-        await this.editDescriptionCallback();
-      }
-    };
-    // Recent Objects
-        this.openObject = e => {
-      this.openObjectCallback(e);
-    };
-    // Validation
-        this.editValidation = (e, i) => {
-      if (!e.success) {
-        i.validationStatus = "error";
-        i.validationMessage = e.errorMessage;
-      }
-    };
-    // 10.RENDER() FUNCTIONS //
-        this.renderProjectContent = () => this.editingProjectDescription ? t("div", null, t("gxg-form-textarea", {
-      rows: 12,
-      value: this.projectDescription
-    }), t("div", {
-      class: "project-buttons align-center"
-    }, t("gxg-text", {
-      type: "text-link",
-      onClick: this.handleDescriptionChange
-    }, this._componentLocale.save), t("gxg-text", {
-      type: "text-link",
-      onClick: this.toggleEditDescription
-    }, this._componentLocale.discard))) : t("div", null, t("div", {
-      innerHTML: this.projectDescription
-    }), t("gxg-text", {
-      icon: "gemini-tools/edit",
-      type: "text-link",
-      onClick: this.toggleEditDescription
-    }, this._componentLocale.edit));
-    this.editingKbName = false;
-    this.editingEnvName = false;
-    this.editingProjectDescription = false;
-    this.kb = undefined;
-    this.environment = undefined;
-    this.projectDescription = undefined;
-    this.recentObjects = undefined;
-    this.renameKBCallback = undefined;
-    this.renameEnvironmentCallback = undefined;
-    this.editDescriptionCallback = undefined;
-    this.openObjectCallback = undefined;
-  }
-  // 6.COMPONENT LIFECYCLE METHODS //
-  async componentWillLoad() {
-    this._componentLocale = await o.getComponentStrings(this.el);
-  }
-  componentDidRender() {
-    if (!this.renderedFirstTime) {
-      this.componentDidRenderFirstTime.emit(this._componentLocale.componentName);
-      this.renderedFirstTime = true;
-    }
-  }
-  renderFrontEndTitle() {
-    return this.environment.frontEnd.length <= 1 ? this._componentLocale.environment.frontEndLang : this._componentLocale.environment.frontEndLangs;
-  }
-  // 11.RENDER() MAIN FUNCTION //
-  render() {
-    return t(r, null, t("div", {
-      class: "gx-ide-main-wrapper"
-    }, t("div", {
-      class: "grid grid--basic"
-    }, t("div", {
-      class: "kb gxi-overflow-auto"
-    }, t("gxg-title-editable", {
-      value: this.kb.name,
-      "disable-edition": this.editingKbName,
-      "click-to-edit": true,
-      fluid: true,
-      ref: e => this.kbNameEl = e,
-      onValueChanged: this.handleKbNameChange,
-      focusType: "text",
-      debounce: true
-    }), t("div", {
-      class: "align-center kb-detail"
-    }, t("gxg-pill", {
-      id: "pill",
-      type: "static",
-      icon: "objects/procedure"
-    }, this._componentLocale.version, ": ", this.kb.currentVersion), t("gxg-text", {
-      class: "display-inline",
-      type: "text-gray",
-      padding: "s"
-    }, this._componentLocale.created, ":", " ", s(this.kb.created, "date-time-short"), " -", " ", this._componentLocale.lastBuild, ":", " ", s(this.kb.lastBuild, "date-time-short")))), t("div", {
-      class: "environment"
-    }, t("gxg-title-editable", {
-      value: this.environment.name,
-      "disable-edition": this.editingEnvName,
-      "click-to-edit": true,
-      "title-type": "h3",
-      ref: e => this.envNameEl = e,
-      onValueChanged: this.handleEnvNameChange,
-      focusType: "text",
-      debounce: true,
-      disableEdition: true
-    }), t("div", {
-      class: "grid grid--environments"
-    }, t("gxg-card", {
-      background: "gray-01",
-      cardType: "mini",
-      padding: "s",
-      cardTitle: this.renderFrontEndTitle()
-    }, t("div", {
-      class: "front-end"
-    }, this.environment.frontEnd.map((e => t("div", {
-      class: "align-center"
-    }, t("gxg-icon", {
-      type: e.icon,
-      color: "onbackground",
-      style: {
-        "--mer-text__on-surface": "var(--gray-05);"
-      }
-    }), e.name))))), t("gxg-card", {
-      background: "gray-01",
-      cardType: "mini",
-      padding: "s",
-      cardTitle: this._componentLocale.environment.backEnd
-    }, t("div", {
-      class: "align-center"
-    }, t("gxg-icon", {
-      type: this.environment.backEnd.icon,
-      color: "onbackground",
-      style: {
-        "--mer-text__on-surface": "var(--gray-05);"
-      }
-    }), this.environment.backEnd.name)), t("gxg-card", {
-      background: "gray-01",
-      cardType: "mini",
-      padding: "s",
-      cardTitle: this._componentLocale.environment.dataStore
-    }, t("div", {
-      class: "align-center"
-    }, t("gxg-icon", {
-      type: this.environment.dataStore.icon,
-      color: "onbackground",
-      style: {
-        "--mer-text__on-surface": "var(--gray-05);"
-      }
-    }), this.environment.dataStore.name)))), t("gxg-card", {
-      editableTitle: false,
-      cardTitle: this._componentLocale.project.title,
-      class: "project"
-    }, this.renderProjectContent()), t("gxg-card", {
-      editableTitle: false,
-      cardTitle: this._componentLocale.recent.title,
-      class: "recent-objects",
-      cardType: "section",
-      "no-padding-top": true
-    }, this.recentObjects.map(((e, i) => t("gxg-card", {
-      background: "gray-01",
-      padding: "m",
-      cardType: "article",
-      class: "recent-objects-card",
-      actionable: true,
-      onClick: () => this.openObject(i)
-    }, t("div", {
-      class: "grid grid--recent-objects"
-    }, t("gxg-icon", {
-      type: e.typeIcon,
-      color: "auto"
-    }), t("gxg-text", {
-      type: "text-regular",
-      class: "obj-name"
-    }, e.name), t("gxg-text", {
-      italic: true,
-      class: "justify-end"
-    }, this._componentLocale.recent.modified, ":", " ", `${s(e.modificationDate, "date")}`), t("div", {
-      class: " justify-end"
-    }, t("gxg-icon", {
-      type: d[e.status],
-      color: "auto"
-    }))))))))));
-  }
-  static get assetsDirs() {
-    return [ "gx-ide-assets/dashboard-home" ];
-  }
-  get el() {
-    return a(this);
-  }
-};
-
-l.style = n;
-
-export { l as gx_ide_dashboard_home };
-//# sourceMappingURL=p-a3e07b86.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["dashboardHomeCss","mapStatusToIcons","new","modified","conflicted","unmodified","GxIdeDashboardHome","this","renderedFirstTime","handleKbNameChange","async","renameKBCallback","response","kbNameEl","value","then","result","success","kb","name","editValidation","handleEnvNameChange","renameEnvironmentCallback","envNameEl","environment","toggleEditDescription","editingProjectDescription","handleDescriptionChange","editDescriptionCallback","openObject","id","openObjectCallback","el","validationStatus","validationMessage","errorMessage","renderProjectContent","h","rows","projectDescription","class","type","onClick","_componentLocale","save","discard","innerHTML","icon","edit","componentWillLoad","Locale","getComponentStrings","componentDidRender","componentDidRenderFirstTime","emit","componentName","renderFrontEndTitle","frontEnd","length","frontEndLang","frontEndLangs","render","Host","editingKbName","fluid","ref","onValueChanged","focusType","debounce","version","currentVersion","padding","created","formatDate","lastBuild","editingEnvName","disableEdition","background","cardType","cardTitle","map","obj","color","style","backEnd","dataStore","editableTitle","project","title","recent","recentObjects","index","actionable","typeIcon","italic","modificationDate","status"],"sources":["src/components/dashboard-home/dashboard-home.scss?tag=gx-ide-dashboard-home&encapsulation=shadow","src/components/dashboard-home/dashboard-home.tsx"],"sourcesContent":["@import \"../../global/gx-ide-common.scss\";\n@import \"../../global/gx-ide-mixins.scss\";\n\n:host {\n  display: block;\n  height: 100%;\n  overflow: auto;\n}\n\n// Manage height and overflow\n:host,\n.gx-ide-main-wrapper,\n.grid--basic,\n.project,\n.recent-objects {\n  height: 100%;\n  overflow: auto;\n}\n\n.kb {\n  grid-area: kb;\n  align-self: center;\n  .version-pill {\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n  .kb-detail {\n    display: flex;\n    flex-direction: column;\n    align-items: start;\n    flex-wrap: wrap;\n    margin-block-start: var(--mer-spacing--md);\n    gap: var(--mer-spacing--md);\n    .display-inline {\n      @include line-clamp;\n      font-style: italic;\n      opacity: 0.5;\n    }\n  }\n}\n\n.environment {\n  grid-area: environment;\n  gxg-title-editable {\n    margin-block-end: var(--gx-ide-cards-vertical-spacing);\n  }\n  .grid--environments {\n    flex-grow: 1;\n    grid-template-columns: 1fr 1fr 1fr;\n    gap: var(--gx-ide-grid-column-gap);\n    .align-center {\n      gap: var(--mer-spacing--xxs);\n    }\n    .front-end {\n      display: flex;\n      flex-direction: column;\n      gap: var(--gx-ide-cards-vertical-spacing);\n    }\n  }\n}\n\n.project {\n  grid-area: project;\n  .project-buttons {\n    margin-block-start: var(--mer-spacing--md);\n    gap: var(--mer-spacing--md);\n  }\n  gxg-form-textarea::part(textarea) {\n    width: 100%;\n    background-color: transparent;\n    line-height: var(--line-height-default);\n    font-size: var(--mer-font__size--xs);\n  }\n}\n\n.recent-objects {\n  grid-area: recent-objects;\n\n  .recent-objects-card {\n    margin-block-end: var(--gx-ide-cards-vertical-spacing);\n    &:last-child {\n      margin-block-end: 0;\n    }\n    .grid--recent-objects {\n      flex-grow: 1;\n      grid-template-columns: 1fr 10fr 12fr 1fr;\n      gap: var(--gx-ide-cards-horizontal-spacing);\n      height: 100%;\n      .obj-name {\n        color: var(--gray-06);\n      }\n    }\n  }\n}\n\n.grid--basic {\n  flex-grow: 1;\n  grid-template-columns: 1.12fr 1fr;\n  gap: var(--mer-spacing--xl);\n  grid-template-areas:\n    \"kb environment\"\n    \"project recent-objects\";\n  grid-template-rows: auto 1fr;\n}\n\ngxg-title-editable {\n  width: 100%;\n}\n\ngx-ide-card {\n  height: 100%;\n}\n","/* STENCIL IMPORTS */\nimport {\n  Component,\n  Host,\n  h,\n  Prop,\n  State,\n  Element,\n  Event,\n  EventEmitter\n} from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\n/* CUSTOM IMPORTS */\nimport { Locale } from \"../../common/locale\";\nimport { formatDate } from \"../../common/helpers\";\n\nconst mapStatusToIcons: {\n  [key in RecentObjectStatus]: StatusIcons;\n} = {\n  new: \"gx-server/new\",\n  modified: \"patterns-default-associated/modified\",\n  conflicted: \"patterns-default-associated/synchronized\",\n  unmodified: \"gx-server/delete\"\n};\n\n@Component({\n  tag: \"gx-ide-dashboard-home\",\n  styleUrl: \"dashboard-home.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/dashboard-home\"]\n})\nexport class GxIdeDashboardHome {\n  /*\n  INDEX:\n  1.OWN PROPERTIES \n  2.REFERENCE TO ELEMENTS\n  3.STATE() VARIABLES\n  4.PUBLIC PROPERTY API | WATCH'S\n  5.EVENTS (EMIT)\n  6.COMPONENT LIFECYCLE METHODS\n  7.LISTENERS\n  8.PUBLIC METHODS API\n  9.LOCAL METHODS\n  10.RENDER() FUNCTIONS\n  11.RENDER() MAIN 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\n  // 2. REFERENCE TO ELEMENTS //\n\n  @Element() el: HTMLGxIdeDashboardHomeElement;\n\n  private kbNameEl!: HTMLGxgTitleEditableElement;\n  private envNameEl!: HTMLGxgTitleEditableElement;\n  /* private projectDescriptionEl!: HTMLGxgFormTextareaElement;*/\n\n  // 3.STATE() VARIABLES //\n\n  /**\n   * The editing state for the title.\n   */\n  @State() editingKbName = false;\n\n  /**\n   * The editing state for the environment name.\n   */\n  @State() editingEnvName = false;\n\n  /**\n   * The editing state for the project details.\n   */\n  @State() editingProjectDescription = false;\n\n  // 4.PUBLIC PROPERTY API | WATCH'S //\n\n  /**\n   * The KB basic properties.\n   */\n  @Prop() readonly kb: KBData;\n\n  /**\n   * Information of the current environment.\n   */\n  @Prop() readonly environment: EnvironmentData;\n\n  /**\n   * Project Detail description.\n   */\n  @Prop() readonly projectDescription: string;\n\n  /**\n   * Recently edited objects.\n   */\n  @Prop() readonly recentObjects: recentObjectData[];\n\n  /**\n   * Callback invoked when user tries to rename the KB.\n   * Receives the new name as a parameter\n   * and returns a promise with the result of the operation.\n   */\n  @Prop() readonly renameKBCallback: (name: string) => Promise<EditResult>;\n\n  /**\n   * Callback invoked when user tries to rename the KB environment.\n   * Receives the new name as a parameter\n   * and returns a promise with the result of the operation.\n   */\n  @Prop() readonly renameEnvironmentCallback: (\n    name: string\n  ) => Promise<EditResult>;\n\n  /**\n   * Callback invoked when user tries to edit the Project Description.\n   * The edition is resolved by the host.\n   */\n  @Prop() readonly editDescriptionCallback: () => Promise<void>;\n\n  /**\n   * Callback invoked when user tries to open one of the listed Recent Objects\n   * Receives the internal ID of the object\n   */\n  @Prop() readonly openObjectCallback: (id: number) => 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  }\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  // Kb Name\n\n  private handleKbNameChange = async () => {\n    if (this.renameKBCallback) {\n      const response = this.renameKBCallback(this.kbNameEl.value);\n      response.then((result: EditResult) => {\n        if (result.success) {\n          this.kb.name = this.kbNameEl.value;\n        }\n        this.editValidation(result, this.kbNameEl);\n      });\n    }\n  };\n\n  // Environment Name\n  private handleEnvNameChange = async () => {\n    if (this.renameEnvironmentCallback) {\n      const response = this.renameEnvironmentCallback(this.envNameEl.value);\n      response.then((result: EditResult) => {\n        if (result.success) {\n          this.environment.name = this.envNameEl.value;\n        }\n        this.editValidation(result, this.envNameEl);\n      });\n    }\n  };\n\n  // Project Description\n  private toggleEditDescription = async () => {\n    this.editingProjectDescription = !this.editingProjectDescription;\n  };\n\n  private handleDescriptionChange = async () => {\n    if (this.editDescriptionCallback) {\n      await this.editDescriptionCallback();\n    }\n  };\n\n  // Recent Objects\n\n  private openObject = (id: number) => {\n    this.openObjectCallback(id);\n  };\n\n  // Validation\n\n  private editValidation = (result: EditResult, el: any) => {\n    if (!result.success) {\n      el.validationStatus = \"error\";\n      el.validationMessage = result.errorMessage;\n    }\n  };\n\n  // 10.RENDER() FUNCTIONS //\n\n  private renderProjectContent = (): Element => {\n    return this.editingProjectDescription ? (\n      <div>\n        <gxg-form-textarea\n          rows={12}\n          value={this.projectDescription}\n          /* ref={(el: HTMLGxgFormTextareaElement) =>\n            (this.projectDescriptionEl = el as HTMLGxgFormTextareaElement)\n          }*/\n        ></gxg-form-textarea>\n        <div class=\"project-buttons align-center\">\n          <gxg-text type=\"text-link\" onClick={this.handleDescriptionChange}>\n            {this._componentLocale.save}\n          </gxg-text>\n          <gxg-text type=\"text-link\" onClick={this.toggleEditDescription}>\n            {this._componentLocale.discard}\n          </gxg-text>\n        </div>\n      </div>\n    ) : (\n      <div>\n        <div innerHTML={this.projectDescription}></div>\n        <gxg-text\n          icon=\"gemini-tools/edit\"\n          type=\"text-link\"\n          onClick={this.toggleEditDescription}\n        >\n          {this._componentLocale.edit}\n        </gxg-text>\n      </div>\n    );\n  };\n\n  private renderFrontEndTitle() {\n    return this.environment.frontEnd.length <= 1\n      ? this._componentLocale.environment.frontEndLang\n      : this._componentLocale.environment.frontEndLangs;\n  }\n\n  // 11.RENDER() MAIN FUNCTION //\n\n  render() {\n    return (\n      <Host>\n        <div class=\"gx-ide-main-wrapper\">\n          <div class=\"grid grid--basic\">\n            <div class=\"kb gxi-overflow-auto\">\n              <gxg-title-editable\n                value={this.kb.name}\n                disable-edition={this.editingKbName}\n                click-to-edit={true}\n                fluid\n                ref={el => (this.kbNameEl = el as HTMLGxgTitleEditableElement)}\n                onValueChanged={this.handleKbNameChange}\n                focusType=\"text\"\n                debounce\n              ></gxg-title-editable>\n              <div class=\"align-center kb-detail\">\n                <gxg-pill id=\"pill\" type=\"static\" icon=\"objects/procedure\">\n                  {this._componentLocale.version}: {this.kb.currentVersion}\n                </gxg-pill>\n                <gxg-text class=\"display-inline\" type=\"text-gray\" padding=\"s\">\n                  {this._componentLocale.created}:{\" \"}\n                  {formatDate(this.kb.created, \"date-time-short\")} -{\" \"}\n                  {this._componentLocale.lastBuild}:{\" \"}\n                  {formatDate(this.kb.lastBuild, \"date-time-short\")}\n                </gxg-text>\n              </div>\n            </div>\n\n            <div class=\"environment\">\n              <gxg-title-editable\n                value={this.environment.name}\n                disable-edition={this.editingEnvName}\n                click-to-edit={true}\n                title-type=\"h3\"\n                ref={el => (this.envNameEl = el as HTMLGxgTitleEditableElement)}\n                onValueChanged={this.handleEnvNameChange}\n                focusType=\"text\"\n                debounce\n                disableEdition\n              ></gxg-title-editable>\n              <div class=\"grid grid--environments\">\n                <gxg-card\n                  background=\"gray-01\"\n                  cardType=\"mini\"\n                  padding=\"s\"\n                  cardTitle={this.renderFrontEndTitle()}\n                >\n                  <div class=\"front-end\">\n                    {this.environment.frontEnd.map(\n                      (obj: EnvironmentItemData) => (\n                        <div class=\"align-center\">\n                          <gxg-icon\n                            type={obj.icon}\n                            color=\"onbackground\"\n                            style={{\n                              \"--mer-text__on-surface\": \"var(--gray-05);\"\n                            }}\n                          ></gxg-icon>\n                          {obj.name}\n                        </div>\n                      )\n                    )}\n                  </div>\n                </gxg-card>\n\n                <gxg-card\n                  background=\"gray-01\"\n                  cardType=\"mini\"\n                  padding=\"s\"\n                  cardTitle={this._componentLocale.environment.backEnd}\n                >\n                  <div class=\"align-center\">\n                    <gxg-icon\n                      type={this.environment.backEnd.icon}\n                      color=\"onbackground\"\n                      style={{\n                        \"--mer-text__on-surface\": \"var(--gray-05);\"\n                      }}\n                    ></gxg-icon>\n                    {this.environment.backEnd.name}\n                  </div>\n                </gxg-card>\n\n                <gxg-card\n                  background=\"gray-01\"\n                  cardType=\"mini\"\n                  padding=\"s\"\n                  cardTitle={this._componentLocale.environment.dataStore}\n                >\n                  <div class=\"align-center\">\n                    <gxg-icon\n                      type={this.environment.dataStore.icon}\n                      color=\"onbackground\"\n                      style={{\n                        \"--mer-text__on-surface\": \"var(--gray-05);\"\n                      }}\n                    ></gxg-icon>\n                    {this.environment.dataStore.name}\n                  </div>\n                </gxg-card>\n              </div>\n            </div>\n\n            <gxg-card\n              editableTitle={false}\n              cardTitle={this._componentLocale.project.title}\n              class=\"project\"\n            >\n              {/* <gxg-tabs height=\"auto\" minWidth=\"100%\">\n                <gxg-tab-bar slot=\"tab-bar-container\" displayBorder>\n                  <gxg-tab-button\n                    slot=\"tab-bar\"\n                    tab-label={this._componentLocale.project.tabs.description}\n                    tab=\"description\"\n                    is-selected\n                  ></gxg-tab-button>\n                  <gxg-tab-button\n                    slot=\"tab-bar\"\n                    tab-label={this._componentLocale.project.tabs.lookFeel}\n                    tab=\"lookFeel\"\n                  ></gxg-tab-button>\n                  <gxg-tab-button\n                    slot=\"tab-bar\"\n                    tab-label={this._componentLocale.project.tabs.architecture}\n                    tab=\"architecture\"\n                  ></gxg-tab-button>\n                </gxg-tab-bar>\n                <gxg-tab noPadding tab=\"description\" flexContainer>\n                  {this.renderProjectContent()}\n                </gxg-tab>\n                <gxg-tab noPadding tab=\"lookFeel\" flexContainer></gxg-tab>\n                <gxg-tab noPadding tab=\"architecture\" flexContainer></gxg-tab>\n              </gxg-tabs> */}\n              {this.renderProjectContent()}\n            </gxg-card>\n\n            <gxg-card\n              editableTitle={false}\n              cardTitle={this._componentLocale.recent.title}\n              class=\"recent-objects\"\n              cardType=\"section\"\n              no-padding-top\n            >\n              {this.recentObjects.map((obj: recentObjectData, index) => (\n                <gxg-card\n                  background=\"gray-01\"\n                  padding=\"m\"\n                  cardType=\"article\"\n                  class=\"recent-objects-card\"\n                  actionable\n                  onClick={() => this.openObject(index)}\n                >\n                  <div class=\"grid grid--recent-objects\">\n                    <gxg-icon type={obj.typeIcon} color=\"auto\"></gxg-icon>\n                    <gxg-text type=\"text-regular\" class=\"obj-name\">\n                      {obj.name}\n                    </gxg-text>\n                    <gxg-text italic class=\"justify-end\">\n                      {this._componentLocale.recent.modified}:{\" \"}\n                      {`${formatDate(obj.modificationDate, \"date\")}`}\n                    </gxg-text>\n                    <div class=\" justify-end\">\n                      <gxg-icon\n                        type={mapStatusToIcons[obj.status]}\n                        color=\"auto\"\n                      ></gxg-icon>\n                    </div>\n                  </div>\n                </gxg-card>\n              ))}\n            </gxg-card>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n\nexport type KBData = {\n  name: string;\n  currentVersion: string;\n  created: Date;\n  lastBuild?: Date;\n};\n\nexport type EnvironmentData = {\n  name: string;\n  frontEnd: EnvironmentItemData[];\n  backEnd: EnvironmentItemData;\n  dataStore: EnvironmentItemData;\n};\n\nexport type EnvironmentItemData = {\n  icon: string;\n  name: string;\n};\n\nexport type recentObjectData = {\n  id: string;\n  typeIcon: string;\n  name: string;\n  modificationDate: Date;\n  status: RecentObjectStatus;\n};\n\nexport type RecentObjectStatus =\n  | \"new\"\n  | \"modified\"\n  | \"conflicted\"\n  | \"unmodified\";\n\nexport type StatusIcons =\n  // toDo: Add proper icons!!\n  | \"gx-server/new\"\n  | \"patterns-default-associated/modified\"\n  | \"patterns-default-associated/synchronized\"\n  | \"gx-server/delete\";\n\nexport type EditResult = {\n  success: boolean;\n  errorMessage: string;\n};\n"],"mappings":"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"}

package/dist/genexus-ide-ui/p-a592930e.entry.js

@@ -1,183 +0,0 @@
-import { r as e, c as i, h as t, H as r, g as o } from "./p-2776d2f9.js";
-
-import { L as a } from "./p-74d59062.js";
-
-import { f as n } from "./p-04f3d630.js";
-
-const s = ".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:6px;height:6px}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-main .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:6px;height:6px}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-overflow .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}.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 l = class {
-  constructor(r) {
-    e(this, r);
-    this.componentDidRenderFirstTime = i(this, "componentDidRenderFirstTime", 7);
-    this.getNewsCallbackRecentNews = async () => new Promise((async e => {
-      if (this.getNewsCallback) {
-        const i = await this.getNewsCallback();
-        e(i);
-      }
-    }));
-    // 7.LISTENERS //
-    // 8.PUBLIC METHODS API //
-    // 9.LOCAL METHODS //
-        this.kbClickHandler = async e => {
-      const i = e.target.id;
-      if (this.openKbCallback) {
-        await this.openKbCallback(i);
-      }
-    };
-    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 i = n(e.lastOpenedDate, "pretty");
-        const r = i ? `${this._componentLocale.recentKbs.lastOpened} ${i}` : null;
-        return t("gxg-card", {
-          id: e.id,
-          key: e.id,
-          cardType: "article",
-          cardTitle: e.name,
-          icon: "general/knowledge-base",
-          iconColor: "auto",
-          cardSubtitle: r,
-          actionable: true,
-          filterValue: this.kbsFilterValue,
-          onClick: this.kbClickHandler
-        });
-      }
-      return null;
-    };
-    this.renderHomeTabContent = () => {
-      var e;
-      return t("div", {
-        class: "layout layout--two-cols layout--space-above"
-      }, t("gxg-card", {
-        class: "section",
-        cardTitle: this._componentLocale.recentKbs.title
-      }, this.kbs.length > 0 ? [ t("div", {
-        class: "kbs-container"
-      }, (e = this.kbs) === null || e === void 0 ? void 0 : e.map((e => this.renderKb(e)))), t("gxg-form-text", {
-        slot: "header",
-        placeholder: "Search KBs by name",
-        onInput: this.searchKbsInputHandler
-      }) ] : t("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."
-      })), t("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 a.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 t(r, {
-      class: {
-        rendered: this.renderedFirstTime
-      }
-    }, this.renderHomeTabContent());
-  }
-  static get assetsDirs() {
-    return [ "gx-ide-assets/start-page" ];
-  }
-  get el() {
-    return o(this);
-  }
-};
-
-l.style = s;
-
-export { l as gx_ide_start_page };
-//# sourceMappingURL=p-a592930e.entry.js.map