@genexus/genexus-ide-ui 1.1.34 → 1.1.36

package/dist/collection/components/team-dev/update-to-revision/update-to-revision.js

@@ -1,57 +1,113 @@
-/* STENCIL IMPORTS */
+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 _GxIdeTeamDevUpdateToRevision__componentLocale, _GxIdeTeamDevUpdateToRevision_chShortcutsEl, _GxIdeTeamDevUpdateToRevision_radioGroupOptions, _GxIdeTeamDevUpdateToRevision_renderedFirstTime, _GxIdeTeamDevUpdateToRevision_shortcutsSrc, _GxIdeTeamDevUpdateToRevision_radioGroupEl, _GxIdeTeamDevUpdateToRevision_revisionNumberEl, _GxIdeTeamDevUpdateToRevision_cancel, _GxIdeTeamDevUpdateToRevision_confirm, _GxIdeTeamDevUpdateToRevision_inputChangeHandler, _GxIdeTeamDevUpdateToRevision_radioGroupChangeHandler, _GxIdeTeamDevUpdateToRevision_renderFooter, _GxIdeTeamDevUpdateToRevision_setInitialCheckedRadio;
+// Stencil
 import { Host, h, getAssetPath } from "@stencil/core";
-/* OTHER LIBRARIES IMPORTS */
-/* CUSTOM IMPORTS */
+// Custom Imports
 import { Locale } from "../../../common/locale";
