@genexus/genexus-ide-ui 1.1.33 → 1.1.35

package/dist/esm/gx-ide-team-dev-update-to-revision.entry.js

@@ -1,60 +1,122 @@
 import { r as registerInstance, c as createEvent, g as getAssetPath, h, H as Host, a as getElement } from './index-eace714c.js';
 import { L as Locale } from './locale-e5107fad.js';
-import { c as config } from './config-73a57a22.js';
 
-const updateToRevisionCss = ":root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-01--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-02{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-02--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--color-on-primary)}.gxg-title-03{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-03--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-04{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-04--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-05{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-05--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable)}.gxg-text--negative{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text--gray{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--dimmed)}.gxg-quote{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);font-style:italic}.gxg-quote--negative{color:var(--ds-base-font-color--negative)}.gxg-link{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--ds-base-font-color--link-hover)}.gxg-link:active{color:var(--ds-base-font-color--link-active)}.gxg-link-gray{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed)}.gxg-link-gray:hover{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed);filter:brightness(1.4)}.gxg-alert-error{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--error);display:inline-block}.gxg-alert-warning{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--warning);display:inline-block}.gxg-alert-success{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--success);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--ds-base-font-family-primary);font-weight:var(--gxg-label-font-weight);font-size:var(--gxg-label-font-size);color:var(--gxg-label-color);text-align:center;line-height:1.455em;display:flex;align-items:center}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gxg-scrollbar::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}:host{display:grid;block-size:100%}.card-regular{background-color:var(--mer-surface__elevation--01);border:var(--mer-border__width--sm) solid var(--mer-border-color__on-elevation--01);border-radius:var(--mer-border__radius--md);padding:var(--mer-spacing--md) var(--mer-spacing--md);display:grid}.card-small{background-color:var(--mer-surface__elevation--02);border-radius:var(--mer-border__radius--sm);padding:var(--mer-spacing--sm) var(--mer-spacing--sm)}.card-small--actionable:hover{background-color:var(--mer-color__neutral-gray--600)}.card-small--actionable:active{background-color:var(--mer-color__neutral-gray--650)}.card-small:focus-visible{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.empty-state{block-size:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--mer-spacing--sm);text-align:center}.empty-state__title,.empty-state__button,.empty-state__link{max-inline-size:300px}.opacity-0{opacity:0}.opacity-1{opacity:1}.display-contents{display:contents}.pill-tag{padding:1px 4px;border-radius:2px;min-inline-size:40px;text-align:center;margin-inline-end:10px;font-size:11px}.gxi-hidden{display:none !important}.gxi-full-height{height:100%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}.justify-start{display:flex;justify-content:start}.justify-center{display:flex;justify-content:center}.justify-end{display:flex;justify-content:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:99;border-bottom:1px solid var(--mer-color__neutral-gray--800)}ch-grid-column:first-child{padding-inline-start:var(--gx-ide-container__padding) !important}ch-grid-column:last-child{padding-inline-end:var(--gx-ide-container__padding) !important}ch-grid-cell{--mer-spacing--xs:var(--gx-ide-container__padding)}.layout{display:grid;gap:var(--mer-spacing--lg);box-sizing:border-box}.layout--two-cols{grid-template-columns:1fr 1fr}.layout--space-above{padding-block-start:var(--mer-spacing--lg)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--mer-font__weight--regular);font-size:var(--mer-font__size--xs);font-family:var(--mer-font-family--primary);height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-main::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-main::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-main::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-overflow::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.tree-view-primary{font-size:var(--mer-font__size--2xs)}p{margin:0;font-size:var(--mer-font__size--xxs)}.buttons-container{display:flex;gap:var(--mer-spacing--xs)}:host{display:block}.revision-number{display:flex;align-items:center;gap:var(--gx-ide-grid-row-gap)}.revision-number>:nth-child(2){width:auto !important}.actions{display:flex;justify-content:flex-end;align-items:center;gap:var(--gx-ide-grid-row-gap)}";
+const stringIsNumber = (stringToCheck) => {
+    let isNumber = false;
+    isNumber = !isNaN(+stringToCheck) && stringToCheck.toString().length !== 0;
+    return isNumber;
+};
+
+const updateToRevisionCss = ":host{display:grid;block-size:100%;overflow:auto;grid-template-rows:max-content max-content}.main{display:grid;grid-template-areas:\"radio-group revision-number\" \"footer footer\";grid-template-columns:max-content minmax(200px, 1fr);grid-template-rows:max-content max-content;column-gap:var(--controls__container-row-gap)}.radio-group{grid-area:radio-group}.revision-number{grid-area:revision-number}.footer{grid-area:footer}";
 
