@genexus/genexus-ide-ui 0.0.99 → 0.0.101

package/dist/genexus-ide-ui/p-30365c44.entry.js

@@ -1,241 +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{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}.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",
-      class: "version-pill",
-      type: "static",
-      icon: "objects/procedure"
-    }, this._componentLocale.version, ": ", this.kb.currentVersion), t("gxg-text", {
-      class: "display-inline",
-      type: "text-regular",
-      padding: "s",
-      italic: true
-    }, 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
-    }), 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-30365c44.entry.js.map

package/dist/genexus-ide-ui/p-30365c44.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","italic","created","formatDate","lastBuild","editingEnvName","background","cardType","cardTitle","map","obj","color","style","backEnd","dataStore","editableTitle","project","title","recent","recentObjects","index","actionable","typeIcon","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    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    }\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\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\n                  id=\"pill\"\n                  class=\"version-pill\"\n                  type=\"static\"\n                  icon=\"objects/procedure\"\n                >\n                  {this._componentLocale.version}: {this.kb.currentVersion}\n                </gxg-pill>\n                <gxg-text\n                  class=\"display-inline\"\n                  type=\"text-regular\"\n                  padding=\"s\"\n                  italic\n                >\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              ></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-317e4ff6.entry.js

@@ -1,62 +0,0 @@
-import { r as i, c as r, h as e, H as o, g as t } from "./p-2776d2f9.js";
-
-import { c as a } from "./p-9c1b4eb9.js";
-
-import { L as l } from "./p-74d59062.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}";
-
-const s = class {
-  constructor(e) {
-    i(this, e);
-    this.componentDidRenderFirstTime = r(this, "componentDidRenderFirstTime", 7);
-    this.renderedFirstTime = false;
-    this.displayTitle = false;
-  }
-  // 6.COMPONENT LIFECYCLE METHODS //
-  async componentWillLoad() {
-    this._componentLocale = await l.getComponentStrings(this.el);
-  }
-  componentDidRender() {
-    if (!this.renderedFirstTime) {
-      this.componentDidRenderFirstTime.emit(this._componentLocale.componentName);
-      this.renderedFirstTime = true;
-    }
-  }
-  // 7.LISTENERS //
-  // 8.PUBLIC METHODS API //
-  // 9.LOCAL METHODS //
-  // 10.RENDER() FUNCTION //
-  render() {
-    return e(o, {
-      class: "gx-ide-component"
-    }, e("div", {
-      class: "gx-ide-main-wrapper"
-    }, e("gx-ide-container", {
-      containerTitle: this.displayTitle ? this._componentLocale.componentName : null,
-      slimmerFooter: a.gxIdeContainer.slimmerFooter
-    }, e("p", {
-      style: {
-        marginTop: "0"
-      }
-    }, "Lorem ipsum dolor sit amet consectetur adipisicing elit. Facilis natus nam, veritatis aspernatur consequatur omnis blanditiis! Praesentium, ex labore? Odit, officiis eius rerum pariatur ea dicta possimus perferendis molestiae sunt!q"), e("gxg-form-text", {
-      label: "Name",
-      placeholder: "Elon Musk",
-      labelPosition: "start",
-      centerLabel: true
-    }), e("gxg-button", {
-      slot: "footer-end"
-    }, "Create"))));
-  }
-  static get assetsDirs() {
-    return [ "gx-ide-assets/template" ];
-  }
-  get el() {
-    return t(this);
-  }
-};
-
-s.style = n;
-
-export { s as gx_ide_template };
-//# sourceMappingURL=p-317e4ff6.entry.js.map

package/dist/genexus-ide-ui/p-3e87257c.entry.js

