vue-wswg-editor 0.0.14 → 0.0.16

package/dist/vue-wswg-editor.es.js

@@ -1,4 +1,4 @@
-import { shallowRef as Gt, ref as j, markRaw as Jt, defineComponent as _, computed as Y, onMounted as Bt, onBeforeUnmount as rr, createElementBlock as o, openBlock as X, createElementVNode as c, toDisplayString as U, createVNode as h, unref as G, withDirectives as lt, vModelText as Zt, Fragment as tt, renderList as nt, createBlock as ut, mergeModels as Tt, useModel as rt, onBeforeMount as $t, normalizeClass as I, createCommentVNode as B, vModelSelect as ne, watch as ot, withModifiers as Pt, createTextVNode as Xe, resolveDynamicComponent as Yt, mergeProps as kt, vModelDynamic as $r, vModelCheckbox as Pr, vModelRadio as _r, renderSlot as Or, getCurrentScope as tf, onScopeDispose as ef, toValue as qt, useTemplateRef as rf, nextTick as It, withCtx as xr, normalizeStyle as Lr, createApp as ff, h as Dt } from "vue";
+import { shallowRef as Gt, ref as j, markRaw as Jt, defineComponent as _, computed as Y, onMounted as Rt, onBeforeUnmount as rr, createElementBlock as X, openBlock as o, createElementVNode as i, toDisplayString as U, createVNode as h, unref as G, withDirectives as lt, vModelText as Zt, Fragment as tt, renderList as nt, createBlock as ut, mergeModels as Tt, useModel as rt, onBeforeMount as $t, normalizeClass as I, createCommentVNode as R, vModelSelect as ne, watch as Xt, withModifiers as Pt, createTextVNode as oe, resolveDynamicComponent as Yt, mergeProps as kt, vModelDynamic as $r, vModelCheckbox as Pr, vModelRadio as _r, renderSlot as Or, getCurrentScope as tf, onScopeDispose as ef, toValue as qt, useTemplateRef as rf, nextTick as It, withCtx as xr, normalizeStyle as Lr, createApp as ff, h as Dt } from "vue";
 const fv = {
   custom: (t = {}) => ({
     type: "custom",
@@ -87,7 +87,7 @@ const fv = {
     ...e
   })
 };
-function Vr(t) {
+function mr(t) {
   const e = /* @__PURE__ */ new Set();
   e.add(t);
   const r = t.replace(/([A-Z])/g, "_$1").replace(/-/g, "_").toLowerCase().replace(/^_+/, "");
@@ -104,7 +104,7 @@ function fr(t) {
   const r = t.replace(/[^a-zA-Z0-9]+/g, " ").trim().split(/\s+/).flatMap((f) => f.split(/([A-Z][a-z]*)/).filter(Boolean));
   return r.length === 0 ? "" : r[0].toLowerCase() + r.slice(1).map((f) => f.charAt(0).toUpperCase() + f.slice(1).toLowerCase()).join("");
 }
-function mr(t) {
+function Vr(t) {
   if (!t) return "";
   const r = t.replace(/[_-]/g, " ").replace(/([a-z])([A-Z])/g, "$1 $2").split(/\s+/).filter(Boolean);
   return r.length === 0 ? "" : r.map((f) => f.charAt(0).toUpperCase() + f.slice(1).toLowerCase()).join(" ");
@@ -204,7 +204,7 @@ async function vv() {
     throw console.error("[vue-wswg-editor:registry] Error during registry initialization:", t), t;
   }
 }
-const mt = Gt({}), zt = Gt({}), Ht = Gt({}), ye = Gt({}), ae = Gt(void 0);
+const Vt = Gt({}), zt = Gt({}), Ht = Gt({}), ye = Gt({}), ae = Gt(void 0);
 let Ee = null, Qe = null;
 function De(t) {
   if (t && typeof t != "function") {
@@ -218,8 +218,8 @@ function De(t) {
   }
 }
 async function bf() {
-  Object.keys(mt.value).forEach((e) => {
-    delete mt.value[e];
+  Object.keys(Vt.value).forEach((e) => {
+    delete Vt.value[e];
   });
   const { modules: t } = await import("vue-wswg-editor:themes");
   for (const [e, r] of Object.entries(t)) {
@@ -240,24 +240,24 @@ async function bf() {
       tags: n.tags || [],
       license: n.license || ""
     };
-    mt.value[a] = u;
+    Vt.value[a] = u;
   }
-  if (Object.keys(mt.value).length === 0) {
+  if (Object.keys(Vt.value).length === 0) {
     console.error("[vue-wswg-editor:registry] No themes found");
     return;
   }
 }
 function av() {
-  return Object.values(mt.value);
+  return Object.values(Vt.value);
 }
 function vr() {
   if (!ae.value)
     throw new Error("No active theme found");
-  return mt.value[ae.value];
+  return Vt.value[ae.value];
 }
 async function pf(t) {
-  if (!t || !mt.value[t]) {
-    const e = Object.keys(mt.value)[0];
+  if (!t || !Vt.value[t]) {
+    const e = Object.keys(Vt.value)[0];
     if (!e)
       throw new Error("[vue-wswg-editor:registry] No themes found. Cannot set active theme.");
     ae.value = e, console.warn(
@@ -266,7 +266,7 @@ async function pf(t) {
   } else
     ae.value = t;
 }
-async function Xf() {
+async function of() {
   const { modules: t } = await import("vue-wswg-editor:thumbnails");
   Qe = t;
 }
@@ -302,14 +302,14 @@ async function Pf() {
   }
 }
 function Nr(t) {
-  const e = Vr(t);
+  const e = mr(t);
   for (const r of e) {
     const f = zt.value[r];
     if (f)
       return f;
   }
 }
-async function of() {
+async function Xf() {
   Object.keys(ye.value).forEach((n) => {
     delete ye.value[n];
   });
@@ -360,7 +360,7 @@ async function sf() {
   }
 }
 function Ut(t) {
-  const e = Vr(t);
+  const e = mr(t);
   for (const r of e) {
     const f = Ht.value[r];
     if (f)
@@ -378,9 +378,9 @@ function Tf(t) {
     return r.default;
 }
 async function Wf(t) {
-  await Pf(), t && (await of(), await Af(), await Xf()), await sf();
+  await Pf(), t && (await Xf(), await Af(), await of()), await sf();
 }
-async function Ve(t, e = !0) {
+async function me(t, e = !0) {
   try {
     await bf(), await pf(t), await Wf(e);
   } catch (r) {
@@ -471,7 +471,7 @@ async function Sf(t, e = "blocks") {
   for (const v of f) {
     const l = v.type, a = Ut(l);
     if (r[l] = {
-      title: (a == null ? void 0 : a.label) || mr(l),
+      title: (a == null ? void 0 : a.label) || Vr(l),
       isValid: !0,
       errors: {}
     }, Object.keys((a == null ? void 0 : a.fields) || {}).length !== 0)
@@ -518,19 +518,19 @@ const Hf = /* @__PURE__ */ _({
     let a = null, u = null;
     function d(b) {
       v.value = !0, b.preventDefault();
-      const p = b.clientX, i = n.value;
-      function A(s) {
+      const p = b.clientX, c = n.value;
+      function s(T) {
         if (!v.value) return;
-        const y = s.clientX - p, S = Math.max(300, Math.min(800, i - y));
-        n.value = S, r("sidebarWidth", S);
+        const W = T.clientX - p, y = Math.max(300, Math.min(800, c - W));
+        n.value = y, r("sidebarWidth", y);
       }
-      function T() {
-        v.value = !1, document.removeEventListener("mousemove", A), document.removeEventListener("mouseup", T), document.body.style.cursor = "", document.body.style.userSelect = "";
+      function A() {
+        v.value = !1, document.removeEventListener("mousemove", s), document.removeEventListener("mouseup", A), document.body.style.cursor = "", document.body.style.userSelect = "";
       }
-      document.addEventListener("mousemove", A), document.addEventListener("mouseup", T), document.body.style.cursor = "col-resize", document.body.style.userSelect = "none";
+      document.addEventListener("mousemove", s), document.addEventListener("mouseup", A), document.body.style.cursor = "col-resize", document.body.style.userSelect = "none";
     }
     const P = Y(() => l.value > 0 ? `${l.value}px` : "0px");
-    return Bt(() => {
+    return Rt(() => {
       u = () => {
         const p = document.getElementById("page-preview-container");
         p && (l.value = p.offsetWidth);
@@ -541,16 +541,16 @@ const Hf = /* @__PURE__ */ _({
       }), a.observe(b)), window.addEventListener("resize", u);
     }), rr(() => {
       a && (a.disconnect(), a = null), u && (window.removeEventListener("resize", u), u = null);
-    }), (b, p) => (X(), o("div", { class: "resize-handle-wrapper group" }, [
-      c("div", {
+    }), (b, p) => (o(), X("div", { class: "resize-handle-wrapper group" }, [
+      i("div", {
         id: "page-builder-resize-handle",
         ref_key: "resizeHandle",
         ref: f,
         class: "resize-handle shrink-0 cursor-col-resize transition-colors duration-200",
         onMousedown: d
       }, null, 544),
-      c("span", { class: "viewport-size absolute right-1 top-1 opacity-0 transition-opacity duration-200 group-hover:opacity-100" }, [
-        c("div", { class: "rounded-sm bg-yellow-400 px-1.5 py-1 font-mono text-xs font-medium text-gray-900" }, U(P.value), 1)
+      i("span", { class: "viewport-size absolute right-1 top-1 opacity-0 transition-opacity duration-200 group-hover:opacity-100" }, [
+        i("div", { class: "rounded-sm bg-yellow-400 px-1.5 py-1 font-mono text-xs font-medium text-gray-900" }, U(P.value), 1)
       ])
     ]));
   }
@@ -561,7 +561,7 @@ const Hf = /* @__PURE__ */ _({
   return r;
 }, jf = /* @__PURE__ */ Wt(Hf, [["__scopeId", "data-v-72eeade4"]]);
 function Of(t, e) {
-  return X(), o("svg", {
+  return o(), X("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -570,7 +570,7 @@ function Of(t, e) {
     "aria-hidden": "true",
     "data-slot": "icon"
   }, [
-    c("path", {
+    i("path", {
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
       d: "M19.5 13.5 12 21m0 0-7.5-7.5M12 21V3"
@@ -578,7 +578,7 @@ function Of(t, e) {
   ]);
 }
 function xf(t, e) {
-  return X(), o("svg", {
+  return o(), X("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -587,7 +587,7 @@ function xf(t, e) {
     "aria-hidden": "true",
     "data-slot": "icon"
   }, [
-    c("path", {
+    i("path", {
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
       d: "m4.5 19.5 15-15m0 0H8.25m11.25 0v11.25"
@@ -595,7 +595,7 @@ function xf(t, e) {
   ]);
 }
 function Lf(t, e) {
-  return X(), o("svg", {
+  return o(), X("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -604,15 +604,15 @@ function Lf(t, e) {
     "aria-hidden": "true",
     "data-slot": "icon"
   }, [
-    c("path", {
+    i("path", {
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
       d: "M4.5 10.5 12 3m0 0 7.5 7.5M12 3v18"
     })
   ]);
 }
-function Vf(t, e) {
-  return X(), o("svg", {
+function mf(t, e) {
+  return o(), X("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -621,15 +621,15 @@ function Vf(t, e) {
     "aria-hidden": "true",
     "data-slot": "icon"
   }, [
-    c("path", {
+    i("path", {
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
       d: "M3 7.5 7.5 3m0 0L12 7.5M7.5 3v13.5m13.5 0L16.5 21m0 0L12 16.5m4.5 4.5V7.5"
     })
   ]);
 }
-function mf(t, e) {
-  return X(), o("svg", {
+function Vf(t, e) {
+  return o(), X("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -638,7 +638,7 @@ function mf(t, e) {
     "aria-hidden": "true",
     "data-slot": "icon"
   }, [
-    c("path", {
+    i("path", {
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
       d: "M3 4.5h14.25M3 9h9.75M3 13.5h9.75m4.5-4.5v12m0 0-3.75-3.75M17.25 21 21 17.25"
@@ -646,7 +646,7 @@ function mf(t, e) {
   ]);
 }
 function Nf(t, e) {
-  return X(), o("svg", {
+  return o(), X("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -655,7 +655,7 @@ function Nf(t, e) {
     "aria-hidden": "true",
     "data-slot": "icon"
   }, [
-    c("path", {
+    i("path", {
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
       d: "M3 4.5h14.25M3 9h9.75M3 13.5h5.25m5.25-.75L17.25 9m0 0L21 12.75M17.25 9v12"
@@ -663,7 +663,7 @@ function Nf(t, e) {
   ]);
 }
 function kf(t, e) {
-  return X(), o("svg", {
+  return o(), X("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -672,7 +672,7 @@ function kf(t, e) {
     "aria-hidden": "true",
     "data-slot": "icon"
   }, [
-    c("path", {
+    i("path", {
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
       d: "m19.5 8.25-7.5 7.5-7.5-7.5"
@@ -680,7 +680,7 @@ function kf(t, e) {
   ]);
 }
 function qf(t, e) {
-  return X(), o("svg", {
+  return o(), X("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -689,7 +689,7 @@ function qf(t, e) {
     "aria-hidden": "true",
     "data-slot": "icon"
   }, [
-    c("path", {
+    i("path", {
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
       d: "m4.5 15.75 7.5-7.5 7.5 7.5"
@@ -697,7 +697,7 @@ function qf(t, e) {
   ]);
 }
 function Jf(t, e) {
-  return X(), o("svg", {
+  return o(), X("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -706,12 +706,12 @@ function Jf(t, e) {
     "aria-hidden": "true",
     "data-slot": "icon"
   }, [
-    c("path", {
+    i("path", {
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
       d: "M9.594 3.94c.09-.542.56-.94 1.11-.94h2.593c.55 0 1.02.398 1.11.94l.213 1.281c.063.374.313.686.645.87.074.04.147.083.22.127.325.196.72.257 1.075.124l1.217-.456a1.125 1.125 0 0 1 1.37.49l1.296 2.247a1.125 1.125 0 0 1-.26 1.431l-1.003.827c-.293.241-.438.613-.43.992a7.723 7.723 0 0 1 0 .255c-.008.378.137.75.43.991l1.004.827c.424.35.534.955.26 1.43l-1.298 2.247a1.125 1.125 0 0 1-1.369.491l-1.217-.456c-.355-.133-.75-.072-1.076.124a6.47 6.47 0 0 1-.22.128c-.331.183-.581.495-.644.869l-.213 1.281c-.09.543-.56.94-1.11.94h-2.594c-.55 0-1.019-.398-1.11-.94l-.213-1.281c-.062-.374-.312-.686-.644-.87a6.52 6.52 0 0 1-.22-.127c-.325-.196-.72-.257-1.076-.124l-1.217.456a1.125 1.125 0 0 1-1.369-.49l-1.297-2.247a1.125 1.125 0 0 1 .26-1.431l1.004-.827c.292-.24.437-.613.43-.991a6.932 6.932 0 0 1 0-.255c.007-.38-.138-.751-.43-.992l-1.004-.827a1.125 1.125 0 0 1-.26-1.43l1.297-2.247a1.125 1.125 0 0 1 1.37-.491l1.216.456c.356.133.751.072 1.076-.124.072-.044.146-.086.22-.128.332-.183.582-.495.644-.869l.214-1.28Z"
     }),
-    c("path", {
+    i("path", {
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
       d: "M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"
@@ -719,7 +719,7 @@ function Jf(t, e) {
   ]);
 }
 function Df(t, e) {
-  return X(), o("svg", {
+  return o(), X("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -728,7 +728,7 @@ function Df(t, e) {
     "aria-hidden": "true",
     "data-slot": "icon"
   }, [
-    c("path", {
+    i("path", {
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
       d: "M9 17.25v1.007a3 3 0 0 1-.879 2.122L7.5 21h9l-.621-.621A3 3 0 0 1 15 18.257V17.25m6-12V15a2.25 2.25 0 0 1-2.25 2.25H5.25A2.25 2.25 0 0 1 3 15V5.25m18 0A2.25 2.25 0 0 0 18.75 3H5.25A2.25 2.25 0 0 0 3 5.25m18 0V12a2.25 2.25 0 0 1-2.25 2.25H5.25A2.25 2.25 0 0 1 3 12V5.25"
@@ -736,7 +736,7 @@ function Df(t, e) {
   ]);
 }
 function Kf(t, e) {
-  return X(), o("svg", {
+  return o(), X("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -745,7 +745,7 @@ function Kf(t, e) {
     "aria-hidden": "true",
     "data-slot": "icon"
   }, [
-    c("path", {
+    i("path", {
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
       d: "m21 7.5-2.25-1.313M21 7.5v2.25m0-2.25-2.25 1.313M3 7.5l2.25-1.313M3 7.5l2.25 1.313M3 7.5v2.25m9 3 2.25-1.313M12 12.75l-2.25-1.313M12 12.75V15m0 6.75 2.25-1.313M12 21.75V19.5m0 2.25-2.25-1.313m0-16.875L12 2.25l2.25 1.313M21 14.25v2.25l-2.25 1.313m-13.5 0L3 16.5v-2.25"
@@ -753,7 +753,7 @@ function Kf(t, e) {
   ]);
 }
 function gf(t, e) {
-  return X(), o("svg", {
+  return o(), X("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -762,15 +762,15 @@ function gf(t, e) {
     "aria-hidden": "true",
     "data-slot": "icon"
   }, [
-    c("path", {
+    i("path", {
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
       d: "M10.5 1.5H8.25A2.25 2.25 0 0 0 6 3.75v16.5a2.25 2.25 0 0 0 2.25 2.25h7.5A2.25 2.25 0 0 0 18 20.25V3.75a2.25 2.25 0 0 0-2.25-2.25H13.5m-3 0V3h3V1.5m-3 0h3m-3 18.75h3"
     })
   ]);
 }
-function or(t, e) {
-  return X(), o("svg", {
+function Xr(t, e) {
+  return o(), X("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -779,7 +779,7 @@ function or(t, e) {
     "aria-hidden": "true",
     "data-slot": "icon"
   }, [
-    c("path", {
+    i("path", {
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
       d: "m11.25 11.25.041-.02a.75.75 0 0 1 1.063.852l-.708 2.836a.75.75 0 0 0 1.063.853l.041-.021M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9-3.75h.008v.008H12V8.25Z"
@@ -787,7 +787,7 @@ function or(t, e) {
   ]);
 }
 function hf(t, e) {
-  return X(), o("svg", {
+  return o(), X("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -796,7 +796,7 @@ function hf(t, e) {
     "aria-hidden": "true",
     "data-slot": "icon"
   }, [
-    c("path", {
+    i("path", {
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
       d: "M13.181 8.68a4.503 4.503 0 0 1 1.903 6.405m-9.768-2.782L3.56 14.06a4.5 4.5 0 0 0 6.364 6.365l3.129-3.129m5.614-5.615 1.757-1.757a4.5 4.5 0 0 0-6.364-6.365l-4.5 4.5c-.258.26-.479.541-.661.84m1.903 6.405a4.495 4.495 0 0 1-1.242-.88 4.483 4.483 0 0 1-1.062-1.683m6.587 2.345 5.907 5.907m-5.907-5.907L8.898 8.898M2.991 2.99 8.898 8.9"
@@ -804,7 +804,7 @@ function hf(t, e) {
   ]);
 }
 function Uf(t, e) {
-  return X(), o("svg", {
+  return o(), X("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -813,7 +813,7 @@ function Uf(t, e) {
     "aria-hidden": "true",
     "data-slot": "icon"
   }, [
-    c("path", {
+    i("path", {
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
       d: "M13.19 8.688a4.5 4.5 0 0 1 1.242 7.244l-4.5 4.5a4.5 4.5 0 0 1-6.364-6.364l1.757-1.757m13.35-.622 1.757-1.757a4.5 4.5 0 0 0-6.364-6.364l-4.5 4.5a4.5 4.5 0 0 0 1.242 7.244"
@@ -821,7 +821,7 @@ function Uf(t, e) {
   ]);
 }
 function kr(t, e) {
-  return X(), o("svg", {
+  return o(), X("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -830,7 +830,7 @@ function kr(t, e) {
     "aria-hidden": "true",
     "data-slot": "icon"
   }, [
-    c("path", {
+    i("path", {
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
       d: "M12 4.5v15m7.5-7.5h-15"
@@ -838,7 +838,7 @@ function kr(t, e) {
   ]);
 }
 function Gf(t, e) {
-  return X(), o("svg", {
+  return o(), X("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -847,15 +847,15 @@ function Gf(t, e) {
     "aria-hidden": "true",
     "data-slot": "icon"
   }, [
-    c("path", {
+    i("path", {
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
       d: "m14.74 9-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 0 1-2.244 2.077H8.084a2.25 2.25 0 0 1-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 0 0-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 0 1 3.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 0 0-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 0 0-7.5 0"
     })
   ]);
 }
-function Bf(t, e) {
-  return X(), o("svg", {
+function Rf(t, e) {
+  return o(), X("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -864,14 +864,14 @@ function Bf(t, e) {
     "aria-hidden": "true",
     "data-slot": "icon"
   }, [
-    c("path", {
+    i("path", {
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
       d: "M6 18 18 6M6 6l12 12"
     })
   ]);
 }
-const Rf = /* @__PURE__ */ _({
+const Bf = /* @__PURE__ */ _({
   __name: "AddBlockItem",
   props: {
     block: {}
@@ -885,34 +885,34 @@ const Rf = /* @__PURE__ */ _({
       const u = v.target;
       u != null && u.hasAttribute("data-prevent-drop") && v.dataTransfer.setData("prevent-drop", "true");
     }
-    return (v, l) => (X(), o("div", {
+    return (v, l) => (o(), X("div", {
       "data-block-type": t.block.type,
       draggable: "true",
       class: "cursor-pointer rounded-md border border-gray-300 bg-zinc-50 p-2 text-sm text-zinc-900 hover:border-zinc-400 hover:text-zinc-900",
       onDragstart: l[1] || (l[1] = (a) => n(a, t.block))
     }, [
-      f.value ? (X(), o("div", {
+      f.value ? (o(), X("div", {
         key: 0,
         class: "w-full overflow-hidden rounded-md bg-neutral-100"
       }, [
-        c("img", {
+        i("img", {
           src: f.value,
           alt: t.block.label || t.block.type,
           class: "mx-auto mb-2 h-28 w-auto object-contain",
           onError: l[0] || (l[0] = (a) => r.value = !0)
         }, null, 40, ["src", "alt"])
-      ])) : t.block.emoji ? (X(), o("div", {
+      ])) : t.block.emoji ? (o(), X("div", {
         key: 1,
         class: "mb-2 flex h-28 w-full items-center justify-center rounded-md bg-zinc-200"
       }, [
-        c("span", { class: "text-2xl" }, U(t.block.emoji), 1)
-      ])) : (X(), o("div", {
+        i("span", { class: "text-2xl" }, U(t.block.emoji), 1)
+      ])) : (o(), X("div", {
         key: 2,
         class: "mb-2 flex h-28 w-full items-center justify-center rounded-md bg-zinc-200"
       }, [
         h(G(Kf), { class: "size-6 text-zinc-400" })
       ])),
-      c("p", { class: "text-sm" }, U(t.block.label), 1)
+      i("p", { class: "text-sm" }, U(t.block.label), 1)
     ], 40, ["data-block-type"]));
   }
 });
@@ -922,7 +922,7 @@ const Rf = /* @__PURE__ */ _({
  * @author	owenm    <owen23355@gmail.com>
  * @license MIT
  */
-function cr(t, e) {
+function ir(t, e) {
   var r = Object.keys(t);
   if (Object.getOwnPropertySymbols) {
     var f = Object.getOwnPropertySymbols(t);
@@ -935,9 +935,9 @@ function cr(t, e) {
 function St(t) {
   for (var e = 1; e < arguments.length; e++) {
     var r = arguments[e] != null ? arguments[e] : {};
-    e % 2 ? cr(Object(r), !0).forEach(function(f) {
+    e % 2 ? ir(Object(r), !0).forEach(function(f) {
       Ff(t, f, r[f]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(r)) : cr(Object(r)).forEach(function(f) {
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(r)) : ir(Object(r)).forEach(function(f) {
       Object.defineProperty(t, f, Object.getOwnPropertyDescriptor(r, f));
     });
   }
@@ -991,7 +991,7 @@ function jt(t) {
   if (typeof window < "u" && window.navigator)
     return !!/* @__PURE__ */ navigator.userAgent.match(t);
 }
-var xt = jt(/(?:Trident.*rv[ :]?11\.|msie|iemobile|Windows Phone)/i), oe = jt(/Edge/i), ir = jt(/firefox/i), le = jt(/safari/i) && !jt(/chrome/i) && !jt(/android/i), ar = jt(/iP(ad|od|hone)/i), qr = jt(/chrome/i) && jt(/android/i), Jr = {
+var xt = jt(/(?:Trident.*rv[ :]?11\.|msie|iemobile|Windows Phone)/i), Xe = jt(/Edge/i), cr = jt(/firefox/i), le = jt(/safari/i) && !jt(/chrome/i) && !jt(/android/i), ar = jt(/iP(ad|od|hone)/i), qr = jt(/chrome/i) && jt(/android/i), Jr = {
   capture: !1,
   passive: !1
 };
@@ -1001,7 +1001,7 @@ function D(t, e, r) {
 function J(t, e, r) {
   t.removeEventListener(e, r, !xt && Jr);
 }
-function me(t, e) {
+function Ve(t, e) {
   if (e) {
     if (e[0] === ">" && (e = e.substring(1)), t)
       try {
@@ -1024,7 +1024,7 @@ function At(t, e, r, f) {
   if (t) {
     r = r || document;
     do {
-      if (e != null && (e[0] === ">" ? t.parentNode === r && me(t, e) : me(t, e)) || f && t === r)
+      if (e != null && (e[0] === ">" ? t.parentNode === r && Ve(t, e) : Ve(t, e)) || f && t === r)
         return t;
       if (t === r) break;
     } while (t = Dr(t));
@@ -1041,7 +1041,7 @@ function pt(t, e, r) {
       t.className = (f + (r ? " " + e : "")).replace(sr, " ");
     }
 }
-function L(t, e, r) {
+function m(t, e, r) {
   var f = t && t.style;
   if (f) {
     if (r === void 0)
@@ -1055,7 +1055,7 @@ function Et(t, e) {
     r = t;
   else
     do {
-      var f = L(t, "transform");
+      var f = m(t, "transform");
       f && f !== "none" && (r = f + " " + r);
     } while (!e && (t = t.parentNode));
   var n = window.DOMMatrix || window.WebKitCSSMatrix || window.CSSMatrix || window.MSCSSMatrix;
@@ -1080,15 +1080,15 @@ function Q(t, e, r, f, n) {
     var v, l, a, u, d, P, b;
     if (t !== window && t.parentNode && t !== wt() ? (v = t.getBoundingClientRect(), l = v.top, a = v.left, u = v.bottom, d = v.right, P = v.height, b = v.width) : (l = 0, a = 0, u = window.innerHeight, d = window.innerWidth, P = window.innerHeight, b = window.innerWidth), (e || r) && t !== window && (n = n || t.parentNode, !xt))
       do
-        if (n && n.getBoundingClientRect && (L(n, "transform") !== "none" || r && L(n, "position") !== "static")) {
+        if (n && n.getBoundingClientRect && (m(n, "transform") !== "none" || r && m(n, "position") !== "static")) {
           var p = n.getBoundingClientRect();
-          l -= p.top + parseInt(L(n, "border-top-width")), a -= p.left + parseInt(L(n, "border-left-width")), u = l + v.height, d = a + v.width;
+          l -= p.top + parseInt(m(n, "border-top-width")), a -= p.left + parseInt(m(n, "border-left-width")), u = l + v.height, d = a + v.width;
           break;
         }
       while (n = n.parentNode);
     if (f && t !== window) {
-      var i = Et(n || t), A = i && i.a, T = i && i.d;
-      i && (l /= T, a /= A, b /= A, P /= T, u = l + P, d = a + b);
+      var c = Et(n || t), s = c && c.a, A = c && c.d;
+      c && (l /= A, a /= s, b /= s, P /= A, u = l + P, d = a + b);
     }
     return {
       top: l,
@@ -1111,7 +1111,7 @@ function Ar(t, e, r) {
 }
 function Qt(t, e, r, f) {
   for (var n = 0, v = 0, l = t.children; v < l.length; ) {
-    if (l[v].style.display !== "none" && l[v] !== O.ghost && (f || l[v] !== O.dragged) && At(l[v], r.draggable, t, !1)) {
+    if (l[v].style.display !== "none" && l[v] !== x.ghost && (f || l[v] !== x.dragged) && At(l[v], r.draggable, t, !1)) {
       if (n === e)
         return l[v];
       n++;
@@ -1121,16 +1121,16 @@ function Qt(t, e, r, f) {
   return null;
 }
 function lr(t, e) {
-  for (var r = t.lastElementChild; r && (r === O.ghost || L(r, "display") === "none" || e && !me(r, e)); )
+  for (var r = t.lastElementChild; r && (r === x.ghost || m(r, "display") === "none" || e && !Ve(r, e)); )
     r = r.previousElementSibling;
   return r || null;
 }
-function it(t, e) {
+function ct(t, e) {
   var r = 0;
   if (!t || !t.parentNode)
     return -1;
   for (; t = t.previousElementSibling; )
-    t.nodeName.toUpperCase() !== "TEMPLATE" && t !== O.clone && (!e || me(t, e)) && r++;
+    t.nodeName.toUpperCase() !== "TEMPLATE" && t !== x.clone && (!e || Ve(t, e)) && r++;
   return r;
 }
 function Tr(t) {
@@ -1155,7 +1155,7 @@ function Nt(t, e) {
   var r = t, f = !1;
   do
     if (r.clientWidth < r.scrollWidth || r.clientHeight < r.scrollHeight) {
-      var n = L(r);
+      var n = m(r);
       if (r.clientWidth < r.scrollWidth && (n.overflowX == "auto" || n.overflowX == "scroll") || r.clientHeight < r.scrollHeight && (n.overflowY == "auto" || n.overflowY == "scroll")) {
         if (!r.getBoundingClientRect || r === document.body) return wt();
         if (f || e) return r;
@@ -1213,7 +1213,7 @@ function Qf() {
       if (t = [], !!this.options.animation) {
         var f = [].slice.call(this.el.children);
         f.forEach(function(n) {
-          if (!(L(n, "display") === "none" || n === O.ghost)) {
+          if (!(m(n, "display") === "none" || n === x.ghost)) {
             t.push({
               target: n,
               rect: Q(n)
@@ -1244,9 +1244,9 @@ function Qf() {
       }
       var v = !1, l = 0;
       t.forEach(function(a) {
-        var u = 0, d = a.target, P = d.fromRect, b = Q(d), p = d.prevFromRect, i = d.prevToRect, A = a.rect, T = Et(d, !0);
-        T && (b.top -= T.f, b.left -= T.e), d.toRect = b, d.thisAnimationDuration && he(p, b) && !he(P, b) && // Make sure animatingRect is on line between toRect & fromRect
-        (A.top - b.top) / (A.left - b.left) === (P.top - b.top) / (P.left - b.left) && (u = _f(A, p, i, n.options)), he(b, P) || (d.prevFromRect = P, d.prevToRect = b, u || (u = n.options.animation), n.animate(d, A, b, u)), u && (v = !0, l = Math.max(l, u), clearTimeout(d.animationResetTimer), d.animationResetTimer = setTimeout(function() {
+        var u = 0, d = a.target, P = d.fromRect, b = Q(d), p = d.prevFromRect, c = d.prevToRect, s = a.rect, A = Et(d, !0);
+        A && (b.top -= A.f, b.left -= A.e), d.toRect = b, d.thisAnimationDuration && he(p, b) && !he(P, b) && // Make sure animatingRect is on line between toRect & fromRect
+        (s.top - b.top) / (s.left - b.left) === (P.top - b.top) / (P.left - b.left) && (u = _f(s, p, c, n.options)), he(b, P) || (d.prevFromRect = P, d.prevToRect = b, u || (u = n.options.animation), n.animate(d, s, b, u)), u && (v = !0, l = Math.max(l, u), clearTimeout(d.animationResetTimer), d.animationResetTimer = setTimeout(function() {
           d.animationTime = 0, d.prevFromRect = null, d.fromRect = null, d.prevToRect = null, d.thisAnimationDuration = null;
         }, u), d.thisAnimationDuration = u);
       }), clearTimeout(e), v ? e = setTimeout(function() {
@@ -1255,10 +1255,10 @@ function Qf() {
     },
     animate: function(f, n, v, l) {
       if (l) {
-        L(f, "transition", ""), L(f, "transform", "");
+        m(f, "transition", ""), m(f, "transform", "");
         var a = Et(this.el), u = a && a.a, d = a && a.d, P = (n.left - v.left) / (u || 1), b = (n.top - v.top) / (d || 1);
-        f.animatingX = !!P, f.animatingY = !!b, L(f, "transform", "translate3d(" + P + "px," + b + "px,0)"), this.forRepaintDummy = $f(f), L(f, "transition", "transform " + l + "ms" + (this.options.easing ? " " + this.options.easing : "")), L(f, "transform", "translate3d(0,0,0)"), typeof f.animated == "number" && clearTimeout(f.animated), f.animated = setTimeout(function() {
-          L(f, "transition", ""), L(f, "transform", ""), f.animated = !1, f.animatingX = !1, f.animatingY = !1;
+        f.animatingX = !!P, f.animatingY = !!b, m(f, "transform", "translate3d(" + P + "px," + b + "px,0)"), this.forRepaintDummy = $f(f), m(f, "transition", "transform " + l + "ms" + (this.options.easing ? " " + this.options.easing : "")), m(f, "transform", "translate3d(0,0,0)"), typeof f.animated == "number" && clearTimeout(f.animated), f.animated = setTimeout(function() {
+          m(f, "transition", ""), m(f, "transform", ""), f.animated = !1, f.animatingX = !1, f.animatingY = !1;
         }, l);
       }
     }
@@ -1270,16 +1270,16 @@ function $f(t) {
 function _f(t, e, r, f) {
   return Math.sqrt(Math.pow(e.top - t.top, 2) + Math.pow(e.left - t.left, 2)) / Math.sqrt(Math.pow(e.top - r.top, 2) + Math.pow(e.left - r.left, 2)) * f.animation;
 }
-var Rt = [], Ue = {
+var Bt = [], Ue = {
   initializeByDefault: !0
-}, ce = {
+}, ie = {
   mount: function(e) {
     for (var r in Ue)
       Ue.hasOwnProperty(r) && !(r in e) && (e[r] = Ue[r]);
-    Rt.forEach(function(f) {
+    Bt.forEach(function(f) {
       if (f.pluginName === e.pluginName)
         throw "Sortable: Cannot mount plugin ".concat(e.pluginName, " more than once");
-    }), Rt.push(e);
+    }), Bt.push(e);
   },
   pluginEvent: function(e, r, f) {
     var n = this;
@@ -1287,7 +1287,7 @@ var Rt = [], Ue = {
       n.eventCanceled = !0;
     };
     var v = e + "Global";
-    Rt.forEach(function(l) {
+    Bt.forEach(function(l) {
       r[l.pluginName] && (r[l.pluginName][v] && r[l.pluginName][v](St({
         sortable: r
       }, f)), r.options[l.pluginName] && r[l.pluginName][e] && r[l.pluginName][e](St({
@@ -1296,7 +1296,7 @@ var Rt = [], Ue = {
     });
   },
   initializePlugins: function(e, r, f, n) {
-    Rt.forEach(function(a) {
+    Bt.forEach(function(a) {
       var u = a.pluginName;
       if (!(!e.options[u] && !a.initializeByDefault)) {
         var d = new a(e, r, e.options);
@@ -1311,57 +1311,57 @@ var Rt = [], Ue = {
   },
   getEventProperties: function(e, r) {
     var f = {};
-    return Rt.forEach(function(n) {
+    return Bt.forEach(function(n) {
       typeof n.eventProperties == "function" && Ot(f, n.eventProperties.call(r[n.pluginName], e));
     }), f;
   },
   modifyOption: function(e, r, f) {
     var n;
-    return Rt.forEach(function(v) {
+    return Bt.forEach(function(v) {
       e[v.pluginName] && v.optionListeners && typeof v.optionListeners[r] == "function" && (n = v.optionListeners[r].call(e[v.pluginName], f));
     }), n;
   }
 };
 function tn(t) {
-  var e = t.sortable, r = t.rootEl, f = t.name, n = t.targetEl, v = t.cloneEl, l = t.toEl, a = t.fromEl, u = t.oldIndex, d = t.newIndex, P = t.oldDraggableIndex, b = t.newDraggableIndex, p = t.originalEvent, i = t.putSortable, A = t.extraEventProperties;
+  var e = t.sortable, r = t.rootEl, f = t.name, n = t.targetEl, v = t.cloneEl, l = t.toEl, a = t.fromEl, u = t.oldIndex, d = t.newIndex, P = t.oldDraggableIndex, b = t.newDraggableIndex, p = t.originalEvent, c = t.putSortable, s = t.extraEventProperties;
   if (e = e || r && r[bt], !!e) {
-    var T, s = e.options, y = "on" + f.charAt(0).toUpperCase() + f.substr(1);
-    window.CustomEvent && !xt && !oe ? T = new CustomEvent(f, {
+    var A, T = e.options, W = "on" + f.charAt(0).toUpperCase() + f.substr(1);
+    window.CustomEvent && !xt && !Xe ? A = new CustomEvent(f, {
       bubbles: !0,
       cancelable: !0
-    }) : (T = document.createEvent("Event"), T.initEvent(f, !0, !0)), T.to = l || r, T.from = a || r, T.item = n || r, T.clone = v, T.oldIndex = u, T.newIndex = d, T.oldDraggableIndex = P, T.newDraggableIndex = b, T.originalEvent = p, T.pullMode = i ? i.lastPutMode : void 0;
-    var S = St(St({}, A), ce.getEventProperties(f, e));
-    for (var N in S)
-      T[N] = S[N];
-    r && r.dispatchEvent(T), s[y] && s[y].call(e, T);
+    }) : (A = document.createEvent("Event"), A.initEvent(f, !0, !0)), A.to = l || r, A.from = a || r, A.item = n || r, A.clone = v, A.oldIndex = u, A.newIndex = d, A.oldDraggableIndex = P, A.newDraggableIndex = b, A.originalEvent = p, A.pullMode = c ? c.lastPutMode : void 0;
+    var y = St(St({}, s), ie.getEventProperties(f, e));
+    for (var O in y)
+      A[O] = y[O];
+    r && r.dispatchEvent(A), T[W] && T[W].call(e, A);
   }
 }
 var en = ["evt"], dt = function(e, r) {
   var f = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, n = f.evt, v = Cf(f, en);
-  ce.pluginEvent.bind(O)(e, r, St({
-    dragEl: w,
+  ie.pluginEvent.bind(x)(e, r, St({
+    dragEl: S,
     parentEl: M,
-    ghostEl: m,
+    ghostEl: N,
     rootEl: Z,
     nextEl: ht,
     lastDownEl: He,
     cloneEl: C,
-    cloneHidden: Vt,
+    cloneHidden: mt,
     dragStarted: te,
     putSortable: et,
-    activeSortable: O.active,
+    activeSortable: x.active,
     originalEvent: n,
     oldIndex: Mt,
     oldDraggableIndex: de,
-    newIndex: Xt,
+    newIndex: ot,
     newDraggableIndex: Lt,
     hideGhostForTarget: Zr,
     unhideGhostForTarget: Cr,
     cloneNowHidden: function() {
-      Vt = !0;
+      mt = !0;
     },
     cloneNowShown: function() {
-      Vt = !1;
+      mt = !1;
     },
     dispatchSortableEvent: function(a) {
       at({
@@ -1376,23 +1376,23 @@ function at(t) {
   tn(St({
     putSortable: et,
     cloneEl: C,
-    targetEl: w,
+    targetEl: S,
     rootEl: Z,
     oldIndex: Mt,
     oldDraggableIndex: de,
-    newIndex: Xt,
+    newIndex: ot,
     newDraggableIndex: Lt
   }, t));
 }
-var w, M, m, Z, ht, He, C, Vt, Mt, Xt, de, Lt, se, et, Ct = !1, Ne = !1, ke = [], Kt, st, Ge, Be, Wr, wr, te, Ft, be, pe = !1, Ae = !1, je, ft, Re = [], $e = !1, qe = [], Ke = typeof document < "u", Te = ar, Sr = oe || xt ? "cssFloat" : "float", rn = Ke && !qr && !ar && "draggable" in document.createElement("div"), Br = function() {
+var S, M, N, Z, ht, He, C, mt, Mt, ot, de, Lt, se, et, Ct = !1, Ne = !1, ke = [], Kt, st, Ge, Re, Wr, wr, te, Ft, be, pe = !1, Ae = !1, je, ft, Be = [], $e = !1, qe = [], Ke = typeof document < "u", Te = ar, Sr = Xe || xt ? "cssFloat" : "float", rn = Ke && !qr && !ar && "draggable" in document.createElement("div"), Rr = function() {
   if (Ke) {
     if (xt)
       return !1;
     var t = document.createElement("x");
     return t.style.cssText = "pointer-events:auto", t.style.pointerEvents === "auto";
   }
-}(), Rr = function(e, r) {
-  var f = L(e), n = parseInt(f.width) - parseInt(f.paddingLeft) - parseInt(f.paddingRight) - parseInt(f.borderLeftWidth) - parseInt(f.borderRightWidth), v = Qt(e, 0, r), l = Qt(e, 1, r), a = v && L(v), u = l && L(l), d = a && parseInt(a.marginLeft) + parseInt(a.marginRight) + Q(v).width, P = u && parseInt(u.marginLeft) + parseInt(u.marginRight) + Q(l).width;
+}(), Br = function(e, r) {
+  var f = m(e), n = parseInt(f.width) - parseInt(f.paddingLeft) - parseInt(f.paddingRight) - parseInt(f.borderLeftWidth) - parseInt(f.borderRightWidth), v = Qt(e, 0, r), l = Qt(e, 1, r), a = v && m(v), u = l && m(l), d = a && parseInt(a.marginLeft) + parseInt(a.marginRight) + Q(v).width, P = u && parseInt(u.marginLeft) + parseInt(u.marginRight) + Q(l).width;
   if (f.display === "flex")
     return f.flexDirection === "column" || f.flexDirection === "column-reverse" ? "vertical" : "horizontal";
   if (f.display === "grid")
@@ -1436,16 +1436,16 @@ var w, M, m, Z, ht, He, C, Vt, Mt, Xt, de, Lt, se, et, Ct = !1, Ne = !1, ke = []
     name: n
   }), f.name = n.name, f.checkPull = r(n.pull, !0), f.checkPut = r(n.put), f.revertClone = n.revertClone, e.group = f;
 }, Zr = function() {
-  !Br && m && L(m, "display", "none");
+  !Rr && N && m(N, "display", "none");
 }, Cr = function() {
-  !Br && m && L(m, "display", "");
+  !Rr && N && m(N, "display", "");
 };
 Ke && !qr && document.addEventListener("click", function(t) {
   if (Ne)
     return t.preventDefault(), t.stopPropagation && t.stopPropagation(), t.stopImmediatePropagation && t.stopImmediatePropagation(), Ne = !1, !1;
 }, !0);
 var gt = function(e) {
-  if (w) {
+  if (S) {
     e = e.touches ? e.touches[0] : e;
     var r = nn(e.clientX, e.clientY);
     if (r) {
@@ -1456,9 +1456,9 @@ var gt = function(e) {
     }
   }
 }, vn = function(e) {
-  w && w.parentNode[bt]._isOutsideThisEl(e.target);
+  S && S.parentNode[bt]._isOutsideThisEl(e.target);
 };
-function O(t, e) {
+function x(t, e) {
   if (!(t && t.nodeType && t.nodeType === 1))
     throw "Sortable: `el` must be an HTMLElement, not ".concat({}.toString.call(t));
   this.el = t, this.options = e = Ot({}, e), t[bt] = this;
@@ -1477,7 +1477,7 @@ function O(t, e) {
     // will be set to same as swapThreshold if default
     removeCloneOnHide: !0,
     direction: function() {
-      return Rr(t, this.options);
+      return Br(t, this.options);
     },
     ghostClass: "sortable-ghost",
     chosenClass: "sortable-chosen",
@@ -1505,10 +1505,10 @@ function O(t, e) {
       y: 0
     },
     // Disabled on Safari: #1571; Enabled on Safari IOS: #2244
-    supportPointer: O.supportPointer !== !1 && "PointerEvent" in window && (!le || ar),
+    supportPointer: x.supportPointer !== !1 && "PointerEvent" in window && (!le || ar),
     emptyInsertThreshold: 5
   };
-  ce.initializePlugins(this, t, r);
+  ie.initializePlugins(this, t, r);
   for (var f in r)
     !(f in e) && (e[f] = r[f]);
   Fr(e);
@@ -1516,20 +1516,20 @@ function O(t, e) {
     n.charAt(0) === "_" && typeof this[n] == "function" && (this[n] = this[n].bind(this));
   this.nativeDraggable = e.forceFallback ? !1 : rn, this.nativeDraggable && (this.options.touchStartThreshold = 1), e.supportPointer ? D(t, "pointerdown", this._onTapStart) : (D(t, "mousedown", this._onTapStart), D(t, "touchstart", this._onTapStart)), this.nativeDraggable && (D(t, "dragover", this), D(t, "dragenter", this)), ke.push(this.el), e.store && e.store.get && this.sort(e.store.get(this) || []), Ot(this, Qf());
 }
-O.prototype = /** @lends Sortable.prototype */
+x.prototype = /** @lends Sortable.prototype */
 {
-  constructor: O,
+  constructor: x,
   _isOutsideThisEl: function(e) {
     !this.el.contains(e) && e !== this.el && (Ft = null);
   },
   _getDirection: function(e, r) {
-    return typeof this.options.direction == "function" ? this.options.direction.call(this, e, r, w) : this.options.direction;
+    return typeof this.options.direction == "function" ? this.options.direction.call(this, e, r, S) : this.options.direction;
   },
   _onTapStart: function(e) {
     if (e.cancelable) {
       var r = this, f = this.el, n = this.options, v = n.preventOnFilter, l = e.type, a = e.touches && e.touches[0] || e.pointerType && e.pointerType === "touch" && e, u = (a || e).target, d = e.target.shadowRoot && (e.path && e.path[0] || e.composedPath && e.composedPath()[0]) || u, P = n.filter;
-      if (Pn(f), !w && !(/mousedown|pointerdown/.test(l) && e.button !== 0 || n.disabled) && !d.isContentEditable && !(!this.nativeDraggable && le && u && u.tagName.toUpperCase() === "SELECT") && (u = At(u, n.draggable, f, !1), !(u && u.animated) && He !== u)) {
-        if (Mt = it(u), de = it(u, n.draggable), typeof P == "function") {
+      if (Pn(f), !S && !(/mousedown|pointerdown/.test(l) && e.button !== 0 || n.disabled) && !d.isContentEditable && !(!this.nativeDraggable && le && u && u.tagName.toUpperCase() === "SELECT") && (u = At(u, n.draggable, f, !1), !(u && u.animated) && He !== u)) {
+        if (Mt = ct(u), de = ct(u, n.draggable), typeof P == "function") {
           if (P.call(this, e, u, this)) {
             at({
               sortable: r,
@@ -1565,30 +1565,30 @@ O.prototype = /** @lends Sortable.prototype */
   },
   _prepareDragStart: function(e, r, f) {
     var n = this, v = n.el, l = n.options, a = v.ownerDocument, u;
-    if (f && !w && f.parentNode === v) {
+    if (f && !S && f.parentNode === v) {
       var d = Q(f);
-      if (Z = v, w = f, M = w.parentNode, ht = w.nextSibling, He = f, se = l.group, O.dragged = w, Kt = {
-        target: w,
+      if (Z = v, S = f, M = S.parentNode, ht = S.nextSibling, He = f, se = l.group, x.dragged = S, Kt = {
+        target: S,
         clientX: (r || e).clientX,
         clientY: (r || e).clientY
-      }, Wr = Kt.clientX - d.left, wr = Kt.clientY - d.top, this._lastX = (r || e).clientX, this._lastY = (r || e).clientY, w.style["will-change"] = "all", u = function() {
+      }, Wr = Kt.clientX - d.left, wr = Kt.clientY - d.top, this._lastX = (r || e).clientX, this._lastY = (r || e).clientY, S.style["will-change"] = "all", u = function() {
         if (dt("delayEnded", n, {
           evt: e
-        }), O.eventCanceled) {
+        }), x.eventCanceled) {
           n._onDrop();
           return;
         }
-        n._disableDelayedDragEvents(), !ir && n.nativeDraggable && (w.draggable = !0), n._triggerDragStart(e, r), at({
+        n._disableDelayedDragEvents(), !cr && n.nativeDraggable && (S.draggable = !0), n._triggerDragStart(e, r), at({
           sortable: n,
           name: "choose",
           originalEvent: e
-        }), pt(w, l.chosenClass, !0);
+        }), pt(S, l.chosenClass, !0);
       }, l.ignore.split(",").forEach(function(P) {
-        Kr(w, P.trim(), Fe);
-      }), D(a, "dragover", gt), D(a, "mousemove", gt), D(a, "touchmove", gt), l.supportPointer ? (D(a, "pointerup", n._onDrop), !this.nativeDraggable && D(a, "pointercancel", n._onDrop)) : (D(a, "mouseup", n._onDrop), D(a, "touchend", n._onDrop), D(a, "touchcancel", n._onDrop)), ir && this.nativeDraggable && (this.options.touchStartThreshold = 4, w.draggable = !0), dt("delayStart", this, {
+        Kr(S, P.trim(), Fe);
+      }), D(a, "dragover", gt), D(a, "mousemove", gt), D(a, "touchmove", gt), l.supportPointer ? (D(a, "pointerup", n._onDrop), !this.nativeDraggable && D(a, "pointercancel", n._onDrop)) : (D(a, "mouseup", n._onDrop), D(a, "touchend", n._onDrop), D(a, "touchcancel", n._onDrop)), cr && this.nativeDraggable && (this.options.touchStartThreshold = 4, S.draggable = !0), dt("delayStart", this, {
         evt: e
-      }), l.delay && (!l.delayOnTouchOnly || r) && (!this.nativeDraggable || !(oe || xt))) {
-        if (O.eventCanceled) {
+      }), l.delay && (!l.delayOnTouchOnly || r) && (!this.nativeDraggable || !(Xe || xt))) {
+        if (x.eventCanceled) {
           this._onDrop();
           return;
         }
@@ -1602,14 +1602,14 @@ O.prototype = /** @lends Sortable.prototype */
     Math.max(Math.abs(r.clientX - this._lastX), Math.abs(r.clientY - this._lastY)) >= Math.floor(this.options.touchStartThreshold / (this.nativeDraggable && window.devicePixelRatio || 1)) && this._disableDelayedDrag();
   },
   _disableDelayedDrag: function() {
-    w && Fe(w), clearTimeout(this._dragStartTimer), this._disableDelayedDragEvents();
+    S && Fe(S), clearTimeout(this._dragStartTimer), this._disableDelayedDragEvents();
   },
   _disableDelayedDragEvents: function() {
     var e = this.el.ownerDocument;
     J(e, "mouseup", this._disableDelayedDrag), J(e, "touchend", this._disableDelayedDrag), J(e, "touchcancel", this._disableDelayedDrag), J(e, "pointerup", this._disableDelayedDrag), J(e, "pointercancel", this._disableDelayedDrag), J(e, "mousemove", this._delayedDragTouchMoveHandler), J(e, "touchmove", this._delayedDragTouchMoveHandler), J(e, "pointermove", this._delayedDragTouchMoveHandler);
   },
   _triggerDragStart: function(e, r) {
-    r = r || e.pointerType == "touch" && e, !this.nativeDraggable || r ? this.options.supportPointer ? D(document, "pointermove", this._onTouchMove) : r ? D(document, "touchmove", this._onTouchMove) : D(document, "mousemove", this._onTouchMove) : (D(w, "dragend", this), D(Z, "dragstart", this._onDragStart));
+    r = r || e.pointerType == "touch" && e, !this.nativeDraggable || r ? this.options.supportPointer ? D(document, "pointermove", this._onTouchMove) : r ? D(document, "touchmove", this._onTouchMove) : D(document, "mousemove", this._onTouchMove) : (D(S, "dragend", this), D(Z, "dragstart", this._onDragStart));
     try {
       document.selection ? Oe(function() {
         document.selection.empty();
@@ -1618,12 +1618,12 @@ O.prototype = /** @lends Sortable.prototype */
     }
   },
   _dragStarted: function(e, r) {
-    if (Ct = !1, Z && w) {
+    if (Ct = !1, Z && S) {
       dt("dragStarted", this, {
         evt: r
       }), this.nativeDraggable && D(document, "dragover", vn);
       var f = this.options;
-      !e && pt(w, f.dragClass, !1), pt(w, f.ghostClass, !0), O.active = this, e && this._appendGhost(), at({
+      !e && pt(S, f.dragClass, !1), pt(S, f.ghostClass, !0), x.active = this, e && this._appendGhost(), at({
         sortable: this,
         name: "start",
         originalEvent: r
@@ -1636,7 +1636,7 @@ O.prototype = /** @lends Sortable.prototype */
       this._lastX = st.clientX, this._lastY = st.clientY, Zr();
       for (var e = document.elementFromPoint(st.clientX, st.clientY), r = e; e && e.shadowRoot && (e = e.shadowRoot.elementFromPoint(st.clientX, st.clientY), e !== r); )
         r = e;
-      if (w.parentNode[bt]._isOutsideThisEl(e), r)
+      if (S.parentNode[bt]._isOutsideThisEl(e), r)
         do {
           if (r[bt]) {
             var f = void 0;
@@ -1655,14 +1655,14 @@ O.prototype = /** @lends Sortable.prototype */
   },
   _onTouchMove: function(e) {
     if (Kt) {
-      var r = this.options, f = r.fallbackTolerance, n = r.fallbackOffset, v = e.touches ? e.touches[0] : e, l = m && Et(m, !0), a = m && l && l.a, u = m && l && l.d, d = Te && ft && Tr(ft), P = (v.clientX - Kt.clientX + n.x) / (a || 1) + (d ? d[0] - Re[0] : 0) / (a || 1), b = (v.clientY - Kt.clientY + n.y) / (u || 1) + (d ? d[1] - Re[1] : 0) / (u || 1);
-      if (!O.active && !Ct) {
+      var r = this.options, f = r.fallbackTolerance, n = r.fallbackOffset, v = e.touches ? e.touches[0] : e, l = N && Et(N, !0), a = N && l && l.a, u = N && l && l.d, d = Te && ft && Tr(ft), P = (v.clientX - Kt.clientX + n.x) / (a || 1) + (d ? d[0] - Be[0] : 0) / (a || 1), b = (v.clientY - Kt.clientY + n.y) / (u || 1) + (d ? d[1] - Be[1] : 0) / (u || 1);
+      if (!x.active && !Ct) {
         if (f && Math.max(Math.abs(v.clientX - this._lastX), Math.abs(v.clientY - this._lastY)) < f)
           return;
         this._onDragStart(e, !0);
       }
-      if (m) {
-        l ? (l.e += P - (Ge || 0), l.f += b - (Be || 0)) : l = {
+      if (N) {
+        l ? (l.e += P - (Ge || 0), l.f += b - (Re || 0)) : l = {
           a: 1,
           b: 0,
           c: 0,
@@ -1671,120 +1671,120 @@ O.prototype = /** @lends Sortable.prototype */
           f: b
         };
         var p = "matrix(".concat(l.a, ",").concat(l.b, ",").concat(l.c, ",").concat(l.d, ",").concat(l.e, ",").concat(l.f, ")");
-        L(m, "webkitTransform", p), L(m, "mozTransform", p), L(m, "msTransform", p), L(m, "transform", p), Ge = P, Be = b, st = v;
+        m(N, "webkitTransform", p), m(N, "mozTransform", p), m(N, "msTransform", p), m(N, "transform", p), Ge = P, Re = b, st = v;
       }
       e.cancelable && e.preventDefault();
     }
   },
   _appendGhost: function() {
-    if (!m) {
-      var e = this.options.fallbackOnBody ? document.body : Z, r = Q(w, !0, Te, !0, e), f = this.options;
+    if (!N) {
+      var e = this.options.fallbackOnBody ? document.body : Z, r = Q(S, !0, Te, !0, e), f = this.options;
       if (Te) {
-        for (ft = e; L(ft, "position") === "static" && L(ft, "transform") === "none" && ft !== document; )
+        for (ft = e; m(ft, "position") === "static" && m(ft, "transform") === "none" && ft !== document; )
           ft = ft.parentNode;
-        ft !== document.body && ft !== document.documentElement ? (ft === document && (ft = wt()), r.top += ft.scrollTop, r.left += ft.scrollLeft) : ft = wt(), Re = Tr(ft);
+        ft !== document.body && ft !== document.documentElement ? (ft === document && (ft = wt()), r.top += ft.scrollTop, r.left += ft.scrollLeft) : ft = wt(), Be = Tr(ft);
       }
-      m = w.cloneNode(!0), pt(m, f.ghostClass, !1), pt(m, f.fallbackClass, !0), pt(m, f.dragClass, !0), L(m, "transition", ""), L(m, "transform", ""), L(m, "box-sizing", "border-box"), L(m, "margin", 0), L(m, "top", r.top), L(m, "left", r.left), L(m, "width", r.width), L(m, "height", r.height), L(m, "opacity", "0.8"), L(m, "position", Te ? "absolute" : "fixed"), L(m, "zIndex", "100000"), L(m, "pointerEvents", "none"), O.ghost = m, e.appendChild(m), L(m, "transform-origin", Wr / parseInt(m.style.width) * 100 + "% " + wr / parseInt(m.style.height) * 100 + "%");
+      N = S.cloneNode(!0), pt(N, f.ghostClass, !1), pt(N, f.fallbackClass, !0), pt(N, f.dragClass, !0), m(N, "transition", ""), m(N, "transform", ""), m(N, "box-sizing", "border-box"), m(N, "margin", 0), m(N, "top", r.top), m(N, "left", r.left), m(N, "width", r.width), m(N, "height", r.height), m(N, "opacity", "0.8"), m(N, "position", Te ? "absolute" : "fixed"), m(N, "zIndex", "100000"), m(N, "pointerEvents", "none"), x.ghost = N, e.appendChild(N), m(N, "transform-origin", Wr / parseInt(N.style.width) * 100 + "% " + wr / parseInt(N.style.height) * 100 + "%");
     }
   },
   _onDragStart: function(e, r) {
     var f = this, n = e.dataTransfer, v = f.options;
     if (dt("dragStart", this, {
       evt: e
-    }), O.eventCanceled) {
+    }), x.eventCanceled) {
       this._onDrop();
       return;
     }
-    dt("setupClone", this), O.eventCanceled || (C = Ur(w), C.removeAttribute("id"), C.draggable = !1, C.style["will-change"] = "", this._hideClone(), pt(C, this.options.chosenClass, !1), O.clone = C), f.cloneId = Oe(function() {
-      dt("clone", f), !O.eventCanceled && (f.options.removeCloneOnHide || Z.insertBefore(C, w), f._hideClone(), at({
+    dt("setupClone", this), x.eventCanceled || (C = Ur(S), C.removeAttribute("id"), C.draggable = !1, C.style["will-change"] = "", this._hideClone(), pt(C, this.options.chosenClass, !1), x.clone = C), f.cloneId = Oe(function() {
+      dt("clone", f), !x.eventCanceled && (f.options.removeCloneOnHide || Z.insertBefore(C, S), f._hideClone(), at({
         sortable: f,
         name: "clone"
       }));
-    }), !r && pt(w, v.dragClass, !0), r ? (Ne = !0, f._loopId = setInterval(f._emulateDragOver, 50)) : (J(document, "mouseup", f._onDrop), J(document, "touchend", f._onDrop), J(document, "touchcancel", f._onDrop), n && (n.effectAllowed = "move", v.setData && v.setData.call(f, n, w)), D(document, "drop", f), L(w, "transform", "translateZ(0)")), Ct = !0, f._dragStartId = Oe(f._dragStarted.bind(f, r, e)), D(document, "selectstart", f), te = !0, window.getSelection().removeAllRanges(), le && L(document.body, "user-select", "none");
+    }), !r && pt(S, v.dragClass, !0), r ? (Ne = !0, f._loopId = setInterval(f._emulateDragOver, 50)) : (J(document, "mouseup", f._onDrop), J(document, "touchend", f._onDrop), J(document, "touchcancel", f._onDrop), n && (n.effectAllowed = "move", v.setData && v.setData.call(f, n, S)), D(document, "drop", f), m(S, "transform", "translateZ(0)")), Ct = !0, f._dragStartId = Oe(f._dragStarted.bind(f, r, e)), D(document, "selectstart", f), te = !0, window.getSelection().removeAllRanges(), le && m(document.body, "user-select", "none");
   },
   // Returns true - if no further action is needed (either inserted or another condition)
   _onDragOver: function(e) {
-    var r = this.el, f = e.target, n, v, l, a = this.options, u = a.group, d = O.active, P = se === u, b = a.sort, p = et || d, i, A = this, T = !1;
+    var r = this.el, f = e.target, n, v, l, a = this.options, u = a.group, d = x.active, P = se === u, b = a.sort, p = et || d, c, s = this, A = !1;
     if ($e) return;
-    function s(yt, _t) {
-      dt(yt, A, St({
+    function T(yt, _t) {
+      dt(yt, s, St({
         evt: e,
         isOwner: P,
-        axis: i ? "vertical" : "horizontal",
+        axis: c ? "vertical" : "horizontal",
         revert: l,
         dragRect: n,
         targetRect: v,
         canSort: b,
         fromSortable: p,
         target: f,
-        completed: S,
-        onMove: function(Xr, Qr) {
-          return We(Z, r, w, n, Xr, Q(Xr), e, Qr);
+        completed: y,
+        onMove: function(or, Qr) {
+          return We(Z, r, S, n, or, Q(or), e, Qr);
         },
-        changed: N
+        changed: O
       }, _t));
     }
-    function y() {
-      s("dragOverAnimationCapture"), A.captureAnimationState(), A !== p && p.captureAnimationState();
+    function W() {
+      T("dragOverAnimationCapture"), s.captureAnimationState(), s !== p && p.captureAnimationState();
     }
-    function S(yt) {
-      return s("dragOverCompleted", {
+    function y(yt) {
+      return T("dragOverCompleted", {
         insertion: yt
-      }), yt && (P ? d._hideClone() : d._showClone(A), A !== p && (pt(w, et ? et.options.ghostClass : d.options.ghostClass, !1), pt(w, a.ghostClass, !0)), et !== A && A !== O.active ? et = A : A === O.active && et && (et = null), p === A && (A._ignoreWhileAnimating = f), A.animateAll(function() {
-        s("dragOverAnimationComplete"), A._ignoreWhileAnimating = null;
-      }), A !== p && (p.animateAll(), p._ignoreWhileAnimating = null)), (f === w && !w.animated || f === r && !f.animated) && (Ft = null), !a.dragoverBubble && !e.rootEl && f !== document && (w.parentNode[bt]._isOutsideThisEl(e.target), !yt && gt(e)), !a.dragoverBubble && e.stopPropagation && e.stopPropagation(), T = !0;
+      }), yt && (P ? d._hideClone() : d._showClone(s), s !== p && (pt(S, et ? et.options.ghostClass : d.options.ghostClass, !1), pt(S, a.ghostClass, !0)), et !== s && s !== x.active ? et = s : s === x.active && et && (et = null), p === s && (s._ignoreWhileAnimating = f), s.animateAll(function() {
+        T("dragOverAnimationComplete"), s._ignoreWhileAnimating = null;
+      }), s !== p && (p.animateAll(), p._ignoreWhileAnimating = null)), (f === S && !S.animated || f === r && !f.animated) && (Ft = null), !a.dragoverBubble && !e.rootEl && f !== document && (S.parentNode[bt]._isOutsideThisEl(e.target), !yt && gt(e)), !a.dragoverBubble && e.stopPropagation && e.stopPropagation(), A = !0;
     }
-    function N() {
-      Xt = it(w), Lt = it(w, a.draggable), at({
-        sortable: A,
+    function O() {
+      ot = ct(S), Lt = ct(S, a.draggable), at({
+        sortable: s,
         name: "change",
         toEl: r,
-        newIndex: Xt,
+        newIndex: ot,
         newDraggableIndex: Lt,
         originalEvent: e
       });
     }
-    if (e.preventDefault !== void 0 && e.cancelable && e.preventDefault(), f = At(f, a.draggable, r, !0), s("dragOver"), O.eventCanceled) return T;
-    if (w.contains(e.target) || f.animated && f.animatingX && f.animatingY || A._ignoreWhileAnimating === f)
-      return S(!1);
-    if (Ne = !1, d && !a.disabled && (P ? b || (l = M !== Z) : et === this || (this.lastPutMode = se.checkPull(this, d, w, e)) && u.checkPut(this, d, w, e))) {
-      if (i = this._getDirection(e, f) === "vertical", n = Q(w), s("dragOverValid"), O.eventCanceled) return T;
+    if (e.preventDefault !== void 0 && e.cancelable && e.preventDefault(), f = At(f, a.draggable, r, !0), T("dragOver"), x.eventCanceled) return A;
+    if (S.contains(e.target) || f.animated && f.animatingX && f.animatingY || s._ignoreWhileAnimating === f)
+      return y(!1);
+    if (Ne = !1, d && !a.disabled && (P ? b || (l = M !== Z) : et === this || (this.lastPutMode = se.checkPull(this, d, S, e)) && u.checkPut(this, d, S, e))) {
+      if (c = this._getDirection(e, f) === "vertical", n = Q(S), T("dragOverValid"), x.eventCanceled) return A;
       if (l)
-        return M = Z, y(), this._hideClone(), s("revert"), O.eventCanceled || (ht ? Z.insertBefore(w, ht) : Z.appendChild(w)), S(!0);
-      var H = lr(r, a.draggable);
-      if (!H || dn(e, i, this) && !H.animated) {
-        if (H === w)
-          return S(!1);
-        if (H && r === e.target && (f = H), f && (v = Q(f)), We(Z, r, w, n, f, v, e, !!f) !== !1)
-          return y(), H && H.nextSibling ? r.insertBefore(w, H.nextSibling) : r.appendChild(w), M = r, N(), S(!0);
-      } else if (H && un(e, i, this)) {
+        return M = Z, W(), this._hideClone(), T("revert"), x.eventCanceled || (ht ? Z.insertBefore(S, ht) : Z.appendChild(S)), y(!0);
+      var z = lr(r, a.draggable);
+      if (!z || dn(e, c, this) && !z.animated) {
+        if (z === S)
+          return y(!1);
+        if (z && r === e.target && (f = z), f && (v = Q(f)), We(Z, r, S, n, f, v, e, !!f) !== !1)
+          return W(), z && z.nextSibling ? r.insertBefore(S, z.nextSibling) : r.appendChild(S), M = r, O(), y(!0);
+      } else if (z && un(e, c, this)) {
         var k = Qt(r, 0, a, !0);
-        if (k === w)
-          return S(!1);
-        if (f = k, v = Q(f), We(Z, r, w, n, f, v, e, !1) !== !1)
-          return y(), r.insertBefore(w, k), M = r, N(), S(!0);
+        if (k === S)
+          return y(!1);
+        if (f = k, v = Q(f), We(Z, r, S, n, f, v, e, !1) !== !1)
+          return W(), r.insertBefore(S, k), M = r, O(), y(!0);
       } else if (f.parentNode === r) {
         v = Q(f);
-        var z = 0, x, W = w.parentNode !== r, V = !fn(w.animated && w.toRect || n, f.animated && f.toRect || v, i), q = i ? "top" : "left", K = Ar(f, "top", "top") || Ar(w, "top", "top"), R = K ? K.scrollTop : void 0;
-        Ft !== f && (x = v[q], pe = !1, Ae = !V && a.invertSwap || W), z = bn(e, f, v, i, V ? 1 : a.swapThreshold, a.invertedSwapThreshold == null ? a.swapThreshold : a.invertedSwapThreshold, Ae, Ft === f);
+        var H = 0, L, w = S.parentNode !== r, V = !fn(S.animated && S.toRect || n, f.animated && f.toRect || v, c), q = c ? "top" : "left", K = Ar(f, "top", "top") || Ar(S, "top", "top"), B = K ? K.scrollTop : void 0;
+        Ft !== f && (L = v[q], pe = !1, Ae = !V && a.invertSwap || w), H = bn(e, f, v, c, V ? 1 : a.swapThreshold, a.invertedSwapThreshold == null ? a.swapThreshold : a.invertedSwapThreshold, Ae, Ft === f);
         var F;
-        if (z !== 0) {
-          var g = it(w);
+        if (H !== 0) {
+          var g = ct(S);
           do
-            g -= z, F = M.children[g];
-          while (F && (L(F, "display") === "none" || F === m));
+            g -= H, F = M.children[g];
+          while (F && (m(F, "display") === "none" || F === N));
         }
-        if (z === 0 || F === f)
-          return S(!1);
-        Ft = f, be = z;
+        if (H === 0 || F === f)
+          return y(!1);
+        Ft = f, be = H;
         var vt = f.nextElementSibling, $ = !1;
-        $ = z === 1;
-        var ct = We(Z, r, w, n, f, v, e, $);
-        if (ct !== !1)
-          return (ct === 1 || ct === -1) && ($ = ct === 1), $e = !0, setTimeout(ln, 30), y(), $ && !vt ? r.appendChild(w) : f.parentNode.insertBefore(w, $ ? vt : f), K && hr(K, 0, R - K.scrollTop), M = w.parentNode, x !== void 0 && !Ae && (je = Math.abs(x - Q(f)[q])), N(), S(!0);
+        $ = H === 1;
+        var it = We(Z, r, S, n, f, v, e, $);
+        if (it !== !1)
+          return (it === 1 || it === -1) && ($ = it === 1), $e = !0, setTimeout(ln, 30), W(), $ && !vt ? r.appendChild(S) : f.parentNode.insertBefore(S, $ ? vt : f), K && hr(K, 0, B - K.scrollTop), M = S.parentNode, L !== void 0 && !Ae && (je = Math.abs(L - Q(f)[q])), O(), y(!0);
       }
-      if (r.contains(w))
-        return S(!1);
+      if (r.contains(S))
+        return y(!1);
     }
     return !1;
   },
@@ -1798,20 +1798,20 @@ O.prototype = /** @lends Sortable.prototype */
   },
   _onDrop: function(e) {
     var r = this.el, f = this.options;
-    if (Xt = it(w), Lt = it(w, f.draggable), dt("drop", this, {
+    if (ot = ct(S), Lt = ct(S, f.draggable), dt("drop", this, {
       evt: e
-    }), M = w && w.parentNode, Xt = it(w), Lt = it(w, f.draggable), O.eventCanceled) {
+    }), M = S && S.parentNode, ot = ct(S), Lt = ct(S, f.draggable), x.eventCanceled) {
       this._nulling();
       return;
     }
-    Ct = !1, Ae = !1, pe = !1, clearInterval(this._loopId), clearTimeout(this._dragStartTimer), _e(this.cloneId), _e(this._dragStartId), this.nativeDraggable && (J(document, "drop", this), J(r, "dragstart", this._onDragStart)), this._offMoveEvents(), this._offUpEvents(), le && L(document.body, "user-select", ""), L(w, "transform", ""), e && (te && (e.cancelable && e.preventDefault(), !f.dropBubble && e.stopPropagation()), m && m.parentNode && m.parentNode.removeChild(m), (Z === M || et && et.lastPutMode !== "clone") && C && C.parentNode && C.parentNode.removeChild(C), w && (this.nativeDraggable && J(w, "dragend", this), Fe(w), w.style["will-change"] = "", te && !Ct && pt(w, et ? et.options.ghostClass : this.options.ghostClass, !1), pt(w, this.options.chosenClass, !1), at({
+    Ct = !1, Ae = !1, pe = !1, clearInterval(this._loopId), clearTimeout(this._dragStartTimer), _e(this.cloneId), _e(this._dragStartId), this.nativeDraggable && (J(document, "drop", this), J(r, "dragstart", this._onDragStart)), this._offMoveEvents(), this._offUpEvents(), le && m(document.body, "user-select", ""), m(S, "transform", ""), e && (te && (e.cancelable && e.preventDefault(), !f.dropBubble && e.stopPropagation()), N && N.parentNode && N.parentNode.removeChild(N), (Z === M || et && et.lastPutMode !== "clone") && C && C.parentNode && C.parentNode.removeChild(C), S && (this.nativeDraggable && J(S, "dragend", this), Fe(S), S.style["will-change"] = "", te && !Ct && pt(S, et ? et.options.ghostClass : this.options.ghostClass, !1), pt(S, this.options.chosenClass, !1), at({
       sortable: this,
       name: "unchoose",
       toEl: M,
       newIndex: null,
       newDraggableIndex: null,
       originalEvent: e
-    }), Z !== M ? (Xt >= 0 && (at({
+    }), Z !== M ? (ot >= 0 && (at({
       rootEl: M,
       name: "add",
       toEl: M,
@@ -1833,7 +1833,7 @@ O.prototype = /** @lends Sortable.prototype */
       name: "sort",
       toEl: M,
       originalEvent: e
-    })), et && et.save()) : Xt !== Mt && Xt >= 0 && (at({
+    })), et && et.save()) : ot !== Mt && ot >= 0 && (at({
       sortable: this,
       name: "update",
       toEl: M,
@@ -1843,7 +1843,7 @@ O.prototype = /** @lends Sortable.prototype */
       name: "sort",
       toEl: M,
       originalEvent: e
-    })), O.active && ((Xt == null || Xt === -1) && (Xt = Mt, Lt = de), at({
+    })), x.active && ((ot == null || ot === -1) && (ot = Mt, Lt = de), at({
       sortable: this,
       name: "end",
       toEl: M,
@@ -1851,9 +1851,9 @@ O.prototype = /** @lends Sortable.prototype */
     }), this.save()))), this._nulling();
   },
   _nulling: function() {
-    dt("nulling", this), Z = w = M = m = ht = C = He = Vt = Kt = st = te = Xt = Lt = Mt = de = Ft = be = et = se = O.dragged = O.ghost = O.clone = O.active = null, qe.forEach(function(e) {
+    dt("nulling", this), Z = S = M = N = ht = C = He = mt = Kt = st = te = ot = Lt = Mt = de = Ft = be = et = se = x.dragged = x.ghost = x.clone = x.active = null, qe.forEach(function(e) {
       e.checked = !0;
-    }), qe.length = Ge = Be = 0;
+    }), qe.length = Ge = Re = 0;
   },
   handleEvent: function(e) {
     switch (e.type) {
@@ -1863,7 +1863,7 @@ O.prototype = /** @lends Sortable.prototype */
         break;
       case "dragenter":
       case "dragover":
-        w && (this._onDragOver(e), an(e));
+        S && (this._onDragOver(e), an(e));
         break;
       case "selectstart":
         e.preventDefault();
@@ -1876,7 +1876,7 @@ O.prototype = /** @lends Sortable.prototype */
    */
   toArray: function() {
     for (var e = [], r, f = this.el.children, n = 0, v = f.length, l = this.options; n < v; n++)
-      r = f[n], At(r, l.draggable, this.el, !1) && e.push(r.getAttribute(l.dataIdAttr) || Xn(r));
+      r = f[n], At(r, l.draggable, this.el, !1) && e.push(r.getAttribute(l.dataIdAttr) || on(r));
     return e;
   },
   /**
@@ -1918,7 +1918,7 @@ O.prototype = /** @lends Sortable.prototype */
     var f = this.options;
     if (r === void 0)
       return f[e];
-    var n = ce.modifyOption(this, e, r);
+    var n = ie.modifyOption(this, e, r);
     typeof n < "u" ? f[e] = n : f[e] = r, e === "group" && Fr(f);
   },
   /**
@@ -1932,9 +1932,9 @@ O.prototype = /** @lends Sortable.prototype */
     }), this._onDrop(), this._disableDelayedDragEvents(), ke.splice(ke.indexOf(this.el), 1), this.el = e = null;
   },
   _hideClone: function() {
-    if (!Vt) {
-      if (dt("hideClone", this), O.eventCanceled) return;
-      L(C, "display", "none"), this.options.removeCloneOnHide && C.parentNode && C.parentNode.removeChild(C), Vt = !0;
+    if (!mt) {
+      if (dt("hideClone", this), x.eventCanceled) return;
+      m(C, "display", "none"), this.options.removeCloneOnHide && C.parentNode && C.parentNode.removeChild(C), mt = !0;
     }
   },
   _showClone: function(e) {
@@ -1942,9 +1942,9 @@ O.prototype = /** @lends Sortable.prototype */
       this._hideClone();
       return;
     }
-    if (Vt) {
-      if (dt("showClone", this), O.eventCanceled) return;
-      w.parentNode == Z && !this.options.group.revertClone ? Z.insertBefore(C, w) : ht ? Z.insertBefore(C, ht) : Z.appendChild(C), this.options.group.revertClone && this.animate(w, C), L(C, "display", ""), Vt = !1;
+    if (mt) {
+      if (dt("showClone", this), x.eventCanceled) return;
+      S.parentNode == Z && !this.options.group.revertClone ? Z.insertBefore(C, S) : ht ? Z.insertBefore(C, ht) : Z.appendChild(C), this.options.group.revertClone && this.animate(S, C), m(C, "display", ""), mt = !1;
     }
   }
 };
@@ -1953,7 +1953,7 @@ function an(t) {
 }
 function We(t, e, r, f, n, v, l, a) {
   var u, d = t[bt], P = d.options.onMove, b;
-  return window.CustomEvent && !xt && !oe ? u = new CustomEvent("move", {
+  return window.CustomEvent && !xt && !Xe ? u = new CustomEvent("move", {
     bubbles: !0,
     cancelable: !0
   }) : (u = document.createEvent("Event"), u.initEvent("move", !0, !0)), u.to = e, u.from = t, u.dragged = r, u.draggedRect = f, u.related = n || e, u.relatedRect = v || Q(e), u.willInsertAfter = a, u.originalEvent = l, t.dispatchEvent(u), P && (b = P.call(d, u, l)), b;
@@ -1965,11 +1965,11 @@ function ln() {
   $e = !1;
 }
 function un(t, e, r) {
-  var f = Q(Qt(r.el, 0, r.options, !0)), n = Gr(r.el, r.options, m), v = 10;
+  var f = Q(Qt(r.el, 0, r.options, !0)), n = Gr(r.el, r.options, N), v = 10;
   return e ? t.clientX < n.left - v || t.clientY < f.top && t.clientX < f.right : t.clientY < n.top - v || t.clientY < f.bottom && t.clientX < f.left;
 }
 function dn(t, e, r) {
-  var f = Q(lr(r.el, r.options.draggable)), n = Gr(r.el, r.options, m), v = 10;
+  var f = Q(lr(r.el, r.options.draggable)), n = Gr(r.el, r.options, N), v = 10;
   return e ? t.clientX > n.right + v || t.clientY > f.bottom && t.clientX > f.left : t.clientY > n.bottom + v || t.clientX > f.right && t.clientY > f.top;
 }
 function bn(t, e, r, f, n, v, l, a) {
@@ -1986,9 +1986,9 @@ function bn(t, e, r, f, n, v, l, a) {
   return p = p || l, p && (u < P + d * v / 2 || u > b - d * v / 2) ? u > P + d / 2 ? 1 : -1 : 0;
 }
 function pn(t) {
-  return it(w) < it(t) ? 1 : -1;
+  return ct(S) < ct(t) ? 1 : -1;
 }
-function Xn(t) {
+function on(t) {
   for (var e = t.tagName + t.className + t.src + t.href + t.textContent, r = e.length, f = 0; r--; )
     f += e.charCodeAt(r);
   return f.toString(36);
@@ -2007,12 +2007,12 @@ function _e(t) {
   return clearTimeout(t);
 }
 Ke && D(document, "touchmove", function(t) {
-  (O.active || Ct) && t.cancelable && t.preventDefault();
+  (x.active || Ct) && t.cancelable && t.preventDefault();
 });
-O.utils = {
+x.utils = {
   on: D,
   off: J,
-  css: L,
+  css: m,
   find: Kr,
   is: function(e, r) {
     return !!At(e, r, e, !1);
@@ -2022,31 +2022,31 @@ O.utils = {
   closest: At,
   toggleClass: pt,
   clone: Ur,
-  index: it,
+  index: ct,
   nextTick: Oe,
   cancelNextTick: _e,
-  detectDirection: Rr,
+  detectDirection: Br,
   getChild: Qt,
   expando: bt
 };
-O.get = function(t) {
+x.get = function(t) {
   return t[bt];
 };
-O.mount = function() {
+x.mount = function() {
   for (var t = arguments.length, e = new Array(t), r = 0; r < t; r++)
     e[r] = arguments[r];
   e[0].constructor === Array && (e = e[0]), e.forEach(function(f) {
     if (!f.prototype || !f.prototype.constructor)
       throw "Sortable: Mounted plugin must be a constructor function, not ".concat({}.toString.call(f));
-    f.utils && (O.utils = St(St({}, O.utils), f.utils)), ce.mount(f);
+    f.utils && (x.utils = St(St({}, x.utils), f.utils)), ie.mount(f);
   });
 };
-O.create = function(t, e) {
-  return new O(t, e);
+x.create = function(t, e) {
+  return new x(t, e);
 };
-O.version = Mf;
+x.version = Mf;
 var E = [], ee, tr, er = !1, Ze, Ce, Je, re;
-function on() {
+function Xn() {
   function t() {
     this.defaults = {
       scroll: !0,
@@ -2078,7 +2078,7 @@ function on() {
     },
     _handleAutoScroll: function(r, f) {
       var n = this, v = (r.touches ? r.touches[0] : r).clientX, l = (r.touches ? r.touches[0] : r).clientY, a = document.elementFromPoint(v, l);
-      if (Je = r, f || this.options.forceAutoScrollFallback || oe || xt || le) {
+      if (Je = r, f || this.options.forceAutoScrollFallback || Xe || xt || le) {
         Me(r, this.options, a, f);
         var u = Nt(a, !0);
         er && (!re || v !== Ze || l !== Ce) && (re && yr(), re = setInterval(function() {
@@ -2112,16 +2112,16 @@ var Me = gr(function(t, e, r, f) {
     tr !== r && (tr = r, xe(), ee = e.scroll, P = e.scrollFn, ee === !0 && (ee = Nt(r, !0)));
     var b = 0, p = ee;
     do {
-      var i = p, A = Q(i), T = A.top, s = A.bottom, y = A.left, S = A.right, N = A.width, H = A.height, k = void 0, z = void 0, x = i.scrollWidth, W = i.scrollHeight, V = L(i), q = i.scrollLeft, K = i.scrollTop;
-      i === u ? (k = N < x && (V.overflowX === "auto" || V.overflowX === "scroll" || V.overflowX === "visible"), z = H < W && (V.overflowY === "auto" || V.overflowY === "scroll" || V.overflowY === "visible")) : (k = N < x && (V.overflowX === "auto" || V.overflowX === "scroll"), z = H < W && (V.overflowY === "auto" || V.overflowY === "scroll"));
-      var R = k && (Math.abs(S - n) <= l && q + N < x) - (Math.abs(y - n) <= l && !!q), F = z && (Math.abs(s - v) <= l && K + H < W) - (Math.abs(T - v) <= l && !!K);
+      var c = p, s = Q(c), A = s.top, T = s.bottom, W = s.left, y = s.right, O = s.width, z = s.height, k = void 0, H = void 0, L = c.scrollWidth, w = c.scrollHeight, V = m(c), q = c.scrollLeft, K = c.scrollTop;
+      c === u ? (k = O < L && (V.overflowX === "auto" || V.overflowX === "scroll" || V.overflowX === "visible"), H = z < w && (V.overflowY === "auto" || V.overflowY === "scroll" || V.overflowY === "visible")) : (k = O < L && (V.overflowX === "auto" || V.overflowX === "scroll"), H = z < w && (V.overflowY === "auto" || V.overflowY === "scroll"));
+      var B = k && (Math.abs(y - n) <= l && q + O < L) - (Math.abs(W - n) <= l && !!q), F = H && (Math.abs(T - v) <= l && K + z < w) - (Math.abs(A - v) <= l && !!K);
       if (!E[b])
         for (var g = 0; g <= b; g++)
           E[g] || (E[g] = {});
-      (E[b].vx != R || E[b].vy != F || E[b].el !== i) && (E[b].el = i, E[b].vx = R, E[b].vy = F, clearInterval(E[b].pid), (R != 0 || F != 0) && (d = !0, E[b].pid = setInterval((function() {
-        f && this.layer === 0 && O.active._onTouchMove(Je);
+      (E[b].vx != B || E[b].vy != F || E[b].el !== c) && (E[b].el = c, E[b].vx = B, E[b].vy = F, clearInterval(E[b].pid), (B != 0 || F != 0) && (d = !0, E[b].pid = setInterval((function() {
+        f && this.layer === 0 && x.active._onTouchMove(Je);
         var vt = E[this.layer].vy ? E[this.layer].vy * a : 0, $ = E[this.layer].vx ? E[this.layer].vx * a : 0;
-        typeof P == "function" && P.call(O.dragged.parentNode[bt], $, vt, t, Je, E[this.layer].el) !== "continue" || hr(E[this.layer].el, $, vt);
+        typeof P == "function" && P.call(x.dragged.parentNode[bt], $, vt, t, Je, E[this.layer].el) !== "continue" || hr(E[this.layer].el, $, vt);
       }).bind({
         layer: b
       }), 24))), b++;
@@ -2171,8 +2171,8 @@ dr.prototype = {
 Ot(dr, {
   pluginName: "removeOnSpill"
 });
-O.mount(new on());
-O.mount(dr, ur);
+x.mount(new Xn());
+x.mount(dr, ur);
 const cn = /* @__PURE__ */ _({
   __name: "BlockBrowser",
   setup(t) {
@@ -2182,7 +2182,7 @@ const cn = /* @__PURE__ */ _({
     }) : []), f = Y(() => Ht.value ? Object.values(Ht.value).length : 0);
     function n() {
       const v = document.getElementById("available-blocks-list");
-      v && f.value && new O(v, {
+      v && f.value && new x(v, {
         animation: 150,
         ghostClass: "sortable-ghost",
         chosenClass: "sortable-chosen",
@@ -2195,11 +2195,11 @@ const cn = /* @__PURE__ */ _({
         sort: !1
       });
     }
-    return Bt(() => {
+    return Rt(() => {
       n();
-    }), (v, l) => (X(), o("div", { class: "block-browser" }, [
-      c("div", { class: "block-browser-header border-b border-gray-300 bg-white px-5 py-3" }, [
-        lt(c("input", {
+    }), (v, l) => (o(), X("div", { class: "block-browser" }, [
+      i("div", { class: "block-browser-header border-b border-gray-300 bg-white px-5 py-3" }, [
+        lt(i("input", {
           "onUpdate:modelValue": l[0] || (l[0] = (a) => e.value = a),
           type: "text",
           placeholder: "Search blocks",
@@ -2208,25 +2208,25 @@ const cn = /* @__PURE__ */ _({
           [Zt, e.value]
         ])
       ]),
-      f.value ? r.value.length ? (X(), o("div", {
+      f.value ? r.value.length ? (o(), X("div", {
         key: 2,
         id: "available-blocks-list",
         class: "available-blocks-grid"
       }, [
-        (X(!0), o(tt, null, nt(r.value, (a) => (X(), ut(Rf, {
+        (o(!0), X(tt, null, nt(r.value, (a) => (o(), ut(Bf, {
           key: a.type,
           block: a
         }, null, 8, ["block"]))), 128))
-      ])) : (X(), o("div", {
+      ])) : (o(), X("div", {
         key: 1,
         class: "p-5 text-center text-sm text-zinc-500"
-      }, "No blocks found")) : (X(), o("div", {
+      }, "No blocks found")) : (o(), X("div", {
         key: 0,
         class: "p-5 text-center text-sm text-zinc-500"
       }, [
-        c("p", null, "Create your first block to get started."),
-        c("p", { class: "mt-3" }, [
-          c("a", {
+        i("p", null, "Create your first block to get started."),
+        i("p", { class: "mt-3" }, [
+          i("a", {
             href: "https://github.com/sano-io/page-builder/tree/main/blocks",
             target: "_blank",
             class: "text-blue-600 underline underline-offset-2 hover:text-blue-800"
@@ -2263,133 +2263,133 @@ const cn = /* @__PURE__ */ _({
     function v() {
       if (e.fieldConfig.maxItems && f.value.length >= e.fieldConfig.maxItems)
         return;
-      const b = crypto.randomUUID(), p = typeof e.fieldConfig.default == "object" ? e.fieldConfig.default : {}, i = { id: b, ...p };
-      f.value = [...f.value, i], n.value.push(b);
+      const b = crypto.randomUUID(), p = typeof e.fieldConfig.default == "object" ? e.fieldConfig.default : {}, c = { id: b, ...p };
+      f.value = [...f.value, c], n.value.push(b);
     }
     function l(b) {
-      var i;
+      var c;
       if (e.fieldConfig.minItems && f.value.length <= e.fieldConfig.minItems)
         return;
-      const p = (i = f.value[b]) == null ? void 0 : i.id;
-      f.value = f.value.filter((A, T) => T !== b), p && (n.value = n.value.filter((A) => A !== p));
+      const p = (c = f.value[b]) == null ? void 0 : c.id;
+      f.value = f.value.filter((s, A) => A !== b), p && (n.value = n.value.filter((s) => s !== p));
     }
     function a(b) {
       if (b > 0) {
-        const p = [...f.value], [i] = p.splice(b, 1);
-        p.splice(b - 1, 0, i), f.value = p;
+        const p = [...f.value], [c] = p.splice(b, 1);
+        p.splice(b - 1, 0, c), f.value = p;
       }
     }
     function u(b) {
       if (b < f.value.length - 1) {
-        const p = [...f.value], [i] = p.splice(b, 1);
-        p.splice(b + 1, 0, i), f.value = p;
+        const p = [...f.value], [c] = p.splice(b, 1);
+        p.splice(b + 1, 0, c), f.value = p;
       }
     }
     function d(b) {
       n.value.includes(b) ? n.value = n.value.filter((p) => p !== b) : n.value.push(b);
     }
     const P = Y(() => !e.editable || !!(e.fieldConfig.maxItems && f.value.length >= e.fieldConfig.maxItems));
-    return (b, p) => (X(), o("div", { class: "repeater-field" }, [
-      f.value.length === 0 ? (X(), o("div", {
+    return (b, p) => (o(), X("div", { class: "repeater-field" }, [
+      f.value.length === 0 ? (o(), X("div", {
         key: 0,
         class: "empty-state bg-zinc-50 px-4 py-5 text-center text-sm text-neutral-500"
       }, [
-        c("p", { class: "underline underline-offset-2" }, "No items yet."),
-        t.editable ? (X(), o("button", {
+        i("p", { class: "underline underline-offset-2" }, "No items yet."),
+        t.editable ? (o(), X("button", {
           key: 0,
           disabled: !!(t.fieldConfig.maxItems && f.value.length >= t.fieldConfig.maxItems),
           class: "mx-auto mt-4 flex items-center gap-1 rounded-md border border-blue-200 bg-blue-50 px-2.5 py-1.5 text-sm text-blue-500 transition-all duration-200 hover:bg-blue-100 hover:text-blue-700",
           onClick: v
         }, [
-          c("span", null, "Add item"),
-          c("span", null, "+")
-        ], 8, ["disabled"])) : (X(), o("p", {
+          i("span", null, "Add item"),
+          i("span", null, "+")
+        ], 8, ["disabled"])) : (o(), X("p", {
           key: 1,
           class: "text-sm text-neutral-500"
         }, "Enter edit mode to add items."))
-      ])) : (X(), o("div", {
+      ])) : (o(), X("div", {
         key: 1,
         class: "repeater-items space-y-2"
       }, [
-        (X(!0), o(tt, null, nt(f.value, (i, A) => (X(), o("div", {
-          key: `${t.fieldName}-item-${A}`,
-          class: I(["repeater-item overflow-hidden rounded-lg border border-gray-300 bg-white hover:border-zinc-300 hover:shadow-sm", { "is-open": n.value.includes(i.id) }])
+        (o(!0), X(tt, null, nt(f.value, (c, s) => (o(), X("div", {
+          key: `${t.fieldName}-item-${s}`,
+          class: I(["repeater-item overflow-hidden rounded-lg border border-gray-300 bg-white hover:border-zinc-300 hover:shadow-sm", { "is-open": n.value.includes(c.id) }])
         }, [
-          c("div", { class: "repeater-item-header flex items-center gap-2 bg-zinc-50 p-3" }, [
-            c("button", {
+          i("div", { class: "repeater-item-header flex items-center gap-2 bg-zinc-50 p-3" }, [
+            i("button", {
               class: "text-zinc-500 hover:text-zinc-700",
               title: "Toggle item",
-              onClick: (T) => d(i.id)
+              onClick: (A) => d(c.id)
             }, [
-              n.value.includes(i.id) ? (X(), ut(G(qf), {
+              n.value.includes(c.id) ? (o(), ut(G(qf), {
                 key: 1,
                 class: "size-4"
-              })) : (X(), ut(G(kf), {
+              })) : (o(), ut(G(kf), {
                 key: 0,
                 class: "size-4"
               }))
             ], 8, ["onClick"]),
-            c("h4", { class: "mr-auto text-sm font-medium text-gray-700" }, [
-              t.fieldConfig.repeaterFieldLabel ? (X(), o("span", { key: 0 }, U(i[t.fieldConfig.repeaterFieldLabel] || `Item ${A + 1}`), 1)) : (X(), o("span", { key: 1 }, " Item " + U(A + 1), 1))
+            i("h4", { class: "mr-auto text-sm font-medium text-gray-700" }, [
+              t.fieldConfig.repeaterFieldLabel ? (o(), X("span", { key: 0 }, U(c[t.fieldConfig.repeaterFieldLabel] || `Item ${s + 1}`), 1)) : (o(), X("span", { key: 1 }, " Item " + U(s + 1), 1))
             ]),
-            t.editable ? (X(), o("div", {
+            t.editable ? (o(), X("div", {
               key: 0,
               class: "flex items-center gap-2"
             }, [
-              A > 0 ? (X(), o("button", {
+              s > 0 ? (o(), X("button", {
                 key: 0,
                 disabled: !t.editable,
                 title: "Move item up",
-                onClick: (T) => a(A)
+                onClick: (A) => a(s)
               }, [
                 h(G(Nf), { class: "size-4" })
-              ], 8, ["disabled", "onClick"])) : B("", !0),
-              A < f.value.length - 1 ? (X(), o("button", {
+              ], 8, ["disabled", "onClick"])) : R("", !0),
+              s < f.value.length - 1 ? (o(), X("button", {
                 key: 1,
                 title: "Move item down",
-                onClick: (T) => u(A)
+                onClick: (A) => u(s)
               }, [
-                h(G(mf), { class: "size-4" })
-              ], 8, ["onClick"])) : B("", !0),
-              c("button", {
+                h(G(Vf), { class: "size-4" })
+              ], 8, ["onClick"])) : R("", !0),
+              i("button", {
                 class: "text-red-600 hover:text-red-700",
                 title: "Remove item",
-                onClick: (T) => l(A)
+                onClick: (A) => l(s)
               }, [
-                h(G(Bf), { class: "size-4" })
+                h(G(Rf), { class: "size-4" })
               ], 8, ["onClick"])
-            ])) : B("", !0)
+            ])) : R("", !0)
           ]),
-          c("div", { class: "repeater-item-fields flex flex-col gap-3" }, [
-            (X(!0), o(tt, null, nt(t.fieldConfig.repeaterFields, (T, s) => (X(), ut(Yr, {
-              key: `${t.fieldName}-${A}-${s}`,
-              modelValue: f.value[A][s],
-              "onUpdate:modelValue": (y) => f.value[A][s] = y,
-              fieldConfig: T,
-              fieldName: s,
+          i("div", { class: "repeater-item-fields flex flex-col gap-3" }, [
+            (o(!0), X(tt, null, nt(t.fieldConfig.repeaterFields, (A, T) => (o(), ut(Yr, {
+              key: `${t.fieldName}-${s}-${T}`,
+              modelValue: f.value[s][T],
+              "onUpdate:modelValue": (W) => f.value[s][T] = W,
+              fieldConfig: A,
+              fieldName: T,
               editable: t.editable
             }, null, 8, ["modelValue", "onUpdate:modelValue", "fieldConfig", "fieldName", "editable"]))), 128))
           ])
         ], 2))), 128))
       ])),
-      c("div", { class: "mt-3 flex justify-between gap-2" }, [
-        t.fieldConfig.minItems && f.value.length === t.fieldConfig.minItems ? (X(), o("div", {
+      i("div", { class: "mt-3 flex justify-between gap-2" }, [
+        t.fieldConfig.minItems && f.value.length === t.fieldConfig.minItems ? (o(), X("div", {
           key: 0,
           class: "mt-2 text-xs text-amber-600"
-        }, " Minimum " + U(t.fieldConfig.minItems) + " item" + U(t.fieldConfig.minItems > 1 ? "s" : "") + " required ", 1)) : B("", !0),
-        t.fieldConfig.maxItems && f.value.length >= t.fieldConfig.maxItems ? (X(), o("div", {
+        }, " Minimum " + U(t.fieldConfig.minItems) + " item" + U(t.fieldConfig.minItems > 1 ? "s" : "") + " required ", 1)) : R("", !0),
+        t.fieldConfig.maxItems && f.value.length >= t.fieldConfig.maxItems ? (o(), X("div", {
           key: 1,
           class: "mt-2 text-xs text-amber-600"
-        }, " Maximum " + U(t.fieldConfig.maxItems) + " item" + U(t.fieldConfig.maxItems > 1 ? "s" : "") + " allowed ", 1)) : B("", !0),
-        t.editable && f.value.length ? (X(), o("button", {
+        }, " Maximum " + U(t.fieldConfig.maxItems) + " item" + U(t.fieldConfig.maxItems > 1 ? "s" : "") + " allowed ", 1)) : R("", !0),
+        t.editable && f.value.length ? (o(), X("button", {
           key: 2,
           disabled: P.value,
           class: I(["ml-auto mt-1 flex items-center gap-1 rounded-md border border-blue-200 bg-blue-50 px-2.5 py-1.5 text-sm text-blue-500 transition-all duration-200 hover:bg-blue-100 hover:text-blue-700", { "cursor-not-allowed opacity-50": P.value }]),
           onClick: v
         }, [
-          c("span", null, "Add item"),
+          i("span", null, "Add item"),
           h(G(kr), { class: "size-4" })
-        ], 10, ["disabled"])) : B("", !0)
+        ], 10, ["disabled"])) : R("", !0)
       ])
     ]));
   }
@@ -2413,21 +2413,21 @@ const cn = /* @__PURE__ */ _({
     }, l = () => {
       f.value && (n.value = { top: f.value, bottom: f.value });
     };
-    return Bt(() => {
+    return Rt(() => {
       var a, u, d;
       ((a = n.value) == null ? void 0 : a.top) === ((u = n.value) == null ? void 0 : u.bottom) && (r.value = !0, f.value = ((d = n.value) == null ? void 0 : d.top) || e.fieldConfig.default || ""), (!n.value || !n.value.top || !n.value.bottom) && (n.value = { top: e.fieldConfig.default || "", bottom: e.fieldConfig.default || "" });
-    }), (a, u) => (X(), o("div", {
+    }), (a, u) => (o(), X("div", {
       class: I(["margin-field flex gap-2", r.value ? "" : "items-start"])
     }, [
-      r.value ? (X(), o("div", {
+      r.value ? (o(), X("div", {
         key: 0,
         class: "field-wrapper relative flex-1",
         title: "Top & Bottom Margin"
       }, [
-        c("span", { class: "pointer-events-none absolute left-0 top-0 inline-flex h-full items-center border-r border-gray-300 px-3 text-xs" }, [
-          h(G(Vf), { class: "size-3" })
+        i("span", { class: "pointer-events-none absolute left-0 top-0 inline-flex h-full items-center border-r border-gray-300 px-3 text-xs" }, [
+          h(G(mf), { class: "size-3" })
         ]),
-        lt(c("select", {
+        lt(i("select", {
           "onUpdate:modelValue": u[0] || (u[0] = (d) => f.value = d),
           class: "form-control",
           style: { "padding-left": "3rem" },
@@ -2435,32 +2435,32 @@ const cn = /* @__PURE__ */ _({
           disabled: !t.editable,
           onChange: l
         }, [
-          (X(!0), o(tt, null, nt(t.fieldConfig.options, (d) => (X(), o("option", {
+          (o(!0), X(tt, null, nt(t.fieldConfig.options, (d) => (o(), X("option", {
             key: d.value,
             value: d.value
           }, U(d.label), 9, ["value"]))), 128))
         ], 40, ["placeholder", "disabled"]), [
           [ne, f.value]
         ])
-      ])) : n.value ? (X(), o("div", {
+      ])) : n.value ? (o(), X("div", {
         key: 1,
         class: "flex flex-1 gap-2"
       }, [
-        c("div", {
+        i("div", {
           class: "field-wrapper relative flex-1",
           title: "Top Margin"
         }, [
-          c("span", { class: "pointer-events-none absolute left-0 top-0 inline-flex h-full items-center justify-center border-r border-gray-300 px-3 text-xs" }, [
+          i("span", { class: "pointer-events-none absolute left-0 top-0 inline-flex h-full items-center justify-center border-r border-gray-300 px-3 text-xs" }, [
             h(G(Lf), { class: "size-3" })
           ]),
-          lt(c("select", {
+          lt(i("select", {
             "onUpdate:modelValue": u[1] || (u[1] = (d) => n.value.top = d),
             class: "form-control",
             style: { "padding-left": "3rem" },
             placeholder: t.fieldConfig.placeholder,
             disabled: !t.editable
           }, [
-            (X(!0), o(tt, null, nt(t.fieldConfig.options, (d) => (X(), o("option", {
+            (o(!0), X(tt, null, nt(t.fieldConfig.options, (d) => (o(), X("option", {
               key: d.value,
               value: d.value
             }, U(d.label), 9, ["value"]))), 128))
@@ -2468,21 +2468,21 @@ const cn = /* @__PURE__ */ _({
             [ne, n.value.top]
           ])
         ]),
-        c("div", {
+        i("div", {
           class: "field-wrapper relative flex-1",
           title: "Bottom Margin"
         }, [
-          c("span", { class: "pointer-events-none absolute left-0 top-0 inline-flex h-full items-center justify-center border-r border-gray-300 px-3 text-xs" }, [
+          i("span", { class: "pointer-events-none absolute left-0 top-0 inline-flex h-full items-center justify-center border-r border-gray-300 px-3 text-xs" }, [
             h(G(Of), { class: "size-3" })
           ]),
-          lt(c("select", {
+          lt(i("select", {
             "onUpdate:modelValue": u[2] || (u[2] = (d) => n.value.bottom = d),
             class: "form-control",
             style: { "padding-left": "3rem" },
             placeholder: t.fieldConfig.placeholder,
             disabled: !t.editable
           }, [
-            (X(!0), o(tt, null, nt(t.fieldConfig.options, (d) => (X(), o("option", {
+            (o(!0), X(tt, null, nt(t.fieldConfig.options, (d) => (o(), X("option", {
               key: d.value,
               value: d.value
             }, U(d.label), 9, ["value"]))), 128))
@@ -2490,8 +2490,8 @@ const cn = /* @__PURE__ */ _({
             [ne, n.value.bottom]
           ])
         ])
-      ])) : B("", !0),
-      t.editable ? (X(), o("button", {
+      ])) : R("", !0),
+      t.editable ? (o(), X("button", {
         key: 2,
         title: "Link Margin (Top & Bottom)",
         class: I([
@@ -2500,14 +2500,14 @@ const cn = /* @__PURE__ */ _({
         ]),
         onClick: v
       }, [
-        r.value ? (X(), ut(G(Uf), {
+        r.value ? (o(), ut(G(Uf), {
           key: 0,
           class: "size-4"
-        })) : (X(), ut(G(hf), {
+        })) : (o(), ut(G(hf), {
           key: 1,
           class: "size-4"
         }))
-      ], 2)) : B("", !0)
+      ], 2)) : R("", !0)
     ], 2));
   }
 }), wn = /* @__PURE__ */ Wt(Wn, [["__scopeId", "data-v-a88a6b3c"]]), Sn = /* @__PURE__ */ _({
@@ -2522,47 +2522,47 @@ const cn = /* @__PURE__ */ _({
   emits: ["update:modelValue"],
   setup(t, { emit: e }) {
     const r = t, f = e, n = j(null), v = j(r.modelValue || null), l = j(!1), a = j(!1), u = j(null), d = j(null);
-    ot(
+    Xt(
       () => r.modelValue,
-      (H) => {
-        v.value = H || null;
+      (z) => {
+        v.value = z || null;
       }
-    ), ot(v, (H) => {
-      f("update:modelValue", H);
+    ), Xt(v, (z) => {
+      f("update:modelValue", z);
     });
     function P() {
-      var H;
-      !r.editable || l.value || (H = n.value) == null || H.click();
+      var z;
+      !r.editable || l.value || (z = n.value) == null || z.click();
     }
-    function b(H) {
-      var x;
-      const z = (x = H.target.files) == null ? void 0 : x[0];
-      z && s(z);
+    function b(z) {
+      var L;
+      const H = (L = z.target.files) == null ? void 0 : L[0];
+      H && T(H);
     }
-    function p(H) {
-      !r.editable || l.value || (H.preventDefault(), a.value = !0);
+    function p(z) {
+      !r.editable || l.value || (z.preventDefault(), a.value = !0);
     }
-    function i() {
+    function c() {
       a.value = !1;
     }
-    function A(H) {
-      var z;
+    function s(z) {
+      var H;
       if (!r.editable || l.value) return;
-      H.preventDefault(), a.value = !1;
-      const k = (z = H.dataTransfer) == null ? void 0 : z.files[0];
-      k && s(k);
+      z.preventDefault(), a.value = !1;
+      const k = (H = z.dataTransfer) == null ? void 0 : H.files[0];
+      k && T(k);
     }
-    function T(H) {
-      return u.value = null, r.acceptedTypes.includes(H.type) ? H.size / (1024 * 1024) > r.maxSizeMB ? (u.value = `File size exceeds ${r.maxSizeMB}MB limit`, !1) : !0 : (u.value = `File type not supported. Accepted types: ${r.acceptedTypes.join(", ")}`, !1);
+    function A(z) {
+      return u.value = null, r.acceptedTypes.includes(z.type) ? z.size / (1024 * 1024) > r.maxSizeMB ? (u.value = `File size exceeds ${r.maxSizeMB}MB limit`, !1) : !0 : (u.value = `File type not supported. Accepted types: ${r.acceptedTypes.join(", ")}`, !1);
     }
-    async function s(H) {
-      if (T(H)) {
-        d.value = H, l.value = !0, u.value = null;
+    async function T(z) {
+      if (A(z)) {
+        d.value = z, l.value = !0, u.value = null;
         try {
-          const k = URL.createObjectURL(H);
+          const k = URL.createObjectURL(z);
           v.value = k;
-          const z = await y(H);
-          z ? (URL.revokeObjectURL(k), v.value = z) : u.value = "Upload failed. Please try again.";
+          const H = await W(z);
+          H ? (URL.revokeObjectURL(k), v.value = H) : u.value = "Upload failed. Please try again.";
         } catch (k) {
           console.error("File upload error:", k), u.value = k instanceof Error ? k.message : "Upload failed. Please try again.";
         } finally {
@@ -2570,46 +2570,46 @@ const cn = /* @__PURE__ */ _({
         }
       }
     }
-    async function y(H) {
-      return r.uploadUrl ? S(H, r.uploadUrl) : new Promise((k) => {
-        const z = new FileReader();
-        z.onload = (x) => {
+    async function W(z) {
+      return r.uploadUrl ? y(z, r.uploadUrl) : new Promise((k) => {
+        const H = new FileReader();
+        H.onload = (L) => {
           var V;
-          const W = (V = x.target) == null ? void 0 : V.result;
-          k(W);
-        }, z.onerror = () => {
+          const w = (V = L.target) == null ? void 0 : V.result;
+          k(w);
+        }, H.onerror = () => {
           k(null);
-        }, z.readAsDataURL(H);
+        }, H.readAsDataURL(z);
       });
     }
-    async function S(H, k) {
+    async function y(z, k) {
       try {
-        const z = new FormData();
-        z.append("file", H);
-        const x = await fetch(k, {
+        const H = new FormData();
+        H.append("file", z);
+        const L = await fetch(k, {
           method: "POST",
-          body: z
+          body: H
         });
-        if (!x.ok)
-          throw new Error(`Upload failed: ${x.statusText}`);
-        const W = await x.json();
-        return W.url || W.imageUrl || W.path || null;
-      } catch (z) {
-        throw console.error("Custom upload error:", z), z;
+        if (!L.ok)
+          throw new Error(`Upload failed: ${L.statusText}`);
+        const w = await L.json();
+        return w.url || w.imageUrl || w.path || null;
+      } catch (H) {
+        throw console.error("Custom upload error:", H), H;
       }
     }
-    function N() {
+    function O() {
       !r.editable || l.value || (v.value && v.value.startsWith("blob:") && URL.revokeObjectURL(v.value), v.value = null, d.value = null, u.value = null, n.value && (n.value.value = ""));
     }
-    return (H, k) => (X(), o("div", { class: "image-upload-field mb-2" }, [
-      v.value && t.editable ? (X(), o("div", {
+    return (z, k) => (o(), X("div", { class: "image-upload-field mb-2" }, [
+      v.value && t.editable ? (o(), X("div", {
         key: 0,
         class: "flex gap-2",
         onDragover: Pt(p, ["prevent"]),
-        onDragleave: Pt(i, ["prevent"]),
-        onDrop: Pt(A, ["prevent"])
+        onDragleave: Pt(c, ["prevent"]),
+        onDrop: Pt(s, ["prevent"])
       }, [
-        c("input", {
+        i("input", {
           ref_key: "fileInputRef",
           ref: n,
           type: "file",
@@ -2618,19 +2618,19 @@ const cn = /* @__PURE__ */ _({
           disabled: l.value || !t.editable,
           onChange: b
         }, null, 40, ["disabled"]),
-        c("div", { class: "relative shrink-0" }, [
-          c("img", {
+        i("div", { class: "relative shrink-0" }, [
+          i("img", {
             src: v.value,
             alt: "Uploaded image",
             class: "size-16 rounded border border-gray-300 object-cover"
           }, null, 8, ["src"]),
-          c("button", {
+          i("button", {
             type: "button",
             class: "absolute -right-1 -top-1 rounded-full bg-red-500 p-0.5 text-white shadow-sm hover:bg-red-600",
             title: "Remove image",
-            onClick: Pt(N, ["stop"])
+            onClick: Pt(O, ["stop"])
           }, [
-            (X(), o("svg", {
+            (o(), X("svg", {
               xmlns: "http://www.w3.org/2000/svg",
               fill: "none",
               viewBox: "0 0 24 24",
@@ -2638,7 +2638,7 @@ const cn = /* @__PURE__ */ _({
               stroke: "currentColor",
               class: "size-3"
             }, [
-              c("path", {
+              i("path", {
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
                 d: "M6 18L18 6M6 6l12 12"
@@ -2646,7 +2646,7 @@ const cn = /* @__PURE__ */ _({
             ]))
           ])
         ]),
-        c("button", {
+        i("button", {
           type: "button",
           class: I([
             "flex-1rounded w-full rounded border px-3 py-1.5 text-xs font-medium text-gray-700 transition-colors",
@@ -2656,20 +2656,20 @@ const cn = /* @__PURE__ */ _({
           ]),
           onClick: P,
           onDragover: Pt(p, ["prevent"]),
-          onDragleave: Pt(i, ["prevent"]),
-          onDrop: Pt(A, ["prevent"])
+          onDragleave: Pt(c, ["prevent"]),
+          onDrop: Pt(s, ["prevent"])
         }, [
-          l.value ? (X(), o("span", {
+          l.value ? (o(), X("span", {
             key: 1,
             class: "flex items-center justify-center gap-1.5"
           }, [
-            (X(), o("svg", {
+            (o(), X("svg", {
               class: "size-3.5 animate-spin text-blue-500",
               xmlns: "http://www.w3.org/2000/svg",
               fill: "none",
               viewBox: "0 0 24 24"
             }, [
-              c("circle", {
+              i("circle", {
                 class: "opacity-25",
                 cx: "12",
                 cy: "12",
@@ -2677,18 +2677,18 @@ const cn = /* @__PURE__ */ _({
                 stroke: "currentColor",
                 "stroke-width": "4"
               }),
-              c("path", {
+              i("path", {
                 class: "opacity-75",
                 fill: "currentColor",
                 d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
               })
             ])),
-            Xe(" Uploading... ")
-          ])) : (X(), o("span", {
+            oe(" Uploading... ")
+          ])) : (o(), X("span", {
             key: 0,
             class: "flex items-center justify-center gap-1.5"
           }, [
-            (X(), o("svg", {
+            (o(), X("svg", {
               xmlns: "http://www.w3.org/2000/svg",
               fill: "none",
               viewBox: "0 0 24 24",
@@ -2696,16 +2696,16 @@ const cn = /* @__PURE__ */ _({
               stroke: "currentColor",
               class: "size-3.5"
             }, [
-              c("path", {
+              i("path", {
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
                 d: "M3 16.5v2.25A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75V16.5m-13.5-9L12 3m0 0l4.5 4.5M12 3v13.5"
               })
             ])),
-            Xe(" Replace image ")
+            oe(" Replace image ")
           ]))
         ], 34)
-      ], 32)) : t.editable ? (X(), o("div", {
+      ], 32)) : t.editable ? (o(), X("div", {
         key: 1,
         class: I([
           "relative cursor-pointer rounded border border-dashed transition-colors",
@@ -2714,10 +2714,10 @@ const cn = /* @__PURE__ */ _({
         ]),
         onClick: P,
         onDragover: Pt(p, ["prevent"]),
-        onDragleave: Pt(i, ["prevent"]),
-        onDrop: Pt(A, ["prevent"])
+        onDragleave: Pt(c, ["prevent"]),
+        onDrop: Pt(s, ["prevent"])
       }, [
-        c("input", {
+        i("input", {
           ref_key: "fileInputRef",
           ref: n,
           type: "file",
@@ -2726,15 +2726,15 @@ const cn = /* @__PURE__ */ _({
           disabled: l.value || !t.editable,
           onChange: b
         }, null, 40, ["disabled"]),
-        c("div", { class: "flex items-center justify-center gap-2 p-3" }, [
-          l.value ? (X(), o("svg", {
+        i("div", { class: "flex items-center justify-center gap-2 p-3" }, [
+          l.value ? (o(), X("svg", {
             key: 1,
             class: "size-4 animate-spin text-blue-500",
             xmlns: "http://www.w3.org/2000/svg",
             fill: "none",
             viewBox: "0 0 24 24"
           }, [
-            c("circle", {
+            i("circle", {
               class: "opacity-25",
               cx: "12",
               cy: "12",
@@ -2742,12 +2742,12 @@ const cn = /* @__PURE__ */ _({
               stroke: "currentColor",
               "stroke-width": "4"
             }),
-            c("path", {
+            i("path", {
               class: "opacity-75",
               fill: "currentColor",
               d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
             })
-          ])) : (X(), o("svg", {
+          ])) : (o(), X("svg", {
             key: 0,
             xmlns: "http://www.w3.org/2000/svg",
             fill: "none",
@@ -2756,38 +2756,38 @@ const cn = /* @__PURE__ */ _({
             stroke: "currentColor",
             class: "size-4 text-gray-400"
           }, [
-            c("path", {
+            i("path", {
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
               d: "M3 16.5v2.25A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75V16.5m-13.5-9L12 3m0 0l4.5 4.5M12 3v13.5"
             })
           ])),
-          l.value ? (X(), o("span", {
+          l.value ? (o(), X("span", {
             key: 3,
             class: "text-xs font-medium text-blue-600"
-          }, "Uploading...")) : (X(), o("span", {
+          }, "Uploading...")) : (o(), X("span", {
             key: 2,
             class: "text-xs font-medium text-gray-700"
           }, "Click to upload image"))
         ])
-      ], 34)) : v.value ? (X(), o("div", {
+      ], 34)) : v.value ? (o(), X("div", {
         key: 2,
         class: "flex items-center gap-2"
       }, [
-        c("img", {
+        i("img", {
           src: v.value,
           alt: "Image",
           class: "size-16 rounded border border-gray-300 object-cover"
         }, null, 8, ["src"]),
-        c("span", { class: "text-xs text-gray-500" }, "Image uploaded")
-      ])) : (X(), o("div", {
+        i("span", { class: "text-xs text-gray-500" }, "Image uploaded")
+      ])) : (o(), X("div", {
         key: 3,
         class: "rounded border border-gray-200 bg-gray-50 p-2 text-center text-xs text-gray-400"
       }, "No image")),
-      u.value ? (X(), o("div", {
+      u.value ? (o(), X("div", {
         key: 4,
         class: "mt-1.5 rounded bg-red-50 px-2 py-1 text-xs text-red-600"
-      }, U(u.value), 1)) : B("", !0)
+      }, U(u.value), 1)) : R("", !0)
     ]));
   }
 }), yn = /* @__PURE__ */ Wt(Sn, [["__scopeId", "data-v-ec4440b5"]]), zn = /* @__PURE__ */ _({
@@ -2837,7 +2837,7 @@ const cn = /* @__PURE__ */ _({
     function d() {
       e.value = null;
     }
-    return ot(
+    return Xt(
       e,
       async () => {
         r.editable && await u();
@@ -2845,67 +2845,67 @@ const cn = /* @__PURE__ */ _({
       {
         immediate: !0
       }
-    ), (P, b) => (X(), o("div", { class: "editor-field-node" }, [
-      c("div", { class: "mb-1 flex items-center gap-1.5" }, [
-        c("label", { class: "mr-auto text-sm font-medium first-letter:uppercase" }, [
-          Xe(U(t.fieldConfig.label || t.fieldName) + " ", 1),
-          t.fieldConfig.required ? (X(), o("span", {
+    ), (P, b) => (o(), X("div", { class: "editor-field-node" }, [
+      i("div", { class: "mb-1 flex items-center gap-1.5" }, [
+        i("label", { class: "mr-auto text-sm font-medium first-letter:uppercase" }, [
+          oe(U(t.fieldConfig.label || t.fieldName) + " ", 1),
+          t.fieldConfig.required ? (o(), X("span", {
             key: 0,
             class: "prop-required ml-1 text-red-600"
-          }, "*")) : B("", !0)
+          }, "*")) : R("", !0)
         ]),
-        a.value ? (X(), o("div", {
+        a.value ? (o(), X("div", {
           key: 0,
           class: "cursor-pointer rounded-full bg-zinc-100 px-2 py-0.5 text-xs text-zinc-600 hover:bg-zinc-200 hover:text-zinc-600",
           onClick: d
         }, [
-          c("span", null, "Clear")
-        ])) : B("", !0),
-        t.fieldConfig.description && t.fieldConfig.type !== "info" ? (X(), o("div", {
+          i("span", null, "Clear")
+        ])) : R("", !0),
+        t.fieldConfig.description && t.fieldConfig.type !== "info" ? (o(), X("div", {
           key: 1,
           title: t.fieldConfig.description,
           class: "cursor-default"
         }, [
-          h(G(or), { class: "size-4 text-zinc-500" })
-        ], 8, ["title"])) : B("", !0)
+          h(G(Xr), { class: "size-4 text-zinc-500" })
+        ], 8, ["title"])) : R("", !0)
       ]),
-      t.fieldConfig.component ? (X(), ut(Yt(t.fieldConfig.component), kt({
+      t.fieldConfig.component ? (o(), ut(Yt(t.fieldConfig.component), kt({
         key: 0,
         modelValue: e.value,
         "onUpdate:modelValue": b[0] || (b[0] = (p) => e.value = p),
         editable: t.editable
-      }, t.fieldConfig), null, 16, ["modelValue", "editable"])) : ["text", "number", "email", "url"].includes(t.fieldConfig.type) ? lt((X(), o("input", kt({
+      }, t.fieldConfig), null, 16, ["modelValue", "editable"])) : ["text", "number", "email", "url"].includes(t.fieldConfig.type) ? lt((o(), X("input", kt({
         key: 1,
         "onUpdate:modelValue": b[1] || (b[1] = (p) => l.value = p),
         class: "form-control mb-1",
         disabled: !t.editable
       }, t.fieldConfig), null, 16, ["disabled"])), [
         [$r, l.value]
-      ]) : t.fieldConfig.type === "textarea" ? lt((X(), o("textarea", kt({
+      ]) : t.fieldConfig.type === "textarea" ? lt((o(), X("textarea", kt({
         key: 2,
         "onUpdate:modelValue": b[2] || (b[2] = (p) => l.value = p),
         class: "form-control",
         disabled: !t.editable
       }, t.fieldConfig), null, 16, ["disabled"])), [
         [Zt, l.value]
-      ]) : t.fieldConfig.type === "select" ? lt((X(), o("select", {
+      ]) : t.fieldConfig.type === "select" ? lt((o(), X("select", {
         key: 3,
         "onUpdate:modelValue": b[3] || (b[3] = (p) => l.value = p),
         class: "form-control",
         placeholder: t.fieldConfig.placeholder,
         disabled: !t.editable
       }, [
-        (X(!0), o(tt, null, nt(t.fieldConfig.options, (p) => (X(), o("option", {
+        (o(!0), X(tt, null, nt(t.fieldConfig.options, (p) => (o(), X("option", {
           key: p.value,
           value: p.value
         }, U(p.label), 9, ["value"]))), 128))
       ], 8, ["placeholder", "disabled"])), [
         [ne, l.value]
-      ]) : t.fieldConfig.type === "color" ? (X(), o("div", {
+      ]) : t.fieldConfig.type === "color" ? (o(), X("div", {
         key: 4,
         class: "flex gap-2"
       }, [
-        lt(c("input", {
+        lt(i("input", {
           "onUpdate:modelValue": b[4] || (b[4] = (p) => e.value = p),
           type: "color",
           class: "form-control size-10 shrink-0",
@@ -2913,7 +2913,7 @@ const cn = /* @__PURE__ */ _({
         }, null, 8, ["disabled"]), [
           [Zt, e.value]
         ]),
-        lt(c("input", {
+        lt(i("input", {
           "onUpdate:modelValue": b[5] || (b[5] = (p) => e.value = p),
           type: "text",
           class: "form-control",
@@ -2921,12 +2921,12 @@ const cn = /* @__PURE__ */ _({
         }, null, 8, ["disabled"]), [
           [Zt, e.value]
         ])
-      ])) : t.fieldConfig.type === "range" ? (X(), o("div", {
+      ])) : t.fieldConfig.type === "range" ? (o(), X("div", {
         key: 5,
         class: "flex items-center gap-2"
       }, [
-        c("span", { class: "rounded-full bg-zinc-100 px-2 py-1 text-sm font-bold text-zinc-600" }, U(e.value) + U(t.fieldConfig.valueSuffix || ""), 1),
-        lt(c("input", {
+        i("span", { class: "rounded-full bg-zinc-100 px-2 py-1 text-sm font-bold text-zinc-600" }, U(e.value) + U(t.fieldConfig.valueSuffix || ""), 1),
+        lt(i("input", {
           "onUpdate:modelValue": b[6] || (b[6] = (p) => e.value = p),
           type: "range",
           class: "form-control",
@@ -2937,17 +2937,17 @@ const cn = /* @__PURE__ */ _({
         }, null, 8, ["min", "max", "step", "disabled"]), [
           [Zt, e.value]
         ])
-      ])) : t.fieldConfig.type === "checkbox" ? (X(), o("div", {
+      ])) : t.fieldConfig.type === "checkbox" ? (o(), X("div", {
         key: 6,
         class: "form-control flex flex-col gap-2"
       }, [
-        (X(!0), o(tt, null, nt(t.fieldConfig.options, (p) => (X(), o("label", {
+        (o(!0), X(tt, null, nt(t.fieldConfig.options, (p) => (o(), X("label", {
           key: `${t.fieldName}_${p.value}`,
           class: "flex cursor-pointer items-center gap-2 rounded-md border border-gray-300 p-2"
         }, [
-          lt(c("input", {
+          lt(i("input", {
             id: `${t.fieldName}_${p.value}`,
-            "onUpdate:modelValue": b[7] || (b[7] = (i) => n.value = i),
+            "onUpdate:modelValue": b[7] || (b[7] = (c) => n.value = c),
             value: p.value,
             type: "checkbox",
             class: "form-control appearance-none",
@@ -2955,23 +2955,23 @@ const cn = /* @__PURE__ */ _({
           }, null, 8, ["id", "value", "disabled"]), [
             [Pr, n.value]
           ]),
-          c("span", { class: "text-sm" }, U(p.label), 1)
+          i("span", { class: "text-sm" }, U(p.label), 1)
         ]))), 128))
-      ])) : t.fieldConfig.type === "radio" ? (X(), o("div", {
+      ])) : t.fieldConfig.type === "radio" ? (o(), X("div", {
         key: 7,
         class: "form-control flex flex-col gap-2"
       }, [
-        (X(!0), o(tt, null, nt(t.fieldConfig.options, (p) => (X(), o("div", {
+        (o(!0), X(tt, null, nt(t.fieldConfig.options, (p) => (o(), X("div", {
           key: `${t.fieldName}_${p.value}`
         }, [
-          c("label", {
+          i("label", {
             for: `${t.fieldName}_${p.value}`,
             class: "has-checked:border-blue-600 has-checked:ring-1 has-checked:ring-blue-600 flex cursor-pointer items-center justify-between gap-4 rounded border border-gray-300 bg-white p-3 text-sm font-medium shadow-sm transition-colors hover:bg-gray-50"
           }, [
-            c("p", { class: "text-gray-700" }, U(p.label), 1),
-            lt(c("input", {
+            i("p", { class: "text-gray-700" }, U(p.label), 1),
+            lt(i("input", {
               id: `${t.fieldName}_${p.value}`,
-              "onUpdate:modelValue": b[8] || (b[8] = (i) => e.value = i),
+              "onUpdate:modelValue": b[8] || (b[8] = (c) => e.value = c),
               type: "radio",
               name: t.fieldName,
               class: "sr-only",
@@ -2982,12 +2982,12 @@ const cn = /* @__PURE__ */ _({
             ])
           ], 8, ["for"])
         ]))), 128))
-      ])) : t.fieldConfig.type === "boolean" ? (X(), o("label", {
+      ])) : t.fieldConfig.type === "boolean" ? (o(), X("label", {
         key: 8,
         for: t.fieldName,
         class: "has-checked:bg-emerald-700 w-13 relative block h-7 cursor-pointer rounded-full bg-gray-300 transition-colors [-webkit-tap-highlight-color:transparent] hover:bg-gray-400/75 has-[:checked]:hover:bg-emerald-800"
       }, [
-        lt(c("input", {
+        lt(i("input", {
           id: t.fieldName,
           "onUpdate:modelValue": b[9] || (b[9] = (p) => e.value = p),
           type: "checkbox",
@@ -2996,8 +2996,8 @@ const cn = /* @__PURE__ */ _({
         }, null, 8, ["id", "disabled"]), [
           [Pr, e.value]
         ]),
-        c("span", { class: "absolute inset-y-0 start-0 m-1 size-5 rounded-full bg-white transition-[inset-inline-start] peer-checked:start-6" })
-      ], 8, ["for"])) : t.fieldConfig.type === "repeater" ? (X(), o("div", { key: 9 }, [
+        i("span", { class: "absolute inset-y-0 start-0 m-1 size-5 rounded-full bg-white transition-[inset-inline-start] peer-checked:start-6" })
+      ], 8, ["for"])) : t.fieldConfig.type === "repeater" ? (o(), X("div", { key: 9 }, [
         h(Tn, {
           modelValue: e.value,
           "onUpdate:modelValue": b[10] || (b[10] = (p) => e.value = p),
@@ -3005,8 +3005,8 @@ const cn = /* @__PURE__ */ _({
           fieldName: t.fieldName,
           editable: t.editable
         }, null, 8, ["modelValue", "fieldConfig", "fieldName", "editable"])
-      ])) : t.fieldConfig.type === "object" && t.fieldConfig.objectFields ? (X(), o("div", { key: 10 }, [
-        c("div", { class: "mt-3 border-t border-gray-300 pt-3" }, [
+      ])) : t.fieldConfig.type === "object" && t.fieldConfig.objectFields ? (o(), X("div", { key: 10 }, [
+        i("div", { class: "mt-3 border-t border-gray-300 pt-3" }, [
           h(br, {
             modelValue: v.value,
             "onUpdate:modelValue": b[11] || (b[11] = (p) => v.value = p),
@@ -3015,7 +3015,7 @@ const cn = /* @__PURE__ */ _({
             nested: !0
           }, null, 8, ["modelValue", "fields", "editable"])
         ])
-      ])) : t.fieldConfig.type === "image" ? (X(), o("div", { key: 11 }, [
+      ])) : t.fieldConfig.type === "image" ? (o(), X("div", { key: 11 }, [
         h(yn, {
           modelValue: e.value,
           "onUpdate:modelValue": b[12] || (b[12] = (p) => e.value = p),
@@ -3023,7 +3023,7 @@ const cn = /* @__PURE__ */ _({
           fieldName: t.fieldName,
           editable: t.editable
         }, null, 8, ["modelValue", "fieldConfig", "fieldName", "editable"])
-      ])) : t.fieldConfig.type === "margin" ? (X(), o("div", { key: 12 }, [
+      ])) : t.fieldConfig.type === "margin" ? (o(), X("div", { key: 12 }, [
         h(wn, {
           modelValue: e.value,
           "onUpdate:modelValue": b[13] || (b[13] = (p) => e.value = p),
@@ -3031,13 +3031,13 @@ const cn = /* @__PURE__ */ _({
           fieldName: t.fieldName,
           editable: t.editable
         }, null, 8, ["modelValue", "fieldConfig", "fieldName", "editable"])
-      ])) : t.fieldConfig.type === "info" ? (X(), o("div", {
+      ])) : t.fieldConfig.type === "info" ? (o(), X("div", {
         key: 13,
         class: "font-base mt-1 rounded-md bg-zinc-100 p-2 text-sm text-zinc-600 md:p-3"
       }, [
-        h(G(or), { class: "float-left mr-1 mt-0.5 inline-block size-4" }),
-        Xe(" " + U(t.fieldConfig.description), 1)
-      ])) : lt((X(), o("input", {
+        h(G(Xr), { class: "float-left mr-1 mt-0.5 inline-block size-4" }),
+        oe(" " + U(t.fieldConfig.description), 1)
+      ])) : lt((o(), X("input", {
         key: 14,
         "onUpdate:modelValue": b[14] || (b[14] = (p) => l.value = p),
         type: "text",
@@ -3046,10 +3046,10 @@ const cn = /* @__PURE__ */ _({
       }, null, 8, ["disabled"])), [
         [Zt, l.value]
       ]),
-      f.value && typeof f.value == "string" ? (X(), o("div", {
+      f.value && typeof f.value == "string" ? (o(), X("div", {
         key: 15,
         class: "rounded-sm bg-red-50 p-2 px-3 text-xs text-red-600"
-      }, U(f.value), 1)) : B("", !0)
+      }, U(f.value), 1)) : R("", !0)
     ]));
   }
 }), Yr = /* @__PURE__ */ Wt(zn, [["__scopeId", "data-v-99e3a7ae"]]), br = /* @__PURE__ */ _({
@@ -3074,31 +3074,31 @@ const cn = /* @__PURE__ */ _({
       const a = (u = t.fields[l]) == null ? void 0 : u.group;
       return a && !v.includes(a) && v.push(a), v;
     }, []) : []);
-    return ot(n, () => {
+    return Xt(n, () => {
       n.value.length > 0 && (t.activeTab && n.value.includes(t.activeTab) ? r.value = t.activeTab : r.value = n.value[0] || "");
-    }), ot(
+    }), Xt(
       () => t.activeTab,
       (v) => {
         v && n.value.includes(v) && (r.value = v);
       }
     ), $t(() => {
       n.value.length > 0 && (t.activeTab && n.value.includes(t.activeTab) ? r.value = t.activeTab : r.value = n.value[0] || "");
-    }), (v, l) => (X(), o("div", { class: "section-editor-fields" }, [
-      n.value.length ? (X(), o("div", {
+    }), (v, l) => (o(), X("div", { class: "section-editor-fields" }, [
+      n.value.length ? (o(), X("div", {
         key: 0,
         class: I(["field-group-tabs flex gap-2 overflow-x-auto border-b border-gray-300", t.nested ? "px-0 pt-0" : "px-5 pt-3"])
       }, [
-        (X(!0), o(tt, null, nt(n.value, (a) => (X(), o("button", {
+        (o(!0), X(tt, null, nt(n.value, (a) => (o(), X("button", {
           key: `fg_${a}`,
           class: I(["field-group-tab rounded-t-md border border-zinc-200 bg-zinc-100 px-4 py-2 text-sm first-letter:uppercase", { "bg-zinc-00 border-b-transparent !bg-white": r.value === a }]),
           onClick: (u) => r.value = a
         }, U(a), 11, ["onClick"]))), 128))
-      ], 2)) : B("", !0),
-      e.value && Object.keys(f.value).length > 0 ? (X(), o("div", {
+      ], 2)) : R("", !0),
+      e.value && Object.keys(f.value).length > 0 ? (o(), X("div", {
         key: 1,
         class: I(["flex flex-col gap-3", t.nested ? "p-0" : "p-5"])
       }, [
-        (X(!0), o(tt, null, nt(f.value, (a, u) => (X(), o("div", {
+        (o(!0), X(tt, null, nt(f.value, (a, u) => (o(), X("div", {
           key: u,
           class: "prop-field"
         }, [
@@ -3110,12 +3110,12 @@ const cn = /* @__PURE__ */ _({
             editable: t.editable
           }, null, 8, ["modelValue", "onUpdate:modelValue", "fieldConfig", "fieldName", "editable"])
         ]))), 128))
-      ], 2)) : (X(), o("div", {
+      ], 2)) : (o(), X("div", {
         key: 2,
         class: I(t.nested ? "p-0" : "p-5")
       }, [
-        c("div", { class: "rounded-lg bg-zinc-100 px-4 py-3 text-sm font-medium text-zinc-600" }, [
-          c("p", null, U(t.isLayoutBlock ? "No settings available for this layout." : "No options available for this block."), 1)
+        i("div", { class: "rounded-lg bg-zinc-100 px-4 py-3 text-sm font-medium text-zinc-600" }, [
+          i("p", null, U(t.isLayoutBlock ? "No settings available for this layout." : "No options available for this block."), 1)
         ])
       ], 2))
     ]));
@@ -3143,7 +3143,7 @@ const cn = /* @__PURE__ */ _({
         } : {
           id: b.id,
           name: b.type,
-          label: mr(b.type)
+          label: Vr(b.type)
         };
       }) : [];
     });
@@ -3152,7 +3152,7 @@ const cn = /* @__PURE__ */ _({
     }
     function d() {
       const P = document.getElementById("page-blocks-list");
-      P && new O(P, {
+      P && new x(P, {
         animation: 150,
         ghostClass: "sortable-ghost",
         chosenClass: "sortable-chosen",
@@ -3161,38 +3161,38 @@ const cn = /* @__PURE__ */ _({
           v.value = !0;
         },
         onEnd: (b) => {
-          var A, T, s, y;
+          var s, A, T, W;
           v.value = !1;
-          const { oldIndex: p, newIndex: i } = b;
-          if (p !== i) {
-            const S = (T = (A = f.value) == null ? void 0 : A[l.blocksKey]) == null ? void 0 : T.splice(p, 1)[0];
-            (y = (s = f.value) == null ? void 0 : s[l.blocksKey]) == null || y.splice(i, 0, S);
+          const { oldIndex: p, newIndex: c } = b;
+          if (p !== c) {
+            const y = (A = (s = f.value) == null ? void 0 : s[l.blocksKey]) == null ? void 0 : A.splice(p, 1)[0];
+            (W = (T = f.value) == null ? void 0 : T[l.blocksKey]) == null || W.splice(c, 0, y);
           }
         }
       });
     }
-    return Bt(() => {
+    return Rt(() => {
       d();
     }), (P, b) => {
       var p;
-      return X(), o("div", {
+      return o(), X("div", {
         id: "page-blocks-list",
         class: "flex flex-col gap-1 p-5"
       }, [
-        (p = a.value) != null && p.length ? (X(!0), o(tt, { key: 0 }, nt(a.value, (i) => (X(), o("div", {
-          key: i.id,
+        (p = a.value) != null && p.length ? (o(!0), X(tt, { key: 0 }, nt(a.value, (c) => (o(), X("div", {
+          key: c.id,
           "data-prevent-drop": "true",
-          class: I([{ "bg-blue-100 text-blue-600": n.value === i.id }, "block-item -mx-2.5 flex cursor-pointer items-center gap-1 rounded-md p-2.5 text-sm text-neutral-900"]),
-          onMouseenter: (A) => u(i.id),
-          onMouseleave: b[0] || (b[0] = (A) => u(null)),
-          onClick: (A) => r("block-click", i)
+          class: I([{ "bg-blue-100 text-blue-600": n.value === c.id }, "block-item -mx-2.5 flex cursor-pointer items-center gap-1 rounded-md p-2.5 text-sm text-neutral-900"]),
+          onMouseenter: (s) => u(c.id),
+          onMouseleave: b[0] || (b[0] = (s) => u(null)),
+          onClick: (s) => r("block-click", c)
         }, [
-          c("p", null, U(i.label || i.type), 1),
-          i.__file ? B("", !0) : (X(), o("span", {
+          i("p", null, U(c.label || c.type), 1),
+          c.__file ? R("", !0) : (o(), X("span", {
             key: 0,
             class: "ml-auto rounded-full bg-zinc-100 px-2 py-0.5 text-xs text-zinc-500"
           }, "Not registered"))
-        ], 42, ["onMouseenter", "onClick"]))), 128)) : (X(), o("p", {
+        ], 42, ["onMouseenter", "onClick"]))), 128)) : (o(), X("p", {
           key: 1,
           class: "bg-zinc-100 p-5 text-center text-sm text-zinc-500"
         }, "No blocks added yet."))
@@ -3218,32 +3218,32 @@ const cn = /* @__PURE__ */ _({
     }
     return $t(() => {
       f.value[v.settingsKey] || (f.value[v.settingsKey] = {});
-    }), Bt(() => {
+    }), Rt(() => {
       a();
-    }), (u, d) => (X(), o("div", { class: "page-settings" }, [
-      c("div", { class: "flex items-start justify-between border-b border-gray-300 bg-white p-5" }, [
-        c("div", null, [
-          c("button", {
+    }), (u, d) => (o(), X("div", { class: "page-settings" }, [
+      i("div", { class: "flex items-start justify-between border-b border-gray-300 bg-white p-5" }, [
+        i("div", null, [
+          i("button", {
             class: "cursor-pointer text-sm text-zinc-500 hover:text-zinc-900 hover:underline",
             onClick: d[0] || (d[0] = (P) => r("close"))
           }, " ← Back "),
-          c("h4", { class: "mt-1 text-lg font-bold" }, "Page settings")
+          i("h4", { class: "mt-1 text-lg font-bold" }, "Page settings")
         ])
       ]),
-      l.value.length > 1 ? (X(), o("div", {
+      l.value.length > 1 ? (o(), X("div", {
         key: 0,
         class: "border-b border-gray-300 p-5"
       }, [
-        c("div", { class: "editor-field-node" }, [
-          c("div", { class: "mb-1.5 flex items-center gap-1.5" }, [
-            c("label", { class: "mr-auto font-medium first-letter:uppercase" }, "Page layout")
+        i("div", { class: "editor-field-node" }, [
+          i("div", { class: "mb-1.5 flex items-center gap-1.5" }, [
+            i("label", { class: "mr-auto font-medium first-letter:uppercase" }, "Page layout")
           ]),
-          lt(c("select", {
+          lt(i("select", {
             "onUpdate:modelValue": d[1] || (d[1] = (P) => f.value[t.settingsKey].layout = P),
             class: "form-control w-full rounded-md border border-gray-300 p-2",
             onChange: a
           }, [
-            (X(!0), o(tt, null, nt(l.value, (P) => (X(), o("option", {
+            (o(!0), X(tt, null, nt(l.value, (P) => (o(), X("option", {
               key: `layout-${P.__name}`,
               value: P.__name
             }, U(P.label), 9, ["value"]))), 128))
@@ -3251,8 +3251,8 @@ const cn = /* @__PURE__ */ _({
             [ne, f.value[t.settingsKey].layout]
           ])
         ])
-      ])) : B("", !0),
-      c("div", { class: "editor-field-node" }, [
+      ])) : R("", !0),
+      i("div", { class: "editor-field-node" }, [
         h(br, {
           modelValue: f.value[t.settingsKey],
           "onUpdate:modelValue": d[2] || (d[2] = (P) => f.value[t.settingsKey] = P),
@@ -3279,13 +3279,13 @@ const cn = /* @__PURE__ */ _({
   emits: ["update:editorViewport", "update:activeBlock", "update:showPageSettings"],
   setup(t) {
     const e = rt(t, "editorViewport"), r = rt(t, "activeBlock"), f = rt(t, "showPageSettings");
-    return (n, v) => (X(), o("div", { class: "flex divide-x divide-gray-300 border-b border-gray-300" }, [
+    return (n, v) => (o(), X("div", { class: "flex divide-x divide-gray-300 border-b border-gray-300" }, [
       Or(n.$slots, "default"),
-      t.hasPageSettings ? (X(), o("div", {
+      t.hasPageSettings ? (o(), X("div", {
         key: 0,
         class: "ml-auto inline-flex gap-2 px-5 py-2.5"
       }, [
-        c("button", {
+        i("button", {
           class: I([
             "inline-flex items-center rounded-md border border-gray-300 px-3 py-2 text-xs",
             f.value ? "bg-blue-50 text-blue-700 border-blue-800/20" : "bg-zinc-50 text-zinc-500 hover:border-zinc-400 hover:text-zinc-900"
@@ -3297,9 +3297,9 @@ const cn = /* @__PURE__ */ _({
         }, [
           h(G(Jf), { class: "size-4" })
         ], 2)
-      ])) : B("", !0),
-      c("div", { class: "inline-flex gap-2 px-5 py-2.5" }, [
-        c("button", {
+      ])) : R("", !0),
+      i("div", { class: "inline-flex gap-2 px-5 py-2.5" }, [
+        i("button", {
           class: I([
             "inline-flex items-center rounded-md border border-gray-300 px-3 py-2 text-xs",
             e.value === "mobile" ? "bg-blue-50 text-blue-700 border-blue-800/20" : "bg-zinc-50 text-zinc-500 hover:border-zinc-400 hover:text-zinc-900"
@@ -3309,7 +3309,7 @@ const cn = /* @__PURE__ */ _({
         }, [
           h(G(gf), { class: "size-4" })
         ], 2),
-        c("button", {
+        i("button", {
           class: I([
             "inline-flex items-center rounded-md border border-gray-300 px-3 py-2 text-xs",
             e.value === "desktop" ? "bg-blue-50 text-blue-700 border-blue-800/20" : "bg-zinc-50 text-zinc-500 hover:border-zinc-400 hover:text-zinc-900"
@@ -3347,53 +3347,53 @@ const cn = /* @__PURE__ */ _({
   emits: ["update:modelValue", "update:activeBlock", "update:hoveredBlockId", "update:showPageSettings", "update:showAddBlockMenu", "update:editorViewport"],
   setup(t) {
     const e = rt(t, "modelValue"), r = rt(t, "activeBlock"), f = rt(t, "hoveredBlockId"), n = rt(t, "showPageSettings"), v = rt(t, "showAddBlockMenu"), l = rt(t, "editorViewport"), a = t, u = Y(() => {
-      var s, y;
+      var T, W;
       if (!r.value)
         return null;
       const p = r.value.type;
       if (!p)
         return r.value;
-      const i = Ut(p);
-      if (!i)
+      const c = Ut(p);
+      if (!c)
         return r.value;
-      const A = r.value.id, T = ((y = (s = e.value) == null ? void 0 : s[a.blocksKey]) == null ? void 0 : y.find((S) => S.id === A)) || r.value;
+      const s = r.value.id, A = ((W = (T = e.value) == null ? void 0 : T[a.blocksKey]) == null ? void 0 : W.find((y) => y.id === s)) || r.value;
       return new Proxy({}, {
-        get(S, N) {
-          return N === "data" ? new Proxy(T, {
-            get(H, k) {
-              return H[k];
+        get(y, O) {
+          return O === "data" ? new Proxy(A, {
+            get(z, k) {
+              return z[k];
             },
-            set(H, k, z) {
-              return H[k] = z, r.value && (r.value[k] = z), !0;
+            set(z, k, H) {
+              return z[k] = H, r.value && (r.value[k] = H), !0;
             },
-            has(H, k) {
-              return k in H;
+            has(z, k) {
+              return k in z;
             },
-            ownKeys(H) {
-              return Object.keys(H);
+            ownKeys(z) {
+              return Object.keys(z);
             },
-            getOwnPropertyDescriptor(H, k) {
-              return Object.getOwnPropertyDescriptor(H, k);
+            getOwnPropertyDescriptor(z, k) {
+              return Object.getOwnPropertyDescriptor(z, k);
             }
-          }) : i[N];
+          }) : c[O];
         },
-        set(S, N) {
-          return N in i;
+        set(y, O) {
+          return O in c;
         },
-        has(S, N) {
-          return N === "data" || N in i;
+        has(y, O) {
+          return O === "data" || O in c;
         },
         ownKeys() {
-          return ["data", ...Object.keys(i)];
+          return ["data", ...Object.keys(c)];
         },
-        getOwnPropertyDescriptor(S, N) {
-          if (N === "data")
+        getOwnPropertyDescriptor(y, O) {
+          if (O === "data")
             return {
               enumerable: !0,
               configurable: !0
             };
-          if (N in i)
-            return Object.getOwnPropertyDescriptor(i, N);
+          if (O in c)
+            return Object.getOwnPropertyDescriptor(c, O);
         }
       });
     });
@@ -3404,93 +3404,93 @@ const cn = /* @__PURE__ */ _({
       a.editable && (v.value = !0);
     }
     async function b() {
-      var y, S, N, H;
+      var W, y, O, z;
       if (!a.editable) return;
-      const p = ((y = u.value) == null ? void 0 : y.label) || ((S = u.value) == null ? void 0 : S.type);
+      const p = ((W = u.value) == null ? void 0 : W.label) || ((y = u.value) == null ? void 0 : y.type);
       if (!window.confirm(
         `Are you sure you want to delete this ${p} block?
 
 This action cannot be undone.`
       )) return;
-      const A = (N = r.value) == null ? void 0 : N.id;
-      if (!A || !((H = e.value) != null && H[a.blocksKey])) return;
-      const T = e.value[a.blocksKey], s = T.findIndex((k) => k.id === A);
-      s !== -1 && T.splice(s, 1), r.value = null, f.value = null, v.value = !1;
+      const s = (O = r.value) == null ? void 0 : O.id;
+      if (!s || !((z = e.value) != null && z[a.blocksKey])) return;
+      const A = e.value[a.blocksKey], T = A.findIndex((k) => k.id === s);
+      T !== -1 && A.splice(T, 1), r.value = null, f.value = null, v.value = !1;
     }
-    return (p, i) => {
-      var A, T;
-      return X(), o("div", { class: "page-builder-sidebar" }, [
+    return (p, c) => {
+      var s, A;
+      return o(), X("div", { class: "page-builder-sidebar" }, [
         h(xn, {
           editorViewport: l.value,
-          "onUpdate:editorViewport": i[0] || (i[0] = (s) => l.value = s),
+          "onUpdate:editorViewport": c[0] || (c[0] = (T) => l.value = T),
           showPageSettings: n.value,
-          "onUpdate:showPageSettings": i[1] || (i[1] = (s) => n.value = s),
+          "onUpdate:showPageSettings": c[1] || (c[1] = (T) => n.value = T),
           activeBlock: r.value,
-          "onUpdate:activeBlock": i[2] || (i[2] = (s) => r.value = s),
+          "onUpdate:activeBlock": c[2] || (c[2] = (T) => r.value = T),
           class: "z-12 sticky top-0 bg-white",
           hasPageSettings: t.hasPageSettings
         }, null, 8, ["editorViewport", "showPageSettings", "activeBlock", "hasPageSettings"]),
-        n.value ? (X(), ut(On, {
+        n.value ? (o(), ut(On, {
           key: 0,
           modelValue: e.value,
-          "onUpdate:modelValue": i[3] || (i[3] = (s) => e.value = s),
+          "onUpdate:modelValue": c[3] || (c[3] = (T) => e.value = T),
           editable: t.editable,
           settingsKey: t.settingsKey,
           activeTab: t.activeSettingsTab,
-          onClose: i[4] || (i[4] = (s) => n.value = !1)
-        }, null, 8, ["modelValue", "editable", "settingsKey", "activeTab"])) : r.value ? (X(), o("div", { key: 1 }, [
-          c("div", { class: "flex items-start justify-between border-b border-gray-300 bg-white p-5" }, [
-            c("div", null, [
-              c("button", {
+          onClose: c[4] || (c[4] = (T) => n.value = !1)
+        }, null, 8, ["modelValue", "editable", "settingsKey", "activeTab"])) : r.value ? (o(), X("div", { key: 1 }, [
+          i("div", { class: "flex items-start justify-between border-b border-gray-300 bg-white p-5" }, [
+            i("div", null, [
+              i("button", {
                 class: "cursor-pointer text-sm text-zinc-500 hover:text-zinc-900 hover:underline",
-                onClick: i[5] || (i[5] = (s) => r.value = null)
+                onClick: c[5] || (c[5] = (T) => r.value = null)
               }, " ← Back "),
-              c("h4", { class: "mt-1 text-lg font-bold" }, U(u.value.label || u.value.type), 1)
+              i("h4", { class: "mt-1 text-lg font-bold" }, U(u.value.label || u.value.type), 1)
             ]),
-            r.value && t.editable ? (X(), o("button", {
+            r.value && t.editable ? (o(), X("button", {
               key: 0,
               class: "inline-flex size-7 cursor-pointer items-center justify-center rounded-md border border-gray-300 bg-zinc-100 text-zinc-500 hover:border-red-200 hover:bg-red-100 hover:text-red-600",
               title: "Delete block",
               onClick: b
             }, [
               h(G(Gf), { class: "size-4" })
-            ])) : B("", !0)
+            ])) : R("", !0)
           ]),
           h(br, {
             modelValue: u.value.data,
-            "onUpdate:modelValue": i[6] || (i[6] = (s) => u.value.data = s),
+            "onUpdate:modelValue": c[6] || (c[6] = (T) => u.value.data = T),
             fields: u.value.fields,
             editable: t.editable
           }, null, 8, ["modelValue", "fields", "editable"])
-        ])) : v.value ? (X(), o("div", { key: 2 }, [
-          c("div", { class: "flex items-center justify-between border-b border-gray-300 bg-white p-5" }, [
-            c("div", null, [
-              c("button", {
+        ])) : v.value ? (o(), X("div", { key: 2 }, [
+          i("div", { class: "flex items-center justify-between border-b border-gray-300 bg-white p-5" }, [
+            i("div", null, [
+              i("button", {
                 class: "cursor-pointer text-sm text-zinc-500 hover:text-zinc-900 hover:underline",
-                onClick: i[7] || (i[7] = (s) => v.value = !1)
+                onClick: c[7] || (c[7] = (T) => v.value = !1)
               }, " ← Back "),
-              c("h4", { class: "mt-1 text-lg font-bold" }, "Add block")
+              i("h4", { class: "mt-1 text-lg font-bold" }, "Add block")
             ])
           ]),
           h(sn)
-        ])) : (X(), o("div", { key: 3 }, [
-          c("div", { class: "flex items-center justify-between border-b border-gray-300 bg-white p-5" }, [
-            c("h4", { class: "text-lg font-bold" }, "Blocks (" + U((T = (A = e.value) == null ? void 0 : A[t.blocksKey]) == null ? void 0 : T.length) + ")", 1),
-            t.editable ? (X(), o("button", {
+        ])) : (o(), X("div", { key: 3 }, [
+          i("div", { class: "flex items-center justify-between border-b border-gray-300 bg-white p-5" }, [
+            i("h4", { class: "text-lg font-bold" }, "Blocks (" + U((A = (s = e.value) == null ? void 0 : s[t.blocksKey]) == null ? void 0 : A.length) + ")", 1),
+            t.editable ? (o(), X("button", {
               key: 0,
               class: "inline-flex items-center gap-1.5 rounded-md border border-gray-300 bg-zinc-50 px-3 py-2 text-xs text-zinc-500 hover:border-zinc-400 hover:text-zinc-900 active:border-blue-600 active:bg-blue-50 active:text-blue-600",
               title: "Add block",
               onClick: P
             }, [
-              c("span", null, "Add block"),
+              i("span", null, "Add block"),
               h(G(kr), { class: "size-3" })
-            ])) : B("", !0)
+            ])) : R("", !0)
           ]),
           h(Hn, {
             modelValue: e.value,
-            "onUpdate:modelValue": i[8] || (i[8] = (s) => e.value = s),
+            "onUpdate:modelValue": c[8] || (c[8] = (T) => e.value = T),
             hoveredBlockId: f.value,
-            "onUpdate:hoveredBlockId": i[9] || (i[9] = (s) => f.value = s),
+            "onUpdate:hoveredBlockId": c[9] || (c[9] = (T) => f.value = T),
             editable: t.editable,
             blocksKey: t.blocksKey,
             settingsKey: t.settingsKey,
@@ -3500,17 +3500,17 @@ This action cannot be undone.`
       ]);
     };
   }
-}), Vn = /* @__PURE__ */ Wt(Ln, [["__scopeId", "data-v-07ebdb36"]]), mn = /* @__PURE__ */ _({
+}), mn = /* @__PURE__ */ Wt(Ln, [["__scopeId", "data-v-07ebdb36"]]), Vn = /* @__PURE__ */ _({
   __name: "BrowserNavigation",
   props: {
     url: {}
   },
   setup(t) {
-    return (e, r) => (X(), o("div", { class: "browser-navigation-bar" }, [
-      c("div", { class: "flex items-center justify-between bg-zinc-600 px-5 py-4" }, [
-        c("div", { class: "flex w-full items-center gap-2 rounded-md bg-zinc-700 px-4 py-1.5 text-sm text-zinc-300" }, [
-          c("span", { class: "block flex-1 truncate" }, U(t.url), 1),
-          c("a", {
+    return (e, r) => (o(), X("div", { class: "browser-navigation-bar" }, [
+      i("div", { class: "flex items-center justify-between bg-zinc-600 px-5 py-4" }, [
+        i("div", { class: "flex w-full items-center gap-2 rounded-md bg-zinc-700 px-4 py-1.5 text-sm text-zinc-300" }, [
+          i("span", { class: "block flex-1 truncate" }, U(t.url), 1),
+          i("a", {
             href: t.url,
             target: "_blank",
             title: "Open in new tab",
@@ -3585,42 +3585,73 @@ function qn(t) {
       window.__VUE_PROD_DEVTOOLS__ = false;
       window.__VUE_PROD_HYDRATION_MISMATCH_DETAILS__ = false;
    <\/script>`, a = t ? `<script type="module">
+         console.info('[iframe] Script module starting...');
+         console.info('[iframe] Module URL:', '${t}');
+         
          import { createApp } from 'vue';
+         console.info('[iframe] Vue imported successfully');
+         
          import * as VueRouter from 'vue-router';
+         console.info('[iframe] VueRouter imported successfully');
          // Make vue-router available globally so it can be accessed in the iframe app
          window.VueRouter = VueRouter;
          
+         console.info('[iframe] Attempting to import createIframeApp from:', '${t}');
          import { createIframeApp } from '${t}';
+         console.info('[iframe] createIframeApp imported successfully');
          
          const appEl = document.getElementById('app');
+         console.info('[iframe] App element found:', appEl);
          if (appEl) {
-            createIframeApp(appEl).catch(error => {
-               console.error('Failed to create iframe app:', error);
+            console.info('[iframe] Calling createIframeApp...');
+            createIframeApp(appEl).then(() => {
+               console.info('[iframe] createIframeApp completed successfully');
+            }).catch(error => {
+               console.error('[iframe] Failed to create iframe app:', error);
+               console.error('[iframe] Error stack:', error.stack);
             });
+         } else {
+            console.error('[iframe] App element (#app) not found!');
          }
       <\/script>` : `<script type="module">
          // Fallback: Wait for parent to send module URL via postMessage
+         console.info('[iframe] Fallback script module starting...');
          import { createApp } from 'vue';
+         console.info('[iframe] Vue imported successfully (fallback)');
          import * as VueRouter from 'vue-router';
+         console.info('[iframe] VueRouter imported successfully (fallback)');
          // Make vue-router available globally so it can be imported in the iframe app
          window.VueRouter = VueRouter;
          
          let appInitialized = false;
          
          window.addEventListener('message', async (event) => {
+            console.info('[iframe] Received message:', event.data);
             if (event.data.type === 'INIT_IFRAME_APP' && event.data.moduleUrl && !appInitialized) {
                appInitialized = true;
+               console.info('[iframe] Initializing app with module URL:', event.data.moduleUrl);
                try {
                   const { createIframeApp } = await import(event.data.moduleUrl);
+                  console.info('[iframe] createIframeApp imported successfully (fallback)');
                   const appEl = document.getElementById('app');
+                  console.info('[iframe] App element found (fallback):', appEl);
                   if (appEl) {
-                     createIframeApp(appEl);
+                     console.info('[iframe] Calling createIframeApp (fallback)...');
+                     createIframeApp(appEl).then(() => {
+                        console.info('[iframe] createIframeApp completed successfully (fallback)');
+                     }).catch(error => {
+                        console.error('[iframe] createIframeApp failed (fallback):', error);
+                     });
+                  } else {
+                     console.error('[iframe] App element not found (fallback)!');
                   }
                } catch (error) {
-                  console.error('Failed to load iframe app module:', error);
+                  console.error('[iframe] Failed to load iframe app module:', error);
+                  console.error('[iframe] Error stack:', error.stack);
                   // Fallback: create minimal Vue app
                   const appEl = document.getElementById('app');
                   if (appEl) {
+                     console.info('[iframe] Creating fallback Vue app');
                      createApp({
                         template: '<div class="p-4">Loading preview...</div>'
                      }).mount(appEl);
@@ -3631,7 +3662,10 @@ function qn(t) {
          
          // Notify parent that we're ready to receive module URL
          if (window.parent) {
+            console.info('[iframe] Notifying parent that iframe is ready for app');
             window.parent.postMessage({ type: 'IFRAME_READY_FOR_APP' }, '*');
+         } else {
+            console.warn('[iframe] window.parent is not available');
          }
       <\/script>`;
   return `<!DOCTYPE html>
@@ -3689,20 +3723,20 @@ function Ir(t) {
     return;
   }
 }
-function ie(t, e) {
-  if (!t || !t.contentWindow) {
-    console.warn("Cannot send message: iframe not ready");
+function ce(t, e) {
+  if (console.info("[parent] sendToIframe called:", e.type), !t || !t.contentWindow) {
+    console.warn("[parent] Cannot send message: iframe not ready");
     return;
   }
   const r = Ir(e);
   if (!r) {
-    console.error("Failed to serialize message for postMessage");
+    console.error("[parent] Failed to serialize message for postMessage");
     return;
   }
   try {
-    t.contentWindow.postMessage(r, "*");
+    console.info("[parent] Posting message to iframe:", e.type, r), t.contentWindow.postMessage(r, "*"), console.info("[parent] Message posted successfully");
   } catch (f) {
-    console.error("Error sending message to iframe:", f);
+    console.error("[parent] Error sending message to iframe:", f);
   }
 }
 function Jn(t, e, r, f, n) {
@@ -3713,28 +3747,28 @@ function Jn(t, e, r, f, n) {
     settingsKey: f,
     theme: n
   };
-  ie(t, l);
+  ce(t, l);
 }
 function Dn(t, e) {
-  ie(t, {
+  ce(t, {
     type: "SET_ACTIVE_BLOCK",
     block: e
   });
 }
 function Kn(t, e) {
-  ie(t, {
+  ce(t, {
     type: "SET_HOVERED_BLOCK",
     blockId: e
   });
 }
 function zr(t, e) {
-  ie(t, {
+  ce(t, {
     type: "SET_SETTINGS_OPEN",
     settingsOpen: e
   });
 }
 function gn(t, e) {
-  ie(t, {
+  ce(t, {
     type: "SCROLL_TO_BLOCK",
     blockId: e
   });
@@ -3782,20 +3816,20 @@ function Un(t, e) {
 function Gn(t, e) {
   return tf() ? (ef(t, e), !0) : !1;
 }
-const Bn = typeof window < "u" && typeof document < "u";
+const Rn = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const Rn = Object.prototype.toString, Fn = (t) => Rn.call(t) === "[object Object]", we = () => {
+const Bn = Object.prototype.toString, Fn = (t) => Bn.call(t) === "[object Object]", we = () => {
 };
 function Ye(t) {
   return Array.isArray(t) ? t : [t];
 }
 function Zn(t, e, r) {
-  return ot(t, e, {
+  return Xt(t, e, {
     ...r,
     immediate: !0
   });
 }
-const pr = Bn ? window : void 0;
+const pr = Rn ? window : void 0;
 function fe(t) {
   var e;
   const r = qt(t);
@@ -3818,7 +3852,7 @@ function Le(...t) {
   }, ([a, u, d, P]) => {
     if (r(), !(a != null && a.length) || !(u != null && u.length) || !(d != null && d.length)) return;
     const b = Fn(P) ? { ...P } : P;
-    e.push(...a.flatMap((p) => u.flatMap((i) => d.map((A) => f(p, i, A, b)))));
+    e.push(...a.flatMap((p) => u.flatMap((c) => d.map((s) => f(p, c, s, b)))));
   }, { flush: "post" }), l = () => {
     v(), r();
   };
@@ -3832,62 +3866,62 @@ function Cn(t, e, r = {}) {
     trigger: we
   } : we;
   let u = !0;
-  const d = (s) => qt(n).some((y) => {
-    if (typeof y == "string") return Array.from(f.document.querySelectorAll(y)).some((S) => S === s.target || s.composedPath().includes(S));
+  const d = (T) => qt(n).some((W) => {
+    if (typeof W == "string") return Array.from(f.document.querySelectorAll(W)).some((y) => y === T.target || T.composedPath().includes(y));
     {
-      const S = fe(y);
-      return S && (s.target === S || s.composedPath().includes(S));
+      const y = fe(W);
+      return y && (T.target === y || T.composedPath().includes(y));
     }
   });
-  function P(s) {
-    const y = qt(s);
-    return y && y.$.subTree.shapeFlag === 16;
+  function P(T) {
+    const W = qt(T);
+    return W && W.$.subTree.shapeFlag === 16;
   }
-  function b(s, y) {
-    const S = qt(s), N = S.$.subTree && S.$.subTree.children;
-    return N == null || !Array.isArray(N) ? !1 : N.some((H) => H.el === y.target || y.composedPath().includes(H.el));
+  function b(T, W) {
+    const y = qt(T), O = y.$.subTree && y.$.subTree.children;
+    return O == null || !Array.isArray(O) ? !1 : O.some((z) => z.el === W.target || W.composedPath().includes(z.el));
   }
-  const p = (s) => {
-    const y = fe(t);
-    if (s.target != null && !(!(y instanceof Element) && P(t) && b(t, s)) && !(!y || y === s.target || s.composedPath().includes(y))) {
-      if ("detail" in s && s.detail === 0 && (u = !d(s)), !u) {
+  const p = (T) => {
+    const W = fe(t);
+    if (T.target != null && !(!(W instanceof Element) && P(t) && b(t, T)) && !(!W || W === T.target || T.composedPath().includes(W))) {
+      if ("detail" in T && T.detail === 0 && (u = !d(T)), !u) {
         u = !0;
         return;
       }
-      e(s);
+      e(T);
     }
   };
-  let i = !1;
-  const A = [
-    Le(f, "click", (s) => {
-      i || (i = !0, setTimeout(() => {
-        i = !1;
-      }, 0), p(s));
+  let c = !1;
+  const s = [
+    Le(f, "click", (T) => {
+      c || (c = !0, setTimeout(() => {
+        c = !1;
+      }, 0), p(T));
     }, {
       passive: !0,
       capture: v
     }),
-    Le(f, "pointerdown", (s) => {
-      const y = fe(t);
-      u = !d(s) && !!(y && !s.composedPath().includes(y));
+    Le(f, "pointerdown", (T) => {
+      const W = fe(t);
+      u = !d(T) && !!(W && !T.composedPath().includes(W));
     }, { passive: !0 }),
-    l && Le(f, "blur", (s) => {
+    l && Le(f, "blur", (T) => {
       setTimeout(() => {
-        var y;
-        const S = fe(t);
-        ((y = f.document.activeElement) === null || y === void 0 ? void 0 : y.tagName) === "IFRAME" && !(S != null && S.contains(f.document.activeElement)) && e(s);
+        var W;
+        const y = fe(t);
+        ((W = f.document.activeElement) === null || W === void 0 ? void 0 : W.tagName) === "IFRAME" && !(y != null && y.contains(f.document.activeElement)) && e(T);
       }, 0);
     }, { passive: !0 })
-  ].filter(Boolean), T = () => A.forEach((s) => s());
+  ].filter(Boolean), A = () => s.forEach((T) => T());
   return a ? {
-    stop: T,
+    stop: A,
     cancel: () => {
       u = !1;
     },
-    trigger: (s) => {
-      u = !0, p(s), u = !1;
+    trigger: (T) => {
+      u = !0, p(T), u = !1;
     }
-  } : T;
+  } : A;
 }
 function Mn(t) {
   return typeof t == "function" ? t : typeof t == "string" ? (e) => e.key === t : Array.isArray(t) ? (e) => t.includes(e.key) : () => !0;
@@ -3913,14 +3947,14 @@ const Yn = /* @__PURE__ */ _({
     const r = e, f = t, n = rf("blockComponentRef"), v = Y(() => Ut(f.block.type) || void 0);
     function l(a) {
       var b, p;
-      const u = ((b = a.margin) == null ? void 0 : b.top) || "none", d = ((p = a.margin) == null ? void 0 : p.bottom) || "none", P = (i, A) => `margin-${A}-${i === "small" ? "sm" : i === "medium" ? "md" : i === "large" ? "lg" : i}`;
+      const u = ((b = a.margin) == null ? void 0 : b.top) || "none", d = ((p = a.margin) == null ? void 0 : p.bottom) || "none", P = (c, s) => `margin-${s}-${c === "small" ? "sm" : c === "medium" ? "md" : c === "large" ? "lg" : c}`;
       return [P(u, "top"), P(d, "bottom")].join(" ");
     }
     return Er("Escape", () => {
       f.activeBlock && r("clickBlock", null);
     }), (a, u) => {
       var d, P;
-      return X(), o("div", {
+      return o(), X("div", {
         class: I(["block-wrapper", {
           [l(t.block)]: !0,
           "active-block": ((d = t.activeBlock) == null ? void 0 : d.id) === t.block.id,
@@ -3929,32 +3963,32 @@ const Yn = /* @__PURE__ */ _({
         "data-block-index": t.blockIndex,
         "data-block-id": t.block.id
       }, [
-        v.value ? (X(), o("div", {
+        v.value ? (o(), X("div", {
           key: 0,
           class: "block-component",
           onMouseenter: u[0] || (u[0] = (b) => r("hoverBlock", t.block.id)),
           onMouseleave: u[1] || (u[1] = (b) => r("hoverBlock", null)),
           onClick: u[2] || (u[2] = (b) => r("clickBlock", t.block))
         }, [
-          ((P = t.activeBlock) == null ? void 0 : P.id) === t.block.id ? (X(), o("div", {
+          ((P = t.activeBlock) == null ? void 0 : P.id) === t.block.id ? (o(), X("div", {
             key: 0,
             class: "editing-badge absolute right-2 top-2 z-40 rounded-full px-2 py-1 text-xs text-white"
           }, [
-            c("span", null, "Editing")
-          ])) : B("", !0),
-          (X(), ut(Yt(v.value), kt(t.block, {
+            i("span", null, "Editing")
+          ])) : R("", !0),
+          (o(), ut(Yt(v.value), kt(t.block, {
             ref_key: "blockComponentRef",
             ref: n
           }), null, 16))
-        ], 32)) : (X(), o("div", {
+        ], 32)) : (o(), X("div", {
           key: 1,
           class: "block-not-found px-3 py-2",
           onMouseenter: u[3] || (u[3] = (b) => r("hoverBlock", t.block.id)),
           onMouseleave: u[4] || (u[4] = (b) => r("hoverBlock", null))
         }, [
-          c("div", { class: "rounded-lg bg-zinc-200 p-5 px-3 text-center text-sm text-zinc-600" }, [
-            c("p", { class: "mb-2" }, "Block not registered"),
-            c("span", { class: "rounded-full bg-zinc-300 px-2 py-1 text-zinc-600" }, U(G(fr)(t.block.type)), 1)
+          i("div", { class: "rounded-lg bg-zinc-200 p-5 px-3 text-center text-sm text-zinc-600" }, [
+            i("p", { class: "mb-2" }, "Block not registered"),
+            i("span", { class: "rounded-full bg-zinc-300 px-2 py-1 text-zinc-600" }, U(G(fr)(t.block.type)), 1)
           ])
         ], 32))
       ], 10, ["data-block-index", "data-block-id"]);
@@ -3983,7 +4017,7 @@ const Yn = /* @__PURE__ */ _({
       const d = u.dataTransfer.getData("block-type");
       d && f("blockAdded", d);
     }
-    return (u, d) => t.editable ? (X(), o("div", {
+    return (u, d) => t.editable ? (o(), X("div", {
       key: 0,
       class: I(["relative p-5 py-12 text-center transition-all duration-200", { "dropzone-active": r.value }]),
       onDragover: Pt(n, ["prevent"]),
@@ -3991,31 +4025,31 @@ const Yn = /* @__PURE__ */ _({
       onDragleave: l,
       onDrop: Pt(a, ["prevent"])
     }, [
-      r.value ? (X(), o("div", {
+      r.value ? (o(), X("div", {
         key: 0,
         class: "absolute inset-0 z-10 flex items-center justify-center rounded-lg border-2 border-dashed border-blue-500 bg-blue-50/80 backdrop-blur-sm"
       }, [
-        c("div", { class: "text-center" }, [
-          c("p", { class: "text-lg font-semibold text-blue-700" }, "Drop block here"),
-          c("p", { class: "mt-1 text-sm text-blue-600" }, "Release to add your first block")
+        i("div", { class: "text-center" }, [
+          i("p", { class: "text-lg font-semibold text-blue-700" }, "Drop block here"),
+          i("p", { class: "mt-1 text-sm text-blue-600" }, "Release to add your first block")
         ])
-      ])) : B("", !0),
-      c("h2", { class: "mb-3 text-xl font-bold" }, "No blocks found"),
-      t.editable ? (X(), o("p", {
+      ])) : R("", !0),
+      i("h2", { class: "mb-3 text-xl font-bold" }, "No blocks found"),
+      t.editable ? (o(), X("p", {
         key: 1,
         class: "mb-9 inline-flex items-center gap-1.5 rounded-md border border-gray-300 bg-zinc-50 px-3 py-2 text-sm text-zinc-500"
-      }, " Add a block to get started ")) : B("", !0),
-      c("img", {
+      }, " Add a block to get started ")) : R("", !0),
+      i("img", {
         src: G(Hr),
         alt: "Empty state",
         class: "mx-auto h-auto w-full max-w-xs"
       }, null, 8, ["src"])
-    ], 34)) : (X(), o("div", {
+    ], 34)) : (o(), X("div", {
       key: 1,
       class: "p-5 py-12 text-center"
     }, [
-      c("h2", { class: "mb-3 text-xl font-bold" }, "No blocks found"),
-      c("img", {
+      i("h2", { class: "mb-3 text-xl font-bold" }, "No blocks found"),
+      i("img", {
         src: G(Hr),
         alt: "Empty state",
         class: "mx-auto h-auto w-full max-w-xs"
@@ -4039,35 +4073,35 @@ const Yn = /* @__PURE__ */ _({
       if (r.value)
         return Nr(e.layout);
     });
-    function u(W) {
+    function u(w) {
       p({
         type: "BLOCK_CLICK",
-        block: W
+        block: w
       });
     }
-    function d(W) {
+    function d(w) {
       p({
         type: "BLOCK_HOVER",
-        blockId: W
+        blockId: w
       });
     }
-    function P(W) {
+    function P(w) {
       p({
         type: "BLOCK_ADD",
-        blockType: W
+        blockType: w
       });
     }
-    function b(W) {
+    function b(w) {
       try {
-        return JSON.parse(JSON.stringify(W));
+        return JSON.parse(JSON.stringify(w));
       } catch (V) {
         console.warn("[iframe] Failed to serialize data for postMessage:", V);
         return;
       }
     }
-    function p(W) {
+    function p(w) {
       if (window.parent) {
-        const V = b(W);
+        const V = b(w);
         if (!V) {
           console.error("[iframe] Failed to serialize message for postMessage");
           return;
@@ -4076,80 +4110,80 @@ const Yn = /* @__PURE__ */ _({
       } else
         console.error("[iframe] No parent window found");
     }
-    let i = null;
-    function A() {
+    let c = null;
+    function s() {
       if (!f.value) {
         console.error("[iframe] EditorPageRenderer: No editor reference found");
         return;
       }
-      i = (W) => {
-        const q = W.target.closest("[data-partial]");
+      c = (w) => {
+        const q = w.target.closest("[data-partial]");
         q && p({
           type: "CLICK_PARTIAL",
           partial: q.getAttribute("data-partial")
         });
-      }, f.value.addEventListener("click", i);
+      }, f.value.addEventListener("click", c);
     }
-    const T = j(null), s = j(!1), y = j(null), S = j(null);
-    function N(W) {
+    const A = j(null), T = j(!1), W = j(null), y = j(null);
+    function O(w) {
       var q;
-      n.value || document.querySelector(".sortable-drag, .sortable-ghost") || (q = W.dataTransfer) != null && q.types.includes("block-type") && (s.value = !0, W.preventDefault(), W.stopPropagation());
+      n.value || document.querySelector(".sortable-drag, .sortable-ghost") || (q = w.dataTransfer) != null && q.types.includes("block-type") && (T.value = !0, w.preventDefault(), w.stopPropagation());
     }
-    function H(W) {
+    function z(w) {
       if (n.value)
         return;
-      const V = W.relatedTarget, q = W.currentTarget;
-      q != null && q.contains(V) || (s.value = !1, y.value = null, S.value = null);
+      const V = w.relatedTarget, q = w.currentTarget;
+      q != null && q.contains(V) || (T.value = !1, W.value = null, y.value = null);
     }
-    function k(W) {
+    function k(w) {
       var F;
-      if (n.value || document.querySelector(".sortable-drag, .sortable-ghost") || !((F = W.dataTransfer) != null && F.types.includes("block-type")))
+      if (n.value || document.querySelector(".sortable-drag, .sortable-ghost") || !((F = w.dataTransfer) != null && F.types.includes("block-type")))
         return;
-      if (W.preventDefault(), W.stopPropagation(), W.dataTransfer && (W.dataTransfer.dropEffect = "move"), !e.blocks || e.blocks.length === 0) {
-        y.value = 0, S.value = 0;
+      if (w.preventDefault(), w.stopPropagation(), w.dataTransfer && (w.dataTransfer.dropEffect = "move"), !e.blocks || e.blocks.length === 0) {
+        W.value = 0, y.value = 0;
         return;
       }
-      const K = W.target.closest("[data-block-id]"), R = T.value;
-      if (R)
+      const K = w.target.closest("[data-block-id]"), B = A.value;
+      if (B)
         if (K) {
           const g = K.getAttribute("data-block-id");
           if (g) {
             const vt = e.blocks.findIndex(($) => $.id === g);
             if (vt !== -1) {
-              const $ = K.getBoundingClientRect(), ct = R.getBoundingClientRect(), yt = W.clientY, _t = $.top + $.height / 2;
-              yt < _t ? (y.value = vt, S.value = $.top - ct.top - 2) : (y.value = vt + 1, S.value = $.bottom - ct.top - 2);
+              const $ = K.getBoundingClientRect(), it = B.getBoundingClientRect(), yt = w.clientY, _t = $.top + $.height / 2;
+              yt < _t ? (W.value = vt, y.value = $.top - it.top - 2) : (W.value = vt + 1, y.value = $.bottom - it.top - 2);
             }
           }
         } else {
-          y.value = e.blocks.length;
-          const g = R.getBoundingClientRect();
-          S.value = g.height - 2;
+          W.value = e.blocks.length;
+          const g = B.getBoundingClientRect();
+          y.value = g.height - 2;
         }
     }
-    function z(W) {
-      var R;
-      if (n.value || document.querySelector(".sortable-drag, .sortable-ghost") || !((R = W.dataTransfer) != null && R.types.includes("block-type")))
+    function H(w) {
+      var B;
+      if (n.value || document.querySelector(".sortable-drag, .sortable-ghost") || !((B = w.dataTransfer) != null && B.types.includes("block-type")))
         return;
-      if (W.preventDefault(), W.stopPropagation(), !W.dataTransfer) {
-        s.value = !1, y.value = null, S.value = null;
+      if (w.preventDefault(), w.stopPropagation(), !w.dataTransfer) {
+        T.value = !1, W.value = null, y.value = null;
         return;
       }
-      const q = W.dataTransfer.getData("block-type") || W.dataTransfer.getData("text/plain");
+      const q = w.dataTransfer.getData("block-type") || w.dataTransfer.getData("text/plain");
       if (!q) {
-        s.value = !1, y.value = null, S.value = null;
+        T.value = !1, W.value = null, y.value = null;
         return;
       }
       let K;
       if (!e.blocks || e.blocks.length === 0)
         K = 0;
       else {
-        const g = W.target.closest("[data-block-id]");
+        const g = w.target.closest("[data-block-id]");
         if (g) {
           const vt = g.getAttribute("data-block-id");
           if (vt) {
-            const $ = e.blocks.findIndex((ct) => ct.id === vt);
+            const $ = e.blocks.findIndex((it) => it.id === vt);
             if ($ !== -1) {
-              const ct = g.getBoundingClientRect(), yt = W.clientY, _t = ct.top + ct.height / 2;
+              const it = g.getBoundingClientRect(), yt = w.clientY, _t = it.top + it.height / 2;
               K = yt < _t ? $ : $ + 1;
             } else
               K = e.blocks.length;
@@ -4158,13 +4192,13 @@ const Yn = /* @__PURE__ */ _({
         } else
           K = e.blocks.length;
       }
-      s.value = !1, y.value = null, S.value = null, p({
+      T.value = !1, W.value = null, y.value = null, p({
         type: "BLOCK_ADD",
         blockType: q,
         index: K
       });
     }
-    async function x() {
+    async function L() {
       var q, K;
       if (n.value || l.value)
         return;
@@ -4172,24 +4206,24 @@ const Yn = /* @__PURE__ */ _({
         console.warn("Cannot initialize Sortable: layout component is not set");
         return;
       }
-      const W = (q = e.blocks) == null ? void 0 : q.length;
-      if (!W || W === 0) {
+      const w = (q = e.blocks) == null ? void 0 : q.length;
+      if (!w || w === 0) {
         console.warn("Cannot initialize Sortable: no blocks exist");
         return;
       }
-      const V = T.value || document.getElementById("page-blocks-wrapper");
+      const V = A.value || document.getElementById("page-blocks-wrapper");
       if (!V) {
         console.warn("page-blocks-wrapper element not found. Conditions:", {
           hasLayout: !!a.value,
           blockCount: (K = e.blocks) == null ? void 0 : K.length,
-          hasRef: !!T.value,
+          hasRef: !!A.value,
           pageViewportExists: !!document.getElementById("page-viewport")
         });
         return;
       }
       if (v.value) {
-        const { el: R } = v.value;
-        if (R && R.isConnected && R === V)
+        const { el: B } = v.value;
+        if (B && B.isConnected && B === V)
           return;
         try {
           v.value.destroy();
@@ -4199,7 +4233,7 @@ const Yn = /* @__PURE__ */ _({
       }
       l.value = !0;
       try {
-        v.value = new O(V, {
+        v.value = new x(V, {
           animation: 150,
           ghostClass: "sortable-ghost",
           chosenClass: "sortable-chosen",
@@ -4214,16 +4248,16 @@ const Yn = /* @__PURE__ */ _({
           onStart: () => {
             n.value = !0;
           },
-          onAdd: (R) => {
-            const { item: F, newIndex: g } = R, vt = F.getAttribute("data-block-type");
+          onAdd: (B) => {
+            const { item: F, newIndex: g } = B, vt = F.getAttribute("data-block-type");
             vt && (p({
               type: "BLOCK_ADD",
               blockType: vt,
               index: g
             }), F.remove());
           },
-          onEnd: async (R) => {
-            const { oldIndex: F, newIndex: g } = R;
+          onEnd: async (B) => {
+            const { oldIndex: F, newIndex: g } = B;
             F != null && g !== null && g !== void 0 && F !== g && p({
               type: "BLOCK_REORDER",
               oldIndex: F,
@@ -4236,60 +4270,60 @@ const Yn = /* @__PURE__ */ _({
       }
     }
     return $t(async () => {
-      r.value = !1, await Ve(e.theme, !1), r.value = !0, A();
-    }), ot(
+      r.value = !1, await me(e.theme, !1), r.value = !0, s();
+    }), Xt(
       [() => e.blocks, () => a.value, () => r.value],
-      async ([W, V, q]) => {
-        q && V && W && W.length > 0 && (await It(), await x());
+      async ([w, V, q]) => {
+        q && V && w && w.length > 0 && (await It(), await L());
       },
       { immediate: !0 }
-    ), Bt(async () => {
-      e.blocks && e.blocks.length > 0 && a.value && r.value && (await It(), await x());
+    ), Rt(async () => {
+      e.blocks && e.blocks.length > 0 && a.value && r.value && (await It(), await L());
     }), rr(() => {
-      if (i && f.value && (f.value.removeEventListener("click", i), i = null), v.value) {
+      if (c && f.value && (f.value.removeEventListener("click", c), c = null), v.value) {
         try {
           v.value.destroy();
         } catch {
         }
         v.value = null;
       }
-    }), (W, V) => (X(), o("div", {
+    }), (w, V) => (o(), X("div", {
       id: "page-viewport",
       ref_key: "editorRef",
       ref: f,
       class: I(["page-renderer-wrapper relative", { "settings-open": t.settingsOpen }])
     }, [
-      r.value ? (X(), o(tt, { key: 0 }, [
-        a.value ? (X(), ut(Yt(a.value), kt({ key: 0 }, t.settings, { blocks: t.blocks }), {
+      r.value ? (o(), X(tt, { key: 0 }, [
+        a.value ? (o(), ut(Yt(a.value), kt({ key: 0 }, t.settings, { blocks: t.blocks }), {
           default: xr(() => {
             var q;
             return [
-              (q = t.blocks) != null && q.length ? (X(), o("div", {
+              (q = t.blocks) != null && q.length ? (o(), X("div", {
                 key: 1,
                 id: "page-blocks-wrapper",
                 ref_key: "pageBlocksWrapperRef",
-                ref: T,
-                class: I(["relative", { "drag-over": s.value }]),
-                onDragenter: N,
-                onDragleave: H,
+                ref: A,
+                class: I(["relative", { "drag-over": T.value }]),
+                onDragenter: O,
+                onDragleave: z,
                 onDragover: k,
-                onDrop: z
+                onDrop: H
               }, [
-                s.value && y.value !== null && S.value !== null ? (X(), o("div", {
+                T.value && W.value !== null && y.value !== null ? (o(), X("div", {
                   key: 0,
                   class: "drop-indicator",
-                  style: Lr({ top: S.value + "px" })
+                  style: Lr({ top: y.value + "px" })
                 }, [
-                  c("div", { class: "drop-indicator-line" }),
-                  c("div", { class: "drop-indicator-label" }, "Drop here"),
-                  c("div", { class: "drop-indicator-line" })
-                ], 4)) : B("", !0),
-                (X(!0), o(tt, null, nt(t.blocks, (K, R) => (X(), o("div", {
+                  i("div", { class: "drop-indicator-line" }),
+                  i("div", { class: "drop-indicator-label" }, "Drop here"),
+                  i("div", { class: "drop-indicator-line" })
+                ], 4)) : R("", !0),
+                (o(!0), X(tt, null, nt(t.blocks, (K, B) => (o(), X("div", {
                   key: K.id
                 }, [
                   h(In, {
                     block: K,
-                    blockIndex: R,
+                    blockIndex: B,
                     activeBlock: t.activeBlock,
                     editable: t.editable,
                     hoveredBlockId: t.hoveredBlockId,
@@ -4297,7 +4331,7 @@ const Yn = /* @__PURE__ */ _({
                     onClickBlock: u
                   }, null, 8, ["block", "blockIndex", "activeBlock", "editable", "hoveredBlockId"])
                 ]))), 128))
-              ], 34)) : (X(), ut(En, {
+              ], 34)) : (o(), ut(En, {
                 key: 0,
                 editable: t.editable,
                 onBlockAdded: P
@@ -4305,12 +4339,12 @@ const Yn = /* @__PURE__ */ _({
             ];
           }),
           _: 1
-        }, 16, ["blocks"])) : (X(), o("div", {
+        }, 16, ["blocks"])) : (o(), X("div", {
           key: 1,
           class: "rounded-b-lg bg-white px-5 py-12 md:py-20"
         }, [
-          c("div", { class: "mx-auto max-w-md pb-7 text-center" }, [
-            (X(), o("svg", {
+          i("div", { class: "mx-auto max-w-md pb-7 text-center" }, [
+            (o(), X("svg", {
               xmlns: "http://www.w3.org/2000/svg",
               fill: "none",
               viewBox: "0 0 24 24",
@@ -4318,28 +4352,28 @@ const Yn = /* @__PURE__ */ _({
               stroke: "currentColor",
               class: "mx-auto size-20 text-gray-400"
             }, [
-              c("path", {
+              i("path", {
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
                 d: "M12 9v3.75m9-.75a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9 3.75h.008v.008H12v-.008Z"
               })
             ])),
-            c("h2", { class: "text-2xl font-bold text-gray-900" }, "No layout found"),
-            c("p", { class: "mt-4 text-pretty text-gray-700" }, " Get started by creating your first layout. It only takes a few seconds. "),
-            c("p", { class: "mt-6 text-sm text-gray-700" }, [
-              c("a", {
+            i("h2", { class: "text-2xl font-bold text-gray-900" }, "No layout found"),
+            i("p", { class: "mt-4 text-pretty text-gray-700" }, " Get started by creating your first layout. It only takes a few seconds. "),
+            i("p", { class: "mt-6 text-sm text-gray-700" }, [
+              i("a", {
                 href: "#",
                 class: "underline hover:text-gray-900"
               }, "Learn how"),
-              Xe(" or "),
-              c("a", {
+              oe(" or "),
+              i("a", {
                 href: "#",
                 class: "underline hover:text-gray-900"
               }, "view examples")
             ])
           ])
         ]))
-      ], 64)) : B("", !0)
+      ], 64)) : R("", !0)
     ], 2));
   }
 }), jr = /* @__PURE__ */ Wt(Qn, [["__scopeId", "data-v-d3e4c269"]]);
@@ -4347,70 +4381,87 @@ function $n() {
   return import.meta.url;
 }
 async function dv(t) {
+  console.info("[iframe] createIframeApp called with container:", t), console.info("[iframe] Container element:", t.tagName, t.id, t.className);
   const e = j(null), r = j(null), f = j(null), n = j(!1), v = j("blocks"), l = j("settings"), a = j("default");
-  function u(A) {
+  console.info("[iframe] State initialized");
+  function u(s) {
     try {
-      return JSON.parse(JSON.stringify(A));
+      return JSON.parse(JSON.stringify(s));
     } catch {
       return;
     }
   }
-  function d(A) {
+  function d(s) {
     if (window.parent) {
-      const T = u(A);
-      if (!T)
+      const A = u(s);
+      if (!A)
         return;
-      window.parent.postMessage(T, "*");
+      window.parent.postMessage(A, "*");
     }
   }
-  window.addEventListener("message", (A) => {
-    const T = A.data;
-    if (!(!T || !T.type))
-      switch (T.type) {
+  console.info("[iframe] Setting up message listener"), window.addEventListener("message", (s) => {
+    const A = s.data;
+    if (console.info("[iframe] Received message:", A == null ? void 0 : A.type, A), !(!A || !A.type))
+      switch (A.type) {
         case "UPDATE_PAGE_DATA":
-          T.pageData && (e.value = T.pageData), T.blocksKey && (v.value = T.blocksKey), T.settingsKey && (l.value = T.settingsKey), T.theme && (a.value = T.theme);
+          console.info("[iframe] UPDATE_PAGE_DATA received", {
+            hasPageData: !!A.pageData,
+            blocksKey: A.blocksKey,
+            settingsKey: A.settingsKey,
+            theme: A.theme
+          }), A.pageData && (e.value = A.pageData, console.info("[iframe] pageData updated:", e.value)), A.blocksKey && (v.value = A.blocksKey), A.settingsKey && (l.value = A.settingsKey), A.theme && (a.value = A.theme);
           break;
         case "SET_ACTIVE_BLOCK":
-          r.value = T.block;
+          r.value = A.block;
           break;
         case "SET_HOVERED_BLOCK":
-          f.value = T.blockId;
+          f.value = A.blockId;
           break;
         case "SET_SETTINGS_OPEN":
-          n.value = T.settingsOpen;
+          n.value = A.settingsOpen;
           break;
         case "SCROLL_TO_BLOCK": {
-          const s = document.querySelector(`[data-block-id="${T.blockId}"]`);
-          s && s.scrollIntoView({ behavior: "smooth", block: "center" });
+          const T = document.querySelector(`[data-block-id="${A.blockId}"]`);
+          T && T.scrollIntoView({ behavior: "smooth", block: "center" });
           break;
         }
       }
-  });
+  }), console.info("[iframe] Creating Vue app...");
   const P = ff({
     components: {
       EditorPageRenderer: jr
     },
     setup() {
-      const A = j(!1);
-      return ot(
+      console.info("[iframe] Vue app setup() called");
+      const s = j(!1);
+      return console.info("[iframe] Setting up pageData watcher"), Xt(
         () => e.value,
-        async (T) => {
-          T && T[v.value] ? (await new Promise((s) => setTimeout(s, 200)), A.value = !0) : A.value = !1;
+        async (A) => {
+          console.info("[iframe] pageData watcher triggered:", {
+            hasNewPageData: !!A,
+            blocksKey: v.value,
+            hasBlocks: !!(A && A[v.value])
+          }), A && A[v.value] ? (console.info("[iframe] Waiting 200ms for PageRenderer to load blocks..."), await new Promise((T) => setTimeout(T, 200)), s.value = !0, console.info("[iframe] isPageReady set to true")) : (s.value = !1, console.info("[iframe] isPageReady set to false (no pageData)"));
         },
         { immediate: !0 }
       ), () => {
-        var S;
-        const T = e.value, y = T && T[v.value] && T ? T[v.value] : [];
-        return A.value && T ? Dt(jr, {
-          blocks: y,
-          layout: (S = T[l.value]) == null ? void 0 : S.layout,
-          settings: T[l.value],
+        var y;
+        const A = e.value, T = A && A[v.value], W = T && A ? A[v.value] : [];
+        return console.info("[iframe] Render function called:", {
+          isPageReady: s.value,
+          hasPageData: !!A,
+          hasBlocks: T,
+          blocksCount: (W == null ? void 0 : W.length) || 0
+        }), s.value && A ? (console.info("[iframe] Rendering EditorPageRenderer"), Dt(jr, {
+          blocks: W,
+          layout: (y = A[l.value]) == null ? void 0 : y.layout,
+          settings: A[l.value],
           activeBlock: r.value,
           hoveredBlockId: f.value,
           settingsOpen: n.value,
           editable: !0,
           theme: a.value
-        }) : Dt("div", { class: "bg-white px-5 py-12 md:py-20" }, [
+        })) : (console.info("[iframe] Rendering loading state"), Dt("div", { class: "bg-white px-5 py-12 md:py-20" }, [
           Dt("div", { class: "mx-auto max-w-md pb-7 text-center" }, [
             Dt(
               "svg",
@@ -4438,27 +4489,33 @@ async function dv(t) {
             ),
             Dt("span", { class: "mt-4 text-gray-700" }, "Loading preview...")
           ])
-        ]);
+        ]));
       };
     }
   }), b = new Function("modulePath", "return import(modulePath)");
+  console.info("[iframe] Attempting to install @vueuse/head plugin...");
   try {
-    const A = await b("@vueuse/head");
-    if (A && typeof A.createHead == "function") {
-      const T = A.createHead();
-      P.use(T);
-    }
-  } catch {
+    const s = await b("@vueuse/head");
+    if (s && typeof s.createHead == "function") {
+      console.info("[iframe] @vueuse/head found, installing plugin");
+      const A = s.createHead();
+      P.use(A), console.info("[iframe] @vueuse/head plugin installed");
+    } else
+      console.info("[iframe] @vueuse/head module found but createHead is not a function");
+  } catch (s) {
+    console.info("[iframe] @vueuse/head not available (this is OK):", s);
   }
-  let p = null, i = !1;
+  console.info("[iframe] Attempting to install vue-router...");
+  let p = null, c = !1;
   try {
-    p = await import("vue-router");
-  } catch {
-    p = typeof window < "u" ? window.VueRouter : null;
+    console.info("[iframe] Trying to import vue-router dynamically..."), p = await b("vue-router"), console.info("[iframe] vue-router imported successfully:", !!p);
+  } catch (s) {
+    console.info("[iframe] Dynamic import failed, trying CDN version:", s), p = typeof window < "u" ? window.VueRouter : null, console.info("[iframe] VueRouter from window:", !!p);
   }
   if (p && typeof p.createRouter == "function")
     try {
-      const A = p.createRouter({
+      console.info("[iframe] Creating vue-router instance...");
+      const s = p.createRouter({
         history: p.createMemoryHistory(),
         routes: [
           {
@@ -4470,24 +4527,29 @@ async function dv(t) {
             component: { template: "<div></div>" }
           }
         ]
-      }), T = A.resolve.bind(A);
-      A.resolve = (y) => {
-        const S = T(y);
-        return S.route && (!S.route.matched || S.route.matched.length === 0) && (S.route.matched = [
+      });
+      console.info("[iframe] Router created, setting up resolve override...");
+      const A = s.resolve.bind(s);
+      s.resolve = (W) => {
+        const y = A(W);
+        return y.route && (!y.route.matched || y.route.matched.length === 0) && (y.route.matched = [
           {
-            path: S.route.path || "/",
-            name: S.route.name,
-            meta: S.route.meta || {},
+            path: y.route.path || "/",
+            name: y.route.name,
+            meta: y.route.meta || {},
             components: {},
             children: []
           }
-        ]), S;
-      }, P.use(A), await A.isReady();
-      const s = A.currentRoute.value;
-      s && (!s.matched || s.matched.length === 0) && await A.push("/"), i = !0;
-    } catch {
+        ]), y;
+      }, console.info("[iframe] Installing router on app..."), P.use(s), console.info("[iframe] Waiting for router to be ready..."), await s.isReady(), console.info("[iframe] Router is ready");
+      const T = s.currentRoute.value;
+      T && (!T.matched || T.matched.length === 0) && (console.info("[iframe] Navigating to / to ensure route has matched array"), await s.push("/")), c = !0, console.info("[iframe] Router installed successfully");
+    } catch (s) {
+      console.error("[iframe] Failed to install router:", s);
     }
-  return i || console.warn("[iframe preview] Router was not installed - RouterLink components will fail"), P.mount(t), d({ type: "IFRAME_READY" }), P;
+  else
+    console.info("[iframe] VueRouter not available or createRouter is not a function");
+  return c || console.warn("[iframe preview] Router was not installed - RouterLink components will fail"), console.info("[iframe] Mounting app to container..."), console.info("[iframe] Container before mount:", t.innerHTML), P.mount(t), console.info("[iframe] App mounted successfully"), console.info("[iframe] Container after mount:", t.innerHTML), console.info("[iframe] Sending IFRAME_READY message to parent"), d({ type: "IFRAME_READY" }), P;
 }
 const _n = /* @__PURE__ */ _({
   __name: "IframePreview",
@@ -4506,84 +4568,115 @@ const _n = /* @__PURE__ */ _({
   setup(t, { emit: e }) {
     const r = $n(), f = t, n = e, v = j(null), l = j(null), a = j(!1), u = j(""), d = Y(() => f.blocksKey || "blocks"), P = Y(() => f.settingsKey || "settings");
     function b() {
-      const s = qn(r), y = new Blob([s], { type: "text/html" });
-      return URL.createObjectURL(y);
+      var W, y;
+      if (console.info("[parent] Iframe load event fired"), console.info("[parent] Iframe ref:", v.value), console.info("[parent] Iframe contentWindow:", (W = v.value) == null ? void 0 : W.contentWindow), (y = v.value) != null && y.contentWindow)
+        try {
+          console.info("[parent] Iframe document:", v.value.contentWindow.document), console.info("[parent] Iframe document body:", v.value.contentWindow.document.body), console.info(
+            "[parent] Iframe document body innerHTML length:",
+            v.value.contentWindow.document.body.innerHTML.length
+          );
+        } catch (O) {
+          console.info("[parent] Cannot access iframe document (cross-origin?):", O);
+        }
     }
-    async function p() {
-      !v.value || !a.value || !f.pageData || !f.pageData[d.value] || (await It(), Jn(v.value, f.pageData, d.value, P.value, f.theme || "default"));
+    function p() {
+      console.info("[parent] Creating iframe src, module URL:", r);
+      const W = qn(r), y = new Blob([W], { type: "text/html" }), O = URL.createObjectURL(y);
+      return console.info("[parent] Iframe blob URL created:", O), O;
     }
-    let i = null;
+    async function c() {
+      if (console.info("[parent] updateIframeContent called", {
+        hasIframeRef: !!v.value,
+        iframeReady: a.value,
+        hasPageData: !!f.pageData,
+        hasBlocks: !!(f.pageData && f.pageData[d.value])
+      }), !v.value || !a.value) {
+        console.info("[parent] Skipping update - iframe not ready");
+        return;
+      }
+      if (!f.pageData || !f.pageData[d.value]) {
+        console.info("[parent] Skipping update - no pageData or blocks");
+        return;
+      }
+      await It(), console.info("[parent] Sending pageData update to iframe"), Jn(v.value, f.pageData, d.value, P.value, f.theme || "default");
+    }
+    let s = null;
     function A() {
-      i = (s) => {
+      console.info("[parent] Setting up message listener"), s = (W) => {
         var y;
-        s.source === ((y = v.value) == null ? void 0 : y.contentWindow) && Un(s, {
-          onBlockClick: (S, N) => {
-            n("click-block", N);
+        if (W.source !== ((y = v.value) == null ? void 0 : y.contentWindow)) {
+          console.info("[parent] Ignoring message from different source");
+          return;
+        }
+        console.info("[parent] Received message from iframe:", W.data), Un(W, {
+          onBlockClick: (O, z) => {
+            n("click-block", z);
           },
-          onBlockHover: (S) => {
-            n("hover-block", S);
+          onBlockHover: (O) => {
+            n("hover-block", O);
           },
-          onBlockReorder: (S, N) => {
-            n("block-reorder", S, N);
+          onBlockReorder: (O, z) => {
+            n("block-reorder", O, z);
           },
-          onBlockAdd: (S, N) => {
-            n("block-add", S, N);
+          onBlockAdd: (O, z) => {
+            n("block-add", O, z);
           },
-          onPartialClick: (S) => {
-            n("click-partial", S);
+          onPartialClick: (O) => {
+            n("click-partial", O);
           },
           onIframeReady: () => {
-            a.value = !0, setTimeout(() => {
-              p(), v.value && f.settingsOpen !== void 0 && zr(v.value, f.settingsOpen);
+            console.info("[parent] IFRAME_READY received, setting iframeReady to true"), a.value = !0, setTimeout(() => {
+              console.info("[parent] Timeout completed, calling updateIframeContent"), c(), v.value && f.settingsOpen !== void 0 && (console.info("[parent] Sending initial settingsOpen state"), zr(v.value, f.settingsOpen));
             }, 100);
           }
         });
-      }, window.addEventListener("message", i);
+      }, window.addEventListener("message", s), console.info("[parent] Message listener added");
     }
     function T() {
-      i && (window.removeEventListener("message", i), i = null);
+      s && (window.removeEventListener("message", s), s = null);
     }
-    return ot(
+    return Xt(
       [() => f.pageData, () => f.theme],
       async () => {
-        await It(), p();
+        await It(), c();
       },
       { deep: !0 }
-    ), ot(
+    ), Xt(
       () => f.activeBlock,
-      async (s) => {
-        v.value && a.value && (Dn(v.value, s || null), s != null && s.id && (await It(), gn(v.value, s.id)));
+      async (W) => {
+        v.value && a.value && (Dn(v.value, W || null), W != null && W.id && (await It(), gn(v.value, W.id)));
       }
-    ), ot(
+    ), Xt(
       () => f.hoveredBlockId,
-      (s) => {
-        v.value && a.value && Kn(v.value, s);
+      (W) => {
+        v.value && a.value && Kn(v.value, W);
       }
-    ), ot(
+    ), Xt(
       () => f.settingsOpen,
-      (s) => {
-        v.value && a.value && zr(v.value, s ?? !1);
+      (W) => {
+        v.value && a.value && zr(v.value, W ?? !1);
       }
-    ), Bt(() => {
-      u.value = b(), A();
+    ), Rt(() => {
+      console.info("[parent] IframePreview component mounted"), u.value = p(), console.info("[parent] Iframe src set:", u.value), A();
     }), rr(() => {
       T(), u.value.startsWith("blob:") && URL.revokeObjectURL(u.value);
-    }), (s, y) => (X(), o("div", {
+    }), (W, y) => (o(), X("div", {
       ref_key: "containerRef",
       ref: l,
       class: "iframe-preview-container"
     }, [
-      c("iframe", {
+      i("iframe", {
         ref_key: "iframeRef",
         ref: v,
         title: "Page preview",
         src: u.value,
         class: "iframe-preview",
-        frameborder: "0"
-      }, null, 8, ["src"])
+        frameborder: "0",
+        onLoad: b
+      }, null, 40, ["src"])
     ], 512));
   }
-}), tv = /* @__PURE__ */ Wt(_n, [["__scopeId", "data-v-24174304"]]), bv = /* @__PURE__ */ _({
+}), tv = /* @__PURE__ */ Wt(_n, [["__scopeId", "data-v-e68cfe9f"]]), bv = /* @__PURE__ */ _({
   __name: "WswgPageBuilder",
   props: /* @__PURE__ */ Tt({
     editable: { type: Boolean, default: !1 },
@@ -4601,30 +4694,30 @@ const _n = /* @__PURE__ */ _({
   emits: ["update:modelValue"],
   setup(t) {
     const e = t, r = j("desktop"), f = j(!1), n = j(!1), v = j(null), l = j(!1), a = j(null), u = j(void 0), d = j(380), P = j(null), b = j(!1), p = rt(t, "modelValue");
-    function i(z) {
-      d.value = z;
+    function c(H) {
+      d.value = H;
     }
-    const A = Y(() => {
-      var z, x;
-      return !!(Object.keys(zt).length > 1 || (z = p.value) != null && z[e.settingsKey] && Object.keys((x = p.value) == null ? void 0 : x[e.settingsKey]).length > 0);
+    const s = Y(() => {
+      var H, L;
+      return !!(Object.keys(zt).length > 1 || (H = p.value) != null && H[e.settingsKey] && Object.keys((L = p.value) == null ? void 0 : L[e.settingsKey]).length > 0);
     });
-    function T(z) {
-      v.value = z, f.value = !1, a.value = null, n.value = !1;
+    function A(H) {
+      v.value = H, f.value = !1, a.value = null, n.value = !1;
     }
-    async function s(z, x) {
+    async function T(H, L) {
       if (!p.value) return;
       p.value[e.blocksKey] || (p.value[e.blocksKey] = []);
-      const W = {
+      const w = {
         id: `block-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`,
-        type: z,
+        type: H,
         margin: e.defaultBlockMargin ? { top: e.defaultBlockMargin, bottom: e.defaultBlockMargin } : void 0
-      }, V = Ut(z);
+      }, V = Ut(H);
       return V != null && V.props && Object.entries(V.props).forEach(([q, K]) => {
-        K.default && (typeof K.default == "function" ? W[q] = K.default() : W[q] = K.default);
-      }), x !== void 0 ? p.value[e.blocksKey].splice(x, 0, W) : p.value[e.blocksKey].push(W), v.value = W, n.value = !1, W;
+        K.default && (typeof K.default == "function" ? w[q] = K.default() : w[q] = K.default);
+      }), L !== void 0 ? p.value[e.blocksKey].splice(L, 0, w) : p.value[e.blocksKey].push(w), v.value = w, n.value = !1, w;
     }
-    function y(z) {
-      l.value || (a.value = z);
+    function W(H) {
+      l.value || (a.value = H);
     }
     Er("Escape", () => {
       v.value = null, a.value = null, n.value = !1, f.value = !1, u.value = void 0;
@@ -4635,53 +4728,53 @@ const _n = /* @__PURE__ */ _({
       },
       { ignore: ["#page-builder-sidebar", "#page-builder-resize-handle"] }
     ), $t(async () => {
-      await Ve(e.theme, !0), k();
-    }), ot(
+      await me(e.theme, !0), k();
+    }), Xt(
       () => e.theme,
-      async (z) => {
-        b.value = !0, await Ve(z, !0), k(), b.value = !1;
+      async (H) => {
+        b.value = !0, await me(H, !0), k(), b.value = !1;
       }
     );
-    function S(z, x) {
+    function y(H, L) {
       var q;
       if (!((q = p.value) != null && q[e.blocksKey])) return;
-      const W = p.value[e.blocksKey];
-      if (z < 0 || z >= W.length || x < 0 || x >= W.length)
+      const w = p.value[e.blocksKey];
+      if (H < 0 || H >= w.length || L < 0 || L >= w.length)
         return;
-      const V = W[z];
-      W.splice(z, 1), W.splice(x, 0, V);
+      const V = w[H];
+      w.splice(H, 1), w.splice(L, 0, V);
     }
-    function N(z, x) {
-      s(z, x);
+    function O(H, L) {
+      T(H, L);
     }
-    function H(z) {
-      const x = z !== null && z !== "";
-      f.value = !0, v.value = null, a.value = null, n.value = !1, x && z ? u.value = z : u.value = void 0;
+    function z(H) {
+      const L = H !== null && H !== "";
+      f.value = !0, v.value = null, a.value = null, n.value = !1, L && H ? u.value = H : u.value = void 0;
     }
     function k() {
-      var z, x, W, V, q, K, R, F;
-      if (p.value || (p.value = {}), (z = p.value) != null && z[e.settingsKey] || p.value && (p.value[e.settingsKey] = {}), !((W = (x = p.value) == null ? void 0 : x[e.settingsKey]) != null && W.layout)) {
+      var H, L, w, V, q, K, B, F;
+      if (p.value || (p.value = {}), (H = p.value) != null && H[e.settingsKey] || p.value && (p.value[e.settingsKey] = {}), !((w = (L = p.value) == null ? void 0 : L[e.settingsKey]) != null && w.layout)) {
         const g = (V = p.value) == null ? void 0 : V[e.settingsKey];
         g && typeof g.layout != "string" && (g.layout = "default");
       }
       if ((K = (q = p.value) == null ? void 0 : q[e.settingsKey]) != null && K.layout) {
-        const g = (R = p.value) == null ? void 0 : R[e.settingsKey];
+        const g = (B = p.value) == null ? void 0 : B[e.settingsKey];
         g && (typeof g.layout != "string" ? g.layout = "default" : zt.value[g.layout] || (g.layout = "default"));
       }
       (F = p.value) != null && F[e.blocksKey] || p.value && (p.value[e.blocksKey] = []);
     }
-    return (z, x) => (X(), o("div", {
+    return (H, L) => (o(), X("div", {
       class: I(["wswg-page-builder", { "settings-open": f.value }])
     }, [
-      t.loading || b.value ? Or(z.$slots, "loading", { key: 0 }, () => [
-        c("div", { class: "wswg-page-builder-loading flex h-full flex-col items-center justify-center gap-4" }, [
-          (X(), o("svg", {
+      t.loading || b.value ? Or(H.$slots, "loading", { key: 0 }, () => [
+        i("div", { class: "wswg-page-builder-loading flex h-full flex-col items-center justify-center gap-4" }, [
+          (o(), X("svg", {
             class: "mx-auto size-8 animate-spin text-blue-600",
             xmlns: "http://www.w3.org/2000/svg",
             fill: "none",
             viewBox: "0 0 24 24"
           }, [
-            c("circle", {
+            i("circle", {
               class: "opacity-25",
               cx: "12",
               cy: "12",
@@ -4689,29 +4782,29 @@ const _n = /* @__PURE__ */ _({
               stroke: "currentColor",
               "stroke-width": "4"
             }),
-            c("path", {
+            i("path", {
               class: "opacity-75",
               fill: "currentColor",
               d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
             })
           ])),
-          c("span", null, "Loading editor...")
+          i("span", null, "Loading editor...")
         ])
-      ]) : (X(), o("div", {
+      ]) : (o(), X("div", {
         key: 1,
         class: "wswg-page-builder-body"
       }, [
-        c("div", { class: "wswg-page-builder-preview overflow-y-auto" }, [
-          c("div", {
+        i("div", { class: "wswg-page-builder-preview overflow-y-auto" }, [
+          i("div", {
             id: "page-preview-container",
             class: I(["mx-auto flex flex-col overflow-hidden rounded-lg bg-white transition-all duration-300", { "w-full": r.value === "desktop", "w-96": r.value === "mobile" }]),
             style: { height: "-webkit-fill-available" }
           }, [
-            t.showBrowserBar ? (X(), ut(mn, {
+            t.showBrowserBar ? (o(), ut(Vn, {
               key: 0,
               class: "browser-navigation-bar",
               url: t.url
-            }, null, 8, ["url"])) : B("", !0),
+            }, null, 8, ["url"])) : R("", !0),
             h(tv, {
               ref_key: "previewRef",
               ref: P,
@@ -4724,34 +4817,34 @@ const _n = /* @__PURE__ */ _({
               settingsKey: t.settingsKey,
               settingsOpen: f.value,
               theme: t.theme,
-              onHoverBlock: y,
-              onClickBlock: T,
-              onBlockReorder: S,
-              onBlockAdd: N,
-              onClickPartial: H
+              onHoverBlock: W,
+              onClickBlock: A,
+              onBlockReorder: y,
+              onBlockAdd: O,
+              onClickPartial: z
             }, null, 8, ["pageData", "activeBlock", "hoveredBlockId", "viewport", "editable", "blocksKey", "settingsKey", "settingsOpen", "theme"])
           ], 2)
         ]),
-        h(jf, { onSidebarWidth: i }),
-        c("div", {
+        h(jf, { onSidebarWidth: c }),
+        i("div", {
           id: "page-builder-sidebar",
           class: "page-builder-sidebar-wrapper bg-white",
           style: Lr({ width: d.value + "px" })
         }, [
-          h(Vn, {
+          h(mn, {
             modelValue: p.value,
-            "onUpdate:modelValue": x[0] || (x[0] = (W) => p.value = W),
+            "onUpdate:modelValue": L[0] || (L[0] = (w) => p.value = w),
             activeBlock: v.value,
-            "onUpdate:activeBlock": x[1] || (x[1] = (W) => v.value = W),
+            "onUpdate:activeBlock": L[1] || (L[1] = (w) => v.value = w),
             hoveredBlockId: a.value,
-            "onUpdate:hoveredBlockId": x[2] || (x[2] = (W) => a.value = W),
+            "onUpdate:hoveredBlockId": L[2] || (L[2] = (w) => a.value = w),
             showPageSettings: f.value,
-            "onUpdate:showPageSettings": x[3] || (x[3] = (W) => f.value = W),
+            "onUpdate:showPageSettings": L[3] || (L[3] = (w) => f.value = w),
             showAddBlockMenu: n.value,
-            "onUpdate:showAddBlockMenu": x[4] || (x[4] = (W) => n.value = W),
+            "onUpdate:showAddBlockMenu": L[4] || (L[4] = (w) => n.value = w),
             editorViewport: r.value,
-            "onUpdate:editorViewport": x[5] || (x[5] = (W) => r.value = W),
-            hasPageSettings: A.value,
+            "onUpdate:editorViewport": L[5] || (L[5] = (w) => r.value = w),
+            hasPageSettings: s.value,
             editable: t.editable,
             blocksKey: t.blocksKey,
             settingsKey: t.settingsKey,
@@ -4781,40 +4874,40 @@ const _n = /* @__PURE__ */ _({
       return [u(l, "top"), u(a, "bottom")].join(" ");
     }
     return $t(async () => {
-      r.value = !1, await Ve(e.theme, !1), r.value = !0;
-    }), (v, l) => (X(), o("div", {
+      r.value = !1, await me(e.theme, !1), r.value = !0;
+    }), (v, l) => (o(), X("div", {
       id: "page-viewport",
       class: "page-renderer-wrapper relative"
     }, [
-      r.value ? (X(), o(tt, { key: 0 }, [
-        t.withLayout && f.value ? (X(), ut(Yt(f.value), kt({ key: 0 }, t.settings, { blocks: t.blocks }), {
+      r.value ? (o(), X(tt, { key: 0 }, [
+        t.withLayout && f.value ? (o(), ut(Yt(f.value), kt({ key: 0 }, t.settings, { blocks: t.blocks }), {
           default: xr(() => [
-            c("div", { id: "page-blocks-wrapper" }, [
-              (X(!0), o(tt, null, nt(t.blocks, (a) => (X(), o("div", {
+            i("div", { id: "page-blocks-wrapper" }, [
+              (o(!0), X(tt, null, nt(t.blocks, (a) => (o(), X("div", {
                 key: a.id,
                 class: I(["block-wrapper", { [n(a)]: !0 }])
               }, [
-                (X(), ut(Yt(G(Ut)(a.type)), kt({ ref_for: !0 }, a, {
+                (o(), ut(Yt(G(Ut)(a.type)), kt({ ref_for: !0 }, a, {
                   key: `block-${a.id}`
                 }), null, 16))
               ], 2))), 128))
             ])
           ]),
           _: 1
-        }, 16, ["blocks"])) : (X(), o("div", {
+        }, 16, ["blocks"])) : (o(), X("div", {
           key: 1,
           id: "page-blocks-wrapper"
         }, [
-          (X(!0), o(tt, null, nt(t.blocks, (a) => (X(), o("div", {
+          (o(!0), X(tt, null, nt(t.blocks, (a) => (o(), X("div", {
             key: a.id,
             class: I(["block-wrapper", { [n(a)]: !0 }])
           }, [
-            (X(), ut(Yt(G(Ut)(a.type)), kt({ ref_for: !0 }, a, {
+            (o(), ut(Yt(G(Ut)(a.type)), kt({ ref_for: !0 }, a, {
               key: `block-${a.id}`
             }), null, 16))
           ], 2))), 128))
         ]))
-      ], 64)) : B("", !0)
+      ], 64)) : R("", !0)
     ]));
   }
 });