@genexus/genexus-ide-ui 1.1.65 → 1.1.67

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

@@ -0,0 +1,232 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { L as Locale } from './locale.js';
+import { v as validateControls, c as clearControlError } from './form-validation.js';
+import { c as config } from './config.js';
+
+const bringAllChangesSelectorCss = ":host{display:grid;block-size:100%;grid-template-rows:1fr max-content}.commit-date-container,.commit-number-container{display:grid;gap:15px}.commit-date-container{grid-template-rows:max-content max-content max-content max-content}.commit-number-container{grid-template-rows:max-content max-content max-content}.heading{margin-block:0}.tooltip{position:absolute}";
+
+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 _GxIdeBringAllChangesSelector_componentLocale, _GxIdeBringAllChangesSelector_revisionNumberRef, _GxIdeBringAllChangesSelector_revisionDateRef, _GxIdeBringAllChangesSelector_evaluateTooltipRender, _GxIdeBringAllChangesSelector_initializeValidatableControls, _GxIdeBringAllChangesSelector_cancelClickHandler, _GxIdeBringAllChangesSelector_confirmClickHandler, _GxIdeBringAllChangesSelector_handleLastDates, _GxIdeBringAllChangesSelector_handleCommitDateValueChanged, _GxIdeBringAllChangesSelector_handleCommitNumberValueChanged, _GxIdeBringAllChangesSelector_handleRadioGroupValueChange, _GxIdeBringAllChangesSelector_confirmButtonDisabled, _GxIdeBringAllChangesSelector_renderCommitDateInput, _GxIdeBringAllChangesSelector_renderCommitNumberInput, _GxIdeBringAllChangesSelector_renderLastDatesButtons;
+const CSS_BUNDLES = [
+    "resets/box-sizing",
+    "utils/form",
+    "utils/spacing",
+    "utils/layout",
+    "components/checkbox",
+    "components/button",
+    "components/edit",
+    "components/radio-group",
+    "components/tooltip"
+];
+const MERGE_ACTION_OPTIONS = {
+    fromCommitDate: {
+        value: "fromCommitDate"
+    },
+    fromCommitNumber: {
+        value: "fromCommitNumber"
+    }
+};
+const GxIdeBringAllChangesSelector = /*@__PURE__*/ proxyCustomElement(class GxIdeBringAllChangesSelector extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        _GxIdeBringAllChangesSelector_componentLocale.set(this, void 0);
+        _GxIdeBringAllChangesSelector_revisionNumberRef.set(this, void 0);
+        _GxIdeBringAllChangesSelector_revisionDateRef.set(this, void 0);
+        // TODO: evaluate if this should be a global helper function.
+        // It is used on other dialogs as well.
+        _GxIdeBringAllChangesSelector_evaluateTooltipRender.set(this, (controlReference) => {
+            var _a, _b, _c;
+            return ((_b = (_a = this.validatableControls) === null || _a === void 0 ? void 0 : _a.get(controlReference === null || controlReference === void 0 ? void 0 : controlReference.id)) === null || _b === void 0 ? void 0 : _b.hasError) &&
+                ((_c = this.validatableControls.get(controlReference.id)) === null || _c === void 0 ? void 0 : _c.message) && (h("ch-tooltip", { class: "tooltip", actionElement: controlReference, blockAlign: config.tooltipSettings.blockAlign, inlineAlign: config.tooltipSettings.inlineAlign, delay: config.tooltipSettings.delay }, this.validatableControls.get(controlReference.id).message));
+        });
+        _GxIdeBringAllChangesSelector_initializeValidatableControls.set(this, (validatableControls) => {
+            validatableControls.forEach(validatableControl => {
+                if (validatableControl.id &&
+                    !this.validatableControls.has(validatableControl.id)) {
+                    this.validatableControls.set(validatableControl.id, {
+                        reference: validatableControl,
+                        hasError: false,
+                        message: undefined
+                    });
+                }
+            });
+        });
+        _GxIdeBringAllChangesSelector_cancelClickHandler.set(this, async () => {
+            await this.cancelCallback();
+        });
+        _GxIdeBringAllChangesSelector_confirmClickHandler.set(this, async () => {
+            let formSubmitResult;
+            const selectedMergeActionData = {
+                operationType: this.selectedOption,
+                fromDate: this.selectedOption === "fromCommitDate"
+                    ? this.sinceCommitDate
+                    : undefined,
+                fromRevision: this.selectedOption === "fromCommitNumber"
+                    ? this.sinceCommitNumber
+                    : undefined
+            };
+            formSubmitResult = await this.confirmCallback(selectedMergeActionData);
+            this.validatableControls = validateControls(formSubmitResult, this.validatableControls);
+        });
+        _GxIdeBringAllChangesSelector_handleLastDates.set(this, (lastDates) => {
+            const currentDate = new Date();
+            let sinceDate = new Date();
+            switch (lastDates) {
+                case "lastSevenDays":
+                    sinceDate.setDate(currentDate.getDate() - 7);
+                    break;
+                case "lastThirtyDays":
+                    sinceDate.setDate(currentDate.getDate() - 30);
+                    break;
+                case "lastNinetyDays":
+                    sinceDate.setDate(currentDate.getDate() - 90);
+                    break;
+            }
+            this.sinceCommitDate = sinceDate;
+        });
+        _GxIdeBringAllChangesSelector_handleCommitDateValueChanged.set(this, (event) => {
+            this.sinceCommitDate =
+                event.detail && event.detail !== "" ? new Date(event.detail) : undefined;
+            clearControlError(this.validatableControls, "commit-date");
+        });
+        _GxIdeBringAllChangesSelector_handleCommitNumberValueChanged.set(this, (event) => {
+            this.sinceCommitNumber = Number(event.detail);
+            clearControlError(this.validatableControls, "commit-number");
+        });
+        _GxIdeBringAllChangesSelector_handleRadioGroupValueChange.set(this, (event) => {
+            this.selectedOption = event.detail;
+            if (this.selectedOption === "fromCommitDate") {
+                this.sinceCommitNumber = undefined;
+                clearControlError(this.validatableControls, "commit-number");
+            }
+            else if (this.selectedOption === "fromCommitNumber") {
+                this.sinceCommitDate = undefined;
+                clearControlError(this.validatableControls, "commit-date");
+            }
+        });
+        _GxIdeBringAllChangesSelector_confirmButtonDisabled.set(this, () => {
+            if (this.selectedOption === "fromCommitDate") {
+                // Validate that sinceCommitDate is a valid date
+                return !(this.sinceCommitDate instanceof Date &&
+                    !isNaN(this.sinceCommitDate.getTime()));
+            }
+            else if (this.selectedOption === "fromCommitNumber") {
+                // Validate that sinceCommitNumber is a valid number
+                return !(this.sinceCommitNumber > 0);
+            }
+            return true;
+        });
+        _GxIdeBringAllChangesSelector_renderCommitDateInput.set(this, () => {
+            var _a;
+            if (this.selectedOption !== "fromCommitDate") {
+                return null;
+            }
+            return (h("div", { class: "layout layout--cols-2-1" }, h("div", { class: "layout__panel" }, h("div", { class: "field field-block" }, h("label", { class: "label", htmlFor: "commit-date" }, __classPrivateFieldGet(this, _GxIdeBringAllChangesSelector_componentLocale, "f").labels.commitDate), h("ch-edit", { class: {
+                    "input": true,
+                    "input-error": (_a = this.validatableControls.get("commit-date")) === null || _a === void 0 ? void 0 : _a.hasError
+                }, id: "commit-date", type: "date", value: this.sinceCommitDate &&
+                    this.sinceCommitDate.toISOString().split("T")[0], onInput: __classPrivateFieldGet(this, _GxIdeBringAllChangesSelector_handleCommitDateValueChanged, "f"), ref: (el) => (__classPrivateFieldSet(this, _GxIdeBringAllChangesSelector_revisionDateRef, el, "f")) }), __classPrivateFieldGet(this, _GxIdeBringAllChangesSelector_evaluateTooltipRender, "f").call(this, __classPrivateFieldGet(this, _GxIdeBringAllChangesSelector_revisionDateRef, "f"))))));
+        });
+        _GxIdeBringAllChangesSelector_renderCommitNumberInput.set(this, () => {
+            var _a;
+            if (this.selectedOption !== "fromCommitNumber") {
+                return null;
+            }
+            return (h("div", { class: "layout layout--cols-2-1" }, h("div", { class: "layout__panel" }, h("div", { class: "field field-block" }, h("label", { class: "label", htmlFor: "commit-number" }, __classPrivateFieldGet(this, _GxIdeBringAllChangesSelector_componentLocale, "f").labels.commitNumber), h("ch-edit", { class: {
+                    "input": true,
+                    "input-error": (_a = this.validatableControls.get("commit-number")) === null || _a === void 0 ? void 0 : _a.hasError
+                }, id: "commit-number", type: "number", placeholder: __classPrivateFieldGet(this, _GxIdeBringAllChangesSelector_componentLocale, "f").placeholders.commitNumber, onInput: __classPrivateFieldGet(this, _GxIdeBringAllChangesSelector_handleCommitNumberValueChanged, "f"), mode: "numeric", ref: (el) => (__classPrivateFieldSet(this, _GxIdeBringAllChangesSelector_revisionNumberRef, el, "f")) }), __classPrivateFieldGet(this, _GxIdeBringAllChangesSelector_evaluateTooltipRender, "f").call(this, __classPrivateFieldGet(this, _GxIdeBringAllChangesSelector_revisionNumberRef, "f"))))));
+        });
+        _GxIdeBringAllChangesSelector_renderLastDatesButtons.set(this, () => {
+            if (this.selectedOption !== "fromCommitDate") {
+                return null;
+            }
+            return (h("div", { class: "layout layout--cols-3" }, h("div", { class: "layout__panel" }, h("button", { class: "button-secondary", onClick: () => __classPrivateFieldGet(this, _GxIdeBringAllChangesSelector_handleLastDates, "f").call(this, "lastSevenDays") }, __classPrivateFieldGet(this, _GxIdeBringAllChangesSelector_componentLocale, "f").captions.lastSevenDays)), h("div", { class: "layout__panel" }, h("button", { class: "button-secondary", onClick: () => __classPrivateFieldGet(this, _GxIdeBringAllChangesSelector_handleLastDates, "f").call(this, "lastThirtyDays") }, __classPrivateFieldGet(this, _GxIdeBringAllChangesSelector_componentLocale, "f").captions.lastThirtyDays)), h("div", { class: "layout__panel" }, h("button", { class: "button-secondary", onClick: () => __classPrivateFieldGet(this, _GxIdeBringAllChangesSelector_handleLastDates, "f").call(this, "lastNinetyDays") }, __classPrivateFieldGet(this, _GxIdeBringAllChangesSelector_componentLocale, "f").captions.lastNinetyDays))));
+        });
+        this.sinceCommitDate = undefined;
+        this.sinceCommitNumber = undefined;
+        this.selectedOption = MERGE_ACTION_OPTIONS
+            .fromCommitDate.value;
+        this.radioGroupModel = [];
+        this.validatableControls = new Map();
+        this.cancelCallback = undefined;
+        this.confirmCallback = undefined;
+    }
+    async componentWillLoad() {
+        __classPrivateFieldSet(this, _GxIdeBringAllChangesSelector_componentLocale, await Locale.getComponentStrings(this.el), "f");
+        this.radioGroupModel = [
+            {
+                value: MERGE_ACTION_OPTIONS.fromCommitDate.value,
+                caption: __classPrivateFieldGet(this, _GxIdeBringAllChangesSelector_componentLocale, "f").captions.commitDate
+            },
+            {
+                value: MERGE_ACTION_OPTIONS.fromCommitNumber.value,
+                caption: __classPrivateFieldGet(this, _GxIdeBringAllChangesSelector_componentLocale, "f").captions.commitNumber
+            }
+        ];
+    }
+    componentDidRender() {
+        if (this.selectedOption === "fromCommitDate" && __classPrivateFieldGet(this, _GxIdeBringAllChangesSelector_revisionDateRef, "f")) {
+            __classPrivateFieldGet(this, _GxIdeBringAllChangesSelector_initializeValidatableControls, "f").call(this, [__classPrivateFieldGet(this, _GxIdeBringAllChangesSelector_revisionDateRef, "f")]);
+        }
+        if (this.selectedOption === "fromCommitNumber" && __classPrivateFieldGet(this, _GxIdeBringAllChangesSelector_revisionNumberRef, "f")) {
+            __classPrivateFieldGet(this, _GxIdeBringAllChangesSelector_initializeValidatableControls, "f").call(this, [__classPrivateFieldGet(this, _GxIdeBringAllChangesSelector_revisionNumberRef, "f")]);
+        }
+    }
+    render() {
+        return (h(Host, { class: "widget" }, h("ch-theme", { model: CSS_BUNDLES }), h("div", { class: {
+                "spacing-body": true,
+                "commit-date-container": this.selectedOption === "fromCommitDate",
+                "commit-number-container": this.selectedOption === "fromCommitNumber"
+            } }, h("p", { class: "body-regular-m heading" }, __classPrivateFieldGet(this, _GxIdeBringAllChangesSelector_componentLocale, "f").labels.selectRange), h("ch-radio-group-render", { class: "radio-group", direction: "horizontal", model: this.radioGroupModel, onChange: __classPrivateFieldGet(this, _GxIdeBringAllChangesSelector_handleRadioGroupValueChange, "f"), value: MERGE_ACTION_OPTIONS.fromCommitDate.value }), __classPrivateFieldGet(this, _GxIdeBringAllChangesSelector_renderLastDatesButtons, "f").call(this), __classPrivateFieldGet(this, _GxIdeBringAllChangesSelector_renderCommitDateInput, "f").call(this), __classPrivateFieldGet(this, _GxIdeBringAllChangesSelector_renderCommitNumberInput, "f").call(this)), h("footer", { class: "control-footer-with-border spacing-body" }, h("div", { class: "buttons-spacer" }, h("button", { class: "button-secondary", onClick: __classPrivateFieldGet(this, _GxIdeBringAllChangesSelector_cancelClickHandler, "f") }, __classPrivateFieldGet(this, _GxIdeBringAllChangesSelector_componentLocale, "f").buttons.cancel), h("button", { class: "button-primary", onClick: __classPrivateFieldGet(this, _GxIdeBringAllChangesSelector_confirmClickHandler, "f"), disabled: __classPrivateFieldGet(this, _GxIdeBringAllChangesSelector_confirmButtonDisabled, "f").call(this) }, __classPrivateFieldGet(this, _GxIdeBringAllChangesSelector_componentLocale, "f").buttons.confirm)))));
+    }
+    static get assetsDirs() { return ["gx-ide-assets/team-dev-bring-all-changes-selector"]; }
+    get el() { return this; }
+    static get style() { return bringAllChangesSelectorCss; }
+}, [1, "gx-ide-team-dev-bring-all-changes-selector", {
+        "cancelCallback": [16],
+        "confirmCallback": [16],
+        "sinceCommitDate": [32],
+        "sinceCommitNumber": [32],
+        "selectedOption": [32],
+        "radioGroupModel": [32],
+        "validatableControls": [32]
+    }]);
+_GxIdeBringAllChangesSelector_componentLocale = new WeakMap(), _GxIdeBringAllChangesSelector_revisionNumberRef = new WeakMap(), _GxIdeBringAllChangesSelector_revisionDateRef = new WeakMap(), _GxIdeBringAllChangesSelector_evaluateTooltipRender = new WeakMap(), _GxIdeBringAllChangesSelector_initializeValidatableControls = new WeakMap(), _GxIdeBringAllChangesSelector_cancelClickHandler = new WeakMap(), _GxIdeBringAllChangesSelector_confirmClickHandler = new WeakMap(), _GxIdeBringAllChangesSelector_handleLastDates = new WeakMap(), _GxIdeBringAllChangesSelector_handleCommitDateValueChanged = new WeakMap(), _GxIdeBringAllChangesSelector_handleCommitNumberValueChanged = new WeakMap(), _GxIdeBringAllChangesSelector_handleRadioGroupValueChange = new WeakMap(), _GxIdeBringAllChangesSelector_confirmButtonDisabled = new WeakMap(), _GxIdeBringAllChangesSelector_renderCommitDateInput = new WeakMap(), _GxIdeBringAllChangesSelector_renderCommitNumberInput = new WeakMap(), _GxIdeBringAllChangesSelector_renderLastDatesButtons = new WeakMap();
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["gx-ide-team-dev-bring-all-changes-selector"];
+    components.forEach(tagName => { switch (tagName) {
+        case "gx-ide-team-dev-bring-all-changes-selector":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, GxIdeBringAllChangesSelector);
+            }
+            break;
+    } });
+}
+
+const GxIdeTeamDevBringAllChangesSelector = GxIdeBringAllChangesSelector;
+const defineCustomElement = defineCustomElement$1;
+
+export { GxIdeTeamDevBringAllChangesSelector, defineCustomElement };
+
+//# sourceMappingURL=gx-ide-team-dev-bring-all-changes-selector.js.map

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

