@feedmepos/mf-brand-app-builder 0.5.37-prod → 0.5.39-dev.1

package/dist/{BuilderView-3RVw9V0T.js → BuilderView-CXfguRqC.js}

@@ -1,4 +1,4 @@
-import { resolveComponent as V, TransitionGroup as qn, defineComponent as se, nextTick as rn, h as ma, isRef as Qn, isReactive as eo, isProxy as to, toRaw as ao, ref as q, computed as ie, createElementBlock as Z, openBlock as N, Fragment as Be, renderList as vt, createElementVNode as I, createVNode as w, createBlock as ae, createCommentVNode as Q, toDisplayString as j, unref as y, withCtx as M, normalizeClass as ye, watch as tt, withDirectives as Gt, withModifiers as ba, vShow as Xt, createTextVNode as no, onMounted as ln, resolveDynamicComponent as Ma, mergeProps as oo, normalizeProps as ro, guardReactiveProps as io, normalizeStyle as lo, renderSlot as wa, provide as so, inject as co, markRaw as uo } from "vue";
+import { resolveComponent as V, TransitionGroup as qn, defineComponent as se, nextTick as rn, h as ma, isRef as Qn, isReactive as eo, isProxy as to, toRaw as ao, ref as Q, computed as ne, createElementBlock as Z, openBlock as N, Fragment as Be, renderList as vt, createElementVNode as w, createVNode as _, createBlock as ae, createCommentVNode as K, toDisplayString as z, unref as y, withCtx as M, normalizeClass as ye, watch as tt, withDirectives as Gt, withModifiers as ba, vShow as Xt, createTextVNode as no, onMounted as ln, resolveDynamicComponent as Ma, mergeProps as oo, normalizeProps as ro, guardReactiveProps as io, normalizeStyle as lo, renderSlot as wa, provide as so, inject as co, markRaw as uo } from "vue";
 import { T as po, u as Ge } from "./index-Bk6TOZrx.js";
 import { defineStore as mo, storeToRefs as bo } from "pinia";
 import { p as fo } from "./views-BDWw3w14.js";
@@ -7,13 +7,13 @@ import { v as Ra } from "./v4-CKwdnpQf.js";
 import { _ as ho } from "./Icon.vue_vue_type_style_index_0_lang-BcRjQndc.js";
 import { B as sn } from "./BaDivider-Cp9gfB4r.js";
 import { useI18n as Ze, useCoreStore as We } from "@feedmepos/mf-common";
-import { C as $a, _ as yo, a as vo } from "./main-Cp3L-QnD.js";
+import { C as $a, _ as yo, a as vo } from "./main-D3hu_bbz.js";
 import { useDialog as To, components as xo, useSnackbar as Co } from "@feedmepos/ui-library";
 import { useRouter as dn } from "vue-router";
 import { u as Ia, a as _o, b as wo } from "./brandkit-C8uulbNE.js";
 import { u as Ea } from "./index-BA2J-Ffh.js";
-import { K as Io, V as Eo } from "./vue-sonner-CBFYmm8_.js";
-import { F as So, a as Ao } from "./app-BXxfcblN.js";
+import { u as Io, F as Eo, a as So } from "./app-BhQ6s4xM.js";
+import { K as Ao, V as Lo } from "./vue-sonner-CBFYmm8_.js";
 /**!
  * Sortable 1.14.0
  * @author	RubaXa   <trash@rubaxa.org>
@@ -34,7 +34,7 @@ function Ie(t) {
   for (var e = 1; e < arguments.length; e++) {
     var a = arguments[e] != null ? arguments[e] : {};
     e % 2 ? Za(Object(a), !0).forEach(function(n) {
-      Lo(t, n, a[n]);
+      Bo(t, n, a[n]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(a)) : Za(Object(a)).forEach(function(n) {
       Object.defineProperty(t, n, Object.getOwnPropertyDescriptor(a, n));
     });
@@ -49,7 +49,7 @@ function kt(t) {
     return e && typeof Symbol == "function" && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
   }, kt(t);
 }
-function Lo(t, e, a) {
+function Bo(t, e, a) {
   return e in t ? Object.defineProperty(t, e, {
     value: a,
     enumerable: !0,
@@ -67,16 +67,16 @@ function De() {
     return t;
   }, De.apply(this, arguments);
 }
-function Bo(t, e) {
+function ko(t, e) {
   if (t == null) return {};
   var a = {}, n = Object.keys(t), o, r;
   for (r = 0; r < n.length; r++)
     o = n[r], !(e.indexOf(o) >= 0) && (a[o] = t[o]);
   return a;
 }
-function ko(t, e) {
+function Do(t, e) {
   if (t == null) return {};
-  var a = Bo(t, e), n, o;
+  var a = ko(t, e), n, o;
   if (Object.getOwnPropertySymbols) {
     var r = Object.getOwnPropertySymbols(t);
     for (o = 0; o < r.length; o++)
@@ -84,22 +84,22 @@ function ko(t, e) {
   }
   return a;
 }
-var Do = "1.14.0";
+var No = "1.14.0";
 function ke(t) {
   if (typeof window < "u" && window.navigator)
     return !!/* @__PURE__ */ navigator.userAgent.match(t);
 }
