@feedmepos/mf-menu 0.20.2 → 0.20.3

package/dist/{item-BooojPpg.js → item-Dj35T3VU.js}

@@ -1,32 +1,34 @@
-import { defineStore as Fn } from "pinia";
-import { b as L, h as be, G as di, H as mi, I as hi, d as ae, m as ye, c as _e, J as En, u as me, K as fn, L as pi, M as Te, N as lt, a as Ye, i as He, O as Ht, P as Ot, g as ut, n as fi, x as gi, Q as vi, y as bi, F as yi, l as _i, S as gn, T as wi } from "./app-BFJlAowN.js";
-import { useDialog as Ue, useSnackbar as Le, components as ke, useDialogChild as In, FmButtonVariant as Be, FmButtonColorThemeVariant as $e, useBreakpoints as Pn } from "@feedmepos/ui-library";
-import { C as Pe } from "./catalog-B-Z6lEFK.js";
-import { openBlock as F, createElementBlock as Z, createElementVNode as D, defineComponent as le, computed as T, resolveComponent as B, createVNode as C, unref as p, createBlock as G, renderSlot as he, withCtx as N, Fragment as Re, renderList as Ke, resolveDynamicComponent as yt, withDirectives as Xe, vShow as wt, mergeProps as Dn, withModifiers as St, createCommentVNode as ee, ref as q, createTextVNode as _t, toDisplayString as se, normalizeClass as Ee, onMounted as Qe, resolveDirective as Ut, h as ue, watch as Ce, Transition as Si, onBeforeUnmount as Ci, normalizeProps as Ri, guardReactiveProps as Ai, normalizeStyle as xi, nextTick as ki, getCurrentInstance as Mi, render as Oi } from "vue";
+import { defineStore as zi } from "pinia";
+import { f as L, k as be, I as dn, J as mn, K as hn, h as ae, m as ye, d as _e, L as Fi, u as me, M as pi, N as pn, b as Ye, l as He, O as Ht, P as Ot, j as lt, q as fn, B as gn, Q as vn, C as bn, F as yn, p as _n, S as fi, T as wn } from "./app-D2FqvCaC.js";
+import { useDialog as Ue, useSnackbar as Le, components as ke, useDialogChild as Ei, FmButtonVariant as Be, FmButtonColorThemeVariant as $e, useBreakpoints as Ii } from "@feedmepos/ui-library";
+import { C as Pe } from "./catalog-Bq6JWNgk.js";
+import { openBlock as F, createElementBlock as Z, createElementVNode as D, defineComponent as le, computed as T, resolveComponent as B, createVNode as C, unref as p, createBlock as G, renderSlot as he, withCtx as N, Fragment as Re, renderList as Ke, resolveDynamicComponent as yt, withDirectives as Xe, vShow as wt, mergeProps as Pi, withModifiers as St, createCommentVNode as ee, ref as q, createTextVNode as _t, toDisplayString as se, normalizeClass as Ee, onMounted as Qe, resolveDirective as Ut, h as ue, watch as Ce, Transition as Sn, onBeforeUnmount as Cn, normalizeProps as Rn, guardReactiveProps as An, normalizeStyle as xn, nextTick as kn, getCurrentInstance as Mn, render as On } from "vue";
 import { useI18n as ce, useCoreStore as Xt } from "@feedmepos/mf-common";
-import { u as zi } from "./category-DEWEor3m.js";
-import { a as Tn, _ as vn } from "./InfoBasic.vue_vue_type_script_setup_true_lang-DxQBDu16.js";
-import { _ as Ge, a as Fi } from "./FormSection.vue_vue_type_script_setup_true_lang-BWJUD8NZ.js";
+import { u as zn } from "./category-DJo3MbY6.js";
+import { R as Te } from "./remy-BWBsUWuo.js";
+import { a as Di, _ as gi } from "./InfoBasic.vue_vue_type_script_setup_true_lang-DxQBDu16.js";
+import { _ as Ge, a as Fn } from "./FormSection.vue_vue_type_script_setup_true_lang-BWJUD8NZ.js";
+import { _ as ut } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import { _ as et } from "./FormItem.vue_vue_type_script_setup_true_lang-DKsxEK-8.js";
-import { f as rt } from "./currency-33gUke3q.js";
-import { _ as Je, T as Ei, l as $t } from "./takeaway-mwqVQ1ij.js";
-import { d as Un } from "./vuedraggable-BEszc36M.js";
-import { l as Ne, u as Ii } from "./lodash-247YxYiQ.js";
+import { f as rt } from "./currency-Ccc8KrCJ.js";
+import { _ as Je, T as En, l as $t } from "./takeaway-PjB5BC80.js";
+import { V as Ti } from "./vuedraggable-WU01qJgi.js";
+import { l as Ne, u as In } from "./lodash-MHSu1pkA.js";
 import "vue-router";
-import { V as bn } from "./index-BEdHzZvu.js";
-import { s as Vt, F as Pi } from "./object-B2cP_UeG.js";
-import { L as Di } from "./LinkProductSideSheet-A26Otbdm.js";
-import { useInventoryStore as $n, InventoryBindingForm as Ti, InventoryBindingSummary as Ui } from "@feedmepos/mf-inventory-portal";
-import { c as $i } from "./string-DpfFixWH.js";
-import { _ as Vi } from "./ApplyProduct.vue_vue_type_script_setup_true_lang-Ds2qfY_X.js";
-const Ni = {
+import { V as vi } from "./index-PJVryAUX.js";
+import { s as Vt, F as Pn } from "./object-BN9wCbKv.js";
+import { L as Dn } from "./LinkProductSideSheet-DfZrxiHw.js";
+import { useInventoryStore as Ui, InventoryBindingForm as Tn, InventoryBindingSummary as Un } from "@feedmepos/mf-inventory-portal";
+import { c as $n } from "./string-DpfFixWH.js";
+import { _ as Vn } from "./ApplyProduct.vue_vue_type_script_setup_true_lang-DY5ZAvXD.js";
+const Nn = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
   fill: "none"
 };