@@ -0,0 +1 @@
+{"file":"gx-ide-team-dev-bring-all-changes-selector.js","mappings":"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","names":[],"sources":["src/components/team-dev/bring-all-changes-selector/bring-all-changes-selector.scss?tag=gx-ide-team-dev-bring-all-changes-selector&encapsulation=shadow","src/components/team-dev/bring-all-changes-selector/bring-all-changes-selector.tsx"],"sourcesContent":[":host {\n  display: grid;\n  block-size: 100%;\n  grid-template-rows: 1fr max-content;\n}\n\n.commit-date-container,\n.commit-number-container {\n  display: grid;\n  gap: 15px;\n}\n\n.commit-date-container {\n  grid-template-rows: max-content max-content max-content max-content;\n}\n\n.commit-number-container {\n  grid-template-rows: max-content max-content max-content;\n}\n\n.heading {\n  margin-block: 0;\n}\n\n.tooltip {\n  position: absolute;\n}\n","import { Component, Element, h, Host, Prop, State } from \"@stencil/core\";\n\nimport {\n  ChRadioGroupRenderCustomEvent,\n  RadioGroupModel\n} from \"@genexus/chameleon-controls-library\";\nimport { MercuryBundles } from \"@genexus/mercury\";\nimport { Locale } from \"../../../common/locale\";\nimport { FormSubmitResult } from \"../../../components\";\nimport {\n  clearControlError,\n  ControlValidation,\n  validateControls\n} from \"../../../common/form-validation\";\nimport { config } from \"../../../common/config\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"utils/form\",\n  \"utils/spacing\",\n  \"utils/layout\",\n  \"components/checkbox\",\n  \"components/button\",\n  \"components/edit\",\n  \"components/radio-group\",\n  \"components/tooltip\"\n];\n\nconst MERGE_ACTION_OPTIONS = {\n  fromCommitDate: {\n    value: \"fromCommitDate\"\n  },\n  fromCommitNumber: {\n    value: \"fromCommitNumber\"\n  }\n};\n\n@Component({\n  tag: \"gx-ide-team-dev-bring-all-changes-selector\",\n  styleUrl: \"bring-all-changes-selector.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/team-dev-bring-all-changes-selector\"]\n})\nexport class GxIdeBringAllChangesSelector {\n  #componentLocale: any;\n  #revisionNumberRef: HTMLChEditElement;\n  #revisionDateRef: HTMLChEditElement;\n  @Element() el: HTMLGxIdeTeamDevBringAllChangesSelectorElement;\n  /**\n   * Date from which the commits will be merged\n   */\n  @State() sinceCommitDate: Date | undefined = undefined;\n\n  /**\n   * Number from which the commits will be merged\n   */\n  @State() sinceCommitNumber: number | undefined = undefined;\n\n  /**\n   * The selected option from the radio group.\n   */\n  @State() selectedOption: MergeActionTaken = MERGE_ACTION_OPTIONS\n    .fromCommitDate.value as MergeActionTaken;\n\n  /**\n   * Model for the radio group.\n   */\n  @State() radioGroupModel: RadioGroupModel = [];\n\n  /**\n   * Map of validatable controls in the form.\n   */\n  @State() validatableControls = new Map<string, ControlValidation>();\n\n  /**\n   * Callback that must be invoked when the 'Cancel' button is pressed.\n   */\n  @Prop() readonly cancelCallback!: () => Promise<void>;\n\n  /**\n   * Callback that must be invoked when the 'Confirm' button is pressed.\n   */\n  @Prop() readonly confirmCallback!: (\n    selectedMergeActionData: SelectedMergeActionData\n  ) => Promise<FormSubmitResult>;\n\n  async componentWillLoad() {\n    this.#componentLocale = await Locale.getComponentStrings(this.el);\n    this.radioGroupModel = [\n      {\n        value: MERGE_ACTION_OPTIONS.fromCommitDate.value,\n        caption: this.#componentLocale.captions.commitDate\n      },\n      {\n        value: MERGE_ACTION_OPTIONS.fromCommitNumber.value,\n        caption: this.#componentLocale.captions.commitNumber\n      }\n    ];\n  }\n\n  componentDidRender() {\n    if (this.selectedOption === \"fromCommitDate\" && this.#revisionDateRef) {\n      this.#initializeValidatableControls([this.#revisionDateRef]);\n    }\n\n    if (this.selectedOption === \"fromCommitNumber\" && this.#revisionNumberRef) {\n      this.#initializeValidatableControls([this.#revisionNumberRef]);\n    }\n  }\n\n  // TODO: evaluate if this should be a global helper function.\n  // It is used on other dialogs as well.\n  #evaluateTooltipRender = (\n    controlReference: HTMLElement\n  ): HTMLChTooltipElement =>\n    this.validatableControls?.get(controlReference?.id)?.hasError &&\n    this.validatableControls.get(controlReference.id)?.message && (\n      <ch-tooltip\n        class=\"tooltip\"\n        actionElement={controlReference as unknown as HTMLButtonElement}\n        blockAlign={config.tooltipSettings.blockAlign}\n        inlineAlign={config.tooltipSettings.inlineAlign}\n        delay={config.tooltipSettings.delay}\n      >\n        {this.validatableControls.get(controlReference.id).message}\n      </ch-tooltip>\n    );\n\n  #initializeValidatableControls = (validatableControls: HTMLElement[]) => {\n    validatableControls.forEach(validatableControl => {\n      if (\n        validatableControl.id &&\n        !this.validatableControls.has(validatableControl.id)\n      ) {\n        this.validatableControls.set(validatableControl.id, {\n          reference: validatableControl,\n          hasError: false,\n          message: undefined\n        });\n      }\n    });\n  };\n\n  #cancelClickHandler = async () => {\n    await this.cancelCallback();\n  };\n\n  #confirmClickHandler = async () => {\n    let formSubmitResult: FormSubmitResult;\n    const selectedMergeActionData: SelectedMergeActionData = {\n      operationType: this.selectedOption,\n      fromDate:\n        this.selectedOption === \"fromCommitDate\"\n          ? this.sinceCommitDate\n          : undefined,\n      fromRevision:\n        this.selectedOption === \"fromCommitNumber\"\n          ? this.sinceCommitNumber\n          : undefined\n    };\n    formSubmitResult = await this.confirmCallback(selectedMergeActionData);\n    this.validatableControls = validateControls(\n      formSubmitResult,\n      this.validatableControls\n    );\n  };\n\n  #handleLastDates = (lastDates: LastDates) => {\n    const currentDate = new Date();\n    let sinceDate = new Date();\n    switch (lastDates) {\n      case \"lastSevenDays\":\n        sinceDate.setDate(currentDate.getDate() - 7);\n        break;\n      case \"lastThirtyDays\":\n        sinceDate.setDate(currentDate.getDate() - 30);\n        break;\n      case \"lastNinetyDays\":\n        sinceDate.setDate(currentDate.getDate() - 90);\n        break;\n    }\n    this.sinceCommitDate = sinceDate;\n  };\n\n  #handleCommitDateValueChanged = (event: CustomEvent<string> | InputEvent) => {\n    this.sinceCommitDate =\n      event.detail && event.detail !== \"\" ? new Date(event.detail) : undefined;\n    clearControlError(this.validatableControls, \"commit-date\");\n  };\n\n  #handleCommitNumberValueChanged = (\n    event: CustomEvent<string> | InputEvent\n  ) => {\n    this.sinceCommitNumber = Number(event.detail);\n    clearControlError(this.validatableControls, \"commit-number\");\n  };\n\n  #handleRadioGroupValueChange = (\n    event: ChRadioGroupRenderCustomEvent<string>\n  ) => {\n    this.selectedOption = event.detail as MergeActionTaken;\n    if (this.selectedOption === \"fromCommitDate\") {\n      this.sinceCommitNumber = undefined;\n      clearControlError(this.validatableControls, \"commit-number\");\n    } else if (this.selectedOption === \"fromCommitNumber\") {\n      this.sinceCommitDate = undefined;\n      clearControlError(this.validatableControls, \"commit-date\");\n    }\n  };\n\n  #confirmButtonDisabled = (): boolean => {\n    if (this.selectedOption === \"fromCommitDate\") {\n      // Validate that sinceCommitDate is a valid date\n      return !(\n        this.sinceCommitDate instanceof Date &&\n        !isNaN(this.sinceCommitDate.getTime())\n      );\n    } else if (this.selectedOption === \"fromCommitNumber\") {\n      // Validate that sinceCommitNumber is a valid number\n      return !(this.sinceCommitNumber > 0);\n    }\n    return true;\n  };\n\n  #renderCommitDateInput = () => {\n    if (this.selectedOption !== \"fromCommitDate\") {\n      return null;\n    }\n    return (\n      <div class=\"layout layout--cols-2-1\">\n        <div class=\"layout__panel\">\n          <div class=\"field field-block\">\n            <label class=\"label\" htmlFor=\"commit-date\">\n              {this.#componentLocale.labels.commitDate}\n            </label>\n            <ch-edit\n              class={{\n                \"input\": true,\n                \"input-error\":\n                  this.validatableControls.get(\"commit-date\")?.hasError\n              }}\n              id=\"commit-date\"\n              type=\"date\"\n              value={\n                this.sinceCommitDate &&\n                this.sinceCommitDate.toISOString().split(\"T\")[0]\n              }\n              onInput={this.#handleCommitDateValueChanged}\n              ref={(el: HTMLChEditElement) =>\n                (this.#revisionDateRef = el as HTMLChEditElement)\n              }\n            />\n            {this.#evaluateTooltipRender(this.#revisionDateRef)}\n          </div>\n        </div>\n      </div>\n    );\n  };\n\n  #renderCommitNumberInput = () => {\n    if (this.selectedOption !== \"fromCommitNumber\") {\n      return null;\n    }\n    return (\n      <div class=\"layout layout--cols-2-1\">\n        <div class=\"layout__panel\">\n          <div class=\"field field-block\">\n            <label class=\"label\" htmlFor=\"commit-number\">\n              {this.#componentLocale.labels.commitNumber}\n            </label>\n            <ch-edit\n              class={{\n                \"input\": true,\n                \"input-error\":\n                  this.validatableControls.get(\"commit-number\")?.hasError\n              }}\n              id=\"commit-number\"\n              type=\"number\"\n              placeholder={this.#componentLocale.placeholders.commitNumber}\n              onInput={this.#handleCommitNumberValueChanged}\n              mode=\"numeric\"\n              ref={(el: HTMLChEditElement) =>\n                (this.#revisionNumberRef = el as HTMLChEditElement)\n              }\n            />\n            {this.#evaluateTooltipRender(this.#revisionNumberRef)}\n          </div>\n        </div>\n      </div>\n    );\n  };\n\n  #renderLastDatesButtons = () => {\n    if (this.selectedOption !== \"fromCommitDate\") {\n      return null;\n    }\n\n    return (\n      <div class=\"layout layout--cols-3\">\n        <div class=\"layout__panel\">\n          <button\n            class=\"button-secondary\"\n            onClick={() => this.#handleLastDates(\"lastSevenDays\")}\n          >\n            {this.#componentLocale.captions.lastSevenDays}\n          </button>\n        </div>\n        <div class=\"layout__panel\">\n          <button\n            class=\"button-secondary\"\n            onClick={() => this.#handleLastDates(\"lastThirtyDays\")}\n          >\n            {this.#componentLocale.captions.lastThirtyDays}\n          </button>\n        </div>\n        <div class=\"layout__panel\">\n          <button\n            class=\"button-secondary\"\n            onClick={() => this.#handleLastDates(\"lastNinetyDays\")}\n          >\n            {this.#componentLocale.captions.lastNinetyDays}\n          </button>\n        </div>\n      </div>\n    );\n  };\n\n  render() {\n    return (\n      <Host class=\"widget\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <div\n          class={{\n            \"spacing-body\": true,\n            \"commit-date-container\": this.selectedOption === \"fromCommitDate\",\n            \"commit-number-container\":\n              this.selectedOption === \"fromCommitNumber\"\n          }}\n        >\n          <p class=\"body-regular-m heading\">\n            {this.#componentLocale.labels.selectRange}\n          </p>\n          <ch-radio-group-render\n            class=\"radio-group\"\n            direction=\"horizontal\"\n            model={this.radioGroupModel}\n            onChange={this.#handleRadioGroupValueChange}\n            value={MERGE_ACTION_OPTIONS.fromCommitDate.value}\n          />\n\n          {this.#renderLastDatesButtons()}\n          {this.#renderCommitDateInput()}\n          {this.#renderCommitNumberInput()}\n        </div>\n\n        <footer class=\"control-footer-with-border spacing-body\">\n          <div class=\"buttons-spacer\">\n            <button class=\"button-secondary\" onClick={this.#cancelClickHandler}>\n              {this.#componentLocale.buttons.cancel}\n            </button>\n\n            <button\n              class=\"button-primary\"\n              onClick={this.#confirmClickHandler}\n              disabled={this.#confirmButtonDisabled()}\n            >\n              {this.#componentLocale.buttons.confirm}\n            </button>\n          </div>\n        </footer>\n      </Host>\n    );\n  }\n}\n\nexport type SelectedMergeActionData = {\n  operationType: MergeActionTaken;\n  fromDate?: Date;\n  fromRevision?: number;\n};\n\nexport type MergeActionTaken = \"fromCommitDate\" | \"fromCommitNumber\";\n\nexport type LastDates = \"lastSevenDays\" | \"lastThirtyDays\" | \"lastNinetyDays\";\n"],"version":3}

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