+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 _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;
+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";
 const GxIdeTeamDevUpdateToRevision = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.componentDidLoadEvent = createEvent(this, "componentDidLoadEvent", 7);
         this.componentDidRenderFirstTime = createEvent(this, "componentDidRenderFirstTime", 7);
-        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;
-            }
-        };
-        this.confirm = () => {
-            let revision = undefined;
-            if (this.updateToRevisionEl.checked) {
-                revision = this.revisionNumberEl.value;
+                __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.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
      */
@@ -62,13 +124,26 @@ const GxIdeTeamDevUpdateToRevision = class {
         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 assetsDirs() { return ["gx-ide-assets/team-dev-update-to-revision"]; }
     get el() { return getElement(this); }
 };
+_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();
 GxIdeTeamDevUpdateToRevision.style = updateToRevisionCss;
 
 export { GxIdeTeamDevUpdateToRevision as gx_ide_team_dev_update_to_revision };

package/dist/esm/gx-ide-team-dev-update-to-revision.entry.js.map

@@ -1 +1 @@
-{"file":"gx-ide-team-dev-update-to-revision.entry.js","mappings":"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","names":[],"sources":["src/components/team-dev/update-to-revision/update-to-revision.scss?tag=gx-ide-team-dev-update-to-revision&encapsulation=shadow","src/components/team-dev/update-to-revision/update-to-revision.tsx"],"sourcesContent":["@import \"../../../global/gx-ide-common.scss\";\n@import \"../../../global/gx-ide-mixins.scss\";\n\n:host {\n  display: block;\n}\n\n.revision-number {\n  display: flex;\n  align-items: center;\n  gap: var(--gx-ide-grid-row-gap);\n  > :nth-child(2) {\n    width: auto !important;\n  }\n}\n\n/* Objects Table */\n.actions {\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  gap: var(--gx-ide-grid-row-gap);\n}\n","/* 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":"gx-ide-team-dev-update-to-revision.entry.js","mappings":"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","names":[],"sources":["src/components/team-dev/update-to-revision/helpers.ts","src/components/team-dev/update-to-revision/update-to-revision.scss?tag=gx-ide-team-dev-update-to-revision&encapsulation=shadow","src/components/team-dev/update-to-revision/update-to-revision.tsx"],"sourcesContent":["export const stringIsNumber = (stringToCheck: string | number): boolean => {\n  let isNumber = false;\n  isNumber = !isNaN(+stringToCheck) && stringToCheck.toString().length !== 0;\n  return isNumber;\n};\n",":host {\n  display: grid;\n  block-size: 100%;\n  overflow: auto;\n  grid-template-rows: max-content max-content;\n}\n\n.main {\n  display: grid;\n  grid-template-areas:\n    \"radio-group revision-number\"\n    \"footer footer\";\n  grid-template-columns: max-content minmax(200px, 1fr);\n  grid-template-rows: max-content max-content;\n  column-gap: var(--controls__container-row-gap);\n}\n\n.radio-group {\n  grid-area: radio-group;\n}\n.revision-number {\n  grid-area: revision-number;\n}\n.footer {\n  grid-area: footer;\n}\n","// 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"],"version":3}