vue-wswg-editor 0.0.18 → 0.0.19

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 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 xr, getCurrentScope as ef, onScopeDispose as rf, toValue as qt, useTemplateRef as ff, nextTick as It, withCtx as Lr, normalizeStyle as mr, createApp as nf, h as Dt } from "vue";
 const nv = {
   custom: (t = {}) => ({
     type: "custom",
@@ -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) {
@@ -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 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",
@@ -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 xt = jt(/(?:Trident.*rv[ :]?11\.|msie|iemobile|Windows Phone)/i), Xe = jt(/Edge/i), cr = jt(/firefox/i), le = jt(/safari/i) && !jt(/chrome/i) && !jt(/android/i), ar = jt(/iP(ad|od|hone)/i), 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, !xt && Dr);
 }
 function J(t, e, r) {
-  t.removeEventListener(e, r, !mt && Dr);
+  t.removeEventListener(e, r, !xt && 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, !xt))
       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] !== x.ghost && (f || l[v] !== x.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 === x.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 !== x.clone && (!e || Ve(t, e)) && r++;
   return r;
 }
 function Tr(t) {
@@ -1155,7 +1155,7 @@ function Nt(t, e) {
   var r = t, f = !1;
   do
     if (r.clientWidth < r.scrollWidth || r.clientHeight < r.scrollHeight) {
-      var n = 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 === x.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,7 +1326,7 @@ 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 && !xt && !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;
@@ -1338,7 +1338,7 @@ function en(t) {
 }
 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({
+  ie.pluginEvent.bind(x)(e, r, St({
     dragEl: S,
     parentEl: M,
     ghostEl: N,
@@ -1346,10 +1346,10 @@ var rn = ["evt"], dt = function(e, r) {
     nextEl: ht,
     lastDownEl: He,
     cloneEl: C,
-    cloneHidden: xt,
+    cloneHidden: mt,
     dragStarted: te,
     putSortable: et,
-    activeSortable: m.active,
+    activeSortable: x.active,
     originalEvent: n,
     oldIndex: Mt,
     oldDraggableIndex: de,
@@ -1358,10 +1358,10 @@ var rn = ["evt"], dt = function(e, r) {
     hideGhostForTarget: Cr,
     unhideGhostForTarget: Mr,
     cloneNowHidden: function() {
-      xt = !0;
+      mt = !0;
     },
     cloneNowShown: function() {
-      xt = !1;
+      mt = !1;
     },
     dispatchSortableEvent: function(a) {
       at({
@@ -1384,15 +1384,15 @@ function at(t) {
     newDraggableIndex: Lt
   }, 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 S, M, N, Z, ht, He, C, mt, 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 || xt ? "cssFloat" : "float", fn = Ke && !Jr && !ar && "draggable" in document.createElement("div"), Br = function() {
   if (Ke) {
-    if (mt)
+    if (xt)
       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,9 +1436,9 @@ 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)
@@ -1458,7 +1458,7 @@ var gt = function(e) {
 }, an = function(e) {
   S && S.parentNode[bt]._isOutsideThisEl(e.target);
 };
-function m(t, e) {
+function x(t, e) {
   if (!(t && t.nodeType && t.nodeType === 1))
     throw "Sortable: `el` must be an HTMLElement, not ".concat({}.toString.call(t));
   this.el = t, this.options = e = Ot({}, e), t[bt] = this;
@@ -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: x.supportPointer !== !1 && "PointerEvent" in window && (!le || ar),
     emptyInsertThreshold: 5
   };
   ie.initializePlugins(this, t, r);
@@ -1516,9 +1516,9 @@ 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 */
+x.prototype = /** @lends Sortable.prototype */
 {
-  constructor: m,
+  constructor: x,
   _isOutsideThisEl: function(e) {
     !this.el.contains(e) && e !== this.el && (Ft = null);
   },
@@ -1567,14 +1567,14 @@ m.prototype = /** @lends Sortable.prototype */
     var n = this, v = n.el, l = n.options, a = v.ownerDocument, u;
     if (f && !S && 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 = {
+      if (Z = v, S = f, M = S.parentNode, ht = S.nextSibling, He = f, se = l.group, x.dragged = S, Kt = {
         target: S,
         clientX: (r || e).clientX,
         clientY: (r || e).clientY
       }, Wr = Kt.clientX - d.left, wr = Kt.clientY - d.top, this._lastX = (r || e).clientX, this._lastY = (r || e).clientY, S.style["will-change"] = "all", u = function() {
         if (dt("delayEnded", n, {
           evt: e
-        }), m.eventCanceled) {
+        }), x.eventCanceled) {
           n._onDrop();
           return;
         }
@@ -1587,8 +1587,8 @@ m.prototype = /** @lends Sortable.prototype */
         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, {
         evt: e
-      }), l.delay && (!l.delayOnTouchOnly || r) && (!this.nativeDraggable || !(Xe || mt))) {
-        if (m.eventCanceled) {
+      }), l.delay && (!l.delayOnTouchOnly || r) && (!this.nativeDraggable || !(Xe || xt))) {
+        if (x.eventCanceled) {
           this._onDrop();
           return;
         }
@@ -1623,7 +1623,7 @@ m.prototype = /** @lends Sortable.prototype */
         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(S, f.dragClass, !1), pt(S, f.ghostClass, !0), x.active = this, e && this._appendGhost(), at({
         sortable: this,
         name: "start",
         originalEvent: r
@@ -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 (!x.active && !Ct) {
         if (f && Math.max(Math.abs(v.clientX - this._lastX), Math.abs(v.clientY - this._lastY)) < f)
           return;
         this._onDragStart(e, !0);
@@ -1671,7 +1671,7 @@ 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();
     }
@@ -1680,31 +1680,31 @@ m.prototype = /** @lends Sortable.prototype */
     if (!N) {
       var e = this.options.fallbackOnBody ? document.body : Z, r = Q(S, !0, Te, !0, e), f = this.options;
       if (Te) {
-        for (ft = e; 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 = S.cloneNode(!0), pt(N, f.ghostClass, !1), pt(N, f.fallbackClass, !0), pt(N, f.dragClass, !0), m(N, "transition", ""), m(N, "transform", ""), m(N, "box-sizing", "border-box"), m(N, "margin", 0), m(N, "top", r.top), m(N, "left", r.left), m(N, "width", r.width), m(N, "height", r.height), m(N, "opacity", "0.8"), m(N, "position", Te ? "absolute" : "fixed"), m(N, "zIndex", "100000"), m(N, "pointerEvents", "none"), x.ghost = N, e.appendChild(N), m(N, "transform-origin", Wr / parseInt(N.style.width) * 100 + "% " + wr / parseInt(N.style.height) * 100 + "%");
     }
   },
   _onDragStart: function(e, r) {
     var f = this, n = e.dataTransfer, v = f.options;
     if (dt("dragStart", this, {
       evt: e
-    }), m.eventCanceled) {
+    }), x.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), x.eventCanceled || (C = Rr(S), C.removeAttribute("id"), C.draggable = !1, C.style["will-change"] = "", this._hideClone(), pt(C, this.options.chosenClass, !1), x.clone = C), f.cloneId = Oe(function() {
+      dt("clone", f), !x.eventCanceled && (f.options.removeCloneOnHide || Z.insertBefore(C, S), f._hideClone(), at({
         sortable: f,
         name: "clone"
       }));
-    }), !r && pt(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(S, v.dragClass, !0), r ? (Ne = !0, f._loopId = setInterval(f._emulateDragOver, 50)) : (J(document, "mouseup", f._onDrop), J(document, "touchend", f._onDrop), J(document, "touchcancel", f._onDrop), n && (n.effectAllowed = "move", v.setData && v.setData.call(f, n, S)), D(document, "drop", f), m(S, "transform", "translateZ(0)")), Ct = !0, f._dragStartId = Oe(f._dragStarted.bind(f, r, e)), D(document, "selectstart", f), te = !0, window.getSelection().removeAllRanges(), le && m(document.body, "user-select", "none");
   },
   // Returns true - if no further action is needed (either inserted or another condition)
   _onDragOver: function(e) {
-    var r = this.el, f = e.target, n, v, l, a = this.options, u = a.group, d = 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 = x.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({
@@ -1730,7 +1730,7 @@ m.prototype = /** @lends Sortable.prototype */
     function y(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(S, et ? et.options.ghostClass : d.options.ghostClass, !1), pt(S, a.ghostClass, !0)), et !== s && s !== x.active ? et = s : s === x.active && et && (et = null), p === s && (s._ignoreWhileAnimating = f), s.animateAll(function() {
         T("dragOverAnimationComplete"), s._ignoreWhileAnimating = null;
       }), s !== p && (p.animateAll(), p._ignoreWhileAnimating = null)), (f === S && !S.animated || f === r && !f.animated) && (Ft = null), !a.dragoverBubble && !e.rootEl && f !== document && (S.parentNode[bt]._isOutsideThisEl(e.target), !yt && gt(e)), !a.dragoverBubble && e.stopPropagation && e.stopPropagation(), A = !0;
     }
@@ -1744,13 +1744,13 @@ m.prototype = /** @lends Sortable.prototype */
         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 (e.preventDefault !== void 0 && e.cancelable && e.preventDefault(), f = At(f, a.draggable, r, !0), T("dragOver"), x.eventCanceled) return A;
     if (S.contains(e.target) || f.animated && f.animatingX && f.animatingY || s._ignoreWhileAnimating === f)
       return y(!1);
     if (Ne = !1, d && !a.disabled && (P ? b || (l = M !== Z) : et === this || (this.lastPutMode = se.checkPull(this, d, S, e)) && u.checkPut(this, d, S, e))) {
-      if (c = this._getDirection(e, f) === "vertical", n = Q(S), T("dragOverValid"), m.eventCanceled) return A;
+      if (c = this._getDirection(e, f) === "vertical", n = Q(S), T("dragOverValid"), x.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"), x.eventCanceled || (ht ? Z.insertBefore(S, ht) : Z.appendChild(S)), y(!0);
       var z = lr(r, a.draggable);
       if (!z || bn(e, c, this) && !z.animated) {
         if (z === S)
@@ -1772,7 +1772,7 @@ m.prototype = /** @lends Sortable.prototype */
           var g = ct(S);
           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);
@@ -1800,11 +1800,11 @@ m.prototype = /** @lends Sortable.prototype */
     var r = this.el, f = this.options;
     if (ot = ct(S), Lt = ct(S, f.draggable), dt("drop", this, {
       evt: e
-    }), M = S && S.parentNode, ot = ct(S), Lt = ct(S, f.draggable), m.eventCanceled) {
+    }), M = S && S.parentNode, ot = ct(S), Lt = ct(S, f.draggable), x.eventCanceled) {
       this._nulling();
       return;
     }
-    Ct = !1, Ae = !1, pe = !1, clearInterval(this._loopId), clearTimeout(this._dragStartTimer), _e(this.cloneId), _e(this._dragStartId), this.nativeDraggable && (J(document, "drop", this), J(r, "dragstart", this._onDragStart)), this._offMoveEvents(), this._offUpEvents(), le && 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(S, "transform", ""), e && (te && (e.cancelable && e.preventDefault(), !f.dropBubble && e.stopPropagation()), N && N.parentNode && N.parentNode.removeChild(N), (Z === M || et && et.lastPutMode !== "clone") && C && C.parentNode && C.parentNode.removeChild(C), S && (this.nativeDraggable && J(S, "dragend", this), Fe(S), S.style["will-change"] = "", te && !Ct && pt(S, et ? et.options.ghostClass : this.options.ghostClass, !1), pt(S, this.options.chosenClass, !1), at({
       sortable: this,
       name: "unchoose",
       toEl: M,
@@ -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({
+    })), x.active && ((ot == null || ot === -1) && (ot = Mt, Lt = 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 = S = M = N = ht = C = He = mt = Kt = st = te = ot = Lt = Mt = de = Ft = be = et = se = x.dragged = x.ghost = x.clone = x.active = null, qe.forEach(function(e) {
       e.checked = !0;
     }), qe.length = Re = Ge = 0;
   },
@@ -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), x.eventCanceled) return;
+      m(C, "display", "none"), this.options.removeCloneOnHide && C.parentNode && C.parentNode.removeChild(C), mt = !0;
     }
   },
   _showClone: function(e) {
@@ -1942,9 +1942,9 @@ 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), x.eventCanceled) return;
+      S.parentNode == Z && !this.options.group.revertClone ? Z.insertBefore(C, S) : ht ? Z.insertBefore(C, ht) : Z.appendChild(C), this.options.group.revertClone && this.animate(S, C), m(C, "display", ""), mt = !1;
     }
   }
 };
@@ -1953,7 +1953,7 @@ function 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 && !xt && !Xe ? u = new CustomEvent("move", {
     bubbles: !0,
     cancelable: !0
   }) : (u = document.createEvent("Event"), u.initEvent("move", !0, !0)), u.to = e, u.from = t, u.dragged = r, u.draggedRect = f, u.related = n || e, u.relatedRect = v || Q(e), u.willInsertAfter = a, u.originalEvent = l, t.dispatchEvent(u), P && (b = P.call(d, u, l)), b;
@@ -2007,12 +2007,12 @@ function _e(t) {
   return clearTimeout(t);
 }
 Ke && D(document, "touchmove", function(t) {
-  (m.active || Ct) && t.cancelable && t.preventDefault();
+  (x.active || Ct) && t.cancelable && t.preventDefault();
 });
-m.utils = {
+x.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) {
+x.get = function(t) {
   return t[bt];
 };
-m.mount = function() {
+x.mount = function() {
   for (var t = arguments.length, e = new Array(t), r = 0; r < t; r++)
     e[r] = arguments[r];
   e[0].constructor === Array && (e = e[0]), e.forEach(function(f) {
     if (!f.prototype || !f.prototype.constructor)
       throw "Sortable: Mounted plugin must be a constructor function, not ".concat({}.toString.call(f));
-    f.utils && (m.utils = St(St({}, m.utils), f.utils)), ie.mount(f);
+    f.utils && (x.utils = St(St({}, x.utils), f.utils)), ie.mount(f);
   });
 };
-m.create = function(t, e) {
-  return new m(t, e);
+x.create = function(t, e) {
+  return new x(t, e);
 };
-m.version = Yf;
+x.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(), xe(), 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 || xt || 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, xe()), Me(r, n.options, d, f);
         }, 10), Ze = v, Ce = l);
       } else {
         if (!this.options.bubbleScroll || Nt(a, !0) === wt()) {
-          me();
+          xe();
           return;
         }
         Me(r, this.options, Nt(a, !1), !1);
@@ -2098,7 +2098,7 @@ function cn() {
     initializeByDefault: !0
   });
 }
-function me() {
+function xe() {
   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, xe(), 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;
+      var c = p, s = Q(c), A = s.top, T = s.bottom, W = s.left, y = s.right, O = s.width, z = s.height, k = void 0, H = void 0, L = c.scrollWidth, w = c.scrollHeight, V = m(c), q = c.scrollLeft, K = c.scrollTop;
       c === u ? (k = O < L && (V.overflowX === "auto" || V.overflowX === "scroll" || V.overflowX === "visible"), H = z < w && (V.overflowY === "auto" || V.overflowY === "scroll" || V.overflowY === "visible")) : (k = O < L && (V.overflowX === "auto" || V.overflowX === "scroll"), H = z < w && (V.overflowY === "auto" || V.overflowY === "scroll"));
       var B = k && (Math.abs(y - n) <= l && q + O < L) - (Math.abs(W - n) <= l && !!q), F = H && (Math.abs(T - v) <= l && K + z < w) - (Math.abs(A - v) <= l && !!K);
       if (!E[b])
         for (var g = 0; g <= b; g++)
           E[g] || (E[g] = {});
       (E[b].vx != 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 && x.active._onTouchMove(Je);
         var vt = E[this.layer].vy ? E[this.layer].vy * a : 0, $ = E[this.layer].vx ? E[this.layer].vx * a : 0;
-        typeof P == "function" && P.call(m.dragged.parentNode[bt], $, vt, t, Je, E[this.layer].el) !== "continue" || Ur(E[this.layer].el, $, vt);
+        typeof P == "function" && P.call(x.dragged.parentNode[bt], $, vt, t, Je, E[this.layer].el) !== "continue" || Ur(E[this.layer].el, $, vt);
       }).bind({
         layer: b
       }), 24))), b++;
@@ -2171,8 +2171,8 @@ dr.prototype = {
 Ot(dr, {
   pluginName: "removeOnSpill"
 });
-m.mount(new cn());
-m.mount(dr, ur);
+x.mount(new cn());
+x.mount(dr, ur);
 const sn = /* @__PURE__ */ _({
   __name: "BlockBrowser",
   setup(t) {
@@ -2182,7 +2182,7 @@ const sn = /* @__PURE__ */ _({
     }) : []), 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 x(v, {
         animation: 150,
         ghostClass: "sortable-ghost",
         chosenClass: "sortable-chosen",
@@ -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(xf), { class: "size-3" })
           ]),
           lt(i("select", {
             "onUpdate:modelValue": u[2] || (u[2] = (d) => n.value.bottom = d),
@@ -3152,7 +3152,7 @@ const sn = /* @__PURE__ */ _({
     }
     function d() {
       const P = document.getElementById("page-blocks-list");
-      P && new m(P, {
+      P && new x(P, {
         animation: 150,
         ghostClass: "sortable-ghost",
         chosenClass: "sortable-chosen",
@@ -3264,7 +3264,7 @@ const sn = /* @__PURE__ */ _({
       ])
     ]));
   }
-}), mn = /* @__PURE__ */ Wt(On, [["__scopeId", "data-v-ebf4fdcf"]]), Ln = /* @__PURE__ */ _({
+}), xn = /* @__PURE__ */ Wt(On, [["__scopeId", "data-v-ebf4fdcf"]]), Ln = /* @__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"),
+      xr(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 },
@@ -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(xn, {
           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: {}
@@ -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">Error loading preview. Check console for details.</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">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>
 </body>
 </html>`;
 }
@@ -4299,7 +4227,7 @@ const In = /* @__PURE__ */ _({
       }
       l.value = !0;
       try {
-        v.value = new m(V, {
+        v.value = new x(V, {
           animation: 150,
           ghostClass: "sortable-ghost",
           chosenClass: "sortable-chosen",
@@ -4336,7 +4264,7 @@ 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]) => {
@@ -4378,7 +4306,7 @@ const In = /* @__PURE__ */ _({
                 T.value && W.value !== null && y.value !== null ? (o(), X("div", {
                   key: 0,
                   class: "drop-indicator",
-                  style: xr({ top: y.value + "px" })
+                  style: mr({ top: y.value + "px" })
                 }, [
                   i("div", { class: "drop-indicator-line" }),
                   i("div", { class: "drop-indicator-label" }, "Drop here"),
@@ -4647,7 +4575,7 @@ const tv = /* @__PURE__ */ _({
     }
     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);
+      const W = Jn(), y = new Blob([W], { type: "text/html" }), O = URL.createObjectURL(y);
       return console.info("[parent] Iframe blob URL created:", O), O;
     }
     async function c() {
@@ -4674,12 +4602,12 @@ const tv = /* @__PURE__ */ _({
           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, {
@@ -4750,7 +4678,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-73079f1e"]]), pv = /* @__PURE__ */ _({
   __name: "WswgPageBuilder",
   props: /* @__PURE__ */ Tt({
     editable: { type: Boolean, default: !1 },
@@ -4802,11 +4730,11 @@ 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) {
@@ -4840,7 +4768,7 @@ const tv = /* @__PURE__ */ _({
     return (H, L) => (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 ? xr(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",
@@ -4903,7 +4831,7 @@ 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,
@@ -4948,7 +4876,7 @@ 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"