@feedmepos/mf-brand-app-builder 0.5.22-dev.0 → 0.5.23-dev.0

package/dist/{BuilderView-BLM7vEZA.js → BuilderView-BwXnOIit.js}

@@ -1,81 +1,19 @@
-import { resolveComponent as V, TransitionGroup as Qn, defineComponent as se, h as ma, nextTick as rn, isRef as eo, isReactive as to, isProxy as ao, toRaw as no, ref as q, computed as ie, openBlock as F, createElementBlock as Z, Fragment as Le, renderList as vt, createElementVNode as I, toDisplayString as j, unref as v, createVNode as w, withCtx as M, createBlock as ae, createCommentVNode as Q, normalizeClass as ye, watch as tt, withDirectives as Gt, withModifiers as ba, vShow as Jt, createTextVNode as oo, onMounted as ln, resolveDynamicComponent as Ma, mergeProps as ro, normalizeProps as io, guardReactiveProps as lo, normalizeStyle as so, renderSlot as wa, provide as co, inject as uo, markRaw as po } from "vue";
-import { T as mo, u as Ge } from "./index-V999lx_3.js";
-import { defineStore as bo, storeToRefs as fo } from "pinia";
-import { p as go } from "./views-BDWw3w14.js";
-import { a as ho } from "./index-CvbnxMT4.js";
-import { v as Ra } from "./v4-ANoOI1Qw.js";
-import { _ as yo } from "./Icon.vue_vue_type_style_index_0_lang-CVCHCcWR.js";
-import { B as sn } from "./BaDivider-DWZv3fqi.js";
+import { resolveComponent as V, TransitionGroup as eo, defineComponent as se, nextTick as ln, h as ma, isRef as to, isReactive as ao, isProxy as no, toRaw as oo, ref as q, computed as ie, createElementBlock as Z, openBlock as F, Fragment as Le, renderList as vt, createElementVNode as I, createVNode as w, createBlock as ae, createCommentVNode as Q, toDisplayString as j, unref as v, withCtx as M, normalizeClass as ye, watch as tt, withDirectives as Gt, withModifiers as ba, vShow as Xt, createTextVNode as ro, onMounted as sn, resolveDynamicComponent as Ma, mergeProps as io, normalizeProps as lo, guardReactiveProps as so, normalizeStyle as co, renderSlot as wa, provide as uo, inject as po, markRaw as mo } from "vue";
+import { T as bo, u as Ge } from "./index-Bk6TOZrx.js";
+import { defineStore as fo, storeToRefs as go } from "pinia";
+import { p as ho } from "./views-BDWw3w14.js";
+import { A as yo } from "./index-D0LOMBBD.js";
+import { v as Ra } from "./v4-CKwdnpQf.js";
+import { _ as vo } from "./Icon.vue_vue_type_style_index_0_lang-BcRjQndc.js";
+import { B as dn } from "./BaDivider-Cp9gfB4r.js";
 import { useI18n as Ze, useCoreStore as We } from "@feedmepos/mf-common";
-import { C as $a, _ as vo, a as To } from "./main--RZvbXYz.js";
-import { useDialog as xo, components as Co, useSnackbar as _o } from "@feedmepos/ui-library";
-import { useRouter as dn } from "vue-router";
+import { C as $a, _ as To, a as xo } from "./main-DzMHu5qo.js";
+import { useDialog as Co, components as _o, useSnackbar as wo } from "@feedmepos/ui-library";
+import { useRouter as cn } from "vue-router";
 import { u as Ia } from "./index-DzaJbB6y.js";
-import { u as Ea } from "./index-BodukiEf.js";
-import { K as wo, V as Io } from "./vue-sonner-PX6Req0V.js";
-import { F as Eo, a as So } from "./app-OPl2Khtq.js";
-const {
-  Axios: Ls,
-  AxiosError: Ao,
-  CanceledError: ks,
-  isCancel: Ds,
-  CancelToken: Fs,
-  VERSION: Ns,
-  all: Os,
-  Cancel: Ps,
-  isAxiosError: Ms,
-  spread: Rs,
-  toFormData: $s,
-  AxiosHeaders: Zs,
-  HttpStatusCode: Us,
-  formToJSON: Vs,
-  getAdapter: Hs,
-  mergeConfig: Ys
-} = ho, cn = {
-  colors: {
-    primary: "#ff7823",
-    secondary: "#fff3e6",
-    accent: "#fff3e6",
-    background: {
-      base: "#F8F8F8",
-      elevated: "#FFFFFF"
-    },
-    neutral: {
-      light: "#ECF0F0",
-      mid: "#555555",
-      dark: "#1C1C1E"
-    },
-    text: {
-      onPrimary: "#FFFFFF",
-      primary: "#1C1C1E",
-      secondary: "#555555",
-      tertiary: "#A2A09E"
-    },
-    status: {
-      success: "#10B981",
-      warning: "#F59E0B",
-      error: "#EF4444",
-      info: "#3B82F6"
-      // Add info if missing previously
-    }
-  },
-  fonts: {
-    brand: "'Inter', sans-serif",
-    heading: "'Inter', sans-serif",
-    body: "'Roboto', sans-serif"
-  },
-  fontFamilies: []
-};
-function Bo(t = cn, e) {
-  const a = document.documentElement, n = (l, i) => {
-    i && a.style.setProperty(`--brand-${l}`, i);
-  }, { colors: o, fonts: r } = 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", r.brand), n("font-family-heading", r.heading ?? r.brand), n("font-family-body", r.body ?? r.brand);
-  for (const l of t.fontFamilies ?? []) {
-    const i = document.createElement("link");
-    i.rel = "stylesheet", i.href = l.stylesheet, document.head.appendChild(i);
-  }
-}
+import { u as Ea } from "./index-C1rSMuKA.js";
+import { K as Io, V as Eo } from "./vue-sonner-CBFYmm8_.js";
+import { F as So, a as Ao } from "./app-CY0-wVrG.js";
 /**!
  * Sortable 1.14.0
  * @author	RubaXa   <trash@rubaxa.org>
@@ -96,7 +34,7 @@ function Ie(t) {
   for (var e = 1; e < arguments.length; e++) {
     var a = arguments[e] != null ? arguments[e] : {};
     e % 2 ? Za(Object(a), !0).forEach(function(n) {
-      Lo(t, n, a[n]);
+      Bo(t, n, a[n]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(a)) : Za(Object(a)).forEach(function(n) {
       Object.defineProperty(t, n, Object.getOwnPropertyDescriptor(a, n));
     });
@@ -111,7 +49,7 @@ function kt(t) {
     return e && typeof Symbol == "function" && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
   }, kt(t);
 }
-function Lo(t, e, a) {
+function Bo(t, e, a) {
   return e in t ? Object.defineProperty(t, e, {
     value: a,
     enumerable: !0,
@@ -129,16 +67,16 @@ function De() {
     return t;
   }, De.apply(this, arguments);
 }
-function ko(t, e) {
+function Lo(t, e) {
   if (t == null) return {};
   var a = {}, n = Object.keys(t), o, r;
   for (r = 0; r < n.length; r++)
     o = n[r], !(e.indexOf(o) >= 0) && (a[o] = t[o]);
   return a;
 }
-function Do(t, e) {
+function ko(t, e) {
   if (t == null) return {};
-  var a = ko(t, e), n, o;
+  var a = Lo(t, e), n, o;
   if (Object.getOwnPropertySymbols) {
     var r = Object.getOwnPropertySymbols(t);
     for (o = 0; o < r.length; o++)
@@ -146,22 +84,22 @@ function Do(t, e) {
   }
   return a;
 }
-var Fo = "1.14.0";
+var Do = "1.14.0";
 function ke(t) {
   if (typeof window < "u" && window.navigator)
     return !!/* @__PURE__ */ navigator.userAgent.match(t);
 }
