@feedmepos/mf-menu-portal 1.0.4 → 1.0.5-dev.1

package/dist/{ProductImageEditorDialog.vue_vue_type_script_setup_true_lang-CjQRRqBx.js → ProductImageEditorDialog.vue_vue_type_script_setup_true_lang-B3bShTjM.js}

@@ -1,7 +1,7 @@
-import { defineComponent as Ft, resolveComponent as U, openBlock as b, createBlock as R, Teleport as Ye, createVNode as z, Transition as Xe, withCtx as I, withKeys as Kt, normalizeClass as Ut, createElementVNode as S, toDisplayString as O, renderSlot as J, createElementBlock as F, Fragment as pt, renderList as xt, createCommentVNode as V, resolveDynamicComponent as Mt, withDirectives as ce, vShow as ue, mergeProps as de, withModifiers as Ve, ref as L, watch as Ne, computed as st, normalizeStyle as Jt, onBeforeUnmount as qe, unref as A } from "vue";
+import { defineComponent as Ft, resolveComponent as U, openBlock as b, createBlock as A, Teleport as Ye, createVNode as z, Transition as Xe, withCtx as I, withKeys as Kt, normalizeClass as Ut, createElementVNode as E, toDisplayString as O, renderSlot as J, createElementBlock as F, Fragment as pt, renderList as xt, createCommentVNode as V, resolveDynamicComponent as Mt, withDirectives as ce, vShow as ue, mergeProps as de, withModifiers as Ve, ref as L, watch as Ne, computed as st, normalizeStyle as Jt, onBeforeUnmount as qe, unref as R } from "vue";
 import { useI18n as Ze } from "@feedmepos/mf-common";
