@genexus/genexus-ide-ui 0.0.100 → 0.0.102

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

@@ -0,0 +1,344 @@
+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;
+    this.nameModifiedByUser = false;
+    // 9.LOCAL METHODS //
+    /**
+         * Scroll into view on both list-boxes. Only makes sense if defaultTypeId is not undefined, since otherwise in both list-boxes the initial selected item should be the first one, in which case is not needed to do scrollIntoView. Only call this method after the first render on new-object.
+         */    this.scrollIntoViewListBoxes = () => {
+      if (this.defaultTypeId) {
+        this.categoryListBox.scrollToSelected();
+        this.typeListBox.scrollToSelected();
+      }
+    };
+    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 defines the initial selected category and type, and it thens initializes tha name value.
+         */    this.init = () => {
+      const t = this.setDefaultType(this.defaultTypeId);
+      if (!t) {
+        this.selectedCategory = this.typeCategories[0];
+        this.selectedType = this.selectedCategory.types[0];
+      }
+      if (this.selectedType && this.selectedType.name.length > 0) {
+        this.name = this.getNameSuggestion(this.selectedType);
+        this.description = this.selectedType.name;
+      }
+    };
+    this.setDefaultType = t => {
+      if (!t) {
+        return false;
+      }
+      let e = false;
+      t: for (let i = 0; i < this.typeCategories.length; i++) {
+        for (let r = 0; r < this.typeCategories[i].types.length; r++) {
+          const o = this.typeCategories[i].types[r].id;
+          if (o === t) {
+            this.selectedCategory = this.typeCategories[i];
+            this.selectedType = this.typeCategories[i].types[r];
+            e = true;
+            break t;
+          }
+        }
+      }
+      return e;
+    };
+    this.getNameSuggestion = t => t.name.replace(/\s/g, "");
+    this.nameValueHandler = () => {
+      if (this.nameModifiedByUser) {
+        return this.nameEl.value;
+      } else {
+        return this.getNameSuggestion(this.selectedType);
+      }
+    };
+    this.descriptionValueHandler = () => {
+      if (this.nameModifiedByUser) {
+        return this.descriptionEl.value;
+      } else {
+        return this.selectedType.name;
+      }
+    };
+    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.nameModifiedByUser = true;
+    };
+    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.defaultTypeId = 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;
+      this.scrollIntoViewListBoxes();
+    }
+  }
+  // 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,
+      ref: t => this.categoryListBox = t
+    }, this.typeCategories.map((t => r("gxg-list-box-item", {
+      key: t.id,
+      value: t.id,
+      icon: t.icon,
+      part: `category-${t.id}`,
+      selected: this.selectedCategory.id === 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,
+      ref: t => this.typeListBox = t
+    }, 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}`,
+      selected: this.selectedType.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.nameValueHandler(),
+      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.descriptionValueHandler(),
+      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-ac1a72d9.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["newObjectCss","GxIdeNewObject","this","renderedFirstTime","shortcutsSrc","getAssetPath","descriptionModifiedByUser","nameModifiedByUser","scrollIntoViewListBoxes","defaultTypeId","categoryListBox","scrollToSelected","typeListBox","setFirstFocusableElement","el","addEventListener","nameEl","focus","validateInitialName","async","result","validateNameCallback","name","validateNameHandler","renderModuleFolder","selectedType","hasModule","hasFolder","labelDescription","_componentLocale","moduleFolder","moduleOnly","folderOnly","h","labelPosition","value","parent","defaultValue","defaultParent","selectEntityCallback","selectModuleCallback","ref","moduleFolderEl","id","part","init","defaultTypeFound","setDefaultType","selectedCategory","typeCategories","types","length","getNameSuggestion","description","typeId","found","outerLoop","i","j","loopTypeId","replace","nameValueHandler","descriptionValueHandler","descriptionEl","onInputNameHandler","e","detail","onBlurNameHandler","onNameValueChangedHandler","onInputDescriptionHandler","undefined","validationMessage","validationStatus","nameIsValid","createCallbackHandler","data","_a","moduleId","_c","_b","createCallback","cancelCallbackHandler","cancelCallback","categoryOnSelectionChangedHandler","selectionEvent","selection","items","index","typeOnSelectionChangedHandler","selected","watchSelectedTypeHandler","componentWillLoad","Locale","getComponentStrings","componentDidLoad","componentDidLoadEvent","emit","componentDidRender","componentDidRenderFirstTime","componentName","suspendShortcuts","gxgShortcutsEl","suspend","render","Host","class","noContentPadding","noContentGap","slimmerFooter","config","gxIdeContainer","containerTitle","displayTitle","noHeadingBorder","noBorder","borderEnd","categorySelectionTitle","onSelectionChanged","map","category","key","icon","theTitle","typeSelectionTitleSuffix","typeSelectionTitle","type","objectName","placeholder","toolTip","tooltip","onInput","onBlur","onValueChanged","debounce","objectDescription","slot","onClick","footer","btnCancel","disabled","btnCreate","src"],"sources":["src/components/new-object/new-object.scss?tag=gx-ide-new-object&encapsulation=shadow","src/components/new-object/new-object.tsx"],"sourcesContent":["@import \"../../global/gx-ide-common.scss\";\n@import \"../../global/gx-ide-mixins.scss\";\n\n:host {\n  display: block;\n  border: 1px solid var(--gxg-border-color--regular);\n  background-color: var(--mer-color__surface);\n}\n/*main*/\n.main {\n  display: grid;\n  grid-template-rows: 1fr auto;\n  overflow: auto;\n  height: 100%;\n}\n.categories-types-container {\n  display: flex;\n  flex-direction: row;\n  flex-shrink: 1;\n  overflow: hidden;\n  border-bottom: 1px solid var(--gx-ide-container-border-color);\n  .categories {\n    flex: 1;\n  }\n  .types {\n    flex: 2;\n  }\n}\n.api-description {\n  display: flex;\n  flex-direction: column;\n  flex-shrink: 0;\n  gap: var(--gx-ide-grid-row-gap);\n  padding: var(--gx-ide-grid-row-gap);\n}\n.form {\n  display: grid;\n  grid-template-columns: minmax(95px, auto) 1fr;\n  grid-template-areas:\n    \"name-label name-input\"\n    \"description-label description-input\"\n    \"module-label module-input\";\n  gap: var(--gx-ide-grid-row-gap);\n  column-gap: 0;\n\n  .name-label {\n    grid-area: \"name-label\";\n  }\n  .name-input {\n    grid-area: \"name-input\";\n  }\n  .description-label {\n    grid-area: \"description-label\";\n  }\n  .description-input {\n    grid-area: \"description-input\";\n  }\n  .module-label {\n    grid-area: \"module-label\";\n  }\n  .module-input {\n    grid-area: \"module-input\";\n  }\n}\n","/* STENCIL IMPORTS */\nimport {\n  Component,\n  Host,\n  h,\n  Prop,\n  Event,\n  EventEmitter,\n  Element,\n  State,\n  Watch,\n  getAssetPath,\n  Method\n} from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\nimport { SelectionChangedEvent } from \"@genexus/gemini/dist/types/components/list-box/list-box\";\n/* CUSTOM IMPORTS */\nimport { Locale } from \"../../common/locale\";\nimport { config } from \"../../common/config\";\nimport { EntityData } from \"../../common/types\";\n\n@Component({\n  tag: \"gx-ide-new-object\",\n  styleUrl: \"new-object.scss\",\n  shadow: { delegatesFocus: true },\n  assetsDirs: [\"gx-ide-assets/new-object\"]\n})\nexport class GxIdeNewObject {\n  /*\nINDEX:\n1.OWN PROPERTIES\n2.REFERENCE TO ELEMENTS\n3.STATE() VARIABLES\n4.PUBLIC PROPERTY API | WATCH'S\n5.EVENTS (EMIT)\n6.COMPONENT LIFECYCLE EVENTS\n7.LISTENERS\n8.PUBLIC METHODS API\n9.LOCAL METHODS\n10.RENDER() FUNCTION\n*/\n\n  // 1.OWN PROPERTIES //\n\n  /**\n   * The component hard-coded strings translations.\n   */\n  private _componentLocale: any;\n  private renderedFirstTime = false;\n  private shortcutsSrc = getAssetPath(\n    `./gx-ide-assets/new-object/shortcuts.json`\n  );\n\n  // 2. REFERENCE TO ELEMENTS //\n\n  @Element() el: HTMLGxIdeNewObjectElement;\n\n  /* References needed to collect data con \"Create\" button submit*/\n  private nameEl!: HTMLGxgFormTextElement;\n  private descriptionEl!: HTMLGxgFormTextElement;\n  private moduleFolderEl!: HTMLGxIdeEntitySelectorElement;\n  private descriptionModifiedByUser = false;\n  private nameModifiedByUser = false;\n  private gxgShortcutsEl: HTMLGxgShortcutsElement;\n  private categoryListBox!: HTMLGxgListBoxElement;\n  private typeListBox!: HTMLGxgListBoxElement;\n\n  // 3.STATE() VARIABLES //\n\n  @State() selectedCategory: TypeCategoryData | null;\n  @State() selectedType: TypeData | null;\n  @Watch(\"selectedType\")\n  watchSelectedTypeHandler() {\n    this.descriptionModifiedByUser = false;\n  }\n  @State() nameIsValid = false;\n  // Name of the new object\n  @State() name: string = undefined;\n  // Description of the new object\n  @State() description: string = undefined;\n\n  // 4.PUBLIC PROPERTY API //\n\n  /**\n   * If true it displays the component title on the header\n   */\n  @Prop() readonly displayTitle = false;\n\n  /**\n   * Applies a shadow all around\n   */\n  @Prop() readonly shadow = false;\n\n  /**\n   * Array containing category list and its corresponding types\n   */\n  @Prop() readonly typeCategories!: TypeCategoryData[];\n\n  /**\n   * Current value for Module/Folder\n   */\n  @Prop() readonly parent: EntityData;\n\n  /**\n   * Default value for the Module/Folder field.\n   */\n  @Prop() readonly defaultParent: EntityData;\n\n  /**\n   * Allows you to define the type selected by default when instantiating the dialog. Represented by the type identifier\n   */\n  @Prop() readonly defaultTypeId: string;\n\n  /**\n   * Callback invoked when the action is executed on the Module/Folder filter (button '...'). It returns the information of the selected object (id and name) or 'undefined' if it was canceled.\n   */\n  @Prop() readonly selectModuleCallback: SelectModuleCallback;\n\n  /**\n   * Callback invoked when you must validate a name. Returns error message or 'undefined' if name is not valid.\n   */\n  @Prop() readonly validateNameCallback: ValidateNameCallback;\n\n  /**\n   * Callback invoked when user wants to cancel object creation\n   */\n  @Prop() readonly createCallback: CreateCallback;\n\n  /**\n   * Callback invoked when user wants to confirm object creation\n   */\n  @Prop() readonly cancelCallback: CancelCallback;\n\n  // 5.EVENTS (EMIT) //\n\n  /**\n   * This event emm=its the data needed to create a new object\n   */\n  @Event() create: EventEmitter<NewObjectData>;\n\n  /**\n   * This event is trigger after a validation of the object name is made. Returns undefined if its valid, otherwise an error message\n   */\n  @Event() validateName: EventEmitter<string | undefined>;\n\n  /**\n   * This event emits the 'cancel' event\n   */\n  @Event() cancel: EventEmitter<boolean>;\n\n  /**\n   * This event is emitted once just after the component is fully loaded and the first render() occurs.\n   */\n  @Event() componentDidLoadEvent: EventEmitter<boolean>;\n\n  /**\n   * This event is emitted once just after the component is fully loaded and the first render() occurs\n   */\n  @Event() componentDidRenderFirstTime: EventEmitter<boolean>;\n\n  // 6.COMPONENT LIFECYCLE EVENTS //\n\n  async componentWillLoad() {\n    this.init();\n    this._componentLocale = await Locale.getComponentStrings(this.el);\n  }\n\n  componentDidLoad() {\n    this.nameEl.focus();\n    this.setFirstFocusableElement();\n    this.validateInitialName();\n    this.componentDidLoadEvent.emit(true);\n  }\n\n  componentDidRender() {\n    if (!this.renderedFirstTime) {\n      this.componentDidRenderFirstTime.emit(\n        this._componentLocale.componentName\n      );\n      this.renderedFirstTime = true;\n      this.scrollIntoViewListBoxes();\n    }\n  }\n\n  // 7.LISTENERS //\n\n  // 8.PUBLIC METHODS API //\n\n  /**\n   * Suspends or reactivates the shortcuts\n   */\n  @Method()\n  async suspendShortcuts(suspendShortcuts: boolean) {\n    if (suspendShortcuts) {\n      this.gxgShortcutsEl.suspend = true;\n    } else {\n      this.gxgShortcutsEl.suspend = false;\n    }\n  }\n\n  // 9.LOCAL METHODS //\n\n  /**\n   * Scroll into view on both list-boxes. Only makes sense if defaultTypeId is not undefined, since otherwise in both list-boxes the initial selected item should be the first one, in which case is not needed to do scrollIntoView. Only call this method after the first render on new-object.\n   */\n  private scrollIntoViewListBoxes = () => {\n    if (this.defaultTypeId) {\n      this.categoryListBox.scrollToSelected();\n      this.typeListBox.scrollToSelected();\n    }\n  };\n\n  private setFirstFocusableElement = () => {\n    this.el.addEventListener(\"focus\", () => {\n      this.nameEl.focus();\n    });\n  };\n\n  private validateInitialName = async () => {\n    const result: string | undefined = await this.validateNameCallback(\n      this.name\n    );\n    this.validateNameHandler(result);\n  };\n\n  private renderModuleFolder = () => {\n    if (this.selectedType.hasModule || this.selectedType.hasFolder) {\n      let labelDescription = this._componentLocale.moduleFolder;\n      if (!this.selectedType.hasFolder) {\n        labelDescription = this._componentLocale.moduleOnly;\n      } else if (!this.selectedType.hasModule) {\n        labelDescription = this._componentLocale.folderOnly;\n      }\n      return [\n        <gxg-label labelPosition=\"start\">{labelDescription}</gxg-label>,\n        <gx-ide-entity-selector\n          value={this.parent}\n          defaultValue={this.defaultParent}\n          selectEntityCallback={this.selectModuleCallback}\n          ref={(el: HTMLGxIdeEntitySelectorElement) =>\n            (this.moduleFolderEl = el as HTMLGxIdeEntitySelectorElement)\n          }\n          id=\"module\"\n          part=\"module\"\n        ></gx-ide-entity-selector>\n      ];\n    }\n    return null;\n  };\n\n  /**\n   * This method defines the initial selected category and type, and it thens initializes tha name value.\n   */\n  private init = () => {\n    const defaultTypeFound = this.setDefaultType(this.defaultTypeId);\n    if (!defaultTypeFound) {\n      this.selectedCategory = this.typeCategories[0];\n      this.selectedType = this.selectedCategory.types[0];\n    }\n    if (this.selectedType && this.selectedType.name.length > 0) {\n      this.name = this.getNameSuggestion(this.selectedType);\n      this.description = this.selectedType.name;\n    }\n  };\n\n  private setDefaultType = (typeId: string | undefined): boolean => {\n    if (!typeId) {\n      return false;\n    }\n    let found = false;\n    outerLoop: for (let i = 0; i < this.typeCategories.length; i++) {\n      for (let j = 0; j < this.typeCategories[i].types.length; j++) {\n        const loopTypeId = this.typeCategories[i].types[j].id;\n        if (loopTypeId === typeId) {\n          this.selectedCategory = this.typeCategories[i];\n          this.selectedType = this.typeCategories[i].types[j];\n          found = true;\n          break outerLoop;\n        }\n      }\n    }\n    return found;\n  };\n\n  private getNameSuggestion = (selectedType: TypeData) => {\n    // Type name can include whitespaces, we need to replace all whitespaces to avoid invalid suggestions:\n    return selectedType.name.replace(/\\s/g, \"\");\n  };\n\n  private nameValueHandler = (): string => {\n    if (this.nameModifiedByUser) {\n      return this.nameEl.value;\n    } else {\n      return this.getNameSuggestion(this.selectedType);\n    }\n  };\n\n  private descriptionValueHandler = () => {\n    if (this.nameModifiedByUser) {\n      return this.descriptionEl.value;\n    } else {\n      return this.selectedType.name;\n    }\n  };\n\n  private onInputNameHandler = (e: CustomEvent<string>) => {\n    const name = e.detail;\n    if (!this.descriptionModifiedByUser) {\n      // description should be equal to name, unless the description was already modified by the user.\n      this.descriptionEl.value = name;\n    }\n    this.nameModifiedByUser = true;\n  };\n\n  private onBlurNameHandler = async () => {\n    const result: string | undefined = await this.validateNameCallback(\n      this.nameEl.value\n    );\n    this.validateNameHandler(result);\n  };\n\n  private onNameValueChangedHandler = async (e: CustomEvent<string>) => {\n    const name = e.detail;\n    const result: string | undefined = await this.validateNameCallback(name);\n    this.validateNameHandler(result);\n  };\n\n  private onInputDescriptionHandler = (e: CustomEvent<string>) => {\n    this.description = e.detail;\n    this.descriptionModifiedByUser = true;\n  };\n\n  /**\n   * 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.\n   */\n  private validateNameHandler = (result: string | undefined): void => {\n    if (result !== undefined) {\n      // the name is not valid. display message\n      this.nameEl.validationMessage = result;\n      this.nameEl.validationStatus = \"error\";\n      this.nameIsValid = false;\n    } else {\n      // valid name\n      this.nameEl.validationMessage = null;\n      this.nameEl.validationStatus = \"indeterminate\";\n      this.nameIsValid = true;\n    }\n  };\n\n  private createCallbackHandler = async (): Promise<void> => {\n    const data: NewObjectData = {\n      typeId: this.selectedType?.id,\n      name: this.nameEl.value,\n      description: !this.descriptionModifiedByUser\n        ? undefined\n        : this.descriptionEl.value,\n      moduleId: this.moduleFolderEl?.value?.id\n    };\n    const result = await this.createCallback(data);\n    this.validateNameHandler(result);\n  };\n\n  private cancelCallbackHandler = async (): Promise<void> => {\n    await this.cancelCallback();\n  };\n\n  private categoryOnSelectionChangedHandler = (\n    selectionEvent: CustomEvent<SelectionChangedEvent>\n  ): void => {\n    const selection = selectionEvent.detail.items;\n    if (selection.length > 0) {\n      const selectedCategory = this.typeCategories[selection[0].index];\n      if (selectedCategory) {\n        this.selectedCategory = selectedCategory;\n        if (selectedCategory.types.length > 0) {\n          this.selectedType = selectedCategory.types[0];\n        }\n      }\n    }\n  };\n\n  private typeOnSelectionChangedHandler = (\n    selectionEvent: CustomEvent<SelectionChangedEvent>\n  ) => {\n    const selection = selectionEvent.detail.items;\n    if (selection.length > 0) {\n      const selected = selection[0];\n      this.selectedType = this.selectedCategory.types[selected.index];\n    }\n  };\n\n  // 10.LOCAL METHODS (RENDER) //\n\n  // 11.RENDER() FUNCTION //\n\n  render() {\n    return (\n      <Host class=\"gx-ide-component\">\n        <div class=\"gx-ide-main-wrapper\">\n          <gx-ide-container\n            noContentPadding\n            noContentGap\n            slimmerFooter={config.gxIdeContainer.slimmerFooter}\n            containerTitle={\n              this.displayTitle ? this._componentLocale.componentName : null\n            }\n            noHeadingBorder\n          >\n            <main class=\"main\">\n              <div class=\"categories-types-container\">\n                <div class=\"categories\">\n                  {/* select a category listbox*/}\n                  {this.typeCategories.length > 0 ? (\n                    <gxg-list-box\n                      class=\"category\"\n                      single-selection\n                      noBorder\n                      borderEnd\n                      the-title={this._componentLocale.categorySelectionTitle}\n                      onSelectionChanged={\n                        this.categoryOnSelectionChangedHandler\n                      }\n                      ref={el =>\n                        (this.categoryListBox = el as HTMLGxgListBoxElement)\n                      }\n                    >\n                      {this.typeCategories.map(category => (\n                        <gxg-list-box-item\n                          key={category.id}\n                          value={category.id}\n                          icon={category.icon}\n                          part={`category-${category.id}`}\n                          selected={this.selectedCategory.id === category.id}\n                        >\n                          {category.name}\n                        </gxg-list-box-item>\n                      ))}\n                    </gxg-list-box>\n                  ) : null}\n                </div>\n                <div class=\"types\">\n                  {/* types listbox*/}\n                  {this.selectedCategory.types.length > 0 ? (\n                    <gxg-list-box\n                      class=\"types\"\n                      single-selection\n                      noBorder\n                      theTitle={\n                        this.selectedCategory.name\n                          ? `${this.selectedCategory.name} ${this._componentLocale.typeSelectionTitleSuffix}`\n                          : this._componentLocale.typeSelectionTitle\n                      }\n                      key={this.selectedCategory.id}\n                      onSelectionChanged={this.typeOnSelectionChangedHandler}\n                      ref={el =>\n                        (this.typeListBox = el as HTMLGxgListBoxElement)\n                      }\n                    >\n                      {this.selectedCategory.types.map(type => (\n                        <gxg-list-box-item\n                          key={`${this.selectedCategory.id}-${type.id}`}\n                          icon={type.icon}\n                          part={`type-${this.selectedCategory.id}-${type.id}`}\n                          selected={this.selectedType.id === type.id}\n                        >\n                          {type.name}\n                        </gxg-list-box-item>\n                      ))}\n                    </gxg-list-box>\n                  ) : (\n                    <p>No Categories to display</p>\n                  )}\n                </div>\n              </div>\n              <div class=\"api-description\">\n                {/* api description title*/}\n                <gxg-title type=\"title-05\">\n                  {this.selectedType?.description}\n                </gxg-title>\n                <div class=\"form\">\n                  {/* selected type name */}\n                  <gxg-label labelPosition=\"start\">\n                    {this._componentLocale.objectName}\n                  </gxg-label>\n                  <gxg-form-text\n                    label-position=\"start\"\n                    placeholder=\"Name\"\n                    max-width=\"100%\"\n                    value={this.nameValueHandler()}\n                    toolTip={config.tooltip}\n                    ref={(el: HTMLGxgFormTextElement) =>\n                      (this.nameEl = el as HTMLGxgFormTextElement)\n                    }\n                    onInput={this.onInputNameHandler as any}\n                    onBlur={this.onBlurNameHandler}\n                    onValueChanged={this.onNameValueChangedHandler}\n                    debounce\n                    part=\"name\"\n                    display-validation-styles\n                    display-validation-message\n                  ></gxg-form-text>\n\n                  {/* description */}\n                  <gxg-label labelPosition=\"start\">\n                    {this._componentLocale.objectDescription}\n                  </gxg-label>\n                  <gxg-form-text\n                    label-position=\"start\"\n                    placeholder=\"Description\"\n                    max-width=\"100%\"\n                    value={this.descriptionValueHandler()}\n                    ref={(el: HTMLGxgFormTextElement) =>\n                      (this.descriptionEl = el as HTMLGxgFormTextElement)\n                    }\n                    onInput={this.onInputDescriptionHandler as any}\n                    part=\"description\"\n                    display-validation-styles\n                    display-validation-message\n                  ></gxg-form-text>\n\n                  {this.renderModuleFolder()}\n                </div>\n              </div>\n            </main>\n\n            {/* Footer*/}\n            {/* cancel button*/}\n            <gxg-button\n              id=\"button-cancel\"\n              slot=\"footer-end\"\n              type=\"outlined\"\n              onClick={this.cancelCallbackHandler}\n              part=\"gxg-button gxg-button--cancel\"\n            >\n              {this._componentLocale.footer.btnCancel}\n            </gxg-button>\n            {/* create button*/}\n            <gxg-button\n              id=\"button-create\"\n              slot=\"footer-end\"\n              type=\"primary-text-only\"\n              onClick={this.createCallbackHandler}\n              disabled={!this.nameIsValid}\n              part=\"gxg-button gxg-button--create\"\n            >\n              {this._componentLocale.footer.btnCreate}\n            </gxg-button>\n          </gx-ide-container>\n        </div>\n        <gxg-shortcuts\n          src={this.shortcutsSrc}\n          ref={(el: HTMLGxgShortcutsElement) =>\n            (this.gxgShortcutsEl = el as HTMLGxgShortcutsElement)\n          }\n        ></gxg-shortcuts>\n      </Host>\n    );\n  }\n}\n\nexport interface NewObjectData {\n  typeId: string;\n  name: string;\n  description: string | undefined;\n  moduleId: string;\n}\n\nexport type ValidateNameCallback = (\n  name: string\n) => Promise<string | undefined>;\n\nexport type SelectModuleCallback = () => Promise<EntityData | undefined>;\n\nexport type CreateCallback = (\n  data: NewObjectData\n) => Promise<string | undefined>;\n\nexport type CancelCallback = () => Promise<void>;\n\nexport type TypeCategoryData = {\n  id: string;\n  name: string;\n  icon: string;\n  types: TypeData[];\n};\n\nexport type TypeData = {\n  id: string;\n  name: string;\n  icon: string;\n  hasModule: boolean;\n  hasFolder: boolean;\n  description: string;\n};\n"],"mappings":"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"}