@genexus/genexus-ide-ui 1.1.11 → 1.1.13

package/dist/collection/components/team-dev/bring-changes/bring-changes.js

@@ -0,0 +1,670 @@
+var __classPrivateFieldGet = (this && this.__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 = (this && this.__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;
+import { Host, h } from "@stencil/core";
+import { getIconPath } from "@genexus/mercury";
+import { Locale } from "../../../common/locale";
+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"
+});
+export class GxIdeTeamDevBringChanges {
+    constructor() {
+        /**
+         * 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);
+                    markedRowsIds;
+                }
+                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 is() { return "gx-ide-team-dev-bring-changes"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["bring-changes.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["bring-changes.css"]
+        };
+    }
+    static get assetsDirs() { return ["gx-ide-assets/team-dev-bring-changes"]; }
+    static get properties() {
+        return {
+            "commitDetail": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "CommitDetail",
+                    "resolved": "{ genexusServer: string; knowledgeBase: string; currentVersion: string; mergeFromVersion: string; }",
+                    "references": {
+                        "CommitDetail": {
+                            "location": "local",
+                            "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/team-dev/bring-changes/bring-changes.tsx",
+                            "id": "src/components/team-dev/bring-changes/bring-changes.tsx::CommitDetail"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Detail about the commit"
+                }
+            },
+            "commitInformation": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "CommitInformation[]",
+                    "resolved": "CommitInformation[]",
+                    "references": {
+                        "CommitInformation": {
+                            "location": "local",
+                            "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/team-dev/bring-changes/bring-changes.tsx",
+                            "id": "src/components/team-dev/bring-changes/bring-changes.tsx::CommitInformation"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Commit information"
+                },
+                "defaultValue": "[]"
+            },
+            "commitObjects": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "CommitObject[]",
+                    "resolved": "CommitObject[]",
+                    "references": {
+                        "CommitObject": {
+                            "location": "local",
+                            "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/team-dev/bring-changes/bring-changes.tsx",
+                            "id": "src/components/team-dev/bring-changes/bring-changes.tsx::CommitObject"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Array of commit"
+                },
+                "defaultValue": "[]"
+            },
+            "enableRowOptions": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Determines whether the row options are enabled or not."
+                },
+                "attribute": "enable-row-options",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "hideFilters": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Determines whether the filters are rendered or not."
+                },
+                "attribute": "hide-filters",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "mergeObjectsCallback": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "MergeObjectsCallback",
+                    "resolved": "(objectsIds: string[]) => Promise<void>",
+                    "references": {
+                        "MergeObjectsCallback": {
+                            "location": "local",
+                            "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/team-dev/bring-changes/bring-changes.tsx",
+                            "id": "src/components/team-dev/bring-changes/bring-changes.tsx::MergeObjectsCallback"
+                        }
+                    }
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The callback that is triggered when the user wants to merge more than one commit."
+                }
+            },
+            "mergePillAsButton": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "If true, the \"Action\" column will display a button instead of a pill, only when the action is"
+                },
+                "attribute": "merge-pill-as-button",
+                "reflect": false
+            }
+        };
+    }
+    static get states() {
+        return {
+            "alreadyMergedObjectsIdsArray": {},
+            "atLeastOneObjectIsChecked": {},
+            "loading": {},
+            "menuContextAction": {},
+            "objectsFiltered": {},
+            "searchValue": {},
+            "stateFilterValue": {},
+            "markedObjectsSet": {},
+            "objectsStatesMap": {},
+            "commitObjectsMessagesMap": {},
+            "merging": {}
+        };
+    }
+    static get methods() {
+        return {
+            "updateObjectState": {
+                "complexType": {
+                    "signature": "(objectId: string, newState: ObjectState, message: string) => Promise<void>",
+                    "parameters": [{
+                            "name": "objectId",
+                            "type": "string",
+                            "docs": "The ID of the object to update."
+                        }, {
+                            "name": "newState",
+                            "type": "\"error\" | \"warning\" | \"to-merge\" | \"to-merge-marked\" | \"merging\" | \"pending\" | \"merged\"",
+                            "docs": "The new state to set on the object."
+                        }, {
+                            "name": "message",
+                            "type": "string",
+                            "docs": "Optional message explaining the change."
+                        }],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        },
+                        "ObjectState": {
+                            "location": "local",
+                            "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/team-dev/bring-changes/bring-changes.tsx",
+                            "id": "src/components/team-dev/bring-changes/bring-changes.tsx::ObjectState"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "It allows the host updating an object state, by providing the object id.",
+                    "tags": [{
+                            "name": "param",
+                            "text": "objectId The ID of the object to update."
+                        }, {
+                            "name": "param",
+                            "text": "newState The new state to set on the object."
+                        }, {
+                            "name": "param",
+                            "text": "message Optional message explaining the change."
+                        }, {
+                            "name": "example",
+                            "text": "bringChanges.updateObjectState('obj-24', \"merging\", null);\nbringChanges.updateObjectState('obj-27', \"error\", \"The server did not respond.\");"
+                        }]
+                }
+            }
+        };
+    }
+    static get elementRef() { return "el"; }
+    static get watchers() {
+        return [{
+                "propName": "objectsStatesMap",
+                "methodName": "objectsStatesMapChanged"
+            }, {
+                "propName": "commitObjects",
+                "methodName": "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();
+//# sourceMappingURL=bring-changes.js.map