@genexus/genexus-ide-ui 0.0.99 → 0.0.101

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

@@ -1,257 +0,0 @@
-import { r as i, c as t, a as e, h as a, H as o, g as s } from "./p-2776d2f9.js";
-
-import { L as r } from "./p-74d59062.js";
-
-import { c as n } from "./p-9c1b4eb9.js";
-
-import { r as l } from "./p-9bd5e66b.js";
-
-import { r as d } from "./p-549b1699.js";
-
-import { g as c } from "./p-6893ccb8.js";
-
-/* References Types*/
-/**
- * @description This function converts string[] to SuggestItemData[]
- */ const convertSuggestedApplicationsToSuggestItems = i => {
-  const t = {
-    suggestItems: null,
-    suggestLists: []
-  };
-  if (i.length) {
-    const e = {
-      label: "Applications",
-      items: []
-    };
-    i.forEach((i => {
-      const t = {
-        value: i,
-        description: null,
-        icon: null
-      };
-      e.items.push(t);
-    }));
-    t.suggestLists.push(e);
-  }
-  return t;
-};
-
-const g = ".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;}:host .header{display:flex;flex-direction:column;gap:var(--gx-ide-grid-row-gap)}:host .header__first-row{display:flex;flex-direction:row;gap:var(--gx-ide-grid-column-gap)}:host .header__first-row .application-suggest{flex:1}:host .data-mappings{display:flex;flex-direction:column}:host .row-button{display:flex;align-items:center}";
-
-const p = class {
-  constructor(o) {
-    i(this, o);
-    this.componentDidRenderFirstTime = t(this, "componentDidRenderFirstTime", 7);
-    this.renderedFirstTime = false;
-    this.shortcutsSrc = e(`./gx-ide-assets/bpm-app-declaration/shortcuts.json`);
-    // 7.LISTENERS //
-    // 8.PUBLIC METHODS API //
-    // 9.LOCAL METHODS //
-        this.listenApplicationSelected = async () => {
-      this.applicationSuggestEl.addEventListener("itemSelected", (i => {
-        this.getDataMappingCallbackHandler(i.detail.value);
-      }));
-    };
-    this.applicationSuggestValueChangedHandler = async i => {
-      const t = i.detail;
-      this.suggestApplicationsCallback(t).then((i => {
-        this.suggestedApplications = convertSuggestedApplicationsToSuggestItems(i);
-      })).catch((() => {}));
-    };
-    this.getDataMappingCallbackHandler = async i => {
-      this.application = await this.getDataMappingCallback(i);
-    };
-    this.selectApplicationCallbackHandler = async () => {
-      const i = await this.selectApplicationCallback();
-      if (i) {
-        this.application = i;
-      }
-    };
-    this.confirmCallbackHandler = async () => {
-      await this.confirmCallback(this.application);
-    };
-    this.cancelCallbackHandler = async () => {
-      await this.cancelCallback();
-    };
-    this.selectMappingCallbackHandler = i => async () => {
-      if (this.selectMappingCallback) {
-        const t = await this.selectMappingCallback(i);
-        if (t) {
-          // update actual application with new relevant data option
-          // first find mapping index
-          const e = this.applicationState.mappings.findIndex((t => t.parameter === i));
-          if (e !== -1) {
-            // new relevant data could be new, or already existent.
-            const i = this.applicationState.mappings[e].relevantDataOptions.find((i => i === t));
-            if (!i) {
-              // new. add.
-              this.applicationState.mappings[e].relevantDataOptions.push(t);
-            }
-            // always set this data as selected
-                        this.applicationState.mappings[e].relevantData = t;
-            // update
-                        this.application = Object.assign({}, this.applicationState);
-          }
-        }
-      }
-    };
-    this.dataOptionsToComboItems = i => {
-      const t = [ {
-        id: this._componentLocale.dataMappings.emptyOption
-      } ];
-      i.forEach((i => {
-        const e = {
-          id: i
-        };
-        t.push(e);
-      }));
-      return t;
-    };
-    this.clearApplicationHandler = () => {
-      this.application = {
-        application: undefined,
-        mappings: []
-      };
-    };
-    this.renderDataMappingsGrid = () => {
-      var i;
-      return a("gxg-grid", {
-        "ellipsis-cell-wrapper": true,
-        noBorder: true
-      }, a("ch-grid", {
-        part: "ch-grid-data-mappings"
-      }, a("ch-grid-columnset", null, a("ch-grid-column", {
-        columnName: ((i = this.application.application) === null || i === void 0 ? void 0 : i.typeIcon) === "objects/transaction" ? this._componentLocale.dataMappings.firstColName : this._componentLocale.dataMappings.firstColNameParameter,
-        settingable: false,
-        size: c.colSize.common
-      }), a("ch-grid-column", {
-        columnName: this._componentLocale.dataMappings.secondColName,
-        settingable: false,
-        sortable: false,
-        size: c.colSize.common
-      }), a("ch-grid-column", {
-        settingable: false,
-        sortable: false,
-        size: c.colSize.auto
-      })), this.application.mappings.map(((i, t) => {
-        var e;
-        return a("ch-grid-row", {
-          rowId: t + i.parameter
-        }, a("ch-grid-cell", null, a("span", {
-          class: "cell-wrapper"
-        }, `${i.access}: ${i.parameter}`)), a("ch-grid-cell", null, a("span", {
-          class: "cell-wrapper"
-        }, a("gxg-combo-box", {
-          disableFilter: true,
-          value: i.relevantData
-        }, d((e = this.dataOptionsToComboItems(i.relevantDataOptions)) !== null && e !== void 0 ? e : [])))), a("ch-grid-cell", null, a("span", {
-          class: "cell-wrapper"
-        }, a("gxg-button", {
-          "data-index": t,
-          type: "secondary-icon-only",
-          icon: "gemini-tools/add",
-          onClick: this.selectMappingCallbackHandler(i.parameter),
-          class: "select-mapping-callback-button"
-        }))));
-      }))));
-    };
-    this.suggestedApplications = undefined;
-    this.displayTitle = false;
-    this.application = undefined;
-    this.suggestApplicationsCallback = undefined;
-    this.selectApplicationCallback = undefined;
-    this.selectMappingCallback = undefined;
-    this.confirmCallback = undefined;
-    this.cancelCallback = undefined;
-    this.getDataMappingCallback = undefined;
-  }
-  watchApplicationHandler(i) {
-    this.applicationState = i;
-  }
-  // 6.COMPONENT LIFECYCLE METHODS //
-  async componentWillLoad() {
-    this._componentLocale = await r.getComponentStrings(this.el);
-    this.applicationState = this.application;
-  }
-  async componentDidLoad() {
-    /*  this.applicationSuggestValueChangedHandler(this.applicationText); */
-    this.listenApplicationSelected();
-    this.applicationSuggestEl.focus();
-  }
-  componentDidRender() {
-    if (!this.renderedFirstTime) {
-      this.componentDidRenderFirstTime.emit(this._componentLocale.componentName);
-      this.renderedFirstTime = true;
-    }
-  }
-  // 10.RENDER() FUNCTION //
-  render() {
-    var i;
-    return a(o, {
-      class: "gx-ide-component"
-    }, a("div", {
-      class: "gx-ide-main-wrapper"
-    }, a("gx-ide-container", {
-      noContentPadding: true,
-      slimmerFooter: n.gxIdeContainer.slimmerFooter,
-      containerTitle: this.displayTitle ? this._componentLocale.componentName : null
-    }, a("header", {
-      slot: "header",
-      class: "header"
-    }, a("div", {
-      class: "header__first-row"
-    }, a("gxg-suggest", {
-      class: "application-suggest"
-    }, a("ch-suggest", {
-      value: ((i = this.application.application) === null || i === void 0 ? void 0 : i.name) || null,
-      onValueChanged: this.applicationSuggestValueChangedHandler,
-      ref: i => this.applicationSuggestEl = i,
-      part: "application-suggest"
-    }, l(this.suggestedApplications))), a("gxg-button", {
-      type: "secondary-icon-only",
-      icon: "gemini-tools/show-more-horizontal",
-      onClick: this.selectApplicationCallbackHandler,
-      class: "selector-dialog-button",
-      part: "open-selector-dialog-button"
-    }), a("gxg-button", {
-      type: "outlined",
-      part: "clear-application-button",
-      onClick: this.clearApplicationHandler
-    }, "Clear")), a("div", {
-      class: "header__second-row"
-    }, a("gx-ide-title", {
-      type: "secondary"
-    }, this._componentLocale.dataMappings.title))), a("div", {
-      class: "data-mappings"
-    }, this.renderDataMappingsGrid()), a("gxg-button", {
-      type: "secondary-text-only",
-      slot: "footer-end",
-      onClick: this.cancelCallbackHandler,
-      part: "cancel-button"
-    }, this._componentLocale.buttons.cancelButton), a("gxg-button", {
-      type: "primary-text-only",
-      slot: "footer-end",
-      icon: "general/datastore",
-      onClick: this.confirmCallbackHandler,
-      part: "confirm-button"
-    }, this._componentLocale.buttons.confirmButton))), a("gxg-shortcuts", {
-      src: this.shortcutsSrc
-    }));
-  }
-  static get assetsDirs() {
-    return [ "gx-ide-assets/bpm-app-declaration" ];
-  }
-  get el() {
-    return s(this);
-  }
-  static get watchers() {
-    return {
-      application: [ "watchApplicationHandler" ]
-    };
-  }
-};
-
-p.style = g;
-
-export { p as gx_ide_bpm_app_declaration };
-//# sourceMappingURL=p-ff794656.entry.js.map