@feedmepos/mf-kitchen 1.0.0 → 1.0.2

package/dist/AdvanceModeView-e386f866.js

@@ -0,0 +1,3312 @@
+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) => {
+  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]);
+  return e;
+}, ko = (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]);
+  return t;
+};
+const xo = "[vue-draggable-plus]: ";
+function En(e) {
+  console.warn(xo + e);
+}
+function Tn(e) {
+  console.error(xo + e);
+}
+function no(e, o, t) {
+  return t >= 0 && t < e.length && e.splice(t, 0, e.splice(o, 1)[0]), e;
+}
+function wn(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 lo(e, o) {
+  return Array.isArray(e) && e.splice(o, 1), e;
+}
+function io(e, o, t) {
+  return Array.isArray(e) && e.splice(o, 0, t), e;
+}
+function Vn(e) {
+  return typeof e > "u";
+}
+function kn(e) {
+  return typeof e == "string";
+}
+function ao(e, o, t) {
+  const n = e.children[t];
+  e.insertBefore(o, n);
+}
+function Rt(e) {
+  e.parentNode && e.parentNode.removeChild(e);
+}
+function xn(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;
+}
+function Dn(e, o, t = null) {
+  return function(...n) {
+    return e.apply(t, n), o.apply(t, n);
+  };
+}
+function In(e, o) {
+  const t = Xe({}, e);
+  return Object.keys(o).forEach((n) => {
+    t[n] ? t[n] = Dn(e[n], o[n]) : t[n] = o[n];
+  }), t;
+}
+function Fn(e) {
+  return e instanceof HTMLElement;
+}
+function ro(e, o) {
+  Object.keys(e).forEach((t) => {
+    o(t, e[t]);
+  });
+}
+function On(e) {
+  return e.charCodeAt(0) === 111 && e.charCodeAt(1) === 110 && // uppercase letter
+  (e.charCodeAt(2) > 122 || e.charCodeAt(2) < 97);
+}
+const Rn = Object.assign;
+/**!
+ * Sortable 1.15.2
+ * @author	RubaXa   <trash@rubaxa.org>
+ * @author	owenm    <owen23355@gmail.com>
+ * @license MIT
+ */
+function so(e, o) {
+  var t = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var n = Object.getOwnPropertySymbols(e);
+    o && (n = n.filter(function(l) {
+      return Object.getOwnPropertyDescriptor(e, l).enumerable;
+    })), t.push.apply(t, n);
+  }
+  return t;
+}
+function Ee(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) {
+      Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(t, n));
+    });
+  }
+  return e;
+}
+function gt(e) {
+  "@babel/helpers - typeof";
+  return typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? gt = function(o) {
+    return typeof o;
+  } : gt = function(o) {
+    return o && typeof Symbol == "function" && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
+  }, gt(e);
+}
+function An(e, o, t) {
+  return o in e ? Object.defineProperty(e, o, {
+    value: t,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : e[o] = t, e;
+}
+function ke() {
+  return ke = Object.assign || function(e) {
+    for (var o = 1; o < arguments.length; o++) {
+      var t = arguments[o];
+      for (var n in t)
+        Object.prototype.hasOwnProperty.call(t, n) && (e[n] = t[n]);
+    }
+    return e;
+  }, ke.apply(this, arguments);
+}
+function Wn(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]);
+  return t;
+}
+function Nn(e, o) {
+  if (e == null)
+    return {};
+  var t = Wn(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]);
+  }
+  return t;
+}
+var Pn = "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 = {
+  capture: !1,
+  passive: !1
+};
+function z(e, o, t) {
+  e.addEventListener(o, t, !xe && Fo);
+}
+function U(e, o, t) {
+  e.removeEventListener(o, t, !xe && Fo);
+}
+function Ct(e, o) {
+  if (o) {
+    if (o[0] === ">" && (o = o.substring(1)), e)
+      try {
+        if (e.matches)
+          return e.matches(o);
+        if (e.msMatchesSelector)
+          return e.msMatchesSelector(o);
+        if (e.webkitMatchesSelector)
+          return e.webkitMatchesSelector(o);
+      } catch {
+        return !1;
+      }
+    return !1;
+  }
+}
+function Ln(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)
+        return e;
+      if (e === t)
+        break;
+    } while (e = Ln(e));
+  }
+  return null;
+}
+var co = /\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, " ");
+    }
+}
+function I(e, o, t) {
+  var n = e && e.style;
+  if (n) {
+    if (t === void 0)
+      return document.defaultView && document.defaultView.getComputedStyle ? t = document.defaultView.getComputedStyle(e, "") : e.currentStyle && (t = e.currentStyle), o === void 0 ? t : t[o];
+    !(o in n) && o.indexOf("webkit") === -1 && (o = "-webkit-" + o), n[o] = t + (typeof t == "string" ? "" : "px");
+  }
+}
+function Ye(e, o) {
+  var t = "";
+  if (typeof e == "string")
+    t = e;
+  else
+    do {
+      var n = I(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) {
+  if (e) {
+    var n = e.getElementsByTagName(o), l = 0, i = n.length;
+    if (t)
+      for (; l < i; l++)
+        t(n[l], l);
+    return n;
+  }
+  return [];
+}
+function Ce() {
+  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))
+      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;
+          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);
+    }
+    return {
+      top: a,
+      left: s,
+      bottom: r,
+      right: d,
+      width: f,
+      height: u
+    };
+  }
+}
+function mo(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)
+      return n;
+    if (n === Ce())
+      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)) {
+      if (l === o)
+        return a[i];
+      l++;
+    }
+    i++;
+  }
+  return null;
+}
+function Kt(e, o) {
+  for (var t = e.lastElementChild; t && (t === F.ghost || I(t, "display") === "none" || o && !Ct(t, o)); )
+    t = t.previousElementSibling;
+  return t || null;
+}
+function fe(e, o) {
+  var t = 0;
+  if (!e || !e.parentNode)
+    return -1;
+  for (; e = e.previousElementSibling; )
+    e.nodeName.toUpperCase() !== "TEMPLATE" && e !== F.clone && (!o || Ct(e, o)) && t++;
+  return t;
+}
+function po(e) {
+  var o = 0, t = 0, n = Ce();
+  if (e)
+    do {
+      var l = Ye(e), i = l.a, a = l.d;
+      o += e.scrollLeft * i, t += e.scrollTop * a;
+    } while (e !== n && (e = e.parentNode));
+  return [o, t];
+}
+function $n(e, o) {
+  for (var t in e)
+    if (e.hasOwnProperty(t)) {
+      for (var n in o)
+        if (o.hasOwnProperty(n) && o[n] === e[t][n])
+          return Number(t);
+    }
+  return -1;
+}
+function Oe(e, o) {
+  if (!e || !e.getBoundingClientRect)
+    return Ce();
+  var t = e, n = !1;
+  do
+    if (t.clientWidth < t.scrollWidth || t.clientHeight < t.scrollHeight) {
+      var l = I(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();
+        if (n || o)
+          return t;
+        n = !0;
+      }
+    }
+  while (t = t.parentNode);
+  return Ce();
+}
+function Bn(e, o) {
+  if (e && o)
+    for (var t in o)
+      o.hasOwnProperty(t) && (e[t] = o[t]);
+  return e;
+}
+function At(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) {
+  return function() {
+    if (!et) {
+      var t = arguments, n = this;
+      t.length === 1 ? e.call(n, t[0]) : e.apply(n, t), et = setTimeout(function() {
+        et = void 0;
+      }, o);
+    }
+  };
+}
+function Mn() {
+  clearTimeout(et), et = void 0;
+}
+function Ao(e, o, t) {
+  e.scrollLeft += o, e.scrollTop += t;
+}
+function Wo(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) {
+  var n = {};
+  return Array.from(e.children).forEach(function(l) {
+    var i, a, 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.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() {
+  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)) {
+            e.push({
+              target: n,
+              rect: oe(n)
+            });
+            var l = Ee({}, e[e.length - 1].rect);
+            if (n.thisAnimationDuration) {
+              var i = Ye(n, !0);
+              i && (l.top -= i.f, l.left -= i.e);
+            }
+            n.fromRect = l;
+          }
+        });
+      }
+    },
+    addAnimationState: function(t) {
+      e.push(t);
+    },
+    removeAnimationState: function(t) {
+      e.splice($n(e, {
+        target: t
+      }), 1);
+    },
+    animateAll: function(t) {
+      var n = this;
+      if (!this.options.animation) {
+        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() {
+          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 = [];
+    },
+    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);
+      }
+    }
+  };
+}
+function Xn(e) {
+  return e.offsetWidth;
+}
+function zn(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 = {
+  initializeByDefault: !0
+}, dt = {
+  mount: function(e) {
+    for (var o in Wt)
+      Wt.hasOwnProperty(o) && !(o in e) && (e[o] = Wt[o]);
+    $e.forEach(function(t) {
+      if (t.pluginName === e.pluginName)
+        throw "Sortable: Cannot mount plugin ".concat(e.pluginName, " more than once");
+    }), $e.push(e);
+  },
+  pluginEvent: function(e, o, t) {
+    var n = this;
+    this.eventCanceled = !1, t.cancel = function() {
+      n.eventCanceled = !0;
+    };
+    var l = e + "Global";
+    $e.forEach(function(i) {
+      o[i.pluginName] && (o[i.pluginName][l] && o[i.pluginName][l](Ee({
+        sortable: o
+      }, t)), o.options[i.pluginName] && o[i.pluginName][e] && o[i.pluginName][e](Ee({
+        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);
+        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);
+      }
+  },
+  getEventProperties: function(e, o) {
+    var t = {};
+    return $e.forEach(function(n) {
+      typeof n.eventProperties == "function" && ke(t, n.eventProperties.call(o[n.pluginName], e));
+    }), t;
+  },
+  modifyOption: function(e, o, t) {
+    var n;
+    return $e.forEach(function(l) {
+      e[l.pluginName] && l.optionListeners && typeof l.optionListeners[o] == "function" && (n = l.optionListeners[o].call(e[l.pluginName], t));
+    }), n;
+  }
+};
+function 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;
+  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, {
+      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);
+  }
+}
+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({
+    dragEl: g,
+    parentEl: Q,
+    ghostEl: A,
+    rootEl: q,
+    nextEl: Ne,
+    lastDownEl: vt,
+    cloneEl: Z,
+    cloneHidden: Fe,
+    dragStarted: qe,
+    putSortable: ne,
+    activeSortable: F.active,
+    originalEvent: n,
+    oldIndex: ze,
+    oldDraggableIndex: tt,
+    newIndex: ue,
+    newDraggableIndex: Ie,
+    hideGhostForTarget: Bo,
+    unhideGhostForTarget: Mo,
+    cloneNowHidden: function() {
+      Fe = !0;
+    },
+    cloneNowShown: function() {
+      Fe = !1;
+    },
+    dispatchSortableEvent: function(i) {
+      re({
+        sortable: o,
+        name: i,
+        originalEvent: n
+      });
+    }
+  }, l));
+};
+function re(e) {
+  Yn(Ee({
+    putSortable: ne,
+    cloneEl: Z,
+    targetEl: g,
+    rootEl: q,
+    oldIndex: ze,
+    oldDraggableIndex: tt,
+    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) {
+    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;
+  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";
+  }
+  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) {
+  var t;
+  return Tt.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)
+        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))
+        return !0;
+      if (l == null || l === !1)
+        return !1;
+      if (i && 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;
+    };
+  }
+  var t = {}, n = e.group;
+  (!n || gt(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", "");
+};
+kt && !Io && document.addEventListener("click", function(e) {
+  if (Et)
+    return e.preventDefault(), e.stopPropagation && e.stopPropagation(), e.stopImmediatePropagation && e.stopImmediatePropagation(), Et = !1, !1;
+}, !0);
+var We = function(e) {
+  if (g) {
+    e = e.touches ? e.touches[0] : e;
+    var o = Kn(e.clientX, e.clientY);
+    if (o) {
+      var t = {};
+      for (var n in e)
+        e.hasOwnProperty(n) && (t[n] = e[n]);
+      t.target = t.rootEl = o, t.preventDefault = void 0, t.stopPropagation = void 0, o[ce]._onDragOver(t);
+    }
+  }
+}, qn = function(e) {
+  g && g.parentNode[ce]._isOutsideThisEl(e.target);
+};
+function F(e, o) {
+  if (!(e && e.nodeType && e.nodeType === 1))
+    throw "Sortable: `el` must be an HTMLElement, not ".concat({}.toString.call(e));
+  this.el = e, this.options = o = ke({}, o), e[ce] = this;
+  var t = {
+    group: null,
+    sort: !0,
+    disabled: !1,
+    store: null,
+    handle: null,
+    draggable: /^[uo]l$/i.test(e.nodeName) ? ">li" : ">*",
+    swapThreshold: 1,
+    // percentage; 0 <= x <= 1
+    invertSwap: !1,
+    // invert always
+    invertedSwapThreshold: null,
+    // will be set to same as swapThreshold if default
+    removeCloneOnHide: !0,
+    direction: function() {
+      return Lo(e, this.options);
+    },
+    ghostClass: "sortable-ghost",
+    chosenClass: "sortable-chosen",
+    dragClass: "sortable-drag",
+    ignore: "a, img",
+    filter: null,
+    preventOnFilter: !0,
+    animation: 0,
+    easing: null,
+    setData: function(i, a) {
+      i.setData("Text", a.textContent);
+    },
+    dropBubble: !1,
+    dragoverBubble: !1,
+    dataIdAttr: "data-id",
+    delay: 0,
+    delayOnTouchOnly: !1,
+    touchStartThreshold: (Number.parseInt ? Number : window).parseInt(window.devicePixelRatio, 10) || 1,
+    forceFallback: !1,
+    fallbackClass: "sortable-fallback",
+    fallbackOnBody: !1,
+    fallbackTolerance: 0,
+    fallbackOffset: {
+      x: 0,
+      y: 0
+    },
+    supportPointer: F.supportPointer !== !1 && "PointerEvent" in window && !Qe,
+    emptyInsertThreshold: 5
+  };
+  dt.initializePlugins(this, e, t);
+  for (var n in t)
+    !(n in o) && (o[n] = t[n]);
+  $o(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());
+}
+F.prototype = /** @lends Sortable.prototype */
+{
+  constructor: F,
+  _isOutsideThisEl: function(e) {
+    !this.el.contains(e) && e !== this.el && (Be = null);
+  },
+  _getDirection: function(e, o) {
+    return typeof this.options.direction == "function" ? this.options.direction.call(this, e, o, g) : this.options.direction;
+  },
+  _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") {
+          if (d.call(this, e, s, this)) {
+            re({
+              sortable: o,
+              rootEl: r,
+              name: "filter",
+              targetEl: s,
+              toEl: t,
+              fromEl: t
+            }), se("filter", o, {
+              evt: e
+            }), l && e.cancelable && e.preventDefault();
+            return;
+          }
+        } else if (d && (d = d.split(",").some(function(u) {
+          if (u = he(r, u.trim(), t, !1), u)
+            return re({
+              sortable: o,
+              rootEl: u,
+              name: "filter",
+              targetEl: s,
+              fromEl: t,
+              toEl: t
+            }), se("filter", o, {
+              evt: e
+            }), !0;
+        }), d)) {
+          l && e.cancelable && e.preventDefault();
+          return;
+        }
+        n.handle && !he(r, n.handle, t, !1) || this._prepareDragStart(e, a, s);
+      }
+    }
+  },
+  _prepareDragStart: function(e, o, t) {
+    var n = this, l = n.el, i = n.options, a = 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 = {
+        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() {
+        if (se("delayEnded", n, {
+          evt: e
+        }), F.eventCanceled) {
+          n._onDrop();
+          return;
+        }
+        n._disableDelayedDragEvents(), !uo && 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, {
+        evt: e
+      }), i.delay && (!i.delayOnTouchOnly || o) && (!this.nativeDraggable || !(st || xe))) {
+        if (F.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);
+      } else
+        s();
+    }
+  },
+  _delayedDragTouchMoveHandler: function(e) {
+    var o = e.touches ? e.touches[0] : e;
+    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();
+  },
+  _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);
+  },
+  _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.empty();
+      }) : window.getSelection().removeAllRanges();
+    } catch {
+    }
+  },
+  _dragStarted: function(e, o) {
+    if (Me = !1, q && g) {
+      se("dragStarted", this, {
+        evt: o
+      }), this.nativeDraggable && z(document, "dragover", qn);
+      var t = this.options;
+      !e && de(g, t.dragClass, !1), de(g, t.ghostClass, !0), F.active = this, e && this._appendGhost(), re({
+        sortable: this,
+        name: "start",
+        originalEvent: o
+      });
+    } else
+      this._nulling();
+  },
+  _emulateDragOver: function() {
+    if (ve) {
+      this._lastX = ve.clientX, this._lastY = ve.clientY, Bo();
+      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)
+        do {
+          if (o[ce]) {
+            var t = void 0;
+            if (t = o[ce]._onDragOver({
+              clientX: ve.clientX,
+              clientY: ve.clientY,
+              target: e,
+              rootEl: o
+            }), t && !this.options.dragoverBubble)
+              break;
+          }
+          e = o;
+        } while (o = o.parentNode);
+      Mo();
+    }
+  },
+  _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 (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: 1,
+          b: 0,
+          c: 0,
+          d: 1,
+          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;
+      }
+      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; )
+          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);
+      }
+      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 + "%");
+    }
+  },
+  _onDragStart: function(e, o) {
+    var t = this, n = e.dataTransfer, l = t.options;
+    if (se("dragStart", this, {
+      evt: e
+    }), F.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({
+        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");
+  },
+  // 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)
+      return;
+    function T(le, _e) {
+      se(le, m, Ee({
+        evt: e,
+        isOwner: d,
+        axis: c ? "vertical" : "horizontal",
+        revert: i,
+        dragRect: n,
+        targetRect: l,
+        canSort: u,
+        fromSortable: f,
+        target: t,
+        completed: M,
+        onMove: function(Re, Dt) {
+          return ft(q, o, g, n, Re, oe(Re), e, Dt);
+        },
+        changed: K
+      }, _e));
+    }
+    function D() {
+      T("dragOverAnimationCapture"), m.captureAnimationState(), m !== f && f.captureAnimationState();
+    }
+    function M(le) {
+      return T("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;
+    }
+    function K() {
+      ue = fe(g), Ie = fe(g, a.draggable), re({
+        sortable: m,
+        name: "change",
+        toEl: o,
+        newIndex: ue,
+        newDraggableIndex: Ie,
+        originalEvent: e
+      });
+    }
+    if (e.preventDefault !== void 0 && e.cancelable && e.preventDefault(), t = he(t, a.draggable, o, !0), T("dragOver"), F.eventCanceled)
+      return E;
+    if (g.contains(e.target) || t.animated && t.animatingX && t.animatingY || m._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)
+        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)
+          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 (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);
+      } 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 C;
+        if (Y !== 0) {
+          var w = fe(g);
+          do
+            w -= Y, C = Q.children[w];
+          while (C && (I(C, "display") === "none" || C === A));
+        }
+        if (Y === 0 || C === t)
+          return M(!1);
+        Be = t, ot = Y;
+        var b = t.nextElementSibling, P = !1;
+        P = Y === 1;
+        var G = ft(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);
+      }
+      if (o.contains(g))
+        return M(!1);
+    }
+    return !1;
+  },
+  _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);
+  },
+  _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);
+  },
+  _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) {
+      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({
+      sortable: this,
+      name: "unchoose",
+      toEl: Q,
+      newIndex: null,
+      newDraggableIndex: null,
+      originalEvent: e
+    }), q !== Q ? (ue >= 0 && (re({
+      rootEl: Q,
+      name: "add",
+      toEl: Q,
+      fromEl: q,
+      originalEvent: e
+    }), re({
+      sortable: this,
+      name: "remove",
+      toEl: Q,
+      originalEvent: e
+    }), re({
+      rootEl: Q,
+      name: "sort",
+      toEl: Q,
+      fromEl: q,
+      originalEvent: e
+    }), re({
+      sortable: this,
+      name: "sort",
+      toEl: Q,
+      originalEvent: e
+    })), ne && ne.save()) : ue !== ze && ue >= 0 && (re({
+      sortable: this,
+      name: "update",
+      toEl: Q,
+      originalEvent: e
+    }), re({
+      sortable: this,
+      name: "sort",
+      toEl: Q,
+      originalEvent: e
+    })), F.active && ((ue == null || ue === -1) && (ue = ze, Ie = tt), re({
+      sortable: this,
+      name: "end",
+      toEl: Q,
+      originalEvent: e
+    }), 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) {
+      e.checked = !0;
+    }), wt.length = Nt = Pt = 0;
+  },
+  handleEvent: function(e) {
+    switch (e.type) {
+      case "drop":
+      case "dragend":
+        this._onDrop(e);
+        break;
+      case "dragenter":
+      case "dragover":
+        g && (this._onDragOver(e), Jn(e));
+        break;
+      case "selectstart":
+        e.preventDefault();
+        break;
+    }
+  },
+  /**
+   * Serializes the item into an array of string.
+   * @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));
+    return e;
+  },
+  /**
+   * Sorts the elements according to the array.
+   * @param  {String[]}  order  order of the items
+   */
+  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), o && this.captureAnimationState(), e.forEach(function(l) {
+      t[l] && (n.removeChild(t[l]), n.appendChild(t[l]));
+    }), o && this.animateAll();
+  },
+  /**
+   * Save the current sorting
+   */
+  save: function() {
+    var e = this.options.store;
+    e && e.set && e.set(this);
+  },
+  /**
+   * For each element in the set, get the first element that matches the selector by testing the element itself and traversing up through its ancestors in the DOM tree.
+   * @param   {HTMLElement}  el
+   * @param   {String}       [selector]  default: `options.draggable`
+   * @returns {HTMLElement|null}
+   */
+  closest: function(e, o) {
+    return he(e, o || this.options.draggable, this.el, !1);
+  },
+  /**
+   * Set/get option
+   * @param   {string} name
+   * @param   {*}      [value]
+   * @returns {*}
+   */
+  option: function(e, o) {
+    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);
+  },
+  /**
+   * Destroy
+   */
+  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) {
+      o.removeAttribute("draggable");
+    }), this._onDrop(), this._disableDelayedDragEvents(), Tt.splice(Tt.indexOf(this.el), 1), this.el = e = null;
+  },
+  _hideClone: function() {
+    if (!Fe) {
+      if (se("hideClone", this), F.eventCanceled)
+        return;
+      I(Z, "display", "none"), this.options.removeCloneOnHide && Z.parentNode && Z.parentNode.removeChild(Z), Fe = !0;
+    }
+  },
+  _showClone: function(e) {
+    if (e.lastPutMode !== "clone") {
+      this._hideClone();
+      return;
+    }
+    if (Fe) {
+      if (se("showClone", this), F.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;
+    }
+  }
+};
+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", {
+    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;
+}
+function $t(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);
+  }
+  return c = c || a, c && (r < u + d * i / 2 || r > f - d * i / 2) ? r > u + d / 2 ? 1 : -1 : 0;
+}
+function ol(e) {
+  return fe(g) < fe(e) ? 1 : -1;
+}
+function nl(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;
+  for (var o = e.getElementsByTagName("input"), t = o.length; t--; ) {
+    var n = o[t];
+    n.checked && wt.push(n);
+  }
+}
+function bt(e) {
+  return setTimeout(e, 0);
+}
+function zt(e) {
+  return clearTimeout(e);
+}
+kt && z(document, "touchmove", function(e) {
+  (F.active || Me) && e.cancelable && e.preventDefault();
+});
+F.utils = {
+  on: z,
+  off: U,
+  css: I,
+  find: Oo,
+  is: function(e, o) {
+    return !!he(e, o, e, !1);
+  },
+  extend: Bn,
+  throttle: Ro,
+  closest: he,
+  toggleClass: de,
+  clone: Wo,
+  index: fe,
+  nextTick: bt,
+  cancelNextTick: zt,
+  detectDirection: Lo,
+  getChild: He
+};
+F.get = function(e) {
+  return e[ce];
+};
+F.mount = function() {
+  for (var e = arguments.length, o = new Array(e), t = 0; t < e; t++)
+    o[t] = arguments[t];
+  o[0].constructor === Array && (o = o[0]), o.forEach(function(n) {
+    if (!n.prototype || !n.prototype.constructor)
+      throw "Sortable: Mounted plugin must be a constructor function, not ".concat({}.toString.call(n));
+    n.utils && (F.utils = Ee(Ee({}, F.utils), n.utils)), dt.mount(n);
+  });
+};
+F.create = function(e, o) {
+  return new F(e, o);
+};
+F.version = Pn;
+var te = [], Je, Yt, Gt = !1, Bt, Mt, St, Ze;
+function il() {
+  function e() {
+    this.defaults = {
+      scroll: !0,
+      forceAutoScrollFallback: !1,
+      scrollSensitivity: 30,
+      scrollSpeed: 10,
+      bubbleScroll: !0
+    };
+    for (var o in this)
+      o.charAt(0) === "_" && typeof this[o] == "function" && (this[o] = this[o].bind(this));
+  }
+  return e.prototype = {
+    dragStarted: function(o) {
+      var t = o.originalEvent;
+      this.sortable.nativeDraggable ? z(document, "dragover", this._handleAutoScroll) : this.options.supportPointer ? z(document, "pointermove", this._handleFallbackAutoScroll) : t.touches ? z(document, "touchmove", this._handleFallbackAutoScroll) : z(document, "mousemove", this._handleFallbackAutoScroll);
+    },
+    dragOverCompleted: function(o) {
+      var t = o.originalEvent;
+      !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();
+    },
+    nulling: function() {
+      St = Yt = Je = Gt = Ze = Bt = Mt = 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);
+      } else {
+        if (!this.options.bubbleScroll || Oe(a, !0) === Ce()) {
+          yt();
+          return;
+        }
+        Ut(o, this.options, Oe(a, !1), !1);
+      }
+    }
+  }, ke(e, {
+    pluginName: "scroll",
+    initializeByDefault: !0
+  });
+}
+function yt() {
+  te.forEach(function(e) {
+    clearInterval(e.pid);
+  }), te = [];
+}
+function ho() {
+  clearInterval(Ze);
+}
+var Ut = Ro(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;
+    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++)
+          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);
+        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);
+      }).bind({
+        layer: f
+      }), 24))), f++;
+    } while (o.bubbleScroll && c !== r && (c = Oe(c, !1)));
+    Gt = 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;
+  if (o) {
+    var r = t || l;
+    a();
+    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({
+      dragEl: n,
+      putSortable: t
+    }));
+  }
+};
+function qt() {
+}
+qt.prototype = {
+  startIndex: null,
+  dragStart: function(e) {
+    var o = e.oldDraggableIndex;
+    this.startIndex = o;
+  },
+  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);
+    n ? this.sortable.el.insertBefore(o, n) : this.sortable.el.appendChild(o), this.sortable.animateAll(), t && t.animateAll();
+  },
+  drop: Uo
+};
+ke(qt, {
+  pluginName: "revertOnSpill"
+});
+function Jt() {
+}
+Jt.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
+};
+ke(Jt, {
+  pluginName: "removeOnSpill"
+});
+F.mount(new il());
+F.mount(Jt, qt);
+function al(e) {
+  return e == null ? e : JSON.parse(JSON.stringify(e));
+}
+function rl(e) {
+  jt() && Jo(e);
+}
+function sl(e) {
+  jt() ? _o(e) : Co(e);
+}
+let Xo = null, zo = null;
+function bo(e = null, o = null) {
+  Xo = e, zo = o;
+}
+function dl() {
+  return {
+    data: Xo,
+    clonedData: zo
+  };
+}
+const yo = Symbol("cloneElement");
+function ul(...e) {
+  var o, t;
+  const n = (o = jt()) == null ? void 0 : o.proxy;
+  let l = null;
+  const i = e[0];
+  let [, a, s] = e;
+  Array.isArray(y(a)) || (s = a, a = null);
+  let r = null;
+  const {
+    immediate: d = !0,
+    clone: u = al,
+    customUpdate: f
+  } = (t = y(s)) != null ? t : {};
+  function c(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;
+  }
+  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, _);
+        return;
+      }
+      io(y(a), 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);
+      return;
+    }
+    if (Ot(a)) {
+      const P = [...y(a)];
+      a.value = lo(P, C);
+      return;
+    }
+    lo(y(a), C);
+  }
+  function T(v) {
+    if (f) {
+      f(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(
+        b,
+        C,
+        w
+      );
+      return;
+    }
+    no(y(a), C, w);
+  }
+  function D(v) {
+    const { newIndex: _, oldIndex: p, from: k, to: C } = v;
+    let w = null;
+    const b = _ === p && 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);
+        });
+      }
+    } catch (P) {
+      w = P;
+    } finally {
+      l = null;
+    }
+    Co(() => {
+      if (bo(), w)
+        throw w;
+    });
+  }
+  const M = {
+    onUpdate: T,
+    onStart: c,
+    onAdd: m,
+    onRemove: E,
+    onEnd: D
+  };
+  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;
+  }
+  function $() {
+    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);
+      });
+    }), In(
+      a === null ? {} : M,
+      p
+    );
+  }
+  const N = (v) => {
+    v = K(v), r && Y.destroy(), r = new F(v, $());
+  };
+  Ge(
+    () => s,
+    () => {
+      r && ro($(), (v, _) => {
+        r == null || r.option(v, _);
+      });
+    },
+    { deep: !0 }
+  );
+  const Y = {
+    option: (v, _) => r == null ? void 0 : r.option(v, _),
+    destroy: () => {
+      r == null || r.destroy(), r = null;
+    },
+    save: () => r == null ? void 0 : r.save(),
+    toArray: () => r == null ? void 0 : r.toArray(),
+    closest: (...v) => r == null ? void 0 : r.closest(...v)
+  }, B = () => Y == null ? void 0 : Y.option("disabled", !0), h = () => Y == null ? void 0 : Y.option("disabled", !1);
+  return sl(() => {
+    d && N();
+  }), rl(Y.destroy), Xe({ start: N, pause: B, resume: h }, Y);
+}
+const Ht = [
+  "update",
+  "start",
+  "add",
+  "remove",
+  "choose",
+  "unchoose",
+  "end",
+  "sort",
+  "filter",
+  "clone",
+  "move",
+  "change"
+], cl = [
+  "clone",
+  "animation",
+  "ghostClass",
+  "group",
+  "sort",
+  "disabled",
+  "store",
+  "handle",
+  "draggable",
+  "swapThreshold",
+  "invertSwap",
+  "invertedSwapThreshold",
+  "removeCloneOnHide",
+  "direction",
+  "chosenClass",
+  "dragClass",
+  "ignore",
+  "filter",
+  "preventOnFilter",
+  "easing",
+  "setData",
+  "dropBubble",
+  "dragoverBubble",
+  "dataIdAttr",
+  "delay",
+  "delayOnTouchOnly",
+  "touchStartThreshold",
+  "forceFallback",
+  "fallbackClass",
+  "fallbackOnBody",
+  "fallbackTolerance",
+  "fallbackOffset",
+  "supportPointer",
+  "emptyInsertThreshold",
+  "scroll",
+  "forceAutoScrollFallback",
+  "scrollSensitivity",
+  "scrollSpeed",
+  "bubbleScroll",
+  "modelValue",
+  "tag",
+  "target",
+  "customUpdate",
+  ...Ht.map((e) => `on${e.replace(/^\S/, (o) => o.toUpperCase())}`)
+], lt = ee({
+  name: "VueDraggable",
+  model: {
+    prop: "modelValue",
+    event: "update:modelValue"
+  },
+  props: cl,
+  emits: ["update:modelValue", ...Ht],
+  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;
+      }, {});
+      return Xe(Xe({}, i), Sn(Xe(Xe({}, l), c)));
+    }), s = L({
+      get: () => e.modelValue,
+      set: (u) => t("update:modelValue", u)
+    }), r = j(), d = Ko(
+      ul(e.target || r, s, a)
+    );
+    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));
+    };
+  }
+}), Pe = {
+  BLACK: "#000000",
+  WHITE: "#FFFFFF",
+  RED: "#FF0000",
+  NEUTRAL_GRAY_200_HEX: "#BCC1C3",
+  NEUTRAL_GRAY_200: "var(--fm-color-neutral-gray-200)"
+}, ml = /* @__PURE__ */ ee({
+  __name: "TextWidget",
+  props: {
+    modelValue: {},
+    fontSize: {},
+    disabled: { type: Boolean }
+  },
+  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";
+      return {
+        textAlign: on(o.modelValue.textAlign),
+        fontSize: `${o.fontSize * o.modelValue.factor}px`,
+        fontWeight: o.modelValue.isBold ? "bold" : "normal",
+        fontStyle: o.modelValue.isItalic ? "italic" : "normal",
+        color: s,
+        textDecoration: o.modelValue.isUnderline ? "underline" : "none",
+        backgroundColor: r
+      };
+    }), n = L(() => ({
+      height: o.modelValue.height === null ? "auto" : `${o.modelValue.height}px`
+    }));
+    return (l, i) => (x(), W("div", {
+      style: ge(n.value)
+    }, [
+      V("div", {
+        class: "text-sm",
+        style: ge(t.value)
+      }, H(o.modelValue.value.length ? o.modelValue.value : "Enter value here"), 5)
+    ], 4));
+  }
+}), pl = /* @__PURE__ */ ee({
+  __name: "CheckboxWidget",
+  props: {
+    modelValue: {},
+    disabled: { type: Boolean }
+  },
+  setup(e) {
+    const o = e, t = L(() => o.modelValue.height == null ? o.modelValue.size : Math.min(o.modelValue.height, o.modelValue.size)), n = L(() => {
+      const a = (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"
+      };
+    }), l = L(() => {
+      const i = at(o.modelValue.alignment), a = rt(o.modelValue.alignment);
+      return {
+        display: "flex",
+        justifyContent: i,
+        alignItems: a
+      };
+    });
+    return (i, a) => (x(), W("div", {
+      style: ge(l.value)
+    }, [
+      V("div", {
+        class: "border",
+        style: ge(n.value)
+      }, null, 4)
+    ], 4));
+  }
+}), fl = { class: "flex flex-col gap-2" }, gl = /* @__PURE__ */ ee({
+  __name: "SpacerWidget",
+  props: {
+    modelValue: {}
+  },
+  setup(e) {
+    const o = e, t = L(() => ({
+      height: `${o.modelValue.height}px`
+    }));
+    return (n, l) => (x(), W("div", fl, [
+      V("div", {
+        class: "w-full",
+        style: ge(t.value)
+      }, null, 4)
+    ]));
+  }
+}), vl = ["src"], hl = /* @__PURE__ */ ee({
+  __name: "ImageWidget",
+  props: {
+    modelValue: {}
+  },
+  setup(e) {
+    const o = e, t = L(() => nn(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);
+      return {
+        display: "flex",
+        justifyContent: i,
+        alignItems: a
+      };
+    });
+    return (i, a) => {
+      const s = J("FmIcon");
+      return x(), W("div", {
+        style: ge(l.value)
+      }, [
+        t.value ? (x(), W("img", {
+          key: 0,
+          src: t.value,
+          alt: "Image Widget",
+          style: ge(n.value)
+        }, null, 12, vl)) : (x(), ye(s, {
+          key: 1,
+          name: "image",
+          size: "md"
+        }))
+      ], 4);
+    };
+  }
+}), bl = ["src"], yl = /* @__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) => {
+      try {
+        const u = (r ?? R.F_PRINT_COLOR.Enum.BLACK) === R.F_PRINT_COLOR.Enum.BLACK;
+        t.value = await ln.toDataURL(s, {
+          width: o.modelValue.size,
+          color: {
+            dark: o.disabled ? Pe.NEUTRAL_GRAY_200_HEX : u ? Pe.BLACK : Pe.RED,
+            light: Pe.WHITE
+          },
+          margin: 0
+        });
+      } catch (d) {
+        l.open(
+          {
+            title: n("mf-kitchen.editor.qrCodeFail"),
+            message: `${d}`,
+            type: "error"
+          },
+          3e3
+        );
+      }
+    }, a = L(() => {
+      const s = at(o.modelValue.alignment), r = rt(o.modelValue.alignment);
+      return {
+        display: "flex",
+        justifyContent: s,
+        alignItems: r,
+        height: `${o.modelValue.height}px`
+      };
+    });
+    return Ge(
+      () => [o.modelValue.link, o.modelValue.color, o.disabled],
+      ([s, r]) => {
+        s ? i(s, r) : t.value = "";
+      },
+      { immediate: !0 }
+    ), (s, r) => {
+      const d = J("FmIcon");
+      return x(), W("div", {
+        style: ge(a.value)
+      }, [
+        t.value ? (x(), W("img", {
+          key: 0,
+          src: t.value,
+          alt: "QR Code"
+        }, null, 8, bl)) : (x(), ye(d, {
+          key: 1,
+          name: "qr_code_scanner",
+          size: "md"
+        }))
+      ], 4);
+    };
+  }
+}), _l = /* @__PURE__ */ ee({
+  __name: "DividerWidget",
+  props: {
+    modelValue: {},
+    disabled: { type: Boolean }
+  },
+  setup(e) {
+    const o = e, t = L(() => {
+      const l = (o.modelValue.color ?? R.F_PRINT_COLOR.Enum.BLACK) === R.F_PRINT_COLOR.Enum.BLACK;
+      return {
+        borderTop: `${o.modelValue.thickness}px solid black`,
+        width: "100%",
+        borderColor: o.disabled ? Pe.NEUTRAL_GRAY_200 : l ? "black" : "red"
+      };
+    });
+    return (n, l) => (x(), W("div", {
+      style: ge({ height: `${n.modelValue.height}px` })
+    }, [
+      V("div", {
+        style: ge(t.value)
+      }, null, 4)
+    ], 4));
+  }
+}), Cl = /* @__PURE__ */ ee({
+  __name: "WidgetView",
+  props: {
+    modelValue: {
+      type: Object,
+      required: !0
+    },
+    fontSize: {
+      type: Number,
+      required: !0
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(e) {
+    const o = e, t = L(() => {
+      switch (o.modelValue.data.type) {
+        case R.F_WIDGET_TEMPLATE_TYPE.enum.TEXT:
+          return {
+            component: ml,
+            properties: {
+              modelValue: o.modelValue.data,
+              fontSize: o.fontSize,
+              disabled: o.disabled
+            }
+          };
+        case R.F_WIDGET_TEMPLATE_TYPE.enum.CHECKBOX:
+          return {
+            component: pl,
+            properties: { modelValue: o.modelValue.data, disabled: o.disabled }
+          };
+        case R.F_WIDGET_TEMPLATE_TYPE.enum.IMAGE:
+          return {
+            component: hl,
+            properties: { modelValue: o.modelValue.data }
+          };
+        case R.F_WIDGET_TEMPLATE_TYPE.enum.QR:
+          return {
+            component: yl,
+            properties: { modelValue: o.modelValue.data, disabled: o.disabled }
+          };
+        case R.F_WIDGET_TEMPLATE_TYPE.enum.DIVIDER:
+          return {
+            component: _l,
+            properties: { modelValue: o.modelValue.data, disabled: o.disabled }
+          };
+        case R.F_WIDGET_TEMPLATE_TYPE.enum.EMPTY:
+        default:
+          return {
+            component: gl,
+            properties: { modelValue: o.modelValue.data }
+          };
+      }
+    }), n = L(() => {
+      const i = at(o.modelValue.data.alignment), a = rt(o.modelValue.data.alignment);
+      return {
+        display: "flex",
+        justifyContent: i,
+        alignItems: a
+      };
+    }), l = L(() => {
+      const { top: i, right: a, bottom: s, left: r } = o.modelValue.data.padding;
+      return {
+        padding: `${i}px ${a}px ${s}px ${r}px`,
+        overflow: "hidden"
+      };
+    });
+    return (i, a) => {
+      var s, r;
+      return x(), W("div", {
+        style: ge(l.value)
+      }, [
+        (x(), ye(Eo(Zo((s = t.value) == null ? void 0 : s.component)), Qo({
+          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({
+  __name: "ReceiptEditor",
+  props: {
+    modelValue: {},
+    fontSize: {},
+    selectedWidget: {},
+    selectedWidgetSectionType: {},
+    selectedWidgetColumn: {}
+  },
+  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 } });
+    }
+    function c(p) {
+      return p.newIndex;
+    }
+    function m(p, k, C, w) {
+      var le, _e, Re;
+      const b = c(p);
+      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];
+      G != null && N({ config: G, position: P });
+    }
+    function E(p) {
+      m(p, void 0, 0, 0);
+    }
+    function T(p, k) {
+      m(p, k, void 0, 0);
+    }
+    function D(p, k, C) {
+      m(p, k, C, void 0);
+    }
+    function M() {
+      const p = 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);
+    }
+    function K(p) {
+      const k = p.map((C, w) => {
+        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, {
+          columns: [
+            {
+              width: {
+                type: R.F_CELL_WIDTH_TYPE.Enum.FLEX,
+                value: 100
+              },
+              cells: [{ ...C }]
+            }
+          ],
+          sectionType: b
+        };
+      });
+      l.value = k, n("update:model-value", k);
+    }
+    function $(p, k) {
+      const C = p.map((b) => b.cells ? b : {
+        cells: [{ ...b }]
+      }), w = l.value.map(
+        (b, P) => P === k ? { ...b, columns: C } : b
+      );
+      l.value = w, n("update:model-value", w);
+    }
+    function N(p) {
+      i.value = p.position, d.value = p.position.row, n("selectWidget", p);
+    }
+    const Y = (p, 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;
+      }
+    };
+    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`,
+        flex: "none"
+      } : {};
+    }
+    function h(p, k) {
+      d.value = k, u.value = p;
+    }
+    function v(p) {
+      return p === d.value;
+    }
+    function _(p) {
+      return t.selectedWidgetSectionType ? p !== t.selectedWidgetSectionType : !1;
+    }
+    return Ge(
+      () => t.modelValue,
+      (p) => {
+        l.value = p;
+      },
+      { deep: !0 }
+    ), Ge(
+      () => t.selectedWidget,
+      (p) => {
+        p === null && (d.value = null);
+      }
+    ), (p, k) => (x(), W("div", El, [
+      V("div", Tl, [
+        S(y(lt), {
+          modelValue: l.value,
+          "onUpdate:modelValue": [
+            k[0] || (k[0] = (C) => l.value = C),
+            k[2] || (k[2] = (C) => K(C))
+          ],
+          "item-key": "index",
+          group: "widgets",
+          onAdd: k[1] || (k[1] = (C) => E(C)),
+          class: "row-container"
+        }, {
+          default: be(() => [
+            (x(!0), W(we, null, Se(l.value, (C, w) => (x(), W("div", { key: w }, [
+              V("div", {
+                class: Zt(["row", {
+                  rowBorder: v(w)
+                }])
+              }, [
+                S(y(lt), {
+                  modelValue: C.columns,
+                  "onUpdate:modelValue": [(b) => C.columns = b, (b) => $(b, w)],
+                  "item-key": "index",
+                  group: "widgets",
+                  "row-index": w,
+                  disabled: _(C.sectionType),
+                  onAdd: (b) => T(b, w),
+                  onDragover: (b) => h(C.sectionType, w),
+                  class: "column-container"
+                }, {
+                  default: be(() => [
+                    (x(!0), W(we, null, Se(C.columns, (b, P) => (x(), W("div", {
+                      class: "w-full",
+                      key: P
+                    }, [
+                      V("div", {
+                        class: "column",
+                        style: ge(B(b.width ?? void 0))
+                      }, [
+                        S(y(lt), {
+                          modelValue: b.cells,
+                          "onUpdate:modelValue": (G) => b.cells = G,
+                          "item-key": "index",
+                          group: "widgets",
+                          "row-index": w,
+                          "col-index": P,
+                          disabled: _(C.sectionType),
+                          onAdd: (G) => D(G, w, P),
+                          onUpdate: (G) => D(G, w, P),
+                          onStart: (G) => {
+                            f(
+                              b.cells[G.oldIndex],
+                              w,
+                              P,
+                              G.oldIndex
+                            );
+                          },
+                          onEnd: M,
+                          class: "cell-container"
+                        }, {
+                          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)
+                                }]),
+                                onClick: (_e) => N({
+                                  config: G,
+                                  position: { row: w, col: P, cell: le }
+                                })
+                              }, [
+                                S(Cl, {
+                                  "model-value": G,
+                                  "font-size": p.fontSize,
+                                  disabled: _(C.sectionType)
+                                }, null, 8, ["model-value", "font-size", "disabled"])
+                              ], 10, wl)
+                            ]))), 128))
+                          ]),
+                          _: 2
+                        }, 1032, ["modelValue", "onUpdate:modelValue", "row-index", "col-index", "disabled", "onAdd", "onUpdate", "onStart"])
+                      ], 4)
+                    ]))), 128))
+                  ]),
+                  _: 2
+                }, 1032, ["modelValue", "onUpdate:modelValue", "row-index", "disabled", "onAdd", "onDragover"])
+              ], 2)
+            ]))), 128))
+          ]),
+          _: 1
+        }, 8, ["modelValue"]),
+        S(an)
+      ])
+    ]));
+  }
+});
+const Vl = /* @__PURE__ */ Vt(Sl, [["__scopeId", "data-v-4bfaa477"]]), kl = { class: "gap" }, xl = { class: "block fm-typo-en-body-md-600" }, Dl = {
+  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({
+  __name: "CommonWidgetEditor",
+  props: {
+    modelValue: {},
+    selectedWidgetColumn: {}
+  },
+  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 = [
+      pe.FLEX_START,
+      pe.CENTER,
+      pe.FLEX_END
+    ], r = [
+      pe.FLEX_START,
+      pe.CENTER,
+      pe.FLEX_END
+    ], d = (h) => {
+      switch (h) {
+        case pe.FLEX_START:
+          return "align_horizontal_left";
+        case pe.CENTER:
+          return "align_horizontal_center";
+        case pe.FLEX_END:
+          return "align_horizontal_right";
+      }
+    }, u = (h) => {
+      switch (h) {
+        case pe.FLEX_START:
+          return "vertical_align_top";
+        case pe.CENTER:
+          return "vertical_align_center";
+        case pe.FLEX_END:
+          return "vertical_align_bottom";
+      }
+    }, f = (h) => {
+      var _;
+      const v = (_ = t.selectedWidgetColumn.width) == null ? void 0 : _.value;
+      switch (h) {
+        case Le.AUTO:
+          return null;
+        case Le.PERCENTAGE:
+          return {
+            type: R.F_CELL_WIDTH_TYPE.Enum.FLEX,
+            value: v ?? 100
+          };
+        case Le.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(() => {
+      var v;
+      switch ((v = t.selectedWidgetColumn.width) == null ? void 0 : v.type) {
+        case R.F_CELL_WIDTH_TYPE.Enum.FIXED:
+          return c[1];
+        case R.F_CELL_WIDTH_TYPE.Enum.FLEX:
+          return c[2];
+        default:
+          return c[0];
+      }
+    });
+    function E(h) {
+      var _;
+      const v = Math.max(1, Math.min(h, 720));
+      n("update:selected-widget-column", {
+        ...t.selectedWidgetColumn,
+        width: {
+          type: ((_ = t.selectedWidgetColumn.width) == null ? void 0 : _.type) ?? R.F_CELL_WIDTH_TYPE.Enum.FLEX,
+          value: v
+        }
+      });
+    }
+    function T(h) {
+      const v = f(h.label);
+      v == null ? n("update:selected-widget-column", {
+        ...t.selectedWidgetColumn,
+        width: null
+      }) : n("update:selected-widget-column", {
+        ...t.selectedWidgetColumn,
+        width: {
+          type: v.type,
+          value: v.value
+        }
+      });
+    }
+    function D(h, v) {
+      let _ = v;
+      h === "height" && v === 0 && (_ = null), n("update:model-value", {
+        ...t.modelValue,
+        [h]: _
+      });
+    }
+    function M(h, v) {
+      D("padding", { ...t.modelValue.padding, [h]: v });
+    }
+    function K(h) {
+      i.value = h, N();
+    }
+    function $(h) {
+      a.value = h, N();
+    }
+    function N() {
+      D(
+        "alignment",
+        rn({ justify: i.value, align: a.value })
+      );
+    }
+    function Y(h) {
+      return h ? "neutral-gray-400" : "neutral-gray-300";
+    }
+    function B(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, [
+        V("div", null, [
+          V("label", xl, 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,
+            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"])
+        ]),
+        V("div", Il, [
+          V("label", Fl, H(y(l)("mf-kitchen.editor.spacing")), 1),
+          V("div", Ol, [
+            S(_, {
+              "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(_, {
+              "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(_, {
+              "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(_, {
+              "model-value": h.modelValue.padding.right,
+              min: 0,
+              step: 1,
+              label: y(l)("mf-kitchen.editor.alignmentRight"),
+              "onUpdate:modelValue": v[3] || (v[3] = (b) => M("right", b))
+            }, null, 8, ["model-value", "label"])
+          ])
+        ]),
+        S(_, {
+          "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))
+        }, 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, [
+              (x(), W(we, null, Se(r, (b) => V("div", { key: b }, [
+                S(k, {
+                  variant: "tertiary",
+                  size: "md",
+                  class: "alignButtonBorder",
+                  icon: u(b),
+                  iconColor: Y(a.value === b),
+                  bgColor: B(a.value === b),
+                  onClick: (P) => $(b)
+                }, null, 8, ["icon", "iconColor", "bgColor", "onClick"])
+              ])), 64))
+            ]),
+            V("div", Pl, [
+              (x(), W(we, null, Se(s, (b) => V("div", { key: b }, [
+                S(k, {
+                  variant: "tertiary",
+                  size: "md",
+                  class: "alignButtonBorder",
+                  icon: d(b),
+                  iconColor: Y(i.value === b),
+                  bgColor: B(i.value === b),
+                  onClick: (P) => K(b)
+                }, null, 8, ["icon", "iconColor", "bgColor", "onClick"])
+              ])), 64))
+            ])
+          ])
+        ])
+      ]);
+    };
+  }
+});
+const je = /* @__PURE__ */ Vt(Ll, [["__scopeId", "data-v-4c013ae2"]]), $l = /* @__PURE__ */ ee({
+  __name: "FormatColorButton",
+  props: {
+    isFormatColor: { type: Boolean },
+    selectedFormatColor: {}
+  },
+  emits: ["update:model-value"],
+  setup(e, { emit: o }) {
+    const t = e, n = o;
+    function l(s) {
+      return s ? "neutral-gray-400" : "neutral-gray-300";
+    }
+    function i(s) {
+      return s ? "neutral-gray-100" : "";
+    }
+    function a(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);
+    }
+    return (s, r) => {
+      const d = J("FmButton");
+      return x(), ye(d, {
+        variant: "tertiary",
+        size: "md",
+        class: "buttonBorder",
+        icon: "palette",
+        iconColor: l(t.isFormatColor),
+        bgColor: i(t.isFormatColor),
+        onClick: r[0] || (r[0] = (u) => a(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({
+  __name: "TextWidgetEditor",
+  props: {
+    modelValue: {},
+    sectionType: {},
+    selectedWidgetColumn: {}
+  },
+  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) {
+      n("update:model-value", {
+        ...t.modelValue,
+        [B]: h
+      });
+    }
+    function M(B) {
+      n("update:selected-widget-column", {
+        ...t.selectedWidgetColumn,
+        ...B
+      });
+    }
+    function K(B) {
+      let h = R.F_WIDGET_ALIGNMENT.Enum.CENTER;
+      switch (B) {
+        case R.F_TEXT_ALIGN.Enum.LEFT:
+          h = R.F_WIDGET_ALIGNMENT.Enum.CENTER_LEFT;
+          break;
+        case R.F_TEXT_ALIGN.Enum.CENTER:
+          h = R.F_WIDGET_ALIGNMENT.Enum.CENTER;
+          break;
+        case R.F_TEXT_ALIGN.Enum.RIGHT:
+          h = R.F_WIDGET_ALIGNMENT.Enum.CENTER_RIGHT;
+          break;
+      }
+      n("update:model-value", {
+        ...t.modelValue,
+        alignment: h,
+        textAlign: B
+      });
+    }
+    function $(B) {
+      return B ? "neutral-gray-400" : "neutral-gray-300";
+    }
+    function N(B) {
+      return B ? "neutral-gray-100" : "";
+    }
+    function Y(B) {
+      const h = (t.modelValue.value || "") + `${B}`;
+      D("value", h);
+    }
+    return Ge(
+      () => T.value,
+      () => {
+        m.value = it.receipt.schema();
+      }
+    ), (B, 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
+          })),
+          "onUpdate:selectedWidgetColumn": h[1] || (h[1] = (p) => M(p))
+        }, 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,
+          label: y(E)("mf-kitchen.editor.text"),
+          "onUpdate:modelValue": h[2] || (h[2] = (p) => D("value", p))
+        }, 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(_, {
+              variant: "tertiary",
+              size: "md",
+              label: p.label,
+              bgColor: "neutral-gray-100",
+              onClick: (C) => Y(p.variable)
+            }, null, 8, ["label", "onClick"])
+          ]))), 128))
+        ]),
+        S(v, {
+          "model-value": B.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);
+          })
+        }, null, 8, ["model-value", "label", "rules"]),
+        V("label", zl, H(y(E)("mf-kitchen.editor.textAlignment")), 1),
+        V("div", Yl, [
+          S(_, {
+            variant: "tertiary",
+            size: "md",
+            class: "buttonBorder",
+            icon: "format_align_left",
+            iconColor: $(l.value),
+            bgColor: N(l.value),
+            onClick: h[4] || (h[4] = (p) => K(y(R.F_TEXT_ALIGN).Enum.LEFT))
+          }, null, 8, ["iconColor", "bgColor"]),
+          S(_, {
+            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))
+          }, null, 8, ["iconColor", "bgColor"]),
+          S(_, {
+            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))
+          }, null, 8, ["iconColor", "bgColor"])
+        ]),
+        V("label", Gl, H(y(E)("mf-kitchen.editor.textStyle")), 1),
+        V("div", Hl, [
+          S(_, {
+            variant: "tertiary",
+            size: "md",
+            class: "buttonBorder",
+            icon: "format_bold",
+            iconColor: $(s.value),
+            bgColor: N(s.value),
+            onClick: h[7] || (h[7] = (p) => D("isBold", !t.modelValue.isBold))
+          }, null, 8, ["iconColor", "bgColor"]),
+          S(_, {
+            variant: "tertiary",
+            size: "md",
+            class: "buttonBorder",
+            icon: "format_italic",
+            iconColor: $(r.value),
+            bgColor: N(r.value),
+            onClick: h[8] || (h[8] = (p) => D("isItalic", !t.modelValue.isItalic))
+          }, null, 8, ["iconColor", "bgColor"]),
+          S(_, {
+            variant: "tertiary",
+            size: "md",
+            class: "buttonBorder",
+            icon: "format_underlined",
+            iconColor: $(d.value),
+            bgColor: N(d.value),
+            onClick: h[9] || (h[9] = (p) => D("isUnderline", !t.modelValue.isUnderline))
+          }, null, 8, ["iconColor", "bgColor"]),
+          S(_, {
+            variant: "tertiary",
+            size: "md",
+            class: "buttonBorder",
+            icon: "ink_highlighter",
+            iconColor: $(u.value),
+            bgColor: N(u.value),
+            onClick: h[10] || (h[10] = (p) => D("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))
+          }, 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({
+  __name: "CheckboxWidgetEditor",
+  props: {
+    modelValue: {},
+    selectedWidgetColumn: {}
+  },
+  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);
+    function s(d) {
+      n("update:selected-widget-column", {
+        ...t.selectedWidgetColumn,
+        ...d
+      });
+    }
+    function r(d) {
+      n("update:model-value", {
+        ...t.modelValue,
+        size: d
+      });
+    }
+    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, {
+          "model-value": {
+            padding: d.modelValue.padding,
+            alignment: d.modelValue.alignment,
+            height: d.modelValue.height,
+            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))
+        }, null, 8, ["model-value", "selected-widget-column"]),
+        V("label", Zl, H(y(l)("mf-kitchen.editor.editor")), 1),
+        S(f, {
+          "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);
+          })
+        }, null, 8, ["model-value", "label", "rules"]),
+        V("label", Ql, H(y(l)("mf-kitchen.editor.textStyle")), 1),
+        S(xt, {
+          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 }))
+        }, null, 8, ["is-format-color", "selected-format-color"])
+      ]);
+    };
+  }
+}), ti = { class: "gap" }, oi = { class: "fm-typo--body-lg-600 mb-2" }, ni = /* @__PURE__ */ ee({
+  __name: "SpacerWidgetEditor",
+  props: {
+    modelValue: {},
+    selectedWidgetColumn: {}
+  },
+  emits: ["update:model-value", "update:selected-widget-column"],
+  setup(e, { emit: o }) {
+    const t = e, n = o, { t: l } = me();
+    function i(a) {
+      n("update:selected-widget-column", {
+        ...t.selectedWidgetColumn,
+        ...a
+      });
+    }
+    return (a, s) => (x(), W("div", ti, [
+      V("label", oi, H(y(l)("mf-kitchen.editor.spacerWidget")), 1),
+      S(je, {
+        "model-value": {
+          padding: a.modelValue.padding,
+          alignment: a.modelValue.alignment,
+          height: a.modelValue.height,
+          type: a.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))
+      }, 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({
+  __name: "ImageWidgetEditor",
+  props: {
+    modelValue: {},
+    selectedWidgetColumn: {}
+  },
+  emits: ["update:model-value", "update:selected-widget-column"],
+  setup(e, { emit: o }) {
+    const t = e, n = o, { t: l } = me();
+    function i(r) {
+      n("update:model-value", r(t.modelValue));
+    }
+    function a(r, d) {
+      n("update:model-value", { ...t.modelValue, [r]: d });
+    }
+    function s(r) {
+      n("update:selected-widget-column", {
+        ...t.selectedWidgetColumn,
+        ...r
+      });
+    }
+    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, {
+          "model-value": {
+            padding: r.modelValue.padding,
+            alignment: r.modelValue.alignment,
+            height: r.modelValue.height,
+            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))
+        }, null, 8, ["model-value", "selected-widget-column"]),
+        V("label", ai, H(y(l)("mf-kitchen.editor.editor")), 1),
+        S(sn, {
+          "model-value": r.modelValue.imgData,
+          "onUpdate:modelValue": d[2] || (d[2] = (f) => i((c) => ({ ...c, imgData: f }))),
+          title: y(l)("mf-kitchen.editor.image")
+        }, null, 8, ["model-value", "title"]),
+        V("div", ri, [
+          S(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);
+            })
+          }, null, 8, ["model-value", "label", "rules"]),
+          S(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);
+            })
+          }, 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({
+  __name: "QrCodeWidgetEditor",
+  props: {
+    modelValue: {},
+    sectionType: {},
+    selectedWidgetColumn: {}
+  },
+  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 });
+    }
+    function d(c) {
+      n("update:selected-widget-column", {
+        ...t.selectedWidgetColumn,
+        ...c
+      });
+    }
+    function u(c) {
+      const m = (t.modelValue.link || "") + `${c}`;
+      r(m);
+    }
+    function f(c) {
+      const m = {
+        ...t.modelValue,
+        ...c
+      };
+      if ("height" in c) {
+        const E = c.height === null ? 160 : c.height;
+        m.height = E, m.size = E;
+      }
+      n("update:model-value", m);
+    }
+    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, {
+          "model-value": {
+            padding: c.modelValue.padding,
+            alignment: c.modelValue.alignment,
+            height: c.modelValue.height,
+            type: c.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))
+        }, 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,
+          label: y(s)("mf-kitchen.editor.text"),
+          "onUpdate:modelValue": m[2] || (m[2] = (D) => r(D))
+        }, 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, {
+              variant: "tertiary",
+              size: "md",
+              label: y(s)(`${D.label}`),
+              bgColor: "neutral-gray-100",
+              onClick: (K) => u(D.variable)
+            }, null, 8, ["label", "onClick"])
+          ]))), 128))
+        ]),
+        V("label", pi, H(y(s)("mf-kitchen.editor.textStyle")), 1),
+        S(xt, {
+          class: "w-fit",
+          "is-format-color": i.value,
+          "selected-format-color": l.value,
+          "onUpdate:modelValue": m[3] || (m[3] = (D) => n("update:model-value", { ...c.modelValue, color: D }))
+        }, 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({
+  __name: "DividerWidgetEditor",
+  props: {
+    modelValue: {},
+    selectedWidgetColumn: {}
+  },
+  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);
+    function s(d) {
+      n("update:selected-widget-column", {
+        ...t.selectedWidgetColumn,
+        ...d
+      });
+    }
+    function r(d) {
+      n("update:model-value", {
+        ...t.modelValue,
+        thickness: d
+      });
+    }
+    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, {
+          "model-value": {
+            padding: d.modelValue.padding,
+            alignment: d.modelValue.alignment,
+            height: d.modelValue.height,
+            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))
+        }, null, 8, ["model-value", "selected-widget-column"]),
+        V("label", hi, H(y(l)("mf-kitchen.editor.editor")), 1),
+        S(f, {
+          "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);
+          })
+        }, null, 8, ["model-value", "label", "rules"]),
+        V("label", bi, H(y(l)("mf-kitchen.editor.textStyle")), 1),
+        S(xt, {
+          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 }))
+        }, 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({
+  __name: "EditingPanel",
+  props: {
+    selectedWidget: {},
+    selectedWidgetSectionType: {},
+    selectedWidgetColumn: {}
+  },
+  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);
+    function s(d) {
+      if (t.selectedWidget) {
+        const u = { ...t.selectedWidget };
+        u.config = {
+          ...u.config,
+          data: {
+            ...u.config.data,
+            ...d
+          }
+        }, n("update:widget", u);
+      }
+    }
+    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), {
+          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)
+      ]))
+    ]));
+  }
+}), Vi = { class: "gap" }, ki = { class: "fm-typo-en-body-lg-600" }, xi = /* @__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() {
+      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, {
+          default: be(() => [
+            S(y(lt), {
+              modelValue: l.value,
+              "onUpdate:modelValue": r[0] || (r[0] = (m) => l.value = m),
+              "item-key": "id",
+              group: { name: "widgets", pull: "clone", put: !1 },
+              sort: !1,
+              clone: i,
+              onStart: a,
+              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
+                }, [
+                  S(f, {
+                    variant: "outlined",
+                    class: "flex flex-col justify-center items-center p-[16px]"
+                  }, {
+                    default: be(() => [
+                      S(d, {
+                        name: m.icon,
+                        size: "md",
+                        class: "mb-[5px] text-fm-color-neutral-gray-400"
+                      }, null, 8, ["name"]),
+                      S(u, { class: "p-0" }, {
+                        default: be(() => [
+                          en(H(m.name), 1)
+                        ]),
+                        _: 2
+                      }, 1024)
+                    ]),
+                    _: 2
+                  }, 1024)
+                ]))), 128))
+              ]),
+              _: 1
+            }, 8, ["modelValue"])
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+}), 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({
+  __name: "AdvanceModeLeftPanel",
+  props: {
+    receiptInfo: {},
+    template: {},
+    selectedWidgetSectionType: {}
+  },
+  emits: ["updateReceiptInfo", "updateReceiptTemplate", "reset", "removeSelectedWidget", "variableSectionType"],
+  setup(e, { emit: o }) {
+    const t = e, n = o, l = fn(() => {
+      n("reset");
+    }), { t: i, locale: a } = me(), s = j(it.receipt.schema()), r = L(
+      () => Object.entries(s.value).flatMap(
+        ([E, T]) => T.map((D) => ({
+          ...D,
+          sectionType: E
+        }))
+      )
+    ), d = L(
+      () => r.value.map((E) => ({
+        data: {
+          ...To(),
+          value: E.variable
+        },
+        name: E.label,
+        sectionType: E.sectionType
+      }))
+    ), u = L(
+      () => t.selectedWidgetSectionType ? d.value.filter((E) => E.sectionType === t.selectedWidgetSectionType) : d.value
+    );
+    function f(E) {
+      return JSON.parse(JSON.stringify(E));
+    }
+    function c(E) {
+      n("updateReceiptTemplate", E(t.template));
+    }
+    function m(E) {
+      const T = u.value[E.oldIndex];
+      n("variableSectionType", T.sectionType);
+    }
+    return Ge(
+      () => a.value,
+      () => {
+        s.value = it.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, {
+              key: 0,
+              "model-value": E.receiptInfo,
+              "onUpdate:modelValue": T[0] || (T[0] = (N) => n("updateReceiptInfo", N))
+            }, null, 8, ["model-value"])) : Ue("", !0)
+          ]),
+          S(D, {
+            "model-value": (($ = t.template) == null ? void 0 : $.fontSize) ?? 12,
+            max: 40,
+            min: 1,
+            step: 1,
+            label: y(i)("mf-kitchen.editor.overallFontSize"),
+            rules: [(N) => N <= 40 || "More than 40"],
+            "onUpdate:modelValue": T[1] || (T[1] = (N) => {
+              const Y = Math.min(N, 40);
+              c((B) => ({ ...B, fontSize: Y }));
+            })
+          }, null, 8, ["model-value", "label", "rules"]),
+          S(xi, {
+            onRemoveSelectedWidget: T[2] || (T[2] = (N) => n("removeSelectedWidget", N))
+          }),
+          V("label", Ri, H(y(i)("mf-kitchen.editor.variable_plural")), 1),
+          S(K, null, {
+            default: be(() => [
+              S(y(lt), {
+                modelValue: u.value,
+                "onUpdate:modelValue": T[3] || (T[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);
+                }),
+                class: "flex flex-wrap gap-[8px] cursor-grab"
+              }, {
+                default: be(() => [
+                  (x(!0), W(we, null, Se(u.value, (N) => (x(), W("div", {
+                    key: N.name
+                  }, [
+                    S(M, {
+                      variant: "secondary",
+                      size: "md",
+                      label: N.name
+                    }, null, 8, ["label"])
+                  ]))), 128))
+                ]),
+                _: 1
+              }, 8, ["modelValue"])
+            ]),
+            _: 1
+          })
+        ]),
+        V("div", Ai, [
+          S(M, {
+            class: "w-full",
+            variant: "secondary",
+            label: y(i)("mf-kitchen.resetToDefault"),
+            size: "md",
+            onClick: y(l)
+          }, null, 8, ["label", "onClick"])
+        ])
+      ]);
+    };
+  }
+}), Ni = /* @__PURE__ */ ee({
+  __name: "PreviewDialog",
+  props: {
+    receiptInfo: {},
+    profile: {},
+    receiptTemplate: {}
+  },
+  setup(e) {
+    const o = e, t = j(!1), { t: n } = me();
+    return (l, i) => {
+      const a = J("FmButton"), s = J("FmDialog");
+      return x(), ye(s, {
+        modelValue: t.value,
+        "onUpdate:modelValue": i[0] || (i[0] = (r) => t.value = r),
+        overlay: !0
+      }, {
+        "dialog-button": be(() => [
+          S(a, {
+            variant: "primary",
+            label: y(n)("mf-kitchen.preview")
+          }, null, 8, ["label"])
+        ]),
+        default: be(() => [
+          V("div", null, [
+            S(vn, {
+              "receipt-info": o.receiptInfo,
+              profile: o.profile,
+              "receipt-template": o.receiptTemplate
+            }, null, 8, ["receipt-info", "profile", "receipt-template"])
+          ])
+        ]),
+        _: 1
+      }, 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 = {
+  key: 0,
+  class: "h-full flex justify-center items-center"
+}, zi = { class: "flex flex-col justify-between w-[420px]" }, Yi = {
+  key: 0,
+  class: "p-[16px] fm-shadow-light-300"
+}, Ji = /* @__PURE__ */ ee({
+  __name: "AdvanceModeView",
+  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)
+        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;
+    });
+    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,
+                data: {
+                  ...Ft.data,
+                  ...O.config.data
+                }
+              } : Ft);
+              return {
+                ...Ke,
+                cells: Go
+              };
+            }
+            return Ke;
+          });
+          return {
+            ...De,
+            columns: ut
+          };
+        }
+        return De;
+      }), m.value && (m.value.config.data = {
+        ...m.value.config.data,
+        ...O.config.data
+      });
+    }
+    function h(O) {
+      if (!m.value)
+        return;
+      const { row: X, col: ae } = m.value.position;
+      c.value = c.value.map((Te, De) => {
+        if (De !== X)
+          return Te;
+        const It = Te.columns.map((ut, Ke) => Ke !== ae ? ut : {
+          ...ut,
+          ...O
+        });
+        return {
+          ...Te,
+          columns: It
+        };
+      }), T.value = O;
+    }
+    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;
+    }
+    const _ = o;
+    function p() {
+      _("change-mode", "normal");
+    }
+    async function k() {
+      try {
+        if ($.value = !0, !u.value || !r.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(
+          {
+            title: n("mf-kitchen.template.save.success", { file: n("mf-kitchen.receiptTemplate") }),
+            type: "success"
+          },
+          2e3
+        );
+      } catch {
+        t.open(
+          {
+            title: n("mf-kitchen.template.save.failed", { file: n("mf-kitchen.receiptTemplate") }),
+            type: "error"
+          },
+          3e3
+        );
+      }
+    }
+    function C(O) {
+      d.value = O, u.value = O;
+    }
+    function w(O) {
+      r.value = O;
+    }
+    function b(O) {
+      u.value = O;
+    }
+    function P(O) {
+      s.value = O, r.value = O;
+    }
+    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 le() {
+      r.value = s.value, u.value = d.value, c.value = JSON.parse(JSON.stringify(f.value)), m.value = null, T.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 Re(O) {
+      O && (m.value = null);
+    }
+    function Dt(O) {
+      D.value = O;
+    }
+    return _o(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) {
+        t.open(
+          {
+            title: n("mf-kitchen.template.load.fail", { file: n("mf-kitchen.receiptTemplate") }),
+            message: `${O}`,
+            type: "error"
+          },
+          3e3
+        );
+      }
+    }), tn(() => {
+      document.removeEventListener("click", _e);
+    }), (O, X) => {
+      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, {
+            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, {
+                  key: 0,
+                  "receipt-info": r.value,
+                  profile: a.value,
+                  "receipt-template": {
+                    ...u.value,
+                    template: y(to)(c.value)
+                  }
+                }, null, 8, ["receipt-info", "profile", "receipt-template"])) : Ue("", !0),
+                S(ae, {
+                  variant: "secondary",
+                  label: y(n)("mf-kitchen.returnToBasicMode"),
+                  "text-color": "primary",
+                  bgColor: "typo-white",
+                  "border-color": "primary",
+                  onClick: p
+                }, 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
+            }, [
+              $.value ? (x(), W("div", Xi, [
+                S(Te, { size: "xxl" })
+              ])) : (x(), W("div", {
+                key: 1,
+                ref_key: "receiptEditorContentRef",
+                ref: K
+              }, [
+                r.value ? (x(), ye(Vl, {
+                  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)
+              ], 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
+            }, null, 8, ["selected-widget", "selected-widget-section-type", "selected-widget-column"]),
+            m.value ? (x(), W("div", Yi, [
+              S(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))
+              })
+            ])) : Ue("", !0)
+          ])
+        ])
+      ]);
+    };
+  }
+});
+export {
+  Ji as default
+};