@@ -1,41 +0,0 @@
-import { r as s, g as r, h as p, H as l } from "./p-2776d2f9.js";
-
-import { s as a } from "./p-12e3a3de.js";
-
-const t = ":host{display:block}.pills-wrapper{display:flex;gap:var(--spacing-comp-02);flex-wrap:wrap}:host(.mercury) .pills-wrapper{gap:var(--spacing-comp-04)}";
-
-const e = class {
-  constructor(r) {
-    s(this, r);
-  }
-  get el() {
-    return r(this);
-  }
-  /**
-     * Returns an array with the id's of all the pills
-     */  async getPills(s = true) {
-    const r = [];
-    let p = Array.from(this.el.querySelectorAll("gxg-pill"));
-    if (s) {
-      p = p.filter((s => !s.disabled));
-    }
-    p.forEach((s => {
-      r.push(s.id);
-    }));
-    return r;
-  }
-  render() {
-    return p(l, {
-      class: {
-        mercury: a.mercury
-      }
-    }, p("div", {
-      class: "pills-wrapper"
-    }, p("slot", null)));
-  }
-};
-
-e.style = t;
-
-export { e as gxg_pills };
-//# sourceMappingURL=p-3e87257c.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["pillsCss","GxgPills","getPills","onlyEnabled","pillsIds","pills","Array","from","this","el","querySelectorAll","filter","pill","disabled","forEach","push","id","render","h","Host","class","mercury","state"],"sources":["node_modules/@genexus/gemini/dist/collection/components/pills/pills.css?tag=gxg-pills&encapsulation=shadow","node_modules/@genexus/gemini/dist/collection/components/pills/pills.js"],"sourcesContent":[":host {\n  display: block;\n}\n\n.pills-wrapper {\n  display: flex;\n  gap: var(--spacing-comp-02);\n  flex-wrap: wrap;\n}\n\n/*********************************************\nMercury\n**********************************************/\n:host(.mercury) .pills-wrapper {\n  gap: var(--spacing-comp-04);\n}","import { Host, h } from \"@stencil/core\";\nimport state from \"../store\";\nexport class GxgPills {\n    el;\n    /**\n     * Returns an array with the id's of all the pills\n     */\n    async getPills(onlyEnabled = true) {\n        const pillsIds = [];\n        let pills = Array.from(this.el.querySelectorAll(\"gxg-pill\"));\n        if (onlyEnabled) {\n            pills = pills.filter((pill) => !pill.disabled);\n        }\n        pills.forEach((pill) => {\n            pillsIds.push(pill.id);\n        });\n        return pillsIds;\n    }\n    render() {\n        return (h(Host, { class: { mercury: state.mercury } }, h(\"div\", { class: \"pills-wrapper\" }, h(\"slot\", null))));\n    }\n    static get is() { return \"gxg-pills\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"pills.scss\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"pills.css\"]\n        };\n    }\n    static get methods() {\n        return {\n            \"getPills\": {\n                \"complexType\": {\n                    \"signature\": \"(onlyEnabled?: boolean) => Promise<string[]>\",\n                    \"parameters\": [{\n                            \"name\": \"onlyEnabled\",\n                            \"type\": \"boolean\",\n                            \"docs\": \"\"\n                        }],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        }\n                    },\n                    \"return\": \"Promise<string[]>\"\n                },\n                \"docs\": {\n                    \"text\": \"Returns an array with the id's of all the pills\",\n                    \"tags\": []\n                }\n            }\n        };\n    }\n    static get elementRef() { return \"el\"; }\n}\n//# sourceMappingURL=pills.js.map\n"],"mappings":";;;;AAAA,MAAMA,IAAW;;MCEJC,IAAQ;;;;;;;;;SAKjB,cAAMC,CAASC,IAAc;IACzB,MAAMC,IAAW;IACjB,IAAIC,IAAQC,MAAMC,KAAKC,KAAKC,GAAGC,iBAAiB;IAChD,IAAIP,GAAa;MACbE,IAAQA,EAAMM,QAAQC,MAAUA,EAAKC;;IAEzCR,EAAMS,SAASF;MACXR,EAASW,KAAKH,EAAKI;AAAG;IAE1B,OAAOZ;;EAEX,MAAAa;IACI,OAAQC,EAAEC,GAAM;MAAEC,OAAO;QAAEC,SAASC,EAAMD;;OAAaH,EAAE,OAAO;MAAEE,OAAO;OAAmBF,EAAE,QAAQ"}