-var Fe = ke(/(?:Trident.*rv[ :]?11\.|msie|iemobile|Windows Phone)/i), Tt = ke(/Edge/i), Ua = ke(/firefox/i), pt = ke(/safari/i) && !ke(/chrome/i) && !ke(/android/i), un = ke(/iP(ad|od|hone)/i), No = ke(/chrome/i) && ke(/android/i), pn = {
+var Fe = ke(/(?:Trident.*rv[ :]?11\.|msie|iemobile|Windows Phone)/i), Tt = ke(/Edge/i), Ua = ke(/firefox/i), pt = ke(/safari/i) && !ke(/chrome/i) && !ke(/android/i), un = ke(/iP(ad|od|hone)/i), Fo = ke(/chrome/i) && ke(/android/i), pn = {
   capture: !1,
   passive: !1
 };
 function R(t, e, a) {
   t.addEventListener(e, a, !Fe && pn);
 }
-function P(t, e, a) {
+function O(t, e, a) {
   t.removeEventListener(e, a, !Fe && pn);
 }
-function Pt(t, e) {
+function Ot(t, e) {
   if (e) {
     if (e[0] === ">" && (e = e.substring(1)), t)
       try {
@@ -177,17 +115,17 @@ function Pt(t, e) {
     return !1;
   }
 }
-function Oo(t) {
+function No(t) {
   return t.host && t !== document && t.host.nodeType ? t.host : t.parentNode;
 }
 function Ce(t, e, a, n) {
   if (t) {
     a = a || document;
     do {
-      if (e != null && (e[0] === ">" ? t.parentNode === a && Pt(t, e) : Pt(t, e)) || n && t === a)
+      if (e != null && (e[0] === ">" ? t.parentNode === a && Ot(t, e) : Ot(t, e)) || n && t === a)
         return t;
       if (t === a) break;
-    } while (t = Oo(t));
+    } while (t = No(t));
   }
   return null;
 }
@@ -235,7 +173,7 @@ function we() {
   var t = document.scrollingElement;
   return t || document.documentElement;
 }
-function X(t, e, a, n, o) {
+function J(t, e, a, n, o) {
   if (!(!t.getBoundingClientRect && t !== window)) {
     var r, l, i, s, d, c, p;
     if (t !== window && t.parentNode && t !== we() ? (r = t.getBoundingClientRect(), l = r.top, i = r.left, s = r.bottom, d = r.right, c = r.height, p = r.width) : (l = 0, i = 0, s = window.innerHeight, d = window.innerWidth, c = window.innerHeight, p = window.innerWidth), (e || a) && t !== window && (o = o || t.parentNode, !Fe))
@@ -261,8 +199,8 @@ function X(t, e, a, n, o) {
   }
 }
 function Ha(t, e, a) {
-  for (var n = Re(t, !0), o = X(t)[e]; n; ) {
-    var r = X(n)[a], l = void 0;
+  for (var n = Re(t, !0), o = J(t)[e]; n; ) {
+    var r = J(n)[a], l = void 0;
     if (l = o >= r, !l) return n;
     if (n === we()) break;
     n = Re(n, !1);
@@ -281,7 +219,7 @@ function at(t, e, a, n) {
   return null;
 }
 function Sa(t, e) {
-  for (var a = t.lastElementChild; a && (a === S.ghost || E(a, "display") === "none" || e && !Pt(a, e)); )
+  for (var a = t.lastElementChild; a && (a === S.ghost || E(a, "display") === "none" || e && !Ot(a, e)); )
     a = a.previousElementSibling;
   return a || null;
 }
@@ -290,7 +228,7 @@ function he(t, e) {
   if (!t || !t.parentNode)
     return -1;
   for (; t = t.previousElementSibling; )
-    t.nodeName.toUpperCase() !== "TEMPLATE" && t !== S.clone && (!e || Pt(t, e)) && a++;
+    t.nodeName.toUpperCase() !== "TEMPLATE" && t !== S.clone && (!e || Ot(t, e)) && a++;
   return a;
 }
 function Ya(t) {
@@ -325,13 +263,13 @@ function Re(t, e) {
   while (a = a.parentNode);
   return we();
 }
-function Mo(t, e) {
+function Oo(t, e) {
   if (t && e)
     for (var a in e)
       e.hasOwnProperty(a) && (t[a] = e[a]);
   return t;
 }
-function Xt(t, e) {
+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 mt;
@@ -345,7 +283,7 @@ function bn(t, e) {
     }
   };
 }
-function Ro() {
+function Mo() {
   clearTimeout(mt), mt = void 0;
 }
 function fn(t, e, a) {
@@ -356,7 +294,7 @@ function gn(t) {
   return e && e.dom ? e.dom(t).cloneNode(!0) : a ? a(t).clone(!0)[0] : t.cloneNode(!0);
 }
 var pe = "Sortable" + (/* @__PURE__ */ new Date()).getTime();
-function $o() {
+function Ro() {
   var t = [], e;
   return {
     captureAnimationState: function() {
@@ -366,7 +304,7 @@ function $o() {
           if (!(E(o, "display") === "none" || o === S.ghost)) {
             t.push({
               target: o,
-              rect: X(o)
+              rect: J(o)
             });
             var r = Ie({}, t[t.length - 1].rect);
             if (o.thisAnimationDuration) {
@@ -394,9 +332,9 @@ function $o() {
       }
       var r = !1, l = 0;
       t.forEach(function(i) {
-        var s = 0, d = i.target, c = d.fromRect, p = X(d), m = d.prevFromRect, u = d.prevToRect, b = i.rect, g = et(d, !0);
-        g && (p.top -= g.f, p.left -= g.e), d.toRect = p, d.thisAnimationDuration && Xt(m, p) && !Xt(c, p) && // Make sure animatingRect is on line between toRect & fromRect
-        (b.top - p.top) / (b.left - p.left) === (c.top - p.top) / (c.left - p.left) && (s = Uo(b, m, u, o.options)), Xt(p, c) || (d.prevFromRect = c, d.prevToRect = p, s || (s = o.options.animation), o.animate(d, b, p, s)), s && (r = !0, l = Math.max(l, s), clearTimeout(d.animationResetTimer), d.animationResetTimer = setTimeout(function() {
+        var s = 0, d = i.target, c = d.fromRect, p = J(d), m = d.prevFromRect, u = d.prevToRect, b = i.rect, g = et(d, !0);
+        g && (p.top -= g.f, p.left -= g.e), d.toRect = p, d.thisAnimationDuration && Jt(m, p) && !Jt(c, p) && // Make sure animatingRect is on line between toRect & fromRect
+        (b.top - p.top) / (b.left - p.left) === (c.top - p.top) / (c.left - p.left) && (s = Zo(b, m, u, o.options)), Jt(p, c) || (d.prevFromRect = c, d.prevToRect = p, s || (s = o.options.animation), o.animate(d, b, p, s)), s && (r = !0, l = Math.max(l, s), clearTimeout(d.animationResetTimer), d.animationResetTimer = setTimeout(function() {
           d.animationTime = 0, d.prevFromRect = null, d.fromRect = null, d.prevToRect = null, d.thisAnimationDuration = null;
         }, s), d.thisAnimationDuration = s);
       }), clearTimeout(e), r ? e = setTimeout(function() {
@@ -407,29 +345,29 @@ function $o() {
       if (l) {
         E(n, "transition", ""), E(n, "transform", "");
         var i = et(this.el), s = i && i.a, d = i && i.d, c = (o.left - r.left) / (s || 1), p = (o.top - r.top) / (d || 1);
-        n.animatingX = !!c, n.animatingY = !!p, E(n, "transform", "translate3d(" + c + "px," + p + "px,0)"), this.forRepaintDummy = Zo(n), E(n, "transition", "transform " + l + "ms" + (this.options.easing ? " " + this.options.easing : "")), E(n, "transform", "translate3d(0,0,0)"), typeof n.animated == "number" && clearTimeout(n.animated), n.animated = setTimeout(function() {
+        n.animatingX = !!c, n.animatingY = !!p, E(n, "transform", "translate3d(" + c + "px," + p + "px,0)"), this.forRepaintDummy = $o(n), E(n, "transition", "transform " + l + "ms" + (this.options.easing ? " " + this.options.easing : "")), E(n, "transform", "translate3d(0,0,0)"), typeof n.animated == "number" && clearTimeout(n.animated), n.animated = setTimeout(function() {
           E(n, "transition", ""), E(n, "transform", ""), n.animated = !1, n.animatingX = !1, n.animatingY = !1;
         }, l);
       }
     }
   };
 }
-function Zo(t) {
+function $o(t) {
   return t.offsetWidth;
 }
-function Uo(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 Je = [], Kt = {
+var Xe = [], Kt = {
   initializeByDefault: !0
 }, xt = {
   mount: function(e) {
     for (var a in Kt)
       Kt.hasOwnProperty(a) && !(a in e) && (e[a] = Kt[a]);
-    Je.forEach(function(n) {
+    Xe.forEach(function(n) {
       if (n.pluginName === e.pluginName)
         throw "Sortable: Cannot mount plugin ".concat(e.pluginName, " more than once");
-    }), Je.push(e);
+    }), Xe.push(e);
   },
   pluginEvent: function(e, a, n) {
     var o = this;
@@ -437,7 +375,7 @@ var Je = [], Kt = {
       o.eventCanceled = !0;
     };
     var r = e + "Global";
-    Je.forEach(function(l) {
+    Xe.forEach(function(l) {
       a[l.pluginName] && (a[l.pluginName][r] && a[l.pluginName][r](Ie({
         sortable: a
       }, n)), a.options[l.pluginName] && a[l.pluginName][e] && a[l.pluginName][e](Ie({
@@ -446,7 +384,7 @@ var Je = [], Kt = {
     });
   },
   initializePlugins: function(e, a, n, o) {
-    Je.forEach(function(i) {
+    Xe.forEach(function(i) {
       var s = i.pluginName;
       if (!(!e.options[s] && !i.initializeByDefault)) {
         var d = new i(e, a, e.options);
@@ -461,18 +399,18 @@ var Je = [], Kt = {
   },
   getEventProperties: function(e, a) {
     var n = {};
-    return Je.forEach(function(o) {
+    return Xe.forEach(function(o) {
       typeof o.eventProperties == "function" && De(n, o.eventProperties.call(a[o.pluginName], e));
     }), n;
   },
   modifyOption: function(e, a, n) {
     var o;
-    return Je.forEach(function(r) {
+    return Xe.forEach(function(r) {
       e[r.pluginName] && r.optionListeners && typeof r.optionListeners[a] == "function" && (o = r.optionListeners[a].call(e[r.pluginName], n));
     }), o;
   }
 };
-function Vo(t) {
+function Uo(t) {
   var e = t.sortable, a = t.rootEl, n = t.name, o = t.targetEl, r = t.cloneEl, l = t.toEl, i = t.fromEl, s = t.oldIndex, d = t.newIndex, c = t.oldDraggableIndex, p = t.newDraggableIndex, m = t.originalEvent, u = t.putSortable, b = t.extraEventProperties;
   if (e = e || a && a[pe], !!e) {
     var g, B = e.options, f = "on" + n.charAt(0).toUpperCase() + n.substr(1);
@@ -486,8 +424,8 @@ function Vo(t) {
     a && a.dispatchEvent(g), B[f] && B[f].call(e, g);
   }
 }
-var Ho = ["evt"], le = function(e, a) {
-  var n = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, o = n.evt, r = Do(n, Ho);
+var Vo = ["evt"], le = function(e, a) {
+  var n = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, o = n.evt, r = ko(n, Vo);
   xt.pluginEvent.bind(S)(e, a, Ie({
     dragEl: h,
     parentEl: H,
@@ -504,7 +442,7 @@ var Ho = ["evt"], le = function(e, a) {
     oldIndex: Qe,
     oldDraggableIndex: bt,
     newIndex: ue,
-    newDraggableIndex: Pe,
+    newDraggableIndex: Oe,
     hideGhostForTarget: Tn,
     unhideGhostForTarget: xn,
     cloneNowHidden: function() {
@@ -523,7 +461,7 @@ var Ho = ["evt"], le = function(e, a) {
   }, r));
 };
 function re(t) {
-  Vo(Ie({
+  Uo(Ie({
     putSortable: ee,
     cloneEl: Y,
     targetEl: h,
@@ -531,10 +469,10 @@ function re(t) {
     oldIndex: Qe,
     oldDraggableIndex: bt,
     newIndex: ue,
-    newDraggableIndex: Pe
+    newDraggableIndex: Oe
   }, t));
 }
-var h, H, k, $, je, Dt, Y, Me, Qe, ue, bt, Pe, It, ee, qe = !1, Mt = !1, Rt = [], Ye, ve, qt, Qt, za, ja, dt, Xe, ft, gt = !1, Et = !1, Ft, te, ea = [], fa = !1, $t = [], Ht = typeof document < "u", St = un, Wa = Tt || Fe ? "cssFloat" : "float", Yo = Ht && !No && !un && "draggable" in document.createElement("div"), hn = function() {
+var h, H, k, $, je, Dt, Y, Me, Qe, ue, bt, Oe, It, ee, qe = !1, Mt = !1, Rt = [], Ye, ve, qt, Qt, za, ja, dt, Je, ft, gt = !1, Et = !1, Ft, te, ea = [], fa = !1, $t = [], Ht = typeof document < "u", St = un, Wa = Tt || Fe ? "cssFloat" : "float", Ho = Ht && !Fo && !un && "draggable" in document.createElement("div"), hn = function() {
   if (Ht) {
     if (Fe)
       return !1;
@@ -542,7 +480,7 @@ var h, H, k, $, je, Dt, Y, Me, Qe, ue, bt, Pe, It, ee, qe = !1, Mt = !1, Rt = []
     return t.style.cssText = "pointer-events:auto", t.style.pointerEvents === "auto";
   }
 }(), yn = function(e, a) {
-  var n = E(e), o = parseInt(n.width) - parseInt(n.paddingLeft) - parseInt(n.paddingRight) - parseInt(n.borderLeftWidth) - parseInt(n.borderRightWidth), r = at(e, 0, a), l = at(e, 1, a), i = r && E(r), s = l && E(l), d = i && parseInt(i.marginLeft) + parseInt(i.marginRight) + X(r).width, c = s && parseInt(s.marginLeft) + parseInt(s.marginRight) + X(l).width;
+  var n = E(e), o = parseInt(n.width) - parseInt(n.paddingLeft) - parseInt(n.paddingRight) - parseInt(n.borderLeftWidth) - parseInt(n.borderRightWidth), r = at(e, 0, a), l = at(e, 1, a), i = r && E(r), s = l && E(l), d = i && parseInt(i.marginLeft) + parseInt(i.marginRight) + J(r).width, c = s && parseInt(s.marginLeft) + parseInt(s.marginRight) + J(l).width;
   if (n.display === "flex")
     return n.flexDirection === "column" || n.flexDirection === "column-reverse" ? "vertical" : "horizontal";
   if (n.display === "grid")
@@ -552,15 +490,15 @@ var h, H, k, $, je, Dt, Y, Me, Qe, ue, bt, Pe, It, ee, qe = !1, Mt = !1, Rt = []
     return l && (s.clear === "both" || s.clear === p) ? "vertical" : "horizontal";
   }
   return r && (i.display === "block" || i.display === "flex" || i.display === "table" || i.display === "grid" || d >= o && n[Wa] === "none" || l && n[Wa] === "none" && d + c > o) ? "vertical" : "horizontal";
-}, zo = function(e, a, n) {
+}, Yo = function(e, a, n) {
   var o = n ? e.left : e.top, r = n ? e.right : e.bottom, l = n ? e.width : e.height, i = n ? a.left : a.top, s = n ? a.right : a.bottom, d = n ? a.width : a.height;
   return o === i || r === s || o + l / 2 === i + d / 2;
-}, jo = function(e, a) {
+}, zo = function(e, a) {
   var n;
   return Rt.some(function(o) {
     var r = o[pe].options.emptyInsertThreshold;
     if (!(!r || Sa(o))) {
-      var l = X(o), i = e >= l.left - r && e <= l.right + r, s = a >= l.top - r && a <= l.bottom + r;
+      var l = J(o), i = e >= l.left - r && e <= l.right + r, s = a >= l.top - r && a <= l.bottom + r;
       if (i && s)
         return n = o;
     }
@@ -597,7 +535,7 @@ Ht && document.addEventListener("click", function(t) {
 var ze = function(e) {
   if (h) {
     e = e.touches ? e.touches[0] : e;
-    var a = jo(e.clientX, e.clientY);
+    var a = zo(e.clientX, e.clientY);
     if (a) {
       var n = {};
       for (var o in e)
@@ -605,7 +543,7 @@ var ze = function(e) {
       n.target = n.rootEl = a, n.preventDefault = void 0, n.stopPropagation = void 0, a[pe]._onDragOver(n);
     }
   }
-}, Wo = function(e) {
+}, jo = function(e) {
   h && h.parentNode[pe]._isOutsideThisEl(e.target);
 };
 function S(t, e) {
@@ -663,13 +601,13 @@ function S(t, e) {
   vn(e);
   for (var o in this)
     o.charAt(0) === "_" && typeof this[o] == "function" && (this[o] = this[o].bind(this));
-  this.nativeDraggable = e.forceFallback ? !1 : Yo, this.nativeDraggable && (this.options.touchStartThreshold = 1), e.supportPointer ? R(t, "pointerdown", this._onTapStart) : (R(t, "mousedown", this._onTapStart), R(t, "touchstart", this._onTapStart)), this.nativeDraggable && (R(t, "dragover", this), R(t, "dragenter", this)), Rt.push(this.el), e.store && e.store.get && this.sort(e.store.get(this) || []), De(this, $o());
+  this.nativeDraggable = e.forceFallback ? !1 : Ho, this.nativeDraggable && (this.options.touchStartThreshold = 1), e.supportPointer ? R(t, "pointerdown", this._onTapStart) : (R(t, "mousedown", this._onTapStart), R(t, "touchstart", this._onTapStart)), this.nativeDraggable && (R(t, "dragover", this), R(t, "dragenter", this)), Rt.push(this.el), e.store && e.store.get && this.sort(e.store.get(this) || []), De(this, Ro());
 }
 S.prototype = /** @lends Sortable.prototype */
 {
   constructor: S,
   _isOutsideThisEl: function(e) {
-    !this.el.contains(e) && e !== this.el && (Xe = null);
+    !this.el.contains(e) && e !== this.el && (Je = null);
   },
   _getDirection: function(e, a) {
     return typeof this.options.direction == "function" ? this.options.direction.call(this, e, a, h) : this.options.direction;
@@ -677,7 +615,7 @@ S.prototype = /** @lends Sortable.prototype */
   _onTapStart: function(e) {
     if (e.cancelable) {
       var a = this, n = this.el, o = this.options, r = o.preventOnFilter, l = e.type, i = e.touches && e.touches[0] || e.pointerType && e.pointerType === "touch" && e, s = (i || e).target, d = e.target.shadowRoot && (e.path && e.path[0] || e.composedPath && e.composedPath()[0]) || s, c = o.filter;
-      if (tr(n), !h && !(/mousedown|pointerdown/.test(l) && e.button !== 0 || o.disabled) && !d.isContentEditable && !(!this.nativeDraggable && pt && s && s.tagName.toUpperCase() === "SELECT") && (s = Ce(s, o.draggable, n, !1), !(s && s.animated) && Dt !== s)) {
+      if (er(n), !h && !(/mousedown|pointerdown/.test(l) && e.button !== 0 || o.disabled) && !d.isContentEditable && !(!this.nativeDraggable && pt && s && s.tagName.toUpperCase() === "SELECT") && (s = Ce(s, o.draggable, n, !1), !(s && s.animated) && Dt !== s)) {
         if (Qe = he(s), bt = he(s, o.draggable), typeof c == "function") {
           if (c.call(this, e, s, this)) {
             re({
@@ -715,7 +653,7 @@ S.prototype = /** @lends Sortable.prototype */
   _prepareDragStart: function(e, a, n) {
     var o = this, r = o.el, l = o.options, i = r.ownerDocument, s;
     if (n && !h && n.parentNode === r) {
-      var d = X(n);
+      var d = J(n);
       if ($ = r, h = n, H = h.parentNode, je = h.nextSibling, Dt = n, It = l.group, S.dragged = h, Ye = {
         target: h,
         clientX: (a || e).clientX,
@@ -755,7 +693,7 @@ S.prototype = /** @lends Sortable.prototype */
   },
   _disableDelayedDragEvents: function() {
     var e = this.el.ownerDocument;
-    P(e, "mouseup", this._disableDelayedDrag), P(e, "touchend", this._disableDelayedDrag), P(e, "touchcancel", this._disableDelayedDrag), P(e, "mousemove", this._delayedDragTouchMoveHandler), P(e, "touchmove", this._delayedDragTouchMoveHandler), P(e, "pointermove", this._delayedDragTouchMoveHandler);
+    O(e, "mouseup", this._disableDelayedDrag), O(e, "touchend", this._disableDelayedDrag), O(e, "touchcancel", this._disableDelayedDrag), O(e, "mousemove", this._delayedDragTouchMoveHandler), O(e, "touchmove", this._delayedDragTouchMoveHandler), O(e, "pointermove", this._delayedDragTouchMoveHandler);
   },
   _triggerDragStart: function(e, a) {
     a = a || e.pointerType == "touch" && e, !this.nativeDraggable || a ? this.options.supportPointer ? R(document, "pointermove", this._onTouchMove) : a ? R(document, "touchmove", this._onTouchMove) : R(document, "mousemove", this._onTouchMove) : (R(h, "dragend", this), R($, "dragstart", this._onDragStart));
@@ -770,7 +708,7 @@ S.prototype = /** @lends Sortable.prototype */
     if (qe = !1, $ && h) {
       le("dragStarted", this, {
         evt: a
-      }), this.nativeDraggable && R(document, "dragover", Wo);
+      }), this.nativeDraggable && R(document, "dragover", jo);
       var n = this.options;
       !e && ce(h, n.dragClass, !1), ce(h, n.ghostClass, !0), S.active = this, e && this._appendGhost(), re({
         sortable: this,
@@ -827,7 +765,7 @@ S.prototype = /** @lends Sortable.prototype */
   },
   _appendGhost: function() {
     if (!k) {
-      var e = this.options.fallbackOnBody ? document.body : $, a = X(h, !0, St, !0, e), n = this.options;
+      var e = this.options.fallbackOnBody ? document.body : $, a = J(h, !0, St, !0, e), n = this.options;
       if (St) {
         for (te = e; E(te, "position") === "static" && E(te, "transform") === "none" && te !== document; )
           te = te.parentNode;
@@ -849,7 +787,7 @@ S.prototype = /** @lends Sortable.prototype */
         sortable: n,
         name: "clone"
       }));
-    }), !a && ce(h, r.dragClass, !0), a ? (Mt = !0, n._loopId = setInterval(n._emulateDragOver, 50)) : (P(document, "mouseup", n._onDrop), P(document, "touchend", n._onDrop), P(document, "touchcancel", n._onDrop), o && (o.effectAllowed = "move", r.setData && r.setData.call(n, o, h)), R(document, "drop", n), E(h, "transform", "translateZ(0)")), qe = !0, n._dragStartId = Nt(n._dragStarted.bind(n, a, e)), R(document, "selectstart", n), dt = !0, pt && E(document.body, "user-select", "none");
+    }), !a && ce(h, r.dragClass, !0), a ? (Mt = !0, n._loopId = setInterval(n._emulateDragOver, 50)) : (O(document, "mouseup", n._onDrop), O(document, "touchend", n._onDrop), O(document, "touchcancel", n._onDrop), o && (o.effectAllowed = "move", r.setData && r.setData.call(n, o, h)), R(document, "drop", n), E(h, "transform", "translateZ(0)")), qe = !0, n._dragStartId = Nt(n._dragStarted.bind(n, a, e)), R(document, "selectstart", n), dt = !0, pt && E(document.body, "user-select", "none");
   },
   // Returns true - if no further action is needed (either inserted or another condition)
   _onDragOver: function(e) {
@@ -867,8 +805,8 @@ S.prototype = /** @lends Sortable.prototype */
         fromSortable: m,
         target: n,
         completed: y,
-        onMove: function(Pa, qn) {
-          return At($, a, h, o, Pa, X(Pa), e, qn);
+        onMove: function(Oa, Qn) {
+          return At($, a, h, o, Oa, J(Oa), e, Qn);
         },
         changed: T
       }, lt));
@@ -881,15 +819,15 @@ S.prototype = /** @lends Sortable.prototype */
         insertion: Ne
       }), Ne && (c ? d._hideClone() : d._showClone(b), b !== m && (ce(h, ee ? ee.options.ghostClass : d.options.ghostClass, !1), ce(h, i.ghostClass, !0)), ee !== b && b !== S.active ? ee = b : b === S.active && ee && (ee = null), m === b && (b._ignoreWhileAnimating = n), b.animateAll(function() {
         B("dragOverAnimationComplete"), b._ignoreWhileAnimating = null;
-      }), b !== m && (m.animateAll(), m._ignoreWhileAnimating = null)), (n === h && !h.animated || n === a && !n.animated) && (Xe = null), !i.dragoverBubble && !e.rootEl && n !== document && (h.parentNode[pe]._isOutsideThisEl(e.target), !Ne && ze(e)), !i.dragoverBubble && e.stopPropagation && e.stopPropagation(), g = !0;
+      }), b !== m && (m.animateAll(), m._ignoreWhileAnimating = null)), (n === h && !h.animated || n === a && !n.animated) && (Je = null), !i.dragoverBubble && !e.rootEl && n !== document && (h.parentNode[pe]._isOutsideThisEl(e.target), !Ne && ze(e)), !i.dragoverBubble && e.stopPropagation && e.stopPropagation(), g = !0;
     }
     function T() {
-      ue = he(h), Pe = he(h, i.draggable), re({
+      ue = he(h), Oe = he(h, i.draggable), re({
         sortable: b,
         name: "change",
         toEl: a,
         newIndex: ue,
-        newDraggableIndex: Pe,
+        newDraggableIndex: Oe,
         originalEvent: e
       });
     }
@@ -897,25 +835,25 @@ S.prototype = /** @lends Sortable.prototype */
     if (h.contains(e.target) || n.animated && n.animatingX && n.animatingY || b._ignoreWhileAnimating === n)
       return y(!1);
     if (Mt = !1, d && !i.disabled && (c ? p || (l = H !== $) : ee === this || (this.lastPutMode = It.checkPull(this, d, h, e)) && s.checkPut(this, d, h, e))) {
-      if (u = this._getDirection(e, n) === "vertical", o = X(h), B("dragOverValid"), S.eventCanceled) return g;
+      if (u = this._getDirection(e, n) === "vertical", o = J(h), B("dragOverValid"), S.eventCanceled) return g;
       if (l)
         return H = $, f(), this._hideClone(), B("revert"), S.eventCanceled || (je ? $.insertBefore(h, je) : $.appendChild(h)), y(!0);
       var x = Sa(a, i.draggable);
-      if (!x || Ko(e, u, this) && !x.animated) {
+      if (!x || Jo(e, u, this) && !x.animated) {
         if (x === h)
           return y(!1);
-        if (x && a === e.target && (n = x), n && (r = X(n)), At($, a, h, o, n, r, e, !!n) !== !1)
+        if (x && a === e.target && (n = x), n && (r = J(n)), At($, a, h, o, n, r, e, !!n) !== !1)
           return f(), a.appendChild(h), H = a, T(), y(!0);
       } else if (x && Xo(e, u, this)) {
         var L = at(a, 0, i, !0);
         if (L === h)
           return y(!1);
-        if (n = L, r = X(n), At($, a, h, o, n, r, e, !1) !== !1)
+        if (n = L, r = J(n), At($, a, h, o, n, r, e, !1) !== !1)
           return f(), a.insertBefore(h, L), H = a, T(), y(!0);
       } else if (n.parentNode === a) {
-        r = X(n);
-        var D = 0, N, C = h.parentNode !== a, _ = !zo(h.animated && h.toRect || o, n.animated && n.toRect || r, u), A = u ? "top" : "left", U = Ha(n, "top", "top") || Ha(h, "top", "top"), ne = U ? U.scrollTop : void 0;
-        Xe !== n && (N = r[A], gt = !1, Et = !_ && i.invertSwap || C), D = qo(e, n, r, u, _ ? 1 : i.swapThreshold, i.invertedSwapThreshold == null ? i.swapThreshold : i.invertedSwapThreshold, Et, Xe === n);
+        r = J(n);
+        var D = 0, N, C = h.parentNode !== a, _ = !Yo(h.animated && h.toRect || o, n.animated && n.toRect || r, u), A = u ? "top" : "left", U = Ha(n, "top", "top") || Ha(h, "top", "top"), ne = U ? U.scrollTop : void 0;
+        Je !== n && (N = r[A], gt = !1, Et = !_ && i.invertSwap || C), D = Ko(e, n, r, u, _ ? 1 : i.swapThreshold, i.invertedSwapThreshold == null ? i.swapThreshold : i.invertedSwapThreshold, Et, Je === n);
         var z;
         if (D !== 0) {
           var fe = he(h);
@@ -925,12 +863,12 @@ S.prototype = /** @lends Sortable.prototype */
         }
         if (D === 0 || z === n)
           return y(!1);
-        Xe = n, ft = D;
-        var He = n.nextElementSibling, O = !1;
-        O = D === 1;
-        var Se = At($, a, h, o, n, r, e, O);
+        Je = n, ft = D;
+        var He = n.nextElementSibling, P = !1;
+        P = D === 1;
+        var Se = At($, a, h, o, n, r, e, P);
         if (Se !== !1)
-          return (Se === 1 || Se === -1) && (O = Se === 1), fa = !0, setTimeout(Jo, 30), f(), O && !He ? a.appendChild(h) : n.parentNode.insertBefore(h, O ? He : n), U && fn(U, 0, ne - U.scrollTop), H = h.parentNode, N !== void 0 && !Et && (Ft = Math.abs(N - X(n)[A])), T(), y(!0);
+          return (Se === 1 || Se === -1) && (P = Se === 1), fa = !0, setTimeout(Go, 30), f(), P && !He ? a.appendChild(h) : n.parentNode.insertBefore(h, P ? He : n), U && fn(U, 0, ne - U.scrollTop), H = h.parentNode, N !== void 0 && !Et && (Ft = Math.abs(N - J(n)[A])), T(), y(!0);
       }
       if (a.contains(h))
         return y(!1);
@@ -939,21 +877,21 @@ S.prototype = /** @lends Sortable.prototype */
   },
   _ignoreWhileAnimating: null,
   _offMoveEvents: function() {
-    P(document, "mousemove", this._onTouchMove), P(document, "touchmove", this._onTouchMove), P(document, "pointermove", this._onTouchMove), P(document, "dragover", ze), P(document, "mousemove", ze), P(document, "touchmove", ze);
+    O(document, "mousemove", this._onTouchMove), O(document, "touchmove", this._onTouchMove), O(document, "pointermove", this._onTouchMove), O(document, "dragover", ze), O(document, "mousemove", ze), O(document, "touchmove", ze);
   },
   _offUpEvents: function() {
     var e = this.el.ownerDocument;
-    P(e, "mouseup", this._onDrop), P(e, "touchend", this._onDrop), P(e, "pointerup", this._onDrop), P(e, "touchcancel", this._onDrop), P(document, "selectstart", this);
+    O(e, "mouseup", this._onDrop), O(e, "touchend", this._onDrop), O(e, "pointerup", this._onDrop), O(e, "touchcancel", this._onDrop), O(document, "selectstart", this);
   },
   _onDrop: function(e) {
     var a = this.el, n = this.options;
-    if (ue = he(h), Pe = he(h, n.draggable), le("drop", this, {
+    if (ue = he(h), Oe = he(h, n.draggable), le("drop", this, {
       evt: e
-    }), H = h && h.parentNode, ue = he(h), Pe = he(h, n.draggable), S.eventCanceled) {
+    }), H = h && h.parentNode, ue = he(h), Oe = he(h, n.draggable), S.eventCanceled) {
       this._nulling();
       return;
     }
-    qe = !1, Et = !1, gt = !1, clearInterval(this._loopId), clearTimeout(this._dragStartTimer), ga(this.cloneId), ga(this._dragStartId), this.nativeDraggable && (P(document, "drop", this), P(a, "dragstart", this._onDragStart)), this._offMoveEvents(), this._offUpEvents(), pt && E(document.body, "user-select", ""), E(h, "transform", ""), e && (dt && (e.cancelable && e.preventDefault(), !n.dropBubble && e.stopPropagation()), k && k.parentNode && k.parentNode.removeChild(k), ($ === H || ee && ee.lastPutMode !== "clone") && Y && Y.parentNode && Y.parentNode.removeChild(Y), h && (this.nativeDraggable && P(h, "dragend", this), ta(h), h.style["will-change"] = "", dt && !qe && ce(h, ee ? ee.options.ghostClass : this.options.ghostClass, !1), ce(h, this.options.chosenClass, !1), re({
+    qe = !1, Et = !1, gt = !1, clearInterval(this._loopId), clearTimeout(this._dragStartTimer), ga(this.cloneId), ga(this._dragStartId), this.nativeDraggable && (O(document, "drop", this), O(a, "dragstart", this._onDragStart)), this._offMoveEvents(), this._offUpEvents(), pt && E(document.body, "user-select", ""), E(h, "transform", ""), e && (dt && (e.cancelable && e.preventDefault(), !n.dropBubble && e.stopPropagation()), k && k.parentNode && k.parentNode.removeChild(k), ($ === H || ee && ee.lastPutMode !== "clone") && Y && Y.parentNode && Y.parentNode.removeChild(Y), h && (this.nativeDraggable && O(h, "dragend", this), ta(h), h.style["will-change"] = "", dt && !qe && ce(h, ee ? ee.options.ghostClass : this.options.ghostClass, !1), ce(h, this.options.chosenClass, !1), re({
       sortable: this,
       name: "unchoose",
       toEl: H,
@@ -992,7 +930,7 @@ S.prototype = /** @lends Sortable.prototype */
       name: "sort",
       toEl: H,
       originalEvent: e
-    })), S.active && ((ue == null || ue === -1) && (ue = Qe, Pe = bt), re({
+    })), S.active && ((ue == null || ue === -1) && (ue = Qe, Oe = bt), re({
       sortable: this,
       name: "end",
       toEl: H,
@@ -1000,7 +938,7 @@ S.prototype = /** @lends Sortable.prototype */
     }), this.save()))), this._nulling();
   },
   _nulling: function() {
-    le("nulling", this), $ = h = H = k = je = Y = Dt = Me = Ye = ve = dt = ue = Pe = Qe = bt = Xe = ft = ee = It = S.dragged = S.ghost = S.clone = S.active = null, $t.forEach(function(e) {
+    le("nulling", this), $ = h = H = k = je = Y = Dt = Me = Ye = ve = dt = ue = Oe = Qe = bt = Je = ft = ee = It = S.dragged = S.ghost = S.clone = S.active = null, $t.forEach(function(e) {
       e.checked = !0;
     }), $t.length = qt = Qt = 0;
   },
@@ -1012,7 +950,7 @@ S.prototype = /** @lends Sortable.prototype */
         break;
       case "dragenter":
       case "dragover":
-        h && (this._onDragOver(e), Go(e));
+        h && (this._onDragOver(e), Wo(e));
         break;
       case "selectstart":
         e.preventDefault();
@@ -1025,7 +963,7 @@ S.prototype = /** @lends Sortable.prototype */
    */
   toArray: function() {
     for (var e = [], a, n = this.el.children, o = 0, r = n.length, l = this.options; o < r; o++)
-      a = n[o], Ce(a, l.draggable, this.el, !1) && e.push(a.getAttribute(l.dataIdAttr) || er(a));
+      a = n[o], Ce(a, l.draggable, this.el, !1) && e.push(a.getAttribute(l.dataIdAttr) || Qo(a));
     return e;
   },
   /**
@@ -1076,7 +1014,7 @@ S.prototype = /** @lends Sortable.prototype */
   destroy: function() {
     le("destroy", this);
     var e = this.el;
-    e[pe] = null, P(e, "mousedown", this._onTapStart), P(e, "touchstart", this._onTapStart), P(e, "pointerdown", this._onTapStart), this.nativeDraggable && (P(e, "dragover", this), P(e, "dragenter", this)), Array.prototype.forEach.call(e.querySelectorAll("[draggable]"), function(a) {
+    e[pe] = null, O(e, "mousedown", this._onTapStart), O(e, "touchstart", this._onTapStart), O(e, "pointerdown", this._onTapStart), this.nativeDraggable && (O(e, "dragover", this), O(e, "dragenter", this)), Array.prototype.forEach.call(e.querySelectorAll("[draggable]"), function(a) {
       a.removeAttribute("draggable");
     }), this._onDrop(), this._disableDelayedDragEvents(), Rt.splice(Rt.indexOf(this.el), 1), this.el = e = null;
   },
@@ -1097,7 +1035,7 @@ S.prototype = /** @lends Sortable.prototype */
     }
   }
 };
-function Go(t) {
+function Wo(t) {
   t.dataTransfer && (t.dataTransfer.dropEffect = "move"), t.cancelable && t.preventDefault();
 }
 function At(t, e, a, n, o, r, l, i) {
@@ -1105,23 +1043,23 @@ function At(t, e, a, n, o, r, l, i) {
   return window.CustomEvent && !Fe && !Tt ? s = new CustomEvent("move", {
     bubbles: !0,
     cancelable: !0
-  }) : (s = document.createEvent("Event"), s.initEvent("move", !0, !0)), s.to = e, s.from = t, s.dragged = a, s.draggedRect = n, s.related = o || e, s.relatedRect = r || X(e), s.willInsertAfter = i, s.originalEvent = l, t.dispatchEvent(s), c && (p = c.call(d, s, l)), p;
+  }) : (s = document.createEvent("Event"), s.initEvent("move", !0, !0)), s.to = e, s.from = t, s.dragged = a, s.draggedRect = n, s.related = o || e, s.relatedRect = r || J(e), s.willInsertAfter = i, s.originalEvent = l, t.dispatchEvent(s), c && (p = c.call(d, s, l)), p;
 }
 function ta(t) {
   t.draggable = !1;
 }
-function Jo() {
+function Go() {
   fa = !1;
 }
 function Xo(t, e, a) {
-  var n = X(at(a.el, 0, a.options, !0)), o = 10;
+  var n = J(at(a.el, 0, a.options, !0)), o = 10;
   return e ? t.clientX < n.left - o || t.clientY < n.top && t.clientX < n.right : t.clientY < n.top - o || t.clientY < n.bottom && t.clientX < n.left;
 }
-function Ko(t, e, a) {
-  var n = X(Sa(a.el, a.options.draggable)), o = 10;
+function Jo(t, e, a) {
+  var n = J(Sa(a.el, a.options.draggable)), o = 10;
   return e ? t.clientX > n.right + o || t.clientX <= n.right && t.clientY > n.bottom && t.clientX >= n.left : t.clientX > n.right && t.clientY > n.top || t.clientX <= n.right && t.clientY > n.bottom + o;
 }
-function qo(t, e, a, n, o, r, l, i) {
+function Ko(t, e, a, n, o, r, l, i) {
   var s = n ? t.clientY : t.clientX, d = n ? a.height : a.width, c = n ? a.top : a.left, p = n ? a.bottom : a.right, m = !1;
   if (!l) {
     if (i && Ft < d * o) {
@@ -1130,19 +1068,19 @@ function qo(t, e, a, n, o, r, l, i) {
       else if (ft === 1 ? s < c + Ft : s > p - Ft)
         return -ft;
     } else if (s > c + d * (1 - o) / 2 && s < p - d * (1 - o) / 2)
-      return Qo(e);
+      return qo(e);
   }
   return m = m || l, m && (s < c + d * r / 2 || s > p - d * r / 2) ? s > c + d / 2 ? 1 : -1 : 0;
 }
-function Qo(t) {
+function qo(t) {
   return he(h) < he(t) ? 1 : -1;
 }
-function er(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 tr(t) {
+function er(t) {
   $t.length = 0;
   for (var e = t.getElementsByTagName("input"), a = e.length; a--; ) {
     var n = e[a];
@@ -1160,13 +1098,13 @@ Ht && R(document, "touchmove", function(t) {
 });
 S.utils = {
   on: R,
-  off: P,
+  off: O,
   css: E,
   find: mn,
   is: function(e, a) {
     return !!Ce(e, a, e, !1);
   },
-  extend: Mo,
+  extend: Oo,
   throttle: bn,
   closest: Ce,
   toggleClass: ce,
@@ -1192,9 +1130,9 @@ S.mount = function() {
 S.create = function(t, e) {
   return new S(t, e);
 };
-S.version = Fo;
-var J = [], ct, ha, ya = !1, aa, na, Zt, ut;
-function ar() {
+S.version = Do;
+var X = [], ct, ha, ya = !1, aa, na, Zt, ut;
+function tr() {
   function t() {
     this.defaults = {
       scroll: !0,
@@ -1216,10 +1154,10 @@ function ar() {
       !this.options.dragOverBubble && !n.rootEl && this._handleAutoScroll(n);
     },
     drop: function() {
-      this.sortable.nativeDraggable ? P(document, "dragover", this._handleAutoScroll) : (P(document, "pointermove", this._handleFallbackAutoScroll), P(document, "touchmove", this._handleFallbackAutoScroll), P(document, "mousemove", this._handleFallbackAutoScroll)), Ga(), Ot(), Ro();
+      this.sortable.nativeDraggable ? O(document, "dragover", this._handleAutoScroll) : (O(document, "pointermove", this._handleFallbackAutoScroll), O(document, "touchmove", this._handleFallbackAutoScroll), O(document, "mousemove", this._handleFallbackAutoScroll)), Ga(), Pt(), Mo();
     },
     nulling: function() {
-      Zt = ha = ct = ya = ut = aa = na = null, J.length = 0;
+      Zt = ha = ct = ya = ut = aa = na = null, X.length = 0;
     },
     _handleFallbackAutoScroll: function(a) {
       this._handleAutoScroll(a, !0);
@@ -1231,11 +1169,11 @@ function ar() {
         var s = Re(i, !0);
         ya && (!ut || r !== aa || l !== na) && (ut && Ga(), ut = setInterval(function() {
           var d = Re(document.elementFromPoint(r, l), !0);
-          d !== s && (s = d, Ot()), oa(a, o.options, d, n);
+          d !== s && (s = d, Pt()), oa(a, o.options, d, n);
         }, 10), aa = r, na = l);
       } else {
         if (!this.options.bubbleScroll || Re(i, !0) === we()) {
-          Ot();
+          Pt();
           return;
         }
         oa(a, this.options, Re(i, !1), !1);
@@ -1246,10 +1184,10 @@ function ar() {
     initializeByDefault: !0
   });
 }
-function Ot() {
-  J.forEach(function(t) {
+function Pt() {
+  X.forEach(function(t) {
     clearInterval(t.pid);
-  }), J = [];
+  }), X = [];
 }
 function Ga() {
   clearInterval(ut);
@@ -1257,19 +1195,19 @@ function Ga() {
 var oa = bn(function(t, e, a, n) {
   if (e.scroll) {
     var o = (t.touches ? t.touches[0] : t).clientX, r = (t.touches ? t.touches[0] : t).clientY, l = e.scrollSensitivity, i = e.scrollSpeed, s = we(), d = !1, c;
-    ha !== a && (ha = a, Ot(), ct = e.scroll, c = e.scrollFn, ct === !0 && (ct = Re(a, !0)));
+    ha !== a && (ha = a, Pt(), ct = e.scroll, c = e.scrollFn, ct === !0 && (ct = Re(a, !0)));
     var p = 0, m = ct;
     do {
-      var u = m, b = X(u), g = b.top, B = b.bottom, f = b.left, y = b.right, T = b.width, x = b.height, L = void 0, D = void 0, N = u.scrollWidth, C = u.scrollHeight, _ = E(u), A = u.scrollLeft, U = u.scrollTop;
+      var u = m, b = J(u), g = b.top, B = b.bottom, f = b.left, y = b.right, T = b.width, x = b.height, L = void 0, D = void 0, N = u.scrollWidth, C = u.scrollHeight, _ = E(u), A = u.scrollLeft, U = u.scrollTop;
       u === s ? (L = T < N && (_.overflowX === "auto" || _.overflowX === "scroll" || _.overflowX === "visible"), D = x < C && (_.overflowY === "auto" || _.overflowY === "scroll" || _.overflowY === "visible")) : (L = T < N && (_.overflowX === "auto" || _.overflowX === "scroll"), D = x < C && (_.overflowY === "auto" || _.overflowY === "scroll"));
       var ne = L && (Math.abs(y - o) <= l && A + T < N) - (Math.abs(f - o) <= l && !!A), z = D && (Math.abs(B - r) <= l && U + x < C) - (Math.abs(g - r) <= l && !!U);
-      if (!J[p])
+      if (!X[p])
         for (var fe = 0; fe <= p; fe++)
-          J[fe] || (J[fe] = {});
-      (J[p].vx != ne || J[p].vy != z || J[p].el !== u) && (J[p].el = u, J[p].vx = ne, J[p].vy = z, clearInterval(J[p].pid), (ne != 0 || z != 0) && (d = !0, J[p].pid = setInterval((function() {
+          X[fe] || (X[fe] = {});
+      (X[p].vx != ne || X[p].vy != z || X[p].el !== u) && (X[p].el = u, X[p].vx = ne, X[p].vy = z, clearInterval(X[p].pid), (ne != 0 || z != 0) && (d = !0, X[p].pid = setInterval((function() {
         n && this.layer === 0 && S.active._onTouchMove(Zt);
-        var He = J[this.layer].vy ? J[this.layer].vy * i : 0, O = J[this.layer].vx ? J[this.layer].vx * i : 0;
-        typeof c == "function" && c.call(S.dragged.parentNode[pe], O, He, t, Zt, J[this.layer].el) !== "continue" || fn(J[this.layer].el, O, He);
+        var He = X[this.layer].vy ? X[this.layer].vy * i : 0, P = X[this.layer].vx ? X[this.layer].vx * i : 0;
+        typeof c == "function" && c.call(S.dragged.parentNode[pe], P, He, t, Zt, X[this.layer].el) !== "continue" || fn(X[this.layer].el, P, He);
       }).bind({
         layer: p
       }), 24))), p++;
@@ -1319,34 +1257,34 @@ Ba.prototype = {
 De(Ba, {
   pluginName: "removeOnSpill"
 });
-S.mount(new ar());
+S.mount(new tr());
 S.mount(Ba, Aa);
 function ra(t) {
   t.parentElement !== null && t.parentElement.removeChild(t);
 }
-function Ja(t, e, a) {
+function Xa(t, e, a) {
   const n = a === 0 ? t.children[0] : t.children[a - 1].nextSibling;
   t.insertBefore(e, n);
 }
-function nr() {
+function ar() {
   return typeof window < "u" ? window.console : global.console;
 }
-const or = nr();
-function rr(t) {
+const nr = ar();
+function or(t) {
   const e = /* @__PURE__ */ Object.create(null);
   return function(n) {
     return e[n] || (e[n] = t(n));
   };
 }
-const ir = /-(\w)/g, lr = rr((t) => t.replace(ir, (e, a) => a.toUpperCase())), _n = ["Start", "Add", "Remove", "Update", "End"], wn = ["Choose", "Unchoose", "Sort", "Filter", "Clone"], In = ["Move"], sr = [In, _n, wn].flatMap((t) => t).map((t) => `on${t}`), va = {
+const rr = /-(\w)/g, ir = or((t) => t.replace(rr, (e, a) => a.toUpperCase())), _n = ["Start", "Add", "Remove", "Update", "End"], wn = ["Choose", "Unchoose", "Sort", "Filter", "Clone"], In = ["Move"], lr = [In, _n, wn].flatMap((t) => t).map((t) => `on${t}`), va = {
   manage: In,
   manageAndEmit: _n,
   emit: wn
 };
-function dr(t) {
-  return sr.indexOf(t) !== -1;
+function sr(t) {
+  return lr.indexOf(t) !== -1;
 }
-const cr = [
+const dr = [
   "a",
   "abbr",
   "address",
@@ -1465,10 +1403,10 @@ const cr = [
   "video",
   "wbr"
 ];
-function ur(t) {
-  return cr.includes(t);
+function cr(t) {
+  return dr.includes(t);
 }
-function pr(t) {
+function ur(t) {
   return ["transition-group", "TransitionGroup"].includes(t);
 }
 function En(t) {
@@ -1477,7 +1415,7 @@ function En(t) {
 function Sn(t) {
   return t.reduce((e, [a, n]) => (e[a] = n, e), {});
 }
-function mr({ $attrs: t, componentData: e = {} }) {
+function pr({ $attrs: t, componentData: e = {} }) {
   return {
     ...Sn(
       Object.entries(t).filter(([n, o]) => En(n))
@@ -1485,7 +1423,7 @@ function mr({ $attrs: t, componentData: e = {} }) {
     ...e
   };
 }
-function br({ $attrs: t, callBackBuilder: e }) {
+function mr({ $attrs: t, callBackBuilder: e }) {
   const a = Sn(An(t));
   Object.entries(e).forEach(([o, r]) => {
     va[o].forEach((l) => {
@@ -1499,10 +1437,10 @@ function br({ $attrs: t, callBackBuilder: e }) {
   };
 }
 function An(t) {
-  return Object.entries(t).filter(([e, a]) => !En(e)).map(([e, a]) => [lr(e), a]).filter(([e, a]) => !dr(e));
+  return Object.entries(t).filter(([e, a]) => !En(e)).map(([e, a]) => [ir(e), a]).filter(([e, a]) => !sr(e));
 }
-const Xa = ({ el: t }) => t, fr = (t, e) => t.__draggable_context = e, Ka = (t) => t.__draggable_context;
-class gr {
+const Ja = ({ el: t }) => t, br = (t, e) => t.__draggable_context = e, Ka = (t) => t.__draggable_context;
+class fr {
   constructor({
     nodes: { header: e, default: a, footer: n },
     root: o,
@@ -1520,7 +1458,7 @@ class gr {
   updated() {
     const { defaultNodes: e, realList: a } = this;
     e.forEach((n, o) => {
-      fr(Xa(n), {
+      br(Ja(n), {
         element: a[o],
         index: o
       });
@@ -1538,19 +1476,19 @@ class gr {
       return i.index;
     if (o === 0)
       return 0;
-    const s = Xa(n[0]), d = [...r].findIndex(
+    const s = Ja(n[0]), d = [...r].findIndex(
       (c) => c === s
     );
     return e < d ? 0 : o;
   }
 }
-function hr(t, e) {
+function gr(t, e) {
   const a = t[e];
   return a ? a() : [];
 }
-function yr({ $slots: t, realList: e, getKey: a }) {
+function hr({ $slots: t, realList: e, getKey: a }) {
   const n = e || [], [o, r] = ["header", "footer"].map(
-    (s) => hr(t, s)
+    (s) => gr(t, s)
   ), { item: l } = t;
   if (!l)
     throw new Error("draggable element must have an item slot");
@@ -1565,20 +1503,20 @@ function yr({ $slots: t, realList: e, getKey: a }) {
     default: i
   };
 }
-function vr(t) {
-  const e = pr(t), a = !ur(t) && !e;
+function yr(t) {
+  const e = ur(t), a = !cr(t) && !e;
   return {
     transition: e,
     externalComponent: a,
-    tag: a ? V(t) : e ? Qn : t
+    tag: a ? V(t) : e ? eo : t
   };
 }
-function Tr({ $slots: t, tag: e, realList: a, getKey: n }) {
-  const o = yr({ $slots: t, realList: a, getKey: n }), r = vr(e);
-  return new gr({ nodes: o, root: r, realList: a });
+function vr({ $slots: t, tag: e, realList: a, getKey: n }) {
+  const o = hr({ $slots: t, realList: a, getKey: n }), r = yr(e);
+  return new fr({ nodes: o, root: r, realList: a });
 }
 function Bn(t, e) {
-  rn(() => this.$emit(t.toLowerCase(), e));
+  ln(() => this.$emit(t.toLowerCase(), e));
 }
 function Ln(t) {
   return (e, a) => {
@@ -1586,14 +1524,14 @@ function Ln(t) {
       return this[`onDrag${t}`](e, a);
   };
 }
-function xr(t) {
+function Tr(t) {
   const e = Ln.call(this, t);
   return (a, n) => {
     e.call(this, a, n), Bn.call(this, t, a);
   };
 }
 let ia = null;
-const Cr = {
+const xr = {
   list: {
     type: Array,
     required: !1,
@@ -1625,15 +1563,15 @@ const Cr = {
     required: !1,
     default: null
   }
-}, _r = [
+}, Cr = [
   "update:modelValue",
   "change",
   ...[...va.manageAndEmit, ...va.emit].map((t) => t.toLowerCase())
 ], kn = se({
   name: "draggable",
   inheritAttrs: !1,
-  props: Cr,
-  emits: _r,
+  props: xr,
+  emits: Cr,
   data() {
     return {
       error: !1
@@ -1642,21 +1580,21 @@ const Cr = {
   render() {
     try {
       this.error = !1;
-      const { $slots: t, $attrs: e, tag: a, componentData: n, realList: o, getKey: r } = this, l = Tr({
+      const { $slots: t, $attrs: e, tag: a, componentData: n, realList: o, getKey: r } = this, l = vr({
         $slots: t,
         tag: a,
         realList: o,
         getKey: r
       });
       this.componentStructure = l;
-      const i = mr({ $attrs: e, componentData: n });
+      const i = pr({ $attrs: e, componentData: n });
       return l.render(ma, i);
     } catch (t) {
       return this.error = !0, ma("pre", { style: { color: "red" } }, t.stack);
     }
   },
   created() {
-    this.list !== null && this.modelValue !== null && or.error(
+    this.list !== null && this.modelValue !== null && nr.error(
       "modelValue and list props are mutually exclusive! Please set one or another."
     );
   },
@@ -1665,10 +1603,10 @@ const Cr = {
       return;
     const { $attrs: t, $el: e, componentStructure: a } = this;
     a.updated();
-    const n = br({
+    const n = mr({
       $attrs: t,
       callBackBuilder: {
-        manageAndEmit: (r) => xr.call(this, r),
+        manageAndEmit: (r) => Tr.call(this, r),
         emit: (r) => Bn.bind(this, r),
         manage: (r) => Ln.call(this, r)
       }
@@ -1710,7 +1648,7 @@ const Cr = {
       return t.__draggable_component__;
     },
     emitChanges(t) {
-      rn(() => this.$emit("change", t));
+      ln(() => this.$emit("change", t));
     },
     alterList(t) {
       if (this.list) {
@@ -1755,7 +1693,7 @@ const Cr = {
       this.emitChanges({ added: n });
     },
     onDragRemove(t) {
-      if (Ja(this.$el, t.item, t.oldIndex), t.pullMode === "clone") {
+      if (Xa(this.$el, t.item, t.oldIndex), t.pullMode === "clone") {
         ra(t.clone);
         return;
       }
@@ -1765,7 +1703,7 @@ const Cr = {
       this.emitChanges({ removed: n });
     },
     onDragUpdate(t) {
-      ra(t.item), Ja(t.from, t.item, t.oldIndex);
+      ra(t.item), Xa(t.from, t.item, t.oldIndex);
       const e = this.context.index, a = this.getVmIndexFromDomIndex(t.newIndex);
       this.updatePosition(e, a);
       const n = { element: this.context.element, oldIndex: e, newIndex: a };
@@ -1879,13 +1817,13 @@ const Cr = {
     ],
     group: "member"
   }
-], wr = {
+], _r = {
   paddingTop: "0px",
   paddingBottom: "0px",
   paddingLeft: "0px",
   paddingRight: "0px",
   backgroundColor: "#FFFFFF"
-}, Ir = {
+}, wr = {
   containerStyles: {
     paddingTop: "0px",
     paddingBottom: "0px",
@@ -1920,7 +1858,7 @@ const Cr = {
     height: t.height ?? "auto",
     boxShadow: t.boxShadow ?? "none"
   }
-}), Er = {
+}), Ir = {
   ...xe({
     marginLeft: "12px",
     marginRight: "12px",
@@ -1946,7 +1884,7 @@ const Cr = {
       // underline, line-through
     }
   }
-}, Sr = {
+}, Er = {
   ...xe({
     marginLeft: "12px",
     marginRight: "12px",
@@ -2014,7 +1952,7 @@ const Cr = {
   itemsPerRow: 3,
   iconColor: "#ff7823",
   textColor: "#000000"
-}, Ar = {
+}, Sr = {
   ...xe({
     marginLeft: "0px",
     marginRight: "0px",
@@ -2032,7 +1970,7 @@ const Cr = {
     isExternal: !1
   },
   objectFit: "cover"
-}, Br = {
+}, Ar = {
   ...xe({
     paddingTop: "0px",
     paddingBottom: "0px",
@@ -2077,7 +2015,7 @@ const Cr = {
   memberTitles: ["Title 1", "Title 2"],
   memberCurrentTierTotal: 1050,
   memberPointToNextTier: 50
-}, Lr = {
+}, Br = {
   ...xe({
     marginLeft: "12px",
     marginRight: "12px",
@@ -2096,7 +2034,7 @@ const Cr = {
   signedIn: !0,
   designStyle: 1,
   showMemberQr: !0
-}, kr = {
+}, Lr = {
   ...xe({
     marginLeft: "12px",
     marginRight: "12px",
@@ -2119,7 +2057,7 @@ const Cr = {
     textColor: "#1C1C1E",
     iconColor: "#FF7823"
   }
-}, Qa = (t) => t, Dr = {
+}, Qa = (t) => t, kr = {
   ...xe({
     marginLeft: "12px",
     marginRight: "12px",
@@ -2154,7 +2092,7 @@ const Cr = {
     orderDate: "2024-03-12T05:19:59.880Z",
     orderType: "DELIVERY"
   }
-], Fr = {
+], Dr = {
   ...xe({
     marginLeft: "0px",
     marginRight: "0px",
@@ -2167,7 +2105,7 @@ const Cr = {
   }),
   data: Fn,
   signedIn: !0
-}, Nr = {
+}, Fr = {
   memberImage: "",
   memberName: "Member",
   memberTierName: "Tier 1",
@@ -2181,7 +2119,7 @@ const Cr = {
     tiers: ["Tier 1", "Tier 2", "Tier 3", "Tier 4"],
     titles: ["Title 1", "Title 2", "Title 3", "Title 4", "Title 5"]
   }
-}, Or = {
+}, Nr = {
   ...xe({
     marginLeft: "12px",
     marginRight: "12px",
@@ -2192,7 +2130,7 @@ const Cr = {
     borderRadius: "12px",
     boxShadow: "0px 4px 8px 0px rgba(199, 199, 204, 0.24), 0px 4px 8px 0px color(display-p3 0.7804 0.7804 0.8 / 0.24)"
   }),
-  data: Nr,
+  data: Fr,
   showTier: !0,
   showTitle: !0,
   tierColor: "#1F7735",
@@ -2201,7 +2139,7 @@ const Cr = {
   buttonFillColor: "#f2f2f7"
 }, Pr = {
   cards: []
-}, Mr = {
+}, Or = {
   ...xe({
     marginLeft: "12px",
     marginRight: "12px",
@@ -2215,7 +2153,7 @@ const Cr = {
   data: Pr,
   cardFillColor: "#F2F2F7",
   cardTextColor: "#6B6B6B"
-}, Rr = {
+}, Mr = {
   memberImage: "",
   memberName: "Member",
   memberPhone: "+60123456789",
@@ -2223,7 +2161,7 @@ const Cr = {
   memberPoints: 1e3,
   memberCurrentTierTotal: 1050,
   memberPointToNextTier: 50
-}, $r = {
+}, Rr = {
   ...xe({
     marginLeft: "12px",
     marginRight: "12px",
@@ -2235,7 +2173,7 @@ const Cr = {
     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: Rr,
+  data: Mr,
   thumbnailColorFillColor: "#FBE5CB",
   thumbnailTextColor: "#FF7823",
   textColor: "#1C1C1E",
@@ -4280,13 +4218,13 @@ const Cr = {
   amountExpiring: 402,
   isLoading: !1,
   isCompleted: !1
-}, Zr = {
+}, $r = {
   data: Nn,
   designStyle: 1
-}, Ur = {
+}, Zr = {
   data: Nn,
   designStyle: 1
-}, Vr = {
+}, Ur = {
   memberState: {
     member: {
       _id: "666ada11ac413694cc0973b7",
@@ -5194,7 +5132,7 @@ const Cr = {
       }
     }
   }
-}, Hr = {
+}, Vr = {
   data: {
     tableData: [
       ["Invites", "Rewards"],
@@ -5209,7 +5147,7 @@ const Cr = {
       label: "Your friends has to sign up with your referral code or link and complete the criterias to progress"
     }
   ]
-}, Yr = {
+}, Hr = {
   data: {
     member: {
       referralCode: "h62yzbGh"
@@ -5324,30 +5262,30 @@ const Cr = {
   }
 }, La = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  BranchList: Dr,
-  ButtonList: Sr,
-  Container: Ir,
-  Homepage: wr,
-  ImageCarousel: Br,
-  ImageDisplay: Ar,
-  MemberAchievements: Or,
-  MemberCard: Lr,
-  MemberCards: Mr,
-  MemberSummary: $r,
-  OrderHistoryCard: Fr,
-  OrderMethod: kr,
-  TextDisplay: Er,
-  _Credit: Zr,
-  _MemberProfile: Vr,
-  _Point: Ur,
-  _Referral: Yr,
-  _ReferralTutorial: Hr
+  BranchList: kr,
+  ButtonList: Er,
+  Container: wr,
+  Homepage: _r,
+  ImageCarousel: Ar,
+  ImageDisplay: Sr,
+  MemberAchievements: Nr,
+  MemberCard: Br,
+  MemberCards: Or,
+  MemberSummary: Rr,
+  OrderHistoryCard: Dr,
+  OrderMethod: Lr,
+  TextDisplay: Ir,
+  _Credit: $r,
+  _MemberProfile: Ur,
+  _Point: Zr,
+  _Referral: Hr,
+  _ReferralTutorial: Vr
 }, Symbol.toStringTag, { value: "Module" }));
-function zr(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;
+function Yr(t) {
+  const e = (a) => Array.isArray(a) ? a.map((n) => e(n)) : to(a) || ao(a) || no(a) ? e(oo(a)) : a && typeof a == "object" ? Object.keys(a).reduce((n, o) => (n[o] = e(a[o]), n), {}) : a;
   return e(t);
 }
-const Ue = bo("editor", () => {
+const Ue = fo("editor", () => {
   const t = q({
     node: [],
     selectedNode: null,
@@ -5361,13 +5299,13 @@ const Ue = bo("editor", () => {
     t.value.firstFetchedData = JSON.stringify(d), t.value.node = [d];
   }
   async function n(d, c) {
-    await mo.getTemplateById(d, "drafts", c).then((p) => {
+    await bo.getTemplateById(d, "drafts", c).then((p) => {
       p && (a(p[0]), o(p[0]));
     }).catch(async (p) => {
       var b;
       const m = Ct(), u = Ge();
-      if (p instanceof Ao && ((b = p.response) == null ? void 0 : b.data) == "Template not found") {
-        const g = go.find(
+      if (p instanceof yo && ((b = p.response) == null ? void 0 : b.data) == "Template not found") {
+        const g = ho.find(
           (B) => B.templateId == c
         );
         if (g) {
@@ -5441,7 +5379,7 @@ function Ct() {
   }
   function o() {
     if (t.state.copied) {
-      const r = structuredClone(zr(t.state.copied));
+      const r = structuredClone(Yr(t.state.copied));
       r._id = Ra();
       const l = t.state.node[0].children.findIndex(
         (s) => {
@@ -5463,7 +5401,7 @@ function Ct() {
     pasteNode: o
   };
 }
-const jr = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-color-neutral-white py-16 px-24 border-r border-fm-color-neutral-gray-200 overflow-y-auto" }, Wr = { class: "flex flex-col gap-12" }, Gr = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, Jr = { class: "flex flex-col gap-8 justify-center items-center bg-fm-color-neutral-gray-100 py-12 px-16 cursor-grab rounded-md" }, Xr = { class: "fm-typo-en-body-md-600 text-fm-color-typo-secondary text-center" }, Kr = /* @__PURE__ */ se({
+const zr = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-color-neutral-white py-16 px-24 border-r border-fm-color-neutral-gray-200 overflow-y-auto" }, jr = { class: "flex flex-col gap-12" }, Wr = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, Gr = { class: "flex flex-col gap-8 justify-center items-center bg-fm-color-neutral-gray-100 py-12 px-16 cursor-grab rounded-md" }, Xr = { class: "fm-typo-en-body-md-600 text-fm-color-typo-secondary text-center" }, Jr = /* @__PURE__ */ se({
   __name: "ElementSidebar",
   setup(t) {
     const e = Ct(), a = Ge(), { t: n } = Ze(), o = ie(
@@ -5478,9 +5416,9 @@ const jr = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
     const l = ie(() => qa.filter(
       (i) => i.group == o.value || i.group == "all"
     ));
-    return (i, s) => (F(), Z("div", jr, [
-      (F(!0), Z(Le, null, vt(l.value, (d, c) => (F(), Z("section", Wr, [
-        I("div", Gr, j(v(n)(d.title)), 1),
+    return (i, s) => (F(), Z("div", zr, [
+      (F(!0), Z(Le, null, vt(l.value, (d, c) => (F(), Z("section", jr, [
+        I("div", Wr, j(v(n)(d.title)), 1),
         w(v(kn), {
           list: d.children,
           group: { name: "components", pull: "clone", put: !1 },
@@ -5490,8 +5428,8 @@ const jr = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
           class: "grid grid-cols-2 gap-8"
         }, {
           item: M(({ element: p }) => [
-            I("div", Jr, [
-              w(yo, {
+            I("div", Gr, [
+              w(vo, {
                 class: "text-[24px] text-fm-color-typo-secondary",
                 name: p.icon
               }, null, 8, ["name"]),
@@ -5500,17 +5438,17 @@ const jr = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
           ]),
           _: 2
         }, 1032, ["list"]),
-        c !== v(qa).length - 1 ? (F(), ae(sn, {
+        c !== v(qa).length - 1 ? (F(), ae(dn, {
           key: 0,
           class: "mt-12"
         })) : Q("", !0)
       ]))), 256))
     ]));
   }
-}), qr = { class: "absolute z-10 flex items-center gap-8 bottom-24 left-1/2 transform -translate-x-1/2 bg-fm-color-neutral-white border border-fm-color-neutral-gray-100 rounded-lg p-8 shadow-light-600" }, Qr = /* @__PURE__ */ se({
+}), Kr = { class: "absolute z-10 flex items-center gap-8 bottom-24 left-1/2 transform -translate-x-1/2 bg-fm-color-neutral-white border border-fm-color-neutral-gray-100 rounded-lg p-8 shadow-light-600" }, qr = /* @__PURE__ */ se({
   __name: "EditorFloatingToobar",
   setup(t) {
-    const e = Ue(), { state: a } = fo(e), n = Ct(), o = ie(
+    const e = Ue(), { state: a } = go(e), n = Ct(), o = ie(
       () => a.value.selectedNode && a.value.node.length > 0
     ), r = [
       // {
@@ -5552,7 +5490,7 @@ const jr = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
     ];
     return (l, i) => {
       const s = V("FmButton");
-      return F(), Z("div", qr, [
+      return F(), Z("div", Kr, [
         (F(), Z(Le, null, vt(r, (d) => w(s, {
           size: "md",
           "prepend-icon": d.icon,
@@ -5564,7 +5502,7 @@ const jr = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
       ]);
     };
   }
-}), ei = [
+}), Qr = [
   {
     _id: "image-display-default",
     type: "ImageDisplay",
@@ -5749,7 +5687,7 @@ const jr = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
     ],
     children: []
   }
-], ti = [
+], ei = [
   {
     _id: "member-summary-default",
     type: "MemberSummary",
@@ -5985,18 +5923,18 @@ const jr = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
     children: []
   }
 ];
-function ai(t, e = !1) {
+function ti(t, e = !1) {
   const a = e ? {
     hideCountrySwitcher: !0,
     showNavigationBar: !0,
     backgroundColor: "var(--brand-color-background-elevated)"
-  } : { backgroundColor: "var(--brand-color-background-base)" }, n = t.buildNewNode("Homepage", {}, a), o = e ? ti : ei;
+  } : { backgroundColor: "var(--brand-color-background-base)" }, n = t.buildNewNode("Homepage", {}, a), o = e ? ei : Qr;
   return n.children = o.map((r) => ({
     ...r,
     _id: t.generateId()
   })), n;
 }
-const ni = { class: "mb-24" }, oi = { class: "fm-typo-en-title-lg-700 text-fm-color-typo-primary mb-8" }, ri = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ii = { class: "grid grid-cols-2 gap-16" }, li = { class: "aspect-square bg-fm-color-neutral-gray-100 rounded-md mb-12 flex items-center justify-center" }, si = { class: "text-center" }, di = { class: "text-fm-color-neutral-gray-500 fm-typo-en-body-sm-400" }, ci = { class: "flex items-start gap-8" }, ui = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary mb-4" }, pi = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, mi = { class: "aspect-square bg-fm-color-neutral-gray-100 rounded-md mb-12 flex items-center justify-center" }, bi = { class: "text-center" }, fi = { class: "text-fm-color-neutral-gray-500 fm-typo-en-body-sm-400" }, gi = { class: "flex items-start gap-8" }, hi = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary mb-4" }, yi = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, vi = { class: "mt-12 flex w-full justify-end gap-12" }, Ti = /* @__PURE__ */ se({
+const ai = { class: "mb-24" }, ni = { class: "fm-typo-en-title-lg-700 text-fm-color-typo-primary mb-8" }, oi = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ri = { class: "grid grid-cols-2 gap-16" }, ii = { class: "aspect-square bg-fm-color-neutral-gray-100 rounded-md mb-12 flex items-center justify-center" }, li = { class: "text-center" }, si = { class: "text-fm-color-neutral-gray-500 fm-typo-en-body-sm-400" }, di = { class: "flex items-start gap-8" }, ci = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary mb-4" }, ui = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, pi = { class: "aspect-square bg-fm-color-neutral-gray-100 rounded-md mb-12 flex items-center justify-center" }, mi = { class: "text-center" }, bi = { class: "text-fm-color-neutral-gray-500 fm-typo-en-body-sm-400" }, fi = { class: "flex items-start gap-8" }, gi = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary mb-4" }, hi = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, yi = { class: "mt-12 flex w-full justify-end gap-12" }, vi = /* @__PURE__ */ se({
   __name: "TemplateSelectionModal",
   props: {
     show: { type: Boolean },
@@ -6019,13 +5957,13 @@ const ni = { class: "mb-24" }, oi = { class: "fm-typo-en-title-lg-700 text-fm-co
         "close-button": !1
       }, {
         "dialog-header": M(() => [
-          I("div", ni, [
-            I("h2", oi, j(v(a)("brand.template.selection.title")), 1),
-            I("p", ri, j(v(a)("brand.template.selection.description")), 1)
+          I("div", ai, [
+            I("h2", ni, j(v(a)("brand.template.selection.title")), 1),
+            I("p", oi, j(v(a)("brand.template.selection.description")), 1)
           ])
         ]),
         "dialog-footer": M(() => [
-          I("div", vi, [
+          I("div", yi, [
             w(c, {
               variant: "tertiary",
               onClick: s[2] || (s[2] = (m) => i.$emit("close")),
@@ -6040,7 +5978,7 @@ const ni = { class: "mb-24" }, oi = { class: "fm-typo-en-title-lg-700 text-fm-co
           ])
         ]),
         default: M(() => [
-          I("div", ii, [
+          I("div", ri, [
             I("div", {
               class: ye(["border rounded-lg p-16 cursor-pointer transition-all duration-200 hover:bg-fm-color-neutral-gray-50", {
                 "border-fm-color-primary bg-fm-color-primary/5": n.value === "default",
@@ -6048,20 +5986,20 @@ const ni = { class: "mb-24" }, oi = { class: "fm-typo-en-title-lg-700 text-fm-co
               }]),
               onClick: s[0] || (s[0] = (m) => o("default"))
             }, [
-              I("div", li, [
-                I("div", si, [
+              I("div", ii, [
+                I("div", li, [
                   w(d, {
                     name: "dashboard",
                     size: "xl",
                     class: "text-fm-color-neutral-gray-400 mb-8"
                   }),
-                  I("div", di, j(v(a)("brand.template.selection.defaultPreview")), 1)
+                  I("div", si, j(v(a)("brand.template.selection.defaultPreview")), 1)
                 ])
               ]),
-              I("div", ci, [
+              I("div", di, [
                 I("div", null, [
-                  I("h3", ui, j(v(a)("brand.template.selection.defaultTitle")), 1),
-                  I("p", pi, j(v(a)("brand.template.selection.defaultDescription")), 1)
+                  I("h3", ci, j(v(a)("brand.template.selection.defaultTitle")), 1),
+                  I("p", ui, j(v(a)("brand.template.selection.defaultDescription")), 1)
                 ])
               ])
             ], 2),
@@ -6072,20 +6010,20 @@ const ni = { class: "mb-24" }, oi = { class: "fm-typo-en-title-lg-700 text-fm-co
               }]),
               onClick: s[1] || (s[1] = (m) => o("blank"))
             }, [
-              I("div", mi, [
-                I("div", bi, [
+              I("div", pi, [
+                I("div", mi, [
                   w(d, {
                     name: "add",
                     size: "xl",
                     class: "text-fm-color-neutral-gray-400 mb-8"
                   }),
-                  I("div", fi, j(v(a)("brand.template.selection.blankPreview")), 1)
+                  I("div", bi, j(v(a)("brand.template.selection.blankPreview")), 1)
                 ])
               ]),
-              I("div", gi, [
+              I("div", fi, [
                 I("div", null, [
-                  I("h3", hi, j(v(a)("brand.template.selection.blankTitle")), 1),
-                  I("p", yi, j(v(a)("brand.template.selection.blankDescription")), 1)
+                  I("h3", gi, j(v(a)("brand.template.selection.blankTitle")), 1),
+                  I("p", hi, j(v(a)("brand.template.selection.blankDescription")), 1)
                 ])
               ])
             ], 2)
@@ -6095,10 +6033,10 @@ const ni = { class: "mb-24" }, oi = { class: "fm-typo-en-title-lg-700 text-fm-co
       }, 8, ["model-value"]);
     };
   }
-}), xi = { class: "flex items-center gap-8 select-none px-8 py-8 rounded-md active:bg-fm-color-opacity-md transition-all duration-500 cursor-pointer" }, Ci = { class: "bg-fm-color-neutral-white px-8 py-8 border border-fm-color-opacity-sm rounded-sm" }, _i = { class: "py-8 px-12 w-full flex items-center justify-between gap-8 transition-all duration-500" }, wi = { class: "flex items-center gap-8" }, Ii = { class: "fm-typo-en-body-md-600 text-fm-color-typo-primary" }, Ei = { class: "flex items-center gap-8" }, Si = { class: "overflow-y-auto" }, Ai = { class: "flex items-center gap-8" }, Bi = { class: "fm-typo-en-body-md-400 text-fm-color-primary" }, Li = { class: "fm-typo-en-body-md-400 text-fm-color-primary" }, ki = /* @__PURE__ */ se({
+}), Ti = { class: "flex items-center gap-8 select-none px-8 py-8 rounded-md active:bg-fm-color-opacity-md transition-all duration-500 cursor-pointer" }, xi = { class: "bg-fm-color-neutral-white px-8 py-8 border border-fm-color-opacity-sm rounded-sm" }, Ci = { class: "py-8 px-12 w-full flex items-center justify-between gap-8 transition-all duration-500" }, _i = { class: "flex items-center gap-8" }, wi = { class: "fm-typo-en-body-md-600 text-fm-color-typo-primary" }, Ii = { class: "flex items-center gap-8" }, Ei = { class: "overflow-y-auto" }, Si = { class: "flex items-center gap-8" }, Ai = { class: "fm-typo-en-body-md-400 text-fm-color-primary" }, Bi = { class: "fm-typo-en-body-md-400 text-fm-color-primary" }, Li = /* @__PURE__ */ se({
   __name: "TemplatePicker",
   setup(t) {
-    const e = q(!1), a = q(""), n = q(""), o = q(!1), r = q("default"), l = We(), i = Ge(), s = Ue(), d = Ct(), c = dn(), p = xo(), m = Ia(), { t: u } = Ze(), b = ie(
+    const e = q(!1), a = q(""), n = q(""), o = q(!1), r = q("default"), l = We(), i = Ge(), s = Ue(), d = Ct(), c = cn(), p = Co(), m = Ia(), { t: u } = Ze(), b = ie(
       () => i.state.allTemplates.filter(
         (C) => {
           var _;
@@ -6110,7 +6048,7 @@ const ni = { class: "mb-24" }, oi = { class: "fm-typo-en-title-lg-700 text-fm-co
         async () => {
           i.addNewTemplate(C == "member" ? { group: "member" } : {});
           let A;
-          _ === "default" ? A = ai(
+          _ === "default" ? A = ti(
             d,
             C === "member"
           ) : A = d.buildNewNode(
@@ -6224,7 +6162,7 @@ const ni = { class: "mb-24" }, oi = { class: "fm-typo-en-title-lg-700 text-fm-co
           isLoading: A
         },
         secondaryActions: { text: u("brand.template.picker.cancel"), close: !0 },
-        contentComponent: ma(Co.FmTextField, {
+        contentComponent: ma(_o.FmTextField, {
           modelValue: _,
           "onUpdate:modelValue": (ne) => _.value = ne
         })
@@ -6295,14 +6233,14 @@ const ni = { class: "mb-24" }, oi = { class: "fm-typo-en-title-lg-700 text-fm-co
         w(He, {
           width: 300,
           "max-height": 400,
-          onPopoverChanged: _[4] || (_[4] = (O) => e.value = O),
+          onPopoverChanged: _[4] || (_[4] = (P) => e.value = P),
           "show-popover": e.value
         }, {
           "popover-button": M(() => {
-            var O, Se;
+            var P, Se;
             return [
-              I("div", xi, [
-                (O = v(i).state.selectedTemplate) != null && O.isPublished && ![
+              I("div", Ti, [
+                (P = v(i).state.selectedTemplate) != null && P.isPublished && ![
                   v(i).state.activeTemplateId,
                   v(i).state.activeMemberTemplateId
                 ].includes(v(i).state.selectedTemplate.templateId) ? (F(), ae(U, {
@@ -6351,10 +6289,10 @@ const ni = { class: "mb-24" }, oi = { class: "fm-typo-en-title-lg-700 text-fm-co
             ];
           }),
           default: M(() => [
-            I("div", Ci, [
+            I("div", xi, [
               v(i).state.selectedTemplate ? (F(), Z(Le, { key: 0 }, [
-                I("div", _i, [
-                  I("div", wi, [
+                I("div", Ci, [
+                  I("div", _i, [
                     v(i).state.selectedTemplate.isPublished && ![
                       v(i).state.activeTemplateId,
                       v(i).state.activeMemberTemplateId
@@ -6392,20 +6330,20 @@ const ni = { class: "mb-24" }, oi = { class: "fm-typo-en-title-lg-700 text-fm-co
                       ]),
                       _: 1
                     }, 8, ["class"])) : Q("", !0),
-                    I("span", Ii, j(v(i).state.selectedTemplate.templateAlias), 1)
+                    I("span", wi, j(v(i).state.selectedTemplate.templateAlias), 1)
                   ]),
-                  I("div", Ei, [
+                  I("div", Ii, [
                     w(A, {
                       name: "edit",
                       outline: "",
                       class: "text-fm-color-neutral-black cursor-pointer",
-                      onClick: _[0] || (_[0] = (O) => D(v(i).state.selectedTemplate))
+                      onClick: _[0] || (_[0] = (P) => D(v(i).state.selectedTemplate))
                     }),
                     w(A, {
                       outline: "",
                       name: "delete",
                       class: "text-fm-color-system-error-300 cursor-pointer",
-                      onClick: _[1] || (_[1] = (O) => N(v(i).state.selectedTemplate))
+                      onClick: _[1] || (_[1] = (P) => N(v(i).state.selectedTemplate))
                     })
                   ])
                 ]),
@@ -6413,29 +6351,29 @@ const ni = { class: "mb-24" }, oi = { class: "fm-typo-en-title-lg-700 text-fm-co
               ], 64)) : Q("", !0),
               w(z, {
                 "model-value": a.value,
-                "onUpdate:modelValue": _[2] || (_[2] = (O) => a.value = O),
+                "onUpdate:modelValue": _[2] || (_[2] = (P) => a.value = P),
                 class: "p-4",
                 placeholder: v(u)("brand.template.picker.search")
               }, null, 8, ["model-value", "placeholder"]),
-              I("div", Si, [
-                (F(!0), Z(Le, null, vt(b.value, (O, Se) => {
+              I("div", Ei, [
+                (F(!0), Z(Le, null, vt(b.value, (P, Se) => {
                   var Ne;
                   return F(), Z(Le, {
-                    key: O.templateId
+                    key: P.templateId
                   }, [
                     w(fe, {
-                      label: O.templateAlias,
-                      "model-value": O.templateId === ((Ne = v(i).state.selectedTemplate) == null ? void 0 : Ne.templateId),
-                      onClick: (lt) => T(O),
-                      onMouseover: (lt) => x(O.templateId),
+                      label: P.templateAlias,
+                      "model-value": P.templateId === ((Ne = v(i).state.selectedTemplate) == null ? void 0 : Ne.templateId),
+                      onClick: (lt) => T(P),
+                      onMouseover: (lt) => x(P.templateId),
                       onMouseout: L,
                       class: "[&>div]:h-40"
                     }, {
                       prepend: M(() => [
-                        O.isPublished && ![
+                        P.isPublished && ![
                           v(i).state.activeTemplateId,
                           v(i).state.activeMemberTemplateId
-                        ].includes(O.templateId) ? (F(), ae(U, {
+                        ].includes(P.templateId) ? (F(), ae(U, {
                           key: 0,
                           class: "bg-fm-color-system-success-100",
                           compact: ""
@@ -6453,10 +6391,10 @@ const ni = { class: "mb-24" }, oi = { class: "fm-typo-en-title-lg-700 text-fm-co
                         [
                           v(i).state.activeTemplateId,
                           v(i).state.activeMemberTemplateId
-                        ].includes(O.templateId) ? (F(), ae(U, {
+                        ].includes(P.templateId) ? (F(), ae(U, {
                           key: 1,
                           class: ye(["bg-fm-color-system-warning-100", {
-                            grayscale: !O.isPublished
+                            grayscale: !P.isPublished
                           }]),
                           compact: ""
                         }, {
@@ -6464,7 +6402,7 @@ const ni = { class: "mb-24" }, oi = { class: "fm-typo-en-title-lg-700 text-fm-co
                             w(A, {
                               color: "primary",
                               class: "text-fm-color-primary",
-                              name: O.templateId == v(i).state.activeTemplateId ? "home" : "account_circle",
+                              name: P.templateId == v(i).state.activeTemplateId ? "home" : "account_circle",
                               size: "sm",
                               outline: ""
                             }, null, 8, ["name"])
@@ -6473,26 +6411,26 @@ const ni = { class: "mb-24" }, oi = { class: "fm-typo-en-title-lg-700 text-fm-co
                         }, 1032, ["class"])) : Q("", !0)
                       ]),
                       append: M(() => [
-                        Gt(I("div", Ai, [
+                        Gt(I("div", Si, [
                           w(A, {
                             outline: "",
                             name: "edit",
                             class: "text-fm-color-neutral-black",
-                            onClick: ba((lt) => D(O), ["stop"])
+                            onClick: ba((lt) => D(P), ["stop"])
                           }, null, 8, ["onClick"]),
                           Gt(w(A, {
                             outline: "",
                             name: "delete",
                             class: "text-fm-color-system-error-300",
-                            onClick: ba((lt) => N(O), ["stop"])
+                            onClick: ba((lt) => N(P), ["stop"])
                           }, null, 8, ["onClick"]), [
                             [
-                              Jt,
-                              b.value.length > 1 && O.templateId !== v(i).state.activeTemplateId
+                              Xt,
+                              b.value.length > 1 && P.templateId !== v(i).state.activeTemplateId
                             ]
                           ])
                         ], 512), [
-                          [Jt, n.value === O.templateId]
+                          [Xt, n.value === P.templateId]
                         ])
                       ]),
                       _: 2
@@ -6508,7 +6446,7 @@ const ni = { class: "mb-24" }, oi = { class: "fm-typo-en-title-lg-700 text-fm-co
                 disabled: "",
                 label: v(u)("brand.template.picker.noTemplateFound")
               }, null, 8, ["label"]), [
-                [Jt, b.value.length === 0]
+                [Xt, b.value.length === 0]
               ]),
               w(ne, { inset: "" }),
               w(fe, { onClick: B }, {
@@ -6519,12 +6457,12 @@ const ni = { class: "mb-24" }, oi = { class: "fm-typo-en-title-lg-700 text-fm-co
                   })
                 ]),
                 label: M(() => [
-                  I("div", Bi, j(v(u)("brand.template.picker.addNewTemplate")), 1)
+                  I("div", Ai, j(v(u)("brand.template.picker.addNewTemplate")), 1)
                 ]),
                 _: 1
               }),
               w(fe, {
-                onClick: _[3] || (_[3] = (O) => B("member"))
+                onClick: _[3] || (_[3] = (P) => B("member"))
               }, {
                 prepend: M(() => [
                   w(A, {
@@ -6533,7 +6471,7 @@ const ni = { class: "mb-24" }, oi = { class: "fm-typo-en-title-lg-700 text-fm-co
                   })
                 ]),
                 label: M(() => [
-                  I("div", Li, j(v(u)("brand.template.picker.addMemberTemplate")), 1)
+                  I("div", Bi, j(v(u)("brand.template.picker.addMemberTemplate")), 1)
                 ]),
                 _: 1
               })
@@ -6541,7 +6479,7 @@ const ni = { class: "mb-24" }, oi = { class: "fm-typo-en-title-lg-700 text-fm-co
           ]),
           _: 1
         }, 8, ["show-popover"]),
-        w(Ti, {
+        w(vi, {
           show: o.value,
           "template-options": [],
           onClose: y,
@@ -6550,7 +6488,7 @@ const ni = { class: "mb-24" }, oi = { class: "fm-typo-en-title-lg-700 text-fm-co
       ], 64);
     };
   }
-}), Di = { class: "w-[280px]" }, Fi = { class: "fm-typo-en-body-sm-600 text-fm-color-typo-secondary py-4 px-8" }, Ni = /* @__PURE__ */ se({
+}), ki = { class: "w-[280px]" }, Di = { class: "fm-typo-en-body-sm-600 text-fm-color-typo-secondary py-4 px-8" }, Fi = /* @__PURE__ */ se({
   __name: "TemplateShareMenu",
   setup(t) {
     const e = q(!1), a = Ue(), n = Ea(), o = Ge(), r = We(), l = Ia(), { t: i } = Ze(), { namespace: s } = We(), d = [
@@ -6714,8 +6652,8 @@ const ni = { class: "mb-24" }, oi = { class: "fm-typo-en-title-lg-700 text-fm-co
         default: M(() => {
           var N;
           return [
-            I("div", Di, [
-              I("div", Fi, j(v(i)("brand.template.shareMenu.publishThisTemplate")), 1),
+            I("div", ki, [
+              I("div", Di, j(v(i)("brand.template.shareMenu.publishThisTemplate")), 1),
               (F(!0), Z(Le, null, vt(u.value, (C) => (F(), Z(Le, null, [
                 w(x, {
                   inset: "",
@@ -6781,9 +6719,9 @@ const ni = { class: "mb-24" }, oi = { class: "fm-typo-en-title-lg-700 text-fm-co
     };
   }
 });
-var _t = {}, Oi = function() {
+var _t = {}, Ni = function() {
   return typeof Promise == "function" && Promise.prototype && Promise.prototype.then;
-}, On = {}, me = {};
+}, Pn = {}, me = {};
 let ka;
 const Pi = [
   0,
@@ -6889,10 +6827,10 @@ var Yt = {};
     }
   };
 })(Yt);
-function Pn() {
+function On() {
   this.buffer = [], this.length = 0;
 }
-Pn.prototype = {
+On.prototype = {
   get: function(t) {
     const e = Math.floor(t / 8);
     return (this.buffer[e] >>> 7 - t % 8 & 1) === 1;
@@ -6909,7 +6847,7 @@ Pn.prototype = {
     this.buffer.length <= e && this.buffer.push(0), t && (this.buffer[e] |= 128 >>> this.length % 8), this.length++;
   }
 };
-var Mi = Pn;
+var Oi = On;
 function wt(t) {
   if (!t || t < 1)
     throw new Error("BitMatrix size must be defined and greater than 0");
@@ -6928,7 +6866,7 @@ wt.prototype.xor = function(t, e, a) {
 wt.prototype.isReserved = function(t, e) {
   return this.reservedBit[t * this.size + e];
 };
-var Ri = wt, Mn = {};
+var Mi = wt, Mn = {};
 (function(t) {
   const e = me.getSymbolSize;
   t.getRowColCoords = function(n) {
@@ -6948,9 +6886,9 @@ var Ri = wt, Mn = {};
   };
 })(Mn);
 var Rn = {};
-const $i = me.getSymbolSize, en = 7;
+const Ri = me.getSymbolSize, en = 7;
 Rn.getPositions = function(e) {
-  const a = $i(e);
+  const a = Ri(e);
   return [
     // top-left
     [0, 0],
@@ -7474,30 +7412,30 @@ Da.prototype.encode = function(e) {
   }
   return n;
 };
-var Zi = Da, Vn = {}, Ve = {}, Fa = {};
+var $i = Da, Vn = {}, Ve = {}, Fa = {};
 Fa.isValid = function(e) {
   return !isNaN(e) && e >= 1 && e <= 40;
 };
 var Ee = {};
-const Hn = "[0-9]+", Ui = "[A-Z $%*+\\-./:]+";
+const Hn = "[0-9]+", Zi = "[A-Z $%*+\\-./:]+";
 let yt = "(?:[u3000-u303F]|[u3040-u309F]|[u30A0-u30FF]|[uFF00-uFFEF]|[u4E00-u9FAF]|[u2605-u2606]|[u2190-u2195]|u203B|[u2010u2015u2018u2019u2025u2026u201Cu201Du2225u2260]|[u0391-u0451]|[u00A7u00A8u00B1u00B4u00D7u00F7])+";
 yt = yt.replace(/u/g, "\\u");
-const Vi = "(?:(?![A-Z0-9 $%*+\\-./:]|" + yt + `)(?:.|[\r
+const Ui = "(?:(?![A-Z0-9 $%*+\\-./:]|" + yt + `)(?:.|[\r
 ]))+`;
 Ee.KANJI = new RegExp(yt, "g");
 Ee.BYTE_KANJI = new RegExp("[^A-Z0-9 $%*+\\-./:]+", "g");
-Ee.BYTE = new RegExp(Vi, "g");
+Ee.BYTE = new RegExp(Ui, "g");
 Ee.NUMERIC = new RegExp(Hn, "g");
-Ee.ALPHANUMERIC = new RegExp(Ui, "g");
-const Hi = new RegExp("^" + yt + "$"), Yi = new RegExp("^" + Hn + "$"), zi = new RegExp("^[A-Z0-9 $%*+\\-./:]+$");
+Ee.ALPHANUMERIC = new RegExp(Zi, "g");
+const Vi = new RegExp("^" + yt + "$"), Hi = new RegExp("^" + Hn + "$"), Yi = new RegExp("^[A-Z0-9 $%*+\\-./:]+$");
 Ee.testKanji = function(e) {
-  return Hi.test(e);
+  return Vi.test(e);
 };
 Ee.testNumeric = function(e) {
-  return Yi.test(e);
+  return Hi.test(e);
 };
 Ee.testAlphanumeric = function(e) {
-  return zi.test(e);
+  return Yi.test(e);
 };
 (function(t) {
   const e = Fa, a = Ee;
@@ -7622,18 +7560,18 @@ Ee.testAlphanumeric = function(e) {
   };
 })(Vn);
 var Yn = {};
-const Ta = me, zn = 1335, ji = 21522, tn = Ta.getBCHDigit(zn);
+const Ta = me, zn = 1335, zi = 21522, tn = Ta.getBCHDigit(zn);
 Yn.getEncodedBits = function(e, a) {
   const n = e.bit << 3 | a;
   let o = n << 10;
   for (; Ta.getBCHDigit(o) - tn >= 0; )
     o ^= zn << Ta.getBCHDigit(o) - tn;
-  return (n << 10 | o) ^ ji;
+  return (n << 10 | o) ^ zi;
 };
 var jn = {};
-const Wi = Ve;
+const ji = Ve;
 function nt(t) {
-  this.mode = Wi.NUMERIC, this.data = t.toString();
+  this.mode = ji.NUMERIC, this.data = t.toString();
 }
 nt.getBitsLength = function(e) {
   return 10 * Math.floor(e / 3) + (e % 3 ? e % 3 * 3 + 1 : 0);
@@ -7651,8 +7589,8 @@ nt.prototype.write = function(e) {
   const r = this.data.length - a;
   r > 0 && (n = this.data.substr(a), o = parseInt(n, 10), e.put(o, r * 3 + 1));
 };
-var Gi = nt;
-const Ji = Ve, la = [
+var Wi = nt;
+const Gi = Ve, la = [
   "0",
   "1",
   "2",
@@ -7700,7 +7638,7 @@ const Ji = Ve, la = [
   ":"
 ];
 function ot(t) {
-  this.mode = Ji.ALPHANUMERIC, this.data = t;
+  this.mode = Gi.ALPHANUMERIC, this.data = t;
 }
 ot.getBitsLength = function(e) {
   return 11 * Math.floor(e / 2) + 6 * (e % 2);
@@ -7720,9 +7658,9 @@ ot.prototype.write = function(e) {
   this.data.length % 2 && e.put(la.indexOf(this.data[a]), 6);
 };
 var Xi = ot;
-const Ki = Ve;
+const Ji = Ve;
 function rt(t) {
-  this.mode = Ki.BYTE, typeof t == "string" ? this.data = new TextEncoder().encode(t) : this.data = new Uint8Array(t);
+  this.mode = Ji.BYTE, typeof t == "string" ? this.data = new TextEncoder().encode(t) : this.data = new Uint8Array(t);
 }
 rt.getBitsLength = function(e) {
   return e * 8;
@@ -7737,10 +7675,10 @@ rt.prototype.write = function(t) {
   for (let e = 0, a = this.data.length; e < a; e++)
     t.put(this.data[e], 8);
 };
-var qi = rt;
-const Qi = Ve, el = me;
+var Ki = rt;
+const qi = Ve, Qi = me;
 function it(t) {
-  this.mode = Qi.KANJI, this.data = t;
+  this.mode = qi.KANJI, this.data = t;
 }
 it.getBitsLength = function(e) {
   return e * 13;
@@ -7754,7 +7692,7 @@ it.prototype.getBitsLength = function() {
 it.prototype.write = function(t) {
   let e;
   for (e = 0; e < this.data.length; e++) {
-    let a = el.toSJIS(this.data[e]);
+    let a = Qi.toSJIS(this.data[e]);
     if (a >= 33088 && a <= 40956)
       a -= 33088;
     else if (a >= 57408 && a <= 60351)
@@ -7767,7 +7705,7 @@ Make sure your charset is UTF-8`
     a = (a >>> 8 & 255) * 192 + (a & 255), t.put(a, 13);
   }
 };
-var tl = it, Wn = { exports: {} };
+var el = it, Wn = { exports: {} };
 (function(t) {
   var e = {
     single_source_shortest_paths: function(a, n, o) {
@@ -7833,9 +7771,9 @@ var tl = it, Wn = { exports: {} };
   };
   t.exports = e;
 })(Wn);
-var al = Wn.exports;
+var tl = Wn.exports;
 (function(t) {
-  const e = Ve, a = Gi, n = Xi, o = qi, r = tl, l = Ee, i = me, s = al;
+  const e = Ve, a = Wi, n = Xi, o = Ki, r = el, l = Ee, i = me, s = tl;
   function d(f) {
     return unescape(encodeURIComponent(f)).length;
   }
@@ -7965,9 +7903,9 @@ var al = Wn.exports;
     );
   };
 })(jn);
-const Wt = me, sa = Yt, nl = Mi, ol = Ri, rl = Mn, il = Rn, xa = $n, Ca = zt, ll = Zi, Vt = Vn, sl = Yn, dl = Ve, da = jn;
-function cl(t, e) {
-  const a = t.size, n = il.getPositions(e);
+const Wt = me, sa = Yt, al = Oi, nl = Mi, ol = Mn, rl = Rn, xa = $n, Ca = zt, il = $i, Vt = Vn, ll = Yn, sl = Ve, da = jn;
+function dl(t, e) {
+  const a = t.size, n = rl.getPositions(e);
   for (let o = 0; o < n.length; o++) {
     const r = n[o][0], l = n[o][1];
     for (let i = -1; i <= 7; i++)
@@ -7976,15 +7914,15 @@ function cl(t, e) {
           l + s <= -1 || a <= l + s || (i >= 0 && i <= 6 && (s === 0 || s === 6) || s >= 0 && s <= 6 && (i === 0 || i === 6) || i >= 2 && i <= 4 && s >= 2 && s <= 4 ? t.set(r + i, l + s, !0, !0) : t.set(r + i, l + s, !1, !0));
   }
 }
-function ul(t) {
+function cl(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 pl(t, e) {
-  const a = rl.getPositions(e);
+function ul(t, e) {
+  const a = ol.getPositions(e);
   for (let n = 0; n < a.length; n++) {
     const o = a[n][0], r = a[n][1];
     for (let l = -2; l <= 2; l++)
@@ -7992,20 +7930,20 @@ function pl(t, e) {
         l === -2 || l === 2 || i === -2 || i === 2 || l === 0 && i === 0 ? t.set(o + l, r + i, !0, !0) : t.set(o + l, r + i, !1, !0);
   }
 }
-function ml(t, e) {
+function pl(t, e) {
   const a = t.size, n = Vt.getEncodedBits(e);
   let o, r, l;
   for (let i = 0; i < 18; i++)
     o = Math.floor(i / 3), r = i % 3 + a - 8 - 3, l = (n >> i & 1) === 1, t.set(o, r, l, !0), t.set(r, o, l, !0);
 }
 function ca(t, e, a) {
-  const n = t.size, o = sl.getEncodedBits(e, a);
+  const n = t.size, o = ll.getEncodedBits(e, a);
   let r, l;
   for (r = 0; r < 15; r++)
     l = (o >> r & 1) === 1, r < 6 ? t.set(r, 8, l, !0) : r < 8 ? t.set(r + 1, 8, l, !0) : t.set(n - 15 + r, 8, l, !0), r < 8 ? t.set(8, n - r - 1, l, !0) : r < 9 ? t.set(8, 15 - r - 1 + 1, l, !0) : t.set(8, 15 - r - 1, l, !0);
   t.set(n - 8, 8, 1, !0);
 }
-function bl(t, e) {
+function ml(t, e) {
   const a = t.size;
   let n = -1, o = a - 1, r = 7, l = 0;
   for (let i = a - 1; i > 0; i -= 2)
@@ -8021,10 +7959,10 @@ function bl(t, e) {
       }
     }
 }
-function fl(t, e, a) {
-  const n = new nl();
+function bl(t, e, a) {
+  const n = new al();
   a.forEach(function(s) {
-    n.put(s.mode.bit, 4), n.put(s.getLength(), dl.getCharCountIndicator(s.mode, t)), s.write(n);
+    n.put(s.mode.bit, 4), n.put(s.getLength(), sl.getCharCountIndicator(s.mode, t)), s.write(n);
   });
   const o = Wt.getSymbolTotalCodewords(t), r = Ca.getTotalCodewordsCount(t, e), l = (o - r) * 8;
   for (n.getLengthInBits() + 4 <= l && n.put(0, 4); n.getLengthInBits() % 8 !== 0; )
@@ -8032,10 +7970,10 @@ function fl(t, e, a) {
   const i = (l - n.getLengthInBits()) / 8;
   for (let s = 0; s < i; s++)
     n.put(s % 2 ? 17 : 236, 8);
-  return gl(n, t, e);
+  return fl(n, t, e);
 }
-function gl(t, e, a) {
-  const n = Wt.getSymbolTotalCodewords(e), o = Ca.getTotalCodewordsCount(e, a), r = n - o, l = Ca.getBlocksCount(e, a), i = n % l, s = l - i, d = Math.floor(n / l), c = Math.floor(r / l), p = c + 1, m = d - c, u = new ll(m);
+function fl(t, e, a) {
+  const n = Wt.getSymbolTotalCodewords(e), o = Ca.getTotalCodewordsCount(e, a), r = n - o, l = Ca.getBlocksCount(e, a), i = n % l, s = l - i, d = Math.floor(n / l), c = Math.floor(r / l), p = c + 1, m = d - c, u = new il(m);
   let b = 0;
   const g = new Array(l), B = new Array(l);
   let f = 0;
@@ -8054,7 +7992,7 @@ function gl(t, e, a) {
       T[x++] = B[D][L];
   return T;
 }
-function hl(t, e, a, n) {
+function gl(t, e, a, n) {
   let o;
   if (Array.isArray(t))
     o = da.fromArray(t);
@@ -8079,8 +8017,8 @@ The chosen QR Code version cannot contain this amount of data.
 Minimum version required to store current data is: ` + r + `.
 `
     );
-  const l = fl(e, a, o), i = Wt.getSymbolSize(e), s = new ol(i);
-  return cl(s, e), ul(s), pl(s, e), ca(s, a, 0), e >= 7 && ml(s, e), bl(s, l), isNaN(n) && (n = xa.getBestMask(
+  const l = bl(e, a, o), i = Wt.getSymbolSize(e), s = new nl(i);
+  return dl(s, e), cl(s), ul(s, e), ca(s, a, 0), e >= 7 && pl(s, e), ml(s, l), isNaN(n) && (n = xa.getBestMask(
     s,
     ca.bind(null, s, a)
   )), xa.applyMask(n, s), ca(s, a, n), {
@@ -8091,11 +8029,11 @@ Minimum version required to store current data is: ` + r + `.
     segments: o
   };
 }
-On.create = function(e, a) {
+Pn.create = function(e, a) {
   if (typeof e > "u" || e === "")
     throw new Error("No input text");
   let n = sa.M, o, r;
-  return typeof a < "u" && (n = sa.from(a.errorCorrectionLevel, sa.M), o = Vt.from(a.version), r = xa.from(a.maskPattern), a.toSJISFunc && Wt.setToSJISFunction(a.toSJISFunc)), hl(e, o, n, r);
+  return typeof a < "u" && (n = sa.from(a.errorCorrectionLevel, sa.M), o = Vt.from(a.version), r = xa.from(a.maskPattern), a.toSJISFunc && Wt.setToSJISFunction(a.toSJISFunc)), gl(e, o, n, r);
 };
 var Gn = {}, Na = {};
 (function(t) {
@@ -8173,8 +8111,8 @@ var Gn = {}, Na = {};
     return d.toDataURL(c, p.quality);
   };
 })(Gn);
-var Jn = {};
-const yl = Na;
+var Xn = {};
+const hl = Na;
 function an(t, e) {
   const a = t.a / 255, n = e + '="' + t.hex + '"';
   return a < 1 ? n + " " + e + '-opacity="' + a.toFixed(2).slice(1) + '"' : n;
@@ -8183,7 +8121,7 @@ function ua(t, e, a) {
   let n = t + e;
   return typeof a < "u" && (n += " " + a), n;
 }
-function vl(t, e, a) {
+function yl(t, e, a) {
   let n = "", o = 0, r = !1, l = 0;
   for (let i = 0; i < t.length; i++) {
     const s = Math.floor(i % e), d = Math.floor(i / e);
@@ -8191,15 +8129,15 @@ function vl(t, e, a) {
   }
   return n;
 }
-Jn.render = function(e, a, n) {
-  const o = yl.getOptions(a), r = e.modules.size, l = e.modules.data, i = r + o.margin * 2, s = o.color.light.a ? "<path " + an(o.color.light, "fill") + ' d="M0 0h' + i + "v" + i + 'H0z"/>' : "", d = "<path " + an(o.color.dark, "stroke") + ' d="' + vl(l, r, o.margin) + '"/>', c = 'viewBox="0 0 ' + i + " " + i + '"', m = '<svg xmlns="http://www.w3.org/2000/svg" ' + (o.width ? 'width="' + o.width + '" height="' + o.width + '" ' : "") + c + ' shape-rendering="crispEdges">' + s + d + `</svg>
+Xn.render = function(e, a, n) {
+  const o = hl.getOptions(a), r = e.modules.size, l = e.modules.data, i = r + o.margin * 2, s = o.color.light.a ? "<path " + an(o.color.light, "fill") + ' d="M0 0h' + i + "v" + i + 'H0z"/>' : "", d = "<path " + an(o.color.dark, "stroke") + ' d="' + yl(l, r, o.margin) + '"/>', c = 'viewBox="0 0 ' + i + " " + i + '"', m = '<svg xmlns="http://www.w3.org/2000/svg" ' + (o.width ? 'width="' + o.width + '" height="' + o.width + '" ' : "") + c + ' shape-rendering="crispEdges">' + s + d + `</svg>
 `;
   return typeof n == "function" && n(null, m), m;
 };
-const Tl = Oi, _a = On, Xn = Gn, xl = Jn;
-function Oa(t, e, a, n, o) {
+const vl = Ni, _a = Pn, Jn = Gn, Tl = Xn;
+function Pa(t, e, a, n, o) {
   const r = [].slice.call(arguments, 1), l = r.length, i = typeof r[l - 1] == "function";
-  if (!i && !Tl())
+  if (!i && !vl())
     throw new Error("Callback required as last argument");
   if (i) {
     if (l < 2)
@@ -8225,17 +8163,17 @@ function Oa(t, e, a, n, o) {
   }
 }
 _t.create = _a.create;
-_t.toCanvas = Oa.bind(null, Xn.render);
-_t.toDataURL = Oa.bind(null, Xn.renderToDataURL);
-_t.toString = Oa.bind(null, function(t, e, a) {
-  return xl.render(t, a);
+_t.toCanvas = Pa.bind(null, Jn.render);
+_t.toDataURL = Pa.bind(null, Jn.renderToDataURL);
+_t.toString = Pa.bind(null, function(t, e, a) {
+  return Tl.render(t, a);
 });
-const Cl = { class: "flex items-center justify-center" }, _l = { class: "w-full flex gap-8 justify-end items-center" }, wl = /* @__PURE__ */ se({
+const xl = { class: "flex items-center justify-center" }, Cl = { class: "w-full flex gap-8 justify-end items-center" }, _l = /* @__PURE__ */ se({
   __name: "PreviewQrCode",
   setup(t) {
     const e = q(), a = We(), n = Ge(), { t: o } = Ze(), r = q(!1), l = ie(() => `${`${"https://{slug}.feedmedev.vip".replace("{slug}", `${a.currentBusiness.value.url ?? a.currentBusiness.value._id}`)}`}/preview/${n.state.selectedTemplate.templateId}`);
     function i() {
-      wo.promise(navigator.clipboard.writeText(l.value), {
+      Io.promise(navigator.clipboard.writeText(l.value), {
         loading: o("brand.template.shareMenu.copying"),
         success: () => o("brand.template.shareMenu.linkCopied"),
         error: () => o("brand.template.shareMenu.errorCopyingLink")
@@ -8279,10 +8217,10 @@ const Cl = { class: "flex items-center justify-center" }, _l = { class: "w-full
           }, 8, ["content"])
         ]),
         "dialog-header": M(() => [
-          oo(j(v(o)("brand.template.shareMenu.share")), 1)
+          ro(j(v(o)("brand.template.shareMenu.share")), 1)
         ]),
         default: M(() => [
-          I("div", Cl, [
+          I("div", xl, [
             I("canvas", {
               ref_key: "qrCodeContainer",
               ref: e
@@ -8290,7 +8228,7 @@ const Cl = { class: "flex items-center justify-center" }, _l = { class: "w-full
           ])
         ]),
         "dialog-footer": M(() => [
-          I("div", _l, [
+          I("div", Cl, [
             w(c, {
               variant: "secondary",
               label: v(o)("brand.common.cancel"),
@@ -8306,10 +8244,10 @@ const Cl = { class: "flex items-center justify-center" }, _l = { class: "w-full
       }, 8, ["modelValue"]);
     };
   }
-}), Il = { class: "p-8 flex gap-8 items-center justify-between border-b border-fm-color-neutral-gray-200 bg-fm-color-neutral-white" }, El = { class: "flex gap-8 items-center" }, Sl = /* @__PURE__ */ se({
+}), wl = { class: "p-8 flex gap-8 items-center justify-between border-b border-fm-color-neutral-gray-200 bg-fm-color-neutral-white" }, Il = { class: "flex gap-8 items-center" }, El = /* @__PURE__ */ se({
   __name: "EditorToolbar",
   setup(t) {
-    const e = Ue(), a = Ge(), n = We(), o = _o(), r = Ia(), { t: l } = Ze();
+    const e = Ue(), a = Ge(), n = We(), o = wo(), r = Ia(), { t: l } = Ze();
     function i() {
       if (!e.state.node) {
         o.open(
@@ -8337,10 +8275,10 @@ const Cl = { class: "flex items-center justify-center" }, _l = { class: "w-full
     }
     return (s, d) => {
       const c = V("FmButton");
-      return F(), Z("div", Il, [
-        w(ki),
-        I("div", El, [
-          w(wl),
+      return F(), Z("div", wl, [
+        w(Li),
+        I("div", Il, [
+          w(_l),
           w(c, {
             class: "transition-all duration-500",
             variant: "tertiary",
@@ -8348,12 +8286,60 @@ const Cl = { class: "flex items-center justify-center" }, _l = { class: "w-full
             onClick: i,
             disabled: v(e).isSaved()
           }, null, 8, ["disabled"]),
-          w(Ni)
+          w(Fi)
         ])
       ]);
     };
   }
-}), Al = { class: "relative h-full min-w-[500px] flex-1 bg-fm-color-neutral-gray-100 flex flex-col" }, Bl = { class: "w-[375px] border border-fm-color-neutral-gray-200 m-auto pb-24 bg-brand-background-base" }, Ll = {
+}), nn = /* @__PURE__ */ new Set(), Kn = {
+  colors: {
+    primary: "#ff7823",
+    secondary: "#fff3e6",
+    accent: "#fff3e6",
+    background: {
+      base: "#F8F8F8",
+      elevated: "#FFFFFF"
+    },
+    neutral: {
+      light: "#ECF0F0",
+      mid: "#555555",
+      dark: "#1C1C1E"
+    },
+    text: {
+      onPrimary: "#FFFFFF",
+      primary: "#1C1C1E",
+      secondary: "#555555",
+      tertiary: "#A2A09E"
+    },
+    status: {
+      success: "#10B981",
+      warning: "#F59E0B",
+      error: "#EF4444",
+      info: "#3B82F6"
+      // Add info if missing previously
+    }
+  },
+  fonts: {
+    brand: "'Inter', sans-serif",
+    heading: "'Inter', sans-serif",
+    body: "'Roboto', sans-serif"
+  },
+  fontFamilies: []
+};
+function Sl(t = Kn, e) {
+  const a = document.documentElement, n = (l, i) => {
+    i && a.style.setProperty(`--brand-${l}`, i);
+  }, { colors: o, fonts: r } = 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", r.brand), n("font-family-heading", r.heading ?? r.brand), n("font-family-body", r.body ?? r.brand);
+  for (const l of t.fontFamilies ?? []) {
+    const i = l.stylesheet;
+    if (!i || nn.has(i) || document.querySelector(`link[href="${i}"]`))
+      continue;
+    const s = document.createElement("link");
+    s.rel = "stylesheet", s.href = i, s.setAttribute("data-brand-font", i), document.head.appendChild(s), nn.add(i);
+  }
+}
+const Al = { class: "relative h-full min-w-[500px] flex-1 bg-fm-color-neutral-gray-100 flex flex-col" }, Bl = { class: "w-[375px] border border-fm-color-neutral-gray-200 m-auto pb-24 bg-brand-background-base" }, Ll = {
   key: 0,
   class: "flex items-center justify-between pt-8 px-12"
 }, kl = { 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"], Fl = {
@@ -8377,12 +8363,12 @@ const Cl = { class: "flex items-center justify-center" }, _l = { class: "w-full
     return tt(
       () => a.currentBusiness.value,
       async (s, d) => {
-        s && s.id != (d == null ? void 0 : d.id) && (await n.getBusinessBrandkit(s.id), Bo(n.state.brandkit ?? cn));
+        s && s.id != (d == null ? void 0 : d.id) && (await n.getBusinessBrandkit(s.id), Sl(n.state.brandkit ?? Kn));
       },
       {
         immediate: !0
       }
-    ), ln(() => {
+    ), sn(() => {
       window.addEventListener("beforeunload", function(s) {
         if (!e.isSaved())
           return s.preventDefault(), "Changes you made may not be saved.";
@@ -8390,13 +8376,13 @@ const Cl = { class: "flex items-center justify-center" }, _l = { class: "w-full
     }), (s, d) => {
       const c = V("FmIcon");
       return F(), Z("div", Al, [
-        w(Sl),
+        w(El),
         I("div", {
           class: "h-full w-full px-24 py-48 flex overflow-y-auto",
           onClick: d[2] || (d[2] = (p) => i(r.value))
         }, [
           I("div", Bl, [
-            r.value ? (F(), ae(Ma($a[r.value.type]), ro({ key: 0 }, {
+            r.value ? (F(), ae(Ma($a[r.value.type]), io({ key: 0 }, {
               data: r.value.data,
               ...La[r.value.type],
               ...r.value.props
@@ -8407,7 +8393,7 @@ const Cl = { class: "flex items-center justify-center" }, _l = { class: "w-full
                 var p, m;
                 return [
                   r.value.type == "Homepage" && ((p = r.value.props) == null ? void 0 : p.hideCountrySwitcher) !== !0 ? (F(), Z("div", Ll, [
-                    w(vo, { data: { selectedCountry: "MY" } }),
+                    w(To, { data: { selectedCountry: "MY" } }),
                     I("div", kl, [
                       w(c, {
                         class: "rounded-full",
@@ -8416,7 +8402,7 @@ const Cl = { class: "flex items-center justify-center" }, _l = { class: "w-full
                       })
                     ])
                   ])) : Q("", !0),
-                  r.value.type == "Homepage" && ((m = r.value.props) == null ? void 0 : m.showNavigationBar) == !0 ? (F(), ae(To, {
+                  r.value.type == "Homepage" && ((m = r.value.props) == null ? void 0 : m.showNavigationBar) == !0 ? (F(), ae(xo, {
                     key: 1,
                     title: "Member",
                     className: "block"
@@ -8436,13 +8422,13 @@ const Cl = { class: "flex items-center justify-center" }, _l = { class: "w-full
                           class: "relative cursor-grab",
                           onClickCapture: ba((B) => i(u), ["prevent", "stop"])
                         }, [
-                          (F(), ae(Ma($a[u.type]), io(lo({ data: u.data, ...u.props })), null, 16)),
+                          (F(), ae(Ma($a[u.type]), lo(so({ data: u.data, ...u.props })), null, 16)),
                           u._id === ((b = l.value) == null ? void 0 : b._id) ? (F(), Z("div", {
                             key: 0,
                             class: ye({
                               "w-full h-full absolute top-0 left-0 z-10": u._id === ((g = l.value) == null ? void 0 : g._id)
                             }),
-                            style: so({
+                            style: co({
                               paddingLeft: u.props.marginLeft,
                               paddingRight: u.props.marginRight
                             })
@@ -8466,11 +8452,11 @@ const Cl = { class: "flex items-center justify-center" }, _l = { class: "w-full
             }, 16)) : Q("", !0)
           ])
         ]),
-        w(Qr)
+        w(qr)
       ]);
     };
   }
-}), pa = (t) => t, Ol = [
+}), pa = (t) => t, Pl = [
   {
     $cmp: "ConfigTab",
     props: { title: pa("brand.template.nodeConfig.pageSetting") },
@@ -8686,7 +8672,7 @@ const Cl = { class: "flex items-center justify-center" }, _l = { class: "w-full
       }
     ]
   }
-], W = (t) => t, Pl = [
+], W = (t) => t, Ol = [
   {
     $cmp: "ConfigTab",
     props: { title: W("brand.template.nodeConfig.displayText.title") },
@@ -9471,15 +9457,15 @@ const Cl = { class: "flex items-center justify-center" }, _l = { class: "w-full
       }
     ]
   }
-], Oe = (t) => t, Vl = [
+], Pe = (t) => t, Vl = [
   {
     $cmp: "ConfigTab",
-    props: { title: Oe("brand.template.nodeConfig.branchList.title") },
+    props: { title: Pe("brand.template.nodeConfig.branchList.title") },
     children: [
       {
         $cmp: "ConfigTabItem",
         props: {
-          title: Oe("brand.template.nodeConfig.branchList.propertiesTitle"),
+          title: Pe("brand.template.nodeConfig.branchList.propertiesTitle"),
           value: "properties"
         },
         children: [
@@ -9488,31 +9474,31 @@ const Cl = { class: "flex items-center justify-center" }, _l = { class: "w-full
             children: [
               {
                 $formkit: "BaTextField",
-                label: Oe(
+                label: Pe(
                   "brand.template.nodeConfig.branchList.displayTextLabel"
                 ),
                 name: "label"
               },
               {
                 $formkit: "BaTextField",
-                label: Oe("brand.template.nodeConfig.branchList.subTextLabel"),
+                label: Pe("brand.template.nodeConfig.branchList.subTextLabel"),
                 name: "sublabel"
               },
               {
                 $formkit: "BaColorPicker",
-                label: Oe("brand.template.nodeConfig.branchList.iconColorLabel"),
+                label: Pe("brand.template.nodeConfig.branchList.iconColorLabel"),
                 name: "iconColor"
               },
               {
                 $formkit: "BaColorPicker",
-                label: Oe(
+                label: Pe(
                   "brand.template.nodeConfig.branchList.displayTextColorLabel"
                 ),
                 name: "labelColor"
               },
               {
                 $formkit: "BaColorPicker",
-                label: Oe(
+                label: Pe(
                   "brand.template.nodeConfig.branchList.subTextColorLabel"
                 ),
                 name: "sublabelColor"
@@ -9524,7 +9510,7 @@ const Cl = { class: "flex items-center justify-center" }, _l = { class: "w-full
       {
         $cmp: "ConfigTabItem",
         props: {
-          title: Oe("brand.template.nodeConfig.branchList.frameTitle"),
+          title: Pe("brand.template.nodeConfig.branchList.frameTitle"),
           value: "frame"
         },
         children: [...be]
@@ -9606,15 +9592,15 @@ const Cl = { class: "flex items-center justify-center" }, _l = { class: "w-full
       }
     ]
   }
-], nn = (t) => t, Yl = [
+], on = (t) => t, Yl = [
   {
     $cmp: "ConfigTab",
-    props: { title: nn("brand.template.nodeConfig.memberSummary.title") },
+    props: { title: on("brand.template.nodeConfig.memberSummary.title") },
     children: [
       {
         $cmp: "ConfigTabItem",
         props: {
-          title: nn("brand.template.nodeConfig.memberSummary.frameTitle"),
+          title: on("brand.template.nodeConfig.memberSummary.frameTitle"),
           value: "frame"
         },
         children: [...be]
@@ -9851,10 +9837,10 @@ const Cl = { class: "flex items-center justify-center" }, _l = { class: "w-full
       }
     ]
   }
-], Jl = (t) => t, Xl = [
+], Xl = (t) => t, Jl = [
   {
     $cmp: "ConfigTab",
-    props: { title: Jl("brand.template.nodeConfig.memberProfile.title") },
+    props: { title: Xl("brand.template.nodeConfig.memberProfile.title") },
     children: [
       // {
       //   $cmp: 'ConfigTabItem',
@@ -9964,15 +9950,15 @@ const Cl = { class: "flex items-center justify-center" }, _l = { class: "w-full
       }
     ]
   }
-], on = (t) => t, ql = [
+], rn = (t) => t, ql = [
   {
     $cmp: "ConfigTab",
-    props: { title: on("brand.template.nodeConfig.referral.imageTitle") },
+    props: { title: rn("brand.template.nodeConfig.referral.imageTitle") },
     children: [
       {
         $cmp: "ConfigTabItem",
         props: {
-          title: on("brand.template.nodeConfig.referral.contentTitle"),
+          title: rn("brand.template.nodeConfig.referral.contentTitle"),
           value: "design"
         },
         children: [
@@ -9986,7 +9972,7 @@ const Cl = { class: "flex items-center justify-center" }, _l = { class: "w-full
   BranchList: Vl,
   ButtonList: Ml,
   Container: be,
-  Homepage: Ol,
+  Homepage: Pl,
   ImageCarousel: $l,
   ImageDisplay: Rl,
   MemberAchievements: jl,
@@ -9995,9 +9981,9 @@ const Cl = { class: "flex items-center justify-center" }, _l = { class: "w-full
   MemberSummary: Yl,
   OrderHistoryCard: Hl,
   OrderMethod: Ul,
-  TextDisplay: Pl,
+  TextDisplay: Ol,
   _Credit: Wl,
-  _MemberProfile: Xl,
+  _MemberProfile: Jl,
   _Point: Gl,
   _Referral: ql,
   _ReferralTutorial: Kl
@@ -10018,14 +10004,14 @@ const Cl = { class: "flex items-center justify-center" }, _l = { class: "w-full
       ])
     ]));
   }
-}), Kn = Symbol.for("ba:config-tab"), ns = { class: "p-16 w-full fm-typo-en-body-md-600 text-fm-color-typo-primary" }, os = { class: "flex items-center w-full border-b border-fm-color-neutral-gray-100" }, rs = /* @__PURE__ */ se({
+}), qn = Symbol.for("ba:config-tab"), ns = { class: "p-16 w-full fm-typo-en-body-md-600 text-fm-color-typo-primary" }, os = { class: "flex items-center w-full border-b border-fm-color-neutral-gray-100" }, rs = /* @__PURE__ */ se({
   __name: "ConfigTab",
   props: {
     title: {}
   },
   setup(t) {
     const { t: e } = Ze(), a = q([]), n = q("");
-    co(Kn, {
+    uo(qn, {
       register(r) {
         a.value = [...a.value, r].map(
           (l) => ({
@@ -10043,7 +10029,7 @@ const Cl = { class: "flex items-center justify-center" }, _l = { class: "w-full
       const i = V("FmTab");
       return F(), Z("div", null, [
         I("div", ns, j(v(e)(r.title)), 1),
-        w(sn),
+        w(dn),
         I("div", os, [
           (F(!0), Z(Le, null, vt(a.value, (s) => (F(), ae(i, {
             "model-value": n.value,
@@ -10063,8 +10049,8 @@ const Cl = { class: "flex items-center justify-center" }, _l = { class: "w-full
     value: {}
   },
   setup(t) {
-    const e = t, a = uo(Kn, null);
-    return ln(() => {
+    const e = t, a = po(qn, null);
+    return sn(() => {
       a ? a.register(e) : console.warn("ConfigTabItem is to be used with ConfigTab as parent");
     }), (n, o) => {
       var r;
@@ -10085,7 +10071,7 @@ const Cl = { class: "flex items-center justify-center" }, _l = { class: "w-full
     }), o = ie(() => {
       var s;
       return (s = a.value) == null ? void 0 : s.props;
-    }), r = po({
+    }), r = mo({
       ConfigTab: rs,
       ConfigTabItem: ss,
       ConfigSection: as
@@ -10120,7 +10106,7 @@ const Cl = { class: "flex items-center justify-center" }, _l = { class: "w-full
       }
     }
     return (s, d) => (F(), Z("div", ds, [
-      a.value ? (F(), ae(v(Eo), {
+      a.value ? (F(), ae(v(So), {
         config: { rootClasses: i },
         type: "form",
         actions: !1,
@@ -10130,7 +10116,7 @@ const Cl = { class: "flex items-center justify-center" }, _l = { class: "w-full
         preserve: ""
       }, {
         default: M(() => [
-          w(v(So), {
+          w(v(Ao), {
             schema: n.value,
             library: v(r)
           }, null, 8, ["schema", "library"])
@@ -10139,13 +10125,13 @@ const Cl = { class: "flex items-center justify-center" }, _l = { class: "w-full
       }, 8, ["config", "model-value"])) : Q("", !0)
     ]));
   }
-}), us = { class: "relative h-full w-screen flex flex-col overflow-y-hidden" }, ps = { class: "flex h-full" }, zs = /* @__PURE__ */ se({
+}), us = { class: "relative h-full w-screen flex flex-col overflow-y-hidden" }, ps = { class: "flex h-full" }, Ls = /* @__PURE__ */ se({
   __name: "BuilderView",
   props: {
     templateId: {}
   },
   setup(t) {
-    const e = We(), a = Ue(), n = Ge(), o = Ea(), r = dn(), l = Ct(), i = q(!0);
+    const e = We(), a = Ue(), n = Ge(), o = Ea(), r = cn(), l = Ct(), i = q(!0);
     async function s() {
       var c, p;
       i.value = !0, e.currentBusiness.value && ((c = e.currentBusiness.value) != null && c._id && await n.getAllTemplates(e.currentBusiness.value._id), (p = e.currentBusiness.value) != null && p.url && await o.getGlobalSlug(e.currentBusiness.value.url), d());
@@ -10185,7 +10171,7 @@ const Cl = { class: "flex items-center justify-center" }, _l = { class: "w-full
     ), (c, p) => {
       const m = V("FmCircularProgress"), u = V("FmOverlay");
       return F(), Z("div", us, [
-        w(v(Io), {
+        w(v(Eo), {
           position: "top-right",
           "rich-colors": "",
           "close-button": "",
@@ -10204,7 +10190,7 @@ const Cl = { class: "flex items-center justify-center" }, _l = { class: "w-full
           _: 1
         })) : Q("", !0),
         I("div", ps, [
-          w(Kr),
+          w(Jr),
           w(Nl),
           w(cs)
         ])
@@ -10213,5 +10199,5 @@ const Cl = { class: "flex items-center justify-center" }, _l = { class: "w-full
   }
 });
 export {
-  zs as default
+  Ls as default
 };