@genexus/genexus-ide-ui 0.0.109 → 0.0.111

package/dist/genexus-ide-ui/{p-adaf7aff.entry.js → p-713ad05d.entry.js}

@@ -1,30 +1,48 @@
-import { r as e, c as t, h as i, H as o, g as r } from "./p-48217969.js";
+import { r as e, c as t, h as i, H as r, g as o } from "./p-48217969.js";
 
 import { a } from "./p-350f49ac.js";
 
 import { L as s } from "./p-74d59062.js";
 
-const l = ':root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-01--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-02{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-02--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--color-on-primary)}.gxg-title-03{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-03--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-04{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-04--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-05{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-05--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable)}.gxg-text--negative{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text--gray{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--dimmed)}.gxg-quote{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);font-style:italic}.gxg-quote--negative{color:var(--ds-base-font-color--negative)}.gxg-link{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--ds-base-font-color--link-hover)}.gxg-link:active{color:var(--ds-base-font-color--link-active)}.gxg-link-gray{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed)}.gxg-link-gray:hover{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed);filter:brightness(1.4)}.gxg-alert-error{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--error);display:inline-block}.gxg-alert-warning{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--warning);display:inline-block}.gxg-alert-success{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--success);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--ds-base-font-family-primary);font-weight:var(--gxg-label-font-weight);font-size:var(--gxg-label-font-size);color:var(--gxg-label-color);text-align:center;line-height:1.455em;display:flex;align-items:center}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gxg-scrollbar::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.gxi-hidden{display:none !important}.gxi-full-height{height:100%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}.justify-start{display:flex;justify-content:start}.justify-center{display:flex;justify-content:center}.justify-end{display:flex;justify-content:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:99;border-bottom:1px solid var(--mer-color__neutral-gray--800)}ch-grid-column:first-child{padding-inline-start:var(--gx-ide-container__padding) !important}ch-grid-column:last-child{padding-inline-end:var(--gx-ide-container__padding) !important}ch-grid-cell{--mer-spacing--xs:var(--gx-ide-container__padding)}.layout{display:grid;gap:var(--mer-spacing--lg);box-sizing:border-box}.layout--two-cols{grid-template-columns:1fr 1fr}.layout--space-above{padding-block-start:var(--mer-spacing--lg)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--mer-font__weight--regular);font-size:var(--mer-font__size--xs);font-family:var(--mer-font-family--primary);height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-main::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-main::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-main::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-overflow::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.tree-container{display:flex;height:100%;width:100%;box-sizing:border-box}p,ul{font-size:var(--font-size-lg);margin:0}p{line-height:1.6em}.header{align-items:center;grid-template-columns:1fr auto;grid-template-rows:1fr}.main{display:grid;grid-template-columns:1.5fr 2fr;grid-template-rows:1fr;height:100%;overflow:auto}ch-grid-columnset{display:none}.grid-cell-module__info{display:flex;flex-direction:column;align-items:flex-start;gap:var(--mer-spacing--xxs)}.grid-cell-module__name{font-weight:var(--mer-font__weight--bold)}.servers-container{display:none;height:100%}.servers-container__header{display:flex;align-items:center;justify-content:space-between;padding:var(--gxg-list-box-main__padding) var(--gxg-list-box-main__padding) 0 var(--gxg-list-box-main__padding)}.servers-container__header gxg-button{width:100%}.modules__combo-container{display:flex;flex-direction:column;gap:var(--mer-spacing--xs)}.modules__combo{display:flex;flex-direction:row;gap:var(--mer-spacing--xs)}.modules__combo gxg-combo-box{flex:1}.modules__menu-container{position:relative}.modules__menu{display:none;width:200px;position:fixed;z-index:10;right:0;transform:translateX(-100%)}.modules__menu--visible{display:block}.modules__header{padding:var(--gxg-list-box-main__padding);display:flex;flex-direction:column;gap:var(--mer-spacing--xs)}.modules__container{border-inline-end:var(--mer-border__width--sm) solid var(--gx-ide-container-border-color);display:grid;grid-template-rows:auto 1fr;height:100%;overflow:auto}.module-info{display:grid;grid-template-rows:auto 1fr;height:100%;overflow:auto}.module-info__name{display:flex;align-items:center;gap:var(--mer-spacing--sm);--ds-icon-size-box--regular:24px;--ds-icon-size--regular:24px;font-weight:var(--mer-font__weight--bold)}.module-info__header{padding:var(--gx-ide-container__padding);display:flex;flex-direction:column;gap:var(--mer-spacing--xs);border-block-end:var(--mer-border__width--sm) solid var(--gx-ide-container-border-color)}.module-info__action-container{display:flex;flex-direction:row;align-items:center;gap:var(--mer-spacing--xs)}.module-info__action-container:before{content:"";width:var(--mer-spacing--xs);height:var(--mer-spacing--xs);border-radius:50%;display:block;background-color:var(--mer-icon__primary--disabled)}.module-info__action-container--installed:before{background-color:var(--mer-icon__primary)}.module-info__divider{width:calc(100% - var(--gx-ide-container__padding) * 4);padding:0 var(--gx-ide-container__padding);margin:0 auto;border:0;border-block-end:var(--mer-border__width--sm) solid var(--gx-ide-container-border-color)}.module-info__properties{display:flex;flex-direction:column;padding:var(--gx-ide-container__padding);gap:var(--mer-spacing--xs);overflow:auto}.md-property{display:grid;gap:var(--mer-spacing--xs)}.md-property--inline{grid-template-columns:auto 1fr}.md-property__key{font-weight:var(--font-weight-bold);max-width:150px}.md-property__value{font-size:var(--mer-font__size--xxs)}.md-property__key>*,.md-property__value>*{display:inline-block}.md-property__list{display:flex;flex-direction:column;gap:var(--mer-spacing--xs)}.md-property__list>ul{margin:0;padding:0;list-style-type:none;display:flex;flex-direction:column;gap:var(--mer-spacing--xxs);margin-inline-start:var(--mer-spacing--xs)}.md-property__list>ul li{position:relative;padding-inline-start:12px;line-height:var(--ds-base-font-line-height--comfortable)}.md-property__list>ul li::before{content:"";position:absolute;left:0;top:7px;display:inline-block;width:var(--mer-spacing--xxs);height:var(--mer-spacing--xxs);background-color:var(--mer-text__on-surface)}.md-property,.md-property__list{border-block-end:var(--mer-border__width--sm) solid var(--gx-ide-container-border-color);padding-block-end:var(--mer-spacing--xs)}.md-property:last-child,.md-property__list:last-child{border-block-end:0;padding-block-end:0}';
+const l = ':root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-01--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-02{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-02--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--color-on-primary)}.gxg-title-03{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-03--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-04{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-04--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-05{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-05--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable)}.gxg-text--negative{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text--gray{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--dimmed)}.gxg-quote{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);font-style:italic}.gxg-quote--negative{color:var(--ds-base-font-color--negative)}.gxg-link{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--ds-base-font-color--link-hover)}.gxg-link:active{color:var(--ds-base-font-color--link-active)}.gxg-link-gray{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed)}.gxg-link-gray:hover{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed);filter:brightness(1.4)}.gxg-alert-error{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--error);display:inline-block}.gxg-alert-warning{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--warning);display:inline-block}.gxg-alert-success{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--success);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--ds-base-font-family-primary);font-weight:var(--gxg-label-font-weight);font-size:var(--gxg-label-font-size);color:var(--gxg-label-color);text-align:center;line-height:1.455em;display:flex;align-items:center}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gxg-scrollbar::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.gxi-hidden{display:none !important}.gxi-full-height{height:100%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}.justify-start{display:flex;justify-content:start}.justify-center{display:flex;justify-content:center}.justify-end{display:flex;justify-content:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:99;border-bottom:1px solid var(--mer-color__neutral-gray--800)}ch-grid-column:first-child{padding-inline-start:var(--gx-ide-container__padding) !important}ch-grid-column:last-child{padding-inline-end:var(--gx-ide-container__padding) !important}ch-grid-cell{--mer-spacing--xs:var(--gx-ide-container__padding)}.layout{display:grid;gap:var(--mer-spacing--lg);box-sizing:border-box}.layout--two-cols{grid-template-columns:1fr 1fr}.layout--space-above{padding-block-start:var(--mer-spacing--lg)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--mer-font__weight--regular);font-size:var(--mer-font__size--xs);font-family:var(--mer-font-family--primary);height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-main::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-main::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-main::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-overflow::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.tree-container{display:flex;height:100%;width:100%;box-sizing:border-box}p,ul{font-size:var(--font-size-lg);margin:0}p{line-height:1.6em}.header{align-items:center;grid-template-columns:1fr auto;grid-template-rows:1fr}.main{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;height:100%;overflow:auto}ch-grid-columnset{display:none}.grid-cell-module__info{display:flex;flex-direction:column;align-items:flex-start;gap:var(--mer-spacing--xxxs)}.grid-cell-module__name{font-weight:var(--mer-font__weight--bold)}.grid-cell-module__name,.grid-cell-module__description{line-height:1.55em}.grid-container{height:100%;overflow:auto}.grid-container gx-ide-empty-state{height:100%}.servers-container{display:none;height:100%}.servers-container__header{display:flex;align-items:center;justify-content:space-between;padding:var(--gxg-list-box-main__padding) var(--gxg-list-box-main__padding) 0 var(--gxg-list-box-main__padding)}.servers-container__header gxg-button{width:100%}.modules__header{padding:var(--gxg-list-box-main__padding);display:flex;flex-direction:column;gap:var(--mer-spacing--xs)}.modules__combo-container{display:flex;flex-direction:column;gap:var(--mer-spacing--xs)}.modules__combo{display:flex;flex-direction:row;gap:var(--mer-spacing--xs)}.modules__combo gxg-combo-box{flex:1}.modules__container{border-inline-end:var(--mer-border__width--sm) solid var(--gx-ide-container-border-color);display:grid;grid-template-rows:auto 1fr;height:100%;overflow:auto}.modules__main{display:grid;grid-template-rows:auto 1fr;height:100%;overflow:auto}.modules__main-header{display:flex;padding:var(--mer-spacing--xs);flex-direction:column;gap:var(--mer-spacing--xs)}.module-info{display:grid;grid-template-rows:auto 1fr;height:100%;overflow:auto}.module-info__name{display:flex;align-items:center;gap:var(--mer-spacing--sm);--ds-icon-size-box--regular:24px;--ds-icon-size--regular:24px;font-weight:var(--mer-font__weight--bold)}.module-info__header{padding:var(--gx-ide-container__padding);display:flex;flex-direction:column;gap:var(--mer-spacing--xs);border-block-end:var(--mer-border__width--sm) solid var(--gx-ide-container-border-color)}.module-info__action-container{display:flex;flex-direction:row;align-items:center;gap:var(--mer-spacing--xs)}.module-info__action-container:before{content:"";width:var(--mer-spacing--xs);height:var(--mer-spacing--xs);border-radius:50%;display:block;background-color:var(--mer-icon__primary--disabled)}.module-info__action-container--installed:before{background-color:var(--mer-icon__primary)}.module-info__alert-message{margin-block-start:var(--mer-spacing--xxs);background-color:var(--mer-color__tinted-yellow--5);color:var(--mer-text__on-elevation);border:var(--mer-border__width--sm) solid var(--mer-border-color__warning);border-radius:var(--mer-border__radius--sm);padding:var(--mer-spacing--xs) var(--mer-spacing--md)}.module-info__divider{width:calc(100% - var(--gx-ide-container__padding) * 4);padding:0 var(--gx-ide-container__padding);margin:0 auto;border:0;border-block-end:var(--mer-border__width--sm) solid var(--gx-ide-container-border-color)}.module-info__properties{display:flex;flex-direction:column;padding:var(--gx-ide-container__padding);gap:var(--mer-spacing--xs);overflow:auto}.md-property{display:grid;gap:var(--mer-spacing--xs)}.md-property--inline{grid-template-columns:auto 1fr}.md-property__key{font-weight:var(--font-weight-bold);max-width:150px}.md-property__value{font-size:var(--mer-font__size--xxs)}.md-property__key>*,.md-property__value>*{display:inline-block}.md-property__list{display:flex;flex-direction:column;gap:var(--mer-spacing--xs)}.md-property__list>ul{margin:0;padding:0;list-style-type:none;display:flex;flex-direction:column;gap:var(--mer-spacing--xxs);margin-inline-start:var(--mer-spacing--xs)}.md-property__list>ul li{position:relative;padding-inline-start:12px;line-height:var(--ds-base-font-line-height--comfortable)}.md-property__list>ul li::before{content:"";position:absolute;left:0;top:7px;display:inline-block;width:var(--mer-spacing--xxs);height:var(--mer-spacing--xxs);background-color:var(--mer-text__on-surface)}.md-property,.md-property__list{border-block-end:var(--mer-border__width--sm) solid var(--gx-ide-container-border-color);padding-block-end:var(--mer-spacing--xs)}.md-property:last-child,.md-property__list:last-child{border-block-end:0;padding-block-end:0}gxg-ide-loader{border-radius:var(--mer-border__radius--md)}';
 
 const n = class {
-  constructor(o) {
-    e(this, o);
+  constructor(r) {
+    e(this, r);
     this.componentDidRenderFirstTime = t(this, "componentDidRenderFirstTime", 7);
     this.renderedFirstTime = false;
     // 9.LOCAL METHODS //
-        this.getActionFromCurrentModuleVersion = () => {
-      const e = this.selectedModule.versions.find((({id: e}) => e === this.selectedModule.currentVersion));
-      return e.action;
+        this.updateModulesSelectedVersion = e => {
+      if (this.selectedServerId !== this.selectedServerIdOnModulesAllUpdate) {
+        // the server has changed. clear the updateModulesSelectedVersion
+        this.modulesSelectedVersion.clear();
+        e.forEach((e => {
+          this.modulesSelectedVersion.set(e.id, e.versions[e.versions.length - 1].id);
+        }));
+      } else {
+        // the server has't changed. only add the module to the map, if it is a new module.
+        e.forEach((e => {
+          const t = this.modulesSelectedVersion.get(e.id) === undefined;
+          if (t) {
+            this.modulesSelectedVersion.set(e.id, e.versions[0].id);
+          }
+        }));
+      }
+      this.selectedServerIdOnModulesAllUpdate = this.selectedServerId;
+    };
+    this.getActionFromCurrentModuleVersion = () => {
+      const e = this.getModuleData(this.selectedModule, "action");
+      return e || "install";
     };
     /**
          * Callback invoked to get the progress when module is performing an action
          */    this.onProgress = (e, t, i) => {
-      const o = {
+      const r = {
         message: e,
         progress: t,
         state: i
       };
-      this.selectedModuleAction = Object.assign({}, o);
+      this.selectedModuleAction = Object.assign({}, r);
       this.progressValue = this.selectedModuleAction.progress;
       this.progressState = this.selectedModuleAction.state;
     };
@@ -32,23 +50,33 @@ const n = class {
     /**
          * Used for changing the selected module
          */    this.handleModuleChange = e => {
-      const t = this.modulesAll.find((t => t.id === e.rowsId[0]));
-      this.selectedModule = t;
+      const t = e.detail.rowsId[0];
+      const i = this.modulesAll.find((e => e.id === t));
+      if (i) {
+        this.selectedModule = i;
+      }
     };
     /**
          * Change the server selected value in response to callbackServerSelected callback
          */    this.serverSelectedCallbackHandler = async e => {
-      const t = await this.serverSelectedCallback(e);
-      this.selectedServerId = e;
-      this.modulesAll = [ ...t ];
-      this.filterModulesByType("browse");
-      this.selectedModule = this.filteredModules[0];
+      if (this.serverSelectedCallback) {
+        this.loadingServer = true;
+        const t = await this.serverSelectedCallback(e);
+        this.selectedServerId = e;
+        this.modulesAll = [ ...t ];
+        this.filterModulesByType("browse");
+        this.selectedModule = this.filteredModules[0];
+        this.loadingServer = false;
+      }
     };
     this.handleFilterChange = e => {
       const t = e.trim();
       if (t) {
         const e = t.toLowerCase();
-        this.filteredModules = this.modulesAll.filter((t => t.name.toLowerCase().includes(e)));
+        this.filteredModules = this.modulesAll.filter((t => {
+          const i = this.getModuleData(t, "name");
+          return i === null || i === void 0 ? void 0 : i.toLowerCase().includes(e);
+        }));
       } else {
         this.filteredModules = this.modulesAll;
       }
@@ -56,8 +84,12 @@ const n = class {
     /**
          * Perform an action relative to a module using callbackExecuteAction callback and receive the state of that action with onProgress callback
          */    this.executeActionCallbackHandler = async e => {
-      const t = await this.executeActionCallback(this.selectedServerId, e.id, this.getActionFromCurrentModuleVersion(), this.onProgress);
-      this.actionCompleted = t;
+      if (this.executeActionCallback) {
+        console.log("hey!");
+        const t = this.modulesSelectedVersion.get(e.id);
+        const i = await this.executeActionCallback(this.selectedServerId, e.id, t, this.getActionFromCurrentModuleVersion(), this.onProgress);
+        this.actionCompleted = i;
+      }
     };
     this.filterModulesByType = e => {
       // browse
@@ -66,52 +98,11 @@ const n = class {
       }
       // installed
        else if (e === "installed") {
-        this.filteredModules = this.modulesAll.filter((e => {
-          const t = e.versions.find((t => t.id === e.currentVersion));
-          return t && (t.action === "restore" || t.action === "update");
-        }));
+        this.filteredModules = this.modulesAll.filter((e => e.currentVersion));
       } else if (e === "updates") {
-        this.filteredModules = this.modulesAll.filter((e => {
-          const t = e.versions.find((t => t.id === e.currentVersion));
-          return t && t.action === "update";
-        }));
-      }
-    };
-    this.moduleMenuSelectionChangedHandler = async e => {
-      const t = e.detail[0].itemId;
-      if (t === "add") {
-        if (this.addServerCallback) {
-          await this.addServerCallback();
-        }
-      } else if (t === "edit") {
-        console.log(this.modulesList.value);
-      } else if (t === "upload") {
-        console.log("upload");
+        this.filteredModules = this.modulesAll.filter((e => e.versions.find((e => e.action === "update"))));
       }
     };
-    this.renderMenu = () => i("gx-ide-list-selector", {
-      onSelectionChanged: this.moduleMenuSelectionChangedHandler,
-      class: "modules__menu",
-      type: "single-selection",
-      listName: "module-menu",
-      ellipsis: true,
-      style: {
-        left: this.moduleMenuLeftPosition,
-        top: this.moduleMenuTopPosition
-      }
-    }, i("gx-ide-list-selector-item", {
-      itemId: "add",
-      itemValue: "Add",
-      icon: "gemini-tools/add"
-    }), i("gx-ide-list-selector-item", {
-      itemId: "edit",
-      itemValue: "Edit",
-      icon: "gemini-tools/edit"
-    }), i("gx-ide-list-selector-item", {
-      itemId: "upload",
-      itemValue: "Upload from file",
-      icon: "gemini-tools/file"
-    }));
     this.showModuleMenu = async e => {
       if (this.serverContextMenuCallback) {
         const t = e.target.getBoundingClientRect();
@@ -122,15 +113,26 @@ const n = class {
         });
       }
     };
+    this.getModuleData = (e, t) => {
+      const i = this.modulesSelectedVersion.get(e.id);
+      let r;
+      let o;
+      if (i) {
+        r = e.versions.find((e => e.id === i));
+      }
+      if (r) {
+        o = r[t];
+      }
+      return o;
+    };
     this.renderModulesGrid = () => i("gxg-grid", {
       noBorder: true,
       fullHeight: true
     }, i("ch-grid", {
       rowSelectionMode: "single",
       part: "ch-grid-pending-commits",
-      class: "no-border",
-      /* TODO: El error es aqui ya que se esta enviando el valor del row Id correspondiente a la primera carga del grid con el primer server */
-      onSelectionChanged: e => this.handleModuleChange(e.detail)
+      class: "servers-detail no-border",
+      onSelectionChanged: this.handleModuleChange
     }, i("ch-grid-columnset", null, i("ch-grid-column", {
       settingable: false,
       size: "min-content"
@@ -145,16 +147,16 @@ const n = class {
       selected: this.selectedModule && this.selectedModule.id === e.id
     }, i("ch-grid-cell", null, i("gxg-icon", {
       type: "objects/module",
-      color: "auto",
+      color: this.moduleVersionIconColor(e),
       size: "small"
     })), i("ch-grid-cell", {
       class: "grid-cell-module__info"
     }, i("span", {
       class: "grid-cell-module__name"
-    }, e.name), i("span", {
+    }, this.getModuleData(e, "name")), i("span", {
       class: "grid-cell-module__description"
-    }, e.description)), i("ch-grid-cell", null, this.selectedModule && this.selectedModule.id === e.id ? i("gxg-button", {
-      disabled: !this.actionCompleted,
+    }, this.getModuleData(e, "description"))), i("ch-grid-cell", null, this.selectedModule && this.selectedModule.id === e.id ? i("gxg-button", {
+      disabled: !this.actionCompleted || this.getModuleData(e, "action") === "incompatible" || this.getModuleData(e, "action") === "not-installable",
       fit: true,
       part: "module-action",
       onClick: () => {
@@ -163,7 +165,20 @@ const n = class {
         this.executeActionCallbackHandler(e);
       }
     }, this.getActionFromCurrentModuleVersion()) : null))))));
-    this.moduleIconColor = () => this.getActionFromCurrentModuleVersion() === "install" ? "mercury-primary-disabled" : "mercury-primary";
+    this.renderEmptyStateModules = () => i("gx-ide-empty-state", {
+      stateIcon: "mercury/filters",
+      stateTitle: this._componentLocale.modules.noModulesFilter
+    });
+    this.moduleVersionIconColor = e => {
+      const t = this.getModuleData(e, "action");
+      if (t === "not-installable" || t === "incompatible") {
+        return "warning";
+      } else if (t === "install") {
+        return "mercury-primary-disabled";
+      } else {
+        return "mercury-primary";
+      }
+    };
     /* module details/information renders*/    this.renderModuleName = () => i("gxg-title", {
       part: "module-info__name",
       type: "title-05"
@@ -171,42 +186,67 @@ const n = class {
       class: "module-info__name"
     }, i("gxg-icon", {
       type: "objects/module",
-      color: this.moduleIconColor()
-    }), this.selectedModule.name));
-    this.renderModuleAction = () => this.getActionFromCurrentModuleVersion() === "install" ? i("div", {
-      class: "module-info__action-container"
-    }, i("gxg-text", {
-      part: "not-installed"
-    }, this._componentLocale.modulesInformation.moduleProperties.notInstalled)) : i("div", {
-      class: "module-info__action-container module-info__action-container--installed"
-    }, i("gxg-text", {
-      part: "installed"
-    }, ` ${this._componentLocale.modulesInformation.moduleProperties.installedVersion} : ${this.selectedModule.currentVersion}`));
+      color: this.moduleVersionIconColor(this.selectedModule)
+    }), this.getModuleData(this.selectedModule, "name")));
+    this.renderModuleAlertMessage = () => {
+      const e = this.getModuleData(this.selectedModule, "alertMessage");
+      if (e) {
+        return i("p", {
+          class: "module-info__alert-message"
+        }, e);
+      }
+    };
+    this.renderModuleAction = () => {
+      const e = this.getActionFromCurrentModuleVersion();
+      let t;
+      let r = "module-info__action-container";
+      if (e === "restore" || e === "update") {
+        t = this._componentLocale.modulesInformation.moduleProperties.installed;
+        r += ` module-info__action-container--installed`;
+      } else if (e === "incompatible" || e === "not-installable") {
+        t = "Can not be installed";
+      } else {
+        t = this._componentLocale.modulesInformation.moduleProperties.notInstalled;
+      }
+      return i("div", {
+        class: r
+      }, i("gxg-text", {
+        part: "module-info__action"
+      }, t));
+    };
     this.moduleVersionsValueChangedHandler = e => {
       const t = e.detail;
-      this.selectedModule = Object.assign(Object.assign({}, this.selectedModule), {
-        currentVersion: t
-      });
+      this.updateSelectedModuleVersion(t);
+    };
+    this.moduleVersionsItemChangedHandler = e => {
+      const t = e.detail.value;
+      this.updateSelectedModuleVersion(t);
+    };
+    this.updateSelectedModuleVersion = e => {
+      if (e) {
+        this.selectedModule = Object.assign(Object.assign({}, this.selectedModule), {
+          currentVersion: e
+        });
+        this.modulesSelectedVersion.set(this.selectedModule.id, e);
+      }
     };
     this.renderModuleVersions = () => i("div", {
       part: "available-versions"
     }, i("gxg-combo-box", {
       id: "versions-combo-box",
       "disable-filter": true,
-      value: this.selectedModule.versions[0]["id"],
+      value: this.getModuleData(this.selectedModule, "id"),
       part: "module-versions",
       "display-validation-styles": true,
       "display-validation-message": true,
       label: this._componentLocale.modulesInformation.moduleProperties.availableVersions,
       labelPosition: "start",
       centerLabel: true,
-      ref: e => this.modulesList = e,
-      onValueChanged: this.moduleVersionsValueChangedHandler
+      onValueChanged: this.moduleVersionsValueChangedHandler,
+      disabled: this.loadingServer
     }, this.selectedModule.versions.map((e => i("gxg-combo-box-item", {
       value: e.id,
-      onItemSelected: () => this.selectedModule = Object.assign(Object.assign({}, this.selectedModule), {
-        currentVersion: e.id
-      })
+      onItemSelected: this.moduleVersionsItemChangedHandler
     }, e.id)))));
     this.selectedButtonChangedHandler = e => {
       const t = e.detail.replace("btn-", "");
@@ -239,18 +279,30 @@ const n = class {
       progress: 0,
       state: "in-progress"
     };
+    this.modulesSelectedVersion = new Map;
     this.actionCompleted = true;
     this.closeProgressBar = true;
     this.progressValue = 0;
     this.progressState = "in-progress";
+    this.loadingServer = false;
+    this.displayTitle = false;
     this.servers = [];
     this.serverSelectedCallback = undefined;
     this.executeActionCallback = undefined;
     this.addServerCallback = undefined;
     this.serverContextMenuCallback = undefined;
   }
+  modulesAllWatcher(e) {
+    this.updateModulesSelectedVersion(e);
+  }
+  loadingServerHandler(e) {
+    if (e) {
+      this.loaderEl.show = true;
+    } else {
+      this.loaderEl.show = false;
+    }
+  }
   // 6.COMPONENT LIFECYCLE EVENTS //
-  async componentDidLoad() {}
   componentDidRender() {
     if (!this.renderedFirstTime) {
       this.componentDidRenderFirstTime.emit(this._componentLocale.componentName);
@@ -259,6 +311,8 @@ const n = class {
   }
   async componentWillLoad() {
     this._componentLocale = await s.getComponentStrings(this.el);
+  }
+  async componentDidLoad() {
     await this.serverSelectedCallbackHandler(this.servers[0].id);
   }
   // 7.LISTENERS //
@@ -274,18 +328,18 @@ const n = class {
   }
   // 11.RENDER() FUNCTION //
   render() {
-    return i(o, {
+    return i(r, {
       class: {
         "gx-ide-component": true
       }
     }, i("div", {
       class: "gx-ide-main-wrapper"
     }, i("gx-ide-container", {
+      noContentPadding: true,
       noAboveFooterPadding: true,
       noBorderAboveFooter: this.closeProgressBar,
-      noContentPadding: true,
       part: "servers",
-      containerTitle: this._componentLocale.componentName
+      containerTitle: this.displayTitle ? this._componentLocale.componentName : null
     }, i("main", {
       class: "main"
     }, i("div", {
@@ -308,13 +362,18 @@ const n = class {
       type: "secondary-icon-only",
       icon: "gemini-tools/show-more-horizontal",
       onClick: this.showModuleMenu
-    }), this.renderMenu()))), i("gxg-form-text", {
+    }))))), i("div", {
+      class: "modules__main"
+    }, i("div", {
+      class: "modules__main-header"
+    }, i("gxg-form-text", {
       label: this._componentLocale.modules.searchModules,
       labelPosition: "above",
       centerLabel: false,
       onValueChanged: e => {
         this.handleFilterChange(e.detail);
-      }
+      },
+      disabled: this.loadingServer
     }), i("gxg-buttons-container", {
       reduced: true,
       fullWidth: true,
@@ -322,39 +381,56 @@ const n = class {
       onSelectedButtonChanged: this.selectedButtonChangedHandler
     }, i("gxg-button", {
       id: "btn-browse",
-      selected: true
-    }, this._componentLocale.modules.tabs.browse), i("gxg-button", {
-      id: "btn-installed"
-    }, this._componentLocale.modules.tabs.installed), i("gxg-button", {
-      id: "btn-updates"
-    }, this._componentLocale.modules.tabs.updates))), this.renderModulesGrid()), this.selectedModule ? i("div", {
+      selected: true,
+      disabled: this.loadingServer
+    }, this._componentLocale.modules.buttonsContainer.browse), i("gxg-button", {
+      id: "btn-installed",
+      disabled: this.loadingServer
+    }, this._componentLocale.modules.buttonsContainer.installed), i("gxg-button", {
+      id: "btn-updates",
+      disabled: this.loadingServer
+    }, this._componentLocale.modules.buttonsContainer.updates))), i("div", {
+      class: "grid-container",
+      ref: e => this.serversDetail = e
+    }, this.filteredModules.length > 0 ? this.renderModulesGrid() : this.renderEmptyStateModules()))), this.selectedModule ? i("div", {
       class: "module-info"
     }, i("header", {
       class: "module-info__header"
-    }, this.renderModuleName(), this.renderModuleAction(), this.renderModuleVersions()), i("div", {
+    }, this.renderModuleName(), this.renderModuleAlertMessage(), this.renderModuleAction(), this.renderModuleVersions()), i("div", {
       class: "module-info__properties gxg-scrollbar"
-    }, a(this.selectedModule.properties))) : null), i("gxg-top-state-bar", {
+    }, a(this.getModuleData(this.selectedModule, "properties")))) : i("gx-ide-empty-state", {
+      class: "recent-objects__empty-state",
+      stateIcon: "objects/module",
+      stateTitle: this._componentLocale.modulesInformation.emptyState.title,
+      stateDescription: this._componentLocale.modulesInformation.emptyState.description
+    })), i("gxg-top-state-bar", {
       slot: "footer-above",
       part: "progress-bar",
       stateType: this.progressState,
       noBorder: true,
-      caption: this.selectedModuleAction.message || this._componentLocale.progressDefaultCaption,
+      caption: this.selectedModuleAction.message || this._componentLocale.progressBar.defaultCaption,
       progress: this.progressValue,
       active: !this.actionCompleted || !this.closeProgressBar,
       autoClose: false,
       withClose: true,
       closedCallback: this.progressBarCloseHandler
-    }))));
+    }))), i("gxg-ide-loader", {
+      loaderTitle: this._componentLocale.servers.loading,
+      ref: e => this.loaderEl = e,
+      container: this.serversDetail,
+      borderRadius: "0 0 0 8px"
+    }));
   }
   static get assetsDirs() {
     return [ "gx-ide-assets/manage-module-references" ];
   }
   get el() {
-    return r(this);
+    return o(this);
   }
   static get watchers() {
     return {
-      modulesAll: [ "onPropValueChange" ]
+      modulesAll: [ "modulesAllWatcher", "onPropValueChange" ],
+      loadingServer: [ "loadingServerHandler" ]
     };
   }
 };
@@ -362,4 +438,4 @@ const n = class {
 n.style = l;
 
 export { n as gx_ide_manage_module_references };
-//# sourceMappingURL=p-adaf7aff.entry.js.map
+//# sourceMappingURL=p-713ad05d.entry.js.map