@feedmepos/mf-kitchen 1.0.4 → 1.0.5-beta.0

package/dist/{AdvanceModeView-4fbb592c.js → AdvanceModeView-bf31793f.js}

@@ -1,9 +1,9 @@
-import { defineComponent as ee, computed as L, toRefs as Go, unref as y, ref as j, reactive as Ho, h as jo, getCurrentInstance as Gt, watch as Ye, onUnmounted as Ko, onMounted as bo, nextTick as yo, isRef as It, openBlock as x, createElementBlock as W, normalizeStyle as ge, createElementVNode as V, toDisplayString as H, resolveComponent as J, createBlock as ye, resolveDynamicComponent as _o, markRaw as qo, mergeProps as Jo, createVNode as w, withCtx as be, Fragment as we, renderList as Se, normalizeClass as qt, createCommentVNode as Me, createTextVNode as Zo, onBeforeUnmount as Qo } from "vue";
-import { e as R, t as en, w as it, b as at, c as tn, d as on, Z as nn, F as pe, W as Pe, f as ln, K as lt, I as an, i as rn, g as Co, h as sn, j as dn, k as un, l as cn, u as mn, _ as pn, P as fn, r as Jt, m as Zt, a as gn, T as vn, n as Qt } from "./TemplateHeader-88f309d9.js";
-import { useI18n as me, useCoreStore as hn } from "@feedmepos/mf-common";
+import { defineComponent as ee, computed as P, toRefs as Go, unref as b, ref as j, reactive as Ho, h as jo, getCurrentInstance as Gt, watch as Ye, onUnmounted as Ko, onMounted as bo, nextTick as yo, isRef as Dt, openBlock as x, createElementBlock as W, normalizeStyle as ge, createElementVNode as k, toDisplayString as H, resolveComponent as K, createBlock as ye, resolveDynamicComponent as _o, markRaw as qo, mergeProps as Zo, createVNode as S, withCtx as be, Fragment as _e, renderList as Se, normalizeClass as qt, createCommentVNode as Ne, createTextVNode as Jo, onBeforeUnmount as Qo } from "vue";
+import { e as A, t as en, w as it, b as at, c as tn, d as on, Z as nn, F as pe, W as Le, f as ln, K as lt, I as an, i as rn, h as Co, j as sn, k as dn, l as un, m as cn, u as mn, _ as pn, P as fn, r as Zt, n as Jt, a as gn, T as hn, o as Qt, g as vn } from "./TemplateHeader-3a3b15b3.js";
+import { useI18n as me, useCoreStore as bn } from "@feedmepos/mf-common";
 import { useSnackbar as Eo } from "@feedmepos/ui-library";
