vue-wswg-editor 0.0.18 → 0.0.20

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

@@ -1,4 +1,4 @@
-import { shallowRef as Rt, ref as j, markRaw as Jt, defineComponent as _, computed as Y, onMounted as Gt, onBeforeUnmount as rr, createElementBlock as X, openBlock as o, createElementVNode as i, toDisplayString as U, createVNode as h, unref as R, 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 G, 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 tf, renderSlot as mr, getCurrentScope as ef, onScopeDispose as rf, toValue as qt, useTemplateRef as ff, nextTick as It, withCtx as Lr, normalizeStyle as xr, createApp as nf, h as Dt } from "vue";
+import { shallowRef as Rt, ref as O, markRaw as Jt, defineComponent as _, computed as Y, onMounted as Gt, onBeforeUnmount as rr, createElementBlock as X, openBlock as o, createElementVNode as i, toDisplayString as U, createVNode as h, unref as R, 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 G, 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 tf, renderSlot as Lr, getCurrentScope as ef, onScopeDispose as rf, toValue as qt, useTemplateRef as ff, nextTick as It, withCtx as xr, normalizeStyle as mr, createApp as nf, h as Dt } from "vue";
 const nv = {
   custom: (t = {}) => ({
     type: "custom",
@@ -109,7 +109,7 @@ function Nr(t) {
   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(" ");
 }
-const ge = Rt({}), ve = Rt({}), Se = j({});
+const ge = Rt({}), ve = Rt({}), Se = O({});
 let vf = null;
 function Ie(t) {
   if (!t || typeof t != "object") return t;
@@ -380,7 +380,7 @@ function Wf(t) {
 async function wf(t) {
   await Xf(), t && (await cf(), await Tf(), await Pf()), await Af();
 }
-async function xe(t, e = !0) {
+async function me(t, e = !0) {
   try {
     await pf(), await of(t), await wf(e);
   } catch (r) {
@@ -514,15 +514,15 @@ const jf = /* @__PURE__ */ _({
   __name: "ResizeHandle",
   emits: ["sidebarWidth"],
   setup(t, { emit: e }) {
-    const r = e, f = j(null), n = j(380), v = j(!1), l = j(0);
+    const r = e, f = O(null), n = O(380), v = O(!1), l = O(0);
     let a = null, u = null;
     function d(b) {
       v.value = !0, b.preventDefault();
       const p = b.clientX, c = n.value;
       function s(T) {
         if (!v.value) return;
-        const W = T.clientX - p, y = Math.max(300, Math.min(800, c - W));
-        n.value = y, r("sidebarWidth", y);
+        const W = T.clientX - p, w = Math.max(300, Math.min(800, c - W));
+        n.value = w, r("sidebarWidth", w);
       }
       function A() {
         v.value = !1, document.removeEventListener("mousemove", s), document.removeEventListener("mouseup", A), document.body.style.cursor = "", document.body.style.userSelect = "";
@@ -560,7 +560,7 @@ const jf = /* @__PURE__ */ _({
     r[f] = n;
   return r;
 }, Of = /* @__PURE__ */ Wt(jf, [["__scopeId", "data-v-72eeade4"]]);
-function mf(t, e) {
+function Lf(t, e) {
   return o(), X("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -577,7 +577,7 @@ function mf(t, e) {
     })
   ]);
 }
-function Lf(t, e) {
+function xf(t, e) {
   return o(), X("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -594,7 +594,7 @@ function Lf(t, e) {
     })
   ]);
 }
-function xf(t, e) {
+function mf(t, e) {
   return o(), X("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -877,7 +877,7 @@ const Ff = /* @__PURE__ */ _({
     block: {}
   },
   setup(t) {
-    const e = t, r = j(!1), f = Y(() => Wf(e.block.path));
+    const e = t, r = O(!1), f = Y(() => Wf(e.block.path));
     function n(v, l) {
       if (!v.dataTransfer) return;
       const a = l.__name || l.type;
@@ -991,15 +991,15 @@ function jt(t) {
   if (typeof window < "u" && window.navigator)
     return !!/* @__PURE__ */ navigator.userAgent.match(t);
 }
-var mt = 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), Jr = jt(/chrome/i) && jt(/android/i), Dr = {
+var Lt = 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), Jr = jt(/chrome/i) && jt(/android/i), Dr = {
   capture: !1,
   passive: !1
 };
 function D(t, e, r) {
-  t.addEventListener(e, r, !mt && Dr);
+  t.addEventListener(e, r, !Lt && Dr);
 }
 function J(t, e, r) {
-  t.removeEventListener(e, r, !mt && Dr);
+  t.removeEventListener(e, r, !Lt && Dr);
 }
 function Ve(t, e) {
   if (e) {
@@ -1041,7 +1041,7 @@ function pt(t, e, r) {
       t.className = (f + (r ? " " + e : "")).replace(sr, " ");
     }
 }
-function x(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 = x(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;
@@ -1078,11 +1078,11 @@ function wt() {
 function Q(t, e, r, f, n) {
   if (!(!t.getBoundingClientRect && t !== window)) {
     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, !mt))
+    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, !Lt))
       do
-        if (n && n.getBoundingClientRect && (x(n, "transform") !== "none" || r && x(n, "position") !== "static")) {
+        if (n && n.getBoundingClientRect && (m(n, "transform") !== "none" || r && m(n, "position") !== "static")) {
           var p = n.getBoundingClientRect();
-          l -= p.top + parseInt(x(n, "border-top-width")), a -= p.left + parseInt(x(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);
@@ -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] !== m.ghost && (f || l[v] !== m.dragged) && At(l[v], r.draggable, t, !1)) {
+    if (l[v].style.display !== "none" && l[v] !== L.ghost && (f || l[v] !== L.dragged) && At(l[v], r.draggable, t, !1)) {
       if (n === e)
         return l[v];
       n++;
@@ -1121,7 +1121,7 @@ function Qt(t, e, r, f) {
   return null;
 }
 function lr(t, e) {
-  for (var r = t.lastElementChild; r && (r === m.ghost || x(r, "display") === "none" || e && !Ve(r, e)); )
+  for (var r = t.lastElementChild; r && (r === L.ghost || m(r, "display") === "none" || e && !Ve(r, e)); )
     r = r.previousElementSibling;
   return r || null;
 }
@@ -1130,7 +1130,7 @@ function ct(t, e) {
   if (!t || !t.parentNode)
     return -1;
   for (; t = t.previousElementSibling; )
-    t.nodeName.toUpperCase() !== "TEMPLATE" && t !== m.clone && (!e || Ve(t, e)) && r++;
+    t.nodeName.toUpperCase() !== "TEMPLATE" && t !== L.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 = x(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 $f() {
       if (t = [], !!this.options.animation) {
         var f = [].slice.call(this.el.children);
         f.forEach(function(n) {
-          if (!(x(n, "display") === "none" || n === m.ghost)) {
+          if (!(m(n, "display") === "none" || n === L.ghost)) {
             t.push({
               target: n,
               rect: Q(n)
@@ -1255,10 +1255,10 @@ function $f() {
     },
     animate: function(f, n, v, l) {
       if (l) {
-        x(f, "transition", ""), x(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, x(f, "transform", "translate3d(" + P + "px," + b + "px,0)"), this.forRepaintDummy = _f(f), x(f, "transition", "transform " + l + "ms" + (this.options.easing ? " " + this.options.easing : "")), x(f, "transform", "translate3d(0,0,0)"), typeof f.animated == "number" && clearTimeout(f.animated), f.animated = setTimeout(function() {
-          x(f, "transition", ""), x(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);
       }
     }
@@ -1326,42 +1326,42 @@ function en(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, c = t.putSortable, s = t.extraEventProperties;
   if (e = e || r && r[bt], !!e) {
     var A, T = e.options, W = "on" + f.charAt(0).toUpperCase() + f.substr(1);
-    window.CustomEvent && !mt && !Xe ? A = new CustomEvent(f, {
+    window.CustomEvent && !Lt && !Xe ? A = new CustomEvent(f, {
       bubbles: !0,
       cancelable: !0
     }) : (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];
+    var w = St(St({}, s), ie.getEventProperties(f, e));
+    for (var j in w)
+      A[j] = w[j];
     r && r.dispatchEvent(A), T[W] && T[W].call(e, A);
   }
 }
 var rn = ["evt"], dt = function(e, r) {
   var f = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, n = f.evt, v = Mf(f, rn);
-  ie.pluginEvent.bind(m)(e, r, St({
-    dragEl: S,
+  ie.pluginEvent.bind(L)(e, r, St({
+    dragEl: y,
     parentEl: M,
     ghostEl: N,
     rootEl: Z,
     nextEl: ht,
     lastDownEl: He,
     cloneEl: C,
-    cloneHidden: xt,
+    cloneHidden: mt,
     dragStarted: te,
     putSortable: et,
-    activeSortable: m.active,
+    activeSortable: L.active,
     originalEvent: n,
     oldIndex: Mt,
     oldDraggableIndex: de,
     newIndex: ot,
-    newDraggableIndex: Lt,
+    newDraggableIndex: xt,
     hideGhostForTarget: Cr,
     unhideGhostForTarget: Mr,
     cloneNowHidden: function() {
-      xt = !0;
+      mt = !0;
     },
     cloneNowShown: function() {
-      xt = !1;
+      mt = !1;
     },
     dispatchSortableEvent: function(a) {
       at({
@@ -1376,23 +1376,23 @@ function at(t) {
   en(St({
     putSortable: et,
     cloneEl: C,
-    targetEl: S,
+    targetEl: y,
     rootEl: Z,
     oldIndex: Mt,
     oldDraggableIndex: de,
     newIndex: ot,
-    newDraggableIndex: Lt
+    newDraggableIndex: xt
   }, t));
 }
-var S, M, N, Z, ht, He, C, xt, Mt, ot, de, Lt, se, et, Ct = !1, Ne = !1, ke = [], Kt, st, Re, Ge, Wr, wr, te, Ft, be, pe = !1, Ae = !1, je, ft, Be = [], $e = !1, qe = [], Ke = typeof document < "u", Te = ar, Sr = Xe || mt ? "cssFloat" : "float", fn = Ke && !Jr && !ar && "draggable" in document.createElement("div"), Br = function() {
+var y, M, N, Z, ht, He, C, mt, Mt, ot, de, xt, se, et, Ct = !1, Ne = !1, ke = [], Kt, st, Re, Ge, Wr, wr, te, Ft, be, pe = !1, Ae = !1, je, ft, Be = [], $e = !1, qe = [], Ke = typeof document < "u", Te = ar, Sr = Xe || Lt ? "cssFloat" : "float", fn = Ke && !Jr && !ar && "draggable" in document.createElement("div"), Br = function() {
   if (Ke) {
-    if (mt)
+    if (Lt)
       return !1;
     var t = document.createElement("x");
     return t.style.cssText = "pointer-events:auto", t.style.pointerEvents === "auto";
   }
 }(), Fr = function(e, r) {
-  var f = x(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 && x(v), u = l && x(l), d = a && parseInt(a.marginLeft) + parseInt(a.marginRight) + Q(v).width, P = u && parseInt(u.marginLeft) + parseInt(u.marginRight) + Q(l).width;
+  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 S, M, N, Z, ht, He, C, xt, Mt, ot, 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;
 }, Cr = function() {
-  !Br && N && x(N, "display", "none");
+  !Br && N && m(N, "display", "none");
 }, Mr = function() {
-  !Br && N && x(N, "display", "");
+  !Br && N && m(N, "display", "");
 };
 Ke && !Jr && 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 (S) {
+  if (y) {
     e = e.touches ? e.touches[0] : e;
     var r = vn(e.clientX, e.clientY);
     if (r) {
@@ -1456,9 +1456,9 @@ var gt = function(e) {
     }
   }
 }, an = function(e) {
-  S && S.parentNode[bt]._isOutsideThisEl(e.target);
+  y && y.parentNode[bt]._isOutsideThisEl(e.target);
 };
-function m(t, e) {
+function L(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;
@@ -1505,7 +1505,7 @@ function m(t, e) {
       y: 0
     },
     // Disabled on Safari: #1571; Enabled on Safari IOS: #2244
-    supportPointer: m.supportPointer !== !1 && "PointerEvent" in window && (!le || ar),
+    supportPointer: L.supportPointer !== !1 && "PointerEvent" in window && (!le || ar),
     emptyInsertThreshold: 5
   };
   ie.initializePlugins(this, t, r);
@@ -1516,19 +1516,19 @@ function m(t, e) {
     n.charAt(0) === "_" && typeof this[n] == "function" && (this[n] = this[n].bind(this));
   this.nativeDraggable = e.forceFallback ? !1 : fn, 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, $f());
 }
-m.prototype = /** @lends Sortable.prototype */
+L.prototype = /** @lends Sortable.prototype */
 {
-  constructor: m,
+  constructor: L,
   _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, S) : this.options.direction;
+    return typeof this.options.direction == "function" ? this.options.direction.call(this, e, r, y) : 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 (Xn(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 (Xn(f), !y && !(/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({
@@ -1565,30 +1565,30 @@ m.prototype = /** @lends Sortable.prototype */
   },
   _prepareDragStart: function(e, r, f) {
     var n = this, v = n.el, l = n.options, a = v.ownerDocument, u;
-    if (f && !S && f.parentNode === v) {
+    if (f && !y && f.parentNode === v) {
       var d = Q(f);
-      if (Z = v, S = f, M = S.parentNode, ht = S.nextSibling, He = f, se = l.group, m.dragged = S, Kt = {
-        target: S,
+      if (Z = v, y = f, M = y.parentNode, ht = y.nextSibling, He = f, se = l.group, L.dragged = y, Kt = {
+        target: y,
         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, S.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, y.style["will-change"] = "all", u = function() {
         if (dt("delayEnded", n, {
           evt: e
-        }), m.eventCanceled) {
+        }), L.eventCanceled) {
           n._onDrop();
           return;
         }
-        n._disableDelayedDragEvents(), !cr && n.nativeDraggable && (S.draggable = !0), n._triggerDragStart(e, r), at({
+        n._disableDelayedDragEvents(), !cr && n.nativeDraggable && (y.draggable = !0), n._triggerDragStart(e, r), at({
           sortable: n,
           name: "choose",
           originalEvent: e
-        }), pt(S, l.chosenClass, !0);
+        }), pt(y, l.chosenClass, !0);
       }, l.ignore.split(",").forEach(function(P) {
-        gr(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, {
+        gr(y, 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, y.draggable = !0), dt("delayStart", this, {
         evt: e
-      }), l.delay && (!l.delayOnTouchOnly || r) && (!this.nativeDraggable || !(Xe || mt))) {
-        if (m.eventCanceled) {
+      }), l.delay && (!l.delayOnTouchOnly || r) && (!this.nativeDraggable || !(Xe || Lt))) {
+        if (L.eventCanceled) {
           this._onDrop();
           return;
         }
@@ -1602,14 +1602,14 @@ m.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() {
-    S && Fe(S), clearTimeout(this._dragStartTimer), this._disableDelayedDragEvents();
+    y && Fe(y), 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(S, "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(y, "dragend", this), D(Z, "dragstart", this._onDragStart));
     try {
       document.selection ? Oe(function() {
         document.selection.empty();
@@ -1618,12 +1618,12 @@ m.prototype = /** @lends Sortable.prototype */
     }
   },
   _dragStarted: function(e, r) {
-    if (Ct = !1, Z && S) {
+    if (Ct = !1, Z && y) {
       dt("dragStarted", this, {
         evt: r
       }), this.nativeDraggable && D(document, "dragover", an);
       var f = this.options;
-      !e && pt(S, f.dragClass, !1), pt(S, f.ghostClass, !0), m.active = this, e && this._appendGhost(), at({
+      !e && pt(y, f.dragClass, !1), pt(y, f.ghostClass, !0), L.active = this, e && this._appendGhost(), at({
         sortable: this,
         name: "start",
         originalEvent: r
@@ -1636,7 +1636,7 @@ m.prototype = /** @lends Sortable.prototype */
       this._lastX = st.clientX, this._lastY = st.clientY, Cr();
       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 (S.parentNode[bt]._isOutsideThisEl(e), r)
+      if (y.parentNode[bt]._isOutsideThisEl(e), r)
         do {
           if (r[bt]) {
             var f = void 0;
@@ -1656,7 +1656,7 @@ m.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 = 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 (!m.active && !Ct) {
+      if (!L.active && !Ct) {
         if (f && Math.max(Math.abs(v.clientX - this._lastX), Math.abs(v.clientY - this._lastY)) < f)
           return;
         this._onDragStart(e, !0);
@@ -1671,40 +1671,40 @@ m.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, ")");
-        x(N, "webkitTransform", p), x(N, "mozTransform", p), x(N, "msTransform", p), x(N, "transform", p), Re = P, Ge = b, st = v;
+        m(N, "webkitTransform", p), m(N, "mozTransform", p), m(N, "msTransform", p), m(N, "transform", p), Re = P, Ge = b, st = v;
       }
       e.cancelable && e.preventDefault();
     }
   },
   _appendGhost: function() {
     if (!N) {
-      var e = this.options.fallbackOnBody ? document.body : Z, r = Q(S, !0, Te, !0, e), f = this.options;
+      var e = this.options.fallbackOnBody ? document.body : Z, r = Q(y, !0, Te, !0, e), f = this.options;
       if (Te) {
-        for (ft = e; x(ft, "position") === "static" && x(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(), Be = Tr(ft);
       }
-      N = S.cloneNode(!0), pt(N, f.ghostClass, !1), pt(N, f.fallbackClass, !0), pt(N, f.dragClass, !0), x(N, "transition", ""), x(N, "transform", ""), x(N, "box-sizing", "border-box"), x(N, "margin", 0), x(N, "top", r.top), x(N, "left", r.left), x(N, "width", r.width), x(N, "height", r.height), x(N, "opacity", "0.8"), x(N, "position", Te ? "absolute" : "fixed"), x(N, "zIndex", "100000"), x(N, "pointerEvents", "none"), m.ghost = N, e.appendChild(N), x(N, "transform-origin", Wr / parseInt(N.style.width) * 100 + "% " + wr / parseInt(N.style.height) * 100 + "%");
+      N = y.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"), L.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
-    }), m.eventCanceled) {
+    }), L.eventCanceled) {
       this._onDrop();
       return;
     }
-    dt("setupClone", this), m.eventCanceled || (C = Rr(S), C.removeAttribute("id"), C.draggable = !1, C.style["will-change"] = "", this._hideClone(), pt(C, this.options.chosenClass, !1), m.clone = C), f.cloneId = Oe(function() {
-      dt("clone", f), !m.eventCanceled && (f.options.removeCloneOnHide || Z.insertBefore(C, S), f._hideClone(), at({
+    dt("setupClone", this), L.eventCanceled || (C = Rr(y), C.removeAttribute("id"), C.draggable = !1, C.style["will-change"] = "", this._hideClone(), pt(C, this.options.chosenClass, !1), L.clone = C), f.cloneId = Oe(function() {
+      dt("clone", f), !L.eventCanceled && (f.options.removeCloneOnHide || Z.insertBefore(C, y), f._hideClone(), at({
         sortable: f,
         name: "clone"
       }));
-    }), !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), x(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 && x(document.body, "user-select", "none");
+    }), !r && pt(y, 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, y)), D(document, "drop", f), m(y, "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 = m.active, P = se === u, b = a.sort, p = et || d, c, s = this, A = !1;
+    var r = this.el, f = e.target, n, v, l, a = this.options, u = a.group, d = L.active, P = se === u, b = a.sort, p = et || d, c, s = this, A = !1;
     if ($e) return;
     function T(yt, _t) {
       dt(yt, s, St({
@@ -1717,74 +1717,74 @@ m.prototype = /** @lends Sortable.prototype */
         canSort: b,
         fromSortable: p,
         target: f,
-        completed: y,
+        completed: w,
         onMove: function(or, $r) {
-          return We(Z, r, S, n, or, Q(or), e, $r);
+          return We(Z, r, y, n, or, Q(or), e, $r);
         },
-        changed: O
+        changed: j
       }, _t));
     }
     function W() {
       T("dragOverAnimationCapture"), s.captureAnimationState(), s !== p && p.captureAnimationState();
     }
-    function y(yt) {
+    function w(yt) {
       return T("dragOverCompleted", {
         insertion: yt
-      }), 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 !== m.active ? et = s : s === m.active && et && (et = null), p === s && (s._ignoreWhileAnimating = f), s.animateAll(function() {
+      }), yt && (P ? d._hideClone() : d._showClone(s), s !== p && (pt(y, et ? et.options.ghostClass : d.options.ghostClass, !1), pt(y, a.ghostClass, !0)), et !== s && s !== L.active ? et = s : s === L.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;
+      }), s !== p && (p.animateAll(), p._ignoreWhileAnimating = null)), (f === y && !y.animated || f === r && !f.animated) && (Ft = null), !a.dragoverBubble && !e.rootEl && f !== document && (y.parentNode[bt]._isOutsideThisEl(e.target), !yt && gt(e)), !a.dragoverBubble && e.stopPropagation && e.stopPropagation(), A = !0;
     }
-    function O() {
-      ot = ct(S), Lt = ct(S, a.draggable), at({
+    function j() {
+      ot = ct(y), xt = ct(y, a.draggable), at({
         sortable: s,
         name: "change",
         toEl: r,
         newIndex: ot,
-        newDraggableIndex: Lt,
+        newDraggableIndex: xt,
         originalEvent: e
       });
     }
-    if (e.preventDefault !== void 0 && e.cancelable && e.preventDefault(), f = At(f, a.draggable, r, !0), T("dragOver"), m.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"), m.eventCanceled) return A;
+    if (e.preventDefault !== void 0 && e.cancelable && e.preventDefault(), f = At(f, a.draggable, r, !0), T("dragOver"), L.eventCanceled) return A;
+    if (y.contains(e.target) || f.animated && f.animatingX && f.animatingY || s._ignoreWhileAnimating === f)
+      return w(!1);
+    if (Ne = !1, d && !a.disabled && (P ? b || (l = M !== Z) : et === this || (this.lastPutMode = se.checkPull(this, d, y, e)) && u.checkPut(this, d, y, e))) {
+      if (c = this._getDirection(e, f) === "vertical", n = Q(y), T("dragOverValid"), L.eventCanceled) return A;
       if (l)
-        return M = Z, W(), this._hideClone(), T("revert"), m.eventCanceled || (ht ? Z.insertBefore(S, ht) : Z.appendChild(S)), y(!0);
+        return M = Z, W(), this._hideClone(), T("revert"), L.eventCanceled || (ht ? Z.insertBefore(y, ht) : Z.appendChild(y)), w(!0);
       var z = lr(r, a.draggable);
       if (!z || bn(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);
+        if (z === y)
+          return w(!1);
+        if (z && r === e.target && (f = z), f && (v = Q(f)), We(Z, r, y, n, f, v, e, !!f) !== !1)
+          return W(), z && z.nextSibling ? r.insertBefore(y, z.nextSibling) : r.appendChild(y), M = r, j(), w(!0);
       } else if (z && dn(e, c, this)) {
         var k = Qt(r, 0, a, !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);
+        if (k === y)
+          return w(!1);
+        if (f = k, v = Q(f), We(Z, r, y, n, f, v, e, !1) !== !1)
+          return W(), r.insertBefore(y, k), M = r, j(), w(!0);
       } else if (f.parentNode === r) {
         v = Q(f);
-        var H = 0, L, w = S.parentNode !== r, V = !nn(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 = pn(e, f, v, c, V ? 1 : a.swapThreshold, a.invertedSwapThreshold == null ? a.swapThreshold : a.invertedSwapThreshold, Ae, Ft === f);
+        var H = 0, x, S = y.parentNode !== r, V = !nn(y.animated && y.toRect || n, f.animated && f.toRect || v, c), q = c ? "top" : "left", K = Ar(f, "top", "top") || Ar(y, "top", "top"), B = K ? K.scrollTop : void 0;
+        Ft !== f && (x = v[q], pe = !1, Ae = !V && a.invertSwap || S), H = pn(e, f, v, c, V ? 1 : a.swapThreshold, a.invertedSwapThreshold == null ? a.swapThreshold : a.invertedSwapThreshold, Ae, Ft === f);
         var F;
         if (H !== 0) {
-          var g = ct(S);
+          var g = ct(y);
           do
             g -= H, F = M.children[g];
-          while (F && (x(F, "display") === "none" || F === N));
+          while (F && (m(F, "display") === "none" || F === N));
         }
         if (H === 0 || F === f)
-          return y(!1);
+          return w(!1);
         Ft = f, be = H;
         var vt = f.nextElementSibling, $ = !1;
         $ = H === 1;
-        var it = We(Z, r, S, n, f, v, e, $);
+        var it = We(Z, r, y, n, f, v, e, $);
         if (it !== !1)
-          return (it === 1 || it === -1) && ($ = it === 1), $e = !0, setTimeout(un, 30), W(), $ && !vt ? r.appendChild(S) : f.parentNode.insertBefore(S, $ ? vt : f), K && Ur(K, 0, B - K.scrollTop), M = S.parentNode, L !== void 0 && !Ae && (je = Math.abs(L - Q(f)[q])), O(), y(!0);
+          return (it === 1 || it === -1) && ($ = it === 1), $e = !0, setTimeout(un, 30), W(), $ && !vt ? r.appendChild(y) : f.parentNode.insertBefore(y, $ ? vt : f), K && Ur(K, 0, B - K.scrollTop), M = y.parentNode, x !== void 0 && !Ae && (je = Math.abs(x - Q(f)[q])), j(), w(!0);
       }
-      if (r.contains(S))
-        return y(!1);
+      if (r.contains(y))
+        return w(!1);
     }
     return !1;
   },
@@ -1798,13 +1798,13 @@ m.prototype = /** @lends Sortable.prototype */
   },
   _onDrop: function(e) {
     var r = this.el, f = this.options;
-    if (ot = ct(S), Lt = ct(S, f.draggable), dt("drop", this, {
+    if (ot = ct(y), xt = ct(y, f.draggable), dt("drop", this, {
       evt: e
-    }), M = S && S.parentNode, ot = ct(S), Lt = ct(S, f.draggable), m.eventCanceled) {
+    }), M = y && y.parentNode, ot = ct(y), xt = ct(y, f.draggable), L.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 && x(document.body, "user-select", ""), x(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({
+    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(y, "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), y && (this.nativeDraggable && J(y, "dragend", this), Fe(y), y.style["will-change"] = "", te && !Ct && pt(y, et ? et.options.ghostClass : this.options.ghostClass, !1), pt(y, this.options.chosenClass, !1), at({
       sortable: this,
       name: "unchoose",
       toEl: M,
@@ -1843,7 +1843,7 @@ m.prototype = /** @lends Sortable.prototype */
       name: "sort",
       toEl: M,
       originalEvent: e
-    })), m.active && ((ot == null || ot === -1) && (ot = Mt, Lt = de), at({
+    })), L.active && ((ot == null || ot === -1) && (ot = Mt, xt = de), at({
       sortable: this,
       name: "end",
       toEl: M,
@@ -1851,7 +1851,7 @@ m.prototype = /** @lends Sortable.prototype */
     }), this.save()))), this._nulling();
   },
   _nulling: function() {
-    dt("nulling", this), Z = S = M = N = ht = C = He = xt = Kt = st = te = ot = Lt = Mt = de = Ft = be = et = se = m.dragged = m.ghost = m.clone = m.active = null, qe.forEach(function(e) {
+    dt("nulling", this), Z = y = M = N = ht = C = He = mt = Kt = st = te = ot = xt = Mt = de = Ft = be = et = se = L.dragged = L.ghost = L.clone = L.active = null, qe.forEach(function(e) {
       e.checked = !0;
     }), qe.length = Re = Ge = 0;
   },
@@ -1863,7 +1863,7 @@ m.prototype = /** @lends Sortable.prototype */
         break;
       case "dragenter":
       case "dragover":
-        S && (this._onDragOver(e), ln(e));
+        y && (this._onDragOver(e), ln(e));
         break;
       case "selectstart":
         e.preventDefault();
@@ -1932,9 +1932,9 @@ m.prototype = /** @lends Sortable.prototype */
     }), this._onDrop(), this._disableDelayedDragEvents(), ke.splice(ke.indexOf(this.el), 1), this.el = e = null;
   },
   _hideClone: function() {
-    if (!xt) {
-      if (dt("hideClone", this), m.eventCanceled) return;
-      x(C, "display", "none"), this.options.removeCloneOnHide && C.parentNode && C.parentNode.removeChild(C), xt = !0;
+    if (!mt) {
+      if (dt("hideClone", this), L.eventCanceled) return;
+      m(C, "display", "none"), this.options.removeCloneOnHide && C.parentNode && C.parentNode.removeChild(C), mt = !0;
     }
   },
   _showClone: function(e) {
@@ -1942,9 +1942,9 @@ m.prototype = /** @lends Sortable.prototype */
       this._hideClone();
       return;
     }
-    if (xt) {
-      if (dt("showClone", this), m.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), x(C, "display", ""), xt = !1;
+    if (mt) {
+      if (dt("showClone", this), L.eventCanceled) return;
+      y.parentNode == Z && !this.options.group.revertClone ? Z.insertBefore(C, y) : ht ? Z.insertBefore(C, ht) : Z.appendChild(C), this.options.group.revertClone && this.animate(y, C), m(C, "display", ""), mt = !1;
     }
   }
 };
@@ -1953,7 +1953,7 @@ function ln(t) {
 }
 function We(t, e, r, f, n, v, l, a) {
   var u, d = t[bt], P = d.options.onMove, b;
-  return window.CustomEvent && !mt && !Xe ? u = new CustomEvent("move", {
+  return window.CustomEvent && !Lt && !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;
@@ -1986,7 +1986,7 @@ function pn(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 on(t) {
-  return ct(S) < ct(t) ? 1 : -1;
+  return ct(y) < ct(t) ? 1 : -1;
 }
 function Pn(t) {
   for (var e = t.tagName + t.className + t.src + t.href + t.textContent, r = e.length, f = 0; r--; )
@@ -2007,12 +2007,12 @@ function _e(t) {
   return clearTimeout(t);
 }
 Ke && D(document, "touchmove", function(t) {
-  (m.active || Ct) && t.cancelable && t.preventDefault();
+  (L.active || Ct) && t.cancelable && t.preventDefault();
 });
-m.utils = {
+L.utils = {
   on: D,
   off: J,
-  css: x,
+  css: m,
   find: gr,
   is: function(e, r) {
     return !!At(e, r, e, !1);
@@ -2029,22 +2029,22 @@ m.utils = {
   getChild: Qt,
   expando: bt
 };
-m.get = function(t) {
+L.get = function(t) {
   return t[bt];
 };
-m.mount = function() {
+L.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 && (m.utils = St(St({}, m.utils), f.utils)), ie.mount(f);
+    f.utils && (L.utils = St(St({}, L.utils), f.utils)), ie.mount(f);
   });
 };
-m.create = function(t, e) {
-  return new m(t, e);
+L.create = function(t, e) {
+  return new L(t, e);
 };
-m.version = Yf;
+L.version = Yf;
 var E = [], ee, tr, er = !1, Ze, Ce, Je, re;
 function cn() {
   function t() {
@@ -2068,7 +2068,7 @@ function cn() {
       !this.options.dragOverBubble && !f.rootEl && this._handleAutoScroll(f);
     },
     drop: function() {
-      this.sortable.nativeDraggable ? J(document, "dragover", this._handleAutoScroll) : (J(document, "pointermove", this._handleFallbackAutoScroll), J(document, "touchmove", this._handleFallbackAutoScroll), J(document, "mousemove", this._handleFallbackAutoScroll)), yr(), me(), Qf();
+      this.sortable.nativeDraggable ? J(document, "dragover", this._handleAutoScroll) : (J(document, "pointermove", this._handleFallbackAutoScroll), J(document, "touchmove", this._handleFallbackAutoScroll), J(document, "mousemove", this._handleFallbackAutoScroll)), yr(), Le(), Qf();
     },
     nulling: function() {
       Je = tr = ee = er = re = Ze = Ce = null, E.length = 0;
@@ -2078,16 +2078,16 @@ function cn() {
     },
     _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 || Xe || mt || le) {
+      if (Je = r, f || this.options.forceAutoScrollFallback || Xe || Lt || le) {
         Me(r, this.options, a, f);
         var u = Nt(a, !0);
         er && (!re || v !== Ze || l !== Ce) && (re && yr(), re = setInterval(function() {
           var d = Nt(document.elementFromPoint(v, l), !0);
-          d !== u && (u = d, me()), Me(r, n.options, d, f);
+          d !== u && (u = d, Le()), Me(r, n.options, d, f);
         }, 10), Ze = v, Ce = l);
       } else {
         if (!this.options.bubbleScroll || Nt(a, !0) === wt()) {
-          me();
+          Le();
           return;
         }
         Me(r, this.options, Nt(a, !1), !1);
@@ -2098,7 +2098,7 @@ function cn() {
     initializeByDefault: !0
   });
 }
-function me() {
+function Le() {
   E.forEach(function(t) {
     clearInterval(t.pid);
   }), E = [];
@@ -2109,19 +2109,19 @@ function yr() {
 var Me = hr(function(t, e, r, f) {
   if (e.scroll) {
     var n = (t.touches ? t.touches[0] : t).clientX, v = (t.touches ? t.touches[0] : t).clientY, l = e.scrollSensitivity, a = e.scrollSpeed, u = wt(), d = !1, P;
-    tr !== r && (tr = r, me(), ee = e.scroll, P = e.scrollFn, ee === !0 && (ee = Nt(r, !0)));
+    tr !== r && (tr = r, Le(), ee = e.scroll, P = e.scrollFn, ee === !0 && (ee = Nt(r, !0)));
     var b = 0, p = ee;
     do {
-      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 = x(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);
+      var c = p, s = Q(c), A = s.top, T = s.bottom, W = s.left, w = s.right, j = s.width, z = s.height, k = void 0, H = void 0, x = c.scrollWidth, S = c.scrollHeight, V = m(c), q = c.scrollLeft, K = c.scrollTop;
+      c === u ? (k = j < x && (V.overflowX === "auto" || V.overflowX === "scroll" || V.overflowX === "visible"), H = z < S && (V.overflowY === "auto" || V.overflowY === "scroll" || V.overflowY === "visible")) : (k = j < x && (V.overflowX === "auto" || V.overflowX === "scroll"), H = z < S && (V.overflowY === "auto" || V.overflowY === "scroll"));
+      var B = k && (Math.abs(w - n) <= l && q + j < x) - (Math.abs(W - n) <= l && !!q), F = H && (Math.abs(T - v) <= l && K + z < S) - (Math.abs(A - v) <= l && !!K);
       if (!E[b])
         for (var g = 0; g <= b; g++)
           E[g] || (E[g] = {});
       (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 && m.active._onTouchMove(Je);
+        f && this.layer === 0 && L.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(m.dragged.parentNode[bt], $, vt, t, Je, E[this.layer].el) !== "continue" || Ur(E[this.layer].el, $, vt);
+        typeof P == "function" && P.call(L.dragged.parentNode[bt], $, vt, t, Je, E[this.layer].el) !== "continue" || Ur(E[this.layer].el, $, vt);
       }).bind({
         layer: b
       }), 24))), b++;
@@ -2171,18 +2171,18 @@ dr.prototype = {
 Ot(dr, {
   pluginName: "removeOnSpill"
 });
-m.mount(new cn());
-m.mount(dr, ur);
+L.mount(new cn());
+L.mount(dr, ur);
 const sn = /* @__PURE__ */ _({
   __name: "BlockBrowser",
   setup(t) {
-    const e = j(""), r = Y(() => Ht.value ? Object.values(Ht.value).filter((v) => {
+    const e = O(""), r = Y(() => Ht.value ? Object.values(Ht.value).filter((v) => {
       var l, a;
       return ((l = v.type) == null ? void 0 : l.toLowerCase().includes(e.value.toLowerCase())) || ((a = v.label) == null ? void 0 : a.toLowerCase().includes(e.value.toLowerCase()));
     }) : []), f = Y(() => Ht.value ? Object.values(Ht.value).length : 0);
     function n() {
       const v = document.getElementById("available-blocks-list");
-      v && f.value && new m(v, {
+      v && f.value && new L(v, {
         animation: 150,
         ghostClass: "sortable-ghost",
         chosenClass: "sortable-chosen",
@@ -2252,7 +2252,7 @@ const sn = /* @__PURE__ */ _({
       set: (b) => {
         r.value = b;
       }
-    }), n = j([]);
+    }), n = O([]);
     $t(() => {
       var b;
       Array.isArray(f.value) || (f.value = []), f.value = ((b = f.value) == null ? void 0 : b.map((p) => ({
@@ -2404,7 +2404,7 @@ const sn = /* @__PURE__ */ _({
   }),
   emits: ["update:modelValue"],
   setup(t) {
-    const e = t, r = j(!1), f = j(e.fieldConfig.default), n = rt(t, "modelValue"), v = () => {
+    const e = t, r = O(!1), f = O(e.fieldConfig.default), n = rt(t, "modelValue"), v = () => {
       var a, u;
       r.value = !r.value, r.value ? (f.value = ((a = n.value) == null ? void 0 : a.top) || ((u = n.value) == null ? void 0 : u.bottom) || e.fieldConfig.default || "", n.value = { top: f.value || "", bottom: f.value || "" }) : n.value = {
         top: f.value || e.fieldConfig.default || "",
@@ -2451,7 +2451,7 @@ const sn = /* @__PURE__ */ _({
           title: "Top Margin"
         }, [
           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(R(xf), { class: "size-3" })
+            h(R(mf), { class: "size-3" })
           ]),
           lt(i("select", {
             "onUpdate:modelValue": u[1] || (u[1] = (d) => n.value.top = d),
@@ -2473,7 +2473,7 @@ const sn = /* @__PURE__ */ _({
           title: "Bottom Margin"
         }, [
           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(R(mf), { class: "size-3" })
+            h(R(Lf), { class: "size-3" })
           ]),
           lt(i("select", {
             "onUpdate:modelValue": u[2] || (u[2] = (d) => n.value.bottom = d),
@@ -2521,7 +2521,7 @@ const sn = /* @__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);
+    const r = t, f = e, n = O(null), v = O(r.modelValue || null), l = O(!1), a = O(!1), u = O(null), d = O(null);
     Xt(
       () => r.modelValue,
       (z) => {
@@ -2535,8 +2535,8 @@ const sn = /* @__PURE__ */ _({
       !r.editable || l.value || (z = n.value) == null || z.click();
     }
     function b(z) {
-      var L;
-      const H = (L = z.target.files) == null ? void 0 : L[0];
+      var x;
+      const H = (x = z.target.files) == null ? void 0 : x[0];
       H && T(H);
     }
     function p(z) {
@@ -2571,34 +2571,34 @@ const sn = /* @__PURE__ */ _({
       }
     }
     async function W(z) {
-      return r.uploadUrl ? y(z, r.uploadUrl) : new Promise((k) => {
+      return r.uploadUrl ? w(z, r.uploadUrl) : new Promise((k) => {
         const H = new FileReader();
-        H.onload = (L) => {
+        H.onload = (x) => {
           var V;
-          const w = (V = L.target) == null ? void 0 : V.result;
-          k(w);
+          const S = (V = x.target) == null ? void 0 : V.result;
+          k(S);
         }, H.onerror = () => {
           k(null);
         }, H.readAsDataURL(z);
       });
     }
-    async function y(z, k) {
+    async function w(z, k) {
       try {
         const H = new FormData();
         H.append("file", z);
-        const L = await fetch(k, {
+        const x = await fetch(k, {
           method: "POST",
           body: H
         });
-        if (!L.ok)
-          throw new Error(`Upload failed: ${L.statusText}`);
-        const w = await L.json();
-        return w.url || w.imageUrl || w.path || null;
+        if (!x.ok)
+          throw new Error(`Upload failed: ${x.statusText}`);
+        const S = await x.json();
+        return S.url || S.imageUrl || S.path || null;
       } catch (H) {
         throw console.error("Custom upload error:", H), H;
       }
     }
-    function O() {
+    function j() {
       !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 (z, k) => (o(), X("div", { class: "image-upload-field mb-2" }, [
@@ -2628,7 +2628,7 @@ const sn = /* @__PURE__ */ _({
             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(O, ["stop"])
+            onClick: Pt(j, ["stop"])
           }, [
             (o(), X("svg", {
               xmlns: "http://www.w3.org/2000/svg",
@@ -2802,7 +2802,7 @@ const sn = /* @__PURE__ */ _({
   }),
   emits: ["update:modelValue"],
   setup(t) {
-    const e = rt(t, "modelValue"), r = t, f = j(null), n = Y({
+    const e = rt(t, "modelValue"), r = t, f = O(null), n = Y({
       get: () => Array.isArray(e.value) ? e.value : e.value !== null && e.value !== void 0 ? [e.value] : [],
       set: (P) => {
         e.value = P.length > 0 ? P : [];
@@ -3066,7 +3066,7 @@ const sn = /* @__PURE__ */ _({
   }),
   emits: ["update:modelValue"],
   setup(t) {
-    const e = rt(t, "modelValue"), r = j(""), f = Y(() => n.value.length ? t.fields && Object.keys(t.fields).length > 0 ? Object.fromEntries(Object.entries(t.fields).filter(([v, l]) => (l == null ? void 0 : l.group) === r.value)) : t.fields || {} : t.fields || {}), n = Y(() => !t.fields || Object.keys(t.fields).length === 0 ? [] : Object.keys(t.fields).some((v) => {
+    const e = rt(t, "modelValue"), r = O(""), f = Y(() => n.value.length ? t.fields && Object.keys(t.fields).length > 0 ? Object.fromEntries(Object.entries(t.fields).filter(([v, l]) => (l == null ? void 0 : l.group) === r.value)) : t.fields || {} : t.fields || {}), n = Y(() => !t.fields || Object.keys(t.fields).length === 0 ? [] : Object.keys(t.fields).some((v) => {
       var l;
       return (l = t.fields[v]) == null ? void 0 : l.group;
     }) ? Object.keys(t.fields).reduce((v, l) => {
@@ -3133,7 +3133,7 @@ const sn = /* @__PURE__ */ _({
   }),
   emits: /* @__PURE__ */ Tt(["block-click"], ["update:modelValue", "update:hoveredBlockId"]),
   setup(t, { emit: e }) {
-    const r = e, f = rt(t, "modelValue"), n = rt(t, "hoveredBlockId"), v = j(!1), l = t, a = Y(() => {
+    const r = e, f = rt(t, "modelValue"), n = rt(t, "hoveredBlockId"), v = O(!1), l = t, a = Y(() => {
       var P;
       return (P = f.value) != null && P[l.blocksKey] ? f.value[l.blocksKey].map((b) => {
         const p = Ut(b.type);
@@ -3152,7 +3152,7 @@ const sn = /* @__PURE__ */ _({
     }
     function d() {
       const P = document.getElementById("page-blocks-list");
-      P && new m(P, {
+      P && new L(P, {
         animation: 150,
         ghostClass: "sortable-ghost",
         chosenClass: "sortable-chosen",
@@ -3165,8 +3165,8 @@ const sn = /* @__PURE__ */ _({
           v.value = !1;
           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);
+            const w = (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, w);
           }
         }
       });
@@ -3210,7 +3210,7 @@ const sn = /* @__PURE__ */ _({
   }),
   emits: /* @__PURE__ */ Tt(["close"], ["update:modelValue"]),
   setup(t, { emit: e }) {
-    const r = e, f = rt(t, "modelValue"), n = j({}), v = t, l = Y(() => Object.values(zt.value) || []);
+    const r = e, f = rt(t, "modelValue"), n = O({}), v = t, l = Y(() => Object.values(zt.value) || []);
     function a() {
       var d;
       const u = f.value[v.settingsKey].layout;
@@ -3264,7 +3264,7 @@ const sn = /* @__PURE__ */ _({
       ])
     ]));
   }
-}), mn = /* @__PURE__ */ Wt(On, [["__scopeId", "data-v-ebf4fdcf"]]), Ln = /* @__PURE__ */ _({
+}), Ln = /* @__PURE__ */ Wt(On, [["__scopeId", "data-v-ebf4fdcf"]]), xn = /* @__PURE__ */ _({
   __name: "PageBuilderToolbar",
   props: /* @__PURE__ */ Tt({
     hasPageSettings: { type: Boolean }
@@ -3280,7 +3280,7 @@ const sn = /* @__PURE__ */ _({
   setup(t) {
     const e = rt(t, "editorViewport"), r = rt(t, "activeBlock"), f = rt(t, "showPageSettings");
     return (n, v) => (o(), X("div", { class: "flex divide-x divide-gray-300 border-b border-gray-300" }, [
-      mr(n.$slots, "default"),
+      Lr(n.$slots, "default"),
       t.hasPageSettings ? (o(), X("div", {
         key: 0,
         class: "ml-auto inline-flex gap-2 px-5 py-2.5"
@@ -3322,7 +3322,7 @@ const sn = /* @__PURE__ */ _({
       ])
     ]));
   }
-}), xn = /* @__PURE__ */ _({
+}), mn = /* @__PURE__ */ _({
   __name: "PageBuilderSidebar",
   props: /* @__PURE__ */ Tt({
     editable: { type: Boolean, default: !0 },
@@ -3356,10 +3356,10 @@ const sn = /* @__PURE__ */ _({
       const c = Ut(p);
       if (!c)
         return 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;
+      const s = r.value.id, A = ((W = (T = e.value) == null ? void 0 : T[a.blocksKey]) == null ? void 0 : W.find((w) => w.id === s)) || r.value;
       return new Proxy({}, {
-        get(y, O) {
-          return O === "data" ? new Proxy(A, {
+        get(w, j) {
+          return j === "data" ? new Proxy(A, {
             get(z, k) {
               return z[k];
             },
@@ -3375,25 +3375,25 @@ const sn = /* @__PURE__ */ _({
             getOwnPropertyDescriptor(z, k) {
               return Object.getOwnPropertyDescriptor(z, k);
             }
-          }) : c[O];
+          }) : c[j];
         },
-        set(y, O) {
-          return O in c;
+        set(w, j) {
+          return j in c;
         },
-        has(y, O) {
-          return O === "data" || O in c;
+        has(w, j) {
+          return j === "data" || j in c;
         },
         ownKeys() {
           return ["data", ...Object.keys(c)];
         },
-        getOwnPropertyDescriptor(y, O) {
-          if (O === "data")
+        getOwnPropertyDescriptor(w, j) {
+          if (j === "data")
             return {
               enumerable: !0,
               configurable: !0
             };
-          if (O in c)
-            return Object.getOwnPropertyDescriptor(c, O);
+          if (j in c)
+            return Object.getOwnPropertyDescriptor(c, j);
         }
       });
     });
@@ -3404,15 +3404,15 @@ const sn = /* @__PURE__ */ _({
       a.editable && (v.value = !0);
     }
     async function b() {
-      var W, y, O, z;
+      var W, w, j, z;
       if (!a.editable) return;
-      const p = ((W = u.value) == null ? void 0 : W.label) || ((y = u.value) == null ? void 0 : y.type);
+      const p = ((W = u.value) == null ? void 0 : W.label) || ((w = u.value) == null ? void 0 : w.type);
       if (!window.confirm(
         `Are you sure you want to delete this ${p} block?
 
 This action cannot be undone.`
       )) return;
-      const s = (O = r.value) == null ? void 0 : O.id;
+      const s = (j = r.value) == null ? void 0 : j.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;
@@ -3420,7 +3420,7 @@ This action cannot be undone.`
     return (p, c) => {
       var s, A;
       return o(), X("div", { class: "page-builder-sidebar" }, [
-        h(Ln, {
+        h(xn, {
           editorViewport: l.value,
           "onUpdate:editorViewport": c[0] || (c[0] = (T) => l.value = T),
           showPageSettings: n.value,
@@ -3430,7 +3430,7 @@ This action cannot be undone.`
           class: "z-12 sticky top-0 bg-white",
           hasPageSettings: t.hasPageSettings
         }, null, 8, ["editorViewport", "showPageSettings", "activeBlock", "hasPageSettings"]),
-        n.value ? (o(), ut(mn, {
+        n.value ? (o(), ut(Ln, {
           key: 0,
           modelValue: e.value,
           "onUpdate:modelValue": c[3] || (c[3] = (T) => e.value = T),
@@ -3500,7 +3500,7 @@ This action cannot be undone.`
       ]);
     };
   }
-}), Vn = /* @__PURE__ */ Wt(xn, [["__scopeId", "data-v-07ebdb36"]]), Nn = /* @__PURE__ */ _({
+}), Vn = /* @__PURE__ */ Wt(mn, [["__scopeId", "data-v-07ebdb36"]]), Nn = /* @__PURE__ */ _({
   __name: "BrowserNavigation",
   props: {
     url: {}
@@ -3516,7 +3516,7 @@ This action cannot be undone.`
             title: "Open in new tab",
             class: "inline-block rounded-md p-1.5 text-xs text-zinc-300 hover:bg-zinc-500 hover:text-white"
           }, [
-            h(R(Lf), { class: "size-4" })
+            h(R(xf), { class: "size-4" })
           ], 8, ["href"])
         ])
       ])
@@ -3572,157 +3572,7 @@ function qn() {
    `);
 }
 function Jn(t) {
-  const e = qn(), r = kn(), f = "https://unpkg.com/vue@3/dist/vue.esm-browser.js", n = "https://unpkg.com/vue-router@4/dist/vue-router.esm-browser.js", v = typeof window < "u" ? window.location.origin : "", l = `<script>
-      // Define Vue feature flags to prevent warnings
-      // These must be defined before Vue or the library code is imported
-      // Using var to make them available globally (not just on window)
-      var __VUE_OPTIONS_API__ = true;
-      var __VUE_PROD_DEVTOOLS__ = false;
-      var __VUE_PROD_HYDRATION_MISMATCH_DETAILS__ = false;
-      
-      // Also set on window for compatibility
-      window.__VUE_OPTIONS_API__ = true;
-      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;
-         
-         // Use dynamic import with error handling - static imports fail if module doesn't exist
-         console.info('[iframe] Attempting to import createIframeApp from:', '${t}');
-         let appInitialized = false;
-         
-         try {
-            const module = await import('${t}');
-            console.info('[iframe] Module imported successfully:', module);
-            
-            if (module && module.createIframeApp) {
-               const appEl = document.getElementById('app');
-               console.info('[iframe] App element found:', appEl);
-               if (appEl) {
-                  console.info('[iframe] Calling createIframeApp...');
-                  appInitialized = true;
-                  module.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!');
-               }
-            } else {
-               console.error('[iframe] Module imported but createIframeApp not found');
-               throw new Error('createIframeApp not found in module');
-            }
-         } catch (error) {
-            console.error('[iframe] Failed to import module, falling back to postMessage:', error);
-            console.error('[iframe] Error details:', error.message, error.stack);
-            
-            // Fallback to postMessage mechanism
-            window.addEventListener('message', async (event) => {
-               console.info('[iframe] Received message (fallback):', event.data);
-               if (event.data.type === 'INIT_IFRAME_APP' && event.data.moduleUrl && !appInitialized) {
-                  appInitialized = true;
-                  console.info('[iframe] Initializing app with module URL (fallback):', 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) {
-                        console.info('[iframe] Calling createIframeApp (fallback)...');
-                        createIframeApp(appEl).then(() => {
-                           console.info('[iframe] createIframeApp completed successfully (fallback)');
-                        }).catch(err => {
-                           console.error('[iframe] createIframeApp failed (fallback):', err);
-                        });
-                     } else {
-                        console.error('[iframe] App element not found (fallback)!');
-                     }
-                  } catch (err) {
-                     console.error('[iframe] Failed to load iframe app module (fallback):', err);
-                     // 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);
-                     }
-                  }
-               }
-            });
-            
-            // Notify parent that we need the module URL via postMessage
-            if (window.parent) {
-               console.info('[iframe] Notifying parent that iframe needs module URL');
-               window.parent.postMessage({ type: 'IFRAME_NEEDS_MODULE_URL' }, '*');
-            }
-         }
-      <\/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) {
-                     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('[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);
-                  }
-               }
-            }
-         });
-         
-         // 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>`;
+  const e = qn(), r = kn(), f = "https://unpkg.com/vue@3/dist/vue.esm-browser.js", n = "https://unpkg.com/vue-router@4/dist/vue-router.esm-browser.js", v = typeof window < "u" ? window.location.origin : "";
   return `<!DOCTYPE html>
 <html lang="en">
 <head>
@@ -3765,8 +3615,86 @@ function Jn(t) {
 </head>
 <body>
    <div id="app"></div>
-   ${l}
-   ${a}
+   <script>
+      // Define Vue feature flags to prevent warnings
+      // These must be defined before Vue or the library code is imported
+      // Using var to make them available globally (not just on window)
+      var __VUE_OPTIONS_API__ = true;
+      var __VUE_PROD_DEVTOOLS__ = false;
+      var __VUE_PROD_HYDRATION_MISMATCH_DETAILS__ = false;
+      
+      // Also set on window for compatibility
+      window.__VUE_OPTIONS_API__ = true;
+      window.__VUE_PROD_DEVTOOLS__ = false;
+      window.__VUE_PROD_HYDRATION_MISMATCH_DETAILS__ = false;
+   <\/script>
+   <script type="module">
+      console.info('[iframe] Script module starting...');
+      
+      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;
+      
+      let appInitialized = false;
+      
+      // Always use postMessage mechanism to get the module URL
+      // This works whether the library is consumed as source or bundled
+      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');
+               const appEl = document.getElementById('app');
+               console.info('[iframe] App element found:', appEl);
+               if (appEl) {
+                  console.info('[iframe] Calling createIframeApp...');
+                  createIframeApp(appEl).then(() => {
+                     console.info('[iframe] createIframeApp completed successfully');
+                  }).catch(error => {
+                     console.error('[iframe] createIframeApp failed:', 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 after error');
+                        createApp({
+                           template: '<div class="p-4">iframe fallback app (error)</div>'
+                        }).mount(appEl);
+                     }
+                  });
+               } else {
+                  console.error('[iframe] App element not found!');
+               }
+            } catch (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">iframe fallback app</div>'
+                  }).mount(appEl);
+               }
+            }
+         }
+      });
+      
+      // 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>
 </body>
 </html>`;
 }
@@ -3901,7 +3829,7 @@ function fe(t) {
   const r = qt(t);
   return (e = r == null ? void 0 : r.$el) !== null && e !== void 0 ? e : r;
 }
-function Le(...t) {
+function xe(...t) {
   const e = [], r = () => {
     e.forEach((a) => a()), e.length = 0;
   }, f = (a, u, d, P) => (a.addEventListener(u, d, P), () => a.removeEventListener(u, d, P)), n = Y(() => {
@@ -3933,10 +3861,10 @@ function Mn(t, e, r = {}) {
   } : we;
   let u = !0;
   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));
+    if (typeof W == "string") return Array.from(f.document.querySelectorAll(W)).some((w) => w === T.target || T.composedPath().includes(w));
     {
-      const y = fe(W);
-      return y && (T.target === y || T.composedPath().includes(y));
+      const w = fe(W);
+      return w && (T.target === w || T.composedPath().includes(w));
     }
   });
   function P(T) {
@@ -3944,8 +3872,8 @@ function Mn(t, e, r = {}) {
     return W && W.$.subTree.shapeFlag === 16;
   }
   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 w = qt(T), j = w.$.subTree && w.$.subTree.children;
+    return j == null || !Array.isArray(j) ? !1 : j.some((z) => z.el === W.target || W.composedPath().includes(z.el));
   }
   const p = (T) => {
     const W = fe(t);
@@ -3959,7 +3887,7 @@ function Mn(t, e, r = {}) {
   };
   let c = !1;
   const s = [
-    Le(f, "click", (T) => {
+    xe(f, "click", (T) => {
       c || (c = !0, setTimeout(() => {
         c = !1;
       }, 0), p(T));
@@ -3967,15 +3895,15 @@ function Mn(t, e, r = {}) {
       passive: !0,
       capture: v
     }),
-    Le(f, "pointerdown", (T) => {
+    xe(f, "pointerdown", (T) => {
       const W = fe(t);
       u = !d(T) && !!(W && !T.composedPath().includes(W));
     }, { passive: !0 }),
-    l && Le(f, "blur", (T) => {
+    l && xe(f, "blur", (T) => {
       setTimeout(() => {
         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);
+        const w = fe(t);
+        ((W = f.document.activeElement) === null || W === void 0 ? void 0 : W.tagName) === "IFRAME" && !(w != null && w.contains(f.document.activeElement)) && e(T);
       }, 0);
     }, { passive: !0 })
   ].filter(Boolean), A = () => s.forEach((T) => T());
@@ -3996,7 +3924,7 @@ function Qr(...t) {
   let e, r, f = {};
   t.length === 3 ? (e = t[0], r = t[1], f = t[2]) : t.length === 2 ? typeof t[1] == "object" ? (e = !0, r = t[0], f = t[1]) : (e = t[0], r = t[1]) : (e = !0, r = t[0]);
   const { target: n = pr, eventName: v = "keydown", passive: l = !1, dedupe: a = !1 } = f, u = Yn(e);
-  return Le(n, v, (P) => {
+  return xe(n, v, (P) => {
     P.repeat && qt(a) || u(P) && r(P);
   }, l);
 }
@@ -4067,7 +3995,7 @@ const In = /* @__PURE__ */ _({
   },
   emits: ["blockAdded"],
   setup(t, { emit: e }) {
-    const r = j(!1), f = e;
+    const r = O(!1), f = e;
     function n(u) {
       u.dataTransfer && (u.dataTransfer.dropEffect = "move", r.value = !0);
     }
@@ -4135,39 +4063,39 @@ const In = /* @__PURE__ */ _({
     theme: { default: "default" }
   },
   setup(t) {
-    const e = t, r = j(!1), f = j(null), n = j(!1), v = j(null), l = j(!1), a = Y(() => {
+    const e = t, r = O(!1), f = O(null), n = O(!1), v = O(null), l = O(!1), a = Y(() => {
       if (r.value)
         return kr(e.layout);
     });
-    function u(w) {
+    function u(S) {
       p({
         type: "BLOCK_CLICK",
-        block: w
+        block: S
       });
     }
-    function d(w) {
+    function d(S) {
       p({
         type: "BLOCK_HOVER",
-        blockId: w
+        blockId: S
       });
     }
-    function P(w) {
+    function P(S) {
       p({
         type: "BLOCK_ADD",
-        blockType: w
+        blockType: S
       });
     }
-    function b(w) {
+    function b(S) {
       try {
-        return JSON.parse(JSON.stringify(w));
+        return JSON.parse(JSON.stringify(S));
       } catch (V) {
         console.warn("[iframe] Failed to serialize data for postMessage:", V);
         return;
       }
     }
-    function p(w) {
+    function p(S) {
       if (window.parent) {
-        const V = b(w);
+        const V = b(S);
         if (!V) {
           console.error("[iframe] Failed to serialize message for postMessage");
           return;
@@ -4182,74 +4110,74 @@ const In = /* @__PURE__ */ _({
         console.error("[iframe] EditorPageRenderer: No editor reference found");
         return;
       }
-      c = (w) => {
-        const q = w.target.closest("[data-partial]");
+      c = (S) => {
+        const q = S.target.closest("[data-partial]");
         q && p({
           type: "CLICK_PARTIAL",
           partial: q.getAttribute("data-partial")
         });
       }, f.value.addEventListener("click", c);
     }
-    const A = j(null), T = j(!1), W = j(null), y = j(null);
-    function O(w) {
+    const A = O(null), T = O(!1), W = O(null), w = O(null);
+    function j(S) {
       var q;
-      n.value || document.querySelector(".sortable-drag, .sortable-ghost") || (q = w.dataTransfer) != null && q.types.includes("block-type") && (T.value = !0, w.preventDefault(), w.stopPropagation());
+      n.value || document.querySelector(".sortable-drag, .sortable-ghost") || (q = S.dataTransfer) != null && q.types.includes("block-type") && (T.value = !0, S.preventDefault(), S.stopPropagation());
     }
-    function z(w) {
+    function z(S) {
       if (n.value)
         return;
-      const V = w.relatedTarget, q = w.currentTarget;
-      q != null && q.contains(V) || (T.value = !1, W.value = null, y.value = null);
+      const V = S.relatedTarget, q = S.currentTarget;
+      q != null && q.contains(V) || (T.value = !1, W.value = null, w.value = null);
     }
-    function k(w) {
+    function k(S) {
       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 = S.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) {
-        W.value = 0, y.value = 0;
+      if (S.preventDefault(), S.stopPropagation(), S.dataTransfer && (S.dataTransfer.dropEffect = "move"), !e.blocks || e.blocks.length === 0) {
+        W.value = 0, w.value = 0;
         return;
       }
-      const K = w.target.closest("[data-block-id]"), B = A.value;
+      const K = S.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(), 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);
+              const $ = K.getBoundingClientRect(), it = B.getBoundingClientRect(), yt = S.clientY, _t = $.top + $.height / 2;
+              yt < _t ? (W.value = vt, w.value = $.top - it.top - 2) : (W.value = vt + 1, w.value = $.bottom - it.top - 2);
             }
           }
         } else {
           W.value = e.blocks.length;
           const g = B.getBoundingClientRect();
-          y.value = g.height - 2;
+          w.value = g.height - 2;
         }
     }
-    function H(w) {
+    function H(S) {
       var B;
-      if (n.value || document.querySelector(".sortable-drag, .sortable-ghost") || !((B = w.dataTransfer) != null && B.types.includes("block-type")))
+      if (n.value || document.querySelector(".sortable-drag, .sortable-ghost") || !((B = S.dataTransfer) != null && B.types.includes("block-type")))
         return;
-      if (w.preventDefault(), w.stopPropagation(), !w.dataTransfer) {
-        T.value = !1, W.value = null, y.value = null;
+      if (S.preventDefault(), S.stopPropagation(), !S.dataTransfer) {
+        T.value = !1, W.value = null, w.value = null;
         return;
       }
-      const q = w.dataTransfer.getData("block-type") || w.dataTransfer.getData("text/plain");
+      const q = S.dataTransfer.getData("block-type") || S.dataTransfer.getData("text/plain");
       if (!q) {
-        T.value = !1, W.value = null, y.value = null;
+        T.value = !1, W.value = null, w.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 = S.target.closest("[data-block-id]");
         if (g) {
           const vt = g.getAttribute("data-block-id");
           if (vt) {
             const $ = e.blocks.findIndex((it) => it.id === vt);
             if ($ !== -1) {
-              const it = g.getBoundingClientRect(), yt = w.clientY, _t = it.top + it.height / 2;
+              const it = g.getBoundingClientRect(), yt = S.clientY, _t = it.top + it.height / 2;
               K = yt < _t ? $ : $ + 1;
             } else
               K = e.blocks.length;
@@ -4258,13 +4186,13 @@ const In = /* @__PURE__ */ _({
         } else
           K = e.blocks.length;
       }
-      T.value = !1, W.value = null, y.value = null, p({
+      T.value = !1, W.value = null, w.value = null, p({
         type: "BLOCK_ADD",
         blockType: q,
         index: K
       });
     }
-    async function L() {
+    async function x() {
       var q, K;
       if (n.value || l.value)
         return;
@@ -4272,8 +4200,8 @@ const In = /* @__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 S = (q = e.blocks) == null ? void 0 : q.length;
+      if (!S || S === 0) {
         console.warn("Cannot initialize Sortable: no blocks exist");
         return;
       }
@@ -4299,7 +4227,7 @@ const In = /* @__PURE__ */ _({
       }
       l.value = !0;
       try {
-        v.value = new m(V, {
+        v.value = new L(V, {
           animation: 150,
           ghostClass: "sortable-ghost",
           chosenClass: "sortable-chosen",
@@ -4336,15 +4264,15 @@ const In = /* @__PURE__ */ _({
       }
     }
     return $t(async () => {
-      r.value = !1, await xe(e.theme, !1), r.value = !0, s();
+      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 L());
+      async ([S, V, q]) => {
+        q && V && S && S.length > 0 && (await It(), await x());
       },
       { immediate: !0 }
     ), Gt(async () => {
-      e.blocks && e.blocks.length > 0 && a.value && r.value && (await It(), await L());
+      e.blocks && e.blocks.length > 0 && a.value && r.value && (await It(), await x());
     }), rr(() => {
       if (c && f.value && (f.value.removeEventListener("click", c), c = null), v.value) {
         try {
@@ -4353,7 +4281,7 @@ const In = /* @__PURE__ */ _({
         }
         v.value = null;
       }
-    }), (w, V) => (o(), X("div", {
+    }), (S, V) => (o(), X("div", {
       id: "page-viewport",
       ref_key: "editorRef",
       ref: f,
@@ -4361,7 +4289,7 @@ const In = /* @__PURE__ */ _({
     }, [
       r.value ? (o(), X(tt, { key: 0 }, [
         a.value ? (o(), ut(Yt(a.value), kt({ key: 0 }, t.settings, { blocks: t.blocks }), {
-          default: Lr(() => {
+          default: xr(() => {
             var q;
             return [
               (q = t.blocks) != null && q.length ? (o(), X("div", {
@@ -4370,15 +4298,15 @@ const In = /* @__PURE__ */ _({
                 ref_key: "pageBlocksWrapperRef",
                 ref: A,
                 class: I(["relative", { "drag-over": T.value }]),
-                onDragenter: O,
+                onDragenter: j,
                 onDragleave: z,
                 onDragover: k,
                 onDrop: H
               }, [
-                T.value && W.value !== null && y.value !== null ? (o(), X("div", {
+                T.value && W.value !== null && w.value !== null ? (o(), X("div", {
                   key: 0,
                   class: "drop-indicator",
-                  style: xr({ top: y.value + "px" })
+                  style: mr({ top: w.value + "px" })
                 }, [
                   i("div", { class: "drop-indicator-line" }),
                   i("div", { class: "drop-indicator-label" }, "Drop here"),
@@ -4444,11 +4372,22 @@ const In = /* @__PURE__ */ _({
   }
 }), Or = /* @__PURE__ */ Wt($n, [["__scopeId", "data-v-d3e4c269"]]);
 function _n() {
-  return import.meta.url;
+  const t = import.meta.url;
+  try {
+    const e = new URL(t);
+    if (typeof window < "u" && window.location) {
+      const { origin: r } = window.location, { pathname: f } = e;
+      if (f.startsWith("/node_modules") || f.includes("vue-wswg-editor"))
+        return `${r}${f}${e.search}`;
+    }
+    return t;
+  } catch {
+    return t;
+  }
 }
 async function bv(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");
+  const e = O(null), r = O(null), f = O(null), n = O(!1), v = O("blocks"), l = O("settings"), a = O("default");
   console.info("[iframe] State initialized");
   function u(s) {
     try {
@@ -4499,7 +4438,7 @@ async function bv(t) {
     },
     setup() {
       console.info("[iframe] Vue app setup() called");
-      const s = j(!1);
+      const s = O(!1);
       return console.info("[iframe] Setting up pageData watcher"), Xt(
         () => e.value,
         async (A) => {
@@ -4511,7 +4450,7 @@ async function bv(t) {
         },
         { immediate: !0 }
       ), () => {
-        var y;
+        var w;
         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,
@@ -4520,7 +4459,7 @@ async function bv(t) {
           blocksCount: (W == null ? void 0 : W.length) || 0
         }), s.value && A ? (console.info("[iframe] Rendering EditorPageRenderer"), Dt(Or, {
           blocks: W,
-          layout: (y = A[l.value]) == null ? void 0 : y.layout,
+          layout: (w = A[l.value]) == null ? void 0 : w.layout,
           settings: A[l.value],
           activeBlock: r.value,
           hoveredBlockId: f.value,
@@ -4597,16 +4536,16 @@ async function bv(t) {
       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 = [
+        const w = A(W);
+        return w.route && (!w.route.matched || w.route.matched.length === 0) && (w.route.matched = [
           {
-            path: y.route.path || "/",
-            name: y.route.name,
-            meta: y.route.meta || {},
+            path: w.route.path || "/",
+            name: w.route.name,
+            meta: w.route.meta || {},
             components: {},
             children: []
           }
-        ]), y;
+        ]), w;
       }, 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");
@@ -4632,23 +4571,36 @@ const tv = /* @__PURE__ */ _({
   },
   emits: ["click-block", "hover-block", "block-reorder", "block-add", "click-partial"],
   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");
+    let r = _n();
+    if (typeof document < "u") {
+      const w = Array.from(document.querySelectorAll("script[src]")).find((j) => (j.getAttribute("src") || "").includes("vue-wswg-editor"));
+      if (w) {
+        const j = w.getAttribute("src");
+        if (j)
+          try {
+            r = new URL(j, window.location.href).href, console.info("[parent] Using script URL as module URL:", r);
+          } catch (z) {
+            console.warn("[parent] Failed to construct module URL from script:", z);
+          }
+      }
+    }
+    const f = t, n = e, v = O(null), l = O(null), a = O(!1), u = O(""), d = Y(() => f.blocksKey || "blocks"), P = Y(() => f.settingsKey || "settings");
     function b() {
-      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)
+      var W, w;
+      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), (w = v.value) != null && w.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);
+        } catch (j) {
+          console.info("[parent] Cannot access iframe document (cross-origin?):", j);
         }
     }
     function p() {
       console.info("[parent] Creating iframe src, module URL:", r);
-      const W = Jn(r), y = new Blob([W], { type: "text/html" }), O = URL.createObjectURL(y);
-      return console.info("[parent] Iframe blob URL created:", O), O;
+      const W = Jn(), w = new Blob([W], { type: "text/html" }), j = URL.createObjectURL(w);
+      return console.info("[parent] Iframe blob URL created:", j), j;
     }
     async function c() {
       if (console.info("[parent] updateIframeContent called", {
@@ -4669,34 +4621,34 @@ const tv = /* @__PURE__ */ _({
     let s = null;
     function A() {
       console.info("[parent] Setting up message listener"), s = (W) => {
-        var y;
-        if (W.source !== ((y = v.value) == null ? void 0 : y.contentWindow)) {
+        var w;
+        if (W.source !== ((w = v.value) == null ? void 0 : w.contentWindow)) {
           console.info("[parent] Ignoring message from different source");
           return;
         }
-        if (console.info("[parent] Received message from iframe:", W.data), W.data && W.data.type === "IFRAME_NEEDS_MODULE_URL") {
-          console.info("[parent] IFRAME_NEEDS_MODULE_URL received, sending module URL"), v.value && r ? Hr(v.value, r) : console.warn("[parent] Cannot send module URL - iframe ref or module URL not available");
+        if (console.info("[parent] Received message from iframe:", W.data), W.data && W.data.type === "IFRAME_READY_FOR_APP") {
+          console.info("[parent] IFRAME_READY_FOR_APP received, sending module URL"), v.value && r ? Hr(v.value, r) : console.warn("[parent] Cannot send module URL - iframe ref or module URL not available");
           return;
         }
-        if (W.data && W.data.type === "IFRAME_READY_FOR_APP") {
-          console.info("[parent] IFRAME_READY_FOR_APP received, sending module URL"), v.value && r && Hr(v.value, r);
+        if (W.data && W.data.type === "IFRAME_NEEDS_MODULE_URL") {
+          console.info("[parent] IFRAME_NEEDS_MODULE_URL received, sending module URL"), v.value && r ? Hr(v.value, r) : console.warn("[parent] Cannot send module URL - iframe ref or module URL not available");
           return;
         }
         Rn(W, {
-          onBlockClick: (O, z) => {
+          onBlockClick: (j, z) => {
             n("click-block", z);
           },
-          onBlockHover: (O) => {
-            n("hover-block", O);
+          onBlockHover: (j) => {
+            n("hover-block", j);
           },
-          onBlockReorder: (O, z) => {
-            n("block-reorder", O, z);
+          onBlockReorder: (j, z) => {
+            n("block-reorder", j, z);
           },
-          onBlockAdd: (O, z) => {
-            n("block-add", O, z);
+          onBlockAdd: (j, z) => {
+            n("block-add", j, z);
           },
-          onPartialClick: (O) => {
-            n("click-partial", O);
+          onPartialClick: (j) => {
+            n("click-partial", j);
           },
           onIframeReady: () => {
             console.info("[parent] IFRAME_READY received, setting iframeReady to true"), a.value = !0, setTimeout(() => {
@@ -4734,7 +4686,7 @@ const tv = /* @__PURE__ */ _({
       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);
-    }), (W, y) => (o(), X("div", {
+    }), (W, w) => (o(), X("div", {
       ref_key: "containerRef",
       ref: l,
       class: "iframe-preview-container"
@@ -4750,7 +4702,7 @@ const tv = /* @__PURE__ */ _({
       }, null, 40, ["src"])
     ], 512));
   }
-}), ev = /* @__PURE__ */ Wt(tv, [["__scopeId", "data-v-06550091"]]), pv = /* @__PURE__ */ _({
+}), ev = /* @__PURE__ */ Wt(tv, [["__scopeId", "data-v-3fccc4ad"]]), pv = /* @__PURE__ */ _({
   __name: "WswgPageBuilder",
   props: /* @__PURE__ */ Tt({
     editable: { type: Boolean, default: !1 },
@@ -4767,28 +4719,28 @@ const tv = /* @__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");
+    const e = t, r = O("desktop"), f = O(!1), n = O(!1), v = O(null), l = O(!1), a = O(null), u = O(void 0), d = O(380), P = O(null), b = O(!1), p = rt(t, "modelValue");
     function c(H) {
       d.value = H;
     }
     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);
+      var H, x;
+      return !!(Object.keys(zt).length > 1 || (H = p.value) != null && H[e.settingsKey] && Object.keys((x = p.value) == null ? void 0 : x[e.settingsKey]).length > 0);
     });
     function A(H) {
       v.value = H, f.value = !1, a.value = null, n.value = !1;
     }
-    async function T(H, L) {
+    async function T(H, x) {
       if (!p.value) return;
       p.value[e.blocksKey] || (p.value[e.blocksKey] = []);
-      const w = {
+      const S = {
         id: `block-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`,
         type: H,
         margin: e.defaultBlockMargin ? { top: e.defaultBlockMargin, bottom: e.defaultBlockMargin } : void 0
       }, 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);
-      }), L !== void 0 ? p.value[e.blocksKey].splice(L, 0, w) : p.value[e.blocksKey].push(w), v.value = w, n.value = !1, w;
+        K.default && (typeof K.default == "function" ? S[q] = K.default() : S[q] = K.default);
+      }), x !== void 0 ? p.value[e.blocksKey].splice(x, 0, S) : p.value[e.blocksKey].push(S), v.value = S, n.value = !1, S;
     }
     function W(H) {
       l.value || (a.value = H);
@@ -4802,32 +4754,32 @@ const tv = /* @__PURE__ */ _({
       },
       { ignore: ["#page-builder-sidebar", "#page-builder-resize-handle"] }
     ), $t(async () => {
-      await xe(e.theme, !0), k();
+      await me(e.theme, !0), k();
     }), Xt(
       () => e.theme,
       async (H) => {
-        b.value = !0, await xe(H, !0), k(), b.value = !1;
+        b.value = !0, await me(H, !0), k(), b.value = !1;
       }
     );
-    function y(H, L) {
+    function w(H, x) {
       var q;
       if (!((q = p.value) != null && q[e.blocksKey])) return;
-      const w = p.value[e.blocksKey];
-      if (H < 0 || H >= w.length || L < 0 || L >= w.length)
+      const S = p.value[e.blocksKey];
+      if (H < 0 || H >= S.length || x < 0 || x >= S.length)
         return;
-      const V = w[H];
-      w.splice(H, 1), w.splice(L, 0, V);
+      const V = S[H];
+      S.splice(H, 1), S.splice(x, 0, V);
     }
-    function O(H, L) {
-      T(H, L);
+    function j(H, x) {
+      T(H, x);
     }
     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;
+      const x = H !== null && H !== "";
+      f.value = !0, v.value = null, a.value = null, n.value = !1, x && H ? u.value = H : u.value = void 0;
     }
     function k() {
-      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)) {
+      var H, x, S, V, q, K, B, F;
+      if (p.value || (p.value = {}), (H = p.value) != null && H[e.settingsKey] || p.value && (p.value[e.settingsKey] = {}), !((S = (x = p.value) == null ? void 0 : x[e.settingsKey]) != null && S.layout)) {
         const g = (V = p.value) == null ? void 0 : V[e.settingsKey];
         g && typeof g.layout != "string" && (g.layout = "default");
       }
@@ -4837,10 +4789,10 @@ const tv = /* @__PURE__ */ _({
       }
       (F = p.value) != null && F[e.blocksKey] || p.value && (p.value[e.blocksKey] = []);
     }
-    return (H, L) => (o(), X("div", {
+    return (H, x) => (o(), X("div", {
       class: I(["wswg-page-builder", { "settings-open": f.value }])
     }, [
-      t.loading || b.value ? mr(H.$slots, "loading", { key: 0 }, () => [
+      t.loading || b.value ? Lr(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",
@@ -4893,8 +4845,8 @@ const tv = /* @__PURE__ */ _({
               theme: t.theme,
               onHoverBlock: W,
               onClickBlock: A,
-              onBlockReorder: y,
-              onBlockAdd: O,
+              onBlockReorder: w,
+              onBlockAdd: j,
               onClickPartial: z
             }, null, 8, ["pageData", "activeBlock", "hoveredBlockId", "viewport", "editable", "blocksKey", "settingsKey", "settingsOpen", "theme"])
           ], 2)
@@ -4903,21 +4855,21 @@ const tv = /* @__PURE__ */ _({
         i("div", {
           id: "page-builder-sidebar",
           class: "page-builder-sidebar-wrapper bg-white",
-          style: xr({ width: d.value + "px" })
+          style: mr({ width: d.value + "px" })
         }, [
           h(Vn, {
             modelValue: p.value,
-            "onUpdate:modelValue": L[0] || (L[0] = (w) => p.value = w),
+            "onUpdate:modelValue": x[0] || (x[0] = (S) => p.value = S),
             activeBlock: v.value,
-            "onUpdate:activeBlock": L[1] || (L[1] = (w) => v.value = w),
+            "onUpdate:activeBlock": x[1] || (x[1] = (S) => v.value = S),
             hoveredBlockId: a.value,
-            "onUpdate:hoveredBlockId": L[2] || (L[2] = (w) => a.value = w),
+            "onUpdate:hoveredBlockId": x[2] || (x[2] = (S) => a.value = S),
             showPageSettings: f.value,
-            "onUpdate:showPageSettings": L[3] || (L[3] = (w) => f.value = w),
+            "onUpdate:showPageSettings": x[3] || (x[3] = (S) => f.value = S),
             showAddBlockMenu: n.value,
-            "onUpdate:showAddBlockMenu": L[4] || (L[4] = (w) => n.value = w),
+            "onUpdate:showAddBlockMenu": x[4] || (x[4] = (S) => n.value = S),
             editorViewport: r.value,
-            "onUpdate:editorViewport": L[5] || (L[5] = (w) => r.value = w),
+            "onUpdate:editorViewport": x[5] || (x[5] = (S) => r.value = S),
             hasPageSettings: s.value,
             editable: t.editable,
             blocksKey: t.blocksKey,
@@ -4938,7 +4890,7 @@ const tv = /* @__PURE__ */ _({
     theme: { default: "default" }
   },
   setup(t) {
-    const e = t, r = j(!1), f = Y(() => {
+    const e = t, r = O(!1), f = Y(() => {
       var v;
       return kr(e.layout || ((v = e.settings) == null ? void 0 : v.layout));
     });
@@ -4948,14 +4900,14 @@ const tv = /* @__PURE__ */ _({
       return [u(l, "top"), u(a, "bottom")].join(" ");
     }
     return $t(async () => {
-      r.value = !1, await xe(e.theme, !1), r.value = !0;
+      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 ? (o(), X(tt, { key: 0 }, [
         t.withLayout && f.value ? (o(), ut(Yt(f.value), kt({ key: 0 }, t.settings, { blocks: t.blocks }), {
-          default: Lr(() => [
+          default: xr(() => [
             i("div", { id: "page-blocks-wrapper" }, [
               (o(!0), X(tt, null, nt(t.blocks, (a) => (o(), X("div", {
                 key: a.id,