@feedmepos/mf-brand-app-builder 0.5.19-dev.5 → 0.5.19-dev.7

package/dist/{BuilderView-CNm42vCb.js → BuilderView-Dsb6Hnrt.js}

@@ -1,18 +1,18 @@
-import { resolveComponent as J, TransitionGroup as ho, defineComponent as fe, h as ya, nextTick as Cn, isRef as yo, isReactive as vo, isProxy as xo, toRaw as To, ref as oe, computed as ie, openBlock as D, createElementBlock as H, Fragment as ke, renderList as ht, createElementVNode as B, toDisplayString as pe, unref as I, createVNode as L, withCtx as Z, createBlock as te, createCommentVNode as q, watch as qe, normalizeClass as ye, withDirectives as Qt, withModifiers as va, vShow as ea, createTextVNode as Co, onMounted as _n, resolveDynamicComponent as ja, mergeProps as _o, normalizeProps as wo, guardReactiveProps as Io, normalizeStyle as So, renderSlot as Oa, provide as Eo, inject as Lo, markRaw as Ao } from "vue";
-import { T as Oo, u as je } from "./index-B36QBcNq.js";
+import { resolveComponent as J, TransitionGroup as ho, defineComponent as fe, h as ya, nextTick as Cn, isRef as yo, isReactive as vo, isProxy as xo, toRaw as To, ref as ie, computed as ae, openBlock as D, createElementBlock as H, Fragment as ke, renderList as ht, createElementVNode as B, toDisplayString as pe, unref as S, createVNode as L, withCtx as Z, createBlock as te, createCommentVNode as q, watch as qe, normalizeClass as ye, withDirectives as Qt, withModifiers as va, vShow as ea, createTextVNode as Co, onMounted as _n, resolveDynamicComponent as ja, mergeProps as _o, normalizeProps as wo, guardReactiveProps as Io, normalizeStyle as So, renderSlot as Oa, provide as Eo, inject as Lo, markRaw as Ao } from "vue";
+import { T as Oo, u as je } from "./index-Cr6R9jiY.js";
 import { defineStore as No, storeToRefs as Fo } from "pinia";
 import { p as Po } from "./views-BDWw3w14.js";
-import { a as Do } from "./index-CX1OCjQw.js";
+import { a as Do } from "./index-Cnssd8Iy.js";
 import { v as Ha } from "./v4-ANoOI1Qw.js";
 import { _ as Bo } from "./Icon.vue_vue_type_style_index_0_lang-CVCHCcWR.js";
 import { B as wn } from "./BaDivider-DWZv3fqi.js";
-import { u as He, F as ko, a as Ro } from "./app-x8DBcMsK.js";
+import { u as He, F as ko, a as Ro } from "./app-EDk-Htyr.js";
 import { C as Ya, _ as $o, a as Mo } from "./main-DBrQC_KK.js";
 import { useCoreStore as Ve } from "@feedmepos/mf-common";
 import { useDialog as Zo, components as Uo, useSnackbar as Vo } from "@feedmepos/ui-library";
 import { useRouter as In } from "vue-router";
 import { u as Na } from "./index-DzaJbB6y.js";
