npm - @genexus/genexus-ide-ui - Versions diffs - 1.0.2 → 1.0.3 - Mend

@genexus/genexus-ide-ui 1.0.2 → 1.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (379) hide show

package/dist/components/gx-ide-new-environment.js CHANGED Viewed

@@ -6,7 +6,7 @@ import { r as renderFormItems } from './common.js';
 import { d as defineCustomElement$3 } from './container.js';
 import { d as defineCustomElement$2 } from './title.js';
-const newEnvironmentCss = ":root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-01--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-02{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-02--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--color-on-primary)}.gxg-title-03{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-03--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-04{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-04--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-05{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-05--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable)}.gxg-text--negative{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text--gray{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--dimmed)}.gxg-quote{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);font-style:italic}.gxg-quote--negative{color:var(--ds-base-font-color--negative)}.gxg-link{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--ds-base-font-color--link-hover)}.gxg-link:active{color:var(--ds-base-font-color--link-active)}.gxg-link-gray{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed)}.gxg-link-gray:hover{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed);filter:brightness(1.4)}.gxg-alert-error{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--error);display:inline-block}.gxg-alert-warning{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--warning);display:inline-block}.gxg-alert-success{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--success);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--ds-base-font-family-primary);font-weight:var(--gxg-label-font-weight);font-size:var(--gxg-label-font-size);color:var(--gxg-label-color);text-align:center;line-height:1.455em;display:flex;align-items:center}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gxg-scrollbar::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.button-primary-destructive{--control__border-color:var(--button-primary__border-color--destructive);background-color:var(--button-primary__bg-color--destructive);color:var(--button-primary__color--destructive)}.button-primary-destructive:hover{--control__border-color:var(\n    --button-primary__bg-color--destructive-hover\n  );background-color:var(--button-primary__bg-color--destructive-hover);color:var(--button-primary__color--destructive)}.button-primary-destructive:active{--control__border-color:var(\n    --button-primary__bg-color--destructive-active\n  );background-color:var(--button-primary__bg-color--destructive-active);color:var(--button-primary__color--destructive)}.button-secondary-destructive{--control__border-color:var(--button-secondary__border-color--destructive);background-color:var(--button-secondary__bg-color--destructive);color:var(--button-secondary__color--destructive)}.button-secondary-destructive:hover{--control__border-color:var(\n    --button-secondary__bg-color--destructive-hover\n  );background-color:var(--button-secondary__bg-color--destructive-hover);color:var(--button-secondary__color--destructive)}.button-secondary-destructive:active{--control__border-color:var(\n    --button-secondary__bg-color--destructive-active\n  );background-color:var(--button-secondary__bg-color--destructive-active);color:var(--button-secondary__color--destructive)}:host{display:grid;block-size:100%}.card-regular{background-color:var(--mer-surface__elevation--01);border:var(--mer-border__width--sm) solid var(--mer-border-color__on-elevation--01);border-radius:var(--mer-border__radius--md);padding:var(--mer-spacing--md) var(--mer-spacing--md);display:grid}.card-small{background-color:var(--mer-surface__elevation--02);border-radius:var(--mer-border__radius--sm);padding:var(--mer-spacing--sm) var(--mer-spacing--sm)}.card-small--actionable:hover{background-color:var(--mer-color__neutral-gray--600)}.card-small--actionable:active{background-color:var(--mer-color__neutral-gray--650)}.card-small:focus-visible{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.empty-state{block-size:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--mer-spacing--sm);text-align:center}.empty-state__title,.empty-state__button,.empty-state__link{max-inline-size:300px}.opacity-0{opacity:0}.opacity-1{opacity:1}.display-contents{display:contents}.gxi-hidden{display:none !important}.gxi-full-height{height:100%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}.justify-start{display:flex;justify-content:start}.justify-center{display:flex;justify-content:center}.justify-end{display:flex;justify-content:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:99;border-bottom:1px solid var(--mer-color__neutral-gray--800)}ch-grid-column:first-child{padding-inline-start:var(--gx-ide-container__padding) !important}ch-grid-column:last-child{padding-inline-end:var(--gx-ide-container__padding) !important}ch-grid-cell{--mer-spacing--xs:var(--gx-ide-container__padding)}.layout{display:grid;gap:var(--mer-spacing--lg);box-sizing:border-box}.layout--two-cols{grid-template-columns:1fr 1fr}.layout--space-above{padding-block-start:var(--mer-spacing--lg)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--mer-font__weight--regular);font-size:var(--mer-font__size--xs);font-family:var(--mer-font-family--primary);height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-main::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-main::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-main::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-overflow::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.tree-view-primary{font-size:var(--mer-font__size--2xs)}p{margin:0;font-size:var(--mer-font__size--xxs)}.buttons-container{display:flex;gap:var(--mer-spacing--xs)}:host{display:block;border:1px solid var(--gxg-border-color--regular);background-color:var(--mer-color__surface)}.header{display:flex}.header__label{flex:none}.main{height:100%}.gxg-tabs{margin-top:0;box-shadow:none}.tab__basic__single-runtime{display:flex;align-items:center;justify-content:center;gap:var(--mer-spacing--2xs)}.basic-main{display:flex;height:100%}.basic-main__back-end{flex:1}.basic-main__front-end{flex:1}.advanced-second-row{grid-template-columns:repeat(2, 1fr);grid-template-rows:1fr}.advanced-second-row>*:nth-child(1){grid-area:1/1/2/2}.advanced-second-row>*:nth-child(2){grid-area:1/2/2/3}.advanced-second-row-col-left{grid-template-columns:repeat(2, 1fr);grid-template-rows:repeat(4, 1fr);grid-template-columns:1fr auto}.advanced-second-row-col-left>*{display:flex;align-items:self-end}.advanced-second-row-col-left>*:nth-child(1){grid-area:1/1/2/2}.advanced-second-row-col-left>*:nth-child(2){grid-area:1/2/2/3}.advanced-second-row-col-left>*:nth-child(3){grid-area:2/1/3/2}.advanced-second-row-col-left>*:nth-child(4){grid-area:2/2/3/3}.advanced-second-row-col-left>*:nth-child(5){grid-area:3/1/4/2}.advanced-second-row-col-left>*:nth-child(6){grid-area:3/2/4/3}.advanced-second-row-col-left>*:nth-child(7){grid-area:4/1/5/2}.advanced-second-row-col-left>*:nth-child(8){grid-area:4/2/5/3}.advanced-second-row-col-right{grid-template-columns:1fr;grid-template-rows:repeat(4, 1fr);grid-auto-rows:1fr}.advanced-second-row-col-right *:nth-child(1){grid-area:1/1/2/2}.advanced-second-row-col-right *:nth-child(2){grid-area:2/1/3/2}.advanced-second-row-col-right *:nth-child(3){grid-area:3/1/4/2}.advanced-second-row-col-right *:nth-child(4){grid-area:4/1/5/2}";
+const newEnvironmentCss = ":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}.gxi-hidden{display:none !important}.gxi-full-height{height:100%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}.justify-start{display:flex;justify-content:start}.justify-center{display:flex;justify-content:center}.justify-end{display:flex;justify-content:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:99;border-bottom:1px solid var(--mer-color__neutral-gray--800)}ch-grid-column:first-child{padding-inline-start:var(--gx-ide-container__padding) !important}ch-grid-column:last-child{padding-inline-end:var(--gx-ide-container__padding) !important}ch-grid-cell{--mer-spacing--xs:var(--gx-ide-container__padding)}.layout{display:grid;gap:var(--mer-spacing--lg);box-sizing:border-box}.layout--two-cols{grid-template-columns:1fr 1fr}.layout--space-above{padding-block-start:var(--mer-spacing--lg)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--mer-font__weight--regular);font-size:var(--mer-font__size--xs);font-family:var(--mer-font-family--primary);height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-main::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-main::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-main::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-overflow::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.tree-view-primary{font-size:var(--mer-font__size--2xs)}p{margin:0;font-size:var(--mer-font__size--xxs)}.buttons-container{display:flex;gap:var(--mer-spacing--xs)}:host{display:block;border:1px solid var(--gxg-border-color--regular);background-color:var(--mer-color__surface)}.header{display:flex}.header__label{flex:none}.main{height:100%}.gxg-tabs{margin-top:0;box-shadow:none}.tab__basic__single-runtime{display:flex;align-items:center;justify-content:center;gap:var(--mer-spacing--2xs)}.basic-main{display:flex;height:100%}.basic-main__back-end{flex:1}.basic-main__front-end{flex:1}.advanced-second-row{grid-template-columns:repeat(2, 1fr);grid-template-rows:1fr}.advanced-second-row>*:nth-child(1){grid-area:1/1/2/2}.advanced-second-row>*:nth-child(2){grid-area:1/2/2/3}.advanced-second-row-col-left{grid-template-columns:repeat(2, 1fr);grid-template-rows:repeat(4, 1fr);grid-template-columns:1fr auto}.advanced-second-row-col-left>*{display:flex;align-items:self-end}.advanced-second-row-col-left>*:nth-child(1){grid-area:1/1/2/2}.advanced-second-row-col-left>*:nth-child(2){grid-area:1/2/2/3}.advanced-second-row-col-left>*:nth-child(3){grid-area:2/1/3/2}.advanced-second-row-col-left>*:nth-child(4){grid-area:2/2/3/3}.advanced-second-row-col-left>*:nth-child(5){grid-area:3/1/4/2}.advanced-second-row-col-left>*:nth-child(6){grid-area:3/2/4/3}.advanced-second-row-col-left>*:nth-child(7){grid-area:4/1/5/2}.advanced-second-row-col-left>*:nth-child(8){grid-area:4/2/5/3}.advanced-second-row-col-right{grid-template-columns:1fr;grid-template-rows:repeat(4, 1fr);grid-auto-rows:1fr}.advanced-second-row-col-right *:nth-child(1){grid-area:1/1/2/2}.advanced-second-row-col-right *:nth-child(2){grid-area:2/1/3/2}.advanced-second-row-col-right *:nth-child(3){grid-area:3/1/4/2}.advanced-second-row-col-right *:nth-child(4){grid-area:4/1/5/2}";
 const GxIdeNewEnvironment$1 = /*@__PURE__*/ proxyCustomElement(class GxIdeNewEnvironment extends HTMLElement {
     constructor() {

package/dist/components/gx-ide-new-environment.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"gx-ide-new-environment.js","mappings":"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","names":["GxIdeNewEnvironment"],"sources":["src/components/new-environment/new-environment.scss?tag=gx-ide-new-environment&encapsulation=shadow","src/components/new-environment/new-environment.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/Header/\n.header {\n display: flex;\n &__label {\n flex: none;\n }\n}\n/Main/\n.main {\n height: 100%;\n}\n/Main > Gxg-Tabs/\n.gxg-tabs {\n margin-top: 0;\n box-shadow: none;\n}\n.tab {\n &__basic {\n &__single-runtime {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: var(--mer-spacing--2xs);\n }\n }\n}\n/Main > Gxg-Tabs > Basic/\n.basic-main {\n display: flex;\n height: 100%;\n\n &__back-end {\n flex: 1;\n //border-inline-end: 1px solid var(--gx-ide-container-border-color);\n }\n &__front-end {\n flex: 1;\n }\n}\n/Main > Gxg-Tabs > Advanced/\n.advanced-second-row {\n grid-template-columns: repeat(2, 1fr);\n grid-template-rows: 1fr;\n > :nth-child(1) {\n grid-area: 1 / 1 / 2 / 2;\n }\n > :nth-child(2) {\n grid-area: 1 / 2 / 2 / 3;\n }\n}\n.advanced-second-row-col-left {\n grid-template-columns: repeat(2, 1fr);\n grid-template-rows: repeat(4, 1fr);\n grid-template-columns: 1fr auto;\n > * {\n display: flex;\n align-items: self-end;\n }\n > :nth-child(1) {\n grid-area: 1 / 1 / 2 / 2;\n }\n > :nth-child(2) {\n grid-area: 1 / 2 / 2 / 3;\n }\n > :nth-child(3) {\n grid-area: 2 / 1 / 3 / 2;\n }\n > :nth-child(4) {\n grid-area: 2 / 2 / 3 / 3;\n }\n > :nth-child(5) {\n grid-area: 3 / 1 / 4 / 2;\n }\n > :nth-child(6) {\n grid-area: 3 / 2 / 4 / 3;\n }\n > :nth-child(7) {\n grid-area: 4 / 1 / 5 / 2;\n }\n > :nth-child(8) {\n grid-area: 4 / 2 / 5 / 3;\n }\n}\n.advanced-second-row-col-right {\n grid-template-columns: 1fr;\n grid-template-rows: repeat(4, 1fr);\n grid-auto-rows: 1fr;\n :nth-child(1) {\n grid-area: 1 / 1 / 2 / 2;\n }\n :nth-child(2) {\n grid-area: 2 / 1 / 3 / 2;\n }\n :nth-child(3) {\n grid-area: 3 / 1 / 4 / 2;\n }\n :nth-child(4) {\n grid-area: 4 / 1 / 5 / 2;\n }\n}\n","/* STENCIL IMPORTS /\nimport {\n Component,\n Host,\n h,\n Prop,\n Element,\n Event,\n EventEmitter,\n getAssetPath,\n Method\n} from \"@stencil/core\";\n/ OTHER LIBRARIES IMPORTS /\nimport { RadioData } from \"@genexus/gemini/dist/types/components/form-radio/form-radio\";\n/ CUSTOM IMPORTS /\nimport { Locale } from \"../../common/locale\";\nimport { setInitialComboValue } from \"../../common/helpers\";\nimport { GxOption } from \"../../common/types\";\nimport { config } from \"../../common/config\";\nimport { renderFormItems } from \"../../common/common\";\nimport { FormSubmitResult } from \"../../common/types\";\nimport { formSubmitValidation } from \"../../common/helpers\";\n@Component({\n tag: \"gx-ide-new-environment\",\n styleUrl: \"new-environment.scss\",\n shadow: true,\n assetsDirs: [\"gx-ide-assets/new-environment\"]\n})\nexport class GxIdeNewEnvironment {\n /\nINDEX:\n1.OWN PROPERTIES\n2.REFERENCE TO ELEMENTS\n3.STATE() VARIABLES\n4.PUBLIC PROPERTY API \| WATCH'S\n5.EVENTS (EMIT)\n6.COMPONENT LIFECYCLE EVENTS\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 selectedFrontEndsIds: string[] = [];\n private selectedRuntimeEnvironmentId: string;\n private selectedLanguageId: string;\n private selectedDataStoreId: string;\n private envNameModifiedByUser = false;\n private shortcutsSrc = getAssetPath(\n `./gx-ide-assets/new-environment/shortcuts.json`\n );\n\n // 2. REFERENCE TO ELEMENTS //\n\n @Element() el: HTMLGxIdeNewEnvironmentElement;\n\n / References needed to collect data con \"Create\" button submit/\n private environmentNameEl!: HTMLGxgFormTextElement;\n private languageEl!: HTMLGxgComboBoxElement;\n private runtimeEnvironmentEl!: HTMLGxgFormRadioGroupElement;\n private dataStoreEl!: HTMLGxgComboBoxElement;\n private frontEndsEl!: HTMLGxgFormCheckboxGroupElement;\n private setAsCurrentEnvironmentEl: HTMLGxgFormCheckboxElement;\n private gxgShortcutsEl: HTMLGxgShortcutsElement;\n\n // 3.STATE() VARIABLES //\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 user wants to cancel\n /\n @Prop() readonly cancelCallback: CancelCallback;\n\n /\n Callback that will be invoked when user confirms the KB creation\n /\n @Prop() readonly createCallback: CreateCallback;\n\n /\n It allows defining the DBMS that will be used in the solution\n /\n @Prop({ mutable: true }) dataStores!: GxOption[];\n\n /\n It allows selecting multiple generators for the front end\n /\n @Prop() readonly disableAdvanced: boolean = false;\n\n /\n Name of the new environment\n /\n @Prop({ mutable: true }) environmentName: string;\n\n /\n It allows selecting multiple generators for the front end\n /\n @Prop({ mutable: true }) frontEnds!: GxOption[];\n\n /\n Callback invoked when the user changes the language or the selected data source, if and only if the environment name was not modified\n /\n @Prop() readonly getEnvironmentNameCallback: GetEnvironmentNameCallback;\n\n /\n Callback invoked when the user changes the language, allows modifying the list of frontends\n /\n @Prop() readonly getFrontEndsCallback: GetFrontEndsCallback;\n\n /\n Callback invoked when the user changes the language or the runtime\n /\n @Prop() readonly getDataSourcesCallback: GetDataSourcesCallback;\n\n /\n Define if the Advanced tab should be displayed\n /\n @Prop() readonly isAdvanced: boolean = false;\n\n /\n Possible values for 'Language' combo\n /\n @Prop() readonly languages!: GxOption[];\n\n /\n Possible values for 'Runtime Environment' radio button\n /\n @Prop() readonly runtimes!: GxOption[];\n\n /\n Belongs to checkbox 'Set as current environment' @default true\n \n /\n @Prop() readonly setAsTarget?: boolean = true;\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 EVENTS //\n\n async componentWillLoad() {\n this._componentLocale = await Locale.getComponentStrings(this.el);\n this.evaluateSelectedRuntimeEnvironmentId();\n }\n\n componentDidLoad() {\n this.initialSetup();\n this.environmentNameEl.focus();\n }\n\n componentDidRender() {\n if (!this.renderedFirstTime) {\n this.componentDidRenderFirstTime.emit(\n this._componentLocale.componentName\n );\n this.renderedFirstTime = true;\n }\n }\n\n // 7.LISTENERS //\n\n // 8.PUBLIC METHODS API //\n\n /\n Suspends or reactivates the shortcuts\n /\n @Method()\n async suspendShortcuts(suspendShortcuts: boolean) {\n if (suspendShortcuts) {\n this.gxgShortcutsEl.suspend = true;\n } else {\n this.gxgShortcutsEl.suspend = false;\n }\n }\n\n // 9.LOCAL METHODS //\n\n // 9.LOCAL METHODS -> Helpers //\n\n private initialSetup = () => {\n this.updateSelectedFrontEndsIds();\n this.setInitialRuntimeId();\n this.setInitialLanguageId();\n this.setInitialDataStoreId();\n };\n\n private evaluateSelectedRuntimeEnvironmentId = () => {\n if (this.runtimes.length === 1) {\n this.selectedRuntimeEnvironmentId = this.runtimes[0].id;\n }\n };\n\n private setInitialRuntimeId = () => {\n if (this.runtimeEnvironmentEl?.value) {\n const initialRuntimeEnvironment = this.runtimes.find(\n runtime => runtime.value === this.runtimeEnvironmentEl?.value\n );\n if (initialRuntimeEnvironment) {\n this.selectedRuntimeEnvironmentId = initialRuntimeEnvironment.id;\n }\n }\n };\n\n private setInitialLanguageId = () => {\n if (this.languageEl?.value) {\n const initialLanguage = this.languages.find(\n lang => lang.id === this.languageEl?.value\n );\n if (initialLanguage) {\n this.selectedLanguageId = initialLanguage.id;\n }\n }\n };\n\n private setInitialDataStoreId = () => {\n if (this.dataStoreEl?.value) {\n const initialDataStore = this.dataStores.find(\n dataStore => dataStore.id === this.dataStoreEl?.value\n );\n if (initialDataStore) {\n this.selectedDataStoreId = initialDataStore.id;\n }\n }\n };\n\n // 9.LOCAL METHODS -> Not Helpers //\n\n private envNameInputHandler = (e: CustomEvent<EventEmitter>) => {\n const newEnvName = (e.detail + \"\").trim();\n if (newEnvName !== this.environmentName) {\n this.environmentName = newEnvName;\n this.envNameModifiedByUser = true;\n }\n };\n\n private updateSelectedFrontEndsIds = () => {\n this.selectedFrontEndsIds = [];\n this.frontEndsEl.getValues().then(frontEndsCheckboxesInfo => {\n frontEndsCheckboxesInfo.forEach(frontEnd => {\n if (frontEnd.value) {\n this.selectedFrontEndsIds.push(frontEnd.id);\n }\n });\n });\n };\n\n private setEnvironmentHandler = async () => {\n if (this.createCallback) {\n const newEnvData: NewEnvironmentData = {\n setAsCurrent: this.setAsCurrentEnvironmentEl.checked,\n name: this.environmentNameEl.value,\n runtime: this.selectedRuntimeEnvironmentId,\n language: this.languageEl.value,\n dataStores: this.dataStoreEl.value,\n frontEnds: this.selectedFrontEndsIds\n };\n const createCallbackPromise = this.createCallback(newEnvData);\n createCallbackPromise.then(formSubmitResult => {\n formSubmitValidation(formSubmitResult, this);\n });\n }\n };\n\n private cancelButtonClickedHandler = async (): Promise<void> => {\n if (this.cancelCallback) {\n await this.cancelCallback();\n }\n };\n\n private runtimeEnvironmentChangedHandler = (\n event: CustomEvent<RadioData>\n ): void => {\n this.selectedRuntimeEnvironmentId = event.detail.id;\n this.updateDataSources();\n };\n\n private languageValueChangedHandler = () => {\n / the language item id is used for the value (they are equal)/\n this.selectedLanguageId = this.languageEl.value;\n this.updateDataSources();\n this.updateFrontEnds();\n this.updateEnvironmentName();\n };\n\n private dataStoreValueChangedHandler = () => {\n / the data store item id is used for the value (they are equal)/\n this.selectedDataStoreId = this.dataStoreEl.value;\n this.updateEnvironmentName();\n };\n\n private updateDataSources = async () => {\n if (this.getDataSourcesCallback) {\n const updatedDataSources = await this.getDataSourcesCallback(\n this.selectedLanguageId,\n this.selectedRuntimeEnvironmentId\n );\n if (updatedDataSources?.length > 0) {\n this.dataStores = updatedDataSources;\n }\n }\n };\n\n private updateFrontEnds = async () => {\n if (this.getFrontEndsCallback) {\n const updatedFrontEnds = await this.getFrontEndsCallback(\n this.selectedLanguageId\n );\n if (updatedFrontEnds?.length > 0) {\n this.frontEnds = updatedFrontEnds;\n }\n }\n };\n\n private updateEnvironmentName = async () => {\n if (\n this.getEnvironmentNameCallback &&\n this.environmentNameEl &&\n this.envNameModifiedByUser\n ) {\n const updatedEnvName = await this.getEnvironmentNameCallback(\n this.selectedLanguageId,\n this.selectedDataStoreId\n );\n if (updatedEnvName) {\n this.environmentName = updatedEnvName;\n }\n }\n };\n\n private evaluateSingleRuntimeIcon = () => {\n if (this.runtimes[0].id === \"local\") {\n return \"window-tools/rol\";\n } else {\n return \"window-tools/genexus-cloud\";\n }\n };\n\n // 9.LOCAL METHODS -> Renders //\n\n private renderTabBasic = (): Element => {\n {\n / #basic tab/\n }\n return (\n <gxg-tab\n tab=\"basic\"\n no-padding\n flexContainer\n class=\"tab tab__basic\"\n isSelected={!this.isAdvanced}\n >\n <gx-ide-container\n containerTitle={this._componentLocale.runtime}\n noContentPadding\n displayBorderBottom\n flexRow={this.runtimes.length === 1}\n >\n {/ #runtime environment /}\n {this.runtimes.length > 1 ? (\n <gxg-form-radio-group\n slot=\"header\"\n radiosLabelSize=\"large\"\n ref={(el: HTMLGxgFormRadioGroupElement) =>\n (this.runtimeEnvironmentEl = el as HTMLGxgFormRadioGroupElement)\n }\n row\n center\n onChange={this.runtimeEnvironmentChangedHandler}\n >\n {renderFormItems(\n \"gxg-form-radio\",\n this.runtimes,\n \"runtime-environment\"\n )}\n </gxg-form-radio-group>\n ) : (\n [\n <div class=\"tab__basic__single-runtime\" slot=\"header\">\n <gxg-icon\n color=\"disabled\"\n type={this.evaluateSingleRuntimeIcon()}\n ></gxg-icon>\n <gxg-text textAlign=\"center\">{this.runtimes[0].label}</gxg-text>\n </div>\n ]\n )}\n\n <div class=\"basic-main\">\n {/ #back end/}\n <gx-ide-container\n container-title={\n this._componentLocale.tabBasic.backEnd.backEndLabel\n }\n class=\"basic-main__back-end\"\n contentBorderEnd\n titleType=\"secondary\"\n >\n {/ #language /}\n <gxg-combo-box\n disable-filter\n label={this._componentLocale.tabBasic.backEnd.language}\n value={setInitialComboValue(this.languages)}\n ref={(el: HTMLGxgComboBoxElement) =>\n (this.languageEl = el as HTMLGxgComboBoxElement)\n }\n toolTip={config.tooltip}\n onValueChanged={this.languageValueChangedHandler}\n part=\"language\"\n >\n {renderFormItems(\"gxg-combo-box-item\", this.languages)}\n </gxg-combo-box>\n\n {/ #data stores/}\n <gxg-combo-box\n disable-filter\n label={this._componentLocale.tabBasic.backEnd.dataStores}\n value={setInitialComboValue(this.dataStores)}\n ref={(el: HTMLGxgComboBoxElement) =>\n (this.dataStoreEl = el as HTMLGxgComboBoxElement)\n }\n onValueChanged={this.dataStoreValueChangedHandler}\n toolTip={config.tooltip}\n part=\"data-store\"\n >\n {renderFormItems(\"gxg-combo-box-item\", this.dataStores)}\n </gxg-combo-box>\n </gx-ide-container>\n <gx-ide-container\n container-title={\n this._componentLocale.tabBasic.frontEnd.frontEndLabel\n }\n class=\"basic-main__front-end\"\n titleType=\"secondary\"\n >\n {/ #front end /}\n <gxg-form-checkbox-group\n checkboxesLabelSize=\"large\"\n ref={(el: HTMLGxgFormCheckboxGroupElement) =>\n (this.frontEndsEl = el as HTMLGxgFormCheckboxGroupElement)\n }\n onGroupValuesChanged={this.updateSelectedFrontEndsIds}\n >\n {renderFormItems(\"gxg-form-checkbox\", this.frontEnds)}\n </gxg-form-checkbox-group>\n </gx-ide-container>\n </div>\n </gx-ide-container>\n </gxg-tab>\n );\n };\n\n private renderTabAdvanced = (): Element => {\n return (\n <gxg-tab tab=\"advanced\" no-padding>\n <gx-ide-container>\n {/ #advanced tab/}\n <slot name=\"property-grid\"></slot>\n </gx-ide-container>\n </gxg-tab>\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 {/ header (environment name)/}\n <gx-ide-container\n containerTitle={\n this.displayTitle ? this._componentLocale.componentName : null\n }\n noContentPadding\n noBorderFooter\n slimmerFooter={config.gxIdeContainer.slimmerFooter}\n >\n <header class=\"header\" slot=\"header\">\n {/ #environment name/}\n <gxg-label labelPosition=\"start\" class=\"header__label\">\n {this._componentLocale.name}\n </gxg-label>\n\n {/ #front end /}\n <gxg-form-text\n label-position=\"start\"\n placeholder=\"New Environment\"\n max-width=\"100%\"\n value={this.environmentName}\n ref={(el: HTMLGxgFormTextElement) =>\n (this.environmentNameEl = el as HTMLGxgFormTextElement)\n }\n onInput={\n !this.envNameModifiedByUser &&\n (this.envNameInputHandler as any)\n }\n toolTip={config.tooltip}\n class=\"header__text\"\n part=\"environment-name\"\n ></gxg-form-text>\n </header>\n\n {/ main /}\n <main class=\"main\">\n <gxg-tabs class=\"gxg-tabs\" noBorder>\n {this.isAdvanced ? (\n <gxg-tab-bar slot=\"tab-bar-container\" displayBorder>\n {/ #basic tab-button/}\n <gxg-tab-button\n slot=\"tab-bar\"\n tab-label={this._componentLocale.tabBasic.tabLabel}\n tab=\"basic\"\n is-selected\n ></gxg-tab-button>\n\n {/ #advanced tab-button/}\n {this.isAdvanced ? (\n <gxg-tab-button\n slot=\"tab-bar\"\n tab-label={this._componentLocale.tabAdvanced.tabLabel}\n tab=\"advanced\"\n disabled={this.disableAdvanced}\n ></gxg-tab-button>\n ) : null}\n </gxg-tab-bar>\n ) : null}\n\n {this.renderTabBasic()}\n {this.isAdvanced && this.renderTabAdvanced()}\n </gxg-tabs>\n </main>\n\n {/ #footer /}\n {/ #set as current environment/}\n <gxg-form-checkbox\n label={this._componentLocale.footer.setAsCurrentEnvironment}\n ref={(el: HTMLGxgFormCheckboxElement) =>\n (this.setAsCurrentEnvironmentEl =\n el as HTMLGxgFormCheckboxElement)\n }\n checked={this.setAsTarget}\n part=\"set-as-current-environment\"\n slot=\"footer-start\"\n ></gxg-form-checkbox>\n\n {/ #cancel/}\n <gxg-button\n id=\"button-cancel\"\n slot=\"footer-end\"\n type=\"outlined\"\n onClick={this.cancelButtonClickedHandler}\n part=\"gxg-button gxg-button--cancel\"\n >\n {this._componentLocale.footer.btnCancel}\n </gxg-button>\n\n {/ #set new environment */}\n <gxg-button\n id=\"button-create\"\n slot=\"footer-end\"\n type=\"primary-text-only\"\n onClick={this.setEnvironmentHandler}\n part=\"gxg-button gxg-button--create\"\n >\n {this._componentLocale.footer.btnSetNewEnvironment}\n </gxg-button>\n </gx-ide-container>\n </div>\n <gxg-shortcuts\n src={this.shortcutsSrc}\n ref={(el: HTMLGxgShortcutsElement) =>\n (this.gxgShortcutsEl = el as HTMLGxgShortcutsElement)\n }\n ></gxg-shortcuts>\n </Host>\n );\n }\n}\n\nexport interface NewEnvironmentData {\n setAsCurrent: boolean;\n name: string;\n runtime: string;\n language: string;\n dataStores: string;\n frontEnds: string[];\n}\n\nexport type CreateCallback = (\n data: NewEnvironmentData\n) => Promise<FormSubmitResult>;\n\nexport type CancelCallback = () => Promise<void>;\n\nexport type ChangedCallback = (data: NewEnvironmentData) => Promise<void>;\n\nexport type GetDataSourcesCallback = (\n selectedLanguageId: string,\n selectedRuntimeId: string\n) => Promise<GxOption[]>;\n\nexport type GetFrontEndsCallback = (\n selectedLanguageId: string\n) => Promise<GxOption[]>;\n\nexport type GetEnvironmentNameCallback = (\n selectedLanguageId: string,\n selectedDataSourceId: string\n) => Promise<string \| undefined>;\n"],"version":3}
1	+ {"file":"gx-ide-new-environment.js","mappings":"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","names":["GxIdeNewEnvironment"],"sources":["src/components/new-environment/new-environment.scss?tag=gx-ide-new-environment&encapsulation=shadow","src/components/new-environment/new-environment.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/Header/\n.header {\n display: flex;\n &__label {\n flex: none;\n }\n}\n/Main/\n.main {\n height: 100%;\n}\n/Main > Gxg-Tabs/\n.gxg-tabs {\n margin-top: 0;\n box-shadow: none;\n}\n.tab {\n &__basic {\n &__single-runtime {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: var(--mer-spacing--2xs);\n }\n }\n}\n/Main > Gxg-Tabs > Basic/\n.basic-main {\n display: flex;\n height: 100%;\n\n &__back-end {\n flex: 1;\n //border-inline-end: 1px solid var(--gx-ide-container-border-color);\n }\n &__front-end {\n flex: 1;\n }\n}\n/Main > Gxg-Tabs > Advanced/\n.advanced-second-row {\n grid-template-columns: repeat(2, 1fr);\n grid-template-rows: 1fr;\n > :nth-child(1) {\n grid-area: 1 / 1 / 2 / 2;\n }\n > :nth-child(2) {\n grid-area: 1 / 2 / 2 / 3;\n }\n}\n.advanced-second-row-col-left {\n grid-template-columns: repeat(2, 1fr);\n grid-template-rows: repeat(4, 1fr);\n grid-template-columns: 1fr auto;\n > * {\n display: flex;\n align-items: self-end;\n }\n > :nth-child(1) {\n grid-area: 1 / 1 / 2 / 2;\n }\n > :nth-child(2) {\n grid-area: 1 / 2 / 2 / 3;\n }\n > :nth-child(3) {\n grid-area: 2 / 1 / 3 / 2;\n }\n > :nth-child(4) {\n grid-area: 2 / 2 / 3 / 3;\n }\n > :nth-child(5) {\n grid-area: 3 / 1 / 4 / 2;\n }\n > :nth-child(6) {\n grid-area: 3 / 2 / 4 / 3;\n }\n > :nth-child(7) {\n grid-area: 4 / 1 / 5 / 2;\n }\n > :nth-child(8) {\n grid-area: 4 / 2 / 5 / 3;\n }\n}\n.advanced-second-row-col-right {\n grid-template-columns: 1fr;\n grid-template-rows: repeat(4, 1fr);\n grid-auto-rows: 1fr;\n :nth-child(1) {\n grid-area: 1 / 1 / 2 / 2;\n }\n :nth-child(2) {\n grid-area: 2 / 1 / 3 / 2;\n }\n :nth-child(3) {\n grid-area: 3 / 1 / 4 / 2;\n }\n :nth-child(4) {\n grid-area: 4 / 1 / 5 / 2;\n }\n}\n","/* STENCIL IMPORTS /\nimport {\n Component,\n Host,\n h,\n Prop,\n Element,\n Event,\n EventEmitter,\n getAssetPath,\n Method\n} from \"@stencil/core\";\n/ OTHER LIBRARIES IMPORTS /\nimport { RadioData } from \"@genexus/gemini/dist/types/components/form-radio/form-radio\";\n/ CUSTOM IMPORTS /\nimport { Locale } from \"../../common/locale\";\nimport { setInitialComboValue } from \"../../common/helpers\";\nimport { GxOption } from \"../../common/types\";\nimport { config } from \"../../common/config\";\nimport { renderFormItems } from \"../../common/common\";\nimport { FormSubmitResult } from \"../../common/types\";\nimport { formSubmitValidation } from \"../../common/helpers\";\n@Component({\n tag: \"gx-ide-new-environment\",\n styleUrl: \"new-environment.scss\",\n shadow: true,\n assetsDirs: [\"gx-ide-assets/new-environment\"]\n})\nexport class GxIdeNewEnvironment {\n /\nINDEX:\n1.OWN PROPERTIES\n2.REFERENCE TO ELEMENTS\n3.STATE() VARIABLES\n4.PUBLIC PROPERTY API \| WATCH'S\n5.EVENTS (EMIT)\n6.COMPONENT LIFECYCLE EVENTS\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 selectedFrontEndsIds: string[] = [];\n private selectedRuntimeEnvironmentId: string;\n private selectedLanguageId: string;\n private selectedDataStoreId: string;\n private envNameModifiedByUser = false;\n private shortcutsSrc = getAssetPath(\n `./gx-ide-assets/new-environment/shortcuts.json`\n );\n\n // 2. REFERENCE TO ELEMENTS //\n\n @Element() el: HTMLGxIdeNewEnvironmentElement;\n\n / References needed to collect data con \"Create\" button submit/\n private environmentNameEl!: HTMLGxgFormTextElement;\n private languageEl!: HTMLGxgComboBoxElement;\n private runtimeEnvironmentEl!: HTMLGxgFormRadioGroupElement;\n private dataStoreEl!: HTMLGxgComboBoxElement;\n private frontEndsEl!: HTMLGxgFormCheckboxGroupElement;\n private setAsCurrentEnvironmentEl: HTMLGxgFormCheckboxElement;\n private gxgShortcutsEl: HTMLGxgShortcutsElement;\n\n // 3.STATE() VARIABLES //\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 user wants to cancel\n /\n @Prop() readonly cancelCallback: CancelCallback;\n\n /\n Callback that will be invoked when user confirms the KB creation\n /\n @Prop() readonly createCallback: CreateCallback;\n\n /\n It allows defining the DBMS that will be used in the solution\n /\n @Prop({ mutable: true }) dataStores!: GxOption[];\n\n /\n It allows selecting multiple generators for the front end\n /\n @Prop() readonly disableAdvanced: boolean = false;\n\n /\n Name of the new environment\n /\n @Prop({ mutable: true }) environmentName: string;\n\n /\n It allows selecting multiple generators for the front end\n /\n @Prop({ mutable: true }) frontEnds!: GxOption[];\n\n /\n Callback invoked when the user changes the language or the selected data source, if and only if the environment name was not modified\n /\n @Prop() readonly getEnvironmentNameCallback: GetEnvironmentNameCallback;\n\n /\n Callback invoked when the user changes the language, allows modifying the list of frontends\n /\n @Prop() readonly getFrontEndsCallback: GetFrontEndsCallback;\n\n /\n Callback invoked when the user changes the language or the runtime\n /\n @Prop() readonly getDataSourcesCallback: GetDataSourcesCallback;\n\n /\n Define if the Advanced tab should be displayed\n /\n @Prop() readonly isAdvanced: boolean = false;\n\n /\n Possible values for 'Language' combo\n /\n @Prop() readonly languages!: GxOption[];\n\n /\n Possible values for 'Runtime Environment' radio button\n /\n @Prop() readonly runtimes!: GxOption[];\n\n /\n Belongs to checkbox 'Set as current environment' @default true\n \n /\n @Prop() readonly setAsTarget?: boolean = true;\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 EVENTS //\n\n async componentWillLoad() {\n this._componentLocale = await Locale.getComponentStrings(this.el);\n this.evaluateSelectedRuntimeEnvironmentId();\n }\n\n componentDidLoad() {\n this.initialSetup();\n this.environmentNameEl.focus();\n }\n\n componentDidRender() {\n if (!this.renderedFirstTime) {\n this.componentDidRenderFirstTime.emit(\n this._componentLocale.componentName\n );\n this.renderedFirstTime = true;\n }\n }\n\n // 7.LISTENERS //\n\n // 8.PUBLIC METHODS API //\n\n /\n Suspends or reactivates the shortcuts\n /\n @Method()\n async suspendShortcuts(suspendShortcuts: boolean) {\n if (suspendShortcuts) {\n this.gxgShortcutsEl.suspend = true;\n } else {\n this.gxgShortcutsEl.suspend = false;\n }\n }\n\n // 9.LOCAL METHODS //\n\n // 9.LOCAL METHODS -> Helpers //\n\n private initialSetup = () => {\n this.updateSelectedFrontEndsIds();\n this.setInitialRuntimeId();\n this.setInitialLanguageId();\n this.setInitialDataStoreId();\n };\n\n private evaluateSelectedRuntimeEnvironmentId = () => {\n if (this.runtimes.length === 1) {\n this.selectedRuntimeEnvironmentId = this.runtimes[0].id;\n }\n };\n\n private setInitialRuntimeId = () => {\n if (this.runtimeEnvironmentEl?.value) {\n const initialRuntimeEnvironment = this.runtimes.find(\n runtime => runtime.value === this.runtimeEnvironmentEl?.value\n );\n if (initialRuntimeEnvironment) {\n this.selectedRuntimeEnvironmentId = initialRuntimeEnvironment.id;\n }\n }\n };\n\n private setInitialLanguageId = () => {\n if (this.languageEl?.value) {\n const initialLanguage = this.languages.find(\n lang => lang.id === this.languageEl?.value\n );\n if (initialLanguage) {\n this.selectedLanguageId = initialLanguage.id;\n }\n }\n };\n\n private setInitialDataStoreId = () => {\n if (this.dataStoreEl?.value) {\n const initialDataStore = this.dataStores.find(\n dataStore => dataStore.id === this.dataStoreEl?.value\n );\n if (initialDataStore) {\n this.selectedDataStoreId = initialDataStore.id;\n }\n }\n };\n\n // 9.LOCAL METHODS -> Not Helpers //\n\n private envNameInputHandler = (e: CustomEvent<EventEmitter>) => {\n const newEnvName = (e.detail + \"\").trim();\n if (newEnvName !== this.environmentName) {\n this.environmentName = newEnvName;\n this.envNameModifiedByUser = true;\n }\n };\n\n private updateSelectedFrontEndsIds = () => {\n this.selectedFrontEndsIds = [];\n this.frontEndsEl.getValues().then(frontEndsCheckboxesInfo => {\n frontEndsCheckboxesInfo.forEach(frontEnd => {\n if (frontEnd.value) {\n this.selectedFrontEndsIds.push(frontEnd.id);\n }\n });\n });\n };\n\n private setEnvironmentHandler = async () => {\n if (this.createCallback) {\n const newEnvData: NewEnvironmentData = {\n setAsCurrent: this.setAsCurrentEnvironmentEl.checked,\n name: this.environmentNameEl.value,\n runtime: this.selectedRuntimeEnvironmentId,\n language: this.languageEl.value,\n dataStores: this.dataStoreEl.value,\n frontEnds: this.selectedFrontEndsIds\n };\n const createCallbackPromise = this.createCallback(newEnvData);\n createCallbackPromise.then(formSubmitResult => {\n formSubmitValidation(formSubmitResult, this);\n });\n }\n };\n\n private cancelButtonClickedHandler = async (): Promise<void> => {\n if (this.cancelCallback) {\n await this.cancelCallback();\n }\n };\n\n private runtimeEnvironmentChangedHandler = (\n event: CustomEvent<RadioData>\n ): void => {\n this.selectedRuntimeEnvironmentId = event.detail.id;\n this.updateDataSources();\n };\n\n private languageValueChangedHandler = () => {\n / the language item id is used for the value (they are equal)/\n this.selectedLanguageId = this.languageEl.value;\n this.updateDataSources();\n this.updateFrontEnds();\n this.updateEnvironmentName();\n };\n\n private dataStoreValueChangedHandler = () => {\n / the data store item id is used for the value (they are equal)/\n this.selectedDataStoreId = this.dataStoreEl.value;\n this.updateEnvironmentName();\n };\n\n private updateDataSources = async () => {\n if (this.getDataSourcesCallback) {\n const updatedDataSources = await this.getDataSourcesCallback(\n this.selectedLanguageId,\n this.selectedRuntimeEnvironmentId\n );\n if (updatedDataSources?.length > 0) {\n this.dataStores = updatedDataSources;\n }\n }\n };\n\n private updateFrontEnds = async () => {\n if (this.getFrontEndsCallback) {\n const updatedFrontEnds = await this.getFrontEndsCallback(\n this.selectedLanguageId\n );\n if (updatedFrontEnds?.length > 0) {\n this.frontEnds = updatedFrontEnds;\n }\n }\n };\n\n private updateEnvironmentName = async () => {\n if (\n this.getEnvironmentNameCallback &&\n this.environmentNameEl &&\n this.envNameModifiedByUser\n ) {\n const updatedEnvName = await this.getEnvironmentNameCallback(\n this.selectedLanguageId,\n this.selectedDataStoreId\n );\n if (updatedEnvName) {\n this.environmentName = updatedEnvName;\n }\n }\n };\n\n private evaluateSingleRuntimeIcon = () => {\n if (this.runtimes[0].id === \"local\") {\n return \"window-tools/rol\";\n } else {\n return \"window-tools/genexus-cloud\";\n }\n };\n\n // 9.LOCAL METHODS -> Renders //\n\n private renderTabBasic = (): Element => {\n {\n / #basic tab/\n }\n return (\n <gxg-tab\n tab=\"basic\"\n no-padding\n flexContainer\n class=\"tab tab__basic\"\n isSelected={!this.isAdvanced}\n >\n <gx-ide-container\n containerTitle={this._componentLocale.runtime}\n noContentPadding\n displayBorderBottom\n flexRow={this.runtimes.length === 1}\n >\n {/ #runtime environment /}\n {this.runtimes.length > 1 ? (\n <gxg-form-radio-group\n slot=\"header\"\n radiosLabelSize=\"large\"\n ref={(el: HTMLGxgFormRadioGroupElement) =>\n (this.runtimeEnvironmentEl = el as HTMLGxgFormRadioGroupElement)\n }\n row\n center\n onChange={this.runtimeEnvironmentChangedHandler}\n >\n {renderFormItems(\n \"gxg-form-radio\",\n this.runtimes,\n \"runtime-environment\"\n )}\n </gxg-form-radio-group>\n ) : (\n [\n <div class=\"tab__basic__single-runtime\" slot=\"header\">\n <gxg-icon\n color=\"disabled\"\n type={this.evaluateSingleRuntimeIcon()}\n ></gxg-icon>\n <gxg-text textAlign=\"center\">{this.runtimes[0].label}</gxg-text>\n </div>\n ]\n )}\n\n <div class=\"basic-main\">\n {/ #back end/}\n <gx-ide-container\n container-title={\n this._componentLocale.tabBasic.backEnd.backEndLabel\n }\n class=\"basic-main__back-end\"\n contentBorderEnd\n titleType=\"secondary\"\n >\n {/ #language /}\n <gxg-combo-box\n disable-filter\n label={this._componentLocale.tabBasic.backEnd.language}\n value={setInitialComboValue(this.languages)}\n ref={(el: HTMLGxgComboBoxElement) =>\n (this.languageEl = el as HTMLGxgComboBoxElement)\n }\n toolTip={config.tooltip}\n onValueChanged={this.languageValueChangedHandler}\n part=\"language\"\n >\n {renderFormItems(\"gxg-combo-box-item\", this.languages)}\n </gxg-combo-box>\n\n {/ #data stores/}\n <gxg-combo-box\n disable-filter\n label={this._componentLocale.tabBasic.backEnd.dataStores}\n value={setInitialComboValue(this.dataStores)}\n ref={(el: HTMLGxgComboBoxElement) =>\n (this.dataStoreEl = el as HTMLGxgComboBoxElement)\n }\n onValueChanged={this.dataStoreValueChangedHandler}\n toolTip={config.tooltip}\n part=\"data-store\"\n >\n {renderFormItems(\"gxg-combo-box-item\", this.dataStores)}\n </gxg-combo-box>\n </gx-ide-container>\n <gx-ide-container\n container-title={\n this._componentLocale.tabBasic.frontEnd.frontEndLabel\n }\n class=\"basic-main__front-end\"\n titleType=\"secondary\"\n >\n {/ #front end /}\n <gxg-form-checkbox-group\n checkboxesLabelSize=\"large\"\n ref={(el: HTMLGxgFormCheckboxGroupElement) =>\n (this.frontEndsEl = el as HTMLGxgFormCheckboxGroupElement)\n }\n onGroupValuesChanged={this.updateSelectedFrontEndsIds}\n >\n {renderFormItems(\"gxg-form-checkbox\", this.frontEnds)}\n </gxg-form-checkbox-group>\n </gx-ide-container>\n </div>\n </gx-ide-container>\n </gxg-tab>\n );\n };\n\n private renderTabAdvanced = (): Element => {\n return (\n <gxg-tab tab=\"advanced\" no-padding>\n <gx-ide-container>\n {/ #advanced tab/}\n <slot name=\"property-grid\"></slot>\n </gx-ide-container>\n </gxg-tab>\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 {/ header (environment name)/}\n <gx-ide-container\n containerTitle={\n this.displayTitle ? this._componentLocale.componentName : null\n }\n noContentPadding\n noBorderFooter\n slimmerFooter={config.gxIdeContainer.slimmerFooter}\n >\n <header class=\"header\" slot=\"header\">\n {/ #environment name/}\n <gxg-label labelPosition=\"start\" class=\"header__label\">\n {this._componentLocale.name}\n </gxg-label>\n\n {/ #front end /}\n <gxg-form-text\n label-position=\"start\"\n placeholder=\"New Environment\"\n max-width=\"100%\"\n value={this.environmentName}\n ref={(el: HTMLGxgFormTextElement) =>\n (this.environmentNameEl = el as HTMLGxgFormTextElement)\n }\n onInput={\n !this.envNameModifiedByUser &&\n (this.envNameInputHandler as any)\n }\n toolTip={config.tooltip}\n class=\"header__text\"\n part=\"environment-name\"\n ></gxg-form-text>\n </header>\n\n {/ main /}\n <main class=\"main\">\n <gxg-tabs class=\"gxg-tabs\" noBorder>\n {this.isAdvanced ? (\n <gxg-tab-bar slot=\"tab-bar-container\" displayBorder>\n {/ #basic tab-button/}\n <gxg-tab-button\n slot=\"tab-bar\"\n tab-label={this._componentLocale.tabBasic.tabLabel}\n tab=\"basic\"\n is-selected\n ></gxg-tab-button>\n\n {/ #advanced tab-button/}\n {this.isAdvanced ? (\n <gxg-tab-button\n slot=\"tab-bar\"\n tab-label={this._componentLocale.tabAdvanced.tabLabel}\n tab=\"advanced\"\n disabled={this.disableAdvanced}\n ></gxg-tab-button>\n ) : null}\n </gxg-tab-bar>\n ) : null}\n\n {this.renderTabBasic()}\n {this.isAdvanced && this.renderTabAdvanced()}\n </gxg-tabs>\n </main>\n\n {/ #footer /}\n {/ #set as current environment/}\n <gxg-form-checkbox\n label={this._componentLocale.footer.setAsCurrentEnvironment}\n ref={(el: HTMLGxgFormCheckboxElement) =>\n (this.setAsCurrentEnvironmentEl =\n el as HTMLGxgFormCheckboxElement)\n }\n checked={this.setAsTarget}\n part=\"set-as-current-environment\"\n slot=\"footer-start\"\n ></gxg-form-checkbox>\n\n {/ #cancel/}\n <gxg-button\n id=\"button-cancel\"\n slot=\"footer-end\"\n type=\"outlined\"\n onClick={this.cancelButtonClickedHandler}\n part=\"gxg-button gxg-button--cancel\"\n >\n {this._componentLocale.footer.btnCancel}\n </gxg-button>\n\n {/ #set new environment */}\n <gxg-button\n id=\"button-create\"\n slot=\"footer-end\"\n type=\"primary-text-only\"\n onClick={this.setEnvironmentHandler}\n part=\"gxg-button gxg-button--create\"\n >\n {this._componentLocale.footer.btnSetNewEnvironment}\n </gxg-button>\n </gx-ide-container>\n </div>\n <gxg-shortcuts\n src={this.shortcutsSrc}\n ref={(el: HTMLGxgShortcutsElement) =>\n (this.gxgShortcutsEl = el as HTMLGxgShortcutsElement)\n }\n ></gxg-shortcuts>\n </Host>\n );\n }\n}\n\nexport interface NewEnvironmentData {\n setAsCurrent: boolean;\n name: string;\n runtime: string;\n language: string;\n dataStores: string;\n frontEnds: string[];\n}\n\nexport type CreateCallback = (\n data: NewEnvironmentData\n) => Promise<FormSubmitResult>;\n\nexport type CancelCallback = () => Promise<void>;\n\nexport type ChangedCallback = (data: NewEnvironmentData) => Promise<void>;\n\nexport type GetDataSourcesCallback = (\n selectedLanguageId: string,\n selectedRuntimeId: string\n) => Promise<GxOption[]>;\n\nexport type GetFrontEndsCallback = (\n selectedLanguageId: string\n) => Promise<GxOption[]>;\n\nexport type GetEnvironmentNameCallback = (\n selectedLanguageId: string,\n selectedDataSourceId: string\n) => Promise<string \| undefined>;\n"],"version":3}

package/dist/components/gx-ide-new-kb.js CHANGED Viewed

@@ -6,7 +6,7 @@ import { f as formSubmitValidation } from './helpers.js';
 import { d as defineCustomElement$3 } from './container.js';
 import { d as defineCustomElement$2 } from './title.js';
-const newKbCss = ":root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-01--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-02{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-02--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--color-on-primary)}.gxg-title-03{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-03--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-04{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-04--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-05{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-05--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable)}.gxg-text--negative{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text--gray{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--dimmed)}.gxg-quote{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);font-style:italic}.gxg-quote--negative{color:var(--ds-base-font-color--negative)}.gxg-link{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--ds-base-font-color--link-hover)}.gxg-link:active{color:var(--ds-base-font-color--link-active)}.gxg-link-gray{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed)}.gxg-link-gray:hover{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed);filter:brightness(1.4)}.gxg-alert-error{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--error);display:inline-block}.gxg-alert-warning{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--warning);display:inline-block}.gxg-alert-success{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--success);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--ds-base-font-family-primary);font-weight:var(--gxg-label-font-weight);font-size:var(--gxg-label-font-size);color:var(--gxg-label-color);text-align:center;line-height:1.455em;display:flex;align-items:center}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gxg-scrollbar::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.button-primary-destructive{--control__border-color:var(--button-primary__border-color--destructive);background-color:var(--button-primary__bg-color--destructive);color:var(--button-primary__color--destructive)}.button-primary-destructive:hover{--control__border-color:var(\n    --button-primary__bg-color--destructive-hover\n  );background-color:var(--button-primary__bg-color--destructive-hover);color:var(--button-primary__color--destructive)}.button-primary-destructive:active{--control__border-color:var(\n    --button-primary__bg-color--destructive-active\n  );background-color:var(--button-primary__bg-color--destructive-active);color:var(--button-primary__color--destructive)}.button-secondary-destructive{--control__border-color:var(--button-secondary__border-color--destructive);background-color:var(--button-secondary__bg-color--destructive);color:var(--button-secondary__color--destructive)}.button-secondary-destructive:hover{--control__border-color:var(\n    --button-secondary__bg-color--destructive-hover\n  );background-color:var(--button-secondary__bg-color--destructive-hover);color:var(--button-secondary__color--destructive)}.button-secondary-destructive:active{--control__border-color:var(\n    --button-secondary__bg-color--destructive-active\n  );background-color:var(--button-secondary__bg-color--destructive-active);color:var(--button-secondary__color--destructive)}:host{display:grid;block-size:100%}.card-regular{background-color:var(--mer-surface__elevation--01);border:var(--mer-border__width--sm) solid var(--mer-border-color__on-elevation--01);border-radius:var(--mer-border__radius--md);padding:var(--mer-spacing--md) var(--mer-spacing--md);display:grid}.card-small{background-color:var(--mer-surface__elevation--02);border-radius:var(--mer-border__radius--sm);padding:var(--mer-spacing--sm) var(--mer-spacing--sm)}.card-small--actionable:hover{background-color:var(--mer-color__neutral-gray--600)}.card-small--actionable:active{background-color:var(--mer-color__neutral-gray--650)}.card-small:focus-visible{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.empty-state{block-size:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--mer-spacing--sm);text-align:center}.empty-state__title,.empty-state__button,.empty-state__link{max-inline-size:300px}.opacity-0{opacity:0}.opacity-1{opacity:1}.display-contents{display:contents}.gxi-hidden{display:none !important}.gxi-full-height{height:100%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}.justify-start{display:flex;justify-content:start}.justify-center{display:flex;justify-content:center}.justify-end{display:flex;justify-content:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:99;border-bottom:1px solid var(--mer-color__neutral-gray--800)}ch-grid-column:first-child{padding-inline-start:var(--gx-ide-container__padding) !important}ch-grid-column:last-child{padding-inline-end:var(--gx-ide-container__padding) !important}ch-grid-cell{--mer-spacing--xs:var(--gx-ide-container__padding)}.layout{display:grid;gap:var(--mer-spacing--lg);box-sizing:border-box}.layout--two-cols{grid-template-columns:1fr 1fr}.layout--space-above{padding-block-start:var(--mer-spacing--lg)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--mer-font__weight--regular);font-size:var(--mer-font__size--xs);font-family:var(--mer-font-family--primary);height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-main::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-main::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-main::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-overflow::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.tree-view-primary{font-size:var(--mer-font__size--2xs)}p{margin:0;font-size:var(--mer-font__size--xxs)}.buttons-container{display:flex;gap:var(--mer-spacing--xs)}:host{display:block;border:1px solid var(--gxg-border-color--regular);background-color:var(--mer-color__surface)}.header{grid-template-columns:auto 1fr;grid-template-areas:\"kb-name-label kb-input\"}.header--is-advanced{grid-template-columns:auto 1fr min-content;grid-template-areas:\"kb-name-label kb-input .\" \"location-label location-input location-icon\"}.header .kb-input{grid-area:kb-input}.header .kb-name-label{grid-area:kb-label}.header .location-label{grid-area:location-label}.header .location-input{grid-area:location-input}.header .location-icon{grid-area:location-icon}.gxg-tabs{margin-top:0;box-shadow:none}.basic-row-first{container-name:basic-row-first;}.basic-row-first__container{display:grid;gap:var(--gx-ide-grid-column-gap);padding:var(--gx-ide-container__padding);border-bottom:1px solid var(--gx-ide-container-border-color);grid-template-columns:repeat(2, 1fr)}.basic-row-second{grid-template-columns:repeat(2, 1fr);grid-column-gap:0;grid-row-gap:0;flex-grow:1}.knowledge-base-storage{display:grid;grid-template-areas:\"knowledge-base-storage__col-left knowledge-base-storage__col-right\";grid-template-columns:repeat(2, 1fr);flex-grow:1;gap:0}.knowledge-base-storage>*:first-child{border-right:1px solid var(--gx-ide-container-border-color)}.knowledge-base-storage__col-left{display:grid;gap:var(--gx-ide-grid-row-gap);padding:var(--gx-ide-container__padding);grid-area:knowledge-base-storage__col-left;grid-template-columns:1fr auto;grid-template-rows:repeat(4, min-content);grid-template-areas:\"server-name-combo-box server-name-button\" \"database-name .\" \"collation-combo-box collation-button\" \"create-data-in-kb .\"}.knowledge-base-storage__col-left .server-name-combo-box{grid-area:server-name-combo-box}.knowledge-base-storage__col-left .server-name-button{grid-area:server-name-button;align-self:end}.knowledge-base-storage__col-left .database-name{grid-area:database-name}.knowledge-base-storage__col-left .collation-combo-box{grid-area:collation-combo-box}.knowledge-base-storage__col-left .collation-button{grid-area:collation-button;align-self:end}.knowledge-base-storage__col-left .create-data-in-kb{grid-area:create-data-in-kb}.knowledge-base-storage__col-right{display:grid;padding:var(--gx-ide-container__padding);gap:var(--gx-ide-grid-row-gap);grid-area:knowledge-base-storage__col-right;grid-template-columns:1fr;grid-template-rows:repeat(4, min-content);grid-template-areas:\"authentication-type\" \"user-name\" \"password\" \"save-password\"}.knowledge-base-storage__col-right .authentication-type{grid-area:authentication-type}.knowledge-base-storage__col-right .user-name{grid-area:user-name}.knowledge-base-storage__col-right .password{grid-area:password}.knowledge-base-storage__col-right .save-password{grid-area:save-password}.knowledge-base-storage__col-right--windows-authentication{grid-template-areas:\"authentication-type\"}";
+const newKbCss = ":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}.gxi-hidden{display:none !important}.gxi-full-height{height:100%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}.justify-start{display:flex;justify-content:start}.justify-center{display:flex;justify-content:center}.justify-end{display:flex;justify-content:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:99;border-bottom:1px solid var(--mer-color__neutral-gray--800)}ch-grid-column:first-child{padding-inline-start:var(--gx-ide-container__padding) !important}ch-grid-column:last-child{padding-inline-end:var(--gx-ide-container__padding) !important}ch-grid-cell{--mer-spacing--xs:var(--gx-ide-container__padding)}.layout{display:grid;gap:var(--mer-spacing--lg);box-sizing:border-box}.layout--two-cols{grid-template-columns:1fr 1fr}.layout--space-above{padding-block-start:var(--mer-spacing--lg)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--mer-font__weight--regular);font-size:var(--mer-font__size--xs);font-family:var(--mer-font-family--primary);height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-main::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-main::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-main::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-overflow::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.tree-view-primary{font-size:var(--mer-font__size--2xs)}p{margin:0;font-size:var(--mer-font__size--xxs)}.buttons-container{display:flex;gap:var(--mer-spacing--xs)}:host{display:block;border:1px solid var(--gxg-border-color--regular);background-color:var(--mer-color__surface)}.header{grid-template-columns:auto 1fr;grid-template-areas:\"kb-name-label kb-input\"}.header--is-advanced{grid-template-columns:auto 1fr min-content;grid-template-areas:\"kb-name-label kb-input .\" \"location-label location-input location-icon\"}.header .kb-input{grid-area:kb-input}.header .kb-name-label{grid-area:kb-label}.header .location-label{grid-area:location-label}.header .location-input{grid-area:location-input}.header .location-icon{grid-area:location-icon}.gxg-tabs{margin-top:0;box-shadow:none}.basic-row-first{container-name:basic-row-first;}.basic-row-first__container{display:grid;gap:var(--gx-ide-grid-column-gap);padding:var(--gx-ide-container__padding);border-bottom:1px solid var(--gx-ide-container-border-color);grid-template-columns:repeat(2, 1fr)}.basic-row-second{grid-template-columns:repeat(2, 1fr);grid-column-gap:0;grid-row-gap:0;flex-grow:1}.knowledge-base-storage{display:grid;grid-template-areas:\"knowledge-base-storage__col-left knowledge-base-storage__col-right\";grid-template-columns:repeat(2, 1fr);flex-grow:1;gap:0}.knowledge-base-storage>*:first-child{border-right:1px solid var(--gx-ide-container-border-color)}.knowledge-base-storage__col-left{display:grid;gap:var(--gx-ide-grid-row-gap);padding:var(--gx-ide-container__padding);grid-area:knowledge-base-storage__col-left;grid-template-columns:1fr auto;grid-template-rows:repeat(4, min-content);grid-template-areas:\"server-name-combo-box server-name-button\" \"database-name .\" \"collation-combo-box collation-button\" \"create-data-in-kb .\"}.knowledge-base-storage__col-left .server-name-combo-box{grid-area:server-name-combo-box}.knowledge-base-storage__col-left .server-name-button{grid-area:server-name-button;align-self:end}.knowledge-base-storage__col-left .database-name{grid-area:database-name}.knowledge-base-storage__col-left .collation-combo-box{grid-area:collation-combo-box}.knowledge-base-storage__col-left .collation-button{grid-area:collation-button;align-self:end}.knowledge-base-storage__col-left .create-data-in-kb{grid-area:create-data-in-kb}.knowledge-base-storage__col-right{display:grid;padding:var(--gx-ide-container__padding);gap:var(--gx-ide-grid-row-gap);grid-area:knowledge-base-storage__col-right;grid-template-columns:1fr;grid-template-rows:repeat(4, min-content);grid-template-areas:\"authentication-type\" \"user-name\" \"password\" \"save-password\"}.knowledge-base-storage__col-right .authentication-type{grid-area:authentication-type}.knowledge-base-storage__col-right .user-name{grid-area:user-name}.knowledge-base-storage__col-right .password{grid-area:password}.knowledge-base-storage__col-right .save-password{grid-area:save-password}.knowledge-base-storage__col-right--windows-authentication{grid-template-areas:\"authentication-type\"}";
 const GxIdeNewKb$1 = /*@__PURE__*/ proxyCustomElement(class GxIdeNewKb extends HTMLElement {
     constructor() {

package/dist/components/gx-ide-new-kb.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"gx-ide-new-kb.js","mappings":"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","names":["GxIdeNewKb"],"sources":["src/components/new-kb/new-kb.scss?tag=gx-ide-new-kb&encapsulation=shadow","src/components/new-kb/new-kb.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-new-kb--shadow) {\n}\n/HEADER/\n.header {\n grid-template-columns: auto 1fr;\n grid-template-areas: \"kb-name-label kb-input\";\n &--is-advanced {\n grid-template-columns: auto 1fr min-content;\n grid-template-areas:\n \"kb-name-label kb-input .\"\n \"location-label location-input location-icon\";\n }\n .kb-input {\n grid-area: kb-input;\n }\n .kb-name-label {\n grid-area: kb-label;\n }\n .location-label {\n grid-area: location-label;\n }\n .location-input {\n grid-area: location-input;\n }\n .location-icon {\n grid-area: location-icon;\n }\n}\n/GXG-TABS/\n.gxg-tabs {\n margin-top: 0;\n box-shadow: none;\n}\n/Basic/\n.basic-row-first {\n container-name: basic-row-first;\n // container-type: inline-size; /Esto queda comentado hasta que no se resuelva el problema del popover con Safari./\n &__container {\n display: grid;\n gap: var(--gx-ide-grid-column-gap);\n padding: var(--gx-ide-container__padding);\n border-bottom: 1px solid var(--gx-ide-container-border-color);\n grid-template-columns: repeat(2, 1fr);\n }\n /Esto queda comentado hasta que no se resuelva el problema del popover con Safari./\n // @include containerQuerySm() {\n // .basic-row-first__container {\n // grid-template-columns: 1fr;\n // }\n // }\n}\n\n.basic-row-second {\n grid-template-columns: repeat(2, 1fr);\n grid-column-gap: 0;\n grid-row-gap: 0;\n flex-grow: 1;\n}\n/Advanced/\n.knowledge-base-storage {\n display: grid;\n grid-template-areas: \"knowledge-base-storage__col-left knowledge-base-storage__col-right\";\n grid-template-columns: repeat(2, 1fr);\n flex-grow: 1;\n gap: 0;\n > :first-child {\n border-right: 1px solid var(--gx-ide-container-border-color);\n }\n &__col-left {\n display: grid;\n gap: var(--gx-ide-grid-row-gap);\n padding: var(--gx-ide-container__padding);\n grid-area: knowledge-base-storage__col-left;\n grid-template-columns: 1fr auto;\n grid-template-rows: repeat(4, min-content);\n grid-template-areas:\n \"server-name-combo-box server-name-button\"\n \"database-name .\"\n \"collation-combo-box collation-button\"\n \"create-data-in-kb .\";\n\n .server-name-combo-box {\n grid-area: server-name-combo-box;\n }\n .server-name-button {\n grid-area: server-name-button;\n align-self: end;\n }\n .database-name {\n grid-area: database-name;\n }\n .collation-combo-box {\n grid-area: collation-combo-box;\n }\n .collation-button {\n grid-area: collation-button;\n align-self: end;\n }\n .create-data-in-kb {\n grid-area: create-data-in-kb;\n }\n }\n &__col-right {\n display: grid;\n padding: var(--gx-ide-container__padding);\n gap: var(--gx-ide-grid-row-gap);\n grid-area: knowledge-base-storage__col-right;\n grid-template-columns: 1fr;\n grid-template-rows: repeat(4, min-content);\n grid-template-areas:\n \"authentication-type\"\n \"user-name\"\n \"password\"\n \"save-password\";\n .authentication-type {\n grid-area: authentication-type;\n }\n .user-name {\n grid-area: user-name;\n }\n .password {\n grid-area: password;\n }\n .save-password {\n grid-area: save-password;\n }\n &--windows-authentication {\n grid-template-areas: \"authentication-type\";\n }\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 Method\n} from \"@stencil/core\";\n/ OTHER LIBRARIES IMPORTS /\nimport { ComboBoxItemValue } from \"@genexus/gemini/dist/types/components/combo-box-item/combo-box-item\";\n/ CUSTOM IMPORTS /\nimport { Locale } from \"../../common/locale\";\nimport { config } from \"../../common/config\";\nimport { GxOption } from \"../../common/types\";\nimport { renderFormItems, getSelectedGxOption } from \"../../common/common\";\nimport { FormSubmitResult } from \"../../common/types\";\nimport { formSubmitValidation } from \"../../common/helpers\";\n\n@Component({\n tag: \"gx-ide-new-kb\",\n styleUrl: \"new-kb.scss\",\n shadow: true,\n assetsDirs: [\"gx-ide-assets/new-kb\"]\n})\nexport class GxIdeNewKb {\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.COMPONENT LIFECYCLE METHODS\n7.LISTENERS\n8.PUBLIC METHODS API\n9.LOCAL METHODS\n10.RENDER() FUNCTION\n/\n\n // 1.OWN PROPERTIES \| WATCH'S //\n\n /\n The component hard-coded strings translations.\n /\n private _componentLocale: any;\n private renderedFirstTime = false;\n private selectedFrontEndsIds: string[] = [];\n private shortcutsSrc = getAssetPath(`./gx-ide-assets/new-kb/shortcuts.json`);\n\n // 2. REFERENCE TO ELEMENTS //\n\n @Element() el: HTMLGxIdeNewKbElement;\n\n / References needed to collect data con \"Create\" button submit/\n private authenticationTypeEl!: HTMLGxgComboBoxElement;\n private collationEl!: HTMLGxgComboBoxElement;\n private createDataFilesInKBFolderEl!: HTMLGxgFormCheckboxElement;\n private databaseNameEl!: HTMLGxgFormTextElement;\n private dataSourceEl!: HTMLGxgComboBoxElement;\n private frontEndsEl!: HTMLGxgFormCheckboxGroupElement;\n private kbNameEl!: HTMLGxgFormTextElement;\n private locationEl!: HTMLGxgFormTextElement;\n private passwordEl!: HTMLGxgFormTextElement;\n private prototypingEnvironmentEl!: HTMLGxgComboBoxElement;\n private prototypingTargetEl!: HTMLGxgComboBoxElement;\n private savePasswordEl!: HTMLGxgFormCheckboxElement;\n private serverNameEl!: HTMLGxgComboBoxElement;\n private userInterfaceLanguageEl!: HTMLGxgComboBoxElement;\n private userNameEl!: HTMLGxgFormTextElement;\n\n private gxgShortcutsEl: HTMLGxgShortcutsElement;\n\n // 3.STATE() VARIABLES //\n\n @State() createDataInKbDisabled = false;\n @State() userNameVisible = true;\n @State() passwordVisible = true;\n @State() savePasswordVisible = 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 / ----- BASIC DATA ----- /\n\n /\n It allows defining the DBMS that will be used in the solution\n /\n @Prop({ mutable: true }) defaultDataSources!: GxOption[];\n\n /\n It allows selecting multiple generators for the front end\n /\n @Prop({ mutable: true }) frontEnds!: GxOption[];\n\n /\n Specify whether it is feasible to display information related to local configuration parameters\n /\n @Prop() readonly isAdvanced = false;\n\n /\n Default suggested path to a directory where the information related to the KB will be stored/generated\n /\n @Prop({ mutable: true }) kbLocation: string;\n\n /\n This is a function provided by the developer that returns a string, with the location path\n /\n @Prop() readonly selectLocationCallback!: SelectLocationCallback;\n\n /\n The knowledge base default suggested name\n /\n @Prop() readonly kbName: string;\n\n /\n It allows selecting the default environment that the KB will have (additional environments can be created later)\n /\n @Prop() readonly prototypingEnvironments!: GxOption[];\n\n /\n Path to a directory where the information related to the KB will be stored/generated\n /\n @Prop() readonly prototypingTargets!: GxOption[];\n\n /\n Specify the language in which the application screens will be developed (default language)\n /\n @Prop() readonly userInterfaceLanguages!: GxOption[];\n\n / ----- ADVANCED DATA ----- /\n\n /\n Defines the type of authentication for the connection to the previously defined database\n /\n @Prop() readonly authenticationTypes!: GxOption[];\n\n /\n DB Collations\n /\n @Prop() readonly collations!: GxOption[];\n\n /\n Disabled if the first item of the 'Server Name' combo is selected\n /\n @Prop() readonly createDataFilesInKBFolder: boolean = false;\n\n /\n Name of the database where we are going to persist the information of our KB\n /\n @Prop() readonly databaseName: string;\n\n /\n Password for the database connection. Visible if the Authentication Type is different from Windows Authentication (first item of the combo)\n /\n @Prop() readonly password: string;\n\n /\n Visible if something other than Windows Authentication is selected\n /\n @Prop() readonly savePassword: boolean = false;\n\n /\n Name of the DB server where we want to persist the information of our KB\n /\n @Prop() readonly serverNames!: GxOption[];\n\n /\n Username for the database connection. Visible if the Authentication Type is different from Windows Authentication (first item of the combo)\n /\n @Prop() readonly userName: string;\n\n /\n Username for the database connection. Visible if the Authentication Type is different from Windows Authentication (first item of the combo)\n /\n @Prop() readonly test: string;\n\n /\n Callback that will be invoked when the user confirms KB creation (‘Create’ button)\n /\n @Prop() readonly createCallback: CreateCallback;\n\n /\n Callback invoked when the user wants to cancel KB creation (‘Cancel’ button)\n /\n @Prop() readonly cancelCallback: CancelCallback;\n\n /\n Callback invoked when the user wants to cancel KB creation (‘Cancel’ button)\n /\n @Prop() readonly getDataSourcesCallback: GetDataSourcesCallback;\n\n /\n Callback invoked when the user changes the prototyping environment, allowing for the modification of the list of front ends\n /\n @Prop() readonly getFrontEndsCallback: GetFrontEndsCallback;\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.COMPONENT LIFECYCLE METHODS //\n\n async componentWillLoad() {\n this._componentLocale = await Locale.getComponentStrings(this.el);\n this.evaluateCreateDataInKbDisabled(null);\n this.evaluateAuthenticationType(null);\n this.previousFrontEndsState = this.frontEnds;\n }\n\n componentDidLoad() {\n this.initialSetup();\n this.kbNameEl.focus();\n }\n\n componentDidRender() {\n if (!this.renderedFirstTime) {\n this.componentDidRenderFirstTime.emit(\n this._componentLocale.componentName\n );\n this.renderedFirstTime = true;\n }\n }\n\n // 7.LISTENERS //\n\n // 8.PUBLIC METHODS API //\n\n /\n Suspends or reactivates the shortcuts\n /\n @Method()\n async suspendShortcuts(suspendShortcuts: boolean) {\n if (suspendShortcuts) {\n this.gxgShortcutsEl.suspend = true;\n } else {\n this.gxgShortcutsEl.suspend = false;\n }\n }\n\n // 9.LOCAL METHODS //\n\n // 9.LOCAL METHODS -> Helpers //\n\n private initialSetup = () => {\n this.updateSelectedFrontEndsIds();\n };\n\n // 9.LOCAL METHODS -> Not Helpers //\n\n private updateSelectedFrontEndsIds = () => {\n this.selectedFrontEndsIds = [];\n this.frontEndsEl.getValues().then(frontEndsCheckboxesInfo => {\n frontEndsCheckboxesInfo.forEach(frontEnd => {\n if (frontEnd.value) {\n this.selectedFrontEndsIds.push(frontEnd.id);\n }\n });\n });\n };\n\n /\n @description If Server Name first option is selected, \"Create Data in Knowledge Base Folder\" should be disabled\n /\n private evaluateCreateDataInKbDisabled = (\n e: CustomEvent<ComboBoxItemValue> \| null\n ) => {\n if (e) {\n if (this.serverNames[0]?.id === e.detail) {\n this.createDataInKbDisabled = true;\n } else {\n this.createDataInKbDisabled = false;\n }\n } else if (this.serverNames[0]?.selected) {\n this.createDataInKbDisabled = true;\n }\n };\n\n /\n @description if \"Authentication Type\" is \"Windows Authentication\" then User Name, Password, and Save Password should not be visible.\n /\n private evaluateAuthenticationType = (\n e: CustomEvent<ComboBoxItemValue> \| null\n ) => {\n let selectedOption;\n if (this.authenticationTypes?.length) {\n selectedOption =\n this.authenticationTypes?.find(item => item.selected) \|\|\n this.authenticationTypes[0];\n }\n const conditionA = e?.detail === \"windows-authentication\";\n const conditionB =\n selectedOption && selectedOption.id === \"windows-authentication\";\n\n if (conditionA \|\| (conditionB && e === null)) {\n this.userNameVisible = false;\n this.passwordVisible = false;\n this.savePasswordVisible = false;\n } else {\n this.userNameVisible = true;\n this.passwordVisible = true;\n this.savePasswordVisible = true;\n }\n };\n\n /\n @description It allows defining the DBMS that will be used in the solution\n /\n private selectLocationHandler = (): void => {\n this.selectLocationCallback().then(kbLocation => {\n if (kbLocation) {\n this.kbLocation = kbLocation;\n } else {\n // to be defined\n }\n });\n };\n\n /\n @description it evaluates what front end options need to be updated on 'getFrontEndsCallback', by comparing the new state (getFrontEndsCallback promise result) and the previous state (previousFrontEndsState)\n /\n private updateFrontEnds = () => {\n if (this.getFrontEndsCallback) {\n const selectedPrototypingEnvironmentId =\n this.prototypingEnvironmentEl.value;\n const updatedFrontEndsPromise: Promise<GxOption[]> =\n this.getFrontEndsCallback(selectedPrototypingEnvironmentId);\n updatedFrontEndsPromise\n .then(newFrontEndsOptions => {\n const updatedFrontEnds: GxOption[] = [];\n newFrontEndsOptions.forEach(newFrontEnd => {\n const foundActualFrontEnd = this.frontEnds.find(actualFrontEnd => {\n return newFrontEnd.id === actualFrontEnd.id;\n });\n if (foundActualFrontEnd) {\n // update newFrontEnd checked status with actual frontEnd checked status\n newFrontEnd.checked = foundActualFrontEnd.checked;\n }\n updatedFrontEnds.push(newFrontEnd);\n });\n this.frontEnds = updatedFrontEnds;\n })\n .catch(() => {\n // to do\n });\n }\n };\n\n private getDataSources = (): void => {\n if (this.getDataSourcesCallback) {\n const selectedPrototypingEnvironmentId =\n this.prototypingEnvironmentEl.value;\n const selectedPrototypingTargetId = this.prototypingTargetEl.value;\n const updatedDefaultDataSourcesPromise: Promise<GxOption[]> =\n this.getDataSourcesCallback(\n selectedPrototypingEnvironmentId,\n selectedPrototypingTargetId\n );\n updatedDefaultDataSourcesPromise\n .then(result => {\n if (result.length > 0) {\n this.defaultDataSources = result;\n // set first option as selected\n this.dataSourceEl.value = this.defaultDataSources[0].id;\n }\n })\n .catch(() => {\n // to do\n });\n }\n };\n\n private prototypingEnvironmentValueChangedHandler = (): void => {\n this.getDataSources();\n this.updateFrontEnds();\n };\n\n private prototypingTargetValueChangedHandler = (): void => {\n this.getDataSources();\n };\n\n private createKbHandler = (): void => {\n if (this.createCallback) {\n const createCallbackPromise = this.createCallback({\n kbName: this.kbNameEl?.value,\n kbLocation: this.locationEl?.value,\n prototypingTarget: this.prototypingTargetEl?.value,\n userInterfaceLanguage: this.userInterfaceLanguageEl?.value,\n prototypingEnvironment: this.prototypingEnvironmentEl?.value,\n dataSource: this.dataSourceEl?.value,\n frontEnds: this.selectedFrontEndsIds,\n serverName: this.serverNameEl?.value,\n databaseName: this.databaseNameEl?.value,\n collation: this.collationEl?.value,\n createDataFilesInKBFolder: this.createDataFilesInKBFolderEl?.checked,\n authenticationType: this.authenticationTypeEl?.value,\n userName: this.userNameEl?.value,\n password: this.passwordEl?.value,\n savePassword: this.savePasswordEl?.checked\n });\n\n createCallbackPromise.then((formSubmitResult: FormSubmitResult) => {\n formSubmitValidation(formSubmitResult, this);\n });\n }\n };\n\n private cancelKbHandler = (): void => {\n if (this.cancelCallback) {\n this.cancelCallback();\n }\n };\n\n // 10.RENDER() FUNCTION //\n\n private renderTabBasic = (): Element => {\n return (\n <gxg-tab\n tab=\"basic\"\n no-padding\n flexContainer\n isSelected={!this.isAdvanced}\n >\n <div class=\"basic-row-first\">\n {/ #prototyping target/}\n <div class=\"basic-row-first__container\">\n <gxg-combo-box\n disableFilter\n toolTip={config.tooltip}\n label={this._componentLocale.tabBasic.prototypingTarget.label}\n value={getSelectedGxOption(this.prototypingTargets)}\n ref={(el: HTMLGxgComboBoxElement) =>\n (this.prototypingTargetEl = el as HTMLGxgComboBoxElement)\n }\n disabled={this.prototypingTargets.length === 0}\n placeholder={\n this.prototypingTargets.length === 0\n ? this._componentLocale.tabBasic.prototypingTarget\n .disabledPlaceholder\n : \"\"\n }\n onValueChanged={this.prototypingTargetValueChangedHandler}\n class=\"prototyping-target\"\n part=\"prototyping-target\"\n >\n {renderFormItems(\n \"gxg-combo-box-item\",\n this.prototypingTargets,\n \"prototyping-target\"\n )}\n </gxg-combo-box>\n\n {/ #user interface language /}\n <gxg-combo-box\n disableFilter\n toolTip={config.tooltip}\n label={this._componentLocale.tabBasic.userInterfaceLanguage.label}\n value={getSelectedGxOption(this.userInterfaceLanguages)}\n placeholder={\n this.userInterfaceLanguages.length === 0\n ? this._componentLocale.tabBasic.userInterfaceLanguage\n .disabledPlaceholder\n : \"\"\n }\n disabled={this.userInterfaceLanguages.length === 0}\n ref={(el: HTMLGxgComboBoxElement) =>\n (this.userInterfaceLanguageEl = el as HTMLGxgComboBoxElement)\n }\n class=\"user-interface-language\"\n part=\"user-interface-language\"\n >\n {renderFormItems(\n \"gxg-combo-box-item\",\n this.userInterfaceLanguages,\n \"user-interface-language\"\n )}\n </gxg-combo-box>\n </div>\n </div>\n\n <div class=\"grid basic-row-second\">\n <gx-ide-container\n containerTitle={this._componentLocale.tabBasic.backEnd.backEndLabel}\n contentBorderEnd\n titleType=\"secondary\"\n >\n {/ #back end /}\n {/ #prototyping environments /}\n <gxg-combo-box\n disableFilter\n toolTip={config.tooltip}\n label={\n this._componentLocale.tabBasic.backEnd.prototypingEnvironment\n .label\n }\n value={getSelectedGxOption(this.prototypingEnvironments)}\n placeholder={\n this.prototypingEnvironments.length === 0\n ? this._componentLocale.tabBasic.backEnd\n .prototypingEnvironment.disabledPlaceholder\n : \"\"\n }\n disabled={this.prototypingEnvironments.length === 0}\n ref={(el: HTMLGxgComboBoxElement) =>\n (this.prototypingEnvironmentEl = el as HTMLGxgComboBoxElement)\n }\n onValueChanged={this.prototypingEnvironmentValueChangedHandler}\n class=\"prototyping-environment\"\n part=\"prototyping-environment\"\n >\n {renderFormItems(\n \"gxg-combo-box-item\",\n this.prototypingEnvironments,\n \"prototyping-environment\"\n )}\n </gxg-combo-box>\n\n {/ #data source /}\n <gxg-combo-box\n label={this._componentLocale.tabBasic.backEnd.dataSource.label}\n toolTip={config.tooltip}\n disableFilter\n value={getSelectedGxOption(this.defaultDataSources)}\n placeholder={\n this.defaultDataSources.length === 0\n ? this._componentLocale.tabBasic.backEnd.dataSource\n .disabledPlaceholder\n : \"\"\n }\n disabled={this.defaultDataSources.length === 0}\n ref={(el: HTMLGxgComboBoxElement) =>\n (this.dataSourceEl = el as HTMLGxgComboBoxElement)\n }\n class=\"data-source\"\n part=\"data-source\"\n >\n {renderFormItems(\n \"gxg-combo-box-item\",\n this.defaultDataSources,\n \"data-source\"\n )}\n </gxg-combo-box>\n </gx-ide-container>\n\n {/ #front end /}\n <gx-ide-container\n containerTitle={\n this._componentLocale.tabBasic.frontEnd.frontEndLabel\n }\n titleType=\"secondary\"\n >\n <gxg-form-checkbox-group\n checkboxesLabelSize=\"large\"\n ref={el =>\n (this.frontEndsEl = el as HTMLGxgFormCheckboxGroupElement)\n }\n onGroupValuesChanged={this.updateSelectedFrontEndsIds}\n >\n {renderFormItems(\n \"gxg-form-checkbox\",\n this.frontEnds,\n \"front-end\"\n )}\n </gxg-form-checkbox-group>\n </gx-ide-container>\n </div>\n </gxg-tab>\n );\n };\n\n private renderTabAdvanced = (): Element => {\n return (\n <gxg-tab tab=\"advanced\" no-padding flexContainer>\n <gx-ide-container\n noContentPadding\n containerTitle={this._componentLocale.tabAdvanced.tabTitle}\n titleType=\"secondary\"\n >\n <div class=\"knowledge-base-storage\">\n <div class=\"knowledge-base-storage__col-left\">\n {/ #server name /}\n <gxg-combo-box\n label={this._componentLocale.tabAdvanced.serverName.label}\n disableFilter\n toolTip={config.tooltip}\n value={getSelectedGxOption(this.serverNames)}\n placeholder={\n this.serverNames.length === 0\n ? this._componentLocale.tabAdvanced.serverName\n .disabledPlaceholder\n : \"\"\n }\n disabled={this.serverNames.length === 0}\n ref={(el: HTMLGxgComboBoxElement) =>\n (this.serverNameEl = el as HTMLGxgComboBoxElement)\n }\n class=\"server-name-combo-box\"\n part=\"server-name\"\n onValueChanged={this.evaluateCreateDataInKbDisabled}\n >\n {renderFormItems(\n \"gxg-combo-box-item\",\n this.serverNames,\n \"server-name\"\n )}\n </gxg-combo-box>\n\n {/ #search icon button /}\n <gxg-button\n type=\"secondary-icon-only\"\n icon=\"gemini-tools/search\"\n class=\"server-name-button\"\n part=\"search-server-name\"\n ></gxg-button>\n\n {/ #database name /}\n <gxg-form-text\n labelPosition=\"above\"\n label={this._componentLocale.tabAdvanced.databaseName.label}\n placeholder=\"MyDatabase\"\n ref={(el: HTMLGxgFormTextElement) =>\n (this.databaseNameEl = el as HTMLGxgFormTextElement)\n }\n toolTip={config.tooltip}\n value={this.databaseName}\n class=\"database-name\"\n part=\"database-name\"\n ></gxg-form-text>\n\n {/ #collation /}\n <gxg-combo-box\n label={this._componentLocale.tabAdvanced.collation.label}\n disableFilter\n toolTip={config.tooltip}\n value={getSelectedGxOption(this.collations)}\n ref={(el: HTMLGxgComboBoxElement) =>\n (this.collationEl = el as HTMLGxgComboBoxElement)\n }\n placeholder={\n this.collations.length === 0\n ? this._componentLocale.tabAdvanced.collation\n .disabledPlaceholder\n : \"\"\n }\n disabled={this.serverNames.length === 0}\n class=\"collation-combo-box\"\n part=\"collation\"\n >\n {renderFormItems(\n \"gxg-combo-box-item\",\n this.collations,\n \"collation\"\n )}\n </gxg-combo-box>\n <gxg-button\n type=\"secondary-icon-only\"\n icon=\"gemini-tools/reset\"\n class=\"collation-button\"\n part=\"reset-collation\"\n ></gxg-button>\n\n {/ #create data in knowledge base folder /}\n <gxg-form-checkbox\n label={\n this._componentLocale.tabAdvanced.createDataFilesInKbFolder\n }\n ref={(el: HTMLGxgFormCheckboxElement) =>\n (this.createDataFilesInKBFolderEl =\n el as HTMLGxgFormCheckboxElement)\n }\n alignTop\n checked={this.createDataFilesInKBFolder}\n disabled={this.createDataInKbDisabled}\n class=\"create-data-in-kb\"\n part=\"create-data-in-kb\"\n ></gxg-form-checkbox>\n </div>\n\n <div\n class={{\n \"knowledge-base-storage__col-right\": true,\n \"knowledge-base-storage__col-right--windows-authentication\":\n !this.userNameVisible\n }}\n >\n {/ #authentication type /}\n <gxg-combo-box\n label={\n this._componentLocale.tabAdvanced.authenticationType.label\n }\n disableFilter\n toolTip={config.tooltip}\n value={getSelectedGxOption(this.authenticationTypes)}\n ref={(el: HTMLGxgComboBoxElement) =>\n (this.authenticationTypeEl = el as HTMLGxgComboBoxElement)\n }\n placeholder={\n this.authenticationTypes.length === 0\n ? this._componentLocale.tabAdvanced.authenticationType\n .disabledPlaceholder\n : \"\"\n }\n disabled={this.authenticationTypes.length === 0}\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 {this.userNameVisible ? (\n <gxg-form-text\n labelPosition=\"above\"\n toolTip={config.tooltip}\n label={this._componentLocale.tabAdvanced.userName.label}\n ref={(el: HTMLGxgFormTextElement) =>\n (this.userNameEl = el as HTMLGxgFormTextElement)\n }\n value={this.userName}\n class=\"user-name\"\n part=\"user-name\"\n ></gxg-form-text>\n ) : null}\n\n {/ #password /}\n {this.passwordVisible ? (\n <gxg-form-text\n labelPosition=\"above\"\n label={this._componentLocale.tabAdvanced.password.label}\n password\n toolTip={config.tooltip}\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 ) : null}\n\n {/ #save password /}\n {this.savePasswordVisible ? (\n <gxg-form-checkbox\n label={this._componentLocale.tabAdvanced.savePassword}\n ref={(el: HTMLGxgFormCheckboxElement) =>\n (this.savePasswordEl = el as HTMLGxgFormCheckboxElement)\n }\n checked={this.savePassword}\n class=\"save-password\"\n part=\"save-password\"\n ></gxg-form-checkbox>\n ) : null}\n </div>\n </div>\n </gx-ide-container>\n </gxg-tab>\n );\n };\n\n /* ****************************\n 11.RENDER() FUNCTION\n *******************************/\n\n render(): void {\n return (\n <Host class=\"gx-ide-component\">\n <div class=\"gx-ide-main-wrapper\">\n <gx-ide-container\n noContentPadding\n slimmerFooter={config.gxIdeContainer.slimmerFooter}\n containerTitle={\n this.displayTitle ? this._componentLocale.componentName : null\n }\n >\n <header\n class={{\n \"header\": true,\n \"grid\": true,\n \"header--is-advanced\": this.isAdvanced\n }}\n slot=\"header\"\n >\n {/ #kb name /}\n <gxg-label labelPosition=\"start\" class=\"kb-label\" noMargin>\n {this._componentLocale.header.kbName}\n </gxg-label>\n <gxg-form-text\n labelPosition=\"start\"\n placeholder=\"SalesInventory\"\n max-width=\"100%\"\n value={this.kbName}\n toolTip={config.tooltip}\n ref={(el: HTMLGxgFormTextElement) =>\n (this.kbNameEl = el as HTMLGxgFormTextElement)\n }\n part=\"kb-name\"\n class=\"kb-input\"\n ></gxg-form-text>\n\n {/ #location /}\n {this.isAdvanced\n ? [\n <gxg-label labelPosition=\"start\" class=\"location-label\">\n {this._componentLocale.header.kbLocation}\n </gxg-label>,\n <gxg-form-text\n labelPosition=\"start\"\n placeholder=\"C:\\Models\"\n maxWidth=\"100%\"\n value={this.kbLocation}\n ref={(el: HTMLGxgFormTextElement) =>\n (this.locationEl = el as HTMLGxgFormTextElement)\n }\n disabled={!this.isAdvanced}\n part=\"kb-location\"\n class=\"location-input\"\n ></gxg-form-text>,\n <gxg-button\n type=\"secondary-icon-only\"\n icon=\"gemini-tools/folder\"\n onClick={this.selectLocationHandler}\n part=\"button-select-location\"\n class=\"location-icon\"\n ></gxg-button>\n ]\n : null}\n </header>\n\n {/ main /}\n <main class=\"gxi-full-height\">\n <gxg-tabs class=\"gxg-tabs\" noBorder>\n {this.isAdvanced ? (\n <gxg-tab-bar\n slot=\"tab-bar-container\"\n part=\"tab-bar\"\n displayBorder\n >\n <gxg-tab-button\n slot=\"tab-bar\"\n tabLabel={this._componentLocale.tabBasic.tabLabel}\n tab=\"basic\"\n is-selected\n hidden={!this.isAdvanced}\n part=\"tab-button-basic\"\n ></gxg-tab-button>\n <gxg-tab-button\n slot=\"tab-bar\"\n tabLabel={this._componentLocale.tabAdvanced.tabLabel}\n tab=\"advanced\"\n hidden={!this.isAdvanced}\n part=\"tab-button-advanced\"\n ></gxg-tab-button>\n </gxg-tab-bar>\n ) : null}\n\n {this.renderTabBasic()}\n {this.isAdvanced && this.renderTabAdvanced()}\n </gxg-tabs>\n </main>\n\n {/ footer /}\n {/ #cancel /}\n <gxg-button\n id=\"button-cancel\"\n type=\"outlined\"\n onClick={this.cancelKbHandler}\n part=\"button-cancel\"\n slot=\"footer-end\"\n >\n {this._componentLocale.footer.btnCancel}\n </gxg-button>\n {/ #create */}\n <gxg-button\n id=\"button-create\"\n type=\"primary-text-only\"\n onClick={this.createKbHandler}\n part=\"button-create\"\n slot=\"footer-end\"\n >\n {this._componentLocale.footer.btnCreate}\n </gxg-button>\n </gx-ide-container>\n </div>\n <gxg-shortcuts\n src={this.shortcutsSrc}\n ref={(el: HTMLGxgShortcutsElement) =>\n (this.gxgShortcutsEl = el as HTMLGxgShortcutsElement)\n }\n ></gxg-shortcuts>\n </Host>\n );\n }\n}\nexport interface NewKBData {\n authenticationType: string;\n collation: string;\n createDataFilesInKBFolder: boolean;\n databaseName: string;\n dataSource: string;\n frontEnds: string[];\n kbLocation: string;\n kbName: string;\n password: string;\n prototypingEnvironment: string;\n prototypingTarget: string;\n savePassword: boolean;\n serverName: string;\n userInterfaceLanguage: string;\n userName: string;\n}\n\nexport type CreateCallback = (data: NewKBData) => Promise<FormSubmitResult>;\n\nexport type CancelCallback = () => Promise<void>;\n\nexport type GetDataSourcesCallback = (\n selectedPrototypingEnvironmentId: string,\n selectedPrototypingTargetId: string\n) => Promise<GxOption[]>;\n\nexport type GetFrontEndsCallback = (\n selectedPrototypingEnvironmentId: string\n) => Promise<GxOption[]>;\n\nexport type SelectLocationCallback = () => Promise<string>;\n"],"version":3}
1	+ {"file":"gx-ide-new-kb.js","mappings":"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","names":["GxIdeNewKb"],"sources":["src/components/new-kb/new-kb.scss?tag=gx-ide-new-kb&encapsulation=shadow","src/components/new-kb/new-kb.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-new-kb--shadow) {\n}\n/HEADER/\n.header {\n grid-template-columns: auto 1fr;\n grid-template-areas: \"kb-name-label kb-input\";\n &--is-advanced {\n grid-template-columns: auto 1fr min-content;\n grid-template-areas:\n \"kb-name-label kb-input .\"\n \"location-label location-input location-icon\";\n }\n .kb-input {\n grid-area: kb-input;\n }\n .kb-name-label {\n grid-area: kb-label;\n }\n .location-label {\n grid-area: location-label;\n }\n .location-input {\n grid-area: location-input;\n }\n .location-icon {\n grid-area: location-icon;\n }\n}\n/GXG-TABS/\n.gxg-tabs {\n margin-top: 0;\n box-shadow: none;\n}\n/Basic/\n.basic-row-first {\n container-name: basic-row-first;\n // container-type: inline-size; /Esto queda comentado hasta que no se resuelva el problema del popover con Safari./\n &__container {\n display: grid;\n gap: var(--gx-ide-grid-column-gap);\n padding: var(--gx-ide-container__padding);\n border-bottom: 1px solid var(--gx-ide-container-border-color);\n grid-template-columns: repeat(2, 1fr);\n }\n /Esto queda comentado hasta que no se resuelva el problema del popover con Safari./\n // @include containerQuerySm() {\n // .basic-row-first__container {\n // grid-template-columns: 1fr;\n // }\n // }\n}\n\n.basic-row-second {\n grid-template-columns: repeat(2, 1fr);\n grid-column-gap: 0;\n grid-row-gap: 0;\n flex-grow: 1;\n}\n/Advanced/\n.knowledge-base-storage {\n display: grid;\n grid-template-areas: \"knowledge-base-storage__col-left knowledge-base-storage__col-right\";\n grid-template-columns: repeat(2, 1fr);\n flex-grow: 1;\n gap: 0;\n > :first-child {\n border-right: 1px solid var(--gx-ide-container-border-color);\n }\n &__col-left {\n display: grid;\n gap: var(--gx-ide-grid-row-gap);\n padding: var(--gx-ide-container__padding);\n grid-area: knowledge-base-storage__col-left;\n grid-template-columns: 1fr auto;\n grid-template-rows: repeat(4, min-content);\n grid-template-areas:\n \"server-name-combo-box server-name-button\"\n \"database-name .\"\n \"collation-combo-box collation-button\"\n \"create-data-in-kb .\";\n\n .server-name-combo-box {\n grid-area: server-name-combo-box;\n }\n .server-name-button {\n grid-area: server-name-button;\n align-self: end;\n }\n .database-name {\n grid-area: database-name;\n }\n .collation-combo-box {\n grid-area: collation-combo-box;\n }\n .collation-button {\n grid-area: collation-button;\n align-self: end;\n }\n .create-data-in-kb {\n grid-area: create-data-in-kb;\n }\n }\n &__col-right {\n display: grid;\n padding: var(--gx-ide-container__padding);\n gap: var(--gx-ide-grid-row-gap);\n grid-area: knowledge-base-storage__col-right;\n grid-template-columns: 1fr;\n grid-template-rows: repeat(4, min-content);\n grid-template-areas:\n \"authentication-type\"\n \"user-name\"\n \"password\"\n \"save-password\";\n .authentication-type {\n grid-area: authentication-type;\n }\n .user-name {\n grid-area: user-name;\n }\n .password {\n grid-area: password;\n }\n .save-password {\n grid-area: save-password;\n }\n &--windows-authentication {\n grid-template-areas: \"authentication-type\";\n }\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 Method\n} from \"@stencil/core\";\n/ OTHER LIBRARIES IMPORTS /\nimport { ComboBoxItemValue } from \"@genexus/gemini/dist/types/components/combo-box-item/combo-box-item\";\n/ CUSTOM IMPORTS /\nimport { Locale } from \"../../common/locale\";\nimport { config } from \"../../common/config\";\nimport { GxOption } from \"../../common/types\";\nimport { renderFormItems, getSelectedGxOption } from \"../../common/common\";\nimport { FormSubmitResult } from \"../../common/types\";\nimport { formSubmitValidation } from \"../../common/helpers\";\n\n@Component({\n tag: \"gx-ide-new-kb\",\n styleUrl: \"new-kb.scss\",\n shadow: true,\n assetsDirs: [\"gx-ide-assets/new-kb\"]\n})\nexport class GxIdeNewKb {\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.COMPONENT LIFECYCLE METHODS\n7.LISTENERS\n8.PUBLIC METHODS API\n9.LOCAL METHODS\n10.RENDER() FUNCTION\n/\n\n // 1.OWN PROPERTIES \| WATCH'S //\n\n /\n The component hard-coded strings translations.\n /\n private _componentLocale: any;\n private renderedFirstTime = false;\n private selectedFrontEndsIds: string[] = [];\n private shortcutsSrc = getAssetPath(`./gx-ide-assets/new-kb/shortcuts.json`);\n\n // 2. REFERENCE TO ELEMENTS //\n\n @Element() el: HTMLGxIdeNewKbElement;\n\n / References needed to collect data con \"Create\" button submit/\n private authenticationTypeEl!: HTMLGxgComboBoxElement;\n private collationEl!: HTMLGxgComboBoxElement;\n private createDataFilesInKBFolderEl!: HTMLGxgFormCheckboxElement;\n private databaseNameEl!: HTMLGxgFormTextElement;\n private dataSourceEl!: HTMLGxgComboBoxElement;\n private frontEndsEl!: HTMLGxgFormCheckboxGroupElement;\n private kbNameEl!: HTMLGxgFormTextElement;\n private locationEl!: HTMLGxgFormTextElement;\n private passwordEl!: HTMLGxgFormTextElement;\n private prototypingEnvironmentEl!: HTMLGxgComboBoxElement;\n private prototypingTargetEl!: HTMLGxgComboBoxElement;\n private savePasswordEl!: HTMLGxgFormCheckboxElement;\n private serverNameEl!: HTMLGxgComboBoxElement;\n private userInterfaceLanguageEl!: HTMLGxgComboBoxElement;\n private userNameEl!: HTMLGxgFormTextElement;\n\n private gxgShortcutsEl: HTMLGxgShortcutsElement;\n\n // 3.STATE() VARIABLES //\n\n @State() createDataInKbDisabled = false;\n @State() userNameVisible = true;\n @State() passwordVisible = true;\n @State() savePasswordVisible = 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 / ----- BASIC DATA ----- /\n\n /\n It allows defining the DBMS that will be used in the solution\n /\n @Prop({ mutable: true }) defaultDataSources!: GxOption[];\n\n /\n It allows selecting multiple generators for the front end\n /\n @Prop({ mutable: true }) frontEnds!: GxOption[];\n\n /\n Specify whether it is feasible to display information related to local configuration parameters\n /\n @Prop() readonly isAdvanced = false;\n\n /\n Default suggested path to a directory where the information related to the KB will be stored/generated\n /\n @Prop({ mutable: true }) kbLocation: string;\n\n /\n This is a function provided by the developer that returns a string, with the location path\n /\n @Prop() readonly selectLocationCallback!: SelectLocationCallback;\n\n /\n The knowledge base default suggested name\n /\n @Prop() readonly kbName: string;\n\n /\n It allows selecting the default environment that the KB will have (additional environments can be created later)\n /\n @Prop() readonly prototypingEnvironments!: GxOption[];\n\n /\n Path to a directory where the information related to the KB will be stored/generated\n /\n @Prop() readonly prototypingTargets!: GxOption[];\n\n /\n Specify the language in which the application screens will be developed (default language)\n /\n @Prop() readonly userInterfaceLanguages!: GxOption[];\n\n / ----- ADVANCED DATA ----- /\n\n /\n Defines the type of authentication for the connection to the previously defined database\n /\n @Prop() readonly authenticationTypes!: GxOption[];\n\n /\n DB Collations\n /\n @Prop() readonly collations!: GxOption[];\n\n /\n Disabled if the first item of the 'Server Name' combo is selected\n /\n @Prop() readonly createDataFilesInKBFolder: boolean = false;\n\n /\n Name of the database where we are going to persist the information of our KB\n /\n @Prop() readonly databaseName: string;\n\n /\n Password for the database connection. Visible if the Authentication Type is different from Windows Authentication (first item of the combo)\n /\n @Prop() readonly password: string;\n\n /\n Visible if something other than Windows Authentication is selected\n /\n @Prop() readonly savePassword: boolean = false;\n\n /\n Name of the DB server where we want to persist the information of our KB\n /\n @Prop() readonly serverNames!: GxOption[];\n\n /\n Username for the database connection. Visible if the Authentication Type is different from Windows Authentication (first item of the combo)\n /\n @Prop() readonly userName: string;\n\n /\n Username for the database connection. Visible if the Authentication Type is different from Windows Authentication (first item of the combo)\n /\n @Prop() readonly test: string;\n\n /\n Callback that will be invoked when the user confirms KB creation (‘Create’ button)\n /\n @Prop() readonly createCallback: CreateCallback;\n\n /\n Callback invoked when the user wants to cancel KB creation (‘Cancel’ button)\n /\n @Prop() readonly cancelCallback: CancelCallback;\n\n /\n Callback invoked when the user wants to cancel KB creation (‘Cancel’ button)\n /\n @Prop() readonly getDataSourcesCallback: GetDataSourcesCallback;\n\n /\n Callback invoked when the user changes the prototyping environment, allowing for the modification of the list of front ends\n /\n @Prop() readonly getFrontEndsCallback: GetFrontEndsCallback;\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.COMPONENT LIFECYCLE METHODS //\n\n async componentWillLoad() {\n this._componentLocale = await Locale.getComponentStrings(this.el);\n this.evaluateCreateDataInKbDisabled(null);\n this.evaluateAuthenticationType(null);\n this.previousFrontEndsState = this.frontEnds;\n }\n\n componentDidLoad() {\n this.initialSetup();\n this.kbNameEl.focus();\n }\n\n componentDidRender() {\n if (!this.renderedFirstTime) {\n this.componentDidRenderFirstTime.emit(\n this._componentLocale.componentName\n );\n this.renderedFirstTime = true;\n }\n }\n\n // 7.LISTENERS //\n\n // 8.PUBLIC METHODS API //\n\n /\n Suspends or reactivates the shortcuts\n /\n @Method()\n async suspendShortcuts(suspendShortcuts: boolean) {\n if (suspendShortcuts) {\n this.gxgShortcutsEl.suspend = true;\n } else {\n this.gxgShortcutsEl.suspend = false;\n }\n }\n\n // 9.LOCAL METHODS //\n\n // 9.LOCAL METHODS -> Helpers //\n\n private initialSetup = () => {\n this.updateSelectedFrontEndsIds();\n };\n\n // 9.LOCAL METHODS -> Not Helpers //\n\n private updateSelectedFrontEndsIds = () => {\n this.selectedFrontEndsIds = [];\n this.frontEndsEl.getValues().then(frontEndsCheckboxesInfo => {\n frontEndsCheckboxesInfo.forEach(frontEnd => {\n if (frontEnd.value) {\n this.selectedFrontEndsIds.push(frontEnd.id);\n }\n });\n });\n };\n\n /\n @description If Server Name first option is selected, \"Create Data in Knowledge Base Folder\" should be disabled\n /\n private evaluateCreateDataInKbDisabled = (\n e: CustomEvent<ComboBoxItemValue> \| null\n ) => {\n if (e) {\n if (this.serverNames[0]?.id === e.detail) {\n this.createDataInKbDisabled = true;\n } else {\n this.createDataInKbDisabled = false;\n }\n } else if (this.serverNames[0]?.selected) {\n this.createDataInKbDisabled = true;\n }\n };\n\n /\n @description if \"Authentication Type\" is \"Windows Authentication\" then User Name, Password, and Save Password should not be visible.\n /\n private evaluateAuthenticationType = (\n e: CustomEvent<ComboBoxItemValue> \| null\n ) => {\n let selectedOption;\n if (this.authenticationTypes?.length) {\n selectedOption =\n this.authenticationTypes?.find(item => item.selected) \|\|\n this.authenticationTypes[0];\n }\n const conditionA = e?.detail === \"windows-authentication\";\n const conditionB =\n selectedOption && selectedOption.id === \"windows-authentication\";\n\n if (conditionA \|\| (conditionB && e === null)) {\n this.userNameVisible = false;\n this.passwordVisible = false;\n this.savePasswordVisible = false;\n } else {\n this.userNameVisible = true;\n this.passwordVisible = true;\n this.savePasswordVisible = true;\n }\n };\n\n /\n @description It allows defining the DBMS that will be used in the solution\n /\n private selectLocationHandler = (): void => {\n this.selectLocationCallback().then(kbLocation => {\n if (kbLocation) {\n this.kbLocation = kbLocation;\n } else {\n // to be defined\n }\n });\n };\n\n /\n @description it evaluates what front end options need to be updated on 'getFrontEndsCallback', by comparing the new state (getFrontEndsCallback promise result) and the previous state (previousFrontEndsState)\n /\n private updateFrontEnds = () => {\n if (this.getFrontEndsCallback) {\n const selectedPrototypingEnvironmentId =\n this.prototypingEnvironmentEl.value;\n const updatedFrontEndsPromise: Promise<GxOption[]> =\n this.getFrontEndsCallback(selectedPrototypingEnvironmentId);\n updatedFrontEndsPromise\n .then(newFrontEndsOptions => {\n const updatedFrontEnds: GxOption[] = [];\n newFrontEndsOptions.forEach(newFrontEnd => {\n const foundActualFrontEnd = this.frontEnds.find(actualFrontEnd => {\n return newFrontEnd.id === actualFrontEnd.id;\n });\n if (foundActualFrontEnd) {\n // update newFrontEnd checked status with actual frontEnd checked status\n newFrontEnd.checked = foundActualFrontEnd.checked;\n }\n updatedFrontEnds.push(newFrontEnd);\n });\n this.frontEnds = updatedFrontEnds;\n })\n .catch(() => {\n // to do\n });\n }\n };\n\n private getDataSources = (): void => {\n if (this.getDataSourcesCallback) {\n const selectedPrototypingEnvironmentId =\n this.prototypingEnvironmentEl.value;\n const selectedPrototypingTargetId = this.prototypingTargetEl.value;\n const updatedDefaultDataSourcesPromise: Promise<GxOption[]> =\n this.getDataSourcesCallback(\n selectedPrototypingEnvironmentId,\n selectedPrototypingTargetId\n );\n updatedDefaultDataSourcesPromise\n .then(result => {\n if (result.length > 0) {\n this.defaultDataSources = result;\n // set first option as selected\n this.dataSourceEl.value = this.defaultDataSources[0].id;\n }\n })\n .catch(() => {\n // to do\n });\n }\n };\n\n private prototypingEnvironmentValueChangedHandler = (): void => {\n this.getDataSources();\n this.updateFrontEnds();\n };\n\n private prototypingTargetValueChangedHandler = (): void => {\n this.getDataSources();\n };\n\n private createKbHandler = (): void => {\n if (this.createCallback) {\n const createCallbackPromise = this.createCallback({\n kbName: this.kbNameEl?.value,\n kbLocation: this.locationEl?.value,\n prototypingTarget: this.prototypingTargetEl?.value,\n userInterfaceLanguage: this.userInterfaceLanguageEl?.value,\n prototypingEnvironment: this.prototypingEnvironmentEl?.value,\n dataSource: this.dataSourceEl?.value,\n frontEnds: this.selectedFrontEndsIds,\n serverName: this.serverNameEl?.value,\n databaseName: this.databaseNameEl?.value,\n collation: this.collationEl?.value,\n createDataFilesInKBFolder: this.createDataFilesInKBFolderEl?.checked,\n authenticationType: this.authenticationTypeEl?.value,\n userName: this.userNameEl?.value,\n password: this.passwordEl?.value,\n savePassword: this.savePasswordEl?.checked\n });\n\n createCallbackPromise.then((formSubmitResult: FormSubmitResult) => {\n formSubmitValidation(formSubmitResult, this);\n });\n }\n };\n\n private cancelKbHandler = (): void => {\n if (this.cancelCallback) {\n this.cancelCallback();\n }\n };\n\n // 10.RENDER() FUNCTION //\n\n private renderTabBasic = (): Element => {\n return (\n <gxg-tab\n tab=\"basic\"\n no-padding\n flexContainer\n isSelected={!this.isAdvanced}\n >\n <div class=\"basic-row-first\">\n {/ #prototyping target/}\n <div class=\"basic-row-first__container\">\n <gxg-combo-box\n disableFilter\n toolTip={config.tooltip}\n label={this._componentLocale.tabBasic.prototypingTarget.label}\n value={getSelectedGxOption(this.prototypingTargets)}\n ref={(el: HTMLGxgComboBoxElement) =>\n (this.prototypingTargetEl = el as HTMLGxgComboBoxElement)\n }\n disabled={this.prototypingTargets.length === 0}\n placeholder={\n this.prototypingTargets.length === 0\n ? this._componentLocale.tabBasic.prototypingTarget\n .disabledPlaceholder\n : \"\"\n }\n onValueChanged={this.prototypingTargetValueChangedHandler}\n class=\"prototyping-target\"\n part=\"prototyping-target\"\n >\n {renderFormItems(\n \"gxg-combo-box-item\",\n this.prototypingTargets,\n \"prototyping-target\"\n )}\n </gxg-combo-box>\n\n {/ #user interface language /}\n <gxg-combo-box\n disableFilter\n toolTip={config.tooltip}\n label={this._componentLocale.tabBasic.userInterfaceLanguage.label}\n value={getSelectedGxOption(this.userInterfaceLanguages)}\n placeholder={\n this.userInterfaceLanguages.length === 0\n ? this._componentLocale.tabBasic.userInterfaceLanguage\n .disabledPlaceholder\n : \"\"\n }\n disabled={this.userInterfaceLanguages.length === 0}\n ref={(el: HTMLGxgComboBoxElement) =>\n (this.userInterfaceLanguageEl = el as HTMLGxgComboBoxElement)\n }\n class=\"user-interface-language\"\n part=\"user-interface-language\"\n >\n {renderFormItems(\n \"gxg-combo-box-item\",\n this.userInterfaceLanguages,\n \"user-interface-language\"\n )}\n </gxg-combo-box>\n </div>\n </div>\n\n <div class=\"grid basic-row-second\">\n <gx-ide-container\n containerTitle={this._componentLocale.tabBasic.backEnd.backEndLabel}\n contentBorderEnd\n titleType=\"secondary\"\n >\n {/ #back end /}\n {/ #prototyping environments /}\n <gxg-combo-box\n disableFilter\n toolTip={config.tooltip}\n label={\n this._componentLocale.tabBasic.backEnd.prototypingEnvironment\n .label\n }\n value={getSelectedGxOption(this.prototypingEnvironments)}\n placeholder={\n this.prototypingEnvironments.length === 0\n ? this._componentLocale.tabBasic.backEnd\n .prototypingEnvironment.disabledPlaceholder\n : \"\"\n }\n disabled={this.prototypingEnvironments.length === 0}\n ref={(el: HTMLGxgComboBoxElement) =>\n (this.prototypingEnvironmentEl = el as HTMLGxgComboBoxElement)\n }\n onValueChanged={this.prototypingEnvironmentValueChangedHandler}\n class=\"prototyping-environment\"\n part=\"prototyping-environment\"\n >\n {renderFormItems(\n \"gxg-combo-box-item\",\n this.prototypingEnvironments,\n \"prototyping-environment\"\n )}\n </gxg-combo-box>\n\n {/ #data source /}\n <gxg-combo-box\n label={this._componentLocale.tabBasic.backEnd.dataSource.label}\n toolTip={config.tooltip}\n disableFilter\n value={getSelectedGxOption(this.defaultDataSources)}\n placeholder={\n this.defaultDataSources.length === 0\n ? this._componentLocale.tabBasic.backEnd.dataSource\n .disabledPlaceholder\n : \"\"\n }\n disabled={this.defaultDataSources.length === 0}\n ref={(el: HTMLGxgComboBoxElement) =>\n (this.dataSourceEl = el as HTMLGxgComboBoxElement)\n }\n class=\"data-source\"\n part=\"data-source\"\n >\n {renderFormItems(\n \"gxg-combo-box-item\",\n this.defaultDataSources,\n \"data-source\"\n )}\n </gxg-combo-box>\n </gx-ide-container>\n\n {/ #front end /}\n <gx-ide-container\n containerTitle={\n this._componentLocale.tabBasic.frontEnd.frontEndLabel\n }\n titleType=\"secondary\"\n >\n <gxg-form-checkbox-group\n checkboxesLabelSize=\"large\"\n ref={el =>\n (this.frontEndsEl = el as HTMLGxgFormCheckboxGroupElement)\n }\n onGroupValuesChanged={this.updateSelectedFrontEndsIds}\n >\n {renderFormItems(\n \"gxg-form-checkbox\",\n this.frontEnds,\n \"front-end\"\n )}\n </gxg-form-checkbox-group>\n </gx-ide-container>\n </div>\n </gxg-tab>\n );\n };\n\n private renderTabAdvanced = (): Element => {\n return (\n <gxg-tab tab=\"advanced\" no-padding flexContainer>\n <gx-ide-container\n noContentPadding\n containerTitle={this._componentLocale.tabAdvanced.tabTitle}\n titleType=\"secondary\"\n >\n <div class=\"knowledge-base-storage\">\n <div class=\"knowledge-base-storage__col-left\">\n {/ #server name /}\n <gxg-combo-box\n label={this._componentLocale.tabAdvanced.serverName.label}\n disableFilter\n toolTip={config.tooltip}\n value={getSelectedGxOption(this.serverNames)}\n placeholder={\n this.serverNames.length === 0\n ? this._componentLocale.tabAdvanced.serverName\n .disabledPlaceholder\n : \"\"\n }\n disabled={this.serverNames.length === 0}\n ref={(el: HTMLGxgComboBoxElement) =>\n (this.serverNameEl = el as HTMLGxgComboBoxElement)\n }\n class=\"server-name-combo-box\"\n part=\"server-name\"\n onValueChanged={this.evaluateCreateDataInKbDisabled}\n >\n {renderFormItems(\n \"gxg-combo-box-item\",\n this.serverNames,\n \"server-name\"\n )}\n </gxg-combo-box>\n\n {/ #search icon button /}\n <gxg-button\n type=\"secondary-icon-only\"\n icon=\"gemini-tools/search\"\n class=\"server-name-button\"\n part=\"search-server-name\"\n ></gxg-button>\n\n {/ #database name /}\n <gxg-form-text\n labelPosition=\"above\"\n label={this._componentLocale.tabAdvanced.databaseName.label}\n placeholder=\"MyDatabase\"\n ref={(el: HTMLGxgFormTextElement) =>\n (this.databaseNameEl = el as HTMLGxgFormTextElement)\n }\n toolTip={config.tooltip}\n value={this.databaseName}\n class=\"database-name\"\n part=\"database-name\"\n ></gxg-form-text>\n\n {/ #collation /}\n <gxg-combo-box\n label={this._componentLocale.tabAdvanced.collation.label}\n disableFilter\n toolTip={config.tooltip}\n value={getSelectedGxOption(this.collations)}\n ref={(el: HTMLGxgComboBoxElement) =>\n (this.collationEl = el as HTMLGxgComboBoxElement)\n }\n placeholder={\n this.collations.length === 0\n ? this._componentLocale.tabAdvanced.collation\n .disabledPlaceholder\n : \"\"\n }\n disabled={this.serverNames.length === 0}\n class=\"collation-combo-box\"\n part=\"collation\"\n >\n {renderFormItems(\n \"gxg-combo-box-item\",\n this.collations,\n \"collation\"\n )}\n </gxg-combo-box>\n <gxg-button\n type=\"secondary-icon-only\"\n icon=\"gemini-tools/reset\"\n class=\"collation-button\"\n part=\"reset-collation\"\n ></gxg-button>\n\n {/ #create data in knowledge base folder /}\n <gxg-form-checkbox\n label={\n this._componentLocale.tabAdvanced.createDataFilesInKbFolder\n }\n ref={(el: HTMLGxgFormCheckboxElement) =>\n (this.createDataFilesInKBFolderEl =\n el as HTMLGxgFormCheckboxElement)\n }\n alignTop\n checked={this.createDataFilesInKBFolder}\n disabled={this.createDataInKbDisabled}\n class=\"create-data-in-kb\"\n part=\"create-data-in-kb\"\n ></gxg-form-checkbox>\n </div>\n\n <div\n class={{\n \"knowledge-base-storage__col-right\": true,\n \"knowledge-base-storage__col-right--windows-authentication\":\n !this.userNameVisible\n }}\n >\n {/ #authentication type /}\n <gxg-combo-box\n label={\n this._componentLocale.tabAdvanced.authenticationType.label\n }\n disableFilter\n toolTip={config.tooltip}\n value={getSelectedGxOption(this.authenticationTypes)}\n ref={(el: HTMLGxgComboBoxElement) =>\n (this.authenticationTypeEl = el as HTMLGxgComboBoxElement)\n }\n placeholder={\n this.authenticationTypes.length === 0\n ? this._componentLocale.tabAdvanced.authenticationType\n .disabledPlaceholder\n : \"\"\n }\n disabled={this.authenticationTypes.length === 0}\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 {this.userNameVisible ? (\n <gxg-form-text\n labelPosition=\"above\"\n toolTip={config.tooltip}\n label={this._componentLocale.tabAdvanced.userName.label}\n ref={(el: HTMLGxgFormTextElement) =>\n (this.userNameEl = el as HTMLGxgFormTextElement)\n }\n value={this.userName}\n class=\"user-name\"\n part=\"user-name\"\n ></gxg-form-text>\n ) : null}\n\n {/ #password /}\n {this.passwordVisible ? (\n <gxg-form-text\n labelPosition=\"above\"\n label={this._componentLocale.tabAdvanced.password.label}\n password\n toolTip={config.tooltip}\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 ) : null}\n\n {/ #save password /}\n {this.savePasswordVisible ? (\n <gxg-form-checkbox\n label={this._componentLocale.tabAdvanced.savePassword}\n ref={(el: HTMLGxgFormCheckboxElement) =>\n (this.savePasswordEl = el as HTMLGxgFormCheckboxElement)\n }\n checked={this.savePassword}\n class=\"save-password\"\n part=\"save-password\"\n ></gxg-form-checkbox>\n ) : null}\n </div>\n </div>\n </gx-ide-container>\n </gxg-tab>\n );\n };\n\n /* ****************************\n 11.RENDER() FUNCTION\n *******************************/\n\n render(): void {\n return (\n <Host class=\"gx-ide-component\">\n <div class=\"gx-ide-main-wrapper\">\n <gx-ide-container\n noContentPadding\n slimmerFooter={config.gxIdeContainer.slimmerFooter}\n containerTitle={\n this.displayTitle ? this._componentLocale.componentName : null\n }\n >\n <header\n class={{\n \"header\": true,\n \"grid\": true,\n \"header--is-advanced\": this.isAdvanced\n }}\n slot=\"header\"\n >\n {/ #kb name /}\n <gxg-label labelPosition=\"start\" class=\"kb-label\" noMargin>\n {this._componentLocale.header.kbName}\n </gxg-label>\n <gxg-form-text\n labelPosition=\"start\"\n placeholder=\"SalesInventory\"\n max-width=\"100%\"\n value={this.kbName}\n toolTip={config.tooltip}\n ref={(el: HTMLGxgFormTextElement) =>\n (this.kbNameEl = el as HTMLGxgFormTextElement)\n }\n part=\"kb-name\"\n class=\"kb-input\"\n ></gxg-form-text>\n\n {/ #location /}\n {this.isAdvanced\n ? [\n <gxg-label labelPosition=\"start\" class=\"location-label\">\n {this._componentLocale.header.kbLocation}\n </gxg-label>,\n <gxg-form-text\n labelPosition=\"start\"\n placeholder=\"C:\\Models\"\n maxWidth=\"100%\"\n value={this.kbLocation}\n ref={(el: HTMLGxgFormTextElement) =>\n (this.locationEl = el as HTMLGxgFormTextElement)\n }\n disabled={!this.isAdvanced}\n part=\"kb-location\"\n class=\"location-input\"\n ></gxg-form-text>,\n <gxg-button\n type=\"secondary-icon-only\"\n icon=\"gemini-tools/folder\"\n onClick={this.selectLocationHandler}\n part=\"button-select-location\"\n class=\"location-icon\"\n ></gxg-button>\n ]\n : null}\n </header>\n\n {/ main /}\n <main class=\"gxi-full-height\">\n <gxg-tabs class=\"gxg-tabs\" noBorder>\n {this.isAdvanced ? (\n <gxg-tab-bar\n slot=\"tab-bar-container\"\n part=\"tab-bar\"\n displayBorder\n >\n <gxg-tab-button\n slot=\"tab-bar\"\n tabLabel={this._componentLocale.tabBasic.tabLabel}\n tab=\"basic\"\n is-selected\n hidden={!this.isAdvanced}\n part=\"tab-button-basic\"\n ></gxg-tab-button>\n <gxg-tab-button\n slot=\"tab-bar\"\n tabLabel={this._componentLocale.tabAdvanced.tabLabel}\n tab=\"advanced\"\n hidden={!this.isAdvanced}\n part=\"tab-button-advanced\"\n ></gxg-tab-button>\n </gxg-tab-bar>\n ) : null}\n\n {this.renderTabBasic()}\n {this.isAdvanced && this.renderTabAdvanced()}\n </gxg-tabs>\n </main>\n\n {/ footer /}\n {/ #cancel /}\n <gxg-button\n id=\"button-cancel\"\n type=\"outlined\"\n onClick={this.cancelKbHandler}\n part=\"button-cancel\"\n slot=\"footer-end\"\n >\n {this._componentLocale.footer.btnCancel}\n </gxg-button>\n {/ #create */}\n <gxg-button\n id=\"button-create\"\n type=\"primary-text-only\"\n onClick={this.createKbHandler}\n part=\"button-create\"\n slot=\"footer-end\"\n >\n {this._componentLocale.footer.btnCreate}\n </gxg-button>\n </gx-ide-container>\n </div>\n <gxg-shortcuts\n src={this.shortcutsSrc}\n ref={(el: HTMLGxgShortcutsElement) =>\n (this.gxgShortcutsEl = el as HTMLGxgShortcutsElement)\n }\n ></gxg-shortcuts>\n </Host>\n );\n }\n}\nexport interface NewKBData {\n authenticationType: string;\n collation: string;\n createDataFilesInKBFolder: boolean;\n databaseName: string;\n dataSource: string;\n frontEnds: string[];\n kbLocation: string;\n kbName: string;\n password: string;\n prototypingEnvironment: string;\n prototypingTarget: string;\n savePassword: boolean;\n serverName: string;\n userInterfaceLanguage: string;\n userName: string;\n}\n\nexport type CreateCallback = (data: NewKBData) => Promise<FormSubmitResult>;\n\nexport type CancelCallback = () => Promise<void>;\n\nexport type GetDataSourcesCallback = (\n selectedPrototypingEnvironmentId: string,\n selectedPrototypingTargetId: string\n) => Promise<GxOption[]>;\n\nexport type GetFrontEndsCallback = (\n selectedPrototypingEnvironmentId: string\n) => Promise<GxOption[]>;\n\nexport type SelectLocationCallback = () => Promise<string>;\n"],"version":3}