@genexus/genexus-ide-ui 1.1.16 → 1.1.18

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

@@ -0,0 +1,303 @@
+import { r as t, g as i, h as e, H as s, a } from "./p-25a9f1d7.js";
+
+import { g as n } from "./p-2987a259.js";
+
+import { c as o } 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}';
+
+var d = 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) {
+  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;
+};
+
+var c, f, p, u, m, b, g, v, w, y, k, x, W, M, j, C, E, T, F, P;
+
+const z = [ "resets/box-sizing", "components/tab", "components/tooltip", "utils/form--full", "utils/layout", "utils/typography", "utils/spacing", "chameleon/scrollbar" ];
+
+const I = n({
+  category: "gemini-tools",
+  name: "file",
+  colorType: "primary"
+});
+
+const S = n({
+  category: "menus",
+  name: "delete",
+  colorType: "primary"
+});
+
+const V = class {
+  constructor(e) {
+    t(this, e);
+    c.set(this, void 0);
+    f.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);
+    b.set(this, void 0);
+    g.set(this, void 0);
+    v.set(this, void 0);
+    w.set(this, void 0);
+    y.set(this, void 0);
+    k.set(this, void 0);
+    x.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 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;
+    }));
+    W.set(this, (() => {
+      d(this, x, "f").call(this);
+    }));
+    M.set(this, (() => {
+      var t;
+      this.radioGroupValue = d(this, k, "f").value;
+      if (this.radioGroupValue === "file") {
+        d(this, m, "f").value = "false";
+      } else {
+        d(this, f, "f").json = null;
+        d(this, C, "f").call(this);
+        d(this, x, "f").call(this);
+      }
+      (t = this.modeChangeCallback) === null || t === void 0 ? void 0 : t.call(this, this.radioGroupValue);
+    }));
+    j.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;
+      }));
+    }));
+    C.set(this, (() => {
+      var t;
+      d(this, f, "f").json = null;
+      d(this, v, "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);
+    }));
+    E.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];
+        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);
+      }
+    }));
+    T.set(this, (() => {
+      d(this, v, "f").click();
+    }));
+    F.set(this, (() => {
+      d(this, x, "f").call(this);
+    }));
+    P.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);
+          }
+        }));
+      }
+    }));
+    this.fileName = undefined;
+    this.radioGroupValue = "file";
+    this.showTooltipError = false;
+    this.isFormValid = false;
+    this.jsonContent = "";
+    this.cancelCallback = undefined;
+    this.confirmCallback = undefined;
+    this.defaultParent = undefined;
+    this.defaultRadioValue = undefined;
+    this.parent = undefined;
+    this.selectModuleCallback = undefined;
+    this.modeChangeCallback = undefined;
+    this.fileChangeCallback = undefined;
+    this.validateNameCallback = undefined;
+    this.validateJSONCallback = undefined;
+    this.onJsonContentChange = undefined;
+  }
+  async componentWillLoad() {
+    h(this, c, await l.getComponentStrings(this.el), "f");
+    h(this, p, [ {
+      value: "file",
+      caption: d(this, c, "f").header.filePathLabel
+    }, {
+      value: "text",
+      caption: d(this, c, "f").main.jsonAreaLabel
+    } ], "f");
+  }
+  /**
+     * Suspends or reactivates the shortcuts
+     */  async suspendShortcuts(t) {
+    d(this, b, "f").suspend = t;
+  }
+  render() {
+    return e(s, {
+      class: "widget"
+    }, e("ch-theme", {
+      model: z
+    }), e("ch-shortcuts", {
+      src: d(this, u, "f"),
+      ref: t => h(this, b, t, "f")
+    }), e("section", {
+      class: "section"
+    }, e("header", {
+      class: "header field-group spacing-body control-header-with-border"
+    }, e("div", {
+      class: "field-group field-group-name-description-module"
+    }, e("label", {
+      // name
+      class: "label name-label",
+      htmlFor: "input-name"
+    }, d(this, c, "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", {
+      // description
+      class: "label description-label",
+      htmlFor: "input-description"
+    }, d(this, c, "f").header.descriptionFieldLabel), e("ch-edit", {
+      class: "input description-input",
+      id: "input-description",
+      ref: t => h(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", {
+      class: "module module-entity-selector",
+      id: "module",
+      value: this.defaultParent,
+      ref: t => h(this, w, t, "f"),
+      labelPosition: "none",
+      defaultValue: this.defaultParent,
+      selectEntityCallback: this.selectModuleCallback
+    })), 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"),
+      value: this.defaultRadioValue,
+      ref: t => h(this, k, t, "f")
+    }), e("div", {
+      class: "field field-inline field-file-input"
+    }, e("ch-edit", {
+      autoFocus: true,
+      id: "file-name",
+      class: "input",
+      part: "file-name",
+      type: "text",
+      value: this.fileName,
+      readonly: true,
+      placeholder: d(this, c, "f").header.fileNamePlaceholder,
+      startImgSrc: I,
+      disabled: this.radioGroupValue !== "file"
+    }), e("input", {
+      hidden: true,
+      type: "file",
+      accept: ".json",
+      onChange: d(this, E, "f"),
+      ref: t => h(this, v, t, "f")
+    }), e("div", {
+      class: "buttons-spacer"
+    }, e("button", {
+      "aria-label": d(this, c, "f").header.removeFileSelection,
+      title: d(this, c, "f").header.removeFileSelection,
+      id: "reset-all-button",
+      class: "button-tertiary button-icon-only",
+      part: "reset-all-button",
+      onClick: d(this, C, "f"),
+      disabled: this.radioGroupValue !== "file"
+    }, e("ch-image", {
+      class: "icon-md",
+      src: S
+    })), e("button", {
+      id: "select-file-load-button",
+      class: "button-primary",
+      part: "select-file-load-button",
+      onClick: d(this, T, "f"),
+      disabled: this.radioGroupValue !== "file"
+    }, d(this, c, "f").header.selectfileButton))))), e("div", {
+      class: "main field-group"
+    }, e("div", {
+      class: "json-area"
+    }, e("div", {
+      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", {
+      class: "checkbox spacing-body-block-end spacing-body-inline-start",
+      caption: d(this, c, "f").main.checkBoxLabel,
+      checkedValue: "true",
+      ref: t => h(this, m, t, "f")
+    })), e("footer", {
+      class: "control-footer control-footer-with-border spacing-body-block-end spacing-body-inline"
+    }, e("div", {
+      class: "buttons-spacer"
+    }, e("button", {
+      class: "button-secondary",
+      id: "button-cancel",
+      onClick: this.cancelCallback,
+      part: "button-cancel"
+    }, d(this, c, "f").footer.btnCancel), e("button", {
+      class: "button-primary",
+      id: "button-ok",
+      onClick: d(this, j, "f"),
+      part: "button-ok",
+      disabled: !this.isFormValid
+    }, d(this, c, "f").footer.btnOk)))));
+  }
+  static get assetsDirs() {
+    return [ "gx-ide-assets/json-import" ];
+  }
+  get el() {
+    return a(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;
+
+V.style = r;
+
+export { V as gx_ide_json_import };
+//# sourceMappingURL=p-2bfae98b.entry.js.map

package/dist/genexus-ide-ui/p-2bfae98b.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_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":";;;;;;;;AAAA,MAAMA,IAAgB;;;;;;;;;;;;;;;;;ACkBtB,MAAMC,IAA8B,EAClC,qBACA,kBACA,sBACA,oBACA,gBACA,oBACA,iBACA;;AAGF,MAAMC,IAAYC,EAAY;EAC5BC,UAAU;EACVC,MAAM;EACNC,WAAW;;;AAGb,MAAMC,IAAcJ,EAAY;EAC9BC,UAAU;EACVC,MAAM;EACNC,WAAW;;;MASAE,IAAe;;;IAC1BC,EAAAC,IAAAC,WAAA;IACAC,EAAAF,IAAAC,MAAwB;MACtBN,MAAM;MACNQ,aAAa;MACbC,sBAAsB;MACtBC,UAAU;MACVC,MAAM;;IAERC,EAAAP,IAAAC,MAA4C;IAC5CO,EAAAR,IAAAC,MAAgBQ,EAAa;IAG7BC,EAAAV,IAAAC,WAAA;IACAU,EAAAX,IAAAC,WAAA;IACAW,EAAAZ,IAAAC,WAAA;IACAY,EAAAb,IAAAC,WAAA;IACAa,EAAAd,IAAAC,WAAA;IACAc,EAAAf,IAAAC,WAAA;IACAe,EAAAhB,IAAAC,WAAA;IAsFAgB,EAAAjB,IAAAC,OAAgB;;MACd,MAAMN,MAAOuB,KAAAC,IAAAC,EAAAnB,MAAIc,GAAA,UAAQ,QAAAI,WAAA,aAAAA,EAAEE,WAAK,QAAAH,WAAA,aAAAA,EAAEI,WAAU;MAC5C,MAAMhB,IACJL,KAAKsB,oBAAoB,SAAStB,KAAKuB,WAAWvB,KAAKwB;MAEzD,MAAMC,IAAczB,KAAK0B,uBACrB1B,KAAK0B,qBAAqBhC,KAC1BiC,QAAQjC;MAEZ,MAAMkC,IACJ5B,KAAKsB,oBAAoB,SACrBK,QAAQ3B,KAAKuB,YACbvB,KAAK6B,uBACL7B,KAAK6B,qBAAqBxB,KAC1B;MAENL,KAAK8B,cAAcL,KAAeG;AAAW;IAG/CG,EAAAhC,IAAAC,OAAsB;MACpBmB,EAAAnB,MAAIgB,GAAA,KAAcgB,KAAlBhC;AAAoB;IAGtBiC,EAAAlC,IAAAC,OAAsB;;MACpBA,KAAKsB,kBAAkBH,EAAAnB,MAAIe,GAAA,KAAaK;MACxC,IAAIpB,KAAKsB,oBAAoB,QAAQ;QACnCH,EAAAnB,MAAIS,GAAA,KAAaW,QAAQ;aACpB;QACLD,EAAAnB,MAAIC,GAAA,KAAOI,OAAO;QAClBc,EAAAnB,MAAIkC,GAAA,KAAqBF,KAAzBhC;QACAmB,EAAAnB,MAAIgB,GAAA,KAAcgB,KAAlBhC;;OAEFkB,IAAAlB,KAAKmC,wBAAkB,QAAAjB,WAAA,aAAAA,EAAAc,KAAAhC,MAAGA,KAAKsB;AAAmC;IAGpEc,EAAArC,IAAAC,OAAiB;;MACfmB,EAAAnB,MAAIC,GAAA,KAAOP,OAAOyB,EAAAnB,MAAIc,GAAA,KAASM;MAC/BD,EAAAnB,MAAIC,GAAA,KAAOC,cAAciB,EAAAnB,MAAIW,GAAA,KAAgBS;MAC7CD,EAAAnB,MAAIC,GAAA,KAAOG,YAAWc,IAAAC,EAAAnB,MAAIa,GAAA,KAAuBO,WAAK,QAAAF,WAAA,aAAAA,EAAEmB;MACxDlB,EAAAnB,MAAIC,GAAA,KAAOE,uBAAuBgB,EAAAnB,MAAIS,GAAA,KAAaW,UAAU;MAC7DpB,KAAKsC,gBAAgBnB,EAAAnB,MAAIC,GAAA,MAAQsC,MAC9BC;QACCxC,KAAKyC,oBAAoBD,EAAiBE;AAAO;AAEpD;IAGHR,EAAAnC,IAAAC,OAAuB;;MACrBmB,EAAAnB,MAAIC,GAAA,KAAOI,OAAO;MAClBc,EAAAnB,MAAIY,GAAA,KAAoBQ,QAAQ;MAChCpB,KAAKuB,WAAW;OAChBL,IAAAlB,KAAK2C,wBAAkB,QAAAzB,WAAA,aAAAA,EAAAc,KAAAhC,MAAG;MAC1BmB,EAAAnB,MAAIgB,GAAA,KAAcgB,KAAlBhC;AAAoB;IAGtB4C,EAAA7C,IAAAC,OAAkC6C;;MAChC,MAAMC,IAASD,EAAMC;MACrB,MAAI5B,IAAA4B,EAAOC,WAAK,QAAA7B,WAAA,aAAAA,EAAE8B,UAAS,KAAKhD,KAAKsB,oBAAoB,QAAQ;QAC/DH,EAAAnB,MAAIC,GAAA,KAAOI,OAAOyC,EAAOC,MAAM;QAC/B/C,KAAKuB,WAAWuB,EAAOC,MAAM,GAAGrD;SAChCuB,IAAAjB,KAAK2C,wBAAkB,QAAA1B,WAAA,aAAAA,EAAAe,KAAAhC,MAAG8C,EAAOC,MAAM;QACvC5B,EAAAnB,MAAIgB,GAAA,KAAcgB,KAAlBhC;;;IAIJiD,EAAAlD,IAAAC,OAA0B;MACxBmB,EAAAnB,MAAIY,GAAA,KAAoBsC;AAAO;IAGjCC,EAAApD,IAAAC,OAAsB;MACpBmB,EAAAnB,MAAIgB,GAAA,KAAcgB,KAAlBhC;AAAoB;IAGtBoD,EAAArD,IAAAC,OAAqBqD;MACnB,MAAMC,IAAYD,EAAEP,OAA2BS;MAC/C,IAAID,EAASN,SAAS,GAAG;QACvB,MAAMQ,IAAUF,EAAS;QACzBE,EAAQC,iBAAiB,wBAAyBZ;UAChD,IAAI7C,KAAKsB,oBAAoB,QAAQ;YACnCtB,KAAKwB,cAAcqB,EAAMa,OAAOC;YAChCxC,EAAAnB,MAAImD,GAAA,KAAoBnB,KAAxBhC;;AAEH;;;;2BArK8B;4BACE;uBACL;uBACD;;;;;;;;;;;;;EA6D/B,uBAAM4D;IACJC,EAAA7D,MAAIF,SAA0BgE,EAAOC,oBAAoB/D,KAAKgE,KAAG;IACjEH,EAAA7D,MAAIM,GAAsB,EACxB;MACEc,OAAO;MACP6C,SAAS9C,EAAAnB,MAAIF,GAAA,KAAkBoE,OAAOC;OAExC;MAAE/C,OAAO;MAAQ6C,SAAS9C,EAAAnB,MAAIF,GAAA,KAAkBsE,KAAKC;SACtD;;;;SAOH,sBAAMC,CAAiBA;IACrBnD,EAAAnB,MAAIU,GAAA,KAAgB6D,UAAUD;;EAyFhC,MAAAE;IACE,OACEC,EAACC,GAAI;MAACC,OAAM;OACVF,EAAA;MAAUG,OAAOtF;QACjBmF,EAAA;MACEI,KAAK1D,EAAAnB,MAAIO,GAAA;MACTuE,KAAMd,KACHH,EAAA7D,MAAIU,GAAkBsD,GAA4B;QAGvDS,EAAA;MAASE,OAAM;OACbF,EAAA;MAAQE,OAAM;OACZF,EAAA;MAAKE,OAAM;OACTF,EAAA;;MAEEE,OAAM;MACNI,SAAQ;OAEP5D,EAAAnB,MAAIF,GAAA,KAAkBoE,OAAOc,iBAEhCP,EAAA;MACEE,OAAM;MACNtC,IAAG;MACHyC,KAAMd,KACHH,EAAA7D,MAAIc,GAAWkD,GAAuB;MAEzCiB,SAAS9D,EAAAnB,MAAI+B,GAAA;QAGf0C,EAAA;;MAEEE,OAAM;MACNI,SAAQ;OAEP5D,EAAAnB,MAAIF,GAAA,KAAkBoE,OAAOgB,wBAEhCT,EAAA;MACEE,OAAM;MACNtC,IAAG;MACHyC,KAAMd,KACHH,EAAA7D,MAAIW,GAAkBqD,GAAuB;QAIlDS,EAAA;;MAEEE,OAAM;MACNI,SAAQ;OAEP5D,EAAAnB,MAAIF,GAAA,KAAkBoE,OAAOiB,oBAEhCV,EAAA;MACEE,OAAM;MACNtC,IAAG;MACHjB,OAAOpB,KAAKoF;MACZN,KAAMd,KACHH,EAAA7D,MAAIa,GACHmD,GAAoC;MAExCqB,eAAc;MACdC,cAActF,KAAKoF;MACnBG,sBAAsBvF,KAAKwF;SAI/Bf,EAAA;MAAKE,OAAM;OACTF,EAAA;;MAEEE,OAAM;MACNC,OAAOzD,EAAAnB,MAAIM,GAAA;MACXmF,UAAUtE,EAAAnB,MAAIiC,GAAA;MACdb,OAAOpB,KAAK0F;MACZZ,KAAMd,KACHH,EAAA7D,MAAIe,GAAeiD,GAAmC;QAG3DS,EAAA;MAAKE,OAAM;OACTF,EAAA;MACEkB,WAAS;MACTtD,IAAG;MACHsC,OAAM;MACNiB,MAAK;MACLC,MAAK;MACLzE,OAAOpB,KAAKuB;MACZuE,UAAQ;MACRC,aAAa5E,EAAAnB,MAAIF,GAAA,KAAkBoE,OAAO8B;MAC1CC,aAAa1G;MACb2G,UAAUlG,KAAKsB,oBAAoB;QAErCmD,EAAA;MACE0B,QAAM;MACNN,MAAK;MACLO,QAAO;MACPX,UAAUtE,EAAAnB,MAAI4C,GAAA;MACdkC,KAAMd,KACHH,EAAA7D,MAAIY,GAAsBoD,GAAsB;QAGrDS,EAAA;MAAKE,OAAM;OACTF,EAAA;MAAA,cAEItD,EAAAnB,MAAIF,GAAA,KAAkBoE,OAAOmC;MAE/BC,OAAOnF,EAAAnB,MAAIF,GAAA,KAAkBoE,OAAOmC;MACpChE,IAAG;MACHsC,OAAM;MACNiB,MAAK;MACLW,SAASpF,EAAAnB,MAAIkC,GAAA;MACbgE,UAAUlG,KAAKsB,oBAAoB;OAEnCmD,EAAA;MAAUE,OAAM;MAAUE,KAAKjF;SAGjC6E,EAAA;MACEpC,IAAG;MACHsC,OAAM;MACNiB,MAAK;MACLW,SAASpF,EAAAnB,MAAIiD,GAAA;MACbiD,UAAUlG,KAAKsB,oBAAoB;OAElCH,EAAAnB,MAAIF,GAAA,KAAkBoE,OAAOsC,uBAMxC/B,EAAA;MAAKE,OAAM;OACTF,EAAA;MAAKE,OAAM;OACTF,EAAA;MAAKE,OAAM;OACTF,EAAA;MACE/E,MAAK;MACL+G,cAActF,EAAAnB,MAAIoD,GAAA;SAGrBpD,KAAKyC,oBACJgC,EAAA;MACEE,OAAM;MACN+B,YAAYC,EAAOC,gBAAgBF;MACnCG,aAAaF,EAAOC,gBAAgBC;MACpCC,OAAOH,EAAOC,gBAAgBE;OAAK,mBAMzCrC,EAAA;MACEE,OAAM;MACNV,SAAS9C,EAAAnB,MAAIF,GAAA,KAAkBsE,KAAK2C;MACpCC,cAAa;MACblC,KAAMd,KACHH,EAAA7D,MAAIS,GAAeuD,GAA2B;SAKrDS,EAAA;MAAQE,OAAM;OACZF,EAAA;MAAKE,OAAM;OACTF,EAAA;MACEE,OAAM;MACNtC,IAAG;MACHkE,SAASvG,KAAKiH;MACdrB,MAAK;OAEJzE,EAAAnB,MAAIF,GAAA,KAAkBoH,OAAOC,YAEhC1C,EAAA;MACEE,OAAM;MACNtC,IAAG;MACHkE,SAASpF,EAAAnB,MAAIoC,GAAA;MACbwD,MAAK;MACLM,WAAWlG,KAAK8B;OAEfX,EAAAnB,MAAIF,GAAA,KAAkBoH,OAAOE"}

package/dist/genexus-ide-ui/{p-16138f55.entry.js → p-3fbc5a02.entry.js}

@@ -4,7 +4,7 @@ import { g as a } from "./p-2987a259.js";
 
 import { L as s } from "./p-311eedf3.js";
 
-const l = ':host{--pill-border-radius:12px;--pill-padding-inline:8px;--pill-padding-block:2px;--pill-font-size:var(--font-size-body-s);display:grid;block-size:100%;overflow:auto;grid-template-rows:max-content max-content 1fr}.detail__current-version,.detail__knowledge-base{max-inline-size:250px;min-inline-size:180px}.detail__current-version,.detail__knowledge-base{padding-inline:24px;border-inline-end:1px solid var(--mer-border-color__on-elevation--01)}.information__col-1,.detail__genexus-server{padding-inline-end:24px;border-inline-end:1px solid var(--mer-border-color__on-elevation--01)}.information__col-2,.detail__merge-from-version{padding-inline-start:24px}.section{display:contents}.header{display:grid;gap:24px}.header__detail{display:grid;grid-template-areas:"detail-title detail-title detail-title detail-title" "detail-commit-name detail-commit-name detail-commit-name detail-commit-name" "detail-genexus-server detail-knowledge-base detail-current-version detail-merge-from-version";row-gap:16px;grid-template-columns:minmax(250px, 350px) repeat(3, minmax(180px, 250px))}.detail__label{color:var(--mer-color__neutral-gray--400)}.detail__title{grid-area:detail-title}.detail__commit-name{grid-area:detail-commit-name}.detail__genexus-server{grid-area:detail-genexus-server}.detail__genexus-server>a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block}.detail__link{align-items:start;color:var(--mer-text__primary);text-decoration:underline}.detail__link:hover{color:var(--mer-text__primary--hover)}.detail__link:active{color:var(--mer-text__primary--active)}.detail__knowledge-base{grid-area:detail-knowledge-base}.detail__current-version{grid-area:detail-current-version}.detail__merge-from-version{grid-area:detail-merge-from-version}.header__information{display:grid;row-gap:10px;grid-template-areas:"information-title information-title" "information-col-1 information-col-2";grid-template-columns:max-content 1fr;grid-template-rows:max-content 64px}.information__title{grid-area:information-title}.information__col-1{grid-area:information-col-1;display:flex;gap:24px}.information__col-2{display:grid;grid-area:information-col-2}.controls-container{display:grid;margin-block-start:24px}.filter{grid-template-columns:232px 186px 1fr;gap:12px}.button-merge-checked{margin-inline-start:auto}.main{position:relative;display:grid;overflow:auto}.loader{position:relative;inline-size:100%;block-size:100%;inset-block-start:0}.tabular-grid{border-radius:4px;overflow:hidden}.empty-state{block-size:100%}.loader{--elevation-background-color:var(--mer-surface__elevation--01)}.warning-error-description{display:flex;align-items:center;gap:8px;padding:8px;max-inline-size:800px;line-height:1.5}.warning-error-icon{flex-shrink:0}.tabular-grid.empty-result::part(main){overflow:hidden}.input-comments-container{position:relative}.input-comments{--control__border-color:transparent;padding-block:0 !important;padding-inline:0 !important;--line-height-tight:1.4;block-size:100%;background-color:var(--mer-surface);transition:var(--mer-timing--super-fast) block-size, var(--mer-timing--super-fast) background-color, var(--mer-timing--super-fast) padding-block, var(--mer-timing--super-fast) padding-inline}.input-comments:focus{position:absolute;block-size:200px;inline-size:100%;z-index:99;background-color:var(--mer-surface__elevation--01);padding-block:var(--control__padding-block) !important;padding-inline:var(--control__padding-inline) !important}ch-tabular-grid-cell.tabular-grid-cell::part(actions-icon){background-size:contain;margin-inline-end:0;--icon-path:var(--icon__gemini-tools_show-more-vertical_neutral--enabled);cursor:pointer}ch-tabular-grid-cell.tabular-grid-cell::part(actions-icon):hover{--icon-path:var(--icon__gemini-tools_show-more-vertical_neutral--hover)}ch-tabular-grid-cell.tabular-grid-cell::part(actions-icon):active{--icon-path:var(--icon__gemini-tools_show-more-vertical_neutral--active)}.tabular-grid-row-actions::part(main),.property-grid-row-actions::part(main){gap:0 !important}.custom-icon-text-wrapper{display:flex;align-items:center;gap:10px}.tabular-grid-row-actions>button{justify-content:start}.pill{--pill-background-color:transparent;--pill-color:transparent;--pill-border-color:transparent;background-color:var(--pill-background-color);color:var(--pill-color);border:1px solid var(--pill-border-color);inline-size:100%;padding:var(--pill-padding-block) var(--pill-padding-inline);display:flex;align-items:center;justify-content:center;border-radius:var(--pill-border-radius);position:relative;font-weight:var(--font-weight-semi-bold)}.pill--to-merge{--pill-background-color:var();--pill-color:var(--mer-color__neutral-gray--400);--pill-border-color:var()}.pill--to-merge-marked{--pill-background-color:var();--pill-color:var(--mer-border-color__primary);--pill-border-color:var()}.pill--pending{--pill-background-color:var(--mer-color__tinted-primary--8);--pill-color:var(--mer-border-color__primary);--pill-border-color:var(--mer-color__tinted-primary--50)}.pill--warning{--pill-background-color:var(--mer-color__tinted-yellow--5);--pill-color:var(--mer-border-color__warning);--pill-border-color:var(--mer-color__tinted-yellow--60)}.pill--error{--pill-background-color:var(--mer-color__tinted-red--5);--pill-color:var(--mer-border-color__error);--pill-border-color:var(--mer-color__tinted-red--60)}.pill--merged{--pill-background-color:var(--mer-color__tinted-green--5);--pill-color:var(--mer-border-color__success);--pill-border-color:var(--mer-color__tinted-green--60)}.pill--transitioning{--pill-color:transparent}.merging-spinner-caption{display:flex;align-items:center;gap:6px;--status-circle-color:transparent;--status-circle-size:$size;--status-circle-inset-inline-start:14px;--pill-color:var(--mer-border-color__primary)}.merging-spinner-caption::before{display:inline-block;content:"";width:14px;height:14px;border:calc(14px / 7) solid var(--mer-color__tinted-primary--50);border-top:calc(14px / 7) solid var(--mer-color__primary--300);border-radius:50%;animation:spin var(--mer-timing--regular) linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.tabular-grid .button-secondary{--control__padding-block:var(--pill-padding-block);--control__padding-inline:var(--pill-padding-inline);font-size:inherit;font-weight:inherit;}.tabular-grid .tabular-grid-cell--for-pill{--grid-cell__padding-block:4px;align-items:center;justify-content:center}.tabular-grid.disabled-custom-selector .tabular-grid-cell::part(selector-label),.tabular-grid.disabled-custom-selector .tabular-grid-column::part(bar-selector),.tabular-grid.disabled-custom-selector .tabular-grid-cell::part(actions-icon){pointer-events:none;opacity:0.5}.tabular-grid-column--settings-custom-selector,.tabular-grid-cell--settings-custom-selector{--grid-cell__padding-inline:0;--grid-cell__padding-block:0}.tabular-grid-cell::part(actions-icon){padding-block:6px}ch-tabular-grid-cell.tabular-grid-cell::part(actions-icon){block-size:100%;display:block;background-size:14px;padding-inline:16px}.tabular-grid-cell.no-checkbox-custom-selector::part(selector-label){visibility:hidden}.tabular-grid-row-actions::part(window){background-color:var(--mer-surface__elevation--02) !important}.tabular-grid-row .tabular-grid-cell:nth-child(3){min-inline-size:400px}';
+const l = ':host{--pill-border-radius:12px;--pill-padding-inline:8px;--pill-padding-block:2px;--pill-font-size:var(--font-size-body-s);display:grid;block-size:100%;overflow:auto;grid-template-rows:max-content max-content 1fr}.detail__current-version,.detail__knowledge-base{max-inline-size:250px;min-inline-size:180px}.detail__current-version,.detail__knowledge-base{padding-inline:24px;border-inline-end:1px solid var(--mer-border-color__on-elevation--01)}.information__col-1,.detail__genexus-server{padding-inline-end:24px;border-inline-end:1px solid var(--mer-border-color__on-elevation--01)}.information__col-2,.detail__merge-from-version{padding-inline-start:24px}.section{display:contents}.header{display:grid;gap:24px}.header__detail{display:grid;grid-template-areas:"detail-title detail-title detail-title detail-title" "detail-commit-name detail-commit-name detail-commit-name detail-commit-name" "detail-genexus-server detail-knowledge-base detail-current-version detail-merge-from-version";row-gap:16px;grid-template-columns:minmax(250px, 350px) repeat(3, minmax(180px, 250px))}.detail__label{color:var(--mer-color__neutral-gray--400)}.detail__title{grid-area:detail-title}.detail__commit-name{grid-area:detail-commit-name}.detail__genexus-server{grid-area:detail-genexus-server}.detail__genexus-server>a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block}.detail__link{align-items:start;color:var(--mer-text__primary);text-decoration:underline}.detail__link:hover{color:var(--mer-text__primary--hover)}.detail__link:active{color:var(--mer-text__primary--active)}.detail__knowledge-base{grid-area:detail-knowledge-base}.detail__current-version{grid-area:detail-current-version}.detail__merge-from-version{grid-area:detail-merge-from-version}.header__information{display:grid;row-gap:10px;grid-template-areas:"information-title information-title" "information-col-1 information-col-2";grid-template-columns:max-content 1fr;grid-template-rows:max-content 64px}.information__title{grid-area:information-title}.information__col-1{grid-area:information-col-1;display:flex;gap:24px}.information__col-2{display:grid;grid-area:information-col-2}.controls-container{display:grid;margin-block-start:24px}.filter{grid-template-columns:232px 186px 1fr;gap:12px}.button-merge-checked{margin-inline-start:auto}.main{position:relative;display:grid;overflow:auto}.loader{position:relative;inline-size:100%;block-size:100%;inset-block-start:0}.tabular-grid{border-radius:4px;overflow:hidden}.empty-state{block-size:100%}.loader{--elevation-background-color:var(--mer-surface__elevation--01)}.warning-error-description{display:flex;align-items:center;gap:8px;padding:8px;max-inline-size:800px;line-height:1.5}.warning-error-icon{flex-shrink:0}.tabular-grid.empty-result::part(main){overflow:hidden}.input-comments-container{position:relative}.input-comments{--control__border-color:transparent;padding-block:0 !important;padding-inline:0 !important;--line-height-tight:1.4;block-size:100%;background-color:var(--mer-surface);transition:var(--mer-timing--super-fast) block-size, var(--mer-timing--super-fast) background-color, var(--mer-timing--super-fast) padding-block, var(--mer-timing--super-fast) padding-inline}.input-comments:focus{position:absolute;block-size:200px;inline-size:100%;z-index:99;background-color:var(--mer-surface__elevation--01);padding-block:var(--control__padding-block) !important;padding-inline:var(--control__padding-inline) !important}ch-tabular-grid-cell.tabular-grid-cell::part(actions-icon){background-size:contain;margin-inline-end:0;--icon-path:var(--icon__gemini-tools_show-more-vertical_neutral--enabled);cursor:pointer}ch-tabular-grid-cell.tabular-grid-cell::part(actions-icon):hover{--icon-path:var(--icon__gemini-tools_show-more-vertical_neutral--hover)}ch-tabular-grid-cell.tabular-grid-cell::part(actions-icon):active{--icon-path:var(--icon__gemini-tools_show-more-vertical_neutral--active)}.tabular-grid-row-actions::part(main),.property-grid-row-actions::part(main){gap:0 !important}.custom-icon-text-wrapper{display:flex;align-items:center;gap:10px}.tabular-grid-row-actions>button{justify-content:start}.pill{--pill-background-color:transparent;--pill-color:transparent;--pill-border-color:transparent;background-color:var(--pill-background-color);color:var(--pill-color);border:1px solid var(--pill-border-color);inline-size:100%;padding:var(--pill-padding-block) var(--pill-padding-inline);display:flex;align-items:center;justify-content:center;border-radius:var(--pill-border-radius);position:relative;font-weight:var(--font-weight-semi-bold)}.pill--to-merge,.pill--to-revert{--pill-background-color:var();--pill-color:var(--mer-color__neutral-gray--400);--pill-border-color:var()}.pill--to-merge-marked{--pill-background-color:var();--pill-color:var(--mer-border-color__primary);--pill-border-color:var()}.pill--pending{--pill-background-color:var(--mer-color__tinted-primary--8);--pill-color:var(--mer-border-color__primary);--pill-border-color:var(--mer-color__tinted-primary--50)}.pill--warning{--pill-background-color:var(--mer-color__tinted-yellow--5);--pill-color:var(--mer-border-color__warning);--pill-border-color:var(--mer-color__tinted-yellow--60)}.pill--error{--pill-background-color:var(--mer-color__tinted-red--5);--pill-color:var(--mer-border-color__error);--pill-border-color:var(--mer-color__tinted-red--60)}.pill--merged,.pill--reverted{--pill-background-color:var(--mer-color__tinted-green--5);--pill-color:var(--mer-border-color__success);--pill-border-color:var(--mer-color__tinted-green--60)}.pill--transitioning{--pill-color:transparent}.merging-spinner-caption{display:flex;align-items:center;gap:6px;--status-circle-color:transparent;--status-circle-size:$size;--status-circle-inset-inline-start:14px;--pill-color:var(--mer-border-color__primary)}.merging-spinner-caption::before{display:inline-block;content:"";width:14px;height:14px;border:calc(14px / 7) solid var(--mer-color__tinted-primary--50);border-top:calc(14px / 7) solid var(--mer-color__primary--300);border-radius:50%;animation:spin var(--mer-timing--regular) linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.tabular-grid .button-secondary{--control__padding-block:var(--pill-padding-block);--control__padding-inline:var(--pill-padding-inline);font-size:inherit;font-weight:inherit;}.tabular-grid .tabular-grid-cell--for-pill{--grid-cell__padding-block:4px;align-items:center;justify-content:center}.tabular-grid.disabled-custom-selector .tabular-grid-cell::part(selector-label),.tabular-grid.disabled-custom-selector .tabular-grid-column::part(bar-selector),.tabular-grid.disabled-custom-selector .tabular-grid-cell::part(actions-icon){pointer-events:none;opacity:0.5}.tabular-grid-column--settings-custom-selector,.tabular-grid-cell--settings-custom-selector{--grid-cell__padding-inline:0;--grid-cell__padding-block:0}.tabular-grid-cell::part(actions-icon){padding-block:6px}ch-tabular-grid-cell.tabular-grid-cell::part(actions-icon){block-size:100%;display:block;background-size:14px;padding-inline:16px}.tabular-grid-cell.no-checkbox-custom-selector::part(selector-label){visibility:hidden}.tabular-grid-row-actions::part(window){background-color:var(--mer-surface__elevation--02) !important}.tabular-grid-row .tabular-grid-cell:nth-child(3){min-inline-size:400px}';
 
 var o = undefined && undefined.__classPrivateFieldGet || function(t, e, i, r) {
   if (i === "a" && !r) throw new TypeError("Private accessor was defined without a getter");
@@ -19,7 +19,7 @@ var n = undefined && undefined.__classPrivateFieldSet || function(t, e, i, r, a)
   return r === "a" ? a.call(t, i) : a ? a.value = i : e.set(t, i), i;
 };
 
-var c, d, p, h, m, u, g, b, f, _, v, w, y, k, x, M, z, W, $, j;
+var c, d, h, p, m, u, g, b, f, v, _, w, y, k, x, M, z, W, $, j;
 
 const T = [ "resets/box-sizing", "components/tabular-grid", "utils/form--full", "utils/layout", "utils/typography", "utils/spacing", "chameleon/scrollbar" ];
 
@@ -78,8 +78,8 @@ const L = class {
     // eslint-disable-next-line @stencil-community/own-props-must-be-private
         c.set(this, void 0);
     d.set(this, void 0);
-    p.set(this, void 0);
-    h.set(this, []);
+    h.set(this, void 0);
+    p.set(this, []);
     m.set(this, (() => {
       if (this.commitInformation.length === 1) {
         // return comment without revison number
@@ -97,16 +97,16 @@ const L = class {
     u.set(this, (async () => {
       this.merging = true;
       const t = new Map(this.objectsStatesMap);
-      o(this, h, "f").forEach((e => {
-        t.set(e, "merging");
+      o(this, p, "f").forEach((e => {
+        t.set(e, this.operationType === "revert" ? "reverting" : "merging");
       }));
       this.objectsStatesMap = t;
-      await this.mergeObjectsCallback(o(this, h, "f"));
+      await this.mergeObjectsCallback(o(this, p, "f"));
     }));
     g.set(this, (t => async () => {
       this.merging = true;
       const e = new Map(this.objectsStatesMap);
-      e.set(t, "merging");
+      e.set(t, this.operationType === "revert" ? "reverting" : "merging");
       this.objectsStatesMap = e;
       await this.mergeObjectsCallback([ t ]);
     }));
@@ -152,7 +152,7 @@ const L = class {
         return t ? `${o(this, c, "f").loading}` : `${o(this, d, "f")} ${o(this, c, "f").loading}`;
       }
     }));
-    _.set(this, (t => {
+    v.set(this, (t => {
       var e;
       const i = new Date(t);
       const r = ((e = navigator.languages) === null || e === void 0 ? void 0 : e[0]) || navigator.language;
@@ -162,7 +162,7 @@ const L = class {
         hour12: false
       })}`;
     }));
-    v.set(this, (() => {
+    _.set(this, (() => {
       const t = false;
       const i = this.menuContextAction === "Inserted";
       const r = this.menuContextAction === "Inserted";
@@ -186,13 +186,13 @@ const L = class {
       }, o(this, c, "f").objectActions.previewMerge) ];
     }));
     w.set(this, ((t, i) => {
-      if (t === "merging") {
+      if (t === "merging" || t === "reverting") {
         return e("span", {
           class: "merging-spinner-caption"
-        }, o(this, c, "f").states.merging);
+        }, this.operationType === "revert" ? o(this, c, "f").states.reverting : o(this, c, "f").states.merging);
       }
       const r = `pill pill--${t}`;
-      if (this.mergePillAsButton && (t === "to-merge" || t === "to-merge-marked")) {
+      if (this.mergePillAsButton && (t === "to-merge" || t === "to-merge-marked" || t === "to-revert")) {
         return e("button", {
           class: {
             [r]: true,
@@ -274,9 +274,9 @@ const L = class {
       const i = new Map(this.objectsStatesMap);
       const r = t.detail.rowsId;
       const a = r.filter((t => !this.alreadyMergedObjectsIdsArray.includes(t)));
-      n(this, h, [ ...a ], "f");
+      n(this, p, [ ...a ], "f");
       // Update markedObjectsSet
-            o(this, h, "f").forEach((t => {
+            o(this, p, "f").forEach((t => {
         e.add(t);
       }));
       this.markedObjectsSet = e;
@@ -345,11 +345,12 @@ const L = class {
     this.commitObjects = [];
     this.enableRowOptions = false;
     this.hideFilters = false;
+    this.operationType = "merge";
     this.mergeObjectsCallback = undefined;
     this.mergePillAsButton = undefined;
   }
   objectsStatesMapChanged(t) {
-    const e = [ ...t.entries() ].find((([, t]) => t === "merging"));
+    const e = [ ...t.entries() ].find((([, t]) => t === "merging" || t === "reverting"));
     if (!e) {
       this.merging = false;
     }
@@ -360,7 +361,7 @@ const L = class {
       this.loading = false;
       // All commit objects begin as "pending to merge"
             t.forEach((t => {
-        this.objectsStatesMap.set(t.id, "to-merge");
+        this.objectsStatesMap.set(t.id, this.operationType === "revert" ? "to-revert" : "to-merge");
       }));
       this.objectsFiltered = this.commitObjects;
     }
@@ -370,12 +371,12 @@ const L = class {
     n(this, c, await s.getComponentStrings(this.el), "f");
     n(this, d, this.commitInformation.length > 1 ? o(this, c, "f").commmits : o(this, c, "f").commmit, "f");
     // Initiate "states" combo box filter
-        n(this, p, [ {
+        n(this, h, [ {
       caption: o(this, c, "f").states.all,
       value: C
     }, {
-      caption: o(this, c, "f").states["to-merge"],
-      value: "to-merge"
+      caption: this.operationType === "revert" ? o(this, c, "f").states["to-revert"] : o(this, c, "f").states["to-merge"],
+      value: this.operationType === "revert" ? "to-revert" : "to-merge"
     }, {
       caption: o(this, c, "f").states.warning,
       value: "warning"
@@ -383,8 +384,8 @@ const L = class {
       caption: o(this, c, "f").states.error,
       value: "error"
     }, {
-      caption: o(this, c, "f").states.merged,
-      value: "merged"
+      caption: this.operationType === "revert" ? o(this, c, "f").states.reverted : o(this, c, "f").states.merged,
+      value: this.operationType === "revert" ? "reverted" : "merged"
     } ], "f");
     if ((t = this.commitObjects) === null || t === void 0 ? void 0 : t.length) {
       // if commitObjects already set...
@@ -409,9 +410,9 @@ const L = class {
         if ((i === null || i === void 0 ? void 0 : i.length) > 0) {
       this.commitObjectsMessagesMap.set(t, i);
     }
-    if (e === "merged") {
+    if (e === "merged" || e === "reverted") {
       // remove from checked
-      n(this, h, o(this, h, "f").filter((e => e !== t)), "f");
+      n(this, p, o(this, p, "f").filter((e => e !== t)), "f");
       // add to "already merged". This will hide the checkbox
             this.alreadyMergedObjectsIdsArray.push(t);
       // unmark checkbox:
@@ -436,7 +437,7 @@ const L = class {
       class: "header__detail"
     }, e("p", {
       class: "detail__title subtitle-semi-bold-xs"
-    }, o(this, c, "f").commitDetail.bringChangesDetail), e("p", {
+    }, this.operationType === "revert" ? o(this, c, "f").commitDetail.revertChangesDetail : o(this, c, "f").commitDetail.bringChangesDetail), e("p", {
       class: "detail__commit-name subtitle-semi-bold-s"
     }, o(this, f, "f").call(this)), e("div", {
       // genexus server
@@ -461,7 +462,7 @@ const L = class {
       class: I
     }, o(this, c, "f").commitDetail.currentVersion), e("a", {
       class: "body-regular-s"
-    }, this.commitDetail.currentVersion)), e("div", {
+    }, this.commitDetail.currentVersion)), this.operationType === "merge" && e("div", {
       // merge from version
       class: "detail__merge-from-version field field-block"
     }, e("span", {
@@ -489,19 +490,19 @@ const L = class {
       class: I
     }, o(this, c, "f").commitInformation.date), e("p", {
       class: "body-regular-s"
-    }, o(this, _, "f").call(this, this.commitInformation[0].date))) : [ e("div", {
+    }, o(this, v, "f").call(this, this.commitInformation[0].date))) : [ e("div", {
       class: "field field-block"
     }, e("span", {
       class: I
     }, o(this, c, "f").commitInformation.from), e("p", {
       class: "body-regular-s"
-    }, o(this, _, "f").call(this, this.commitInformation[0].date))), e("div", {
+    }, o(this, v, "f").call(this, this.commitInformation[0].date))), e("div", {
       class: "field field-block"
     }, e("span", {
       class: I
     }, o(this, c, "f").commitInformation.to), e("p", {
       class: "body-regular-s"
-    }, o(this, _, "f").call(this, this.commitInformation[this.commitInformation.length - 1].date))) ]), e("div", {
+    }, o(this, v, "f").call(this, this.commitInformation[this.commitInformation.length - 1].date))) ]), e("div", {
       // header information (col-2)
       class: "information__col-2"
     }, e("div", {
@@ -535,7 +536,7 @@ const L = class {
     }), e("ch-combo-box-render", {
       class: "combo-box",
       disabled: r,
-      model: o(this, p, "f"),
+      model: o(this, h, "f"),
       value: this.stateFilterValue,
       onInput: o(this, W, "f"),
       placeholder: o(this, c, "f").filter.statePlaceholder
@@ -543,7 +544,7 @@ const L = class {
       class: "button-primary button-merge-checked",
       disabled: !this.atLeastOneObjectIsChecked || r,
       onClick: o(this, u, "f")
-    }, o(this, c, "f").filter.mergeChecked)), e("div", {
+    }, this.operationType === "revert" ? o(this, c, "f").filter.revertSelected : o(this, c, "f").filter.mergeSelected)), e("div", {
       class: "main spacing-body"
     }, this.commitObjects.length ? e("ch-tabular-grid", {
       class: {
@@ -606,10 +607,10 @@ const L = class {
     })), o(this, k, "f").call(this), this.enableRowOptions && e("ch-tabular-grid-row-actions", {
       class: "tabular-grid-row-actions",
       showOnRowActions: true
-    }, o(this, v, "f").call(this)), this.enableRowOptions && e("ch-tabular-grid-row-actions", {
+    }, o(this, _, "f").call(this)), this.enableRowOptions && e("ch-tabular-grid-row-actions", {
       class: "tabular-grid-row-actions",
       showOnRowContext: true
-    }, o(this, v, "f").call(this)), e("ch-tabular-grid-rowset", {
+    }, o(this, _, "f").call(this)), e("ch-tabular-grid-rowset", {
       class: "tabular-grid-rowset"
     }, this.objectsFiltered.length === 0 && e("ch-tabular-grid-rowset-empty", null, e("gx-ide-empty-state", {
       class: "empty-state",
@@ -638,12 +639,12 @@ const L = class {
   }
 };
 
-c = new WeakMap, d = new WeakMap, p = new WeakMap, h = new WeakMap, m = new WeakMap, 
-u = new WeakMap, g = new WeakMap, b = new WeakMap, f = new WeakMap, _ = new WeakMap, 
-v = new WeakMap, w = new WeakMap, y = new WeakMap, k = new WeakMap, x = new WeakMap, 
+c = new WeakMap, d = new WeakMap, h = new WeakMap, p = new WeakMap, m = new WeakMap, 
+u = new WeakMap, g = new WeakMap, b = new WeakMap, f = new WeakMap, v = new WeakMap, 
+_ = new WeakMap, w = new WeakMap, y = new WeakMap, k = new WeakMap, x = new WeakMap, 
 M = new WeakMap, z = new WeakMap, W = new WeakMap, $ = new WeakMap, j = new WeakMap;
 
 L.style = l;
 
 export { L as gx_ide_team_dev_bring_changes };
-//# sourceMappingURL=p-16138f55.entry.js.map
+//# sourceMappingURL=p-3fbc5a02.entry.js.map