@genexus/genexus-ide-ui 1.1.48 → 1.1.50

package/dist/genexus-ide-ui/{p-0ae0616f.entry.js → p-5f65a4bb.entry.js}

@@ -2,7 +2,7 @@ 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-289c3290.js";
+import { v as n } from "./p-b32b6b1f.js";
 
 import { c as a } from "./p-9a03ac9f.js";
 
@@ -215,4 +215,4 @@ v = new WeakMap, w = new WeakMap, m = new WeakMap, b = new WeakMap;
 W.style = c;
 
 export { W as gx_ide_new_version };
-//# sourceMappingURL=p-0ae0616f.entry.js.map
+//# sourceMappingURL=p-5f65a4bb.entry.js.map

package/dist/genexus-ide-ui/{p-443fc479.entry.js → p-5fe6189e.entry.js}

@@ -4,7 +4,7 @@ import { c as n } from "./p-9a03ac9f.js";
 
 import { L as o } from "./p-311eedf3.js";
 
-import { v as a } from "./p-289c3290.js";
+import { v as a } from "./p-b32b6b1f.js";
 
 const l = ':host{display:grid;grid-template-rows:max-content 1fr max-content;block-size:100%;overflow:auto}.section{display:contents}.main{display:grid;overflow:auto}.field-group-name-description-module{align-items:center;grid-template-areas:"name-label name-input" "description-label description-input" "module-label module-entity-selector";grid-template-columns:max-content 1fr}.name-label{grid-area:name-label}.name-input{grid-area:name-input}.description-label{grid-area:description-label}.description-input{grid-area:description-input}.module-label{grid-area:module-label}.module-entity-selector{grid-area:module-entity-selector}.tooltip{height:0}';
 
@@ -21,7 +21,7 @@ var d = undefined && undefined.__classPrivateFieldSet || function(t, i, e, s, n)
   return s === "a" ? n.call(t, e) : n ? n.value = e : i.set(t, e), e;
 };
 
-var h, c, f, u, p, m, v, b, w, g, y, k, M, W;
+var h, c, f, u, p, m, b, v, w, g, y, k, M, W;
 
 const x = [ "resets/box-sizing", "components/tooltip", "utils/form--full", "utils/layout", "utils/typography", "utils/spacing", "chameleon/scrollbar" ];
 
