@genexus/genexus-ide-ui 1.1.12 → 1.1.14

package/dist/genexus-ide-ui/{p-a47d71eb.entry.js → p-4328be14.entry.js}

@@ -2,9 +2,9 @@ import { r as e, c as r, h as t, H as a, a as o } from "./p-25a9f1d7.js";
 
 import { c as i } from "./p-13738332.js";
 
-import { L as l } from "./p-311eedf3.js";
+import { L as s } from "./p-311eedf3.js";
 
-const s = ':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)}.control-wrapper{display:flex;gap:var(--mer-spacing--xs);align-items:center}.control-wrapper--vertical{flex-direction:column;align-items:start}.controls-wrapper{display:flex;gap:var(--mer-spacing--xs)}.controls-wrapper--vertical{flex-direction:column;align-items:start}.input-text{box-sizing:border-box;background-color:transparent;border:var(--mer-border__width--sm) solid var(--mer-border-color__dim);border-radius:var(--mer-border__width--lg);height:26px;color:var(--mer-text__bright);font-size:var(--mer-font__size--xxs)}.input-text--full-width{align-self:stretch}:host{display:block}.header{display:grid;grid-template-columns:1fr min-content min-content;grid-template-areas:"label label label" "input cancel export";grid-gap:var(--gx-ide-grid-column-gap)}.header .label{grid-area:label}.header .input{grid-area:input}.header .cancel{grid-area:cancel}.header .export{grid-area:export}';
+const l = ':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)}.control-wrapper{display:flex;gap:var(--mer-spacing--xs);align-items:center}.control-wrapper--vertical{flex-direction:column;align-items:start}.controls-wrapper{display:flex;gap:var(--mer-spacing--xs)}.controls-wrapper--vertical{flex-direction:column;align-items:start}.input-text{box-sizing:border-box;background-color:transparent;border:var(--mer-border__width--sm) solid var(--mer-border-color__dim);border-radius:var(--mer-border__width--lg);height:26px;color:var(--mer-text__bright);font-size:var(--mer-font__size--xxs)}.input-text--full-width{align-self:stretch}:host{display:block}.header{display:grid;grid-template-columns:1fr min-content min-content;grid-template-areas:"label label label" "input cancel export";grid-gap:var(--gx-ide-grid-column-gap)}.header .label{grid-area:label}.header .input{grid-area:input}.header .cancel{grid-area:cancel}.header .export{grid-area:export}';
 
 const n = class {
   constructor(t) {
@@ -27,8 +27,8 @@ const n = class {
         };
         this.exportCallback(r).then((() => {
           this.notExporting = true;
-        })).catch((e => {
-          console.error("Export callback failed:", e);
+        })).catch((() => {
+          // error handling
           this.notExporting = true;
         }));
       }
@@ -51,7 +51,7 @@ const n = class {
   }
   // 6.COMPONENT LIFECYCLE METHODS //
   async componentWillLoad() {
-    this._componentLocale = await l.getComponentStrings(this.el);
+    this._componentLocale = await s.getComponentStrings(this.el);
   }
   componentDidRender() {
     if (!this.renderedFirstTime) {
@@ -103,7 +103,7 @@ const n = class {
   }
 };
 
-n.style = s;
+n.style = l;
 
 export { n as gx_ide_bpm_export_xpdl };
-//# sourceMappingURL=p-a47d71eb.entry.js.map
+//# sourceMappingURL=p-4328be14.entry.js.map

package/dist/genexus-ide-ui/p-4328be14.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["bpmExportXpdlCss","GxIdeBpmExportXpdl","this","renderedFirstTime","exportHandler","exportCallback","notExporting","data","directoryName","exportInputEl","value","Objects","_a","bpmObjectSelectorEl","selection","includeAll","objectIds","then","catch","inputHandle","async","emptyInput","length","handleSelectionChanged","emptyObjects","componentWillLoad","_componentLocale","Locale","getComponentStrings","el","componentDidRender","componentDidRenderFirstTime","emit","componentName","render","h","Host","class","containerTitle","displayTitle","slimmerFooter","config","gxIdeContainer","htmlFor","main","exportInputLabel","type","id","onInput","ref","disabled","onClick","exportButton","cancelCallback","cancelButton","addCallback","referencesCallback","onSelectionChanged"],"sources":["src/components/bpm/export-xpdl/bpm-export-xpdl.scss?tag=gx-ide-bpm-export-xpdl&encapsulation=shadow","src/components/bpm/export-xpdl/bpm-export-xpdl.tsx"],"sourcesContent":["@import \"../../../global/gx-ide-common.scss\";\n@import \"../../../global/gx-ide-mixins.scss\";\n@import \"../../../global/temporary-tokens-chameleon.scss\";\n\n:host {\n  display: block;\n}\n\n.header {\n  display: grid;\n  grid-template-columns: 1fr min-content min-content;\n  grid-template-areas:\n    \"label label label\"\n    \"input cancel export\";\n  grid-gap: var(--gx-ide-grid-column-gap);\n\n  .label {\n    grid-area: label;\n  }\n  .input {\n    grid-area: input;\n  }\n  .cancel {\n    grid-area: cancel;\n  }\n  .export {\n    grid-area: export;\n  }\n}\n","/* STENCIL IMPORTS */\nimport {\n  Component,\n  Host,\n  h,\n  Prop,\n  Element,\n  Event,\n  EventEmitter,\n  State\n} from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\n/* CUSTOM IMPORTS */\nimport { config } from \"../../../common/config\";\nimport { Locale } from \"../../../common/locale\";\nimport { ObjectData } from \"../objects-selector/helpers\";\n\n/* import { renderListItems } from \"../../../common/render-list-item\"; */\n\n@Component({\n  tag: \"gx-ide-bpm-export-xpdl\",\n  styleUrl: \"bpm-export-xpdl.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/bpm-export-xpdl\"]\n})\nexport class GxIdeBpmExportXpdl {\n  // 1.OWN PROPERTIES //\n\n  /**\n   * The component hard-coded strings translations.\n   */\n  private _componentLocale: any;\n  private renderedFirstTime = false;\n\n  // 2. REFERENCE TO ELEMENTS //\n\n  @Element() el: HTMLGxIdeBpmExportXpdlElement;\n  private exportInputEl: HTMLInputElement;\n  private bpmObjectSelectorEl: HTMLGxIdeBpmObjectsSelectorElement;\n\n  // 3.STATE() VARIABLES //\n\n  @State() emptyInput = true;\n  @State() emptyObjects = true;\n  @State() notExporting = true;\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   * Callback function invoked when the user presses the 'Create' button.\n   * This function is expected to handle the export process based on the provided export data.\n   *\n   * @param {ExportData} exportData - The data required for the export process.\n   * @returns {Promise<boolean>} A promise that resolves to a boolean indicating the success of the export operation.\n   * Returns `true` if the export was successful, and `false` otherwise.\n   */\n  @Prop() readonly exportCallback: ExportCallback;\n\n  /**\n   * Callback invoked when user press 'Cancel' button\n   */\n  @Prop() readonly cancelCallback: CancelCallback;\n\n  /**\n   * Callback invoked when the user presses the 'Add' button. associated with gx-ide-bpm-objects-selector\n   * This function is expected to return a list of selected objects' basic information.\n   * @returns {Promise<ObjectData[]>} A Promise that resolves to an array of ObjectData. Each ObjectData contains the ID, icon, and name of an object.\n   */\n  @Prop() readonly addCallback: () => Promise<ObjectData[]>;\n\n  /**\n   * Callback invoked when the user presses the 'References' button. associated with gx-ide-bpm-objects-selector\n   * Receives a parameter which is an array of IDs of the objects currently added to the list.\n   * Returns a Promise that resolves to an array of ObjectData, where each ObjectData contains the ID, icon, and name of an object.\n   * @param {string[]} ids - An array of IDs of the objects currently added to the list.\n   * @returns {Promise<ObjectData[]>} A Promise that resolves to an array of ObjectData. Each ObjectData contains the ID, icon, and name of an object.\n   */\n  @Prop() readonly referencesCallback: (ids: string[]) => Promise<ObjectData[]>;\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  }\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 exportHandler = () => {\n    if (this.exportCallback) {\n      this.notExporting = false;\n\n      const data: ExportData = {\n        directoryName: this.exportInputEl.value,\n        Objects: this.bpmObjectSelectorEl.selection ?? {\n          includeAll: false,\n          objectIds: []\n        }\n      };\n\n      this.exportCallback(data)\n        .then(() => {\n          this.notExporting = true;\n        })\n        .catch(() => {\n          // error handling\n          this.notExporting = true;\n        });\n    }\n  };\n\n  private inputHandle = async () => {\n    this.emptyInput = !this.exportInputEl.value?.length;\n  };\n\n  private handleSelectionChanged = () => {\n    this.emptyObjects = !this.bpmObjectSelectorEl.selection.objectIds.length;\n  };\n\n  // 10.RENDER() FUNCTION //\n\n  render() {\n    return (\n      <Host class=\"gx-ide-component\">\n        <div class=\"gx-ide-main-wrapper\">\n          <gx-ide-container\n            containerTitle={\n              this.displayTitle ? this._componentLocale.componentName : null\n            }\n            slimmerFooter={config.gxIdeContainer.slimmerFooter}\n          >\n            <div class=\"header\">\n              <label htmlFor=\"export-directory\" class=\"label\">\n                {this._componentLocale.main.exportInputLabel}\n              </label>\n              <input\n                type=\"text\"\n                id=\"export-directory\"\n                class=\"input-text input\"\n                onInput={this.inputHandle}\n                ref={el => (this.exportInputEl = el as HTMLInputElement)}\n              />\n              <button\n                class=\"export\"\n                disabled={this.emptyInput || this.emptyObjects}\n                onClick={this.exportHandler}\n              >\n                {this._componentLocale.main.exportButton}\n              </button>\n              <button\n                class=\"cancel\"\n                disabled={this.notExporting}\n                onClick={this.cancelCallback}\n              >\n                {this._componentLocale.main.cancelButton}\n              </button>\n            </div>\n\n            <gx-ide-bpm-objects-selector\n              id=\"gx-ide-bpm-objects-selector\"\n              addCallback={this.addCallback}\n              referencesCallback={this.referencesCallback}\n              ref={el =>\n                (this.bpmObjectSelectorEl =\n                  el as HTMLGxIdeBpmObjectsSelectorElement)\n              }\n              onSelectionChanged={this.handleSelectionChanged}\n            ></gx-ide-bpm-objects-selector>\n          </gx-ide-container>\n        </div>\n      </Host>\n    );\n  }\n}\n\nexport type ExportCallback = (exportData: ExportData) => Promise<boolean>;\n\nexport type CancelCallback = () => Promise<void>;\n\nexport type ExportData = {\n  directoryName: string;\n  Objects: SelectionData;\n};\n\nexport type SelectionData = {\n  includeAll: boolean;\n  objectIds: string[];\n};\n"],"mappings":";;;;;;AAAA,MAAMA,IAAmB;;MCyBZC,IAAkB;;;;IAOrBC,KAAAC,oBAAoB;;;;QAgFpBD,KAAAE,gBAAgB;;MACtB,IAAIF,KAAKG,gBAAgB;QACvBH,KAAKI,eAAe;QAEpB,MAAMC,IAAmB;UACvBC,eAAeN,KAAKO,cAAcC;UAClCC,UAASC,IAAAV,KAAKW,oBAAoBC,eAAS,QAAAF,WAAA,IAAAA,IAAI;YAC7CG,YAAY;YACZC,WAAW;;;QAIfd,KAAKG,eAAeE,GACjBU,MAAK;UACJf,KAAKI,eAAe;AAAI,YAEzBY,OAAM;;UAELhB,KAAKI,eAAe;AAAI;;;IAKxBJ,KAAAiB,cAAcC;;MACpBlB,KAAKmB,gBAAcT,IAAAV,KAAKO,cAAcC,WAAK,QAAAE,WAAA,aAAAA,EAAEU;AAAM;IAG7CpB,KAAAqB,yBAAyB;MAC/BrB,KAAKsB,gBAAgBtB,KAAKW,oBAAoBC,UAAUE,UAAUM;AAAM;sBAlGpD;wBACE;wBACA;wBAOQ;;;;;;;EA0ChC,uBAAMG;IACJvB,KAAKwB,yBAAyBC,EAAOC,oBAAoB1B,KAAK2B;;EAGhE,kBAAAC;IACE,KAAK5B,KAAKC,mBAAmB;MAC3BD,KAAK6B,4BAA4BC,KAC/B9B,KAAKwB,iBAAiBO;MAExB/B,KAAKC,oBAAoB;;;;EA2C7B,MAAA+B;IACE,OACEC,EAACC,GAAI;MAACC,OAAM;OACVF,EAAA;MAAKE,OAAM;OACTF,EAAA;MACEG,gBACEpC,KAAKqC,eAAerC,KAAKwB,iBAAiBO,gBAAgB;MAE5DO,eAAeC,EAAOC,eAAeF;OAErCL,EAAA;MAAKE,OAAM;OACTF,EAAA;MAAOQ,SAAQ;MAAmBN,OAAM;OACrCnC,KAAKwB,iBAAiBkB,KAAKC,mBAE9BV,EAAA;MACEW,MAAK;MACLC,IAAG;MACHV,OAAM;MACNW,SAAS9C,KAAKiB;MACd8B,KAAKpB,KAAO3B,KAAKO,gBAAgBoB;QAEnCM,EAAA;MACEE,OAAM;MACNa,UAAUhD,KAAKmB,cAAcnB,KAAKsB;MAClC2B,SAASjD,KAAKE;OAEbF,KAAKwB,iBAAiBkB,KAAKQ,eAE9BjB,EAAA;MACEE,OAAM;MACNa,UAAUhD,KAAKI;MACf6C,SAASjD,KAAKmD;OAEbnD,KAAKwB,iBAAiBkB,KAAKU,gBAIhCnB,EAAA;MACEY,IAAG;MACHQ,aAAarD,KAAKqD;MAClBC,oBAAoBtD,KAAKsD;MACzBP,KAAKpB,KACF3B,KAAKW,sBACJgB;MAEJ4B,oBAAoBvD,KAAKqB"}

package/dist/genexus-ide-ui/{p-4e943649.entry.js → p-45539ad0.entry.js}

@@ -1,6 +1,6 @@
 import { r as t, c as e, h as i, H as s, a } from "./p-25a9f1d7.js";
 
-import { g as n } from "./p-ede7bd20.js";
+import { g as n } from "./p-2987a259.js";
 
 import { L as r } from "./p-311eedf3.js";
 
@@ -604,4 +604,4 @@ R = new WeakMap;
 X.style = l;
 
 export { X as gx_ide_kb_manager_import };
-//# sourceMappingURL=p-4e943649.entry.js.map
+//# sourceMappingURL=p-45539ad0.entry.js.map

package/dist/genexus-ide-ui/p-476b74a1.entry.js

@@ -0,0 +1,109 @@
+import { r as e, g as t, h as i, H as n, a as s } from "./p-25a9f1d7.js";
+
+import { L as r } from "./p-311eedf3.js";
+
+const o = ":host{--spacing-body-block-start:var(--mer-spacing--lg);--spacing-body-block-end:var(--mer-spacing--lg);--spacing-body-inline-start:var(--mer-spacing--md);--spacing-body-inline-end:var(--mer-spacing--md);display:grid;inline-size:100%;block-size:100%;gap:var(--mer-spacing--md);overflow:auto;grid-template-rows:max-content 1fr max-content;background-color:var(--elevation-background-color, var(--mer-surface__elevation--02));color:var(--mer-text__on-elevation);text-align:center}.section{display:contents}.main{overflow:auto;display:grid;grid-template-rows:1fr max-content;gap:var(--mer-spacing--lg)}.logo__container{display:flex;flex-direction:column;gap:var(--mer-spacing--sm);align-items:center;margin:unset}.logo__img{inline-size:28px;block-size:28px}.logotype{color:var(--mer-text__bright)}.versions__container{overflow:hidden;border:var(--mer-border__width--sm) solid var(--mer-border-color__on-elevation--01);border-radius:var(--mer-border__radius--sm);display:grid;grid-template-rows:1fr max-content;inline-size:100%}.versions__container button{justify-self:center;min-inline-size:72px}.versions__container-footer{padding:14px}.versions__list{overflow:auto;list-style:none;margin:0;padding:14px;display:flex;flex-direction:column;gap:var(--mer-spacing--xs)}.link-underlined{text-decoration:underline;color:var(--mer-text__on-elevation)}.link-underlined:hover{color:var(--mer-text__highlighted)}.link-underlined:active{color:var(--mer-text__elevation)}.links-container{display:flex;gap:var(--mer-spacing--xs)}.footer{display:flex;align-items:center;flex-direction:column;gap:var(--mer-spacing--xs);color:var(--mer-text__complementary)}";
+
+var a = undefined && undefined.__classPrivateFieldGet || function(e, t, i, n) {
+  if (i === "a" && !n) throw new TypeError("Private accessor was defined without a getter");
+  if (typeof t === "function" ? e !== t || !n : !t.has(e)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+  return i === "m" ? n : i === "a" ? n.call(e) : n ? n.value : t.get(e);
+};
+
+var l = undefined && undefined.__classPrivateFieldSet || function(e, t, i, n, s) {
+  if (n === "m") throw new TypeError("Private method is not writable");
+  if (n === "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 n === "a" ? s.call(e, i) : s ? s.value = i : t.set(e, i), i;
+};
+
+var c, d, g;
+
+const m = [ "resets/box-sizing", "utils/typography", "utils/elevation", "components/button", "chameleon/scrollbar" ];
+
+const p = class {
+  constructor(i) {
+    e(this, i);
+    c.set(this, void 0);
+    d.set(this, t(`./gx-ide-assets/about/images/next-logo.svg`));
+    g.set(this, (() => {
+      this.copying = true;
+      setTimeout((() => {
+        this.copying = false;
+      }), 1e3);
+      navigator.clipboard.writeText(`${a(this, c, "f").copyVersionsAdditionalText}${this.versions.map((e => `- ${e}`)).join("\n")}`);
+    }));
+    this.versions = [];
+    this.detailsCallback = undefined;
+    this.privacyPolicyCallback = undefined;
+    this.termsAndConditionsCallback = undefined;
+    this.copying = false;
+  }
+  async componentWillLoad() {
+    l(this, c, await r.getComponentStrings(this.el), "f");
+  }
+  render() {
+    const e = this.privacyPolicyCallback && this.termsAndConditionsCallback;
+    const t = this.privacyPolicyCallback || this.termsAndConditionsCallback;
+    return i(n, {
+      class: "scrollable"
+    }, i("ch-theme", {
+      model: m
+    }), i("section", {
+      class: "section"
+    }, i("header", null, i("figure", {
+      class: "logo__container"
+    }, i("img", {
+      class: "logo__img",
+      src: a(this, d, "f"),
+      alt: a(this, c, "f").logoAlt
+    }), i("figcaption", {
+      class: "body-semi-bold-m logotype"
+    }, "GeneXus Next"))), i("div", {
+      class: "main"
+    }, this.versions.length ? i("div", {
+      class: "versions__container elevation-1"
+    }, i("ul", {
+      class: "versions__list scrollable"
+    }, this.versions.map((e => i("li", {
+      class: "body-regular-s"
+    }, e)))), i("div", {
+      class: "versions__container-footer"
+    }, i("button", {
+      class: "button-secondary",
+      type: "button",
+      onClick: a(this, g, "f"),
+      disabled: this.copying
+    }, this.copying ? a(this, c, "f").copied : a(this, c, "f").copy))) : null, this.detailsCallback && i("button", {
+      class: "button-tertiary",
+      type: "button",
+      onClick: this.detailsCallback
+    }, a(this, c, "f").detailsAndAcknowledgmentes)), i("footer", {
+      class: "body-regular-s footer"
+    }, t && i("div", {
+      class: "links-container",
+      hidden: !e
+    }, this.privacyPolicyCallback && i("button", {
+      class: "link-underlined tiny-regular-s",
+      type: "button",
+      onClick: this.privacyPolicyCallback
+    }, a(this, c, "f").privacyPolicy), e && "|", this.termsAndConditionsCallback && i("button", {
+      class: "link-underlined tiny-regular-s",
+      type: "button",
+      onClick: this.termsAndConditionsCallback
+    }, a(this, c, "f").termsAndConditions)), a(this, c, "f").copyright)));
+  }
+  static get assetsDirs() {
+    return [ "gx-ide-assets/about" ];
+  }
+  get el() {
+    return s(this);
+  }
+};
+
+c = new WeakMap, d = new WeakMap, g = new WeakMap;
+
+p.style = o;
+
+export { p as gx_ide_about };
+//# sourceMappingURL=p-476b74a1.entry.js.map

package/dist/genexus-ide-ui/p-476b74a1.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["aboutCss","CSS_BUNDLES","GxIdeAbout","_GxIdeAbout_componentLocale","set","this","_GxIdeAbout_nextLogo","getAssetPath","_GxIdeAbout_copyVersionsHandler","copying","setTimeout","navigator","clipboard","writeText","__classPrivateFieldGet","copyVersionsAdditionalText","versions","map","version","join","componentWillLoad","__classPrivateFieldSet","Locale","getComponentStrings","el","render","renderPrivacyAndTerms","privacyPolicyCallback","termsAndConditionsCallback","renderPrivacyOrTerms","h","Host","class","model","src","alt","logoAlt","length","type","onClick","disabled","copied","copy","detailsCallback","detailsAndAcknowledgmentes","hidden","privacyPolicy","termsAndConditions","copyright"],"sources":["src/components/about/about.scss?tag=gx-ide-about&encapsulation=shadow","src/components/about/about.tsx"],"sourcesContent":["$versionsListPadding: 14px;\n\n:host {\n  --spacing-body-block-start: var(--mer-spacing--lg);\n  --spacing-body-block-end: var(--mer-spacing--lg);\n  --spacing-body-inline-start: var(--mer-spacing--md);\n  --spacing-body-inline-end: var(--mer-spacing--md);\n\n  display: grid;\n  inline-size: 100%;\n  block-size: 100%;\n  gap: var(--mer-spacing--md);\n  overflow: auto;\n  grid-template-rows: max-content 1fr max-content;\n  background-color: var(\n    --elevation-background-color,\n    var(--mer-surface__elevation--02)\n  );\n  color: var(--mer-text__on-elevation);\n  text-align: center;\n}\n.section {\n  // section was addad for semantics, in order to allow a footer tag.\n  display: contents;\n}\n\n.main {\n  overflow: auto;\n  display: grid;\n  grid-template-rows: 1fr max-content;\n  gap: var(--mer-spacing--lg);\n}\n\n.logo {\n  &__container {\n    display: flex;\n    flex-direction: column;\n    gap: var(--mer-spacing--sm);\n    align-items: center;\n    margin: unset;\n  }\n  &__img {\n    $logoSize: 28px;\n    inline-size: $logoSize;\n    block-size: $logoSize;\n  }\n}\n.logotype {\n  color: var(--mer-text__bright);\n}\n\n.versions__container {\n  overflow: hidden;\n  border: var(--mer-border__width--sm) solid\n    var(--mer-border-color__on-elevation--01);\n  border-radius: var(--mer-border__radius--sm);\n  display: grid;\n  grid-template-rows: 1fr max-content;\n  inline-size: 100%;\n\n  button {\n    justify-self: center;\n    min-inline-size: 72px;\n  }\n}\n.versions__container-footer {\n  padding: $versionsListPadding;\n}\n\n.versions__list {\n  overflow: auto;\n  list-style: none;\n  margin: 0;\n  padding: $versionsListPadding;\n  display: flex;\n  flex-direction: column;\n  gap: var(--mer-spacing--xs);\n}\n\n.link-underlined {\n  // TODO: Add link helper class in Mercury\n  text-decoration: underline;\n  color: var(--mer-text__on-elevation);\n  &:hover {\n    color: var(--mer-text__highlighted);\n  }\n  &:active {\n    color: var(--mer-text__elevation);\n  }\n}\n\n.links-container {\n  display: flex;\n  gap: var(--mer-spacing--xs);\n}\n\n.footer {\n  // TODO: Add color helper classes in Mercury\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n  gap: var(--mer-spacing--xs);\n  color: var(--mer-text__complementary);\n}\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n  State,\n  Element,\n  getAssetPath\n} from \"@stencil/core\";\n\nimport { MercuryBundles } from \"@genexus/mercury\";\nimport { Locale } from \"../../common/locale\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"utils/typography\",\n  \"utils/elevation\",\n  \"components/button\",\n  \"chameleon/scrollbar\"\n];\n\n@Component({\n  tag: \"gx-ide-about\",\n  styleUrl: \"about.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/about\"]\n})\nexport class GxIdeAbout {\n  #componentLocale: any;\n  #nextLogo = getAssetPath(`./gx-ide-assets/about/images/next-logo.svg`);\n\n  @Element() el: HTMLGxIdeAboutElement;\n\n  /**\n   * GeneXus Next version, and also related dependencies versions\n   */\n  @Prop() readonly versions: string[] = [];\n\n  /**\n   * Callback invoked when the user clicks on \"Details & Acknowledgements\"\n   */\n  @Prop() readonly detailsCallback: DetailsCallback;\n\n  /**\n   * Callback invoked when the user clicks on \"Privacy policy\"\n   */\n  @Prop() readonly privacyPolicyCallback: PrivacyPolicyCallback;\n\n  /**\n   * Callback invoked when the user clicks on \"Terms and conditions\"\n   */\n  @Prop() readonly termsAndConditionsCallback: TermsAndConditionsCallback;\n\n  /**\n   * True when the user copies the versions\n   */\n  @State() copying: boolean = false;\n\n  async componentWillLoad() {\n    this.#componentLocale = await Locale.getComponentStrings(this.el);\n  }\n\n  #copyVersionsHandler = () => {\n    this.copying = true;\n    setTimeout(() => {\n      this.copying = false;\n    }, 1000);\n\n    navigator.clipboard.writeText(\n      `${this.#componentLocale.copyVersionsAdditionalText}${this.versions\n        .map(version => `- ${version}`)\n        .join(\"\\n\")}`\n    );\n  };\n\n  render() {\n    const renderPrivacyAndTerms =\n      this.privacyPolicyCallback && this.termsAndConditionsCallback;\n    const renderPrivacyOrTerms =\n      this.privacyPolicyCallback || this.termsAndConditionsCallback;\n\n    return (\n      <Host class=\"scrollable\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <section class=\"section\">\n          <header>\n            <figure class=\"logo__container\">\n              <img\n                class=\"logo__img\"\n                src={this.#nextLogo}\n                alt={this.#componentLocale.logoAlt}\n              />\n              <figcaption class=\"body-semi-bold-m logotype\">\n                GeneXus Next\n              </figcaption>\n            </figure>\n          </header>\n          <div class=\"main\">\n            {this.versions.length ? (\n              <div class=\"versions__container elevation-1\">\n                <ul class=\"versions__list scrollable\">\n                  {this.versions.map(version => {\n                    return <li class=\"body-regular-s\">{version}</li>;\n                  })}\n                </ul>\n                <div class=\"versions__container-footer\">\n                  <button\n                    class=\"button-secondary\"\n                    type=\"button\"\n                    onClick={this.#copyVersionsHandler}\n                    disabled={this.copying}\n                  >\n                    {this.copying\n                      ? this.#componentLocale.copied\n                      : this.#componentLocale.copy}\n                    {}\n                  </button>\n                </div>\n              </div>\n            ) : null}\n\n            {this.detailsCallback && (\n              <button\n                class=\"button-tertiary\"\n                type=\"button\"\n                onClick={this.detailsCallback}\n              >\n                {this.#componentLocale.detailsAndAcknowledgmentes}\n              </button>\n            )}\n          </div>\n\n          <footer class=\"body-regular-s footer\">\n            {renderPrivacyOrTerms && (\n              <div class=\"links-container\" hidden={!renderPrivacyAndTerms}>\n                {this.privacyPolicyCallback && (\n                  <button\n                    class=\"link-underlined tiny-regular-s\"\n                    type=\"button\"\n                    onClick={this.privacyPolicyCallback}\n                  >\n                    {this.#componentLocale.privacyPolicy}\n                  </button>\n                )}\n\n                {renderPrivacyAndTerms && \"|\"}\n\n                {this.termsAndConditionsCallback && (\n                  <button\n                    class=\"link-underlined tiny-regular-s\"\n                    type=\"button\"\n                    onClick={this.termsAndConditionsCallback}\n                  >\n                    {this.#componentLocale.termsAndConditions}\n                  </button>\n                )}\n              </div>\n            )}\n            {this.#componentLocale.copyright}\n          </footer>\n        </section>\n      </Host>\n    );\n  }\n}\n\nexport type DetailsCallback = () => Promise<void>;\nexport type PrivacyPolicyCallback = () => Promise<void>;\nexport type TermsAndConditionsCallback = () => Promise<void>;\n"],"mappings":";;;;AAAA,MAAMA,IAAW;;;;;;;;;;;;;;;;;ACajB,MAAMC,IAA8B,EAClC,qBACA,oBACA,mBACA,qBACA;;MASWC,IAAU;;;IACrBC,EAAAC,IAAAC,WAAA;IACAC,EAAAF,IAAAC,MAAYE,EAAa;IAiCzBC,EAAAJ,IAAAC,OAAuB;MACrBA,KAAKI,UAAU;MACfC,YAAW;QACTL,KAAKI,UAAU;AAAK,UACnB;MAEHE,UAAUC,UAAUC,UAClB,GAAGC,EAAAT,MAAIF,GAAA,KAAkBY,6BAA6BV,KAAKW,SACxDC,KAAIC,KAAW,KAAKA,MACpBC,KAAK;AACT;oBApCmC;;;;mBAoBV;;EAE5B,uBAAMC;IACJC,EAAAhB,MAAIF,SAA0BmB,EAAOC,oBAAoBlB,KAAKmB,KAAG;;EAgBnE,MAAAC;IACE,MAAMC,IACJrB,KAAKsB,yBAAyBtB,KAAKuB;IACrC,MAAMC,IACJxB,KAAKsB,yBAAyBtB,KAAKuB;IAErC,OACEE,EAACC,GAAI;MAACC,OAAM;OACVF,EAAA;MAAUG,OAAOhC;QACjB6B,EAAA;MAASE,OAAM;OACbF,EAAA,gBACEA,EAAA;MAAQE,OAAM;OACZF,EAAA;MACEE,OAAM;MACNE,KAAKpB,EAAAT,MAAIC,GAAA;MACT6B,KAAKrB,EAAAT,MAAIF,GAAA,KAAkBiC;QAE7BN,EAAA;MAAYE,OAAM;OAA2B,mBAKjDF,EAAA;MAAKE,OAAM;OACR3B,KAAKW,SAASqB,SACbP,EAAA;MAAKE,OAAM;OACTF,EAAA;MAAIE,OAAM;OACP3B,KAAKW,SAASC,KAAIC,KACVY,EAAA;MAAIE,OAAM;OAAkBd,OAGvCY,EAAA;MAAKE,OAAM;OACTF,EAAA;MACEE,OAAM;MACNM,MAAK;MACLC,SAASzB,EAAAT,MAAIG,GAAA;MACbgC,UAAUnC,KAAKI;OAEdJ,KAAKI,UACFK,EAAAT,MAAIF,GAAA,KAAkBsC,SACtB3B,EAAAT,MAAIF,GAAA,KAAkBuC,UAK9B,MAEHrC,KAAKsC,mBACJb,EAAA;MACEE,OAAM;MACNM,MAAK;MACLC,SAASlC,KAAKsC;OAEb7B,EAAAT,MAAIF,GAAA,KAAkByC,8BAK7Bd,EAAA;MAAQE,OAAM;OACXH,KACCC,EAAA;MAAKE,OAAM;MAAkBa,SAASnB;OACnCrB,KAAKsB,yBACJG,EAAA;MACEE,OAAM;MACNM,MAAK;MACLC,SAASlC,KAAKsB;OAEbb,EAAAT,MAAIF,GAAA,KAAkB2C,gBAI1BpB,KAAyB,KAEzBrB,KAAKuB,8BACJE,EAAA;MACEE,OAAM;MACNM,MAAK;MACLC,SAASlC,KAAKuB;OAEbd,EAAAT,MAAIF,GAAA,KAAkB4C,sBAK9BjC,EAAAT,MAAIF,GAAA,KAAkB6C"}

package/dist/genexus-ide-ui/{p-6d996621.entry.js → p-4e6425f3.entry.js}

@@ -13,7 +13,6 @@ const r = `\n###### Code block {#code-block}\nTo create code blocks, you’ll us
 const c = `\n###### Code block {#code-block}\nTo create code blocks, you’ll use three backticks (\` \`\`\` \`) or three tildes (\`~~~\`) on the lines before and after the code block.\n\n\`\`\`json\n{\n  "firstName": "John",\n  "lastName": "Smith",\n  "age": 25\n}\n\`\`\`\n`;
 
 const sendChatToLLM = e => () => {
-  console.log("dsa");
   e.generatingResponse = true;
   e.addNewMessage({
     id: `${(new Date).getTime()}`,
@@ -315,4 +314,4 @@ b = new WeakMap, k = new WeakMap;
 T.style = h;
 
 export { T as gx_ide_sc_chat_container };
-//# sourceMappingURL=p-6d996621.entry.js.map
+//# sourceMappingURL=p-4e6425f3.entry.js.map

package/dist/genexus-ide-ui/p-4e6425f3.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["PROCESSING_PLACEHOLDER","timeOut","ASSISTANT_RESPONSE_MARKDOWN","ASSISTANT_RESPONSE_SHORT_MARKDOWN","sendChatToLLM","chatRef","generatingResponse","addNewMessage","id","Date","getTime","role","content","status","setTimeout","updateLastMessage","dummyStreaming","chatCallbacksWithChatRef","chChatRef","clear","Promise","resolve","uploadImage","stopGeneratingAnswer","clearTimeout","counter","stringToDisplay","mode","streamingCompleted","length","substring","chatTranslations","accessibleName","clearChat","copyResponseButton","downloadCodeButton","imagePicker","removeUploadedImage","sendButton","sendInput","stopGeneratingAnswerButton","placeholder","text","copyCodeButton","processing","sourceFiles","Array","from","_","index","codeFixerRecord","metadata","parts","chatShowcaseCss","AI_AVATAR","getAssetPath","CSS_BUNDLES","GxIdeScChatContainer","_GxIdeScChatContainer_chatContainerRef","set","this","_GxIdeScChatContainer_chatWelcomeRef","_GxIdeScChatContainer_chChatRef","_GxIdeScChatContainer_chatCallbacks","_GxIdeScChatContainer_copyConversationCallbackHandler","__classPrivateFieldGet","showCopyConversationMessage","_GxIdeScChatContainer_deleteConversationCallbackHandler","_GxIdeScChatContainer_suggestedPrompRequestedCallbackHandler","async","prompt","assistantFinalResponse","toLowerCase","includes","userPrompt","exitWelcome","componentDidLoad","assistantStatus","componentDidRender","__classPrivateFieldSet","componentWillLoad","chatItems","render","h","Host","model","chatTitle","copyConversationCallback","deleteConversationCallback","ref","el","class","callbacks","loadingState","renderItem","mercuryChatMessageRender","items","showAdditionalContent","translations","slot","suggestedPrompRequestedCallback","suggestedPrompts"],"sources":["src/showcase/chat-container/callbacks.ts","src/showcase/chat-container/chat-showcase.scss?tag=gx-ide-sc-chat-container&encapsulation=shadow","src/showcase/chat-container/chat.showcase.tsx"],"sourcesContent":["import {\n  ChatInternalCallbacks,\n  ChatMessage,\n  ChatTranslations\n} from \"@genexus/chameleon-controls-library\";\n\nconst PROCESSING_PLACEHOLDER = \"{{ASSISTANT_NAME}}\";\n\nlet timeOut: NodeJS.Timeout;\n\nconst ASSISTANT_RESPONSE_MARKDOWN = `\n###### Code block {#code-block}\nTo create code blocks, you’ll use three backticks (\\` \\`\\`\\` \\`) or three tildes (\\`~~~\\`) on the lines before and after the code block.\n\n\\`\\`\\`\n{\n  \"firstName\": \"John\",\n  \"lastName\": \"Smith\",\n  \"age\": 25\n}\n\\`\\`\\`\n\nAnother way to create code blocks is to indent every line of the block by at least four spaces or one tab.\n\n    <html>\n      <head>\n      </head>\n    </html>\n\n\n###### Syntax Highlighting {#syntax-highlighting}\nThis feature allows you to add color highlighting for whatever language your code was written in.\nTo add syntax highlighting, specify a language next to the backticks before the fenced code block.\n\n\\`\\`\\`json\n{\n  \"firstName\": \"John\",\n  \"lastName\": \"Smith\",\n  \"age\": 25\n}\n\\`\\`\\`\n\n\\`\\`\\`javascript\nimport React from 'react'\nimport ReactDOM from 'react-dom'\nimport Markdown from 'react-markdown'\nimport rehypeHighlight from 'rehype-highlight'\n\nconst markdown = \\`\n# Your markdown here\n\\`\n\nReactDOM.render(\n  <Markdown rehypePlugins={[rehypeHighlight]}>{markdown}</Markdown>,\n  document.querySelector('#content')\n)\n\\`\\`\\`\n\n###### Horizontal Rules {#horizontal-rules}\nTo create a horizontal rule, use three or more asterisks (\\`***\\`), dashes (\\`---\\`), or underscores (\\`___\\`) on a line by themselves.\n`;\n\nconst ASSISTANT_RESPONSE_SHORT_MARKDOWN = `\n###### Code block {#code-block}\nTo create code blocks, you’ll use three backticks (\\` \\`\\`\\` \\`) or three tildes (\\`~~~\\`) on the lines before and after the code block.\n\n\\`\\`\\`json\n{\n  \"firstName\": \"John\",\n  \"lastName\": \"Smith\",\n  \"age\": 25\n}\n\\`\\`\\`\n`;\n\nconst sendChatToLLM = (chatRef: HTMLChChatElement) => () => {\n  chatRef.generatingResponse = true;\n\n  chatRef.addNewMessage({\n    id: `${new Date().getTime()}`,\n    role: \"assistant\",\n    content: \"Analyzing\",\n    status: \"waiting\"\n  });\n\n  timeOut = setTimeout(() => {\n    chatRef.updateLastMessage(\n      {\n        role: \"assistant\",\n        content: \"Processing with Chat with LLMs\",\n        status: \"waiting\"\n      },\n      \"replace\"\n    );\n\n    timeOut = setTimeout(() => {\n      dummyStreaming(chatRef, 20, ASSISTANT_RESPONSE_MARKDOWN, \"replace\");\n    }, 10000);\n  }, 20000);\n};\n\nexport const chatCallbacksWithChatRef = (\n  chChatRef: HTMLChChatElement\n): ChatInternalCallbacks => {\n  return {\n    clear: () => new Promise(resolve => resolve()),\n    sendChatToLLM: sendChatToLLM(chChatRef),\n    uploadImage: () => new Promise(resolve => resolve(\"\")),\n    stopGeneratingAnswer: () => {\n      clearTimeout(timeOut);\n\n      chChatRef.updateLastMessage(\n        {\n          role: \"assistant\",\n          content: \"\",\n          status: \"complete\"\n        },\n        \"concat\"\n      );\n\n      return new Promise(resolve => setTimeout(() => resolve, 10));\n    }\n  };\n};\n\nfunction dummyStreaming(\n  chatRef: HTMLChChatElement,\n  counter: number,\n  stringToDisplay: string,\n  mode: \"concat\" | \"replace\"\n) {\n  timeOut = setTimeout(\n    () => {\n      const streamingCompleted = counter >= stringToDisplay.length;\n\n      chatRef.updateLastMessage(\n        {\n          role: \"assistant\",\n          content: stringToDisplay.substring(counter - 20, counter),\n\n          // {\n          //   message: stringToDisplay.substring(counter - 20, counter),\n          //   files: streamingCompleted\n          //     ? [\n          //         {\n          //           url: \"https://next.genexus.ai\",\n          //           caption: \"Mars Exploration Contract\"\n          //         },\n          //         {\n          //           url: \"https://gx-chameleon.netlify.app\",\n          //           caption: \"Venus Exploration Contract\"\n          //         }\n          //       ]\n          //     : undefined\n          // },\n          status: streamingCompleted ? \"complete\" : \"streaming\"\n        },\n        mode\n      );\n\n      if (!streamingCompleted) {\n        dummyStreaming(chatRef, counter + 20, stringToDisplay, \"concat\");\n      } else {\n        chatRef.generatingResponse = false;\n      }\n    },\n    counter % 200 === 0 ? 50 : 40\n  );\n}\n\nexport const chatTranslations: ChatTranslations = {\n  accessibleName: {\n    clearChat: \"Clear chat\",\n    copyResponseButton: \"Copy assistant response\",\n    downloadCodeButton: \"Download code\",\n    imagePicker: \"Select images\",\n    removeUploadedImage: \"Remove uploaded image\",\n    sendButton: \"Send\",\n    sendInput: \"Message\",\n    stopGeneratingAnswerButton: \"Stop generating answer\"\n  },\n  placeholder: {\n    sendInput: \"Ask me a question...\"\n  },\n  text: {\n    copyCodeButton: \"Copy code\",\n    processing: `Processing with ${PROCESSING_PLACEHOLDER}`,\n    sourceFiles: \"Source files:\"\n  }\n};\n\nexport const chatRecord: ChatMessage[] = [\n  { id: \"1\", role: \"user\", content: \"Hello world\" },\n  { id: \"2\", role: \"assistant\", content: ASSISTANT_RESPONSE_MARKDOWN },\n  { id: \"3\", role: \"user\", content: \"Hello world 1\" },\n  { id: \"4\", role: \"assistant\", content: ASSISTANT_RESPONSE_SHORT_MARKDOWN },\n  { id: \"5\", role: \"user\", content: \"Hello world 2\" },\n  { id: \"6\", role: \"assistant\", content: ASSISTANT_RESPONSE_SHORT_MARKDOWN },\n  { id: \"7\", role: \"user\", content: \"Hello world 3\" },\n  { id: \"8\", role: \"assistant\", content: ASSISTANT_RESPONSE_SHORT_MARKDOWN },\n  { id: \"9\", role: \"user\", content: \"Hello world 4\" },\n  { id: \"10\", role: \"assistant\", content: ASSISTANT_RESPONSE_SHORT_MARKDOWN }\n];\n\nexport const longChatRecord: ChatMessage[] = Array.from(\n  { length: 40 },\n  (_, index) =>\n    index % 2 === 0\n      ? {\n          id: `index: ${index}`,\n          role: \"user\",\n          content:\n            `index: ${index}` +\n            `index: ${index}\\n` +\n            `index: ${index}\\n` +\n            `index: ${index}\\n` +\n            `index: ${index}\\n` +\n            `index: ${index}\\n` +\n            `index: ${index}\\n`\n        }\n      : {\n          id: `index: ${index}`,\n          role: \"assistant\",\n          content:\n            ASSISTANT_RESPONSE_SHORT_MARKDOWN +\n            `\\nindex: ${index}\\n` +\n            `index: ${index}\\n` +\n            `index: ${index}\\n` +\n            `index: ${index}\\n` +\n            `index: ${index}\\n` +\n            `index: ${index}\\n` +\n            `index: ${index}\\n`\n        }\n);\n\nexport const codeFixerRecord: ChatMessage[] = [\n  {\n    id: \"1\",\n    role: \"user\",\n    content: \"Please give me an example about...\",\n    metadata: \"14:55\"\n  },\n  {\n    id: \"2\",\n    role: \"assistant\",\n    status: \"complete\",\n    content:\n      \"Action required example. Action required example. Action required example.\",\n    metadata: \"14:56\"\n  },\n  {\n    id: \"3\",\n    role: \"assistant\",\n    status: \"complete\",\n    content:\n      \"Some fields contain missing or invalid data, which may prevent the process from completing correctly. Review your input carefully and make any necessary corrections before continuing.\",\n    metadata: \"14:57\",\n    parts: \"warning\"\n  },\n  {\n    id: \"4\",\n    role: \"error\",\n    content:\n      \"An unexpected error occurred while processing your request, and the operation couldn’t be completed.Please check your internet connection or try again later. If the problem persists, contact support.\",\n    metadata: \"14:58\"\n  },\n  {\n    id: \"5\",\n    role: \"assistant\",\n    status: \"complete\",\n    content:\n      \"Your information has been saved successfully, and all changes are now reflected in your account. You can continue with the next steps or return to the dashboard at any time.\",\n    metadata: \"14:59\",\n    parts: \"success\"\n  },\n  {\n    id: \"6\",\n    role: \"user\",\n    content:\n      \"Implement the function calculate_average_grade in grades.py that takes a list of grades as input and returns the average grade as a floating-point number\",\n    metadata: \"15:00\"\n  },\n  {\n    id: \"7\",\n    role: \"assistant\",\n    status: \"complete\",\n    content:\n      \"You can provide further details or updates regarding your support ticket and its associated code. Your input here helps us better understand and address your issue effectively.\",\n    metadata: \"15:01\"\n  },\n  {\n    id: \"8\",\n    role: \"assistant\",\n    status: \"waiting\",\n    content: \"You can provide further details or updates\"\n  },\n  {\n    id: \"9\",\n    role: \"assistant\",\n    status: \"complete\",\n    content: ASSISTANT_RESPONSE_SHORT_MARKDOWN\n  }\n];\n",":host {\n  block-size: 100%;\n  display: grid;\n}\n","import {\n  Component,\n  Host,\n  h,\n  State,\n  Prop,\n  getAssetPath,\n  Method\n} from \"@stencil/core\";\nimport { mercuryChatMessageRender } from \"../../components/chat/code-render\";\n\nimport { MercuryBundles } from \"@genexus/mercury\";\n\nconst AI_AVATAR = getAssetPath(\n  `./gx-ide-assets/chat-welcome/images/ai-avatar.svg`\n);\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"utils/elevation\",\n  \"components/chat\"\n];\n\nimport {\n  chatCallbacksWithChatRef,\n  chatTranslations,\n  codeFixerRecord\n} from \"./callbacks\";\nimport {\n  ChatMessage,\n  ChatInternalCallbacks\n} from \"@genexus/chameleon-controls-library\";\nimport { ChatMessageUser } from \"@genexus/chameleon-controls-library/dist/types/components/chat/types\";\n\n@Component({\n  tag: \"gx-ide-sc-chat-container\",\n  styleUrl: \"chat-showcase.scss\",\n  shadow: true\n})\nexport class GxIdeScChatContainer {\n  #chatContainerRef!: HTMLGxIdeChatContainerElement;\n  #chatWelcomeRef!: HTMLGxIdeChatWelcomeElement;\n  #chChatRef!: HTMLChChatElement;\n  #chatCallbacks: ChatInternalCallbacks;\n\n  /**\n   * If true, the chat items length will be 0, since this is a requirement for dipslaying the ch-chat\n   * \"empty-chat\" slot that welcome screen uses to display.\n   */\n  @Prop() readonly mode: \"welcome\" | \"messages-sample\" | \"empty\" =\n    \"messages-sample\";\n\n  @State() generatingResponse: boolean = false;\n  @State() loadingState:\n    | \"all-records-loaded\"\n    | \"initial\"\n    | \"loading\"\n    | \"more-data-to-fetch\" = \"all-records-loaded\";\n  @State() showAdditionalContent: boolean = false;\n  @State() conversationCopied: boolean = false;\n  @State() assistantStatus: string = \"Getting Data\";\n  @State() chatItems: ChatMessage[] = [];\n\n  /**\n   * It will exit the wellcome screen and remove it from the dom.\n   */\n  @Method()\n  async exitWelcome() {\n    // hand exitWelcome to gx-ide-chat-welcome\n    this.#chatWelcomeRef.exitWelcome();\n  }\n\n  #copyConversationCallbackHandler = () => {\n    this.#chatContainerRef.showCopyConversationMessage();\n  };\n\n  #deleteConversationCallbackHandler = () => {};\n\n  componentDidLoad() {\n    setTimeout(() => {\n      this.assistantStatus = \"Creating Data Base..\";\n    }, 1000);\n  }\n\n  componentDidRender() {\n    if (!this.#chatCallbacks && this.#chChatRef) {\n      this.#chatCallbacks = chatCallbacksWithChatRef(this.#chChatRef);\n    }\n  }\n\n  async componentWillLoad() {\n    if (this.mode === \"messages-sample\") {\n      this.chatItems = codeFixerRecord;\n    } else if (this.mode === \"welcome\") {\n      this.chatItems = [];\n    } else if (this.mode === \"empty\") {\n      this.chatItems = [\n        {\n          id: \"1\",\n          role: \"assistant\",\n          status: \"complete\",\n          content: \"Hello! I am your assistant.\",\n          metadata: \"14:56\"\n        }\n      ];\n    }\n  }\n  #suggestedPrompRequestedCallbackHandler = async (\n    prompt: string\n  ): Promise<void> => {\n    let assistantFinalResponse: string;\n    if (prompt.toLowerCase().includes(\"transaction\")) {\n      assistantFinalResponse =\n        'To create a transaction in GeneXus, start by opening your KB (Knowledge Base) and selecting \"Transaction\" from the \"New Object\" options. Give it a name and define its attributes, starting with a primary key followed by the related data fields. GeneXus will automatically infer the data structure and relationships based on how you define the attributes and their nesting. Once saved, it generates the necessary database tables and forms for inserting, updating, and deleting records. You can then run the application to test the transaction directly in your browser.';\n    } else if (prompt.toLowerCase().includes(\"entity\")) {\n      assistantFinalResponse =\n        'In GeneXus, creating an entity usually means defining a Transaction object that represents a real-world concept like \"Customer\" or \"Product.\" To do this, create a new Transaction, name it after the entity, and define its attributes—starting with a unique identifier (like CustomerId) and then adding other fields (like CustomerName, CustomerEmail). GeneXus treats this Transaction as an entity and uses it to generate the corresponding table and interface automatically.';\n    } else {\n      assistantFinalResponse =\n        \"Sorry, I didn’t catch that—mind rephrasing it? 😅\";\n    }\n\n    const userPrompt: ChatMessageUser = {\n      id: \"1\",\n      role: \"user\",\n      content: prompt\n    };\n    this.#chChatRef.addNewMessage(userPrompt);\n    setTimeout(() => {\n      this.#chChatRef.addNewMessage({\n        id: `${new Date().getTime()}`,\n        role: \"assistant\",\n        content: \"Analyzing\",\n        status: \"waiting\"\n      });\n      setTimeout(() => {\n        this.#chChatRef.updateLastMessage(\n          {\n            role: \"assistant\",\n            content: \"Processing with Chat with LLMs\",\n            status: \"waiting\"\n          },\n          \"replace\"\n        );\n        setTimeout(() => {\n          this.#chChatRef.updateLastMessage(\n            {\n              role: \"assistant\",\n              content: \"Getting information\",\n              status: \"waiting\"\n            },\n            \"replace\"\n          );\n          this.#chChatRef.updateLastMessage(\n            {\n              role: \"assistant\",\n              content: assistantFinalResponse,\n              status: \"complete\"\n            },\n            \"replace\"\n          );\n        }, 1500);\n      }, 1500);\n    }, 100);\n  };\n\n  render() {\n    return (\n      <Host>\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <gx-ide-chat-container\n          chatTitle=\"GeneXus Assistant\"\n          copyConversationCallback={this.#copyConversationCallbackHandler}\n          deleteConversationCallback={this.#deleteConversationCallbackHandler}\n          ref={el =>\n            (this.#chatContainerRef = el as HTMLGxIdeChatContainerElement)\n          }\n          class=\"elevation-1\"\n        >\n          <ch-chat\n            callbacks={this.#chatCallbacks}\n            class=\"chat\"\n            generatingResponse={this.generatingResponse}\n            loadingState={this.loadingState} // \"all-records-loaded\" to display the welcome screen\n            renderItem={mercuryChatMessageRender(\n              \"components/markdown-viewer\",\n              AI_AVATAR,\n              \"Nexa\"\n            )}\n            items={this.chatItems} // length 0 to display the welcome screen\n            showAdditionalContent={this.showAdditionalContent}\n            translations={chatTranslations}\n            ref={el => (this.#chChatRef = el as HTMLChChatElement)}\n          >\n            <gx-ide-chat-welcome\n              ref={el =>\n                (this.#chatWelcomeRef = el as HTMLGxIdeChatWelcomeElement)\n              }\n              slot=\"empty-chat\"\n              suggestedPrompRequestedCallback={\n                this.#suggestedPrompRequestedCallbackHandler\n              }\n              suggestedPrompts={[\n                \"I need to represente a product entity\",\n                \"I want to create a Customer Tracking application. Can you help me with the architecture?\",\n                \"I need to create a REST API for my application\"\n              ]}\n            ></gx-ide-chat-welcome>\n            <div slot=\"additional-content\">\n              Custom content that is rendered when the chat renders content\n            </div>\n          </ch-chat>\n        </gx-ide-chat-container>\n      </Host>\n    );\n  }\n}\n"],"mappings":";;;;;;AAMA,MAAMA,IAAyB;;AAE/B,IAAIC;;AAEJ,MAAMC,IAA8B;;AAoDpC,MAAMC,IAAoC;;AAa1C,MAAMC,gBAAiBC,KAA+B;EACpDA,EAAQC,qBAAqB;EAE7BD,EAAQE,cAAc;IACpBC,IAAI,IAAG,IAAIC,MAAOC;IAClBC,MAAM;IACNC,SAAS;IACTC,QAAQ;;EAGVZ,IAAUa,YAAW;IACnBT,EAAQU,kBACN;MACEJ,MAAM;MACNC,SAAS;MACTC,QAAQ;OAEV;IAGFZ,IAAUa,YAAW;MACnBE,eAAeX,GAAS,IAAIH,GAA6B;AAAU,QAClE;AAAM,MACR;AAAM;;AAGJ,MAAMe,2BACXC,MAEO;EACLC,OAAO,MAAM,IAAIC,SAAQC,KAAWA;EACpCjB,eAAeA,cAAcc;EAC7BI,aAAa,MAAM,IAAIF,SAAQC,KAAWA,EAAQ;EAClDE,sBAAsB;IACpBC,aAAavB;IAEbiB,EAAUH,kBACR;MACEJ,MAAM;MACNC,SAAS;MACTC,QAAQ;OAEV;IAGF,OAAO,IAAIO,SAAQC,KAAWP,YAAW,MAAMO,IAAS;AAAI;;;AAKlE,SAASL,eACPX,GACAoB,GACAC,GACAC;EAEA1B,IAAUa,YACR;IACE,MAAMc,IAAqBH,KAAWC,EAAgBG;IAEtDxB,EAAQU,kBACN;MACEJ,MAAM;MACNC,SAASc,EAAgBI,UAAUL,IAAU,IAAIA;;;;;;;;;;;;;;;;MAiBjDZ,QAAQe,IAAqB,aAAa;OAE5CD;IAGF,KAAKC,GAAoB;MACvBZ,eAAeX,GAASoB,IAAU,IAAIC,GAAiB;WAClD;MACLrB,EAAQC,qBAAqB;;MAGjCmB,IAAU,QAAQ,IAAI,KAAK;AAE/B;;AAEO,MAAMM,IAAqC;EAChDC,gBAAgB;IACdC,WAAW;IACXC,oBAAoB;IACpBC,oBAAoB;IACpBC,aAAa;IACbC,qBAAqB;IACrBC,YAAY;IACZC,WAAW;IACXC,4BAA4B;;EAE9BC,aAAa;IACXF,WAAW;;EAEbG,MAAM;IACJC,gBAAgB;IAChBC,YAAY,mBAAmB5C;IAC/B6C,aAAa;;;;AAiB4BC,MAAMC,KACjD;EAAElB,QAAQ;IACV,CAACmB,GAAGC,MACFA,IAAQ,MAAM,IACV;EACEzC,IAAI,UAAUyC;EACdtC,MAAM;EACNC,SACE,UAAUqC,MACV,UAAUA,QACV,UAAUA,QACV,UAAUA,QACV,UAAUA,QACV,UAAUA,QACV,UAAUA;IAEd;EACEzC,IAAI,UAAUyC;EACdtC,MAAM;EACNC,SACET,IACA,YAAY8C,QACZ,UAAUA,QACV,UAAUA,QACV,UAAUA,QACV,UAAUA,QACV,UAAUA,QACV,UAAUA;;;AAIf,MAAMC,IAAiC,EAC5C;EACE1C,IAAI;EACJG,MAAM;EACNC,SAAS;EACTuC,UAAU;GAEZ;EACE3C,IAAI;EACJG,MAAM;EACNE,QAAQ;EACRD,SACE;EACFuC,UAAU;GAEZ;EACE3C,IAAI;EACJG,MAAM;EACNE,QAAQ;EACRD,SACE;EACFuC,UAAU;EACVC,OAAO;GAET;EACE5C,IAAI;EACJG,MAAM;EACNC,SACE;EACFuC,UAAU;GAEZ;EACE3C,IAAI;EACJG,MAAM;EACNE,QAAQ;EACRD,SACE;EACFuC,UAAU;EACVC,OAAO;GAET;EACE5C,IAAI;EACJG,MAAM;EACNC,SACE;EACFuC,UAAU;GAEZ;EACE3C,IAAI;EACJG,MAAM;EACNE,QAAQ;EACRD,SACE;EACFuC,UAAU;GAEZ;EACE3C,IAAI;EACJG,MAAM;EACNE,QAAQ;EACRD,SAAS;GAEX;EACEJ,IAAI;EACJG,MAAM;EACNE,QAAQ;EACRD,SAAST;;;AC5Sb,MAAMkD,IAAkB;;;;;;;;;;;;;;;;;ACaxB,MAAMC,IAAYC,EAChB;;AAEF,MAAMC,IAA8B,EAClC,qBACA,mBACA;;MAmBWC,IAAoB;;;IAC/BC,EAAAC,IAAAC,WAAA;IACAC,EAAAF,IAAAC,WAAA;IACAE,EAAAH,IAAAC,WAAA;IACAG,EAAAJ,IAAAC,WAAA;IA6BAI,EAAAL,IAAAC,OAAmC;MACjCK,EAAAL,MAAIF,GAAA,KAAmBQ;AAA6B;IAGtDC,EAAAR,IAAAC,OAAqC;IA+BrCQ,EAAAT,IAAAC,OAA0CS,MACxCC;MAEA,IAAIC;MACJ,IAAID,EAAOE,cAAcC,SAAS,gBAAgB;QAChDF,IACE;aACG,IAAID,EAAOE,cAAcC,SAAS,WAAW;QAClDF,IACE;aACG;QACLA,IACE;;MAGJ,MAAMG,IAA8B;QAClClE,IAAI;QACJG,MAAM;QACNC,SAAS0D;;MAEXL,EAAAL,MAAIE,GAAA,KAAYvD,cAAcmE;MAC9B5D,YAAW;QACTmD,EAAAL,MAAIE,GAAA,KAAYvD,cAAc;UAC5BC,IAAI,IAAG,IAAIC,MAAOC;UAClBC,MAAM;UACNC,SAAS;UACTC,QAAQ;;QAEVC,YAAW;UACTmD,EAAAL,MAAIE,GAAA,KAAY/C,kBACd;YACEJ,MAAM;YACNC,SAAS;YACTC,QAAQ;aAEV;UAEFC,YAAW;YACTmD,EAAAL,MAAIE,GAAA,KAAY/C,kBACd;cACEJ,MAAM;cACNC,SAAS;cACTC,QAAQ;eAEV;YAEFoD,EAAAL,MAAIE,GAAA,KAAY/C,kBACd;cACEJ,MAAM;cACNC,SAAS2D;cACT1D,QAAQ;eAEV;AACD,cACA;AAAK,YACP;AAAK,UACP;AAAI;gBAjHP;8BAEqC;wBAKZ;iCACe;8BACH;2BACJ;qBACC;;;;SAMpC,iBAAM8D;;IAEJV,EAAAL,MAAIC,GAAA,KAAiBc;;EASvB,gBAAAC;IACE9D,YAAW;MACT8C,KAAKiB,kBAAkB;AAAsB,QAC5C;;EAGL,kBAAAC;IACE,KAAKb,EAAAL,MAAIG,GAAA,QAAmBE,EAAAL,MAAIE,GAAA,MAAa;MAC3CiB,EAAAnB,MAAIG,GAAkB9C,yBAAyBgD,EAAAL,MAAIE,GAAA,OAAY;;;EAInE,uBAAMkB;IACJ,IAAIpB,KAAKjC,SAAS,mBAAmB;MACnCiC,KAAKqB,YAAY/B;WACZ,IAAIU,KAAKjC,SAAS,WAAW;MAClCiC,KAAKqB,YAAY;WACZ,IAAIrB,KAAKjC,SAAS,SAAS;MAChCiC,KAAKqB,YAAY,EACf;QACEzE,IAAI;QACJG,MAAM;QACNE,QAAQ;QACRD,SAAS;QACTuC,UAAU;;;;EAgElB,MAAA+B;IACE,OACEC,EAACC,GAAI,MACHD,EAAA;MAAUE,OAAO7B;QACjB2B,EAAA;MACEG,WAAU;MACVC,0BAA0BtB,EAAAL,MAAII,GAAA;MAC9BwB,4BAA4BvB,EAAAL,MAAIO,GAAA;MAChCsB,KAAKC,KACFX,EAAAnB,MAAIF,GAAqBgC,GAAmC;MAE/DC,OAAM;OAENR,EAAA;MACES,WAAW3B,EAAAL,MAAIG,GAAA;MACf4B,OAAM;MACNrF,oBAAoBsD,KAAKtD;MACzBuF,cAAcjC,KAAKiC;MACnBC,YAAYC,EACV,8BACAzC,GACA;MAEF0C,OAAOpC,KAAKqB;MACZgB,uBAAuBrC,KAAKqC;MAC5BC,cAAcnE;MACd0D,KAAKC,KAAOX,EAAAnB,MAAIE,GAAc4B,GAAuB;OAErDP,EAAA;MACEM,KAAKC,KACFX,EAAAnB,MAAIC,GAAmB6B,GAAiC;MAE3DS,MAAK;MACLC,iCACEnC,EAAAL,MAAIQ,GAAA;MAENiC,kBAAkB,EAChB,yCACA,4FACA;QAGJlB,EAAA;MAAKgB,MAAK;OAAoB"}

package/dist/genexus-ide-ui/{p-a8d0b62e.entry.js → p-52f37ec7.entry.js}

@@ -1,6 +1,6 @@
 import { r as t, g as e, h as s, H as i, a as n } from "./p-25a9f1d7.js";
 
-import { g as o } from "./p-ede7bd20.js";
+import { g as o } from "./p-2987a259.js";
 
 import { L as a } from "./p-311eedf3.js";
 
@@ -242,7 +242,7 @@ var l = undefined && undefined.__classPrivateFieldGet || function(t, e, s, i) {
   return s === "m" ? i : s === "a" ? i.call(t) : i ? i.value : e.get(t);
 };
 
-var d, f, u, p, m, v, w, g, b, k, y, _, x, W, M, I, C, S, T, z, N, j, L;
+var d, f, u, p, m, v, w, g, k, b, y, _, x, W, M, I, C, S, T, z, N, j, L;
 
 const E = [ "resets/box-sizing", "chameleon/scrollbar", "components/tooltip", "components/tree-view", "utils/form--full", "utils/layout", "utils/spacing", "utils/typography" ];
 
@@ -269,12 +269,12 @@ const F = class {
     v.set(this, []);
     w.set(this, void 0);
     g.set(this, void 0);
-    b.set(this, (() => {
+    k.set(this, (() => {
       if (this.cancelCallback) {
         this.cancelCallback();
       }
     }));
-    k.set(this, (async t => {
+    b.set(this, (async t => {
       const e = [];
       t.detail.forEach((t => {
         t.item.checked && e.push(t.item.id);
@@ -335,7 +335,7 @@ const F = class {
     }, this.cancelCallback && s("button", {
       class: "button-secondary",
       part: "cancel-button",
-      onClick: l(this, b, "f")
+      onClick: l(this, k, "f")
     }, l(this, d, "f").footer.cancel), this.confirmCallback && s("button", {
       class: "button-primary",
       part: "confirm-button",
@@ -527,7 +527,7 @@ const F = class {
       "show-lines": this.nodesVersionsViewType === "tree" ? "all" : "none",
       expandableButton: this.nodesVersionsViewType === "tree" ? "decorative" : "no",
       onItemContextmenu: l(this, _, "f"),
-      onCheckedItemsChange: l(this, k, "f"),
+      onCheckedItemsChange: l(this, b, "f"),
       onSelectedItemsChange: l(this, C, "f"),
       expandOnClick: this.expandOnClick,
       multiSelection: this.multiSelection,
@@ -553,7 +553,7 @@ const F = class {
 };
 
 d = new WeakMap, f = new WeakMap, u = new WeakMap, p = new WeakMap, m = new WeakMap, 
-v = new WeakMap, w = new WeakMap, g = new WeakMap, b = new WeakMap, k = new WeakMap, 
+v = new WeakMap, w = new WeakMap, g = new WeakMap, k = new WeakMap, b = new WeakMap, 
 y = new WeakMap, _ = new WeakMap, x = new WeakMap, W = new WeakMap, M = new WeakMap, 
 I = new WeakMap, C = new WeakMap, S = new WeakMap, T = new WeakMap, z = new WeakMap, 
 N = new WeakMap, j = new WeakMap, L = new WeakMap;
@@ -561,4 +561,4 @@ N = new WeakMap, j = new WeakMap, L = new WeakMap;
 F.style = c;
 
 export { F as gx_ide_select_kb_items };
-//# sourceMappingURL=p-a8d0b62e.entry.js.map
+//# sourceMappingURL=p-52f37ec7.entry.js.map

package/dist/genexus-ide-ui/{p-4538dea5.entry.js → p-54fb1287.entry.js}

@@ -1,6 +1,6 @@
 import { r as e, h as t, H as n, a } from "./p-25a9f1d7.js";
 
-import { g as o } from "./p-ede7bd20.js";
+import { g as o } from "./p-2987a259.js";
 
 import { L as r } from "./p-311eedf3.js";
 
@@ -2416,4 +2416,4 @@ Qe = new WeakMap, Re = new WeakMap, Ve = new WeakMap, Ee = new WeakSet, Be = fun
 nt.style = Ie;
 
 export { nt as gx_ide_start_page };
-//# sourceMappingURL=p-4538dea5.entry.js.map
+//# sourceMappingURL=p-54fb1287.entry.js.map

package/dist/genexus-ide-ui/{p-74715731.entry.js → p-60e39b2f.entry.js}

@@ -1,6 +1,6 @@
 import { r as t, h as e, H as i, a } from "./p-25a9f1d7.js";
 
-import { g as s } from "./p-ede7bd20.js";
+import { g as s } from "./p-2987a259.js";
 
 import { c as r } from "./p-13738332.js";
 
@@ -538,4 +538,4 @@ z = new WeakMap, C = new WeakMap, T = new WeakMap, j = new WeakMap;
 P.style = o;
 
 export { P as gx_ide_team_dev_history };
-//# sourceMappingURL=p-74715731.entry.js.map
+//# sourceMappingURL=p-60e39b2f.entry.js.map