-import { _ as St } from "./app-57cd590d.js";
-var bn = Object.defineProperty, yt = Object.getOwnPropertySymbols, To = Object.prototype.hasOwnProperty, wo = Object.prototype.propertyIsEnumerable, eo = (e, o, t) => o in e ? bn(e, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[o] = t, Ue = (e, o) => {
+import { _ as St } from "./app-70a6f50f.js";
+var yn = Object.defineProperty, yt = Object.getOwnPropertySymbols, To = Object.prototype.hasOwnProperty, wo = Object.prototype.propertyIsEnumerable, eo = (e, o, t) => o in e ? yn(e, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[o] = t, Ue = (e, o) => {
   for (var t in o || (o = {}))
     To.call(o, t) && eo(e, t, o[t]);
   if (yt)
@@ -20,20 +20,20 @@ var bn = Object.defineProperty, yt = Object.getOwnPropertySymbols, To = Object.p
   return t;
 };
 const Vo = "[vue-draggable-plus]: ";
-function yn(e) {
+function _n(e) {
   console.warn(Vo + e);
 }
-function _n(e) {
+function Cn(e) {
   console.error(Vo + e);
 }
 function to(e, o, t) {
   return t >= 0 && t < e.length && e.splice(t, 0, e.splice(o, 1)[0]), e;
 }
-function Cn(e) {
+function En(e) {
   return e.replace(/-(\w)/g, (o, t) => t ? t.toUpperCase() : "");
 }
-function En(e) {
-  return Object.keys(e).reduce((o, t) => (typeof e[t] < "u" && (o[Cn(t)] = e[t]), o), {});
+function Tn(e) {
+  return Object.keys(e).reduce((o, t) => (typeof e[t] < "u" && (o[En(t)] = e[t]), o), {});
 }
 function oo(e, o) {
   return Array.isArray(e) && e.splice(o, 1), e;
@@ -41,10 +41,10 @@ function oo(e, o) {
 function no(e, o, t) {
   return Array.isArray(e) && e.splice(o, 0, t), e;
 }
-function Tn(e) {
+function wn(e) {
   return typeof e > "u";
 }
-function wn(e) {
+function Sn(e) {
   return typeof e == "string";
 }
 function lo(e, o, t) {
@@ -54,23 +54,23 @@ function lo(e, o, t) {
 function Ft(e) {
   e.parentNode && e.parentNode.removeChild(e);
 }
-function Sn(e, o = document) {
+function Vn(e, o = document) {
   var t;
   let n = null;
-  return typeof (o == null ? void 0 : o.querySelector) == "function" ? n = (t = o == null ? void 0 : o.querySelector) == null ? void 0 : t.call(o, e) : n = document.querySelector(e), n || yn(`Element not found: ${e}`), n;
+  return typeof (o == null ? void 0 : o.querySelector) == "function" ? n = (t = o == null ? void 0 : o.querySelector) == null ? void 0 : t.call(o, e) : n = document.querySelector(e), n || _n(`Element not found: ${e}`), n;
 }
-function Vn(e, o, t = null) {
+function kn(e, o, t = null) {
   return function(...n) {
     return e.apply(t, n), o.apply(t, n);
   };
 }
-function kn(e, o) {
+function xn(e, o) {
   const t = Ue({}, e);
   return Object.keys(o).forEach((n) => {
-    t[n] ? t[n] = Vn(e[n], o[n]) : t[n] = o[n];
+    t[n] ? t[n] = kn(e[n], o[n]) : t[n] = o[n];
   }), t;
 }
-function xn(e) {
+function In(e) {
   return e instanceof HTMLElement;
 }
 function io(e, o) {
@@ -82,7 +82,7 @@ function Dn(e) {
   return e.charCodeAt(0) === 111 && e.charCodeAt(1) === 110 && // uppercase letter
   (e.charCodeAt(2) > 122 || e.charCodeAt(2) < 97);
 }
-const In = Object.assign;
+const Fn = Object.assign;
 /**!
  * Sortable 1.15.2
  * @author	RubaXa   <trash@rubaxa.org>
@@ -99,11 +99,11 @@ function ao(e, o) {
   }
   return t;
 }
-function Ce(e) {
+function Ee(e) {
   for (var o = 1; o < arguments.length; o++) {
     var t = arguments[o] != null ? arguments[o] : {};
     o % 2 ? ao(Object(t), !0).forEach(function(n) {
-      Fn(e, n, t[n]);
+      On(e, n, t[n]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ao(Object(t)).forEach(function(n) {
       Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(t, n));
     });
@@ -118,7 +118,7 @@ function ft(e) {
     return o && typeof Symbol == "function" && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
   }, ft(e);
 }
-function Fn(e, o, t) {
+function On(e, o, t) {
   return o in e ? Object.defineProperty(e, o, {
     value: t,
     enumerable: !0,
@@ -136,7 +136,7 @@ function ke() {
     return e;
   }, ke.apply(this, arguments);
 }
-function On(e, o) {
+function An(e, o) {
   if (e == null)
     return {};
   var t = {}, n = Object.keys(e), l, a;
@@ -147,7 +147,7 @@ function On(e, o) {
 function Rn(e, o) {
   if (e == null)
     return {};
-  var t = On(e, o), n, l;
+  var t = An(e, o), n, l;
   if (Object.getOwnPropertySymbols) {
     var a = Object.getOwnPropertySymbols(e);
     for (l = 0; l < a.length; l++)
@@ -155,20 +155,20 @@ function Rn(e, o) {
   }
   return t;
 }
-var An = "1.15.2";
+var Wn = "1.15.2";
 function Ve(e) {
   if (typeof window < "u" && window.navigator)
     return !!/* @__PURE__ */ navigator.userAgent.match(e);
 }
-var xe = Ve(/(?:Trident.*rv[ :]?11\.|msie|iemobile|Windows Phone)/i), rt = Ve(/Edge/i), ro = Ve(/firefox/i), Ze = Ve(/safari/i) && !Ve(/chrome/i) && !Ve(/android/i), ko = Ve(/iP(ad|od|hone)/i), xo = Ve(/chrome/i) && Ve(/android/i), Do = {
+var xe = Ve(/(?:Trident.*rv[ :]?11\.|msie|iemobile|Windows Phone)/i), rt = Ve(/Edge/i), ro = Ve(/firefox/i), Je = Ve(/safari/i) && !Ve(/chrome/i) && !Ve(/android/i), ko = Ve(/iP(ad|od|hone)/i), xo = Ve(/chrome/i) && Ve(/android/i), Io = {
   capture: !1,
   passive: !1
 };
-function z(e, o, t) {
-  e.addEventListener(o, t, !xe && Do);
-}
 function X(e, o, t) {
-  e.removeEventListener(o, t, !xe && Do);
+  e.addEventListener(o, t, !xe && Io);
+}
+function U(e, o, t) {
+  e.removeEventListener(o, t, !xe && Io);
 }
 function _t(e, o) {
   if (o) {
@@ -186,10 +186,10 @@ function _t(e, o) {
     return !1;
   }
 }
-function Wn(e) {
+function Nn(e) {
   return e.host && e !== document && e.host.nodeType ? e.host : e.parentNode;
 }
-function he(e, o, t, n) {
+function ve(e, o, t, n) {
   if (e) {
     t = t || document;
     do {
@@ -197,7 +197,7 @@ function he(e, o, t, n) {
         return e;
       if (e === t)
         break;
-    } while (e = Wn(e));
+    } while (e = Nn(e));
   }
   return null;
 }
@@ -211,7 +211,7 @@ function de(e, o, t) {
       e.className = (n + (t ? " " + o : "")).replace(so, " ");
     }
 }
-function F(e, o, t) {
+function D(e, o, t) {
   var n = e && e.style;
   if (n) {
     if (t === void 0)
@@ -225,13 +225,13 @@ function ze(e, o) {
     t = e;
   else
     do {
-      var n = F(e, "transform");
+      var n = D(e, "transform");
       n && n !== "none" && (t = n + " " + t);
     } while (!o && (e = e.parentNode));
   var l = window.DOMMatrix || window.WebKitCSSMatrix || window.CSSMatrix || window.MSCSSMatrix;
   return l && new l(t);
 }
-function Io(e, o, t) {
+function Do(e, o, t) {
   if (e) {
     var n = e.getElementsByTagName(o), l = 0, a = n.length;
     if (t)
@@ -241,31 +241,31 @@ function Io(e, o, t) {
   }
   return [];
 }
-function _e() {
+function Ce() {
   var e = document.scrollingElement;
   return e || document.documentElement;
 }
 function oe(e, o, t, n, l) {
   if (!(!e.getBoundingClientRect && e !== window)) {
-    var a, i, s, r, d, u, c;
-    if (e !== window && e.parentNode && e !== _e() ? (a = e.getBoundingClientRect(), i = a.top, s = a.left, r = a.bottom, d = a.right, u = a.height, c = a.width) : (i = 0, s = 0, r = window.innerHeight, d = window.innerWidth, u = window.innerHeight, c = window.innerWidth), (o || t) && e !== window && (l = l || e.parentNode, !xe))
+    var a, i, s, r, d, u, m;
+    if (e !== window && e.parentNode && e !== Ce() ? (a = e.getBoundingClientRect(), i = a.top, s = a.left, r = a.bottom, d = a.right, u = a.height, m = a.width) : (i = 0, s = 0, r = window.innerHeight, d = window.innerWidth, u = window.innerHeight, m = window.innerWidth), (o || t) && e !== window && (l = l || e.parentNode, !xe))
       do
-        if (l && l.getBoundingClientRect && (F(l, "transform") !== "none" || t && F(l, "position") !== "static")) {
+        if (l && l.getBoundingClientRect && (D(l, "transform") !== "none" || t && D(l, "position") !== "static")) {
           var p = l.getBoundingClientRect();
-          i -= p.top + parseInt(F(l, "border-top-width")), s -= p.left + parseInt(F(l, "border-left-width")), r = i + a.height, d = s + a.width;
+          i -= p.top + parseInt(D(l, "border-top-width")), s -= p.left + parseInt(D(l, "border-left-width")), r = i + a.height, d = s + a.width;
           break;
         }
       while (l = l.parentNode);
     if (n && e !== window) {
-      var f = ze(l || e), E = f && f.a, S = f && f.d;
-      f && (i /= S, s /= E, c /= E, u /= S, r = i + u, d = s + c);
+      var f = ze(l || e), O = f && f.a, C = f && f.d;
+      f && (i /= C, s /= O, m /= O, u /= C, r = i + u, d = s + m);
     }
     return {
       top: i,
       left: s,
       bottom: r,
       right: d,
-      width: c,
+      width: m,
       height: u
     };
   }
@@ -275,7 +275,7 @@ function uo(e, o, t) {
     var a = oe(n)[t], i = void 0;
     if (i = l >= a, !i)
       return n;
-    if (n === _e())
+    if (n === Ce())
       break;
     n = Oe(n, !1);
   }
@@ -283,7 +283,7 @@ function uo(e, o, t) {
 }
 function Ge(e, o, t, n) {
   for (var l = 0, a = 0, i = e.children; a < i.length; ) {
-    if (i[a].style.display !== "none" && i[a] !== O.ghost && (n || i[a] !== O.dragged) && he(i[a], t.draggable, e, !1)) {
+    if (i[a].style.display !== "none" && i[a] !== F.ghost && (n || i[a] !== F.dragged) && ve(i[a], t.draggable, e, !1)) {
       if (l === o)
         return i[a];
       l++;
@@ -293,7 +293,7 @@ function Ge(e, o, t, n) {
   return null;
 }
 function Ht(e, o) {
-  for (var t = e.lastElementChild; t && (t === O.ghost || F(t, "display") === "none" || o && !_t(t, o)); )
+  for (var t = e.lastElementChild; t && (t === F.ghost || D(t, "display") === "none" || o && !_t(t, o)); )
     t = t.previousElementSibling;
   return t || null;
 }
@@ -302,11 +302,11 @@ function fe(e, o) {
   if (!e || !e.parentNode)
     return -1;
   for (; e = e.previousElementSibling; )
-    e.nodeName.toUpperCase() !== "TEMPLATE" && e !== O.clone && (!o || _t(e, o)) && t++;
+    e.nodeName.toUpperCase() !== "TEMPLATE" && e !== F.clone && (!o || _t(e, o)) && t++;
   return t;
 }
 function co(e) {
-  var o = 0, t = 0, n = _e();
+  var o = 0, t = 0, n = Ce();
   if (e)
     do {
       var l = ze(e), a = l.a, i = l.d;
@@ -314,7 +314,7 @@ function co(e) {
     } while (e !== n && (e = e.parentNode));
   return [o, t];
 }
-function Nn(e, o) {
+function Pn(e, o) {
   for (var t in e)
     if (e.hasOwnProperty(t)) {
       for (var n in o)
@@ -325,23 +325,23 @@ function Nn(e, o) {
 }
 function Oe(e, o) {
   if (!e || !e.getBoundingClientRect)
-    return _e();
+    return Ce();
   var t = e, n = !1;
   do
     if (t.clientWidth < t.scrollWidth || t.clientHeight < t.scrollHeight) {
-      var l = F(t);
+      var l = D(t);
       if (t.clientWidth < t.scrollWidth && (l.overflowX == "auto" || l.overflowX == "scroll") || t.clientHeight < t.scrollHeight && (l.overflowY == "auto" || l.overflowY == "scroll")) {
         if (!t.getBoundingClientRect || t === document.body)
-          return _e();
+          return Ce();
         if (n || o)
           return t;
         n = !0;
       }
     }
   while (t = t.parentNode);
-  return _e();
+  return Ce();
 }
-function Pn(e, o) {
+function Ln(e, o) {
   if (e && o)
     for (var t in o)
       o.hasOwnProperty(t) && (e[t] = o[t]);
@@ -361,40 +361,40 @@ function Fo(e, o) {
     }
   };
 }
-function Ln() {
+function $n() {
   clearTimeout(Qe), Qe = void 0;
 }
 function Oo(e, o, t) {
   e.scrollLeft += o, e.scrollTop += t;
 }
-function Ro(e) {
+function Ao(e) {
   var o = window.Polymer, t = window.jQuery || window.Zepto;
   return o && o.dom ? o.dom(e).cloneNode(!0) : t ? t(e).clone(!0)[0] : e.cloneNode(!0);
 }
-function Ao(e, o, t) {
+function Ro(e, o, t) {
   var n = {};
   return Array.from(e.children).forEach(function(l) {
     var a, i, s, r;
-    if (!(!he(l, o.draggable, e, !1) || l.animated || l === t)) {
+    if (!(!ve(l, o.draggable, e, !1) || l.animated || l === t)) {
       var d = oe(l);
       n.left = Math.min((a = n.left) !== null && a !== void 0 ? a : 1 / 0, d.left), n.top = Math.min((i = n.top) !== null && i !== void 0 ? i : 1 / 0, d.top), n.right = Math.max((s = n.right) !== null && s !== void 0 ? s : -1 / 0, d.right), n.bottom = Math.max((r = n.bottom) !== null && r !== void 0 ? r : -1 / 0, d.bottom);
     }
   }), n.width = n.right - n.left, n.height = n.bottom - n.top, n.x = n.left, n.y = n.top, n;
 }
 var ce = "Sortable" + (/* @__PURE__ */ new Date()).getTime();
-function $n() {
+function Bn() {
   var e = [], o;
   return {
     captureAnimationState: function() {
       if (e = [], !!this.options.animation) {
         var t = [].slice.call(this.el.children);
         t.forEach(function(n) {
-          if (!(F(n, "display") === "none" || n === O.ghost)) {
+          if (!(D(n, "display") === "none" || n === F.ghost)) {
             e.push({
               target: n,
               rect: oe(n)
             });
-            var l = Ce({}, e[e.length - 1].rect);
+            var l = Ee({}, e[e.length - 1].rect);
             if (n.thisAnimationDuration) {
               var a = ze(n, !0);
               a && (l.top -= a.f, l.left -= a.e);
@@ -408,7 +408,7 @@ function $n() {
       e.push(t);
     },
     removeAnimationState: function(t) {
-      e.splice(Nn(e, {
+      e.splice(Pn(e, {
         target: t
       }), 1);
     },
@@ -420,9 +420,9 @@ function $n() {
       }
       var l = !1, a = 0;
       e.forEach(function(i) {
-        var s = 0, r = i.target, d = r.fromRect, u = oe(r), c = r.prevFromRect, p = r.prevToRect, f = i.rect, E = ze(r, !0);
-        E && (u.top -= E.f, u.left -= E.e), r.toRect = u, r.thisAnimationDuration && Ot(c, u) && !Ot(d, u) && // Make sure animatingRect is on line between toRect & fromRect
-        (f.top - u.top) / (f.left - u.left) === (d.top - u.top) / (d.left - u.left) && (s = Mn(f, c, p, n.options)), Ot(u, d) || (r.prevFromRect = d, r.prevToRect = u, s || (s = n.options.animation), n.animate(r, f, u, s)), s && (l = !0, a = Math.max(a, s), clearTimeout(r.animationResetTimer), r.animationResetTimer = setTimeout(function() {
+        var s = 0, r = i.target, d = r.fromRect, u = oe(r), m = r.prevFromRect, p = r.prevToRect, f = i.rect, O = ze(r, !0);
+        O && (u.top -= O.f, u.left -= O.e), r.toRect = u, r.thisAnimationDuration && Ot(m, u) && !Ot(d, u) && // Make sure animatingRect is on line between toRect & fromRect
+        (f.top - u.top) / (f.left - u.left) === (d.top - u.top) / (d.left - u.left) && (s = Un(f, m, p, n.options)), Ot(u, d) || (r.prevFromRect = d, r.prevToRect = u, s || (s = n.options.animation), n.animate(r, f, u, s)), s && (l = !0, a = Math.max(a, s), clearTimeout(r.animationResetTimer), r.animationResetTimer = setTimeout(function() {
           r.animationTime = 0, r.prevFromRect = null, r.fromRect = null, r.prevToRect = null, r.thisAnimationDuration = null;
         }, s), r.thisAnimationDuration = s);
       }), clearTimeout(o), l ? o = setTimeout(function() {
@@ -431,31 +431,31 @@ function $n() {
     },
     animate: function(t, n, l, a) {
       if (a) {
-        F(t, "transition", ""), F(t, "transform", "");
+        D(t, "transition", ""), D(t, "transform", "");
         var i = ze(this.el), s = i && i.a, r = i && i.d, d = (n.left - l.left) / (s || 1), u = (n.top - l.top) / (r || 1);
-        t.animatingX = !!d, t.animatingY = !!u, F(t, "transform", "translate3d(" + d + "px," + u + "px,0)"), this.forRepaintDummy = Bn(t), F(t, "transition", "transform " + a + "ms" + (this.options.easing ? " " + this.options.easing : "")), F(t, "transform", "translate3d(0,0,0)"), typeof t.animated == "number" && clearTimeout(t.animated), t.animated = setTimeout(function() {
-          F(t, "transition", ""), F(t, "transform", ""), t.animated = !1, t.animatingX = !1, t.animatingY = !1;
+        t.animatingX = !!d, t.animatingY = !!u, D(t, "transform", "translate3d(" + d + "px," + u + "px,0)"), this.forRepaintDummy = Mn(t), D(t, "transition", "transform " + a + "ms" + (this.options.easing ? " " + this.options.easing : "")), D(t, "transform", "translate3d(0,0,0)"), typeof t.animated == "number" && clearTimeout(t.animated), t.animated = setTimeout(function() {
+          D(t, "transition", ""), D(t, "transform", ""), t.animated = !1, t.animatingX = !1, t.animatingY = !1;
         }, a);
       }
     }
   };
 }
-function Bn(e) {
+function Mn(e) {
   return e.offsetWidth;
 }
-function Mn(e, o, t, n) {
+function Un(e, o, t, n) {
   return Math.sqrt(Math.pow(o.top - e.top, 2) + Math.pow(o.left - e.left, 2)) / Math.sqrt(Math.pow(o.top - t.top, 2) + Math.pow(o.left - t.left, 2)) * n.animation;
 }
-var Le = [], Rt = {
+var $e = [], At = {
   initializeByDefault: !0
 }, st = {
   mount: function(e) {
-    for (var o in Rt)
-      Rt.hasOwnProperty(o) && !(o in e) && (e[o] = Rt[o]);
-    Le.forEach(function(t) {
+    for (var o in At)
+      At.hasOwnProperty(o) && !(o in e) && (e[o] = At[o]);
+    $e.forEach(function(t) {
       if (t.pluginName === e.pluginName)
         throw "Sortable: Cannot mount plugin ".concat(e.pluginName, " more than once");
-    }), Le.push(e);
+    }), $e.push(e);
   },
   pluginEvent: function(e, o, t) {
     var n = this;
@@ -463,16 +463,16 @@ var Le = [], Rt = {
       n.eventCanceled = !0;
     };
     var l = e + "Global";
-    Le.forEach(function(a) {
-      o[a.pluginName] && (o[a.pluginName][l] && o[a.pluginName][l](Ce({
+    $e.forEach(function(a) {
+      o[a.pluginName] && (o[a.pluginName][l] && o[a.pluginName][l](Ee({
         sortable: o
-      }, t)), o.options[a.pluginName] && o[a.pluginName][e] && o[a.pluginName][e](Ce({
+      }, t)), o.options[a.pluginName] && o[a.pluginName][e] && o[a.pluginName][e](Ee({
         sortable: o
       }, t)));
     });
   },
   initializePlugins: function(e, o, t, n) {
-    Le.forEach(function(i) {
+    $e.forEach(function(i) {
       var s = i.pluginName;
       if (!(!e.options[s] && !i.initializeByDefault)) {
         var r = new i(e, o, e.options);
@@ -487,50 +487,50 @@ var Le = [], Rt = {
   },
   getEventProperties: function(e, o) {
     var t = {};
-    return Le.forEach(function(n) {
+    return $e.forEach(function(n) {
       typeof n.eventProperties == "function" && ke(t, n.eventProperties.call(o[n.pluginName], e));
     }), t;
   },
   modifyOption: function(e, o, t) {
     var n;
-    return Le.forEach(function(l) {
+    return $e.forEach(function(l) {
       e[l.pluginName] && l.optionListeners && typeof l.optionListeners[o] == "function" && (n = l.optionListeners[o].call(e[l.pluginName], t));
     }), n;
   }
 };
-function Un(e) {
-  var o = e.sortable, t = e.rootEl, n = e.name, l = e.targetEl, a = e.cloneEl, i = e.toEl, s = e.fromEl, r = e.oldIndex, d = e.newIndex, u = e.oldDraggableIndex, c = e.newDraggableIndex, p = e.originalEvent, f = e.putSortable, E = e.extraEventProperties;
+function Xn(e) {
+  var o = e.sortable, t = e.rootEl, n = e.name, l = e.targetEl, a = e.cloneEl, i = e.toEl, s = e.fromEl, r = e.oldIndex, d = e.newIndex, u = e.oldDraggableIndex, m = e.newDraggableIndex, p = e.originalEvent, f = e.putSortable, O = e.extraEventProperties;
   if (o = o || t && t[ce], !!o) {
-    var S, I = o.options, M = "on" + n.charAt(0).toUpperCase() + n.substr(1);
-    window.CustomEvent && !xe && !rt ? S = new CustomEvent(n, {
+    var C, E = o.options, $ = "on" + n.charAt(0).toUpperCase() + n.substr(1);
+    window.CustomEvent && !xe && !rt ? C = new CustomEvent(n, {
       bubbles: !0,
       cancelable: !0
-    }) : (S = document.createEvent("Event"), S.initEvent(n, !0, !0)), S.to = i || t, S.from = s || t, S.item = l || t, S.clone = a, S.oldIndex = r, S.newIndex = d, S.oldDraggableIndex = u, S.newDraggableIndex = c, S.originalEvent = p, S.pullMode = f ? f.lastPutMode : void 0;
-    var K = Ce(Ce({}, E), st.getEventProperties(n, o));
-    for (var B in K)
-      S[B] = K[B];
-    t && t.dispatchEvent(S), I[M] && I[M].call(o, S);
+    }) : (C = document.createEvent("Event"), C.initEvent(n, !0, !0)), C.to = i || t, C.from = s || t, C.item = l || t, C.clone = a, C.oldIndex = r, C.newIndex = d, C.oldDraggableIndex = u, C.newDraggableIndex = m, C.originalEvent = p, C.pullMode = f ? f.lastPutMode : void 0;
+    var q = Ee(Ee({}, O), st.getEventProperties(n, o));
+    for (var B in q)
+      C[B] = q[B];
+    t && t.dispatchEvent(C), E[$] && E[$].call(o, C);
   }
 }
-var Xn = ["evt"], se = function(e, o) {
-  var t = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, n = t.evt, l = Rn(t, Xn);
-  st.pluginEvent.bind(O)(e, o, Ce({
-    dragEl: g,
+var zn = ["evt"], se = function(e, o) {
+  var t = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, n = t.evt, l = Rn(t, zn);
+  st.pluginEvent.bind(F)(e, o, Ee({
+    dragEl: h,
     parentEl: Q,
-    ghostEl: A,
-    rootEl: q,
+    ghostEl: R,
+    rootEl: Z,
     nextEl: We,
     lastDownEl: gt,
-    cloneEl: Z,
+    cloneEl: J,
     cloneHidden: Fe,
     dragStarted: Ke,
     putSortable: ne,
-    activeSortable: O.active,
+    activeSortable: F.active,
     originalEvent: n,
     oldIndex: Xe,
     oldDraggableIndex: et,
     newIndex: ue,
-    newDraggableIndex: Ie,
+    newDraggableIndex: De,
     hideGhostForTarget: Lo,
     unhideGhostForTarget: $o,
     cloneNowHidden: function() {
@@ -549,18 +549,18 @@ var Xn = ["evt"], se = function(e, o) {
   }, l));
 };
 function re(e) {
-  Un(Ce({
+  Xn(Ee({
     putSortable: ne,
-    cloneEl: Z,
-    targetEl: g,
-    rootEl: q,
+    cloneEl: J,
+    targetEl: h,
+    rootEl: Z,
     oldIndex: Xe,
     oldDraggableIndex: et,
     newIndex: ue,
-    newDraggableIndex: Ie
+    newDraggableIndex: De
   }, e));
 }
-var g, Q, A, q, We, gt, Z, Fe, Xe, ue, et, Ie, ut, ne, Be = !1, Ct = !1, Et = [], Re, ve, At, Wt, mo, po, Ke, $e, tt, ot = !1, ct = !1, vt, ie, Nt = [], Mt = !1, Tt = [], Vt = typeof document < "u", mt = ko, fo = rt || xe ? "cssFloat" : "float", zn = Vt && !xo && !ko && "draggable" in document.createElement("div"), Wo = function() {
+var h, Q, R, Z, We, gt, J, Fe, Xe, ue, et, De, ut, ne, Me = !1, Ct = !1, Et = [], Ae, he, Rt, Wt, mo, po, Ke, Be, tt, ot = !1, ct = !1, ht, ie, Nt = [], Mt = !1, Tt = [], Vt = typeof document < "u", mt = ko, fo = rt || xe ? "cssFloat" : "float", Yn = Vt && !xo && !ko && "draggable" in document.createElement("div"), Wo = function() {
   if (Vt) {
     if (xe)
       return !1;
@@ -568,7 +568,7 @@ var g, Q, A, q, We, gt, Z, Fe, Xe, ue, et, Ie, ut, ne, Be = !1, Ct = !1, Et = []
     return e.style.cssText = "pointer-events:auto", e.style.pointerEvents === "auto";
   }
 }(), No = function(e, o) {
-  var t = F(e), n = parseInt(t.width) - parseInt(t.paddingLeft) - parseInt(t.paddingRight) - parseInt(t.borderLeftWidth) - parseInt(t.borderRightWidth), l = Ge(e, 0, o), a = Ge(e, 1, o), i = l && F(l), s = a && F(a), r = i && parseInt(i.marginLeft) + parseInt(i.marginRight) + oe(l).width, d = s && parseInt(s.marginLeft) + parseInt(s.marginRight) + oe(a).width;
+  var t = D(e), n = parseInt(t.width) - parseInt(t.paddingLeft) - parseInt(t.paddingRight) - parseInt(t.borderLeftWidth) - parseInt(t.borderRightWidth), l = Ge(e, 0, o), a = Ge(e, 1, o), i = l && D(l), s = a && D(a), r = i && parseInt(i.marginLeft) + parseInt(i.marginRight) + oe(l).width, d = s && parseInt(s.marginLeft) + parseInt(s.marginRight) + oe(a).width;
   if (t.display === "flex")
     return t.flexDirection === "column" || t.flexDirection === "column-reverse" ? "vertical" : "horizontal";
   if (t.display === "grid")
@@ -578,10 +578,10 @@ var g, Q, A, q, We, gt, Z, Fe, Xe, ue, et, Ie, ut, ne, Be = !1, Ct = !1, Et = []
     return a && (s.clear === "both" || s.clear === u) ? "vertical" : "horizontal";
   }
   return l && (i.display === "block" || i.display === "flex" || i.display === "table" || i.display === "grid" || r >= n && t[fo] === "none" || a && t[fo] === "none" && r + d > n) ? "vertical" : "horizontal";
-}, Yn = function(e, o, t) {
+}, Gn = function(e, o, t) {
   var n = t ? e.left : e.top, l = t ? e.right : e.bottom, a = t ? e.width : e.height, i = t ? o.left : o.top, s = t ? o.right : o.bottom, r = t ? o.width : o.height;
   return n === i || l === s || n + a / 2 === i + r / 2;
-}, Gn = function(e, o) {
+}, Hn = function(e, o) {
   var t;
   return Et.some(function(n) {
     var l = n[ce].options.emptyInsertThreshold;
@@ -603,8 +603,8 @@ var g, Q, A, q, We, gt, Z, Fe, Xe, ue, et, Ie, ut, ne, Be = !1, Ct = !1, Et = []
         return l;
       if (typeof l == "function")
         return o(l(i, s, r, d), a)(i, s, r, d);
-      var c = (a ? i : s).options.group.name;
-      return l === !0 || typeof l == "string" && l === c || l.join && l.indexOf(c) > -1;
+      var m = (a ? i : s).options.group.name;
+      return l === !0 || typeof l == "string" && l === m || l.join && l.indexOf(m) > -1;
     };
   }
   var t = {}, n = e.group;
@@ -612,18 +612,18 @@ var g, Q, A, q, We, gt, Z, Fe, Xe, ue, et, Ie, ut, ne, Be = !1, Ct = !1, Et = []
     name: n
   }), t.name = n.name, t.checkPull = o(n.pull, !0), t.checkPut = o(n.put), t.revertClone = n.revertClone, e.group = t;
 }, Lo = function() {
-  !Wo && A && F(A, "display", "none");
+  !Wo && R && D(R, "display", "none");
 }, $o = function() {
-  !Wo && A && F(A, "display", "");
+  !Wo && R && D(R, "display", "");
 };
 Vt && !xo && document.addEventListener("click", function(e) {
   if (Ct)
     return e.preventDefault(), e.stopPropagation && e.stopPropagation(), e.stopImmediatePropagation && e.stopImmediatePropagation(), Ct = !1, !1;
 }, !0);
-var Ae = function(e) {
-  if (g) {
+var Re = function(e) {
+  if (h) {
     e = e.touches ? e.touches[0] : e;
-    var o = Gn(e.clientX, e.clientY);
+    var o = Hn(e.clientX, e.clientY);
     if (o) {
       var t = {};
       for (var n in e)
@@ -631,10 +631,10 @@ var Ae = function(e) {
       t.target = t.rootEl = o, t.preventDefault = void 0, t.stopPropagation = void 0, o[ce]._onDragOver(t);
     }
   }
-}, Hn = function(e) {
-  g && g.parentNode[ce]._isOutsideThisEl(e.target);
+}, jn = function(e) {
+  h && h.parentNode[ce]._isOutsideThisEl(e.target);
 };
-function O(e, o) {
+function F(e, o) {
   if (!(e && e.nodeType && e.nodeType === 1))
     throw "Sortable: `el` must be an HTMLElement, not ".concat({}.toString.call(e));
   this.el = e, this.options = o = ke({}, o), e[ce] = this;
@@ -680,7 +680,7 @@ function O(e, o) {
       x: 0,
       y: 0
     },
-    supportPointer: O.supportPointer !== !1 && "PointerEvent" in window && !Ze,
+    supportPointer: F.supportPointer !== !1 && "PointerEvent" in window && !Je,
     emptyInsertThreshold: 5
   };
   st.initializePlugins(this, e, t);
@@ -689,21 +689,21 @@ function O(e, o) {
   Po(o);
   for (var l in this)
     l.charAt(0) === "_" && typeof this[l] == "function" && (this[l] = this[l].bind(this));
-  this.nativeDraggable = o.forceFallback ? !1 : zn, this.nativeDraggable && (this.options.touchStartThreshold = 1), o.supportPointer ? z(e, "pointerdown", this._onTapStart) : (z(e, "mousedown", this._onTapStart), z(e, "touchstart", this._onTapStart)), this.nativeDraggable && (z(e, "dragover", this), z(e, "dragenter", this)), Et.push(this.el), o.store && o.store.get && this.sort(o.store.get(this) || []), ke(this, $n());
+  this.nativeDraggable = o.forceFallback ? !1 : Yn, this.nativeDraggable && (this.options.touchStartThreshold = 1), o.supportPointer ? X(e, "pointerdown", this._onTapStart) : (X(e, "mousedown", this._onTapStart), X(e, "touchstart", this._onTapStart)), this.nativeDraggable && (X(e, "dragover", this), X(e, "dragenter", this)), Et.push(this.el), o.store && o.store.get && this.sort(o.store.get(this) || []), ke(this, Bn());
 }
-O.prototype = /** @lends Sortable.prototype */
+F.prototype = /** @lends Sortable.prototype */
 {
-  constructor: O,
+  constructor: F,
   _isOutsideThisEl: function(e) {
-    !this.el.contains(e) && e !== this.el && ($e = null);
+    !this.el.contains(e) && e !== this.el && (Be = null);
   },
   _getDirection: function(e, o) {
-    return typeof this.options.direction == "function" ? this.options.direction.call(this, e, o, g) : this.options.direction;
+    return typeof this.options.direction == "function" ? this.options.direction.call(this, e, o, h) : this.options.direction;
   },
   _onTapStart: function(e) {
     if (e.cancelable) {
       var o = this, t = this.el, n = this.options, l = n.preventOnFilter, a = e.type, i = e.touches && e.touches[0] || e.pointerType && e.pointerType === "touch" && e, s = (i || e).target, r = e.target.shadowRoot && (e.path && e.path[0] || e.composedPath && e.composedPath()[0]) || s, d = n.filter;
-      if (tl(t), !g && !(/mousedown|pointerdown/.test(a) && e.button !== 0 || n.disabled) && !r.isContentEditable && !(!this.nativeDraggable && Ze && s && s.tagName.toUpperCase() === "SELECT") && (s = he(s, n.draggable, t, !1), !(s && s.animated) && gt !== s)) {
+      if (ol(t), !h && !(/mousedown|pointerdown/.test(a) && e.button !== 0 || n.disabled) && !r.isContentEditable && !(!this.nativeDraggable && Je && s && s.tagName.toUpperCase() === "SELECT") && (s = ve(s, n.draggable, t, !1), !(s && s.animated) && gt !== s)) {
         if (Xe = fe(s), et = fe(s, n.draggable), typeof d == "function") {
           if (d.call(this, e, s, this)) {
             re({
@@ -719,7 +719,7 @@ O.prototype = /** @lends Sortable.prototype */
             return;
           }
         } else if (d && (d = d.split(",").some(function(u) {
-          if (u = he(r, u.trim(), t, !1), u)
+          if (u = ve(r, u.trim(), t, !1), u)
             return re({
               sortable: o,
               rootEl: u,
@@ -734,40 +734,40 @@ O.prototype = /** @lends Sortable.prototype */
           l && e.cancelable && e.preventDefault();
           return;
         }
-        n.handle && !he(r, n.handle, t, !1) || this._prepareDragStart(e, i, s);
+        n.handle && !ve(r, n.handle, t, !1) || this._prepareDragStart(e, i, s);
       }
     }
   },
   _prepareDragStart: function(e, o, t) {
     var n = this, l = n.el, a = n.options, i = l.ownerDocument, s;
-    if (t && !g && t.parentNode === l) {
+    if (t && !h && t.parentNode === l) {
       var r = oe(t);
-      if (q = l, g = t, Q = g.parentNode, We = g.nextSibling, gt = t, ut = a.group, O.dragged = g, Re = {
-        target: g,
+      if (Z = l, h = t, Q = h.parentNode, We = h.nextSibling, gt = t, ut = a.group, F.dragged = h, Ae = {
+        target: h,
         clientX: (o || e).clientX,
         clientY: (o || e).clientY
-      }, mo = Re.clientX - r.left, po = Re.clientY - r.top, this._lastX = (o || e).clientX, this._lastY = (o || e).clientY, g.style["will-change"] = "all", s = function() {
+      }, mo = Ae.clientX - r.left, po = Ae.clientY - r.top, this._lastX = (o || e).clientX, this._lastY = (o || e).clientY, h.style["will-change"] = "all", s = function() {
         if (se("delayEnded", n, {
           evt: e
-        }), O.eventCanceled) {
+        }), F.eventCanceled) {
           n._onDrop();
           return;
         }
-        n._disableDelayedDragEvents(), !ro && n.nativeDraggable && (g.draggable = !0), n._triggerDragStart(e, o), re({
+        n._disableDelayedDragEvents(), !ro && n.nativeDraggable && (h.draggable = !0), n._triggerDragStart(e, o), re({
           sortable: n,
           name: "choose",
           originalEvent: e
-        }), de(g, a.chosenClass, !0);
+        }), de(h, a.chosenClass, !0);
       }, a.ignore.split(",").forEach(function(d) {
-        Io(g, d.trim(), Pt);
-      }), z(i, "dragover", Ae), z(i, "mousemove", Ae), z(i, "touchmove", Ae), z(i, "mouseup", n._onDrop), z(i, "touchend", n._onDrop), z(i, "touchcancel", n._onDrop), ro && this.nativeDraggable && (this.options.touchStartThreshold = 4, g.draggable = !0), se("delayStart", this, {
+        Do(h, d.trim(), Pt);
+      }), X(i, "dragover", Re), X(i, "mousemove", Re), X(i, "touchmove", Re), X(i, "mouseup", n._onDrop), X(i, "touchend", n._onDrop), X(i, "touchcancel", n._onDrop), ro && this.nativeDraggable && (this.options.touchStartThreshold = 4, h.draggable = !0), se("delayStart", this, {
         evt: e
       }), a.delay && (!a.delayOnTouchOnly || o) && (!this.nativeDraggable || !(rt || xe))) {
-        if (O.eventCanceled) {
+        if (F.eventCanceled) {
           this._onDrop();
           return;
         }
-        z(i, "mouseup", n._disableDelayedDrag), z(i, "touchend", n._disableDelayedDrag), z(i, "touchcancel", n._disableDelayedDrag), z(i, "mousemove", n._delayedDragTouchMoveHandler), z(i, "touchmove", n._delayedDragTouchMoveHandler), a.supportPointer && z(i, "pointermove", n._delayedDragTouchMoveHandler), n._dragStartTimer = setTimeout(s, a.delay);
+        X(i, "mouseup", n._disableDelayedDrag), X(i, "touchend", n._disableDelayedDrag), X(i, "touchcancel", n._disableDelayedDrag), X(i, "mousemove", n._delayedDragTouchMoveHandler), X(i, "touchmove", n._delayedDragTouchMoveHandler), a.supportPointer && X(i, "pointermove", n._delayedDragTouchMoveHandler), n._dragStartTimer = setTimeout(s, a.delay);
       } else
         s();
     }
@@ -777,28 +777,28 @@ O.prototype = /** @lends Sortable.prototype */
     Math.max(Math.abs(o.clientX - this._lastX), Math.abs(o.clientY - this._lastY)) >= Math.floor(this.options.touchStartThreshold / (this.nativeDraggable && window.devicePixelRatio || 1)) && this._disableDelayedDrag();
   },
   _disableDelayedDrag: function() {
-    g && Pt(g), clearTimeout(this._dragStartTimer), this._disableDelayedDragEvents();
+    h && Pt(h), clearTimeout(this._dragStartTimer), this._disableDelayedDragEvents();
   },
   _disableDelayedDragEvents: function() {
     var e = this.el.ownerDocument;
-    X(e, "mouseup", this._disableDelayedDrag), X(e, "touchend", this._disableDelayedDrag), X(e, "touchcancel", this._disableDelayedDrag), X(e, "mousemove", this._delayedDragTouchMoveHandler), X(e, "touchmove", this._delayedDragTouchMoveHandler), X(e, "pointermove", this._delayedDragTouchMoveHandler);
+    U(e, "mouseup", this._disableDelayedDrag), U(e, "touchend", this._disableDelayedDrag), U(e, "touchcancel", this._disableDelayedDrag), U(e, "mousemove", this._delayedDragTouchMoveHandler), U(e, "touchmove", this._delayedDragTouchMoveHandler), U(e, "pointermove", this._delayedDragTouchMoveHandler);
   },
   _triggerDragStart: function(e, o) {
-    o = o || e.pointerType == "touch" && e, !this.nativeDraggable || o ? this.options.supportPointer ? z(document, "pointermove", this._onTouchMove) : o ? z(document, "touchmove", this._onTouchMove) : z(document, "mousemove", this._onTouchMove) : (z(g, "dragend", this), z(q, "dragstart", this._onDragStart));
+    o = o || e.pointerType == "touch" && e, !this.nativeDraggable || o ? this.options.supportPointer ? X(document, "pointermove", this._onTouchMove) : o ? X(document, "touchmove", this._onTouchMove) : X(document, "mousemove", this._onTouchMove) : (X(h, "dragend", this), X(Z, "dragstart", this._onDragStart));
     try {
-      document.selection ? ht(function() {
+      document.selection ? vt(function() {
         document.selection.empty();
       }) : window.getSelection().removeAllRanges();
     } catch {
     }
   },
   _dragStarted: function(e, o) {
-    if (Be = !1, q && g) {
+    if (Me = !1, Z && h) {
       se("dragStarted", this, {
         evt: o
-      }), this.nativeDraggable && z(document, "dragover", Hn);
+      }), this.nativeDraggable && X(document, "dragover", jn);
       var t = this.options;
-      !e && de(g, t.dragClass, !1), de(g, t.ghostClass, !0), O.active = this, e && this._appendGhost(), re({
+      !e && de(h, t.dragClass, !1), de(h, t.ghostClass, !0), F.active = this, e && this._appendGhost(), re({
         sortable: this,
         name: "start",
         originalEvent: o
@@ -807,17 +807,17 @@ O.prototype = /** @lends Sortable.prototype */
       this._nulling();
   },
   _emulateDragOver: function() {
-    if (ve) {
-      this._lastX = ve.clientX, this._lastY = ve.clientY, Lo();
-      for (var e = document.elementFromPoint(ve.clientX, ve.clientY), o = e; e && e.shadowRoot && (e = e.shadowRoot.elementFromPoint(ve.clientX, ve.clientY), e !== o); )
+    if (he) {
+      this._lastX = he.clientX, this._lastY = he.clientY, Lo();
+      for (var e = document.elementFromPoint(he.clientX, he.clientY), o = e; e && e.shadowRoot && (e = e.shadowRoot.elementFromPoint(he.clientX, he.clientY), e !== o); )
         o = e;
-      if (g.parentNode[ce]._isOutsideThisEl(e), o)
+      if (h.parentNode[ce]._isOutsideThisEl(e), o)
         do {
           if (o[ce]) {
             var t = void 0;
             if (t = o[ce]._onDragOver({
-              clientX: ve.clientX,
-              clientY: ve.clientY,
+              clientX: he.clientX,
+              clientY: he.clientY,
               target: e,
               rootEl: o
             }), t && !this.options.dragoverBubble)
@@ -829,15 +829,15 @@ O.prototype = /** @lends Sortable.prototype */
     }
   },
   _onTouchMove: function(e) {
-    if (Re) {
-      var o = this.options, t = o.fallbackTolerance, n = o.fallbackOffset, l = e.touches ? e.touches[0] : e, a = A && ze(A, !0), i = A && a && a.a, s = A && a && a.d, r = mt && ie && co(ie), d = (l.clientX - Re.clientX + n.x) / (i || 1) + (r ? r[0] - Nt[0] : 0) / (i || 1), u = (l.clientY - Re.clientY + n.y) / (s || 1) + (r ? r[1] - Nt[1] : 0) / (s || 1);
-      if (!O.active && !Be) {
+    if (Ae) {
+      var o = this.options, t = o.fallbackTolerance, n = o.fallbackOffset, l = e.touches ? e.touches[0] : e, a = R && ze(R, !0), i = R && a && a.a, s = R && a && a.d, r = mt && ie && co(ie), d = (l.clientX - Ae.clientX + n.x) / (i || 1) + (r ? r[0] - Nt[0] : 0) / (i || 1), u = (l.clientY - Ae.clientY + n.y) / (s || 1) + (r ? r[1] - Nt[1] : 0) / (s || 1);
+      if (!F.active && !Me) {
         if (t && Math.max(Math.abs(l.clientX - this._lastX), Math.abs(l.clientY - this._lastY)) < t)
           return;
         this._onDragStart(e, !0);
       }
-      if (A) {
-        a ? (a.e += d - (At || 0), a.f += u - (Wt || 0)) : a = {
+      if (R) {
+        a ? (a.e += d - (Rt || 0), a.f += u - (Wt || 0)) : a = {
           a: 1,
           b: 0,
           c: 0,
@@ -845,45 +845,45 @@ O.prototype = /** @lends Sortable.prototype */
           e: d,
           f: u
         };
-        var c = "matrix(".concat(a.a, ",").concat(a.b, ",").concat(a.c, ",").concat(a.d, ",").concat(a.e, ",").concat(a.f, ")");
-        F(A, "webkitTransform", c), F(A, "mozTransform", c), F(A, "msTransform", c), F(A, "transform", c), At = d, Wt = u, ve = l;
+        var m = "matrix(".concat(a.a, ",").concat(a.b, ",").concat(a.c, ",").concat(a.d, ",").concat(a.e, ",").concat(a.f, ")");
+        D(R, "webkitTransform", m), D(R, "mozTransform", m), D(R, "msTransform", m), D(R, "transform", m), Rt = d, Wt = u, he = l;
       }
       e.cancelable && e.preventDefault();
     }
   },
   _appendGhost: function() {
-    if (!A) {
-      var e = this.options.fallbackOnBody ? document.body : q, o = oe(g, !0, mt, !0, e), t = this.options;
+    if (!R) {
+      var e = this.options.fallbackOnBody ? document.body : Z, o = oe(h, !0, mt, !0, e), t = this.options;
       if (mt) {
-        for (ie = e; F(ie, "position") === "static" && F(ie, "transform") === "none" && ie !== document; )
+        for (ie = e; D(ie, "position") === "static" && D(ie, "transform") === "none" && ie !== document; )
           ie = ie.parentNode;
-        ie !== document.body && ie !== document.documentElement ? (ie === document && (ie = _e()), o.top += ie.scrollTop, o.left += ie.scrollLeft) : ie = _e(), Nt = co(ie);
+        ie !== document.body && ie !== document.documentElement ? (ie === document && (ie = Ce()), o.top += ie.scrollTop, o.left += ie.scrollLeft) : ie = Ce(), Nt = co(ie);
       }
-      A = g.cloneNode(!0), de(A, t.ghostClass, !1), de(A, t.fallbackClass, !0), de(A, t.dragClass, !0), F(A, "transition", ""), F(A, "transform", ""), F(A, "box-sizing", "border-box"), F(A, "margin", 0), F(A, "top", o.top), F(A, "left", o.left), F(A, "width", o.width), F(A, "height", o.height), F(A, "opacity", "0.8"), F(A, "position", mt ? "absolute" : "fixed"), F(A, "zIndex", "100000"), F(A, "pointerEvents", "none"), O.ghost = A, e.appendChild(A), F(A, "transform-origin", mo / parseInt(A.style.width) * 100 + "% " + po / parseInt(A.style.height) * 100 + "%");
+      R = h.cloneNode(!0), de(R, t.ghostClass, !1), de(R, t.fallbackClass, !0), de(R, t.dragClass, !0), D(R, "transition", ""), D(R, "transform", ""), D(R, "box-sizing", "border-box"), D(R, "margin", 0), D(R, "top", o.top), D(R, "left", o.left), D(R, "width", o.width), D(R, "height", o.height), D(R, "opacity", "0.8"), D(R, "position", mt ? "absolute" : "fixed"), D(R, "zIndex", "100000"), D(R, "pointerEvents", "none"), F.ghost = R, e.appendChild(R), D(R, "transform-origin", mo / parseInt(R.style.width) * 100 + "% " + po / parseInt(R.style.height) * 100 + "%");
     }
   },
   _onDragStart: function(e, o) {
     var t = this, n = e.dataTransfer, l = t.options;
     if (se("dragStart", this, {
       evt: e
-    }), O.eventCanceled) {
+    }), F.eventCanceled) {
       this._onDrop();
       return;
     }
-    se("setupClone", this), O.eventCanceled || (Z = Ro(g), Z.removeAttribute("id"), Z.draggable = !1, Z.style["will-change"] = "", this._hideClone(), de(Z, this.options.chosenClass, !1), O.clone = Z), t.cloneId = ht(function() {
-      se("clone", t), !O.eventCanceled && (t.options.removeCloneOnHide || q.insertBefore(Z, g), t._hideClone(), re({
+    se("setupClone", this), F.eventCanceled || (J = Ao(h), J.removeAttribute("id"), J.draggable = !1, J.style["will-change"] = "", this._hideClone(), de(J, this.options.chosenClass, !1), F.clone = J), t.cloneId = vt(function() {
+      se("clone", t), !F.eventCanceled && (t.options.removeCloneOnHide || Z.insertBefore(J, h), t._hideClone(), re({
         sortable: t,
         name: "clone"
       }));
-    }), !o && de(g, l.dragClass, !0), o ? (Ct = !0, t._loopId = setInterval(t._emulateDragOver, 50)) : (X(document, "mouseup", t._onDrop), X(document, "touchend", t._onDrop), X(document, "touchcancel", t._onDrop), n && (n.effectAllowed = "move", l.setData && l.setData.call(t, n, g)), z(document, "drop", t), F(g, "transform", "translateZ(0)")), Be = !0, t._dragStartId = ht(t._dragStarted.bind(t, o, e)), z(document, "selectstart", t), Ke = !0, Ze && F(document.body, "user-select", "none");
+    }), !o && de(h, l.dragClass, !0), o ? (Ct = !0, t._loopId = setInterval(t._emulateDragOver, 50)) : (U(document, "mouseup", t._onDrop), U(document, "touchend", t._onDrop), U(document, "touchcancel", t._onDrop), n && (n.effectAllowed = "move", l.setData && l.setData.call(t, n, h)), X(document, "drop", t), D(h, "transform", "translateZ(0)")), Me = !0, t._dragStartId = vt(t._dragStarted.bind(t, o, e)), X(document, "selectstart", t), Ke = !0, Je && D(document.body, "user-select", "none");
   },
   // Returns true - if no further action is needed (either inserted or another condition)
   _onDragOver: function(e) {
-    var o = this.el, t = e.target, n, l, a, i = this.options, s = i.group, r = O.active, d = ut === s, u = i.sort, c = ne || r, p, f = this, E = !1;
+    var o = this.el, t = e.target, n, l, a, i = this.options, s = i.group, r = F.active, d = ut === s, u = i.sort, m = ne || r, p, f = this, O = !1;
     if (Mt)
       return;
-    function S(le, Ee) {
-      se(le, f, Ce({
+    function C(le, Te) {
+      se(le, f, Ee({
         evt: e,
         isOwner: d,
         axis: p ? "vertical" : "horizontal",
@@ -891,109 +891,109 @@ O.prototype = /** @lends Sortable.prototype */
         dragRect: n,
         targetRect: l,
         canSort: u,
-        fromSortable: c,
+        fromSortable: m,
         target: t,
-        completed: M,
-        onMove: function(D, U) {
-          return pt(q, o, g, n, D, oe(D), e, U);
+        completed: $,
+        onMove: function(I, M) {
+          return pt(Z, o, h, n, I, oe(I), e, M);
         },
-        changed: K
-      }, Ee));
+        changed: q
+      }, Te));
     }
-    function I() {
-      S("dragOverAnimationCapture"), f.captureAnimationState(), f !== c && c.captureAnimationState();
+    function E() {
+      C("dragOverAnimationCapture"), f.captureAnimationState(), f !== m && m.captureAnimationState();
     }
-    function M(le) {
-      return S("dragOverCompleted", {
+    function $(le) {
+      return C("dragOverCompleted", {
         insertion: le
-      }), le && (d ? r._hideClone() : r._showClone(f), f !== c && (de(g, ne ? ne.options.ghostClass : r.options.ghostClass, !1), de(g, i.ghostClass, !0)), ne !== f && f !== O.active ? ne = f : f === O.active && ne && (ne = null), c === f && (f._ignoreWhileAnimating = t), f.animateAll(function() {
-        S("dragOverAnimationComplete"), f._ignoreWhileAnimating = null;
-      }), f !== c && (c.animateAll(), c._ignoreWhileAnimating = null)), (t === g && !g.animated || t === o && !t.animated) && ($e = null), !i.dragoverBubble && !e.rootEl && t !== document && (g.parentNode[ce]._isOutsideThisEl(e.target), !le && Ae(e)), !i.dragoverBubble && e.stopPropagation && e.stopPropagation(), E = !0;
+      }), le && (d ? r._hideClone() : r._showClone(f), f !== m && (de(h, ne ? ne.options.ghostClass : r.options.ghostClass, !1), de(h, i.ghostClass, !0)), ne !== f && f !== F.active ? ne = f : f === F.active && ne && (ne = null), m === f && (f._ignoreWhileAnimating = t), f.animateAll(function() {
+        C("dragOverAnimationComplete"), f._ignoreWhileAnimating = null;
+      }), f !== m && (m.animateAll(), m._ignoreWhileAnimating = null)), (t === h && !h.animated || t === o && !t.animated) && (Be = null), !i.dragoverBubble && !e.rootEl && t !== document && (h.parentNode[ce]._isOutsideThisEl(e.target), !le && Re(e)), !i.dragoverBubble && e.stopPropagation && e.stopPropagation(), O = !0;
     }
-    function K() {
-      ue = fe(g), Ie = fe(g, i.draggable), re({
+    function q() {
+      ue = fe(h), De = fe(h, i.draggable), re({
         sortable: f,
         name: "change",
         toEl: o,
         newIndex: ue,
-        newDraggableIndex: Ie,
+        newDraggableIndex: De,
         originalEvent: e
       });
     }
-    if (e.preventDefault !== void 0 && e.cancelable && e.preventDefault(), t = he(t, i.draggable, o, !0), S("dragOver"), O.eventCanceled)
-      return E;
-    if (g.contains(e.target) || t.animated && t.animatingX && t.animatingY || f._ignoreWhileAnimating === t)
-      return M(!1);
-    if (Ct = !1, r && !i.disabled && (d ? u || (a = Q !== q) : ne === this || (this.lastPutMode = ut.checkPull(this, r, g, e)) && s.checkPut(this, r, g, e))) {
-      if (p = this._getDirection(e, t) === "vertical", n = oe(g), S("dragOverValid"), O.eventCanceled)
-        return E;
+    if (e.preventDefault !== void 0 && e.cancelable && e.preventDefault(), t = ve(t, i.draggable, o, !0), C("dragOver"), F.eventCanceled)
+      return O;
+    if (h.contains(e.target) || t.animated && t.animatingX && t.animatingY || f._ignoreWhileAnimating === t)
+      return $(!1);
+    if (Ct = !1, r && !i.disabled && (d ? u || (a = Q !== Z) : ne === this || (this.lastPutMode = ut.checkPull(this, r, h, e)) && s.checkPut(this, r, h, e))) {
+      if (p = this._getDirection(e, t) === "vertical", n = oe(h), C("dragOverValid"), F.eventCanceled)
+        return O;
       if (a)
-        return Q = q, I(), this._hideClone(), S("revert"), O.eventCanceled || (We ? q.insertBefore(g, We) : q.appendChild(g)), M(!0);
+        return Q = Z, E(), this._hideClone(), C("revert"), F.eventCanceled || (We ? Z.insertBefore(h, We) : Z.appendChild(h)), $(!0);
       var B = Ht(o, i.draggable);
       if (!B || Jn(e, p, this) && !B.animated) {
-        if (B === g)
-          return M(!1);
-        if (B && o === e.target && (t = B), t && (l = oe(t)), pt(q, o, g, n, t, l, e, !!t) !== !1)
-          return I(), B && B.nextSibling ? o.insertBefore(g, B.nextSibling) : o.appendChild(g), Q = o, K(), M(!0);
-      } else if (B && qn(e, p, this)) {
-        var N = Ge(o, 0, i, !0);
-        if (N === g)
-          return M(!1);
-        if (t = N, l = oe(t), pt(q, o, g, n, t, l, e, !1) !== !1)
-          return I(), o.insertBefore(g, N), Q = o, K(), M(!0);
+        if (B === h)
+          return $(!1);
+        if (B && o === e.target && (t = B), t && (l = oe(t)), pt(Z, o, h, n, t, l, e, !!t) !== !1)
+          return E(), B && B.nextSibling ? o.insertBefore(h, B.nextSibling) : o.appendChild(h), Q = o, q(), $(!0);
+      } else if (B && Zn(e, p, this)) {
+        var Y = Ge(o, 0, i, !0);
+        if (Y === h)
+          return $(!1);
+        if (t = Y, l = oe(t), pt(Z, o, h, n, t, l, e, !1) !== !1)
+          return E(), o.insertBefore(h, Y), Q = o, q(), $(!0);
       } else if (t.parentNode === o) {
         l = oe(t);
-        var Y = 0, $, h = g.parentNode !== o, v = !Yn(g.animated && g.toRect || n, t.animated && t.toRect || l, p), _ = p ? "top" : "left", m = uo(t, "top", "top") || uo(g, "top", "top"), k = m ? m.scrollTop : void 0;
-        $e !== t && ($ = l[_], ot = !1, ct = !v && i.invertSwap || h), Y = Zn(e, t, l, p, v ? 1 : i.swapThreshold, i.invertedSwapThreshold == null ? i.swapThreshold : i.invertedSwapThreshold, ct, $e === t);
-        var C;
-        if (Y !== 0) {
-          var T = fe(g);
+        var z = 0, L, v = h.parentNode !== o, g = !Gn(h.animated && h.toRect || n, t.animated && t.toRect || l, p), _ = p ? "top" : "left", c = uo(t, "top", "top") || uo(h, "top", "top"), w = c ? c.scrollTop : void 0;
+        Be !== t && (L = l[_], ot = !1, ct = !g && i.invertSwap || v), z = Qn(e, t, l, p, g ? 1 : i.swapThreshold, i.invertedSwapThreshold == null ? i.swapThreshold : i.invertedSwapThreshold, ct, Be === t);
+        var T;
+        if (z !== 0) {
+          var V = fe(h);
           do
-            T -= Y, C = Q.children[T];
-          while (C && (F(C, "display") === "none" || C === A));
+            V -= z, T = Q.children[V];
+          while (T && (D(T, "display") === "none" || T === R));
         }
-        if (Y === 0 || C === t)
-          return M(!1);
-        $e = t, tt = Y;
-        var b = t.nextElementSibling, P = !1;
-        P = Y === 1;
-        var G = pt(q, o, g, n, t, l, e, P);
+        if (z === 0 || T === t)
+          return $(!1);
+        Be = t, tt = z;
+        var y = t.nextElementSibling, N = !1;
+        N = z === 1;
+        var G = pt(Z, o, h, n, t, l, e, N);
         if (G !== !1)
-          return (G === 1 || G === -1) && (P = G === 1), Mt = !0, setTimeout(Kn, 30), I(), P && !b ? o.appendChild(g) : t.parentNode.insertBefore(g, P ? b : t), m && Oo(m, 0, k - m.scrollTop), Q = g.parentNode, $ !== void 0 && !ct && (vt = Math.abs($ - oe(t)[_])), K(), M(!0);
+          return (G === 1 || G === -1) && (N = G === 1), Mt = !0, setTimeout(qn, 30), E(), N && !y ? o.appendChild(h) : t.parentNode.insertBefore(h, N ? y : t), c && Oo(c, 0, w - c.scrollTop), Q = h.parentNode, L !== void 0 && !ct && (ht = Math.abs(L - oe(t)[_])), q(), $(!0);
       }
-      if (o.contains(g))
-        return M(!1);
+      if (o.contains(h))
+        return $(!1);
     }
     return !1;
   },
   _ignoreWhileAnimating: null,
   _offMoveEvents: function() {
-    X(document, "mousemove", this._onTouchMove), X(document, "touchmove", this._onTouchMove), X(document, "pointermove", this._onTouchMove), X(document, "dragover", Ae), X(document, "mousemove", Ae), X(document, "touchmove", Ae);
+    U(document, "mousemove", this._onTouchMove), U(document, "touchmove", this._onTouchMove), U(document, "pointermove", this._onTouchMove), U(document, "dragover", Re), U(document, "mousemove", Re), U(document, "touchmove", Re);
   },
   _offUpEvents: function() {
     var e = this.el.ownerDocument;
-    X(e, "mouseup", this._onDrop), X(e, "touchend", this._onDrop), X(e, "pointerup", this._onDrop), X(e, "touchcancel", this._onDrop), X(document, "selectstart", this);
+    U(e, "mouseup", this._onDrop), U(e, "touchend", this._onDrop), U(e, "pointerup", this._onDrop), U(e, "touchcancel", this._onDrop), U(document, "selectstart", this);
   },
   _onDrop: function(e) {
     var o = this.el, t = this.options;
-    if (ue = fe(g), Ie = fe(g, t.draggable), se("drop", this, {
+    if (ue = fe(h), De = fe(h, t.draggable), se("drop", this, {
       evt: e
-    }), Q = g && g.parentNode, ue = fe(g), Ie = fe(g, t.draggable), O.eventCanceled) {
+    }), Q = h && h.parentNode, ue = fe(h), De = fe(h, t.draggable), F.eventCanceled) {
       this._nulling();
       return;
     }
-    Be = !1, ct = !1, ot = !1, clearInterval(this._loopId), clearTimeout(this._dragStartTimer), Ut(this.cloneId), Ut(this._dragStartId), this.nativeDraggable && (X(document, "drop", this), X(o, "dragstart", this._onDragStart)), this._offMoveEvents(), this._offUpEvents(), Ze && F(document.body, "user-select", ""), F(g, "transform", ""), e && (Ke && (e.cancelable && e.preventDefault(), !t.dropBubble && e.stopPropagation()), A && A.parentNode && A.parentNode.removeChild(A), (q === Q || ne && ne.lastPutMode !== "clone") && Z && Z.parentNode && Z.parentNode.removeChild(Z), g && (this.nativeDraggable && X(g, "dragend", this), Pt(g), g.style["will-change"] = "", Ke && !Be && de(g, ne ? ne.options.ghostClass : this.options.ghostClass, !1), de(g, this.options.chosenClass, !1), re({
+    Me = !1, ct = !1, ot = !1, clearInterval(this._loopId), clearTimeout(this._dragStartTimer), Ut(this.cloneId), Ut(this._dragStartId), this.nativeDraggable && (U(document, "drop", this), U(o, "dragstart", this._onDragStart)), this._offMoveEvents(), this._offUpEvents(), Je && D(document.body, "user-select", ""), D(h, "transform", ""), e && (Ke && (e.cancelable && e.preventDefault(), !t.dropBubble && e.stopPropagation()), R && R.parentNode && R.parentNode.removeChild(R), (Z === Q || ne && ne.lastPutMode !== "clone") && J && J.parentNode && J.parentNode.removeChild(J), h && (this.nativeDraggable && U(h, "dragend", this), Pt(h), h.style["will-change"] = "", Ke && !Me && de(h, ne ? ne.options.ghostClass : this.options.ghostClass, !1), de(h, this.options.chosenClass, !1), re({
       sortable: this,
       name: "unchoose",
       toEl: Q,
       newIndex: null,
       newDraggableIndex: null,
       originalEvent: e
-    }), q !== Q ? (ue >= 0 && (re({
+    }), Z !== Q ? (ue >= 0 && (re({
       rootEl: Q,
       name: "add",
       toEl: Q,
-      fromEl: q,
+      fromEl: Z,
       originalEvent: e
     }), re({
       sortable: this,
@@ -1004,7 +1004,7 @@ O.prototype = /** @lends Sortable.prototype */
       rootEl: Q,
       name: "sort",
       toEl: Q,
-      fromEl: q,
+      fromEl: Z,
       originalEvent: e
     }), re({
       sortable: this,
@@ -1021,7 +1021,7 @@ O.prototype = /** @lends Sortable.prototype */
       name: "sort",
       toEl: Q,
       originalEvent: e
-    })), O.active && ((ue == null || ue === -1) && (ue = Xe, Ie = et), re({
+    })), F.active && ((ue == null || ue === -1) && (ue = Xe, De = et), re({
       sortable: this,
       name: "end",
       toEl: Q,
@@ -1029,9 +1029,9 @@ O.prototype = /** @lends Sortable.prototype */
     }), this.save()))), this._nulling();
   },
   _nulling: function() {
-    se("nulling", this), q = g = Q = A = We = Z = gt = Fe = Re = ve = Ke = ue = Ie = Xe = et = $e = tt = ne = ut = O.dragged = O.ghost = O.clone = O.active = null, Tt.forEach(function(e) {
+    se("nulling", this), Z = h = Q = R = We = J = gt = Fe = Ae = he = Ke = ue = De = Xe = et = Be = tt = ne = ut = F.dragged = F.ghost = F.clone = F.active = null, Tt.forEach(function(e) {
       e.checked = !0;
-    }), Tt.length = At = Wt = 0;
+    }), Tt.length = Rt = Wt = 0;
   },
   handleEvent: function(e) {
     switch (e.type) {
@@ -1041,7 +1041,7 @@ O.prototype = /** @lends Sortable.prototype */
         break;
       case "dragenter":
       case "dragover":
-        g && (this._onDragOver(e), jn(e));
+        h && (this._onDragOver(e), Kn(e));
         break;
       case "selectstart":
         e.preventDefault();
@@ -1054,7 +1054,7 @@ O.prototype = /** @lends Sortable.prototype */
    */
   toArray: function() {
     for (var e = [], o, t = this.el.children, n = 0, l = t.length, a = this.options; n < l; n++)
-      o = t[n], he(o, a.draggable, this.el, !1) && e.push(o.getAttribute(a.dataIdAttr) || el(o));
+      o = t[n], ve(o, a.draggable, this.el, !1) && e.push(o.getAttribute(a.dataIdAttr) || tl(o));
     return e;
   },
   /**
@@ -1065,7 +1065,7 @@ O.prototype = /** @lends Sortable.prototype */
     var t = {}, n = this.el;
     this.toArray().forEach(function(l, a) {
       var i = n.children[a];
-      he(i, this.options.draggable, n, !1) && (t[l] = i);
+      ve(i, this.options.draggable, n, !1) && (t[l] = i);
     }, this), o && this.captureAnimationState(), e.forEach(function(l) {
       t[l] && (n.removeChild(t[l]), n.appendChild(t[l]));
     }), o && this.animateAll();
@@ -1084,7 +1084,7 @@ O.prototype = /** @lends Sortable.prototype */
    * @returns {HTMLElement|null}
    */
   closest: function(e, o) {
-    return he(e, o || this.options.draggable, this.el, !1);
+    return ve(e, o || this.options.draggable, this.el, !1);
   },
   /**
    * Set/get option
@@ -1105,15 +1105,15 @@ O.prototype = /** @lends Sortable.prototype */
   destroy: function() {
     se("destroy", this);
     var e = this.el;
-    e[ce] = null, X(e, "mousedown", this._onTapStart), X(e, "touchstart", this._onTapStart), X(e, "pointerdown", this._onTapStart), this.nativeDraggable && (X(e, "dragover", this), X(e, "dragenter", this)), Array.prototype.forEach.call(e.querySelectorAll("[draggable]"), function(o) {
+    e[ce] = null, U(e, "mousedown", this._onTapStart), U(e, "touchstart", this._onTapStart), U(e, "pointerdown", this._onTapStart), this.nativeDraggable && (U(e, "dragover", this), U(e, "dragenter", this)), Array.prototype.forEach.call(e.querySelectorAll("[draggable]"), function(o) {
       o.removeAttribute("draggable");
     }), this._onDrop(), this._disableDelayedDragEvents(), Et.splice(Et.indexOf(this.el), 1), this.el = e = null;
   },
   _hideClone: function() {
     if (!Fe) {
-      if (se("hideClone", this), O.eventCanceled)
+      if (se("hideClone", this), F.eventCanceled)
         return;
-      F(Z, "display", "none"), this.options.removeCloneOnHide && Z.parentNode && Z.parentNode.removeChild(Z), Fe = !0;
+      D(J, "display", "none"), this.options.removeCloneOnHide && J.parentNode && J.parentNode.removeChild(J), Fe = !0;
     }
   },
   _showClone: function(e) {
@@ -1122,110 +1122,110 @@ O.prototype = /** @lends Sortable.prototype */
       return;
     }
     if (Fe) {
-      if (se("showClone", this), O.eventCanceled)
+      if (se("showClone", this), F.eventCanceled)
         return;
-      g.parentNode == q && !this.options.group.revertClone ? q.insertBefore(Z, g) : We ? q.insertBefore(Z, We) : q.appendChild(Z), this.options.group.revertClone && this.animate(g, Z), F(Z, "display", ""), Fe = !1;
+      h.parentNode == Z && !this.options.group.revertClone ? Z.insertBefore(J, h) : We ? Z.insertBefore(J, We) : Z.appendChild(J), this.options.group.revertClone && this.animate(h, J), D(J, "display", ""), Fe = !1;
     }
   }
 };
-function jn(e) {
+function Kn(e) {
   e.dataTransfer && (e.dataTransfer.dropEffect = "move"), e.cancelable && e.preventDefault();
 }
 function pt(e, o, t, n, l, a, i, s) {
-  var r, d = e[ce], u = d.options.onMove, c;
+  var r, d = e[ce], u = d.options.onMove, m;
   return window.CustomEvent && !xe && !rt ? r = new CustomEvent("move", {
     bubbles: !0,
     cancelable: !0
-  }) : (r = document.createEvent("Event"), r.initEvent("move", !0, !0)), r.to = o, r.from = e, r.dragged = t, r.draggedRect = n, r.related = l || o, r.relatedRect = a || oe(o), r.willInsertAfter = s, r.originalEvent = i, e.dispatchEvent(r), u && (c = u.call(d, r, i)), c;
+  }) : (r = document.createEvent("Event"), r.initEvent("move", !0, !0)), r.to = o, r.from = e, r.dragged = t, r.draggedRect = n, r.related = l || o, r.relatedRect = a || oe(o), r.willInsertAfter = s, r.originalEvent = i, e.dispatchEvent(r), u && (m = u.call(d, r, i)), m;
 }
 function Pt(e) {
   e.draggable = !1;
 }
-function Kn() {
+function qn() {
   Mt = !1;
 }
-function qn(e, o, t) {
-  var n = oe(Ge(t.el, 0, t.options, !0)), l = Ao(t.el, t.options, A), a = 10;
+function Zn(e, o, t) {
+  var n = oe(Ge(t.el, 0, t.options, !0)), l = Ro(t.el, t.options, R), a = 10;
   return o ? e.clientX < l.left - a || e.clientY < n.top && e.clientX < n.right : e.clientY < l.top - a || e.clientY < n.bottom && e.clientX < n.left;
 }
 function Jn(e, o, t) {
-  var n = oe(Ht(t.el, t.options.draggable)), l = Ao(t.el, t.options, A), a = 10;
+  var n = oe(Ht(t.el, t.options.draggable)), l = Ro(t.el, t.options, R), a = 10;
   return o ? e.clientX > l.right + a || e.clientY > n.bottom && e.clientX > n.left : e.clientY > l.bottom + a || e.clientX > n.right && e.clientY > n.top;
 }
-function Zn(e, o, t, n, l, a, i, s) {
-  var r = n ? e.clientY : e.clientX, d = n ? t.height : t.width, u = n ? t.top : t.left, c = n ? t.bottom : t.right, p = !1;
+function Qn(e, o, t, n, l, a, i, s) {
+  var r = n ? e.clientY : e.clientX, d = n ? t.height : t.width, u = n ? t.top : t.left, m = n ? t.bottom : t.right, p = !1;
   if (!i) {
-    if (s && vt < d * l) {
-      if (!ot && (tt === 1 ? r > u + d * a / 2 : r < c - d * a / 2) && (ot = !0), ot)
+    if (s && ht < d * l) {
+      if (!ot && (tt === 1 ? r > u + d * a / 2 : r < m - d * a / 2) && (ot = !0), ot)
         p = !0;
-      else if (tt === 1 ? r < u + vt : r > c - vt)
+      else if (tt === 1 ? r < u + ht : r > m - ht)
         return -tt;
-    } else if (r > u + d * (1 - l) / 2 && r < c - d * (1 - l) / 2)
-      return Qn(o);
+    } else if (r > u + d * (1 - l) / 2 && r < m - d * (1 - l) / 2)
+      return el(o);
   }
-  return p = p || i, p && (r < u + d * a / 2 || r > c - d * a / 2) ? r > u + d / 2 ? 1 : -1 : 0;
-}
-function Qn(e) {
-  return fe(g) < fe(e) ? 1 : -1;
+  return p = p || i, p && (r < u + d * a / 2 || r > m - d * a / 2) ? r > u + d / 2 ? 1 : -1 : 0;
 }
 function el(e) {
+  return fe(h) < fe(e) ? 1 : -1;
+}
+function tl(e) {
   for (var o = e.tagName + e.className + e.src + e.href + e.textContent, t = o.length, n = 0; t--; )
     n += o.charCodeAt(t);
   return n.toString(36);
 }
-function tl(e) {
+function ol(e) {
   Tt.length = 0;
   for (var o = e.getElementsByTagName("input"), t = o.length; t--; ) {
     var n = o[t];
     n.checked && Tt.push(n);
   }
 }
-function ht(e) {
+function vt(e) {
   return setTimeout(e, 0);
 }
 function Ut(e) {
   return clearTimeout(e);
 }
-Vt && z(document, "touchmove", function(e) {
-  (O.active || Be) && e.cancelable && e.preventDefault();
+Vt && X(document, "touchmove", function(e) {
+  (F.active || Me) && e.cancelable && e.preventDefault();
 });
-O.utils = {
-  on: z,
-  off: X,
-  css: F,
-  find: Io,
+F.utils = {
+  on: X,
+  off: U,
+  css: D,
+  find: Do,
   is: function(e, o) {
-    return !!he(e, o, e, !1);
+    return !!ve(e, o, e, !1);
   },
-  extend: Pn,
+  extend: Ln,
   throttle: Fo,
-  closest: he,
+  closest: ve,
   toggleClass: de,
-  clone: Ro,
+  clone: Ao,
   index: fe,
-  nextTick: ht,
+  nextTick: vt,
   cancelNextTick: Ut,
   detectDirection: No,
   getChild: Ge
 };
-O.get = function(e) {
+F.get = function(e) {
   return e[ce];
 };
-O.mount = function() {
+F.mount = function() {
   for (var e = arguments.length, o = new Array(e), t = 0; t < e; t++)
     o[t] = arguments[t];
   o[0].constructor === Array && (o = o[0]), o.forEach(function(n) {
     if (!n.prototype || !n.prototype.constructor)
       throw "Sortable: Mounted plugin must be a constructor function, not ".concat({}.toString.call(n));
-    n.utils && (O.utils = Ce(Ce({}, O.utils), n.utils)), st.mount(n);
+    n.utils && (F.utils = Ee(Ee({}, F.utils), n.utils)), st.mount(n);
   });
 };
-O.create = function(e, o) {
-  return new O(e, o);
+F.create = function(e, o) {
+  return new F(e, o);
 };
-O.version = An;
-var te = [], qe, Xt, zt = !1, Lt, $t, wt, Je;
-function ol() {
+F.version = Wn;
+var te = [], qe, Xt, zt = !1, Lt, $t, wt, Ze;
+function nl() {
   function e() {
     this.defaults = {
       scroll: !0,
@@ -1240,32 +1240,32 @@ function ol() {
   return e.prototype = {
     dragStarted: function(o) {
       var t = o.originalEvent;
-      this.sortable.nativeDraggable ? z(document, "dragover", this._handleAutoScroll) : this.options.supportPointer ? z(document, "pointermove", this._handleFallbackAutoScroll) : t.touches ? z(document, "touchmove", this._handleFallbackAutoScroll) : z(document, "mousemove", this._handleFallbackAutoScroll);
+      this.sortable.nativeDraggable ? X(document, "dragover", this._handleAutoScroll) : this.options.supportPointer ? X(document, "pointermove", this._handleFallbackAutoScroll) : t.touches ? X(document, "touchmove", this._handleFallbackAutoScroll) : X(document, "mousemove", this._handleFallbackAutoScroll);
     },
     dragOverCompleted: function(o) {
       var t = o.originalEvent;
       !this.options.dragOverBubble && !t.rootEl && this._handleAutoScroll(t);
     },
     drop: function() {
-      this.sortable.nativeDraggable ? X(document, "dragover", this._handleAutoScroll) : (X(document, "pointermove", this._handleFallbackAutoScroll), X(document, "touchmove", this._handleFallbackAutoScroll), X(document, "mousemove", this._handleFallbackAutoScroll)), go(), bt(), Ln();
+      this.sortable.nativeDraggable ? U(document, "dragover", this._handleAutoScroll) : (U(document, "pointermove", this._handleFallbackAutoScroll), U(document, "touchmove", this._handleFallbackAutoScroll), U(document, "mousemove", this._handleFallbackAutoScroll)), go(), bt(), $n();
     },
     nulling: function() {
-      wt = Xt = qe = zt = Je = Lt = $t = null, te.length = 0;
+      wt = Xt = qe = zt = Ze = Lt = $t = null, te.length = 0;
     },
     _handleFallbackAutoScroll: function(o) {
       this._handleAutoScroll(o, !0);
     },
     _handleAutoScroll: function(o, t) {
       var n = this, l = (o.touches ? o.touches[0] : o).clientX, a = (o.touches ? o.touches[0] : o).clientY, i = document.elementFromPoint(l, a);
-      if (wt = o, t || this.options.forceAutoScrollFallback || rt || xe || Ze) {
+      if (wt = o, t || this.options.forceAutoScrollFallback || rt || xe || Je) {
         Bt(o, this.options, i, t);
         var s = Oe(i, !0);
-        zt && (!Je || l !== Lt || a !== $t) && (Je && go(), Je = setInterval(function() {
+        zt && (!Ze || l !== Lt || a !== $t) && (Ze && go(), Ze = setInterval(function() {
           var r = Oe(document.elementFromPoint(l, a), !0);
           r !== s && (s = r, bt()), Bt(o, n.options, r, t);
         }, 10), Lt = l, $t = a);
       } else {
-        if (!this.options.bubbleScroll || Oe(i, !0) === _e()) {
+        if (!this.options.bubbleScroll || Oe(i, !0) === Ce()) {
           bt();
           return;
         }
@@ -1283,27 +1283,27 @@ function bt() {
   }), te = [];
 }
 function go() {
-  clearInterval(Je);
+  clearInterval(Ze);
 }
 var Bt = Fo(function(e, o, t, n) {
   if (o.scroll) {
-    var l = (e.touches ? e.touches[0] : e).clientX, a = (e.touches ? e.touches[0] : e).clientY, i = o.scrollSensitivity, s = o.scrollSpeed, r = _e(), d = !1, u;
+    var l = (e.touches ? e.touches[0] : e).clientX, a = (e.touches ? e.touches[0] : e).clientY, i = o.scrollSensitivity, s = o.scrollSpeed, r = Ce(), d = !1, u;
     Xt !== t && (Xt = t, bt(), qe = o.scroll, u = o.scrollFn, qe === !0 && (qe = Oe(t, !0)));
-    var c = 0, p = qe;
+    var m = 0, p = qe;
     do {
-      var f = p, E = oe(f), S = E.top, I = E.bottom, M = E.left, K = E.right, B = E.width, N = E.height, Y = void 0, $ = void 0, h = f.scrollWidth, v = f.scrollHeight, _ = F(f), m = f.scrollLeft, k = f.scrollTop;
-      f === r ? (Y = B < h && (_.overflowX === "auto" || _.overflowX === "scroll" || _.overflowX === "visible"), $ = N < v && (_.overflowY === "auto" || _.overflowY === "scroll" || _.overflowY === "visible")) : (Y = B < h && (_.overflowX === "auto" || _.overflowX === "scroll"), $ = N < v && (_.overflowY === "auto" || _.overflowY === "scroll"));
-      var C = Y && (Math.abs(K - l) <= i && m + B < h) - (Math.abs(M - l) <= i && !!m), T = $ && (Math.abs(I - a) <= i && k + N < v) - (Math.abs(S - a) <= i && !!k);
-      if (!te[c])
-        for (var b = 0; b <= c; b++)
-          te[b] || (te[b] = {});
-      (te[c].vx != C || te[c].vy != T || te[c].el !== f) && (te[c].el = f, te[c].vx = C, te[c].vy = T, clearInterval(te[c].pid), (C != 0 || T != 0) && (d = !0, te[c].pid = setInterval((function() {
-        n && this.layer === 0 && O.active._onTouchMove(wt);
-        var P = te[this.layer].vy ? te[this.layer].vy * s : 0, G = te[this.layer].vx ? te[this.layer].vx * s : 0;
-        typeof u == "function" && u.call(O.dragged.parentNode[ce], G, P, e, wt, te[this.layer].el) !== "continue" || Oo(te[this.layer].el, G, P);
+      var f = p, O = oe(f), C = O.top, E = O.bottom, $ = O.left, q = O.right, B = O.width, Y = O.height, z = void 0, L = void 0, v = f.scrollWidth, g = f.scrollHeight, _ = D(f), c = f.scrollLeft, w = f.scrollTop;
+      f === r ? (z = B < v && (_.overflowX === "auto" || _.overflowX === "scroll" || _.overflowX === "visible"), L = Y < g && (_.overflowY === "auto" || _.overflowY === "scroll" || _.overflowY === "visible")) : (z = B < v && (_.overflowX === "auto" || _.overflowX === "scroll"), L = Y < g && (_.overflowY === "auto" || _.overflowY === "scroll"));
+      var T = z && (Math.abs(q - l) <= i && c + B < v) - (Math.abs($ - l) <= i && !!c), V = L && (Math.abs(E - a) <= i && w + Y < g) - (Math.abs(C - a) <= i && !!w);
+      if (!te[m])
+        for (var y = 0; y <= m; y++)
+          te[y] || (te[y] = {});
+      (te[m].vx != T || te[m].vy != V || te[m].el !== f) && (te[m].el = f, te[m].vx = T, te[m].vy = V, clearInterval(te[m].pid), (T != 0 || V != 0) && (d = !0, te[m].pid = setInterval((function() {
+        n && this.layer === 0 && F.active._onTouchMove(wt);
+        var N = te[this.layer].vy ? te[this.layer].vy * s : 0, G = te[this.layer].vx ? te[this.layer].vx * s : 0;
+        typeof u == "function" && u.call(F.dragged.parentNode[ce], G, N, e, wt, te[this.layer].el) !== "continue" || Oo(te[this.layer].el, G, N);
       }).bind({
-        layer: c
-      }), 24))), c++;
+        layer: m
+      }), 24))), m++;
     } while (o.bubbleScroll && p !== r && (p = Oe(p, !1)));
     zt = d;
   }
@@ -1350,161 +1350,161 @@ Kt.prototype = {
 ke(Kt, {
   pluginName: "removeOnSpill"
 });
-O.mount(new ol());
-O.mount(Kt, jt);
-function nl(e) {
+F.mount(new nl());
+F.mount(Kt, jt);
+function ll(e) {
   return e == null ? e : JSON.parse(JSON.stringify(e));
 }
-function ll(e) {
+function il(e) {
   Gt() && Ko(e);
 }
-function il(e) {
+function al(e) {
   Gt() ? bo(e) : yo(e);
 }
 let Mo = null, Uo = null;
-function vo(e = null, o = null) {
+function ho(e = null, o = null) {
   Mo = e, Uo = o;
 }
-function al() {
+function rl() {
   return {
     data: Mo,
     clonedData: Uo
   };
 }
-const ho = Symbol("cloneElement");
-function rl(...e) {
+const vo = Symbol("cloneElement");
+function sl(...e) {
   var o, t;
   const n = (o = Gt()) == null ? void 0 : o.proxy;
   let l = null;
   const a = e[0];
   let [, i, s] = e;
-  Array.isArray(y(i)) || (s = i, i = null);
+  Array.isArray(b(i)) || (s = i, i = null);
   let r = null;
   const {
     immediate: d = !0,
-    clone: u = nl,
-    customUpdate: c
-  } = (t = y(s)) != null ? t : {};
-  function p(v) {
+    clone: u = ll,
+    customUpdate: m
+  } = (t = b(s)) != null ? t : {};
+  function p(g) {
     var _;
-    const { from: m, oldIndex: k, item: C } = v;
-    l = Array.from(m.childNodes);
-    const T = y((_ = y(i)) == null ? void 0 : _[k]), b = u(T);
-    vo(T, b), C[ho] = b;
+    const { from: c, oldIndex: w, item: T } = g;
+    l = Array.from(c.childNodes);
+    const V = b((_ = b(i)) == null ? void 0 : _[w]), y = u(V);
+    ho(V, y), T[vo] = y;
   }
-  function f(v) {
-    const _ = v.item[ho];
-    if (!Tn(_)) {
-      if (Ft(v.item), It(i)) {
-        const m = [...y(i)];
-        i.value = no(m, v.newDraggableIndex, _);
+  function f(g) {
+    const _ = g.item[vo];
+    if (!wn(_)) {
+      if (Ft(g.item), Dt(i)) {
+        const c = [...b(i)];
+        i.value = no(c, g.newDraggableIndex, _);
         return;
       }
-      no(y(i), v.newDraggableIndex, _);
+      no(b(i), g.newDraggableIndex, _);
     }
   }
-  function E(v) {
-    const { from: _, item: m, oldIndex: k, oldDraggableIndex: C, pullMode: T, clone: b } = v;
-    if (lo(_, m, k), T === "clone") {
-      Ft(b);
+  function O(g) {
+    const { from: _, item: c, oldIndex: w, oldDraggableIndex: T, pullMode: V, clone: y } = g;
+    if (lo(_, c, w), V === "clone") {
+      Ft(y);
       return;
     }
-    if (It(i)) {
-      const P = [...y(i)];
-      i.value = oo(P, C);
+    if (Dt(i)) {
+      const N = [...b(i)];
+      i.value = oo(N, T);
       return;
     }
-    oo(y(i), C);
+    oo(b(i), T);
   }
-  function S(v) {
-    if (c) {
-      c(v);
+  function C(g) {
+    if (m) {
+      m(g);
       return;
     }
-    const { from: _, item: m, oldIndex: k, oldDraggableIndex: C, newDraggableIndex: T } = v;
-    if (Ft(m), lo(_, m, k), It(i)) {
-      const b = [...y(i)];
+    const { from: _, item: c, oldIndex: w, oldDraggableIndex: T, newDraggableIndex: V } = g;
+    if (Ft(c), lo(_, c, w), Dt(i)) {
+      const y = [...b(i)];
       i.value = to(
-        b,
-        C,
-        T
+        y,
+        T,
+        V
       );
       return;
     }
-    to(y(i), C, T);
+    to(b(i), T, V);
   }
-  function I(v) {
-    const { newIndex: _, oldIndex: m, from: k, to: C } = v;
-    let T = null;
-    const b = _ === m && k === C;
+  function E(g) {
+    const { newIndex: _, oldIndex: c, from: w, to: T } = g;
+    let V = null;
+    const y = _ === c && w === T;
     try {
-      if (b) {
-        let P = null;
+      if (y) {
+        let N = null;
         l == null || l.some((G, le) => {
-          if (P && (l == null ? void 0 : l.length) !== C.childNodes.length)
-            return k.insertBefore(P, G.nextSibling), !0;
-          const Ee = C.childNodes[le];
-          P = C == null ? void 0 : C.replaceChild(G, Ee);
+          if (N && (l == null ? void 0 : l.length) !== T.childNodes.length)
+            return w.insertBefore(N, G.nextSibling), !0;
+          const Te = T.childNodes[le];
+          N = T == null ? void 0 : T.replaceChild(G, Te);
         });
       }
-    } catch (P) {
-      T = P;
+    } catch (N) {
+      V = N;
     } finally {
       l = null;
     }
     yo(() => {
-      if (vo(), T)
-        throw T;
+      if (ho(), V)
+        throw V;
     });
   }
-  const M = {
-    onUpdate: S,
+  const $ = {
+    onUpdate: C,
     onStart: p,
     onAdd: f,
-    onRemove: E,
-    onEnd: I
+    onRemove: O,
+    onEnd: E
   };
-  function K(v) {
-    const _ = y(a);
-    return v || (v = wn(_) ? Sn(_, n == null ? void 0 : n.$el) : _), v && !xn(v) && (v = v.$el), v || _n("Root element not found"), v;
+  function q(g) {
+    const _ = b(a);
+    return g || (g = Sn(_) ? Vn(_, n == null ? void 0 : n.$el) : _), g && !In(g) && (g = g.$el), g || Cn("Root element not found"), g;
   }
   function B() {
-    var v;
-    const _ = (v = y(s)) != null ? v : {}, m = So(_, ["immediate", "clone"]);
-    return io(m, (k, C) => {
-      Dn(k) && (m[k] = (T, ...b) => {
-        const P = al();
-        return In(T, P), C(T, ...b);
+    var g;
+    const _ = (g = b(s)) != null ? g : {}, c = So(_, ["immediate", "clone"]);
+    return io(c, (w, T) => {
+      Dn(w) && (c[w] = (V, ...y) => {
+        const N = rl();
+        return Fn(V, N), T(V, ...y);
       });
-    }), kn(
-      i === null ? {} : M,
-      m
+    }), xn(
+      i === null ? {} : $,
+      c
     );
   }
-  const N = (v) => {
-    v = K(v), r && Y.destroy(), r = new O(v, B());
+  const Y = (g) => {
+    g = q(g), r && z.destroy(), r = new F(g, B());
   };
   Ye(
     () => s,
     () => {
-      r && io(B(), (v, _) => {
-        r == null || r.option(v, _);
+      r && io(B(), (g, _) => {
+        r == null || r.option(g, _);
       });
     },
     { deep: !0 }
   );
-  const Y = {
-    option: (v, _) => r == null ? void 0 : r.option(v, _),
+  const z = {
+    option: (g, _) => r == null ? void 0 : r.option(g, _),
     destroy: () => {
       r == null || r.destroy(), r = null;
     },
     save: () => r == null ? void 0 : r.save(),
     toArray: () => r == null ? void 0 : r.toArray(),
-    closest: (...v) => r == null ? void 0 : r.closest(...v)
-  }, $ = () => Y == null ? void 0 : Y.option("disabled", !0), h = () => Y == null ? void 0 : Y.option("disabled", !1);
-  return il(() => {
-    d && N();
-  }), ll(Y.destroy), Ue({ start: N, pause: $, resume: h }, Y);
+    closest: (...g) => r == null ? void 0 : r.closest(...g)
+  }, L = () => z == null ? void 0 : z.option("disabled", !0), v = () => z == null ? void 0 : z.option("disabled", !1);
+  return al(() => {
+    d && Y();
+  }), il(z.destroy), Ue({ start: Y, pause: L, resume: v }, z);
 }
 const Yt = [
   "update",
@@ -1519,7 +1519,7 @@ const Yt = [
   "clone",
   "move",
   "change"
-], sl = [
+], dl = [
   "clone",
   "animation",
   "ghostClass",
@@ -1570,36 +1570,36 @@ const Yt = [
     prop: "modelValue",
     event: "update:modelValue"
   },
-  props: sl,
+  props: dl,
   emits: ["update:modelValue", ...Yt],
   setup(e, { slots: o, emit: t, expose: n, attrs: l }) {
-    const a = Yt.reduce((u, c) => {
-      const p = `on${c.replace(/^\S/, (f) => f.toUpperCase())}`;
-      return u[p] = (...f) => t(c, ...f), u;
-    }, {}), i = L(() => {
-      const u = Go(e), c = So(u, ["modelValue"]), p = Object.entries(c).reduce((f, [E, S]) => {
-        const I = y(S);
-        return I !== void 0 && (f[E] = I), f;
+    const a = Yt.reduce((u, m) => {
+      const p = `on${m.replace(/^\S/, (f) => f.toUpperCase())}`;
+      return u[p] = (...f) => t(m, ...f), u;
+    }, {}), i = P(() => {
+      const u = Go(e), m = So(u, ["modelValue"]), p = Object.entries(m).reduce((f, [O, C]) => {
+        const E = b(C);
+        return E !== void 0 && (f[O] = E), f;
       }, {});
-      return Ue(Ue({}, a), En(Ue(Ue({}, l), p)));
-    }), s = L({
+      return Ue(Ue({}, a), Tn(Ue(Ue({}, l), p)));
+    }), s = P({
       get: () => e.modelValue,
       set: (u) => t("update:modelValue", u)
     }), r = j(), d = Ho(
-      rl(e.target || r, s, i)
+      sl(e.target || r, s, i)
     );
     return n(d), () => {
       var u;
       return jo(e.tag || "div", { ref: r }, (u = o == null ? void 0 : o.default) == null ? void 0 : u.call(o, d));
     };
   }
-}), Ne = {
+}), Pe = {
   BLACK: "#000000",
   WHITE: "#FFFFFF",
   RED: "#FF0000",
   NEUTRAL_GRAY_200_HEX: "#BCC1C3",
   NEUTRAL_GRAY_200: "var(--fm-color-neutral-gray-200)"
-}, dl = /* @__PURE__ */ ee({
+}, ul = /* @__PURE__ */ ee({
   __name: "TextWidget",
   props: {
     modelValue: {},
@@ -1607,8 +1607,8 @@ const Yt = [
     disabled: { type: Boolean }
   },
   setup(e) {
-    const o = e, t = L(() => {
-      const a = (o.modelValue.color ?? R.F_PRINT_COLOR.Enum.BLACK) === R.F_PRINT_COLOR.Enum.BLACK, i = o.modelValue.isInvert, s = o.disabled ? Ne.NEUTRAL_GRAY_200 : i ? "white" : a ? "black" : "red", r = i ? a ? "black" : "red" : "transparent";
+    const o = e, t = P(() => {
+      const a = (o.modelValue.color ?? A.F_PRINT_COLOR.Enum.BLACK) === A.F_PRINT_COLOR.Enum.BLACK, i = o.modelValue.isInvert, s = o.disabled ? Pe.NEUTRAL_GRAY_200 : i ? "white" : a ? "black" : "red", r = i ? a ? "black" : "red" : "transparent";
       return {
         textAlign: en(o.modelValue.textAlign),
         fontSize: `${o.fontSize * o.modelValue.factor}px`,
@@ -1618,33 +1618,33 @@ const Yt = [
         textDecoration: o.modelValue.isUnderline ? "underline" : "none",
         backgroundColor: r
       };
-    }), n = L(() => ({
+    }), n = P(() => ({
       height: o.modelValue.height === null ? "auto" : `${o.modelValue.height}px`
     }));
     return (l, a) => (x(), W("div", {
       style: ge(n.value)
     }, [
-      V("div", {
+      k("div", {
         class: "text-sm",
         style: ge(t.value)
       }, H(o.modelValue.value.length ? o.modelValue.value : "Enter value here"), 5)
     ], 4));
   }
-}), ul = /* @__PURE__ */ ee({
+}), cl = /* @__PURE__ */ ee({
   __name: "CheckboxWidget",
   props: {
     modelValue: {},
     disabled: { type: Boolean }
   },
   setup(e) {
-    const o = e, t = L(() => o.modelValue.height == null ? o.modelValue.size : Math.min(o.modelValue.height, o.modelValue.size)), n = L(() => {
-      const i = (o.modelValue.color ?? R.F_PRINT_COLOR.Enum.BLACK) === R.F_PRINT_COLOR.Enum.BLACK;
+    const o = e, t = P(() => o.modelValue.height == null ? o.modelValue.size : Math.min(o.modelValue.height, o.modelValue.size)), n = P(() => {
+      const i = (o.modelValue.color ?? A.F_PRINT_COLOR.Enum.BLACK) === A.F_PRINT_COLOR.Enum.BLACK;
       return {
         width: `${o.modelValue.size}px`,
         height: `${t.value}px`,
-        borderColor: o.disabled ? Ne.NEUTRAL_GRAY_200 : i ? "black" : "red"
+        borderColor: o.disabled ? Pe.NEUTRAL_GRAY_200 : i ? "black" : "red"
       };
-    }), l = L(() => {
+    }), l = P(() => {
       const a = it(o.modelValue.alignment), i = at(o.modelValue.alignment);
       return {
         display: "flex",
@@ -1655,39 +1655,39 @@ const Yt = [
     return (a, i) => (x(), W("div", {
       style: ge(l.value)
     }, [
-      V("div", {
+      k("div", {
         class: "border",
         style: ge(n.value)
       }, null, 4)
     ], 4));
   }
-}), cl = { class: "flex flex-col gap-2" }, ml = /* @__PURE__ */ ee({
+}), ml = { class: "flex flex-col gap-2" }, pl = /* @__PURE__ */ ee({
   __name: "SpacerWidget",
   props: {
     modelValue: {}
   },
   setup(e) {
-    const o = e, t = L(() => ({
+    const o = e, t = P(() => ({
       height: `${o.modelValue.height}px`
     }));
-    return (n, l) => (x(), W("div", cl, [
-      V("div", {
+    return (n, l) => (x(), W("div", ml, [
+      k("div", {
         class: "w-full",
         style: ge(t.value)
       }, null, 4)
     ]));
   }
-}), pl = ["src"], fl = /* @__PURE__ */ ee({
+}), fl = ["src"], gl = /* @__PURE__ */ ee({
   __name: "ImageWidget",
   props: {
     modelValue: {}
   },
   setup(e) {
-    const o = e, t = L(() => tn(o.modelValue.imgData).value), n = L(() => ({
+    const o = e, t = P(() => tn(o.modelValue.imgData).value), n = P(() => ({
       height: o.modelValue.height ? `${o.modelValue.height}px` : "auto",
       width: o.modelValue.width ? `${o.modelValue.width}px` : "auto",
       maxWidth: "100%"
-    })), l = L(() => {
+    })), l = P(() => {
       const a = it(o.modelValue.alignment), i = at(o.modelValue.alignment);
       return {
         display: "flex",
@@ -1696,7 +1696,7 @@ const Yt = [
       };
     });
     return (a, i) => {
-      const s = J("FmIcon");
+      const s = K("FmIcon");
       return x(), W("div", {
         style: ge(l.value)
       }, [
@@ -1705,7 +1705,7 @@ const Yt = [
           src: t.value,
           alt: "Image Widget",
           style: ge(n.value)
-        }, null, 12, pl)) : (x(), ye(s, {
+        }, null, 12, fl)) : (x(), ye(s, {
           key: 1,
           name: "image",
           size: "md"
@@ -1713,7 +1713,7 @@ const Yt = [
       ], 4);
     };
   }
-}), gl = ["src"], vl = /* @__PURE__ */ ee({
+}), hl = ["src"], vl = /* @__PURE__ */ ee({
   __name: "QrCodeWidget",
   props: {
     modelValue: {},
@@ -1722,12 +1722,12 @@ const Yt = [
   setup(e) {
     const o = e, t = j(""), { t: n } = me(), l = Eo(), a = async (s, r) => {
       try {
-        const u = (r ?? R.F_PRINT_COLOR.Enum.BLACK) === R.F_PRINT_COLOR.Enum.BLACK;
+        const u = (r ?? A.F_PRINT_COLOR.Enum.BLACK) === A.F_PRINT_COLOR.Enum.BLACK;
         t.value = await on.toDataURL(s, {
           width: o.modelValue.size,
           color: {
-            dark: o.disabled ? Ne.NEUTRAL_GRAY_200_HEX : u ? Ne.BLACK : Ne.RED,
-            light: Ne.WHITE
+            dark: o.disabled ? Pe.NEUTRAL_GRAY_200_HEX : u ? Pe.BLACK : Pe.RED,
+            light: Pe.WHITE
           },
           margin: 0
         });
@@ -1741,7 +1741,7 @@ const Yt = [
           3e3
         );
       }
-    }, i = L(() => {
+    }, i = P(() => {
       const s = it(o.modelValue.alignment), r = at(o.modelValue.alignment);
       return {
         display: "flex",
@@ -1757,7 +1757,7 @@ const Yt = [
       },
       { immediate: !0 }
     ), (s, r) => {
-      const d = J("FmIcon");
+      const d = K("FmIcon");
       return x(), W("div", {
         style: ge(i.value)
       }, [
@@ -1765,7 +1765,7 @@ const Yt = [
           key: 0,
           src: t.value,
           alt: "QR Code"
-        }, null, 8, gl)) : (x(), ye(d, {
+        }, null, 8, hl)) : (x(), ye(d, {
           key: 1,
           name: "qr_code_scanner",
           size: "md"
@@ -1773,30 +1773,30 @@ const Yt = [
       ], 4);
     };
   }
-}), hl = /* @__PURE__ */ ee({
+}), bl = /* @__PURE__ */ ee({
   __name: "DividerWidget",
   props: {
     modelValue: {},
     disabled: { type: Boolean }
   },
   setup(e) {
-    const o = e, t = L(() => {
-      const l = (o.modelValue.color ?? R.F_PRINT_COLOR.Enum.BLACK) === R.F_PRINT_COLOR.Enum.BLACK;
+    const o = e, t = P(() => {
+      const l = (o.modelValue.color ?? A.F_PRINT_COLOR.Enum.BLACK) === A.F_PRINT_COLOR.Enum.BLACK;
       return {
         borderTop: `${o.modelValue.thickness}px solid black`,
         width: "100%",
-        borderColor: o.disabled ? Ne.NEUTRAL_GRAY_200 : l ? "black" : "red"
+        borderColor: o.disabled ? Pe.NEUTRAL_GRAY_200 : l ? "black" : "red"
       };
     });
     return (n, l) => (x(), W("div", {
       style: ge({ height: `${n.modelValue.height}px` })
     }, [
-      V("div", {
+      k("div", {
         style: ge(t.value)
       }, null, 4)
     ], 4));
   }
-}), bl = /* @__PURE__ */ ee({
+}), yl = /* @__PURE__ */ ee({
   __name: "WidgetView",
   props: {
     modelValue: {
@@ -1813,52 +1813,52 @@ const Yt = [
     }
   },
   setup(e) {
-    const o = e, t = L(() => {
+    const o = e, t = P(() => {
       switch (o.modelValue.data.type) {
-        case R.F_WIDGET_TEMPLATE_TYPE.enum.TEXT:
+        case A.F_WIDGET_TEMPLATE_TYPE.enum.TEXT:
           return {
-            component: dl,
+            component: ul,
             properties: {
               modelValue: o.modelValue.data,
               fontSize: o.fontSize,
               disabled: o.disabled
             }
           };
-        case R.F_WIDGET_TEMPLATE_TYPE.enum.CHECKBOX:
+        case A.F_WIDGET_TEMPLATE_TYPE.enum.CHECKBOX:
           return {
-            component: ul,
+            component: cl,
             properties: { modelValue: o.modelValue.data, disabled: o.disabled }
           };
-        case R.F_WIDGET_TEMPLATE_TYPE.enum.IMAGE:
+        case A.F_WIDGET_TEMPLATE_TYPE.enum.IMAGE:
           return {
-            component: fl,
+            component: gl,
             properties: { modelValue: o.modelValue.data }
           };
-        case R.F_WIDGET_TEMPLATE_TYPE.enum.QR:
+        case A.F_WIDGET_TEMPLATE_TYPE.enum.QR:
           return {
             component: vl,
             properties: { modelValue: o.modelValue.data, disabled: o.disabled }
           };
-        case R.F_WIDGET_TEMPLATE_TYPE.enum.DIVIDER:
+        case A.F_WIDGET_TEMPLATE_TYPE.enum.DIVIDER:
           return {
-            component: hl,
+            component: bl,
             properties: { modelValue: o.modelValue.data, disabled: o.disabled }
           };
-        case R.F_WIDGET_TEMPLATE_TYPE.enum.EMPTY:
+        case A.F_WIDGET_TEMPLATE_TYPE.enum.EMPTY:
         default:
           return {
-            component: ml,
+            component: pl,
             properties: { modelValue: o.modelValue.data }
           };
       }
-    }), n = L(() => {
+    }), n = P(() => {
       const a = it(o.modelValue.data.alignment), i = at(o.modelValue.data.alignment);
       return {
         display: "flex",
         justifyContent: a,
         alignItems: i
       };
-    }), l = L(() => {
+    }), l = P(() => {
       const { top: a, right: i, bottom: s, left: r } = o.modelValue.data.padding;
       return {
         padding: `${a}px ${i}px ${s}px ${r}px`,
@@ -1870,14 +1870,14 @@ const Yt = [
       return x(), W("div", {
         style: ge(l.value)
       }, [
-        (x(), ye(_o(qo((s = t.value) == null ? void 0 : s.component)), Jo({
+        (x(), ye(_o(qo((s = t.value) == null ? void 0 : s.component)), Zo({
           class: "widget",
           style: n.value
         }, (r = t.value) == null ? void 0 : r.properties), null, 16, ["style"]))
       ], 4);
     };
   }
-}), yl = { class: "flex h-fit w-[375px] bg-fm-color-neutral-white" }, _l = { class: "rows-zone" }, Cl = ["onClick"], El = /* @__PURE__ */ ee({
+}), _l = { class: "flex h-fit w-[375px] bg-fm-color-neutral-white" }, Cl = { class: "rows-zone" }, El = ["onClick"], Tl = /* @__PURE__ */ ee({
   __name: "ReceiptEditor",
   props: {
     modelValue: {},
@@ -1889,184 +1889,184 @@ const Yt = [
   emits: ["selectWidget", "update:model-value"],
   setup(e, { emit: o }) {
     const t = e, n = o, l = j(t.modelValue), a = j(null), i = j(null), s = j(null), r = j(null), d = j(null), u = j(null);
-    function c(m, k, C, T) {
-      i.value = m, s.value = k, r.value = C, N({ config: m, position: { row: k, col: C, cell: T } });
+    function m(c, w, T, V) {
+      i.value = c, s.value = w, r.value = T, Y({ config: c, position: { row: w, col: T, cell: V } });
     }
-    function p(m) {
-      return m.newIndex;
+    function p(c) {
+      return c.newIndex;
     }
-    function f(m, k, C, T) {
-      var le, Ee, D;
-      const b = p(m);
-      if (b == null)
+    function f(c, w, T, V) {
+      var le, Te, I;
+      const y = p(c);
+      if (y == null)
         return;
-      const P = {
-        row: k ?? b,
-        col: C ?? b,
-        cell: T ?? b
-      }, G = (D = (Ee = (le = l.value) == null ? void 0 : le[P.row].columns) == null ? void 0 : Ee[P.col]) == null ? void 0 : D.cells[P.cell];
-      G != null && N({ config: G, position: P });
-    }
-    function E(m) {
-      f(m, void 0, 0, 0);
-    }
-    function S(m, k) {
-      f(m, k, void 0, 0);
-    }
-    function I(m, k, C) {
-      f(m, k, C, void 0);
-    }
-    function M() {
-      const m = l.value.map((k) => ({
-        ...k,
-        columns: k.columns.filter((C) => C.cells && C.cells.length > 0)
-      })).filter((k) => k.columns.length > 0);
-      l.value = m, n("update:model-value", m);
-    }
-    function K(m) {
-      const k = m.map((C, T) => {
-        var P;
-        if (C.columns)
-          return C;
-        let b;
-        return s.value != null ? b = m[s.value].sectionType ?? u.value : b = C.sectionType ? C.sectionType : T > 0 && ((P = m[T - 1]) != null && P.sectionType) ? m[T - 1].sectionType : u.value, {
+      const N = {
+        row: w ?? y,
+        col: T ?? y,
+        cell: V ?? y
+      }, G = (I = (Te = (le = l.value) == null ? void 0 : le[N.row].columns) == null ? void 0 : Te[N.col]) == null ? void 0 : I.cells[N.cell];
+      G != null && Y({ config: G, position: N });
+    }
+    function O(c) {
+      f(c, void 0, 0, 0);
+    }
+    function C(c, w) {
+      f(c, w, void 0, 0);
+    }
+    function E(c, w, T) {
+      f(c, w, T, void 0);
+    }
+    function $() {
+      const c = l.value.map((w) => ({
+        ...w,
+        columns: w.columns.filter((T) => T.cells && T.cells.length > 0)
+      })).filter((w) => w.columns.length > 0);
+      l.value = c, n("update:model-value", c);
+    }
+    function q(c) {
+      const w = c.map((T, V) => {
+        var N;
+        if (T.columns)
+          return T;
+        let y;
+        return s.value != null ? y = c[s.value].sectionType ?? u.value : y = T.sectionType ? T.sectionType : V > 0 && ((N = c[V - 1]) != null && N.sectionType) ? c[V - 1].sectionType : u.value, {
           columns: [
             {
               width: {
-                type: R.F_CELL_WIDTH_TYPE.Enum.FLEX,
+                type: A.F_CELL_WIDTH_TYPE.Enum.FLEX,
                 value: 100
               },
-              cells: [{ ...C }]
+              cells: [{ ...T }]
             }
           ],
-          sectionType: b
+          sectionType: y
         };
       });
-      l.value = k, n("update:model-value", k);
+      l.value = w, n("update:model-value", w);
     }
-    function B(m, k) {
-      const C = m.map((b) => b.cells ? b : {
-        cells: [{ ...b }]
-      }), T = l.value.map(
-        (b, P) => P === k ? { ...b, columns: C } : b
+    function B(c, w) {
+      const T = c.map((y) => y.cells ? y : {
+        cells: [{ ...y }]
+      }), V = l.value.map(
+        (y, N) => N === w ? { ...y, columns: T } : y
       );
-      l.value = T, n("update:model-value", T);
+      l.value = V, n("update:model-value", V);
     }
-    function N(m) {
-      a.value = m.position, d.value = m.position.row, n("selectWidget", m);
+    function Y(c) {
+      a.value = c.position, d.value = c.position.row, n("selectWidget", c);
     }
-    const Y = (m, k, C) => {
+    const z = (c, w, T) => {
       if (t.selectedWidget != null) {
-        const T = a.value;
-        return (T == null ? void 0 : T.row) === m && (T == null ? void 0 : T.col) === k && (T == null ? void 0 : T.cell) === C;
+        const V = a.value;
+        return (V == null ? void 0 : V.row) === c && (V == null ? void 0 : V.col) === w && (V == null ? void 0 : V.cell) === T;
       }
     };
-    function $(m) {
-      return m == null ? {} : m.type === R.F_CELL_WIDTH_TYPE.Enum.FLEX ? {
-        flex: m.value
-      } : m.type === R.F_CELL_WIDTH_TYPE.Enum.FIXED ? {
-        width: `${m.value}px`,
+    function L(c) {
+      return c == null ? {} : c.type === A.F_CELL_WIDTH_TYPE.Enum.FLEX ? {
+        flex: c.value
+      } : c.type === A.F_CELL_WIDTH_TYPE.Enum.FIXED ? {
+        width: `${c.value}px`,
         flex: "none"
       } : {};
     }
-    function h(m, k) {
-      d.value = k, u.value = m;
+    function v(c, w) {
+      d.value = w, u.value = c;
     }
-    function v(m) {
-      return m === d.value;
+    function g(c) {
+      return c === d.value;
     }
-    function _(m) {
-      return t.selectedWidgetSectionType ? m !== t.selectedWidgetSectionType : !1;
+    function _(c) {
+      return t.selectedWidgetSectionType ? c !== t.selectedWidgetSectionType : !1;
     }
     return Ye(
       () => t.modelValue,
-      (m) => {
-        l.value = m;
+      (c) => {
+        l.value = c;
       },
       { deep: !0 }
     ), Ye(
       () => t.selectedWidget,
-      (m) => {
-        m === null && (d.value = null);
+      (c) => {
+        c === null && (d.value = null);
       }
-    ), (m, k) => (x(), W("div", yl, [
-      V("div", _l, [
-        w(y(nt), {
+    ), (c, w) => (x(), W("div", _l, [
+      k("div", Cl, [
+        S(b(nt), {
           modelValue: l.value,
           "onUpdate:modelValue": [
-            k[0] || (k[0] = (C) => l.value = C),
-            k[2] || (k[2] = (C) => K(C))
+            w[0] || (w[0] = (T) => l.value = T),
+            w[2] || (w[2] = (T) => q(T))
           ],
           "item-key": "index",
           group: "widgets",
-          onAdd: k[1] || (k[1] = (C) => E(C)),
+          onAdd: w[1] || (w[1] = (T) => O(T)),
           class: "row-container"
         }, {
           default: be(() => [
-            (x(!0), W(we, null, Se(l.value, (C, T) => (x(), W("div", { key: T }, [
-              V("div", {
+            (x(!0), W(_e, null, Se(l.value, (T, V) => (x(), W("div", { key: V }, [
+              k("div", {
                 class: qt(["row", {
-                  rowBorder: v(T)
+                  rowBorder: g(V)
                 }])
               }, [
-                w(y(nt), {
-                  modelValue: C.columns,
-                  "onUpdate:modelValue": [(b) => C.columns = b, (b) => B(b, T)],
+                S(b(nt), {
+                  modelValue: T.columns,
+                  "onUpdate:modelValue": [(y) => T.columns = y, (y) => B(y, V)],
                   "item-key": "index",
                   group: "widgets",
-                  "row-index": T,
-                  disabled: _(C.sectionType),
-                  onAdd: (b) => S(b, T),
-                  onDragover: (b) => h(C.sectionType, T),
+                  "row-index": V,
+                  disabled: _(T.sectionType),
+                  onAdd: (y) => C(y, V),
+                  onDragover: (y) => v(T.sectionType, V),
                   class: "column-container"
                 }, {
                   default: be(() => [
-                    (x(!0), W(we, null, Se(C.columns, (b, P) => (x(), W("div", {
+                    (x(!0), W(_e, null, Se(T.columns, (y, N) => (x(), W("div", {
                       class: "w-full",
-                      key: P
+                      key: N
                     }, [
-                      V("div", {
+                      k("div", {
                         class: "column",
-                        style: ge($(b.width ?? void 0))
+                        style: ge(L(y.width ?? void 0))
                       }, [
-                        w(y(nt), {
-                          modelValue: b.cells,
-                          "onUpdate:modelValue": (G) => b.cells = G,
+                        S(b(nt), {
+                          modelValue: y.cells,
+                          "onUpdate:modelValue": (G) => y.cells = G,
                           "item-key": "index",
                           group: "widgets",
-                          "row-index": T,
-                          "col-index": P,
-                          disabled: _(C.sectionType),
-                          onAdd: (G) => I(G, T, P),
-                          onUpdate: (G) => I(G, T, P),
+                          "row-index": V,
+                          "col-index": N,
+                          disabled: _(T.sectionType),
+                          onAdd: (G) => E(G, V, N),
+                          onUpdate: (G) => E(G, V, N),
                           onStart: (G) => {
-                            c(
-                              b.cells[G.oldIndex],
-                              T,
-                              P,
+                            m(
+                              y.cells[G.oldIndex],
+                              V,
+                              N,
                               G.oldIndex
                             );
                           },
-                          onEnd: M,
+                          onEnd: $,
                           class: "cell-container"
                         }, {
                           default: be(() => [
-                            (x(!0), W(we, null, Se(b.cells, (G, le) => (x(), W("div", { key: le }, [
-                              V("div", {
+                            (x(!0), W(_e, null, Se(y.cells, (G, le) => (x(), W("div", { key: le }, [
+                              k("div", {
                                 class: qt(["cell", {
-                                  "selected-widget": Y(T, P, le)
+                                  "selected-widget": z(V, N, le)
                                 }]),
-                                onClick: (Ee) => N({
+                                onClick: (Te) => Y({
                                   config: G,
-                                  position: { row: T, col: P, cell: le }
+                                  position: { row: V, col: N, cell: le }
                                 })
                               }, [
-                                w(bl, {
+                                S(yl, {
                                   "model-value": G,
-                                  "font-size": m.fontSize,
-                                  disabled: _(C.sectionType)
+                                  "font-size": c.fontSize,
+                                  disabled: _(T.sectionType)
                                 }, null, 8, ["model-value", "font-size", "disabled"])
-                              ], 10, Cl)
+                              ], 10, El)
                             ]))), 128))
                           ]),
                           _: 2
@@ -2081,15 +2081,15 @@ const Yt = [
           ]),
           _: 1
         }, 8, ["modelValue"]),
-        w(nn)
+        S(nn)
       ])
     ]));
   }
 });
-const Tl = /* @__PURE__ */ St(El, [["__scopeId", "data-v-4bfaa477"]]), wl = { class: "gap" }, Sl = { class: "block fm-typo-en-body-md-600" }, Vl = {
+const wl = /* @__PURE__ */ St(Tl, [["__scopeId", "data-v-4bfaa477"]]), Sl = { class: "gap" }, Vl = { class: "block fm-typo-en-body-md-600" }, kl = {
   key: 1,
   class: "flex items-center fm-typo-en-body-md-600 h-9 my-8"
-}, kl = { class: "gap" }, xl = { class: "block fm-typo-en-body-md-600" }, Dl = { class: "grid grid-cols-2 gap-2" }, Il = { class: "gap" }, Fl = { class: "fm-typo-en-body-lg-600" }, Ol = { class: "flex flex-row justify-between" }, Rl = { class: "alignButtonGap" }, Al = { class: "alignButtonGap" }, Wl = /* @__PURE__ */ ee({
+}, xl = { class: "gap" }, Il = { class: "block fm-typo-en-body-md-600" }, Dl = { class: "grid grid-cols-2 gap-2" }, Fl = { class: "gap" }, Ol = { class: "fm-typo-en-body-lg-600" }, Al = { class: "flex flex-row justify-between" }, Rl = { class: "alignButtonGap" }, Wl = { class: "alignButtonGap" }, Nl = /* @__PURE__ */ ee({
   __name: "CommonWidgetEditor",
   props: {
     modelValue: {},
@@ -2105,8 +2105,8 @@ const Tl = /* @__PURE__ */ St(El, [["__scopeId", "data-v-4bfaa477"]]), wl = { cl
       pe.FLEX_START,
       pe.CENTER,
       pe.FLEX_END
-    ], d = (h) => {
-      switch (h) {
+    ], d = (v) => {
+      switch (v) {
         case pe.FLEX_START:
           return "align_horizontal_left";
         case pe.CENTER:
@@ -2114,8 +2114,8 @@ const Tl = /* @__PURE__ */ St(El, [["__scopeId", "data-v-4bfaa477"]]), wl = { cl
         case pe.FLEX_END:
           return "align_horizontal_right";
       }
-    }, u = (h) => {
-      switch (h) {
+    }, u = (v) => {
+      switch (v) {
         case pe.FLEX_START:
           return "vertical_align_top";
         case pe.CENTER:
@@ -2123,177 +2123,178 @@ const Tl = /* @__PURE__ */ St(El, [["__scopeId", "data-v-4bfaa477"]]), wl = { cl
         case pe.FLEX_END:
           return "vertical_align_bottom";
       }
-    }, c = (h) => {
+    }, m = (v) => {
       var _;
-      const v = (_ = t.selectedWidgetColumn.width) == null ? void 0 : _.value;
-      switch (h) {
-        case Pe.AUTO:
+      const g = (_ = t.selectedWidgetColumn.width) == null ? void 0 : _.value;
+      switch (v) {
+        case Le.AUTO:
           return null;
-        case Pe.PERCENTAGE:
+        case Le.PERCENTAGE:
           return {
-            type: R.F_CELL_WIDTH_TYPE.Enum.FLEX,
-            value: v ?? 100
+            type: A.F_CELL_WIDTH_TYPE.Enum.FLEX,
+            value: g ?? 100
           };
-        case Pe.PX:
+        case Le.PX:
           return {
-            type: R.F_CELL_WIDTH_TYPE.Enum.FIXED,
-            value: v ?? 10
+            type: A.F_CELL_WIDTH_TYPE.Enum.FIXED,
+            value: g ?? 10
           };
       }
     }, p = [
-      { label: Pe.AUTO },
-      { label: Pe.PX },
-      { label: Pe.PERCENTAGE }
-    ], f = L(() => {
-      var v;
-      switch ((v = t.selectedWidgetColumn.width) == null ? void 0 : v.type) {
-        case R.F_CELL_WIDTH_TYPE.Enum.FIXED:
+      { label: Le.AUTO },
+      { label: Le.PX },
+      { label: Le.PERCENTAGE }
+    ], f = P(() => {
+      var g;
+      switch ((g = t.selectedWidgetColumn.width) == null ? void 0 : g.type) {
+        case A.F_CELL_WIDTH_TYPE.Enum.FIXED:
           return p[1];
-        case R.F_CELL_WIDTH_TYPE.Enum.FLEX:
+        case A.F_CELL_WIDTH_TYPE.Enum.FLEX:
           return p[2];
         default:
           return p[0];
       }
     });
-    function E(h) {
+    function O(v) {
       var _;
-      const v = Math.max(1, Math.min(h, 720));
+      const g = Math.max(1, Math.min(v, 720));
       n("update:selected-widget-column", {
         ...t.selectedWidgetColumn,
         width: {
-          type: ((_ = t.selectedWidgetColumn.width) == null ? void 0 : _.type) ?? R.F_CELL_WIDTH_TYPE.Enum.FLEX,
-          value: v
+          type: ((_ = t.selectedWidgetColumn.width) == null ? void 0 : _.type) ?? A.F_CELL_WIDTH_TYPE.Enum.FLEX,
+          value: g
         }
       });
     }
-    function S(h) {
-      const v = c(h.label);
-      v == null ? n("update:selected-widget-column", {
+    function C(v) {
+      const g = m(v.label);
+      g == null ? n("update:selected-widget-column", {
         ...t.selectedWidgetColumn,
         width: null
       }) : n("update:selected-widget-column", {
         ...t.selectedWidgetColumn,
         width: {
-          type: v.type,
-          value: v.value
+          type: g.type,
+          value: g.value
         }
       });
     }
-    function I(h, v) {
-      let _ = v;
-      h === "height" && v === 0 && (_ = null), n("update:model-value", {
+    function E(v, g) {
+      let _ = g;
+      v === "height" && g === 0 && (_ = null), n("update:model-value", {
         ...t.modelValue,
-        [h]: _
+        [v]: _
       });
     }
-    function M(h, v) {
-      I("padding", { ...t.modelValue.padding, [h]: v });
+    function $(v, g) {
+      const _ = typeof g == "number" && Number.isFinite(g) ? g : 0;
+      E("padding", { ...t.modelValue.padding, [v]: _ });
     }
-    function K(h) {
-      a.value = h, N();
+    function q(v) {
+      a.value = v, Y();
     }
-    function B(h) {
-      i.value = h, N();
+    function B(v) {
+      i.value = v, Y();
     }
-    function N() {
-      I(
+    function Y() {
+      E(
         "alignment",
         ln({ justify: a.value, align: i.value })
       );
     }
-    function Y(h) {
-      return h ? "neutral-gray-400" : "neutral-gray-300";
+    function z(v) {
+      return v ? "neutral-gray-400" : "neutral-gray-300";
     }
-    function $(h) {
-      return h ? "neutral-gray-100" : "";
+    function L(v) {
+      return v ? "neutral-gray-100" : "";
     }
-    return (h, v) => {
-      var C, T;
-      const _ = J("FmStepperField"), m = J("FmButtonGroup"), k = J("FmButton");
-      return x(), W("div", wl, [
-        V("div", null, [
-          V("label", Sl, H(y(l)("mf-kitchen.editor.columnWidth")), 1),
-          (C = t.selectedWidgetColumn.width) != null && C.type ? (x(), ye(_, {
+    return (v, g) => {
+      var T, V;
+      const _ = K("FmStepperField"), c = K("FmButtonGroup"), w = K("FmButton");
+      return x(), W("div", Sl, [
+        k("div", null, [
+          k("label", Vl, H(b(l)("mf-kitchen.editor.columnWidth")), 1),
+          (T = t.selectedWidgetColumn.width) != null && T.type ? (x(), ye(_, {
             key: 0,
-            "model-value": ((T = t.selectedWidgetColumn.width) == null ? void 0 : T.value) ?? null,
+            "model-value": ((V = t.selectedWidgetColumn.width) == null ? void 0 : V.value) ?? null,
             max: 720,
             min: 1,
             step: 1,
-            rules: [(b) => b <= 720 || y(l)("mf-kitchen.editor.validation.columnWidthMax")],
-            "onUpdate:modelValue": E
-          }, null, 8, ["model-value", "rules"])) : (x(), W("label", Vl, H(y(l)("mf-kitchen.editor.autoWidth")), 1)),
-          w(m, {
+            rules: [(y) => y <= 720 || b(l)("mf-kitchen.editor.validation.columnWidthMax")],
+            "onUpdate:modelValue": O
+          }, null, 8, ["model-value", "rules"])) : (x(), W("label", kl, H(b(l)("mf-kitchen.editor.autoWidth")), 1)),
+          S(c, {
             "model-value": f.value,
             items: p,
-            "onUpdate:modelValue": S
+            "onUpdate:modelValue": C
           }, null, 8, ["model-value"])
         ]),
-        V("div", kl, [
-          V("label", xl, H(y(l)("mf-kitchen.editor.spacing")), 1),
-          V("div", Dl, [
-            w(_, {
-              "model-value": h.modelValue.padding.top,
+        k("div", xl, [
+          k("label", Il, H(b(l)("mf-kitchen.editor.spacing")), 1),
+          k("div", Dl, [
+            S(_, {
+              "model-value": v.modelValue.padding.top,
               min: 0,
               step: 1,
-              label: y(l)("mf-kitchen.editor.alignmentTop"),
-              "onUpdate:modelValue": v[0] || (v[0] = (b) => M("top", b))
+              label: b(l)("mf-kitchen.editor.alignmentTop"),
+              "onUpdate:modelValue": g[0] || (g[0] = (y) => $("top", y))
             }, null, 8, ["model-value", "label"]),
-            w(_, {
-              "model-value": h.modelValue.padding.bottom,
+            S(_, {
+              "model-value": v.modelValue.padding.bottom,
               min: 0,
               step: 1,
-              label: y(l)("mf-kitchen.editor.alignmentBottom"),
-              "onUpdate:modelValue": v[1] || (v[1] = (b) => M("bottom", b))
+              label: b(l)("mf-kitchen.editor.alignmentBottom"),
+              "onUpdate:modelValue": g[1] || (g[1] = (y) => $("bottom", y))
             }, null, 8, ["model-value", "label"]),
-            w(_, {
-              "model-value": h.modelValue.padding.left,
+            S(_, {
+              "model-value": v.modelValue.padding.left,
               min: 0,
               step: 1,
-              label: y(l)("mf-kitchen.editor.alignmentLeft"),
-              "onUpdate:modelValue": v[2] || (v[2] = (b) => M("left", b))
+              label: b(l)("mf-kitchen.editor.alignmentLeft"),
+              "onUpdate:modelValue": g[2] || (g[2] = (y) => $("left", y))
             }, null, 8, ["model-value", "label"]),
-            w(_, {
-              "model-value": h.modelValue.padding.right,
+            S(_, {
+              "model-value": v.modelValue.padding.right,
               min: 0,
               step: 1,
-              label: y(l)("mf-kitchen.editor.alignmentRight"),
-              "onUpdate:modelValue": v[3] || (v[3] = (b) => M("right", b))
+              label: b(l)("mf-kitchen.editor.alignmentRight"),
+              "onUpdate:modelValue": g[3] || (g[3] = (y) => $("right", y))
             }, null, 8, ["model-value", "label"])
           ])
         ]),
-        w(_, {
-          "model-value": h.modelValue.height ?? 0,
+        S(_, {
+          "model-value": v.modelValue.height ?? 0,
           min: 0,
           step: 1,
-          label: y(l)("mf-kitchen.editor.size"),
-          "onUpdate:modelValue": v[4] || (v[4] = (b) => I("height", b))
+          label: b(l)("mf-kitchen.editor.size"),
+          "onUpdate:modelValue": g[4] || (g[4] = (y) => E("height", y))
         }, null, 8, ["model-value", "label"]),
-        V("div", Il, [
-          V("label", Fl, H(y(l)("mf-kitchen.editor.alignment")), 1),
-          V("div", Ol, [
-            V("div", Rl, [
-              (x(), W(we, null, Se(r, (b) => V("div", { key: b }, [
-                w(k, {
+        k("div", Fl, [
+          k("label", Ol, H(b(l)("mf-kitchen.editor.alignment")), 1),
+          k("div", Al, [
+            k("div", Rl, [
+              (x(), W(_e, null, Se(r, (y) => k("div", { key: y }, [
+                S(w, {
                   variant: "tertiary",
                   size: "md",
                   class: "alignButtonBorder",
-                  icon: u(b),
-                  iconColor: Y(i.value === b),
-                  bgColor: $(i.value === b),
-                  onClick: (P) => B(b)
+                  icon: u(y),
+                  iconColor: z(i.value === y),
+                  bgColor: L(i.value === y),
+                  onClick: (N) => B(y)
                 }, null, 8, ["icon", "iconColor", "bgColor", "onClick"])
               ])), 64))
             ]),
-            V("div", Al, [
-              (x(), W(we, null, Se(s, (b) => V("div", { key: b }, [
-                w(k, {
+            k("div", Wl, [
+              (x(), W(_e, null, Se(s, (y) => k("div", { key: y }, [
+                S(w, {
                   variant: "tertiary",
                   size: "md",
                   class: "alignButtonBorder",
-                  icon: d(b),
-                  iconColor: Y(a.value === b),
-                  bgColor: $(a.value === b),
-                  onClick: (P) => K(b)
+                  icon: d(y),
+                  iconColor: z(a.value === y),
+                  bgColor: L(a.value === y),
+                  onClick: (N) => q(y)
                 }, null, 8, ["icon", "iconColor", "bgColor", "onClick"])
               ])), 64))
             ])
@@ -2303,7 +2304,7 @@ const Tl = /* @__PURE__ */ St(El, [["__scopeId", "data-v-4bfaa477"]]), wl = { cl
     };
   }
 });
-const He = /* @__PURE__ */ St(Wl, [["__scopeId", "data-v-4c013ae2"]]), Nl = /* @__PURE__ */ ee({
+const He = /* @__PURE__ */ St(Nl, [["__scopeId", "data-v-0475415b"]]), Pl = /* @__PURE__ */ ee({
   __name: "FormatColorButton",
   props: {
     isFormatColor: { type: Boolean },
@@ -2319,11 +2320,11 @@ const He = /* @__PURE__ */ St(Wl, [["__scopeId", "data-v-4c013ae2"]]), Nl = /* @
       return s ? "neutral-gray-100" : "";
     }
     function i(s) {
-      const r = s === R.F_PRINT_COLOR.Enum.COLORED ? R.F_PRINT_COLOR.Enum.BLACK : R.F_PRINT_COLOR.Enum.COLORED;
+      const r = s === A.F_PRINT_COLOR.Enum.COLORED ? A.F_PRINT_COLOR.Enum.BLACK : A.F_PRINT_COLOR.Enum.COLORED;
       n("update:model-value", r);
     }
     return (s, r) => {
-      const d = J("FmButton");
+      const d = K("FmButton");
       return x(), ye(d, {
         variant: "tertiary",
         size: "md",
@@ -2336,7 +2337,7 @@ const He = /* @__PURE__ */ St(Wl, [["__scopeId", "data-v-4c013ae2"]]), Nl = /* @
     };
   }
 });
-const kt = /* @__PURE__ */ St(Nl, [["__scopeId", "data-v-bee8f17f"]]), Pl = { class: "gap" }, Ll = { class: "fm-typo--body-lg-600 mb-2" }, $l = { class: "fm-typo-en-body-md-600" }, Bl = { class: "flex flex-wrap gap-[8px]" }, Ml = { class: "fm-typo-en-body-lg-600" }, Ul = { class: "flex flex-row gap-2" }, Xl = { class: "fm-typo-en-body-lg-600" }, zl = { class: "flex flex-row gap-2" }, Yl = /* @__PURE__ */ ee({
+const kt = /* @__PURE__ */ St(Pl, [["__scopeId", "data-v-bee8f17f"]]), Ll = { class: "gap" }, $l = { class: "fm-typo--body-lg-600 mb-2" }, Bl = { class: "fm-typo-en-body-md-600" }, Ml = { class: "flex flex-wrap gap-[8px]" }, Ul = { class: "fm-typo-en-body-lg-600" }, Xl = { class: "flex flex-row gap-2" }, zl = { class: "fm-typo-en-body-lg-600" }, Yl = { class: "flex flex-row gap-2" }, Gl = /* @__PURE__ */ ee({
   __name: "TextWidgetEditor",
   props: {
     modelValue: {},
@@ -2345,172 +2346,172 @@ const kt = /* @__PURE__ */ St(Nl, [["__scopeId", "data-v-bee8f17f"]]), Pl = { cl
   },
   emits: ["update:model-value", "update:selected-widget-column"],
   setup(e, { emit: o }) {
-    const t = e, n = o, l = L(() => t.modelValue.textAlign == R.F_TEXT_ALIGN.Enum.LEFT), a = L(() => t.modelValue.textAlign == R.F_TEXT_ALIGN.Enum.CENTER), i = L(() => t.modelValue.textAlign == R.F_TEXT_ALIGN.Enum.RIGHT), s = L(() => t.modelValue.isBold), r = L(() => t.modelValue.isItalic), d = L(() => t.modelValue.isUnderline), u = L(() => t.modelValue.isInvert ?? !1), c = L(() => t.modelValue.color ?? R.F_PRINT_COLOR.Enum.BLACK), p = L(() => c.value == R.F_PRINT_COLOR.Enum.COLORED), f = j(lt.receipt.schema()), { t: E, locale: S } = me();
-    function I($, h) {
+    const t = e, n = o, l = P(() => t.modelValue.textAlign == A.F_TEXT_ALIGN.Enum.LEFT), a = P(() => t.modelValue.textAlign == A.F_TEXT_ALIGN.Enum.CENTER), i = P(() => t.modelValue.textAlign == A.F_TEXT_ALIGN.Enum.RIGHT), s = P(() => t.modelValue.isBold), r = P(() => t.modelValue.isItalic), d = P(() => t.modelValue.isUnderline), u = P(() => t.modelValue.isInvert ?? !1), m = P(() => t.modelValue.color ?? A.F_PRINT_COLOR.Enum.BLACK), p = P(() => m.value == A.F_PRINT_COLOR.Enum.COLORED), f = j(lt.receipt.schema()), { t: O, locale: C } = me();
+    function E(L, v) {
       n("update:model-value", {
         ...t.modelValue,
-        [$]: h
+        [L]: v
       });
     }
-    function M($) {
+    function $(L) {
       n("update:selected-widget-column", {
         ...t.selectedWidgetColumn,
-        ...$
+        ...L
       });
     }
-    function K($) {
-      let h = R.F_WIDGET_ALIGNMENT.Enum.CENTER;
-      switch ($) {
-        case R.F_TEXT_ALIGN.Enum.LEFT:
-          h = R.F_WIDGET_ALIGNMENT.Enum.CENTER_LEFT;
+    function q(L) {
+      let v = A.F_WIDGET_ALIGNMENT.Enum.CENTER;
+      switch (L) {
+        case A.F_TEXT_ALIGN.Enum.LEFT:
+          v = A.F_WIDGET_ALIGNMENT.Enum.CENTER_LEFT;
           break;
-        case R.F_TEXT_ALIGN.Enum.CENTER:
-          h = R.F_WIDGET_ALIGNMENT.Enum.CENTER;
+        case A.F_TEXT_ALIGN.Enum.CENTER:
+          v = A.F_WIDGET_ALIGNMENT.Enum.CENTER;
           break;
-        case R.F_TEXT_ALIGN.Enum.RIGHT:
-          h = R.F_WIDGET_ALIGNMENT.Enum.CENTER_RIGHT;
+        case A.F_TEXT_ALIGN.Enum.RIGHT:
+          v = A.F_WIDGET_ALIGNMENT.Enum.CENTER_RIGHT;
           break;
       }
       n("update:model-value", {
         ...t.modelValue,
-        alignment: h,
-        textAlign: $
+        alignment: v,
+        textAlign: L
       });
     }
-    function B($) {
-      return $ ? "neutral-gray-400" : "neutral-gray-300";
+    function B(L) {
+      return L ? "neutral-gray-400" : "neutral-gray-300";
     }
-    function N($) {
-      return $ ? "neutral-gray-100" : "";
+    function Y(L) {
+      return L ? "neutral-gray-100" : "";
     }
-    function Y($) {
-      const h = (t.modelValue.value || "") + `${$}`;
-      I("value", h);
+    function z(L) {
+      const v = (t.modelValue.value || "") + `${L}`;
+      E("value", v);
     }
     return Ye(
-      () => S.value,
+      () => C.value,
       () => {
         f.value = lt.receipt.schema();
       }
-    ), ($, h) => {
-      const v = J("FmTextField"), _ = J("FmButton");
-      return x(), W("div", Pl, [
-        V("label", Ll, H(y(E)("mf-kitchen.editor.textWidget")), 1),
-        w(He, {
-          "model-value": $.modelValue,
-          "selected-widget-column": $.selectedWidgetColumn,
-          "onUpdate:modelValue": h[0] || (h[0] = (m) => n("update:model-value", {
-            ...$.modelValue,
-            ...m
+    ), (L, v) => {
+      const g = K("FmTextField"), _ = K("FmButton");
+      return x(), W("div", Ll, [
+        k("label", $l, H(b(O)("mf-kitchen.editor.textWidget")), 1),
+        S(He, {
+          "model-value": L.modelValue,
+          "selected-widget-column": L.selectedWidgetColumn,
+          "onUpdate:modelValue": v[0] || (v[0] = (c) => n("update:model-value", {
+            ...L.modelValue,
+            ...c
           })),
-          "onUpdate:selectedWidgetColumn": h[1] || (h[1] = (m) => M(m))
+          "onUpdate:selectedWidgetColumn": v[1] || (v[1] = (c) => $(c))
         }, null, 8, ["model-value", "selected-widget-column"]),
-        V("label", $l, H(y(E)("mf-kitchen.editor.editor")), 1),
-        w(v, {
-          "model-value": $.modelValue.value,
-          label: y(E)("mf-kitchen.editor.text"),
-          "onUpdate:modelValue": h[2] || (h[2] = (m) => I("value", m))
+        k("label", Bl, H(b(O)("mf-kitchen.editor.editor")), 1),
+        S(g, {
+          "model-value": L.modelValue.value,
+          label: b(O)("mf-kitchen.editor.text"),
+          "onUpdate:modelValue": v[2] || (v[2] = (c) => E("value", c))
         }, null, 8, ["model-value", "label"]),
-        V("div", Bl, [
-          (x(!0), W(we, null, Se(f.value[$.sectionType], (m, k) => (x(), W("div", { key: k }, [
-            w(_, {
+        k("div", Ml, [
+          (x(!0), W(_e, null, Se(f.value[L.sectionType], (c, w) => (x(), W("div", { key: w }, [
+            S(_, {
               variant: "tertiary",
               size: "md",
-              label: m.label,
+              label: c.label,
               bgColor: "neutral-gray-100",
-              onClick: (C) => Y(m.variable)
+              onClick: (T) => z(c.variable)
             }, null, 8, ["label", "onClick"])
           ]))), 128))
         ]),
-        w(v, {
-          "model-value": $.modelValue.factor,
-          label: y(E)("mf-kitchen.editor.scale"),
+        S(g, {
+          "model-value": L.modelValue.factor,
+          label: b(O)("mf-kitchen.editor.scale"),
           type: "number",
-          rules: [(m) => m >= 0.1 || y(E)("mf-kitchen.editor.validation.scale")],
-          "onUpdate:modelValue": h[3] || (h[3] = (m) => {
-            const k = Math.max(0.1, Number(m));
-            I("factor", k);
+          rules: [(c) => c >= 0.1 || b(O)("mf-kitchen.editor.validation.scale")],
+          "onUpdate:modelValue": v[3] || (v[3] = (c) => {
+            const w = Math.max(0.1, Number(c));
+            E("factor", w);
           })
         }, null, 8, ["model-value", "label", "rules"]),
-        V("label", Ml, H(y(E)("mf-kitchen.editor.textAlignment")), 1),
-        V("div", Ul, [
-          w(_, {
+        k("label", Ul, H(b(O)("mf-kitchen.editor.textAlignment")), 1),
+        k("div", Xl, [
+          S(_, {
             variant: "tertiary",
             size: "md",
             class: "buttonBorder",
             icon: "format_align_left",
             iconColor: B(l.value),
-            bgColor: N(l.value),
-            onClick: h[4] || (h[4] = (m) => K(y(R.F_TEXT_ALIGN).Enum.LEFT))
+            bgColor: Y(l.value),
+            onClick: v[4] || (v[4] = (c) => q(b(A.F_TEXT_ALIGN).Enum.LEFT))
           }, null, 8, ["iconColor", "bgColor"]),
-          w(_, {
+          S(_, {
             variant: "tertiary",
             size: "md",
             class: "buttonBorder",
             icon: "format_align_center",
             iconColor: B(a.value),
-            bgColor: N(a.value),
-            onClick: h[5] || (h[5] = (m) => K(y(R.F_TEXT_ALIGN).Enum.CENTER))
+            bgColor: Y(a.value),
+            onClick: v[5] || (v[5] = (c) => q(b(A.F_TEXT_ALIGN).Enum.CENTER))
           }, null, 8, ["iconColor", "bgColor"]),
-          w(_, {
+          S(_, {
             variant: "tertiary",
             size: "md",
             class: "buttonBorder",
             icon: "format_align_right",
             iconColor: B(i.value),
-            bgColor: N(i.value),
-            onClick: h[6] || (h[6] = (m) => K(y(R.F_TEXT_ALIGN).Enum.RIGHT))
+            bgColor: Y(i.value),
+            onClick: v[6] || (v[6] = (c) => q(b(A.F_TEXT_ALIGN).Enum.RIGHT))
           }, null, 8, ["iconColor", "bgColor"])
         ]),
-        V("label", Xl, H(y(E)("mf-kitchen.editor.textStyle")), 1),
-        V("div", zl, [
-          w(_, {
+        k("label", zl, H(b(O)("mf-kitchen.editor.textStyle")), 1),
+        k("div", Yl, [
+          S(_, {
             variant: "tertiary",
             size: "md",
             class: "buttonBorder",
             icon: "format_bold",
             iconColor: B(s.value),
-            bgColor: N(s.value),
-            onClick: h[7] || (h[7] = (m) => I("isBold", !t.modelValue.isBold))
+            bgColor: Y(s.value),
+            onClick: v[7] || (v[7] = (c) => E("isBold", !t.modelValue.isBold))
           }, null, 8, ["iconColor", "bgColor"]),
-          w(_, {
+          S(_, {
             variant: "tertiary",
             size: "md",
             class: "buttonBorder",
             icon: "format_italic",
             iconColor: B(r.value),
-            bgColor: N(r.value),
-            onClick: h[8] || (h[8] = (m) => I("isItalic", !t.modelValue.isItalic))
+            bgColor: Y(r.value),
+            onClick: v[8] || (v[8] = (c) => E("isItalic", !t.modelValue.isItalic))
           }, null, 8, ["iconColor", "bgColor"]),
-          w(_, {
+          S(_, {
             variant: "tertiary",
             size: "md",
             class: "buttonBorder",
             icon: "format_underlined",
             iconColor: B(d.value),
-            bgColor: N(d.value),
-            onClick: h[9] || (h[9] = (m) => I("isUnderline", !t.modelValue.isUnderline))
+            bgColor: Y(d.value),
+            onClick: v[9] || (v[9] = (c) => E("isUnderline", !t.modelValue.isUnderline))
           }, null, 8, ["iconColor", "bgColor"]),
-          w(_, {
+          S(_, {
             variant: "tertiary",
             size: "md",
             class: "buttonBorder",
             icon: "ink_highlighter",
             iconColor: B(u.value),
-            bgColor: N(u.value),
-            onClick: h[10] || (h[10] = (m) => I("isInvert", !t.modelValue.isInvert))
+            bgColor: Y(u.value),
+            onClick: v[10] || (v[10] = (c) => E("isInvert", !t.modelValue.isInvert))
           }, null, 8, ["iconColor", "bgColor"]),
-          w(kt, {
+          S(kt, {
             "is-format-color": p.value,
-            "selected-format-color": c.value,
-            "onUpdate:modelValue": h[11] || (h[11] = (m) => I("color", m))
+            "selected-format-color": m.value,
+            "onUpdate:modelValue": v[11] || (v[11] = (c) => E("color", c))
           }, null, 8, ["is-format-color", "selected-format-color"])
         ])
       ]);
     };
   }
 });
-const Gl = /* @__PURE__ */ St(Yl, [["__scopeId", "data-v-3d715f0b"]]), Hl = { class: "gap" }, jl = { class: "fm-typo--body-lg-600 mb-2" }, Kl = { class: "fm-typo-en-body-md-600" }, ql = { class: "fm-typo-en-body-lg-600" }, Jl = /* @__PURE__ */ ee({
+const Hl = /* @__PURE__ */ St(Gl, [["__scopeId", "data-v-3d715f0b"]]), jl = { class: "gap" }, Kl = { class: "fm-typo--body-lg-600 mb-2" }, ql = { class: "fm-typo-en-body-md-600" }, Zl = { class: "fm-typo-en-body-lg-600" }, Jl = /* @__PURE__ */ ee({
   __name: "CheckboxWidgetEditor",
   props: {
     modelValue: {},
@@ -2518,7 +2519,7 @@ const Gl = /* @__PURE__ */ St(Yl, [["__scopeId", "data-v-3d715f0b"]]), Hl = { cl
   },
   emits: ["update:model-value", "update:selected-widget-column"],
   setup(e, { emit: o }) {
-    const t = e, n = o, { t: l } = me(), a = L(() => t.modelValue.color ?? R.F_PRINT_COLOR.Enum.BLACK), i = L(() => a.value == R.F_PRINT_COLOR.Enum.COLORED);
+    const t = e, n = o, { t: l } = me(), a = P(() => t.modelValue.color ?? A.F_PRINT_COLOR.Enum.BLACK), i = P(() => a.value == A.F_PRINT_COLOR.Enum.COLORED);
     function s(d) {
       n("update:selected-widget-column", {
         ...t.selectedWidgetColumn,
@@ -2532,10 +2533,10 @@ const Gl = /* @__PURE__ */ St(Yl, [["__scopeId", "data-v-3d715f0b"]]), Hl = { cl
       });
     }
     return (d, u) => {
-      const c = J("FmTextField");
-      return x(), W("div", Hl, [
-        V("label", jl, H(y(l)("mf-kitchen.editor.checkboxWidget")), 1),
-        w(He, {
+      const m = K("FmTextField");
+      return x(), W("div", jl, [
+        k("label", Kl, H(b(l)("mf-kitchen.editor.checkboxWidget")), 1),
+        S(He, {
           "model-value": {
             padding: d.modelValue.padding,
             alignment: d.modelValue.alignment,
@@ -2546,19 +2547,19 @@ const Gl = /* @__PURE__ */ St(Yl, [["__scopeId", "data-v-3d715f0b"]]), Hl = { cl
           "onUpdate:modelValue": u[0] || (u[0] = (p) => n("update:model-value", { ...d.modelValue, ...p })),
           "onUpdate:selectedWidgetColumn": u[1] || (u[1] = (p) => s(p))
         }, null, 8, ["model-value", "selected-widget-column"]),
-        V("label", Kl, H(y(l)("mf-kitchen.editor.editor")), 1),
-        w(c, {
+        k("label", ql, H(b(l)("mf-kitchen.editor.editor")), 1),
+        S(m, {
           "model-value": d.modelValue.size,
-          label: y(l)("mf-kitchen.editor.size"),
+          label: b(l)("mf-kitchen.editor.size"),
           type: "number",
-          rules: [(p) => p >= 1 || y(l)("mf-kitchen.editor.validation.minOne")],
+          rules: [(p) => p >= 1 || b(l)("mf-kitchen.editor.validation.minOne")],
           "onUpdate:modelValue": u[2] || (u[2] = (p) => {
             const f = Math.max(1, Number(p));
             r(f);
           })
         }, null, 8, ["model-value", "label", "rules"]),
-        V("label", ql, H(y(l)("mf-kitchen.editor.textStyle")), 1),
-        w(kt, {
+        k("label", Zl, H(b(l)("mf-kitchen.editor.textStyle")), 1),
+        S(kt, {
           class: "w-fit",
           "is-format-color": i.value,
           "selected-format-color": a.value,
@@ -2567,7 +2568,7 @@ const Gl = /* @__PURE__ */ St(Yl, [["__scopeId", "data-v-3d715f0b"]]), Hl = { cl
       ]);
     };
   }
-}), Zl = { class: "gap" }, Ql = { class: "fm-typo--body-lg-600 mb-2" }, ei = /* @__PURE__ */ ee({
+}), Ql = { class: "gap" }, ei = { class: "fm-typo--body-lg-600 mb-2" }, ti = /* @__PURE__ */ ee({
   __name: "SpacerWidgetEditor",
   props: {
     modelValue: {},
@@ -2582,9 +2583,9 @@ const Gl = /* @__PURE__ */ St(Yl, [["__scopeId", "data-v-3d715f0b"]]), Hl = { cl
         ...i
       });
     }
-    return (i, s) => (x(), W("div", Zl, [
-      V("label", Ql, H(y(l)("mf-kitchen.editor.spacerWidget")), 1),
-      w(He, {
+    return (i, s) => (x(), W("div", Ql, [
+      k("label", ei, H(b(l)("mf-kitchen.editor.spacerWidget")), 1),
+      S(He, {
         "model-value": {
           padding: i.modelValue.padding,
           alignment: i.modelValue.alignment,
@@ -2597,7 +2598,7 @@ const Gl = /* @__PURE__ */ St(Yl, [["__scopeId", "data-v-3d715f0b"]]), Hl = { cl
       }, null, 8, ["model-value", "selected-widget-column"])
     ]));
   }
-}), ti = { class: "gap" }, oi = { class: "fm-typo-en-body-lg-600 mb-2" }, ni = { class: "fm-typo-en-body-md-600" }, li = { class: "flex flex-row gap-[24px]" }, ii = /* @__PURE__ */ ee({
+}), oi = { class: "gap" }, ni = { class: "fm-typo-en-body-lg-600 mb-2" }, li = { class: "fm-typo-en-body-md-600" }, ii = { class: "flex flex-row gap-[24px]" }, ai = /* @__PURE__ */ ee({
   __name: "ImageWidgetEditor",
   props: {
     modelValue: {},
@@ -2619,10 +2620,10 @@ const Gl = /* @__PURE__ */ St(Yl, [["__scopeId", "data-v-3d715f0b"]]), Hl = { cl
       });
     }
     return (r, d) => {
-      const u = J("FmTextField");
-      return x(), W("div", ti, [
-        V("label", oi, H(y(l)("mf-kitchen.editor.imageWidget")), 1),
-        w(He, {
+      const u = K("FmTextField");
+      return x(), W("div", oi, [
+        k("label", ni, H(b(l)("mf-kitchen.editor.imageWidget")), 1),
+        S(He, {
           "model-value": {
             padding: r.modelValue.padding,
             alignment: r.modelValue.alignment,
@@ -2630,33 +2631,33 @@ const Gl = /* @__PURE__ */ St(Yl, [["__scopeId", "data-v-3d715f0b"]]), Hl = { cl
             type: r.modelValue.type
           },
           "selected-widget-column": r.selectedWidgetColumn,
-          "onUpdate:modelValue": d[0] || (d[0] = (c) => n("update:model-value", { ...r.modelValue, ...c })),
-          "onUpdate:selectedWidgetColumn": d[1] || (d[1] = (c) => s(c))
+          "onUpdate:modelValue": d[0] || (d[0] = (m) => n("update:model-value", { ...r.modelValue, ...m })),
+          "onUpdate:selectedWidgetColumn": d[1] || (d[1] = (m) => s(m))
         }, null, 8, ["model-value", "selected-widget-column"]),
-        V("label", ni, H(y(l)("mf-kitchen.editor.editor")), 1),
-        w(an, {
+        k("label", li, H(b(l)("mf-kitchen.editor.editor")), 1),
+        S(an, {
           "model-value": r.modelValue.imgData,
-          "onUpdate:modelValue": d[2] || (d[2] = (c) => a((p) => ({ ...p, imgData: c }))),
-          title: y(l)("mf-kitchen.editor.image")
+          "onUpdate:modelValue": d[2] || (d[2] = (m) => a((p) => ({ ...p, imgData: m }))),
+          title: b(l)("mf-kitchen.editor.image")
         }, null, 8, ["model-value", "title"]),
-        V("div", li, [
-          w(u, {
+        k("div", ii, [
+          S(u, {
             "model-value": r.modelValue.height,
-            label: y(l)("mf-kitchen.editor.height"),
+            label: b(l)("mf-kitchen.editor.height"),
             type: "number",
-            rules: [(c) => c >= 1 || y(l)("mf-kitchen.editor.validation.minOne")],
-            "onUpdate:modelValue": d[3] || (d[3] = (c) => {
-              const p = Math.max(1, Number(c));
+            rules: [(m) => m >= 1 || b(l)("mf-kitchen.editor.validation.minOne")],
+            "onUpdate:modelValue": d[3] || (d[3] = (m) => {
+              const p = Math.max(1, Number(m));
               i("height", p);
             })
           }, null, 8, ["model-value", "label", "rules"]),
-          w(u, {
+          S(u, {
             "model-value": r.modelValue.width,
-            label: y(l)("mf-kitchen.editor.width"),
+            label: b(l)("mf-kitchen.editor.width"),
             type: "number",
-            rules: [(c) => c >= 1 || y(l)("mf-kitchen.editor.validation.minOne")],
-            "onUpdate:modelValue": d[4] || (d[4] = (c) => {
-              const p = Math.max(1, Number(c));
+            rules: [(m) => m >= 1 || b(l)("mf-kitchen.editor.validation.minOne")],
+            "onUpdate:modelValue": d[4] || (d[4] = (m) => {
+              const p = Math.max(1, Number(m));
               i("width", p);
             })
           }, null, 8, ["model-value", "label", "rules"])
@@ -2664,7 +2665,7 @@ const Gl = /* @__PURE__ */ St(Yl, [["__scopeId", "data-v-3d715f0b"]]), Hl = { cl
       ]);
     };
   }
-}), ai = { class: "gap" }, ri = { class: "fm-typo--body-lg-600 mb-2" }, si = { class: "fm-typo-en-body-md-600" }, di = { class: "flex flex-wrap gap-[8px]" }, ui = { class: "fm-typo-en-body-lg-600" }, ci = /* @__PURE__ */ ee({
+}), ri = { class: "gap" }, si = { class: "fm-typo--body-lg-600 mb-2" }, di = { class: "fm-typo-en-body-md-600" }, ui = { class: "flex flex-wrap gap-[8px]" }, ci = { class: "fm-typo-en-body-lg-600" }, mi = /* @__PURE__ */ ee({
   __name: "QrCodeWidgetEditor",
   props: {
     modelValue: {},
@@ -2673,7 +2674,7 @@ const Gl = /* @__PURE__ */ St(Yl, [["__scopeId", "data-v-3d715f0b"]]), Hl = { cl
   },
   emits: ["update:model-value", "update:selected-widget-column"],
   setup(e, { emit: o }) {
-    const t = e, n = o, l = L(() => t.modelValue.color ?? R.F_PRINT_COLOR.Enum.BLACK), a = L(() => l.value == R.F_PRINT_COLOR.Enum.COLORED), i = lt.receipt.schema(), { t: s } = me();
+    const t = e, n = o, l = P(() => t.modelValue.color ?? A.F_PRINT_COLOR.Enum.BLACK), a = P(() => l.value == A.F_PRINT_COLOR.Enum.COLORED), i = lt.receipt.schema(), { t: s } = me();
     function r(p) {
       n("update:model-value", { ...t.modelValue, link: p });
     }
@@ -2687,22 +2688,22 @@ const Gl = /* @__PURE__ */ St(Yl, [["__scopeId", "data-v-3d715f0b"]]), Hl = { cl
       const f = (t.modelValue.link || "") + `${p}`;
       r(f);
     }
-    function c(p) {
+    function m(p) {
       const f = {
         ...t.modelValue,
         ...p
       };
       if ("height" in p) {
-        const E = p.height === null ? 160 : p.height;
-        f.height = E, f.size = E;
+        const O = p.height === null ? 160 : p.height;
+        f.height = O, f.size = O;
       }
       n("update:model-value", f);
     }
     return (p, f) => {
-      const E = J("FmTextField"), S = J("FmButton");
-      return x(), W("div", ai, [
-        V("label", ri, H(y(s)("mf-kitchen.editor.qrCodeWidget")), 1),
-        w(He, {
+      const O = K("FmTextField"), C = K("FmButton");
+      return x(), W("div", ri, [
+        k("label", si, H(b(s)("mf-kitchen.editor.qrCodeWidget")), 1),
+        S(He, {
           "model-value": {
             padding: p.modelValue.padding,
             alignment: p.modelValue.alignment,
@@ -2710,37 +2711,37 @@ const Gl = /* @__PURE__ */ St(Yl, [["__scopeId", "data-v-3d715f0b"]]), Hl = { cl
             type: p.modelValue.type
           },
           "selected-widget-column": p.selectedWidgetColumn,
-          "onUpdate:modelValue": f[0] || (f[0] = (I) => c(I)),
-          "onUpdate:selectedWidgetColumn": f[1] || (f[1] = (I) => d(I))
+          "onUpdate:modelValue": f[0] || (f[0] = (E) => m(E)),
+          "onUpdate:selectedWidgetColumn": f[1] || (f[1] = (E) => d(E))
         }, null, 8, ["model-value", "selected-widget-column"]),
-        V("label", si, H(y(s)("mf-kitchen.editor.editor")), 1),
-        w(E, {
+        k("label", di, H(b(s)("mf-kitchen.editor.editor")), 1),
+        S(O, {
           "model-value": p.modelValue.link,
-          label: y(s)("mf-kitchen.editor.text"),
-          "onUpdate:modelValue": f[2] || (f[2] = (I) => r(I))
+          label: b(s)("mf-kitchen.editor.text"),
+          "onUpdate:modelValue": f[2] || (f[2] = (E) => r(E))
         }, null, 8, ["model-value", "label"]),
-        V("div", di, [
-          (x(!0), W(we, null, Se(y(i)[p.sectionType], (I, M) => (x(), W("div", { key: M }, [
-            w(S, {
+        k("div", ui, [
+          (x(!0), W(_e, null, Se(b(i)[p.sectionType], (E, $) => (x(), W("div", { key: $ }, [
+            S(C, {
               variant: "tertiary",
               size: "md",
-              label: y(s)(`${I.label}`),
+              label: b(s)(`${E.label}`),
               bgColor: "neutral-gray-100",
-              onClick: (K) => u(I.variable)
+              onClick: (q) => u(E.variable)
             }, null, 8, ["label", "onClick"])
           ]))), 128))
         ]),
-        V("label", ui, H(y(s)("mf-kitchen.editor.textStyle")), 1),
-        w(kt, {
+        k("label", ci, H(b(s)("mf-kitchen.editor.textStyle")), 1),
+        S(kt, {
           class: "w-fit",
           "is-format-color": a.value,
           "selected-format-color": l.value,
-          "onUpdate:modelValue": f[3] || (f[3] = (I) => n("update:model-value", { ...p.modelValue, color: I }))
+          "onUpdate:modelValue": f[3] || (f[3] = (E) => n("update:model-value", { ...p.modelValue, color: E }))
         }, null, 8, ["is-format-color", "selected-format-color"])
       ]);
     };
   }
-}), mi = { class: "gap" }, pi = { class: "fm-typo--body-lg-600 mb-2" }, fi = { class: "fm-typo-en-body-md-600" }, gi = { class: "fm-typo-en-body-lg-600" }, vi = /* @__PURE__ */ ee({
+}), pi = { class: "gap" }, fi = { class: "fm-typo--body-lg-600 mb-2" }, gi = { class: "fm-typo-en-body-md-600" }, hi = { class: "fm-typo-en-body-lg-600" }, vi = /* @__PURE__ */ ee({
   __name: "DividerWidgetEditor",
   props: {
     modelValue: {},
@@ -2748,7 +2749,7 @@ const Gl = /* @__PURE__ */ St(Yl, [["__scopeId", "data-v-3d715f0b"]]), Hl = { cl
   },
   emits: ["update:model-value", "update:selected-widget-column"],
   setup(e, { emit: o }) {
-    const t = e, n = o, { t: l } = me(), a = L(() => t.modelValue.color ?? R.F_PRINT_COLOR.Enum.BLACK), i = L(() => a.value == R.F_PRINT_COLOR.Enum.COLORED);
+    const t = e, n = o, { t: l } = me(), a = P(() => t.modelValue.color ?? A.F_PRINT_COLOR.Enum.BLACK), i = P(() => a.value == A.F_PRINT_COLOR.Enum.COLORED);
     function s(d) {
       n("update:selected-widget-column", {
         ...t.selectedWidgetColumn,
@@ -2762,10 +2763,10 @@ const Gl = /* @__PURE__ */ St(Yl, [["__scopeId", "data-v-3d715f0b"]]), Hl = { cl
       });
     }
     return (d, u) => {
-      const c = J("FmTextField");
-      return x(), W("div", mi, [
-        V("label", pi, H(y(l)("mf-kitchen.editor.dividerWidget")), 1),
-        w(He, {
+      const m = K("FmTextField");
+      return x(), W("div", pi, [
+        k("label", fi, H(b(l)("mf-kitchen.editor.dividerWidget")), 1),
+        S(He, {
           "model-value": {
             padding: d.modelValue.padding,
             alignment: d.modelValue.alignment,
@@ -2776,19 +2777,19 @@ const Gl = /* @__PURE__ */ St(Yl, [["__scopeId", "data-v-3d715f0b"]]), Hl = { cl
           "onUpdate:modelValue": u[0] || (u[0] = (p) => n("update:model-value", { ...d.modelValue, ...p })),
           "onUpdate:selectedWidgetColumn": u[1] || (u[1] = (p) => s(p))
         }, null, 8, ["model-value", "selected-widget-column"]),
-        V("label", fi, H(y(l)("mf-kitchen.editor.editor")), 1),
-        w(c, {
+        k("label", gi, H(b(l)("mf-kitchen.editor.editor")), 1),
+        S(m, {
           "model-value": d.modelValue.thickness,
-          label: y(l)("mf-kitchen.editor.thickness"),
+          label: b(l)("mf-kitchen.editor.thickness"),
           type: "number",
-          rules: [(p) => p >= 1 || y(l)("mf-kitchen.editor.validation.minOne")],
+          rules: [(p) => p >= 1 || b(l)("mf-kitchen.editor.validation.minOne")],
           "onUpdate:modelValue": u[2] || (u[2] = (p) => {
             const f = Math.max(1, Number(p));
             r(f);
           })
         }, null, 8, ["model-value", "label", "rules"]),
-        V("label", gi, H(y(l)("mf-kitchen.editor.textStyle")), 1),
-        w(kt, {
+        k("label", hi, H(b(l)("mf-kitchen.editor.textStyle")), 1),
+        S(kt, {
           class: "w-fit",
           "is-format-color": i.value,
           "selected-format-color": a.value,
@@ -2797,7 +2798,7 @@ const Gl = /* @__PURE__ */ St(Yl, [["__scopeId", "data-v-3d715f0b"]]), Hl = { cl
       ]);
     };
   }
-}), hi = { class: "px-[24px] py-[16px] overflow-y-auto" }, bi = { key: 0 }, yi = { key: 1 }, _i = { class: "fm-typo-en-body-md-600 text-fm-color-typo-primary mb-3" }, Ci = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ei = /* @__PURE__ */ ee({
+}), bi = { class: "px-[24px] py-[16px] overflow-y-auto" }, yi = { key: 0 }, _i = { key: 1 }, Ci = { class: "fm-typo-en-body-md-600 text-fm-color-typo-primary mb-3" }, Ei = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ti = /* @__PURE__ */ ee({
   __name: "EditingPanel",
   props: {
     selectedWidget: {},
@@ -2807,13 +2808,13 @@ const Gl = /* @__PURE__ */ St(Yl, [["__scopeId", "data-v-3d715f0b"]]), Hl = { cl
   emits: ["update:widget", "update:selected-widget-column"],
   setup(e, { emit: o }) {
     const t = e, n = o, { t: l } = me(), a = {
-      TEXT: Gl,
+      TEXT: Hl,
       CHECKBOX: Jl,
-      EMPTY: ei,
-      IMAGE: ii,
-      QR: ci,
+      EMPTY: ti,
+      IMAGE: ai,
+      QR: mi,
       DIVIDER: vi
-    }, i = L(() => t.selectedWidget ? a[t.selectedWidget.config.data.type] : null);
+    }, i = P(() => t.selectedWidget ? a[t.selectedWidget.config.data.type] : null);
     function s(d) {
       if (t.selectedWidget) {
         const u = { ...t.selectedWidget };
@@ -2829,8 +2830,8 @@ const Gl = /* @__PURE__ */ St(Yl, [["__scopeId", "data-v-3d715f0b"]]), Hl = { cl
     function r(d) {
       n("update:selected-widget-column", d);
     }
-    return (d, u) => (x(), W("div", hi, [
-      d.selectedWidget ? (x(), W("div", bi, [
+    return (d, u) => (x(), W("div", bi, [
+      d.selectedWidget ? (x(), W("div", yi, [
         i.value ? (x(), ye(_o(i.value), {
           key: 0,
           "model-value": d.selectedWidget.config.data,
@@ -2838,18 +2839,18 @@ const Gl = /* @__PURE__ */ St(Yl, [["__scopeId", "data-v-3d715f0b"]]), Hl = { cl
           "selected-widget-column": d.selectedWidgetColumn,
           "onUpdate:modelValue": s,
           "onUpdate:selectedWidgetColumn": r
-        }, null, 40, ["model-value", "section-type", "selected-widget-column"])) : Me("", !0)
-      ])) : (x(), W("div", yi, [
-        V("h2", _i, H(y(l)("mf-kitchen.designPanel")), 1),
-        V("p", Ci, H(y(l)("mf-kitchen.editorDescription")), 1)
+        }, null, 40, ["model-value", "section-type", "selected-widget-column"])) : Ne("", !0)
+      ])) : (x(), W("div", _i, [
+        k("h2", Ci, H(b(l)("mf-kitchen.designPanel")), 1),
+        k("p", Ei, H(b(l)("mf-kitchen.editorDescription")), 1)
       ]))
     ]));
   }
-}), Ti = { class: "gap" }, wi = { class: "fm-typo-en-body-lg-600" }, Si = /* @__PURE__ */ ee({
+}), wi = { class: "gap" }, Si = { class: "fm-typo-en-body-lg-600" }, Vi = /* @__PURE__ */ ee({
   __name: "WidgetsComponent",
   emits: ["removeSelectedWidget"],
   setup(e, { emit: o }) {
-    const t = o, { t: n } = me(), l = L(() => [
+    const t = o, { t: n } = me(), l = P(() => [
       { data: rn(), name: n("mf-kitchen.editor.spacer"), icon: "add" },
       { data: Co(), name: n("mf-kitchen.editor.text"), icon: "title" },
       { data: sn(), name: n("mf-kitchen.editor.checkbox"), icon: "check_box" },
@@ -2861,12 +2862,12 @@ const Gl = /* @__PURE__ */ St(Yl, [["__scopeId", "data-v-3d715f0b"]]), Hl = { cl
       t("removeSelectedWidget", !0);
     }
     return (s, r) => {
-      const d = J("FmIcon"), u = J("FmCardSection"), c = J("FmCard"), p = J("v-list");
-      return x(), W("div", Ti, [
-        V("label", wi, H(y(n)("mf-kitchen.editor.widget_plural")), 1),
-        w(p, null, {
+      const d = K("FmIcon"), u = K("FmCardSection"), m = K("FmCard"), p = K("v-list");
+      return x(), W("div", wi, [
+        k("label", Si, H(b(n)("mf-kitchen.editor.widget_plural")), 1),
+        S(p, null, {
           default: be(() => [
-            w(y(nt), {
+            S(b(nt), {
               modelValue: l.value,
               "onUpdate:modelValue": r[0] || (r[0] = (f) => l.value = f),
               "item-key": "id",
@@ -2877,22 +2878,22 @@ const Gl = /* @__PURE__ */ St(Yl, [["__scopeId", "data-v-3d715f0b"]]), Hl = { cl
               class: "grid grid-cols-2 gap-x-[24px] gap-y-[15px] cursor-grab"
             }, {
               default: be(() => [
-                (x(!0), W(we, null, Se(l.value, (f) => (x(), W("div", {
+                (x(!0), W(_e, null, Se(l.value, (f) => (x(), W("div", {
                   key: f.name
                 }, [
-                  w(c, {
+                  S(m, {
                     variant: "outlined",
                     class: "flex flex-col justify-center items-center p-[16px]"
                   }, {
                     default: be(() => [
-                      w(d, {
+                      S(d, {
                         name: f.icon,
                         size: "md",
                         class: "mb-[5px] text-fm-color-neutral-gray-400"
                       }, null, 8, ["name"]),
-                      w(u, { class: "p-0" }, {
+                      S(u, { class: "p-0" }, {
                         default: be(() => [
-                          Zo(H(f.name), 1)
+                          Jo(H(f.name), 1)
                         ]),
                         _: 2
                       }, 1024)
@@ -2909,7 +2910,7 @@ const Gl = /* @__PURE__ */ St(Yl, [["__scopeId", "data-v-3d715f0b"]]), Hl = { cl
       ]);
     };
   }
-}), Vi = { class: "flex flex-col justify-between w-[420px]" }, ki = { class: "flex flex-col px-[24px] py-[16px] overflow-y-auto gap-24" }, xi = { class: "flex flex-col gap-2" }, Di = { class: "fm-typo-en-body-lg-600" }, Ii = { class: "fm-typo-en-body-lg-600" }, Fi = { class: "p-[16px] fm-shadow-light-300" }, Oi = /* @__PURE__ */ ee({
+}), ki = { class: "flex flex-col justify-between w-[420px]" }, xi = { class: "flex flex-col px-[24px] py-[16px] overflow-y-auto gap-24" }, Ii = { class: "flex flex-col gap-2" }, Di = { class: "fm-typo-en-body-lg-600" }, Fi = { class: "fm-typo-en-body-lg-600" }, Oi = { class: "p-[16px] fm-shadow-light-300" }, Ai = /* @__PURE__ */ ee({
   __name: "AdvanceModeLeftPanel",
   props: {
     receiptInfo: {},
@@ -2920,91 +2921,121 @@ const Gl = /* @__PURE__ */ St(Yl, [["__scopeId", "data-v-3d715f0b"]]), Hl = { cl
   setup(e, { emit: o }) {
     const t = e, n = o, l = mn(() => {
       n("reset");
-    }), { t: a, locale: i } = me(), s = j(lt.receipt.schema()), r = L(
+    }), { t: a, locale: i } = me(), s = j(lt.receipt.schema()), r = P(
       () => Object.entries(s.value).flatMap(
-        ([E, S]) => S.map((I) => ({
-          ...I,
-          sectionType: E
+        ([C, E]) => E.map(($) => ({
+          ...$,
+          sectionType: C
         }))
       )
-    ), d = L(
-      () => r.value.map((E) => ({
+    ), d = P(
+      () => r.value.map((C) => ({
         data: {
           ...Co(),
-          value: E.variable
+          value: C.variable
         },
-        name: E.label,
-        sectionType: E.sectionType
+        name: C.label,
+        sectionType: C.sectionType
       }))
-    ), u = L(
-      () => t.selectedWidgetSectionType ? d.value.filter((E) => E.sectionType === t.selectedWidgetSectionType) : d.value
-    );
-    function c(E) {
-      return JSON.parse(JSON.stringify(E));
+    ), u = P(
+      () => t.selectedWidgetSectionType ? d.value.filter((C) => C.sectionType === t.selectedWidgetSectionType) : d.value
+    ), m = P(() => {
+      var C;
+      return !((C = t.template) != null && C.billItemsDisplayMode) || t.template.billItemsDisplayMode === "DETAILED";
+    });
+    function p(C) {
+      return JSON.parse(JSON.stringify(C));
     }
-    function p(E) {
-      n("updateReceiptTemplate", E(t.template));
+    function f(C) {
+      n("updateReceiptTemplate", C(t.template));
     }
-    function f(E) {
-      const S = u.value[E.oldIndex];
-      n("variableSectionType", S.sectionType);
+    function O(C) {
+      const E = u.value[C.oldIndex];
+      n("variableSectionType", E.sectionType);
     }
     return Ye(
       () => i.value,
       () => {
         s.value = lt.receipt.schema();
       }
-    ), (E, S) => {
-      var B;
-      const I = J("FmStepperField"), M = J("FmButton"), K = J("v-list");
-      return x(), W("div", Vi, [
-        V("div", ki, [
-          V("div", xi, [
-            V("label", Di, H(y(a)("mf-kitchen.receiptSetting")), 1),
-            E.receiptInfo ? (x(), ye(pn, {
+    ), (C, E) => {
+      var z, L, v, g, _;
+      const $ = K("FmSwitch"), q = K("FmStepperField"), B = K("FmButton"), Y = K("v-list");
+      return x(), W("div", ki, [
+        k("div", xi, [
+          k("div", Ii, [
+            k("label", Di, H(b(a)("mf-kitchen.receiptSetting")), 1),
+            C.receiptInfo ? (x(), ye(pn, {
               key: 0,
-              "model-value": E.receiptInfo,
-              "onUpdate:modelValue": S[0] || (S[0] = (N) => n("updateReceiptInfo", N))
-            }, null, 8, ["model-value"])) : Me("", !0)
+              "model-value": C.receiptInfo,
+              "bill-items-display-mode": (z = C.template) == null ? void 0 : z.billItemsDisplayMode,
+              "hide-hide-settings": !0,
+              "onUpdate:modelValue": E[0] || (E[0] = (c) => n("updateReceiptInfo", c))
+            }, null, 8, ["model-value", "bill-items-display-mode"])) : Ne("", !0),
+            m.value ? (x(), W(_e, { key: 1 }, [
+              S($, {
+                "model-value": ((L = C.template) == null ? void 0 : L.hideProductCode) ?? C.receiptInfo.hideProductCode ?? !1,
+                label: b(a)("mf-kitchen.editor.hideProductCode"),
+                "label-placement": "left",
+                class: "receiptSettingSwitch",
+                "onUpdate:modelValue": E[1] || (E[1] = (c) => f((w) => ({ ...w, hideProductCode: c })))
+              }, null, 8, ["model-value", "label"]),
+              S($, {
+                "model-value": ((v = C.template) == null ? void 0 : v.hideZeroPriceItem) ?? C.receiptInfo.hideZeroPriceItem ?? !1,
+                label: b(a)("mf-kitchen.editor.hideItemWithZeroPrice"),
+                "label-placement": "left",
+                class: "receiptSettingSwitch",
+                "onUpdate:modelValue": E[2] || (E[2] = (c) => f((w) => ({ ...w, hideZeroPriceItem: c })))
+              }, null, 8, ["model-value", "label"]),
+              S($, {
+                "model-value": ((g = C.template) == null ? void 0 : g.hideZeroPriceAddon) ?? C.receiptInfo.hideZeroPriceAddon ?? !1,
+                label: b(a)("mf-kitchen.editor.hideAddonWithZeroPrice"),
+                "label-placement": "left",
+                class: "receiptSettingSwitch",
+                "onUpdate:modelValue": E[3] || (E[3] = (c) => f((w) => ({ ...w, hideZeroPriceAddon: c })))
+              }, null, 8, ["model-value", "label"])
+            ], 64)) : Ne("", !0)
           ]),
-          w(I, {
-            "model-value": ((B = t.template) == null ? void 0 : B.fontSize) ?? 12,
+          S(q, {
+            "model-value": ((_ = t.template) == null ? void 0 : _.fontSize) ?? 12,
             max: 40,
             min: 1,
             step: 1,
-            label: y(a)("mf-kitchen.editor.overallFontSize"),
-            rules: [(N) => N <= 40 || "More than 40"],
-            "onUpdate:modelValue": S[1] || (S[1] = (N) => {
-              const Y = Math.min(N, 40);
-              p(($) => ({ ...$, fontSize: Y }));
+            label: b(a)("mf-kitchen.editor.overallFontSize"),
+            rules: [(c) => c <= 40 || "More than 40"],
+            "onUpdate:modelValue": E[4] || (E[4] = (c) => {
+              f((w) => ({
+                ...w,
+                fontSize: typeof c == "number" && Number.isFinite(c) ? Math.min(c, 40) : w.fontSize
+              }));
             })
           }, null, 8, ["model-value", "label", "rules"]),
-          w(Si, {
-            onRemoveSelectedWidget: S[2] || (S[2] = (N) => n("removeSelectedWidget", N))
+          S(Vi, {
+            onRemoveSelectedWidget: E[5] || (E[5] = (c) => n("removeSelectedWidget", c))
           }),
-          V("label", Ii, H(y(a)("mf-kitchen.editor.variable_plural")), 1),
-          w(K, null, {
+          k("label", Fi, H(b(a)("mf-kitchen.editor.variable_plural")), 1),
+          S(Y, null, {
             default: be(() => [
-              w(y(nt), {
+              S(b(nt), {
                 modelValue: u.value,
-                "onUpdate:modelValue": S[3] || (S[3] = (N) => u.value = N),
+                "onUpdate:modelValue": E[6] || (E[6] = (c) => u.value = c),
                 "item-key": "name",
                 group: { name: "widgets", pull: "clone", put: !1 },
                 sort: !1,
-                clone: c,
-                onStart: S[4] || (S[4] = (N) => {
-                  f(N), n("removeSelectedWidget", !0);
+                clone: p,
+                onStart: E[7] || (E[7] = (c) => {
+                  O(c), n("removeSelectedWidget", !0);
                 }),
                 class: "flex flex-wrap gap-[8px] cursor-grab"
               }, {
                 default: be(() => [
-                  (x(!0), W(we, null, Se(u.value, (N) => (x(), W("div", {
-                    key: N.name
+                  (x(!0), W(_e, null, Se(u.value, (c) => (x(), W("div", {
+                    key: c.name
                   }, [
-                    w(M, {
+                    S(B, {
                       variant: "secondary",
                       size: "md",
-                      label: N.name
+                      label: c.name
                     }, null, 8, ["label"])
                   ]))), 128))
                 ]),
@@ -3014,13 +3045,13 @@ const Gl = /* @__PURE__ */ St(Yl, [["__scopeId", "data-v-3d715f0b"]]), Hl = { cl
             _: 1
           })
         ]),
-        V("div", Fi, [
-          w(M, {
+        k("div", Oi, [
+          S(B, {
             class: "w-full",
             variant: "secondary",
-            label: y(a)("mf-kitchen.resetToDefault"),
+            label: b(a)("mf-kitchen.resetToDefault"),
             size: "md",
-            onClick: y(l)
+            onClick: b(l)
           }, null, 8, ["label", "onClick"])
         ])
       ]);
@@ -3036,21 +3067,21 @@ const Gl = /* @__PURE__ */ St(Yl, [["__scopeId", "data-v-3d715f0b"]]), Hl = { cl
   setup(e) {
     const o = e, t = j(!1), { t: n } = me();
     return (l, a) => {
-      const i = J("FmButton"), s = J("FmDialog");
+      const i = K("FmButton"), s = K("FmDialog");
       return x(), ye(s, {
         modelValue: t.value,
         "onUpdate:modelValue": a[0] || (a[0] = (r) => t.value = r),
         overlay: !0
       }, {
         "dialog-button": be(() => [
-          w(i, {
+          S(i, {
             variant: "primary",
-            label: y(n)("mf-kitchen.preview")
+            label: b(n)("mf-kitchen.preview")
           }, null, 8, ["label"])
         ]),
         default: be(() => [
-          V("div", null, [
-            w(fn, {
+          k("div", null, [
+            S(fn, {
               "receipt-info": o.receiptInfo,
               profile: o.profile,
               "receipt-template": o.receiptTemplate
@@ -3061,13 +3092,13 @@ const Gl = /* @__PURE__ */ St(Yl, [["__scopeId", "data-v-3d715f0b"]]), Hl = { cl
       }, 8, ["modelValue"]);
     };
   }
-}), Ai = { class: "h-full flex flex-col" }, Wi = { class: "flex flex-row min-h-0" }, Ni = { class: "flex flex-col flex-1" }, Pi = { class: "templateBuilderHeader" }, Li = { class: "fm-typo-en-body-lg-600" }, $i = { class: "flex flex-row gap-2" }, Bi = {
+}), Wi = { class: "h-full flex flex-col" }, Ni = { class: "flex flex-row min-h-0" }, Pi = { class: "flex flex-col flex-1" }, Li = { class: "templateBuilderHeader" }, $i = { class: "fm-typo-en-body-lg-600" }, Bi = { class: "flex flex-row gap-2" }, Mi = {
   key: 0,
   class: "h-full flex justify-center items-center"
-}, Mi = { class: "flex flex-col justify-between w-[420px]" }, Ui = {
+}, Ui = { class: "flex flex-col justify-between w-[420px]" }, Xi = {
   key: 0,
   class: "p-[16px] fm-shadow-light-300"
-}, ji = /* @__PURE__ */ ee({
+}, Ki = /* @__PURE__ */ ee({
   __name: "AdvanceModeView",
   props: {
     profile: {
@@ -3077,36 +3108,36 @@ const Gl = /* @__PURE__ */ St(Yl, [["__scopeId", "data-v-3d715f0b"]]), Hl = { cl
   },
   emits: ["change-mode"],
   setup(e, { emit: o }) {
-    const t = Eo(), { t: n } = me(), l = hn(), a = j(), i = j(), s = j(), r = j(), d = j([]), u = j([]), c = j(null), p = L(() => {
-      var U;
-      if (E.value !== null)
-        return E.value;
-      if (c.value == null)
+    const t = Eo(), { t: n } = me(), l = bn(), a = j(), i = j(), s = j(), r = j(), d = j([]), u = j([]), m = j(null), p = P(() => {
+      var M;
+      if (O.value !== null)
+        return O.value;
+      if (m.value == null)
         return null;
-      const D = (U = u.value) == null ? void 0 : U[c.value.position.row];
-      return (D == null ? void 0 : D.sectionType) ?? null;
-    }), f = j(null), E = j(null), S = j(null), I = j(null), M = j(!1), K = L(() => {
-      var D;
-      return ((D = r.value) == null ? void 0 : D.fontSize) ?? 12;
+      const I = (M = u.value) == null ? void 0 : M[m.value.position.row];
+      return (I == null ? void 0 : I.sectionType) ?? null;
+    }), f = j(null), O = j(null), C = j(null), E = j(null), $ = j(!1), q = P(() => {
+      var I;
+      return ((I = r.value) == null ? void 0 : I.fontSize) ?? 12;
     });
-    function B(D) {
-      c.value = D;
-      const U = u.value[D.position.row];
-      f.value = (U == null ? void 0 : U.columns[D.position.col]) ?? null, E.value = null;
-    }
-    function N(D) {
-      const { row: U, col: ae, cell: Te } = D.position;
-      u.value = u.value.map((De, xt) => {
-        if (xt === U) {
-          const dt = De.columns.map((je, Xo) => {
+    function B(I) {
+      m.value = I;
+      const M = u.value[I.position.row];
+      f.value = (M == null ? void 0 : M.columns[I.position.col]) ?? null, O.value = null;
+    }
+    function Y(I) {
+      const { row: M, col: ae, cell: we } = I.position;
+      u.value = u.value.map((Ie, xt) => {
+        if (xt === M) {
+          const dt = Ie.columns.map((je, Xo) => {
             if (Xo === ae) {
-              const zo = je.cells.map((Dt, Yo) => Yo === Te ? {
-                ...Dt,
+              const zo = je.cells.map((It, Yo) => Yo === we ? {
+                ...It,
                 data: {
-                  ...Dt.data,
-                  ...D.config.data
+                  ...It.data,
+                  ...I.config.data
                 }
-              } : Dt);
+              } : It);
               return {
                 ...je,
                 cells: zo
@@ -3115,108 +3146,111 @@ const Gl = /* @__PURE__ */ St(Yl, [["__scopeId", "data-v-3d715f0b"]]), Hl = { cl
             return je;
           });
           return {
-            ...De,
+            ...Ie,
             columns: dt
           };
         }
-        return De;
-      }), c.value && (c.value.config.data = {
-        ...c.value.config.data,
-        ...D.config.data
+        return Ie;
+      }), m.value && (m.value.config.data = {
+        ...m.value.config.data,
+        ...I.config.data
       });
     }
-    function Y(D) {
-      if (!c.value)
+    function z(I) {
+      if (!m.value)
         return;
-      const { row: U, col: ae } = c.value.position;
-      u.value = u.value.map((Te, De) => {
-        if (De !== U)
-          return Te;
-        const xt = Te.columns.map((dt, je) => je !== ae ? dt : {
+      const { row: M, col: ae } = m.value.position;
+      u.value = u.value.map((we, Ie) => {
+        if (Ie !== M)
+          return we;
+        const xt = we.columns.map((dt, je) => je !== ae ? dt : {
           ...dt,
-          ...D
+          ...I
         });
         return {
-          ...Te,
+          ...we,
           columns: xt
         };
-      }), f.value = D;
+      }), f.value = I;
     }
-    function $(D) {
-      const { row: U, col: ae, cell: Te } = D.position;
-      u.value[U].columns[ae].cells.splice(Te, 1), u.value[U].columns[ae].cells.length === 0 && u.value[U].columns.splice(ae, 1), u.value[U].columns.length === 0 && u.value.splice(U, 1), c.value = null;
+    function L(I) {
+      const { row: M, col: ae, cell: we } = I.position;
+      u.value[M].columns[ae].cells.splice(we, 1), u.value[M].columns[ae].cells.length === 0 && u.value[M].columns.splice(ae, 1), u.value[M].columns.length === 0 && u.value.splice(M, 1), m.value = null;
     }
-    const h = o;
-    function v() {
-      h("change-mode", "normal");
+    const v = o;
+    function g() {
+      v("change-mode", "normal");
     }
     async function _() {
       try {
-        if (M.value = !0, !r.value || !i.value)
+        if ($.value = !0, !r.value || !i.value)
           return;
         r.value.template = Qt(u.value);
-        const D = await Zt.updateTemplate(r.value);
-        b(D);
-        const U = await Jt.updateInfo(i.value);
-        T(U), c.value = null, M.value = !1, t.open(
+        const I = await Jt.updateTemplate(r.value);
+        y(I);
+        const M = await Zt.updateInfo(i.value);
+        V(M), m.value = null, t.open(
           {
             title: n("mf-kitchen.template.save.success", { file: n("mf-kitchen.receiptTemplate") }),
             type: "success"
           },
           2e3
         );
-      } catch {
+      } catch (I) {
         t.open(
           {
             title: n("mf-kitchen.template.save.failed", { file: n("mf-kitchen.receiptTemplate") }),
+            message: vn(I),
             type: "error"
           },
           3e3
         );
+      } finally {
+        $.value = !1;
       }
     }
-    function m(D) {
-      s.value = D, r.value = D;
+    function c(I) {
+      s.value = I, r.value = I;
     }
-    function k(D) {
-      i.value = D;
+    function w(I) {
+      i.value = I;
     }
-    function C(D) {
-      r.value = D;
+    function T(I) {
+      r.value = I;
     }
-    function T(D) {
-      a.value = D, i.value = D;
+    function V(I) {
+      a.value = I, i.value = I;
     }
-    function b(D) {
-      u.value = D.template.flatMap(
-        (U) => U.group.rows.map((ae) => ({ ...ae, sectionType: U.type }))
+    function y(I) {
+      u.value = I.template.flatMap(
+        (M) => M.group.rows.map((ae) => ({ ...ae, sectionType: M.type }))
       ), d.value = JSON.parse(JSON.stringify(u.value));
     }
-    function P() {
-      i.value = a.value, r.value = s.value, u.value = JSON.parse(JSON.stringify(d.value)), c.value = null, f.value = null;
+    function N() {
+      i.value = a.value, r.value = s.value, u.value = JSON.parse(JSON.stringify(d.value)), m.value = null, f.value = null;
     }
-    function G(D) {
-      const U = S.value, ae = I.value;
-      !U || !ae || U.contains(D.target) && !ae.contains(D.target) && (c.value = null);
+    function G(I) {
+      const M = C.value, ae = E.value;
+      !M || !ae || M.contains(I.target) && !ae.contains(I.target) && (m.value = null);
     }
-    function le(D) {
-      D && (c.value = null);
+    function le(I) {
+      I && (m.value = null);
     }
-    function Ee(D) {
-      E.value = D;
+    function Te(I) {
+      O.value = I;
     }
     return bo(async () => {
       try {
         await l.readRestaurants();
-        const D = await Jt.readInfo();
-        T(D);
-        const U = await Zt.readTemplate();
-        m(U), b(U), document.addEventListener("click", G);
-      } catch (D) {
+        const I = await Zt.readInfo();
+        V(I);
+        const M = await Jt.readTemplate();
+        c(M), y(M), document.addEventListener("click", G);
+      } catch (I) {
         t.open(
           {
             title: n("mf-kitchen.template.load.fail", { file: n("mf-kitchen.receiptTemplate") }),
-            message: `${D}`,
+            message: `${I}`,
             type: "error"
           },
           3e3
@@ -3224,89 +3258,89 @@ const Gl = /* @__PURE__ */ St(Yl, [["__scopeId", "data-v-3d715f0b"]]), Hl = { cl
       }
     }), Qo(() => {
       document.removeEventListener("click", G);
-    }), (D, U) => {
-      const ae = J("FmButton"), Te = J("FmCircularProgress");
-      return x(), W("div", Ai, [
-        w(gn),
-        w(vn, { onUpdateTemplate: _ }),
-        V("div", Wi, [
-          i.value && r.value ? (x(), ye(Oi, {
+    }), (I, M) => {
+      const ae = K("FmButton"), we = K("FmCircularProgress");
+      return x(), W("div", Wi, [
+        S(gn),
+        S(hn, { onUpdateTemplate: _ }),
+        k("div", Ni, [
+          i.value && r.value ? (x(), ye(Ai, {
             key: 0,
             "receipt-info": i.value,
             template: r.value,
             selectedWidgetSectionType: p.value,
-            onUpdateReceiptInfo: k,
-            onUpdateReceiptTemplate: C,
-            onReset: P,
+            onUpdateReceiptInfo: w,
+            onUpdateReceiptTemplate: T,
+            onReset: N,
             onRemoveSelectedWidget: le,
-            onVariableSectionType: Ee
-          }, null, 8, ["receipt-info", "template", "selectedWidgetSectionType"])) : Me("", !0),
-          V("div", Ni, [
-            V("div", Pi, [
-              V("label", Li, H(y(n)("mf-kitchen.advanceTemplateBuilder")), 1),
-              V("div", $i, [
+            onVariableSectionType: Te
+          }, null, 8, ["receipt-info", "template", "selectedWidgetSectionType"])) : Ne("", !0),
+          k("div", Pi, [
+            k("div", Li, [
+              k("label", $i, H(b(n)("mf-kitchen.advanceTemplateBuilder")), 1),
+              k("div", Bi, [
                 i.value && e.profile && r.value ? (x(), ye(Ri, {
                   key: 0,
                   "receipt-info": i.value,
                   profile: e.profile,
                   "receipt-template": {
                     ...r.value,
-                    template: y(Qt)(u.value)
+                    template: b(Qt)(u.value)
                   }
-                }, null, 8, ["receipt-info", "profile", "receipt-template"])) : Me("", !0),
-                w(ae, {
+                }, null, 8, ["receipt-info", "profile", "receipt-template"])) : Ne("", !0),
+                S(ae, {
                   variant: "secondary",
-                  label: y(n)("mf-kitchen.returnToBasicMode"),
+                  label: b(n)("mf-kitchen.returnToBasicMode"),
                   "text-color": "primary",
                   bgColor: "typo-white",
                   "border-color": "primary",
-                  onClick: v
+                  onClick: g
                 }, null, 8, ["label"])
               ])
             ]),
-            V("div", {
+            k("div", {
               class: "h-full flex justify-center py-10 overflow-y-auto bg-fm-color-neutral-gray-100",
               ref_key: "receiptEditorRef",
-              ref: S
+              ref: C
             }, [
-              M.value ? (x(), W("div", Bi, [
-                w(Te, { size: "xxl" })
+              $.value ? (x(), W("div", Mi, [
+                S(we, { size: "xxl" })
               ])) : (x(), W("div", {
                 key: 1,
                 ref_key: "receiptEditorContentRef",
-                ref: I
+                ref: E
               }, [
-                i.value ? (x(), ye(Tl, {
+                i.value ? (x(), ye(wl, {
                   key: 0,
                   modelValue: u.value,
-                  "onUpdate:modelValue": U[0] || (U[0] = (De) => u.value = De),
+                  "onUpdate:modelValue": M[0] || (M[0] = (Ie) => u.value = Ie),
                   onSelectWidget: B,
-                  "font-size": K.value,
-                  "selected-widget": c.value,
+                  "font-size": q.value,
+                  "selected-widget": m.value,
                   "selected-widget-section-type": p.value
-                }, null, 8, ["modelValue", "font-size", "selected-widget", "selected-widget-section-type"])) : Me("", !0)
+                }, null, 8, ["modelValue", "font-size", "selected-widget", "selected-widget-section-type"])) : Ne("", !0)
               ], 512))
             ], 512)
           ]),
-          V("div", Mi, [
-            w(Ei, {
-              "selected-widget": c.value,
+          k("div", Ui, [
+            S(Ti, {
+              "selected-widget": m.value,
               "selected-widget-section-type": p.value,
               "selected-widget-column": f.value,
-              "onUpdate:widget": N,
-              "onUpdate:selectedWidgetColumn": Y
+              "onUpdate:widget": Y,
+              "onUpdate:selectedWidgetColumn": z
             }, null, 8, ["selected-widget", "selected-widget-section-type", "selected-widget-column"]),
-            c.value ? (x(), W("div", Ui, [
-              w(ae, {
+            m.value ? (x(), W("div", Xi, [
+              S(ae, {
                 class: "w-full",
                 variant: "secondary",
                 label: "Remove widget",
                 size: "md",
                 "border-color": "system-error-300",
                 "text-color": "system-error-300",
-                onClick: U[1] || (U[1] = (De) => $(c.value))
+                onClick: M[1] || (M[1] = (Ie) => L(m.value))
               })
-            ])) : Me("", !0)
+            ])) : Ne("", !0)
           ])
         ])
       ]);
@@ -3314,5 +3348,5 @@ const Gl = /* @__PURE__ */ St(Yl, [["__scopeId", "data-v-3d715f0b"]]), Hl = { cl
   }
 });
 export {
-  ji as default
+  Ki as default
 };