@genexus/genexus-ide-ui 0.0.16 → 0.0.18

package/dist/genexus-ide-ui/{p-1e412d88.entry.js → p-fcc98e20.entry.js}

@@ -1 +1 @@
-import{r as t,h as r,H as o,g as e}from"./p-f9f51980.js";const i=class{constructor(o){t(this,o),this.headingClasses=()=>({heading:!0,"heading--no-border":this.noHeadingBorder||this.hasOnlyHeading,[`heading--justify-${this.headingJustify}`]:!0,"heading--no-padding":this.noHeadingPadding}),this.contentClasses=()=>({content:!0,"content--no-padding":this.noContentPadding,"content--no-gap":this.noContentGap,[`content--align-items-${this.alignItems}`]:void 0!==this.alignItems,[`content--justify-content-${this.justifyContent}`]:void 0!==this.justifyContent}),this.footer=()=>this.hasFooterSlot?r("footer",{class:{footer:!0,"footer--no-border":this.hasOnlyFooter||!this.hasSlottedContent,[`footer--justify-${this.footerJustify}`]:!0,[`footer--justify-${this.footerJustify}`]:!0,"footer--no-padding":this.noFooterPadding}},r("div",{class:"footer__start"},r("slot",{name:"footer-start"})),r("div",{class:"footer__end"},r("slot",{name:"footer-end"}))):null,this.fieldset=!1,this.containerTitle=void 0,this.displayBorder=!1,this.displayBorderTop=!1,this.displayBorderEnd=!1,this.displayBorderBottom=!1,this.displayBorderStart=!1,this.sectionsPadding="m",this.fullHeight=!1,this.titleAlignment="center",this.noHeadingBorder=!1,this.noHeadingPadding=!1,this.headingJustify="center",this.noContentPadding=!1,this.noContentGap=!1,this.alignItems=void 0,this.justifyContent=void 0,this.noFooterPadding=!1,this.footerJustify="end",this.noBorderFooter=!1,this.hasHeaderSlot=!1,this.hasSlottedContent=!1,this.hasFooterSlot=!1,this.hasOnlyHeading=!1,this.hasOnlyFooter=!1}componentWillLoad(){this.evaluateSlots(),this.evaluateFullHeight()}evaluateSlots(){this.el.querySelectorAll(':scope > [slot="header"]').length&&(this.hasHeaderSlot=!0),this.el.querySelectorAll(":scope >  :not([slot])").length&&(this.hasSlottedContent=!0);const t=this.el.querySelectorAll(':scope >  [slot="footer-start"]'),r=this.el.querySelectorAll(':scope >  [slot="footer-end"]');(t.length||r.length)&&(this.hasFooterSlot=!0)}evaluateFullHeight(){this.fullHeight&&this.fieldset&&(this.fieldset=!1)}evaluateSections(){this.hasSlottedContent||this.hasFooterSlot||(this.hasOnlyHeading=!0),this.hasSlottedContent||this.containerTitle||(this.hasOnlyFooter=!0)}render(){let t;return this.evaluateSections(),t=this.fieldset?[r("fieldset",null,this.containerTitle||this.hasHeaderSlot?r("legend",{class:this.headingClasses()},this.containerTitle?r("gxg-title",{type:"title-04",alignment:this.titleAlignment},this.containerTitle):null,this.hasHeaderSlot?r("div",{class:"heading__inner-wrapper"},r("slot",{name:"header"})):null):null,this.hasSlottedContent?r("div",{class:this.contentClasses()},r("slot",null)):null),this.footer()]:[this.containerTitle||this.hasHeaderSlot?r("header",{class:this.headingClasses()},this.containerTitle?r("gxg-title",{type:"title-04",alignment:this.titleAlignment},this.containerTitle):null,this.hasHeaderSlot?r("div",{class:"heading__inner-wrapper"},r("slot",{name:"header"})):null):null,this.hasSlottedContent?r("div",{class:this.contentClasses()},r("slot",null)):null,this.footer()],r(o,null,r("div",{class:{container:!0,[`container--padding-${this.sectionsPadding}`]:!0,"container--display-border":this.displayBorder,"container--display-border-top":this.displayBorderTop,"container--display-border-end":this.displayBorderEnd,"container--display-border-bottom":this.displayBorderBottom,"container--display-border-start":this.displayBorderStart}},t))}get el(){return e(this)}};i.style=":root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-01--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-02{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-02--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-03{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-03--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-04{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-04--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-05{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em}.gxg-title-05--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em;color:var(--color-on-primary)}.gxg-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-text--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-text--gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--gray-05)}.gxg-quote{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;font-style:italic}.gxg-quote--negative{color:var(--color-on-primary)}.gxg-link{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--color-primary-hover)}.gxg-link:active{color:var(--color-primary-active)}.gxg-link-gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04)}.gxg-link-gray:hover{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04);color:var(--gray-06)}.gxg-alert-error{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-error-dark);display:inline-block}.gxg-alert-warning{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-warning-dark);display:inline-block}.gxg-alert-success{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-success-dark);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(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.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-button-styles{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}:host{--gxg-container-elements-spacing:var(--spacing-comp-03);display:block}:host([full-height]){height:100%}:host([full-height]) .container{height:100%;display:flex;flex-direction:column}:host([full-height]) .content{flex-grow:1}fieldset{padding:0;margin-inline-start:0;margin-inline-end:0;border:none}.heading,.content,.footer{padding:var(--gxg-container--padding)}.container--padding-s{--gxg-container--padding:var(--spacing-comp-02)}.container--padding-m{--gxg-container--padding:var(--spacing-comp-03)}.container--padding-l{--gxg-container--padding:var(--spacing-comp-04)}.container--display-border{border:1px solid var(--gx-ide-container-border-color)}.container--display-border-top{border-top:1px solid var(--gx-ide-container-border-color)}.container--display-border-end{border-inline-end:1px solid var(--gx-ide-container-border-color)}.container--display-border-bottom{border-bottom:1px solid var(--gx-ide-container-border-color)}.container--display-border-start{border-inline-start:1px solid var(--gx-ide-container-border-color)}.heading{display:flex;flex-direction:column;gap:var(--gxg-container--padding);width:100%;box-sizing:border-box;border-bottom:1px solid var(--gx-ide-container-border-color)}.heading--no-border{border-bottom:0}.heading--no-padding{padding:0}.content{display:flex;flex-direction:column;gap:var(--gxg-container-elements-spacing);overflow-x:auto;}.content::-webkit-scrollbar{width:6px;height:6px}.content::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.content::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.content::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.content .gxg-scroll{display:block;overflow-y:auto;padding-right:2px}.content--no-padding{padding:0}.content--no-gap{gap:0}.content--align-items-start{align-items:start}.content--align-items-center{align-items:center}.content--align-items-end{align-items:end}.content--justify-content-start{justify-content:start}.content--justify-content-center{justify-content:center}.content--justify-content-end{justify-content:end}.footer{display:flex;gap:var(--gxg-container-elements-spacing);flex-wrap:wrap;justify-content:space-between;align-items:center;border-top:1px solid var(--gx-ide-container-border-color)}.footer__start,.footer__end{display:flex;gap:var(--gxg-container-elements-spacing)}.footer--no-border{border-top:0}.footer--no-padding{padding:0}";const a=class{constructor(r){t(this,r),this.topBarTitle=void 0}componentWillLoad(){this.evaluateSlots()}evaluateSlots(){this.el.querySelectorAll('[slot="menu"]').length&&(this._hasMenuSlot=!0)}render(){return r(o,null,r("div",{class:"wrapper",part:"wrapper"},r("div",{class:"wrapper__left",part:"wrapper-left"},r("gxg-title",{type:"title-04",exportparts:"title: gxg-title"},this.topBarTitle)),r("div",{class:"wrapper__right",part:"wrapper-right"},this._hasMenuSlot?r("gxg-button",{type:"secondary-icon-only",icon:"gemini-tools/show-more-vertical"},r("slot",{name:"menu"})):null)))}get el(){return e(this)}};a.style=":host{display:block;box-sizing:border-box}.wrapper{display:flex;justify-content:space-between;padding:var(--spacing-comp-01) var(--spacing-comp-02);transition:background-color var(--gx-ide-timing-super-fast-ms);background-color:var(--gray-01)}gxg-title::part(title){color:var(--color-on-secondary);transition:color var(--gx-ide-timing-super-fast-ms)}";export{i as gx_ide_container,a as gx_ide_top_bar}
+import{r as t,h as r,H as o,g as e}from"./p-f9f51980.js";const i=class{constructor(o){t(this,o),this.headingClasses=()=>({heading:!0,"heading--no-border":this.noHeadingBorder||this.hasOnlyHeading,[`heading--justify-${this.headingJustify}`]:!0,"heading--no-padding":this.noHeadingPadding}),this.contentClasses=()=>({content:!0,"content--no-padding":this.noContentPadding,"content--no-gap":this.noContentGap,[`content--align-items-${this.alignItems}`]:void 0!==this.alignItems,[`content--justify-content-${this.justifyContent}`]:void 0!==this.justifyContent}),this.footer=()=>this.hasFooterSlot?r("footer",{class:{footer:!0,"footer--no-border":this.hasOnlyFooter||!this.hasSlottedContent,[`footer--justify-${this.footerJustify}`]:!0,[`footer--justify-${this.footerJustify}`]:!0,"footer--no-padding":this.noFooterPadding}},r("div",{class:"footer__start"},r("slot",{name:"footer-start"})),r("div",{class:"footer__end"},r("slot",{name:"footer-end"}))):null,this.fieldset=!1,this.containerTitle=void 0,this.displayBorder=!1,this.displayBorderTop=!1,this.displayBorderEnd=!1,this.displayBorderBottom=!1,this.displayBorderStart=!1,this.sectionsPadding="m",this.fullHeight=!1,this.titleAlignment="center",this.noHeadingBorder=!1,this.noHeadingPadding=!1,this.headingJustify="center",this.noContentPadding=!1,this.noContentGap=!1,this.alignItems=void 0,this.justifyContent=void 0,this.noFooterPadding=!1,this.footerJustify="end",this.noBorderFooter=!1,this.hasHeaderSlot=!1,this.hasSlottedContent=!1,this.hasFooterSlot=!1,this.hasOnlyHeading=!1,this.hasOnlyFooter=!1}componentWillLoad(){this.evaluateSlots(),this.evaluateFullHeight()}evaluateSlots(){this.el.querySelectorAll(':scope > [slot="header"]').length&&(this.hasHeaderSlot=!0),this.el.querySelectorAll(":scope >  :not([slot])").length&&(this.hasSlottedContent=!0);const t=this.el.querySelectorAll(':scope >  [slot="footer-start"]'),r=this.el.querySelectorAll(':scope >  [slot="footer-end"]');(t.length||r.length)&&(this.hasFooterSlot=!0)}evaluateFullHeight(){this.fullHeight&&this.fieldset&&(this.fieldset=!1)}evaluateSections(){this.hasSlottedContent||this.hasFooterSlot||(this.hasOnlyHeading=!0),this.hasSlottedContent||this.containerTitle||(this.hasOnlyFooter=!0)}render(){let t;return this.evaluateSections(),t=this.fieldset?[r("fieldset",null,this.containerTitle||this.hasHeaderSlot?r("legend",{class:this.headingClasses()},this.containerTitle?r("gxg-title",{type:"title-04",alignment:this.titleAlignment},this.containerTitle):null,this.hasHeaderSlot?r("div",{class:"heading__inner-wrapper"},r("slot",{name:"header"})):null):null,this.hasSlottedContent?r("div",{class:this.contentClasses()},r("slot",null)):null),this.footer()]:[this.containerTitle||this.hasHeaderSlot?r("header",{class:this.headingClasses()},this.containerTitle?r("gxg-title",{type:"title-04",alignment:this.titleAlignment},this.containerTitle):null,this.hasHeaderSlot?r("div",{class:"heading__inner-wrapper"},r("slot",{name:"header"})):null):null,this.hasSlottedContent?r("div",{class:this.contentClasses()},r("slot",null)):null,this.footer()],r(o,null,r("div",{class:{container:!0,[`container--padding-${this.sectionsPadding}`]:!0,"container--display-border":this.displayBorder,"container--display-border-top":this.displayBorderTop,"container--display-border-end":this.displayBorderEnd,"container--display-border-bottom":this.displayBorderBottom,"container--display-border-start":this.displayBorderStart}},t))}get el(){return e(this)}};i.style=":root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-01--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-02{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-02--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-03{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-03--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-04{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-04--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-05{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em}.gxg-title-05--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em;color:var(--color-on-primary)}.gxg-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-text--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-text--gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--gray-05)}.gxg-quote{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;font-style:italic}.gxg-quote--negative{color:var(--color-on-primary)}.gxg-link{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--color-primary-hover)}.gxg-link:active{color:var(--color-primary-active)}.gxg-link-gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04)}.gxg-link-gray:hover{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04);color:var(--gray-06)}.gxg-alert-error{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-error-dark);display:inline-block}.gxg-alert-warning{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-warning-dark);display:inline-block}.gxg-alert-success{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-success-dark);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(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.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-button-styles{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}:host{--gxg-container-elements-spacing:var(--spacing-comp-03);display:block}:host([full-height]){height:100%}:host([full-height]) .container{height:100%;display:flex;flex-direction:column}:host([full-height]) .content{flex-grow:1}fieldset{padding:0;margin-inline-start:0;margin-inline-end:0;border:none}.heading,.content,.footer{padding:var(--gxg-container--padding)}.container--padding-s{--gxg-container--padding:var(--spacing-comp-02)}.container--padding-m{--gxg-container--padding:var(--spacing-comp-03)}.container--padding-l{--gxg-container--padding:var(--spacing-comp-04)}.container--display-border{border:1px solid var(--gx-ide-container-border-color)}.container--display-border-top{border-top:1px solid var(--gx-ide-container-border-color)}.container--display-border-end{border-inline-end:1px solid var(--gx-ide-container-border-color)}.container--display-border-bottom{border-bottom:1px solid var(--gx-ide-container-border-color)}.container--display-border-start{border-inline-start:1px solid var(--gx-ide-container-border-color)}.heading{display:flex;flex-direction:column;gap:var(--gxg-container--padding);width:100%;box-sizing:border-box;border-bottom:1px solid var(--gx-ide-container-border-color)}.heading--no-border{border-bottom:0}.heading--no-padding{padding:0}.content{display:flex;flex-direction:column;gap:var(--gxg-container-elements-spacing);overflow-x:auto;}.content::-webkit-scrollbar{width:6px;height:6px}.content::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.content::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.content::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.content .gxg-scroll{display:block;overflow-y:auto;padding-right:2px}.content--no-padding{padding:0}.content--no-gap{gap:0}.content--align-items-start{align-items:start}.content--align-items-center{align-items:center}.content--align-items-end{align-items:end}.content--justify-content-start{justify-content:start}.content--justify-content-center{justify-content:center}.content--justify-content-end{justify-content:end}.footer{display:flex;gap:var(--gxg-container-elements-spacing);flex-wrap:wrap;justify-content:space-between;align-items:center;border-top:1px solid var(--gx-ide-container-border-color)}.footer__start,.footer__end{display:flex;gap:var(--gxg-container-elements-spacing)}.footer--no-border{border-top:0}.footer--no-padding{padding:0}";export{i as gx_ide_container}

