lf-pagebuilder-vue 0.0.4 → 0.0.6

package/dist/index.js

@@ -1,11 +1,12 @@
-import { defineComponent as H, ref as S, computed as Q, createElementBlock as i, openBlock as s, Fragment as B, createElementVNode as t, createCommentVNode as F, withModifiers as te, withDirectives as N, vModelText as K, normalizeClass as L, toDisplayString as v, renderList as V, vModelSelect as J, vModelCheckbox as se, createBlock as ie, createTextVNode as T, unref as G, onMounted as oe, createVNode as q, watch as ee, nextTick as be, withCtx as de, vShow as ge, reactive as fe } from "vue";
+import { defineComponent as H, ref as S, computed as K, createElementBlock as r, openBlock as a, Fragment as B, createCommentVNode as P, createElementVNode as t, withModifiers as oe, withDirectives as R, vModelText as Y, normalizeClass as G, toDisplayString as p, renderList as V, vModelSelect as J, vModelCheckbox as te, createBlock as ie, createTextVNode as T, unref as q, onMounted as le, createVNode as L, watch as ee, nextTick as ge, withCtx as de, vShow as fe, reactive as pe } from "vue";
 import { listComponents as ve } from "libreria-astro-lefebvre";
-import { QuillEditor as pe } from "@vueup/vue-quill";
+import { QuillEditor as xe } from "@vueup/vue-quill";
 import ue from "vuedraggable";
