@genexus/genexus-ide-ui 1.1.3 → 1.1.5

package/dist/genexus-ide-ui/p-11dccb8f.entry.js

@@ -0,0 +1,309 @@
+import { r as t, c as e, g as a, h as r, H as o, a as i } from "./p-25a9f1d7.js";
+
+import { g as s } from "./p-ede7bd20.js";
+
+import { L as n } from "./p-857866f8.js";
+
+import { c as l } from "./p-13738332.js";
+
+const c = ":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)}:host{display:grid;block-size:100%}.card-regular{background-color:var(--mer-surface__elevation--01);border:var(--mer-border__width--sm) solid var(--mer-border-color__on-elevation--01);border-radius:var(--mer-border__radius--md);padding:var(--mer-spacing--md) var(--mer-spacing--md);display:grid}.card-small{background-color:var(--mer-surface__elevation--02);border-radius:var(--mer-border__radius--sm);padding:var(--mer-spacing--sm) var(--mer-spacing--sm)}.card-small--actionable:hover{background-color:var(--mer-color__neutral-gray--600)}.card-small--actionable:active{background-color:var(--mer-color__neutral-gray--650)}.card-small:focus-visible{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.empty-state{block-size:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--mer-spacing--sm);text-align:center}.empty-state__title,.empty-state__button,.empty-state__link{max-inline-size:300px}.opacity-0{opacity:0}.opacity-1{opacity:1}.display-contents{display:contents}.pill-tag{padding:1px 4px;border-radius:2px;min-inline-size:40px;text-align:center;margin-inline-end:10px;font-size:11px}.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-view-primary{font-size:var(--mer-font__size--2xs)}p{margin:0;font-size:var(--mer-font__size--xxs)}.buttons-container{display:flex;gap:var(--mer-spacing--xs)}:host{display:grid;block-size:100%;grid-template-rows:max-content 1fr max-content;overflow:auto}.section{display:contents}.header{display:grid;grid-template-columns:1fr max-content}.data-mapping-grid-container,.data-mapping-grid-container .field{overflow:auto;block-size:100%}.tabular-grid-application-declaration{overflow:auto}ch-tabular-grid.empty-result::part(main){overflow:hidden}.pill-tag{min-inline-size:40px;margin-inline-end:10px}.tabular-grid-application-declaration ch-tabular-grid-cell:is(:nth-child(2)){--control__border-width:0;--control__border-color:transparent;--control__border-radius:0;padding-block:0;padding-inline:0;padding-block:0;padding-inline:0;--control__padding-inline:var(--grid-cell__padding-inline);display:grid;align-items:stretch;justify-content:stretch;min-inline-size:0}.tabular-grid-application-declaration ch-tabular-grid-cell:is(:nth-child(2)):hover{outline:var(--focus__outline-width) var(--focus__outline-style) var(--control__border-color--hover);outline-offset:var(--focus__outline-offset)}.tabular-grid-cell:nth-child(2){padding:0 !important;display:grid;align-items:stretch;justify-content:stretch;--ds-focus-border-width:none}.tabular-grid-cell:nth-child(3){padding:0 !important;align-items:center !important;justify-content:center !important}.tabular-grid{overflow:auto}";
+
+var d = undefined && undefined.__classPrivateFieldGet || function(t, e, a, r) {
+  if (a === "a" && !r) throw new TypeError("Private accessor was defined without a getter");
+  if (typeof e === "function" ? t !== e || !r : !e.has(t)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+  return a === "m" ? r : a === "a" ? r.call(t) : r ? r.value : e.get(t);
+};
+
+var g = undefined && undefined.__classPrivateFieldSet || function(t, e, a, r, o) {
+  if (r === "m") throw new TypeError("Private method is not writable");
+  if (r === "a" && !o) throw new TypeError("Private accessor was defined without a setter");
+  if (typeof e === "function" ? t !== e || !o : !e.has(t)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+  return r === "a" ? o.call(t, a) : o ? o.value = a : e.set(t, a), a;
+};
+
+var f, b, h, m, v, p, u, y, x, w, k, z, _, M, W, j, C, T;
+
+const I = [ "resets/box-sizing", "components/button", "components/combo-box", "components/icon", "components/tabular-grid", "utils/elevation", "utils/form", "utils/layout", "utils/spacing" ];
+
+const E = s({
+  category: "system",
+  name: "add",
+  colorType: "neutral"
+});
+
+const $ = s({
+  category: "window-tools",
+  name: "filter",
+  colorType: "on-elevation"
+});
+
+const D = s({
+  category: "system",
+  name: "more-horizontal",
+  colorType: "primary"
+});
+
+const P = {
+  alreadyProcessed: true,
+  autoExpand: false,
+  hideMatchesAndShowNonMatches: false,
+  highlightMatchedItems: false,
+  matchCase: false,
+  regularExpression: false,
+  strict: false,
+  renderActiveItemIconOnExpand: true
+};
+
+const A = class {
+  constructor(o) {
+    t(this, o);
+    this.componentDidRenderFirstTime = e(this, "componentDidRenderFirstTime", 7);
+    /**
+         * The component hard-coded strings translations.
+         */
+    // eslint-disable-next-line @stencil-community/own-props-must-be-private
+        f.set(this, void 0);
+    b.set(this, true);
+    h.set(this, a(`./gx-ide-assets/bpm-app-declaration/shortcuts.json`));
+    m.set(this, {
+      // To be defined on componentWillLoad
+      in: undefined,
+      out: undefined,
+      inout: undefined
+    });
+    v.set(this, (() => {
+      d(this, m, "f").in = d(this, f, "f").dataMappings.access.in;
+      d(this, m, "f").out = d(this, f, "f").dataMappings.access.out;
+      d(this, m, "f").inout = d(this, f, "f").dataMappings.access.inout;
+    }));
+    p.set(this, (async t => {
+      const e = t.detail;
+      this.application.mappings = await this.getDataMappingCallback(e);
+    }));
+    u.set(this, (() => {
+      this.cancelCallback();
+    }));
+    y.set(this, (() => {
+      this.application = {
+        application: {
+          name: "",
+          typeIcon: ""
+        },
+        mappings: []
+      };
+    }));
+    x.set(this, (() => {
+      this.confirmCallback(this.application);
+    }));
+    w.set(this, (t => t.map((t => ({
+      caption: t,
+      value: t
+    })))));
+    k.set(this, (t => t.map((t => ({
+      caption: t,
+      value: t
+    })))));
+    z.set(this, (t => async e => {
+      const a = e.detail;
+      this.application.mappings[t].relevantData = a;
+    }));
+    _.set(this, (async () => {
+      const t = await this.selectApplicationCallback();
+      if (t) {
+        d(this, W, "f").call(this, t.application);
+        this.application.mappings = t.mappings;
+      }
+    }));
+    M.set(this, ((t, e) => async () => {
+      const a = await this.selectMappingCallback(t);
+      if (a) {
+        const t = this.application.mappings[e].relevantDataOptions;
+        const r = t.indexOf(a);
+        if (r === -1) {
+          // returnedRelevantData is a new option. Add to combo-box.
+          t.push(a);
+        }
+        // Set as selected
+                this.application.mappings[e].relevantData = a;
+        d(this, C, "f").call(this);
+      }
+    }));
+    W.set(this, (t => {
+      if (t) {
+        const e = t.name;
+        this.application.application.name = e;
+        this.applicationComboBoxModel = [ {
+          caption: e,
+          value: e,
+          startImgSrc: t.typeIcon
+        } ];
+      }
+    }));
+    j.set(this, (async t => {
+      const e = t.detail;
+      this.application.application.name = e;
+      const a = await this.suggestApplicationsCallback(e);
+      this.applicationComboBoxModel = d(this, k, "f").call(this, a);
+    }));
+    C.set(this, (() => {
+      this.application = {
+        ...this.application
+      };
+    }));
+    // Renders
+        T.set(this, (() => {
+      const t = this.application.mappings.length;
+      if (t) {
+        // Set as animated for the next time.
+        g(this, b, true, "f");
+      }
+      return r("div", {
+        class: "field-group data-mapping-grid-container"
+      }, r("div", {
+        class: "field field-block"
+      }, r("label", {
+        class: "spacing-body-inline-start label"
+      }, d(this, f, "f").dataMappings.title), r("ch-tabular-grid", {
+        class: {
+          "tabular-grid": true,
+          "tabular-grid-application-declaration": true,
+          scrollable: true,
+          "empty-result": !t
+        },
+        part: "ch-grid-data-mappings"
+      }, r("ch-tabular-grid-columnset", {
+        class: "tabular-grid-column-set"
+      }, r("ch-tabular-grid-column", {
+        class: "tabular-grid-column",
+        columnName: this.application.application?.typeIcon === "objects/transaction" ? d(this, f, "f").dataMappings.firstColName : d(this, f, "f").dataMappings.firstColNameParameter,
+        settingable: false,
+        size: l.tabularGrid.colSize.common
+      }), r("ch-tabular-grid-column", {
+        class: "tabular-grid-column",
+        columnName: d(this, f, "f").dataMappings.secondColName,
+        settingable: false,
+        sortable: false,
+        size: l.tabularGrid.colSize.common
+      }), r("ch-tabular-grid-column", {
+        class: "tabular-grid-column",
+        settingable: false,
+        sortable: false,
+        size: l.tabularGrid.colSize.auto
+      })), this.application.mappings.length ? r("ch-tabular-grid-rowset", {
+        class: "tabular-grid-rowset"
+      }, this.application.mappings.map(((t, e) => r("ch-tabular-grid-row", {
+        class: "tabular-grid-row",
+        rowId: `${e}-${t.parameter}`,
+        key: `${e}-${t.parameter}-grid-row`
+      }, r("ch-tabular-grid-cell", {
+        class: "tabular-grid-cell"
+      }, r("span", {
+        class: "pill-tag elevation-3"
+      }, d(this, m, "f")[t.access]), t.parameter), r("ch-tabular-grid-cell", {
+        class: "tabular-grid-cell"
+      }, r("ch-combo-box-render", {
+        class: "combo-box",
+        model: d(this, w, "f").call(this, t.relevantDataOptions),
+        value: t.relevantData,
+        key: `${e}-${t.parameter}-combo-box`,
+        onInput: d(this, z, "f").call(this, e)
+      })), r("ch-tabular-grid-cell", {
+        class: "tabular-grid-cell"
+      }, r("button", {
+        "data-index": e,
+        onClick: d(this, M, "f").call(this, t.parameter, e),
+        class: "button-tertiary button-icon-only",
+        "aria-label": d(this, f, "f").buttons.selectMapping,
+        title: d(this, f, "f").buttons.selectMapping
+      }, r("ch-image", {
+        class: "icon-md",
+        src: E
+      }))))))) : r("ch-tabular-grid-rowset", {
+        class: "tabular-grid-rowset"
+      }, r("ch-tabular-grid-rowset-empty", null, r("gx-ide-empty-state", {
+        isAnimated: d(this, b, "f"),
+        stateIconSrc: $,
+        stateTitle: d(this, f, "f").emptyState.title,
+        stateDescription: d(this, f, "f").emptyState.description
+      }))))));
+    }));
+    this.applicationComboBoxModel = [];
+    this.application = undefined;
+    this.cancelCallback = undefined;
+    this.confirmCallback = undefined;
+    this.getDataMappingCallback = undefined;
+    this.selectApplicationCallback = undefined;
+    this.selectMappingCallback = undefined;
+    this.suggestApplicationsCallback = undefined;
+  }
+  async componentWillLoad() {
+    g(this, f, await n.getComponentStrings(this.el), "f");
+    d(this, W, "f").call(this, this.application.application);
+    if (this.application.mappings.length === 0) {
+      g(this, b, false, "f");
+    }
+    d(this, v, "f").call(this);
+  }
+  render() {
+    return r(o, {
+      class: "widget"
+    }, r("ch-theme", {
+      model: I
+    }), r("section", {
+      class: "section"
+    }, r("header", {
+      slot: "header",
+      class: "header spacing-body"
+    }, r("ch-combo-box-render", {
+      class: "combo-box",
+      value: this.application.application.name,
+      model: this.applicationComboBoxModel,
+      suggestDebounce: l.inputDebounce,
+      suggest: true,
+      suggestOptions: P,
+      onInput: d(this, j, "f"),
+      onChange: d(this, p, "f")
+    }), r("div", {
+      class: "buttons-spacer"
+    }, r("button", {
+      onClick: d(this, _, "f"),
+      class: "button-tertiary button-icon-only",
+      "aria-label": d(this, f, "f").buttons.selectApplication,
+      title: d(this, f, "f").buttons.selectApplication
+    }, r("ch-image", {
+      class: "icon-md",
+      src: D
+    })), r("button", {
+      onClick: d(this, y, "f"),
+      class: "button-secondary"
+    }, "Clear"))), d(this, T, "f").call(this), r("footer", {
+      class: "control-footer spacing-body-block-end spacing-body-inline"
+    }, r("div", {
+      class: "buttons-spacer"
+    }, r("button", {
+      class: "button-secondary",
+      onClick: d(this, u, "f")
+    }, d(this, f, "f").buttons.cancelButton), r("button", {
+      class: "button-primary",
+      onClick: d(this, x, "f")
+    }, d(this, f, "f").buttons.confirmButton)))), r("ch-shortcuts", {
+      src: d(this, h, "f")
+    }));
+  }
+  static get assetsDirs() {
+    return [ "gx-ide-assets/bpm-app-declaration" ];
+  }
+  get el() {
+    return i(this);
+  }
+};
+
+f = new WeakMap, b = new WeakMap, h = new WeakMap, m = new WeakMap, v = new WeakMap, 
+p = new WeakMap, u = new WeakMap, y = new WeakMap, x = new WeakMap, w = new WeakMap, 
+k = new WeakMap, z = new WeakMap, _ = new WeakMap, M = new WeakMap, W = new WeakMap, 
+j = new WeakMap, C = new WeakMap, T = new WeakMap;
+
+A.style = c;
+
+export { A as gx_ide_bpm_app_declaration };
+//# sourceMappingURL=p-11dccb8f.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["bpmAppDeclarationCss","CSS_BUNDLES","ADD_ICON","getIconPath","category","name","colorType","FILTER_ICON","MORE_ICON","SUGGEST_OPTIONS","alreadyProcessed","autoExpand","hideMatchesAndShowNonMatches","highlightMatchedItems","matchCase","regularExpression","strict","renderActiveItemIconOnExpand","GxIdeBpmAppDeclaration","_GxIdeBpmAppDeclaration_componentLocale","set","this","_GxIdeBpmAppDeclaration_animateEmptyState","_GxIdeBpmAppDeclaration_shortcutsSrc","getAssetPath","_GxIdeBpmAppDeclaration_ACCESS_CAPTION_MAP","in","undefined","out","inout","_GxIdeBpmAppDeclaration_setAccessCaptions","__classPrivateFieldGet","dataMappings","access","_GxIdeBpmAppDeclaration_applicationInputChangedHandler","async","event","selectedApplicationName","detail","application","mappings","getDataMappingCallback","_GxIdeBpmAppDeclaration_cancelCallbackHandler","cancelCallback","_GxIdeBpmAppDeclaration_clearApplicationHandler","typeIcon","_GxIdeBpmAppDeclaration_confirmCallbackHandler","confirmCallback","_GxIdeBpmAppDeclaration_mapRelevantDataOptionsToComboBoxModel","relevantDataOptions","map","optionName","caption","value","_GxIdeBpmAppDeclaration_mapSuggestedApplicationsToComboBoxModel","suggestedApplicationsNames","applicationName","_GxIdeBpmAppDeclaration_relevantDataInputHandler","mappingIndex","inputValue","relevantData","_GxIdeBpmAppDeclaration_selectApplicationCallbackHandler","applicationDeclarationData","selectApplicationCallback","_GxIdeBpmAppDeclaration_setApplicationData","call","_GxIdeBpmAppDeclaration_selectMappingCallbackHandler","parameter","returnedRelevantData","selectMappingCallback","currentRelevantDataOptions","indexOfReturnedRelevantData","indexOf","push","_GxIdeBpmAppDeclaration_updateApplicationData","applicationData","applicationComboBoxModel","startImgSrc","_GxIdeBpmAppDeclaration_suggestInputHandler","suggestedApplicationNames","suggestApplicationsCallback","_GxIdeBpmAppDeclaration_renderDataMappingsGrid","applicationDataToDisplay","length","__classPrivateFieldSet","h","class","title","scrollable","part","columnName","firstColName","firstColNameParameter","settingable","size","config","tabularGrid","colSize","common","secondColName","sortable","auto","obj","index","rowId","key","model","onInput","onClick","buttons","selectMapping","src","isAnimated","stateIconSrc","stateTitle","emptyState","stateDescription","description","componentWillLoad","Locale","getComponentStrings","el","render","Host","slot","suggestDebounce","inputDebounce","suggest","suggestOptions","onChange","selectApplication","cancelButton","confirmButton"],"sources":["src/components/bpm/application-declaration/bpm-app-declaration.scss?tag=gx-ide-bpm-app-declaration&encapsulation=shadow","src/components/bpm/application-declaration/bpm-app-declaration.tsx"],"sourcesContent":["@import \"../../../global/gx-ide-common.scss\";\n@import \"../../../global/gx-ide-mixins.scss\";\n@import \"../../../../node_modules/@genexus/mercury/dist/assets/scss/helpers.scss\";\n\n:host {\n  display: grid;\n  block-size: 100%;\n  grid-template-rows: max-content 1fr max-content;\n  overflow: auto;\n}\n\n.section {\n  display: contents;\n}\n\n.header {\n  display: grid;\n  grid-template-columns: 1fr max-content;\n}\n\n.data-mapping-grid-container,\n.data-mapping-grid-container .field {\n  overflow: auto;\n  block-size: 100%;\n}\n\n.tabular-grid-application-declaration {\n  overflow: auto;\n}\nch-tabular-grid.empty-result::part(main) {\n  // WA to avoid scrollbar flickering when displaying the empty-state message\n  overflow: hidden;\n}\n\n.pill-tag {\n  // base styles for this class defined on \"gx-ide-common.scss\"\n  min-inline-size: 40px;\n  margin-inline-end: 10px;\n}\n\n@include tabular-grid-cell-layout(\n  $tabular-grid-selector: \".tabular-grid-application-declaration\",\n  $tabular-grid-cell-node-type: \"element\",\n  $tabular-grid-affected-columns-nth-list: (\n    2\n  )\n);\n\n// WA\n.tabular-grid-cell:nth-child(2) {\n  padding: 0 !important;\n  display: grid;\n  align-items: stretch;\n  justify-content: stretch;\n  --ds-focus-border-width: none;\n}\n.tabular-grid-cell:nth-child(3) {\n  padding: 0 !important;\n  align-items: center !important;\n  justify-content: center !important;\n}\n.tabular-grid {\n  overflow: auto;\n}\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n  State,\n  Element,\n  Event,\n  EventEmitter,\n  getAssetPath\n} from \"@stencil/core\";\n\nimport { MercuryBundles, getIconPath } from \"@genexus/mercury\";\n\nimport { Locale } from \"../../../common/locale\";\nimport { config } from \"../../../common/config\";\nimport { ComboBoxModel } from \"@genexus/chameleon-controls-library\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"components/button\",\n  \"components/combo-box\",\n  \"components/icon\",\n  \"components/tabular-grid\",\n  \"utils/elevation\",\n  \"utils/form\",\n  \"utils/layout\",\n  \"utils/spacing\"\n];\n\nconst ADD_ICON = getIconPath({\n  category: \"system\",\n  name: \"add\",\n  colorType: \"neutral\"\n});\nconst FILTER_ICON = getIconPath({\n  category: \"window-tools\",\n  name: \"filter\",\n  colorType: \"on-elevation\"\n});\nconst MORE_ICON = getIconPath({\n  category: \"system\",\n  name: \"more-horizontal\",\n  colorType: \"primary\"\n});\n\nconst SUGGEST_OPTIONS = {\n  alreadyProcessed: true,\n  autoExpand: false,\n  hideMatchesAndShowNonMatches: false,\n  highlightMatchedItems: false,\n  matchCase: false,\n  regularExpression: false,\n  strict: false,\n  renderActiveItemIconOnExpand: true\n};\n\n@Component({\n  tag: \"gx-ide-bpm-app-declaration\",\n  styleUrl: \"bpm-app-declaration.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/bpm-app-declaration\"]\n})\nexport class GxIdeBpmAppDeclaration {\n  /**\n   * The component hard-coded strings translations.\n   */\n  // eslint-disable-next-line @stencil-community/own-props-must-be-private\n  #componentLocale: any;\n  #animateEmptyState = true;\n  #shortcutsSrc = getAssetPath(\n    `./gx-ide-assets/bpm-app-declaration/shortcuts.json`\n  );\n\n  #ACCESS_CAPTION_MAP: Record<DataMappingAccess, string> = {\n    // To be defined on componentWillLoad\n    in: undefined,\n    out: undefined,\n    inout: undefined\n  };\n\n  @Element() el: HTMLGxIdeBpmAppDeclarationElement;\n\n  /**\n   * The application ComoBoxModel. When the component renders for the first time, it is required\n   * to display the application typeIcon. Later, it is required to display the suggested application\n   * options with the combo suggest.\n   */\n  @State() applicationComboBoxModel: ComboBoxModel = [];\n\n  /**\n   * Current value of the application declaration. Keep in mind that this property will be used by\n   * the host to initialize the component, meaning it will assign the current declaration value.\n   */\n  @Prop({ mutable: true }) application: ApplicationDeclarationData;\n\n  /**\n   * Callback invoked when user cancels application declaration\n   */\n  @Prop() readonly cancelCallback: CancelCallback;\n\n  /**\n   * Callback invoked when user confirms application declaration\n   */\n  @Prop() readonly confirmCallback: ConfirmCallback;\n\n  /**\n   * Callback invoked when user select one of the options provided by the suggest\n   */\n  @Prop() readonly getDataMappingCallback: GetDataMappingCallback;\n\n  /**\n   * Callback invoked to get access to selection application dialog\n   */\n  @Prop() readonly selectApplicationCallback: SelectApplicationCallback;\n\n  /**\n   * Callback invoked when user press mapping auto-def button\n   */\n  @Prop() readonly selectMappingCallback: SelectMappingCallback;\n\n  /**\n   * Callback invoked to get options for application input suggest\n   */\n  @Prop() readonly suggestApplicationsCallback: SuggestApplicationsCallback;\n\n  /**\n   * @description Gets fired when the component has rendered for the first time.\n   */\n  @Event() componentDidRenderFirstTime: EventEmitter<string>;\n\n  async componentWillLoad() {\n    this.#componentLocale = await Locale.getComponentStrings(this.el);\n    this.#setApplicationData(this.application.application);\n    if (this.application.mappings.length === 0) {\n      this.#animateEmptyState = false;\n    }\n    this.#setAccessCaptions();\n  }\n\n  #setAccessCaptions = () => {\n    this.#ACCESS_CAPTION_MAP.in = this.#componentLocale.dataMappings.access.in;\n    this.#ACCESS_CAPTION_MAP.out =\n      this.#componentLocale.dataMappings.access.out;\n    this.#ACCESS_CAPTION_MAP.inout =\n      this.#componentLocale.dataMappings.access.inout;\n  };\n\n  #applicationInputChangedHandler = async (\n    event: CustomEvent<string> | InputEvent\n  ) => {\n    const selectedApplicationName = event.detail as string;\n    this.application.mappings = await this.getDataMappingCallback(\n      selectedApplicationName\n    );\n  };\n\n  #cancelCallbackHandler = () => {\n    this.cancelCallback();\n  };\n\n  #clearApplicationHandler = () => {\n    this.application = {\n      application: {\n        name: \"\",\n        typeIcon: \"\"\n      },\n      mappings: []\n    };\n  };\n\n  #confirmCallbackHandler = () => {\n    this.confirmCallback(this.application);\n  };\n\n  #mapRelevantDataOptionsToComboBoxModel = (\n    relevantDataOptions: string[]\n  ): ComboBoxModel => {\n    return relevantDataOptions.map(optionName => {\n      return {\n        caption: optionName,\n        value: optionName\n      };\n    });\n  };\n\n  #mapSuggestedApplicationsToComboBoxModel = (\n    suggestedApplicationsNames: string[]\n  ): ComboBoxModel => {\n    return suggestedApplicationsNames.map(applicationName => {\n      return {\n        caption: applicationName,\n        value: applicationName\n      };\n    });\n  };\n\n  #relevantDataInputHandler =\n    (mappingIndex: number) =>\n    async (event: CustomEvent<string> | InputEvent) => {\n      const inputValue = event.detail as string;\n      this.application.mappings[mappingIndex].relevantData = inputValue;\n    };\n\n  #selectApplicationCallbackHandler = async () => {\n    const applicationDeclarationData = await this.selectApplicationCallback();\n    if (applicationDeclarationData) {\n      this.#setApplicationData(applicationDeclarationData.application);\n      this.application.mappings = applicationDeclarationData.mappings;\n    }\n  };\n\n  #selectMappingCallbackHandler =\n    (parameter: string, mappingIndex: number) => async () => {\n      const returnedRelevantData = await this.selectMappingCallback(parameter);\n      if (returnedRelevantData) {\n        const currentRelevantDataOptions =\n          this.application.mappings[mappingIndex].relevantDataOptions;\n\n        const indexOfReturnedRelevantData =\n          currentRelevantDataOptions.indexOf(returnedRelevantData);\n\n        if (indexOfReturnedRelevantData === -1) {\n          // returnedRelevantData is a new option. Add to combo-box.\n          currentRelevantDataOptions.push(returnedRelevantData);\n        }\n        // Set as selected\n        this.application.mappings[mappingIndex].relevantData =\n          returnedRelevantData;\n\n        this.#updateApplicationData();\n      }\n    };\n\n  #setApplicationData = (applicationData: ApplicationData) => {\n    if (applicationData) {\n      const applicationName = applicationData.name;\n      this.application.application.name = applicationName;\n      this.applicationComboBoxModel = [\n        {\n          caption: applicationName,\n          value: applicationName,\n          startImgSrc: applicationData.typeIcon\n        }\n      ];\n    }\n  };\n\n  #suggestInputHandler = async (event: CustomEvent<string> | InputEvent) => {\n    const inputValue = event.detail as string;\n    this.application.application.name = inputValue;\n    const suggestedApplicationNames: string[] =\n      await this.suggestApplicationsCallback(inputValue);\n\n    this.applicationComboBoxModel =\n      this.#mapSuggestedApplicationsToComboBoxModel(suggestedApplicationNames);\n  };\n\n  #updateApplicationData = () => {\n    this.application = { ...this.application };\n  };\n\n  // Renders\n\n  #renderDataMappingsGrid = (): Element => {\n    const applicationDataToDisplay = this.application.mappings.length;\n    if (applicationDataToDisplay) {\n      // Set as animated for the next time.\n      this.#animateEmptyState = true;\n    }\n    return (\n      <div class=\"field-group data-mapping-grid-container\">\n        <div class=\"field field-block\">\n          <label class=\"spacing-body-inline-start label\">\n            {this.#componentLocale.dataMappings.title}\n          </label>\n          <ch-tabular-grid\n            class={{\n              \"tabular-grid\": true,\n              \"tabular-grid-application-declaration\": true,\n              \"scrollable\": true,\n              \"empty-result\": !applicationDataToDisplay\n            }}\n            part=\"ch-grid-data-mappings\"\n          >\n            <ch-tabular-grid-columnset class=\"tabular-grid-column-set\">\n              <ch-tabular-grid-column\n                class=\"tabular-grid-column\"\n                columnName={\n                  this.application.application?.typeIcon ===\n                  \"objects/transaction\"\n                    ? this.#componentLocale.dataMappings.firstColName\n                    : this.#componentLocale.dataMappings.firstColNameParameter\n                }\n                settingable={false}\n                size={config.tabularGrid.colSize.common}\n              ></ch-tabular-grid-column>\n\n              <ch-tabular-grid-column\n                class=\"tabular-grid-column\"\n                columnName={this.#componentLocale.dataMappings.secondColName}\n                settingable={false}\n                sortable={false}\n                size={config.tabularGrid.colSize.common}\n              ></ch-tabular-grid-column>\n              <ch-tabular-grid-column\n                class=\"tabular-grid-column\"\n                settingable={false}\n                sortable={false}\n                size={config.tabularGrid.colSize.auto}\n              ></ch-tabular-grid-column>\n            </ch-tabular-grid-columnset>\n\n            {this.application.mappings.length ? (\n              <ch-tabular-grid-rowset class=\"tabular-grid-rowset\">\n                {this.application.mappings.map(\n                  (obj: DataMappingData, index) => (\n                    <ch-tabular-grid-row\n                      class=\"tabular-grid-row\"\n                      rowId={`${index}-${obj.parameter}`}\n                      key={`${index}-${obj.parameter}-grid-row`}\n                    >\n                      <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                        <span class=\"pill-tag elevation-3\">\n                          {\n                            this.#ACCESS_CAPTION_MAP[\n                              obj.access as DataMappingAccess\n                            ]\n                          }\n                        </span>\n                        {obj.parameter}\n                      </ch-tabular-grid-cell>\n                      <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                        <ch-combo-box-render\n                          class=\"combo-box\"\n                          model={this.#mapRelevantDataOptionsToComboBoxModel(\n                            obj.relevantDataOptions\n                          )}\n                          value={obj.relevantData}\n                          key={`${index}-${obj.parameter}-combo-box`}\n                          onInput={this.#relevantDataInputHandler(index)}\n                        ></ch-combo-box-render>\n                      </ch-tabular-grid-cell>\n                      <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                        <button\n                          data-index={index}\n                          onClick={this.#selectMappingCallbackHandler(\n                            obj.parameter,\n                            index\n                          )}\n                          class=\"button-tertiary button-icon-only\"\n                          aria-label={\n                            this.#componentLocale.buttons.selectMapping\n                          }\n                          title={this.#componentLocale.buttons.selectMapping}\n                        >\n                          <ch-image class=\"icon-md\" src={ADD_ICON}></ch-image>\n                        </button>\n                      </ch-tabular-grid-cell>\n                    </ch-tabular-grid-row>\n                  )\n                )}\n              </ch-tabular-grid-rowset>\n            ) : (\n              <ch-tabular-grid-rowset class=\"tabular-grid-rowset\">\n                <ch-tabular-grid-rowset-empty>\n                  <gx-ide-empty-state\n                    isAnimated={this.#animateEmptyState}\n                    stateIconSrc={FILTER_ICON}\n                    stateTitle={this.#componentLocale.emptyState.title}\n                    stateDescription={\n                      this.#componentLocale.emptyState.description\n                    }\n                  ></gx-ide-empty-state>\n                </ch-tabular-grid-rowset-empty>\n              </ch-tabular-grid-rowset>\n            )}\n          </ch-tabular-grid>\n        </div>\n      </div>\n    );\n  };\n\n  render() {\n    return (\n      <Host class=\"widget\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <section class=\"section\">\n          <header slot=\"header\" class=\"header spacing-body\">\n            <ch-combo-box-render\n              class=\"combo-box\"\n              value={this.application.application.name}\n              model={this.applicationComboBoxModel}\n              suggestDebounce={config.inputDebounce}\n              suggest\n              suggestOptions={SUGGEST_OPTIONS}\n              onInput={this.#suggestInputHandler}\n              onChange={this.#applicationInputChangedHandler}\n            ></ch-combo-box-render>\n\n            <div class=\"buttons-spacer\">\n              <button\n                onClick={this.#selectApplicationCallbackHandler}\n                class=\"button-tertiary button-icon-only\"\n                aria-label={this.#componentLocale.buttons.selectApplication}\n                title={this.#componentLocale.buttons.selectApplication}\n              >\n                <ch-image class=\"icon-md\" src={MORE_ICON}></ch-image>\n              </button>\n              <button\n                onClick={this.#clearApplicationHandler}\n                class=\"button-secondary\"\n              >\n                Clear\n              </button>\n            </div>\n          </header>\n\n          {this.#renderDataMappingsGrid()}\n\n          <footer class=\"control-footer spacing-body-block-end spacing-body-inline\">\n            <div class=\"buttons-spacer\">\n              <button\n                class=\"button-secondary\"\n                onClick={this.#cancelCallbackHandler}\n              >\n                {this.#componentLocale.buttons.cancelButton}\n              </button>\n              <button\n                class=\"button-primary\"\n                onClick={this.#confirmCallbackHandler}\n              >\n                {this.#componentLocale.buttons.confirmButton}\n              </button>\n            </div>\n          </footer>\n        </section>\n        <ch-shortcuts src={this.#shortcutsSrc}></ch-shortcuts>\n      </Host>\n    );\n  }\n}\n\nexport type ApplicationDeclarationData = {\n  application?: ApplicationData;\n  mappings: DataMappingData[];\n};\nexport type ApplicationData = {\n  name: string;\n  typeIcon: string;\n};\n\ntype DataMappingAccess = \"in\" | \"out\" | \"inout\";\n\nexport type DataMappingData = {\n  parameter: string;\n  access: DataMappingAccess;\n  relevantDataOptions: string[];\n  relevantData?: string;\n};\n\nexport type SuggestApplicationsCallback = (\n  prefix: string\n) => Promise<string[] | undefined>;\n\nexport type SelectApplicationCallback = () => Promise<\n  ApplicationDeclarationData | undefined\n>;\n\nexport type SelectMappingCallback = (parameter: string) => Promise<string>;\n\nexport type ConfirmCallback = (\n  data: ApplicationDeclarationData\n) => Promise<void>;\n\nexport type CancelCallback = () => Promise<void>;\n\nexport type GetDataMappingCallback = (\n  applicationName: string\n) => Promise<DataMappingData[]>;\n"],"mappings":"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"}