@genexus/genexus-ide-ui 1.0.1 → 1.0.2

package/dist/genexus-ide-ui/{p-dc02927a.entry.js → p-969e4799.entry.js}

@@ -1,44 +1,42 @@
-import { r as t, c as r, a, h as e, H as o, g as i } from "./p-c147291f.js";
+import { r, c as t, a as o, h as e, H as a, g as i } from "./p-aaed592c.js";
 
 import { L as s } from "./p-74d59062.js";
 
-import { c as l } from "./p-9c1b4eb9.js";
+import { c as l } from "./p-8cf892b5.js";
 
-import { r as n } from "./p-5bf67436.js";
+import { r as n } from "./p-e8bdf9dc.js";
 
-import { r as c } from "./p-309544a8.js";
-
-import { g } from "./p-720702e4.js";
+import { r as c } from "./p-07b9c2d4.js";
 
 /* References Types*/
 /**
  * @description This function converts string[] to SuggestItemData[]
- */ const convertSuggestedApplicationsToSuggestItems = t => {
-  const r = {
+ */ const convertSuggestedApplicationsToSuggestItems = r => {
+  const t = {
     suggestItems: null,
     suggestLists: []
   };
-  if (t.length) {
-    const a = {
+  if (r.length) {
+    const o = {
       label: "Applications",
       items: []
     };
-    t.forEach((t => {
-      const r = {
-        value: t,
+    r.forEach((r => {
+      const t = {
+        value: r,
         description: null,
         icon: null
       };
-      a.items.push(r);
+      o.items.push(t);
     }));
-    r.suggestLists.push(a);
+    t.suggestLists.push(o);
   }
-  return r;
+  return t;
 };
 
-const d = ":root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-01--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-02{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-02--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--color-on-primary)}.gxg-title-03{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-03--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-04{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-04--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-05{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-05--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable)}.gxg-text--negative{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text--gray{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--dimmed)}.gxg-quote{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);font-style:italic}.gxg-quote--negative{color:var(--ds-base-font-color--negative)}.gxg-link{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--ds-base-font-color--link-hover)}.gxg-link:active{color:var(--ds-base-font-color--link-active)}.gxg-link-gray{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed)}.gxg-link-gray:hover{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed);filter:brightness(1.4)}.gxg-alert-error{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--error);display:inline-block}.gxg-alert-warning{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--warning);display:inline-block}.gxg-alert-success{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--success);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--ds-base-font-family-primary);font-weight:var(--gxg-label-font-weight);font-size:var(--gxg-label-font-size);color:var(--gxg-label-color);text-align:center;line-height:1.455em;display:flex;align-items:center}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gxg-scrollbar::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.gxi-hidden{display:none !important}.gxi-full-height{height:100%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}.justify-start{display:flex;justify-content:start}.justify-center{display:flex;justify-content:center}.justify-end{display:flex;justify-content:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:99;border-bottom:1px solid var(--mer-color__neutral-gray--800)}ch-grid-column:first-child{padding-inline-start:var(--gx-ide-container__padding) !important}ch-grid-column:last-child{padding-inline-end:var(--gx-ide-container__padding) !important}ch-grid-cell{--mer-spacing--xs:var(--gx-ide-container__padding)}.layout{display:grid;gap:var(--mer-spacing--lg);box-sizing:border-box}.layout--two-cols{grid-template-columns:1fr 1fr}.layout--space-above{padding-block-start:var(--mer-spacing--lg)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--mer-font__weight--regular);font-size:var(--mer-font__size--xs);font-family:var(--mer-font-family--primary);height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-main::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-main::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-main::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-overflow::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.tree-view-primary{font-size:var(--mer-font__size--2xs)}p{margin:0;font-size:var(--mer-font__size--xxs)}: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:grid}:host .row-button{display:flex;align-items:center}.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;--control__padding-inline:var(--grid-cell__padding-inline);display:grid;align-items:stretch;justify-content:stretch}.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)}gx-ide-container::part(content){display:grid}gxg-combo-box::part(input-input){border:none;background-color:transparent;top:2px}.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}";
+const d = ":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)}.button-primary-destructive{--control__border-color:var(--button-primary__border-color--destructive);background-color:var(--button-primary__bg-color--destructive);color:var(--button-primary__color--destructive)}.button-primary-destructive:hover{--control__border-color:var(\n    --button-primary__bg-color--destructive-hover\n  );background-color:var(--button-primary__bg-color--destructive-hover);color:var(--button-primary__color--destructive)}.button-primary-destructive:active{--control__border-color:var(\n    --button-primary__bg-color--destructive-active\n  );background-color:var(--button-primary__bg-color--destructive-active);color:var(--button-primary__color--destructive)}.button-secondary-destructive{--control__border-color:var(--button-secondary__border-color--destructive);background-color:var(--button-secondary__bg-color--destructive);color:var(--button-secondary__color--destructive)}.button-secondary-destructive:hover{--control__border-color:var(\n    --button-secondary__bg-color--destructive-hover\n  );background-color:var(--button-secondary__bg-color--destructive-hover);color:var(--button-secondary__color--destructive)}.button-secondary-destructive:active{--control__border-color:var(\n    --button-secondary__bg-color--destructive-active\n  );background-color:var(--button-secondary__bg-color--destructive-active);color:var(--button-secondary__color--destructive)}: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}.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)}.button-primary-destructive{--control__border-color:var(--button-primary__border-color--destructive);background-color:var(--button-primary__bg-color--destructive);color:var(--button-primary__color--destructive)}.button-primary-destructive:hover{--control__border-color:var(\n    --button-primary__bg-color--destructive-hover\n  );background-color:var(--button-primary__bg-color--destructive-hover);color:var(--button-primary__color--destructive)}.button-primary-destructive:active{--control__border-color:var(\n    --button-primary__bg-color--destructive-active\n  );background-color:var(--button-primary__bg-color--destructive-active);color:var(--button-primary__color--destructive)}.button-secondary-destructive{--control__border-color:var(--button-secondary__border-color--destructive);background-color:var(--button-secondary__bg-color--destructive);color:var(--button-secondary__color--destructive)}.button-secondary-destructive:hover{--control__border-color:var(\n    --button-secondary__bg-color--destructive-hover\n  );background-color:var(--button-secondary__bg-color--destructive-hover);color:var(--button-secondary__color--destructive)}.button-secondary-destructive:active{--control__border-color:var(\n    --button-secondary__bg-color--destructive-active\n  );background-color:var(--button-secondary__bg-color--destructive-active);color:var(--button-secondary__color--destructive)}: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:grid}:host .row-button{display:flex;align-items:center}.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;--control__padding-inline:var(--grid-cell__padding-inline);display:grid;align-items:stretch;justify-content:stretch}.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)}gx-ide-container::part(content){display:grid}gxg-combo-box::part(input-input){border:none;background-color:transparent;top:2px}.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}";
 
-const f = [ "resets/box-sizing", 
+const g = [ "resets/box-sizing", 
 // "utils/form",
 // "utils/layout",
 // "utils/typography",
@@ -48,32 +46,32 @@ const f = [ "resets/box-sizing",
 "components/tabular-grid" ];
 
 const b = class {
-  constructor(o) {
-    t(this, o);
-    this.componentDidRenderFirstTime = r(this, "componentDidRenderFirstTime", 7);
+  constructor(a) {
+    r(this, a);
+    this.componentDidRenderFirstTime = t(this, "componentDidRenderFirstTime", 7);
     this.renderedFirstTime = false;
-    this.shortcutsSrc = a(`./gx-ide-assets/bpm-app-declaration/shortcuts.json`);
+    this.shortcutsSrc = o(`./gx-ide-assets/bpm-app-declaration/shortcuts.json`);
     // 7.LISTENERS //
     // 8.PUBLIC METHODS API //
     // 9.LOCAL METHODS //
         this.listenApplicationSelected = async () => {
-      this.applicationSuggestEl.addEventListener("itemSelected", (t => {
-        this.getDataMappingCallbackHandler(t.detail.value);
+      this.applicationSuggestEl.addEventListener("itemSelected", (r => {
+        this.getDataMappingCallbackHandler(r.detail.value);
       }));
     };
-    this.applicationSuggestValueChangedHandler = async t => {
-      const r = t.detail;
-      this.suggestApplicationsCallback(r).then((t => {
-        this.suggestedApplications = convertSuggestedApplicationsToSuggestItems(t);
+    this.applicationSuggestValueChangedHandler = async r => {
+      const t = r.detail;
+      this.suggestApplicationsCallback(t).then((r => {
+        this.suggestedApplications = convertSuggestedApplicationsToSuggestItems(r);
       })).catch((() => {}));
     };
-    this.getDataMappingCallbackHandler = async t => {
-      this.application = await this.getDataMappingCallback(t);
+    this.getDataMappingCallbackHandler = async r => {
+      this.application = await this.getDataMappingCallback(r);
     };
     this.selectApplicationCallbackHandler = async () => {
-      const t = await this.selectApplicationCallback();
-      if (t) {
-        this.application = t;
+      const r = await this.selectApplicationCallback();
+      if (r) {
+        this.application = r;
       }
     };
     this.confirmCallbackHandler = async () => {
@@ -82,39 +80,39 @@ const b = class {
     this.cancelCallbackHandler = async () => {
       await this.cancelCallback();
     };
-    this.selectMappingCallbackHandler = t => async () => {
+    this.selectMappingCallbackHandler = r => async () => {
       if (this.selectMappingCallback) {
-        const r = await this.selectMappingCallback(t);
-        if (r) {
+        const t = await this.selectMappingCallback(r);
+        if (t) {
           // update actual application with new relevant data option
           // first find mapping index
-          const a = this.applicationState.mappings.findIndex((r => r.parameter === t));
-          if (a !== -1) {
+          const o = this.applicationState.mappings.findIndex((t => t.parameter === r));
+          if (o !== -1) {
             // new relevant data could be new, or already existent.
-            const t = this.applicationState.mappings[a].relevantDataOptions.find((t => t === r));
-            if (!t) {
+            const r = this.applicationState.mappings[o].relevantDataOptions.find((r => r === t));
+            if (!r) {
               // new. add.
-              this.applicationState.mappings[a].relevantDataOptions.push(r);
+              this.applicationState.mappings[o].relevantDataOptions.push(t);
             }
             // always set this data as selected
-                        this.applicationState.mappings[a].relevantData = r;
+                        this.applicationState.mappings[o].relevantData = t;
             // update
                         this.application = Object.assign({}, this.applicationState);
           }
         }
       }
     };
-    this.dataOptionsToComboItems = t => {
-      const r = [ {
+    this.dataOptionsToComboItems = r => {
+      const t = [ {
         id: this._componentLocale.dataMappings.emptyOption
       } ];
-      t.forEach((t => {
-        const a = {
-          id: t
+      r.forEach((r => {
+        const o = {
+          id: r
         };
-        r.push(a);
+        t.push(o);
       }));
-      return r;
+      return t;
     };
     this.clearApplicationHandler = () => {
       this.application = {
@@ -123,7 +121,7 @@ const b = class {
       };
     };
     this.renderDataMappingsGrid = () => {
-      var t;
+      var r;
       return e("ch-tabular-grid", {
         class: "tabular-grid tabular-grid-application-declaration",
         part: "ch-grid-data-mappings"
@@ -131,39 +129,39 @@ const b = class {
         class: "tabular-grid-column-set"
       }, e("ch-tabular-grid-column", {
         class: "tabular-grid-column",
-        columnName: ((t = this.application.application) === null || t === void 0 ? void 0 : t.typeIcon) === "objects/transaction" ? this._componentLocale.dataMappings.firstColName : this._componentLocale.dataMappings.firstColNameParameter,
+        columnName: ((r = this.application.application) === null || r === void 0 ? void 0 : r.typeIcon) === "objects/transaction" ? this._componentLocale.dataMappings.firstColName : this._componentLocale.dataMappings.firstColNameParameter,
         settingable: false,
-        size: g.colSize.common
+        size: l.tabularGrid.colSize.common
       }), e("ch-tabular-grid-column", {
         class: "tabular-grid-column",
         columnName: this._componentLocale.dataMappings.secondColName,
         settingable: false,
         sortable: false,
-        size: g.colSize.common
+        size: l.tabularGrid.colSize.common
       }), e("ch-tabular-grid-column", {
         class: "tabular-grid-column",
         settingable: false,
         sortable: false,
-        size: g.colSize.auto
-      })), this.application.mappings.map(((t, r) => {
-        var a;
+        size: l.tabularGrid.colSize.auto
+      })), this.application.mappings.map(((r, t) => {
+        var o;
         return e("ch-tabular-grid-row", {
           class: "tabular-grid-row",
-          rowId: r + t.parameter
+          rowId: t + r.parameter
         }, e("ch-tabular-grid-cell", {
           class: "tabular-grid-cell"
-        }, `${t.access}: ${t.parameter}`), e("ch-tabular-grid-cell", {
+        }, `${r.access}: ${r.parameter}`), e("ch-tabular-grid-cell", {
           class: "tabular-grid-cell"
         }, e("gxg-combo-box", {
           disableFilter: true,
-          value: t.relevantData
-        }, c((a = this.dataOptionsToComboItems(t.relevantDataOptions)) !== null && a !== void 0 ? a : []))), e("ch-tabular-grid-cell", {
+          value: r.relevantData
+        }, c((o = this.dataOptionsToComboItems(r.relevantDataOptions)) !== null && o !== void 0 ? o : []))), e("ch-tabular-grid-cell", {
           class: "tabular-grid-cell"
         }, e("gxg-button", {
-          "data-index": r,
+          "data-index": t,
           type: "secondary-icon-only",
           icon: "gemini-tools/add",
-          onClick: this.selectMappingCallbackHandler(t.parameter),
+          onClick: this.selectMappingCallbackHandler(r.parameter),
           class: "select-mapping-callback-button"
         })));
       })));
@@ -178,8 +176,8 @@ const b = class {
     this.cancelCallback = undefined;
     this.getDataMappingCallback = undefined;
   }
-  watchApplicationHandler(t) {
-    this.applicationState = t;
+  watchApplicationHandler(r) {
+    this.applicationState = r;
   }
   // 6.COMPONENT LIFECYCLE METHODS //
   async componentWillLoad() {
@@ -199,11 +197,11 @@ const b = class {
   }
   // 10.RENDER() FUNCTION //
   render() {
-    var t;
-    return e(o, {
+    var r;
+    return e(a, {
       class: "gx-ide-component"
     }, e("ch-theme", {
-      model: f
+      model: g
     }), e("div", {
       class: "gx-ide-main-wrapper"
     }, e("gx-ide-container", {
@@ -220,9 +218,9 @@ const b = class {
     }, e("gxg-suggest", {
       class: "application-suggest"
     }, e("ch-suggest", {
-      value: ((t = this.application.application) === null || t === void 0 ? void 0 : t.name) || null,
+      value: ((r = this.application.application) === null || r === void 0 ? void 0 : r.name) || null,
       onValueChanged: this.applicationSuggestValueChangedHandler,
-      ref: t => this.applicationSuggestEl = t,
+      ref: r => this.applicationSuggestEl = r,
       part: "application-suggest"
     }, n(this.suggestedApplications))), e("gxg-button", {
       type: "secondary-icon-only",
@@ -269,4 +267,4 @@ const b = class {
 b.style = d;
 
 export { b as gx_ide_bpm_app_declaration };
-//# sourceMappingURL=p-dc02927a.entry.js.map
+//# sourceMappingURL=p-969e4799.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["convertSuggestedApplicationsToSuggestItems","suggestedApplications","suggestData","suggestItems","suggestLists","length","suggestList","label","items","forEach","suggestedApplication","suggestItem","value","description","icon","push","bpmAppDeclarationCss","CSS_BUNDLES","GxIdeBpmAppDeclaration","this","renderedFirstTime","shortcutsSrc","getAssetPath","listenApplicationSelected","async","applicationSuggestEl","addEventListener","e","getDataMappingCallbackHandler","detail","applicationSuggestValueChangedHandler","suggestApplicationsCallback","then","result","catch","applicationName","application","getDataMappingCallback","selectApplicationCallbackHandler","callbackResult","selectApplicationCallback","confirmCallbackHandler","confirmCallback","cancelCallbackHandler","cancelCallback","selectMappingCallbackHandler","parameter","selectMappingCallback","newRelevantData","dataIndex","applicationState","mappings","findIndex","mapping","found","relevantDataOptions","find","option","relevantData","Object","assign","dataOptionsToComboItems","gxOptions","id","_componentLocale","dataMappings","emptyOption","relevantOption","gxOption","clearApplicationHandler","undefined","renderDataMappingsGrid","h","class","part","columnName","_a","typeIcon","firstColName","firstColNameParameter","settingable","size","config","tabularGrid","colSize","common","secondColName","sortable","auto","map","obj","index","rowId","access","disableFilter","renderComboItems","type","onClick","watchApplicationHandler","newApplication","componentWillLoad","Locale","getComponentStrings","el","componentDidLoad","focus","componentDidRender","componentDidRenderFirstTime","emit","componentName","render","Host","model","noContentPadding","noAboveFooterPadding","noHeadingBorder","slimmerFooter","gxIdeContainer","containerTitle","displayTitle","slot","name","onValueChanged","ref","renderSuggestLists","title","buttons","cancelButton","confirmButton","src"],"sources":["src/components/bpm/application-declaration/helpers.ts","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":["/* Ch Suggest*/\nimport { SuggestItemData } from \"@genexus/chameleon-controls-library/dist/types/deprecated-components/suggest/suggest-list-item/ch-suggest-list-item\";\nimport { SuggestListData } from \"@genexus/chameleon-controls-library/dist/types/deprecated-components/suggest/suggest-list/ch-suggest-list\";\nimport { SuggestData } from \"@genexus/chameleon-controls-library/dist/types/deprecated-components/suggest/ch-suggest\";\n\n/* References Types*/\n\n/**\n * @description This function converts string[] to SuggestItemData[]\n */\nexport const convertSuggestedApplicationsToSuggestItems = (\n  suggestedApplications: string[]\n): SuggestData => {\n  const suggestData: SuggestData = {\n    suggestItems: null,\n    suggestLists: []\n  };\n  if (suggestedApplications.length) {\n    const suggestList: SuggestListData = {\n      label: \"Applications\",\n      items: []\n    };\n    suggestedApplications.forEach((suggestedApplication: string) => {\n      const suggestItem: SuggestItemData = {\n        value: suggestedApplication,\n        description: null,\n        icon: null\n      };\n      suggestList.items.push(suggestItem);\n    });\n    suggestData.suggestLists.push(suggestList);\n  }\n  return suggestData;\n};\n","@import \"../../../global/gx-ide-common.scss\";\n@import \"../../../global/gx-ide-mixins.scss\";\n@import \"../../../../node_modules/@genexus/mercury/dist/mercury.scss\";\n\n:host {\n  display: block;\n  .header {\n    display: flex;\n    flex-direction: column;\n    gap: var(--gx-ide-grid-row-gap);\n    &__first-row {\n      display: flex;\n      flex-direction: row;\n      gap: var(--gx-ide-grid-column-gap);\n      .application-suggest {\n        flex: 1;\n      }\n    }\n  }\n  /*data mappings*/\n  .data-mappings {\n    display: grid;\n  }\n  .row-button {\n    display: flex;\n    align-items: center;\n  }\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// temporary styles until que update controls with chameleon + mercury:\n\ngx-ide-container::part(content) {\n  display: grid;\n}\n\ngxg-combo-box::part(input-input) {\n  border: none;\n  background-color: transparent;\n  top: 2px;\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","/* STENCIL IMPORTS */\nimport {\n  Component,\n  Host,\n  h,\n  Prop,\n  State,\n  Element,\n  Event,\n  EventEmitter,\n  Watch,\n  getAssetPath\n} from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\nimport { MercuryBundles } from \"@genexus/mercury\";\n/* CUSTOM IMPORTS */\nimport { Locale } from \"../../../common/locale\";\nimport { config } from \"../../../common/config\";\nimport { SuggestData } from \"@genexus/chameleon-controls-library/dist/types/deprecated-components/suggest/ch-suggest\";\nimport { renderSuggestLists } from \"../../../common/render-suggest\";\nimport { renderComboItems } from \"../../../common/render-combo-items\";\nimport { convertSuggestedApplicationsToSuggestItems } from \"./helpers\";\nimport { GxOption } from \"../../../common/types\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  // \"utils/form\",\n  // \"utils/layout\",\n  // \"utils/typography\",\n  // \"components/button\",\n  // \"components/checkbox\",\n  // \"components/edit\",\n  \"components/tabular-grid\"\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  // 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/bpm-app-declaration/shortcuts.json`\n  );\n\n  /**\n   * The state of the actual application. Used to add a new 'Relevant data' option on 'selectMappingCallback', and update the application with the new option\n   */\n  private applicationState: ApplicationDeclarationData;\n\n  // 2. REFERENCE TO ELEMENTS //\n\n  @Element() el: HTMLGxIdeBpmAppDeclarationElement;\n  private applicationSuggestEl: HTMLChSuggestElement;\n\n  // 3.STATE() VARIABLES //\n\n  /**\n   * Possible suggestions for the applications\n   */\n  @State() suggestedApplications: SuggestData;\n\n  // 4.PUBLIC PROPERTY API | WATCH'S //\n\n  /**\n   * If true it displays the component title on the header\n   */\n  @Prop() readonly displayTitle = false;\n\n  /**\n   * Current application value\n   */\n  @Prop({ mutable: true }) application: ApplicationDeclarationData;\n\n  @Watch(\"application\")\n  watchApplicationHandler(newApplication: ApplicationDeclarationData) {\n    this.applicationState = newApplication;\n  }\n\n  /**\n   * Callback invoked to get options for application input suggest\n   */\n  @Prop() readonly suggestApplicationsCallback: SuggestApplicationsCallback;\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 when user confirms application declaration\n   */\n  @Prop() readonly confirmCallback: ConfirmCallback;\n\n  /**\n   * Callback invoked when user cancels application declaration\n   */\n  @Prop() readonly cancelCallback: CancelCallback;\n\n  /**\n   * Callback invoked when user select one of the options provided by the suggest\n   */\n  @Prop() readonly getDataMappingCallback: GetDataMappingCallback;\n\n  // 5.EVENTS (EMIT) //\n\n  /**\n   * @description Gets fired when the component has rendered for the first time.\n   */\n  @Event() componentDidRenderFirstTime: EventEmitter<string>;\n\n  // 6.COMPONENT LIFECYCLE METHODS //\n\n  async componentWillLoad() {\n    this._componentLocale = await Locale.getComponentStrings(this.el);\n    this.applicationState = this.application;\n  }\n\n  async componentDidLoad() {\n    /*  this.applicationSuggestValueChangedHandler(this.applicationText); */\n    this.listenApplicationSelected();\n    this.applicationSuggestEl.focus();\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  // 9.LOCAL METHODS //\n\n  private listenApplicationSelected = async () => {\n    this.applicationSuggestEl.addEventListener(\"itemSelected\", (e: any) => {\n      this.getDataMappingCallbackHandler(e.detail.value);\n    });\n  };\n\n  private applicationSuggestValueChangedHandler = async (\n    e: CustomEvent<string>\n  ) => {\n    const value = e.detail;\n    this.suggestApplicationsCallback(value)\n      .then(result => {\n        this.suggestedApplications =\n          convertSuggestedApplicationsToSuggestItems(result);\n      })\n      .catch(() => {\n        // to do\n      });\n  };\n\n  private getDataMappingCallbackHandler = async (applicationName: string) => {\n    this.application = await this.getDataMappingCallback(applicationName);\n  };\n\n  private selectApplicationCallbackHandler = async () => {\n    const callbackResult = await this.selectApplicationCallback();\n    if (callbackResult) {\n      this.application = callbackResult;\n    }\n  };\n\n  private confirmCallbackHandler = async () => {\n    await this.confirmCallback(this.application);\n  };\n\n  private cancelCallbackHandler = async () => {\n    await this.cancelCallback();\n  };\n\n  private selectMappingCallbackHandler = (parameter: string) => async () => {\n    if (this.selectMappingCallback) {\n      const newRelevantData = await this.selectMappingCallback(parameter);\n      if (newRelevantData) {\n        // update actual application with new relevant data option\n        // first find mapping index\n        const dataIndex: number = this.applicationState.mappings.findIndex(\n          mapping => {\n            return mapping.parameter === parameter;\n          }\n        );\n        if (dataIndex !== -1) {\n          // new relevant data could be new, or already existent.\n          const found = this.applicationState.mappings[\n            dataIndex\n          ].relevantDataOptions.find(option => {\n            return option === newRelevantData;\n          });\n          if (!found) {\n            // new. add.\n            this.applicationState.mappings[dataIndex].relevantDataOptions.push(\n              newRelevantData\n            );\n          }\n          // always set this data as selected\n          this.applicationState.mappings[dataIndex].relevantData =\n            newRelevantData;\n          // update\n          this.application = { ...this.applicationState };\n        }\n      }\n    }\n  };\n\n  private dataOptionsToComboItems = (\n    relevantDataOptions: string[]\n  ): GxOption[] => {\n    const gxOptions: GxOption[] = [\n      { id: this._componentLocale.dataMappings.emptyOption }\n    ];\n    relevantDataOptions.forEach(relevantOption => {\n      const gxOption: GxOption = { id: relevantOption };\n      gxOptions.push(gxOption);\n    });\n    return gxOptions;\n  };\n\n  private clearApplicationHandler = () => {\n    this.application = {\n      application: undefined,\n      mappings: []\n    };\n  };\n\n  private renderDataMappingsGrid = (): Element => {\n    return (\n      <ch-tabular-grid\n        class=\"tabular-grid tabular-grid-application-declaration\"\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 === \"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.map((obj: DataMappingData, index) => (\n          <ch-tabular-grid-row\n            class=\"tabular-grid-row\"\n            rowId={index + obj.parameter}\n          >\n            <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n              {`${obj.access}: ${obj.parameter}`}\n            </ch-tabular-grid-cell>\n            <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n              <gxg-combo-box disableFilter value={obj.relevantData}>\n                {renderComboItems(\n                  this.dataOptionsToComboItems(obj.relevantDataOptions) ?? []\n                )}\n              </gxg-combo-box>\n              {/* <div class=\"row-button\">{obj.relevantData}</div> */}\n            </ch-tabular-grid-cell>\n            <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n              <gxg-button\n                data-index={index}\n                type=\"secondary-icon-only\"\n                icon=\"gemini-tools/add\"\n                onClick={this.selectMappingCallbackHandler(obj.parameter)}\n                class=\"select-mapping-callback-button\"\n              ></gxg-button>\n            </ch-tabular-grid-cell>\n          </ch-tabular-grid-row>\n        ))}\n      </ch-tabular-grid>\n    );\n  };\n\n  // 10.RENDER() FUNCTION //\n\n  render() {\n    return (\n      <Host class=\"gx-ide-component\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <div class=\"gx-ide-main-wrapper\">\n          <gx-ide-container\n            noContentPadding\n            noAboveFooterPadding\n            noHeadingBorder\n            slimmerFooter={config.gxIdeContainer.slimmerFooter}\n            containerTitle={\n              this.displayTitle ? this._componentLocale.componentName : null\n            }\n          >\n            <header slot=\"header\" class=\"header\">\n              <div class=\"header__first-row\">\n                <gxg-suggest class=\"application-suggest\">\n                  <ch-suggest\n                    value={this.application.application?.name || null}\n                    onValueChanged={this.applicationSuggestValueChangedHandler}\n                    ref={el =>\n                      (this.applicationSuggestEl = el as HTMLChSuggestElement)\n                    }\n                    part=\"application-suggest\"\n                  >\n                    {renderSuggestLists(this.suggestedApplications)}\n                  </ch-suggest>\n                </gxg-suggest>\n                <gxg-button\n                  type=\"secondary-icon-only\"\n                  icon=\"gemini-tools/show-more-horizontal\"\n                  onClick={this.selectApplicationCallbackHandler}\n                  class=\"selector-dialog-button\"\n                  part=\"open-selector-dialog-button\"\n                ></gxg-button>\n                <gxg-button\n                  type=\"outlined\"\n                  part=\"clear-application-button\"\n                  onClick={this.clearApplicationHandler}\n                >\n                  Clear\n                </gxg-button>\n              </div>\n              <div class=\"header__second-row\">\n                <gx-ide-title type=\"secondary\">\n                  {this._componentLocale.dataMappings.title}\n                </gx-ide-title>\n              </div>\n            </header>\n\n            {this.renderDataMappingsGrid()}\n            <gxg-button\n              type=\"secondary-text-only\"\n              slot=\"footer-end\"\n              onClick={this.cancelCallbackHandler}\n              part=\"cancel-button\"\n            >\n              {this._componentLocale.buttons.cancelButton}\n            </gxg-button>\n            <gxg-button\n              type=\"primary-text-only\"\n              slot=\"footer-end\"\n              icon=\"general/datastore\"\n              onClick={this.confirmCallbackHandler}\n              part=\"confirm-button\"\n            >\n              {this._componentLocale.buttons.confirmButton}\n            </gxg-button>\n          </gx-ide-container>\n        </div>\n        <gxg-shortcuts src={this.shortcutsSrc}></gxg-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\nexport type DataMappingData = {\n  parameter: string;\n  access: \"in\" | \"out\" | \"in-out\";\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<ApplicationDeclarationData>;\n"],"mappings":"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"}