-var Ne = ke(/(?:Trident.*rv[ :]?11\.|msie|iemobile|Windows Phone)/i), Tt = ke(/Edge/i), Ua = ke(/firefox/i), pt = ke(/safari/i) && !ke(/chrome/i) && !ke(/android/i), cn = ke(/iP(ad|od|hone)/i), No = ke(/chrome/i) && ke(/android/i), un = {
+var Ne = ke(/(?:Trident.*rv[ :]?11\.|msie|iemobile|Windows Phone)/i), Tt = ke(/Edge/i), Ua = ke(/firefox/i), pt = ke(/safari/i) && !ke(/chrome/i) && !ke(/android/i), cn = ke(/iP(ad|od|hone)/i), Po = ke(/chrome/i) && ke(/android/i), un = {
   capture: !1,
   passive: !1
 };
 function R(t, e, a) {
   t.addEventListener(e, a, !Ne && un);
 }
-function P(t, e, a) {
+function O(t, e, a) {
   t.removeEventListener(e, a, !Ne && un);
 }
-function Pt(t, e) {
+function Ot(t, e) {
   if (e) {
     if (e[0] === ">" && (e = e.substring(1)), t)
       try {
@@ -122,7 +122,7 @@ function Ce(t, e, a, n) {
   if (t) {
     a = a || document;
     do {
-      if (e != null && (e[0] === ">" ? t.parentNode === a && Pt(t, e) : Pt(t, e)) || n && t === a)
+      if (e != null && (e[0] === ">" ? t.parentNode === a && Ot(t, e) : Ot(t, e)) || n && t === a)
         return t;
       if (t === a) break;
     } while (t = Fo(t));
@@ -139,7 +139,7 @@ function ce(t, e, a) {
       t.className = (n + (a ? " " + e : "")).replace(Va, " ");
     }
 }
-function E(t, e, a) {
+function S(t, e, a) {
   var n = t && t.style;
   if (n) {
     if (a === void 0)
@@ -153,7 +153,7 @@ function et(t, e) {
     a = t;
   else
     do {
-      var n = E(t, "transform");
+      var n = S(t, "transform");
       n && n !== "none" && (a = n + " " + a);
     } while (!e && (t = t.parentNode));
   var o = window.DOMMatrix || window.WebKitCSSMatrix || window.CSSMatrix || window.MSCSSMatrix;
@@ -178,9 +178,9 @@ function J(t, e, a, n, o) {
     var r, l, i, s, d, c, p;
     if (t !== window && t.parentNode && t !== we() ? (r = t.getBoundingClientRect(), l = r.top, i = r.left, s = r.bottom, d = r.right, c = r.height, p = r.width) : (l = 0, i = 0, s = window.innerHeight, d = window.innerWidth, c = window.innerHeight, p = window.innerWidth), (e || a) && t !== window && (o = o || t.parentNode, !Ne))
       do
-        if (o && o.getBoundingClientRect && (E(o, "transform") !== "none" || a && E(o, "position") !== "static")) {
+        if (o && o.getBoundingClientRect && (S(o, "transform") !== "none" || a && S(o, "position") !== "static")) {
           var m = o.getBoundingClientRect();
-          l -= m.top + parseInt(E(o, "border-top-width")), i -= m.left + parseInt(E(o, "border-left-width")), s = l + r.height, d = i + r.width;
+          l -= m.top + parseInt(S(o, "border-top-width")), i -= m.left + parseInt(S(o, "border-left-width")), s = l + r.height, d = i + r.width;
           break;
         }
       while (o = o.parentNode);
@@ -209,7 +209,7 @@ function Ha(t, e, a) {
 }
 function at(t, e, a, n) {
   for (var o = 0, r = 0, l = t.children; r < l.length; ) {
-    if (l[r].style.display !== "none" && l[r] !== S.ghost && (n || l[r] !== S.dragged) && Ce(l[r], a.draggable, t, !1)) {
+    if (l[r].style.display !== "none" && l[r] !== A.ghost && (n || l[r] !== A.dragged) && Ce(l[r], a.draggable, t, !1)) {
       if (o === e)
         return l[r];
       o++;
@@ -219,7 +219,7 @@ function at(t, e, a, n) {
   return null;
 }
 function Sa(t, e) {
-  for (var a = t.lastElementChild; a && (a === S.ghost || E(a, "display") === "none" || e && !Pt(a, e)); )
+  for (var a = t.lastElementChild; a && (a === A.ghost || S(a, "display") === "none" || e && !Ot(a, e)); )
     a = a.previousElementSibling;
   return a || null;
 }
@@ -228,7 +228,7 @@ function he(t, e) {
   if (!t || !t.parentNode)
     return -1;
   for (; t = t.previousElementSibling; )
-    t.nodeName.toUpperCase() !== "TEMPLATE" && t !== S.clone && (!e || Pt(t, e)) && a++;
+    t.nodeName.toUpperCase() !== "TEMPLATE" && t !== A.clone && (!e || Ot(t, e)) && a++;
   return a;
 }
 function Ya(t) {
@@ -253,7 +253,7 @@ function Re(t, e) {
   var a = t, n = !1;
   do
     if (a.clientWidth < a.scrollWidth || a.clientHeight < a.scrollHeight) {
-      var o = E(a);
+      var o = S(a);
       if (a.clientWidth < a.scrollWidth && (o.overflowX == "auto" || o.overflowX == "scroll") || a.clientHeight < a.scrollHeight && (o.overflowY == "auto" || o.overflowY == "scroll")) {
         if (!a.getBoundingClientRect || a === document.body) return we();
         if (n || e) return a;
@@ -263,7 +263,7 @@ function Re(t, e) {
   while (a = a.parentNode);
   return we();
 }
-function Po(t, e) {
+function Mo(t, e) {
   if (t && e)
     for (var a in e)
       e.hasOwnProperty(a) && (t[a] = e[a]);
@@ -283,7 +283,7 @@ function mn(t, e) {
     }
   };
 }
-function Mo() {
+function Ro() {
   clearTimeout(mt), mt = void 0;
 }
 function bn(t, e, a) {
@@ -294,14 +294,14 @@ function fn(t) {
   return e && e.dom ? e.dom(t).cloneNode(!0) : a ? a(t).clone(!0)[0] : t.cloneNode(!0);
 }
 var pe = "Sortable" + (/* @__PURE__ */ new Date()).getTime();
-function Ro() {
+function $o() {
   var t = [], e;
   return {
     captureAnimationState: function() {
       if (t = [], !!this.options.animation) {
         var n = [].slice.call(this.el.children);
         n.forEach(function(o) {
-          if (!(E(o, "display") === "none" || o === S.ghost)) {
+          if (!(S(o, "display") === "none" || o === A.ghost)) {
             t.push({
               target: o,
               rect: J(o)
@@ -334,7 +334,7 @@ function Ro() {
       t.forEach(function(i) {
         var s = 0, d = i.target, c = d.fromRect, p = J(d), m = d.prevFromRect, u = d.prevToRect, b = i.rect, g = et(d, !0);
         g && (p.top -= g.f, p.left -= g.e), d.toRect = p, d.thisAnimationDuration && Jt(m, p) && !Jt(c, p) && // Make sure animatingRect is on line between toRect & fromRect
-        (b.top - p.top) / (b.left - p.left) === (c.top - p.top) / (c.left - p.left) && (s = Zo(b, m, u, o.options)), Jt(p, c) || (d.prevFromRect = c, d.prevToRect = p, s || (s = o.options.animation), o.animate(d, b, p, s)), s && (r = !0, l = Math.max(l, s), clearTimeout(d.animationResetTimer), d.animationResetTimer = setTimeout(function() {
+        (b.top - p.top) / (b.left - p.left) === (c.top - p.top) / (c.left - p.left) && (s = Uo(b, m, u, o.options)), Jt(p, c) || (d.prevFromRect = c, d.prevToRect = p, s || (s = o.options.animation), o.animate(d, b, p, s)), s && (r = !0, l = Math.max(l, s), clearTimeout(d.animationResetTimer), d.animationResetTimer = setTimeout(function() {
           d.animationTime = 0, d.prevFromRect = null, d.fromRect = null, d.prevToRect = null, d.thisAnimationDuration = null;
         }, s), d.thisAnimationDuration = s);
       }), clearTimeout(e), r ? e = setTimeout(function() {
@@ -343,19 +343,19 @@ function Ro() {
     },
     animate: function(n, o, r, l) {
       if (l) {
-        E(n, "transition", ""), E(n, "transform", "");
+        S(n, "transition", ""), S(n, "transform", "");
         var i = et(this.el), s = i && i.a, d = i && i.d, c = (o.left - r.left) / (s || 1), p = (o.top - r.top) / (d || 1);
-        n.animatingX = !!c, n.animatingY = !!p, E(n, "transform", "translate3d(" + c + "px," + p + "px,0)"), this.forRepaintDummy = $o(n), E(n, "transition", "transform " + l + "ms" + (this.options.easing ? " " + this.options.easing : "")), E(n, "transform", "translate3d(0,0,0)"), typeof n.animated == "number" && clearTimeout(n.animated), n.animated = setTimeout(function() {
-          E(n, "transition", ""), E(n, "transform", ""), n.animated = !1, n.animatingX = !1, n.animatingY = !1;
+        n.animatingX = !!c, n.animatingY = !!p, S(n, "transform", "translate3d(" + c + "px," + p + "px,0)"), this.forRepaintDummy = Zo(n), S(n, "transition", "transform " + l + "ms" + (this.options.easing ? " " + this.options.easing : "")), S(n, "transform", "translate3d(0,0,0)"), typeof n.animated == "number" && clearTimeout(n.animated), n.animated = setTimeout(function() {
+          S(n, "transition", ""), S(n, "transform", ""), n.animated = !1, n.animatingX = !1, n.animatingY = !1;
         }, l);
       }
     }
   };
 }
-function $o(t) {
+function Zo(t) {
   return t.offsetWidth;
 }
-function Zo(t, e, a, n) {
+function Uo(t, e, a, n) {
   return Math.sqrt(Math.pow(e.top - t.top, 2) + Math.pow(e.left - t.left, 2)) / Math.sqrt(Math.pow(e.top - a.top, 2) + Math.pow(e.left - a.left, 2)) * n.animation;
 }
 var Xe = [], Kt = {
@@ -410,39 +410,39 @@ var Xe = [], Kt = {
     }), o;
   }
 };
-function Uo(t) {
+function Vo(t) {
   var e = t.sortable, a = t.rootEl, n = t.name, o = t.targetEl, r = t.cloneEl, l = t.toEl, i = t.fromEl, s = t.oldIndex, d = t.newIndex, c = t.oldDraggableIndex, p = t.newDraggableIndex, m = t.originalEvent, u = t.putSortable, b = t.extraEventProperties;
   if (e = e || a && a[pe], !!e) {
-    var g, L = e.options, f = "on" + n.charAt(0).toUpperCase() + n.substr(1);
+    var g, B = e.options, C = "on" + n.charAt(0).toUpperCase() + n.substr(1);
     window.CustomEvent && !Ne && !Tt ? g = new CustomEvent(n, {
       bubbles: !0,
       cancelable: !0
     }) : (g = document.createEvent("Event"), g.initEvent(n, !0, !0)), g.to = l || a, g.from = i || a, g.item = o || a, g.clone = r, g.oldIndex = s, g.newIndex = d, g.oldDraggableIndex = c, g.newDraggableIndex = p, g.originalEvent = m, g.pullMode = u ? u.lastPutMode : void 0;
-    var v = Ie(Ie({}, b), xt.getEventProperties(n, e));
-    for (var T in v)
-      g[T] = v[T];
-    a && a.dispatchEvent(g), L[f] && L[f].call(e, g);
+    var I = Ie(Ie({}, b), xt.getEventProperties(n, e));
+    for (var f in I)
+      g[f] = I[f];
+    a && a.dispatchEvent(g), B[C] && B[C].call(e, g);
   }
 }
-var Vo = ["evt"], le = function(e, a) {
-  var n = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, o = n.evt, r = ko(n, Vo);
-  xt.pluginEvent.bind(S)(e, a, Ie({
+var Ho = ["evt"], le = function(e, a) {
+  var n = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, o = n.evt, r = Do(n, Ho);
+  xt.pluginEvent.bind(A)(e, a, Ie({
     dragEl: h,
     parentEl: H,
-    ghostEl: k,
-    rootEl: $,
+    ghostEl: D,
+    rootEl: U,
     nextEl: je,
     lastDownEl: Dt,
     cloneEl: Y,
     cloneHidden: Me,
     dragStarted: dt,
     putSortable: ee,
-    activeSortable: S.active,
+    activeSortable: A.active,
     originalEvent: o,
     oldIndex: Qe,
     oldDraggableIndex: bt,
     newIndex: ue,
-    newDraggableIndex: Pe,
+    newDraggableIndex: Oe,
     hideGhostForTarget: vn,
     unhideGhostForTarget: Tn,
     cloneNowHidden: function() {
@@ -452,7 +452,7 @@ var Vo = ["evt"], le = function(e, a) {
       Me = !1;
     },
     dispatchSortableEvent: function(i) {
-      re({
+      ie({
         sortable: a,
         name: i,
         originalEvent: o
@@ -460,19 +460,19 @@ var Vo = ["evt"], le = function(e, a) {
     }
   }, r));
 };
-function re(t) {
-  Uo(Ie({
+function ie(t) {
+  Vo(Ie({
     putSortable: ee,
     cloneEl: Y,
     targetEl: h,
-    rootEl: $,
+    rootEl: U,
     oldIndex: Qe,
     oldDraggableIndex: bt,
     newIndex: ue,
-    newDraggableIndex: Pe
+    newDraggableIndex: Oe
   }, t));
 }
-var h, H, k, $, je, Dt, Y, Me, Qe, ue, bt, Pe, It, ee, qe = !1, Mt = !1, Rt = [], Ye, ve, qt, Qt, za, ja, dt, Je, ft, gt = !1, Et = !1, Nt, te, ea = [], fa = !1, $t = [], Ht = typeof document < "u", St = cn, Wa = Tt || Ne ? "cssFloat" : "float", Ho = Ht && !No && !cn && "draggable" in document.createElement("div"), gn = function() {
+var h, H, D, U, je, Dt, Y, Me, Qe, ue, bt, Oe, It, ee, qe = !1, Mt = !1, Rt = [], Ye, ve, qt, Qt, za, ja, dt, Je, ft, gt = !1, Et = !1, Nt, te, ea = [], fa = !1, $t = [], Ht = typeof document < "u", St = cn, Wa = Tt || Ne ? "cssFloat" : "float", Yo = Ht && !Po && !cn && "draggable" in document.createElement("div"), gn = function() {
   if (Ht) {
     if (Ne)
       return !1;
@@ -480,7 +480,7 @@ var h, H, k, $, je, Dt, Y, Me, Qe, ue, bt, Pe, It, ee, qe = !1, Mt = !1, Rt = []
     return t.style.cssText = "pointer-events:auto", t.style.pointerEvents === "auto";
   }
 }(), hn = function(e, a) {
-  var n = E(e), o = parseInt(n.width) - parseInt(n.paddingLeft) - parseInt(n.paddingRight) - parseInt(n.borderLeftWidth) - parseInt(n.borderRightWidth), r = at(e, 0, a), l = at(e, 1, a), i = r && E(r), s = l && E(l), d = i && parseInt(i.marginLeft) + parseInt(i.marginRight) + J(r).width, c = s && parseInt(s.marginLeft) + parseInt(s.marginRight) + J(l).width;
+  var n = S(e), o = parseInt(n.width) - parseInt(n.paddingLeft) - parseInt(n.paddingRight) - parseInt(n.borderLeftWidth) - parseInt(n.borderRightWidth), r = at(e, 0, a), l = at(e, 1, a), i = r && S(r), s = l && S(l), d = i && parseInt(i.marginLeft) + parseInt(i.marginRight) + J(r).width, c = s && parseInt(s.marginLeft) + parseInt(s.marginRight) + J(l).width;
   if (n.display === "flex")
     return n.flexDirection === "column" || n.flexDirection === "column-reverse" ? "vertical" : "horizontal";
   if (n.display === "grid")
@@ -490,10 +490,10 @@ var h, H, k, $, je, Dt, Y, Me, Qe, ue, bt, Pe, It, ee, qe = !1, Mt = !1, Rt = []
     return l && (s.clear === "both" || s.clear === p) ? "vertical" : "horizontal";
   }
   return r && (i.display === "block" || i.display === "flex" || i.display === "table" || i.display === "grid" || d >= o && n[Wa] === "none" || l && n[Wa] === "none" && d + c > o) ? "vertical" : "horizontal";
-}, Yo = function(e, a, n) {
+}, zo = function(e, a, n) {
   var o = n ? e.left : e.top, r = n ? e.right : e.bottom, l = n ? e.width : e.height, i = n ? a.left : a.top, s = n ? a.right : a.bottom, d = n ? a.width : a.height;
   return o === i || r === s || o + l / 2 === i + d / 2;
-}, zo = function(e, a) {
+}, jo = function(e, a) {
   var n;
   return Rt.some(function(o) {
     var r = o[pe].options.emptyInsertThreshold;
@@ -524,9 +524,9 @@ var h, H, k, $, je, Dt, Y, Me, Qe, ue, bt, Pe, It, ee, qe = !1, Mt = !1, Rt = []
     name: o
   }), n.name = o.name, n.checkPull = a(o.pull, !0), n.checkPut = a(o.put), n.revertClone = o.revertClone, e.group = n;
 }, vn = function() {
-  !gn && k && E(k, "display", "none");
+  !gn && D && S(D, "display", "none");
 }, Tn = function() {
-  !gn && k && E(k, "display", "");
+  !gn && D && S(D, "display", "");
 };
 Ht && document.addEventListener("click", function(t) {
   if (Mt)
@@ -535,7 +535,7 @@ Ht && document.addEventListener("click", function(t) {
 var ze = function(e) {
   if (h) {
     e = e.touches ? e.touches[0] : e;
-    var a = zo(e.clientX, e.clientY);
+    var a = jo(e.clientX, e.clientY);
     if (a) {
       var n = {};
       for (var o in e)
@@ -543,10 +543,10 @@ var ze = function(e) {
       n.target = n.rootEl = a, n.preventDefault = void 0, n.stopPropagation = void 0, a[pe]._onDragOver(n);
     }
   }
-}, jo = function(e) {
+}, Wo = function(e) {
   h && h.parentNode[pe]._isOutsideThisEl(e.target);
 };
-function S(t, e) {
+function A(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 = De({}, e), t[pe] = this;
@@ -592,7 +592,7 @@ function S(t, e) {
       x: 0,
       y: 0
     },
-    supportPointer: S.supportPointer !== !1 && "PointerEvent" in window && !pt,
+    supportPointer: A.supportPointer !== !1 && "PointerEvent" in window && !pt,
     emptyInsertThreshold: 5
   };
   xt.initializePlugins(this, t, a);
@@ -601,11 +601,11 @@ function S(t, e) {
   yn(e);
   for (var o in this)
     o.charAt(0) === "_" && typeof this[o] == "function" && (this[o] = this[o].bind(this));
-  this.nativeDraggable = e.forceFallback ? !1 : Ho, this.nativeDraggable && (this.options.touchStartThreshold = 1), e.supportPointer ? R(t, "pointerdown", this._onTapStart) : (R(t, "mousedown", this._onTapStart), R(t, "touchstart", this._onTapStart)), this.nativeDraggable && (R(t, "dragover", this), R(t, "dragenter", this)), Rt.push(this.el), e.store && e.store.get && this.sort(e.store.get(this) || []), De(this, Ro());
+  this.nativeDraggable = e.forceFallback ? !1 : Yo, this.nativeDraggable && (this.options.touchStartThreshold = 1), e.supportPointer ? R(t, "pointerdown", this._onTapStart) : (R(t, "mousedown", this._onTapStart), R(t, "touchstart", this._onTapStart)), this.nativeDraggable && (R(t, "dragover", this), R(t, "dragenter", this)), Rt.push(this.el), e.store && e.store.get && this.sort(e.store.get(this) || []), De(this, $o());
 }
-S.prototype = /** @lends Sortable.prototype */
+A.prototype = /** @lends Sortable.prototype */
 {
-  constructor: S,
+  constructor: A,
   _isOutsideThisEl: function(e) {
     !this.el.contains(e) && e !== this.el && (Je = null);
   },
@@ -615,10 +615,10 @@ S.prototype = /** @lends Sortable.prototype */
   _onTapStart: function(e) {
     if (e.cancelable) {
       var a = this, n = this.el, o = this.options, r = o.preventOnFilter, l = e.type, i = e.touches && e.touches[0] || e.pointerType && e.pointerType === "touch" && e, s = (i || e).target, d = e.target.shadowRoot && (e.path && e.path[0] || e.composedPath && e.composedPath()[0]) || s, c = o.filter;
-      if (er(n), !h && !(/mousedown|pointerdown/.test(l) && e.button !== 0 || o.disabled) && !d.isContentEditable && !(!this.nativeDraggable && pt && s && s.tagName.toUpperCase() === "SELECT") && (s = Ce(s, o.draggable, n, !1), !(s && s.animated) && Dt !== s)) {
+      if (tr(n), !h && !(/mousedown|pointerdown/.test(l) && e.button !== 0 || o.disabled) && !d.isContentEditable && !(!this.nativeDraggable && pt && s && s.tagName.toUpperCase() === "SELECT") && (s = Ce(s, o.draggable, n, !1), !(s && s.animated) && Dt !== s)) {
         if (Qe = he(s), bt = he(s, o.draggable), typeof c == "function") {
           if (c.call(this, e, s, this)) {
-            re({
+            ie({
               sortable: a,
               rootEl: d,
               name: "filter",
@@ -632,7 +632,7 @@ S.prototype = /** @lends Sortable.prototype */
           }
         } else if (c && (c = c.split(",").some(function(p) {
           if (p = Ce(d, p.trim(), n, !1), p)
-            return re({
+            return ie({
               sortable: a,
               rootEl: p,
               name: "filter",
@@ -654,18 +654,18 @@ S.prototype = /** @lends Sortable.prototype */
     var o = this, r = o.el, l = o.options, i = r.ownerDocument, s;
     if (n && !h && n.parentNode === r) {
       var d = J(n);
-      if ($ = r, h = n, H = h.parentNode, je = h.nextSibling, Dt = n, It = l.group, S.dragged = h, Ye = {
+      if (U = r, h = n, H = h.parentNode, je = h.nextSibling, Dt = n, It = l.group, A.dragged = h, Ye = {
         target: h,
         clientX: (a || e).clientX,
         clientY: (a || e).clientY
       }, za = Ye.clientX - d.left, ja = Ye.clientY - d.top, this._lastX = (a || e).clientX, this._lastY = (a || e).clientY, h.style["will-change"] = "all", s = function() {
         if (le("delayEnded", o, {
           evt: e
-        }), S.eventCanceled) {
+        }), A.eventCanceled) {
           o._onDrop();
           return;
         }
-        o._disableDelayedDragEvents(), !Ua && o.nativeDraggable && (h.draggable = !0), o._triggerDragStart(e, a), re({
+        o._disableDelayedDragEvents(), !Ua && o.nativeDraggable && (h.draggable = !0), o._triggerDragStart(e, a), ie({
           sortable: o,
           name: "choose",
           originalEvent: e
@@ -675,7 +675,7 @@ S.prototype = /** @lends Sortable.prototype */
       }), R(i, "dragover", ze), R(i, "mousemove", ze), R(i, "touchmove", ze), R(i, "mouseup", o._onDrop), R(i, "touchend", o._onDrop), R(i, "touchcancel", o._onDrop), Ua && this.nativeDraggable && (this.options.touchStartThreshold = 4, h.draggable = !0), le("delayStart", this, {
         evt: e
       }), l.delay && (!l.delayOnTouchOnly || a) && (!this.nativeDraggable || !(Tt || Ne))) {
-        if (S.eventCanceled) {
+        if (A.eventCanceled) {
           this._onDrop();
           return;
         }
@@ -693,24 +693,24 @@ S.prototype = /** @lends Sortable.prototype */
   },
   _disableDelayedDragEvents: function() {
     var e = this.el.ownerDocument;
-    P(e, "mouseup", this._disableDelayedDrag), P(e, "touchend", this._disableDelayedDrag), P(e, "touchcancel", this._disableDelayedDrag), P(e, "mousemove", this._delayedDragTouchMoveHandler), P(e, "touchmove", this._delayedDragTouchMoveHandler), P(e, "pointermove", this._delayedDragTouchMoveHandler);
+    O(e, "mouseup", this._disableDelayedDrag), O(e, "touchend", this._disableDelayedDrag), O(e, "touchcancel", this._disableDelayedDrag), O(e, "mousemove", this._delayedDragTouchMoveHandler), O(e, "touchmove", this._delayedDragTouchMoveHandler), O(e, "pointermove", this._delayedDragTouchMoveHandler);
   },
   _triggerDragStart: function(e, a) {
-    a = a || e.pointerType == "touch" && e, !this.nativeDraggable || a ? this.options.supportPointer ? R(document, "pointermove", this._onTouchMove) : a ? R(document, "touchmove", this._onTouchMove) : R(document, "mousemove", this._onTouchMove) : (R(h, "dragend", this), R($, "dragstart", this._onDragStart));
+    a = a || e.pointerType == "touch" && e, !this.nativeDraggable || a ? this.options.supportPointer ? R(document, "pointermove", this._onTouchMove) : a ? R(document, "touchmove", this._onTouchMove) : R(document, "mousemove", this._onTouchMove) : (R(h, "dragend", this), R(U, "dragstart", this._onDragStart));
     try {
-      document.selection ? Ft(function() {
+      document.selection ? Pt(function() {
         document.selection.empty();
       }) : window.getSelection().removeAllRanges();
     } catch {
     }
   },
   _dragStarted: function(e, a) {
-    if (qe = !1, $ && h) {
+    if (qe = !1, U && h) {
       le("dragStarted", this, {
         evt: a
-      }), this.nativeDraggable && R(document, "dragover", jo);
+      }), this.nativeDraggable && R(document, "dragover", Wo);
       var n = this.options;
-      !e && ce(h, n.dragClass, !1), ce(h, n.ghostClass, !0), S.active = this, e && this._appendGhost(), re({
+      !e && ce(h, n.dragClass, !1), ce(h, n.ghostClass, !0), A.active = this, e && this._appendGhost(), ie({
         sortable: this,
         name: "start",
         originalEvent: a
@@ -742,13 +742,13 @@ S.prototype = /** @lends Sortable.prototype */
   },
   _onTouchMove: function(e) {
     if (Ye) {
-      var a = this.options, n = a.fallbackTolerance, o = a.fallbackOffset, r = e.touches ? e.touches[0] : e, l = k && et(k, !0), i = k && l && l.a, s = k && l && l.d, d = St && te && Ya(te), c = (r.clientX - Ye.clientX + o.x) / (i || 1) + (d ? d[0] - ea[0] : 0) / (i || 1), p = (r.clientY - Ye.clientY + o.y) / (s || 1) + (d ? d[1] - ea[1] : 0) / (s || 1);
-      if (!S.active && !qe) {
+      var a = this.options, n = a.fallbackTolerance, o = a.fallbackOffset, r = e.touches ? e.touches[0] : e, l = D && et(D, !0), i = D && l && l.a, s = D && l && l.d, d = St && te && Ya(te), c = (r.clientX - Ye.clientX + o.x) / (i || 1) + (d ? d[0] - ea[0] : 0) / (i || 1), p = (r.clientY - Ye.clientY + o.y) / (s || 1) + (d ? d[1] - ea[1] : 0) / (s || 1);
+      if (!A.active && !qe) {
         if (n && Math.max(Math.abs(r.clientX - this._lastX), Math.abs(r.clientY - this._lastY)) < n)
           return;
         this._onDragStart(e, !0);
       }
-      if (k) {
+      if (D) {
         l ? (l.e += c - (qt || 0), l.f += p - (Qt || 0)) : l = {
           a: 1,
           b: 0,
@@ -758,43 +758,43 @@ S.prototype = /** @lends Sortable.prototype */
           f: p
         };
         var m = "matrix(".concat(l.a, ",").concat(l.b, ",").concat(l.c, ",").concat(l.d, ",").concat(l.e, ",").concat(l.f, ")");
-        E(k, "webkitTransform", m), E(k, "mozTransform", m), E(k, "msTransform", m), E(k, "transform", m), qt = c, Qt = p, ve = r;
+        S(D, "webkitTransform", m), S(D, "mozTransform", m), S(D, "msTransform", m), S(D, "transform", m), qt = c, Qt = p, ve = r;
       }
       e.cancelable && e.preventDefault();
     }
   },
   _appendGhost: function() {
-    if (!k) {
-      var e = this.options.fallbackOnBody ? document.body : $, a = J(h, !0, St, !0, e), n = this.options;
+    if (!D) {
+      var e = this.options.fallbackOnBody ? document.body : U, a = J(h, !0, St, !0, e), n = this.options;
       if (St) {
-        for (te = e; E(te, "position") === "static" && E(te, "transform") === "none" && te !== document; )
+        for (te = e; S(te, "position") === "static" && S(te, "transform") === "none" && te !== document; )
           te = te.parentNode;
         te !== document.body && te !== document.documentElement ? (te === document && (te = we()), a.top += te.scrollTop, a.left += te.scrollLeft) : te = we(), ea = Ya(te);
       }
-      k = h.cloneNode(!0), ce(k, n.ghostClass, !1), ce(k, n.fallbackClass, !0), ce(k, n.dragClass, !0), E(k, "transition", ""), E(k, "transform", ""), E(k, "box-sizing", "border-box"), E(k, "margin", 0), E(k, "top", a.top), E(k, "left", a.left), E(k, "width", a.width), E(k, "height", a.height), E(k, "opacity", "0.8"), E(k, "position", St ? "absolute" : "fixed"), E(k, "zIndex", "100000"), E(k, "pointerEvents", "none"), S.ghost = k, e.appendChild(k), E(k, "transform-origin", za / parseInt(k.style.width) * 100 + "% " + ja / parseInt(k.style.height) * 100 + "%");
+      D = h.cloneNode(!0), ce(D, n.ghostClass, !1), ce(D, n.fallbackClass, !0), ce(D, n.dragClass, !0), S(D, "transition", ""), S(D, "transform", ""), S(D, "box-sizing", "border-box"), S(D, "margin", 0), S(D, "top", a.top), S(D, "left", a.left), S(D, "width", a.width), S(D, "height", a.height), S(D, "opacity", "0.8"), S(D, "position", St ? "absolute" : "fixed"), S(D, "zIndex", "100000"), S(D, "pointerEvents", "none"), A.ghost = D, e.appendChild(D), S(D, "transform-origin", za / parseInt(D.style.width) * 100 + "% " + ja / parseInt(D.style.height) * 100 + "%");
     }
   },
   _onDragStart: function(e, a) {
     var n = this, o = e.dataTransfer, r = n.options;
     if (le("dragStart", this, {
       evt: e
-    }), S.eventCanceled) {
+    }), A.eventCanceled) {
       this._onDrop();
       return;
     }
-    le("setupClone", this), S.eventCanceled || (Y = fn(h), Y.draggable = !1, Y.style["will-change"] = "", this._hideClone(), ce(Y, this.options.chosenClass, !1), S.clone = Y), n.cloneId = Ft(function() {
-      le("clone", n), !S.eventCanceled && (n.options.removeCloneOnHide || $.insertBefore(Y, h), n._hideClone(), re({
+    le("setupClone", this), A.eventCanceled || (Y = fn(h), Y.draggable = !1, Y.style["will-change"] = "", this._hideClone(), ce(Y, this.options.chosenClass, !1), A.clone = Y), n.cloneId = Pt(function() {
+      le("clone", n), !A.eventCanceled && (n.options.removeCloneOnHide || U.insertBefore(Y, h), n._hideClone(), ie({
         sortable: n,
         name: "clone"
       }));
-    }), !a && ce(h, r.dragClass, !0), a ? (Mt = !0, n._loopId = setInterval(n._emulateDragOver, 50)) : (P(document, "mouseup", n._onDrop), P(document, "touchend", n._onDrop), P(document, "touchcancel", n._onDrop), o && (o.effectAllowed = "move", r.setData && r.setData.call(n, o, h)), R(document, "drop", n), E(h, "transform", "translateZ(0)")), qe = !0, n._dragStartId = Ft(n._dragStarted.bind(n, a, e)), R(document, "selectstart", n), dt = !0, pt && E(document.body, "user-select", "none");
+    }), !a && ce(h, r.dragClass, !0), a ? (Mt = !0, n._loopId = setInterval(n._emulateDragOver, 50)) : (O(document, "mouseup", n._onDrop), O(document, "touchend", n._onDrop), O(document, "touchcancel", n._onDrop), o && (o.effectAllowed = "move", r.setData && r.setData.call(n, o, h)), R(document, "drop", n), S(h, "transform", "translateZ(0)")), qe = !0, n._dragStartId = Pt(n._dragStarted.bind(n, a, e)), R(document, "selectstart", n), dt = !0, pt && S(document.body, "user-select", "none");
   },
   // Returns true - if no further action is needed (either inserted or another condition)
   _onDragOver: function(e) {
-    var a = this.el, n = e.target, o, r, l, i = this.options, s = i.group, d = S.active, c = It === s, p = i.sort, m = ee || d, u, b = this, g = !1;
+    var a = this.el, n = e.target, o, r, l, i = this.options, s = i.group, d = A.active, c = It === s, p = i.sort, m = ee || d, u, b = this, g = !1;
     if (fa) return;
-    function L(Fe, lt) {
-      le(Fe, b, Ie({
+    function B(Pe, lt) {
+      le(Pe, b, Ie({
         evt: e,
         isOwner: c,
         axis: u ? "vertical" : "horizontal",
@@ -804,133 +804,133 @@ S.prototype = /** @lends Sortable.prototype */
         canSort: p,
         fromSortable: m,
         target: n,
-        completed: v,
-        onMove: function(Pa, Kn) {
-          return At($, a, h, o, Pa, J(Pa), e, Kn);
+        completed: I,
+        onMove: function(Oa, Kn) {
+          return At(U, a, h, o, Oa, J(Oa), e, Kn);
         },
-        changed: T
+        changed: f
       }, lt));
     }
-    function f() {
-      L("dragOverAnimationCapture"), b.captureAnimationState(), b !== m && m.captureAnimationState();
+    function C() {
+      B("dragOverAnimationCapture"), b.captureAnimationState(), b !== m && m.captureAnimationState();
     }
-    function v(Fe) {
-      return L("dragOverCompleted", {
-        insertion: Fe
-      }), Fe && (c ? d._hideClone() : d._showClone(b), b !== m && (ce(h, ee ? ee.options.ghostClass : d.options.ghostClass, !1), ce(h, i.ghostClass, !0)), ee !== b && b !== S.active ? ee = b : b === S.active && ee && (ee = null), m === b && (b._ignoreWhileAnimating = n), b.animateAll(function() {
-        L("dragOverAnimationComplete"), b._ignoreWhileAnimating = null;
-      }), b !== m && (m.animateAll(), m._ignoreWhileAnimating = null)), (n === h && !h.animated || n === a && !n.animated) && (Je = null), !i.dragoverBubble && !e.rootEl && n !== document && (h.parentNode[pe]._isOutsideThisEl(e.target), !Fe && ze(e)), !i.dragoverBubble && e.stopPropagation && e.stopPropagation(), g = !0;
+    function I(Pe) {
+      return B("dragOverCompleted", {
+        insertion: Pe
+      }), Pe && (c ? d._hideClone() : d._showClone(b), b !== m && (ce(h, ee ? ee.options.ghostClass : d.options.ghostClass, !1), ce(h, i.ghostClass, !0)), ee !== b && b !== A.active ? ee = b : b === A.active && ee && (ee = null), m === b && (b._ignoreWhileAnimating = n), b.animateAll(function() {
+        B("dragOverAnimationComplete"), b._ignoreWhileAnimating = null;
+      }), b !== m && (m.animateAll(), m._ignoreWhileAnimating = null)), (n === h && !h.animated || n === a && !n.animated) && (Je = null), !i.dragoverBubble && !e.rootEl && n !== document && (h.parentNode[pe]._isOutsideThisEl(e.target), !Pe && ze(e)), !i.dragoverBubble && e.stopPropagation && e.stopPropagation(), g = !0;
     }
-    function T() {
-      ue = he(h), Pe = he(h, i.draggable), re({
+    function f() {
+      ue = he(h), Oe = he(h, i.draggable), ie({
         sortable: b,
         name: "change",
         toEl: a,
         newIndex: ue,
-        newDraggableIndex: Pe,
+        newDraggableIndex: Oe,
         originalEvent: e
       });
     }
-    if (e.preventDefault !== void 0 && e.cancelable && e.preventDefault(), n = Ce(n, i.draggable, a, !0), L("dragOver"), S.eventCanceled) return g;
+    if (e.preventDefault !== void 0 && e.cancelable && e.preventDefault(), n = Ce(n, i.draggable, a, !0), B("dragOver"), A.eventCanceled) return g;
     if (h.contains(e.target) || n.animated && n.animatingX && n.animatingY || b._ignoreWhileAnimating === n)
-      return v(!1);
-    if (Mt = !1, d && !i.disabled && (c ? p || (l = H !== $) : ee === this || (this.lastPutMode = It.checkPull(this, d, h, e)) && s.checkPut(this, d, h, e))) {
-      if (u = this._getDirection(e, n) === "vertical", o = J(h), L("dragOverValid"), S.eventCanceled) return g;
+      return I(!1);
+    if (Mt = !1, d && !i.disabled && (c ? p || (l = H !== U) : ee === this || (this.lastPutMode = It.checkPull(this, d, h, e)) && s.checkPut(this, d, h, e))) {
+      if (u = this._getDirection(e, n) === "vertical", o = J(h), B("dragOverValid"), A.eventCanceled) return g;
       if (l)
-        return H = $, f(), this._hideClone(), L("revert"), S.eventCanceled || (je ? $.insertBefore(h, je) : $.appendChild(h)), v(!0);
-      var x = Sa(a, i.draggable);
-      if (!x || Jo(e, u, this) && !x.animated) {
-        if (x === h)
-          return v(!1);
-        if (x && a === e.target && (n = x), n && (r = J(n)), At($, a, h, o, n, r, e, !!n) !== !1)
-          return f(), a.appendChild(h), H = a, T(), v(!0);
-      } else if (x && Xo(e, u, this)) {
-        var B = at(a, 0, i, !0);
-        if (B === h)
-          return v(!1);
-        if (n = B, r = J(n), At($, a, h, o, n, r, e, !1) !== !1)
-          return f(), a.insertBefore(h, B), H = a, T(), v(!0);
+        return H = U, C(), this._hideClone(), B("revert"), A.eventCanceled || (je ? U.insertBefore(h, je) : U.appendChild(h)), I(!0);
+      var v = Sa(a, i.draggable);
+      if (!v || Ko(e, u, this) && !v.animated) {
+        if (v === h)
+          return I(!1);
+        if (v && a === e.target && (n = v), n && (r = J(n)), At(U, a, h, o, n, r, e, !!n) !== !1)
+          return C(), a.appendChild(h), H = a, f(), I(!0);
+      } else if (v && Jo(e, u, this)) {
+        var L = at(a, 0, i, !0);
+        if (L === h)
+          return I(!1);
+        if (n = L, r = J(n), At(U, a, h, o, n, r, e, !1) !== !1)
+          return C(), a.insertBefore(h, L), H = a, f(), I(!0);
       } else if (n.parentNode === a) {
         r = J(n);
-        var D = 0, F, C = h.parentNode !== a, _ = !Yo(h.animated && h.toRect || o, n.animated && n.toRect || r, u), A = u ? "top" : "left", U = Ha(n, "top", "top") || Ha(h, "top", "top"), ne = U ? U.scrollTop : void 0;
-        Je !== n && (F = r[A], gt = !1, Et = !_ && i.invertSwap || C), D = Ko(e, n, r, u, _ ? 1 : i.swapThreshold, i.invertedSwapThreshold == null ? i.swapThreshold : i.invertedSwapThreshold, Et, Je === n);
-        var z;
-        if (D !== 0) {
+        var k = 0, P, E = h.parentNode !== a, x = !zo(h.animated && h.toRect || o, n.animated && n.toRect || r, u), T = u ? "top" : "left", $ = Ha(n, "top", "top") || Ha(h, "top", "top"), oe = $ ? $.scrollTop : void 0;
+        Je !== n && (P = r[T], gt = !1, Et = !x && i.invertSwap || E), k = qo(e, n, r, u, x ? 1 : i.swapThreshold, i.invertedSwapThreshold == null ? i.swapThreshold : i.invertedSwapThreshold, Et, Je === n);
+        var j;
+        if (k !== 0) {
           var fe = he(h);
           do
-            fe -= D, z = H.children[fe];
-          while (z && (E(z, "display") === "none" || z === k));
+            fe -= k, j = H.children[fe];
+          while (j && (S(j, "display") === "none" || j === D));
         }
-        if (D === 0 || z === n)
-          return v(!1);
-        Je = n, ft = D;
-        var He = n.nextElementSibling, O = !1;
-        O = D === 1;
-        var Se = At($, a, h, o, n, r, e, O);
+        if (k === 0 || j === n)
+          return I(!1);
+        Je = n, ft = k;
+        var He = n.nextElementSibling, F = !1;
+        F = k === 1;
+        var Se = At(U, a, h, o, n, r, e, F);
         if (Se !== !1)
-          return (Se === 1 || Se === -1) && (O = Se === 1), fa = !0, setTimeout(Go, 30), f(), O && !He ? a.appendChild(h) : n.parentNode.insertBefore(h, O ? He : n), U && bn(U, 0, ne - U.scrollTop), H = h.parentNode, F !== void 0 && !Et && (Nt = Math.abs(F - J(n)[A])), T(), v(!0);
+          return (Se === 1 || Se === -1) && (F = Se === 1), fa = !0, setTimeout(Xo, 30), C(), F && !He ? a.appendChild(h) : n.parentNode.insertBefore(h, F ? He : n), $ && bn($, 0, oe - $.scrollTop), H = h.parentNode, P !== void 0 && !Et && (Nt = Math.abs(P - J(n)[T])), f(), I(!0);
       }
       if (a.contains(h))
-        return v(!1);
+        return I(!1);
     }
     return !1;
   },
   _ignoreWhileAnimating: null,
   _offMoveEvents: function() {
-    P(document, "mousemove", this._onTouchMove), P(document, "touchmove", this._onTouchMove), P(document, "pointermove", this._onTouchMove), P(document, "dragover", ze), P(document, "mousemove", ze), P(document, "touchmove", ze);
+    O(document, "mousemove", this._onTouchMove), O(document, "touchmove", this._onTouchMove), O(document, "pointermove", this._onTouchMove), O(document, "dragover", ze), O(document, "mousemove", ze), O(document, "touchmove", ze);
   },
   _offUpEvents: function() {
     var e = this.el.ownerDocument;
-    P(e, "mouseup", this._onDrop), P(e, "touchend", this._onDrop), P(e, "pointerup", this._onDrop), P(e, "touchcancel", this._onDrop), P(document, "selectstart", this);
+    O(e, "mouseup", this._onDrop), O(e, "touchend", this._onDrop), O(e, "pointerup", this._onDrop), O(e, "touchcancel", this._onDrop), O(document, "selectstart", this);
   },
   _onDrop: function(e) {
     var a = this.el, n = this.options;
-    if (ue = he(h), Pe = he(h, n.draggable), le("drop", this, {
+    if (ue = he(h), Oe = he(h, n.draggable), le("drop", this, {
       evt: e
-    }), H = h && h.parentNode, ue = he(h), Pe = he(h, n.draggable), S.eventCanceled) {
+    }), H = h && h.parentNode, ue = he(h), Oe = he(h, n.draggable), A.eventCanceled) {
       this._nulling();
       return;
     }
-    qe = !1, Et = !1, gt = !1, clearInterval(this._loopId), clearTimeout(this._dragStartTimer), ga(this.cloneId), ga(this._dragStartId), this.nativeDraggable && (P(document, "drop", this), P(a, "dragstart", this._onDragStart)), this._offMoveEvents(), this._offUpEvents(), pt && E(document.body, "user-select", ""), E(h, "transform", ""), e && (dt && (e.cancelable && e.preventDefault(), !n.dropBubble && e.stopPropagation()), k && k.parentNode && k.parentNode.removeChild(k), ($ === H || ee && ee.lastPutMode !== "clone") && Y && Y.parentNode && Y.parentNode.removeChild(Y), h && (this.nativeDraggable && P(h, "dragend", this), ta(h), h.style["will-change"] = "", dt && !qe && ce(h, ee ? ee.options.ghostClass : this.options.ghostClass, !1), ce(h, this.options.chosenClass, !1), re({
+    qe = !1, Et = !1, gt = !1, clearInterval(this._loopId), clearTimeout(this._dragStartTimer), ga(this.cloneId), ga(this._dragStartId), this.nativeDraggable && (O(document, "drop", this), O(a, "dragstart", this._onDragStart)), this._offMoveEvents(), this._offUpEvents(), pt && S(document.body, "user-select", ""), S(h, "transform", ""), e && (dt && (e.cancelable && e.preventDefault(), !n.dropBubble && e.stopPropagation()), D && D.parentNode && D.parentNode.removeChild(D), (U === H || ee && ee.lastPutMode !== "clone") && Y && Y.parentNode && Y.parentNode.removeChild(Y), h && (this.nativeDraggable && O(h, "dragend", this), ta(h), h.style["will-change"] = "", dt && !qe && ce(h, ee ? ee.options.ghostClass : this.options.ghostClass, !1), ce(h, this.options.chosenClass, !1), ie({
       sortable: this,
       name: "unchoose",
       toEl: H,
       newIndex: null,
       newDraggableIndex: null,
       originalEvent: e
-    }), $ !== H ? (ue >= 0 && (re({
+    }), U !== H ? (ue >= 0 && (ie({
       rootEl: H,
       name: "add",
       toEl: H,
-      fromEl: $,
+      fromEl: U,
       originalEvent: e
-    }), re({
+    }), ie({
       sortable: this,
       name: "remove",
       toEl: H,
       originalEvent: e
-    }), re({
+    }), ie({
       rootEl: H,
       name: "sort",
       toEl: H,
-      fromEl: $,
+      fromEl: U,
       originalEvent: e
-    }), re({
+    }), ie({
       sortable: this,
       name: "sort",
       toEl: H,
       originalEvent: e
-    })), ee && ee.save()) : ue !== Qe && ue >= 0 && (re({
+    })), ee && ee.save()) : ue !== Qe && ue >= 0 && (ie({
       sortable: this,
       name: "update",
       toEl: H,
       originalEvent: e
-    }), re({
+    }), ie({
       sortable: this,
       name: "sort",
       toEl: H,
       originalEvent: e
-    })), S.active && ((ue == null || ue === -1) && (ue = Qe, Pe = bt), re({
+    })), A.active && ((ue == null || ue === -1) && (ue = Qe, Oe = bt), ie({
       sortable: this,
       name: "end",
       toEl: H,
@@ -938,7 +938,7 @@ S.prototype = /** @lends Sortable.prototype */
     }), this.save()))), this._nulling();
   },
   _nulling: function() {
-    le("nulling", this), $ = h = H = k = je = Y = Dt = Me = Ye = ve = dt = ue = Pe = Qe = bt = Je = ft = ee = It = S.dragged = S.ghost = S.clone = S.active = null, $t.forEach(function(e) {
+    le("nulling", this), U = h = H = D = je = Y = Dt = Me = Ye = ve = dt = ue = Oe = Qe = bt = Je = ft = ee = It = A.dragged = A.ghost = A.clone = A.active = null, $t.forEach(function(e) {
       e.checked = !0;
     }), $t.length = qt = Qt = 0;
   },
@@ -950,7 +950,7 @@ S.prototype = /** @lends Sortable.prototype */
         break;
       case "dragenter":
       case "dragover":
-        h && (this._onDragOver(e), Wo(e));
+        h && (this._onDragOver(e), Go(e));
         break;
       case "selectstart":
         e.preventDefault();
@@ -963,7 +963,7 @@ S.prototype = /** @lends Sortable.prototype */
    */
   toArray: function() {
     for (var e = [], a, n = this.el.children, o = 0, r = n.length, l = this.options; o < r; o++)
-      a = n[o], Ce(a, l.draggable, this.el, !1) && e.push(a.getAttribute(l.dataIdAttr) || Qo(a));
+      a = n[o], Ce(a, l.draggable, this.el, !1) && e.push(a.getAttribute(l.dataIdAttr) || er(a));
     return e;
   },
   /**
@@ -1014,14 +1014,14 @@ S.prototype = /** @lends Sortable.prototype */
   destroy: function() {
     le("destroy", this);
     var e = this.el;
-    e[pe] = null, P(e, "mousedown", this._onTapStart), P(e, "touchstart", this._onTapStart), P(e, "pointerdown", this._onTapStart), this.nativeDraggable && (P(e, "dragover", this), P(e, "dragenter", this)), Array.prototype.forEach.call(e.querySelectorAll("[draggable]"), function(a) {
+    e[pe] = null, O(e, "mousedown", this._onTapStart), O(e, "touchstart", this._onTapStart), O(e, "pointerdown", this._onTapStart), this.nativeDraggable && (O(e, "dragover", this), O(e, "dragenter", this)), Array.prototype.forEach.call(e.querySelectorAll("[draggable]"), function(a) {
       a.removeAttribute("draggable");
     }), this._onDrop(), this._disableDelayedDragEvents(), Rt.splice(Rt.indexOf(this.el), 1), this.el = e = null;
   },
   _hideClone: function() {
     if (!Me) {
-      if (le("hideClone", this), S.eventCanceled) return;
-      E(Y, "display", "none"), this.options.removeCloneOnHide && Y.parentNode && Y.parentNode.removeChild(Y), Me = !0;
+      if (le("hideClone", this), A.eventCanceled) return;
+      S(Y, "display", "none"), this.options.removeCloneOnHide && Y.parentNode && Y.parentNode.removeChild(Y), Me = !0;
     }
   },
   _showClone: function(e) {
@@ -1030,12 +1030,12 @@ S.prototype = /** @lends Sortable.prototype */
       return;
     }
     if (Me) {
-      if (le("showClone", this), S.eventCanceled) return;
-      h.parentNode == $ && !this.options.group.revertClone ? $.insertBefore(Y, h) : je ? $.insertBefore(Y, je) : $.appendChild(Y), this.options.group.revertClone && this.animate(h, Y), E(Y, "display", ""), Me = !1;
+      if (le("showClone", this), A.eventCanceled) return;
+      h.parentNode == U && !this.options.group.revertClone ? U.insertBefore(Y, h) : je ? U.insertBefore(Y, je) : U.appendChild(Y), this.options.group.revertClone && this.animate(h, Y), S(Y, "display", ""), Me = !1;
     }
   }
 };
-function Wo(t) {
+function Go(t) {
   t.dataTransfer && (t.dataTransfer.dropEffect = "move"), t.cancelable && t.preventDefault();
 }
 function At(t, e, a, n, o, r, l, i) {
@@ -1048,18 +1048,18 @@ function At(t, e, a, n, o, r, l, i) {
 function ta(t) {
   t.draggable = !1;
 }
-function Go() {
+function Xo() {
   fa = !1;
 }
-function Xo(t, e, a) {
+function Jo(t, e, a) {
   var n = J(at(a.el, 0, a.options, !0)), o = 10;
   return e ? t.clientX < n.left - o || t.clientY < n.top && t.clientX < n.right : t.clientY < n.top - o || t.clientY < n.bottom && t.clientX < n.left;
 }
-function Jo(t, e, a) {
+function Ko(t, e, a) {
   var n = J(Sa(a.el, a.options.draggable)), o = 10;
   return e ? t.clientX > n.right + o || t.clientX <= n.right && t.clientY > n.bottom && t.clientX >= n.left : t.clientX > n.right && t.clientY > n.top || t.clientX <= n.right && t.clientY > n.bottom + o;
 }
-function Ko(t, e, a, n, o, r, l, i) {
+function qo(t, e, a, n, o, r, l, i) {
   var s = n ? t.clientY : t.clientX, d = n ? a.height : a.width, c = n ? a.top : a.left, p = n ? a.bottom : a.right, m = !1;
   if (!l) {
     if (i && Nt < d * o) {
@@ -1068,71 +1068,71 @@ function Ko(t, e, a, n, o, r, l, i) {
       else if (ft === 1 ? s < c + Nt : s > p - Nt)
         return -ft;
     } else if (s > c + d * (1 - o) / 2 && s < p - d * (1 - o) / 2)
-      return qo(e);
+      return Qo(e);
   }
   return m = m || l, m && (s < c + d * r / 2 || s > p - d * r / 2) ? s > c + d / 2 ? 1 : -1 : 0;
 }
-function qo(t) {
+function Qo(t) {
   return he(h) < he(t) ? 1 : -1;
 }
-function Qo(t) {
+function er(t) {
   for (var e = t.tagName + t.className + t.src + t.href + t.textContent, a = e.length, n = 0; a--; )
     n += e.charCodeAt(a);
   return n.toString(36);
 }
-function er(t) {
+function tr(t) {
   $t.length = 0;
   for (var e = t.getElementsByTagName("input"), a = e.length; a--; ) {
     var n = e[a];
     n.checked && $t.push(n);
   }
 }
-function Ft(t) {
+function Pt(t) {
   return setTimeout(t, 0);
 }
 function ga(t) {
   return clearTimeout(t);
 }
 Ht && R(document, "touchmove", function(t) {
-  (S.active || qe) && t.cancelable && t.preventDefault();
+  (A.active || qe) && t.cancelable && t.preventDefault();
 });
-S.utils = {
+A.utils = {
   on: R,
-  off: P,
-  css: E,
+  off: O,
+  css: S,
   find: pn,
   is: function(e, a) {
     return !!Ce(e, a, e, !1);
   },
-  extend: Po,
+  extend: Mo,
   throttle: mn,
   closest: Ce,
   toggleClass: ce,
   clone: fn,
   index: he,
-  nextTick: Ft,
+  nextTick: Pt,
   cancelNextTick: ga,
   detectDirection: hn,
   getChild: at
 };
-S.get = function(t) {
+A.get = function(t) {
   return t[pe];
 };
-S.mount = function() {
+A.mount = function() {
   for (var t = arguments.length, e = new Array(t), a = 0; a < t; a++)
     e[a] = arguments[a];
   e[0].constructor === Array && (e = e[0]), e.forEach(function(n) {
     if (!n.prototype || !n.prototype.constructor)
       throw "Sortable: Mounted plugin must be a constructor function, not ".concat({}.toString.call(n));
-    n.utils && (S.utils = Ie(Ie({}, S.utils), n.utils)), xt.mount(n);
+    n.utils && (A.utils = Ie(Ie({}, A.utils), n.utils)), xt.mount(n);
   });
 };
-S.create = function(t, e) {
-  return new S(t, e);
+A.create = function(t, e) {
+  return new A(t, e);
 };
-S.version = Do;
+A.version = No;
 var X = [], ct, ha, ya = !1, aa, na, Zt, ut;
-function tr() {
+function ar() {
   function t() {
     this.defaults = {
       scroll: !0,
@@ -1154,7 +1154,7 @@ function tr() {
       !this.options.dragOverBubble && !n.rootEl && this._handleAutoScroll(n);
     },
     drop: function() {
-      this.sortable.nativeDraggable ? P(document, "dragover", this._handleAutoScroll) : (P(document, "pointermove", this._handleFallbackAutoScroll), P(document, "touchmove", this._handleFallbackAutoScroll), P(document, "mousemove", this._handleFallbackAutoScroll)), Ga(), Ot(), Mo();
+      this.sortable.nativeDraggable ? O(document, "dragover", this._handleAutoScroll) : (O(document, "pointermove", this._handleFallbackAutoScroll), O(document, "touchmove", this._handleFallbackAutoScroll), O(document, "mousemove", this._handleFallbackAutoScroll)), Ga(), Ft(), Ro();
     },
     nulling: function() {
       Zt = ha = ct = ya = ut = aa = na = null, X.length = 0;
@@ -1169,11 +1169,11 @@ function tr() {
         var s = Re(i, !0);
         ya && (!ut || r !== aa || l !== na) && (ut && Ga(), ut = setInterval(function() {
           var d = Re(document.elementFromPoint(r, l), !0);
-          d !== s && (s = d, Ot()), oa(a, o.options, d, n);
+          d !== s && (s = d, Ft()), oa(a, o.options, d, n);
         }, 10), aa = r, na = l);
       } else {
         if (!this.options.bubbleScroll || Re(i, !0) === we()) {
-          Ot();
+          Ft();
           return;
         }
         oa(a, this.options, Re(i, !1), !1);
@@ -1184,7 +1184,7 @@ function tr() {
     initializeByDefault: !0
   });
 }
-function Ot() {
+function Ft() {
   X.forEach(function(t) {
     clearInterval(t.pid);
   }), X = [];
@@ -1195,19 +1195,19 @@ function Ga() {
 var oa = mn(function(t, e, a, n) {
   if (e.scroll) {
     var o = (t.touches ? t.touches[0] : t).clientX, r = (t.touches ? t.touches[0] : t).clientY, l = e.scrollSensitivity, i = e.scrollSpeed, s = we(), d = !1, c;
-    ha !== a && (ha = a, Ot(), ct = e.scroll, c = e.scrollFn, ct === !0 && (ct = Re(a, !0)));
+    ha !== a && (ha = a, Ft(), ct = e.scroll, c = e.scrollFn, ct === !0 && (ct = Re(a, !0)));
     var p = 0, m = ct;
     do {
-      var u = m, b = J(u), g = b.top, L = b.bottom, f = b.left, v = b.right, T = b.width, x = b.height, B = void 0, D = void 0, F = u.scrollWidth, C = u.scrollHeight, _ = E(u), A = u.scrollLeft, U = u.scrollTop;
-      u === s ? (B = T < F && (_.overflowX === "auto" || _.overflowX === "scroll" || _.overflowX === "visible"), D = x < C && (_.overflowY === "auto" || _.overflowY === "scroll" || _.overflowY === "visible")) : (B = T < F && (_.overflowX === "auto" || _.overflowX === "scroll"), D = x < C && (_.overflowY === "auto" || _.overflowY === "scroll"));
-      var ne = B && (Math.abs(v - o) <= l && A + T < F) - (Math.abs(f - o) <= l && !!A), z = D && (Math.abs(L - r) <= l && U + x < C) - (Math.abs(g - r) <= l && !!U);
+      var u = m, b = J(u), g = b.top, B = b.bottom, C = b.left, I = b.right, f = b.width, v = b.height, L = void 0, k = void 0, P = u.scrollWidth, E = u.scrollHeight, x = S(u), T = u.scrollLeft, $ = u.scrollTop;
+      u === s ? (L = f < P && (x.overflowX === "auto" || x.overflowX === "scroll" || x.overflowX === "visible"), k = v < E && (x.overflowY === "auto" || x.overflowY === "scroll" || x.overflowY === "visible")) : (L = f < P && (x.overflowX === "auto" || x.overflowX === "scroll"), k = v < E && (x.overflowY === "auto" || x.overflowY === "scroll"));
+      var oe = L && (Math.abs(I - o) <= l && T + f < P) - (Math.abs(C - o) <= l && !!T), j = k && (Math.abs(B - r) <= l && $ + v < E) - (Math.abs(g - r) <= l && !!$);
       if (!X[p])
         for (var fe = 0; fe <= p; fe++)
           X[fe] || (X[fe] = {});
-      (X[p].vx != ne || X[p].vy != z || X[p].el !== u) && (X[p].el = u, X[p].vx = ne, X[p].vy = z, clearInterval(X[p].pid), (ne != 0 || z != 0) && (d = !0, X[p].pid = setInterval((function() {
-        n && this.layer === 0 && S.active._onTouchMove(Zt);
-        var He = X[this.layer].vy ? X[this.layer].vy * i : 0, O = X[this.layer].vx ? X[this.layer].vx * i : 0;
-        typeof c == "function" && c.call(S.dragged.parentNode[pe], O, He, t, Zt, X[this.layer].el) !== "continue" || bn(X[this.layer].el, O, He);
+      (X[p].vx != oe || X[p].vy != j || X[p].el !== u) && (X[p].el = u, X[p].vx = oe, X[p].vy = j, clearInterval(X[p].pid), (oe != 0 || j != 0) && (d = !0, X[p].pid = setInterval((function() {
+        n && this.layer === 0 && A.active._onTouchMove(Zt);
+        var He = X[this.layer].vy ? X[this.layer].vy * i : 0, F = X[this.layer].vx ? X[this.layer].vx * i : 0;
+        typeof c == "function" && c.call(A.dragged.parentNode[pe], F, He, t, Zt, X[this.layer].el) !== "continue" || bn(X[this.layer].el, F, He);
       }).bind({
         layer: p
       }), 24))), p++;
@@ -1257,8 +1257,8 @@ La.prototype = {
 De(La, {
   pluginName: "removeOnSpill"
 });
-S.mount(new tr());
-S.mount(La, Aa);
+A.mount(new ar());
+A.mount(La, Aa);
 function ra(t) {
   t.parentElement !== null && t.parentElement.removeChild(t);
 }
@@ -1266,25 +1266,25 @@ function Xa(t, e, a) {
   const n = a === 0 ? t.children[0] : t.children[a - 1].nextSibling;
   t.insertBefore(e, n);
 }
-function ar() {
+function nr() {
   return typeof window < "u" ? window.console : global.console;
 }
-const nr = ar();
-function or(t) {
+const or = nr();
+function rr(t) {
   const e = /* @__PURE__ */ Object.create(null);
   return function(n) {
     return e[n] || (e[n] = t(n));
   };
 }
-const rr = /-(\w)/g, ir = or((t) => t.replace(rr, (e, a) => a.toUpperCase())), Cn = ["Start", "Add", "Remove", "Update", "End"], _n = ["Choose", "Unchoose", "Sort", "Filter", "Clone"], wn = ["Move"], lr = [wn, Cn, _n].flatMap((t) => t).map((t) => `on${t}`), va = {
+const ir = /-(\w)/g, lr = rr((t) => t.replace(ir, (e, a) => a.toUpperCase())), Cn = ["Start", "Add", "Remove", "Update", "End"], _n = ["Choose", "Unchoose", "Sort", "Filter", "Clone"], wn = ["Move"], sr = [wn, Cn, _n].flatMap((t) => t).map((t) => `on${t}`), va = {
   manage: wn,
   manageAndEmit: Cn,
   emit: _n
 };
-function sr(t) {
-  return lr.indexOf(t) !== -1;
+function dr(t) {
+  return sr.indexOf(t) !== -1;
 }
-const dr = [
+const cr = [
   "a",
   "abbr",
   "address",
@@ -1403,10 +1403,10 @@ const dr = [
   "video",
   "wbr"
 ];
-function cr(t) {
-  return dr.includes(t);
-}
 function ur(t) {
+  return cr.includes(t);
+}
+function pr(t) {
   return ["transition-group", "TransitionGroup"].includes(t);
 }
 function In(t) {
@@ -1415,7 +1415,7 @@ function In(t) {
 function En(t) {
   return t.reduce((e, [a, n]) => (e[a] = n, e), {});
 }
-function pr({ $attrs: t, componentData: e = {} }) {
+function mr({ $attrs: t, componentData: e = {} }) {
   return {
     ...En(
       Object.entries(t).filter(([n, o]) => In(n))
@@ -1423,7 +1423,7 @@ function pr({ $attrs: t, componentData: e = {} }) {
     ...e
   };
 }
-function mr({ $attrs: t, callBackBuilder: e }) {
+function br({ $attrs: t, callBackBuilder: e }) {
   const a = En(Sn(t));
   Object.entries(e).forEach(([o, r]) => {
     va[o].forEach((l) => {
@@ -1437,10 +1437,10 @@ function mr({ $attrs: t, callBackBuilder: e }) {
   };
 }
 function Sn(t) {
-  return Object.entries(t).filter(([e, a]) => !In(e)).map(([e, a]) => [ir(e), a]).filter(([e, a]) => !sr(e));
+  return Object.entries(t).filter(([e, a]) => !In(e)).map(([e, a]) => [lr(e), a]).filter(([e, a]) => !dr(e));
 }
-const Ja = ({ el: t }) => t, br = (t, e) => t.__draggable_context = e, Ka = (t) => t.__draggable_context;
-class fr {
+const Ja = ({ el: t }) => t, fr = (t, e) => t.__draggable_context = e, Ka = (t) => t.__draggable_context;
+class gr {
   constructor({
     nodes: { header: e, default: a, footer: n },
     root: o,
@@ -1458,7 +1458,7 @@ class fr {
   updated() {
     const { defaultNodes: e, realList: a } = this;
     e.forEach((n, o) => {
-      br(Ja(n), {
+      fr(Ja(n), {
         element: a[o],
         index: o
       });
@@ -1482,13 +1482,13 @@ class fr {
     return e < d ? 0 : o;
   }
 }
-function gr(t, e) {
+function hr(t, e) {
   const a = t[e];
   return a ? a() : [];
 }
-function hr({ $slots: t, realList: e, getKey: a }) {
+function yr({ $slots: t, realList: e, getKey: a }) {
   const n = e || [], [o, r] = ["header", "footer"].map(
-    (s) => gr(t, s)
+    (s) => hr(t, s)
   ), { item: l } = t;
   if (!l)
     throw new Error("draggable element must have an item slot");
@@ -1503,17 +1503,17 @@ function hr({ $slots: t, realList: e, getKey: a }) {
     default: i
   };
 }
-function yr(t) {
-  const e = ur(t), a = !cr(t) && !e;
+function vr(t) {
+  const e = pr(t), a = !ur(t) && !e;
   return {
     transition: e,
     externalComponent: a,
     tag: a ? V(t) : e ? qn : t
   };
 }
-function vr({ $slots: t, tag: e, realList: a, getKey: n }) {
-  const o = hr({ $slots: t, realList: a, getKey: n }), r = yr(e);
-  return new fr({ nodes: o, root: r, realList: a });
+function Tr({ $slots: t, tag: e, realList: a, getKey: n }) {
+  const o = yr({ $slots: t, realList: a, getKey: n }), r = vr(e);
+  return new gr({ nodes: o, root: r, realList: a });
 }
 function An(t, e) {
   rn(() => this.$emit(t.toLowerCase(), e));
@@ -1524,14 +1524,14 @@ function Ln(t) {
       return this[`onDrag${t}`](e, a);
   };
 }
-function Tr(t) {
+function xr(t) {
   const e = Ln.call(this, t);
   return (a, n) => {
     e.call(this, a, n), An.call(this, t, a);
   };
 }
 let ia = null;
-const xr = {
+const Cr = {
   list: {
     type: Array,
     required: !1,
@@ -1563,15 +1563,15 @@ const xr = {
     required: !1,
     default: null
   }
-}, Cr = [
+}, _r = [
   "update:modelValue",
   "change",
   ...[...va.manageAndEmit, ...va.emit].map((t) => t.toLowerCase())
 ], Bn = se({
   name: "draggable",
   inheritAttrs: !1,
-  props: xr,
-  emits: Cr,
+  props: Cr,
+  emits: _r,
   data() {
     return {
       error: !1
@@ -1580,21 +1580,21 @@ const xr = {
   render() {
     try {
       this.error = !1;
-      const { $slots: t, $attrs: e, tag: a, componentData: n, realList: o, getKey: r } = this, l = vr({
+      const { $slots: t, $attrs: e, tag: a, componentData: n, realList: o, getKey: r } = this, l = Tr({
         $slots: t,
         tag: a,
         realList: o,
         getKey: r
       });
       this.componentStructure = l;
-      const i = pr({ $attrs: e, componentData: n });
+      const i = mr({ $attrs: e, componentData: n });
       return l.render(ma, i);
     } catch (t) {
       return this.error = !0, ma("pre", { style: { color: "red" } }, t.stack);
     }
   },
   created() {
-    this.list !== null && this.modelValue !== null && nr.error(
+    this.list !== null && this.modelValue !== null && or.error(
       "modelValue and list props are mutually exclusive! Please set one or another."
     );
   },
@@ -1603,15 +1603,15 @@ const xr = {
       return;
     const { $attrs: t, $el: e, componentStructure: a } = this;
     a.updated();
-    const n = mr({
+    const n = br({
       $attrs: t,
       callBackBuilder: {
-        manageAndEmit: (r) => Tr.call(this, r),
+        manageAndEmit: (r) => xr.call(this, r),
         emit: (r) => An.bind(this, r),
         manage: (r) => Ln.call(this, r)
       }
     }), o = e.nodeType === 1 ? e : e.parentElement;
-    this._sortable = new S(o, n), this.targetDomElement = o, o.__draggable_component__ = this;
+    this._sortable = new A(o, n), this.targetDomElement = o, o.__draggable_component__ = this;
   },
   updated() {
     this.componentStructure.updated();
@@ -1817,13 +1817,13 @@ const xr = {
     ],
     group: "member"
   }
-], _r = {
+], wr = {
   paddingTop: "0px",
   paddingBottom: "0px",
   paddingLeft: "0px",
   paddingRight: "0px",
   backgroundColor: "#FFFFFF"
-}, wr = {
+}, Ir = {
   containerStyles: {
     paddingTop: "0px",
     paddingBottom: "0px",
@@ -1858,7 +1858,7 @@ const xr = {
     height: t.height ?? "auto",
     boxShadow: t.boxShadow ?? "none"
   }
-}), Ir = {
+}), Er = {
   ...xe({
     marginLeft: "12px",
     marginRight: "12px",
@@ -1884,7 +1884,7 @@ const xr = {
       // underline, line-through
     }
   }
-}, Er = {
+}, Sr = {
   ...xe({
     marginLeft: "12px",
     marginRight: "12px",
@@ -1952,7 +1952,7 @@ const xr = {
   itemsPerRow: 3,
   iconColor: "#ff7823",
   textColor: "#000000"
-}, Sr = {
+}, Ar = {
   ...xe({
     marginLeft: "0px",
     marginRight: "0px",
@@ -1970,7 +1970,7 @@ const xr = {
     isExternal: !1
   },
   objectFit: "cover"
-}, Ar = {
+}, Lr = {
   ...xe({
     paddingTop: "0px",
     paddingBottom: "0px",
@@ -2015,7 +2015,7 @@ const xr = {
   memberTitles: ["Title 1", "Title 2"],
   memberCurrentTierTotal: 1050,
   memberPointToNextTier: 50
-}, Lr = {
+}, Br = {
   ...xe({
     marginLeft: "12px",
     marginRight: "12px",
@@ -2034,7 +2034,7 @@ const xr = {
   signedIn: !0,
   designStyle: 1,
   showMemberQr: !0
-}, Br = {
+}, kr = {
   ...xe({
     marginLeft: "12px",
     marginRight: "12px",
@@ -2057,7 +2057,7 @@ const xr = {
     textColor: "#1C1C1E",
     iconColor: "#FF7823"
   }
-}, Qa = (t) => t, kr = {
+}, Qa = (t) => t, Dr = {
   ...xe({
     marginLeft: "12px",
     marginRight: "12px",
@@ -2092,7 +2092,7 @@ const xr = {
     orderDate: "2024-03-12T05:19:59.880Z",
     orderType: "DELIVERY"
   }
-], Dr = {
+], Nr = {
   ...xe({
     marginLeft: "0px",
     marginRight: "0px",
@@ -2105,7 +2105,7 @@ const xr = {
   }),
   data: Dn,
   signedIn: !0
-}, Nr = {
+}, Pr = {
   memberImage: "",
   memberName: "Member",
   memberTierName: "Tier 1",
@@ -2130,7 +2130,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: Nr,
+  data: Pr,
   showTier: !0,
   showTitle: !0,
   tierColor: "#1F7735",
@@ -2139,7 +2139,7 @@ const xr = {
   buttonFillColor: "#f2f2f7"
 }, Or = {
   cards: []
-}, Pr = {
+}, Mr = {
   ...xe({
     marginLeft: "12px",
     marginRight: "12px",
@@ -2153,7 +2153,7 @@ const xr = {
   data: Or,
   cardFillColor: "#F2F2F7",
   cardTextColor: "#6B6B6B"
-}, Mr = {
+}, Rr = {
   memberImage: "",
   memberName: "Member",
   memberPhone: "+60123456789",
@@ -2161,7 +2161,7 @@ const xr = {
   memberPoints: 1e3,
   memberCurrentTierTotal: 1050,
   memberPointToNextTier: 50
-}, Rr = {
+}, $r = {
   ...xe({
     marginLeft: "12px",
     marginRight: "12px",
@@ -2173,7 +2173,7 @@ const xr = {
     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)",
     backgroundColor: "#FFFFFF"
   }),
-  data: Mr,
+  data: Rr,
   thumbnailColorFillColor: "#FBE5CB",
   thumbnailTextColor: "#FF7823",
   textColor: "#1C1C1E",
@@ -4218,13 +4218,13 @@ const xr = {
   amountExpiring: 402,
   isLoading: !1,
   isCompleted: !1
-}, $r = {
-  data: Nn,
-  designStyle: 1
 }, Zr = {
   data: Nn,
   designStyle: 1
 }, Ur = {
+  data: Nn,
+  designStyle: 1
+}, Vr = {
   memberState: {
     member: {
       _id: "666ada11ac413694cc0973b7",
@@ -5132,7 +5132,7 @@ const xr = {
       }
     }
   }
-}, Vr = {
+}, Hr = {
   data: {
     tableData: [
       ["Invites", "Rewards"],
@@ -5147,7 +5147,7 @@ const xr = {
       label: "Your friends has to sign up with your referral code or link and complete the criterias to progress"
     }
   ]
-}, Hr = {
+}, Yr = {
   data: {
     member: {
       referralCode: "h62yzbGh"
@@ -5262,31 +5262,31 @@ const xr = {
   }
 }, Ba = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  BranchList: kr,
-  ButtonList: Er,
-  Container: wr,
-  Homepage: _r,
-  ImageCarousel: Ar,
-  ImageDisplay: Sr,
+  BranchList: Dr,
+  ButtonList: Sr,
+  Container: Ir,
+  Homepage: wr,
+  ImageCarousel: Lr,
+  ImageDisplay: Ar,
   MemberAchievements: Fr,
-  MemberCard: Lr,
-  MemberCards: Pr,
-  MemberSummary: Rr,
-  OrderHistoryCard: Dr,
-  OrderMethod: Br,
-  TextDisplay: Ir,
-  _Credit: $r,
-  _MemberProfile: Ur,
-  _Point: Zr,
-  _Referral: Hr,
-  _ReferralTutorial: Vr
+  MemberCard: Br,
+  MemberCards: Mr,
+  MemberSummary: $r,
+  OrderHistoryCard: Nr,
+  OrderMethod: kr,
+  TextDisplay: Er,
+  _Credit: Zr,
+  _MemberProfile: Vr,
+  _Point: Ur,
+  _Referral: Yr,
+  _ReferralTutorial: Hr
 }, Symbol.toStringTag, { value: "Module" }));
-function Yr(t) {
+function zr(t) {
   const e = (a) => Array.isArray(a) ? a.map((n) => e(n)) : Qn(a) || eo(a) || to(a) ? e(ao(a)) : a && typeof a == "object" ? Object.keys(a).reduce((n, o) => (n[o] = e(a[o]), n), {}) : a;
   return e(t);
 }
 const Ue = mo("editor", () => {
-  const t = q({
+  const t = Q({
     node: [],
     selectedNode: null,
     copied: null,
@@ -5306,7 +5306,7 @@ const Ue = mo("editor", () => {
       const m = Ct(), u = Ge();
       if (p instanceof go && ((b = p.response) == null ? void 0 : b.data) == "Template not found") {
         const g = fo.find(
-          (L) => L.templateId == c
+          (B) => B.templateId == c
         );
         if (g) {
           u.addNewTemplate({
@@ -5315,12 +5315,12 @@ const Ue = mo("editor", () => {
             name: g.templateAlias,
             predefined: !0
           });
-          const L = m.buildNewNode(
+          const B = m.buildNewNode(
             g.type,
             {},
             Ba[g.type]
           );
-          a(L), o(L), await u.saveTemplate(d, [L]);
+          a(B), o(B), await u.saveTemplate(d, [B]);
           return;
         }
       }
@@ -5379,7 +5379,7 @@ function Ct() {
   }
   function o() {
     if (t.state.copied) {
-      const r = structuredClone(Yr(t.state.copied));
+      const r = structuredClone(zr(t.state.copied));
       r._id = Ra();
       const l = t.state.node[0].children.findIndex(
         (s) => {
@@ -5401,10 +5401,10 @@ function Ct() {
     pasteNode: o
   };
 }
-const zr = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-color-neutral-white py-16 px-24 border-r border-fm-color-neutral-gray-200 overflow-y-auto" }, jr = { class: "flex flex-col gap-12" }, Wr = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, Gr = { class: "flex flex-col gap-8 justify-center items-center bg-fm-color-neutral-gray-100 py-12 px-16 cursor-grab rounded-md" }, Xr = { class: "fm-typo-en-body-md-600 text-fm-color-typo-secondary text-center" }, Jr = /* @__PURE__ */ se({
+const jr = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-color-neutral-white py-16 px-24 border-r border-fm-color-neutral-gray-200 overflow-y-auto" }, Wr = { class: "flex flex-col gap-12" }, Gr = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, Xr = { class: "flex flex-col gap-8 justify-center items-center bg-fm-color-neutral-gray-100 py-12 px-16 cursor-grab rounded-md" }, Jr = { class: "fm-typo-en-body-md-600 text-fm-color-typo-secondary text-center" }, Kr = /* @__PURE__ */ se({
   __name: "ElementSidebar",
   setup(t) {
-    const e = Ct(), a = Ge(), { t: n } = Ze(), o = ie(
+    const e = Ct(), a = Ge(), { t: n } = Ze(), o = ne(
       () => {
         var i;
         return ((i = a.state.selectedTemplate) == null ? void 0 : i.group) || "default";
@@ -5413,13 +5413,13 @@ const zr = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
     function r(i) {
       return e.buildNewNode(i.component, {});
     }
-    const l = ie(() => qa.filter(
+    const l = ne(() => qa.filter(
       (i) => i.group == o.value || i.group == "all"
     ));
-    return (i, s) => (N(), Z("div", zr, [
-      (N(!0), Z(Be, null, vt(l.value, (d, c) => (N(), Z("section", jr, [
-        I("div", Wr, j(y(n)(d.title)), 1),
-        w(y(Bn), {
+    return (i, s) => (N(), Z("div", jr, [
+      (N(!0), Z(Be, null, vt(l.value, (d, c) => (N(), Z("section", Wr, [
+        w("div", Gr, z(y(n)(d.title)), 1),
+        _(y(Bn), {
           list: d.children,
           group: { name: "components", pull: "clone", put: !1 },
           sort: !1,
@@ -5428,12 +5428,12 @@ const zr = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
           class: "grid grid-cols-2 gap-8"
         }, {
           item: M(({ element: p }) => [
-            I("div", Gr, [
-              w(ho, {
+            w("div", Xr, [
+              _(ho, {
                 class: "text-[24px] text-fm-color-typo-secondary",
                 name: p.icon
               }, null, 8, ["name"]),
-              I("div", Xr, j(y(n)(p.title)), 1)
+              w("div", Jr, z(y(n)(p.title)), 1)
             ])
           ]),
           _: 2
@@ -5441,14 +5441,14 @@ const zr = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
         c !== y(qa).length - 1 ? (N(), ae(sn, {
           key: 0,
           class: "mt-12"
-        })) : Q("", !0)
+        })) : K("", !0)
       ]))), 256))
     ]));
   }
-}), Kr = { 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" }, qr = /* @__PURE__ */ se({
+}), qr = { 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" }, Qr = /* @__PURE__ */ se({
   __name: "EditorFloatingToobar",
   setup(t) {
-    const e = Ue(), { state: a } = bo(e), n = Ct(), o = ie(
+    const e = Ue(), { state: a } = bo(e), n = Ct(), o = ne(
       () => a.value.selectedNode && a.value.node.length > 0
     ), r = [
       // {
@@ -5490,8 +5490,8 @@ const zr = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
     ];
     return (l, i) => {
       const s = V("FmButton");
-      return N(), Z("div", Kr, [
-        (N(), Z(Be, null, vt(r, (d) => w(s, {
+      return N(), Z("div", qr, [
+        (N(), Z(Be, null, vt(r, (d) => _(s, {
           size: "md",
           "prepend-icon": d.icon,
           onClick: d.action,
@@ -5502,7 +5502,7 @@ const zr = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
       ]);
     };
   }
-}), Qr = [
+}), ei = [
   {
     _id: "image-display-default",
     type: "ImageDisplay",
@@ -5687,7 +5687,7 @@ const zr = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
     ],
     children: []
   }
-], ei = [
+], ti = [
   {
     _id: "member-summary-default",
     type: "MemberSummary",
@@ -5923,18 +5923,18 @@ const zr = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
     children: []
   }
 ];
-function ti(t, e = !1) {
+function ai(t, e = !1) {
   const a = e ? {
     hideCountrySwitcher: !0,
     showNavigationBar: !0,
     backgroundColor: "var(--brand-color-background-elevated)"
-  } : { backgroundColor: "var(--brand-color-background-base)" }, n = t.buildNewNode("Homepage", {}, a), o = e ? ei : Qr;
+  } : { backgroundColor: "var(--brand-color-background-base)" }, n = t.buildNewNode("Homepage", {}, a), o = e ? ti : ei;
   return n.children = o.map((r) => ({
     ...r,
     _id: t.generateId()
   })), n;
 }
-const ai = { class: "mb-24" }, ni = { class: "fm-typo-en-title-lg-700 text-fm-color-typo-primary mb-8" }, oi = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ri = { class: "grid grid-cols-2 gap-16" }, ii = { class: "aspect-square bg-fm-color-neutral-gray-100 rounded-md mb-12 flex items-center justify-center" }, li = { class: "text-center" }, si = { class: "text-fm-color-neutral-gray-500 fm-typo-en-body-sm-400" }, di = { class: "flex items-start gap-8" }, ci = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary mb-4" }, ui = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, pi = { class: "aspect-square bg-fm-color-neutral-gray-100 rounded-md mb-12 flex items-center justify-center" }, mi = { class: "text-center" }, bi = { class: "text-fm-color-neutral-gray-500 fm-typo-en-body-sm-400" }, fi = { class: "flex items-start gap-8" }, gi = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary mb-4" }, hi = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, yi = { class: "mt-12 flex w-full justify-end gap-12" }, vi = /* @__PURE__ */ se({
+const ni = { class: "mb-24" }, oi = { class: "fm-typo-en-title-lg-700 text-fm-color-typo-primary mb-8" }, ri = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ii = { class: "grid grid-cols-2 gap-16" }, li = { class: "aspect-square bg-fm-color-neutral-gray-100 rounded-md mb-12 flex items-center justify-center" }, si = { class: "text-center" }, di = { class: "text-fm-color-neutral-gray-500 fm-typo-en-body-sm-400" }, ci = { class: "flex items-start gap-8" }, ui = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary mb-4" }, pi = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, mi = { class: "aspect-square bg-fm-color-neutral-gray-100 rounded-md mb-12 flex items-center justify-center" }, bi = { class: "text-center" }, fi = { class: "text-fm-color-neutral-gray-500 fm-typo-en-body-sm-400" }, gi = { class: "flex items-start gap-8" }, hi = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary mb-4" }, yi = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, vi = { class: "mt-12 flex w-full justify-end gap-12" }, Ti = /* @__PURE__ */ se({
   __name: "TemplateSelectionModal",
   props: {
     show: { type: Boolean },
@@ -5942,7 +5942,7 @@ const ai = { class: "mb-24" }, ni = { class: "fm-typo-en-title-lg-700 text-fm-co
   },
   emits: ["close", "select"],
   setup(t, { emit: e }) {
-    const { t: a } = Ze(), n = q(null);
+    const { t: a } = Ze(), n = Q(null);
     function o(i) {
       n.value = i;
     }
@@ -5957,19 +5957,19 @@ const ai = { class: "mb-24" }, ni = { class: "fm-typo-en-title-lg-700 text-fm-co
         "close-button": !1
       }, {
         "dialog-header": M(() => [
-          I("div", ai, [
-            I("h2", ni, j(y(a)("brand.template.selection.title")), 1),
-            I("p", oi, j(y(a)("brand.template.selection.description")), 1)
+          w("div", ni, [
+            w("h2", oi, z(y(a)("brand.template.selection.title")), 1),
+            w("p", ri, z(y(a)("brand.template.selection.description")), 1)
           ])
         ]),
         "dialog-footer": M(() => [
-          I("div", yi, [
-            w(c, {
+          w("div", vi, [
+            _(c, {
               variant: "tertiary",
               onClick: s[2] || (s[2] = (m) => i.$emit("close")),
               label: y(a)("brand.template.selection.cancel")
             }, null, 8, ["label"]),
-            w(c, {
+            _(c, {
               variant: "primary",
               disabled: !n.value,
               onClick: r,
@@ -5978,52 +5978,52 @@ const ai = { class: "mb-24" }, ni = { class: "fm-typo-en-title-lg-700 text-fm-co
           ])
         ]),
         default: M(() => [
-          I("div", ri, [
-            I("div", {
+          w("div", ii, [
+            w("div", {
               class: ye(["border rounded-lg p-16 cursor-pointer transition-all duration-200 hover:bg-fm-color-neutral-gray-50", {
                 "border-fm-color-primary bg-fm-color-primary/5": n.value === "default",
                 "border-fm-color-neutral-gray-200": n.value !== "default"
               }]),
               onClick: s[0] || (s[0] = (m) => o("default"))
             }, [
-              I("div", ii, [
-                I("div", li, [
-                  w(d, {
+              w("div", li, [
+                w("div", si, [
+                  _(d, {
                     name: "dashboard",
                     size: "xl",
                     class: "text-fm-color-neutral-gray-400 mb-8"
                   }),
-                  I("div", si, j(y(a)("brand.template.selection.defaultPreview")), 1)
+                  w("div", di, z(y(a)("brand.template.selection.defaultPreview")), 1)
                 ])
               ]),
-              I("div", di, [
-                I("div", null, [
-                  I("h3", ci, j(y(a)("brand.template.selection.defaultTitle")), 1),
-                  I("p", ui, j(y(a)("brand.template.selection.defaultDescription")), 1)
+              w("div", ci, [
+                w("div", null, [
+                  w("h3", ui, z(y(a)("brand.template.selection.defaultTitle")), 1),
+                  w("p", pi, z(y(a)("brand.template.selection.defaultDescription")), 1)
                 ])
               ])
             ], 2),
-            I("div", {
+            w("div", {
               class: ye(["border rounded-lg p-16 cursor-pointer transition-all duration-200 hover:bg-fm-color-neutral-gray-50", {
                 "border-fm-color-primary bg-fm-color-primary/5": n.value === "blank",
                 "border-fm-color-neutral-gray-200": n.value !== "blank"
               }]),
               onClick: s[1] || (s[1] = (m) => o("blank"))
             }, [
-              I("div", pi, [
-                I("div", mi, [
-                  w(d, {
+              w("div", mi, [
+                w("div", bi, [
+                  _(d, {
                     name: "add",
                     size: "xl",
                     class: "text-fm-color-neutral-gray-400 mb-8"
                   }),
-                  I("div", bi, j(y(a)("brand.template.selection.blankPreview")), 1)
+                  w("div", fi, z(y(a)("brand.template.selection.blankPreview")), 1)
                 ])
               ]),
-              I("div", fi, [
-                I("div", null, [
-                  I("h3", gi, j(y(a)("brand.template.selection.blankTitle")), 1),
-                  I("p", hi, j(y(a)("brand.template.selection.blankDescription")), 1)
+              w("div", gi, [
+                w("div", null, [
+                  w("h3", hi, z(y(a)("brand.template.selection.blankTitle")), 1),
+                  w("p", yi, z(y(a)("brand.template.selection.blankDescription")), 1)
                 ])
               ])
             ], 2)
@@ -6033,30 +6033,30 @@ const ai = { class: "mb-24" }, ni = { class: "fm-typo-en-title-lg-700 text-fm-co
       }, 8, ["model-value"]);
     };
   }
-}), Ti = { class: "flex items-center gap-8 select-none px-8 py-8 rounded-md active:bg-fm-color-opacity-md transition-all duration-500 cursor-pointer" }, xi = { class: "bg-fm-color-neutral-white px-8 py-8 border border-fm-color-opacity-sm rounded-sm" }, Ci = { class: "py-8 px-12 w-full flex items-center justify-between gap-8 transition-all duration-500" }, _i = { class: "flex items-center gap-8" }, wi = { class: "fm-typo-en-body-md-600 text-fm-color-typo-primary" }, Ii = { class: "flex items-center gap-8" }, Ei = { class: "overflow-y-auto" }, Si = { class: "flex items-center gap-8" }, Ai = { class: "fm-typo-en-body-md-400 text-fm-color-primary" }, Li = { class: "fm-typo-en-body-md-400 text-fm-color-primary" }, Bi = /* @__PURE__ */ se({
+}), xi = { class: "flex items-center gap-8 select-none px-8 py-8 rounded-md active:bg-fm-color-opacity-md transition-all duration-500 cursor-pointer" }, Ci = { class: "bg-fm-color-neutral-white px-8 py-8 border border-fm-color-opacity-sm rounded-sm" }, _i = { class: "py-8 px-12 w-full flex items-center justify-between gap-8 transition-all duration-500" }, wi = { class: "flex items-center gap-8" }, Ii = { class: "fm-typo-en-body-md-600 text-fm-color-typo-primary" }, Ei = { class: "flex items-center gap-8" }, Si = { class: "overflow-y-auto" }, Ai = { class: "flex items-center gap-8" }, Li = { class: "fm-typo-en-body-md-400 text-fm-color-primary" }, Bi = { class: "fm-typo-en-body-md-400 text-fm-color-primary" }, ki = /* @__PURE__ */ se({
   __name: "TemplatePicker",
   setup(t) {
-    const e = q(!1), a = q(""), n = q(""), o = q(!1), r = q("default"), l = We(), i = Ge(), s = Ue(), d = Ct(), c = dn(), p = To(), m = Ia(), { t: u } = Ze(), b = ie(
+    const e = Q(!1), a = Q(""), n = Q(""), o = Q(!1), r = Q("default"), l = We(), i = Ge(), s = Ue(), d = Ct(), c = dn(), p = To(), m = Ia(), { t: u } = Ze(), b = ne(
       () => i.state.allTemplates.filter(
-        (C) => {
-          var _;
-          return ((_ = i.state.selectedTemplate) == null ? void 0 : _.templateId) !== C.templateId && (a.value ? C.templateAlias.toLocaleLowerCase().includes(a.value.toLocaleLowerCase()) : !0);
+        (E) => {
+          var x;
+          return ((x = i.state.selectedTemplate) == null ? void 0 : x.templateId) !== E.templateId && (a.value ? E.templateAlias.toLocaleLowerCase().includes(a.value.toLocaleLowerCase()) : !0);
         }
       )
-    ), g = async (C, _ = "blank") => {
+    ), g = async (E, x = "blank") => {
       m.promise(
         async () => {
-          i.addNewTemplate(C == "member" ? { group: "member" } : {});
-          let A;
-          _ === "default" ? A = ti(
+          i.addNewTemplate(E == "member" ? { group: "member" } : {});
+          let T;
+          x === "default" ? T = ai(
             d,
-            C === "member"
-          ) : A = d.buildNewNode(
+            E === "member"
+          ) : T = d.buildNewNode(
             "Homepage",
             {},
-            C == "member" ? { hideCountrySwitcher: !0, showNavigationBar: !0 } : {}
-          ), s.setRootNode(A), s.setCurrentNode(A), await i.saveTemplate(l.currentBusiness.value._id, [
-            A
+            E == "member" ? { hideCountrySwitcher: !0, showNavigationBar: !0 } : {}
+          ), s.setRootNode(T), s.setCurrentNode(T), await i.saveTemplate(l.currentBusiness.value._id, [
+            T
           ]);
         },
         {
@@ -6066,14 +6066,14 @@ const ai = { class: "mb-24" }, ni = { class: "fm-typo-en-title-lg-700 text-fm-co
         }
       );
     };
-    function L(C) {
-      if (e.value = !1, r.value = C || "default", s.isSaved())
+    function B(E) {
+      if (e.value = !1, r.value = E || "default", s.isSaved())
         o.value = !0;
       else {
-        const _ = q(!1), A = async () => {
+        const x = Q(!1), T = async () => {
           m.promise(
             async () => {
-              _.value = !0, i.saveTemplate(
+              x.value = !0, i.saveTemplate(
                 l.currentBusiness.value._id,
                 s.state.node
               );
@@ -6084,7 +6084,7 @@ const ai = { class: "mb-24" }, ni = { class: "fm-typo-en-title-lg-700 text-fm-co
               error: () => u("brand.template.picker.errorSaving")
             }
           ).then(() => {
-            _.value = !1;
+            x.value = !1;
           });
         };
         p.open({
@@ -6093,40 +6093,40 @@ const ai = { class: "mb-24" }, ni = { class: "fm-typo-en-title-lg-700 text-fm-co
           primaryActions: {
             text: u("brand.template.picker.save"),
             close: !1,
-            isLoading: _
+            isLoading: x
           },
           secondaryActions: {
             text: u("brand.template.picker.cancel"),
             close: !0,
-            disabled: _
+            disabled: x
           },
           tertiaryActions: {
             text: u("brand.template.picker.discard"),
             close: !0,
-            disabled: _,
+            disabled: x,
             variant: "destructive"
           }
         }).onPrimary(async () => {
-          await A(), o.value = !0, p.close();
+          await T(), o.value = !0, p.close();
         }).onTertiary(async () => {
           o.value = !0, p.close();
         });
       }
     }
-    function f(C) {
+    function C(E) {
       o.value = !1;
-      const _ = r.value === "member" ? "member" : void 0;
-      g(_, C);
+      const x = r.value === "member" ? "member" : void 0;
+      g(x, E);
     }
-    function v() {
+    function I() {
       o.value = !1, r.value = "default";
     }
-    function T(C) {
+    function f(E) {
       m.promise(
         async () => {
-          i.setSelectedTemplate(C.templateId), await s.setFromTemplate(
+          i.setSelectedTemplate(E.templateId), await s.setFromTemplate(
             l.currentBusiness.value._id,
-            C.templateId
+            E.templateId
           );
         },
         {
@@ -6137,80 +6137,80 @@ const ai = { class: "mb-24" }, ni = { class: "fm-typo-en-title-lg-700 text-fm-co
         c.push({
           name: "builder",
           params: {
-            templateId: C.templateId
+            templateId: E.templateId
           }
         });
       });
     }
-    function x(C) {
-      n.value = C;
+    function v(E) {
+      n.value = E;
     }
-    function B() {
+    function L() {
       n.value = "";
     }
-    function D(C) {
+    function k(E) {
       e.value = !1;
-      const _ = q(C.templateAlias), A = q(!1), U = ie(
-        () => _.value === C.templateAlias
+      const x = Q(E.templateAlias), T = Q(!1), $ = ne(
+        () => x.value === E.templateAlias
       );
       p.open({
         title: u("brand.template.picker.renameTitle"),
         primaryActions: {
           text: u("brand.template.picker.confirm"),
           close: !1,
-          disabled: U,
-          isLoading: A
+          disabled: $,
+          isLoading: T
         },
         secondaryActions: { text: u("brand.template.picker.cancel"), close: !0 },
         contentComponent: ma(xo.FmTextField, {
-          modelValue: _,
-          "onUpdate:modelValue": (ne) => _.value = ne
+          modelValue: x,
+          "onUpdate:modelValue": (oe) => x.value = oe
         })
       }).onPrimary(async () => {
-        A.value = !0, m.promise(
+        T.value = !0, m.promise(
           async () => {
             await i.renameTemplate(
               l.currentBusiness.value._id,
-              C.templateId,
-              _.value
-            ), A.value = !1, p.close();
+              E.templateId,
+              x.value
+            ), T.value = !1, p.close();
           },
           {
             loading: u("brand.template.picker.renaming"),
-            success: () => u("brand.template.picker.renamed", { name: _.value }),
+            success: () => u("brand.template.picker.renamed", { name: x.value }),
             error: () => u("brand.template.picker.errorRenaming")
           }
         );
       });
     }
-    function F(C) {
+    function P(E) {
       e.value = !1;
-      const _ = q(!1);
+      const x = Q(!1);
       p.open({
         title: u("brand.template.picker.deleteTitle"),
         message: u("brand.template.picker.deleteMessage", {
-          name: C.templateAlias
+          name: E.templateAlias
         }),
         primaryActions: {
           text: u("brand.template.picker.delete"),
           close: !1,
-          isLoading: _,
+          isLoading: x,
           variant: "destructive"
         },
         secondaryActions: { text: u("brand.template.picker.cancel"), close: !0 }
       }).onPrimary(async () => {
-        var A;
-        _.value = !0, await m.promise(
+        var T;
+        x.value = !0, await m.promise(
           i.deleteTemplate(
             l.currentBusiness.value._id,
-            C.templateId
+            E.templateId
           ),
           {
             loading: u("brand.template.picker.deleting"),
             success: () => u("brand.template.picker.deleted"),
             error: () => u("brand.template.picker.errorDeleting")
           }
-        ), _.value = !1, p.close(), (!i.state.selectedTemplate || ((A = i.state.selectedTemplate) == null ? void 0 : A.templateId) === C.templateId) && c.push({
+        ), x.value = !1, p.close(), (!i.state.selectedTemplate || ((T = i.state.selectedTemplate) == null ? void 0 : T.templateId) === E.templateId) && c.push({
           name: "builder",
           params: {
             templateId: void 0
@@ -6220,47 +6220,47 @@ const ai = { class: "mb-24" }, ni = { class: "fm-typo-en-title-lg-700 text-fm-co
     }
     return tt(
       () => i.state.selectedTemplate,
-      (C) => {
-        C && i.setSelectedTemplate(C.templateId);
+      (E) => {
+        E && i.setSelectedTemplate(E.templateId);
       }
     ), tt(
       () => i.state.allTemplates.length,
       () => {
       }
-    ), (C, _) => {
-      const A = V("FmIcon"), U = V("FmChip"), ne = V("FmMenuDivider"), z = V("FmSearch"), fe = V("FmMenuItem"), He = V("FmPopover");
+    ), (E, x) => {
+      const T = V("FmIcon"), $ = V("FmChip"), oe = V("FmMenuDivider"), j = V("FmSearch"), fe = V("FmMenuItem"), He = V("FmPopover");
       return N(), Z(Be, null, [
-        w(He, {
+        _(He, {
           width: 300,
           "max-height": 400,
-          onPopoverChanged: _[4] || (_[4] = (O) => e.value = O),
+          onPopoverChanged: x[4] || (x[4] = (F) => e.value = F),
           "show-popover": e.value
         }, {
           "popover-button": M(() => {
-            var O, Se;
+            var F, Se;
             return [
-              I("div", Ti, [
-                (O = y(i).state.selectedTemplate) != null && O.isPublished && ![
+              w("div", xi, [
+                (F = y(i).state.selectedTemplate) != null && F.isPublished && ![
                   y(i).state.activeTemplateId,
                   y(i).state.activeMemberTemplateId
-                ].includes(y(i).state.selectedTemplate.templateId) ? (N(), ae(U, {
+                ].includes(y(i).state.selectedTemplate.templateId) ? (N(), ae($, {
                   key: 0,
                   class: "bg-fm-color-system-success-100",
                   compact: ""
                 }, {
                   default: M(() => [
-                    w(A, {
+                    _(T, {
                       color: "system-success-400",
                       name: "task_alt",
                       size: "sm"
                     })
                   ]),
                   _: 1
-                })) : Q("", !0),
+                })) : K("", !0),
                 y(i).state.selectedTemplate && [
                   y(i).state.activeTemplateId,
                   y(i).state.activeMemberTemplateId
-                ].includes(y(i).state.selectedTemplate.templateId) ? (N(), ae(U, {
+                ].includes(y(i).state.selectedTemplate.templateId) ? (N(), ae($, {
                   key: 1,
                   class: ye([{
                     grayscale: !y(i).state.selectedTemplate.isPublished
@@ -6268,7 +6268,7 @@ const ai = { class: "mb-24" }, ni = { class: "fm-typo-en-title-lg-700 text-fm-co
                   compact: ""
                 }, {
                   default: M(() => [
-                    w(A, {
+                    _(T, {
                       size: "sm",
                       class: "text-fm-color-primary",
                       outline: "",
@@ -6276,44 +6276,44 @@ const ai = { class: "mb-24" }, ni = { class: "fm-typo-en-title-lg-700 text-fm-co
                     }, null, 8, ["name"])
                   ]),
                   _: 1
-                }, 8, ["class"])) : Q("", !0),
-                I("p", {
+                }, 8, ["class"])) : K("", !0),
+                w("p", {
                   class: ye({
                     italic: !y(s).isSaved()
                   })
-                }, j((Se = y(i).state.selectedTemplate) == null ? void 0 : Se.templateAlias), 3),
-                w(A, {
+                }, z((Se = y(i).state.selectedTemplate) == null ? void 0 : Se.templateAlias), 3),
+                _(T, {
                   name: e.value ? "keyboard_arrow_up" : "keyboard_arrow_down"
                 }, null, 8, ["name"])
               ])
             ];
           }),
           default: M(() => [
-            I("div", xi, [
+            w("div", Ci, [
               y(i).state.selectedTemplate ? (N(), Z(Be, { key: 0 }, [
-                I("div", Ci, [
-                  I("div", _i, [
+                w("div", _i, [
+                  w("div", wi, [
                     y(i).state.selectedTemplate.isPublished && ![
                       y(i).state.activeTemplateId,
                       y(i).state.activeMemberTemplateId
-                    ].includes(y(i).state.selectedTemplate.templateId) ? (N(), ae(U, {
+                    ].includes(y(i).state.selectedTemplate.templateId) ? (N(), ae($, {
                       key: 0,
                       class: "bg-fm-color-system-success-100",
                       compact: ""
                     }, {
                       default: M(() => [
-                        w(A, {
+                        _(T, {
                           color: "system-success-400",
                           name: "task_alt",
                           size: "sm"
                         })
                       ]),
                       _: 1
-                    })) : Q("", !0),
+                    })) : K("", !0),
                     [
                       y(i).state.activeTemplateId,
                       y(i).state.activeMemberTemplateId
-                    ].includes(y(i).state.selectedTemplate.templateId) ? (N(), ae(U, {
+                    ].includes(y(i).state.selectedTemplate.templateId) ? (N(), ae($, {
                       key: 1,
                       class: ye([{
                         grayscale: !y(i).state.selectedTemplate.isPublished
@@ -6321,7 +6321,7 @@ const ai = { class: "mb-24" }, ni = { class: "fm-typo-en-title-lg-700 text-fm-co
                       compact: ""
                     }, {
                       default: M(() => [
-                        w(A, {
+                        _(T, {
                           size: "sm",
                           class: "text-fm-color-primary",
                           outline: "",
@@ -6329,57 +6329,57 @@ const ai = { class: "mb-24" }, ni = { class: "fm-typo-en-title-lg-700 text-fm-co
                         }, null, 8, ["name"])
                       ]),
                       _: 1
-                    }, 8, ["class"])) : Q("", !0),
-                    I("span", wi, j(y(i).state.selectedTemplate.templateAlias), 1)
+                    }, 8, ["class"])) : K("", !0),
+                    w("span", Ii, z(y(i).state.selectedTemplate.templateAlias), 1)
                   ]),
-                  I("div", Ii, [
-                    w(A, {
+                  w("div", Ei, [
+                    _(T, {
                       name: "edit",
                       outline: "",
                       class: "text-fm-color-neutral-black cursor-pointer",
-                      onClick: _[0] || (_[0] = (O) => D(y(i).state.selectedTemplate))
+                      onClick: x[0] || (x[0] = (F) => k(y(i).state.selectedTemplate))
                     }),
-                    w(A, {
+                    _(T, {
                       outline: "",
                       name: "delete",
                       class: "text-fm-color-system-error-300 cursor-pointer",
-                      onClick: _[1] || (_[1] = (O) => F(y(i).state.selectedTemplate))
+                      onClick: x[1] || (x[1] = (F) => P(y(i).state.selectedTemplate))
                     })
                   ])
                 ]),
-                w(ne, { inset: "" })
-              ], 64)) : Q("", !0),
-              w(z, {
+                _(oe, { inset: "" })
+              ], 64)) : K("", !0),
+              _(j, {
                 "model-value": a.value,
-                "onUpdate:modelValue": _[2] || (_[2] = (O) => a.value = O),
+                "onUpdate:modelValue": x[2] || (x[2] = (F) => a.value = F),
                 class: "p-4",
                 placeholder: y(u)("brand.template.picker.search")
               }, null, 8, ["model-value", "placeholder"]),
-              I("div", Ei, [
-                (N(!0), Z(Be, null, vt(b.value, (O, Se) => {
-                  var Fe;
+              w("div", Si, [
+                (N(!0), Z(Be, null, vt(b.value, (F, Se) => {
+                  var Pe;
                   return N(), Z(Be, {
-                    key: O.templateId
+                    key: F.templateId
                   }, [
-                    w(fe, {
-                      label: O.templateAlias,
-                      "model-value": O.templateId === ((Fe = y(i).state.selectedTemplate) == null ? void 0 : Fe.templateId),
-                      onClick: (lt) => T(O),
-                      onMouseover: (lt) => x(O.templateId),
-                      onMouseout: B,
+                    _(fe, {
+                      label: F.templateAlias,
+                      "model-value": F.templateId === ((Pe = y(i).state.selectedTemplate) == null ? void 0 : Pe.templateId),
+                      onClick: (lt) => f(F),
+                      onMouseover: (lt) => v(F.templateId),
+                      onMouseout: L,
                       class: "[&>div]:h-40"
                     }, {
                       prepend: M(() => [
-                        O.isPublished && ![
+                        F.isPublished && ![
                           y(i).state.activeTemplateId,
                           y(i).state.activeMemberTemplateId
-                        ].includes(O.templateId) ? (N(), ae(U, {
+                        ].includes(F.templateId) ? (N(), ae($, {
                           key: 0,
                           class: "bg-fm-color-system-success-100",
                           compact: ""
                         }, {
                           default: M(() => [
-                            w(A, {
+                            _(T, {
                               color: "system-success-400",
                               outline: "",
                               name: "task_alt",
@@ -6387,91 +6387,91 @@ const ai = { class: "mb-24" }, ni = { class: "fm-typo-en-title-lg-700 text-fm-co
                             })
                           ]),
                           _: 1
-                        })) : Q("", !0),
+                        })) : K("", !0),
                         [
                           y(i).state.activeTemplateId,
                           y(i).state.activeMemberTemplateId
-                        ].includes(O.templateId) ? (N(), ae(U, {
+                        ].includes(F.templateId) ? (N(), ae($, {
                           key: 1,
                           class: ye(["bg-fm-color-system-warning-100", {
-                            grayscale: !O.isPublished
+                            grayscale: !F.isPublished
                           }]),
                           compact: ""
                         }, {
                           default: M(() => [
-                            w(A, {
+                            _(T, {
                               color: "primary",
                               class: "text-fm-color-primary",
-                              name: O.templateId == y(i).state.activeTemplateId ? "home" : "account_circle",
+                              name: F.templateId == y(i).state.activeTemplateId ? "home" : "account_circle",
                               size: "sm",
                               outline: ""
                             }, null, 8, ["name"])
                           ]),
                           _: 2
-                        }, 1032, ["class"])) : Q("", !0)
+                        }, 1032, ["class"])) : K("", !0)
                       ]),
                       append: M(() => [
-                        Gt(I("div", Si, [
-                          w(A, {
+                        Gt(w("div", Ai, [
+                          _(T, {
                             outline: "",
                             name: "edit",
                             class: "text-fm-color-neutral-black",
-                            onClick: ba((lt) => D(O), ["stop"])
+                            onClick: ba((lt) => k(F), ["stop"])
                           }, null, 8, ["onClick"]),
-                          Gt(w(A, {
+                          Gt(_(T, {
                             outline: "",
                             name: "delete",
                             class: "text-fm-color-system-error-300",
-                            onClick: ba((lt) => F(O), ["stop"])
+                            onClick: ba((lt) => P(F), ["stop"])
                           }, null, 8, ["onClick"]), [
                             [
                               Xt,
-                              b.value.length > 1 && O.templateId !== y(i).state.activeTemplateId
+                              b.value.length > 1 && F.templateId !== y(i).state.activeTemplateId
                             ]
                           ])
                         ], 512), [
-                          [Xt, n.value === O.templateId]
+                          [Xt, n.value === F.templateId]
                         ])
                       ]),
                       _: 2
                     }, 1032, ["label", "model-value", "onClick", "onMouseover"]),
-                    w(ne, {
+                    _(oe, {
                       class: ye({ hidden: Se === b.value.length - 1 }),
                       inset: ""
                     }, null, 8, ["class"])
                   ], 64);
                 }), 128))
               ]),
-              Gt(w(fe, {
+              Gt(_(fe, {
                 disabled: "",
                 label: y(u)("brand.template.picker.noTemplateFound")
               }, null, 8, ["label"]), [
                 [Xt, b.value.length === 0]
               ]),
-              w(ne, { inset: "" }),
-              w(fe, { onClick: L }, {
+              _(oe, { inset: "" }),
+              _(fe, { onClick: B }, {
                 prepend: M(() => [
-                  w(A, {
+                  _(T, {
                     name: "add",
                     class: "text-fm-color-primary"
                   })
                 ]),
                 label: M(() => [
-                  I("div", Ai, j(y(u)("brand.template.picker.addNewTemplate")), 1)
+                  w("div", Li, z(y(u)("brand.template.picker.addNewTemplate")), 1)
                 ]),
                 _: 1
               }),
-              w(fe, {
-                onClick: _[3] || (_[3] = (O) => L("member"))
+              _(fe, {
+                onClick: x[3] || (x[3] = (F) => B("member"))
               }, {
                 prepend: M(() => [
-                  w(A, {
+                  _(T, {
                     name: "add",
                     class: "text-fm-color-primary"
                   })
                 ]),
                 label: M(() => [
-                  I("div", Li, j(y(u)("brand.template.picker.addMemberTemplate")), 1)
+                  w("div", Bi, z(y(u)("brand.template.picker.addMemberTemplate")), 1)
                 ]),
                 _: 1
               })
@@ -6479,19 +6479,22 @@ const ai = { class: "mb-24" }, ni = { class: "fm-typo-en-title-lg-700 text-fm-co
           ]),
           _: 1
         }, 8, ["show-popover"]),
-        w(vi, {
+        _(Ti, {
           show: o.value,
           "template-options": [],
-          onClose: v,
-          onSelect: f
+          onClose: I,
+          onSelect: C
         }, null, 8, ["show"])
       ], 64);
     };
   }
-}), ki = { class: "w-[280px]" }, Di = { class: "fm-typo-en-body-sm-600 text-fm-color-typo-secondary py-4 px-8" }, Ni = /* @__PURE__ */ se({
+}), Di = { class: "w-[280px]" }, Ni = { class: "fm-typo-en-body-sm-600 text-fm-color-typo-secondary py-4 px-8" }, Pi = {
+  key: 0,
+  class: "fm-typo-en-body-sm-400 text-fm-color-typo-disabled"
+}, Fi = /* @__PURE__ */ se({
   __name: "TemplateShareMenu",
   setup(t) {
-    const e = q(!1), a = Ue(), n = Ea(), o = Ge(), r = We(), l = Ia(), { t: i } = Ze(), { namespace: s } = We(), d = [
+    const e = Q(!1), a = Ue(), n = Ea(), o = Ge(), r = We(), l = Ia(), { t: i } = Ze(), s = Io(), { namespace: d } = We(), c = [
       "6620bdb2823d92001b3a966f",
       "5dc8df2eb3de6a0021295d8f",
       "5d9b00862cb0c4002146e69a",
@@ -6524,25 +6527,30 @@ const ai = { class: "mb-24" }, ni = { class: "fm-typo-en-title-lg-700 text-fm-co
       "678f134f13a27b001c72b1e7",
       "5f76a6ffcd6730001b320816",
       "67ff36e8b11f39001c012541"
-    ], c = ie(() => s.value === "dev" || n.state.isPremium || d.includes(r.currentBusiness.value._id));
-    function p(f, v) {
-      return !f || !c.value ? !1 : (!f.group || f.group == "default") && v == "home" ? f.isPublished && o.state.activeTemplateId !== f.templateId : f.group == "member" && v == "member" ? f.isPublished && o.state.activeMemberTemplateId !== f.templateId : !1;
+    ], p = ne(() => d.value === "dev" || n.state.isPremium || c.includes(r.currentBusiness.value._id)), m = ne(
+      () => p.value && s.canPublish.value
+    );
+    function u(f, v) {
+      return !f || !m.value ? !1 : (!f.group || f.group == "default") && v == "home" ? f.isPublished && o.state.activeTemplateId !== f.templateId : f.group == "member" && v == "member" ? f.isPublished && o.state.activeMemberTemplateId !== f.templateId : !1;
     }
-    function m(f, v) {
+    function b(f, v) {
       if (!f || f.group == "referral") return "";
+      if (!s.canPublish.value)
+        return i("brand.template.shareMenu.noPublishPermission");
       if (v == "home")
         return f.isPublished ? o.state.activeTemplateId === f.templateId ? i("brand.template.shareMenu.thisTemplateSetAsHomepage") : "" : i("brand.template.shareMenu.templateNotPublished");
       if (v == "member")
         return f.isPublished ? o.state.activeMemberTemplateId === f.templateId ? i("brand.template.shareMenu.thisTemplateSetAsMemberHomepage") : "" : i("brand.template.shareMenu.templateNotPublished");
     }
-    const u = ie(() => {
-      var f, v, T, x, B, D, F, C;
+    const g = ne(() => {
+      var f, v, L, k, P, E, x, T;
       return [
         {
           label: i("brand.template.shareMenu.saveAndPublish"),
+          sublabel: s.canPublish.value ? "" : i("brand.template.shareMenu.noPublishPermission"),
           icon: "publish",
           action: async () => {
-            l.promise(
+            m.value && l.promise(
               async () => {
                 await o.saveTemplate(
                   r.currentBusiness.value._id,
@@ -6559,42 +6567,42 @@ const ai = { class: "mb-24" }, ni = { class: "fm-typo-en-title-lg-700 text-fm-co
               }
             );
           },
-          disabled: !c.value
+          disabled: !m.value
         },
         {
           label: i("brand.template.shareMenu.publishAsMainHomepage"),
-          sublabel: m(o.state.selectedTemplate, "home"),
+          sublabel: b(o.state.selectedTemplate, "home"),
           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",
           icon: "home",
           action: () => {
-            b();
+            u(o.state.selectedTemplate, "home") && B();
           },
-          disabled: !p(o.state.selectedTemplate, "home")
+          disabled: !u(o.state.selectedTemplate, "home")
         },
         {
           label: i("brand.template.shareMenu.publishAsMainMemberHomepage"),
-          sublabel: m(o.state.selectedTemplate, "member"),
-          sublabelClass: (T = o.state.selectedTemplate) != null && T.isPublished ? o.state.activeMemberTemplateId === ((x = o.state.selectedTemplate) == null ? void 0 : x.templateId) ? "text-fm-color-typo-warning" : "" : "text-fm-color-typo-warning",
+          sublabel: b(o.state.selectedTemplate, "member"),
+          sublabelClass: (L = o.state.selectedTemplate) != null && L.isPublished ? o.state.activeMemberTemplateId === ((k = o.state.selectedTemplate) == null ? void 0 : k.templateId) ? "text-fm-color-typo-warning" : "" : "text-fm-color-typo-warning",
           icon: "account_circle",
           action: () => {
-            b("member");
+            u(o.state.selectedTemplate, "member") && B("member");
           },
-          disabled: !p(o.state.selectedTemplate, "member")
+          disabled: !u(o.state.selectedTemplate, "member")
         },
         {
           label: i("brand.template.shareMenu.copyPublicLinkView"),
-          sublabel: (B = o.state.selectedTemplate) != null && B.templateId.startsWith("member-") || (D = o.state.selectedTemplate) != null && D.isPublished ? "" : i("brand.template.shareMenu.notPublishedYet"),
+          sublabel: (P = o.state.selectedTemplate) != null && P.templateId.startsWith("member-") || (E = o.state.selectedTemplate) != null && E.isPublished ? "" : i("brand.template.shareMenu.notPublishedYet"),
           sublabelClass: "text-fm-color-typo-warning",
           icon: "link",
           action: () => {
-            g();
+            C();
           },
-          disabled: !((F = o.state.selectedTemplate) != null && F.isPublished) || !((C = o.state.selectedTemplate) != null && C.templateId.startsWith("member-"))
+          disabled: !((x = o.state.selectedTemplate) != null && x.isPublished) || !((T = o.state.selectedTemplate) != null && T.templateId.startsWith("member-"))
         }
       ];
     });
-    async function b(f) {
-      l.promise(
+    async function B(f) {
+      s.canPublish.value && l.promise(
         o.setMainPageTemplate(r.currentBusiness.value._id, f),
         {
           loading: i("brand.template.shareMenu.settingMainHomepage"),
@@ -6603,15 +6611,15 @@ const ai = { class: "mb-24" }, ni = { class: "fm-typo-en-title-lg-700 text-fm-co
         }
       );
     }
-    async function g() {
+    async function C() {
       var v;
       const f = `${"https://{slug}.feedmedev.vip".replace("{slug}", `${r.currentBusiness.value.url ?? ((v = r.currentBusiness.value) == null ? void 0 : v.id)}`)}`;
       l.promise(
         async () => {
-          var x;
-          const T = `${f}/${o.state.selectedTemplate.templateId}`;
+          var k;
+          const L = `${f}/${o.state.selectedTemplate.templateId}`;
           navigator.clipboard.writeText(
-            o.state.activeTemplateId === ((x = o.state.selectedTemplate) == null ? void 0 : x.templateId) ? f : T
+            o.state.activeTemplateId === ((k = o.state.selectedTemplate) == null ? void 0 : k.templateId) ? f : L
           );
         },
         {
@@ -6621,92 +6629,95 @@ const ai = { class: "mb-24" }, ni = { class: "fm-typo-en-title-lg-700 text-fm-co
         }
       );
     }
-    async function L() {
+    async function I() {
       var f, v;
-      (f = o.state.selectedTemplate) != null && f.isPublished && l.promise(o.unpublishTemplate(r.currentBusiness.value._id), {
+      !((f = o.state.selectedTemplate) != null && f.isPublished) || !s.canPublish.value || l.promise(o.unpublishTemplate(r.currentBusiness.value._id), {
         loading: i("brand.template.shareMenu.unpublishing", {
           templateAlias: (v = o.state.selectedTemplate) == null ? void 0 : v.templateAlias
         }),
         success: () => {
-          var T;
+          var L;
           return i("brand.template.shareMenu.unpublished", {
-            templateAlias: (T = o.state.selectedTemplate) == null ? void 0 : T.templateAlias
+            templateAlias: (L = o.state.selectedTemplate) == null ? void 0 : L.templateAlias
           });
         },
         error: () => i("brand.template.shareMenu.errorUnpublishing")
       });
     }
     return (f, v) => {
-      const T = V("FmButton"), x = V("FmMenuDivider"), B = V("FmMenuItem"), D = V("FmMenu");
-      return N(), ae(D, {
+      const L = V("FmButton"), k = V("FmMenuDivider"), P = V("FmMenuItem"), E = V("FmMenu");
+      return N(), ae(E, {
         placement: "bottom-end",
-        onMenuChanged: v[0] || (v[0] = (F) => e.value = F)
+        onMenuChanged: v[0] || (v[0] = (x) => e.value = x)
       }, {
         "menu-button": M(() => [
-          w(T, {
+          _(L, {
             "prepend-icon": "publish",
             "append-icon": e.value ? "keyboard_arrow_up" : "keyboard_arrow_down",
             label: y(i)("brand.template.shareMenu.share")
           }, null, 8, ["append-icon", "label"])
         ]),
         default: M(() => {
-          var F;
+          var x;
           return [
-            I("div", ki, [
-              I("div", Di, j(y(i)("brand.template.shareMenu.publishThisTemplate")), 1),
-              (N(!0), Z(Be, null, vt(u.value, (C) => (N(), Z(Be, null, [
-                w(x, {
+            w("div", Di, [
+              w("div", Ni, z(y(i)("brand.template.shareMenu.publishThisTemplate")), 1),
+              (N(!0), Z(Be, null, vt(g.value, (T) => (N(), Z(Be, null, [
+                _(k, {
                   inset: "",
                   class: "!mx-4 hidden [&:nth-last-child(2)]:block"
                 }),
-                w(B, {
-                  label: C.label,
-                  sublabel: C.sublabel,
-                  icon: C.icon,
-                  disabled: C.disabled == !0,
-                  "onUpdate:modelValue": C.action
+                _(P, {
+                  label: T.label,
+                  sublabel: T.sublabel,
+                  icon: T.icon,
+                  disabled: T.disabled == !0,
+                  "onUpdate:modelValue": T.action
                 }, {
                   label: M(() => [
-                    I("div", null, [
-                      I("div", {
+                    w("div", null, [
+                      w("div", {
                         class: ye([
                           "fm-typo-en-body-md-400 max-w-[240px]",
-                          C.disabled ? "text-fm-color-typo-disabled" : "text-fm-color-typo-primary"
+                          T.disabled ? "text-fm-color-typo-disabled" : "text-fm-color-typo-primary"
                         ])
-                      }, j(C.label), 3),
-                      C.sublabel ? (N(), Z("div", {
+                      }, z(T.label), 3),
+                      T.sublabel ? (N(), Z("div", {
                         key: 0,
                         class: ye([
                           "fm-typo-en-body-sm-400",
                           {
-                            "text-fm-color-typo-disabled": C.disabled && !C.sublabelClass,
-                            "text-fm-color-typo-secondary": !C.disabled && !C.sublabelClass
+                            "text-fm-color-typo-disabled": T.disabled && !T.sublabelClass,
+                            "text-fm-color-typo-secondary": !T.disabled && !T.sublabelClass
                           },
-                          C.sublabelClass
+                          T.sublabelClass
                         ])
-                      }, j(C.sublabel), 3)) : Q("", !0)
+                      }, z(T.sublabel), 3)) : K("", !0)
                     ])
                   ]),
                   _: 2
                 }, 1032, ["label", "sublabel", "icon", "disabled", "onUpdate:modelValue"])
               ], 64))), 256)),
-              w(x, {
+              _(k, {
                 inset: "",
                 class: "!mx-4"
               }),
-              w(B, {
-                disabled: !((F = y(o).state.selectedTemplate) != null && F.isPublished),
-                onClick: L
+              _(P, {
+                disabled: !((x = y(o).state.selectedTemplate) != null && x.isPublished) || !y(s).canPublish.value,
+                onClick: I
               }, {
                 label: M(() => {
-                  var C;
+                  var T, $;
                   return [
-                    I("div", {
-                      class: ye([
-                        "fm-typo-en-body-md-400 max-w-[240px]",
-                        (C = y(o).state.selectedTemplate) != null && C.isPublished ? "text-fm-color-typo-error" : "text-fm-color-typo-disabled"
-                      ])
-                    }, j(y(i)("brand.template.shareMenu.unpublish")), 3)
+                    w("div", null, [
+                      w("div", {
+                        class: ye([
+                          "fm-typo-en-body-md-400 max-w-[240px]",
+                          !((T = y(o).state.selectedTemplate) != null && T.isPublished) || !y(s).canPublish.value ? "text-fm-color-typo-disabled" : "text-fm-color-typo-error"
+                        ])
+                      }, z(y(i)("brand.template.shareMenu.unpublish")), 3),
+                      ($ = y(o).state.selectedTemplate) != null && $.isPublished && !y(s).canPublish.value ? (N(), Z("div", Pi, z(y(i)("brand.template.shareMenu.noPublishPermission")), 1)) : K("", !0)
+                    ])
                   ];
                 }),
                 _: 1
@@ -6719,11 +6730,11 @@ const ai = { class: "mb-24" }, ni = { class: "fm-typo-en-title-lg-700 text-fm-co
     };
   }
 });
-var _t = {}, Fi = function() {
+var _t = {}, Oi = function() {
   return typeof Promise == "function" && Promise.prototype && Promise.prototype.then;
-}, Fn = {}, me = {};
+}, Pn = {}, me = {};
 let ka;
-const Oi = [
+const Mi = [
   0,
   // Not used
   26,
@@ -6773,7 +6784,7 @@ me.getSymbolSize = function(e) {
   return e * 4 + 17;
 };
 me.getSymbolTotalCodewords = function(e) {
-  return Oi[e];
+  return Mi[e];
 };
 me.getBCHDigit = function(t) {
   let e = 0;
@@ -6827,10 +6838,10 @@ var Yt = {};
     }
   };
 })(Yt);
-function On() {
+function Fn() {
   this.buffer = [], this.length = 0;
 }
-On.prototype = {
+Fn.prototype = {
   get: function(t) {
     const e = Math.floor(t / 8);
     return (this.buffer[e] >>> 7 - t % 8 & 1) === 1;
@@ -6847,7 +6858,7 @@ On.prototype = {
     this.buffer.length <= e && this.buffer.push(0), t && (this.buffer[e] |= 128 >>> this.length % 8), this.length++;
   }
 };
-var Pi = On;
+var Ri = Fn;
 function wt(t) {
   if (!t || t < 1)
     throw new Error("BitMatrix size must be defined and greater than 0");
@@ -6866,7 +6877,7 @@ wt.prototype.xor = function(t, e, a) {
 wt.prototype.isReserved = function(t, e) {
   return this.reservedBit[t * this.size + e];
 };
-var Mi = wt, Pn = {};
+var $i = wt, On = {};
 (function(t) {
   const e = me.getSymbolSize;
   t.getRowColCoords = function(n) {
@@ -6884,11 +6895,11 @@ var Mi = wt, Pn = {};
         i === l - 1 && s === 0 || o.push([r[i], r[s]]);
     return o;
   };
-})(Pn);
+})(On);
 var Mn = {};
-const Ri = me.getSymbolSize, en = 7;
+const Zi = me.getSymbolSize, en = 7;
 Mn.getPositions = function(e) {
-  const a = Ri(e);
+  const a = Zi(e);
   return [
     // top-left
     [0, 0],
@@ -7412,30 +7423,30 @@ Da.prototype.encode = function(e) {
   }
   return n;
 };
-var $i = Da, Un = {}, Ve = {}, Na = {};
+var Ui = Da, Un = {}, Ve = {}, Na = {};
 Na.isValid = function(e) {
   return !isNaN(e) && e >= 1 && e <= 40;
 };
 var Ee = {};
-const Vn = "[0-9]+", Zi = "[A-Z $%*+\\-./:]+";
+const Vn = "[0-9]+", Vi = "[A-Z $%*+\\-./:]+";
 let yt = "(?:[u3000-u303F]|[u3040-u309F]|[u30A0-u30FF]|[uFF00-uFFEF]|[u4E00-u9FAF]|[u2605-u2606]|[u2190-u2195]|u203B|[u2010u2015u2018u2019u2025u2026u201Cu201Du2225u2260]|[u0391-u0451]|[u00A7u00A8u00B1u00B4u00D7u00F7])+";
 yt = yt.replace(/u/g, "\\u");
-const Ui = "(?:(?![A-Z0-9 $%*+\\-./:]|" + yt + `)(?:.|[\r
+const Hi = "(?:(?![A-Z0-9 $%*+\\-./:]|" + yt + `)(?:.|[\r
 ]))+`;
 Ee.KANJI = new RegExp(yt, "g");
 Ee.BYTE_KANJI = new RegExp("[^A-Z0-9 $%*+\\-./:]+", "g");
-Ee.BYTE = new RegExp(Ui, "g");
+Ee.BYTE = new RegExp(Hi, "g");
 Ee.NUMERIC = new RegExp(Vn, "g");
-Ee.ALPHANUMERIC = new RegExp(Zi, "g");
-const Vi = new RegExp("^" + yt + "$"), Hi = new RegExp("^" + Vn + "$"), Yi = new RegExp("^[A-Z0-9 $%*+\\-./:]+$");
+Ee.ALPHANUMERIC = new RegExp(Vi, "g");
+const Yi = new RegExp("^" + yt + "$"), zi = new RegExp("^" + Vn + "$"), ji = new RegExp("^[A-Z0-9 $%*+\\-./:]+$");
 Ee.testKanji = function(e) {
-  return Vi.test(e);
+  return Yi.test(e);
 };
 Ee.testNumeric = function(e) {
-  return Hi.test(e);
+  return zi.test(e);
 };
 Ee.testAlphanumeric = function(e) {
-  return Yi.test(e);
+  return ji.test(e);
 };
 (function(t) {
   const e = Na, a = Ee;
@@ -7509,8 +7520,8 @@ Ee.testAlphanumeric = function(e) {
   function c(m, u) {
     let b = 0;
     return m.forEach(function(g) {
-      const L = d(g.mode, u);
-      b += L + g.getBitsLength();
+      const B = d(g.mode, u);
+      b += B + g.getBitsLength();
     }), b;
   }
   function p(m, u) {
@@ -7524,32 +7535,32 @@ Ee.testAlphanumeric = function(e) {
     if (!r.isValid(u))
       throw new Error("Invalid QR Code version");
     typeof g > "u" && (g = o.BYTE);
-    const L = e.getSymbolTotalCodewords(u), f = a.getTotalCodewordsCount(u, b), v = (L - f) * 8;
-    if (g === o.MIXED) return v;
-    const T = v - d(g, u);
+    const B = e.getSymbolTotalCodewords(u), C = a.getTotalCodewordsCount(u, b), I = (B - C) * 8;
+    if (g === o.MIXED) return I;
+    const f = I - d(g, u);
     switch (g) {
       case o.NUMERIC:
-        return Math.floor(T / 10 * 3);
+        return Math.floor(f / 10 * 3);
       case o.ALPHANUMERIC:
-        return Math.floor(T / 11 * 2);
+        return Math.floor(f / 11 * 2);
       case o.KANJI:
-        return Math.floor(T / 13);
+        return Math.floor(f / 13);
       case o.BYTE:
       default:
-        return Math.floor(T / 8);
+        return Math.floor(f / 8);
     }
   }, t.getBestVersionForData = function(u, b) {
     let g;
-    const L = n.from(b, n.M);
+    const B = n.from(b, n.M);
     if (Array.isArray(u)) {
       if (u.length > 1)
-        return p(u, L);
+        return p(u, B);
       if (u.length === 0)
         return 1;
       g = u[0];
     } else
       g = u;
-    return s(g.mode, g.getLength(), L);
+    return s(g.mode, g.getLength(), B);
   }, t.getEncodedBits = function(u) {
     if (!r.isValid(u) || u < 7)
       throw new Error("Invalid QR Code version");
@@ -7560,18 +7571,18 @@ Ee.testAlphanumeric = function(e) {
   };
 })(Un);
 var Hn = {};
-const Ta = me, Yn = 1335, zi = 21522, tn = Ta.getBCHDigit(Yn);
+const Ta = me, Yn = 1335, Wi = 21522, tn = Ta.getBCHDigit(Yn);
 Hn.getEncodedBits = function(e, a) {
   const n = e.bit << 3 | a;
   let o = n << 10;
   for (; Ta.getBCHDigit(o) - tn >= 0; )
     o ^= Yn << Ta.getBCHDigit(o) - tn;
-  return (n << 10 | o) ^ zi;
+  return (n << 10 | o) ^ Wi;
 };
 var zn = {};
-const ji = Ve;
+const Gi = Ve;
 function nt(t) {
-  this.mode = ji.NUMERIC, this.data = t.toString();
+  this.mode = Gi.NUMERIC, this.data = t.toString();
 }
 nt.getBitsLength = function(e) {
   return 10 * Math.floor(e / 3) + (e % 3 ? e % 3 * 3 + 1 : 0);
@@ -7589,8 +7600,8 @@ nt.prototype.write = function(e) {
   const r = this.data.length - a;
   r > 0 && (n = this.data.substr(a), o = parseInt(n, 10), e.put(o, r * 3 + 1));
 };
-var Wi = nt;
-const Gi = Ve, la = [
+var Xi = nt;
+const Ji = Ve, la = [
   "0",
   "1",
   "2",
@@ -7638,7 +7649,7 @@ const Gi = Ve, la = [
   ":"
 ];
 function ot(t) {
-  this.mode = Gi.ALPHANUMERIC, this.data = t;
+  this.mode = Ji.ALPHANUMERIC, this.data = t;
 }
 ot.getBitsLength = function(e) {
   return 11 * Math.floor(e / 2) + 6 * (e % 2);
@@ -7657,10 +7668,10 @@ ot.prototype.write = function(e) {
   }
   this.data.length % 2 && e.put(la.indexOf(this.data[a]), 6);
 };
-var Xi = ot;
-const Ji = Ve;
+var Ki = ot;
+const qi = Ve;
 function rt(t) {
-  this.mode = Ji.BYTE, typeof t == "string" ? this.data = new TextEncoder().encode(t) : this.data = new Uint8Array(t);
+  this.mode = qi.BYTE, typeof t == "string" ? this.data = new TextEncoder().encode(t) : this.data = new Uint8Array(t);
 }
 rt.getBitsLength = function(e) {
   return e * 8;
@@ -7675,10 +7686,10 @@ rt.prototype.write = function(t) {
   for (let e = 0, a = this.data.length; e < a; e++)
     t.put(this.data[e], 8);
 };
-var Ki = rt;
-const qi = Ve, Qi = me;
+var Qi = rt;
+const el = Ve, tl = me;
 function it(t) {
-  this.mode = qi.KANJI, this.data = t;
+  this.mode = el.KANJI, this.data = t;
 }
 it.getBitsLength = function(e) {
   return e * 13;
@@ -7692,7 +7703,7 @@ it.prototype.getBitsLength = function() {
 it.prototype.write = function(t) {
   let e;
   for (e = 0; e < this.data.length; e++) {
-    let a = Qi.toSJIS(this.data[e]);
+    let a = tl.toSJIS(this.data[e]);
     if (a >= 33088 && a <= 40956)
       a -= 33088;
     else if (a >= 57408 && a <= 60351)
@@ -7705,7 +7716,7 @@ Make sure your charset is UTF-8`
     a = (a >>> 8 & 255) * 192 + (a & 255), t.put(a, 13);
   }
 };
-var el = it, jn = { exports: {} };
+var al = it, jn = { exports: {} };
 (function(t) {
   var e = {
     single_source_shortest_paths: function(a, n, o) {
@@ -7713,14 +7724,14 @@ var el = it, jn = { exports: {} };
       l[n] = 0;
       var i = e.PriorityQueue.make();
       i.push(n, 0);
-      for (var s, d, c, p, m, u, b, g, L; !i.empty(); ) {
+      for (var s, d, c, p, m, u, b, g, B; !i.empty(); ) {
         s = i.pop(), d = s.value, p = s.cost, m = a[d] || {};
         for (c in m)
-          m.hasOwnProperty(c) && (u = m[c], b = p + u, g = l[c], L = typeof l[c] > "u", (L || g > b) && (l[c] = b, i.push(c, b), r[c] = d));
+          m.hasOwnProperty(c) && (u = m[c], b = p + u, g = l[c], B = typeof l[c] > "u", (B || g > b) && (l[c] = b, i.push(c, b), r[c] = d));
       }
       if (typeof o < "u" && typeof l[o] > "u") {
-        var f = ["Could not find a path from ", n, " to ", o, "."].join("");
-        throw new Error(f);
+        var C = ["Could not find a path from ", n, " to ", o, "."].join("");
+        throw new Error(C);
       }
       return r;
     },
@@ -7771,141 +7782,141 @@ var el = it, jn = { exports: {} };
   };
   t.exports = e;
 })(jn);
-var tl = jn.exports;
+var nl = jn.exports;
 (function(t) {
-  const e = Ve, a = Wi, n = Xi, o = Ki, r = el, l = Ee, i = me, s = tl;
-  function d(f) {
-    return unescape(encodeURIComponent(f)).length;
+  const e = Ve, a = Xi, n = Ki, o = Qi, r = al, l = Ee, i = me, s = nl;
+  function d(C) {
+    return unescape(encodeURIComponent(C)).length;
   }
-  function c(f, v, T) {
-    const x = [];
-    let B;
-    for (; (B = f.exec(T)) !== null; )
-      x.push({
-        data: B[0],
-        index: B.index,
-        mode: v,
-        length: B[0].length
+  function c(C, I, f) {
+    const v = [];
+    let L;
+    for (; (L = C.exec(f)) !== null; )
+      v.push({
+        data: L[0],
+        index: L.index,
+        mode: I,
+        length: L[0].length
       });
-    return x;
+    return v;
   }
-  function p(f) {
-    const v = c(l.NUMERIC, e.NUMERIC, f), T = c(l.ALPHANUMERIC, e.ALPHANUMERIC, f);
-    let x, B;
-    return i.isKanjiModeEnabled() ? (x = c(l.BYTE, e.BYTE, f), B = c(l.KANJI, e.KANJI, f)) : (x = c(l.BYTE_KANJI, e.BYTE, f), B = []), v.concat(T, x, B).sort(function(F, C) {
-      return F.index - C.index;
-    }).map(function(F) {
+  function p(C) {
+    const I = c(l.NUMERIC, e.NUMERIC, C), f = c(l.ALPHANUMERIC, e.ALPHANUMERIC, C);
+    let v, L;
+    return i.isKanjiModeEnabled() ? (v = c(l.BYTE, e.BYTE, C), L = c(l.KANJI, e.KANJI, C)) : (v = c(l.BYTE_KANJI, e.BYTE, C), L = []), I.concat(f, v, L).sort(function(P, E) {
+      return P.index - E.index;
+    }).map(function(P) {
       return {
-        data: F.data,
-        mode: F.mode,
-        length: F.length
+        data: P.data,
+        mode: P.mode,
+        length: P.length
       };
     });
   }
-  function m(f, v) {
-    switch (v) {
+  function m(C, I) {
+    switch (I) {
       case e.NUMERIC:
-        return a.getBitsLength(f);
+        return a.getBitsLength(C);
       case e.ALPHANUMERIC:
-        return n.getBitsLength(f);
+        return n.getBitsLength(C);
       case e.KANJI:
-        return r.getBitsLength(f);
+        return r.getBitsLength(C);
       case e.BYTE:
-        return o.getBitsLength(f);
+        return o.getBitsLength(C);
     }
   }
-  function u(f) {
-    return f.reduce(function(v, T) {
-      const x = v.length - 1 >= 0 ? v[v.length - 1] : null;
-      return x && x.mode === T.mode ? (v[v.length - 1].data += T.data, v) : (v.push(T), v);
+  function u(C) {
+    return C.reduce(function(I, f) {
+      const v = I.length - 1 >= 0 ? I[I.length - 1] : null;
+      return v && v.mode === f.mode ? (I[I.length - 1].data += f.data, I) : (I.push(f), I);
     }, []);
   }
-  function b(f) {
-    const v = [];
-    for (let T = 0; T < f.length; T++) {
-      const x = f[T];
-      switch (x.mode) {
+  function b(C) {
+    const I = [];
+    for (let f = 0; f < C.length; f++) {
+      const v = C[f];
+      switch (v.mode) {
         case e.NUMERIC:
-          v.push([
-            x,
-            { data: x.data, mode: e.ALPHANUMERIC, length: x.length },
-            { data: x.data, mode: e.BYTE, length: x.length }
+          I.push([
+            v,
+            { data: v.data, mode: e.ALPHANUMERIC, length: v.length },
+            { data: v.data, mode: e.BYTE, length: v.length }
           ]);
           break;
         case e.ALPHANUMERIC:
-          v.push([
-            x,
-            { data: x.data, mode: e.BYTE, length: x.length }
+          I.push([
+            v,
+            { data: v.data, mode: e.BYTE, length: v.length }
           ]);
           break;
         case e.KANJI:
-          v.push([
-            x,
-            { data: x.data, mode: e.BYTE, length: d(x.data) }
+          I.push([
+            v,
+            { data: v.data, mode: e.BYTE, length: d(v.data) }
           ]);
           break;
         case e.BYTE:
-          v.push([
-            { data: x.data, mode: e.BYTE, length: d(x.data) }
+          I.push([
+            { data: v.data, mode: e.BYTE, length: d(v.data) }
           ]);
       }
     }
-    return v;
+    return I;
   }
-  function g(f, v) {
-    const T = {}, x = { start: {} };
-    let B = ["start"];
-    for (let D = 0; D < f.length; D++) {
-      const F = f[D], C = [];
-      for (let _ = 0; _ < F.length; _++) {
-        const A = F[_], U = "" + D + _;
-        C.push(U), T[U] = { node: A, lastCount: 0 }, x[U] = {};
-        for (let ne = 0; ne < B.length; ne++) {
-          const z = B[ne];
-          T[z] && T[z].node.mode === A.mode ? (x[z][U] = m(T[z].lastCount + A.length, A.mode) - m(T[z].lastCount, A.mode), T[z].lastCount += A.length) : (T[z] && (T[z].lastCount = A.length), x[z][U] = m(A.length, A.mode) + 4 + e.getCharCountIndicator(A.mode, v));
+  function g(C, I) {
+    const f = {}, v = { start: {} };
+    let L = ["start"];
+    for (let k = 0; k < C.length; k++) {
+      const P = C[k], E = [];
+      for (let x = 0; x < P.length; x++) {
+        const T = P[x], $ = "" + k + x;
+        E.push($), f[$] = { node: T, lastCount: 0 }, v[$] = {};
+        for (let oe = 0; oe < L.length; oe++) {
+          const j = L[oe];
+          f[j] && f[j].node.mode === T.mode ? (v[j][$] = m(f[j].lastCount + T.length, T.mode) - m(f[j].lastCount, T.mode), f[j].lastCount += T.length) : (f[j] && (f[j].lastCount = T.length), v[j][$] = m(T.length, T.mode) + 4 + e.getCharCountIndicator(T.mode, I));
         }
       }
-      B = C;
+      L = E;
     }
-    for (let D = 0; D < B.length; D++)
-      x[B[D]].end = 0;
-    return { map: x, table: T };
+    for (let k = 0; k < L.length; k++)
+      v[L[k]].end = 0;
+    return { map: v, table: f };
   }
-  function L(f, v) {
-    let T;
-    const x = e.getBestModeForData(f);
-    if (T = e.from(v, x), T !== e.BYTE && T.bit < x.bit)
-      throw new Error('"' + f + '" cannot be encoded with mode ' + e.toString(T) + `.
- Suggested mode is: ` + e.toString(x));
-    switch (T === e.KANJI && !i.isKanjiModeEnabled() && (T = e.BYTE), T) {
+  function B(C, I) {
+    let f;
+    const v = e.getBestModeForData(C);
+    if (f = e.from(I, v), f !== e.BYTE && f.bit < v.bit)
+      throw new Error('"' + C + '" cannot be encoded with mode ' + e.toString(f) + `.
+ Suggested mode is: ` + e.toString(v));
+    switch (f === e.KANJI && !i.isKanjiModeEnabled() && (f = e.BYTE), f) {
       case e.NUMERIC:
-        return new a(f);
+        return new a(C);
       case e.ALPHANUMERIC:
-        return new n(f);
+        return new n(C);
       case e.KANJI:
-        return new r(f);
+        return new r(C);
       case e.BYTE:
-        return new o(f);
+        return new o(C);
     }
   }
-  t.fromArray = function(v) {
-    return v.reduce(function(T, x) {
-      return typeof x == "string" ? T.push(L(x, null)) : x.data && T.push(L(x.data, x.mode)), T;
+  t.fromArray = function(I) {
+    return I.reduce(function(f, v) {
+      return typeof v == "string" ? f.push(B(v, null)) : v.data && f.push(B(v.data, v.mode)), f;
     }, []);
-  }, t.fromString = function(v, T) {
-    const x = p(v, i.isKanjiModeEnabled()), B = b(x), D = g(B, T), F = s.find_path(D.map, "start", "end"), C = [];
-    for (let _ = 1; _ < F.length - 1; _++)
-      C.push(D.table[F[_]].node);
-    return t.fromArray(u(C));
-  }, t.rawSplit = function(v) {
+  }, t.fromString = function(I, f) {
+    const v = p(I, i.isKanjiModeEnabled()), L = b(v), k = g(L, f), P = s.find_path(k.map, "start", "end"), E = [];
+    for (let x = 1; x < P.length - 1; x++)
+      E.push(k.table[P[x]].node);
+    return t.fromArray(u(E));
+  }, t.rawSplit = function(I) {
     return t.fromArray(
-      p(v, i.isKanjiModeEnabled())
+      p(I, i.isKanjiModeEnabled())
     );
   };
 })(zn);
-const Wt = me, sa = Yt, al = Pi, nl = Mi, ol = Pn, rl = Mn, xa = Rn, Ca = zt, il = $i, Vt = Un, ll = Hn, sl = Ve, da = zn;
-function dl(t, e) {
-  const a = t.size, n = rl.getPositions(e);
+const Wt = me, sa = Yt, ol = Ri, rl = $i, il = On, ll = Mn, xa = Rn, Ca = zt, sl = Ui, Vt = Un, dl = Hn, cl = Ve, da = zn;
+function ul(t, e) {
+  const a = t.size, n = ll.getPositions(e);
   for (let o = 0; o < n.length; o++) {
     const r = n[o][0], l = n[o][1];
     for (let i = -1; i <= 7; i++)
@@ -7914,15 +7925,15 @@ function dl(t, e) {
           l + s <= -1 || a <= l + s || (i >= 0 && i <= 6 && (s === 0 || s === 6) || s >= 0 && s <= 6 && (i === 0 || i === 6) || i >= 2 && i <= 4 && s >= 2 && s <= 4 ? t.set(r + i, l + s, !0, !0) : t.set(r + i, l + s, !1, !0));
   }
 }
-function cl(t) {
+function pl(t) {
   const e = t.size;
   for (let a = 8; a < e - 8; a++) {
     const n = a % 2 === 0;
     t.set(a, 6, n, !0), t.set(6, a, n, !0);
   }
 }
-function ul(t, e) {
-  const a = ol.getPositions(e);
+function ml(t, e) {
+  const a = il.getPositions(e);
   for (let n = 0; n < a.length; n++) {
     const o = a[n][0], r = a[n][1];
     for (let l = -2; l <= 2; l++)
@@ -7930,20 +7941,20 @@ function ul(t, e) {
         l === -2 || l === 2 || i === -2 || i === 2 || l === 0 && i === 0 ? t.set(o + l, r + i, !0, !0) : t.set(o + l, r + i, !1, !0);
   }
 }
-function pl(t, e) {
+function bl(t, e) {
   const a = t.size, n = Vt.getEncodedBits(e);
   let o, r, l;
   for (let i = 0; i < 18; i++)
     o = Math.floor(i / 3), r = i % 3 + a - 8 - 3, l = (n >> i & 1) === 1, t.set(o, r, l, !0), t.set(r, o, l, !0);
 }
 function ca(t, e, a) {
-  const n = t.size, o = ll.getEncodedBits(e, a);
+  const n = t.size, o = dl.getEncodedBits(e, a);
   let r, l;
   for (r = 0; r < 15; r++)
     l = (o >> r & 1) === 1, r < 6 ? t.set(r, 8, l, !0) : r < 8 ? t.set(r + 1, 8, l, !0) : t.set(n - 15 + r, 8, l, !0), r < 8 ? t.set(8, n - r - 1, l, !0) : r < 9 ? t.set(8, 15 - r - 1 + 1, l, !0) : t.set(8, 15 - r - 1, l, !0);
   t.set(n - 8, 8, 1, !0);
 }
-function ml(t, e) {
+function fl(t, e) {
   const a = t.size;
   let n = -1, o = a - 1, r = 7, l = 0;
   for (let i = a - 1; i > 0; i -= 2)
@@ -7959,10 +7970,10 @@ function ml(t, e) {
       }
     }
 }
-function bl(t, e, a) {
-  const n = new al();
+function gl(t, e, a) {
+  const n = new ol();
   a.forEach(function(s) {
-    n.put(s.mode.bit, 4), n.put(s.getLength(), sl.getCharCountIndicator(s.mode, t)), s.write(n);
+    n.put(s.mode.bit, 4), n.put(s.getLength(), cl.getCharCountIndicator(s.mode, t)), s.write(n);
   });
   const o = Wt.getSymbolTotalCodewords(t), r = Ca.getTotalCodewordsCount(t, e), l = (o - r) * 8;
   for (n.getLengthInBits() + 4 <= l && n.put(0, 4); n.getLengthInBits() % 8 !== 0; )
@@ -7970,29 +7981,29 @@ function bl(t, e, a) {
   const i = (l - n.getLengthInBits()) / 8;
   for (let s = 0; s < i; s++)
     n.put(s % 2 ? 17 : 236, 8);
-  return fl(n, t, e);
+  return hl(n, t, e);
 }
-function fl(t, e, a) {
-  const n = Wt.getSymbolTotalCodewords(e), o = Ca.getTotalCodewordsCount(e, a), r = n - o, l = Ca.getBlocksCount(e, a), i = n % l, s = l - i, d = Math.floor(n / l), c = Math.floor(r / l), p = c + 1, m = d - c, u = new il(m);
+function hl(t, e, a) {
+  const n = Wt.getSymbolTotalCodewords(e), o = Ca.getTotalCodewordsCount(e, a), r = n - o, l = Ca.getBlocksCount(e, a), i = n % l, s = l - i, d = Math.floor(n / l), c = Math.floor(r / l), p = c + 1, m = d - c, u = new sl(m);
   let b = 0;
-  const g = new Array(l), L = new Array(l);
-  let f = 0;
-  const v = new Uint8Array(t.buffer);
-  for (let F = 0; F < l; F++) {
-    const C = F < s ? c : p;
-    g[F] = v.slice(b, b + C), L[F] = u.encode(g[F]), b += C, f = Math.max(f, C);
+  const g = new Array(l), B = new Array(l);
+  let C = 0;
+  const I = new Uint8Array(t.buffer);
+  for (let P = 0; P < l; P++) {
+    const E = P < s ? c : p;
+    g[P] = I.slice(b, b + E), B[P] = u.encode(g[P]), b += E, C = Math.max(C, E);
   }
-  const T = new Uint8Array(n);
-  let x = 0, B, D;
-  for (B = 0; B < f; B++)
-    for (D = 0; D < l; D++)
-      B < g[D].length && (T[x++] = g[D][B]);
-  for (B = 0; B < m; B++)
-    for (D = 0; D < l; D++)
-      T[x++] = L[D][B];
-  return T;
+  const f = new Uint8Array(n);
+  let v = 0, L, k;
+  for (L = 0; L < C; L++)
+    for (k = 0; k < l; k++)
+      L < g[k].length && (f[v++] = g[k][L]);
+  for (L = 0; L < m; L++)
+    for (k = 0; k < l; k++)
+      f[v++] = B[k][L];
+  return f;
 }
-function gl(t, e, a, n) {
+function yl(t, e, a, n) {
   let o;
   if (Array.isArray(t))
     o = da.fromArray(t);
@@ -8017,8 +8028,8 @@ The chosen QR Code version cannot contain this amount of data.
 Minimum version required to store current data is: ` + r + `.
 `
     );
-  const l = bl(e, a, o), i = Wt.getSymbolSize(e), s = new nl(i);
-  return dl(s, e), cl(s), ul(s, e), ca(s, a, 0), e >= 7 && pl(s, e), ml(s, l), isNaN(n) && (n = xa.getBestMask(
+  const l = gl(e, a, o), i = Wt.getSymbolSize(e), s = new rl(i);
+  return ul(s, e), pl(s), ml(s, e), ca(s, a, 0), e >= 7 && bl(s, e), fl(s, l), isNaN(n) && (n = xa.getBestMask(
     s,
     ca.bind(null, s, a)
   )), xa.applyMask(n, s), ca(s, a, n), {
@@ -8029,13 +8040,13 @@ Minimum version required to store current data is: ` + r + `.
     segments: o
   };
 }
-Fn.create = function(e, a) {
+Pn.create = function(e, a) {
   if (typeof e > "u" || e === "")
     throw new Error("No input text");
   let n = sa.M, o, r;
-  return typeof a < "u" && (n = sa.from(a.errorCorrectionLevel, sa.M), o = Vt.from(a.version), r = xa.from(a.maskPattern), a.toSJISFunc && Wt.setToSJISFunction(a.toSJISFunc)), gl(e, o, n, r);
+  return typeof a < "u" && (n = sa.from(a.errorCorrectionLevel, sa.M), o = Vt.from(a.version), r = xa.from(a.maskPattern), a.toSJISFunc && Wt.setToSJISFunction(a.toSJISFunc)), yl(e, o, n, r);
 };
-var Wn = {}, Fa = {};
+var Wn = {}, Pa = {};
 (function(t) {
   function e(a) {
     if (typeof a == "number" && (a = a.toString()), typeof a != "string")
@@ -8080,15 +8091,15 @@ var Wn = {}, Fa = {};
       for (let u = 0; u < d; u++) {
         let b = (m * d + u) * 4, g = r.color.light;
         if (m >= c && u >= c && m < d - c && u < d - c) {
-          const L = Math.floor((m - c) / s), f = Math.floor((u - c) / s);
-          g = p[i[L * l + f] ? 1 : 0];
+          const B = Math.floor((m - c) / s), C = Math.floor((u - c) / s);
+          g = p[i[B * l + C] ? 1 : 0];
         }
         n[b++] = g.r, n[b++] = g.g, n[b++] = g.b, n[b] = g.a;
       }
   };
-})(Fa);
+})(Pa);
 (function(t) {
-  const e = Fa;
+  const e = Pa;
   function a(o, r, l) {
     o.clearRect(0, 0, r.width, r.height), r.style || (r.style = {}), r.height = l, r.width = l, r.style.height = l + "px", r.style.width = l + "px";
   }
@@ -8112,7 +8123,7 @@ var Wn = {}, Fa = {};
   };
 })(Wn);
 var Gn = {};
-const hl = Fa;
+const vl = Pa;
 function an(t, e) {
   const a = t.a / 255, n = e + '="' + t.hex + '"';
   return a < 1 ? n + " " + e + '-opacity="' + a.toFixed(2).slice(1) + '"' : n;
@@ -8121,7 +8132,7 @@ function ua(t, e, a) {
   let n = t + e;
   return typeof a < "u" && (n += " " + a), n;
 }
-function yl(t, e, a) {
+function Tl(t, e, a) {
   let n = "", o = 0, r = !1, l = 0;
   for (let i = 0; i < t.length; i++) {
     const s = Math.floor(i % e), d = Math.floor(i / e);
@@ -8130,14 +8141,14 @@ function yl(t, e, a) {
   return n;
 }
 Gn.render = function(e, a, n) {
-  const o = hl.getOptions(a), r = e.modules.size, l = e.modules.data, i = r + o.margin * 2, s = o.color.light.a ? "<path " + an(o.color.light, "fill") + ' d="M0 0h' + i + "v" + i + 'H0z"/>' : "", d = "<path " + an(o.color.dark, "stroke") + ' d="' + yl(l, r, o.margin) + '"/>', c = 'viewBox="0 0 ' + i + " " + i + '"', m = '<svg xmlns="http://www.w3.org/2000/svg" ' + (o.width ? 'width="' + o.width + '" height="' + o.width + '" ' : "") + c + ' shape-rendering="crispEdges">' + s + d + `</svg>
+  const o = vl.getOptions(a), r = e.modules.size, l = e.modules.data, i = r + o.margin * 2, s = o.color.light.a ? "<path " + an(o.color.light, "fill") + ' d="M0 0h' + i + "v" + i + 'H0z"/>' : "", d = "<path " + an(o.color.dark, "stroke") + ' d="' + Tl(l, r, o.margin) + '"/>', c = 'viewBox="0 0 ' + i + " " + i + '"', m = '<svg xmlns="http://www.w3.org/2000/svg" ' + (o.width ? 'width="' + o.width + '" height="' + o.width + '" ' : "") + c + ' shape-rendering="crispEdges">' + s + d + `</svg>
 `;
   return typeof n == "function" && n(null, m), m;
 };
-const vl = Fi, _a = Fn, Xn = Wn, Tl = Gn;
-function Oa(t, e, a, n, o) {
+const xl = Oi, _a = Pn, Xn = Wn, Cl = Gn;
+function Fa(t, e, a, n, o) {
   const r = [].slice.call(arguments, 1), l = r.length, i = typeof r[l - 1] == "function";
-  if (!i && !vl())
+  if (!i && !xl())
     throw new Error("Callback required as last argument");
   if (i) {
     if (l < 2)
@@ -8163,17 +8174,17 @@ function Oa(t, e, a, n, o) {
   }
 }
 _t.create = _a.create;
-_t.toCanvas = Oa.bind(null, Xn.render);
-_t.toDataURL = Oa.bind(null, Xn.renderToDataURL);
-_t.toString = Oa.bind(null, function(t, e, a) {
-  return Tl.render(t, a);
+_t.toCanvas = Fa.bind(null, Xn.render);
+_t.toDataURL = Fa.bind(null, Xn.renderToDataURL);
+_t.toString = Fa.bind(null, function(t, e, a) {
+  return Cl.render(t, a);
 });
-const xl = { class: "flex items-center justify-center" }, Cl = { class: "w-full flex gap-8 justify-end items-center" }, _l = /* @__PURE__ */ se({
+const _l = { class: "flex items-center justify-center" }, wl = { class: "w-full flex gap-8 justify-end items-center" }, Il = /* @__PURE__ */ se({
   __name: "PreviewQrCode",
   setup(t) {
-    const e = q(), a = We(), n = Ge(), { t: o } = Ze(), r = q(!1), l = ie(() => `${`${"https://{slug}.feedmedev.vip".replace("{slug}", `${a.currentBusiness.value.url ?? a.currentBusiness.value._id}`)}`}/preview/${n.state.selectedTemplate.templateId}`);
+    const e = Q(), a = We(), n = Ge(), { t: o } = Ze(), r = Q(!1), l = ne(() => `${`${"https://{slug}.feedmedev.vip".replace("{slug}", `${a.currentBusiness.value.url ?? a.currentBusiness.value._id}`)}`}/preview/${n.state.selectedTemplate.templateId}`);
     function i() {
-      Io.promise(navigator.clipboard.writeText(l.value), {
+      Ao.promise(navigator.clipboard.writeText(l.value), {
         loading: o("brand.template.shareMenu.copying"),
         success: () => o("brand.template.shareMenu.linkCopied"),
         error: () => o("brand.template.shareMenu.errorCopyingLink")
@@ -8202,12 +8213,12 @@ const xl = { class: "flex items-center justify-center" }, Cl = { class: "w-full
         "max-width": 200
       }, {
         "dialog-button": M(() => [
-          w(p, {
+          _(p, {
             placement: "bottom",
             content: y(o)("brand.template.shareMenu.maintenanceTooltip")
           }, {
             default: M(() => [
-              w(c, {
+              _(c, {
                 variant: "tertiary",
                 "prepend-icon": "visibility",
                 disabled: !0
@@ -8217,24 +8228,24 @@ const xl = { class: "flex items-center justify-center" }, Cl = { class: "w-full
           }, 8, ["content"])
         ]),
         "dialog-header": M(() => [
-          no(j(y(o)("brand.template.shareMenu.share")), 1)
+          no(z(y(o)("brand.template.shareMenu.share")), 1)
         ]),
         default: M(() => [
-          I("div", xl, [
-            I("canvas", {
+          w("div", _l, [
+            w("canvas", {
               ref_key: "qrCodeContainer",
               ref: e
             }, null, 512)
           ])
         ]),
         "dialog-footer": M(() => [
-          I("div", Cl, [
-            w(c, {
+          w("div", wl, [
+            _(c, {
               variant: "secondary",
               label: y(o)("brand.common.cancel"),
               onClick: d[0] || (d[0] = (u) => r.value = !1)
             }, null, 8, ["label"]),
-            w(c, {
+            _(c, {
               label: y(o)("brand.template.shareMenu.copyPublicLinkView"),
               onClick: i
             }, null, 8, ["label"])
@@ -8244,7 +8255,7 @@ const xl = { class: "flex items-center justify-center" }, Cl = { class: "w-full
       }, 8, ["modelValue"]);
     };
   }
-}), wl = { class: "p-8 flex gap-8 items-center justify-between border-b border-fm-color-neutral-gray-200 bg-fm-color-neutral-white" }, Il = { class: "flex gap-8 items-center" }, El = /* @__PURE__ */ se({
+}), El = { class: "p-8 flex gap-8 items-center justify-between border-b border-fm-color-neutral-gray-200 bg-fm-color-neutral-white" }, Sl = { class: "flex gap-8 items-center" }, Al = /* @__PURE__ */ se({
   __name: "EditorToolbar",
   setup(t) {
     const e = Ue(), a = Ge(), n = We(), o = Co(), r = Ia(), { t: l } = Ze();
@@ -8275,40 +8286,40 @@ const xl = { class: "flex items-center justify-center" }, Cl = { class: "w-full
     }
     return (s, d) => {
       const c = V("FmButton");
-      return N(), Z("div", wl, [
-        w(Bi),
-        I("div", Il, [
-          w(_l),
-          w(c, {
+      return N(), Z("div", El, [
+        _(ki),
+        w("div", Sl, [
+          _(Il),
+          _(c, {
             class: "transition-all duration-500",
             variant: "tertiary",
             "prepend-icon": "save",
             onClick: i,
             disabled: y(e).isSaved()
           }, null, 8, ["disabled"]),
-          w(Ni)
+          _(Fi)
         ])
       ]);
     };
   }
-}), Sl = { class: "relative h-full min-w-[500px] flex-1 bg-fm-color-neutral-gray-100 flex flex-col" }, Al = { class: "w-[375px] border border-fm-color-neutral-gray-200 m-auto pb-24 bg-brand-background-base" }, Ll = {
+}), Ll = { class: "relative h-full min-w-[500px] flex-1 bg-fm-color-neutral-gray-100 flex flex-col" }, Bl = { class: "w-[375px] border border-fm-color-neutral-gray-200 m-auto pb-24 bg-brand-background-base" }, kl = {
   key: 0,
   class: "flex items-center justify-between pt-8 px-12"
-}, Bl = { class: "flex items-center justify-center cursor-pointer rounded-full text-fm-color-typo-secondary !h-32 !w-32 border-1 border-fm-color-neutral-gray-200" }, kl = ["onClickCapture"], Dl = {
+}, Dl = { class: "flex items-center justify-center cursor-pointer rounded-full text-fm-color-typo-secondary !h-32 !w-32 border-1 border-fm-color-neutral-gray-200" }, Nl = ["onClickCapture"], Pl = {
   key: 0,
   class: "w-full h-[100px] flex items-center justify-center text-fm-color-typo-secondary mt-24"
-}, Nl = /* @__PURE__ */ se({
+}, Fl = /* @__PURE__ */ se({
   __name: "Editor",
   setup(t) {
-    const e = Ue(), a = We(), n = Ea(), o = ie({
+    const e = Ue(), a = We(), n = Ea(), o = ne({
       get() {
         return e.state.node[0].children;
       },
       set(s) {
         e.setNodeList(s);
       }
-    }), r = ie(() => e.state.node[0]), l = ie(() => e.state.selectedNode);
-    q(!1);
+    }), r = ne(() => e.state.node[0]), l = ne(() => e.state.selectedNode);
+    Q(!1);
     function i(s) {
       e.setCurrentNode(s);
     }
@@ -8327,13 +8338,13 @@ const xl = { class: "flex items-center justify-center" }, Cl = { class: "w-full
       });
     }), (s, d) => {
       const c = V("FmIcon");
-      return N(), Z("div", Sl, [
-        w(El),
-        I("div", {
+      return N(), Z("div", Ll, [
+        _(Al),
+        w("div", {
           class: "h-full w-full px-24 py-48 flex overflow-y-auto",
           onClick: d[2] || (d[2] = (p) => i(r.value))
         }, [
-          I("div", Al, [
+          w("div", Bl, [
             r.value ? (N(), ae(Ma($a[r.value.type]), oo({ key: 0 }, {
               data: r.value.data,
               ...Ba[r.value.type],
@@ -8344,22 +8355,22 @@ const xl = { class: "flex items-center justify-center" }, Cl = { class: "w-full
               default: M(() => {
                 var p, m;
                 return [
-                  r.value.type == "Homepage" && ((p = r.value.props) == null ? void 0 : p.hideCountrySwitcher) !== !0 ? (N(), Z("div", Ll, [
-                    w(yo, { data: { selectedCountry: "MY" } }),
-                    I("div", Bl, [
-                      w(c, {
+                  r.value.type == "Homepage" && ((p = r.value.props) == null ? void 0 : p.hideCountrySwitcher) !== !0 ? (N(), Z("div", kl, [
+                    _(yo, { data: { selectedCountry: "MY" } }),
+                    w("div", Dl, [
+                      _(c, {
                         class: "rounded-full",
                         name: "account_circle",
                         outline: ""
                       })
                     ])
-                  ])) : Q("", !0),
+                  ])) : K("", !0),
                   r.value.type == "Homepage" && ((m = r.value.props) == null ? void 0 : m.showNavigationBar) == !0 ? (N(), ae(vo, {
                     key: 1,
                     title: "Member",
                     className: "block"
-                  })) : Q("", !0),
-                  w(y(Bn), {
+                  })) : K("", !0),
+                  _(y(Bn), {
                     class: ye(["w-full h-full flex flex-col gap-16", { "min-h-[600px]": r.value.type == "Homepage" }]),
                     modelValue: o.value,
                     "onUpdate:modelValue": d[0] || (d[0] = (u) => o.value = u),
@@ -8370,9 +8381,9 @@ const xl = { class: "flex items-center justify-center" }, Cl = { class: "w-full
                     item: M(({ element: u }) => {
                       var b, g;
                       return [
-                        I("div", {
+                        w("div", {
                           class: "relative cursor-grab",
-                          onClickCapture: ba((L) => i(u), ["prevent", "stop"])
+                          onClickCapture: ba((B) => i(u), ["prevent", "stop"])
                         }, [
                           (N(), ae(Ma($a[u.type]), ro(io({ data: u.data, ...u.props })), null, 16)),
                           u._id === ((b = l.value) == null ? void 0 : b._id) ? (N(), Z("div", {
@@ -8385,15 +8396,15 @@ const xl = { class: "flex items-center justify-center" }, Cl = { class: "w-full
                               paddingRight: u.props.marginRight
                             })
                           }, d[3] || (d[3] = [
-                            I("div", { class: "w-full h-full border-2 border-fm-color-system-info-200" }, null, -1)
-                          ]), 6)) : Q("", !0)
-                        ], 40, kl)
+                            w("div", { class: "w-full h-full border-2 border-fm-color-system-info-200" }, null, -1)
+                          ]), 6)) : K("", !0)
+                        ], 40, Nl)
                       ];
                     }),
                     footer: M(() => [
-                      o.value.length ? Q("", !0) : (N(), Z("div", Dl, [
-                        w(c, { name: "drag_indicator" }),
-                        d[4] || (d[4] = I("div", { class: "fm-typo-en-body-sm-400" }, " Drag and drop components here ", -1))
+                      o.value.length ? K("", !0) : (N(), Z("div", Pl, [
+                        _(c, { name: "drag_indicator" }),
+                        d[4] || (d[4] = w("div", { class: "fm-typo-en-body-sm-400" }, " Drag and drop components here ", -1))
                       ]))
                     ]),
                     _: 1
@@ -8401,14 +8412,14 @@ const xl = { class: "flex items-center justify-center" }, Cl = { class: "w-full
                 ];
               }),
               _: 1
-            }, 16)) : Q("", !0)
+            }, 16)) : K("", !0)
           ])
         ]),
-        w(qr)
+        _(Qr)
       ]);
     };
   }
-}), pa = (t) => t, Fl = [
+}), pa = (t) => t, Ol = [
   {
     $cmp: "ConfigTab",
     props: { title: pa("brand.template.nodeConfig.pageSetting") },
@@ -8624,7 +8635,7 @@ const xl = { class: "flex items-center justify-center" }, Cl = { class: "w-full
       }
     ]
   }
-], W = (t) => t, Ol = [
+], W = (t) => t, Ml = [
   {
     $cmp: "ConfigTab",
     props: { title: W("brand.template.nodeConfig.displayText.title") },
@@ -8787,7 +8798,7 @@ const xl = { class: "flex items-center justify-center" }, Cl = { class: "w-full
       }
     ]
   }
-], G = (t) => t, Pl = [
+], G = (t) => t, Rl = [
   {
     $cmp: "ConfigTab",
     props: { title: G("brand.template.nodeConfig.buttonList.title") },
@@ -8934,7 +8945,7 @@ const xl = { class: "flex items-center justify-center" }, Cl = { class: "w-full
       }
     ]
   }
-], Te = (t) => t, Ml = [
+], Te = (t) => t, $l = [
   {
     $cmp: "ConfigTab",
     props: { title: Te("brand.template.nodeConfig.displayImage.title") },
@@ -9032,7 +9043,7 @@ const xl = { class: "flex items-center justify-center" }, Cl = { class: "w-full
       }
     ]
   }
-], de = (t) => t, Rl = [
+], de = (t) => t, Zl = [
   {
     $cmp: "ConfigTab",
     props: { title: de("brand.template.nodeConfig.carousel.title") },
@@ -9152,15 +9163,15 @@ const xl = { class: "flex items-center justify-center" }, Cl = { class: "w-full
       }
     ]
   }
-], K = (t) => t, $l = [
+], q = (t) => t, Ul = [
   {
     $cmp: "ConfigTab",
-    props: { title: K("brand.template.nodeConfig.memberCard.title") },
+    props: { title: q("brand.template.nodeConfig.memberCard.title") },
     children: [
       {
         $cmp: "ConfigTabItem",
         props: {
-          title: K("brand.template.nodeConfig.memberCard.memberCardTitle"),
+          title: q("brand.template.nodeConfig.memberCard.memberCardTitle"),
           value: "memberCard"
         },
         children: [
@@ -9169,18 +9180,18 @@ const xl = { class: "flex items-center justify-center" }, Cl = { class: "w-full
             children: [
               {
                 $formkit: "BaButtonGroup",
-                label: K(
+                label: q(
                   "brand.template.nodeConfig.memberCard.signInStateLabel"
                 ),
                 groupItems: [
                   {
-                    label: K(
+                    label: q(
                       "brand.template.nodeConfig.memberCard.signedInLabel"
                     ),
                     value: !0
                   },
                   {
-                    label: K(
+                    label: q(
                       "brand.template.nodeConfig.memberCard.notSignedInLabel"
                     ),
                     value: !1
@@ -9190,18 +9201,18 @@ const xl = { class: "flex items-center justify-center" }, Cl = { class: "w-full
               },
               {
                 $formkit: "BaButtonGroup",
-                label: K(
+                label: q(
                   "brand.template.nodeConfig.memberCard.memberStateLabel"
                 ),
                 groupItems: [
                   {
-                    label: K(
+                    label: q(
                       "brand.template.nodeConfig.memberCard.isMemberLabel"
                     ),
                     value: kn
                   },
                   {
-                    label: K(
+                    label: q(
                       "brand.template.nodeConfig.memberCard.notMemberLabel"
                     ),
                     value: null
@@ -9214,20 +9225,20 @@ const xl = { class: "flex items-center justify-center" }, Cl = { class: "w-full
           {
             $cmp: "ConfigSection",
             props: {
-              label: K("brand.template.nodeConfig.memberCard.cardSettingLabel")
+              label: q("brand.template.nodeConfig.memberCard.cardSettingLabel")
             },
             children: [
               {
                 $formkit: "BaButtonGroup",
                 groupItems: [
                   {
-                    label: K(
+                    label: q(
                       "brand.template.nodeConfig.memberCard.design1Label"
                     ),
                     value: 1
                   },
                   {
-                    label: K(
+                    label: q(
                       "brand.template.nodeConfig.memberCard.design2Label"
                     ),
                     value: 2
@@ -9240,38 +9251,38 @@ const xl = { class: "flex items-center justify-center" }, Cl = { class: "w-full
           {
             $cmp: "ConfigSection",
             props: {
-              label: K(
+              label: q(
                 "brand.template.nodeConfig.memberCard.memberDetailsLabel"
               )
             },
             children: [
               {
                 $formkit: "BaSwitch",
-                label: K("brand.template.nodeConfig.memberCard.pointsLabel"),
+                label: q("brand.template.nodeConfig.memberCard.pointsLabel"),
                 name: "showPoints"
               },
               {
                 $formkit: "BaSwitch",
-                label: K("brand.template.nodeConfig.memberCard.creditLabel"),
+                label: q("brand.template.nodeConfig.memberCard.creditLabel"),
                 name: "showCredit"
               },
               {
                 $formkit: "BaSwitch",
-                label: K(
+                label: q(
                   "brand.template.nodeConfig.memberCard.memberTierLabel"
                 ),
                 name: "showTier"
               },
               {
                 $formkit: "BaSwitch",
-                label: K(
+                label: q(
                   "brand.template.nodeConfig.memberCard.memberTitleLabel"
                 ),
                 name: "showTitle"
               },
               {
                 $formkit: "BaSwitch",
-                label: K("brand.template.nodeConfig.memberCard.memberQrLabel"),
+                label: q("brand.template.nodeConfig.memberCard.memberQrLabel"),
                 name: "showMemberQr"
               }
             ]
@@ -9281,51 +9292,51 @@ const xl = { class: "flex items-center justify-center" }, Cl = { class: "w-full
       {
         $cmp: "ConfigTabItem",
         props: {
-          title: K("brand.template.nodeConfig.memberCard.frameTitle"),
+          title: q("brand.template.nodeConfig.memberCard.frameTitle"),
           value: "frame"
         },
         children: [...be]
       }
     ]
   }
-], oe = (t) => t, Zl = [
+], re = (t) => t, Vl = [
   {
     $cmp: "ConfigTab",
-    props: { title: oe("brand.template.nodeConfig.orderMethod.title") },
+    props: { title: re("brand.template.nodeConfig.orderMethod.title") },
     children: [
       {
         $cmp: "ConfigTabItem",
         props: {
-          title: oe("brand.template.nodeConfig.orderMethod.memberCardTitle"),
+          title: re("brand.template.nodeConfig.orderMethod.memberCardTitle"),
           value: "memberCard"
         },
         children: [
           {
             $cmp: "ConfigSection",
             props: {
-              label: oe(
+              label: re(
                 "brand.template.nodeConfig.orderMethod.orderMethodLabel"
               )
             },
             children: [
               {
                 $formkit: "BaSwitch",
-                label: oe("brand.template.nodeConfig.orderMethod.qrOrderLabel"),
+                label: re("brand.template.nodeConfig.orderMethod.qrOrderLabel"),
                 name: "showQr"
               },
               {
                 $formkit: "BaSwitch",
-                label: oe("brand.template.nodeConfig.orderMethod.pickUpLabel"),
+                label: re("brand.template.nodeConfig.orderMethod.pickUpLabel"),
                 name: "showPickUp"
               },
               {
                 $formkit: "BaSwitch",
-                label: oe("brand.template.nodeConfig.orderMethod.deliveryLabel"),
+                label: re("brand.template.nodeConfig.orderMethod.deliveryLabel"),
                 name: "showDelivery"
               },
               {
                 $formkit: "BaSwitch",
-                label: oe("brand.template.nodeConfig.orderMethod.queueLabel"),
+                label: re("brand.template.nodeConfig.orderMethod.queueLabel"),
                 name: "showQueue"
               }
             ]
@@ -9333,7 +9344,7 @@ const xl = { class: "flex items-center justify-center" }, Cl = { class: "w-full
           {
             $cmp: "ConfigSection",
             props: {
-              label: oe(
+              label: re(
                 "brand.template.nodeConfig.orderMethod.qrOrderDesignLabel"
               )
             },
@@ -9344,21 +9355,21 @@ const xl = { class: "flex items-center justify-center" }, Cl = { class: "w-full
                 children: [
                   {
                     $formkit: "BaColorPicker",
-                    label: oe(
+                    label: re(
                       "brand.template.nodeConfig.orderMethod.textColorLabel"
                     ),
                     name: "textColor"
                   },
                   {
                     $formkit: "BaColorPicker",
-                    label: oe(
+                    label: re(
                       "brand.template.nodeConfig.orderMethod.iconColorLabel"
                     ),
                     name: "iconColor"
                   },
                   {
                     $formkit: "BaColorPicker",
-                    label: oe(
+                    label: re(
                       "brand.template.nodeConfig.orderMethod.fillColorLabel"
                     ),
                     name: "fillColor"
@@ -9370,7 +9381,7 @@ const xl = { class: "flex items-center justify-center" }, Cl = { class: "w-full
           {
             $cmp: "ConfigSection",
             props: {
-              label: oe(
+              label: re(
                 "brand.template.nodeConfig.orderMethod.pickupDeliveryDesignLabel"
               )
             },
@@ -9381,14 +9392,14 @@ const xl = { class: "flex items-center justify-center" }, Cl = { class: "w-full
                 children: [
                   {
                     $formkit: "BaColorPicker",
-                    label: oe(
+                    label: re(
                       "brand.template.nodeConfig.orderMethod.textColorLabel"
                     ),
                     name: "textColor"
                   },
                   {
                     $formkit: "BaColorPicker",
-                    label: oe(
+                    label: re(
                       "brand.template.nodeConfig.orderMethod.iconColorLabel"
                     ),
                     name: "iconColor"
@@ -9402,22 +9413,22 @@ const xl = { class: "flex items-center justify-center" }, Cl = { class: "w-full
       {
         $cmp: "ConfigTabItem",
         props: {
-          title: oe("brand.template.nodeConfig.orderMethod.frameTitle"),
+          title: re("brand.template.nodeConfig.orderMethod.frameTitle"),
           value: "frame"
         },
         children: [...be]
       }
     ]
   }
-], Oe = (t) => t, Ul = [
+], Fe = (t) => t, Hl = [
   {
     $cmp: "ConfigTab",
-    props: { title: Oe("brand.template.nodeConfig.branchList.title") },
+    props: { title: Fe("brand.template.nodeConfig.branchList.title") },
     children: [
       {
         $cmp: "ConfigTabItem",
         props: {
-          title: Oe("brand.template.nodeConfig.branchList.propertiesTitle"),
+          title: Fe("brand.template.nodeConfig.branchList.propertiesTitle"),
           value: "properties"
         },
         children: [
@@ -9426,31 +9437,31 @@ const xl = { class: "flex items-center justify-center" }, Cl = { class: "w-full
             children: [
               {
                 $formkit: "BaTextField",
-                label: Oe(
+                label: Fe(
                   "brand.template.nodeConfig.branchList.displayTextLabel"
                 ),
                 name: "label"
               },
               {
                 $formkit: "BaTextField",
-                label: Oe("brand.template.nodeConfig.branchList.subTextLabel"),
+                label: Fe("brand.template.nodeConfig.branchList.subTextLabel"),
                 name: "sublabel"
               },
               {
                 $formkit: "BaColorPicker",
-                label: Oe("brand.template.nodeConfig.branchList.iconColorLabel"),
+                label: Fe("brand.template.nodeConfig.branchList.iconColorLabel"),
                 name: "iconColor"
               },
               {
                 $formkit: "BaColorPicker",
-                label: Oe(
+                label: Fe(
                   "brand.template.nodeConfig.branchList.displayTextColorLabel"
                 ),
                 name: "labelColor"
               },
               {
                 $formkit: "BaColorPicker",
-                label: Oe(
+                label: Fe(
                   "brand.template.nodeConfig.branchList.subTextColorLabel"
                 ),
                 name: "sublabelColor"
@@ -9462,14 +9473,14 @@ const xl = { class: "flex items-center justify-center" }, Cl = { class: "w-full
       {
         $cmp: "ConfigTabItem",
         props: {
-          title: Oe("brand.template.nodeConfig.branchList.frameTitle"),
+          title: Fe("brand.template.nodeConfig.branchList.frameTitle"),
           value: "frame"
         },
         children: [...be]
       }
     ]
   }
-], Le = (t) => t, Vl = [
+], Le = (t) => t, Yl = [
   {
     $cmp: "ConfigTab",
     props: {
@@ -9544,7 +9555,7 @@ const xl = { class: "flex items-center justify-center" }, Cl = { class: "w-full
       }
     ]
   }
-], nn = (t) => t, Hl = [
+], nn = (t) => t, zl = [
   {
     $cmp: "ConfigTab",
     props: { title: nn("brand.template.nodeConfig.memberSummary.title") },
@@ -9559,7 +9570,7 @@ const xl = { class: "flex items-center justify-center" }, Cl = { class: "w-full
       }
     ]
   }
-], st = (t) => t, Yl = [
+], st = (t) => t, jl = [
   {
     $cmp: "ConfigTab",
     props: { title: st("brand.template.nodeConfig.memberCards.title") },
@@ -9602,7 +9613,7 @@ const xl = { class: "flex items-center justify-center" }, Cl = { class: "w-full
       }
     ]
   }
-], ge = (t) => t, zl = [
+], ge = (t) => t, Wl = [
   {
     $cmp: "ConfigTab",
     props: { title: ge("brand.template.nodeConfig.memberAchievements.title") },
@@ -9703,7 +9714,7 @@ const xl = { class: "flex items-center justify-center" }, Cl = { class: "w-full
       }
     ]
   }
-], _e = (t) => t, jl = [
+], _e = (t) => t, Gl = [
   {
     $cmp: "ConfigTab",
     props: { title: _e("brand.template.nodeConfig.creditHistory.title") },
@@ -9747,7 +9758,7 @@ const xl = { class: "flex items-center justify-center" }, Cl = { class: "w-full
       }
     ]
   }
-], Wl = [
+], Xl = [
   {
     $cmp: "ConfigTab",
     props: { title: _e("brand.template.nodeConfig.pointHistory.title") },
@@ -9789,10 +9800,10 @@ const xl = { class: "flex items-center justify-center" }, Cl = { class: "w-full
       }
     ]
   }
-], Gl = (t) => t, Xl = [
+], Jl = (t) => t, Kl = [
   {
     $cmp: "ConfigTab",
-    props: { title: Gl("brand.template.nodeConfig.memberProfile.title") },
+    props: { title: Jl("brand.template.nodeConfig.memberProfile.title") },
     children: [
       // {
       //   $cmp: 'ConfigTabItem',
@@ -9830,7 +9841,7 @@ const xl = { class: "flex items-center justify-center" }, Cl = { class: "w-full
       // },
     ]
   }
-], Ke = (t) => t, Jl = [
+], Ke = (t) => t, ql = [
   {
     $cmp: "ConfigTab",
     props: {
@@ -9902,7 +9913,7 @@ const xl = { class: "flex items-center justify-center" }, Cl = { class: "w-full
       }
     ]
   }
-], on = (t) => t, Kl = [
+], on = (t) => t, Ql = [
   {
     $cmp: "ConfigTab",
     props: { title: on("brand.template.nodeConfig.referral.imageTitle") },
@@ -9919,30 +9930,30 @@ const xl = { class: "flex items-center justify-center" }, Cl = { class: "w-full
       }
     ]
   }
-], ql = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+], es = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  BranchList: Ul,
-  ButtonList: Pl,
+  BranchList: Hl,
+  ButtonList: Rl,
   Container: be,
-  Homepage: Fl,
-  ImageCarousel: Rl,
-  ImageDisplay: Ml,
-  MemberAchievements: zl,
-  MemberCard: $l,
-  MemberCards: Yl,
-  MemberSummary: Hl,
-  OrderHistoryCard: Vl,
-  OrderMethod: Zl,
-  TextDisplay: Ol,
-  _Credit: jl,
-  _MemberProfile: Xl,
-  _Point: Wl,
-  _Referral: Kl,
-  _ReferralTutorial: Jl
-}, Symbol.toStringTag, { value: "Module" })), Ql = {
+  Homepage: Ol,
+  ImageCarousel: Zl,
+  ImageDisplay: $l,
+  MemberAchievements: Wl,
+  MemberCard: Ul,
+  MemberCards: jl,
+  MemberSummary: zl,
+  OrderHistoryCard: Yl,
+  OrderMethod: Vl,
+  TextDisplay: Ml,
+  _Credit: Gl,
+  _MemberProfile: Kl,
+  _Point: Xl,
+  _Referral: Ql,
+  _ReferralTutorial: ql
+}, Symbol.toStringTag, { value: "Module" })), ts = {
   key: 0,
   class: "bg-fm-color-system-info-100 border-l-4 border-fm-color-system-info-300 mb-16 pl-8 pr-12 py-8 fm-typo-en-body-md-400 text-fm-color-typo-primary"
-}, es = { class: "flex flex-col gap-16 px-12" }, ts = /* @__PURE__ */ se({
+}, as = { class: "flex flex-col gap-16 px-12" }, ns = /* @__PURE__ */ se({
   __name: "ConfigSection",
   props: {
     label: {}
@@ -9950,19 +9961,19 @@ const xl = { class: "flex items-center justify-center" }, Cl = { class: "w-full
   setup(t) {
     const { t: e } = Ze();
     return (a, n) => (N(), Z("div", null, [
-      a.label ? (N(), Z("div", Ql, j(y(e)(a.label)), 1)) : Q("", !0),
-      I("div", es, [
+      a.label ? (N(), Z("div", ts, z(y(e)(a.label)), 1)) : K("", !0),
+      w("div", as, [
         wa(a.$slots, "default")
       ])
     ]));
   }
-}), Jn = Symbol.for("ba:config-tab"), as = { class: "p-16 w-full fm-typo-en-body-md-600 text-fm-color-typo-primary" }, ns = { class: "flex items-center w-full border-b border-fm-color-neutral-gray-100" }, os = /* @__PURE__ */ se({
+}), Jn = Symbol.for("ba:config-tab"), os = { class: "p-16 w-full fm-typo-en-body-md-600 text-fm-color-typo-primary" }, rs = { class: "flex items-center w-full border-b border-fm-color-neutral-gray-100" }, is = /* @__PURE__ */ se({
   __name: "ConfigTab",
   props: {
     title: {}
   },
   setup(t) {
-    const { t: e } = Ze(), a = q([]), n = q("");
+    const { t: e } = Ze(), a = Q([]), n = Q("");
     so(Jn, {
       register(r) {
         a.value = [...a.value, r].map(
@@ -9972,7 +9983,7 @@ const xl = { class: "flex items-center justify-center" }, Cl = { class: "w-full
           })
         ), a.value.length === 1 && (n.value = r.value);
       },
-      currentTab: ie(() => n.value)
+      currentTab: ne(() => n.value)
     });
     function o(r) {
       n.value = r;
@@ -9980,9 +9991,9 @@ const xl = { class: "flex items-center justify-center" }, Cl = { class: "w-full
     return (r, l) => {
       const i = V("FmTab");
       return N(), Z("div", null, [
-        I("div", as, j(y(e)(r.title)), 1),
-        w(sn),
-        I("div", ns, [
+        w("div", os, z(y(e)(r.title)), 1),
+        _(sn),
+        w("div", rs, [
           (N(!0), Z(Be, null, vt(a.value, (s) => (N(), ae(i, {
             "model-value": n.value,
             "onUpdate:modelValue": l[0] || (l[0] = (d) => o(d)),
@@ -9994,7 +10005,7 @@ const xl = { class: "flex items-center justify-center" }, Cl = { class: "w-full
       ]);
     };
   }
-}), rs = { key: 0 }, is = { class: "flex flex-col gap-24 py-24" }, ls = /* @__PURE__ */ se({
+}), ls = { key: 0 }, ss = { class: "flex flex-col gap-24 py-24" }, ds = /* @__PURE__ */ se({
   __name: "ConfigTabItem",
   props: {
     title: {},
@@ -10006,27 +10017,27 @@ const xl = { class: "flex items-center justify-center" }, Cl = { class: "w-full
       a ? a.register(e) : console.warn("ConfigTabItem is to be used with ConfigTab as parent");
     }), (n, o) => {
       var r;
-      return ((r = y(a)) == null ? void 0 : r.currentTab.value) === n.value ? (N(), Z("div", rs, [
-        I("div", is, [
+      return ((r = y(a)) == null ? void 0 : r.currentTab.value) === n.value ? (N(), Z("div", ls, [
+        w("div", ss, [
           wa(n.$slots, "default")
         ])
-      ])) : Q("", !0);
+      ])) : K("", !0);
     };
   }
-}), ss = { class: "h-full flex-shrink-0 w-[308px] bg-fm-color-neutral-white border-l border-fm-color-neutral-gray-200 overflow-y-auto" }, ds = /* @__PURE__ */ se({
+}), cs = { class: "h-full flex-shrink-0 w-[308px] bg-fm-color-neutral-white border-l border-fm-color-neutral-gray-200 overflow-y-auto" }, us = /* @__PURE__ */ se({
   __name: "Inspector",
   setup(t) {
-    const e = Ue(), a = ie(() => e.state.selectedNode), n = ie(() => {
+    const e = Ue(), a = ne(() => e.state.selectedNode), n = ne(() => {
       var d;
       const s = ((d = a.value) == null ? void 0 : d.type) ?? null;
-      return s !== null ? ql[s] : [];
-    }), o = ie(() => {
+      return s !== null ? es[s] : [];
+    }), o = ne(() => {
       var s;
       return (s = a.value) == null ? void 0 : s.props;
     }), r = uo({
-      ConfigTab: os,
-      ConfigTabItem: ls,
-      ConfigSection: ts
+      ConfigTab: is,
+      ConfigTabItem: ds,
+      ConfigSection: ns
     });
     function l(s) {
       const d = a.value;
@@ -10057,8 +10068,8 @@ const xl = { class: "flex items-center justify-center" }, Cl = { class: "w-full
           };
       }
     }
-    return (s, d) => (N(), Z("div", ss, [
-      a.value ? (N(), ae(y(So), {
+    return (s, d) => (N(), Z("div", cs, [
+      a.value ? (N(), ae(y(Eo), {
         config: { rootClasses: i },
         type: "form",
         actions: !1,
@@ -10068,22 +10079,22 @@ const xl = { class: "flex items-center justify-center" }, Cl = { class: "w-full
         preserve: ""
       }, {
         default: M(() => [
-          w(y(Ao), {
+          _(y(So), {
             schema: n.value,
             library: y(r)
           }, null, 8, ["schema", "library"])
         ]),
         _: 1
-      }, 8, ["config", "model-value"])) : Q("", !0)
+      }, 8, ["config", "model-value"])) : K("", !0)
     ]));
   }
-}), cs = { class: "relative h-full w-screen flex flex-col overflow-y-hidden" }, us = { class: "flex h-full" }, Ls = /* @__PURE__ */ se({
+}), ps = { class: "relative h-full w-screen flex flex-col overflow-y-hidden" }, ms = { class: "flex h-full" }, ks = /* @__PURE__ */ se({
   __name: "BuilderView",
   props: {
     templateId: {}
   },
   setup(t) {
-    const e = We(), a = Ue(), n = Ge(), o = Ea(), r = dn(), l = Ct(), i = q(!0);
+    const e = We(), a = Ue(), n = Ge(), o = Ea(), r = dn(), l = Ct(), i = Q(!0);
     async function s() {
       var c, p;
       i.value = !0, e.currentBusiness.value && ((c = e.currentBusiness.value) != null && c._id && await n.getAllTemplates(e.currentBusiness.value._id), (p = e.currentBusiness.value) != null && p.url && await o.getGlobalSlug(e.currentBusiness.value.url), d());
@@ -10093,9 +10104,9 @@ const xl = { class: "flex items-center justify-center" }, Cl = { class: "w-full
       const c = e.currentBusiness.value._id;
       if (n.state.allTemplates.length > 0) {
         const u = typeof r.currentRoute.value.params.templateId == "object" ? r.currentRoute.value.params.templateId[0] : r.currentRoute.value.params.templateId, b = n.state.allTemplates.find(
-          (f) => u == f.templateId
-        ), g = (p = [...n.state.allTemplates].shift()) == null ? void 0 : p.templateId, L = (b == null ? void 0 : b.templateId) || (u != null && u.startsWith("member-") ? u : void 0) || g;
-        await a.setFromTemplate(c, L), n.setSelectedTemplate(L), (!n.state.activeMemberTemplateId || !n.state.activeTemplateId) && await n.getMainTemplateId(c);
+          (C) => u == C.templateId
+        ), g = (p = [...n.state.allTemplates].shift()) == null ? void 0 : p.templateId, B = (b == null ? void 0 : b.templateId) || (u != null && u.startsWith("member-") ? u : void 0) || g;
+        await a.setFromTemplate(c, B), n.setSelectedTemplate(B), (!n.state.activeMemberTemplateId || !n.state.activeTemplateId) && await n.getMainTemplateId(c);
       } else {
         console.log("No templates found, creating a new one"), n.addNewTemplate();
         const u = l.buildNewNode("Homepage", {});
@@ -10122,8 +10133,8 @@ const xl = { class: "flex items-center justify-center" }, Cl = { class: "w-full
       }
     ), (c, p) => {
       const m = V("FmCircularProgress"), u = V("FmOverlay");
-      return N(), Z("div", cs, [
-        w(y(Eo), {
+      return N(), Z("div", ps, [
+        _(y(Lo), {
           position: "top-right",
           "rich-colors": "",
           "close-button": "",
@@ -10137,19 +10148,19 @@ const xl = { class: "flex items-center justify-center" }, Cl = { class: "w-full
           "center-content": ""
         }, {
           default: M(() => [
-            w(m, { size: "xxl" })
+            _(m, { size: "xxl" })
           ]),
           _: 1
-        })) : Q("", !0),
-        I("div", us, [
-          w(Jr),
-          w(Nl),
-          w(ds)
+        })) : K("", !0),
+        w("div", ms, [
+          _(Kr),
+          _(Fl),
+          _(us)
         ])
       ]);
     };
   }
 });
 export {
-  Ls as default
+  ks as default
 };