@genexus/genexus-ide-ui 1.1.72 → 1.1.74

package/dist/genexus-ide-ui/{p-2d989eb1.entry.js → p-345f7738.entry.js}

@@ -1,12 +1,12 @@
-import { r as t, h as e, H as i, a as s } from "./p-9b9ccd0c.js";
+import { r as t, g as e, h as i, H as s, a as n } from "./p-9b9ccd0c.js";
 
-import { c as n } from "./p-c5196b3b.js";
+import { c as o } from "./p-c5196b3b.js";
 
-import { c as o, v as a } from "./p-b32b6b1f.js";
+import { c as a, v as r } from "./p-b32b6b1f.js";
 
-import { L as r } from "./p-311eedf3.js";
+import { L as c } from "./p-311eedf3.js";
 
-const c = ":host{display:grid;block-size:100%;grid-template-rows:1fr max-content}.field-group{grid-auto-rows:max-content}.main{overflow:auto}.section{display:contents}.tooltip{position:absolute}";
+const d = ":host{display:grid;block-size:100%;grid-template-rows:1fr max-content}.field-group{grid-auto-rows:max-content}.main{overflow:auto}.section{display:contents}.tooltip{position:absolute}";
 
 var l = undefined && undefined.__classPrivateFieldGet || function(t, e, i, s) {
   if (i === "a" && !s) throw new TypeError("Private accessor was defined without a getter");
@@ -14,38 +14,39 @@ var l = undefined && undefined.__classPrivateFieldGet || function(t, e, i, s) {
   return i === "m" ? s : i === "a" ? s.call(t) : s ? s.value : e.get(t);
 };
 
-var d = undefined && undefined.__classPrivateFieldSet || function(t, e, i, s, n) {
+var h = undefined && undefined.__classPrivateFieldSet || function(t, e, i, s, n) {
   if (s === "m") throw new TypeError("Private method is not writable");
   if (s === "a" && !n) throw new TypeError("Private accessor was defined without a setter");
   if (typeof e === "function" ? t !== e || !n : !e.has(t)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
   return s === "a" ? n.call(t, i) : n ? n.value = i : e.set(t, i), i;
 };
 
-var h, f, p, u, m, w, b;
+var u, f, p, m, w, b, v, g;
 
-const v = [ "resets/box-sizing", "utils/form", "utils/spacing", "utils/layout", "chameleon/scrollbar", "components/button", "components/edit", "components/tooltip" ];
+const y = [ "resets/box-sizing", "utils/form", "utils/spacing", "utils/layout", "chameleon/scrollbar", "components/button", "components/edit", "components/tooltip" ];
 
-const g = class {
-  constructor(i) {
-    t(this, i);
+const k = class {
+  constructor(s) {
+    t(this, s);
     /**
          * The component hard-coded strings translations.
          */
     // eslint-disable-next-line @stencil-community/own-props-must-be-private
-        h.set(this, void 0);
+        u.set(this, void 0);
     f.set(this, void 0);
-    p.set(this, (t => {
+    p.set(this, e(`./gx-ide-assets/name-picker/shortcuts.json`));
+    m.set(this, (t => {
       this.inputValue = t.detail;
-      o(this.validatableControls, "input-name");
+      a(this.validatableControls, "input-name");
     }));
-    u.set(this, (async () => {
+    w.set(this, (async () => {
       this.cancelCallback();
     }));
-    m.set(this, (async () => {
-      const t = await this.createCallback(this.inputValue);
-      this.validatableControls = a(t, this.validatableControls);
+    b.set(this, (async () => {
+      const t = await this.confirmCallback(this.inputValue);
+      this.validatableControls = r(t, this.validatableControls);
     }));
-    w.set(this, (() => {
+    v.set(this, (() => {
       // populate validatableControls with the controls that could have errors.
       const t = [ l(this, f, "f") ];
       t.forEach((t => {
@@ -60,73 +61,77 @@ const g = class {
     }));
     // TODO: evaluate if this should be a global helper function.
     // It is used on other dialogs as well.
-        b.set(this, (t => {
-      var i, s, o;
-      return ((s = (i = this.validatableControls) === null || i === void 0 ? void 0 : i.get(t === null || t === void 0 ? void 0 : t.id)) === null || s === void 0 ? void 0 : s.hasError) && ((o = this.validatableControls.get(t.id)) === null || o === void 0 ? void 0 : o.message) && e("ch-tooltip", {
+        g.set(this, (t => {
+      var e, s, n;
+      return ((s = (e = this.validatableControls) === null || e === void 0 ? void 0 : e.get(t === null || t === void 0 ? void 0 : t.id)) === null || s === void 0 ? void 0 : s.hasError) && ((n = this.validatableControls.get(t.id)) === null || n === void 0 ? void 0 : n.message) && i("ch-tooltip", {
         class: "tooltip",
         actionElement: t,
-        blockAlign: n.tooltipSettings.blockAlign,
-        inlineAlign: n.tooltipSettings.inlineAlign,
-        delay: n.tooltipSettings.delay
+        blockAlign: o.tooltipSettings.blockAlign,
+        inlineAlign: o.tooltipSettings.inlineAlign,
+        delay: o.tooltipSettings.delay
       }, this.validatableControls.get(t.id).message);
     }));
     this.inputValue = undefined;
     this.validatableControls = new Map;
     this.cancelCallback = undefined;
-    this.createCallback = undefined;
+    this.confirmCallback = undefined;
     this.defaultInputValue = undefined;
   }
   defaultInputValueChanged(t) {
     this.inputValue = t;
   }
   async componentWillLoad() {
-    d(this, h, await r.getComponentStrings(this.el), "f");
+    h(this, u, await c.getComponentStrings(this.el), "f");
     this.defaultInputValueChanged(this.defaultInputValue);
   }
   componentDidLoad() {
-    l(this, w, "f").call(this);
+    l(this, v, "f").call(this);
   }
   render() {
     const t = !this.inputValue || this.inputValue.length === 0;
-    return e(i, {
+    return i(s, {
       class: "widget"
-    }, e("ch-theme", {
-      model: v
-    }), e("section", {
+    }, i("ch-theme", {
+      model: y
+    }), i("ch-shortcuts", {
+      src: l(this, p, "f")
+    }), i("section", {
       class: "section"
-    }, e("div", {
+    }, i("div", {
       class: "main scrollable field-group spacing-body"
-    }, e("div", {
+    }, i("div", {
       class: "field field-block"
-    }, e("label", {
+    }, i("label", {
       class: "label",
       htmlFor: "input-name"
-    }, l(this, h, "f").labels.name), e("ch-edit", {
+    }, l(this, u, "f").labels.name), i("ch-edit", {
       type: "text",
       id: "input-name",
       class: "input",
-      placeholder: l(this, h, "f").placeHolders.name,
+      placeholder: l(this, u, "f").placeHolders.name,
       value: this.inputValue,
-      onInput: l(this, p, "f"),
-      ref: t => d(this, f, t, "f")
-    }), l(this, b, "f").call(this, l(this, f, "f")))), e("footer", {
+      onInput: l(this, m, "f"),
+      ref: t => h(this, f, t, "f")
+    }), l(this, g, "f").call(this, l(this, f, "f")))), i("footer", {
       class: "control-footer-with-border spacing-body"
-    }, e("div", {
+    }, i("div", {
       class: "buttons-spacer"
-    }, e("button", {
+    }, i("button", {
+      id: "cancel-button",
       class: "button-secondary",
-      onClick: l(this, u, "f")
-    }, l(this, h, "f").buttons.cancel), e("button", {
+      onClick: l(this, w, "f")
+    }, l(this, u, "f").buttons.cancel), i("button", {
+      id: "confirm-button",
       class: "button-primary",
-      onClick: l(this, m, "f"),
+      onClick: l(this, b, "f"),
       disabled: t
-    }, l(this, h, "f").buttons.confirm)))));
+    }, l(this, u, "f").buttons.confirm)))));
   }
   static get assetsDirs() {
     return [ "gx-ide-assets/name-picker" ];
   }
   get el() {
-    return s(this);
+    return n(this);
   }
   static get watchers() {
     return {
@@ -135,10 +140,10 @@ const g = class {
   }
 };
 
-h = new WeakMap, f = new WeakMap, p = new WeakMap, u = new WeakMap, m = new WeakMap, 
-w = new WeakMap, b = new WeakMap;
+u = new WeakMap, f = new WeakMap, p = new WeakMap, m = new WeakMap, w = new WeakMap, 
+b = new WeakMap, v = new WeakMap, g = new WeakMap;
 
-g.style = c;
+k.style = d;
 
-export { g as gx_ide_name_picker };
-//# sourceMappingURL=p-2d989eb1.entry.js.map
+export { k as gx_ide_name_picker };
+//# sourceMappingURL=p-345f7738.entry.js.map

package/dist/genexus-ide-ui/p-345f7738.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["namePickerCss","CSS_BUNDLES","GxIdeNamePicker","_GxIdeNamePicker_componentLocale","set","this","_GxIdeNamePicker_inputValueEl","_GxIdeNamePicker_shortcutsSrc","getAssetPath","_GxIdeNamePicker_handleInputValueChange","event","inputValue","detail","clearControlError","validatableControls","_GxIdeNamePicker_cancelClickHandler","async","cancelCallback","_GxIdeNamePicker_confirmClickHandler","formSubmitResult","confirmCallback","validateControls","_GxIdeNamePicker_initializeValidatableControls","__classPrivateFieldGet","forEach","validatableControl","id","reference","hasError","message","undefined","_GxIdeNamePicker_evaluateTooltipRender","controlReference","_b","_a","get","_c","h","class","actionElement","blockAlign","config","tooltipSettings","inlineAlign","delay","Map","defaultInputValueChanged","newDefaultInputValue","componentWillLoad","__classPrivateFieldSet","Locale","getComponentStrings","el","defaultInputValue","componentDidLoad","call","render","confirmButtonDisabled","length","Host","model","src","htmlFor","labels","name","type","placeholder","placeHolders","value","onInput","ref","onClick","buttons","cancel","disabled","confirm"],"sources":["src/components/name-picker/name-picker.scss?tag=gx-ide-name-picker&encapsulation=shadow","src/components/name-picker/name-picker.tsx"],"sourcesContent":[":host {\n  display: grid;\n  block-size: 100%;\n  grid-template-rows: 1fr max-content;\n}\n\n.field-group {\n  grid-auto-rows: max-content;\n}\n\n.main {\n  overflow: auto;\n}\n\n.section {\n  display: contents;\n}\n\n.tooltip {\n  position: absolute;\n}\n","import {\n  Component,\n  Element,\n  getAssetPath,\n  h,\n  Host,\n  Prop,\n  State,\n  Watch\n} from \"@stencil/core\";\n\nimport { MercuryBundles } from \"@genexus/mercury\";\nimport { config } from \"../../common/config\";\nimport {\n  clearControlError,\n  ControlValidation,\n  validateControls\n} from \"../../common/form-validation\";\nimport { Locale } from \"../../common/locale\";\nimport { FormSubmitResult } from \"../../components\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"utils/form\",\n  \"utils/spacing\",\n  \"utils/layout\",\n  \"chameleon/scrollbar\",\n  \"components/button\",\n  \"components/edit\",\n  \"components/tooltip\"\n];\n\n@Component({\n  tag: \"gx-ide-name-picker\",\n  styleUrl: \"name-picker.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/name-picker\"]\n})\nexport class GxIdeNamePicker {\n  /**\n   * The component hard-coded strings translations.\n   */\n  // eslint-disable-next-line @stencil-community/own-props-must-be-private\n  #componentLocale: any;\n\n  #inputValueEl!: HTMLChEditElement;\n  #shortcutsSrc = getAssetPath(`./gx-ide-assets/name-picker/shortcuts.json`);\n\n  @Element() el: HTMLGxIdeNamePickerElement;\n\n  /**\n   * The input name\n   */\n  @State() inputValue: string;\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    inputValue: string\n  ) => Promise<FormSubmitResult>;\n\n  /**\n   * This property is used to set the initial values of the input field when the component is loaded.\n   */\n  @Prop() readonly defaultInputValue: string;\n  @Watch(\"defaultInputValue\")\n  defaultInputValueChanged(newDefaultInputValue: string) {\n    this.inputValue = newDefaultInputValue;\n  }\n\n  async componentWillLoad() {\n    this.#componentLocale = await Locale.getComponentStrings(this.el);\n    this.defaultInputValueChanged(this.defaultInputValue);\n  }\n\n  componentDidLoad() {\n    this.#initializeValidatableControls();\n  }\n\n  #handleInputValueChange = (event: CustomEvent<string> | InputEvent) => {\n    this.inputValue = event.detail as string;\n    clearControlError(this.validatableControls, \"input-name\");\n  };\n\n  #cancelClickHandler = async () => {\n    this.cancelCallback();\n  };\n\n  #confirmClickHandler = async () => {\n    const formSubmitResult = await this.confirmCallback(this.inputValue);\n    this.validatableControls = validateControls(\n      formSubmitResult,\n      this.validatableControls\n    );\n  };\n\n  #initializeValidatableControls = () => {\n    // populate validatableControls with the controls that could have errors.\n    const validatableControls: HTMLElement[] = [this.#inputValueEl];\n    validatableControls.forEach(validatableControl => {\n      if (validatableControl.id) {\n        this.validatableControls.set(validatableControl.id, {\n          reference: validatableControl,\n          hasError: false,\n          message: undefined\n        });\n      }\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  render() {\n    const confirmButtonDisabled =\n      !this.inputValue || this.inputValue.length === 0;\n\n    return (\n      <Host class=\"widget\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <ch-shortcuts src={this.#shortcutsSrc}></ch-shortcuts>\n        <section class=\"section\">\n          <div class=\"main scrollable field-group spacing-body\">\n            <div class=\"field field-block\">\n              <label class=\"label\" htmlFor=\"input-name\">\n                {this.#componentLocale.labels.name}\n              </label>\n              <ch-edit\n                type=\"text\"\n                id=\"input-name\"\n                class=\"input\"\n                placeholder={this.#componentLocale.placeHolders.name}\n                value={this.inputValue}\n                onInput={this.#handleInputValueChange}\n                ref={(el: HTMLChEditElement) =>\n                  (this.#inputValueEl = el as HTMLChEditElement)\n                }\n              ></ch-edit>\n              {this.#evaluateTooltipRender(this.#inputValueEl)}\n            </div>\n          </div>\n\n          <footer class=\"control-footer-with-border spacing-body\">\n            <div class=\"buttons-spacer\">\n              <button\n                id=\"cancel-button\"\n                class=\"button-secondary\"\n                onClick={this.#cancelClickHandler}\n              >\n                {this.#componentLocale.buttons.cancel}\n              </button>\n\n              <button\n                id=\"confirm-button\"\n                class=\"button-primary\"\n                onClick={this.#confirmClickHandler}\n                disabled={confirmButtonDisabled}\n              >\n                {this.#componentLocale.buttons.confirm}\n              </button>\n            </div>\n          </footer>\n        </section>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/genexus-ide-ui/{p-8dedbcd9.entry.js → p-519fed7a.entry.js}

@@ -1,4 +1,4 @@
-import { r as e, g as r, h as t, H as o, a } from "./p-9b9ccd0c.js";
+import { r as e, g as t, h as r, H as o, a } from "./p-9b9ccd0c.js";
 
 import { g as i } from "./p-d42e842b.js";
 
@@ -14,51 +14,52 @@ import { L as s } from "./p-311eedf3.js";
 
 const n = ":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)}.giu-static-pill-icon-and-text,.giu-static-pill{background-color:var(--elevation-background-color, var(--mer-surface__elevation--01));padding-inline:var(--mer-spacing--xs);color:var(--mer-text__on-elevation);font-size:var(--font-size-body-s);line-height:1.4;font-weight:var(--font-weight-regular);border-radius:var(--mer-border__width--lg);min-block-size:25px;display:inline-grid;align-items:center;pointer-events:none}.giu-static-pill-icon-and-text{display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:var(--mer-spacing--xs)}.tab-full-width-buttons::part(tab-list block-start),.tab-full-width-buttons::part(tab-list block-end){grid-auto-columns:1fr}.tab-full-width-buttons::part(tab block-start){justify-content:center}:host{display:grid;block-size:100%;grid-template-rows:1fr max-content}.main-container{display:grid;grid-template-rows:max-content max-content max-content;gap:var(--mer-spacing--md)}.versions-container{display:grid;grid-template-columns:1fr max-content;gap:var(--mer-spacing--xs)}.versions-container .button-icon-only{border-color:var(--mer-color__neutral-gray--500);border-width:var(--mer-border__width--sm);border-radius:var(--mer-border__radius--sm)}.versions-container .button-icon-only:hover{border-color:var(--mer-color__neutral-gray--100)}.giu-static-pill-icon-and-text{background-color:var(--mer-surface__elevation--02)}";
 
-var l = undefined && undefined.__classPrivateFieldGet || function(e, r, t, o) {
-  if (t === "a" && !o) throw new TypeError("Private accessor was defined without a getter");
-  if (typeof r === "function" ? e !== r || !o : !r.has(e)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
-  return t === "m" ? o : t === "a" ? o.call(e) : o ? o.value : r.get(e);
+var l = undefined && undefined.__classPrivateFieldGet || function(e, t, r, o) {
+  if (r === "a" && !o) throw new TypeError("Private accessor was defined without a getter");
+  if (typeof t === "function" ? e !== t || !o : !t.has(e)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+  return r === "m" ? o : r === "a" ? o.call(e) : o ? o.value : t.get(e);
 };
 
-var c = undefined && undefined.__classPrivateFieldSet || function(e, r, t, o, a) {
+var c = undefined && undefined.__classPrivateFieldSet || function(e, t, r, o, a) {
   if (o === "m") throw new TypeError("Private method is not writable");
   if (o === "a" && !a) throw new TypeError("Private accessor was defined without a setter");
-  if (typeof r === "function" ? e !== r || !a : !r.has(e)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
-  return o === "a" ? a.call(e, t) : a ? a.value = t : r.set(e, t), t;
+  if (typeof t === "function" ? e !== t || !a : !t.has(e)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+  return o === "a" ? a.call(e, r) : a ? a.value = r : t.set(e, r), r;
 };
 
-var g, d, f, b, v, h, m, p;
+var d, g, f, b, h, v, m, p, u;
 
-const u = [ "resets/box-sizing", "utils/form--full", "utils/layout", "utils/typography", "utils/spacing", "chameleon/scrollbar" ];
+const x = [ "resets/box-sizing", "utils/form--full", "utils/layout", "utils/typography", "utils/spacing", "chameleon/scrollbar" ];
 
-const x = i({
+const y = i({
   category: "gemini-tools",
   name: "show-more-horizontal",
   colorType: "on-elevation"
 });
 
-const y = i({
+const w = i({
   category: "objects",
   name: "version-frozen"
 });
 
-const w = i({
+const k = i({
   category: "objects",
   name: "version"
 });
 
-const k = i({
+const z = i({
   category: "system",
   name: "version",
   colorType: "on-surface"
 });
 
-const z = class {
+const _ = class {
   constructor(o) {
     e(this, o);
+    d.set(this, void 0);
     g.set(this, void 0);
-    d.set(this, r(`./gx-ide-assets/restore-version/shortcuts.json`));
-    f.set(this, (async () => {
+    f.set(this, t(`./gx-ide-assets/restore-version/shortcuts.json`));
+    b.set(this, (async () => {
       const e = {
         toVersionGuid: this.toVersionInfo.guid,
         toVersionName: this.toVersionInfo.name,
@@ -68,17 +69,17 @@ const z = class {
       };
       await this.confirmCallback(e);
     }));
-    b.set(this, (async () => {
+    h.set(this, (async () => {
       await this.cancelCallback();
     }));
     v.set(this, (e => {
       this.versionsComboBoxModel = e.map((e => ({
         caption: e.name,
         value: e.guid,
-        startImgSrc: e.isFrozen ? y : w
+        startImgSrc: e.isFrozen ? w : k
       })));
     }));
-    h.set(this, (e => {
+    m.set(this, (e => {
       this.selectedSourceVersionName = e.detail;
     }));
     // Uncomment this when the sync environments feature is available
@@ -87,26 +88,26 @@ const z = class {
     // ) => {
     //   this.syncEnvironments = event.detail === CHECKBOX_CHECKED_VALUE;
     // };
-        m.set(this, (async () => {
+        p.set(this, (async () => {
       this.selectedSourceVersion = await this.selectSourceVersionCallback();
       this.selectedSourceVersionName = this.selectedSourceVersion[0].name;
     }));
-    p.set(this, (() => {
+    u.set(this, (() => {
       const e = !this.selectedSourceVersionName || !this.versionsComboBoxModel.some((e => e.caption === this.selectedSourceVersionName));
-      return t("footer", {
+      return r("footer", {
         class: "footer control-footer-with-border spacing-body"
-      }, t("div", {
+      }, r("div", {
         class: "buttons-spacer"
-      }, t("button", {
+      }, r("button", {
         id: "cancel-button",
         class: "button-secondary",
-        onClick: l(this, b, "f")
-      }, l(this, g, "f").footer.cancel), t("button", {
+        onClick: l(this, h, "f")
+      }, l(this, d, "f").footer.cancel), r("button", {
         id: "confirm-button",
         class: "button-primary",
-        onClick: l(this, f, "f"),
+        onClick: l(this, b, "f"),
         disabled: e
-      }, l(this, g, "f").footer.confirm)));
+      }, l(this, d, "f").footer.confirm)));
     }));
     this.syncEnvironments = false;
     this.selectedSourceVersionName = "";
@@ -122,49 +123,59 @@ const z = class {
     l(this, v, "f").call(this, this.versions);
   }
   async componentWillLoad() {
-    c(this, g, await s.getComponentStrings(this.el), "f");
+    c(this, d, await s.getComponentStrings(this.el), "f");
     l(this, v, "f").call(this, this.versions || []);
   }
+  /**
+     * Suspends or reactivates the shortcuts
+     */  async suspendShortcuts(e) {
+    if (e) {
+      l(this, g, "f").suspend = true;
+    } else {
+      l(this, g, "f").suspend = false;
+    }
+  }
   render() {
-    return t(o, {
+    return r(o, {
       class: "widget"
-    }, t("ch-theme", {
-      model: u
-    }), t("ch-shortcuts", {
-      src: l(this, d, "f")
-    }), t("div", {
+    }, r("ch-theme", {
+      model: x
+    }), r("ch-shortcuts", {
+      src: l(this, f, "f"),
+      ref: e => c(this, g, e, "f")
+    }), r("div", {
       class: "main-container spacing-body"
-    }, t("div", null, t("p", {
+    }, r("div", null, r("p", {
       class: "giu-static-pill-icon-and-text"
-    }, t("ch-image", {
+    }, r("ch-image", {
       class: "icon-md",
       type: "mask",
-      src: k
-    }), t("span", null, `${l(this, g, "f").descriptions.pill} - ${this.toVersionInfo.name}`))), t("p", {
+      src: z
+    }), r("span", null, `${l(this, d, "f").descriptions.pill} - ${this.toVersionInfo.name}`))), r("p", {
       class: "body-regular-m"
-    }, l(this, g, "f").descriptions.summary), t("div", {
+    }, l(this, d, "f").descriptions.summary), r("div", {
       class: "field field-block"
-    }, t("label", {
+    }, r("label", {
       class: "label",
       htmlFor: "versions-combo-box"
-    }, l(this, g, "f").labels.fromVersion), t("div", {
+    }, l(this, d, "f").labels.fromVersion), r("div", {
       class: "versions-container"
-    }, t("ch-combo-box-render", {
+    }, r("ch-combo-box-render", {
       class: "combo-box",
       id: "versions-combo-box",
       model: this.versionsComboBoxModel,
-      placeholder: l(this, g, "f").placeHolders.fromVersion,
+      placeholder: l(this, d, "f").placeHolders.fromVersion,
       value: this.selectedSourceVersionName,
       suggest: true,
-      onInput: l(this, h, "f")
-    }), t("button", {
+      onInput: l(this, m, "f")
+    }), r("button", {
       id: "select-version-button",
       class: "button-tertiary button-icon-only",
-      onClick: l(this, m, "f")
-    }, t("ch-image", {
-      src: x,
+      onClick: l(this, p, "f")
+    }, r("ch-image", {
+      src: y,
       class: "icon-sm"
-    }))))), l(this, p, "f").call(this));
+    }))))), l(this, u, "f").call(this));
   }
   static get assetsDirs() {
     return [ "gx-ide-assets/restore-version" ];
@@ -179,10 +190,10 @@ const z = class {
   }
 };
 
-g = new WeakMap, d = new WeakMap, f = new WeakMap, b = new WeakMap, v = new WeakMap, 
-h = new WeakMap, m = new WeakMap, p = new WeakMap;
+d = new WeakMap, g = new WeakMap, f = new WeakMap, b = new WeakMap, h = new WeakMap, 
+v = new WeakMap, m = new WeakMap, p = new WeakMap, u = new WeakMap;
 
-z.style = n;
+_.style = n;
 
-export { z as gx_ide_restore_version };
-//# sourceMappingURL=p-8dedbcd9.entry.js.map
+export { _ as gx_ide_restore_version };
+//# sourceMappingURL=p-519fed7a.entry.js.map

package/dist/genexus-ide-ui/p-519fed7a.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["restoreVersionCss","CSS_BUNDLES","SHOW_MORE_ICON","getIconPath","category","name","colorType","VERSION_FROZEN_OBJECT_ICON","VERSION_OBJECT_ICON","VERSION_ICON","GxIdeRestoreVersion","_GxIdeRestoreVersion_componentLocale","set","this","_GxIdeRestoreVersion_chShortcutsEl","_GxIdeRestoreVersion_shortcutsSrc","getAssetPath","_GxIdeRestoreVersion_confirmHandler","async","restoreVersionData","toVersionGuid","toVersionInfo","guid","toVersionName","fromVersionGuid","versions","find","version","selectedSourceVersionName","fromVersionName","syncEnvironments","confirmCallback","_GxIdeRestoreVersion_cancelHandler","cancelCallback","_GxIdeRestoreVersion_versionsToComboBoxItemModel","versionsComboBoxModel","map","caption","value","startImgSrc","isFrozen","_GxIdeRestoreVersion_handleComboBoxInput","event","detail","_GxIdeRestoreVersion_selectSourceVersionHandler","selectedSourceVersion","selectSourceVersionCallback","_GxIdeRestoreVersion_renderFooter","disableConfirmButton","some","v","h","class","id","onClick","__classPrivateFieldGet","footer","cancel","disabled","confirm","versionsChanged","call","componentWillLoad","__classPrivateFieldSet","Locale","getComponentStrings","el","suspendShortcuts","suspend","render","Host","model","src","ref","type","descriptions","pill","summary","htmlFor","labels","fromVersion","placeholder","placeHolders","suggest","onInput"],"sources":["src/components/restore-version/restore-version.scss?tag=gx-ide-restore-version&encapsulation=shadow","src/components/restore-version/restore-version.tsx"],"sourcesContent":["@import \"../../global/gx-ide-common.scss\";\n\n:host {\n  display: grid;\n  block-size: 100%;\n  grid-template-rows: 1fr max-content;\n}\n\n.main-container {\n  display: grid;\n  grid-template-rows: max-content max-content max-content;\n  gap: var(--mer-spacing--md);\n}\n\n.versions-container {\n  display: grid;\n  grid-template-columns: 1fr max-content;\n  gap: var(--mer-spacing--xs);\n\n  .button-icon-only {\n    border-color: var(--mer-color__neutral-gray--500);\n    border-width: var(--mer-border__width--sm);\n    border-radius: var(--mer-border__radius--sm);\n  }\n\n  .button-icon-only:hover {\n    border-color: var(--mer-color__neutral-gray--100);\n  }\n}\n\n.giu-static-pill-icon-and-text {\n  background-color: var(--mer-surface__elevation--02);\n}\n","import {\n  ChComboBoxRenderCustomEvent,\n  ComboBoxModel\n} from \"@genexus/chameleon-controls-library\";\nimport { getIconPath, MercuryBundles } from \"@genexus/mercury\";\nimport {\n  Component,\n  Element,\n  getAssetPath,\n  h,\n  Host,\n  Method,\n  Prop,\n  State,\n  Watch\n} from \"@stencil/core\";\nimport { Locale } from \"../../common/locale\";\nimport { KBVersion } from \"../team-dev/version-control/common/types\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"utils/form--full\",\n  \"utils/layout\",\n  \"utils/typography\",\n  \"utils/spacing\",\n  \"chameleon/scrollbar\"\n];\n\nconst SHOW_MORE_ICON = getIconPath({\n  category: \"gemini-tools\",\n  name: \"show-more-horizontal\",\n  colorType: \"on-elevation\"\n});\n\nconst VERSION_FROZEN_OBJECT_ICON = getIconPath({\n  category: \"objects\",\n  name: \"version-frozen\"\n});\n\nconst VERSION_OBJECT_ICON = getIconPath({\n  category: \"objects\",\n  name: \"version\"\n});\n\nconst VERSION_ICON = getIconPath({\n  category: \"system\",\n  name: \"version\",\n  colorType: \"on-surface\"\n});\n\n// Uncomment this when the sync environments feature is available\n// const CHECKBOX_CHECKED_VALUE = \"true\";\n\n@Component({\n  tag: \"gx-ide-restore-version\",\n  styleUrl: \"restore-version.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/restore-version\"]\n})\nexport class GxIdeRestoreVersion {\n  #componentLocale: any;\n  #chShortcutsEl: HTMLChShortcutsElement;\n  #shortcutsSrc = getAssetPath(\n    `./gx-ide-assets/restore-version/shortcuts.json`\n  );\n  @Element() el: HTMLGxIdeRestoreVersionElement;\n\n  /**\n   * Indicates if the environments should be synchronized.\n   */\n  @State() syncEnvironments: boolean = false;\n\n  /**\n   * Input value for the source version selector.\n   */\n  @State() selectedSourceVersionName: string = \"\";\n\n  /**\n   * Selected source version from version selector.\n   */\n  @State() selectedSourceVersion: KBVersion[] = [];\n\n  /**\n   * Combo box model for the versions selector.\n   */\n  @State() versionsComboBoxModel: ComboBoxModel = [];\n\n  /**\n   *  Callback invoked by pressing the ellipsis in the version selector.\n   */\n  @Prop() readonly selectSourceVersionCallback!: () => Promise<KBVersion[]>;\n\n  /**\n   * Callback invoked by pressing the Confirm button.\n   */\n  @Prop() readonly confirmCallback!: (\n    restoreVersionData: RestoreVersionData\n  ) => Promise<void>;\n\n  /**\n   * Callback invoked by pressing the Cancel button.\n   */\n  @Prop() readonly cancelCallback!: () => Promise<void>;\n\n  /**\n   * The target version to which the restore will be made.\n   */\n  @Prop() readonly toVersionInfo!: KBVersion;\n\n  /**\n   * List of versions to show in the versions combo box.\n   */\n  @Prop() readonly versions!: KBVersion[];\n  @Watch(\"versions\")\n  versionsChanged() {\n    this.#versionsToComboBoxItemModel(this.versions);\n  }\n\n  async componentWillLoad() {\n    this.#componentLocale = await Locale.getComponentStrings(this.el);\n    this.#versionsToComboBoxItemModel(this.versions || []);\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  #confirmHandler = async () => {\n    const restoreVersionData = {\n      toVersionGuid: this.toVersionInfo.guid,\n      toVersionName: this.toVersionInfo.name,\n      fromVersionGuid: this.versions.find(\n        version => version.name === this.selectedSourceVersionName\n      ).guid,\n      fromVersionName: this.selectedSourceVersionName,\n      syncEnvironments: this.syncEnvironments\n    };\n    await this.confirmCallback(restoreVersionData);\n  };\n\n  #cancelHandler = async () => {\n    await this.cancelCallback();\n  };\n\n  #versionsToComboBoxItemModel = (versions: KBVersion[]) => {\n    this.versionsComboBoxModel = versions.map(version => ({\n      caption: version.name,\n      value: version.guid,\n      startImgSrc: version.isFrozen\n        ? VERSION_FROZEN_OBJECT_ICON\n        : VERSION_OBJECT_ICON\n    }));\n  };\n\n  #handleComboBoxInput = (\n    event: ChComboBoxRenderCustomEvent<string> | InputEvent\n  ) => {\n    this.selectedSourceVersionName = event.detail as string;\n  };\n  // Uncomment this when the sync environments feature is available\n  // #handleCheckBoxValueChange = (\n  //   event: ChCheckboxCustomEvent<any> | InputEvent\n  // ) => {\n  //   this.syncEnvironments = event.detail === CHECKBOX_CHECKED_VALUE;\n  // };\n\n  #selectSourceVersionHandler = async () => {\n    this.selectedSourceVersion = await this.selectSourceVersionCallback();\n    this.selectedSourceVersionName = this.selectedSourceVersion[0].name;\n  };\n\n  #renderFooter = () => {\n    const disableConfirmButton =\n      !this.selectedSourceVersionName ||\n      !this.versionsComboBoxModel.some(\n        v => v.caption === this.selectedSourceVersionName\n      );\n    return (\n      <footer class=\"footer control-footer-with-border spacing-body\">\n        <div class=\"buttons-spacer\">\n          <button\n            id=\"cancel-button\"\n            class=\"button-secondary\"\n            onClick={this.#cancelHandler}\n          >\n            {this.#componentLocale.footer.cancel}\n          </button>\n\n          <button\n            id=\"confirm-button\"\n            class=\"button-primary\"\n            onClick={this.#confirmHandler}\n            disabled={disableConfirmButton}\n          >\n            {this.#componentLocale.footer.confirm}\n          </button>\n        </div>\n      </footer>\n    );\n  };\n\n  render() {\n    return (\n      <Host class=\"widget\">\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        <div class=\"main-container spacing-body\">\n          <div>\n            <p class=\"giu-static-pill-icon-and-text\">\n              <ch-image\n                class=\"icon-md\"\n                type=\"mask\"\n                src={VERSION_ICON}\n              ></ch-image>\n              <span>{`${this.#componentLocale.descriptions.pill} - ${this.toVersionInfo.name}`}</span>\n            </p>\n          </div>\n          <p class=\"body-regular-m\">\n            {this.#componentLocale.descriptions.summary}\n          </p>\n\n          <div class=\"field field-block\">\n            <label class=\"label\" htmlFor=\"versions-combo-box\">\n              {this.#componentLocale.labels.fromVersion}\n            </label>\n            <div class=\"versions-container\">\n              <ch-combo-box-render\n                class=\"combo-box\"\n                id=\"versions-combo-box\"\n                model={this.versionsComboBoxModel}\n                placeholder={this.#componentLocale.placeHolders.fromVersion}\n                value={this.selectedSourceVersionName}\n                suggest={true}\n                onInput={this.#handleComboBoxInput}\n              />\n              <button\n                id=\"select-version-button\"\n                class=\"button-tertiary button-icon-only\"\n                onClick={this.#selectSourceVersionHandler}\n              >\n                <ch-image src={SHOW_MORE_ICON} class=\"icon-sm\"></ch-image>\n              </button>\n            </div>\n          </div>\n\n          {\n            // Uncomment this when the sync environments feature is available\n            /* <ch-checkbox\n            class=\"checkbox\"\n            caption={this.#componentLocale.buttons.syncEnvironments}\n            checkedValue={CHECKBOX_CHECKED_VALUE}\n            onInput={this.#handleCheckBoxValueChange}\n          /> */\n          }\n        </div>\n        {this.#renderFooter()}\n      </Host>\n    );\n  }\n}\n\nexport type RestoreVersionData = {\n  fromVersionName: string;\n  fromVersionGuid: string;\n  toVersionGuid: string;\n  toVersionName: string;\n  syncEnvironments: boolean;\n};\n"],"mappings":"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"}