@feedmepos/mf-kitchen 1.0.2 → 1.0.3

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

@@ -1,95 +1,95 @@
-import { defineComponent as ee, computed as L, toRefs as jo, unref as y, ref as j, reactive as Ko, h as qo, getCurrentInstance as jt, watch as Ge, onUnmounted as Jo, onMounted as _o, nextTick as Co, isRef as Ot, openBlock as x, createElementBlock as W, normalizeStyle as ge, createElementVNode as V, toDisplayString as H, resolveComponent as J, createBlock as ye, resolveDynamicComponent as Eo, markRaw as Zo, mergeProps as Qo, createVNode as S, withCtx as be, Fragment as we, renderList as Se, normalizeClass as Zt, createCommentVNode as Ue, createTextVNode as en, onBeforeUnmount as tn } from "vue";
-import { e as R, t as on, w as at, c as rt, d as nn, f as ln, Z as an, g as Vt, F as pe, W as Le, h as rn, K as it, I as sn, i as dn, j as To, k as un, l as cn, m as mn, n as pn, u as fn, _ as gn, P as vn, a as hn, r as Qt, o as eo, b as bn, T as yn, p as to } from "./restaurant-a106b257.js";
-import { useI18n as me, useCoreStore as _n } from "@feedmepos/mf-common";
-import { useSnackbar as wo } from "@feedmepos/ui-library";
-import "pinia";
-var Cn = Object.defineProperty, _t = Object.getOwnPropertySymbols, So = Object.prototype.hasOwnProperty, Vo = Object.prototype.propertyIsEnumerable, oo = (e, o, t) => o in e ? Cn(e, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[o] = t, Xe = (e, o) => {
+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 { 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) => {
   for (var t in o || (o = {}))
-    So.call(o, t) && oo(e, t, o[t]);
-  if (_t)
-    for (var t of _t(o))
-      Vo.call(o, t) && oo(e, t, o[t]);
+    To.call(o, t) && eo(e, t, o[t]);
+  if (yt)
+    for (var t of yt(o))
+      wo.call(o, t) && eo(e, t, o[t]);
   return e;
-}, ko = (e, o) => {
+}, So = (e, o) => {
   var t = {};
   for (var n in e)
-    So.call(e, n) && o.indexOf(n) < 0 && (t[n] = e[n]);
-  if (e != null && _t)
-    for (var n of _t(e))
-      o.indexOf(n) < 0 && Vo.call(e, n) && (t[n] = e[n]);
+    To.call(e, n) && o.indexOf(n) < 0 && (t[n] = e[n]);
+  if (e != null && yt)
+    for (var n of yt(e))
+      o.indexOf(n) < 0 && wo.call(e, n) && (t[n] = e[n]);
   return t;
 };
-const xo = "[vue-draggable-plus]: ";
-function En(e) {
-  console.warn(xo + e);
+const Vo = "[vue-draggable-plus]: ";
+function yn(e) {
+  console.warn(Vo + e);
 }
-function Tn(e) {
-  console.error(xo + e);
+function _n(e) {
+  console.error(Vo + e);
 }
-function no(e, o, t) {
+function to(e, o, t) {
   return t >= 0 && t < e.length && e.splice(t, 0, e.splice(o, 1)[0]), e;
 }
-function wn(e) {
+function Cn(e) {
   return e.replace(/-(\w)/g, (o, t) => t ? t.toUpperCase() : "");
 }
-function Sn(e) {
-  return Object.keys(e).reduce((o, t) => (typeof e[t] < "u" && (o[wn(t)] = e[t]), o), {});
+function En(e) {
+  return Object.keys(e).reduce((o, t) => (typeof e[t] < "u" && (o[Cn(t)] = e[t]), o), {});
 }
-function lo(e, o) {
+function oo(e, o) {
   return Array.isArray(e) && e.splice(o, 1), e;
 }
-function io(e, o, t) {
+function no(e, o, t) {
   return Array.isArray(e) && e.splice(o, 0, t), e;
 }
-function Vn(e) {
+function Tn(e) {
   return typeof e > "u";
 }
-function kn(e) {
+function wn(e) {
   return typeof e == "string";
 }
-function ao(e, o, t) {
+function lo(e, o, t) {
   const n = e.children[t];
   e.insertBefore(o, n);
 }
-function Rt(e) {
+function Ft(e) {
   e.parentNode && e.parentNode.removeChild(e);
 }
-function xn(e, o = document) {
+function Sn(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 || En(`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 || yn(`Element not found: ${e}`), n;
 }
-function Dn(e, o, t = null) {
+function Vn(e, o, t = null) {
   return function(...n) {
     return e.apply(t, n), o.apply(t, n);
   };
 }
-function In(e, o) {
-  const t = Xe({}, e);
+function kn(e, o) {
+  const t = Ue({}, e);
   return Object.keys(o).forEach((n) => {
-    t[n] ? t[n] = Dn(e[n], o[n]) : t[n] = o[n];
+    t[n] ? t[n] = Vn(e[n], o[n]) : t[n] = o[n];
   }), t;
 }
-function Fn(e) {
+function xn(e) {
   return e instanceof HTMLElement;
 }
-function ro(e, o) {
+function io(e, o) {
   Object.keys(e).forEach((t) => {
     o(t, e[t]);
   });
 }
-function On(e) {
+function Dn(e) {
   return e.charCodeAt(0) === 111 && e.charCodeAt(1) === 110 && // uppercase letter
   (e.charCodeAt(2) > 122 || e.charCodeAt(2) < 97);
 }
-const Rn = Object.assign;
+const In = Object.assign;
 /**!
  * Sortable 1.15.2
  * @author	RubaXa   <trash@rubaxa.org>
  * @author	owenm    <owen23355@gmail.com>
  * @license MIT
  */
-function so(e, o) {
+function ao(e, o) {
   var t = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
     var n = Object.getOwnPropertySymbols(e);
@@ -99,26 +99,26 @@ function so(e, o) {
   }
   return t;
 }
-function Ee(e) {
+function Ce(e) {
   for (var o = 1; o < arguments.length; o++) {
     var t = arguments[o] != null ? arguments[o] : {};
-    o % 2 ? so(Object(t), !0).forEach(function(n) {
-      An(e, n, t[n]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : so(Object(t)).forEach(function(n) {
+    o % 2 ? ao(Object(t), !0).forEach(function(n) {
+      Fn(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));
     });
   }
   return e;
 }
-function gt(e) {
+function ft(e) {
   "@babel/helpers - typeof";
-  return typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? gt = function(o) {
+  return typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? ft = function(o) {
     return typeof o;
-  } : gt = function(o) {
+  } : ft = function(o) {
     return o && typeof Symbol == "function" && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
-  }, gt(e);
+  }, ft(e);
 }
-function An(e, o, t) {
+function Fn(e, o, t) {
   return o in e ? Object.defineProperty(e, o, {
     value: t,
     enumerable: !0,
@@ -136,41 +136,41 @@ function ke() {
     return e;
   }, ke.apply(this, arguments);
 }
-function Wn(e, o) {
+function On(e, o) {
   if (e == null)
     return {};
-  var t = {}, n = Object.keys(e), l, i;
-  for (i = 0; i < n.length; i++)
-    l = n[i], !(o.indexOf(l) >= 0) && (t[l] = e[l]);
+  var t = {}, n = Object.keys(e), l, a;
+  for (a = 0; a < n.length; a++)
+    l = n[a], !(o.indexOf(l) >= 0) && (t[l] = e[l]);
   return t;
 }
-function Nn(e, o) {
+function Rn(e, o) {
   if (e == null)
     return {};
-  var t = Wn(e, o), n, l;
+  var t = On(e, o), n, l;
   if (Object.getOwnPropertySymbols) {
-    var i = Object.getOwnPropertySymbols(e);
-    for (l = 0; l < i.length; l++)
-      n = i[l], !(o.indexOf(n) >= 0) && Object.prototype.propertyIsEnumerable.call(e, n) && (t[n] = e[n]);
+    var a = Object.getOwnPropertySymbols(e);
+    for (l = 0; l < a.length; l++)
+      n = a[l], !(o.indexOf(n) >= 0) && Object.prototype.propertyIsEnumerable.call(e, n) && (t[n] = e[n]);
   }
   return t;
 }
-var Pn = "1.15.2";
+var An = "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), st = Ve(/Edge/i), uo = Ve(/firefox/i), Qe = Ve(/safari/i) && !Ve(/chrome/i) && !Ve(/android/i), Do = Ve(/iP(ad|od|hone)/i), Io = Ve(/chrome/i) && Ve(/android/i), Fo = {
+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 = {
   capture: !1,
   passive: !1
 };
 function z(e, o, t) {
-  e.addEventListener(o, t, !xe && Fo);
+  e.addEventListener(o, t, !xe && Do);
 }
-function U(e, o, t) {
-  e.removeEventListener(o, t, !xe && Fo);
+function X(e, o, t) {
+  e.removeEventListener(o, t, !xe && Do);
 }
-function Ct(e, o) {
+function _t(e, o) {
   if (o) {
     if (o[0] === ">" && (o = o.substring(1)), e)
       try {
@@ -186,32 +186,32 @@ function Ct(e, o) {
     return !1;
   }
 }
-function Ln(e) {
+function Wn(e) {
   return e.host && e !== document && e.host.nodeType ? e.host : e.parentNode;
 }
 function he(e, o, t, n) {
   if (e) {
     t = t || document;
     do {
-      if (o != null && (o[0] === ">" ? e.parentNode === t && Ct(e, o) : Ct(e, o)) || n && e === t)
+      if (o != null && (o[0] === ">" ? e.parentNode === t && _t(e, o) : _t(e, o)) || n && e === t)
         return e;
       if (e === t)
         break;
-    } while (e = Ln(e));
+    } while (e = Wn(e));
   }
   return null;
 }
-var co = /\s+/g;
+var so = /\s+/g;
 function de(e, o, t) {
   if (e && o)
     if (e.classList)
       e.classList[t ? "add" : "remove"](o);
     else {
-      var n = (" " + e.className + " ").replace(co, " ").replace(" " + o + " ", " ");
-      e.className = (n + (t ? " " + o : "")).replace(co, " ");
+      var n = (" " + e.className + " ").replace(so, " ").replace(" " + o + " ", " ");
+      e.className = (n + (t ? " " + o : "")).replace(so, " ");
     }
 }
-function I(e, o, t) {
+function F(e, o, t) {
   var n = e && e.style;
   if (n) {
     if (t === void 0)
@@ -219,81 +219,81 @@ function I(e, o, t) {
     !(o in n) && o.indexOf("webkit") === -1 && (o = "-webkit-" + o), n[o] = t + (typeof t == "string" ? "" : "px");
   }
 }
-function Ye(e, o) {
+function ze(e, o) {
   var t = "";
   if (typeof e == "string")
     t = e;
   else
     do {
-      var n = I(e, "transform");
+      var n = F(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 Oo(e, o, t) {
+function Io(e, o, t) {
   if (e) {
-    var n = e.getElementsByTagName(o), l = 0, i = n.length;
+    var n = e.getElementsByTagName(o), l = 0, a = n.length;
     if (t)
-      for (; l < i; l++)
+      for (; l < a; l++)
         t(n[l], l);
     return n;
   }
   return [];
 }
-function Ce() {
+function _e() {
   var e = document.scrollingElement;
   return e || document.documentElement;
 }
 function oe(e, o, t, n, l) {
   if (!(!e.getBoundingClientRect && e !== window)) {
-    var i, a, s, r, d, u, f;
-    if (e !== window && e.parentNode && e !== Ce() ? (i = e.getBoundingClientRect(), a = i.top, s = i.left, r = i.bottom, d = i.right, u = i.height, f = i.width) : (a = 0, s = 0, r = window.innerHeight, d = window.innerWidth, u = window.innerHeight, f = window.innerWidth), (o || t) && e !== window && (l = l || e.parentNode, !xe))
+    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))
       do
-        if (l && l.getBoundingClientRect && (I(l, "transform") !== "none" || t && I(l, "position") !== "static")) {
-          var c = l.getBoundingClientRect();
-          a -= c.top + parseInt(I(l, "border-top-width")), s -= c.left + parseInt(I(l, "border-left-width")), r = a + i.height, d = s + i.width;
+        if (l && l.getBoundingClientRect && (F(l, "transform") !== "none" || t && F(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;
           break;
         }
       while (l = l.parentNode);
     if (n && e !== window) {
-      var m = Ye(l || e), E = m && m.a, T = m && m.d;
-      m && (a /= T, s /= E, f /= E, u /= T, r = a + u, d = s + f);
+      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);
     }
     return {
-      top: a,
+      top: i,
       left: s,
       bottom: r,
       right: d,
-      width: f,
+      width: c,
       height: u
     };
   }
 }
-function mo(e, o, t) {
+function uo(e, o, t) {
   for (var n = Oe(e, !0), l = oe(e)[o]; n; ) {
-    var i = oe(n)[t], a = void 0;
-    if (a = l >= i, !a)
+    var a = oe(n)[t], i = void 0;
+    if (i = l >= a, !i)
       return n;
-    if (n === Ce())
+    if (n === _e())
       break;
     n = Oe(n, !1);
   }
   return !1;
 }
-function He(e, o, t, n) {
-  for (var l = 0, i = 0, a = e.children; i < a.length; ) {
-    if (a[i].style.display !== "none" && a[i] !== F.ghost && (n || a[i] !== F.dragged) && he(a[i], t.draggable, e, !1)) {
+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 (l === o)
-        return a[i];
+        return i[a];
       l++;
     }
-    i++;
+    a++;
   }
   return null;
 }
-function Kt(e, o) {
-  for (var t = e.lastElementChild; t && (t === F.ghost || I(t, "display") === "none" || o && !Ct(t, o)); )
+function Ht(e, o) {
+  for (var t = e.lastElementChild; t && (t === O.ghost || F(t, "display") === "none" || o && !_t(t, o)); )
     t = t.previousElementSibling;
   return t || null;
 }
@@ -302,19 +302,19 @@ function fe(e, o) {
   if (!e || !e.parentNode)
     return -1;
   for (; e = e.previousElementSibling; )
-    e.nodeName.toUpperCase() !== "TEMPLATE" && e !== F.clone && (!o || Ct(e, o)) && t++;
+    e.nodeName.toUpperCase() !== "TEMPLATE" && e !== O.clone && (!o || _t(e, o)) && t++;
   return t;
 }
-function po(e) {
-  var o = 0, t = 0, n = Ce();
+function co(e) {
+  var o = 0, t = 0, n = _e();
   if (e)
     do {
-      var l = Ye(e), i = l.a, a = l.d;
-      o += e.scrollLeft * i, t += e.scrollTop * a;
+      var l = ze(e), a = l.a, i = l.d;
+      o += e.scrollLeft * a, t += e.scrollTop * i;
     } while (e !== n && (e = e.parentNode));
   return [o, t];
 }
-function $n(e, o) {
+function Nn(e, o) {
   for (var t in e)
     if (e.hasOwnProperty(t)) {
       for (var n in o)
@@ -325,79 +325,79 @@ function $n(e, o) {
 }
 function Oe(e, o) {
   if (!e || !e.getBoundingClientRect)
-    return Ce();
+    return _e();
   var t = e, n = !1;
   do
     if (t.clientWidth < t.scrollWidth || t.clientHeight < t.scrollHeight) {
-      var l = I(t);
+      var l = F(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 Ce();
+          return _e();
         if (n || o)
           return t;
         n = !0;
       }
     }
   while (t = t.parentNode);
-  return Ce();
+  return _e();
 }
-function Bn(e, o) {
+function Pn(e, o) {
   if (e && o)
     for (var t in o)
       o.hasOwnProperty(t) && (e[t] = o[t]);
   return e;
 }
-function At(e, o) {
+function Ot(e, o) {
   return Math.round(e.top) === Math.round(o.top) && Math.round(e.left) === Math.round(o.left) && Math.round(e.height) === Math.round(o.height) && Math.round(e.width) === Math.round(o.width);
 }
-var et;
-function Ro(e, o) {
+var Qe;
+function Fo(e, o) {
   return function() {
-    if (!et) {
+    if (!Qe) {
       var t = arguments, n = this;
-      t.length === 1 ? e.call(n, t[0]) : e.apply(n, t), et = setTimeout(function() {
-        et = void 0;
+      t.length === 1 ? e.call(n, t[0]) : e.apply(n, t), Qe = setTimeout(function() {
+        Qe = void 0;
       }, o);
     }
   };
 }
-function Mn() {
-  clearTimeout(et), et = void 0;
+function Ln() {
+  clearTimeout(Qe), Qe = void 0;
 }
-function Ao(e, o, t) {
+function Oo(e, o, t) {
   e.scrollLeft += o, e.scrollTop += t;
 }
-function Wo(e) {
+function Ro(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 No(e, o, t) {
+function Ao(e, o, t) {
   var n = {};
   return Array.from(e.children).forEach(function(l) {
-    var i, a, s, r;
+    var a, i, s, r;
     if (!(!he(l, o.draggable, e, !1) || l.animated || l === t)) {
       var d = oe(l);
-      n.left = Math.min((i = n.left) !== null && i !== void 0 ? i : 1 / 0, d.left), n.top = Math.min((a = n.top) !== null && a !== void 0 ? a : 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.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 Un() {
+function $n() {
   var e = [], o;
   return {
     captureAnimationState: function() {
       if (e = [], !!this.options.animation) {
         var t = [].slice.call(this.el.children);
         t.forEach(function(n) {
-          if (!(I(n, "display") === "none" || n === F.ghost)) {
+          if (!(F(n, "display") === "none" || n === O.ghost)) {
             e.push({
               target: n,
               rect: oe(n)
             });
-            var l = Ee({}, e[e.length - 1].rect);
+            var l = Ce({}, e[e.length - 1].rect);
             if (n.thisAnimationDuration) {
-              var i = Ye(n, !0);
-              i && (l.top -= i.f, l.left -= i.e);
+              var a = ze(n, !0);
+              a && (l.top -= a.f, l.left -= a.e);
             }
             n.fromRect = l;
           }
@@ -408,7 +408,7 @@ function Un() {
       e.push(t);
     },
     removeAnimationState: function(t) {
-      e.splice($n(e, {
+      e.splice(Nn(e, {
         target: t
       }), 1);
     },
@@ -418,44 +418,44 @@ function Un() {
         clearTimeout(o), typeof t == "function" && t();
         return;
       }
-      var l = !1, i = 0;
-      e.forEach(function(a) {
-        var s = 0, r = a.target, d = r.fromRect, u = oe(r), f = r.prevFromRect, c = r.prevToRect, m = a.rect, E = Ye(r, !0);
-        E && (u.top -= E.f, u.left -= E.e), r.toRect = u, r.thisAnimationDuration && At(f, u) && !At(d, u) && // Make sure animatingRect is on line between toRect & fromRect
-        (m.top - u.top) / (m.left - u.left) === (d.top - u.top) / (d.left - u.left) && (s = zn(m, f, c, n.options)), At(u, d) || (r.prevFromRect = d, r.prevToRect = u, s || (s = n.options.animation), n.animate(r, m, u, s)), s && (l = !0, i = Math.max(i, s), clearTimeout(r.animationResetTimer), r.animationResetTimer = setTimeout(function() {
+      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() {
           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() {
         typeof t == "function" && t();
-      }, i) : typeof t == "function" && t(), e = [];
+      }, a) : typeof t == "function" && t(), e = [];
     },
-    animate: function(t, n, l, i) {
-      if (i) {
-        I(t, "transition", ""), I(t, "transform", "");
-        var a = Ye(this.el), s = a && a.a, r = a && a.d, d = (n.left - l.left) / (s || 1), u = (n.top - l.top) / (r || 1);
-        t.animatingX = !!d, t.animatingY = !!u, I(t, "transform", "translate3d(" + d + "px," + u + "px,0)"), this.forRepaintDummy = Xn(t), I(t, "transition", "transform " + i + "ms" + (this.options.easing ? " " + this.options.easing : "")), I(t, "transform", "translate3d(0,0,0)"), typeof t.animated == "number" && clearTimeout(t.animated), t.animated = setTimeout(function() {
-          I(t, "transition", ""), I(t, "transform", ""), t.animated = !1, t.animatingX = !1, t.animatingY = !1;
-        }, i);
+    animate: function(t, n, l, a) {
+      if (a) {
+        F(t, "transition", ""), F(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;
+        }, a);
       }
     }
   };
 }
-function Xn(e) {
+function Bn(e) {
   return e.offsetWidth;
 }
-function zn(e, o, t, n) {
+function Mn(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 $e = [], Wt = {
+var Le = [], Rt = {
   initializeByDefault: !0
-}, dt = {
+}, st = {
   mount: function(e) {
-    for (var o in Wt)
-      Wt.hasOwnProperty(o) && !(o in e) && (e[o] = Wt[o]);
-    $e.forEach(function(t) {
+    for (var o in Rt)
+      Rt.hasOwnProperty(o) && !(o in e) && (e[o] = Rt[o]);
+    Le.forEach(function(t) {
       if (t.pluginName === e.pluginName)
         throw "Sortable: Cannot mount plugin ".concat(e.pluginName, " more than once");
-    }), $e.push(e);
+    }), Le.push(e);
   },
   pluginEvent: function(e, o, t) {
     var n = this;
@@ -463,167 +463,167 @@ var $e = [], Wt = {
       n.eventCanceled = !0;
     };
     var l = e + "Global";
-    $e.forEach(function(i) {
-      o[i.pluginName] && (o[i.pluginName][l] && o[i.pluginName][l](Ee({
+    Le.forEach(function(a) {
+      o[a.pluginName] && (o[a.pluginName][l] && o[a.pluginName][l](Ce({
         sortable: o
-      }, t)), o.options[i.pluginName] && o[i.pluginName][e] && o[i.pluginName][e](Ee({
+      }, t)), o.options[a.pluginName] && o[a.pluginName][e] && o[a.pluginName][e](Ce({
         sortable: o
       }, t)));
     });
   },
   initializePlugins: function(e, o, t, n) {
-    $e.forEach(function(a) {
-      var s = a.pluginName;
-      if (!(!e.options[s] && !a.initializeByDefault)) {
-        var r = new a(e, o, e.options);
+    Le.forEach(function(i) {
+      var s = i.pluginName;
+      if (!(!e.options[s] && !i.initializeByDefault)) {
+        var r = new i(e, o, e.options);
         r.sortable = e, r.options = e.options, e[s] = r, ke(t, r.defaults);
       }
     });
     for (var l in e.options)
       if (e.options.hasOwnProperty(l)) {
-        var i = this.modifyOption(e, l, e.options[l]);
-        typeof i < "u" && (e.options[l] = i);
+        var a = this.modifyOption(e, l, e.options[l]);
+        typeof a < "u" && (e.options[l] = a);
       }
   },
   getEventProperties: function(e, o) {
     var t = {};
-    return $e.forEach(function(n) {
+    return Le.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 $e.forEach(function(l) {
+    return Le.forEach(function(l) {
       e[l.pluginName] && l.optionListeners && typeof l.optionListeners[o] == "function" && (n = l.optionListeners[o].call(e[l.pluginName], t));
     }), n;
   }
 };
-function Yn(e) {
-  var o = e.sortable, t = e.rootEl, n = e.name, l = e.targetEl, i = e.cloneEl, a = e.toEl, s = e.fromEl, r = e.oldIndex, d = e.newIndex, u = e.oldDraggableIndex, f = e.newDraggableIndex, c = e.originalEvent, m = e.putSortable, E = e.extraEventProperties;
+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;
   if (o = o || t && t[ce], !!o) {
-    var T, D = o.options, M = "on" + n.charAt(0).toUpperCase() + n.substr(1);
-    window.CustomEvent && !xe && !st ? T = new CustomEvent(n, {
+    var S, I = o.options, M = "on" + n.charAt(0).toUpperCase() + n.substr(1);
+    window.CustomEvent && !xe && !rt ? S = new CustomEvent(n, {
       bubbles: !0,
       cancelable: !0
-    }) : (T = document.createEvent("Event"), T.initEvent(n, !0, !0)), T.to = a || t, T.from = s || t, T.item = l || t, T.clone = i, T.oldIndex = r, T.newIndex = d, T.oldDraggableIndex = u, T.newDraggableIndex = f, T.originalEvent = c, T.pullMode = m ? m.lastPutMode : void 0;
-    var K = Ee(Ee({}, E), dt.getEventProperties(n, o));
-    for (var $ in K)
-      T[$] = K[$];
-    t && t.dispatchEvent(T), D[M] && D[M].call(o, T);
+    }) : (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);
   }
 }
-var Gn = ["evt"], se = function(e, o) {
-  var t = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, n = t.evt, l = Nn(t, Gn);
-  dt.pluginEvent.bind(F)(e, o, Ee({
+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,
     parentEl: Q,
     ghostEl: A,
     rootEl: q,
-    nextEl: Ne,
-    lastDownEl: vt,
+    nextEl: We,
+    lastDownEl: gt,
     cloneEl: Z,
     cloneHidden: Fe,
-    dragStarted: qe,
+    dragStarted: Ke,
     putSortable: ne,
-    activeSortable: F.active,
+    activeSortable: O.active,
     originalEvent: n,
-    oldIndex: ze,
-    oldDraggableIndex: tt,
+    oldIndex: Xe,
+    oldDraggableIndex: et,
     newIndex: ue,
     newDraggableIndex: Ie,
-    hideGhostForTarget: Bo,
-    unhideGhostForTarget: Mo,
+    hideGhostForTarget: Lo,
+    unhideGhostForTarget: $o,
     cloneNowHidden: function() {
       Fe = !0;
     },
     cloneNowShown: function() {
       Fe = !1;
     },
-    dispatchSortableEvent: function(i) {
+    dispatchSortableEvent: function(a) {
       re({
         sortable: o,
-        name: i,
+        name: a,
         originalEvent: n
       });
     }
   }, l));
 };
 function re(e) {
-  Yn(Ee({
+  Un(Ce({
     putSortable: ne,
     cloneEl: Z,
     targetEl: g,
     rootEl: q,
-    oldIndex: ze,
-    oldDraggableIndex: tt,
+    oldIndex: Xe,
+    oldDraggableIndex: et,
     newIndex: ue,
     newDraggableIndex: Ie
   }, e));
 }
-var g, Q, A, q, Ne, vt, Z, Fe, ze, ue, tt, Ie, ct, ne, Me = !1, Et = !1, Tt = [], Ae, ve, Nt, Pt, fo, go, qe, Be, ot, nt = !1, mt = !1, ht, ie, Lt = [], Xt = !1, wt = [], kt = typeof document < "u", pt = Do, vo = st || xe ? "cssFloat" : "float", Hn = kt && !Io && !Do && "draggable" in document.createElement("div"), Po = function() {
-  if (kt) {
+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() {
+  if (Vt) {
     if (xe)
       return !1;
     var e = document.createElement("x");
     return e.style.cssText = "pointer-events:auto", e.style.pointerEvents === "auto";
   }
-}(), Lo = function(e, o) {
-  var t = I(e), n = parseInt(t.width) - parseInt(t.paddingLeft) - parseInt(t.paddingRight) - parseInt(t.borderLeftWidth) - parseInt(t.borderRightWidth), l = He(e, 0, o), i = He(e, 1, o), a = l && I(l), s = i && I(i), r = a && parseInt(a.marginLeft) + parseInt(a.marginRight) + oe(l).width, d = s && parseInt(s.marginLeft) + parseInt(s.marginRight) + oe(i).width;
+}(), 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;
   if (t.display === "flex")
     return t.flexDirection === "column" || t.flexDirection === "column-reverse" ? "vertical" : "horizontal";
   if (t.display === "grid")
     return t.gridTemplateColumns.split(" ").length <= 1 ? "vertical" : "horizontal";
-  if (l && a.float && a.float !== "none") {
-    var u = a.float === "left" ? "left" : "right";
-    return i && (s.clear === "both" || s.clear === u) ? "vertical" : "horizontal";
+  if (l && i.float && i.float !== "none") {
+    var u = i.float === "left" ? "left" : "right";
+    return a && (s.clear === "both" || s.clear === u) ? "vertical" : "horizontal";
   }
-  return l && (a.display === "block" || a.display === "flex" || a.display === "table" || a.display === "grid" || r >= n && t[vo] === "none" || i && t[vo] === "none" && r + d > n) ? "vertical" : "horizontal";
-}, jn = function(e, o, t) {
-  var n = t ? e.left : e.top, l = t ? e.right : e.bottom, i = t ? e.width : e.height, a = t ? o.left : o.top, s = t ? o.right : o.bottom, r = t ? o.width : o.height;
-  return n === a || l === s || n + i / 2 === a + r / 2;
-}, Kn = function(e, o) {
+  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) {
+  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) {
   var t;
-  return Tt.some(function(n) {
+  return Et.some(function(n) {
     var l = n[ce].options.emptyInsertThreshold;
-    if (!(!l || Kt(n))) {
-      var i = oe(n), a = e >= i.left - l && e <= i.right + l, s = o >= i.top - l && o <= i.bottom + l;
-      if (a && s)
+    if (!(!l || Ht(n))) {
+      var a = oe(n), i = e >= a.left - l && e <= a.right + l, s = o >= a.top - l && o <= a.bottom + l;
+      if (i && s)
         return t = n;
     }
   }), t;
-}, $o = function(e) {
-  function o(l, i) {
-    return function(a, s, r, d) {
-      var u = a.options.group.name && s.options.group.name && a.options.group.name === s.options.group.name;
-      if (l == null && (i || u))
+}, Po = function(e) {
+  function o(l, a) {
+    return function(i, s, r, d) {
+      var u = i.options.group.name && s.options.group.name && i.options.group.name === s.options.group.name;
+      if (l == null && (a || u))
         return !0;
       if (l == null || l === !1)
         return !1;
-      if (i && l === "clone")
+      if (a && l === "clone")
         return l;
       if (typeof l == "function")
-        return o(l(a, s, r, d), i)(a, s, r, d);
-      var f = (i ? a : s).options.group.name;
-      return l === !0 || typeof l == "string" && l === f || l.join && l.indexOf(f) > -1;
+        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 t = {}, n = e.group;
-  (!n || gt(n) != "object") && (n = {
+  (!n || ft(n) != "object") && (n = {
     name: n
   }), t.name = n.name, t.checkPull = o(n.pull, !0), t.checkPut = o(n.put), t.revertClone = n.revertClone, e.group = t;
-}, Bo = function() {
-  !Po && A && I(A, "display", "none");
-}, Mo = function() {
-  !Po && A && I(A, "display", "");
+}, Lo = function() {
+  !Wo && A && F(A, "display", "none");
+}, $o = function() {
+  !Wo && A && F(A, "display", "");
 };
-kt && !Io && document.addEventListener("click", function(e) {
-  if (Et)
-    return e.preventDefault(), e.stopPropagation && e.stopPropagation(), e.stopImmediatePropagation && e.stopImmediatePropagation(), Et = !1, !1;
+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 We = function(e) {
+var Ae = function(e) {
   if (g) {
     e = e.touches ? e.touches[0] : e;
-    var o = Kn(e.clientX, e.clientY);
+    var o = Gn(e.clientX, e.clientY);
     if (o) {
       var t = {};
       for (var n in e)
@@ -631,10 +631,10 @@ var We = function(e) {
       t.target = t.rootEl = o, t.preventDefault = void 0, t.stopPropagation = void 0, o[ce]._onDragOver(t);
     }
   }
-}, qn = function(e) {
+}, Hn = function(e) {
   g && g.parentNode[ce]._isOutsideThisEl(e.target);
 };
-function F(e, o) {
+function O(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;
@@ -653,7 +653,7 @@ function F(e, o) {
     // will be set to same as swapThreshold if default
     removeCloneOnHide: !0,
     direction: function() {
-      return Lo(e, this.options);
+      return No(e, this.options);
     },
     ghostClass: "sortable-ghost",
     chosenClass: "sortable-chosen",
@@ -663,8 +663,8 @@ function F(e, o) {
     preventOnFilter: !0,
     animation: 0,
     easing: null,
-    setData: function(i, a) {
-      i.setData("Text", a.textContent);
+    setData: function(a, i) {
+      a.setData("Text", i.textContent);
     },
     dropBubble: !1,
     dragoverBubble: !1,
@@ -680,31 +680,31 @@ function F(e, o) {
       x: 0,
       y: 0
     },
-    supportPointer: F.supportPointer !== !1 && "PointerEvent" in window && !Qe,
+    supportPointer: O.supportPointer !== !1 && "PointerEvent" in window && !Ze,
     emptyInsertThreshold: 5
   };
-  dt.initializePlugins(this, e, t);
+  st.initializePlugins(this, e, t);
   for (var n in t)
     !(n in o) && (o[n] = t[n]);
-  $o(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 : Hn, 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)), Tt.push(this.el), o.store && o.store.get && this.sort(o.store.get(this) || []), ke(this, Un());
+  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());
 }
-F.prototype = /** @lends Sortable.prototype */
+O.prototype = /** @lends Sortable.prototype */
 {
-  constructor: F,
+  constructor: O,
   _isOutsideThisEl: function(e) {
-    !this.el.contains(e) && e !== this.el && (Be = null);
+    !this.el.contains(e) && e !== this.el && ($e = null);
   },
   _getDirection: function(e, o) {
     return typeof this.options.direction == "function" ? this.options.direction.call(this, e, o, g) : this.options.direction;
   },
   _onTapStart: function(e) {
     if (e.cancelable) {
-      var o = this, t = this.el, n = this.options, l = n.preventOnFilter, i = e.type, a = e.touches && e.touches[0] || e.pointerType && e.pointerType === "touch" && e, s = (a || e).target, r = e.target.shadowRoot && (e.path && e.path[0] || e.composedPath && e.composedPath()[0]) || s, d = n.filter;
-      if (ll(t), !g && !(/mousedown|pointerdown/.test(i) && e.button !== 0 || n.disabled) && !r.isContentEditable && !(!this.nativeDraggable && Qe && s && s.tagName.toUpperCase() === "SELECT") && (s = he(s, n.draggable, t, !1), !(s && s.animated) && vt !== s)) {
-        if (ze = fe(s), tt = fe(s, n.draggable), typeof d == "function") {
+      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 (Xe = fe(s), et = fe(s, n.draggable), typeof d == "function") {
           if (d.call(this, e, s, this)) {
             re({
               sortable: o,
@@ -734,40 +734,40 @@ F.prototype = /** @lends Sortable.prototype */
           l && e.cancelable && e.preventDefault();
           return;
         }
-        n.handle && !he(r, n.handle, t, !1) || this._prepareDragStart(e, a, s);
+        n.handle && !he(r, n.handle, t, !1) || this._prepareDragStart(e, i, s);
       }
     }
   },
   _prepareDragStart: function(e, o, t) {
-    var n = this, l = n.el, i = n.options, a = l.ownerDocument, s;
+    var n = this, l = n.el, a = n.options, i = l.ownerDocument, s;
     if (t && !g && t.parentNode === l) {
       var r = oe(t);
-      if (q = l, g = t, Q = g.parentNode, Ne = g.nextSibling, vt = t, ct = i.group, F.dragged = g, Ae = {
+      if (q = l, g = t, Q = g.parentNode, We = g.nextSibling, gt = t, ut = a.group, O.dragged = g, Re = {
         target: g,
         clientX: (o || e).clientX,
         clientY: (o || e).clientY
-      }, fo = Ae.clientX - r.left, go = Ae.clientY - r.top, this._lastX = (o || e).clientX, this._lastY = (o || e).clientY, g.style["will-change"] = "all", s = function() {
+      }, 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() {
         if (se("delayEnded", n, {
           evt: e
-        }), F.eventCanceled) {
+        }), O.eventCanceled) {
           n._onDrop();
           return;
         }
-        n._disableDelayedDragEvents(), !uo && n.nativeDraggable && (g.draggable = !0), n._triggerDragStart(e, o), re({
+        n._disableDelayedDragEvents(), !ro && n.nativeDraggable && (g.draggable = !0), n._triggerDragStart(e, o), re({
           sortable: n,
           name: "choose",
           originalEvent: e
-        }), de(g, i.chosenClass, !0);
-      }, i.ignore.split(",").forEach(function(d) {
-        Oo(g, d.trim(), $t);
-      }), z(a, "dragover", We), z(a, "mousemove", We), z(a, "touchmove", We), z(a, "mouseup", n._onDrop), z(a, "touchend", n._onDrop), z(a, "touchcancel", n._onDrop), uo && this.nativeDraggable && (this.options.touchStartThreshold = 4, g.draggable = !0), se("delayStart", this, {
+        }), de(g, 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, {
         evt: e
-      }), i.delay && (!i.delayOnTouchOnly || o) && (!this.nativeDraggable || !(st || xe))) {
-        if (F.eventCanceled) {
+      }), a.delay && (!a.delayOnTouchOnly || o) && (!this.nativeDraggable || !(rt || xe))) {
+        if (O.eventCanceled) {
           this._onDrop();
           return;
         }
-        z(a, "mouseup", n._disableDelayedDrag), z(a, "touchend", n._disableDelayedDrag), z(a, "touchcancel", n._disableDelayedDrag), z(a, "mousemove", n._delayedDragTouchMoveHandler), z(a, "touchmove", n._delayedDragTouchMoveHandler), i.supportPointer && z(a, "pointermove", n._delayedDragTouchMoveHandler), n._dragStartTimer = setTimeout(s, i.delay);
+        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);
       } else
         s();
     }
@@ -777,28 +777,28 @@ F.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 && $t(g), clearTimeout(this._dragStartTimer), this._disableDelayedDragEvents();
+    g && Pt(g), clearTimeout(this._dragStartTimer), this._disableDelayedDragEvents();
   },
   _disableDelayedDragEvents: function() {
     var e = this.el.ownerDocument;
-    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);
+    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);
   },
   _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));
     try {
-      document.selection ? bt(function() {
+      document.selection ? ht(function() {
         document.selection.empty();
       }) : window.getSelection().removeAllRanges();
     } catch {
     }
   },
   _dragStarted: function(e, o) {
-    if (Me = !1, q && g) {
+    if (Be = !1, q && g) {
       se("dragStarted", this, {
         evt: o
-      }), this.nativeDraggable && z(document, "dragover", qn);
+      }), this.nativeDraggable && z(document, "dragover", Hn);
       var t = this.options;
-      !e && de(g, t.dragClass, !1), de(g, t.ghostClass, !0), F.active = this, e && this._appendGhost(), re({
+      !e && de(g, t.dragClass, !1), de(g, t.ghostClass, !0), O.active = this, e && this._appendGhost(), re({
         sortable: this,
         name: "start",
         originalEvent: o
@@ -808,7 +808,7 @@ F.prototype = /** @lends Sortable.prototype */
   },
   _emulateDragOver: function() {
     if (ve) {
-      this._lastX = ve.clientX, this._lastY = ve.clientY, Bo();
+      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); )
         o = e;
       if (g.parentNode[ce]._isOutsideThisEl(e), o)
@@ -825,19 +825,19 @@ F.prototype = /** @lends Sortable.prototype */
           }
           e = o;
         } while (o = o.parentNode);
-      Mo();
+      $o();
     }
   },
   _onTouchMove: function(e) {
-    if (Ae) {
-      var o = this.options, t = o.fallbackTolerance, n = o.fallbackOffset, l = e.touches ? e.touches[0] : e, i = A && Ye(A, !0), a = A && i && i.a, s = A && i && i.d, r = pt && ie && po(ie), d = (l.clientX - Ae.clientX + n.x) / (a || 1) + (r ? r[0] - Lt[0] : 0) / (a || 1), u = (l.clientY - Ae.clientY + n.y) / (s || 1) + (r ? r[1] - Lt[1] : 0) / (s || 1);
-      if (!F.active && !Me) {
+    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 (t && Math.max(Math.abs(l.clientX - this._lastX), Math.abs(l.clientY - this._lastY)) < t)
           return;
         this._onDragStart(e, !0);
       }
       if (A) {
-        i ? (i.e += d - (Nt || 0), i.f += u - (Pt || 0)) : i = {
+        a ? (a.e += d - (At || 0), a.f += u - (Wt || 0)) : a = {
           a: 1,
           b: 0,
           c: 0,
@@ -845,74 +845,74 @@ F.prototype = /** @lends Sortable.prototype */
           e: d,
           f: u
         };
-        var f = "matrix(".concat(i.a, ",").concat(i.b, ",").concat(i.c, ",").concat(i.d, ",").concat(i.e, ",").concat(i.f, ")");
-        I(A, "webkitTransform", f), I(A, "mozTransform", f), I(A, "msTransform", f), I(A, "transform", f), Nt = d, Pt = u, ve = l;
+        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;
       }
       e.cancelable && e.preventDefault();
     }
   },
   _appendGhost: function() {
     if (!A) {
-      var e = this.options.fallbackOnBody ? document.body : q, o = oe(g, !0, pt, !0, e), t = this.options;
-      if (pt) {
-        for (ie = e; I(ie, "position") === "static" && I(ie, "transform") === "none" && ie !== document; )
+      var e = this.options.fallbackOnBody ? document.body : q, o = oe(g, !0, mt, !0, e), t = this.options;
+      if (mt) {
+        for (ie = e; F(ie, "position") === "static" && F(ie, "transform") === "none" && ie !== document; )
           ie = ie.parentNode;
-        ie !== document.body && ie !== document.documentElement ? (ie === document && (ie = Ce()), o.top += ie.scrollTop, o.left += ie.scrollLeft) : ie = Ce(), Lt = po(ie);
+        ie !== document.body && ie !== document.documentElement ? (ie === document && (ie = _e()), o.top += ie.scrollTop, o.left += ie.scrollLeft) : ie = _e(), Nt = co(ie);
       }
-      A = g.cloneNode(!0), de(A, t.ghostClass, !1), de(A, t.fallbackClass, !0), de(A, t.dragClass, !0), I(A, "transition", ""), I(A, "transform", ""), I(A, "box-sizing", "border-box"), I(A, "margin", 0), I(A, "top", o.top), I(A, "left", o.left), I(A, "width", o.width), I(A, "height", o.height), I(A, "opacity", "0.8"), I(A, "position", pt ? "absolute" : "fixed"), I(A, "zIndex", "100000"), I(A, "pointerEvents", "none"), F.ghost = A, e.appendChild(A), I(A, "transform-origin", fo / parseInt(A.style.width) * 100 + "% " + go / parseInt(A.style.height) * 100 + "%");
+      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 + "%");
     }
   },
   _onDragStart: function(e, o) {
     var t = this, n = e.dataTransfer, l = t.options;
     if (se("dragStart", this, {
       evt: e
-    }), F.eventCanceled) {
+    }), O.eventCanceled) {
       this._onDrop();
       return;
     }
-    se("setupClone", this), F.eventCanceled || (Z = Wo(g), Z.removeAttribute("id"), Z.draggable = !1, Z.style["will-change"] = "", this._hideClone(), de(Z, this.options.chosenClass, !1), F.clone = Z), t.cloneId = bt(function() {
-      se("clone", t), !F.eventCanceled && (t.options.removeCloneOnHide || q.insertBefore(Z, g), t._hideClone(), re({
+    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({
         sortable: t,
         name: "clone"
       }));
-    }), !o && de(g, l.dragClass, !0), o ? (Et = !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, g)), z(document, "drop", t), I(g, "transform", "translateZ(0)")), Me = !0, t._dragStartId = bt(t._dragStarted.bind(t, o, e)), z(document, "selectstart", t), qe = !0, Qe && I(document.body, "user-select", "none");
+    }), !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");
   },
   // 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, i, a = this.options, s = a.group, r = F.active, d = ct === s, u = a.sort, f = ne || r, c, m = this, E = !1;
-    if (Xt)
+    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;
+    if (Mt)
       return;
-    function T(le, _e) {
-      se(le, m, Ee({
+    function S(le, Ee) {
+      se(le, f, Ce({
         evt: e,
         isOwner: d,
-        axis: c ? "vertical" : "horizontal",
-        revert: i,
+        axis: p ? "vertical" : "horizontal",
+        revert: a,
         dragRect: n,
         targetRect: l,
         canSort: u,
-        fromSortable: f,
+        fromSortable: c,
         target: t,
         completed: M,
-        onMove: function(Re, Dt) {
-          return ft(q, o, g, n, Re, oe(Re), e, Dt);
+        onMove: function(D, U) {
+          return pt(q, o, g, n, D, oe(D), e, U);
         },
         changed: K
-      }, _e));
+      }, Ee));
     }
-    function D() {
-      T("dragOverAnimationCapture"), m.captureAnimationState(), m !== f && f.captureAnimationState();
+    function I() {
+      S("dragOverAnimationCapture"), f.captureAnimationState(), f !== c && c.captureAnimationState();
     }
     function M(le) {
-      return T("dragOverCompleted", {
+      return S("dragOverCompleted", {
         insertion: le
-      }), le && (d ? r._hideClone() : r._showClone(m), m !== f && (de(g, ne ? ne.options.ghostClass : r.options.ghostClass, !1), de(g, a.ghostClass, !0)), ne !== m && m !== F.active ? ne = m : m === F.active && ne && (ne = null), f === m && (m._ignoreWhileAnimating = t), m.animateAll(function() {
-        T("dragOverAnimationComplete"), m._ignoreWhileAnimating = null;
-      }), m !== f && (f.animateAll(), f._ignoreWhileAnimating = null)), (t === g && !g.animated || t === o && !t.animated) && (Be = null), !a.dragoverBubble && !e.rootEl && t !== document && (g.parentNode[ce]._isOutsideThisEl(e.target), !le && We(e)), !a.dragoverBubble && e.stopPropagation && e.stopPropagation(), E = !0;
+      }), 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;
     }
     function K() {
-      ue = fe(g), Ie = fe(g, a.draggable), re({
-        sortable: m,
+      ue = fe(g), Ie = fe(g, i.draggable), re({
+        sortable: f,
         name: "change",
         toEl: o,
         newIndex: ue,
@@ -920,46 +920,46 @@ F.prototype = /** @lends Sortable.prototype */
         originalEvent: e
       });
     }
-    if (e.preventDefault !== void 0 && e.cancelable && e.preventDefault(), t = he(t, a.draggable, o, !0), T("dragOver"), F.eventCanceled)
+    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 || m._ignoreWhileAnimating === t)
+    if (g.contains(e.target) || t.animated && t.animatingX && t.animatingY || f._ignoreWhileAnimating === t)
       return M(!1);
-    if (Et = !1, r && !a.disabled && (d ? u || (i = Q !== q) : ne === this || (this.lastPutMode = ct.checkPull(this, r, g, e)) && s.checkPut(this, r, g, e))) {
-      if (c = this._getDirection(e, t) === "vertical", n = oe(g), T("dragOverValid"), F.eventCanceled)
+    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 (i)
-        return Q = q, D(), this._hideClone(), T("revert"), F.eventCanceled || (Ne ? q.insertBefore(g, Ne) : q.appendChild(g)), M(!0);
-      var $ = Kt(o, a.draggable);
-      if (!$ || el(e, c, this) && !$.animated) {
-        if ($ === g)
+      if (a)
+        return Q = q, I(), this._hideClone(), S("revert"), O.eventCanceled || (We ? q.insertBefore(g, We) : q.appendChild(g)), M(!0);
+      var B = Ht(o, i.draggable);
+      if (!B || Jn(e, p, this) && !B.animated) {
+        if (B === g)
           return M(!1);
-        if ($ && o === e.target && (t = $), t && (l = oe(t)), ft(q, o, g, n, t, l, e, !!t) !== !1)
-          return D(), $ && $.nextSibling ? o.insertBefore(g, $.nextSibling) : o.appendChild(g), Q = o, K(), M(!0);
-      } else if ($ && Qn(e, c, this)) {
-        var N = He(o, 0, a, !0);
+        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), ft(q, o, g, n, t, l, e, !1) !== !1)
-          return D(), o.insertBefore(g, N), Q = o, K(), M(!0);
+        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);
       } else if (t.parentNode === o) {
         l = oe(t);
-        var Y = 0, B, h = g.parentNode !== o, v = !jn(g.animated && g.toRect || n, t.animated && t.toRect || l, c), _ = c ? "top" : "left", p = mo(t, "top", "top") || mo(g, "top", "top"), k = p ? p.scrollTop : void 0;
-        Be !== t && (B = l[_], nt = !1, mt = !v && a.invertSwap || h), Y = tl(e, t, l, c, v ? 1 : a.swapThreshold, a.invertedSwapThreshold == null ? a.swapThreshold : a.invertedSwapThreshold, mt, Be === 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 w = fe(g);
+          var T = fe(g);
           do
-            w -= Y, C = Q.children[w];
-          while (C && (I(C, "display") === "none" || C === A));
+            T -= Y, C = Q.children[T];
+          while (C && (F(C, "display") === "none" || C === A));
         }
         if (Y === 0 || C === t)
           return M(!1);
-        Be = t, ot = Y;
+        $e = t, tt = Y;
         var b = t.nextElementSibling, P = !1;
         P = Y === 1;
-        var G = ft(q, o, g, n, t, l, e, P);
+        var G = pt(q, o, g, n, t, l, e, P);
         if (G !== !1)
-          return (G === 1 || G === -1) && (P = G === 1), Xt = !0, setTimeout(Zn, 30), D(), P && !b ? o.appendChild(g) : t.parentNode.insertBefore(g, P ? b : t), p && Ao(p, 0, k - p.scrollTop), Q = g.parentNode, B !== void 0 && !mt && (ht = Math.abs(B - oe(t)[_])), K(), M(!0);
+          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);
       }
       if (o.contains(g))
         return M(!1);
@@ -968,21 +968,21 @@ F.prototype = /** @lends Sortable.prototype */
   },
   _ignoreWhileAnimating: null,
   _offMoveEvents: function() {
-    U(document, "mousemove", this._onTouchMove), U(document, "touchmove", this._onTouchMove), U(document, "pointermove", this._onTouchMove), U(document, "dragover", We), U(document, "mousemove", We), U(document, "touchmove", We);
+    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);
   },
   _offUpEvents: function() {
     var e = this.el.ownerDocument;
-    U(e, "mouseup", this._onDrop), U(e, "touchend", this._onDrop), U(e, "pointerup", this._onDrop), U(e, "touchcancel", this._onDrop), U(document, "selectstart", this);
+    X(e, "mouseup", this._onDrop), X(e, "touchend", this._onDrop), X(e, "pointerup", this._onDrop), X(e, "touchcancel", this._onDrop), X(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, {
       evt: e
-    }), Q = g && g.parentNode, ue = fe(g), Ie = fe(g, t.draggable), F.eventCanceled) {
+    }), Q = g && g.parentNode, ue = fe(g), Ie = fe(g, t.draggable), O.eventCanceled) {
       this._nulling();
       return;
     }
-    Me = !1, mt = !1, nt = !1, clearInterval(this._loopId), clearTimeout(this._dragStartTimer), zt(this.cloneId), zt(this._dragStartId), this.nativeDraggable && (U(document, "drop", this), U(o, "dragstart", this._onDragStart)), this._offMoveEvents(), this._offUpEvents(), Qe && I(document.body, "user-select", ""), I(g, "transform", ""), e && (qe && (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 && U(g, "dragend", this), $t(g), g.style["will-change"] = "", qe && !Me && de(g, ne ? ne.options.ghostClass : this.options.ghostClass, !1), de(g, this.options.chosenClass, !1), re({
+    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({
       sortable: this,
       name: "unchoose",
       toEl: Q,
@@ -1011,7 +1011,7 @@ F.prototype = /** @lends Sortable.prototype */
       name: "sort",
       toEl: Q,
       originalEvent: e
-    })), ne && ne.save()) : ue !== ze && ue >= 0 && (re({
+    })), ne && ne.save()) : ue !== Xe && ue >= 0 && (re({
       sortable: this,
       name: "update",
       toEl: Q,
@@ -1021,7 +1021,7 @@ F.prototype = /** @lends Sortable.prototype */
       name: "sort",
       toEl: Q,
       originalEvent: e
-    })), F.active && ((ue == null || ue === -1) && (ue = ze, Ie = tt), re({
+    })), O.active && ((ue == null || ue === -1) && (ue = Xe, Ie = et), re({
       sortable: this,
       name: "end",
       toEl: Q,
@@ -1029,9 +1029,9 @@ F.prototype = /** @lends Sortable.prototype */
     }), this.save()))), this._nulling();
   },
   _nulling: function() {
-    se("nulling", this), q = g = Q = A = Ne = Z = vt = Fe = Ae = ve = qe = ue = Ie = ze = tt = Be = ot = ne = ct = F.dragged = F.ghost = F.clone = F.active = null, wt.forEach(function(e) {
+    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) {
       e.checked = !0;
-    }), wt.length = Nt = Pt = 0;
+    }), Tt.length = At = Wt = 0;
   },
   handleEvent: function(e) {
     switch (e.type) {
@@ -1041,7 +1041,7 @@ F.prototype = /** @lends Sortable.prototype */
         break;
       case "dragenter":
       case "dragover":
-        g && (this._onDragOver(e), Jn(e));
+        g && (this._onDragOver(e), jn(e));
         break;
       case "selectstart":
         e.preventDefault();
@@ -1053,8 +1053,8 @@ F.prototype = /** @lends Sortable.prototype */
    * @returns {String[]}
    */
   toArray: function() {
-    for (var e = [], o, t = this.el.children, n = 0, l = t.length, i = this.options; n < l; n++)
-      o = t[n], he(o, i.draggable, this.el, !1) && e.push(o.getAttribute(i.dataIdAttr) || nl(o));
+    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));
     return e;
   },
   /**
@@ -1063,9 +1063,9 @@ F.prototype = /** @lends Sortable.prototype */
    */
   sort: function(e, o) {
     var t = {}, n = this.el;
-    this.toArray().forEach(function(l, i) {
-      var a = n.children[i];
-      he(a, this.options.draggable, n, !1) && (t[l] = a);
+    this.toArray().forEach(function(l, a) {
+      var i = n.children[a];
+      he(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();
@@ -1096,8 +1096,8 @@ F.prototype = /** @lends Sortable.prototype */
     var t = this.options;
     if (o === void 0)
       return t[e];
-    var n = dt.modifyOption(this, e, o);
-    typeof n < "u" ? t[e] = n : t[e] = o, e === "group" && $o(t);
+    var n = st.modifyOption(this, e, o);
+    typeof n < "u" ? t[e] = n : t[e] = o, e === "group" && Po(t);
   },
   /**
    * Destroy
@@ -1105,15 +1105,15 @@ F.prototype = /** @lends Sortable.prototype */
   destroy: function() {
     se("destroy", this);
     var e = this.el;
-    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) {
+    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) {
       o.removeAttribute("draggable");
-    }), this._onDrop(), this._disableDelayedDragEvents(), Tt.splice(Tt.indexOf(this.el), 1), this.el = e = null;
+    }), this._onDrop(), this._disableDelayedDragEvents(), Et.splice(Et.indexOf(this.el), 1), this.el = e = null;
   },
   _hideClone: function() {
     if (!Fe) {
-      if (se("hideClone", this), F.eventCanceled)
+      if (se("hideClone", this), O.eventCanceled)
         return;
-      I(Z, "display", "none"), this.options.removeCloneOnHide && Z.parentNode && Z.parentNode.removeChild(Z), Fe = !0;
+      F(Z, "display", "none"), this.options.removeCloneOnHide && Z.parentNode && Z.parentNode.removeChild(Z), Fe = !0;
     }
   },
   _showClone: function(e) {
@@ -1122,110 +1122,110 @@ F.prototype = /** @lends Sortable.prototype */
       return;
     }
     if (Fe) {
-      if (se("showClone", this), F.eventCanceled)
+      if (se("showClone", this), O.eventCanceled)
         return;
-      g.parentNode == q && !this.options.group.revertClone ? q.insertBefore(Z, g) : Ne ? q.insertBefore(Z, Ne) : q.appendChild(Z), this.options.group.revertClone && this.animate(g, Z), I(Z, "display", ""), Fe = !1;
+      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;
     }
   }
 };
-function Jn(e) {
+function jn(e) {
   e.dataTransfer && (e.dataTransfer.dropEffect = "move"), e.cancelable && e.preventDefault();
 }
-function ft(e, o, t, n, l, i, a, s) {
-  var r, d = e[ce], u = d.options.onMove, f;
-  return window.CustomEvent && !xe && !st ? r = new CustomEvent("move", {
+function pt(e, o, t, n, l, a, i, s) {
+  var r, d = e[ce], u = d.options.onMove, c;
+  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 = i || oe(o), r.willInsertAfter = s, r.originalEvent = a, e.dispatchEvent(r), u && (f = u.call(d, r, a)), f;
+  }) : (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;
 }
-function $t(e) {
+function Pt(e) {
   e.draggable = !1;
 }
-function Zn() {
-  Xt = !1;
-}
-function Qn(e, o, t) {
-  var n = oe(He(t.el, 0, t.options, !0)), l = No(t.el, t.options, A), i = 10;
-  return o ? e.clientX < l.left - i || e.clientY < n.top && e.clientX < n.right : e.clientY < l.top - i || e.clientY < n.bottom && e.clientX < n.left;
-}
-function el(e, o, t) {
-  var n = oe(Kt(t.el, t.options.draggable)), l = No(t.el, t.options, A), i = 10;
-  return o ? e.clientX > l.right + i || e.clientY > n.bottom && e.clientX > n.left : e.clientY > l.bottom + i || e.clientX > n.right && e.clientY > n.top;
-}
-function tl(e, o, t, n, l, i, a, s) {
-  var r = n ? e.clientY : e.clientX, d = n ? t.height : t.width, u = n ? t.top : t.left, f = n ? t.bottom : t.right, c = !1;
-  if (!a) {
-    if (s && ht < d * l) {
-      if (!nt && (ot === 1 ? r > u + d * i / 2 : r < f - d * i / 2) && (nt = !0), nt)
-        c = !0;
-      else if (ot === 1 ? r < u + ht : r > f - ht)
-        return -ot;
-    } else if (r > u + d * (1 - l) / 2 && r < f - d * (1 - l) / 2)
-      return ol(o);
+function Kn() {
+  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;
+  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;
+  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;
+  if (!i) {
+    if (s && vt < d * l) {
+      if (!ot && (tt === 1 ? r > u + d * a / 2 : r < c - d * a / 2) && (ot = !0), ot)
+        p = !0;
+      else if (tt === 1 ? r < u + vt : r > c - vt)
+        return -tt;
+    } else if (r > u + d * (1 - l) / 2 && r < c - d * (1 - l) / 2)
+      return Qn(o);
   }
-  return c = c || a, c && (r < u + d * i / 2 || r > f - d * i / 2) ? r > u + d / 2 ? 1 : -1 : 0;
+  return p = p || i, p && (r < u + d * a / 2 || r > c - d * a / 2) ? r > u + d / 2 ? 1 : -1 : 0;
 }
-function ol(e) {
+function Qn(e) {
   return fe(g) < fe(e) ? 1 : -1;
 }
-function nl(e) {
+function el(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 ll(e) {
-  wt.length = 0;
+function tl(e) {
+  Tt.length = 0;
   for (var o = e.getElementsByTagName("input"), t = o.length; t--; ) {
     var n = o[t];
-    n.checked && wt.push(n);
+    n.checked && Tt.push(n);
   }
 }
-function bt(e) {
+function ht(e) {
   return setTimeout(e, 0);
 }
-function zt(e) {
+function Ut(e) {
   return clearTimeout(e);
 }
-kt && z(document, "touchmove", function(e) {
-  (F.active || Me) && e.cancelable && e.preventDefault();
+Vt && z(document, "touchmove", function(e) {
+  (O.active || Be) && e.cancelable && e.preventDefault();
 });
-F.utils = {
+O.utils = {
   on: z,
-  off: U,
-  css: I,
-  find: Oo,
+  off: X,
+  css: F,
+  find: Io,
   is: function(e, o) {
     return !!he(e, o, e, !1);
   },
-  extend: Bn,
-  throttle: Ro,
+  extend: Pn,
+  throttle: Fo,
   closest: he,
   toggleClass: de,
-  clone: Wo,
+  clone: Ro,
   index: fe,
-  nextTick: bt,
-  cancelNextTick: zt,
-  detectDirection: Lo,
-  getChild: He
+  nextTick: ht,
+  cancelNextTick: Ut,
+  detectDirection: No,
+  getChild: Ge
 };
-F.get = function(e) {
+O.get = function(e) {
   return e[ce];
 };
-F.mount = function() {
+O.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 && (F.utils = Ee(Ee({}, F.utils), n.utils)), dt.mount(n);
+    n.utils && (O.utils = Ce(Ce({}, O.utils), n.utils)), st.mount(n);
   });
 };
-F.create = function(e, o) {
-  return new F(e, o);
+O.create = function(e, o) {
+  return new O(e, o);
 };
-F.version = Pn;
-var te = [], Je, Yt, Gt = !1, Bt, Mt, St, Ze;
-function il() {
+O.version = An;
+var te = [], qe, Xt, zt = !1, Lt, $t, wt, Je;
+function ol() {
   function e() {
     this.defaults = {
       scroll: !0,
@@ -1247,29 +1247,29 @@ function il() {
       !this.options.dragOverBubble && !t.rootEl && this._handleAutoScroll(t);
     },
     drop: function() {
-      this.sortable.nativeDraggable ? U(document, "dragover", this._handleAutoScroll) : (U(document, "pointermove", this._handleFallbackAutoScroll), U(document, "touchmove", this._handleFallbackAutoScroll), U(document, "mousemove", this._handleFallbackAutoScroll)), ho(), yt(), Mn();
+      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();
     },
     nulling: function() {
-      St = Yt = Je = Gt = Ze = Bt = Mt = null, te.length = 0;
+      wt = Xt = qe = zt = Je = 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, i = (o.touches ? o.touches[0] : o).clientY, a = document.elementFromPoint(l, i);
-      if (St = o, t || this.options.forceAutoScrollFallback || st || xe || Qe) {
-        Ut(o, this.options, a, t);
-        var s = Oe(a, !0);
-        Gt && (!Ze || l !== Bt || i !== Mt) && (Ze && ho(), Ze = setInterval(function() {
-          var r = Oe(document.elementFromPoint(l, i), !0);
-          r !== s && (s = r, yt()), Ut(o, n.options, r, t);
-        }, 10), Bt = l, Mt = i);
+      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) {
+        Bt(o, this.options, i, t);
+        var s = Oe(i, !0);
+        zt && (!Je || l !== Lt || a !== $t) && (Je && go(), Je = 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(a, !0) === Ce()) {
-          yt();
+        if (!this.options.bubbleScroll || Oe(i, !0) === _e()) {
+          bt();
           return;
         }
-        Ut(o, this.options, Oe(a, !1), !1);
+        Bt(o, this.options, Oe(i, !1), !1);
       }
     }
   }, ke(e, {
@@ -1277,51 +1277,51 @@ function il() {
     initializeByDefault: !0
   });
 }
-function yt() {
+function bt() {
   te.forEach(function(e) {
     clearInterval(e.pid);
   }), te = [];
 }
-function ho() {
-  clearInterval(Ze);
+function go() {
+  clearInterval(Je);
 }
-var Ut = Ro(function(e, o, t, n) {
+var Bt = Fo(function(e, o, t, n) {
   if (o.scroll) {
-    var l = (e.touches ? e.touches[0] : e).clientX, i = (e.touches ? e.touches[0] : e).clientY, a = o.scrollSensitivity, s = o.scrollSpeed, r = Ce(), d = !1, u;
-    Yt !== t && (Yt = t, yt(), Je = o.scroll, u = o.scrollFn, Je === !0 && (Je = Oe(t, !0)));
-    var f = 0, c = Je;
+    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;
+    Xt !== t && (Xt = t, bt(), qe = o.scroll, u = o.scrollFn, qe === !0 && (qe = Oe(t, !0)));
+    var c = 0, p = qe;
     do {
-      var m = c, E = oe(m), T = E.top, D = E.bottom, M = E.left, K = E.right, $ = E.width, N = E.height, Y = void 0, B = void 0, h = m.scrollWidth, v = m.scrollHeight, _ = I(m), p = m.scrollLeft, k = m.scrollTop;
-      m === r ? (Y = $ < h && (_.overflowX === "auto" || _.overflowX === "scroll" || _.overflowX === "visible"), B = N < v && (_.overflowY === "auto" || _.overflowY === "scroll" || _.overflowY === "visible")) : (Y = $ < h && (_.overflowX === "auto" || _.overflowX === "scroll"), B = N < v && (_.overflowY === "auto" || _.overflowY === "scroll"));
-      var C = Y && (Math.abs(K - l) <= a && p + $ < h) - (Math.abs(M - l) <= a && !!p), w = B && (Math.abs(D - i) <= a && k + N < v) - (Math.abs(T - i) <= a && !!k);
-      if (!te[f])
-        for (var b = 0; b <= f; b++)
+      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[f].vx != C || te[f].vy != w || te[f].el !== m) && (te[f].el = m, te[f].vx = C, te[f].vy = w, clearInterval(te[f].pid), (C != 0 || w != 0) && (d = !0, te[f].pid = setInterval((function() {
-        n && this.layer === 0 && F.active._onTouchMove(St);
+      (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(F.dragged.parentNode[ce], G, P, e, St, te[this.layer].el) !== "continue" || Ao(te[this.layer].el, G, P);
+        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);
       }).bind({
-        layer: f
-      }), 24))), f++;
-    } while (o.bubbleScroll && c !== r && (c = Oe(c, !1)));
-    Gt = d;
+        layer: c
+      }), 24))), c++;
+    } while (o.bubbleScroll && p !== r && (p = Oe(p, !1)));
+    zt = d;
   }
-}, 30), Uo = function(e) {
-  var o = e.originalEvent, t = e.putSortable, n = e.dragEl, l = e.activeSortable, i = e.dispatchSortableEvent, a = e.hideGhostForTarget, s = e.unhideGhostForTarget;
+}, 30), Bo = function(e) {
+  var o = e.originalEvent, t = e.putSortable, n = e.dragEl, l = e.activeSortable, a = e.dispatchSortableEvent, i = e.hideGhostForTarget, s = e.unhideGhostForTarget;
   if (o) {
     var r = t || l;
-    a();
+    i();
     var d = o.changedTouches && o.changedTouches.length ? o.changedTouches[0] : o, u = document.elementFromPoint(d.clientX, d.clientY);
-    s(), r && !r.el.contains(u) && (i("spill"), this.onSpill({
+    s(), r && !r.el.contains(u) && (a("spill"), this.onSpill({
       dragEl: n,
       putSortable: t
     }));
   }
 };
-function qt() {
+function jt() {
 }
-qt.prototype = {
+jt.prototype = {
   startIndex: null,
   dragStart: function(e) {
     var o = e.oldDraggableIndex;
@@ -1330,164 +1330,164 @@ qt.prototype = {
   onSpill: function(e) {
     var o = e.dragEl, t = e.putSortable;
     this.sortable.captureAnimationState(), t && t.captureAnimationState();
-    var n = He(this.sortable.el, this.startIndex, this.options);
+    var n = Ge(this.sortable.el, this.startIndex, this.options);
     n ? this.sortable.el.insertBefore(o, n) : this.sortable.el.appendChild(o), this.sortable.animateAll(), t && t.animateAll();
   },
-  drop: Uo
+  drop: Bo
 };
-ke(qt, {
+ke(jt, {
   pluginName: "revertOnSpill"
 });
-function Jt() {
+function Kt() {
 }
-Jt.prototype = {
+Kt.prototype = {
   onSpill: function(e) {
     var o = e.dragEl, t = e.putSortable, n = t || this.sortable;
     n.captureAnimationState(), o.parentNode && o.parentNode.removeChild(o), n.animateAll();
   },
-  drop: Uo
+  drop: Bo
 };
-ke(Jt, {
+ke(Kt, {
   pluginName: "removeOnSpill"
 });
-F.mount(new il());
-F.mount(Jt, qt);
-function al(e) {
+O.mount(new ol());
+O.mount(Kt, jt);
+function nl(e) {
   return e == null ? e : JSON.parse(JSON.stringify(e));
 }
-function rl(e) {
-  jt() && Jo(e);
+function ll(e) {
+  Gt() && Ko(e);
 }
-function sl(e) {
-  jt() ? _o(e) : Co(e);
+function il(e) {
+  Gt() ? bo(e) : yo(e);
 }
-let Xo = null, zo = null;
-function bo(e = null, o = null) {
-  Xo = e, zo = o;
+let Mo = null, Uo = null;
+function vo(e = null, o = null) {
+  Mo = e, Uo = o;
 }
-function dl() {
+function al() {
   return {
-    data: Xo,
-    clonedData: zo
+    data: Mo,
+    clonedData: Uo
   };
 }
-const yo = Symbol("cloneElement");
-function ul(...e) {
+const ho = Symbol("cloneElement");
+function rl(...e) {
   var o, t;
-  const n = (o = jt()) == null ? void 0 : o.proxy;
+  const n = (o = Gt()) == null ? void 0 : o.proxy;
   let l = null;
-  const i = e[0];
-  let [, a, s] = e;
-  Array.isArray(y(a)) || (s = a, a = null);
+  const a = e[0];
+  let [, i, s] = e;
+  Array.isArray(y(i)) || (s = i, i = null);
   let r = null;
   const {
     immediate: d = !0,
-    clone: u = al,
-    customUpdate: f
+    clone: u = nl,
+    customUpdate: c
   } = (t = y(s)) != null ? t : {};
-  function c(v) {
+  function p(v) {
     var _;
-    const { from: p, oldIndex: k, item: C } = v;
-    l = Array.from(p.childNodes);
-    const w = y((_ = y(a)) == null ? void 0 : _[k]), b = u(w);
-    bo(w, b), C[yo] = b;
+    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;
   }
-  function m(v) {
-    const _ = v.item[yo];
-    if (!Vn(_)) {
-      if (Rt(v.item), Ot(a)) {
-        const p = [...y(a)];
-        a.value = io(p, v.newDraggableIndex, _);
+  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, _);
         return;
       }
-      io(y(a), v.newDraggableIndex, _);
+      no(y(i), v.newDraggableIndex, _);
     }
   }
   function E(v) {
-    const { from: _, item: p, oldIndex: k, oldDraggableIndex: C, pullMode: w, clone: b } = v;
-    if (ao(_, p, k), w === "clone") {
-      Rt(b);
+    const { from: _, item: m, oldIndex: k, oldDraggableIndex: C, pullMode: T, clone: b } = v;
+    if (lo(_, m, k), T === "clone") {
+      Ft(b);
       return;
     }
-    if (Ot(a)) {
-      const P = [...y(a)];
-      a.value = lo(P, C);
+    if (It(i)) {
+      const P = [...y(i)];
+      i.value = oo(P, C);
       return;
     }
-    lo(y(a), C);
+    oo(y(i), C);
   }
-  function T(v) {
-    if (f) {
-      f(v);
+  function S(v) {
+    if (c) {
+      c(v);
       return;
     }
-    const { from: _, item: p, oldIndex: k, oldDraggableIndex: C, newDraggableIndex: w } = v;
-    if (Rt(p), ao(_, p, k), Ot(a)) {
-      const b = [...y(a)];
-      a.value = no(
+    const { from: _, item: m, oldIndex: k, oldDraggableIndex: C, newDraggableIndex: T } = v;
+    if (Ft(m), lo(_, m, k), It(i)) {
+      const b = [...y(i)];
+      i.value = to(
         b,
         C,
-        w
+        T
       );
       return;
     }
-    no(y(a), C, w);
+    to(y(i), C, T);
   }
-  function D(v) {
-    const { newIndex: _, oldIndex: p, from: k, to: C } = v;
-    let w = null;
-    const b = _ === p && k === C;
+  function I(v) {
+    const { newIndex: _, oldIndex: m, from: k, to: C } = v;
+    let T = null;
+    const b = _ === m && k === C;
     try {
       if (b) {
         let P = 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 _e = C.childNodes[le];
-          P = C == null ? void 0 : C.replaceChild(G, _e);
+          const Ee = C.childNodes[le];
+          P = C == null ? void 0 : C.replaceChild(G, Ee);
         });
       }
     } catch (P) {
-      w = P;
+      T = P;
     } finally {
       l = null;
     }
-    Co(() => {
-      if (bo(), w)
-        throw w;
+    yo(() => {
+      if (vo(), T)
+        throw T;
     });
   }
   const M = {
-    onUpdate: T,
-    onStart: c,
-    onAdd: m,
+    onUpdate: S,
+    onStart: p,
+    onAdd: f,
     onRemove: E,
-    onEnd: D
+    onEnd: I
   };
   function K(v) {
-    const _ = y(i);
-    return v || (v = kn(_) ? xn(_, n == null ? void 0 : n.$el) : _), v && !Fn(v) && (v = v.$el), v || Tn("Root element not found"), 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 $() {
+  function B() {
     var v;
-    const _ = (v = y(s)) != null ? v : {}, p = ko(_, ["immediate", "clone"]);
-    return ro(p, (k, C) => {
-      On(k) && (p[k] = (w, ...b) => {
-        const P = dl();
-        return Rn(w, P), C(w, ...b);
+    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);
       });
-    }), In(
-      a === null ? {} : M,
-      p
+    }), kn(
+      i === null ? {} : M,
+      m
     );
   }
   const N = (v) => {
-    v = K(v), r && Y.destroy(), r = new F(v, $());
+    v = K(v), r && Y.destroy(), r = new O(v, B());
   };
-  Ge(
+  Ye(
     () => s,
     () => {
-      r && ro($(), (v, _) => {
+      r && io(B(), (v, _) => {
         r == null || r.option(v, _);
       });
     },
@@ -1501,12 +1501,12 @@ function ul(...e) {
     save: () => r == null ? void 0 : r.save(),
     toArray: () => r == null ? void 0 : r.toArray(),
     closest: (...v) => r == null ? void 0 : r.closest(...v)
-  }, B = () => Y == null ? void 0 : Y.option("disabled", !0), h = () => Y == null ? void 0 : Y.option("disabled", !1);
-  return sl(() => {
+  }, $ = () => Y == null ? void 0 : Y.option("disabled", !0), h = () => Y == null ? void 0 : Y.option("disabled", !1);
+  return il(() => {
     d && N();
-  }), rl(Y.destroy), Xe({ start: N, pause: B, resume: h }, Y);
+  }), ll(Y.destroy), Ue({ start: N, pause: $, resume: h }, Y);
 }
-const Ht = [
+const Yt = [
   "update",
   "start",
   "add",
@@ -1519,7 +1519,7 @@ const Ht = [
   "clone",
   "move",
   "change"
-], cl = [
+], sl = [
   "clone",
   "animation",
   "ghostClass",
@@ -1563,43 +1563,43 @@ const Ht = [
   "tag",
   "target",
   "customUpdate",
-  ...Ht.map((e) => `on${e.replace(/^\S/, (o) => o.toUpperCase())}`)
-], lt = ee({
+  ...Yt.map((e) => `on${e.replace(/^\S/, (o) => o.toUpperCase())}`)
+], nt = ee({
   name: "VueDraggable",
   model: {
     prop: "modelValue",
     event: "update:modelValue"
   },
-  props: cl,
-  emits: ["update:modelValue", ...Ht],
+  props: sl,
+  emits: ["update:modelValue", ...Yt],
   setup(e, { slots: o, emit: t, expose: n, attrs: l }) {
-    const i = Ht.reduce((u, f) => {
-      const c = `on${f.replace(/^\S/, (m) => m.toUpperCase())}`;
-      return u[c] = (...m) => t(f, ...m), u;
-    }, {}), a = L(() => {
-      const u = jo(e), f = ko(u, ["modelValue"]), c = Object.entries(f).reduce((m, [E, T]) => {
-        const D = y(T);
-        return D !== void 0 && (m[E] = D), m;
+    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;
       }, {});
-      return Xe(Xe({}, i), Sn(Xe(Xe({}, l), c)));
+      return Ue(Ue({}, a), En(Ue(Ue({}, l), p)));
     }), s = L({
       get: () => e.modelValue,
       set: (u) => t("update:modelValue", u)
-    }), r = j(), d = Ko(
-      ul(e.target || r, s, a)
+    }), r = j(), d = Ho(
+      rl(e.target || r, s, i)
     );
     return n(d), () => {
       var u;
-      return qo(e.tag || "div", { ref: r }, (u = o == null ? void 0 : o.default) == null ? void 0 : u.call(o, d));
+      return jo(e.tag || "div", { ref: r }, (u = o == null ? void 0 : o.default) == null ? void 0 : u.call(o, d));
     };
   }
-}), Pe = {
+}), Ne = {
   BLACK: "#000000",
   WHITE: "#FFFFFF",
   RED: "#FF0000",
   NEUTRAL_GRAY_200_HEX: "#BCC1C3",
   NEUTRAL_GRAY_200: "var(--fm-color-neutral-gray-200)"
-}, ml = /* @__PURE__ */ ee({
+}, dl = /* @__PURE__ */ ee({
   __name: "TextWidget",
   props: {
     modelValue: {},
@@ -1608,9 +1608,9 @@ const Ht = [
   },
   setup(e) {
     const o = e, t = L(() => {
-      const i = (o.modelValue.color ?? R.F_PRINT_COLOR.Enum.BLACK) === R.F_PRINT_COLOR.Enum.BLACK, a = o.modelValue.isInvert, s = o.disabled ? Pe.NEUTRAL_GRAY_200 : a ? "white" : i ? "black" : "red", r = a ? i ? "black" : "red" : "transparent";
+      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";
       return {
-        textAlign: on(o.modelValue.textAlign),
+        textAlign: en(o.modelValue.textAlign),
         fontSize: `${o.fontSize * o.modelValue.factor}px`,
         fontWeight: o.modelValue.isBold ? "bold" : "normal",
         fontStyle: o.modelValue.isItalic ? "italic" : "normal",
@@ -1621,7 +1621,7 @@ const Ht = [
     }), n = L(() => ({
       height: o.modelValue.height === null ? "auto" : `${o.modelValue.height}px`
     }));
-    return (l, i) => (x(), W("div", {
+    return (l, a) => (x(), W("div", {
       style: ge(n.value)
     }, [
       V("div", {
@@ -1630,7 +1630,7 @@ const Ht = [
       }, H(o.modelValue.value.length ? o.modelValue.value : "Enter value here"), 5)
     ], 4));
   }
-}), pl = /* @__PURE__ */ ee({
+}), ul = /* @__PURE__ */ ee({
   __name: "CheckboxWidget",
   props: {
     modelValue: {},
@@ -1638,21 +1638,21 @@ const Ht = [
   },
   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 a = (o.modelValue.color ?? R.F_PRINT_COLOR.Enum.BLACK) === R.F_PRINT_COLOR.Enum.BLACK;
+      const i = (o.modelValue.color ?? R.F_PRINT_COLOR.Enum.BLACK) === R.F_PRINT_COLOR.Enum.BLACK;
       return {
         width: `${o.modelValue.size}px`,
         height: `${t.value}px`,
-        borderColor: o.disabled ? Pe.NEUTRAL_GRAY_200 : a ? "black" : "red"
+        borderColor: o.disabled ? Ne.NEUTRAL_GRAY_200 : i ? "black" : "red"
       };
     }), l = L(() => {
-      const i = at(o.modelValue.alignment), a = rt(o.modelValue.alignment);
+      const a = it(o.modelValue.alignment), i = at(o.modelValue.alignment);
       return {
         display: "flex",
-        justifyContent: i,
-        alignItems: a
+        justifyContent: a,
+        alignItems: i
       };
     });
-    return (i, a) => (x(), W("div", {
+    return (a, i) => (x(), W("div", {
       style: ge(l.value)
     }, [
       V("div", {
@@ -1661,7 +1661,7 @@ const Ht = [
       }, null, 4)
     ], 4));
   }
-}), fl = { class: "flex flex-col gap-2" }, gl = /* @__PURE__ */ ee({
+}), cl = { class: "flex flex-col gap-2" }, ml = /* @__PURE__ */ ee({
   __name: "SpacerWidget",
   props: {
     modelValue: {}
@@ -1670,32 +1670,32 @@ const Ht = [
     const o = e, t = L(() => ({
       height: `${o.modelValue.height}px`
     }));
-    return (n, l) => (x(), W("div", fl, [
+    return (n, l) => (x(), W("div", cl, [
       V("div", {
         class: "w-full",
         style: ge(t.value)
       }, null, 4)
     ]));
   }
-}), vl = ["src"], hl = /* @__PURE__ */ ee({
+}), pl = ["src"], fl = /* @__PURE__ */ ee({
   __name: "ImageWidget",
   props: {
     modelValue: {}
   },
   setup(e) {
-    const o = e, t = L(() => nn(o.modelValue.imgData).value), n = L(() => ({
+    const o = e, t = L(() => tn(o.modelValue.imgData).value), n = L(() => ({
       height: o.modelValue.height ? `${o.modelValue.height}px` : "auto",
       width: o.modelValue.width ? `${o.modelValue.width}px` : "auto",
       maxWidth: "100%"
     })), l = L(() => {
-      const i = at(o.modelValue.alignment), a = rt(o.modelValue.alignment);
+      const a = it(o.modelValue.alignment), i = at(o.modelValue.alignment);
       return {
         display: "flex",
-        justifyContent: i,
-        alignItems: a
+        justifyContent: a,
+        alignItems: i
       };
     });
-    return (i, a) => {
+    return (a, i) => {
       const s = J("FmIcon");
       return x(), W("div", {
         style: ge(l.value)
@@ -1705,7 +1705,7 @@ const Ht = [
           src: t.value,
           alt: "Image Widget",
           style: ge(n.value)
-        }, null, 12, vl)) : (x(), ye(s, {
+        }, null, 12, pl)) : (x(), ye(s, {
           key: 1,
           name: "image",
           size: "md"
@@ -1713,21 +1713,21 @@ const Ht = [
       ], 4);
     };
   }
-}), bl = ["src"], yl = /* @__PURE__ */ ee({
+}), gl = ["src"], vl = /* @__PURE__ */ ee({
   __name: "QrCodeWidget",
   props: {
     modelValue: {},
     disabled: { type: Boolean }
   },
   setup(e) {
-    const o = e, t = j(""), { t: n } = me(), l = wo(), i = async (s, r) => {
+    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;
-        t.value = await ln.toDataURL(s, {
+        t.value = await on.toDataURL(s, {
           width: o.modelValue.size,
           color: {
-            dark: o.disabled ? Pe.NEUTRAL_GRAY_200_HEX : u ? Pe.BLACK : Pe.RED,
-            light: Pe.WHITE
+            dark: o.disabled ? Ne.NEUTRAL_GRAY_200_HEX : u ? Ne.BLACK : Ne.RED,
+            light: Ne.WHITE
           },
           margin: 0
         });
@@ -1741,8 +1741,8 @@ const Ht = [
           3e3
         );
       }
-    }, a = L(() => {
-      const s = at(o.modelValue.alignment), r = rt(o.modelValue.alignment);
+    }, i = L(() => {
+      const s = it(o.modelValue.alignment), r = at(o.modelValue.alignment);
       return {
         display: "flex",
         justifyContent: s,
@@ -1750,22 +1750,22 @@ const Ht = [
         height: `${o.modelValue.height}px`
       };
     });
-    return Ge(
+    return Ye(
       () => [o.modelValue.link, o.modelValue.color, o.disabled],
       ([s, r]) => {
-        s ? i(s, r) : t.value = "";
+        s ? a(s, r) : t.value = "";
       },
       { immediate: !0 }
     ), (s, r) => {
       const d = J("FmIcon");
       return x(), W("div", {
-        style: ge(a.value)
+        style: ge(i.value)
       }, [
         t.value ? (x(), W("img", {
           key: 0,
           src: t.value,
           alt: "QR Code"
-        }, null, 8, bl)) : (x(), ye(d, {
+        }, null, 8, gl)) : (x(), ye(d, {
           key: 1,
           name: "qr_code_scanner",
           size: "md"
@@ -1773,7 +1773,7 @@ const Ht = [
       ], 4);
     };
   }
-}), _l = /* @__PURE__ */ ee({
+}), hl = /* @__PURE__ */ ee({
   __name: "DividerWidget",
   props: {
     modelValue: {},
@@ -1785,7 +1785,7 @@ const Ht = [
       return {
         borderTop: `${o.modelValue.thickness}px solid black`,
         width: "100%",
-        borderColor: o.disabled ? Pe.NEUTRAL_GRAY_200 : l ? "black" : "red"
+        borderColor: o.disabled ? Ne.NEUTRAL_GRAY_200 : l ? "black" : "red"
       };
     });
     return (n, l) => (x(), W("div", {
@@ -1796,7 +1796,7 @@ const Ht = [
       }, null, 4)
     ], 4));
   }
-}), Cl = /* @__PURE__ */ ee({
+}), bl = /* @__PURE__ */ ee({
   __name: "WidgetView",
   props: {
     modelValue: {
@@ -1817,7 +1817,7 @@ const Ht = [
       switch (o.modelValue.data.type) {
         case R.F_WIDGET_TEMPLATE_TYPE.enum.TEXT:
           return {
-            component: ml,
+            component: dl,
             properties: {
               modelValue: o.modelValue.data,
               fontSize: o.fontSize,
@@ -1826,58 +1826,58 @@ const Ht = [
           };
         case R.F_WIDGET_TEMPLATE_TYPE.enum.CHECKBOX:
           return {
-            component: pl,
+            component: ul,
             properties: { modelValue: o.modelValue.data, disabled: o.disabled }
           };
         case R.F_WIDGET_TEMPLATE_TYPE.enum.IMAGE:
           return {
-            component: hl,
+            component: fl,
             properties: { modelValue: o.modelValue.data }
           };
         case R.F_WIDGET_TEMPLATE_TYPE.enum.QR:
           return {
-            component: yl,
+            component: vl,
             properties: { modelValue: o.modelValue.data, disabled: o.disabled }
           };
         case R.F_WIDGET_TEMPLATE_TYPE.enum.DIVIDER:
           return {
-            component: _l,
+            component: hl,
             properties: { modelValue: o.modelValue.data, disabled: o.disabled }
           };
         case R.F_WIDGET_TEMPLATE_TYPE.enum.EMPTY:
         default:
           return {
-            component: gl,
+            component: ml,
             properties: { modelValue: o.modelValue.data }
           };
       }
     }), n = L(() => {
-      const i = at(o.modelValue.data.alignment), a = rt(o.modelValue.data.alignment);
+      const a = it(o.modelValue.data.alignment), i = at(o.modelValue.data.alignment);
       return {
         display: "flex",
-        justifyContent: i,
-        alignItems: a
+        justifyContent: a,
+        alignItems: i
       };
     }), l = L(() => {
-      const { top: i, right: a, bottom: s, left: r } = o.modelValue.data.padding;
+      const { top: a, right: i, bottom: s, left: r } = o.modelValue.data.padding;
       return {
-        padding: `${i}px ${a}px ${s}px ${r}px`,
+        padding: `${a}px ${i}px ${s}px ${r}px`,
         overflow: "hidden"
       };
     });
-    return (i, a) => {
+    return (a, i) => {
       var s, r;
       return x(), W("div", {
         style: ge(l.value)
       }, [
-        (x(), ye(Eo(Zo((s = t.value) == null ? void 0 : s.component)), Qo({
+        (x(), ye(_o(qo((s = t.value) == null ? void 0 : s.component)), Jo({
           class: "widget",
           style: n.value
         }, (r = t.value) == null ? void 0 : r.properties), null, 16, ["style"]))
       ], 4);
     };
   }
-}), El = { class: "flex h-fit w-[375px] bg-fm-color-neutral-white" }, Tl = { class: "rows-zone" }, wl = ["onClick"], Sl = /* @__PURE__ */ ee({
+}), yl = { class: "flex h-fit w-[375px] bg-fm-color-neutral-white" }, _l = { class: "rows-zone" }, Cl = ["onClick"], El = /* @__PURE__ */ ee({
   __name: "ReceiptEditor",
   props: {
     modelValue: {},
@@ -1888,48 +1888,48 @@ const Ht = [
   },
   emits: ["selectWidget", "update:model-value"],
   setup(e, { emit: o }) {
-    const t = e, n = o, l = j(t.modelValue), i = j(null), a = j(null), s = j(null), r = j(null), d = j(null), u = j(null);
-    function f(p, k, C, w) {
-      a.value = p, s.value = k, r.value = C, N({ config: p, position: { row: k, col: C, cell: w } });
+    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 c(p) {
-      return p.newIndex;
+    function p(m) {
+      return m.newIndex;
     }
-    function m(p, k, C, w) {
-      var le, _e, Re;
-      const b = c(p);
+    function f(m, k, C, T) {
+      var le, Ee, D;
+      const b = p(m);
       if (b == null)
         return;
       const P = {
         row: k ?? b,
         col: C ?? b,
-        cell: w ?? b
-      }, G = (Re = (_e = (le = l.value) == null ? void 0 : le[P.row].columns) == null ? void 0 : _e[P.col]) == null ? void 0 : Re.cells[P.cell];
+        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(p) {
-      m(p, void 0, 0, 0);
+    function E(m) {
+      f(m, void 0, 0, 0);
     }
-    function T(p, k) {
-      m(p, k, void 0, 0);
+    function S(m, k) {
+      f(m, k, void 0, 0);
     }
-    function D(p, k, C) {
-      m(p, k, C, void 0);
+    function I(m, k, C) {
+      f(m, k, C, void 0);
     }
     function M() {
-      const p = l.value.map((k) => ({
+      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 = p, n("update:model-value", p);
+      l.value = m, n("update:model-value", m);
     }
-    function K(p) {
-      const k = p.map((C, w) => {
+    function K(m) {
+      const k = m.map((C, T) => {
         var P;
         if (C.columns)
           return C;
         let b;
-        return s.value != null ? b = p[s.value].sectionType ?? u.value : b = C.sectionType ? C.sectionType : w > 0 && ((P = p[w - 1]) != null && P.sectionType) ? p[w - 1].sectionType : u.value, {
+        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, {
           columns: [
             {
               width: {
@@ -1944,54 +1944,54 @@ const Ht = [
       });
       l.value = k, n("update:model-value", k);
     }
-    function $(p, k) {
-      const C = p.map((b) => b.cells ? b : {
+    function B(m, k) {
+      const C = m.map((b) => b.cells ? b : {
         cells: [{ ...b }]
-      }), w = l.value.map(
+      }), T = l.value.map(
         (b, P) => P === k ? { ...b, columns: C } : b
       );
-      l.value = w, n("update:model-value", w);
+      l.value = T, n("update:model-value", T);
     }
-    function N(p) {
-      i.value = p.position, d.value = p.position.row, n("selectWidget", p);
+    function N(m) {
+      a.value = m.position, d.value = m.position.row, n("selectWidget", m);
     }
-    const Y = (p, k, C) => {
+    const Y = (m, k, C) => {
       if (t.selectedWidget != null) {
-        const w = i.value;
-        return (w == null ? void 0 : w.row) === p && (w == null ? void 0 : w.col) === k && (w == null ? void 0 : w.cell) === C;
+        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;
       }
     };
-    function B(p) {
-      return p == null ? {} : p.type === R.F_CELL_WIDTH_TYPE.Enum.FLEX ? {
-        flex: p.value
-      } : p.type === R.F_CELL_WIDTH_TYPE.Enum.FIXED ? {
-        width: `${p.value}px`,
+    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`,
         flex: "none"
       } : {};
     }
-    function h(p, k) {
-      d.value = k, u.value = p;
+    function h(m, k) {
+      d.value = k, u.value = m;
     }
-    function v(p) {
-      return p === d.value;
+    function v(m) {
+      return m === d.value;
     }
-    function _(p) {
-      return t.selectedWidgetSectionType ? p !== t.selectedWidgetSectionType : !1;
+    function _(m) {
+      return t.selectedWidgetSectionType ? m !== t.selectedWidgetSectionType : !1;
     }
-    return Ge(
+    return Ye(
       () => t.modelValue,
-      (p) => {
-        l.value = p;
+      (m) => {
+        l.value = m;
       },
       { deep: !0 }
-    ), Ge(
+    ), Ye(
       () => t.selectedWidget,
-      (p) => {
-        p === null && (d.value = null);
+      (m) => {
+        m === null && (d.value = null);
       }
-    ), (p, k) => (x(), W("div", El, [
-      V("div", Tl, [
-        S(y(lt), {
+    ), (m, k) => (x(), W("div", yl, [
+      V("div", _l, [
+        w(y(nt), {
           modelValue: l.value,
           "onUpdate:modelValue": [
             k[0] || (k[0] = (C) => l.value = C),
@@ -2003,21 +2003,21 @@ const Ht = [
           class: "row-container"
         }, {
           default: be(() => [
-            (x(!0), W(we, null, Se(l.value, (C, w) => (x(), W("div", { key: w }, [
+            (x(!0), W(we, null, Se(l.value, (C, T) => (x(), W("div", { key: T }, [
               V("div", {
-                class: Zt(["row", {
-                  rowBorder: v(w)
+                class: qt(["row", {
+                  rowBorder: v(T)
                 }])
               }, [
-                S(y(lt), {
+                w(y(nt), {
                   modelValue: C.columns,
-                  "onUpdate:modelValue": [(b) => C.columns = b, (b) => $(b, w)],
+                  "onUpdate:modelValue": [(b) => C.columns = b, (b) => B(b, T)],
                   "item-key": "index",
                   group: "widgets",
-                  "row-index": w,
+                  "row-index": T,
                   disabled: _(C.sectionType),
-                  onAdd: (b) => T(b, w),
-                  onDragover: (b) => h(C.sectionType, w),
+                  onAdd: (b) => S(b, T),
+                  onDragover: (b) => h(C.sectionType, T),
                   class: "column-container"
                 }, {
                   default: be(() => [
@@ -2027,22 +2027,22 @@ const Ht = [
                     }, [
                       V("div", {
                         class: "column",
-                        style: ge(B(b.width ?? void 0))
+                        style: ge($(b.width ?? void 0))
                       }, [
-                        S(y(lt), {
+                        w(y(nt), {
                           modelValue: b.cells,
                           "onUpdate:modelValue": (G) => b.cells = G,
                           "item-key": "index",
                           group: "widgets",
-                          "row-index": w,
+                          "row-index": T,
                           "col-index": P,
                           disabled: _(C.sectionType),
-                          onAdd: (G) => D(G, w, P),
-                          onUpdate: (G) => D(G, w, P),
+                          onAdd: (G) => I(G, T, P),
+                          onUpdate: (G) => I(G, T, P),
                           onStart: (G) => {
-                            f(
+                            c(
                               b.cells[G.oldIndex],
-                              w,
+                              T,
                               P,
                               G.oldIndex
                             );
@@ -2053,20 +2053,20 @@ const Ht = [
                           default: be(() => [
                             (x(!0), W(we, null, Se(b.cells, (G, le) => (x(), W("div", { key: le }, [
                               V("div", {
-                                class: Zt(["cell", {
-                                  "selected-widget": Y(w, P, le)
+                                class: qt(["cell", {
+                                  "selected-widget": Y(T, P, le)
                                 }]),
-                                onClick: (_e) => N({
+                                onClick: (Ee) => N({
                                   config: G,
-                                  position: { row: w, col: P, cell: le }
+                                  position: { row: T, col: P, cell: le }
                                 })
                               }, [
-                                S(Cl, {
+                                w(bl, {
                                   "model-value": G,
-                                  "font-size": p.fontSize,
+                                  "font-size": m.fontSize,
                                   disabled: _(C.sectionType)
                                 }, null, 8, ["model-value", "font-size", "disabled"])
-                              ], 10, wl)
+                              ], 10, Cl)
                             ]))), 128))
                           ]),
                           _: 2
@@ -2081,15 +2081,15 @@ const Ht = [
           ]),
           _: 1
         }, 8, ["modelValue"]),
-        S(an)
+        w(nn)
       ])
     ]));
   }
 });
-const Vl = /* @__PURE__ */ Vt(Sl, [["__scopeId", "data-v-4bfaa477"]]), kl = { class: "gap" }, xl = { class: "block fm-typo-en-body-md-600" }, Dl = {
+const Tl = /* @__PURE__ */ St(El, [["__scopeId", "data-v-4bfaa477"]]), wl = { class: "gap" }, Sl = { class: "block fm-typo-en-body-md-600" }, Vl = {
   key: 1,
   class: "flex items-center fm-typo-en-body-md-600 h-9 my-8"
-}, Il = { class: "gap" }, Fl = { class: "block fm-typo-en-body-md-600" }, Ol = { class: "grid grid-cols-2 gap-2" }, Rl = { class: "gap" }, Al = { class: "fm-typo-en-body-lg-600" }, Wl = { class: "flex flex-row justify-between" }, Nl = { class: "alignButtonGap" }, Pl = { class: "alignButtonGap" }, Ll = /* @__PURE__ */ ee({
+}, 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({
   __name: "CommonWidgetEditor",
   props: {
     modelValue: {},
@@ -2097,7 +2097,7 @@ const Vl = /* @__PURE__ */ Vt(Sl, [["__scopeId", "data-v-4bfaa477"]]), kl = { cl
   },
   emits: ["update:model-value", "update:selected-widget-column"],
   setup(e, { emit: o }) {
-    const t = e, n = o, { t: l } = me(), i = j(at(t.modelValue.alignment)), a = j(rt(t.modelValue.alignment)), s = [
+    const t = e, n = o, { t: l } = me(), a = j(it(t.modelValue.alignment)), i = j(at(t.modelValue.alignment)), s = [
       pe.FLEX_START,
       pe.CENTER,
       pe.FLEX_END
@@ -2123,36 +2123,36 @@ const Vl = /* @__PURE__ */ Vt(Sl, [["__scopeId", "data-v-4bfaa477"]]), kl = { cl
         case pe.FLEX_END:
           return "vertical_align_bottom";
       }
-    }, f = (h) => {
+    }, c = (h) => {
       var _;
       const v = (_ = t.selectedWidgetColumn.width) == null ? void 0 : _.value;
       switch (h) {
-        case Le.AUTO:
+        case Pe.AUTO:
           return null;
-        case Le.PERCENTAGE:
+        case Pe.PERCENTAGE:
           return {
             type: R.F_CELL_WIDTH_TYPE.Enum.FLEX,
             value: v ?? 100
           };
-        case Le.PX:
+        case Pe.PX:
           return {
             type: R.F_CELL_WIDTH_TYPE.Enum.FIXED,
             value: v ?? 10
           };
       }
-    }, c = [
-      { label: Le.AUTO },
-      { label: Le.PX },
-      { label: Le.PERCENTAGE }
-    ], m = L(() => {
+    }, 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:
-          return c[1];
+          return p[1];
         case R.F_CELL_WIDTH_TYPE.Enum.FLEX:
-          return c[2];
+          return p[2];
         default:
-          return c[0];
+          return p[0];
       }
     });
     function E(h) {
@@ -2166,8 +2166,8 @@ const Vl = /* @__PURE__ */ Vt(Sl, [["__scopeId", "data-v-4bfaa477"]]), kl = { cl
         }
       });
     }
-    function T(h) {
-      const v = f(h.label);
+    function S(h) {
+      const v = c(h.label);
       v == null ? n("update:selected-widget-column", {
         ...t.selectedWidgetColumn,
         width: null
@@ -2179,7 +2179,7 @@ const Vl = /* @__PURE__ */ Vt(Sl, [["__scopeId", "data-v-4bfaa477"]]), kl = { cl
         }
       });
     }
-    function D(h, v) {
+    function I(h, v) {
       let _ = v;
       h === "height" && v === 0 && (_ = null), n("update:model-value", {
         ...t.modelValue,
@@ -2187,72 +2187,72 @@ const Vl = /* @__PURE__ */ Vt(Sl, [["__scopeId", "data-v-4bfaa477"]]), kl = { cl
       });
     }
     function M(h, v) {
-      D("padding", { ...t.modelValue.padding, [h]: v });
+      I("padding", { ...t.modelValue.padding, [h]: v });
     }
     function K(h) {
-      i.value = h, N();
-    }
-    function $(h) {
       a.value = h, N();
     }
+    function B(h) {
+      i.value = h, N();
+    }
     function N() {
-      D(
+      I(
         "alignment",
-        rn({ justify: i.value, align: a.value })
+        ln({ justify: a.value, align: i.value })
       );
     }
     function Y(h) {
       return h ? "neutral-gray-400" : "neutral-gray-300";
     }
-    function B(h) {
+    function $(h) {
       return h ? "neutral-gray-100" : "";
     }
     return (h, v) => {
-      var C, w;
-      const _ = J("FmStepperField"), p = J("FmButtonGroup"), k = J("FmButton");
-      return x(), W("div", kl, [
+      var C, T;
+      const _ = J("FmStepperField"), m = J("FmButtonGroup"), k = J("FmButton");
+      return x(), W("div", wl, [
         V("div", null, [
-          V("label", xl, H(y(l)("mf-kitchen.editor.columnWidth")), 1),
+          V("label", Sl, H(y(l)("mf-kitchen.editor.columnWidth")), 1),
           (C = t.selectedWidgetColumn.width) != null && C.type ? (x(), ye(_, {
             key: 0,
-            "model-value": ((w = t.selectedWidgetColumn.width) == null ? void 0 : w.value) ?? null,
+            "model-value": ((T = t.selectedWidgetColumn.width) == null ? void 0 : T.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", Dl, H(y(l)("mf-kitchen.editor.autoWidth")), 1)),
-          S(p, {
-            "model-value": m.value,
-            items: c,
-            "onUpdate:modelValue": T
+          }, null, 8, ["model-value", "rules"])) : (x(), W("label", Vl, H(y(l)("mf-kitchen.editor.autoWidth")), 1)),
+          w(m, {
+            "model-value": f.value,
+            items: p,
+            "onUpdate:modelValue": S
           }, null, 8, ["model-value"])
         ]),
-        V("div", Il, [
-          V("label", Fl, H(y(l)("mf-kitchen.editor.spacing")), 1),
-          V("div", Ol, [
-            S(_, {
+        V("div", kl, [
+          V("label", xl, H(y(l)("mf-kitchen.editor.spacing")), 1),
+          V("div", Dl, [
+            w(_, {
               "model-value": h.modelValue.padding.top,
               min: 0,
               step: 1,
               label: y(l)("mf-kitchen.editor.alignmentTop"),
               "onUpdate:modelValue": v[0] || (v[0] = (b) => M("top", b))
             }, null, 8, ["model-value", "label"]),
-            S(_, {
+            w(_, {
               "model-value": h.modelValue.padding.bottom,
               min: 0,
               step: 1,
               label: y(l)("mf-kitchen.editor.alignmentBottom"),
               "onUpdate:modelValue": v[1] || (v[1] = (b) => M("bottom", b))
             }, null, 8, ["model-value", "label"]),
-            S(_, {
+            w(_, {
               "model-value": h.modelValue.padding.left,
               min: 0,
               step: 1,
               label: y(l)("mf-kitchen.editor.alignmentLeft"),
               "onUpdate:modelValue": v[2] || (v[2] = (b) => M("left", b))
             }, null, 8, ["model-value", "label"]),
-            S(_, {
+            w(_, {
               "model-value": h.modelValue.padding.right,
               min: 0,
               step: 1,
@@ -2261,38 +2261,38 @@ const Vl = /* @__PURE__ */ Vt(Sl, [["__scopeId", "data-v-4bfaa477"]]), kl = { cl
             }, null, 8, ["model-value", "label"])
           ])
         ]),
-        S(_, {
+        w(_, {
           "model-value": h.modelValue.height ?? 0,
           min: 0,
           step: 1,
           label: y(l)("mf-kitchen.editor.size"),
-          "onUpdate:modelValue": v[4] || (v[4] = (b) => D("height", b))
+          "onUpdate:modelValue": v[4] || (v[4] = (b) => I("height", b))
         }, null, 8, ["model-value", "label"]),
-        V("div", Rl, [
-          V("label", Al, H(y(l)("mf-kitchen.editor.alignment")), 1),
-          V("div", Wl, [
-            V("div", Nl, [
+        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 }, [
-                S(k, {
+                w(k, {
                   variant: "tertiary",
                   size: "md",
                   class: "alignButtonBorder",
                   icon: u(b),
-                  iconColor: Y(a.value === b),
-                  bgColor: B(a.value === b),
-                  onClick: (P) => $(b)
+                  iconColor: Y(i.value === b),
+                  bgColor: $(i.value === b),
+                  onClick: (P) => B(b)
                 }, null, 8, ["icon", "iconColor", "bgColor", "onClick"])
               ])), 64))
             ]),
-            V("div", Pl, [
+            V("div", Al, [
               (x(), W(we, null, Se(s, (b) => V("div", { key: b }, [
-                S(k, {
+                w(k, {
                   variant: "tertiary",
                   size: "md",
                   class: "alignButtonBorder",
                   icon: d(b),
-                  iconColor: Y(i.value === b),
-                  bgColor: B(i.value === b),
+                  iconColor: Y(a.value === b),
+                  bgColor: $(a.value === b),
                   onClick: (P) => K(b)
                 }, null, 8, ["icon", "iconColor", "bgColor", "onClick"])
               ])), 64))
@@ -2303,7 +2303,7 @@ const Vl = /* @__PURE__ */ Vt(Sl, [["__scopeId", "data-v-4bfaa477"]]), kl = { cl
     };
   }
 });
-const je = /* @__PURE__ */ Vt(Ll, [["__scopeId", "data-v-4c013ae2"]]), $l = /* @__PURE__ */ ee({
+const He = /* @__PURE__ */ St(Wl, [["__scopeId", "data-v-4c013ae2"]]), Nl = /* @__PURE__ */ ee({
   __name: "FormatColorButton",
   props: {
     isFormatColor: { type: Boolean },
@@ -2315,10 +2315,10 @@ const je = /* @__PURE__ */ Vt(Ll, [["__scopeId", "data-v-4c013ae2"]]), $l = /* @
     function l(s) {
       return s ? "neutral-gray-400" : "neutral-gray-300";
     }
-    function i(s) {
+    function a(s) {
       return s ? "neutral-gray-100" : "";
     }
-    function a(s) {
+    function i(s) {
       const r = s === R.F_PRINT_COLOR.Enum.COLORED ? R.F_PRINT_COLOR.Enum.BLACK : R.F_PRINT_COLOR.Enum.COLORED;
       n("update:model-value", r);
     }
@@ -2330,13 +2330,13 @@ const je = /* @__PURE__ */ Vt(Ll, [["__scopeId", "data-v-4c013ae2"]]), $l = /* @
         class: "buttonBorder",
         icon: "palette",
         iconColor: l(t.isFormatColor),
-        bgColor: i(t.isFormatColor),
-        onClick: r[0] || (r[0] = (u) => a(t.selectedFormatColor))
+        bgColor: a(t.isFormatColor),
+        onClick: r[0] || (r[0] = (u) => i(t.selectedFormatColor))
       }, null, 8, ["iconColor", "bgColor"]);
     };
   }
 });
-const xt = /* @__PURE__ */ Vt($l, [["__scopeId", "data-v-bee8f17f"]]), Bl = { class: "gap" }, Ml = { class: "fm-typo--body-lg-600 mb-2" }, Ul = { class: "fm-typo-en-body-md-600" }, Xl = { class: "flex flex-wrap gap-[8px]" }, zl = { class: "fm-typo-en-body-lg-600" }, Yl = { class: "flex flex-row gap-2" }, Gl = { class: "fm-typo-en-body-lg-600" }, Hl = { class: "flex flex-row gap-2" }, jl = /* @__PURE__ */ ee({
+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({
   __name: "TextWidgetEditor",
   props: {
     modelValue: {},
@@ -2345,22 +2345,22 @@ const xt = /* @__PURE__ */ Vt($l, [["__scopeId", "data-v-bee8f17f"]]), Bl = { 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), i = L(() => t.modelValue.textAlign == R.F_TEXT_ALIGN.Enum.CENTER), a = 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), f = L(() => t.modelValue.color ?? R.F_PRINT_COLOR.Enum.BLACK), c = L(() => f.value == R.F_PRINT_COLOR.Enum.COLORED), m = j(it.receipt.schema()), { t: E, locale: T } = me();
-    function D(B, h) {
+    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) {
       n("update:model-value", {
         ...t.modelValue,
-        [B]: h
+        [$]: h
       });
     }
-    function M(B) {
+    function M($) {
       n("update:selected-widget-column", {
         ...t.selectedWidgetColumn,
-        ...B
+        ...$
       });
     }
-    function K(B) {
+    function K($) {
       let h = R.F_WIDGET_ALIGNMENT.Enum.CENTER;
-      switch (B) {
+      switch ($) {
         case R.F_TEXT_ALIGN.Enum.LEFT:
           h = R.F_WIDGET_ALIGNMENT.Enum.CENTER_LEFT;
           break;
@@ -2374,143 +2374,143 @@ const xt = /* @__PURE__ */ Vt($l, [["__scopeId", "data-v-bee8f17f"]]), Bl = { cl
       n("update:model-value", {
         ...t.modelValue,
         alignment: h,
-        textAlign: B
+        textAlign: $
       });
     }
-    function $(B) {
-      return B ? "neutral-gray-400" : "neutral-gray-300";
+    function B($) {
+      return $ ? "neutral-gray-400" : "neutral-gray-300";
     }
-    function N(B) {
-      return B ? "neutral-gray-100" : "";
+    function N($) {
+      return $ ? "neutral-gray-100" : "";
     }
-    function Y(B) {
-      const h = (t.modelValue.value || "") + `${B}`;
-      D("value", h);
+    function Y($) {
+      const h = (t.modelValue.value || "") + `${$}`;
+      I("value", h);
     }
-    return Ge(
-      () => T.value,
+    return Ye(
+      () => S.value,
       () => {
-        m.value = it.receipt.schema();
+        f.value = lt.receipt.schema();
       }
-    ), (B, h) => {
+    ), ($, h) => {
       const v = J("FmTextField"), _ = J("FmButton");
-      return x(), W("div", Bl, [
-        V("label", Ml, H(y(E)("mf-kitchen.editor.textWidget")), 1),
-        S(je, {
-          "model-value": B.modelValue,
-          "selected-widget-column": B.selectedWidgetColumn,
-          "onUpdate:modelValue": h[0] || (h[0] = (p) => n("update:model-value", {
-            ...B.modelValue,
-            ...p
+      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
           })),
-          "onUpdate:selectedWidgetColumn": h[1] || (h[1] = (p) => M(p))
+          "onUpdate:selectedWidgetColumn": h[1] || (h[1] = (m) => M(m))
         }, null, 8, ["model-value", "selected-widget-column"]),
-        V("label", Ul, H(y(E)("mf-kitchen.editor.editor")), 1),
-        S(v, {
-          "model-value": B.modelValue.value,
+        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] = (p) => D("value", p))
+          "onUpdate:modelValue": h[2] || (h[2] = (m) => I("value", m))
         }, null, 8, ["model-value", "label"]),
-        V("div", Xl, [
-          (x(!0), W(we, null, Se(m.value[B.sectionType], (p, k) => (x(), W("div", { key: k }, [
-            S(_, {
+        V("div", Bl, [
+          (x(!0), W(we, null, Se(f.value[$.sectionType], (m, k) => (x(), W("div", { key: k }, [
+            w(_, {
               variant: "tertiary",
               size: "md",
-              label: p.label,
+              label: m.label,
               bgColor: "neutral-gray-100",
-              onClick: (C) => Y(p.variable)
+              onClick: (C) => Y(m.variable)
             }, null, 8, ["label", "onClick"])
           ]))), 128))
         ]),
-        S(v, {
-          "model-value": B.modelValue.factor,
+        w(v, {
+          "model-value": $.modelValue.factor,
           label: y(E)("mf-kitchen.editor.scale"),
           type: "number",
-          rules: [(p) => p >= 0.1 || y(E)("mf-kitchen.editor.validation.scale")],
-          "onUpdate:modelValue": h[3] || (h[3] = (p) => {
-            const k = Math.max(0.1, Number(p));
-            D("factor", k);
+          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);
           })
         }, null, 8, ["model-value", "label", "rules"]),
-        V("label", zl, H(y(E)("mf-kitchen.editor.textAlignment")), 1),
-        V("div", Yl, [
-          S(_, {
+        V("label", Ml, H(y(E)("mf-kitchen.editor.textAlignment")), 1),
+        V("div", Ul, [
+          w(_, {
             variant: "tertiary",
             size: "md",
             class: "buttonBorder",
             icon: "format_align_left",
-            iconColor: $(l.value),
+            iconColor: B(l.value),
             bgColor: N(l.value),
-            onClick: h[4] || (h[4] = (p) => K(y(R.F_TEXT_ALIGN).Enum.LEFT))
+            onClick: h[4] || (h[4] = (m) => K(y(R.F_TEXT_ALIGN).Enum.LEFT))
           }, null, 8, ["iconColor", "bgColor"]),
-          S(_, {
+          w(_, {
             variant: "tertiary",
             size: "md",
             class: "buttonBorder",
             icon: "format_align_center",
-            iconColor: $(i.value),
-            bgColor: N(i.value),
-            onClick: h[5] || (h[5] = (p) => K(y(R.F_TEXT_ALIGN).Enum.CENTER))
+            iconColor: B(a.value),
+            bgColor: N(a.value),
+            onClick: h[5] || (h[5] = (m) => K(y(R.F_TEXT_ALIGN).Enum.CENTER))
           }, null, 8, ["iconColor", "bgColor"]),
-          S(_, {
+          w(_, {
             variant: "tertiary",
             size: "md",
             class: "buttonBorder",
             icon: "format_align_right",
-            iconColor: $(a.value),
-            bgColor: N(a.value),
-            onClick: h[6] || (h[6] = (p) => K(y(R.F_TEXT_ALIGN).Enum.RIGHT))
+            iconColor: B(i.value),
+            bgColor: N(i.value),
+            onClick: h[6] || (h[6] = (m) => K(y(R.F_TEXT_ALIGN).Enum.RIGHT))
           }, null, 8, ["iconColor", "bgColor"])
         ]),
-        V("label", Gl, H(y(E)("mf-kitchen.editor.textStyle")), 1),
-        V("div", Hl, [
-          S(_, {
+        V("label", Xl, H(y(E)("mf-kitchen.editor.textStyle")), 1),
+        V("div", zl, [
+          w(_, {
             variant: "tertiary",
             size: "md",
             class: "buttonBorder",
             icon: "format_bold",
-            iconColor: $(s.value),
+            iconColor: B(s.value),
             bgColor: N(s.value),
-            onClick: h[7] || (h[7] = (p) => D("isBold", !t.modelValue.isBold))
+            onClick: h[7] || (h[7] = (m) => I("isBold", !t.modelValue.isBold))
           }, null, 8, ["iconColor", "bgColor"]),
-          S(_, {
+          w(_, {
             variant: "tertiary",
             size: "md",
             class: "buttonBorder",
             icon: "format_italic",
-            iconColor: $(r.value),
+            iconColor: B(r.value),
             bgColor: N(r.value),
-            onClick: h[8] || (h[8] = (p) => D("isItalic", !t.modelValue.isItalic))
+            onClick: h[8] || (h[8] = (m) => I("isItalic", !t.modelValue.isItalic))
           }, null, 8, ["iconColor", "bgColor"]),
-          S(_, {
+          w(_, {
             variant: "tertiary",
             size: "md",
             class: "buttonBorder",
             icon: "format_underlined",
-            iconColor: $(d.value),
+            iconColor: B(d.value),
             bgColor: N(d.value),
-            onClick: h[9] || (h[9] = (p) => D("isUnderline", !t.modelValue.isUnderline))
+            onClick: h[9] || (h[9] = (m) => I("isUnderline", !t.modelValue.isUnderline))
           }, null, 8, ["iconColor", "bgColor"]),
-          S(_, {
+          w(_, {
             variant: "tertiary",
             size: "md",
             class: "buttonBorder",
             icon: "ink_highlighter",
-            iconColor: $(u.value),
+            iconColor: B(u.value),
             bgColor: N(u.value),
-            onClick: h[10] || (h[10] = (p) => D("isInvert", !t.modelValue.isInvert))
+            onClick: h[10] || (h[10] = (m) => I("isInvert", !t.modelValue.isInvert))
           }, null, 8, ["iconColor", "bgColor"]),
-          S(xt, {
-            "is-format-color": c.value,
-            "selected-format-color": f.value,
-            "onUpdate:modelValue": h[11] || (h[11] = (p) => D("color", p))
+          w(kt, {
+            "is-format-color": p.value,
+            "selected-format-color": c.value,
+            "onUpdate:modelValue": h[11] || (h[11] = (m) => I("color", m))
           }, null, 8, ["is-format-color", "selected-format-color"])
         ])
       ]);
     };
   }
 });
-const Kl = /* @__PURE__ */ Vt(jl, [["__scopeId", "data-v-3d715f0b"]]), ql = { class: "gap" }, Jl = { class: "fm-typo--body-lg-600 mb-2" }, Zl = { class: "fm-typo-en-body-md-600" }, Ql = { class: "fm-typo-en-body-lg-600" }, ei = /* @__PURE__ */ ee({
+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({
   __name: "CheckboxWidgetEditor",
   props: {
     modelValue: {},
@@ -2518,7 +2518,7 @@ const Kl = /* @__PURE__ */ Vt(jl, [["__scopeId", "data-v-3d715f0b"]]), ql = { cl
   },
   emits: ["update:model-value", "update:selected-widget-column"],
   setup(e, { emit: o }) {
-    const t = e, n = o, { t: l } = me(), i = L(() => t.modelValue.color ?? R.F_PRINT_COLOR.Enum.BLACK), a = L(() => i.value == R.F_PRINT_COLOR.Enum.COLORED);
+    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);
     function s(d) {
       n("update:selected-widget-column", {
         ...t.selectedWidgetColumn,
@@ -2532,10 +2532,10 @@ const Kl = /* @__PURE__ */ Vt(jl, [["__scopeId", "data-v-3d715f0b"]]), ql = { cl
       });
     }
     return (d, u) => {
-      const f = J("FmTextField");
-      return x(), W("div", ql, [
-        V("label", Jl, H(y(l)("mf-kitchen.editor.checkboxWidget")), 1),
-        S(je, {
+      const c = J("FmTextField");
+      return x(), W("div", Hl, [
+        V("label", jl, H(y(l)("mf-kitchen.editor.checkboxWidget")), 1),
+        w(He, {
           "model-value": {
             padding: d.modelValue.padding,
             alignment: d.modelValue.alignment,
@@ -2543,31 +2543,31 @@ const Kl = /* @__PURE__ */ Vt(jl, [["__scopeId", "data-v-3d715f0b"]]), ql = { cl
             type: d.modelValue.type
           },
           "selected-widget-column": d.selectedWidgetColumn,
-          "onUpdate:modelValue": u[0] || (u[0] = (c) => n("update:model-value", { ...d.modelValue, ...c })),
-          "onUpdate:selectedWidgetColumn": u[1] || (u[1] = (c) => s(c))
+          "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", Zl, H(y(l)("mf-kitchen.editor.editor")), 1),
-        S(f, {
+        V("label", Kl, H(y(l)("mf-kitchen.editor.editor")), 1),
+        w(c, {
           "model-value": d.modelValue.size,
           label: y(l)("mf-kitchen.editor.size"),
           type: "number",
-          rules: [(c) => c >= 1 || y(l)("mf-kitchen.editor.validation.minOne")],
-          "onUpdate:modelValue": u[2] || (u[2] = (c) => {
-            const m = Math.max(1, Number(c));
-            r(m);
+          rules: [(p) => p >= 1 || y(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),
-        S(xt, {
+        V("label", ql, H(y(l)("mf-kitchen.editor.textStyle")), 1),
+        w(kt, {
           class: "w-fit",
-          "is-format-color": a.value,
-          "selected-format-color": i.value,
-          "onUpdate:modelValue": u[3] || (u[3] = (c) => n("update:model-value", { ...d.modelValue, color: c }))
+          "is-format-color": i.value,
+          "selected-format-color": a.value,
+          "onUpdate:modelValue": u[3] || (u[3] = (p) => n("update:model-value", { ...d.modelValue, color: p }))
         }, null, 8, ["is-format-color", "selected-format-color"])
       ]);
     };
   }
-}), ti = { class: "gap" }, oi = { class: "fm-typo--body-lg-600 mb-2" }, ni = /* @__PURE__ */ ee({
+}), Zl = { class: "gap" }, Ql = { class: "fm-typo--body-lg-600 mb-2" }, ei = /* @__PURE__ */ ee({
   __name: "SpacerWidgetEditor",
   props: {
     modelValue: {},
@@ -2576,28 +2576,28 @@ const Kl = /* @__PURE__ */ Vt(jl, [["__scopeId", "data-v-3d715f0b"]]), ql = { cl
   emits: ["update:model-value", "update:selected-widget-column"],
   setup(e, { emit: o }) {
     const t = e, n = o, { t: l } = me();
-    function i(a) {
+    function a(i) {
       n("update:selected-widget-column", {
         ...t.selectedWidgetColumn,
-        ...a
+        ...i
       });
     }
-    return (a, s) => (x(), W("div", ti, [
-      V("label", oi, H(y(l)("mf-kitchen.editor.spacerWidget")), 1),
-      S(je, {
+    return (i, s) => (x(), W("div", Zl, [
+      V("label", Ql, H(y(l)("mf-kitchen.editor.spacerWidget")), 1),
+      w(He, {
         "model-value": {
-          padding: a.modelValue.padding,
-          alignment: a.modelValue.alignment,
-          height: a.modelValue.height,
-          type: a.modelValue.type
+          padding: i.modelValue.padding,
+          alignment: i.modelValue.alignment,
+          height: i.modelValue.height,
+          type: i.modelValue.type
         },
-        "selected-widget-column": a.selectedWidgetColumn,
-        "onUpdate:modelValue": s[0] || (s[0] = (r) => n("update:model-value", { ...a.modelValue, ...r })),
-        "onUpdate:selectedWidgetColumn": s[1] || (s[1] = (r) => i(r))
+        "selected-widget-column": i.selectedWidgetColumn,
+        "onUpdate:modelValue": s[0] || (s[0] = (r) => n("update:model-value", { ...i.modelValue, ...r })),
+        "onUpdate:selectedWidgetColumn": s[1] || (s[1] = (r) => a(r))
       }, null, 8, ["model-value", "selected-widget-column"])
     ]));
   }
-}), li = { class: "gap" }, ii = { class: "fm-typo-en-body-lg-600 mb-2" }, ai = { class: "fm-typo-en-body-md-600" }, ri = { class: "flex flex-row gap-[24px]" }, si = /* @__PURE__ */ ee({
+}), 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({
   __name: "ImageWidgetEditor",
   props: {
     modelValue: {},
@@ -2606,10 +2606,10 @@ const Kl = /* @__PURE__ */ Vt(jl, [["__scopeId", "data-v-3d715f0b"]]), ql = { cl
   emits: ["update:model-value", "update:selected-widget-column"],
   setup(e, { emit: o }) {
     const t = e, n = o, { t: l } = me();
-    function i(r) {
+    function a(r) {
       n("update:model-value", r(t.modelValue));
     }
-    function a(r, d) {
+    function i(r, d) {
       n("update:model-value", { ...t.modelValue, [r]: d });
     }
     function s(r) {
@@ -2620,9 +2620,9 @@ const Kl = /* @__PURE__ */ Vt(jl, [["__scopeId", "data-v-3d715f0b"]]), ql = { cl
     }
     return (r, d) => {
       const u = J("FmTextField");
-      return x(), W("div", li, [
-        V("label", ii, H(y(l)("mf-kitchen.editor.imageWidget")), 1),
-        S(je, {
+      return x(), W("div", ti, [
+        V("label", oi, H(y(l)("mf-kitchen.editor.imageWidget")), 1),
+        w(He, {
           "model-value": {
             padding: r.modelValue.padding,
             alignment: r.modelValue.alignment,
@@ -2630,41 +2630,41 @@ const Kl = /* @__PURE__ */ Vt(jl, [["__scopeId", "data-v-3d715f0b"]]), ql = { cl
             type: r.modelValue.type
           },
           "selected-widget-column": r.selectedWidgetColumn,
-          "onUpdate:modelValue": d[0] || (d[0] = (f) => n("update:model-value", { ...r.modelValue, ...f })),
-          "onUpdate:selectedWidgetColumn": d[1] || (d[1] = (f) => s(f))
+          "onUpdate:modelValue": d[0] || (d[0] = (c) => n("update:model-value", { ...r.modelValue, ...c })),
+          "onUpdate:selectedWidgetColumn": d[1] || (d[1] = (c) => s(c))
         }, null, 8, ["model-value", "selected-widget-column"]),
-        V("label", ai, H(y(l)("mf-kitchen.editor.editor")), 1),
-        S(sn, {
+        V("label", ni, H(y(l)("mf-kitchen.editor.editor")), 1),
+        w(an, {
           "model-value": r.modelValue.imgData,
-          "onUpdate:modelValue": d[2] || (d[2] = (f) => i((c) => ({ ...c, imgData: f }))),
+          "onUpdate:modelValue": d[2] || (d[2] = (c) => a((p) => ({ ...p, imgData: c }))),
           title: y(l)("mf-kitchen.editor.image")
         }, null, 8, ["model-value", "title"]),
-        V("div", ri, [
-          S(u, {
+        V("div", li, [
+          w(u, {
             "model-value": r.modelValue.height,
             label: y(l)("mf-kitchen.editor.height"),
             type: "number",
-            rules: [(f) => f >= 1 || y(l)("mf-kitchen.editor.validation.minOne")],
-            "onUpdate:modelValue": d[3] || (d[3] = (f) => {
-              const c = Math.max(1, Number(f));
-              a("height", c);
+            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));
+              i("height", p);
             })
           }, null, 8, ["model-value", "label", "rules"]),
-          S(u, {
+          w(u, {
             "model-value": r.modelValue.width,
             label: y(l)("mf-kitchen.editor.width"),
             type: "number",
-            rules: [(f) => f >= 1 || y(l)("mf-kitchen.editor.validation.minOne")],
-            "onUpdate:modelValue": d[4] || (d[4] = (f) => {
-              const c = Math.max(1, Number(f));
-              a("width", c);
+            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));
+              i("width", p);
             })
           }, null, 8, ["model-value", "label", "rules"])
         ])
       ]);
     };
   }
-}), di = { class: "gap" }, ui = { class: "fm-typo--body-lg-600 mb-2" }, ci = { class: "fm-typo-en-body-md-600" }, mi = { class: "flex flex-wrap gap-[8px]" }, pi = { class: "fm-typo-en-body-lg-600" }, fi = /* @__PURE__ */ ee({
+}), 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({
   __name: "QrCodeWidgetEditor",
   props: {
     modelValue: {},
@@ -2673,74 +2673,74 @@ const Kl = /* @__PURE__ */ Vt(jl, [["__scopeId", "data-v-3d715f0b"]]), ql = { 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), i = L(() => l.value == R.F_PRINT_COLOR.Enum.COLORED), a = it.receipt.schema(), { t: s } = me();
-    function r(c) {
-      n("update:model-value", { ...t.modelValue, link: c });
+    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();
+    function r(p) {
+      n("update:model-value", { ...t.modelValue, link: p });
     }
-    function d(c) {
+    function d(p) {
       n("update:selected-widget-column", {
         ...t.selectedWidgetColumn,
-        ...c
+        ...p
       });
     }
-    function u(c) {
-      const m = (t.modelValue.link || "") + `${c}`;
-      r(m);
+    function u(p) {
+      const f = (t.modelValue.link || "") + `${p}`;
+      r(f);
     }
-    function f(c) {
-      const m = {
+    function c(p) {
+      const f = {
         ...t.modelValue,
-        ...c
+        ...p
       };
-      if ("height" in c) {
-        const E = c.height === null ? 160 : c.height;
-        m.height = E, m.size = E;
+      if ("height" in p) {
+        const E = p.height === null ? 160 : p.height;
+        f.height = E, f.size = E;
       }
-      n("update:model-value", m);
+      n("update:model-value", f);
     }
-    return (c, m) => {
-      const E = J("FmTextField"), T = J("FmButton");
-      return x(), W("div", di, [
-        V("label", ui, H(y(s)("mf-kitchen.editor.qrCodeWidget")), 1),
-        S(je, {
+    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, {
           "model-value": {
-            padding: c.modelValue.padding,
-            alignment: c.modelValue.alignment,
-            height: c.modelValue.height,
-            type: c.modelValue.type
+            padding: p.modelValue.padding,
+            alignment: p.modelValue.alignment,
+            height: p.modelValue.height,
+            type: p.modelValue.type
           },
-          "selected-widget-column": c.selectedWidgetColumn,
-          "onUpdate:modelValue": m[0] || (m[0] = (D) => f(D)),
-          "onUpdate:selectedWidgetColumn": m[1] || (m[1] = (D) => d(D))
+          "selected-widget-column": p.selectedWidgetColumn,
+          "onUpdate:modelValue": f[0] || (f[0] = (I) => c(I)),
+          "onUpdate:selectedWidgetColumn": f[1] || (f[1] = (I) => d(I))
         }, null, 8, ["model-value", "selected-widget-column"]),
-        V("label", ci, H(y(s)("mf-kitchen.editor.editor")), 1),
-        S(E, {
-          "model-value": c.modelValue.link,
+        V("label", si, H(y(s)("mf-kitchen.editor.editor")), 1),
+        w(E, {
+          "model-value": p.modelValue.link,
           label: y(s)("mf-kitchen.editor.text"),
-          "onUpdate:modelValue": m[2] || (m[2] = (D) => r(D))
+          "onUpdate:modelValue": f[2] || (f[2] = (I) => r(I))
         }, null, 8, ["model-value", "label"]),
-        V("div", mi, [
-          (x(!0), W(we, null, Se(y(a)[c.sectionType], (D, M) => (x(), W("div", { key: M }, [
-            S(T, {
+        V("div", di, [
+          (x(!0), W(we, null, Se(y(i)[p.sectionType], (I, M) => (x(), W("div", { key: M }, [
+            w(S, {
               variant: "tertiary",
               size: "md",
-              label: y(s)(`${D.label}`),
+              label: y(s)(`${I.label}`),
               bgColor: "neutral-gray-100",
-              onClick: (K) => u(D.variable)
+              onClick: (K) => u(I.variable)
             }, null, 8, ["label", "onClick"])
           ]))), 128))
         ]),
-        V("label", pi, H(y(s)("mf-kitchen.editor.textStyle")), 1),
-        S(xt, {
+        V("label", ui, H(y(s)("mf-kitchen.editor.textStyle")), 1),
+        w(kt, {
           class: "w-fit",
-          "is-format-color": i.value,
+          "is-format-color": a.value,
           "selected-format-color": l.value,
-          "onUpdate:modelValue": m[3] || (m[3] = (D) => n("update:model-value", { ...c.modelValue, color: D }))
+          "onUpdate:modelValue": f[3] || (f[3] = (I) => n("update:model-value", { ...p.modelValue, color: I }))
         }, null, 8, ["is-format-color", "selected-format-color"])
       ]);
     };
   }
-}), gi = { class: "gap" }, vi = { class: "fm-typo--body-lg-600 mb-2" }, hi = { class: "fm-typo-en-body-md-600" }, bi = { class: "fm-typo-en-body-lg-600" }, yi = /* @__PURE__ */ ee({
+}), 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({
   __name: "DividerWidgetEditor",
   props: {
     modelValue: {},
@@ -2748,7 +2748,7 @@ const Kl = /* @__PURE__ */ Vt(jl, [["__scopeId", "data-v-3d715f0b"]]), ql = { cl
   },
   emits: ["update:model-value", "update:selected-widget-column"],
   setup(e, { emit: o }) {
-    const t = e, n = o, { t: l } = me(), i = L(() => t.modelValue.color ?? R.F_PRINT_COLOR.Enum.BLACK), a = L(() => i.value == R.F_PRINT_COLOR.Enum.COLORED);
+    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);
     function s(d) {
       n("update:selected-widget-column", {
         ...t.selectedWidgetColumn,
@@ -2762,10 +2762,10 @@ const Kl = /* @__PURE__ */ Vt(jl, [["__scopeId", "data-v-3d715f0b"]]), ql = { cl
       });
     }
     return (d, u) => {
-      const f = J("FmTextField");
-      return x(), W("div", gi, [
-        V("label", vi, H(y(l)("mf-kitchen.editor.dividerWidget")), 1),
-        S(je, {
+      const c = J("FmTextField");
+      return x(), W("div", mi, [
+        V("label", pi, H(y(l)("mf-kitchen.editor.dividerWidget")), 1),
+        w(He, {
           "model-value": {
             padding: d.modelValue.padding,
             alignment: d.modelValue.alignment,
@@ -2773,31 +2773,31 @@ const Kl = /* @__PURE__ */ Vt(jl, [["__scopeId", "data-v-3d715f0b"]]), ql = { cl
             type: d.modelValue.type
           },
           "selected-widget-column": d.selectedWidgetColumn,
-          "onUpdate:modelValue": u[0] || (u[0] = (c) => n("update:model-value", { ...d.modelValue, ...c })),
-          "onUpdate:selectedWidgetColumn": u[1] || (u[1] = (c) => s(c))
+          "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", hi, H(y(l)("mf-kitchen.editor.editor")), 1),
-        S(f, {
+        V("label", fi, H(y(l)("mf-kitchen.editor.editor")), 1),
+        w(c, {
           "model-value": d.modelValue.thickness,
           label: y(l)("mf-kitchen.editor.thickness"),
           type: "number",
-          rules: [(c) => c >= 1 || y(l)("mf-kitchen.editor.validation.minOne")],
-          "onUpdate:modelValue": u[2] || (u[2] = (c) => {
-            const m = Math.max(1, Number(c));
-            r(m);
+          rules: [(p) => p >= 1 || y(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", bi, H(y(l)("mf-kitchen.editor.textStyle")), 1),
-        S(xt, {
+        V("label", gi, H(y(l)("mf-kitchen.editor.textStyle")), 1),
+        w(kt, {
           class: "w-fit",
-          "is-format-color": a.value,
-          "selected-format-color": i.value,
-          "onUpdate:modelValue": u[3] || (u[3] = (c) => n("update:model-value", { ...d.modelValue, color: c }))
+          "is-format-color": i.value,
+          "selected-format-color": a.value,
+          "onUpdate:modelValue": u[3] || (u[3] = (p) => n("update:model-value", { ...d.modelValue, color: p }))
         }, null, 8, ["is-format-color", "selected-format-color"])
       ]);
     };
   }
-}), _i = { class: "px-[24px] py-[16px] overflow-y-auto" }, Ci = { key: 0 }, Ei = { key: 1 }, Ti = { class: "fm-typo-en-body-md-600 text-fm-color-typo-primary mb-3" }, wi = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Si = /* @__PURE__ */ ee({
+}), 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({
   __name: "EditingPanel",
   props: {
     selectedWidget: {},
@@ -2806,14 +2806,14 @@ const Kl = /* @__PURE__ */ Vt(jl, [["__scopeId", "data-v-3d715f0b"]]), ql = { cl
   },
   emits: ["update:widget", "update:selected-widget-column"],
   setup(e, { emit: o }) {
-    const t = e, n = o, { t: l } = me(), i = {
-      TEXT: Kl,
-      CHECKBOX: ei,
-      EMPTY: ni,
-      IMAGE: si,
-      QR: fi,
-      DIVIDER: yi
-    }, a = L(() => t.selectedWidget ? i[t.selectedWidget.config.data.type] : null);
+    const t = e, n = o, { t: l } = me(), a = {
+      TEXT: Gl,
+      CHECKBOX: Jl,
+      EMPTY: ei,
+      IMAGE: ii,
+      QR: ci,
+      DIVIDER: vi
+    }, i = L(() => t.selectedWidget ? a[t.selectedWidget.config.data.type] : null);
     function s(d) {
       if (t.selectedWidget) {
         const u = { ...t.selectedWidget };
@@ -2829,70 +2829,70 @@ const Kl = /* @__PURE__ */ Vt(jl, [["__scopeId", "data-v-3d715f0b"]]), ql = { cl
     function r(d) {
       n("update:selected-widget-column", d);
     }
-    return (d, u) => (x(), W("div", _i, [
-      d.selectedWidget ? (x(), W("div", Ci, [
-        a.value ? (x(), ye(Eo(a.value), {
+    return (d, u) => (x(), W("div", hi, [
+      d.selectedWidget ? (x(), W("div", bi, [
+        i.value ? (x(), ye(_o(i.value), {
           key: 0,
           "model-value": d.selectedWidget.config.data,
           "section-type": d.selectedWidgetSectionType,
           "selected-widget-column": d.selectedWidgetColumn,
           "onUpdate:modelValue": s,
           "onUpdate:selectedWidgetColumn": r
-        }, null, 40, ["model-value", "section-type", "selected-widget-column"])) : Ue("", !0)
-      ])) : (x(), W("div", Ei, [
-        V("h2", Ti, H(y(l)("mf-kitchen.designPanel")), 1),
-        V("p", wi, H(y(l)("mf-kitchen.editorDescription")), 1)
+        }, 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)
       ]))
     ]));
   }
-}), Vi = { class: "gap" }, ki = { class: "fm-typo-en-body-lg-600" }, xi = /* @__PURE__ */ ee({
+}), Ti = { class: "gap" }, wi = { class: "fm-typo-en-body-lg-600" }, Si = /* @__PURE__ */ ee({
   __name: "WidgetsComponent",
   emits: ["removeSelectedWidget"],
   setup(e, { emit: o }) {
     const t = o, { t: n } = me(), l = L(() => [
-      { data: dn(), name: n("mf-kitchen.editor.spacer"), icon: "add" },
-      { data: To(), name: n("mf-kitchen.editor.text"), icon: "title" },
-      { data: un(), name: n("mf-kitchen.editor.checkbox"), icon: "check_box" },
-      { data: cn(), name: n("mf-kitchen.editor.divider"), icon: "horizontal_rule" },
-      { data: mn(), name: n("mf-kitchen.editor.image"), icon: "image" },
-      { data: pn(), name: n("mf-kitchen.editor.qrCode"), icon: "qr_code_scanner" }
-    ]), i = (s) => ({ ...s });
-    function a() {
+      { 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" },
+      { data: dn(), name: n("mf-kitchen.editor.divider"), icon: "horizontal_rule" },
+      { data: un(), name: n("mf-kitchen.editor.image"), icon: "image" },
+      { data: cn(), name: n("mf-kitchen.editor.qrCode"), icon: "qr_code_scanner" }
+    ]), a = (s) => ({ ...s });
+    function i() {
       t("removeSelectedWidget", !0);
     }
     return (s, r) => {
-      const d = J("FmIcon"), u = J("FmCardSection"), f = J("FmCard"), c = J("v-list");
-      return x(), W("div", Vi, [
-        V("label", ki, H(y(n)("mf-kitchen.editor.widget_plural")), 1),
-        S(c, null, {
+      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, {
           default: be(() => [
-            S(y(lt), {
+            w(y(nt), {
               modelValue: l.value,
-              "onUpdate:modelValue": r[0] || (r[0] = (m) => l.value = m),
+              "onUpdate:modelValue": r[0] || (r[0] = (f) => l.value = f),
               "item-key": "id",
               group: { name: "widgets", pull: "clone", put: !1 },
               sort: !1,
-              clone: i,
-              onStart: a,
+              clone: a,
+              onStart: i,
               class: "grid grid-cols-2 gap-x-[24px] gap-y-[15px] cursor-grab"
             }, {
               default: be(() => [
-                (x(!0), W(we, null, Se(l.value, (m) => (x(), W("div", {
-                  key: m.name
+                (x(!0), W(we, null, Se(l.value, (f) => (x(), W("div", {
+                  key: f.name
                 }, [
-                  S(f, {
+                  w(c, {
                     variant: "outlined",
                     class: "flex flex-col justify-center items-center p-[16px]"
                   }, {
                     default: be(() => [
-                      S(d, {
-                        name: m.icon,
+                      w(d, {
+                        name: f.icon,
                         size: "md",
                         class: "mb-[5px] text-fm-color-neutral-gray-400"
                       }, null, 8, ["name"]),
-                      S(u, { class: "p-0" }, {
+                      w(u, { class: "p-0" }, {
                         default: be(() => [
-                          en(H(m.name), 1)
+                          Zo(H(f.name), 1)
                         ]),
                         _: 2
                       }, 1024)
@@ -2909,7 +2909,7 @@ const Kl = /* @__PURE__ */ Vt(jl, [["__scopeId", "data-v-3d715f0b"]]), ql = { cl
       ]);
     };
   }
-}), Di = { class: "flex flex-col justify-between w-[420px]" }, Ii = { class: "flex flex-col px-[24px] py-[16px] overflow-y-auto gap-24" }, Fi = { class: "flex flex-col gap-2" }, Oi = { class: "fm-typo-en-body-lg-600" }, Ri = { class: "fm-typo-en-body-lg-600" }, Ai = { class: "p-[16px] fm-shadow-light-300" }, Wi = /* @__PURE__ */ ee({
+}), 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({
   __name: "AdvanceModeLeftPanel",
   props: {
     receiptInfo: {},
@@ -2918,19 +2918,19 @@ const Kl = /* @__PURE__ */ Vt(jl, [["__scopeId", "data-v-3d715f0b"]]), ql = { cl
   },
   emits: ["updateReceiptInfo", "updateReceiptTemplate", "reset", "removeSelectedWidget", "variableSectionType"],
   setup(e, { emit: o }) {
-    const t = e, n = o, l = fn(() => {
+    const t = e, n = o, l = mn(() => {
       n("reset");
-    }), { t: i, locale: a } = me(), s = j(it.receipt.schema()), r = L(
+    }), { t: a, locale: i } = me(), s = j(lt.receipt.schema()), r = L(
       () => Object.entries(s.value).flatMap(
-        ([E, T]) => T.map((D) => ({
-          ...D,
+        ([E, S]) => S.map((I) => ({
+          ...I,
           sectionType: E
         }))
       )
     ), d = L(
       () => r.value.map((E) => ({
         data: {
-          ...To(),
+          ...Co(),
           value: E.variable
         },
         name: E.label,
@@ -2939,61 +2939,61 @@ const Kl = /* @__PURE__ */ Vt(jl, [["__scopeId", "data-v-3d715f0b"]]), ql = { cl
     ), u = L(
       () => t.selectedWidgetSectionType ? d.value.filter((E) => E.sectionType === t.selectedWidgetSectionType) : d.value
     );
-    function f(E) {
+    function c(E) {
       return JSON.parse(JSON.stringify(E));
     }
-    function c(E) {
+    function p(E) {
       n("updateReceiptTemplate", E(t.template));
     }
-    function m(E) {
-      const T = u.value[E.oldIndex];
-      n("variableSectionType", T.sectionType);
+    function f(E) {
+      const S = u.value[E.oldIndex];
+      n("variableSectionType", S.sectionType);
     }
-    return Ge(
-      () => a.value,
+    return Ye(
+      () => i.value,
       () => {
-        s.value = it.receipt.schema();
+        s.value = lt.receipt.schema();
       }
-    ), (E, T) => {
-      var $;
-      const D = J("FmStepperField"), M = J("FmButton"), K = J("v-list");
-      return x(), W("div", Di, [
-        V("div", Ii, [
-          V("div", Fi, [
-            V("label", Oi, H(y(i)("mf-kitchen.receiptSetting")), 1),
-            E.receiptInfo ? (x(), ye(gn, {
+    ), (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, {
               key: 0,
               "model-value": E.receiptInfo,
-              "onUpdate:modelValue": T[0] || (T[0] = (N) => n("updateReceiptInfo", N))
-            }, null, 8, ["model-value"])) : Ue("", !0)
+              "onUpdate:modelValue": S[0] || (S[0] = (N) => n("updateReceiptInfo", N))
+            }, null, 8, ["model-value"])) : Me("", !0)
           ]),
-          S(D, {
-            "model-value": (($ = t.template) == null ? void 0 : $.fontSize) ?? 12,
+          w(I, {
+            "model-value": ((B = t.template) == null ? void 0 : B.fontSize) ?? 12,
             max: 40,
             min: 1,
             step: 1,
-            label: y(i)("mf-kitchen.editor.overallFontSize"),
+            label: y(a)("mf-kitchen.editor.overallFontSize"),
             rules: [(N) => N <= 40 || "More than 40"],
-            "onUpdate:modelValue": T[1] || (T[1] = (N) => {
+            "onUpdate:modelValue": S[1] || (S[1] = (N) => {
               const Y = Math.min(N, 40);
-              c((B) => ({ ...B, fontSize: Y }));
+              p(($) => ({ ...$, fontSize: Y }));
             })
           }, null, 8, ["model-value", "label", "rules"]),
-          S(xi, {
-            onRemoveSelectedWidget: T[2] || (T[2] = (N) => n("removeSelectedWidget", N))
+          w(Si, {
+            onRemoveSelectedWidget: S[2] || (S[2] = (N) => n("removeSelectedWidget", N))
           }),
-          V("label", Ri, H(y(i)("mf-kitchen.editor.variable_plural")), 1),
-          S(K, null, {
+          V("label", Ii, H(y(a)("mf-kitchen.editor.variable_plural")), 1),
+          w(K, null, {
             default: be(() => [
-              S(y(lt), {
+              w(y(nt), {
                 modelValue: u.value,
-                "onUpdate:modelValue": T[3] || (T[3] = (N) => u.value = N),
+                "onUpdate:modelValue": S[3] || (S[3] = (N) => u.value = N),
                 "item-key": "name",
                 group: { name: "widgets", pull: "clone", put: !1 },
                 sort: !1,
-                clone: f,
-                onStart: T[4] || (T[4] = (N) => {
-                  m(N), n("removeSelectedWidget", !0);
+                clone: c,
+                onStart: S[4] || (S[4] = (N) => {
+                  f(N), n("removeSelectedWidget", !0);
                 }),
                 class: "flex flex-wrap gap-[8px] cursor-grab"
               }, {
@@ -3001,7 +3001,7 @@ const Kl = /* @__PURE__ */ Vt(jl, [["__scopeId", "data-v-3d715f0b"]]), ql = { cl
                   (x(!0), W(we, null, Se(u.value, (N) => (x(), W("div", {
                     key: N.name
                   }, [
-                    S(M, {
+                    w(M, {
                       variant: "secondary",
                       size: "md",
                       label: N.name
@@ -3014,11 +3014,11 @@ const Kl = /* @__PURE__ */ Vt(jl, [["__scopeId", "data-v-3d715f0b"]]), ql = { cl
             _: 1
           })
         ]),
-        V("div", Ai, [
-          S(M, {
+        V("div", Fi, [
+          w(M, {
             class: "w-full",
             variant: "secondary",
-            label: y(i)("mf-kitchen.resetToDefault"),
+            label: y(a)("mf-kitchen.resetToDefault"),
             size: "md",
             onClick: y(l)
           }, null, 8, ["label", "onClick"])
@@ -3026,7 +3026,7 @@ const Kl = /* @__PURE__ */ Vt(jl, [["__scopeId", "data-v-3d715f0b"]]), ql = { cl
       ]);
     };
   }
-}), Ni = /* @__PURE__ */ ee({
+}), Ri = /* @__PURE__ */ ee({
   __name: "PreviewDialog",
   props: {
     receiptInfo: {},
@@ -3035,22 +3035,22 @@ const Kl = /* @__PURE__ */ Vt(jl, [["__scopeId", "data-v-3d715f0b"]]), ql = { cl
   },
   setup(e) {
     const o = e, t = j(!1), { t: n } = me();
-    return (l, i) => {
-      const a = J("FmButton"), s = J("FmDialog");
+    return (l, a) => {
+      const i = J("FmButton"), s = J("FmDialog");
       return x(), ye(s, {
         modelValue: t.value,
-        "onUpdate:modelValue": i[0] || (i[0] = (r) => t.value = r),
+        "onUpdate:modelValue": a[0] || (a[0] = (r) => t.value = r),
         overlay: !0
       }, {
         "dialog-button": be(() => [
-          S(a, {
+          w(i, {
             variant: "primary",
             label: y(n)("mf-kitchen.preview")
           }, null, 8, ["label"])
         ]),
         default: be(() => [
           V("div", null, [
-            S(vn, {
+            w(fn, {
               "receipt-info": o.receiptInfo,
               profile: o.profile,
               "receipt-template": o.receiptTemplate
@@ -3061,98 +3061,104 @@ const Kl = /* @__PURE__ */ Vt(jl, [["__scopeId", "data-v-3d715f0b"]]), ql = { cl
       }, 8, ["modelValue"]);
     };
   }
-}), Pi = { class: "h-full flex flex-col" }, Li = { class: "flex flex-row min-h-0" }, $i = { class: "flex flex-col flex-1" }, Bi = { class: "templateBuilderHeader" }, Mi = { class: "fm-typo-en-body-lg-600" }, Ui = { class: "flex flex-row gap-2" }, Xi = {
+}), 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 = {
   key: 0,
   class: "h-full flex justify-center items-center"
-}, zi = { class: "flex flex-col justify-between w-[420px]" }, Yi = {
+}, Mi = { class: "flex flex-col justify-between w-[420px]" }, Ui = {
   key: 0,
   class: "p-[16px] fm-shadow-light-300"
-}, Ji = /* @__PURE__ */ ee({
+}, ji = /* @__PURE__ */ ee({
   __name: "AdvanceModeView",
+  props: {
+    profile: {
+      type: Object,
+      required: !0
+    }
+  },
   emits: ["change-mode"],
   setup(e, { emit: o }) {
-    const t = wo(), { t: n } = me(), l = _n(), i = hn(), a = L(() => i.profile.value), s = j(), r = j(), d = j(), u = j(), f = j([]), c = j([]), m = j(null), E = L(() => {
-      var X;
-      if (D.value !== null)
-        return D.value;
-      if (m.value == null)
+    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)
         return null;
-      const O = (X = c.value) == null ? void 0 : X[m.value.position.row];
-      return (O == null ? void 0 : O.sectionType) ?? null;
-    }), T = j(null), D = j(null), M = j(null), K = j(null), $ = j(!1), N = L(() => {
-      var O;
-      return ((O = u.value) == null ? void 0 : O.fontSize) ?? 12;
+      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;
     });
-    function Y(O) {
-      m.value = O;
-      const X = c.value[O.position.row];
-      T.value = (X == null ? void 0 : X.columns[O.position.col]) ?? null, D.value = null;
-    }
-    function B(O) {
-      const { row: X, col: ae, cell: Te } = O.position;
-      c.value = c.value.map((De, It) => {
-        if (It === X) {
-          const ut = De.columns.map((Ke, Yo) => {
-            if (Yo === ae) {
-              const Go = Ke.cells.map((Ft, Ho) => Ho === Te ? {
-                ...Ft,
+    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) => {
+            if (Xo === ae) {
+              const zo = je.cells.map((Dt, Yo) => Yo === Te ? {
+                ...Dt,
                 data: {
-                  ...Ft.data,
-                  ...O.config.data
+                  ...Dt.data,
+                  ...D.config.data
                 }
-              } : Ft);
+              } : Dt);
               return {
-                ...Ke,
-                cells: Go
+                ...je,
+                cells: zo
               };
             }
-            return Ke;
+            return je;
           });
           return {
             ...De,
-            columns: ut
+            columns: dt
           };
         }
         return De;
-      }), m.value && (m.value.config.data = {
-        ...m.value.config.data,
-        ...O.config.data
+      }), c.value && (c.value.config.data = {
+        ...c.value.config.data,
+        ...D.config.data
       });
     }
-    function h(O) {
-      if (!m.value)
+    function Y(D) {
+      if (!c.value)
         return;
-      const { row: X, col: ae } = m.value.position;
-      c.value = c.value.map((Te, De) => {
-        if (De !== X)
+      const { row: U, col: ae } = c.value.position;
+      u.value = u.value.map((Te, De) => {
+        if (De !== U)
           return Te;
-        const It = Te.columns.map((ut, Ke) => Ke !== ae ? ut : {
-          ...ut,
-          ...O
+        const xt = Te.columns.map((dt, je) => je !== ae ? dt : {
+          ...dt,
+          ...D
         });
         return {
           ...Te,
-          columns: It
+          columns: xt
         };
-      }), T.value = O;
+      }), f.value = D;
     }
-    function v(O) {
-      const { row: X, col: ae, cell: Te } = O.position;
-      c.value[X].columns[ae].cells.splice(Te, 1), c.value[X].columns[ae].cells.length === 0 && c.value[X].columns.splice(ae, 1), c.value[X].columns.length === 0 && c.value.splice(X, 1), m.value = null;
+    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;
     }
-    const _ = o;
-    function p() {
-      _("change-mode", "normal");
+    const h = o;
+    function v() {
+      h("change-mode", "normal");
     }
-    async function k() {
+    async function _() {
       try {
-        if ($.value = !0, !u.value || !r.value)
+        if (M.value = !0, !r.value || !i.value)
           return;
-        u.value.template = to(c.value);
-        const O = await eo.updateTemplate(u.value);
-        G(O);
-        const X = await Qt.updateInfo(r.value);
-        P(X), m.value = null, $.value = !1, t.open(
+        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(
           {
             title: n("mf-kitchen.template.save.success", { file: n("mf-kitchen.receiptTemplate") }),
             type: "success"
@@ -3169,138 +3175,138 @@ const Kl = /* @__PURE__ */ Vt(jl, [["__scopeId", "data-v-3d715f0b"]]), ql = { cl
         );
       }
     }
-    function C(O) {
-      d.value = O, u.value = O;
+    function m(D) {
+      s.value = D, r.value = D;
     }
-    function w(O) {
-      r.value = O;
+    function k(D) {
+      i.value = D;
     }
-    function b(O) {
-      u.value = O;
+    function C(D) {
+      r.value = D;
     }
-    function P(O) {
-      s.value = O, r.value = O;
+    function T(D) {
+      a.value = D, i.value = D;
     }
-    function G(O) {
-      c.value = O.template.flatMap(
-        (X) => X.group.rows.map((ae) => ({ ...ae, sectionType: X.type }))
-      ), f.value = JSON.parse(JSON.stringify(c.value));
+    function b(D) {
+      u.value = D.template.flatMap(
+        (U) => U.group.rows.map((ae) => ({ ...ae, sectionType: U.type }))
+      ), d.value = JSON.parse(JSON.stringify(u.value));
     }
-    function le() {
-      r.value = s.value, u.value = d.value, c.value = JSON.parse(JSON.stringify(f.value)), m.value = null, T.value = null;
+    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 _e(O) {
-      const X = M.value, ae = K.value;
-      !X || !ae || X.contains(O.target) && !ae.contains(O.target) && (m.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 Re(O) {
-      O && (m.value = null);
+    function le(D) {
+      D && (c.value = null);
     }
-    function Dt(O) {
-      D.value = O;
+    function Ee(D) {
+      E.value = D;
     }
-    return _o(async () => {
+    return bo(async () => {
       try {
         await l.readRestaurants();
-        const O = await Qt.readInfo();
-        P(O);
-        const X = await eo.readTemplate();
-        C(X), G(X), document.addEventListener("click", _e);
-      } catch (O) {
+        const D = await Jt.readInfo();
+        T(D);
+        const U = await Zt.readTemplate();
+        m(U), b(U), document.addEventListener("click", G);
+      } catch (D) {
         t.open(
           {
             title: n("mf-kitchen.template.load.fail", { file: n("mf-kitchen.receiptTemplate") }),
-            message: `${O}`,
+            message: `${D}`,
             type: "error"
           },
           3e3
         );
       }
-    }), tn(() => {
-      document.removeEventListener("click", _e);
-    }), (O, X) => {
+    }), Qo(() => {
+      document.removeEventListener("click", G);
+    }), (D, U) => {
       const ae = J("FmButton"), Te = J("FmCircularProgress");
-      return x(), W("div", Pi, [
-        S(bn),
-        S(yn, { onUpdateTemplate: k }),
-        V("div", Li, [
-          r.value && u.value ? (x(), ye(Wi, {
+      return x(), W("div", Ai, [
+        w(gn),
+        w(vn, { onUpdateTemplate: _ }),
+        V("div", Wi, [
+          i.value && r.value ? (x(), ye(Oi, {
             key: 0,
-            "receipt-info": r.value,
-            template: u.value,
-            selectedWidgetSectionType: E.value,
-            onUpdateReceiptInfo: w,
-            onUpdateReceiptTemplate: b,
-            onReset: le,
-            onRemoveSelectedWidget: Re,
-            onVariableSectionType: Dt
-          }, null, 8, ["receipt-info", "template", "selectedWidgetSectionType"])) : Ue("", !0),
-          V("div", $i, [
-            V("div", Bi, [
-              V("label", Mi, H(y(n)("mf-kitchen.advanceTemplateBuilder")), 1),
-              V("div", Ui, [
-                r.value && a.value && u.value ? (x(), ye(Ni, {
+            "receipt-info": i.value,
+            template: r.value,
+            selectedWidgetSectionType: p.value,
+            onUpdateReceiptInfo: k,
+            onUpdateReceiptTemplate: C,
+            onReset: P,
+            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, [
+                i.value && e.profile && r.value ? (x(), ye(Ri, {
                   key: 0,
-                  "receipt-info": r.value,
-                  profile: a.value,
+                  "receipt-info": i.value,
+                  profile: e.profile,
                   "receipt-template": {
-                    ...u.value,
-                    template: y(to)(c.value)
+                    ...r.value,
+                    template: y(Qt)(u.value)
                   }
-                }, null, 8, ["receipt-info", "profile", "receipt-template"])) : Ue("", !0),
-                S(ae, {
+                }, null, 8, ["receipt-info", "profile", "receipt-template"])) : Me("", !0),
+                w(ae, {
                   variant: "secondary",
                   label: y(n)("mf-kitchen.returnToBasicMode"),
                   "text-color": "primary",
                   bgColor: "typo-white",
                   "border-color": "primary",
-                  onClick: p
+                  onClick: v
                 }, null, 8, ["label"])
               ])
             ]),
             V("div", {
               class: "h-full flex justify-center py-10 overflow-y-auto bg-fm-color-neutral-gray-100",
               ref_key: "receiptEditorRef",
-              ref: M
+              ref: S
             }, [
-              $.value ? (x(), W("div", Xi, [
-                S(Te, { size: "xxl" })
+              M.value ? (x(), W("div", Bi, [
+                w(Te, { size: "xxl" })
               ])) : (x(), W("div", {
                 key: 1,
                 ref_key: "receiptEditorContentRef",
-                ref: K
+                ref: I
               }, [
-                r.value ? (x(), ye(Vl, {
+                i.value ? (x(), ye(Tl, {
                   key: 0,
-                  modelValue: c.value,
-                  "onUpdate:modelValue": X[0] || (X[0] = (De) => c.value = De),
-                  onSelectWidget: Y,
-                  "font-size": N.value,
-                  "selected-widget": m.value,
-                  "selected-widget-section-type": E.value
-                }, null, 8, ["modelValue", "font-size", "selected-widget", "selected-widget-section-type"])) : Ue("", !0)
+                  modelValue: u.value,
+                  "onUpdate:modelValue": U[0] || (U[0] = (De) => u.value = De),
+                  onSelectWidget: B,
+                  "font-size": K.value,
+                  "selected-widget": c.value,
+                  "selected-widget-section-type": p.value
+                }, null, 8, ["modelValue", "font-size", "selected-widget", "selected-widget-section-type"])) : Me("", !0)
               ], 512))
             ], 512)
           ]),
-          V("div", zi, [
-            S(Si, {
-              "selected-widget": m.value,
-              "selected-widget-section-type": E.value,
-              "selected-widget-column": T.value,
-              "onUpdate:widget": B,
-              "onUpdate:selectedWidgetColumn": h
+          V("div", Mi, [
+            w(Ei, {
+              "selected-widget": c.value,
+              "selected-widget-section-type": p.value,
+              "selected-widget-column": f.value,
+              "onUpdate:widget": N,
+              "onUpdate:selectedWidgetColumn": Y
             }, null, 8, ["selected-widget", "selected-widget-section-type", "selected-widget-column"]),
-            m.value ? (x(), W("div", Yi, [
-              S(ae, {
+            c.value ? (x(), W("div", Ui, [
+              w(ae, {
                 class: "w-full",
                 variant: "secondary",
                 label: "Remove widget",
                 size: "md",
                 "border-color": "system-error-300",
                 "text-color": "system-error-300",
-                onClick: X[1] || (X[1] = (De) => v(m.value))
+                onClick: U[1] || (U[1] = (De) => $(c.value))
               })
-            ])) : Ue("", !0)
+            ])) : Me("", !0)
           ])
         ])
       ]);
@@ -3308,5 +3314,5 @@ const Kl = /* @__PURE__ */ Vt(jl, [["__scopeId", "data-v-3d715f0b"]]), ql = { cl
   }
 });
 export {
-  Ji as default
+  ji as default
 };