@genexus/genexus-ide-ui 1.1.18 → 1.1.19

package/dist/genexus-ide-ui/{p-2bfae98b.entry.js → p-8bb9242a.entry.js}

@@ -1,136 +1,160 @@
-import { r as t, g as i, h as e, H as s, a } from "./p-25a9f1d7.js";
+import { r as t, g as i, h as e, H as s, a as n } from "./p-25a9f1d7.js";
 
-import { g as n } from "./p-2987a259.js";
+import { g as o } from "./p-2987a259.js";
 
-import { c as o } from "./p-13738332.js";
+import { c as a } from "./p-13738332.js";
 
 import { L as l } from "./p-311eedf3.js";
 
-const r = ':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}';
+import { v as r } from "./p-289c3290.js";
 
-var d = undefined && undefined.__classPrivateFieldGet || function(t, i, e, s) {
+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}';
+
+var h = undefined && undefined.__classPrivateFieldGet || function(t, i, e, s) {
   if (e === "a" && !s) throw new TypeError("Private accessor was defined without a getter");
   if (typeof i === "function" ? t !== i || !s : !i.has(t)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
   return e === "m" ? s : e === "a" ? s.call(t) : s ? s.value : i.get(t);
 };
 
-var h = undefined && undefined.__classPrivateFieldSet || function(t, i, e, s, a) {
+var c = undefined && undefined.__classPrivateFieldSet || function(t, i, e, s, n) {
   if (s === "m") throw new TypeError("Private method is not writable");
-  if (s === "a" && !a) throw new TypeError("Private accessor was defined without a setter");
-  if (typeof i === "function" ? t !== i || !a : !i.has(t)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
-  return s === "a" ? a.call(t, e) : a ? a.value = e : i.set(t, e), e;
+  if (s === "a" && !n) throw new TypeError("Private accessor was defined without a setter");
+  if (typeof i === "function" ? t !== i || !n : !i.has(t)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+  return s === "a" ? n.call(t, e) : n ? n.value = e : i.set(t, e), e;
 };
 
-var c, f, p, u, m, b, g, v, w, y, k, x, W, M, j, C, E, T, F, P;
+var f, p, u, m, b, v, g, w, y, k, M, W, x, j, C, E, T, F, P, z, I, L;
 
-const z = [ "resets/box-sizing", "components/tab", "components/tooltip", "utils/form--full", "utils/layout", "utils/typography", "utils/spacing", "chameleon/scrollbar" ];
+const S = [ "resets/box-sizing", "components/tab", "components/tooltip", "utils/form--full", "utils/layout", "utils/typography", "utils/spacing", "chameleon/scrollbar" ];
 
-const I = n({
+const V = o({
   category: "gemini-tools",
   name: "file",
   colorType: "primary"
 });
 
-const S = n({
+const _ = o({
   category: "menus",
   name: "delete",
   colorType: "primary"
 });
 
-const V = class {
-  constructor(e) {
-    t(this, e);
-    c.set(this, void 0);
-    f.set(this, {
+const A = class {
+  constructor(s) {
+    t(this, s);
+    f.set(this, void 0);
+    p.set(this, {
       name: "",
       description: "",
       assumeVarcharForNull: false,
       parentId: "",
       json: ""
     });
-    p.set(this, []);
-    u.set(this, i(`./gx-ide-assets/json-import/shortcuts.json`));
-    m.set(this, void 0);
+    u.set(this, []);
+    m.set(this, i(`./gx-ide-assets/json-import/shortcuts.json`));
     b.set(this, void 0);
-    g.set(this, void 0);
     v.set(this, void 0);
+    g.set(this, void 0);
     w.set(this, void 0);
     y.set(this, void 0);
     k.set(this, void 0);
-    x.set(this, (() => {
+    M.set(this, void 0);
+    W.set(this, (() => {
+      const t = [ h(this, k, "f"), h(this, y, "f") ];
+      t.forEach((t => {
+        if (t.id) {
+          this.validatableControls.set(t.id, {
+            reference: t,
+            hasError: false,
+            message: undefined
+          });
+        }
+      }));
+    }));
+    x.set(this, (t => {
+      var i, s, n;
+      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) && ((n = this.validatableControls.get(t.id)) === null || n === void 0 ? void 0 : n.message) && e("ch-tooltip", {
+        class: "tooltip",
+        actionElement: t,
+        blockAlign: a.tooltipSettings.blockAlign,
+        inlineAlign: a.tooltipSettings.inlineAlign,
+        delay: a.tooltipSettings.delay
+      }, this.validatableControls.get(t.id).message);
+    }));
+    j.set(this, (() => {
       var t, i;
-      const e = ((i = (t = d(this, y, "f")) === null || t === void 0 ? void 0 : t.value) === null || i === void 0 ? void 0 : i.trim()) || "";
+      const e = ((i = (t = h(this, k, "f")) === null || t === void 0 ? void 0 : t.value) === null || i === void 0 ? void 0 : i.trim()) || "";
       const s = this.radioGroupValue === "file" ? this.fileName : this.jsonContent;
-      const a = this.validateNameCallback ? this.validateNameCallback(e) : Boolean(e);
-      const n = this.radioGroupValue === "file" ? Boolean(this.fileName) : this.validateJSONCallback ? this.validateJSONCallback(s) : false;
-      this.isFormValid = a && n;
+      const n = this.validateNameCallback ? this.validateNameCallback(e) : Boolean(e);
+      const o = this.radioGroupValue === "file" ? Boolean(this.fileName) : this.validateJSONCallback ? this.validateJSONCallback(s) : false;
+      this.isFormValid = n && o;
     }));
-    W.set(this, (() => {
-      d(this, x, "f").call(this);
+    C.set(this, (() => {
+      h(this, j, "f").call(this);
     }));
-    M.set(this, (() => {
+    E.set(this, (() => {
       var t;
-      this.radioGroupValue = d(this, k, "f").value;
+      this.radioGroupValue = h(this, M, "f").value;
       if (this.radioGroupValue === "file") {
-        d(this, m, "f").value = "false";
+        h(this, b, "f").value = "false";
       } else {
-        d(this, f, "f").json = null;
-        d(this, C, "f").call(this);
-        d(this, x, "f").call(this);
+        h(this, p, "f").json = null;
+        h(this, F, "f").call(this);
+        h(this, j, "f").call(this);
       }
       (t = this.modeChangeCallback) === null || t === void 0 ? void 0 : t.call(this, this.radioGroupValue);
     }));
-    j.set(this, (() => {
+    T.set(this, (() => {
       var t;
-      d(this, f, "f").name = d(this, y, "f").value;
-      d(this, f, "f").description = d(this, g, "f").value;
-      d(this, f, "f").parentId = (t = d(this, w, "f").value) === null || t === void 0 ? void 0 : t.id;
-      d(this, f, "f").assumeVarcharForNull = d(this, m, "f").value === "true";
-      this.confirmCallback(d(this, f, "f")).then((t => {
-        this.showTooltipError = !t.success;
+      h(this, p, "f").name = h(this, k, "f").value;
+      h(this, p, "f").description = h(this, g, "f").value;
+      h(this, p, "f").parentId = (t = h(this, y, "f").value) === null || t === void 0 ? void 0 : t.id;
+      h(this, p, "f").assumeVarcharForNull = h(this, b, "f").value === "true";
+      this.confirmCallback(h(this, p, "f")).then((t => {
+        this.validatableControls = r(t, this.validatableControls);
       }));
     }));
-    C.set(this, (() => {
+    F.set(this, (() => {
       var t;
-      d(this, f, "f").json = null;
-      d(this, v, "f").value = null;
+      h(this, p, "f").json = null;
+      h(this, w, "f").value = null;
       this.fileName = null;
       (t = this.fileChangeCallback) === null || t === void 0 ? void 0 : t.call(this, null);
-      d(this, x, "f").call(this);
+      h(this, j, "f").call(this);
     }));
-    E.set(this, (t => {
+    P.set(this, (t => {
       var i, e;
       const s = t.target;
       if (((i = s.files) === null || i === void 0 ? void 0 : i.length) > 0 && this.radioGroupValue === "file") {
-        d(this, f, "f").json = s.files[0];
+        h(this, p, "f").json = s.files[0];
         this.fileName = s.files[0].name;
         (e = this.fileChangeCallback) === null || e === void 0 ? void 0 : e.call(this, s.files[0]);
-        d(this, x, "f").call(this);
+        h(this, j, "f").call(this);
       }
     }));
-    T.set(this, (() => {
-      d(this, v, "f").click();
+    z.set(this, (() => {
+      h(this, w, "f").click();
     }));
-    F.set(this, (() => {
-      d(this, x, "f").call(this);
+    I.set(this, (() => {
+      h(this, j, "f").call(this);
     }));
-    P.set(this, (t => {
+    L.set(this, (t => {
       const i = t.target.assignedElements();
       if (i.length > 0) {
         const t = i[0];
         t.addEventListener("json-content-change", (t => {
           if (this.radioGroupValue === "text") {
             this.jsonContent = t.detail.content;
-            d(this, F, "f").call(this);
+            h(this, I, "f").call(this);
           }
         }));
       }
     }));
     this.fileName = undefined;
     this.radioGroupValue = "file";
-    this.showTooltipError = false;
     this.isFormValid = false;
     this.jsonContent = "";
+    this.validatableControls = new Map;
     this.cancelCallback = undefined;
     this.confirmCallback = undefined;
     this.defaultParent = undefined;
@@ -144,28 +168,31 @@ const V = class {
     this.onJsonContentChange = undefined;
   }
   async componentWillLoad() {
-    h(this, c, await l.getComponentStrings(this.el), "f");
-    h(this, p, [ {
+    c(this, f, await l.getComponentStrings(this.el), "f");
+    c(this, u, [ {
       value: "file",
-      caption: d(this, c, "f").header.filePathLabel
+      caption: h(this, f, "f").header.filePathLabel
     }, {
       value: "text",
-      caption: d(this, c, "f").main.jsonAreaLabel
+      caption: h(this, f, "f").main.jsonAreaLabel
     } ], "f");
   }
+  componentDidLoad() {
+    h(this, W, "f").call(this);
+  }
   /**
      * Suspends or reactivates the shortcuts
      */  async suspendShortcuts(t) {
-    d(this, b, "f").suspend = t;
+    h(this, v, "f").suspend = t;
   }
   render() {
     return e(s, {
       class: "widget"
     }, e("ch-theme", {
-      model: z
+      model: S
     }), e("ch-shortcuts", {
-      src: d(this, u, "f"),
-      ref: t => h(this, b, t, "f")
+      src: h(this, m, "f"),
+      ref: t => c(this, v, t, "f")
     }), e("section", {
       class: "section"
     }, e("header", {
@@ -176,40 +203,40 @@ const V = class {
       // name
       class: "label name-label",
       htmlFor: "input-name"
-    }, d(this, c, "f").header.nameFieldLabel), e("ch-edit", {
+    }, h(this, f, "f").header.nameFieldLabel), e("ch-edit", {
       class: "input name-input",
       id: "input-name",
-      ref: t => h(this, y, t, "f"),
-      onInput: d(this, W, "f")
-    }), e("label", {
+      ref: t => c(this, k, t, "f"),
+      onInput: h(this, C, "f")
+    }), h(this, x, "f").call(this, h(this, k, "f")), e("label", {
       // description
       class: "label description-label",
       htmlFor: "input-description"
-    }, d(this, c, "f").header.descriptionFieldLabel), e("ch-edit", {
+    }, h(this, f, "f").header.descriptionFieldLabel), e("ch-edit", {
       class: "input description-input",
       id: "input-description",
-      ref: t => h(this, g, t, "f")
+      ref: t => c(this, g, t, "f")
     }), e("label", {
       // module/folder
       class: "label module-label",
       htmlFor: "input-module"
-    }, d(this, c, "f").header.moduleFolderLabel), e("gx-ide-entity-selector", {
+    }, h(this, f, "f").header.moduleFolderLabel), e("gx-ide-entity-selector", {
       class: "module module-entity-selector",
       id: "module",
       value: this.defaultParent,
-      ref: t => h(this, w, t, "f"),
+      ref: t => c(this, y, t, "f"),
       labelPosition: "none",
       defaultValue: this.defaultParent,
       selectEntityCallback: this.selectModuleCallback
-    })), e("div", {
+    }), h(this, x, "f").call(this, h(this, y, "f"))), e("div", {
       class: "radio-file-input-wrapper field-group"
     }, e("ch-radio-group-render", {
       // file url/text
       class: "radio-group",
-      model: d(this, p, "f"),
-      onChange: d(this, M, "f"),
+      model: h(this, u, "f"),
+      onChange: h(this, E, "f"),
       value: this.defaultRadioValue,
-      ref: t => h(this, k, t, "f")
+      ref: t => c(this, M, t, "f")
     }), e("div", {
       class: "field field-inline field-file-input"
     }, e("ch-edit", {
@@ -220,35 +247,35 @@ const V = class {
       type: "text",
       value: this.fileName,
       readonly: true,
-      placeholder: d(this, c, "f").header.fileNamePlaceholder,
-      startImgSrc: I,
+      placeholder: h(this, f, "f").header.fileNamePlaceholder,
+      startImgSrc: V,
       disabled: this.radioGroupValue !== "file"
     }), e("input", {
       hidden: true,
       type: "file",
       accept: ".json",
-      onChange: d(this, E, "f"),
-      ref: t => h(this, v, t, "f")
+      onChange: h(this, P, "f"),
+      ref: t => c(this, w, t, "f")
     }), e("div", {
       class: "buttons-spacer"
     }, e("button", {
-      "aria-label": d(this, c, "f").header.removeFileSelection,
-      title: d(this, c, "f").header.removeFileSelection,
+      "aria-label": h(this, f, "f").header.removeFileSelection,
+      title: h(this, f, "f").header.removeFileSelection,
       id: "reset-all-button",
       class: "button-tertiary button-icon-only",
       part: "reset-all-button",
-      onClick: d(this, C, "f"),
+      onClick: h(this, F, "f"),
       disabled: this.radioGroupValue !== "file"
     }, e("ch-image", {
       class: "icon-md",
-      src: S
+      src: _
     })), e("button", {
       id: "select-file-load-button",
       class: "button-primary",
       part: "select-file-load-button",
-      onClick: d(this, T, "f"),
+      onClick: h(this, z, "f"),
       disabled: this.radioGroupValue !== "file"
-    }, d(this, c, "f").header.selectfileButton))))), e("div", {
+    }, h(this, f, "f").header.selectfileButton))))), e("div", {
       class: "main field-group"
     }, e("div", {
       class: "json-area"
@@ -256,17 +283,12 @@ const V = class {
       class: "slotted-container scrollable"
     }, e("slot", {
       name: "JsonTextEditor",
-      onSlotchange: d(this, P, "f")
-    })), this.showTooltipError && e("ch-tooltip", {
-      class: "tooltip",
-      blockAlign: o.tooltipSettings.blockAlign,
-      inlineAlign: o.tooltipSettings.inlineAlign,
-      delay: o.tooltipSettings.delay
-    }, "Error message")), e("ch-checkbox", {
+      onSlotchange: h(this, L, "f")
+    }))), e("ch-checkbox", {
       class: "checkbox spacing-body-block-end spacing-body-inline-start",
-      caption: d(this, c, "f").main.checkBoxLabel,
+      caption: h(this, f, "f").main.checkBoxLabel,
       checkedValue: "true",
-      ref: t => h(this, m, t, "f")
+      ref: t => c(this, b, t, "f")
     })), e("footer", {
       class: "control-footer control-footer-with-border spacing-body-block-end spacing-body-inline"
     }, e("div", {
@@ -276,28 +298,29 @@ const V = class {
       id: "button-cancel",
       onClick: this.cancelCallback,
       part: "button-cancel"
-    }, d(this, c, "f").footer.btnCancel), e("button", {
+    }, h(this, f, "f").footer.btnCancel), e("button", {
       class: "button-primary",
       id: "button-ok",
-      onClick: d(this, j, "f"),
+      onClick: h(this, T, "f"),
       part: "button-ok",
       disabled: !this.isFormValid
-    }, d(this, c, "f").footer.btnOk)))));
+    }, h(this, f, "f").footer.btnOk)))));
   }
   static get assetsDirs() {
     return [ "gx-ide-assets/json-import" ];
   }
   get el() {
-    return a(this);
+    return n(this);
   }
 };
 
-c = new WeakMap, f = new WeakMap, p = new WeakMap, u = new WeakMap, m = new WeakMap, 
-b = new WeakMap, g = new WeakMap, v = new WeakMap, w = new WeakMap, y = new WeakMap, 
-k = new WeakMap, x = new WeakMap, W = new WeakMap, M = new WeakMap, j = new WeakMap, 
-C = new WeakMap, E = new WeakMap, T = new WeakMap, F = new WeakMap, P = new WeakMap;
+f = new WeakMap, p = new WeakMap, u = new WeakMap, m = new WeakMap, b = new WeakMap, 
+v = new WeakMap, g = new WeakMap, w = new WeakMap, y = new WeakMap, k = new WeakMap, 
+M = new WeakMap, W = new WeakMap, x = new WeakMap, j = new WeakMap, C = new WeakMap, 
+E = new WeakMap, T = new WeakMap, F = new WeakMap, P = new WeakMap, z = new WeakMap, 
+I = new WeakMap, L = new WeakMap;
 
-V.style = r;
+A.style = d;
 
-export { V as gx_ide_json_import };
-//# sourceMappingURL=p-2bfae98b.entry.js.map
+export { A as gx_ide_json_import };
+//# sourceMappingURL=p-8bb9242a.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["jsonImportCss","CSS_BUNDLES","FILE_ICON","getIconPath","category","name","colorType","MENU_DELETE","GxIdeJsonImport","_GxIdeJsonImport_componentLocale","set","this","_GxIdeJsonImport_data","description","assumeVarcharForNull","parentId","json","_GxIdeJsonImport_radioOptionsModel","_GxIdeJsonImport_shortcutsSrc","getAssetPath","_GxIdeJsonImport_checkBoxEl","_GxIdeJsonImport_chShortcutsEl","_GxIdeJsonImport_descriptionEl","_GxIdeJsonImport_fileInputHiddenEl","_GxIdeJsonImport_moduleEntitySelector","_GxIdeJsonImport_nameEl","_GxIdeJsonImport_radioGroup","_GxIdeJsonImport_initializeValidatableControls","validatableControls","__classPrivateFieldGet","forEach","validatableControl","id","reference","hasError","message","undefined","_GxIdeJsonImport_evaluateTooltipRender","controlReference","_b","_a","get","_c","h","class","actionElement","blockAlign","config","tooltipSettings","inlineAlign","delay","_GxIdeJsonImport_validateForm","value","trim","radioGroupValue","fileName","jsonContent","isNameValid","validateNameCallback","Boolean","isJsonValid","validateJSONCallback","isFormValid","_GxIdeJsonImport_nameChangedHandler","call","_GxIdeJsonImport_changeRadioHandler","_GxIdeJsonImport_removeFileSelection","modeChangeCallback","_GxIdeJsonImport_createHandler","confirmCallback","then","formSubmitResult","validateControls","fileChangeCallback","_GxIdeJsonImport_selectFileInputChangedHandler","event","target","files","length","_GxIdeJsonImport_selectFileInputHandler","click","_GxIdeJsonImport_handleEditorChange","_GxIdeJsonImport_handleSlotChange","e","elements","assignedElements","element","addEventListener","detail","content","Map","componentWillLoad","__classPrivateFieldSet","Locale","getComponentStrings","el","caption","header","filePathLabel","main","jsonAreaLabel","componentDidLoad","suspendShortcuts","suspend","render","Host","model","src","ref","htmlFor","nameFieldLabel","onInput","descriptionFieldLabel","moduleFolderLabel","defaultParent","labelPosition","defaultValue","selectEntityCallback","selectModuleCallback","onChange","defaultRadioValue","autoFocus","part","type","readonly","placeholder","fileNamePlaceholder","startImgSrc","disabled","hidden","accept","removeFileSelection","title","onClick","selectfileButton","onSlotchange","checkBoxLabel","checkedValue","cancelCallback","footer","btnCancel","btnOk"],"sources":["src/components/json-import/json-import.scss?tag=gx-ide-json-import&encapsulation=shadow","src/components/json-import/json-import.tsx"],"sourcesContent":[":host {\n  display: grid;\n  grid-template-rows: max-content 1fr max-content;\n  block-size: 100%;\n  overflow: auto;\n}\n\n.section {\n  // just for semantics (allows header and footer element)\n  display: contents;\n}\n\n.header {\n}\n\n.main {\n  display: grid;\n  grid-template-rows: 1fr max-content;\n  overflow: auto;\n}\n.field-group-name-description-module {\n  grid-template-areas:\n    \"name-label name-input\"\n    \"description-label description-input\"\n    \"module-label module-entity-selector\";\n  grid-template-columns: max-content 1fr;\n}\n\n.name-label {\n  grid-area: name-label;\n}\n.name-input {\n  grid-area: name-input;\n}\n.description-label {\n  grid-area: description-label;\n}\n.description-input {\n  grid-area: description-input;\n}\n.module-label {\n  grid-area: module-label;\n}\n.module-entity-selector {\n  grid-area: module-entity-selector;\n}\n.radio-file-input-wrapper {\n  grid-template-columns: max-content 1fr;\n}\ndiv.field-file-input {\n  grid-template-columns: 1fr max-content;\n}\n\n.json-area {\n  display: grid;\n  grid-template-rows: 1fr max-content;\n  overflow: auto;\n}\n.slotted-container {\n  overflow: auto;\n  block-size: 100%;\n}\n\n.input-file {\n  display: grid;\n  grid-template-columns: 1fr max-content;\n}\n\n.radio-group {\n  gap: 30px !important;\n}\n.tooltip {\n  height: 0px;\n}\n","import {\n  Component,\n  Host,\n  Prop,\n  Element,\n  State,\n  getAssetPath,\n  Method,\n  h\n} from \"@stencil/core\";\n\nimport { MercuryBundles, getIconPath } from \"@genexus/mercury\";\nimport { config } from \"../../common/config\";\n\nimport { Locale } from \"../../common/locale\";\nimport { FormSubmitResult } from \"../../common/types\";\nimport { RadioGroupItemModel } from \"@genexus/chameleon-controls-library/dist/types/components/radio-group/types\";\nimport {\n  ControlValidation,\n  validateControls\n} from \"../../common/form-validation\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"components/tab\",\n  \"components/tooltip\",\n  \"utils/form--full\",\n  \"utils/layout\",\n  \"utils/typography\",\n  \"utils/spacing\",\n  \"chameleon/scrollbar\"\n];\n\nconst FILE_ICON = getIconPath({\n  category: \"gemini-tools\",\n  name: \"file\",\n  colorType: \"primary\"\n});\n\nconst MENU_DELETE = getIconPath({\n  category: \"menus\",\n  name: \"delete\",\n  colorType: \"primary\"\n});\n\n@Component({\n  tag: \"gx-ide-json-import\",\n  styleUrl: \"json-import.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/json-import\"]\n})\nexport class GxIdeJsonImport {\n  #componentLocale: any;\n  #data: JsonImportData = {\n    name: \"\",\n    description: \"\",\n    assumeVarcharForNull: false,\n    parentId: \"\",\n    json: \"\"\n  };\n  #radioOptionsModel: RadioGroupItemModel[] = [];\n  #shortcutsSrc = getAssetPath(`./gx-ide-assets/json-import/shortcuts.json`);\n\n  @Element() el: HTMLGxIdeJsonImportElement;\n  #checkBoxEl!: HTMLChCheckboxElement;\n  #chShortcutsEl: HTMLChShortcutsElement;\n  #descriptionEl!: HTMLChEditElement;\n  #fileInputHiddenEl!: HTMLInputElement;\n  #moduleEntitySelector!: HTMLGxIdeEntitySelectorElement;\n  #nameEl!: HTMLChEditElement;\n  #radioGroup!: HTMLChRadioGroupRenderElement;\n\n  @State() fileName: string;\n  @State() radioGroupValue: string = \"file\";\n  @State() isFormValid: boolean = false;\n  @State() jsonContent: string = \"\";\n  @State() validatableControls = new Map<string, ControlValidation>();\n\n  /**\n   * Callback that must be invoked when the user want to cancel the operation\n   */\n  @Prop() readonly cancelCallback: () => Promise<void>;\n\n  /**\n   * Callback that must be invoked when the user confirms the creation of the SDT. It receives as parameters the data necessary to create the SDT.\n   */\n  @Prop() readonly confirmCallback!: (\n    data: JsonImportData\n  ) => Promise<FormSubmitResult>;\n\n  /**\n   * Default value for Module/Folder field\n   */\n  @Prop() readonly defaultParent: EntityData;\n\n  /**\n   * Default value for Module/Folder field\n   */\n  @Prop() readonly defaultRadioValue: string;\n\n  /**\n   * Actual value for Module/Folder field\n   */\n  @Prop() readonly parent: EntityData;\n\n  /**\n   * Callback invoked when the action is executed in the Module/Folder filter. It returns the information of the selected object (id and name) or 'undefined' if it was canceled.\n   */\n  @Prop() readonly selectModuleCallback: SelectModuleCallback;\n\n  /**\n   * Callback invoked when the input mode changes between file and text.\n   */\n  @Prop() readonly modeChangeCallback?: (\n    mode: \"file\" | \"text\"\n  ) => Promise<void>;\n\n  /**\n   * Callback invoked when a file is selected or removed.\n   */\n  @Prop() readonly fileChangeCallback?: (file: File | null) => Promise<void>;\n\n  /**\n   * Callback para validar el nombre del objeto. Debe retornar true si el nombre es válido, false en caso contrario.\n   */\n  @Prop() readonly validateNameCallback?: (name: string) => boolean;\n\n  /**\n   * Callback para validar el JSON. Debe retornar true si el JSON es válido, false en caso contrario.\n   */\n  @Prop() readonly validateJSONCallback?: (json: string) => boolean;\n\n  /**\n   * Callback invocado cuando el contenido del JSON cambia\n   */\n  @Prop() readonly onJsonContentChange?: (content: string) => void;\n\n  async componentWillLoad() {\n    this.#componentLocale = await Locale.getComponentStrings(this.el);\n    this.#radioOptionsModel = [\n      {\n        value: \"file\",\n        caption: this.#componentLocale.header.filePathLabel\n      },\n      { value: \"text\", caption: this.#componentLocale.main.jsonAreaLabel }\n    ];\n  }\n\n  componentDidLoad() {\n    this.#initializeValidatableControls();\n  }\n\n  /**\n   * Suspends or reactivates the shortcuts\n   */\n  @Method()\n  async suspendShortcuts(suspendShortcuts: boolean) {\n    this.#chShortcutsEl.suspend = suspendShortcuts;\n  }\n\n  #initializeValidatableControls = () => {\n    const validatableControls: HTMLElement[] = [\n      this.#nameEl,\n      this.#moduleEntitySelector\n    ];\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  #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  #validateForm = () => {\n    const name = this.#nameEl?.value?.trim() || \"\";\n    const json =\n      this.radioGroupValue === \"file\" ? this.fileName : this.jsonContent;\n\n    const isNameValid = this.validateNameCallback\n      ? this.validateNameCallback(name)\n      : Boolean(name);\n\n    const isJsonValid =\n      this.radioGroupValue === \"file\"\n        ? Boolean(this.fileName)\n        : this.validateJSONCallback\n        ? this.validateJSONCallback(json)\n        : false;\n\n    this.isFormValid = isNameValid && isJsonValid;\n  };\n\n  #nameChangedHandler = () => {\n    this.#validateForm();\n  };\n\n  #changeRadioHandler = () => {\n    this.radioGroupValue = this.#radioGroup.value;\n    if (this.radioGroupValue === \"file\") {\n      this.#checkBoxEl.value = \"false\";\n    } else {\n      this.#data.json = null;\n      this.#removeFileSelection();\n      this.#validateForm();\n    }\n    this.modeChangeCallback?.(this.radioGroupValue as \"file\" | \"text\");\n  };\n\n  #createHandler = () => {\n    this.#data.name = this.#nameEl.value;\n    this.#data.description = this.#descriptionEl.value;\n    this.#data.parentId = this.#moduleEntitySelector.value?.id;\n    this.#data.assumeVarcharForNull = this.#checkBoxEl.value === \"true\";\n    this.confirmCallback(this.#data).then(\n      (formSubmitResult: FormSubmitResult) => {\n        this.validatableControls = validateControls(\n          formSubmitResult,\n          this.validatableControls\n        );\n      }\n    );\n  };\n\n  #removeFileSelection = () => {\n    this.#data.json = null;\n    this.#fileInputHiddenEl.value = null;\n    this.fileName = null;\n    this.fileChangeCallback?.(null);\n    this.#validateForm();\n  };\n\n  #selectFileInputChangedHandler = (event: InputEvent) => {\n    const target = event.target as HTMLInputElement;\n    if (target.files?.length > 0 && this.radioGroupValue === \"file\") {\n      this.#data.json = target.files[0];\n      this.fileName = target.files[0].name;\n      this.fileChangeCallback?.(target.files[0]);\n      this.#validateForm();\n    }\n  };\n\n  #selectFileInputHandler = () => {\n    this.#fileInputHiddenEl.click();\n  };\n\n  #handleEditorChange = () => {\n    this.#validateForm();\n  };\n\n  #handleSlotChange = (e: Event) => {\n    const elements = (e.target as HTMLSlotElement).assignedElements();\n    if (elements.length > 0) {\n      const element = elements[0];\n      element.addEventListener(\"json-content-change\", ((event: CustomEvent) => {\n        if (this.radioGroupValue === \"text\") {\n          this.jsonContent = event.detail.content;\n          this.#handleEditorChange();\n        }\n      }) as EventListener);\n    }\n  };\n\n  render(): void {\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        <section class=\"section\">\n          <header class=\"header field-group spacing-body control-header-with-border\">\n            <div class=\"field-group field-group-name-description-module\">\n              <label\n                // name\n                class=\"label name-label\"\n                htmlFor=\"input-name\"\n              >\n                {this.#componentLocale.header.nameFieldLabel}\n              </label>\n              <ch-edit\n                class=\"input name-input\"\n                id=\"input-name\"\n                ref={(el: HTMLChEditElement) =>\n                  (this.#nameEl = el as HTMLChEditElement)\n                }\n                onInput={this.#nameChangedHandler}\n              ></ch-edit>\n              {this.#evaluateTooltipRender(this.#nameEl)}\n\n              <label\n                // description\n                class=\"label description-label\"\n                htmlFor=\"input-description\"\n              >\n                {this.#componentLocale.header.descriptionFieldLabel}\n              </label>\n              <ch-edit\n                class=\"input description-input\"\n                id=\"input-description\"\n                ref={(el: HTMLChEditElement) =>\n                  (this.#descriptionEl = el as HTMLChEditElement)\n                }\n              ></ch-edit>\n\n              <label\n                // module/folder\n                class=\"label module-label\"\n                htmlFor=\"input-module\"\n              >\n                {this.#componentLocale.header.moduleFolderLabel}\n              </label>\n              <gx-ide-entity-selector\n                class=\"module module-entity-selector\"\n                id=\"module\"\n                value={this.defaultParent}\n                ref={(el: HTMLGxIdeEntitySelectorElement) =>\n                  (this.#moduleEntitySelector =\n                    el as HTMLGxIdeEntitySelectorElement)\n                }\n                labelPosition=\"none\"\n                defaultValue={this.defaultParent}\n                selectEntityCallback={this.selectModuleCallback}\n              ></gx-ide-entity-selector>\n              {this.#evaluateTooltipRender(this.#moduleEntitySelector)}\n            </div>\n\n            <div class=\"radio-file-input-wrapper field-group\">\n              <ch-radio-group-render\n                // file url/text\n                class=\"radio-group\"\n                model={this.#radioOptionsModel}\n                onChange={this.#changeRadioHandler}\n                value={this.defaultRadioValue}\n                ref={(el: HTMLChRadioGroupRenderElement) =>\n                  (this.#radioGroup = el as HTMLChRadioGroupRenderElement)\n                }\n              ></ch-radio-group-render>\n              <div class=\"field field-inline field-file-input\">\n                <ch-edit\n                  autoFocus\n                  id=\"file-name\"\n                  class=\"input\"\n                  part=\"file-name\"\n                  type=\"text\"\n                  value={this.fileName}\n                  readonly\n                  placeholder={this.#componentLocale.header.fileNamePlaceholder}\n                  startImgSrc={FILE_ICON}\n                  disabled={this.radioGroupValue !== \"file\"}\n                ></ch-edit>\n                <input\n                  hidden\n                  type=\"file\"\n                  accept=\".json\"\n                  onChange={this.#selectFileInputChangedHandler}\n                  ref={(el: HTMLInputElement) =>\n                    (this.#fileInputHiddenEl = el as HTMLInputElement)\n                  }\n                />\n                <div class=\"buttons-spacer\">\n                  <button\n                    aria-label={\n                      this.#componentLocale.header.removeFileSelection\n                    }\n                    title={this.#componentLocale.header.removeFileSelection}\n                    id=\"reset-all-button\"\n                    class=\"button-tertiary button-icon-only\"\n                    part=\"reset-all-button\"\n                    onClick={this.#removeFileSelection}\n                    disabled={this.radioGroupValue !== \"file\"}\n                  >\n                    <ch-image class=\"icon-md\" src={MENU_DELETE}></ch-image>\n                  </button>\n\n                  <button\n                    id=\"select-file-load-button\"\n                    class=\"button-primary\"\n                    part=\"select-file-load-button\"\n                    onClick={this.#selectFileInputHandler}\n                    disabled={this.radioGroupValue !== \"file\"}\n                  >\n                    {this.#componentLocale.header.selectfileButton}\n                  </button>\n                </div>\n              </div>\n            </div>\n          </header>\n          <div class=\"main field-group\">\n            <div class=\"json-area\">\n              <div class=\"slotted-container scrollable\">\n                <slot\n                  name=\"JsonTextEditor\"\n                  onSlotchange={this.#handleSlotChange}\n                ></slot>\n              </div>\n            </div>\n            <ch-checkbox\n              class=\"checkbox spacing-body-block-end spacing-body-inline-start\"\n              caption={this.#componentLocale.main.checkBoxLabel}\n              checkedValue=\"true\"\n              ref={(el: HTMLChCheckboxElement) =>\n                (this.#checkBoxEl = el as HTMLChCheckboxElement)\n              }\n            ></ch-checkbox>\n          </div>\n\n          <footer class=\"control-footer control-footer-with-border spacing-body-block-end spacing-body-inline\">\n            <div class=\"buttons-spacer\">\n              <button\n                class=\"button-secondary\"\n                id=\"button-cancel\"\n                onClick={this.cancelCallback}\n                part=\"button-cancel\"\n              >\n                {this.#componentLocale.footer.btnCancel}\n              </button>\n              <button\n                class=\"button-primary\"\n                id=\"button-ok\"\n                onClick={this.#createHandler}\n                part=\"button-ok\"\n                disabled={!this.isFormValid}\n              >\n                {this.#componentLocale.footer.btnOk}\n              </button>\n            </div>\n          </footer>\n        </section>\n      </Host>\n    );\n  }\n}\n\nexport type JsonImportData = {\n  name: string;\n  description: string;\n  parentId: string;\n  json: File | string;\n  assumeVarcharForNull: boolean;\n};\n\nexport type EntityData = {\n  id: string;\n  name: string;\n  iconSrc?: string;\n};\n\nexport type SelectModuleCallback = () => Promise<EntityData | undefined>;\n"],"mappings":"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"}

package/dist/types/components/json-import/json-import.d.ts

@@ -1,12 +1,13 @@
 import { FormSubmitResult } from "../../common/types";
+import { ControlValidation } from "../../common/form-validation";
 export declare class GxIdeJsonImport {
     #private;
     el: HTMLGxIdeJsonImportElement;
     fileName: string;
     radioGroupValue: string;
-    showTooltipError: boolean;
     isFormValid: boolean;
     jsonContent: string;
+    validatableControls: Map<string, ControlValidation>;
     /**
      * Callback that must be invoked when the user want to cancel the operation
      */
@@ -52,6 +53,7 @@ export declare class GxIdeJsonImport {
      */
     readonly onJsonContentChange?: (content: string) => void;
     componentWillLoad(): Promise<void>;
+    componentDidLoad(): void;
     /**
      * Suspends or reactivates the shortcuts
      */

package/package.json

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

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

@@ -1 +0,0 @@
-{"version":3,"names":["jsonImportCss","CSS_BUNDLES","FILE_ICON","getIconPath","category","name","colorType","MENU_DELETE","GxIdeJsonImport","_GxIdeJsonImport_componentLocale","set","this","_GxIdeJsonImport_data","description","assumeVarcharForNull","parentId","json","_GxIdeJsonImport_radioOptionsModel","_GxIdeJsonImport_shortcutsSrc","getAssetPath","_GxIdeJsonImport_checkBoxEl","_GxIdeJsonImport_chShortcutsEl","_GxIdeJsonImport_descriptionEl","_GxIdeJsonImport_fileInputHiddenEl","_GxIdeJsonImport_moduleEntitySelector","_GxIdeJsonImport_nameEl","_GxIdeJsonImport_radioGroup","_GxIdeJsonImport_validateForm","_b","_a","__classPrivateFieldGet","value","trim","radioGroupValue","fileName","jsonContent","isNameValid","validateNameCallback","Boolean","isJsonValid","validateJSONCallback","isFormValid","_GxIdeJsonImport_nameChangedHandler","call","_GxIdeJsonImport_changeRadioHandler","_GxIdeJsonImport_removeFileSelection","modeChangeCallback","_GxIdeJsonImport_createHandler","id","confirmCallback","then","formSubmitResult","showTooltipError","success","fileChangeCallback","_GxIdeJsonImport_selectFileInputChangedHandler","event","target","files","length","_GxIdeJsonImport_selectFileInputHandler","click","_GxIdeJsonImport_handleEditorChange","_GxIdeJsonImport_handleSlotChange","e","elements","assignedElements","element","addEventListener","detail","content","componentWillLoad","__classPrivateFieldSet","Locale","getComponentStrings","el","caption","header","filePathLabel","main","jsonAreaLabel","suspendShortcuts","suspend","render","h","Host","class","model","src","ref","htmlFor","nameFieldLabel","onInput","descriptionFieldLabel","moduleFolderLabel","defaultParent","labelPosition","defaultValue","selectEntityCallback","selectModuleCallback","onChange","defaultRadioValue","autoFocus","part","type","readonly","placeholder","fileNamePlaceholder","startImgSrc","disabled","hidden","accept","removeFileSelection","title","onClick","selectfileButton","onSlotchange","blockAlign","config","tooltipSettings","inlineAlign","delay","checkBoxLabel","checkedValue","cancelCallback","footer","btnCancel","btnOk"],"sources":["src/components/json-import/json-import.scss?tag=gx-ide-json-import&encapsulation=shadow","src/components/json-import/json-import.tsx"],"sourcesContent":[":host {\n  display: grid;\n  grid-template-rows: max-content 1fr max-content;\n  block-size: 100%;\n  overflow: auto;\n}\n\n.section {\n  // just for semantics (allows header and footer element)\n  display: contents;\n}\n\n.header {\n}\n\n.main {\n  display: grid;\n  grid-template-rows: 1fr max-content;\n  overflow: auto;\n}\n.field-group-name-description-module {\n  grid-template-areas:\n    \"name-label name-input\"\n    \"description-label description-input\"\n    \"module-label module-entity-selector\";\n  grid-template-columns: max-content 1fr;\n}\n\n.name-label {\n  grid-area: name-label;\n}\n.name-input {\n  grid-area: name-input;\n}\n.description-label {\n  grid-area: description-label;\n}\n.description-input {\n  grid-area: description-input;\n}\n.module-label {\n  grid-area: module-label;\n}\n.module-entity-selector {\n  grid-area: module-entity-selector;\n}\n.radio-file-input-wrapper {\n  grid-template-columns: max-content 1fr;\n}\ndiv.field-file-input {\n  grid-template-columns: 1fr max-content;\n}\n\n.json-area {\n  display: grid;\n  grid-template-rows: 1fr max-content;\n  overflow: auto;\n}\n.slotted-container {\n  overflow: auto;\n  block-size: 100%;\n}\n\n.input-file {\n  display: grid;\n  grid-template-columns: 1fr max-content;\n}\n\n.radio-group {\n  gap: 30px !important;\n}\n.tooltip {\n  height: 0px;\n}\n","import {\n  Component,\n  Host,\n  Prop,\n  Element,\n  State,\n  getAssetPath,\n  Method,\n  h\n} from \"@stencil/core\";\n\nimport { MercuryBundles, getIconPath } from \"@genexus/mercury\";\nimport { config } from \"../../common/config\";\n\nimport { Locale } from \"../../common/locale\";\nimport { FormSubmitResult } from \"../../common/types\";\nimport { RadioGroupItemModel } from \"@genexus/chameleon-controls-library/dist/types/components/radio-group/types\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"components/tab\",\n  \"components/tooltip\",\n  \"utils/form--full\",\n  \"utils/layout\",\n  \"utils/typography\",\n  \"utils/spacing\",\n  \"chameleon/scrollbar\"\n];\n\nconst FILE_ICON = getIconPath({\n  category: \"gemini-tools\",\n  name: \"file\",\n  colorType: \"primary\"\n});\n\nconst MENU_DELETE = getIconPath({\n  category: \"menus\",\n  name: \"delete\",\n  colorType: \"primary\"\n});\n\n@Component({\n  tag: \"gx-ide-json-import\",\n  styleUrl: \"json-import.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/json-import\"]\n})\nexport class GxIdeJsonImport {\n  #componentLocale: any;\n  #data: JsonImportData = {\n    name: \"\",\n    description: \"\",\n    assumeVarcharForNull: false,\n    parentId: \"\",\n    json: \"\"\n  };\n  #radioOptionsModel: RadioGroupItemModel[] = [];\n  #shortcutsSrc = getAssetPath(`./gx-ide-assets/json-import/shortcuts.json`);\n\n  @Element() el: HTMLGxIdeJsonImportElement;\n  #checkBoxEl!: HTMLChCheckboxElement;\n  #chShortcutsEl: HTMLChShortcutsElement;\n  #descriptionEl!: HTMLChEditElement;\n  #fileInputHiddenEl!: HTMLInputElement;\n  #moduleEntitySelector!: HTMLGxIdeEntitySelectorElement;\n  #nameEl!: HTMLChEditElement;\n  #radioGroup!: HTMLChRadioGroupRenderElement;\n\n  @State() fileName: string;\n  @State() radioGroupValue: string = \"file\";\n  @State() showTooltipError: boolean = false;\n  @State() isFormValid: boolean = false;\n  @State() jsonContent: string = \"\";\n\n  /**\n   * Callback that must be invoked when the user want to cancel the operation\n   */\n  @Prop() readonly cancelCallback: () => Promise<void>;\n\n  /**\n   * Callback that must be invoked when the user confirms the creation of the SDT. It receives as parameters the data necessary to create the SDT.\n   */\n  @Prop() readonly confirmCallback!: (\n    data: JsonImportData\n  ) => Promise<FormSubmitResult>;\n\n  /**\n   * Default value for Module/Folder field\n   */\n  @Prop() readonly defaultParent: EntityData;\n\n  /**\n   * Default value for Module/Folder field\n   */\n  @Prop() readonly defaultRadioValue: string;\n\n  /**\n   * Actual value for Module/Folder field\n   */\n  @Prop() readonly parent: EntityData;\n\n  /**\n   * Callback invoked when the action is executed in the Module/Folder filter. It returns the information of the selected object (id and name) or 'undefined' if it was canceled.\n   */\n  @Prop() readonly selectModuleCallback: SelectModuleCallback;\n\n  /**\n   * Callback invoked when the input mode changes between file and text.\n   */\n  @Prop() readonly modeChangeCallback?: (\n    mode: \"file\" | \"text\"\n  ) => Promise<void>;\n\n  /**\n   * Callback invoked when a file is selected or removed.\n   */\n  @Prop() readonly fileChangeCallback?: (file: File | null) => Promise<void>;\n\n  /**\n   * Callback para validar el nombre del objeto. Debe retornar true si el nombre es válido, false en caso contrario.\n   */\n  @Prop() readonly validateNameCallback?: (name: string) => boolean;\n\n  /**\n   * Callback para validar el JSON. Debe retornar true si el JSON es válido, false en caso contrario.\n   */\n  @Prop() readonly validateJSONCallback?: (json: string) => boolean;\n\n  /**\n   * Callback invocado cuando el contenido del JSON cambia\n   */\n  @Prop() readonly onJsonContentChange?: (content: string) => void;\n\n  async componentWillLoad() {\n    this.#componentLocale = await Locale.getComponentStrings(this.el);\n    this.#radioOptionsModel = [\n      {\n        value: \"file\",\n        caption: this.#componentLocale.header.filePathLabel\n      },\n      { value: \"text\", caption: this.#componentLocale.main.jsonAreaLabel }\n    ];\n  }\n\n  /**\n   * Suspends or reactivates the shortcuts\n   */\n  @Method()\n  async suspendShortcuts(suspendShortcuts: boolean) {\n    this.#chShortcutsEl.suspend = suspendShortcuts;\n  }\n\n  #validateForm = () => {\n    const name = this.#nameEl?.value?.trim() || \"\";\n    const json =\n      this.radioGroupValue === \"file\" ? this.fileName : this.jsonContent;\n\n    const isNameValid = this.validateNameCallback\n      ? this.validateNameCallback(name)\n      : Boolean(name);\n\n    const isJsonValid =\n      this.radioGroupValue === \"file\"\n        ? Boolean(this.fileName)\n        : this.validateJSONCallback\n        ? this.validateJSONCallback(json)\n        : false;\n\n    this.isFormValid = isNameValid && isJsonValid;\n  };\n\n  #nameChangedHandler = () => {\n    this.#validateForm();\n  };\n\n  #changeRadioHandler = () => {\n    this.radioGroupValue = this.#radioGroup.value;\n    if (this.radioGroupValue === \"file\") {\n      this.#checkBoxEl.value = \"false\";\n    } else {\n      this.#data.json = null;\n      this.#removeFileSelection();\n      this.#validateForm();\n    }\n    this.modeChangeCallback?.(this.radioGroupValue as \"file\" | \"text\");\n  };\n\n  #createHandler = () => {\n    this.#data.name = this.#nameEl.value;\n    this.#data.description = this.#descriptionEl.value;\n    this.#data.parentId = this.#moduleEntitySelector.value?.id;\n    this.#data.assumeVarcharForNull = this.#checkBoxEl.value === \"true\";\n    this.confirmCallback(this.#data).then(\n      (formSubmitResult: FormSubmitResult) => {\n        this.showTooltipError = !formSubmitResult.success;\n      }\n    );\n  };\n\n  #removeFileSelection = () => {\n    this.#data.json = null;\n    this.#fileInputHiddenEl.value = null;\n    this.fileName = null;\n    this.fileChangeCallback?.(null);\n    this.#validateForm();\n  };\n\n  #selectFileInputChangedHandler = (event: InputEvent) => {\n    const target = event.target as HTMLInputElement;\n    if (target.files?.length > 0 && this.radioGroupValue === \"file\") {\n      this.#data.json = target.files[0];\n      this.fileName = target.files[0].name;\n      this.fileChangeCallback?.(target.files[0]);\n      this.#validateForm();\n    }\n  };\n\n  #selectFileInputHandler = () => {\n    this.#fileInputHiddenEl.click();\n  };\n\n  #handleEditorChange = () => {\n    this.#validateForm();\n  };\n\n  #handleSlotChange = (e: Event) => {\n    const elements = (e.target as HTMLSlotElement).assignedElements();\n    if (elements.length > 0) {\n      const element = elements[0];\n      element.addEventListener(\"json-content-change\", ((event: CustomEvent) => {\n        if (this.radioGroupValue === \"text\") {\n          this.jsonContent = event.detail.content;\n          this.#handleEditorChange();\n        }\n      }) as EventListener);\n    }\n  };\n\n  render(): void {\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        <section class=\"section\">\n          <header class=\"header field-group spacing-body control-header-with-border\">\n            <div class=\"field-group field-group-name-description-module\">\n              <label\n                // name\n                class=\"label name-label\"\n                htmlFor=\"input-name\"\n              >\n                {this.#componentLocale.header.nameFieldLabel}\n              </label>\n              <ch-edit\n                class=\"input name-input\"\n                id=\"input-name\"\n                ref={(el: HTMLChEditElement) =>\n                  (this.#nameEl = el as HTMLChEditElement)\n                }\n                onInput={this.#nameChangedHandler}\n              ></ch-edit>\n\n              <label\n                // description\n                class=\"label description-label\"\n                htmlFor=\"input-description\"\n              >\n                {this.#componentLocale.header.descriptionFieldLabel}\n              </label>\n              <ch-edit\n                class=\"input description-input\"\n                id=\"input-description\"\n                ref={(el: HTMLChEditElement) =>\n                  (this.#descriptionEl = el as HTMLChEditElement)\n                }\n              ></ch-edit>\n\n              <label\n                // module/folder\n                class=\"label module-label\"\n                htmlFor=\"input-module\"\n              >\n                {this.#componentLocale.header.moduleFolderLabel}\n              </label>\n              <gx-ide-entity-selector\n                class=\"module module-entity-selector\"\n                id=\"module\"\n                value={this.defaultParent}\n                ref={(el: HTMLGxIdeEntitySelectorElement) =>\n                  (this.#moduleEntitySelector =\n                    el as HTMLGxIdeEntitySelectorElement)\n                }\n                labelPosition=\"none\"\n                defaultValue={this.defaultParent}\n                selectEntityCallback={this.selectModuleCallback}\n              ></gx-ide-entity-selector>\n            </div>\n\n            <div class=\"radio-file-input-wrapper field-group\">\n              <ch-radio-group-render\n                // file url/text\n                class=\"radio-group\"\n                model={this.#radioOptionsModel}\n                onChange={this.#changeRadioHandler}\n                value={this.defaultRadioValue}\n                ref={(el: HTMLChRadioGroupRenderElement) =>\n                  (this.#radioGroup = el as HTMLChRadioGroupRenderElement)\n                }\n              ></ch-radio-group-render>\n              <div class=\"field field-inline field-file-input\">\n                <ch-edit\n                  autoFocus\n                  id=\"file-name\"\n                  class=\"input\"\n                  part=\"file-name\"\n                  type=\"text\"\n                  value={this.fileName}\n                  readonly\n                  placeholder={this.#componentLocale.header.fileNamePlaceholder}\n                  startImgSrc={FILE_ICON}\n                  disabled={this.radioGroupValue !== \"file\"}\n                ></ch-edit>\n                <input\n                  hidden\n                  type=\"file\"\n                  accept=\".json\"\n                  onChange={this.#selectFileInputChangedHandler}\n                  ref={(el: HTMLInputElement) =>\n                    (this.#fileInputHiddenEl = el as HTMLInputElement)\n                  }\n                />\n                <div class=\"buttons-spacer\">\n                  <button\n                    aria-label={\n                      this.#componentLocale.header.removeFileSelection\n                    }\n                    title={this.#componentLocale.header.removeFileSelection}\n                    id=\"reset-all-button\"\n                    class=\"button-tertiary button-icon-only\"\n                    part=\"reset-all-button\"\n                    onClick={this.#removeFileSelection}\n                    disabled={this.radioGroupValue !== \"file\"}\n                  >\n                    <ch-image class=\"icon-md\" src={MENU_DELETE}></ch-image>\n                  </button>\n\n                  <button\n                    id=\"select-file-load-button\"\n                    class=\"button-primary\"\n                    part=\"select-file-load-button\"\n                    onClick={this.#selectFileInputHandler}\n                    disabled={this.radioGroupValue !== \"file\"}\n                  >\n                    {this.#componentLocale.header.selectfileButton}\n                  </button>\n                </div>\n              </div>\n            </div>\n          </header>\n          <div class=\"main field-group\">\n            <div class=\"json-area\">\n              <div class=\"slotted-container scrollable\">\n                <slot\n                  name=\"JsonTextEditor\"\n                  onSlotchange={this.#handleSlotChange}\n                ></slot>\n              </div>\n              {this.showTooltipError && (\n                <ch-tooltip\n                  class=\"tooltip\"\n                  blockAlign={config.tooltipSettings.blockAlign}\n                  inlineAlign={config.tooltipSettings.inlineAlign}\n                  delay={config.tooltipSettings.delay}\n                >\n                  Error message\n                </ch-tooltip>\n              )}\n            </div>\n            <ch-checkbox\n              class=\"checkbox spacing-body-block-end spacing-body-inline-start\"\n              caption={this.#componentLocale.main.checkBoxLabel}\n              checkedValue=\"true\"\n              ref={(el: HTMLChCheckboxElement) =>\n                (this.#checkBoxEl = el as HTMLChCheckboxElement)\n              }\n            ></ch-checkbox>\n          </div>\n\n          <footer class=\"control-footer control-footer-with-border spacing-body-block-end spacing-body-inline\">\n            <div class=\"buttons-spacer\">\n              <button\n                class=\"button-secondary\"\n                id=\"button-cancel\"\n                onClick={this.cancelCallback}\n                part=\"button-cancel\"\n              >\n                {this.#componentLocale.footer.btnCancel}\n              </button>\n              <button\n                class=\"button-primary\"\n                id=\"button-ok\"\n                onClick={this.#createHandler}\n                part=\"button-ok\"\n                disabled={!this.isFormValid}\n              >\n                {this.#componentLocale.footer.btnOk}\n              </button>\n            </div>\n          </footer>\n        </section>\n      </Host>\n    );\n  }\n}\n\nexport type JsonImportData = {\n  name: string;\n  description: string;\n  parentId: string;\n  json: File | string;\n  assumeVarcharForNull: boolean;\n};\n\nexport type EntityData = {\n  id: string;\n  name: string;\n  iconSrc?: string;\n};\n\nexport type SelectModuleCallback = () => Promise<EntityData | undefined>;\n"],"mappings":"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"}