@@ -34,8 +34,8 @@ const E = class {
     u.set(this, void 0);
     p.set(this, void 0);
     m.set(this, void 0);
-    v.set(this, void 0);
     b.set(this, void 0);
+    v.set(this, void 0);
     w.set(this, (() => {
       const t = [ r(this, p, "f"), r(this, u, "f") ];
       t.forEach((t => {
@@ -79,19 +79,19 @@ const E = class {
       if (i.length) {
         d(this, m, i[0], "f");
         r(this, m, "f").addEventListener("input", r(this, k, "f"));
-        d(this, v, (t => {
+        d(this, b, (t => {
           this.curlContent = t.detail.content;
           r(this, k, "f").call(this);
         }), "f");
-        r(this, m, "f").addEventListener("curl-content-change", r(this, v, "f"));
-        d(this, b, (t => {
+        r(this, m, "f").addEventListener("curl-content-change", r(this, b, "f"));
+        d(this, v, (t => {
           if ((t.ctrlKey || t.metaKey) && t.key === "v") {
             setTimeout((() => {
               r(this, k, "f").call(this);
             }), 0);
           }
         }), "f");
-        r(this, m, "f").addEventListener("keydown", r(this, b, "f"));
+        r(this, m, "f").addEventListener("keydown", r(this, v, "f"));
         this.curlContent = r(this, m, "f").text;
         r(this, y, "f").call(this);
       }
@@ -128,8 +128,8 @@ const E = class {
   disconnectedCallback() {
     if (r(this, m, "f") && r(this, m, "f").removeEventListener) {
       r(this, m, "f").removeEventListener("input", r(this, k, "f"));
-      r(this, m, "f").removeEventListener("curl-content-change", r(this, v, "f"));
-      r(this, m, "f").removeEventListener("keydown", r(this, b, "f"));
+      r(this, m, "f").removeEventListener("curl-content-change", r(this, b, "f"));
+      r(this, m, "f").removeEventListener("keydown", r(this, v, "f"));
     }
   }
   /**
@@ -208,10 +208,10 @@ const E = class {
 };
 
 h = new WeakMap, c = new WeakMap, f = new WeakMap, u = new WeakMap, p = new WeakMap, 
-m = new WeakMap, v = new WeakMap, b = new WeakMap, w = new WeakMap, g = new WeakMap, 
+m = new WeakMap, b = new WeakMap, v = new WeakMap, w = new WeakMap, g = new WeakMap, 
 y = new WeakMap, k = new WeakMap, M = new WeakMap, W = new WeakMap;
 
 E.style = l;
 
 export { E as gx_ide_curl_inspector };
-//# sourceMappingURL=p-443fc479.entry.js.map
+//# sourceMappingURL=p-5fe6189e.entry.js.map

package/dist/genexus-ide-ui/{p-137a252f.entry.js → p-67cf4af1.entry.js}

@@ -8,7 +8,7 @@ import { r, m as h } from "./p-1972b953.js";
 
 import { s as c, g as d } from "./p-8c2e9df4.js";
 
-import { v as l } from "./p-289c3290.js";
+import { v as l } from "./p-b32b6b1f.js";
 
 import { r as f } from "./p-1252519a.js";
 
@@ -442,4 +442,4 @@ N = new WeakMap;
 Z.style = u;
 
 export { Z as gx_ide_new_environment };
-//# sourceMappingURL=p-137a252f.entry.js.map
+//# sourceMappingURL=p-67cf4af1.entry.js.map

package/dist/genexus-ide-ui/p-b32b6b1f.js

@@ -0,0 +1,49 @@
+// formSubmitValidation will be deprecated. use "validateControls" instead.
+// TODO: Improve the way we mark components with error. We must not use error classes.
+const o = {
+  "ch-checkbox": "checkbox-error",
+  "ch-combo-box-render": "combo-box-error",
+  "ch-edit": "input-error"
+};
+
+const toggleErrorClass = (c, e) => {
+  const s = e.tagName.toLowerCase();
+  const n = o[s];
+  if (c) {
+    e.classList.add(n);
+  } else {
+    e.classList.remove(n);
+  }
+};
+
+const validateControls = (o, c) => {
+  const e = new Map(c);
+  o.fieldErrors.forEach((o => {
+    const c = o.key;
+    const s = o.hasError;
+    const n = e.get(c);
+    if (n === null || n === void 0 ? void 0 : n.reference) {
+      // toggle class to add or remove error style
+      toggleErrorClass(s, n.reference);
+      e.set(c, Object.assign(Object.assign({}, n), {
+        hasError: s,
+        message: o.message
+      }));
+    }
+  }));
+  // return validatableControls updated.
+    return e;
+};
+
+const clearControlError = (o, c) => {
+  const e = o.get(c);
+  if (e === null || e === void 0 ? void 0 : e.reference) {
+    toggleErrorClass(false, e.reference);
+    e.hasError = false;
+    e.message = "";
+    o.set(c, e);
+  }
+};
+
+export { clearControlError as c, validateControls as v };
+//# sourceMappingURL=p-b32b6b1f.js.map

package/dist/genexus-ide-ui/p-b32b6b1f.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["formElementsErrorClassesDictionary","toggleErrorClass","hasError","element","elementTagName","tagName","toLowerCase","errorClass","classList","add","remove","validateControls","formSubmitResult","validatableControls","validatableControlsUpdated","Map","fieldErrors","forEach","fieldResult","fieldKey","key","fieldHasError","controlMapRecord","get","reference","set","Object","assign","message","clearControlError","controlId","control"],"sources":["src/common/form-validation.ts"],"sourcesContent":["import { FormSubmitResult, ConnectionResultData } from \"../common/types\";\nimport { FormComponent } from \"@genexus/gemini/dist/types/common/interfaces\";\n\n// formSubmitValidation will be deprecated. use \"validateControls\" instead.\nexport const formSubmitValidation = (\n  result: FormSubmitResult | ConnectionResultData,\n  ref: any\n) => {\n  result.fieldErrors?.forEach(element => {\n    const key = element.key;\n    const message = element.message;\n    const hasError = element.hasError;\n\n    const reference: FormComponent = ref[`${key}El`];\n    if (reference && hasError && message.trim()) {\n      reference.validationStatus = \"error\";\n      reference.validationMessage = message;\n    } else if (reference && !hasError) {\n      reference.validationStatus = \"indeterminate\";\n      reference.validationMessage = null;\n    }\n  });\n};\n\n// TODO: Improve the way we mark components with error. We must not use error classes.\nconst formElementsErrorClassesDictionary = {\n  \"ch-checkbox\": \"checkbox-error\",\n  \"ch-combo-box-render\": \"combo-box-error\",\n  \"ch-edit\": \"input-error\"\n} as const;\n\nconst toggleErrorClass = (hasError: boolean, element: HTMLElement) => {\n  const elementTagName = element.tagName.toLowerCase();\n  const errorClass =\n    formElementsErrorClassesDictionary[\n      elementTagName as keyof typeof formElementsErrorClassesDictionary\n    ];\n  if (hasError) {\n    element.classList.add(errorClass);\n  } else {\n    element.classList.remove(errorClass);\n  }\n};\n\nexport const validateControls = (\n  formSubmitResult: FormSubmitResult,\n  validatableControls: Map<string, ControlValidation>\n): Map<string, ControlValidation> => {\n  const validatableControlsUpdated = new Map(validatableControls);\n  formSubmitResult.fieldErrors.forEach(fieldResult => {\n    const fieldKey = fieldResult.key;\n    const fieldHasError = fieldResult.hasError;\n    const controlMapRecord = validatableControlsUpdated.get(fieldKey);\n    if (controlMapRecord?.reference) {\n      // toggle class to add or remove error style\n      toggleErrorClass(fieldHasError, controlMapRecord.reference);\n      validatableControlsUpdated.set(fieldKey, {\n        ...controlMapRecord,\n        hasError: fieldHasError,\n        message: fieldResult.message\n      });\n    }\n  });\n  // return validatableControls updated.\n  return validatableControlsUpdated;\n};\n\nexport const clearControlError = (\n  validatableControls: Map<string, ControlValidation>,\n  controlId: string\n) => {\n  const control = validatableControls.get(controlId);\n  if (control?.reference) {\n    toggleErrorClass(false, control.reference);\n    control.hasError = false;\n    control.message = \"\";\n    validatableControls.set(controlId, control);\n  }\n};\n\nexport type ControlValidation = {\n  reference: HTMLElement;\n  hasError: boolean;\n  message: string;\n};\n"],"mappings":";;AAyBA,MAAMA,IAAqC;EACzC,eAAe;EACf,uBAAuB;EACvB,WAAW;;;AAGb,MAAMC,mBAAmB,CAACC,GAAmBC;EAC3C,MAAMC,IAAiBD,EAAQE,QAAQC;EACvC,MAAMC,IACJP,EACEI;EAEJ,IAAIF,GAAU;IACZC,EAAQK,UAAUC,IAAIF;SACjB;IACLJ,EAAQK,UAAUE,OAAOH;;;;MAIhBI,mBAAmB,CAC9BC,GACAC;EAEA,MAAMC,IAA6B,IAAIC,IAAIF;EAC3CD,EAAiBI,YAAYC,SAAQC;IACnC,MAAMC,IAAWD,EAAYE;IAC7B,MAAMC,IAAgBH,EAAYhB;IAClC,MAAMoB,IAAmBR,EAA2BS,IAAIJ;IACxD,IAAIG,MAAgB,QAAhBA,WAAgB,aAAhBA,EAAkBE,WAAW;;MAE/BvB,iBAAiBoB,GAAeC,EAAiBE;MACjDV,EAA2BW,IAAIN,GAAQO,OAAAC,OAAAD,OAAAC,OAAA,IAClCL,IAAgB;QACnBpB,UAAUmB;QACVO,SAASV,EAAYU;;;;;IAK3B,OAAOd;AAA0B;;MAGtBe,oBAAoB,CAC/BhB,GACAiB;EAEA,MAAMC,IAAUlB,EAAoBU,IAAIO;EACxC,IAAIC,MAAO,QAAPA,WAAO,aAAPA,EAASP,WAAW;IACtBvB,iBAAiB,OAAO8B,EAAQP;IAChCO,EAAQ7B,WAAW;IACnB6B,EAAQH,UAAU;IAClBf,EAAoBY,IAAIK,GAAWC"}

package/dist/genexus-ide-ui/{p-d01bbc7a.entry.js → p-cccd6565.entry.js}

@@ -6,7 +6,7 @@ import { c as a } from "./p-9a03ac9f.js";
 
 import { L as l } from "./p-311eedf3.js";
 
-import { v as r } from "./p-289c3290.js";
+import { v as r } from "./p-b32b6b1f.js";
 
 const d = ':host{display:grid;grid-template-rows:max-content 1fr max-content;block-size:100%;overflow:auto}.section{display:contents}.main{display:grid;grid-template-rows:1fr max-content;overflow:auto}.field-group-name-description-module{grid-template-areas:"name-label name-input" "description-label description-input" "module-label module-entity-selector";grid-template-columns:max-content 1fr}.name-label{grid-area:name-label}.name-input{grid-area:name-input}.description-label{grid-area:description-label}.description-input{grid-area:description-input}.module-label{grid-area:module-label}.module-entity-selector{grid-area:module-entity-selector}.radio-file-input-wrapper{grid-template-columns:max-content 1fr}div.field-file-input{grid-template-columns:1fr max-content}.json-area{display:grid;grid-template-rows:1fr max-content;overflow:auto}.slotted-container{overflow:auto;block-size:100%}.input-file{display:grid;grid-template-columns:1fr max-content}.radio-group{gap:30px !important}.tooltip{height:0px}';
 
@@ -323,4 +323,4 @@ I = new WeakMap, L = new WeakMap;
 A.style = d;
 
 export { A as gx_ide_json_import };
-//# sourceMappingURL=p-d01bbc7a.entry.js.map
+//# sourceMappingURL=p-cccd6565.entry.js.map

package/dist/genexus-ide-ui/{p-b34ecbdc.entry.js → p-d24c1115.entry.js}

@@ -4,7 +4,7 @@ import { g as o } from "./p-401bfc97.js";
 
 import { c as r } from "./p-9a03ac9f.js";
 
-import { v as l } from "./p-289c3290.js";
+import { v as l } from "./p-b32b6b1f.js";
 
 import { L as h } from "./p-311eedf3.js";
 
@@ -351,4 +351,4 @@ A = new WeakMap, P = new WeakMap, z = new WeakMap, L = new WeakMap;
 K.style = c;
 
 export { K as gx_ide_create_kb_from_server };
-//# sourceMappingURL=p-b34ecbdc.entry.js.map
+//# sourceMappingURL=p-d24c1115.entry.js.map

package/dist/genexus-ide-ui/{p-09a634fc.entry.js → p-db07c544.entry.js}

@@ -2,7 +2,7 @@ import { r as e, h as t, H as i, a as s } from "./p-97107ecc.js";
 
 import { c as a } from "./p-9a03ac9f.js";
 
-import { v as n } from "./p-289c3290.js";
+import { v as n } from "./p-b32b6b1f.js";
 
 import { L as o } from "./p-311eedf3.js";
 
@@ -26,7 +26,7 @@ var d = undefined && undefined.__classPrivateFieldSet || function(e, t, i, s, a)
   return s === "a" ? a.call(e, i) : a ? a.value = i : t.set(e, i), i;
 };
 
-var h, c, u, p, f, v, m, w, y, b, g, k;
+var h, c, u, p, f, v, m, w, b, y, g, k;
 
 const M = [ "resets/box-sizing", "components/tooltip", "utils/form--full", "utils/layout", "utils/typography", "utils/spacing", "chameleon/scrollbar" ];
 
@@ -75,7 +75,7 @@ const W = class {
         name: (s = this.authenticationTypesComboBoxModel[0]) === null || s === void 0 ? void 0 : s.caption
       };
     }));
-    y.set(this, (() => {
+    b.set(this, (() => {
       // populate #controlsValidation with the controls that could have errors.
       const e = [ l(this, c, "f"), l(this, u, "f"), l(this, p, "f") ];
       e.forEach((e => {
@@ -88,7 +88,7 @@ const W = class {
         }
       }));
     }));
-    b.set(this, (e => {
+    y.set(this, (e => {
       const t = e.detail;
       const i = this.authenticationTypes.findIndex((e => e.id === t));
       const s = this.authenticationTypes[i].name;
@@ -131,7 +131,7 @@ const W = class {
     l(this, w, "f").call(this);
   }
   async componentDidLoad() {
-    l(this, y, "f").call(this);
+    l(this, b, "f").call(this);
   }
   render() {
     var e, s, a, n;
@@ -169,7 +169,7 @@ const W = class {
       model: this.authenticationTypesComboBoxModel,
       placeholder: "Select an authentication type",
       value: (s = this.gxServerConnectionData) === null || s === void 0 ? void 0 : s.authenticationType.id,
-      onInput: l(this, b, "f")
+      onInput: l(this, y, "f")
     })), t("div", {
       // username
       class: "field field-block user-name"
@@ -225,10 +225,10 @@ const W = class {
 };
 
 h = new WeakMap, c = new WeakMap, u = new WeakMap, p = new WeakMap, f = new WeakMap, 
-v = new WeakMap, m = new WeakMap, w = new WeakMap, y = new WeakMap, b = new WeakMap, 
+v = new WeakMap, m = new WeakMap, w = new WeakMap, b = new WeakMap, y = new WeakMap, 
 g = new WeakMap, k = new WeakMap;
 
 W.style = r;
 
 export { W as gx_ide_connect_gx_server };
-//# sourceMappingURL=p-09a634fc.entry.js.map
+//# sourceMappingURL=p-db07c544.entry.js.map

package/dist/genexus-ide-ui/{p-af975c83.entry.js → p-eacc81c8.entry.js}

@@ -10,7 +10,7 @@ import { s as l, g as r } from "./p-8c2e9df4.js";
 
 import { r as d, m as c } from "./p-1972b953.js";
 
-import { v as f } from "./p-289c3290.js";
+import { v as f } from "./p-b32b6b1f.js";
 
 import { r as p } from "./p-1252519a.js";
 
@@ -750,4 +750,4 @@ et = new WeakMap, at = new WeakMap, ot = new WeakMap, nt = new WeakMap;
 ut.style = u;
 
 export { ut as gx_ide_new_kb };
-//# sourceMappingURL=p-af975c83.entry.js.map
+//# sourceMappingURL=p-eacc81c8.entry.js.map

package/dist/genexus-ide-ui/{p-e3bce13e.entry.js → p-ee7232f2.entry.js}

@@ -2,51 +2,52 @@ import { r as t, h as e, H as i, a as s } from "./p-97107ecc.js";
 
 import { c as n } from "./p-9a03ac9f.js";
 
-import { v as o } from "./p-289c3290.js";
+import { c as o, v as a } from "./p-b32b6b1f.js";
 
-import { L as a } from "./p-311eedf3.js";
+import { L as r } from "./p-311eedf3.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}";
+const l = ":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) {
+var c = undefined && undefined.__classPrivateFieldGet || function(t, e, i, s) {
   if (i === "a" && !s) throw new TypeError("Private accessor was defined without a getter");
   if (typeof e === "function" ? t !== e || !s : !e.has(t)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
   return i === "m" ? s : i === "a" ? s.call(t) : s ? s.value : e.get(t);
 };
 
-var c = undefined && undefined.__classPrivateFieldSet || function(t, e, i, s, n) {
+var d = 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 d, h, f, p, u, m, w;
+var h, f, p, u, m, w, b;
 
 const v = [ "resets/box-sizing", "utils/form", "utils/spacing", "utils/layout", "chameleon/scrollbar", "components/button", "components/edit", "components/tooltip" ];
 
-const b = class {
+const g = 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);
-    h.set(this, void 0);
-    f.set(this, (t => {
+        h.set(this, void 0);
+    f.set(this, void 0);
+    p.set(this, (t => {
       this.inputValue = t.detail;
+      o(this.validatableControls, "input-name");
     }));
-    p.set(this, (async () => {
+    u.set(this, (async () => {
       this.cancelCallback();
     }));
-    u.set(this, (async () => {
+    m.set(this, (async () => {
       const t = await this.createCallback(this.inputValue);
-      this.validatableControls = o(t, this.validatableControls);
+      this.validatableControls = a(t, this.validatableControls);
     }));
-    m.set(this, (() => {
+    w.set(this, (() => {
       // populate validatableControls with the controls that could have errors.
-      const t = [ l(this, h, "f") ];
+      const t = [ c(this, f, "f") ];
       t.forEach((t => {
         if (t.id) {
           this.validatableControls.set(t.id, {
@@ -59,7 +60,7 @@ const b = class {
     }));
     // TODO: evaluate if this should be a global helper function.
     // It is used on other dialogs as well.
-        w.set(this, (t => {
+        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", {
         class: "tooltip",
@@ -79,11 +80,11 @@ const b = class {
     this.inputValue = t;
   }
   async componentWillLoad() {
-    c(this, d, await a.getComponentStrings(this.el), "f");
+    d(this, h, await r.getComponentStrings(this.el), "f");
     this.defaultInputValueChanged(this.defaultInputValue);
   }
   componentDidLoad() {
-    l(this, m, "f").call(this);
+    c(this, w, "f").call(this);
   }
   render() {
     const t = !this.inputValue || this.inputValue.length === 0;
@@ -100,26 +101,26 @@ const b = class {
     }, e("label", {
       class: "label",
       htmlFor: "input-name"
-    }, l(this, d, "f").labels.name), e("ch-edit", {
+    }, c(this, h, "f").labels.name), e("ch-edit", {
       type: "text",
       id: "input-name",
       class: "input",
-      placeholder: l(this, d, "f").placeHolders.name,
+      placeholder: c(this, h, "f").placeHolders.name,
       value: this.inputValue,
-      onInput: l(this, f, "f"),
-      ref: t => c(this, h, t, "f")
-    }), l(this, w, "f").call(this, l(this, h, "f")))), e("footer", {
+      onInput: c(this, p, "f"),
+      ref: t => d(this, f, t, "f")
+    }), c(this, b, "f").call(this, c(this, f, "f")))), e("footer", {
       class: "control-footer-with-border spacing-body"
     }, e("div", {
       class: "buttons-spacer"
     }, e("button", {
       class: "button-secondary",
-      onClick: l(this, p, "f")
-    }, l(this, d, "f").buttons.cancel), e("button", {
+      onClick: c(this, u, "f")
+    }, c(this, h, "f").buttons.cancel), e("button", {
       class: "button-primary",
-      onClick: l(this, u, "f"),
+      onClick: c(this, m, "f"),
       disabled: t
-    }, l(this, d, "f").buttons.confirm)))));
+    }, c(this, h, "f").buttons.confirm)))));
   }
   static get assetsDirs() {
     return [ "gx-ide-assets/name-picker" ];
@@ -134,10 +135,10 @@ const b = class {
   }
 };
 
-d = new WeakMap, h = new WeakMap, f = new WeakMap, p = new WeakMap, u = new WeakMap, 
-m = new WeakMap, w = new WeakMap;
+h = new WeakMap, f = new WeakMap, p = new WeakMap, u = new WeakMap, m = new WeakMap, 
+w = new WeakMap, b = new WeakMap;
 
-b.style = r;
+g.style = l;
 
-export { b as gx_ide_name_picker };
-//# sourceMappingURL=p-e3bce13e.entry.js.map
+export { g as gx_ide_name_picker };
+//# sourceMappingURL=p-ee7232f2.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["namePickerCss","CSS_BUNDLES","GxIdeNamePicker","_GxIdeNamePicker_componentLocale","set","this","_GxIdeNamePicker_inputValueEl","_GxIdeNamePicker_handleInputValueChange","event","inputValue","detail","clearControlError","validatableControls","_GxIdeNamePicker_cancelClickHandler","async","cancelCallback","_GxIdeNamePicker_confirmClickHandler","formSubmitResult","createCallback","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","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 { Component, Element, h, Host, Prop, State, Watch } 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\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 'Create' button is pressed.\n   */\n  @Prop() readonly createCallback: (\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.createCallback(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        <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                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.#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":";;;;;;;;AAAA,MAAMA,IAAgB;;;;;;;;;;;;;;;;;ACYtB,MAAMC,IAA8B,EAClC,qBACA,cACA,iBACA,gBACA,uBACA,qBACA,mBACA;;MASWC,IAAe;;;;;;;QAK1BC,EAAAC,IAAAC,WAAA;IAEAC,EAAAF,IAAAC,WAAA;IAyCAE,EAAAH,IAAAC,OAA2BG;MACzBH,KAAKI,aAAaD,EAAME;MACxBC,EAAkBN,KAAKO,qBAAqB;AAAa;IAG3DC,EAAAT,IAAAC,OAAsBS;MACpBT,KAAKU;AAAgB;IAGvBC,EAAAZ,IAAAC,OAAuBS;MACrB,MAAMG,UAAyBZ,KAAKa,eAAeb,KAAKI;MACxDJ,KAAKO,sBAAsBO,EACzBF,GACAZ,KAAKO;AACN;IAGHQ,EAAAhB,IAAAC,OAAiC;;MAE/B,MAAMO,IAAqC,EAACS,EAAAhB,MAAIC,GAAA;MAChDM,EAAoBU,SAAQC;QAC1B,IAAIA,EAAmBC,IAAI;UACzBnB,KAAKO,oBAAoBR,IAAImB,EAAmBC,IAAI;YAClDC,WAAWF;YACXG,UAAU;YACVC,SAASC;;;;AAGb;;;QAKJC,EAAAzB,IAAAC,OACEyB;;MAEA,SAAAC,KAAAC,IAAA3B,KAAKO,yBAAmB,QAAAoB,WAAA,aAAAA,EAAEC,IAAIH,MAAgB,QAAhBA,WAAgB,aAAhBA,EAAkBN,SAAG,QAAAO,WAAA,aAAAA,EAAEL,eACrDQ,IAAA7B,KAAKO,oBAAoBqB,IAAIH,EAAiBN,SAAG,QAAAU,WAAA,aAAAA,EAAEP,YACjDQ,EAAA;QACEC,OAAM;QACNC,eAAeP;QACfQ,YAAYC,EAAOC,gBAAgBF;QACnCG,aAAaF,EAAOC,gBAAgBC;QACpCC,OAAOH,EAAOC,gBAAgBE;SAE7BrC,KAAKO,oBAAoBqB,IAAIH,EAAiBN,IAAIG;AAEtD;;+BA/E4B,IAAIgB;;;;;EAmBnC,wBAAAC,CAAyBC;IACvBxC,KAAKI,aAAaoC;;EAGpB,uBAAMC;IACJC,EAAA1C,MAAIF,SAA0B6C,EAAOC,oBAAoB5C,KAAK6C,KAAG;IACjE7C,KAAKuC,yBAAyBvC,KAAK8C;;EAGrC,gBAAAC;IACE/B,EAAAhB,MAAIe,GAAA,KAA+BiC,KAAnChD;;EAoDF,MAAAiD;IACE,MAAMC,KACHlD,KAAKI,cAAcJ,KAAKI,WAAW+C,WAAW;IAEjD,OACErB,EAACsB,GAAI;MAACrB,OAAM;OACVD,EAAA;MAAUuB,OAAOzD;QACjBkC,EAAA;MAASC,OAAM;OACbD,EAAA;MAAKC,OAAM;OACTD,EAAA;MAAKC,OAAM;OACTD,EAAA;MAAOC,OAAM;MAAQuB,SAAQ;OAC1BtC,EAAAhB,MAAIF,GAAA,KAAkByD,OAAOC,OAEhC1B,EAAA;MACE2B,MAAK;MACLtC,IAAG;MACHY,OAAM;MACN2B,aAAa1C,EAAAhB,MAAIF,GAAA,KAAkB6D,aAAaH;MAChDI,OAAO5D,KAAKI;MACZyD,SAAS7C,EAAAhB,MAAIE,GAAA;MACb4D,KAAMjB,KACHH,EAAA1C,MAAIC,GAAiB4C,GAAuB;QAGhD7B,EAAAhB,MAAIwB,GAAA,KAAuBwB,KAA3BhD,MAA4BgB,EAAAhB,MAAIC,GAAA,SAIrC6B,EAAA;MAAQC,OAAM;OACZD,EAAA;MAAKC,OAAM;OACTD,EAAA;MACEC,OAAM;MACNgC,SAAS/C,EAAAhB,MAAIQ,GAAA;OAEZQ,EAAAhB,MAAIF,GAAA,KAAkBkE,QAAQC,SAGjCnC,EAAA;MACEC,OAAM;MACNgC,SAAS/C,EAAAhB,MAAIW,GAAA;MACbuD,UAAUhB;OAETlC,EAAAhB,MAAIF,GAAA,KAAkBkE,QAAQG"}

package/dist/types/common/form-validation.d.ts

@@ -1,6 +1,7 @@
 import { FormSubmitResult, ConnectionResultData } from "../common/types";
 export declare const formSubmitValidation: (result: FormSubmitResult | ConnectionResultData, ref: any) => void;
 export declare const validateControls: (formSubmitResult: FormSubmitResult, validatableControls: Map<string, ControlValidation>) => Map<string, ControlValidation>;
+export declare const clearControlError: (validatableControls: Map<string, ControlValidation>, controlId: string) => void;
 export type ControlValidation = {
     reference: HTMLElement;
     hasError: boolean;

package/dist/types/components/team-dev/server-selector/server-selector.d.ts

@@ -12,10 +12,6 @@ export declare class GxIdeServerSelector {
      * State to track if this is the first selection made by the user.
      */
     isFirstSelection: boolean;
-    /**
-     * State to track if the server URL is valid.
-     */
-    isValidUrl: boolean;
     /**
      * The current server URL input value.
      */
@@ -64,15 +60,15 @@ export declare class GxIdeServerSelector {
     /**
      * Callback that must be invoked when the 'Confirm' button is pressed and the Select Server option is checked.
      */
-    readonly selectServerCallback: (authenticationSessionOrigin: AuthenticationSessionOrigin) => Promise<void>;
+    readonly selectServerCallback: (authenticationSessionOrigin: AuthenticationSessionOrigin, connectionOption: ConnectionOption) => Promise<FormSubmitResult>;
     componentWillLoad(): Promise<void>;
+    componentDidRender(): void;
     render(): void;
 }
 export type ConnectionResultData = {
     formResult: FormSubmitResult;
 };
 export type ConnectionOption = "select" | "new";
-export type ServerType = "legacy" | "next";
 export type ServerAccessLevel = "public" | "private";
 export type AuthenticationSessionOrigin = {
     uri: string;

package/dist/types/components.d.ts

@@ -56,7 +56,7 @@ import { PluginAction, PluginData } from "./components/plugin-explorer/plugin-ex
 import { LoadReferencesCallback, ObjectData as ObjectData1, OpenObjectCallback, OpenSelectorDialogCallback, SelectorSourceCallback, SelectReferenceCallback } from "./components/references/references";
 import { CheckboxType, DialogAction, ItemNode } from "./components/select-kb-items/select-kb-items";
 import { TeamData } from "./components/select-user-team/select-user-team";
-import { AuthenticationSessionOrigin, ConnectedGXServerData } from "./components/team-dev/server-selector/server-selector";
+import { AuthenticationSessionOrigin, ConnectedGXServerData, ConnectionOption } from "./components/team-dev/server-selector/server-selector";
 import { KBVersion as KBVersion1, ShareKBData } from "./components/team-dev/share-kb/share-kb";
 import { AuthStep, TeamData as TeamData1 } from "./components/sign-in-team/sign-in-team";
 import { MessageType } from "./components/splash/splash";
@@ -128,7 +128,7 @@ export { PluginAction, PluginData } from "./components/plugin-explorer/plugin-ex
 export { LoadReferencesCallback, ObjectData as ObjectData1, OpenObjectCallback, OpenSelectorDialogCallback, SelectorSourceCallback, SelectReferenceCallback } from "./components/references/references";
 export { CheckboxType, DialogAction, ItemNode } from "./components/select-kb-items/select-kb-items";
 export { TeamData } from "./components/select-user-team/select-user-team";
-export { AuthenticationSessionOrigin, ConnectedGXServerData } from "./components/team-dev/server-selector/server-selector";
+export { AuthenticationSessionOrigin, ConnectedGXServerData, ConnectionOption } from "./components/team-dev/server-selector/server-selector";
 export { KBVersion as KBVersion1, ShareKBData } from "./components/team-dev/share-kb/share-kb";
 export { AuthStep, TeamData as TeamData1 } from "./components/sign-in-team/sign-in-team";
 export { MessageType } from "./components/splash/splash";
@@ -1935,8 +1935,9 @@ export namespace Components {
           * Callback that must be invoked when the 'Confirm' button is pressed and the Select Server option is checked.
          */
         "selectServerCallback": (
-    authenticationSessionOrigin: AuthenticationSessionOrigin
-  ) => Promise<void>;
+    authenticationSessionOrigin: AuthenticationSessionOrigin,
+    connectionOption: ConnectionOption
+  ) => Promise<FormSubmitResult>;
     }
     interface GxIdeShareKb {
         /**
@@ -5425,8 +5426,9 @@ declare namespace LocalJSX {
           * Callback that must be invoked when the 'Confirm' button is pressed and the Select Server option is checked.
          */
         "selectServerCallback": (
-    authenticationSessionOrigin: AuthenticationSessionOrigin
-  ) => Promise<void>;
+    authenticationSessionOrigin: AuthenticationSessionOrigin,
+    connectionOption: ConnectionOption
+  ) => Promise<FormSubmitResult>;
     }
     interface GxIdeShareKb {
         /**

package/package.json

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

package/dist/cjs/form-validation-178cf461.js.map

@@ -1 +0,0 @@
-{"file":"form-validation-178cf461.js","mappings":";;AAGA;AAqBA;AACA,MAAM,kCAAkC,GAAG;IACzC,aAAa,EAAE,gBAAgB;IAC/B,qBAAqB,EAAE,iBAAiB;IACxC,SAAS,EAAE,aAAa;CAChB,CAAC;AAEX,MAAM,gBAAgB,GAAG,CAAC,QAAiB,EAAE,OAAoB;IAC/D,MAAM,cAAc,GAAG,OAAO,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC;IACrD,MAAM,UAAU,GACd,kCAAkC,CAChC,cAAiE,CAClE,CAAC;IACJ,IAAI,QAAQ,EAAE;QACZ,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;KACnC;SAAM;QACL,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;KACtC;AACH,CAAC,CAAC;MAEW,gBAAgB,GAAG,CAC9B,gBAAkC,EAClC,mBAAmD;IAEnD,MAAM,0BAA0B,GAAG,IAAI,GAAG,CAAC,mBAAmB,CAAC,CAAC;IAChE,gBAAgB,CAAC,WAAW,CAAC,OAAO,CAAC,WAAW;QAC9C,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,CAAC;QACjC,MAAM,aAAa,GAAG,WAAW,CAAC,QAAQ,CAAC;QAC3C,MAAM,gBAAgB,GAAG,0BAA0B,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;QAClE,IAAI,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,SAAS,EAAE;;YAE/B,gBAAgB,CAAC,aAAa,EAAE,gBAAgB,CAAC,SAAS,CAAC,CAAC;YAC5D,0BAA0B,CAAC,GAAG,CAAC,QAAQ,kCAClC,gBAAgB,KACnB,QAAQ,EAAE,aAAa,EACvB,OAAO,EAAE,WAAW,CAAC,OAAO,IAC5B,CAAC;SACJ;KACF,CAAC,CAAC;;IAEH,OAAO,0BAA0B,CAAC;AACpC;;;;","names":[],"sources":["src/common/form-validation.ts"],"sourcesContent":["import { FormSubmitResult, ConnectionResultData } from \"../common/types\";\nimport { FormComponent } from \"@genexus/gemini/dist/types/common/interfaces\";\n\n// formSubmitValidation will be deprecated. use \"validateControls\" instead.\nexport const formSubmitValidation = (\n  result: FormSubmitResult | ConnectionResultData,\n  ref: any\n) => {\n  result.fieldErrors?.forEach(element => {\n    const key = element.key;\n    const message = element.message;\n    const hasError = element.hasError;\n\n    const reference: FormComponent = ref[`${key}El`];\n    if (reference && hasError && message.trim()) {\n      reference.validationStatus = \"error\";\n      reference.validationMessage = message;\n    } else if (reference && !hasError) {\n      reference.validationStatus = \"indeterminate\";\n      reference.validationMessage = null;\n    }\n  });\n};\n\n// TODO: Improve the way we mark components with error. We must not use error classes.\nconst formElementsErrorClassesDictionary = {\n  \"ch-checkbox\": \"checkbox-error\",\n  \"ch-combo-box-render\": \"combo-box-error\",\n  \"ch-edit\": \"input-error\"\n} as const;\n\nconst toggleErrorClass = (hasError: boolean, element: HTMLElement) => {\n  const elementTagName = element.tagName.toLowerCase();\n  const errorClass =\n    formElementsErrorClassesDictionary[\n      elementTagName as keyof typeof formElementsErrorClassesDictionary\n    ];\n  if (hasError) {\n    element.classList.add(errorClass);\n  } else {\n    element.classList.remove(errorClass);\n  }\n};\n\nexport const validateControls = (\n  formSubmitResult: FormSubmitResult,\n  validatableControls: Map<string, ControlValidation>\n): Map<string, ControlValidation> => {\n  const validatableControlsUpdated = new Map(validatableControls);\n  formSubmitResult.fieldErrors.forEach(fieldResult => {\n    const fieldKey = fieldResult.key;\n    const fieldHasError = fieldResult.hasError;\n    const controlMapRecord = validatableControlsUpdated.get(fieldKey);\n    if (controlMapRecord?.reference) {\n      // toggle class to add or remove error style\n      toggleErrorClass(fieldHasError, controlMapRecord.reference);\n      validatableControlsUpdated.set(fieldKey, {\n        ...controlMapRecord,\n        hasError: fieldHasError,\n        message: fieldResult.message\n      });\n    }\n  });\n  // return validatableControls updated.\n  return validatableControlsUpdated;\n};\n\nexport type ControlValidation = {\n  reference: HTMLElement;\n  hasError: boolean;\n  message: string;\n};\n"],"version":3}

package/dist/esm/form-validation-cd0215c6.js.map

@@ -1 +0,0 @@
-{"file":"form-validation-cd0215c6.js","mappings":"AAGA;AAqBA;AACA,MAAM,kCAAkC,GAAG;IACzC,aAAa,EAAE,gBAAgB;IAC/B,qBAAqB,EAAE,iBAAiB;IACxC,SAAS,EAAE,aAAa;CAChB,CAAC;AAEX,MAAM,gBAAgB,GAAG,CAAC,QAAiB,EAAE,OAAoB;IAC/D,MAAM,cAAc,GAAG,OAAO,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC;IACrD,MAAM,UAAU,GACd,kCAAkC,CAChC,cAAiE,CAClE,CAAC;IACJ,IAAI,QAAQ,EAAE;QACZ,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;KACnC;SAAM;QACL,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;KACtC;AACH,CAAC,CAAC;MAEW,gBAAgB,GAAG,CAC9B,gBAAkC,EAClC,mBAAmD;IAEnD,MAAM,0BAA0B,GAAG,IAAI,GAAG,CAAC,mBAAmB,CAAC,CAAC;IAChE,gBAAgB,CAAC,WAAW,CAAC,OAAO,CAAC,WAAW;QAC9C,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,CAAC;QACjC,MAAM,aAAa,GAAG,WAAW,CAAC,QAAQ,CAAC;QAC3C,MAAM,gBAAgB,GAAG,0BAA0B,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;QAClE,IAAI,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,SAAS,EAAE;;YAE/B,gBAAgB,CAAC,aAAa,EAAE,gBAAgB,CAAC,SAAS,CAAC,CAAC;YAC5D,0BAA0B,CAAC,GAAG,CAAC,QAAQ,kCAClC,gBAAgB,KACnB,QAAQ,EAAE,aAAa,EACvB,OAAO,EAAE,WAAW,CAAC,OAAO,IAC5B,CAAC;SACJ;KACF,CAAC,CAAC;;IAEH,OAAO,0BAA0B,CAAC;AACpC;;;;","names":[],"sources":["src/common/form-validation.ts"],"sourcesContent":["import { FormSubmitResult, ConnectionResultData } from \"../common/types\";\nimport { FormComponent } from \"@genexus/gemini/dist/types/common/interfaces\";\n\n// formSubmitValidation will be deprecated. use \"validateControls\" instead.\nexport const formSubmitValidation = (\n  result: FormSubmitResult | ConnectionResultData,\n  ref: any\n) => {\n  result.fieldErrors?.forEach(element => {\n    const key = element.key;\n    const message = element.message;\n    const hasError = element.hasError;\n\n    const reference: FormComponent = ref[`${key}El`];\n    if (reference && hasError && message.trim()) {\n      reference.validationStatus = \"error\";\n      reference.validationMessage = message;\n    } else if (reference && !hasError) {\n      reference.validationStatus = \"indeterminate\";\n      reference.validationMessage = null;\n    }\n  });\n};\n\n// TODO: Improve the way we mark components with error. We must not use error classes.\nconst formElementsErrorClassesDictionary = {\n  \"ch-checkbox\": \"checkbox-error\",\n  \"ch-combo-box-render\": \"combo-box-error\",\n  \"ch-edit\": \"input-error\"\n} as const;\n\nconst toggleErrorClass = (hasError: boolean, element: HTMLElement) => {\n  const elementTagName = element.tagName.toLowerCase();\n  const errorClass =\n    formElementsErrorClassesDictionary[\n      elementTagName as keyof typeof formElementsErrorClassesDictionary\n    ];\n  if (hasError) {\n    element.classList.add(errorClass);\n  } else {\n    element.classList.remove(errorClass);\n  }\n};\n\nexport const validateControls = (\n  formSubmitResult: FormSubmitResult,\n  validatableControls: Map<string, ControlValidation>\n): Map<string, ControlValidation> => {\n  const validatableControlsUpdated = new Map(validatableControls);\n  formSubmitResult.fieldErrors.forEach(fieldResult => {\n    const fieldKey = fieldResult.key;\n    const fieldHasError = fieldResult.hasError;\n    const controlMapRecord = validatableControlsUpdated.get(fieldKey);\n    if (controlMapRecord?.reference) {\n      // toggle class to add or remove error style\n      toggleErrorClass(fieldHasError, controlMapRecord.reference);\n      validatableControlsUpdated.set(fieldKey, {\n        ...controlMapRecord,\n        hasError: fieldHasError,\n        message: fieldResult.message\n      });\n    }\n  });\n  // return validatableControls updated.\n  return validatableControlsUpdated;\n};\n\nexport type ControlValidation = {\n  reference: HTMLElement;\n  hasError: boolean;\n  message: string;\n};\n"],"version":3}

package/dist/genexus-ide-ui/p-289c3290.js

@@ -1,39 +0,0 @@
-// formSubmitValidation will be deprecated. use "validateControls" instead.
-// TODO: Improve the way we mark components with error. We must not use error classes.
-const o = {
-  "ch-checkbox": "checkbox-error",
-  "ch-combo-box-render": "combo-box-error",
-  "ch-edit": "input-error"
-};
-
-const toggleErrorClass = (c, e) => {
-  const r = e.tagName.toLowerCase();
-  const t = o[r];
-  if (c) {
-    e.classList.add(t);
-  } else {
-    e.classList.remove(t);
-  }
-};
-
-const validateControls = (o, c) => {
-  const e = new Map(c);
-  o.fieldErrors.forEach((o => {
-    const c = o.key;
-    const r = o.hasError;
-    const t = e.get(c);
-    if (t === null || t === void 0 ? void 0 : t.reference) {
-      // toggle class to add or remove error style
-      toggleErrorClass(r, t.reference);
-      e.set(c, Object.assign(Object.assign({}, t), {
-        hasError: r,
-        message: o.message
-      }));
-    }
-  }));
-  // return validatableControls updated.
-    return e;
-};
-
-export { validateControls as v };
-//# sourceMappingURL=p-289c3290.js.map

package/dist/genexus-ide-ui/p-289c3290.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["formElementsErrorClassesDictionary","toggleErrorClass","hasError","element","elementTagName","tagName","toLowerCase","errorClass","classList","add","remove","validateControls","formSubmitResult","validatableControls","validatableControlsUpdated","Map","fieldErrors","forEach","fieldResult","fieldKey","key","fieldHasError","controlMapRecord","get","reference","set","Object","assign","message"],"sources":["src/common/form-validation.ts"],"sourcesContent":["import { FormSubmitResult, ConnectionResultData } from \"../common/types\";\nimport { FormComponent } from \"@genexus/gemini/dist/types/common/interfaces\";\n\n// formSubmitValidation will be deprecated. use \"validateControls\" instead.\nexport const formSubmitValidation = (\n  result: FormSubmitResult | ConnectionResultData,\n  ref: any\n) => {\n  result.fieldErrors?.forEach(element => {\n    const key = element.key;\n    const message = element.message;\n    const hasError = element.hasError;\n\n    const reference: FormComponent = ref[`${key}El`];\n    if (reference && hasError && message.trim()) {\n      reference.validationStatus = \"error\";\n      reference.validationMessage = message;\n    } else if (reference && !hasError) {\n      reference.validationStatus = \"indeterminate\";\n      reference.validationMessage = null;\n    }\n  });\n};\n\n// TODO: Improve the way we mark components with error. We must not use error classes.\nconst formElementsErrorClassesDictionary = {\n  \"ch-checkbox\": \"checkbox-error\",\n  \"ch-combo-box-render\": \"combo-box-error\",\n  \"ch-edit\": \"input-error\"\n} as const;\n\nconst toggleErrorClass = (hasError: boolean, element: HTMLElement) => {\n  const elementTagName = element.tagName.toLowerCase();\n  const errorClass =\n    formElementsErrorClassesDictionary[\n      elementTagName as keyof typeof formElementsErrorClassesDictionary\n    ];\n  if (hasError) {\n    element.classList.add(errorClass);\n  } else {\n    element.classList.remove(errorClass);\n  }\n};\n\nexport const validateControls = (\n  formSubmitResult: FormSubmitResult,\n  validatableControls: Map<string, ControlValidation>\n): Map<string, ControlValidation> => {\n  const validatableControlsUpdated = new Map(validatableControls);\n  formSubmitResult.fieldErrors.forEach(fieldResult => {\n    const fieldKey = fieldResult.key;\n    const fieldHasError = fieldResult.hasError;\n    const controlMapRecord = validatableControlsUpdated.get(fieldKey);\n    if (controlMapRecord?.reference) {\n      // toggle class to add or remove error style\n      toggleErrorClass(fieldHasError, controlMapRecord.reference);\n      validatableControlsUpdated.set(fieldKey, {\n        ...controlMapRecord,\n        hasError: fieldHasError,\n        message: fieldResult.message\n      });\n    }\n  });\n  // return validatableControls updated.\n  return validatableControlsUpdated;\n};\n\nexport type ControlValidation = {\n  reference: HTMLElement;\n  hasError: boolean;\n  message: string;\n};\n"],"mappings":";;AAyBA,MAAMA,IAAqC;EACzC,eAAe;EACf,uBAAuB;EACvB,WAAW;;;AAGb,MAAMC,mBAAmB,CAACC,GAAmBC;EAC3C,MAAMC,IAAiBD,EAAQE,QAAQC;EACvC,MAAMC,IACJP,EACEI;EAEJ,IAAIF,GAAU;IACZC,EAAQK,UAAUC,IAAIF;SACjB;IACLJ,EAAQK,UAAUE,OAAOH;;;;MAIhBI,mBAAmB,CAC9BC,GACAC;EAEA,MAAMC,IAA6B,IAAIC,IAAIF;EAC3CD,EAAiBI,YAAYC,SAAQC;IACnC,MAAMC,IAAWD,EAAYE;IAC7B,MAAMC,IAAgBH,EAAYhB;IAClC,MAAMoB,IAAmBR,EAA2BS,IAAIJ;IACxD,IAAIG,MAAgB,QAAhBA,WAAgB,aAAhBA,EAAkBE,WAAW;;MAE/BvB,iBAAiBoB,GAAeC,EAAiBE;MACjDV,EAA2BW,IAAIN,GAAQO,OAAAC,OAAAD,OAAAC,OAAA,IAClCL,IAAgB;QACnBpB,UAAUmB;QACVO,SAASV,EAAYU;;;;;IAK3B,OAAOd;AAA0B"}