@genexus/genexus-ide-ui 0.0.143 → 0.0.145

package/dist/cjs/gx-ide-create-kb-from-server.cjs.entry.js

@@ -4,8 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5ab4492a.js');
 const locale = require('./locale-bf43b87c.js');
+const common = require('./common-2e355c7d.js');
+const formValidation = require('./form-validation-40aa8527.js');
 
-const createKbFromServerCss = ":root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-01--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-02{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-02--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--color-on-primary)}.gxg-title-03{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-03--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-04{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-04--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-05{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-05--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable)}.gxg-text--negative{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text--gray{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--dimmed)}.gxg-quote{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);font-style:italic}.gxg-quote--negative{color:var(--ds-base-font-color--negative)}.gxg-link{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--ds-base-font-color--link-hover)}.gxg-link:active{color:var(--ds-base-font-color--link-active)}.gxg-link-gray{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed)}.gxg-link-gray:hover{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed);filter:brightness(1.4)}.gxg-alert-error{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--error);display:inline-block}.gxg-alert-warning{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--warning);display:inline-block}.gxg-alert-success{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--success);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--ds-base-font-family-primary);font-weight:var(--gxg-label-font-weight);font-size:var(--gxg-label-font-size);color:var(--gxg-label-color);text-align:center;line-height:1.455em;display:flex;align-items:center}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gxg-scrollbar::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.gxi-hidden{display:none !important}.gxi-full-height{height:100%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}.justify-start{display:flex;justify-content:start}.justify-center{display:flex;justify-content:center}.justify-end{display:flex;justify-content:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:99;border-bottom:1px solid var(--mer-color__neutral-gray--800)}ch-grid-column:first-child{padding-inline-start:var(--gx-ide-container__padding) !important}ch-grid-column:last-child{padding-inline-end:var(--gx-ide-container__padding) !important}ch-grid-cell{--mer-spacing--xs:var(--gx-ide-container__padding)}.layout{display:grid;gap:var(--mer-spacing--lg);box-sizing:border-box}.layout--two-cols{grid-template-columns:1fr 1fr}.layout--space-above{padding-block-start:var(--mer-spacing--lg)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--mer-font__weight--regular);font-size:var(--mer-font__size--xs);font-family:var(--mer-font-family--primary);height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-main::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-main::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-main::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-overflow::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.tree-container{display:flex;height:100%;width:100%;box-sizing:border-box}p{margin:0;font-size:var(--mer-font__size--xxs)}:host{display:block;border:1px solid var(--gxg-border-color--regular);background-color:var(--mer-color__surface)}.header{display:grid;gap:var(--mer-spacing--md);grid-template-rows:auto;grid-template-columns:1fr 1fr min-content;align-items:center;padding:var(--mer-spacing--sm);border-block-end:1px solid var(--mer-border-color__on-elevation--01)}.header__item{display:flex;flex-direction:column;gap:var(--mer-spacing--xxxs)}.main{display:flex;flex-direction:column;gap:var(--mer-spacing--sm);padding:var(--mer-spacing--sm)}.kbs-list{max-height:200px}.versions-container{display:flex;flex-direction:column}.versions-container__input{display:flex;gap:8px}";
+const createKbFromServerCss = ":root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-01--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-02{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-02--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--color-on-primary)}.gxg-title-03{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-03--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-04{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-04--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-05{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-05--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable)}.gxg-text--negative{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text--gray{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--dimmed)}.gxg-quote{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);font-style:italic}.gxg-quote--negative{color:var(--ds-base-font-color--negative)}.gxg-link{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--ds-base-font-color--link-hover)}.gxg-link:active{color:var(--ds-base-font-color--link-active)}.gxg-link-gray{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed)}.gxg-link-gray:hover{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed);filter:brightness(1.4)}.gxg-alert-error{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--error);display:inline-block}.gxg-alert-warning{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--warning);display:inline-block}.gxg-alert-success{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--success);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--ds-base-font-family-primary);font-weight:var(--gxg-label-font-weight);font-size:var(--gxg-label-font-size);color:var(--gxg-label-color);text-align:center;line-height:1.455em;display:flex;align-items:center}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gxg-scrollbar::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.gxi-hidden{display:none !important}.gxi-full-height{height:100%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}.justify-start{display:flex;justify-content:start}.justify-center{display:flex;justify-content:center}.justify-end{display:flex;justify-content:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:99;border-bottom:1px solid var(--mer-color__neutral-gray--800)}ch-grid-column:first-child{padding-inline-start:var(--gx-ide-container__padding) !important}ch-grid-column:last-child{padding-inline-end:var(--gx-ide-container__padding) !important}ch-grid-cell{--mer-spacing--xs:var(--gx-ide-container__padding)}.layout{display:grid;gap:var(--mer-spacing--lg);box-sizing:border-box}.layout--two-cols{grid-template-columns:1fr 1fr}.layout--space-above{padding-block-start:var(--mer-spacing--lg)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--mer-font__weight--regular);font-size:var(--mer-font__size--xs);font-family:var(--mer-font-family--primary);height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-main::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-main::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-main::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-overflow::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.tree-container{display:flex;height:100%;width:100%;box-sizing:border-box}p{margin:0;font-size:var(--mer-font__size--xxs)}:host{display:block;border:1px solid var(--gxg-border-color--regular);background-color:var(--mer-color__surface)}.grid-data{grid-template-columns:repeat(2, 1fr)}.grid-data-account{grid-template-columns:auto 1fr}.grid-data-account>:nth-child(1){grid-area:1/1/2/3}.grid-data-account>:nth-child(6){grid-area:4/2/5/3}.grid-data-kbs{display:flex;flex-direction:column;gap:var(--gx-ide-grid-row-gap)}.grid-data-kbs .search-kbs{width:100%;display:flex}.grid-data-kbs .box-kbs{height:150px}.grid-data-kbs-footer{display:flex}.flex{display:flex}.flex>:nth-child(2){flex:1}";
 
 const GxIdeCreateKbFromServer = class {
     constructor(hostRef) {
@@ -13,84 +15,104 @@ const GxIdeCreateKbFromServer = class {
         this.componentDidRenderFirstTime = index.createEvent(this, "componentDidRenderFirstTime", 7);
         this.renderedFirstTime = false;
         this.shortcutsSrc = index.getAssetPath(`./gx-ide-assets/create-kb-from-server/shortcuts.json`);
+        this.kbIdSelected = null;
+        this.authenticationTypes = [];
         // 7.LISTENERS //
         // 8.PUBLIC METHODS API //
         // 9.LOCAL METHODS //
-        this.init = async () => {
-            if (this.getGXserverKBsCallback) {
-                await this.getGXserverKBsCallback({
-                    serverUrl: this.serverUrl,
-                    user: this.userName,
-                    password: this.userPassword
-                }).then(result => {
-                    this.kbsData = result;
-                });
-            }
-            // get version option
-            this.versionSelectedType = this.versionSelectedTypeEl
-                .value;
+        this.setAuthenticationTypes = () => {
+            this.authenticationTypes = [
+                {
+                    id: "genexus",
+                    value: "genexus",
+                    label: this._componentLocale.authenticationTypes.genexusAccount
+                },
+                {
+                    id: "local",
+                    value: "local",
+                    label: this._componentLocale.authenticationTypes.local
+                }
+            ];
         };
-        this.cancelHandler = () => {
-            if (this.cancelCallback) {
-                this.cancelCallback();
-            }
+        this.addEventListeners = () => {
+            this.serverUrlsEl.addEventListener("valueChanged", () => {
+                this.reset();
+            });
+            this.searchKBEl.addEventListener("valueChanged", (e) => {
+                this.kbNameEl.value = "";
+                this.kbIdSelected = null;
+                this.kbSearchText = e.detail;
+            });
+            this.listBoxEl.addEventListener("selectionChanged", (ev) => {
+                const selectedItems = ev.detail.items;
+                let selectedItem;
+                if (selectedItems.length > 0) {
+                    selectedItem = ev.detail.items[0];
+                }
+                if (selectedItem) {
+                    this.kbIdSelected = selectedItem.value;
+                    const kbSelected = this.kbs.find(kb => kb.id === this.kbIdSelected);
+                    if (kbSelected) {
+                        this.kbNameEl.value = kbSelected.name;
+                    }
+                }
+            });
         };
-        this.createHandler = async () => {
+        this.createKbHandler = () => {
             if (this.createKBCallback) {
-                this.createKBCallback(this.selectedKbId, this.versionSelectedType, this.localKBNameEl.value, this.kbVersionsIds);
-            }
-        };
-        this.changeConnectionHandler = async () => {
-            if (this.changeConnectionCallback) {
-                this.changeConnectionCallback({
-                    serverUrl: this.serverUrl,
-                    user: this.userName,
-                    password: this.userPassword
+                const createKBCallbackPromise = this.createKBCallback({
+                    id: this.kbIdSelected,
+                    name: this.kbNameEl.value
+                });
+                createKBCallbackPromise.then((formSubmitResult) => {
+                    formValidation.formSubmitValidation(formSubmitResult, this);
                 });
             }
         };
-        this.renderKbs = () => {
-            return this.kbsData.map(kb => {
-                return (index.h("gx-ide-list-selector-item", { itemId: kb.id, itemValue: kb.name }));
-            });
-        };
-        this.selectionChangedHandler = (event) => {
-            this.selectedKbId = event.detail[0].itemId;
-        };
-        this.selectedVersionHandler = async () => {
-            if (this.selectKBVersionsCallback) {
-                await this.selectKBVersionsCallback(this.selectedKbId).then(result => {
-                    if (result === null || result === void 0 ? void 0 : result.length) {
-                        this.kbVersions = result;
-                        this.kbVersionsIds = result.map(version => version.id.toString());
+        this.connectCallbackHandler = () => {
+            var _a, _b;
+            if (this.connectCallback) {
+                const connectCallbackPromise = this.connectCallback({
+                    serverUrl: this.serverUrlsEl.value,
+                    authenticationType: this.authenticationTypeEl.value,
+                    user: (_a = this.userNameEl) === null || _a === void 0 ? void 0 : _a.value,
+                    password: (_b = this.passwordEl) === null || _b === void 0 ? void 0 : _b.value
+                });
+                connectCallbackPromise.then((connectionResultData) => {
+                    formValidation.formSubmitValidation(connectionResultData.formResult, this);
+                    if (connectionResultData.formResult.success &&
+                        connectionResultData.kbs) {
+                        this.kbs = connectionResultData.kbs;
+                        this.selectionKbDisabled = false;
                     }
                 });
             }
         };
-        this.versionsChangedHandler = (event) => {
-            this.versionSelectedType = event.detail.value;
-        };
-        this.kbsData = [];
-        this.kbVersions = [];
-        this.kbVersionsIds = [];
-        this.versionSelectedType = undefined;
+        this.selectionKbDisabled = true;
+        this.kbs = [];
+        this.kbSearchText = "";
         this.displayTitle = false;
-        this.serverUrl = undefined;
-        this.userName = undefined;
-        this.userPassword = undefined;
-        this.getGXserverKBsCallback = undefined;
-        this.changeConnectionCallback = undefined;
+        this.connectCallback = undefined;
         this.createKBCallback = undefined;
-        this.selectKBVersionsCallback = undefined;
-        this.cancelCallback = undefined;
+        this.enableCustomServer = true;
+        this.kbName = undefined;
+        this.password = undefined;
+        this.serverUrls = undefined;
+        this.userName = undefined;
+    }
+    watchPropHandler(newKbs) {
+        /* When the list of servers are updated, the first server is selected by default */
+        this.kbIdSelected = newKbs[0].id;
+        this.kbName = newKbs[0].name;
     }
     // 6.METHODS //
     async componentWillLoad() {
         this._componentLocale = await locale.Locale.getComponentStrings(this.el);
+        this.setAuthenticationTypes();
     }
     componentDidLoad() {
-        this.searchKbsEl.focus();
-        this.init();
+        this.serverUrlsEl.focus();
+        this.addEventListeners();
     }
     componentDidRender() {
         if (!this.renderedFirstTime) {
@@ -98,13 +120,33 @@ const GxIdeCreateKbFromServer = class {
             this.renderedFirstTime = true;
         }
     }
+    reset() {
+        this.kbs = [];
+        this.kbIdSelected = null;
+        this.selectionKbDisabled = true;
+        this.searchKBEl.value = "";
+        this.kbSearchText = "";
+    }
+    // 10.RENDER() FUNCTION //
     // 11.RENDER() FUNCTION //
     render() {
-        return (index.h(index.Host, { class: "gx-ide-component" }, index.h("div", { class: "gx-ide-main-wrapper" }, index.h("gx-ide-container", { slimmerFooter: true, noContentPadding: true, noContentGap: true, containerTitle: this.displayTitle ? this._componentLocale.componentName : null }, index.h("div", { class: "header" }, index.h("div", { class: "header__item" }, index.h("gxg-label", { labelPosition: "start", class: "kb-label" }, this._componentLocale.header.serverUrl), index.h("p", null, this.serverUrl)), index.h("div", { class: "header__item" }, index.h("gxg-label", { labelPosition: "start", class: "kb-label" }, this._componentLocale.header.user), index.h("p", null, this.userName)), index.h("gxg-button", { type: "secondary-text-only", class: "header__button", onClick: this.changeConnectionHandler }, this._componentLocale.header.change)), index.h("main", { class: "main" }, index.h("gxg-form-text", { icon: "gemini-tools/search", iconPosition: "start", placeholder: this._componentLocale.main.searchKB, maxWidth: "300px", ref: el => (this.searchKbsEl = el) }), index.h("gx-ide-list-selector", { listName: "kbs-list", ellipsis: true, onSelectionChanged: this.selectionChangedHandler, class: "kbs-list" }, this.renderKbs()), index.h("gxg-form-radio-group", { row: true, onChange: this.versionsChangedHandler, ref: el => (this.versionSelectedTypeEl =
-                el) }, index.h("gxg-form-radio", { label: this._componentLocale.main.trunkVersion, id: "Trunk", value: "Trunk" }), index.h("gxg-form-radio", { label: this._componentLocale.main.allVersions, id: "All", value: "All" }), index.h("gxg-form-radio", { label: this._componentLocale.main.selectVersion, id: "Select", value: "Select" })), index.h("div", { class: "versions-container" }, index.h("gxg-label", { labelPosition: "above" }, this._componentLocale.main.selectVersion), index.h("div", { class: "versions-container__input" }, index.h("gxg-form-text", { readonly: true, value: `${this.kbVersions.length.toString()} versions selected` }), index.h("gxg-button", { type: "secondary-icon-only", icon: "gemini-tools/show-more-horizontal", onClick: this.selectedVersionHandler }))), index.h("gxg-form-text", { label: "Local KB Name", labelPosition: "above", ref: el => (this.localKBNameEl = el) })), index.h("gxg-button", { type: "outlined", slot: "footer-end", onClick: this.cancelHandler }, this._componentLocale.footer.cancel), index.h("gxg-button", { onClick: this.createHandler, slot: "footer-end" }, this._componentLocale.footer.create))), index.h("gxg-shortcuts", { src: this.shortcutsSrc })));
+        return (index.h(index.Host, { class: "gx-ide-component" }, index.h("div", { class: "gx-ide-main-wrapper" }, index.h("gx-ide-container", { containerTitle: this.displayTitle ? this._componentLocale.componentName : null }, index.h("div", { class: "flex" }, index.h("gxg-label", { labelPosition: "start", class: "kb-label" }, this._componentLocale.label.serverUrl), index.h("gxg-combo-box", { disableFilter: !this.enableCustomServer, ref: (el) => (this.serverUrlsEl = el), class: "server-urls-combo-box", part: "server-urls" }, this.serverUrls
+            ? common.renderFormItems("gxg-combo-box-item", this.serverUrls.map(sUrl => ({
+                id: sUrl,
+                label: sUrl,
+                value: sUrl
+            })), "server-urls")
+            : null)), index.h("div", { class: "grid grid-data" }, index.h("div", null, index.h("div", { class: "grid grid-data-account" }, index.h("gxg-combo-box", { "tool-tip": true, disableFilter: true, value: this.authenticationTypes[0].id, ref: (el) => (this.authenticationTypeEl = el), class: "authentication-type", part: "authentication-type", onValueChanged: this.evaluateAuthenticationType }, common.renderFormItems("gxg-combo-box-item", this.authenticationTypes, "authentication-type")), index.h("gxg-label", { labelPosition: "start", class: "kb-label" }, `${this._componentLocale.label.userName}:`), index.h("gxg-form-text", { ref: (el) => (this.userNameEl = el), "tool-tip": true, value: this.userName, class: "user-name", part: "user-name" }), index.h("gxg-label", { labelPosition: "start", class: "kb-label" }, `${this._componentLocale.label.password}:`), index.h("gxg-form-text", { "tool-tip": true, password: true, ref: (el) => (this.passwordEl = el), value: this.password, class: "password", part: "password" }), index.h("div", null, index.h("gxg-button", { id: "button-connect", type: "primary-text-only", onClick: this.connectCallbackHandler, part: "button-connect" }, this._componentLocale.buttons.connect)))), index.h("div", { class: "grid" }, index.h("div", { class: "grid-data-kbs" }, index.h("div", { class: "search-kbs" }, index.h("gxg-form-text", { ref: (el) => (this.searchKBEl = el), class: "search-kb-input", part: "search-kb", disabled: this.selectionKbDisabled, placeholder: this._componentLocale.label.searchKbs })), index.h("div", { class: "box-kbs" }, index.h("gxg-list-box", { singleSelection: true, disabled: this.selectionKbDisabled, ref: (el) => (this.listBoxEl = el), part: "kbs" }, this.kbs
+            .filter(kb => kb.name
+            .toLowerCase()
+            .includes(this.kbSearchText.toLowerCase()))
+            .map(kb => (index.h("gxg-list-box-item", { value: kb.id, key: kb.id }, kb.name)))))), index.h("div", { class: "grid grid-data-kbs-footer" }, index.h("gxg-form-text", { ref: (el) => (this.kbNameEl = el), label: this._componentLocale.localKb, value: this.kbName, class: "kb-name", part: "kb-name", disabled: this.selectionKbDisabled }), index.h("div", null, index.h("gxg-button", { id: "button-create", type: "primary-text-only", onClick: this.createKbHandler, part: "button-create", disabled: this.selectionKbDisabled }, this._componentLocale.buttons.create))))))), index.h("gxg-shortcuts", { src: this.shortcutsSrc })));
     }
     static get assetsDirs() { return ["gx-ide-assets/create-kb-from-server"]; }
     get el() { return index.getElement(this); }
+    static get watchers() { return {
+        "kbs": ["watchPropHandler"]
+    }; }
 };
 GxIdeCreateKbFromServer.style = createKbFromServerCss;
 

package/dist/cjs/gx-ide-create-kb-from-server.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"gx-ide-create-kb-from-server.entry.cjs.js","mappings":"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","names":["getAssetPath","h","Locale","Host"],"sources":["src/components/create-kb-from-server/create-kb-from-server.scss?tag=gx-ide-create-kb-from-server&encapsulation=shadow","src/components/create-kb-from-server/create-kb-from-server.tsx"],"sourcesContent":["@import \"../../global/gx-ide-common.scss\";\n@import \"../../global/gx-ide-mixins.scss\";\n\n:host {\n  display: block;\n  border: 1px solid var(--gxg-border-color--regular);\n  background-color: var(--mer-color__surface);\n}\n\n.header {\n  display: grid;\n  gap: var(--mer-spacing--md);\n  grid-template-rows: auto;\n  grid-template-columns: 1fr 1fr min-content;\n  align-items: center;\n  padding: var(--mer-spacing--sm);\n\n  &__item {\n    display: flex;\n    flex-direction: column;\n    gap: var(--mer-spacing--xxxs);\n  }\n\n  border-block-end: 1px solid var(--mer-border-color__on-elevation--01);\n}\n\n.main {\n  display: flex;\n  flex-direction: column;\n  gap: var(--mer-spacing--sm);\n  padding: var(--mer-spacing--sm);\n}\n\n.kbs-list {\n  max-height: 200px;\n}\n\n.versions-container {\n  display: flex;\n  flex-direction: column;\n\n  &__input {\n    display: flex;\n    gap: 8px;\n  }\n}\n","/* STENCIL IMPORTS */\nimport {\n  Component,\n  Host,\n  h,\n  Prop,\n  Event,\n  EventEmitter,\n  Element,\n  State,\n  getAssetPath\n} from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\n/* CUSTOM IMPORTS */\nimport { GXServerConnectionDefault } from \"../connect-gx-server/connect-gx-server\";\nimport { Locale } from \"../../common/locale\";\nimport { ItemData } from \"../_helpers/list-selector/list-selector-item/list-selector-item\";\n\n@Component({\n  tag: \"gx-ide-create-kb-from-server\",\n  styleUrl: \"create-kb-from-server.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/create-kb-from-server\"]\n})\nexport class GxIdeCreateKbFromServer {\n  [key: string]: any;\n\n  // 1.OWN PROPERTIES //\n\n  /**\n   * The component hard-coded strings translations.\n   */\n  private _componentLocale: any;\n  private renderedFirstTime = false;\n  private shortcutsSrc = getAssetPath(\n    `./gx-ide-assets/create-kb-from-server/shortcuts.json`\n  );\n\n  private selectedKbId: string;\n  private localKBNameEl: HTMLGxgFormTextElement;\n  private versionSelectedTypeEl: HTMLGxgFormRadioGroupElement;\n\n  /* References */\n\n  private searchKbsEl!: HTMLGxgFormTextElement;\n\n  // 2. REFERENCE TO ELEMENTS //\n\n  @Element() el: HTMLGxIdeCreateKbFromServerElement;\n\n  // 3.STATE() VARIABLES //\n\n  /**\n   * KBs that return from connect to the server\n   */\n  @State() kbsData: KBData[] = [];\n\n  /**\n   * The kb versions returned from selectKBVersionsCallback\n   */\n  @State() kbVersions: KBVersion[] = [];\n\n  /**\n   * The kb versions ids returned from selectKBVersionsCallback\n   */\n  @State() kbVersionsIds: string[] = [];\n\n  /**\n   * The version selected type\n   */\n  @State() versionSelectedType: VersionOption;\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   * URL of the GXserver to use, not editable by the user in this instance\n   */\n  @Prop() readonly serverUrl: string;\n\n  /**\n   * Name of the user with whom you connected to the GXserver, it is also not editable\n   */\n  @Prop() readonly userName: string;\n\n  /**\n   * Name of the user with whom you connected to the GXserver. It is necessary to know this information when trying to obtain the KBs using the “getGXserverKBsCallback” callback.\n   */\n  @Prop() readonly userPassword: string;\n\n  /**\n   * Callback that must be invoked when invoking the dialog\n   */\n  @Prop() readonly getGXserverKBsCallback: (\n    data: GXServerConnectionDefault\n  ) => Promise<KBData[]>;\n\n  /**\n   * The host reopens the gx-ide-connect-server login modal with the previous data, and closes the current modal\n   */\n  @Prop() readonly changeConnectionCallback: (\n    data: GXServerConnectionDefault\n  ) => Promise<void>;\n\n  /**\n   * Callback that must be invoked when the 'Create KB' button is pressed. Receives the user's parameter selection to create the remote KB locally and ends the dialog.\n   */\n  @Prop() readonly createKBCallback: (\n    selectedKB: string,\n    versionSelected: VersionOption,\n    localKBName: string,\n    versionList?: string[]\n  ) => Promise<void>;\n\n  /**\n   *  Callback invoked by pressing the ellipsis in the version selector. Receives the KB selected by the user, and displays the version selector dialog. Returns a list of versions chosen by the user.\n   */\n  @Prop() readonly selectKBVersionsCallback: (\n    selectedKB: string\n  ) => Promise<KBVersion[]>;\n\n  /**\n   * Callback that is invoked when the dialog is closed\n   */\n  @Prop() readonly cancelCallback: () => Promise<void>;\n\n  // 5.EVENTS (EMIT) //\n\n  /**\n   * This event is emitted once just after the component is fully loaded and the first render() occurs\n   */\n  @Event() componentDidRenderFirstTime: EventEmitter<boolean>;\n\n  // 6.METHODS //\n\n  async componentWillLoad() {\n    this._componentLocale = await Locale.getComponentStrings(this.el);\n  }\n\n  componentDidLoad() {\n    (this.searchKbsEl as HTMLElement).focus();\n    this.init();\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 init = async () => {\n    if (this.getGXserverKBsCallback) {\n      await this.getGXserverKBsCallback({\n        serverUrl: this.serverUrl,\n        user: this.userName,\n        password: this.userPassword\n      }).then(result => {\n        this.kbsData = result;\n      });\n    }\n\n    // get version option\n    this.versionSelectedType = this.versionSelectedTypeEl\n      .value as VersionOption;\n  };\n\n  private cancelHandler = (): void => {\n    if (this.cancelCallback) {\n      this.cancelCallback();\n    }\n  };\n\n  private createHandler = async (): Promise<void> => {\n    if (this.createKBCallback) {\n      this.createKBCallback(\n        this.selectedKbId,\n        this.versionSelectedType,\n        this.localKBNameEl.value,\n        this.kbVersionsIds\n      );\n    }\n  };\n\n  private changeConnectionHandler = async (): Promise<void> => {\n    if (this.changeConnectionCallback) {\n      this.changeConnectionCallback({\n        serverUrl: this.serverUrl,\n        user: this.userName,\n        password: this.userPassword\n      });\n    }\n  };\n\n  private renderKbs = (): HTMLGxIdeListSelectorItemElement[] => {\n    return this.kbsData.map(kb => {\n      return (\n        <gx-ide-list-selector-item\n          itemId={kb.id}\n          itemValue={kb.name}\n        ></gx-ide-list-selector-item>\n      );\n    });\n  };\n\n  private selectionChangedHandler = (event: CustomEvent<ItemData[]>) => {\n    this.selectedKbId = event.detail[0].itemId;\n  };\n\n  private selectedVersionHandler = async () => {\n    if (this.selectKBVersionsCallback) {\n      await this.selectKBVersionsCallback(this.selectedKbId).then(result => {\n        if (result?.length) {\n          this.kbVersions = result;\n          this.kbVersionsIds = result.map(version => version.id.toString());\n        }\n      });\n    }\n  };\n\n  private versionsChangedHandler = (\n    event: CustomEvent<{ value: string; id?: string }>\n  ) => {\n    this.versionSelectedType = event.detail.value as VersionOption;\n  };\n\n  // 11.RENDER() FUNCTION //\n\n  render(): void {\n    return (\n      <Host class=\"gx-ide-component\">\n        <div class=\"gx-ide-main-wrapper\">\n          <gx-ide-container\n            slimmerFooter\n            noContentPadding\n            noContentGap\n            containerTitle={\n              this.displayTitle ? this._componentLocale.componentName : null\n            }\n          >\n            <div class=\"header\">\n              {/* server url */}\n              <div class=\"header__item\">\n                <gxg-label labelPosition=\"start\" class=\"kb-label\">\n                  {this._componentLocale.header.serverUrl}\n                </gxg-label>\n                <p>{this.serverUrl}</p>\n              </div>\n\n              {/* user */}\n              <div class=\"header__item\">\n                <gxg-label labelPosition=\"start\" class=\"kb-label\">\n                  {this._componentLocale.header.user}\n                </gxg-label>\n                <p>{this.userName}</p>\n              </div>\n\n              {/* change */}\n              <gxg-button\n                type=\"secondary-text-only\"\n                class=\"header__button\"\n                onClick={this.changeConnectionHandler}\n              >\n                {this._componentLocale.header.change}\n              </gxg-button>\n            </div>\n\n            <main class=\"main\">\n              {/* search kbs */}\n              <gxg-form-text\n                icon=\"gemini-tools/search\"\n                iconPosition=\"start\"\n                placeholder={this._componentLocale.main.searchKB}\n                maxWidth=\"300px\"\n                ref={el => (this.searchKbsEl = el as HTMLGxgFormTextElement)}\n              ></gxg-form-text>\n\n              {/* kbs list */}\n              <gx-ide-list-selector\n                listName=\"kbs-list\"\n                ellipsis\n                onSelectionChanged={this.selectionChangedHandler}\n                class=\"kbs-list\"\n              >\n                {this.renderKbs()}\n              </gx-ide-list-selector>\n\n              {/* select version */}\n              <gxg-form-radio-group\n                row\n                onChange={this.versionsChangedHandler}\n                ref={el =>\n                  (this.versionSelectedTypeEl =\n                    el as HTMLGxgFormRadioGroupElement)\n                }\n              >\n                <gxg-form-radio\n                  label={this._componentLocale.main.trunkVersion}\n                  id=\"Trunk\"\n                  value=\"Trunk\"\n                ></gxg-form-radio>\n                <gxg-form-radio\n                  label={this._componentLocale.main.allVersions}\n                  id=\"All\"\n                  value=\"All\"\n                ></gxg-form-radio>\n                <gxg-form-radio\n                  label={this._componentLocale.main.selectVersion}\n                  id=\"Select\"\n                  value=\"Select\"\n                ></gxg-form-radio>\n              </gxg-form-radio-group>\n\n              {/* local kb name */}\n              <div class=\"versions-container\">\n                <gxg-label labelPosition=\"above\">\n                  {this._componentLocale.main.selectVersion}\n                </gxg-label>\n\n                <div class=\"versions-container__input\">\n                  <gxg-form-text\n                    readonly\n                    value={`${this.kbVersions.length.toString()} versions selected`}\n                  ></gxg-form-text>\n                  <gxg-button\n                    type=\"secondary-icon-only\"\n                    icon=\"gemini-tools/show-more-horizontal\"\n                    onClick={this.selectedVersionHandler}\n                  ></gxg-button>\n                </div>\n              </div>\n              {/* local kb name */}\n              <gxg-form-text\n                label=\"Local KB Name\"\n                labelPosition=\"above\"\n                ref={el => (this.localKBNameEl = el as HTMLGxgFormTextElement)}\n              ></gxg-form-text>\n            </main>\n\n            {/* cancel / create */}\n            <gxg-button\n              type=\"outlined\"\n              slot=\"footer-end\"\n              onClick={this.cancelHandler}\n            >\n              {this._componentLocale.footer.cancel}\n            </gxg-button>\n            <gxg-button onClick={this.createHandler} slot=\"footer-end\">\n              {this._componentLocale.footer.create}\n            </gxg-button>\n          </gx-ide-container>\n        </div>\n        <gxg-shortcuts src={this.shortcutsSrc}></gxg-shortcuts>\n      </Host>\n    );\n  }\n}\n\nexport type KBData = {\n  id: string;\n  name: string;\n};\n\nexport type KBVersion = {\n  id: number;\n  name: string;\n  type: VersionType;\n};\n\nexport type VersionOption = \"Trunk\" | \"All\" | \"Select\";\n\nexport type VersionType = \"Branch\" | \"Frozen\";\n"],"version":3}
+{"file":"gx-ide-create-kb-from-server.entry.cjs.js","mappings":"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","names":["getAssetPath","formSubmitValidation","Locale","h","Host","renderFormItems"],"sources":["src/components/create-kb-from-server/create-kb-from-server.scss?tag=gx-ide-create-kb-from-server&encapsulation=shadow","src/components/create-kb-from-server/create-kb-from-server.tsx"],"sourcesContent":["@import \"../../global/gx-ide-common.scss\";\n@import \"../../global/gx-ide-mixins.scss\";\n\n:host {\n  display: block;\n  border: 1px solid var(--gxg-border-color--regular);\n  background-color: var(--mer-color__surface);\n}\n:host(.gxi-create-kb-from-server--shadow) {\n}\n\n.grid-data {\n  grid-template-columns: repeat(2, 1fr);\n}\n.grid-data-account {\n  grid-template-columns: auto 1fr;\n  > :nth-child(1) {\n    grid-area: 1 / 1 / 2 / 3;\n  }\n  > :nth-child(6) {\n    grid-area: 4 / 2 / 5 / 3;\n  }\n}\n.grid-data-kbs {\n  display: flex;\n  flex-direction: column;\n  gap: var(--gx-ide-grid-row-gap);\n  .search-kbs {\n    width: 100%;\n    display: flex;\n  }\n  .box-kbs {\n    height: 150px;\n  }\n}\n.grid-data-kbs-footer {\n  display: flex;\n}\n.flex {\n  display: flex;\n  > :nth-child(2) {\n    flex: 1;\n  }\n}\n","/* STENCIL IMPORTS */\nimport {\n  Component,\n  Host,\n  h,\n  Prop,\n  Event,\n  EventEmitter,\n  Element,\n  State,\n  getAssetPath,\n  Watch\n} from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\nimport { SelectionChangedEvent } from \"@genexus/gemini/dist/types/components/list-box/list-box\";\n/* CUSTOM IMPORTS */\nimport { GxOption } from \"../../common/types\";\nimport { Locale } from \"../../common/locale\";\nimport { renderFormItems } from \"../../common/common\";\nimport {\n  FormSubmitResult,\n  GxServerAuthenticationType\n} from \"../../common/types\";\nimport { formSubmitValidation } from \"../../common/form-validation\";\n\n@Component({\n  tag: \"gx-ide-create-kb-from-server\",\n  styleUrl: \"create-kb-from-server.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/create-kb-from-server\"]\n})\nexport class GxIdeCreateKbFromServer {\n  [key: string]: any;\n\n  /*\nINDEX:\n1.OWN PROPERTIES\n2.REFERENCE TO ELEMENTS\n3.STATE() VARIABLES\n4.PUBLIC PROPERTY API | WATCH'S\n5.EVENTS (EMIT)\n6.METHODS\n7.LISTENERS\n8.PUBLIC METHODS API\n9.LOCAL METHODS\n10.RENDER() FUNCTION\n*/\n\n  // 1.OWN PROPERTIES //\n\n  /**\n   * The component hard-coded strings translations.\n   */\n  private _componentLocale: any;\n  private renderedFirstTime = false;\n  private shortcutsSrc = getAssetPath(\n    `./gx-ide-assets/create-kb-from-server/shortcuts.json`\n  );\n\n  /* References needed to collect data with \"Connect\" and \"Create\" buttons submit*/\n  private authenticationTypeEl!: HTMLGxgComboBoxElement;\n  private serverUrlsEl!: HTMLGxgComboBoxElement;\n  private kbNameEl!: HTMLGxgFormTextElement;\n  private passwordEl!: HTMLGxgFormTextElement;\n  private userNameEl!: HTMLGxgFormTextElement;\n  private searchKBEl!: HTMLGxgFormTextElement;\n  private listBoxEl!: HTMLElement;\n  private kbIdSelected: string = null;\n  private authenticationTypes: GxOption[] = [];\n\n  // 2. REFERENCE TO ELEMENTS //\n\n  @Element() el: HTMLGxIdeCreateKbFromServerElement;\n\n  // 3.STATE() VARIABLES //\n\n  /**\n   * Disabled or not the part for select and create the KB\n   */\n  @State() selectionKbDisabled = true;\n\n  /**\n   * KBs that return from connect to the server\n   */\n\n  @State() kbs: KBData[] = [];\n  @Watch(\"kbs\")\n  watchPropHandler(newKbs: KBData[]) {\n    /* When the list of servers are updated, the first server is selected by default */\n    this.kbIdSelected = newKbs[0].id;\n    this.kbName = newKbs[0].name;\n  }\n\n  /**\n   * KBs search text\n   */\n  @State() kbSearchText = \"\";\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 that will be invoked when the user connect to the kb server (‘Connect’ button)\n   */\n  @Prop() readonly connectCallback: (\n    data: GXServerConnectionData\n  ) => Promise<ConnectionResultData>;\n\n  /**\n   * Callback that will be invoked when the user confirms KB creation (‘Create’ button)\n   */\n  @Prop() readonly createKBCallback: (\n    data: CreateKBData\n  ) => Promise<FormSubmitResult>;\n\n  /**\n   * If is true then the user can specify a server url that don't be in the combo box of server urls.\n   */\n  @Prop() readonly enableCustomServer: boolean = true;\n\n  /**\n   * The knowledge base default suggested name\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable\n  @Prop({ mutable: true }) kbName: string;\n\n  /**\n   * Password for the database connection.\n   */\n  @Prop() readonly password: string;\n\n  /**\n   * Array of URLs of cataloged servers to be displayed in the combo\n   */\n  @Prop() readonly serverUrls!: string[];\n\n  /**\n   * Username for the database connection.\n   */\n  @Prop() readonly userName: string;\n\n  // 5.EVENTS (EMIT) //\n\n  /**\n   * This event is emitted once just after the component is fully loaded and the first render() occurs\n   */\n  @Event() componentDidRenderFirstTime: EventEmitter<boolean>;\n\n  // 6.METHODS //\n\n  async componentWillLoad() {\n    this._componentLocale = await Locale.getComponentStrings(this.el);\n    this.setAuthenticationTypes();\n  }\n\n  componentDidLoad() {\n    (this.serverUrlsEl as HTMLElement).focus();\n    this.addEventListeners();\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 setAuthenticationTypes = () => {\n    this.authenticationTypes = [\n      {\n        id: \"genexus\",\n        value: \"genexus\",\n        label: this._componentLocale.authenticationTypes.genexusAccount\n      },\n      {\n        id: \"local\",\n        value: \"local\",\n        label: this._componentLocale.authenticationTypes.local\n      }\n    ];\n  };\n\n  private addEventListeners = () => {\n    this.serverUrlsEl.addEventListener(\"valueChanged\", () => {\n      this.reset();\n    });\n\n    this.searchKBEl.addEventListener(\n      \"valueChanged\",\n      (e: CustomEvent<string>) => {\n        this.kbNameEl.value = \"\";\n        this.kbIdSelected = null;\n        this.kbSearchText = e.detail;\n      }\n    );\n\n    this.listBoxEl.addEventListener(\n      \"selectionChanged\",\n      (ev: CustomEvent<SelectionChangedEvent>): void => {\n        const selectedItems = ev.detail.items;\n        let selectedItem;\n        if (selectedItems.length > 0) {\n          selectedItem = ev.detail.items[0];\n        }\n        if (selectedItem) {\n          this.kbIdSelected = selectedItem.value;\n          const kbSelected = this.kbs.find(kb => kb.id === this.kbIdSelected);\n          if (kbSelected) {\n            this.kbNameEl.value = kbSelected.name;\n          }\n        }\n      }\n    );\n  };\n\n  private reset() {\n    this.kbs = [];\n    this.kbIdSelected = null;\n    this.selectionKbDisabled = true;\n    this.searchKBEl.value = \"\";\n    this.kbSearchText = \"\";\n  }\n\n  private createKbHandler = (): void => {\n    if (this.createKBCallback) {\n      const createKBCallbackPromise = this.createKBCallback({\n        id: this.kbIdSelected,\n        name: this.kbNameEl.value\n      });\n      createKBCallbackPromise.then((formSubmitResult: FormSubmitResult) => {\n        formSubmitValidation(formSubmitResult, this);\n      });\n    }\n  };\n\n  private connectCallbackHandler = (): void => {\n    if (this.connectCallback) {\n      const connectCallbackPromise = this.connectCallback({\n        serverUrl: this.serverUrlsEl.value,\n        authenticationType: this.authenticationTypeEl.value,\n        user: this.userNameEl?.value,\n        password: this.passwordEl?.value\n      });\n      connectCallbackPromise.then(\n        (connectionResultData: ConnectionResultData) => {\n          formSubmitValidation(connectionResultData.formResult, this);\n          if (\n            connectionResultData.formResult.success &&\n            connectionResultData.kbs\n          ) {\n            this.kbs = connectionResultData.kbs;\n            this.selectionKbDisabled = false;\n          }\n        }\n      );\n    }\n  };\n\n  // 10.RENDER() FUNCTION //\n\n  // 11.RENDER() FUNCTION //\n\n  render(): void {\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          >\n            <div class=\"flex\">\n              {/* #kb name */}\n              <gxg-label labelPosition=\"start\" class=\"kb-label\">\n                {this._componentLocale.label.serverUrl}\n              </gxg-label>\n              <gxg-combo-box\n                disableFilter={!this.enableCustomServer}\n                ref={(el: HTMLGxgComboBoxElement) =>\n                  (this.serverUrlsEl = el as HTMLGxgComboBoxElement)\n                }\n                class=\"server-urls-combo-box\"\n                part=\"server-urls\"\n              >\n                {this.serverUrls\n                  ? renderFormItems(\n                      \"gxg-combo-box-item\",\n                      this.serverUrls.map(sUrl => ({\n                        id: sUrl,\n                        label: sUrl,\n                        value: sUrl\n                      })),\n                      \"server-urls\"\n                    )\n                  : null}\n              </gxg-combo-box>\n            </div>\n            <div class=\"grid grid-data\">\n              <div>\n                <div class=\"grid grid-data-account\">\n                  {/* #authentication type */}\n                  <gxg-combo-box\n                    tool-tip\n                    disableFilter\n                    value={this.authenticationTypes[0].id}\n                    ref={(el: HTMLGxgComboBoxElement) =>\n                      (this.authenticationTypeEl = el as HTMLGxgComboBoxElement)\n                    }\n                    class=\"authentication-type\"\n                    part=\"authentication-type\"\n                    onValueChanged={this.evaluateAuthenticationType}\n                  >\n                    {renderFormItems(\n                      \"gxg-combo-box-item\",\n                      this.authenticationTypes,\n                      \"authentication-type\"\n                    )}\n                  </gxg-combo-box>\n\n                  {/* #user name */}\n                  <gxg-label labelPosition=\"start\" class=\"kb-label\">\n                    {`${this._componentLocale.label.userName}:`}\n                  </gxg-label>\n                  <gxg-form-text\n                    ref={(el: HTMLGxgFormTextElement) =>\n                      (this.userNameEl = el as HTMLGxgFormTextElement)\n                    }\n                    tool-tip\n                    value={this.userName}\n                    class=\"user-name\"\n                    part=\"user-name\"\n                  ></gxg-form-text>\n\n                  {/* #password */}\n                  <gxg-label labelPosition=\"start\" class=\"kb-label\">\n                    {`${this._componentLocale.label.password}:`}\n                  </gxg-label>\n                  <gxg-form-text\n                    tool-tip\n                    password\n                    ref={(el: HTMLGxgFormTextElement) =>\n                      (this.passwordEl = el as HTMLGxgFormTextElement)\n                    }\n                    value={this.password}\n                    class=\"password\"\n                    part=\"password\"\n                  ></gxg-form-text>\n\n                  {/* #connect */}\n                  <div>\n                    <gxg-button\n                      id=\"button-connect\"\n                      type=\"primary-text-only\"\n                      onClick={this.connectCallbackHandler}\n                      part=\"button-connect\"\n                    >\n                      {this._componentLocale.buttons.connect}\n                    </gxg-button>\n                  </div>\n                </div>\n              </div>\n\n              <div class=\"grid\">\n                <div class=\"grid-data-kbs\">\n                  <div class=\"search-kbs\">\n                    <gxg-form-text\n                      ref={(el: HTMLGxgFormTextElement) =>\n                        (this.searchKBEl = el as HTMLGxgFormTextElement)\n                      }\n                      class=\"search-kb-input\"\n                      part=\"search-kb\"\n                      disabled={this.selectionKbDisabled}\n                      placeholder={this._componentLocale.label.searchKbs}\n                    ></gxg-form-text>\n                  </div>\n                  <div class=\"box-kbs\">\n                    <gxg-list-box\n                      singleSelection\n                      disabled={this.selectionKbDisabled}\n                      ref={(el: HTMLElement) => (this.listBoxEl = el)}\n                      part=\"kbs\"\n                    >\n                      {this.kbs\n                        .filter(kb =>\n                          kb.name\n                            .toLowerCase()\n                            .includes(this.kbSearchText.toLowerCase())\n                        )\n                        .map(kb => (\n                          <gxg-list-box-item value={kb.id} key={kb.id}>\n                            {kb.name}\n                          </gxg-list-box-item>\n                        ))}\n                    </gxg-list-box>\n                  </div>\n                </div>\n                <div class=\"grid grid-data-kbs-footer\">\n                  {/* #kbName */}\n                  <gxg-form-text\n                    ref={(el: HTMLGxgFormTextElement) =>\n                      (this.kbNameEl = el as HTMLGxgFormTextElement)\n                    }\n                    label={this._componentLocale.localKb}\n                    value={this.kbName}\n                    class=\"kb-name\"\n                    part=\"kb-name\"\n                    disabled={this.selectionKbDisabled}\n                  ></gxg-form-text>\n\n                  {/* #create button */}\n                  <div>\n                    <gxg-button\n                      id=\"button-create\"\n                      type=\"primary-text-only\"\n                      onClick={this.createKbHandler}\n                      part=\"button-create\"\n                      disabled={this.selectionKbDisabled}\n                    >\n                      {this._componentLocale.buttons.create}\n                    </gxg-button>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </gx-ide-container>\n        </div>\n        <gxg-shortcuts src={this.shortcutsSrc}></gxg-shortcuts>\n      </Host>\n    );\n  }\n}\n\nexport interface GXServerConnectionData {\n  serverUrl: string;\n  authenticationType: GxServerAuthenticationType;\n  user: string;\n  password: string;\n}\nexport type ConnectionResultData = {\n  formResult: FormSubmitResult;\n  kbs: KBData[];\n};\nexport interface KBData {\n  id: string;\n  name: string;\n}\nexport interface CreateKBData {\n  id: string;\n  name: string;\n}\n"],"version":3}

package/dist/cjs/gx-ide-gam-installation-settings.cjs.entry.js

@@ -84,7 +84,16 @@ const GxIdeGamInstallationSettings = class {
     }
     // 10.RENDER() FUNCTION //
     render() {
-        return (index.h(index.Host, { class: "gx-ide-component" }, index.h("div", { class: "gx-ide-main-wrapper" }, index.h("gx-ide-container", { noHeadingPadding: true, headingPaddingTop: true, noContentPadding: true, noContentGap: true, noAboveFooterPadding: true, containerTitle: this.displayTitle ? this._componentLocale.componentName : null, slimmerFooter: config.config.gxIdeContainer.slimmerFooter }, this.renderHeader(), this.renderFilters(), index.h("div", { class: "footer-above", slot: "footer-above" }, index.h("div", { class: "footer-above__left" }, index.h("p", null, this._componentLocale.footer.footerRepairText)), index.h("div", { class: "footer-above__right" }, index.h("p", null, this._componentLocale.footer.footerSaveText), index.h("p", null, this._componentLocale.footer.footerCancelText))), index.h("gxg-button", { type: "outlined", slot: "footer-start", onClick: this.repairCallbackHandler }, this._componentLocale.footer.repairButton), index.h("gxg-button", { type: "outlined", slot: "footer-end", onClick: this.cancelCallbackHandler }, this._componentLocale.footer.cancelButton), index.h("gxg-button", { slot: "footer-end", onClick: this.saveCallbackHandler }, this._componentLocale.footer.confirmButton)))));
+        return (index.h(index.Host, { class: "gx-ide-component" }, index.h("div", { class: "gx-ide-main-wrapper" }, index.h("gx-ide-container", { noHeadingPadding: true, headingPaddingTop: true, noContentPadding: true, noContentGap: true, noAboveFooterPadding: true, containerTitle: this.displayTitle ? this._componentLocale.componentName : null, slimmerFooter: config.config.gxIdeContainer.slimmerFooter }, this.renderHeader(), this.renderFilters(), index.h("div", { class: "footer-above", slot: "footer-above" }, this.configurationType === "update" ? (index.h("div", { class: "footer-above__left" }, index.h("p", null, this._componentLocale.footer.footerRepairText))) : null, index.h("div", { class: "footer-above__right" }, this.configurationType === "update" ? ([
+            index.h("p", null, this._componentLocale.footer.footerSaveText),
+            index.h("p", null, this._componentLocale.footer.footerCancelText)
+        ]) : (
+        // configurationType is "installation"
+        index.h("p", null, this._componentLocale.footer.enableSecurity)))), this.configurationType === "update" ? (index.h("gxg-button", { type: "outlined", slot: "footer-start", onClick: this.repairCallbackHandler }, this._componentLocale.footer.repairButton)) : null, index.h("gxg-button", { type: "outlined", slot: "footer-end", onClick: this.cancelCallbackHandler }, this.configurationType === "update"
+            ? this._componentLocale.footer.cancelButton
+            : this._componentLocale.footer.no), index.h("gxg-button", { slot: "footer-end", onClick: this.saveCallbackHandler }, this.configurationType === "update"
+            ? this._componentLocale.footer.confirmButton
+            : this._componentLocale.footer.yes)))));
     }
     static get assetsDirs() { return ["gx-ide-assets/gam-installation-settings"]; }
     get el() { return index.getElement(this); }

package/dist/cjs/gx-ide-gam-installation-settings.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"gx-ide-gam-installation-settings.entry.cjs.js","mappings":"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","names":["h","Locale","Host","config"],"sources":["src/components/gam-installation-settings/gam-installation-settings.scss?tag=gx-ide-gam-installation-settings&encapsulation=shadow","src/components/gam-installation-settings/gam-installation-settings.tsx"],"sourcesContent":["@import \"../../global/gx-ide-common.scss\";\n@import \"../../global/gx-ide-mixins.scss\";\n\n:host {\n  display: block;\n}\n/*Header*/\n.header {\n  border-top: 1px solid var(--gx-ide-container-border-color);\n  padding: var(--gx-ide-container__padding) var(--gx-ide-container__padding);\n}\n/*Main*/\n.message-checkbox-container {\n  padding: 0 var(--gx-ide-container__padding) var(--gx-ide-container__padding)\n    var(--gx-ide-container__padding);\n}\n/*Filters*/\n.filters {\n  display: grid;\n  gap: var(--gx-ide-grid-column-gap);\n  padding: var(--gx-ide-container__padding);\n\n  &__wrapper {\n    display: flex;\n    gap: var(--gx-ide-container__padding);\n\n    > * {\n      flex: 1;\n    }\n  }\n  &__front-end-objects {\n    display: flex;\n    gap: var(--gx-ide-grid-column-gap);\n  }\n}\n.footer-above {\n  display: flex;\n  gap: var(--gx-ide-container__padding);\n  > * {\n    flex: 1;\n    font-size: var(--mer-font__size--xxs);\n    padding: var(--mer-spacing--xs);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    line-height: 1.5em;\n  }\n  > *:first-child {\n    border-inline-end: var(--mer-border__width--sm) solid\n      var(--gx-ide-container-border-color);\n  }\n  &__right {\n    display: flex;\n    flex-direction: column;\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\";\n\n@Component({\n  tag: \"gx-ide-gam-installation-settings\",\n  styleUrl: \"gam-installation-settings.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/gam-installation-settings\"]\n})\nexport class GxIdeGamInstallationSettings {\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: HTMLGxIdeGamInstallationSettingsElement;\n\n  private webPanelsCheckboxEl!: HTMLGxgFormCheckboxElement;\n  private panelsCheckboxEl!: HTMLGxgFormCheckboxElement;\n  private futureUpgradesComboEl!: HTMLGxgComboBoxElement;\n\n  // 3.STATE() VARIABLES //\n\n  /**\n   * Current value for Used in objects\n   */\n\n  @State() fileName: string = \"\";\n  @State() selectedFile: File;\n  @State() importingIsInProcess = false;\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   * Specifies the configuration type to be used\n   */\n  @Prop() readonly configurationType: \"installation\" | \"update\" =\n    \"installation\";\n\n  /**\n   * Callback invoked when the user press repair button\n   */\n  @Prop() readonly repairCallback: RepairCallback;\n\n  /**\n   * Callback invoked when the user wants to start the exportation process\n   */\n  @Prop() readonly saveCallback: SaveCallback;\n\n  /**\n   * Callback invoked when the user wants to cancel the exportation process\n   */\n  @Prop() readonly cancelCallback: CancelCallback;\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 repairCallbackHandler = async () => {\n    if (this.saveCallback) {\n      const data: GamConfigData = {\n        importWebPanels: this.webPanelsCheckboxEl.checked,\n        importPanels: this.panelsCheckboxEl.checked,\n        futureUpgrades: this.futureUpgradesComboEl.value\n          ? this.futureUpgradesComboEl.value\n          : null\n      };\n      await this.repairCallback(data);\n    }\n  };\n\n  private saveCallbackHandler = async () => {\n    if (this.saveCallback) {\n      const data: GamConfigData = {\n        importWebPanels: this.webPanelsCheckboxEl.checked,\n        importPanels: this.panelsCheckboxEl.checked,\n        futureUpgrades: this.futureUpgradesComboEl.value\n          ? this.futureUpgradesComboEl.value\n          : null\n      };\n      await this.saveCallback(data);\n    }\n  };\n  private cancelCallbackHandler = () => {\n    this.cancelCallback();\n  };\n\n  /* Renders*/\n  private renderHeader = () => {\n    return (\n      <header class=\"header\" slot=\"header\">\n        {this.configurationType === \"installation\"\n          ? [\n              <gxg-text type=\"text-regular\">\n                {\n                  this._componentLocale.header.headerTextInstallation\n                    .firstSentence\n                }\n              </gxg-text>,\n              <gxg-text type=\"text-regular\">\n                {\n                  this._componentLocale.header.headerTextInstallation\n                    .secondSentence\n                }\n              </gxg-text>,\n              <gxg-text type=\"text-regular\">\n                {\n                  this._componentLocale.header.headerTextInstallation\n                    .thirdSentence\n                }\n              </gxg-text>\n            ]\n          : [\n              <gxg-text type=\"text-regular\">\n                {this._componentLocale.header.headerTextUpdate.firstSentence}\n              </gxg-text>,\n              <gxg-text type=\"text-regular\">\n                {this._componentLocale.header.headerTextUpdate.secondSentence}\n              </gxg-text>\n            ]}\n        {/* header text */}\n      </header>\n    );\n  };\n\n  private renderFilters = () => {\n    return (\n      <div class=\"filters\">\n        <gxg-title type=\"title-05\">\n          {this._componentLocale.filters.filtersHeading}\n        </gxg-title>\n\n        <div class=\"filters__wrapper\">\n          <div class=\"filters__wrapper-left\">\n            <gxg-label labelPosition=\"above\" center={false}>\n              Front End Objects\n            </gxg-label>\n            <div class=\"filters__front-end-objects\">\n              <gxg-form-checkbox\n                label={this._componentLocale.filters.webPanelsCheckbox}\n                part=\"web-panels-checkbox\"\n                slot=\"footer-start\"\n                ref={(el: HTMLGxgFormCheckboxElement) =>\n                  (this.webPanelsCheckboxEl = el as HTMLGxgFormCheckboxElement)\n                }\n              ></gxg-form-checkbox>\n              <gxg-form-checkbox\n                label={this._componentLocale.filters.panelsCheckbox}\n                part=\"panels-checkbox\"\n                slot=\"footer-start\"\n                ref={(el: HTMLGxgFormCheckboxElement) =>\n                  (this.panelsCheckboxEl = el as HTMLGxgFormCheckboxElement)\n                }\n              ></gxg-form-checkbox>\n            </div>\n          </div>\n          <div class=\"filters__wrapper-right\">\n            <gxg-combo-box\n              label={this._componentLocale.filters.futureUpgradesComboLabel}\n              disableFilter\n              part=\"future-upgrades-combo\"\n              ref={(el: HTMLGxgComboBoxElement) =>\n                (this.futureUpgradesComboEl = el as HTMLGxgComboBoxElement)\n              }\n            >\n              <gxg-combo-box-item value=\"automatic\">\n                {\n                  this._componentLocale.manageFutureUpgrades\n                    .installAutomatically\n                }\n              </gxg-combo-box-item>\n              <gxg-combo-box-item value=\"prompt\">\n                {this._componentLocale.manageFutureUpgrades.promptMe}\n              </gxg-combo-box-item>\n              <gxg-combo-box-item value=\"never\">\n                {this._componentLocale.manageFutureUpgrades.neverUpdate}\n              </gxg-combo-box-item>\n            </gxg-combo-box>\n          </div>\n        </div>\n      </div>\n    );\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            noHeadingPadding\n            headingPaddingTop\n            noContentPadding\n            noContentGap\n            noAboveFooterPadding\n            containerTitle={\n              this.displayTitle ? this._componentLocale.componentName : null\n            }\n            slimmerFooter={config.gxIdeContainer.slimmerFooter}\n          >\n            {this.renderHeader()}\n            {this.renderFilters()}\n            <div class=\"footer-above\" slot=\"footer-above\">\n              <div class=\"footer-above__left\">\n                <p>{this._componentLocale.footer.footerRepairText}</p>\n              </div>\n              <div class=\"footer-above__right\">\n                <p>{this._componentLocale.footer.footerSaveText}</p>\n                <p>{this._componentLocale.footer.footerCancelText}</p>\n              </div>\n            </div>\n\n            <gxg-button\n              type=\"outlined\"\n              slot=\"footer-start\"\n              onClick={this.repairCallbackHandler}\n            >\n              {this._componentLocale.footer.repairButton}\n            </gxg-button>\n\n            <gxg-button\n              type=\"outlined\"\n              slot=\"footer-end\"\n              onClick={this.cancelCallbackHandler}\n            >\n              {this._componentLocale.footer.cancelButton}\n            </gxg-button>\n            <gxg-button slot=\"footer-end\" onClick={this.saveCallbackHandler}>\n              {this._componentLocale.footer.confirmButton}\n            </gxg-button>\n          </gx-ide-container>\n        </div>\n      </Host>\n    );\n  }\n}\n\nexport type GamConfigData = {\n  importWebPanels: boolean;\n  importPanels: boolean;\n  futureUpgrades: \"never\" | \"prompt\" | \"automatic\";\n};\n\nexport type SaveCallback = (data: GamConfigData) => Promise<void>;\nexport type CancelCallback = () => Promise<void>;\nexport type RepairCallback = (config: GamConfigData) => Promise<void>;\n"],"version":3}
+{"file":"gx-ide-gam-installation-settings.entry.cjs.js","mappings":"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","names":["h","Locale","Host","config"],"sources":["src/components/gam-installation-settings/gam-installation-settings.scss?tag=gx-ide-gam-installation-settings&encapsulation=shadow","src/components/gam-installation-settings/gam-installation-settings.tsx"],"sourcesContent":["@import \"../../global/gx-ide-common.scss\";\n@import \"../../global/gx-ide-mixins.scss\";\n\n:host {\n  display: block;\n}\n/*Header*/\n.header {\n  border-top: 1px solid var(--gx-ide-container-border-color);\n  padding: var(--gx-ide-container__padding) var(--gx-ide-container__padding);\n}\n/*Main*/\n.message-checkbox-container {\n  padding: 0 var(--gx-ide-container__padding) var(--gx-ide-container__padding)\n    var(--gx-ide-container__padding);\n}\n/*Filters*/\n.filters {\n  display: grid;\n  gap: var(--gx-ide-grid-column-gap);\n  padding: var(--gx-ide-container__padding);\n\n  &__wrapper {\n    display: flex;\n    gap: var(--gx-ide-container__padding);\n\n    > * {\n      flex: 1;\n    }\n  }\n  &__front-end-objects {\n    display: flex;\n    gap: var(--gx-ide-grid-column-gap);\n  }\n}\n.footer-above {\n  display: flex;\n  gap: var(--gx-ide-container__padding);\n  > * {\n    flex: 1;\n    font-size: var(--mer-font__size--xxs);\n    padding: var(--mer-spacing--xs);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    line-height: 1.5em;\n  }\n  > *:first-child {\n    border-inline-end: var(--mer-border__width--sm) solid\n      var(--gx-ide-container-border-color);\n  }\n  &__right {\n    display: flex;\n    flex-direction: column;\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\";\n\n@Component({\n  tag: \"gx-ide-gam-installation-settings\",\n  styleUrl: \"gam-installation-settings.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/gam-installation-settings\"]\n})\nexport class GxIdeGamInstallationSettings {\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: HTMLGxIdeGamInstallationSettingsElement;\n\n  private webPanelsCheckboxEl!: HTMLGxgFormCheckboxElement;\n  private panelsCheckboxEl!: HTMLGxgFormCheckboxElement;\n  private futureUpgradesComboEl!: HTMLGxgComboBoxElement;\n\n  // 3.STATE() VARIABLES //\n\n  /**\n   * Current value for Used in objects\n   */\n\n  @State() fileName: string = \"\";\n  @State() selectedFile: File;\n  @State() importingIsInProcess = false;\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   * Specifies the configuration type to be used\n   */\n  @Prop() readonly configurationType: \"installation\" | \"update\" =\n    \"installation\";\n\n  /**\n   * Callback invoked when the user press repair button\n   */\n  @Prop() readonly repairCallback: RepairCallback;\n\n  /**\n   * Callback invoked when the user wants to start the exportation process\n   */\n  @Prop() readonly saveCallback: SaveCallback;\n\n  /**\n   * Callback invoked when the user wants to cancel the exportation process\n   */\n  @Prop() readonly cancelCallback: CancelCallback;\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 repairCallbackHandler = async () => {\n    if (this.saveCallback) {\n      const data: GamConfigData = {\n        importWebPanels: this.webPanelsCheckboxEl.checked,\n        importPanels: this.panelsCheckboxEl.checked,\n        futureUpgrades: this.futureUpgradesComboEl.value\n          ? this.futureUpgradesComboEl.value\n          : null\n      };\n      await this.repairCallback(data);\n    }\n  };\n\n  private saveCallbackHandler = async () => {\n    if (this.saveCallback) {\n      const data: GamConfigData = {\n        importWebPanels: this.webPanelsCheckboxEl.checked,\n        importPanels: this.panelsCheckboxEl.checked,\n        futureUpgrades: this.futureUpgradesComboEl.value\n          ? this.futureUpgradesComboEl.value\n          : null\n      };\n      await this.saveCallback(data);\n    }\n  };\n  private cancelCallbackHandler = () => {\n    this.cancelCallback();\n  };\n\n  /* Renders*/\n  private renderHeader = () => {\n    return (\n      <header class=\"header\" slot=\"header\">\n        {this.configurationType === \"installation\"\n          ? [\n              <gxg-text type=\"text-regular\">\n                {\n                  this._componentLocale.header.headerTextInstallation\n                    .firstSentence\n                }\n              </gxg-text>,\n              <gxg-text type=\"text-regular\">\n                {\n                  this._componentLocale.header.headerTextInstallation\n                    .secondSentence\n                }\n              </gxg-text>,\n              <gxg-text type=\"text-regular\">\n                {\n                  this._componentLocale.header.headerTextInstallation\n                    .thirdSentence\n                }\n              </gxg-text>\n            ]\n          : [\n              <gxg-text type=\"text-regular\">\n                {this._componentLocale.header.headerTextUpdate.firstSentence}\n              </gxg-text>,\n              <gxg-text type=\"text-regular\">\n                {this._componentLocale.header.headerTextUpdate.secondSentence}\n              </gxg-text>\n            ]}\n        {/* header text */}\n      </header>\n    );\n  };\n\n  private renderFilters = () => {\n    return (\n      <div class=\"filters\">\n        <gxg-title type=\"title-05\">\n          {this._componentLocale.filters.filtersHeading}\n        </gxg-title>\n\n        <div class=\"filters__wrapper\">\n          <div class=\"filters__wrapper-left\">\n            <gxg-label labelPosition=\"above\" center={false}>\n              Front End Objects\n            </gxg-label>\n            <div class=\"filters__front-end-objects\">\n              <gxg-form-checkbox\n                label={this._componentLocale.filters.webPanelsCheckbox}\n                part=\"web-panels-checkbox\"\n                slot=\"footer-start\"\n                ref={(el: HTMLGxgFormCheckboxElement) =>\n                  (this.webPanelsCheckboxEl = el as HTMLGxgFormCheckboxElement)\n                }\n              ></gxg-form-checkbox>\n              <gxg-form-checkbox\n                label={this._componentLocale.filters.panelsCheckbox}\n                part=\"panels-checkbox\"\n                slot=\"footer-start\"\n                ref={(el: HTMLGxgFormCheckboxElement) =>\n                  (this.panelsCheckboxEl = el as HTMLGxgFormCheckboxElement)\n                }\n              ></gxg-form-checkbox>\n            </div>\n          </div>\n          <div class=\"filters__wrapper-right\">\n            <gxg-combo-box\n              label={this._componentLocale.filters.futureUpgradesComboLabel}\n              disableFilter\n              part=\"future-upgrades-combo\"\n              ref={(el: HTMLGxgComboBoxElement) =>\n                (this.futureUpgradesComboEl = el as HTMLGxgComboBoxElement)\n              }\n            >\n              <gxg-combo-box-item value=\"automatic\">\n                {\n                  this._componentLocale.manageFutureUpgrades\n                    .installAutomatically\n                }\n              </gxg-combo-box-item>\n              <gxg-combo-box-item value=\"prompt\">\n                {this._componentLocale.manageFutureUpgrades.promptMe}\n              </gxg-combo-box-item>\n              <gxg-combo-box-item value=\"never\">\n                {this._componentLocale.manageFutureUpgrades.neverUpdate}\n              </gxg-combo-box-item>\n            </gxg-combo-box>\n          </div>\n        </div>\n      </div>\n    );\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            noHeadingPadding\n            headingPaddingTop\n            noContentPadding\n            noContentGap\n            noAboveFooterPadding\n            containerTitle={\n              this.displayTitle ? this._componentLocale.componentName : null\n            }\n            slimmerFooter={config.gxIdeContainer.slimmerFooter}\n          >\n            {this.renderHeader()}\n            {this.renderFilters()}\n            <div class=\"footer-above\" slot=\"footer-above\">\n              {this.configurationType === \"update\" ? (\n                <div class=\"footer-above__left\">\n                  <p>{this._componentLocale.footer.footerRepairText}</p>\n                </div>\n              ) : null}\n\n              <div class=\"footer-above__right\">\n                {this.configurationType === \"update\" ? (\n                  [\n                    <p>{this._componentLocale.footer.footerSaveText}</p>,\n                    <p>{this._componentLocale.footer.footerCancelText}</p>\n                  ]\n                ) : (\n                  // configurationType is \"installation\"\n                  <p>{this._componentLocale.footer.enableSecurity}</p>\n                )}\n              </div>\n            </div>\n\n            {this.configurationType === \"update\" ? (\n              <gxg-button\n                type=\"outlined\"\n                slot=\"footer-start\"\n                onClick={this.repairCallbackHandler}\n              >\n                {this._componentLocale.footer.repairButton}\n              </gxg-button>\n            ) : null}\n\n            <gxg-button\n              type=\"outlined\"\n              slot=\"footer-end\"\n              onClick={this.cancelCallbackHandler}\n            >\n              {this.configurationType === \"update\"\n                ? this._componentLocale.footer.cancelButton\n                : this._componentLocale.footer.no}\n            </gxg-button>\n            <gxg-button slot=\"footer-end\" onClick={this.saveCallbackHandler}>\n              {this.configurationType === \"update\"\n                ? this._componentLocale.footer.confirmButton\n                : this._componentLocale.footer.yes}\n            </gxg-button>\n          </gx-ide-container>\n        </div>\n      </Host>\n    );\n  }\n}\n\nexport type GamConfigData = {\n  importWebPanels: boolean;\n  importPanels: boolean;\n  futureUpgrades: \"never\" | \"prompt\" | \"automatic\";\n};\n\nexport type SaveCallback = (data: GamConfigData) => Promise<void>;\nexport type CancelCallback = () => Promise<void>;\nexport type RepairCallback = (config: GamConfigData) => Promise<void>;\n"],"version":3}