@genexus/genexus-ide-ui 0.0.100 → 0.0.102

package/dist/genexus-ide-ui/p-148ec5e4.entry.js

@@ -1,293 +0,0 @@
-import { r as i, c as t, a as e, h as s, H as r, g as o } from "./p-2776d2f9.js";
-
-import { L as a } from "./p-74d59062.js";
-
-import { c as n } from "./p-9c1b4eb9.js";
-
-const l = '.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;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 d = class {
-  constructor(r) {
-    i(this, r);
-    this.create = t(this, "create", 7);
-    this.validateName = t(this, "validateName", 7);
-    this.cancel = t(this, "cancel", 7);
-    this.componentDidLoadEvent = t(this, "componentDidLoadEvent", 7);
-    this.componentDidRenderFirstTime = t(this, "componentDidRenderFirstTime", 7);
-    this.renderedFirstTime = false;
-    this.shortcutsSrc = e(`./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 i = await this.validateNameCallback(this.name);
-      this.validateNameHandler(i);
-    };
-    this.renderModuleFolder = () => {
-      if (this.selectedType.hasModule || this.selectedType.hasFolder) {
-        let i = this._componentLocale.moduleFolder;
-        if (!this.selectedType.hasFolder) {
-          i = this._componentLocale.moduleOnly;
-        } else if (!this.selectedType.hasModule) {
-          i = this._componentLocale.folderOnly;
-        }
-        return [ s("gxg-label", {
-          labelPosition: "start"
-        }, i), s("gx-ide-entity-selector", {
-          value: this.parent,
-          defaultValue: this.defaultParent,
-          selectEntityCallback: this.selectModuleCallback,
-          ref: i => this.moduleFolderEl = i,
-          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 = i => i.name.replace(/\s/g, "");
-    this.onInputNameHandler = i => {
-      const t = i.detail;
-      if (!this.descriptionModifiedByUser) {
-        // description should be equal to name, unless the description was already modified by the user.
-        this.descriptionEl.value = t;
-      }
-    };
-    this.onBlurNameHandler = async () => {
-      const i = await this.validateNameCallback(this.nameEl.value);
-      this.validateNameHandler(i);
-    };
-    this.onNameValueChangedHandler = async i => {
-      const t = i.detail;
-      const e = await this.validateNameCallback(t);
-      this.validateNameHandler(e);
-    };
-    this.onInputDescriptionHandler = i => {
-      this.description = i.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 = i => {
-      if (i !== undefined) {
-        // the name is not valid. display message
-        this.nameEl.validationMessage = i;
-        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 i, t, e;
-      const s = {
-        typeId: (i = this.selectedType) === null || i === void 0 ? void 0 : i.id,
-        name: this.nameEl.value,
-        description: !this.descriptionModifiedByUser ? undefined : this.descriptionEl.value,
-        moduleId: (e = (t = this.moduleFolderEl) === null || t === void 0 ? void 0 : t.value) === null || e === void 0 ? void 0 : e.id
-      };
-      const r = await this.createCallback(s);
-      this.validateNameHandler(r);
-    };
-    this.cancelCallbackHandler = async () => {
-      await this.cancelCallback();
-    };
-    this.categoryOnSelectionChangedHandler = i => {
-      const t = i.detail.items;
-      if (t.length > 0) {
-        const i = this.typeCategories[t[0].index];
-        if (i) {
-          this.selectedCategory = i;
-          if (i.types.length > 0) {
-            this.selectedType = i.types[0];
-          }
-        }
-      }
-    };
-    this.typeOnSelectionChangedHandler = i => {
-      const t = i.detail.items;
-      if (t.length > 0) {
-        const i = t[0];
-        this.selectedType = this.selectedCategory.types[i.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 a.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(i) {
-    if (i) {
-      this.gxgShortcutsEl.suspend = true;
-    } else {
-      this.gxgShortcutsEl.suspend = false;
-    }
-  }
-  // 10.LOCAL METHODS (RENDER) //
-  // 11.RENDER() FUNCTION //
-  render() {
-    var i;
-    return s(r, {
-      class: "gx-ide-component"
-    }, s("div", {
-      class: "gx-ide-main-wrapper"
-    }, s("gx-ide-container", {
-      noContentPadding: true,
-      noContentGap: true,
-      slimmerFooter: n.gxIdeContainer.slimmerFooter,
-      containerTitle: this.displayTitle ? this._componentLocale.componentName : null,
-      noHeadingBorder: true
-    }, s("main", {
-      class: "main"
-    }, s("div", {
-      class: "categories-types-container"
-    }, s("div", {
-      class: "categories"
-    }, this.typeCategories.length > 0 ? s("gxg-list-box", {
-      class: "category",
-      "single-selection": true,
-      noBorder: true,
-      borderEnd: true,
-      "the-title": this._componentLocale.categorySelectionTitle,
-      onSelectionChanged: this.categoryOnSelectionChangedHandler
-    }, this.typeCategories.map((i => s("gxg-list-box-item", {
-      key: i.id,
-      value: i.id,
-      icon: i.icon,
-      part: `category-${i.id}`
-    }, i.name)))) : null), s("div", {
-      class: "types"
-    }, this.selectedCategory.types.length > 0 ? s("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((i => s("gxg-list-box-item", {
-      key: `${this.selectedCategory.id}-${i.id}`,
-      icon: i.icon,
-      part: `type-${this.selectedCategory.id}-${i.id}`
-    }, i.name)))) : s("p", null, "No Categories to display"))), s("div", {
-      class: "api-description"
-    }, s("gxg-title", {
-      type: "title-05"
-    }, (i = this.selectedType) === null || i === void 0 ? void 0 : i.description), s("div", {
-      class: "form"
-    }, s("gxg-label", {
-      labelPosition: "start"
-    }, this._componentLocale.objectName), s("gxg-form-text", {
-      "label-position": "start",
-      placeholder: "Name",
-      "max-width": "100%",
-      value: this.getNameSuggestion(this.selectedType),
-      toolTip: n.tooltip,
-      ref: i => this.nameEl = i,
-      onInput: this.onInputNameHandler,
-      onBlur: this.onBlurNameHandler,
-      onValueChanged: this.onNameValueChangedHandler,
-      debounce: true,
-      part: "name",
-      "display-validation-styles": true,
-      "display-validation-message": true
-    }), s("gxg-label", {
-      labelPosition: "start"
-    }, this._componentLocale.objectDescription), s("gxg-form-text", {
-      "label-position": "start",
-      placeholder: "Description",
-      "max-width": "100%",
-      value: this.selectedType.name,
-      ref: i => this.descriptionEl = i,
-      onInput: this.onInputDescriptionHandler,
-      part: "description",
-      "display-validation-styles": true,
-      "display-validation-message": true
-    }), this.renderModuleFolder()))), s("gxg-button", {
-      id: "button-cancel",
-      slot: "footer-end",
-      type: "outlined",
-      onClick: this.cancelCallbackHandler,
-      part: "gxg-button gxg-button--cancel"
-    }, this._componentLocale.footer.btnCancel), s("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))), s("gxg-shortcuts", {
-      src: this.shortcutsSrc,
-      ref: i => this.gxgShortcutsEl = i
-    }));
-  }
-  static get delegatesFocus() {
-    return true;
-  }
-  static get assetsDirs() {
-    return [ "gx-ide-assets/new-object" ];
-  }
-  get el() {
-    return o(this);
-  }
-  static get watchers() {
-    return {
-      selectedType: [ "watchSelectedTypeHandler" ]
-    };
-  }
-};
-
-d.style = l;
-
-export { d as gx_ide_new_object };
-//# sourceMappingURL=p-148ec5e4.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["newObjectCss","GxIdeNewObject","this","renderedFirstTime","shortcutsSrc","getAssetPath","descriptionModifiedByUser","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","selectedCategory","typeCategories","types","length","getNameSuggestion","description","replace","onInputNameHandler","e","detail","descriptionEl","onBlurNameHandler","onNameValueChangedHandler","onInputDescriptionHandler","undefined","validationMessage","validationStatus","nameIsValid","createCallbackHandler","data","typeId","_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 gxgShortcutsEl: HTMLGxgShortcutsElement;\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   * 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    }\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  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 initializes tha name value. It depends on 'this.selectedType'\n   */\n  private init = () => {\n    this.selectedCategory = this.typeCategories[0];\n    this.selectedType = this.typeCategories[0].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 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 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  };\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                    >\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                        >\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                    >\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                        >\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.getNameSuggestion(this.selectedType)}\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.selectedType.name}\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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"}

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