@genexus/genexus-ide-ui 0.0.100 → 0.0.101

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-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