@genexus/genexus-ide-ui 1.1.47 → 1.1.48

package/dist/cjs/gx-ide-manage-module-references-v2.cjs.entry.js

@@ -1,333 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-2f1471c9.js');
-const MERCURY_ASSETS = require('./MERCURY_ASSETS-f14e91ff.js');
-const common = require('./common-b913e04c.js');
-const locale = require('./locale-ff30a5f3.js');
-
-const manageModuleReferencesCss = ":root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-01--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-02{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-02--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--color-on-primary)}.gxg-title-03{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-03--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-04{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-04--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-05{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-05--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable)}.gxg-text--negative{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text--gray{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--dimmed)}.gxg-quote{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);font-style:italic}.gxg-quote--negative{color:var(--ds-base-font-color--negative)}.gxg-link{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--ds-base-font-color--link-hover)}.gxg-link:active{color:var(--ds-base-font-color--link-active)}.gxg-link-gray{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed)}.gxg-link-gray:hover{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed);filter:brightness(1.4)}.gxg-alert-error{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--error);display:inline-block}.gxg-alert-warning{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--warning);display:inline-block}.gxg-alert-success{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--success);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--ds-base-font-family-primary);font-weight:var(--gxg-label-font-weight);font-size:var(--gxg-label-font-size);color:var(--gxg-label-color);text-align:center;line-height:1.455em;display:flex;align-items:center}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gxg-scrollbar::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}:host{display:grid;block-size:100%}.card-regular{background-color:var(--mer-surface__elevation--01);border:var(--mer-border__width--sm) solid var(--mer-border-color__on-elevation--01);border-radius:var(--mer-border__radius--md);padding:var(--mer-spacing--md) var(--mer-spacing--md);display:grid}.card-small{background-color:var(--mer-surface__elevation--02);border-radius:var(--mer-border__radius--sm);padding:var(--mer-spacing--sm) var(--mer-spacing--sm)}.card-small--actionable:hover{background-color:var(--mer-color__neutral-gray--600)}.card-small--actionable:active{background-color:var(--mer-color__neutral-gray--650)}.card-small:focus-visible{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.empty-state{block-size:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--mer-spacing--sm);text-align:center}.empty-state__title,.empty-state__button,.empty-state__link{max-inline-size:300px}.opacity-0{opacity:0}.opacity-1{opacity:1}.display-contents{display:contents}.pill-tag{padding:1px 4px;border-radius:2px;min-inline-size:40px;text-align:center;margin-inline-end:10px;font-size:11px}.gxi-hidden{display:none !important}.gxi-full-height{height:100%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}.justify-start{display:flex;justify-content:start}.justify-center{display:flex;justify-content:center}.justify-end{display:flex;justify-content:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:99;border-bottom:1px solid var(--mer-color__neutral-gray--800)}ch-grid-column:first-child{padding-inline-start:var(--gx-ide-container__padding) !important}ch-grid-column:last-child{padding-inline-end:var(--gx-ide-container__padding) !important}ch-grid-cell{--mer-spacing--xs:var(--gx-ide-container__padding)}.layout{display:grid;gap:var(--mer-spacing--lg);box-sizing:border-box}.layout--two-cols{grid-template-columns:1fr 1fr}.layout--space-above{padding-block-start:var(--mer-spacing--lg)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--mer-font__weight--regular);font-size:var(--mer-font__size--xs);font-family:var(--mer-font-family--primary);height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-main::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-main::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-main::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-overflow::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.tree-view-primary{font-size:var(--mer-font__size--2xs)}p{margin:0;font-size:var(--mer-font__size--xxs)}.buttons-container{display:flex;gap:var(--mer-spacing--xs)}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}ch-grid-row[selected] gxg-icon[data-action=install]{filter:brightness(2)}.grid-cell-module__info{display:flex;flex-direction:column;align-items:flex-start;gap:var(--mer-spacing--3xs)}.grid-cell-module__name{font-weight:var(--mer-font__weight--bold);display:flex;align-items:center;gap:var(--mer-spacing--sm)}.grid-cell-module__name,.grid-cell-module__description{line-height:1.55em}.grid-cell-module__description{padding-inline-start:36px}.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__server-commands{display:flex;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__title{display:flex;align-items:center;gap:var(--mer-spacing--xs)}.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__action-container--uninstallable:before{background-color:var(--mer-icon__warning)}.module-info__warning-message{margin-block-start:var(--mer-spacing--2xs);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--2xs)}.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--2xs);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--2xs);height:var(--mer-spacing--2xs);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)}.button-wrapper{display:grid;align-items:center;justify-content:center}";
-
-var __classPrivateFieldGet = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
-    if (kind === "a" && !f)
-        throw new TypeError("Private accessor was defined without a getter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
-        throw new TypeError("Cannot read private member from an object whose class did not declare it");
-    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
-};
-var _GxManageModuleReferencesV2_filterIcon, _GxManageModuleReferencesV2_moduleIcon;
-const CSS_BUNDLES = [
-    "resets/box-sizing",
-    // "utils/form",
-    // "utils/layout",
-    // "utils/typography",
-    // "components/button",
-    // "components/checkbox",
-    // "components/edit",
-    "components/tabular-grid"
-];
-const GxManageModuleReferencesV2 = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.componentDidRenderFirstTime = index.createEvent(this, "componentDidRenderFirstTime", 7);
-        this.renderedFirstTime = false;
-        _GxManageModuleReferencesV2_filterIcon.set(this, MERCURY_ASSETS.getIconPath({
-            category: "system",
-            name: "filters",
-            colorType: "on-elevation"
-        }));
-        _GxManageModuleReferencesV2_moduleIcon.set(this, MERCURY_ASSETS.getIconPath({
-            category: "objects",
-            name: "module"
-        }));
-        // 7.LISTENERS //
-        // 8.PUBLIC METHODS API //
-        // 9.LOCAL METHODS //
-        /**
-         * Callback invoked to get the progress when module is performing an action
-         */
-        this.onProgress = (message, progress, state) => {
-            const data = { message, progress, state };
-            this.selectedModuleAction = Object.assign({}, data);
-            this.progressValue = this.selectedModuleAction.progress;
-            this.progressState = this.selectedModuleAction.state;
-        };
-        /**
-         * Used for changing the selected module
-         */
-        this.handleModuleChange = (event) => {
-            const selectedModuleId = event.detail.rowsId[0];
-            this.selectedModule = this.modulesMap.get(selectedModuleId);
-        };
-        this.moduleActionHandler = (module) => () => {
-            this.actionCompleted = false;
-            this.closeProgressBar = false;
-            this.executeActionCallbackHandler(module);
-        };
-        /**
-         * Perform an action relative to a module using callbackExecuteAction callback and receive the state of that action with onProgress callback
-         */
-        this.executeActionCallbackHandler = async (module) => {
-            if (this.executeActionCallback) {
-                this.actionCompleted = false;
-                const moduleSelectedVersionId = this.modulesMap.get(module.id)
-                    .selectedVersion.id;
-                const moduleSelectedVersionAction = this.modulesMap.get(module.id)
-                    .selectedVersion.action;
-                const actionCompleted = await this.executeActionCallback(this.selectedServerId, module.id, moduleSelectedVersionId, moduleSelectedVersionAction, this.onProgress);
-                if (actionCompleted) {
-                    this.serverSelectedCallbackHandler(this.selectedServerId, false);
-                }
-                this.actionCompleted = true;
-            }
-        };
-        this.showModuleMenu = async (e) => {
-            if (this.serverContextMenuCallback) {
-                const buttonBoundingClientRect = e.target.getBoundingClientRect();
-                await this.serverContextMenuCallback({
-                    selection: [this.selectedServerId],
-                    clientX: buttonBoundingClientRect.x,
-                    clientY: buttonBoundingClientRect.y
-                });
-            }
-        };
-        this.searchModulesFilterHandler = (e) => {
-            this.searchModulesFilterValue = e.detail.trim().toLowerCase();
-        };
-        this.getFilteredServerModules = () => {
-            return this.serverModulesExtended.filter(module => {
-                // Filter conditions
-                const nameMatch = module.selectedVersion.name
-                    .toLowerCase()
-                    .includes(this.searchModulesFilterValue);
-                const descriptionMatch = module.selectedVersion.description
-                    .toLowerCase()
-                    .includes(this.searchModulesFilterValue);
-                let actionMatch;
-                if (this.selectedButtonFilter === "browse") {
-                    // If browse is selected, display all
-                    actionMatch = true;
-                }
-                else if (this.selectedButtonFilter === "installed") {
-                    actionMatch = !!(module.selectedVersion.action === "update" ||
-                        module.selectedVersion.action === "restore");
-                }
-                else if (this.selectedButtonFilter === "updates") {
-                    actionMatch = !!(module.selectedVersion.action === "update");
-                }
-                const filtered = (nameMatch || descriptionMatch) && actionMatch;
-                return filtered;
-            });
-        };
-        // 9.LOCAL METHODS > RENDERS //
-        this.renderGridOrEmptyState = () => {
-            this.filteredServerModules = this.getFilteredServerModules();
-            if (this.filteredServerModules.length > 0) {
-                return this.renderModulesVersionsGrid();
-            }
-            else {
-                return this.renderEmptyStateModules();
-            }
-        };
-        this.renderModulesVersionsGrid = () => {
-            return (index.h("ch-tabular-grid", { rowSelectionMode: "single", part: "ch-grid-pending-commits", class: "tabular-grid servers-detail no-border", onSelectionChanged: this.handleModuleChange }, index.h("ch-tabular-grid-columnset", { class: "tabular-grid-column-set" }, index.h("ch-tabular-grid-column", { settingable: false, class: "tabular-grid-column" }), index.h("ch-tabular-grid-column", { settingable: false, size: "min-content", class: "tabular-grid-column" })), this.filteredServerModules.map((module) => (index.h("ch-tabular-grid-row", { rowid: module.id, key: module.id, selected: this.selectedModule && this.selectedModule.id === module.id, class: "tabular-grid-row" }, index.h("ch-tabular-grid-cell", { class: "grid-cell-module__info tabular-grid-cell" }, index.h("span", { class: "grid-cell-module__name" }, index.h("gxg-icon", { type: "objects/module", "data-action": module.selectedVersion.action, color: this.moduleVersionIconColor(module.id), size: "small" }), module.selectedVersion.name), index.h("span", { class: "grid-cell-module__description" }, module.selectedVersion.description)), index.h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, this.selectedModule && this.selectedModule.id === module.id ? (index.h("div", { class: "button-wrapper" }, index.h("gxg-button", { disabled: !this.actionCompleted ||
-                    module.selectedVersion.action === "incompatible" ||
-                    module.selectedVersion.action === "not-installable", fit: true, part: "module-action", onClick: this.moduleActionHandler(module) }, module.selectedVersion.action))) : null))))));
-        };
-        this.renderEmptyStateModules = () => {
-            return (index.h("gx-ide-empty-state", { stateIconSrc: __classPrivateFieldGet(this, _GxManageModuleReferencesV2_filterIcon, "f"), stateTitle: this._componentLocale.modules.noModulesFilter }));
-        };
-        this.moduleVersionIconColor = (moduleId) => {
-            const foundModule = this.serverModulesExtended.find(module => {
-                return module.id === moduleId;
-            });
-            if (foundModule) {
-                const moduleAction = foundModule.selectedVersion.action;
-                const moduleCurrentVersion = foundModule.currentVersion;
-                if (moduleAction === "not-installable" ||
-                    moduleAction === "incompatible") {
-                    return "warning";
-                }
-                else if (!moduleCurrentVersion) {
-                    return "mercury-primary-disabled";
-                }
-                else {
-                    return "mercury-primary";
-                }
-            }
-            return "mercury-primary";
-        };
-        this.renderVersionIcon = () => {
-            return (index.h("gxg-icon", { type: "objects/module", color: this.moduleVersionIconColor(this.selectedModule.id) }));
-        };
-        /* module details/information renders*/
-        this.renderVersionName = () => {
-            return (index.h("gxg-title", { part: "module-info__name", type: "title-05" }, index.h("div", { class: "module-info__name" }, this.selectedModule.selectedVersion.name)));
-        };
-        this.renderVersionWarningMessage = () => {
-            const warningMessage = this.selectedModule.selectedVersion.warningMessage;
-            if (warningMessage) {
-                return index.h("p", { class: "module-info__warning-message" }, warningMessage);
-            }
-        };
-        this.renderInstalledVersion = () => {
-            const currentVersion = this.selectedModule.currentVersion;
-            let caption;
-            let cssClass = "module-info__action-container";
-            if (currentVersion) {
-                caption = `${this._componentLocale.modulesInformation.moduleProperties.installed}: ${currentVersion}`;
-                cssClass += ` module-info__action-container--installed`;
-            }
-            else {
-                caption =
-                    this._componentLocale.modulesInformation.moduleProperties.notInstalled;
-            }
-            return (index.h("div", { class: cssClass }, index.h("gxg-text", { part: "module-info__action" }, caption)));
-        };
-        // Update selected version
-        this.moduleVersionsValueChangedHandler = (e) => {
-            const selectedVersionId = e.detail.value;
-            this.updateSelectedModuleVersion(selectedVersionId);
-        };
-        this.moduleVersionsItemChangedHandler = (e) => {
-            const selectedVersionId = e.detail.value;
-            this.updateSelectedModuleVersion(selectedVersionId);
-        };
-        this.updateSelectedModuleVersion = (selectedVersionId) => {
-            const moduleSelectedVersion = this.selectedModule.versions.find(version => {
-                return version.id === selectedVersionId;
-            });
-            if (moduleSelectedVersion) {
-                const updatedSelectedModule = Object.assign(Object.assign({}, this.selectedModule), { selectedVersion: moduleSelectedVersion });
-                this.selectedModule = updatedSelectedModule;
-                // update module selected in modules array as well
-                const updatedModuleIndex = this.serverModulesExtended.findIndex(module => module.id === updatedSelectedModule.id);
-                if (updatedModuleIndex !== -1) {
-                    // Update the object with new information
-                    this.serverModulesExtended[updatedModuleIndex] = Object.assign(Object.assign({}, this.serverModulesExtended[updatedModuleIndex]), updatedSelectedModule);
-                }
-            }
-        };
-        this.renderModuleVersions = () => {
-            return (index.h("div", { part: "available-versions" }, index.h("gxg-combo-box", { id: "versions-combo-box", "disable-filter": true, value: "", part: "module-versions", "display-validation-styles": true, "display-validation-message": true, label: this._componentLocale.modulesInformation.moduleProperties
-                    .availableVersions, labelPosition: "start", centerLabel: true, onValueChanged: this.moduleVersionsValueChangedHandler, disabled: this.loadingServer || !this.actionCompleted }, this.selectedModule.versions.map(item => (index.h("gxg-combo-box-item", { value: item.id, onItemSelected: this.moduleVersionsItemChangedHandler }, item.id))))));
-        };
-        this.selectedButtonChangedHandler = (e) => {
-            this.selectedButtonFilter = e.detail;
-        };
-        // Update server selected
-        this.serverItemSelectedHandler = (e) => {
-            const serverId = e.detail.value;
-            this.serverSelectedCallbackHandler(serverId, false);
-        };
-        this.serverValueChangedHandler = (e) => {
-            const serverId = e.detail;
-            this.serverSelectedCallbackHandler(serverId, false);
-        };
-        this.reloadServer = () => {
-            this.serverSelectedCallbackHandler(this.selectedServerId, true);
-        };
-        /**
-         * Change the server selected value in response to callbackServerSelected callback
-         */
-        this.serverSelectedCallbackHandler = async (serverId, reload) => {
-            if (this.serverSelectedCallback) {
-                this.loadingServer = true;
-                // clear
-                this.serverModules = [];
-                this.serverModulesExtended = [];
-                this.filteredServerModules = [];
-                this.modulesMap.clear();
-                this.modulesSelectedVersionMap.clear();
-                this.serverModules = await this.serverSelectedCallback(serverId, reload);
-                // Save modules on Map as well to get information about modules faster
-                this.serverModules.forEach(module => {
-                    const extendedModuleData = Object.assign(Object.assign({}, module), { selectedVersion: module.versions[0] });
-                    // When the server retrieves the modules, the selected module is by default the first one.
-                    this.serverModulesExtended.push(extendedModuleData);
-                    // Save modules on a map as well, for faster retrieval.
-                    this.modulesMap.set(module.id, extendedModuleData);
-                });
-                this.selectedServerId = serverId;
-                this.loadingServer = false;
-            }
-        };
-        this.progressBarCloseHandler = () => {
-            setTimeout(() => {
-                this.actionCompleted = true;
-                this.closeProgressBar = true;
-                // reset
-                this.progressValue = 0;
-                this.progressState = "in-progress";
-            }, 400);
-            // delay to force the footer line disappear after the top-state-bar has been closed.
-        };
-        this.searchModulesFilterValue = "";
-        this.selectedButtonFilter = "browse";
-        this.serverModules = [];
-        this.serverModulesExtended = [];
-        this.filteredServerModules = [];
-        this.modulesMap = new Map();
-        this.selectedModule = undefined;
-        this.selectedServerId = undefined;
-        this.selectedModuleAction = {
-            message: "",
-            progress: 0,
-            state: "in-progress"
-        };
-        this.modulesSelectedVersionMap = 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.serverContextMenuCallback = undefined;
-        this.showServerCommands = false;
-    }
-    loadingServerHandler(loading) {
-        if (loading) {
-            this.loaderEl.show = true;
-        }
-        else {
-            this.loaderEl.show = false;
-        }
-    }
-    // 6.COMPONENT LIFECYCLE EVENTS //
-    componentDidRender() {
-        if (!this.renderedFirstTime) {
-            this.componentDidRenderFirstTime.emit(this._componentLocale.componentName);
-            this.renderedFirstTime = true;
-        }
-    }
-    async componentWillLoad() {
-        this._componentLocale = await locale.Locale.getComponentStrings(this.el);
-    }
-    async componentDidLoad() {
-        await this.serverSelectedCallbackHandler(this.servers[0].id, false);
-    }
-    // 11.RENDER() FUNCTION //
-    render() {
-        return (index.h(index.Host, { class: {
-                "gx-ide-component": true
-            } }, index.h("ch-theme", { model: CSS_BUNDLES }), index.h("div", { class: "gx-ide-main-wrapper" }, index.h("gx-ide-container", { noContentPadding: true, noAboveFooterPadding: true, noBorderAboveFooter: this.closeProgressBar, part: "servers", containerTitle: this.displayTitle ? this._componentLocale.componentName : null }, index.h("main", { class: "main" }, index.h("div", { class: "modules__container" }, index.h("header", { class: "modules__header" }, index.h("div", { class: "modules__combo-container" }, index.h("gxg-label", null, this._componentLocale.modules.selectServer), index.h("div", { class: "modules__combo" }, index.h("gxg-combo-box", { disabled: this.loadingServer || !this.actionCompleted, disableFilter: true, onValueChanged: this.serverValueChangedHandler }, this.servers.map(item => (index.h("gxg-combo-box-item", { value: item.id, onItemSelected: this.serverItemSelectedHandler }, item.name)))), this.showServerCommands ? (index.h("span", { class: "modules__server-commands" }, index.h("gxg-button", { type: "secondary-icon-only", icon: "gemini-tools/show-more-horizontal", onClick: this.showModuleMenu }))) : null, index.h("gxg-button", { type: "secondary-icon-only", icon: "gemini-tools/reset", onClick: this.reloadServer })))), index.h("div", { class: "modules__main" }, index.h("div", { class: "modules__main-header" }, index.h("gxg-form-text", { label: this._componentLocale.modules.searchModules, labelPosition: "above", centerLabel: false, onValueChanged: this.searchModulesFilterHandler, disabled: this.loadingServer || !this.actionCompleted }), index.h("gxg-buttons-container", { reduced: true, fullWidth: true, class: "modules__browser", onSelectedButtonChanged: this.selectedButtonChangedHandler }, index.h("gxg-button", { id: "browse", selected: true, disabled: this.loadingServer || !this.actionCompleted }, this._componentLocale.modules.buttonsContainer.browse), index.h("gxg-button", { id: "installed", disabled: this.loadingServer || !this.actionCompleted }, this._componentLocale.modules.buttonsContainer
-            .installed), index.h("gxg-button", { id: "updates", disabled: this.loadingServer || !this.actionCompleted }, this._componentLocale.modules.buttonsContainer.updates))), index.h("div", { class: "grid-container", ref: el => (this.serversDetail = el) }, this.renderGridOrEmptyState()))), this.selectedModule ? (index.h("div", { class: "module-info" }, index.h("header", { class: "module-info__header" }, index.h("div", { class: "module-info__title" }, this.renderVersionIcon(), this.renderVersionName()), this.renderInstalledVersion(), this.renderModuleVersions(), this.renderVersionWarningMessage()), index.h("div", { class: "module-info__properties gxg-scrollbar" }, common.renderModuleDataProperties(this.selectedModule.selectedVersion.properties)))) : (index.h("gx-ide-empty-state", { class: "recent-objects__empty-state", stateIconSrc: __classPrivateFieldGet(this, _GxManageModuleReferencesV2_moduleIcon, "f"), stateTitle: this._componentLocale.modulesInformation.emptyState.title, stateDescription: this._componentLocale.modulesInformation.emptyState
-                .description }))), index.h("gxg-top-state-bar", { slot: "footer-above", part: "progress-bar", stateType: this.progressState, noBorder: true, caption: this.selectedModuleAction.message ||
-                this._componentLocale.progressBar.defaultCaption, progress: this.progressValue, active: !this.actionCompleted || !this.closeProgressBar, closeType: "not-progress", closedCallback: this.progressBarCloseHandler }))), index.h("gxg-ide-loader", { loaderTitle: this._componentLocale.servers.loading, ref: el => (this.loaderEl = el), container: this.serversDetail, borderRadius: "0 0 0 8px", abortTime: 60000 })));
-    }
-    static get assetsDirs() { return ["gx-ide-assets/manage-module-references-v2"]; }
-    get el() { return index.getElement(this); }
-    static get watchers() { return {
-        "loadingServer": ["loadingServerHandler"]
-    }; }
-};
-_GxManageModuleReferencesV2_filterIcon = new WeakMap(), _GxManageModuleReferencesV2_moduleIcon = new WeakMap();
-GxManageModuleReferencesV2.style = manageModuleReferencesCss;
-
-exports.gx_ide_manage_module_references_v2 = GxManageModuleReferencesV2;
-
-//# sourceMappingURL=gx-ide-manage-module-references-v2.cjs.entry.js.map

