@feedmepos/mf-brand-app-builder 0.5.14 → 0.5.16

package/dist/{BuilderView-CdxiU_5V.js → BuilderView-DpY3fjD7.js}

@@ -1,14 +1,14 @@
-import { resolveComponent as Y, TransitionGroup as ko, defineComponent as ie, nextTick as On, h as Qt, isRef as Fo, isReactive as Po, isProxy as $o, toRaw as Ao, ref as q, createElementBlock as O, openBlock as D, Fragment as Te, renderList as ot, unref as $, createElementVNode as k, createVNode as S, createBlock as te, createCommentVNode as ne, toDisplayString as Pe, withCtx as M, computed as re, withDirectives as $t, withModifiers as Zt, vShow as At, normalizeClass as Ke, watch as en, createTextVNode as Mo, onMounted as Un, normalizeProps as Cn, mergeProps as Lo, resolveDynamicComponent as Ro, guardReactiveProps as Oo, normalizeStyle as Uo, renderSlot as dn, provide as Vo, inject as Ho, markRaw as zo } from "vue";
-import { T as Yo, B as Vn, u as rt } from "./index-CJXFGv-u.js";
-import { defineStore as jo, storeToRefs as Go } from "pinia";
-import { v as _n } from "./v4-CKwdnpQf.js";
-import { _ as ke } from "./Icon.vue_vue_type_style_index_0_lang-BcRjQndc.js";
-import { _ as Wo, a as Xo, C as Ko } from "./main-BnnUrWK-.js";
-import { useCoreStore as Fe } from "@feedmepos/mf-common";
-import { K as se, V as Jo } from "./index-CAfpg2Eg.js";
-import { useDialog as qo, components as Qo } from "@feedmepos/ui-library";
-import { F as Zo, a as er } from "./app-BSofsfPH.js";
-import { u as tr } from "./index-BZ63ygCw.js";
+import { resolveComponent as Y, TransitionGroup as Fo, defineComponent as ie, h as Qt, nextTick as On, isRef as Po, isReactive as $o, isProxy as Ao, toRaw as Mo, ref as q, openBlock as D, createElementBlock as O, Fragment as Te, renderList as ot, unref as $, createElementVNode as k, toDisplayString as Fe, createVNode as S, withCtx as M, createBlock as te, createCommentVNode as ne, computed as re, withDirectives as $t, withModifiers as Zt, vShow as At, normalizeClass as Ke, watch as en, createTextVNode as Lo, onMounted as Un, normalizeProps as Cn, mergeProps as Ro, resolveDynamicComponent as Oo, guardReactiveProps as Uo, normalizeStyle as Vo, renderSlot as dn, provide as Ho, inject as zo, markRaw as Yo } from "vue";
+import { T as jo, B as Vn, u as rt } from "./index-DLCLZ4cG.js";
+import { defineStore as Go, storeToRefs as Wo } from "pinia";
+import { v as _n } from "./v4-ANoOI1Qw.js";
+import { _ as ke } from "./Icon.vue_vue_type_style_index_0_lang-CVCHCcWR.js";
+import { _ as Xo, a as Ko, C as Jo } from "./main-DT3xX1S6.js";
+import { useCoreStore as Re } from "@feedmepos/mf-common";
+import { K as se, V as qo } from "./index-j0YX9EMn.js";
+import { useDialog as Qo, components as Zo } from "@feedmepos/ui-library";
+import { u as Hn } from "./index-C0BfhDyP.js";
+import { F as er, a as tr } from "./app-CHLqZtX1.js";
 /**!
  * Sortable 1.14.0
  * @author	RubaXa   <trash@rubaxa.org>
@@ -84,15 +84,15 @@ function me(t) {
   if (typeof window < "u" && window.navigator)
     return !!/* @__PURE__ */ navigator.userAgent.match(t);
 }
