@feedmepos/mf-brand-app-builder 0.5.20-dev.2 → 0.5.21-dev.0

package/dist/{BuilderView-ClihS2Kl.js → BuilderView-BfGBA-IQ.js}

@@ -1,37 +1,37 @@
-import { resolveComponent as W, TransitionGroup as qn, defineComponent as ue, h as pa, nextTick as nn, isRef as Qn, isReactive as eo, isProxy as to, toRaw as ao, ref as ne, computed as oe, openBlock as D, createElementBlock as Z, Fragment as Re, renderList as ht, createElementVNode as N, toDisplayString as de, unref as x, createVNode as w, withCtx as P, createBlock as ee, createCommentVNode as G, watch as Qe, normalizeClass as ye, withDirectives as Wt, withModifiers as ma, vShow as Xt, createTextVNode as no, onMounted as on, resolveDynamicComponent as Pa, mergeProps as oo, normalizeProps as io, guardReactiveProps as ro, normalizeStyle as lo, renderSlot as xa, provide as so, inject as co, markRaw as uo } from "vue";
-import { T as po, u as ze } from "./index-Ba6vae-6.js";
-import { defineStore as mo, storeToRefs as bo } from "pinia";
-import { p as fo } from "./views-BDWw3w14.js";
-import { a as go } from "./index-B9AmzX3X.js";
+import { resolveComponent as W, TransitionGroup as Qn, defineComponent as ue, h as pa, nextTick as on, isRef as eo, isReactive as to, isProxy as ao, toRaw as no, ref as ne, computed as oe, openBlock as D, createElementBlock as Z, Fragment as Re, renderList as ht, createElementVNode as N, toDisplayString as de, unref as x, createVNode as w, withCtx as P, createBlock as ee, createCommentVNode as G, watch as Qe, normalizeClass as ye, withDirectives as Wt, withModifiers as ma, vShow as Xt, createTextVNode as oo, onMounted as rn, resolveDynamicComponent as Pa, mergeProps as io, normalizeProps as ro, guardReactiveProps as lo, normalizeStyle as so, renderSlot as xa, provide as co, inject as uo, markRaw as po } from "vue";
+import { T as mo, u as ze } from "./index-G68bUkCy.js";
+import { defineStore as bo, storeToRefs as fo } from "pinia";
+import { p as go } from "./views-BDWw3w14.js";
+import { a as ho } from "./index-B9eW8FKP.js";
 import { v as Ma } from "./v4-ANoOI1Qw.js";
-import { _ as ho } from "./Icon.vue_vue_type_style_index_0_lang-CVCHCcWR.js";
-import { B as rn } from "./BaDivider-DWZv3fqi.js";
+import { _ as yo } from "./Icon.vue_vue_type_style_index_0_lang-CVCHCcWR.js";
+import { B as ln } from "./BaDivider-DWZv3fqi.js";
 import { useI18n as je, useCoreStore as Ye } from "@feedmepos/mf-common";
-import { C as Ra, _ as yo, a as To } from "./main-DBrQC_KK.js";
-import { useDialog as vo, components as Co, useSnackbar as _o } from "@feedmepos/ui-library";
-import { useRouter as ln } from "vue-router";
+import { C as Ra, _ as To, a as vo } from "./main-2c5dYrrl.js";
+import { useDialog as Co, components as _o, useSnackbar as xo } from "@feedmepos/ui-library";
+import { useRouter as sn } from "vue-router";
 import { u as wa } from "./index-DzaJbB6y.js";
-import { u as Ia } from "./index-DO9dYU7p.js";
-import { K as xo, V as wo } from "./vue-sonner-PX6Req0V.js";
-import { F as Io, a as Eo } from "./app-Bc8YxeXK.js";
+import { u as Ia } from "./index-CeGUgOHl.js";
+import { K as wo, V as Io } from "./vue-sonner-PX6Req0V.js";
+import { F as Eo, a as Ao } from "./app-lMq3BVlx.js";
 const {
-  Axios: ls,
-  AxiosError: Ao,
-  CanceledError: ss,
-  isCancel: cs,
-  CancelToken: ds,
-  VERSION: us,
-  all: ps,
-  Cancel: ms,
-  isAxiosError: bs,
-  spread: fs,
-  toFormData: gs,
-  AxiosHeaders: hs,
-  HttpStatusCode: ys,
-  formToJSON: Ts,
-  getAdapter: vs,
-  mergeConfig: Cs
-} = go;
+  Axios: ss,
+  AxiosError: So,
+  CanceledError: cs,
+  isCancel: ds,
+  CancelToken: us,
+  VERSION: ps,
+  all: ms,
+  Cancel: bs,
+  isAxiosError: fs,
+  spread: gs,
+  toFormData: hs,
+  AxiosHeaders: ys,
+  HttpStatusCode: Ts,
+  formToJSON: vs,
+  getAdapter: Cs,
+  mergeConfig: _s
+} = ho;
 /**!
  * Sortable 1.14.0
  * @author	RubaXa   <trash@rubaxa.org>
@@ -52,7 +52,7 @@ function we(t) {
   for (var e = 1; e < arguments.length; e++) {
     var a = arguments[e] != null ? arguments[e] : {};
     e % 2 ? $a(Object(a), !0).forEach(function(n) {
-      So(t, n, a[n]);
+      Bo(t, n, a[n]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(a)) : $a(Object(a)).forEach(function(n) {
       Object.defineProperty(t, n, Object.getOwnPropertyDescriptor(a, n));
     });
@@ -67,7 +67,7 @@ function Lt(t) {
     return e && typeof Symbol == "function" && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
   }, Lt(t);
 }
-function So(t, e, a) {
+function Bo(t, e, a) {
   return e in t ? Object.defineProperty(t, e, {
     value: a,
     enumerable: !0,
@@ -85,16 +85,16 @@ function Le() {
     return t;
   }, Le.apply(this, arguments);
 }
-function Bo(t, e) {
+function Lo(t, e) {
   if (t == null) return {};
   var a = {}, n = Object.keys(t), o, i;
   for (i = 0; i < n.length; i++)
     o = n[i], !(e.indexOf(o) >= 0) && (a[o] = t[o]);
   return a;
 }
-function Lo(t, e) {
+function Do(t, e) {
   if (t == null) return {};
-  var a = Bo(t, e), n, o;
+  var a = Lo(t, e), n, o;
   if (Object.getOwnPropertySymbols) {
     var i = Object.getOwnPropertySymbols(t);
     for (o = 0; o < i.length; o++)
@@ -102,20 +102,20 @@ function Lo(t, e) {
   }
   return a;
 }
-var Do = "1.14.0";
+var Fo = "1.14.0";
 function Be(t) {
   if (typeof window < "u" && window.navigator)
     return !!/* @__PURE__ */ navigator.userAgent.match(t);
 }