package/dist/node_modules/@genexus/gemini/dist/collection/components/tree-item/gxg-tree-item.css

@@ -715,7 +715,7 @@ FORM ELEMENTS
   background-color: var(--item-hover-color);
 }
 :host li .li-text:active {
-  background-color: var(--gxg-color-selected);
+  background-color: var(--gxg-background-color-item-selected);
 }
 :host li .li-text:focus {
   outline-style: solid;
@@ -724,7 +724,7 @@ FORM ELEMENTS
   outline-offset: -2px;
 }
 :host li .li-text--selected {
-  background-color: var(--gxg-color-selected);
+  background-color: var(--gxg-background-color-item-selected);
 }
 :host li .li-text > * {
   flex-shrink: 0;

package/dist/types/common/update-tree-model.d.ts

@@ -0,0 +1,2 @@
+import { GxgTreeItemData } from "@genexus/gemini/dist/types/components/tree-item/gxg-tree-item";
+export declare const updateTreeModel: (actualModel: GxgTreeItemData[], updatedNodeModel: GxgTreeItemData, updatedNodeId: string) => GxgTreeItemData[];

package/dist/types/components/_template/template.d.ts

@@ -6,9 +6,9 @@ export declare class GxIdeTemplate {
   private _componentLocale;
   el: HTMLGxIdeTemplateElement;
   /**
-   * If true, will hide the top-bar
+   * The main title
    */
-  readonly hideTopBar = false;
+  readonly mainTile: string;
   /**
    * @description Gets fired when the component has rendered for the first time.
    */

package/dist/types/components/_test/test.d.ts

@@ -5,16 +5,34 @@ export declare class GxIdeUiTest {
    * The model for a gxg-tree
    */
   treeModel: GxgTreeItemData[];
+  /**
+   * A new lazy node
+   */
+  readonly lazyNode: GxgTreeItemData[];
+  /**
+   * A new lazy node
+   */
+  readonly updateLazyCallback: (id: string) => Promise<GxgTreeItemData[]>;
+  /**
+   * The new tree node to update
+   */
+  newNode: GxgTreeItemData[];
+  /**
+   * Update tree model test
+   */
+  readonly testUpdateNode = false;
   /**
    * A callback that returns a Promise with the new tree model
    */
   readonly lazyLoadTreeItemsCallback: (treeItemId: string) => Promise<GxgTreeItemData[]>;
+  loadLazyChildrenHandler(e: CustomEvent<string>): void;
+  treeItemStateChanged(event: CustomEvent<GxgTreeItemData>): void;
   private closeTreeNodeHandler;
   private openTreeNodeHandler;
   private toggleTreeNodeHandler;
   private getSelectedItemsHandler;
   private getCheckedItemsHandler;
   private deleteNodeHandler;
-  loadLazyChildrenHandler(e: CustomEvent<string>): void;
+  private treeItemStateChangedHandler;
   render(): any;
 }

package/dist/types/components/new-kb/new-kb.d.ts

@@ -31,10 +31,6 @@ export declare class GxIdeNewKb {
   userNameVisible: boolean;
   passwordVisible: boolean;
   savePasswordVisible: boolean;
-  /**
-   * If true, will hide the top-bar
-   */
-  readonly hideTopBar = false;
   /**
    * It allows defining the DBMS that will be used in the solution
    */

package/dist/types/components/references/references.d.ts

@@ -1,4 +1,5 @@
 import { EventEmitter } from "../../stencil-public-runtime";
+import { GxgTreeItemData } from "@genexus/gemini/dist/types/components/tree-item/gxg-tree-item";
 import { SuggestData } from "@genexus/chameleon-controls-library/dist/types/components/suggest/suggest-list/ch-suggest-list";
 export declare class GxIdeReferences {
   /**
@@ -15,8 +16,8 @@ export declare class GxIdeReferences {
   private referencesMessagesMaxWidth;
   el: HTMLGxIdeReferencesElement;
   private selectObjectSuggestEl;
-  private referencedByEl;
-  private referencesToEl;
+  referencedByTreeData: GxgTreeItemData[];
+  referencesToTreeData: GxgTreeItemData[];
   /**
    * Displays or hides the header-bottom section
    */
@@ -28,19 +29,16 @@ export declare class GxIdeReferences {
   /**
    * Keeps the objects that are referenced by the current selected object
    */
-  referencedBy: ReferenceData[];
+  referencedBy: GxgTreeItemData[];
   /**
    * Keeps the objects that have references to the current selected object
    */
-  referencesTo: ReferenceData[];
-  /**
-   * If true, will hide the top-bar
-   */
-  readonly hideTopBar = false;
+  referencesTo: GxgTreeItemData[];
   /**
    * Currently selected object
    */
   selectedObject?: ObjectData;
+  selectedObjectHandler(newSelectedObject: ObjectData): void;
   /**
    * Callback invoked when user writes on object selector input, return possible options to show in autocomplete list
    */
@@ -61,47 +59,53 @@ export declare class GxIdeReferences {
    * Callback invoked when any item from the references panels is selected
    */
   readonly selectReferenceCallback?: SelectReferenceCallback;
-  selectedObjectHandler(newSelectedObject: ObjectData): void;
   /**
-   * @description Gets fired when the component has rendered for the first time.
+   * Gets fired when the component has rendered for the first time.
    */
   componentDidRenderEvent: EventEmitter<string>;
   componentWillLoad(): Promise<void>;
   componentDidLoad(): void;
   componentDidRender(): void;
   /**
-   * @description It attaches on the ch-suggest, the "itemSelected" event triggered by the ch-suggest-list-item. This helps set the new 'selectedObject'.
+   * It attaches on the ch-suggest, the "itemSelected" event triggered by the ch-suggest-list-item. This helps set the new 'selectedObject'.
    */
   private attachSelectObjectListener;
   /**
-   * @description It attaches several events on the 'referencedByEl' element, which is a tree.
-   */
-  private attachReferencedByListeners;
-  /**
-   * @description It attaches several events on the 'referencesToEl' element, which is a tree.
-   */
-  private attachReferencesToListeners;
-  /**
-   * @description This handler gets fired every time the value of the 'Select Object' ch-suggest changes. Then, it calls the 'updateSuggestedObjects' method, that keeps the state of the last suggested objects that were passed bu the host. Also, it shows the suggested objects on the ch-suggest box.
+   * This handler gets fired every time the value of the 'Select Object' ch-suggest changes. Then, it calls the 'updateSuggestedObjects' method, that keeps the state of the last suggested objects that were passed bu the host. Also, it shows the suggested objects on the ch-suggest box.
    */
   private selectObjectValueChangedHandler;
   private openObjectCallbackHandler;
   /**
-   * @description handler that gets fired when the use clicks on the ch-suggest button (...)
+   * handler that gets fired when the use clicks on the ch-suggest button (...)
    */
   private openSelectorDialogCallbackHandler;
   /**
-   * @description It evaluates if loadReferencesCallback should be called, depending wether there is or not an actual selected object.
+   * It evaluates if loadReferencesCallback should be called, depending wether there is or not an actual selected object.
    */
   private evaluateInitialReferenceData;
   /**
-   * @description This method invokes 'loadReferencesCallback' callback for 'Is Referenced By' and 'Has References To' panels.
+   * This method invokes 'loadReferencesCallback' callback for 'Is Referenced By' and 'Has References To' panels. The second parameter "to" indicates if loadReferencesCallback callback should be called for "has references to" or "is references by"
    */
   private loadReferencesHandler;
   /**
-   * @description It hides/show the bar (The header bottom section).
+   * It hides/show the bar (The header bottom section).
    */
   private hideBarButtonClickedHandler;
+  /**
+   * Simple helper function to get 'this.referencedByTreeData' or 'this.referencesToTreeData'
+   */
+  private getRef;
+  /**
+   * Simple helper function to update 'this.referencedByTreeData' or 'this.referencesToTreeData'
+   */
+  private updateRef;
+  /**
+   * Handles changes on any of the references (by or to). Used to:
+   * 1) Keep the models updated.
+   * 2) call the openObjectCallback.
+   * 3) call the loadReferencesCallback if a lazy node was toggled.
+   */
+  private referencesPanelStateChangedHandler;
   render(): any;
 }
 export type SelectorCategoryData = {

package/dist/types/components.d.ts

@@ -241,10 +241,6 @@ export namespace Components {
           * It allows selecting multiple generators for the front end
          */
         "frontEnds": GxOption[];
-        /**
-          * If true, will hide the top-bar
-         */
-        "hideTopBar": false;
         /**
           * Specify whether it is feasible to display information related to local configuration parameters
          */
@@ -295,10 +291,6 @@ export namespace Components {
         "userName": string;
     }
     interface GxIdeReferences {
-        /**
-          * If true, will hide the top-bar
-         */
-        "hideTopBar": false;
         /**
           * Callback invoked when a node is expanded in any of the references panels
          */
@@ -326,9 +318,9 @@ export namespace Components {
     }
     interface GxIdeTemplate {
         /**
-          * If true, will hide the top-bar
+          * The main title
          */
-        "hideTopBar": false;
+        "mainTile": string;
     }
     interface GxIdeTest {
         /**
@@ -337,10 +329,28 @@ export namespace Components {
         "lazyLoadTreeItemsCallback": (
     treeItemId: string
   ) => Promise<GxgTreeItemData[]>;
+        /**
+          * A new lazy node
+         */
+        "lazyNode": GxgTreeItemData[];
+        /**
+          * The new tree node to update
+         */
+        "newNode": GxgTreeItemData[];
+        /**
+          * Update tree model test
+         */
+        "testUpdateNode": false;
         /**
           * The model for a gxg-tree
          */
         "treeModel": GxgTreeItemData[];
+        /**
+          * A new lazy node
+         */
+        "updateLazyCallback": (
+    id: string
+  ) => Promise<GxgTreeItemData[]>;
     }
     interface GxIdeTopBar {
         /**
@@ -670,10 +680,6 @@ declare namespace LocalJSX {
           * It allows selecting multiple generators for the front end
          */
         "frontEnds": GxOption[];
-        /**
-          * If true, will hide the top-bar
-         */
-        "hideTopBar"?: false;
         /**
           * Specify whether it is feasible to display information related to local configuration parameters
          */
@@ -728,16 +734,12 @@ declare namespace LocalJSX {
         "userName"?: string;
     }
     interface GxIdeReferences {
-        /**
-          * If true, will hide the top-bar
-         */
-        "hideTopBar"?: false;
         /**
           * Callback invoked when a node is expanded in any of the references panels
          */
         "loadReferencesCallback"?: LoadReferencesCallback;
         /**
-          * @description Gets fired when the component has rendered for the first time.
+          * Gets fired when the component has rendered for the first time.
          */
         "onComponentDidRenderEvent"?: (event: GxIdeReferencesCustomEvent<string>) => void;
         /**
@@ -763,9 +765,9 @@ declare namespace LocalJSX {
     }
     interface GxIdeTemplate {
         /**
-          * If true, will hide the top-bar
+          * The main title
          */
-        "hideTopBar"?: false;
+        "mainTile"?: string;
         /**
           * @description Gets fired when the component has rendered for the first time.
          */
@@ -778,10 +780,28 @@ declare namespace LocalJSX {
         "lazyLoadTreeItemsCallback"?: (
     treeItemId: string
   ) => Promise<GxgTreeItemData[]>;
+        /**
+          * A new lazy node
+         */
+        "lazyNode"?: GxgTreeItemData[];
+        /**
+          * The new tree node to update
+         */
+        "newNode"?: GxgTreeItemData[];
+        /**
+          * Update tree model test
+         */
+        "testUpdateNode"?: false;
         /**
           * The model for a gxg-tree
          */
         "treeModel"?: GxgTreeItemData[];
+        /**
+          * A new lazy node
+         */
+        "updateLazyCallback"?: (
+    id: string
+  ) => Promise<GxgTreeItemData[]>;
     }
     interface GxIdeTopBar {
         /**

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genexus/genexus-ide-ui",
   "license": "Apache-2.0",
-  "version": "0.0.16",
+  "version": "0.0.18",
   "description": "GeneXus IDE UI components",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -36,10 +36,10 @@
     "@types/react": "^18.2.8"
   },
   "peerDependencies": {
-    "@genexus/gemini": "*0.1.423"
+    "@genexus/gemini": "*0.1.434"
   },
   "devDependencies": {
-    "@genexus/gemini": "*0.1.423",
+    "@genexus/gemini": "*0.1.434",
     "@stencil-community/eslint-plugin": "^0.5.0",
     "@stencil/core": "^2.17.0",
     "@stencil/sass": "^2.0.1",

package/dist/cjs/render-tree-25d5b8a1.js

@@ -1,29 +0,0 @@
-'use strict';
-
-const index = require('./index-93a6a7e0.js');
-
-/* eslint-disable @typescript-eslint/no-use-before-define */
-const renderTreeItems = (treeItemsModel, firstCall = true) => {
-  if (treeItemsModel === null || treeItemsModel === void 0 ? void 0 : treeItemsModel.length) {
-    if (firstCall) {
-      return treeItemsModel.map((item) => {
-        return renderTreeItem(item);
-      });
-    }
-    else {
-      return (index.h("gxg-tree", { slot: "tree" }, treeItemsModel.map((item) => {
-        return renderTreeItem(item);
-      })));
-    }
-  }
-  return [];
-};
-const renderTreeItem = (item) => {
-  var _a;
-  const childrenLength = item.items ? item.items.length : 0;
-  const isLeaf = !!(childrenLength === 0 || item.leaf);
-  const lazy = !!item.lazy;
-  return (index.h("gxg-tree-item", { checkbox: item.checkbox, checked: item.checked, disabled: item.disabled, icon: item.icon, indeterminate: item.indeterminate, id: item.id, key: `tree-item-${item.id}`, label: item.label, leaf: isLeaf && !lazy, numberOfChildren: childrenLength, opened: item.opened, selected: item.selected }, [item.label, ((_a = item.items) === null || _a === void 0 ? void 0 : _a.length) && renderTreeItems(item.items, false)]));
-};
-
-exports.renderTreeItems = renderTreeItems;

package/dist/components/render-tree.js

@@ -1,27 +0,0 @@
-import { h } from '@stencil/core/internal/client';
-
-/* eslint-disable @typescript-eslint/no-use-before-define */
-const renderTreeItems = (treeItemsModel, firstCall = true) => {
-  if (treeItemsModel === null || treeItemsModel === void 0 ? void 0 : treeItemsModel.length) {
-    if (firstCall) {
-      return treeItemsModel.map((item) => {
-        return renderTreeItem(item);
-      });
-    }
-    else {
-      return (h("gxg-tree", { slot: "tree" }, treeItemsModel.map((item) => {
-        return renderTreeItem(item);
-      })));
-    }
-  }
-  return [];
-};
-const renderTreeItem = (item) => {
-  var _a;
-  const childrenLength = item.items ? item.items.length : 0;
-  const isLeaf = !!(childrenLength === 0 || item.leaf);
-  const lazy = !!item.lazy;
-  return (h("gxg-tree-item", { checkbox: item.checkbox, checked: item.checked, disabled: item.disabled, icon: item.icon, indeterminate: item.indeterminate, id: item.id, key: `tree-item-${item.id}`, label: item.label, leaf: isLeaf && !lazy, numberOfChildren: childrenLength, opened: item.opened, selected: item.selected }, [item.label, ((_a = item.items) === null || _a === void 0 ? void 0 : _a.length) && renderTreeItems(item.items, false)]));
-};
-
-export { renderTreeItems as r };

package/dist/esm/render-tree-fc8636a3.js

@@ -1,27 +0,0 @@
-import { h } from './index-4f0a5746.js';
-
-/* eslint-disable @typescript-eslint/no-use-before-define */
-const renderTreeItems = (treeItemsModel, firstCall = true) => {
-  if (treeItemsModel === null || treeItemsModel === void 0 ? void 0 : treeItemsModel.length) {
-    if (firstCall) {
-      return treeItemsModel.map((item) => {
-        return renderTreeItem(item);
-      });
-    }
-    else {
-      return (h("gxg-tree", { slot: "tree" }, treeItemsModel.map((item) => {
-        return renderTreeItem(item);
-      })));
-    }
-  }
-  return [];
-};
-const renderTreeItem = (item) => {
-  var _a;
-  const childrenLength = item.items ? item.items.length : 0;
-  const isLeaf = !!(childrenLength === 0 || item.leaf);
-  const lazy = !!item.lazy;
-  return (h("gxg-tree-item", { checkbox: item.checkbox, checked: item.checked, disabled: item.disabled, icon: item.icon, indeterminate: item.indeterminate, id: item.id, key: `tree-item-${item.id}`, label: item.label, leaf: isLeaf && !lazy, numberOfChildren: childrenLength, opened: item.opened, selected: item.selected }, [item.label, ((_a = item.items) === null || _a === void 0 ? void 0 : _a.length) && renderTreeItems(item.items, false)]));
-};
-
-export { renderTreeItems as r };

package/dist/genexus-ide-ui/p-0f5d0ccc.entry.js

@@ -1 +0,0 @@
-import{r as t,c as e,h as a,H as i,g as o}from"./p-f9f51980.js";import{L as r}from"./p-26957490.js";import{f as s,r as l,g as n}from"./p-05ad8cad.js";const d=class{constructor(i){t(this,i),this.componentDidRenderEvent=e(this,"componentDidRenderEvent",7),this._initialComboValue={prototypingTargets:null,userInterfaceLanguages:null,prototypingEnvironments:null,dataSources:null,serverNames:null,collations:null,authenticationTypes:null},this.setInitialValues=()=>{this._initialComboValue&&Object.keys(this._initialComboValue).forEach((t=>{const e=n(this[t]),a=(null==e?void 0:e.selected)?e.id:null;a&&(this._initialComboValue[t]=a)}))},this.evaluateCreateDataInKbDisabled=t=>{t?this.createDataInKbDisabled=this.serverNames[0].id===t.detail:this.serverNames[0].selected&&(this.createDataInKbDisabled=!0)},this.evaluateAuthenticationType=t=>{var e,a;let i;(null===(e=this.authenticationTypes)||void 0===e?void 0:e.length)&&(i=(null===(a=this.authenticationTypes)||void 0===a?void 0:a.find((t=>t.selected)))||this.authenticationTypes[0]),"windows-authentication"===(null==t?void 0:t.detail)||i&&"windows-authentication"===i.id&&null===t?(this.userNameVisible=!1,this.passwordVisible=!1,this.savePasswordVisible=!1):(this.userNameVisible=!0,this.passwordVisible=!0,this.savePasswordVisible=!0)},this.selectLocationHandler=()=>{this.selectLocationCallback().then((t=>{t&&(this.kbLocation=t)}))},this.getFrontEndOptionsValues=()=>{const t=[];return this.frontEndsEl.getValues().then((e=>{e.forEach((e=>{t.push({id:e.id,checked:e.value,disabled:e.disabled})}))})),t},this.createKbHandler=()=>{var t,e,a;this.createCallback&&this.createCallback({kbName:this.kbNameEl.value,kbLocation:this.locationEl.value,prototypingTarget:this.prototypingTargetEl.value,userInterfaceLanguage:this.userInterfaceLanguageEl.value,prototypingEnvironment:this.prototypingEnvironmentEl.value,dataSource:this.dataSourceEl.value,frontEnds:this.getFrontEndOptionsValues(),serverName:this.serverNameEl.value,databaseName:this.databaseNameEl.value,collation:this.collationEl.value,createDataFilesInKBFolder:this.createDataFilesInKBFolderEl.checked,authenticationType:this.authenticationTypeEl.value,userName:null===(t=this.userNameEl)||void 0===t?void 0:t.value,password:null===(e=this.passwordEl)||void 0===e?void 0:e.value,savePassword:null===(a=this.savePasswordEl)||void 0===a?void 0:a.checked}).then((t=>{s(t,this)}))},this.cancelKbHandler=()=>{this.cancelCallback&&this.cancelCallback()},this.renderTabBasic=()=>{var t,e,i,o;return a("gxg-tab",{tab:"basic","no-padding":!0,flexContainer:!0},a("gx-ide-container",{displayBorderTop:!0,displayBorderBottom:!0},a("div",{class:"grid basic-row-first"},a("gxg-combo-box",{disableFilter:!0,label:this._componentLocale.tabBasic.prototypingTarget,value:null!==(t=this._initialComboValue.prototypingTargets)&&void 0!==t?t:this.prototypingTargets[0].id,ref:t=>this.prototypingTargetEl=t,class:"prototyping-target",part:"prototyping-target"},l("gxg-combo-box-item",this.prototypingTargets,"prototyping-target")),a("gxg-combo-box",{disableFilter:!0,label:this._componentLocale.tabBasic.userInterfaceLanguage,value:null!==(e=this._initialComboValue.userInterfaceLanguages)&&void 0!==e?e:this.userInterfaceLanguages[0].id,ref:t=>this.userInterfaceLanguageEl=t,class:"user-interface-language",part:"user-interface-language"},l("gxg-combo-box-item",this.userInterfaceLanguages,"user-interface-language")))),a("div",{class:"grid basic-row-second"},a("gx-ide-container",{fieldset:!0,noHeadingBorder:!0,containerTitle:this._componentLocale.tabBasic.backEnd.backEndLabel},a("gxg-combo-box",{disableFilter:!0,label:this._componentLocale.tabBasic.backEnd.prototypingEnvironment,value:null!==(i=this._initialComboValue.prototypingEnvironments)&&void 0!==i?i:this.prototypingEnvironments[0].id,ref:t=>this.prototypingEnvironmentEl=t,class:"prototyping-environment",part:"prototyping-environment"},l("gxg-combo-box-item",this.prototypingEnvironments,"prototyping-environment")),a("gxg-combo-box",{label:this._componentLocale.tabBasic.backEnd.dataSource,disableFilter:!0,value:null!==(o=this._initialComboValue.dataSources)&&void 0!==o?o:this.dataSources[0].id,ref:t=>this.dataSourceEl=t,class:"data-source",part:"data-source"},l("gxg-combo-box-item",this.dataSources,"data-source"))),a("gx-ide-container",{fieldset:!0,noHeadingBorder:!0,containerTitle:this._componentLocale.tabBasic.frontEnd.frontEndLabel},a("gxg-form-checkbox-group",{ref:t=>this.frontEndsEl=t},l("gxg-form-checkbox",this.frontEnds,"front-end")))))},this.renderTabAdvanced=()=>{var t,e,i;return a("gxg-tab",{tab:"advanced","no-padding":!0,flexContainer:!0},a("gx-ide-container",{displayBorderTop:!0,displayBorderBottom:!0,containerTitle:this._componentLocale.tabAdvanced.tabTitle}),a("div",{class:"grid knowledge-base-storage"},a("gx-ide-container",{fieldset:!0},a("div",{class:"grid knowledge-base-storage__col-left"},a("gxg-combo-box",{label:this._componentLocale.tabAdvanced.serverName,disableFilter:!0,value:null!==(t=this._initialComboValue.serverNames)&&void 0!==t?t:this.serverNames[0].id,ref:t=>this.serverNameEl=t,class:"server-name-combo-box",part:"server-name",onValueChanged:this.evaluateCreateDataInKbDisabled},l("gxg-combo-box-item",this.serverNames,"server-name")),a("gxg-button",{type:"secondary-icon-only",icon:"gemini-tools/search",class:"server-name-button",part:"search-server-name"}),a("gxg-form-text",{labelPosition:"above",label:this._componentLocale.tabAdvanced.databaseName,placeholder:"MyDatabase",ref:t=>this.databaseNameEl=t,value:this.databaseName,class:"database-name",part:"database-name"}),a("gxg-combo-box",{label:this._componentLocale.tabAdvanced.collation,disableFilter:!0,value:null!==(e=this._initialComboValue.collations)&&void 0!==e?e:this.collations[0].id,ref:t=>this.collationEl=t,class:"collation-combo-box",part:"collation"},l("gxg-combo-box-item",this.collations,"collation")),a("gxg-button",{type:"secondary-icon-only",icon:"gemini-tools/reset",class:"collation-button",part:"reset-collation"}),a("gxg-form-checkbox",{label:this._componentLocale.tabAdvanced.createDataFilesInKbFolder,ref:t=>this.createDataFilesInKBFolderEl=t,alignTop:!0,checked:this.createDataFilesInKBFolder,disabled:this.createDataInKbDisabled,class:"create-data-in-kb",part:"create-data-in-kb"}))),a("gx-ide-container",{fieldset:!0,noHeadingBorder:!0},a("div",{class:{grid:!0,"knowledge-base-storage__col-right":!0,"knowledge-base-storage__col-right--windows-authentication":!this.userNameVisible}},a("gxg-combo-box",{label:this._componentLocale.tabAdvanced.authenticationType,disableFilter:!0,value:null!==(i=this._initialComboValue.authenticationTypes)&&void 0!==i?i:this.authenticationTypes[0].id,ref:t=>this.authenticationTypeEl=t,class:"authentication-type",part:"authentication-type",onValueChanged:this.evaluateAuthenticationType},l("gxg-combo-box-item",this.authenticationTypes,"authentication-type")),this.userNameVisible?a("gxg-form-text",{labelPosition:"above",label:this._componentLocale.tabAdvanced.userName,ref:t=>this.userNameEl=t,value:this.userName,class:"user-name",part:"user-name"}):null,this.passwordVisible?a("gxg-form-text",{labelPosition:"above",label:this._componentLocale.tabAdvanced.password,password:!0,ref:t=>this.passwordEl=t,value:this.password,class:"password",part:"password"}):null,this.savePasswordVisible?a("gxg-form-checkbox",{label:this._componentLocale.tabAdvanced.savePassword,ref:t=>this.savePasswordEl=t,checked:this.savePassword,class:"save-password",part:"save-password"}):null))))},this.createDataInKbDisabled=!1,this.userNameVisible=!0,this.passwordVisible=!0,this.savePasswordVisible=!0,this.hideTopBar=!1,this.dataSources=void 0,this.frontEnds=void 0,this.isAdvanced=!1,this.kbLocation=void 0,this.selectLocationCallback=void 0,this.kbName=void 0,this.prototypingEnvironments=void 0,this.prototypingTargets=void 0,this.userInterfaceLanguages=void 0,this.authenticationTypes=void 0,this.collations=void 0,this.createDataFilesInKBFolder=!1,this.databaseName=void 0,this.password=void 0,this.savePassword=!1,this.serverNames=void 0,this.userName=void 0,this.test=void 0,this.createCallback=void 0,this.cancelCallback=void 0}async componentWillLoad(){this._componentLocale=await r.getComponentStrings(this.el),this.setInitialValues(),this.evaluateCreateDataInKbDisabled(null),this.evaluateAuthenticationType(null)}componentDidRender(){this.componentDidRenderEvent.emit(this._componentLocale.componentName)}render(){return a(i,{class:"gx-ide-component"},this.hideTopBar?null:a("gx-ide-top-bar",{topBarTitle:this._componentLocale.componentName}),a("div",{class:"gx-ide-main-wrapper gx-ide-overflow"},a("gx-ide-container",null,a("header",{class:{header:!0,grid:!0,"header--is-advanced":this.isAdvanced}},a("gxg-label",{labelPosition:"start",class:"kb-label",noMargin:!0},this._componentLocale.header.kbName),a("gxg-form-text",{labelPosition:"start",placeholder:"SalesInventory","max-width":"100%",value:this.kbName,ref:t=>this.kbNameEl=t,part:"kb-name",class:"kb-input"}),this.isAdvanced?[a("gxg-label",{labelPosition:"start",class:"location-label"},this._componentLocale.header.kbLocation),a("gxg-form-text",{labelPosition:"start",placeholder:"C:\\Models",maxWidth:"100%",value:this.kbLocation,ref:t=>this.locationEl=t,disabled:!this.isAdvanced,part:"kb-location",class:"location-input"}),a("gxg-button",{type:"secondary-icon-only",icon:"gemini-tools/folder",onClick:this.selectLocationHandler,part:"button-select-location",class:"location-icon"})]:null)),a("main",{class:"gxi-full-height"},a("gxg-tabs",{height:"100%",position:"top",class:"gxg-tabs"},a("gxg-tab-bar",{slot:"tab-bar-container",part:"tab-bar"},a("gxg-tab-button",{slot:"tab-bar",tabLabel:this._componentLocale.tabBasic.tabLabel,tab:"basic","is-selected":!0,hidden:!this.isAdvanced,part:"tab-button-basic"}),a("gxg-tab-button",{slot:"tab-bar",tabLabel:this._componentLocale.tabAdvanced.tabLabel,tab:"advanced",hidden:!this.isAdvanced,part:"tab-button-advanced"})),this.renderTabBasic(),this.renderTabAdvanced())),a("gx-ide-container",{displayBorderTop:!0},a("gxg-button",{id:"button-create",type:"primary-text-only",onClick:this.createKbHandler,part:"button-create",slot:"footer-end"},this._componentLocale.footer.btnCreate),a("gxg-button",{id:"button-cancel",type:"outlined",onClick:this.cancelKbHandler,part:"button-cancel",slot:"footer-end"},this._componentLocale.footer.btnCancel))))}static get assetsDirs(){return["gx-ide-assets/new-kb"]}get el(){return o(this)}};d.style='.gxi-hidden{display:none !important}.gxi-full-height{height:100%}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items: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}:host(.gx-ide-component){box-shadow:var(--box-shadow-01) !important;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(--font-weight-regular);font-size:var(--font-size-lg);line-height:1.6em;height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:6px;height:6px}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-main .gxg-scroll{display:block;overflow-y:auto;padding-right:2px}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:6px;height:6px}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-overflow .gxg-scroll{display:block;overflow-y:auto;padding-right:2px}:host{display:block;border:1px solid var(--gxg-border-color--regular);background-color:var(--color-background)}.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{grid-template-areas:"prototyping-target user-interface-language";grid-template-columns:repeat(2, 1fr)}.basic-row-second{grid-template-areas:"prototyping-environment data-source";grid-template-columns:repeat(2, 1fr);grid-column-gap:0;grid-row-gap:0;flex-grow:1}.basic-row-second>*:first-child{border-right:1px solid var(--gx-ide-container-border-color)}.knowledge-base-storage{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{grid-area:knowledge-base-storage__col-left;grid-template-columns:1fr auto;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{grid-area:knowledge-base-storage__col-right;grid-template-columns:1fr;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"}';export{d as gx_ide_new_kb}