package/dist/cjs/gx-ide-manage-module-references-v2.cjs.entry.js.map

@@ -1 +0,0 @@
-{"file":"gx-ide-manage-module-references-v2.entry.cjs.js","mappings":"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","names":["getIconPath","h","Locale","Host","renderModuleDataProperties"],"sources":["src/components/modules/manage-module-references-v2/manage-module-references.scss?tag=gx-ide-manage-module-references-v2&encapsulation=shadow","src/components/modules/manage-module-references-v2/manage-module-references-v2.tsx"],"sourcesContent":["@import \"../../../global/gx-ide-common.scss\";\n@import \"../../../global/gx-ide-mixins.scss\";\n\n/*--- General ---*/\np,\nul {\n  font-size: var(--font-size-lg);\n  margin: 0;\n}\np {\n  line-height: 1.6em;\n}\n/*--- Header ---*/\n.header {\n  align-items: center;\n  grid-template-columns: 1fr auto;\n  grid-template-rows: 1fr;\n}\n.main {\n  display: grid;\n  //grid-template-columns: 1fr 2fr 1fr;\n  grid-template-columns: 1fr 1fr;\n  grid-template-rows: 1fr;\n  height: 100%;\n  overflow: auto;\n}\nch-grid-columnset {\n  display: none;\n}\nch-grid-row[selected] {\n  gxg-icon[data-action=\"install\"] {\n    //WA to improve visibility\n    filter: brightness(2);\n  }\n}\n.grid-cell-module {\n  &__info {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    gap: var(--mer-spacing--3xs);\n  }\n  &__name {\n    font-weight: var(--mer-font__weight--bold);\n    display: flex;\n    align-items: center;\n    gap: var(--mer-spacing--sm);\n  }\n  &__name,\n  &__description {\n    line-height: 1.55em;\n  }\n  &__description {\n    padding-inline-start: 36px;\n  }\n}\n\n/*--- Servers Container ---*/\n.grid-container {\n  height: 100%;\n  overflow: auto;\n  gx-ide-empty-state {\n    height: 100%;\n  }\n}\n.servers-container {\n  display: none;\n  height: 100%;\n  &__header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: var(--gxg-list-box-main__padding) var(--gxg-list-box-main__padding)\n      0 var(--gxg-list-box-main__padding);\n\n    gxg-button {\n      width: 100%;\n    }\n  }\n}\n\n/*--- Modules (Header) ---*/\n.modules {\n  &__header {\n    padding: var(--gxg-list-box-main__padding);\n    display: flex;\n    flex-direction: column;\n    gap: var(--mer-spacing--xs);\n  }\n  &__combo-container {\n    display: flex;\n    flex-direction: column;\n    gap: var(--mer-spacing--xs);\n  }\n  &__server-commands {\n    display: flex;\n    gap: var(--mer-spacing--xs);\n  }\n  &__combo {\n    gxg-combo-box {\n      flex: 1;\n    }\n    display: flex;\n    flex-direction: row;\n    gap: var(--mer-spacing--xs);\n  }\n  &__container {\n    border-inline-end: var(--mer-border__width--sm) solid\n      var(--gx-ide-container-border-color);\n    display: grid;\n    grid-template-rows: auto 1fr;\n    height: 100%;\n    overflow: auto;\n  }\n  &__main {\n    display: grid;\n    grid-template-rows: auto 1fr;\n    height: 100%;\n    overflow: auto;\n\n    &-header {\n      display: flex;\n      padding: var(--mer-spacing--xs);\n      flex-direction: column;\n      gap: var(--mer-spacing--xs);\n    }\n  }\n}\n\n/*--- Module Info ---*/\n.module-info {\n  display: grid;\n  grid-template-rows: auto 1fr;\n  height: 100%;\n  overflow: auto;\n\n  &__title {\n    display: flex;\n    align-items: center;\n    gap: var(--mer-spacing--xs);\n  }\n\n  &__name {\n    display: flex;\n    align-items: center;\n    gap: var(--mer-spacing--sm);\n    --ds-icon-size-box--regular: 24px;\n    --ds-icon-size--regular: 24px;\n    font-weight: var(--mer-font__weight--bold);\n  }\n\n  &__header {\n    padding: var(--gx-ide-container__padding);\n    display: flex;\n    flex-direction: column;\n    gap: var(--mer-spacing--xs);\n    border-block-end: var(--mer-border__width--sm) solid\n      var(--gx-ide-container-border-color);\n  }\n\n  &__action-container {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: var(--mer-spacing--xs);\n    &:before {\n      content: \"\";\n      width: var(--mer-spacing--xs);\n      height: var(--mer-spacing--xs);\n      border-radius: 50%;\n      display: block;\n      background-color: var(--mer-icon__primary--disabled);\n    }\n    &--installed:before {\n      background-color: var(--mer-icon__primary);\n    }\n    &--uninstallable:before {\n      background-color: var(--mer-icon__warning);\n    }\n  }\n\n  &__warning-message {\n    margin-block-start: var(--mer-spacing--2xs);\n    background-color: var(--mer-color__tinted-yellow--5);\n    color: var(--mer-text__on-elevation);\n    border: var(--mer-border__width--sm) solid var(--mer-border-color__warning);\n    border-radius: var(--mer-border__radius--sm);\n    padding: var(--mer-spacing--xs) var(--mer-spacing--md);\n  }\n\n  &__divider {\n    width: calc(100% - var(--gx-ide-container__padding) * 4);\n    padding: 0 var(--gx-ide-container__padding);\n    margin: 0 auto;\n    border: 0;\n    border-block-end: var(--mer-border__width--sm) solid\n      var(--gx-ide-container-border-color);\n  }\n  &__properties {\n    display: flex;\n    flex-direction: column;\n    padding: var(--gx-ide-container__padding);\n    gap: var(--mer-spacing--xs);\n    overflow: auto;\n  }\n}\n\n.md-property {\n  display: grid;\n  gap: var(--mer-spacing--xs);\n\n  &--inline {\n    grid-template-columns: auto 1fr;\n  }\n  &--block {\n  }\n  &__key {\n    font-weight: var(--font-weight-bold);\n    max-width: 150px;\n  }\n  &__value {\n    font-size: var(--mer-font__size--2xs);\n  }\n  &__key,\n  &__value {\n    > * {\n      display: inline-block;\n    }\n  }\n  &__list {\n    display: flex;\n    flex-direction: column;\n    gap: var(--mer-spacing--xs);\n    > ul {\n      margin: 0;\n      padding: 0;\n      list-style-type: none;\n      display: flex;\n      flex-direction: column;\n      gap: var(--mer-spacing--2xs);\n      margin-inline-start: var(--mer-spacing--xs);\n\n      li {\n        position: relative;\n        padding-inline-start: 12px;\n        line-height: var(--ds-base-font-line-height--comfortable);\n        &::before {\n          content: \"\";\n          position: absolute;\n          left: 0;\n          top: 7px;\n          display: inline-block;\n          width: var(--mer-spacing--2xs);\n          height: var(--mer-spacing--2xs);\n          background-color: var(--mer-text__on-surface);\n        }\n      }\n    }\n  }\n}\n\n.md-property,\n.md-property__list {\n  border-block-end: var(--mer-border__width--sm) solid\n    var(--gx-ide-container-border-color);\n  padding-block-end: var(--mer-spacing--xs);\n\n  &:last-child {\n    border-block-end: 0;\n    padding-block-end: 0;\n  }\n}\n\ngxg-ide-loader {\n  border-radius: var(--mer-border__radius--md);\n}\n\n.button-wrapper {\n  display: grid;\n  align-items: center;\n  justify-content: center;\n}\n","/* STENCIL IMPORTS */\nimport {\n  Component,\n  Host,\n  h,\n  Prop,\n  Event,\n  Element,\n  EventEmitter,\n  State,\n  Watch\n} from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\nimport { Color } from \"@genexus/gemini\";\nimport { topStateBarType } from \"@genexus/gemini\";\nimport { TabularGridSelectionChangedEvent } from \"@genexus/chameleon-controls-library\";\nimport { MercuryBundles, getIconPath } from \"@genexus/mercury\";\n/* CUSTOM IMPORTS */\nimport {\n  ModuleServerData,\n  ModuleData,\n  ModuleActionType,\n  ModuleFilterType,\n  ExtendedModuleData\n} from \"../types\";\nimport { renderModuleDataProperties } from \"../../../common/common\";\nimport { Locale } from \"../../../common/locale\";\nimport { ContextMenuInfo } from \"../../../common/types\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  // \"utils/form\",\n  // \"utils/layout\",\n  // \"utils/typography\",\n  // \"components/button\",\n  // \"components/checkbox\",\n  // \"components/edit\",\n  \"components/tabular-grid\"\n];\n\n@Component({\n  tag: \"gx-ide-manage-module-references-v2\",\n  styleUrl: \"manage-module-references.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/manage-module-references-v2\"]\n})\nexport class GxManageModuleReferencesV2 {\n  // 1.OWN PROPERTIES | WATCH'S //\n\n  /**\n   * The component hard-coded strings translations.\n   */\n  private _componentLocale: any;\n  private renderedFirstTime = false;\n\n  // 2. REFERENCE TO ELEMENTS //\n\n  @Element() el: HTMLGxIdeManageModuleReferencesV2Element;\n  private loaderEl!: HTMLGxgIdeLoaderElement;\n  private serversDetail!: HTMLDivElement;\n\n  #filterIcon = getIconPath({\n    category: \"system\",\n    name: \"filters\",\n    colorType: \"on-elevation\"\n  });\n  #moduleIcon = getIconPath({\n    category: \"objects\",\n    name: \"module\"\n  });\n\n  // 3.STATE() VARIABLES //\n\n  // Filtering modules\n  @State() searchModulesFilterValue: string = \"\";\n  @State() selectedButtonFilter: ModuleFilterType = \"browse\";\n  @State() serverModules: ModuleData[] = [];\n  @State() serverModulesExtended: ExtendedModuleData[] = [];\n  @State() filteredServerModules: ExtendedModuleData[] = [];\n  @State() modulesMap: Map<string, ExtendedModuleData> = new Map();\n\n  @State() selectedModule: ExtendedModuleData;\n  @State() selectedServerId: string;\n  @State() selectedModuleAction: ActionInfo = {\n    message: \"\",\n    progress: 0,\n    state: \"in-progress\"\n  };\n  @State() modulesSelectedVersionMap: Map<string, string> = new Map();\n  @State() actionCompleted = true;\n  @State() closeProgressBar = true;\n  @State() progressValue: number = 0;\n  @State() progressState: topStateBarType = \"in-progress\";\n  @State() loadingServer = false;\n  @Watch(\"loadingServer\")\n  loadingServerHandler(loading: boolean) {\n    if (loading) {\n      this.loaderEl.show = true;\n    } else {\n      this.loaderEl.show = false;\n    }\n  }\n\n  // 4.PUBLIC PROPERTY API //\n\n  /**\n   * If true it displays the component title on the header\n   */\n  @Prop() readonly displayTitle = false;\n\n  /**\n   * List of module servers currently cataloged\n   */\n  @Prop() readonly servers: ModuleServerData[] = [];\n\n  /**\n   * Callback invoked when a server is selected. Returns the set of modules available on that server.\n   */\n  @Prop() readonly serverSelectedCallback: ServerSelectedCallback;\n\n  /**\n   * Callback invoked when the user wants to execute the action corresponding to a selected module. When the action begins to be executed, the component must be able to show the progress of the action. For this, the onProgress parameter is available, which is in turn a callback used by the host to notify the progress by text message and percentage.\n   */\n  @Prop() readonly executeActionCallback: ExecuteActionCallback;\n\n  /**\n   * Callback invoked when an element is right clicked on servers list\n   */\n  @Prop() readonly serverContextMenuCallback: ServerContextMenuCallback;\n\n  /**\n   * Allows you to hide the button (...) that executes serverContextMenuCallback, if we do not implement the commands in a first version\n   */\n  @Prop() readonly showServerCommands: boolean = false;\n\n  // 5.EVENTS (EMIT) //\n\n  /**\n   * This event is emitted once just after the component is fully loaded and the first render() occurs\n   */\n  @Event() componentDidRenderFirstTime: EventEmitter<boolean>;\n\n  // 6.COMPONENT LIFECYCLE EVENTS //\n\n  componentDidRender() {\n    if (!this.renderedFirstTime) {\n      this.componentDidRenderFirstTime.emit(\n        this._componentLocale.componentName\n      );\n      this.renderedFirstTime = true;\n    }\n  }\n\n  async componentWillLoad() {\n    this._componentLocale = await Locale.getComponentStrings(this.el);\n  }\n\n  async componentDidLoad() {\n    await this.serverSelectedCallbackHandler(this.servers[0].id, false);\n  }\n\n  // 7.LISTENERS //\n\n  // 8.PUBLIC METHODS API //\n\n  // 9.LOCAL METHODS //\n\n  /**\n   * Callback invoked to get the progress when module is performing an action\n   */\n  private onProgress = (\n    message: string,\n    progress: number,\n    state: topStateBarType\n  ): void => {\n    const data = { message, progress, state };\n    this.selectedModuleAction = { ...data };\n    this.progressValue = this.selectedModuleAction.progress;\n    this.progressState = this.selectedModuleAction.state;\n  };\n\n  /**\n   * Used for changing the selected module\n   */\n  private handleModuleChange = (\n    event: CustomEvent<TabularGridSelectionChangedEvent>\n  ) => {\n    const selectedModuleId = event.detail.rowsId[0];\n    this.selectedModule = this.modulesMap.get(selectedModuleId);\n  };\n\n  private moduleActionHandler = (module: ModuleData) => () => {\n    this.actionCompleted = false;\n    this.closeProgressBar = false;\n    this.executeActionCallbackHandler(module);\n  };\n\n  /**\n   * Perform an action relative to a module using callbackExecuteAction callback and receive the state of that action with onProgress callback\n   */\n  private executeActionCallbackHandler = async (module: ModuleData) => {\n    if (this.executeActionCallback) {\n      this.actionCompleted = false;\n      const moduleSelectedVersionId = this.modulesMap.get(module.id)\n        .selectedVersion.id;\n      const moduleSelectedVersionAction = this.modulesMap.get(module.id)\n        .selectedVersion.action;\n      const actionCompleted = await this.executeActionCallback(\n        this.selectedServerId,\n        module.id,\n        moduleSelectedVersionId,\n        moduleSelectedVersionAction,\n        this.onProgress\n      );\n      if (actionCompleted) {\n        this.serverSelectedCallbackHandler(this.selectedServerId, false);\n      }\n      this.actionCompleted = true;\n    }\n  };\n\n  private showModuleMenu = async (e: MouseEvent) => {\n    if (this.serverContextMenuCallback) {\n      const buttonBoundingClientRect = (\n        e.target as HTMLElement\n      ).getBoundingClientRect();\n      await this.serverContextMenuCallback({\n        selection: [this.selectedServerId],\n        clientX: buttonBoundingClientRect.x,\n        clientY: buttonBoundingClientRect.y\n      });\n    }\n  };\n\n  private searchModulesFilterHandler = (e: CustomEvent<string>) => {\n    this.searchModulesFilterValue = e.detail.trim().toLowerCase();\n  };\n\n  private getFilteredServerModules = (): ExtendedModuleData[] => {\n    return this.serverModulesExtended.filter(module => {\n      // Filter conditions\n      const nameMatch = module.selectedVersion.name\n        .toLowerCase()\n        .includes(this.searchModulesFilterValue);\n      const descriptionMatch = module.selectedVersion.description\n        .toLowerCase()\n        .includes(this.searchModulesFilterValue);\n      let actionMatch;\n      if (this.selectedButtonFilter === \"browse\") {\n        // If browse is selected, display all\n        actionMatch = true;\n      } else if (this.selectedButtonFilter === \"installed\") {\n        actionMatch = !!(\n          module.selectedVersion.action === \"update\" ||\n          module.selectedVersion.action === \"restore\"\n        );\n      } else if (this.selectedButtonFilter === \"updates\") {\n        actionMatch = !!(module.selectedVersion.action === \"update\");\n      }\n\n      const filtered = (nameMatch || descriptionMatch) && actionMatch;\n      return filtered;\n    });\n  };\n\n  // 9.LOCAL METHODS > RENDERS //\n  private renderGridOrEmptyState = () => {\n    this.filteredServerModules = this.getFilteredServerModules();\n    if (this.filteredServerModules.length > 0) {\n      return this.renderModulesVersionsGrid();\n    } else {\n      return this.renderEmptyStateModules();\n    }\n  };\n\n  private renderModulesVersionsGrid = (): HTMLChTabularGridElement => {\n    return (\n      <ch-tabular-grid\n        rowSelectionMode=\"single\"\n        part=\"ch-grid-pending-commits\"\n        class=\"tabular-grid servers-detail no-border\"\n        onSelectionChanged={this.handleModuleChange}\n      >\n        <ch-tabular-grid-columnset class=\"tabular-grid-column-set\">\n          <ch-tabular-grid-column\n            settingable={false}\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            settingable={false}\n            size=\"min-content\"\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n        </ch-tabular-grid-columnset>\n\n        {this.filteredServerModules.map((module: ExtendedModuleData) => (\n          <ch-tabular-grid-row\n            rowid={module.id}\n            key={module.id}\n            selected={\n              this.selectedModule && this.selectedModule.id === module.id\n            }\n            class=\"tabular-grid-row\"\n          >\n            <ch-tabular-grid-cell class=\"grid-cell-module__info tabular-grid-cell\">\n              <span class=\"grid-cell-module__name\">\n                <gxg-icon\n                  type=\"objects/module\"\n                  data-action={module.selectedVersion.action}\n                  color={this.moduleVersionIconColor(module.id)}\n                  size=\"small\"\n                ></gxg-icon>\n                {module.selectedVersion.name}\n              </span>\n              <span class=\"grid-cell-module__description\">\n                {module.selectedVersion.description}\n              </span>\n            </ch-tabular-grid-cell>\n\n            <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n              {this.selectedModule && this.selectedModule.id === module.id ? (\n                <div class=\"button-wrapper\">\n                  <gxg-button\n                    disabled={\n                      !this.actionCompleted ||\n                      module.selectedVersion.action === \"incompatible\" ||\n                      module.selectedVersion.action === \"not-installable\"\n                    }\n                    fit\n                    part=\"module-action\"\n                    onClick={this.moduleActionHandler(module)}\n                  >\n                    {module.selectedVersion.action}\n                  </gxg-button>\n                </div>\n              ) : null}\n            </ch-tabular-grid-cell>\n          </ch-tabular-grid-row>\n        ))}\n      </ch-tabular-grid>\n    );\n  };\n\n  private renderEmptyStateModules = () => {\n    return (\n      <gx-ide-empty-state\n        stateIconSrc={this.#filterIcon}\n        stateTitle={this._componentLocale.modules.noModulesFilter}\n      ></gx-ide-empty-state>\n    );\n  };\n\n  private moduleVersionIconColor = (moduleId: string): Color => {\n    const foundModule = this.serverModulesExtended.find(module => {\n      return module.id === moduleId;\n    });\n    if (foundModule) {\n      const moduleAction = foundModule.selectedVersion.action;\n      const moduleCurrentVersion = foundModule.currentVersion;\n      if (\n        moduleAction === \"not-installable\" ||\n        moduleAction === \"incompatible\"\n      ) {\n        return \"warning\";\n      } else if (!moduleCurrentVersion) {\n        return \"mercury-primary-disabled\";\n      } else {\n        return \"mercury-primary\";\n      }\n    }\n\n    return \"mercury-primary\";\n  };\n\n  private renderVersionIcon = () => {\n    return (\n      <gxg-icon\n        type=\"objects/module\"\n        color={this.moduleVersionIconColor(this.selectedModule.id)}\n      ></gxg-icon>\n    );\n  };\n\n  /* module details/information renders*/\n  private renderVersionName = () => {\n    return (\n      <gxg-title part=\"module-info__name\" type=\"title-05\">\n        <div class=\"module-info__name\">\n          {this.selectedModule.selectedVersion.name}\n        </div>\n      </gxg-title>\n    );\n  };\n\n  private renderVersionWarningMessage = () => {\n    const warningMessage = this.selectedModule.selectedVersion.warningMessage;\n    if (warningMessage) {\n      return <p class=\"module-info__warning-message\">{warningMessage}</p>;\n    }\n  };\n\n  private renderInstalledVersion = () => {\n    const currentVersion = this.selectedModule.currentVersion;\n    let caption;\n    let cssClass = \"module-info__action-container\";\n    if (currentVersion) {\n      caption = `${this._componentLocale.modulesInformation.moduleProperties.installed}: ${currentVersion}`;\n      cssClass += ` module-info__action-container--installed`;\n    } else {\n      caption =\n        this._componentLocale.modulesInformation.moduleProperties.notInstalled;\n    }\n    return (\n      <div class={cssClass}>\n        <gxg-text part=\"module-info__action\">{caption}</gxg-text>\n      </div>\n    );\n  };\n\n  // Update selected version\n  private moduleVersionsValueChangedHandler = (e: CustomEvent<any>) => {\n    const selectedVersionId = e.detail.value;\n    this.updateSelectedModuleVersion(selectedVersionId);\n  };\n  private moduleVersionsItemChangedHandler = (e: CustomEvent<any>) => {\n    const selectedVersionId = e.detail.value;\n    this.updateSelectedModuleVersion(selectedVersionId);\n  };\n  private updateSelectedModuleVersion = (selectedVersionId: string) => {\n    const moduleSelectedVersion = this.selectedModule.versions.find(version => {\n      return version.id === selectedVersionId;\n    });\n    if (moduleSelectedVersion) {\n      const updatedSelectedModule = {\n        ...this.selectedModule,\n        selectedVersion: moduleSelectedVersion\n      };\n      this.selectedModule = updatedSelectedModule;\n\n      // update module selected in modules array as well\n      const updatedModuleIndex = this.serverModulesExtended.findIndex(\n        module => module.id === updatedSelectedModule.id\n      );\n      if (updatedModuleIndex !== -1) {\n        // Update the object with new information\n        this.serverModulesExtended[updatedModuleIndex] = {\n          ...this.serverModulesExtended[updatedModuleIndex],\n          ...updatedSelectedModule\n        };\n      }\n    }\n  };\n\n  private renderModuleVersions = () => {\n    return (\n      <div part=\"available-versions\">\n        <gxg-combo-box\n          id=\"versions-combo-box\"\n          disable-filter\n          value=\"\"\n          part=\"module-versions\"\n          display-validation-styles\n          display-validation-message\n          label={\n            this._componentLocale.modulesInformation.moduleProperties\n              .availableVersions\n          }\n          labelPosition=\"start\"\n          centerLabel\n          onValueChanged={this.moduleVersionsValueChangedHandler}\n          disabled={this.loadingServer || !this.actionCompleted}\n        >\n          {this.selectedModule.versions.map(item => (\n            <gxg-combo-box-item\n              value={item.id}\n              onItemSelected={this.moduleVersionsItemChangedHandler}\n            >\n              {item.id}\n            </gxg-combo-box-item>\n          ))}\n        </gxg-combo-box>\n      </div>\n    );\n  };\n\n  private selectedButtonChangedHandler = (e: CustomEvent<string>) => {\n    this.selectedButtonFilter = e.detail as ModuleFilterType;\n  };\n\n  // Update server selected\n  private serverItemSelectedHandler = (\n    e: CustomEvent<{\n      el: HTMLGxgComboBoxItemElement;\n      index: number;\n      value: any;\n      icon?: string;\n    }>\n  ) => {\n    const serverId = e.detail.value;\n    this.serverSelectedCallbackHandler(serverId, false);\n  };\n  private serverValueChangedHandler = (e: CustomEvent<any>) => {\n    const serverId = e.detail;\n    this.serverSelectedCallbackHandler(serverId, false);\n  };\n\n  private reloadServer = () => {\n    this.serverSelectedCallbackHandler(this.selectedServerId, true);\n  };\n  /**\n   * Change the server selected value in response to callbackServerSelected callback\n   */\n  private serverSelectedCallbackHandler = async (\n    serverId: any,\n    reload: boolean\n  ) => {\n    if (this.serverSelectedCallback) {\n      this.loadingServer = true;\n\n      // clear\n      this.serverModules = [];\n      this.serverModulesExtended = [];\n      this.filteredServerModules = [];\n      this.modulesMap.clear();\n      this.modulesSelectedVersionMap.clear();\n\n      this.serverModules = await this.serverSelectedCallback(serverId, reload);\n      // Save modules on Map as well to get information about modules faster\n      this.serverModules.forEach(module => {\n        const extendedModuleData = {\n          ...module,\n          selectedVersion: module.versions[0]\n        };\n        // When the server retrieves the modules, the selected module is by default the first one.\n        this.serverModulesExtended.push(extendedModuleData);\n        // Save modules on a map as well, for faster retrieval.\n        this.modulesMap.set(module.id, extendedModuleData);\n      });\n      this.selectedServerId = serverId;\n      this.loadingServer = false;\n    }\n  };\n\n  private progressBarCloseHandler = () => {\n    setTimeout(() => {\n      this.actionCompleted = true;\n      this.closeProgressBar = true;\n      // reset\n      this.progressValue = 0;\n      this.progressState = \"in-progress\";\n    }, 400);\n    // delay to force the footer line disappear after the top-state-bar has been closed.\n  };\n\n  // 11.RENDER() FUNCTION //\n\n  render(): void {\n    return (\n      <Host\n        class={{\n          \"gx-ide-component\": true\n        }}\n      >\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <div class=\"gx-ide-main-wrapper\">\n          <gx-ide-container\n            noContentPadding\n            noAboveFooterPadding\n            noBorderAboveFooter={this.closeProgressBar}\n            part=\"servers\"\n            containerTitle={\n              this.displayTitle ? this._componentLocale.componentName : null\n            }\n          >\n            {/* Servers*/}\n            <main class=\"main\">\n              <div class=\"modules__container\">\n                <header class=\"modules__header\">\n                  <div class=\"modules__combo-container\">\n                    <gxg-label>\n                      {this._componentLocale.modules.selectServer}\n                    </gxg-label>\n                    <div class=\"modules__combo\">\n                      <gxg-combo-box\n                        disabled={this.loadingServer || !this.actionCompleted}\n                        disableFilter\n                        onValueChanged={this.serverValueChangedHandler}\n                      >\n                        {this.servers.map(item => (\n                          <gxg-combo-box-item\n                            value={item.id}\n                            onItemSelected={this.serverItemSelectedHandler}\n                          >\n                            {item.name}\n                          </gxg-combo-box-item>\n                        ))}\n                      </gxg-combo-box>\n                      {this.showServerCommands ? (\n                        <span class=\"modules__server-commands\">\n                          <gxg-button\n                            type=\"secondary-icon-only\"\n                            icon=\"gemini-tools/show-more-horizontal\"\n                            onClick={this.showModuleMenu}\n                          ></gxg-button>\n                        </span>\n                      ) : null}\n                      <gxg-button\n                        type=\"secondary-icon-only\"\n                        icon=\"gemini-tools/reset\"\n                        onClick={this.reloadServer}\n                      ></gxg-button>\n                    </div>\n                  </div>\n                </header>\n\n                <div class=\"modules__main\">\n                  <div class=\"modules__main-header\">\n                    <gxg-form-text\n                      label={this._componentLocale.modules.searchModules}\n                      labelPosition=\"above\"\n                      centerLabel={false}\n                      onValueChanged={this.searchModulesFilterHandler}\n                      disabled={this.loadingServer || !this.actionCompleted}\n                    ></gxg-form-text>\n                    <gxg-buttons-container\n                      reduced\n                      fullWidth\n                      class=\"modules__browser\"\n                      onSelectedButtonChanged={\n                        this.selectedButtonChangedHandler\n                      }\n                    >\n                      <gxg-button\n                        id=\"browse\"\n                        selected\n                        disabled={this.loadingServer || !this.actionCompleted}\n                      >\n                        {this._componentLocale.modules.buttonsContainer.browse}\n                      </gxg-button>\n                      <gxg-button\n                        id=\"installed\"\n                        disabled={this.loadingServer || !this.actionCompleted}\n                      >\n                        {\n                          this._componentLocale.modules.buttonsContainer\n                            .installed\n                        }\n                      </gxg-button>\n                      <gxg-button\n                        id=\"updates\"\n                        disabled={this.loadingServer || !this.actionCompleted}\n                      >\n                        {this._componentLocale.modules.buttonsContainer.updates}\n                      </gxg-button>\n                    </gxg-buttons-container>\n                  </div>\n                  {/* modules grid*/}\n                  <div\n                    class=\"grid-container\"\n                    ref={el => (this.serversDetail = el as HTMLDivElement)}\n                  >\n                    {this.renderGridOrEmptyState()}\n                  </div>\n                </div>\n              </div>\n\n              {/* Module version information*/}\n              {this.selectedModule ? (\n                <div class=\"module-info\">\n                  <header class=\"module-info__header\">\n                    <div class=\"module-info__title\">\n                      {this.renderVersionIcon()}\n                      {this.renderVersionName()}\n                    </div>\n                    {this.renderInstalledVersion()}\n                    {this.renderModuleVersions()}\n                    {this.renderVersionWarningMessage()}\n                  </header>\n                  <div class=\"module-info__properties gxg-scrollbar\">\n                    {renderModuleDataProperties(\n                      this.selectedModule.selectedVersion.properties\n                    )}\n                  </div>\n                </div>\n              ) : (\n                <gx-ide-empty-state\n                  class=\"recent-objects__empty-state\"\n                  stateIconSrc={this.#moduleIcon}\n                  stateTitle={\n                    this._componentLocale.modulesInformation.emptyState.title\n                  }\n                  stateDescription={\n                    this._componentLocale.modulesInformation.emptyState\n                      .description\n                  }\n                ></gx-ide-empty-state>\n              )}\n            </main>\n            {/* Top State Bar*/}\n            <gxg-top-state-bar\n              slot=\"footer-above\"\n              part=\"progress-bar\"\n              stateType={this.progressState}\n              noBorder\n              caption={\n                this.selectedModuleAction.message ||\n                this._componentLocale.progressBar.defaultCaption\n              }\n              progress={this.progressValue}\n              active={!this.actionCompleted || !this.closeProgressBar}\n              closeType=\"not-progress\"\n              closedCallback={this.progressBarCloseHandler}\n            ></gxg-top-state-bar>\n          </gx-ide-container>\n        </div>\n        <gxg-ide-loader\n          loaderTitle={this._componentLocale.servers.loading}\n          ref={el => (this.loaderEl = el as HTMLGxgIdeLoaderElement)}\n          container={this.serversDetail}\n          borderRadius=\"0 0 0 8px\"\n          abortTime={60000}\n        ></gxg-ide-loader>\n      </Host>\n    );\n  }\n}\n\nexport type ExecuteActionCallback = (\n  serverId: string,\n  moduleId: string,\n  moduleVersionId: string,\n  action: ModuleActionType,\n  onProgress: (\n    message: string,\n    progress: number,\n    state: topStateBarType\n  ) => void\n) => Promise<boolean>;\n\nexport type ServerSelectedCallback = (\n  id: string,\n  reload: boolean\n) => Promise<ModuleData[]>;\n\nexport type ServerContextMenuCallback = (\n  contextMenuInfo: ContextMenuInfo\n) => Promise<void>;\nexport interface ActionInfo {\n  message: string;\n  progress: number;\n  state: topStateBarType;\n}\n"],"version":3}