-import { u as Fa } from "./index-DGVhAq_7.js";
+import { u as Fa } from "./index-DHyq9kbn.js";
 import { K as jo, V as Ho } from "./vue-sonner-PX6Req0V.js";
 const {
   Axios: Ul,
@@ -470,7 +470,7 @@ var ii = ["evt"], le = function(e, t) {
       Pe = !1;
     },
     dispatchSortableEvent: function(s) {
-      ne({
+      oe({
         sortable: t,
         name: s,
         originalEvent: o
@@ -478,7 +478,7 @@ var ii = ["evt"], le = function(e, t) {
     }
   }, i));
 };
-function ne(n) {
+function oe(n) {
   oi(_e({
     putSortable: Q,
     cloneEl: z,
@@ -636,7 +636,7 @@ O.prototype = /** @lends Sortable.prototype */
       if (hi(a), !x && !(/mousedown|pointerdown/.test(r) && e.button !== 0 || o.disabled) && !c.isContentEditable && !(!this.nativeDraggable && lt && l && l.tagName.toUpperCase() === "SELECT") && (l = xe(l, o.draggable, a, !1), !(l && l.animated) && Ft !== l)) {
         if (Ge = ge(l), dt = ge(l, o.draggable), typeof d == "function") {
           if (d.call(this, e, l, this)) {
-            ne({
+            oe({
               sortable: t,
               rootEl: c,
               name: "filter",
@@ -650,7 +650,7 @@ O.prototype = /** @lends Sortable.prototype */
           }
         } else if (d && (d = d.split(",").some(function(u) {
           if (u = xe(c, u.trim(), a, !1), u)
-            return ne({
+            return oe({
               sortable: t,
               rootEl: u,
               name: "filter",
@@ -683,7 +683,7 @@ O.prototype = /** @lends Sortable.prototype */
           o._onDrop();
           return;
         }
-        o._disableDelayedDragEvents(), !Ka && o.nativeDraggable && (x.draggable = !0), o._triggerDragStart(e, t), ne({
+        o._disableDelayedDragEvents(), !Ka && o.nativeDraggable && (x.draggable = !0), o._triggerDragStart(e, t), oe({
           sortable: o,
           name: "choose",
           originalEvent: e
@@ -728,7 +728,7 @@ O.prototype = /** @lends Sortable.prototype */
         evt: t
       }), this.nativeDraggable && $(document, "dragover", ci);
       var a = this.options;
-      !e && ce(x, a.dragClass, !1), ce(x, a.ghostClass, !0), O.active = this, e && this._appendGhost(), ne({
+      !e && ce(x, a.dragClass, !1), ce(x, a.ghostClass, !0), O.active = this, e && this._appendGhost(), oe({
         sortable: this,
         name: "start",
         originalEvent: t
@@ -801,7 +801,7 @@ O.prototype = /** @lends Sortable.prototype */
       return;
     }
     le("setupClone", this), O.eventCanceled || (z = Nn(x), z.draggable = !1, z.style["will-change"] = "", this._hideClone(), ce(z, this.options.chosenClass, !1), O.clone = z), a.cloneId = Dt(function() {
-      le("clone", a), !O.eventCanceled && (a.options.removeCloneOnHide || j.insertBefore(z, x), a._hideClone(), ne({
+      le("clone", a), !O.eventCanceled && (a.options.removeCloneOnHide || j.insertBefore(z, x), a._hideClone(), oe({
         sortable: a,
         name: "clone"
       }));
@@ -811,7 +811,7 @@ O.prototype = /** @lends Sortable.prototype */
   _onDragOver: function(e) {
     var t = this.el, a = e.target, o, i, r, s = this.options, l = s.group, c = O.active, d = wt === l, u = s.sort, p = Q || c, m, b = this, g = !1;
     if (xa) return;
-    function _(Ae, ae) {
+    function _(Ae, ne) {
       le(Ae, b, _e({
         evt: e,
         isOwner: d,
@@ -827,7 +827,7 @@ O.prototype = /** @lends Sortable.prototype */
           return Et(j, t, x, o, Ne, X(Ne), e, _t);
         },
         changed: T
-      }, ae));
+      }, ne));
     }
     function y() {
       _("dragOverAnimationCapture"), b.captureAnimationState(), b !== p && p.captureAnimationState();
@@ -840,7 +840,7 @@ O.prototype = /** @lends Sortable.prototype */
       }), b !== p && (p.animateAll(), p._ignoreWhileAnimating = null)), (a === x && !x.animated || a === t && !a.animated) && (ze = null), !s.dragoverBubble && !e.rootEl && a !== document && (x.parentNode[ue]._isOutsideThisEl(e.target), !Ae && Ze(e)), !s.dragoverBubble && e.stopPropagation && e.stopPropagation(), g = !0;
     }
     function T() {
-      de = ge(x), Fe = ge(x, s.draggable), ne({
+      de = ge(x), Fe = ge(x, s.draggable), oe({
         sortable: b,
         name: "change",
         toEl: t,
@@ -870,8 +870,8 @@ O.prototype = /** @lends Sortable.prototype */
           return y(), t.insertBefore(x, C), Y = t, T(), v(!0);
       } else if (a.parentNode === t) {
         i = X(a);
-        var w = 0, S, E = x.parentNode !== t, R = !si(x.animated && x.toRect || o, a.animated && a.toRect || i, m), U = m ? "top" : "left", M = Ja(a, "top", "top") || Ja(x, "top", "top"), N = M ? M.scrollTop : void 0;
-        ze !== a && (S = i[U], pt = !1, It = !R && s.invertSwap || E), w = mi(e, a, i, m, R ? 1 : s.swapThreshold, s.invertedSwapThreshold == null ? s.swapThreshold : s.invertedSwapThreshold, It, ze === a);
+        var w = 0, I, E = x.parentNode !== t, R = !si(x.animated && x.toRect || o, a.animated && a.toRect || i, m), U = m ? "top" : "left", M = Ja(a, "top", "top") || Ja(x, "top", "top"), N = M ? M.scrollTop : void 0;
+        ze !== a && (I = i[U], pt = !1, It = !R && s.invertSwap || E), w = mi(e, a, i, m, R ? 1 : s.swapThreshold, s.invertedSwapThreshold == null ? s.swapThreshold : s.invertedSwapThreshold, It, ze === a);
         var V;
         if (w !== 0) {
           var K = ge(x);
@@ -886,7 +886,7 @@ O.prototype = /** @lends Sortable.prototype */
         se = w === 1;
         var Ie = Et(j, t, x, o, a, i, e, se);
         if (Ie !== !1)
-          return (Ie === 1 || Ie === -1) && (se = Ie === 1), xa = !0, setTimeout(ui, 30), y(), se && !G ? t.appendChild(x) : a.parentNode.insertBefore(x, se ? G : a), M && On(M, 0, N - M.scrollTop), Y = x.parentNode, S !== void 0 && !It && (Pt = Math.abs(S - X(a)[U])), T(), v(!0);
+          return (Ie === 1 || Ie === -1) && (se = Ie === 1), xa = !0, setTimeout(ui, 30), y(), se && !G ? t.appendChild(x) : a.parentNode.insertBefore(x, se ? G : a), M && On(M, 0, N - M.scrollTop), Y = x.parentNode, I !== void 0 && !It && (Pt = Math.abs(I - X(a)[U])), T(), v(!0);
       }
       if (t.contains(x))
         return v(!1);
@@ -909,46 +909,46 @@ O.prototype = /** @lends Sortable.prototype */
       this._nulling();
       return;
     }
-    Je = !1, It = !1, pt = !1, clearInterval(this._loopId), clearTimeout(this._dragStartTimer), Ta(this.cloneId), Ta(this._dragStartId), this.nativeDraggable && (k(document, "drop", this), k(t, "dragstart", this._onDragStart)), this._offMoveEvents(), this._offUpEvents(), lt && A(document.body, "user-select", ""), A(x, "transform", ""), e && (it && (e.cancelable && e.preventDefault(), !a.dropBubble && e.stopPropagation()), P && P.parentNode && P.parentNode.removeChild(P), (j === Y || Q && Q.lastPutMode !== "clone") && z && z.parentNode && z.parentNode.removeChild(z), x && (this.nativeDraggable && k(x, "dragend", this), ra(x), x.style["will-change"] = "", it && !Je && ce(x, Q ? Q.options.ghostClass : this.options.ghostClass, !1), ce(x, this.options.chosenClass, !1), ne({
+    Je = !1, It = !1, pt = !1, clearInterval(this._loopId), clearTimeout(this._dragStartTimer), Ta(this.cloneId), Ta(this._dragStartId), this.nativeDraggable && (k(document, "drop", this), k(t, "dragstart", this._onDragStart)), this._offMoveEvents(), this._offUpEvents(), lt && A(document.body, "user-select", ""), A(x, "transform", ""), e && (it && (e.cancelable && e.preventDefault(), !a.dropBubble && e.stopPropagation()), P && P.parentNode && P.parentNode.removeChild(P), (j === Y || Q && Q.lastPutMode !== "clone") && z && z.parentNode && z.parentNode.removeChild(z), x && (this.nativeDraggable && k(x, "dragend", this), ra(x), x.style["will-change"] = "", it && !Je && ce(x, Q ? Q.options.ghostClass : this.options.ghostClass, !1), ce(x, this.options.chosenClass, !1), oe({
       sortable: this,
       name: "unchoose",
       toEl: Y,
       newIndex: null,
       newDraggableIndex: null,
       originalEvent: e
-    }), j !== Y ? (de >= 0 && (ne({
+    }), j !== Y ? (de >= 0 && (oe({
       rootEl: Y,
       name: "add",
       toEl: Y,
       fromEl: j,
       originalEvent: e
-    }), ne({
+    }), oe({
       sortable: this,
       name: "remove",
       toEl: Y,
       originalEvent: e
-    }), ne({
+    }), oe({
       rootEl: Y,
       name: "sort",
       toEl: Y,
       fromEl: j,
       originalEvent: e
-    }), ne({
+    }), oe({
       sortable: this,
       name: "sort",
       toEl: Y,
       originalEvent: e
-    })), Q && Q.save()) : de !== Ge && de >= 0 && (ne({
+    })), Q && Q.save()) : de !== Ge && de >= 0 && (oe({
       sortable: this,
       name: "update",
       toEl: Y,
       originalEvent: e
-    }), ne({
+    }), oe({
       sortable: this,
       name: "sort",
       toEl: Y,
       originalEvent: e
-    })), O.active && ((de == null || de === -1) && (de = Ge, Fe = dt), ne({
+    })), O.active && ((de == null || de === -1) && (de = Ge, Fe = dt), oe({
       sortable: this,
       name: "end",
       toEl: Y,
@@ -1216,9 +1216,9 @@ var ca = An(function(n, e, t, a) {
     Ca !== t && (Ca = t, Bt(), rt = e.scroll, d = e.scrollFn, rt === !0 && (rt = De(t, !0)));
     var u = 0, p = rt;
     do {
-      var m = p, b = X(m), g = b.top, _ = b.bottom, y = b.left, v = b.right, T = b.width, h = b.height, C = void 0, w = void 0, S = m.scrollWidth, E = m.scrollHeight, R = A(m), U = m.scrollLeft, M = m.scrollTop;
-      m === l ? (C = T < S && (R.overflowX === "auto" || R.overflowX === "scroll" || R.overflowX === "visible"), w = h < E && (R.overflowY === "auto" || R.overflowY === "scroll" || R.overflowY === "visible")) : (C = T < S && (R.overflowX === "auto" || R.overflowX === "scroll"), w = h < E && (R.overflowY === "auto" || R.overflowY === "scroll"));
-      var N = C && (Math.abs(v - o) <= r && U + T < S) - (Math.abs(y - o) <= r && !!U), V = w && (Math.abs(_ - i) <= r && M + h < E) - (Math.abs(g - i) <= r && !!M);
+      var m = p, b = X(m), g = b.top, _ = b.bottom, y = b.left, v = b.right, T = b.width, h = b.height, C = void 0, w = void 0, I = m.scrollWidth, E = m.scrollHeight, R = A(m), U = m.scrollLeft, M = m.scrollTop;
+      m === l ? (C = T < I && (R.overflowX === "auto" || R.overflowX === "scroll" || R.overflowX === "visible"), w = h < E && (R.overflowY === "auto" || R.overflowY === "scroll" || R.overflowY === "visible")) : (C = T < I && (R.overflowX === "auto" || R.overflowX === "scroll"), w = h < E && (R.overflowY === "auto" || R.overflowY === "scroll"));
+      var N = C && (Math.abs(v - o) <= r && U + T < I) - (Math.abs(y - o) <= r && !!U), V = w && (Math.abs(_ - i) <= r && M + h < E) - (Math.abs(g - i) <= r && !!M);
       if (!W[u])
         for (var K = 0; K <= u; K++)
           W[K] || (W[K] = {});
@@ -5303,7 +5303,7 @@ function sr(n) {
   return e(n);
 }
 const Re = No("editor", () => {
-  const n = oe({
+  const n = ie({
     node: [],
     selectedNode: null,
     copied: null,
@@ -5420,7 +5420,7 @@ function xt() {
 const lr = { 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" }, cr = { class: "flex flex-col gap-12" }, dr = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, ur = { class: "flex flex-col gap-8 justify-center items-center bg-fm-color-neutral-gray-100 py-12 px-16 cursor-grab rounded-md" }, pr = { class: "fm-typo-en-body-md-600 text-fm-color-typo-secondary text-center" }, fr = /* @__PURE__ */ fe({
   __name: "ElementSidebar",
   setup(n) {
-    const e = xt(), t = je(), { t: a } = He(), o = ie(
+    const e = xt(), t = je(), { t: a } = He(), o = ae(
       () => {
         var s;
         return ((s = t.state.selectedTemplate) == null ? void 0 : s.group) || "default";
@@ -5429,13 +5429,13 @@ const lr = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
     function i(s) {
       return e.buildNewNode(s.component, {});
     }
-    const r = ie(() => on.filter(
+    const r = ae(() => on.filter(
       (s) => s.group == o.value || s.group == "all"
     ));
     return (s, l) => (D(), H("div", lr, [
       (D(!0), H(ke, null, ht(r.value, (c, d) => (D(), H("section", cr, [
-        B("div", dr, pe(I(a)(c.title)), 1),
-        L(I(zn), {
+        B("div", dr, pe(S(a)(c.title)), 1),
+        L(S(zn), {
           list: c.children,
           group: { name: "components", pull: "clone", put: !1 },
           sort: !1,
@@ -5449,12 +5449,12 @@ const lr = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
                 class: "text-[24px] text-fm-color-typo-secondary",
                 name: u.icon
               }, null, 8, ["name"]),
-              B("div", pr, pe(I(a)(u.title)), 1)
+              B("div", pr, pe(S(a)(u.title)), 1)
             ])
           ]),
           _: 2
         }, 1032, ["list"]),
-        d !== I(on).length - 1 ? (D(), te(wn, {
+        d !== S(on).length - 1 ? (D(), te(wn, {
           key: 0,
           class: "mt-12"
         })) : q("", !0)
@@ -5464,7 +5464,7 @@ const lr = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
 }), mr = { 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" }, br = /* @__PURE__ */ fe({
   __name: "EditorFloatingToobar",
   setup(n) {
-    const e = Re(), { state: t } = Fo(e), a = xt(), o = ie(
+    const e = Re(), { state: t } = Fo(e), a = xt(), o = ae(
       () => t.value.selectedNode && t.value.node.length > 0
     ), i = [
       // {
@@ -5513,7 +5513,7 @@ const lr = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
           onClick: c.action,
           variant: "tertiary",
           "icon-color": c.iconColor,
-          disabled: !I(t).selectedNode || c.disabled()
+          disabled: !S(t).selectedNode || c.disabled()
         }, null, 8, ["prepend-icon", "onClick", "icon-color", "disabled"])), 64))
       ]);
     };
@@ -5521,7 +5521,7 @@ const lr = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
 }), gr = { 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" }, hr = { class: "bg-fm-color-neutral-white px-8 py-8 border border-fm-color-opacity-sm rounded-sm" }, yr = { class: "py-8 px-12 w-full flex items-center justify-between gap-8 transition-all duration-500" }, vr = { class: "flex items-center gap-8" }, xr = { class: "fm-typo-en-body-md-600 text-fm-color-typo-primary" }, Tr = { class: "flex items-center gap-8" }, Cr = { class: "overflow-y-auto" }, _r = { class: "flex items-center gap-8" }, wr = { class: "fm-typo-en-body-md-400 text-fm-color-primary" }, Ir = { class: "fm-typo-en-body-md-400 text-fm-color-primary" }, Sr = /* @__PURE__ */ fe({
   __name: "TemplatePicker",
   setup(n) {
-    const e = oe(!1), t = oe(""), a = oe(""), o = Ve(), i = je(), r = Re(), s = xt(), l = In(), c = Zo(), d = Na(), { t: u } = He(), p = ie(
+    const e = ie(!1), t = ie(""), a = ie(""), o = Ve(), i = je(), r = Re(), s = xt(), l = In(), c = Zo(), d = Na(), { t: u } = He(), p = ae(
       () => i.state.allTemplates.filter(
         (h) => {
           var C;
@@ -5550,7 +5550,7 @@ const lr = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
     };
     function b(h) {
       e.value = !1;
-      const C = oe(!1), w = async () => {
+      const C = ie(!1), w = async () => {
         d.promise(
           async () => {
             C.value = !0, i.saveTemplate(
@@ -5621,7 +5621,7 @@ const lr = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
     }
     function v(h) {
       e.value = !1;
-      const C = oe(h.templateAlias), w = oe(!1), S = ie(
+      const C = ie(h.templateAlias), w = ie(!1), I = ae(
         () => C.value === h.templateAlias
       );
       c.open({
@@ -5629,7 +5629,7 @@ const lr = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
         primaryActions: {
           text: u("brand.template.picker.confirm"),
           close: !1,
-          disabled: S,
+          disabled: I,
           isLoading: w
         },
         secondaryActions: { text: u("brand.template.picker.cancel"), close: !0 },
@@ -5656,7 +5656,7 @@ const lr = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
     }
     function T(h) {
       e.value = !1;
-      const C = oe(!1);
+      const C = ie(!1);
       c.open({
         title: u("brand.template.picker.deleteTitle"),
         message: u("brand.template.picker.deleteMessage", {
@@ -5699,7 +5699,7 @@ const lr = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
       () => {
       }
     ), (h, C) => {
-      const w = J("FmIcon"), S = J("FmChip"), E = J("FmMenuDivider"), R = J("FmSearch"), U = J("FmMenuItem"), M = J("FmPopover");
+      const w = J("FmIcon"), I = J("FmChip"), E = J("FmMenuDivider"), R = J("FmSearch"), U = J("FmMenuItem"), M = J("FmPopover");
       return D(), te(M, {
         width: 300,
         "max-height": 400,
@@ -5710,10 +5710,10 @@ const lr = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
           var N, V;
           return [
             B("div", gr, [
-              (N = I(i).state.selectedTemplate) != null && N.isPublished && ![
-                I(i).state.activeTemplateId,
-                I(i).state.activeMemberTemplateId
-              ].includes(I(i).state.selectedTemplate.templateId) ? (D(), te(S, {
+              (N = S(i).state.selectedTemplate) != null && N.isPublished && ![
+                S(i).state.activeTemplateId,
+                S(i).state.activeMemberTemplateId
+              ].includes(S(i).state.selectedTemplate.templateId) ? (D(), te(I, {
                 key: 0,
                 class: "bg-fm-color-system-success-100",
                 compact: ""
@@ -5727,13 +5727,13 @@ const lr = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
                 ]),
                 _: 1
               })) : q("", !0),
-              I(i).state.selectedTemplate && [
-                I(i).state.activeTemplateId,
-                I(i).state.activeMemberTemplateId
-              ].includes(I(i).state.selectedTemplate.templateId) ? (D(), te(S, {
+              S(i).state.selectedTemplate && [
+                S(i).state.activeTemplateId,
+                S(i).state.activeMemberTemplateId
+              ].includes(S(i).state.selectedTemplate.templateId) ? (D(), te(I, {
                 key: 1,
                 class: ye([{
-                  grayscale: !I(i).state.selectedTemplate.isPublished
+                  grayscale: !S(i).state.selectedTemplate.isPublished
                 }, "bg-fm-color-system-warning-100"]),
                 compact: ""
               }, {
@@ -5742,16 +5742,16 @@ const lr = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
                     size: "sm",
                     class: "text-fm-color-primary",
                     outline: "",
-                    name: I(i).state.selectedTemplate.templateId == I(i).state.activeTemplateId ? "home" : "account_circle"
+                    name: S(i).state.selectedTemplate.templateId == S(i).state.activeTemplateId ? "home" : "account_circle"
                   }, null, 8, ["name"])
                 ]),
                 _: 1
               }, 8, ["class"])) : q("", !0),
               B("p", {
                 class: ye({
-                  italic: !I(r).isSaved()
+                  italic: !S(r).isSaved()
                 })
-              }, pe((V = I(i).state.selectedTemplate) == null ? void 0 : V.templateAlias), 3),
+              }, pe((V = S(i).state.selectedTemplate) == null ? void 0 : V.templateAlias), 3),
               L(w, {
                 name: e.value ? "keyboard_arrow_up" : "keyboard_arrow_down"
               }, null, 8, ["name"])
@@ -5760,13 +5760,13 @@ const lr = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
         }),
         default: Z(() => [
           B("div", hr, [
-            I(i).state.selectedTemplate ? (D(), H(ke, { key: 0 }, [
+            S(i).state.selectedTemplate ? (D(), H(ke, { key: 0 }, [
               B("div", yr, [
                 B("div", vr, [
-                  I(i).state.selectedTemplate.isPublished && ![
-                    I(i).state.activeTemplateId,
-                    I(i).state.activeMemberTemplateId
-                  ].includes(I(i).state.selectedTemplate.templateId) ? (D(), te(S, {
+                  S(i).state.selectedTemplate.isPublished && ![
+                    S(i).state.activeTemplateId,
+                    S(i).state.activeMemberTemplateId
+                  ].includes(S(i).state.selectedTemplate.templateId) ? (D(), te(I, {
                     key: 0,
                     class: "bg-fm-color-system-success-100",
                     compact: ""
@@ -5781,12 +5781,12 @@ const lr = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
                     _: 1
                   })) : q("", !0),
                   [
-                    I(i).state.activeTemplateId,
-                    I(i).state.activeMemberTemplateId
-                  ].includes(I(i).state.selectedTemplate.templateId) ? (D(), te(S, {
+                    S(i).state.activeTemplateId,
+                    S(i).state.activeMemberTemplateId
+                  ].includes(S(i).state.selectedTemplate.templateId) ? (D(), te(I, {
                     key: 1,
                     class: ye([{
-                      grayscale: !I(i).state.selectedTemplate.isPublished
+                      grayscale: !S(i).state.selectedTemplate.isPublished
                     }, "bg-fm-color-system-warning-100"]),
                     compact: ""
                   }, {
@@ -5795,25 +5795,25 @@ const lr = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
                         size: "sm",
                         class: "text-fm-color-primary",
                         outline: "",
-                        name: I(i).state.selectedTemplate.templateId == I(i).state.activeTemplateId ? "home" : "account_circle"
+                        name: S(i).state.selectedTemplate.templateId == S(i).state.activeTemplateId ? "home" : "account_circle"
                       }, null, 8, ["name"])
                     ]),
                     _: 1
                   }, 8, ["class"])) : q("", !0),
-                  B("span", xr, pe(I(i).state.selectedTemplate.templateAlias), 1)
+                  B("span", xr, pe(S(i).state.selectedTemplate.templateAlias), 1)
                 ]),
                 B("div", Tr, [
                   L(w, {
                     name: "edit",
                     outline: "",
                     class: "text-fm-color-neutral-black cursor-pointer",
-                    onClick: C[0] || (C[0] = (N) => v(I(i).state.selectedTemplate))
+                    onClick: C[0] || (C[0] = (N) => v(S(i).state.selectedTemplate))
                   }),
                   L(w, {
                     outline: "",
                     name: "delete",
                     class: "text-fm-color-system-error-300 cursor-pointer",
-                    onClick: C[1] || (C[1] = (N) => T(I(i).state.selectedTemplate))
+                    onClick: C[1] || (C[1] = (N) => T(S(i).state.selectedTemplate))
                   })
                 ])
               ]),
@@ -5823,7 +5823,7 @@ const lr = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
               "model-value": t.value,
               "onUpdate:modelValue": C[2] || (C[2] = (N) => t.value = N),
               class: "p-4",
-              placeholder: I(u)("brand.template.picker.search")
+              placeholder: S(u)("brand.template.picker.search")
             }, null, 8, ["model-value", "placeholder"]),
             B("div", Cr, [
               (D(!0), H(ke, null, ht(p.value, (N, V) => {
@@ -5833,7 +5833,7 @@ const lr = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
                 }, [
                   L(U, {
                     label: N.templateAlias,
-                    "model-value": N.templateId === ((K = I(i).state.selectedTemplate) == null ? void 0 : K.templateId),
+                    "model-value": N.templateId === ((K = S(i).state.selectedTemplate) == null ? void 0 : K.templateId),
                     onClick: (G) => g(N),
                     onMouseover: (G) => _(N.templateId),
                     onMouseout: y,
@@ -5841,9 +5841,9 @@ const lr = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
                   }, {
                     prepend: Z(() => [
                       N.isPublished && ![
-                        I(i).state.activeTemplateId,
-                        I(i).state.activeMemberTemplateId
-                      ].includes(N.templateId) ? (D(), te(S, {
+                        S(i).state.activeTemplateId,
+                        S(i).state.activeMemberTemplateId
+                      ].includes(N.templateId) ? (D(), te(I, {
                         key: 0,
                         class: "bg-fm-color-system-success-100",
                         compact: ""
@@ -5859,9 +5859,9 @@ const lr = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
                         _: 1
                       })) : q("", !0),
                       [
-                        I(i).state.activeTemplateId,
-                        I(i).state.activeMemberTemplateId
-                      ].includes(N.templateId) ? (D(), te(S, {
+                        S(i).state.activeTemplateId,
+                        S(i).state.activeMemberTemplateId
+                      ].includes(N.templateId) ? (D(), te(I, {
                         key: 1,
                         class: ye(["bg-fm-color-system-warning-100", {
                           grayscale: !N.isPublished
@@ -5872,7 +5872,7 @@ const lr = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
                           L(w, {
                             color: "primary",
                             class: "text-fm-color-primary",
-                            name: N.templateId == I(i).state.activeTemplateId ? "home" : "account_circle",
+                            name: N.templateId == S(i).state.activeTemplateId ? "home" : "account_circle",
                             size: "sm",
                             outline: ""
                           }, null, 8, ["name"])
@@ -5896,7 +5896,7 @@ const lr = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
                         }, null, 8, ["onClick"]), [
                           [
                             ea,
-                            p.value.length > 1 && N.templateId !== I(i).state.activeTemplateId
+                            p.value.length > 1 && N.templateId !== S(i).state.activeTemplateId
                           ]
                         ])
                       ], 512), [
@@ -5914,7 +5914,7 @@ const lr = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
             ]),
             Qt(L(U, {
               disabled: "",
-              label: I(u)("brand.template.picker.noTemplateFound")
+              label: S(u)("brand.template.picker.noTemplateFound")
             }, null, 8, ["label"]), [
               [ea, p.value.length === 0]
             ]),
@@ -5927,7 +5927,7 @@ const lr = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
                 })
               ]),
               label: Z(() => [
-                B("div", wr, pe(I(u)("brand.template.picker.addNewTemplate")), 1)
+                B("div", wr, pe(S(u)("brand.template.picker.addNewTemplate")), 1)
               ]),
               _: 1
             }),
@@ -5941,7 +5941,7 @@ const lr = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
                 })
               ]),
               label: Z(() => [
-                B("div", Ir, pe(I(u)("brand.template.picker.addMemberTemplate")), 1)
+                B("div", Ir, pe(S(u)("brand.template.picker.addMemberTemplate")), 1)
               ]),
               _: 1
             })
@@ -5954,7 +5954,7 @@ const lr = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
 }), Er = { class: "w-[280px]" }, Lr = { class: "fm-typo-en-body-sm-600 text-fm-color-typo-secondary py-4 px-8" }, Ar = /* @__PURE__ */ fe({
   __name: "TemplateShareMenu",
   setup(n) {
-    const e = oe(!1), t = Re(), a = Fa(), o = je(), i = Ve(), r = Na(), { t: s } = He(), { namespace: l } = Ve(), c = [
+    const e = ie(!1), t = Re(), a = Fa(), o = je(), i = Ve(), r = Na(), { t: s } = He(), { namespace: l } = Ve(), c = [
       "6620bdb2823d92001b3a966f",
       "5dc8df2eb3de6a0021295d8f",
       "5d9b00862cb0c4002146e69a",
@@ -5987,7 +5987,7 @@ const lr = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
       "678f134f13a27b001c72b1e7",
       "5f76a6ffcd6730001b320816",
       "67ff36e8b11f39001c012541"
-    ], d = ie(() => l.value === "dev" || a.state.isPremium || c.includes(i.currentBusiness.value._id));
+    ], d = ae(() => l.value === "dev" || a.state.isPremium || c.includes(i.currentBusiness.value._id));
     function u(y, v) {
       return !y || !d.value ? !1 : (!y.group || y.group == "default") && v == "home" ? y.isPublished && o.state.activeTemplateId !== y.templateId : y.group == "member" && v == "member" ? y.isPublished && o.state.activeMemberTemplateId !== y.templateId : !1;
     }
@@ -5998,8 +5998,8 @@ const lr = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
       if (v == "member")
         return y.isPublished ? o.state.activeMemberTemplateId === y.templateId ? s("brand.template.shareMenu.thisTemplateSetAsMemberHomepage") : "" : s("brand.template.shareMenu.templateNotPublished");
     }
-    const m = ie(() => {
-      var y, v, T, h, C, w, S, E;
+    const m = ae(() => {
+      var y, v, T, h, C, w, I, E;
       return [
         {
           label: s("brand.template.shareMenu.saveAndPublish"),
@@ -6052,7 +6052,7 @@ const lr = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
           action: () => {
             g();
           },
-          disabled: !((S = o.state.selectedTemplate) != null && S.isPublished) || !((E = o.state.selectedTemplate) != null && E.templateId.startsWith("member-"))
+          disabled: !((I = o.state.selectedTemplate) != null && I.isPublished) || !((E = o.state.selectedTemplate) != null && E.templateId.startsWith("member-"))
         }
       ];
     });
@@ -6103,20 +6103,20 @@ const lr = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
       const T = J("FmButton"), h = J("FmMenuDivider"), C = J("FmMenuItem"), w = J("FmMenu");
       return D(), te(w, {
         placement: "bottom-end",
-        onMenuChanged: v[0] || (v[0] = (S) => e.value = S)
+        onMenuChanged: v[0] || (v[0] = (I) => e.value = I)
       }, {
         "menu-button": Z(() => [
           L(T, {
             "prepend-icon": "publish",
             "append-icon": e.value ? "keyboard_arrow_up" : "keyboard_arrow_down",
-            label: I(s)("brand.template.shareMenu.share")
+            label: S(s)("brand.template.shareMenu.share")
           }, null, 8, ["append-icon", "label"])
         ]),
         default: Z(() => {
-          var S;
+          var I;
           return [
             B("div", Er, [
-              B("div", Lr, pe(I(s)("brand.template.shareMenu.publishThisTemplate")), 1),
+              B("div", Lr, pe(S(s)("brand.template.shareMenu.publishThisTemplate")), 1),
               (D(!0), H(ke, null, ht(m.value, (E) => (D(), H(ke, null, [
                 L(h, {
                   inset: "",
@@ -6158,7 +6158,7 @@ const lr = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
                 class: "!mx-4"
               }),
               L(C, {
-                disabled: !((S = I(o).state.selectedTemplate) != null && S.isPublished),
+                disabled: !((I = S(o).state.selectedTemplate) != null && I.isPublished),
                 onClick: _
               }, {
                 label: Z(() => {
@@ -6167,9 +6167,9 @@ const lr = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
                     B("div", {
                       class: ye([
                         "fm-typo-en-body-md-400 max-w-[240px]",
-                        (E = I(o).state.selectedTemplate) != null && E.isPublished ? "text-fm-color-typo-error" : "text-fm-color-typo-disabled"
+                        (E = S(o).state.selectedTemplate) != null && E.isPublished ? "text-fm-color-typo-error" : "text-fm-color-typo-disabled"
                       ])
-                    }, pe(I(s)("brand.template.shareMenu.unpublish")), 3)
+                    }, pe(S(s)("brand.template.shareMenu.unpublish")), 3)
                   ];
                 }),
                 _: 1
@@ -7255,13 +7255,13 @@ var Xr = lo.exports;
   function u(y) {
     const v = d(r.NUMERIC, e.NUMERIC, y), T = d(r.ALPHANUMERIC, e.ALPHANUMERIC, y);
     let h, C;
-    return s.isKanjiModeEnabled() ? (h = d(r.BYTE, e.BYTE, y), C = d(r.KANJI, e.KANJI, y)) : (h = d(r.BYTE_KANJI, e.BYTE, y), C = []), v.concat(T, h, C).sort(function(S, E) {
-      return S.index - E.index;
-    }).map(function(S) {
+    return s.isKanjiModeEnabled() ? (h = d(r.BYTE, e.BYTE, y), C = d(r.KANJI, e.KANJI, y)) : (h = d(r.BYTE_KANJI, e.BYTE, y), C = []), v.concat(T, h, C).sort(function(I, E) {
+      return I.index - E.index;
+    }).map(function(I) {
       return {
-        data: S.data,
-        mode: S.mode,
-        length: S.length
+        data: I.data,
+        mode: I.mode,
+        length: I.length
       };
     });
   }
@@ -7319,9 +7319,9 @@ var Xr = lo.exports;
     const T = {}, h = { start: {} };
     let C = ["start"];
     for (let w = 0; w < y.length; w++) {
-      const S = y[w], E = [];
-      for (let R = 0; R < S.length; R++) {
-        const U = S[R], M = "" + w + R;
+      const I = y[w], E = [];
+      for (let R = 0; R < I.length; R++) {
+        const U = I[R], M = "" + w + R;
         E.push(M), T[M] = { node: U, lastCount: 0 }, h[M] = {};
         for (let N = 0; N < C.length; N++) {
           const V = C[N];
@@ -7356,9 +7356,9 @@ var Xr = lo.exports;
       return typeof h == "string" ? T.push(_(h, null)) : h.data && T.push(_(h.data, h.mode)), T;
     }, []);
   }, n.fromString = function(v, T) {
-    const h = u(v, s.isKanjiModeEnabled()), C = b(h), w = g(C, T), S = l.find_path(w.map, "start", "end"), E = [];
-    for (let R = 1; R < S.length - 1; R++)
-      E.push(w.table[S[R]].node);
+    const h = u(v, s.isKanjiModeEnabled()), C = b(h), w = g(C, T), I = l.find_path(w.map, "start", "end"), E = [];
+    for (let R = 1; R < I.length - 1; R++)
+      E.push(w.table[I[R]].node);
     return n.fromArray(m(E));
   }, n.rawSplit = function(v) {
     return n.fromArray(
@@ -7441,9 +7441,9 @@ function us(n, e, t) {
   const g = new Array(r), _ = new Array(r);
   let y = 0;
   const v = new Uint8Array(n.buffer);
-  for (let S = 0; S < r; S++) {
-    const E = S < l ? d : u;
-    g[S] = v.slice(b, b + E), _[S] = m.encode(g[S]), b += E, y = Math.max(y, E);
+  for (let I = 0; I < r; I++) {
+    const E = I < l ? d : u;
+    g[I] = v.slice(b, b + E), _[I] = m.encode(g[I]), b += E, y = Math.max(y, E);
   }
   const T = new Uint8Array(a);
   let h = 0, C, w;
@@ -7634,7 +7634,7 @@ Tt.toString = Ua.bind(null, function(n, e, t) {
 const hs = { class: "flex items-center justify-center" }, ys = { class: "w-full flex gap-8 justify-end items-center" }, vs = /* @__PURE__ */ fe({
   __name: "PreviewQrCode",
   setup(n) {
-    const e = oe(), t = Ve(), a = je(), { t: o } = He(), i = oe(!1), r = ie(() => `${`${"https://{slug}.feedmedev.vip".replace("{slug}", `${t.currentBusiness.value.url ?? t.currentBusiness.value._id}`)}`}/preview/${a.state.selectedTemplate.templateId}`);
+    const e = ie(), t = Ve(), a = je(), { t: o } = He(), i = ie(!1), r = ae(() => `${`${"https://{slug}.feedmedev.vip".replace("{slug}", `${t.currentBusiness.value.url ?? t.currentBusiness.value._id}`)}`}/preview/${a.state.selectedTemplate.templateId}`);
     function s() {
       jo.promise(navigator.clipboard.writeText(r.value), {
         loading: o("brand.template.shareMenu.copying"),
@@ -7667,7 +7667,7 @@ const hs = { class: "flex items-center justify-center" }, ys = { class: "w-full
         "dialog-button": Z(() => [
           L(u, {
             placement: "bottom",
-            content: I(o)("brand.template.shareMenu.maintenanceTooltip")
+            content: S(o)("brand.template.shareMenu.maintenanceTooltip")
           }, {
             default: Z(() => [
               L(d, {
@@ -7680,7 +7680,7 @@ const hs = { class: "flex items-center justify-center" }, ys = { class: "w-full
           }, 8, ["content"])
         ]),
         "dialog-header": Z(() => [
-          Co(pe(I(o)("brand.template.shareMenu.share")), 1)
+          Co(pe(S(o)("brand.template.shareMenu.share")), 1)
         ]),
         default: Z(() => [
           B("div", hs, [
@@ -7694,11 +7694,11 @@ const hs = { class: "flex items-center justify-center" }, ys = { class: "w-full
           B("div", ys, [
             L(d, {
               variant: "secondary",
-              label: I(o)("brand.common.cancel"),
+              label: S(o)("brand.common.cancel"),
               onClick: c[0] || (c[0] = (m) => i.value = !1)
             }, null, 8, ["label"]),
             L(d, {
-              label: I(o)("brand.template.shareMenu.copyPublicLinkView"),
+              label: S(o)("brand.template.shareMenu.copyPublicLinkView"),
               onClick: s
             }, null, 8, ["label"])
           ])
@@ -7747,7 +7747,7 @@ const hs = { class: "flex items-center justify-center" }, ys = { class: "w-full
             variant: "tertiary",
             "prepend-icon": "save",
             onClick: s,
-            disabled: I(e).isSaved()
+            disabled: S(e).isSaved()
           }, null, 8, ["disabled"]),
           L(Ar)
         ])
@@ -7803,15 +7803,15 @@ const ws = { class: "relative h-full min-w-[500px] flex-1 bg-fm-color-neutral-gr
 }, As = /* @__PURE__ */ fe({
   __name: "Editor",
   setup(n) {
-    const e = Re(), t = Ve(), a = Fa(), o = ie({
+    const e = Re(), t = Ve(), a = Fa(), o = ae({
       get() {
         return e.state.node[0].children;
       },
       set(l) {
         e.setNodeList(l);
       }
-    }), i = ie(() => e.state.node[0]), r = ie(() => e.state.selectedNode);
-    oe(!1);
+    }), i = ae(() => e.state.node[0]), r = ae(() => e.state.selectedNode);
+    ie(!1);
     function s(l) {
       e.setCurrentNode(l);
     }
@@ -7868,7 +7868,7 @@ const ws = { class: "relative h-full min-w-[500px] flex-1 bg-fm-color-neutral-gr
                     title: "Member",
                     className: "block"
                   })) : q("", !0),
-                  L(I(zn), {
+                  L(S(zn), {
                     class: ye(["w-full h-full flex flex-col gap-16", { "min-h-[600px]": i.value.type == "Homepage" }]),
                     modelValue: o.value,
                     "onUpdate:modelValue": c[0] || (c[0] = (g) => o.value = g),
@@ -8278,9 +8278,9 @@ class zt extends qt {
     let p = u == null ? void 0 : u.res;
     const m = (u == null ? void 0 : u.usedKey) || r, b = (u == null ? void 0 : u.exactUsedKey) || r, g = ["[object Number]", "[object Function]", "[object RegExp]"], _ = t.joinArrays !== void 0 ? t.joinArrays : this.options.joinArrays, y = !this.i18nFormat || this.i18nFormat.handleAsObject, v = t.count !== void 0 && !F(t.count), T = zt.hasDefaultValue(t), h = v ? this.pluralResolver.getSuffix(c, t.count, t) : "", C = t.ordinal && v ? this.pluralResolver.getSuffix(c, t.count, {
       ordinal: !1
-    }) : "", w = v && !t.ordinal && t.count === 0, S = w && t[`defaultValue${this.options.pluralSeparator}zero`] || t[`defaultValue${h}`] || t[`defaultValue${C}`] || t.defaultValue;
+    }) : "", w = v && !t.ordinal && t.count === 0, I = w && t[`defaultValue${this.options.pluralSeparator}zero`] || t[`defaultValue${h}`] || t[`defaultValue${C}`] || t.defaultValue;
     let E = p;
-    y && !p && T && (E = S);
+    y && !p && T && (E = I);
     const R = bn(E), U = Object.prototype.toString.apply(E);
     if (y && E && R && g.indexOf(U) < 0 && !(F(_) && Array.isArray(E))) {
       if (!t.returnObjects && !this.options.returnObjects) {
@@ -8298,7 +8298,7 @@ class zt extends qt {
             const G = `${V}${i}${K}`;
             T && !p ? N[K] = this.translate(G, {
               ...t,
-              defaultValue: bn(S) ? S[K] : void 0,
+              defaultValue: bn(I) ? I[K] : void 0,
               joinArrays: !1,
               ns: s
             }) : N[K] = this.translate(G, {
@@ -8313,33 +8313,33 @@ class zt extends qt {
       p = p.join(_), p && (p = this.extendTranslation(p, e, t, a));
     else {
       let M = !1, N = !1;
-      !this.isValidLookup(p) && T && (M = !0, p = S), this.isValidLookup(p) || (N = !0, p = r);
-      const K = (t.missingKeyNoValueFallbackToKey || this.options.missingKeyNoValueFallbackToKey) && N ? void 0 : p, G = T && S !== p && this.options.updateMissing;
+      !this.isValidLookup(p) && T && (M = !0, p = I), this.isValidLookup(p) || (N = !0, p = r);
+      const K = (t.missingKeyNoValueFallbackToKey || this.options.missingKeyNoValueFallbackToKey) && N ? void 0 : p, G = T && I !== p && this.options.updateMissing;
       if (N || M || G) {
-        if (this.logger.log(G ? "updateKey" : "missingKey", c, l, r, G ? S : p), i) {
-          const ae = this.resolve(r, {
+        if (this.logger.log(G ? "updateKey" : "missingKey", c, l, r, G ? I : p), i) {
+          const ne = this.resolve(r, {
             ...t,
             keySeparator: !1
           });
-          ae && ae.res && this.logger.warn("Seems the loaded translations were in flat JSON format instead of nested. Either set keySeparator: false on init or make sure your translations are published in nested format.");
+          ne && ne.res && this.logger.warn("Seems the loaded translations were in flat JSON format instead of nested. Either set keySeparator: false on init or make sure your translations are published in nested format.");
         }
         let se = [];
         const Ie = this.languageUtils.getFallbackCodes(this.options.fallbackLng, t.lng || this.language);
         if (this.options.saveMissingTo === "fallback" && Ie && Ie[0])
-          for (let ae = 0; ae < Ie.length; ae++)
-            se.push(Ie[ae]);
+          for (let ne = 0; ne < Ie.length; ne++)
+            se.push(Ie[ne]);
         else this.options.saveMissingTo === "all" ? se = this.languageUtils.toResolveHierarchy(t.lng || this.language) : se.push(t.lng || this.language);
-        const Ae = (ae, Oe, Ne) => {
+        const Ae = (ne, Oe, Ne) => {
           var Va;
           const _t = T && Ne !== p ? Ne : K;
-          this.options.missingKeyHandler ? this.options.missingKeyHandler(ae, l, Oe, _t, G, t) : (Va = this.backendConnector) != null && Va.saveMissing && this.backendConnector.saveMissing(ae, l, Oe, _t, G, t), this.emit("missingKey", ae, l, Oe, p);
+          this.options.missingKeyHandler ? this.options.missingKeyHandler(ne, l, Oe, _t, G, t) : (Va = this.backendConnector) != null && Va.saveMissing && this.backendConnector.saveMissing(ne, l, Oe, _t, G, t), this.emit("missingKey", ne, l, Oe, p);
         };
-        this.options.saveMissing && (this.options.saveMissingPlurals && v ? se.forEach((ae) => {
-          const Oe = this.pluralResolver.getSuffixes(ae, t);
+        this.options.saveMissing && (this.options.saveMissingPlurals && v ? se.forEach((ne) => {
+          const Oe = this.pluralResolver.getSuffixes(ne, t);
           w && t[`defaultValue${this.options.pluralSeparator}zero`] && Oe.indexOf(`${this.options.pluralSeparator}zero`) < 0 && Oe.push(`${this.options.pluralSeparator}zero`), Oe.forEach((Ne) => {
-            Ae([ae], r + Ne, t[`defaultValue${Ne}`] || S);
+            Ae([ne], r + Ne, t[`defaultValue${Ne}`] || I);
           });
-        }) : Ae(se, r, S));
+        }) : Ae(se, r, I));
       }
       p = this.extendTranslation(p, e, t, u, a), N && p === r && this.options.appendNamespaceToMissingKey && (p = `${l}:${r}`), (N || M) && this.options.parseMissingKeyHandler && (p = this.options.parseMissingKeyHandler(this.options.appendNamespaceToMissingKey ? `${l}:${r}` : r, M ? p : void 0, t));
     }
@@ -8411,12 +8411,12 @@ class zt extends qt {
           if ((w = this.i18nFormat) != null && w.addLookupKeys)
             this.i18nFormat.addLookupKeys(h, d, T, _, t);
           else {
-            let S;
-            p && (S = this.pluralResolver.getSuffix(T, t.count, t));
+            let I;
+            p && (I = this.pluralResolver.getSuffix(T, t.count, t));
             const E = `${this.options.pluralSeparator}zero`, R = `${this.options.pluralSeparator}ordinal${this.options.pluralSeparator}`;
-            if (p && (h.push(d + S), t.ordinal && S.indexOf(R) === 0 && h.push(d + S.replace(R, this.options.pluralSeparator)), m && h.push(d + E)), b) {
+            if (p && (h.push(d + I), t.ordinal && I.indexOf(R) === 0 && h.push(d + I.replace(R, this.options.pluralSeparator)), m && h.push(d + E)), b) {
               const U = `${d}${this.options.contextSeparator}${t.context}`;
-              h.push(U), p && (h.push(U + S), t.ordinal && S.indexOf(R) === 0 && h.push(U + S.replace(R, this.options.pluralSeparator)), m && h.push(U + E));
+              h.push(U), p && (h.push(U + I), t.ordinal && I.indexOf(R) === 0 && h.push(U + I.replace(R, this.options.pluralSeparator)), m && h.push(U + E));
             }
           }
           let C;
@@ -10853,7 +10853,7 @@ const Ws = [
   setup(n) {
     const { t: e } = He();
     return (t, a) => (D(), H("div", null, [
-      t.label ? (D(), H("div", pl, pe(I(e)(t.label)), 1)) : q("", !0),
+      t.label ? (D(), H("div", pl, pe(S(e)(t.label)), 1)) : q("", !0),
       B("div", fl, [
         Oa(t.$slots, "default")
       ])
@@ -10865,30 +10865,36 @@ const Ws = [
     title: {}
   },
   setup(n) {
-    const { t: e } = He(), t = oe([]), a = oe("");
+    const { t: e } = He(), t = ie([]), a = ie(""), o = n;
     Eo(go, {
-      register(i) {
-        t.value = [...t.value, i], t.value.length === 1 && (a.value = i.value);
+      register(s) {
+        t.value = [...t.value, s].map(
+          (l) => ({
+            ...l,
+            title: e(l.title)
+          })
+        ), t.value.length === 1 && (a.value = s.value);
       },
-      currentTab: ie(() => a.value)
+      currentTab: ae(() => a.value)
     });
-    function o(i) {
-      a.value = i;
+    const i = ae(() => e(o.title));
+    function r(s) {
+      a.value = s;
     }
-    return (i, r) => {
-      const s = J("FmTab");
+    return (s, l) => {
+      const c = J("FmTab");
       return D(), H("div", null, [
-        B("div", bl, pe(I(e)(i.title)), 1),
+        B("div", bl, pe(i.value), 1),
         L(wn),
         B("div", gl, [
-          (D(!0), H(ke, null, ht(t.value, (l) => (D(), te(s, {
+          (D(!0), H(ke, null, ht(t.value, (d) => (D(), te(c, {
             "model-value": a.value,
-            "onUpdate:modelValue": r[0] || (r[0] = (c) => o(c)),
-            label: I(e)(l.title),
-            value: l.value
+            "onUpdate:modelValue": l[0] || (l[0] = (u) => r(u)),
+            label: d.title,
+            value: d.value
           }, null, 8, ["model-value", "label", "value"]))), 256))
         ]),
-        Oa(i.$slots, "default")
+        Oa(s.$slots, "default")
       ]);
     };
   }
@@ -10904,7 +10910,7 @@ const Ws = [
       t ? t.register(e) : console.warn("ConfigTabItem is to be used with ConfigTab as parent");
     }), (a, o) => {
       var i;
-      return ((i = I(t)) == null ? void 0 : i.currentTab.value) === a.value ? (D(), H("div", yl, [
+      return ((i = S(t)) == null ? void 0 : i.currentTab.value) === a.value ? (D(), H("div", yl, [
         B("div", vl, [
           Oa(a.$slots, "default")
         ])
@@ -10914,11 +10920,11 @@ const Ws = [
 }), Tl = { class: "h-full flex-shrink-0 w-[308px] bg-fm-color-neutral-white border-l border-fm-color-neutral-gray-200 overflow-y-auto" }, Cl = /* @__PURE__ */ fe({
   __name: "Inspector",
   setup(n) {
-    const e = Re(), t = ie(() => e.state.selectedNode), a = ie(() => {
+    const e = Re(), t = ae(() => e.state.selectedNode), a = ae(() => {
       var c;
       const l = ((c = t.value) == null ? void 0 : c.type) ?? null;
       return l !== null ? ul[l] : [];
-    }), o = ie(() => {
+    }), o = ae(() => {
       var l;
       return (l = t.value) == null ? void 0 : l.props;
     }), i = Ao({
@@ -10956,7 +10962,7 @@ const Ws = [
       }
     }
     return (l, c) => (D(), H("div", Tl, [
-      t.value ? (D(), te(I(ko), {
+      t.value ? (D(), te(S(ko), {
         config: { rootClasses: s },
         type: "form",
         actions: !1,
@@ -10966,9 +10972,9 @@ const Ws = [
         preserve: ""
       }, {
         default: Z(() => [
-          L(I(Ro), {
+          L(S(Ro), {
             schema: a.value,
-            library: I(i)
+            library: S(i)
           }, null, 8, ["schema", "library"])
         ]),
         _: 1
@@ -10981,7 +10987,7 @@ const Ws = [
     templateId: {}
   },
   setup(n) {
-    const e = Ve(), t = Re(), a = je(), o = Fa(), i = In(), r = xt(), s = oe(!0);
+    const e = Ve(), t = Re(), a = je(), o = Fa(), i = In(), r = xt(), s = ie(!0);
     async function l() {
       var d, u;
       s.value = !0, e.currentBusiness.value && ((d = e.currentBusiness.value) != null && d._id && await a.getAllTemplates(e.currentBusiness.value._id), (u = e.currentBusiness.value) != null && u.url && await o.getGlobalSlug(e.currentBusiness.value.url), c());
@@ -11021,7 +11027,7 @@ const Ws = [
     ), (d, u) => {
       const p = J("FmCircularProgress"), m = J("FmOverlay");
       return D(), H("div", _l, [
-        L(I(Ho), {
+        L(S(Ho), {
           position: "top-right",
           "rich-colors": "",
           "close-button": "",