@@ -11,7 +11,7 @@ import { s as sortTabularGridColumn } from './tabular-grid-column-sort.js';
 import { d as defineCustomElement$3 } from './gx-ide-empty-state2.js';
 import { d as defineCustomElement$2 } from './ide-loader.js';
 
-const bringChangesCss = ".custom-icon-text-wrapper{display:flex;align-items:center;gap:10px}.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}: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)}.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}.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--to-revert{--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--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--reverted{--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}";
+const bringChangesCss = ".custom-icon-text-wrapper{display:flex;align-items:center;gap:10px}.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}: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.divider,.detail__genexus-server{padding-inline-end:24px;border-inline-end:1px solid var(--mer-border-color__on-elevation--01)}.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-genexus-server detail-knowledge-base detail-current-version detail-merge-from-version\";row-gap:16px;grid-auto-columns:max-content}.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 max-content}.information__title{grid-area:information-title}.information__col-1{grid-area:information-col-1;display:flex;gap:24px}.header__comments .layout__panel{justify-items:start;text-align:left}.controls-container{display:grid}.controls-container.margin-block-start{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)}.tabular-grid.empty-result::part(main){overflow:hidden}.comments-container{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.button-tertiary.edit-range-button{padding-block:0;align-content:flex-end}.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}.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--to-revert{--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--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--reverted{--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)
@@ -29,7 +29,7 @@ var __classPrivateFieldSet = (undefined && undefined.__classPrivateFieldSet) ||
         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_renderObjectStateWithIcon, _GxIdeTeamDevBringChanges_renderObjectsRows, _GxIdeTeamDevBringChanges_rowContextMenuHandler, _GxIdeTeamDevBringChanges_rowMarkingChangedHandler, _GxIdeTeamDevBringChanges_searchInputHandler, _GxIdeTeamDevBringChanges_stateChangedHandler, _GxIdeTeamDevBringChanges_updateFilteredObjects, _GxIdeTeamDevBringChanges_sortTabularGridColumnCallback;
