@genexus/genexus-ide-ui 0.0.100 → 0.0.101

package/dist/genexus-ide-ui/p-4a5ad686.entry.js

@@ -0,0 +1,293 @@
+import { r as t, c as e, a as i, h as r, H as o, g as a } from "./p-2776d2f9.js";
+
+import { L as s } from "./p-74d59062.js";
+
+import { c as l } from "./p-9c1b4eb9.js";
+
+const n = ':root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-01--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-02{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-02--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--color-on-primary)}.gxg-title-03{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-03--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-04{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-04--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-05{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-05--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable)}.gxg-text--negative{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text--gray{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--dimmed)}.gxg-quote{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);font-style:italic}.gxg-quote--negative{color:var(--ds-base-font-color--negative)}.gxg-link{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--ds-base-font-color--link-hover)}.gxg-link:active{color:var(--ds-base-font-color--link-active)}.gxg-link-gray{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed)}.gxg-link-gray:hover{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed);filter:brightness(1.4)}.gxg-alert-error{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--error);display:inline-block}.gxg-alert-warning{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--warning);display:inline-block}.gxg-alert-success{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--success);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--ds-base-font-family-primary);font-weight:var(--gxg-label-font-weight);font-size:var(--gxg-label-font-size);color:var(--gxg-label-color);text-align:center;line-height:1.455em;display:flex;align-items:center}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gxg-scrollbar::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.gxi-hidden{display:none !important}.gxi-full-height{height:100%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}.justify-start{display:flex;justify-content:start}.justify-center{display:flex;justify-content:center}.justify-end{display:flex;justify-content:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:99;border-bottom:1px solid var(--mer-color__neutral-gray--800)}ch-grid-column:first-child{padding-inline-start:var(--gx-ide-container__padding) !important}ch-grid-column:last-child{padding-inline-end:var(--gx-ide-container__padding) !important}ch-grid-cell{--mer-spacing--xs:var(--gx-ide-container__padding)}.layout{display:grid;gap:var(--mer-spacing--lg);box-sizing:border-box}.layout--two-cols{grid-template-columns:1fr 1fr}.layout--space-above{padding-block-start:var(--mer-spacing--lg)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--mer-font__weight--regular);font-size:var(--mer-font__size--xs);font-family:var(--mer-font-family--primary);height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-main::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-main::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-main::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-overflow::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.tree-container{display:flex;height:100%;width:100%;box-sizing:border-box}:host{display:block;border:1px solid var(--gxg-border-color--regular);background-color:var(--mer-color__surface)}.main{display:grid;grid-template-rows:1fr auto;overflow:auto;height:100%}.categories-types-container{display:flex;flex-direction:row;flex-shrink:1;overflow:hidden;border-bottom:1px solid var(--gx-ide-container-border-color)}.categories-types-container .categories{flex:1}.categories-types-container .types{flex:2}.api-description{display:flex;flex-direction:column;flex-shrink:0;gap:var(--gx-ide-grid-row-gap);padding:var(--gx-ide-grid-row-gap)}.form{display:grid;grid-template-columns:minmax(95px, auto) 1fr;grid-template-areas:"name-label name-input" "description-label description-input" "module-label module-input";gap:var(--gx-ide-grid-row-gap);column-gap:0}.form .name-label{grid-area:"name-label"}.form .name-input{grid-area:"name-input"}.form .description-label{grid-area:"description-label"}.form .description-input{grid-area:"description-input"}.form .module-label{grid-area:"module-label"}.form .module-input{grid-area:"module-input"}';
+
+const g = class {
+  constructor(o) {
+    t(this, o);
+    this.create = e(this, "create", 7);
+    this.validateName = e(this, "validateName", 7);
+    this.cancel = e(this, "cancel", 7);
+    this.componentDidLoadEvent = e(this, "componentDidLoadEvent", 7);
+    this.componentDidRenderFirstTime = e(this, "componentDidRenderFirstTime", 7);
+    this.renderedFirstTime = false;
+    this.shortcutsSrc = i(`./gx-ide-assets/new-object/shortcuts.json`);
+    this.descriptionModifiedByUser = false;
+    // 9.LOCAL METHODS //
+        this.setFirstFocusableElement = () => {
+      this.el.addEventListener("focus", (() => {
+        this.nameEl.focus();
+      }));
+    };
+    this.validateInitialName = async () => {
+      const t = await this.validateNameCallback(this.name);
+      this.validateNameHandler(t);
+    };
+    this.renderModuleFolder = () => {
+      if (this.selectedType.hasModule || this.selectedType.hasFolder) {
+        let t = this._componentLocale.moduleFolder;
+        if (!this.selectedType.hasFolder) {
+          t = this._componentLocale.moduleOnly;
+        } else if (!this.selectedType.hasModule) {
+          t = this._componentLocale.folderOnly;
+        }
+        return [ r("gxg-label", {
+          labelPosition: "start"
+        }, t), r("gx-ide-entity-selector", {
+          value: this.parent,
+          defaultValue: this.defaultParent,
+          selectEntityCallback: this.selectModuleCallback,
+          ref: t => this.moduleFolderEl = t,
+          id: "module",
+          part: "module"
+        }) ];
+      }
+      return null;
+    };
+    /**
+         * This method initializes tha name value. It depends on 'this.selectedType'
+         */    this.init = () => {
+      this.selectedCategory = this.typeCategories[0];
+      this.selectedType = this.typeCategories[0].types[0];
+      if (this.selectedType && this.selectedType.name.length > 0) {
+        this.name = this.getNameSuggestion(this.selectedType);
+        this.description = this.selectedType.name;
+      }
+    };
+    this.getNameSuggestion = t => t.name.replace(/\s/g, "");
+    this.onInputNameHandler = t => {
+      const e = t.detail;
+      if (!this.descriptionModifiedByUser) {
+        // description should be equal to name, unless the description was already modified by the user.
+        this.descriptionEl.value = e;
+      }
+    };
+    this.onBlurNameHandler = async () => {
+      const t = await this.validateNameCallback(this.nameEl.value);
+      this.validateNameHandler(t);
+    };
+    this.onNameValueChangedHandler = async t => {
+      const e = t.detail;
+      const i = await this.validateNameCallback(e);
+      this.validateNameHandler(i);
+    };
+    this.onInputDescriptionHandler = t => {
+      this.description = t.detail;
+      this.descriptionModifiedByUser = true;
+    };
+    /**
+         * If the parameter is undefined, is because the name is valid. Otherwise, if it receives a string, is because the name is not valid. The string is the error message to display.
+         */    this.validateNameHandler = t => {
+      if (t !== undefined) {
+        // the name is not valid. display message
+        this.nameEl.validationMessage = t;
+        this.nameEl.validationStatus = "error";
+        this.nameIsValid = false;
+      } else {
+        // valid name
+        this.nameEl.validationMessage = null;
+        this.nameEl.validationStatus = "indeterminate";
+        this.nameIsValid = true;
+      }
+    };
+    this.createCallbackHandler = async () => {
+      var t, e, i;
+      const r = {
+        typeId: (t = this.selectedType) === null || t === void 0 ? void 0 : t.id,
+        name: this.nameEl.value,
+        description: !this.descriptionModifiedByUser ? undefined : this.descriptionEl.value,
+        moduleId: (i = (e = this.moduleFolderEl) === null || e === void 0 ? void 0 : e.value) === null || i === void 0 ? void 0 : i.id
+      };
+      const o = await this.createCallback(r);
+      this.validateNameHandler(o);
+    };
+    this.cancelCallbackHandler = async () => {
+      await this.cancelCallback();
+    };
+    this.categoryOnSelectionChangedHandler = t => {
+      const e = t.detail.items;
+      if (e.length > 0) {
+        const t = this.typeCategories[e[0].index];
+        if (t) {
+          this.selectedCategory = t;
+          if (t.types.length > 0) {
+            this.selectedType = t.types[0];
+          }
+        }
+      }
+    };
+    this.typeOnSelectionChangedHandler = t => {
+      const e = t.detail.items;
+      if (e.length > 0) {
+        const t = e[0];
+        this.selectedType = this.selectedCategory.types[t.index];
+      }
+    };
+    this.selectedCategory = undefined;
+    this.selectedType = undefined;
+    this.nameIsValid = false;
+    this.name = undefined;
+    this.description = undefined;
+    this.displayTitle = false;
+    this.shadow = false;
+    this.typeCategories = undefined;
+    this.parent = undefined;
+    this.defaultParent = undefined;
+    this.selectModuleCallback = undefined;
+    this.validateNameCallback = undefined;
+    this.createCallback = undefined;
+    this.cancelCallback = undefined;
+  }
+  watchSelectedTypeHandler() {
+    this.descriptionModifiedByUser = false;
+  }
+  // 6.COMPONENT LIFECYCLE EVENTS //
+  async componentWillLoad() {
+    this.init();
+    this._componentLocale = await s.getComponentStrings(this.el);
+  }
+  componentDidLoad() {
+    this.nameEl.focus();
+    this.setFirstFocusableElement();
+    this.validateInitialName();
+    this.componentDidLoadEvent.emit(true);
+  }
+  componentDidRender() {
+    if (!this.renderedFirstTime) {
+      this.componentDidRenderFirstTime.emit(this._componentLocale.componentName);
+      this.renderedFirstTime = true;
+    }
+  }
+  // 7.LISTENERS //
+  // 8.PUBLIC METHODS API //
+  /**
+     * Suspends or reactivates the shortcuts
+     */
+  async suspendShortcuts(t) {
+    if (t) {
+      this.gxgShortcutsEl.suspend = true;
+    } else {
+      this.gxgShortcutsEl.suspend = false;
+    }
+  }
+  // 10.LOCAL METHODS (RENDER) //
+  // 11.RENDER() FUNCTION //
+  render() {
+    var t;
+    return r(o, {
+      class: "gx-ide-component"
+    }, r("div", {
+      class: "gx-ide-main-wrapper"
+    }, r("gx-ide-container", {
+      noContentPadding: true,
+      noContentGap: true,
+      slimmerFooter: l.gxIdeContainer.slimmerFooter,
+      containerTitle: this.displayTitle ? this._componentLocale.componentName : null,
+      noHeadingBorder: true
+    }, r("main", {
+      class: "main"
+    }, r("div", {
+      class: "categories-types-container"
+    }, r("div", {
+      class: "categories"
+    }, this.typeCategories.length > 0 ? r("gxg-list-box", {
+      class: "category",
+      "single-selection": true,
+      noBorder: true,
+      borderEnd: true,
+      "the-title": this._componentLocale.categorySelectionTitle,
+      onSelectionChanged: this.categoryOnSelectionChangedHandler
+    }, this.typeCategories.map((t => r("gxg-list-box-item", {
+      key: t.id,
+      value: t.id,
+      icon: t.icon,
+      part: `category-${t.id}`
+    }, t.name)))) : null), r("div", {
+      class: "types"
+    }, this.selectedCategory.types.length > 0 ? r("gxg-list-box", {
+      class: "types",
+      "single-selection": true,
+      noBorder: true,
+      theTitle: this.selectedCategory.name ? `${this.selectedCategory.name} ${this._componentLocale.typeSelectionTitleSuffix}` : this._componentLocale.typeSelectionTitle,
+      key: this.selectedCategory.id,
+      onSelectionChanged: this.typeOnSelectionChangedHandler
+    }, this.selectedCategory.types.map((t => r("gxg-list-box-item", {
+      key: `${this.selectedCategory.id}-${t.id}`,
+      icon: t.icon,
+      part: `type-${this.selectedCategory.id}-${t.id}`
+    }, t.name)))) : r("p", null, "No Categories to display"))), r("div", {
+      class: "api-description"
+    }, r("gxg-title", {
+      type: "title-05"
+    }, (t = this.selectedType) === null || t === void 0 ? void 0 : t.description), r("div", {
+      class: "form"
+    }, r("gxg-label", {
+      labelPosition: "start"
+    }, this._componentLocale.objectName), r("gxg-form-text", {
+      "label-position": "start",
+      placeholder: "Name",
+      "max-width": "100%",
+      value: this.getNameSuggestion(this.selectedType),
+      toolTip: l.tooltip,
+      ref: t => this.nameEl = t,
+      onInput: this.onInputNameHandler,
+      onBlur: this.onBlurNameHandler,
+      onValueChanged: this.onNameValueChangedHandler,
+      debounce: true,
+      part: "name",
+      "display-validation-styles": true,
+      "display-validation-message": true
+    }), r("gxg-label", {
+      labelPosition: "start"
+    }, this._componentLocale.objectDescription), r("gxg-form-text", {
+      "label-position": "start",
+      placeholder: "Description",
+      "max-width": "100%",
+      value: this.selectedType.name,
+      ref: t => this.descriptionEl = t,
+      onInput: this.onInputDescriptionHandler,
+      part: "description",
+      "display-validation-styles": true,
+      "display-validation-message": true
+    }), this.renderModuleFolder()))), r("gxg-button", {
+      id: "button-cancel",
+      slot: "footer-end",
+      type: "outlined",
+      onClick: this.cancelCallbackHandler,
+      part: "gxg-button gxg-button--cancel"
+    }, this._componentLocale.footer.btnCancel), r("gxg-button", {
+      id: "button-create",
+      slot: "footer-end",
+      type: "primary-text-only",
+      onClick: this.createCallbackHandler,
+      disabled: !this.nameIsValid,
+      part: "gxg-button gxg-button--create"
+    }, this._componentLocale.footer.btnCreate))), r("gxg-shortcuts", {
+      src: this.shortcutsSrc,
+      ref: t => this.gxgShortcutsEl = t
+    }));
+  }
+  static get delegatesFocus() {
+    return true;
+  }
+  static get assetsDirs() {
+    return [ "gx-ide-assets/new-object" ];
+  }
+  get el() {
+    return a(this);
+  }
+  static get watchers() {
+    return {
+      selectedType: [ "watchSelectedTypeHandler" ]
+    };
+  }
+};
+
+g.style = n;
+
+export { g as gx_ide_new_object };
+//# sourceMappingURL=p-4a5ad686.entry.js.map