@genexus/genexus-ide-ui 1.1.55 → 1.1.56

package/dist/genexus-ide-ui/p-3c14bdfc.entry.js

@@ -0,0 +1,234 @@
+import { r as t, g as e, h as s, H as i, a as o } from "./p-97107ecc.js";
+
+import { L as n } from "./p-311eedf3.js";
+
+import { v as a } from "./p-b32b6b1f.js";
+
+import { c } from "./p-9a03ac9f.js";
+
+const r = ":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, s, i) {
+  if (s === "a" && !i) throw new TypeError("Private accessor was defined without a getter");
+  if (typeof e === "function" ? t !== e || !i : !e.has(t)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+  return s === "m" ? i : s === "a" ? i.call(t) : i ? i.value : e.get(t);
+};
+
+var h = undefined && undefined.__classPrivateFieldSet || function(t, e, s, i, o) {
+  if (i === "m") throw new TypeError("Private method is not writable");
+  if (i === "a" && !o) throw new TypeError("Private accessor was defined without a setter");
+  if (typeof e === "function" ? t !== e || !o : !e.has(t)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+  return i === "a" ? o.call(t, s) : o ? o.value = s : e.set(t, s), s;
+};
+
+var d, f, u, p, v, w, b, m, k, y;
+
+const g = [ "resets/box-sizing", "utils/form", "utils/spacing", "utils/layout", "chameleon/scrollbar", "components/checkbox", "components/button", "components/edit", "components/tooltip" ];
+
+// ch-checkbox
+const x = "on";
+
+const M = "set-new-version-as-active";
+
+const W = "create-linked-local-version";
+
+const V = "create-as-protected-version";
+
+const I = class {
+  constructor(i) {
+    t(this, i);
+    /**
+         * The component hard-coded strings translations.
+         */
+    // eslint-disable-next-line @stencil-community/own-props-must-be-private
+        d.set(this, void 0);
+    f.set(this, void 0);
+    u.set(this, e(`./gx-ide-assets/new-version/shortcuts.json`));
+    p.set(this, (t => {
+      const e = t.target;
+      if (e.id === M) {
+        this.setNewVersionAsActive = t.detail === x;
+      } else if (e.id === W) {
+        this.createLinkedLocalVersion = t.detail === x;
+      } else if (e.id === V) {
+        this.createAsProtectedVersion = t.detail === x;
+      }
+    }));
+    v.set(this, (t => {
+      this.versionName = t.detail;
+      if (!this.versionDescriptionEdited) {
+        this.versionDescription = t.detail;
+      }
+    }));
+    w.set(this, (t => {
+      this.versionDescription = t.detail;
+      if (this.versionDescription === "") {
+        this.versionDescriptionEdited = false;
+        this.versionDescription = this.versionName;
+      } else {
+        this.versionDescriptionEdited = true;
+      }
+    }));
+    b.set(this, (async () => {
+      this.cancelCallback();
+    }));
+    m.set(this, (async () => {
+      const t = {
+        versionName: this.versionName,
+        versionDescription: this.versionDescription,
+        setNewVersionAsActive: this.setNewVersionAsActive,
+        createLocalLinkedVersion: this.createLinkedLocalVersion,
+        createProtectedVersion: this.createAsProtectedVersion
+      };
+      const e = await this.createCallback(t);
+      this.validatableControls = a(e, this.validatableControls);
+    }));
+    k.set(this, (() => {
+      // populate validatableControls with the controls that could have errors.
+      const t = [ l(this, f, "f") ];
+      t.forEach((t => {
+        if (t.id) {
+          this.validatableControls.set(t.id, {
+            reference: t,
+            hasError: false,
+            message: undefined
+          });
+        }
+      }));
+    }));
+    // TODO: evaluate if this should be a global helper function.
+    // It is used on other dialogs as well.
+        y.set(this, (t => {
+      var e, i, o;
+      return ((i = (e = this.validatableControls) === null || e === void 0 ? void 0 : e.get(t === null || t === void 0 ? void 0 : t.id)) === null || i === void 0 ? void 0 : i.hasError) && ((o = this.validatableControls.get(t.id)) === null || o === void 0 ? void 0 : o.message) && s("ch-tooltip", {
+        class: "tooltip",
+        actionElement: t,
+        blockAlign: c.tooltipSettings.blockAlign,
+        inlineAlign: c.tooltipSettings.inlineAlign,
+        delay: c.tooltipSettings.delay
+      }, this.validatableControls.get(t.id).message);
+    }));
+    this.versionName = undefined;
+    this.versionDescription = undefined;
+    this.versionDescriptionEdited = false;
+    this.setNewVersionAsActive = false;
+    this.createLinkedLocalVersion = false;
+    this.createAsProtectedVersion = false;
+    this.validatableControls = new Map;
+    this.isRemoteOperation = false;
+    this.isFreezeOperation = false;
+    this.showLinkedLocalVersionCheckbox = false;
+    this.cancelCallback = undefined;
+    this.createCallback = undefined;
+    this.defaultInputValues = undefined;
+  }
+  defaultInputValuesChanged(t) {
+    this.versionName = t === null || t === void 0 ? void 0 : t.versionName;
+    this.versionDescription = t === null || t === void 0 ? void 0 : t.versionDescription;
+  }
+  async componentWillLoad() {
+    h(this, d, await n.getComponentStrings(this.el), "f");
+    this.defaultInputValuesChanged(this.defaultInputValues);
+  }
+  componentDidLoad() {
+    l(this, k, "f").call(this);
+  }
+  render() {
+    const t = !this.versionName || this.versionName.length === 0;
+    return s(i, {
+      class: "widget"
+    }, s("ch-theme", {
+      model: g
+    }), s("ch-shortcuts", {
+      src: l(this, u, "f")
+    }), s("section", {
+      class: "section"
+    }, s("div", {
+      class: "main scrollable field-group spacing-body"
+    }, s("div", {
+      class: "field field-block"
+    }, s("label", {
+      class: "label",
+      htmlFor: "version-name"
+    }, l(this, d, "f").labels.name), s("ch-edit", {
+      type: "text",
+      id: "version-name",
+      class: "input",
+      placeholder: l(this, d, "f").placeHolders.name,
+      value: this.versionName,
+      onInput: l(this, v, "f"),
+      ref: t => h(this, f, t, "f"),
+      autoFocus: true
+    }), l(this, y, "f").call(this, l(this, f, "f"))), s("div", {
+      class: "field field-block"
+    }, s("label", {
+      class: "label",
+      htmlFor: "version-description"
+    }, l(this, d, "f").labels.description), s("ch-edit", {
+      type: "text",
+      id: "version-description",
+      class: "input",
+      placeholder: l(this, d, "f").placeHolders.description,
+      value: this.versionDescription,
+      onInput: l(this, w, "f")
+    })), !this.isRemoteOperation ? s("div", {
+      class: "field field-inline"
+    }, s("ch-checkbox", {
+      class: "checkbox",
+      id: "set-new-version-as-active",
+      checkedValue: x,
+      onInput: l(this, p, "f"),
+      caption: l(this, d, "f").labels.setActive
+    })) : s("div", {
+      class: "layout layout--cols-2"
+    }, this.showLinkedLocalVersionCheckbox && s("div", {
+      class: "layout__panel"
+    }, s("ch-checkbox", {
+      class: "checkbox",
+      id: "create-linked-local-version",
+      checkedValue: x,
+      onInput: l(this, p, "f"),
+      caption: l(this, d, "f").labels.createLinkedLocalVersion
+    })), !this.isFreezeOperation && s("div", {
+      class: "layout__panel"
+    }, s("ch-checkbox", {
+      class: "checkbox",
+      id: "create-as-protected-version",
+      checkedValue: x,
+      onInput: l(this, p, "f"),
+      caption: l(this, d, "f").labels.createAsProtectedVersion
+    })))), s("footer", {
+      class: "control-footer-with-border spacing-body"
+    }, s("div", {
+      class: "buttons-spacer"
+    }, s("button", {
+      id: "cancel-button",
+      class: "button-secondary",
+      onClick: l(this, b, "f")
+    }, l(this, d, "f").buttons.cancel), s("button", {
+      id: "create-button",
+      class: "button-primary",
+      onClick: l(this, m, "f"),
+      disabled: t
+    }, l(this, d, "f").buttons.create)))));
+  }
+  static get assetsDirs() {
+    return [ "gx-ide-assets/new-version" ];
+  }
+  get el() {
+    return o(this);
+  }
+  static get watchers() {
+    return {
+      defaultInputValues: [ "defaultInputValuesChanged" ]
+    };
+  }
+};
+
+d = new WeakMap, f = new WeakMap, u = new WeakMap, p = new WeakMap, v = new WeakMap, 
+w = new WeakMap, b = new WeakMap, m = new WeakMap, k = new WeakMap, y = new WeakMap;
+
+I.style = r;
+
+export { I as gx_ide_new_version };
+//# sourceMappingURL=p-3c14bdfc.entry.js.map

package/dist/genexus-ide-ui/p-3c14bdfc.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["newVersionCss","CSS_BUNDLES","CHECKED_VALUE","SET_NEW_VERSION_AS_ACTIVE_ID","CREATE_LINKED_LOCAL_VERSION_ID","CREATE_AS_PROTECTED_VERSION_ID","GxIdeNewVersion","_GxIdeNewVersion_componentLocale","set","this","_GxIdeNewVersion_versionNameEl","_GxIdeNewVersion_shortcutsSrc","getAssetPath","_GxIdeNewVersion_handleCheckBoxValueChange","event","target","id","setNewVersionAsActive","detail","createLinkedLocalVersion","createAsProtectedVersion","_GxIdeNewVersion_handleNameValueChange","versionName","versionDescriptionEdited","versionDescription","_GxIdeNewVersion_handleDescriptionValueChange","_GxIdeNewVersion_cancelClickHandler","async","cancelCallback","_GxIdeNewVersion_createClickHandler","newVersionData","createLocalLinkedVersion","createProtectedVersion","formSubmitResult","createCallback","validatableControls","validateControls","_GxIdeNewVersion_initializeValidatableControls","__classPrivateFieldGet","forEach","validatableControl","reference","hasError","message","undefined","_GxIdeNewVersion_evaluateTooltipRender","controlReference","_b","_a","get","_c","h","class","actionElement","blockAlign","config","tooltipSettings","inlineAlign","delay","Map","defaultInputValuesChanged","newDefaultInputValues","componentWillLoad","__classPrivateFieldSet","Locale","getComponentStrings","el","defaultInputValues","componentDidLoad","call","render","createButtonDisabled","length","Host","model","src","htmlFor","labels","name","type","placeholder","placeHolders","value","onInput","ref","autoFocus","description","isRemoteOperation","checkedValue","caption","setActive","showLinkedLocalVersionCheckbox","isFreezeOperation","onClick","buttons","cancel","disabled","create"],"sources":["src/components/new-version/new-version.scss?tag=gx-ide-new-version&encapsulation=shadow","src/components/new-version/new-version.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 { ChCheckboxCustomEvent } from \"@genexus/chameleon-controls-library\";\nimport { MercuryBundles } from \"@genexus/mercury\";\nimport { Locale } from \"../../common/locale\";\nimport { FormSubmitResult } from \"../../components\";\nimport {\n  ControlValidation,\n  validateControls\n} from \"../../common/form-validation\";\nimport { config } from \"../../common/config\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"utils/form\",\n  \"utils/spacing\",\n  \"utils/layout\",\n  \"chameleon/scrollbar\",\n  \"components/checkbox\",\n  \"components/button\",\n  \"components/edit\",\n  \"components/tooltip\"\n];\n\n// ch-checkbox\nconst CHECKED_VALUE = \"on\";\nconst SET_NEW_VERSION_AS_ACTIVE_ID = \"set-new-version-as-active\";\nconst CREATE_LINKED_LOCAL_VERSION_ID = \"create-linked-local-version\";\nconst CREATE_AS_PROTECTED_VERSION_ID = \"create-as-protected-version\";\n\n@Component({\n  tag: \"gx-ide-new-version\",\n  styleUrl: \"new-version.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/new-version\"]\n})\nexport class GxIdeNewVersion {\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  #versionNameEl!: HTMLChEditElement;\n  #shortcutsSrc = getAssetPath(`./gx-ide-assets/new-version/shortcuts.json`);\n\n  @Element() el: HTMLGxIdeNewVersionElement;\n\n  /**\n   * The version selected name\n   */\n  @State() versionName: string;\n\n  /**\n   * The version selected description\n   */\n  @State() versionDescription: string;\n\n  /**\n   * Indicates if the version description has been edited\n   */\n  @State() versionDescriptionEdited: boolean = false;\n\n  /**\n   * Checkbox value to set the new version as active\n   */\n  @State() setNewVersionAsActive: boolean = false;\n\n  /**\n   * Checkbox value to create new remote version linked to the local version\n   */\n  @State() createLinkedLocalVersion: boolean = false;\n\n  /**\n   * Checkbox value to create new remote version as protected version\n   */\n  @State() createAsProtectedVersion: boolean = false;\n\n  @State() validatableControls = new Map<string, ControlValidation>();\n\n  /**\n   * Indicates if the component is going to be used to create a new remote version\n   */\n  @Prop() readonly isRemoteOperation: boolean = false;\n\n  /**\n   * Indicates if the component is going to be used to create a new remote frozen version\n   */\n  @Prop() readonly isFreezeOperation: boolean = false;\n\n  /**\n   * Indicates if the component must show the checkbox to create a linked local version\n   */\n  @Prop() readonly showLinkedLocalVersionCheckbox: boolean = false;\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 'Create' button is pressed.\n   */\n  @Prop() readonly createCallback: (\n    newVersionData: NewVersionData\n  ) => Promise<FormSubmitResult>;\n\n  /**\n   * This property is used to set the initial values of the input fields when the component is loaded.\n   */\n  @Prop() readonly defaultInputValues: NewVersionData;\n  @Watch(\"defaultInputValues\")\n  defaultInputValuesChanged(newDefaultInputValues: NewVersionData) {\n    this.versionName = newDefaultInputValues?.versionName;\n    this.versionDescription = newDefaultInputValues?.versionDescription;\n  }\n\n  async componentWillLoad() {\n    this.#componentLocale = await Locale.getComponentStrings(this.el);\n    this.defaultInputValuesChanged(this.defaultInputValues);\n  }\n\n  componentDidLoad() {\n    this.#initializeValidatableControls();\n  }\n\n  #handleCheckBoxValueChange = (\n    event: ChCheckboxCustomEvent<any> | InputEvent\n  ) => {\n    const target = event.target as HTMLInputElement;\n    if (target.id === SET_NEW_VERSION_AS_ACTIVE_ID) {\n      this.setNewVersionAsActive = event.detail === CHECKED_VALUE;\n    } else if (target.id === CREATE_LINKED_LOCAL_VERSION_ID) {\n      this.createLinkedLocalVersion = event.detail === CHECKED_VALUE;\n    } else if (target.id === CREATE_AS_PROTECTED_VERSION_ID) {\n      this.createAsProtectedVersion = event.detail === CHECKED_VALUE;\n    }\n  };\n\n  #handleNameValueChange = (event: CustomEvent<string> | InputEvent) => {\n    this.versionName = event.detail as string;\n    if (!this.versionDescriptionEdited) {\n      this.versionDescription = event.detail as string;\n    }\n  };\n\n  #handleDescriptionValueChange = (event: CustomEvent<string> | InputEvent) => {\n    this.versionDescription = event.detail as string;\n    if (this.versionDescription === \"\") {\n      this.versionDescriptionEdited = false;\n      this.versionDescription = this.versionName;\n    } else {\n      this.versionDescriptionEdited = true;\n    }\n  };\n\n  #cancelClickHandler = async () => {\n    this.cancelCallback();\n  };\n\n  #createClickHandler = async () => {\n    const newVersionData: NewVersionData = {\n      versionName: this.versionName,\n      versionDescription: this.versionDescription,\n      setNewVersionAsActive: this.setNewVersionAsActive,\n      createLocalLinkedVersion: this.createLinkedLocalVersion,\n      createProtectedVersion: this.createAsProtectedVersion\n    };\n    const formSubmitResult = await this.createCallback(newVersionData);\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.#versionNameEl];\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 createButtonDisabled =\n      !this.versionName || this.versionName.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=\"version-name\">\n                {this.#componentLocale.labels.name}\n              </label>\n              <ch-edit\n                type=\"text\"\n                id=\"version-name\"\n                class=\"input\"\n                placeholder={this.#componentLocale.placeHolders.name}\n                value={this.versionName}\n                onInput={this.#handleNameValueChange}\n                ref={(el: HTMLChEditElement) =>\n                  (this.#versionNameEl = el as HTMLChEditElement)\n                }\n                autoFocus\n              ></ch-edit>\n              {this.#evaluateTooltipRender(this.#versionNameEl)}\n            </div>\n            <div class=\"field field-block\">\n              <label class=\"label\" htmlFor=\"version-description\">\n                {this.#componentLocale.labels.description}\n              </label>\n              <ch-edit\n                type=\"text\"\n                id=\"version-description\"\n                class=\"input\"\n                placeholder={this.#componentLocale.placeHolders.description}\n                value={this.versionDescription}\n                onInput={this.#handleDescriptionValueChange}\n              ></ch-edit>\n            </div>\n            {!this.isRemoteOperation ? (\n              <div class=\"field field-inline\">\n                <ch-checkbox\n                  class=\"checkbox\"\n                  id=\"set-new-version-as-active\"\n                  checkedValue={CHECKED_VALUE}\n                  onInput={this.#handleCheckBoxValueChange}\n                  caption={this.#componentLocale.labels.setActive}\n                ></ch-checkbox>\n              </div>\n            ) : (\n              <div class=\"layout layout--cols-2\">\n                {this.showLinkedLocalVersionCheckbox && (\n                  <div class=\"layout__panel\">\n                    <ch-checkbox\n                      class=\"checkbox\"\n                      id=\"create-linked-local-version\"\n                      checkedValue={CHECKED_VALUE}\n                      onInput={this.#handleCheckBoxValueChange}\n                      caption={\n                        this.#componentLocale.labels.createLinkedLocalVersion\n                      }\n                    ></ch-checkbox>\n                  </div>\n                )}\n                {!this.isFreezeOperation && (\n                  <div class=\"layout__panel\">\n                    <ch-checkbox\n                      class=\"checkbox\"\n                      id=\"create-as-protected-version\"\n                      checkedValue={CHECKED_VALUE}\n                      onInput={this.#handleCheckBoxValueChange}\n                      caption={\n                        this.#componentLocale.labels.createAsProtectedVersion\n                      }\n                    ></ch-checkbox>\n                  </div>\n                )}\n              </div>\n            )}\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=\"create-button\"\n                class=\"button-primary\"\n                onClick={this.#createClickHandler}\n                disabled={createButtonDisabled}\n              >\n                {this.#componentLocale.buttons.create}\n              </button>\n            </div>\n          </footer>\n        </section>\n      </Host>\n    );\n  }\n}\n\nexport type NewVersionData = {\n  versionName: string;\n  versionDescription: string;\n  setNewVersionAsActive?: boolean;\n  createLocalLinkedVersion?: boolean;\n  createProtectedVersion?: boolean;\n};\n"],"mappings":"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"}

