@genexus/genexus-ide-ui 1.1.4 → 1.1.5

package/dist/genexus-ide-ui/{p-a1d73ca3.entry.js → p-11dccb8f.entry.js}

@@ -1,14 +1,12 @@
 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-6e4208d8.js";
+import { g as s } from "./p-ede7bd20.js";
 
-import "./p-5ac47c69.js";
-
-import { L as n } from "./p-311eedf3.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}.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}";
+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");
@@ -23,7 +21,7 @@ var g = undefined && undefined.__classPrivateFieldSet || function(t, e, a, r, o)
   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, j, W, C, T;
+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" ];
 
@@ -112,7 +110,7 @@ const A = class {
     _.set(this, (async () => {
       const t = await this.selectApplicationCallback();
       if (t) {
-        d(this, j, "f").call(this, t.application);
+        d(this, W, "f").call(this, t.application);
         this.application.mappings = t.mappings;
       }
     }));
@@ -130,7 +128,7 @@ const A = class {
         d(this, C, "f").call(this);
       }
     }));
-    j.set(this, (t => {
+    W.set(this, (t => {
       if (t) {
         const e = t.name;
         this.application.application.name = e;
@@ -141,20 +139,21 @@ const A = class {
         } ];
       }
     }));
-    W.set(this, (async t => {
+    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 = Object.assign({}, this.application);
+      this.application = {
+        ...this.application
+      };
     }));
     // Renders
         T.set(this, (() => {
-      var t;
-      const e = this.application.mappings.length;
-      if (e) {
+      const t = this.application.mappings.length;
+      if (t) {
         // Set as animated for the next time.
         g(this, b, true, "f");
       }
@@ -169,14 +168,14 @@ const A = class {
           "tabular-grid": true,
           "tabular-grid-application-declaration": true,
           scrollable: true,
-          "empty-result": !e
+          "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: ((t = this.application.application) === null || t === void 0 ? void 0 : t.typeIcon) === "objects/transaction" ? d(this, f, "f").dataMappings.firstColName : d(this, f, "f").dataMappings.firstColNameParameter,
+        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", {
@@ -239,7 +238,7 @@ const A = class {
   }
   async componentWillLoad() {
     g(this, f, await n.getComponentStrings(this.el), "f");
-    d(this, j, "f").call(this, this.application.application);
+    d(this, W, "f").call(this, this.application.application);
     if (this.application.mappings.length === 0) {
       g(this, b, false, "f");
     }
@@ -262,7 +261,7 @@ const A = class {
       suggestDebounce: l.inputDebounce,
       suggest: true,
       suggestOptions: P,
-      onInput: d(this, W, "f"),
+      onInput: d(this, j, "f"),
       onChange: d(this, p, "f")
     }), r("div", {
       class: "buttons-spacer"
@@ -301,10 +300,10 @@ const A = class {
 
 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, j = new WeakMap, 
-W = new WeakMap, C = new WeakMap, T = 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-a1d73ca3.entry.js.map
+//# 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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"}

package/dist/genexus-ide-ui/{p-fecc50e4.entry.js → p-29575656.entry.js}

@@ -1,10 +1,8 @@
-import { r as e, c as t, g as i, h as o, H as s, a as n } from "./p-25a9f1d7.js";
+import { r as e, c as t, g as i, h as s, H as o, a } from "./p-25a9f1d7.js";
 
-import { L as a } from "./p-311eedf3.js";
+import { L as n } from "./p-857866f8.js";
 
-import { g as r } from "./p-6e4208d8.js";
-
-import "./p-5ac47c69.js";
+import { g as r } from "./p-ede7bd20.js";
 
 const convertActionToTreeViewItem = e => {
   const t = [];
@@ -26,20 +24,20 @@ const convertActionToTreeViewItem = e => {
 
 const l = 'section{display:grid;block-size:100%;grid-template-rows:max-content 1fr max-content}.main{position:relative;display:contents}.input-file{display:flex}.field{width:100%}.control-header__operations,.control-header__description{padding-block-start:var(--mer-spacing--md)}.header__field-group{grid-template:"import-file-label import-file-name buttons-container" max-content "module-folder-label module-folder module-folder" max-content/max-content 1fr max-content}.module-folder-name{grid-area:module-folder}.module-folder-label{grid-area:module-folder-label}.import-file-label{grid-area:import-file-label}.header__buttons-container{grid-area:buttons-container}.section-grid{display:grid;grid-template:"top-content-operations top-content-description" max-content "operations-area operations-description" 1fr/1fr 1fr;background-color:var(--items-container__bg-color);border-style:var(--items-container__border-style);border-width:var(--items-container__border-width);border-color:var(--items-container__border-color);border-block-start:0;overflow-y:auto}.list-wrapper{grid-area:operations-area;border-inline-end:var(--section-common-border)}.label{margin-top:6px !important}.tree-operations::part(item__header){padding-inline-start:0}.procedure-description{grid-area:operations-description;overflow:auto;text-align:justify}.control-header__operations{grid-area:top-content-operations;background-color:var(--items-container__bg-color)}.control-header__description{grid-area:top-content-description;background-color:var(--items-container__bg-color)}.text-align-center{text-align:center}';
 
-var c = undefined && undefined.__classPrivateFieldGet || function(e, t, i, o) {
-  if (i === "a" && !o) throw new TypeError("Private accessor was defined without a getter");
-  if (typeof t === "function" ? e !== t || !o : !t.has(e)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
-  return i === "m" ? o : i === "a" ? o.call(e) : o ? o.value : t.get(e);
+var c = undefined && undefined.__classPrivateFieldGet || function(e, t, i, s) {
+  if (i === "a" && !s) throw new TypeError("Private accessor was defined without a getter");
+  if (typeof t === "function" ? e !== t || !s : !t.has(e)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+  return i === "m" ? s : i === "a" ? s.call(e) : s ? s.value : t.get(e);
 };
 
-var d = undefined && undefined.__classPrivateFieldSet || function(e, t, i, o, s) {
-  if (o === "m") throw new TypeError("Private method is not writable");
-  if (o === "a" && !s) throw new TypeError("Private accessor was defined without a setter");
-  if (typeof t === "function" ? e !== t || !s : !t.has(e)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
-  return o === "a" ? s.call(e, i) : s ? s.value = i : t.set(e, i), i;
+var d = undefined && undefined.__classPrivateFieldSet || function(e, t, i, s, o) {
+  if (s === "m") throw new TypeError("Private method is not writable");
+  if (s === "a" && !o) throw new TypeError("Private accessor was defined without a setter");
+  if (typeof t === "function" ? e !== t || !o : !t.has(e)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+  return s === "a" ? o.call(e, i) : o ? o.value = i : t.set(e, i), i;
 };
 
-var h, p, f, u, b, m, g, v, w, y, k, _, x, W, M, C;
+var h, p, f, u, b, m, g, w, y, v, k, _, x, W, M, C;
 
 const j = [ "resets/box-sizing", "components/button", "components/checkbox", "components/edit", "components/icon", "components/tree-view", "components/list-box", "utils/form", "utils/layout", "utils/spacing", "utils/typography" ];
 
@@ -60,8 +58,8 @@ const I = "allChecked";
 const P = "allUnchecked";
 
 const D = class {
-  constructor(s) {
-    e(this, s);
+  constructor(o) {
+    e(this, o);
     this.componentDidRenderFirstTime = t(this, "componentDidRenderFirstTime", 7);
     h.set(this, void 0);
     p.set(this, false);
@@ -71,15 +69,15 @@ const D = class {
     m.set(this, void 0);
     g.set(this, void 0);
     // 9.LOCAL METHODS //
-        v.set(this, (() => {
+        w.set(this, (() => {
       if (this.cancelCallback) {
         this.cancelCallback();
       }
     }));
-    w.set(this, (async () => {
+    y.set(this, (async () => {
       await this.importCallback(this.selectedOperations);
     }));
-    y.set(this, (e => {
+    v.set(this, (e => {
       if (e.detail.size === 0) {
         return;
       }
@@ -110,11 +108,7 @@ const D = class {
       }
     }));
     _.set(this, (e => {
-      var t;
-      this.selectedOperationForDescription = (t = this.operations.filter((t => {
-        var i;
-        return t.id === ((i = e.detail[0]) === null || i === void 0 ? void 0 : i.item.id);
-      }))[0]) === null || t === void 0 ? void 0 : t.description;
+      this.selectedOperationForDescription = this.operations.filter((t => t.id === e.detail[0]?.item.id))[0]?.description;
     }));
     x.set(this, (() => {
       this.selectedFile = null;
@@ -124,10 +118,9 @@ const D = class {
       this.selectedOperationForDescription = null;
     }));
     W.set(this, (async e => {
-      var t;
-      const i = e.target;
-      if (((t = i.files) === null || t === void 0 ? void 0 : t.length) > 0) {
-        this.selectedFile = i.files[0];
+      const t = e.target;
+      if (t.files?.length > 0) {
+        this.selectedFile = t.files[0];
         this.operations = await this.loadCallback(this.selectedFile, c(this, m, "f").value.id);
         this.actionListItems = convertActionToTreeViewItem(this.operations);
       }
@@ -135,37 +128,34 @@ const D = class {
     M.set(this, (() => {
       c(this, b, "f").click();
     }));
-    C.set(this, (() => {
-      var e;
-      return o("footer", {
-        class: "control-footer control-footer-space-between spacing-body-block-end spacing-body-inline"
-      }, o("div", {
-        class: "buttons-spacer"
-      }, o("ch-checkbox", {
-        id: "select-all-checkbox",
-        class: "checkbox",
-        checkedValue: I,
-        unCheckedValue: P,
-        caption: c(this, h, "f").main.selectAll,
-        value: this.selectAllCheckboxValue,
-        indeterminate: this.selectAllCheckboxIndeterminate,
-        onInput: c(this, k, "f"),
-        disabled: this.importingIsInProcess || !((e = this.operations) === null || e === void 0 ? void 0 : e.length),
-        part: "select-all-checkbox"
-      })), o("div", {
-        class: "buttons-spacer"
-      }, o("button", {
-        class: "button-secondary",
-        slot: "footer-end",
-        part: "button-cancel",
-        onClick: c(this, v, "f")
-      }, c(this, h, "f").footer.cancel), o("button", {
-        class: "button-primary",
-        slot: "footer-end",
-        part: "button-confirm",
-        onClick: c(this, w, "f")
-      }, c(this, h, "f").footer.import)));
-    }));
+    C.set(this, (() => s("footer", {
+      class: "control-footer control-footer-space-between spacing-body-block-end spacing-body-inline"
+    }, s("div", {
+      class: "buttons-spacer"
+    }, s("ch-checkbox", {
+      id: "select-all-checkbox",
+      class: "checkbox",
+      checkedValue: I,
+      unCheckedValue: P,
+      caption: c(this, h, "f").main.selectAll,
+      value: this.selectAllCheckboxValue,
+      indeterminate: this.selectAllCheckboxIndeterminate,
+      onInput: c(this, k, "f"),
+      disabled: this.importingIsInProcess || !this.operations?.length,
+      part: "select-all-checkbox"
+    })), s("div", {
+      class: "buttons-spacer"
+    }, s("button", {
+      class: "button-secondary",
+      slot: "footer-end",
+      part: "button-cancel",
+      onClick: c(this, w, "f")
+    }, c(this, h, "f").footer.cancel), s("button", {
+      class: "button-primary",
+      slot: "footer-end",
+      part: "button-confirm",
+      onClick: c(this, y, "f")
+    }, c(this, h, "f").footer.import)))));
     this.actionListItems = [];
     this.importingIsInProcess = false;
     this.operations = [];
@@ -188,7 +178,7 @@ const D = class {
     }
   }
   async componentWillLoad() {
-    d(this, h, await a.getComponentStrings(this.el), "f");
+    d(this, h, await n.getComponentStrings(this.el), "f");
   }
   /**
      * Suspends or reactivates the shortcuts
@@ -200,103 +190,102 @@ const D = class {
     }
   }
   render() {
-    var e;
-    return o(s, {
+    return s(o, {
       class: "widget"
-    }, o("ch-theme", {
+    }, s("ch-theme", {
       model: j
-    }), o("ch-shortcuts", {
+    }), s("ch-shortcuts", {
       src: c(this, f, "f"),
       ref: e => d(this, u, e, "f")
-    }), o("section", null, o("header", {
+    }), s("section", null, s("header", {
       class: "header control-header-with-border space-body spacing-body-inline spacing-body-block-start",
       role: "banner"
-    }, o("div", {
+    }, s("div", {
       class: "field-group header__field-group"
-    }, o("div", {
+    }, s("div", {
       class: "import-file-label"
-    }, o("div", {
+    }, s("div", {
       class: "field field-block"
-    }, o("label", {
+    }, s("label", {
       class: "label",
       htmlFor: "file-name"
-    }, c(this, h, "f").header.fileNameLabel))), o("div", {
+    }, c(this, h, "f").header.fileNameLabel))), s("div", {
       class: "input-file"
-    }, o("div", {
+    }, s("div", {
       class: "field input-file"
-    }, o("ch-edit", {
+    }, s("ch-edit", {
       autoFocus: true,
       id: "file-name",
       class: "input file",
       part: "file-name",
       type: "text",
       readonly: true,
-      value: (e = this.selectedFile) === null || e === void 0 ? void 0 : e.name,
+      value: this.selectedFile?.name,
       placeholder: c(this, h, "f").header.fileNamePlaceholder,
       startImgSrc: T
-    }), o("input", {
+    }), s("input", {
       hidden: true,
       type: "file",
       accept: ".json, .yaml",
       onChange: c(this, W, "f"),
       ref: e => d(this, b, e, "f")
-    })), o("div", {
+    })), s("div", {
       class: "cancel-btn "
-    }, o("button", {
+    }, s("button", {
       "aria-label": c(this, h, "f").header.removeFileSelection,
       title: c(this, h, "f").header.removeFileSelection,
       id: "reset-all-button",
       class: "button-tertiary button-icon-only",
       part: "reset-all-button",
       onClick: c(this, x, "f")
-    }, o("ch-image", {
+    }, s("ch-image", {
       class: "icon-md",
       src: E
-    })))), o("div", {
+    })))), s("div", {
       class: "header__buttons-container"
-    }, o("button", {
+    }, s("button", {
       id: "select-file-load-button",
       class: "button-primary",
       part: "select-file-load-button",
       onClick: c(this, M, "f"),
       disabled: this.importingIsInProcess
-    }, c(this, h, "f").header.selectFileButton)), o("div", {
+    }, c(this, h, "f").header.selectFileButton)), s("div", {
       class: "module-folder-label"
-    }, o("div", {
+    }, s("div", {
       class: "field field-block"
-    }, o("label", {
+    }, s("label", {
       class: "label"
-    }, c(this, h, "f").header.moduleFolderLabel))), o("div", {
+    }, c(this, h, "f").header.moduleFolderLabel))), s("div", {
       class: "field module-folder-name "
-    }, o("gx-ide-entity-selector", {
+    }, s("gx-ide-entity-selector", {
       value: this.defaultParent,
       defaultValue: this.defaultParent,
       selectEntityCallback: this.selectParentCallback,
       labelPosition: "none",
       ref: e => d(this, m, e, "f"),
       class: "module-folder"
-    })))), o("main", {
+    })))), s("main", {
       class: "main"
-    }, o("div", {
+    }, s("div", {
       class: "section-grid"
-    }, o("h2", {
+    }, s("h2", {
       id: "operations-title",
       class: "control-header control-header-with-border control-header__operations subtitle-regular-xs text-align-center spacing-body-inline"
-    }, c(this, h, "f").main.operations), o("div", {
+    }, c(this, h, "f").main.operations), s("div", {
       class: "list-wrapper field-group spacing-body-block-start spacing-body-inline scrollable",
       role: "region",
       "aria-labelledby": "operations-title"
-    }, o("ch-tree-view-render", {
+    }, s("ch-tree-view-render", {
       class: "tree-view tree-operations",
       model: this.actionListItems,
       "show-lines": "last",
-      onCheckedItemsChange: c(this, y, "f"),
+      onCheckedItemsChange: c(this, v, "f"),
       onSelectedItemsChange: c(this, _, "f"),
       ref: e => d(this, g, e, "f")
-    })), o("h2", {
+    })), s("h2", {
       id: "description-title",
       class: "control-header control-header-with-border control-header__description subtitle-regular-xs text-align-center spacing-body-inline"
-    }, c(this, h, "f").main.procedureDescription), o("div", {
+    }, c(this, h, "f").main.procedureDescription), s("div", {
       class: "procedure-description field-group spacing-body-block-start spacing-body-inline scrollable",
       role: "region",
       "aria-labelledby": "description-title"
@@ -306,16 +295,16 @@ const D = class {
     return [ "gx-ide-assets/open-api-import" ];
   }
   get el() {
-    return n(this);
+    return a(this);
   }
 };
 
 h = new WeakMap, p = new WeakMap, f = new WeakMap, u = new WeakMap, b = new WeakMap, 
-m = new WeakMap, g = new WeakMap, v = new WeakMap, w = new WeakMap, y = new WeakMap, 
+m = new WeakMap, g = new WeakMap, w = new WeakMap, y = new WeakMap, v = new WeakMap, 
 k = new WeakMap, _ = new WeakMap, x = new WeakMap, W = new WeakMap, M = new WeakMap, 
 C = new WeakMap;
 
 D.style = l;
 
 export { D as gx_ide_open_api_import };
-//# sourceMappingURL=p-fecc50e4.entry.js.map
+//# sourceMappingURL=p-29575656.entry.js.map