-var ge = me(/(?:Trident.*rv[ :]?11\.|msie|iemobile|Windows Phone)/i), it = me(/Edge/i), xn = me(/firefox/i), Je = me(/safari/i) && !me(/chrome/i) && !me(/android/i), Hn = me(/iP(ad|od|hone)/i), ar = me(/chrome/i) && me(/android/i), zn = {
+var ge = me(/(?:Trident.*rv[ :]?11\.|msie|iemobile|Windows Phone)/i), it = me(/Edge/i), xn = me(/firefox/i), Je = me(/safari/i) && !me(/chrome/i) && !me(/android/i), zn = me(/iP(ad|od|hone)/i), ar = me(/chrome/i) && me(/android/i), Yn = {
   capture: !1,
   passive: !1
 };
 function F(t, e, n) {
-  t.addEventListener(e, n, !ge && zn);
+  t.addEventListener(e, n, !ge && Yn);
 }
 function N(t, e, n) {
-  t.removeEventListener(e, n, !ge && zn);
+  t.removeEventListener(e, n, !ge && Yn);
 }
 function Ct(t, e) {
   if (e) {
@@ -142,7 +142,7 @@ function T(t, e, n) {
     !(e in o) && e.indexOf("webkit") === -1 && (e = "-webkit-" + e), o[e] = n + (typeof n == "string" ? "" : "px");
   }
 }
-function Re(t, e) {
+function Le(t, e) {
   var n = "";
   if (typeof t == "string")
     n = t;
@@ -154,7 +154,7 @@ function Re(t, e) {
   var r = window.DOMMatrix || window.WebKitCSSMatrix || window.CSSMatrix || window.MSCSSMatrix;
   return r && new r(n);
 }
-function Yn(t, e, n) {
+function jn(t, e, n) {
   if (t) {
     var o = t.getElementsByTagName(e), r = 0, i = o.length;
     if (n)
@@ -180,8 +180,8 @@ function z(t, e, n, o, r) {
         }
       while (r = r.parentNode);
     if (o && t !== window) {
-      var g = Re(r || t), b = g && g.a, m = g && g.d;
-      g && (a /= m, s /= b, d /= b, u /= m, l = a + u, c = s + d);
+      var h = Le(r || t), b = h && h.a, g = h && h.d;
+      h && (a /= g, s /= b, d /= b, u /= g, l = a + u, c = s + d);
     }
     return {
       top: a,
@@ -230,7 +230,7 @@ function In(t) {
   var e = 0, n = 0, o = de();
   if (t)
     do {
-      var r = Re(t), i = r.a, a = r.d;
+      var r = Le(t), i = r.a, a = r.d;
       e += t.scrollLeft * i, n += t.scrollTop * a;
     } while (t !== o && (t = t.parentNode));
   return [e, n];
@@ -268,7 +268,7 @@ function Mt(t, e) {
   return Math.round(t.top) === Math.round(e.top) && Math.round(t.left) === Math.round(e.left) && Math.round(t.height) === Math.round(e.height) && Math.round(t.width) === Math.round(e.width);
 }
 var qe;
-function jn(t, e) {
+function Gn(t, e) {
   return function() {
     if (!qe) {
       var n = arguments, o = this;
@@ -281,10 +281,10 @@ function jn(t, e) {
 function ur() {
   clearTimeout(qe), qe = void 0;
 }
-function Gn(t, e, n) {
+function Wn(t, e, n) {
   t.scrollLeft += e, t.scrollTop += n;
 }
-function Wn(t) {
+function Xn(t) {
   var e = window.Polymer, n = window.jQuery || window.Zepto;
   return e && e.dom ? e.dom(t).cloneNode(!0) : n ? n(t).clone(!0)[0] : t.cloneNode(!0);
 }
@@ -303,7 +303,7 @@ function dr() {
             });
             var i = fe({}, t[t.length - 1].rect);
             if (r.thisAnimationDuration) {
-              var a = Re(r, !0);
+              var a = Le(r, !0);
               a && (i.top -= a.f, i.left -= a.e);
             }
             r.fromRect = i;
@@ -327,9 +327,9 @@ function dr() {
       }
       var i = !1, a = 0;
       t.forEach(function(s) {
-        var l = 0, c = s.target, u = c.fromRect, d = z(c), p = c.prevFromRect, g = c.prevToRect, b = s.rect, m = Re(c, !0);
-        m && (d.top -= m.f, d.left -= m.e), c.toRect = d, c.thisAnimationDuration && Mt(p, d) && !Mt(u, d) && // Make sure animatingRect is on line between toRect & fromRect
-        (b.top - d.top) / (b.left - d.left) === (u.top - d.top) / (u.left - d.left) && (l = pr(b, p, g, r.options)), Mt(d, u) || (c.prevFromRect = u, c.prevToRect = d, l || (l = r.options.animation), r.animate(c, b, d, l)), l && (i = !0, a = Math.max(a, l), clearTimeout(c.animationResetTimer), c.animationResetTimer = setTimeout(function() {
+        var l = 0, c = s.target, u = c.fromRect, d = z(c), p = c.prevFromRect, h = c.prevToRect, b = s.rect, g = Le(c, !0);
+        g && (d.top -= g.f, d.left -= g.e), c.toRect = d, c.thisAnimationDuration && Mt(p, d) && !Mt(u, d) && // Make sure animatingRect is on line between toRect & fromRect
+        (b.top - d.top) / (b.left - d.left) === (u.top - d.top) / (u.left - d.left) && (l = pr(b, p, h, r.options)), Mt(d, u) || (c.prevFromRect = u, c.prevToRect = d, l || (l = r.options.animation), r.animate(c, b, d, l)), l && (i = !0, a = Math.max(a, l), clearTimeout(c.animationResetTimer), c.animationResetTimer = setTimeout(function() {
           c.animationTime = 0, c.prevFromRect = null, c.fromRect = null, c.prevToRect = null, c.thisAnimationDuration = null;
         }, l), c.thisAnimationDuration = l);
       }), clearTimeout(e), i ? e = setTimeout(function() {
@@ -339,7 +339,7 @@ function dr() {
     animate: function(o, r, i, a) {
       if (a) {
         T(o, "transition", ""), T(o, "transform", "");
-        var s = Re(this.el), l = s && s.a, c = s && s.d, u = (r.left - i.left) / (l || 1), d = (r.top - i.top) / (c || 1);
+        var s = Le(this.el), l = s && s.a, c = s && s.d, u = (r.left - i.left) / (l || 1), d = (r.top - i.top) / (c || 1);
         o.animatingX = !!u, o.animatingY = !!d, T(o, "transform", "translate3d(" + u + "px," + d + "px,0)"), this.forRepaintDummy = fr(o), T(o, "transition", "transform " + a + "ms" + (this.options.easing ? " " + this.options.easing : "")), T(o, "transform", "translate3d(0,0,0)"), typeof o.animated == "number" && clearTimeout(o.animated), o.animated = setTimeout(function() {
           T(o, "transition", ""), T(o, "transform", ""), o.animated = !1, o.animatingX = !1, o.animatingY = !1;
         }, a);
@@ -353,16 +353,16 @@ function fr(t) {
 function pr(t, e, n, o) {
   return Math.sqrt(Math.pow(e.top - t.top, 2) + Math.pow(e.left - t.left, 2)) / Math.sqrt(Math.pow(e.top - n.top, 2) + Math.pow(e.left - n.left, 2)) * o.animation;
 }
-var $e = [], Lt = {
+var Pe = [], Lt = {
   initializeByDefault: !0
 }, at = {
   mount: function(e) {
     for (var n in Lt)
       Lt.hasOwnProperty(n) && !(n in e) && (e[n] = Lt[n]);
-    $e.forEach(function(o) {
+    Pe.forEach(function(o) {
       if (o.pluginName === e.pluginName)
         throw "Sortable: Cannot mount plugin ".concat(e.pluginName, " more than once");
-    }), $e.push(e);
+    }), Pe.push(e);
   },
   pluginEvent: function(e, n, o) {
     var r = this;
@@ -370,7 +370,7 @@ var $e = [], Lt = {
       r.eventCanceled = !0;
     };
     var i = e + "Global";
-    $e.forEach(function(a) {
+    Pe.forEach(function(a) {
       n[a.pluginName] && (n[a.pluginName][i] && n[a.pluginName][i](fe({
         sortable: n
       }, o)), n.options[a.pluginName] && n[a.pluginName][e] && n[a.pluginName][e](fe({
@@ -379,7 +379,7 @@ var $e = [], Lt = {
     });
   },
   initializePlugins: function(e, n, o, r) {
-    $e.forEach(function(s) {
+    Pe.forEach(function(s) {
       var l = s.pluginName;
       if (!(!e.options[l] && !s.initializeByDefault)) {
         var c = new s(e, n, e.options);
@@ -394,35 +394,35 @@ var $e = [], Lt = {
   },
   getEventProperties: function(e, n) {
     var o = {};
-    return $e.forEach(function(r) {
+    return Pe.forEach(function(r) {
       typeof r.eventProperties == "function" && he(o, r.eventProperties.call(n[r.pluginName], e));
     }), o;
   },
   modifyOption: function(e, n, o) {
     var r;
-    return $e.forEach(function(i) {
+    return Pe.forEach(function(i) {
       e[i.pluginName] && i.optionListeners && typeof i.optionListeners[n] == "function" && (r = i.optionListeners[n].call(e[i.pluginName], o));
     }), r;
   }
 };
 function mr(t) {
-  var e = t.sortable, n = t.rootEl, o = t.name, r = t.targetEl, i = t.cloneEl, a = t.toEl, s = t.fromEl, l = t.oldIndex, c = t.newIndex, u = t.oldDraggableIndex, d = t.newDraggableIndex, p = t.originalEvent, g = t.putSortable, b = t.extraEventProperties;
+  var e = t.sortable, n = t.rootEl, o = t.name, r = t.targetEl, i = t.cloneEl, a = t.toEl, s = t.fromEl, l = t.oldIndex, c = t.newIndex, u = t.oldDraggableIndex, d = t.newDraggableIndex, p = t.originalEvent, h = t.putSortable, b = t.extraEventProperties;
   if (e = e || n && n[oe], !!e) {
-    var m, w = e.options, f = "on" + o.charAt(0).toUpperCase() + o.substr(1);
-    window.CustomEvent && !ge && !it ? m = new CustomEvent(o, {
+    var g, w = e.options, f = "on" + o.charAt(0).toUpperCase() + o.substr(1);
+    window.CustomEvent && !ge && !it ? g = new CustomEvent(o, {
       bubbles: !0,
       cancelable: !0
-    }) : (m = document.createEvent("Event"), m.initEvent(o, !0, !0)), m.to = a || n, m.from = s || n, m.item = r || n, m.clone = i, m.oldIndex = l, m.newIndex = c, m.oldDraggableIndex = u, m.newDraggableIndex = d, m.originalEvent = p, m.pullMode = g ? g.lastPutMode : void 0;
+    }) : (g = document.createEvent("Event"), g.initEvent(o, !0, !0)), g.to = a || n, g.from = s || n, g.item = r || n, g.clone = i, g.oldIndex = l, g.newIndex = c, g.oldDraggableIndex = u, g.newDraggableIndex = d, g.originalEvent = p, g.pullMode = h ? h.lastPutMode : void 0;
     var v = fe(fe({}, b), at.getEventProperties(o, e));
     for (var y in v)
-      m[y] = v[y];
-    n && n.dispatchEvent(m), w[f] && w[f].call(e, m);
+      g[y] = v[y];
+    n && n.dispatchEvent(g), w[f] && w[f].call(e, g);
   }
 }
 var hr = ["evt"], J = function(e, n) {
   var o = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, r = o.evt, i = rr(o, hr);
   at.pluginEvent.bind(x)(e, n, fe({
-    dragEl: h,
+    dragEl: m,
     parentEl: L,
     ghostEl: B,
     rootEl: A,
@@ -434,12 +434,12 @@ var hr = ["evt"], J = function(e, n) {
     putSortable: W,
     activeSortable: x.active,
     originalEvent: r,
-    oldIndex: Le,
+    oldIndex: Me,
     oldDraggableIndex: Qe,
     newIndex: ee,
     newDraggableIndex: ye,
-    hideGhostForTarget: qn,
-    unhideGhostForTarget: Qn,
+    hideGhostForTarget: Qn,
+    unhideGhostForTarget: Zn,
     cloneNowHidden: function() {
       we = !0;
     },
@@ -459,22 +459,22 @@ function K(t) {
   mr(fe({
     putSortable: W,
     cloneEl: R,
-    targetEl: h,
+    targetEl: m,
     rootEl: A,
-    oldIndex: Le,
+    oldIndex: Me,
     oldDraggableIndex: Qe,
     newIndex: ee,
     newDraggableIndex: ye
   }, t));
 }
-var h, L, B, A, Ne, bt, R, we, Le, ee, Qe, ye, ut, W, Me = !1, _t = !1, Tt = [], Be, ce, Rt, Ot, Bn, Dn, Ge, Ae, Ze, et = !1, dt = !1, vt, X, Ut = [], tn = !1, xt = [], Bt = typeof document < "u", ft = Hn, Nn = it || ge ? "cssFloat" : "float", gr = Bt && !ar && !Hn && "draggable" in document.createElement("div"), Xn = function() {
+var m, L, B, A, Ne, bt, R, we, Me, ee, Qe, ye, ut, W, Ae = !1, _t = !1, Tt = [], Be, ce, Rt, Ot, Bn, Dn, Ge, $e, Ze, et = !1, dt = !1, vt, X, Ut = [], tn = !1, xt = [], Bt = typeof document < "u", ft = zn, Nn = it || ge ? "cssFloat" : "float", gr = Bt && !ar && !zn && "draggable" in document.createElement("div"), Kn = function() {
   if (Bt) {
     if (ge)
       return !1;
     var t = document.createElement("x");
     return t.style.cssText = "pointer-events:auto", t.style.pointerEvents === "auto";
   }
-}(), Kn = function(e, n) {
+}(), Jn = function(e, n) {
   var o = T(e), r = parseInt(o.width) - parseInt(o.paddingLeft) - parseInt(o.paddingRight) - parseInt(o.borderLeftWidth) - parseInt(o.borderRightWidth), i = Oe(e, 0, n), a = Oe(e, 1, n), s = i && T(i), l = a && T(a), c = s && parseInt(s.marginLeft) + parseInt(s.marginRight) + z(i).width, u = l && parseInt(l.marginLeft) + parseInt(l.marginRight) + z(a).width;
   if (o.display === "flex")
     return o.flexDirection === "column" || o.flexDirection === "column-reverse" ? "vertical" : "horizontal";
@@ -498,7 +498,7 @@ var h, L, B, A, Ne, bt, R, we, Le, ee, Qe, ye, ut, W, Me = !1, _t = !1, Tt = [],
         return o = r;
     }
   }), o;
-}, Jn = function(e) {
+}, qn = function(e) {
   function n(i, a) {
     return function(s, l, c, u) {
       var d = s.options.group.name && l.options.group.name && s.options.group.name === l.options.group.name;
@@ -518,17 +518,17 @@ var h, L, B, A, Ne, bt, R, we, Le, ee, Qe, ye, ut, W, Me = !1, _t = !1, Tt = [],
   (!r || gt(r) != "object") && (r = {
     name: r
   }), o.name = r.name, o.checkPull = n(r.pull, !0), o.checkPut = n(r.put), o.revertClone = r.revertClone, e.group = o;
-}, qn = function() {
-  !Xn && B && T(B, "display", "none");
 }, Qn = function() {
-  !Xn && B && T(B, "display", "");
+  !Kn && B && T(B, "display", "none");
+}, Zn = function() {
+  !Kn && B && T(B, "display", "");
 };
 Bt && document.addEventListener("click", function(t) {
   if (_t)
     return t.preventDefault(), t.stopPropagation && t.stopPropagation(), t.stopImmediatePropagation && t.stopImmediatePropagation(), _t = !1, !1;
 }, !0);
 var De = function(e) {
-  if (h) {
+  if (m) {
     e = e.touches ? e.touches[0] : e;
     var n = vr(e.clientX, e.clientY);
     if (n) {
@@ -539,7 +539,7 @@ var De = function(e) {
     }
   }
 }, yr = function(e) {
-  h && h.parentNode[oe]._isOutsideThisEl(e.target);
+  m && m.parentNode[oe]._isOutsideThisEl(e.target);
 };
 function x(t, e) {
   if (!(t && t.nodeType && t.nodeType === 1))
@@ -560,7 +560,7 @@ function x(t, e) {
     // will be set to same as swapThreshold if default
     removeCloneOnHide: !0,
     direction: function() {
-      return Kn(t, this.options);
+      return Jn(t, this.options);
     },
     ghostClass: "sortable-ghost",
     chosenClass: "sortable-chosen",
@@ -593,7 +593,7 @@ function x(t, e) {
   at.initializePlugins(this, t, n);
   for (var o in n)
     !(o in e) && (e[o] = n[o]);
-  Jn(e);
+  qn(e);
   for (var r in this)
     r.charAt(0) === "_" && typeof this[r] == "function" && (this[r] = this[r].bind(this));
   this.nativeDraggable = e.forceFallback ? !1 : gr, this.nativeDraggable && (this.options.touchStartThreshold = 1), e.supportPointer ? F(t, "pointerdown", this._onTapStart) : (F(t, "mousedown", this._onTapStart), F(t, "touchstart", this._onTapStart)), this.nativeDraggable && (F(t, "dragover", this), F(t, "dragenter", this)), Tt.push(this.el), e.store && e.store.get && this.sort(e.store.get(this) || []), he(this, dr());
@@ -602,16 +602,16 @@ x.prototype = /** @lends Sortable.prototype */
 {
   constructor: x,
   _isOutsideThisEl: function(e) {
-    !this.el.contains(e) && e !== this.el && (Ae = null);
+    !this.el.contains(e) && e !== this.el && ($e = null);
   },
   _getDirection: function(e, n) {
-    return typeof this.options.direction == "function" ? this.options.direction.call(this, e, n, h) : this.options.direction;
+    return typeof this.options.direction == "function" ? this.options.direction.call(this, e, n, m) : this.options.direction;
   },
   _onTapStart: function(e) {
     if (e.cancelable) {
       var n = this, o = this.el, r = this.options, i = r.preventOnFilter, a = e.type, s = e.touches && e.touches[0] || e.pointerType && e.pointerType === "touch" && e, l = (s || e).target, c = e.target.shadowRoot && (e.path && e.path[0] || e.composedPath && e.composedPath()[0]) || l, u = r.filter;
-      if (Ir(o), !h && !(/mousedown|pointerdown/.test(a) && e.button !== 0 || r.disabled) && !c.isContentEditable && !(!this.nativeDraggable && Je && l && l.tagName.toUpperCase() === "SELECT") && (l = ue(l, r.draggable, o, !1), !(l && l.animated) && bt !== l)) {
-        if (Le = le(l), Qe = le(l, r.draggable), typeof u == "function") {
+      if (Ir(o), !m && !(/mousedown|pointerdown/.test(a) && e.button !== 0 || r.disabled) && !c.isContentEditable && !(!this.nativeDraggable && Je && l && l.tagName.toUpperCase() === "SELECT") && (l = ue(l, r.draggable, o, !1), !(l && l.animated) && bt !== l)) {
+        if (Me = le(l), Qe = le(l, r.draggable), typeof u == "function") {
           if (u.call(this, e, l, this)) {
             K({
               sortable: n,
@@ -647,27 +647,27 @@ x.prototype = /** @lends Sortable.prototype */
   },
   _prepareDragStart: function(e, n, o) {
     var r = this, i = r.el, a = r.options, s = i.ownerDocument, l;
-    if (o && !h && o.parentNode === i) {
+    if (o && !m && o.parentNode === i) {
       var c = z(o);
-      if (A = i, h = o, L = h.parentNode, Ne = h.nextSibling, bt = o, ut = a.group, x.dragged = h, Be = {
-        target: h,
+      if (A = i, m = o, L = m.parentNode, Ne = m.nextSibling, bt = o, ut = a.group, x.dragged = m, Be = {
+        target: m,
         clientX: (n || e).clientX,
         clientY: (n || e).clientY
-      }, Bn = Be.clientX - c.left, Dn = Be.clientY - c.top, this._lastX = (n || e).clientX, this._lastY = (n || e).clientY, h.style["will-change"] = "all", l = function() {
+      }, Bn = Be.clientX - c.left, Dn = Be.clientY - c.top, this._lastX = (n || e).clientX, this._lastY = (n || e).clientY, m.style["will-change"] = "all", l = function() {
         if (J("delayEnded", r, {
           evt: e
         }), x.eventCanceled) {
           r._onDrop();
           return;
         }
-        r._disableDelayedDragEvents(), !xn && r.nativeDraggable && (h.draggable = !0), r._triggerDragStart(e, n), K({
+        r._disableDelayedDragEvents(), !xn && r.nativeDraggable && (m.draggable = !0), r._triggerDragStart(e, n), K({
           sortable: r,
           name: "choose",
           originalEvent: e
-        }), Z(h, a.chosenClass, !0);
+        }), Z(m, a.chosenClass, !0);
       }, a.ignore.split(",").forEach(function(u) {
-        Yn(h, u.trim(), Vt);
-      }), F(s, "dragover", De), F(s, "mousemove", De), F(s, "touchmove", De), F(s, "mouseup", r._onDrop), F(s, "touchend", r._onDrop), F(s, "touchcancel", r._onDrop), xn && this.nativeDraggable && (this.options.touchStartThreshold = 4, h.draggable = !0), J("delayStart", this, {
+        jn(m, u.trim(), Vt);
+      }), F(s, "dragover", De), F(s, "mousemove", De), F(s, "touchmove", De), F(s, "mouseup", r._onDrop), F(s, "touchend", r._onDrop), F(s, "touchcancel", r._onDrop), xn && this.nativeDraggable && (this.options.touchStartThreshold = 4, m.draggable = !0), J("delayStart", this, {
         evt: e
       }), a.delay && (!a.delayOnTouchOnly || n) && (!this.nativeDraggable || !(it || ge))) {
         if (x.eventCanceled) {
@@ -684,14 +684,14 @@ x.prototype = /** @lends Sortable.prototype */
     Math.max(Math.abs(n.clientX - this._lastX), Math.abs(n.clientY - this._lastY)) >= Math.floor(this.options.touchStartThreshold / (this.nativeDraggable && window.devicePixelRatio || 1)) && this._disableDelayedDrag();
   },
   _disableDelayedDrag: function() {
-    h && Vt(h), clearTimeout(this._dragStartTimer), this._disableDelayedDragEvents();
+    m && Vt(m), clearTimeout(this._dragStartTimer), this._disableDelayedDragEvents();
   },
   _disableDelayedDragEvents: function() {
     var e = this.el.ownerDocument;
     N(e, "mouseup", this._disableDelayedDrag), N(e, "touchend", this._disableDelayedDrag), N(e, "touchcancel", this._disableDelayedDrag), N(e, "mousemove", this._delayedDragTouchMoveHandler), N(e, "touchmove", this._delayedDragTouchMoveHandler), N(e, "pointermove", this._delayedDragTouchMoveHandler);
   },
   _triggerDragStart: function(e, n) {
-    n = n || e.pointerType == "touch" && e, !this.nativeDraggable || n ? this.options.supportPointer ? F(document, "pointermove", this._onTouchMove) : n ? F(document, "touchmove", this._onTouchMove) : F(document, "mousemove", this._onTouchMove) : (F(h, "dragend", this), F(A, "dragstart", this._onDragStart));
+    n = n || e.pointerType == "touch" && e, !this.nativeDraggable || n ? this.options.supportPointer ? F(document, "pointermove", this._onTouchMove) : n ? F(document, "touchmove", this._onTouchMove) : F(document, "mousemove", this._onTouchMove) : (F(m, "dragend", this), F(A, "dragstart", this._onDragStart));
     try {
       document.selection ? yt(function() {
         document.selection.empty();
@@ -700,12 +700,12 @@ x.prototype = /** @lends Sortable.prototype */
     }
   },
   _dragStarted: function(e, n) {
-    if (Me = !1, A && h) {
+    if (Ae = !1, A && m) {
       J("dragStarted", this, {
         evt: n
       }), this.nativeDraggable && F(document, "dragover", yr);
       var o = this.options;
-      !e && Z(h, o.dragClass, !1), Z(h, o.ghostClass, !0), x.active = this, e && this._appendGhost(), K({
+      !e && Z(m, o.dragClass, !1), Z(m, o.ghostClass, !0), x.active = this, e && this._appendGhost(), K({
         sortable: this,
         name: "start",
         originalEvent: n
@@ -715,10 +715,10 @@ x.prototype = /** @lends Sortable.prototype */
   },
   _emulateDragOver: function() {
     if (ce) {
-      this._lastX = ce.clientX, this._lastY = ce.clientY, qn();
+      this._lastX = ce.clientX, this._lastY = ce.clientY, Qn();
       for (var e = document.elementFromPoint(ce.clientX, ce.clientY), n = e; e && e.shadowRoot && (e = e.shadowRoot.elementFromPoint(ce.clientX, ce.clientY), e !== n); )
         n = e;
-      if (h.parentNode[oe]._isOutsideThisEl(e), n)
+      if (m.parentNode[oe]._isOutsideThisEl(e), n)
         do {
           if (n[oe]) {
             var o = void 0;
@@ -732,13 +732,13 @@ x.prototype = /** @lends Sortable.prototype */
           }
           e = n;
         } while (n = n.parentNode);
-      Qn();
+      Zn();
     }
   },
   _onTouchMove: function(e) {
     if (Be) {
-      var n = this.options, o = n.fallbackTolerance, r = n.fallbackOffset, i = e.touches ? e.touches[0] : e, a = B && Re(B, !0), s = B && a && a.a, l = B && a && a.d, c = ft && X && In(X), u = (i.clientX - Be.clientX + r.x) / (s || 1) + (c ? c[0] - Ut[0] : 0) / (s || 1), d = (i.clientY - Be.clientY + r.y) / (l || 1) + (c ? c[1] - Ut[1] : 0) / (l || 1);
-      if (!x.active && !Me) {
+      var n = this.options, o = n.fallbackTolerance, r = n.fallbackOffset, i = e.touches ? e.touches[0] : e, a = B && Le(B, !0), s = B && a && a.a, l = B && a && a.d, c = ft && X && In(X), u = (i.clientX - Be.clientX + r.x) / (s || 1) + (c ? c[0] - Ut[0] : 0) / (s || 1), d = (i.clientY - Be.clientY + r.y) / (l || 1) + (c ? c[1] - Ut[1] : 0) / (l || 1);
+      if (!x.active && !Ae) {
         if (o && Math.max(Math.abs(i.clientX - this._lastX), Math.abs(i.clientY - this._lastY)) < o)
           return;
         this._onDragStart(e, !0);
@@ -760,13 +760,13 @@ x.prototype = /** @lends Sortable.prototype */
   },
   _appendGhost: function() {
     if (!B) {
-      var e = this.options.fallbackOnBody ? document.body : A, n = z(h, !0, ft, !0, e), o = this.options;
+      var e = this.options.fallbackOnBody ? document.body : A, n = z(m, !0, ft, !0, e), o = this.options;
       if (ft) {
         for (X = e; T(X, "position") === "static" && T(X, "transform") === "none" && X !== document; )
           X = X.parentNode;
         X !== document.body && X !== document.documentElement ? (X === document && (X = de()), n.top += X.scrollTop, n.left += X.scrollLeft) : X = de(), Ut = In(X);
       }
-      B = h.cloneNode(!0), Z(B, o.ghostClass, !1), Z(B, o.fallbackClass, !0), Z(B, o.dragClass, !0), T(B, "transition", ""), T(B, "transform", ""), T(B, "box-sizing", "border-box"), T(B, "margin", 0), T(B, "top", n.top), T(B, "left", n.left), T(B, "width", n.width), T(B, "height", n.height), T(B, "opacity", "0.8"), T(B, "position", ft ? "absolute" : "fixed"), T(B, "zIndex", "100000"), T(B, "pointerEvents", "none"), x.ghost = B, e.appendChild(B), T(B, "transform-origin", Bn / parseInt(B.style.width) * 100 + "% " + Dn / parseInt(B.style.height) * 100 + "%");
+      B = m.cloneNode(!0), Z(B, o.ghostClass, !1), Z(B, o.fallbackClass, !0), Z(B, o.dragClass, !0), T(B, "transition", ""), T(B, "transform", ""), T(B, "box-sizing", "border-box"), T(B, "margin", 0), T(B, "top", n.top), T(B, "left", n.left), T(B, "width", n.width), T(B, "height", n.height), T(B, "opacity", "0.8"), T(B, "position", ft ? "absolute" : "fixed"), T(B, "zIndex", "100000"), T(B, "pointerEvents", "none"), x.ghost = B, e.appendChild(B), T(B, "transform-origin", Bn / parseInt(B.style.width) * 100 + "% " + Dn / parseInt(B.style.height) * 100 + "%");
     }
   },
   _onDragStart: function(e, n) {
@@ -777,22 +777,22 @@ x.prototype = /** @lends Sortable.prototype */
       this._onDrop();
       return;
     }
-    J("setupClone", this), x.eventCanceled || (R = Wn(h), R.draggable = !1, R.style["will-change"] = "", this._hideClone(), Z(R, this.options.chosenClass, !1), x.clone = R), o.cloneId = yt(function() {
-      J("clone", o), !x.eventCanceled && (o.options.removeCloneOnHide || A.insertBefore(R, h), o._hideClone(), K({
+    J("setupClone", this), x.eventCanceled || (R = Xn(m), R.draggable = !1, R.style["will-change"] = "", this._hideClone(), Z(R, this.options.chosenClass, !1), x.clone = R), o.cloneId = yt(function() {
+      J("clone", o), !x.eventCanceled && (o.options.removeCloneOnHide || A.insertBefore(R, m), o._hideClone(), K({
         sortable: o,
         name: "clone"
       }));
-    }), !n && Z(h, i.dragClass, !0), n ? (_t = !0, o._loopId = setInterval(o._emulateDragOver, 50)) : (N(document, "mouseup", o._onDrop), N(document, "touchend", o._onDrop), N(document, "touchcancel", o._onDrop), r && (r.effectAllowed = "move", i.setData && i.setData.call(o, r, h)), F(document, "drop", o), T(h, "transform", "translateZ(0)")), Me = !0, o._dragStartId = yt(o._dragStarted.bind(o, n, e)), F(document, "selectstart", o), Ge = !0, Je && T(document.body, "user-select", "none");
+    }), !n && Z(m, i.dragClass, !0), n ? (_t = !0, o._loopId = setInterval(o._emulateDragOver, 50)) : (N(document, "mouseup", o._onDrop), N(document, "touchend", o._onDrop), N(document, "touchcancel", o._onDrop), r && (r.effectAllowed = "move", i.setData && i.setData.call(o, r, m)), F(document, "drop", o), T(m, "transform", "translateZ(0)")), Ae = !0, o._dragStartId = yt(o._dragStarted.bind(o, n, e)), F(document, "selectstart", o), Ge = !0, Je && T(document.body, "user-select", "none");
   },
   // Returns true - if no further action is needed (either inserted or another condition)
   _onDragOver: function(e) {
-    var n = this.el, o = e.target, r, i, a, s = this.options, l = s.group, c = x.active, u = ut === l, d = s.sort, p = W || c, g, b = this, m = !1;
+    var n = this.el, o = e.target, r, i, a, s = this.options, l = s.group, c = x.active, u = ut === l, d = s.sort, p = W || c, h, b = this, g = !1;
     if (tn) return;
-    function w(je, Do) {
+    function w(je, No) {
       J(je, b, fe({
         evt: e,
         isOwner: u,
-        axis: g ? "vertical" : "horizontal",
+        axis: h ? "vertical" : "horizontal",
         revert: a,
         dragRect: r,
         targetRect: i,
@@ -800,11 +800,11 @@ x.prototype = /** @lends Sortable.prototype */
         fromSortable: p,
         target: o,
         completed: v,
-        onMove: function(wn, No) {
-          return pt(A, n, h, r, wn, z(wn), e, No);
+        onMove: function(wn, ko) {
+          return pt(A, n, m, r, wn, z(wn), e, ko);
         },
         changed: y
-      }, Do));
+      }, No));
     }
     function f() {
       w("dragOverAnimationCapture"), b.captureAnimationState(), b !== p && p.captureAnimationState();
@@ -812,12 +812,12 @@ x.prototype = /** @lends Sortable.prototype */
     function v(je) {
       return w("dragOverCompleted", {
         insertion: je
-      }), je && (u ? c._hideClone() : c._showClone(b), b !== p && (Z(h, W ? W.options.ghostClass : c.options.ghostClass, !1), Z(h, s.ghostClass, !0)), W !== b && b !== x.active ? W = b : b === x.active && W && (W = null), p === b && (b._ignoreWhileAnimating = o), b.animateAll(function() {
+      }), je && (u ? c._hideClone() : c._showClone(b), b !== p && (Z(m, W ? W.options.ghostClass : c.options.ghostClass, !1), Z(m, s.ghostClass, !0)), W !== b && b !== x.active ? W = b : b === x.active && W && (W = null), p === b && (b._ignoreWhileAnimating = o), b.animateAll(function() {
         w("dragOverAnimationComplete"), b._ignoreWhileAnimating = null;
-      }), b !== p && (p.animateAll(), p._ignoreWhileAnimating = null)), (o === h && !h.animated || o === n && !o.animated) && (Ae = null), !s.dragoverBubble && !e.rootEl && o !== document && (h.parentNode[oe]._isOutsideThisEl(e.target), !je && De(e)), !s.dragoverBubble && e.stopPropagation && e.stopPropagation(), m = !0;
+      }), b !== p && (p.animateAll(), p._ignoreWhileAnimating = null)), (o === m && !m.animated || o === n && !o.animated) && ($e = null), !s.dragoverBubble && !e.rootEl && o !== document && (m.parentNode[oe]._isOutsideThisEl(e.target), !je && De(e)), !s.dragoverBubble && e.stopPropagation && e.stopPropagation(), g = !0;
     }
     function y() {
-      ee = le(h), ye = le(h, s.draggable), K({
+      ee = le(m), ye = le(m, s.draggable), K({
         sortable: b,
         name: "change",
         toEl: n,
@@ -826,46 +826,46 @@ x.prototype = /** @lends Sortable.prototype */
         originalEvent: e
       });
     }
-    if (e.preventDefault !== void 0 && e.cancelable && e.preventDefault(), o = ue(o, s.draggable, n, !0), w("dragOver"), x.eventCanceled) return m;
-    if (h.contains(e.target) || o.animated && o.animatingX && o.animatingY || b._ignoreWhileAnimating === o)
+    if (e.preventDefault !== void 0 && e.cancelable && e.preventDefault(), o = ue(o, s.draggable, n, !0), w("dragOver"), x.eventCanceled) return g;
+    if (m.contains(e.target) || o.animated && o.animatingX && o.animatingY || b._ignoreWhileAnimating === o)
       return v(!1);
-    if (_t = !1, c && !s.disabled && (u ? d || (a = L !== A) : W === this || (this.lastPutMode = ut.checkPull(this, c, h, e)) && l.checkPut(this, c, h, e))) {
-      if (g = this._getDirection(e, o) === "vertical", r = z(h), w("dragOverValid"), x.eventCanceled) return m;
+    if (_t = !1, c && !s.disabled && (u ? d || (a = L !== A) : W === this || (this.lastPutMode = ut.checkPull(this, c, m, e)) && l.checkPut(this, c, m, e))) {
+      if (h = this._getDirection(e, o) === "vertical", r = z(m), w("dragOverValid"), x.eventCanceled) return g;
       if (a)
-        return L = A, f(), this._hideClone(), w("revert"), x.eventCanceled || (Ne ? A.insertBefore(h, Ne) : A.appendChild(h)), v(!0);
+        return L = A, f(), this._hideClone(), w("revert"), x.eventCanceled || (Ne ? A.insertBefore(m, Ne) : A.appendChild(m)), v(!0);
       var C = fn(n, s.draggable);
-      if (!C || Tr(e, g, this) && !C.animated) {
-        if (C === h)
+      if (!C || Tr(e, h, this) && !C.animated) {
+        if (C === m)
           return v(!1);
-        if (C && n === e.target && (o = C), o && (i = z(o)), pt(A, n, h, r, o, i, e, !!o) !== !1)
-          return f(), n.appendChild(h), L = n, y(), v(!0);
-      } else if (C && _r(e, g, this)) {
+        if (C && n === e.target && (o = C), o && (i = z(o)), pt(A, n, m, r, o, i, e, !!o) !== !1)
+          return f(), n.appendChild(m), L = n, y(), v(!0);
+      } else if (C && _r(e, h, this)) {
         var E = Oe(n, 0, s, !0);
-        if (E === h)
+        if (E === m)
           return v(!1);
-        if (o = E, i = z(o), pt(A, n, h, r, o, i, e, !1) !== !1)
-          return f(), n.insertBefore(h, E), L = n, y(), v(!0);
+        if (o = E, i = z(o), pt(A, n, m, r, o, i, e, !1) !== !1)
+          return f(), n.insertBefore(m, E), L = n, y(), v(!0);
       } else if (o.parentNode === n) {
         i = z(o);
-        var _ = 0, P, V = h.parentNode !== n, I = !br(h.animated && h.toRect || r, o.animated && o.toRect || i, g), j = g ? "top" : "left", G = Sn(o, "top", "top") || Sn(h, "top", "top"), Q = G ? G.scrollTop : void 0;
-        Ae !== o && (P = i[j], et = !1, dt = !I && s.invertSwap || V), _ = xr(e, o, i, g, I ? 1 : s.swapThreshold, s.invertedSwapThreshold == null ? s.swapThreshold : s.invertedSwapThreshold, dt, Ae === o);
+        var _ = 0, P, V = m.parentNode !== n, I = !br(m.animated && m.toRect || r, o.animated && o.toRect || i, h), j = h ? "top" : "left", G = Sn(o, "top", "top") || Sn(m, "top", "top"), Q = G ? G.scrollTop : void 0;
+        $e !== o && (P = i[j], et = !1, dt = !I && s.invertSwap || V), _ = xr(e, o, i, h, I ? 1 : s.swapThreshold, s.invertedSwapThreshold == null ? s.swapThreshold : s.invertedSwapThreshold, dt, $e === o);
         var H;
         if (_ !== 0) {
-          var Ie = le(h);
+          var Ie = le(m);
           do
             Ie -= _, H = L.children[Ie];
           while (H && (T(H, "display") === "none" || H === B));
         }
         if (_ === 0 || H === o)
           return v(!1);
-        Ae = o, Ze = _;
+        $e = o, Ze = _;
         var Ye = o.nextElementSibling, ve = !1;
         ve = _ === 1;
-        var ct = pt(A, n, h, r, o, i, e, ve);
+        var ct = pt(A, n, m, r, o, i, e, ve);
         if (ct !== !1)
-          return (ct === 1 || ct === -1) && (ve = ct === 1), tn = !0, setTimeout(Cr, 30), f(), ve && !Ye ? n.appendChild(h) : o.parentNode.insertBefore(h, ve ? Ye : o), G && Gn(G, 0, Q - G.scrollTop), L = h.parentNode, P !== void 0 && !dt && (vt = Math.abs(P - z(o)[j])), y(), v(!0);
+          return (ct === 1 || ct === -1) && (ve = ct === 1), tn = !0, setTimeout(Cr, 30), f(), ve && !Ye ? n.appendChild(m) : o.parentNode.insertBefore(m, ve ? Ye : o), G && Wn(G, 0, Q - G.scrollTop), L = m.parentNode, P !== void 0 && !dt && (vt = Math.abs(P - z(o)[j])), y(), v(!0);
       }
-      if (n.contains(h))
+      if (n.contains(m))
         return v(!1);
     }
     return !1;
@@ -880,13 +880,13 @@ x.prototype = /** @lends Sortable.prototype */
   },
   _onDrop: function(e) {
     var n = this.el, o = this.options;
-    if (ee = le(h), ye = le(h, o.draggable), J("drop", this, {
+    if (ee = le(m), ye = le(m, o.draggable), J("drop", this, {
       evt: e
-    }), L = h && h.parentNode, ee = le(h), ye = le(h, o.draggable), x.eventCanceled) {
+    }), L = m && m.parentNode, ee = le(m), ye = le(m, o.draggable), x.eventCanceled) {
       this._nulling();
       return;
     }
-    Me = !1, dt = !1, et = !1, clearInterval(this._loopId), clearTimeout(this._dragStartTimer), nn(this.cloneId), nn(this._dragStartId), this.nativeDraggable && (N(document, "drop", this), N(n, "dragstart", this._onDragStart)), this._offMoveEvents(), this._offUpEvents(), Je && T(document.body, "user-select", ""), T(h, "transform", ""), e && (Ge && (e.cancelable && e.preventDefault(), !o.dropBubble && e.stopPropagation()), B && B.parentNode && B.parentNode.removeChild(B), (A === L || W && W.lastPutMode !== "clone") && R && R.parentNode && R.parentNode.removeChild(R), h && (this.nativeDraggable && N(h, "dragend", this), Vt(h), h.style["will-change"] = "", Ge && !Me && Z(h, W ? W.options.ghostClass : this.options.ghostClass, !1), Z(h, this.options.chosenClass, !1), K({
+    Ae = !1, dt = !1, et = !1, clearInterval(this._loopId), clearTimeout(this._dragStartTimer), nn(this.cloneId), nn(this._dragStartId), this.nativeDraggable && (N(document, "drop", this), N(n, "dragstart", this._onDragStart)), this._offMoveEvents(), this._offUpEvents(), Je && T(document.body, "user-select", ""), T(m, "transform", ""), e && (Ge && (e.cancelable && e.preventDefault(), !o.dropBubble && e.stopPropagation()), B && B.parentNode && B.parentNode.removeChild(B), (A === L || W && W.lastPutMode !== "clone") && R && R.parentNode && R.parentNode.removeChild(R), m && (this.nativeDraggable && N(m, "dragend", this), Vt(m), m.style["will-change"] = "", Ge && !Ae && Z(m, W ? W.options.ghostClass : this.options.ghostClass, !1), Z(m, this.options.chosenClass, !1), K({
       sortable: this,
       name: "unchoose",
       toEl: L,
@@ -915,7 +915,7 @@ x.prototype = /** @lends Sortable.prototype */
       name: "sort",
       toEl: L,
       originalEvent: e
-    })), W && W.save()) : ee !== Le && ee >= 0 && (K({
+    })), W && W.save()) : ee !== Me && ee >= 0 && (K({
       sortable: this,
       name: "update",
       toEl: L,
@@ -925,7 +925,7 @@ x.prototype = /** @lends Sortable.prototype */
       name: "sort",
       toEl: L,
       originalEvent: e
-    })), x.active && ((ee == null || ee === -1) && (ee = Le, ye = Qe), K({
+    })), x.active && ((ee == null || ee === -1) && (ee = Me, ye = Qe), K({
       sortable: this,
       name: "end",
       toEl: L,
@@ -933,7 +933,7 @@ x.prototype = /** @lends Sortable.prototype */
     }), this.save()))), this._nulling();
   },
   _nulling: function() {
-    J("nulling", this), A = h = L = B = Ne = R = bt = we = Be = ce = Ge = ee = ye = Le = Qe = Ae = Ze = W = ut = x.dragged = x.ghost = x.clone = x.active = null, xt.forEach(function(e) {
+    J("nulling", this), A = m = L = B = Ne = R = bt = we = Be = ce = Ge = ee = ye = Me = Qe = $e = Ze = W = ut = x.dragged = x.ghost = x.clone = x.active = null, xt.forEach(function(e) {
       e.checked = !0;
     }), xt.length = Rt = Ot = 0;
   },
@@ -945,7 +945,7 @@ x.prototype = /** @lends Sortable.prototype */
         break;
       case "dragenter":
       case "dragover":
-        h && (this._onDragOver(e), wr(e));
+        m && (this._onDragOver(e), wr(e));
         break;
       case "selectstart":
         e.preventDefault();
@@ -1001,7 +1001,7 @@ x.prototype = /** @lends Sortable.prototype */
     if (n === void 0)
       return o[e];
     var r = at.modifyOption(this, e, n);
-    typeof r < "u" ? o[e] = r : o[e] = n, e === "group" && Jn(o);
+    typeof r < "u" ? o[e] = r : o[e] = n, e === "group" && qn(o);
   },
   /**
    * Destroy
@@ -1026,7 +1026,7 @@ x.prototype = /** @lends Sortable.prototype */
     }
     if (we) {
       if (J("showClone", this), x.eventCanceled) return;
-      h.parentNode == A && !this.options.group.revertClone ? A.insertBefore(R, h) : Ne ? A.insertBefore(R, Ne) : A.appendChild(R), this.options.group.revertClone && this.animate(h, R), T(R, "display", ""), we = !1;
+      m.parentNode == A && !this.options.group.revertClone ? A.insertBefore(R, m) : Ne ? A.insertBefore(R, Ne) : A.appendChild(R), this.options.group.revertClone && this.animate(m, R), T(R, "display", ""), we = !1;
     }
   }
 };
@@ -1068,7 +1068,7 @@ function xr(t, e, n, o, r, i, a, s) {
   return p = p || a, p && (l < u + c * i / 2 || l > d - c * i / 2) ? l > u + c / 2 ? 1 : -1 : 0;
 }
 function Er(t) {
-  return le(h) < le(t) ? 1 : -1;
+  return le(m) < le(t) ? 1 : -1;
 }
 function Sr(t) {
   for (var e = t.tagName + t.className + t.src + t.href + t.textContent, n = e.length, o = 0; n--; )
@@ -1089,25 +1089,25 @@ function nn(t) {
   return clearTimeout(t);
 }
 Bt && F(document, "touchmove", function(t) {
-  (x.active || Me) && t.cancelable && t.preventDefault();
+  (x.active || Ae) && t.cancelable && t.preventDefault();
 });
 x.utils = {
   on: F,
   off: N,
   css: T,
-  find: Yn,
+  find: jn,
   is: function(e, n) {
     return !!ue(e, n, e, !1);
   },
   extend: cr,
-  throttle: jn,
+  throttle: Gn,
   closest: ue,
   toggleClass: Z,
-  clone: Wn,
+  clone: Xn,
   index: le,
   nextTick: yt,
   cancelNextTick: nn,
-  detectDirection: Kn,
+  detectDirection: Jn,
   getChild: Oe
 };
 x.get = function(t) {
@@ -1187,29 +1187,29 @@ function wt() {
 function kn() {
   clearInterval(Xe);
 }
-var Yt = jn(function(t, e, n, o) {
+var Yt = Gn(function(t, e, n, o) {
   if (e.scroll) {
     var r = (t.touches ? t.touches[0] : t).clientX, i = (t.touches ? t.touches[0] : t).clientY, a = e.scrollSensitivity, s = e.scrollSpeed, l = de(), c = !1, u;
     on !== n && (on = n, wt(), We = e.scroll, u = e.scrollFn, We === !0 && (We = Ce(n, !0)));
     var d = 0, p = We;
     do {
-      var g = p, b = z(g), m = b.top, w = b.bottom, f = b.left, v = b.right, y = b.width, C = b.height, E = void 0, _ = void 0, P = g.scrollWidth, V = g.scrollHeight, I = T(g), j = g.scrollLeft, G = g.scrollTop;
-      g === l ? (E = y < P && (I.overflowX === "auto" || I.overflowX === "scroll" || I.overflowX === "visible"), _ = C < V && (I.overflowY === "auto" || I.overflowY === "scroll" || I.overflowY === "visible")) : (E = y < P && (I.overflowX === "auto" || I.overflowX === "scroll"), _ = C < V && (I.overflowY === "auto" || I.overflowY === "scroll"));
-      var Q = E && (Math.abs(v - r) <= a && j + y < P) - (Math.abs(f - r) <= a && !!j), H = _ && (Math.abs(w - i) <= a && G + C < V) - (Math.abs(m - i) <= a && !!G);
+      var h = p, b = z(h), g = b.top, w = b.bottom, f = b.left, v = b.right, y = b.width, C = b.height, E = void 0, _ = void 0, P = h.scrollWidth, V = h.scrollHeight, I = T(h), j = h.scrollLeft, G = h.scrollTop;
+      h === l ? (E = y < P && (I.overflowX === "auto" || I.overflowX === "scroll" || I.overflowX === "visible"), _ = C < V && (I.overflowY === "auto" || I.overflowY === "scroll" || I.overflowY === "visible")) : (E = y < P && (I.overflowX === "auto" || I.overflowX === "scroll"), _ = C < V && (I.overflowY === "auto" || I.overflowY === "scroll"));
+      var Q = E && (Math.abs(v - r) <= a && j + y < P) - (Math.abs(f - r) <= a && !!j), H = _ && (Math.abs(w - i) <= a && G + C < V) - (Math.abs(g - i) <= a && !!G);
       if (!U[d])
         for (var Ie = 0; Ie <= d; Ie++)
           U[Ie] || (U[Ie] = {});
-      (U[d].vx != Q || U[d].vy != H || U[d].el !== g) && (U[d].el = g, U[d].vx = Q, U[d].vy = H, clearInterval(U[d].pid), (Q != 0 || H != 0) && (c = !0, U[d].pid = setInterval((function() {
+      (U[d].vx != Q || U[d].vy != H || U[d].el !== h) && (U[d].el = h, U[d].vx = Q, U[d].vy = H, clearInterval(U[d].pid), (Q != 0 || H != 0) && (c = !0, U[d].pid = setInterval((function() {
         o && this.layer === 0 && x.active._onTouchMove(Et);
         var Ye = U[this.layer].vy ? U[this.layer].vy * s : 0, ve = U[this.layer].vx ? U[this.layer].vx * s : 0;
-        typeof u == "function" && u.call(x.dragged.parentNode[oe], ve, Ye, t, Et, U[this.layer].el) !== "continue" || Gn(U[this.layer].el, ve, Ye);
+        typeof u == "function" && u.call(x.dragged.parentNode[oe], ve, Ye, t, Et, U[this.layer].el) !== "continue" || Wn(U[this.layer].el, ve, Ye);
       }).bind({
         layer: d
       }), 24))), d++;
     } while (e.bubbleScroll && p !== l && (p = Ce(p, !1)));
     rn = c;
   }
-}, 30), Zn = function(e) {
+}, 30), eo = function(e) {
   var n = e.originalEvent, o = e.putSortable, r = e.dragEl, i = e.activeSortable, a = e.dispatchSortableEvent, s = e.hideGhostForTarget, l = e.unhideGhostForTarget;
   if (n) {
     var c = o || i;
@@ -1235,7 +1235,7 @@ pn.prototype = {
     var r = Oe(this.sortable.el, this.startIndex, this.options);
     r ? this.sortable.el.insertBefore(n, r) : this.sortable.el.appendChild(n), this.sortable.animateAll(), o && o.animateAll();
   },
-  drop: Zn
+  drop: eo
 };
 he(pn, {
   pluginName: "revertOnSpill"
@@ -1247,7 +1247,7 @@ mn.prototype = {
     var n = e.dragEl, o = e.putSortable, r = o || this.sortable;
     r.captureAnimationState(), n.parentNode && n.parentNode.removeChild(n), r.animateAll();
   },
-  drop: Zn
+  drop: eo
 };
 he(mn, {
   pluginName: "removeOnSpill"
@@ -1271,10 +1271,10 @@ function kr(t) {
     return e[o] || (e[o] = t(o));
   };
 }
-const Fr = /-(\w)/g, Pr = kr((t) => t.replace(Fr, (e, n) => n.toUpperCase())), eo = ["Start", "Add", "Remove", "Update", "End"], to = ["Choose", "Unchoose", "Sort", "Filter", "Clone"], no = ["Move"], $r = [no, eo, to].flatMap((t) => t).map((t) => `on${t}`), an = {
-  manage: no,
-  manageAndEmit: eo,
-  emit: to
+const Fr = /-(\w)/g, Pr = kr((t) => t.replace(Fr, (e, n) => n.toUpperCase())), to = ["Start", "Add", "Remove", "Update", "End"], no = ["Choose", "Unchoose", "Sort", "Filter", "Clone"], oo = ["Move"], $r = [oo, to, no].flatMap((t) => t).map((t) => `on${t}`), an = {
+  manage: oo,
+  manageAndEmit: to,
+  emit: no
 };
 function Ar(t) {
   return $r.indexOf(t) !== -1;
@@ -1404,22 +1404,22 @@ function Lr(t) {
 function Rr(t) {
   return ["transition-group", "TransitionGroup"].includes(t);
 }
-function oo(t) {
+function ro(t) {
   return ["id", "class", "role", "style"].includes(t) || t.startsWith("data-") || t.startsWith("aria-") || t.startsWith("on");
 }
-function ro(t) {
+function io(t) {
   return t.reduce((e, [n, o]) => (e[n] = o, e), {});
 }
 function Or({ $attrs: t, componentData: e = {} }) {
   return {
-    ...ro(
-      Object.entries(t).filter(([o, r]) => oo(o))
+    ...io(
+      Object.entries(t).filter(([o, r]) => ro(o))
     ),
     ...e
   };
 }
 function Ur({ $attrs: t, callBackBuilder: e }) {
-  const n = ro(io(t));
+  const n = io(ao(t));
   Object.entries(e).forEach(([r, i]) => {
     an[r].forEach((a) => {
       n[`on${a}`] = i(a);
@@ -1431,8 +1431,8 @@ function Ur({ $attrs: t, callBackBuilder: e }) {
     draggable: o
   };
 }
-function io(t) {
-  return Object.entries(t).filter(([e, n]) => !oo(e)).map(([e, n]) => [Pr(e), n]).filter(([e, n]) => !Ar(e));
+function ao(t) {
+  return Object.entries(t).filter(([e, n]) => !ro(e)).map(([e, n]) => [Pr(e), n]).filter(([e, n]) => !Ar(e));
 }
 const Pn = ({ el: t }) => t, Vr = (t, e) => t.__draggable_context = e, $n = (t) => t.__draggable_context;
 class Hr {
@@ -1503,26 +1503,26 @@ function jr(t) {
   return {
     transition: e,
     externalComponent: n,
-    tag: n ? Y(t) : e ? ko : t
+    tag: n ? Y(t) : e ? Fo : t
   };
 }
 function Gr({ $slots: t, tag: e, realList: n, getKey: o }) {
   const r = Yr({ $slots: t, realList: n, getKey: o }), i = jr(e);
   return new Hr({ nodes: r, root: i, realList: n });
 }
-function ao(t, e) {
+function lo(t, e) {
   On(() => this.$emit(t.toLowerCase(), e));
 }
-function lo(t) {
+function so(t) {
   return (e, n) => {
     if (this.realList !== null)
       return this[`onDrag${t}`](e, n);
   };
 }
 function Wr(t) {
-  const e = lo.call(this, t);
+  const e = so.call(this, t);
   return (n, o) => {
-    e.call(this, n, o), ao.call(this, t, n);
+    e.call(this, n, o), lo.call(this, t, n);
   };
 }
 let Gt = null;
@@ -1562,7 +1562,7 @@ const Xr = {
   "update:modelValue",
   "change",
   ...[...an.manageAndEmit, ...an.emit].map((t) => t.toLowerCase())
-], so = ie({
+], co = ie({
   name: "draggable",
   inheritAttrs: !1,
   props: Xr,
@@ -1602,8 +1602,8 @@ const Xr = {
       $attrs: t,
       callBackBuilder: {
         manageAndEmit: (i) => Wr.call(this, i),
-        emit: (i) => ao.bind(this, i),
-        manage: (i) => lo.call(this, i)
+        emit: (i) => lo.bind(this, i),
+        manage: (i) => so.call(this, i)
       }
     }), r = e.nodeType === 1 ? e : e.parentElement;
     this._sortable = new x(r, o), this.targetDomElement = r, r.__draggable_component__ = this;
@@ -1628,7 +1628,7 @@ const Xr = {
     $attrs: {
       handler(t) {
         const { _sortable: e } = this;
-        e && io(t).forEach(([n, o]) => {
+        e && ao(t).forEach(([n, o]) => {
           e.option(n, o);
         });
       },
@@ -1930,7 +1930,7 @@ const Xr = {
   autoRotation: !0,
   rotationInterval: "3s",
   objectFit: "cover"
-}, co = {
+}, uo = {
   memberImage: "",
   memberName: "Member",
   memberTierName: "Tier 1",
@@ -1950,7 +1950,7 @@ const Xr = {
     borderRadius: "12px",
     boxShadow: "0px 4px 8px 0px rgba(199, 199, 204, 0.24), 0px 4px 8px 0px color(display-p3 0.7804 0.7804 0.8 / 0.24)"
   }),
-  data: co,
+  data: uo,
   showCredit: !0,
   showPoints: !0,
   showTier: !0,
@@ -1997,7 +1997,7 @@ const Xr = {
   iconColor: "#FF7823",
   labelColor: "#1C1C1E",
   sublabelColor: "#6B6B6B"
-}, uo = [
+}, fo = [
   {
     thumbnailPhoto: "",
     restaurantName: "Coffee Restaurant",
@@ -2027,7 +2027,7 @@ const Xr = {
     borderRadius: "12px",
     boxShadow: "0px 4px 8px 0px rgba(199, 199, 204, 0.24), 0px 4px 8px 0px color(display-p3 0.7804 0.7804 0.8 / 0.24)"
   }),
-  data: uo,
+  data: fo,
   signedIn: !0
 }, ai = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
@@ -2043,10 +2043,10 @@ const Xr = {
   TextDisplay: Qr
 }, Symbol.toStringTag, { value: "Module" }));
 function li(t) {
-  const e = (n) => Array.isArray(n) ? n.map((o) => e(o)) : Fo(n) || Po(n) || $o(n) ? e(Ao(n)) : n && typeof n == "object" ? Object.keys(n).reduce((o, r) => (o[r] = e(n[r]), o), {}) : n;
+  const e = (n) => Array.isArray(n) ? n.map((o) => e(o)) : Po(n) || $o(n) || Ao(n) ? e(Mo(n)) : n && typeof n == "object" ? Object.keys(n).reduce((o, r) => (o[r] = e(n[r]), o), {}) : n;
   return e(t);
 }
-const Ee = jo("editor", () => {
+const Ee = Go("editor", () => {
   const t = q({
     node: [],
     selectedNode: null,
@@ -2060,7 +2060,7 @@ const Ee = jo("editor", () => {
     t.value.firstFetchedData = JSON.stringify(c), t.value.node = [c];
   }
   async function o(c, u) {
-    const d = await Yo.getTemplateById(
+    const d = await jo.getTemplateById(
       c,
       "drafts",
       u
@@ -2149,8 +2149,8 @@ const si = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
     }
     return (o, r) => (D(), O("div", si, [
       (D(!0), O(Te, null, ot($(An), (i, a) => (D(), O("section", ci, [
-        k("div", ui, Pe(i.title), 1),
-        S($(so), {
+        k("div", ui, Fe(i.title), 1),
+        S($(co), {
           list: i.children,
           group: { name: "components", pull: "clone", put: !1 },
           sort: !1,
@@ -2164,7 +2164,7 @@ const si = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
                 class: "text-[24px] text-fm-color-typo-secondary",
                 name: s.icon
               }, null, 8, ["name"]),
-              k("div", fi, Pe(s.title), 1)
+              k("div", fi, Fe(s.title), 1)
             ])
           ]),
           _: 2
@@ -2179,7 +2179,7 @@ const si = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
 }), mi = { class: "absolute z-10 flex items-center gap-8 bottom-24 left-1/2 transform -translate-x-1/2 bg-fm-color-neutral-white border border-fm-color-neutral-gray-100 rounded-lg p-8 shadow-light-600" }, hi = /* @__PURE__ */ ie({
   __name: "EditorFloatingToobar",
   setup(t) {
-    const e = Ee(), { state: n } = Go(e), o = Dt(), r = re(
+    const e = Ee(), { state: n } = Wo(e), o = Dt(), r = re(
       () => n.value.selectedNode && n.value.node.length > 0
     ), i = [
       // {
@@ -2236,7 +2236,7 @@ const si = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
 }), gi = { class: "w-[300px]" }, bi = { class: "py-8 px-12 w-full flex items-center justify-between gap-8" }, vi = { class: "flex items-center gap-8" }, yi = { class: "fm-typo-en-body-md-600 text-fm-color-typo-primary" }, wi = { class: "flex items-center gap-8" }, Ci = { class: "overflow-y-auto max-h-[226px]" }, _i = { class: "flex items-center gap-8" }, Ti = /* @__PURE__ */ ie({
   __name: "TemplatePicker",
   setup(t) {
-    const e = q(!1), n = q(""), o = q(""), r = Fe(), i = rt(), a = Ee(), s = Dt(), l = qo(), c = re(
+    const e = q(!1), n = q(""), o = q(""), r = Re(), i = rt(), a = Ee(), s = Dt(), l = Qo(), c = re(
       () => i.state.allTemplates.filter(
         (w) => {
           var f;
@@ -2316,7 +2316,7 @@ const si = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
     function p(w) {
       o.value = w;
     }
-    function g() {
+    function h() {
       o.value = "";
     }
     function b(w) {
@@ -2332,7 +2332,7 @@ const si = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
           isLoading: v
         },
         secondaryActions: { text: "Cancel", close: !0 },
-        contentComponent: Qt(Qo.FmTextField, {
+        contentComponent: Qt(Zo.FmTextField, {
           modelValue: f,
           "onUpdate:modelValue": (C) => f.value = C
         })
@@ -2344,7 +2344,7 @@ const si = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
         ), v.value = !1, se.success("Your template has been renamed"), l.close();
       });
     }
-    function m(w) {
+    function g(w) {
       const f = q(!1);
       l.open({
         title: "Delete template",
@@ -2426,7 +2426,7 @@ const si = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
                     ]),
                     _: 1
                   })) : ne("", !0),
-                  k("span", yi, Pe($(i).state.selectedTemplate.templateAlias), 1)
+                  k("span", yi, Fe($(i).state.selectedTemplate.templateAlias), 1)
                 ]),
                 k("div", wi, [
                   S(ke, {
@@ -2437,7 +2437,7 @@ const si = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
                   S(ke, {
                     name: "delete",
                     class: "text-fm-color-system-error-300 cursor-pointer",
-                    onClick: f[1] || (f[1] = (I) => m($(i).state.selectedTemplate))
+                    onClick: f[1] || (f[1] = (I) => g($(i).state.selectedTemplate))
                   })
                 ])
               ]),
@@ -2458,7 +2458,7 @@ const si = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
                     "model-value": I.templateId === ((G = $(i).state.selectedTemplate) == null ? void 0 : G.templateId),
                     onClick: (Q) => d(I),
                     onMouseover: (Q) => p(I.templateId),
-                    onMouseout: g,
+                    onMouseout: h,
                     class: "[&>div]:h-40"
                   }, {
                     prepend: M(() => [
@@ -2502,7 +2502,7 @@ const si = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
                         $t(S(ke, {
                           name: "delete",
                           class: "text-fm-color-system-error-300",
-                          onClick: Zt((Q) => m(I), ["stop"])
+                          onClick: Zt((Q) => g(I), ["stop"])
                         }, null, 8, ["onClick"]), [
                           [
                             At,
@@ -2550,7 +2550,7 @@ const si = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
 }), xi = { class: "w-[280px]" }, Ei = /* @__PURE__ */ ie({
   __name: "TemplateShareMenu",
   setup(t) {
-    const e = q(!1), n = Ee(), o = rt(), r = Fe(), { namespace: i } = Fe(), a = Fe().currentBusiness, s = [
+    const e = q(!1), n = Ee(), o = Hn(), r = rt(), i = Re(), { namespace: a } = Re(), s = [
       "6620bdb2823d92001b3a966f",
       "5dc8df2eb3de6a0021295d8f",
       "5d9b00862cb0c4002146e69a",
@@ -2582,11 +2582,8 @@ const si = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
       "677e8a019e937f001c0e79fe",
       "678f134f13a27b001c72b1e7",
       "5f76a6ffcd6730001b320816"
-    ], l = re(() => {
-      var m;
-      return i.value === "prod" && !s.includes(((m = a.value) == null ? void 0 : m._id) ?? "");
-    }), c = re(() => {
-      var m, w, f, v, y, C, E, _;
+    ], l = re(() => a.value === "dev" || o.state.isPremium || s.includes(i.currentBusiness.value._id)), c = re(() => {
+      var g, w, f, v, y, C, E, _;
       return [
         {
           label: "Save and publish",
@@ -2594,33 +2591,33 @@ const si = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
           action: async () => {
             await u(), await d();
           },
-          disabled: l.value
+          disabled: !l.value
         },
         {
           label: "Publish as main homepage",
-          sublabel: (m = o.state.selectedTemplate) != null && m.isPublished ? o.state.activeTemplateId === ((w = o.state.selectedTemplate) == null ? void 0 : w.templateId) ? "This template has been set as homepage" : "This action will set current template as your landing page" : "Template is not published yet",
-          sublabelClass: (f = o.state.selectedTemplate) != null && f.isPublished ? o.state.activeTemplateId === ((v = o.state.selectedTemplate) == null ? void 0 : v.templateId) ? "text-fm-color-typo-warning" : "" : "text-fm-color-typo-warning",
+          sublabel: (g = r.state.selectedTemplate) != null && g.isPublished ? r.state.activeTemplateId === ((w = r.state.selectedTemplate) == null ? void 0 : w.templateId) ? "This template has been set as homepage" : "This action will set current template as your landing page" : "Template is not published yet",
+          sublabelClass: (f = r.state.selectedTemplate) != null && f.isPublished ? r.state.activeTemplateId === ((v = r.state.selectedTemplate) == null ? void 0 : v.templateId) ? "text-fm-color-typo-warning" : "" : "text-fm-color-typo-warning",
           icon: "home",
           action: () => {
             p();
           },
-          disabled: l.value || o.state.activeTemplateId === ((y = o.state.selectedTemplate) == null ? void 0 : y.templateId) || !((C = o.state.selectedTemplate) != null && C.isPublished)
+          disabled: !l.value || r.state.activeTemplateId === ((y = r.state.selectedTemplate) == null ? void 0 : y.templateId) || !((C = r.state.selectedTemplate) != null && C.isPublished)
         },
         {
           label: "Copy public link view",
-          sublabel: (E = o.state.selectedTemplate) != null && E.isPublished ? "" : "Template is not published yet",
+          sublabel: (E = r.state.selectedTemplate) != null && E.isPublished ? "" : "Template is not published yet",
           sublabelClass: "text-fm-color-typo-warning",
           icon: "link",
           action: () => {
-            g();
+            h();
           },
-          disabled: !((_ = o.state.selectedTemplate) != null && _.isPublished)
+          disabled: !((_ = r.state.selectedTemplate) != null && _.isPublished)
         }
       ];
     });
     async function u() {
       se.promise(
-        o.saveTemplate(r.currentBusiness.value._id, n.state.node),
+        r.saveTemplate(i.currentBusiness.value._id, n.state.node),
         {
           loading: "Saving...",
           success: () => "Template saved",
@@ -2630,8 +2627,8 @@ const si = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
     }
     async function d() {
       se.promise(
-        o.publishTemplate(
-          r.currentBusiness.value._id,
+        r.publishTemplate(
+          i.currentBusiness.value._id,
           n.state.node
         ),
         {
@@ -2642,21 +2639,21 @@ const si = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
       );
     }
     async function p() {
-      se.promise(o.setMainPageTemplate(r.currentBusiness.value._id), {
+      se.promise(r.setMainPageTemplate(i.currentBusiness.value._id), {
         loading: "Setting your main homepage...",
         success: () => "Template set as main homepage",
         error: () => "Error setting main homepage, please try again"
       });
     }
-    async function g() {
+    async function h() {
       var w;
-      const m = `${"https://{slug}.feedme.vip".replace("{slug}", `${r.currentBusiness.value.url ?? ((w = r.currentBusiness.value) == null ? void 0 : w.id)}`)}`;
+      const g = `${"https://{slug}.feedme.vip".replace("{slug}", `${i.currentBusiness.value.url ?? ((w = i.currentBusiness.value) == null ? void 0 : w.id)}`)}`;
       se.promise(
         async () => {
           var v;
-          const f = `${m}/${o.state.selectedTemplate.templateId}`;
+          const f = `${g}/${r.state.selectedTemplate.templateId}`;
           navigator.clipboard.writeText(
-            o.state.activeTemplateId === ((v = o.state.selectedTemplate) == null ? void 0 : v.templateId) ? m : f
+            r.state.activeTemplateId === ((v = r.state.selectedTemplate) == null ? void 0 : v.templateId) ? g : f
           );
         },
         {
@@ -2667,17 +2664,17 @@ const si = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
       );
     }
     async function b() {
-      var m, w;
-      (m = o.state.selectedTemplate) != null && m.isPublished && se.promise(o.unpublishTemplate(r.currentBusiness.value._id), {
-        loading: `Unpublishing ${(w = o.state.selectedTemplate) == null ? void 0 : w.templateAlias}`,
+      var g, w;
+      (g = r.state.selectedTemplate) != null && g.isPublished && se.promise(r.unpublishTemplate(i.currentBusiness.value._id), {
+        loading: `Unpublishing ${(w = r.state.selectedTemplate) == null ? void 0 : w.templateAlias}`,
         success: () => {
           var f;
-          return `${(f = o.state.selectedTemplate) == null ? void 0 : f.templateAlias} unpublished`;
+          return `${(f = r.state.selectedTemplate) == null ? void 0 : f.templateAlias} unpublished`;
         },
         error: () => "Error unpublishing template, please try again"
       });
     }
-    return (m, w) => {
+    return (g, w) => {
       const f = Y("FmButton"), v = Y("FmMenuDivider"), y = Y("FmMenuItem"), C = Y("FmMenu");
       return D(), te(C, {
         placement: "bottom-end",
@@ -2714,7 +2711,7 @@ const si = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
                           "fm-typo-en-body-md-400 max-w-[240px]",
                           _.disabled ? "text-fm-color-typo-disabled" : "text-fm-color-typo-primary"
                         ])
-                      }, Pe(_.label), 3),
+                      }, Fe(_.label), 3),
                       _.sublabel ? (D(), O("div", {
                         key: 0,
                         class: Ke([
@@ -2725,7 +2722,7 @@ const si = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
                           },
                           _.sublabelClass
                         ])
-                      }, Pe(_.sublabel), 3)) : ne("", !0)
+                      }, Fe(_.sublabel), 3)) : ne("", !0)
                     ])
                   ]),
                   _: 2
@@ -2736,7 +2733,7 @@ const si = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
                 class: "!mx-4"
               }),
               S(y, {
-                disabled: !((E = $(o).state.selectedTemplate) != null && E.isPublished),
+                disabled: !((E = $(r).state.selectedTemplate) != null && E.isPublished),
                 onClick: b
               }, {
                 label: M(() => {
@@ -2745,7 +2742,7 @@ const si = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
                     k("div", {
                       class: Ke([
                         "fm-typo-en-body-md-400 max-w-[240px]",
-                        (_ = $(o).state.selectedTemplate) != null && _.isPublished ? "text-fm-color-typo-error" : "text-fm-color-typo-disabled"
+                        (_ = $(r).state.selectedTemplate) != null && _.isPublished ? "text-fm-color-typo-error" : "text-fm-color-typo-disabled"
                       ])
                     }, " Unpublish ", 2)
                   ];
@@ -2762,7 +2759,7 @@ const si = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
 });
 var lt = {}, Si = function() {
   return typeof Promise == "function" && Promise.prototype && Promise.prototype.then;
-}, fo = {}, ae = {};
+}, po = {}, ae = {};
 let hn;
 const Ii = [
   0,
@@ -2868,10 +2865,10 @@ var Nt = {};
     }
   };
 })(Nt);
-function po() {
+function mo() {
   this.buffer = [], this.length = 0;
 }
-po.prototype = {
+mo.prototype = {
   get: function(t) {
     const e = Math.floor(t / 8);
     return (this.buffer[e] >>> 7 - t % 8 & 1) === 1;
@@ -2888,7 +2885,7 @@ po.prototype = {
     this.buffer.length <= e && this.buffer.push(0), t && (this.buffer[e] |= 128 >>> this.length % 8), this.length++;
   }
 };
-var Bi = po;
+var Bi = mo;
 function st(t) {
   if (!t || t < 1)
     throw new Error("BitMatrix size must be defined and greater than 0");
@@ -2907,7 +2904,7 @@ st.prototype.xor = function(t, e, n) {
 st.prototype.isReserved = function(t, e) {
   return this.reservedBit[t * this.size + e];
 };
-var Di = st, mo = {};
+var Di = st, ho = {};
 (function(t) {
   const e = ae.getSymbolSize;
   t.getRowColCoords = function(o) {
@@ -2925,10 +2922,10 @@ var Di = st, mo = {};
         s === a - 1 && l === 0 || r.push([i[s], i[l]]);
     return r;
   };
-})(mo);
-var ho = {};
+})(ho);
+var go = {};
 const Ni = ae.getSymbolSize, Mn = 7;
-ho.getPositions = function(e) {
+go.getPositions = function(e) {
   const n = Ni(e);
   return [
     // top-left
@@ -2939,7 +2936,7 @@ ho.getPositions = function(e) {
     [0, n - Mn]
   ];
 };
-var go = {};
+var bo = {};
 (function(t) {
   t.Patterns = {
     PATTERN000: 0,
@@ -2967,8 +2964,8 @@ var go = {};
     for (let d = 0; d < i; d++) {
       s = l = 0, c = u = null;
       for (let p = 0; p < i; p++) {
-        let g = r.get(d, p);
-        g === c ? s++ : (s >= 5 && (a += e.N1 + (s - 5)), c = g, s = 1), g = r.get(p, d), g === u ? l++ : (l >= 5 && (a += e.N1 + (l - 5)), u = g, l = 1);
+        let h = r.get(d, p);
+        h === c ? s++ : (s >= 5 && (a += e.N1 + (s - 5)), c = h, s = 1), h = r.get(p, d), h === u ? l++ : (l >= 5 && (a += e.N1 + (l - 5)), u = h, l = 1);
       }
       s >= 5 && (a += e.N1 + (s - 5)), l >= 5 && (a += e.N1 + (l - 5));
     }
@@ -3034,7 +3031,7 @@ var go = {};
     }
     return s;
   };
-})(go);
+})(bo);
 var kt = {};
 const _e = Nt, mt = [
   // L  M  Q  H
@@ -3389,7 +3386,7 @@ kt.getTotalCodewordsCount = function(e, n) {
       return;
   }
 };
-var bo = {}, Ft = {};
+var vo = {}, Ft = {};
 const tt = new Uint8Array(512), St = new Uint8Array(256);
 (function() {
   let e = 1;
@@ -3433,32 +3430,32 @@ Ft.mul = function(e, n) {
       r = t.mul(r, new Uint8Array([1, e.exp(i)]));
     return r;
   };
-})(bo);
-const vo = bo;
+})(vo);
+const yo = vo;
 function gn(t) {
   this.genPoly = void 0, this.degree = t, this.degree && this.initialize(this.degree);
 }
 gn.prototype.initialize = function(e) {
-  this.degree = e, this.genPoly = vo.generateECPolynomial(this.degree);
+  this.degree = e, this.genPoly = yo.generateECPolynomial(this.degree);
 };
 gn.prototype.encode = function(e) {
   if (!this.genPoly)
     throw new Error("Encoder not initialized");
   const n = new Uint8Array(e.length + this.degree);
   n.set(e);
-  const o = vo.mod(n, this.genPoly), r = this.degree - o.length;
+  const o = yo.mod(n, this.genPoly), r = this.degree - o.length;
   if (r > 0) {
     const i = new Uint8Array(this.degree);
     return i.set(o, r), i;
   }
   return o;
 };
-var ki = gn, yo = {}, Se = {}, bn = {};
+var ki = gn, wo = {}, Se = {}, bn = {};
 bn.isValid = function(e) {
   return !isNaN(e) && e >= 1 && e <= 40;
 };
 var pe = {};
-const wo = "[0-9]+", Fi = "[A-Z $%*+\\-./:]+";
+const Co = "[0-9]+", Fi = "[A-Z $%*+\\-./:]+";
 let nt = "(?:[u3000-u303F]|[u3040-u309F]|[u30A0-u30FF]|[uFF00-uFFEF]|[u4E00-u9FAF]|[u2605-u2606]|[u2190-u2195]|u203B|[u2010u2015u2018u2019u2025u2026u201Cu201Du2225u2260]|[u0391-u0451]|[u00A7u00A8u00B1u00B4u00D7u00F7])+";
 nt = nt.replace(/u/g, "\\u");
 const Pi = "(?:(?![A-Z0-9 $%*+\\-./:]|" + nt + `)(?:.|[\r
@@ -3466,9 +3463,9 @@ const Pi = "(?:(?![A-Z0-9 $%*+\\-./:]|" + nt + `)(?:.|[\r
 pe.KANJI = new RegExp(nt, "g");
 pe.BYTE_KANJI = new RegExp("[^A-Z0-9 $%*+\\-./:]+", "g");
 pe.BYTE = new RegExp(Pi, "g");
-pe.NUMERIC = new RegExp(wo, "g");
+pe.NUMERIC = new RegExp(Co, "g");
 pe.ALPHANUMERIC = new RegExp(Fi, "g");
-const $i = new RegExp("^" + nt + "$"), Ai = new RegExp("^" + wo + "$"), Mi = new RegExp("^[A-Z0-9 $%*+\\-./:]+$");
+const $i = new RegExp("^" + nt + "$"), Ai = new RegExp("^" + Co + "$"), Mi = new RegExp("^[A-Z0-9 $%*+\\-./:]+$");
 pe.testKanji = function(e) {
   return $i.test(e);
 };
@@ -3539,36 +3536,36 @@ pe.testAlphanumeric = function(e) {
 })(Se);
 (function(t) {
   const e = ae, n = kt, o = Nt, r = Se, i = bn, a = 7973, s = e.getBCHDigit(a);
-  function l(p, g, b) {
-    for (let m = 1; m <= 40; m++)
-      if (g <= t.getCapacity(m, b, p))
-        return m;
+  function l(p, h, b) {
+    for (let g = 1; g <= 40; g++)
+      if (h <= t.getCapacity(g, b, p))
+        return g;
   }
-  function c(p, g) {
-    return r.getCharCountIndicator(p, g) + 4;
+  function c(p, h) {
+    return r.getCharCountIndicator(p, h) + 4;
   }
-  function u(p, g) {
+  function u(p, h) {
     let b = 0;
-    return p.forEach(function(m) {
-      const w = c(m.mode, g);
-      b += w + m.getBitsLength();
+    return p.forEach(function(g) {
+      const w = c(g.mode, h);
+      b += w + g.getBitsLength();
     }), b;
   }
-  function d(p, g) {
+  function d(p, h) {
     for (let b = 1; b <= 40; b++)
-      if (u(p, b) <= t.getCapacity(b, g, r.MIXED))
+      if (u(p, b) <= t.getCapacity(b, h, r.MIXED))
         return b;
   }
-  t.from = function(g, b) {
-    return i.isValid(g) ? parseInt(g, 10) : b;
-  }, t.getCapacity = function(g, b, m) {
-    if (!i.isValid(g))
+  t.from = function(h, b) {
+    return i.isValid(h) ? parseInt(h, 10) : b;
+  }, t.getCapacity = function(h, b, g) {
+    if (!i.isValid(h))
       throw new Error("Invalid QR Code version");
-    typeof m > "u" && (m = r.BYTE);
-    const w = e.getSymbolTotalCodewords(g), f = n.getTotalCodewordsCount(g, b), v = (w - f) * 8;
-    if (m === r.MIXED) return v;
-    const y = v - c(m, g);
-    switch (m) {
+    typeof g > "u" && (g = r.BYTE);
+    const w = e.getSymbolTotalCodewords(h), f = n.getTotalCodewordsCount(h, b), v = (w - f) * 8;
+    if (g === r.MIXED) return v;
+    const y = v - c(g, h);
+    switch (g) {
       case r.NUMERIC:
         return Math.floor(y / 10 * 3);
       case r.ALPHANUMERIC:
@@ -3579,37 +3576,37 @@ pe.testAlphanumeric = function(e) {
       default:
         return Math.floor(y / 8);
     }
-  }, t.getBestVersionForData = function(g, b) {
-    let m;
+  }, t.getBestVersionForData = function(h, b) {
+    let g;
     const w = o.from(b, o.M);
-    if (Array.isArray(g)) {
-      if (g.length > 1)
-        return d(g, w);
-      if (g.length === 0)
+    if (Array.isArray(h)) {
+      if (h.length > 1)
+        return d(h, w);
+      if (h.length === 0)
         return 1;
-      m = g[0];
+      g = h[0];
     } else
-      m = g;
-    return l(m.mode, m.getLength(), w);
-  }, t.getEncodedBits = function(g) {
-    if (!i.isValid(g) || g < 7)
+      g = h;
+    return l(g.mode, g.getLength(), w);
+  }, t.getEncodedBits = function(h) {
+    if (!i.isValid(h) || h < 7)
       throw new Error("Invalid QR Code version");
-    let b = g << 12;
+    let b = h << 12;
     for (; e.getBCHDigit(b) - s >= 0; )
       b ^= a << e.getBCHDigit(b) - s;
-    return g << 12 | b;
+    return h << 12 | b;
   };
-})(yo);
-var Co = {};
-const ln = ae, _o = 1335, Li = 21522, Ln = ln.getBCHDigit(_o);
-Co.getEncodedBits = function(e, n) {
+})(wo);
+var _o = {};
+const ln = ae, To = 1335, Li = 21522, Ln = ln.getBCHDigit(To);
+_o.getEncodedBits = function(e, n) {
   const o = e.bit << 3 | n;
   let r = o << 10;
   for (; ln.getBCHDigit(r) - Ln >= 0; )
-    r ^= _o << ln.getBCHDigit(r) - Ln;
+    r ^= To << ln.getBCHDigit(r) - Ln;
   return (o << 10 | r) ^ Li;
 };
-var To = {};
+var xo = {};
 const Ri = Se;
 function Ue(t) {
   this.mode = Ri.NUMERIC, this.data = t.toString();
@@ -3746,7 +3743,7 @@ Make sure your charset is UTF-8`
     n = (n >>> 8 & 255) * 192 + (n & 255), t.put(n, 13);
   }
 };
-var Gi = ze, xo = { exports: {} };
+var Gi = ze, Eo = { exports: {} };
 (function(t) {
   var e = {
     single_source_shortest_paths: function(n, o, r) {
@@ -3754,10 +3751,10 @@ var Gi = ze, xo = { exports: {} };
       a[o] = 0;
       var s = e.PriorityQueue.make();
       s.push(o, 0);
-      for (var l, c, u, d, p, g, b, m, w; !s.empty(); ) {
+      for (var l, c, u, d, p, h, b, g, w; !s.empty(); ) {
         l = s.pop(), c = l.value, d = l.cost, p = n[c] || {};
         for (u in p)
-          p.hasOwnProperty(u) && (g = p[u], b = d + g, m = a[u], w = typeof a[u] > "u", (w || m > b) && (a[u] = b, s.push(u, b), i[u] = c));
+          p.hasOwnProperty(u) && (h = p[u], b = d + h, g = a[u], w = typeof a[u] > "u", (w || g > b) && (a[u] = b, s.push(u, b), i[u] = c));
       }
       if (typeof r < "u" && typeof a[r] > "u") {
         var f = ["Could not find a path from ", o, " to ", r, "."].join("");
@@ -3811,8 +3808,8 @@ var Gi = ze, xo = { exports: {} };
     }
   };
   t.exports = e;
-})(xo);
-var Wi = xo.exports;
+})(Eo);
+var Wi = Eo.exports;
 (function(t) {
   const e = Se, n = Oi, o = Vi, r = zi, i = Gi, a = pe, s = ae, l = Wi;
   function c(f) {
@@ -3855,7 +3852,7 @@ var Wi = xo.exports;
         return r.getBitsLength(f);
     }
   }
-  function g(f) {
+  function h(f) {
     return f.reduce(function(v, y) {
       const C = v.length - 1 >= 0 ? v[v.length - 1] : null;
       return C && C.mode === y.mode ? (v[v.length - 1].data += y.data, v) : (v.push(y), v);
@@ -3893,7 +3890,7 @@ var Wi = xo.exports;
     }
     return v;
   }
-  function m(f, v) {
+  function g(f, v) {
     const y = {}, C = { start: {} };
     let E = ["start"];
     for (let _ = 0; _ < f.length; _++) {
@@ -3934,17 +3931,17 @@ var Wi = xo.exports;
       return typeof C == "string" ? y.push(w(C, null)) : C.data && y.push(w(C.data, C.mode)), y;
     }, []);
   }, t.fromString = function(v, y) {
-    const C = d(v, s.isKanjiModeEnabled()), E = b(C), _ = m(E, y), P = l.find_path(_.map, "start", "end"), V = [];
+    const C = d(v, s.isKanjiModeEnabled()), E = b(C), _ = g(E, y), P = l.find_path(_.map, "start", "end"), V = [];
     for (let I = 1; I < P.length - 1; I++)
       V.push(_.table[P[I]].node);
-    return t.fromArray(g(V));
+    return t.fromArray(h(V));
   }, t.rawSplit = function(v) {
     return t.fromArray(
       d(v, s.isKanjiModeEnabled())
     );
   };
-})(To);
-const Pt = ae, Xt = Nt, Xi = Bi, Ki = Di, Ji = mo, qi = ho, sn = go, cn = kt, Qi = ki, It = yo, Zi = Co, ea = Se, Kt = To;
+})(xo);
+const Pt = ae, Xt = Nt, Xi = Bi, Ki = Di, Ji = ho, qi = go, sn = bo, cn = kt, Qi = ki, It = wo, Zi = _o, ea = Se, Kt = xo;
 function ta(t, e) {
   const n = t.size, o = qi.getPositions(e);
   for (let r = 0; r < o.length; r++) {
@@ -4014,20 +4011,20 @@ function aa(t, e, n) {
   return la(o, t, e);
 }
 function la(t, e, n) {
-  const o = Pt.getSymbolTotalCodewords(e), r = cn.getTotalCodewordsCount(e, n), i = o - r, a = cn.getBlocksCount(e, n), s = o % a, l = a - s, c = Math.floor(o / a), u = Math.floor(i / a), d = u + 1, p = c - u, g = new Qi(p);
+  const o = Pt.getSymbolTotalCodewords(e), r = cn.getTotalCodewordsCount(e, n), i = o - r, a = cn.getBlocksCount(e, n), s = o % a, l = a - s, c = Math.floor(o / a), u = Math.floor(i / a), d = u + 1, p = c - u, h = new Qi(p);
   let b = 0;
-  const m = new Array(a), w = new Array(a);
+  const g = new Array(a), w = new Array(a);
   let f = 0;
   const v = new Uint8Array(t.buffer);
   for (let P = 0; P < a; P++) {
     const V = P < l ? u : d;
-    m[P] = v.slice(b, b + V), w[P] = g.encode(m[P]), b += V, f = Math.max(f, V);
+    g[P] = v.slice(b, b + V), w[P] = h.encode(g[P]), b += V, f = Math.max(f, V);
   }
   const y = new Uint8Array(o);
   let C = 0, E, _;
   for (E = 0; E < f; E++)
     for (_ = 0; _ < a; _++)
-      E < m[_].length && (y[C++] = m[_][E]);
+      E < g[_].length && (y[C++] = g[_][E]);
   for (E = 0; E < p; E++)
     for (_ = 0; _ < a; _++)
       y[C++] = w[_][E];
@@ -4070,13 +4067,13 @@ Minimum version required to store current data is: ` + i + `.
     segments: r
   };
 }
-fo.create = function(e, n) {
+po.create = function(e, n) {
   if (typeof e > "u" || e === "")
     throw new Error("No input text");
   let o = Xt.M, r, i;
   return typeof n < "u" && (o = Xt.from(n.errorCorrectionLevel, Xt.M), r = It.from(n.version), i = sn.from(n.maskPattern), n.toSJISFunc && Pt.setToSJISFunction(n.toSJISFunc)), sa(e, r, o, i);
 };
-var Eo = {}, vn = {};
+var So = {}, vn = {};
 (function(t) {
   function e(n) {
     if (typeof n == "number" && (n = n.toString()), typeof n != "string")
@@ -4118,13 +4115,13 @@ var Eo = {}, vn = {};
   }, t.qrToImageData = function(o, r, i) {
     const a = r.modules.size, s = r.modules.data, l = t.getScale(a, i), c = Math.floor((a + i.margin * 2) * l), u = i.margin * l, d = [i.color.light, i.color.dark];
     for (let p = 0; p < c; p++)
-      for (let g = 0; g < c; g++) {
-        let b = (p * c + g) * 4, m = i.color.light;
-        if (p >= u && g >= u && p < c - u && g < c - u) {
-          const w = Math.floor((p - u) / l), f = Math.floor((g - u) / l);
-          m = d[s[w * a + f] ? 1 : 0];
+      for (let h = 0; h < c; h++) {
+        let b = (p * c + h) * 4, g = i.color.light;
+        if (p >= u && h >= u && p < c - u && h < c - u) {
+          const w = Math.floor((p - u) / l), f = Math.floor((h - u) / l);
+          g = d[s[w * a + f] ? 1 : 0];
         }
-        o[b++] = m.r, o[b++] = m.g, o[b++] = m.b, o[b] = m.a;
+        o[b++] = g.r, o[b++] = g.g, o[b++] = g.b, o[b] = g.a;
       }
   };
 })(vn);
@@ -4151,8 +4148,8 @@ var Eo = {}, vn = {};
     const c = t.render(i, a, l), u = l.type || "image/png", d = l.rendererOpts || {};
     return c.toDataURL(u, d.quality);
   };
-})(Eo);
-var So = {};
+})(So);
+var Io = {};
 const ca = vn;
 function Rn(t, e) {
   const n = t.a / 255, o = e + '="' + t.hex + '"';
@@ -4170,12 +4167,12 @@ function ua(t, e, n) {
   }
   return o;
 }
-So.render = function(e, n, o) {
+Io.render = function(e, n, o) {
   const r = ca.getOptions(n), i = e.modules.size, a = e.modules.data, s = i + r.margin * 2, l = r.color.light.a ? "<path " + Rn(r.color.light, "fill") + ' d="M0 0h' + s + "v" + s + 'H0z"/>' : "", c = "<path " + Rn(r.color.dark, "stroke") + ' d="' + ua(a, i, r.margin) + '"/>', u = 'viewBox="0 0 ' + s + " " + s + '"', p = '<svg xmlns="http://www.w3.org/2000/svg" ' + (r.width ? 'width="' + r.width + '" height="' + r.width + '" ' : "") + u + ' shape-rendering="crispEdges">' + l + c + `</svg>
 `;
   return typeof o == "function" && o(null, p), p;
 };
-const da = Si, un = fo, Io = Eo, fa = So;
+const da = Si, un = po, Bo = So, fa = Io;
 function yn(t, e, n, o, r) {
   const i = [].slice.call(arguments, 1), a = i.length, s = typeof i[a - 1] == "function";
   if (!s && !da())
@@ -4204,15 +4201,15 @@ function yn(t, e, n, o, r) {
   }
 }
 lt.create = un.create;
-lt.toCanvas = yn.bind(null, Io.render);
-lt.toDataURL = yn.bind(null, Io.renderToDataURL);
+lt.toCanvas = yn.bind(null, Bo.render);
+lt.toDataURL = yn.bind(null, Bo.renderToDataURL);
 lt.toString = yn.bind(null, function(t, e, n) {
   return fa.render(t, n);
 });
 const pa = { class: "flex items-center justify-center" }, ma = { class: "w-full flex gap-8 justify-end items-center" }, ha = /* @__PURE__ */ ie({
   __name: "PreviewQrCode",
   setup(t) {
-    const e = q(), n = Fe(), o = rt(), r = q(!1), i = re(() => `${`${"https://{slug}.feedme.vip".replace("{slug}", `${n.currentBusiness.value.url ?? n.currentBusiness.value._id}`)}`}/preview/${o.state.selectedTemplate.templateId}`);
+    const e = q(), n = Re(), o = rt(), r = q(!1), i = re(() => `${`${"https://{slug}.feedme.vip".replace("{slug}", `${n.currentBusiness.value.url ?? n.currentBusiness.value._id}`)}`}/preview/${o.state.selectedTemplate.templateId}`);
     function a() {
       se.promise(navigator.clipboard.writeText(i.value), {
         loading: "Copying...",
@@ -4249,7 +4246,7 @@ const pa = { class: "flex items-center justify-center" }, ma = { class: "w-full
           })
         ]),
         "dialog-header": M(() => l[2] || (l[2] = [
-          Mo(" Preview your template ")
+          Lo(" Preview your template ")
         ])),
         default: M(() => [
           k("div", pa, [
@@ -4279,7 +4276,7 @@ const pa = { class: "flex items-center justify-center" }, ma = { class: "w-full
 }), ga = { class: "p-8 flex gap-8 items-center justify-between border-b border-fm-color-neutral-gray-200 bg-fm-color-neutral-white" }, ba = { class: "flex gap-8 items-center" }, va = /* @__PURE__ */ ie({
   __name: "EditorToolbar",
   setup(t) {
-    const e = Ee(), n = rt(), o = Fe();
+    const e = Ee(), n = rt(), o = Re();
     function r() {
       se.promise(
         n.saveTemplate(
@@ -4338,10 +4335,10 @@ const pa = { class: "flex items-center justify-center" }, ma = { class: "w-full
         onClick: s[1] || (s[1] = (l) => i(o.value))
       }, [
         k("div", wa, [
-          o.value ? (D(), te(Wo, Cn(Lo({ key: 0 }, { data: o.value.data, ...o.value.props })), {
+          o.value ? (D(), te(Xo, Cn(Ro({ key: 0 }, { data: o.value.data, ...o.value.props })), {
             default: M(() => [
               k("div", Ca, [
-                S(Xo, { data: { selectedCountry: "MY" } }),
+                S(Ko, { data: { selectedCountry: "MY" } }),
                 k("button", _a, [
                   k("div", Ta, [
                     S(ke, {
@@ -4351,7 +4348,7 @@ const pa = { class: "flex items-center justify-center" }, ma = { class: "w-full
                   ])
                 ])
               ]),
-              S($(so), {
+              S($(co), {
                 class: "w-full h-full flex flex-col gap-16 min-h-[600px]",
                 modelValue: n.value,
                 "onUpdate:modelValue": s[0] || (s[0] = (l) => n.value = l),
@@ -4366,13 +4363,13 @@ const pa = { class: "flex items-center justify-center" }, ma = { class: "w-full
                       class: "relative cursor-grab",
                       onClickCapture: Zt((d) => i(l), ["prevent", "stop"])
                     }, [
-                      (D(), te(Ro(Ko[l.type]), Cn(Oo({ data: l.data, ...l.props })), null, 16)),
+                      (D(), te(Oo(Jo[l.type]), Cn(Uo({ data: l.data, ...l.props })), null, 16)),
                       l._id === ((c = r.value) == null ? void 0 : c._id) ? (D(), O("div", {
                         key: 0,
                         class: Ke({
                           "w-full h-full absolute top-0 left-0 z-10": l._id === ((u = r.value) == null ? void 0 : u._id)
                         }),
-                        style: Uo({
+                        style: Vo({
                           paddingLeft: l.props.marginLeft,
                           paddingRight: l.props.marginRight
                         })
@@ -5001,7 +4998,7 @@ const pa = { class: "flex items-center justify-center" }, ma = { class: "w-full
                 groupItems: [
                   {
                     label: "Is member",
-                    value: co
+                    value: uo
                   },
                   {
                     label: "Not member",
@@ -5111,6 +5108,11 @@ const pa = { class: "flex items-center justify-center" }, ma = { class: "w-full
                 $formkit: "BaSwitch",
                 label: "Delivery",
                 name: "showDelivery"
+              },
+              {
+                $formkit: "BaSwitch",
+                label: "Queue",
+                name: "showQueue"
               }
             ]
           },
@@ -5269,7 +5271,7 @@ const pa = { class: "flex items-center justify-center" }, ma = { class: "w-full
                 groupItems: [
                   {
                     label: "With orders",
-                    value: uo
+                    value: fo
                   },
                   {
                     label: "Without orders",
@@ -5314,20 +5316,20 @@ const pa = { class: "flex items-center justify-center" }, ma = { class: "w-full
   },
   setup(t) {
     return (e, n) => (D(), O("div", null, [
-      e.label ? (D(), O("div", Ma, Pe(e.label), 1)) : ne("", !0),
+      e.label ? (D(), O("div", Ma, Fe(e.label), 1)) : ne("", !0),
       k("div", La, [
         dn(e.$slots, "default")
       ])
     ]));
   }
-}), Bo = Symbol.for("ba:config-tab"), Oa = { class: "p-16 w-full fm-typo-en-body-md-600 text-fm-color-typo-primary" }, Ua = { class: "flex items-center w-full border-b border-fm-color-neutral-gray-100" }, Va = /* @__PURE__ */ ie({
+}), Do = Symbol.for("ba:config-tab"), Oa = { class: "p-16 w-full fm-typo-en-body-md-600 text-fm-color-typo-primary" }, Ua = { class: "flex items-center w-full border-b border-fm-color-neutral-gray-100" }, Va = /* @__PURE__ */ ie({
   __name: "ConfigTab",
   props: {
     title: {}
   },
   setup(t) {
     const e = q([]), n = q("");
-    Vo(Bo, {
+    Ho(Do, {
       register(r) {
         e.value = [...e.value, r], e.value.length === 1 && (n.value = r.value);
       },
@@ -5339,7 +5341,7 @@ const pa = { class: "flex items-center justify-center" }, ma = { class: "w-full
     return (r, i) => {
       const a = Y("FmTab");
       return D(), O("div", null, [
-        k("div", Oa, Pe(r.title), 1),
+        k("div", Oa, Fe(r.title), 1),
         S(Vn),
         k("div", Ua, [
           (D(!0), O(Te, null, ot(e.value, (s) => (D(), te(a, {
@@ -5360,7 +5362,7 @@ const pa = { class: "flex items-center justify-center" }, ma = { class: "w-full
     value: {}
   },
   setup(t) {
-    const e = t, n = Ho(Bo, null);
+    const e = t, n = zo(Do, null);
     return Un(() => {
       n ? n.register(e) : console.warn("ConfigTabItem is to be used with ConfigTab as parent");
     }), (o, r) => {
@@ -5382,7 +5384,7 @@ const pa = { class: "flex items-center justify-center" }, ma = { class: "w-full
     }), r = re(() => {
       var l;
       return (l = n.value) == null ? void 0 : l.props;
-    }), i = zo({
+    }), i = Yo({
       ConfigTab: Va,
       ConfigTabItem: Ya,
       ConfigSection: Ra
@@ -5417,7 +5419,7 @@ const pa = { class: "flex items-center justify-center" }, ma = { class: "w-full
       }
     }
     return (l, c) => (D(), O("div", ja, [
-      n.value ? (D(), te($(Zo), {
+      n.value ? (D(), te($(er), {
         config: { rootClasses: s },
         type: "form",
         actions: !1,
@@ -5427,7 +5429,7 @@ const pa = { class: "flex items-center justify-center" }, ma = { class: "w-full
         preserve: ""
       }, {
         default: M(() => [
-          S($(er), {
+          S($(tr), {
             schema: o.value,
             library: $(i)
           }, null, 8, ["schema", "library"])
@@ -5439,7 +5441,7 @@ const pa = { class: "flex items-center justify-center" }, ma = { class: "w-full
 }), Wa = { class: "relative h-full w-screen flex flex-col overflow-y-hidden" }, Xa = { class: "flex h-full" }, ll = /* @__PURE__ */ ie({
   __name: "BuilderView",
   setup(t) {
-    const e = Fe(), n = Ee(), o = rt(), r = tr(), i = Dt(), a = q(!0);
+    const e = Re(), n = Ee(), o = rt(), r = Hn(), i = Dt(), a = q(!0);
     async function s() {
       var c, u;
       a.value = !0, e.currentBusiness.value && ((c = e.currentBusiness.value) != null && c._id && await o.getAllTemplates(e.currentBusiness.value._id), (u = e.currentBusiness.value) != null && u.url && await r.getGlobalSlug(e.currentBusiness.value.url), l());
@@ -5466,7 +5468,7 @@ const pa = { class: "flex items-center justify-center" }, ma = { class: "w-full
     ), (c, u) => {
       const d = Y("FmCircularProgress"), p = Y("FmOverlay");
       return D(), O("div", Wa, [
-        S($(Jo), {
+        S($(qo), {
           position: "top-right",
           "rich-colors": "",
           "close-button": "",