package/dist/types/components/new-version/new-version.d.ts

@@ -11,6 +11,10 @@ export declare class GxIdeNewVersion {
      * The version selected description
      */
     versionDescription: string;
+    /**
+     * Indicates if the version description has been edited
+     */
+    versionDescriptionEdited: boolean;
     /**
      * Checkbox value to set the new version as active
      */

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genexus/genexus-ide-ui",
   "license": "Apache-2.0",
-  "version": "1.1.55",
+  "version": "1.1.56",
   "description": "GeneXus IDE UI components",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",

package/dist/genexus-ide-ui/p-5f65a4bb.entry.js

@@ -1,218 +0,0 @@
-import { r as e, h as t, H as s, a as i } from "./p-97107ecc.js";
-
-import { L as o } from "./p-311eedf3.js";
-
-import { v as n } from "./p-b32b6b1f.js";
-
-import { c as a } from "./p-9a03ac9f.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}";
-
-var r = undefined && undefined.__classPrivateFieldGet || function(e, t, s, i) {
-  if (s === "a" && !i) throw new TypeError("Private accessor was defined without a getter");
-  if (typeof t === "function" ? e !== t || !i : !t.has(e)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
-  return s === "m" ? i : s === "a" ? i.call(e) : i ? i.value : t.get(e);
-};
-
-var l = undefined && undefined.__classPrivateFieldSet || function(e, t, s, i, o) {
-  if (i === "m") throw new TypeError("Private method is not writable");
-  if (i === "a" && !o) throw new TypeError("Private accessor was defined without a setter");
-  if (typeof t === "function" ? e !== t || !o : !t.has(e)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
-  return i === "a" ? o.call(e, s) : o ? o.value = s : t.set(e, s), s;
-};
-
-var h, d, f, p, u, v, w, m, b;
-
-const k = [ "resets/box-sizing", "utils/form", "utils/spacing", "utils/layout", "chameleon/scrollbar", "components/checkbox", "components/button", "components/edit", "components/tooltip" ];
-
-// ch-checkbox
-const y = "on";
-
-const g = "set-new-version-as-active";
-
-const x = "create-linked-local-version";
-
-const M = "create-as-protected-version";
-
-const W = class {
-  constructor(s) {
-    e(this, s);
-    /**
-         * The component hard-coded strings translations.
-         */
-    // eslint-disable-next-line @stencil-community/own-props-must-be-private
-        h.set(this, void 0);
-    d.set(this, void 0);
-    f.set(this, (e => {
-      const t = e.target;
-      if (t.id === g) {
-        this.setNewVersionAsActive = e.detail === y;
-      } else if (t.id === x) {
-        this.createLinkedLocalVersion = e.detail === y;
-      } else if (t.id === M) {
-        this.createAsProtectedVersion = e.detail === y;
-      }
-    }));
-    p.set(this, (e => {
-      this.versionName = e.detail;
-    }));
-    u.set(this, (e => {
-      this.versionDescription = e.detail;
-    }));
-    v.set(this, (async () => {
-      this.cancelCallback();
-    }));
-    w.set(this, (async () => {
-      const e = {
-        versionName: this.versionName,
-        versionDescription: this.versionDescription,
-        setNewVersionAsActive: this.setNewVersionAsActive,
-        createLocalLinkedVersion: this.createLinkedLocalVersion,
-        createProtectedVersion: this.createAsProtectedVersion
-      };
-      const t = await this.createCallback(e);
-      this.validatableControls = n(t, this.validatableControls);
-    }));
-    m.set(this, (() => {
-      // populate validatableControls with the controls that could have errors.
-      const e = [ r(this, d, "f") ];
-      e.forEach((e => {
-        if (e.id) {
-          this.validatableControls.set(e.id, {
-            reference: e,
-            hasError: false,
-            message: undefined
-          });
-        }
-      }));
-    }));
-    // TODO: evaluate if this should be a global helper function.
-    // It is used on other dialogs as well.
-        b.set(this, (e => {
-      var s, i, o;
-      return ((i = (s = this.validatableControls) === null || s === void 0 ? void 0 : s.get(e === null || e === void 0 ? void 0 : e.id)) === null || i === void 0 ? void 0 : i.hasError) && ((o = this.validatableControls.get(e.id)) === null || o === void 0 ? void 0 : o.message) && t("ch-tooltip", {
-        class: "tooltip",
-        actionElement: e,
-        blockAlign: a.tooltipSettings.blockAlign,
-        inlineAlign: a.tooltipSettings.inlineAlign,
-        delay: a.tooltipSettings.delay
-      }, this.validatableControls.get(e.id).message);
-    }));
-    this.versionName = undefined;
-    this.versionDescription = undefined;
-    this.setNewVersionAsActive = false;
-    this.createLinkedLocalVersion = false;
-    this.createAsProtectedVersion = false;
-    this.validatableControls = new Map;
-    this.isRemoteOperation = false;
-    this.isFreezeOperation = false;
-    this.showLinkedLocalVersionCheckbox = false;
-    this.cancelCallback = undefined;
-    this.createCallback = undefined;
-    this.defaultInputValues = undefined;
-  }
-  defaultInputValuesChanged(e) {
-    this.versionName = e === null || e === void 0 ? void 0 : e.versionName;
-    this.versionDescription = e === null || e === void 0 ? void 0 : e.versionDescription;
-  }
-  async componentWillLoad() {
-    l(this, h, await o.getComponentStrings(this.el), "f");
-    this.defaultInputValuesChanged(this.defaultInputValues);
-  }
-  componentDidLoad() {
-    r(this, m, "f").call(this);
-  }
-  render() {
-    const e = !this.versionName || this.versionName.length === 0;
-    return t(s, {
-      class: "widget"
-    }, t("ch-theme", {
-      model: k
-    }), t("section", {
-      class: "section"
-    }, t("div", {
-      class: "main scrollable field-group spacing-body"
-    }, t("div", {
-      class: "field field-block"
-    }, t("label", {
-      class: "label",
-      htmlFor: "version-name"
-    }, r(this, h, "f").labels.name), t("ch-edit", {
-      type: "text",
-      id: "version-name",
-      class: "input",
-      placeholder: r(this, h, "f").placeHolders.name,
-      value: this.versionName,
-      onInput: r(this, p, "f"),
-      ref: e => l(this, d, e, "f")
-    }), r(this, b, "f").call(this, r(this, d, "f"))), t("div", {
-      class: "field field-block"
-    }, t("label", {
-      class: "label",
-      htmlFor: "version-description"
-    }, r(this, h, "f").labels.description), t("ch-edit", {
-      type: "text",
-      id: "version-description",
-      class: "input",
-      placeholder: r(this, h, "f").placeHolders.description,
-      value: this.versionDescription,
-      onInput: r(this, u, "f")
-    })), !this.isRemoteOperation ? t("div", {
-      class: "field field-inline"
-    }, t("ch-checkbox", {
-      class: "checkbox",
-      id: "set-new-version-as-active",
-      checkedValue: y,
-      onInput: r(this, f, "f"),
-      caption: r(this, h, "f").labels.setActive
-    })) : t("div", {
-      class: "layout layout--cols-2"
-    }, this.showLinkedLocalVersionCheckbox && t("div", {
-      class: "layout__panel"
-    }, t("ch-checkbox", {
-      class: "checkbox",
-      id: "create-linked-local-version",
-      checkedValue: y,
-      onInput: r(this, f, "f"),
-      caption: r(this, h, "f").labels.createLinkedLocalVersion
-    })), !this.isFreezeOperation && t("div", {
-      class: "layout__panel"
-    }, t("ch-checkbox", {
-      class: "checkbox",
-      id: "create-as-protected-version",
-      checkedValue: y,
-      onInput: r(this, f, "f"),
-      caption: r(this, h, "f").labels.createAsProtectedVersion
-    })))), t("footer", {
-      class: "control-footer-with-border spacing-body"
-    }, t("div", {
-      class: "buttons-spacer"
-    }, t("button", {
-      class: "button-secondary",
-      onClick: r(this, v, "f")
-    }, r(this, h, "f").buttons.cancel), t("button", {
-      class: "button-primary",
-      onClick: r(this, w, "f"),
-      disabled: e
-    }, r(this, h, "f").buttons.create)))));
-  }
-  static get assetsDirs() {
-    return [ "gx-ide-assets/new-version" ];
-  }
-  get el() {
-    return i(this);
-  }
-  static get watchers() {
-    return {
-      defaultInputValues: [ "defaultInputValuesChanged" ]
-    };
-  }
-};
-
-h = new WeakMap, d = new WeakMap, f = new WeakMap, p = new WeakMap, u = new WeakMap, 
-v = new WeakMap, w = new WeakMap, m = new WeakMap, b = new WeakMap;
-
-W.style = c;
-
-export { W as gx_ide_new_version };
-//# sourceMappingURL=p-5f65a4bb.entry.js.map

package/dist/genexus-ide-ui/p-5f65a4bb.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["newVersionCss","CSS_BUNDLES","CHECKED_VALUE","SET_NEW_VERSION_AS_ACTIVE_ID","CREATE_LINKED_LOCAL_VERSION_ID","CREATE_AS_PROTECTED_VERSION_ID","GxIdeNewVersion","_GxIdeNewVersion_componentLocale","set","this","_GxIdeNewVersion_versionNameEl","_GxIdeNewVersion_handleCheckBoxValueChange","event","target","id","setNewVersionAsActive","detail","createLinkedLocalVersion","createAsProtectedVersion","_GxIdeNewVersion_handleNameValueChange","versionName","_GxIdeNewVersion_handleDescriptionValueChange","versionDescription","_GxIdeNewVersion_cancelClickHandler","async","cancelCallback","_GxIdeNewVersion_createClickHandler","newVersionData","createLocalLinkedVersion","createProtectedVersion","formSubmitResult","createCallback","validatableControls","validateControls","_GxIdeNewVersion_initializeValidatableControls","__classPrivateFieldGet","forEach","validatableControl","reference","hasError","message","undefined","_GxIdeNewVersion_evaluateTooltipRender","controlReference","_b","_a","get","_c","h","class","actionElement","blockAlign","config","tooltipSettings","inlineAlign","delay","Map","defaultInputValuesChanged","newDefaultInputValues","componentWillLoad","__classPrivateFieldSet","Locale","getComponentStrings","el","defaultInputValues","componentDidLoad","call","render","createButtonDisabled","length","Host","model","htmlFor","labels","name","type","placeholder","placeHolders","value","onInput","ref","description","isRemoteOperation","checkedValue","caption","setActive","showLinkedLocalVersionCheckbox","isFreezeOperation","onClick","buttons","cancel","disabled","create"],"sources":["src/components/new-version/new-version.scss?tag=gx-ide-new-version&encapsulation=shadow","src/components/new-version/new-version.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 { Component, Element, h, Host, Prop, State, Watch } from \"@stencil/core\";\n\nimport { ChCheckboxCustomEvent } from \"@genexus/chameleon-controls-library\";\nimport { MercuryBundles } from \"@genexus/mercury\";\nimport { Locale } from \"../../common/locale\";\nimport { FormSubmitResult } from \"../../components\";\nimport {\n  ControlValidation,\n  validateControls\n} from \"../../common/form-validation\";\nimport { config } from \"../../common/config\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"utils/form\",\n  \"utils/spacing\",\n  \"utils/layout\",\n  \"chameleon/scrollbar\",\n  \"components/checkbox\",\n  \"components/button\",\n  \"components/edit\",\n  \"components/tooltip\"\n];\n\n// ch-checkbox\nconst CHECKED_VALUE = \"on\";\nconst SET_NEW_VERSION_AS_ACTIVE_ID = \"set-new-version-as-active\";\nconst CREATE_LINKED_LOCAL_VERSION_ID = \"create-linked-local-version\";\nconst CREATE_AS_PROTECTED_VERSION_ID = \"create-as-protected-version\";\n\n@Component({\n  tag: \"gx-ide-new-version\",\n  styleUrl: \"new-version.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/new-version\"]\n})\nexport class GxIdeNewVersion {\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  #versionNameEl!: HTMLChEditElement;\n\n  @Element() el: HTMLGxIdeNewVersionElement;\n\n  /**\n   * The version selected name\n   */\n  @State() versionName: string;\n\n  /**\n   * The version selected description\n   */\n  @State() versionDescription: string;\n\n  /**\n   * Checkbox value to set the new version as active\n   */\n  @State() setNewVersionAsActive: boolean = false;\n\n  /**\n   * Checkbox value to create new remote version linked to the local version\n   */\n  @State() createLinkedLocalVersion: boolean = false;\n\n  /**\n   * Checkbox value to create new remote version as protected version\n   */\n  @State() createAsProtectedVersion: boolean = false;\n\n  @State() validatableControls = new Map<string, ControlValidation>();\n\n  /**\n   * Indicates if the component is going to be used to create a new remote version\n   */\n  @Prop() readonly isRemoteOperation: boolean = false;\n\n  /**\n   * Indicates if the component is going to be used to create a new remote frozen version\n   */\n  @Prop() readonly isFreezeOperation: boolean = false;\n\n  /**\n   * Indicates if the component must show the checkbox to create a linked local version\n   */\n  @Prop() readonly showLinkedLocalVersionCheckbox: boolean = false;\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 'Create' button is pressed.\n   */\n  @Prop() readonly createCallback: (\n    newVersionData: NewVersionData\n  ) => Promise<FormSubmitResult>;\n\n  /**\n   * This property is used to set the initial values of the input fields when the component is loaded.\n   */\n  @Prop() readonly defaultInputValues: NewVersionData;\n  @Watch(\"defaultInputValues\")\n  defaultInputValuesChanged(newDefaultInputValues: NewVersionData) {\n    this.versionName = newDefaultInputValues?.versionName;\n    this.versionDescription = newDefaultInputValues?.versionDescription;\n  }\n\n  async componentWillLoad() {\n    this.#componentLocale = await Locale.getComponentStrings(this.el);\n    this.defaultInputValuesChanged(this.defaultInputValues);\n  }\n\n  componentDidLoad() {\n    this.#initializeValidatableControls();\n  }\n\n  #handleCheckBoxValueChange = (\n    event: ChCheckboxCustomEvent<any> | InputEvent\n  ) => {\n    const target = event.target as HTMLInputElement;\n    if (target.id === SET_NEW_VERSION_AS_ACTIVE_ID) {\n      this.setNewVersionAsActive = event.detail === CHECKED_VALUE;\n    } else if (target.id === CREATE_LINKED_LOCAL_VERSION_ID) {\n      this.createLinkedLocalVersion = event.detail === CHECKED_VALUE;\n    } else if (target.id === CREATE_AS_PROTECTED_VERSION_ID) {\n      this.createAsProtectedVersion = event.detail === CHECKED_VALUE;\n    }\n  };\n\n  #handleNameValueChange = (event: CustomEvent<string> | InputEvent) => {\n    this.versionName = event.detail as string;\n  };\n\n  #handleDescriptionValueChange = (event: CustomEvent<string> | InputEvent) => {\n    this.versionDescription = event.detail as string;\n  };\n\n  #cancelClickHandler = async () => {\n    this.cancelCallback();\n  };\n\n  #createClickHandler = async () => {\n    const newVersionData: NewVersionData = {\n      versionName: this.versionName,\n      versionDescription: this.versionDescription,\n      setNewVersionAsActive: this.setNewVersionAsActive,\n      createLocalLinkedVersion: this.createLinkedLocalVersion,\n      createProtectedVersion: this.createAsProtectedVersion\n    };\n    const formSubmitResult = await this.createCallback(newVersionData);\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.#versionNameEl];\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 createButtonDisabled =\n      !this.versionName || this.versionName.length === 0;\n\n    return (\n      <Host class=\"widget\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <section class=\"section\">\n          <div class=\"main scrollable field-group spacing-body\">\n            <div class=\"field field-block\">\n              <label class=\"label\" htmlFor=\"version-name\">\n                {this.#componentLocale.labels.name}\n              </label>\n              <ch-edit\n                type=\"text\"\n                id=\"version-name\"\n                class=\"input\"\n                placeholder={this.#componentLocale.placeHolders.name}\n                value={this.versionName}\n                onInput={this.#handleNameValueChange}\n                ref={(el: HTMLChEditElement) =>\n                  (this.#versionNameEl = el as HTMLChEditElement)\n                }\n              ></ch-edit>\n              {this.#evaluateTooltipRender(this.#versionNameEl)}\n            </div>\n            <div class=\"field field-block\">\n              <label class=\"label\" htmlFor=\"version-description\">\n                {this.#componentLocale.labels.description}\n              </label>\n              <ch-edit\n                type=\"text\"\n                id=\"version-description\"\n                class=\"input\"\n                placeholder={this.#componentLocale.placeHolders.description}\n                value={this.versionDescription}\n                onInput={this.#handleDescriptionValueChange}\n              ></ch-edit>\n            </div>\n            {!this.isRemoteOperation ? (\n              <div class=\"field field-inline\">\n                <ch-checkbox\n                  class=\"checkbox\"\n                  id=\"set-new-version-as-active\"\n                  checkedValue={CHECKED_VALUE}\n                  onInput={this.#handleCheckBoxValueChange}\n                  caption={this.#componentLocale.labels.setActive}\n                ></ch-checkbox>\n              </div>\n            ) : (\n              <div class=\"layout layout--cols-2\">\n                {this.showLinkedLocalVersionCheckbox && (\n                  <div class=\"layout__panel\">\n                    <ch-checkbox\n                      class=\"checkbox\"\n                      id=\"create-linked-local-version\"\n                      checkedValue={CHECKED_VALUE}\n                      onInput={this.#handleCheckBoxValueChange}\n                      caption={\n                        this.#componentLocale.labels.createLinkedLocalVersion\n                      }\n                    ></ch-checkbox>\n                  </div>\n                )}\n                {!this.isFreezeOperation && (\n                  <div class=\"layout__panel\">\n                    <ch-checkbox\n                      class=\"checkbox\"\n                      id=\"create-as-protected-version\"\n                      checkedValue={CHECKED_VALUE}\n                      onInput={this.#handleCheckBoxValueChange}\n                      caption={\n                        this.#componentLocale.labels.createAsProtectedVersion\n                      }\n                    ></ch-checkbox>\n                  </div>\n                )}\n              </div>\n            )}\n          </div>\n\n          <footer class=\"control-footer-with-border spacing-body\">\n            <div class=\"buttons-spacer\">\n              <button\n                class=\"button-secondary\"\n                onClick={this.#cancelClickHandler}\n              >\n                {this.#componentLocale.buttons.cancel}\n              </button>\n\n              <button\n                class=\"button-primary\"\n                onClick={this.#createClickHandler}\n                disabled={createButtonDisabled}\n              >\n                {this.#componentLocale.buttons.create}\n              </button>\n            </div>\n          </footer>\n        </section>\n      </Host>\n    );\n  }\n}\n\nexport type NewVersionData = {\n  versionName: string;\n  versionDescription: string;\n  setNewVersionAsActive?: boolean;\n  createLocalLinkedVersion?: boolean;\n  createProtectedVersion?: boolean;\n};\n"],"mappings":"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"}