-var De = Be(/(?:Trident.*rv[ :]?11\.|msie|iemobile|Windows Phone)/i), yt = Be(/Edge/i), Za = Be(/firefox/i), dt = Be(/safari/i) && !Be(/chrome/i) && !Be(/android/i), sn = Be(/iP(ad|od|hone)/i), Fo = Be(/chrome/i) && Be(/android/i), cn = {
+var De = Be(/(?:Trident.*rv[ :]?11\.|msie|iemobile|Windows Phone)/i), yt = Be(/Edge/i), Za = Be(/firefox/i), dt = Be(/safari/i) && !Be(/chrome/i) && !Be(/android/i), cn = Be(/iP(ad|od|hone)/i), No = Be(/chrome/i) && Be(/android/i), dn = {
   capture: !1,
   passive: !1
 };
 function O(t, e, a) {
-  t.addEventListener(e, a, !De && cn);
+  t.addEventListener(e, a, !De && dn);
 }
 function k(t, e, a) {
-  t.removeEventListener(e, a, !De && cn);
+  t.removeEventListener(e, a, !De && dn);
 }
 function Ot(t, e) {
   if (e) {
@@ -133,7 +133,7 @@ function Ot(t, e) {
     return !1;
   }
 }
-function No(t) {
+function ko(t) {
   return t.host && t !== document && t.host.nodeType ? t.host : t.parentNode;
 }
 function Ce(t, e, a, n) {
@@ -143,7 +143,7 @@ function Ce(t, e, a, n) {
       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 = No(t));
+    } while (t = ko(t));
   }
   return null;
 }
@@ -177,7 +177,7 @@ function qe(t, e) {
   var o = window.DOMMatrix || window.WebKitCSSMatrix || window.CSSMatrix || window.MSCSSMatrix;
   return o && new o(a);
 }
-function dn(t, e, a) {
+function un(t, e, a) {
   if (t) {
     var n = t.getElementsByTagName(e), o = 0, i = n.length;
     if (a)
@@ -258,7 +258,7 @@ function Ha(t) {
     } while (t !== n && (t = t.parentNode));
   return [e, a];
 }
-function ko(t, e) {
+function Oo(t, e) {
   for (var a in t)
     if (t.hasOwnProperty(a)) {
       for (var n in e)
@@ -281,7 +281,7 @@ function Pe(t, e) {
   while (a = a.parentNode);
   return xe();
 }
-function Oo(t, e) {
+function Po(t, e) {
   if (t && e)
     for (var a in e)
       e.hasOwnProperty(a) && (t[a] = e[a]);
@@ -291,7 +291,7 @@ function Jt(t, e) {
   return Math.round(t.top) === Math.round(e.top) && Math.round(t.left) === Math.round(e.left) && Math.round(t.height) === Math.round(e.height) && Math.round(t.width) === Math.round(e.width);
 }
 var ut;
-function un(t, e) {
+function pn(t, e) {
   return function() {
     if (!ut) {
       var a = arguments, n = this;
@@ -301,18 +301,18 @@ function un(t, e) {
     }
   };
 }
-function Po() {
+function Mo() {
   clearTimeout(ut), ut = void 0;
 }
-function pn(t, e, a) {
+function mn(t, e, a) {
   t.scrollLeft += e, t.scrollTop += a;
 }
-function mn(t) {
+function bn(t) {
   var e = window.Polymer, a = window.jQuery || window.Zepto;
   return e && e.dom ? e.dom(t).cloneNode(!0) : a ? a(t).clone(!0)[0] : t.cloneNode(!0);
 }
 var ce = "Sortable" + (/* @__PURE__ */ new Date()).getTime();
-function Mo() {
+function Ro() {
   var t = [], e;
   return {
     captureAnimationState: function() {
@@ -338,7 +338,7 @@ function Mo() {
       t.push(n);
     },
     removeAnimationState: function(n) {
-      t.splice(ko(t, {
+      t.splice(Oo(t, {
         target: n
       }), 1);
     },
@@ -352,7 +352,7 @@ function Mo() {
       t.forEach(function(l) {
         var s = 0, c = l.target, d = c.fromRect, u = X(c), m = c.prevFromRect, p = c.prevToRect, g = l.rect, f = qe(c, !0);
         f && (u.top -= f.f, u.left -= f.e), c.toRect = u, c.thisAnimationDuration && Jt(m, u) && !Jt(d, u) && // Make sure animatingRect is on line between toRect & fromRect
-        (g.top - u.top) / (g.left - u.left) === (d.top - u.top) / (d.left - u.left) && (s = $o(g, m, p, o.options)), Jt(u, d) || (c.prevFromRect = d, c.prevToRect = u, s || (s = o.options.animation), o.animate(c, g, u, s)), s && (i = !0, r = Math.max(r, s), clearTimeout(c.animationResetTimer), c.animationResetTimer = setTimeout(function() {
+        (g.top - u.top) / (g.left - u.left) === (d.top - u.top) / (d.left - u.left) && (s = Zo(g, m, p, o.options)), Jt(u, d) || (c.prevFromRect = d, c.prevToRect = u, s || (s = o.options.animation), o.animate(c, g, u, s)), s && (i = !0, r = Math.max(r, s), clearTimeout(c.animationResetTimer), c.animationResetTimer = setTimeout(function() {
           c.animationTime = 0, c.prevFromRect = null, c.fromRect = null, c.prevToRect = null, c.thisAnimationDuration = null;
         }, s), c.thisAnimationDuration = s);
       }), clearTimeout(e), i ? e = setTimeout(function() {
@@ -363,17 +363,17 @@ function Mo() {
       if (r) {
         I(n, "transition", ""), I(n, "transform", "");
         var l = qe(this.el), s = l && l.a, c = l && l.d, d = (o.left - i.left) / (s || 1), u = (o.top - i.top) / (c || 1);
-        n.animatingX = !!d, n.animatingY = !!u, I(n, "transform", "translate3d(" + d + "px," + u + "px,0)"), this.forRepaintDummy = Ro(n), I(n, "transition", "transform " + r + "ms" + (this.options.easing ? " " + this.options.easing : "")), I(n, "transform", "translate3d(0,0,0)"), typeof n.animated == "number" && clearTimeout(n.animated), n.animated = setTimeout(function() {
+        n.animatingX = !!d, n.animatingY = !!u, I(n, "transform", "translate3d(" + d + "px," + u + "px,0)"), this.forRepaintDummy = $o(n), I(n, "transition", "transform " + r + "ms" + (this.options.easing ? " " + this.options.easing : "")), I(n, "transform", "translate3d(0,0,0)"), typeof n.animated == "number" && clearTimeout(n.animated), n.animated = setTimeout(function() {
           I(n, "transition", ""), I(n, "transform", ""), n.animated = !1, n.animatingX = !1, n.animatingY = !1;
         }, r);
       }
     }
   };
 }
-function Ro(t) {
+function $o(t) {
   return t.offsetWidth;
 }
-function $o(t, e, a, n) {
+function Zo(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 We = [], Gt = {
@@ -428,7 +428,7 @@ var We = [], Gt = {
     }), o;
   }
 };
-function Zo(t) {
+function Uo(t) {
   var e = t.sortable, a = t.rootEl, n = t.name, o = t.targetEl, i = t.cloneEl, r = t.toEl, l = t.fromEl, s = t.oldIndex, c = t.newIndex, d = t.oldDraggableIndex, u = t.newDraggableIndex, m = t.originalEvent, p = t.putSortable, g = t.extraEventProperties;
   if (e = e || a && a[ce], !!e) {
     var f, A = e.options, h = "on" + n.charAt(0).toUpperCase() + n.substr(1);
@@ -442,8 +442,8 @@ function Zo(t) {
     a && a.dispatchEvent(f), A[h] && A[h].call(e, f);
   }
 }
-var Uo = ["evt"], ie = function(e, a) {
-  var n = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, o = n.evt, i = Lo(n, Uo);
+var Vo = ["evt"], ie = function(e, a) {
+  var n = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, o = n.evt, i = Do(n, Vo);
   Tt.pluginEvent.bind(E)(e, a, we({
     dragEl: y,
     parentEl: U,
@@ -461,8 +461,8 @@ var Uo = ["evt"], ie = function(e, a) {
     oldDraggableIndex: pt,
     newIndex: se,
     newDraggableIndex: ke,
-    hideGhostForTarget: hn,
-    unhideGhostForTarget: yn,
+    hideGhostForTarget: yn,
+    unhideGhostForTarget: Tn,
     cloneNowHidden: function() {
       Oe = !0;
     },
@@ -479,7 +479,7 @@ var Uo = ["evt"], ie = function(e, a) {
   }, i));
 };
 function ae(t) {
-  Zo(we({
+  Uo(we({
     putSortable: K,
     cloneEl: V,
     targetEl: y,
@@ -490,14 +490,14 @@ function ae(t) {
     newDraggableIndex: ke
   }, t));
 }
-var y, U, L, $, He, Dt, V, Oe, Ke, se, pt, ke, wt, K, Ge = !1, Pt = !1, Mt = [], Ue, ge, Kt, qt, Ya, za, lt, Xe, mt, bt = !1, It = !1, Ft, Q, Qt = [], ba = !1, Rt = [], Vt = typeof document < "u", Et = sn, ja = yt || De ? "cssFloat" : "float", Vo = Vt && !Fo && !sn && "draggable" in document.createElement("div"), bn = function() {
+var y, U, L, $, He, Dt, V, Oe, Ke, se, pt, ke, wt, K, Ge = !1, Pt = !1, Mt = [], Ue, ge, Kt, qt, Ya, za, lt, Xe, mt, bt = !1, It = !1, Ft, Q, Qt = [], ba = !1, Rt = [], Vt = typeof document < "u", Et = cn, ja = yt || De ? "cssFloat" : "float", Ho = Vt && !No && !cn && "draggable" in document.createElement("div"), fn = function() {
   if (Vt) {
     if (De)
       return !1;
     var t = document.createElement("x");
     return t.style.cssText = "pointer-events:auto", t.style.pointerEvents === "auto";
   }
-}(), fn = function(e, a) {
+}(), gn = function(e, a) {
   var n = I(e), o = parseInt(n.width) - parseInt(n.paddingLeft) - parseInt(n.paddingRight) - parseInt(n.borderLeftWidth) - parseInt(n.borderRightWidth), i = et(e, 0, a), r = et(e, 1, a), l = i && I(i), s = r && I(r), c = l && parseInt(l.marginLeft) + parseInt(l.marginRight) + X(i).width, d = s && parseInt(s.marginLeft) + parseInt(s.marginRight) + X(r).width;
   if (n.display === "flex")
     return n.flexDirection === "column" || n.flexDirection === "column-reverse" ? "vertical" : "horizontal";
@@ -508,10 +508,10 @@ var y, U, L, $, He, Dt, V, Oe, Ke, se, pt, ke, wt, K, Ge = !1, Pt = !1, Mt = [],
     return r && (s.clear === "both" || s.clear === u) ? "vertical" : "horizontal";
   }
   return i && (l.display === "block" || l.display === "flex" || l.display === "table" || l.display === "grid" || c >= o && n[ja] === "none" || r && n[ja] === "none" && c + d > o) ? "vertical" : "horizontal";
-}, Ho = function(e, a, n) {
+}, Yo = function(e, a, n) {
   var o = n ? e.left : e.top, i = n ? e.right : e.bottom, r = n ? e.width : e.height, l = n ? a.left : a.top, s = n ? a.right : a.bottom, c = n ? a.width : a.height;
   return o === l || i === s || o + r / 2 === l + c / 2;
-}, Yo = function(e, a) {
+}, zo = function(e, a) {
   var n;
   return Mt.some(function(o) {
     var i = o[ce].options.emptyInsertThreshold;
@@ -521,7 +521,7 @@ var y, U, L, $, He, Dt, V, Oe, Ke, se, pt, ke, wt, K, Ge = !1, Pt = !1, Mt = [],
         return n = o;
     }
   }), n;
-}, gn = function(e) {
+}, hn = function(e) {
   function a(i, r) {
     return function(l, s, c, d) {
       var u = l.options.group.name && s.options.group.name && l.options.group.name === s.options.group.name;
@@ -541,10 +541,10 @@ var y, U, L, $, He, Dt, V, Oe, Ke, se, pt, ke, wt, K, Ge = !1, Pt = !1, Mt = [],
   (!o || Lt(o) != "object") && (o = {
     name: o
   }), n.name = o.name, n.checkPull = a(o.pull, !0), n.checkPut = a(o.put), n.revertClone = o.revertClone, e.group = n;
-}, hn = function() {
-  !bn && L && I(L, "display", "none");
 }, yn = function() {
-  !bn && L && I(L, "display", "");
+  !fn && L && I(L, "display", "none");
+}, Tn = function() {
+  !fn && L && I(L, "display", "");
 };
 Vt && document.addEventListener("click", function(t) {
   if (Pt)
@@ -553,7 +553,7 @@ Vt && document.addEventListener("click", function(t) {
 var Ve = function(e) {
   if (y) {
     e = e.touches ? e.touches[0] : e;
-    var a = Yo(e.clientX, e.clientY);
+    var a = zo(e.clientX, e.clientY);
     if (a) {
       var n = {};
       for (var o in e)
@@ -561,7 +561,7 @@ var Ve = function(e) {
       n.target = n.rootEl = a, n.preventDefault = void 0, n.stopPropagation = void 0, a[ce]._onDragOver(n);
     }
   }
-}, zo = function(e) {
+}, jo = function(e) {
   y && y.parentNode[ce]._isOutsideThisEl(e.target);
 };
 function E(t, e) {
@@ -583,7 +583,7 @@ function E(t, e) {
     // will be set to same as swapThreshold if default
     removeCloneOnHide: !0,
     direction: function() {
-      return fn(t, this.options);
+      return gn(t, this.options);
     },
     ghostClass: "sortable-ghost",
     chosenClass: "sortable-chosen",
@@ -616,10 +616,10 @@ function E(t, e) {
   Tt.initializePlugins(this, t, a);
   for (var n in a)
     !(n in e) && (e[n] = a[n]);
-  gn(e);
+  hn(e);
   for (var o in this)
     o.charAt(0) === "_" && typeof this[o] == "function" && (this[o] = this[o].bind(this));
-  this.nativeDraggable = e.forceFallback ? !1 : Vo, this.nativeDraggable && (this.options.touchStartThreshold = 1), e.supportPointer ? O(t, "pointerdown", this._onTapStart) : (O(t, "mousedown", this._onTapStart), O(t, "touchstart", this._onTapStart)), this.nativeDraggable && (O(t, "dragover", this), O(t, "dragenter", this)), Mt.push(this.el), e.store && e.store.get && this.sort(e.store.get(this) || []), Le(this, Mo());
+  this.nativeDraggable = e.forceFallback ? !1 : Ho, this.nativeDraggable && (this.options.touchStartThreshold = 1), e.supportPointer ? O(t, "pointerdown", this._onTapStart) : (O(t, "mousedown", this._onTapStart), O(t, "touchstart", this._onTapStart)), this.nativeDraggable && (O(t, "dragover", this), O(t, "dragenter", this)), Mt.push(this.el), e.store && e.store.get && this.sort(e.store.get(this) || []), Le(this, Ro());
 }
 E.prototype = /** @lends Sortable.prototype */
 {
@@ -633,7 +633,7 @@ E.prototype = /** @lends Sortable.prototype */
   _onTapStart: function(e) {
     if (e.cancelable) {
       var a = this, n = this.el, o = this.options, i = o.preventOnFilter, r = e.type, l = e.touches && e.touches[0] || e.pointerType && e.pointerType === "touch" && e, s = (l || e).target, c = e.target.shadowRoot && (e.path && e.path[0] || e.composedPath && e.composedPath()[0]) || s, d = o.filter;
-      if (Qo(n), !y && !(/mousedown|pointerdown/.test(r) && e.button !== 0 || o.disabled) && !c.isContentEditable && !(!this.nativeDraggable && dt && s && s.tagName.toUpperCase() === "SELECT") && (s = Ce(s, o.draggable, n, !1), !(s && s.animated) && Dt !== s)) {
+      if (ei(n), !y && !(/mousedown|pointerdown/.test(r) && e.button !== 0 || o.disabled) && !c.isContentEditable && !(!this.nativeDraggable && dt && s && s.tagName.toUpperCase() === "SELECT") && (s = Ce(s, o.draggable, n, !1), !(s && s.animated) && Dt !== s)) {
         if (Ke = fe(s), pt = fe(s, o.draggable), typeof d == "function") {
           if (d.call(this, e, s, this)) {
             ae({
@@ -689,7 +689,7 @@ E.prototype = /** @lends Sortable.prototype */
           originalEvent: e
         }), le(y, r.chosenClass, !0);
       }, r.ignore.split(",").forEach(function(d) {
-        dn(y, d.trim(), ea);
+        un(y, d.trim(), ea);
       }), O(l, "dragover", Ve), O(l, "mousemove", Ve), O(l, "touchmove", Ve), O(l, "mouseup", o._onDrop), O(l, "touchend", o._onDrop), O(l, "touchcancel", o._onDrop), Za && this.nativeDraggable && (this.options.touchStartThreshold = 4, y.draggable = !0), ie("delayStart", this, {
         evt: e
       }), r.delay && (!r.delayOnTouchOnly || a) && (!this.nativeDraggable || !(yt || De))) {
@@ -726,7 +726,7 @@ E.prototype = /** @lends Sortable.prototype */
     if (Ge = !1, $ && y) {
       ie("dragStarted", this, {
         evt: a
-      }), this.nativeDraggable && O(document, "dragover", zo);
+      }), this.nativeDraggable && O(document, "dragover", jo);
       var n = this.options;
       !e && le(y, n.dragClass, !1), le(y, n.ghostClass, !0), E.active = this, e && this._appendGhost(), ae({
         sortable: this,
@@ -738,7 +738,7 @@ E.prototype = /** @lends Sortable.prototype */
   },
   _emulateDragOver: function() {
     if (ge) {
-      this._lastX = ge.clientX, this._lastY = ge.clientY, hn();
+      this._lastX = ge.clientX, this._lastY = ge.clientY, yn();
       for (var e = document.elementFromPoint(ge.clientX, ge.clientY), a = e; e && e.shadowRoot && (e = e.shadowRoot.elementFromPoint(ge.clientX, ge.clientY), e !== a); )
         a = e;
       if (y.parentNode[ce]._isOutsideThisEl(e), a)
@@ -755,7 +755,7 @@ E.prototype = /** @lends Sortable.prototype */
           }
           e = a;
         } while (a = a.parentNode);
-      yn();
+      Tn();
     }
   },
   _onTouchMove: function(e) {
@@ -800,7 +800,7 @@ E.prototype = /** @lends Sortable.prototype */
       this._onDrop();
       return;
     }
-    ie("setupClone", this), E.eventCanceled || (V = mn(y), V.draggable = !1, V.style["will-change"] = "", this._hideClone(), le(V, this.options.chosenClass, !1), E.clone = V), n.cloneId = Nt(function() {
+    ie("setupClone", this), E.eventCanceled || (V = bn(y), V.draggable = !1, V.style["will-change"] = "", this._hideClone(), le(V, this.options.chosenClass, !1), E.clone = V), n.cloneId = Nt(function() {
       ie("clone", n), !E.eventCanceled && (n.options.removeCloneOnHide || $.insertBefore(V, y), n._hideClone(), ae({
         sortable: n,
         name: "clone"
@@ -811,7 +811,7 @@ E.prototype = /** @lends Sortable.prototype */
   _onDragOver: function(e) {
     var a = this.el, n = e.target, o, i, r, l = this.options, s = l.group, c = E.active, d = wt === s, u = l.sort, m = K || c, p, g = this, f = !1;
     if (ba) return;
-    function A(it, Gn) {
+    function A(it, Kn) {
       ie(it, g, we({
         evt: e,
         isOwner: d,
@@ -823,11 +823,11 @@ E.prototype = /** @lends Sortable.prototype */
         fromSortable: m,
         target: n,
         completed: v,
-        onMove: function(Oa, Kn) {
-          return At($, a, y, o, Oa, X(Oa), e, Kn);
+        onMove: function(Oa, qn) {
+          return At($, a, y, o, Oa, X(Oa), e, qn);
         },
         changed: C
-      }, Gn));
+      }, Kn));
     }
     function h() {
       A("dragOverAnimationCapture"), g.captureAnimationState(), g !== m && m.captureAnimationState();
@@ -857,12 +857,12 @@ E.prototype = /** @lends Sortable.prototype */
       if (r)
         return U = $, h(), this._hideClone(), A("revert"), E.eventCanceled || (He ? $.insertBefore(y, He) : $.appendChild(y)), v(!0);
       var b = Ea(a, l.draggable);
-      if (!b || Jo(e, p, this) && !b.animated) {
+      if (!b || Go(e, p, this) && !b.animated) {
         if (b === y)
           return v(!1);
         if (b && a === e.target && (n = b), n && (i = X(n)), At($, a, y, o, n, i, e, !!n) !== !1)
           return h(), a.appendChild(y), U = a, C(), v(!0);
-      } else if (b && Xo(e, p, this)) {
+      } else if (b && Jo(e, p, this)) {
         var T = et(a, 0, l, !0);
         if (T === y)
           return v(!1);
@@ -870,8 +870,8 @@ E.prototype = /** @lends Sortable.prototype */
           return h(), a.insertBefore(y, T), U = a, C(), v(!0);
       } else if (n.parentNode === a) {
         i = X(n);
-        var _ = 0, B, S = y.parentNode !== a, M = !Ho(y.animated && y.toRect || o, n.animated && n.toRect || i, p), H = p ? "top" : "left", q = Va(n, "top", "top") || Va(y, "top", "top"), F = q ? q.scrollTop : void 0;
-        Xe !== n && (B = i[H], bt = !1, It = !M && l.invertSwap || S), _ = Go(e, n, i, p, M ? 1 : l.swapThreshold, l.invertedSwapThreshold == null ? l.swapThreshold : l.invertedSwapThreshold, It, Xe === n);
+        var _ = 0, B, S = y.parentNode !== a, M = !Yo(y.animated && y.toRect || o, n.animated && n.toRect || i, p), H = p ? "top" : "left", q = Va(n, "top", "top") || Va(y, "top", "top"), F = q ? q.scrollTop : void 0;
+        Xe !== n && (B = i[H], bt = !1, It = !M && l.invertSwap || S), _ = Ko(e, n, i, p, M ? 1 : l.swapThreshold, l.invertedSwapThreshold == null ? l.swapThreshold : l.invertedSwapThreshold, It, Xe === n);
         var R;
         if (_ !== 0) {
           var ve = fe(y);
@@ -886,7 +886,7 @@ E.prototype = /** @lends Sortable.prototype */
         Fe = _ === 1;
         var xt = At($, a, y, o, n, i, e, Fe);
         if (xt !== !1)
-          return (xt === 1 || xt === -1) && (Fe = xt === 1), ba = !0, setTimeout(Wo, 30), h(), Fe && !Ee ? a.appendChild(y) : n.parentNode.insertBefore(y, Fe ? Ee : n), q && pn(q, 0, F - q.scrollTop), U = y.parentNode, B !== void 0 && !It && (Ft = Math.abs(B - X(n)[H])), C(), v(!0);
+          return (xt === 1 || xt === -1) && (Fe = xt === 1), ba = !0, setTimeout(Xo, 30), h(), Fe && !Ee ? a.appendChild(y) : n.parentNode.insertBefore(y, Fe ? Ee : n), q && mn(q, 0, F - q.scrollTop), U = y.parentNode, B !== void 0 && !It && (Ft = Math.abs(B - X(n)[H])), C(), v(!0);
       }
       if (a.contains(y))
         return v(!1);
@@ -968,7 +968,7 @@ E.prototype = /** @lends Sortable.prototype */
         break;
       case "dragenter":
       case "dragover":
-        y && (this._onDragOver(e), jo(e));
+        y && (this._onDragOver(e), Wo(e));
         break;
       case "selectstart":
         e.preventDefault();
@@ -981,7 +981,7 @@ E.prototype = /** @lends Sortable.prototype */
    */
   toArray: function() {
     for (var e = [], a, n = this.el.children, o = 0, i = n.length, r = this.options; o < i; o++)
-      a = n[o], Ce(a, r.draggable, this.el, !1) && e.push(a.getAttribute(r.dataIdAttr) || qo(a));
+      a = n[o], Ce(a, r.draggable, this.el, !1) && e.push(a.getAttribute(r.dataIdAttr) || Qo(a));
     return e;
   },
   /**
@@ -1024,7 +1024,7 @@ E.prototype = /** @lends Sortable.prototype */
     if (a === void 0)
       return n[e];
     var o = Tt.modifyOption(this, e, a);
-    typeof o < "u" ? n[e] = o : n[e] = a, e === "group" && gn(n);
+    typeof o < "u" ? n[e] = o : n[e] = a, e === "group" && hn(n);
   },
   /**
    * Destroy
@@ -1053,7 +1053,7 @@ E.prototype = /** @lends Sortable.prototype */
     }
   }
 };
-function jo(t) {
+function Wo(t) {
   t.dataTransfer && (t.dataTransfer.dropEffect = "move"), t.cancelable && t.preventDefault();
 }
 function At(t, e, a, n, o, i, r, l) {
@@ -1066,18 +1066,18 @@ function At(t, e, a, n, o, i, r, l) {
 function ea(t) {
   t.draggable = !1;
 }
-function Wo() {
+function Xo() {
   ba = !1;
 }
-function Xo(t, e, a) {
+function Jo(t, e, a) {
   var n = X(et(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 Go(t, e, a) {
   var n = X(Ea(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 Go(t, e, a, n, o, i, r, l) {
+function Ko(t, e, a, n, o, i, r, l) {
   var s = n ? t.clientY : t.clientX, c = n ? a.height : a.width, d = n ? a.top : a.left, u = n ? a.bottom : a.right, m = !1;
   if (!r) {
     if (l && Ft < c * o) {
@@ -1086,19 +1086,19 @@ function Go(t, e, a, n, o, i, r, l) {
       else if (mt === 1 ? s < d + Ft : s > u - Ft)
         return -mt;
     } else if (s > d + c * (1 - o) / 2 && s < u - c * (1 - o) / 2)
-      return Ko(e);
+      return qo(e);
   }
   return m = m || r, m && (s < d + c * i / 2 || s > u - c * i / 2) ? s > d + c / 2 ? 1 : -1 : 0;
 }
-function Ko(t) {
+function qo(t) {
   return fe(y) < fe(t) ? 1 : -1;
 }
-function qo(t) {
+function Qo(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 Qo(t) {
+function ei(t) {
   Rt.length = 0;
   for (var e = t.getElementsByTagName("input"), a = e.length; a--; ) {
     var n = e[a];
@@ -1118,19 +1118,19 @@ E.utils = {
   on: O,
   off: k,
   css: I,
-  find: dn,
+  find: un,
   is: function(e, a) {
     return !!Ce(e, a, e, !1);
   },
-  extend: Oo,
-  throttle: un,
+  extend: Po,
+  throttle: pn,
   closest: Ce,
   toggleClass: le,
-  clone: mn,
+  clone: bn,
   index: fe,
   nextTick: Nt,
   cancelNextTick: fa,
-  detectDirection: fn,
+  detectDirection: gn,
   getChild: et
 };
 E.get = function(t) {
@@ -1148,9 +1148,9 @@ E.mount = function() {
 E.create = function(t, e) {
   return new E(t, e);
 };
-E.version = Do;
+E.version = Fo;
 var j = [], st, ga, ha = !1, ta, aa, $t, ct;
-function ei() {
+function ti() {
   function t() {
     this.defaults = {
       scroll: !0,
@@ -1172,7 +1172,7 @@ function ei() {
       !this.options.dragOverBubble && !n.rootEl && this._handleAutoScroll(n);
     },
     drop: function() {
-      this.sortable.nativeDraggable ? k(document, "dragover", this._handleAutoScroll) : (k(document, "pointermove", this._handleFallbackAutoScroll), k(document, "touchmove", this._handleFallbackAutoScroll), k(document, "mousemove", this._handleFallbackAutoScroll)), Wa(), kt(), Po();
+      this.sortable.nativeDraggable ? k(document, "dragover", this._handleAutoScroll) : (k(document, "pointermove", this._handleFallbackAutoScroll), k(document, "touchmove", this._handleFallbackAutoScroll), k(document, "mousemove", this._handleFallbackAutoScroll)), Wa(), kt(), Mo();
     },
     nulling: function() {
       $t = ga = st = ha = ct = ta = aa = null, j.length = 0;
@@ -1210,7 +1210,7 @@ function kt() {
 function Wa() {
   clearInterval(ct);
 }
-var na = un(function(t, e, a, n) {
+var na = pn(function(t, e, a, n) {
   if (e.scroll) {
     var o = (t.touches ? t.touches[0] : t).clientX, i = (t.touches ? t.touches[0] : t).clientY, r = e.scrollSensitivity, l = e.scrollSpeed, s = xe(), c = !1, d;
     ga !== a && (ga = a, kt(), st = e.scroll, d = e.scrollFn, st === !0 && (st = Pe(a, !0)));
@@ -1225,14 +1225,14 @@ var na = un(function(t, e, a, n) {
       (j[u].vx != F || j[u].vy != R || j[u].el !== p) && (j[u].el = p, j[u].vx = F, j[u].vy = R, clearInterval(j[u].pid), (F != 0 || R != 0) && (c = !0, j[u].pid = setInterval((function() {
         n && this.layer === 0 && E.active._onTouchMove($t);
         var Ee = j[this.layer].vy ? j[this.layer].vy * l : 0, Fe = j[this.layer].vx ? j[this.layer].vx * l : 0;
-        typeof d == "function" && d.call(E.dragged.parentNode[ce], Fe, Ee, t, $t, j[this.layer].el) !== "continue" || pn(j[this.layer].el, Fe, Ee);
+        typeof d == "function" && d.call(E.dragged.parentNode[ce], Fe, Ee, t, $t, j[this.layer].el) !== "continue" || mn(j[this.layer].el, Fe, Ee);
       }).bind({
         layer: u
       }), 24))), u++;
     } while (e.bubbleScroll && m !== s && (m = Pe(m, !1)));
     ha = c;
   }
-}, 30), Tn = function(e) {
+}, 30), vn = function(e) {
   var a = e.originalEvent, n = e.putSortable, o = e.dragEl, i = e.activeSortable, r = e.dispatchSortableEvent, l = e.hideGhostForTarget, s = e.unhideGhostForTarget;
   if (a) {
     var c = n || i;
@@ -1258,7 +1258,7 @@ Aa.prototype = {
     var o = et(this.sortable.el, this.startIndex, this.options);
     o ? this.sortable.el.insertBefore(a, o) : this.sortable.el.appendChild(a), this.sortable.animateAll(), n && n.animateAll();
   },
-  drop: Tn
+  drop: vn
 };
 Le(Aa, {
   pluginName: "revertOnSpill"
@@ -1270,12 +1270,12 @@ Sa.prototype = {
     var a = e.dragEl, n = e.putSortable, o = n || this.sortable;
     o.captureAnimationState(), a.parentNode && a.parentNode.removeChild(a), o.animateAll();
   },
-  drop: Tn
+  drop: vn
 };
 Le(Sa, {
   pluginName: "removeOnSpill"
 });
-E.mount(new ei());
+E.mount(new ti());
 E.mount(Sa, Aa);
 function oa(t) {
   t.parentElement !== null && t.parentElement.removeChild(t);
@@ -1284,25 +1284,25 @@ function Xa(t, e, a) {
   const n = a === 0 ? t.children[0] : t.children[a - 1].nextSibling;
   t.insertBefore(e, n);
 }
-function ti() {
+function ai() {
   return typeof window < "u" ? window.console : global.console;
 }
-const ai = ti();
-function ni(t) {
+const ni = ai();
+function oi(t) {
   const e = /* @__PURE__ */ Object.create(null);
   return function(n) {
     return e[n] || (e[n] = t(n));
   };
 }
-const oi = /-(\w)/g, ii = ni((t) => t.replace(oi, (e, a) => a.toUpperCase())), vn = ["Start", "Add", "Remove", "Update", "End"], Cn = ["Choose", "Unchoose", "Sort", "Filter", "Clone"], _n = ["Move"], ri = [_n, vn, Cn].flatMap((t) => t).map((t) => `on${t}`), ya = {
-  manage: _n,
-  manageAndEmit: vn,
-  emit: Cn
+const ii = /-(\w)/g, ri = oi((t) => t.replace(ii, (e, a) => a.toUpperCase())), Cn = ["Start", "Add", "Remove", "Update", "End"], _n = ["Choose", "Unchoose", "Sort", "Filter", "Clone"], xn = ["Move"], li = [xn, Cn, _n].flatMap((t) => t).map((t) => `on${t}`), ya = {
+  manage: xn,
+  manageAndEmit: Cn,
+  emit: _n
 };
-function li(t) {
-  return ri.indexOf(t) !== -1;
+function si(t) {
+  return li.indexOf(t) !== -1;
 }
-const si = [
+const ci = [
   "a",
   "abbr",
   "address",
@@ -1421,28 +1421,28 @@ const si = [
   "video",
   "wbr"
 ];
-function ci(t) {
-  return si.includes(t);
-}
 function di(t) {
+  return ci.includes(t);
+}
+function ui(t) {
   return ["transition-group", "TransitionGroup"].includes(t);
 }
-function xn(t) {
+function wn(t) {
   return ["id", "class", "role", "style"].includes(t) || t.startsWith("data-") || t.startsWith("aria-") || t.startsWith("on");
 }
-function wn(t) {
+function In(t) {
   return t.reduce((e, [a, n]) => (e[a] = n, e), {});
 }
-function ui({ $attrs: t, componentData: e = {} }) {
+function pi({ $attrs: t, componentData: e = {} }) {
   return {
-    ...wn(
-      Object.entries(t).filter(([n, o]) => xn(n))
+    ...In(
+      Object.entries(t).filter(([n, o]) => wn(n))
     ),
     ...e
   };
 }
-function pi({ $attrs: t, callBackBuilder: e }) {
-  const a = wn(In(t));
+function mi({ $attrs: t, callBackBuilder: e }) {
+  const a = In(En(t));
   Object.entries(e).forEach(([o, i]) => {
     ya[o].forEach((r) => {
       a[`on${r}`] = i(r);
@@ -1454,11 +1454,11 @@ function pi({ $attrs: t, callBackBuilder: e }) {
     draggable: n
   };
 }
-function In(t) {
-  return Object.entries(t).filter(([e, a]) => !xn(e)).map(([e, a]) => [ii(e), a]).filter(([e, a]) => !li(e));
+function En(t) {
+  return Object.entries(t).filter(([e, a]) => !wn(e)).map(([e, a]) => [ri(e), a]).filter(([e, a]) => !si(e));
 }
-const Ja = ({ el: t }) => t, mi = (t, e) => t.__draggable_context = e, Ga = (t) => t.__draggable_context;
-class bi {
+const Ja = ({ el: t }) => t, bi = (t, e) => t.__draggable_context = e, Ga = (t) => t.__draggable_context;
+class fi {
   constructor({
     nodes: { header: e, default: a, footer: n },
     root: o,
@@ -1476,7 +1476,7 @@ class bi {
   updated() {
     const { defaultNodes: e, realList: a } = this;
     e.forEach((n, o) => {
-      mi(Ja(n), {
+      bi(Ja(n), {
         element: a[o],
         index: o
       });
@@ -1500,13 +1500,13 @@ class bi {
     return e < c ? 0 : o;
   }
 }
-function fi(t, e) {
+function gi(t, e) {
   const a = t[e];
   return a ? a() : [];
 }
-function gi({ $slots: t, realList: e, getKey: a }) {
+function hi({ $slots: t, realList: e, getKey: a }) {
   const n = e || [], [o, i] = ["header", "footer"].map(
-    (s) => fi(t, s)
+    (s) => gi(t, s)
   ), { item: r } = t;
   if (!r)
     throw new Error("draggable element must have an item slot");
@@ -1521,35 +1521,35 @@ function gi({ $slots: t, realList: e, getKey: a }) {
     default: l
   };
 }
-function hi(t) {
-  const e = di(t), a = !ci(t) && !e;
+function yi(t) {
+  const e = ui(t), a = !di(t) && !e;
   return {
     transition: e,
     externalComponent: a,
-    tag: a ? W(t) : e ? qn : t
+    tag: a ? W(t) : e ? Qn : t
   };
 }
-function yi({ $slots: t, tag: e, realList: a, getKey: n }) {
-  const o = gi({ $slots: t, realList: a, getKey: n }), i = hi(e);
-  return new bi({ nodes: o, root: i, realList: a });
+function Ti({ $slots: t, tag: e, realList: a, getKey: n }) {
+  const o = hi({ $slots: t, realList: a, getKey: n }), i = yi(e);
+  return new fi({ nodes: o, root: i, realList: a });
 }
-function En(t, e) {
-  nn(() => this.$emit(t.toLowerCase(), e));
+function An(t, e) {
+  on(() => this.$emit(t.toLowerCase(), e));
 }
-function An(t) {
+function Sn(t) {
   return (e, a) => {
     if (this.realList !== null)
       return this[`onDrag${t}`](e, a);
   };
 }
-function Ti(t) {
-  const e = An.call(this, t);
+function vi(t) {
+  const e = Sn.call(this, t);
   return (a, n) => {
-    e.call(this, a, n), En.call(this, t, a);
+    e.call(this, a, n), An.call(this, t, a);
   };
 }
 let ia = null;
-const vi = {
+const Ci = {
   list: {
     type: Array,
     required: !1,
@@ -1581,15 +1581,15 @@ const vi = {
     required: !1,
     default: null
   }
-}, Ci = [
+}, _i = [
   "update:modelValue",
   "change",
   ...[...ya.manageAndEmit, ...ya.emit].map((t) => t.toLowerCase())
-], Sn = ue({
+], Bn = ue({
   name: "draggable",
   inheritAttrs: !1,
-  props: vi,
-  emits: Ci,
+  props: Ci,
+  emits: _i,
   data() {
     return {
       error: !1
@@ -1598,21 +1598,21 @@ const vi = {
   render() {
     try {
       this.error = !1;
-      const { $slots: t, $attrs: e, tag: a, componentData: n, realList: o, getKey: i } = this, r = yi({
+      const { $slots: t, $attrs: e, tag: a, componentData: n, realList: o, getKey: i } = this, r = Ti({
         $slots: t,
         tag: a,
         realList: o,
         getKey: i
       });
       this.componentStructure = r;
-      const l = ui({ $attrs: e, componentData: n });
+      const l = pi({ $attrs: e, componentData: n });
       return r.render(pa, l);
     } catch (t) {
       return this.error = !0, pa("pre", { style: { color: "red" } }, t.stack);
     }
   },
   created() {
-    this.list !== null && this.modelValue !== null && ai.error(
+    this.list !== null && this.modelValue !== null && ni.error(
       "modelValue and list props are mutually exclusive! Please set one or another."
     );
   },
@@ -1621,12 +1621,12 @@ const vi = {
       return;
     const { $attrs: t, $el: e, componentStructure: a } = this;
     a.updated();
-    const n = pi({
+    const n = mi({
       $attrs: t,
       callBackBuilder: {
-        manageAndEmit: (i) => Ti.call(this, i),
-        emit: (i) => En.bind(this, i),
-        manage: (i) => An.call(this, i)
+        manageAndEmit: (i) => vi.call(this, i),
+        emit: (i) => An.bind(this, i),
+        manage: (i) => Sn.call(this, i)
       }
     }), o = e.nodeType === 1 ? e : e.parentElement;
     this._sortable = new E(o, n), this.targetDomElement = o, o.__draggable_component__ = this;
@@ -1651,7 +1651,7 @@ const vi = {
     $attrs: {
       handler(t) {
         const { _sortable: e } = this;
-        e && In(t).forEach(([a, n]) => {
+        e && En(t).forEach(([a, n]) => {
           e.option(a, n);
         });
       },
@@ -1666,7 +1666,7 @@ const vi = {
       return t.__draggable_component__;
     },
     emitChanges(t) {
-      nn(() => this.$emit("change", t));
+      on(() => this.$emit("change", t));
     },
     alterList(t) {
       if (this.list) {
@@ -1835,13 +1835,13 @@ const vi = {
     ],
     group: "member"
   }
-], _i = {
+], xi = {
   paddingTop: "0px",
   paddingBottom: "0px",
   paddingLeft: "0px",
   paddingRight: "0px",
   backgroundColor: "#FFFFFF"
-}, xi = {
+}, wi = {
   containerStyles: {
     paddingTop: "0px",
     paddingBottom: "0px",
@@ -1876,7 +1876,7 @@ const vi = {
     height: t.height ?? "auto",
     boxShadow: t.boxShadow ?? "none"
   }
-}), wi = {
+}), Ii = {
   ...Te({
     marginLeft: "12px",
     marginRight: "12px",
@@ -1902,7 +1902,7 @@ const vi = {
       // underline, line-through
     }
   }
-}, Ii = {
+}, Ei = {
   ...Te({
     marginLeft: "12px",
     marginRight: "12px",
@@ -1970,7 +1970,7 @@ const vi = {
   itemsPerRow: 3,
   iconColor: "#ff7823",
   textColor: "#000000"
-}, Ei = {
+}, Ai = {
   ...Te({
     marginLeft: "0px",
     marginRight: "0px",
@@ -1988,7 +1988,7 @@ const vi = {
     isExternal: !1
   },
   objectFit: "cover"
-}, Ai = {
+}, Si = {
   ...Te({
     paddingTop: "0px",
     paddingBottom: "0px",
@@ -2023,7 +2023,7 @@ const vi = {
   autoRotation: !0,
   rotationInterval: "3s",
   objectFit: "cover"
-}, Bn = {
+}, Ln = {
   memberImage: "",
   memberName: "Member",
   memberTierName: "Tier 1",
@@ -2032,7 +2032,7 @@ const vi = {
   memberTitles: ["Title 1", "Title 2"],
   memberCurrentTierTotal: 1050,
   memberPointToNextTier: 50
-}, Si = {
+}, Bi = {
   ...Te({
     marginLeft: "12px",
     marginRight: "12px",
@@ -2043,7 +2043,7 @@ const vi = {
     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: Bn,
+  data: Ln,
   showCredit: !0,
   showPoints: !0,
   showTier: !0,
@@ -2051,7 +2051,7 @@ const vi = {
   signedIn: !0,
   designStyle: 1,
   showMemberQr: !0
-}, Bi = {
+}, Li = {
   ...Te({
     marginLeft: "12px",
     marginRight: "12px",
@@ -2074,7 +2074,7 @@ const vi = {
     textColor: "#1C1C1E",
     iconColor: "#FF7823"
   }
-}, Li = {
+}, qa = (t) => t, Di = {
   ...Te({
     marginLeft: "12px",
     marginRight: "12px",
@@ -2085,12 +2085,12 @@ const vi = {
     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)"
   }),
-  label: "Our outlets",
-  sublabel: "Find a store near you",
+  label: qa("user.branches.ourOutlets"),
+  sublabel: qa("user.branches.findStoreNearYou"),
   iconColor: "#FF7823",
   labelColor: "#1C1C1E",
   sublabelColor: "#6B6B6B"
-}, Ln = [
+}, Dn = [
   {
     thumbnailPhoto: "",
     restaurantName: "Coffee Restaurant",
@@ -2109,7 +2109,7 @@ const vi = {
     orderDate: "2024-03-12T05:19:59.880Z",
     orderType: "DELIVERY"
   }
-], Di = {
+], Fi = {
   ...Te({
     marginLeft: "0px",
     marginRight: "0px",
@@ -2120,9 +2120,9 @@ const vi = {
     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: Ln,
+  data: Dn,
   signedIn: !0
-}, Fi = {
+}, Ni = {
   memberImage: "",
   memberName: "Member",
   memberTierName: "Tier 1",
@@ -2136,7 +2136,7 @@ const vi = {
     tiers: ["Tier 1", "Tier 2", "Tier 3", "Tier 4"],
     titles: ["Title 1", "Title 2", "Title 3", "Title 4", "Title 5"]
   }
-}, Ni = {
+}, ki = {
   ...Te({
     marginLeft: "12px",
     marginRight: "12px",
@@ -2147,16 +2147,16 @@ const vi = {
     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: Fi,
+  data: Ni,
   showTier: !0,
   showTitle: !0,
   tierColor: "#1F7735",
   titleColor: "#FF7823",
   buttonTextColor: "#6b6b6b",
   buttonFillColor: "#f2f2f7"
-}, ki = {
-  cards: []
 }, Oi = {
+  cards: []
+}, Pi = {
   ...Te({
     marginLeft: "12px",
     marginRight: "12px",
@@ -2167,10 +2167,10 @@ const vi = {
     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: ki,
+  data: Oi,
   cardFillColor: "#F2F2F7",
   cardTextColor: "#6B6B6B"
-}, Pi = {
+}, Mi = {
   memberImage: "",
   memberName: "Member",
   memberPhone: "+60123456789",
@@ -2178,7 +2178,7 @@ const vi = {
   memberPoints: 1e3,
   memberCurrentTierTotal: 1050,
   memberPointToNextTier: 50
-}, Mi = {
+}, Ri = {
   ...Te({
     marginLeft: "12px",
     marginRight: "12px",
@@ -2190,12 +2190,12 @@ const vi = {
     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: Pi,
+  data: Mi,
   thumbnailColorFillColor: "#FBE5CB",
   thumbnailTextColor: "#FF7823",
   textColor: "#1C1C1E",
   qrCodeColor: "#1C1C1E"
-}, Dn = {
+}, Fn = {
   member: {
     _id: "666ada11ac413694cc0973b7",
     name: "kaizhe",
@@ -4235,13 +4235,13 @@ const vi = {
   amountExpiring: 402,
   isLoading: !1,
   isCompleted: !1
-}, Ri = {
-  data: Dn,
-  designStyle: 1
 }, $i = {
-  data: Dn,
+  data: Fn,
   designStyle: 1
 }, Zi = {
+  data: Fn,
+  designStyle: 1
+}, Ui = {
   memberState: {
     member: {
       _id: "666ada11ac413694cc0973b7",
@@ -5149,7 +5149,7 @@ const vi = {
       }
     }
   }
-}, Ui = {
+}, Vi = {
   data: {
     tableData: [
       ["Invites", "Rewards"],
@@ -5164,7 +5164,7 @@ const vi = {
       label: "Your friends has to sign up with your referral code or link and complete the criterias to progress"
     }
   ]
-}, Vi = {
+}, Hi = {
   data: {
     member: {
       referralCode: "h62yzbGh"
@@ -5279,30 +5279,30 @@ const vi = {
   }
 }, Ba = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  BranchList: Li,
-  ButtonList: Ii,
-  Container: xi,
-  Homepage: _i,
-  ImageCarousel: Ai,
-  ImageDisplay: Ei,
-  MemberAchievements: Ni,
-  MemberCard: Si,
-  MemberCards: Oi,
-  MemberSummary: Mi,
-  OrderHistoryCard: Di,
-  OrderMethod: Bi,
-  TextDisplay: wi,
-  _Credit: Ri,
-  _MemberProfile: Zi,
-  _Point: $i,
-  _Referral: Vi,
-  _ReferralTutorial: Ui
+  BranchList: Di,
+  ButtonList: Ei,
+  Container: wi,
+  Homepage: xi,
+  ImageCarousel: Si,
+  ImageDisplay: Ai,
+  MemberAchievements: ki,
+  MemberCard: Bi,
+  MemberCards: Pi,
+  MemberSummary: Ri,
+  OrderHistoryCard: Fi,
+  OrderMethod: Li,
+  TextDisplay: Ii,
+  _Credit: $i,
+  _MemberProfile: Ui,
+  _Point: Zi,
+  _Referral: Hi,
+  _ReferralTutorial: Vi
 }, Symbol.toStringTag, { value: "Module" }));
-function Hi(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;
+function Yi(t) {
+  const e = (a) => Array.isArray(a) ? a.map((n) => e(n)) : eo(a) || to(a) || ao(a) ? e(no(a)) : a && typeof a == "object" ? Object.keys(a).reduce((n, o) => (n[o] = e(a[o]), n), {}) : a;
   return e(t);
 }
-const $e = mo("editor", () => {
+const $e = bo("editor", () => {
   const t = ne({
     node: [],
     selectedNode: null,
@@ -5316,13 +5316,13 @@ const $e = mo("editor", () => {
     t.value.firstFetchedData = JSON.stringify(c), t.value.node = [c];
   }
   async function n(c, d) {
-    await po.getTemplateById(c, "drafts", d).then((u) => {
+    await mo.getTemplateById(c, "drafts", d).then((u) => {
       u && (a(u[0]), o(u[0]));
     }).catch(async (u) => {
       var g;
       const m = vt(), p = ze();
-      if (u instanceof Ao && ((g = u.response) == null ? void 0 : g.data) == "Template not found") {
-        const f = fo.find(
+      if (u instanceof So && ((g = u.response) == null ? void 0 : g.data) == "Template not found") {
+        const f = go.find(
           (A) => A.templateId == d
         );
         if (f) {
@@ -5396,7 +5396,7 @@ function vt() {
   }
   function o() {
     if (t.state.copied) {
-      const i = structuredClone(Hi(t.state.copied));
+      const i = structuredClone(Yi(t.state.copied));
       i._id = Ma();
       const r = t.state.node[0].children.findIndex(
         (s) => {
@@ -5417,7 +5417,7 @@ function vt() {
     pasteNode: o
   };
 }
-const Yi = { 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" }, zi = { class: "flex flex-col gap-12" }, ji = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, Wi = { class: "flex flex-col gap-8 justify-center items-center bg-fm-color-neutral-gray-100 py-12 px-16 cursor-grab rounded-md" }, Xi = { class: "fm-typo-en-body-md-600 text-fm-color-typo-secondary text-center" }, Ji = /* @__PURE__ */ ue({
+const zi = { 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" }, ji = { class: "flex flex-col gap-12" }, Wi = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, Xi = { class: "flex flex-col gap-8 justify-center items-center bg-fm-color-neutral-gray-100 py-12 px-16 cursor-grab rounded-md" }, Ji = { class: "fm-typo-en-body-md-600 text-fm-color-typo-secondary text-center" }, Gi = /* @__PURE__ */ ue({
   __name: "ElementSidebar",
   setup(t) {
     const e = vt(), a = ze(), { t: n } = je(), o = oe(
@@ -5432,10 +5432,10 @@ const Yi = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
     const r = oe(() => Ka.filter(
       (l) => l.group == o.value || l.group == "all"
     ));
-    return (l, s) => (D(), Z("div", Yi, [
-      (D(!0), Z(Re, null, ht(r.value, (c, d) => (D(), Z("section", zi, [
-        N("div", ji, de(x(n)(c.title)), 1),
-        w(x(Sn), {
+    return (l, s) => (D(), Z("div", zi, [
+      (D(!0), Z(Re, null, ht(r.value, (c, d) => (D(), Z("section", ji, [
+        N("div", Wi, de(x(n)(c.title)), 1),
+        w(x(Bn), {
           list: c.children,
           group: { name: "components", pull: "clone", put: !1 },
           sort: !1,
@@ -5444,27 +5444,27 @@ const Yi = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
           class: "grid grid-cols-2 gap-8"
         }, {
           item: P(({ element: u }) => [
-            N("div", Wi, [
-              w(ho, {
+            N("div", Xi, [
+              w(yo, {
                 class: "text-[24px] text-fm-color-typo-secondary",
                 name: u.icon
               }, null, 8, ["name"]),
-              N("div", Xi, de(x(n)(u.title)), 1)
+              N("div", Ji, de(x(n)(u.title)), 1)
             ])
           ]),
           _: 2
         }, 1032, ["list"]),
-        d !== x(Ka).length - 1 ? (D(), ee(rn, {
+        d !== x(Ka).length - 1 ? (D(), ee(ln, {
           key: 0,
           class: "mt-12"
         })) : G("", !0)
       ]))), 256))
     ]));
   }
-}), Gi = { 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" }, Ki = /* @__PURE__ */ ue({
+}), Ki = { 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" }, qi = /* @__PURE__ */ ue({
   __name: "EditorFloatingToobar",
   setup(t) {
-    const e = $e(), { state: a } = bo(e), n = vt(), o = oe(
+    const e = $e(), { state: a } = fo(e), n = vt(), o = oe(
       () => a.value.selectedNode && a.value.node.length > 0
     ), i = [
       // {
@@ -5506,7 +5506,7 @@ const Yi = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
     ];
     return (r, l) => {
       const s = W("FmButton");
-      return D(), Z("div", Gi, [
+      return D(), Z("div", Ki, [
         (D(), Z(Re, null, ht(i, (c) => w(s, {
           size: "md",
           "prepend-icon": c.icon,
@@ -5518,10 +5518,10 @@ const Yi = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
       ]);
     };
   }
-}), qi = { 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" }, Qi = { class: "bg-fm-color-neutral-white px-8 py-8 border border-fm-color-opacity-sm rounded-sm" }, er = { class: "py-8 px-12 w-full flex items-center justify-between gap-8 transition-all duration-500" }, tr = { class: "flex items-center gap-8" }, ar = { class: "fm-typo-en-body-md-600 text-fm-color-typo-primary" }, nr = { class: "flex items-center gap-8" }, or = { class: "overflow-y-auto" }, ir = { class: "flex items-center gap-8" }, rr = { class: "fm-typo-en-body-md-400 text-fm-color-primary" }, lr = { class: "fm-typo-en-body-md-400 text-fm-color-primary" }, sr = /* @__PURE__ */ ue({
+}), Qi = { 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" }, er = { class: "bg-fm-color-neutral-white px-8 py-8 border border-fm-color-opacity-sm rounded-sm" }, tr = { class: "py-8 px-12 w-full flex items-center justify-between gap-8 transition-all duration-500" }, ar = { class: "flex items-center gap-8" }, nr = { class: "fm-typo-en-body-md-600 text-fm-color-typo-primary" }, or = { class: "flex items-center gap-8" }, ir = { class: "overflow-y-auto" }, rr = { class: "flex items-center gap-8" }, lr = { class: "fm-typo-en-body-md-400 text-fm-color-primary" }, sr = { class: "fm-typo-en-body-md-400 text-fm-color-primary" }, cr = /* @__PURE__ */ ue({
   __name: "TemplatePicker",
   setup(t) {
-    const e = ne(!1), a = ne(""), n = ne(""), o = Ye(), i = ze(), r = $e(), l = vt(), s = ln(), c = vo(), d = wa(), { t: u } = je(), m = oe(
+    const e = ne(!1), a = ne(""), n = ne(""), o = Ye(), i = ze(), r = $e(), l = vt(), s = sn(), c = Co(), d = wa(), { t: u } = je(), m = oe(
       () => i.state.allTemplates.filter(
         (b) => {
           var T;
@@ -5633,7 +5633,7 @@ const Yi = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
           isLoading: _
         },
         secondaryActions: { text: u("brand.template.picker.cancel"), close: !0 },
-        contentComponent: pa(Co.FmTextField, {
+        contentComponent: pa(_o.FmTextField, {
           modelValue: T,
           "onUpdate:modelValue": (S) => T.value = S
         })
@@ -5709,7 +5709,7 @@ const Yi = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
         "popover-button": P(() => {
           var F, R;
           return [
-            N("div", qi, [
+            N("div", Qi, [
               (F = x(i).state.selectedTemplate) != null && F.isPublished && ![
                 x(i).state.activeTemplateId,
                 x(i).state.activeMemberTemplateId
@@ -5759,10 +5759,10 @@ const Yi = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
           ];
         }),
         default: P(() => [
-          N("div", Qi, [
+          N("div", er, [
             x(i).state.selectedTemplate ? (D(), Z(Re, { key: 0 }, [
-              N("div", er, [
-                N("div", tr, [
+              N("div", tr, [
+                N("div", ar, [
                   x(i).state.selectedTemplate.isPublished && ![
                     x(i).state.activeTemplateId,
                     x(i).state.activeMemberTemplateId
@@ -5800,9 +5800,9 @@ const Yi = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
                     ]),
                     _: 1
                   }, 8, ["class"])) : G("", !0),
-                  N("span", ar, de(x(i).state.selectedTemplate.templateAlias), 1)
+                  N("span", nr, de(x(i).state.selectedTemplate.templateAlias), 1)
                 ]),
-                N("div", nr, [
+                N("div", or, [
                   w(_, {
                     name: "edit",
                     outline: "",
@@ -5825,7 +5825,7 @@ const Yi = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
               class: "p-4",
               placeholder: x(u)("brand.template.picker.search")
             }, null, 8, ["model-value", "placeholder"]),
-            N("div", or, [
+            N("div", ir, [
               (D(!0), Z(Re, null, ht(m.value, (F, R) => {
                 var ve;
                 return D(), Z(Re, {
@@ -5881,7 +5881,7 @@ const Yi = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
                       }, 1032, ["class"])) : G("", !0)
                     ]),
                     append: P(() => [
-                      Wt(N("div", ir, [
+                      Wt(N("div", rr, [
                         w(_, {
                           outline: "",
                           name: "edit",
@@ -5927,7 +5927,7 @@ const Yi = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
                 })
               ]),
               label: P(() => [
-                N("div", rr, de(x(u)("brand.template.picker.addNewTemplate")), 1)
+                N("div", lr, de(x(u)("brand.template.picker.addNewTemplate")), 1)
               ]),
               _: 1
             }),
@@ -5941,7 +5941,7 @@ const Yi = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
                 })
               ]),
               label: P(() => [
-                N("div", lr, de(x(u)("brand.template.picker.addMemberTemplate")), 1)
+                N("div", sr, de(x(u)("brand.template.picker.addMemberTemplate")), 1)
               ]),
               _: 1
             })
@@ -5951,7 +5951,7 @@ const Yi = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
       }, 8, ["show-popover"]);
     };
   }
-}), cr = { class: "w-[280px]" }, dr = { class: "fm-typo-en-body-sm-600 text-fm-color-typo-secondary py-4 px-8" }, ur = /* @__PURE__ */ ue({
+}), dr = { class: "w-[280px]" }, ur = { class: "fm-typo-en-body-sm-600 text-fm-color-typo-secondary py-4 px-8" }, pr = /* @__PURE__ */ ue({
   __name: "TemplateShareMenu",
   setup(t) {
     const e = ne(!1), a = $e(), n = Ia(), o = ze(), i = Ye(), r = wa(), { t: l } = je(), { namespace: s } = Ye(), c = [
@@ -6115,8 +6115,8 @@ const Yi = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
         default: P(() => {
           var B;
           return [
-            N("div", cr, [
-              N("div", dr, de(x(l)("brand.template.shareMenu.publishThisTemplate")), 1),
+            N("div", dr, [
+              N("div", ur, de(x(l)("brand.template.shareMenu.publishThisTemplate")), 1),
               (D(!0), Z(Re, null, ht(p.value, (S) => (D(), Z(Re, null, [
                 w(b, {
                   inset: "",
@@ -6182,11 +6182,11 @@ const Yi = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
     };
   }
 });
-var Ct = {}, pr = function() {
+var Ct = {}, mr = function() {
   return typeof Promise == "function" && Promise.prototype && Promise.prototype.then;
-}, Fn = {}, pe = {};
+}, Nn = {}, pe = {};
 let La;
-const mr = [
+const br = [
   0,
   // Not used
   26,
@@ -6236,7 +6236,7 @@ pe.getSymbolSize = function(e) {
   return e * 4 + 17;
 };
 pe.getSymbolTotalCodewords = function(e) {
-  return mr[e];
+  return br[e];
 };
 pe.getBCHDigit = function(t) {
   let e = 0;
@@ -6290,10 +6290,10 @@ var Ht = {};
     }
   };
 })(Ht);
-function Nn() {
+function kn() {
   this.buffer = [], this.length = 0;
 }
-Nn.prototype = {
+kn.prototype = {
   get: function(t) {
     const e = Math.floor(t / 8);
     return (this.buffer[e] >>> 7 - t % 8 & 1) === 1;
@@ -6310,7 +6310,7 @@ Nn.prototype = {
     this.buffer.length <= e && this.buffer.push(0), t && (this.buffer[e] |= 128 >>> this.length % 8), this.length++;
   }
 };
-var br = Nn;
+var fr = kn;
 function _t(t) {
   if (!t || t < 1)
     throw new Error("BitMatrix size must be defined and greater than 0");
@@ -6329,7 +6329,7 @@ _t.prototype.xor = function(t, e, a) {
 _t.prototype.isReserved = function(t, e) {
   return this.reservedBit[t * this.size + e];
 };
-var fr = _t, kn = {};
+var gr = _t, On = {};
 (function(t) {
   const e = pe.getSymbolSize;
   t.getRowColCoords = function(n) {
@@ -6347,21 +6347,21 @@ var fr = _t, kn = {};
         l === r - 1 && s === 0 || o.push([i[l], i[s]]);
     return o;
   };
-})(kn);
-var On = {};
-const gr = pe.getSymbolSize, qa = 7;
-On.getPositions = function(e) {
-  const a = gr(e);
+})(On);
+var Pn = {};
+const hr = pe.getSymbolSize, Qa = 7;
+Pn.getPositions = function(e) {
+  const a = hr(e);
   return [
     // top-left
     [0, 0],
     // top-right
-    [a - qa, 0],
+    [a - Qa, 0],
     // bottom-left
-    [0, a - qa]
+    [0, a - Qa]
   ];
 };
-var Pn = {};
+var Mn = {};
 (function(t) {
   t.Patterns = {
     PATTERN000: 0,
@@ -6456,7 +6456,7 @@ var Pn = {};
     }
     return l;
   };
-})(Pn);
+})(Mn);
 var Yt = {};
 const Me = Ht, St = [
   // L  M  Q  H
@@ -6811,7 +6811,7 @@ Yt.getTotalCodewordsCount = function(e, a) {
       return;
   }
 };
-var Mn = {}, zt = {};
+var Rn = {}, zt = {};
 const ft = new Uint8Array(512), Zt = new Uint8Array(256);
 (function() {
   let e = 1;
@@ -6855,50 +6855,50 @@ zt.mul = function(e, a) {
       o = t.mul(o, new Uint8Array([1, e.exp(i)]));
     return o;
   };
-})(Mn);
-const Rn = Mn;
+})(Rn);
+const $n = Rn;
 function Da(t) {
   this.genPoly = void 0, this.degree = t, this.degree && this.initialize(this.degree);
 }
 Da.prototype.initialize = function(e) {
-  this.degree = e, this.genPoly = Rn.generateECPolynomial(this.degree);
+  this.degree = e, this.genPoly = $n.generateECPolynomial(this.degree);
 };
 Da.prototype.encode = function(e) {
   if (!this.genPoly)
     throw new Error("Encoder not initialized");
   const a = new Uint8Array(e.length + this.degree);
   a.set(e);
-  const n = Rn.mod(a, this.genPoly), o = this.degree - n.length;
+  const n = $n.mod(a, this.genPoly), o = this.degree - n.length;
   if (o > 0) {
     const i = new Uint8Array(this.degree);
     return i.set(n, o), i;
   }
   return n;
 };
-var hr = Da, $n = {}, Ze = {}, Fa = {};
+var yr = Da, Zn = {}, Ze = {}, Fa = {};
 Fa.isValid = function(e) {
   return !isNaN(e) && e >= 1 && e <= 40;
 };
 var Ie = {};
-const Zn = "[0-9]+", yr = "[A-Z $%*+\\-./:]+";
+const Un = "[0-9]+", Tr = "[A-Z $%*+\\-./:]+";
 let gt = "(?:[u3000-u303F]|[u3040-u309F]|[u30A0-u30FF]|[uFF00-uFFEF]|[u4E00-u9FAF]|[u2605-u2606]|[u2190-u2195]|u203B|[u2010u2015u2018u2019u2025u2026u201Cu201Du2225u2260]|[u0391-u0451]|[u00A7u00A8u00B1u00B4u00D7u00F7])+";
 gt = gt.replace(/u/g, "\\u");
-const Tr = "(?:(?![A-Z0-9 $%*+\\-./:]|" + gt + `)(?:.|[\r
+const vr = "(?:(?![A-Z0-9 $%*+\\-./:]|" + gt + `)(?:.|[\r
 ]))+`;
 Ie.KANJI = new RegExp(gt, "g");
 Ie.BYTE_KANJI = new RegExp("[^A-Z0-9 $%*+\\-./:]+", "g");
-Ie.BYTE = new RegExp(Tr, "g");
-Ie.NUMERIC = new RegExp(Zn, "g");
-Ie.ALPHANUMERIC = new RegExp(yr, "g");
-const vr = new RegExp("^" + gt + "$"), Cr = new RegExp("^" + Zn + "$"), _r = new RegExp("^[A-Z0-9 $%*+\\-./:]+$");
+Ie.BYTE = new RegExp(vr, "g");
+Ie.NUMERIC = new RegExp(Un, "g");
+Ie.ALPHANUMERIC = new RegExp(Tr, "g");
+const Cr = new RegExp("^" + gt + "$"), _r = new RegExp("^" + Un + "$"), xr = new RegExp("^[A-Z0-9 $%*+\\-./:]+$");
 Ie.testKanji = function(e) {
-  return vr.test(e);
+  return Cr.test(e);
 };
 Ie.testNumeric = function(e) {
-  return Cr.test(e);
+  return _r.test(e);
 };
 Ie.testAlphanumeric = function(e) {
-  return _r.test(e);
+  return xr.test(e);
 };
 (function(t) {
   const e = Fa, a = Ie;
@@ -7021,20 +7021,20 @@ Ie.testAlphanumeric = function(e) {
       g ^= r << e.getBCHDigit(g) - l;
     return p << 12 | g;
   };
-})($n);
-var Un = {};
-const Ta = pe, Vn = 1335, xr = 21522, Qa = Ta.getBCHDigit(Vn);
-Un.getEncodedBits = function(e, a) {
+})(Zn);
+var Vn = {};
+const Ta = pe, Hn = 1335, wr = 21522, en = Ta.getBCHDigit(Hn);
+Vn.getEncodedBits = function(e, a) {
   const n = e.bit << 3 | a;
   let o = n << 10;
-  for (; Ta.getBCHDigit(o) - Qa >= 0; )
-    o ^= Vn << Ta.getBCHDigit(o) - Qa;
-  return (n << 10 | o) ^ xr;
+  for (; Ta.getBCHDigit(o) - en >= 0; )
+    o ^= Hn << Ta.getBCHDigit(o) - en;
+  return (n << 10 | o) ^ wr;
 };
-var Hn = {};
-const wr = Ze;
+var Yn = {};
+const Ir = Ze;
 function tt(t) {
-  this.mode = wr.NUMERIC, this.data = t.toString();
+  this.mode = Ir.NUMERIC, this.data = t.toString();
 }
 tt.getBitsLength = function(e) {
   return 10 * Math.floor(e / 3) + (e % 3 ? e % 3 * 3 + 1 : 0);
@@ -7052,8 +7052,8 @@ tt.prototype.write = function(e) {
   const i = this.data.length - a;
   i > 0 && (n = this.data.substr(a), o = parseInt(n, 10), e.put(o, i * 3 + 1));
 };
-var Ir = tt;
-const Er = Ze, ra = [
+var Er = tt;
+const Ar = Ze, ra = [
   "0",
   "1",
   "2",
@@ -7101,7 +7101,7 @@ const Er = Ze, ra = [
   ":"
 ];
 function at(t) {
-  this.mode = Er.ALPHANUMERIC, this.data = t;
+  this.mode = Ar.ALPHANUMERIC, this.data = t;
 }
 at.getBitsLength = function(e) {
   return 11 * Math.floor(e / 2) + 6 * (e % 2);
@@ -7120,10 +7120,10 @@ at.prototype.write = function(e) {
   }
   this.data.length % 2 && e.put(ra.indexOf(this.data[a]), 6);
 };
-var Ar = at;
-const Sr = Ze;
+var Sr = at;
+const Br = Ze;
 function nt(t) {
-  this.mode = Sr.BYTE, typeof t == "string" ? this.data = new TextEncoder().encode(t) : this.data = new Uint8Array(t);
+  this.mode = Br.BYTE, typeof t == "string" ? this.data = new TextEncoder().encode(t) : this.data = new Uint8Array(t);
 }
 nt.getBitsLength = function(e) {
   return e * 8;
@@ -7138,10 +7138,10 @@ nt.prototype.write = function(t) {
   for (let e = 0, a = this.data.length; e < a; e++)
     t.put(this.data[e], 8);
 };
-var Br = nt;
-const Lr = Ze, Dr = pe;
+var Lr = nt;
+const Dr = Ze, Fr = pe;
 function ot(t) {
-  this.mode = Lr.KANJI, this.data = t;
+  this.mode = Dr.KANJI, this.data = t;
 }
 ot.getBitsLength = function(e) {
   return e * 13;
@@ -7155,7 +7155,7 @@ ot.prototype.getBitsLength = function() {
 ot.prototype.write = function(t) {
   let e;
   for (e = 0; e < this.data.length; e++) {
-    let a = Dr.toSJIS(this.data[e]);
+    let a = Fr.toSJIS(this.data[e]);
     if (a >= 33088 && a <= 40956)
       a -= 33088;
     else if (a >= 57408 && a <= 60351)
@@ -7168,7 +7168,7 @@ Make sure your charset is UTF-8`
     a = (a >>> 8 & 255) * 192 + (a & 255), t.put(a, 13);
   }
 };
-var Fr = ot, Yn = { exports: {} };
+var Nr = ot, zn = { exports: {} };
 (function(t) {
   var e = {
     single_source_shortest_paths: function(a, n, o) {
@@ -7233,10 +7233,10 @@ var Fr = ot, Yn = { exports: {} };
     }
   };
   t.exports = e;
-})(Yn);
-var Nr = Yn.exports;
+})(zn);
+var kr = zn.exports;
 (function(t) {
-  const e = Ze, a = Ir, n = Ar, o = Br, i = Fr, r = Ie, l = pe, s = Nr;
+  const e = Ze, a = Er, n = Sr, o = Lr, i = Nr, r = Ie, l = pe, s = kr;
   function c(h) {
     return unescape(encodeURIComponent(h)).length;
   }
@@ -7365,10 +7365,10 @@ var Nr = Yn.exports;
       u(v, l.isKanjiModeEnabled())
     );
   };
-})(Hn);
-const jt = pe, la = Ht, kr = br, Or = fr, Pr = kn, Mr = On, va = Pn, Ca = Yt, Rr = hr, Ut = $n, $r = Un, Zr = Ze, sa = Hn;
-function Ur(t, e) {
-  const a = t.size, n = Mr.getPositions(e);
+})(Yn);
+const jt = pe, la = Ht, Or = fr, Pr = gr, Mr = On, Rr = Pn, va = Mn, Ca = Yt, $r = yr, Ut = Zn, Zr = Vn, Ur = Ze, sa = Yn;
+function Vr(t, e) {
+  const a = t.size, n = Rr.getPositions(e);
   for (let o = 0; o < n.length; o++) {
     const i = n[o][0], r = n[o][1];
     for (let l = -1; l <= 7; l++)
@@ -7377,15 +7377,15 @@ function Ur(t, e) {
           r + s <= -1 || a <= r + s || (l >= 0 && l <= 6 && (s === 0 || s === 6) || s >= 0 && s <= 6 && (l === 0 || l === 6) || l >= 2 && l <= 4 && s >= 2 && s <= 4 ? t.set(i + l, r + s, !0, !0) : t.set(i + l, r + s, !1, !0));
   }
 }
-function Vr(t) {
+function Hr(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 Hr(t, e) {
-  const a = Pr.getPositions(e);
+function Yr(t, e) {
+  const a = Mr.getPositions(e);
   for (let n = 0; n < a.length; n++) {
     const o = a[n][0], i = a[n][1];
     for (let r = -2; r <= 2; r++)
@@ -7393,20 +7393,20 @@ function Hr(t, e) {
         r === -2 || r === 2 || l === -2 || l === 2 || r === 0 && l === 0 ? t.set(o + r, i + l, !0, !0) : t.set(o + r, i + l, !1, !0);
   }
 }
-function Yr(t, e) {
+function zr(t, e) {
   const a = t.size, n = Ut.getEncodedBits(e);
   let o, i, r;
   for (let l = 0; l < 18; l++)
     o = Math.floor(l / 3), i = l % 3 + a - 8 - 3, r = (n >> l & 1) === 1, t.set(o, i, r, !0), t.set(i, o, r, !0);
 }
 function ca(t, e, a) {
-  const n = t.size, o = $r.getEncodedBits(e, a);
+  const n = t.size, o = Zr.getEncodedBits(e, a);
   let i, r;
   for (i = 0; i < 15; i++)
     r = (o >> i & 1) === 1, i < 6 ? t.set(i, 8, r, !0) : i < 8 ? t.set(i + 1, 8, r, !0) : t.set(n - 15 + i, 8, r, !0), i < 8 ? t.set(8, n - i - 1, r, !0) : i < 9 ? t.set(8, 15 - i - 1 + 1, r, !0) : t.set(8, 15 - i - 1, r, !0);
   t.set(n - 8, 8, 1, !0);
 }
-function zr(t, e) {
+function jr(t, e) {
   const a = t.size;
   let n = -1, o = a - 1, i = 7, r = 0;
   for (let l = a - 1; l > 0; l -= 2)
@@ -7422,10 +7422,10 @@ function zr(t, e) {
       }
     }
 }
-function jr(t, e, a) {
-  const n = new kr();
+function Wr(t, e, a) {
+  const n = new Or();
   a.forEach(function(s) {
-    n.put(s.mode.bit, 4), n.put(s.getLength(), Zr.getCharCountIndicator(s.mode, t)), s.write(n);
+    n.put(s.mode.bit, 4), n.put(s.getLength(), Ur.getCharCountIndicator(s.mode, t)), s.write(n);
   });
   const o = jt.getSymbolTotalCodewords(t), i = Ca.getTotalCodewordsCount(t, e), r = (o - i) * 8;
   for (n.getLengthInBits() + 4 <= r && n.put(0, 4); n.getLengthInBits() % 8 !== 0; )
@@ -7433,10 +7433,10 @@ function jr(t, e, a) {
   const l = (r - n.getLengthInBits()) / 8;
   for (let s = 0; s < l; s++)
     n.put(s % 2 ? 17 : 236, 8);
-  return Wr(n, t, e);
+  return Xr(n, t, e);
 }
-function Wr(t, e, a) {
-  const n = jt.getSymbolTotalCodewords(e), o = Ca.getTotalCodewordsCount(e, a), i = n - o, r = Ca.getBlocksCount(e, a), l = n % r, s = r - l, c = Math.floor(n / r), d = Math.floor(i / r), u = d + 1, m = c - d, p = new Rr(m);
+function Xr(t, e, a) {
+  const n = jt.getSymbolTotalCodewords(e), o = Ca.getTotalCodewordsCount(e, a), i = n - o, r = Ca.getBlocksCount(e, a), l = n % r, s = r - l, c = Math.floor(n / r), d = Math.floor(i / r), u = d + 1, m = c - d, p = new $r(m);
   let g = 0;
   const f = new Array(r), A = new Array(r);
   let h = 0;
@@ -7455,7 +7455,7 @@ function Wr(t, e, a) {
       C[b++] = A[_][T];
   return C;
 }
-function Xr(t, e, a, n) {
+function Jr(t, e, a, n) {
   let o;
   if (Array.isArray(t))
     o = sa.fromArray(t);
@@ -7480,8 +7480,8 @@ The chosen QR Code version cannot contain this amount of data.
 Minimum version required to store current data is: ` + i + `.
 `
     );
-  const r = jr(e, a, o), l = jt.getSymbolSize(e), s = new Or(l);
-  return Ur(s, e), Vr(s), Hr(s, e), ca(s, a, 0), e >= 7 && Yr(s, e), zr(s, r), isNaN(n) && (n = va.getBestMask(
+  const r = Wr(e, a, o), l = jt.getSymbolSize(e), s = new Pr(l);
+  return Vr(s, e), Hr(s), Yr(s, e), ca(s, a, 0), e >= 7 && zr(s, e), jr(s, r), isNaN(n) && (n = va.getBestMask(
     s,
     ca.bind(null, s, a)
   )), va.applyMask(n, s), ca(s, a, n), {
@@ -7492,13 +7492,13 @@ Minimum version required to store current data is: ` + i + `.
     segments: o
   };
 }
-Fn.create = function(e, a) {
+Nn.create = function(e, a) {
   if (typeof e > "u" || e === "")
     throw new Error("No input text");
   let n = la.M, o, i;
-  return typeof a < "u" && (n = la.from(a.errorCorrectionLevel, la.M), o = Ut.from(a.version), i = va.from(a.maskPattern), a.toSJISFunc && jt.setToSJISFunction(a.toSJISFunc)), Xr(e, o, n, i);
+  return typeof a < "u" && (n = la.from(a.errorCorrectionLevel, la.M), o = Ut.from(a.version), i = va.from(a.maskPattern), a.toSJISFunc && jt.setToSJISFunction(a.toSJISFunc)), Jr(e, o, n, i);
 };
-var zn = {}, Na = {};
+var jn = {}, Na = {};
 (function(t) {
   function e(a) {
     if (typeof a == "number" && (a = a.toString()), typeof a != "string")
@@ -7573,10 +7573,10 @@ var zn = {}, Na = {};
     const c = t.render(i, r, s), d = s.type || "image/png", u = s.rendererOpts || {};
     return c.toDataURL(d, u.quality);
   };
-})(zn);
-var jn = {};
-const Jr = Na;
-function en(t, e) {
+})(jn);
+var Wn = {};
+const Gr = Na;
+function tn(t, e) {
   const a = t.a / 255, n = e + '="' + t.hex + '"';
   return a < 1 ? n + " " + e + '-opacity="' + a.toFixed(2).slice(1) + '"' : n;
 }
@@ -7584,7 +7584,7 @@ function da(t, e, a) {
   let n = t + e;
   return typeof a < "u" && (n += " " + a), n;
 }
-function Gr(t, e, a) {
+function Kr(t, e, a) {
   let n = "", o = 0, i = !1, r = 0;
   for (let l = 0; l < t.length; l++) {
     const s = Math.floor(l % e), c = Math.floor(l / e);
@@ -7592,15 +7592,15 @@ function Gr(t, e, a) {
   }
   return n;
 }
-jn.render = function(e, a, n) {
-  const o = Jr.getOptions(a), i = e.modules.size, r = e.modules.data, l = i + o.margin * 2, s = o.color.light.a ? "<path " + en(o.color.light, "fill") + ' d="M0 0h' + l + "v" + l + 'H0z"/>' : "", c = "<path " + en(o.color.dark, "stroke") + ' d="' + Gr(r, i, o.margin) + '"/>', d = 'viewBox="0 0 ' + l + " " + l + '"', m = '<svg xmlns="http://www.w3.org/2000/svg" ' + (o.width ? 'width="' + o.width + '" height="' + o.width + '" ' : "") + d + ' shape-rendering="crispEdges">' + s + c + `</svg>
+Wn.render = function(e, a, n) {
+  const o = Gr.getOptions(a), i = e.modules.size, r = e.modules.data, l = i + o.margin * 2, s = o.color.light.a ? "<path " + tn(o.color.light, "fill") + ' d="M0 0h' + l + "v" + l + 'H0z"/>' : "", c = "<path " + tn(o.color.dark, "stroke") + ' d="' + Kr(r, i, o.margin) + '"/>', d = 'viewBox="0 0 ' + l + " " + l + '"', m = '<svg xmlns="http://www.w3.org/2000/svg" ' + (o.width ? 'width="' + o.width + '" height="' + o.width + '" ' : "") + d + ' shape-rendering="crispEdges">' + s + c + `</svg>
 `;
   return typeof n == "function" && n(null, m), m;
 };
-const Kr = pr, _a = Fn, Wn = zn, qr = jn;
+const qr = mr, _a = Nn, Xn = jn, Qr = Wn;
 function ka(t, e, a, n, o) {
   const i = [].slice.call(arguments, 1), r = i.length, l = typeof i[r - 1] == "function";
-  if (!l && !Kr())
+  if (!l && !qr())
     throw new Error("Callback required as last argument");
   if (l) {
     if (r < 2)
@@ -7626,17 +7626,17 @@ function ka(t, e, a, n, o) {
   }
 }
 Ct.create = _a.create;
-Ct.toCanvas = ka.bind(null, Wn.render);
-Ct.toDataURL = ka.bind(null, Wn.renderToDataURL);
+Ct.toCanvas = ka.bind(null, Xn.render);
+Ct.toDataURL = ka.bind(null, Xn.renderToDataURL);
 Ct.toString = ka.bind(null, function(t, e, a) {
-  return qr.render(t, a);
+  return Qr.render(t, a);
 });
-const Qr = { class: "flex items-center justify-center" }, el = { class: "w-full flex gap-8 justify-end items-center" }, tl = /* @__PURE__ */ ue({
+const el = { class: "flex items-center justify-center" }, tl = { class: "w-full flex gap-8 justify-end items-center" }, al = /* @__PURE__ */ ue({
   __name: "PreviewQrCode",
   setup(t) {
     const e = ne(), a = Ye(), n = ze(), { t: o } = je(), i = ne(!1), r = oe(() => `${`${"https://{slug}.feedmedev.vip".replace("{slug}", `${a.currentBusiness.value.url ?? a.currentBusiness.value._id}`)}`}/preview/${n.state.selectedTemplate.templateId}`);
     function l() {
-      xo.promise(navigator.clipboard.writeText(r.value), {
+      wo.promise(navigator.clipboard.writeText(r.value), {
         loading: o("brand.template.shareMenu.copying"),
         success: () => o("brand.template.shareMenu.linkCopied"),
         error: () => o("brand.template.shareMenu.errorCopyingLink")
@@ -7680,10 +7680,10 @@ const Qr = { class: "flex items-center justify-center" }, el = { class: "w-full
           }, 8, ["content"])
         ]),
         "dialog-header": P(() => [
-          no(de(x(o)("brand.template.shareMenu.share")), 1)
+          oo(de(x(o)("brand.template.shareMenu.share")), 1)
         ]),
         default: P(() => [
-          N("div", Qr, [
+          N("div", el, [
             N("canvas", {
               ref_key: "qrCodeContainer",
               ref: e
@@ -7691,7 +7691,7 @@ const Qr = { class: "flex items-center justify-center" }, el = { class: "w-full
           ])
         ]),
         "dialog-footer": P(() => [
-          N("div", el, [
+          N("div", tl, [
             w(d, {
               variant: "secondary",
               label: x(o)("brand.common.cancel"),
@@ -7707,10 +7707,10 @@ const Qr = { class: "flex items-center justify-center" }, el = { class: "w-full
       }, 8, ["modelValue"]);
     };
   }
-}), al = { class: "p-8 flex gap-8 items-center justify-between border-b border-fm-color-neutral-gray-200 bg-fm-color-neutral-white" }, nl = { class: "flex gap-8 items-center" }, ol = /* @__PURE__ */ ue({
+}), nl = { class: "p-8 flex gap-8 items-center justify-between border-b border-fm-color-neutral-gray-200 bg-fm-color-neutral-white" }, ol = { class: "flex gap-8 items-center" }, il = /* @__PURE__ */ ue({
   __name: "EditorToolbar",
   setup(t) {
-    const e = $e(), a = ze(), n = Ye(), o = _o(), i = wa(), { t: r } = je();
+    const e = $e(), a = ze(), n = Ye(), o = xo(), i = wa(), { t: r } = je();
     function l() {
       if (!e.state.node) {
         o.open(
@@ -7738,10 +7738,10 @@ const Qr = { class: "flex items-center justify-center" }, el = { class: "w-full
     }
     return (s, c) => {
       const d = W("FmButton");
-      return D(), Z("div", al, [
-        w(sr),
-        N("div", nl, [
-          w(tl),
+      return D(), Z("div", nl, [
+        w(cr),
+        N("div", ol, [
+          w(al),
           w(d, {
             class: "transition-all duration-500",
             variant: "tertiary",
@@ -7749,12 +7749,12 @@ const Qr = { class: "flex items-center justify-center" }, el = { class: "w-full
             onClick: l,
             disabled: x(e).isSaved()
           }, null, 8, ["disabled"]),
-          w(ur)
+          w(pr)
         ])
       ]);
     };
   }
-}), Xn = {
+}), Jn = {
   colors: {
     primary: "#ff7823",
     secondary: "#fff3e6",
@@ -7788,19 +7788,19 @@ const Qr = { class: "flex items-center justify-center" }, el = { class: "w-full
     body: "'Roboto', sans-serif"
   }
 };
-function il(t = Xn, e) {
+function rl(t = Jn, e) {
   const a = document.documentElement, n = (r, l) => {
     l && a.style.setProperty(`--brand-${r}`, l);
   }, { colors: o, fonts: i } = t;
   n("color-primary", o.primary), n("color-secondary", o.secondary), n("color-accent", o.accent), n("color-background-base", o.background.base), n("color-background-elevated", o.background.elevated), n("color-neutral-light", o.neutral.light), n("color-neutral-mid", o.neutral.mid), n("color-neutral-dark", o.neutral.dark), n("color-typo-on-primary", o.text.onPrimary), n("color-typo-primary", o.text.primary), n("color-typo-secondary", o.text.secondary), n("color-typo-tertiary", o.text.tertiary), n("color-status-success", o.status.success), n("color-status-warning", o.status.warning), n("color-status-error", o.status.error), n("color-status-info", o.status.info), n("font-family-brand", i.brand), n("font-family-heading", i.heading ?? i.brand), n("font-family-body", i.body ?? i.brand);
 }
-const rl = { class: "relative h-full min-w-[500px] flex-1 bg-fm-color-neutral-gray-100 flex flex-col" }, ll = {
+const ll = { class: "relative h-full min-w-[500px] flex-1 bg-fm-color-neutral-gray-100 flex flex-col" }, sl = {
   key: 0,
   class: "flex items-center justify-between pt-8 px-12"
-}, sl = { 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" }, cl = ["onClickCapture"], dl = {
+}, cl = { 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" }, dl = ["onClickCapture"], ul = {
   key: 0,
   class: "w-full h-[100px] flex items-center justify-center text-fm-color-typo-secondary mt-24"
-}, ul = /* @__PURE__ */ ue({
+}, pl = /* @__PURE__ */ ue({
   __name: "Editor",
   setup(t) {
     const e = $e(), a = Ye(), n = Ia(), o = oe({
@@ -7818,12 +7818,12 @@ const rl = { class: "relative h-full min-w-[500px] flex-1 bg-fm-color-neutral-gr
     return Qe(
       () => a.currentBusiness.value,
       async (s, c) => {
-        s && s.id != (c == null ? void 0 : c.id) && (await n.getBusinessBrandkit(s.id), il(n.state.brandkit ?? Xn));
+        s && s.id != (c == null ? void 0 : c.id) && (await n.getBusinessBrandkit(s.id), rl(n.state.brandkit ?? Jn));
       },
       {
         immediate: !0
       }
-    ), on(() => {
+    ), rn(() => {
       window.addEventListener("beforeunload", function(s) {
         if (!e.isSaved())
           return s.preventDefault(), "Changes you made may not be saved.";
@@ -7831,8 +7831,8 @@ const rl = { class: "relative h-full min-w-[500px] flex-1 bg-fm-color-neutral-gr
     }), (s, c) => {
       var u, m;
       const d = W("FmIcon");
-      return D(), Z("div", rl, [
-        w(ol),
+      return D(), Z("div", ll, [
+        w(il),
         N("div", {
           class: "h-full w-full px-24 py-48 flex overflow-y-auto",
           onClick: c[2] || (c[2] = (p) => l(i.value))
@@ -7843,7 +7843,7 @@ const rl = { class: "relative h-full min-w-[500px] flex-1 bg-fm-color-neutral-gr
               "bg-fm-color-neutral-white": ((m = i.value) == null ? void 0 : m.type) == "Homepage"
             }])
           }, [
-            i.value ? (D(), ee(Pa(Ra[i.value.type]), oo({ key: 0 }, {
+            i.value ? (D(), ee(Pa(Ra[i.value.type]), io({ key: 0 }, {
               data: i.value.data,
               ...Ba[i.value.type],
               ...i.value.props
@@ -7853,9 +7853,9 @@ const rl = { class: "relative h-full min-w-[500px] flex-1 bg-fm-color-neutral-gr
               default: P(() => {
                 var p, g;
                 return [
-                  i.value.type == "Homepage" && ((p = i.value.props) == null ? void 0 : p.hideCountrySwitcher) !== !0 ? (D(), Z("div", ll, [
-                    w(yo, { data: { selectedCountry: "MY" } }),
-                    N("div", sl, [
+                  i.value.type == "Homepage" && ((p = i.value.props) == null ? void 0 : p.hideCountrySwitcher) !== !0 ? (D(), Z("div", sl, [
+                    w(To, { data: { selectedCountry: "MY" } }),
+                    N("div", cl, [
                       w(d, {
                         class: "rounded-full",
                         name: "account_circle",
@@ -7863,12 +7863,12 @@ const rl = { class: "relative h-full min-w-[500px] flex-1 bg-fm-color-neutral-gr
                       })
                     ])
                   ])) : G("", !0),
-                  i.value.type == "Homepage" && ((g = i.value.props) == null ? void 0 : g.showNavigationBar) == !0 ? (D(), ee(To, {
+                  i.value.type == "Homepage" && ((g = i.value.props) == null ? void 0 : g.showNavigationBar) == !0 ? (D(), ee(vo, {
                     key: 1,
                     title: "Member",
                     className: "block"
                   })) : G("", !0),
-                  w(x(Sn), {
+                  w(x(Bn), {
                     class: ye(["w-full h-full flex flex-col gap-16", { "min-h-[600px]": i.value.type == "Homepage" }]),
                     modelValue: o.value,
                     "onUpdate:modelValue": c[0] || (c[0] = (f) => o.value = f),
@@ -7883,24 +7883,24 @@ const rl = { class: "relative h-full min-w-[500px] flex-1 bg-fm-color-neutral-gr
                           class: "relative cursor-grab",
                           onClickCapture: ma((v) => l(f), ["prevent", "stop"])
                         }, [
-                          (D(), ee(Pa(Ra[f.type]), io(ro({ data: f.data, ...f.props })), null, 16)),
+                          (D(), ee(Pa(Ra[f.type]), ro(lo({ data: f.data, ...f.props })), null, 16)),
                           f._id === ((A = r.value) == null ? void 0 : A._id) ? (D(), Z("div", {
                             key: 0,
                             class: ye({
                               "w-full h-full absolute top-0 left-0 z-10": f._id === ((h = r.value) == null ? void 0 : h._id)
                             }),
-                            style: lo({
+                            style: so({
                               paddingLeft: f.props.marginLeft,
                               paddingRight: f.props.marginRight
                             })
                           }, c[3] || (c[3] = [
                             N("div", { class: "w-full h-full border-2 border-fm-color-system-info-200" }, null, -1)
                           ]), 6)) : G("", !0)
-                        ], 40, cl)
+                        ], 40, dl)
                       ];
                     }),
                     footer: P(() => [
-                      o.value.length ? G("", !0) : (D(), Z("div", dl, [
+                      o.value.length ? G("", !0) : (D(), Z("div", ul, [
                         w(d, { name: "drag_indicator" }),
                         c[4] || (c[4] = N("div", { class: "fm-typo-en-body-sm-400" }, " Drag and drop components here ", -1))
                       ]))
@@ -7913,11 +7913,11 @@ const rl = { class: "relative h-full min-w-[500px] flex-1 bg-fm-color-neutral-gr
             }, 16)) : G("", !0)
           ], 2)
         ]),
-        w(Ki)
+        w(qi)
       ]);
     };
   }
-}), ua = (t) => t, pl = [
+}), ua = (t) => t, ml = [
   {
     $cmp: "ConfigTab",
     props: { title: ua("brand.template.nodeConfig.pageSetting") },
@@ -8133,7 +8133,7 @@ const rl = { class: "relative h-full min-w-[500px] flex-1 bg-fm-color-neutral-gr
       }
     ]
   }
-], Y = (t) => t, ml = [
+], Y = (t) => t, bl = [
   {
     $cmp: "ConfigTab",
     props: { title: Y("brand.template.nodeConfig.displayText.title") },
@@ -8296,7 +8296,7 @@ const rl = { class: "relative h-full min-w-[500px] flex-1 bg-fm-color-neutral-gr
       }
     ]
   }
-], z = (t) => t, bl = [
+], z = (t) => t, fl = [
   {
     $cmp: "ConfigTab",
     props: { title: z("brand.template.nodeConfig.buttonList.title") },
@@ -8443,7 +8443,7 @@ const rl = { class: "relative h-full min-w-[500px] flex-1 bg-fm-color-neutral-gr
       }
     ]
   }
-], he = (t) => t, fl = [
+], he = (t) => t, gl = [
   {
     $cmp: "ConfigTab",
     props: { title: he("brand.template.nodeConfig.displayImage.title") },
@@ -8541,7 +8541,7 @@ const rl = { class: "relative h-full min-w-[500px] flex-1 bg-fm-color-neutral-gr
       }
     ]
   }
-], re = (t) => t, gl = [
+], re = (t) => t, hl = [
   {
     $cmp: "ConfigTab",
     props: { title: re("brand.template.nodeConfig.carousel.title") },
@@ -8661,7 +8661,7 @@ const rl = { class: "relative h-full min-w-[500px] flex-1 bg-fm-color-neutral-gr
       }
     ]
   }
-], J = (t) => t, hl = [
+], J = (t) => t, yl = [
   {
     $cmp: "ConfigTab",
     props: { title: J("brand.template.nodeConfig.memberCard.title") },
@@ -8707,7 +8707,7 @@ const rl = { class: "relative h-full min-w-[500px] flex-1 bg-fm-color-neutral-gr
                     label: J(
                       "brand.template.nodeConfig.memberCard.isMemberLabel"
                     ),
-                    value: Bn
+                    value: Ln
                   },
                   {
                     label: J(
@@ -8797,7 +8797,7 @@ const rl = { class: "relative h-full min-w-[500px] flex-1 bg-fm-color-neutral-gr
       }
     ]
   }
-], te = (t) => t, yl = [
+], te = (t) => t, Tl = [
   {
     $cmp: "ConfigTab",
     props: { title: te("brand.template.nodeConfig.orderMethod.title") },
@@ -8918,7 +8918,7 @@ const rl = { class: "relative h-full min-w-[500px] flex-1 bg-fm-color-neutral-gr
       }
     ]
   }
-], Ne = (t) => t, Tl = [
+], Ne = (t) => t, vl = [
   {
     $cmp: "ConfigTab",
     props: { title: Ne("brand.template.nodeConfig.branchList.title") },
@@ -8978,7 +8978,7 @@ const rl = { class: "relative h-full min-w-[500px] flex-1 bg-fm-color-neutral-gr
       }
     ]
   }
-], Se = (t) => t, vl = [
+], Se = (t) => t, Cl = [
   {
     $cmp: "ConfigTab",
     props: {
@@ -9028,7 +9028,7 @@ const rl = { class: "relative h-full min-w-[500px] flex-1 bg-fm-color-neutral-gr
                     label: Se(
                       "brand.template.nodeConfig.orderHistoryCard.withOrdersLabel"
                     ),
-                    value: Ln
+                    value: Dn
                   },
                   {
                     label: Se(
@@ -9053,22 +9053,22 @@ const rl = { class: "relative h-full min-w-[500px] flex-1 bg-fm-color-neutral-gr
       }
     ]
   }
-], tn = (t) => t, Cl = [
+], an = (t) => t, _l = [
   {
     $cmp: "ConfigTab",
-    props: { title: tn("brand.template.nodeConfig.memberSummary.title") },
+    props: { title: an("brand.template.nodeConfig.memberSummary.title") },
     children: [
       {
         $cmp: "ConfigTabItem",
         props: {
-          title: tn("brand.template.nodeConfig.memberSummary.frameTitle"),
+          title: an("brand.template.nodeConfig.memberSummary.frameTitle"),
           value: "frame"
         },
         children: [...me]
       }
     ]
   }
-], rt = (t) => t, _l = [
+], rt = (t) => t, xl = [
   {
     $cmp: "ConfigTab",
     props: { title: rt("brand.template.nodeConfig.memberCards.title") },
@@ -9111,7 +9111,7 @@ const rl = { class: "relative h-full min-w-[500px] flex-1 bg-fm-color-neutral-gr
       }
     ]
   }
-], be = (t) => t, xl = [
+], be = (t) => t, wl = [
   {
     $cmp: "ConfigTab",
     props: { title: be("brand.template.nodeConfig.memberAchievements.title") },
@@ -9212,7 +9212,7 @@ const rl = { class: "relative h-full min-w-[500px] flex-1 bg-fm-color-neutral-gr
       }
     ]
   }
-], _e = (t) => t, wl = [
+], _e = (t) => t, Il = [
   {
     $cmp: "ConfigTab",
     props: { title: _e("brand.template.nodeConfig.creditHistory.title") },
@@ -9256,7 +9256,7 @@ const rl = { class: "relative h-full min-w-[500px] flex-1 bg-fm-color-neutral-gr
       }
     ]
   }
-], Il = [
+], El = [
   {
     $cmp: "ConfigTab",
     props: { title: _e("brand.template.nodeConfig.pointHistory.title") },
@@ -9298,10 +9298,10 @@ const rl = { class: "relative h-full min-w-[500px] flex-1 bg-fm-color-neutral-gr
       }
     ]
   }
-], El = (t) => t, Al = [
+], Al = (t) => t, Sl = [
   {
     $cmp: "ConfigTab",
-    props: { title: El("brand.template.nodeConfig.memberProfile.title") },
+    props: { title: Al("brand.template.nodeConfig.memberProfile.title") },
     children: [
       // {
       //   $cmp: 'ConfigTabItem',
@@ -9339,7 +9339,7 @@ const rl = { class: "relative h-full min-w-[500px] flex-1 bg-fm-color-neutral-gr
       // },
     ]
   }
-], Je = (t) => t, Sl = [
+], Je = (t) => t, Bl = [
   {
     $cmp: "ConfigTab",
     props: {
@@ -9411,15 +9411,15 @@ const rl = { class: "relative h-full min-w-[500px] flex-1 bg-fm-color-neutral-gr
       }
     ]
   }
-], an = (t) => t, Bl = [
+], nn = (t) => t, Ll = [
   {
     $cmp: "ConfigTab",
-    props: { title: an("brand.template.nodeConfig.referral.imageTitle") },
+    props: { title: nn("brand.template.nodeConfig.referral.imageTitle") },
     children: [
       {
         $cmp: "ConfigTabItem",
         props: {
-          title: an("brand.template.nodeConfig.referral.contentTitle"),
+          title: nn("brand.template.nodeConfig.referral.contentTitle"),
           value: "design"
         },
         children: [
@@ -9428,30 +9428,30 @@ const rl = { class: "relative h-full min-w-[500px] flex-1 bg-fm-color-neutral-gr
       }
     ]
   }
-], Ll = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+], Dl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  BranchList: Tl,
-  ButtonList: bl,
+  BranchList: vl,
+  ButtonList: fl,
   Container: me,
-  Homepage: pl,
-  ImageCarousel: gl,
-  ImageDisplay: fl,
-  MemberAchievements: xl,
-  MemberCard: hl,
-  MemberCards: _l,
-  MemberSummary: Cl,
-  OrderHistoryCard: vl,
-  OrderMethod: yl,
-  TextDisplay: ml,
-  _Credit: wl,
-  _MemberProfile: Al,
-  _Point: Il,
-  _Referral: Bl,
-  _ReferralTutorial: Sl
-}, Symbol.toStringTag, { value: "Module" })), Dl = {
+  Homepage: ml,
+  ImageCarousel: hl,
+  ImageDisplay: gl,
+  MemberAchievements: wl,
+  MemberCard: yl,
+  MemberCards: xl,
+  MemberSummary: _l,
+  OrderHistoryCard: Cl,
+  OrderMethod: Tl,
+  TextDisplay: bl,
+  _Credit: Il,
+  _MemberProfile: Sl,
+  _Point: El,
+  _Referral: Ll,
+  _ReferralTutorial: Bl
+}, Symbol.toStringTag, { value: "Module" })), Fl = {
   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"
-}, Fl = { class: "flex flex-col gap-16 px-12" }, Nl = /* @__PURE__ */ ue({
+}, Nl = { class: "flex flex-col gap-16 px-12" }, kl = /* @__PURE__ */ ue({
   __name: "ConfigSection",
   props: {
     label: {}
@@ -9459,20 +9459,20 @@ const rl = { class: "relative h-full min-w-[500px] flex-1 bg-fm-color-neutral-gr
   setup(t) {
     const { t: e } = je();
     return (a, n) => (D(), Z("div", null, [
-      a.label ? (D(), Z("div", Dl, de(x(e)(a.label)), 1)) : G("", !0),
-      N("div", Fl, [
+      a.label ? (D(), Z("div", Fl, de(x(e)(a.label)), 1)) : G("", !0),
+      N("div", Nl, [
         xa(a.$slots, "default")
       ])
     ]));
   }
-}), Jn = Symbol.for("ba:config-tab"), kl = { class: "p-16 w-full fm-typo-en-body-md-600 text-fm-color-typo-primary" }, Ol = { class: "flex items-center w-full border-b border-fm-color-neutral-gray-100" }, Pl = /* @__PURE__ */ ue({
+}), Gn = Symbol.for("ba:config-tab"), Ol = { class: "p-16 w-full fm-typo-en-body-md-600 text-fm-color-typo-primary" }, Pl = { class: "flex items-center w-full border-b border-fm-color-neutral-gray-100" }, Ml = /* @__PURE__ */ ue({
   __name: "ConfigTab",
   props: {
     title: {}
   },
   setup(t) {
     const { t: e } = je(), a = ne([]), n = ne("");
-    so(Jn, {
+    co(Gn, {
       register(i) {
         a.value = [...a.value, i].map(
           (r) => ({
@@ -9489,9 +9489,9 @@ const rl = { class: "relative h-full min-w-[500px] flex-1 bg-fm-color-neutral-gr
     return (i, r) => {
       const l = W("FmTab");
       return D(), Z("div", null, [
-        N("div", kl, de(x(e)(i.title)), 1),
-        w(rn),
-        N("div", Ol, [
+        N("div", Ol, de(x(e)(i.title)), 1),
+        w(ln),
+        N("div", Pl, [
           (D(!0), Z(Re, null, ht(a.value, (s) => (D(), ee(l, {
             "model-value": n.value,
             "onUpdate:modelValue": r[0] || (r[0] = (c) => o(c)),
@@ -9503,39 +9503,39 @@ const rl = { class: "relative h-full min-w-[500px] flex-1 bg-fm-color-neutral-gr
       ]);
     };
   }
-}), Ml = { key: 0 }, Rl = { class: "flex flex-col gap-24 py-24" }, $l = /* @__PURE__ */ ue({
+}), Rl = { key: 0 }, $l = { class: "flex flex-col gap-24 py-24" }, Zl = /* @__PURE__ */ ue({
   __name: "ConfigTabItem",
   props: {
     title: {},
     value: {}
   },
   setup(t) {
-    const e = t, a = co(Jn, null);
-    return on(() => {
+    const e = t, a = uo(Gn, null);
+    return rn(() => {
       a ? a.register(e) : console.warn("ConfigTabItem is to be used with ConfigTab as parent");
     }), (n, o) => {
       var i;
-      return ((i = x(a)) == null ? void 0 : i.currentTab.value) === n.value ? (D(), Z("div", Ml, [
-        N("div", Rl, [
+      return ((i = x(a)) == null ? void 0 : i.currentTab.value) === n.value ? (D(), Z("div", Rl, [
+        N("div", $l, [
           xa(n.$slots, "default")
         ])
       ])) : G("", !0);
     };
   }
-}), Zl = { class: "h-full flex-shrink-0 w-[308px] bg-fm-color-neutral-white border-l border-fm-color-neutral-gray-200 overflow-y-auto" }, Ul = /* @__PURE__ */ ue({
+}), Ul = { class: "h-full flex-shrink-0 w-[308px] bg-fm-color-neutral-white border-l border-fm-color-neutral-gray-200 overflow-y-auto" }, Vl = /* @__PURE__ */ ue({
   __name: "Inspector",
   setup(t) {
     const e = $e(), a = oe(() => e.state.selectedNode), n = oe(() => {
       var c;
       const s = ((c = a.value) == null ? void 0 : c.type) ?? null;
-      return s !== null ? Ll[s] : [];
+      return s !== null ? Dl[s] : [];
     }), o = oe(() => {
       var s;
       return (s = a.value) == null ? void 0 : s.props;
-    }), i = uo({
-      ConfigTab: Pl,
-      ConfigTabItem: $l,
-      ConfigSection: Nl
+    }), i = po({
+      ConfigTab: Ml,
+      ConfigTabItem: Zl,
+      ConfigSection: kl
     });
     function r(s) {
       const c = a.value;
@@ -9566,8 +9566,8 @@ const rl = { class: "relative h-full min-w-[500px] flex-1 bg-fm-color-neutral-gr
           };
       }
     }
-    return (s, c) => (D(), Z("div", Zl, [
-      a.value ? (D(), ee(x(Io), {
+    return (s, c) => (D(), Z("div", Ul, [
+      a.value ? (D(), ee(x(Eo), {
         config: { rootClasses: l },
         type: "form",
         actions: !1,
@@ -9577,7 +9577,7 @@ const rl = { class: "relative h-full min-w-[500px] flex-1 bg-fm-color-neutral-gr
         preserve: ""
       }, {
         default: P(() => [
-          w(x(Eo), {
+          w(x(Ao), {
             schema: n.value,
             library: x(i)
           }, null, 8, ["schema", "library"])
@@ -9586,13 +9586,13 @@ const rl = { class: "relative h-full min-w-[500px] flex-1 bg-fm-color-neutral-gr
       }, 8, ["config", "model-value"])) : G("", !0)
     ]));
   }
-}), Vl = { class: "relative h-full w-screen flex flex-col overflow-y-hidden" }, Hl = { class: "flex h-full" }, _s = /* @__PURE__ */ ue({
+}), Hl = { class: "relative h-full w-screen flex flex-col overflow-y-hidden" }, Yl = { class: "flex h-full" }, xs = /* @__PURE__ */ ue({
   __name: "BuilderView",
   props: {
     templateId: {}
   },
   setup(t) {
-    const e = Ye(), a = $e(), n = ze(), o = Ia(), i = ln(), r = vt(), l = ne(!0);
+    const e = Ye(), a = $e(), n = ze(), o = Ia(), i = sn(), r = vt(), l = ne(!0);
     async function s() {
       var d, u;
       l.value = !0, e.currentBusiness.value && ((d = e.currentBusiness.value) != null && d._id && await n.getAllTemplates(e.currentBusiness.value._id), (u = e.currentBusiness.value) != null && u.url && await o.getGlobalSlug(e.currentBusiness.value.url), c());
@@ -9631,8 +9631,8 @@ const rl = { class: "relative h-full min-w-[500px] flex-1 bg-fm-color-neutral-gr
       }
     ), (d, u) => {
       const m = W("FmCircularProgress"), p = W("FmOverlay");
-      return D(), Z("div", Vl, [
-        w(x(wo), {
+      return D(), Z("div", Hl, [
+        w(x(Io), {
           position: "top-right",
           "rich-colors": "",
           "close-button": "",
@@ -9650,15 +9650,15 @@ const rl = { class: "relative h-full min-w-[500px] flex-1 bg-fm-color-neutral-gr
           ]),
           _: 1
         })) : G("", !0),
-        N("div", Hl, [
-          w(Ji),
-          w(ul),
-          w(Ul)
+        N("div", Yl, [
+          w(Gi),
+          w(pl),
+          w(Vl)
         ])
       ]);
     };
   }
 });
 export {
-  _s as default
+  xs as default
 };