npm - lf-pagebuilder-vue - Versions diffs - 0.0.1 → 0.0.3 - Mend

lf-pagebuilder-vue 0.0.1 → 0.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/dist/index.js CHANGED Viewed

@@ -1,8 +1,8 @@
-import { defineComponent as J, ref as $, computed as X, createElementBlock as d, openBlock as s, Fragment as A, createElementVNode as t, createCommentVNode as k, withModifiers as ee, withDirectives as R, vModelText as Q, normalizeClass as q, renderList as N, toDisplayString as p, vModelSelect as G, vModelCheckbox as ne, createBlock as ae, createTextVNode as E, unref as W, onMounted as te, createVNode as L, watch as _, nextTick as ce, withCtx as re, vShow as me, reactive as be } from "vue";
-import { listComponents as ge } from "libreria-astro-lefebvre";
-import { QuillEditor as fe } from "@vueup/vue-quill";
-import se from "vuedraggable";
-const ve = J({
+import { defineComponent as H, ref as $, computed as X, createElementBlock as i, openBlock as r, Fragment as A, createElementVNode as t, createCommentVNode as k, withModifiers as ee, withDirectives as R, vModelText as Q, normalizeClass as q, toDisplayString as v, renderList as N, vModelSelect as J, vModelCheckbox as ae, createBlock as re, createTextVNode as E, unref as G, onMounted as te, createVNode as L, watch as _, nextTick as me, withCtx as se, vShow as be, reactive as ge } from "vue";
+import { listComponents as fe } from "libreria-astro-lefebvre";
+import { QuillEditor as ve } from "@vueup/vue-quill";
+import ie from "vuedraggable";
+const pe = H({
   props: {
     isComponentMode: Boolean,
     fullwidthMode: Boolean,
@@ -26,24 +26,24 @@ const ve = J({
     "update:parametersPageConfiguration.seo.description"
   ],
   setup(e) {
-    const o = e.renderApiDomain || "http://localhost:8003", b = $(""), v = $(!1), f = X({
+    const o = e.renderApiDomain || "http://localhost:8003", b = $(""), p = $(!1), f = X({
       get() {
         var g, S;
-        const l = (g = e.globalPageConfiguration) == null ? void 0 : g.find((D) => D.section === e.sectionSelected);
-        return ((S = l == null ? void 0 : l.config) == null ? void 0 : S.width) || "";
+        const n = (g = e.globalPageConfiguration) == null ? void 0 : g.find((D) => D.section === e.sectionSelected);
+        return ((S = n == null ? void 0 : n.config) == null ? void 0 : S.width) || "";
       },
-      set(l) {
+      set(n) {
         var S;
         const g = (S = e.globalPageConfiguration) == null ? void 0 : S.find((D) => D.section === e.sectionSelected);
-        g && (g.config || (g.config = {}), g.config.width = l);
+        g && (g.config || (g.config = {}), g.config.width = n);
       }
     });
     return {
       validateSeo: () => {
-        const l = {
+        const n = {
           pageConfig: e.globalPageConfiguration,
           paramsConfig: e.parametersPageConfiguration
-        }, g = JSON.stringify(l, null, 2);
+        }, g = JSON.stringify(n, null, 2);
         fetch(o + "/api/render-html/", {
           method: "POST",
           headers: {
@@ -53,7 +53,7 @@ const ve = J({
         }).then((S) => S.text()).then((S) => {
           const D = window.open("", "Preview", "width='100vw',height='100vh'");
           if (!D) return;
-          const r = new DOMParser().parseFromString(S, "text/html"), u = [];
+          const a = new DOMParser().parseFromString(S, "text/html"), u = [];
           function h(I, z = 0) {
             if (!I || I.nodeType !== 1) return;
             const Z = I.tagName.toLowerCase();
@@ -63,20 +63,20 @@ const ve = J({
               depth: z
             }), Array.from(I.children).forEach((K) => h(K, z + 1));
           }
-          h(r.body);
-          let M = '<h2>Estructura SEO</h2><ul style="font-family:monospace">';
+          h(a.body);
+          let j = '<h2>Estructura SEO</h2><ul style="font-family:monospace">';
           u.forEach((I) => {
-            M += `<li style="margin-left:${I.depth * 20}px"><b>${I.tag}</b>: ${I.text}</li>`;
-          }), M += "</ul>", D.document.body.innerHTML = M, D.document.close();
+            j += `<li style="margin-left:${I.depth * 20}px"><b>${I.tag}</b>: ${I.text}</li>`;
+          }), j += "</ul>", D.document.body.innerHTML = j, D.document.close();
         });
       },
       importConfig: b,
-      showAdvancedConfig: v,
+      showAdvancedConfig: p,
       previewFunction: () => {
-        const l = {
+        const n = {
           pageConfig: e.globalPageConfiguration,
           paramsConfig: e.parametersPageConfiguration
-        }, g = JSON.stringify(l, null, 2);
+        }, g = JSON.stringify(n, null, 2);
         fetch(o + "/api/render-html/", {
           method: "POST",
           headers: {
@@ -85,10 +85,10 @@ const ve = J({
           body: g
         }).then((S) => S.text()).then((S) => {
           const D = window.open("", "Preview", "width='100vw',height='100vh'");
-          D && (D.document.body.innerHTML = S, D.document.querySelectorAll("script").forEach((r) => {
+          D && (D.document.body.innerHTML = S, D.document.querySelectorAll("script").forEach((a) => {
             var h;
             const u = D.document.createElement("script");
-            r.src ? u.src = r.src : u.textContent = r.textContent, (h = r.parentNode) == null || h.replaceChild(u, r);
+            a.src ? u.src = a.src : u.textContent = a.textContent, (h = a.parentNode) == null || h.replaceChild(u, a);
           }), D.document.close());
         });
       },
@@ -96,45 +96,45 @@ const ve = J({
         e.importConfigurationFunction && e.importConfigurationFunction(b.value), b.value = "";
       },
       exportFunction: () => {
-        const l = {
+        const n = {
           pageConfig: e.globalPageConfiguration,
           paramsConfig: e.parametersPageConfiguration
-        }, g = JSON.stringify(l), S = window.open("", "Preview", "width='100vw',height='100vh'");
+        }, g = JSON.stringify(n), S = window.open("", "Preview", "width='100vw',height='100vh'");
         S && (S.document.body.innerText = g, S.document.close());
       },
       setToLocalStorage: () => {
-        const l = {
+        const n = {
           pageConfig: e.globalPageConfiguration,
           paramsConfig: e.parametersPageConfiguration
-        }, g = JSON.stringify(l);
+        }, g = JSON.stringify(n);
         localStorage.setItem("pageBuilderConfig", g);
       },
       loadFromLocalStorage: () => {
-        const l = localStorage.getItem("pageBuilderConfig");
-        if (l && e.importConfigurationFunction) {
-          const g = JSON.parse(l);
+        const n = localStorage.getItem("pageBuilderConfig");
+        if (n && e.importConfigurationFunction) {
+          const g = JSON.parse(n);
           e.importConfigurationFunction(g);
         }
       },
       toggleExpandScreen: () => {
-        const l = document.querySelector(".lf-page-builder");
-        l && l.classList.toggle("expanded-page-builder");
+        const n = document.querySelector(".lf-page-builder");
+        n && n.classList.toggle("expanded-page-builder");
       },
       sectionWidth: f
     };
   }
-}), pe = (e, o) => {
+}), xe = (e, o) => {
   const b = e.__vccOpts || e;
-  for (const [v, f] of o)
-    b[v] = f;
+  for (const [p, f] of o)
+    b[p] = f;
   return b;
-}, xe = { class: "flex justify-end items-center w-full p-3 gap-3" }, he = { 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" }, we = { class: "flex gap-2" }, ye = { class: "flex gap-2" }, Ce = ["value"], $e = ["value"], ke = { value: "full" }, Se = { value: "1/2" }, Fe = { value: "1/3" }, je = { value: "2/3" }, Me = { value: "1/4" }, Pe = { value: "3/4" }, Ie = { value: "1/5" }, Ae = { value: "2/5" }, Te = { value: "3/5" }, Be = { value: "4/5" }, Ee = { key: 0 }, De = { key: 1 }, Oe = { class: "flex items-center gap-2" }, Re = {
+}, he = { class: "flex justify-end items-center w-full p-3 gap-3" }, we = { 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" }, ye = { class: "flex gap-2" }, Ce = { class: "flex gap-2" }, $e = ["value"], ke = ["value"], Se = { value: "full" }, Fe = { value: "1/2" }, Pe = { value: "1/3" }, je = { value: "2/3" }, Me = { value: "1/4" }, Ie = { value: "3/4" }, Ae = { value: "1/5" }, Te = { value: "2/5" }, Be = { value: "3/5" }, Ee = { value: "4/5" }, De = { key: 0 }, Oe = { key: 1 }, Re = { class: "flex items-center gap-2" }, Ne = {
   key: 0,
   class: "bg-white border border-slate-200 rounded-2xl p-5 mx-3 mb-6 shadow-lg"
-}, Ne = { class: "flex flex-row gap-4 w-full" }, Ve = { class: "border border-slate-200 rounded-xl p-5 w-full bg-gradient-to-br from-slate-50 to-white" }, Ue = { class: "flex flex-col gap-3 border-b border-slate-200 pb-4 w-full" }, ze = { class: "mb-3" }, Le = { class: "flex items-center gap-3 cursor-pointer group" }, qe = { class: "mb-3" }, Ge = { class: "mb-3" }, Je = { class: "mb-3" }, He = { class: "border border-slate-200 rounded-xl p-5 w-full bg-gradient-to-br from-slate-50 to-white" }, We = { class: "flex justify-between items-center mb-4" }, Qe = { class: "flex flex-col gap-3 border-b border-slate-200 pb-4 w-full" }, Xe = { class: "mb-3" }, Ye = { class: "mb-3" }, Ze = { class: "mb-3" };
-function Ke(e, o, b, v, f, c) {
-  return s(), d(A, null, [
-    t("div", xe, [
+}, Ve = { class: "flex flex-row gap-4 w-full" }, Ue = { class: "border border-slate-200 rounded-xl p-5 w-full bg-gradient-to-br from-slate-50 to-white" }, ze = { class: "flex flex-col gap-3 border-b border-slate-200 pb-4 w-full" }, Le = { class: "mb-3" }, qe = { class: "flex items-center gap-3 cursor-pointer group" }, Ge = { class: "mb-3" }, Je = { class: "mb-3" }, He = { class: "mb-3" }, We = { 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" }, Ke = { class: "mb-3" };
+function _e(e, o, b, p, f, c) {
+  return r(), i(A, null, [
+    t("div", he, [
       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)),
       t("form", {
         onSubmit: o[2] || (o[2] = ee(() => {
@@ -142,7 +142,7 @@ function Ke(e, o, b, v, f, c) {
         class: "flex gap-2"
       }, [
         R(t("input", {
-          "onUpdate:modelValue": o[0] || (o[0] = (i) => e.importConfig = i),
+          "onUpdate:modelValue": o[0] || (o[0] = (d) => e.importConfig = d),
           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: "",
@@ -152,124 +152,124 @@ function Ke(e, o, b, v, f, c) {
           [Q, e.importConfig]
         ]),
         t("button", {
-          onClick: o[1] || (o[1] = (i) => e.importFunction()),
+          onClick: o[1] || (o[1] = (d) => 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] = (i) => e.exportFunction()),
+        onClick: o[3] || (o[3] = (d) => 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", he, [
-      t("div", we, [
+    t("div", we, [
+      t("div", ye, [
         t("button", {
           class: q([[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] = (i) => {
+          onClick: o[4] || (o[4] = (d) => {
             var m;
             return (m = e.toggleComponentModeFunction) == null ? void 0 : m.call(e);
           })
-        }, "{{ isComponentMode ? '⚒️ Modo Configuración' : '👁️ Modo Visual' }}", 2),
+        }, v(e.isComponentMode ? "⚒️ Modo Configuración" : "👁️ Modo Visual"), 3),
         t("button", {
           class: q([[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] = (i) => {
+          onClick: o[5] || (o[5] = (d) => {
             var m;
             return (m = e.toggleFullwidthMode) == null ? void 0 : m.call(e);
           })
-        }, "{{ fullwidthMode ? '⚒️ Comps. Plegados' : '👁️ Comps. Desplegados' }}", 2)
+        }, v(e.fullwidthMode ? "⚒️ Comps. Plegados" : "👁️ Comps. Desplegados"), 3)
       ]),
-      t("div", ye, [
+      t("div", Ce, [
         t("select", {
           value: e.sectionSelected,
-          onChange: o[6] || (o[6] = (i) => e.$emit("update:sectionSelected", i.target.value)),
+          onChange: o[6] || (o[6] = (d) => e.$emit("update:sectionSelected", d.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), d(A, null, N(e.availableSections, (i, m) => (s(), d("option", {
+          (r(!0), i(A, null, N(e.availableSections, (d, m) => (r(), i("option", {
             key: m,
-            value: i
-          }, p(i), 9, $e))), 128))
-        ], 40, Ce),
+            value: d
+          }, v(d), 9, ke))), 128))
+        ], 40, $e),
         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] = (i) => e.sectionWidth = i)
+          "onUpdate:modelValue": o[7] || (o[7] = (d) => e.sectionWidth = d)
         }, [
           o[29] || (o[29] = t("option", {
             disabled: "",
             value: ""
           }, "Selecciona el ancho de la sección", -1)),
-          t("option", ke, "Sección " + p(e.sectionSelected) + " ocupa todo el ancho de la página", 1),
-          t("option", Se, "Sección " + p(e.sectionSelected) + " ocupa 1/2 del ancho de la página", 1),
-          t("option", Fe, "Sección " + p(e.sectionSelected) + " ocupa 1/3 del ancho de la página", 1),
-          t("option", je, "Sección " + p(e.sectionSelected) + " ocupa 2/3 del ancho de la página", 1),
-          t("option", Me, "Sección " + p(e.sectionSelected) + " ocupa 1/4 del ancho de la página", 1),
-          t("option", Pe, "Sección " + p(e.sectionSelected) + " ocupa 3/4 del ancho de la página", 1),
-          t("option", Ie, "Sección " + p(e.sectionSelected) + " ocupa 1/5 del ancho de la página", 1),
-          t("option", Ae, "Sección " + p(e.sectionSelected) + " ocupa 2/5 del ancho de la página", 1),
-          t("option", Te, "Sección " + p(e.sectionSelected) + " ocupa 3/5 del ancho de la página", 1),
-          t("option", Be, "Sección " + p(e.sectionSelected) + " ocupa 4/5 del ancho de la página", 1)
+          t("option", Se, "Sección " + v(e.sectionSelected) + " ocupa todo el ancho de la página", 1),
+          t("option", Fe, "Sección " + v(e.sectionSelected) + " ocupa 1/2 del ancho de la página", 1),
+          t("option", Pe, "Sección " + v(e.sectionSelected) + " ocupa 1/3 del ancho de la página", 1),
+          t("option", je, "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", Ie, "Sección " + v(e.sectionSelected) + " ocupa 3/4 del ancho de la página", 1),
+          t("option", Ae, "Sección " + v(e.sectionSelected) + " ocupa 1/5 del ancho de la página", 1),
+          t("option", Te, "Sección " + v(e.sectionSelected) + " ocupa 2/5 del ancho de la página", 1),
+          t("option", Be, "Sección " + v(e.sectionSelected) + " ocupa 3/5 del ancho de la página", 1),
+          t("option", Ee, "Sección " + v(e.sectionSelected) + " ocupa 4/5 del ancho de la página", 1)
         ], 512), [
-          [G, e.sectionWidth]
+          [J, e.sectionWidth]
         ]),
         t("button", {
           class: q([
             "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] = (i) => e.showAdvancedConfig = !e.showAdvancedConfig)
+          onClick: o[8] || (o[8] = (d) => e.showAdvancedConfig = !e.showAdvancedConfig)
         }, [
           o[30] || (o[30] = t("span", null, "⚙️ Página", -1)),
-          e.showAdvancedConfig ? (s(), d("span", Ee, "▲")) : (s(), d("span", De, "▼"))
+          e.showAdvancedConfig ? (r(), i("span", De, "▲")) : (r(), i("span", Oe, "▼"))
         ], 2)
       ]),
-      t("div", Oe, [
+      t("div", Re, [
         t("button", {
-          onClick: o[9] || (o[9] = (i) => e.previewFunction()),
+          onClick: o[9] || (o[9] = (d) => 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] = (i) => e.setToLocalStorage()),
+          onClick: o[10] || (o[10] = (d) => e.setToLocalStorage()),
           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] = (i) => e.loadFromLocalStorage()),
+          onClick: o[11] || (o[11] = (d) => 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"),
         t("button", {
-          onClick: o[12] || (o[12] = (i) => e.toggleExpandScreen()),
+          onClick: o[12] || (o[12] = (d) => 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(), d("div", Re, [
-      t("div", Ne, [
-        t("div", Ve, [
+    e.showAdvancedConfig && e.parametersPageConfiguration ? (r(), i("div", Ne, [
+      t("div", Ve, [
+        t("div", Ue, [
           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", Ue, [
-            t("div", ze, [
-              t("label", Le, [
+          t("div", ze, [
+            t("div", Le, [
+              t("label", qe, [
                 R(t("input", {
                   type: "checkbox",
-                  "onUpdate:modelValue": o[13] || (o[13] = (i) => e.parametersPageConfiguration.global.sidebarEnabled = i),
-                  onChange: o[14] || (o[14] = (i) => e.$emit("update:parametersPageConfiguration.global.sidebarEnabled", i.target.value)),
+                  "onUpdate:modelValue": o[13] || (o[13] = (d) => e.parametersPageConfiguration.global.sidebarEnabled = d),
+                  onChange: o[14] || (o[14] = (d) => e.$emit("update:parametersPageConfiguration.global.sidebarEnabled", d.target.value)),
                   class: "w-5 h-5 rounded border-slate-300 text-emerald-500 focus:ring-emerald-500 cursor-pointer"
                 }, null, 544), [
-                  [ne, e.parametersPageConfiguration.global.sidebarEnabled]
+                  [ae, e.parametersPageConfiguration.global.sidebarEnabled]
                 ]),
                 o[31] || (o[31] = t("span", { class: "text-slate-600 group-hover:text-slate-800 transition-colors" }, "Sidebar Habilitado", -1))
               ])
             ]),
-            t("div", qe, [
+            t("div", Ge, [
               o[32] || (o[32] = 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)),
               R(t("textarea", {
                 id: "headSlot",
-                "onUpdate:modelValue": o[15] || (o[15] = (i) => e.parametersPageConfiguration.global.headSlot = i),
-                onInput: o[16] || (o[16] = (i) => e.$emit("update:parametersPageConfiguration.global.headSlot", i.target.value)),
+                "onUpdate:modelValue": o[15] || (o[15] = (d) => e.parametersPageConfiguration.global.headSlot = d),
+                onInput: o[16] || (o[16] = (d) => e.$emit("update:parametersPageConfiguration.global.headSlot", d.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"
@@ -277,15 +277,15 @@ function Ke(e, o, b, v, f, c) {
                 [Q, e.parametersPageConfiguration.global.headSlot]
               ])
             ]),
-            t("div", Ge, [
+            t("div", Je, [
               o[33] || (o[33] = 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)),
               R(t("textarea", {
                 id: "bodyBeginSlot",
-                "onUpdate:modelValue": o[17] || (o[17] = (i) => e.parametersPageConfiguration.global.bodyBeginSlot = i),
-                onInput: o[18] || (o[18] = (i) => e.$emit("update:parametersPageConfiguration.global.bodyBeginSlot", i.target.value)),
+                "onUpdate:modelValue": o[17] || (o[17] = (d) => e.parametersPageConfiguration.global.bodyBeginSlot = d),
+                onInput: o[18] || (o[18] = (d) => e.$emit("update:parametersPageConfiguration.global.bodyBeginSlot", d.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"
@@ -293,15 +293,15 @@ function Ke(e, o, b, v, f, c) {
                 [Q, e.parametersPageConfiguration.global.bodyBeginSlot]
               ])
             ]),
-            t("div", Je, [
+            t("div", He, [
               o[34] || (o[34] = 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)),
               R(t("textarea", {
                 id: "footerSlot",
-                "onUpdate:modelValue": o[19] || (o[19] = (i) => e.parametersPageConfiguration.global.footerSlot = i),
-                onInput: o[20] || (o[20] = (i) => e.$emit("update:parametersPageConfiguration.global.footerSlot", i.target.value)),
+                "onUpdate:modelValue": o[19] || (o[19] = (d) => e.parametersPageConfiguration.global.footerSlot = d),
+                onInput: o[20] || (o[20] = (d) => e.$emit("update:parametersPageConfiguration.global.footerSlot", d.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"
@@ -311,33 +311,33 @@ function Ke(e, o, b, v, f, c) {
             ])
           ])
         ]),
-        t("div", He, [
-          t("div", We, [
+        t("div", We, [
+          t("div", Qe, [
             o[37] || (o[37] = t("h2", { class: "text-lg font-bold text-slate-700" }, "Configuración SEO", -1)),
             t("button", {
-              onClick: o[21] || (o[21] = (i) => e.validateSeo()),
+              onClick: o[21] || (o[21] = (d) => 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", Qe, [
-            t("div", Xe, [
+          t("div", Xe, [
+            t("div", Ye, [
               o[39] || (o[39] = t("label", {
                 for: "robotsIndex",
                 class: "block text-sm font-medium text-slate-600 mb-2"
               }, " Indexación de robots ", -1)),
               R(t("select", {
                 id: "robotsIndex",
-                "onUpdate:modelValue": o[22] || (o[22] = (i) => e.parametersPageConfiguration.seo.robots = i),
-                onChange: o[23] || (o[23] = (i) => e.$emit("update:parametersPageConfiguration.seo.robots", i.target.value)),
+                "onUpdate:modelValue": o[22] || (o[22] = (d) => e.parametersPageConfiguration.seo.robots = d),
+                onChange: o[23] || (o[23] = (d) => e.$emit("update:parametersPageConfiguration.seo.robots", d.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] = [
                 t("option", { value: "index, follow" }, "Index Follow", -1),
                 t("option", { value: "noindex, nofollow" }, "Noindex Nofollow", -1)
               ])], 544), [
-                [G, e.parametersPageConfiguration.seo.robots]
+                [J, e.parametersPageConfiguration.seo.robots]
               ])
             ]),
-            t("div", Ye, [
+            t("div", Ze, [
               o[40] || (o[40] = t("label", {
                 for: "pageTitle",
                 class: "block text-sm font-medium text-slate-600 mb-2"
@@ -345,23 +345,23 @@ function Ke(e, o, b, v, f, c) {
               R(t("input", {
                 id: "pageTitle",
                 type: "text",
-                "onUpdate:modelValue": o[24] || (o[24] = (i) => e.parametersPageConfiguration.seo.title = i),
-                onInput: o[25] || (o[25] = (i) => e.$emit("update:parametersPageConfiguration.seo.title", i.target.value)),
+                "onUpdate:modelValue": o[24] || (o[24] = (d) => e.parametersPageConfiguration.seo.title = d),
+                onInput: o[25] || (o[25] = (d) => e.$emit("update:parametersPageConfiguration.seo.title", d.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), [
                 [Q, e.parametersPageConfiguration.seo.title]
               ])
             ]),
-            t("div", Ze, [
+            t("div", Ke, [
               o[41] || (o[41] = t("label", {
                 for: "pageDescription",
                 class: "block text-sm font-medium text-slate-600 mb-2"
               }, " Descripción de la página ", -1)),
               R(t("textarea", {
                 id: "pageDescription",
-                "onUpdate:modelValue": o[26] || (o[26] = (i) => e.parametersPageConfiguration.seo.description = i),
-                onInput: o[27] || (o[27] = (i) => e.$emit("update:parametersPageConfiguration.seo.description", i.target.value)),
+                "onUpdate:modelValue": o[26] || (o[26] = (d) => e.parametersPageConfiguration.seo.description = d),
+                onInput: o[27] || (o[27] = (d) => e.$emit("update:parametersPageConfiguration.seo.description", d.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"
@@ -375,13 +375,13 @@ function Ke(e, o, b, v, f, c) {
     ])) : k("", !0)
   ], 64);
 }
-const _e = /* @__PURE__ */ pe(ve, [["render", Ke]]), et = {
+const et = /* @__PURE__ */ xe(pe, [["render", _e]]), tt = {
   key: 0,
   class: "absolute top-0 left-0 bg-white/90 w-full h-full z-100"
-}, tt = { class: "w-full flex justify-end p-4" }, ot = ["for"], lt = {
+}, ot = { class: "w-full flex justify-end p-4" }, lt = ["for"], nt = {
   key: 0,
   class: "text-red-500"
-}, nt = ["id", "name", "placeholder", "required", "value", "onInput"], at = ["id", "name", "data-mandatoryCrops", "placeholder", "required", "value", "onInput"], rt = ["id", "name", "required", "value", "onInput"], st = ["value"], it = ["id", "name", "required", "checked", "onChange"], oe = /* @__PURE__ */ J({
+}, at = ["id", "name", "placeholder", "required", "value", "onInput"], rt = ["id", "name", "data-mandatoryCrops", "placeholder", "required", "value", "onInput"], st = ["id", "name", "required", "value", "onInput"], it = ["value"], dt = ["id", "name", "required", "checked", "onChange"], le = /* @__PURE__ */ H({
   __name: "FieldsForm",
   props: {
     object: {
@@ -398,16 +398,16 @@ const _e = /* @__PURE__ */ pe(ve, [["render", Ke]]), et = {
     }
   },
   setup(e) {
-    const o = e, b = (v, f) => {
-      const c = (o.object.fields || []).find((i) => i.name === v);
+    const o = e, b = (p, f) => {
+      const c = (o.object.fields || []).find((d) => d.name === p);
       c && (c.example_value = f);
     };
-    return (v, f) => (s(), d(A, null, [
-      e.showForm ? (s(), d("div", et)) : k("", !0),
+    return (p, f) => (r(), i(A, null, [
+      e.showForm ? (r(), i("div", tt)) : k("", !0),
       t("div", {
         class: q(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", tt, [
+        t("div", ot, [
           t("span", {
             onClick: f[0] || (f[0] = //@ts-ignore
             (...c) => e.toggleShowForm && e.toggleShowForm(...c)),
@@ -415,32 +415,32 @@ const _e = /* @__PURE__ */ pe(ve, [["render", Ke]]), et = {
           }, "❌")
         ]),
         t("form", null, [
-          (s(!0), d(A, null, N(e.object.fields, (c, i) => (s(), d("div", {
-            key: i,
+          (r(!0), i(A, null, N(e.object.fields, (c, d) => (r(), i("div", {
+            key: d,
             class: "mb-4"
           }, [
             t("label", {
-              for: `${e.object.id}-${c.name}-${i}`,
+              for: `${e.object.id}-${c.name}-${d}`,
               class: "block text-sm font-medium mb-1"
             }, [
-              E(p(c.label) + " ", 1),
-              c.mandatory ? (s(), d("span", lt, "*")) : k("", !0)
-            ], 8, ot),
-            c.type === "text" ? (s(), d("input", {
+              E(v(c.label) + " ", 1),
+              c.mandatory ? (r(), i("span", nt, "*")) : k("", !0)
+            ], 8, lt),
+            c.type === "text" ? (r(), i("input", {
               key: 0,
-              id: `${e.object.id}-${c.name}-${i}`,
-              name: `${e.object.id}-${c.name}-${i}`,
+              id: `${e.object.id}-${c.name}-${d}`,
+              name: `${e.object.id}-${c.name}-${d}`,
               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: c.label,
               required: c.mandatory,
               value: c.example_value,
               onInput: (m) => b(c.name, m.target.value)
-            }, null, 40, nt)) : k("", !0),
-            c.type === "image" ? (s(), d("input", {
+            }, null, 40, at)) : k("", !0),
+            c.type === "image" ? (r(), i("input", {
               key: 1,
-              id: `${e.object.id}-${c.name}-${i}`,
-              name: `${e.object.id}-${c.name}-${i}`,
+              id: `${e.object.id}-${c.name}-${d}`,
+              name: `${e.object.id}-${c.name}-${d}`,
               "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",
@@ -448,11 +448,11 @@ const _e = /* @__PURE__ */ pe(ve, [["render", Ke]]), et = {
               required: c.mandatory,
               value: c.example_value,
               onInput: (m) => b(c.name, m.target.value)
-            }, null, 40, at)) : c.type === "textArea" ? (s(), ae(W(fe), {
+            }, null, 40, rt)) : c.type === "textArea" ? (r(), re(G(ve), {
               key: 2,
               theme: "snow",
-              id: `${e.object.id}-${c.name}-${i}`,
-              name: `${e.object.id}-${c.name}-${i}`,
+              id: `${e.object.id}-${c.name}-${d}`,
+              name: `${e.object.id}-${c.name}-${d}`,
               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: c.label,
@@ -464,10 +464,10 @@ const _e = /* @__PURE__ */ pe(ve, [["render", Ke]]), et = {
               modelValue: c.example_value,
               "onUpdate:modelValue": (m) => c.example_value = m,
               contentType: "html"
-            }, null, 8, ["id", "name", "placeholder", "required", "onUpdate:content", "content", "modelValue", "onUpdate:modelValue"])) : c.type === "select" ? (s(), d("select", {
+            }, null, 8, ["id", "name", "placeholder", "required", "onUpdate:content", "content", "modelValue", "onUpdate:modelValue"])) : c.type === "select" ? (r(), i("select", {
               key: 3,
-              id: `${e.object.id}-${c.name}-${i}`,
-              name: `${e.object.id}-${c.name}-${i}`,
+              id: `${e.object.id}-${c.name}-${d}`,
+              name: `${e.object.id}-${c.name}-${d}`,
               class: "w-full px-3 py-2 border border-slate-300 rounded focus:outline-none focus:ring-2 focus:ring-blue-400",
               required: c.mandatory,
               value: c.example_value,
@@ -477,32 +477,32 @@ const _e = /* @__PURE__ */ pe(ve, [["render", Ke]]), et = {
                 disabled: "",
                 value: ""
               }, "Seleccione una opción", -1)),
-              (s(!0), d(A, null, N(c.options || [], (m, x) => (s(), d("option", {
+              (r(!0), i(A, null, N(c.options || [], (m, x) => (r(), i("option", {
                 key: x,
                 value: m
-              }, p(m), 9, st))), 128))
-            ], 40, rt)) : c.type === "boolean" ? (s(), d("input", {
+              }, v(m), 9, it))), 128))
+            ], 40, st)) : c.type === "boolean" ? (r(), i("input", {
               key: 4,
-              id: `${e.object.id}-${c.name}-${i}`,
-              name: `${e.object.id}-${c.name}-${i}`,
+              id: `${e.object.id}-${c.name}-${d}`,
+              name: `${e.object.id}-${c.name}-${d}`,
               type: "checkbox",
               class: "h-4 w-4 text-blue-600 focus:ring-blue-500 border-slate-300 rounded inline-block",
               required: c.mandatory,
               checked: c.example_value,
               onChange: (m) => b(c.name, m.target.checked)
-            }, null, 40, it)) : k("", !0)
+            }, null, 40, dt)) : k("", !0)
           ]))), 128))
         ])
       ], 2)
     ], 64));
   }
-}), dt = { class: "space-y-4" }, ut = ["disabled"], ct = ["value"], mt = { class: "space-y-3" }, bt = {
+}), ut = { class: "space-y-4" }, ct = ["disabled"], mt = ["value"], bt = { class: "space-y-3" }, gt = {
   key: 0,
   class: "overflow-y-auto space-y-3"
-}, gt = { class: "block text-sm font-semibold text-slate-600 mb-2" }, ft = ["onChange", "disabled"], vt = ["value"], pt = ["onChange", "disabled"], xt = ["onInput", "disabled", "placeholder"], ht = ["disabled"], wt = {
+}, ft = { class: "block text-sm font-semibold text-slate-600 mb-2" }, vt = ["onChange", "disabled"], pt = ["value"], xt = ["onChange", "disabled"], ht = ["onInput", "disabled", "placeholder"], wt = ["disabled"], yt = {
   key: 0,
   class: "animate-spin"
-}, yt = { key: 1 }, Ct = /* @__PURE__ */ J({
+}, Ct = { key: 1 }, $t = /* @__PURE__ */ H({
   __name: "SourceFilter",
   props: {
     onSubmit: {
@@ -512,16 +512,20 @@ const _e = /* @__PURE__ */ pe(ve, [["render", Ke]]), et = {
     updateFeedCriteria: {
       type: Function,
       required: !0
+    },
+    isProduction: {
+      type: Boolean,
+      default: !1
     }
   },
   setup(e) {
-    const o = e, b = $(!1), v = $(null), f = $({}), c = X(() => {
-      const n = typeof import.meta < "u" && !0;
+    const o = e, b = $(!1), p = $(null), f = $({}), c = X(() => {
+      const s = o.isProduction;
       return [
         {
           id: "origen1",
           name: "El Derecho",
-          apiUrl: n ? "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" },
@@ -535,7 +539,7 @@ const _e = /* @__PURE__ */ pe(ve, [["render", Ke]]), et = {
         {
           id: "origen2",
           name: "Formación",
-          apiUrl: n ? "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" },
@@ -547,152 +551,152 @@ const _e = /* @__PURE__ */ pe(ve, [["render", Ke]]), et = {
         {
           id: "origen3",
           name: "Derecholocal",
-          apiUrl: n ? "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: n ? "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: n ? "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: []
         }
       ];
-    }), i = X(() => {
-      if (!v.value)
+    }), d = X(() => {
+      if (!p.value)
         return [];
-      const n = c.value.find((a) => a.id === v.value);
-      return n ? n.filters : [];
-    }), m = (n, a) => {
-      f.value[n] = a;
+      const s = c.value.find((l) => l.id === p.value);
+      return s ? s.filters : [];
+    }), m = (s, l) => {
+      f.value[s] = l;
     }, x = () => {
       f.value = {};
-    }, j = async () => {
+    }, F = async () => {
       b.value = !0;
-      const n = c.value.find((l) => l.id === v.value);
-      if (!n) {
+      const s = c.value.find((n) => n.id === p.value);
+      if (!s) {
         console.error("Origen no encontrado"), b.value = !1;
         return;
       }
-      const a = new URL(n.apiUrl);
-      Object.keys(f.value).forEach((l) => {
-        f.value[l] && a.searchParams.append(l, f.value[l]);
+      const l = new URL(s.apiUrl);
+      Object.keys(f.value).forEach((n) => {
+        f.value[n] && l.searchParams.append(n, f.value[n]);
       });
       try {
-        const g = await (await fetch(a.toString(), {
+        const g = await (await fetch(l.toString(), {
           method: "GET",
           headers: {
             Accept: "text/xml, application/xml"
           }
-        })).text(), D = new DOMParser().parseFromString(g, "text/xml"), T = Array.from(D.querySelectorAll("item")).map((r) => {
+        })).text(), D = new DOMParser().parseFromString(g, "text/xml"), T = Array.from(D.querySelectorAll("item")).map((a) => {
           const u = {};
-          return Array.from(r.children).forEach((h) => {
-            h.children.length > 0 ? Array.from(h.children).forEach((M) => {
-              const I = `${h.nodeName}_${M.nodeName}`;
-              u[I] = M.textContent || "";
+          return Array.from(a.children).forEach((h) => {
+            h.children.length > 0 ? Array.from(h.children).forEach((j) => {
+              const I = `${h.nodeName}_${j.nodeName}`;
+              u[I] = j.textContent || "";
             }) : u[h.nodeName] = h.textContent || "";
           }), u;
         });
         o.onSubmit(T);
-      } catch (l) {
-        console.error("Error al aplicar filtros:", l), o.onSubmit([]);
+      } catch (n) {
+        console.error("Error al aplicar filtros:", n), o.onSubmit([]);
       } finally {
-        const l = {
-          name: n.name,
-          url: a.toString()
+        const n = {
+          name: s.name,
+          url: l.toString()
         };
-        o.updateFeedCriteria(l), b.value = !1;
+        o.updateFeedCriteria(n), b.value = !1;
       }
     };
-    return (n, a) => (s(), d("div", dt, [
+    return (s, l) => (r(), i("div", ut, [
       t("div", null, [
-        a[1] || (a[1] = t("label", { class: "block text-sm font-semibold text-slate-600 mb-2" }, "Seleccionar origen:", -1)),
+        l[1] || (l[1] = t("label", { class: "block text-sm font-semibold text-slate-600 mb-2" }, "Seleccionar origen:", -1)),
         R(t("select", {
-          "onUpdate:modelValue": a[0] || (a[0] = (l) => v.value = l),
+          "onUpdate:modelValue": l[0] || (l[0] = (n) => p.value = n),
           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: x,
           disabled: b.value
         }, [
-          (s(!0), d(A, null, N(c.value, (l) => (s(), d("option", {
-            key: l.id,
-            value: l.id
-          }, p(l.name), 9, ct))), 128))
-        ], 40, ut), [
-          [G, v.value]
+          (r(!0), i(A, null, N(c.value, (n) => (r(), i("option", {
+            key: n.id,
+            value: n.id
+          }, v(n.name), 9, mt))), 128))
+        ], 40, ct), [
+          [J, p.value]
         ])
       ]),
-      t("div", mt, [
-        i.value.length > 0 ? (s(), d("div", bt, [
-          (s(!0), d(A, null, N(i.value, (l) => (s(), d("div", {
-            key: l.id,
+      t("div", bt, [
+        d.value.length > 0 ? (r(), i("div", gt, [
+          (r(!0), i(A, null, N(d.value, (n) => (r(), i("div", {
+            key: n.id,
             class: "bg-gradient-to-br from-slate-50 to-white p-4 rounded-xl border border-slate-200"
           }, [
-            t("label", gt, p(l.label) + ":", 1),
-            l.type === "select" ? (s(), d("select", {
+            t("label", ft, v(n.label) + ":", 1),
+            n.type === "select" ? (r(), i("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: (g) => m(l.id, g.target.value),
+              onChange: (g) => m(n.id, g.target.value),
               disabled: b.value
             }, [
-              a[2] || (a[2] = t("option", { value: "" }, "Seleccionar...", -1)),
-              (s(!0), d(A, null, N(l.options, (g) => (s(), d("option", {
+              l[2] || (l[2] = t("option", { value: "" }, "Seleccionar...", -1)),
+              (r(!0), i(A, null, N(n.options, (g) => (r(), i("option", {
                 key: g,
                 value: g
-              }, p(g), 9, vt))), 128))
-            ], 40, ft)) : l.type === "date" ? (s(), d("input", {
+              }, v(g), 9, pt))), 128))
+            ], 40, vt)) : n.type === "date" ? (r(), i("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: (g) => m(l.id, g.target.value),
+              onChange: (g) => m(n.id, g.target.value),
               disabled: b.value
-            }, null, 40, pt)) : l.type === "text" ? (s(), d("input", {
+            }, null, 40, xt)) : n.type === "text" ? (r(), i("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: (g) => m(l.id, g.target.value),
+              onInput: (g) => m(n.id, g.target.value),
               disabled: b.value,
-              placeholder: l.label
-            }, null, 40, xt)) : k("", !0)
+              placeholder: n.label
+            }, null, 40, ht)) : k("", !0)
           ]))), 128))
         ])) : k("", !0),
         t("button", {
-          onClick: j,
+          onClick: F,
           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: b.value
         }, [
-          b.value ? (s(), d("span", wt, "⏳")) : (s(), d("span", yt, "🔍")),
-          E(" " + p(b.value ? "Conectando con el feed..." : "Aplicar Filtros"), 1)
-        ], 8, ht)
+          b.value ? (r(), i("span", yt, "⏳")) : (r(), i("span", Ct, "🔍")),
+          E(" " + v(b.value ? "Conectando con el feed..." : "Aplicar Filtros"), 1)
+        ], 8, wt)
       ])
     ]));
   }
-}), $t = { 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" }, kt = { class: "w-full flex justify-between items-center mb-4" }, St = { 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" }, Ft = { class: "flex-1 flex flex-col gap-5" }, jt = { class: "flex flex-col bg-white rounded-2xl shadow-lg border border-slate-200 p-5 overflow-y-auto" }, Mt = {
+}), kt = { 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" }, St = { class: "w-full flex justify-between items-center mb-4" }, Ft = { 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" }, Pt = { class: "flex-1 flex flex-col gap-5" }, jt = { class: "flex flex-col bg-white rounded-2xl shadow-lg border border-slate-200 p-5 overflow-y-auto" }, Mt = {
   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"
-}, Pt = { class: "list-none mt-3 space-y-2 text-slate-600" }, It = { class: "flex items-start gap-2" }, At = { class: "font-semibold text-slate-700" }, Tt = { class: "flex items-start gap-2" }, Bt = { class: "font-semibold text-slate-700" }, Et = { class: "font-semibold text-slate-700" }, Dt = { class: "flex items-start gap-2" }, Ot = { class: "flex flex-wrap gap-2 mt-1" }, Rt = { class: "font-semibold text-slate-700" }, Nt = { class: "text-emerald-600" }, Vt = { class: "flex flex-col gap-4 w-full" }, Ut = { class: "flex items-center gap-3 cursor-pointer group" }, zt = {
+}, It = { class: "list-none mt-3 space-y-2 text-slate-600" }, At = { class: "flex items-start gap-2" }, Tt = { class: "font-semibold text-slate-700" }, Bt = { class: "flex items-start gap-2" }, Et = { class: "font-semibold text-slate-700" }, Dt = { class: "font-semibold text-slate-700" }, Ot = { class: "flex items-start gap-2" }, Rt = { class: "flex flex-wrap gap-2 mt-1" }, Nt = { class: "font-semibold text-slate-700" }, Vt = { class: "text-emerald-600" }, Ut = { class: "flex flex-col gap-4 w-full" }, zt = { class: "flex items-center gap-3 cursor-pointer group" }, Lt = {
   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"
-}, Lt = { class: "flex flex-col gap-2" }, qt = { class: "flex flex-col gap-2" }, Gt = { class: "flex-1 flex flex-col bg-white rounded-2xl shadow-lg border border-slate-200 p-5 overflow-y-auto" }, Jt = { class: "flex-1 flex flex-col bg-white rounded-2xl shadow-lg border border-slate-200 p-5 overflow-y-auto" }, Ht = {
+}, qt = { class: "flex flex-col gap-2" }, Gt = { class: "flex flex-col gap-2" }, Jt = { class: "flex-1 flex flex-col bg-white rounded-2xl shadow-lg border border-slate-200 p-5 overflow-y-auto" }, Ht = { class: "flex-1 flex flex-col bg-white rounded-2xl shadow-lg border border-slate-200 p-5 overflow-y-auto" }, Wt = {
   key: 0,
   class: "flex-1 flex flex-col items-center justify-center text-slate-400"
-}, Wt = {
+}, Qt = {
   key: 1,
   class: "space-y-3"
-}, Qt = ["onClick"], Xt = { class: "font-bold text-slate-800 mb-2" }, Yt = { class: "text-sm text-slate-600 line-clamp-2" }, Zt = { class: "flex-1 flex flex-col bg-white rounded-2xl shadow-lg border border-slate-200 p-5 overflow-y-auto" }, Kt = {
+}, Xt = ["onClick"], Yt = { class: "font-bold text-slate-800 mb-2" }, Zt = { class: "text-sm text-slate-600 line-clamp-2" }, Kt = { class: "flex-1 flex flex-col bg-white rounded-2xl shadow-lg border border-slate-200 p-5 overflow-y-auto" }, _t = {
   key: 0,
   class: "flex-1 flex flex-col items-center justify-center text-slate-400"
-}, _t = {
+}, eo = {
   key: 1,
   class: "space-y-3"
-}, eo = { class: "block text-sm font-bold text-slate-700 mb-2 flex items-center gap-2" }, to = ["onUpdate:modelValue"], oo = ["value"], lo = {
+}, to = { class: "block text-sm font-bold text-slate-700 mb-2 flex items-center gap-2" }, oo = ["onUpdate:modelValue"], lo = ["value"], no = {
   key: 0,
   class: "mt-3 p-3 bg-gradient-to-br from-emerald-50 to-teal-50 rounded-lg border border-emerald-200"
-}, no = { class: "mt-1 text-sm font-medium text-slate-700 break-words" }, ao = /* @__PURE__ */ J({
+}, ao = { class: "mt-1 text-sm font-medium text-slate-700 break-words" }, ro = /* @__PURE__ */ H({
   __name: "FeedComponent",
   props: {
     object: {
@@ -706,74 +710,78 @@ const _e = /* @__PURE__ */ pe(ve, [["render", Ke]]), et = {
     updateObjectByFeedContent: {
       type: Function,
       required: !0
+    },
+    isProduction: {
+      type: Boolean,
+      default: !1
     }
   },
   setup(e) {
-    const o = e, b = $(null), v = $(null), f = $(!1), c = $(1), i = $("horizontal"), m = $({}), x = $(null), j = (T) => {
+    const o = e, b = $(null), p = $(null), f = $(!1), c = $(1), d = $("horizontal"), m = $({}), x = $(null), F = (T) => {
       b.value = T;
-    }, n = (T) => {
-      v.value = T;
-    }, a = () => {
-      const T = o.object.fields.filter((r) => r.mappedTo).map((r) => {
+    }, s = (T) => {
+      p.value = T;
+    }, l = () => {
+      const T = o.object.fields.filter((a) => a.mappedTo).map((a) => {
         var u;
         return {
-          fieldName: r.name,
-          mappedTo: r.mappedTo,
-          value: ((u = v.value) == null ? void 0 : u[r.mappedTo]) ?? null
+          fieldName: a.name,
+          mappedTo: a.mappedTo,
+          value: ((u = p.value) == null ? void 0 : u[a.mappedTo]) ?? null
         };
       });
       x.value = {
         ...m.value,
         dynamicUpdate: f.value,
         elementCount: c.value,
-        orientation: i.value,
-        mapping: T.map(({ fieldName: r, mappedTo: u }) => ({ fieldName: r, mappedTo: u }))
+        orientation: d.value,
+        mapping: T.map(({ fieldName: a, mappedTo: u }) => ({ fieldName: a, mappedTo: u }))
       }, o.updateObjectByFeedContent && o.updateObjectByFeedContent(T, x.value), o.toggleFeedSection();
-    }, l = (T) => {
+    }, n = (T) => {
       m.value = T;
     }, g = () => {
       var T;
-      (T = o.object) != null && T.repeat_data && (x.value = o.object.repeat_data, f.value = o.object.repeat_data.dynamicUpdate || !1, c.value = o.object.repeat_data.elementCount || 1, i.value = o.object.repeat_data.orientation || "horizontal", m.value = {
+      (T = o.object) != null && T.repeat_data && (x.value = o.object.repeat_data, f.value = o.object.repeat_data.dynamicUpdate || !1, c.value = o.object.repeat_data.elementCount || 1, d.value = o.object.repeat_data.orientation || "horizontal", m.value = {
         name: o.object.repeat_data.name,
         url: o.object.repeat_data.url
       });
     }, S = () => {
-      x.value = null, f.value = !1, c.value = 1, i.value = "horizontal", m.value = {}, o.updateObjectByFeedContent && o.updateObjectByFeedContent([], null);
+      x.value = null, f.value = !1, c.value = 1, d.value = "horizontal", m.value = {}, o.updateObjectByFeedContent && o.updateObjectByFeedContent([], null);
     }, D = () => {
       var T;
       x.value && (x.value = {
         ...x.value,
         dynamicUpdate: f.value,
         elementCount: c.value,
-        orientation: i.value
-      }, o.updateObjectByFeedContent && o.updateObjectByFeedContent(((T = x.value.mapping) == null ? void 0 : T.map((r) => ({
-        fieldName: r.fieldName,
-        mappedTo: r.mappedTo,
+        orientation: d.value
+      }, o.updateObjectByFeedContent && o.updateObjectByFeedContent(((T = x.value.mapping) == null ? void 0 : T.map((a) => ({
+        fieldName: a.fieldName,
+        mappedTo: a.mappedTo,
         value: null
       }))) || [], x.value));
     };
     return te(() => {
       g();
-    }), (T, r) => (s(), d("div", $t, [
-      t("div", kt, [
-        r[5] || (r[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, a) => (r(), i("div", kt, [
+      t("div", St, [
+        a[5] || (a[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" }, "🍺"),
           E(" Configuración de Feed ")
         ], -1)),
         t("button", {
-          onClick: r[0] || (r[0] = //@ts-ignore
+          onClick: a[0] || (a[0] = //@ts-ignore
           (...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"
-        }, [...r[4] || (r[4] = [
+        }, [...a[4] || (a[4] = [
           t("span", { class: "text-lg" }, "✕", -1)
         ])])
       ]),
-      t("div", St, [
-        t("div", Ft, [
+      t("div", Ft, [
+        t("div", Pt, [
           t("div", jt, [
-            x.value && x.value.dynamicUpdate ? (s(), d("div", Mt, [
+            x.value && x.value.dynamicUpdate ? (r(), i("div", Mt, [
               t("div", { class: "flex justify-between items-start" }, [
-                r[8] || (r[8] = t("p", { class: "flex items-center gap-2" }, [
+                a[8] || (a[8] = t("p", { class: "flex items-center gap-2" }, [
                   t("span", { class: "text-emerald-500" }, "✓"),
                   E(" Hay un criterio de feed establecido: ")
                 ], -1)),
@@ -781,68 +789,68 @@ const _e = /* @__PURE__ */ pe(ve, [["render", Ke]]), et = {
                   t("button", {
                     onClick: D,
                     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"
-                  }, [...r[6] || (r[6] = [
+                  }, [...a[6] || (a[6] = [
                     t("span", null, "💾", -1),
                     E(" Guardar ", -1)
                   ])]),
                   t("button", {
                     onClick: S,
                     class: "cursor-pointer px-3 py-1.5 bg-white hover:bg-red-50 text-red-500 hover:text-red-600 border border-red-200 hover:border-red-300 rounded-lg text-xs font-semibold transition-all duration-200 flex items-center gap-1 shadow-sm"
-                  }, [...r[7] || (r[7] = [
+                  }, [...a[7] || (a[7] = [
                     t("span", null, "✕", -1),
                     E(" Borrar ", -1)
                   ])])
                 ])
               ]),
-              t("ul", Pt, [
-                t("li", It, [
-                  r[9] || (r[9] = t("span", { class: "text-emerald-400" }, "→", -1)),
-                  r[10] || (r[10] = E(" Conectar con ", -1)),
-                  t("span", At, p(x.value.name), 1)
+              t("ul", It, [
+                t("li", At, [
+                  a[9] || (a[9] = t("span", { class: "text-emerald-400" }, "→", -1)),
+                  a[10] || (a[10] = E(" Conectar con ", -1)),
+                  t("span", Tt, v(x.value.name), 1)
                 ]),
-                t("li", Tt, [
-                  r[11] || (r[11] = t("span", { class: "text-emerald-400" }, "→", -1)),
-                  r[12] || (r[12] = E(" Recuperar ", -1)),
-                  t("span", Bt, p(x.value.elementCount), 1),
-                  r[13] || (r[13] = E(" items (", -1)),
-                  t("span", Et, p(x.value.orientation), 1),
-                  r[14] || (r[14] = E(")", -1))
+                t("li", Bt, [
+                  a[11] || (a[11] = t("span", { class: "text-emerald-400" }, "→", -1)),
+                  a[12] || (a[12] = E(" Recuperar ", -1)),
+                  t("span", Et, v(x.value.elementCount), 1),
+                  a[13] || (a[13] = E(" items (", -1)),
+                  t("span", Dt, v(x.value.orientation), 1),
+                  a[14] || (a[14] = E(")", -1))
                 ]),
-                t("li", Dt, [
-                  r[17] || (r[17] = t("span", { class: "text-emerald-400" }, "→", -1)),
+                t("li", Ot, [
+                  a[17] || (a[17] = t("span", { class: "text-emerald-400" }, "→", -1)),
                   t("div", null, [
-                    r[16] || (r[16] = E(" Mapeo: ", -1)),
-                    t("div", Ot, [
-                      (s(!0), d(A, null, N(x.value.mapping, (u, h) => (s(), d("span", {
+                    a[16] || (a[16] = E(" Mapeo: ", -1)),
+                    t("div", Rt, [
+                      (r(!0), i(A, null, N(x.value.mapping, (u, h) => (r(), i("span", {
                         key: h,
                         class: "inline-flex items-center gap-1 px-2 py-0.5 bg-white rounded-full text-xs border border-slate-200"
                       }, [
-                        t("span", Rt, p(u.fieldName), 1),
-                        r[15] || (r[15] = t("span", { class: "text-slate-400" }, "←", -1)),
-                        t("span", Nt, p(u.mappedTo), 1)
+                        t("span", Nt, v(u.fieldName), 1),
+                        a[15] || (a[15] = t("span", { class: "text-slate-400" }, "←", -1)),
+                        t("span", Vt, v(u.mappedTo), 1)
                       ]))), 128))
                     ])
                   ])
                 ])
               ])
             ])) : k("", !0),
-            t("div", Vt, [
-              t("label", Ut, [
+            t("div", Ut, [
+              t("label", zt, [
                 R(t("input", {
                   type: "checkbox",
-                  "onUpdate:modelValue": r[1] || (r[1] = (u) => f.value = u),
+                  "onUpdate:modelValue": a[1] || (a[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), [
-                  [ne, f.value]
+                  [ae, f.value]
                 ]),
-                r[18] || (r[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))
+                a[18] || (a[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(), d("div", zt, [
-                t("div", Lt, [
-                  r[19] || (r[19] = t("label", { class: "text-sm font-semibold text-slate-600" }, "Cantidad de elementos:", -1)),
+              f.value ? (r(), i("div", Lt, [
+                t("div", qt, [
+                  a[19] || (a[19] = t("label", { class: "text-sm font-semibold text-slate-600" }, "Cantidad de elementos:", -1)),
                   R(t("input", {
                     type: "number",
-                    "onUpdate:modelValue": r[2] || (r[2] = (u) => c.value = u),
+                    "onUpdate:modelValue": a[2] || (a[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), [
@@ -854,94 +862,95 @@ const _e = /* @__PURE__ */ pe(ve, [["render", Ke]]), et = {
                     ]
                   ])
                 ]),
-                t("div", qt, [
-                  r[21] || (r[21] = t("label", { class: "text-sm font-semibold text-slate-600" }, "Orientación:", -1)),
+                t("div", Gt, [
+                  a[21] || (a[21] = t("label", { class: "text-sm font-semibold text-slate-600" }, "Orientación:", -1)),
                   R(t("select", {
-                    "onUpdate:modelValue": r[3] || (r[3] = (u) => i.value = u),
+                    "onUpdate:modelValue": a[3] || (a[3] = (u) => d.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"
-                  }, [...r[20] || (r[20] = [
+                  }, [...a[20] || (a[20] = [
                     t("option", {
                       value: "horizontal",
                       selected: ""
                     }, "Horizontal", -1),
                     t("option", { value: "vertical" }, "Vertical", -1)
                   ])], 512), [
-                    [G, i.value]
+                    [J, d.value]
                   ])
                 ])
               ])) : k("", !0)
             ])
           ]),
-          t("div", Gt, [
-            r[22] || (r[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("div", Jt, [
+            a[22] || (a[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" }, "🔍"),
               E(" Orígenes y Filtros ")
             ], -1)),
-            L(Ct, {
-              onSubmit: j,
-              updateFeedCriteria: l
-            })
+            L($t, {
+              onSubmit: F,
+              updateFeedCriteria: n,
+              isProduction: e.isProduction
+            }, null, 8, ["isProduction"])
           ])
         ]),
-        t("div", Jt, [
-          r[24] || (r[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("div", Ht, [
+          a[24] || (a[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" }, "📰"),
             E(" Noticias ")
           ], -1)),
-          !b.value || b.value.length === 0 ? (s(), d("div", Ht, [...r[23] || (r[23] = [
+          !b.value || b.value.length === 0 ? (r(), i("div", Wt, [...a[23] || (a[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(), d("ul", Wt, [
-            (s(!0), d(A, null, N(b.value, (u, h) => (s(), d("li", {
+          ])])) : (r(), i("ul", Qt, [
+            (r(!0), i(A, null, N(b.value, (u, h) => (r(), i("li", {
               key: h,
               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: (M) => n(u)
+              onClick: (j) => s(u)
             }, [
-              t("h4", Xt, p(u.title || u.titulo || "Sin título"), 1),
-              t("p", Yt, p(u.description || u.descripcion || u.content || "Sin descripción"), 1)
-            ], 8, Qt))), 128))
+              t("h4", Yt, v(u.title || u.titulo || "Sin título"), 1),
+              t("p", Zt, v(u.description || u.descripcion || u.content || "Sin descripción"), 1)
+            ], 8, Xt))), 128))
           ]))
         ]),
-        t("div", Zt, [
-          r[30] || (r[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("div", Kt, [
+          a[30] || (a[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" }, "🔗"),
             E(" Relacionar Noticia ")
           ], -1)),
-          v.value ? (s(), d("div", _t, [
-            (s(!0), d(A, null, N(e.object.fields, (u, h) => (s(), d("div", {
+          p.value ? (r(), i("div", eo, [
+            (r(!0), i(A, null, N(e.object.fields, (u, h) => (r(), i("div", {
               key: h,
               class: "p-4 bg-gradient-to-br from-slate-50 to-white rounded-xl border border-slate-200"
             }, [
-              t("label", eo, [
-                r[26] || (r[26] = t("span", { class: "text-base" }, "⚙️", -1)),
-                E(" " + p(u.name), 1)
+              t("label", to, [
+                a[26] || (a[26] = t("span", { class: "text-base" }, "⚙️", -1)),
+                E(" " + v(u.name), 1)
               ]),
               R(t("select", {
-                "onUpdate:modelValue": (M) => u.mappedTo = M,
+                "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"
               }, [
-                r[27] || (r[27] = t("option", { value: "" }, "-- Seleccionar campo --", -1)),
-                (s(!0), d(A, null, N(v.value, (M, I) => (s(), d("option", {
+                a[27] || (a[27] = t("option", { value: "" }, "-- Seleccionar campo --", -1)),
+                (r(!0), i(A, null, N(p.value, (j, I) => (r(), i("option", {
                   key: I,
                   value: I
-                }, p(I), 9, oo))), 128))
-              ], 8, to), [
-                [G, u.mappedTo]
+                }, v(I), 9, lo))), 128))
+              ], 8, oo), [
+                [J, u.mappedTo]
               ]),
-              u.mappedTo ? (s(), d("div", lo, [
-                r[28] || (r[28] = t("span", { class: "text-xs font-semibold text-emerald-600 uppercase tracking-wide" }, "Vista previa:", -1)),
-                t("p", no, p(v.value[u.mappedTo]), 1)
+              u.mappedTo ? (r(), i("div", no, [
+                a[28] || (a[28] = t("span", { class: "text-xs font-semibold text-emerald-600 uppercase tracking-wide" }, "Vista previa:", -1)),
+                t("p", ao, v(p.value[u.mappedTo]), 1)
               ])) : k("", !0)
             ]))), 128)),
             t("button", {
-              onClick: a,
+              onClick: l,
               class: "cursor-pointer w-full mt-4 px-5 py-3 bg-gradient-to-r from-emerald-500 to-teal-500 hover:from-emerald-600 hover:to-teal-600 text-white font-semibold rounded-xl shadow-md hover:shadow-lg transition-all duration-200 transform hover:scale-[1.01] flex items-center justify-center gap-2"
-            }, [...r[29] || (r[29] = [
+            }, [...a[29] || (a[29] = [
               t("span", { class: "text-lg" }, "✓", -1),
               t("span", null, "Alimentar el componente", -1)
             ])])
-          ])) : (s(), d("div", Kt, [...r[25] || (r[25] = [
+          ])) : (r(), i("div", _t, [...a[25] || (a[25] = [
             t("span", { class: "text-5xl mb-3 opacity-50" }, "👆", -1),
             t("p", { class: "text-sm font-medium text-center" }, [
               E("Selecciona una noticia"),
@@ -953,29 +962,29 @@ const _e = /* @__PURE__ */ pe(ve, [["render", Ke]]), et = {
       ])
     ]));
   }
-}), ro = { 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" }, so = { class: "w-full text-right flex justify-between items-center mt-1" }, io = { class: "flex gap-3 items-center" }, uo = { 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" }, co = {
+}), so = { 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" }, io = { class: "w-full text-right flex justify-between items-center mt-1" }, uo = { class: "flex gap-3 items-center" }, co = { 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" }, mo = {
   key: 0,
   class: "flex-1 flex justify-center"
-}, mo = { class: "flex justify-end items-center gap-3" }, bo = { 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" }, go = {
+}, bo = { class: "flex justify-end items-center gap-3" }, go = { 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" }, fo = {
   key: 0,
   class: "flex gap-1 bg-slate-50 rounded-lg p-1"
-}, fo = {
+}, vo = {
   key: 0,
   class: "text-[10px] bg-amber-100 text-amber-700 px-1.5 rounded-full font-medium"
-}, vo = { class: "mt-2 flex items-center" }, po = { class: "font-medium text-slate-700" }, xo = { key: 0 }, ho = { key: 1 }, wo = {
+}, po = { class: "mt-2 flex items-center" }, xo = { class: "font-medium text-slate-700" }, ho = { key: 0 }, wo = { key: 1 }, yo = {
   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"
-}, yo = { class: "mt-3 flex gap-1.5 flex-wrap" }, Co = { 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" }, $o = { class: "flex justify-center h-full items-center p-4 gap-3" }, ko = {
+}, Co = { class: "mt-3 flex gap-1.5 flex-wrap" }, $o = { 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" }, ko = { class: "flex justify-center h-full items-center p-4 gap-3" }, So = {
   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"
-}, So = {
+}, Fo = {
   key: 1,
   class: "flex-1 flex justify-center items-center"
-}, Fo = { class: "flex flex-col items-center" }, jo = {
+}, Po = { class: "flex flex-col items-center" }, jo = {
   key: 0,
   class: "text-[10px] mt-0.5 opacity-70"
-}, Mo = ["id"], ie = /* @__PURE__ */ J({
+}, Mo = ["id"], de = /* @__PURE__ */ H({
   __name: "InitialComponent",
   props: {
     object: {
@@ -992,58 +1001,62 @@ const _e = /* @__PURE__ */ pe(ve, [["render", Ke]]), et = {
     insideComponentBox: {
       type: Boolean,
       default: !1
+    },
+    isProduction: {
+      type: Boolean,
+      default: !1
     }
   },
   setup(e) {
-    const o = e, b = Math.random().toString(36).substring(2, 15), v = $(!1), f = $(!1), c = $(null), i = $(null), m = $(!1), x = $(!1);
-    _(() => o.isComponentMode, (r) => {
-      r || j();
+    const o = e, b = Math.random().toString(36).substring(2, 15), p = $(!1), f = $(!1), c = $(null), d = $(null), m = $(!1), x = $(!1);
+    _(() => o.isComponentMode, (a) => {
+      a || F();
     }), _(() => o.object, () => {
-      j();
-    }, { deep: !0 }), _(m, async (r) => {
-      r && (await ce(), T());
+      F();
+    }, { deep: !0 }), _(m, async (a) => {
+      a && (await me(), T());
     });
-    const j = () => {
+    const F = () => {
       c.value && clearTimeout(c.value), c.value = setTimeout(() => {
         T();
       }, 500);
-    }, n = () => {
+    }, s = () => {
       if (o.isComponentMode) return;
-      const r = new IntersectionObserver((u) => {
+      const a = new IntersectionObserver((u) => {
         u.forEach((h) => {
-          h.isIntersecting && !m.value && (m.value = !0, r.disconnect());
+          h.isIntersecting && !m.value && (m.value = !0, a.disconnect());
         });
       }, { threshold: 0.1 });
-      i.value && r.observe(i.value);
-    }, a = (r, u) => {
-      const h = (o.object.fields || []).find((M) => M.name === r);
+      d.value && a.observe(d.value);
+    }, l = (a, u) => {
+      const h = (o.object.fields || []).find((j) => j.name === a);
       h && (h.example_value = u);
-    }, l = (r, u) => {
-      r.forEach((h) => {
-        h.value !== void 0 && a(h.fieldName, h.value);
+    }, n = (a, u) => {
+      a.forEach((h) => {
+        h.value !== void 0 && l(h.fieldName, h.value);
       }), o.object.repeat_data = u;
     }, g = () => {
       f.value = !f.value;
     }, S = () => {
       x.value = !x.value;
     }, D = () => {
-      T(!0).then((r) => {
+      T(!0).then((a) => {
         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;
         }
-        u.document.body.innerHTML = r, u.document.querySelectorAll("script").forEach((M) => {
+        u.document.body.innerHTML = a, u.document.querySelectorAll("script").forEach((j) => {
           var z;
           const I = u.document.createElement("script");
-          M.src ? I.src = M.src : I.textContent = M.textContent, (z = M.parentNode) == null || z.replaceChild(I, M);
+          j.src ? I.src = j.src : I.textContent = j.textContent, (z = j.parentNode) == null || z.replaceChild(I, j);
         }), u.document.close();
       });
-    }, T = (r = !1) => {
-      var M;
-      if (!((M = o.object) != null && M.category) || o.object.category === "Repetidor") {
+    }, T = (a = !1) => {
+      var j;
+      if (!((j = o.object) != null && j.category) || o.object.category === "Repetidor") {
         const I = '<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 (r)
+        if (a)
           return Promise.resolve(I);
         const z = document.getElementById(b);
         return z && (z.innerHTML = I), Promise.resolve("");
@@ -1054,30 +1067,31 @@ const _e = /* @__PURE__ */ pe(ve, [["render", Ke]]), et = {
         headers: { "Content-Type": "application/json" },
         body: h
       }).then((I) => I.text()).then((I) => {
-        if (r)
+        if (a)
           return I;
         const z = document.getElementById(b);
         return z && (z.innerHTML = I), "";
       });
     };
     return te(() => {
-      n();
-    }), (r, u) => (s(), d("div", null, [
-      x.value ? (s(), ae(ao, {
+      s();
+    }), (a, u) => (r(), i("div", null, [
+      x.value ? (r(), re(ro, {
         key: 0,
-        updateObjectByFeedContent: l,
+        updateObjectByFeedContent: n,
         toggleFeedSection: S,
-        object: e.object
-      }, null, 8, ["object"])) : k("", !0),
+        object: e.object,
+        isProduction: e.isProduction
+      }, null, 8, ["object", "isProduction"])) : k("", !0),
       t("div", {
         ref_key: "rootElement",
-        ref: i,
+        ref: d,
         class: q(["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(), d(A, { key: 0 }, [
-          t("span", ro, p(e.object.component_name), 1),
-          t("div", so, [
-            t("div", io, [
+        e.isComponentMode ? (r(), i(A, { key: 0 }, [
+          t("span", so, v(e.object.component_name), 1),
+          t("div", io, [
+            t("div", uo, [
               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",
@@ -1087,20 +1101,20 @@ const _e = /* @__PURE__ */ pe(ve, [["render", Ke]]), et = {
                   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", uo, p(e.object.category), 1)
+              t("span", co, v(e.object.category), 1)
             ]),
-            e.fullwidthMode ? (s(), d("div", co, [
+            e.fullwidthMode ? (r(), i("div", mo, [
               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: u[0] || (u[0] = (h) => {
-                  var M;
-                  return (M = e.addComponentToColumn) == null ? void 0 : M.call(e, e.object);
+                  var j;
+                  return (j = e.addComponentToColumn) == null ? void 0 : j.call(e, e.object);
                 })
               }, "Seleccionar")
             ])) : k("", !0),
-            t("div", mo, [
-              t("span", bo, p(e.object.framework), 1),
-              e.insideComponentBox ? k("", !0) : (s(), d("div", go, [
+            t("div", bo, [
+              t("span", go, v(e.object.framework), 1),
+              e.insideComponentBox ? k("", !0) : (r(), i("div", fo, [
                 t("div", {
                   title: "Previsualizar Dummy",
                   onClick: u[1] || (u[1] = (h) => D()),
@@ -1117,9 +1131,9 @@ const _e = /* @__PURE__ */ pe(ve, [["render", Ke]]), et = {
                   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"
                 }, [
                   u[9] || (u[9] = E("⚡ ", -1)),
-                  e.object.repeat_data ? (s(), d("span", fo, p(e.object.repeat_data.elementCount), 1)) : k("", !0)
+                  e.object.repeat_data ? (r(), i("span", vo, v(e.object.repeat_data.elementCount), 1)) : k("", !0)
                 ]),
-                e.removeComponent ? (s(), d("div", {
+                e.removeComponent ? (r(), i("div", {
                   key: 0,
                   title: "Eliminar componente",
                   onClick: u[3] || (u[3] = (h) => e.removeComponent(e.object, e.section || "")),
@@ -1128,31 +1142,31 @@ const _e = /* @__PURE__ */ pe(ve, [["render", Ke]]), et = {
               ]))
             ])
           ]),
-          L(oe, {
+          L(le, {
             toggleShowForm: g,
             object: e.object,
             showForm: f.value
           }, null, 8, ["object", "showForm"]),
-          t("div", vo, [
-            t("span", po, p(e.object.name), 1),
+          t("div", po, [
+            t("span", xo, v(e.object.name), 1),
             t("button", {
-              onClick: u[4] || (u[4] = (h) => v.value = !v.value),
+              onClick: u[4] || (u[4] = (h) => p.value = !p.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"
             }, [
-              v.value ? (s(), d("span", ho, "▲")) : (s(), d("span", xo, "▼"))
+              p.value ? (r(), i("span", wo, "▲")) : (r(), i("span", ho, "▼"))
             ])
           ]),
-          v.value ? (s(), d("div", wo, p(e.object.description), 1)) : k("", !0),
-          t("div", yo, [
-            (s(!0), d(A, null, N(e.object.tags, (h, M) => (s(), d("span", {
-              key: M,
+          p.value ? (r(), i("div", yo, v(e.object.description), 1)) : k("", !0),
+          t("div", Co, [
+            (r(!0), i(A, null, N(e.object.tags, (h, j) => (r(), i("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"
-            }, p(h), 1))), 128))
+            }, v(h), 1))), 128))
           ])
-        ], 64)) : m.value ? (s(), d(A, { key: 1 }, [
-          t("div", Co, [
-            t("div", $o, [
-              e.insideComponentBox && !e.fullwidthMode || !e.insideComponentBox ? (s(), d("div", ko, [...u[10] || (u[10] = [
+        ], 64)) : m.value ? (r(), i(A, { key: 1 }, [
+          t("div", $o, [
+            t("div", ko, [
+              e.insideComponentBox && !e.fullwidthMode || !e.insideComponentBox ? (r(), i("div", So, [...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",
@@ -1164,12 +1178,12 @@ const _e = /* @__PURE__ */ pe(ve, [["render", Ke]]), et = {
                   t("span", { class: "text-xs font-medium" }, "Mover")
                 ], -1)
               ])])) : k("", !0),
-              e.insideComponentBox && e.fullwidthMode ? (s(), d("div", So, [
+              e.insideComponentBox && e.fullwidthMode ? (r(), i("div", Fo, [
                 t("div", {
                   title: "Agregar componente a la columna",
                   onClick: u[5] || (u[5] = (h) => {
-                    var M;
-                    return (M = e.addComponentToColumn) == null ? void 0 : M.call(e, e.object);
+                    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"
                 }, [...u[11] || (u[11] = [
@@ -1179,7 +1193,7 @@ const _e = /* @__PURE__ */ pe(ve, [["render", Ke]]), et = {
                   ], -1)
                 ])])
               ])) : k("", !0),
-              e.insideComponentBox ? k("", !0) : (s(), d(A, { key: 2 }, [
+              e.insideComponentBox ? k("", !0) : (r(), i(A, { key: 2 }, [
                 t("div", {
                   title: "Configurar componente",
                   onClick: u[6] || (u[6] = (h) => f.value = !f.value),
@@ -1195,13 +1209,13 @@ const _e = /* @__PURE__ */ pe(ve, [["render", Ke]]), et = {
                   onClick: S,
                   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", Fo, [
+                  t("div", Po, [
                     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 ? (s(), d("span", jo, "Carga " + p(e.object.repeat_data.elementCount) + " elementos", 1)) : k("", !0)
+                    e.object.repeat_data && e.object.repeat_data.dynamicUpdate ? (r(), i("span", jo, "Carga " + v(e.object.repeat_data.elementCount) + " elementos", 1)) : k("", !0)
                   ])
                 ]),
-                e.removeComponent ? (s(), d("div", {
+                e.removeComponent ? (r(), i("div", {
                   key: 0,
                   title: "Eliminar componente",
                   onClick: u[7] || (u[7] = (h) => e.removeComponent(e.object, e.section || "")),
@@ -1215,32 +1229,32 @@ const _e = /* @__PURE__ */ pe(ve, [["render", Ke]]), et = {
               ], 64))
             ])
           ]),
-          L(oe, {
+          L(le, {
             toggleShowForm: g,
             object: e.object,
             showForm: f.value
           }, null, 8, ["object", "showForm"]),
           t("div", {
-            id: W(b),
+            id: G(b),
             class: "w-full h-full flex items-center justify-center"
           }, null, 8, Mo)
         ], 64)) : k("", !0)
       ], 2)
     ]));
   }
-}), Po = { class: "absolute top-1 left-2 px-2 flex gap-3 items-center" }, Io = {
+}), Io = { class: "absolute top-1 left-2 px-2 flex gap-3 items-center" }, Ao = {
   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"
-}, Ao = { class: "text-slate-600" }, To = {
+}, To = { class: "text-slate-600" }, Bo = {
   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"
-}, Bo = { class: "text-slate-600" }, Eo = {
+}, Eo = { class: "text-slate-600" }, Do = {
   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"
-}, Do = { class: "text-slate-600" }, Oo = {
+}, Oo = { class: "text-slate-600" }, Ro = {
   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"
-}, Ro = { class: "p-4 bg-gradient-to-br from-slate-50 to-white rounded-lg w-full" }, No = { class: "flex flex-col" }, Vo = ["for"], Uo = ["id"], zo = ["value"], Lo = { class: "flex flex-col" }, qo = ["for"], Go = ["id"], Jo = ["value"], Ho = { class: "flex flex-col" }, Wo = ["for"], Qo = ["id"], Xo = ["value"], Yo = { class: "absolute bottom-0 flex flex-col gap-1 w-full opacity-0 transition-all duration-300 group-hover:opacity-100" }, Zo = { 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" }, Ko = { class: "flex gap-1" }, _o = /* @__PURE__ */ J({
+}, No = { class: "p-4 bg-gradient-to-br from-slate-50 to-white rounded-lg w-full" }, Vo = { class: "flex flex-col" }, Uo = ["for"], zo = ["id"], Lo = ["value"], qo = { class: "flex flex-col" }, Go = ["for"], Jo = ["id"], Ho = ["value"], Wo = { 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" }, Ko = { 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" }, _o = { class: "flex gap-1" }, el = /* @__PURE__ */ H({
   __name: "ColConfig",
   props: {
     globalPageConfiguration: Array,
@@ -1285,169 +1299,169 @@ const _e = /* @__PURE__ */ pe(ve, [["render", Ke]]), et = {
         { label: "Columna (componentes unos encima de otros)", value: "flex-col" },
         { label: "Fila (componentes unos al lado de otros)", value: "flex-row" }
       ]
-    }, v = $(""), f = $(""), c = $(""), i = $(!1), m = X(() => {
-      var a, l, g, S;
-      const j = (a = o.globalPageConfiguration) == null ? void 0 : a.find(
+    }, p = $(""), f = $(""), c = $(""), d = $(!1), m = X(() => {
+      var l, n, g, S;
+      const F = (l = o.globalPageConfiguration) == null ? void 0 : l.find(
         (D) => D.section === o.section
-      ), n = (S = (g = (l = j == null ? void 0 : j.rows) == null ? void 0 : l[o.rowIndex]) == null ? void 0 : g.columns) == null ? void 0 : S[o.columnIndex];
-      return (n == null ? void 0 : n.config) || {};
-    }), x = (j, n) => {
+      ), s = (S = (g = (n = F == null ? void 0 : F.rows) == null ? void 0 : n[o.rowIndex]) == null ? void 0 : g.columns) == null ? void 0 : S[o.columnIndex];
+      return (s == null ? void 0 : s.config) || {};
+    }), x = (F, s) => {
       var S;
-      const a = v.value || b.width[0].value, l = f.value || b.gap[0].value, g = c.value || "";
-      (S = o.updateColConfig) == null || S.call(o, j, n, o.section || "", a, l, g), i.value = !1;
+      const l = p.value || b.width[0].value, n = f.value || b.gap[0].value, g = c.value || "";
+      (S = o.updateColConfig) == null || S.call(o, F, s, o.section || "", l, n, g), d.value = !1;
     };
-    return (j, n) => (s(), d(A, null, [
-      t("div", Po, [
-        m.value.width !== void 0 ? (s(), d("span", Io, [
-          n[12] || (n[12] = E(" Ancho: ", -1)),
-          t("span", Ao, p(m.value.width), 1)
+    return (F, s) => (r(), i(A, null, [
+      t("div", Io, [
+        m.value.width !== void 0 ? (r(), i("span", Ao, [
+          s[12] || (s[12] = E(" Ancho: ", -1)),
+          t("span", To, v(m.value.width), 1)
         ])) : k("", !0),
-        m.value.gap !== void 0 ? (s(), d("span", To, [
-          n[13] || (n[13] = E(" Gap: ", -1)),
-          t("span", Bo, p(m.value.gap), 1)
+        m.value.gap !== void 0 ? (r(), i("span", Bo, [
+          s[13] || (s[13] = E(" Gap: ", -1)),
+          t("span", Eo, v(m.value.gap), 1)
         ])) : k("", !0),
-        m.value.flexDirection !== void 0 ? (s(), d("span", Eo, [
-          n[14] || (n[14] = E(" Flex: ", -1)),
-          t("span", Do, p(m.value.flexDirection), 1)
+        m.value.flexDirection !== void 0 ? (r(), i("span", Do, [
+          s[14] || (s[14] = E(" Flex: ", -1)),
+          t("span", Oo, v(m.value.flexDirection), 1)
         ])) : k("", !0)
       ]),
-      i.value ? (s(), d("div", Oo, [
-        t("div", Ro, [
+      d.value ? (r(), i("div", Ro, [
+        t("div", No, [
           t("form", {
-            onSubmit: n[4] || (n[4] = ee(() => {
+            onSubmit: s[4] || (s[4] = ee(() => {
             }, ["prevent"])),
             class: "flex gap-5 w-full justify-center items-end flex-wrap"
           }, [
-            t("div", No, [
+            t("div", Vo, [
               t("label", {
                 for: `colwidth-${e.rowIndex}-${e.columnIndex}`,
                 class: "block text-sm font-medium text-slate-600 mb-1.5"
-              }, "Ancho:", 8, Vo),
+              }, "Ancho:", 8, Uo),
               R(t("select", {
-                "onUpdate:modelValue": n[0] || (n[0] = (a) => v.value = a),
+                "onUpdate:modelValue": s[0] || (s[0] = (l) => p.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"
               }, [
-                n[15] || (n[15] = t("option", { value: "" }, "Selecciona...", -1)),
-                (s(!0), d(A, null, N(b.width, (a) => (s(), d("option", {
-                  key: a.value,
-                  value: a.value
-                }, p(a.label), 9, zo))), 128))
-              ], 8, Uo), [
-                [G, v.value]
+                s[15] || (s[15] = t("option", { value: "" }, "Selecciona...", -1)),
+                (r(!0), i(A, null, N(b.width, (l) => (r(), i("option", {
+                  key: l.value,
+                  value: l.value
+                }, v(l.label), 9, Lo))), 128))
+              ], 8, zo), [
+                [J, p.value]
               ])
             ]),
-            t("div", Lo, [
+            t("div", qo, [
               t("label", {
                 for: `colgap-${e.rowIndex}-${e.columnIndex}`,
                 class: "block text-sm font-medium text-slate-600 mb-1.5"
-              }, "Gap:", 8, qo),
+              }, "Gap:", 8, Go),
               R(t("select", {
-                "onUpdate:modelValue": n[1] || (n[1] = (a) => f.value = a),
+                "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"
               }, [
-                n[16] || (n[16] = t("option", { value: "" }, "Selecciona...", -1)),
-                (s(!0), d(A, null, N(b.gap, (a) => (s(), d("option", {
-                  key: a.value,
-                  value: a.value
-                }, p(a.label), 9, Jo))), 128))
-              ], 8, Go), [
-                [G, f.value]
+                s[16] || (s[16] = t("option", { value: "" }, "Selecciona...", -1)),
+                (r(!0), i(A, null, N(b.gap, (l) => (r(), i("option", {
+                  key: l.value,
+                  value: l.value
+                }, v(l.label), 9, Ho))), 128))
+              ], 8, Jo), [
+                [J, f.value]
               ])
             ]),
-            t("div", Ho, [
+            t("div", Wo, [
               t("label", {
                 for: `flexdir-${e.rowIndex}-${e.columnIndex}`,
                 class: "block text-sm font-medium text-slate-600 mb-1.5"
-              }, "Dirección:", 8, Wo),
+              }, "Dirección:", 8, Qo),
               R(t("select", {
-                "onUpdate:modelValue": n[2] || (n[2] = (a) => c.value = a),
+                "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"
               }, [
-                n[17] || (n[17] = t("option", { value: "" }, "Selecciona...", -1)),
-                (s(!0), d(A, null, N(b.flexDirection, (a) => (s(), d("option", {
-                  key: a.value,
-                  value: a.value
-                }, p(a.label), 9, Xo))), 128))
-              ], 8, Qo), [
-                [G, c.value]
+                s[17] || (s[17] = t("option", { value: "" }, "Selecciona...", -1)),
+                (r(!0), i(A, null, N(b.flexDirection, (l) => (r(), i("option", {
+                  key: l.value,
+                  value: l.value
+                }, v(l.label), 9, Yo))), 128))
+              ], 8, Xo), [
+                [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: n[3] || (n[3] = (a) => {
-                x(e.rowIndex, e.columnIndex), i.value = !1;
+              onClick: s[3] || (s[3] = (l) => {
+                x(e.rowIndex, e.columnIndex), d.value = !1;
               })
             }, " Guardar ")
           ], 32)
         ])
       ])) : k("", !0),
-      t("div", Yo, [
+      t("div", Zo, [
         t("div", {
           class: q(["flex flex-row", { "justify-between": e.section && e.section !== "Sidebar", "justify-center": e.section === "Sidebar" }])
         }, [
-          e.section && e.section !== "Sidebar" ? (s(), d("button", {
+          e.section && e.section !== "Sidebar" ? (r(), i("button", {
             key: 0,
             title: "Añadir columna a la izquierda",
-            onClick: n[5] || (n[5] = (a) => {
-              var l;
-              return (l = e.addCol) == null ? void 0 : l.call(e, e.rowIndex, e.columnIndex, e.section, "left");
+            onClick: s[5] || (s[5] = (l) => {
+              var n;
+              return (n = e.addCol) == null ? void 0 : n.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"
           }, "+")) : k("", !0),
-          t("div", Zo, [
+          t("div", Ko, [
             t("button", {
               title: "Configurar columna",
-              onClick: n[6] || (n[6] = (a) => i.value = !i.value),
-              class: q(["px-2.5 py-1 rounded-lg cursor-pointer transition-all duration-200", i.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) => d.value = !d.value),
+              class: q(["px-2.5 py-1 rounded-lg cursor-pointer transition-all duration-200", d.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", Ko, [
-              e.section && e.section !== "Sidebar" ? (s(), d("span", {
+            t("div", _o, [
+              e.section && e.section !== "Sidebar" ? (r(), i("span", {
                 key: 0,
                 title: "Mover columna a la izquierda",
-                onClick: n[7] || (n[7] = (a) => {
-                  var l;
-                  return (l = e.moveCol) == null ? void 0 : l.call(e, e.rowIndex, e.columnIndex, e.section, "left");
+                onClick: s[7] || (s[7] = (l) => {
+                  var n;
+                  return (n = e.moveCol) == null ? void 0 : n.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"
               }, "◁")) : k("", !0),
-              e.fullwidthMode ? (s(), d("span", {
+              e.fullwidthMode ? (r(), i("span", {
                 key: 1,
                 title: "Añadir componente",
-                onClick: n[8] || (n[8] = (a) => {
-                  var l;
-                  return (l = e.addComponentFunction) == null ? void 0 : l.call(e, e.rowIndex, e.columnIndex, e.section || "");
+                onClick: s[8] || (s[8] = (l) => {
+                  var n;
+                  return (n = e.addComponentFunction) == null ? void 0 : n.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"
               }, " 📦 ")) : k("", !0),
-              e.section && e.section !== "Sidebar" ? (s(), d("span", {
+              e.section && e.section !== "Sidebar" ? (r(), i("span", {
                 key: 2,
                 title: "Mover columna a la derecha",
-                onClick: n[9] || (n[9] = (a) => {
-                  var l;
-                  return (l = e.moveCol) == null ? void 0 : l.call(e, e.rowIndex, e.columnIndex, e.section, "right");
+                onClick: s[9] || (s[9] = (l) => {
+                  var n;
+                  return (n = e.moveCol) == null ? void 0 : n.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"
               }, "▷ ")) : k("", !0)
             ]),
             t("button", {
               title: "Eliminar columna",
-              onClick: n[10] || (n[10] = (a) => {
-                var l;
-                return (l = e.removeCol) == null ? void 0 : l.call(e, e.rowIndex, e.columnIndex, e.section || "");
+              onClick: s[10] || (s[10] = (l) => {
+                var n;
+                return (n = e.removeCol) == null ? void 0 : n.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(), d("button", {
+          e.section && e.section !== "Sidebar" ? (r(), i("button", {
             key: 1,
             title: "Añadir columna a la derecha",
-            onClick: n[11] || (n[11] = (a) => {
-              var l;
-              return (l = e.addCol) == null ? void 0 : l.call(e, e.rowIndex, e.columnIndex, e.section, "right");
+            onClick: s[11] || (s[11] = (l) => {
+              var n;
+              return (n = e.addCol) == null ? void 0 : n.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"
           }, "+")) : k("", !0)
@@ -1455,19 +1469,19 @@ const _e = /* @__PURE__ */ pe(ve, [["render", Ke]]), et = {
       ])
     ], 64));
   }
-}), el = { class: "absolute -top-1 px-2 gap-4 w-full justify-between hidden css-pb-row-config" }, tl = { class: "flex gap-1.5" }, ol = { class: "flex gap-4 items-center" }, ll = { class: "inline-block" }, nl = {
+}), tl = { class: "absolute -top-1 px-2 gap-4 w-full justify-between hidden css-pb-row-config" }, ol = { class: "flex gap-1.5" }, ll = { class: "flex gap-4 items-center" }, nl = { class: "inline-block" }, al = {
   key: 0,
   class: "text-xs font-medium text-slate-400 bg-slate-50 px-2 py-1 rounded-full"
-}, al = { class: "text-slate-600" }, rl = {
+}, rl = { class: "text-slate-600" }, sl = {
   key: 1,
   class: "text-xs font-medium text-slate-400 bg-slate-50 px-2 py-1 rounded-full"
-}, sl = { class: "text-slate-600" }, il = {
+}, il = { class: "text-slate-600" }, dl = {
   key: 2,
   class: "text-xs font-medium text-slate-400 bg-slate-50 px-2 py-1 rounded-full"
-}, dl = { class: "text-slate-600" }, ul = { class: "flex gap-1.5" }, cl = {
+}, ul = { class: "text-slate-600" }, cl = { class: "flex gap-1.5" }, ml = {
   key: 0,
   class: "z-1"
-}, ml = { class: "p-5 bg-white rounded-xl shadow-lg border border-slate-100 w-full mt-8" }, bl = { class: "flex flex-col" }, gl = ["for"], fl = ["id"], vl = ["value"], pl = { class: "flex flex-col" }, xl = ["for"], hl = ["id"], wl = ["value"], yl = { class: "flex flex-col" }, Cl = ["for"], $l = ["id"], kl = ["value"], Sl = /* @__PURE__ */ J({
+}, bl = { class: "p-5 bg-white rounded-xl shadow-lg border border-slate-100 w-full mt-8" }, gl = { class: "flex flex-col" }, fl = ["for"], vl = ["id"], pl = ["value"], xl = { class: "flex flex-col" }, hl = ["for"], wl = ["id"], yl = ["value"], Cl = { class: "flex flex-col" }, $l = ["for"], kl = ["id"], Sl = ["value"], Fl = /* @__PURE__ */ H({
   __name: "RowConfig",
   props: {
     rowIndex: {
@@ -1508,24 +1522,24 @@ const _e = /* @__PURE__ */ pe(ve, [["render", Ke]]), et = {
         { label: "3/5", value: "3/5" },
         { label: "4/5", value: "4/5" }
       ]
-    }, v = $(""), f = $(""), c = $(""), i = $(!1), m = $(!1), x = X(() => {
-      var a, l;
-      const n = (a = o.globalPageConfiguration) == null ? void 0 : a.find(
+    }, p = $(""), f = $(""), c = $(""), d = $(!1), m = $(!1), x = X(() => {
+      var l, n;
+      const s = (l = o.globalPageConfiguration) == null ? void 0 : l.find(
         (g) => g.section === o.section
       );
-      return (l = n == null ? void 0 : n.rows) != null && l[o.rowIndex] ? n.rows[o.rowIndex].config || {} : {};
-    }), j = (n) => {
+      return (n = s == null ? void 0 : s.rows) != null && n[o.rowIndex] ? s.rows[o.rowIndex].config || {} : {};
+    }), F = (s) => {
       var S;
-      const a = v.value || b.padding[0].value, l = f.value || b.gap[0].value, g = c.value || b.width[0].value;
-      (S = o.updateRowConfig) == null || S.call(o, n, o.section || "", a, l, g), i.value = !1;
+      const l = p.value || b.padding[0].value, n = f.value || b.gap[0].value, g = c.value || b.width[0].value;
+      (S = o.updateRowConfig) == null || S.call(o, s, o.section || "", l, n, g), d.value = !1;
     };
-    return (n, a) => (s(), d(A, null, [
-      t("div", el, [
+    return (s, l) => (r(), i(A, null, [
+      t("div", tl, [
         t("div", null, [
-          t("div", tl, [
+          t("div", ol, [
             t("button", {
               title: "Agregar fila",
-              onClick: a[0] || (a[0] = (l) => {
+              onClick: l[0] || (l[0] = (n) => {
                 var g;
                 (g = e.addRow) == null || g.call(e, e.rowIndex, e.section || ""), m.value = !1;
               }),
@@ -1533,7 +1547,7 @@ const _e = /* @__PURE__ */ pe(ve, [["render", Ke]]), et = {
             }, "+"),
             t("button", {
               title: "Mover fila hacia arriba",
-              onClick: a[1] || (a[1] = (l) => {
+              onClick: l[1] || (l[1] = (n) => {
                 var g;
                 (g = e.moveRow) == null || g.call(e, e.rowIndex, e.section || "", "up"), m.value = !1;
               }),
@@ -1541,7 +1555,7 @@ const _e = /* @__PURE__ */ pe(ve, [["render", Ke]]), et = {
             }, "△"),
             t("button", {
               title: "Mover fila hacia abajo",
-              onClick: a[2] || (a[2] = (l) => {
+              onClick: l[2] || (l[2] = (n) => {
                 var g;
                 (g = e.moveRow) == null || g.call(e, e.rowIndex, e.section || "", "down"), m.value = !1;
               }),
@@ -1549,32 +1563,32 @@ const _e = /* @__PURE__ */ pe(ve, [["render", Ke]]), et = {
             }, "▽")
           ])
         ]),
-        t("div", ol, [
-          t("div", ll, [
+        t("div", ll, [
+          t("div", nl, [
             t("button", {
               title: "Configurar la fila",
-              onClick: a[3] || (a[3] = (l) => i.value = !i.value),
-              class: q(["cursor-pointer rounded-b-lg border border-t-0 px-3 py-1 transition-all duration-200 shadow-sm hover:shadow-md", i.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] = (n) => d.value = !d.value),
+              class: q(["cursor-pointer rounded-b-lg border border-t-0 px-3 py-1 transition-all duration-200 shadow-sm hover:shadow-md", d.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)
           ]),
-          x.value.padding !== void 0 ? (s(), d("span", nl, [
-            a[10] || (a[10] = E(" Padding: ", -1)),
-            t("span", al, p(x.value.padding), 1)
+          x.value.padding !== void 0 ? (r(), i("span", al, [
+            l[10] || (l[10] = E(" Padding: ", -1)),
+            t("span", rl, v(x.value.padding), 1)
           ])) : k("", !0),
-          x.value.gap !== void 0 ? (s(), d("span", rl, [
-            a[11] || (a[11] = E(" Gap: ", -1)),
-            t("span", sl, p(x.value.gap), 1)
+          x.value.gap !== void 0 ? (r(), i("span", sl, [
+            l[11] || (l[11] = E(" Gap: ", -1)),
+            t("span", il, v(x.value.gap), 1)
           ])) : k("", !0),
-          x.value.width !== void 0 ? (s(), d("span", il, [
-            a[12] || (a[12] = E(" Ancho: ", -1)),
-            t("span", dl, p(x.value.width), 1)
+          x.value.width !== void 0 ? (r(), i("span", dl, [
+            l[12] || (l[12] = E(" Ancho: ", -1)),
+            t("span", ul, v(x.value.width), 1)
           ])) : k("", !0)
         ]),
         t("div", null, [
-          t("div", ul, [
+          t("div", cl, [
             t("button", {
               title: "Eliminar fila",
-              onClick: a[4] || (a[4] = (l) => {
+              onClick: l[4] || (l[4] = (n) => {
                 var g;
                 (g = e.removeRow) == null || g.call(e, e.rowIndex, e.section || ""), m.value = !1;
               }),
@@ -1583,75 +1597,75 @@ const _e = /* @__PURE__ */ pe(ve, [["render", Ke]]), et = {
           ])
         ])
       ]),
-      i.value ? (s(), d("div", cl, [
-        t("div", ml, [
+      d.value ? (r(), i("div", ml, [
+        t("div", bl, [
           t("form", {
-            onSubmit: a[9] || (a[9] = ee(() => {
+            onSubmit: l[9] || (l[9] = ee(() => {
             }, ["prevent"])),
             class: "flex gap-6 w-full justify-center items-end flex-wrap"
           }, [
-            t("div", bl, [
+            t("div", gl, [
               t("label", {
                 for: `padding-${e.rowIndex}`,
                 class: "block text-sm font-medium text-slate-600 mb-1.5"
-              }, "Padding:", 8, gl),
+              }, "Padding:", 8, fl),
               R(t("select", {
-                "onUpdate:modelValue": a[5] || (a[5] = (l) => v.value = l),
+                "onUpdate:modelValue": l[5] || (l[5] = (n) => p.value = n),
                 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"
               }, [
-                a[13] || (a[13] = t("option", { value: "" }, "Selecciona...", -1)),
-                (s(!0), d(A, null, N(b.padding, (l) => (s(), d("option", {
-                  key: l.value,
-                  value: l.value
-                }, p(l.label), 9, vl))), 128))
-              ], 8, fl), [
-                [G, v.value]
+                l[13] || (l[13] = t("option", { value: "" }, "Selecciona...", -1)),
+                (r(!0), i(A, null, N(b.padding, (n) => (r(), i("option", {
+                  key: n.value,
+                  value: n.value
+                }, v(n.label), 9, pl))), 128))
+              ], 8, vl), [
+                [J, p.value]
               ])
             ]),
-            t("div", pl, [
+            t("div", xl, [
               t("label", {
                 for: `gap-${e.rowIndex}`,
                 class: "block text-sm font-medium text-slate-600 mb-1.5"
-              }, "Gap:", 8, xl),
+              }, "Gap:", 8, hl),
               R(t("select", {
-                "onUpdate:modelValue": a[6] || (a[6] = (l) => f.value = l),
+                "onUpdate:modelValue": l[6] || (l[6] = (n) => f.value = n),
                 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"
               }, [
-                a[14] || (a[14] = t("option", { value: "" }, "Selecciona...", -1)),
-                (s(!0), d(A, null, N(b.gap, (l) => (s(), d("option", {
-                  key: l.value,
-                  value: l.value
-                }, p(l.label), 9, wl))), 128))
-              ], 8, hl), [
-                [G, f.value]
+                l[14] || (l[14] = t("option", { value: "" }, "Selecciona...", -1)),
+                (r(!0), i(A, null, N(b.gap, (n) => (r(), i("option", {
+                  key: n.value,
+                  value: n.value
+                }, v(n.label), 9, yl))), 128))
+              ], 8, wl), [
+                [J, f.value]
               ])
             ]),
-            t("div", yl, [
+            t("div", Cl, [
               t("label", {
                 for: `width-${e.rowIndex}`,
                 class: "block text-sm font-medium text-slate-600 mb-1.5"
-              }, "Ancho:", 8, Cl),
+              }, "Ancho:", 8, $l),
               R(t("select", {
-                "onUpdate:modelValue": a[7] || (a[7] = (l) => c.value = l),
+                "onUpdate:modelValue": l[7] || (l[7] = (n) => c.value = n),
                 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"
               }, [
-                a[15] || (a[15] = t("option", { value: "" }, "Selecciona...", -1)),
-                (s(!0), d(A, null, N(b.width, (l) => (s(), d("option", {
-                  key: l.value,
-                  value: l.value
-                }, p(l.label), 9, kl))), 128))
-              ], 8, $l), [
-                [G, c.value]
+                l[15] || (l[15] = t("option", { value: "" }, "Selecciona...", -1)),
+                (r(!0), i(A, null, N(b.width, (n) => (r(), i("option", {
+                  key: n.value,
+                  value: n.value
+                }, v(n.label), 9, Sl))), 128))
+              ], 8, kl), [
+                [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[8] || (a[8] = (l) => {
-                j(e.rowIndex), m.value = !1;
+              onClick: l[8] || (l[8] = (n) => {
+                F(e.rowIndex), m.value = !1;
               })
             }, " Guardar ")
           ], 32)
@@ -1659,7 +1673,7 @@ const _e = /* @__PURE__ */ pe(ve, [["render", Ke]]), et = {
       ])) : k("", !0)
     ], 64));
   }
-}), Fl = ["id"], jl = { class: "flex flex-row w-full gap-3 mt-6" }, Ml = ["id"], Pl = /* @__PURE__ */ J({
+}), Pl = ["id"], jl = { class: "flex flex-row w-full gap-3 mt-6" }, Ml = ["id"], Il = /* @__PURE__ */ H({
   __name: "BodySection",
   props: {
     isComponentMode: Boolean,
@@ -1676,22 +1690,26 @@ const _e = /* @__PURE__ */ pe(ve, [["render", Ke]]), et = {
     moveRow: Function,
     updateColConfig: Function,
     updateRowConfig: Function,
-    renderApiDomain: String
+    renderApiDomain: String,
+    isProduction: {
+      type: Boolean,
+      default: !1
+    }
   },
   setup(e) {
-    const o = e, b = $(!1), v = X(() => {
+    const o = e, b = $(!1), p = X(() => {
       var c;
       const f = (c = o.globalPageConfiguration) == null ? void 0 : c.find(
-        (i) => i.section === o.sectionSelected
+        (d) => d.section === o.sectionSelected
       );
       return (f == null ? void 0 : f.rows) || [];
     });
-    return (f, c) => (s(!0), d(A, null, N(v.value, (i, m) => (s(), d("div", {
+    return (f, c) => (r(!0), i(A, null, N(p.value, (d, m) => (r(), i("div", {
       key: "row-" + m,
       id: "row-" + e.sectionSelected + "-" + m,
       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"
     }, [
-      L(Sl, {
+      L(Fl, {
         moveRow: e.moveRow,
         addRow: e.addRow,
         removeRow: e.removeRow,
@@ -1701,35 +1719,36 @@ const _e = /* @__PURE__ */ pe(ve, [["render", Ke]]), et = {
         section: e.sectionSelected
       }, null, 8, ["moveRow", "addRow", "removeRow", "globalPageConfiguration", "updateRowConfig", "rowIndex", "section"]),
       t("div", jl, [
-        (s(!0), d(A, null, N(i.columns, (x, j) => (s(), d("div", {
+        (r(!0), i(A, null, N(d.columns, (x, F) => (r(), i("div", {
           class: q([
             "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",
             b.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-" + j,
-          id: "col-" + e.sectionSelected + "-" + m + "-" + j
+          key: "column-" + F,
+          id: "col-" + e.sectionSelected + "-" + m + "-" + F
         }, [
-          L(W(se), {
+          L(G(ie), {
             class: "h-full w-full mb-4",
             list: x.components,
             group: { name: "draggingGroup", pull: !0, put: !0 },
             "item-key": "name",
             handle: ".handle",
-            onStart: c[0] || (c[0] = (n) => b.value = !0),
-            onEnd: c[1] || (c[1] = (n) => b.value = !1)
+            onStart: c[0] || (c[0] = (s) => b.value = !0),
+            onEnd: c[1] || (c[1] = (s) => b.value = !1)
           }, {
-            item: re(({ element: n }) => [
-              L(ie, {
+            item: se(({ element: s }) => [
+              L(de, {
                 renderApiDomain: e.renderApiDomain,
-                object: n,
+                object: s,
                 "is-component-mode": e.isComponentMode,
                 removeComponent: e.removeComponent,
-                section: e.sectionSelected
-              }, null, 8, ["renderApiDomain", "object", "is-component-mode", "removeComponent", "section"])
+                section: e.sectionSelected,
+                isProduction: e.isProduction
+              }, null, 8, ["renderApiDomain", "object", "is-component-mode", "removeComponent", "section", "isProduction"])
             ]),
             _: 1
           }, 8, ["list"]),
-          L(_o, {
+          L(el, {
             section: e.sectionSelected,
             globalPageConfiguration: e.globalPageConfiguration,
             updateColConfig: e.updateColConfig,
@@ -1739,16 +1758,16 @@ const _e = /* @__PURE__ */ pe(ve, [["render", Ke]]), et = {
             removeCol: e.removeCol,
             moveCol: e.moveCol,
             rowIndex: m,
-            columnIndex: j
+            columnIndex: F
           }, null, 8, ["section", "globalPageConfiguration", "updateColConfig", "addComponentFunction", "fullwidthMode", "addCol", "removeCol", "moveCol", "rowIndex", "columnIndex"])
         ], 10, Ml))), 128))
       ])
-    ], 8, Fl))), 128));
+    ], 8, Pl))), 128));
   }
-}), Il = { class: "flex justify-between items-center mb-4" }, Al = { class: "text-xs" }, Tl = { class: "flex flex-wrap gap-2 mb-4 bg-white border border-slate-200 p-4 rounded-xl shadow-sm" }, Bl = ["value", "checked"], El = { class: "my-3" }, Dl = { class: "relative" }, Ol = { 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" }, Rl = {
+}), Al = { class: "flex justify-between items-center mb-4" }, Tl = { class: "text-xs" }, Bl = { class: "flex flex-wrap gap-2 mb-4 bg-white border border-slate-200 p-4 rounded-xl shadow-sm" }, El = ["value", "checked"], Dl = { class: "my-3" }, Ol = { 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" }, Nl = {
   key: 0,
   class: "text-center py-8 text-slate-400"
-}, le = /* @__PURE__ */ J({
+}, ne = /* @__PURE__ */ H({
   __name: "ComponentsBox",
   props: {
     isComponentMode: Boolean,
@@ -1756,7 +1775,11 @@ const _e = /* @__PURE__ */ pe(ve, [["render", Ke]]), et = {
     columnToInsert: Object,
     addComponentToColumn: Function,
     renderApiDomain: String,
-    toggleComponentModeFunction: Function
+    toggleComponentModeFunction: Function,
+    isProduction: {
+      type: Boolean,
+      default: !1
+    }
   },
   setup(e) {
     const o = [
@@ -1771,25 +1794,25 @@ const _e = /* @__PURE__ */ pe(ve, [["render", Ke]]), et = {
       "Formulario",
       "Título",
       "SEO"
-    ], b = $(!0), v = $([]), f = $(""), c = $(ge()), i = X(() => {
-      const j = f.value.toLowerCase(), n = Object.values(c.value), a = (l) => (l.name.toLowerCase() + l.description.toLowerCase() + l.tags.join(" ").toLowerCase()).includes(j);
-      return v.value.length > 0 ? n.filter(
-        (l) => v.value.includes(l.category) && a(l)
-      ) : n.filter(a);
-    }), m = (j) => {
-      f.value = j.target.value;
-    }, x = (j) => {
-      const n = j.target, a = n.value;
-      n.checked ? v.value.includes(a) || v.value.push(a) : v.value = v.value.filter((l) => l !== a);
+    ], b = $(!0), p = $([]), f = $(""), c = $(fe()), d = X(() => {
+      const F = f.value.toLowerCase(), s = Object.values(c.value), l = (n) => (n.name.toLowerCase() + n.description.toLowerCase() + n.tags.join(" ").toLowerCase()).includes(F);
+      return p.value.length > 0 ? s.filter(
+        (n) => p.value.includes(n.category) && l(n)
+      ) : s.filter(l);
+    }), m = (F) => {
+      f.value = F.target.value;
+    }, x = (F) => {
+      const s = F.target, l = s.value;
+      s.checked ? p.value.includes(l) || p.value.push(l) : p.value = p.value.filter((n) => n !== l);
     };
-    return (j, n) => (s(), d(A, null, [
-      n[6] || (n[6] = t("h1", { class: "text-center text-2xl font-semibold mb-4 text-slate-700 tracking-tight" }, "Componentes", -1)),
-      t("div", Il, [
+    return (F, s) => (r(), i(A, 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", Al, [
         t("button", {
-          onClick: n[0] || (n[0] = (a) => b.value = !b.value),
+          onClick: s[0] || (s[0] = (l) => b.value = !b.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"
         }, [
-          n[2] || (n[2] = t("svg", {
+          s[2] || (s[2] = t("svg", {
             class: "w-4 h-4",
             fill: "none",
             stroke: "currentColor",
@@ -1802,37 +1825,37 @@ const _e = /* @__PURE__ */ pe(ve, [["render", Ke]]), et = {
               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)),
-          n[3] || (n[3] = t("span", null, "Filtros", -1)),
-          t("span", Al, p(b.value ? "▲" : "▼"), 1)
+          s[3] || (s[3] = t("span", null, "Filtros", -1)),
+          t("span", Tl, v(b.value ? "▲" : "▼"), 1)
         ]),
         t("button", {
           class: q([[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: n[1] || (n[1] = (a) => {
-            var l;
-            return (l = e.toggleComponentModeFunction) == null ? void 0 : l.call(e);
+          onClick: s[1] || (s[1] = (l) => {
+            var n;
+            return (n = e.toggleComponentModeFunction) == null ? void 0 : n.call(e);
           })
-        }, p(e.isComponentMode ? "⚒️ Modo Configuración" : "👁️ Modo Visual"), 3)
+        }, v(e.isComponentMode ? "⚒️ Modo Configuración" : "👁️ Modo Visual"), 3)
       ]),
-      R(t("div", Tl, [
-        (s(), d(A, null, N(o, (a) => t("label", {
-          key: a,
-          class: q(["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": v.value.includes(a) }])
+      R(t("div", Bl, [
+        (r(), i(A, null, N(o, (l) => t("label", {
+          key: l,
+          class: q(["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": p.value.includes(l) }])
         }, [
           t("input", {
             type: "checkbox",
-            value: a,
-            checked: v.value.includes(a),
+            value: l,
+            checked: p.value.includes(l),
             onInput: x,
             class: "w-4 h-4 rounded border-slate-300 text-emerald-500 focus:ring-emerald-500"
-          }, null, 40, Bl),
-          E(" " + p(a), 1)
+          }, null, 40, El),
+          E(" " + v(l), 1)
         ], 2)), 64))
       ], 512), [
-        [me, b.value]
+        [be, b.value]
       ]),
-      t("div", El, [
-        t("div", Dl, [
-          n[4] || (n[4] = t("svg", {
+      t("div", Dl, [
+        t("div", Ol, [
+          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",
@@ -1853,28 +1876,29 @@ const _e = /* @__PURE__ */ pe(ve, [["render", Ke]]), et = {
           }, null, 32)
         ])
       ]),
-      t("div", Ol, [
-        L(W(se), {
+      t("div", Rl, [
+        L(G(ie), {
           class: "w-full flex flex-col gap-4",
-          list: i.value,
+          list: d.value,
           group: { name: "draggingGroup", pull: "clone", put: !1 },
           itemKey: "name",
-          clone: (a) => JSON.parse(JSON.stringify(a))
+          clone: (l) => JSON.parse(JSON.stringify(l))
         }, {
-          item: re(({ element: a }) => [
-            L(ie, {
+          item: se(({ element: l }) => [
+            L(de, {
               renderApiDomain: e.renderApiDomain,
-              object: a,
+              object: l,
               "is-component-mode": e.isComponentMode,
               fullwidthMode: e.fullwidthMode,
               columnToInsert: e.columnToInsert,
               addComponentToColumn: e.addComponentToColumn,
-              insideComponentBox: !0
-            }, null, 8, ["renderApiDomain", "object", "is-component-mode", "fullwidthMode", "columnToInsert", "addComponentToColumn"])
+              insideComponentBox: !0,
+              isProduction: e.isProduction
+            }, null, 8, ["renderApiDomain", "object", "is-component-mode", "fullwidthMode", "columnToInsert", "addComponentToColumn", "isProduction"])
           ]),
           _: 1
         }, 8, ["list", "clone"]),
-        i.value.length === 0 ? (s(), d("div", Rl, [...n[5] || (n[5] = [
+        d.value.length === 0 ? (r(), i("div", Nl, [...s[5] || (s[5] = [
           t("svg", {
             class: "w-12 h-12 mx-auto mb-3 opacity-50",
             fill: "none",
@@ -1894,16 +1918,17 @@ const _e = /* @__PURE__ */ pe(ve, [["render", Ke]]), et = {
       ])
     ], 64));
   }
-}), Nl = { 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" }, Vl = { class: "relative flex flex-row flex-wrap" }, Ul = { class: "w-full flex justify-end py-4 pe-4" }, zl = { class: "w-3/4" }, Ll = {
+}), Vl = { 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" }, Ul = { class: "relative flex flex-row flex-wrap" }, zl = { class: "w-full flex justify-end py-4 pe-4" }, Ll = { class: "w-3/4" }, ql = {
   key: 1,
   class: "w-1/4 px-3 overflow-y-auto h-screen sticky top-0"
-}, Wl = /* @__PURE__ */ J({
+}, Ql = /* @__PURE__ */ H({
   __name: "Pagebuilder",
   props: {
-    renderApiDomain: {}
+    renderApiDomain: {},
+    isProduction: { type: Boolean }
   },
   setup(e) {
-    const b = e.renderApiDomain, v = $(!0), f = $(void 0), c = $([]), i = $({ rowIndex: null, columnIndex: null, section: null }), m = $(!1), x = $(!1), j = $({
+    const o = e, b = o.renderApiDomain, p = o.isProduction ?? !1, f = $(!0), c = $(void 0), d = $([]), m = $({ rowIndex: null, columnIndex: null, section: null }), x = $(!1), F = $(!1), s = $({
       global: {
         sidebarEnabled: !1,
         headSlot: "",
@@ -1915,7 +1940,7 @@ const _e = /* @__PURE__ */ pe(ve, [["render", Ke]]), et = {
         description: "",
         robots: "index, follow"
       }
-    }), n = be([
+    }), l = ge([
       {
         section: "Header",
         config: { width: "full" },
@@ -1938,186 +1963,189 @@ const _e = /* @__PURE__ */ pe(ve, [["render", Ke]]), et = {
       }
     ]);
     te(() => {
-      a();
+      n();
     });
-    const a = () => {
-      c.value = ["Header", "Footer", "Body", "Sidebar"], f.value = "Body";
-    }, l = () => {
-      x.value = !x.value;
+    const n = () => {
+      d.value = ["Header", "Footer", "Body", "Sidebar"], c.value = "Body";
     }, g = () => {
-      v.value = !v.value;
-    }, S = (w, y, C, F, P) => {
+      F.value = !F.value;
+    }, S = () => {
+      f.value = !f.value;
+    }, D = (w, y, C, P, M) => {
       var O;
-      const B = n.find((V) => V.section === y);
+      const B = l.find((V) => V.section === y);
       (O = B == null ? void 0 : B.rows) != null && O[w] && (B.rows[w].config = {
         padding: C,
-        gap: F,
-        width: P
-      });
-    }, D = (w, y, C, F, P, B) => {
-      var V, U, H;
-      const O = n.find((Y) => Y.section === C);
-      (H = (U = (V = O == null ? void 0 : O.rows) == null ? void 0 : V[w]) == null ? void 0 : U.columns) != null && H[y] && (O.rows[w].columns[y].config = {
-        width: F,
         gap: P,
+        width: M
+      });
+    }, T = (w, y, C, P, M, B) => {
+      var V, U, W;
+      const O = l.find((Y) => Y.section === C);
+      (W = (U = (V = O == null ? void 0 : O.rows) == null ? void 0 : V[w]) == null ? void 0 : U.columns) != null && W[y] && (O.rows[w].columns[y].config = {
+        width: P,
+        gap: M,
         flexDirection: B
       });
-    }, T = async (w, y) => {
-      const C = n.find((F) => F.section === y);
+    }, a = async (w, y) => {
+      const C = l.find((P) => P.section === y);
       if (C) {
-        const F = {
+        const P = {
           config: {},
           columns: [{ config: {}, components: [] }]
         };
-        w !== null && w >= 0 && w < C.rows.length ? C.rows.splice(w + 1, 0, F) : C.rows.push(F);
+        w !== null && w >= 0 && w < C.rows.length ? C.rows.splice(w + 1, 0, P) : C.rows.push(P);
       }
-      await new Promise((F) => {
+      await new Promise((P) => {
         setTimeout(() => {
-          const P = document.getElementById(`row-${y}-${(w ?? 0) + 1}`);
-          P ? (P.scrollIntoView({ behavior: "smooth", block: "center" }), P.classList.add("selected-delay"), setTimeout(() => {
-            P.classList.remove("selected-delay"), F();
-          }, 3e3)) : F();
+          const M = document.getElementById(`row-${y}-${(w ?? 0) + 1}`);
+          M ? (M.scrollIntoView({ behavior: "smooth", block: "center" }), M.classList.add("selected-delay"), setTimeout(() => {
+            M.classList.remove("selected-delay"), P();
+          }, 3e3)) : P();
         }, 0);
       });
-    }, r = (w, y) => {
-      const C = n.find((F) => F.section === y);
+    }, u = (w, y) => {
+      const C = l.find((P) => P.section === y);
       !(C != null && C.rows) || C.rows.length <= 1 || C.rows.splice(w, 1);
-    }, u = (w, y, C = "down") => {
+    }, h = (w, y, C = "down") => {
       var V;
-      const F = n.find((U) => U.section === y);
-      if (!((V = F == null ? void 0 : F.rows) != null && V[w]) || C === "up" && w === 0 || C === "down" && w === F.rows.length - 1)
+      const P = l.find((U) => U.section === y);
+      if (!((V = P == null ? void 0 : P.rows) != null && V[w]) || C === "up" && w === 0 || C === "down" && w === P.rows.length - 1)
         return;
-      const P = F.rows, B = P.splice(w, 1)[0], O = C === "down" ? w + 1 : w - 1;
-      P.splice(O, 0, B);
-    }, h = async (w, y, C, F = "right") => {
+      const M = P.rows, B = M.splice(w, 1)[0], O = C === "down" ? w + 1 : w - 1;
+      M.splice(O, 0, B);
+    }, j = async (w, y, C, P = "right") => {
       var O;
-      const P = F === "left" ? y : y + 1, B = n.find((V) => V.section === C);
-      (O = B == null ? void 0 : B.rows) != null && O[w] && B.rows[w].columns.splice(P, 0, {
+      const M = P === "left" ? y : y + 1, B = l.find((V) => V.section === C);
+      (O = B == null ? void 0 : B.rows) != null && O[w] && B.rows[w].columns.splice(M, 0, {
         config: {},
         components: []
       }), await new Promise((V) => {
         setTimeout(() => {
-          const U = document.getElementById(`col-${C}-${w}-${P}`);
+          const U = document.getElementById(`col-${C}-${w}-${M}`);
           U ? (U.scrollIntoView({ behavior: "smooth", block: "center" }), U.classList.add("selected-delay"), setTimeout(() => {
             U.classList.remove("selected-delay"), V();
           }, 3e3)) : V();
         }, 0);
       });
-    }, M = (w, y, C) => {
+    }, I = (w, y, C) => {
       var B, O;
-      const F = n.find((V) => V.section === C), P = (O = (B = F == null ? void 0 : F.rows) == null ? void 0 : B[w]) == null ? void 0 : O.columns;
-      !P || P.length <= 1 || P.splice(y, 1);
-    }, I = (w, y, C, F = "right") => {
+      const P = l.find((V) => V.section === C), M = (O = (B = P == null ? void 0 : P.rows) == null ? void 0 : B[w]) == null ? void 0 : O.columns;
+      !M || M.length <= 1 || M.splice(y, 1);
+    }, z = (w, y, C, P = "right") => {
       var U;
-      const P = n.find((H) => H.section === C);
-      if (!((U = P == null ? void 0 : P.rows) != null && U[w]) || F === "left" && y === 0 || F === "right" && y === P.rows[w].columns.length - 1)
+      const M = l.find((W) => W.section === C);
+      if (!((U = M == null ? void 0 : M.rows) != null && U[w]) || P === "left" && y === 0 || P === "right" && y === M.rows[w].columns.length - 1)
         return;
-      const B = P.rows[w].columns, O = B.splice(y, 1)[0], V = F === "right" ? y + 1 : y - 1;
+      const B = M.rows[w].columns, O = B.splice(y, 1)[0], V = P === "right" ? y + 1 : y - 1;
       B.splice(V, 0, O);
-    }, z = (w, y) => {
-      var F;
-      const C = n.find((P) => P.section === y);
-      (F = C == null ? void 0 : C.rows) == null || F.forEach((P) => {
-        P.columns.forEach((B) => {
+    }, Z = (w, y) => {
+      var P;
+      const C = l.find((M) => M.section === y);
+      (P = C == null ? void 0 : C.rows) == null || P.forEach((M) => {
+        M.columns.forEach((B) => {
           const O = B.components.indexOf(w);
           O !== -1 && B.components.splice(O, 1);
         });
       });
-    }, Z = (w, y, C) => {
-      m.value = !0, i.value = { rowIndex: w, columnIndex: y, section: C };
-    }, K = (w) => {
-      var P, B, O, V;
-      const { rowIndex: y, columnIndex: C, section: F } = i.value;
+    }, K = (w, y, C) => {
+      x.value = !0, m.value = { rowIndex: w, columnIndex: y, section: C };
+    }, oe = (w) => {
+      var M, B, O, V;
+      const { rowIndex: y, columnIndex: C, section: P } = m.value;
       if (y !== null && C !== null) {
-        const U = JSON.parse(JSON.stringify(w)), H = n.find((ue) => ue.section === F), Y = (V = (O = (B = (P = H == null ? void 0 : H.rows) == null ? void 0 : P[y]) == null ? void 0 : B.columns) == null ? void 0 : O[C]) == null ? void 0 : V.components;
+        const U = JSON.parse(JSON.stringify(w)), W = l.find((ce) => ce.section === P), Y = (V = (O = (B = (M = W == null ? void 0 : W.rows) == null ? void 0 : M[y]) == null ? void 0 : B.columns) == null ? void 0 : O[C]) == null ? void 0 : V.components;
         Y == null || Y.push(U);
       }
-      m.value = !1;
-    }, de = (w) => {
+      x.value = !1;
+    }, ue = (w) => {
       const y = typeof w == "string" ? JSON.parse(w) : w;
-      n.length = 0, n.push(...y.pageConfig || []), y.paramsConfig && (j.value = { ...j.value, ...y.paramsConfig });
+      l.length = 0, l.push(...y.pageConfig || []), y.paramsConfig && (s.value = { ...s.value, ...y.paramsConfig });
     };
-    return (w, y) => (s(), d("div", Nl, [
-      L(_e, {
-        sectionSelected: f.value,
-        "onUpdate:sectionSelected": y[0] || (y[0] = (C) => f.value = C),
-        parametersPageConfiguration: j.value,
-        "onUpdate:parametersPageConfiguration": y[1] || (y[1] = (C) => j.value = C),
-        globalPageConfiguration: n,
-        availableSections: c.value,
-        importConfigurationFunction: de,
-        isComponentMode: x.value,
-        toggleComponentModeFunction: l,
-        fullwidthMode: v.value,
-        toggleFullwidthMode: g,
-        renderApiDomain: W(b)
+    return (w, y) => (r(), i("div", Vl, [
+      L(et, {
+        sectionSelected: c.value,
+        "onUpdate:sectionSelected": y[0] || (y[0] = (C) => c.value = C),
+        parametersPageConfiguration: s.value,
+        "onUpdate:parametersPageConfiguration": y[1] || (y[1] = (C) => s.value = C),
+        globalPageConfiguration: l,
+        availableSections: d.value,
+        importConfigurationFunction: ue,
+        isComponentMode: F.value,
+        toggleComponentModeFunction: g,
+        fullwidthMode: f.value,
+        toggleFullwidthMode: S,
+        renderApiDomain: G(b)
       }, null, 8, ["sectionSelected", "parametersPageConfiguration", "globalPageConfiguration", "availableSections", "isComponentMode", "fullwidthMode", "renderApiDomain"]),
-      t("div", Vl, [
-        v.value ? (s(), d("div", {
+      t("div", Ul, [
+        f.value ? (r(), i("div", {
           key: 0,
-          class: q(["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", m.value ? "" : "hidden"])
+          class: q(["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", x.value ? "" : "hidden"])
         }, [
-          t("div", Ul, [
+          t("div", zl, [
             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: y[2] || (y[2] = (C) => m.value = !1)
+              onClick: y[2] || (y[2] = (C) => x.value = !1)
             }, "✕")
           ]),
-          t("div", zl, [
-            L(le, {
-              renderApiDomain: W(b),
-              isComponentMode: x.value,
-              fullwidthMode: v.value,
-              columnToInsert: i.value,
-              addComponentToColumn: K,
-              toggleComponentModeFunction: l
-            }, null, 8, ["renderApiDomain", "isComponentMode", "fullwidthMode", "columnToInsert"])
+          t("div", Ll, [
+            L(ne, {
+              renderApiDomain: G(b),
+              isComponentMode: F.value,
+              fullwidthMode: f.value,
+              columnToInsert: m.value,
+              addComponentToColumn: oe,
+              toggleComponentModeFunction: g,
+              isProduction: G(p)
+            }, null, 8, ["renderApiDomain", "isComponentMode", "fullwidthMode", "columnToInsert", "isProduction"])
           ])
-        ], 2)) : (s(), d("div", Ll, [
-          L(le, {
-            renderApiDomain: W(b),
-            isComponentMode: x.value,
-            fullwidthMode: v.value,
-            columnToInsert: i.value,
-            addComponentToColumn: K,
-            toggleComponentModeFunction: l
-          }, null, 8, ["renderApiDomain", "isComponentMode", "fullwidthMode", "columnToInsert"])
+        ], 2)) : (r(), i("div", ql, [
+          L(ne, {
+            renderApiDomain: G(b),
+            isComponentMode: F.value,
+            fullwidthMode: f.value,
+            columnToInsert: m.value,
+            addComponentToColumn: oe,
+            toggleComponentModeFunction: g,
+            isProduction: G(p)
+          }, null, 8, ["renderApiDomain", "isComponentMode", "fullwidthMode", "columnToInsert", "isProduction"])
         ])),
         t("div", {
-          class: q([v.value ? "w-full px-4" : "w-3/4 ps-3", "flex flex-col gap-5"])
+          class: q([f.value ? "w-full px-4" : "w-3/4 ps-3", "flex flex-col gap-5"])
         }, [
-          L(Pl, {
-            globalPageConfiguration: n,
-            isComponentMode: x.value,
-            removeComponent: z,
-            addComponentFunction: Z,
-            fullwidthMode: v.value,
-            addCol: h,
-            addRow: T,
-            removeRow: r,
-            removeCol: M,
-            moveCol: I,
-            updateRowConfig: S,
-            updateColConfig: D,
-            moveRow: u,
-            sectionSelected: f.value,
-            renderApiDomain: W(b)
-          }, null, 8, ["globalPageConfiguration", "isComponentMode", "fullwidthMode", "sectionSelected", "renderApiDomain"])
+          L(Il, {
+            globalPageConfiguration: l,
+            isComponentMode: F.value,
+            removeComponent: Z,
+            addComponentFunction: K,
+            fullwidthMode: f.value,
+            addCol: j,
+            addRow: a,
+            removeRow: u,
+            removeCol: I,
+            moveCol: z,
+            updateRowConfig: D,
+            updateColConfig: T,
+            moveRow: h,
+            sectionSelected: c.value,
+            renderApiDomain: G(b),
+            isProduction: G(p)
+          }, null, 8, ["globalPageConfiguration", "isComponentMode", "fullwidthMode", "sectionSelected", "renderApiDomain", "isProduction"])
         ], 2)
       ])
     ]));
   }
 });
 export {
-  Pl as BodySection,
-  _o as ColConfig,
-  le as ComponentsBox,
-  ao as FeedComponent,
-  oe as FieldsForm,
-  _e as GlobalConfig,
-  ie as InitialComponent,
-  Wl as Pagebuilder,
-  Sl as RowConfig,
-  Ct as SourceFilter,
-  Wl as default
+  Il as BodySection,
+  el as ColConfig,
+  ne as ComponentsBox,
+  ro as FeedComponent,
+  le as FieldsForm,
+  et as GlobalConfig,
+  de as InitialComponent,
+  Ql as Pagebuilder,
+  Fl as RowConfig,
+  $t as SourceFilter,
+  Ql as default
 };