-const xe = H({
+const he = H({
   props: {
     isComponentMode: Boolean,
     fullwidthMode: Boolean,
+    debugMode: Boolean,
     toggleComponentModeFunction: Function,
     toggleFullwidthMode: Function,
     importConfigurationFunction: Function,
@@ -19,6 +20,7 @@ const xe = H({
   emits: [
     "update:sectionSelected",
     "update:parametersPageConfiguration.global.sidebarEnabled",
+    "update:parametersPageConfiguration.global.renderAsBodyPart",
     "update:parametersPageConfiguration.global.headSlot",
     "update:parametersPageConfiguration.global.bodyBeginSlot",
     "update:parametersPageConfiguration.global.footerSlot",
@@ -27,37 +29,37 @@ const xe = H({
     "update:parametersPageConfiguration.seo.description"
   ],
   setup(e) {
-    const o = e.renderApiDomain || "http://localhost:8003", g = S(""), x = S(!1), f = Q({
+    const o = e.renderApiDomain || "http://localhost:8003", g = S(""), h = S(!1), f = K({
       get() {
-        var k, A;
+        var k, I;
         const m = (k = e.globalPageConfiguration) == null ? void 0 : k.find((w) => w.section === e.sectionSelected);
-        return ((A = m == null ? void 0 : m.config) == null ? void 0 : A.width) || "";
+        return ((I = m == null ? void 0 : m.config) == null ? void 0 : I.width) || "";
       },
       set(m) {
-        var A;
-        const k = (A = e.globalPageConfiguration) == null ? void 0 : A.find((w) => w.section === e.sectionSelected);
+        var I;
+        const k = (I = e.globalPageConfiguration) == null ? void 0 : I.find((w) => w.section === e.sectionSelected);
         k && (k.config || (k.config = {}), k.config.width = m);
       }
-    }), u = () => {
+    }), c = () => {
       const m = {
         pageConfig: e.globalPageConfiguration,
         paramsConfig: e.parametersPageConfiguration
-      }, k = JSON.stringify(m), A = new CustomEvent("lf-pagebuilder:export", {
+      }, k = JSON.stringify(m), I = new CustomEvent("lf-pagebuilder:export", {
         detail: { ...m, inputId: e.inputId }
       });
-      document.dispatchEvent(A);
+      document.dispatchEvent(I);
       const w = window.open("", "Preview", "width='100vw',height='100vh'");
       w && (w.document.body.innerText = k, w.document.close());
-    }, r = () => {
+    }, n = () => {
       const m = {
         pageConfig: e.globalPageConfiguration,
         paramsConfig: e.parametersPageConfiguration
       }, k = JSON.stringify(m);
       b(k);
-      const A = new CustomEvent("lf-pagebuilder:save", {
+      const I = new CustomEvent("lf-pagebuilder:save", {
         detail: { ...m, inputId: e.inputId }
       });
-      if (document.dispatchEvent(A), e.inputId) {
+      if (document.dispatchEvent(I), e.inputId) {
         const w = document.getElementById(e.inputId);
         w && (w.value = k);
       }
@@ -77,28 +79,28 @@ const xe = H({
             "Content-Type": "application/json"
           },
           body: k
-        }).then((A) => A.text()).then((A) => {
+        }).then((I) => I.text()).then((I) => {
           const w = window.open("", "Preview", "width='100vw',height='100vh'");
           if (!w) return;
-          const c = new DOMParser().parseFromString(A, "text/html"), $ = [];
-          function j(R, Y = 0) {
-            if (!R || R.nodeType !== 1) return;
-            const Z = R.tagName.toLowerCase();
-            ["h1", "h2", "h3", "h4", "h5", "h6", "a", "p", "article", "section", "header", "footer"].includes(Z) && $.push({
+          const u = new DOMParser().parseFromString(I, "text/html"), C = [];
+          function j(N, X = 0) {
+            if (!N || N.nodeType !== 1) return;
+            const Z = N.tagName.toLowerCase();
+            ["h1", "h2", "h3", "h4", "h5", "h6", "a", "p", "article", "section", "header", "footer"].includes(Z) && C.push({
               tag: Z,
-              text: (R.textContent || "").trim().slice(0, 80),
-              depth: Y
-            }), Array.from(R.children).forEach((_) => j(_, Y + 1));
+              text: (N.textContent || "").trim().slice(0, 80),
+              depth: X
+            }), Array.from(N.children).forEach((_) => j(_, X + 1));
           }
-          j(c.body);
+          j(u.body);
           let D = '<h2>Estructura SEO</h2><ul style="font-family:monospace">';
-          $.forEach((R) => {
-            D += `<li style="margin-left:${R.depth * 20}px"><b>${R.tag}</b>: ${R.text}</li>`;
+          C.forEach((N) => {
+            D += `<li style="margin-left:${N.depth * 20}px"><b>${N.tag}</b>: ${N.text}</li>`;
           }), D += "</ul>", w.document.body.innerHTML = D, w.document.close();
         });
       },
       importConfig: g,
-      showAdvancedConfig: x,
+      showAdvancedConfig: h,
       previewFunction: () => {
         const m = {
           pageConfig: e.globalPageConfiguration,
@@ -110,25 +112,25 @@ const xe = H({
             "Content-Type": "application/json"
           },
           body: k
-        }).then((A) => A.text()).then((A) => {
+        }).then((I) => I.text()).then((I) => {
           const w = window.open("", "Preview", "width='100vw',height='100vh'");
-          w && (w.document.body.innerHTML = A, w.document.querySelectorAll("script").forEach((c) => {
+          w && (w.document.body.innerHTML = I, w.document.querySelectorAll("script").forEach((u) => {
             var j;
-            const $ = w.document.createElement("script");
-            c.src ? $.src = c.src : $.textContent = c.textContent, (j = c.parentNode) == null || j.replaceChild($, c);
+            const C = w.document.createElement("script");
+            u.src ? C.src = u.src : C.textContent = u.textContent, (j = u.parentNode) == null || j.replaceChild(C, u);
           }), w.document.close());
         });
       },
       importFunction: () => {
         e.importConfigurationFunction && e.importConfigurationFunction(g.value), g.value = "";
       },
-      exportFunction: u,
-      saveButtonAction: r,
+      exportFunction: c,
+      saveButtonAction: n,
       loadFromLocalStorage: () => {
         const m = e.inputId ? `pageBuilderConfig_${e.inputId}` : "pageBuilderConfig", k = localStorage.getItem(m);
         if (k && e.importConfigurationFunction) {
-          const A = JSON.parse(k);
-          e.importConfigurationFunction(A);
+          const I = JSON.parse(k);
+          e.importConfigurationFunction(I);
         }
       },
       toggleExpandScreen: () => {
@@ -138,265 +140,282 @@ const xe = H({
       sectionWidth: f
     };
   }
-}), he = (e, o) => {
+}), we = (e, o) => {
   const g = e.__vccOpts || e;
-  for (const [x, f] of o)
-    g[x] = f;
+  for (const [h, f] of o)
+    g[h] = f;
   return g;
-}, we = { class: "flex justify-end items-center w-full p-3 gap-3" }, ye = { class: "flex justify-between gap-3 px-5 py-3 bg-white mx-3 rounded-xl border border-slate-200 mb-6 sticky top-2 z-9999 shadow-lg backdrop-blur-sm" }, Ce = { class: "flex gap-2" }, $e = { class: "flex gap-2" }, ke = ["value"], Se = ["value"], Fe = { value: "full" }, Pe = { value: "1/2" }, je = { value: "1/3" }, Ie = { value: "2/3" }, Me = { value: "1/4" }, Ae = { value: "3/4" }, Be = { value: "1/5" }, Ee = { value: "2/5" }, Te = { value: "3/5" }, De = { value: "4/5" }, Oe = { key: 0 }, Ne = { key: 1 }, Re = { class: "flex items-center gap-2" }, Ve = {
+}, ye = {
   key: 0,
+  class: "flex justify-end items-center w-full p-3 gap-3"
+}, Ce = { class: "flex justify-between gap-3 px-5 py-3 bg-white mx-3 rounded-xl border border-slate-200 mb-6 sticky top-2 z-9999 shadow-lg backdrop-blur-sm" }, $e = { class: "flex gap-2" }, ke = { class: "flex gap-2" }, Se = ["value"], Pe = ["value"], Fe = { value: "full" }, je = { value: "1/2" }, Me = { value: "1/3" }, Ie = { value: "2/3" }, Ae = { value: "1/4" }, Be = { value: "3/4" }, Ee = { value: "1/5" }, Te = { value: "2/5" }, De = { value: "3/5" }, Oe = { value: "4/5" }, Re = { key: 0 }, Ne = { key: 1 }, Ve = { class: "flex items-center gap-2" }, Ue = {
+  key: 1,
   class: "bg-white border border-slate-200 rounded-2xl p-5 mx-3 mb-6 shadow-lg"
-}, Ue = { class: "flex flex-row gap-4 w-full" }, ze = { class: "border border-slate-200 rounded-xl p-5 w-full bg-gradient-to-br from-slate-50 to-white" }, qe = { class: "flex flex-col gap-3 border-b border-slate-200 pb-4 w-full" }, Le = { class: "mb-3" }, Ge = { class: "flex items-center gap-3 cursor-pointer group" }, Je = { class: "mb-3" }, He = { class: "mb-3" }, We = { class: "mb-3" }, Ke = { class: "border border-slate-200 rounded-xl p-5 w-full bg-gradient-to-br from-slate-50 to-white" }, Qe = { class: "flex justify-between items-center mb-4" }, Xe = { class: "flex flex-col gap-3 border-b border-slate-200 pb-4 w-full" }, Ye = { class: "mb-3" }, Ze = { class: "mb-3" }, _e = { class: "mb-3" };
-function et(e, o, g, x, f, u) {
-  return s(), i(B, null, [
-    t("div", we, [
-      o[28] || (o[28] = t("span", { class: "bg-rose-50 px-3 py-1 rounded-full border border-rose-200 text-rose-400 text-xs font-medium me-4" }, "Todo lo de esta barra desaparecerá →", -1)),
+}, ze = { class: "flex flex-row gap-4 w-full" }, qe = { class: "border border-slate-200 rounded-xl p-5 w-full bg-gradient-to-br from-slate-50 to-white" }, Le = { class: "flex flex-col gap-3 border-b border-slate-200 pb-4 w-full" }, Ge = { class: "mb-3" }, Je = { class: "flex items-center gap-3 cursor-pointer group" }, He = { class: "mb-3" }, We = { class: "flex items-center gap-3 cursor-pointer group" }, Ye = { class: "mb-3" }, Ke = { class: "mb-3" }, Qe = { class: "mb-3" }, Xe = { class: "border border-slate-200 rounded-xl p-5 w-full bg-gradient-to-br from-slate-50 to-white" }, Ze = { class: "flex justify-between items-center mb-4" }, _e = { class: "flex flex-col gap-3 border-b border-slate-200 pb-4 w-full" }, et = { class: "mb-3" }, tt = { class: "mb-3" }, ot = { class: "mb-3" };
+function lt(e, o, g, h, f, c) {
+  return a(), r(B, null, [
+    e.debugMode ? (a(), r("div", ye, [
+      o[30] || (o[30] = t("span", { class: "bg-rose-50 px-3 py-1 rounded-full border border-rose-200 text-rose-400 text-xs font-medium me-4" }, "Todo lo de esta barra desaparecerá →", -1)),
       t("form", {
-        onSubmit: o[2] || (o[2] = te(() => {
+        onSubmit: o[2] || (o[2] = oe(() => {
         }, ["prevent"])),
         class: "flex gap-2"
       }, [
-        N(t("input", {
-          "onUpdate:modelValue": o[0] || (o[0] = (r) => e.importConfig = r),
+        R(t("input", {
+          "onUpdate:modelValue": o[0] || (o[0] = (n) => e.importConfig = n),
           type: "text",
           class: "bg-white border border-slate-200 rounded-lg px-3 py-1.5 text-sm focus:outline-none focus:ring-2 focus:ring-emerald-500/20 focus:border-emerald-400",
           name: "",
           id: "",
           placeholder: "Pegar configuración..."
         }, null, 512), [
-          [K, e.importConfig]
+          [Y, e.importConfig]
         ]),
         t("button", {
-          onClick: o[1] || (o[1] = (r) => e.importFunction()),
+          onClick: o[1] || (o[1] = (n) => e.importFunction()),
           class: "cursor-pointer bg-white hover:bg-slate-700 hover:text-white border border-slate-200 hover:border-slate-700 rounded-lg px-3 py-1.5 text-sm font-medium transition-all duration-200 shadow-sm hover:shadow-md"
         }, "🏯 Importar")
       ], 32),
       t("button", {
-        onClick: o[3] || (o[3] = (r) => e.exportFunction()),
+        onClick: o[3] || (o[3] = (n) => e.exportFunction()),
         class: "cursor-pointer bg-white hover:bg-slate-700 hover:text-white border border-slate-200 hover:border-slate-700 rounded-lg px-3 py-1.5 text-sm font-medium transition-all duration-200 shadow-sm hover:shadow-md"
       }, "🚀 Exportar")
-    ]),
-    t("div", ye, [
-      t("div", Ce, [
+    ])) : P("", !0),
+    t("div", Ce, [
+      t("div", $e, [
         t("button", {
-          class: L([[e.isComponentMode ? "bg-gradient-to-r from-slate-600 to-slate-700 border-slate-700 text-white shadow-md" : "bg-white hover:bg-slate-100"], "cursor-pointer border border-slate-200 rounded-lg py-1.5 px-3 text-sm font-medium transition-all duration-200"]),
-          onClick: o[4] || (o[4] = (r) => {
+          class: G([[e.isComponentMode ? "bg-gradient-to-r from-slate-600 to-slate-700 border-slate-700 text-white shadow-md" : "bg-white hover:bg-slate-100"], "cursor-pointer border border-slate-200 rounded-lg py-1.5 px-3 text-sm font-medium transition-all duration-200"]),
+          onClick: o[4] || (o[4] = (n) => {
             var b;
             return (b = e.toggleComponentModeFunction) == null ? void 0 : b.call(e);
           })
-        }, v(e.isComponentMode ? "⚒️ Modo Configuración" : "👁️ Modo Visual"), 3),
+        }, p(e.isComponentMode ? "⚒️ Modo Configuración" : "👁️ Modo Visual"), 3),
         t("button", {
-          class: L([[e.fullwidthMode ? "bg-white hover:bg-slate-100" : "bg-gradient-to-r from-slate-600 to-slate-700 border-slate-700 text-white shadow-md"], "cursor-pointer border border-slate-200 rounded-lg py-1.5 px-3 text-sm font-medium transition-all duration-200"]),
-          onClick: o[5] || (o[5] = (r) => {
+          class: G([[e.fullwidthMode ? "bg-white hover:bg-slate-100" : "bg-gradient-to-r from-slate-600 to-slate-700 border-slate-700 text-white shadow-md"], "cursor-pointer border border-slate-200 rounded-lg py-1.5 px-3 text-sm font-medium transition-all duration-200"]),
+          onClick: o[5] || (o[5] = (n) => {
             var b;
             return (b = e.toggleFullwidthMode) == null ? void 0 : b.call(e);
           })
-        }, v(e.fullwidthMode ? "⚒️ Comps. Plegados" : "👁️ Comps. Desplegados"), 3)
+        }, p(e.fullwidthMode ? "⚒️ Comps. Plegados" : "👁️ Comps. Desplegados"), 3)
       ]),
-      t("div", $e, [
+      t("div", ke, [
         t("select", {
           value: e.sectionSelected,
-          onChange: o[6] || (o[6] = (r) => e.$emit("update:sectionSelected", r.target.value)),
+          onChange: o[6] || (o[6] = (n) => e.$emit("update:sectionSelected", n.target.value)),
           class: "bg-white border border-slate-200 rounded-lg px-3 py-1.5 cursor-pointer text-sm focus:outline-none focus:ring-2 focus:ring-emerald-500/20 focus:border-emerald-400 transition-colors"
         }, [
-          (s(!0), i(B, null, V(e.availableSections, (r, b) => (s(), i("option", {
+          (a(!0), r(B, null, V(e.availableSections, (n, b) => (a(), r("option", {
             key: b,
-            value: r
-          }, v(r), 9, Se))), 128))
-        ], 40, ke),
-        N(t("select", {
+            value: n
+          }, p(n), 9, Pe))), 128))
+        ], 40, Se),
+        R(t("select", {
           class: "bg-white border border-slate-200 rounded-lg px-3 py-1.5 cursor-pointer text-sm focus:outline-none focus:ring-2 focus:ring-emerald-500/20 focus:border-emerald-400 transition-colors",
-          "onUpdate:modelValue": o[7] || (o[7] = (r) => e.sectionWidth = r)
+          "onUpdate:modelValue": o[7] || (o[7] = (n) => e.sectionWidth = n)
         }, [
-          o[29] || (o[29] = t("option", {
+          o[31] || (o[31] = t("option", {
             disabled: "",
             value: ""
           }, "Selecciona el ancho de la sección", -1)),
-          t("option", Fe, "Sección " + v(e.sectionSelected) + " ocupa todo el ancho de la página", 1),
-          t("option", Pe, "Sección " + v(e.sectionSelected) + " ocupa 1/2 del ancho de la página", 1),
-          t("option", je, "Sección " + v(e.sectionSelected) + " ocupa 1/3 del ancho de la página", 1),
-          t("option", Ie, "Sección " + v(e.sectionSelected) + " ocupa 2/3 del ancho de la página", 1),
-          t("option", Me, "Sección " + v(e.sectionSelected) + " ocupa 1/4 del ancho de la página", 1),
-          t("option", Ae, "Sección " + v(e.sectionSelected) + " ocupa 3/4 del ancho de la página", 1),
-          t("option", Be, "Sección " + v(e.sectionSelected) + " ocupa 1/5 del ancho de la página", 1),
-          t("option", Ee, "Sección " + v(e.sectionSelected) + " ocupa 2/5 del ancho de la página", 1),
-          t("option", Te, "Sección " + v(e.sectionSelected) + " ocupa 3/5 del ancho de la página", 1),
-          t("option", De, "Sección " + v(e.sectionSelected) + " ocupa 4/5 del ancho de la página", 1)
+          t("option", Fe, "Sección " + p(e.sectionSelected) + " ocupa todo el ancho de la página", 1),
+          t("option", je, "Sección " + p(e.sectionSelected) + " ocupa 1/2 del ancho de la página", 1),
+          t("option", Me, "Sección " + p(e.sectionSelected) + " ocupa 1/3 del ancho de la página", 1),
+          t("option", Ie, "Sección " + p(e.sectionSelected) + " ocupa 2/3 del ancho de la página", 1),
+          t("option", Ae, "Sección " + p(e.sectionSelected) + " ocupa 1/4 del ancho de la página", 1),
+          t("option", Be, "Sección " + p(e.sectionSelected) + " ocupa 3/4 del ancho de la página", 1),
+          t("option", Ee, "Sección " + p(e.sectionSelected) + " ocupa 1/5 del ancho de la página", 1),
+          t("option", Te, "Sección " + p(e.sectionSelected) + " ocupa 2/5 del ancho de la página", 1),
+          t("option", De, "Sección " + p(e.sectionSelected) + " ocupa 3/5 del ancho de la página", 1),
+          t("option", Oe, "Sección " + p(e.sectionSelected) + " ocupa 4/5 del ancho de la página", 1)
         ], 512), [
           [J, e.sectionWidth]
         ]),
         t("button", {
-          class: L([
+          class: G([
             "cursor-pointer border rounded-lg py-1.5 px-3 text-sm font-medium transition-all duration-200 flex items-center gap-2",
             e.showAdvancedConfig ? "bg-gradient-to-r from-amber-500 to-orange-500 border-amber-500 text-white shadow-md" : "bg-white border-slate-200 hover:bg-slate-100"
           ]),
-          onClick: o[8] || (o[8] = (r) => e.showAdvancedConfig = !e.showAdvancedConfig)
+          onClick: o[8] || (o[8] = (n) => e.showAdvancedConfig = !e.showAdvancedConfig)
         }, [
-          o[30] || (o[30] = t("span", null, "⚙️ Página", -1)),
-          e.showAdvancedConfig ? (s(), i("span", Oe, "▲")) : (s(), i("span", Ne, "▼"))
+          o[32] || (o[32] = t("span", null, "⚙️ Página", -1)),
+          e.showAdvancedConfig ? (a(), r("span", Re, "▲")) : (a(), r("span", Ne, "▼"))
         ], 2)
       ]),
-      t("div", Re, [
+      t("div", Ve, [
         t("button", {
-          onClick: o[9] || (o[9] = (r) => e.previewFunction()),
+          onClick: o[9] || (o[9] = (n) => e.previewFunction()),
           class: "cursor-pointer bg-white hover:bg-violet-500 hover:text-white hover:border-violet-500 border border-slate-200 rounded-lg px-3 py-1.5 text-sm font-medium transition-all duration-200 shadow-sm hover:shadow-md"
         }, "🔎 Preview"),
         t("button", {
-          onClick: o[10] || (o[10] = (r) => e.saveButtonAction()),
+          onClick: o[10] || (o[10] = (n) => e.saveButtonAction()),
           title: "No es un guardado real, simplemente almacena la configuración en el navegador para recuperarla luego",
           class: "cursor-pointer bg-gradient-to-r from-emerald-500 to-teal-500 hover:from-emerald-600 hover:to-teal-600 text-white border border-emerald-500 rounded-lg px-3 py-1.5 text-sm font-medium transition-all duration-200 shadow-sm hover:shadow-md"
         }, "💾 Guardar"),
-        t("button", {
-          onClick: o[11] || (o[11] = (r) => e.loadFromLocalStorage()),
+        e.debugMode ? (a(), r("button", {
+          key: 0,
+          onClick: o[11] || (o[11] = (n) => e.loadFromLocalStorage()),
           class: "cursor-pointer bg-white hover:bg-blue-500 hover:text-white hover:border-blue-500 border border-slate-200 rounded-lg px-3 py-1.5 text-sm font-medium transition-all duration-200 shadow-sm hover:shadow-md"
-        }, "⤵️ Cargar"),
+        }, "⤵️ Cargar")) : P("", !0),
         t("button", {
-          onClick: o[12] || (o[12] = (r) => e.toggleExpandScreen()),
+          onClick: o[12] || (o[12] = (n) => e.toggleExpandScreen()),
           title: "Expandir / Contraer Pagebuilder",
           class: "cursor-pointer bg-white hover:bg-slate-700 hover:text-white hover:border-slate-700 border border-slate-200 rounded-lg px-3 py-1.5 text-xl transition-all duration-200 shadow-sm hover:shadow-md ms-2"
         }, "◳")
       ])
     ]),
-    e.showAdvancedConfig && e.parametersPageConfiguration ? (s(), i("div", Ve, [
-      t("div", Ue, [
-        t("div", ze, [
-          o[35] || (o[35] = t("h2", { class: "text-lg font-bold mb-4 text-slate-700" }, "Configuración Avanzada", -1)),
-          o[36] || (o[36] = t("h3", { class: "font-semibold mb-3 text-slate-600" }, "Configuración Global", -1)),
-          t("div", qe, [
-            t("div", Le, [
-              t("label", Ge, [
-                N(t("input", {
+    e.showAdvancedConfig && e.parametersPageConfiguration ? (a(), r("div", Ue, [
+      t("div", ze, [
+        t("div", qe, [
+          o[38] || (o[38] = t("h2", { class: "text-lg font-bold mb-4 text-slate-700" }, "Configuración Avanzada", -1)),
+          o[39] || (o[39] = t("h3", { class: "font-semibold mb-3 text-slate-600" }, "Configuración Global", -1)),
+          t("div", Le, [
+            t("div", Ge, [
+              t("label", Je, [
+                R(t("input", {
+                  type: "checkbox",
+                  "onUpdate:modelValue": o[13] || (o[13] = (n) => e.parametersPageConfiguration.global.sidebarEnabled = n),
+                  onChange: o[14] || (o[14] = (n) => e.$emit("update:parametersPageConfiguration.global.sidebarEnabled", n.target.value)),
+                  class: "w-5 h-5 rounded border-slate-300 text-emerald-500 focus:ring-emerald-500 cursor-pointer"
+                }, null, 544), [
+                  [te, e.parametersPageConfiguration.global.sidebarEnabled]
+                ]),
+                o[33] || (o[33] = t("span", { class: "text-slate-600 group-hover:text-slate-800 transition-colors" }, "Sidebar Habilitado", -1))
+              ])
+            ]),
+            t("div", He, [
+              t("label", We, [
+                R(t("input", {
                   type: "checkbox",
-                  "onUpdate:modelValue": o[13] || (o[13] = (r) => e.parametersPageConfiguration.global.sidebarEnabled = r),
-                  onChange: o[14] || (o[14] = (r) => e.$emit("update:parametersPageConfiguration.global.sidebarEnabled", r.target.value)),
+                  "onUpdate:modelValue": o[15] || (o[15] = (n) => e.parametersPageConfiguration.global.renderAsBodyPart = n),
+                  onChange: o[16] || (o[16] = (n) => e.$emit("update:parametersPageConfiguration.global.renderAsBodyPart", n.target.value)),
                   class: "w-5 h-5 rounded border-slate-300 text-emerald-500 focus:ring-emerald-500 cursor-pointer"
                 }, null, 544), [
-                  [se, e.parametersPageConfiguration.global.sidebarEnabled]
+                  [te, e.parametersPageConfiguration.global.renderAsBodyPart]
                 ]),
-                o[31] || (o[31] = t("span", { class: "text-slate-600 group-hover:text-slate-800 transition-colors" }, "Sidebar Habilitado", -1))
+                o[34] || (o[34] = t("span", { class: "text-slate-600 group-hover:text-slate-800 transition-colors" }, "Renderizar como parte del BODY (Sin etiquetas HTML, HEAD, BODY)", -1))
               ])
             ]),
-            t("div", Je, [
-              o[32] || (o[32] = t("label", {
+            t("div", Ye, [
+              o[35] || (o[35] = t("label", {
                 for: "headSlot",
                 class: "block text-sm font-medium text-slate-600 mb-2"
               }, " Código al final de la sección <head> ", -1)),
-              N(t("textarea", {
+              R(t("textarea", {
                 id: "headSlot",
-                "onUpdate:modelValue": o[15] || (o[15] = (r) => e.parametersPageConfiguration.global.headSlot = r),
-                onInput: o[16] || (o[16] = (r) => e.$emit("update:parametersPageConfiguration.global.headSlot", r.target.value)),
+                "onUpdate:modelValue": o[17] || (o[17] = (n) => e.parametersPageConfiguration.global.headSlot = n),
+                onInput: o[18] || (o[18] = (n) => e.$emit("update:parametersPageConfiguration.global.headSlot", n.target.value)),
                 class: "w-full px-4 py-3 border border-slate-200 rounded-lg focus:outline-none focus:ring-2 focus:ring-emerald-500/20 focus:border-emerald-400 bg-white text-sm font-mono transition-colors",
                 placeholder: "Contenido para el head",
                 rows: "3"
               }, null, 544), [
-                [K, e.parametersPageConfiguration.global.headSlot]
+                [Y, e.parametersPageConfiguration.global.headSlot]
               ])
             ]),
-            t("div", He, [
-              o[33] || (o[33] = t("label", {
+            t("div", Ke, [
+              o[36] || (o[36] = t("label", {
                 for: "bodyBeginSlot",
                 class: "block text-sm font-medium text-slate-600 mb-2"
               }, " Código al principio de la sección <body> ", -1)),
-              N(t("textarea", {
+              R(t("textarea", {
                 id: "bodyBeginSlot",
-                "onUpdate:modelValue": o[17] || (o[17] = (r) => e.parametersPageConfiguration.global.bodyBeginSlot = r),
-                onInput: o[18] || (o[18] = (r) => e.$emit("update:parametersPageConfiguration.global.bodyBeginSlot", r.target.value)),
+                "onUpdate:modelValue": o[19] || (o[19] = (n) => e.parametersPageConfiguration.global.bodyBeginSlot = n),
+                onInput: o[20] || (o[20] = (n) => e.$emit("update:parametersPageConfiguration.global.bodyBeginSlot", n.target.value)),
                 class: "w-full px-4 py-3 border border-slate-200 rounded-lg focus:outline-none focus:ring-2 focus:ring-emerald-500/20 focus:border-emerald-400 bg-white text-sm font-mono transition-colors",
                 placeholder: "Contenido para el inicio del body",
                 rows: "3"
               }, null, 544), [
-                [K, e.parametersPageConfiguration.global.bodyBeginSlot]
+                [Y, e.parametersPageConfiguration.global.bodyBeginSlot]
               ])
             ]),
-            t("div", We, [
-              o[34] || (o[34] = t("label", {
+            t("div", Qe, [
+              o[37] || (o[37] = t("label", {
                 for: "footerSlot",
                 class: "block text-sm font-medium text-slate-600 mb-2"
               }, " Código al final de la sección <body>, dentro de la etiqueta <footer> ", -1)),
-              N(t("textarea", {
+              R(t("textarea", {
                 id: "footerSlot",
-                "onUpdate:modelValue": o[19] || (o[19] = (r) => e.parametersPageConfiguration.global.footerSlot = r),
-                onInput: o[20] || (o[20] = (r) => e.$emit("update:parametersPageConfiguration.global.footerSlot", r.target.value)),
+                "onUpdate:modelValue": o[21] || (o[21] = (n) => e.parametersPageConfiguration.global.footerSlot = n),
+                onInput: o[22] || (o[22] = (n) => e.$emit("update:parametersPageConfiguration.global.footerSlot", n.target.value)),
                 class: "w-full px-4 py-3 border border-slate-200 rounded-lg focus:outline-none focus:ring-2 focus:ring-emerald-500/20 focus:border-emerald-400 bg-white text-sm font-mono transition-colors",
                 placeholder: "Contenido para el footer",
                 rows: "3"
               }, null, 544), [
-                [K, e.parametersPageConfiguration.global.footerSlot]
+                [Y, e.parametersPageConfiguration.global.footerSlot]
               ])
             ])
           ])
         ]),
-        t("div", Ke, [
-          t("div", Qe, [
-            o[37] || (o[37] = t("h2", { class: "text-lg font-bold text-slate-700" }, "Configuración SEO", -1)),
+        t("div", Xe, [
+          t("div", Ze, [
+            o[40] || (o[40] = t("h2", { class: "text-lg font-bold text-slate-700" }, "Configuración SEO", -1)),
             t("button", {
-              onClick: o[21] || (o[21] = (r) => e.validateSeo()),
+              onClick: o[23] || (o[23] = (n) => e.validateSeo()),
               class: "cursor-pointer bg-gradient-to-r from-violet-500 to-purple-500 hover:from-violet-600 hover:to-purple-600 text-white border border-violet-500 rounded-lg px-4 py-1.5 text-sm font-medium transition-all duration-200 shadow-sm hover:shadow-md"
             }, "🦄 Validar SEO")
           ]),
-          t("div", Xe, [
-            t("div", Ye, [
-              o[39] || (o[39] = t("label", {
+          t("div", _e, [
+            t("div", et, [
+              o[42] || (o[42] = t("label", {
                 for: "robotsIndex",
                 class: "block text-sm font-medium text-slate-600 mb-2"
               }, " Indexación de robots ", -1)),
-              N(t("select", {
+              R(t("select", {
                 id: "robotsIndex",
-                "onUpdate:modelValue": o[22] || (o[22] = (r) => e.parametersPageConfiguration.seo.robots = r),
-                onChange: o[23] || (o[23] = (r) => e.$emit("update:parametersPageConfiguration.seo.robots", r.target.value)),
+                "onUpdate:modelValue": o[24] || (o[24] = (n) => e.parametersPageConfiguration.seo.robots = n),
+                onChange: o[25] || (o[25] = (n) => e.$emit("update:parametersPageConfiguration.seo.robots", n.target.value)),
                 class: "w-full px-4 py-2.5 border border-slate-200 rounded-lg focus:outline-none focus:ring-2 focus:ring-emerald-500/20 focus:border-emerald-400 bg-white text-sm transition-colors cursor-pointer"
-              }, [...o[38] || (o[38] = [
+              }, [...o[41] || (o[41] = [
                 t("option", { value: "index, follow" }, "Index Follow", -1),
                 t("option", { value: "noindex, nofollow" }, "Noindex Nofollow", -1)
               ])], 544), [
                 [J, e.parametersPageConfiguration.seo.robots]
               ])
             ]),
-            t("div", Ze, [
-              o[40] || (o[40] = t("label", {
+            t("div", tt, [
+              o[43] || (o[43] = t("label", {
                 for: "pageTitle",
                 class: "block text-sm font-medium text-slate-600 mb-2"
               }, " Título de la página ", -1)),
-              N(t("input", {
+              R(t("input", {
                 id: "pageTitle",
                 type: "text",
-                "onUpdate:modelValue": o[24] || (o[24] = (r) => e.parametersPageConfiguration.seo.title = r),
-                onInput: o[25] || (o[25] = (r) => e.$emit("update:parametersPageConfiguration.seo.title", r.target.value)),
+                "onUpdate:modelValue": o[26] || (o[26] = (n) => e.parametersPageConfiguration.seo.title = n),
+                onInput: o[27] || (o[27] = (n) => e.$emit("update:parametersPageConfiguration.seo.title", n.target.value)),
                 class: "w-full px-4 py-2.5 border border-slate-200 rounded-lg focus:outline-none focus:ring-2 focus:ring-emerald-500/20 focus:border-emerald-400 bg-white text-sm transition-colors",
                 placeholder: "Ingresa el título de la página"
               }, null, 544), [
-                [K, e.parametersPageConfiguration.seo.title]
+                [Y, e.parametersPageConfiguration.seo.title]
               ])
             ]),
-            t("div", _e, [
-              o[41] || (o[41] = t("label", {
+            t("div", ot, [
+              o[44] || (o[44] = t("label", {
                 for: "pageDescription",
                 class: "block text-sm font-medium text-slate-600 mb-2"
               }, " Descripción de la página ", -1)),
-              N(t("textarea", {
+              R(t("textarea", {
                 id: "pageDescription",
-                "onUpdate:modelValue": o[26] || (o[26] = (r) => e.parametersPageConfiguration.seo.description = r),
-                onInput: o[27] || (o[27] = (r) => e.$emit("update:parametersPageConfiguration.seo.description", r.target.value)),
+                "onUpdate:modelValue": o[28] || (o[28] = (n) => e.parametersPageConfiguration.seo.description = n),
+                onInput: o[29] || (o[29] = (n) => e.$emit("update:parametersPageConfiguration.seo.description", n.target.value)),
                 class: "w-full px-4 py-3 border border-slate-200 rounded-lg focus:outline-none focus:ring-2 focus:ring-emerald-500/20 focus:border-emerald-400 bg-white text-sm transition-colors",
                 placeholder: "Ingresa la descripción de la página",
                 rows: "3"
               }, null, 544), [
-                [K, e.parametersPageConfiguration.seo.description]
+                [Y, e.parametersPageConfiguration.seo.description]
               ])
             ])
           ])
         ])
       ])
-    ])) : F("", !0)
+    ])) : P("", !0)
   ], 64);
 }
-const tt = /* @__PURE__ */ he(xe, [["render", et]]), ot = {
+const nt = /* @__PURE__ */ we(he, [["render", lt]]), at = {
   key: 0,
   class: "absolute top-0 left-0 bg-white/90 w-full h-full z-100"
-}, lt = { class: "w-full flex justify-end p-4" }, nt = ["for"], at = {
+}, rt = { class: "w-full flex justify-end p-4" }, st = ["for"], it = {
   key: 0,
   class: "text-red-500"
-}, rt = ["id", "name", "placeholder", "required", "value", "onInput"], st = ["id", "name", "data-mandatoryCrops", "placeholder", "required", "value", "onInput"], it = ["id", "name", "required", "value", "onInput"], dt = ["value"], ut = ["id", "name", "required", "checked", "onChange"], ae = /* @__PURE__ */ H({
+}, dt = ["id", "name", "placeholder", "required", "value", "onInput"], ut = ["id", "name", "data-mandatoryCrops", "placeholder", "required", "value", "onInput"], ct = ["id", "name", "required", "value", "onInput"], mt = ["value"], bt = ["id", "name", "required", "checked", "onChange"], re = /* @__PURE__ */ H({
   __name: "FieldsForm",
   props: {
     object: {
@@ -413,111 +432,111 @@ const tt = /* @__PURE__ */ he(xe, [["render", et]]), ot = {
     }
   },
   setup(e) {
-    const o = e, g = (x, f) => {
-      const u = (o.object.fields || []).find((r) => r.name === x);
-      u && (u.example_value = f);
+    const o = e, g = (h, f) => {
+      const c = (o.object.fields || []).find((n) => n.name === h);
+      c && (c.example_value = f);
     };
-    return (x, f) => (s(), i(B, null, [
-      e.showForm ? (s(), i("div", ot)) : F("", !0),
+    return (h, f) => (a(), r(B, null, [
+      e.showForm ? (a(), r("div", at)) : P("", !0),
       t("div", {
-        class: L(e.showForm ? "relative top-0 w-full text-slate-600 border-1 my-2 px-4 pt-2 pb-3 w-full border-slate-200 bg-slate-50 inline-block rounded-lg flex flex-col z-101" : "hidden")
+        class: G(e.showForm ? "relative top-0 w-full text-slate-600 border-1 my-2 px-4 pt-2 pb-3 w-full border-slate-200 bg-slate-50 inline-block rounded-lg flex flex-col z-101" : "hidden")
       }, [
-        t("div", lt, [
+        t("div", rt, [
           t("span", {
             onClick: f[0] || (f[0] = //@ts-ignore
-            (...u) => e.toggleShowForm && e.toggleShowForm(...u)),
+            (...c) => e.toggleShowForm && e.toggleShowForm(...c)),
             class: "cursor-pointer hover:scale-125 transition-all duration-300"
           }, "❌")
         ]),
         t("form", null, [
-          (s(!0), i(B, null, V(e.object.fields, (u, r) => (s(), i("div", {
-            key: r,
+          (a(!0), r(B, null, V(e.object.fields, (c, n) => (a(), r("div", {
+            key: n,
             class: "mb-4"
           }, [
             t("label", {
-              for: `${e.object.id}-${u.name}-${r}`,
+              for: `${e.object.id}-${c.name}-${n}`,
               class: "block text-sm font-medium mb-1"
             }, [
-              T(v(u.label) + " ", 1),
-              u.mandatory ? (s(), i("span", at, "*")) : F("", !0)
-            ], 8, nt),
-            u.type === "text" ? (s(), i("input", {
+              T(p(c.label) + " ", 1),
+              c.mandatory ? (a(), r("span", it, "*")) : P("", !0)
+            ], 8, st),
+            c.type === "text" ? (a(), r("input", {
               key: 0,
-              id: `${e.object.id}-${u.name}-${r}`,
-              name: `${e.object.id}-${u.name}-${r}`,
+              id: `${e.object.id}-${c.name}-${n}`,
+              name: `${e.object.id}-${c.name}-${n}`,
               type: "text",
               class: "w-full px-3 py-2 border border-slate-300 rounded focus:outline-none focus:ring-2 focus:ring-blue-400",
-              placeholder: u.label,
-              required: u.mandatory,
-              value: u.example_value,
-              onInput: (b) => g(u.name, b.target.value)
-            }, null, 40, rt)) : F("", !0),
-            u.type === "image" ? (s(), i("input", {
+              placeholder: c.label,
+              required: c.mandatory,
+              value: c.example_value,
+              onInput: (b) => g(c.name, b.target.value)
+            }, null, 40, dt)) : P("", !0),
+            c.type === "image" ? (a(), r("input", {
               key: 1,
-              id: `${e.object.id}-${u.name}-${r}`,
-              name: `${e.object.id}-${u.name}-${r}`,
-              "data-mandatoryCrops": u.image_cuts ? JSON.stringify(u.image_cuts) : null,
+              id: `${e.object.id}-${c.name}-${n}`,
+              name: `${e.object.id}-${c.name}-${n}`,
+              "data-mandatoryCrops": c.image_cuts ? JSON.stringify(c.image_cuts) : null,
               type: "text",
               class: "js-limbo w-full px-3 py-2 border border-slate-300 rounded focus:outline-none focus:ring-2 focus:ring-blue-400",
-              placeholder: u.label,
-              required: u.mandatory,
-              value: u.example_value,
-              onInput: (b) => g(u.name, b.target.value)
-            }, null, 40, st)) : u.type === "textArea" ? (s(), ie(G(pe), {
+              placeholder: c.label,
+              required: c.mandatory,
+              value: c.example_value,
+              onInput: (b) => g(c.name, b.target.value)
+            }, null, 40, ut)) : c.type === "textArea" ? (a(), ie(q(xe), {
               key: 2,
               theme: "snow",
-              id: `${e.object.id}-${u.name}-${r}`,
-              name: `${e.object.id}-${u.name}-${r}`,
+              id: `${e.object.id}-${c.name}-${n}`,
+              name: `${e.object.id}-${c.name}-${n}`,
               rows: "3",
               class: "w-full px-3 py-2 border border-slate-300 rounded focus:outline-none focus:ring-2 focus:ring-blue-400 z-9999",
-              placeholder: u.label,
-              required: u.mandatory,
+              placeholder: c.label,
+              required: c.mandatory,
               "onUpdate:content": (b) => {
-                g(u.name, b);
+                g(c.name, b);
               },
-              content: u.example_value,
-              modelValue: u.example_value,
-              "onUpdate:modelValue": (b) => u.example_value = b,
+              content: c.example_value,
+              modelValue: c.example_value,
+              "onUpdate:modelValue": (b) => c.example_value = b,
               contentType: "html"
-            }, null, 8, ["id", "name", "placeholder", "required", "onUpdate:content", "content", "modelValue", "onUpdate:modelValue"])) : u.type === "select" ? (s(), i("select", {
+            }, null, 8, ["id", "name", "placeholder", "required", "onUpdate:content", "content", "modelValue", "onUpdate:modelValue"])) : c.type === "select" ? (a(), r("select", {
               key: 3,
-              id: `${e.object.id}-${u.name}-${r}`,
-              name: `${e.object.id}-${u.name}-${r}`,
+              id: `${e.object.id}-${c.name}-${n}`,
+              name: `${e.object.id}-${c.name}-${n}`,
               class: "w-full px-3 py-2 border border-slate-300 rounded focus:outline-none focus:ring-2 focus:ring-blue-400",
-              required: u.mandatory,
-              value: u.example_value,
-              onInput: (b) => g(u.name, b.target.value)
+              required: c.mandatory,
+              value: c.example_value,
+              onInput: (b) => g(c.name, b.target.value)
             }, [
               f[1] || (f[1] = t("option", {
                 disabled: "",
                 value: ""
               }, "Seleccione una opción", -1)),
-              (s(!0), i(B, null, V(u.options || [], (b, C) => (s(), i("option", {
-                key: C,
+              (a(!0), r(B, null, V(c.options || [], (b, $) => (a(), r("option", {
+                key: $,
                 value: b
-              }, v(b), 9, dt))), 128))
-            ], 40, it)) : u.type === "boolean" ? (s(), i("input", {
+              }, p(b), 9, mt))), 128))
+            ], 40, ct)) : c.type === "boolean" ? (a(), r("input", {
               key: 4,
-              id: `${e.object.id}-${u.name}-${r}`,
-              name: `${e.object.id}-${u.name}-${r}`,
+              id: `${e.object.id}-${c.name}-${n}`,
+              name: `${e.object.id}-${c.name}-${n}`,
               type: "checkbox",
               class: "h-4 w-4 text-blue-600 focus:ring-blue-500 border-slate-300 rounded inline-block",
-              required: u.mandatory,
-              checked: u.example_value,
-              onChange: (b) => g(u.name, b.target.checked)
-            }, null, 40, ut)) : F("", !0)
+              required: c.mandatory,
+              checked: c.example_value,
+              onChange: (b) => g(c.name, b.target.checked)
+            }, null, 40, bt)) : P("", !0)
           ]))), 128))
         ])
       ], 2)
     ], 64));
   }
-}), ct = { class: "space-y-4" }, mt = ["disabled"], bt = ["value"], gt = { class: "space-y-3" }, ft = {
+}), gt = { class: "space-y-4" }, ft = ["disabled"], pt = ["value"], vt = { class: "space-y-3" }, xt = {
   key: 0,
   class: "overflow-y-auto space-y-3"
-}, vt = { class: "block text-sm font-semibold text-slate-600 mb-2" }, pt = ["onChange", "disabled"], xt = ["value"], ht = ["onChange", "disabled"], wt = ["onInput", "disabled", "placeholder"], yt = ["disabled"], Ct = {
+}, ht = { class: "block text-sm font-semibold text-slate-600 mb-2" }, wt = ["onChange", "disabled"], yt = ["value"], Ct = ["onChange", "disabled"], $t = ["onInput", "disabled", "placeholder"], kt = ["disabled"], St = {
   key: 0,
   class: "animate-spin"
-}, $t = { key: 1 }, kt = /* @__PURE__ */ H({
+}, Pt = { key: 1 }, Ft = /* @__PURE__ */ H({
   __name: "SourceFilter",
   props: {
     onSubmit: {
@@ -534,13 +553,13 @@ const tt = /* @__PURE__ */ he(xe, [["render", et]]), ot = {
     }
   },
   setup(e) {
-    const o = e, g = S(!1), x = S(null), f = S({}), u = Q(() => {
-      const a = o.isProduction;
+    const o = e, g = S(!1), h = S(null), f = S({}), c = K(() => {
+      const s = o.isProduction;
       return [
         {
           id: "origen1",
           name: "El Derecho",
-          apiUrl: a ? "https://elderecho.com/feed" : "https://led-dev-elderecho-dev.eu.els.local/feed",
+          apiUrl: s ? "https://elderecho.com/feed" : "https://led-dev-elderecho-dev.eu.els.local/feed",
           filters: [
             { id: "title", label: "Título del Post", type: "text" },
             { id: "category", label: "Slug de la Categoría", type: "text" },
@@ -554,7 +573,7 @@ const tt = /* @__PURE__ */ he(xe, [["render", et]]), ot = {
         {
           id: "origen2",
           name: "Formación",
-          apiUrl: a ? "https://lefebvre.es/formacion/feed" : "http://led-dev-lefebvre-dev.eu.els.local/formacion/feed",
+          apiUrl: s ? "https://lefebvre.es/formacion/feed" : "http://led-dev-lefebvre-dev.eu.els.local/formacion/feed",
           filters: [
             { id: "id", label: "ID del curso", type: "text" },
             { id: "title", label: "Título del Post", type: "text" },
@@ -566,41 +585,41 @@ const tt = /* @__PURE__ */ he(xe, [["render", et]]), ot = {
         {
           id: "origen3",
           name: "Derecholocal",
-          apiUrl: a ? "https://derecholocal.es/feed" : "https://led-dev-derecholocal-dev.eu.els.local/feed",
+          apiUrl: s ? "https://derecholocal.es/feed" : "https://led-dev-derecholocal-dev.eu.els.local/feed",
           filters: []
         },
         {
           id: "origen4",
           name: "EspacioAsesoría",
-          apiUrl: a ? "https://espacioasesoria.com/feed" : "https://led-dev-espacioasesoria-dev.eu.els.local/feed",
+          apiUrl: s ? "https://espacioasesoria.com/feed" : "https://led-dev-espacioasesoria-dev.eu.els.local/feed",
           filters: []
         },
         {
           id: "origen5",
           name: "EspacioPymes",
-          apiUrl: a ? "https://espaciopymes.com/feed" : "https://led-dev-espaciopymes-dev.eu.els.local/feed",
+          apiUrl: s ? "https://espaciopymes.com/feed" : "https://led-dev-espaciopymes-dev.eu.els.local/feed",
           filters: []
         }
       ];
-    }), r = Q(() => {
-      if (!x.value)
+    }), n = K(() => {
+      if (!h.value)
         return [];
-      const a = u.value.find((l) => l.id === x.value);
-      return a ? a.filters : [];
-    }), b = (a, l) => {
-      f.value[a] = l;
-    }, C = () => {
+      const s = c.value.find((l) => l.id === h.value);
+      return s ? s.filters : [];
+    }), b = (s, l) => {
+      f.value[s] = l;
+    }, $ = () => {
       f.value = {};
-    }, I = async () => {
+    }, M = async () => {
       g.value = !0;
-      const a = u.value.find((n) => n.id === x.value);
-      if (!a) {
+      const s = c.value.find((i) => i.id === h.value);
+      if (!s) {
         console.error("Origen no encontrado"), g.value = !1;
         return;
       }
-      const l = new URL(a.apiUrl);
-      Object.keys(f.value).forEach((n) => {
-        f.value[n] && l.searchParams.append(n, f.value[n]);
+      const l = new URL(s.apiUrl);
+      Object.keys(f.value).forEach((i) => {
+        f.value[i] && l.searchParams.append(i, f.value[i]);
       });
       try {
         const m = await (await fetch(l.toString(), {
@@ -608,110 +627,110 @@ const tt = /* @__PURE__ */ he(xe, [["render", et]]), ot = {
           headers: {
             Accept: "text/xml, application/xml"
           }
-        })).text(), A = new DOMParser().parseFromString(m, "text/xml"), w = Array.from(A.querySelectorAll("item")).map((d) => {
-          const c = {};
-          return Array.from(d.children).forEach(($) => {
-            $.children.length > 0 ? Array.from($.children).forEach((j) => {
-              const D = `${$.nodeName}_${j.nodeName}`;
-              c[D] = j.textContent || "";
-            }) : c[$.nodeName] = $.textContent || "";
-          }), c;
+        })).text(), I = new DOMParser().parseFromString(m, "text/xml"), w = Array.from(I.querySelectorAll("item")).map((d) => {
+          const u = {};
+          return Array.from(d.children).forEach((C) => {
+            C.children.length > 0 ? Array.from(C.children).forEach((j) => {
+              const D = `${C.nodeName}_${j.nodeName}`;
+              u[D] = j.textContent || "";
+            }) : u[C.nodeName] = C.textContent || "";
+          }), u;
         });
         o.onSubmit(w);
-      } catch (n) {
-        console.error("Error al aplicar filtros:", n), o.onSubmit([]);
+      } catch (i) {
+        console.error("Error al aplicar filtros:", i), o.onSubmit([]);
       } finally {
-        const n = {
-          name: a.name,
+        const i = {
+          name: s.name,
           url: l.toString()
         };
-        o.updateFeedCriteria(n), g.value = !1;
+        o.updateFeedCriteria(i), g.value = !1;
       }
     };
-    return (a, l) => (s(), i("div", ct, [
+    return (s, l) => (a(), r("div", gt, [
       t("div", null, [
         l[1] || (l[1] = t("label", { class: "block text-sm font-semibold text-slate-600 mb-2" }, "Seleccionar origen:", -1)),
-        N(t("select", {
-          "onUpdate:modelValue": l[0] || (l[0] = (n) => x.value = n),
+        R(t("select", {
+          "onUpdate:modelValue": l[0] || (l[0] = (i) => h.value = i),
           class: "w-full px-3 py-2.5 bg-white border border-slate-200 rounded-lg shadow-sm focus:border-emerald-400 focus:ring-2 focus:ring-emerald-500/20 transition-all duration-200 disabled:bg-slate-100 disabled:cursor-not-allowed cursor-pointer",
-          onChange: C,
+          onChange: $,
           disabled: g.value
         }, [
-          (s(!0), i(B, null, V(u.value, (n) => (s(), i("option", {
-            key: n.id,
-            value: n.id
-          }, v(n.name), 9, bt))), 128))
-        ], 40, mt), [
-          [J, x.value]
+          (a(!0), r(B, null, V(c.value, (i) => (a(), r("option", {
+            key: i.id,
+            value: i.id
+          }, p(i.name), 9, pt))), 128))
+        ], 40, ft), [
+          [J, h.value]
         ])
       ]),
-      t("div", gt, [
-        r.value.length > 0 ? (s(), i("div", ft, [
-          (s(!0), i(B, null, V(r.value, (n) => (s(), i("div", {
-            key: n.id,
+      t("div", vt, [
+        n.value.length > 0 ? (a(), r("div", xt, [
+          (a(!0), r(B, null, V(n.value, (i) => (a(), r("div", {
+            key: i.id,
             class: "bg-gradient-to-br from-slate-50 to-white p-4 rounded-xl border border-slate-200"
           }, [
-            t("label", vt, v(n.label) + ":", 1),
-            n.type === "select" ? (s(), i("select", {
+            t("label", ht, p(i.label) + ":", 1),
+            i.type === "select" ? (a(), r("select", {
               key: 0,
               class: "w-full px-3 py-2.5 bg-white border border-slate-200 rounded-lg shadow-sm focus:border-emerald-400 focus:ring-2 focus:ring-emerald-500/20 transition-all duration-200 disabled:bg-slate-100 disabled:cursor-not-allowed cursor-pointer",
-              onChange: (m) => b(n.id, m.target.value),
+              onChange: (m) => b(i.id, m.target.value),
               disabled: g.value
             }, [
               l[2] || (l[2] = t("option", { value: "" }, "Seleccionar...", -1)),
-              (s(!0), i(B, null, V(n.options, (m) => (s(), i("option", {
+              (a(!0), r(B, null, V(i.options, (m) => (a(), r("option", {
                 key: m,
                 value: m
-              }, v(m), 9, xt))), 128))
-            ], 40, pt)) : n.type === "date" ? (s(), i("input", {
+              }, p(m), 9, yt))), 128))
+            ], 40, wt)) : i.type === "date" ? (a(), r("input", {
               key: 1,
               type: "date",
               class: "w-full px-3 py-2.5 bg-white border border-slate-200 rounded-lg shadow-sm focus:border-emerald-400 focus:ring-2 focus:ring-emerald-500/20 transition-all duration-200 disabled:bg-slate-100 disabled:cursor-not-allowed",
-              onChange: (m) => b(n.id, m.target.value),
+              onChange: (m) => b(i.id, m.target.value),
               disabled: g.value
-            }, null, 40, ht)) : n.type === "text" ? (s(), i("input", {
+            }, null, 40, Ct)) : i.type === "text" ? (a(), r("input", {
               key: 2,
               type: "text",
               class: "w-full px-3 py-2.5 bg-white border border-slate-200 rounded-lg shadow-sm focus:border-emerald-400 focus:ring-2 focus:ring-emerald-500/20 transition-all duration-200 disabled:bg-slate-100 disabled:cursor-not-allowed",
-              onInput: (m) => b(n.id, m.target.value),
+              onInput: (m) => b(i.id, m.target.value),
               disabled: g.value,
-              placeholder: n.label
-            }, null, 40, wt)) : F("", !0)
+              placeholder: i.label
+            }, null, 40, $t)) : P("", !0)
           ]))), 128))
-        ])) : F("", !0),
+        ])) : P("", !0),
         t("button", {
-          onClick: I,
+          onClick: M,
           class: "cursor-pointer w-full bg-gradient-to-r from-emerald-500 to-teal-500 text-white font-semibold px-4 py-3 rounded-xl shadow-md hover:from-emerald-600 hover:to-teal-600 hover:shadow-lg transform hover:-translate-y-0.5 transition-all duration-200 disabled:from-slate-300 disabled:to-slate-400 disabled:cursor-not-allowed disabled:transform-none disabled:shadow-none flex items-center justify-center gap-2",
           disabled: g.value
         }, [
-          g.value ? (s(), i("span", Ct, "⏳")) : (s(), i("span", $t, "🔍")),
-          T(" " + v(g.value ? "Conectando con el feed..." : "Aplicar Filtros"), 1)
-        ], 8, yt)
+          g.value ? (a(), r("span", St, "⏳")) : (a(), r("span", Pt, "🔍")),
+          T(" " + p(g.value ? "Conectando con el feed..." : "Aplicar Filtros"), 1)
+        ], 8, kt)
       ])
     ]));
   }
-}), St = { class: "fixed top-0 left-0 w-full h-full bg-gradient-to-br from-slate-50 via-white to-slate-100 flex flex-col z-9999 p-6" }, Ft = { class: "w-full flex justify-between items-center mb-4" }, Pt = { class: "w-full flex-1 bg-white/60 rounded-2xl flex gap-5 p-5 overflow-hidden backdrop-blur-sm border border-slate-200 shadow-inner" }, jt = { class: "flex-1 flex flex-col gap-5" }, It = { class: "flex flex-col bg-white rounded-2xl shadow-lg border border-slate-200 p-5 overflow-y-auto" }, Mt = {
+}), jt = { class: "fixed top-0 left-0 w-full h-full bg-gradient-to-br from-slate-50 via-white to-slate-100 flex flex-col z-9999 p-6" }, Mt = { class: "w-full flex justify-between items-center mb-4" }, It = { class: "w-full flex-1 bg-white/60 rounded-2xl flex gap-5 p-5 overflow-hidden backdrop-blur-sm border border-slate-200 shadow-inner" }, At = { class: "flex-1 flex flex-col gap-5" }, Bt = { class: "flex flex-col bg-white rounded-2xl shadow-lg border border-slate-200 p-5 overflow-y-auto" }, Et = {
   key: 0,
   class: "mb-4 p-4 bg-gradient-to-br from-emerald-50 to-teal-50 rounded-xl border border-emerald-200 w-full flex-shrink-0 text-sm font-medium text-emerald-700"
-}, At = { class: "list-none mt-3 space-y-2 text-slate-600" }, Bt = { class: "flex items-start gap-2" }, Et = { class: "font-semibold text-slate-700" }, Tt = { class: "flex items-start gap-2" }, Dt = { class: "font-semibold text-slate-700" }, Ot = { class: "font-semibold text-slate-700" }, Nt = { class: "flex items-start gap-2" }, Rt = { class: "flex flex-wrap gap-2 mt-1" }, Vt = { class: "font-semibold text-slate-700" }, Ut = { class: "text-emerald-600" }, zt = { class: "flex flex-col gap-4 w-full" }, qt = { class: "flex items-center gap-3 cursor-pointer group" }, Lt = {
+}, Tt = { class: "list-none mt-3 space-y-2 text-slate-600" }, Dt = { class: "flex items-start gap-2" }, Ot = { class: "font-semibold text-slate-700" }, Rt = { class: "flex items-start gap-2" }, Nt = { class: "font-semibold text-slate-700" }, Vt = { class: "font-semibold text-slate-700" }, Ut = { class: "flex items-start gap-2" }, zt = { class: "flex flex-wrap gap-2 mt-1" }, qt = { class: "font-semibold text-slate-700" }, Lt = { class: "text-emerald-600" }, Gt = { class: "flex flex-col gap-4 w-full" }, Jt = { class: "flex items-center gap-3 cursor-pointer group" }, Ht = {
   key: 0,
   class: "flex flex-col gap-4 ml-8 p-4 bg-gradient-to-br from-slate-50 to-white rounded-xl border border-slate-200"
-}, Gt = { class: "flex flex-col gap-2" }, Jt = { class: "flex flex-col gap-2" }, Ht = { class: "flex-1 flex flex-col bg-white rounded-2xl shadow-lg border border-slate-200 p-5 overflow-y-auto" }, Wt = { class: "flex-1 flex flex-col bg-white rounded-2xl shadow-lg border border-slate-200 p-5 overflow-y-auto" }, Kt = {
+}, Wt = { class: "flex flex-col gap-2" }, Yt = { class: "flex flex-col gap-2" }, Kt = { class: "flex-1 flex flex-col bg-white rounded-2xl shadow-lg border border-slate-200 p-5 overflow-y-auto" }, Qt = { class: "flex-1 flex flex-col bg-white rounded-2xl shadow-lg border border-slate-200 p-5 overflow-y-auto" }, Xt = {
   key: 0,
   class: "flex-1 flex flex-col items-center justify-center text-slate-400"
-}, Qt = {
+}, Zt = {
   key: 1,
   class: "space-y-3"
-}, Xt = ["onClick"], Yt = { class: "font-bold text-slate-800 mb-2" }, Zt = { class: "text-sm text-slate-600 line-clamp-2" }, _t = { class: "flex-1 flex flex-col bg-white rounded-2xl shadow-lg border border-slate-200 p-5 overflow-y-auto" }, eo = {
+}, _t = ["onClick"], eo = { class: "font-bold text-slate-800 mb-2" }, to = { class: "text-sm text-slate-600 line-clamp-2" }, oo = { class: "flex-1 flex flex-col bg-white rounded-2xl shadow-lg border border-slate-200 p-5 overflow-y-auto" }, lo = {
   key: 0,
   class: "flex-1 flex flex-col items-center justify-center text-slate-400"
-}, to = {
+}, no = {
   key: 1,
   class: "space-y-3"
-}, oo = { class: "block text-sm font-bold text-slate-700 mb-2 flex items-center gap-2" }, lo = ["onUpdate:modelValue"], no = ["value"], ao = {
+}, ao = { class: "block text-sm font-bold text-slate-700 mb-2 flex items-center gap-2" }, ro = ["onUpdate:modelValue"], so = ["value"], io = {
   key: 0,
   class: "mt-3 p-3 bg-gradient-to-br from-emerald-50 to-teal-50 rounded-lg border border-emerald-200"
-}, ro = { class: "mt-1 text-sm font-medium text-slate-700 break-words" }, so = /* @__PURE__ */ H({
+}, uo = { class: "mt-1 text-sm font-medium text-slate-700 break-words" }, co = /* @__PURE__ */ H({
   __name: "FeedComponent",
   props: {
     object: {
@@ -732,69 +751,69 @@ const tt = /* @__PURE__ */ he(xe, [["render", et]]), ot = {
     }
   },
   setup(e) {
-    const o = e, g = S(null), x = S(null), f = S(!1), u = S(1), r = S("horizontal"), b = S({}), C = S(null), I = (w) => {
+    const o = e, g = S(null), h = S(null), f = S(!1), c = S(1), n = S("horizontal"), b = S({}), $ = S(null), M = (w) => {
       g.value = w;
-    }, a = (w) => {
-      x.value = w;
+    }, s = (w) => {
+      h.value = w;
     }, l = () => {
       const w = o.object.fields.filter((d) => d.mappedTo).map((d) => {
-        var c;
+        var u;
         return {
           fieldName: d.name,
           mappedTo: d.mappedTo,
-          value: ((c = x.value) == null ? void 0 : c[d.mappedTo]) ?? null
+          value: ((u = h.value) == null ? void 0 : u[d.mappedTo]) ?? null
         };
       });
-      C.value = {
+      $.value = {
         ...b.value,
         dynamicUpdate: f.value,
-        elementCount: u.value,
-        orientation: r.value,
-        mapping: w.map(({ fieldName: d, mappedTo: c }) => ({ fieldName: d, mappedTo: c }))
-      }, o.updateObjectByFeedContent && o.updateObjectByFeedContent(w, C.value), o.toggleFeedSection();
-    }, n = (w) => {
+        elementCount: c.value,
+        orientation: n.value,
+        mapping: w.map(({ fieldName: d, mappedTo: u }) => ({ fieldName: d, mappedTo: u }))
+      }, o.updateObjectByFeedContent && o.updateObjectByFeedContent(w, $.value), o.toggleFeedSection();
+    }, i = (w) => {
       b.value = w;
     }, m = () => {
       var w;
-      (w = o.object) != null && w.repeat_data && (C.value = o.object.repeat_data, f.value = o.object.repeat_data.dynamicUpdate || !1, u.value = o.object.repeat_data.elementCount || 1, r.value = o.object.repeat_data.orientation || "horizontal", b.value = {
+      (w = o.object) != null && w.repeat_data && ($.value = o.object.repeat_data, f.value = o.object.repeat_data.dynamicUpdate || !1, c.value = o.object.repeat_data.elementCount || 1, n.value = o.object.repeat_data.orientation || "horizontal", b.value = {
         name: o.object.repeat_data.name,
         url: o.object.repeat_data.url
       });
     }, k = () => {
-      C.value = null, f.value = !1, u.value = 1, r.value = "horizontal", b.value = {}, o.updateObjectByFeedContent && o.updateObjectByFeedContent([], null);
-    }, A = () => {
+      $.value = null, f.value = !1, c.value = 1, n.value = "horizontal", b.value = {}, o.updateObjectByFeedContent && o.updateObjectByFeedContent([], null);
+    }, I = () => {
       var w;
-      C.value && (C.value = {
-        ...C.value,
+      $.value && ($.value = {
+        ...$.value,
         dynamicUpdate: f.value,
-        elementCount: u.value,
-        orientation: r.value
-      }, o.updateObjectByFeedContent && o.updateObjectByFeedContent(((w = C.value.mapping) == null ? void 0 : w.map((d) => ({
+        elementCount: c.value,
+        orientation: n.value
+      }, o.updateObjectByFeedContent && o.updateObjectByFeedContent(((w = $.value.mapping) == null ? void 0 : w.map((d) => ({
         fieldName: d.fieldName,
         mappedTo: d.mappedTo,
         value: null
-      }))) || [], C.value));
+      }))) || [], $.value));
     };
-    return oe(() => {
+    return le(() => {
       m();
-    }), (w, d) => (s(), i("div", St, [
-      t("div", Ft, [
+    }), (w, d) => (a(), r("div", jt, [
+      t("div", Mt, [
         d[5] || (d[5] = t("h2", { class: "text-2xl font-bold bg-gradient-to-r from-slate-700 to-slate-500 bg-clip-text text-transparent flex items-center gap-3" }, [
           t("span", { class: "text-3xl" }, "🍺"),
           T(" Configuración de Feed ")
         ], -1)),
         t("button", {
           onClick: d[0] || (d[0] = //@ts-ignore
-          (...c) => e.toggleFeedSection && e.toggleFeedSection(...c)),
+          (...u) => e.toggleFeedSection && e.toggleFeedSection(...u)),
           class: "cursor-pointer group w-10 h-10 flex items-center justify-center bg-white hover:bg-red-50 border border-red-200 hover:border-red-400 text-red-400 hover:text-red-600 rounded-full font-semibold shadow-sm hover:shadow-lg transition-all duration-200"
         }, [...d[4] || (d[4] = [
           t("span", { class: "text-lg" }, "✕", -1)
         ])])
       ]),
-      t("div", Pt, [
-        t("div", jt, [
-          t("div", It, [
-            C.value && C.value.dynamicUpdate ? (s(), i("div", Mt, [
+      t("div", It, [
+        t("div", At, [
+          t("div", Bt, [
+            $.value && $.value.dynamicUpdate ? (a(), r("div", Et, [
               t("div", { class: "flex justify-between items-start" }, [
                 d[8] || (d[8] = t("p", { class: "flex items-center gap-2" }, [
                   t("span", { class: "text-emerald-500" }, "✓"),
@@ -802,7 +821,7 @@ const tt = /* @__PURE__ */ he(xe, [["render", et]]), ot = {
                 ], -1)),
                 t("div", { class: "flex items-center gap-2" }, [
                   t("button", {
-                    onClick: A,
+                    onClick: I,
                     class: "cursor-pointer px-3 py-1.5 bg-white hover:bg-emerald-50 text-emerald-500 hover:text-emerald-600 border border-emerald-200 hover:border-emerald-300 rounded-lg text-xs font-semibold transition-all duration-200 flex items-center gap-1 shadow-sm"
                   }, [...d[6] || (d[6] = [
                     t("span", null, "💾", -1),
@@ -817,70 +836,70 @@ const tt = /* @__PURE__ */ he(xe, [["render", et]]), ot = {
                   ])])
                 ])
               ]),
-              t("ul", At, [
-                t("li", Bt, [
+              t("ul", Tt, [
+                t("li", Dt, [
                   d[9] || (d[9] = t("span", { class: "text-emerald-400" }, "→", -1)),
                   d[10] || (d[10] = T(" Conectar con ", -1)),
-                  t("span", Et, v(C.value.name), 1)
+                  t("span", Ot, p($.value.name), 1)
                 ]),
-                t("li", Tt, [
+                t("li", Rt, [
                   d[11] || (d[11] = t("span", { class: "text-emerald-400" }, "→", -1)),
                   d[12] || (d[12] = T(" Recuperar ", -1)),
-                  t("span", Dt, v(C.value.elementCount), 1),
+                  t("span", Nt, p($.value.elementCount), 1),
                   d[13] || (d[13] = T(" items (", -1)),
-                  t("span", Ot, v(C.value.orientation), 1),
+                  t("span", Vt, p($.value.orientation), 1),
                   d[14] || (d[14] = T(")", -1))
                 ]),
-                t("li", Nt, [
+                t("li", Ut, [
                   d[17] || (d[17] = t("span", { class: "text-emerald-400" }, "→", -1)),
                   t("div", null, [
                     d[16] || (d[16] = T(" Mapeo: ", -1)),
-                    t("div", Rt, [
-                      (s(!0), i(B, null, V(C.value.mapping, (c, $) => (s(), i("span", {
-                        key: $,
+                    t("div", zt, [
+                      (a(!0), r(B, null, V($.value.mapping, (u, C) => (a(), r("span", {
+                        key: C,
                         class: "inline-flex items-center gap-1 px-2 py-0.5 bg-white rounded-full text-xs border border-slate-200"
                       }, [
-                        t("span", Vt, v(c.fieldName), 1),
+                        t("span", qt, p(u.fieldName), 1),
                         d[15] || (d[15] = t("span", { class: "text-slate-400" }, "←", -1)),
-                        t("span", Ut, v(c.mappedTo), 1)
+                        t("span", Lt, p(u.mappedTo), 1)
                       ]))), 128))
                     ])
                   ])
                 ])
               ])
-            ])) : F("", !0),
-            t("div", zt, [
-              t("label", qt, [
-                N(t("input", {
+            ])) : P("", !0),
+            t("div", Gt, [
+              t("label", Jt, [
+                R(t("input", {
                   type: "checkbox",
-                  "onUpdate:modelValue": d[1] || (d[1] = (c) => f.value = c),
+                  "onUpdate:modelValue": d[1] || (d[1] = (u) => f.value = u),
                   class: "w-5 h-5 text-emerald-500 border-2 border-slate-300 rounded focus:ring-emerald-500 cursor-pointer"
                 }, null, 512), [
-                  [se, f.value]
+                  [te, f.value]
                 ]),
                 d[18] || (d[18] = t("span", { class: "font-medium text-slate-700 group-hover:text-slate-900 transition-colors" }, "Actualizar dinámicamente según criterios del feed", -1))
               ]),
-              f.value ? (s(), i("div", Lt, [
-                t("div", Gt, [
+              f.value ? (a(), r("div", Ht, [
+                t("div", Wt, [
                   d[19] || (d[19] = t("label", { class: "text-sm font-semibold text-slate-600" }, "Cantidad de elementos:", -1)),
-                  N(t("input", {
+                  R(t("input", {
                     type: "number",
-                    "onUpdate:modelValue": d[2] || (d[2] = (c) => u.value = c),
+                    "onUpdate:modelValue": d[2] || (d[2] = (u) => c.value = u),
                     min: "1",
                     class: "w-32 px-3 py-2 border border-slate-200 rounded-lg focus:ring-2 focus:ring-emerald-500/20 focus:border-emerald-400 transition-colors"
                   }, null, 512), [
                     [
-                      K,
-                      u.value,
+                      Y,
+                      c.value,
                       void 0,
                       { number: !0 }
                     ]
                   ])
                 ]),
-                t("div", Jt, [
+                t("div", Yt, [
                   d[21] || (d[21] = t("label", { class: "text-sm font-semibold text-slate-600" }, "Orientación:", -1)),
-                  N(t("select", {
-                    "onUpdate:modelValue": d[3] || (d[3] = (c) => r.value = c),
+                  R(t("select", {
+                    "onUpdate:modelValue": d[3] || (d[3] = (u) => n.value = u),
                     class: "w-48 px-3 py-2 border border-slate-200 rounded-lg focus:ring-2 focus:ring-emerald-500/20 focus:border-emerald-400 bg-white transition-colors cursor-pointer"
                   }, [...d[20] || (d[20] = [
                     t("option", {
@@ -889,74 +908,74 @@ const tt = /* @__PURE__ */ he(xe, [["render", et]]), ot = {
                     }, "Horizontal", -1),
                     t("option", { value: "vertical" }, "Vertical", -1)
                   ])], 512), [
-                    [J, r.value]
+                    [J, n.value]
                   ])
                 ])
-              ])) : F("", !0)
+              ])) : P("", !0)
             ])
           ]),
-          t("div", Ht, [
+          t("div", Kt, [
             d[22] || (d[22] = t("h3", { class: "text-lg font-bold mb-5 text-slate-700 pb-2 flex items-center gap-2 border-b border-slate-100" }, [
               t("span", { class: "text-xl" }, "🔍"),
               T(" Orígenes y Filtros ")
             ], -1)),
-            q(kt, {
-              onSubmit: I,
-              updateFeedCriteria: n,
+            L(Ft, {
+              onSubmit: M,
+              updateFeedCriteria: i,
               isProduction: e.isProduction
             }, null, 8, ["isProduction"])
           ])
         ]),
-        t("div", Wt, [
+        t("div", Qt, [
           d[24] || (d[24] = t("h3", { class: "text-lg font-bold mb-5 text-slate-700 pb-2 flex items-center gap-2 border-b border-slate-100" }, [
             t("span", { class: "text-xl" }, "📰"),
             T(" Noticias ")
           ], -1)),
-          !g.value || g.value.length === 0 ? (s(), i("div", Kt, [...d[23] || (d[23] = [
+          !g.value || g.value.length === 0 ? (a(), r("div", Xt, [...d[23] || (d[23] = [
             t("span", { class: "text-5xl mb-3 opacity-50" }, "📭", -1),
             t("p", { class: "text-sm font-medium" }, "No hay noticias disponibles", -1),
             t("p", { class: "text-xs mt-1 text-slate-300" }, "Selecciona un origen para cargar noticias", -1)
-          ])])) : (s(), i("ul", Qt, [
-            (s(!0), i(B, null, V(g.value, (c, $) => (s(), i("li", {
-              key: $,
+          ])])) : (a(), r("ul", Zt, [
+            (a(!0), r(B, null, V(g.value, (u, C) => (a(), r("li", {
+              key: C,
               class: "p-4 bg-gradient-to-br from-slate-50 to-white rounded-xl shadow-sm hover:shadow-md cursor-pointer hover:scale-[1.01] transition-all duration-200 border border-slate-200 hover:border-emerald-300",
-              onClick: (j) => a(c)
+              onClick: (j) => s(u)
             }, [
-              t("h4", Yt, v(c.title || c.titulo || "Sin título"), 1),
-              t("p", Zt, v(c.description || c.descripcion || c.content || "Sin descripción"), 1)
-            ], 8, Xt))), 128))
+              t("h4", eo, p(u.title || u.titulo || "Sin título"), 1),
+              t("p", to, p(u.description || u.descripcion || u.content || "Sin descripción"), 1)
+            ], 8, _t))), 128))
           ]))
         ]),
-        t("div", _t, [
+        t("div", oo, [
           d[30] || (d[30] = t("h3", { class: "text-lg font-bold mb-5 text-slate-700 pb-2 flex items-center gap-2 border-b border-slate-100" }, [
             t("span", { class: "text-xl" }, "🔗"),
             T(" Relacionar Noticia ")
           ], -1)),
-          x.value ? (s(), i("div", to, [
-            (s(!0), i(B, null, V(e.object.fields, (c, $) => (s(), i("div", {
-              key: $,
+          h.value ? (a(), r("div", no, [
+            (a(!0), r(B, null, V(e.object.fields, (u, C) => (a(), r("div", {
+              key: C,
               class: "p-4 bg-gradient-to-br from-slate-50 to-white rounded-xl border border-slate-200"
             }, [
-              t("label", oo, [
+              t("label", ao, [
                 d[26] || (d[26] = t("span", { class: "text-base" }, "⚙️", -1)),
-                T(" " + v(c.name), 1)
+                T(" " + p(u.name), 1)
               ]),
-              N(t("select", {
-                "onUpdate:modelValue": (j) => c.mappedTo = j,
+              R(t("select", {
+                "onUpdate:modelValue": (j) => u.mappedTo = j,
                 class: "w-full px-3 py-2.5 border border-slate-200 rounded-lg focus:ring-2 focus:ring-emerald-500/20 focus:border-emerald-400 transition-all bg-white cursor-pointer"
               }, [
                 d[27] || (d[27] = t("option", { value: "" }, "-- Seleccionar campo --", -1)),
-                (s(!0), i(B, null, V(x.value, (j, D) => (s(), i("option", {
+                (a(!0), r(B, null, V(h.value, (j, D) => (a(), r("option", {
                   key: D,
                   value: D
-                }, v(D), 9, no))), 128))
-              ], 8, lo), [
-                [J, c.mappedTo]
+                }, p(D), 9, so))), 128))
+              ], 8, ro), [
+                [J, u.mappedTo]
               ]),
-              c.mappedTo ? (s(), i("div", ao, [
+              u.mappedTo ? (a(), r("div", io, [
                 d[28] || (d[28] = t("span", { class: "text-xs font-semibold text-emerald-600 uppercase tracking-wide" }, "Vista previa:", -1)),
-                t("p", ro, v(x.value[c.mappedTo]), 1)
-              ])) : F("", !0)
+                t("p", uo, p(h.value[u.mappedTo]), 1)
+              ])) : P("", !0)
             ]))), 128)),
             t("button", {
               onClick: l,
@@ -965,7 +984,7 @@ const tt = /* @__PURE__ */ he(xe, [["render", et]]), ot = {
               t("span", { class: "text-lg" }, "✓", -1),
               t("span", null, "Alimentar el componente", -1)
             ])])
-          ])) : (s(), i("div", eo, [...d[25] || (d[25] = [
+          ])) : (a(), r("div", lo, [...d[25] || (d[25] = [
             t("span", { class: "text-5xl mb-3 opacity-50" }, "👆", -1),
             t("p", { class: "text-sm font-medium text-center" }, [
               T("Selecciona una noticia"),
@@ -977,29 +996,29 @@ const tt = /* @__PURE__ */ he(xe, [["render", et]]), ot = {
       ])
     ]));
   }
-}), io = { class: "absolute -top-2.5 left-3 text-[11px] font-medium tracking-wide bg-gradient-to-r from-slate-700 to-slate-600 text-white px-3 py-0.5 rounded-full shadow-sm" }, uo = { class: "w-full text-right flex justify-between items-center mt-1" }, co = { class: "flex gap-3 items-center" }, mo = { class: "bg-rose-50 border border-rose-200 text-rose-500 px-2 py-0.5 text-[10px] font-semibold uppercase tracking-wider rounded-md" }, bo = {
+}), mo = { class: "absolute -top-2.5 left-3 text-[11px] font-medium tracking-wide bg-gradient-to-r from-slate-700 to-slate-600 text-white px-3 py-0.5 rounded-full shadow-sm" }, bo = { class: "w-full text-right flex justify-between items-center mt-1" }, go = { class: "flex gap-3 items-center" }, fo = { class: "bg-rose-50 border border-rose-200 text-rose-500 px-2 py-0.5 text-[10px] font-semibold uppercase tracking-wider rounded-md" }, po = {
   key: 0,
   class: "flex-1 flex justify-center"
-}, go = { class: "flex justify-end items-center gap-3" }, fo = { class: "bg-violet-50 border border-violet-200 text-violet-600 rounded-md px-2 py-0.5 text-[10px] font-semibold uppercase tracking-wider" }, vo = {
+}, vo = { class: "flex justify-end items-center gap-3" }, xo = { class: "bg-violet-50 border border-violet-200 text-violet-600 rounded-md px-2 py-0.5 text-[10px] font-semibold uppercase tracking-wider" }, ho = {
   key: 0,
   class: "flex gap-1 bg-slate-50 rounded-lg p-1"
-}, po = {
+}, wo = {
   key: 0,
   class: "text-[10px] bg-amber-100 text-amber-700 px-1.5 rounded-full font-medium"
-}, xo = { class: "mt-2 flex items-center" }, ho = { class: "font-medium text-slate-700" }, wo = { key: 0 }, yo = { key: 1 }, Co = {
+}, yo = { class: "mt-2 flex items-center" }, Co = { class: "font-medium text-slate-700" }, $o = { key: 0 }, ko = { key: 1 }, So = {
   key: 0,
   class: "mt-3 p-3 bg-gradient-to-r from-sky-50 to-blue-50 rounded-lg text-sm text-slate-600 border border-sky-100"
-}, $o = { class: "mt-3 flex gap-1.5 flex-wrap" }, ko = { class: "absolute top-0 left-0 w-full h-full opacity-0 group-hover:opacity-100 bg-gradient-to-br from-white/90 via-slate-50/95 to-slate-100/90 backdrop-blur-[2px] z-99 transition-all duration-300 rounded-xl" }, So = { class: "flex justify-center h-full items-center p-4 gap-3" }, Fo = {
+}, Po = { class: "mt-3 flex gap-1.5 flex-wrap" }, Fo = { class: "absolute top-0 left-0 w-full h-full opacity-0 group-hover:opacity-100 bg-gradient-to-br from-white/90 via-slate-50/95 to-slate-100/90 backdrop-blur-[2px] z-99 transition-all duration-300 rounded-xl" }, jo = { class: "flex justify-center h-full items-center p-4 gap-3" }, Mo = {
   key: 0,
   title: "Mover componente",
   class: "handle cursor-grab flex items-center bg-white border border-slate-200 px-4 py-2 rounded-xl hover:bg-slate-700 hover:border-slate-700 hover:text-white shadow-sm hover:shadow-md transition-all duration-200 group/btn"
-}, Po = {
+}, Io = {
   key: 1,
   class: "flex-1 flex justify-center items-center"
-}, jo = { class: "flex flex-col items-center" }, Io = {
+}, Ao = { class: "flex flex-col items-center" }, Bo = {
   key: 0,
   class: "text-[10px] mt-0.5 opacity-70"
-}, Mo = ["id"], ce = /* @__PURE__ */ H({
+}, Eo = ["id"], ce = /* @__PURE__ */ H({
   __name: "InitialComponent",
   props: {
     object: {
@@ -1023,49 +1042,49 @@ const tt = /* @__PURE__ */ he(xe, [["render", et]]), ot = {
     }
   },
   setup(e) {
-    const o = e, g = Math.random().toString(36).substring(2, 15), x = S(!1), f = S(!1), u = S(null), r = S(null), b = S(!1), C = S(!1);
+    const o = e, g = Math.random().toString(36).substring(2, 15), h = S(!1), f = S(!1), c = S(null), n = S(null), b = S(!1), $ = S(!1);
     ee(() => o.isComponentMode, (d) => {
-      d || I();
+      d || M();
     }), ee(() => o.object, () => {
-      I();
+      M();
     }, { deep: !0 }), ee(b, async (d) => {
-      d && (await be(), w());
+      d && (await ge(), w());
     });
-    const I = () => {
-      u.value && clearTimeout(u.value), u.value = setTimeout(() => {
+    const M = () => {
+      c.value && clearTimeout(c.value), c.value = setTimeout(() => {
         w();
       }, 500);
-    }, a = () => {
+    }, s = () => {
       if (o.isComponentMode) return;
-      const d = new IntersectionObserver((c) => {
-        c.forEach(($) => {
-          $.isIntersecting && !b.value && (b.value = !0, d.disconnect());
+      const d = new IntersectionObserver((u) => {
+        u.forEach((C) => {
+          C.isIntersecting && !b.value && (b.value = !0, d.disconnect());
         });
       }, { threshold: 0.1 });
-      r.value && d.observe(r.value);
-    }, l = (d, c) => {
-      const $ = (o.object.fields || []).find((j) => j.name === d);
-      $ && ($.example_value = c);
-    }, n = (d, c) => {
-      d.forEach(($) => {
-        $.value !== void 0 && l($.fieldName, $.value);
-      }), o.object.repeat_data = c;
+      n.value && d.observe(n.value);
+    }, l = (d, u) => {
+      const C = (o.object.fields || []).find((j) => j.name === d);
+      C && (C.example_value = u);
+    }, i = (d, u) => {
+      d.forEach((C) => {
+        C.value !== void 0 && l(C.fieldName, C.value);
+      }), o.object.repeat_data = u;
     }, m = () => {
       f.value = !f.value;
     }, k = () => {
-      C.value = !C.value;
-    }, A = () => {
+      $.value = !$.value;
+    }, I = () => {
       w(!0).then((d) => {
-        const c = window.open("", "Preview", "width=1200,height=800");
-        if (!c) {
+        const u = window.open("", "Preview", "width=1200,height=800");
+        if (!u) {
           alert("El navegador bloqueó la ventana emergente. Por favor, permite los popups para este sitio.");
           return;
         }
-        c.document.body.innerHTML = d, c.document.querySelectorAll("script").forEach((j) => {
-          var R;
-          const D = c.document.createElement("script");
-          j.src ? D.src = j.src : D.textContent = j.textContent, (R = j.parentNode) == null || R.replaceChild(D, j);
-        }), c.document.close();
+        u.document.body.innerHTML = d, u.document.querySelectorAll("script").forEach((j) => {
+          var N;
+          const D = u.document.createElement("script");
+          j.src ? D.src = j.src : D.textContent = j.textContent, (N = j.parentNode) == null || N.replaceChild(D, j);
+        }), u.document.close();
       });
     }, w = (d = !1) => {
       var j;
@@ -1073,41 +1092,41 @@ const tt = /* @__PURE__ */ he(xe, [["render", et]]), ot = {
         const D = '<div style="color:white; padding: 1em 2em;background-color:#001978;border-radius:1em;border:4px solid #711978;">Componente que contiene elementos repetidos: TODO: GENERAR PREVIEW DE REPETIDORES</div>';
         if (d)
           return Promise.resolve(D);
-        const R = document.getElementById(g);
-        return R && (R.innerHTML = D), Promise.resolve("");
+        const N = document.getElementById(g);
+        return N && (N.innerHTML = D), Promise.resolve("");
       }
-      const c = o.renderApiDomain ? o.renderApiDomain + "/api/preview-comp/" : "http://localhost:8003/api/preview-comp/", $ = JSON.stringify({ obj: o.object }, null, 2);
-      return fetch(c, {
+      const u = o.renderApiDomain ? o.renderApiDomain + "/api/preview-comp/" : "http://localhost:8003/api/preview-comp/", C = JSON.stringify({ obj: o.object }, null, 2);
+      return fetch(u, {
         method: "POST",
         headers: { "Content-Type": "application/json" },
-        body: $
+        body: C
       }).then((D) => D.text()).then((D) => {
         if (d)
           return D;
-        const R = document.getElementById(g);
-        return R && (R.innerHTML = D), "";
+        const N = document.getElementById(g);
+        return N && (N.innerHTML = D), "";
       });
     };
-    return oe(() => {
-      a();
-    }), (d, c) => (s(), i("div", null, [
-      C.value ? (s(), ie(so, {
+    return le(() => {
+      s();
+    }), (d, u) => (a(), r("div", null, [
+      $.value ? (a(), ie(co, {
         key: 0,
-        updateObjectByFeedContent: n,
+        updateObjectByFeedContent: i,
         toggleFeedSection: k,
         object: e.object,
         isProduction: e.isProduction
-      }, null, 8, ["object", "isProduction"])) : F("", !0),
+      }, null, 8, ["object", "isProduction"])) : P("", !0),
       t("div", {
         ref_key: "rootElement",
-        ref: r,
-        class: L(["min-h-[100px] relative group hover:shadow-lg hover:shadow-slate-200/50 duration-300 ease-out js-draggable-element text-slate-600 border border-slate-200 hover:border-slate-300 px-5 pt-3 pb-4 w-full bg-white inline-block rounded-xl flex flex-col mb-3 z-0 shadow-sm", { "overflow-hidden": !e.isComponentMode }])
+        ref: n,
+        class: G(["min-h-[100px] relative group hover:shadow-lg hover:shadow-slate-200/50 duration-300 ease-out js-draggable-element text-slate-600 border border-slate-200 hover:border-slate-300 px-5 pt-3 pb-4 w-full bg-white inline-block rounded-xl flex flex-col mb-3 z-0 shadow-sm", { "overflow-hidden": !e.isComponentMode }])
       }, [
-        e.isComponentMode ? (s(), i(B, { key: 0 }, [
-          t("span", io, v(e.object.component_name), 1),
-          t("div", uo, [
-            t("div", co, [
-              c[8] || (c[8] = t("div", { class: "handle cursor-grab text-slate-400 hover:text-slate-600 text-lg transition-colors" }, [
+        e.isComponentMode ? (a(), r(B, { key: 0 }, [
+          t("span", mo, p(e.object.component_name), 1),
+          t("div", bo, [
+            t("div", go, [
+              u[8] || (u[8] = t("div", { class: "handle cursor-grab text-slate-400 hover:text-slate-600 text-lg transition-colors" }, [
                 t("svg", {
                   class: "w-5 h-5",
                   fill: "currentColor",
@@ -1116,28 +1135,28 @@ const tt = /* @__PURE__ */ he(xe, [["render", et]]), ot = {
                   t("path", { d: "M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z" })
                 ])
               ], -1)),
-              t("span", mo, v(e.object.category), 1)
+              t("span", fo, p(e.object.category), 1)
             ]),
-            e.fullwidthMode ? (s(), i("div", bo, [
+            e.fullwidthMode ? (a(), r("div", po, [
               t("div", {
                 class: "bg-gradient-to-r from-emerald-500 to-teal-500 hover:from-emerald-600 hover:to-teal-600 text-white rounded-lg px-4 py-1.5 text-xs font-medium cursor-pointer shadow-sm hover:shadow transition-all duration-200",
-                onClick: c[0] || (c[0] = ($) => {
+                onClick: u[0] || (u[0] = (C) => {
                   var j;
                   return (j = e.addComponentToColumn) == null ? void 0 : j.call(e, e.object);
                 })
               }, "Seleccionar")
-            ])) : F("", !0),
-            t("div", go, [
-              t("span", fo, v(e.object.framework), 1),
-              e.insideComponentBox ? F("", !0) : (s(), i("div", vo, [
+            ])) : P("", !0),
+            t("div", vo, [
+              t("span", xo, p(e.object.framework), 1),
+              e.insideComponentBox ? P("", !0) : (a(), r("div", ho, [
                 t("div", {
                   title: "Previsualizar Dummy",
-                  onClick: c[1] || (c[1] = ($) => A()),
+                  onClick: u[1] || (u[1] = (C) => I()),
                   class: "p-1.5 rounded-md hover:bg-white hover:shadow-sm cursor-pointer transition-all duration-200 text-base"
                 }, "🔍"),
                 t("div", {
                   title: "Editar configuración",
-                  onClick: c[2] || (c[2] = ($) => f.value = !f.value),
+                  onClick: u[2] || (u[2] = (C) => f.value = !f.value),
                   class: "p-1.5 rounded-md hover:bg-white hover:shadow-sm cursor-pointer transition-all duration-200 text-base"
                 }, "⚙️"),
                 t("div", {
@@ -1145,43 +1164,43 @@ const tt = /* @__PURE__ */ he(xe, [["render", et]]), ot = {
                   onClick: k,
                   class: "p-1.5 rounded-md hover:bg-white hover:shadow-sm cursor-pointer transition-all duration-200 text-base flex items-center gap-1"
                 }, [
-                  c[9] || (c[9] = T("⚡ ", -1)),
-                  e.object.repeat_data ? (s(), i("span", po, v(e.object.repeat_data.elementCount), 1)) : F("", !0)
+                  u[9] || (u[9] = T("⚡ ", -1)),
+                  e.object.repeat_data ? (a(), r("span", wo, p(e.object.repeat_data.elementCount), 1)) : P("", !0)
                 ]),
-                e.removeComponent ? (s(), i("div", {
+                e.removeComponent ? (a(), r("div", {
                   key: 0,
                   title: "Eliminar componente",
-                  onClick: c[3] || (c[3] = ($) => e.removeComponent(e.object, e.section || "")),
+                  onClick: u[3] || (u[3] = (C) => e.removeComponent(e.object, e.section || "")),
                   class: "p-1.5 rounded-md hover:bg-red-50 hover:shadow-sm cursor-pointer transition-all duration-200 text-base"
-                }, "🗑️")) : F("", !0)
+                }, "🗑️")) : P("", !0)
               ]))
             ])
           ]),
-          q(ae, {
+          L(re, {
             toggleShowForm: m,
             object: e.object,
             showForm: f.value
           }, null, 8, ["object", "showForm"]),
-          t("div", xo, [
-            t("span", ho, v(e.object.name), 1),
+          t("div", yo, [
+            t("span", Co, p(e.object.name), 1),
             t("button", {
-              onClick: c[4] || (c[4] = ($) => x.value = !x.value),
+              onClick: u[4] || (u[4] = (C) => h.value = !h.value),
               class: "ms-2 cursor-pointer text-xs text-slate-400 hover:text-slate-600 transition-colors w-5 h-5 rounded-full hover:bg-slate-100 flex items-center justify-center"
             }, [
-              x.value ? (s(), i("span", yo, "▲")) : (s(), i("span", wo, "▼"))
+              h.value ? (a(), r("span", ko, "▲")) : (a(), r("span", $o, "▼"))
             ])
           ]),
-          x.value ? (s(), i("div", Co, v(e.object.description), 1)) : F("", !0),
-          t("div", $o, [
-            (s(!0), i(B, null, V(e.object.tags, ($, j) => (s(), i("span", {
+          h.value ? (a(), r("div", So, p(e.object.description), 1)) : P("", !0),
+          t("div", Po, [
+            (a(!0), r(B, null, V(e.object.tags, (C, j) => (a(), r("span", {
               key: j,
               class: "bg-slate-50 text-slate-500 px-2.5 py-1 rounded-full text-[11px] font-medium border border-slate-100 hover:border-slate-200 hover:bg-slate-100 transition-colors cursor-default"
-            }, v($), 1))), 128))
+            }, p(C), 1))), 128))
           ])
-        ], 64)) : b.value ? (s(), i(B, { key: 1 }, [
-          t("div", ko, [
-            t("div", So, [
-              e.insideComponentBox && !e.fullwidthMode || !e.insideComponentBox ? (s(), i("div", Fo, [...c[10] || (c[10] = [
+        ], 64)) : b.value ? (a(), r(B, { key: 1 }, [
+          t("div", Fo, [
+            t("div", jo, [
+              e.insideComponentBox && !e.fullwidthMode || !e.insideComponentBox ? (a(), r("div", Mo, [...u[10] || (u[10] = [
                 t("div", { class: "flex flex-col items-center" }, [
                   t("svg", {
                     class: "w-6 h-6 mb-1 text-slate-400 group-hover/btn:text-white",
@@ -1192,28 +1211,28 @@ const tt = /* @__PURE__ */ he(xe, [["render", et]]), ot = {
                   ]),
                   t("span", { class: "text-xs font-medium" }, "Mover")
                 ], -1)
-              ])])) : F("", !0),
-              e.insideComponentBox && e.fullwidthMode ? (s(), i("div", Po, [
+              ])])) : P("", !0),
+              e.insideComponentBox && e.fullwidthMode ? (a(), r("div", Io, [
                 t("div", {
                   title: "Agregar componente a la columna",
-                  onClick: c[5] || (c[5] = ($) => {
+                  onClick: u[5] || (u[5] = (C) => {
                     var j;
                     return (j = e.addComponentToColumn) == null ? void 0 : j.call(e, e.object);
                   }),
                   class: "cursor-pointer flex items-center bg-gradient-to-r from-emerald-500 to-teal-500 hover:from-emerald-600 hover:to-teal-600 text-white px-6 py-3 rounded-xl shadow-md hover:shadow-lg transition-all duration-200"
-                }, [...c[11] || (c[11] = [
+                }, [...u[11] || (u[11] = [
                   t("div", { class: "flex flex-col items-center" }, [
                     t("span", { class: "text-2xl mb-1" }, "🚀"),
                     t("span", { class: "text-sm font-medium" }, "Seleccionar")
                   ], -1)
                 ])])
-              ])) : F("", !0),
-              e.insideComponentBox ? F("", !0) : (s(), i(B, { key: 2 }, [
+              ])) : P("", !0),
+              e.insideComponentBox ? P("", !0) : (a(), r(B, { key: 2 }, [
                 t("div", {
                   title: "Configurar componente",
-                  onClick: c[6] || (c[6] = ($) => f.value = !f.value),
+                  onClick: u[6] || (u[6] = (C) => f.value = !f.value),
                   class: "cursor-pointer flex items-center bg-white border border-slate-200 px-4 py-2 rounded-xl hover:bg-slate-700 hover:border-slate-700 hover:text-white shadow-sm hover:shadow-md transition-all duration-200 group/btn"
-                }, [...c[12] || (c[12] = [
+                }, [...u[12] || (u[12] = [
                   t("div", { class: "flex flex-col items-center" }, [
                     t("span", { class: "text-xl mb-1" }, "⚙️"),
                     t("span", { class: "text-xs font-medium" }, "Configurar")
@@ -1224,52 +1243,52 @@ const tt = /* @__PURE__ */ he(xe, [["render", et]]), ot = {
                   onClick: k,
                   class: "cursor-pointer flex items-center bg-white border border-slate-200 px-4 py-2 rounded-xl hover:bg-amber-500 hover:border-amber-500 hover:text-white shadow-sm hover:shadow-md transition-all duration-200 group/btn"
                 }, [
-                  t("div", jo, [
-                    c[13] || (c[13] = t("span", { class: "text-xl mb-1" }, "⚡", -1)),
-                    c[14] || (c[14] = t("span", { class: "text-xs font-medium" }, "Beber de contenido", -1)),
-                    e.object.repeat_data && e.object.repeat_data.dynamicUpdate ? (s(), i("span", Io, "Carga " + v(e.object.repeat_data.elementCount) + " elementos", 1)) : F("", !0)
+                  t("div", Ao, [
+                    u[13] || (u[13] = t("span", { class: "text-xl mb-1" }, "⚡", -1)),
+                    u[14] || (u[14] = t("span", { class: "text-xs font-medium" }, "Beber de contenido", -1)),
+                    e.object.repeat_data && e.object.repeat_data.dynamicUpdate ? (a(), r("span", Bo, "Carga " + p(e.object.repeat_data.elementCount) + " elementos", 1)) : P("", !0)
                   ])
                 ]),
-                e.removeComponent ? (s(), i("div", {
+                e.removeComponent ? (a(), r("div", {
                   key: 0,
                   title: "Eliminar componente",
-                  onClick: c[7] || (c[7] = ($) => e.removeComponent(e.object, e.section || "")),
+                  onClick: u[7] || (u[7] = (C) => e.removeComponent(e.object, e.section || "")),
                   class: "cursor-pointer flex items-center bg-white border border-slate-200 px-4 py-2 rounded-xl hover:bg-red-500 hover:border-red-500 hover:text-white shadow-sm hover:shadow-md transition-all duration-200 group/btn"
-                }, [...c[15] || (c[15] = [
+                }, [...u[15] || (u[15] = [
                   t("div", { class: "flex flex-col items-center" }, [
                     t("span", { class: "text-xl mb-1" }, "🗑️"),
                     t("span", { class: "text-xs font-medium" }, "Eliminar")
                   ], -1)
-                ])])) : F("", !0)
+                ])])) : P("", !0)
               ], 64))
             ])
           ]),
-          q(ae, {
+          L(re, {
             toggleShowForm: m,
             object: e.object,
             showForm: f.value
           }, null, 8, ["object", "showForm"]),
           t("div", {
-            id: G(g),
+            id: q(g),
             class: "w-full h-full flex items-center justify-center"
-          }, null, 8, Mo)
-        ], 64)) : F("", !0)
+          }, null, 8, Eo)
+        ], 64)) : P("", !0)
       ], 2)
     ]));
   }
-}), Ao = { class: "absolute top-1 left-2 px-2 flex gap-3 items-center" }, Bo = {
+}), To = { class: "absolute top-1 left-2 px-2 flex gap-3 items-center" }, Do = {
   key: 0,
   class: "text-[10px] font-medium text-slate-400 bg-white/80 backdrop-blur-sm px-2 py-0.5 rounded-full shadow-sm"
-}, Eo = { class: "text-slate-600" }, To = {
+}, Oo = { class: "text-slate-600" }, Ro = {
   key: 1,
   class: "text-[10px] font-medium text-slate-400 bg-white/80 backdrop-blur-sm px-2 py-0.5 rounded-full shadow-sm"
-}, Do = { class: "text-slate-600" }, Oo = {
+}, No = { class: "text-slate-600" }, Vo = {
   key: 2,
   class: "text-[10px] font-medium text-slate-400 bg-white/80 backdrop-blur-sm px-2 py-0.5 rounded-full shadow-sm"
-}, No = { class: "text-slate-600" }, Ro = {
+}, Uo = { class: "text-slate-600" }, zo = {
   key: 0,
   class: "my-4 w-full rounded-xl bg-white border border-slate-200 p-4 z-10 hidden group-hover:block shadow-lg"
-}, Vo = { class: "p-4 bg-gradient-to-br from-slate-50 to-white rounded-lg w-full" }, Uo = { class: "flex flex-col" }, zo = ["for"], qo = ["id"], Lo = ["value"], Go = { class: "flex flex-col" }, Jo = ["for"], Ho = ["id"], Wo = ["value"], Ko = { class: "flex flex-col" }, Qo = ["for"], Xo = ["id"], Yo = ["value"], Zo = { class: "absolute bottom-0 flex flex-col gap-1 w-full opacity-0 transition-all duration-300 group-hover:opacity-100" }, _o = { class: "flex justify-between gap-2 bg-white/90 backdrop-blur-sm rounded-t-xl px-3 py-1.5 shadow-sm border border-b-0 border-slate-200" }, el = { class: "flex gap-1" }, tl = /* @__PURE__ */ H({
+}, qo = { class: "p-4 bg-gradient-to-br from-slate-50 to-white rounded-lg w-full" }, Lo = { class: "flex flex-col" }, Go = ["for"], Jo = ["id"], Ho = ["value"], Wo = { class: "flex flex-col" }, Yo = ["for"], Ko = ["id"], Qo = ["value"], Xo = { class: "flex flex-col" }, Zo = ["for"], _o = ["id"], el = ["value"], tl = { class: "absolute bottom-0 flex flex-col gap-1 w-full opacity-0 transition-all duration-300 group-hover:opacity-100" }, ol = { class: "flex justify-between gap-2 bg-white/90 backdrop-blur-sm rounded-t-xl px-3 py-1.5 shadow-sm border border-b-0 border-slate-200" }, ll = { class: "flex gap-1" }, nl = /* @__PURE__ */ H({
   __name: "ColConfig",
   props: {
     globalPageConfiguration: Array,
@@ -1314,189 +1333,189 @@ const tt = /* @__PURE__ */ he(xe, [["render", et]]), ot = {
         { label: "Columna (componentes unos encima de otros)", value: "flex-col" },
         { label: "Fila (componentes unos al lado de otros)", value: "flex-row" }
       ]
-    }, x = S(""), f = S(""), u = S(""), r = S(!1), b = Q(() => {
-      var l, n, m, k;
-      const I = (l = o.globalPageConfiguration) == null ? void 0 : l.find(
-        (A) => A.section === o.section
-      ), a = (k = (m = (n = I == null ? void 0 : I.rows) == null ? void 0 : n[o.rowIndex]) == null ? void 0 : m.columns) == null ? void 0 : k[o.columnIndex];
-      return (a == null ? void 0 : a.config) || {};
-    }), C = (I, a) => {
+    }, h = S(""), f = S(""), c = S(""), n = S(!1), b = K(() => {
+      var l, i, m, k;
+      const M = (l = o.globalPageConfiguration) == null ? void 0 : l.find(
+        (I) => I.section === o.section
+      ), s = (k = (m = (i = M == null ? void 0 : M.rows) == null ? void 0 : i[o.rowIndex]) == null ? void 0 : m.columns) == null ? void 0 : k[o.columnIndex];
+      return (s == null ? void 0 : s.config) || {};
+    }), $ = (M, s) => {
       var k;
-      const l = x.value || g.width[0].value, n = f.value || g.gap[0].value, m = u.value || "";
-      (k = o.updateColConfig) == null || k.call(o, I, a, o.section || "", l, n, m), r.value = !1;
+      const l = h.value || g.width[0].value, i = f.value || g.gap[0].value, m = c.value || "";
+      (k = o.updateColConfig) == null || k.call(o, M, s, o.section || "", l, i, m), n.value = !1;
     };
-    return (I, a) => (s(), i(B, null, [
-      t("div", Ao, [
-        b.value.width !== void 0 ? (s(), i("span", Bo, [
-          a[12] || (a[12] = T(" Ancho: ", -1)),
-          t("span", Eo, v(b.value.width), 1)
-        ])) : F("", !0),
-        b.value.gap !== void 0 ? (s(), i("span", To, [
-          a[13] || (a[13] = T(" Gap: ", -1)),
-          t("span", Do, v(b.value.gap), 1)
-        ])) : F("", !0),
-        b.value.flexDirection !== void 0 ? (s(), i("span", Oo, [
-          a[14] || (a[14] = T(" Flex: ", -1)),
-          t("span", No, v(b.value.flexDirection), 1)
-        ])) : F("", !0)
+    return (M, s) => (a(), r(B, null, [
+      t("div", To, [
+        b.value.width !== void 0 ? (a(), r("span", Do, [
+          s[12] || (s[12] = T(" Ancho: ", -1)),
+          t("span", Oo, p(b.value.width), 1)
+        ])) : P("", !0),
+        b.value.gap !== void 0 ? (a(), r("span", Ro, [
+          s[13] || (s[13] = T(" Gap: ", -1)),
+          t("span", No, p(b.value.gap), 1)
+        ])) : P("", !0),
+        b.value.flexDirection !== void 0 ? (a(), r("span", Vo, [
+          s[14] || (s[14] = T(" Flex: ", -1)),
+          t("span", Uo, p(b.value.flexDirection), 1)
+        ])) : P("", !0)
       ]),
-      r.value ? (s(), i("div", Ro, [
-        t("div", Vo, [
+      n.value ? (a(), r("div", zo, [
+        t("div", qo, [
           t("form", {
-            onSubmit: a[4] || (a[4] = te(() => {
+            onSubmit: s[4] || (s[4] = oe(() => {
             }, ["prevent"])),
             class: "flex gap-5 w-full justify-center items-end flex-wrap"
           }, [
-            t("div", Uo, [
+            t("div", Lo, [
               t("label", {
                 for: `colwidth-${e.rowIndex}-${e.columnIndex}`,
                 class: "block text-sm font-medium text-slate-600 mb-1.5"
-              }, "Ancho:", 8, zo),
-              N(t("select", {
-                "onUpdate:modelValue": a[0] || (a[0] = (l) => x.value = l),
+              }, "Ancho:", 8, Go),
+              R(t("select", {
+                "onUpdate:modelValue": s[0] || (s[0] = (l) => h.value = l),
                 id: `colwidth-${e.rowIndex}-${e.columnIndex}`,
                 class: "block w-full border border-slate-200 rounded-lg px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-emerald-500/20 focus:border-emerald-400 bg-white hover:border-slate-300 transition-colors"
               }, [
-                a[15] || (a[15] = t("option", { value: "" }, "Selecciona...", -1)),
-                (s(!0), i(B, null, V(g.width, (l) => (s(), i("option", {
+                s[15] || (s[15] = t("option", { value: "" }, "Selecciona...", -1)),
+                (a(!0), r(B, null, V(g.width, (l) => (a(), r("option", {
                   key: l.value,
                   value: l.value
-                }, v(l.label), 9, Lo))), 128))
-              ], 8, qo), [
-                [J, x.value]
+                }, p(l.label), 9, Ho))), 128))
+              ], 8, Jo), [
+                [J, h.value]
               ])
             ]),
-            t("div", Go, [
+            t("div", Wo, [
               t("label", {
                 for: `colgap-${e.rowIndex}-${e.columnIndex}`,
                 class: "block text-sm font-medium text-slate-600 mb-1.5"
-              }, "Gap:", 8, Jo),
-              N(t("select", {
-                "onUpdate:modelValue": a[1] || (a[1] = (l) => f.value = l),
+              }, "Gap:", 8, Yo),
+              R(t("select", {
+                "onUpdate:modelValue": s[1] || (s[1] = (l) => f.value = l),
                 id: `colgap-${e.rowIndex}-${e.columnIndex}`,
                 class: "block w-full border border-slate-200 rounded-lg px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-emerald-500/20 focus:border-emerald-400 bg-white hover:border-slate-300 transition-colors"
               }, [
-                a[16] || (a[16] = t("option", { value: "" }, "Selecciona...", -1)),
-                (s(!0), i(B, null, V(g.gap, (l) => (s(), i("option", {
+                s[16] || (s[16] = t("option", { value: "" }, "Selecciona...", -1)),
+                (a(!0), r(B, null, V(g.gap, (l) => (a(), r("option", {
                   key: l.value,
                   value: l.value
-                }, v(l.label), 9, Wo))), 128))
-              ], 8, Ho), [
+                }, p(l.label), 9, Qo))), 128))
+              ], 8, Ko), [
                 [J, f.value]
               ])
             ]),
-            t("div", Ko, [
+            t("div", Xo, [
               t("label", {
                 for: `flexdir-${e.rowIndex}-${e.columnIndex}`,
                 class: "block text-sm font-medium text-slate-600 mb-1.5"
-              }, "Dirección:", 8, Qo),
-              N(t("select", {
-                "onUpdate:modelValue": a[2] || (a[2] = (l) => u.value = l),
+              }, "Dirección:", 8, Zo),
+              R(t("select", {
+                "onUpdate:modelValue": s[2] || (s[2] = (l) => c.value = l),
                 id: `flexdir-${e.rowIndex}-${e.columnIndex}`,
                 class: "block w-full border border-slate-200 rounded-lg px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-emerald-500/20 focus:border-emerald-400 bg-white hover:border-slate-300 transition-colors"
               }, [
-                a[17] || (a[17] = t("option", { value: "" }, "Selecciona...", -1)),
-                (s(!0), i(B, null, V(g.flexDirection, (l) => (s(), i("option", {
+                s[17] || (s[17] = t("option", { value: "" }, "Selecciona...", -1)),
+                (a(!0), r(B, null, V(g.flexDirection, (l) => (a(), r("option", {
                   key: l.value,
                   value: l.value
-                }, v(l.label), 9, Yo))), 128))
-              ], 8, Xo), [
-                [J, u.value]
+                }, p(l.label), 9, el))), 128))
+              ], 8, _o), [
+                [J, c.value]
               ])
             ]),
             t("button", {
               type: "submit",
               class: "bg-gradient-to-r from-emerald-500 to-teal-500 hover:from-emerald-600 hover:to-teal-600 text-white px-5 py-2 rounded-lg font-medium shadow-sm hover:shadow-md transition-all duration-200 cursor-pointer",
-              onClick: a[3] || (a[3] = (l) => {
-                C(e.rowIndex, e.columnIndex), r.value = !1;
+              onClick: s[3] || (s[3] = (l) => {
+                $(e.rowIndex, e.columnIndex), n.value = !1;
               })
             }, " Guardar ")
           ], 32)
         ])
-      ])) : F("", !0),
-      t("div", Zo, [
+      ])) : P("", !0),
+      t("div", tl, [
         t("div", {
-          class: L(["flex flex-row", { "justify-between": e.section && e.section !== "Sidebar", "justify-center": e.section === "Sidebar" }])
+          class: G(["flex flex-row", { "justify-between": e.section && e.section !== "Sidebar", "justify-center": e.section === "Sidebar" }])
         }, [
-          e.section && e.section !== "Sidebar" ? (s(), i("button", {
+          e.section && e.section !== "Sidebar" ? (a(), r("button", {
             key: 0,
             title: "Añadir columna a la izquierda",
-            onClick: a[5] || (a[5] = (l) => {
-              var n;
-              return (n = e.addCol) == null ? void 0 : n.call(e, e.rowIndex, e.columnIndex, e.section, "left");
+            onClick: s[5] || (s[5] = (l) => {
+              var i;
+              return (i = e.addCol) == null ? void 0 : i.call(e, e.rowIndex, e.columnIndex, e.section, "left");
             }),
             class: "ms-2 bg-white px-3 py-1 cursor-pointer rounded-t-lg border border-b-0 border-slate-200 hover:bg-emerald-500 hover:border-emerald-500 hover:text-white text-slate-600 transition-all duration-200 shadow-sm hover:shadow-md font-medium"
-          }, "+")) : F("", !0),
-          t("div", _o, [
+          }, "+")) : P("", !0),
+          t("div", ol, [
             t("button", {
               title: "Configurar columna",
-              onClick: a[6] || (a[6] = (l) => r.value = !r.value),
-              class: L(["px-2.5 py-1 rounded-lg cursor-pointer transition-all duration-200", r.value ? "bg-amber-100 text-amber-700 shadow-sm" : "bg-slate-100 text-slate-600 hover:bg-amber-500 hover:text-white"])
+              onClick: s[6] || (s[6] = (l) => n.value = !n.value),
+              class: G(["px-2.5 py-1 rounded-lg cursor-pointer transition-all duration-200", n.value ? "bg-amber-100 text-amber-700 shadow-sm" : "bg-slate-100 text-slate-600 hover:bg-amber-500 hover:text-white"])
             }, "⚙️", 2),
-            t("div", el, [
-              e.section && e.section !== "Sidebar" ? (s(), i("span", {
+            t("div", ll, [
+              e.section && e.section !== "Sidebar" ? (a(), r("span", {
                 key: 0,
                 title: "Mover columna a la izquierda",
-                onClick: a[7] || (a[7] = (l) => {
-                  var n;
-                  return (n = e.moveCol) == null ? void 0 : n.call(e, e.rowIndex, e.columnIndex, e.section, "left");
+                onClick: s[7] || (s[7] = (l) => {
+                  var i;
+                  return (i = e.moveCol) == null ? void 0 : i.call(e, e.rowIndex, e.columnIndex, e.section, "left");
                 }),
                 class: "bg-slate-100 px-2.5 py-1 cursor-pointer rounded-lg transition-all duration-200 text-slate-400 hover:bg-blue-500 hover:text-white"
-              }, "◁")) : F("", !0),
-              e.fullwidthMode ? (s(), i("span", {
+              }, "◁")) : P("", !0),
+              e.fullwidthMode ? (a(), r("span", {
                 key: 1,
                 title: "Añadir componente",
-                onClick: a[8] || (a[8] = (l) => {
-                  var n;
-                  return (n = e.addComponentFunction) == null ? void 0 : n.call(e, e.rowIndex, e.columnIndex, e.section || "");
+                onClick: s[8] || (s[8] = (l) => {
+                  var i;
+                  return (i = e.addComponentFunction) == null ? void 0 : i.call(e, e.rowIndex, e.columnIndex, e.section || "");
                 }),
                 class: "bg-slate-100 px-2.5 py-1 cursor-pointer rounded-lg transition-all duration-200 text-slate-400 hover:bg-violet-500 hover:text-white"
-              }, " 📦 ")) : F("", !0),
-              e.section && e.section !== "Sidebar" ? (s(), i("span", {
+              }, " 📦 ")) : P("", !0),
+              e.section && e.section !== "Sidebar" ? (a(), r("span", {
                 key: 2,
                 title: "Mover columna a la derecha",
-                onClick: a[9] || (a[9] = (l) => {
-                  var n;
-                  return (n = e.moveCol) == null ? void 0 : n.call(e, e.rowIndex, e.columnIndex, e.section, "right");
+                onClick: s[9] || (s[9] = (l) => {
+                  var i;
+                  return (i = e.moveCol) == null ? void 0 : i.call(e, e.rowIndex, e.columnIndex, e.section, "right");
                 }),
                 class: "bg-slate-100 px-2.5 py-1 cursor-pointer rounded-lg transition-all duration-200 text-slate-400 hover:bg-blue-500 hover:text-white"
-              }, "▷ ")) : F("", !0)
+              }, "▷ ")) : P("", !0)
             ]),
             t("button", {
               title: "Eliminar columna",
-              onClick: a[10] || (a[10] = (l) => {
-                var n;
-                return (n = e.removeCol) == null ? void 0 : n.call(e, e.rowIndex, e.columnIndex, e.section || "");
+              onClick: s[10] || (s[10] = (l) => {
+                var i;
+                return (i = e.removeCol) == null ? void 0 : i.call(e, e.rowIndex, e.columnIndex, e.section || "");
               }),
               class: "bg-slate-100 px-2.5 py-1 rounded-lg cursor-pointer transition-all duration-200 text-slate-600 hover:bg-red-500 hover:text-white"
             }, "🗑️")
           ]),
-          e.section && e.section !== "Sidebar" ? (s(), i("button", {
+          e.section && e.section !== "Sidebar" ? (a(), r("button", {
             key: 1,
             title: "Añadir columna a la derecha",
-            onClick: a[11] || (a[11] = (l) => {
-              var n;
-              return (n = e.addCol) == null ? void 0 : n.call(e, e.rowIndex, e.columnIndex, e.section, "right");
+            onClick: s[11] || (s[11] = (l) => {
+              var i;
+              return (i = e.addCol) == null ? void 0 : i.call(e, e.rowIndex, e.columnIndex, e.section, "right");
             }),
             class: "me-2 bg-white px-3 py-1 cursor-pointer rounded-t-lg border border-b-0 border-slate-200 hover:bg-emerald-500 hover:border-emerald-500 hover:text-white text-slate-600 transition-all duration-200 shadow-sm hover:shadow-md font-medium"
-          }, "+")) : F("", !0)
+          }, "+")) : P("", !0)
         ], 2)
       ])
     ], 64));
   }
-}), ol = { class: "absolute -top-1 px-2 gap-4 w-full justify-between hidden css-pb-row-config" }, ll = { class: "flex gap-1.5" }, nl = { class: "flex gap-4 items-center" }, al = { class: "inline-block" }, rl = {
+}), al = { class: "absolute -top-1 px-2 gap-4 w-full justify-between hidden css-pb-row-config" }, rl = { class: "flex gap-1.5" }, sl = { class: "flex gap-4 items-center" }, il = { class: "inline-block" }, dl = {
   key: 0,
   class: "text-xs font-medium text-slate-400 bg-slate-50 px-2 py-1 rounded-full"
-}, sl = { class: "text-slate-600" }, il = {
+}, ul = { class: "text-slate-600" }, cl = {
   key: 1,
   class: "text-xs font-medium text-slate-400 bg-slate-50 px-2 py-1 rounded-full"
-}, dl = { class: "text-slate-600" }, ul = {
+}, ml = { class: "text-slate-600" }, bl = {
   key: 2,
   class: "text-xs font-medium text-slate-400 bg-slate-50 px-2 py-1 rounded-full"
-}, cl = { class: "text-slate-600" }, ml = { class: "flex gap-1.5" }, bl = {
+}, gl = { class: "text-slate-600" }, fl = { class: "flex gap-1.5" }, pl = {
   key: 0,
   class: "z-1"
-}, gl = { class: "p-5 bg-white rounded-xl shadow-lg border border-slate-100 w-full mt-8" }, fl = { class: "flex flex-col" }, vl = ["for"], pl = ["id"], xl = ["value"], hl = { class: "flex flex-col" }, wl = ["for"], yl = ["id"], Cl = ["value"], $l = { class: "flex flex-col" }, kl = ["for"], Sl = ["id"], Fl = ["value"], Pl = /* @__PURE__ */ H({
+}, vl = { class: "p-5 bg-white rounded-xl shadow-lg border border-slate-100 w-full mt-8" }, xl = { class: "flex flex-col" }, hl = ["for"], wl = ["id"], yl = ["value"], Cl = { class: "flex flex-col" }, $l = ["for"], kl = ["id"], Sl = ["value"], Pl = { class: "flex flex-col" }, Fl = ["for"], jl = ["id"], Ml = ["value"], Il = /* @__PURE__ */ H({
   __name: "RowConfig",
   props: {
     rowIndex: {
@@ -1537,24 +1556,24 @@ const tt = /* @__PURE__ */ he(xe, [["render", et]]), ot = {
         { label: "3/5", value: "3/5" },
         { label: "4/5", value: "4/5" }
       ]
-    }, x = S(""), f = S(""), u = S(""), r = S(!1), b = S(!1), C = Q(() => {
-      var l, n;
-      const a = (l = o.globalPageConfiguration) == null ? void 0 : l.find(
+    }, h = S(""), f = S(""), c = S(""), n = S(!1), b = S(!1), $ = K(() => {
+      var l, i;
+      const s = (l = o.globalPageConfiguration) == null ? void 0 : l.find(
         (m) => m.section === o.section
       );
-      return (n = a == null ? void 0 : a.rows) != null && n[o.rowIndex] ? a.rows[o.rowIndex].config || {} : {};
-    }), I = (a) => {
+      return (i = s == null ? void 0 : s.rows) != null && i[o.rowIndex] ? s.rows[o.rowIndex].config || {} : {};
+    }), M = (s) => {
       var k;
-      const l = x.value || g.padding[0].value, n = f.value || g.gap[0].value, m = u.value || g.width[0].value;
-      (k = o.updateRowConfig) == null || k.call(o, a, o.section || "", l, n, m), r.value = !1;
+      const l = h.value || g.padding[0].value, i = f.value || g.gap[0].value, m = c.value || g.width[0].value;
+      (k = o.updateRowConfig) == null || k.call(o, s, o.section || "", l, i, m), n.value = !1;
     };
-    return (a, l) => (s(), i(B, null, [
-      t("div", ol, [
+    return (s, l) => (a(), r(B, null, [
+      t("div", al, [
         t("div", null, [
-          t("div", ll, [
+          t("div", rl, [
             t("button", {
               title: "Agregar fila",
-              onClick: l[0] || (l[0] = (n) => {
+              onClick: l[0] || (l[0] = (i) => {
                 var m;
                 (m = e.addRow) == null || m.call(e, e.rowIndex, e.section || ""), b.value = !1;
               }),
@@ -1562,7 +1581,7 @@ const tt = /* @__PURE__ */ he(xe, [["render", et]]), ot = {
             }, "+"),
             t("button", {
               title: "Mover fila hacia arriba",
-              onClick: l[1] || (l[1] = (n) => {
+              onClick: l[1] || (l[1] = (i) => {
                 var m;
                 (m = e.moveRow) == null || m.call(e, e.rowIndex, e.section || "", "up"), b.value = !1;
               }),
@@ -1570,7 +1589,7 @@ const tt = /* @__PURE__ */ he(xe, [["render", et]]), ot = {
             }, "△"),
             t("button", {
               title: "Mover fila hacia abajo",
-              onClick: l[2] || (l[2] = (n) => {
+              onClick: l[2] || (l[2] = (i) => {
                 var m;
                 (m = e.moveRow) == null || m.call(e, e.rowIndex, e.section || "", "down"), b.value = !1;
               }),
@@ -1578,32 +1597,32 @@ const tt = /* @__PURE__ */ he(xe, [["render", et]]), ot = {
             }, "▽")
           ])
         ]),
-        t("div", nl, [
-          t("div", al, [
+        t("div", sl, [
+          t("div", il, [
             t("button", {
               title: "Configurar la fila",
-              onClick: l[3] || (l[3] = (n) => r.value = !r.value),
-              class: L(["cursor-pointer rounded-b-lg border border-t-0 px-3 py-1 transition-all duration-200 shadow-sm hover:shadow-md", r.value ? "bg-amber-100 border-amber-300 text-amber-700" : "bg-white border-slate-200 text-slate-600 hover:bg-amber-500 hover:border-amber-500 hover:text-white"])
+              onClick: l[3] || (l[3] = (i) => n.value = !n.value),
+              class: G(["cursor-pointer rounded-b-lg border border-t-0 px-3 py-1 transition-all duration-200 shadow-sm hover:shadow-md", n.value ? "bg-amber-100 border-amber-300 text-amber-700" : "bg-white border-slate-200 text-slate-600 hover:bg-amber-500 hover:border-amber-500 hover:text-white"])
             }, "⚙️", 2)
           ]),
-          C.value.padding !== void 0 ? (s(), i("span", rl, [
+          $.value.padding !== void 0 ? (a(), r("span", dl, [
             l[10] || (l[10] = T(" Padding: ", -1)),
-            t("span", sl, v(C.value.padding), 1)
-          ])) : F("", !0),
-          C.value.gap !== void 0 ? (s(), i("span", il, [
+            t("span", ul, p($.value.padding), 1)
+          ])) : P("", !0),
+          $.value.gap !== void 0 ? (a(), r("span", cl, [
             l[11] || (l[11] = T(" Gap: ", -1)),
-            t("span", dl, v(C.value.gap), 1)
-          ])) : F("", !0),
-          C.value.width !== void 0 ? (s(), i("span", ul, [
+            t("span", ml, p($.value.gap), 1)
+          ])) : P("", !0),
+          $.value.width !== void 0 ? (a(), r("span", bl, [
             l[12] || (l[12] = T(" Ancho: ", -1)),
-            t("span", cl, v(C.value.width), 1)
-          ])) : F("", !0)
+            t("span", gl, p($.value.width), 1)
+          ])) : P("", !0)
         ]),
         t("div", null, [
-          t("div", ml, [
+          t("div", fl, [
             t("button", {
               title: "Eliminar fila",
-              onClick: l[4] || (l[4] = (n) => {
+              onClick: l[4] || (l[4] = (i) => {
                 var m;
                 (m = e.removeRow) == null || m.call(e, e.rowIndex, e.section || ""), b.value = !1;
               }),
@@ -1612,83 +1631,83 @@ const tt = /* @__PURE__ */ he(xe, [["render", et]]), ot = {
           ])
         ])
       ]),
-      r.value ? (s(), i("div", bl, [
-        t("div", gl, [
+      n.value ? (a(), r("div", pl, [
+        t("div", vl, [
           t("form", {
-            onSubmit: l[9] || (l[9] = te(() => {
+            onSubmit: l[9] || (l[9] = oe(() => {
             }, ["prevent"])),
             class: "flex gap-6 w-full justify-center items-end flex-wrap"
           }, [
-            t("div", fl, [
+            t("div", xl, [
               t("label", {
                 for: `padding-${e.rowIndex}`,
                 class: "block text-sm font-medium text-slate-600 mb-1.5"
-              }, "Padding:", 8, vl),
-              N(t("select", {
-                "onUpdate:modelValue": l[5] || (l[5] = (n) => x.value = n),
+              }, "Padding:", 8, hl),
+              R(t("select", {
+                "onUpdate:modelValue": l[5] || (l[5] = (i) => h.value = i),
                 id: `padding-${e.rowIndex}`,
                 class: "block w-full border border-slate-200 rounded-lg px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-emerald-500/20 focus:border-emerald-400 bg-slate-50 hover:bg-white transition-colors"
               }, [
                 l[13] || (l[13] = t("option", { value: "" }, "Selecciona...", -1)),
-                (s(!0), i(B, null, V(g.padding, (n) => (s(), i("option", {
-                  key: n.value,
-                  value: n.value
-                }, v(n.label), 9, xl))), 128))
-              ], 8, pl), [
-                [J, x.value]
+                (a(!0), r(B, null, V(g.padding, (i) => (a(), r("option", {
+                  key: i.value,
+                  value: i.value
+                }, p(i.label), 9, yl))), 128))
+              ], 8, wl), [
+                [J, h.value]
               ])
             ]),
-            t("div", hl, [
+            t("div", Cl, [
               t("label", {
                 for: `gap-${e.rowIndex}`,
                 class: "block text-sm font-medium text-slate-600 mb-1.5"
-              }, "Gap:", 8, wl),
-              N(t("select", {
-                "onUpdate:modelValue": l[6] || (l[6] = (n) => f.value = n),
+              }, "Gap:", 8, $l),
+              R(t("select", {
+                "onUpdate:modelValue": l[6] || (l[6] = (i) => f.value = i),
                 id: `gap-${e.rowIndex}`,
                 class: "block w-full border border-slate-200 rounded-lg px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-emerald-500/20 focus:border-emerald-400 bg-slate-50 hover:bg-white transition-colors"
               }, [
                 l[14] || (l[14] = t("option", { value: "" }, "Selecciona...", -1)),
-                (s(!0), i(B, null, V(g.gap, (n) => (s(), i("option", {
-                  key: n.value,
-                  value: n.value
-                }, v(n.label), 9, Cl))), 128))
-              ], 8, yl), [
+                (a(!0), r(B, null, V(g.gap, (i) => (a(), r("option", {
+                  key: i.value,
+                  value: i.value
+                }, p(i.label), 9, Sl))), 128))
+              ], 8, kl), [
                 [J, f.value]
               ])
             ]),
-            t("div", $l, [
+            t("div", Pl, [
               t("label", {
                 for: `width-${e.rowIndex}`,
                 class: "block text-sm font-medium text-slate-600 mb-1.5"
-              }, "Ancho:", 8, kl),
-              N(t("select", {
-                "onUpdate:modelValue": l[7] || (l[7] = (n) => u.value = n),
+              }, "Ancho:", 8, Fl),
+              R(t("select", {
+                "onUpdate:modelValue": l[7] || (l[7] = (i) => c.value = i),
                 id: `width-${e.rowIndex}`,
                 class: "block w-full border border-slate-200 rounded-lg px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-emerald-500/20 focus:border-emerald-400 bg-slate-50 hover:bg-white transition-colors"
               }, [
                 l[15] || (l[15] = t("option", { value: "" }, "Selecciona...", -1)),
-                (s(!0), i(B, null, V(g.width, (n) => (s(), i("option", {
-                  key: n.value,
-                  value: n.value
-                }, v(n.label), 9, Fl))), 128))
-              ], 8, Sl), [
-                [J, u.value]
+                (a(!0), r(B, null, V(g.width, (i) => (a(), r("option", {
+                  key: i.value,
+                  value: i.value
+                }, p(i.label), 9, Ml))), 128))
+              ], 8, jl), [
+                [J, c.value]
               ])
             ]),
             t("button", {
               type: "submit",
               class: "bg-gradient-to-r from-emerald-500 to-teal-500 hover:from-emerald-600 hover:to-teal-600 text-white px-5 py-2 rounded-lg font-medium shadow-sm hover:shadow-md transition-all duration-200 cursor-pointer",
-              onClick: l[8] || (l[8] = (n) => {
-                I(e.rowIndex), b.value = !1;
+              onClick: l[8] || (l[8] = (i) => {
+                M(e.rowIndex), b.value = !1;
               })
             }, " Guardar ")
           ], 32)
         ])
-      ])) : F("", !0)
+      ])) : P("", !0)
     ], 64));
   }
-}), jl = ["id"], Il = { class: "flex flex-row w-full gap-3 mt-6" }, Ml = ["id"], Al = /* @__PURE__ */ H({
+}), Al = ["id"], Bl = { class: "flex flex-row w-full gap-3 mt-6" }, El = ["id"], Tl = /* @__PURE__ */ H({
   __name: "BodySection",
   props: {
     isComponentMode: Boolean,
@@ -1712,19 +1731,19 @@ const tt = /* @__PURE__ */ he(xe, [["render", et]]), ot = {
     }
   },
   setup(e) {
-    const o = e, g = S(!1), x = Q(() => {
-      var u;
-      const f = (u = o.globalPageConfiguration) == null ? void 0 : u.find(
-        (r) => r.section === o.sectionSelected
+    const o = e, g = S(!1), h = K(() => {
+      var c;
+      const f = (c = o.globalPageConfiguration) == null ? void 0 : c.find(
+        (n) => n.section === o.sectionSelected
       );
       return (f == null ? void 0 : f.rows) || [];
     });
-    return (f, u) => (s(!0), i(B, null, V(x.value, (r, b) => (s(), i("div", {
+    return (f, c) => (a(!0), r(B, null, V(h.value, (n, b) => (a(), r("div", {
       key: "row-" + b,
       id: "row-" + e.sectionSelected + "-" + b,
       class: "flex flex-col gap-3 w-full p-5 bg-white border border-slate-200 rounded-2xl js-row relative items-center hover:border-slate-300 hover:shadow-lg transition-all duration-300 css-pb-row group/row"
     }, [
-      q(Pl, {
+      L(Il, {
         moveRow: e.moveRow,
         addRow: e.addRow,
         removeRow: e.removeRow,
@@ -1733,28 +1752,28 @@ const tt = /* @__PURE__ */ he(xe, [["render", et]]), ot = {
         rowIndex: b,
         section: e.sectionSelected
       }, null, 8, ["moveRow", "addRow", "removeRow", "globalPageConfiguration", "updateRowConfig", "rowIndex", "section"]),
-      t("div", Il, [
-        (s(!0), i(B, null, V(r.columns, (C, I) => (s(), i("div", {
-          class: L([
+      t("div", Bl, [
+        (a(!0), r(B, null, V(n.columns, ($, M) => (a(), r("div", {
+          class: G([
             "hover:shadow-md overflow-hidden dragging-zone border relative border-slate-200 shadow-sm w-full p-5 pt-10 min-h-[200px] rounded-xl flex flex-col gap-3 items-center before:content-['Columna'] before:absolute before:text-slate-300 before:text-7xl before:font-bold before:bottom-4 before:left-2 before:-rotate-12 before:opacity-30 before:duration-300 before:transition-opacity group hover:before:opacity-50 transition-all duration-300",
             g.value ? "bg-gradient-to-b from-emerald-50 to-emerald-100 border-emerald-300 shadow-emerald-100" : "bg-gradient-to-b from-slate-50 to-slate-100"
           ]),
-          key: "column-" + I,
-          id: "col-" + e.sectionSelected + "-" + b + "-" + I
+          key: "column-" + M,
+          id: "col-" + e.sectionSelected + "-" + b + "-" + M
         }, [
-          q(G(ue), {
+          L(q(ue), {
             class: "h-full w-full mb-4",
-            list: C.components,
+            list: $.components,
             group: { name: "draggingGroup", pull: !0, put: !0 },
             "item-key": "name",
             handle: ".handle",
-            onStart: u[0] || (u[0] = (a) => g.value = !0),
-            onEnd: u[1] || (u[1] = (a) => g.value = !1)
+            onStart: c[0] || (c[0] = (s) => g.value = !0),
+            onEnd: c[1] || (c[1] = (s) => g.value = !1)
           }, {
-            item: de(({ element: a }) => [
-              q(ce, {
+            item: de(({ element: s }) => [
+              L(ce, {
                 renderApiDomain: e.renderApiDomain,
-                object: a,
+                object: s,
                 "is-component-mode": e.isComponentMode,
                 removeComponent: e.removeComponent,
                 section: e.sectionSelected,
@@ -1763,7 +1782,7 @@ const tt = /* @__PURE__ */ he(xe, [["render", et]]), ot = {
             ]),
             _: 1
           }, 8, ["list"]),
-          q(tl, {
+          L(nl, {
             section: e.sectionSelected,
             globalPageConfiguration: e.globalPageConfiguration,
             updateColConfig: e.updateColConfig,
@@ -1773,16 +1792,16 @@ const tt = /* @__PURE__ */ he(xe, [["render", et]]), ot = {
             removeCol: e.removeCol,
             moveCol: e.moveCol,
             rowIndex: b,
-            columnIndex: I
+            columnIndex: M
           }, null, 8, ["section", "globalPageConfiguration", "updateColConfig", "addComponentFunction", "fullwidthMode", "addCol", "removeCol", "moveCol", "rowIndex", "columnIndex"])
-        ], 10, Ml))), 128))
+        ], 10, El))), 128))
       ])
-    ], 8, jl))), 128));
+    ], 8, Al))), 128));
   }
-}), Bl = { class: "flex justify-between items-center mb-4" }, El = { class: "text-xs" }, Tl = { class: "flex flex-wrap gap-2 mb-4 bg-white border border-slate-200 p-4 rounded-xl shadow-sm" }, Dl = ["value", "checked"], Ol = { class: "my-3" }, Nl = { class: "relative" }, Rl = { class: "component-library dragging-zone w-full p-5 min-h-[200px] border border-slate-200 bg-white rounded-xl flex flex-col gap-4 items-center shadow-sm" }, Vl = {
+}), Dl = { class: "flex justify-between items-center mb-4" }, Ol = { class: "text-xs" }, Rl = { class: "flex flex-wrap gap-2 mb-4 bg-white border border-slate-200 p-4 rounded-xl shadow-sm" }, Nl = ["value", "checked"], Vl = { class: "my-3" }, Ul = { class: "relative" }, zl = { class: "component-library dragging-zone w-full p-5 min-h-[200px] border border-slate-200 bg-white rounded-xl flex flex-col gap-4 items-center shadow-sm" }, ql = {
   key: 0,
   class: "text-center py-8 text-slate-400"
-}, re = /* @__PURE__ */ H({
+}, se = /* @__PURE__ */ H({
   __name: "ComponentsBox",
   props: {
     isComponentMode: Boolean,
@@ -1809,25 +1828,25 @@ const tt = /* @__PURE__ */ he(xe, [["render", et]]), ot = {
       "Formulario",
       "Título",
       "SEO"
-    ], g = S(!0), x = S([]), f = S(""), u = S(ve()), r = Q(() => {
-      const I = f.value.toLowerCase(), a = Object.values(u.value), l = (n) => (n.name.toLowerCase() + n.description.toLowerCase() + n.tags.join(" ").toLowerCase()).includes(I);
-      return x.value.length > 0 ? a.filter(
-        (n) => x.value.includes(n.category) && l(n)
-      ) : a.filter(l);
-    }), b = (I) => {
-      f.value = I.target.value;
-    }, C = (I) => {
-      const a = I.target, l = a.value;
-      a.checked ? x.value.includes(l) || x.value.push(l) : x.value = x.value.filter((n) => n !== l);
+    ], g = S(!0), h = S([]), f = S(""), c = S(ve()), n = K(() => {
+      const M = f.value.toLowerCase(), s = Object.values(c.value), l = (i) => (i.name.toLowerCase() + i.description.toLowerCase() + i.tags.join(" ").toLowerCase()).includes(M);
+      return h.value.length > 0 ? s.filter(
+        (i) => h.value.includes(i.category) && l(i)
+      ) : s.filter(l);
+    }), b = (M) => {
+      f.value = M.target.value;
+    }, $ = (M) => {
+      const s = M.target, l = s.value;
+      s.checked ? h.value.includes(l) || h.value.push(l) : h.value = h.value.filter((i) => i !== l);
     };
-    return (I, a) => (s(), i(B, null, [
-      a[6] || (a[6] = t("h1", { class: "text-center text-2xl font-semibold mb-4 text-slate-700 tracking-tight" }, "Componentes", -1)),
-      t("div", Bl, [
+    return (M, s) => (a(), r(B, null, [
+      s[6] || (s[6] = t("h1", { class: "text-center text-2xl font-semibold mb-4 text-slate-700 tracking-tight" }, "Componentes", -1)),
+      t("div", Dl, [
         t("button", {
-          onClick: a[0] || (a[0] = (l) => g.value = !g.value),
+          onClick: s[0] || (s[0] = (l) => g.value = !g.value),
           class: "mb-3 px-4 py-2 bg-white rounded-lg border border-slate-200 hover:border-slate-300 hover:shadow-sm transition-all duration-200 cursor-pointer text-slate-600 font-medium flex items-center gap-2"
         }, [
-          a[2] || (a[2] = t("svg", {
+          s[2] || (s[2] = t("svg", {
             class: "w-4 h-4",
             fill: "none",
             stroke: "currentColor",
@@ -1840,37 +1859,37 @@ const tt = /* @__PURE__ */ he(xe, [["render", et]]), ot = {
               d: "M3 4a1 1 0 011-1h16a1 1 0 011 1v2.586a1 1 0 01-.293.707l-6.414 6.414a1 1 0 00-.293.707V17l-4 4v-6.586a1 1 0 00-.293-.707L3.293 7.293A1 1 0 013 6.586V4z"
             })
           ], -1)),
-          a[3] || (a[3] = t("span", null, "Filtros", -1)),
-          t("span", El, v(g.value ? "▲" : "▼"), 1)
+          s[3] || (s[3] = t("span", null, "Filtros", -1)),
+          t("span", Ol, p(g.value ? "▲" : "▼"), 1)
         ]),
         t("button", {
-          class: L([[e.isComponentMode ? "bg-gradient-to-r from-slate-600 to-slate-700 border-slate-700 text-white shadow-md" : "bg-white hover:bg-slate-100"], "cursor-pointer border border-slate-200 rounded-lg py-1.5 px-3 text-sm font-medium transition-all duration-200"]),
-          onClick: a[1] || (a[1] = (l) => {
-            var n;
-            return (n = e.toggleComponentModeFunction) == null ? void 0 : n.call(e);
+          class: G([[e.isComponentMode ? "bg-gradient-to-r from-slate-600 to-slate-700 border-slate-700 text-white shadow-md" : "bg-white hover:bg-slate-100"], "cursor-pointer border border-slate-200 rounded-lg py-1.5 px-3 text-sm font-medium transition-all duration-200"]),
+          onClick: s[1] || (s[1] = (l) => {
+            var i;
+            return (i = e.toggleComponentModeFunction) == null ? void 0 : i.call(e);
           })
-        }, v(e.isComponentMode ? "⚒️ Modo Configuración" : "👁️ Modo Visual"), 3)
+        }, p(e.isComponentMode ? "⚒️ Modo Configuración" : "👁️ Modo Visual"), 3)
       ]),
-      N(t("div", Tl, [
-        (s(), i(B, null, V(o, (l) => t("label", {
+      R(t("div", Rl, [
+        (a(), r(B, null, V(o, (l) => t("label", {
           key: l,
-          class: L(["flex items-center gap-2 text-xs bg-slate-50 hover:bg-slate-100 px-3 py-2 rounded-lg cursor-pointer transition-colors duration-200 border border-transparent hover:border-slate-200", { "bg-emerald-50 border-emerald-200 text-emerald-700": x.value.includes(l) }])
+          class: G(["flex items-center gap-2 text-xs bg-slate-50 hover:bg-slate-100 px-3 py-2 rounded-lg cursor-pointer transition-colors duration-200 border border-transparent hover:border-slate-200", { "bg-emerald-50 border-emerald-200 text-emerald-700": h.value.includes(l) }])
         }, [
           t("input", {
             type: "checkbox",
             value: l,
-            checked: x.value.includes(l),
-            onInput: C,
+            checked: h.value.includes(l),
+            onInput: $,
             class: "w-4 h-4 rounded border-slate-300 text-emerald-500 focus:ring-emerald-500"
-          }, null, 40, Dl),
-          T(" " + v(l), 1)
+          }, null, 40, Nl),
+          T(" " + p(l), 1)
         ], 2)), 64))
       ], 512), [
-        [ge, g.value]
+        [fe, g.value]
       ]),
-      t("div", Ol, [
-        t("div", Nl, [
-          a[4] || (a[4] = t("svg", {
+      t("div", Vl, [
+        t("div", Ul, [
+          s[4] || (s[4] = t("svg", {
             class: "absolute left-3 top-1/2 -translate-y-1/2 w-5 h-5 text-slate-400",
             fill: "none",
             stroke: "currentColor",
@@ -1891,16 +1910,16 @@ const tt = /* @__PURE__ */ he(xe, [["render", et]]), ot = {
           }, null, 32)
         ])
       ]),
-      t("div", Rl, [
-        q(G(ue), {
+      t("div", zl, [
+        L(q(ue), {
           class: "w-full flex flex-col gap-4",
-          list: r.value,
+          list: n.value,
           group: { name: "draggingGroup", pull: "clone", put: !1 },
           itemKey: "name",
           clone: (l) => JSON.parse(JSON.stringify(l))
         }, {
           item: de(({ element: l }) => [
-            q(ce, {
+            L(ce, {
               renderApiDomain: e.renderApiDomain,
               object: l,
               "is-component-mode": e.isComponentMode,
@@ -1913,7 +1932,7 @@ const tt = /* @__PURE__ */ he(xe, [["render", et]]), ot = {
           ]),
           _: 1
         }, 8, ["list", "clone"]),
-        r.value.length === 0 ? (s(), i("div", Vl, [...a[5] || (a[5] = [
+        n.value.length === 0 ? (a(), r("div", ql, [...s[5] || (s[5] = [
           t("svg", {
             class: "w-12 h-12 mx-auto mb-3 opacity-50",
             fill: "none",
@@ -1929,23 +1948,25 @@ const tt = /* @__PURE__ */ he(xe, [["render", et]]), ot = {
           ], -1),
           t("p", { class: "text-sm font-medium" }, "No se encontraron componentes", -1),
           t("p", { class: "text-xs mt-1" }, "Intenta con otros filtros o términos de búsqueda", -1)
-        ])])) : F("", !0)
+        ])])) : P("", !0)
       ])
     ], 64));
   }
-}), Ul = { class: "flex flex-col w-full transition-all duration-300 lf-page-builder bg-gradient-to-br from-slate-50 to-slate-100 min-h-screen" }, zl = { class: "relative flex flex-row flex-wrap" }, ql = { class: "w-full flex justify-end py-4 pe-4" }, Ll = { class: "w-3/4" }, Gl = {
+}), Ll = { class: "flex flex-col w-full transition-all duration-300 lf-page-builder bg-gradient-to-br from-slate-50 to-slate-100 min-h-screen" }, Gl = { class: "relative flex flex-row flex-wrap" }, Jl = { class: "w-full flex justify-end py-4 pe-4" }, Hl = { class: "w-3/4" }, Wl = {
   key: 1,
   class: "w-1/4 px-3 overflow-y-auto h-screen sticky top-0"
-}, Ql = /* @__PURE__ */ H({
+}, Zl = /* @__PURE__ */ H({
   __name: "Pagebuilder",
   props: {
     isProduction: { type: Boolean },
+    debugMode: { type: Boolean },
     inputId: {}
   },
   setup(e) {
-    const o = e, g = o.isProduction ?? !1, x = o.inputId ?? null, f = g ? "https://render-api.lefebvre.es" : "https://led-dev-astro-render-api-dev.eu.els.local", u = S(!0), r = S(void 0), b = S([]), C = S({ rowIndex: null, columnIndex: null, section: null }), I = S(!1), a = S(!1), l = S({
+    const o = e, g = o.isProduction ?? !1, h = o.debugMode ?? !1, f = o.inputId ?? null, c = g ? "https://render-api.lefebvre.es" : "https://led-dev-astro-render-api-dev.eu.els.local", n = S(!0), b = S(void 0), $ = S([]), M = S({ rowIndex: null, columnIndex: null, section: null }), s = S(!1), l = S(!1), i = S({
       global: {
         sidebarEnabled: !1,
+        renderAsBodyPart: !1,
         headSlot: "",
         bodyBeginSlot: "",
         footerSlot: ""
@@ -1955,7 +1976,7 @@ const tt = /* @__PURE__ */ he(xe, [["render", et]]), ot = {
         description: "",
         robots: "index, follow"
       }
-    }), n = fe([
+    }), m = pe([
       {
         section: "Header",
         config: { width: "full" },
@@ -1977,187 +1998,188 @@ const tt = /* @__PURE__ */ he(xe, [["render", et]]), ot = {
         rows: [{ config: {}, columns: [{ config: {}, components: [] }] }]
       }
     ]);
-    oe(() => {
-      m();
+    le(() => {
+      k();
     });
-    const m = () => {
-      if (b.value = ["Header", "Footer", "Body", "Sidebar"], r.value = "Body", x) {
-        const y = document.getElementById(x);
+    const k = () => {
+      if ($.value = ["Header", "Footer", "Body", "Sidebar"], b.value = "Body", f) {
+        const y = document.getElementById(f);
         if (y) {
-          const h = y.value;
-          if (h)
+          const x = y.value;
+          if (x)
             try {
-              const p = typeof h == "string" ? JSON.parse(h) : h;
-              (p && typeof p == "object" && !Array.isArray(p) ? Object.keys(p).length > 0 : Array.isArray(p) ? p.length > 0 : !1) && ne(h);
-            } catch (p) {
-              console.error("Error parsing input value:", p);
+              const v = typeof x == "string" ? JSON.parse(x) : x;
+              (v && typeof v == "object" && !Array.isArray(v) ? Object.keys(v).length > 0 : Array.isArray(v) ? v.length > 0 : !1) && ae(x);
+            } catch (v) {
+              console.error("Error parsing input value:", v);
             }
         }
       }
-    }, k = () => {
-      a.value = !a.value;
-    }, A = () => {
-      u.value = !u.value;
-    }, w = (y, h, p, P, M) => {
+    }, I = () => {
+      l.value = !l.value;
+    }, w = () => {
+      n.value = !n.value;
+    }, d = (y, x, v, F, A) => {
       var O;
-      const E = n.find((U) => U.section === h);
+      const E = m.find((U) => U.section === x);
       (O = E == null ? void 0 : E.rows) != null && O[y] && (E.rows[y].config = {
-        padding: p,
-        gap: P,
-        width: M
+        padding: v,
+        gap: F,
+        width: A
       });
-    }, d = (y, h, p, P, M, E) => {
+    }, u = (y, x, v, F, A, E) => {
       var U, z, W;
-      const O = n.find((X) => X.section === p);
-      (W = (z = (U = O == null ? void 0 : O.rows) == null ? void 0 : U[y]) == null ? void 0 : z.columns) != null && W[h] && (O.rows[y].columns[h].config = {
-        width: P,
-        gap: M,
+      const O = m.find((Q) => Q.section === v);
+      (W = (z = (U = O == null ? void 0 : O.rows) == null ? void 0 : U[y]) == null ? void 0 : z.columns) != null && W[x] && (O.rows[y].columns[x].config = {
+        width: F,
+        gap: A,
         flexDirection: E
       });
-    }, c = async (y, h) => {
-      const p = n.find((P) => P.section === h);
-      if (p) {
-        const P = {
+    }, C = async (y, x) => {
+      const v = m.find((F) => F.section === x);
+      if (v) {
+        const F = {
           config: {},
           columns: [{ config: {}, components: [] }]
         };
-        y !== null && y >= 0 && y < p.rows.length ? p.rows.splice(y + 1, 0, P) : p.rows.push(P);
+        y !== null && y >= 0 && y < v.rows.length ? v.rows.splice(y + 1, 0, F) : v.rows.push(F);
       }
-      await new Promise((P) => {
+      await new Promise((F) => {
         setTimeout(() => {
-          const M = document.getElementById(`row-${h}-${(y ?? 0) + 1}`);
-          M ? (M.scrollIntoView({ behavior: "smooth", block: "center" }), M.classList.add("selected-delay"), setTimeout(() => {
-            M.classList.remove("selected-delay"), P();
-          }, 3e3)) : P();
+          const A = document.getElementById(`row-${x}-${(y ?? 0) + 1}`);
+          A ? (A.scrollIntoView({ behavior: "smooth", block: "center" }), A.classList.add("selected-delay"), setTimeout(() => {
+            A.classList.remove("selected-delay"), F();
+          }, 3e3)) : F();
         }, 0);
       });
-    }, $ = (y, h) => {
-      const p = n.find((P) => P.section === h);
-      !(p != null && p.rows) || p.rows.length <= 1 || p.rows.splice(y, 1);
-    }, j = (y, h, p = "down") => {
+    }, j = (y, x) => {
+      const v = m.find((F) => F.section === x);
+      !(v != null && v.rows) || v.rows.length <= 1 || v.rows.splice(y, 1);
+    }, D = (y, x, v = "down") => {
       var U;
-      const P = n.find((z) => z.section === h);
-      if (!((U = P == null ? void 0 : P.rows) != null && U[y]) || p === "up" && y === 0 || p === "down" && y === P.rows.length - 1)
+      const F = m.find((z) => z.section === x);
+      if (!((U = F == null ? void 0 : F.rows) != null && U[y]) || v === "up" && y === 0 || v === "down" && y === F.rows.length - 1)
         return;
-      const M = P.rows, E = M.splice(y, 1)[0], O = p === "down" ? y + 1 : y - 1;
-      M.splice(O, 0, E);
-    }, D = async (y, h, p, P = "right") => {
+      const A = F.rows, E = A.splice(y, 1)[0], O = v === "down" ? y + 1 : y - 1;
+      A.splice(O, 0, E);
+    }, N = async (y, x, v, F = "right") => {
       var O;
-      const M = P === "left" ? h : h + 1, E = n.find((U) => U.section === p);
-      (O = E == null ? void 0 : E.rows) != null && O[y] && E.rows[y].columns.splice(M, 0, {
+      const A = F === "left" ? x : x + 1, E = m.find((U) => U.section === v);
+      (O = E == null ? void 0 : E.rows) != null && O[y] && E.rows[y].columns.splice(A, 0, {
         config: {},
         components: []
       }), await new Promise((U) => {
         setTimeout(() => {
-          const z = document.getElementById(`col-${p}-${y}-${M}`);
+          const z = document.getElementById(`col-${v}-${y}-${A}`);
           z ? (z.scrollIntoView({ behavior: "smooth", block: "center" }), z.classList.add("selected-delay"), setTimeout(() => {
             z.classList.remove("selected-delay"), U();
           }, 3e3)) : U();
         }, 0);
       });
-    }, R = (y, h, p) => {
+    }, X = (y, x, v) => {
       var E, O;
-      const P = n.find((U) => U.section === p), M = (O = (E = P == null ? void 0 : P.rows) == null ? void 0 : E[y]) == null ? void 0 : O.columns;
-      !M || M.length <= 1 || M.splice(h, 1);
-    }, Y = (y, h, p, P = "right") => {
+      const F = m.find((U) => U.section === v), A = (O = (E = F == null ? void 0 : F.rows) == null ? void 0 : E[y]) == null ? void 0 : O.columns;
+      !A || A.length <= 1 || A.splice(x, 1);
+    }, Z = (y, x, v, F = "right") => {
       var z;
-      const M = n.find((W) => W.section === p);
-      if (!((z = M == null ? void 0 : M.rows) != null && z[y]) || P === "left" && h === 0 || P === "right" && h === M.rows[y].columns.length - 1)
+      const A = m.find((W) => W.section === v);
+      if (!((z = A == null ? void 0 : A.rows) != null && z[y]) || F === "left" && x === 0 || F === "right" && x === A.rows[y].columns.length - 1)
         return;
-      const E = M.rows[y].columns, O = E.splice(h, 1)[0], U = P === "right" ? h + 1 : h - 1;
+      const E = A.rows[y].columns, O = E.splice(x, 1)[0], U = F === "right" ? x + 1 : x - 1;
       E.splice(U, 0, O);
-    }, Z = (y, h) => {
-      var P;
-      const p = n.find((M) => M.section === h);
-      (P = p == null ? void 0 : p.rows) == null || P.forEach((M) => {
-        M.columns.forEach((E) => {
+    }, _ = (y, x) => {
+      var F;
+      const v = m.find((A) => A.section === x);
+      (F = v == null ? void 0 : v.rows) == null || F.forEach((A) => {
+        A.columns.forEach((E) => {
           const O = E.components.indexOf(y);
           O !== -1 && E.components.splice(O, 1);
         });
       });
-    }, _ = (y, h, p) => {
-      I.value = !0, C.value = { rowIndex: y, columnIndex: h, section: p };
-    }, le = (y) => {
-      var M, E, O, U;
-      const { rowIndex: h, columnIndex: p, section: P } = C.value;
-      if (h !== null && p !== null) {
-        const z = JSON.parse(JSON.stringify(y)), W = n.find((me) => me.section === P), X = (U = (O = (E = (M = W == null ? void 0 : W.rows) == null ? void 0 : M[h]) == null ? void 0 : E.columns) == null ? void 0 : O[p]) == null ? void 0 : U.components;
-        X == null || X.push(z);
-      }
-      I.value = !1;
+    }, me = (y, x, v) => {
+      s.value = !0, M.value = { rowIndex: y, columnIndex: x, section: v };
     }, ne = (y) => {
-      const h = typeof y == "string" ? JSON.parse(y) : y;
-      n.length = 0, n.push(...h.pageConfig || []), h.paramsConfig && (l.value = { ...l.value, ...h.paramsConfig });
+      var A, E, O, U;
+      const { rowIndex: x, columnIndex: v, section: F } = M.value;
+      if (x !== null && v !== null) {
+        const z = JSON.parse(JSON.stringify(y)), W = m.find((be) => be.section === F), Q = (U = (O = (E = (A = W == null ? void 0 : W.rows) == null ? void 0 : A[x]) == null ? void 0 : E.columns) == null ? void 0 : O[v]) == null ? void 0 : U.components;
+        Q == null || Q.push(z);
+      }
+      s.value = !1;
+    }, ae = (y) => {
+      const x = typeof y == "string" ? JSON.parse(y) : y;
+      m.length = 0, m.push(...x.pageConfig || []), x.paramsConfig && (i.value = { ...i.value, ...x.paramsConfig });
     };
-    return (y, h) => (s(), i("div", Ul, [
-      q(tt, {
-        sectionSelected: r.value,
-        "onUpdate:sectionSelected": h[0] || (h[0] = (p) => r.value = p),
-        parametersPageConfiguration: l.value,
-        "onUpdate:parametersPageConfiguration": h[1] || (h[1] = (p) => l.value = p),
-        globalPageConfiguration: n,
-        availableSections: b.value,
-        importConfigurationFunction: ne,
-        isComponentMode: a.value,
-        toggleComponentModeFunction: k,
-        fullwidthMode: u.value,
-        toggleFullwidthMode: A,
-        renderApiDomain: G(f),
-        inputId: G(x)
-      }, null, 8, ["sectionSelected", "parametersPageConfiguration", "globalPageConfiguration", "availableSections", "isComponentMode", "fullwidthMode", "renderApiDomain", "inputId"]),
-      t("div", zl, [
-        u.value ? (s(), i("div", {
+    return (y, x) => (a(), r("div", Ll, [
+      L(nt, {
+        sectionSelected: b.value,
+        "onUpdate:sectionSelected": x[0] || (x[0] = (v) => b.value = v),
+        parametersPageConfiguration: i.value,
+        "onUpdate:parametersPageConfiguration": x[1] || (x[1] = (v) => i.value = v),
+        globalPageConfiguration: m,
+        availableSections: $.value,
+        importConfigurationFunction: ae,
+        isComponentMode: l.value,
+        toggleComponentModeFunction: I,
+        fullwidthMode: n.value,
+        toggleFullwidthMode: w,
+        renderApiDomain: q(c),
+        inputId: q(f),
+        debugMode: q(h)
+      }, null, 8, ["sectionSelected", "parametersPageConfiguration", "globalPageConfiguration", "availableSections", "isComponentMode", "fullwidthMode", "renderApiDomain", "inputId", "debugMode"]),
+      t("div", Gl, [
+        n.value ? (a(), r("div", {
           key: 0,
-          class: L(["w-full overflow-y-auto fixed top-0 left-0 h-full bg-gradient-to-br from-slate-100 via-white to-slate-50 z-9999 px-4 flex justify-start flex flex-col items-center backdrop-blur-sm", I.value ? "" : "hidden"])
+          class: G(["w-full overflow-y-auto fixed top-0 left-0 h-full bg-gradient-to-br from-slate-100 via-white to-slate-50 z-9999 px-4 flex justify-start flex flex-col items-center backdrop-blur-sm", s.value ? "" : "hidden"])
         }, [
-          t("div", ql, [
+          t("div", Jl, [
             t("div", {
               class: "cursor-pointer w-10 h-10 flex items-center justify-center rounded-full bg-white shadow-md hover:shadow-lg hover:bg-red-50 text-slate-400 hover:text-red-500 transition-all duration-200 text-xl font-light",
-              onClick: h[2] || (h[2] = (p) => I.value = !1)
+              onClick: x[2] || (x[2] = (v) => s.value = !1)
             }, "✕")
           ]),
-          t("div", Ll, [
-            q(re, {
-              renderApiDomain: G(f),
-              isComponentMode: a.value,
-              fullwidthMode: u.value,
-              columnToInsert: C.value,
-              addComponentToColumn: le,
-              toggleComponentModeFunction: k,
-              isProduction: G(g)
+          t("div", Hl, [
+            L(se, {
+              renderApiDomain: q(c),
+              isComponentMode: l.value,
+              fullwidthMode: n.value,
+              columnToInsert: M.value,
+              addComponentToColumn: ne,
+              toggleComponentModeFunction: I,
+              isProduction: q(g)
             }, null, 8, ["renderApiDomain", "isComponentMode", "fullwidthMode", "columnToInsert", "isProduction"])
           ])
-        ], 2)) : (s(), i("div", Gl, [
-          q(re, {
-            renderApiDomain: G(f),
-            isComponentMode: a.value,
-            fullwidthMode: u.value,
-            columnToInsert: C.value,
-            addComponentToColumn: le,
-            toggleComponentModeFunction: k,
-            isProduction: G(g)
+        ], 2)) : (a(), r("div", Wl, [
+          L(se, {
+            renderApiDomain: q(c),
+            isComponentMode: l.value,
+            fullwidthMode: n.value,
+            columnToInsert: M.value,
+            addComponentToColumn: ne,
+            toggleComponentModeFunction: I,
+            isProduction: q(g)
           }, null, 8, ["renderApiDomain", "isComponentMode", "fullwidthMode", "columnToInsert", "isProduction"])
         ])),
         t("div", {
-          class: L([u.value ? "w-full px-4" : "w-3/4 ps-3", "flex flex-col gap-5"])
+          class: G([n.value ? "w-full px-4" : "w-3/4 ps-3", "flex flex-col gap-5"])
         }, [
-          q(Al, {
-            globalPageConfiguration: n,
-            isComponentMode: a.value,
-            removeComponent: Z,
-            addComponentFunction: _,
-            fullwidthMode: u.value,
-            addCol: D,
-            addRow: c,
-            removeRow: $,
-            removeCol: R,
-            moveCol: Y,
-            updateRowConfig: w,
-            updateColConfig: d,
-            moveRow: j,
-            sectionSelected: r.value,
-            renderApiDomain: G(f),
-            isProduction: G(g)
+          L(Tl, {
+            globalPageConfiguration: m,
+            isComponentMode: l.value,
+            removeComponent: _,
+            addComponentFunction: me,
+            fullwidthMode: n.value,
+            addCol: N,
+            addRow: C,
+            removeRow: j,
+            removeCol: X,
+            moveCol: Z,
+            updateRowConfig: d,
+            updateColConfig: u,
+            moveRow: D,
+            sectionSelected: b.value,
+            renderApiDomain: q(c),
+            isProduction: q(g)
           }, null, 8, ["globalPageConfiguration", "isComponentMode", "fullwidthMode", "sectionSelected", "renderApiDomain", "isProduction"])
         ], 2)
       ])
@@ -2165,15 +2187,15 @@ const tt = /* @__PURE__ */ he(xe, [["render", et]]), ot = {
   }
 });
 export {
-  Al as BodySection,
-  tl as ColConfig,
-  re as ComponentsBox,
-  so as FeedComponent,
-  ae as FieldsForm,
-  tt as GlobalConfig,
+  Tl as BodySection,
+  nl as ColConfig,
+  se as ComponentsBox,
+  co as FeedComponent,
+  re as FieldsForm,
+  nt as GlobalConfig,
   ce as InitialComponent,
-  Ql as Pagebuilder,
-  Pl as RowConfig,
-  kt as SourceFilter,
-  Ql as default
+  Zl as Pagebuilder,
+  Il as RowConfig,
+  Ft as SourceFilter,
+  Zl as default
 };