npm - @univerjs/drawing-ui - Versions diffs - 0.5.3 → 0.5.4 - Mend

@univerjs/drawing-ui 0.5.3 → 0.5.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/lib/es/index.js CHANGED Viewed

@@ -1,26 +1,26 @@
-var En = Object.defineProperty;
-var Tn = (i, t, n) => t in i ? En(i, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : i[t] = n;
-var Q = (i, t, n) => Tn(i, typeof t != "symbol" ? t + "" : t, n);
-import { UniverInstanceType as xe, DrawingTypeEnum as ee, CommandType as _e, useDependency as L, ICommandService as me, LocaleService as ne, ArrangeTypeEnum as Ie, Tools as Bn, debounce as Pe, Inject as Ae, Disposable as He, checkIfMove as cn, toDisposable as we, IUniverInstanceService as Ke, Injector as Un, Plugin as An, merge as Hn, IConfigService as Ln } from "@univerjs/core";
-import { getDrawingShapeKeyByDrawingSearch as G, ImageSourceType as Vn, IDrawingManagerService as te, IImageIoService as ln } from "@univerjs/drawing";
-import { Group as ve, DRAWING_OBJECT_LAYER_INDEX as Ye, Image as ze, IRenderManagerService as ue, getGroupState as Gn, transformObjectOutOfGroup as Wn, RENDER_CLASS_TYPE as qe, Shape as $n, Rect as kn, Canvas as zn, precisionTo as ye, CURSOR_TYPE as Oe, Vector2 as Ge, degToRad as Je } from "@univerjs/engine-render";
-import { IDialogService as mn, ComponentManager as Fn, IMessageService as Kn } from "@univerjs/ui";
-import Yn, { useState as H, forwardRef as Y, useRef as gn, createElement as Z, useEffect as Se } from "react";
-import { Select as un, Button as ce, InputNumber as fe, Checkbox as Zn, DropdownLegacy as Xn, MessageType as Qe } from "@univerjs/design";
-import { filter as qn, switchMap as Jn } from "rxjs";
-function Qn(i, t, n, e) {
+var Tn = Object.defineProperty;
+var Bn = (i, t, n) => t in i ? Tn(i, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : i[t] = n;
+var Q = (i, t, n) => Bn(i, typeof t != "symbol" ? t + "" : t, n);
+import { UniverInstanceType as Me, DrawingTypeEnum as ee, CommandType as ve, useDependency as L, ICommandService as me, LocaleService as ne, ArrangeTypeEnum as Ie, Tools as Un, debounce as Pe, Inject as He, Disposable as Le, checkIfMove as ln, toDisposable as we, IUniverInstanceService as Ye, Injector as An, Plugin as Hn, merge as Ln, IConfigService as Vn } from "@univerjs/core";
+import { getDrawingShapeKeyByDrawingSearch as G, ImageSourceType as Gn, IDrawingManagerService as te, IImageIoService as mn, SetDrawingSelectedOperation as Oe } from "@univerjs/drawing";
+import { Group as _e, DRAWING_OBJECT_LAYER_INDEX as Ze, Image as Fe, IRenderManagerService as ue, getGroupState as Wn, transformObjectOutOfGroup as $n, RENDER_CLASS_TYPE as Je, Shape as kn, Rect as zn, Canvas as Fn, precisionTo as ye, CURSOR_TYPE as Ne, Vector2 as We, degToRad as Qe } from "@univerjs/engine-render";
+import { IDialogService as gn, ComponentManager as Kn, IMessageService as Yn } from "@univerjs/ui";
+import Zn, { useState as H, forwardRef as Y, useRef as un, createElement as Z, useEffect as Se } from "react";
+import { Select as dn, Button as ce, InputNumber as fe, Checkbox as Xn, DropdownLegacy as qn, MessageType as en } from "@univerjs/design";
+import { filter as Jn, switchMap as Qn } from "rxjs";
+function et(i, t, n, e) {
   const r = e.getDrawingByParam(i);
   if (r == null)
     return;
   const s = G(i), a = n.getObject(s);
-  if (a && !(a instanceof ve))
+  if (a && !(a instanceof _e))
     return;
   if (a != null) {
     a.addObject(t);
     return;
   }
-  const o = new ve(s);
-  n.addObject(o, Ye).attachTransformerTo(o), o.addObject(t);
+  const o = new _e(s);
+  n.addObject(o, Ze).attachTransformerTo(o), o.addObject(t);
   const { transform: c } = r;
   c && o.transformByState(
     {
@@ -30,23 +30,23 @@ function Qn(i, t, n, e) {
     }
   );
 }
-function dn(i, t) {
+function hn(i, t) {
   var s;
   const n = t ? i.getUnit(t) : i.getFocusedUnit();
   if (n == null)
     return;
   const e = n.getUnitId();
   let r;
-  return n.type === xe.UNIVER_SHEET ? r = (s = n.getActiveSheet()) == null ? void 0 : s.getSheetId() : (n.type === xe.UNIVER_DOC || n.type === xe.UNIVER_SLIDE) && (r = e), { unitId: e, subUnitId: r, current: n };
+  return n.type === Me.UNIVER_SHEET ? r = (s = n.getActiveSheet()) == null ? void 0 : s.getSheetId() : (n.type === Me.UNIVER_DOC || n.type === Me.UNIVER_SLIDE) && (r = e), { unitId: e, subUnitId: r, current: n };
 }
-const hn = "COMPONENT_IMAGE_VIEWER";
-var et = Object.defineProperty, nt = Object.getOwnPropertyDescriptor, tt = (i, t, n, e) => {
-  for (var r = e > 1 ? void 0 : e ? nt(t, n) : t, s = i.length - 1, a; s >= 0; s--)
+const fn = "COMPONENT_IMAGE_VIEWER";
+var nt = Object.defineProperty, tt = Object.getOwnPropertyDescriptor, rt = (i, t, n, e) => {
+  for (var r = e > 1 ? void 0 : e ? tt(t, n) : t, s = i.length - 1, a; s >= 0; s--)
     (a = i[s]) && (r = (e ? a(t, n, r) : a(r)) || r);
-  return e && r && et(t, n, r), r;
-}, We = (i, t) => (n, e) => t(n, e, i);
-const en = 50;
-let Ne = class {
+  return e && r && nt(t, n, r), r;
+}, $e = (i, t) => (n, e) => t(n, e, i);
+const nn = 50;
+let De = class {
   constructor(i, t, n) {
     this._drawingManagerService = i, this._imageIoService = t, this._dialogService = n;
   }
@@ -68,11 +68,11 @@ let Ne = class {
     } = i;
     if (e !== ee.DRAWING_IMAGE || !this._drawingManagerService.getDrawingVisible() || n == null)
       return;
-    const v = h && f ? f : [n], w = [];
-    for (const p of v) {
-      const { left: S, top: _, width: j, height: b, angle: N, flipX: I, flipY: y, skewX: P, skewY: M } = p, D = v.indexOf(p), B = G({ unitId: g, subUnitId: m, drawingId: d }, h ? D : void 0), E = t.getObject(B);
+    const _ = h && f ? f : [n], w = [];
+    for (const p of _) {
+      const { left: S, top: v, width: j, height: b, angle: N, flipX: P, flipY: I, skewX: y, skewY: x } = p, D = _.indexOf(p), B = G({ unitId: g, subUnitId: m, drawingId: d }, h ? D : void 0), E = t.getObject(B);
       if (E != null) {
-        E.transformByState({ left: S, top: _, width: j, height: b, angle: N, flipX: I, flipY: y, skewX: P, skewY: M });
+        E.transformByState({ left: S, top: v, width: j, height: b, angle: N, flipX: P, flipY: I, skewX: y, skewY: x });
         continue;
       }
       const re = this._drawingManagerService.getDrawingOrder(g, m), W = re.indexOf(d), q = { ...p, zIndex: W === -1 ? re.length - 1 : W }, be = this._imageIoService.getImageSourceCache(r, s);
@@ -80,11 +80,11 @@ let Ne = class {
       if (be != null)
         q.image = be;
       else {
-        if (s === Vn.UUID)
+        if (s === Gn.UUID)
           try {
             q.url = await this._imageIoService.getImage(r);
-          } catch (Ve) {
-            console.error(Ve);
+          } catch (Ge) {
+            console.error(Ge);
             continue;
           }
         else
@@ -94,8 +94,8 @@ let Ne = class {
       if (t.getObject(B))
         continue;
       q.printable = !0;
-      const k = new ze(B, q);
-      ie && this._imageIoService.addImageSourceCache(r, s, k.getNative()), this._drawingManagerService.getDrawingVisible() && (t.addObject(k, Ye), this._drawingManagerService.getDrawingEditable() && t.attachTransformerTo(k), c && Qn({ drawingId: c, unitId: g, subUnitId: m }, k, t, this._drawingManagerService), o != null && k.setPrstGeom(o), a != null && k.setSrcRect(a), w.push(k));
+      const k = new Fe(B, q);
+      ie && this._imageIoService.addImageSourceCache(r, s, k.getNative()), this._drawingManagerService.getDrawingVisible() && (t.addObject(k, Ze), this._drawingManagerService.getDrawingEditable() && t.attachTransformerTo(k), c && et({ drawingId: c, unitId: g, subUnitId: m }, k, t, this._drawingManagerService), o != null && k.setPrstGeom(o), a != null && k.setSrcRect(a), w.push(k));
     }
     return w;
   }
@@ -108,13 +108,13 @@ let Ne = class {
       }
   }
   previewImage(i, t, n, e) {
-    const r = `${i}-viewer-dialog`, s = window.innerWidth - en, a = window.innerHeight - en, o = this._adjustImageSize(n, e, s, a), c = this._dialogService.open({
+    const r = `${i}-viewer-dialog`, s = window.innerWidth - nn, a = window.innerHeight - nn, o = this._adjustImageSize(n, e, s, a), c = this._dialogService.open({
       width: Math.max(o.width, 200),
       id: r,
       style: { margin: "0", top: "50%", left: "50%", transform: "translate(-50%, -50%)" },
       children: {
         label: {
-          name: hn,
+          name: fn,
           props: {
             src: t,
             width: o.width,
@@ -142,22 +142,22 @@ let Ne = class {
     };
   }
 };
-Ne = tt([
-  We(0, te),
-  We(1, ln),
-  We(2, mn)
-], Ne);
-function Le(i, t) {
+De = rt([
+  $e(0, te),
+  $e(1, mn),
+  $e(2, gn)
+], De);
+function Ve(i, t) {
   const n = [];
   return i.forEach((e) => {
     const { oKey: r, left: s, top: a, height: o, width: c, angle: g } = e, m = t.getDrawingOKey(r);
     if (m == null)
       return n.push(null), !0;
-    const { unitId: d, subUnitId: h, drawingId: f, drawingType: v } = m, w = {
+    const { unitId: d, subUnitId: h, drawingId: f, drawingType: _ } = m, w = {
       unitId: d,
       subUnitId: h,
       drawingId: f,
-      drawingType: v,
+      drawingType: _,
       transform: {
         left: s,
         top: a,
@@ -166,10 +166,10 @@ function Le(i, t) {
         angle: g
       }
     };
-    v === ee.DRAWING_IMAGE && (w.srcRect = e.srcRect), n.push(w);
+    _ === ee.DRAWING_IMAGE && (w.srcRect = e.srcRect), n.push(w);
   }), n;
 }
-var $e = { exports: {} }, pe = {};
+var ke = { exports: {} }, pe = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -179,11 +179,11 @@ var $e = { exports: {} }, pe = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var nn;
-function rt() {
-  if (nn) return pe;
-  nn = 1;
-  var i = Yn, t = Symbol.for("react.element"), n = Symbol.for("react.fragment"), e = Object.prototype.hasOwnProperty, r = i.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, s = { key: !0, ref: !0, __self: !0, __source: !0 };
+var tn;
+function it() {
+  if (tn) return pe;
+  tn = 1;
+  var i = Zn, t = Symbol.for("react.element"), n = Symbol.for("react.fragment"), e = Object.prototype.hasOwnProperty, r = i.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, s = { key: !0, ref: !0, __self: !0, __source: !0 };
   function a(o, c, g) {
     var m, d = {}, h = null, f = null;
     g !== void 0 && (h = "" + g), c.key !== void 0 && (h = "" + c.key), c.ref !== void 0 && (f = c.ref);
@@ -193,44 +193,44 @@ function rt() {
   }
   return pe.Fragment = n, pe.jsx = a, pe.jsxs = a, pe;
 }
-var tn;
-function it() {
-  return tn || (tn = 1, $e.exports = rt()), $e.exports;
+var rn;
+function at() {
+  return rn || (rn = 1, ke.exports = it()), ke.exports;
 }
-var l = it();
-function fn(i) {
+var l = at();
+function pn(i) {
   var t, n, e = "";
   if (typeof i == "string" || typeof i == "number") e += i;
   else if (typeof i == "object") if (Array.isArray(i)) {
     var r = i.length;
-    for (t = 0; t < r; t++) i[t] && (n = fn(i[t])) && (e && (e += " "), e += n);
+    for (t = 0; t < r; t++) i[t] && (n = pn(i[t])) && (e && (e += " "), e += n);
   } else for (n in i) i[n] && (e && (e += " "), e += n);
   return e;
 }
 function O() {
-  for (var i, t, n = 0, e = "", r = arguments.length; n < r; n++) (i = arguments[n]) && (t = fn(i)) && (e && (e += " "), e += t);
+  for (var i, t, n = 0, e = "", r = arguments.length; n < r; n++) (i = arguments[n]) && (t = pn(i)) && (e && (e += " "), e += t);
   return e;
 }
 var R = /* @__PURE__ */ ((i) => (i.default = "0", i.left = "1", i.center = "2", i.right = "3", i.top = "4", i.middle = "5", i.bottom = "6", i.horizon = "7", i.vertical = "8", i))(R || {});
-const Ze = {
+const Xe = {
   id: "sheet.operation.set-image-align",
-  type: _e.OPERATION,
+  type: ve.OPERATION,
   handler: (i, t) => !0
-}, at = "univer-image-common-panel", st = "univer-image-common-panel-grid", ot = "univer-image-common-panel-border", ct = "univer-image-common-panel-title", lt = "univer-image-common-panel-subtitle", mt = "univer-image-common-panel-row", gt = "univer-image-common-panel-row-vertical", ut = "univer-image-common-panel-column", dt = "univer-image-common-panel-column-center", ht = "univer-image-common-panel-inline", ft = "univer-image-common-panel-span2", pt = "univer-image-common-panel-span3", Ct = "univer-image-common-panel-input", u = {
-  imageCommonPanel: at,
-  imageCommonPanelGrid: st,
-  imageCommonPanelBorder: ot,
-  imageCommonPanelTitle: ct,
-  imageCommonPanelSubtitle: lt,
-  imageCommonPanelRow: mt,
-  imageCommonPanelRowVertical: gt,
-  imageCommonPanelColumn: ut,
-  imageCommonPanelColumnCenter: dt,
-  imageCommonPanelInline: ht,
-  imageCommonPanelSpan2: ft,
-  imageCommonPanelSpan3: pt,
-  imageCommonPanelInput: Ct
-}, wt = (i) => {
+}, st = "univer-image-common-panel", ot = "univer-image-common-panel-grid", ct = "univer-image-common-panel-border", lt = "univer-image-common-panel-title", mt = "univer-image-common-panel-subtitle", gt = "univer-image-common-panel-row", ut = "univer-image-common-panel-row-vertical", dt = "univer-image-common-panel-column", ht = "univer-image-common-panel-column-center", ft = "univer-image-common-panel-inline", pt = "univer-image-common-panel-span2", Ct = "univer-image-common-panel-span3", wt = "univer-image-common-panel-input", u = {
+  imageCommonPanel: st,
+  imageCommonPanelGrid: ot,
+  imageCommonPanelBorder: ct,
+  imageCommonPanelTitle: lt,
+  imageCommonPanelSubtitle: mt,
+  imageCommonPanelRow: gt,
+  imageCommonPanelRowVertical: ut,
+  imageCommonPanelColumn: dt,
+  imageCommonPanelColumnCenter: ht,
+  imageCommonPanelInline: ft,
+  imageCommonPanelSpan2: pt,
+  imageCommonPanelSpan3: Ct,
+  imageCommonPanelInput: wt
+}, _t = (i) => {
   const t = L(me), n = L(ne), { alignShow: e } = i, [r, s] = H(R.default), a = [
     {
       label: n.t("image-panel.align.default"),
@@ -282,14 +282,14 @@ const Ze = {
     }
   ];
   function o(g) {
-    s(g), t.executeCommand(Ze.id, {
+    s(g), t.executeCommand(Xe.id, {
       alignType: g
     });
   }
   const c = (g) => g ? "block" : "none";
   return /* @__PURE__ */ l.jsxs("div", { className: O(u.imageCommonPanelGrid, u.imageCommonPanelBorder), style: { display: c(e) }, children: [
     /* @__PURE__ */ l.jsx("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ l.jsx("div", { className: O(u.imageCommonPanelColumn, u.imageCommonPanelTitle), children: /* @__PURE__ */ l.jsx("div", { children: n.t("image-panel.align.title") }) }) }),
-    /* @__PURE__ */ l.jsx("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ l.jsx("div", { className: O(u.imageCommonPanelColumn), children: /* @__PURE__ */ l.jsx(un, { value: r, options: a, onChange: o }) }) })
+    /* @__PURE__ */ l.jsx("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ l.jsx("div", { className: O(u.imageCommonPanelColumn), children: /* @__PURE__ */ l.jsx(dn, { value: r, options: a, onChange: o }) }) })
   ] });
 };
 var $ = function() {
@@ -308,15 +308,15 @@ var $ = function() {
       t.indexOf(e[r]) < 0 && Object.prototype.propertyIsEnumerable.call(i, e[r]) && (n[e[r]] = i[e[r]]);
   return n;
 }, X = Y(function(i, t) {
-  var n = i.icon, e = i.id, r = i.className, s = i.extend, a = vt(i, ["icon", "id", "className", "extend"]), o = "univerjs-icon univerjs-icon-".concat(e, " ").concat(r || "").trim(), c = gn("_".concat(bt()));
-  return pn(n, "".concat(e), { defIds: n.defIds, idSuffix: c.current }, $({ ref: t, className: o }, a), s);
+  var n = i.icon, e = i.id, r = i.className, s = i.extend, a = vt(i, ["icon", "id", "className", "extend"]), o = "univerjs-icon univerjs-icon-".concat(e, " ").concat(r || "").trim(), c = un("_".concat(It()));
+  return Cn(n, "".concat(e), { defIds: n.defIds, idSuffix: c.current }, $({ ref: t, className: o }, a), s);
 });
-function pn(i, t, n, e, r) {
-  return Z(i.tag, $($({ key: t }, _t(i, n, r)), e), (St(i, n).children || []).map(function(s, a) {
-    return pn(s, "".concat(t, "-").concat(i.tag, "-").concat(a), n, void 0, r);
+function Cn(i, t, n, e, r) {
+  return Z(i.tag, $($({ key: t }, St(i, n, r)), e), (bt(i, n).children || []).map(function(s, a) {
+    return Cn(s, "".concat(t, "-").concat(i.tag, "-").concat(a), n, void 0, r);
   }));
 }
-function _t(i, t, n) {
+function St(i, t, n) {
   var e = $({}, i.attrs);
   n != null && n.colorChannel1 && e.fill === "colorChannel1" && (e.fill = n.colorChannel1);
   var r = t.defIds;
@@ -325,89 +325,89 @@ function _t(i, t, n) {
     typeof o == "string" && (e[a] = o.replace(/url\(#(.*)\)/, "url(#$1".concat(t.idSuffix, ")")));
   })), e;
 }
-function St(i, t) {
+function bt(i, t) {
   var n, e = t.defIds;
   return !e || e.length === 0 ? i : i.tag === "defs" && (!((n = i.children) === null || n === void 0) && n.length) ? $($({}, i), { children: i.children.map(function(r) {
     return typeof r.attrs.id == "string" && e && e.indexOf(r.attrs.id) > -1 ? $($({}, r), { attrs: $($({}, r.attrs), { id: r.attrs.id + t.idSuffix }) }) : r;
   }) }) : i;
 }
-function bt() {
+function It() {
   return Math.random().toString(36).substring(2, 8);
 }
 X.displayName = "UniverIcon";
-var It = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "colorChannel1", d: "M11.0363 12.2367V14.0367C11.0363 14.3681 11.3049 14.6367 11.6363 14.6367C11.9676 14.6367 12.2363 14.3681 12.2363 14.0367V12.2367H14.0364C14.3677 12.2367 14.6364 11.9681 14.6364 11.6367C14.6364 11.3054 14.3677 11.0367 14.0364 11.0367H12.2363V9.23672C12.2363 8.90535 11.9676 8.63672 11.6363 8.63672C11.3049 8.63672 11.0363 8.90535 11.0363 9.23672V11.0367H9.23635C8.90498 11.0367 8.63635 11.3054 8.63635 11.6367C8.63635 11.9681 8.90498 12.2367 9.23635 12.2367H11.0363Z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M2.56365 1.36377C1.90091 1.36377 1.36365 1.90103 1.36365 2.56377V6.16377C1.36365 6.82651 1.90091 7.36377 2.56365 7.36377H6.16365C6.82639 7.36377 7.36365 6.82651 7.36365 6.16377V2.56377C7.36365 1.90103 6.82639 1.36377 6.16365 1.36377H2.56365zM6.16365 2.56377H2.56365L2.56365 6.16377H6.16365V2.56377zM2.56365 8.63647C1.90091 8.63647 1.36365 9.17373 1.36365 9.83647V13.4365C1.36365 14.0992 1.90091 14.6365 2.56365 14.6365H6.16365C6.82639 14.6365 7.36365 14.0992 7.36365 13.4365V9.83647C7.36365 9.17373 6.82639 8.63647 6.16365 8.63647H2.56365zM6.16365 9.83647H2.56365L2.56365 13.4365H6.16365V9.83647zM9.83635 7.36377C9.17361 7.36377 8.63635 6.82651 8.63635 6.16377V2.56377C8.63635 1.90103 9.17361 1.36377 9.83635 1.36377H13.4364C14.0991 1.36377 14.6364 1.90103 14.6364 2.56377V6.16377C14.6364 6.82651 14.0991 7.36377 13.4364 7.36377H9.83635zM9.83635 6.16377V2.56377L13.4364 2.56377V6.16377H9.83635z", fillRule: "evenodd", clipRule: "evenodd" } }] }, Cn = Y(function(i, t) {
+var Pt = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "colorChannel1", d: "M11.0363 12.2367V14.0367C11.0363 14.3681 11.3049 14.6367 11.6363 14.6367C11.9676 14.6367 12.2363 14.3681 12.2363 14.0367V12.2367H14.0364C14.3677 12.2367 14.6364 11.9681 14.6364 11.6367C14.6364 11.3054 14.3677 11.0367 14.0364 11.0367H12.2363V9.23672C12.2363 8.90535 11.9676 8.63672 11.6363 8.63672C11.3049 8.63672 11.0363 8.90535 11.0363 9.23672V11.0367H9.23635C8.90498 11.0367 8.63635 11.3054 8.63635 11.6367C8.63635 11.9681 8.90498 12.2367 9.23635 12.2367H11.0363Z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M2.56365 1.36377C1.90091 1.36377 1.36365 1.90103 1.36365 2.56377V6.16377C1.36365 6.82651 1.90091 7.36377 2.56365 7.36377H6.16365C6.82639 7.36377 7.36365 6.82651 7.36365 6.16377V2.56377C7.36365 1.90103 6.82639 1.36377 6.16365 1.36377H2.56365zM6.16365 2.56377H2.56365L2.56365 6.16377H6.16365V2.56377zM2.56365 8.63647C1.90091 8.63647 1.36365 9.17373 1.36365 9.83647V13.4365C1.36365 14.0992 1.90091 14.6365 2.56365 14.6365H6.16365C6.82639 14.6365 7.36365 14.0992 7.36365 13.4365V9.83647C7.36365 9.17373 6.82639 8.63647 6.16365 8.63647H2.56365zM6.16365 9.83647H2.56365L2.56365 13.4365H6.16365V9.83647zM9.83635 7.36377C9.17361 7.36377 8.63635 6.82651 8.63635 6.16377V2.56377C8.63635 1.90103 9.17361 1.36377 9.83635 1.36377H13.4364C14.0991 1.36377 14.6364 1.90103 14.6364 2.56377V6.16377C14.6364 6.82651 14.0991 7.36377 13.4364 7.36377H9.83635zM9.83635 6.16377V2.56377L13.4364 2.56377V6.16377H9.83635z", fillRule: "evenodd", clipRule: "evenodd" } }] }, wn = Y(function(i, t) {
   return Z(X, Object.assign({}, i, {
     id: "autofill",
     ref: t,
-    icon: It
+    icon: Pt
   }));
 });
-Cn.displayName = "Autofill";
-var Pt = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 17 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M14.0045 4.4334C14.8881 4.4334 15.6045 3.71705 15.6045 2.8334 15.6045 1.94974 14.8881 1.2334 14.0045 1.2334H3.70449C2.82084 1.2334 2.10449 1.94974 2.10449 2.8334 2.10449 3.71705 2.82084 4.4334 3.70449 4.4334H14.0045zM14.4045 2.8334C14.4045 3.05431 14.2254 3.2334 14.0045 3.2334H3.70449C3.48358 3.2334 3.30449 3.05431 3.30449 2.8334 3.30449 2.61248 3.48358 2.4334 3.70449 2.4334H14.0045C14.2254 2.4334 14.4045 2.61249 14.4045 2.8334zM14.1544 8.5999C15.038 8.5999 15.7544 7.88356 15.7544 6.9999 15.7544 6.11625 15.038 5.3999 14.1544 5.3999H3.85439C2.97074 5.3999 2.25439 6.11625 2.25439 6.9999 2.25439 7.88356 2.97074 8.5999 3.85439 8.5999H14.1544zM14.5544 6.9999C14.5544 7.22082 14.3753 7.3999 14.1544 7.3999H3.85439C3.63348 7.3999 3.45439 7.22082 3.45439 6.9999 3.45439 6.77899 3.63348 6.5999 3.85439 6.5999H14.1544C14.3753 6.5999 14.5544 6.77899 14.5544 6.9999z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M8.57975 14.5902L6.58023 12.5907C6.34591 12.3564 6.34591 11.9765 6.58023 11.7421 6.81454 11.5078 7.19444 11.5078 7.42876 11.7421L8.40449 12.7179V10.1664C8.40449 9.83504 8.67312 9.56641 9.00449 9.56641 9.33586 9.56641 9.60449 9.83504 9.60449 10.1664V12.7179L10.5802 11.7421C10.8145 11.5078 11.1944 11.5078 11.4288 11.7421 11.6631 11.9765 11.6631 12.3564 11.4288 12.5907L9.42923 14.5902M8.57975 14.5902C8.58121 14.5917 8.58268 14.5931 8.58416 14.5946 8.64077 14.6502 8.70566 14.6923 8.77482 14.7209 8.84557 14.7502 8.92314 14.7664 9.00449 14.7664 9.08585 14.7664 9.16342 14.7502 9.23416 14.7209 9.30332 14.6923 9.36821 14.6502 9.42482 14.5946" } }] }, wn = Y(function(i, t) {
+wn.displayName = "Autofill";
+var yt = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 17 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M14.0045 4.4334C14.8881 4.4334 15.6045 3.71705 15.6045 2.8334 15.6045 1.94974 14.8881 1.2334 14.0045 1.2334H3.70449C2.82084 1.2334 2.10449 1.94974 2.10449 2.8334 2.10449 3.71705 2.82084 4.4334 3.70449 4.4334H14.0045zM14.4045 2.8334C14.4045 3.05431 14.2254 3.2334 14.0045 3.2334H3.70449C3.48358 3.2334 3.30449 3.05431 3.30449 2.8334 3.30449 2.61248 3.48358 2.4334 3.70449 2.4334H14.0045C14.2254 2.4334 14.4045 2.61249 14.4045 2.8334zM14.1544 8.5999C15.038 8.5999 15.7544 7.88356 15.7544 6.9999 15.7544 6.11625 15.038 5.3999 14.1544 5.3999H3.85439C2.97074 5.3999 2.25439 6.11625 2.25439 6.9999 2.25439 7.88356 2.97074 8.5999 3.85439 8.5999H14.1544zM14.5544 6.9999C14.5544 7.22082 14.3753 7.3999 14.1544 7.3999H3.85439C3.63348 7.3999 3.45439 7.22082 3.45439 6.9999 3.45439 6.77899 3.63348 6.5999 3.85439 6.5999H14.1544C14.3753 6.5999 14.5544 6.77899 14.5544 6.9999z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M8.57975 14.5902L6.58023 12.5907C6.34591 12.3564 6.34591 11.9765 6.58023 11.7421 6.81454 11.5078 7.19444 11.5078 7.42876 11.7421L8.40449 12.7179V10.1664C8.40449 9.83504 8.67312 9.56641 9.00449 9.56641 9.33586 9.56641 9.60449 9.83504 9.60449 10.1664V12.7179L10.5802 11.7421C10.8145 11.5078 11.1944 11.5078 11.4288 11.7421 11.6631 11.9765 11.6631 12.3564 11.4288 12.5907L9.42923 14.5902M8.57975 14.5902C8.58121 14.5917 8.58268 14.5931 8.58416 14.5946 8.64077 14.6502 8.70566 14.6923 8.77482 14.7209 8.84557 14.7502 8.92314 14.7664 9.00449 14.7664 9.08585 14.7664 9.16342 14.7502 9.23416 14.7209 9.30332 14.6923 9.36821 14.6502 9.42482 14.5946" } }] }, _n = Y(function(i, t) {
   return Z(X, Object.assign({}, i, {
     id: "bottom-single",
     ref: t,
-    icon: Pt
+    icon: yt
   }));
 });
-wn.displayName = "BottomSingle";
-var yt = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M5.97705 7.51296C5.97705 7.18159 6.24568 6.91296 6.57705 6.91296H8.48632C8.81769 6.91296 9.08632 7.18159 9.08632 7.51296 9.08632 7.84433 8.81769 8.11296 8.48632 8.11296H6.57705C6.24568 8.11296 5.97705 7.84433 5.97705 7.51296zM6.57705 9.41028C6.24568 9.41028 5.97705 9.67891 5.97705 10.0103 5.97705 10.3416 6.24568 10.6103 6.57705 10.6103H10.8199C11.1512 10.6103 11.4199 10.3416 11.4199 10.0103 11.4199 9.67891 11.1512 9.41028 10.8199 9.41028H6.57705z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M3.51074 2.37063C3.51074 1.48697 4.22709 0.77063 5.11074 0.77063H9.80318L9.81294 0.770708C9.97168 0.768161 10.1311 0.82824 10.2511 0.95055L14.4317 5.21408C14.5165 5.30049 14.5697 5.406 14.5917 5.51645C14.6041 5.5644 14.6106 5.61467 14.6106 5.66648V11.6406C14.6106 12.5243 13.8943 13.2406 13.0106 13.2406H5.11074C4.22709 13.2406 3.51074 12.5243 3.51074 11.6406V2.37063ZM10.4032 4.66648V2.81964L12.6063 5.06648H10.8032C10.5823 5.06648 10.4032 4.88739 10.4032 4.66648ZM5.11074 1.97063C4.88983 1.97063 4.71074 2.14972 4.71074 2.37063V11.6406C4.71074 11.8615 4.88983 12.0406 5.11074 12.0406H13.0106C13.2316 12.0406 13.4106 11.8615 13.4106 11.6406V6.26648H10.8032C9.91953 6.26648 9.20318 5.55013 9.20318 4.66648V1.97063H5.11074Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M2.58916 6.6741C2.58916 6.34273 2.32053 6.0741 1.98916 6.0741C1.65779 6.0741 1.38916 6.34273 1.38916 6.6741V12.6294C1.38916 14.0653 2.55322 15.2294 3.98916 15.2294H9.41408C9.74545 15.2294 10.0141 14.9607 10.0141 14.6294C10.0141 14.298 9.74545 14.0294 9.41408 14.0294H3.98916C3.21596 14.0294 2.58916 13.4026 2.58916 12.6294V6.6741Z" } }] }, vn = Y(function(i, t) {
+_n.displayName = "BottomSingle";
+var Rt = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M5.97705 7.51296C5.97705 7.18159 6.24568 6.91296 6.57705 6.91296H8.48632C8.81769 6.91296 9.08632 7.18159 9.08632 7.51296 9.08632 7.84433 8.81769 8.11296 8.48632 8.11296H6.57705C6.24568 8.11296 5.97705 7.84433 5.97705 7.51296zM6.57705 9.41028C6.24568 9.41028 5.97705 9.67891 5.97705 10.0103 5.97705 10.3416 6.24568 10.6103 6.57705 10.6103H10.8199C11.1512 10.6103 11.4199 10.3416 11.4199 10.0103 11.4199 9.67891 11.1512 9.41028 10.8199 9.41028H6.57705z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M3.51074 2.37063C3.51074 1.48697 4.22709 0.77063 5.11074 0.77063H9.80318L9.81294 0.770708C9.97168 0.768161 10.1311 0.82824 10.2511 0.95055L14.4317 5.21408C14.5165 5.30049 14.5697 5.406 14.5917 5.51645C14.6041 5.5644 14.6106 5.61467 14.6106 5.66648V11.6406C14.6106 12.5243 13.8943 13.2406 13.0106 13.2406H5.11074C4.22709 13.2406 3.51074 12.5243 3.51074 11.6406V2.37063ZM10.4032 4.66648V2.81964L12.6063 5.06648H10.8032C10.5823 5.06648 10.4032 4.88739 10.4032 4.66648ZM5.11074 1.97063C4.88983 1.97063 4.71074 2.14972 4.71074 2.37063V11.6406C4.71074 11.8615 4.88983 12.0406 5.11074 12.0406H13.0106C13.2316 12.0406 13.4106 11.8615 13.4106 11.6406V6.26648H10.8032C9.91953 6.26648 9.20318 5.55013 9.20318 4.66648V1.97063H5.11074Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M2.58916 6.6741C2.58916 6.34273 2.32053 6.0741 1.98916 6.0741C1.65779 6.0741 1.38916 6.34273 1.38916 6.6741V12.6294C1.38916 14.0653 2.55322 15.2294 3.98916 15.2294H9.41408C9.74545 15.2294 10.0141 14.9607 10.0141 14.6294C10.0141 14.298 9.74545 14.0294 9.41408 14.0294H3.98916C3.21596 14.0294 2.58916 13.4026 2.58916 12.6294V6.6741Z" } }] }, vn = Y(function(i, t) {
   return Z(X, Object.assign({}, i, {
     id: "create-copy-single",
     ref: t,
-    icon: yt
+    icon: Rt
   }));
 });
 vn.displayName = "CreateCopySingle";
-var Rt = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 17 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M7.38125 1.16211C6.49759 1.16211 5.78125 1.87845 5.78125 2.76211V5.6377H2.87783C1.99418 5.6377 1.27783 6.35404 1.27783 7.2377V13.2377C1.27783 14.1214 1.99418 14.8377 2.87783 14.8377H8.87783C9.76149 14.8377 10.4778 14.1214 10.4778 13.2377V10.3621H13.3813C14.2649 10.3621 14.9813 9.64577 14.9813 8.76211V2.76211C14.9813 1.87845 14.2649 1.16211 13.3813 1.16211H7.38125ZM10.4778 9.16211H13.3813C13.6022 9.16211 13.7812 8.98302 13.7812 8.76211V2.76211C13.7812 2.5412 13.6022 2.36211 13.3813 2.36211H7.38125C7.16034 2.36211 6.98125 2.5412 6.98125 2.76211V5.6377H8.87783C9.76149 5.6377 10.4778 6.35404 10.4778 7.2377V9.16211ZM6.98125 6.8377H8.87783C9.09875 6.8377 9.27783 7.01678 9.27783 7.2377V9.16211H7.38125C7.16034 9.16211 6.98125 8.98302 6.98125 8.76211V6.8377ZM5.78125 6.8377V8.76211C5.78125 9.64577 6.49759 10.3621 7.38125 10.3621H9.27783V13.2377C9.27783 13.4586 9.09875 13.6377 8.87783 13.6377H2.87783C2.65692 13.6377 2.47783 13.4586 2.47783 13.2377V7.2377C2.47783 7.01678 2.65692 6.8377 2.87783 6.8377H5.78125Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, _n = Y(function(i, t) {
+var jt = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 17 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M7.38125 1.16211C6.49759 1.16211 5.78125 1.87845 5.78125 2.76211V5.6377H2.87783C1.99418 5.6377 1.27783 6.35404 1.27783 7.2377V13.2377C1.27783 14.1214 1.99418 14.8377 2.87783 14.8377H8.87783C9.76149 14.8377 10.4778 14.1214 10.4778 13.2377V10.3621H13.3813C14.2649 10.3621 14.9813 9.64577 14.9813 8.76211V2.76211C14.9813 1.87845 14.2649 1.16211 13.3813 1.16211H7.38125ZM10.4778 9.16211H13.3813C13.6022 9.16211 13.7812 8.98302 13.7812 8.76211V2.76211C13.7812 2.5412 13.6022 2.36211 13.3813 2.36211H7.38125C7.16034 2.36211 6.98125 2.5412 6.98125 2.76211V5.6377H8.87783C9.76149 5.6377 10.4778 6.35404 10.4778 7.2377V9.16211ZM6.98125 6.8377H8.87783C9.09875 6.8377 9.27783 7.01678 9.27783 7.2377V9.16211H7.38125C7.16034 9.16211 6.98125 8.98302 6.98125 8.76211V6.8377ZM5.78125 6.8377V8.76211C5.78125 9.64577 6.49759 10.3621 7.38125 10.3621H9.27783V13.2377C9.27783 13.4586 9.09875 13.6377 8.87783 13.6377H2.87783C2.65692 13.6377 2.47783 13.4586 2.47783 13.2377V7.2377C2.47783 7.01678 2.65692 6.8377 2.87783 6.8377H5.78125Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, Sn = Y(function(i, t) {
   return Z(X, Object.assign({}, i, {
     id: "group-single",
     ref: t,
-    icon: Rt
+    icon: jt
   }));
 });
-_n.displayName = "GroupSingle";
-var jt = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M11.3536 6.14645C11.5488 6.34171 11.5488 6.65829 11.3536 6.85355L8.35355 9.85355C8.15829 10.0488 7.84171 10.0488 7.64645 9.85355L4.64645 6.85355C4.45118 6.65829 4.45118 6.34171 4.64645 6.14645C4.84171 5.95118 5.15829 5.95118 5.35355 6.14645L8 8.79289L10.6464 6.14645C10.8417 5.95118 11.1583 5.95118 11.3536 6.14645Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, Sn = Y(function(i, t) {
+Sn.displayName = "GroupSingle";
+var xt = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M11.3536 6.14645C11.5488 6.34171 11.5488 6.65829 11.3536 6.85355L8.35355 9.85355C8.15829 10.0488 7.84171 10.0488 7.64645 9.85355L4.64645 6.85355C4.45118 6.65829 4.45118 6.34171 4.64645 6.14645C4.84171 5.95118 5.15829 5.95118 5.35355 6.14645L8 8.79289L10.6464 6.14645C10.8417 5.95118 11.1583 5.95118 11.3536 6.14645Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, bn = Y(function(i, t) {
   return Z(X, Object.assign({}, i, {
     id: "more-down-single",
     ref: t,
-    icon: jt
+    icon: xt
   }));
 });
-Sn.displayName = "MoreDownSingle";
-var Mt = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M1.25 2.96401C1.25 3.84767 1.96634 4.56401 2.85 4.56401H13.15C14.0337 4.56401 14.75 3.84767 14.75 2.96401C14.75 2.08036 14.0337 1.36401 13.15 1.36401H2.85C1.96635 1.36401 1.25 2.08036 1.25 2.96401ZM2.85 3.36401C2.62909 3.36401 2.45 3.18493 2.45 2.96401C2.45 2.7431 2.62909 2.56401 2.85 2.56401H13.15C13.3709 2.56401 13.55 2.7431 13.55 2.96401C13.55 3.18493 13.3709 3.36401 13.15 3.36401H2.85Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M5.57564 11.6118C5.80995 11.3774 6.18985 11.3774 6.42417 11.6118L7.3999 12.5875V6.36951C7.3999 6.03814 7.66853 5.76951 7.9999 5.76951C8.33127 5.76951 8.5999 6.03814 8.5999 6.36951V12.5875L9.57564 11.6118C9.80995 11.3774 10.1899 11.3774 10.4242 11.6118C10.6585 11.8461 10.6585 12.226 10.4242 12.4603L8.4324 14.452C8.32324 14.5655 8.16982 14.6362 7.9999 14.6362C7.82998 14.6362 7.67655 14.5655 7.56739 14.452L5.57564 12.4603C5.34132 12.226 5.34132 11.8461 5.57564 11.6118Z" } }] }, bn = Y(function(i, t) {
+bn.displayName = "MoreDownSingle";
+var Mt = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M1.25 2.96401C1.25 3.84767 1.96634 4.56401 2.85 4.56401H13.15C14.0337 4.56401 14.75 3.84767 14.75 2.96401C14.75 2.08036 14.0337 1.36401 13.15 1.36401H2.85C1.96635 1.36401 1.25 2.08036 1.25 2.96401ZM2.85 3.36401C2.62909 3.36401 2.45 3.18493 2.45 2.96401C2.45 2.7431 2.62909 2.56401 2.85 2.56401H13.15C13.3709 2.56401 13.55 2.7431 13.55 2.96401C13.55 3.18493 13.3709 3.36401 13.15 3.36401H2.85Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M5.57564 11.6118C5.80995 11.3774 6.18985 11.3774 6.42417 11.6118L7.3999 12.5875V6.36951C7.3999 6.03814 7.66853 5.76951 7.9999 5.76951C8.33127 5.76951 8.5999 6.03814 8.5999 6.36951V12.5875L9.57564 11.6118C9.80995 11.3774 10.1899 11.3774 10.4242 11.6118C10.6585 11.8461 10.6585 12.226 10.4242 12.4603L8.4324 14.452C8.32324 14.5655 8.16982 14.6362 7.9999 14.6362C7.82998 14.6362 7.67655 14.5655 7.56739 14.452L5.57564 12.4603C5.34132 12.226 5.34132 11.8461 5.57564 11.6118Z" } }] }, In = Y(function(i, t) {
   return Z(X, Object.assign({}, i, {
     id: "move-down-single",
     ref: t,
     icon: Mt
   }));
 });
-bn.displayName = "MoveDownSingle";
-var xt = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M1.25 13.036C1.25 12.1523 1.96634 11.436 2.85 11.436H13.15C14.0337 11.436 14.75 12.1523 14.75 13.036C14.75 13.9196 14.0337 14.636 13.15 14.636H2.85C1.96635 14.636 1.25 13.9196 1.25 13.036ZM2.85 12.636C2.62909 12.636 2.45 12.8151 2.45 13.036C2.45 13.2569 2.62909 13.436 2.85 13.436H13.15C13.3709 13.436 13.55 13.2569 13.55 13.036C13.55 12.8151 13.3709 12.636 13.15 12.636H2.85Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M5.57564 4.38825C5.80995 4.62256 6.18985 4.62256 6.42417 4.38825L7.3999 3.41251V9.63049C7.3999 9.96186 7.66853 10.2305 7.9999 10.2305C8.33127 10.2305 8.5999 9.96186 8.5999 9.63049V3.41251L9.57564 4.38825C9.80995 4.62256 10.1899 4.62256 10.4242 4.38825C10.6585 4.15393 10.6585 3.77403 10.4242 3.53972L8.4324 1.54796C8.32324 1.43445 8.16982 1.36382 7.9999 1.36382C7.82998 1.36382 7.67655 1.43446 7.56739 1.54797L5.57564 3.53972C5.34132 3.77403 5.34132 4.15393 5.57564 4.38825Z" } }] }, In = Y(function(i, t) {
+In.displayName = "MoveDownSingle";
+var Ot = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M1.25 13.036C1.25 12.1523 1.96634 11.436 2.85 11.436H13.15C14.0337 11.436 14.75 12.1523 14.75 13.036C14.75 13.9196 14.0337 14.636 13.15 14.636H2.85C1.96635 14.636 1.25 13.9196 1.25 13.036ZM2.85 12.636C2.62909 12.636 2.45 12.8151 2.45 13.036C2.45 13.2569 2.62909 13.436 2.85 13.436H13.15C13.3709 13.436 13.55 13.2569 13.55 13.036C13.55 12.8151 13.3709 12.636 13.15 12.636H2.85Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M5.57564 4.38825C5.80995 4.62256 6.18985 4.62256 6.42417 4.38825L7.3999 3.41251V9.63049C7.3999 9.96186 7.66853 10.2305 7.9999 10.2305C8.33127 10.2305 8.5999 9.96186 8.5999 9.63049V3.41251L9.57564 4.38825C9.80995 4.62256 10.1899 4.62256 10.4242 4.38825C10.6585 4.15393 10.6585 3.77403 10.4242 3.53972L8.4324 1.54796C8.32324 1.43445 8.16982 1.36382 7.9999 1.36382C7.82998 1.36382 7.67655 1.43446 7.56739 1.54797L5.57564 3.53972C5.34132 3.77403 5.34132 4.15393 5.57564 4.38825Z" } }] }, Pn = Y(function(i, t) {
   return Z(X, Object.assign({}, i, {
     id: "move-up-single",
     ref: t,
-    icon: xt
+    icon: Ot
   }));
 });
-In.displayName = "MoveUpSingle";
-var Ot = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 17 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M7.82994 1.40913C7.88746 1.35161 7.95376 1.30821 8.02453 1.27893C8.09527 1.24959 8.17285 1.2334 8.2542 1.2334C8.33555 1.2334 8.41313 1.24959 8.48387 1.27893C8.55464 1.30821 8.62094 1.35161 8.67846 1.40913L10.6785 3.40913C10.9128 3.64345 10.9128 4.02335 10.6785 4.25766C10.4441 4.49198 10.0642 4.49198 9.82994 4.25766L8.8542 3.28193V5.8334C8.8542 6.16477 8.58557 6.4334 8.2542 6.4334C7.92283 6.4334 7.6542 6.16477 7.6542 5.8334V3.28193L6.67846 4.25766C6.44415 4.49198 6.06425 4.49198 5.82994 4.25766C5.59562 4.02335 5.59562 3.64345 5.82994 3.40913L7.82994 1.40913Z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M1.50439 9C1.50439 8.11634 2.22074 7.4 3.10439 7.4H13.4044C14.288 7.4 15.0044 8.11634 15.0044 9 15.0044 9.88366 14.2881 10.6 13.4044 10.6H3.1044C2.22074 10.6 1.50439 9.88366 1.50439 9zM3.10439 8.6C2.88348 8.6 2.70439 8.77909 2.70439 9 2.70439 9.22091 2.88348 9.4 3.1044 9.4H13.4044C13.6253 9.4 13.8044 9.22091 13.8044 9 13.8044 8.77909 13.6253 8.6 13.4044 8.6H3.10439zM1.6543 13.1665C1.6543 12.2828 2.37064 11.5665 3.2543 11.5665H13.5543C14.438 11.5665 15.1543 12.2828 15.1543 13.1665 15.1543 14.0502 14.438 14.7665 13.5543 14.7665H3.2543C2.37064 14.7665 1.6543 14.0502 1.6543 13.1665zM3.2543 12.7665C3.03338 12.7665 2.8543 12.9456 2.8543 13.1665 2.8543 13.3874 3.03338 13.5665 3.2543 13.5665H13.5543C13.7752 13.5665 13.9543 13.3874 13.9543 13.1665 13.9543 12.9456 13.7752 12.7665 13.5543 12.7665H3.2543z", fillRule: "evenodd", clipRule: "evenodd" } }] }, Pn = Y(function(i, t) {
+Pn.displayName = "MoveUpSingle";
+var Nt = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 17 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M7.82994 1.40913C7.88746 1.35161 7.95376 1.30821 8.02453 1.27893C8.09527 1.24959 8.17285 1.2334 8.2542 1.2334C8.33555 1.2334 8.41313 1.24959 8.48387 1.27893C8.55464 1.30821 8.62094 1.35161 8.67846 1.40913L10.6785 3.40913C10.9128 3.64345 10.9128 4.02335 10.6785 4.25766C10.4441 4.49198 10.0642 4.49198 9.82994 4.25766L8.8542 3.28193V5.8334C8.8542 6.16477 8.58557 6.4334 8.2542 6.4334C7.92283 6.4334 7.6542 6.16477 7.6542 5.8334V3.28193L6.67846 4.25766C6.44415 4.49198 6.06425 4.49198 5.82994 4.25766C5.59562 4.02335 5.59562 3.64345 5.82994 3.40913L7.82994 1.40913Z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M1.50439 9C1.50439 8.11634 2.22074 7.4 3.10439 7.4H13.4044C14.288 7.4 15.0044 8.11634 15.0044 9 15.0044 9.88366 14.2881 10.6 13.4044 10.6H3.1044C2.22074 10.6 1.50439 9.88366 1.50439 9zM3.10439 8.6C2.88348 8.6 2.70439 8.77909 2.70439 9 2.70439 9.22091 2.88348 9.4 3.1044 9.4H13.4044C13.6253 9.4 13.8044 9.22091 13.8044 9 13.8044 8.77909 13.6253 8.6 13.4044 8.6H3.10439zM1.6543 13.1665C1.6543 12.2828 2.37064 11.5665 3.2543 11.5665H13.5543C14.438 11.5665 15.1543 12.2828 15.1543 13.1665 15.1543 14.0502 14.438 14.7665 13.5543 14.7665H3.2543C2.37064 14.7665 1.6543 14.0502 1.6543 13.1665zM3.2543 12.7665C3.03338 12.7665 2.8543 12.9456 2.8543 13.1665 2.8543 13.3874 3.03338 13.5665 3.2543 13.5665H13.5543C13.7752 13.5665 13.9543 13.3874 13.9543 13.1665 13.9543 12.9456 13.7752 12.7665 13.5543 12.7665H3.2543z", fillRule: "evenodd", clipRule: "evenodd" } }] }, yn = Y(function(i, t) {
   return Z(X, Object.assign({}, i, {
     id: "topmost-single",
     ref: t,
-    icon: Ot
+    icon: Nt
   }));
 });
-Pn.displayName = "TopmostSingle";
-var Nt = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 17 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M7.46855 2.83731C7.46855 2.61639 7.64764 2.4373 7.86855 2.4373H13.8603C14.0812 2.4373 14.2603 2.61639 14.2603 2.8373V9.5049C14.2603 9.72581 14.0812 9.90489 13.8603 9.90489H12.866C12.5346 9.90489 12.266 10.1735 12.266 10.5049C12.266 10.8363 12.5346 11.1049 12.866 11.1049H13.8603C14.7439 11.1049 15.4603 10.3886 15.4603 9.5049V2.8373C15.4603 1.95365 14.7439 1.2373 13.8603 1.2373H7.86855C6.9849 1.2373 6.26855 1.95365 6.26855 2.83731V3.48688C6.26855 3.81825 6.53718 4.08688 6.86855 4.08688C7.19993 4.08688 7.46855 3.81825 7.46855 3.48688V2.83731Z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M3.19888 5.56299C2.31522 5.56299 1.59888 6.27933 1.59888 7.16299V13.163C1.59888 14.0466 2.31522 14.763 3.19888 14.763H9.19888C10.0825 14.763 10.7989 14.0466 10.7989 13.163V7.16299C10.7989 6.27933 10.0825 5.56299 9.19888 5.56299H3.19888ZM2.79888 7.16299C2.79888 6.94207 2.97796 6.76299 3.19888 6.76299H9.19888C9.41979 6.76299 9.59888 6.94207 9.59888 7.16299V13.163C9.59888 13.3839 9.41979 13.563 9.19888 13.563H3.19888C2.97796 13.563 2.79888 13.3839 2.79888 13.163V7.16299Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, yn = Y(function(i, t) {
+yn.displayName = "TopmostSingle";
+var Dt = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 17 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M7.46855 2.83731C7.46855 2.61639 7.64764 2.4373 7.86855 2.4373H13.8603C14.0812 2.4373 14.2603 2.61639 14.2603 2.8373V9.5049C14.2603 9.72581 14.0812 9.90489 13.8603 9.90489H12.866C12.5346 9.90489 12.266 10.1735 12.266 10.5049C12.266 10.8363 12.5346 11.1049 12.866 11.1049H13.8603C14.7439 11.1049 15.4603 10.3886 15.4603 9.5049V2.8373C15.4603 1.95365 14.7439 1.2373 13.8603 1.2373H7.86855C6.9849 1.2373 6.26855 1.95365 6.26855 2.83731V3.48688C6.26855 3.81825 6.53718 4.08688 6.86855 4.08688C7.19993 4.08688 7.46855 3.81825 7.46855 3.48688V2.83731Z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M3.19888 5.56299C2.31522 5.56299 1.59888 6.27933 1.59888 7.16299V13.163C1.59888 14.0466 2.31522 14.763 3.19888 14.763H9.19888C10.0825 14.763 10.7989 14.0466 10.7989 13.163V7.16299C10.7989 6.27933 10.0825 5.56299 9.19888 5.56299H3.19888ZM2.79888 7.16299C2.79888 6.94207 2.97796 6.76299 3.19888 6.76299H9.19888C9.41979 6.76299 9.59888 6.94207 9.59888 7.16299V13.163C9.59888 13.3839 9.41979 13.563 9.19888 13.563H3.19888C2.97796 13.563 2.79888 13.3839 2.79888 13.163V7.16299Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, Rn = Y(function(i, t) {
   return Z(X, Object.assign({}, i, {
     id: "ungroup-single",
     ref: t,
-    icon: Nt
+    icon: Dt
   }));
 });
-yn.displayName = "UngroupSingle";
-const Dt = (i) => {
+Rn.displayName = "UngroupSingle";
+const Et = (i) => {
   const { arrangeShow: t, drawings: n } = i, e = L(ne), r = L(te), s = (g) => g ? "block" : "none", [a, o] = H(n);
   Se(() => {
     const g = r.focus$.subscribe((m) => {
@@ -427,13 +427,13 @@ const Dt = (i) => {
       /* @__PURE__ */ l.jsx("div", { className: O(u.imageCommonPanelColumn, u.imageCommonPanelSpan2), children: /* @__PURE__ */ l.jsx(ce, { size: "small", onClick: () => {
         c(Ie.forward);
       }, children: /* @__PURE__ */ l.jsxs("span", { className: u.imageCommonPanelInline, children: [
-        /* @__PURE__ */ l.jsx(In, {}),
+        /* @__PURE__ */ l.jsx(Pn, {}),
         e.t("image-panel.arrange.forward")
       ] }) }) }),
       /* @__PURE__ */ l.jsx("div", { className: O(u.imageCommonPanelColumn, u.imageCommonPanelSpan2), children: /* @__PURE__ */ l.jsx(ce, { size: "small", onClick: () => {
         c(Ie.backward);
       }, children: /* @__PURE__ */ l.jsxs("span", { className: u.imageCommonPanelInline, children: [
-        /* @__PURE__ */ l.jsx(bn, {}),
+        /* @__PURE__ */ l.jsx(In, {}),
         e.t("image-panel.arrange.backward")
       ] }) }) })
     ] }),
@@ -441,60 +441,60 @@ const Dt = (i) => {
       /* @__PURE__ */ l.jsx("div", { className: O(u.imageCommonPanelColumn, u.imageCommonPanelSpan2), children: /* @__PURE__ */ l.jsx(ce, { size: "small", onClick: () => {
         c(Ie.front);
       }, children: /* @__PURE__ */ l.jsxs("span", { className: u.imageCommonPanelInline, children: [
-        /* @__PURE__ */ l.jsx(Pn, {}),
+        /* @__PURE__ */ l.jsx(yn, {}),
         e.t("image-panel.arrange.front")
       ] }) }) }),
       /* @__PURE__ */ l.jsx("div", { className: O(u.imageCommonPanelColumn, u.imageCommonPanelSpan2), children: /* @__PURE__ */ l.jsx(ce, { size: "small", onClick: () => {
         c(Ie.back);
       }, children: /* @__PURE__ */ l.jsxs("span", { className: u.imageCommonPanelInline, children: [
-        /* @__PURE__ */ l.jsx(wn, {}),
+        /* @__PURE__ */ l.jsx(_n, {}),
         e.t("image-panel.arrange.back")
       ] }) }) })
     ] })
   ] });
-}, Et = (i) => {
+}, Tt = (i) => {
   const t = L(ne), n = L(ue), e = L(te), { hasGroup: r, drawings: s } = i, [a, o] = H(!1), [c, g] = H(!0), [m, d] = H(!0), h = (p) => p ? "block" : "none", f = () => {
-    const p = e.getFocusDrawings(), { unitId: S, subUnitId: _ } = p[0], j = Bn.generateRandomId(10), b = Gn(0, 0, p.map((y) => y.transform || {})), N = {
+    const p = e.getFocusDrawings(), { unitId: S, subUnitId: v } = p[0], j = Un.generateRandomId(10), b = Wn(0, 0, p.map((I) => I.transform || {})), N = {
       unitId: S,
-      subUnitId: _,
+      subUnitId: v,
       drawingId: j,
       drawingType: ee.DRAWING_GROUP,
       transform: b
-    }, I = p.map((y) => {
-      const P = y.transform || { left: 0, top: 0 }, { unitId: M, subUnitId: D, drawingId: B } = y;
+    }, P = p.map((I) => {
+      const y = I.transform || { left: 0, top: 0 }, { unitId: x, subUnitId: D, drawingId: B } = I;
       return {
-        unitId: M,
+        unitId: x,
         subUnitId: D,
         drawingId: B,
         transform: {
-          ...P,
-          left: P.left - b.left,
-          top: P.top - b.top
+          ...y,
+          left: y.left - b.left,
+          top: y.top - b.top
         },
         groupId: j
       };
     });
     e.featurePluginGroupUpdateNotification([{
       parent: N,
-      children: I
+      children: P
     }]);
-  }, v = (p) => {
+  }, _ = (p) => {
     if (p.drawingType !== ee.DRAWING_GROUP)
       return;
-    const { unitId: S, subUnitId: _, drawingId: j, transform: b = { width: 0, height: 0 } } = p;
+    const { unitId: S, subUnitId: v, drawingId: j, transform: b = { width: 0, height: 0 } } = p;
     if (b == null)
       return;
-    const N = e.getDrawingsByGroup({ unitId: S, subUnitId: _, drawingId: j });
+    const N = e.getDrawingsByGroup({ unitId: S, subUnitId: v, drawingId: j });
     if (N.length === 0)
       return;
-    const I = N.map((y) => {
-      const { transform: P } = y, { unitId: M, subUnitId: D, drawingId: B } = y, E = Wn(P || {}, b, b.width || 0, b.height || 0);
+    const P = N.map((I) => {
+      const { transform: y } = I, { unitId: x, subUnitId: D, drawingId: B } = I, E = $n(y || {}, b, b.width || 0, b.height || 0);
       return {
-        unitId: M,
+        unitId: x,
         subUnitId: D,
         drawingId: B,
         transform: {
-          ...P,
+          ...y,
           ...E
         },
         groupId: void 0
@@ -502,30 +502,30 @@ const Dt = (i) => {
     });
     return {
       parent: p,
-      children: I
+      children: P
     };
   }, w = () => {
     const S = e.getFocusDrawings().map(
-      (_) => v(_)
-    ).filter((_) => _ != null);
+      (v) => _(v)
+    ).filter((v) => v != null);
     S.length !== 0 && e.featurePluginUngroupUpdateNotification(S);
   };
   return Se(() => {
     const p = s[0];
     if (p == null)
       return;
-    const { unitId: S } = p, _ = n.getRenderById(S), j = _ == null ? void 0 : _.scene;
+    const { unitId: S } = p, v = n.getRenderById(S), j = v == null ? void 0 : v.scene;
     if (j == null)
       return;
-    const b = j.getTransformerByCreate(), N = b.clearControl$.subscribe((y) => {
-      y === !0 && o(!1);
-    }), I = b.changeStart$.subscribe((y) => {
-      const { objects: P } = y, M = Le(P, e), D = M.filter((W) => (W == null ? void 0 : W.drawingType) === ee.DRAWING_GROUP);
+    const b = j.getTransformerByCreate(), N = b.clearControl$.subscribe((I) => {
+      I === !0 && o(!1);
+    }), P = b.changeStart$.subscribe((I) => {
+      const { objects: y } = I, x = Ve(y, e), D = x.filter((W) => (W == null ? void 0 : W.drawingType) === ee.DRAWING_GROUP);
       let B = !1, E = !1;
-      M.length > 1 && (B = !0), D.length > 0 && (E = !0), o(B || E), g(B), d(E);
+      x.length > 1 && (B = !0), D.length > 0 && (E = !0), o(B || E), g(B), d(E);
     });
     return () => {
-      I.unsubscribe(), N.unsubscribe();
+      P.unsubscribe(), N.unsubscribe();
     };
   }, []), /* @__PURE__ */ l.jsxs("div", { className: O(u.imageCommonPanelGrid, u.imageCommonPanelBorder), style: { display: h(r === !0 ? a : !1) }, children: [
     /* @__PURE__ */ l.jsx("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ l.jsx("div", { className: O(u.imageCommonPanelColumn, u.imageCommonPanelTitle), children: /* @__PURE__ */ l.jsx("div", { children: t.t("image-panel.group.title") }) }) }),
@@ -533,19 +533,19 @@ const Dt = (i) => {
       /* @__PURE__ */ l.jsx("div", { className: O(u.imageCommonPanelColumn, u.imageCommonPanelSpan2, u.imageCommonPanelColumnCenter), children: /* @__PURE__ */ l.jsx(ce, { size: "small", onClick: () => {
         f();
       }, style: { display: h(c) }, children: /* @__PURE__ */ l.jsxs("span", { className: u.imageCommonPanelInline, children: [
-        /* @__PURE__ */ l.jsx(_n, {}),
+        /* @__PURE__ */ l.jsx(Sn, {}),
         t.t("image-panel.group.group")
       ] }) }) }),
       /* @__PURE__ */ l.jsx("div", { className: O(u.imageCommonPanelColumn, u.imageCommonPanelSpan2, u.imageCommonPanelColumnCenter), children: /* @__PURE__ */ l.jsx(ce, { size: "small", onClick: () => {
         w();
       }, style: { display: h(m) }, children: /* @__PURE__ */ l.jsxs("span", { className: u.imageCommonPanelInline, children: [
-        /* @__PURE__ */ l.jsx(yn, {}),
+        /* @__PURE__ */ l.jsx(Rn, {}),
         t.t("image-panel.group.unGroup")
       ] }) }) })
     ] })
   ] });
-}, se = 20, Tt = 20, Bt = [-3600, 3600], Re = 300, Ut = (i) => {
-  var Xe;
+}, se = 20, Bt = 20, Ut = [-3600, 3600], Re = 300, At = (i) => {
+  var qe;
   const t = L(ne), n = L(te), e = L(ue), { drawings: r, transformShow: s } = i, a = r[0];
   if (a == null)
     return;
@@ -555,26 +555,26 @@ const Dt = (i) => {
   const { unitId: c, subUnitId: g, drawingId: m, drawingType: d } = a, h = e.getRenderById(c), f = h == null ? void 0 : h.scene;
   if (f == null)
     return;
-  const v = (Xe = f.getEngine()) == null ? void 0 : Xe.activeScene;
-  if (v == null)
+  const _ = (qe = f.getEngine()) == null ? void 0 : qe.activeScene;
+  if (_ == null)
     return;
   const w = f.getTransformerByCreate(), {
     width: p = 0,
     height: S = 0,
-    left: _ = 0,
+    left: v = 0,
     top: j = 0,
     angle: b = 0
-  } = o, [N, I] = H(p), [y, P] = H(S), [M, D] = H(_), [B, E] = H(j), [re, W] = H(b), [q, be] = H(w.keepRatio), ie = (C, x, A, V) => {
-    const { width: U, height: J } = v, { ancestorLeft: z, ancestorTop: F } = f;
-    let K = C, ae = x, de = A, he = V;
-    return C + z < 0 && (K = -z), x + F < 0 && (ae = -F), de = U - K - z, de < se && (de = se), he = J - ae - F, he < se && (he = se), C + de + z > U && (K = U - A - z), x + he + F > J && (ae = J - V - F), {
+  } = o, [N, P] = H(p), [I, y] = H(S), [x, D] = H(v), [B, E] = H(j), [re, W] = H(b), [q, be] = H(w.keepRatio), ie = (C, M, A, V) => {
+    const { width: U, height: J } = _, { ancestorLeft: z, ancestorTop: F } = f;
+    let K = C, ae = M, de = A, he = V;
+    return C + z < 0 && (K = -z), M + F < 0 && (ae = -F), de = U - K - z, de < se && (de = se), he = J - ae - F, he < se && (he = se), C + de + z > U && (K = U - A - z), M + he + F > J && (ae = J - V - F), {
       limitLeft: K,
       limitTop: ae,
       limitWidth: de,
       limitHeight: he
     };
   }, k = (C) => {
-    const { objects: x } = C, A = Le(x, n);
+    const { objects: M } = C, A = Ve(M, n);
     if (A.length !== 1)
       return;
     const V = A[0];
@@ -590,23 +590,23 @@ const Dt = (i) => {
       top: K,
       angle: ae
     } = U;
-    J != null && I(J), z != null && P(z), F != null && D(F), K != null && E(K), ae != null && W(ae);
+    J != null && P(J), z != null && y(z), F != null && D(F), K != null && E(K), ae != null && W(ae);
   };
   Se(() => {
     const C = [
-      w.changeStart$.subscribe((x) => {
-        k(x);
+      w.changeStart$.subscribe((M) => {
+        k(M);
       }),
-      w.changing$.subscribe((x) => {
-        k(x);
+      w.changing$.subscribe((M) => {
+        k(M);
       }),
-      w.changeEnd$.subscribe((x) => {
-        k(x);
+      w.changeEnd$.subscribe((M) => {
+        k(M);
       }),
-      n.focus$.subscribe((x) => {
-        if (x.length !== 1)
+      n.focus$.subscribe((M) => {
+        if (M.length !== 1)
           return;
-        const A = n.getDrawingByParam(x[0]);
+        const A = n.getDrawingByParam(M[0]);
         if (A == null)
           return;
         const V = A.transform;
@@ -619,123 +619,123 @@ const Dt = (i) => {
           top: F,
           angle: K
         } = V;
-        U != null && I(U), J != null && P(J), z != null && D(z), F != null && E(F), K != null && W(K);
+        U != null && P(U), J != null && y(J), z != null && D(z), F != null && E(F), K != null && W(K);
       })
     ];
     return () => {
-      C.forEach((x) => x.unsubscribe());
+      C.forEach((M) => M.unsubscribe());
     };
   }, []);
-  const Ve = Pe((C) => {
+  const Ge = Pe((C) => {
     if (C == null)
       return;
     C = Math.max(C, se);
-    const { limitWidth: x, limitHeight: A } = ie(M, B, C, y);
-    C = Math.min(C, x);
+    const { limitWidth: M, limitHeight: A } = ie(x, B, C, I);
+    C = Math.min(C, M);
     const V = { unitId: c, subUnitId: g, drawingId: m, drawingType: d, transform: { width: C } };
     if (q) {
-      let U = C / N * y;
-      if (U = Math.max(U, Tt), U > A)
+      let U = C / N * I;
+      if (U = Math.max(U, Bt), U > A)
         return;
-      P(U), V.transform.height = U;
+      y(U), V.transform.height = U;
     }
-    I(C), n.featurePluginUpdateNotification([V]), w.refreshControls().changeNotification();
-  }, Re), jn = Pe((C) => {
+    P(C), n.featurePluginUpdateNotification([V]), w.refreshControls().changeNotification();
+  }, Re), xn = Pe((C) => {
     if (C == null)
       return;
     C = Math.max(C, se);
-    const { limitHeight: x, limitWidth: A } = ie(M, B, N, C);
-    C = Math.min(C, x);
+    const { limitHeight: M, limitWidth: A } = ie(x, B, N, C);
+    C = Math.min(C, M);
     const V = { unitId: c, subUnitId: g, drawingId: m, drawingType: d, transform: { height: C } };
     if (q) {
-      let U = C / y * N;
+      let U = C / I * N;
       if (U = Math.max(U, se), U > A)
         return;
-      I(U), V.transform.width = U;
+      P(U), V.transform.width = U;
     }
-    P(C), n.featurePluginUpdateNotification([V]), w.refreshControls().changeNotification();
+    y(C), n.featurePluginUpdateNotification([V]), w.refreshControls().changeNotification();
   }, Re), Mn = Pe((C) => {
     if (C == null)
       return;
-    const { limitLeft: x } = ie(C, B, N, y);
-    C = x;
+    const { limitLeft: M } = ie(C, B, N, I);
+    C = M;
     const A = { unitId: c, subUnitId: g, drawingId: m, drawingType: d, transform: { left: C } };
     D(C), n.featurePluginUpdateNotification([A]), w.refreshControls().changeNotification();
-  }, Re), xn = Pe((C) => {
+  }, Re), On = Pe((C) => {
     if (C == null)
       return;
-    const { limitTop: x } = ie(M, C, N, y);
-    C = x;
+    const { limitTop: M } = ie(x, C, N, I);
+    C = M;
     const A = { unitId: c, subUnitId: g, drawingId: m, drawingType: d, transform: { top: C } };
     E(C), n.featurePluginUpdateNotification([A]), w.refreshControls().changeNotification();
-  }, Re), On = (C) => {
+  }, Re), Nn = (C) => {
     if (C == null)
       return;
-    const [x, A] = Bt;
-    C < x && (C = x), C > A && (C = A);
+    const [M, A] = Ut;
+    C < M && (C = M), C > A && (C = A);
     const V = { unitId: c, subUnitId: g, drawingId: m, drawingType: d, transform: { angle: C } };
     W(C), n.featurePluginUpdateNotification([V]), w.refreshControls().changeNotification();
-  }, Nn = (C) => {
+  }, Dn = (C) => {
     be(C), w.keepRatio = C;
-  }, Dn = (C) => C ? "block" : "none";
-  return /* @__PURE__ */ l.jsxs("div", { className: O(u.imageCommonPanelGrid, u.imageCommonPanelBorder), style: { display: Dn(s) }, children: [
+  }, En = (C) => C ? "block" : "none";
+  return /* @__PURE__ */ l.jsxs("div", { className: O(u.imageCommonPanelGrid, u.imageCommonPanelBorder), style: { display: En(s) }, children: [
     /* @__PURE__ */ l.jsx("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ l.jsx("div", { className: O(u.imageCommonPanelColumn, u.imageCommonPanelTitle), children: /* @__PURE__ */ l.jsx("div", { children: t.t("image-panel.transform.title") }) }) }),
     /* @__PURE__ */ l.jsxs("div", { className: u.imageCommonPanelRow, children: [
       /* @__PURE__ */ l.jsx("div", { className: O(u.imageCommonPanelColumn, u.imageCommonPanelSpan3), children: /* @__PURE__ */ l.jsxs("label", { children: [
         /* @__PURE__ */ l.jsx("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ l.jsx("div", { className: u.imageCommonPanelColumn, children: t.t("image-panel.transform.width") }) }),
         /* @__PURE__ */ l.jsx("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ l.jsx("div", { className: u.imageCommonPanelColumn, children: /* @__PURE__ */ l.jsx(fe, { precision: 1, value: N, onChange: (C) => {
-          Ve(C);
+          Ge(C);
         }, className: u.imageCommonPanelInput }) }) })
       ] }) }),
       /* @__PURE__ */ l.jsx("div", { className: O(u.imageCommonPanelColumn, u.imageCommonPanelSpan3), children: /* @__PURE__ */ l.jsxs("label", { children: [
         /* @__PURE__ */ l.jsx("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ l.jsx("div", { className: u.imageCommonPanelColumn, children: t.t("image-panel.transform.height") }) }),
-        /* @__PURE__ */ l.jsx("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ l.jsx("div", { className: u.imageCommonPanelColumn, children: /* @__PURE__ */ l.jsx(fe, { precision: 1, value: y, onChange: (C) => {
-          jn(C);
+        /* @__PURE__ */ l.jsx("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ l.jsx("div", { className: u.imageCommonPanelColumn, children: /* @__PURE__ */ l.jsx(fe, { precision: 1, value: I, onChange: (C) => {
+          xn(C);
         }, className: u.imageCommonPanelInput }) }) })
       ] }) }),
       /* @__PURE__ */ l.jsx("div", { className: O(u.imageCommonPanelColumn, u.imageCommonPanelSpan3), children: /* @__PURE__ */ l.jsxs("label", { children: [
         /* @__PURE__ */ l.jsx("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ l.jsx("div", { className: u.imageCommonPanelColumn, children: t.t("image-panel.transform.lock") }) }),
-        /* @__PURE__ */ l.jsx("div", { className: O(u.imageCommonPanelRow, u.imageCommonPanelRowVertical), children: /* @__PURE__ */ l.jsx("div", { className: u.imageCommonPanelColumn, children: /* @__PURE__ */ l.jsx(Zn, { checked: q, onChange: Nn }) }) })
+        /* @__PURE__ */ l.jsx("div", { className: O(u.imageCommonPanelRow, u.imageCommonPanelRowVertical), children: /* @__PURE__ */ l.jsx("div", { className: u.imageCommonPanelColumn, children: /* @__PURE__ */ l.jsx(Xn, { checked: q, onChange: Dn }) }) })
       ] }) })
     ] }),
     /* @__PURE__ */ l.jsxs("div", { className: u.imageCommonPanelRow, children: [
       /* @__PURE__ */ l.jsx("div", { className: O(u.imageCommonPanelColumn, u.imageCommonPanelSpan3), children: /* @__PURE__ */ l.jsxs("label", { children: [
         /* @__PURE__ */ l.jsx("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ l.jsx("div", { className: u.imageCommonPanelColumn, children: t.t("image-panel.transform.x") }) }),
-        /* @__PURE__ */ l.jsx("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ l.jsx("div", { className: u.imageCommonPanelColumn, children: /* @__PURE__ */ l.jsx(fe, { precision: 1, value: M, onChange: (C) => {
+        /* @__PURE__ */ l.jsx("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ l.jsx("div", { className: u.imageCommonPanelColumn, children: /* @__PURE__ */ l.jsx(fe, { precision: 1, value: x, onChange: (C) => {
           Mn(C);
         }, className: u.imageCommonPanelInput }) }) })
       ] }) }),
       /* @__PURE__ */ l.jsx("div", { className: O(u.imageCommonPanelColumn, u.imageCommonPanelSpan3), children: /* @__PURE__ */ l.jsxs("label", { children: [
         /* @__PURE__ */ l.jsx("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ l.jsx("div", { className: u.imageCommonPanelColumn, children: t.t("image-panel.transform.y") }) }),
         /* @__PURE__ */ l.jsx("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ l.jsx("div", { className: u.imageCommonPanelColumn, children: /* @__PURE__ */ l.jsx(fe, { precision: 1, value: B, onChange: (C) => {
-          xn(C);
+          On(C);
         }, className: u.imageCommonPanelInput }) }) })
       ] }) }),
       /* @__PURE__ */ l.jsx("div", { className: O(u.imageCommonPanelColumn, u.imageCommonPanelSpan3), children: /* @__PURE__ */ l.jsxs("label", { children: [
         /* @__PURE__ */ l.jsx("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ l.jsx("div", { className: u.imageCommonPanelColumn, children: t.t("image-panel.transform.rotate") }) }),
-        /* @__PURE__ */ l.jsx("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ l.jsx("div", { className: u.imageCommonPanelColumn, children: /* @__PURE__ */ l.jsx(fe, { precision: 1, value: re, onChange: On, className: u.imageCommonPanelInput }) }) })
+        /* @__PURE__ */ l.jsx("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ l.jsx("div", { className: u.imageCommonPanelColumn, children: /* @__PURE__ */ l.jsx(fe, { precision: 1, value: re, onChange: Nn, className: u.imageCommonPanelInput }) }) })
       ] }) })
     ] })
   ] });
-}, Fe = {
+}, Ke = {
   id: "sheet.operation.open-image-crop",
-  type: _e.OPERATION,
+  type: ve.OPERATION,
   handler: (i, t) => !0
 }, le = {
   id: "sheet.operation.close-image-crop",
-  type: _e.OPERATION,
+  type: ve.OPERATION,
   handler: (i, t) => !0
 };
 var T = /* @__PURE__ */ ((i) => (i.FREE = "0", i.R1_1 = "1", i.R16_9 = "2", i.R9_16 = "3", i.R5_4 = "4", i.R4_5 = "5", i.R4_3 = "6", i.R3_4 = "7", i.R3_2 = "8", i.R2_3 = "9", i))(T || {});
-const De = {
+const Ee = {
   id: "sheet.operation.Auto-image-crop",
-  type: _e.OPERATION,
+  type: ve.OPERATION,
   handler: (i, t) => !0
-}, At = (i) => {
+}, Ht = (i) => {
   const t = L(me), n = L(ne), { drawings: e, cropperShow: r } = i;
   if (e[0] == null)
     return;
-  const [a, o] = H(T.FREE), c = gn(!1), g = [
+  const [a, o] = H(T.FREE), c = un(!1), g = [
     {
       label: n.t("image-panel.crop.mode"),
       value: T.FREE
@@ -778,9 +778,9 @@ const De = {
     }
   ];
   Se(() => {
-    const f = t.onCommandExecuted((v) => {
-      if (v.id === le.id) {
-        const w = v.params;
+    const f = t.onCommandExecuted((_) => {
+      if (_.id === le.id) {
+        const w = _.params;
         w != null && w.isAuto || (c.current = !1);
       }
     });
@@ -789,12 +789,12 @@ const De = {
     };
   }, []);
   function m(f) {
-    o(f), c.current && t.executeCommand(De.id, {
+    o(f), c.current && t.executeCommand(Ee.id, {
       cropType: f
     });
   }
   const d = (f) => f ? "block" : "none", h = (f) => {
-    t.executeCommand(De.id, {
+    t.executeCommand(Ee.id, {
       cropType: f
     }), c.current = !0;
   };
@@ -807,7 +807,7 @@ const De = {
         /* @__PURE__ */ l.jsx(vn, {}),
         n.t("image-panel.crop.start")
       ] }) }) }),
-      /* @__PURE__ */ l.jsx("div", { className: O(u.imageCommonPanelColumn, u.imageCommonPanelSpan2), children: /* @__PURE__ */ l.jsx(un, { value: a, options: g, onChange: m }) })
+      /* @__PURE__ */ l.jsx("div", { className: O(u.imageCommonPanelColumn, u.imageCommonPanelSpan2), children: /* @__PURE__ */ l.jsx(dn, { value: a, options: g, onChange: m }) })
     ] })
   ] });
 }, vr = (i) => {
@@ -817,38 +817,38 @@ const De = {
   const { unitId: d } = m, h = n.getRenderById(d), f = h == null ? void 0 : h.scene;
   if (f == null)
     return;
-  const v = f.getTransformerByCreate(), [w, p] = H(!0), [S, _] = H(!0), [j, b] = H(!1), [N, I] = H(!0), [y, P] = H(!1);
+  const _ = f.getTransformerByCreate(), [w, p] = H(!0), [S, v] = H(!0), [j, b] = H(!1), [N, P] = H(!0), [I, y] = H(!1);
   return Se(() => {
-    const M = v.clearControl$.subscribe((E) => {
-      E === !0 && (p(!1), _(!1), b(!1), I(!1), P(!0));
-    }), D = v.changeStart$.subscribe((E) => {
-      const { objects: re } = E, W = Le(re, t);
-      W.length === 0 ? (p(!1), _(!1), b(!1), I(!1), P(!0)) : W.length === 1 ? (p(!0), _(!0), b(!1), I(!0), P(!1)) : (p(!0), _(!1), b(!0), I(!1), P(!1));
+    const x = _.clearControl$.subscribe((E) => {
+      E === !0 && (p(!1), v(!1), b(!1), P(!1), y(!0));
+    }), D = _.changeStart$.subscribe((E) => {
+      const { objects: re } = E, W = Ve(re, t);
+      W.length === 0 ? (p(!1), v(!1), b(!1), P(!1), y(!0)) : W.length === 1 ? (p(!0), v(!0), b(!1), P(!0), y(!1)) : (p(!0), v(!1), b(!0), P(!1), y(!1));
     }), B = t.focus$.subscribe((E) => {
-      E.length === 0 ? (p(!1), _(!1), b(!1), I(!1), P(!0)) : E.length === 1 ? (p(!0), _(!0), b(!1), I(!0), P(!1)) : (p(!0), _(!1), b(!0), I(!1), P(!1));
+      E.length === 0 ? (p(!1), v(!1), b(!1), P(!1), y(!0)) : E.length === 1 ? (p(!0), v(!0), b(!1), P(!0), y(!1)) : (p(!0), v(!1), b(!0), P(!1), y(!1));
     });
     return () => {
-      D.unsubscribe(), M.unsubscribe(), B.unsubscribe();
+      D.unsubscribe(), x.unsubscribe(), B.unsubscribe();
     };
   }, []), /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
-    /* @__PURE__ */ l.jsx("div", { style: { display: y === !0 ? "block" : "none", height: "100%" }, children: /* @__PURE__ */ l.jsx("div", { style: { display: "flex", justifyContent: "center", alignItems: "center", height: "100%", top: "50%", marginTop: "-100px" }, children: /* @__PURE__ */ l.jsx("span", { children: e.t("image-panel.null") }) }) }),
-    /* @__PURE__ */ l.jsx(Dt, { arrangeShow: s === !0 ? w : !1, drawings: r }),
-    /* @__PURE__ */ l.jsx(Ut, { transformShow: a === !0 ? S : !1, drawings: r }),
-    /* @__PURE__ */ l.jsx(wt, { alignShow: o === !0 ? j : !1, drawings: r }),
-    /* @__PURE__ */ l.jsx(At, { cropperShow: c === !0 ? N : !1, drawings: r }),
-    /* @__PURE__ */ l.jsx(Et, { hasGroup: g, drawings: r })
+    /* @__PURE__ */ l.jsx("div", { style: { display: I === !0 ? "block" : "none", height: "100%" }, children: /* @__PURE__ */ l.jsx("div", { style: { display: "flex", justifyContent: "center", alignItems: "center", height: "100%", top: "50%", marginTop: "-100px" }, children: /* @__PURE__ */ l.jsx("span", { children: e.t("image-panel.null") }) }) }),
+    /* @__PURE__ */ l.jsx(Et, { arrangeShow: s === !0 ? w : !1, drawings: r }),
+    /* @__PURE__ */ l.jsx(At, { transformShow: a === !0 ? S : !1, drawings: r }),
+    /* @__PURE__ */ l.jsx(_t, { alignShow: o === !0 ? j : !1, drawings: r }),
+    /* @__PURE__ */ l.jsx(Ht, { cropperShow: c === !0 ? N : !1, drawings: r }),
+    /* @__PURE__ */ l.jsx(Tt, { hasGroup: g, drawings: r })
   ] });
-}, Ht = "univer-image-popup-menu", Lt = "univer-image-popup-menu-item", Vt = "univer-image-popup-menu-item-icon", Gt = "univer-image-popup-menu-item-title", Wt = "univer-image-popup-menu-item-hide", $t = "univer-btn-container", kt = "univer-btn-container-expand", Ce = {
-  imagePopupMenu: Ht,
-  imagePopupMenuItem: Lt,
-  imagePopupMenuItemIcon: Vt,
-  imagePopupMenuItemTitle: Gt,
-  imagePopupMenuItemHide: Wt,
-  btnContainer: $t,
-  btnContainerExpand: kt
-}, zt = (i) => {
-  var v, w;
-  const t = (w = (v = i.popup) == null ? void 0 : v.extraProps) == null ? void 0 : w.menuItems;
+}, Lt = "univer-image-popup-menu", Vt = "univer-image-popup-menu-item", Gt = "univer-image-popup-menu-item-icon", Wt = "univer-image-popup-menu-item-title", $t = "univer-image-popup-menu-item-hide", kt = "univer-btn-container", zt = "univer-btn-container-expand", Ce = {
+  imagePopupMenu: Lt,
+  imagePopupMenuItem: Vt,
+  imagePopupMenuItemIcon: Gt,
+  imagePopupMenuItemTitle: Wt,
+  imagePopupMenuItemHide: $t,
+  btnContainer: kt,
+  btnContainerExpand: zt
+}, Ft = (i) => {
+  var _, w;
+  const t = (w = (_ = i.popup) == null ? void 0 : _.extraProps) == null ? void 0 : w.menuItems;
   if (!t)
     return null;
   const n = L(me), e = L(ne), [r, s] = H(!1), [a, o] = H(!1), c = () => {
@@ -866,7 +866,7 @@ const De = {
       onMouseEnter: c,
       onMouseLeave: g,
       children: /* @__PURE__ */ l.jsx(
-        Xn,
+        qn,
         {
           placement: "bottomLeft",
           trigger: ["click"],
@@ -889,13 +889,13 @@ const De = {
               }),
               children: [
                 /* @__PURE__ */ l.jsx(
-                  Cn,
+                  wn,
                   {
                     style: { color: "#35322B" },
                     extend: { colorChannel1: "rgb(var(--green-700, #409f11))" }
                   }
                 ),
-                h && /* @__PURE__ */ l.jsx(Sn, { style: { color: "#CCCCCC", fontSize: "8px", marginLeft: "8px" } })
+                h && /* @__PURE__ */ l.jsx(bn, { style: { color: "#CCCCCC", fontSize: "8px", marginLeft: "8px" } })
               ]
             }
           )
@@ -903,50 +903,50 @@ const De = {
       )
     }
   );
-}, Ft = "COMPONENT_IMAGE_POPUP_MENU", Kt = "drawing-ui.config", rn = {}, Rn = {
+}, Kt = "COMPONENT_IMAGE_POPUP_MENU", Yt = "drawing-ui.config", an = {}, jn = {
   id: "sheet.operation.image-reset-size",
-  type: _e.OPERATION,
+  type: ve.OPERATION,
   handler: (i, t) => !0
-}, Yt = (i) => {
+}, Zt = (i) => {
   const { src: t } = i;
   return t ? /* @__PURE__ */ l.jsx("div", { children: /* @__PURE__ */ l.jsx("img", { src: t, alt: "Univer Image Viewer", style: { width: "100%", height: "100%", position: "relative" } }) }) : null;
 };
-var Zt = Object.defineProperty, Xt = Object.getOwnPropertyDescriptor, qt = (i, t, n, e) => {
-  for (var r = e > 1 ? void 0 : e ? Xt(t, n) : t, s = i.length - 1, a; s >= 0; s--)
+var Xt = Object.defineProperty, qt = Object.getOwnPropertyDescriptor, Jt = (i, t, n, e) => {
+  for (var r = e > 1 ? void 0 : e ? qt(t, n) : t, s = i.length - 1, a; s >= 0; s--)
     (a = i[s]) && (r = (e ? a(t, n, r) : a(r)) || r);
-  return e && r && Zt(t, n, r), r;
-}, an = (i, t) => (n, e) => t(n, e, i);
-let Ee = class extends He {
+  return e && r && Xt(t, n, r), r;
+}, sn = (i, t) => (n, e) => t(n, e, i);
+let Te = class extends Le {
   constructor(i, t) {
     super(), this._componentManager = i, this._commandService = t, this._init();
   }
   _initCustomComponents() {
     const i = this._componentManager;
-    this.disposeWithMe(i.register(Ft, zt)), this.disposeWithMe(i.register(hn, Yt));
+    this.disposeWithMe(i.register(Kt, Ft)), this.disposeWithMe(i.register(fn, Zt));
   }
   _initCommands() {
     [
-      Fe,
+      Ke,
       le,
-      Rn,
-      Ze,
-      De
+      jn,
+      Xe,
+      Ee
     ].forEach((i) => this.disposeWithMe(this._commandService.registerCommand(i)));
   }
   _init() {
     this._initCommands(), this._initCustomComponents();
   }
 };
-Ee = qt([
-  an(0, Ae(Fn)),
-  an(1, me)
-], Ee);
-var Jt = Object.defineProperty, Qt = Object.getOwnPropertyDescriptor, er = (i, t, n, e) => {
-  for (var r = e > 1 ? void 0 : e ? Qt(t, n) : t, s = i.length - 1, a; s >= 0; s--)
+Te = Jt([
+  sn(0, He(Kn)),
+  sn(1, me)
+], Te);
+var Qt = Object.defineProperty, er = Object.getOwnPropertyDescriptor, nr = (i, t, n, e) => {
+  for (var r = e > 1 ? void 0 : e ? er(t, n) : t, s = i.length - 1, a; s >= 0; s--)
     (a = i[s]) && (r = (e ? a(t, n, r) : a(r)) || r);
-  return e && r && Jt(t, n, r), r;
+  return e && r && Qt(t, n, r), r;
 }, je = (i, t) => (n, e) => t(n, e, i);
-let Te = class extends He {
+let Be = class extends Le {
   constructor(t, n, e, r) {
     super();
     Q(this, "_sceneListenerOnDrawingMap", /* @__PURE__ */ new WeakSet());
@@ -959,7 +959,7 @@ let Te = class extends He {
     this._recoveryImages(), this._drawingAddListener(), this._drawingRemoveListener(), this._drawingUpdateListener(), this._commandExecutedListener(), this._drawingArrangeListener(), this._drawingGroupListener(), this._drawingRefreshListener(), this._drawingVisibleListener();
   }
   _recoveryImages() {
-    const t = this._drawingManagerService.drawingManagerData, n = dn(this._currentUniverService);
+    const t = this._drawingManagerService.drawingManagerData, n = hn(this._currentUniverService);
     if (n == null)
       return;
     const { unitId: e, subUnitId: r } = n;
@@ -975,7 +975,7 @@ let Te = class extends He {
   _commandExecutedListener() {
     this.disposeWithMe(
       this._commandService.onCommandExecuted((t) => {
-        if (t.id === Ze.id) {
+        if (t.id === Xe.id) {
           const n = t.params;
           if (n == null)
             return;
@@ -1037,16 +1037,16 @@ let Te = class extends He {
     this._commandService.syncExecuteCommand(le.id);
     const m = [];
     if (e.forEach((f) => {
-      const v = G(f), w = c.getObjectIncludeInGroup(v);
+      const _ = G(f), w = c.getObjectIncludeInGroup(_);
       if (w == null || m.includes(w))
         return;
       m.push(w);
       const { transform: p } = f;
-      p != null && (w.classType === qe.GROUP ? w.transformByState({ left: p.left, top: p.top }) : w.transformByState(p));
+      p != null && (w.classType === Je.GROUP ? w.transformByState({ left: p.left, top: p.top }) : w.transformByState(p));
     }), m.length === 0)
       return;
-    const d = G({ unitId: r, subUnitId: s, drawingId: a }), h = new ve(d);
-    c.addObject(h, Ye).attachTransformerTo(h), h.addObjects(...m), n.transform && h.transformByState({ left: n.transform.left, top: n.transform.top }), g.clearSelectedObjects(), g.setSelectedControl(h);
+    const d = G({ unitId: r, subUnitId: s, drawingId: a }), h = new _e(d);
+    c.addObject(h, Ze).attachTransformerTo(h), h.addObjects(...m), n.transform && h.transformByState({ left: n.transform.left, top: n.transform.top }), g.clearSelectedObjects(), g.setSelectedControl(h);
   }
   // private _regroupDrawings(drawings: IDrawingSearch[]) {
   //     const renderObject = this._getSceneAndTransformerByDrawingSearch(drawings[0].unitId);
@@ -1098,8 +1098,8 @@ let Te = class extends He {
         return !0;
       if (f == null)
         return;
-      const { transform: v } = d;
-      v != null && (f.classType === qe.GROUP ? f.transformByState({ left: v.left, top: v.top }) : f.transformByState(v));
+      const { transform: _ } = d;
+      _ != null && (f.classType === Je.GROUP ? f.transformByState({ left: _.left, top: _.top }) : f.transformByState(_));
     });
     const o = G(n), c = s.getObject(o), { width: g, height: m } = c;
     c.getObjects().forEach((d) => {
@@ -1113,18 +1113,18 @@ let Te = class extends He {
     const r = [];
     let s = Number.POSITIVE_INFINITY, a = Number.POSITIVE_INFINITY, o = Number.NEGATIVE_INFINITY, c = Number.NEGATIVE_INFINITY, g = 0;
     e.forEach((m) => {
-      const { unitId: d, subUnitId: h, drawingId: f, drawingType: v } = m, w = this._drawingManagerService.getDrawingByParam({ unitId: d, subUnitId: h, drawingId: f });
+      const { unitId: d, subUnitId: h, drawingId: f, drawingType: _ } = m, w = this._drawingManagerService.getDrawingByParam({ unitId: d, subUnitId: h, drawingId: f });
       if (w == null || w.transform == null)
         return;
       r.push({
         unitId: d,
         subUnitId: h,
         drawingId: f,
-        drawingType: v,
+        drawingType: _,
         transform: w.transform
       });
-      const { left: p = 0, top: S = 0, width: _ = 0, height: j = 0 } = w.transform;
-      s = Math.min(s, p), a = Math.min(a, S), o = Math.max(o, p + _), c = Math.max(c, S + j), g++;
+      const { left: p = 0, top: S = 0, width: v = 0, height: j = 0 } = w.transform;
+      s = Math.min(s, p), a = Math.min(a, S), o = Math.max(o, p + v), c = Math.max(c, S + j), g++;
     }), g !== 0 && (this._sortDrawingTransform(r, n), this._applyAlignType(r, n, s, a, o, c, g));
   }
   _applyAlignType(t, n, e, r, s, a, o) {
@@ -1132,42 +1132,42 @@ let Te = class extends He {
     if (d == null)
       return;
     const { scene: h, transformer: f } = d;
-    t.forEach((v, w) => {
-      const { unitId: p, subUnitId: S, drawingId: _, transform: j, drawingType: b } = v, { left: N = 0, top: I = 0, width: y = 0, height: P = 0 } = j;
-      let M = N, D = I;
+    t.forEach((_, w) => {
+      const { unitId: p, subUnitId: S, drawingId: v, transform: j, drawingType: b } = _, { left: N = 0, top: P = 0, width: I = 0, height: y = 0 } = j;
+      let x = N, D = P;
       switch (n) {
         case R.left:
-          M = e;
+          x = e;
           break;
         case R.center:
-          M = e + (s - e) / 2 - y / 2;
+          x = e + (s - e) / 2 - I / 2;
           break;
         case R.right:
-          M = s - y;
+          x = s - I;
           break;
         case R.top:
           D = r;
           break;
         case R.middle:
-          D = r + (a - r) / 2 - P / 2;
+          D = r + (a - r) / 2 - y / 2;
           break;
         case R.bottom:
-          D = a - P;
+          D = a - y;
           break;
         case R.horizon:
-          M = e + c * w;
+          x = e + c * w;
           break;
         case R.vertical:
           D = r + g * w;
           break;
       }
-      (M !== N || D !== I) && m.push({
+      (x !== N || D !== P) && m.push({
         unitId: p,
         subUnitId: S,
-        drawingId: _,
+        drawingId: v,
         drawingType: b,
         transform: {
-          left: M,
+          left: x,
           top: D
         }
       });
@@ -1184,7 +1184,7 @@ let Te = class extends He {
         left: d = 0,
         top: h = 0,
         width: f = 0,
-        height: v = 0
+        height: _ = 0
       } = a;
       switch (n) {
         case R.left:
@@ -1196,13 +1196,13 @@ let Te = class extends He {
         case R.top:
           return c - h;
         case R.middle:
-          return c + m / 2 - (h + v / 2);
+          return c + m / 2 - (h + _ / 2);
         case R.bottom:
-          return c + m - (h + v);
+          return c + m - (h + _);
         case R.horizon:
           return o + g / 2 - (d + f / 2);
         case R.vertical:
-          return c + m / 2 - (h + v / 2);
+          return c + m / 2 - (h + _ / 2);
         default:
           return 0;
       }
@@ -1273,6 +1273,7 @@ let Te = class extends He {
     this.disposeWithMe(
       this._drawingManagerService.update$.subscribe((t) => {
         t.forEach((n) => {
+          var I;
           const { unitId: e, subUnitId: r, drawingId: s } = n, a = this._drawingManagerService.getDrawingByParam(n);
           if (a == null)
             return;
@@ -1282,10 +1283,10 @@ let Te = class extends He {
           const { scene: m, transformer: d } = g;
           if (o == null)
             return !0;
-          const { left: h = 0, top: f = 0, width: v = 0, height: w = 0, angle: p = 0, flipX: S = !1, flipY: _ = !1, skewX: j = 0, skewY: b = 0 } = o, N = G({ unitId: e, subUnitId: r, drawingId: s }), I = m.getObject(N);
-          if (I == null)
+          const { left: h = 0, top: f = 0, width: _ = 0, height: w = 0, angle: p = 0, flipX: S = !1, flipY: v = !1, skewX: j = 0, skewY: b = 0 } = o, N = G({ unitId: e, subUnitId: r, drawingId: s }), P = m.getObject(N);
+          if (P == null)
             return !0;
-          I.transformByState({ left: h, top: f, width: v, height: w, angle: p, flipX: S, flipY: _, skewX: j, skewY: b });
+          P.transformByState({ left: h, top: f, width: _, height: w, angle: p, flipX: S, flipY: v, skewX: j, skewY: b }), (I = m.getTransformer()) == null || I.debounceRefreshControls();
         });
       })
     );
@@ -1306,15 +1307,15 @@ let Te = class extends He {
           const {
             left: h = 0,
             top: f = 0,
-            width: v = 0,
+            width: _ = 0,
             height: w = 0,
             angle: p = 0,
             flipX: S = !1,
-            flipY: _ = !1,
+            flipY: v = !1,
             skewX: j = 0,
             skewY: b = 0
           } = c;
-          d.transformByState({ left: h, top: f, width: v, height: w, angle: p, flipX: S, flipY: _, skewX: j, skewY: b });
+          d.transformByState({ left: h, top: f, width: _, height: w, angle: p, flipX: S, flipY: v, skewX: j, skewY: b });
         });
       })
     );
@@ -1339,7 +1340,7 @@ let Te = class extends He {
       if (e == null)
         return !1;
       const { transform: s } = e;
-      return cn(s, n == null ? void 0 : n[r]);
+      return ln(s, n == null ? void 0 : n[r]);
     });
   }
   // group?.getObjects().forEach((o) => {
@@ -1357,43 +1358,43 @@ let Te = class extends He {
         n.changeStart$.subscribe((r) => {
           const { objects: s } = r, a = Array.from(s.values()), o = [];
           e = a.map((c) => {
-            const { left: g, top: m, height: d, width: h, angle: f, oKey: v, isInGroup: w } = c, p = this._drawingManagerService.getDrawingOKey(v);
-            if (w || c instanceof ve) {
+            const { left: g, top: m, height: d, width: h, angle: f, oKey: _, isInGroup: w } = c, p = this._drawingManagerService.getDrawingOKey(_);
+            if (w || c instanceof _e) {
               let S = c.ancestorGroup;
-              if (S == null && c instanceof ve && (S = c), S == null)
+              if (S == null && c instanceof _e && (S = c), S == null)
                 return null;
-              const _ = this._drawingManagerService.getDrawingOKey(S.oKey);
-              if (_) {
-                const { unitId: j, subUnitId: b, drawingId: N } = _;
+              const v = this._drawingManagerService.getDrawingOKey(S.oKey);
+              if (v) {
+                const { unitId: j, subUnitId: b, drawingId: N } = v;
                 o.push({ unitId: j, subUnitId: b, drawingId: N });
-                const { left: I, top: y, height: P, width: M, angle: D } = S;
-                return { left: I, top: y, height: P, width: M, angle: D };
+                const { left: P, top: I, height: y, width: x, angle: D } = S;
+                return { left: P, top: I, height: y, width: x, angle: D };
               }
             } else if (p != null) {
-              const { unitId: S, subUnitId: _, drawingId: j } = p;
-              return o.push({ unitId: S, subUnitId: _, drawingId: j }), { left: g, top: m, height: d, width: h, angle: f };
+              const { unitId: S, subUnitId: v, drawingId: j } = p;
+              return o.push({ unitId: S, subUnitId: v, drawingId: j }), { left: g, top: m, height: d, width: h, angle: f };
             }
             return null;
-          }).filter((c) => c != null), o.length > 0 ? this._drawingManagerService.focusDrawing(o) : this._drawingManagerService.focusDrawing(null);
+          }).filter((c) => c != null), o.length > 0 ? this._commandService.syncExecuteCommand(Oe.id, o) : this._commandService.syncExecuteCommand(Oe.id, []);
         })
       )
     ), this.disposeWithMe(
       we(
         n.changeEnd$.subscribe((r) => {
-          const { objects: s } = r, a = this._filterUpdateParams(Le(s, this._drawingManagerService), e);
+          const { objects: s } = r, a = this._filterUpdateParams(Ve(s, this._drawingManagerService), e);
           a.length > 0 && this._drawingManagerService.featurePluginUpdateNotification(a);
         })
       )
     );
   }
 };
-Te = er([
-  je(0, Ke),
+Be = nr([
+  je(0, Ye),
   je(1, me),
   je(2, ue),
   je(3, te)
-], Te);
-class Me extends $n {
+], Be);
+class xe extends kn {
   constructor(n, e) {
     e == null && (e = {}), e.transformerConfig = {
       keepRatio: !1,
@@ -1436,7 +1437,7 @@ class Me extends $n {
     const r = this.getScene().getEngine(), { width: s, height: a } = r;
     this._initialCacheCanvas(), (c = this._cacheCanvas) == null || c.clear();
     const o = (g = this._cacheCanvas) == null ? void 0 : g.getContext();
-    o != null && (o.save(), kn.drawWith(o, {
+    o != null && (o.save(), zn.drawWith(o, {
       left: 0,
       top: 0,
       width: s,
@@ -1457,8 +1458,8 @@ class Me extends $n {
     let n = 0, e = 0, r = 0, s = 0;
     const { left: a = 0, top: o = 0, width: c = 0, height: g = 0, angle: m } = this._applyTransform;
     if (this._srcRect != null) {
-      const { left: f = 0, top: v = 0, right: w = 0, bottom: p = 0 } = this._srcRect;
-      n = f, e = v, r = w, s = p;
+      const { left: f = 0, top: _ = 0, right: w = 0, bottom: p = 0 } = this._srcRect;
+      n = f, e = _, r = w, s = p;
     }
     const d = a + n, h = o + e;
     this.transformByState({
@@ -1480,7 +1481,7 @@ class Me extends $n {
       return;
     const n = this.getScene();
     if (n == null) return;
-    this._cacheCanvas = new zn();
+    this._cacheCanvas = new Fn();
     const e = n.getEngine();
     this._cacheCanvas.setSize(e.width, e.height), e.onTransformChange$.subscribeEvent(() => {
       var r;
@@ -1488,12 +1489,12 @@ class Me extends $n {
     });
   }
 }
-var nr = Object.defineProperty, tr = Object.getOwnPropertyDescriptor, rr = (i, t, n, e) => {
-  for (var r = e > 1 ? void 0 : e ? tr(t, n) : t, s = i.length - 1, a; s >= 0; s--)
+var tr = Object.defineProperty, rr = Object.getOwnPropertyDescriptor, ir = (i, t, n, e) => {
+  for (var r = e > 1 ? void 0 : e ? rr(t, n) : t, s = i.length - 1, a; s >= 0; s--)
     (a = i[s]) && (r = (e ? a(t, n, r) : a(r)) || r);
-  return e && r && nr(t, n, r), r;
+  return e && r && tr(t, n, r), r;
 }, ge = (i, t) => (n, e) => t(n, e, i);
-let Be = class extends He {
+let Ue = class extends Le {
   constructor(t, n, e, r, s, a) {
     super();
     Q(this, "_sceneListenerOnImageMap", /* @__PURE__ */ new WeakSet());
@@ -1505,7 +1506,7 @@ let Be = class extends He {
   _initAutoCrop() {
     this.disposeWithMe(
       this._commandService.onCommandExecuted((t) => {
-        if (t.id !== De.id)
+        if (t.id !== Ee.id)
           return;
         const n = t.params;
         if (n == null)
@@ -1518,14 +1519,14 @@ let Be = class extends He {
           return !0;
         this._searchCropObject(m) != null && this._commandService.syncExecuteCommand(le.id, { isAuto: !0 });
         const h = G({ unitId: a, subUnitId: o, drawingId: c }), f = m.getObject(h);
-        if (!(f instanceof ze)) {
+        if (!(f instanceof Fe)) {
           this._messageService.show({
-            type: Qe.Error,
+            type: en.Error,
             content: this._localeService.t("image-cropper.error")
           });
           return;
         }
-        f != null && (this._updateCropperObject(e, f), this._commandService.executeCommand(Fe.id, { unitId: a, subUnitId: o, drawingId: c }));
+        f != null && (this._updateCropperObject(e, f), this._commandService.executeCommand(Ke.id, { unitId: a, subUnitId: o, drawingId: c }));
       })
     );
   }
@@ -1588,7 +1589,7 @@ let Be = class extends He {
   _initOpenCrop() {
     this.disposeWithMe(
       this._commandService.onCommandExecuted((t) => {
-        if (t.id !== Fe.id)
+        if (t.id !== Ke.id)
           return;
         const n = t.params;
         if (n == null)
@@ -1601,28 +1602,28 @@ let Be = class extends He {
         const g = G({ unitId: e, subUnitId: r, drawingId: s }), m = o.getObject(g);
         if (m == null)
           return;
-        if (!(m instanceof ze)) {
+        if (!(m instanceof Fe)) {
           this._messageService.show({
-            type: Qe.Error,
+            type: en.Error,
             content: this._localeService.t("image-cropper.error")
           });
           return;
         }
         const d = o.getTransformer();
         d == null || d.clearControls();
-        const h = new Me(`${g}-crop`, {
+        const h = new xe(`${g}-crop`, {
           srcRect: m.srcRect,
           prstGeom: m.prstGeom,
           applyTransform: m.calculateTransformWithSrcRect()
         });
-        o.addObject(h, m.getLayerIndex() + 1).attachTransformerTo(h), d == null || d.createControlForCopper(h), this._addHoverForImageCopper(h), m.openRenderByCropper(), d == null || d.refreshControls(), h.makeDirty(!0), this._drawingManagerService.focusDrawing([{ unitId: e, subUnitId: r, drawingId: s }]);
+        o.addObject(h, m.getLayerIndex() + 1).attachTransformerTo(h), d == null || d.createControlForCopper(h), this._addHoverForImageCopper(h), m.openRenderByCropper(), d == null || d.refreshControls(), h.makeDirty(!0), this._commandService.syncExecuteCommand(Oe.id, [{ unitId: e, subUnitId: r, drawingId: s }]);
       })
     );
   }
   _searchCropObject(t) {
     const n = t.getAllObjectsByOrder();
     for (const e of n)
-      if (e instanceof Me)
+      if (e instanceof xe)
         return e;
   }
   _initCloseCrop() {
@@ -1646,14 +1647,14 @@ let Be = class extends He {
         g.detachFrom(o), g.clearCopperControl();
         const m = this._getSrcRectByTransformState(c, o), d = this._drawingManagerService.getDrawingOKey(c.oKey);
         if (d != null) {
-          const { left: h, top: f, height: v, width: w } = o;
+          const { left: h, top: f, height: _, width: w } = o;
           this._drawingManagerService.featurePluginUpdateNotification([{
             ...d,
             transform: {
               ...d.transform,
               left: h,
               top: f,
-              height: v,
+              height: _,
               width: w
             },
             srcRect: m.srcRectAngle
@@ -1662,9 +1663,9 @@ let Be = class extends He {
         c.setSrcRect({ ...m.srcRectAngle }), c.closeRenderByCropper(), c.makeDirty(!0), o == null || o.dispose();
       })
     );
-    const t = this._univerInstanceService.getCurrentTypeOfUnit$(xe.UNIVER_SHEET).pipe(
-      qn((n) => !!n),
-      Jn((n) => n.activeSheet$)
+    const t = this._univerInstanceService.getCurrentTypeOfUnit$(Me.UNIVER_SHEET).pipe(
+      Jn((n) => !!n),
+      Qn((n) => n.activeSheet$)
     );
     this.disposeWithMe(t.subscribe(() => {
       this._commandService.syncExecuteCommand(le.id);
@@ -1682,7 +1683,7 @@ let Be = class extends He {
     this.disposeWithMe(
       n.changeStart$.subscribe((r) => {
         const { objects: s } = r, a = s.values().next().value;
-        if (a == null || !(a instanceof Me))
+        if (a == null || !(a instanceof xe))
           return;
         const { left: o, top: c, height: g, width: m, angle: d } = a;
         e = { left: o, top: c, height: g, width: m, angle: d }, n.clearCopperControl();
@@ -1690,10 +1691,10 @@ let Be = class extends He {
     ), this.disposeWithMe(
       n.changeEnd$.subscribe((r) => {
         const { objects: s } = r, a = s.values().next().value;
-        if (a == null || !(a instanceof Me))
+        if (a == null || !(a instanceof xe))
           return;
         const { left: o, top: c, height: g, width: m, angle: d } = a;
-        if (!cn({ left: o, top: c, height: g, width: m, angle: d }, e))
+        if (!ln({ left: o, top: c, height: g, width: m, angle: d }, e))
           return;
         const h = this._getApplyObjectByCropObject(a);
         if (h == null)
@@ -1706,11 +1707,11 @@ let Be = class extends He {
   _addHoverForImageCopper(t) {
     this.disposeWithMe(
       t.onPointerEnter$.subscribeEvent(() => {
-        t.cursor = Oe.MOVE;
+        t.cursor = Ne.MOVE;
       })
     ), this.disposeWithMe(
       t.onPointerLeave$.subscribeEvent(() => {
-        t.cursor = Oe.DEFAULT;
+        t.cursor = Ne.DEFAULT;
       })
     );
   }
@@ -1723,40 +1724,40 @@ let Be = class extends He {
     );
   }
   _getSrcRectByTransformState(t, n) {
-    const { left: e, top: r, height: s, width: a, strokeWidth: o, angle: c } = n, { left: g, top: m, width: d, height: h, angle: f, strokeWidth: v } = t, w = e - g, p = r - m, S = {
+    const { left: e, top: r, height: s, width: a, strokeWidth: o, angle: c } = n, { left: g, top: m, width: d, height: h, angle: f, strokeWidth: _ } = t, w = e - g, p = r - m, S = {
       left: w,
       top: p,
       right: d - w - a,
       bottom: h - p - s
-    }, _ = { ...S };
+    }, v = { ...S };
     if (f !== 0) {
-      const j = e + a / 2, b = r + s / 2, N = new Ge(j, b), I = d / 2 + g, y = h / 2 + m, P = new Ge(I, y), M = new Ge(g, m);
-      M.rotateByPoint(Je(f), P);
-      const D = M.clone();
-      D.rotateByPoint(Je(-f), N);
+      const j = e + a / 2, b = r + s / 2, N = new We(j, b), P = d / 2 + g, I = h / 2 + m, y = new We(P, I), x = new We(g, m);
+      x.rotateByPoint(Qe(f), y);
+      const D = x.clone();
+      D.rotateByPoint(Qe(-f), N);
       const B = e - D.x, E = r - D.y;
-      _.left = B, _.top = E, _.right = d - B - a, _.bottom = h - E - s;
+      v.left = B, v.top = E, v.right = d - B - a, v.bottom = h - E - s;
     }
     return {
       srcRect: S,
-      srcRectAngle: _
+      srcRectAngle: v
     };
   }
 };
-Be = rr([
+Ue = ir([
   ge(0, me),
   ge(1, te),
   ge(2, ue),
-  ge(3, Ke),
-  ge(4, Kn),
-  ge(5, Ae(ne))
-], Be);
-var ir = Object.defineProperty, ar = Object.getOwnPropertyDescriptor, sr = (i, t, n, e) => {
-  for (var r = e > 1 ? void 0 : e ? ar(t, n) : t, s = i.length - 1, a; s >= 0; s--)
+  ge(3, Ye),
+  ge(4, Yn),
+  ge(5, He(ne))
+], Ue);
+var ar = Object.defineProperty, sr = Object.getOwnPropertyDescriptor, or = (i, t, n, e) => {
+  for (var r = e > 1 ? void 0 : e ? sr(t, n) : t, s = i.length - 1, a; s >= 0; s--)
     (a = i[s]) && (r = (e ? a(t, n, r) : a(r)) || r);
-  return e && r && ir(t, n, r), r;
+  return e && r && ar(t, n, r), r;
 }, oe = (i, t) => (n, e) => t(n, e, i);
-let Ue = class extends He {
+let Ae = class extends Le {
   constructor(i, t, n, e, r, s, a) {
     super(), this._commandService = i, this._renderManagerService = t, this._drawingManagerService = n, this._dialogService = e, this._imageIoService = r, this._currentUniverService = s, this._drawingRenderService = a, this._initialize();
   }
@@ -1769,7 +1770,7 @@ let Ue = class extends He {
   _commandExecutedListener() {
     this.disposeWithMe(
       this._commandService.onCommandExecuted((i) => {
-        if (i.id === Rn.id) {
+        if (i.id === jn.id) {
           const t = i.params;
           if (t == null)
             return;
@@ -1816,7 +1817,7 @@ let Ue = class extends He {
       });
     }), this._drawingManagerService.featurePluginUpdateNotification(t), n.forEach((e) => {
       e.getTransformerByCreate().refreshControls().changeNotification();
-    }), this._drawingManagerService.focusDrawing(i);
+    }), this._commandService.syncExecuteCommand(Oe.id, i);
   }
   _drawingAddListener() {
     this.disposeWithMe(
@@ -1828,7 +1829,7 @@ let Ue = class extends He {
   _insertImages(i) {
     i.forEach(async (t) => {
       var g;
-      const { unitId: n, subUnitId: e, drawingId: r } = t, s = this._getSceneAndTransformerByDrawingSearch(n), a = (g = dn(this._currentUniverService, n)) == null ? void 0 : g.subUnitId;
+      const { unitId: n, subUnitId: e, drawingId: r } = t, s = this._getSceneAndTransformerByDrawingSearch(n), a = (g = hn(this._currentUniverService, n)) == null ? void 0 : g.subUnitId;
       if (s == null || a !== e)
         return;
       const o = this._drawingManagerService.getDrawingByParam(t);
@@ -1853,7 +1854,7 @@ let Ue = class extends He {
           const h = this._getSceneAndTransformerByDrawingSearch(n);
           if (h == null)
             return;
-          const { scene: f, transformer: v } = h;
+          const { scene: f, transformer: _ } = h;
           if (a == null)
             return !0;
           const w = G({ unitId: n, subUnitId: e, drawingId: r }), p = f.getObject(w);
@@ -1868,13 +1869,13 @@ let Ue = class extends He {
     this.disposeWithMe(
       we(
         i.onPointerEnter$.subscribeEvent(() => {
-          i.cursor = Oe.GRAB;
+          i.cursor = Ne.GRAB;
         })
       )
     ), this.disposeWithMe(
       we(
         i.onPointerLeave$.subscribeEvent(() => {
-          i.cursor = Oe.DEFAULT;
+          i.cursor = Ne.DEFAULT;
         })
       )
     );
@@ -1890,63 +1891,63 @@ let Ue = class extends He {
     );
   }
 };
-Ue = sr([
+Ae = or([
   oe(0, me),
   oe(1, ue),
   oe(2, te),
-  oe(3, mn),
-  oe(4, ln),
-  oe(5, Ke),
-  oe(6, Ae(Ne))
-], Ue);
-var or = Object.defineProperty, cr = Object.getOwnPropertyDescriptor, lr = (i, t, n, e) => {
-  for (var r = e > 1 ? void 0 : e ? cr(t, n) : t, s = i.length - 1, a; s >= 0; s--)
+  oe(3, gn),
+  oe(4, mn),
+  oe(5, Ye),
+  oe(6, He(De))
+], Ae);
+var cr = Object.defineProperty, lr = Object.getOwnPropertyDescriptor, mr = (i, t, n, e) => {
+  for (var r = e > 1 ? void 0 : e ? lr(t, n) : t, s = i.length - 1, a; s >= 0; s--)
     (a = i[s]) && (r = (e ? a(t, n, r) : a(r)) || r);
-  return e && r && or(t, n, r), r;
-}, sn = (i, t) => (n, e) => t(n, e, i);
-const mr = "UNIVER_DRAWING_UI_PLUGIN";
-var ke;
-let on = (ke = class extends An {
-  constructor(i = rn, t, n) {
+  return e && r && cr(t, n, r), r;
+}, on = (i, t) => (n, e) => t(n, e, i);
+const gr = "UNIVER_DRAWING_UI_PLUGIN";
+var ze;
+let cn = (ze = class extends Hn {
+  constructor(i = an, t, n) {
     super(), this._config = i, this._injector = t, this._configService = n;
-    const { menu: e, ...r } = Hn(
+    const { menu: e, ...r } = Ln(
       {},
-      rn,
+      an,
       this._config
     );
-    e && this._configService.setConfig("menu", e, { merge: !0 }), this._configService.setConfig(Kt, r);
+    e && this._configService.setConfig("menu", e, { merge: !0 }), this._configService.setConfig(Yt, r);
   }
   onStarting() {
     this._initDependencies();
   }
   onRendered() {
-    this._injector.get(Te), this._injector.get(Ee), this._injector.get(Be), this._injector.get(Ue);
+    this._injector.get(Be), this._injector.get(Te), this._injector.get(Ue), this._injector.get(Ae);
   }
   _initDependencies() {
     [
-      [Ne],
-      [Te],
-      [Ee],
+      [De],
       [Be],
-      [Ue]
+      [Te],
+      [Ue],
+      [Ae]
     ].forEach((t) => this._injector.add(t));
   }
-}, Q(ke, "pluginName", mr), ke);
-on = lr([
-  sn(1, Ae(Un)),
-  sn(2, Ln)
-], on);
+}, Q(ze, "pluginName", gr), ze);
+cn = mr([
+  on(1, He(An)),
+  on(2, Vn)
+], cn);
 export {
-  De as AutoImageCropOperation,
-  Ft as COMPONENT_IMAGE_POPUP_MENU,
+  Ee as AutoImageCropOperation,
+  Kt as COMPONENT_IMAGE_POPUP_MENU,
   le as CloseImageCropOperation,
   vr as DrawingCommonPanel,
-  Ne as DrawingRenderService,
-  Me as ImageCropperObject,
-  zt as ImagePopupMenu,
-  Rn as ImageResetSizeOperation,
-  Fe as OpenImageCropOperation,
-  Ze as SetDrawingAlignOperation,
-  on as UniverDrawingUIPlugin,
-  Le as getUpdateParams
+  De as DrawingRenderService,
+  xe as ImageCropperObject,
+  Ft as ImagePopupMenu,
+  jn as ImageResetSizeOperation,
+  Ke as OpenImageCropOperation,
+  Xe as SetDrawingAlignOperation,
+  cn as UniverDrawingUIPlugin,
+  Ve as getUpdateParams
 };