-import { config } from "../../../common/config";
+import { stringIsNumber } from "./helpers";
+const CSS_BUNDLES = [
+    "resets/box-sizing",
+    "utils/form",
+    "utils/layout",
+    "utils/spacing",
+    "utils/typography",
+    "components/radio-group",
+    "components/button",
+    "components/edit"
+];
+const RD_BTN_LATEST_REVISION_VALUE = "latestRevision";
+const RD_BTN_UPDATE_TO_REVISION_VALUE = "updateToRevision";
 export class GxIdeTeamDevUpdateToRevision {
     constructor() {
-        this.renderedFirstTime = false;
-        this.shortcutsSrc = getAssetPath(`./gx-ide-assets/team-dev-update-to-revision/shortcuts.json`);
-        // 9.LOCAL METHODS //
-        this.setInitialCheckedRadio = () => {
+        _GxIdeTeamDevUpdateToRevision__componentLocale.set(this, void 0);
+        _GxIdeTeamDevUpdateToRevision_chShortcutsEl.set(this, void 0);
+        _GxIdeTeamDevUpdateToRevision_radioGroupOptions.set(this, [
+            { value: RD_BTN_LATEST_REVISION_VALUE, caption: "" },
+            { value: RD_BTN_UPDATE_TO_REVISION_VALUE, caption: "" }
+        ]);
+        _GxIdeTeamDevUpdateToRevision_renderedFirstTime.set(this, false);
+        _GxIdeTeamDevUpdateToRevision_shortcutsSrc.set(this, getAssetPath(`./gx-ide-assets/team-dev-update-to-revision/shortcuts.json`));
+        _GxIdeTeamDevUpdateToRevision_radioGroupEl.set(this, void 0);
+        _GxIdeTeamDevUpdateToRevision_revisionNumberEl.set(this, void 0);
+        _GxIdeTeamDevUpdateToRevision_cancel.set(this, () => {
+            this.cancelCallback();
+        });
+        _GxIdeTeamDevUpdateToRevision_confirm.set(this, () => {
+            let revision = undefined;
+            if (__classPrivateFieldGet(this, _GxIdeTeamDevUpdateToRevision_radioGroupEl, "f").value === RD_BTN_UPDATE_TO_REVISION_VALUE) {
+                revision = __classPrivateFieldGet(this, _GxIdeTeamDevUpdateToRevision_revisionNumberEl, "f").value;
+            }
+            this.confirmCallback(revision);
+        });
+        _GxIdeTeamDevUpdateToRevision_inputChangeHandler.set(this, (event) => {
+            this.isValid = stringIsNumber(event.detail);
+        });
+        _GxIdeTeamDevUpdateToRevision_radioGroupChangeHandler.set(this, (event) => {
+            __classPrivateFieldGet(this, _GxIdeTeamDevUpdateToRevision_revisionNumberEl, "f").disabled =
+                event.detail !== RD_BTN_UPDATE_TO_REVISION_VALUE;
+            this.isValid = true;
+            if (event.detail === RD_BTN_LATEST_REVISION_VALUE) {
+                this.isValid = true;
+            }
+            else if (event.detail === RD_BTN_UPDATE_TO_REVISION_VALUE &&
+                !stringIsNumber(__classPrivateFieldGet(this, _GxIdeTeamDevUpdateToRevision_revisionNumberEl, "f").value)) {
+                this.isValid = false;
+                setTimeout(() => {
+                    __classPrivateFieldGet(this, _GxIdeTeamDevUpdateToRevision_revisionNumberEl, "f").focus();
+                }, 2000);
+            }
+        });
+        _GxIdeTeamDevUpdateToRevision_renderFooter.set(this, () => {
+            return (h("footer", { class: "footer control-footer spacing-body-block-start" }, h("div", { class: "buttons-spacer" }, h("button", { class: "button-secondary", onClick: __classPrivateFieldGet(this, _GxIdeTeamDevUpdateToRevision_cancel, "f"), part: "button-cancel" }, __classPrivateFieldGet(this, _GxIdeTeamDevUpdateToRevision__componentLocale, "f").footer.btnCancel), h("button", { class: "button-primary", onClick: __classPrivateFieldGet(this, _GxIdeTeamDevUpdateToRevision_confirm, "f"), part: "button-update", disabled: !this.isValid }, __classPrivateFieldGet(this, _GxIdeTeamDevUpdateToRevision__componentLocale, "f").footer.btnUpdate))));
+        });
+        _GxIdeTeamDevUpdateToRevision_setInitialCheckedRadio.set(this, () => {
             if (this.currentRevision === undefined) {
-                this.updateToLatestEl.checked = true;
+                __classPrivateFieldGet(this, _GxIdeTeamDevUpdateToRevision_radioGroupEl, "f").value = RD_BTN_LATEST_REVISION_VALUE;
+                this.isValid = true;
+                __classPrivateFieldGet(this, _GxIdeTeamDevUpdateToRevision_revisionNumberEl, "f").disabled = true;
             }
             else {
-                this.updateToRevisionEl.checked = true;
+                __classPrivateFieldGet(this, _GxIdeTeamDevUpdateToRevision_revisionNumberEl, "f").disabled = false;
+                __classPrivateFieldGet(this, _GxIdeTeamDevUpdateToRevision_revisionNumberEl, "f").value = this.currentRevision;
+                __classPrivateFieldGet(this, _GxIdeTeamDevUpdateToRevision_radioGroupEl, "f").value = RD_BTN_UPDATE_TO_REVISION_VALUE;
             }
-        };
-        this.confirm = () => {
-            let revision = undefined;
-            if (this.updateToRevisionEl.checked) {
-                revision = this.revisionNumberEl.value;
-            }
-            this.confirmCallback(revision);
-        };
-        this.cancel = () => {
-            this.cancelCallback();
-        };
-        this.updateToRevisionOnFocusHandler = () => {
-            this.updateToRevisionEl.checked = true;
-        };
-        this.displayTitle = false;
+        });
+        this.isValid = undefined;
         this.cancelCallback = undefined;
         this.confirmCallback = undefined;
         this.currentRevision = undefined;
     }
-    // 6.COMPONENT LIFECYCLE EVENTS //
-    async componentWillLoad() {
-        this._componentLocale = await Locale.getComponentStrings(this.el);
-    }
     componentDidLoad() {
         this.componentDidLoadEvent.emit(true);
-        this.setInitialCheckedRadio();
-        this.revisionNumberEl.focus();
+        __classPrivateFieldGet(this, _GxIdeTeamDevUpdateToRevision_setInitialCheckedRadio, "f").call(this);
     }
     componentDidRender() {
-        if (!this.renderedFirstTime) {
-            this.componentDidRenderFirstTime.emit(this._componentLocale.componentName);
-            this.renderedFirstTime = true;
+        if (!__classPrivateFieldGet(this, _GxIdeTeamDevUpdateToRevision_renderedFirstTime, "f")) {
+            this.componentDidRenderFirstTime.emit(__classPrivateFieldGet(this, _GxIdeTeamDevUpdateToRevision__componentLocale, "f").componentName);
+            __classPrivateFieldSet(this, _GxIdeTeamDevUpdateToRevision_renderedFirstTime, true, "f");
         }
+        __classPrivateFieldGet(this, _GxIdeTeamDevUpdateToRevision_radioGroupOptions, "f").find(rg => rg.value === RD_BTN_LATEST_REVISION_VALUE).caption = __classPrivateFieldGet(this, _GxIdeTeamDevUpdateToRevision__componentLocale, "f").options.updateToLatest;
+        __classPrivateFieldGet(this, _GxIdeTeamDevUpdateToRevision_radioGroupOptions, "f").find(rg => rg.value === RD_BTN_UPDATE_TO_REVISION_VALUE).caption = __classPrivateFieldGet(this, _GxIdeTeamDevUpdateToRevision__componentLocale, "f").options.updateToRevision;
+    }
+    async componentWillLoad() {
+        __classPrivateFieldSet(this, _GxIdeTeamDevUpdateToRevision__componentLocale, await Locale.getComponentStrings(this.el), "f");
+        this.isValid = true;
     }
-    // 7.LISTENERS //
-    // 8.PUBLIC METHODS API //
     /**
      * Validate necessary data input
      */
@@ -59,9 +115,21 @@ export class GxIdeTeamDevUpdateToRevision {
         const isValid = true;
         return isValid;
     }
-    // 10.RENDER() FUNCTION //
+    /**
+     * Suspends or reactivates the shortcuts
+     */
+    async suspendShortcuts(suspendShortcuts) {
+        if (suspendShortcuts) {
+            __classPrivateFieldGet(this, _GxIdeTeamDevUpdateToRevision_chShortcutsEl, "f").suspend = true;
+        }
+        else {
+            __classPrivateFieldGet(this, _GxIdeTeamDevUpdateToRevision_chShortcutsEl, "f").suspend = false;
+        }
+    }
     render() {
-        return (h(Host, { class: "gx-ide-component" }, h("div", { class: "gx-ide-main-wrapper" }, h("gx-ide-container", { slimmerFooter: config.gxIdeContainer.slimmerFooter, containerTitle: this.displayTitle ? this._componentLocale.componentName : null }, h("gxg-form-radio-group", null, h("gxg-form-radio", { label: this._componentLocale.options.updateToLatest, value: "updateToLatest", ref: (el) => (this.updateToLatestEl = el), part: "radio-to-latest" }), h("div", { class: "revision-number" }, h("gxg-form-radio", { label: this._componentLocale.options.updateToRevision, value: "updateToRevision", ref: (el) => (this.updateToRevisionEl = el), part: "radio-to-revision" }), h("gxg-form-text", { ref: (el) => (this.revisionNumberEl = el), onFocus: this.updateToRevisionOnFocusHandler, value: this.currentRevision, part: "revision-number" }))), h("gxg-button", { id: "button-cancel", type: "outlined", onClick: this.cancel, part: "cancel", slot: "footer-end" }, this._componentLocale.footer.btnCancel), h("gxg-button", { id: "button-ok", type: "primary-text-only", onClick: this.confirm, part: "update", slot: "footer-end" }, this._componentLocale.footer.btnUpdate))), h("gxg-shortcuts", { src: this.shortcutsSrc })));
+        return (h(Host, { class: "widget scrollable" }, h("ch-theme", { model: CSS_BUNDLES }), h("ch-shortcuts", { src: __classPrivateFieldGet(this, _GxIdeTeamDevUpdateToRevision_shortcutsSrc, "f"), ref: (el) => (__classPrivateFieldSet(this, _GxIdeTeamDevUpdateToRevision_chShortcutsEl, el, "f")) }), h("section", { class: "main spacing-body-block spacing-body-inline" }, h("ch-radio-group-render", { class: "radio-group", model: __classPrivateFieldGet(this, _GxIdeTeamDevUpdateToRevision_radioGroupOptions, "f"), direction: "horizontal", onChange: __classPrivateFieldGet(this, _GxIdeTeamDevUpdateToRevision_radioGroupChangeHandler, "f"), ref: (el) => {
+                __classPrivateFieldSet(this, _GxIdeTeamDevUpdateToRevision_radioGroupEl, el, "f");
+            } }), h("ch-edit", { autoFocus: true, class: "input revision-number", onInput: __classPrivateFieldGet(this, _GxIdeTeamDevUpdateToRevision_inputChangeHandler, "f"), ref: (el) => (__classPrivateFieldSet(this, _GxIdeTeamDevUpdateToRevision_revisionNumberEl, el, "f")) }), __classPrivateFieldGet(this, _GxIdeTeamDevUpdateToRevision_renderFooter, "f").call(this))));
     }
     static get is() { return "gx-ide-team-dev-update-to-revision"; }
     static get encapsulation() { return "shadow"; }
@@ -78,24 +146,6 @@ export class GxIdeTeamDevUpdateToRevision {
     static get assetsDirs() { return ["gx-ide-assets/team-dev-update-to-revision"]; }
     static get properties() {
         return {
-            "displayTitle": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "false",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "If true it displays the component title on the header"
-                },
-                "attribute": "display-title",
-                "reflect": false,
-                "defaultValue": "false"
-            },
             "cancelCallback": {
                 "type": "unknown",
                 "mutable": false,
@@ -157,6 +207,11 @@ export class GxIdeTeamDevUpdateToRevision {
             }
         };
     }
+    static get states() {
+        return {
+            "isValid": {}
+        };
+    }
     static get events() {
         return [{
                 "method": "componentDidLoadEvent",
@@ -211,9 +266,31 @@ export class GxIdeTeamDevUpdateToRevision {
                     "text": "Validate necessary data input",
                     "tags": []
                 }
+            },
+            "suspendShortcuts": {
+                "complexType": {
+                    "signature": "(suspendShortcuts: boolean) => Promise<void>",
+                    "parameters": [{
+                            "name": "suspendShortcuts",
+                            "type": "boolean",
+                            "docs": ""
+                        }],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "Suspends or reactivates the shortcuts",
+                    "tags": []
+                }
             }
         };
     }
     static get elementRef() { return "el"; }
 }
+_GxIdeTeamDevUpdateToRevision__componentLocale = new WeakMap(), _GxIdeTeamDevUpdateToRevision_chShortcutsEl = new WeakMap(), _GxIdeTeamDevUpdateToRevision_radioGroupOptions = new WeakMap(), _GxIdeTeamDevUpdateToRevision_renderedFirstTime = new WeakMap(), _GxIdeTeamDevUpdateToRevision_shortcutsSrc = new WeakMap(), _GxIdeTeamDevUpdateToRevision_radioGroupEl = new WeakMap(), _GxIdeTeamDevUpdateToRevision_revisionNumberEl = new WeakMap(), _GxIdeTeamDevUpdateToRevision_cancel = new WeakMap(), _GxIdeTeamDevUpdateToRevision_confirm = new WeakMap(), _GxIdeTeamDevUpdateToRevision_inputChangeHandler = new WeakMap(), _GxIdeTeamDevUpdateToRevision_radioGroupChangeHandler = new WeakMap(), _GxIdeTeamDevUpdateToRevision_renderFooter = new WeakMap(), _GxIdeTeamDevUpdateToRevision_setInitialCheckedRadio = new WeakMap();
 //# sourceMappingURL=update-to-revision.js.map

package/dist/collection/components/team-dev/update-to-revision/update-to-revision.js.map

@@ -1 +1 @@
-{"version":3,"file":"update-to-revision.js","sourceRoot":"","sources":["../../../../src/components/team-dev/update-to-revision/update-to-revision.tsx"],"names":[],"mappings":"AAAA,qBAAqB;AACrB,OAAO,EACL,SAAS,EACT,IAAI,EACJ,CAAC,EACD,IAAI,EACJ,OAAO,EACP,KAAK,EAEL,MAAM,EACN,YAAY,EACb,MAAM,eAAe,CAAC;AACvB,6BAA6B;AAC7B,oBAAoB;AACpB,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAQhD,MAAM,OAAO,4BAA4B;;QAsB/B,sBAAiB,GAAG,KAAK,CAAC;QAC1B,iBAAY,GAAG,YAAY,CACjC,4DAA4D,CAC7D,CAAC;QAiFF,qBAAqB;QAEb,2BAAsB,GAAG,GAAG,EAAE;YACpC,IAAI,IAAI,CAAC,eAAe,KAAK,SAAS,EAAE;gBACtC,IAAI,CAAC,gBAAgB,CAAC,OAAO,GAAG,IAAI,CAAC;aACtC;iBAAM;gBACL,IAAI,CAAC,kBAAkB,CAAC,OAAO,GAAG,IAAI,CAAC;aACxC;QACH,CAAC,CAAC;QAEM,YAAO,GAAG,GAAS,EAAE;YAC3B,IAAI,QAAQ,GAAG,SAAS,CAAC;YACzB,IAAI,IAAI,CAAC,kBAAkB,CAAC,OAAO,EAAE;gBACnC,QAAQ,GAAG,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC;aACxC;YACD,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC;QACjC,CAAC,CAAC;QAEM,WAAM,GAAG,GAAS,EAAE;YAC1B,IAAI,CAAC,cAAc,EAAE,CAAC;QACxB,CAAC,CAAC;QAEM,mCAA8B,GAAG,GAAG,EAAE;YAC5C,IAAI,CAAC,kBAAkB,CAAC,OAAO,GAAG,IAAI,CAAC;QACzC,CAAC,CAAC;4BAvF8B,KAAK;;;;;IA6BrC,kCAAkC;IAElC,KAAK,CAAC,iBAAiB;QACrB,IAAI,CAAC,gBAAgB,GAAG,MAAM,MAAM,CAAC,mBAAmB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IACpE,CAAC;IAED,gBAAgB;QACd,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACtC,IAAI,CAAC,sBAAsB,EAAE,CAAC;QAC9B,IAAI,CAAC,gBAAgB,CAAC,KAAK,EAAE,CAAC;IAChC,CAAC;IAED,kBAAkB;QAChB,IAAI,CAAC,IAAI,CAAC,iBAAiB,EAAE;YAC3B,IAAI,CAAC,2BAA2B,CAAC,IAAI,CACnC,IAAI,CAAC,gBAAgB,CAAC,aAAa,CACpC,CAAC;YACF,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC;SAC/B;IACH,CAAC;IAED,iBAAiB;IAEjB,0BAA0B;IAE1B;;OAEG;IAEH,KAAK,CAAC,QAAQ;QACZ,MAAM,OAAO,GAAG,IAAI,CAAC;QACrB,OAAO,OAAO,CAAC;IACjB,CAAC;IA4BD,0BAA0B;IAE1B,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,IAAC,KAAK,EAAC,kBAAkB;YAC5B,WAAK,KAAK,EAAC,qBAAqB;gBAC9B,wBACE,aAAa,EAAE,MAAM,CAAC,cAAc,CAAC,aAAa,EAClD,cAAc,EACZ,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,gBAAgB,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI;oBAGhE;wBACE,sBACE,KAAK,EAAE,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,cAAc,EACnD,KAAK,EAAC,gBAAgB,EACtB,GAAG,EAAE,CAAC,EAA2B,EAAE,EAAE,CACnC,CAAC,IAAI,CAAC,gBAAgB,GAAG,EAA6B,CAAC,EAEzD,IAAI,EAAC,iBAAiB,GACN;wBAClB,WAAK,KAAK,EAAC,iBAAiB;4BAC1B,sBACE,KAAK,EAAE,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,gBAAgB,EACrD,KAAK,EAAC,kBAAkB,EACxB,GAAG,EAAE,CAAC,EAA2B,EAAE,EAAE,CACnC,CAAC,IAAI,CAAC,kBAAkB,GAAG,EAA6B,CAAC,EAE3D,IAAI,EAAC,mBAAmB,GACR;4BAClB,qBACE,GAAG,EAAE,CAAC,EAA0B,EAAE,EAAE,CAClC,CAAC,IAAI,CAAC,gBAAgB,GAAG,EAA4B,CAAC,EAExD,OAAO,EAAE,IAAI,CAAC,8BAA8B,EAC5C,KAAK,EAAE,IAAI,CAAC,eAAe,EAC3B,IAAI,EAAC,iBAAiB,GACP,CACb,CACe;oBACvB,kBACE,EAAE,EAAC,eAAe,EAClB,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,IAAI,CAAC,MAAM,EACpB,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,YAAY,IAEhB,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC,SAAS,CAC5B;oBACb,kBACE,EAAE,EAAC,WAAW,EACd,IAAI,EAAC,mBAAmB,EACxB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,YAAY,IAEhB,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC,SAAS,CAC5B,CACI,CACf;YACN,qBAAe,GAAG,EAAE,IAAI,CAAC,YAAY,GAAkB,CAClD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["/* STENCIL IMPORTS */\nimport {\n  Component,\n  Host,\n  h,\n  Prop,\n  Element,\n  Event,\n  EventEmitter,\n  Method,\n  getAssetPath\n} from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\n/* CUSTOM IMPORTS */\nimport { Locale } from \"../../../common/locale\";\nimport { config } from \"../../../common/config\";\n\n@Component({\n  tag: \"gx-ide-team-dev-update-to-revision\",\n  styleUrl: \"update-to-revision.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/team-dev-update-to-revision\"]\n})\nexport class GxIdeTeamDevUpdateToRevision {\n  /*\nINDEX:\n1.OWN PROPERTIES\n2.REFERENCE TO ELEMENTS\n3.STATE() VARIABLES\n4.PUBLIC PROPERTY API | WATCH'S\n5.EVENTS (EMIT)\n6.COMPONENT LIFECYCLE EVENTS\n7.LISTENERS\n8.PUBLIC METHODS API\n9.LOCAL METHODS\n10.RENDER() FUNCTION\n\n*/\n\n  // 1.OWN PROPERTIES //\n\n  /**\n   * The component hard-coded strings translations.\n   */\n  private _componentLocale: any;\n  private renderedFirstTime = false;\n  private shortcutsSrc = getAssetPath(\n    `./gx-ide-assets/team-dev-update-to-revision/shortcuts.json`\n  );\n\n  // 2. REFERENCE TO ELEMENTS //\n\n  @Element() el: HTMLGxIdeTeamDevUpdateToRevisionElement;\n\n  /* References needed to collect data */\n  private revisionNumberEl!: HTMLGxgFormTextElement;\n  private updateToRevisionEl!: HTMLGxgFormRadioElement;\n  private updateToLatestEl!: HTMLGxgFormRadioElement;\n\n  // 3.STATE() VARIABLES //\n\n  // 4.PUBLIC PROPERTY API | WATCH'S //\n\n  /**\n   * If true it displays the component title on the header\n   */\n  @Prop() readonly displayTitle = false;\n\n  /**\n   * This is a function provided by the developer for execute when cancel button is pressed.\n   */\n  @Prop() readonly cancelCallback!: cancelCallbackFn;\n\n  /**\n   * This is a function provided by the developer and is invoked when the action confirm is executed passing the selected objects of the grid\n   */\n  @Prop() readonly confirmCallback!: confirmCallbackFn;\n\n  /**\n   * Set an initial value for the review\n   */\n  @Prop() readonly currentRevision: string | undefined;\n\n  // 5.EVENTS (EMIT) //\n\n  /**\n   * This event is emitted once just after the component is fully loaded and the first render() occurs.\n   */\n  @Event() componentDidLoadEvent: EventEmitter<boolean>;\n\n  /**\n   * @description Gets fired when the component has rendered for the first time.\n   */\n  @Event() componentDidRenderFirstTime: EventEmitter<string>;\n\n  // 6.COMPONENT LIFECYCLE EVENTS //\n\n  async componentWillLoad() {\n    this._componentLocale = await Locale.getComponentStrings(this.el);\n  }\n\n  componentDidLoad() {\n    this.componentDidLoadEvent.emit(true);\n    this.setInitialCheckedRadio();\n    this.revisionNumberEl.focus();\n  }\n\n  componentDidRender() {\n    if (!this.renderedFirstTime) {\n      this.componentDidRenderFirstTime.emit(\n        this._componentLocale.componentName\n      );\n      this.renderedFirstTime = true;\n    }\n  }\n\n  // 7.LISTENERS //\n\n  // 8.PUBLIC METHODS API //\n\n  /**\n   * Validate necessary data input\n   */\n  @Method()\n  async validate(): Promise<boolean> {\n    const isValid = true;\n    return isValid;\n  }\n\n  // 9.LOCAL METHODS //\n\n  private setInitialCheckedRadio = () => {\n    if (this.currentRevision === undefined) {\n      this.updateToLatestEl.checked = true;\n    } else {\n      this.updateToRevisionEl.checked = true;\n    }\n  };\n\n  private confirm = (): void => {\n    let revision = undefined;\n    if (this.updateToRevisionEl.checked) {\n      revision = this.revisionNumberEl.value;\n    }\n    this.confirmCallback(revision);\n  };\n\n  private cancel = (): void => {\n    this.cancelCallback();\n  };\n\n  private updateToRevisionOnFocusHandler = () => {\n    this.updateToRevisionEl.checked = true;\n  };\n\n  // 10.RENDER() FUNCTION //\n\n  render(): void {\n    return (\n      <Host class=\"gx-ide-component\">\n        <div class=\"gx-ide-main-wrapper\">\n          <gx-ide-container\n            slimmerFooter={config.gxIdeContainer.slimmerFooter}\n            containerTitle={\n              this.displayTitle ? this._componentLocale.componentName : null\n            }\n          >\n            <gxg-form-radio-group>\n              <gxg-form-radio\n                label={this._componentLocale.options.updateToLatest}\n                value=\"updateToLatest\"\n                ref={(el: HTMLGxgFormRadioElement) =>\n                  (this.updateToLatestEl = el as HTMLGxgFormRadioElement)\n                }\n                part=\"radio-to-latest\"\n              ></gxg-form-radio>\n              <div class=\"revision-number\">\n                <gxg-form-radio\n                  label={this._componentLocale.options.updateToRevision}\n                  value=\"updateToRevision\"\n                  ref={(el: HTMLGxgFormRadioElement) =>\n                    (this.updateToRevisionEl = el as HTMLGxgFormRadioElement)\n                  }\n                  part=\"radio-to-revision\"\n                ></gxg-form-radio>\n                <gxg-form-text\n                  ref={(el: HTMLGxgFormTextElement) =>\n                    (this.revisionNumberEl = el as HTMLGxgFormTextElement)\n                  }\n                  onFocus={this.updateToRevisionOnFocusHandler}\n                  value={this.currentRevision}\n                  part=\"revision-number\"\n                ></gxg-form-text>\n              </div>\n            </gxg-form-radio-group>\n            <gxg-button\n              id=\"button-cancel\"\n              type=\"outlined\"\n              onClick={this.cancel}\n              part=\"cancel\"\n              slot=\"footer-end\"\n            >\n              {this._componentLocale.footer.btnCancel}\n            </gxg-button>\n            <gxg-button\n              id=\"button-ok\"\n              type=\"primary-text-only\"\n              onClick={this.confirm}\n              part=\"update\"\n              slot=\"footer-end\"\n            >\n              {this._componentLocale.footer.btnUpdate}\n            </gxg-button>\n          </gx-ide-container>\n        </div>\n        <gxg-shortcuts src={this.shortcutsSrc}></gxg-shortcuts>\n      </Host>\n    );\n  }\n}\n\nexport type addCallbackFn = () => Promise<ObjectData[]>;\nexport type cancelCallbackFn = () => Promise<void>;\nexport type confirmCallbackFn = (revision: string | undefined) => Promise<void>;\n\nexport interface ObjectData {\n  id: string;\n  typeIcon: string;\n  name: string;\n  type: string;\n  description: string;\n  modifiedOn: Date;\n}\n"]}
+{"version":3,"file":"update-to-revision.js","sourceRoot":"","sources":["../../../../src/components/team-dev/update-to-revision/update-to-revision.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,UAAU;AACV,OAAO,EACL,SAAS,EACT,IAAI,EACJ,CAAC,EACD,IAAI,EACJ,OAAO,EACP,KAAK,EAEL,MAAM,EACN,YAAY,EACZ,KAAK,EACN,MAAM,eAAe,CAAC;AAKvB,iBAAiB;AACjB,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAEhD,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAE3C,MAAM,WAAW,GAAmB;IAClC,mBAAmB;IACnB,YAAY;IACZ,cAAc;IACd,eAAe;IACf,kBAAkB;IAClB,wBAAwB;IACxB,mBAAmB;IACnB,iBAAiB;CAClB,CAAC;AAEF,MAAM,4BAA4B,GAAG,gBAAgB,CAAC;AACtD,MAAM,+BAA+B,GAAG,kBAAkB,CAAC;AAQ3D,MAAM,OAAO,4BAA4B;;QACvC,iEAAuB;QACvB,8DAAuC;QACvC,0DAA4C;YAC1C,EAAE,KAAK,EAAE,4BAA4B,EAAE,OAAO,EAAE,EAAE,EAAE;YACpD,EAAE,KAAK,EAAE,+BAA+B,EAAE,OAAO,EAAE,EAAE,EAAE;SACxD,EAAC;QACF,0DAAqB,KAAK,EAAC;QAC3B,qDAAgB,YAAY,CAC1B,4DAA4D,CAC7D,EAAC;QAIF,6DAA8C;QAC9C,iEAAsC;QAgFtC,+CAAU,GAAS,EAAE;YACnB,IAAI,CAAC,cAAc,EAAE,CAAC;QACxB,CAAC,EAAC;QAEF,gDAAW,GAAS,EAAE;YACpB,IAAI,QAAQ,GAAG,SAAS,CAAC;YACzB,IAAI,uBAAA,IAAI,kDAAc,CAAC,KAAK,KAAK,+BAA+B,EAAE;gBAChE,QAAQ,GAAG,uBAAA,IAAI,sDAAkB,CAAC,KAAK,CAAC;aACzC;YACD,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC;QACjC,CAAC,EAAC;QAEF,2DAAsB,CAAC,KAAuC,EAAE,EAAE;YAChE,IAAI,CAAC,OAAO,GAAG,cAAc,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;QAC9C,CAAC,EAAC;QAEF,gEAA2B,CAAC,KAA0B,EAAE,EAAE;YACxD,uBAAA,IAAI,sDAAkB,CAAC,QAAQ;gBAC7B,KAAK,CAAC,MAAM,KAAK,+BAA+B,CAAC;YACnD,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;YACpB,IAAI,KAAK,CAAC,MAAM,KAAK,4BAA4B,EAAE;gBACjD,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;aACrB;iBAAM,IACL,KAAK,CAAC,MAAM,KAAK,+BAA+B;gBAChD,CAAC,cAAc,CAAC,uBAAA,IAAI,sDAAkB,CAAC,KAAK,CAAC,EAC7C;gBACA,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;gBACrB,UAAU,CAAC,GAAG,EAAE;oBACd,uBAAA,IAAI,sDAAkB,CAAC,KAAK,EAAE,CAAC;gBACjC,CAAC,EAAE,IAAI,CAAC,CAAC;aACV;QACH,CAAC,EAAC;QAEF,qDAAgB,GAAY,EAAE;YAC5B,OAAO,CACL,cAAQ,KAAK,EAAC,gDAAgD;gBAC5D,WAAK,KAAK,EAAC,gBAAgB;oBACzB,cACE,KAAK,EAAC,kBAAkB,EACxB,OAAO,EAAE,uBAAA,IAAI,4CAAQ,EACrB,IAAI,EAAC,eAAe,IAEnB,uBAAA,IAAI,sDAAkB,CAAC,MAAM,CAAC,SAAS,CACjC;oBAET,cACE,KAAK,EAAC,gBAAgB,EACtB,OAAO,EAAE,uBAAA,IAAI,6CAAS,EACtB,IAAI,EAAC,eAAe,EACpB,QAAQ,EAAE,CAAC,IAAI,CAAC,OAAO,IAEtB,uBAAA,IAAI,sDAAkB,CAAC,MAAM,CAAC,SAAS,CACjC,CACL,CACC,CACV,CAAC;QACJ,CAAC,EAAC;QAEF,+DAA0B,GAAG,EAAE;YAC7B,IAAI,IAAI,CAAC,eAAe,KAAK,SAAS,EAAE;gBACtC,uBAAA,IAAI,kDAAc,CAAC,KAAK,GAAG,4BAA4B,CAAC;gBACxD,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;gBACpB,uBAAA,IAAI,sDAAkB,CAAC,QAAQ,GAAG,IAAI,CAAC;aACxC;iBAAM;gBACL,uBAAA,IAAI,sDAAkB,CAAC,QAAQ,GAAG,KAAK,CAAC;gBACxC,uBAAA,IAAI,sDAAkB,CAAC,KAAK,GAAG,IAAI,CAAC,eAAe,CAAC;gBACpD,uBAAA,IAAI,kDAAc,CAAC,KAAK,GAAG,+BAA+B,CAAC;aAC5D;QACH,CAAC,EAAC;;;;;;IApHF,gBAAgB;QACd,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACtC,uBAAA,IAAI,4DAAwB,MAA5B,IAAI,CAA0B,CAAC;IACjC,CAAC;IAED,kBAAkB;QAChB,IAAI,CAAC,uBAAA,IAAI,uDAAmB,EAAE;YAC5B,IAAI,CAAC,2BAA2B,CAAC,IAAI,CACnC,uBAAA,IAAI,sDAAkB,CAAC,aAAa,CACrC,CAAC;YACF,uBAAA,IAAI,mDAAsB,IAAI,MAAA,CAAC;SAChC;QAED,uBAAA,IAAI,uDAAmB,CAAC,IAAI,CAC1B,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,KAAK,4BAA4B,CAChD,CAAC,OAAO,GAAG,uBAAA,IAAI,sDAAkB,CAAC,OAAO,CAAC,cAAc,CAAC;QAE1D,uBAAA,IAAI,uDAAmB,CAAC,IAAI,CAC1B,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,KAAK,+BAA+B,CACnD,CAAC,OAAO,GAAG,uBAAA,IAAI,sDAAkB,CAAC,OAAO,CAAC,gBAAgB,CAAC;IAC9D,CAAC;IAED,KAAK,CAAC,iBAAiB;QACrB,uBAAA,IAAI,kDAAqB,MAAM,MAAM,CAAC,mBAAmB,CAAC,IAAI,CAAC,EAAE,CAAC,MAAA,CAAC;QACnE,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;IACtB,CAAC;IAED;;OAEG;IAEH,KAAK,CAAC,QAAQ;QACZ,MAAM,OAAO,GAAG,IAAI,CAAC;QACrB,OAAO,OAAO,CAAC;IACjB,CAAC;IAED;;OAEG;IAEH,KAAK,CAAC,gBAAgB,CAAC,gBAAyB;QAC9C,IAAI,gBAAgB,EAAE;YACpB,uBAAA,IAAI,mDAAe,CAAC,OAAO,GAAG,IAAI,CAAC;SACpC;aAAM;YACL,uBAAA,IAAI,mDAAe,CAAC,OAAO,GAAG,KAAK,CAAC;SACrC;IACH,CAAC;IAwED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,IAAC,KAAK,EAAC,mBAAmB;YAC7B,gBAAU,KAAK,EAAE,WAAW,GAAa;YACzC,oBACE,GAAG,EAAE,uBAAA,IAAI,kDAAc,EACvB,GAAG,EAAE,CAAC,EAA0B,EAAE,EAAE,CAClC,CAAC,uBAAA,IAAI,+CAAkB,EAA4B,MAAA,CAAC,GAExC;YAEhB,eAAS,KAAK,EAAC,6CAA6C;gBAC1D,6BACE,KAAK,EAAC,aAAa,EACnB,KAAK,EAAE,uBAAA,IAAI,uDAAmB,EAC9B,SAAS,EAAC,YAAY,EACtB,QAAQ,EAAE,uBAAA,IAAI,6DAAyB,EACvC,GAAG,EAAE,CAAC,EAAiC,EAAE,EAAE;wBACzC,uBAAA,IAAI,8CAAiB,EAAmC,MAAA,CAAC;oBAC3D,CAAC,GACsB;gBAEzB,eACE,SAAS,QACT,KAAK,EAAC,uBAAuB,EAC7B,OAAO,EAAE,uBAAA,IAAI,wDAAoB,EACjC,GAAG,EAAE,CAAC,EAAqB,EAAE,EAAE,CAC7B,CAAC,uBAAA,IAAI,kDAAqB,EAAuB,MAAA,CAAC,GAE3C;gBAEV,uBAAA,IAAI,kDAAc,MAAlB,IAAI,CAAgB,CACb,CACL,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["// Stencil\nimport {\n  Component,\n  Host,\n  h,\n  Prop,\n  Element,\n  Event,\n  EventEmitter,\n  Method,\n  getAssetPath,\n  State\n} from \"@stencil/core\";\n\n// Other Libraries\nimport { MercuryBundles } from \"@genexus/mercury\";\n\n// Custom Imports\nimport { Locale } from \"../../../common/locale\";\nimport { RadioGroupItemModel } from \"@genexus/chameleon-controls-library/dist/types/components/radio-group/types\";\nimport { stringIsNumber } from \"./helpers\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"utils/form\",\n  \"utils/layout\",\n  \"utils/spacing\",\n  \"utils/typography\",\n  \"components/radio-group\",\n  \"components/button\",\n  \"components/edit\"\n];\n\nconst RD_BTN_LATEST_REVISION_VALUE = \"latestRevision\";\nconst RD_BTN_UPDATE_TO_REVISION_VALUE = \"updateToRevision\";\n\n@Component({\n  tag: \"gx-ide-team-dev-update-to-revision\",\n  styleUrl: \"update-to-revision.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/team-dev-update-to-revision\"]\n})\nexport class GxIdeTeamDevUpdateToRevision {\n  #_componentLocale: any;\n  #chShortcutsEl: HTMLChShortcutsElement;\n  #radioGroupOptions: RadioGroupItemModel[] = [\n    { value: RD_BTN_LATEST_REVISION_VALUE, caption: \"\" },\n    { value: RD_BTN_UPDATE_TO_REVISION_VALUE, caption: \"\" }\n  ];\n  #renderedFirstTime = false;\n  #shortcutsSrc = getAssetPath(\n    `./gx-ide-assets/team-dev-update-to-revision/shortcuts.json`\n  );\n\n  @Element() el: HTMLGxIdeTeamDevUpdateToRevisionElement;\n\n  #radioGroupEl!: HTMLChRadioGroupRenderElement;\n  #revisionNumberEl!: HTMLChEditElement;\n\n  /**\n   * To check if the status of the information is valid\n   */\n  @State() isValid: boolean;\n\n  /**\n   * This is a function provided by the developer for execute when cancel button is pressed.\n   */\n  @Prop() readonly cancelCallback!: cancelCallbackFn;\n\n  /**\n   * This is a function provided by the developer and is invoked when the action confirm is executed passing the selected objects of the grid\n   */\n  @Prop() readonly confirmCallback!: confirmCallbackFn;\n\n  /**\n   * Set an initial value for the review\n   */\n  @Prop() readonly currentRevision: string | undefined;\n\n  /**\n   * This event is emitted once just after the component is fully loaded and the first render() occurs.\n   */\n  @Event() componentDidLoadEvent: EventEmitter<boolean>;\n\n  /**\n   * @description Gets fired when the component has rendered for the first time.\n   */\n  @Event() componentDidRenderFirstTime: EventEmitter<string>;\n\n  componentDidLoad() {\n    this.componentDidLoadEvent.emit(true);\n    this.#setInitialCheckedRadio();\n  }\n\n  componentDidRender() {\n    if (!this.#renderedFirstTime) {\n      this.componentDidRenderFirstTime.emit(\n        this.#_componentLocale.componentName\n      );\n      this.#renderedFirstTime = true;\n    }\n\n    this.#radioGroupOptions.find(\n      rg => rg.value === RD_BTN_LATEST_REVISION_VALUE\n    ).caption = this.#_componentLocale.options.updateToLatest;\n\n    this.#radioGroupOptions.find(\n      rg => rg.value === RD_BTN_UPDATE_TO_REVISION_VALUE\n    ).caption = this.#_componentLocale.options.updateToRevision;\n  }\n\n  async componentWillLoad() {\n    this.#_componentLocale = await Locale.getComponentStrings(this.el);\n    this.isValid = true;\n  }\n\n  /**\n   * Validate necessary data input\n   */\n  @Method()\n  async validate(): Promise<boolean> {\n    const isValid = true;\n    return isValid;\n  }\n\n  /**\n   * Suspends or reactivates the shortcuts\n   */\n  @Method()\n  async suspendShortcuts(suspendShortcuts: boolean) {\n    if (suspendShortcuts) {\n      this.#chShortcutsEl.suspend = true;\n    } else {\n      this.#chShortcutsEl.suspend = false;\n    }\n  }\n\n  #cancel = (): void => {\n    this.cancelCallback();\n  };\n\n  #confirm = (): void => {\n    let revision = undefined;\n    if (this.#radioGroupEl.value === RD_BTN_UPDATE_TO_REVISION_VALUE) {\n      revision = this.#revisionNumberEl.value;\n    }\n    this.confirmCallback(revision);\n  };\n\n  #inputChangeHandler = (event: CustomEvent<string> | InputEvent) => {\n    this.isValid = stringIsNumber(event.detail);\n  };\n\n  #radioGroupChangeHandler = (event: CustomEvent<string>) => {\n    this.#revisionNumberEl.disabled =\n      event.detail !== RD_BTN_UPDATE_TO_REVISION_VALUE;\n    this.isValid = true;\n    if (event.detail === RD_BTN_LATEST_REVISION_VALUE) {\n      this.isValid = true;\n    } else if (\n      event.detail === RD_BTN_UPDATE_TO_REVISION_VALUE &&\n      !stringIsNumber(this.#revisionNumberEl.value)\n    ) {\n      this.isValid = false;\n      setTimeout(() => {\n        this.#revisionNumberEl.focus();\n      }, 2000);\n    }\n  };\n\n  #renderFooter = (): Element => {\n    return (\n      <footer class=\"footer control-footer spacing-body-block-start\">\n        <div class=\"buttons-spacer\">\n          <button\n            class=\"button-secondary\"\n            onClick={this.#cancel}\n            part=\"button-cancel\"\n          >\n            {this.#_componentLocale.footer.btnCancel}\n          </button>\n\n          <button\n            class=\"button-primary\"\n            onClick={this.#confirm}\n            part=\"button-update\"\n            disabled={!this.isValid}\n          >\n            {this.#_componentLocale.footer.btnUpdate}\n          </button>\n        </div>\n      </footer>\n    );\n  };\n\n  #setInitialCheckedRadio = () => {\n    if (this.currentRevision === undefined) {\n      this.#radioGroupEl.value = RD_BTN_LATEST_REVISION_VALUE;\n      this.isValid = true;\n      this.#revisionNumberEl.disabled = true;\n    } else {\n      this.#revisionNumberEl.disabled = false;\n      this.#revisionNumberEl.value = this.currentRevision;\n      this.#radioGroupEl.value = RD_BTN_UPDATE_TO_REVISION_VALUE;\n    }\n  };\n\n  render(): void {\n    return (\n      <Host class=\"widget scrollable\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <ch-shortcuts\n          src={this.#shortcutsSrc}\n          ref={(el: HTMLChShortcutsElement) =>\n            (this.#chShortcutsEl = el as HTMLChShortcutsElement)\n          }\n        ></ch-shortcuts>\n\n        <section class=\"main spacing-body-block spacing-body-inline\">\n          <ch-radio-group-render\n            class=\"radio-group\"\n            model={this.#radioGroupOptions}\n            direction=\"horizontal\"\n            onChange={this.#radioGroupChangeHandler}\n            ref={(el: HTMLChRadioGroupRenderElement) => {\n              this.#radioGroupEl = el as HTMLChRadioGroupRenderElement;\n            }}\n          ></ch-radio-group-render>\n\n          <ch-edit\n            autoFocus\n            class=\"input revision-number\"\n            onInput={this.#inputChangeHandler}\n            ref={(el: HTMLChEditElement) =>\n              (this.#revisionNumberEl = el as HTMLChEditElement)\n            }\n          ></ch-edit>\n\n          {this.#renderFooter()}\n        </section>\n      </Host>\n    );\n  }\n}\n\nexport type cancelCallbackFn = () => Promise<void>;\nexport type confirmCallbackFn = (revision: string | undefined) => Promise<void>;\n"]}

package/dist/collection/components/team-dev/version-control/commit/commit.css

@@ -0,0 +1,344 @@
+/*Gx Ide*/
+/*@container queries*/
+/* hiChar styles
+Found on /common/helpers.tsx hiChar function is used to add a span/class to every character that matches a search value. It is used to help the user see why the filter results are filtered. The span/class on the characters are useless without proper styling.
+*/
+.detail__knowledge-base {
+  padding-inline: 24px;
+  border-inline-end: 1px solid var(--mer-border-color__on-elevation--01);
+}
+
+.detail__genexus-server {
+  padding-inline-end: 24px;
+  border-inline-end: 1px solid var(--mer-border-color__on-elevation--01);
+}
+
+.detail__version {
+  padding-inline-start: 24px;
+}
+
+.filter, .filter-secondary > div {
+  display: grid;
+  gap: 12px;
+}
+
+:host {
+  display: grid;
+  block-size: 100%;
+  overflow: auto;
+  grid-template-rows: max-content max-content 1fr;
+  --pill-border-radius: 12px;
+  --pill-padding-inline: 8px;
+  --pill-padding-block: 2px;
+  --pill-font-size: var(--font-size-body-s);
+}
+
+.section {
+  display: grid;
+  display: contents;
+}
+
+.header__details {
+  display: grid;
+  row-gap: var(--mer-spacing--md);
+  grid-auto-columns: max-content;
+  grid-auto-rows: max-content;
+  margin-block-end: var(--mer-spacing--lg);
+}
+
+.detail__label {
+  color: var(--mer-color__neutral-gray--400);
+}
+
+.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);
+}
+
+.filter__combo {
+  max-block-size: minmax(0, 200px);
+}
+
+.main {
+  position: relative;
+  display: grid;
+  overflow: auto;
+}
+
+.loader {
+  position: relative;
+  inline-size: 100%;
+  block-size: 100%;
+  inset-block-start: 0;
+  --elevation-background-color: var(--mer-surface__elevation--01);
+}
+
+.empty-state {
+  block-size: 100%;
+}
+
+.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-cell.no-checkbox-custom-selector::part(selector-label) {
+  visibility: hidden;
+}
+
+.tabular-grid {
+  border-radius: 4px;
+  overflow: hidden;
+}
+
+.tabular-grid .tabular-grid-cell--for-pill {
+  --grid-cell__padding-block: 4px;
+  align-items: center;
+  justify-content: center;
+}
+
+.tabular-grid .button-action-custom-selector {
+  --control__padding-block: var(--pill-padding-block);
+  --control__padding-inline: var(--pill-padding-inline);
+  font-size: inherit;
+  font-weight: inherit;
+  /* font-size: var(--pill-font-size); */
+}
+
+.tabular-grid.empty-result::part(main) {
+  overflow: hidden;
+}
+
+.messages-list {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  max-inline-size: 800px;
+  padding: 8px 0;
+  list-style-type: none;
+  display: flex;
+  flex-direction: column;
+  gap: var(--mer-spacing--3xs);
+}
+
+.message-description {
+  line-height: 1.5;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.message-icon {
+  flex-shrink: 0;
+}
+
+.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--update, .pill--pending {
+  --pill-background-color: var();
+  --pill-color: var(--mer-color__neutral-gray--400);
+  --pill-border-color: var();
+}
+.pill--to-merge-marked {
+  --pill-background-color: var();
+  --pill-color: var(--mer-border-color__primary);
+  --pill-border-color: var();
+}
+.pill--ignored {
+  --pill-background-color: var(--mer-surface__elevation--02);
+  --pill-color: var(--mer-text__on-disabled);
+  --pill-border-color: var(--mer-border-color__primary--disabled);
+}
+.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--commited {
+  --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;
+}
+
+.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);
+}
+.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);
+  }
+}
+
+.hiChar {
+  color: var(--mer-color__primary--200);
+  filter: brightness(1.3);
+}
+
+.custom-icon-text-wrapper {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+}
+
+/*Gx Ide*/
+/*@container queries*/
+/* hiChar styles
+Found on /common/helpers.tsx hiChar function is used to add a span/class to every character that matches a search value. It is used to help the user see why the filter results are filtered. The span/class on the characters are useless without proper styling.
+*/
+.header__details {
+  grid-template-areas: "detail-heading-gx . . ." "detail-genexus-server detail-knowledge-base detail-version detail-last-full-update";
+}
+
+.detail__heading-genexus-server {
+  grid-area: detail-heading-gx;
+}
+
+.detail__genexus-server {
+  grid-area: detail-genexus-server;
+}
+
+.detail__knowledge-base {
+  grid-area: detail-knowledge-base;
+}
+
+.detail__version {
+  grid-area: detail-version;
+}
+
+.filter-container {
+  container-type: inline-size;
+  box-sizing: border-box;
+  display: grid;
+  column-gap: 12px;
+  grid-template-areas: "filter-primary filter-toggle-button filter-action-buttons" "filter-secondary . ." "comments comments comments";
+  grid-template-columns: minmax(0, max-content) max-content 1fr;
+}
+
+.filter-primary {
+  grid-area: filter-primary;
+  grid-template-columns: minmax(0, 200px) minmax(0, 200px) minmax(0, 200px);
+}
+
+.filter-container > :nth-child(2) {
+  grid-area: filter-toggle-button;
+}
+
+.filter-container > :nth-child(3) {
+  grid-area: filter-action-buttons;
+  justify-content: end;
+}
+
+.filter__toggle-secondary-filter-btn {
+  grid-area: filter-toggle-button;
+}
+
+.filter__buttons {
+  grid-area: filter-buttons;
+  margin-inline-start: auto;
+}
+
+.filter-secondary {
+  display: grid;
+  grid-template-rows: 0fr;
+  grid-area: filter-secondary;
+  transition: grid-template-rows var(--mer-timing--fast);
+}
+
+.filter-secondary--visible {
+  grid-template-rows: 1fr;
+}
+
+.filter-secondary > div {
+  display: grid;
+  overflow: hidden;
+  font-size: 0;
+  grid-template-columns: repeat(3, minmax(0, 200px));
+}
+
+.filter-secondary > div > .combo-box,
+.comments {
+  margin-block-start: 12px;
+}
+
+.comments {
+  grid-area: comments;
+}
+
+.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: minmax(0, 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;
+}