+var _GxIdeTeamDevBringChanges_componentLocale, _GxIdeTeamDevBringChanges_commitLabel, _GxIdeTeamDevBringChanges_comboBoxStatesModel, _GxIdeTeamDevBringChanges_checkedObjectsIdsArray, _GxIdeTeamDevBringChanges_formatComments, _GxIdeTeamDevBringChanges_mergeCheckedClickedHandler, _GxIdeTeamDevBringChanges_mergeSingleObject, _GxIdeTeamDevBringChanges_renderActionCellContent, _GxIdeTeamDevBringChanges_renderCommitsNumbers, _GxIdeTeamDevBringChanges_renderFormatedDate, _GxIdeTeamDevBringChanges_renderObjectStateWithIcon, _GxIdeTeamDevBringChanges_renderObjectsRows, _GxIdeTeamDevBringChanges_rowContextMenuHandler, _GxIdeTeamDevBringChanges_rowMarkingChangedHandler, _GxIdeTeamDevBringChanges_searchInputHandler, _GxIdeTeamDevBringChanges_stateChangedHandler, _GxIdeTeamDevBringChanges_updateFilteredObjects, _GxIdeTeamDevBringChanges_sortTabularGridColumnCallback, _GxIdeTeamDevBringChanges_viewAllCommentsHandler, _GxIdeTeamDevBringChanges_editRangeHandler;
 const CSS_BUNDLES = [
     "resets/box-sizing",
     "components/tabular-grid",
@@ -37,7 +37,8 @@ const CSS_BUNDLES = [
     "utils/layout",
     "utils/typography",
     "utils/spacing",
-    "chameleon/scrollbar"
+    "chameleon/scrollbar",
+    "components/tooltip"
 ];
 const COMBO_BOX_ALL_VALUE = "all";
 const DETAIL_LABEL_CLASSES = "detail__label body-semi-bold-s";
@@ -91,17 +92,10 @@ const GxIdeTeamDevBringChanges$1 = /*@__PURE__*/ proxyCustomElement(class GxIdeT
         _GxIdeTeamDevBringChanges_checkedObjectsIdsArray.set(this, []);
         _GxIdeTeamDevBringChanges_formatComments.set(this, () => {
             if (this.commitInformation.length === 1) {
-                // return comment without revison number
-                return this.commitInformation[0].comment;
+                return h("span", null, 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;
+            const firstComment = this.commitInformation[this.commitInformation.length - 1].comment;
+            return h("span", null, `${__classPrivateFieldGet(this, _GxIdeTeamDevBringChanges_componentLocale, "f").latest}: ${firstComment}...`);
         });
         _GxIdeTeamDevBringChanges_mergeCheckedClickedHandler.set(this, async () => {
             this.merging = true;
@@ -291,6 +285,12 @@ const GxIdeTeamDevBringChanges$1 = /*@__PURE__*/ proxyCustomElement(class GxIdeT
                 ...sortTabularGridColumn(e, this.objectsFiltered, dateType, objectProperty)
             ];
         });
+        _GxIdeTeamDevBringChanges_viewAllCommentsHandler.set(this, async () => {
+            await this.viewAllCommentsCallback();
+        });
+        _GxIdeTeamDevBringChanges_editRangeHandler.set(this, async () => {
+            await this.editRangeCallback();
+        });
         this.alreadyMergedObjectsIdsArray = [];
         this.atLeastOneObjectIsChecked = false;
         this.loading = true;
@@ -309,6 +309,8 @@ const GxIdeTeamDevBringChanges$1 = /*@__PURE__*/ proxyCustomElement(class GxIdeT
         this.mergeObjectsCallback = undefined;
         this.revertPillAsButton = false;
         this.contextMenuCallback = undefined;
+        this.viewAllCommentsCallback = undefined;
+        this.editRangeCallback = undefined;
     }
     objectsStatesMapChanged(newCommitObjectsStateMap) {
         const someObjectIsMerging = [...newCommitObjectsStateMap.entries()].find(([, state]) => state === "merging" || state === "reverting");
@@ -317,6 +319,7 @@ const GxIdeTeamDevBringChanges$1 = /*@__PURE__*/ proxyCustomElement(class GxIdeT
         }
     }
     commitObjectsChanged(newCommitObjects) {
+        this.loading = true;
         if (newCommitObjects.length) {
             // This is the first and only objects asignment
             this.loading = false;
@@ -398,12 +401,12 @@ const GxIdeTeamDevBringChanges$1 = /*@__PURE__*/ proxyCustomElement(class GxIdeT
     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", {
+        return (h(Host, { class: "widget" }, h("ch-theme", { model: CSS_BUNDLES }), h("section", { class: "section" }, h("header", { class: "header spacing-body" }, h("div", {
             // header details
             class: "header__detail"
-        }, h("p", { class: "detail__title subtitle-semi-bold-xs" }, this.operationType === "revert"
+        }, h("p", { class: "detail__title subtitle-semi-bold-s" }, this.operationType === "revert"
             ? __classPrivateFieldGet(this, _GxIdeTeamDevBringChanges_componentLocale, "f").commitDetail.revertChangesDetail
-            : __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", {
+            : __classPrivateFieldGet(this, _GxIdeTeamDevBringChanges_componentLocale, "f").commitDetail.bringChangesDetail), 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", {
@@ -412,7 +415,8 @@ const GxIdeTeamDevBringChanges$1 = /*@__PURE__*/ proxyCustomElement(class GxIdeT
         }, 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)), this.operationType === "merge" && (h("div", {
+        }, h("span", { class: DETAIL_LABEL_CLASSES }, __classPrivateFieldGet(this, _GxIdeTeamDevBringChanges_componentLocale, "f").commitDetail.currentVersion), h("a", { class: "body-regular-s" }, this.commitDetail.currentVersion)), (this.operationType === "merge" ||
+            this.operationType === "merge-all") && (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", {
@@ -428,16 +432,13 @@ const GxIdeTeamDevBringChanges$1 = /*@__PURE__*/ proxyCustomElement(class GxIdeT
             ? __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: {
+            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))),
+            this.operationType === "merge-all" && (h("button", { class: "button-tertiary button-icon-and-text body-semi-bold-s edit-range-button", type: "button", onClick: __classPrivateFieldGet(this, _GxIdeTeamDevBringChanges_editRangeHandler, "f") }, h("ch-image", { class: "icon-md", src: EDITED_ICON, type: "mask" }), __classPrivateFieldGet(this, _GxIdeTeamDevBringChanges_componentLocale, "f").buttons.editRange))
+        ]))), h("div", { class: "header__comments" }, h("div", { class: "layout layout--cols-2-1" }, h("div", { class: "layout__panel" }, h("div", { class: "field field-block" }, h("label", { class: DETAIL_LABEL_CLASSES, htmlFor: "commit-comments" }, this.commitInformation.length > 1
+            ? `${__classPrivateFieldGet(this, _GxIdeTeamDevBringChanges_componentLocale, "f").commitInformation.comments} (${this.commitInformation.length})`
+            : __classPrivateFieldGet(this, _GxIdeTeamDevBringChanges_componentLocale, "f").commitInformation.comment), h("p", { class: "body-regular-s comments-container" }, __classPrivateFieldGet(this, _GxIdeTeamDevBringChanges_formatComments, "f").call(this))), h("button", { class: "button-tertiary body-semi-bold-s", type: "button", onClick: __classPrivateFieldGet(this, _GxIdeTeamDevBringChanges_viewAllCommentsHandler, "f") }, this.commitInformation.length > 1
+            ? __classPrivateFieldGet(this, _GxIdeTeamDevBringChanges_componentLocale, "f").buttons.viewAllComments.replace("{{commentsCount}}", this.commitInformation.length.toString())
+            : __classPrivateFieldGet(this, _GxIdeTeamDevBringChanges_componentLocale, "f").buttons.viewComment))))), h("div", { class: {
                 "controls-container": true,
                 "filter": !this.hideFilters,
                 "spacing-body-inline": true
@@ -473,6 +474,8 @@ const GxIdeTeamDevBringChanges$1 = /*@__PURE__*/ proxyCustomElement(class GxIdeT
         "mergeObjectsCallback": [16],
         "revertPillAsButton": [4, "revert-pill-as-button"],
         "contextMenuCallback": [8, "context-menu-callback"],
+        "viewAllCommentsCallback": [16],
+        "editRangeCallback": [16],
         "alreadyMergedObjectsIdsArray": [32],
         "atLeastOneObjectIsChecked": [32],
         "loading": [32],
@@ -488,7 +491,7 @@ const GxIdeTeamDevBringChanges$1 = /*@__PURE__*/ proxyCustomElement(class GxIdeT
         "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_renderObjectStateWithIcon = new WeakMap(), _GxIdeTeamDevBringChanges_renderObjectsRows = new WeakMap(), _GxIdeTeamDevBringChanges_rowContextMenuHandler = new WeakMap(), _GxIdeTeamDevBringChanges_rowMarkingChangedHandler = new WeakMap(), _GxIdeTeamDevBringChanges_searchInputHandler = new WeakMap(), _GxIdeTeamDevBringChanges_stateChangedHandler = new WeakMap(), _GxIdeTeamDevBringChanges_updateFilteredObjects = new WeakMap(), _GxIdeTeamDevBringChanges_sortTabularGridColumnCallback = new WeakMap();
+_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_renderObjectStateWithIcon = new WeakMap(), _GxIdeTeamDevBringChanges_renderObjectsRows = new WeakMap(), _GxIdeTeamDevBringChanges_rowContextMenuHandler = new WeakMap(), _GxIdeTeamDevBringChanges_rowMarkingChangedHandler = new WeakMap(), _GxIdeTeamDevBringChanges_searchInputHandler = new WeakMap(), _GxIdeTeamDevBringChanges_stateChangedHandler = new WeakMap(), _GxIdeTeamDevBringChanges_updateFilteredObjects = new WeakMap(), _GxIdeTeamDevBringChanges_sortTabularGridColumnCallback = new WeakMap(), _GxIdeTeamDevBringChanges_viewAllCommentsHandler = new WeakMap(), _GxIdeTeamDevBringChanges_editRangeHandler = new WeakMap();
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;