-import { components as B } from "@feedmepos/ui-library";
-import { b as Ge, A as Qe } from "./provide-Bwf3KcOV.js";
+import { components as $ } from "@feedmepos/ui-library";
+import { b as Ge, A as Qe } from "./provide-BGLSDsuJ.js";
 import { _ as Ke } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Je = {
   class: /* @__PURE__ */ Ut([
@@ -17,7 +17,7 @@ const Je = {
     "w-full",
     "px-24"
   ])
-}, fn = /* @__PURE__ */ Ft({
+}, mn = /* @__PURE__ */ Ft({
   __name: "FullScreenForm",
   props: {
     show: { type: Boolean },
@@ -47,7 +47,7 @@ const Je = {
     };
     return (r, l) => {
       const c = U("fm-button"), u = U("fm-form");
-      return b(), R(Ye, { to: "body" }, [
+      return b(), A(Ye, { to: "body" }, [
         z(Xe, {
           "enter-active-class": "transition-opacity duration-500 ease-in-out",
           "enter-from-class": "opacity-0",
@@ -57,7 +57,7 @@ const Je = {
           "leave-to-class": "opacity-0"
         }, {
           default: I(() => [
-            r.show ? (b(), R(u, {
+            r.show ? (b(), A(u, {
               key: 0,
               "blame-form-child-on-validation-failed": "",
               class: Ut([
@@ -75,10 +75,10 @@ const Je = {
               onKeyup: Kt(h, ["esc"])
             }, {
               default: I(() => [
-                S("div", Je, [
-                  S("p", ti, O(r.title), 1),
+                E("div", Je, [
+                  E("p", ti, O(r.title), 1),
                   J(r.$slots, "append-title"),
-                  (b(!0), F(pt, null, xt(r.secondaryActions, (d) => (b(), R(c, {
+                  (b(!0), F(pt, null, xt(r.secondaryActions, (d) => (b(), A(c, {
                     key: d.label,
                     label: d.label,
                     variant: "tertiary",
@@ -91,7 +91,7 @@ const Je = {
                     variant: "primary"
                   }, null, 8, ["label", "disabled"])
                 ]),
-                S("div", ei, [
+                E("div", ei, [
                   J(r.$slots, "default")
                 ])
               ]),
@@ -111,7 +111,7 @@ function ii(t) {
   });
 }
 const G = /* @__PURE__ */ new Map();
-function pn(t) {
+function fn(t) {
   const e = G.get(t);
   if (e)
     return G.delete(t), G.set(t, e), e;
@@ -128,7 +128,7 @@ function pn(t) {
   }); G.size > 6; ) G.delete(G.keys().next().value);
   return i;
 }
-async function gn(t) {
+async function pn(t) {
   return t ? {
     contentType: t.blob.type,
     fileName: t.fileName,
@@ -167,13 +167,13 @@ async function me(t) {
   }
   return r ? { blob: r, width: e.width, height: e.height } : null;
 }
-async function vn(t) {
+async function gn(t) {
   const e = await fetch(t);
   if (!e.ok) throw new Error("Image read failed");
   const i = await e.blob();
   return new File([i], "remy-image", { type: i.type || "image/png" });
 }
-async function bn(t) {
+async function vn(t) {
   var i;
   const e = URL.createObjectURL(t);
   try {
@@ -212,14 +212,14 @@ function w(t) {
   for (var e = 1; e < arguments.length; e++) {
     var i = arguments[e] != null ? arguments[e] : {};
     e % 2 ? te(Object(i), !0).forEach((function(o) {
-      $(t, o, i[o]);
+      j(t, o, i[o]);
     })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(i)) : te(Object(i)).forEach((function(o) {
       Object.defineProperty(t, o, Object.getOwnPropertyDescriptor(i, o));
     }));
   }
   return t;
 }
-function $(t, e, i) {
+function j(t, e, i) {
   return e in t ? Object.defineProperty(t, e, { value: i, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = i, t;
 }
 function ni(t, e) {
@@ -444,7 +444,7 @@ var ft = function(t, e) {
   this.touches.length && this.$emit("drag-end"), this.hovered && (this.$emit("leave"), this.hovered = !1), this.touches = [];
 } }, emits: ["drag", "drag-end", "leave", "enter"] };
 Xt.render = function(t, e, i, o, s, n) {
-  return b(), R("div", { ref: "draggable", class: i.classname, onTouchstart: e[1] || (e[1] = function() {
+  return b(), A("div", { ref: "draggable", class: i.classname, onTouchstart: e[1] || (e[1] = function() {
     return n.onTouchStart && n.onTouchStart.apply(n, arguments);
   }), onMousedown: e[2] || (e[2] = function() {
     return n.onMouseDown && n.onMouseDown.apply(n, arguments);
@@ -458,13 +458,13 @@ var _t = Y("vue-handler-wrapper"), be = { name: "HandlerWrapper", components: {
   var t;
   if (this.horizontalPosition || this.verticalPosition) {
     var e, i = fe(this.horizontalPosition, this.verticalPosition);
-    t = _t(($(e = {}, i.classname, !0), $(e, "disabled", this.disabled), e));
+    t = _t((j(e = {}, i.classname, !0), j(e, "disabled", this.disabled), e));
   } else t = _t({ disabled: this.disabled });
   return { root: t, draggable: _t("draggable") };
 } }, emits: ["leave", "enter", "drag", "drag-end"] };
 be.render = function(t, e, i, o, s, n) {
   var a = U("DraggableElement");
-  return b(), R("div", { class: n.classes.root }, [z(a, { class: n.classes.draggable, onDrag: e[1] || (e[1] = function(h) {
+  return b(), A("div", { class: n.classes.root }, [z(a, { class: n.classes.draggable, onDrag: e[1] || (e[1] = function(h) {
     return t.$emit("drag", h);
   }), onDragEnd: e[2] || (e[2] = function(h) {
     return t.$emit("drag-end");
@@ -478,11 +478,11 @@ be.render = function(t, e, i, o, s, n) {
 };
 var ai = Y("vue-line-wrapper"), we = { name: "LineWrapper", components: { DraggableElement: Xt }, props: { position: { type: String, required: !0 }, disabled: { type: Boolean, default: !1 } }, computed: { classname: function() {
   var t;
-  return ai(($(t = {}, this.position, !0), $(t, "disabled", this.disabled), t));
+  return ai((j(t = {}, this.position, !0), j(t, "disabled", this.disabled), t));
 } }, emits: ["leave", "enter", "drag", "drag-end"] };
 we.render = function(t, e, i, o, s, n) {
   var a = U("DraggableElement");
-  return b(), R(a, { class: n.classname, onDrag: e[1] || (e[1] = function(h) {
+  return b(), A(a, { class: n.classname, onDrag: e[1] || (e[1] = function(h) {
     return t.$emit("drag", h);
   }), onDragEnd: e[2] || (e[2] = function(h) {
     return t.$emit("drag-end");
@@ -525,7 +525,7 @@ function St(t) {
 function P(t, e) {
   return p(p({}, t), { left: t.left + e.left, top: t.top + e.top });
 }
-function j(t, e, i, o) {
+function k(t, e, i, o) {
   if (e !== 1) {
     if (i) {
       var s = _(t);
@@ -632,8 +632,8 @@ function fi(t) {
   t.stencilReference;
   var r, l, c, u = p({}, o), d = p({}, s), m = p({}, n);
   r = y(m), l = y(u), c === void 0 && (c = 1e-3), (r === 0 || l === 0 ? Math.abs(l - r) < c : Math.abs(l / r) < 1 + c && Math.abs(l / r) > 1 - c) || (u = p(p({}, u), K({ sizeRestrictions: a, width: u.width, height: u.height, aspectRatio: { minimum: y(m), maximum: y(m) } })));
-  var g = Et(d = j(d, u.width * i.width / (d.width * m.width)), e({ visibleArea: d, type: "resize" }));
-  return g !== 1 && (d = j(d, g), u = j(u, g)), d = D(d = P(d, ct(_(u), _(d))), e({ visibleArea: d, type: "move" })), { coordinates: u = D(u, Ct(Z(d), h)), visibleArea: d };
+  var g = Et(d = k(d, u.width * i.width / (d.width * m.width)), e({ visibleArea: d, type: "resize" }));
+  return g !== 1 && (d = k(d, g), u = k(u, g)), d = D(d = P(d, ct(_(u), _(d))), e({ visibleArea: d, type: "move" })), { coordinates: u = D(u, Ct(Z(d), h)), visibleArea: d };
 }
 function pi(t) {
   var e = t.event, i = t.getAreaRestrictions, o = t.boundaries, s = t.coordinates, n = t.visibleArea;
@@ -644,8 +644,8 @@ function pi(t) {
   if (s && n && e.type !== "manipulateImage") {
     var l = { width: 0, height: 0 };
     r.width, o.width, y(o) > y(h) ? (l.height = 0.8 * o.height, l.width = l.height * y(h)) : (l.width = 0.8 * o.width, l.height = l.width * y(h));
-    var c = Et(r = j(r, h.width * o.width / (r.width * l.width)), i({ visibleArea: r, type: "resize" }));
-    r = j(r, c), c !== 1 && (l.height /= c, l.width /= c), r = D(r = P(r, ct(_(h), _(r))), i({ visibleArea: r, type: "move" })), h = D(h, Ct(Z(r), a));
+    var c = Et(r = k(r, h.width * o.width / (r.width * l.width)), i({ visibleArea: r, type: "resize" }));
+    r = k(r, c), c !== 1 && (l.height /= c, l.width /= c), r = D(r = P(r, ct(_(h), _(r))), i({ visibleArea: r, type: "move" })), h = D(h, Ct(Z(r), a));
   }
   return { coordinates: h, visibleArea: r };
 }
@@ -653,7 +653,7 @@ function gi(t) {
   var e = t.event, i = t.coordinates, o = t.visibleArea, s = t.getAreaRestrictions, n = p({}, o), a = p({}, i);
   if (e.type === "setCoordinates") {
     var h = Math.max(0, a.width - n.width), r = Math.max(0, a.height - n.height);
-    h > r ? n = j(n, Math.min(a.width / n.width, ut(n, s({ visibleArea: n, type: "resize" })))) : r > h && (n = j(n, Math.min(a.height / n.height, ut(n, s({ visibleArea: n, type: "resize" }))))), n = D(n = P(n, St(dt(a, Z(n)))), s({ visibleArea: n, type: "move" }));
+    h > r ? n = k(n, Math.min(a.width / n.width, ut(n, s({ visibleArea: n, type: "resize" })))) : r > h && (n = k(n, Math.min(a.height / n.height, ut(n, s({ visibleArea: n, type: "resize" }))))), n = D(n = P(n, St(dt(a, Z(n)))), s({ visibleArea: n, type: "move" }));
   }
   return { visibleArea: n, coordinates: a };
 }
@@ -685,13 +685,13 @@ function zi(t) {
   var e = t.event, i = t.coordinates, o = t.visibleArea, s = t.sizeRestrictions, n = t.getAreaRestrictions, a = t.positionRestrictions, h = t.adjustStencil, r = e.scale, l = e.move, c = p({}, o), u = p({}, i), d = 1, m = 1, g = r.factor && Math.abs(r.factor - 1) > 1e-3;
   c = P(c, { left: l.left || 0, top: l.top || 0 });
   var v = { stencil: { minimum: Math.max(s.minWidth ? s.minWidth / u.width : 0, s.minHeight ? s.minHeight / u.height : 0), maximum: Math.min(s.maxWidth ? s.maxWidth / u.width : 1 / 0, s.maxHeight ? s.maxHeight / u.height : 1 / 0, ut(u, a)) }, area: { maximum: ut(c, n({ visibleArea: c, type: "resize" })) } };
-  r.factor && g && (r.factor < 1 ? (m = Math.max(r.factor, v.stencil.minimum)) > 1 && (m = 1) : r.factor > 1 && (m = Math.min(r.factor, Math.min(v.area.maximum, v.stencil.maximum))) < 1 && (m = 1)), m && (c = j(c, m, r.center));
+  r.factor && g && (r.factor < 1 ? (m = Math.max(r.factor, v.stencil.minimum)) > 1 && (m = 1) : r.factor > 1 && (m = Math.min(r.factor, Math.min(v.area.maximum, v.stencil.maximum))) < 1 && (m = 1)), m && (c = k(c, m, r.center));
   var M = i.left - o.left, H = o.width + o.left - (i.width + i.left), tt = i.top - o.top, at = o.height + o.top - (i.height + i.top);
-  return c = D(c = P(c, dt(c, { left: a.left !== void 0 ? a.left - M * m : void 0, top: a.top !== void 0 ? a.top - tt * m : void 0, bottom: a.bottom !== void 0 ? a.bottom + at * m : void 0, right: a.right !== void 0 ? a.right + H * m : void 0 })), n({ visibleArea: c, type: "move" })), u.width = u.width * m, u.height = u.height * m, u.left = c.left + M * m, u.top = c.top + tt * m, u = D(u, Ct(Z(c), a)), r.factor && g && h && (r.factor > 1 ? d = Math.min(v.area.maximum, r.factor) / m : r.factor < 1 && (d = Math.max(u.height / c.height, u.width / c.width, r.factor / m)), d !== 1 && (c = P(c = D(c = j(c, d, r.factor > 1 ? r.center : _(u)), n({ visibleArea: c, type: "move" })), St(dt(u, Z(c)))))), { coordinates: u, visibleArea: c };
+  return c = D(c = P(c, dt(c, { left: a.left !== void 0 ? a.left - M * m : void 0, top: a.top !== void 0 ? a.top - tt * m : void 0, bottom: a.bottom !== void 0 ? a.bottom + at * m : void 0, right: a.right !== void 0 ? a.right + H * m : void 0 })), n({ visibleArea: c, type: "move" })), u.width = u.width * m, u.height = u.height * m, u.left = c.left + M * m, u.top = c.top + tt * m, u = D(u, Ct(Z(c), a)), r.factor && g && h && (r.factor > 1 ? d = Math.min(v.area.maximum, r.factor) / m : r.factor < 1 && (d = Math.max(u.height / c.height, u.width / c.width, r.factor / m)), d !== 1 && (c = P(c = D(c = k(c, d, r.factor > 1 ? r.center : _(u)), n({ visibleArea: c, type: "move" })), St(dt(u, Z(c)))))), { coordinates: u, visibleArea: c };
 }
 function Ri(t) {
   var e = t.aspectRatio, i = t.getAreaRestrictions, o = t.coordinates, s = t.visibleArea, n = t.sizeRestrictions, a = t.positionRestrictions, h = t.imageSize, r = t.previousImageSize, l = t.angle, c = p({}, o), u = p({}, s), d = ot(_(p({ left: 0, top: 0 }, r)), l);
-  return (c = p(p({}, K({ sizeRestrictions: n, aspectRatio: e, width: c.width, height: c.height })), ot(_(c), l))).left -= d.left - h.width / 2 + c.width / 2, c.top -= d.top - h.height / 2 + c.height / 2, u = j(u, Et(u, i({ visibleArea: u, type: "resize" }))), { coordinates: c = D(c, a), visibleArea: u = D(u = P(u, ct(_(c), _(o))), i({ visibleArea: u, type: "move" })) };
+  return (c = p(p({}, K({ sizeRestrictions: n, aspectRatio: e, width: c.width, height: c.height })), ot(_(c), l))).left -= d.left - h.width / 2 + c.width / 2, c.top -= d.top - h.height / 2 + c.height / 2, u = k(u, Et(u, i({ visibleArea: u, type: "resize" }))), { coordinates: c = D(c, a), visibleArea: u = D(u = P(u, ct(_(c), _(o))), i({ visibleArea: u, type: "move" })) };
 }
 function Ai(t) {
   var e = t.flip, i = t.previousFlip, o = t.rotate, s = t.getAreaRestrictions, n = t.coordinates, a = t.visibleArea, h = t.imageSize, r = p({}, n), l = p({}, a), c = i.horizontal !== e.horizontal, u = i.vertical !== e.vertical;
@@ -738,7 +738,7 @@ function zt(t, e, i) {
 var xi = Y("vue-simple-handler"), Mi = Y("vue-simple-handler-wrapper"), Vt = { name: "SimpleHandler", components: { HandlerWrapper: be }, 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 t, e = ($(t = {}, this.horizontalPosition, !!this.horizontalPosition), $(t, this.verticalPosition, !!this.verticalPosition), $(t, "".concat(this.horizontalPosition, "-").concat(this.verticalPosition), !!(this.verticalPosition && this.horizontalPosition)), $(t, "hover", this.hover), t);
+  var t, e = (j(t = {}, this.horizontalPosition, !!this.horizontalPosition), j(t, this.verticalPosition, !!this.verticalPosition), j(t, "".concat(this.horizontalPosition, "-").concat(this.verticalPosition), !!(this.verticalPosition && this.horizontalPosition)), j(t, "hover", this.hover), t);
   return { default: C(xi(e), this.defaultClass, this.hover && this.hoverClass), wrapper: C(Mi(e), this.wrapperClass) };
 } }, methods: { onDrag: function(t) {
   this.$emit("drag", t);
@@ -751,14 +751,14 @@ var xi = Y("vue-simple-handler"), Mi = Y("vue-simple-handler-wrapper"), Vt = { n
 } }, emits: ["drag", "drag-end"] };
 Vt.render = function(t, e, i, o, s, n) {
   var a = U("HandlerWrapper");
-  return b(), R(a, { class: n.classes.wrapper, "vertical-position": i.verticalPosition, "horizontal-position": i.horizontalPosition, disabled: i.disabled, onDrag: n.onDrag, onDragEnd: n.onDragEnd, onEnter: n.onEnter, onLeave: n.onLeave }, { default: I((function() {
+  return b(), A(a, { class: n.classes.wrapper, "vertical-position": i.verticalPosition, "horizontal-position": i.horizontalPosition, disabled: i.disabled, onDrag: n.onDrag, onDragEnd: n.onDragEnd, onEnter: n.onEnter, onLeave: n.onLeave }, { default: I((function() {
     return [z("div", { class: n.classes.default }, null, 2)];
   })), _: 1 }, 8, ["class", "vertical-position", "horizontal-position", "disabled", "onDrag", "onDragEnd", "onEnter", "onLeave"]);
 };
 var Si = Y("vue-simple-line"), Ei = Y("vue-simple-line-wrapper"), Nt = { name: "SimpleLine", components: { LineWrapper: we }, 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: C(Si($({}, this.position, !0)), this.defaultClass, this.hover && this.hoverClass), wrapper: C(Ei($({}, this.position, !0)), this.wrapperClass) };
+  return { root: C(Si(j({}, this.position, !0)), this.defaultClass, this.hover && this.hoverClass), wrapper: C(Ei(j({}, this.position, !0)), this.wrapperClass) };
 } }, methods: { onDrag: function(t) {
   this.$emit("drag", t);
 }, onEnter: function() {
@@ -770,7 +770,7 @@ var Si = Y("vue-simple-line"), Ei = Y("vue-simple-line-wrapper"), Nt = { name: "
 } }, emits: ["drag", "drag-end"] };
 Nt.render = function(t, e, i, o, s, n) {
   var a = U("LineWrapper");
-  return b(), R(a, { class: n.classes.wrapper, position: i.position, disabled: i.disabled, onDrag: n.onDrag, onDragEnd: n.onDragEnd, onEnter: n.onEnter, onLeave: n.onLeave }, { default: I((function() {
+  return b(), A(a, { class: n.classes.wrapper, position: i.position, disabled: i.disabled, onDrag: n.onDrag, onDragEnd: n.onDragEnd, onEnter: n.onEnter, onLeave: n.onLeave }, { default: I((function() {
     return [z("div", { class: n.classes.root }, null, 2)];
   })), _: 1 }, 8, ["class", "position", "disabled", "onDrag", "onDragEnd", "onEnter", "onLeave"]);
 };
@@ -819,7 +819,7 @@ var Lt = Y("vue-bounding-box"), Ci = ["east", "west", null], Ti = ["south", "nor
       if (i && o) {
         var a = s.horizontalDirection, h = s.verticalDirection, r = a === "east" ? i : a === "west" ? 0 : i / 2, l = h === "south" ? o : h === "north" ? 0 : o / 2;
         n.wrapperClass = Lt("handler"), n.wrapperStyle = { transform: "translate(".concat(r, "px, ").concat(l, "px)") }, t.transitions && t.transitions.enabled && (n.wrapperStyle.transition = "".concat(t.transitions.time, "ms ").concat(t.transitions.timingFunction));
-      } else n.wrapperClass = Lt("handler", $({}, s.classname, !0));
+      } else n.wrapperClass = Lt("handler", j({}, s.classname, !0));
       e.push(n);
     }
   })), e;
@@ -836,14 +836,14 @@ var Lt = Y("vue-bounding-box"), Ci = ["east", "west", null], Ti = ["south", "nor
   e === "west" ? h.left -= n : e === "east" && (h.right += n), i === "north" ? h.top -= a : i === "south" && (h.bottom += a), !i && e ? o = "width" : i && !e && (o = "height"), this.resizable && this.$emit("resize", new si(h, { allowedDirections: { left: e === "west" || !e, right: e === "east" || !e, bottom: i === "south" || !i, top: i === "north" || !i }, preserveAspectRatio: t.nativeEvent && t.nativeEvent.shiftKey, respectDirection: o }));
 } }, emits: ["resize", "resize-end"] };
 Ae.render = function(t, e, i, o, s, n) {
-  return b(), R("div", { ref: "box", class: n.classes.root, style: n.style }, [J(t.$slots, "default"), z("div", null, [(b(!0), R(pt, null, xt(n.lineNodes, (function(a) {
-    return b(), R(Mt(a.component), { key: a.name, "default-class": a.class, "hover-class": a.hoverClass, "wrapper-class": a.wrapperClass, position: a.name, disabled: a.disabled, onDrag: function(h) {
+  return b(), A("div", { ref: "box", class: n.classes.root, style: n.style }, [J(t.$slots, "default"), z("div", null, [(b(!0), A(pt, null, xt(n.lineNodes, (function(a) {
+    return b(), A(Mt(a.component), { key: a.name, "default-class": a.class, "hover-class": a.hoverClass, "wrapper-class": a.wrapperClass, position: a.name, disabled: a.disabled, onDrag: function(h) {
       return n.onHandlerDrag(h, a.horizontalDirection, a.verticalDirection);
     }, onDragEnd: e[1] || (e[1] = function(h) {
       return n.onEnd();
     }) }, null, 8, ["default-class", "hover-class", "wrapper-class", "position", "disabled", "onDrag"]);
-  })), 128))]), (b(!0), R(pt, null, xt(n.handlerNodes, (function(a) {
-    return b(), R("div", { key: a.name, style: a.wrapperStyle, class: a.wrapperClass }, [(b(), R(Mt(a.component), { "default-class": a.class, "hover-class": a.hoverClass, "wrapper-class": a.wrapperClass, "horizontal-position": a.horizontalDirection, "vertical-position": a.verticalDirection, disabled: a.disabled, onDrag: function(h) {
+  })), 128))]), (b(!0), A(pt, null, xt(n.handlerNodes, (function(a) {
+    return b(), A("div", { key: a.name, style: a.wrapperStyle, class: a.wrapperClass }, [(b(), A(Mt(a.component), { "default-class": a.class, "hover-class": a.hoverClass, "wrapper-class": a.wrapperClass, "horizontal-position": a.horizontalDirection, "vertical-position": a.verticalDirection, disabled: a.disabled, onDrag: function(h) {
       return n.onHandlerDrag(h, a.horizontalDirection, a.verticalDirection);
     }, onDragEnd: e[2] || (e[2] = function(h) {
       return n.onEnd();
@@ -889,7 +889,7 @@ var Wi = Y("vue-draggable-area"), xe = { name: "DraggableArea", props: { movable
   this.touches.length && this.$emit("move-end"), this.touches = [];
 } }, emits: ["move", "move-end"] };
 xe.render = function(t, e, i, o, s, n) {
-  return b(), R("div", { ref: "container", onTouchstart: e[1] || (e[1] = function() {
+  return b(), A("div", { ref: "container", onTouchstart: e[1] || (e[1] = function() {
     return n.onTouchStart && n.onTouchStart.apply(n, arguments);
   }), onMousedown: e[2] || (e[2] = function() {
     return n.onMouseDown && n.onMouseDown.apply(n, arguments);
@@ -1033,7 +1033,7 @@ var Se = { props: { touchMove: { type: Boolean, required: !0 }, mouseMove: { typ
   var a, h;
 } }, emits: ["resize", "move", "transform-end"] };
 Se.render = function(t, e, i, o, s, n) {
-  return b(), R("div", { ref: "container", onTouchstart: e[1] || (e[1] = function() {
+  return b(), A("div", { ref: "container", onTouchstart: e[1] || (e[1] = function() {
     return n.onTouchStart && n.onTouchStart.apply(n, arguments);
   }), onMousedown: e[2] || (e[2] = function() {
     return n.onMouseDown && n.onMouseDown.apply(n, arguments);
@@ -1044,7 +1044,7 @@ Se.render = function(t, e, i, o, s, n) {
 var Bt = { components: { TransformableImage: Se }, 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"] };
 Bt.render = function(t, e, i, o, s, n) {
   var a = U("transformable-image");
-  return b(), R(a, { "touch-move": i.touchMove, "touch-resize": i.touchResize, "mouse-move": i.mouseMove, "wheel-resize": i.wheelResize, onMove: e[1] || (e[1] = function(h) {
+  return b(), A(a, { "touch-move": i.touchMove, "touch-resize": i.touchResize, "mouse-move": i.mouseMove, "wheel-resize": i.wheelResize, onMove: e[1] || (e[1] = function(h) {
     return t.$emit("move", h);
   }), onResize: e[2] || (e[2] = function(h) {
     return t.$emit("resize", h);
@@ -1096,12 +1096,12 @@ var Rt = Y("vue-preview"), Ee = { props: { coordinates: { type: Object }, transi
   t && t.complete && this.refreshImage(), this.refresh();
 } } };
 Ee.render = function(t, e, i, o, s, n) {
-  return b(), R("div", { ref: "root", class: n.classes.root, style: n.style }, [z("div", { ref: "wrapper", class: n.classes.wrapper, style: n.wrapperStyle }, [ce(z("img", { ref: "image", src: i.image && i.image.src, class: n.classes.image, style: n.imageStyle }, null, 14, ["src"]), [[ue, i.image && i.image.src]])], 6)], 6);
+  return b(), A("div", { ref: "root", class: n.classes.root, style: n.style }, [z("div", { ref: "wrapper", class: n.classes.wrapper, style: n.wrapperStyle }, [ce(z("img", { ref: "image", src: i.image && i.image.src, class: n.classes.image, style: n.imageStyle }, null, 14, ["src"]), [[ue, i.image && i.image.src]])], 6)], 6);
 };
 var Ce = { components: { Preview: Ee }, inheritAttrs: !1 };
 Ce.render = function(t, e, i, o, s, n) {
   var a = U("preview");
-  return b(), R(a, de(t.$attrs, { fill: !0 }), null, 16);
+  return b(), A(a, de(t.$attrs, { fill: !0 }), null, 16);
 };
 var Ht = Y("vue-rectangle-stencil"), Te = { name: "RectangleStencil", components: { StencilPreview: Ce, BoundingBox: Ae, DraggableArea: xe }, props: { image: { type: Object }, coordinates: { type: Object }, stencilCoordinates: { type: Object }, handlers: { type: Object }, handlersComponent: { type: [Object, String], default: function() {
   return Vt;
@@ -1135,7 +1135,7 @@ var Ht = Y("vue-rectangle-stencil"), Te = { name: "RectangleStencil", components
 } }, emits: ["resize", "resize-end", "move", "move-end"] };
 Te.render = function(t, e, i, o, s, n) {
   var a = U("stencil-preview"), h = U("draggable-area"), r = U("bounding-box");
-  return b(), R("div", { class: n.classes.stencil, style: n.style }, [z(r, { width: i.stencilCoordinates.width, height: i.stencilCoordinates.height, transitions: i.transitions, class: n.classes.boundingBox, handlers: i.handlers, "handlers-component": i.handlersComponent, "handlers-classes": i.handlersClasses, "handlers-wrappers-classes": i.handlersWrappersClasses, lines: i.lines, "lines-component": i.linesComponent, "lines-classes": i.linesClasses, "lines-wrappers-classes": i.linesWrappersClasses, resizable: i.resizable, onResize: n.onResize, onResizeEnd: n.onResizeEnd }, { default: I((function() {
+  return b(), A("div", { class: n.classes.stencil, style: n.style }, [z(r, { width: i.stencilCoordinates.width, height: i.stencilCoordinates.height, transitions: i.transitions, class: n.classes.boundingBox, handlers: i.handlers, "handlers-component": i.handlersComponent, "handlers-classes": i.handlersClasses, "handlers-wrappers-classes": i.handlersWrappersClasses, lines: i.lines, "lines-component": i.linesComponent, "lines-classes": i.linesClasses, "lines-wrappers-classes": i.linesWrappersClasses, resizable: i.resizable, onResize: n.onResize, onResizeEnd: n.onResizeEnd }, { default: I((function() {
     return [z(h, { movable: i.movable, onMove: n.onMove, onMoveEnd: n.onMoveEnd }, { default: I((function() {
       return [z(a, { image: i.image, coordinates: i.coordinates, width: i.stencilCoordinates.width, height: i.stencilCoordinates.height, class: n.classes.preview, transitions: i.transitions }, null, 8, ["image", "coordinates", "width", "height", "class", "transitions"])];
     })), _: 1 }, 8, ["movable", "onMove", "onMoveEnd"])];
@@ -1185,8 +1185,8 @@ var Li = ["transitions"], Q = Y("vue-advanced-cropper"), We = { name: "Cropper",
   return a = D(a = P(a, ct(_(i), _(a))), Ct(Z(e), n));
 } }, fitVisibleArea: { type: Function, default: function(t) {
   var e = t.visibleArea, i = t.boundaries, o = t.getAreaRestrictions, s = t.coordinates, n = p({}, e);
-  n.height = n.width / y(i), n.top += (e.height - n.height) / 2, (s.height - n.height > 0 || s.width - n.width > 0) && (n = j(n, Math.max(s.height / n.height, s.width / n.width)));
-  var a = St(dt(s, Z(n = j(n, Et(n, o({ visibleArea: n, type: "resize" }))))));
+  n.height = n.width / y(i), n.top += (e.height - n.height) / 2, (s.height - n.height > 0 || s.width - n.width > 0) && (n = k(n, Math.max(s.height / n.height, s.width / n.width)));
+  var a = St(dt(s, Z(n = k(n, Et(n, o({ visibleArea: n, type: "resize" }))))));
   return n.width < s.width && (a.left = 0), n.height < s.height && (a.top = 0), n = D(n = P(n, a), o({ visibleArea: n, type: "move" }));
 } }, areaRestrictionsAlgorithm: { type: Function, default: function(t) {
   var e = t.visibleArea, i = t.boundaries, o = t.imageSize, s = t.imageRestriction, n = t.type, a = {};
@@ -1568,9 +1568,9 @@ var Li = ["transitions"], Q = Y("vue-advanced-cropper"), We = { name: "Cropper",
   }
 } }, emits: ["change", "error", "ready"] }, Ii = { key: 0, ref: "canvas", style: { display: "none" } }, Hi = { key: 1, ref: "sourceCanvas", style: { display: "none" } };
 We.render = function(t, e, i, o, s, n) {
-  return b(), R("div", { ref: "cropper", class: n.classes.cropper }, [z("div", { ref: "stretcher", class: n.classes.stretcher }, null, 2), z("div", { class: n.classes.boundaries, style: n.boundariesStyle }, [(b(), R(Mt(i.backgroundWrapperComponent), { class: n.classes.cropperWrapper, "wheel-resize": n.settings.resizeImage.wheel, "touch-resize": n.settings.resizeImage.touch, "touch-move": n.settings.moveImage.touch, "mouse-move": n.settings.moveImage.mouse, onMove: n.onManipulateImage, onResize: n.onManipulateImage }, { default: I((function() {
+  return b(), A("div", { ref: "cropper", class: n.classes.cropper }, [z("div", { ref: "stretcher", class: n.classes.stretcher }, null, 2), z("div", { class: n.classes.boundaries, style: n.boundariesStyle }, [(b(), A(Mt(i.backgroundWrapperComponent), { class: n.classes.cropperWrapper, "wheel-resize": n.settings.resizeImage.wheel, "touch-resize": n.settings.resizeImage.touch, "touch-move": n.settings.moveImage.touch, "mouse-move": n.settings.moveImage.mouse, onMove: n.onManipulateImage, onResize: n.onManipulateImage }, { default: I((function() {
     return [z("div", { class: n.classes.background, style: n.boundariesStyle }, null, 6), z("div", { class: n.classes.imageWrapper }, [z("img", { ref: "image", crossorigin: s.imageAttributes.crossOrigin, src: s.imageAttributes.src, class: n.classes.image, style: n.imageStyle, onMousedown: e[1] || (e[1] = Ve((function() {
-    }), ["prevent"])) }, null, 46, ["crossorigin", "src"])], 2), z("div", { class: n.classes.foreground, style: n.boundariesStyle }, null, 6), ce((b(), R(Mt(i.stencilComponent), de({ ref: "stencil", image: n.image, coordinates: s.coordinates, "stencil-coordinates": n.stencilCoordinates, transitions: n.transitionsOptions }, i.stencilProps, { onResize: n.onResize, onResizeEnd: n.onResizeEnd, onMove: n.onMove, onMoveEnd: n.onMoveEnd }), null, 16, ["image", "coordinates", "stencil-coordinates", "transitions", "onResize", "onResizeEnd", "onMove", "onMoveEnd"])), [[ue, s.imageLoaded]]), i.canvas ? (b(), R("canvas", Ii, null, 512)) : V("", !0), i.canvas ? (b(), R("canvas", Hi, null, 512)) : V("", !0)];
+    }), ["prevent"])) }, null, 46, ["crossorigin", "src"])], 2), z("div", { class: n.classes.foreground, style: n.boundariesStyle }, null, 6), ce((b(), A(Mt(i.stencilComponent), de({ ref: "stencil", image: n.image, coordinates: s.coordinates, "stencil-coordinates": n.stencilCoordinates, transitions: n.transitionsOptions }, i.stencilProps, { onResize: n.onResize, onResizeEnd: n.onResizeEnd, onMove: n.onMove, onMoveEnd: n.onMoveEnd }), null, 16, ["image", "coordinates", "stencil-coordinates", "transitions", "onResize", "onResizeEnd", "onMove", "onMoveEnd"])), [[ue, s.imageLoaded]]), i.canvas ? (b(), A("canvas", Ii, null, 512)) : V("", !0), i.canvas ? (b(), A("canvas", Hi, null, 512)) : V("", !0)];
   })), _: 1 }, 8, ["class", "wheel-resize", "touch-resize", "touch-move", "mouse-move", "onMove", "onResize"]))], 6)], 2);
 };
 const Oi = { class: "range-slider relative flex h-[20px] items-center" }, Pi = ["aria-label", "disabled", "max", "min", "step", "value"], $i = /* @__PURE__ */ Ft({
@@ -1615,7 +1615,7 @@ const Oi = { class: "range-slider relative flex h-[20px] items-center" }, Pi = [
         class: "range-slider__bubble fm-typo-en-body-sm-600",
         style: Jt({ left: `${h.value}%` })
       }, O(r.value), 5)) : V("", !0),
-      S("input", {
+      E("input", {
         "aria-label": c.ariaLabel,
         class: "range-slider__input",
         disabled: c.disabled,
@@ -1651,7 +1651,7 @@ const Oi = { class: "range-slider relative flex h-[20px] items-center" }, Pi = [
 }, an = {
   key: 4,
   class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary"
-}, hn = { class: "flex w-full items-center justify-end gap-8" }, wn = /* @__PURE__ */ Ft({
+}, bn = /* @__PURE__ */ Ft({
   __name: "ProductImageEditorDialog",
   props: {
     file: { default: null },
@@ -1674,35 +1674,35 @@ const Oi = { class: "range-slider relative flex h-[20px] items-center" }, Pi = [
       { id: "1x1", label: () => "1:1", ratio: 1 },
       { id: "16x9", label: () => "16:9", ratio: 16 / 9 }
     ], r = L(!0), l = L("free"), c = L(1), u = L(0), d = L(null), m = L(null), g = L(null), v = L(!1), M = L(null), H = L(1), tt = (f) => n(f, { style: "percent", maximumFractionDigits: 0 }), at = st(() => {
-      const f = g.value, E = f ? Math.min(1, 2e3 / Math.max(f.width, f.height)) : 1;
+      const f = g.value, S = f ? Math.min(1, 2e3 / Math.max(f.width, f.height)) : 1;
       return s("menu.product_image.editor.output_edited", {
         dimensions: f ? s("menu.product_image.editor.dimensions", {
-          width: n(Math.round(f.width * E), { useGrouping: !1 }),
-          height: n(Math.round(f.height * E), { useGrouping: !1 })
+          width: n(Math.round(f.width * S), { useGrouping: !1 }),
+          height: n(Math.round(f.height * S), { useGrouping: !1 })
         }) : s("menu.product_image.editor.unknown_dimensions"),
         format: s("menu.product_image.editor.jpeg")
       });
     }), et = st(() => {
-      var E;
-      const f = Pe.value ?? ((E = h.find((x) => x.id === l.value)) == null ? void 0 : E.ratio);
+      var S;
+      const f = Pe.value ?? ((S = h.find((x) => x.id === l.value)) == null ? void 0 : S.ratio);
       return f ? { aspectRatio: f } : {};
     });
     function _e({
       imageSize: f,
-      visibleArea: E
+      visibleArea: S
     }) {
-      const x = E ?? f, W = et.value.aspectRatio;
+      const x = S ?? f, W = et.value.aspectRatio;
       return W ? x.width / x.height > W ? { width: x.height * W, height: x.height } : { width: x.width, height: x.width / W } : x;
     }
     function De(f) {
-      var E, x, W, ht, k;
-      if (u.value = ((E = f.imageTransforms) == null ? void 0 : E.rotate) ?? 0, (x = f.image) != null && x.width && f.image.height && (m.value = {
+      var S, x, W, ht, B;
+      if (u.value = ((S = f.imageTransforms) == null ? void 0 : S.rotate) ?? 0, (x = f.image) != null && x.width && f.image.height && (m.value = {
         width: f.image.width,
         height: f.image.height
       }), (W = f.coordinates) != null && W.width && f.coordinates.height && (g.value = {
         width: Math.round(f.coordinates.width),
         height: Math.round(f.coordinates.height)
-      }), (ht = f.image) != null && ht.width && ((k = f.visibleArea) != null && k.width)) {
+      }), (ht = f.image) != null && ht.width && ((B = f.visibleArea) != null && B.width)) {
         const mt = f.image.width / f.visibleArea.width;
         M.value ?? (M.value = mt), H.value = mt / M.value, c.value = Number(H.value.toFixed(2));
       }
@@ -1745,9 +1745,9 @@ const Oi = { class: "range-slider relative flex h-[20px] items-center" }, Pi = [
     async function Fe() {
       var mt, Gt, Qt;
       if (!X.value) return null;
-      const f = new Image(), E = X.value;
+      const f = new Image(), S = X.value;
       if (await new Promise((nt) => {
-        f.onload = () => nt(), f.onerror = () => nt(), f.src = E;
+        f.onload = () => nt(), f.onerror = () => nt(), f.src = S;
       }), !f.naturalWidth || !f.naturalHeight) return null;
       const x = g.value, W = m.value, ht = !x || !W || u.value % 360 === 0 && x.width >= W.width - 1 && x.height >= W.height - 1;
       if (i.mode === "edit" && ht && ((mt = it.value) == null ? void 0 : mt.type) === "image/jpeg" && it.value.size <= 800 * 1024 && Math.max(f.naturalWidth, f.naturalHeight) <= 2e3)
@@ -1756,23 +1756,23 @@ const Oi = { class: "range-slider relative flex h-[20px] items-center" }, Pi = [
           width: f.naturalWidth,
           height: f.naturalHeight
         };
-      let k;
+      let B;
       if (ht) {
-        k = document.createElement("canvas");
+        B = document.createElement("canvas");
         const nt = Math.min(
           1,
           2e3 / Math.max(f.naturalWidth, f.naturalHeight)
         );
-        k.width = Math.max(1, Math.round(f.naturalWidth * nt)), k.height = Math.max(1, Math.round(f.naturalHeight * nt));
-        const Tt = k.getContext("2d");
+        B.width = Math.max(1, Math.round(f.naturalWidth * nt)), B.height = Math.max(1, Math.round(f.naturalHeight * nt));
+        const Tt = B.getContext("2d");
         if (!Tt) return null;
-        Tt.imageSmoothingQuality = "high", Tt.drawImage(f, 0, 0, k.width, k.height);
+        Tt.imageSmoothingQuality = "high", Tt.drawImage(f, 0, 0, B.width, B.height);
       } else {
         const nt = (Qt = (Gt = d.value) == null ? void 0 : Gt.getResult()) == null ? void 0 : Qt.canvas;
         if (!nt) return null;
-        k = nt;
+        B = nt;
       }
-      return me(k);
+      return me(B);
     }
     async function Ue() {
       if (!vt.value) {
@@ -1782,52 +1782,55 @@ const Oi = { class: "range-slider relative flex h-[20px] items-center" }, Pi = [
             o("confirm", null), r.value = !1;
             return;
           }
-          const f = await Fe(), E = it.value.name.replace(/\.[^.]+$/, "") + ".jpg";
+          const f = await Fe(), S = it.value.name.replace(/\.[^.]+$/, "") + ".jpg";
           if (!f) {
             o("confirm", null), r.value = !1;
             return;
           }
-          o("confirm", { ...f, fileName: E }), r.value = !1;
+          o("confirm", { ...f, fileName: S }), r.value = !1;
         } finally {
           vt.value = !1;
         }
       }
     }
-    return (f, E) => (b(), R(A(B).FmDialog, {
+    return (f, S) => (b(), A(R($).FmDialog, {
       modelValue: r.value,
       "onUpdate:modelValue": [
-        E[0] || (E[0] = (x) => r.value = x),
-        E[1] || (E[1] = (x) => !x && o("cancel"))
+        S[0] || (S[0] = (x) => r.value = x),
+        S[1] || (S[1] = (x) => !x && o("cancel"))
       ]
     }, {
       "dialog-header": I(() => [
-        S("div", ki, [
-          S("p", Bi, O($e.value), 1),
-          S("p", Fi, O(je.value), 1)
+        E("div", ki, [
+          E("p", Bi, O($e.value), 1),
+          E("p", Fi, O(je.value), 1)
         ])
       ]),
       "dialog-footer": I(() => [
-        S("div", hn, [
-          z(A(B).FmButton, {
-            label: A(s)("menu.common.actions.cancel"),
-            variant: "tertiary",
-            onClick: ke
-          }, null, 8, ["label"]),
-          z(A(B).FmButton, {
-            disabled: vt.value,
-            label: i.editView ? A(a)(i.editView.confirmLabel) : A(s)("menu.common.actions.confirm"),
-            variant: "primary",
-            onClick: Ue
-          }, null, 8, ["disabled", "label"])
-        ])
+        z(R($).FmSpacer, { class: "sm:hidden xs:hidden" }),
+        z(R($).FmButton, {
+          class: "sm:w-full xs:w-full",
+          label: R(s)("menu.common.actions.cancel"),
+          size: "md",
+          variant: "tertiary",
+          onClick: ke
+        }, null, 8, ["label"]),
+        z(R($).FmButton, {
+          class: "sm:w-full xs:w-full",
+          disabled: vt.value,
+          label: i.editView ? R(a)(i.editView.confirmLabel) : R(s)("menu.common.actions.confirm"),
+          size: "md",
+          variant: "primary",
+          onClick: Ue
+        }, null, 8, ["disabled", "label"])
       ]),
       default: I(() => {
         var x;
         return [
-          S("div", Ui, [
+          E("div", Ui, [
             X.value ? (b(), F(pt, { key: 1 }, [
-              S("div", Xi, [
-                z(A(We), {
+              E("div", Xi, [
+                z(R(We), {
                   ref_key: "cropperRef",
                   ref: d,
                   canvas: { maxWidth: 4096, maxHeight: 4096 },
@@ -1841,8 +1844,8 @@ const Oi = { class: "range-slider relative flex h-[20px] items-center" }, Pi = [
                 }, null, 8, ["src", "stencil-props"])
               ]),
               i.ratioLabel ? V("", !0) : (b(), F("div", Vi, [
-                S("p", Ni, O(A(s)("menu.product_image.editor.ratio")), 1),
-                (b(), F(pt, null, xt(h, (W) => z(A(B).FmButton, {
+                E("p", Ni, O(R(s)("menu.product_image.editor.ratio")), 1),
+                (b(), F(pt, null, xt(h, (W) => z(R($).FmButton, {
                   key: W.id,
                   label: W.label(),
                   class: "!h-[26px] !rounded-md !px-8",
@@ -1852,40 +1855,40 @@ const Oi = { class: "range-slider relative flex h-[20px] items-center" }, Pi = [
                   onClick: (ht) => Ie(W.id)
                 }, {
                   default: I(() => [
-                    S("span", qi, O(W.label()), 1)
+                    E("span", qi, O(W.label()), 1)
                   ]),
                   _: 2
                 }, 1032, ["label", "bg-color", "onClick"])), 64))
               ])),
               i.mode === "replace" ? (b(), F("div", Zi, [
-                z(A(B).FmIcon, {
+                z(R($).FmIcon, {
                   class: "shrink-0",
                   color: "system-blue-400",
                   name: "info",
                   outline: "",
                   size: "sm"
                 }),
-                S("div", Gi, [
-                  S("p", Qi, O(A(s)("menu.product_image.editor.replace_notice_title")), 1),
-                  S("p", Ki, O(A(s)("menu.product_image.editor.replace_notice_body", {
+                E("div", Gi, [
+                  E("p", Qi, O(R(s)("menu.product_image.editor.replace_notice_title")), 1),
+                  E("p", Ki, O(R(s)("menu.product_image.editor.replace_notice_body", {
                     ratio: i.ratioLabel ?? ""
                   })), 1)
                 ])
               ])) : V("", !0)
-            ], 64)) : (b(), R(A(B).FmDropField, {
+            ], 64)) : (b(), A(R($).FmDropField, {
               key: 0,
-              accept: A(He),
+              accept: R(He),
               "content-class": "h-[280px] w-full",
               onFileUpload: Oe
             }, {
               "accept-text": I(() => [
-                S("p", Yi, O(A(s)("menu.product_image.replace.accepts")), 1)
+                E("p", Yi, O(R(s)("menu.product_image.replace.accepts")), 1)
               ]),
               _: 1
             }, 8, ["accept"])),
             X.value ? (b(), F("div", Ji, [
-              S("p", tn, O(A(s)("menu.product_image.editor.zoom")), 1),
-              z(A(B).FmIcon, {
+              E("p", tn, O(R(s)("menu.product_image.editor.zoom")), 1),
+              z(R($).FmIcon, {
                 color: "neutral-gray-400",
                 name: "zoom_out",
                 outline: "",
@@ -1894,28 +1897,28 @@ const Oi = { class: "range-slider relative flex h-[20px] items-center" }, Pi = [
               z(ji, {
                 "model-value": c.value,
                 "onUpdate:modelValue": Le,
-                "aria-label": A(s)("menu.product_image.editor.zoom"),
-                class: "product-image-editor-zoom flex-1",
+                "aria-label": R(s)("menu.product_image.editor.zoom"),
+                class: "product-image-editor-zoom grow",
                 "format-value": tt,
                 max: 4,
                 min: 1,
                 step: 0.01
               }, null, 8, ["model-value", "aria-label"]),
-              z(A(B).FmIcon, {
+              z(R($).FmIcon, {
                 color: "neutral-gray-400",
                 name: "zoom_in",
                 outline: "",
                 size: "sm"
               }),
-              S("span", en, O(tt(c.value)), 1),
-              z(A(B).FmButton, {
-                "aria-label": A(s)("menu.product_image.editor.rotate"),
+              E("span", en, O(tt(c.value)), 1),
+              z(R($).FmButton, {
+                "aria-label": R(s)("menu.product_image.editor.rotate"),
                 icon: "rotate_right",
                 variant: "tertiary",
                 onClick: Be
               }, null, 8, ["aria-label"]),
-              z(A(B).FmButton, {
-                "aria-label": A(s)("menu.product_image.editor.reset"),
+              z(R($).FmButton, {
+                "aria-label": R(s)("menu.product_image.editor.reset"),
                 disabled: !v.value,
                 icon: "restart_alt",
                 variant: "tertiary",
@@ -1923,16 +1926,16 @@ const Oi = { class: "range-slider relative flex h-[20px] items-center" }, Pi = [
               }, null, 8, ["aria-label", "disabled"])
             ])) : V("", !0),
             (x = i.editView) != null && x.noticeTitle ? (b(), F("div", nn, [
-              z(A(B).FmIcon, {
+              z(R($).FmIcon, {
                 class: "shrink-0",
                 color: "system-orange-400",
                 name: "info",
                 outline: "",
                 size: "sm"
               }),
-              S("div", on, [
-                S("p", sn, O(A(a)(i.editView.noticeTitle)), 1),
-                i.editView.noticeBody ? (b(), F("p", rn, O(A(a)(i.editView.noticeBody)), 1)) : V("", !0)
+              E("div", on, [
+                E("p", sn, O(R(a)(i.editView.noticeTitle)), 1),
+                i.editView.noticeBody ? (b(), F("p", rn, O(R(a)(i.editView.noticeBody)), 1)) : V("", !0)
               ])
             ])) : V("", !0),
             X.value ? (b(), F("p", an, O(at.value), 1)) : V("", !0)
@@ -1944,12 +1947,12 @@ const Oi = { class: "range-slider relative flex h-[20px] items-center" }, Pi = [
   }
 });
 export {
-  fn as _,
-  wn as a,
-  pn as b,
-  bn as c,
-  vn as d,
+  mn as _,
+  bn as a,
+  fn as b,
+  vn as c,
+  gn as d,
   We as f,
   ii as r,
-  gn as t
+  pn as t
 };