@genexus/genexus-ide-ui 1.1.10 → 1.1.12

package/dist/components/gx-ide-team-dev-bring-changes.js

@@ -0,0 +1,505 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { g as getIconPath } from './MERCURY_ASSETS.js';
+import { L as Locale } from './locale.js';
+import { d as defineCustomElement$3 } from './gx-ide-empty-state2.js';
+import { d as defineCustomElement$2 } from './ide-loader.js';
+
+const bringChangesCss = ":host{--pill-border-radius:12px;--pill-padding-inline:8px;--pill-padding-block:2px;--pill-font-size:var(--font-size-body-s);display:grid;block-size:100%;overflow:auto;grid-template-rows:max-content max-content 1fr}.detail__current-version,.detail__knowledge-base{max-inline-size:250px;min-inline-size:180px}.detail__current-version,.detail__knowledge-base{padding-inline:24px;border-inline-end:1px solid var(--mer-border-color__on-elevation--01)}.information__col-1,.detail__genexus-server{padding-inline-end:24px;border-inline-end:1px solid var(--mer-border-color__on-elevation--01)}.information__col-2,.detail__merge-from-version{padding-inline-start:24px}.section{display:contents}.header{display:grid;gap:24px}.header__detail{display:grid;grid-template-areas:\"detail-title detail-title detail-title detail-title\" \"detail-commit-name detail-commit-name detail-commit-name detail-commit-name\" \"detail-genexus-server detail-knowledge-base detail-current-version detail-merge-from-version\";row-gap:16px;grid-template-columns:minmax(250px, 350px) repeat(3, minmax(180px, 250px))}.detail__label{color:var(--mer-color__neutral-gray--400)}.detail__title{grid-area:detail-title}.detail__commit-name{grid-area:detail-commit-name}.detail__genexus-server{grid-area:detail-genexus-server}.detail__genexus-server>a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block}.detail__link{align-items:start;color:var(--mer-text__primary);text-decoration:underline}.detail__link:hover{color:var(--mer-text__primary--hover)}.detail__link:active{color:var(--mer-text__primary--active)}.detail__knowledge-base{grid-area:detail-knowledge-base}.detail__current-version{grid-area:detail-current-version}.detail__merge-from-version{grid-area:detail-merge-from-version}.header__information{display:grid;row-gap:10px;grid-template-areas:\"information-title information-title\" \"information-col-1 information-col-2\";grid-template-columns:max-content 1fr;grid-template-rows:max-content 64px}.information__title{grid-area:information-title}.information__col-1{grid-area:information-col-1;display:flex;gap:24px}.information__col-2{display:grid;grid-area:information-col-2}.controls-container{display:grid;margin-block-start:24px}.filter{grid-template-columns:232px 186px 1fr;gap:12px}.button-merge-checked{margin-inline-start:auto}.main{position:relative;display:grid;overflow:auto}.loader{position:relative;inline-size:100%;block-size:100%;inset-block-start:0}.tabular-grid{border-radius:4px;overflow:hidden}.empty-state{block-size:100%}.loader{--elevation-background-color:var(--mer-surface__elevation--01)}.warning-error-description{display:flex;align-items:center;gap:8px;padding:8px;max-inline-size:800px;line-height:1.5}.warning-error-icon{flex-shrink:0}.tabular-grid.empty-result::part(main){overflow:hidden}.input-comments-container{position:relative}.input-comments{--control__border-color:transparent;padding-block:0 !important;padding-inline:0 !important;--line-height-tight:1.4;block-size:100%;background-color:var(--mer-surface);transition:var(--mer-timing--super-fast) block-size, var(--mer-timing--super-fast) background-color, var(--mer-timing--super-fast) padding-block, var(--mer-timing--super-fast) padding-inline}.input-comments:focus{position:absolute;block-size:200px;inline-size:100%;z-index:99;background-color:var(--mer-surface__elevation--01);padding-block:var(--control__padding-block) !important;padding-inline:var(--control__padding-inline) !important}ch-tabular-grid-cell.tabular-grid-cell::part(actions-icon){background-size:contain;margin-inline-end:0;--icon-path:var(--icon__gemini-tools_show-more-vertical_neutral--enabled);cursor:pointer}ch-tabular-grid-cell.tabular-grid-cell::part(actions-icon):hover{--icon-path:var(--icon__gemini-tools_show-more-vertical_neutral--hover)}ch-tabular-grid-cell.tabular-grid-cell::part(actions-icon):active{--icon-path:var(--icon__gemini-tools_show-more-vertical_neutral--active)}.tabular-grid-row-actions::part(main),.property-grid-row-actions::part(main){gap:0 !important}.custom-icon-text-wrapper{display:flex;align-items:center;gap:10px}.tabular-grid-row-actions>button{justify-content:start}.pill{--pill-background-color:transparent;--pill-color:transparent;--pill-border-color:transparent;background-color:var(--pill-background-color);color:var(--pill-color);border:1px solid var(--pill-border-color);inline-size:100%;padding:var(--pill-padding-block) var(--pill-padding-inline);display:flex;align-items:center;justify-content:center;border-radius:var(--pill-border-radius);position:relative;font-weight:var(--font-weight-semi-bold)}.pill--to-merge{--pill-background-color:var();--pill-color:var(--mer-color__neutral-gray--400);--pill-border-color:var()}.pill--to-merge-marked{--pill-background-color:var();--pill-color:var(--mer-border-color__primary);--pill-border-color:var()}.pill--pending{--pill-background-color:var(--mer-color__tinted-primary--8);--pill-color:var(--mer-border-color__primary);--pill-border-color:var(--mer-color__tinted-primary--50)}.pill--warning{--pill-background-color:var(--mer-color__tinted-yellow--5);--pill-color:var(--mer-border-color__warning);--pill-border-color:var(--mer-color__tinted-yellow--60)}.pill--error{--pill-background-color:var(--mer-color__tinted-red--5);--pill-color:var(--mer-border-color__error);--pill-border-color:var(--mer-color__tinted-red--60)}.pill--merged{--pill-background-color:var(--mer-color__tinted-green--5);--pill-color:var(--mer-border-color__success);--pill-border-color:var(--mer-color__tinted-green--60)}.pill--transitioning{--pill-color:transparent}.merging-spinner-caption{display:flex;align-items:center;gap:6px;--status-circle-color:transparent;--status-circle-size:$size;--status-circle-inset-inline-start:14px;--pill-color:var(--mer-border-color__primary)}.merging-spinner-caption::before{display:inline-block;content:\"\";width:14px;height:14px;border:calc(14px / 7) solid var(--mer-color__tinted-primary--50);border-top:calc(14px / 7) solid var(--mer-color__primary--300);border-radius:50%;animation:spin var(--mer-timing--regular) linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.tabular-grid .button-secondary{--control__padding-block:var(--pill-padding-block);--control__padding-inline:var(--pill-padding-inline);font-size:inherit;font-weight:inherit;}.tabular-grid .tabular-grid-cell--for-pill{--grid-cell__padding-block:4px;align-items:center;justify-content:center}.tabular-grid.disabled-custom-selector .tabular-grid-cell::part(selector-label),.tabular-grid.disabled-custom-selector .tabular-grid-column::part(bar-selector),.tabular-grid.disabled-custom-selector .tabular-grid-cell::part(actions-icon){pointer-events:none;opacity:0.5}.tabular-grid-column--settings-custom-selector,.tabular-grid-cell--settings-custom-selector{--grid-cell__padding-inline:0;--grid-cell__padding-block:0}.tabular-grid-cell::part(actions-icon){padding-block:6px}ch-tabular-grid-cell.tabular-grid-cell::part(actions-icon){block-size:100%;display:block;background-size:14px;padding-inline:16px}.tabular-grid-cell.no-checkbox-custom-selector::part(selector-label){visibility:hidden}.tabular-grid-row-actions::part(window){background-color:var(--mer-surface__elevation--02) !important}.tabular-grid-row .tabular-grid-cell:nth-child(3){min-inline-size:400px}";
+
+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 __classPrivateFieldSet = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m")
+        throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f)
+        throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+        throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+var _GxIdeTeamDevBringChanges_componentLocale, _GxIdeTeamDevBringChanges_commitLabel, _GxIdeTeamDevBringChanges_comboBoxStatesModel, _GxIdeTeamDevBringChanges_checkedObjectsIdsArray, _GxIdeTeamDevBringChanges_formatComments, _GxIdeTeamDevBringChanges_mergeCheckedClickedHandler, _GxIdeTeamDevBringChanges_mergeSingleObject, _GxIdeTeamDevBringChanges_renderActionCellContent, _GxIdeTeamDevBringChanges_renderCommitsNumbers, _GxIdeTeamDevBringChanges_renderFormatedDate, _GxIdeTeamDevBringChanges_renderObjectActions, _GxIdeTeamDevBringChanges_renderObjectState, _GxIdeTeamDevBringChanges_renderObjectType, _GxIdeTeamDevBringChanges_renderObjectsRows, _GxIdeTeamDevBringChanges_rowContextMenuHandler, _GxIdeTeamDevBringChanges_rowMarkingChangedHandler, _GxIdeTeamDevBringChanges_searchInputHandler, _GxIdeTeamDevBringChanges_stateChangedHandler, _GxIdeTeamDevBringChanges_updateMenuContextActions, _GxIdeTeamDevBringChanges_updateFilteredObjects;
+const CSS_BUNDLES = [
+    "resets/box-sizing",
+    "components/tabular-grid",
+    "utils/form--full",
+    "utils/layout",
+    "utils/typography",
+    "utils/spacing",
+    "chameleon/scrollbar"
+];
+const COMBO_BOX_ALL_VALUE = "all";
+const DETAIL_LABEL_CLASSES = "detail__label body-semi-bold-s";
+const ADD_ICON = getIconPath({
+    category: "system",
+    name: "add",
+    colorType: "on-elevation"
+});
+const EDITED_ICON = getIconPath({
+    category: "system",
+    name: "edit",
+    colorType: "on-elevation"
+});
+const FILTER_ICON = getIconPath({
+    category: "window-tools",
+    name: "filter",
+    colorType: "on-elevation"
+});
+const SEARCH_ICON = getIconPath({
+    category: "system",
+    name: "search",
+    colorType: "on-elevation"
+});
+const SUBSTRACT_ICON = getIconPath({
+    category: "system",
+    name: "substract",
+    colorType: "on-elevation"
+});
+const WARNING_ICON = getIconPath({
+    category: "system",
+    name: "warning",
+    colorType: "warning"
+});
+const ERROR_ICON = getIconPath({
+    category: "system",
+    name: "error",
+    colorType: "error"
+});
+const GxIdeTeamDevBringChanges$1 = /*@__PURE__*/ proxyCustomElement(class GxIdeTeamDevBringChanges extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        /**
+         * The component hard-coded strings translations.
+         */
+        // eslint-disable-next-line @stencil-community/own-props-must-be-private
+        _GxIdeTeamDevBringChanges_componentLocale.set(this, void 0);
+        _GxIdeTeamDevBringChanges_commitLabel.set(this, void 0);
+        _GxIdeTeamDevBringChanges_comboBoxStatesModel.set(this, void 0);
+        _GxIdeTeamDevBringChanges_checkedObjectsIdsArray.set(this, []);
+        _GxIdeTeamDevBringChanges_formatComments.set(this, () => {
+            if (this.commitInformation.length === 1) {
+                // return comment without revison number
+                return this.commitInformation[0].comment;
+            }
+            // return comments with revison number
+            let mergedComment = "";
+            this.commitInformation.map((commit, i) => {
+                const isLast = i === this.commitInformation.length - 1;
+                const afterCommentBreakline = isLast ? "" : "\n\n";
+                mergedComment += `Commit ${commit.id}:\n${commit.comment}${afterCommentBreakline}`;
+            });
+            return mergedComment;
+        });
+        _GxIdeTeamDevBringChanges_mergeCheckedClickedHandler.set(this, async () => {
+            this.merging = true;
+            const newobjectsStatesMap = new Map(this.objectsStatesMap);
+            __classPrivateFieldGet(this, _GxIdeTeamDevBringChanges_checkedObjectsIdsArray, "f").forEach(checkedObjectId => {
+                newobjectsStatesMap.set(checkedObjectId, "merging");
+            });
+            this.objectsStatesMap = newobjectsStatesMap;
+            await this.mergeObjectsCallback(__classPrivateFieldGet(this, _GxIdeTeamDevBringChanges_checkedObjectsIdsArray, "f"));
+        });
+        _GxIdeTeamDevBringChanges_mergeSingleObject.set(this, objectId => async () => {
+            this.merging = true;
+            const newobjectsStatesMap = new Map(this.objectsStatesMap);
+            newobjectsStatesMap.set(objectId, "merging");
+            this.objectsStatesMap = newobjectsStatesMap;
+            await this.mergeObjectsCallback([objectId]);
+        });
+        _GxIdeTeamDevBringChanges_renderActionCellContent.set(this, (actionTaken) => {
+            let icon;
+            let caption;
+            let iconColor;
+            if (actionTaken === "Deleted") {
+                icon = SUBSTRACT_ICON;
+                caption = __classPrivateFieldGet(this, _GxIdeTeamDevBringChanges_componentLocale, "f").objects.actions.delete;
+                iconColor = "--mer-icon__error";
+            }
+            else if (actionTaken === "Inserted") {
+                icon = ADD_ICON;
+                caption = __classPrivateFieldGet(this, _GxIdeTeamDevBringChanges_componentLocale, "f").objects.actions.insert;
+                iconColor = "--mer-icon__success";
+            }
+            else {
+                // modified
+                icon = EDITED_ICON;
+                caption = __classPrivateFieldGet(this, _GxIdeTeamDevBringChanges_componentLocale, "f").objects.actions.modify;
+                iconColor = "--mer-icon__warning";
+            }
+            return (h("span", { class: "custom-icon-text-wrapper" }, h("ch-image", { type: "mask", class: "icon-md", src: icon, style: { backgroundColor: `var(${iconColor})` } }), `${caption}`));
+        });
+        _GxIdeTeamDevBringChanges_renderCommitsNumbers.set(this, (onlyNumbers = false) => {
+            var _a, _b;
+            if (((_a = this.commitInformation) === null || _a === void 0 ? void 0 : _a.length) > 1) {
+                // more than one commit
+                return onlyNumbers
+                    ? `${this.commitInformation[0].id} ... ${this.commitInformation[this.commitInformation.length - 1].id}`
+                    : `${__classPrivateFieldGet(this, _GxIdeTeamDevBringChanges_commitLabel, "f")} ${this.commitInformation[0].id} ... ${this.commitInformation[this.commitInformation.length - 1].id}`;
+            }
+            else if (((_b = this.commitInformation) === null || _b === void 0 ? void 0 : _b.length) === 1) {
+                // just one commit
+                return onlyNumbers
+                    ? this.commitInformation[0].id
+                    : `${__classPrivateFieldGet(this, _GxIdeTeamDevBringChanges_commitLabel, "f")} ${this.commitInformation[0].id}`;
+            }
+            else {
+                // Probably commits have not been loaded yet (loading state)
+                return onlyNumbers
+                    ? `${__classPrivateFieldGet(this, _GxIdeTeamDevBringChanges_componentLocale, "f").loading}`
+                    : `${__classPrivateFieldGet(this, _GxIdeTeamDevBringChanges_commitLabel, "f")} ${__classPrivateFieldGet(this, _GxIdeTeamDevBringChanges_componentLocale, "f").loading}`;
+            }
+        });
+        _GxIdeTeamDevBringChanges_renderFormatedDate.set(this, (date) => {
+            var _a;
+            const dateObject = new Date(date);
+            const lang = ((_a = navigator.languages) === null || _a === void 0 ? void 0 : _a[0]) || navigator.language;
+            return `${dateObject.toLocaleDateString(lang)} ${dateObject.toLocaleTimeString(lang, {
+                hour: "2-digit",
+                minute: "2-digit",
+                hour12: false
+            })}`;
+        });
+        _GxIdeTeamDevBringChanges_renderObjectActions.set(this, () => {
+            const openDisabled = false;
+            const compareWithCurrentRevisionDisabled = this.menuContextAction === "Inserted";
+            const revisionChangesDisabled = this.menuContextAction === "Inserted";
+            const previewMergeDisabled = false;
+            return [
+                h("button", { type: "button", class: "button-tertiary", disabled: openDisabled }, __classPrivateFieldGet(this, _GxIdeTeamDevBringChanges_componentLocale, "f").objectActions.open),
+                h("button", { type: "button", class: "button-tertiary", disabled: compareWithCurrentRevisionDisabled }, __classPrivateFieldGet(this, _GxIdeTeamDevBringChanges_componentLocale, "f").objectActions.compareWithCurrentRevision),
+                h("button", { type: "button", class: "button-tertiary", disabled: revisionChangesDisabled }, __classPrivateFieldGet(this, _GxIdeTeamDevBringChanges_componentLocale, "f").objectActions.revisionChanges),
+                h("button", { type: "button", class: "button-tertiary", disabled: previewMergeDisabled }, __classPrivateFieldGet(this, _GxIdeTeamDevBringChanges_componentLocale, "f").objectActions.previewMerge)
+            ];
+        });
+        _GxIdeTeamDevBringChanges_renderObjectState.set(this, (objectType, objectId) => {
+            if (objectType === "merging") {
+                return (h("span", { class: "merging-spinner-caption" }, __classPrivateFieldGet(this, _GxIdeTeamDevBringChanges_componentLocale, "f").states.merging));
+            }
+            const classes = `pill pill--${objectType}`;
+            if (this.mergePillAsButton &&
+                (objectType === "to-merge" || objectType === "to-merge-marked")) {
+                return (h("button", { class: { [classes]: true, "button-secondary": true }, onClick: __classPrivateFieldGet(this, _GxIdeTeamDevBringChanges_mergeSingleObject, "f").call(this, objectId) }, __classPrivateFieldGet(this, _GxIdeTeamDevBringChanges_componentLocale, "f").statesForButton[objectType]));
+            }
+            else {
+                return (h("span", { class: classes }, __classPrivateFieldGet(this, _GxIdeTeamDevBringChanges_componentLocale, "f").states[objectType]));
+            }
+        });
+        _GxIdeTeamDevBringChanges_renderObjectType.set(this, (objectType) => {
+            const icon = objectType.icon;
+            return (h("span", { class: "custom-icon-text-wrapper" }, h("ch-image", { class: "icon-md", src: icon }), `${objectType.name}`));
+        });
+        _GxIdeTeamDevBringChanges_renderObjectsRows.set(this, () => {
+            return this.objectsFiltered.map(commitObject => {
+                const marked = this.markedObjectsSet.has(commitObject.id);
+                const alreadyMerged = this.alreadyMergedObjectsIdsArray.find(checkedObjectId => checkedObjectId === commitObject.id);
+                const errorOrWarningMessage = this.commitObjectsMessagesMap.get(commitObject.id);
+                const state = this.objectsStatesMap.get(commitObject.id);
+                let MESSAGE_ICON;
+                if (state === "error") {
+                    MESSAGE_ICON = ERROR_ICON;
+                }
+                else if (state === "warning") {
+                    MESSAGE_ICON = WARNING_ICON;
+                }
+                return (h("ch-tabular-grid-row", { class: "tabular-grid-row", key: commitObject.id, rowid: commitObject.id, ref: (el) => marked && (el === null || el === void 0 ? void 0 : el.setAttribute("marked", "true")) }, h("ch-tabular-grid-cell", { "cell-type": "rich", "row-selector": "true", class: {
+                        "tabular-grid-cell": true,
+                        "no-checkbox-custom-selector": alreadyMerged
+                    }, size: "max-content" }, commitObject.name), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, __classPrivateFieldGet(this, _GxIdeTeamDevBringChanges_renderObjectType, "f").call(this, commitObject.type)), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, commitObject.description), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, __classPrivateFieldGet(this, _GxIdeTeamDevBringChanges_renderActionCellContent, "f").call(this, commitObject.actionTaken)), h("ch-tabular-grid-cell", { class: "tabular-grid-cell tabular-grid-cell--for-pill" }, __classPrivateFieldGet(this, _GxIdeTeamDevBringChanges_renderObjectState, "f").call(this, this.objectsStatesMap.get(commitObject.id), commitObject.id)), h("ch-tabular-grid-cell", { class: "tabular-grid-cell tabular-grid-cell--settings-custom-selector", "cell-type": "rich", "row-actions": "true" }), errorOrWarningMessage && (h("ch-tabular-grid-rowset", { class: "tabular-grid-rowset" }, h("ch-tabular-grid-rowset-empty", { class: { "tabular-grid-rowset-empty": true, [state]: true } }, h("p", { class: "warning-error-description" }, h("ch-image", { class: "icon-md warning-error-icon", src: MESSAGE_ICON }), errorOrWarningMessage))))));
+            });
+        });
+        _GxIdeTeamDevBringChanges_rowContextMenuHandler.set(this, (event) => {
+            const rowId = event.detail.rowId;
+            __classPrivateFieldGet(this, _GxIdeTeamDevBringChanges_updateMenuContextActions, "f").call(this, rowId);
+        });
+        _GxIdeTeamDevBringChanges_rowMarkingChangedHandler.set(this, (event) => {
+            const newobjectsMarkedSet = new Set();
+            const newobjectsStatesMap = new Map(this.objectsStatesMap);
+            const markedRowsIds = event.detail.rowsId;
+            const checkedObjectsIgnoringAlreadyMerged = markedRowsIds.filter(markedObjectId => !this.alreadyMergedObjectsIdsArray.includes(markedObjectId));
+            __classPrivateFieldSet(this, _GxIdeTeamDevBringChanges_checkedObjectsIdsArray, [...checkedObjectsIgnoringAlreadyMerged], "f");
+            // Update markedObjectsSet
+            __classPrivateFieldGet(this, _GxIdeTeamDevBringChanges_checkedObjectsIdsArray, "f").forEach(checkedObjectId => {
+                newobjectsMarkedSet.add(checkedObjectId);
+            });
+            this.markedObjectsSet = newobjectsMarkedSet;
+            this.atLeastOneObjectIsChecked = markedRowsIds.length > 0;
+            newobjectsStatesMap.forEach(objectId => {
+                const objectCurrentState = this.objectsStatesMap.get(objectId);
+                if (objectCurrentState !== "to-merge" &&
+                    objectCurrentState !== "to-merge-marked") {
+                    return;
+                }
+                const markedRowIndex = markedRowsIds.findIndex(id => id === objectId);
+                if (markedRowIndex !== -1) {
+                    newobjectsStatesMap.set(objectId, "to-merge-marked");
+                    markedRowsIds.splice(markedRowIndex, 1);
+                }
+                else {
+                    newobjectsStatesMap.set(objectId, "to-merge");
+                }
+            });
+            this.objectsStatesMap = newobjectsStatesMap;
+        });
+        _GxIdeTeamDevBringChanges_searchInputHandler.set(this, (event) => {
+            this.searchValue = event.detail.toLowerCase();
+            __classPrivateFieldGet(this, _GxIdeTeamDevBringChanges_updateFilteredObjects, "f").call(this);
+        });
+        _GxIdeTeamDevBringChanges_stateChangedHandler.set(this, (event) => {
+            this.stateFilterValue = event.detail;
+            __classPrivateFieldGet(this, _GxIdeTeamDevBringChanges_updateFilteredObjects, "f").call(this);
+        });
+        _GxIdeTeamDevBringChanges_updateMenuContextActions.set(this, (currentObjectContextMenuId) => {
+            const object = this.commitObjects.find(commitObject => commitObject.id === currentObjectContextMenuId);
+            this.menuContextAction = object.actionTaken;
+        });
+        _GxIdeTeamDevBringChanges_updateFilteredObjects.set(this, () => {
+            let filteredObjects = [...this.commitObjects];
+            // filter by state (ch-combo-box-render) ...
+            if (this.stateFilterValue !== "all") {
+                filteredObjects = filteredObjects.filter(object => {
+                    const objectState = this.objectsStatesMap.get(object.id);
+                    return objectState === this.stateFilterValue;
+                });
+            }
+            // and filter by value (ch-edit) as well
+            filteredObjects = filteredObjects.filter(object => {
+                const includesName = object.name.toLowerCase().includes(this.searchValue);
+                const includesType = object.type.name
+                    .toLowerCase()
+                    .includes(this.searchValue);
+                const includesDescription = object.description
+                    .toLowerCase()
+                    .includes(this.searchValue);
+                if (includesName || includesType || includesDescription) {
+                    return true;
+                }
+                return false;
+            });
+            this.objectsFiltered = filteredObjects;
+        });
+        this.alreadyMergedObjectsIdsArray = [];
+        this.atLeastOneObjectIsChecked = false;
+        this.loading = true;
+        this.menuContextAction = undefined;
+        this.objectsFiltered = [];
+        this.searchValue = "";
+        this.stateFilterValue = COMBO_BOX_ALL_VALUE;
+        this.markedObjectsSet = new Set();
+        this.objectsStatesMap = new Map();
+        this.commitObjectsMessagesMap = new Map();
+        this.merging = false;
+        this.commitDetail = undefined;
+        this.commitInformation = [];
+        this.commitObjects = [];
+        this.enableRowOptions = false;
+        this.hideFilters = false;
+        this.mergeObjectsCallback = undefined;
+        this.mergePillAsButton = undefined;
+    }
+    objectsStatesMapChanged(newCommitObjectsStateMap) {
+        const someObjectIsMerging = [...newCommitObjectsStateMap.entries()].find(([, state]) => state === "merging");
+        if (!someObjectIsMerging) {
+            this.merging = false;
+        }
+    }
+    commitObjectsChanged(newCommitObjects) {
+        if (newCommitObjects.length) {
+            // This is the first and only objects asignment
+            this.loading = false;
+            // All commit objects begin as "pending to merge"
+            newCommitObjects.forEach(commitObject => {
+                this.objectsStatesMap.set(commitObject.id, "to-merge");
+            });
+            this.objectsFiltered = this.commitObjects;
+        }
+    }
+    async componentWillLoad() {
+        var _a;
+        __classPrivateFieldSet(this, _GxIdeTeamDevBringChanges_componentLocale, await Locale.getComponentStrings(this.el), "f");
+        __classPrivateFieldSet(this, _GxIdeTeamDevBringChanges_commitLabel, this.commitInformation.length > 1
+            ? __classPrivateFieldGet(this, _GxIdeTeamDevBringChanges_componentLocale, "f").commmits
+            : __classPrivateFieldGet(this, _GxIdeTeamDevBringChanges_componentLocale, "f").commmit, "f");
+        // Initiate "states" combo box filter
+        __classPrivateFieldSet(this, _GxIdeTeamDevBringChanges_comboBoxStatesModel, [
+            {
+                caption: __classPrivateFieldGet(this, _GxIdeTeamDevBringChanges_componentLocale, "f").states.all,
+                value: COMBO_BOX_ALL_VALUE
+            },
+            {
+                caption: __classPrivateFieldGet(this, _GxIdeTeamDevBringChanges_componentLocale, "f").states["to-merge"],
+                value: "to-merge"
+            },
+            {
+                caption: __classPrivateFieldGet(this, _GxIdeTeamDevBringChanges_componentLocale, "f").states.warning,
+                value: "warning"
+            },
+            {
+                caption: __classPrivateFieldGet(this, _GxIdeTeamDevBringChanges_componentLocale, "f").states.error,
+                value: "error"
+            },
+            {
+                caption: __classPrivateFieldGet(this, _GxIdeTeamDevBringChanges_componentLocale, "f").states.merged,
+                value: "merged"
+            }
+        ], "f");
+        if ((_a = this.commitObjects) === null || _a === void 0 ? void 0 : _a.length) {
+            // if commitObjects already set...
+            this.commitObjectsChanged(this.commitObjects);
+        }
+    }
+    /**
+     * It allows the host updating an object state, by providing the object id.
+     * @param objectId The ID of the object to update.
+     * @param newState The new state to set on the object.
+     * @param message Optional message explaining the change.
+     *
+     * @example
+     * bringChanges.updateObjectState('obj-24', "merging", null);
+     * bringChanges.updateObjectState('obj-27', "error", "The server did not respond.");
+     */
+    async updateObjectState(objectId, newState, message) {
+        // update object state
+        const newobjectsStatesMap = new Map(this.objectsStatesMap);
+        newobjectsStatesMap.set(objectId, newState);
+        this.objectsStatesMap = newobjectsStatesMap;
+        // add message if state is "warning" or "error"
+        if ((message === null || message === void 0 ? void 0 : message.length) > 0) {
+            this.commitObjectsMessagesMap.set(objectId, message);
+        }
+        if (newState === "merged") {
+            // remove from checked
+            __classPrivateFieldSet(this, _GxIdeTeamDevBringChanges_checkedObjectsIdsArray, __classPrivateFieldGet(this, _GxIdeTeamDevBringChanges_checkedObjectsIdsArray, "f").filter(checkedObject => checkedObject !== objectId), "f");
+            // add to "already merged". This will hide the checkbox
+            this.alreadyMergedObjectsIdsArray.push(objectId);
+            // unmark checkbox:
+            this.tabularGridEl.markRow(objectId, false);
+            // remove message if any
+            this.commitObjectsMessagesMap.delete(objectId);
+        }
+    }
+    render() {
+        const enableRichRowSelector = this.alreadyMergedObjectsIdsArray.length !== this.commitObjects.length;
+        const disableControls = this.merging || this.loading;
+        return (h(Host, { class: "widget" }, h("ch-theme", { model: CSS_BUNDLES }), h("section", { class: "section" }, h("header", { class: "header spacing-body-inline spacing-body-block-start" }, h("div", {
+            // header details
+            class: "header__detail"
+        }, h("p", { class: "detail__title subtitle-semi-bold-xs" }, __classPrivateFieldGet(this, _GxIdeTeamDevBringChanges_componentLocale, "f").commitDetail.bringChangesDetail), h("p", { class: "detail__commit-name subtitle-semi-bold-s" }, __classPrivateFieldGet(this, _GxIdeTeamDevBringChanges_renderCommitsNumbers, "f").call(this)), h("div", {
+            // genexus server
+            class: "detail__genexus-server field field-block"
+        }, h("span", { class: DETAIL_LABEL_CLASSES }, __classPrivateFieldGet(this, _GxIdeTeamDevBringChanges_componentLocale, "f").commitDetail.genexusServer), h("a", { class: "detail__link body-regular-s", href: this.commitDetail.genexusServer, target: "_blank" }, this.commitDetail.genexusServer)), h("div", {
+            // knowledge base
+            class: "detail__knowledge-base field field-block"
+        }, h("span", { class: DETAIL_LABEL_CLASSES }, __classPrivateFieldGet(this, _GxIdeTeamDevBringChanges_componentLocale, "f").commitDetail.knowledgeBase), h("p", { class: "body-regular-s" }, this.commitDetail.knowledgeBase)), h("div", {
+            // current version
+            class: "detail__current-version field field-block"
+        }, h("span", { class: DETAIL_LABEL_CLASSES }, __classPrivateFieldGet(this, _GxIdeTeamDevBringChanges_componentLocale, "f").commitDetail.currentVersion), h("a", { class: "body-regular-s" }, this.commitDetail.currentVersion)), h("div", {
+            // merge from version
+            class: "detail__merge-from-version field field-block"
+        }, h("span", { class: DETAIL_LABEL_CLASSES }, __classPrivateFieldGet(this, _GxIdeTeamDevBringChanges_componentLocale, "f").commitDetail.mergeFromVersion), h("p", { class: "body-regular-s" }, this.commitDetail.mergeFromVersion))), h("div", {
+            // header information
+            class: "header__information"
+        }, h("p", { class: "information__title subtitle-semi-bold-xs" }, __classPrivateFieldGet(this, _GxIdeTeamDevBringChanges_componentLocale, "f").commitInformation.title), h("div", {
+            // header information (col-1)
+            class: "information__col-1"
+        }, h("div", {
+            // IDs
+            class: "field field-block"
+        }, h("span", { class: DETAIL_LABEL_CLASSES }, this.commitInformation.length === 1
+            ? __classPrivateFieldGet(this, _GxIdeTeamDevBringChanges_componentLocale, "f").commitInformation.id
+            : __classPrivateFieldGet(this, _GxIdeTeamDevBringChanges_componentLocale, "f").commitInformation.ids), h("p", { class: "body-regular-s" }, __classPrivateFieldGet(this, _GxIdeTeamDevBringChanges_renderCommitsNumbers, "f").call(this, true))), this.commitInformation.length === 1 ? (h("div", { class: "field field-block" }, h("span", { class: DETAIL_LABEL_CLASSES }, __classPrivateFieldGet(this, _GxIdeTeamDevBringChanges_componentLocale, "f").commitInformation.date), h("p", { class: "body-regular-s" }, __classPrivateFieldGet(this, _GxIdeTeamDevBringChanges_renderFormatedDate, "f").call(this, this.commitInformation[0].date)))) : ([
+            h("div", { class: "field field-block" }, h("span", { class: DETAIL_LABEL_CLASSES }, __classPrivateFieldGet(this, _GxIdeTeamDevBringChanges_componentLocale, "f").commitInformation.from), h("p", { class: "body-regular-s" }, __classPrivateFieldGet(this, _GxIdeTeamDevBringChanges_renderFormatedDate, "f").call(this, this.commitInformation[0].date))),
+            h("div", { class: "field field-block" }, h("span", { class: DETAIL_LABEL_CLASSES }, __classPrivateFieldGet(this, _GxIdeTeamDevBringChanges_componentLocale, "f").commitInformation.to), h("p", { class: "body-regular-s" }, __classPrivateFieldGet(this, _GxIdeTeamDevBringChanges_renderFormatedDate, "f").call(this, this.commitInformation[this.commitInformation.length - 1].date)))
+        ])), h("div", {
+            // header information (col-2)
+            class: "information__col-2"
+        }, h("div", {
+            // To
+            class: "field field-block"
+        }, h("label", { class: DETAIL_LABEL_CLASSES, htmlFor: "commit-comments" }, this.commitInformation.length > 1
+            ? __classPrivateFieldGet(this, _GxIdeTeamDevBringChanges_componentLocale, "f").commitInformation.comments
+            : __classPrivateFieldGet(this, _GxIdeTeamDevBringChanges_componentLocale, "f").commitInformation.comment), h("div", { class: "input-comments-container" }, h("ch-edit", { id: "commit-comments", class: "input scrollable input-comments body-regular-s", type: "text", multiline: true, readonly: true, value: __classPrivateFieldGet(this, _GxIdeTeamDevBringChanges_formatComments, "f").call(this) })))))), h("div", { class: {
+                "controls-container": true,
+                "filter": !this.hideFilters,
+                "spacing-body-inline": true
+            } }, !this.hideFilters && [
+            h("ch-edit", { class: "input", disabled: disableControls, startImgSrc: SEARCH_ICON, placeholder: __classPrivateFieldGet(this, _GxIdeTeamDevBringChanges_componentLocale, "f").filter.searchPlaceholder, type: "search", onInput: __classPrivateFieldGet(this, _GxIdeTeamDevBringChanges_searchInputHandler, "f") }),
+            h("ch-combo-box-render", { class: "combo-box", disabled: disableControls, model: __classPrivateFieldGet(this, _GxIdeTeamDevBringChanges_comboBoxStatesModel, "f"), value: this.stateFilterValue, onInput: __classPrivateFieldGet(this, _GxIdeTeamDevBringChanges_stateChangedHandler, "f"), placeholder: __classPrivateFieldGet(this, _GxIdeTeamDevBringChanges_componentLocale, "f").filter.statePlaceholder })
+        ], h("button", { class: "button-primary button-merge-checked", disabled: !this.atLeastOneObjectIsChecked || disableControls, onClick: __classPrivateFieldGet(this, _GxIdeTeamDevBringChanges_mergeCheckedClickedHandler, "f") }, __classPrivateFieldGet(this, _GxIdeTeamDevBringChanges_componentLocale, "f").filter.mergeChecked)), h("div", { class: "main spacing-body" }, this.commitObjects.length ? (h("ch-tabular-grid", { class: {
+                "tabular-grid": true,
+                "objects-tabular-grid": true,
+                "disabled-custom-selector": this.merging,
+                "empty-result": this.objectsFiltered.length === 0
+            }, keyboardNavigationMode: "focus", rowSelectionMode: "multiple", onRowMarkingChanged: __classPrivateFieldGet(this, _GxIdeTeamDevBringChanges_rowMarkingChangedHandler, "f"), onRowContextMenu: __classPrivateFieldGet(this, _GxIdeTeamDevBringChanges_rowContextMenuHandler, "f"), ref: el => (this.tabularGridEl = el) }, h("ch-tabular-grid-columnset", { class: "tabular-grid-column-set" }, h("ch-tabular-grid-column", { class: "tabular-grid-column", columnId: "name", columnName: __classPrivateFieldGet(this, _GxIdeTeamDevBringChanges_componentLocale, "f").objects.name, columnType: "rich", richRowSelector: enableRichRowSelector, richRowSelectorMode: "mark", settingable: false, size: "max-content" }), h("ch-tabular-grid-column", { class: "tabular-grid-column", columnId: "type", columnName: __classPrivateFieldGet(this, _GxIdeTeamDevBringChanges_componentLocale, "f").objects.type, settingable: false, size: "max-content" }), h("ch-tabular-grid-column", { class: "tabular-grid-column", columnId: "description", columnName: __classPrivateFieldGet(this, _GxIdeTeamDevBringChanges_componentLocale, "f").objects.description, settingable: false, size: "auto" }), h("ch-tabular-grid-column", { class: "tabular-grid-column", columnId: "action", columnName: __classPrivateFieldGet(this, _GxIdeTeamDevBringChanges_componentLocale, "f").objects.action, settingable: false, size: "max-content" }), h("ch-tabular-grid-column", {
+            // size of this column should the enough for the largest pill, and no more.
+            // this prevents layout shifts when pills state changes.
+            class: "tabular-grid-column", columnId: "status", columnName: __classPrivateFieldGet(this, _GxIdeTeamDevBringChanges_componentLocale, "f").objects.status, settingable: false, size: "100px"
+        }), h("ch-tabular-grid-column", { class: "tabular-grid-column tabular-grid-column--settings-custom-selector", columnId: "actions", columnName: "Actions", columnNameHidden: true, size: "min-content", columnType: "rich", richRowActions: true, settingable: false })), __classPrivateFieldGet(this, _GxIdeTeamDevBringChanges_renderObjectsRows, "f").call(this), this.enableRowOptions && (h("ch-tabular-grid-row-actions", { class: "tabular-grid-row-actions", showOnRowActions: true }, __classPrivateFieldGet(this, _GxIdeTeamDevBringChanges_renderObjectActions, "f").call(this))), this.enableRowOptions && (h("ch-tabular-grid-row-actions", { class: "tabular-grid-row-actions", showOnRowContext: true }, __classPrivateFieldGet(this, _GxIdeTeamDevBringChanges_renderObjectActions, "f").call(this))), h("ch-tabular-grid-rowset", { class: "tabular-grid-rowset" }, this.objectsFiltered.length === 0 && (h("ch-tabular-grid-rowset-empty", null, h("gx-ide-empty-state", { class: "empty-state", isAnimated: true, stateIconSrc: FILTER_ICON, stateTitle: "No object matched your filter" })))))) : (h("gx-ide-loader", { cancelLabel: __classPrivateFieldGet(this, _GxIdeTeamDevBringChanges_componentLocale, "f").loader.cancelLabel, loaderTitle: __classPrivateFieldGet(this, _GxIdeTeamDevBringChanges_componentLocale, "f").loader.title, description: __classPrivateFieldGet(this, _GxIdeTeamDevBringChanges_componentLocale, "f").loader.description, show: true, class: "loader" }))))));
+    }
+    static get assetsDirs() { return ["gx-ide-assets/team-dev-bring-changes"]; }
+    get el() { return this; }
+    static get watchers() { return {
+        "objectsStatesMap": ["objectsStatesMapChanged"],
+        "commitObjects": ["commitObjectsChanged"]
+    }; }
+    static get style() { return bringChangesCss; }
+}, [1, "gx-ide-team-dev-bring-changes", {
+        "commitDetail": [16],
+        "commitInformation": [16],
+        "commitObjects": [16],
+        "enableRowOptions": [4, "enable-row-options"],
+        "hideFilters": [4, "hide-filters"],
+        "mergeObjectsCallback": [16],
+        "mergePillAsButton": [4, "merge-pill-as-button"],
+        "alreadyMergedObjectsIdsArray": [32],
+        "atLeastOneObjectIsChecked": [32],
+        "loading": [32],
+        "menuContextAction": [32],
+        "objectsFiltered": [32],
+        "searchValue": [32],
+        "stateFilterValue": [32],
+        "markedObjectsSet": [32],
+        "objectsStatesMap": [32],
+        "commitObjectsMessagesMap": [32],
+        "merging": [32],
+        "updateObjectState": [64]
+    }, undefined, {
+        "objectsStatesMap": ["objectsStatesMapChanged"],
+        "commitObjects": ["commitObjectsChanged"]
+    }]);
+_GxIdeTeamDevBringChanges_componentLocale = new WeakMap(), _GxIdeTeamDevBringChanges_commitLabel = new WeakMap(), _GxIdeTeamDevBringChanges_comboBoxStatesModel = new WeakMap(), _GxIdeTeamDevBringChanges_checkedObjectsIdsArray = new WeakMap(), _GxIdeTeamDevBringChanges_formatComments = new WeakMap(), _GxIdeTeamDevBringChanges_mergeCheckedClickedHandler = new WeakMap(), _GxIdeTeamDevBringChanges_mergeSingleObject = new WeakMap(), _GxIdeTeamDevBringChanges_renderActionCellContent = new WeakMap(), _GxIdeTeamDevBringChanges_renderCommitsNumbers = new WeakMap(), _GxIdeTeamDevBringChanges_renderFormatedDate = new WeakMap(), _GxIdeTeamDevBringChanges_renderObjectActions = new WeakMap(), _GxIdeTeamDevBringChanges_renderObjectState = new WeakMap(), _GxIdeTeamDevBringChanges_renderObjectType = new WeakMap(), _GxIdeTeamDevBringChanges_renderObjectsRows = new WeakMap(), _GxIdeTeamDevBringChanges_rowContextMenuHandler = new WeakMap(), _GxIdeTeamDevBringChanges_rowMarkingChangedHandler = new WeakMap(), _GxIdeTeamDevBringChanges_searchInputHandler = new WeakMap(), _GxIdeTeamDevBringChanges_stateChangedHandler = new WeakMap(), _GxIdeTeamDevBringChanges_updateMenuContextActions = new WeakMap(), _GxIdeTeamDevBringChanges_updateFilteredObjects = new WeakMap();
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["gx-ide-team-dev-bring-changes", "gx-ide-empty-state", "gx-ide-loader"];
+    components.forEach(tagName => { switch (tagName) {
+        case "gx-ide-team-dev-bring-changes":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, GxIdeTeamDevBringChanges$1);
+            }
+            break;
+        case "gx-ide-empty-state":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "gx-ide-loader":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+
+const GxIdeTeamDevBringChanges = GxIdeTeamDevBringChanges$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { GxIdeTeamDevBringChanges, defineCustomElement };
+
+//# sourceMappingURL=gx-ide-team-dev-bring-changes.js.map