-function Li(e, n) {
-  return F(), Z("svg", Ni, n[0] || (n[0] = [
+function Ln(e, i) {
+  return F(), Z("svg", Nn, i[0] || (i[0] = [
     D("g", {
       stroke: "#1C1C1E",
       "stroke-linecap": "round",
@@ -37,14 +39,14 @@ function Li(e, n) {
     ], -1)
   ]));
 }
-const Bi = { render: Li }, Ki = {
+const Bn = { render: Ln }, Kn = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
   fill: "none"
 };
-function Gi(e, n) {
-  return F(), Z("svg", Ki, n[0] || (n[0] = [
+function Gn(e, i) {
+  return F(), Z("svg", Kn, i[0] || (i[0] = [
     D("path", {
       fill: "#1C1C1E",
       d: "M7.6 7.6c.57-.658.9-2.1.9-2.1s.314 1.374.857 2c.572.66 2.143 1 2.143 1s-1.57.198-2.143.857C8.814 9.984 8.5 11.5 8.5 11.5s-.18-1.311-.75-1.91C7.149 8.962 5.5 8.5 5.5 8.5s1.5-.207 2.1-.9M12.2 12.2C13.342 10.885 14 8 14 8s.627 2.747 1.714 4C16.86 13.32 20 14 20 14s-3.141.395-4.286 1.714C14.627 16.967 14 20 14 20s-.358-2.622-1.5-3.818C11.298 14.922 8 14 8 14s2.998-.415 4.2-1.8"
@@ -58,20 +60,20 @@ function Gi(e, n) {
     }, null, -1)
   ]));
 }
-const Wi = { render: Gi };
+const Wn = { render: Gn };
 class vt {
-  constructor(n, t, i, a) {
-    this.scheduler = n, this.menuStore = t, this.updateMenu = i, this.dialog = a;
+  constructor(i, t, n, a) {
+    this.scheduler = i, this.menuStore = t, this.updateMenu = n, this.dialog = a;
   }
   async create() {
-    this.promptDialog().onPrimary(async (n) => {
+    this.promptDialog().onPrimary(async (i) => {
       await this.updateMenu(
         {
           module: L.F_MENU_MODULE_V4_KEY.enum.scheduler,
           operation: be.F_OPERATION_TYPE.create,
-          data: n
+          data: i
         },
-        n.name
+        i.name
       );
     });
   }
@@ -89,10 +91,10 @@ class vt {
     );
   }
   delete() {
-    const n = this.scheduler;
-    n && this.dialog.open({
+    const i = this.scheduler;
+    i && this.dialog.open({
       title: "Remove scheduler",
-      message: `Are you sure to remove ${n.name}?`,
+      message: `Are you sure to remove ${i.name}?`,
       primaryActions: {
         text: "Remove",
         close: !0
@@ -106,24 +108,24 @@ class vt {
         {
           module: L.F_MENU_MODULE_V4_KEY.enum.scheduler,
           operation: be.F_OPERATION_TYPE.delete,
-          data: n._id
+          data: i._id
         },
-        n.name,
+        i.name,
         !0
       );
     });
   }
-  getSchedulerGroup(n) {
-    return this.scheduler ? this.scheduler.groups.find((t) => t._id === n) ?? {
-      _id: n,
+  getSchedulerGroup(i) {
+    return this.scheduler ? this.scheduler.groups.find((t) => t._id === i) ?? {
+      _id: i,
       groupKey: ""
     } : null;
   }
-  overrideSchedulerGroups(n) {
+  overrideSchedulerGroups(i) {
     if (!this.scheduler) return null;
-    const t = this.scheduler.groups, i = n.map((o) => o._id), a = [
-      ...t.filter((o) => !i.includes(o._id)),
-      ...n.map((o) => ({
+    const t = this.scheduler.groups, n = i.map((o) => o._id), a = [
+      ...t.filter((o) => !n.includes(o._id)),
+      ...i.map((o) => ({
         _id: o._id,
         groupKey: "",
         items: o.items
@@ -132,14 +134,14 @@ class vt {
     this.scheduler = { ...this.scheduler, groups: a };
   }
   injectSchedulerToMenu() {
-    const n = this.scheduler;
-    if (!n) return null;
-    const t = this.menuStore.state.menu, i = t.modules.scheduler.map((a) => a._id === n._id ? n : a);
+    const i = this.scheduler;
+    if (!i) return null;
+    const t = this.menuStore.state.menu, n = t.modules.scheduler.map((a) => a._id === i._id ? i : a);
     return {
       ...t,
       modules: {
         ...t.modules,
-        scheduler: i
+        scheduler: n
       }
     };
   }
@@ -161,31 +163,31 @@ class vt {
         text: "Cancel",
         close: !0
       }
-    }).onPrimary(async (i) => {
-      this.updateItemAvailable(i.map((a) => a._id));
+    }).onPrimary(async (n) => {
+      this.updateItemAvailable(n.map((a) => a._id));
     });
   }
-  async unlinkProduct(n) {
+  async unlinkProduct(i) {
     if (!this.scheduler) return;
-    const i = this.getItemAvailable();
-    if (!i) return;
-    const a = i.filter((o) => !n.includes(o));
+    const n = this.getItemAvailable();
+    if (!n) return;
+    const a = n.filter((o) => !i.includes(o));
     this.updateItemAvailable(a);
   }
   async updateScheduler() {
-    const n = this.scheduler;
-    n && this.promptDialog(n).onPrimary(async (t) => {
-      const i = {
+    const i = this.scheduler;
+    i && this.promptDialog(i).onPrimary(async (t) => {
+      const n = {
         ...t,
-        items: n.items
+        items: i.items
       };
-      this.scheduler = i, this.updateItemAvailable(t.items.map((a) => a._id));
+      this.scheduler = n, this.updateItemAvailable(t.items.map((a) => a._id));
     });
   }
-  async overrideScheduler(n) {
+  async overrideScheduler(i) {
     const t = this.scheduler;
     if (!t) return;
-    const i = this.menuStore.catalogs.find((l) => l._id === n), a = new Pe(i, this.menuStore, this.updateMenu, this.dialog), o = a.getCatalogScheduler(t._id);
+    const n = this.menuStore.catalogs.find((l) => l._id === i), a = new Pe(n, this.menuStore, this.updateMenu, this.dialog), o = a.getCatalogScheduler(t._id);
     if (!o) return;
     const r = this.menuStore.state.menu.modules.scheduler.find(
       (l) => l._id === t._id
@@ -193,12 +195,12 @@ class vt {
     this.promptDialog(
       o,
       r,
-      i == null ? void 0 : i.name
+      n == null ? void 0 : n.name
     ).onPrimary(async (l) => {
       a.overrideCatalogScheduler(l), await a.update();
     });
   }
-  promptDialog(n, t, i) {
+  promptDialog(i, t, n) {
     return this.menuStore.rules.item.multiScheduler, this.dialog.open({
       // component: SchedulerDialog,
       // componentProps: {
@@ -220,30 +222,30 @@ class vt {
     });
   }
   getItemAvailable() {
-    var i;
+    var n;
     if (!this.scheduler) return null;
-    const n = this.menuStore.currentCatalog, t = n ? ((i = n.override.scheduler[this.scheduler._id]) == null ? void 0 : i.items) ?? [] : this.scheduler.items;
+    const i = this.menuStore.currentCatalog, t = i ? ((n = i.override.scheduler[this.scheduler._id]) == null ? void 0 : n.items) ?? [] : this.scheduler.items;
     return [
       ...new Set(t.filter((a) => a.orderFrom != L.F_ORDER_FROM.enum.NONE).map((a) => a._id))
     ];
   }
-  async updateItemAvailable(n) {
+  async updateItemAvailable(i) {
     const t = this.scheduler;
     if (!t) return;
-    const i = this.menuStore.currentCatalog;
-    if (i && this.menuStore.rules.scheduler.override) {
+    const n = this.menuStore.currentCatalog;
+    if (n && this.menuStore.rules.scheduler.override) {
       const a = new Pe(
-        i,
+        n,
         this.menuStore,
         this.updateMenu,
         this.dialog
       );
-      a.overrideCatalogSchedulerItems(n, t._id), await a.update();
+      a.overrideCatalogSchedulerItems(i, t._id), await a.update();
     } else {
-      const a = n.reduce((r, l) => {
+      const a = i.reduce((r, l) => {
         const s = t.items.filter((u) => u._id == l) ?? [];
         return r = r.concat(
-          di(l, s, (u) => ({
+          dn(l, s, (u) => ({
             ...u,
             orderFrom: null
           }))
@@ -256,30 +258,30 @@ class vt {
     }
   }
   getAvailableItemForLink() {
-    const n = mi(
+    const i = mn(
       this.menuStore.variants,
       this.menuStore.categories,
-      hi(this.menuStore.state.menu.modules.item, (a) => a.code || a.name)
+      hn(this.menuStore.state.menu.modules.item, (a) => a.code || a.name)
     ), t = new Set(
       this.menuStore.currentCatalog ? Pe.getItemAvailable(this.menuStore.currentCatalog) : this.menuStore.state.menu.modules.item.map((a) => a._id)
     );
-    return n.map((a) => ({
+    return i.map((a) => ({
       ...a,
       items: a.items.filter((o) => t.has(o._id))
     })).filter((a) => a.items.length > 0);
   }
 }
-function Ct(e, n) {
-  for (const t of n) {
-    const i = e.find((a) => a._id === t._id);
-    if (i != null && i.isDynamicAddon || t.isDynamicAddon) return L.F_ADDON_GROUP_TYPE.enum.DYNAMIC;
-    if (i != null && i.category) return L.F_ADDON_GROUP_TYPE.enum.PRODUCT;
+function Ct(e, i) {
+  for (const t of i) {
+    const n = e.find((a) => a._id === t._id);
+    if (n != null && n.isDynamicAddon || t.isDynamicAddon) return L.F_ADDON_GROUP_TYPE.enum.DYNAMIC;
+    if (n != null && n.category) return L.F_ADDON_GROUP_TYPE.enum.PRODUCT;
   }
   return L.F_ADDON_GROUP_TYPE.enum.NORMAL;
 }
-function ji(e) {
-  return [...new Set(e.map((t) => t._id))].reduce((t, i) => {
-    const a = e.filter((l) => l._id === i), { base: o, variants: r } = a.reduce(
+function jn(e) {
+  return [...new Set(e.map((t) => t._id))].reduce((t, n) => {
+    const a = e.filter((l) => l._id === n), { base: o, variants: r } = a.reduce(
       (l, s) => {
         if (!s.combinationKey)
           l.base = s;
@@ -294,8 +296,8 @@ function ji(e) {
         variants: []
       }
     );
-    return t[i] = {
-      _id: i,
+    return t[n] = {
+      _id: n,
       code: o.code,
       name: o.name,
       price: o.price,
@@ -311,22 +313,22 @@ function ji(e) {
   }, {});
 }
 function qt(e) {
-  const n = Object.values(e.items).reduce((t, i) => (t.push({
-    _id: i._id,
-    name: i.name,
-    price: i.price,
-    orderFrom: i.orderFrom,
-    selection: i.selection,
-    inventoryBindings: i.inventoryBindings,
-    isDynamicAddon: i.isDynamicAddon
-  }), t = t.concat((i == null ? void 0 : i.items) || []), t), []);
+  const i = Object.values(e.items).reduce((t, n) => (t.push({
+    _id: n._id,
+    name: n.name,
+    price: n.price,
+    orderFrom: n.orderFrom,
+    selection: n.selection,
+    inventoryBindings: n.inventoryBindings,
+    isDynamicAddon: n.isDynamicAddon
+  }), t = t.concat((n == null ? void 0 : n.items) || []), t), []);
   return {
     ...e,
-    items: n
+    items: i
   };
 }
-function Vn(e) {
-  const n = qt(e), t = (o) => ["product", "item", "addonGroup", "group"].some((r) => o._id.startsWith(r)), i = n.items.filter((o) => t(o)), a = n.items.filter((o) => !t(o)).map((o) => ({
+function $i(e) {
+  const i = qt(e), t = (o) => ["product", "item", "addonGroup", "group"].some((r) => o._id.startsWith(r)), n = i.items.filter((o) => t(o)), a = i.items.filter((o) => !t(o)).map((o) => ({
     ...ye.generator.initMenuV4Item(),
     ...o,
     code: o.code ?? "",
@@ -338,35 +340,35 @@ function Vn(e) {
   }));
   return {
     group: {
-      ...n,
-      items: i
+      ...i,
+      items: n
     },
     linkItems: a
   };
 }
-class Nn {
-  constructor(n, t, i) {
-    this.menuStore = n, this.updateMenu = t, this.dialog = i;
+class Vi {
+  constructor(i, t, n) {
+    this.menuStore = i, this.updateMenu = t, this.dialog = n;
   }
-  getFallbackPrices(n) {
-    const t = this.menuStore.currentCatalog, i = this.menuStore.currentScheduler, a = new Pe(t, this.menuStore, this.updateMenu, this.dialog), o = new vt(
-      i,
+  getFallbackPrices(i) {
+    const t = this.menuStore.currentCatalog, n = this.menuStore.currentScheduler, a = new Pe(t, this.menuStore, this.updateMenu, this.dialog), o = new vt(
+      n,
       this.menuStore,
       this.updateMenu,
       this.dialog
     );
     let r = ae(this.menuStore.state.menu);
     if (t)
-      i ? a.overrideCatalogSchedulerGroups(n, i._id) : a.overrideCatalogGroups(n), r = a.injectCatalogToMenu();
-    else if (i)
-      o.overrideSchedulerGroups(n), r = o.injectSchedulerToMenu();
+      n ? a.overrideCatalogSchedulerGroups(i, n._id) : a.overrideCatalogGroups(i), r = a.injectCatalogToMenu();
+    else if (n)
+      o.overrideSchedulerGroups(i), r = o.injectSchedulerToMenu();
     else {
       r = {
         ...r,
         modules: {
           ...r.modules,
           group: r == null ? void 0 : r.modules.group.reduce((s, u) => {
-            const d = n.find((m) => m._id === u._id);
+            const d = i.find((m) => m._id === u._id);
             if (!d)
               return s = [...s, u], s;
             const h = d.items.filter(
@@ -384,8 +386,8 @@ class Nn {
           }, [])
         }
       };
-      for (let s = 0; s < n.length; s++) {
-        const u = n[s];
+      for (let s = 0; s < i.length; s++) {
+        const u = i[s];
         !(r == null ? void 0 : r.modules.group.find((h) => {
           h._id, u._id;
         })) && !u._id && r.modules.group.push(u);
@@ -393,13 +395,13 @@ class Nn {
     }
     return r ? ye.getFallbackPrices({
       catalogId: t == null ? void 0 : t._id,
-      schedulerId: i == null ? void 0 : i._id,
+      schedulerId: n == null ? void 0 : n._id,
       rawMenu: r,
-      groups: n.reduce((s, u) => (s[u._id] = { ...u, groupKey: "" }, s), {})
+      groups: i.reduce((s, u) => (s[u._id] = { ...u, groupKey: "" }, s), {})
     }).groups : {};
   }
-  mapGroups(n, t) {
-    const i = this.getFallbackPrices(n), a = this.menuStore.state.menu.modules.item, o = this.menuStore.state.menu.modules.group, r = this.menuStore.items;
+  mapGroups(i, t) {
+    const n = this.getFallbackPrices(i), a = this.menuStore.state.menu.modules.item, o = this.menuStore.state.menu.modules.group, r = this.menuStore.items;
     function l(s, u) {
       const d = s.items.reduce((m, c) => {
         var E, P, A, _;
@@ -409,7 +411,7 @@ class Nn {
           ...(E = y == null ? void 0 : y.variant) == null ? void 0 : E.variantCombinations.find(
             (R) => R.combinationKey === c.combinationKey
           ),
-          name: En(me().variants, ((P = y == null ? void 0 : y.variant) == null ? void 0 : P.variantGroupIds) || [])[c.combinationKey]
+          name: Fi(me().variants, ((P = y == null ? void 0 : y.variant) == null ? void 0 : P.variantGroupIds) || [])[c.combinationKey]
         } : y, g = (A = o.find((R) => R._id === s._id)) == null ? void 0 : A.items.find((R) => R._id === c._id && R.combinationKey === c.combinationKey), w = !t && !c.combinationKey, z = (_ = u.find(
           (R) => R._id == c._id && R.combinationKey == c.combinationKey
         )) == null ? void 0 : _.price, O = c.name ?? (g == null ? void 0 : g.name) ?? (v == null ? void 0 : v.name) ?? "", I = {
@@ -427,35 +429,35 @@ class Nn {
       return {
         ...s,
         type: h,
-        items: ji(d),
+        items: jn(d),
         itemsLinked: r.filter((m) => m.groups.some(({ _id: c }) => c === s._id)).map((m) => m._id)
       };
     }
-    return n.map((s) => {
+    return i.map((s) => {
       var u;
-      return l(s, ((u = i[s._id]) == null ? void 0 : u.items) ?? []);
+      return l(s, ((u = n[s._id]) == null ? void 0 : u.items) ?? []);
     });
   }
-  async sortGroups(n) {
+  async sortGroups(i) {
     const t = {
       module: L.F_MENU_MODULE_V4_KEY.enum.group,
       operation: be.F_OPERATION_TYPE.rearrange,
-      data: n.map((i) => i._id)
+      data: i.map((n) => n._id)
     };
     await this.updateMenu(t, "Groups");
   }
-  async duplicateGroup(n) {
-    const t = ae(n);
-    n.type === L.F_ADDON_GROUP_TYPE.enum.PRODUCT || (t.items = Object.entries(t.items).reduce((r, [l, s]) => (r[l] = {
+  async duplicateGroup(i) {
+    const t = ae(i);
+    i.type === L.F_ADDON_GROUP_TYPE.enum.PRODUCT || (t.items = Object.entries(t.items).reduce((r, [l, s]) => (r[l] = {
       ...s,
       items: (s.items ?? []).map((u) => ({ ...u, _id: "" }))
     }, r), {}));
-    const a = Vn(t), o = {
+    const a = $i(t), o = {
       module: L.F_MENU_MODULE_V4_KEY.enum.group,
       operation: be.F_OPERATION_TYPE.create,
       data: {
         ...a.group,
-        name: `${n.name} clone`
+        name: `${i.name} clone`
       },
       link: [
         {
@@ -467,26 +469,26 @@ class Nn {
     };
     await this.updateMenu(o, a.group.name);
   }
-  async deleteGroup(n) {
+  async deleteGroup(i) {
     const t = {
       module: L.F_MENU_MODULE_V4_KEY.enum.group,
       operation: be.F_OPERATION_TYPE.delete,
-      data: n._id
+      data: i._id
     };
-    await this.updateMenu(t, n.name);
+    await this.updateMenu(t, i.name);
   }
-  async applyItems(n, t) {
-    function i(s, u) {
-      const d = s.filter((m) => m._id === n._id), h = s.filter((m) => m._id !== n._id);
-      return u ? h : [...h, ...d.length ? d : [{ _id: n._id, groupKey: "" }]];
+  async applyItems(i, t) {
+    function n(s, u) {
+      const d = s.filter((m) => m._id === i._id), h = s.filter((m) => m._id !== i._id);
+      return u ? h : [...h, ...d.length ? d : [{ _id: i._id, groupKey: "" }]];
     }
     function a(s, u, d) {
       var c;
-      const h = i(u.groups, d), m = (((c = u.variant) == null ? void 0 : c.variantCombinations) ?? []).map((y) => {
-        const v = i(y.groups ?? [], d);
+      const h = n(u.groups, d), m = (((c = u.variant) == null ? void 0 : c.variantCombinations) ?? []).map((y) => {
+        const v = n(y.groups ?? [], d);
         return { ...y, groups: v };
       });
-      return ui(s, {
+      return un(s, {
         ...u,
         groups: h,
         variant: u.variant ? {
@@ -495,7 +497,7 @@ class Nn {
         } : null
       });
     }
-    const o = n.itemsLinked, l = [.../* @__PURE__ */ new Set([...t, ...o])].map((s) => {
+    const o = i.itemsLinked, l = [.../* @__PURE__ */ new Set([...t, ...o])].map((s) => {
       const u = this.menuStore.state.menu.modules.item.find(
         (d) => d._id === s
       );
@@ -506,20 +508,20 @@ class Nn {
         data: a(this.menuStore, u, !t.includes(s))
       };
     });
-    await this.updateMenu(l, n.name);
+    await this.updateMenu(l, i.name);
   }
   isOverride() {
     return !!this.menuStore.state.currentCatalogId || !!this.menuStore.state.currentSchedulerId;
   }
 }
-const Yi = "/assets/linked-status-4i88AmvK.js";
-function Hi(e) {
-  var i;
-  const n = ae(e), t = (i = n.variant) == null ? void 0 : i.variantCombinations;
-  return delete n.variant, delete n.thumbnail, [n, ...t || []];
+const Yn = "/assets/linked-status-B-90MiJw.js";
+function Hn(e) {
+  var n;
+  const i = ae(e), t = (n = i.variant) == null ? void 0 : n.variantCombinations;
+  return delete i.variant, delete i.thumbnail, [i, ...t || []];
 }
-function Xi(e, n, t, i) {
-  const a = ae(n), o = t ? a.modules.catalog.find((m) => m._id === t) : null, r = i ? a.modules.scheduler.find((m) => m._id === i) : null, l = o ? ae(o) : void 0, s = t ? a.modules.catalog.filter((m) => m._id !== t) : [], u = r ? ae(r) : void 0, d = e.reduce((m, c) => (m[c._id] = Hi(c), m), {});
+function Xn(e, i, t, n) {
+  const a = ae(i), o = t ? a.modules.catalog.find((m) => m._id === t) : null, r = n ? a.modules.scheduler.find((m) => m._id === n) : null, l = o ? ae(o) : void 0, s = t ? a.modules.catalog.filter((m) => m._id !== t) : [], u = r ? ae(r) : void 0, d = e.reduce((m, c) => (m[c._id] = Hn(c), m), {});
   function h(m = []) {
     const c = e.map((y) => y._id);
     return [
@@ -527,11 +529,11 @@ function Xi(e, n, t, i) {
       ...Object.values(d).flatMap((y) => y)
     ];
   }
-  return l && i ? (l.override.scheduler = {
+  return l && n ? (l.override.scheduler = {
     ...l.override.scheduler,
-    [i]: {
-      ...l.override.scheduler[i],
-      _id: i,
+    [n]: {
+      ...l.override.scheduler[n],
+      _id: n,
       items: h(u == null ? void 0 : u.items).map((m) => ({
         ...m,
         orderFrom: L.F_ORDER_FROM.enum.ALL
@@ -541,12 +543,12 @@ function Xi(e, n, t, i) {
     ...l.override.items,
     ...d
   }, a.modules.catalog = [...s, l], a) : u ? (u.items = h(u.items), a.modules.scheduler = [
-    ...a.modules.scheduler.filter((m) => m._id !== i),
+    ...a.modules.scheduler.filter((m) => m._id !== n),
     u
   ], a) : {
-    ...fn(),
+    ...pi(),
     modules: {
-      ...fn().modules,
+      ...pi().modules,
       catalog: a.modules.catalog,
       item: a.modules.item,
       group: a.modules.group,
@@ -555,13 +557,13 @@ function Xi(e, n, t, i) {
     _id: a._id
   };
 }
-function ot(e, n, t) {
+function ot(e, i, t) {
   var o;
   if (t >= 3) return e;
-  const i = n.modules.item.find((r) => r._id === e._id);
-  if (!i)
+  const n = i.modules.item.find((r) => r._id === e._id);
+  if (!n)
     throw new Error(`_insertItemOverriders - Item not found - ${e._id}`);
-  const a = (o = i.groups) == null ? void 0 : o.map((r) => {
+  const a = (o = n.groups) == null ? void 0 : o.map((r) => {
     var u, d, h;
     const l = (u = e == null ? void 0 : e.groups) == null ? void 0 : u.find((m) => m._id === r._id);
     let s;
@@ -570,54 +572,54 @@ function ot(e, n, t) {
       const c = (y = l.items) == null ? void 0 : y.find(
         (v) => v._id === m._id && v.combinationKey === m.combinationKey
       );
-      return ot(c || m, n, t + 1);
-    })) ?? [] : s = ((h = r.items) == null ? void 0 : h.map((m) => ot(m, n, t + 1))) ?? [], {
+      return ot(c || m, i, t + 1);
+    })) ?? [] : s = ((h = r.items) == null ? void 0 : h.map((m) => ot(m, i, t + 1))) ?? [], {
       ...r,
       items: s
     };
   });
   return {
-    _id: i._id,
-    name: e.name || i.name,
-    code: e.code || i.code,
+    _id: n._id,
+    name: e.name || n.name,
+    code: e.code || n.code,
     combinationKey: e.combinationKey,
     groups: a
   };
 }
-function qi(e, n) {
+function qn(e, i) {
   const t = e.groups.map((o) => {
-    const r = n.modules.group.find((s) => s._id === o._id), l = ((r == null ? void 0 : r.items) || []).map((s) => {
+    const r = i.modules.group.find((s) => s._id === o._id), l = ((r == null ? void 0 : r.items) || []).map((s) => {
       var h;
       const u = (h = o.items) == null ? void 0 : h.find(
         (m) => m._id === s._id && m.combinationKey === s.combinationKey
       );
       if (u)
-        return ot(u, n, 1);
+        return ot(u, i, 1);
       const d = {
         ...ye.generator.initMenuV4ItemOverrider(),
         _id: s._id,
         combinationKey: s.combinationKey
       };
-      return ot(d, n, 1);
+      return ot(d, i, 1);
     });
     return { ...o, items: l };
-  }), i = e.variant ? e.variant.variantCombinations.map((o) => ot(o, n, 1)) : [], a = {
+  }), n = e.variant ? e.variant.variantCombinations.map((o) => ot(o, i, 1)) : [], a = {
     ...ye.generator.initMenuV4ItemOverrider(),
     _id: e._id,
     name: e.name,
     code: e.code,
     groups: t
   };
-  return [...i, a];
+  return [...n, a];
 }
-function Nt(e, n) {
-  var i;
-  if (!n)
+function Nt(e, i) {
+  var n;
+  if (!i)
     return e;
-  const t = { ...e, code: n.code };
-  return t.groups = (i = t.groups) == null ? void 0 : i.map((a) => {
+  const t = { ...e, code: i.code };
+  return t.groups = (n = t.groups) == null ? void 0 : n.map((a) => {
     var r, l;
-    const o = (r = n.groups) == null ? void 0 : r.find((s) => s._id === a._id);
+    const o = (r = i.groups) == null ? void 0 : r.find((s) => s._id === a._id);
     return a.items = (l = a.items) == null ? void 0 : l.map((s) => {
       var d;
       const u = (d = o == null ? void 0 : o.items) == null ? void 0 : d.find(
@@ -627,11 +629,11 @@ function Nt(e, n) {
     }), a;
   }), t;
 }
-function Zi(e, n) {
-  const t = e.items[n._id];
-  n.variant && (n.variant = {
-    ...n.variant,
-    variantCombinations: n.variant.variantCombinations.map((a) => {
+function Zn(e, i) {
+  const t = e.items[i._id];
+  i.variant && (i.variant = {
+    ...i.variant,
+    variantCombinations: i.variant.variantCombinations.map((a) => {
       const o = t.find(
         (r) => r._id === a._id && r.combinationKey === a.combinationKey
       );
@@ -640,12 +642,12 @@ function Zi(e, n) {
       return Nt(o, a);
     })
   });
-  const i = t.find((a) => !a.combinationKey);
-  if (!i)
-    throw new Error(`Base item overrider not found - ${n._id}`);
-  return n.groups = (i.groups || []).map((a) => {
+  const n = t.find((a) => !a.combinationKey);
+  if (!n)
+    throw new Error(`Base item overrider not found - ${i._id}`);
+  return i.groups = (n.groups || []).map((a) => {
     var r;
-    const o = n.groups.find((l) => l._id === a._id);
+    const o = i.groups.find((l) => l._id === a._id);
     return a.items = (r = a.items) == null ? void 0 : r.map((l) => {
       var u;
       const s = (u = o == null ? void 0 : o.items) == null ? void 0 : u.find(
@@ -654,34 +656,34 @@ function Zi(e, n) {
       return Nt(l, s);
     }), a;
   }), {
-    ...n,
-    price: (i == null ? void 0 : i.price) || n.price
+    ...i,
+    price: (n == null ? void 0 : n.price) || i.price
   };
 }
-async function Qi(e, n, t, i, a, o = !0) {
-  const r = ae(t), l = o ? Xi(n, r, i, a) : r, s = n.reduce((h, m) => (h[m._id] = l.modules.item.find((c) => c._id === m._id), h), {}), u = n.reduce((h, m) => {
+async function Qn(e, i, t, n, a, o = !0) {
+  const r = ae(t), l = o ? Xn(i, r, n, a) : r, s = i.reduce((h, m) => (h[m._id] = l.modules.item.find((c) => c._id === m._id), h), {}), u = i.reduce((h, m) => {
     const c = m._id;
-    return h[c] = qi(s[c], e), h;
+    return h[c] = qn(s[c], e), h;
   }, {}), d = ye.getFallbackPrices({
     rawMenu: l,
     items: u,
-    catalogId: i || void 0,
+    catalogId: n || void 0,
     schedulerId: a
   });
-  return n.map((h) => {
+  return i.map((h) => {
     const m = h._id, c = s[m];
     return {
-      ...Zi(d, c),
-      category: i || a ? c == null ? void 0 : c.category : null
+      ...Zn(d, c),
+      category: n || a ? c == null ? void 0 : c.category : null
     };
   });
 }
-function Ln(e, n) {
+function Ni(e, i) {
   if (e.length === 0) return "";
   const t = e == null ? void 0 : e.split("variant");
   return ((t == null ? void 0 : t.reduce((a, o) => {
     if (o && o.length > 0) {
-      const r = `variant${o.split("/")[0]}`, l = o.split("/")[1], u = n.find(
+      const r = `variant${o.split("/")[0]}`, l = o.split("/")[1], u = i.find(
         ({ _id: d }) => d === r
       ).options.find(({ _id: d }) => d === l);
       a.push(((u == null ? void 0 : u.name) || "").trim());
@@ -690,18 +692,18 @@ function Ln(e, n) {
   }, [])) || []).join(" / ");
 }
 const zt = /* @__PURE__ */ new Map();
-async function Ji(e, n) {
-  const t = `${e._id}-${e.updatedAt}-${n}`;
+async function Jn(e, i) {
+  const t = `${e._id}-${e.updatedAt}-${i}`;
   if (zt.has(t))
     return zt.get(t);
-  const i = await pi(
-    Yi,
+  const n = await pn(
+    Yn,
     JSON.stringify({
       menu: e,
-      itemId: n
+      itemId: i
     })
   );
-  return zt.set(t, i), i;
+  return zt.set(t, n), n;
 }
 const Zt = /* @__PURE__ */ le({
   __name: "OrderFrom",
@@ -744,18 +746,18 @@ const Zt = /* @__PURE__ */ le({
     }
   },
   emits: ["update:model-value"],
-  setup(e, { emit: n }) {
-    const t = e, { t: i } = ce(), a = n, o = T(() => ({
+  setup(e, { emit: i }) {
+    const t = e, { t: n } = ce(), a = i, o = T(() => ({
       ALL: {
-        label: i("menu.order.from.options.all"),
+        label: n("menu.order.from.options.all"),
         value: L.F_ORDER_FROM.enum.ALL
       },
       POS_ONLY: {
-        label: i("menu.order.from.options.pos_only"),
+        label: n("menu.order.from.options.pos_only"),
         value: L.F_ORDER_FROM.enum.POS_ONLY
       },
       NONE: {
-        label: i("menu.order.from.options.none"),
+        label: n("menu.order.from.options.none"),
         value: L.F_ORDER_FROM.enum.NONE
       }
     })), r = T(() => {
@@ -785,10 +787,10 @@ const Zt = /* @__PURE__ */ le({
         C(h, {
           disabled: e.disable,
           items: r.value,
-          label: e.label ?? p(i)("menu.common.labels.order_from"),
+          label: e.label ?? p(n)("menu.common.labels.order_from"),
           "menu-z-index": e.menuZIndex,
           "model-value": s.value,
-          rules: e.required ? [(m) => !!m || p(i)("menu.common.validation.required_field")] : [],
+          rules: e.required ? [(m) => !!m || p(n)("menu.common.validation.required_field")] : [],
           "shift-menu": "",
           "onUpdate:modelValue": d[0] || (d[0] = (m) => a("update:model-value", m ?? null))
         }, null, 8, ["disabled", "items", "label", "menu-z-index", "model-value", "rules"])
@@ -796,134 +798,134 @@ const Zt = /* @__PURE__ */ le({
     };
   }
 });
-var eo = function(e, n) {
-  return Object.assign(document.createElement("canvas"), { width: e, height: n });
+var eo = function(e, i) {
+  return Object.assign(document.createElement("canvas"), { width: e, height: i });
 };
-function yn(e, n) {
+function bi(e, i) {
   var t = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
-    var i = Object.getOwnPropertySymbols(e);
-    n && (i = i.filter(function(a) {
+    var n = Object.getOwnPropertySymbols(e);
+    i && (n = n.filter(function(a) {
       return Object.getOwnPropertyDescriptor(e, a).enumerable;
-    })), t.push.apply(t, i);
+    })), t.push.apply(t, n);
   }
   return t;
 }
-function ie(e) {
-  for (var n = 1; n < arguments.length; n++) {
-    var t = arguments[n] != null ? arguments[n] : {};
-    n % 2 ? yn(Object(t), !0).forEach(function(i) {
-      Ae(e, i, t[i]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : yn(Object(t)).forEach(function(i) {
-      Object.defineProperty(e, i, Object.getOwnPropertyDescriptor(t, i));
+function ne(e) {
+  for (var i = 1; i < arguments.length; i++) {
+    var t = arguments[i] != null ? arguments[i] : {};
+    i % 2 ? bi(Object(t), !0).forEach(function(n) {
+      Ae(e, n, t[n]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : bi(Object(t)).forEach(function(n) {
+      Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(t, n));
     });
   }
   return e;
 }
-function Ae(e, n, t) {
-  return n in e ? Object.defineProperty(e, n, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[n] = t, e;
+function Ae(e, i, t) {
+  return i in e ? Object.defineProperty(e, i, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[i] = t, e;
 }
-function to(e, n) {
+function to(e, i) {
   if (e == null) return {};
-  var t, i, a = function(r, l) {
+  var t, n, a = function(r, l) {
     if (r == null) return {};
     var s, u, d = {}, h = Object.keys(r);
     for (u = 0; u < h.length; u++) s = h[u], l.indexOf(s) >= 0 || (d[s] = r[s]);
     return d;
-  }(e, n);
+  }(e, i);
   if (Object.getOwnPropertySymbols) {
     var o = Object.getOwnPropertySymbols(e);
-    for (i = 0; i < o.length; i++) t = o[i], n.indexOf(t) >= 0 || Object.prototype.propertyIsEnumerable.call(e, t) && (a[t] = e[t]);
+    for (n = 0; n < o.length; n++) t = o[n], i.indexOf(t) >= 0 || Object.prototype.propertyIsEnumerable.call(e, t) && (a[t] = e[t]);
   }
   return a;
 }
 function qe(e) {
-  return function(n) {
-    if (Array.isArray(n)) return Ft(n);
-  }(e) || function(n) {
-    if (typeof Symbol < "u" && n[Symbol.iterator] != null || n["@@iterator"] != null) return Array.from(n);
-  }(e) || function(n, t) {
-    if (n) {
-      if (typeof n == "string") return Ft(n, t);
-      var i = Object.prototype.toString.call(n).slice(8, -1);
-      if (i === "Object" && n.constructor && (i = n.constructor.name), i === "Map" || i === "Set") return Array.from(n);
-      if (i === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i)) return Ft(n, t);
+  return function(i) {
+    if (Array.isArray(i)) return Ft(i);
+  }(e) || function(i) {
+    if (typeof Symbol < "u" && i[Symbol.iterator] != null || i["@@iterator"] != null) return Array.from(i);
+  }(e) || function(i, t) {
+    if (i) {
+      if (typeof i == "string") return Ft(i, t);
+      var n = Object.prototype.toString.call(i).slice(8, -1);
+      if (n === "Object" && i.constructor && (n = i.constructor.name), n === "Map" || n === "Set") return Array.from(i);
+      if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return Ft(i, t);
     }
   }(e) || function() {
     throw new TypeError(`Invalid attempt to spread non-iterable instance.
 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
   }();
 }
-function Ft(e, n) {
-  (n == null || n > e.length) && (n = e.length);
-  for (var t = 0, i = new Array(n); t < n; t++) i[t] = e[t];
-  return i;
+function Ft(e, i) {
+  (i == null || i > e.length) && (i = e.length);
+  for (var t = 0, n = new Array(i); t < i; t++) n[t] = e[t];
+  return n;
 }
-var _n, no, mt, de = (_n = function(e) {
+var yi, io, mt, de = (yi = function(e) {
   /*!
     Copyright (c) 2018 Jed Watson.
     Licensed under the MIT License (MIT), see
     http://jedwatson.github.io/classnames
   */
   (function() {
-    var n = {}.hasOwnProperty;
+    var i = {}.hasOwnProperty;
     function t() {
-      for (var i = [], a = 0; a < arguments.length; a++) {
+      for (var n = [], a = 0; a < arguments.length; a++) {
         var o = arguments[a];
         if (o) {
           var r = typeof o;
-          if (r === "string" || r === "number") i.push(o);
+          if (r === "string" || r === "number") n.push(o);
           else if (Array.isArray(o)) {
             if (o.length) {
               var l = t.apply(null, o);
-              l && i.push(l);
+              l && n.push(l);
             }
-          } else if (r === "object") if (o.toString === Object.prototype.toString) for (var s in o) n.call(o, s) && o[s] && i.push(s);
-          else i.push(o.toString());
+          } else if (r === "object") if (o.toString === Object.prototype.toString) for (var s in o) i.call(o, s) && o[s] && n.push(s);
+          else n.push(o.toString());
         }
       }
-      return i.join(" ");
+      return n.join(" ");
     }
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
-}, _n(mt = { path: no, exports: {}, require: function(e, n) {
+}, yi(mt = { path: io, exports: {}, require: function(e, i) {
   return function() {
     throw new Error("Dynamic requires are not currently supported by @rollup/plugin-commonjs");
-  }(n == null && mt.path);
+  }(i == null && mt.path);
 } }, mt.exports), mt.exports), Me = function(e) {
-  return function(n, t) {
-    if (!n) return e;
-    var i;
-    typeof n == "string" ? i = n : t = n;
+  return function(i, t) {
+    if (!i) return e;
+    var n;
+    typeof i == "string" ? n = i : t = i;
     var a = e;
-    return i && (a += "__" + i), a + (t ? Object.keys(t).reduce(function(o, r) {
+    return n && (a += "__" + n), a + (t ? Object.keys(t).reduce(function(o, r) {
       var l = t[r];
       return l && (o += " " + (typeof l == "boolean" ? a + "--" + r : a + "--" + r + "_" + l)), o;
     }, "") : "");
   };
 };
-function Lt(e, n, t) {
-  var i, a, o, r, l;
+function Lt(e, i, t) {
+  var n, a, o, r, l;
   function s() {
     var d = Date.now() - r;
-    d < n && d >= 0 ? i = setTimeout(s, n - d) : (i = null, t || (l = e.apply(o, a), o = a = null));
+    d < i && d >= 0 ? n = setTimeout(s, i - d) : (n = null, t || (l = e.apply(o, a), o = a = null));
   }
-  n == null && (n = 100);
+  i == null && (i = 100);
   var u = function() {
     o = this, a = arguments, r = Date.now();
-    var d = t && !i;
-    return i || (i = setTimeout(s, n)), d && (l = e.apply(o, a), o = a = null), l;
+    var d = t && !n;
+    return n || (n = setTimeout(s, i)), d && (l = e.apply(o, a), o = a = null), l;
   };
   return u.clear = function() {
-    i && (clearTimeout(i), i = null);
+    n && (clearTimeout(n), n = null);
   }, u.flush = function() {
-    i && (l = e.apply(o, a), o = a = null, clearTimeout(i), i = null);
+    n && (l = e.apply(o, a), o = a = null, clearTimeout(n), n = null);
   }, u;
 }
 Lt.debounce = Lt;
 var Bt = Lt, H = function() {
   return H = Object.assign || function(e) {
-    for (var n, t = 1, i = arguments.length; t < i; t++) for (var a in n = arguments[t]) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a]);
+    for (var i, t = 1, n = arguments.length; t < n; t++) for (var a in i = arguments[t]) Object.prototype.hasOwnProperty.call(i, a) && (e[a] = i[a]);
     return e;
   }, H.apply(this, arguments);
 };
@@ -941,16 +943,16 @@ LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
 OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
 PERFORMANCE OF THIS SOFTWARE.
 ***************************************************************************** */
-function Bn(e, n) {
-  var t, i;
-  return e && n ? (t = "" + e + n[0].toUpperCase() + n.slice(1), i = e + "-" + n) : (t = e || n, i = e || n), { name: t, classname: i };
+function Li(e, i) {
+  var t, n;
+  return e && i ? (t = "" + e + i[0].toUpperCase() + i.slice(1), n = e + "-" + i) : (t = e || i, n = e || i), { name: t, classname: n };
 }
-function Kn(e) {
+function Bi(e) {
   return /^blob:/.test(e);
 }
-function wn(e) {
-  return Kn(e) || function(n) {
-    return /^data:/.test(n);
+function _i(e) {
+  return Bi(e) || function(i) {
+    return /^data:/.test(i);
   }(e);
 }
 function Ze(e) {
@@ -962,42 +964,42 @@ function fe(e) {
 function bt(e) {
   return typeof e == "object" && e !== null;
 }
-function Kt(e, n, t) {
-  var i = {};
-  return bt(e) ? (Object.keys(n).forEach(function(a) {
-    fe(e[a]) ? i[a] = n[a] : bt(n[a]) ? bt(e[a]) ? i[a] = Kt(e[a], n[a], t[a]) : i[a] = e[a] ? n[a] : t[a] : n[a] === !0 || n[a] === !1 ? i[a] = !!e[a] : i[a] = e[a];
-  }), i) : e ? n : t;
+function Kt(e, i, t) {
+  var n = {};
+  return bt(e) ? (Object.keys(i).forEach(function(a) {
+    fe(e[a]) ? n[a] = i[a] : bt(i[a]) ? bt(e[a]) ? n[a] = Kt(e[a], i[a], t[a]) : n[a] = e[a] ? i[a] : t[a] : i[a] === !0 || i[a] === !1 ? n[a] = !!e[a] : n[a] = e[a];
+  }), n) : e ? i : t;
 }
 function ht(e) {
-  var n = Number(e);
-  return Number.isNaN(n) ? e : n;
+  var i = Number(e);
+  return Number.isNaN(i) ? e : i;
 }
-function Sn(e) {
-  return typeof (e == "number" || /* @__PURE__ */ function(n) {
-    return typeof n == "object" && n !== null;
-  }(e) && toString.call(e) == "[object Number]") && !Gn(e);
+function wi(e) {
+  return typeof (e == "number" || /* @__PURE__ */ function(i) {
+    return typeof i == "object" && i !== null;
+  }(e) && toString.call(e) == "[object Number]") && !Ki(e);
 }
-function Gn(e) {
+function Ki(e) {
   return e != e;
 }
-function Wn(e, n) {
-  return Math.sqrt(Math.pow(e.x - n.x, 2) + Math.pow(e.y - n.y, 2));
+function Gi(e, i) {
+  return Math.sqrt(Math.pow(e.x - i.x, 2) + Math.pow(e.y - i.y, 2));
 }
-var at = function(e, n) {
-  e === void 0 && (e = {}), n === void 0 && (n = {}), this.type = "manipulateImage", this.move = e, this.scale = n;
-}, io = function(e, n) {
-  n === void 0 && (n = {}), this.type = "resize", this.directions = e, this.params = n;
+var at = function(e, i) {
+  e === void 0 && (e = {}), i === void 0 && (i = {}), this.type = "manipulateImage", this.move = e, this.scale = i;
+}, no = function(e, i) {
+  i === void 0 && (i = {}), this.type = "resize", this.directions = e, this.params = i;
 }, Qt = function(e) {
   this.type = "move", this.directions = e;
 }, oo = function() {
-  function e(n, t, i, a, o) {
-    this.type = "drag", this.nativeEvent = n, this.position = i, this.previousPosition = a, this.element = t, this.anchor = o;
+  function e(i, t, n, a, o) {
+    this.type = "drag", this.nativeEvent = i, this.position = n, this.previousPosition = a, this.element = t, this.anchor = o;
   }
   return e.prototype.shift = function() {
-    var n = this, t = n.element, i = n.anchor, a = n.position;
+    var i = this, t = i.element, n = i.anchor, a = i.position;
     if (t) {
       var o = t.getBoundingClientRect(), r = o.left, l = o.top;
-      return { left: a.left - r - i.left, top: a.top - l - i.top };
+      return { left: a.left - r - n.left, top: a.top - l - n.top };
     }
     return { left: 0, top: 0 };
   }, e;
@@ -1013,8 +1015,8 @@ var at = function(e, n) {
 }, onMouseLeave: function() {
   this.hovered && !this.touches.length && (this.hovered = !1, this.$emit("leave"));
 }, onTouchStart: function(e) {
-  e.cancelable && !this.disabled && e.touches.length === 1 && (this.touches = qe(e.touches), this.hovered || (this.$emit("enter"), this.hovered = !0), e.touches.length && this.initAnchor(this.touches.reduce(function(n, t) {
-    return { clientX: n.clientX + t.clientX / e.touches.length, clientY: n.clientY + t.clientY / e.touches.length };
+  e.cancelable && !this.disabled && e.touches.length === 1 && (this.touches = qe(e.touches), this.hovered || (this.$emit("enter"), this.hovered = !0), e.touches.length && this.initAnchor(this.touches.reduce(function(i, t) {
+    return { clientX: i.clientX + t.clientX / e.touches.length, clientY: i.clientY + t.clientY / e.touches.length };
   }, { clientX: 0, clientY: 0 })), e.preventDefault && e.preventDefault(), e.stopPropagation());
 }, onTouchEnd: function() {
   this.processEnd();
@@ -1022,204 +1024,204 @@ var at = function(e, n) {
   this.touches.length && (this.processMove(e, e.touches), e.preventDefault && e.preventDefault(), e.stopPropagation && e.stopPropagation());
 }, onMouseDown: function(e) {
   if (!this.disabled) {
-    var n = { fake: !0, clientX: e.clientX, clientY: e.clientY };
-    this.touches = [n], this.initAnchor(n), e.stopPropagation();
+    var i = { fake: !0, clientX: e.clientX, clientY: e.clientY };
+    this.touches = [i], this.initAnchor(i), e.stopPropagation();
   }
 }, onMouseMove: function(e) {
   this.touches.length && (this.processMove(e, [{ fake: !0, clientX: e.clientX, clientY: e.clientY }]), e.preventDefault && e.preventDefault());
 }, onMouseUp: function() {
   this.processEnd();
 }, initAnchor: function(e) {
-  var n = this.$refs.draggable.getBoundingClientRect(), t = n.left, i = n.right, a = n.bottom, o = n.top;
-  this.anchor = { left: e.clientX - t, top: e.clientY - o, bottom: a - e.clientY, right: i - e.clientX };
-}, processMove: function(e, n) {
-  var t = qe(n);
+  var i = this.$refs.draggable.getBoundingClientRect(), t = i.left, n = i.right, a = i.bottom, o = i.top;
+  this.anchor = { left: e.clientX - t, top: e.clientY - o, bottom: a - e.clientY, right: n - e.clientX };
+}, processMove: function(e, i) {
+  var t = qe(i);
   if (this.touches.length) {
     if (this.touches.length === 1 && t.length === 1) {
-      var i = this.$refs.draggable;
-      this.$emit("drag", new oo(e, i, { left: t[0].clientX, top: t[0].clientY }, { left: this.touches[0].clientX, top: this.touches[0].clientY }, this.anchor));
+      var n = this.$refs.draggable;
+      this.$emit("drag", new oo(e, n, { left: t[0].clientX, top: t[0].clientY }, { left: this.touches[0].clientX, top: this.touches[0].clientY }, this.anchor));
     }
     this.touches = t;
   }
 }, processEnd: function() {
   this.touches.length && this.$emit("drag-end"), this.hovered && (this.$emit("leave"), this.hovered = !1), this.touches = [];
 } }, emits: ["drag", "drag-end", "leave", "enter"] };
-Jt.render = function(e, n, t, i, a, o) {
-  return F(), G("div", { ref: "draggable", class: t.classname, onTouchstart: n[1] || (n[1] = function() {
+Jt.render = function(e, i, t, n, a, o) {
+  return F(), G("div", { ref: "draggable", class: t.classname, onTouchstart: i[1] || (i[1] = function() {
     return o.onTouchStart && o.onTouchStart.apply(o, arguments);
-  }), onMousedown: n[2] || (n[2] = function() {
+  }), onMousedown: i[2] || (i[2] = function() {
     return o.onMouseDown && o.onMouseDown.apply(o, arguments);
-  }), onMouseover: n[3] || (n[3] = function() {
+  }), onMouseover: i[3] || (i[3] = function() {
     return o.onMouseOver && o.onMouseOver.apply(o, arguments);
-  }), onMouseleave: n[4] || (n[4] = function() {
+  }), onMouseleave: i[4] || (i[4] = function() {
     return o.onMouseLeave && o.onMouseLeave.apply(o, arguments);
   }) }, [he(e.$slots, "default")], 34);
 };
-var Et = Me("vue-handler-wrapper"), jn = { name: "HandlerWrapper", components: { DraggableElement: Jt }, props: { horizontalPosition: { type: String }, verticalPosition: { type: String }, disabled: { type: Boolean, default: !1 } }, computed: { classes: function() {
+var Et = Me("vue-handler-wrapper"), Wi = { name: "HandlerWrapper", components: { DraggableElement: Jt }, props: { horizontalPosition: { type: String }, verticalPosition: { type: String }, disabled: { type: Boolean, default: !1 } }, computed: { classes: function() {
   var e;
   if (this.horizontalPosition || this.verticalPosition) {
-    var n, t = Bn(this.horizontalPosition, this.verticalPosition);
-    e = Et((Ae(n = {}, t.classname, !0), Ae(n, "disabled", this.disabled), n));
+    var i, t = Li(this.horizontalPosition, this.verticalPosition);
+    e = Et((Ae(i = {}, t.classname, !0), Ae(i, "disabled", this.disabled), i));
   } else e = Et({ disabled: this.disabled });
   return { root: e, draggable: Et("draggable") };
 } }, emits: ["leave", "enter", "drag", "drag-end"] };
-jn.render = function(e, n, t, i, a, o) {
+Wi.render = function(e, i, t, n, a, o) {
   var r = B("DraggableElement");
-  return F(), G("div", { class: o.classes.root }, [C(r, { class: o.classes.draggable, onDrag: n[1] || (n[1] = function(l) {
+  return F(), G("div", { class: o.classes.root }, [C(r, { class: o.classes.draggable, onDrag: i[1] || (i[1] = function(l) {
     return e.$emit("drag", l);
-  }), onDragEnd: n[2] || (n[2] = function(l) {
+  }), onDragEnd: i[2] || (i[2] = function(l) {
     return e.$emit("drag-end");
-  }), onLeave: n[3] || (n[3] = function(l) {
+  }), onLeave: i[3] || (i[3] = function(l) {
     return e.$emit("leave");
-  }), onEnter: n[4] || (n[4] = function(l) {
+  }), onEnter: i[4] || (i[4] = function(l) {
     return e.$emit("enter");
   }) }, { default: N(function() {
     return [he(e.$slots, "default")];
   }), _: 3 }, 8, ["class"])], 2);
 };
-var ao = Me("vue-line-wrapper"), Yn = { name: "LineWrapper", components: { DraggableElement: Jt }, props: { position: { type: String, required: !0 }, disabled: { type: Boolean, default: !1 } }, computed: { classname: function() {
+var ao = Me("vue-line-wrapper"), ji = { name: "LineWrapper", components: { DraggableElement: Jt }, props: { position: { type: String, required: !0 }, disabled: { type: Boolean, default: !1 } }, computed: { classname: function() {
   var e;
   return ao((Ae(e = {}, this.position, !0), Ae(e, "disabled", this.disabled), e));
 } }, emits: ["leave", "enter", "drag", "drag-end"] };
-Yn.render = function(e, n, t, i, a, o) {
+ji.render = function(e, i, t, n, a, o) {
   var r = B("DraggableElement");
-  return F(), G(r, { class: o.classname, onDrag: n[1] || (n[1] = function(l) {
+  return F(), G(r, { class: o.classname, onDrag: i[1] || (i[1] = function(l) {
     return e.$emit("drag", l);
-  }), onDragEnd: n[2] || (n[2] = function(l) {
+  }), onDragEnd: i[2] || (i[2] = function(l) {
     return e.$emit("drag-end");
-  }), onLeave: n[3] || (n[3] = function(l) {
+  }), onLeave: i[3] || (i[3] = function(l) {
     return e.$emit("leave");
-  }), onEnter: n[4] || (n[4] = function(l) {
+  }), onEnter: i[4] || (i[4] = function(l) {
     return e.$emit("enter");
   }) }, { default: N(function() {
     return [he(e.$slots, "default")];
   }), _: 3 }, 8, ["class"]);
 };
-var ze = ["left", "right", "top", "bottom"], ro = ["left", "right"], so = ["top", "bottom"], lo = ["left", "top"], uo = ["fill-area", "fit-area", "stencil", "none"], Cn = { left: 0, top: 0, width: 0, height: 0 };
-function Rn(e, n, t) {
-  return !(t = t || ["width", "height", "left", "top"]).some(function(i) {
-    return e[i] !== n[i];
+var ze = ["left", "right", "top", "bottom"], ro = ["left", "right"], so = ["top", "bottom"], lo = ["left", "top"], uo = ["fill-area", "fit-area", "stencil", "none"], Si = { left: 0, top: 0, width: 0, height: 0 };
+function Ci(e, i, t) {
+  return !(t = t || ["width", "height", "left", "top"]).some(function(n) {
+    return e[n] !== i[n];
   });
 }
 function Fe(e) {
   return { left: e.left, top: e.top, right: e.left + e.width, bottom: e.top + e.height };
 }
-function tt(e, n) {
-  return { left: e.left - n.left, top: e.top - n.top };
+function tt(e, i) {
+  return { left: e.left - i.left, top: e.top - i.top };
 }
 function ge(e) {
   return { left: e.left + e.width / 2, top: e.top + e.height / 2 };
 }
-function st(e, n) {
+function st(e, i) {
   var t = { left: 0, top: 0, right: 0, bottom: 0 };
-  return ze.forEach(function(i) {
-    var a = n[i], o = Fe(e)[i];
-    t[i] = a !== void 0 && o !== void 0 ? i === "left" || i === "top" ? Math.max(0, a - o) : Math.max(0, o - a) : 0;
+  return ze.forEach(function(n) {
+    var a = i[n], o = Fe(e)[n];
+    t[n] = a !== void 0 && o !== void 0 ? n === "left" || n === "top" ? Math.max(0, a - o) : Math.max(0, o - a) : 0;
   }), t;
 }
-function Oe(e, n) {
-  return { left: e.left - n.left, top: e.top - n.top, width: e.width + n.left + n.right, height: e.height + n.top + n.bottom };
+function Oe(e, i) {
+  return { left: e.left - i.left, top: e.top - i.top, width: e.width + i.left + i.right, height: e.height + i.top + i.bottom };
 }
 function Rt(e) {
   return { left: -e.left, top: -e.top };
 }
-function Se(e, n) {
-  return H(H({}, e), { left: e.left + n.left, top: e.top + n.top });
+function Se(e, i) {
+  return H(H({}, e), { left: e.left + i.left, top: e.top + i.top });
 }
-function xe(e, n, t, i) {
-  if (n !== 1) {
+function xe(e, i, t, n) {
+  if (i !== 1) {
     if (t) {
       var a = ge(e);
-      return { width: e.width * n, height: e.height * n, left: e.left + e.width * (1 - n) / 2 + (t.left - a.left) * (1 - n), top: e.top + e.height * (1 - n) / 2 + (t.top - a.top) * (1 - n) };
+      return { width: e.width * i, height: e.height * i, left: e.left + e.width * (1 - i) / 2 + (t.left - a.left) * (1 - i), top: e.top + e.height * (1 - i) / 2 + (t.top - a.top) * (1 - i) };
     }
-    return { width: e.width * n, height: e.height * n, left: e.left + e.width * (1 - n) / 2, top: e.top + e.height * (1 - n) / 2 };
+    return { width: e.width * i, height: e.height * i, left: e.left + e.width * (1 - i) / 2, top: e.top + e.height * (1 - i) / 2 };
   }
   return e;
 }
 function oe(e) {
   return e.width / e.height;
 }
-function nt(e, n) {
-  return Math.min(n.right !== void 0 && n.left !== void 0 ? (n.right - n.left) / e.width : 1 / 0, n.bottom !== void 0 && n.top !== void 0 ? (n.bottom - n.top) / e.height : 1 / 0);
+function it(e, i) {
+  return Math.min(i.right !== void 0 && i.left !== void 0 ? (i.right - i.left) / e.width : 1 / 0, i.bottom !== void 0 && i.top !== void 0 ? (i.bottom - i.top) / e.height : 1 / 0);
 }
-function it(e, n) {
-  var t = { left: 0, top: 0 }, i = st(e, n);
-  return i.left && i.left > 0 ? t.left = i.left : i.right && i.right > 0 && (t.left = -i.right), i.top && i.top > 0 ? t.top = i.top : i.bottom && i.bottom > 0 && (t.top = -i.bottom), t;
+function nt(e, i) {
+  var t = { left: 0, top: 0 }, n = st(e, i);
+  return n.left && n.left > 0 ? t.left = n.left : n.right && n.right > 0 && (t.left = -n.right), n.top && n.top > 0 ? t.top = n.top : n.bottom && n.bottom > 0 && (t.top = -n.bottom), t;
 }
-function It(e, n) {
+function It(e, i) {
   var t;
-  return n.minimum && e < n.minimum ? t = n.minimum : n.maximum && e > n.maximum && (t = n.maximum), t;
+  return i.minimum && e < i.minimum ? t = i.minimum : i.maximum && e > i.maximum && (t = i.maximum), t;
 }
-function Hn(e, n) {
-  var t = oe(e), i = oe(n);
-  return n.width < 1 / 0 && n.height < 1 / 0 ? t > i ? { width: n.width, height: n.width / t } : { width: n.height * t, height: n.height } : n.width < 1 / 0 ? { width: n.width, height: n.width / t } : n.height < 1 / 0 ? { width: n.height * t, height: n.height } : e;
+function Yi(e, i) {
+  var t = oe(e), n = oe(i);
+  return i.width < 1 / 0 && i.height < 1 / 0 ? t > n ? { width: i.width, height: i.width / t } : { width: i.height * t, height: i.height } : i.width < 1 / 0 ? { width: i.width, height: i.width / t } : i.height < 1 / 0 ? { width: i.height * t, height: i.height } : e;
 }
-function Xn(e, n) {
-  var t = n * Math.PI / 180;
+function Hi(e, i) {
+  var t = i * Math.PI / 180;
   return { width: Math.abs(e.width * Math.cos(t)) + Math.abs(e.height * Math.sin(t)), height: Math.abs(e.width * Math.sin(t)) + Math.abs(e.height * Math.cos(t)) };
 }
-function Ve(e, n) {
-  var t = n * Math.PI / 180;
+function Ve(e, i) {
+  var t = i * Math.PI / 180;
   return { left: e.left * Math.cos(t) - e.top * Math.sin(t), top: e.left * Math.sin(t) + e.top * Math.cos(t) };
 }
-function At(e, n) {
-  var t = st(ve(e, n), n);
-  return t.left + t.right + t.top + t.bottom ? t.left + t.right > t.top + t.bottom ? Math.min((e.width + t.left + t.right) / e.width, nt(e, n)) : Math.min((e.height + t.top + t.bottom) / e.height, nt(e, n)) : 1;
+function At(e, i) {
+  var t = st(ve(e, i), i);
+  return t.left + t.right + t.top + t.bottom ? t.left + t.right > t.top + t.bottom ? Math.min((e.width + t.left + t.right) / e.width, it(e, i)) : Math.min((e.height + t.top + t.bottom) / e.height, it(e, i)) : 1;
 }
-function ve(e, n, t) {
+function ve(e, i, t) {
   t === void 0 && (t = !1);
-  var i = it(e, n);
-  return Se(e, t ? Rt(i) : i);
+  var n = nt(e, i);
+  return Se(e, t ? Rt(n) : n);
 }
 function Gt(e) {
   return { width: e.right !== void 0 && e.left !== void 0 ? e.right - e.left : 1 / 0, height: e.bottom !== void 0 && e.top !== void 0 ? e.bottom - e.top : 1 / 0 };
 }
-function co(e, n) {
-  return H(H({}, e), { minWidth: Math.min(n.width, e.minWidth), minHeight: Math.min(n.height, e.minHeight), maxWidth: Math.min(n.width, e.maxWidth), maxHeight: Math.min(n.height, e.maxHeight) });
+function co(e, i) {
+  return H(H({}, e), { minWidth: Math.min(i.width, e.minWidth), minHeight: Math.min(i.height, e.minHeight), maxWidth: Math.min(i.width, e.maxWidth), maxHeight: Math.min(i.height, e.maxHeight) });
 }
-function qn(e, n, t) {
+function Xi(e, i, t) {
   t === void 0 && (t = !0);
-  var i = {};
+  var n = {};
   return ze.forEach(function(a) {
-    var o = e[a], r = n[a];
-    o !== void 0 && r !== void 0 ? i[a] = a === "left" || a === "top" ? t ? Math.max(o, r) : Math.min(o, r) : t ? Math.min(o, r) : Math.max(o, r) : r !== void 0 ? i[a] = r : o !== void 0 && (i[a] = o);
-  }), i;
+    var o = e[a], r = i[a];
+    o !== void 0 && r !== void 0 ? n[a] = a === "left" || a === "top" ? t ? Math.max(o, r) : Math.min(o, r) : t ? Math.min(o, r) : Math.max(o, r) : r !== void 0 ? n[a] = r : o !== void 0 && (n[a] = o);
+  }), n;
 }
-function xt(e, n) {
-  return qn(e, n, !0);
+function xt(e, i) {
+  return Xi(e, i, !0);
 }
-function An(e) {
-  var n = e.size, t = e.aspectRatio, i = e.ignoreMinimum, a = e.sizeRestrictions;
-  return !!((n.correctRatio || oe(n) >= t.minimum && oe(n) <= t.maximum) && n.height <= a.maxHeight && n.width <= a.maxWidth && n.width && n.height && (i || n.height >= a.minHeight && n.width >= a.minWidth));
+function Ri(e) {
+  var i = e.size, t = e.aspectRatio, n = e.ignoreMinimum, a = e.sizeRestrictions;
+  return !!((i.correctRatio || oe(i) >= t.minimum && oe(i) <= t.maximum) && i.height <= a.maxHeight && i.width <= a.maxWidth && i.width && i.height && (n || i.height >= a.minHeight && i.width >= a.minWidth));
 }
-function xn(e, n) {
-  return Math.pow(e.width - n.width, 2) + Math.pow(e.height - n.height, 2);
+function Ai(e, i) {
+  return Math.pow(e.width - i.width, 2) + Math.pow(e.height - i.height, 2);
 }
 function De(e) {
-  var n = e.width, t = e.height, i = e.sizeRestrictions, a = { minimum: e.aspectRatio && e.aspectRatio.minimum || 0, maximum: e.aspectRatio && e.aspectRatio.maximum || 1 / 0 }, o = { width: Math.max(i.minWidth, Math.min(i.maxWidth, n)), height: Math.max(i.minHeight, Math.min(i.maxHeight, t)) };
+  var i = e.width, t = e.height, n = e.sizeRestrictions, a = { minimum: e.aspectRatio && e.aspectRatio.minimum || 0, maximum: e.aspectRatio && e.aspectRatio.maximum || 1 / 0 }, o = { width: Math.max(n.minWidth, Math.min(n.maxWidth, i)), height: Math.max(n.minHeight, Math.min(n.maxHeight, t)) };
   function r(u, d) {
     return d === void 0 && (d = !1), u.reduce(function(h, m) {
-      return An({ size: m, aspectRatio: a, sizeRestrictions: i, ignoreMinimum: d }) && (!h || xn(m, { width: n, height: t }) < xn(h, { width: n, height: t })) ? m : h;
+      return Ri({ size: m, aspectRatio: a, sizeRestrictions: n, ignoreMinimum: d }) && (!h || Ai(m, { width: i, height: t }) < Ai(h, { width: i, height: t })) ? m : h;
     }, null);
   }
   var l = [];
-  [a.minimum, a.maximum].forEach(function(u) {
+  a && [a.minimum, a.maximum].forEach(function(u) {
     u && l.push({ width: o.width, height: o.width / u, correctRatio: !0 }, { width: o.height * u, height: o.height, correctRatio: !0 });
-  }), An({ size: o, aspectRatio: a, sizeRestrictions: i }) && l.push(o);
+  }), Ri({ size: o, aspectRatio: a, sizeRestrictions: n }) && l.push(o);
   var s = r(l) || r(l, !0);
   return s && { width: s.width, height: s.height };
 }
 function Wt(e) {
-  var n = e.event, t = e.coordinates, i = e.positionRestrictions, a = i === void 0 ? {} : i, o = Se(t, n.directions);
-  return Se(o, it(o, a));
+  var i = e.event, t = e.coordinates, n = e.positionRestrictions, a = n === void 0 ? {} : n, o = Se(t, i.directions);
+  return Se(o, nt(o, a));
 }
 function mo(e) {
-  var n = e.coordinates, t = e.transform, i = e.imageSize, a = e.sizeRestrictions, o = e.positionRestrictions, r = e.aspectRatio, l = e.visibleArea, s = function(d, h) {
+  var i = e.coordinates, t = e.transform, n = e.imageSize, a = e.sizeRestrictions, o = e.positionRestrictions, r = e.aspectRatio, l = e.visibleArea, s = function(d, h) {
     return Wt({ coordinates: d, positionRestrictions: o, event: new Qt({ left: h.left - d.left, top: h.top - d.top }) });
-  }, u = H({}, n);
+  }, u = H({}, i);
   return (Array.isArray(t) ? t : [t]).forEach(function(d) {
     var h = {};
-    fe((h = typeof d == "function" ? d({ coordinates: u, imageSize: i, visibleArea: l }) : d).width) && fe(h.height) || (u = function(m, c) {
+    fe((h = typeof d == "function" ? d({ coordinates: u, imageSize: n, visibleArea: l }) : d).width) && fe(h.height) || (u = function(m, c) {
       var y = H(H(H({}, m), De({ width: c.width, height: c.height, sizeRestrictions: a, aspectRatio: r })), { left: 0, top: 0 });
       return s(y, { left: m.left, top: m.top });
     }(u, H(H({}, u), h))), fe(h.left) && fe(h.top) || (u = s(u, H(H({}, u), h)));
@@ -1227,83 +1229,83 @@ function mo(e) {
 }
 function ho(e) {
   e.event;
-  var n = e.getAreaRestrictions, t = e.boundaries, i = e.coordinates, a = e.visibleArea;
+  var i = e.getAreaRestrictions, t = e.boundaries, n = e.coordinates, a = e.visibleArea;
   e.aspectRatio;
   var o = e.stencilSize, r = e.sizeRestrictions, l = e.positionRestrictions;
   e.stencilReference;
-  var s, u, d, h = H({}, i), m = H({}, a), c = H({}, o);
+  var s, u, d, h = H({}, n), m = H({}, a), c = H({}, o);
   s = oe(c), u = oe(h), d === void 0 && (d = 1e-3), (s === 0 || u === 0 ? Math.abs(u - s) < d : Math.abs(u / s) < 1 + d && Math.abs(u / s) > 1 - d) || (h = H(H({}, h), De({ sizeRestrictions: r, width: h.width, height: h.height, aspectRatio: { minimum: oe(c), maximum: oe(c) } })));
-  var y = At(m = xe(m, h.width * t.width / (m.width * c.width)), n({ visibleArea: m, type: "resize" }));
-  return y !== 1 && (m = xe(m, y), h = xe(h, y)), m = ve(m = Se(m, tt(ge(h), ge(m))), n({ visibleArea: m, type: "move" })), { coordinates: h = ve(h, xt(Fe(m), l)), visibleArea: m };
+  var y = At(m = xe(m, h.width * t.width / (m.width * c.width)), i({ visibleArea: m, type: "resize" }));
+  return y !== 1 && (m = xe(m, y), h = xe(h, y)), m = ve(m = Se(m, tt(ge(h), ge(m))), i({ visibleArea: m, type: "move" })), { coordinates: h = ve(h, xt(Fe(m), l)), visibleArea: m };
 }
 function po(e) {
-  var n = e.event, t = e.getAreaRestrictions, i = e.boundaries, a = e.coordinates, o = e.visibleArea;
+  var i = e.event, t = e.getAreaRestrictions, n = e.boundaries, a = e.coordinates, o = e.visibleArea;
   e.aspectRatio, e.stencilSize, e.sizeRestrictions;
   var r = e.positionRestrictions;
   e.stencilReference;
   var l = H({}, a), s = H({}, o);
-  if (a && o && n.type !== "manipulateImage") {
+  if (a && o && i.type !== "manipulateImage") {
     var u = { width: 0, height: 0 };
-    s.width, i.width, oe(i) > oe(l) ? (u.height = 0.8 * i.height, u.width = u.height * oe(l)) : (u.width = 0.8 * i.width, u.height = u.width * oe(l));
-    var d = At(s = xe(s, l.width * i.width / (s.width * u.width)), t({ visibleArea: s, type: "resize" }));
+    s.width, n.width, oe(n) > oe(l) ? (u.height = 0.8 * n.height, u.width = u.height * oe(l)) : (u.width = 0.8 * n.width, u.height = u.width * oe(l));
+    var d = At(s = xe(s, l.width * n.width / (s.width * u.width)), t({ visibleArea: s, type: "resize" }));
     s = xe(s, d), d !== 1 && (u.height /= d, u.width /= d), s = ve(s = Se(s, tt(ge(l), ge(s))), t({ visibleArea: s, type: "move" })), l = ve(l, xt(Fe(s), r));
   }
   return { coordinates: l, visibleArea: s };
 }
 function fo(e) {
-  var n = e.event, t = e.coordinates, i = e.visibleArea, a = e.getAreaRestrictions, o = H({}, i), r = H({}, t);
-  if (n.type === "setCoordinates") {
+  var i = e.event, t = e.coordinates, n = e.visibleArea, a = e.getAreaRestrictions, o = H({}, n), r = H({}, t);
+  if (i.type === "setCoordinates") {
     var l = Math.max(0, r.width - o.width), s = Math.max(0, r.height - o.height);
-    l > s ? o = xe(o, Math.min(r.width / o.width, nt(o, a({ visibleArea: o, type: "resize" })))) : s > l && (o = xe(o, Math.min(r.height / o.height, nt(o, a({ visibleArea: o, type: "resize" }))))), o = ve(o = Se(o, Rt(it(r, Fe(o)))), a({ visibleArea: o, type: "move" }));
+    l > s ? o = xe(o, Math.min(r.width / o.width, it(o, a({ visibleArea: o, type: "resize" })))) : s > l && (o = xe(o, Math.min(r.height / o.height, it(o, a({ visibleArea: o, type: "resize" }))))), o = ve(o = Se(o, Rt(nt(r, Fe(o)))), a({ visibleArea: o, type: "move" }));
   }
   return { visibleArea: o, coordinates: r };
 }
 function go(e) {
-  var n = e.imageSize, t = e.visibleArea, i = e.coordinates, a = t || n;
-  return { left: (t ? t.left : 0) + a.width / 2 - i.width / 2, top: (t ? t.top : 0) + a.height / 2 - i.height / 2 };
+  var i = e.imageSize, t = e.visibleArea, n = e.coordinates, a = t || i;
+  return { left: (t ? t.left : 0) + a.width / 2 - n.width / 2, top: (t ? t.top : 0) + a.height / 2 - n.height / 2 };
 }
 function vo(e) {
-  var n = e.imageSize, t = e.visibleArea, i = e.aspectRatio, a = e.sizeRestrictions, o = t || n, r = Math.min(i.maximum || 1 / 0, Math.max(i.minimum || 0, oe(o))), l = o.width < o.height ? { width: 0.8 * o.width, height: 0.8 * o.width / r } : { height: 0.8 * o.height, width: 0.8 * o.height * r };
-  return De(H(H({}, l), { aspectRatio: i, sizeRestrictions: a }));
+  var i = e.imageSize, t = e.visibleArea, n = e.aspectRatio, a = e.sizeRestrictions, o = t || i, r = Math.min(n.maximum || 1 / 0, Math.max(n.minimum || 0, oe(o))), l = o.width < o.height ? { width: 0.8 * o.width, height: 0.8 * o.width / r } : { height: 0.8 * o.height, width: 0.8 * o.height * r };
+  return De(H(H({}, l), { aspectRatio: n, sizeRestrictions: a }));
 }
 function bo(e) {
-  var n, t, i = e.imageSize, a = e.visibleArea, o = e.boundaries, r = e.aspectRatio, l = e.sizeRestrictions, s = e.stencilSize, u = a || i;
-  return oe(u) > oe(o) ? t = (n = s.height * u.height / o.height) * oe(s) : n = (t = s.width * u.width / o.width) / oe(s), De({ width: t, height: n, aspectRatio: r, sizeRestrictions: l });
+  var i, t, n = e.imageSize, a = e.visibleArea, o = e.boundaries, r = e.aspectRatio, l = e.sizeRestrictions, s = e.stencilSize, u = a || n;
+  return oe(u) > oe(o) ? t = (i = s.height * u.height / o.height) * oe(s) : i = (t = s.width * u.width / o.width) / oe(s), De({ width: t, height: i, aspectRatio: r, sizeRestrictions: l });
 }
 function yo(e) {
-  var n = e.getAreaRestrictions, t = e.coordinates, i = e.imageSize, a = oe(e.boundaries);
+  var i = e.getAreaRestrictions, t = e.coordinates, n = e.imageSize, a = oe(e.boundaries);
   if (t) {
-    var o = { height: Math.max(t.height, i.height), width: Math.max(t.width, i.width) }, r = Hn({ width: oe(o) > a ? o.width : o.height * a, height: oe(o) > a ? o.width / a : o.height }, Gt(n())), l = { left: t.left + t.width / 2 - r.width / 2, top: t.top + t.height / 2 - r.height / 2, width: r.width, height: r.height }, s = st(t, Fe(H({ left: 0, top: 0 }, i))), u = {};
-    return !s.left && !s.right && l.width <= i.width && (u.left = 0, u.right = i.width), !s.top && !s.bottom && l.height <= i.height && (u.top = 0, u.bottom = i.height), ve(l, u);
+    var o = { height: Math.max(t.height, n.height), width: Math.max(t.width, n.width) }, r = Yi({ width: oe(o) > a ? o.width : o.height * a, height: oe(o) > a ? o.width / a : o.height }, Gt(i())), l = { left: t.left + t.width / 2 - r.width / 2, top: t.top + t.height / 2 - r.height / 2, width: r.width, height: r.height }, s = st(t, Fe(H({ left: 0, top: 0 }, n))), u = {};
+    return !s.left && !s.right && l.width <= n.width && (u.left = 0, u.right = n.width), !s.top && !s.bottom && l.height <= n.height && (u.top = 0, u.bottom = n.height), ve(l, u);
   }
-  var d = oe(i);
-  return r = { height: d > a ? i.height : i.width / a, width: d > a ? i.height * a : i.width }, { left: i.width / 2 - r.width / 2, top: i.height / 2 - r.height / 2, width: r.width, height: r.height };
+  var d = oe(n);
+  return r = { height: d > a ? n.height : n.width / a, width: d > a ? n.height * a : n.width }, { left: n.width / 2 - r.width / 2, top: n.height / 2 - r.height / 2, width: r.width, height: r.height };
 }
-function pt(e, n) {
-  return qn(e, Fe(n));
+function pt(e, i) {
+  return Xi(e, Fe(i));
 }
 function _o(e) {
-  var n = e.event, t = e.coordinates, i = e.visibleArea, a = e.sizeRestrictions, o = e.getAreaRestrictions, r = e.positionRestrictions, l = e.adjustStencil, s = n.scale, u = n.move, d = H({}, i), h = H({}, t), m = 1, c = 1, y = s.factor && Math.abs(s.factor - 1) > 1e-3;
+  var i = e.event, t = e.coordinates, n = e.visibleArea, a = e.sizeRestrictions, o = e.getAreaRestrictions, r = e.positionRestrictions, l = e.adjustStencil, s = i.scale, u = i.move, d = H({}, n), h = H({}, t), m = 1, c = 1, y = s.factor && Math.abs(s.factor - 1) > 1e-3;
   d = Se(d, { left: u.left || 0, top: u.top || 0 });
-  var v = { stencil: { minimum: Math.max(a.minWidth ? a.minWidth / h.width : 0, a.minHeight ? a.minHeight / h.height : 0), maximum: Math.min(a.maxWidth ? a.maxWidth / h.width : 1 / 0, a.maxHeight ? a.maxHeight / h.height : 1 / 0, nt(h, r)) }, area: { maximum: nt(d, o({ visibleArea: d, type: "resize" })) } };
+  var v = { stencil: { minimum: Math.max(a.minWidth ? a.minWidth / h.width : 0, a.minHeight ? a.minHeight / h.height : 0), maximum: Math.min(a.maxWidth ? a.maxWidth / h.width : 1 / 0, a.maxHeight ? a.maxHeight / h.height : 1 / 0, it(h, r)) }, area: { maximum: it(d, o({ visibleArea: d, type: "resize" })) } };
   s.factor && y && (s.factor < 1 ? (c = Math.max(s.factor, v.stencil.minimum)) > 1 && (c = 1) : s.factor > 1 && (c = Math.min(s.factor, Math.min(v.area.maximum, v.stencil.maximum))) < 1 && (c = 1)), c && (d = xe(d, c, s.center));
-  var g = t.left - i.left, w = i.width + i.left - (t.width + t.left), z = t.top - i.top, O = i.height + i.top - (t.height + t.top);
-  return d = ve(d = Se(d, it(d, { left: r.left !== void 0 ? r.left - g * c : void 0, top: r.top !== void 0 ? r.top - z * c : void 0, bottom: r.bottom !== void 0 ? r.bottom + O * c : void 0, right: r.right !== void 0 ? r.right + w * c : void 0 })), o({ visibleArea: d, type: "move" })), h.width = h.width * c, h.height = h.height * c, h.left = d.left + g * c, h.top = d.top + z * c, h = ve(h, xt(Fe(d), r)), s.factor && y && l && (s.factor > 1 ? m = Math.min(v.area.maximum, s.factor) / c : s.factor < 1 && (m = Math.max(h.height / d.height, h.width / d.width, s.factor / c)), m !== 1 && (d = Se(d = ve(d = xe(d, m, s.factor > 1 ? s.center : ge(h)), o({ visibleArea: d, type: "move" })), Rt(it(h, Fe(d)))))), { coordinates: h, visibleArea: d };
+  var g = t.left - n.left, w = n.width + n.left - (t.width + t.left), z = t.top - n.top, O = n.height + n.top - (t.height + t.top);
+  return d = ve(d = Se(d, nt(d, { left: r.left !== void 0 ? r.left - g * c : void 0, top: r.top !== void 0 ? r.top - z * c : void 0, bottom: r.bottom !== void 0 ? r.bottom + O * c : void 0, right: r.right !== void 0 ? r.right + w * c : void 0 })), o({ visibleArea: d, type: "move" })), h.width = h.width * c, h.height = h.height * c, h.left = d.left + g * c, h.top = d.top + z * c, h = ve(h, xt(Fe(d), r)), s.factor && y && l && (s.factor > 1 ? m = Math.min(v.area.maximum, s.factor) / c : s.factor < 1 && (m = Math.max(h.height / d.height, h.width / d.width, s.factor / c)), m !== 1 && (d = Se(d = ve(d = xe(d, m, s.factor > 1 ? s.center : ge(h)), o({ visibleArea: d, type: "move" })), Rt(nt(h, Fe(d)))))), { coordinates: h, visibleArea: d };
 }
 function wo(e) {
-  var n = e.aspectRatio, t = e.getAreaRestrictions, i = e.coordinates, a = e.visibleArea, o = e.sizeRestrictions, r = e.positionRestrictions, l = e.imageSize, s = e.previousImageSize, u = e.angle, d = H({}, i), h = H({}, a), m = Ve(ge(H({ left: 0, top: 0 }, s)), u);
-  return (d = H(H({}, De({ sizeRestrictions: o, aspectRatio: n, width: d.width, height: d.height })), Ve(ge(d), u))).left -= m.left - l.width / 2 + d.width / 2, d.top -= m.top - l.height / 2 + d.height / 2, h = xe(h, At(h, t({ visibleArea: h, type: "resize" }))), { coordinates: d = ve(d, r), visibleArea: h = ve(h = Se(h, tt(ge(d), ge(i))), t({ visibleArea: h, type: "move" })) };
+  var i = e.aspectRatio, t = e.getAreaRestrictions, n = e.coordinates, a = e.visibleArea, o = e.sizeRestrictions, r = e.positionRestrictions, l = e.imageSize, s = e.previousImageSize, u = e.angle, d = H({}, n), h = H({}, a), m = Ve(ge(H({ left: 0, top: 0 }, s)), u);
+  return (d = H(H({}, De({ sizeRestrictions: o, aspectRatio: i, width: d.width, height: d.height })), Ve(ge(d), u))).left -= m.left - l.width / 2 + d.width / 2, d.top -= m.top - l.height / 2 + d.height / 2, h = xe(h, At(h, t({ visibleArea: h, type: "resize" }))), { coordinates: d = ve(d, r), visibleArea: h = ve(h = Se(h, tt(ge(d), ge(n))), t({ visibleArea: h, type: "move" })) };
 }
 function So(e) {
-  var n = e.flip, t = e.previousFlip, i = e.rotate, a = e.getAreaRestrictions, o = e.coordinates, r = e.visibleArea, l = e.imageSize, s = H({}, o), u = H({}, r), d = t.horizontal !== n.horizontal, h = t.vertical !== n.vertical;
+  var i = e.flip, t = e.previousFlip, n = e.rotate, a = e.getAreaRestrictions, o = e.coordinates, r = e.visibleArea, l = e.imageSize, s = H({}, o), u = H({}, r), d = t.horizontal !== i.horizontal, h = t.vertical !== i.vertical;
   if (d || h) {
-    var m = Ve({ left: l.width / 2, top: l.height / 2 }, -i), c = Ve(ge(s), -i), y = Ve({ left: d ? m.left - (c.left - m.left) : c.left, top: h ? m.top - (c.top - m.top) : c.top }, i);
-    s = Se(s, tt(y, ge(s))), c = Ve(ge(u), -i), u = ve(u = Se(u, tt(y = Ve({ left: d ? m.left - (c.left - m.left) : c.left, top: h ? m.top - (c.top - m.top) : c.top }, i), ge(u))), a({ visibleArea: u, type: "move" }));
+    var m = Ve({ left: l.width / 2, top: l.height / 2 }, -n), c = Ve(ge(s), -n), y = Ve({ left: d ? m.left - (c.left - m.left) : c.left, top: h ? m.top - (c.top - m.top) : c.top }, n);
+    s = Se(s, tt(y, ge(s))), c = Ve(ge(u), -n), u = ve(u = Se(u, tt(y = Ve({ left: d ? m.left - (c.left - m.left) : c.left, top: h ? m.top - (c.top - m.top) : c.top }, n), ge(u))), a({ visibleArea: u, type: "move" }));
   }
   return { coordinates: s, visibleArea: u };
 }
-function kn(e) {
-  var n = e.directions, t = e.coordinates, i = e.positionRestrictions, a = i === void 0 ? {} : i, o = e.sizeRestrictions, r = e.preserveRatio, l = e.compensate, s = H({}, n), u = Oe(t, s).width, d = Oe(t, s).height;
+function xi(e) {
+  var i = e.directions, t = e.coordinates, n = e.positionRestrictions, a = n === void 0 ? {} : n, o = e.sizeRestrictions, r = e.preserveRatio, l = e.compensate, s = H({}, i), u = Oe(t, s).width, d = Oe(t, s).height;
   u < 0 && (s.left < 0 && s.right < 0 ? (s.left = -(t.width - o.minWidth) / (s.left / s.right), s.right = -(t.width - o.minWidth) / (s.right / s.left)) : s.left < 0 ? s.left = -(t.width - o.minWidth) : s.right < 0 && (s.right = -(t.width - o.minWidth))), d < 0 && (s.top < 0 && s.bottom < 0 ? (s.top = -(t.height - o.minHeight) / (s.top / s.bottom), s.bottom = -(t.height - o.minHeight) / (s.bottom / s.top)) : s.top < 0 ? s.top = -(t.height - o.minHeight) : s.bottom < 0 && (s.bottom = -(t.height - o.minHeight)));
   var h = st(Oe(t, s), a);
   l && (h.left && h.left > 0 && h.right === 0 ? (s.right += h.left, s.left -= h.left) : h.right && h.right > 0 && h.left === 0 && (s.left += h.right, s.right -= h.right), h.top && h.top > 0 && h.bottom === 0 ? (s.bottom += h.top, s.top -= h.top) : h.bottom && h.bottom > 0 && h.top === 0 && (s.top += h.bottom, s.bottom -= h.bottom), h = st(Oe(t, s), a));
@@ -1333,14 +1335,14 @@ function kn(e) {
   });
   return s;
 }
-function ft(e, n, t) {
-  return n == 0 && t == 0 ? e / 2 : n == 0 ? 0 : t == 0 ? e : e * Math.abs(n / (n + t));
+function ft(e, i, t) {
+  return i == 0 && t == 0 ? e / 2 : i == 0 ? 0 : t == 0 ? e : e * Math.abs(i / (i + t));
 }
-var Co = Me("vue-simple-handler"), Ro = Me("vue-simple-handler-wrapper"), en = { name: "SimpleHandler", components: { HandlerWrapper: jn }, props: { defaultClass: { type: String }, hoverClass: { type: String }, wrapperClass: { type: String }, horizontalPosition: { type: String }, verticalPosition: { type: String }, disabled: { type: Boolean, default: !1 } }, data: function() {
+var Co = Me("vue-simple-handler"), Ro = Me("vue-simple-handler-wrapper"), ei = { name: "SimpleHandler", components: { HandlerWrapper: Wi }, props: { defaultClass: { type: String }, hoverClass: { type: String }, wrapperClass: { type: String }, horizontalPosition: { type: String }, verticalPosition: { type: String }, disabled: { type: Boolean, default: !1 } }, data: function() {
   return { hover: !1 };
 }, computed: { classes: function() {
-  var e, n = (Ae(e = {}, this.horizontalPosition, !!this.horizontalPosition), Ae(e, this.verticalPosition, !!this.verticalPosition), Ae(e, "".concat(this.horizontalPosition, "-").concat(this.verticalPosition), !!(this.verticalPosition && this.horizontalPosition)), Ae(e, "hover", this.hover), e);
-  return { default: de(Co(n), this.defaultClass, this.hover && this.hoverClass), wrapper: de(Ro(n), this.wrapperClass) };
+  var e, i = (Ae(e = {}, this.horizontalPosition, !!this.horizontalPosition), Ae(e, this.verticalPosition, !!this.verticalPosition), Ae(e, "".concat(this.horizontalPosition, "-").concat(this.verticalPosition), !!(this.verticalPosition && this.horizontalPosition)), Ae(e, "hover", this.hover), e);
+  return { default: de(Co(i), this.defaultClass, this.hover && this.hoverClass), wrapper: de(Ro(i), this.wrapperClass) };
 } }, methods: { onDrag: function(e) {
   this.$emit("drag", e);
 }, onEnter: function() {
@@ -1350,13 +1352,13 @@ var Co = Me("vue-simple-handler"), Ro = Me("vue-simple-handler-wrapper"), en = {
 }, onDragEnd: function() {
   this.$emit("drag-end");
 } }, emits: ["drag", "drag-end"] };
-en.render = function(e, n, t, i, a, o) {
+ei.render = function(e, i, t, n, a, o) {
   var r = B("HandlerWrapper");
   return F(), G(r, { class: o.classes.wrapper, "vertical-position": t.verticalPosition, "horizontal-position": t.horizontalPosition, disabled: t.disabled, onDrag: o.onDrag, onDragEnd: o.onDragEnd, onEnter: o.onEnter, onLeave: o.onLeave }, { default: N(function() {
     return [C("div", { class: o.classes.default }, null, 2)];
   }), _: 1 }, 8, ["class", "vertical-position", "horizontal-position", "disabled", "onDrag", "onDragEnd", "onEnter", "onLeave"]);
 };
-var Ao = Me("vue-simple-line"), xo = Me("vue-simple-line-wrapper"), tn = { name: "SimpleLine", components: { LineWrapper: Yn }, props: { defaultClass: { type: String }, hoverClass: { type: String }, wrapperClass: { type: String }, position: { type: String }, disabled: { type: Boolean, default: !1 } }, data: function() {
+var Ao = Me("vue-simple-line"), xo = Me("vue-simple-line-wrapper"), ti = { name: "SimpleLine", components: { LineWrapper: ji }, props: { defaultClass: { type: String }, hoverClass: { type: String }, wrapperClass: { type: String }, position: { type: String }, disabled: { type: Boolean, default: !1 } }, data: function() {
   return { hover: !1 };
 }, computed: { classes: function() {
   return { root: de(Ao(Ae({}, this.position, !0)), this.defaultClass, this.hover && this.hoverClass), wrapper: de(xo(Ae({}, this.position, !0)), this.wrapperClass) };
@@ -1369,16 +1371,16 @@ var Ao = Me("vue-simple-line"), xo = Me("vue-simple-line-wrapper"), tn = { name:
 }, onDragEnd: function() {
   this.$emit("drag-end");
 } }, emits: ["drag", "drag-end"] };
-tn.render = function(e, n, t, i, a, o) {
+ti.render = function(e, i, t, n, a, o) {
   var r = B("LineWrapper");
   return F(), G(r, { class: o.classes.wrapper, position: t.position, disabled: t.disabled, onDrag: o.onDrag, onDragEnd: o.onDragEnd, onEnter: o.onEnter, onLeave: o.onLeave }, { default: N(function() {
     return [C("div", { class: o.classes.root }, null, 2)];
   }), _: 1 }, 8, ["class", "position", "disabled", "onDrag", "onDragEnd", "onEnter", "onLeave"]);
 };
-var Pt = Me("vue-bounding-box"), ko = ["east", "west", null], Mo = ["south", "north", null], Zn = { name: "BoundingBox", props: { width: { type: Number }, height: { type: Number }, transitions: { type: Object }, handlers: { type: Object, default: function() {
+var Pt = Me("vue-bounding-box"), ko = ["east", "west", null], Mo = ["south", "north", null], qi = { name: "BoundingBox", props: { width: { type: Number }, height: { type: Number }, transitions: { type: Object }, handlers: { type: Object, default: function() {
   return { eastNorth: !0, north: !0, westNorth: !0, west: !0, westSouth: !0, south: !0, eastSouth: !0, east: !0 };
 } }, handlersComponent: { type: [Object, String], default: function() {
-  return en;
+  return ei;
 } }, handlersClasses: { type: Object, default: function() {
   return {};
 } }, handlersWrappersClasses: { type: Object, default: function() {
@@ -1386,18 +1388,18 @@ var Pt = Me("vue-bounding-box"), ko = ["east", "west", null], Mo = ["south", "no
 } }, lines: { type: Object, default: function() {
   return { west: !0, north: !0, east: !0, south: !0 };
 } }, linesComponent: { type: [Object, String], default: function() {
-  return tn;
+  return ti;
 } }, linesClasses: { type: Object, default: function() {
   return {};
 } }, linesWrappersClasses: { type: Object, default: function() {
   return {};
 } }, resizable: { type: Boolean, default: !0 } }, data: function() {
   var e = [];
-  return ko.forEach(function(n) {
+  return ko.forEach(function(i) {
     Mo.forEach(function(t) {
-      if (n !== t) {
-        var i = Bn(n, t), a = i.name, o = i.classname;
-        e.push({ name: a, classname: o, verticalDirection: t, horizontalDirection: n });
+      if (i !== t) {
+        var n = Li(i, t), a = n.name, o = n.classname;
+        e.push({ name: a, classname: o, verticalDirection: t, horizontalDirection: i });
       }
     });
   }), { points: e };
@@ -1405,25 +1407,25 @@ var Pt = Me("vue-bounding-box"), ko = ["east", "west", null], Mo = ["south", "no
   var e = {};
   return this.width && this.height && (e.width = "".concat(this.width, "px"), e.height = "".concat(this.height, "px"), this.transitions && this.transitions.enabled && (e.transition = "".concat(this.transitions.time, "ms ").concat(this.transitions.timingFunction))), e;
 }, classes: function() {
-  var e = this.handlersClasses, n = this.handlersWrappersClasses, t = this.linesClasses, i = this.linesWrappersClasses;
-  return { root: Pt(), handlers: e, handlersWrappers: n, lines: t, linesWrappers: i };
+  var e = this.handlersClasses, i = this.handlersWrappersClasses, t = this.linesClasses, n = this.linesWrappersClasses;
+  return { root: Pt(), handlers: e, handlersWrappers: i, lines: t, linesWrappers: n };
 }, lineNodes: function() {
-  var e = this, n = [];
+  var e = this, i = [];
   return this.points.forEach(function(t) {
-    t.horizontalDirection && t.verticalDirection || !e.lines[t.name] || n.push({ name: t.name, component: e.linesComponent, class: de(e.classes.lines.default, e.classes.lines[t.name], !e.resizable && e.classes.lines.disabled), wrapperClass: de(e.classes.linesWrappers.default, e.classes.linesWrappers[t.name], !e.resizable && e.classes.linesWrappers.disabled), hoverClass: e.classes.lines.hover, verticalDirection: t.verticalDirection, horizontalDirection: t.horizontalDirection, disabled: !e.resizable });
-  }), n;
+    t.horizontalDirection && t.verticalDirection || !e.lines[t.name] || i.push({ name: t.name, component: e.linesComponent, class: de(e.classes.lines.default, e.classes.lines[t.name], !e.resizable && e.classes.lines.disabled), wrapperClass: de(e.classes.linesWrappers.default, e.classes.linesWrappers[t.name], !e.resizable && e.classes.linesWrappers.disabled), hoverClass: e.classes.lines.hover, verticalDirection: t.verticalDirection, horizontalDirection: t.horizontalDirection, disabled: !e.resizable });
+  }), i;
 }, handlerNodes: function() {
-  var e = this, n = [], t = this.width, i = this.height;
+  var e = this, i = [], t = this.width, n = this.height;
   return this.points.forEach(function(a) {
     if (e.handlers[a.name]) {
       var o = { name: a.name, component: e.handlersComponent, class: de(e.classes.handlers.default, e.classes.handlers[a.name]), wrapperClass: de(e.classes.handlersWrappers.default, e.classes.handlersWrappers[a.name]), hoverClass: e.classes.handlers.hover, verticalDirection: a.verticalDirection, horizontalDirection: a.horizontalDirection, disabled: !e.resizable };
-      if (t && i) {
-        var r = a.horizontalDirection, l = a.verticalDirection, s = r === "east" ? t : r === "west" ? 0 : t / 2, u = l === "south" ? i : l === "north" ? 0 : i / 2;
+      if (t && n) {
+        var r = a.horizontalDirection, l = a.verticalDirection, s = r === "east" ? t : r === "west" ? 0 : t / 2, u = l === "south" ? n : l === "north" ? 0 : n / 2;
         o.wrapperClass = Pt("handler"), o.wrapperStyle = { transform: "translate(".concat(s, "px, ").concat(u, "px)") }, e.transitions && e.transitions.enabled && (o.wrapperStyle.transition = "".concat(e.transitions.time, "ms ").concat(e.transitions.timingFunction));
       } else o.wrapperClass = Pt("handler", Ae({}, a.classname, !0));
-      n.push(o);
+      i.push(o);
     }
-  }), n;
+  }), i;
 } }, beforeMount: function() {
   window.addEventListener("mouseup", this.onMouseUp, { passive: !1 }), window.addEventListener("mousemove", this.onMouseMove, { passive: !1 }), window.addEventListener("touchmove", this.onTouchMove, { passive: !1 }), window.addEventListener("touchend", this.onTouchEnd, { passive: !1 });
 }, beforeUnmount: function() {
@@ -1432,26 +1434,26 @@ var Pt = Me("vue-bounding-box"), ko = ["east", "west", null], Mo = ["south", "no
   this.touches = [];
 }, methods: { onEnd: function() {
   this.$emit("resize-end");
-}, onHandlerDrag: function(e, n, t) {
-  var i, a = e.shift(), o = a.left, r = a.top, l = { left: 0, right: 0, top: 0, bottom: 0 };
-  n === "west" ? l.left -= o : n === "east" && (l.right += o), t === "north" ? l.top -= r : t === "south" && (l.bottom += r), !t && n ? i = "width" : t && !n && (i = "height"), this.resizable && this.$emit("resize", new io(l, { allowedDirections: { left: n === "west" || !n, right: n === "east" || !n, bottom: t === "south" || !t, top: t === "north" || !t }, preserveAspectRatio: e.nativeEvent && e.nativeEvent.shiftKey, respectDirection: i }));
+}, onHandlerDrag: function(e, i, t) {
+  var n, a = e.shift(), o = a.left, r = a.top, l = { left: 0, right: 0, top: 0, bottom: 0 };
+  i === "west" ? l.left -= o : i === "east" && (l.right += o), t === "north" ? l.top -= r : t === "south" && (l.bottom += r), !t && i ? n = "width" : t && !i && (n = "height"), this.resizable && this.$emit("resize", new no(l, { allowedDirections: { left: i === "west" || !i, right: i === "east" || !i, bottom: t === "south" || !t, top: t === "north" || !t }, preserveAspectRatio: e.nativeEvent && e.nativeEvent.shiftKey, respectDirection: n }));
 } }, emits: ["resize", "resize-end"] };
-Zn.render = function(e, n, t, i, a, o) {
+qi.render = function(e, i, t, n, a, o) {
   return F(), G("div", { ref: "box", class: o.classes.root, style: o.style }, [he(e.$slots, "default"), C("div", null, [(F(!0), G(Re, null, Ke(o.lineNodes, function(r) {
     return F(), G(yt(r.component), { key: r.name, "default-class": r.class, "hover-class": r.hoverClass, "wrapper-class": r.wrapperClass, position: r.name, disabled: r.disabled, onDrag: function(l) {
       return o.onHandlerDrag(l, r.horizontalDirection, r.verticalDirection);
-    }, onDragEnd: n[1] || (n[1] = function(l) {
+    }, onDragEnd: i[1] || (i[1] = function(l) {
       return o.onEnd();
     }) }, null, 8, ["default-class", "hover-class", "wrapper-class", "position", "disabled", "onDrag"]);
   }), 128))]), (F(!0), G(Re, null, Ke(o.handlerNodes, function(r) {
     return F(), G("div", { key: r.name, style: r.wrapperStyle, class: r.wrapperClass }, [(F(), G(yt(r.component), { "default-class": r.class, "hover-class": r.hoverClass, "wrapper-class": r.wrapperClass, "horizontal-position": r.horizontalDirection, "vertical-position": r.verticalDirection, disabled: r.disabled, onDrag: function(l) {
       return o.onHandlerDrag(l, r.horizontalDirection, r.verticalDirection);
-    }, onDragEnd: n[2] || (n[2] = function(l) {
+    }, onDragEnd: i[2] || (i[2] = function(l) {
       return o.onEnd();
     }) }, null, 8, ["default-class", "hover-class", "wrapper-class", "horizontal-position", "vertical-position", "disabled", "onDrag"]))], 6);
   }), 128))], 6);
 };
-var Oo = Me("vue-draggable-area"), Qn = { name: "DraggableArea", props: { movable: { type: Boolean, default: !0 }, activationDistance: { type: Number, default: 20 } }, computed: { classnames: function() {
+var Oo = Me("vue-draggable-area"), Zi = { name: "DraggableArea", props: { movable: { type: Boolean, default: !0 }, activationDistance: { type: Number, default: 20 } }, computed: { classnames: function() {
   return { default: Oo() };
 } }, beforeMount: function() {
   window.addEventListener("mouseup", this.onMouseUp, { passive: !1 }), window.addEventListener("mousemove", this.onMouseMove, { passive: !1 }), window.addEventListener("touchmove", this.onTouchMove, { passive: !1 }), window.addEventListener("touchend", this.onTouchEnd, { passive: !1 });
@@ -1461,66 +1463,66 @@ var Oo = Me("vue-draggable-area"), Qn = { name: "DraggableArea", props: { movabl
   this.touches = [], this.touchStarted = !1;
 }, methods: { onTouchStart: function(e) {
   if (e.cancelable) {
-    var n = this.movable && e.touches.length === 1;
-    n && (this.touches = qe(e.touches)), (this.touchStarted || n) && (e.preventDefault(), e.stopPropagation());
+    var i = this.movable && e.touches.length === 1;
+    i && (this.touches = qe(e.touches)), (this.touchStarted || i) && (e.preventDefault(), e.stopPropagation());
   }
 }, onTouchEnd: function() {
   this.touchStarted = !1, this.processEnd();
 }, onTouchMove: function(e) {
-  this.touches.length >= 1 && (this.touchStarted ? (this.processMove(e, e.touches), e.preventDefault(), e.stopPropagation()) : Wn({ x: this.touches[0].clientX, y: this.touches[0].clientY }, { x: e.touches[0].clientX, y: e.touches[0].clientY }) > this.activationDistance && (this.initAnchor({ clientX: e.touches[0].clientX, clientY: e.touches[0].clientY }), this.touchStarted = !0));
+  this.touches.length >= 1 && (this.touchStarted ? (this.processMove(e, e.touches), e.preventDefault(), e.stopPropagation()) : Gi({ x: this.touches[0].clientX, y: this.touches[0].clientY }, { x: e.touches[0].clientX, y: e.touches[0].clientY }) > this.activationDistance && (this.initAnchor({ clientX: e.touches[0].clientX, clientY: e.touches[0].clientY }), this.touchStarted = !0));
 }, onMouseDown: function(e) {
   if (this.movable && e.button === 0) {
-    var n = { fake: !0, clientX: e.clientX, clientY: e.clientY };
-    this.touches = [n], this.initAnchor(n), e.stopPropagation();
+    var i = { fake: !0, clientX: e.clientX, clientY: e.clientY };
+    this.touches = [i], this.initAnchor(i), e.stopPropagation();
   }
 }, onMouseMove: function(e) {
   this.touches.length && (this.processMove(e, [{ fake: !0, clientX: e.clientX, clientY: e.clientY }]), e.preventDefault && e.cancelable && e.preventDefault(), e.stopPropagation());
 }, onMouseUp: function() {
   this.processEnd();
 }, initAnchor: function(e) {
-  var n = this.$refs.container.getBoundingClientRect(), t = n.left, i = n.top;
-  this.anchor = { x: e.clientX - t, y: e.clientY - i };
-}, processMove: function(e, n) {
-  var t = qe(n);
+  var i = this.$refs.container.getBoundingClientRect(), t = i.left, n = i.top;
+  this.anchor = { x: e.clientX - t, y: e.clientY - n };
+}, processMove: function(e, i) {
+  var t = qe(i);
   if (this.touches.length) {
-    var i = this.$refs.container.getBoundingClientRect(), a = i.left, o = i.top;
+    var n = this.$refs.container.getBoundingClientRect(), a = n.left, o = n.top;
     this.touches.length === 1 && t.length === 1 && this.$emit("move", new Qt({ left: t[0].clientX - (a + this.anchor.x), top: t[0].clientY - (o + this.anchor.y) }));
   }
 }, processEnd: function() {
   this.touches.length && this.$emit("move-end"), this.touches = [];
 } }, emits: ["move", "move-end"] };
-Qn.render = function(e, n, t, i, a, o) {
-  return F(), G("div", { ref: "container", onTouchstart: n[1] || (n[1] = function() {
+Zi.render = function(e, i, t, n, a, o) {
+  return F(), G("div", { ref: "container", onTouchstart: i[1] || (i[1] = function() {
     return o.onTouchStart && o.onTouchStart.apply(o, arguments);
-  }), onMousedown: n[2] || (n[2] = function() {
+  }), onMousedown: i[2] || (i[2] = function() {
     return o.onMouseDown && o.onMouseDown.apply(o, arguments);
   }) }, [he(e.$slots, "default")], 544);
 };
 function Dt(e) {
-  var n, t;
-  return { rotate: e.rotate || 0, flip: { horizontal: ((n = e == null ? void 0 : e.flip) === null || n === void 0 ? void 0 : n.horizontal) || !1, vertical: ((t = e == null ? void 0 : e.flip) === null || t === void 0 ? void 0 : t.vertical) || !1 } };
+  var i, t;
+  return { rotate: e.rotate || 0, flip: { horizontal: ((i = e == null ? void 0 : e.flip) === null || i === void 0 ? void 0 : i.horizontal) || !1, vertical: ((t = e == null ? void 0 : e.flip) === null || t === void 0 ? void 0 : t.vertical) || !1 } };
 }
 function zo(e) {
-  return new Promise(function(n, t) {
+  return new Promise(function(i, t) {
     try {
-      if (e) if (/^data:/i.test(e)) n(function(s) {
+      if (e) if (/^data:/i.test(e)) i(function(s) {
         s = s.replace(/^data:([^;]+);base64,/gim, "");
         for (var u = atob(s), d = u.length, h = new ArrayBuffer(d), m = new Uint8Array(h), c = 0; c < d; c++) m[c] = u.charCodeAt(c);
         return h;
       }(e));
       else if (/^blob:/i.test(e)) {
-        var i = new FileReader();
-        i.onload = function(s) {
-          n(s.target.result);
+        var n = new FileReader();
+        n.onload = function(s) {
+          i(s.target.result);
         }, o = e, r = function(s) {
-          i.readAsArrayBuffer(s);
+          n.readAsArrayBuffer(s);
         }, (l = new XMLHttpRequest()).open("GET", o, !0), l.responseType = "blob", l.onload = function() {
           this.status != 200 && this.status !== 0 || r(this.response);
         }, l.send();
       } else {
         var a = new XMLHttpRequest();
         a.onreadystatechange = function() {
-          a.readyState === 4 && (a.status === 200 || a.status === 0 ? n(a.response) : t("Warning: could not load an image to parse its orientation"), a = null);
+          a.readyState === 4 && (a.status === 200 || a.status === 0 ? i(a.response) : t("Warning: could not load an image to parse its orientation"), a = null);
         }, a.onprogress = function() {
           a.getResponseHeader("content-type") !== "image/jpeg" && a.abort();
         }, a.withCredentials = !1, a.open("GET", e, !0), a.responseType = "arraybuffer", a.send(null);
@@ -1532,13 +1534,13 @@ function zo(e) {
     var o, r, l;
   });
 }
-function Jn(e) {
-  var n = e.rotate, t = e.flip, i = e.scaleX, a = e.scaleY, o = "";
-  return o += " rotate(" + n + "deg) ", o += " scaleX(" + i * (t.horizontal ? -1 : 1) + ") ", o += " scaleY(" + a * (t.vertical ? -1 : 1) + ") ";
+function Qi(e) {
+  var i = e.rotate, t = e.flip, n = e.scaleX, a = e.scaleY, o = "";
+  return o += " rotate(" + i + "deg) ", o += " scaleX(" + n * (t.horizontal ? -1 : 1) + ") ", o += " scaleY(" + a * (t.vertical ? -1 : 1) + ") ";
 }
 function Fo(e) {
   try {
-    var n, t = new DataView(e), i = void 0, a = void 0, o = void 0, r = void 0;
+    var i, t = new DataView(e), n = void 0, a = void 0, o = void 0, r = void 0;
     if (t.getUint8(0) === 255 && t.getUint8(1) === 216) for (var l = t.byteLength, s = 2; s + 1 < l; ) {
       if (t.getUint8(s) === 255 && t.getUint8(s + 1) === 225) {
         o = s;
@@ -1546,51 +1548,51 @@ function Fo(e) {
       }
       s++;
     }
-    if (o && (i = o + 10, function(c, y, v) {
+    if (o && (n = o + 10, function(c, y, v) {
       var g, w = "";
       for (g = y, v += y; g < v; g++) w += String.fromCharCode(c.getUint8(g));
       return w;
     }(t, o + 4, 4) === "Exif")) {
-      var u = t.getUint16(i);
-      if (((a = u === 18761) || u === 19789) && t.getUint16(i + 2, a) === 42) {
-        var d = t.getUint32(i + 4, a);
-        d >= 8 && (r = i + d);
+      var u = t.getUint16(n);
+      if (((a = u === 18761) || u === 19789) && t.getUint16(n + 2, a) === 42) {
+        var d = t.getUint32(n + 4, a);
+        d >= 8 && (r = n + d);
       }
     }
     if (r) {
       for (var h = t.getUint16(r, a), m = 0; m < h; m++)
         if (s = r + 12 * m + 2, t.getUint16(s, a) === 274) {
-          s += 8, n = t.getUint16(s, a), t.setUint16(s, 1, a);
+          s += 8, i = t.getUint16(s, a), t.setUint16(s, 1, a);
           break;
         }
     }
-    return n;
+    return i;
   } catch {
     return null;
   }
 }
-function Mn(e, n) {
-  var t = n.getBoundingClientRect(), i = t.left, a = t.top, o = { left: 0, top: 0 }, r = 0;
+function ki(e, i) {
+  var t = i.getBoundingClientRect(), n = t.left, a = t.top, o = { left: 0, top: 0 }, r = 0;
   return e.forEach(function(l) {
-    o.left += (l.clientX - i) / e.length, o.top += (l.clientY - a) / e.length;
+    o.left += (l.clientX - n) / e.length, o.top += (l.clientY - a) / e.length;
   }), e.forEach(function(l) {
-    r += Wn({ x: o.left, y: o.top }, { x: l.clientX - i, y: l.clientY - a });
+    r += Gi({ x: o.left, y: o.top }, { x: l.clientX - n, y: l.clientY - a });
   }), { centerMass: o, spread: r, count: e.length };
 }
-var ei = { props: { touchMove: { type: Boolean, required: !0 }, mouseMove: { type: Boolean, required: !0 }, touchResize: { type: Boolean, required: !0 }, wheelResize: { type: [Boolean, Object], required: !0 }, eventsFilter: { type: Function, required: !1 } }, beforeMount: function() {
+var Ji = { props: { touchMove: { type: Boolean, required: !0 }, mouseMove: { type: Boolean, required: !0 }, touchResize: { type: Boolean, required: !0 }, wheelResize: { type: [Boolean, Object], required: !0 }, eventsFilter: { type: Function, required: !1 } }, beforeMount: function() {
   window.addEventListener("mouseup", this.onMouseUp, { passive: !1 }), window.addEventListener("mousemove", this.onMouseMove, { passive: !1 }), window.addEventListener("touchmove", this.onTouchMove, { passive: !1 }), window.addEventListener("touchend", this.onTouchEnd, { passive: !1 });
 }, beforeUnmount: function() {
   window.removeEventListener("mouseup", this.onMouseUp), window.removeEventListener("mousemove", this.onMouseMove), window.removeEventListener("touchmove", this.onTouchMove), window.removeEventListener("touchend", this.onTouchEnd);
 }, created: function() {
   this.transforming = !1, this.debouncedProcessEnd = Bt(this.processEnd), this.touches = [];
-}, methods: { processMove: function(e, n) {
+}, methods: { processMove: function(e, i) {
   if (this.touches.length) {
-    if (this.touches.length === 1 && n.length === 1) this.$emit("move", new at({ left: this.touches[0].clientX - n[0].clientX, top: this.touches[0].clientY - n[0].clientY }));
+    if (this.touches.length === 1 && i.length === 1) this.$emit("move", new at({ left: this.touches[0].clientX - i[0].clientX, top: this.touches[0].clientY - i[0].clientY }));
     else if (this.touches.length > 1 && this.touchResize) {
-      var t = Mn(n, this.$refs.container), i = this.oldGeometricProperties;
-      i.count === t.count && i.count > 1 && this.$emit("resize", new at({ left: i.centerMass.left - t.centerMass.left, top: i.centerMass.top - t.centerMass.top }, { factor: i.spread / t.spread, center: t.centerMass })), this.oldGeometricProperties = t;
+      var t = ki(i, this.$refs.container), n = this.oldGeometricProperties;
+      n.count === t.count && n.count > 1 && this.$emit("resize", new at({ left: n.centerMass.left - t.centerMass.left, top: n.centerMass.top - t.centerMass.top }, { factor: n.spread / t.spread, center: t.centerMass })), this.oldGeometricProperties = t;
     }
-    this.touches = n;
+    this.touches = i;
   }
 }, processEnd: function() {
   this.transforming && (this.transforming = !1, this.$emit("transform-end"));
@@ -1600,27 +1602,27 @@ var ei = { props: { touchMove: { type: Boolean, required: !0 }, mouseMove: { typ
   return this.eventsFilter ? this.eventsFilter(e, this.transforming) !== !1 : (e.preventDefault(), e.stopPropagation(), !0);
 }, onTouchStart: function(e) {
   if (e.cancelable && (this.touchMove || this.touchResize && e.touches.length > 1) && this.processEvent(e)) {
-    var n = this.$refs.container, t = n.getBoundingClientRect(), i = t.left, a = t.top, o = t.bottom, r = t.right;
+    var i = this.$refs.container, t = i.getBoundingClientRect(), n = t.left, a = t.top, o = t.bottom, r = t.right;
     this.touches = qe(e.touches).filter(function(l) {
-      return l.clientX > i && l.clientX < r && l.clientY > a && l.clientY < o;
-    }), this.oldGeometricProperties = Mn(this.touches, n);
+      return l.clientX > n && l.clientX < r && l.clientY > a && l.clientY < o;
+    }), this.oldGeometricProperties = ki(this.touches, i);
   }
 }, onTouchEnd: function(e) {
   e.touches.length === 0 && (this.touches = [], this.processEnd());
 }, onTouchMove: function(e) {
-  var n = this;
+  var i = this;
   if (this.touches.length) {
-    var t = qe(e.touches).filter(function(i) {
-      return !i.identifier || n.touches.find(function(a) {
-        return a.identifier === i.identifier;
+    var t = qe(e.touches).filter(function(n) {
+      return !n.identifier || i.touches.find(function(a) {
+        return a.identifier === n.identifier;
       });
     });
     this.processEvent(e) && (this.processMove(e, t), this.processStart());
   }
 }, onMouseDown: function(e) {
   if (this.mouseMove && "buttons" in e && e.buttons === 1 && this.processEvent(e)) {
-    var n = { fake: !0, clientX: e.clientX, clientY: e.clientY };
-    this.touches = [n], this.processStart();
+    var i = { fake: !0, clientX: e.clientX, clientY: e.clientY };
+    this.touches = [i], this.processStart();
   }
 }, onMouseMove: function(e) {
   this.touches.length && this.processEvent(e) && this.processMove(e, [{ clientX: e.clientX, clientY: e.clientY }]);
@@ -1628,32 +1630,32 @@ var ei = { props: { touchMove: { type: Boolean, required: !0 }, mouseMove: { typ
   this.touches = [], this.processEnd();
 }, onWheel: function(e) {
   if (this.wheelResize && this.processEvent(e)) {
-    var n = this.$refs.container.getBoundingClientRect(), t = n.left, i = n.top, a = 1 + this.wheelResize.ratio * (r = e.deltaY || e.detail || e.wheelDelta, (l = +r) == 0 || Gn(l) ? l : l > 0 ? 1 : -1), o = { left: e.clientX - t, top: e.clientY - i };
+    var i = this.$refs.container.getBoundingClientRect(), t = i.left, n = i.top, a = 1 + this.wheelResize.ratio * (r = e.deltaY || e.detail || e.wheelDelta, (l = +r) == 0 || Ki(l) ? l : l > 0 ? 1 : -1), o = { left: e.clientX - t, top: e.clientY - n };
     this.$emit("resize", new at({}, { factor: a, center: o })), this.touches.length || this.debouncedProcessEnd();
   }
   var r, l;
 } }, emits: ["resize", "move", "transform-end"] };
-ei.render = function(e, n, t, i, a, o) {
-  return F(), G("div", { ref: "container", onTouchstart: n[1] || (n[1] = function() {
+Ji.render = function(e, i, t, n, a, o) {
+  return F(), G("div", { ref: "container", onTouchstart: i[1] || (i[1] = function() {
     return o.onTouchStart && o.onTouchStart.apply(o, arguments);
-  }), onMousedown: n[2] || (n[2] = function() {
+  }), onMousedown: i[2] || (i[2] = function() {
     return o.onMouseDown && o.onMouseDown.apply(o, arguments);
-  }), onWheel: n[3] || (n[3] = function() {
+  }), onWheel: i[3] || (i[3] = function() {
     return o.onWheel && o.onWheel.apply(o, arguments);
   }) }, [he(e.$slots, "default")], 544);
 };
-var jt = { components: { TransformableImage: ei }, props: { touchMove: { type: Boolean, required: !0 }, mouseMove: { type: Boolean, required: !0 }, touchResize: { type: Boolean, required: !0 }, wheelResize: { type: [Boolean, Object], required: !0 } }, emits: ["resize", "move"] };
-jt.render = function(e, n, t, i, a, o) {
+var jt = { components: { TransformableImage: Ji }, props: { touchMove: { type: Boolean, required: !0 }, mouseMove: { type: Boolean, required: !0 }, touchResize: { type: Boolean, required: !0 }, wheelResize: { type: [Boolean, Object], required: !0 } }, emits: ["resize", "move"] };
+jt.render = function(e, i, t, n, a, o) {
   var r = B("transformable-image");
-  return F(), G(r, { "touch-move": t.touchMove, "touch-resize": t.touchResize, "mouse-move": t.mouseMove, "wheel-resize": t.wheelResize, onMove: n[1] || (n[1] = function(l) {
+  return F(), G(r, { "touch-move": t.touchMove, "touch-resize": t.touchResize, "mouse-move": t.mouseMove, "wheel-resize": t.wheelResize, onMove: i[1] || (i[1] = function(l) {
     return e.$emit("move", l);
-  }), onResize: n[2] || (n[2] = function(l) {
+  }), onResize: i[2] || (i[2] = function(l) {
     return e.$emit("resize", l);
   }) }, { default: N(function() {
     return [he(e.$slots, "default")];
   }), _: 3 }, 8, ["touch-move", "touch-resize", "mouse-move", "wheel-resize"]);
 };
-var gt = Me("vue-preview"), ti = { props: { coordinates: { type: Object }, transitions: { type: Object }, image: { type: Object, default: function() {
+var gt = Me("vue-preview"), en = { props: { coordinates: { type: Object }, transitions: { type: Object }, image: { type: Object, default: function() {
   return {};
 } }, imageClass: { type: String }, width: { type: Number }, height: { type: Number }, fill: { type: Boolean } }, data: function() {
   return { calculatedImageSize: { width: 0, height: 0 }, calculatedSize: { width: 0, height: 0 } };
@@ -1668,9 +1670,9 @@ var gt = Me("vue-preview"), ti = { props: { coordinates: { type: Object }, trans
   return this.transitions && this.transitions.enabled && (e.transition = "".concat(this.transitions.time, "ms ").concat(this.transitions.timingFunction)), e;
 }, imageStyle: function() {
   if (this.coordinates && this.image) {
-    var e = this.coordinates.width / this.size.width, n = ie(ie({ rotate: 0, flip: { horizontal: !1, vertical: !1 } }, this.image.transforms), {}, { scaleX: 1 / e, scaleY: 1 / e }), t = this.imageSize.width, i = this.imageSize.height, a = Xn({ width: t, height: i }, n.rotate), o = { width: "".concat(t, "px"), height: "".concat(i, "px"), left: "0px", top: "0px" }, r = { rotate: { left: (t - a.width) * n.scaleX / 2, top: (i - a.height) * n.scaleY / 2 }, scale: { left: (1 - n.scaleX) * t / 2, top: (1 - n.scaleY) * i / 2 } };
+    var e = this.coordinates.width / this.size.width, i = ne(ne({ rotate: 0, flip: { horizontal: !1, vertical: !1 } }, this.image.transforms), {}, { scaleX: 1 / e, scaleY: 1 / e }), t = this.imageSize.width, n = this.imageSize.height, a = Hi({ width: t, height: n }, i.rotate), o = { width: "".concat(t, "px"), height: "".concat(n, "px"), left: "0px", top: "0px" }, r = { rotate: { left: (t - a.width) * i.scaleX / 2, top: (n - a.height) * i.scaleY / 2 }, scale: { left: (1 - i.scaleX) * t / 2, top: (1 - i.scaleY) * n / 2 } };
     return o.transform = `translate(
-				`.concat(-this.coordinates.left / e - r.rotate.left - r.scale.left, "px,").concat(-this.coordinates.top / e - r.rotate.top - r.scale.top, "px) ") + Jn(n), this.transitions && this.transitions.enabled && (o.transition = "".concat(this.transitions.time, "ms ").concat(this.transitions.timingFunction)), o;
+				`.concat(-this.coordinates.left / e - r.rotate.left - r.scale.left, "px,").concat(-this.coordinates.top / e - r.rotate.top - r.scale.top, "px) ") + Qi(i), this.transitions && this.transitions.enabled && (o.transition = "".concat(this.transitions.time, "ms ").concat(this.transitions.timingFunction)), o;
   }
   return {};
 }, size: function() {
@@ -1696,18 +1698,18 @@ var gt = Me("vue-preview"), ti = { props: { coordinates: { type: Object }, trans
   var e = this.$refs.image;
   e && e.complete && this.refreshImage(), this.refresh();
 } } };
-ti.render = function(e, n, t, i, a, o) {
+en.render = function(e, i, t, n, a, o) {
   return F(), G("div", { ref: "root", class: o.classes.root, style: o.style }, [C("div", { ref: "wrapper", class: o.classes.wrapper, style: o.wrapperStyle }, [Xe(C("img", { ref: "image", src: t.image && t.image.src, class: o.classes.image, style: o.imageStyle }, null, 14, ["src"]), [[wt, t.image && t.image.src]])], 6)], 6);
 };
-var ni = { components: { Preview: ti }, inheritAttrs: !1 };
-ni.render = function(e, n, t, i, a, o) {
+var tn = { components: { Preview: en }, inheritAttrs: !1 };
+tn.render = function(e, i, t, n, a, o) {
   var r = B("preview");
-  return F(), G(r, Dn(e.$attrs, { fill: !0 }), null, 16);
+  return F(), G(r, Pi(e.$attrs, { fill: !0 }), null, 16);
 };
-var Tt = Me("vue-rectangle-stencil"), ii = { name: "RectangleStencil", components: { StencilPreview: ni, BoundingBox: Zn, DraggableArea: Qn }, props: { image: { type: Object }, coordinates: { type: Object }, stencilCoordinates: { type: Object }, handlers: { type: Object }, handlersComponent: { type: [Object, String], default: function() {
-  return en;
+var Tt = Me("vue-rectangle-stencil"), nn = { name: "RectangleStencil", components: { StencilPreview: tn, BoundingBox: qi, DraggableArea: Zi }, props: { image: { type: Object }, coordinates: { type: Object }, stencilCoordinates: { type: Object }, handlers: { type: Object }, handlersComponent: { type: [Object, String], default: function() {
+  return ei;
 } }, lines: { type: Object }, linesComponent: { type: [Object, String], default: function() {
-  return tn;
+  return ti;
 } }, aspectRatio: { type: [Number, String] }, minAspectRatio: { type: [Number, String] }, maxAspectRatio: { type: [Number, String] }, movable: { type: Boolean, default: !0 }, resizable: { type: Boolean, default: !0 }, transitions: { type: Object }, movingClass: { type: String }, resizingClass: { type: String }, previewClass: { type: String }, boundingBoxClass: { type: String }, linesClasses: { type: Object, default: function() {
   return {};
 } }, linesWrappersClasses: { type: Object, default: function() {
@@ -1721,7 +1723,7 @@ var Tt = Me("vue-rectangle-stencil"), ii = { name: "RectangleStencil", component
 }, computed: { classes: function() {
   return { stencil: de(Tt({ movable: this.movable, moving: this.moving, resizing: this.resizing }), this.moving && this.movingClass, this.resizing && this.resizingClass), preview: de(Tt("preview"), this.previewClass), boundingBox: de(Tt("bounding-box"), this.boundingBoxClass) };
 }, style: function() {
-  var e = this.stencilCoordinates, n = e.height, t = e.width, i = e.left, a = e.top, o = { width: "".concat(t, "px"), height: "".concat(n, "px"), transform: "translate(".concat(i, "px, ").concat(a, "px)") };
+  var e = this.stencilCoordinates, i = e.height, t = e.width, n = e.left, a = e.top, o = { width: "".concat(t, "px"), height: "".concat(i, "px"), transform: "translate(".concat(n, "px, ").concat(a, "px)") };
   return this.transitions && this.transitions.enabled && (o.transition = "".concat(this.transitions.time, "ms ").concat(this.transitions.timingFunction)), o;
 } }, methods: { onMove: function(e) {
   this.$emit("move", e), this.moving = !0;
@@ -1734,7 +1736,7 @@ var Tt = Me("vue-rectangle-stencil"), ii = { name: "RectangleStencil", component
 }, aspectRatios: function() {
   return { minimum: this.aspectRatio || this.minAspectRatio, maximum: this.aspectRatio || this.maxAspectRatio };
 } }, emits: ["resize", "resize-end", "move", "move-end"] };
-ii.render = function(e, n, t, i, a, o) {
+nn.render = function(e, i, t, n, a, o) {
   var r = B("stencil-preview"), l = B("draggable-area"), s = B("bounding-box");
   return F(), G("div", { class: o.classes.stencil, style: o.style }, [C(s, { width: t.stencilCoordinates.width, height: t.stencilCoordinates.height, transitions: t.transitions, class: o.classes.boundingBox, handlers: t.handlers, "handlers-component": t.handlersComponent, "handlers-classes": t.handlersClasses, "handlers-wrappers-classes": t.handlersWrappersClasses, lines: t.lines, "lines-component": t.linesComponent, "lines-classes": t.linesClasses, "lines-wrappers-classes": t.linesWrappersClasses, resizable: t.resizable, onResize: o.onResize, onResizeEnd: o.onResizeEnd }, { default: N(function() {
     return [C(l, { movable: t.movable, onMove: o.onMove, onMoveEnd: o.onMoveEnd }, { default: N(function() {
@@ -1742,8 +1744,8 @@ ii.render = function(e, n, t, i, a, o) {
     }), _: 1 }, 8, ["movable", "onMove", "onMoveEnd"])];
   }), _: 1 }, 8, ["width", "height", "transitions", "class", "handlers", "handlers-component", "handlers-classes", "handlers-wrappers-classes", "lines", "lines-component", "lines-classes", "lines-wrappers-classes", "resizable", "onResize", "onResizeEnd"])], 6);
 };
-var Eo = ["transitions"], Ie = Me("vue-advanced-cropper"), oi = { name: "Cropper", components: { BackgroundWrapper: jt }, props: { src: { type: String, default: null }, stencilComponent: { type: [Object, String], default: function() {
-  return ii;
+var Eo = ["transitions"], Ie = Me("vue-advanced-cropper"), on = { name: "Cropper", components: { BackgroundWrapper: jt }, props: { src: { type: String, default: null }, stencilComponent: { type: [Object, String], default: function() {
+  return nn;
 } }, backgroundWrapperComponent: { type: [Object, String], default: function() {
   return jt;
 } }, stencilProps: { type: Object, default: function() {
@@ -1753,11 +1755,11 @@ var Eo = ["transitions"], Ie = Me("vue-advanced-cropper"), oi = { name: "Cropper
 } }, roundResult: { type: Boolean, default: !0 }, defaultSize: { type: [Function, Object] }, defaultPosition: { type: [Function, Object] }, defaultVisibleArea: { type: [Function, Object] }, defaultTransforms: { type: [Function, Object] }, defaultBoundaries: { type: [Function, String], validator: function(e) {
   return !(typeof e == "string" && e !== "fill" && e !== "fit");
 } }, priority: { type: String, default: "coordinates" }, stencilSize: { type: [Object, Function] }, resizeImage: { type: [Boolean, Object], default: !0 }, moveImage: { type: [Boolean, Object], default: !0 }, autoZoomAlgorithm: { type: Function }, resizeAlgorithm: { type: Function, default: function(e) {
-  var n = e.event, t = e.coordinates, i = e.aspectRatio, a = e.positionRestrictions, o = e.sizeRestrictions, r = H(H({}, t), { right: t.left + t.width, bottom: t.top + t.height }), l = n.params || {}, s = H({}, n.directions), u = l.allowedDirections || { left: !0, right: !0, bottom: !0, top: !0 };
+  var i = e.event, t = e.coordinates, n = e.aspectRatio, a = e.positionRestrictions, o = e.sizeRestrictions, r = H(H({}, t), { right: t.left + t.width, bottom: t.top + t.height }), l = i.params || {}, s = H({}, i.directions), u = l.allowedDirections || { left: !0, right: !0, bottom: !0, top: !0 };
   o.widthFrozen && (s.left = 0, s.right = 0), o.heightFrozen && (s.top = 0, s.bottom = 0), ze.forEach(function(I) {
     u[I] || (s[I] = 0);
   });
-  var d = Oe(r, s = kn({ coordinates: r, directions: s, sizeRestrictions: o, positionRestrictions: a })).width, h = Oe(r, s).height, m = l.preserveRatio ? oe(r) : It(d / h, i);
+  var d = Oe(r, s = xi({ coordinates: r, directions: s, sizeRestrictions: o, positionRestrictions: a })).width, h = Oe(r, s).height, m = l.preserveRatio ? oe(r) : It(d / h, n);
   if (m) {
     var c = l.respectDirection;
     if (c || (c = r.width >= r.height || m === 1 ? "width" : "height"), c === "width") {
@@ -1773,39 +1775,39 @@ var Eo = ["transitions"], Ie = Me("vue-advanced-cropper"), oi = { name: "Cropper
         s.left = -ft(w, z, O), s.right = -ft(w, O, z);
       } else u.left ? s.left = -w : u.right ? s.right = -w : u.top ? s.top = 0 : u.bottom && (s.bottom = 0);
     }
-    s = kn({ directions: s, coordinates: r, sizeRestrictions: o, positionRestrictions: a, preserveRatio: !0, compensate: l.compensate });
+    s = xi({ directions: s, coordinates: r, sizeRestrictions: o, positionRestrictions: a, preserveRatio: !0, compensate: l.compensate });
   }
-  return d = Oe(r, s).width, h = Oe(r, s).height, (m = l.preserveRatio ? oe(r) : It(d / h, i)) && Math.abs(m - d / h) > 1e-3 && ze.forEach(function(I) {
+  return d = Oe(r, s).width, h = Oe(r, s).height, (m = l.preserveRatio ? oe(r) : It(d / h, n)) && Math.abs(m - d / h) > 1e-3 && ze.forEach(function(I) {
     u[I] || (s[I] = 0);
   }), Wt({ event: new Qt({ left: -s.left, top: -s.top }), coordinates: { width: t.width + s.right + s.left, height: t.height + s.top + s.bottom, left: t.left, top: t.top }, positionRestrictions: a });
 } }, moveAlgorithm: { type: Function, default: Wt }, initStretcher: { type: Function, default: function(e) {
-  var n = e.stretcher, t = e.imageSize, i = oe(t);
-  n.style.width = t.width + "px", n.style.height = n.clientWidth / i + "px", n.style.width = n.clientWidth + "px";
+  var i = e.stretcher, t = e.imageSize, n = oe(t);
+  i.style.width = t.width + "px", i.style.height = i.clientWidth / n + "px", i.style.width = i.clientWidth + "px";
 } }, fitCoordinates: { type: Function, default: function(e) {
-  var n = e.visibleArea, t = e.coordinates, i = e.aspectRatio, a = e.sizeRestrictions, o = e.positionRestrictions, r = H(H({}, t), De({ width: t.width, height: t.height, aspectRatio: i, sizeRestrictions: { maxWidth: n.width, maxHeight: n.height, minHeight: Math.min(n.height, a.minHeight), minWidth: Math.min(n.width, a.minWidth) } }));
-  return r = ve(r = Se(r, tt(ge(t), ge(r))), xt(Fe(n), o));
+  var i = e.visibleArea, t = e.coordinates, n = e.aspectRatio, a = e.sizeRestrictions, o = e.positionRestrictions, r = H(H({}, t), De({ width: t.width, height: t.height, aspectRatio: n, sizeRestrictions: { maxWidth: i.width, maxHeight: i.height, minHeight: Math.min(i.height, a.minHeight), minWidth: Math.min(i.width, a.minWidth) } }));
+  return r = ve(r = Se(r, tt(ge(t), ge(r))), xt(Fe(i), o));
 } }, fitVisibleArea: { type: Function, default: function(e) {
-  var n = e.visibleArea, t = e.boundaries, i = e.getAreaRestrictions, a = e.coordinates, o = H({}, n);
-  o.height = o.width / oe(t), o.top += (n.height - o.height) / 2, (a.height - o.height > 0 || a.width - o.width > 0) && (o = xe(o, Math.max(a.height / o.height, a.width / o.width)));
-  var r = Rt(it(a, Fe(o = xe(o, At(o, i({ visibleArea: o, type: "resize" }))))));
-  return o.width < a.width && (r.left = 0), o.height < a.height && (r.top = 0), o = ve(o = Se(o, r), i({ visibleArea: o, type: "move" }));
+  var i = e.visibleArea, t = e.boundaries, n = e.getAreaRestrictions, a = e.coordinates, o = H({}, i);
+  o.height = o.width / oe(t), o.top += (i.height - o.height) / 2, (a.height - o.height > 0 || a.width - o.width > 0) && (o = xe(o, Math.max(a.height / o.height, a.width / o.width)));
+  var r = Rt(nt(a, Fe(o = xe(o, At(o, n({ visibleArea: o, type: "resize" }))))));
+  return o.width < a.width && (r.left = 0), o.height < a.height && (r.top = 0), o = ve(o = Se(o, r), n({ visibleArea: o, type: "move" }));
 } }, areaRestrictionsAlgorithm: { type: Function, default: function(e) {
-  var n = e.visibleArea, t = e.boundaries, i = e.imageSize, a = e.imageRestriction, o = e.type, r = {};
-  return a === "fill-area" ? r = { left: 0, top: 0, right: i.width, bottom: i.height } : a === "fit-area" && (oe(t) > oe(i) ? (r = { top: 0, bottom: i.height }, n && o === "move" && (n.width > i.width ? (r.left = -(n.width - i.width) / 2, r.right = i.width - r.left) : (r.left = 0, r.right = i.width))) : (r = { left: 0, right: i.width }, n && o === "move" && (n.height > i.height ? (r.top = -(n.height - i.height) / 2, r.bottom = i.height - r.top) : (r.top = 0, r.bottom = i.height)))), r;
+  var i = e.visibleArea, t = e.boundaries, n = e.imageSize, a = e.imageRestriction, o = e.type, r = {};
+  return a === "fill-area" ? r = { left: 0, top: 0, right: n.width, bottom: n.height } : a === "fit-area" && (oe(t) > oe(n) ? (r = { top: 0, bottom: n.height }, i && o === "move" && (i.width > n.width ? (r.left = -(i.width - n.width) / 2, r.right = n.width - r.left) : (r.left = 0, r.right = n.width))) : (r = { left: 0, right: n.width }, i && o === "move" && (i.height > n.height ? (r.top = -(i.height - n.height) / 2, r.bottom = n.height - r.top) : (r.top = 0, r.bottom = n.height)))), r;
 } }, sizeRestrictionsAlgorithm: { type: Function, default: function(e) {
   return { minWidth: e.minWidth, minHeight: e.minHeight, maxWidth: e.maxWidth, maxHeight: e.maxHeight };
 } }, positionRestrictionsAlgorithm: { type: Function, default: function(e) {
-  var n = e.imageSize, t = {};
-  return e.imageRestriction !== "none" && (t = { left: 0, top: 0, right: n.width, bottom: n.height }), t;
+  var i = e.imageSize, t = {};
+  return e.imageRestriction !== "none" && (t = { left: 0, top: 0, right: i.width, bottom: i.height }), t;
 } } }, data: function() {
-  return { transitionsActive: !1, imageLoaded: !1, imageAttributes: { width: null, height: null, crossOrigin: null, src: null }, defaultImageTransforms: { rotate: 0, flip: { horizontal: !1, vertical: !1 } }, appliedImageTransforms: { rotate: 0, flip: { horizontal: !1, vertical: !1 } }, boundaries: { width: 0, height: 0 }, visibleArea: null, coordinates: ie({}, Cn) };
+  return { transitionsActive: !1, imageLoaded: !1, imageAttributes: { width: null, height: null, crossOrigin: null, src: null }, defaultImageTransforms: { rotate: 0, flip: { horizontal: !1, vertical: !1 } }, appliedImageTransforms: { rotate: 0, flip: { horizontal: !1, vertical: !1 } }, boundaries: { width: 0, height: 0 }, visibleArea: null, coordinates: ne({}, Si) };
 }, computed: { image: function() {
   return { src: this.imageAttributes.src, width: this.imageAttributes.width, height: this.imageAttributes.height, transforms: this.imageTransforms };
 }, imageTransforms: function() {
   return { rotate: this.appliedImageTransforms.rotate, flip: { horizontal: this.appliedImageTransforms.flip.horizontal, vertical: this.appliedImageTransforms.flip.vertical }, translateX: this.visibleArea ? this.visibleArea.left / this.coefficient : 0, translateY: this.visibleArea ? this.visibleArea.top / this.coefficient : 0, scaleX: 1 / this.coefficient, scaleY: 1 / this.coefficient };
 }, imageSize: function() {
-  var e = function(n) {
-    return n * Math.PI / 180;
+  var e = function(i) {
+    return i * Math.PI / 180;
   }(this.imageTransforms.rotate);
   return { width: Math.abs(this.imageAttributes.width * Math.cos(e)) + Math.abs(this.imageAttributes.height * Math.sin(e)), height: Math.abs(this.imageAttributes.width * Math.sin(e)) + Math.abs(this.imageAttributes.height * Math.cos(e)) };
 }, initialized: function() {
@@ -1822,14 +1824,14 @@ var Eo = ["transitions"], Ie = Me("vue-advanced-cropper"), oi = { name: "Cropper
 }, sizeRestrictions: function() {
   if (this.boundaries.width && this.boundaries.height && this.imageSize.width && this.imageSize.height) {
     var e = this.sizeRestrictionsAlgorithm({ imageSize: this.imageSize, minWidth: fe(this.minWidth) ? 0 : ht(this.minWidth), minHeight: fe(this.minHeight) ? 0 : ht(this.minHeight), maxWidth: fe(this.maxWidth) ? 1 / 0 : ht(this.maxWidth), maxHeight: fe(this.maxHeight) ? 1 / 0 : ht(this.maxHeight) });
-    if (e = function(i) {
-      var a = i.areaRestrictions, o = i.sizeRestrictions, r = i.boundaries, l = i.positionRestrictions, s = H(H({}, o), { minWidth: o.minWidth !== void 0 ? o.minWidth : 0, minHeight: o.minHeight !== void 0 ? o.minHeight : 0, maxWidth: o.maxWidth !== void 0 ? o.maxWidth : 1 / 0, maxHeight: o.maxHeight !== void 0 ? o.maxHeight : 1 / 0 });
+    if (e = function(n) {
+      var a = n.areaRestrictions, o = n.sizeRestrictions, r = n.boundaries, l = n.positionRestrictions, s = H(H({}, o), { minWidth: o.minWidth !== void 0 ? o.minWidth : 0, minHeight: o.minHeight !== void 0 ? o.minHeight : 0, maxWidth: o.maxWidth !== void 0 ? o.maxWidth : 1 / 0, maxHeight: o.maxHeight !== void 0 ? o.maxHeight : 1 / 0 });
       l.left !== void 0 && l.right !== void 0 && (s.maxWidth = Math.min(s.maxWidth, l.right - l.left)), l.bottom !== void 0 && l.top !== void 0 && (s.maxHeight = Math.min(s.maxHeight, l.bottom - l.top));
-      var u = Gt(a), d = Hn(r, u);
+      var u = Gt(a), d = Yi(r, u);
       return u.width < 1 / 0 && (!s.maxWidth || s.maxWidth > d.width) && (s.maxWidth = Math.min(s.maxWidth, d.width)), u.height < 1 / 0 && (!s.maxHeight || s.maxHeight > d.height) && (s.maxHeight = Math.min(s.maxHeight, d.height)), s.minWidth > s.maxWidth && (s.minWidth = s.maxWidth, s.widthFrozen = !0), s.minHeight > s.maxHeight && (s.minHeight = s.maxHeight, s.heightFrozen = !0), s;
     }({ sizeRestrictions: e, areaRestrictions: this.getAreaRestrictions({ visibleArea: this.visibleArea, type: "resize" }), imageSize: this.imageSize, boundaries: this.boundaries, positionRestrictions: this.positionRestrictions, imageRestriction: this.imageRestriction, visibleArea: this.visibleArea, stencilSize: this.getStencilSize() }), this.visibleArea && this.stencilSize) {
-      var n = this.getStencilSize(), t = Gt(this.getAreaRestrictions({ visibleArea: this.visibleArea, type: "resize" }));
-      e.maxWidth = Math.min(e.maxWidth, t.width * n.width / this.boundaries.width), e.maxHeight = Math.min(e.maxHeight, t.height * n.height / this.boundaries.height), e.maxWidth < e.minWidth && (e.minWidth = e.maxWidth), e.maxHeight < e.minHeight && (e.minHeight = e.maxHeight);
+      var i = this.getStencilSize(), t = Gt(this.getAreaRestrictions({ visibleArea: this.visibleArea, type: "resize" }));
+      e.maxWidth = Math.min(e.maxWidth, t.width * i.width / this.boundaries.width), e.maxHeight = Math.min(e.maxHeight, t.height * i.height / this.boundaries.height), e.maxWidth < e.minWidth && (e.minWidth = e.maxWidth), e.maxHeight < e.minHeight && (e.minHeight = e.maxHeight);
     }
     return e;
   }
@@ -1840,15 +1842,15 @@ var Eo = ["transitions"], Ie = Me("vue-advanced-cropper"), oi = { name: "Cropper
   return { cropper: Ie(), image: de(Ie("image"), this.imageClass), stencil: Ie("stencil"), boundaries: de(Ie("boundaries"), this.boundariesClass), stretcher: de(Ie("stretcher")), background: de(Ie("background"), this.backgroundClass), foreground: de(Ie("foreground"), this.foregroundClass), imageWrapper: de(Ie("image-wrapper")), cropperWrapper: de(Ie("cropper-wrapper")) };
 }, stencilCoordinates: function() {
   if (this.initialized) {
-    var e = this.coordinates, n = e.width, t = e.height, i = e.left, a = e.top;
-    return { width: n / this.coefficient, height: t / this.coefficient, left: (i - this.visibleArea.left) / this.coefficient, top: (a - this.visibleArea.top) / this.coefficient };
+    var e = this.coordinates, i = e.width, t = e.height, n = e.left, a = e.top;
+    return { width: i / this.coefficient, height: t / this.coefficient, left: (n - this.visibleArea.left) / this.coefficient, top: (a - this.visibleArea.top) / this.coefficient };
   }
   return this.defaultCoordinates();
 }, boundariesStyle: function() {
   var e = { width: this.boundaries.width ? "".concat(Math.round(this.boundaries.width), "px") : "auto", height: this.boundaries.height ? "".concat(Math.round(this.boundaries.height), "px") : "auto", transition: "opacity ".concat(this.transitionTime, "ms"), pointerEvents: this.imageLoaded ? "all" : "none" };
   return this.imageLoaded || (e.opacity = "0"), e;
 }, imageStyle: function() {
-  var e = this.imageAttributes.width > this.imageAttributes.height ? { width: Math.min(1024, this.imageAttributes.width), height: Math.min(1024, this.imageAttributes.width) / (this.imageAttributes.width / this.imageAttributes.height) } : { height: Math.min(1024, this.imageAttributes.height), width: Math.min(1024, this.imageAttributes.height) * (this.imageAttributes.width / this.imageAttributes.height) }, n = { left: (e.width - this.imageSize.width) / (2 * this.coefficient), top: (e.height - this.imageSize.height) / (2 * this.coefficient) }, t = { left: (1 - 1 / this.coefficient) * e.width / 2, top: (1 - 1 / this.coefficient) * e.height / 2 }, i = ie(ie({}, this.imageTransforms), {}, { scaleX: this.imageTransforms.scaleX * (this.imageAttributes.width / e.width), scaleY: this.imageTransforms.scaleY * (this.imageAttributes.height / e.height) }), a = { width: "".concat(e.width, "px"), height: "".concat(e.height, "px"), left: "0px", top: "0px", transform: "translate(".concat(-n.left - t.left - this.imageTransforms.translateX, "px, ").concat(-n.top - t.top - this.imageTransforms.translateY, "px)") + Jn(i) };
+  var e = this.imageAttributes.width > this.imageAttributes.height ? { width: Math.min(1024, this.imageAttributes.width), height: Math.min(1024, this.imageAttributes.width) / (this.imageAttributes.width / this.imageAttributes.height) } : { height: Math.min(1024, this.imageAttributes.height), width: Math.min(1024, this.imageAttributes.height) * (this.imageAttributes.width / this.imageAttributes.height) }, i = { left: (e.width - this.imageSize.width) / (2 * this.coefficient), top: (e.height - this.imageSize.height) / (2 * this.coefficient) }, t = { left: (1 - 1 / this.coefficient) * e.width / 2, top: (1 - 1 / this.coefficient) * e.height / 2 }, n = ne(ne({}, this.imageTransforms), {}, { scaleX: this.imageTransforms.scaleX * (this.imageAttributes.width / e.width), scaleY: this.imageTransforms.scaleY * (this.imageAttributes.height / e.height) }), a = { width: "".concat(e.width, "px"), height: "".concat(e.height, "px"), left: "0px", top: "0px", transform: "translate(".concat(-i.left - t.left - this.imageTransforms.translateX, "px, ").concat(-i.top - t.top - this.imageTransforms.translateY, "px)") + Qi(n) };
   return this.transitionsOptions.enabled && (a.transition = "".concat(this.transitionsOptions.time, "ms ").concat(this.transitionsOptions.timingFunction)), a;
 } }, watch: { src: function() {
   this.onChangeImage();
@@ -1867,9 +1869,9 @@ var Eo = ["transitions"], Ie = Me("vue-advanced-cropper"), oi = { name: "Cropper
   this.onPropsChange();
 }, imageRestriction: function() {
   this.reset();
-}, stencilProps: function(e, n) {
+}, stencilProps: function(e, i) {
   ["aspectRatio", "minAspectRatio", "maxAspectRatio"].find(function(t) {
-    return e[t] !== n[t];
+    return e[t] !== i[t];
   }) && this.$nextTick(this.onPropsChange);
 } }, created: function() {
   this.debouncedUpdate = Bt(this.update, this.debounce), this.debouncedDisableTransitions = Bt(this.disableTransitions, this.transitionsOptions.time), this.awaiting = !1;
@@ -1878,28 +1880,28 @@ var Eo = ["transitions"], Ie = Me("vue-advanced-cropper"), oi = { name: "Cropper
 }, unmounted: function() {
   window.removeEventListener("resize", this.refresh), window.removeEventListener("orientationchange", this.refresh), this.imageAttributes.revoke && this.imageAttributes.src && URL.revokeObjectURL(this.imageAttributes.src), this.debouncedUpdate.clear(), this.debouncedDisableTransitions.clear();
 }, methods: { getResult: function() {
-  var e = this.initialized ? this.prepareResult(ie({}, this.coordinates)) : this.defaultCoordinates(), n = { rotate: this.imageTransforms.rotate % 360, flip: ie({}, this.imageTransforms.flip) };
+  var e = this.initialized ? this.prepareResult(ne({}, this.coordinates)) : this.defaultCoordinates(), i = { rotate: this.imageTransforms.rotate % 360, flip: ne({}, this.imageTransforms.flip) };
   if (this.src && this.imageLoaded) {
     var t = this;
-    return { image: this.image, coordinates: e, visibleArea: this.visibleArea ? ie({}, this.visibleArea) : null, imageTransforms: n, get canvas() {
+    return { image: this.image, coordinates: e, visibleArea: this.visibleArea ? ne({}, this.visibleArea) : null, imageTransforms: i, get canvas() {
       return t.canvas ? t.getCanvas() : void 0;
     } };
   }
-  return { image: this.image, coordinates: e, visibleArea: this.visibleArea ? ie({}, this.visibleArea) : null, canvas: void 0, imageTransforms: n };
-}, zoom: function(e, n) {
-  var t = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, i = t.transitions, a = i === void 0 || i;
-  this.onManipulateImage(new at({}, { factor: 1 / e, center: n }), { normalize: !1, transitions: a });
-}, move: function(e, n) {
-  var t = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, i = t.transitions, a = i === void 0 || i;
-  this.onManipulateImage(new at({ left: e || 0, top: n || 0 }), { normalize: !1, transitions: a });
+  return { image: this.image, coordinates: e, visibleArea: this.visibleArea ? ne({}, this.visibleArea) : null, canvas: void 0, imageTransforms: i };
+}, zoom: function(e, i) {
+  var t = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, n = t.transitions, a = n === void 0 || n;
+  this.onManipulateImage(new at({}, { factor: 1 / e, center: i }), { normalize: !1, transitions: a });
+}, move: function(e, i) {
+  var t = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, n = t.transitions, a = n === void 0 || n;
+  this.onManipulateImage(new at({ left: e || 0, top: i || 0 }), { normalize: !1, transitions: a });
 }, setCoordinates: function(e) {
-  var n = this, t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, i = t.autoZoom, a = i === void 0 || i, o = t.transitions, r = o === void 0 || o;
+  var i = this, t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, n = t.autoZoom, a = n === void 0 || n, o = t.transitions, r = o === void 0 || o;
   this.$nextTick(function() {
-    n.imageLoaded ? (n.transitionsActive || (r && n.enableTransitions(), n.coordinates = n.applyTransform(e), a && n.runAutoZoom("setCoordinates"), r && n.debouncedDisableTransitions()), n.onChange()) : n.delayedTransforms = e;
+    i.imageLoaded ? (i.transitionsActive || (r && i.enableTransitions(), i.coordinates = i.applyTransform(e), a && i.runAutoZoom("setCoordinates"), r && i.debouncedDisableTransitions()), i.onChange()) : i.delayedTransforms = e;
   });
 }, refresh: function() {
-  var e = this, n = this.$refs.image;
-  if (this.src && n) return this.initialized ? this.updateVisibleArea().then(function() {
+  var e = this, i = this.$refs.image;
+  if (this.src && i) return this.initialized ? this.updateVisibleArea().then(function() {
     e.onChange();
   }) : this.resetVisibleArea().then(function() {
     e.onChange();
@@ -1910,27 +1912,27 @@ var Eo = ["transitions"], Ie = Me("vue-advanced-cropper"), oi = { name: "Cropper
     e.onChange(!1);
   });
 }, awaitRender: function(e) {
-  var n = this;
+  var i = this;
   this.awaiting || (this.awaiting = !0, this.$nextTick(function() {
-    e(), n.awaiting = !1;
+    e(), i.awaiting = !1;
   }));
 }, prepareResult: function(e) {
-  return this.roundResult ? function(n) {
-    var t = n.coordinates, i = n.sizeRestrictions, a = n.positionRestrictions, o = { width: Math.round(t.width), height: Math.round(t.height), left: Math.round(t.left), top: Math.round(t.top) };
-    return o.width > i.maxWidth ? o.width = Math.floor(t.width) : o.width < i.minWidth && (o.width = Math.ceil(t.width)), o.height > i.maxHeight ? o.height = Math.floor(t.height) : o.height < i.minHeight && (o.height = Math.ceil(t.height)), ve(o, a);
-  }(ie(ie({}, this.getPublicProperties()), {}, { positionRestrictions: pt(this.positionRestrictions, this.visibleArea), coordinates: e })) : e;
-}, processAutoZoom: function(e, n, t, i) {
+  return this.roundResult ? function(i) {
+    var t = i.coordinates, n = i.sizeRestrictions, a = i.positionRestrictions, o = { width: Math.round(t.width), height: Math.round(t.height), left: Math.round(t.left), top: Math.round(t.top) };
+    return o.width > n.maxWidth ? o.width = Math.floor(t.width) : o.width < n.minWidth && (o.width = Math.ceil(t.width)), o.height > n.maxHeight ? o.height = Math.floor(t.height) : o.height < n.minHeight && (o.height = Math.ceil(t.height)), ve(o, a);
+  }(ne(ne({}, this.getPublicProperties()), {}, { positionRestrictions: pt(this.positionRestrictions, this.visibleArea), coordinates: e })) : e;
+}, processAutoZoom: function(e, i, t, n) {
   var a = this.autoZoomAlgorithm;
   a || (a = this.stencilSize ? ho : this.autoZoom ? po : fo);
-  var o = a({ event: { type: e, params: i }, visibleArea: n, coordinates: t, boundaries: this.boundaries, aspectRatio: this.getAspectRatio(), positionRestrictions: this.positionRestrictions, getAreaRestrictions: this.getAreaRestrictions, sizeRestrictions: this.sizeRestrictions, stencilSize: this.getStencilSize() });
-  return ie(ie({}, o), {}, { changed: !Rn(o.visibleArea, n) || !Rn(o.coordinates, t) });
+  var o = a({ event: { type: e, params: n }, visibleArea: i, coordinates: t, boundaries: this.boundaries, aspectRatio: this.getAspectRatio(), positionRestrictions: this.positionRestrictions, getAreaRestrictions: this.getAreaRestrictions, sizeRestrictions: this.sizeRestrictions, stencilSize: this.getStencilSize() });
+  return ne(ne({}, o), {}, { changed: !Ci(o.visibleArea, i) || !Ci(o.coordinates, t) });
 }, runAutoZoom: function(e) {
-  var n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, t = n.transitions, i = t !== void 0 && t, a = to(n, Eo), o = this.processAutoZoom(e, this.visibleArea, this.coordinates, a), r = o.visibleArea, l = o.coordinates, s = o.changed;
-  i && s && this.enableTransitions(), this.visibleArea = r, this.coordinates = l, i && s && this.debouncedDisableTransitions();
+  var i = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, t = i.transitions, n = t !== void 0 && t, a = to(i, Eo), o = this.processAutoZoom(e, this.visibleArea, this.coordinates, a), r = o.visibleArea, l = o.coordinates, s = o.changed;
+  n && s && this.enableTransitions(), this.visibleArea = r, this.coordinates = l, n && s && this.debouncedDisableTransitions();
 }, normalizeEvent: function(e) {
-  return function(n) {
-    var t = n.event, i = n.visibleArea, a = n.coefficient;
-    if (t.type === "manipulateImage") return H(H({}, t), { move: { left: t.move && t.move.left ? a * t.move.left : 0, top: t.move && t.move.top ? a * t.move.top : 0 }, scale: { factor: t.scale && t.scale.factor ? t.scale.factor : 1, center: t.scale && t.scale.center ? { left: t.scale.center.left * a + i.left, top: t.scale.center.top * a + i.top } : null } });
+  return function(i) {
+    var t = i.event, n = i.visibleArea, a = i.coefficient;
+    if (t.type === "manipulateImage") return H(H({}, t), { move: { left: t.move && t.move.left ? a * t.move.left : 0, top: t.move && t.move.top ? a * t.move.top : 0 }, scale: { factor: t.scale && t.scale.factor ? t.scale.factor : 1, center: t.scale && t.scale.center ? { left: t.scale.center.left * a + n.left, top: t.scale.center.top * a + n.top } : null } });
     if (t.type === "resize") {
       var o = H(H({}, t), { directions: H({}, t.directions) });
       return ze.forEach(function(l) {
@@ -1944,22 +1946,22 @@ var Eo = ["transitions"], Ie = Me("vue-advanced-cropper"), oi = { name: "Cropper
       }), r;
     }
     return t;
-  }(ie(ie({}, this.getPublicProperties()), {}, { event: e }));
+  }(ne(ne({}, this.getPublicProperties()), {}, { event: e }));
 }, getCanvas: function() {
   if (this.$refs.canvas) {
-    var e = this.$refs.canvas, n = this.$refs.image, t = this.imageTransforms.rotate !== 0 || this.imageTransforms.flip.horizontal || this.imageTransforms.flip.vertical ? function(l, s, u) {
-      var d = u.rotate, h = u.flip, m = { width: s.naturalWidth, height: s.naturalHeight }, c = Xn(m, d), y = l.getContext("2d");
+    var e = this.$refs.canvas, i = this.$refs.image, t = this.imageTransforms.rotate !== 0 || this.imageTransforms.flip.horizontal || this.imageTransforms.flip.vertical ? function(l, s, u) {
+      var d = u.rotate, h = u.flip, m = { width: s.naturalWidth, height: s.naturalHeight }, c = Hi(m, d), y = l.getContext("2d");
       l.height = c.height, l.width = c.width, y.save();
       var v = Ve(ge(H({ left: 0, top: 0 }, m)), d);
       return y.translate(-(v.left - c.width / 2), -(v.top - c.height / 2)), y.rotate(d * Math.PI / 180), y.translate(h.horizontal ? m.width : 0, h.vertical ? m.height : 0), y.scale(h.horizontal ? -1 : 1, h.vertical ? -1 : 1), y.drawImage(s, 0, 0, m.width, m.height), y.restore(), l;
-    }(this.$refs.sourceCanvas, n, this.imageTransforms) : n, i = ie({ minWidth: 0, minHeight: 0, maxWidth: 1 / 0, maxHeight: 1 / 0, maxArea: this.maxCanvasSize, imageSmoothingEnabled: !0, imageSmoothingQuality: "high", fillColor: "transparent" }, this.canvas), a = function(l) {
+    }(this.$refs.sourceCanvas, i, this.imageTransforms) : i, n = ne({ minWidth: 0, minHeight: 0, maxWidth: 1 / 0, maxHeight: 1 / 0, maxArea: this.maxCanvasSize, imageSmoothingEnabled: !0, imageSmoothingQuality: "high", fillColor: "transparent" }, this.canvas), a = function(l) {
       return l.find(function(s) {
         return u = s, !Number.isNaN(parseFloat(u)) && isFinite(u);
         var u;
       });
-    }, o = De({ sizeRestrictions: { minWidth: a([i.width, i.minWidth]) || 0, minHeight: a([i.height, i.minHeight]) || 0, maxWidth: a([i.width, i.maxWidth]) || 1 / 0, maxHeight: a([i.height, i.maxHeight]) || 1 / 0 }, width: this.coordinates.width, height: this.coordinates.height, aspectRatio: { minimum: this.coordinates.width / this.coordinates.height, maximum: this.coordinates.width / this.coordinates.height } });
-    if (i.maxArea && o.width * o.height > i.maxArea) {
-      var r = Math.sqrt(i.maxArea / (o.width * o.height));
+    }, o = De({ sizeRestrictions: { minWidth: a([n.width, n.minWidth]) || 0, minHeight: a([n.height, n.minHeight]) || 0, maxWidth: a([n.width, n.maxWidth]) || 1 / 0, maxHeight: a([n.height, n.maxHeight]) || 1 / 0 }, width: this.coordinates.width, height: this.coordinates.height, aspectRatio: { minimum: this.coordinates.width / this.coordinates.height, maximum: this.coordinates.width / this.coordinates.height } });
+    if (n.maxArea && o.width * o.height > n.maxArea) {
+      var r = Math.sqrt(n.maxArea / (o.width * o.height));
       o = { width: Math.round(r * o.width), height: Math.round(r * o.height) };
     }
     return function(l, s, u, d, h) {
@@ -1968,55 +1970,55 @@ var Eo = ["transitions"], Ie = Me("vue-advanced-cropper"), oi = { name: "Cropper
       m.clearRect(0, 0, l.width, l.height), h && (h.imageSmoothingEnabled && (m.imageSmoothingEnabled = h.imageSmoothingEnabled), h.imageSmoothingQuality && (m.imageSmoothingQuality = h.imageSmoothingQuality), h.fillColor && (m.fillStyle = h.fillColor, m.fillRect(0, 0, l.width, l.height), m.save()));
       var c = u.left < 0 ? -u.left : 0, y = u.top < 0 ? -u.top : 0;
       m.drawImage(s, u.left + c, u.top + y, u.width, u.height, c * (l.width / u.width), y * (l.height / u.height), l.width, l.height);
-    }(e, t, this.coordinates, o, i), e;
+    }(e, t, this.coordinates, o, n), e;
   }
 }, update: function() {
   this.$emit("change", this.getResult());
 }, applyTransform: function(e) {
-  var n = arguments.length > 1 && arguments[1] !== void 0 && arguments[1], t = this.visibleArea && n ? co(this.sizeRestrictions, this.visibleArea) : this.sizeRestrictions, i = this.visibleArea && n ? pt(this.positionRestrictions, this.visibleArea) : this.positionRestrictions;
-  return mo({ transform: e, coordinates: this.coordinates, imageSize: this.imageSize, sizeRestrictions: t, positionRestrictions: i, aspectRatio: this.getAspectRatio(), visibleArea: this.visibleArea });
+  var i = arguments.length > 1 && arguments[1] !== void 0 && arguments[1], t = this.visibleArea && i ? co(this.sizeRestrictions, this.visibleArea) : this.sizeRestrictions, n = this.visibleArea && i ? pt(this.positionRestrictions, this.visibleArea) : this.positionRestrictions;
+  return mo({ transform: e, coordinates: this.coordinates, imageSize: this.imageSize, sizeRestrictions: t, positionRestrictions: n, aspectRatio: this.getAspectRatio(), visibleArea: this.visibleArea });
 }, resetCoordinates: function() {
   var e = this;
   if (this.$refs.image) {
     this.$refs.cropper, this.$refs.image;
-    var n = this.defaultSize;
-    n || (n = this.stencilSize ? bo : vo);
+    var i = this.defaultSize;
+    i || (i = this.stencilSize ? bo : vo);
     var t = this.sizeRestrictions;
     t.minWidth, t.minHeight, t.maxWidth, t.maxHeight;
-    var i = Ze(n) ? n({ boundaries: this.boundaries, imageSize: this.imageSize, aspectRatio: this.getAspectRatio(), sizeRestrictions: this.sizeRestrictions, stencilSize: this.getStencilSize(), visibleArea: this.visibleArea }) : n, a = this.defaultPosition || go, o = [i, function(r) {
+    var n = Ze(i) ? i({ boundaries: this.boundaries, imageSize: this.imageSize, aspectRatio: this.getAspectRatio(), sizeRestrictions: this.sizeRestrictions, stencilSize: this.getStencilSize(), visibleArea: this.visibleArea }) : i, a = this.defaultPosition || go, o = [n, function(r) {
       var l = r.coordinates;
-      return ie({}, Ze(a) ? a({ coordinates: l, imageSize: e.imageSize, visibleArea: e.visibleArea }) : e.defaultPosition);
+      return ne({}, Ze(a) ? a({ coordinates: l, imageSize: e.imageSize, visibleArea: e.visibleArea }) : e.defaultPosition);
     }];
     this.delayedTransforms && o.push.apply(o, qe(Array.isArray(this.delayedTransforms) ? this.delayedTransforms : [this.delayedTransforms])), this.coordinates = this.applyTransform(o, !0), this.delayedTransforms = null;
   }
 }, clearImage: function() {
   var e = this;
   this.imageLoaded = !1, setTimeout(function() {
-    var n = e.$refs.stretcher;
-    n && (n.style.height = "auto", n.style.width = "auto"), e.coordinates = e.defaultCoordinates(), e.boundaries = { width: 0, height: 0 };
+    var i = e.$refs.stretcher;
+    i && (i.style.height = "auto", i.style.width = "auto"), e.coordinates = e.defaultCoordinates(), e.boundaries = { width: 0, height: 0 };
   }, this.transitionTime);
 }, enableTransitions: function() {
   this.transitions && (this.transitionsActive = !0);
 }, disableTransitions: function() {
   this.transitionsActive = !1;
 }, updateBoundaries: function() {
-  var e = this, n = this.$refs.stretcher, t = this.$refs.cropper;
-  return this.initStretcher({ cropper: t, stretcher: n, imageSize: this.imageSize }), this.$nextTick().then(function() {
-    var i = { cropper: t, imageSize: e.imageSize };
-    if (Ze(e.defaultBoundaries) ? e.boundaries = e.defaultBoundaries(i) : e.defaultBoundaries === "fit" ? e.boundaries = function(a) {
+  var e = this, i = this.$refs.stretcher, t = this.$refs.cropper;
+  return this.initStretcher({ cropper: t, stretcher: i, imageSize: this.imageSize }), this.$nextTick().then(function() {
+    var n = { cropper: t, imageSize: e.imageSize };
+    if (Ze(e.defaultBoundaries) ? e.boundaries = e.defaultBoundaries(n) : e.defaultBoundaries === "fit" ? e.boundaries = function(a) {
       var o = a.cropper, r = a.imageSize, l = o.clientHeight, s = o.clientWidth, u = l, d = r.width * l / r.height;
       return d > s && (d = s, u = r.height * s / r.width), { width: d, height: u };
-    }(i) : e.boundaries = function(a) {
+    }(n) : e.boundaries = function(a) {
       var o = a.cropper;
       return { width: o.clientWidth, height: o.clientHeight };
-    }(i), !e.boundaries.width || !e.boundaries.height) throw new Error("It's impossible to fit the cropper in the current container");
+    }(n), !e.boundaries.width || !e.boundaries.height) throw new Error("It's impossible to fit the cropper in the current container");
   });
 }, resetVisibleArea: function() {
   var e = this;
-  return this.appliedImageTransforms = ie(ie({}, this.defaultImageTransforms), {}, { flip: ie({}, this.defaultImageTransforms.flip) }), this.updateBoundaries().then(function() {
+  return this.appliedImageTransforms = ne(ne({}, this.defaultImageTransforms), {}, { flip: ne({}, this.defaultImageTransforms.flip) }), this.updateBoundaries().then(function() {
     e.priority !== "visible-area" && (e.visibleArea = null, e.resetCoordinates());
-    var n, t, i, a, o, r, l = e.defaultVisibleArea || yo;
-    e.visibleArea = Ze(l) ? l({ imageSize: e.imageSize, boundaries: e.boundaries, coordinates: e.priority !== "visible-area" ? e.coordinates : null, getAreaRestrictions: e.getAreaRestrictions, stencilSize: e.getStencilSize() }) : e.defaultVisibleArea, e.visibleArea = (n = { visibleArea: e.visibleArea, boundaries: e.boundaries, getAreaRestrictions: e.getAreaRestrictions }, t = n.visibleArea, i = n.boundaries, a = n.getAreaRestrictions, o = H({}, t), r = oe(i), o.width / o.height !== r && (o.height = o.width / r), ve(o, a({ visibleArea: o, type: "move" }))), e.priority === "visible-area" ? e.resetCoordinates() : e.coordinates = e.fitCoordinates({ visibleArea: e.visibleArea, coordinates: e.coordinates, aspectRatio: e.getAspectRatio(), positionRestrictions: e.positionRestrictions, sizeRestrictions: e.sizeRestrictions }), e.runAutoZoom("resetVisibleArea");
+    var i, t, n, a, o, r, l = e.defaultVisibleArea || yo;
+    e.visibleArea = Ze(l) ? l({ imageSize: e.imageSize, boundaries: e.boundaries, coordinates: e.priority !== "visible-area" ? e.coordinates : null, getAreaRestrictions: e.getAreaRestrictions, stencilSize: e.getStencilSize() }) : e.defaultVisibleArea, e.visibleArea = (i = { visibleArea: e.visibleArea, boundaries: e.boundaries, getAreaRestrictions: e.getAreaRestrictions }, t = i.visibleArea, n = i.boundaries, a = i.getAreaRestrictions, o = H({}, t), r = oe(n), o.width / o.height !== r && (o.height = o.width / r), ve(o, a({ visibleArea: o, type: "move" }))), e.priority === "visible-area" ? e.resetCoordinates() : e.coordinates = e.fitCoordinates({ visibleArea: e.visibleArea, coordinates: e.coordinates, aspectRatio: e.getAspectRatio(), positionRestrictions: e.positionRestrictions, sizeRestrictions: e.sizeRestrictions }), e.runAutoZoom("resetVisibleArea");
   }).catch(function() {
     e.visibleArea = null;
   });
@@ -2031,10 +2033,10 @@ var Eo = ["transitions"], Ie = Me("vue-advanced-cropper"), oi = { name: "Cropper
   var e = !(arguments.length > 0 && arguments[0] !== void 0) || arguments[0];
   e && this.debounce ? this.debouncedUpdate() : this.update();
 }, onChangeImage: function() {
-  var e, n = this;
+  var e, i = this;
   if (this.imageLoaded = !1, this.delayedTransforms = null, this.src) {
     if (function(a) {
-      if (wn(a)) return !1;
+      if (_i(a)) return !1;
       var o = window.location, r = /(\w+:)?(?:\/\/)([\w.-]+)?(?::(\d+))?\/?/.exec(a) || [], l = { protocol: r[1] || "", host: r[2] || "", port: r[3] || "" }, s = function(u) {
         return u.port || ((u.protocol || o.protocol) === "http" ? 80 : 433);
       };
@@ -2044,7 +2046,7 @@ var Eo = ["transitions"], Ie = Me("vue-advanced-cropper"), oi = { name: "Cropper
       t === !0 && (t = "anonymous"), this.imageAttributes.crossOrigin = t || null;
     }
     if (this.checkOrientation) {
-      var i = (e = this.src, new Promise(function(a) {
+      var n = (e = this.src, new Promise(function(a) {
         zo(e).then(function(o) {
           var r = Fo(o);
           a(o ? { source: e, arrayBuffer: o, orientation: r } : { source: e, arrayBuffer: null, orientation: null });
@@ -2053,28 +2055,28 @@ var Eo = ["transitions"], Ie = Me("vue-advanced-cropper"), oi = { name: "Cropper
         });
       }));
       setTimeout(function() {
-        i.then(n.onParseImage);
+        n.then(i.onParseImage);
       }, this.transitionTime);
     } else setTimeout(function() {
-      n.onParseImage({ source: n.src });
+      i.onParseImage({ source: i.src });
     }, this.transitionTime);
   } else this.clearImage();
 }, onFailLoadImage: function() {
   this.imageAttributes.src && (this.clearImage(), this.$emit("error"));
 }, onSuccessLoadImage: function() {
-  var e = this, n = this.$refs.image;
-  n && !this.imageLoaded && (this.imageAttributes.height = n.naturalHeight, this.imageAttributes.width = n.naturalWidth, this.imageLoaded = !0, this.resetVisibleArea().then(function() {
+  var e = this, i = this.$refs.image;
+  i && !this.imageLoaded && (this.imageAttributes.height = i.naturalHeight, this.imageAttributes.width = i.naturalWidth, this.imageLoaded = !0, this.resetVisibleArea().then(function() {
     e.$emit("ready"), e.onChange(!1);
   }));
 }, onParseImage: function(e) {
-  var n = this, t = e.source, i = e.arrayBuffer, a = e.orientation;
-  this.imageAttributes.revoke && this.imageAttributes.src && URL.revokeObjectURL(this.imageAttributes.src), this.imageAttributes.revoke = !1, i && a && a > 1 ? Kn(t) || !wn(t) ? (this.imageAttributes.src = URL.createObjectURL(new Blob([i])), this.imageAttributes.revoke = !0) : this.imageAttributes.src = function(o) {
+  var i = this, t = e.source, n = e.arrayBuffer, a = e.orientation;
+  this.imageAttributes.revoke && this.imageAttributes.src && URL.revokeObjectURL(this.imageAttributes.src), this.imageAttributes.revoke = !1, n && a && a > 1 ? Bi(t) || !_i(t) ? (this.imageAttributes.src = URL.createObjectURL(new Blob([n])), this.imageAttributes.revoke = !0) : this.imageAttributes.src = function(o) {
     for (var r = [], l = new Uint8Array(o); l.length > 0; ) {
       var s = l.subarray(0, 8192);
       r.push(String.fromCharCode.apply(null, Array.from ? Array.from(s) : s.slice())), l = l.subarray(8192);
     }
     return "data:image/jpeg;base64," + btoa(r.join(""));
-  }(i) : this.imageAttributes.src = t, Ze(this.defaultTransforms) ? this.appliedImageTransforms = Dt(this.defaultTransforms()) : bt(this.defaultTransforms) ? this.appliedImageTransforms = Dt(this.defaultTransforms) : this.appliedImageTransforms = function(o) {
+  }(n) : this.imageAttributes.src = t, Ze(this.defaultTransforms) ? this.appliedImageTransforms = Dt(this.defaultTransforms()) : bt(this.defaultTransforms) ? this.appliedImageTransforms = Dt(this.defaultTransforms) : this.appliedImageTransforms = function(o) {
     var r = Dt({});
     if (o) switch (o) {
       case 2:
@@ -2099,79 +2101,79 @@ var Eo = ["transitions"], Ie = Me("vue-advanced-cropper"), oi = { name: "Cropper
         r.rotate = -90;
     }
     return r;
-  }(a), this.defaultImageTransforms = ie(ie({}, this.appliedImageTransforms), {}, { flip: ie({}, this.appliedImageTransforms.flip) }), this.$nextTick(function() {
-    var o = n.$refs.image;
+  }(a), this.defaultImageTransforms = ne(ne({}, this.appliedImageTransforms), {}, { flip: ne({}, this.appliedImageTransforms.flip) }), this.$nextTick(function() {
+    var o = i.$refs.image;
     o && o.complete && (function(r) {
       return !!r.naturalWidth;
-    }(o) ? n.onSuccessLoadImage() : n.onFailLoadImage());
+    }(o) ? i.onSuccessLoadImage() : i.onFailLoadImage());
   });
 }, onResizeEnd: function() {
   this.runAutoZoom("resize", { transitions: !0 });
 }, onMoveEnd: function() {
   this.runAutoZoom("move", { transitions: !0 });
 }, onMove: function(e) {
-  var n = this;
+  var i = this;
   this.transitionsOptions.enabled || this.awaitRender(function() {
-    n.coordinates = n.moveAlgorithm(ie(ie({}, n.getPublicProperties()), {}, { positionRestrictions: pt(n.positionRestrictions, n.visibleArea), coordinates: n.coordinates, event: n.normalizeEvent(e) })), n.onChange();
+    i.coordinates = i.moveAlgorithm(ne(ne({}, i.getPublicProperties()), {}, { positionRestrictions: pt(i.positionRestrictions, i.visibleArea), coordinates: i.coordinates, event: i.normalizeEvent(e) })), i.onChange();
   });
 }, onResize: function(e) {
-  var n = this;
+  var i = this;
   this.transitionsOptions.enabled || this.stencilSize && !this.autoZoom || this.awaitRender(function() {
-    var t = n.sizeRestrictions, i = Math.min(n.coordinates.width, n.coordinates.height, 20 * n.coefficient);
-    n.coordinates = n.resizeAlgorithm(ie(ie({}, n.getPublicProperties()), {}, { positionRestrictions: pt(n.positionRestrictions, n.visibleArea), sizeRestrictions: { maxWidth: Math.min(t.maxWidth, n.visibleArea.width), maxHeight: Math.min(t.maxHeight, n.visibleArea.height), minWidth: Math.max(t.minWidth, i), minHeight: Math.max(t.minHeight, i) }, event: n.normalizeEvent(e) })), n.onChange(), n.ticking = !1;
+    var t = i.sizeRestrictions, n = Math.min(i.coordinates.width, i.coordinates.height, 20 * i.coefficient);
+    i.coordinates = i.resizeAlgorithm(ne(ne({}, i.getPublicProperties()), {}, { positionRestrictions: pt(i.positionRestrictions, i.visibleArea), sizeRestrictions: { maxWidth: Math.min(t.maxWidth, i.visibleArea.width), maxHeight: Math.min(t.maxHeight, i.visibleArea.height), minWidth: Math.max(t.minWidth, n), minHeight: Math.max(t.minHeight, n) }, event: i.normalizeEvent(e) })), i.onChange(), i.ticking = !1;
   });
 }, onManipulateImage: function(e) {
-  var n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
+  var i = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
   if (!this.transitionsOptions.enabled) {
-    var t = n.transitions, i = t !== void 0 && t, a = n.normalize, o = a === void 0 || a;
-    i && this.enableTransitions();
-    var r = _o(ie(ie({}, this.getPublicProperties()), {}, { event: o ? this.normalizeEvent(e) : e, getAreaRestrictions: this.getAreaRestrictions, imageRestriction: this.imageRestriction, adjustStencil: !this.stencilSize && this.settings.resizeImage.adjustStencil })), l = r.visibleArea, s = r.coordinates;
-    this.visibleArea = l, this.coordinates = s, this.runAutoZoom("manipulateImage"), this.onChange(), i && this.debouncedDisableTransitions();
+    var t = i.transitions, n = t !== void 0 && t, a = i.normalize, o = a === void 0 || a;
+    n && this.enableTransitions();
+    var r = _o(ne(ne({}, this.getPublicProperties()), {}, { event: o ? this.normalizeEvent(e) : e, getAreaRestrictions: this.getAreaRestrictions, imageRestriction: this.imageRestriction, adjustStencil: !this.stencilSize && this.settings.resizeImage.adjustStencil })), l = r.visibleArea, s = r.coordinates;
+    this.visibleArea = l, this.coordinates = s, this.runAutoZoom("manipulateImage"), this.onChange(), n && this.debouncedDisableTransitions();
   }
 }, onPropsChange: function() {
   this.coordinates = this.applyTransform(this.coordinates, !0), this.onChange(!1);
 }, getAreaRestrictions: function() {
-  var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, n = e.visibleArea, t = e.type, i = t === void 0 ? "move" : t;
-  return this.areaRestrictionsAlgorithm({ boundaries: this.boundaries, imageSize: this.imageSize, imageRestriction: this.imageRestriction, visibleArea: n, type: i });
+  var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, i = e.visibleArea, t = e.type, n = t === void 0 ? "move" : t;
+  return this.areaRestrictionsAlgorithm({ boundaries: this.boundaries, imageSize: this.imageSize, imageRestriction: this.imageRestriction, visibleArea: i, type: n });
 }, getAspectRatio: function(e) {
-  var n, t, i = this.stencilProps, a = i.aspectRatio, o = i.minAspectRatio, r = i.maxAspectRatio;
+  var i, t, n = this.stencilProps, a = n.aspectRatio, o = n.minAspectRatio, r = n.maxAspectRatio;
   if (this.$refs.stencil && this.$refs.stencil.aspectRatios) {
     var l = this.$refs.stencil.aspectRatios();
-    n = l.minimum, t = l.maximum;
+    i = l.minimum, t = l.maximum;
   }
-  if (fe(n) && (n = fe(a) ? o : a), fe(t) && (t = fe(a) ? r : a), !e && (fe(n) || fe(t))) {
+  if (fe(i) && (i = fe(a) ? o : a), fe(t) && (t = fe(a) ? r : a), !e && (fe(i) || fe(t))) {
     var s = this.getStencilSize(), u = s ? oe(s) : null;
-    fe(n) && (n = Sn(u) ? u : void 0), fe(t) && (t = Sn(u) ? u : void 0);
+    fe(i) && (i = wi(u) ? u : void 0), fe(t) && (t = wi(u) ? u : void 0);
   }
-  return { minimum: n, maximum: t };
+  return { minimum: i, maximum: t };
 }, getStencilSize: function() {
-  if (this.stencilSize) return e = { currentStencilSize: { width: this.stencilCoordinates.width, height: this.stencilCoordinates.height }, stencilSize: this.stencilSize, boundaries: this.boundaries, coefficient: this.coefficient, coordinates: this.coordinates, aspectRatio: this.getAspectRatio(!0) }, n = e.boundaries, t = e.stencilSize, i = e.aspectRatio, It(oe(a = Ze(t) ? t({ boundaries: n, aspectRatio: i }) : t), i) && (a = De({ sizeRestrictions: { maxWidth: n.width, maxHeight: n.height, minWidth: 0, minHeight: 0 }, width: a.width, height: a.height, aspectRatio: { minimum: i.minimum, maximum: i.maximum } })), (a.width > n.width || a.height > n.height) && (a = De({ sizeRestrictions: { maxWidth: n.width, maxHeight: n.height, minWidth: 0, minHeight: 0 }, width: a.width, height: a.height, aspectRatio: { minimum: oe(a), maximum: oe(a) } })), a;
-  var e, n, t, i, a;
+  if (this.stencilSize) return e = { currentStencilSize: { width: this.stencilCoordinates.width, height: this.stencilCoordinates.height }, stencilSize: this.stencilSize, boundaries: this.boundaries, coefficient: this.coefficient, coordinates: this.coordinates, aspectRatio: this.getAspectRatio(!0) }, i = e.boundaries, t = e.stencilSize, n = e.aspectRatio, It(oe(a = Ze(t) ? t({ boundaries: i, aspectRatio: n }) : t), n) && (a = De({ sizeRestrictions: { maxWidth: i.width, maxHeight: i.height, minWidth: 0, minHeight: 0 }, width: a.width, height: a.height, aspectRatio: { minimum: n.minimum, maximum: n.maximum } })), (a.width > i.width || a.height > i.height) && (a = De({ sizeRestrictions: { maxWidth: i.width, maxHeight: i.height, minWidth: 0, minHeight: 0 }, width: a.width, height: a.height, aspectRatio: { minimum: oe(a), maximum: oe(a) } })), a;
+  var e, i, t, n, a;
 }, getPublicProperties: function() {
   return { coefficient: this.coefficient, visibleArea: this.visibleArea, coordinates: this.coordinates, boundaries: this.boundaries, sizeRestrictions: this.sizeRestrictions, positionRestrictions: this.positionRestrictions, aspectRatio: this.getAspectRatio(), imageRestriction: this.imageRestriction };
 }, defaultCoordinates: function() {
-  return ie({}, Cn);
-}, flip: function(e, n) {
-  var t = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, i = t.transitions, a = i === void 0 || i;
+  return ne({}, Si);
+}, flip: function(e, i) {
+  var t = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, n = t.transitions, a = n === void 0 || n;
   if (!this.transitionsActive) {
     a && this.enableTransitions();
-    var o = ie({}, this.imageTransforms.flip), r = So({ flip: { horizontal: e ? !o.horizontal : o.horizontal, vertical: n ? !o.vertical : o.vertical }, previousFlip: o, rotate: this.imageTransforms.rotate, visibleArea: this.visibleArea, coordinates: this.coordinates, imageSize: this.imageSize, positionRestrictions: this.positionRestrictions, sizeRestrictions: this.sizeRestrictions, getAreaRestrictions: this.getAreaRestrictions, aspectRatio: this.getAspectRatio() }), l = r.visibleArea, s = r.coordinates;
-    e && (this.appliedImageTransforms.flip.horizontal = !this.appliedImageTransforms.flip.horizontal), n && (this.appliedImageTransforms.flip.vertical = !this.appliedImageTransforms.flip.vertical), this.visibleArea = l, this.coordinates = s, this.onChange(), a && this.debouncedDisableTransitions();
+    var o = ne({}, this.imageTransforms.flip), r = So({ flip: { horizontal: e ? !o.horizontal : o.horizontal, vertical: i ? !o.vertical : o.vertical }, previousFlip: o, rotate: this.imageTransforms.rotate, visibleArea: this.visibleArea, coordinates: this.coordinates, imageSize: this.imageSize, positionRestrictions: this.positionRestrictions, sizeRestrictions: this.sizeRestrictions, getAreaRestrictions: this.getAreaRestrictions, aspectRatio: this.getAspectRatio() }), l = r.visibleArea, s = r.coordinates;
+    e && (this.appliedImageTransforms.flip.horizontal = !this.appliedImageTransforms.flip.horizontal), i && (this.appliedImageTransforms.flip.vertical = !this.appliedImageTransforms.flip.vertical), this.visibleArea = l, this.coordinates = s, this.onChange(), a && this.debouncedDisableTransitions();
   }
 }, rotate: function(e) {
-  var n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, t = n.transitions, i = t === void 0 || t;
+  var i = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, t = i.transitions, n = t === void 0 || t;
   if (!this.transitionsActive) {
-    i && this.enableTransitions();
-    var a = ie({}, this.imageSize);
+    n && this.enableTransitions();
+    var a = ne({}, this.imageSize);
     this.appliedImageTransforms.rotate += e;
     var o = wo({ visibleArea: this.visibleArea, coordinates: this.coordinates, previousImageSize: a, imageSize: this.imageSize, angle: e, positionRestrictions: this.positionRestrictions, sizeRestrictions: this.sizeRestrictions, getAreaRestrictions: this.getAreaRestrictions, aspectRatio: this.getAspectRatio() }), r = o.visibleArea, l = o.coordinates, s = this.processAutoZoom("rotateImage", r, l);
-    r = s.visibleArea, l = s.coordinates, this.visibleArea = r, this.coordinates = l, this.onChange(), i && this.debouncedDisableTransitions();
+    r = s.visibleArea, l = s.coordinates, this.visibleArea = r, this.coordinates = l, this.onChange(), n && this.debouncedDisableTransitions();
   }
 } }, emits: ["change", "error", "ready"] }, Io = { key: 0, ref: "canvas", style: { display: "none" } }, Po = { key: 1, ref: "sourceCanvas", style: { display: "none" } };
-oi.render = function(e, n, t, i, a, o) {
+on.render = function(e, i, t, n, a, o) {
   return F(), G("div", { ref: "cropper", class: o.classes.cropper }, [C("div", { ref: "stretcher", class: o.classes.stretcher }, null, 2), C("div", { class: o.classes.boundaries, style: o.boundariesStyle }, [(F(), G(yt(t.backgroundWrapperComponent), { class: o.classes.cropperWrapper, "wheel-resize": o.settings.resizeImage.wheel, "touch-resize": o.settings.resizeImage.touch, "touch-move": o.settings.moveImage.touch, "mouse-move": o.settings.moveImage.mouse, onMove: o.onManipulateImage, onResize: o.onManipulateImage }, { default: N(function() {
-    return [C("div", { class: o.classes.background, style: o.boundariesStyle }, null, 6), C("div", { class: o.classes.imageWrapper }, [C("img", { ref: "image", crossorigin: a.imageAttributes.crossOrigin, src: a.imageAttributes.src, class: o.classes.image, style: o.imageStyle, onMousedown: n[1] || (n[1] = St(function() {
-    }, ["prevent"])) }, null, 46, ["crossorigin", "src"])], 2), C("div", { class: o.classes.foreground, style: o.boundariesStyle }, null, 6), Xe((F(), G(yt(t.stencilComponent), Dn({ ref: "stencil", image: o.image, coordinates: a.coordinates, "stencil-coordinates": o.stencilCoordinates, transitions: o.transitionsOptions }, t.stencilProps, { onResize: o.onResize, onResizeEnd: o.onResizeEnd, onMove: o.onMove, onMoveEnd: o.onMoveEnd }), null, 16, ["image", "coordinates", "stencil-coordinates", "transitions", "onResize", "onResizeEnd", "onMove", "onMoveEnd"])), [[wt, a.imageLoaded]]), t.canvas ? (F(), G("canvas", Io, null, 512)) : ee("", !0), t.canvas ? (F(), G("canvas", Po, null, 512)) : ee("", !0)];
+    return [C("div", { class: o.classes.background, style: o.boundariesStyle }, null, 6), C("div", { class: o.classes.imageWrapper }, [C("img", { ref: "image", crossorigin: a.imageAttributes.crossOrigin, src: a.imageAttributes.src, class: o.classes.image, style: o.imageStyle, onMousedown: i[1] || (i[1] = St(function() {
+    }, ["prevent"])) }, null, 46, ["crossorigin", "src"])], 2), C("div", { class: o.classes.foreground, style: o.boundariesStyle }, null, 6), Xe((F(), G(yt(t.stencilComponent), Pi({ ref: "stencil", image: o.image, coordinates: a.coordinates, "stencil-coordinates": o.stencilCoordinates, transitions: o.transitionsOptions }, t.stencilProps, { onResize: o.onResize, onResizeEnd: o.onResizeEnd, onMove: o.onMove, onMoveEnd: o.onMoveEnd }), null, 16, ["image", "coordinates", "stencil-coordinates", "transitions", "onResize", "onResizeEnd", "onMove", "onMoveEnd"])), [[wt, a.imageLoaded]]), t.canvas ? (F(), G("canvas", Io, null, 512)) : ee("", !0), t.canvas ? (F(), G("canvas", Po, null, 512)) : ee("", !0)];
   }), _: 1 }, 8, ["class", "wheel-resize", "touch-resize", "touch-move", "mouse-move", "onMove", "onResize"]))], 6)], 2);
 };
 const Do = {
@@ -2193,8 +2195,8 @@ const Do = {
     modelValue: {}
   },
   emits: ["update:model-value", "reset:model-value"],
-  setup(e, { emit: n }) {
-    const t = e, { t: i } = ce(), a = n, o = T(() => t.modelValue ? URL.createObjectURL(t.modelValue) : ""), r = q();
+  setup(e, { emit: i }) {
+    const t = e, { t: n } = ce(), a = i, o = T(() => t.modelValue ? URL.createObjectURL(t.modelValue) : ""), r = q();
     function l(y, v) {
       const w = 2e3 / y;
       return {
@@ -2240,13 +2242,13 @@ const Do = {
       const g = B("fm-icon"), w = B("fm-drop-field");
       return r.value || o.value ? (F(), Z("div", Do, [
         D("p", To, [
-          _t(se(p(i)("menu.common.labels.product_image")) + " ", 1),
-          D("span", Uo, se(p(i)("menu.common.labels.optional")), 1)
+          _t(se(p(n)("menu.common.labels.product_image")) + " ", 1),
+          D("span", Uo, se(p(n)("menu.common.labels.optional")), 1)
         ]),
         D("div", $o, [
           D("div", Vo, [
             D("div", No, [
-              C(p(oi), {
+              C(p(on), {
                 class: "cropper h-[150px] w-[200px]",
                 src: r.value || o.value,
                 "stencil-props": {
@@ -2283,45 +2285,45 @@ const Do = {
       }, {
         label: N(() => [
           D("p", Lo, [
-            _t(se(p(i)("menu.common.labels.product_image")) + " ", 1),
-            D("span", Bo, se(p(i)("menu.common.labels.optional")), 1)
+            _t(se(p(n)("menu.common.labels.product_image")) + " ", 1),
+            D("span", Bo, se(p(n)("menu.common.labels.optional")), 1)
           ])
         ]),
         "accept-text": N(() => [
-          D("p", Ko, se(p(i)("menu.common.file.accepts")), 1)
+          D("p", Ko, se(p(n)("menu.common.file.accepts")), 1)
         ]),
         _: 1
       }));
     };
   }
-}), ai = /* @__PURE__ */ le({
+}), an = /* @__PURE__ */ le({
   __name: "RemyButton",
   props: {
     onClick: { type: Function },
     pureStyling: { type: Boolean }
   },
   setup(e) {
-    return (n, t) => {
-      var i;
-      return (i = p(Te)) != null && i.enable.value ? (F(), Z("button", {
+    return (i, t) => {
+      var n;
+      return (n = p(Te)) != null && n.enable.value ? (F(), Z("button", {
         key: 0,
-        class: Ee([!n.pureStyling && "bg-fm-color-neutral-gray-100 rounded-lg p-[6px]"]),
+        class: Ee([!i.pureStyling && "bg-fm-color-neutral-gray-100 rounded-lg p-[6px]"]),
         type: "button",
         onClick: t[0] || (t[0] = //@ts-ignore
-        (...a) => n.onClick && n.onClick(...a))
+        (...a) => i.onClick && i.onClick(...a))
       }, [
-        p(Te).isDialogOpened.value ? (F(), G(p(Wi), { key: 1 })) : (F(), G(p(Bi), { key: 0 }))
+        p(Te).isDialogOpened.value ? (F(), G(p(Wn), { key: 1 })) : (F(), G(p(Bn), { key: 0 }))
       ], 2)) : ee("", !0);
     };
   }
 }), Wo = {}, jo = { class: "pl-32" };
-function Yo(e, n) {
+function Yo(e, i) {
   return F(), Z("div", jo, [
     he(e.$slots, "default")
   ]);
 }
-const Ho = /* @__PURE__ */ lt(Wo, [["render", Yo]]);
-function ri(e) {
+const Ho = /* @__PURE__ */ ut(Wo, [["render", Yo]]);
+function rn(e) {
   return e || null;
 }
 const Xo = {
@@ -2338,9 +2340,9 @@ const Xo = {
   class: "relative"
 }, ta = {
   class: "fm-typo-en-body-lg-600"
-}, na = {
-  class: "fm-typo-en-body-md-400 text-fm-color-typo-tertiary"
 }, ia = {
+  class: "fm-typo-en-body-md-400 text-fm-color-typo-tertiary"
+}, na = {
   class: "flex flex-col gap-16"
 }, oa = {
   class: "space-y-8"
@@ -2369,14 +2371,14 @@ const ra = /* @__PURE__ */ le({
   },
   emits: ["update:form", "update:thumbnail", "reset:thumbnail"],
   setup(e, {
-    emit: n
+    emit: i
   }) {
-    const t = e, i = me(), a = Ue(), o = Le(), r = Ye(o), l = He(r), s = zi({
+    const t = e, n = me(), a = Ue(), o = Le(), r = Ye(o), l = He(r), s = zn({
       dialog: a,
       menuLoader: l
     }), {
       checkMenuIsLoading: u
-    } = He(Ye(Le())), d = n, h = T(() => i.rules.item), m = T(() => i.categorizedItems), c = T(() => {
+    } = He(Ye(Le())), d = i, h = T(() => n.rules.item), m = T(() => n.categorizedItems), c = T(() => {
       const P = m.value.map((A) => ({
         label: A.name,
         value: A.id
@@ -2410,7 +2412,7 @@ const ra = /* @__PURE__ */ le({
     const w = T(() => {
       var A;
       const P = t.form.name || ((A = t.fallback) == null ? void 0 : A.name);
-      return P ? i.items.filter((_) => !!_.category && _._id !== t.form._id && _.name === P).length : 0;
+      return P ? n.items.filter((_) => !!_.category && _._id !== t.form._id && _.name === P).length : 0;
     });
     function z(P) {
       var _, R, f;
@@ -2455,7 +2457,7 @@ const ra = /* @__PURE__ */ le({
             "model-value": P.form.code,
             placeholder: ((Y = P.fallback) == null ? void 0 : Y.code) || p(E)("menu.product.form.detail.fields.code.placeholder"),
             label: p(E)("menu.product.form.detail.fields.code.label"),
-            "onUpdate:modelValue": A[0] || (A[0] = (M) => d("update:form", "code", p(ri)(M)))
+            "onUpdate:modelValue": A[0] || (A[0] = (M) => d("update:form", "code", p(rn)(M)))
           }, null, 8, ["model-value", "placeholder", "label"])]), D("div", Jo, [C(_, {
             id: "product-name",
             disabled: !h.value.name,
@@ -2475,12 +2477,12 @@ const ra = /* @__PURE__ */ le({
             placeholder: p(E)("menu.product.form.detail.fields.description.placeholder"),
             "onUpdate:modelValue": A[2] || (A[2] = (M) => d("update:form", "description", M.trim()))
           }, {
-            label: N(() => [D("p", ta, [_t(se(p(E)("menu.product.form.detail.fields.description.label")) + " ", 1), D("span", na, se(p(E)("menu.product.form.detail.fields.description.optional")), 1)])]),
+            label: N(() => [D("p", ta, [_t(se(p(E)("menu.product.form.detail.fields.description.label")) + " ", 1), D("span", ia, se(p(E)("menu.product.form.detail.fields.description.optional")), 1)])]),
             _: 1
-          }, 8, ["disabled", "model-value", "placeholder"]), Xe(C(ai, {
+          }, 8, ["disabled", "model-value", "placeholder"]), Xe(C(an, {
             class: Ee(["absolute top-[100px] left-8"]),
             onClick: I
-          }, null, 512), [[K, p(Tn)("Suggest description")]])])]), C(Go, {
+          }, null, 512), [[K, p(Di)("Suggest description")]])])]), C(Go, {
             disabled: !h.value.thumbnail,
             "model-value": P.thumbnail,
             "onUpdate:modelValue": A[3] || (A[3] = (M) => d("update:thumbnail", M)),
@@ -2494,13 +2496,13 @@ const ra = /* @__PURE__ */ le({
               "model-value": P.isAddon ? je.ADD_ON : je.PRODUCT,
               "onUpdate:modelValue": A[5] || (A[5] = (M) => z(M))
             }, {
-              default: N(() => [D("div", ia, [D("div", oa, [C(f, {
+              default: N(() => [D("div", na, [D("div", oa, [C(f, {
                 disabled: v.value,
                 value: je.PRODUCT,
                 label: p(E)("menu.product.form.detail.category.options.product.label"),
                 sublabel: p(E)("menu.product.form.detail.category.options.product.sublabel")
               }, null, 8, ["disabled", "value", "label", "sublabel"]), C(Ho, null, {
-                default: N(() => [p(i).isV4 ? (F(), G(g, {
+                default: N(() => [p(n).isV4 ? (F(), G(g, {
                   key: 0
                 })) : ee("", !0)]),
                 _: 1
@@ -2518,7 +2520,7 @@ const ra = /* @__PURE__ */ le({
                 sublabel: p(E)("menu.product.form.detail.category.options.addon.sublabel")
               }, null, 8, ["value", "label", "sublabel"])])]),
               _: 1
-            }, 8, ["disabled", "model-value"])) : ee("", !0), p(i).isV4 ? ee("", !0) : (F(), G(S, {
+            }, 8, ["disabled", "model-value"])) : ee("", !0), p(n).isV4 ? ee("", !0) : (F(), G(S, {
               key: 1,
               modelValue: P.form.category,
               "onUpdate:modelValue": A[6] || (A[6] = (M) => P.form.category = M),
@@ -2565,14 +2567,14 @@ const ra = /* @__PURE__ */ le({
     fallback: {}
   },
   emits: ["update:form"],
-  setup(e, { emit: n }) {
-    const t = e, i = Xt(), a = me(), { t: o } = ce(), r = n, l = T(() => a.rules.item), s = T(() => {
+  setup(e, { emit: i }) {
+    const t = e, n = Xt(), a = me(), { t: o } = ce(), r = i, l = T(() => a.rules.item), s = T(() => {
       var z, O;
       const g = t.isOverride ? ((z = t.fallback) == null ? void 0 : z.unit) ?? ((O = t.fallback) == null ? void 0 : O.perXUnit) : void 0, w = t.form.unit ?? t.form.perXUnit ?? g;
       return w != null;
     }), u = (g) => {
       r("update:form", "unit", g ? "" : void 0), r("update:form", "perXUnit", g ? 0 : void 0);
-    }, d = T(() => Ot.setCoreStore(i).taxSetting()), h = T(() => {
+    }, d = T(() => Ot.setCoreStore(n).taxSetting()), h = T(() => {
       var g;
       return Ot.getSelectedTax(
         t.form.taxes,
@@ -2619,8 +2621,8 @@ const ra = /* @__PURE__ */ le({
             A,
             {
               name: t.form.name || "",
-              lat: (O = (z = (w = i.currentRestaurant) == null ? void 0 : w.value) == null ? void 0 : z.profile.address.coordinates) == null ? void 0 : O[1],
-              lon: (P = (E = (I = i.currentRestaurant) == null ? void 0 : I.value) == null ? void 0 : E.profile.address.coordinates) == null ? void 0 : P[0]
+              lat: (O = (z = (w = n.currentRestaurant) == null ? void 0 : w.value) == null ? void 0 : z.profile.address.coordinates) == null ? void 0 : O[1],
+              lon: (P = (E = (I = n.currentRestaurant) == null ? void 0 : I.value) == null ? void 0 : E.profile.address.coordinates) == null ? void 0 : P[0]
             },
             !0
           ));
@@ -2643,18 +2645,18 @@ const ra = /* @__PURE__ */ le({
                 placeholder: (P = g.fallback) != null && P.price ? p(rt)(g.fallback.price, !1) : void 0,
                 rules: [
                   l.value.price ? (A) => !!A || p(o)("menu.product.form.price.fields.selling_price.required") : void 0
-                ].filter(p(ut).isSet),
+                ].filter(p(lt).isSet),
                 class: "w-[258px] xs:w-full",
                 label: p(o)("menu.product.form.price.fields.selling_price.label"),
                 "show-currency": "",
                 "onUpdate:modelValue": w[0] || (w[0] = (A) => A && r("update:form", "price", A))
               }, {
                 append: N(() => [
-                  Xe(C(ai, {
+                  Xe(C(an, {
                     "pure-styling": "",
                     onClick: v
                   }, null, 512), [
-                    [E, p(Tn)("Suggest pricing")]
+                    [E, p(Di)("Suggest pricing")]
                   ])
                 ]),
                 _: 1
@@ -2790,12 +2792,12 @@ const ra = /* @__PURE__ */ le({
     selectedVariants: {}
   },
   setup(e) {
-    const n = Ue(), { emitData: t, emitAction: i } = In(), a = me(), { t: o } = ce(), r = e, l = T(() => a.variants.map((h) => ({
+    const i = Ue(), { emitData: t, emitAction: n } = Ei(), a = me(), { t: o } = ce(), r = e, l = T(() => a.variants.map((h) => ({
       label: h.name,
       value: h._id,
       disabled: !1
     }))), s = q(ae(r.selectedVariants)), u = q(""), d = () => {
-      t(s.value), i("primary"), n.close();
+      t(s.value), n("primary"), i.close();
     };
     return (h, m) => {
       const c = B("FmSearch"), y = B("FmCheckbox"), v = B("FmButton");
@@ -2828,7 +2830,7 @@ const ra = /* @__PURE__ */ le({
           ])
         ]),
         D("div", Ca, [
-          C(p(bn), null, {
+          C(p(vi), null, {
             default: N(({ trigger: g }) => [
               p(a).rules.item.variant ? (F(), G(v, {
                 key: 0,
@@ -2844,7 +2846,7 @@ const ra = /* @__PURE__ */ le({
             C(v, {
               label: p(o)("menu.common.actions.cancel"),
               variant: "tertiary",
-              onClick: m[3] || (m[3] = (g) => p(n).close())
+              onClick: m[3] || (m[3] = (g) => p(i).close())
             }, null, 8, ["label"]),
             C(v, {
               label: p(o)("menu.common.actions.confirm"),
@@ -2857,7 +2859,7 @@ const ra = /* @__PURE__ */ le({
           D("p", ka, se(p(o)("menu.common.empty.no_variant.title")), 1),
           D("p", Ma, se(p(o)("menu.common.empty.no_variant.subtitle")), 1)
         ]),
-        C(p(bn), null, {
+        C(p(vi), null, {
           default: N(({ trigger: g }) => [
             C(v, {
               label: p(o)("menu.variant.add"),
@@ -2871,14 +2873,14 @@ const ra = /* @__PURE__ */ le({
     };
   }
 }), za = {}, Fa = { class: "overflow-x-auto" }, Ea = { class: "xs:w-[600px]" };
-function Ia(e, n) {
+function Ia(e, i) {
   return F(), Z("div", Fa, [
     D("div", Ea, [
       he(e.$slots, "default")
     ])
   ]);
 }
-const si = /* @__PURE__ */ lt(za, [["render", Ia]]), Pa = {
+const sn = /* @__PURE__ */ ut(za, [["render", Ia]]), Pa = {
   class: "space-y-16"
 }, Da = {
   class: "flex items-center space-x-8"
@@ -2901,13 +2903,13 @@ const si = /* @__PURE__ */ lt(za, [["render", Ia]]), Pa = {
   },
   emits: ["update:form", "replace:form"],
   setup(e, {
-    emit: n
+    emit: i
   }) {
-    const t = e, i = me(), a = nn(), o = Le(), r = Ue(), {
+    const t = e, n = me(), a = ii(), o = Le(), r = Ue(), {
       t: l
-    } = ce(), s = T(() => i.rules.item), u = T(() => s.value.minPrice && !!t.form.minPrice), d = T(() => !i.state.currentCatalogId), h = T(() => i.variants.reduce((_, R) => (_[R._id] = R, _), {}));
+    } = ce(), s = T(() => n.rules.item), u = T(() => s.value.minPrice && !!t.form.minPrice), d = T(() => !n.state.currentCatalogId), h = T(() => n.variants.reduce((_, R) => (_[R._id] = R, _), {}));
     q(!1);
-    const m = n;
+    const m = i;
     function c(_) {
       const R = Ne.clone(t.form);
       for (const {
@@ -2917,7 +2919,7 @@ const si = /* @__PURE__ */ lt(za, [["render", Ia]]), Pa = {
         R[f] = b;
       m("replace:form", R);
     }
-    T(() => i.variants.map((_) => ({
+    T(() => n.variants.map((_) => ({
       label: _.name,
       value: _._id,
       disabled: !1
@@ -2979,7 +2981,7 @@ const si = /* @__PURE__ */ lt(za, [["render", Ia]]), Pa = {
       const f = _.filter((k) => !!k);
       let b;
       if (f.length) {
-        const k = f.map((K) => i.variants.find((Y) => Y._id === K)), S = ye.fullVariantCombination(k).map(({
+        const k = f.map((K) => n.variants.find((Y) => Y._id === K)), S = ye.fullVariantCombination(k).map(({
           combinationKey: K
         }) => {
           var J;
@@ -3044,7 +3046,7 @@ const si = /* @__PURE__ */ lt(za, [["render", Ia]]), Pa = {
           modelValue: R,
           placeholder: x || l("menu.product.form.variant.placeholders.no_code"),
           "onUpdate:modelValue": (K) => {
-            I(_.row.index, "code", ri(K));
+            I(_.row.index, "code", rn(K));
           }
         });
       }
@@ -3108,8 +3110,8 @@ const si = /* @__PURE__ */ lt(za, [["render", Ia]]), Pa = {
       minPrice: u.value
     }));
     function A(_) {
-      return _ != null && _.length && _.length > i.rules.item.maxVariant ? l("menu.product.form.variant.validation.max_variants", {
-        max: i.rules.item.maxVariant
+      return _ != null && _.length && _.length > n.rules.item.maxVariant ? l("menu.product.form.variant.validation.max_variants", {
+        max: n.rules.item.maxVariant
       }) : !0;
     }
     return (_, R) => {
@@ -3118,7 +3120,7 @@ const si = /* @__PURE__ */ lt(za, [["render", Ia]]), Pa = {
         title: p(l)("menu.product.form.variant.title"),
         "sub-title": p(l)("menu.product.form.variant.subtitle")
       }, {
-        "append-title": N(() => [p(i).rules.item.variant ? (F(), G(f, {
+        "append-title": N(() => [p(n).rules.item.variant ? (F(), G(f, {
           key: 0,
           label: p(l)("menu.product.form.variant.add"),
           variant: "secondary",
@@ -3133,7 +3135,7 @@ const si = /* @__PURE__ */ lt(za, [["render", Ia]]), Pa = {
           }, {
             default: N(() => {
               var K;
-              return [C(p(Un), {
+              return [C(p(Ti), {
                 "model-value": ((K = _.form.variant) == null ? void 0 : K.variantGroupIds) ?? [],
                 class: "space-y-16",
                 group: "variants",
@@ -3162,7 +3164,7 @@ const si = /* @__PURE__ */ lt(za, [["render", Ia]]), Pa = {
               }, 8, ["model-value"])];
             }),
             _: 1
-          }, 8, ["model-value", "rules"]), C(si, null, {
+          }, 8, ["model-value", "rules"]), C(sn, null, {
             default: N(() => [z.value.length ? (F(), G(k, {
               key: 0,
               class: "w-full",
@@ -3183,34 +3185,34 @@ const si = /* @__PURE__ */ lt(za, [["render", Ia]]), Pa = {
 }), Va = /* @__PURE__ */ le({
   __name: "AddForm",
   setup(e) {
-    const n = me(), t = T(() => n.rules.group), i = T(() => !!n.state.currentCatalogId || !!n.state.currentSchedulerId), a = T(() => {
-      const s = !n.state.currentSchedulerId, u = n.rules.group.type, d = n.version === L.F_MENU_VERSION.enum.v3, h = n.rules.item.orderFromActiveOnly, m = n.rules.item.bindToVariant;
+    const i = me(), t = T(() => i.rules.group), n = T(() => !!i.state.currentCatalogId || !!i.state.currentSchedulerId), a = T(() => {
+      const s = !i.state.currentSchedulerId, u = i.rules.group.type, d = i.version === L.F_MENU_VERSION.enum.v3, h = i.rules.item.orderFromActiveOnly, m = i.rules.item.bindToVariant;
       return function(y) {
         return {
-          link: (v) => !i.value && (!v || m),
-          name: (v) => !i.value && !v,
-          type: u && !y._id && !i.value,
+          link: (v) => !n.value && (!v || m),
+          name: (v) => !n.value && !v,
+          type: u && !y._id && !n.value,
           price: y.type !== L.F_ADDON_GROUP_TYPE.enum.DYNAMIC,
-          inventory: s ? d ? !i.value && y.type === L.F_ADDON_GROUP_TYPE.enum.NORMAL : !i.value : !1,
-          orderFrom: (v) => s ? d ? y.type === L.F_ADDON_GROUP_TYPE.enum.DYNAMIC ? i.value : !!i.value == !v : i.value : !1,
+          inventory: s ? d ? !n.value && y.type === L.F_ADDON_GROUP_TYPE.enum.NORMAL : !n.value : !1,
+          orderFrom: (v) => s ? d ? y.type === L.F_ADDON_GROUP_TYPE.enum.DYNAMIC ? n.value : !!n.value == !v : n.value : !1,
           orderFromActiveOnly: h,
-          showOrderFrom: s ? d ? i.value ? !0 : y.type === L.F_ADDON_GROUP_TYPE.enum.PRODUCT : i.value : !1,
+          showOrderFrom: s ? d ? n.value ? !0 : y.type === L.F_ADDON_GROUP_TYPE.enum.PRODUCT : n.value : !1,
           bindToVariant: m,
-          isOverride: i.value,
+          isOverride: n.value,
           isItemGroup: !1,
           isV4: !d
         };
       };
     }), o = () => ({
       ...ye.generator.initMenuV4Group(),
-      type: n.version === L.F_MENU_VERSION.enum.v4 ? L.F_ADDON_GROUP_TYPE.enum.PRODUCT : L.F_ADDON_GROUP_TYPE.enum.NORMAL,
+      type: i.version === L.F_MENU_VERSION.enum.v4 ? L.F_ADDON_GROUP_TYPE.enum.PRODUCT : L.F_ADDON_GROUP_TYPE.enum.NORMAL,
       items: {},
-      position: n.groups.length - 1,
+      position: i.groups.length - 1,
       itemsLinked: []
     }), r = q(o()), { t: l } = ce();
     return (s, u) => t.value.create ? (F(), G(p(rr), {
       key: 0,
-      "categorized-items": p(n).categorizedItems,
+      "categorized-items": p(i).categorizedItems,
       config: a.value,
       group: r.value,
       "onUpdate:group": u[0] || (u[0] = (d) => r.value = d),
@@ -3236,9 +3238,9 @@ const si = /* @__PURE__ */ lt(za, [["render", Ia]]), Pa = {
     allowRefund: { type: Boolean }
   },
   emits: ["update:inventory"],
-  setup(e, { expose: n, emit: t }) {
-    const i = e, a = q(!1), o = (m) => {
-      ut.isBoolean(m) ? a.value = m : a.value = !a.value;
+  setup(e, { expose: i, emit: t }) {
+    const n = e, a = q(!1), o = (m) => {
+      lt.isBoolean(m) ? a.value = m : a.value = !a.value;
     }, r = q([]), l = t;
     function s() {
       for (const m of r.value)
@@ -3249,10 +3251,10 @@ const si = /* @__PURE__ */ lt(za, [["render", Ia]]), Pa = {
     Ce(
       () => a.value,
       (m) => {
-        m && (r.value = ae(i.initialValue));
+        m && (r.value = ae(n.initialValue));
       }
-    ), n({ getKey: () => i.bindingKey, trigger: o });
-    const { t: d } = ce(), h = $n();
+    ), i({ getKey: () => n.bindingKey, trigger: o });
+    const { t: d } = ce(), h = Ui();
     return Qe(() => {
       h.readInventory();
     }), (m, c) => {
@@ -3302,7 +3304,7 @@ const si = /* @__PURE__ */ lt(za, [["render", Ia]]), Pa = {
                 variant: "outlined"
               }, {
                 default: N(() => [
-                  C(p(Ti), {
+                  C(p(Tn), {
                     modelValue: r.value,
                     "onUpdate:modelValue": c[0] || (c[0] = (z) => r.value = z)
                   }, null, 8, ["modelValue"])
@@ -3336,9 +3338,9 @@ const si = /* @__PURE__ */ lt(za, [["render", Ia]]), Pa = {
   },
   emits: ["update:group", "update:unmap-group"],
   setup(e, {
-    emit: n
+    emit: i
   }) {
-    const t = e, i = n, a = Xt(), o = me(), r = T(() => _e.Country.getCountry(a.currentCountry.value)), l = q(!1), s = T(() => t.config.isV4 || t.group.type === L.F_ADDON_GROUP_TYPE.enum.PRODUCT), u = T(() => Object.values(t.group.items).flatMap((M) => [{
+    const t = e, n = i, a = Xt(), o = me(), r = T(() => _e.Country.getCountry(a.currentCountry.value)), l = q(!1), s = T(() => t.config.isV4 || t.group.type === L.F_ADDON_GROUP_TYPE.enum.PRODUCT), u = T(() => Object.values(t.group.items).flatMap((M) => [{
       _id: M._id,
       combinationKey: void 0
     }, ...(M.items ?? []).map((U) => ({
@@ -3347,7 +3349,7 @@ const si = /* @__PURE__ */ lt(za, [["render", Ia]]), Pa = {
     }))])), {
       searchKey: d,
       filter: h
-    } = fi(), m = T(() => {
+    } = fn(), m = T(() => {
       const M = Object.entries(t.group.items).filter(([, U]) => h([U.code || "", U.name || U.fallbackName, v(U.price ?? U.fallbackPrice), g(U.orderFrom || U.fallbackOrder), ...(U.items || []).map(($) => [$.code || "", $.name || $.fallbackName, v($.price ?? $.fallbackPrice), g($.orderFrom || $.fallbackOrder)].join(""))]));
       return Object.fromEntries(M);
     }), c = (M) => ({
@@ -3357,7 +3359,7 @@ const si = /* @__PURE__ */ lt(za, [["render", Ia]]), Pa = {
       orderFrom: t.config.orderFrom(M)
     }), y = T(() => t.config.isItemGroup), v = (M) => M ? rt(M, !1) : "", g = (M) => {
       var U;
-      return M == null ? "" : (U = gi()[M]) == null ? void 0 : U.label;
+      return M == null ? "" : (U = gn()[M]) == null ? void 0 : U.label;
     }, w = T(() => Object.values(m.value)), z = q({}), {
       t: O
     } = ce(), I = q([{
@@ -3365,26 +3367,26 @@ const si = /* @__PURE__ */ lt(za, [["render", Ia]]), Pa = {
       header: () => O("menu.group.option.product_title"),
       enableSorting: !1,
       cell: (M) => {
-        const U = M.getValue(), $ = M.row.original, Q = M.row.depth > 0, j = $.combinationKey ? Ln($.combinationKey, me().variants) : null;
+        const U = M.getValue(), $ = M.row.original, Q = M.row.depth > 0, j = $.combinationKey ? Ni($.combinationKey, me().variants) : null;
         return ue("div", ue(ke.FmTextField, {
           modelValue: U,
           placeholder: j ?? "",
           disabled: !c($.combinationKey).name,
-          rules: j ? void 0 : [(ne) => ne.length > 0 || O("menu.group.option.product_title_required")],
-          "onUpdate:modelValue": (ne) => {
+          rules: j ? void 0 : [(ie) => ie.length > 0 || O("menu.group.option.product_title_required")],
+          "onUpdate:modelValue": (ie) => {
             var te;
             if (Q) {
               const we = (te = M.row.getParentRow()) == null ? void 0 : te.original;
               if (!we) return;
-              _(we._id, $.combinationKey ?? "", "name", ne);
+              _(we._id, $.combinationKey ?? "", "name", ie);
             } else
-              A($._id, "name", ne);
+              A($._id, "name", ie);
           },
           class: "min-w-[300px]"
         }, {
           append: () => {
-            var ne, te;
-            return (te = (ne = M.row.original) == null ? void 0 : ne.items) != null && te.length ? ue(ke.FmIcon, {
+            var ie, te;
+            return (te = (ie = M.row.original) == null ? void 0 : ie.items) != null && te.length ? ue(ke.FmIcon, {
               name: "keyboard_arrow_up",
               onClick: M.row.getToggleExpandedHandler(),
               class: ["cursor-pointer", "transition-transform", M.row.getIsExpanded() ? "transform rotate-180" : ""],
@@ -3410,7 +3412,7 @@ const si = /* @__PURE__ */ lt(za, [["render", Ia]]), Pa = {
           required: !Q,
           nullable: !!Q,
           min: y ? void 0 : 0,
-          "onUpdate:modelValue": (ne) => {
+          "onUpdate:modelValue": (ie) => {
             var te;
             if (j) {
               const we = (te = M.row.getParentRow()) == null ? void 0 : te.original;
@@ -3420,10 +3422,10 @@ const si = /* @__PURE__ */ lt(za, [["render", Ia]]), Pa = {
                 $.combinationKey ?? "",
                 // @ts-ignore
                 "price",
-                ne
+                ie
               );
             } else
-              A($._id, "price", ne);
+              A($._id, "price", ie);
           },
           showCurrency: !1,
           class: "min-w-[88px]"
@@ -3441,7 +3443,7 @@ const si = /* @__PURE__ */ lt(za, [["render", Ia]]), Pa = {
           disable: !c($.combinationKey).orderFrom,
           required: !0,
           editActiveOnly: c($.combinationKey).orderFromActiveOnly,
-          "onUpdate:modelValue": (ne) => {
+          "onUpdate:modelValue": (ie) => {
             var te;
             if (j) {
               const we = (te = M.row.getParentRow()) == null ? void 0 : te.original;
@@ -3451,10 +3453,10 @@ const si = /* @__PURE__ */ lt(za, [["render", Ia]]), Pa = {
                 $.combinationKey ?? "",
                 // @ts-ignore
                 "orderFrom",
-                ne
+                ie
               );
             } else
-              A($._id, "orderFrom", ne);
+              A($._id, "orderFrom", ie);
           },
           label: "",
           menuZIndex: 101
@@ -3480,10 +3482,10 @@ const si = /* @__PURE__ */ lt(za, [["render", Ia]]), Pa = {
           "onUpdate:inventory": (Q) => {
             var j;
             if ($) {
-              const ne = (j = M.row.getParentRow()) == null ? void 0 : j.original;
-              if (!ne) return;
+              const ie = (j = M.row.getParentRow()) == null ? void 0 : j.original;
+              if (!ie) return;
               _(
-                ne._id,
+                ie._id,
                 U.combinationKey ?? "",
                 // @ts-ignore
                 "inventoryBindings",
@@ -3533,7 +3535,7 @@ const si = /* @__PURE__ */ lt(za, [["render", Ia]]), Pa = {
     }));
     async function P() {
       const M = (/* @__PURE__ */ new Date()).toISOString();
-      i("update:group", {
+      n("update:group", {
         ...t.group,
         items: {
           ...t.group.items,
@@ -3555,7 +3557,7 @@ const si = /* @__PURE__ */ lt(za, [["render", Ia]]), Pa = {
       const j = {
         ...Q
       };
-      U === "price" ? j[U] = !$ && !Q.fallbackPrice ? _e.Dinero.zero().toObject() : $ : j[U] = $, i("update:group", {
+      U === "price" ? j[U] = !$ && !Q.fallbackPrice ? _e.Dinero.zero().toObject() : $ : j[U] = $, n("update:group", {
         ...t.group,
         items: {
           ...t.group.items,
@@ -3565,33 +3567,33 @@ const si = /* @__PURE__ */ lt(za, [["render", Ia]]), Pa = {
     }
     function _(M, U, $, Q) {
       var we, ct;
-      const j = ae(t.group), ne = (we = j.items[M].items) == null ? void 0 : we.findIndex((dt) => dt.combinationKey === U);
-      if (!ut.isSet(ne)) return;
-      let te = (ct = j.items[M].items) == null ? void 0 : ct[ne];
+      const j = ae(t.group), ie = (we = j.items[M].items) == null ? void 0 : we.findIndex((dt) => dt.combinationKey === U);
+      if (!lt.isSet(ie)) return;
+      let te = (ct = j.items[M].items) == null ? void 0 : ct[ie];
       te && (te = {
         ...te,
         [$]: Q
-      }, j.items[M].items[ne] = te, i("update:group", j));
+      }, j.items[M].items[ie] = te, n("update:group", j));
     }
     function R(M) {
       const U = ae(t.group);
-      delete U.items[M], i("update:group", U);
+      delete U.items[M], n("update:group", U);
     }
     function f(M, U) {
       const $ = ae(t.group), Q = $.items[M];
-      Q && (Q.items = (Q.items || []).filter((j) => j.combinationKey !== U), $.items[M] = Q, i("update:group", $));
+      Q && (Q.items = (Q.items || []).filter((j) => j.combinationKey !== U), $.items[M] = Q, n("update:group", $));
     }
     const b = T(() => t.categorizedItems.flatMap((M) => M.items).reduce((M, U) => {
       var $;
       return M[U._id] = {
         price: U.price,
-        variants: vi((($ = U.variant) == null ? void 0 : $.variantCombinations) || [], "combinationKey")
+        variants: vn((($ = U.variant) == null ? void 0 : $.variantCombinations) || [], "combinationKey")
       }, M;
     }, {})), x = (M) => {
-      var j, ne;
+      var j, ie;
       const $ = o.state.menu.modules.item.find((te) => te._id === M._id), Q = M.combinationKey ? {
         ...(j = $ == null ? void 0 : $.variant) == null ? void 0 : j.variantCombinations.find((te) => te.combinationKey === M.combinationKey),
-        name: En(me().variants, ((ne = $ == null ? void 0 : $.variant) == null ? void 0 : ne.variantGroupIds) || [])[M.combinationKey]
+        name: Fi(me().variants, ((ie = $ == null ? void 0 : $.variant) == null ? void 0 : ie.variantGroupIds) || [])[M.combinationKey]
       } : $;
       return Q == null ? void 0 : Q.name;
     }, k = async (M) => {
@@ -3599,7 +3601,7 @@ const si = /* @__PURE__ */ lt(za, [["render", Ia]]), Pa = {
       U = {
         ...U,
         items: M.map(($) => {
-          const Q = U.items.find((ne) => ne._id == $._id && ne.combinationKey == $.combinationKey), j = b.value[$._id];
+          const Q = U.items.find((ie) => ie._id == $._id && ie.combinationKey == $.combinationKey), j = b.value[$._id];
           return Q || {
             ...$,
             name: x($),
@@ -3607,16 +3609,16 @@ const si = /* @__PURE__ */ lt(za, [["render", Ia]]), Pa = {
             orderFrom: L.F_ORDER_FROM.enum.ALL
           };
         })
-      }, i("update:unmap-group", U);
+      }, n("update:unmap-group", U);
     }, S = (M) => M.items;
     function K(M) {
       const U = ae(t.group);
       U.items = M.reduce(($, Q) => ({
         ...$,
         [Q._id]: Q
-      }), {}), i("update:group", U);
+      }), {}), n("update:group", U);
     }
-    const Y = Pn(), J = T(() => Y.breakpoints.value.xs);
+    const Y = Ii(), J = T(() => Y.breakpoints.value.xs);
     return (M, U) => {
       const $ = B("fm-button"), Q = B("fm-table");
       return F(), G(Ge, {
@@ -3624,7 +3626,7 @@ const si = /* @__PURE__ */ lt(za, [["render", Ia]]), Pa = {
       }, {
         "append-title": N(() => [M.config.link() ? (F(), Z(Re, {
           key: 0
-        }, [s.value ? (F(), Z("div", Ga, [C(Di, {
+        }, [s.value ? (F(), Z("div", Ga, [C(Dn, {
           "categorized-items": M.categorizedItems,
           "initial-value": u.value,
           "show-variant": M.config.bindToVariant,
@@ -3671,15 +3673,15 @@ const si = /* @__PURE__ */ lt(za, [["render", Ia]]), Pa = {
     };
   }
 }), Xa = {}, qa = { class: "flex gap-16" };
-function Za(e, n) {
+function Za(e, i) {
   return F(), Z("div", qa, [
     he(e.$slots, "default")
   ]);
 }
-const Qa = /* @__PURE__ */ lt(Xa, [["render", Za]]), Ja = { class: "fm-typo-en-title-md-600" }, er = {
+const Qa = /* @__PURE__ */ ut(Xa, [["render", Za]]), Ja = { class: "fm-typo-en-title-md-600" }, er = {
   key: 0,
   class: "pt-8 space-y-32"
-}, tr = { class: "flex gap-8 items-center justify-start" }, li = /* @__PURE__ */ le({
+}, tr = { class: "flex gap-8 items-center justify-start" }, ln = /* @__PURE__ */ le({
   __name: "Form",
   props: {
     title: {},
@@ -3690,11 +3692,11 @@ const Qa = /* @__PURE__ */ lt(Xa, [["render", Za]]), Ja = { class: "fm-typo-en-t
     allowRefundInventory: { type: Boolean }
   },
   emits: ["update:group", "submit:group", "status:show"],
-  setup(e, { expose: n, emit: t }) {
-    let i = e;
+  setup(e, { expose: i, emit: t }) {
+    let n = e;
     const a = t, o = me(), r = Ue(), l = He(Ye(Le())), s = q(!1), u = q(!1), d = (I) => {
-      ut.isBoolean(I) ? u.value = I : u.value = !u.value;
-    }, h = T(() => i.config(i.group)), m = T(() => [
+      lt.isBoolean(I) ? u.value = I : u.value = !u.value;
+    }, h = T(() => n.config(n.group)), m = T(() => [
       {
         label: "Normal",
         value: L.F_ADDON_GROUP_TYPE.enum.NORMAL
@@ -3714,12 +3716,12 @@ const Qa = /* @__PURE__ */ lt(Xa, [["render", Za]]), Ja = { class: "fm-typo-en-t
     function y(I) {
       function E() {
         c({
-          ...i.group,
+          ...n.group,
           items: {},
           type: I
         });
       }
-      Object.keys(i.group.items).length > 0 ? r.open({
+      Object.keys(n.group.items).length > 0 ? r.open({
         title: "Change addon group type",
         message: "Change addon group type will clear all products. Are you sure to proceed?",
         primaryActions: {
@@ -3733,20 +3735,20 @@ const Qa = /* @__PURE__ */ lt(Xa, [["render", Za]]), Ja = { class: "fm-typo-en-t
       }).onPrimary(E) : E();
     }
     function v(I) {
-      return new Nn(o, l.updateMenu, r).mapGroups(
+      return new Vi(o, l.updateMenu, r).mapGroups(
         [I],
         h.value.isOverride
       )[0];
     }
-    const g = q(Ne.clone(i.group)), w = Ii(
-      () => !Ne.isEqual(i.group, g.value),
+    const g = q(Ne.clone(n.group)), w = In(
+      () => !Ne.isEqual(n.group, g.value),
       () => {
         u.value = !1;
       }
     );
     async function z() {
-      if (i.action === "add") {
-        const { group: I, linkItems: E } = Vn(i.group), P = {
+      if (n.action === "add") {
+        const { group: I, linkItems: E } = $i(n.group), P = {
           module: L.F_MENU_MODULE_V4_KEY.enum.group,
           operation: be.F_OPERATION_TYPE.create,
           data: I,
@@ -3758,16 +3760,16 @@ const Qa = /* @__PURE__ */ lt(Xa, [["render", Za]]), Ja = { class: "fm-typo-en-t
             }
           ]
         };
-        await l.updateMenu(P, I.name), a("submit:group", i.group);
-      } else i.action === "update" && a("submit:group", i.group);
+        await l.updateMenu(P, I.name), a("submit:group", n.group);
+      } else n.action === "update" && a("submit:group", n.group);
       d(!1);
     }
     Ce(
       () => u.value,
       (I) => {
-        a("status:show", I), I && (g.value = Ne.clone(i.group));
+        a("status:show", I), I && (g.value = Ne.clone(n.group));
       }
-    ), n({
+    ), i({
       trigger: d,
       show: u
     });
@@ -3794,7 +3796,7 @@ const Qa = /* @__PURE__ */ lt(Xa, [["render", Za]]), Ja = { class: "fm-typo-en-t
           "side-sheet-footer": N(() => [
             D("div", tr, [
               C(x, {
-                label: p($i)(I.action),
+                label: p($n)(I.action),
                 loading: s.value,
                 size: "lg",
                 type: "submit",
@@ -3811,7 +3813,7 @@ const Qa = /* @__PURE__ */ lt(Xa, [["render", Za]]), Ja = { class: "fm-typo-en-t
           default: N(() => [
             I.group ? (F(), Z("div", er, [
               he(I.$slots, "variant-section"),
-              C(Fi, null, {
+              C(Fn, null, {
                 default: N(() => [
                   D("div", null, [
                     C(P, {
@@ -3909,7 +3911,7 @@ const Qa = /* @__PURE__ */ lt(Xa, [["render", Za]]), Ja = { class: "fm-typo-en-t
       ], 64);
     };
   }
-}), nr = { class: "fm-typo-en-title-sm-600" }, ir = { class: "flex items-end space-x-24" }, or = { class: "flex" }, ar = /* @__PURE__ */ le({
+}), ir = { class: "fm-typo-en-title-sm-600" }, nr = { class: "flex items-end space-x-24" }, or = { class: "flex" }, ar = /* @__PURE__ */ le({
   __name: "UpdateForm",
   props: {
     combinations: {},
@@ -3917,23 +3919,23 @@ const Qa = /* @__PURE__ */ lt(Xa, [["render", Za]]), Ja = { class: "fm-typo-en-t
     fullCombinations: {}
   },
   emits: ["update:combinations"],
-  setup(e, { expose: n, emit: t }) {
+  setup(e, { expose: i, emit: t }) {
     var I, E;
-    const i = e, a = t, o = me(), r = Ue(), l = He(Ye(Le())), s = q([]), u = q(i.combinations[0].combinationKey || ""), d = T(
+    const n = e, a = t, o = me(), r = Ue(), l = He(Ye(Le())), s = q([]), u = q(n.combinations[0].combinationKey || ""), d = T(
       () => s.value.findIndex((P) => P.combinationKey == u.value)
     ), h = T(
-      () => i.combinations.map((P) => ({
-        label: i.fullCombinations[P.combinationKey || ""],
+      () => n.combinations.map((P) => ({
+        label: n.fullCombinations[P.combinationKey || ""],
         value: P.combinationKey || ""
       }))
     ), m = T(() => {
       var b, x;
       const P = ((x = (b = s.value[d.value]) == null ? void 0 : b.groups) == null ? void 0 : x.find(
-        (k) => k._id === i.groupId
+        (k) => k._id === n.groupId
       )) || {
-        _id: i.groupId,
+        _id: n.groupId,
         groupKey: ""
-      }, _ = o.state.menu.modules.group.find((k) => k._id === i.groupId), R = Object.entries({ ...P, items: void 0 }).filter(([, k]) => !!k), f = {
+      }, _ = o.state.menu.modules.group.find((k) => k._id === n.groupId), R = Object.entries({ ...P, items: void 0 }).filter(([, k]) => !!k), f = {
         ..._,
         ...Object.fromEntries(R),
         items: _.items.map((k) => {
@@ -3949,13 +3951,13 @@ const Qa = /* @__PURE__ */ lt(Xa, [["render", Za]]), Ja = { class: "fm-typo-en-t
           };
         })
       };
-      return new Nn(o, l.updateMenu, r).mapGroups([f], !0)[0];
+      return new Vi(o, l.updateMenu, r).mapGroups([f], !0)[0];
     });
     function c(P) {
       var f, b;
       const A = (f = s.value[d.value].groups) == null ? void 0 : f.findIndex(
-        (x) => x._id === i.groupId
-      ), _ = ae(s.value), R = { ...qt(P), _id: i.groupId, groupKey: "" };
+        (x) => x._id === n.groupId
+      ), _ = ae(s.value), R = { ...qt(P), _id: n.groupId, groupKey: "" };
       (A ?? -1) < 0 ? _[d.value] = {
         ..._[d.value],
         groups: [...((b = _[d.value]) == null ? void 0 : b.groups) || [], R]
@@ -3989,18 +3991,18 @@ const Qa = /* @__PURE__ */ lt(Xa, [["render", Za]]), Ja = { class: "fm-typo-en-t
     Ce(
       () => w.value,
       (P) => {
-        P && (s.value = ae(i.combinations), u.value = i.combinations[0].combinationKey || "");
+        P && (s.value = ae(n.combinations), u.value = n.combinations[0].combinationKey || "");
       }
     );
     const z = q();
-    n({
+    i({
       show: (I = z.value) == null ? void 0 : I.show,
       trigger: (E = z.value) == null ? void 0 : E.trigger
     });
     const { t: O } = ce();
     return (P, A) => {
       const _ = B("fm-select"), R = B("fm-button"), f = B("fm-card");
-      return F(), G(li, {
+      return F(), G(ln, {
         ref_key: "sheet",
         ref: z,
         "allow-refund-inventory": !0,
@@ -4023,8 +4025,8 @@ const Qa = /* @__PURE__ */ lt(Xa, [["render", Za]]), Ja = { class: "fm-typo-en-t
             variant: "outlined"
           }, {
             default: N(() => [
-              D("p", nr, se(p(O)("menu.group.option.variant")), 1),
-              D("div", ir, [
+              D("p", ir, se(p(O)("menu.group.option.variant")), 1),
+              D("div", nr, [
                 C(_, {
                   modelValue: u.value,
                   "onUpdate:modelValue": A[0] || (A[0] = (b) => u.value = b),
@@ -4055,7 +4057,7 @@ const Qa = /* @__PURE__ */ lt(Xa, [["render", Za]]), Ja = { class: "fm-typo-en-t
       }, 8, ["categorized-items", "group", "title"]);
     };
   }
-}), rr = li, On = Va, sr = ar, lr = {
+}), rr = ln, Mi = Va, sr = ar, lr = {
   key: 0,
   class: "flex flex-col space-y-16 h-[440px]"
 }, ur = { class: "flex-1 flex-shrink space-y-8 min-h-0 overflow-y-scroll p-8" }, cr = { class: "flex justify-between pb-16" }, dr = { class: "flex gap-8" }, mr = {
@@ -4067,7 +4069,7 @@ const Qa = /* @__PURE__ */ lt(Xa, [["render", Za]]), Ja = { class: "fm-typo-en-t
     groupIds: {}
   },
   setup(e) {
-    const n = e, t = Ue(), { emitData: i, emitAction: a } = In(), o = me(), r = T(() => o.rules.group), l = T(() => o.groups);
+    const i = e, t = Ue(), { emitData: n, emitAction: a } = Ei(), o = me(), r = T(() => o.rules.group), l = T(() => o.groups);
     function s(z) {
       return ae(z ?? []).sort((I, E) => I.position - E.position);
     }
@@ -4103,8 +4105,8 @@ const Qa = /* @__PURE__ */ lt(Xa, [["render", Za]]), Ja = { class: "fm-typo-en-t
       items: {},
       position: o.groups.length - 1,
       itemsLinked: []
-    })), y = q(ae(n.groupIds || [])), v = q(""), { t: g } = ce(), w = () => {
-      i(y.value), a("primary"), t.close();
+    })), y = q(ae(i.groupIds || [])), v = q(""), { t: g } = ce(), w = () => {
+      n(y.value), a("primary"), t.close();
     };
     return (z, O) => {
       const I = B("FmSearch"), E = B("FmCheckbox"), P = B("FmButton");
@@ -4126,7 +4128,7 @@ const Qa = /* @__PURE__ */ lt(Xa, [["render", Za]]), Ja = { class: "fm-typo-en-t
                 modelValue: y.value,
                 "onUpdate:modelValue": [
                   O[1] || (O[1] = (_) => y.value = _),
-                  O[2] || (O[2] = (_) => p(i)(y.value))
+                  O[2] || (O[2] = (_) => p(n)(y.value))
                 ],
                 label: A.label,
                 value: A.value
@@ -4137,7 +4139,7 @@ const Qa = /* @__PURE__ */ lt(Xa, [["render", Za]]), Ja = { class: "fm-typo-en-t
           ])
         ]),
         D("div", cr, [
-          C(p(On), null, {
+          C(p(Mi), null, {
             default: N(({ trigger: A }) => [
               C(P, {
                 label: p(g)("menu.common.actions.add_group"),
@@ -4165,7 +4167,7 @@ const Qa = /* @__PURE__ */ lt(Xa, [["render", Za]]), Ja = { class: "fm-typo-en-t
           D("p", pr, se(p(g)("menu.common.empty.no_group.title")), 1),
           D("p", fr, se(p(g)("menu.common.empty.no_group.subtitle")), 1)
         ]),
-        C(p(On), {
+        C(p(Mi), {
           "categorized-items": p(o).categorizedItems,
           config: m.value,
           group: c.value,
@@ -4199,14 +4201,14 @@ const Qa = /* @__PURE__ */ lt(Xa, [["render", Za]]), Ja = { class: "fm-typo-en-t
   },
   emits: ["update:form", "replace:form"],
   setup(e, {
-    emit: n
+    emit: i
   }) {
-    const t = e, i = me(), a = nn(), o = Ue(), {
+    const t = e, n = me(), a = ii(), o = Ue(), {
       t: r
-    } = ce(), l = n, s = T(() => i.rules.group), u = T(() => i.rules.item), d = T(() => i.groups);
+    } = ce(), l = i, s = T(() => n.rules.group), u = T(() => n.rules.item), d = T(() => n.groups);
     q(!1);
     function h(f, b) {
-      return ae(b).map((k) => {
+      return ae(b ?? []).map((k) => {
         const S = f.find((K) => K._id === k._id);
         return {
           name: (S == null ? void 0 : S.name) ?? "",
@@ -4224,7 +4226,7 @@ const Qa = /* @__PURE__ */ lt(Xa, [["render", Za]]), Ja = { class: "fm-typo-en-t
     }
     const y = T(() => c(d.value).reduce((f, b) => (f[b._id] = {
       name: b.name,
-      type: Ct(i.items, b.items)
+      type: Ct(n.items, b.items)
     }, f), {})), v = T(() => [...Object.entries(y.value).map(([f, {
       name: b,
       type: x
@@ -4346,14 +4348,14 @@ const Qa = /* @__PURE__ */ lt(Xa, [["render", Za]]), Ja = { class: "fm-typo-en-t
     }
     Ce(() => d.value.length, () => z([...m.value, d.value[d.value.length - 1]._id])), T(() => ({
       ...ye.generator.initMenuV4Group(),
-      type: i.version === L.F_MENU_VERSION.enum.v4 ? L.F_ADDON_GROUP_TYPE.enum.PRODUCT : L.F_ADDON_GROUP_TYPE.enum.NORMAL,
+      type: n.version === L.F_MENU_VERSION.enum.v4 ? L.F_ADDON_GROUP_TYPE.enum.PRODUCT : L.F_ADDON_GROUP_TYPE.enum.NORMAL,
       items: {},
-      position: i.groups.length - 1,
+      position: n.groups.length - 1,
       itemsLinked: []
     }));
-    const A = T(() => !!i.state.currentCatalogId || !!i.state.currentSchedulerId);
+    const A = T(() => !!n.state.currentCatalogId || !!n.state.currentSchedulerId);
     T(() => {
-      const f = !i.state.currentSchedulerId, b = i.rules.group.type, x = i.version == L.F_MENU_VERSION.enum.v3, k = i.rules.item.orderFromActiveOnly, S = i.rules.item.bindToVariant;
+      const f = !n.state.currentSchedulerId, b = n.rules.group.type, x = n.version == L.F_MENU_VERSION.enum.v3, k = n.rules.item.orderFromActiveOnly, S = n.rules.item.bindToVariant;
       return function(Y) {
         return {
           link: (J) => !A.value && (!J || S),
@@ -4394,7 +4396,7 @@ const Qa = /* @__PURE__ */ lt(Xa, [["render", Za]]), Ja = { class: "fm-typo-en-t
           variant: "secondary",
           onClick: w
         }, null, 8, ["label"])]),
-        default: N(() => [C(si, null, {
+        default: N(() => [C(sn, null, {
           default: N(() => {
             var S;
             return [((S = m.value) == null ? void 0 : S.length) > 0 ? (F(), G(k, {
@@ -4433,32 +4435,32 @@ const Qa = /* @__PURE__ */ lt(Xa, [["render", Za]]), Ja = { class: "fm-typo-en-t
   },
   emits: ["update:form", "replace:form"],
   setup(e, {
-    emit: n
+    emit: i
   }) {
     const {
       t
-    } = ce(), i = e, a = n, o = me(), r = T(() => o.rules.item), l = T(() => r.value.inventory);
+    } = ce(), n = e, a = i, o = me(), r = T(() => o.rules.item), l = T(() => r.value.inventory);
     function s(v, g, w, z) {
-      return !g || g.length === 0 ? [{
+      return !g || g && g.length === 0 ? [{
         _id: "",
         name: w,
         binding: v || []
       }] : g.map((O) => ({
         _id: O.combinationKey || "",
-        name: Ln(O.combinationKey || "", z),
+        name: Ni(O.combinationKey || "", z),
         binding: O.inventoryBindings || []
       }));
     }
     const u = T(() => {
       var v;
-      return i.form.name || ((v = i.fallback) == null ? void 0 : v.name) || "";
+      return n.form.name || ((v = n.fallback) == null ? void 0 : v.name) || "";
     }), d = T(() => {
       var v;
-      return s(i.form.inventoryBindings || [], ((v = i.form.variant) == null ? void 0 : v.variantCombinations) || [], u.value, o.variants);
+      return s(n.form.inventoryBindings || [], ((v = n.form.variant) == null ? void 0 : v.variantCombinations) || [], u.value, o.variants);
     });
     function h(v, g) {
       var I, E;
-      let w = Ne.clone(i.form);
+      let w = Ne.clone(n.form);
       const z = w.variant;
       if ((((I = z == null ? void 0 : z.variantCombinations) == null ? void 0 : I.length) ?? 0) > 0 && z) {
         const P = z.variantCombinations.findIndex((_) => _.combinationKey === v);
@@ -4538,7 +4540,7 @@ const Qa = /* @__PURE__ */ lt(Xa, [["render", Za]]), Ja = { class: "fm-typo-en-t
       for (const g of m.value)
         g.getKey() === v && g.trigger(!0);
     }
-    const y = $n();
+    const y = Ui();
     return Qe(() => {
       y.readInventory();
     }), (v, g) => (F(), G(Ge, {
@@ -4558,7 +4560,7 @@ const Qa = /* @__PURE__ */ lt(Xa, [["render", Za]]), Ja = { class: "fm-typo-en-t
         "onUpdate:inventory": (z) => {
           h(w._id, z);
         }
-      }, null, 8, ["title", "name", "bindingKey", "initialValue", "onUpdate:inventory"]))), 256)), C(p(Ui), {
+      }, null, 8, ["title", "name", "bindingKey", "initialValue", "onUpdate:inventory"]))), 256)), C(p(Un), {
         "row-data": d.value,
         onRowClick: c
       }, null, 8, ["row-data"])])])]),
@@ -4580,11 +4582,11 @@ const Qa = /* @__PURE__ */ lt(Xa, [["render", Za]]), Ja = { class: "fm-typo-en-t
   },
   emits: ["update:form", "replace:form"],
   setup(e, {
-    emit: n
+    emit: i
   }) {
-    const t = e, i = me(), a = T(() => i.rules.item), o = He(Ye(Le())), {
+    const t = e, n = me(), a = T(() => n.rules.item), o = He(Ye(Le())), {
       t: r
-    } = ce(), l = n, s = T(() => {
+    } = ce(), l = i, s = T(() => {
       var y, v;
       return !!((v = (y = t.form.variant) == null ? void 0 : y.variantCombinations) != null && v.length);
     }), u = T(() => {
@@ -4616,7 +4618,7 @@ const Qa = /* @__PURE__ */ lt(Xa, [["render", Za]]), Ja = { class: "fm-typo-en-t
     } : {
       label: r("menu.product.form.takeaway.options.no_preset"),
       value: null
-    }, ...i.takeaways.map((y) => ({
+    }, ...n.takeaways.map((y) => ({
       label: y.name,
       value: y._id
     }))]), c = q([{
@@ -4629,10 +4631,10 @@ const Qa = /* @__PURE__ */ lt(Xa, [["render", Za]]), Ja = { class: "fm-typo-en-t
       header: () => r("menu.product.form.takeaway.columns.takeaway"),
       cell: (y) => {
         const v = y.getValue(), g = y.row.original;
-        return ue(Ei, {
+        return ue(En, {
           action: "add",
           applyProduct: !1,
-          bindToVariant: i.rules.item.bindToVariant,
+          bindToVariant: n.rules.item.bindToVariant,
           "onUpdate:takeaway": async (w) => {
             await o.updateMenu({
               module: L.F_MENU_MODULE_V4_KEY.enum.takeaway,
@@ -4653,7 +4655,7 @@ const Qa = /* @__PURE__ */ lt(Xa, [["render", Za]]), Ja = { class: "fm-typo-en-t
               g.onUpdate(z || "");
             }
           }, {
-            "append-menu": () => i.rules.takeaway.create ? ue("button", {
+            "append-menu": () => n.rules.takeaway.create ? ue("button", {
               class: "flex items-center py-8 px-16 space-x-8",
               type: "button",
               onClick: w
@@ -4691,19 +4693,19 @@ const Qa = /* @__PURE__ */ lt(Xa, [["render", Za]]), Ja = { class: "fm-typo-en-t
     applyProduct: { type: Boolean }
   },
   setup(e) {
-    const { t: n } = ce(), t = e, i = He(Ye(Le())), a = T(
-      () => t.initialValue ? n("menu.print_dept.update") : n("menu.print_dept.add")
+    const { t: i } = ce(), t = e, n = He(Ye(Le())), a = T(
+      () => t.initialValue ? i("menu.print_dept.update") : i("menu.print_dept.add")
     ), o = T(
-      () => t.initialValue ? n("menu.common.actions.update") : n("menu.common.actions.add")
+      () => t.initialValue ? i("menu.common.actions.update") : i("menu.common.actions.add")
     ), r = q(
       t.initialValue ? ae(t.initialValue) : { ...ye.generator.initMenuV4PrintDepartment(), usedBy: [] }
     ), l = q(!1), s = q(!1), u = (h) => {
-      ut.isBoolean(h) ? s.value = h : s.value = !s.value;
+      lt.isBoolean(h) ? s.value = h : s.value = !s.value;
     };
     async function d() {
       var h, m;
       try {
-        l.value = !0, t.initialValue ? await i.updateMenu(
+        l.value = !0, t.initialValue ? await n.updateMenu(
           {
             module: L.F_MENU_MODULE_V4_KEY.enum.printDepartment,
             operation: be.F_OPERATION_TYPE.update,
@@ -4711,7 +4713,7 @@ const Qa = /* @__PURE__ */ lt(Xa, [["render", Za]]), Ja = { class: "fm-typo-en-t
             link: $t(((h = r.value) == null ? void 0 : h.usedBy) || [])
           },
           r.value.name
-        ) : await i.updateMenu(
+        ) : await n.updateMenu(
           {
             module: L.F_MENU_MODULE_V4_KEY.enum.printDepartment,
             operation: be.F_OPERATION_TYPE.create,
@@ -4761,7 +4763,7 @@ const Qa = /* @__PURE__ */ lt(Xa, [["render", Za]]), Ja = { class: "fm-typo-en-t
                 variant: "primary"
               }, null, 8, ["label", "loading"]),
               C(y, {
-                label: p(n)("menu.common.actions.cancel"),
+                label: p(i)("menu.common.actions.cancel"),
                 size: "lg",
                 variant: "tertiary",
                 onClick: m[2] || (m[2] = () => s.value = !1)
@@ -4774,19 +4776,19 @@ const Qa = /* @__PURE__ */ lt(Xa, [["render", Za]]), Ja = { class: "fm-typo-en-t
                 modelValue: r.value.name,
                 "onUpdate:modelValue": m[0] || (m[0] = (g) => r.value.name = g),
                 rules: [
-                  (g) => g ? !0 : p(n)("menu.common.validation.required", {
-                    field: p(n)("menu.print_dept.columns.name").toLowerCase()
+                  (g) => g ? !0 : p(i)("menu.common.validation.required", {
+                    field: p(i)("menu.print_dept.columns.name").toLowerCase()
                   })
                 ],
                 autofocus: "",
-                label: p(n)("menu.print_dept.columns.name")
+                label: p(i)("menu.print_dept.columns.name")
               }, null, 8, ["modelValue", "rules", "label"]),
-              h.applyProduct ? (F(), G(Vi, {
+              h.applyProduct ? (F(), G(Vn, {
                 key: 0,
                 overrides: r.value.usedBy || [],
                 "select-variant": !1,
                 editable: "",
-                title: p(n)("menu.print_dept.columns.products"),
+                title: p(i)("menu.print_dept.columns.products"),
                 "onUpdate:overrides": m[1] || (m[1] = (g) => r.value.usedBy = g)
               }, null, 8, ["overrides", "title"])) : ee("", !0)
             ])
@@ -4806,8 +4808,8 @@ const Qa = /* @__PURE__ */ lt(Xa, [["render", Za]]), Ja = { class: "fm-typo-en-t
     fullCombinations: {}
   },
   emits: ["update:form", "replace:form"],
-  setup(e, { emit: n }) {
-    const t = e, i = me(), { t: a } = ce(), o = n;
+  setup(e, { emit: i }) {
+    const t = e, n = me(), { t: a } = ce(), o = i;
     function r() {
       return {
         ...ye.generator.initMenuV4PrintSetting(),
@@ -4815,7 +4817,7 @@ const Qa = /* @__PURE__ */ lt(Xa, [["render", Za]]), Ja = { class: "fm-typo-en-t
         toRoot: !1
       };
     }
-    const l = T(() => i.rules.item), s = T(() => i.printDepartments), u = T(() => {
+    const l = T(() => n.rules.item), s = T(() => n.printDepartments), u = T(() => {
       var w;
       return ((w = t.form.print) == null ? void 0 : w.sequential) ?? !1;
     }), d = T(() => {
@@ -4920,7 +4922,7 @@ const Qa = /* @__PURE__ */ lt(Xa, [["render", Za]]), Ja = { class: "fm-typo-en-t
               label: p(a)("menu.product.form.print.routes.label")
             }, {
               default: N(() => [
-                d.value.length ? (F(), G(p(Un), {
+                d.value.length ? (F(), G(p(Ti), {
                   key: 0,
                   "item-key": (R) => R,
                   "model-value": d.value,
@@ -4991,11 +4993,11 @@ const Qa = /* @__PURE__ */ lt(Xa, [["render", Za]]), Ja = { class: "fm-typo-en-t
     disabled: { type: Boolean }
   },
   emits: ["update:toggle"],
-  setup(e, { emit: n }) {
-    const t = n;
-    return (i, a) => {
+  setup(e, { emit: i }) {
+    const t = i;
+    return (n, a) => {
       const o = B("fm-switch"), r = B("fm-card");
-      return i.disabled ? he(i.$slots, "default", { key: 0 }, void 0, !0) : (F(), G(r, {
+      return n.disabled ? he(n.$slots, "default", { key: 0 }, void 0, !0) : (F(), G(r, {
         key: 1,
         class: "p-16 space-y-24",
         variant: "outlined"
@@ -5003,18 +5005,18 @@ const Qa = /* @__PURE__ */ lt(Xa, [["render", Za]]), Ja = { class: "fm-typo-en-t
         default: N(() => [
           D("div", Er, [
             D("div", Ir, [
-              D("p", Pr, se(i.title), 1),
-              i.description ? (F(), Z("p", Dr, se(i.description), 1)) : ee("", !0)
+              D("p", Pr, se(n.title), 1),
+              n.description ? (F(), Z("p", Dr, se(n.description), 1)) : ee("", !0)
             ]),
             C(o, {
-              "model-value": i.toggle,
+              "model-value": n.toggle,
               "onUpdate:modelValue": a[0] || (a[0] = (l) => t("update:toggle", l))
             }, null, 8, ["model-value"])
           ]),
-          C(Si, { name: "expand" }, {
+          C(Sn, { name: "expand" }, {
             default: N(() => [
-              i.toggle ? (F(), Z("div", Tr, [
-                he(i.$slots, "default", {}, void 0, !0)
+              n.toggle ? (F(), Z("div", Tr, [
+                he(n.$slots, "default", {}, void 0, !0)
               ])) : ee("", !0)
             ]),
             _: 3
@@ -5024,16 +5026,16 @@ const Qa = /* @__PURE__ */ lt(Xa, [["render", Za]]), Ja = { class: "fm-typo-en-t
       }));
     };
   }
-}), We = /* @__PURE__ */ lt(Ur, [["__scopeId", "data-v-e920f110"]]), $r = {};
-function Vr(e, n) {
-  return F(), Z("div", null, n[0] || (n[0] = [
+}), We = /* @__PURE__ */ ut(Ur, [["__scopeId", "data-v-e920f110"]]), $r = {};
+function Vr(e, i) {
+  return F(), Z("div", null, i[0] || (i[0] = [
     D("div", { class: "h-px w-full bg-fm-color-neutral-gray-100" }, null, -1)
   ]));
 }
-const Nr = /* @__PURE__ */ lt($r, [["render", Vr]]), Lr = {
+const Nr = /* @__PURE__ */ ut($r, [["render", Vr]]), Lr = {
   key: 0,
   class: "ml-40 w-[320px] fm-corner-radius-lg p-16 border border-fm-color-neutral-gray-200 space-y-4"
-}, Br = { class: "fm-typo-en-title-sm-600" }, zn = /* @__PURE__ */ le({
+}, Br = { class: "fm-typo-en-title-sm-600" }, Oi = /* @__PURE__ */ le({
   __name: "Summary",
   props: {
     title: {},
@@ -5041,13 +5043,13 @@ const Nr = /* @__PURE__ */ lt($r, [["render", Vr]]), Lr = {
     items: {}
   },
   setup(e) {
-    const n = e, t = Ue();
-    function i() {
+    const i = e, t = Ue();
+    function n() {
       t.open({
-        title: n.title,
+        title: i.title,
         contentComponent: ue("div", { class: "space-y-4" }, [
-          ...n.items.map(
-            (a) => ue(vn, {
+          ...i.items.map(
+            (a) => ue(gi, {
               name: a.name,
               value: a.value || "--"
             })
@@ -5057,10 +5059,10 @@ const Nr = /* @__PURE__ */ lt($r, [["render", Vr]]), Lr = {
     }
     return (a, o) => {
       const r = B("FmButton");
-      return n.variant === "full" ? (F(), Z("div", Lr, [
+      return i.variant === "full" ? (F(), Z("div", Lr, [
         D("div", Br, se(a.title), 1),
         C(Nr),
-        (F(!0), Z(Re, null, Ke(a.items, (l) => (F(), G(vn, {
+        (F(!0), Z(Re, null, Ke(a.items, (l) => (F(), G(gi, {
           key: l.name,
           name: l.name,
           value: l.value || "--"
@@ -5069,7 +5071,7 @@ const Nr = /* @__PURE__ */ lt($r, [["render", Vr]]), Lr = {
         key: 1,
         icon: "info",
         variant: "tertiary",
-        onClick: i
+        onClick: n
       }));
     };
   }
@@ -5079,8 +5081,8 @@ const Nr = /* @__PURE__ */ lt($r, [["render", Vr]]), Lr = {
     linkedStatus: {}
   },
   emits: ["update:catalogAndScheduler"],
-  setup(e, { emit: n }) {
-    const t = e, i = n, { t: a } = ce(), o = me(), r = q(o.state.currentCatalogId || null), l = T(() => {
+  setup(e, { emit: i }) {
+    const t = e, n = i, { t: a } = ce(), o = me(), r = q(o.state.currentCatalogId || null), l = T(() => {
       const m = Object.keys(t.linkedStatus.catalogs).map((c) => {
         var y;
         return {
@@ -5115,7 +5117,7 @@ const Nr = /* @__PURE__ */ lt($r, [["render", Vr]]), Lr = {
       [null, ...u()].includes(s.value) || (s.value = null);
     });
     const h = Ne.debounce(() => {
-      i("update:catalogAndScheduler", [r.value, s.value]);
+      n("update:catalogAndScheduler", [r.value, s.value]);
     }, 100);
     return Ce(
       () => `${r.value}-${s.value}`,
@@ -5150,7 +5152,7 @@ const Nr = /* @__PURE__ */ lt($r, [["render", Vr]]), Lr = {
       ]);
     };
   }
-}), Zr = Fn("menu-edit-state", {
+}), Zr = zi("menu-edit-state", {
   state: () => ({
     isUpdatingItem: !1,
     storedCatalogId: null,
@@ -5167,10 +5169,10 @@ const Nr = /* @__PURE__ */ lt($r, [["render", Vr]]), Lr = {
 }, ts = {
   key: 4,
   class: "w-full h-[2px] bg-fm-color-neutral-gray-100"
-}, ns = {
+}, is = {
   key: 5,
   class: "w-full h-[2px] bg-fm-color-neutral-gray-100"
-}, is = {
+}, ns = {
   key: 7,
   class: "w-full h-[2px] bg-fm-color-neutral-gray-100"
 }, os = {
@@ -5185,9 +5187,9 @@ const Nr = /* @__PURE__ */ lt($r, [["render", Vr]]), Lr = {
     action: {}
   },
   emits: ["update:show", "submit:form"],
-  setup(e, { emit: n }) {
-    var an, rn, sn, ln, un;
-    const t = e, i = n, a = me(), o = Xt(), { t: r } = ce(), l = T(() => t.action === "add" ? r("menu.product.form.title.add") : r("menu.product.form.title.update")), s = T(() => a.rules.item), u = (W) => new Promise((V) => setTimeout(V, W));
+  setup(e, { emit: i }) {
+    var oi, ai, ri, si, li;
+    const t = e, n = i, a = me(), o = Xt(), { t: r } = ce(), l = T(() => t.action === "add" ? r("menu.product.form.title.add") : r("menu.product.form.title.update")), s = T(() => a.rules.item), u = (W) => new Promise((V) => setTimeout(V, W));
     Qe(async () => {
       t.autoShow && (await u(100), h());
     });
@@ -5195,7 +5197,7 @@ const Nr = /* @__PURE__ */ lt($r, [["render", Vr]]), Lr = {
     Ce(
       () => d.value,
       async (W) => {
-        await u(500), i("update:show", W);
+        await u(500), n("update:show", W);
       }
     );
     const h = () => {
@@ -5210,7 +5212,7 @@ const Nr = /* @__PURE__ */ lt($r, [["render", Vr]]), Lr = {
       () => t.initialForm,
       async () => {
         if (t.initialForm)
-          y.value = await Ji(
+          y.value = await Jn(
             a.state.menu,
             t.initialForm._id
           );
@@ -5221,9 +5223,9 @@ const Nr = /* @__PURE__ */ lt($r, [["render", Vr]]), Lr = {
         immediate: !0
       }
     );
-    const v = nn(), g = async ([W, V]) => {
-      a.selectCatalog(W), a.selectScheduler(V), await ki(), v.update(c.value._id), setTimeout(() => {
-        i("update:show", !1);
+    const v = ii(), g = async ([W, V]) => {
+      a.selectCatalog(W), a.selectScheduler(V), await kn(), v.update(c.value._id), setTimeout(() => {
+        n("update:show", !1);
       }, 100);
     }, w = T(() => {
       var W;
@@ -5250,7 +5252,7 @@ const Nr = /* @__PURE__ */ lt($r, [["render", Vr]]), Lr = {
     };
     async function I() {
       var W, V;
-      m.value = c.value._id ? (await Qi(
+      m.value = c.value._id ? (await Qn(
         a.mergedMenu,
         [c.value],
         a.state.menu,
@@ -5271,13 +5273,13 @@ const Nr = /* @__PURE__ */ lt($r, [["render", Vr]]), Lr = {
         (pe = m.value) == null ? void 0 : pe.taxes,
         a.taxSetting.countryTaxOptions
       ), re = a.taxSetting.countryTaxOptions.find((X) => X.value === W);
-      return re ? yi(re.meta.rate) : "-";
+      return re ? yn(re.meta.rate) : "-";
     }
     function _() {
       z.value = null, c.value.thumbnail = null;
     }
     const R = T(() => {
-      var W, V, re, pe, X, cn, dn, mn, hn;
+      var W, V, re, pe, X, ui, ci, di, mi;
       return {
         title: r("menu.product.form.summary.title"),
         items: [
@@ -5307,16 +5309,16 @@ const Nr = /* @__PURE__ */ lt($r, [["render", Vr]]), Lr = {
           },
           {
             name: r("menu.product.form.summary.fields.inventory"),
-            value: (cn = c.value.inventoryBindings) != null && cn.length ? String(c.value.inventoryBindings.length) : (mn = (dn = m.value) == null ? void 0 : dn.inventoryBindings) != null && mn.length ? String(m.value.inventoryBindings.length) : "-"
+            value: (ui = c.value.inventoryBindings) != null && ui.length ? String(c.value.inventoryBindings.length) : (di = (ci = m.value) == null ? void 0 : ci.inventoryBindings) != null && di.length ? String(m.value.inventoryBindings.length) : "-"
           },
           {
             name: r("menu.product.form.summary.fields.takeaway"),
-            value: ((hn = a.state.menu.modules.takeaway.find(
+            value: ((mi = a.state.menu.modules.takeaway.find(
               (Mt) => {
-                var pn;
-                return Mt._id === (c.value.takeawayUsed || ((pn = m.value) == null ? void 0 : pn.takeawayUsed));
+                var hi;
+                return Mt._id === (c.value.takeawayUsed || ((hi = m.value) == null ? void 0 : hi.takeawayUsed));
               }
-            )) == null ? void 0 : hn.name) || "-"
+            )) == null ? void 0 : mi.name) || "-"
           }
         ]
       };
@@ -5341,7 +5343,7 @@ const Nr = /* @__PURE__ */ lt($r, [["render", Vr]]), Lr = {
       });
     }
     const S = q(
-      (((an = c.value.variant) == null ? void 0 : an.variantCombinations) || []).some(
+      (((oi = c.value.variant) == null ? void 0 : oi.variantCombinations) || []).some(
         (W) => !!W.price || !!W.orderFrom || !!W.code
       )
     );
@@ -5361,7 +5363,7 @@ const Nr = /* @__PURE__ */ lt($r, [["render", Vr]]), Lr = {
       });
     }
     const Y = q(
-      !!c.value.inventoryBindings || (((rn = c.value.variant) == null ? void 0 : rn.variantCombinations) || []).some((W) => !!W.inventoryBindings) || !1
+      !!c.value.inventoryBindings || (((ai = c.value.variant) == null ? void 0 : ai.variantCombinations) || []).some((W) => !!W.inventoryBindings) || !1
     );
     function J(W) {
       var V, re, pe;
@@ -5378,7 +5380,7 @@ const Nr = /* @__PURE__ */ lt($r, [["render", Vr]]), Lr = {
       });
     }
     const M = q(
-      c.value.takeawayUsed != null || (((sn = c.value.variant) == null ? void 0 : sn.variantCombinations) || []).some((W) => W.takeawayUsed != null) || !1
+      c.value.takeawayUsed != null || (((ri = c.value.variant) == null ? void 0 : ri.variantCombinations) || []).some((W) => W.takeawayUsed != null) || !1
     );
     function U(W) {
       var V, re;
@@ -5399,12 +5401,12 @@ const Nr = /* @__PURE__ */ lt($r, [["render", Vr]]), Lr = {
       W || (c.value = { ...c.value, print: void 0 });
     }
     const j = q(
-      !!((ln = c.value.groups) != null && ln.length) != null || (((un = c.value.variant) == null ? void 0 : un.variantCombinations) || []).some((W) => {
+      !!((si = c.value.groups) != null && si.length) != null || (((li = c.value.variant) == null ? void 0 : li.variantCombinations) || []).some((W) => {
         var V;
         return !!((V = W.groups) != null && V.length);
       }) || !1
     );
-    function ne(W) {
+    function ie(W) {
       var V, re;
       W || (c.value = {
         ...c.value,
@@ -5447,7 +5449,7 @@ const Nr = /* @__PURE__ */ lt($r, [["render", Vr]]), Lr = {
       } catch (re) {
         console.log(re);
       }
-    }), Ci(() => {
+    }), Cn(() => {
       try {
         Te.closeSession();
       } catch (W) {
@@ -5462,19 +5464,19 @@ const Nr = /* @__PURE__ */ lt($r, [["render", Vr]]), Lr = {
       te.isUpdatingItem = !1, a.selectCatalog(te.storedCatalogId), a.selectScheduler(te.storedSchedulerId);
     }
     function ct() {
-      i("submit:form", c.value, z.value), h(), we();
+      n("submit:form", c.value, z.value), h(), we();
     }
     function dt() {
       h(), we();
     }
-    const { isAtMost: kt } = Pn();
+    const { isAtMost: kt } = Ii();
     T(() => kt("sm"));
-    const on = q(null), ci = bi(on);
+    const ni = q(null), cn = bn(ni);
     return (W, V) => (F(), Z(Re, null, [
-      he(W.$slots, "trigger", Ri(Ai({
+      he(W.$slots, "trigger", Rn(An({
         trigger: h
       }))),
-      C(Pi, {
+      C(Pn, {
         title: l.value,
         show: d.value,
         "primary-action": {
@@ -5490,7 +5492,7 @@ const Nr = /* @__PURE__ */ lt($r, [["render", Vr]]), Lr = {
         onOnCancel: dt
       }, {
         "append-title": N(() => [
-          p(kt)("sm") ? (F(), G(zn, {
+          p(kt)("sm") ? (F(), G(Oi, {
             key: 0,
             variant: "dialog",
             title: R.value.title,
@@ -5500,12 +5502,12 @@ const Nr = /* @__PURE__ */ lt($r, [["render", Vr]]), Lr = {
         default: N(() => {
           var re, pe;
           return [
-            p(kt)("sm") ? ee("", !0) : (F(), G(zn, {
+            p(kt)("sm") ? ee("", !0) : (F(), G(Oi, {
               key: 0,
               class: "fixed",
-              style: xi({
+              style: xn({
                 top: "85px",
-                left: p(ci).right + "px"
+                left: p(cn).right + "px"
               }),
               variant: "full",
               title: R.value.title,
@@ -5514,7 +5516,7 @@ const Nr = /* @__PURE__ */ lt($r, [["render", Vr]]), Lr = {
             D("div", Qr, [
               D("div", {
                 ref_key: "formWrapper",
-                ref: on,
+                ref: ni,
                 class: Ee(["flex-1 py-24 space-y-24", "xs:w-full"])
               }, [
                 y.value && (Object.keys(y.value.catalogs || {}).length > 0 || y.value.schedulers.length > 0) ? (F(), G(qr, {
@@ -5618,13 +5620,13 @@ const Nr = /* @__PURE__ */ lt($r, [["render", Vr]]), Lr = {
                   ]),
                   _: 1
                 }, 8, ["toggle", "disabled"]),
-                s.value.group && !E.value ? (F(), Z("div", ns)) : ee("", !0),
+                s.value.group && !E.value ? (F(), Z("div", is)) : ee("", !0),
                 s.value.group ? (F(), G(We, {
                   key: 6,
                   toggle: j.value,
                   "onUpdate:toggle": [
                     V[12] || (V[12] = (X) => j.value = X),
-                    V[13] || (V[13] = (X) => ne(X))
+                    V[13] || (V[13] = (X) => ie(X))
                   ],
                   disabled: !E.value,
                   description: "Use a different group setting",
@@ -5643,7 +5645,7 @@ const Nr = /* @__PURE__ */ lt($r, [["render", Vr]]), Lr = {
                   ]),
                   _: 1
                 }, 8, ["toggle", "disabled"])) : ee("", !0),
-                s.value.inventory && !E.value ? (F(), Z("div", is)) : ee("", !0),
+                s.value.inventory && !E.value ? (F(), Z("div", ns)) : ee("", !0),
                 s.value.inventory ? (F(), G(We, {
                   key: 8,
                   toggle: Y.value,
@@ -5703,14 +5705,14 @@ const Nr = /* @__PURE__ */ lt($r, [["render", Vr]]), Lr = {
     ], 64));
   }
 }), rs = as;
-function ui(e, n) {
+function un(e, i) {
   var o, r, l, s;
-  const t = (o = n.groups) == null ? void 0 : o.reduce((u, d) => {
+  const t = (o = i.groups) == null ? void 0 : o.reduce((u, d) => {
     const h = e.groups.find((c) => c._id === d._id);
     return Ct(e.items, h.items) === L.F_ADDON_GROUP_TYPE.enum.DYNAMIC && u.push(h), u;
   }, []);
-  if (!(t != null && t.length)) return n;
-  const i = t.map((u) => u._id);
+  if (!(t != null && t.length)) return i;
+  const n = t.map((u) => u._id);
   function a(u) {
     const d = t.map((h) => {
       var y;
@@ -5733,28 +5735,28 @@ function ui(e, n) {
         items: c
       };
     });
-    return [...u.filter((h) => !i.includes(h._id)), ...d];
+    return [...u.filter((h) => !n.includes(h._id)), ...d];
   }
-  if ((r = n.variant) != null && r.variantCombinations.length) {
-    const u = (l = n.variant) == null ? void 0 : l.variantCombinations.map((d) => ({ ...d, groups: a(d.groups || []) }));
+  if ((r = i.variant) != null && r.variantCombinations.length) {
+    const u = (l = i.variant) == null ? void 0 : l.variantCombinations.map((d) => ({ ...d, groups: a(d.groups || []) }));
     return {
-      ...n,
+      ...i,
       variant: {
-        variantGroupIds: ((s = n.variant) == null ? void 0 : s.variantGroupIds) || [],
+        variantGroupIds: ((s = i.variant) == null ? void 0 : s.variantGroupIds) || [],
         variantCombinations: u || []
       }
     };
   }
-  return { ...n, groups: a(n.groups || []) };
+  return { ...i, groups: a(i.groups || []) };
 }
-const nn = Fn("item-manager", () => {
-  const e = me(), n = Le(), t = Ue(), i = Ye(n), a = He(i), o = Mi(), { t: r } = ce(), l = (f) => {
+const ii = zi("item-manager", () => {
+  const e = me(), i = Le(), t = Ue(), n = Ye(i), a = He(n), o = Mn(), { t: r } = ce(), l = (f) => {
     if (!o) throw new Error("No current instance found");
-    const { container: b } = _i(rs, o, {
+    const { container: b } = _n(rs, o, {
       ...f,
       autoShow: !0,
       "onUpdate:show": async (x) => {
-        x || (Oi(null, b), b.remove());
+        x || (On(null, b), b.remove());
       }
     });
   };
@@ -5764,11 +5766,11 @@ const nn = Fn("item-manager", () => {
     return delete b.variant, delete b.thumbnail, [b, ...x || []];
   }
   function u(f, b, x, k) {
-    const S = ae(b), K = x ? S.modules.catalog.find((j) => j._id === x) : null, Y = k ? S.modules.scheduler.find((j) => j._id === k) : null, J = K ? ae(K) : void 0, M = x ? S.modules.catalog.filter((j) => j._id !== x) : [], U = Y ? ae(Y) : void 0, $ = f.reduce((j, ne) => (j[ne._id] = s(ne), j), {});
+    const S = ae(b), K = x ? S.modules.catalog.find((j) => j._id === x) : null, Y = k ? S.modules.scheduler.find((j) => j._id === k) : null, J = K ? ae(K) : void 0, M = x ? S.modules.catalog.filter((j) => j._id !== x) : [], U = Y ? ae(Y) : void 0, $ = f.reduce((j, ie) => (j[ie._id] = s(ie), j), {});
     function Q(j = []) {
-      const ne = f.map((te) => te._id);
+      const ie = f.map((te) => te._id);
       return [
-        ...j.filter((te) => !ne.includes(te._id)),
+        ...j.filter((te) => !ie.includes(te._id)),
         ...Object.values($).flatMap((te) => te)
       ];
     }
@@ -5807,7 +5809,7 @@ const nn = Fn("item-manager", () => {
       categoryId: f,
       "onSubmit:form": async (x, k) => {
         x.inventoryBindings ?? (x.inventoryBindings = []), x.inventoryBindings.length === 0 && (x.inventoryBindings = null);
-        const S = gn();
+        const S = fi();
         await b(x, be.F_OPERATION_TYPE.create, S, k);
       }
     });
@@ -5965,7 +5967,7 @@ const nn = Fn("item-manager", () => {
       initialForm: f,
       action: "update",
       "onSubmit:form": async (x, k) => {
-        const S = gn(f._id);
+        const S = fi(f._id);
         x.inventoryBindings ?? (x.inventoryBindings = []), x.inventoryBindings.length === 0 && (x.inventoryBindings = null), await b(x, be.F_OPERATION_TYPE.update, S, k);
       }
     });
@@ -6005,8 +6007,8 @@ const nn = Fn("item-manager", () => {
         !0
       );
       for (const k of f)
-        k.thumbnail && await wi.delete(k.thumbnail);
-      n.open({
+        k.thumbnail && await wn.delete(k.thumbnail);
+      i.open({
         message: r("menu.common.dialog.remove.product.success"),
         type: "success"
       });
@@ -6037,7 +6039,7 @@ const nn = Fn("item-manager", () => {
     );
   }
   return {
-    initDynamicGroupItem: (f) => ui(e, f),
+    initDynamicGroupItem: (f) => un(e, f),
     create: d,
     update: E,
     updateMany: P,
@@ -6046,12 +6048,12 @@ const nn = Fn("item-manager", () => {
   };
 });
 export {
-  On as A,
-  Nn as M,
+  Mi as A,
+  Vi as M,
   vt as S,
-  li as _,
-  Vn as a,
+  ln as _,
+  $i as a,
   qt as e,
-  Qi as m,
-  nn as u
+  Qn as m,
+  ii as u
 };