@univerjs/drawing-ui 0.1.13-nightly.202406041140

package/lib/es/index.js

@@ -0,0 +1,1770 @@
+var Pt = Object.defineProperty;
+var Et = (a, n, e) => n in a ? Pt(a, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[n] = e;
+var ne = (a, n, e) => (Et(a, typeof n != "symbol" ? n + "" : n, e), e);
+import { DrawingTypeEnum as oe, IDrawingManagerService as se, ArrangeTypeEnum as ye, getDrawingShapeKeyByDrawingSearch as x, ImageSourceType as Rt, IImageIoService as Mt } from "@univerjs/drawing";
+import { CommandType as Ie, LocaleService as J, debounce as Pe, ICommandService as le, Tools as Nt, UniverInstanceType as Ae, Disposable as He, checkIfMove as tt, toDisposable as K, OnLifecycle as Le, LifecycleStages as je, IUniverInstanceService as ze, Plugin as Ot } from "@univerjs/core";
+import { useDependency as A } from "@wendellhu/redi/react-bindings";
+import l, { forwardRef as q, useRef as nt, createElement as Q, useState as j, useEffect as be } from "react";
+import { IRenderManagerService as fe, getGroupState as Dt, transformObjectOutOfGroup as Tt, Group as _e, DRAWING_OBJECT_LAYER_INDEX as $e, RENDER_CLASS_TYPE as Ye, Shape as Bt, Rect as kt, Canvas as Ut, Image as Ge, precisionTo as Ee, CURSOR_TYPE as ke, Vector2 as xe, degToRad as Xe } from "@univerjs/engine-render";
+import { Button as ie, InputNumber as Ce, Checkbox as Ht, Select as rt, Dropdown as Lt, MessageType as Je } from "@univerjs/design";
+import D from "clsx";
+import { Inject as de, Injector as at } from "@wendellhu/redi";
+import { ComponentManager as jt, IMenuService as At, IMessageService as xt, IDialogService as Vt } from "@univerjs/ui";
+function Se(a, n) {
+  const e = [];
+  return a.forEach((t) => {
+    const { oKey: r, left: o, top: i, height: s, width: c, angle: g } = t, u = n.getDrawingOKey(r);
+    if (u == null)
+      return e.push(null), !0;
+    const { unitId: d, subUnitId: h, drawingId: f, drawingType: v } = u, w = {
+      unitId: d,
+      subUnitId: h,
+      drawingId: f,
+      drawingType: v,
+      transform: {
+        left: o,
+        top: i,
+        height: s,
+        width: c,
+        angle: g
+      }
+    };
+    v === oe.DRAWING_IMAGE && (w.srcRect = t.srcRect), e.push(w);
+  }), e;
+}
+const it = {
+  id: "sheet.operation.image-reset-size",
+  type: Ie.OPERATION,
+  handler: (a, n) => !0
+}, We = {
+  id: "sheet.operation.open-image-crop",
+  type: Ie.OPERATION,
+  handler: (a, n) => !0
+}, he = {
+  id: "sheet.operation.close-image-crop",
+  type: Ie.OPERATION,
+  handler: (a, n) => !0
+};
+var H = /* @__PURE__ */ ((a) => (a.FREE = "0", a.R1_1 = "1", a.R16_9 = "2", a.R9_16 = "3", a.R5_4 = "4", a.R4_5 = "5", a.R4_3 = "6", a.R3_4 = "7", a.R3_2 = "8", a.R2_3 = "9", a))(H || {});
+const Ue = {
+  id: "sheet.operation.Auto-image-crop",
+  type: Ie.OPERATION,
+  handler: (a, n) => !0
+};
+var z = function() {
+  return z = Object.assign || function(a) {
+    for (var n, e = 1, t = arguments.length; e < t; e++) {
+      n = arguments[e];
+      for (var r in n)
+        Object.prototype.hasOwnProperty.call(n, r) && (a[r] = n[r]);
+    }
+    return a;
+  }, z.apply(this, arguments);
+}, Gt = function(a, n) {
+  var e = {};
+  for (var t in a)
+    Object.prototype.hasOwnProperty.call(a, t) && n.indexOf(t) < 0 && (e[t] = a[t]);
+  if (a != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var r = 0, t = Object.getOwnPropertySymbols(a); r < t.length; r++)
+      n.indexOf(t[r]) < 0 && Object.prototype.propertyIsEnumerable.call(a, t[r]) && (e[t[r]] = a[t[r]]);
+  return e;
+}, ee = q(function(a, n) {
+  var e = a.icon, t = a.id, r = a.className, o = a.extend, i = Gt(a, ["icon", "id", "className", "extend"]), s = "univerjs-icon univerjs-icon-".concat(t, " ").concat(r || "").trim(), c = nt("_".concat($t()));
+  return ot(e, "".concat(t), { defIds: e.defIds, idSuffix: c.current }, z({ ref: n, className: s }, i), o);
+});
+function ot(a, n, e, t, r) {
+  return Q(a.tag, z(z({ key: n }, Wt(a, e, r)), t), (zt(a, e).children || []).map(function(o, i) {
+    return ot(o, "".concat(n, "-").concat(a.tag, "-").concat(i), e, void 0, r);
+  }));
+}
+function Wt(a, n, e) {
+  var t = z({}, a.attrs);
+  e != null && e.colorChannel1 && t.fill === "colorChannel1" && (t.fill = e.colorChannel1);
+  var r = n.defIds;
+  return !r || r.length === 0 || (a.tag === "use" && t["xlink:href"] && (t["xlink:href"] = t["xlink:href"] + n.idSuffix), Object.entries(t).forEach(function(o) {
+    var i = o[0], s = o[1];
+    typeof s == "string" && (t[i] = s.replace(/url\(#(.*)\)/, "url(#$1".concat(n.idSuffix, ")")));
+  })), t;
+}
+function zt(a, n) {
+  var e, t = n.defIds;
+  return !t || t.length === 0 ? a : a.tag === "defs" && (!((e = a.children) === null || e === void 0) && e.length) ? z(z({}, a), { children: a.children.map(function(r) {
+    return typeof r.attrs.id == "string" && t && t.indexOf(r.attrs.id) > -1 ? z(z({}, r), { attrs: z(z({}, r.attrs), { id: r.attrs.id + n.idSuffix }) }) : r;
+  }) }) : a;
+}
+function $t() {
+  return Math.random().toString(36).substring(2, 8);
+}
+ee.displayName = "UniverIcon";
+var Ft = { 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" } }] }, st = q(function(a, n) {
+  return Q(ee, Object.assign({}, a, {
+    id: "autofill",
+    ref: n,
+    icon: Ft
+  }));
+});
+st.displayName = "Autofill";
+var Kt = { 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" } }] }, lt = q(function(a, n) {
+  return Q(ee, Object.assign({}, a, {
+    id: "bottom-single",
+    ref: n,
+    icon: Kt
+  }));
+});
+lt.displayName = "BottomSingle";
+var Zt = { 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" } }] }, ct = q(function(a, n) {
+  return Q(ee, Object.assign({}, a, {
+    id: "create-copy-single",
+    ref: n,
+    icon: Zt
+  }));
+});
+ct.displayName = "CreateCopySingle";
+var Yt = { 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" } }] }, mt = q(function(a, n) {
+  return Q(ee, Object.assign({}, a, {
+    id: "group-single",
+    ref: n,
+    icon: Yt
+  }));
+});
+mt.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" } }] }, gt = q(function(a, n) {
+  return Q(ee, Object.assign({}, a, {
+    id: "more-down-single",
+    ref: n,
+    icon: Xt
+  }));
+});
+gt.displayName = "MoreDownSingle";
+var Jt = { 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" } }] }, ut = q(function(a, n) {
+  return Q(ee, Object.assign({}, a, {
+    id: "move-down-single",
+    ref: n,
+    icon: Jt
+  }));
+});
+ut.displayName = "MoveDownSingle";
+var qt = { 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" } }] }, dt = q(function(a, n) {
+  return Q(ee, Object.assign({}, a, {
+    id: "move-up-single",
+    ref: n,
+    icon: qt
+  }));
+});
+dt.displayName = "MoveUpSingle";
+var Qt = { 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" } }] }, ht = q(function(a, n) {
+  return Q(ee, Object.assign({}, a, {
+    id: "topmost-single",
+    ref: n,
+    icon: Qt
+  }));
+});
+ht.displayName = "TopmostSingle";
+var en = { 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" } }] }, ft = q(function(a, n) {
+  return Q(ee, Object.assign({}, a, {
+    id: "ungroup-single",
+    ref: n,
+    icon: en
+  }));
+});
+ft.displayName = "UngroupSingle";
+const tn = "univer-image-common-panel", nn = "univer-image-common-panel-grid", rn = "univer-image-common-panel-border", an = "univer-image-common-panel-title", on = "univer-image-common-panel-row", sn = "univer-image-common-panel-row-vertical", ln = "univer-image-common-panel-column", cn = "univer-image-common-panel-column-center", mn = "univer-image-common-panel-inline", gn = "univer-image-common-panel-span2", un = "univer-image-common-panel-span3", dn = "univer-image-common-panel-input", m = {
+  imageCommonPanel: tn,
+  imageCommonPanelGrid: nn,
+  imageCommonPanelBorder: rn,
+  imageCommonPanelTitle: an,
+  imageCommonPanelRow: on,
+  imageCommonPanelRowVertical: sn,
+  imageCommonPanelColumn: ln,
+  imageCommonPanelColumnCenter: cn,
+  imageCommonPanelInline: mn,
+  imageCommonPanelSpan2: gn,
+  imageCommonPanelSpan3: un,
+  imageCommonPanelInput: dn
+}, hn = (a) => {
+  const { arrangeShow: n, drawings: e } = a, t = A(J), r = A(se), o = (g) => g ? "block" : "none", [i, s] = j(e);
+  be(() => {
+    const g = r.focus$.subscribe((u) => {
+      s(u);
+    });
+    return () => {
+      g.unsubscribe();
+    };
+  }, []);
+  const c = (g) => {
+    const u = i[0].unitId, d = i[0].subUnitId, h = i.map((f) => f.drawingId);
+    r.featurePluginOrderUpdateNotification({ unitId: u, subUnitId: d, drawingIds: h, arrangeType: g });
+  };
+  return /* @__PURE__ */ l.createElement("div", { className: m.imageCommonPanelGrid, style: { display: o(n) } }, /* @__PURE__ */ l.createElement("div", { className: m.imageCommonPanelRow }, /* @__PURE__ */ l.createElement("div", { className: D(m.imageCommonPanelColumn, m.imageCommonPanelTitle) }, /* @__PURE__ */ l.createElement("div", null, t.t("image-panel.arrange.title")))), /* @__PURE__ */ l.createElement("div", { className: m.imageCommonPanelRow }, /* @__PURE__ */ l.createElement("div", { className: D(m.imageCommonPanelColumn, m.imageCommonPanelSpan2) }, /* @__PURE__ */ l.createElement(ie, { size: "small", onClick: () => {
+    c(ye.forward);
+  } }, /* @__PURE__ */ l.createElement("span", { className: m.imageCommonPanelInline }, /* @__PURE__ */ l.createElement(dt, null), t.t("image-panel.arrange.forward")))), /* @__PURE__ */ l.createElement("div", { className: D(m.imageCommonPanelColumn, m.imageCommonPanelSpan2) }, /* @__PURE__ */ l.createElement(ie, { size: "small", onClick: () => {
+    c(ye.backward);
+  } }, /* @__PURE__ */ l.createElement("span", { className: m.imageCommonPanelInline }, /* @__PURE__ */ l.createElement(ut, null), t.t("image-panel.arrange.backward"))))), /* @__PURE__ */ l.createElement("div", { className: m.imageCommonPanelRow }, /* @__PURE__ */ l.createElement("div", { className: D(m.imageCommonPanelColumn, m.imageCommonPanelSpan2) }, /* @__PURE__ */ l.createElement(ie, { size: "small", onClick: () => {
+    c(ye.front);
+  } }, /* @__PURE__ */ l.createElement("span", { className: m.imageCommonPanelInline }, /* @__PURE__ */ l.createElement(ht, null), t.t("image-panel.arrange.front")))), /* @__PURE__ */ l.createElement("div", { className: D(m.imageCommonPanelColumn, m.imageCommonPanelSpan2) }, /* @__PURE__ */ l.createElement(ie, { size: "small", onClick: () => {
+    c(ye.back);
+  } }, /* @__PURE__ */ l.createElement("span", { className: m.imageCommonPanelInline }, /* @__PURE__ */ l.createElement(lt, null), t.t("image-panel.arrange.back"))))));
+}, ae = 20, fn = 20, pn = [-3600, 3600], Re = 300, Cn = (a) => {
+  var Ze;
+  const n = A(J), e = A(se), t = A(fe), { drawings: r, transformShow: o } = a, i = r[0];
+  if (i == null)
+    return;
+  const s = i.transform;
+  if (s == null)
+    return;
+  const { unitId: c, subUnitId: g, drawingId: u, drawingType: d } = i, h = t.getRenderById(c), f = h == null ? void 0 : h.scene;
+  if (f == null)
+    return;
+  const v = (Ze = f.getEngine()) == null ? void 0 : Ze.activeScene;
+  if (v == null)
+    return;
+  const w = f.getTransformerByCreate(), {
+    width: p = 0,
+    height: E = 0,
+    left: _ = 0,
+    top: N = 0,
+    angle: S = 0
+  } = s, [b, I] = j(p), [R, y] = j(E), [P, M] = j(_), [B, U] = j(N), [te, V] = j(S), [ce, Z] = j(w.keepRatio), me = (C, L, k, T) => {
+    const { width: Y, height: X } = v, { ancestorLeft: G, ancestorTop: W } = f;
+    let $ = C, F = L, re = k, pe = T;
+    return C + G < 0 && ($ = -G), L + W < 0 && (F = -W), $ + k + G > Y && (re = Y - $ - G), re < ae && (re = ae), F + T + W > X && (pe = X - F - W), pe < ae && (pe = ae), C + re + G > Y && ($ = Y - k - G), L + pe + W > X && (F = X - T - W), {
+      limitLeft: $,
+      limitTop: F,
+      limitWidth: re,
+      limitHeight: pe
+    };
+  }, Ke = (C) => {
+    const { objects: L } = C, k = Se(L, e);
+    if (k.length !== 1)
+      return;
+    const T = k[0];
+    if (T == null)
+      return;
+    const Y = T.transform;
+    if (Y == null)
+      return;
+    const {
+      width: X,
+      height: G,
+      left: W,
+      top: $,
+      angle: F
+    } = Y;
+    X != null && I(X), G != null && y(G), W != null && M(W), $ != null && U($), F != null && V(F);
+  };
+  be(() => {
+    const C = w.onChangeStartObservable.add((T) => {
+      Ke(T);
+    }), L = w.onChangingObservable.add((T) => {
+      Ke(T);
+    }), k = e.focus$.subscribe((T) => {
+      if (T.length !== 1)
+        return;
+      const Y = e.getDrawingByParam(T[0]);
+      if (Y == null)
+        return;
+      const X = Y.transform;
+      if (X == null)
+        return;
+      const {
+        width: G,
+        height: W,
+        left: $,
+        top: F,
+        angle: re
+      } = X;
+      G != null && I(G), W != null && y(W), $ != null && M($), F != null && U(F), re != null && V(re);
+    });
+    return () => {
+      L == null || L.dispose(), C == null || C.dispose(), k == null || k.unsubscribe();
+    };
+  }, []);
+  const wt = Pe((C) => {
+    if (C == null)
+      return;
+    C = Math.max(C, ae);
+    const { limitWidth: L } = me(P, B, C, R);
+    C = L;
+    const k = { unitId: c, subUnitId: g, drawingId: u, drawingType: d, transform: { width: C } };
+    if (ce) {
+      let T = C / b * R;
+      T = Math.max(T, fn), y(T), k.transform.height = T;
+    }
+    I(C), e.featurePluginUpdateNotification([k]), w.refreshControls().changeNotification();
+  }, Re), vt = Pe((C) => {
+    if (C == null)
+      return;
+    C = Math.max(C, ae);
+    const { limitHeight: L } = me(P, B, b, C);
+    C = L;
+    const k = { unitId: c, subUnitId: g, drawingId: u, drawingType: d, transform: { height: C } };
+    if (ce) {
+      let T = C / R * b;
+      T = Math.max(T, ae), I(T), k.transform.width = T;
+    }
+    y(C), e.featurePluginUpdateNotification([k]), w.refreshControls().changeNotification();
+  }, Re), _t = Pe((C) => {
+    if (C == null)
+      return;
+    const { limitLeft: L } = me(C, B, b, R);
+    C = L;
+    const k = { unitId: c, subUnitId: g, drawingId: u, drawingType: d, transform: { left: C } };
+    M(C), e.featurePluginUpdateNotification([k]), w.refreshControls().changeNotification();
+  }, Re), St = Pe((C) => {
+    if (C == null)
+      return;
+    const { limitTop: L } = me(P, C, b, R);
+    C = L;
+    const k = { unitId: c, subUnitId: g, drawingId: u, drawingType: d, transform: { top: C } };
+    U(C), e.featurePluginUpdateNotification([k]), w.refreshControls().changeNotification();
+  }, Re), It = (C) => {
+    if (C == null)
+      return;
+    const [L, k] = pn;
+    C < L && (C = L), C > k && (C = k);
+    const T = { unitId: c, subUnitId: g, drawingId: u, drawingType: d, transform: { angle: C } };
+    V(C), e.featurePluginUpdateNotification([T]), w.refreshControls().changeNotification();
+  }, bt = (C) => {
+    Z(C), w.keepRatio = C;
+  }, yt = (C) => C ? "block" : "none";
+  return /* @__PURE__ */ l.createElement("div", { className: D(m.imageCommonPanelGrid, m.imageCommonPanelBorder), style: { display: yt(o) } }, /* @__PURE__ */ l.createElement("div", { className: m.imageCommonPanelRow }, /* @__PURE__ */ l.createElement("div", { className: D(m.imageCommonPanelColumn, m.imageCommonPanelTitle) }, /* @__PURE__ */ l.createElement("div", null, n.t("image-panel.transform.title")))), /* @__PURE__ */ l.createElement("div", { className: m.imageCommonPanelRow }, /* @__PURE__ */ l.createElement("div", { className: D(m.imageCommonPanelColumn, m.imageCommonPanelSpan3) }, /* @__PURE__ */ l.createElement("label", null, /* @__PURE__ */ l.createElement("div", { className: m.imageCommonPanelRow }, /* @__PURE__ */ l.createElement("div", { className: m.imageCommonPanelColumn }, n.t("image-panel.transform.width"))), /* @__PURE__ */ l.createElement("div", { className: m.imageCommonPanelRow }, /* @__PURE__ */ l.createElement("div", { className: m.imageCommonPanelColumn }, /* @__PURE__ */ l.createElement(Ce, { precision: 1, value: b, onChange: (C) => {
+    wt(C);
+  }, className: m.imageCommonPanelInput }))))), /* @__PURE__ */ l.createElement("div", { className: D(m.imageCommonPanelColumn, m.imageCommonPanelSpan3) }, /* @__PURE__ */ l.createElement("label", null, /* @__PURE__ */ l.createElement("div", { className: m.imageCommonPanelRow }, /* @__PURE__ */ l.createElement("div", { className: m.imageCommonPanelColumn }, n.t("image-panel.transform.height"))), /* @__PURE__ */ l.createElement("div", { className: m.imageCommonPanelRow }, /* @__PURE__ */ l.createElement("div", { className: m.imageCommonPanelColumn }, /* @__PURE__ */ l.createElement(Ce, { precision: 1, value: R, onChange: (C) => {
+    vt(C);
+  }, className: m.imageCommonPanelInput }))))), /* @__PURE__ */ l.createElement("div", { className: D(m.imageCommonPanelColumn, m.imageCommonPanelSpan3) }, /* @__PURE__ */ l.createElement("label", null, /* @__PURE__ */ l.createElement("div", { className: m.imageCommonPanelRow }, /* @__PURE__ */ l.createElement("div", { className: m.imageCommonPanelColumn }, n.t("image-panel.transform.lock"))), /* @__PURE__ */ l.createElement("div", { className: D(m.imageCommonPanelRow, m.imageCommonPanelRowVertical) }, /* @__PURE__ */ l.createElement("div", { className: m.imageCommonPanelColumn }, /* @__PURE__ */ l.createElement(Ht, { checked: ce, onChange: bt })))))), /* @__PURE__ */ l.createElement("div", { className: m.imageCommonPanelRow }, /* @__PURE__ */ l.createElement("div", { className: D(m.imageCommonPanelColumn, m.imageCommonPanelSpan3) }, /* @__PURE__ */ l.createElement("label", null, /* @__PURE__ */ l.createElement("div", { className: m.imageCommonPanelRow }, /* @__PURE__ */ l.createElement("div", { className: m.imageCommonPanelColumn }, n.t("image-panel.transform.x"))), /* @__PURE__ */ l.createElement("div", { className: m.imageCommonPanelRow }, /* @__PURE__ */ l.createElement("div", { className: m.imageCommonPanelColumn }, /* @__PURE__ */ l.createElement(Ce, { precision: 1, value: P, onChange: (C) => {
+    _t(C);
+  }, className: m.imageCommonPanelInput }))))), /* @__PURE__ */ l.createElement("div", { className: D(m.imageCommonPanelColumn, m.imageCommonPanelSpan3) }, /* @__PURE__ */ l.createElement("label", null, /* @__PURE__ */ l.createElement("div", { className: m.imageCommonPanelRow }, /* @__PURE__ */ l.createElement("div", { className: m.imageCommonPanelColumn }, n.t("image-panel.transform.y"))), /* @__PURE__ */ l.createElement("div", { className: m.imageCommonPanelRow }, /* @__PURE__ */ l.createElement("div", { className: m.imageCommonPanelColumn }, /* @__PURE__ */ l.createElement(Ce, { precision: 1, value: B, onChange: (C) => {
+    St(C);
+  }, className: m.imageCommonPanelInput }))))), /* @__PURE__ */ l.createElement("div", { className: D(m.imageCommonPanelColumn, m.imageCommonPanelSpan3) }, /* @__PURE__ */ l.createElement("label", null, /* @__PURE__ */ l.createElement("div", { className: m.imageCommonPanelRow }, /* @__PURE__ */ l.createElement("div", { className: m.imageCommonPanelColumn }, n.t("image-panel.transform.rotate"))), /* @__PURE__ */ l.createElement("div", { className: m.imageCommonPanelRow }, /* @__PURE__ */ l.createElement("div", { className: m.imageCommonPanelColumn }, /* @__PURE__ */ l.createElement(Ce, { precision: 1, value: te, onChange: It, className: m.imageCommonPanelInput })))))));
+};
+var O = /* @__PURE__ */ ((a) => (a.default = "0", a.left = "1", a.center = "2", a.right = "3", a.top = "4", a.middle = "5", a.bottom = "6", a.horizon = "7", a.vertical = "8", a))(O || {});
+const Fe = {
+  id: "sheet.operation.set-image-align",
+  type: Ie.OPERATION,
+  handler: (a, n) => !0
+}, wn = (a) => {
+  const n = A(le), e = A(J), { alignShow: t } = a, [r, o] = j(O.default), i = [
+    {
+      label: e.t("image-panel.align.default"),
+      value: O.default
+    },
+    {
+      options: [
+        {
+          label: e.t("image-panel.align.left"),
+          value: O.left
+        },
+        {
+          label: e.t("image-panel.align.center"),
+          value: O.center
+        },
+        {
+          label: e.t("image-panel.align.right"),
+          value: O.right
+        }
+      ]
+    },
+    {
+      options: [
+        {
+          label: e.t("image-panel.align.top"),
+          value: O.top
+        },
+        {
+          label: e.t("image-panel.align.middle"),
+          value: O.middle
+        },
+        {
+          label: e.t("image-panel.align.bottom"),
+          value: O.bottom
+        }
+      ]
+    },
+    {
+      options: [
+        {
+          label: e.t("image-panel.align.horizon"),
+          value: O.horizon
+        },
+        {
+          label: e.t("image-panel.align.vertical"),
+          value: O.vertical
+        }
+      ]
+    }
+  ];
+  function s(g) {
+    o(g), n.executeCommand(Fe.id, {
+      alignType: g
+    });
+  }
+  const c = (g) => g ? "block" : "none";
+  return /* @__PURE__ */ l.createElement("div", { className: D(m.imageCommonPanelGrid, m.imageCommonPanelBorder), style: { display: c(t) } }, /* @__PURE__ */ l.createElement("div", { className: m.imageCommonPanelRow }, /* @__PURE__ */ l.createElement("div", { className: D(m.imageCommonPanelColumn, m.imageCommonPanelTitle) }, /* @__PURE__ */ l.createElement("div", null, e.t("image-panel.align.title")))), /* @__PURE__ */ l.createElement("div", { className: m.imageCommonPanelRow }, /* @__PURE__ */ l.createElement("div", { className: D(m.imageCommonPanelColumn) }, /* @__PURE__ */ l.createElement(rt, { value: r, options: i, onChange: s }))));
+}, vn = (a) => {
+  const n = A(le), e = A(J), { drawings: t, cropperShow: r } = a;
+  if (t[0] == null)
+    return;
+  const [i, s] = j(H.FREE), c = nt(!1), g = [
+    {
+      label: e.t("image-panel.crop.mode"),
+      value: H.FREE
+    },
+    {
+      label: "1:1",
+      value: H.R1_1
+    },
+    {
+      label: "16:9",
+      value: H.R16_9
+    },
+    {
+      label: "9:16",
+      value: H.R9_16
+    },
+    {
+      label: "5:4",
+      value: H.R5_4
+    },
+    {
+      label: "4:5",
+      value: H.R4_5
+    },
+    {
+      label: "4:3",
+      value: H.R4_3
+    },
+    {
+      label: "3:4",
+      value: H.R3_4
+    },
+    {
+      label: "3:2",
+      value: H.R3_2
+    },
+    {
+      label: "2:3",
+      value: H.R2_3
+    }
+  ];
+  be(() => {
+    const f = n.onCommandExecuted((v) => {
+      if (v.id === he.id) {
+        const w = v.params;
+        w != null && w.isAuto || (c.current = !1);
+      }
+    });
+    return () => {
+      f == null || f.dispose();
+    };
+  }, []);
+  function u(f) {
+    s(f), c.current && n.executeCommand(Ue.id, {
+      cropType: f
+    });
+  }
+  const d = (f) => f ? "block" : "none", h = (f) => {
+    n.executeCommand(Ue.id, {
+      cropType: f
+    }), c.current = !0;
+  };
+  return /* @__PURE__ */ l.createElement("div", { className: D(m.imageCommonPanelGrid, m.imageCommonPanelBorder), style: { display: d(r) } }, /* @__PURE__ */ l.createElement("div", { className: m.imageCommonPanelRow }, /* @__PURE__ */ l.createElement("div", { className: D(m.imageCommonPanelColumn, m.imageCommonPanelTitle) }, /* @__PURE__ */ l.createElement("div", null, e.t("image-panel.crop.title")))), /* @__PURE__ */ l.createElement("div", { className: D(m.imageCommonPanelRow, m.imageCommonPanelRowVertical) }, /* @__PURE__ */ l.createElement("div", { className: D(m.imageCommonPanelColumn, m.imageCommonPanelSpan2) }, /* @__PURE__ */ l.createElement(ie, { size: "small", onClick: () => {
+    h(i);
+  } }, /* @__PURE__ */ l.createElement("span", { className: m.imageCommonPanelInline }, /* @__PURE__ */ l.createElement(ct, null), e.t("image-panel.crop.start")))), /* @__PURE__ */ l.createElement("div", { className: D(m.imageCommonPanelColumn, m.imageCommonPanelSpan2) }, /* @__PURE__ */ l.createElement(rt, { value: i, options: g, onChange: u }))));
+}, _n = (a) => {
+  const n = A(J), e = A(fe), t = A(se), { hasGroup: r, drawings: o } = a, [i, s] = j(!1), [c, g] = j(!0), [u, d] = j(!0), h = (p) => p ? "block" : "none", f = () => {
+    const p = t.getFocusDrawings(), { unitId: E, subUnitId: _ } = p[0], N = Nt.generateRandomId(10), S = Dt(0, 0, p.map((R) => R.transform || {})), b = {
+      unitId: E,
+      subUnitId: _,
+      drawingId: N,
+      drawingType: oe.DRAWING_GROUP,
+      transform: S
+    }, I = p.map((R) => {
+      const y = R.transform || { left: 0, top: 0 }, { unitId: P, subUnitId: M, drawingId: B } = R;
+      return {
+        unitId: P,
+        subUnitId: M,
+        drawingId: B,
+        transform: {
+          ...y,
+          left: y.left - S.left,
+          top: y.top - S.top
+        },
+        groupId: N
+      };
+    });
+    t.featurePluginGroupUpdateNotification([{
+      parent: b,
+      children: I
+    }]);
+  }, v = (p) => {
+    if (p.drawingType !== oe.DRAWING_GROUP)
+      return;
+    const { unitId: E, subUnitId: _, drawingId: N, transform: S = { width: 0, height: 0 } } = p;
+    if (S == null)
+      return;
+    const b = t.getDrawingsByGroup({ unitId: E, subUnitId: _, drawingId: N });
+    if (b.length === 0)
+      return;
+    const I = b.map((R) => {
+      const { transform: y } = R, { unitId: P, subUnitId: M, drawingId: B } = R, U = Tt(y || {}, S, S.width || 0, S.height || 0);
+      return {
+        unitId: P,
+        subUnitId: M,
+        drawingId: B,
+        transform: {
+          ...y,
+          ...U
+        },
+        groupId: void 0
+      };
+    });
+    return {
+      parent: p,
+      children: I
+    };
+  }, w = () => {
+    const E = t.getFocusDrawings().map(
+      (_) => v(_)
+    ).filter((_) => _ != null);
+    E.length !== 0 && t.featurePluginUngroupUpdateNotification(E);
+  };
+  return be(() => {
+    const p = o[0];
+    if (p == null)
+      return;
+    const { unitId: E } = p, _ = e.getRenderById(E), N = _ == null ? void 0 : _.scene;
+    if (N == null)
+      return;
+    const S = N.getTransformerByCreate(), b = S.onClearControlObservable.add((R) => {
+      R === !0 && s(!1);
+    }), I = S.onChangeStartObservable.add((R) => {
+      const { objects: y } = R, P = Se(y, t), M = P.filter((V) => (V == null ? void 0 : V.drawingType) === oe.DRAWING_GROUP);
+      let B = !1, U = !1;
+      P.length > 1 && (B = !0), M.length > 0 && (U = !0), s(B || U), g(B), d(U);
+    });
+    return () => {
+      I == null || I.dispose(), b == null || b.dispose();
+    };
+  }, []), /* @__PURE__ */ l.createElement("div", { className: D(m.imageCommonPanelGrid, m.imageCommonPanelBorder), style: { display: h(r === !0 ? i : !1) } }, /* @__PURE__ */ l.createElement("div", { className: m.imageCommonPanelRow }, /* @__PURE__ */ l.createElement("div", { className: D(m.imageCommonPanelColumn, m.imageCommonPanelTitle) }, /* @__PURE__ */ l.createElement("div", null, n.t("image-panel.group.title")))), /* @__PURE__ */ l.createElement("div", { className: m.imageCommonPanelRow }, /* @__PURE__ */ l.createElement("div", { className: D(m.imageCommonPanelColumn, m.imageCommonPanelSpan2, m.imageCommonPanelColumnCenter) }, /* @__PURE__ */ l.createElement(ie, { size: "small", onClick: () => {
+    f();
+  }, style: { display: h(c) } }, /* @__PURE__ */ l.createElement("span", { className: m.imageCommonPanelInline }, /* @__PURE__ */ l.createElement(mt, null), n.t("image-panel.group.group")))), /* @__PURE__ */ l.createElement("div", { className: D(m.imageCommonPanelColumn, m.imageCommonPanelSpan2, m.imageCommonPanelColumnCenter) }, /* @__PURE__ */ l.createElement(ie, { size: "small", onClick: () => {
+    w();
+  }, style: { display: h(u) } }, /* @__PURE__ */ l.createElement("span", { className: m.imageCommonPanelInline }, /* @__PURE__ */ l.createElement(ft, null), n.t("image-panel.group.unGroup"))))));
+}, Zn = (a) => {
+  const n = A(se), e = A(fe), t = A(J), { drawings: r, hasArrange: o = !0, hasTransform: i = !0, hasAlign: s = !0, hasCropper: c = !0, hasGroup: g = !0 } = a, u = r[0];
+  if (u == null)
+    return;
+  const { unitId: d } = u, h = e.getRenderById(d), f = h == null ? void 0 : h.scene;
+  if (f == null)
+    return;
+  const v = f.getTransformerByCreate(), [w, p] = j(!0), [E, _] = j(!0), [N, S] = j(!1), [b, I] = j(!0), [R, y] = j(!1);
+  return be(() => {
+    const P = v.onClearControlObservable.add((U) => {
+      U === !0 && (p(!1), _(!1), S(!1), I(!1), y(!0));
+    }), M = v.onChangeStartObservable.add((U) => {
+      const { objects: te } = U, V = Se(te, n);
+      V.length === 0 ? (p(!1), _(!1), S(!1), I(!1), y(!0)) : V.length === 1 ? (p(!0), _(!0), S(!1), I(!0), y(!1)) : (p(!0), _(!1), S(!0), I(!1), y(!1));
+    }), B = n.focus$.subscribe((U) => {
+      U.length === 0 ? (p(!1), _(!1), S(!1), I(!1), y(!0)) : U.length === 1 ? (p(!0), _(!0), S(!1), I(!0), y(!1)) : (p(!0), _(!1), S(!0), I(!1), y(!1));
+    });
+    return () => {
+      M == null || M.dispose(), P == null || P.dispose(), B == null || B.unsubscribe();
+    };
+  }, []), /* @__PURE__ */ l.createElement(l.Fragment, null, /* @__PURE__ */ l.createElement("div", { style: { display: R === !0 ? "block" : "none", height: "100%" } }, /* @__PURE__ */ l.createElement("div", { style: { display: "flex", justifyContent: "center", alignItems: "center", height: "100%", top: "50%", marginTop: "-100px" } }, /* @__PURE__ */ l.createElement("span", null, t.t("image-panel.null")))), /* @__PURE__ */ l.createElement(hn, { arrangeShow: o === !0 ? w : !1, drawings: r }), /* @__PURE__ */ l.createElement(Cn, { transformShow: i === !0 ? E : !1, drawings: r }), /* @__PURE__ */ l.createElement(wn, { alignShow: s === !0 ? N : !1, drawings: r }), /* @__PURE__ */ l.createElement(vn, { cropperShow: c === !0 ? b : !1, drawings: r }), /* @__PURE__ */ l.createElement(_n, { hasGroup: g, drawings: r }));
+}, Sn = "univer-image-popup-menu", In = "univer-image-popup-menu-item", bn = "univer-image-popup-menu-item-icon", yn = "univer-image-popup-menu-item-title", Pn = "univer-image-popup-menu-item-hide", En = "univer-btn-container", Rn = "univer-btn-container-expand", we = {
+  imagePopupMenu: Sn,
+  imagePopupMenuItem: In,
+  imagePopupMenuItemIcon: bn,
+  imagePopupMenuItemTitle: yn,
+  imagePopupMenuItemHide: Pn,
+  btnContainer: En,
+  btnContainerExpand: Rn
+}, Mn = (a) => {
+  var v, w;
+  const n = (w = (v = a.popup) == null ? void 0 : v.extraProps) == null ? void 0 : w.menuItems;
+  if (!n)
+    return null;
+  const e = A(le), t = A(J), [r, o] = j(!1), [i, s] = j(!1), c = () => {
+    s(!0);
+  }, g = () => {
+    s(!1);
+  }, u = (p) => {
+    o(p);
+  }, d = (p) => {
+    e.executeCommand(p.commandId, p.commandParams), o(!1);
+  }, h = r || i, f = n.filter((p) => !p.disable);
+  return /* @__PURE__ */ l.createElement(
+    "div",
+    {
+      onMouseEnter: c,
+      onMouseLeave: g
+    },
+    /* @__PURE__ */ l.createElement(
+      Lt,
+      {
+        placement: "bottomLeft",
+        trigger: ["click"],
+        overlay: /* @__PURE__ */ l.createElement("ul", { className: we.imagePopupMenu }, f.map((p) => /* @__PURE__ */ l.createElement(
+          "li",
+          {
+            key: p.index,
+            onClick: () => d(p),
+            className: we.imagePopupMenuItem
+          },
+          /* @__PURE__ */ l.createElement("span", { className: we.imagePopupMenuItemTitle }, t.t(p.label))
+        ))),
+        visible: r,
+        onVisibleChange: u
+      },
+      /* @__PURE__ */ l.createElement(
+        "div",
+        {
+          className: D(we.btnContainer, {
+            [we.btnContainerExpand]: r
+          })
+        },
+        /* @__PURE__ */ l.createElement(
+          st,
+          {
+            style: { color: "#35322B" },
+            extend: { colorChannel1: "rgb(var(--green-700, #409f11))" }
+          }
+        ),
+        h && /* @__PURE__ */ l.createElement(gt, { style: { color: "#CCCCCC", fontSize: "8px", marginLeft: "8px" } })
+      )
+    )
+  );
+}, Nn = "COMPONENT_IMAGE_POPUP_MENU";
+function On(a, n, e, t) {
+  const r = t.getDrawingByParam(a);
+  if (r == null)
+    return;
+  const o = x(a), i = e.getObject(o);
+  if (i && !(i instanceof _e))
+    return;
+  if (i != null) {
+    i.addObject(n);
+    return;
+  }
+  const s = new _e(o);
+  e.addObject(s, $e).attachTransformerTo(s), s.addObject(n);
+  const { transform: c } = r;
+  c && s.transformByState(
+    {
+      left: c.left,
+      top: c.top,
+      angle: c.angle
+    }
+  );
+}
+function pt(a) {
+  const n = a.getFocusedUnit();
+  if (n == null)
+    return;
+  const e = n.getUnitId();
+  let t;
+  return n.type === Ae.UNIVER_SHEET ? t = n.getActiveSheet().getSheetId() : (n.type === Ae.UNIVER_DOC || n.type === Ae.UNIVER_SLIDE) && (t = e), { unitId: e, subUnitId: t };
+}
+var Dn = (a, n, e, t) => {
+  for (var r = n, o = a.length - 1, i; o >= 0; o--)
+    (i = a[o]) && (r = i(r) || r);
+  return r;
+}, Me = (a, n) => (e, t) => n(e, t, a);
+let Oe = class extends He {
+  constructor(n, e, t, r) {
+    super();
+    ne(this, "_sceneListenerOnDrawingMap", /* @__PURE__ */ new WeakSet());
+    this._currentUniverService = n, this._commandService = e, this._renderManagerService = t, this._drawingManagerService = r, this._initialize();
+  }
+  dispose() {
+    super.dispose();
+  }
+  _initialize() {
+    this._recoveryImages(), this._drawingAddListener(), this._drawingRemoveListener(), this._drawingUpdateListener(), this._commandExecutedListener(), this._drawingArrangeListener(), this._drawingGroupListener(), this._drawingRefreshListener(), this._drawingVisibleListener();
+  }
+  _recoveryImages() {
+    const n = this._drawingManagerService.drawingManagerData, e = pt(this._currentUniverService);
+    if (e == null)
+      return;
+    const { unitId: t, subUnitId: r } = e;
+    Object.keys(n).forEach((o) => {
+      Object.keys(n[o]).forEach((i) => {
+        const s = n[o][i].data;
+        s == null || o !== t || i !== r || Object.keys(s).forEach((c) => {
+          s[c] && this._insertDrawing([{ unitId: o, subUnitId: i, drawingId: c }]);
+        });
+      });
+    });
+  }
+  _commandExecutedListener() {
+    this.disposeWithMe(
+      this._commandService.onCommandExecuted((n) => {
+        if (n.id === Fe.id) {
+          const e = n.params;
+          if (e == null)
+            return;
+          this._drawingAlign(e);
+        }
+      })
+    );
+  }
+  _drawingGroupListener() {
+    this.disposeWithMe(
+      this._drawingManagerService.group$.subscribe((n) => {
+        this._groupDrawings(n);
+      })
+    ), this.disposeWithMe(
+      this._drawingManagerService.ungroup$.subscribe((n) => {
+        this._ungroupDrawings(n);
+      })
+    );
+  }
+  // private _drawingGroup(params: ISetImageGroupOperationParams) {
+  //     const { groupType } = params;
+  //     const drawings = this._drawingManagerService.getFocusDrawings();
+  //     if (drawings.length === 0) {
+  //         return;
+  //     }
+  //     switch (groupType) {
+  //         case GroupType.group:
+  //             this._groupDrawings(drawings);
+  //             break;
+  //         case GroupType.regroup:
+  //             this._regroupDrawings(drawings);
+  //             break;
+  //         case GroupType.ungroup:
+  //             this._ungroupDrawings(drawings);
+  //             break;
+  //         default:
+  //             break;
+  //     }
+  // }
+  _getSceneAndTransformerByDrawingSearch(n) {
+    if (n == null)
+      return;
+    const e = this._renderManagerService.getRenderById(n), t = e == null ? void 0 : e.scene;
+    if (t == null)
+      return null;
+    const r = t.getTransformerByCreate();
+    return { scene: t, transformer: r };
+  }
+  _groupDrawings(n) {
+    n.forEach((e) => {
+      this._groupDrawing(e);
+    });
+  }
+  _groupDrawing(n) {
+    const { parent: e, children: t } = n, { unitId: r, subUnitId: o, drawingId: i } = e, s = this._getSceneAndTransformerByDrawingSearch(e.unitId);
+    if (s == null)
+      return;
+    const { scene: c, transformer: g } = s;
+    this._commandService.syncExecuteCommand(he.id);
+    const u = [];
+    if (t.forEach((f) => {
+      const v = x(f), w = c.getObjectIncludeInGroup(v);
+      if (w == null || u.includes(w))
+        return;
+      u.push(w);
+      const { transform: p } = f;
+      p != null && (w.classType === Ye.GROUP ? w.transformByState({ left: p.left, top: p.top }) : w.transformByState(p));
+    }), u.length === 0)
+      return;
+    const d = x({ unitId: r, subUnitId: o, drawingId: i }), h = new _e(d);
+    c.addObject(h, $e).attachTransformerTo(h), h.addObjects(...u), e.transform && h.transformByState({ left: e.transform.left, top: e.transform.top }), g.clearSelectedObjects(), g.setSelectedControl(h);
+  }
+  // private _regroupDrawings(drawings: IDrawingSearch[]) {
+  //     const renderObject = this._getSceneAndTransformerByDrawingSearch(drawings[0].unitId);
+  //     if (renderObject == null) {
+  //         return;
+  //     }
+  //     const { scene, transformer } = renderObject;
+  //     const objects: BaseObject[] = [];
+  //     let firstGroup: Nullable<Group> = null;
+  //     drawings.forEach((drawing) => {
+  //         const imageShapeKey = getDrawingShapeKeyByDrawingSearch(drawing);
+  //         const o = scene.getObject(imageShapeKey);
+  //         if (o == null) {
+  //             return true;
+  //         }
+  //         const group = o.ancestorGroup as Nullable<Group>;
+  //         if (group != null && firstGroup == null) {
+  //             firstGroup = group;
+  //         } else if (group != null && !objects.includes(group)) {
+  //             objects.push(group);
+  //         } else if (!objects.includes(o)) {
+  //             objects.push(o);
+  //         }
+  //     });
+  //     if (firstGroup == null) {
+  //         return;
+  //     }
+  //     if (objects.length === 0) {
+  //         return;
+  //     }
+  //     (firstGroup as Group).addObjects(...objects);
+  //     (firstGroup as Group).reCalculateObjects();
+  //     transformer.clearSelectedObjects();
+  //     transformer.setSelectedControl(firstGroup);
+  // }
+  _ungroupDrawings(n) {
+    n.forEach((e) => {
+      this._ungroupDrawing(e);
+    });
+  }
+  _ungroupDrawing(n) {
+    const { parent: e, children: t } = n, r = this._getSceneAndTransformerByDrawingSearch(e.unitId);
+    if (r == null)
+      return;
+    const { scene: o, transformer: i } = r;
+    t.forEach((d) => {
+      const h = x(d), f = o.getObjectIncludeInGroup(h);
+      if (f == null)
+        return !0;
+      if (f == null)
+        return;
+      const { transform: v } = d;
+      v != null && (f.classType === Ye.GROUP ? f.transformByState({ left: v.left, top: v.top }) : f.transformByState(v));
+    });
+    const s = x(e), c = o.getObject(s), { width: g, height: u } = c;
+    c.getObjects().forEach((d) => {
+      c.removeSelfObjectAndTransform(d.oKey, g, u);
+    }), c.dispose(), i.clearSelectedObjects();
+  }
+  _drawingAlign(n) {
+    const { alignType: e } = n, t = this._drawingManagerService.getFocusDrawings();
+    if (e === O.default)
+      return;
+    const r = [];
+    let o = Number.POSITIVE_INFINITY, i = Number.POSITIVE_INFINITY, s = Number.NEGATIVE_INFINITY, c = Number.NEGATIVE_INFINITY, g = 0;
+    t.forEach((u) => {
+      const { unitId: d, subUnitId: h, drawingId: f, drawingType: v } = u, 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,
+        transform: w.transform
+      });
+      const { left: p = 0, top: E = 0, width: _ = 0, height: N = 0 } = w.transform;
+      o = Math.min(o, p), i = Math.min(i, E), s = Math.max(s, p + _), c = Math.max(c, E + N), g++;
+    }), g !== 0 && (this._sortDrawingTransform(r, e), this._applyAlignType(r, e, o, i, s, c, g));
+  }
+  _applyAlignType(n, e, t, r, o, i, s) {
+    const c = Math.round((o - t) / s * 10) / 10, g = Math.round((i - r) / s * 10) / 10, u = [], d = this._getSceneAndTransformerByDrawingSearch(n[0].unitId);
+    if (d == null)
+      return;
+    const { scene: h, transformer: f } = d;
+    n.forEach((v, w) => {
+      const { unitId: p, subUnitId: E, drawingId: _, transform: N, drawingType: S } = v, { left: b = 0, top: I = 0, width: R = 0, height: y = 0 } = N;
+      let P = b, M = I;
+      switch (e) {
+        case O.left:
+          P = t;
+          break;
+        case O.center:
+          P = t + (o - t) / 2 - R / 2;
+          break;
+        case O.right:
+          P = o - R;
+          break;
+        case O.top:
+          M = r;
+          break;
+        case O.middle:
+          M = r + (i - r) / 2 - y / 2;
+          break;
+        case O.bottom:
+          M = i - y;
+          break;
+        case O.horizon:
+          P = t + c * w;
+          break;
+        case O.vertical:
+          M = r + g * w;
+          break;
+      }
+      (P !== b || M !== I) && u.push({
+        unitId: p,
+        subUnitId: E,
+        drawingId: _,
+        drawingType: S,
+        transform: {
+          left: P,
+          top: M
+        }
+      });
+    }), this._drawingManagerService.featurePluginUpdateNotification(u), f.refreshControls().changeNotification();
+  }
+  _sortDrawingTransform(n, e) {
+    n.sort((t, r) => {
+      const o = t.transform, i = r.transform, {
+        left: s = 0,
+        top: c = 0,
+        width: g = 0,
+        height: u = 0
+      } = o, {
+        left: d = 0,
+        top: h = 0,
+        width: f = 0,
+        height: v = 0
+      } = i;
+      switch (e) {
+        case O.left:
+          return s - d;
+        case O.center:
+          return s + g / 2 - (d + f / 2);
+        case O.right:
+          return s + g - (d + f);
+        case O.top:
+          return c - h;
+        case O.middle:
+          return c + u / 2 - (h + v / 2);
+        case O.bottom:
+          return c + u - (h + v);
+        case O.horizon:
+          return s + g / 2 - (d + f / 2);
+        case O.vertical:
+          return c + u / 2 - (h + v / 2);
+        default:
+          return 0;
+      }
+    });
+  }
+  _drawingArrangeListener() {
+    this.disposeWithMe(
+      this._drawingManagerService.order$.subscribe((n) => {
+        this._drawingArrange(n);
+      })
+    );
+  }
+  _drawingArrange(n) {
+    const { unitId: e, subUnitId: t, drawingIds: r } = n, o = this._getSceneAndTransformerByDrawingSearch(e);
+    if (o == null)
+      return;
+    const { scene: i, transformer: s } = o;
+    r.forEach((c) => {
+      const g = x({ unitId: e, subUnitId: t, drawingId: c }), u = i.getObject(g);
+      if (u == null)
+        return;
+      const d = this._drawingManagerService.getDrawingOrder(e, t).indexOf(c);
+      u.setProps({ zIndex: d }), u.makeDirty();
+    });
+  }
+  _drawingAddListener() {
+    this.disposeWithMe(
+      this._drawingManagerService.add$.subscribe((n) => {
+        this._insertDrawing(n);
+      })
+    );
+  }
+  _insertDrawing(n) {
+    const e = [];
+    n.forEach((t) => {
+      const { unitId: r, subUnitId: o, drawingId: i } = t;
+      if (this._drawingManagerService.getDrawingByParam(t) == null)
+        return;
+      const c = this._getSceneAndTransformerByDrawingSearch(r);
+      if (c == null)
+        return;
+      const { scene: g, transformer: u } = c;
+      e.includes(g) || e.push(g);
+    }), e.forEach((t) => {
+      this._sceneListenerOnDrawingMap.has(t) || (this._addListenerOnDrawing(t), this._sceneListenerOnDrawingMap.add(t));
+    });
+  }
+  _drawingRemoveListener() {
+    this.disposeWithMe(
+      this._drawingManagerService.remove$.subscribe((n) => {
+        n.forEach((e) => {
+          var d;
+          const { unitId: t, subUnitId: r, drawingId: o } = e, i = this._getSceneAndTransformerByDrawingSearch(t);
+          if (i == null)
+            return;
+          const { scene: s, transformer: c } = i, g = x({ unitId: t, subUnitId: r, drawingId: o }), u = s.getObject(g);
+          u != null && (u.dispose(), (d = s.getTransformer()) == null || d.clearSelectedObjects());
+        });
+      })
+    );
+  }
+  _drawingUpdateListener() {
+    this.disposeWithMe(
+      this._drawingManagerService.update$.subscribe((n) => {
+        n.forEach((e) => {
+          const { unitId: t, subUnitId: r, drawingId: o } = e, i = this._drawingManagerService.getDrawingByParam(e);
+          if (i == null)
+            return;
+          const { transform: s, drawingType: c } = i, g = this._getSceneAndTransformerByDrawingSearch(t);
+          if (g == null)
+            return;
+          const { scene: u, transformer: d } = g;
+          if (s == null)
+            return !0;
+          const { left: h = 0, top: f = 0, width: v = 0, height: w = 0, angle: p = 0, flipX: E = !1, flipY: _ = !1, skewX: N = 0, skewY: S = 0 } = s, b = x({ unitId: t, subUnitId: r, drawingId: o }), I = u.getObject(b);
+          if (I == null)
+            return !0;
+          I.transformByState({ left: h, top: f, width: v, height: w, angle: p, flipX: E, flipY: _, skewX: N, skewY: S });
+        });
+      })
+    );
+  }
+  _drawingRefreshListener() {
+    this.disposeWithMe(
+      this._drawingManagerService.refreshTransform$.subscribe((n) => {
+        n.forEach((e) => {
+          const { unitId: t, subUnitId: r, drawingId: o } = e, i = this._getSceneAndTransformerByDrawingSearch(t);
+          if (i == null)
+            return;
+          const { scene: s, transformer: c } = i, g = x({ unitId: t, subUnitId: r, drawingId: o }), u = s.getObject(g), d = this._drawingManagerService.getDrawingByParam(e);
+          if (d == null)
+            return;
+          const { transform: h } = d;
+          if (h == null)
+            return !0;
+          const { left: f = 0, top: v = 0, width: w = 0, height: p = 0, angle: E = 0, flipX: _ = !1, flipY: N = !1, skewX: S = 0, skewY: b = 0 } = h;
+          if (u == null)
+            return !0;
+          u.transformByState({ left: f, top: v, width: w, height: p, angle: E, flipX: _, flipY: N, skewX: S, skewY: b });
+        });
+      })
+    );
+  }
+  _drawingVisibleListener() {
+    this.disposeWithMe(
+      this._drawingManagerService.visible$.subscribe((n) => {
+        n.forEach((e) => {
+          const { unitId: t, subUnitId: r, drawingId: o, visible: i } = e, s = this._getSceneAndTransformerByDrawingSearch(t);
+          if (s == null)
+            return;
+          const { scene: c, transformer: g } = s, u = x({ unitId: t, subUnitId: r, drawingId: o }), d = c.getObject(u);
+          if (d == null)
+            return !0;
+          i ? d.show() : d.hide();
+        });
+      })
+    );
+  }
+  _filterUpdateParams(n, e) {
+    return n.filter((t, r) => {
+      if (t == null)
+        return !1;
+      const { transform: o } = t;
+      return tt(o, e == null ? void 0 : e[r]);
+    });
+  }
+  // group?.getObjects().forEach((o) => {
+  //     const drawing = this._drawingManagerService.getDrawingOKey(o.oKey);
+  //     if (drawing != null) {
+  //         const { unitId, subUnitId, drawingId } = drawing;
+  //         drawings.push({ unitId, subUnitId, drawingId });
+  //     }
+  // });
+  _addListenerOnDrawing(n) {
+    const e = n.getTransformerByCreate();
+    let t = null;
+    this.disposeWithMe(
+      K(
+        e.onChangeStartObservable.add((r) => {
+          const { objects: o } = r, i = Array.from(o.values()), s = [];
+          t = i.map((c) => {
+            const { left: g, top: u, height: d, width: h, angle: f, oKey: v, groupKey: w, isInGroup: p } = c, E = this._drawingManagerService.getDrawingOKey(v);
+            if (p || c instanceof _e) {
+              let _ = c.ancestorGroup;
+              if (_ == null && c instanceof _e && (_ = c), _ == null)
+                return null;
+              const N = this._drawingManagerService.getDrawingOKey(_.oKey);
+              if (N) {
+                const { unitId: S, subUnitId: b, drawingId: I } = N;
+                s.push({ unitId: S, subUnitId: b, drawingId: I });
+                const { left: R, top: y, height: P, width: M, angle: B } = _;
+                return { left: R, top: y, height: P, width: M, angle: B };
+              }
+            } else if (E != null) {
+              const { unitId: _, subUnitId: N, drawingId: S } = E;
+              return s.push({ unitId: _, subUnitId: N, drawingId: S }), { left: g, top: u, height: d, width: h, angle: f };
+            }
+            return null;
+          }).filter((c) => c != null), s.length > 0 ? this._drawingManagerService.focusDrawing(s) : this._drawingManagerService.focusDrawing(null);
+        })
+      )
+    ), this.disposeWithMe(
+      K(
+        e.onChangingObservable.add((r) => {
+          const { objects: o } = r;
+          Se(o, this._drawingManagerService).length > 0;
+        })
+      )
+    ), this.disposeWithMe(
+      K(
+        e.onChangeEndObservable.add((r) => {
+          const { objects: o } = r, i = this._filterUpdateParams(Se(o, this._drawingManagerService), t);
+          i.length > 0 && this._drawingManagerService.featurePluginUpdateNotification(i);
+        })
+      )
+    );
+  }
+};
+Oe = Dn([
+  Le(je.Rendered, Oe),
+  Me(0, ze),
+  Me(1, le),
+  Me(2, fe),
+  Me(3, se)
+], Oe);
+const Tn = (a) => {
+  const { src: n } = a;
+  return n ? /* @__PURE__ */ l.createElement("div", null, /* @__PURE__ */ l.createElement("img", { src: n, alt: "Univer Image Viewer", style: { width: "100%", height: "100%", position: "relative" } })) : null;
+}, Ct = "COMPONENT_IMAGE_VIEWER";
+var Bn = (a, n, e, t) => {
+  for (var r = n, o = a.length - 1, i; o >= 0; o--)
+    (i = a[o]) && (r = i(r) || r);
+  return r;
+}, ve = (a, n) => (e, t) => n(e, t, a);
+let De = class extends He {
+  constructor(a, n, e, t, r) {
+    super(), this._injector = a, this._componentManager = n, this._menuService = e, this._commandService = t, this._localeService = r, this._init();
+  }
+  _initCustomComponents() {
+    const a = this._componentManager;
+    this.disposeWithMe(a.register(Nn, Mn)), this.disposeWithMe(a.register(Ct, Tn));
+  }
+  _initMenus() {
+  }
+  _initCommands() {
+    [
+      We,
+      he,
+      it,
+      Fe,
+      Ue
+    ].forEach((a) => this.disposeWithMe(this._commandService.registerCommand(a)));
+  }
+  _init() {
+    this._initCommands(), this._initCustomComponents(), this._initMenus();
+  }
+};
+De = Bn([
+  Le(je.Rendered, De),
+  ve(0, de(at)),
+  ve(1, de(jt)),
+  ve(2, At),
+  ve(3, le),
+  ve(4, de(J))
+], De);
+class Ne extends Bt {
+  constructor(e, t) {
+    t == null && (t = {}), t.transformerConfig = {
+      keepRatio: !1,
+      isCropper: !0,
+      anchorFill: "rgb(0, 0, 0)",
+      anchorStroke: "rgb(255, 255, 255)",
+      anchorSize: 24
+    };
+    super(e, t);
+    ne(this, "_srcRect");
+    ne(this, "_prstGeom");
+    ne(this, "_applyTransform");
+    ne(this, "_dragPadding", 8);
+    ne(this, "_cacheCanvas");
+    t != null && t.srcRect && (this._srcRect = t.srcRect), t != null && t.prstGeom && (this._prstGeom = t.prstGeom), t != null && t.applyTransform && (this._applyTransform = t.applyTransform), t != null && t.dragPadding && (this._dragPadding = t.dragPadding), this._applyProps();
+  }
+  refreshSrcRect(e, t) {
+    this._srcRect = e, this._applyTransform = t, this._applyProps();
+  }
+  get srcRect() {
+    return this._srcRect;
+  }
+  dispose() {
+    var e;
+    super.dispose(), (e = this._cacheCanvas) == null || e.dispose(), this._srcRect = null;
+  }
+  isHit(e) {
+    const t = this.getInverseCoord(e);
+    return t.x >= -this.strokeWidth / 2 && t.x <= this.width + this.strokeWidth / 2 && t.y >= -this.strokeWidth / 2 && t.y <= this.height + this.strokeWidth / 2 && !this._inSurround(t);
+  }
+  _inSurround(e) {
+    const t = this._dragPadding;
+    return e.x >= t - this.strokeWidth / 2 && e.x <= this.width + this.strokeWidth / 2 - t && e.y >= t - this.strokeWidth / 2 && e.y <= this.height + this.strokeWidth / 2 - t;
+  }
+  render(e, t) {
+    return this.visible ? (e.save(), this._draw(e), e.restore(), this.makeDirty(!1), this) : (this.makeDirty(!1), this);
+  }
+  _draw(e) {
+    var c, g;
+    const r = this.getScene().getEngine(), { width: o, height: i } = r;
+    this._initialCacheCanvas(), (c = this._cacheCanvas) == null || c.clear();
+    const s = (g = this._cacheCanvas) == null ? void 0 : g.getContext();
+    s != null && (s.save(), kt.drawWith(s, {
+      left: 0,
+      top: 0,
+      width: o,
+      height: i,
+      fill: "rgba(0, 0, 0, 0.5)"
+    }), s.setTransform(e.getTransform()), this._clipForApplyObject(s), this._applyCache(e), s.restore());
+  }
+  _clipForApplyObject(e) {
+    let t = 0;
+    if (this._prstGeom != null && (t = 1), e.globalCompositeOperation = "destination-out", e.beginPath(), t === 0) {
+      const r = this.transform.getMatrix();
+      e.transform(r[0], r[1], r[2], r[3], r[4], r[5]), e.rect(0, 0, this.width, this.height), e.fill();
+    }
+  }
+  _applyProps() {
+    if (this._applyTransform == null)
+      return;
+    let e = 0, t = 0, r = 0, o = 0;
+    const { left: i = 0, top: s = 0, width: c = 0, height: g = 0, angle: u } = this._applyTransform;
+    if (this._srcRect != null) {
+      const { left: f = 0, top: v = 0, right: w = 0, bottom: p = 0 } = this._srcRect;
+      e = f, t = v, r = w, o = p;
+    }
+    const d = i + e, h = s + t;
+    this.transformByState({
+      left: d,
+      top: h,
+      width: i + c - r - d,
+      height: s + g - o - h,
+      angle: u
+    });
+  }
+  _applyCache(e) {
+    if (!e || this._cacheCanvas == null)
+      return;
+    const t = this._cacheCanvas.getContext();
+    t.save(), e.save(), e.setTransform(1, 0, 0, 1, 0, 0), t.setTransform(1, 0, 0, 1, 0, 0), e.drawImage(this._cacheCanvas.getCanvasEle(), 0, 0), e.restore(), t.restore();
+  }
+  _initialCacheCanvas() {
+    if (this._cacheCanvas != null)
+      return;
+    this._cacheCanvas = new Ut();
+    const e = this.getScene().getEngine();
+    this._cacheCanvas.setSize(e.width, e.height), this.getScene().getEngine().onTransformChangeObservable.add(() => {
+      var t;
+      (t = this._cacheCanvas) == null || t.setSize(e.width, e.height), this.makeDirty(!0);
+    });
+  }
+}
+var kn = (a, n, e, t) => {
+  for (var r = n, o = a.length - 1, i; o >= 0; o--)
+    (i = a[o]) && (r = i(r) || r);
+  return r;
+}, ge = (a, n) => (e, t) => n(e, t, a);
+let Te = class extends He {
+  constructor(n, e, t, r, o, i) {
+    super();
+    ne(this, "_sceneListenerOnImageMap", /* @__PURE__ */ new WeakSet());
+    this._commandService = n, this._drawingManagerService = e, this._renderManagerService = t, this._univerInstanceService = r, this._messageService = o, this._localeService = i, this._init();
+  }
+  _init() {
+    this._initOpenCrop(), this._initCloseCrop(), this._initAutoCrop();
+  }
+  _initAutoCrop() {
+    this.disposeWithMe(
+      this._commandService.onCommandExecuted((n) => {
+        if (n.id !== Ue.id)
+          return;
+        const e = n.params;
+        if (e == null)
+          return;
+        const { cropType: t } = e, r = this._drawingManagerService.getFocusDrawings();
+        if (r.length !== 1)
+          return;
+        const o = r[0], { unitId: i, subUnitId: s, drawingId: c } = o, g = this._renderManagerService.getRenderById(i), u = g == null ? void 0 : g.scene;
+        if (u == null)
+          return !0;
+        this._searchCropObject(u) != null && this._commandService.syncExecuteCommand(he.id, { isAuto: !0 });
+        const h = x({ unitId: i, subUnitId: s, drawingId: c }), f = u.getObject(h);
+        if (!(f instanceof Ge)) {
+          this._messageService.show({
+            type: Je.Error,
+            content: this._localeService.t("image-cropper.error")
+          });
+          return;
+        }
+        f != null && (this._updateCropperObject(t, f), this._commandService.executeCommand(We.id, { unitId: i, subUnitId: s, drawingId: c }));
+      })
+    );
+  }
+  _calculateSrcRectByRatio(n, e, t, r, o, i) {
+    const s = t / r, c = o / i;
+    let g = t, u = r;
+    s > c ? g = r * c : u = t / c;
+    const d = (t - g) / 2, h = (r - u) / 2;
+    return {
+      left: Ee(d, 1),
+      top: Ee(h, 1),
+      right: Ee(t - (d + g), 1),
+      bottom: Ee(r - (h + u), 1)
+    };
+  }
+  _updateCropperObject(n, e) {
+    const { left: t, top: r, width: o, height: i } = e.calculateTransformWithSrcRect();
+    let s;
+    switch (n) {
+      case H.R1_1:
+        s = this._calculateSrcRectByRatio(t, r, o, i, 1, 1);
+        break;
+      case H.R16_9:
+        s = this._calculateSrcRectByRatio(t, r, o, i, 16, 9);
+        break;
+      case H.R9_16:
+        s = this._calculateSrcRectByRatio(t, r, o, i, 9, 16);
+        break;
+      case H.R5_4:
+        s = this._calculateSrcRectByRatio(t, r, o, i, 5, 4);
+        break;
+      case H.R4_5:
+        s = this._calculateSrcRectByRatio(t, r, o, i, 4, 5);
+        break;
+      case H.R4_3:
+        s = this._calculateSrcRectByRatio(t, r, o, i, 4, 3);
+        break;
+      case H.R3_4:
+        s = this._calculateSrcRectByRatio(t, r, o, i, 3, 4);
+        break;
+      case H.R3_2:
+        s = this._calculateSrcRectByRatio(t, r, o, i, 3, 2);
+        break;
+      case H.R2_3:
+        s = this._calculateSrcRectByRatio(t, r, o, i, 2, 3);
+        break;
+      case H.FREE:
+    }
+    if (s == null)
+      return;
+    e.setSrcRect(s);
+    const { left: c = 0, top: g = 0, bottom: u = 0, right: d = 0 } = s;
+    e.transformByStateCloseCropper({
+      left: t + c,
+      top: r + g,
+      width: o - d - c,
+      height: i - u - g
+    });
+  }
+  _initOpenCrop() {
+    this.disposeWithMe(
+      this._commandService.onCommandExecuted((n) => {
+        if (n.id !== We.id)
+          return;
+        const e = n.params;
+        if (e == null)
+          return;
+        const { unitId: t, subUnitId: r, drawingId: o } = e, i = this._renderManagerService.getRenderById(t), s = i == null ? void 0 : i.scene;
+        if (s == null)
+          return !0;
+        if (this._sceneListenerOnImageMap.has(s) || (this._addListenerOnImage(s), this._sceneListenerOnImageMap.add(s)), this._drawingManagerService.getDrawingByParam({ unitId: t, subUnitId: r, drawingId: o }) == null)
+          return;
+        const g = x({ unitId: t, subUnitId: r, drawingId: o }), u = s.getObject(g);
+        if (u == null)
+          return;
+        if (!(u instanceof Ge)) {
+          this._messageService.show({
+            type: Je.Error,
+            content: this._localeService.t("image-cropper.error")
+          });
+          return;
+        }
+        const d = s.getTransformer();
+        d == null || d.clearControls();
+        const h = new Ne(`${g}-crop`, {
+          srcRect: u.srcRect,
+          prstGeom: u.prstGeom,
+          applyTransform: u.calculateTransformWithSrcRect()
+        });
+        s.addObject(h, u.getLayerIndex() + 1).attachTransformerTo(h), d == null || d.createControlForCopper(h), this._addHoverForImageCopper(h), u.openRenderByCropper(), d == null || d.refreshControls(), h.makeDirty(!0), this._drawingManagerService.focusDrawing([{ unitId: t, subUnitId: r, drawingId: o }]);
+      })
+    );
+  }
+  _searchCropObject(n) {
+    const e = n.getAllObjects();
+    for (const t of e)
+      if (t instanceof Ne)
+        return t;
+  }
+  _initCloseCrop() {
+    this.disposeWithMe(
+      this._commandService.onCommandExecuted((n) => {
+        if (n.id !== he.id)
+          return;
+        const e = this._univerInstanceService.getFocusedUnit();
+        if (e == null)
+          return;
+        const t = e.getUnitId(), r = this._renderManagerService.getRenderById(t), o = r == null ? void 0 : r.scene;
+        if (o == null)
+          return !0;
+        const i = this._searchCropObject(o);
+        if (i == null)
+          return;
+        const s = this._getApplyObjectByCropObject(i);
+        if (s == null)
+          return;
+        const c = o.getTransformerByCreate();
+        c.detachFrom(i), c.clearCopperControl();
+        const g = this._getSrcRectByTransformState(s, i), u = this._drawingManagerService.getDrawingOKey(s.oKey);
+        if (u != null) {
+          const { left: d, top: h, height: f, width: v } = i;
+          this._drawingManagerService.featurePluginUpdateNotification([{
+            ...u,
+            transform: {
+              ...u.transform,
+              left: d,
+              top: h,
+              height: f,
+              width: v
+            },
+            srcRect: g.srcRectAngle
+          }]);
+        }
+        s.setSrcRect({ ...g.srcRectAngle }), s.closeRenderByCropper(), s.makeDirty(!0), i == null || i.dispose();
+      })
+    );
+  }
+  _getApplyObjectByCropObject(n) {
+    const e = n.oKey, t = e.slice(0, e.length - 5), r = n.getScene().getObject(t);
+    return r == null ? null : r;
+  }
+  _addListenerOnImage(n) {
+    const e = n.getTransformerByCreate();
+    let t = null;
+    this.disposeWithMe(
+      K(
+        e.onChangeStartObservable.add((r) => {
+          const { objects: o } = r, i = o.values().next().value;
+          if (i == null || !(i instanceof Ne))
+            return;
+          const { left: s, top: c, height: g, width: u, angle: d } = i;
+          t = { left: s, top: c, height: g, width: u, angle: d }, e.clearCopperControl();
+        })
+      )
+    ), this.disposeWithMe(
+      K(
+        e.onChangeEndObservable.add((r) => {
+          const { objects: o } = r, i = o.values().next().value;
+          if (i == null || !(i instanceof Ne))
+            return;
+          const { left: s, top: c, height: g, width: u, angle: d } = i;
+          if (!tt({ left: s, top: c, height: g, width: u, angle: d }, t))
+            return;
+          const h = this._getApplyObjectByCropObject(i);
+          if (h == null)
+            return;
+          const f = this._getSrcRectByTransformState(h, i);
+          i.refreshSrcRect(f.srcRect, h.getState()), e.createControlForCopper(i);
+        })
+      )
+    ), this._endCropListener(n);
+  }
+  _addHoverForImageCopper(n) {
+    this.disposeWithMe(
+      K(
+        n.onPointerEnterObserver.add(() => {
+          n.cursor = ke.MOVE;
+        })
+      )
+    ), this.disposeWithMe(
+      K(
+        n.onPointerLeaveObserver.add(() => {
+          n.cursor = ke.DEFAULT;
+        })
+      )
+    );
+  }
+  _endCropListener(n) {
+    const e = n.getTransformerByCreate();
+    this.disposeWithMe(
+      K(
+        e.onClearControlObservable.add((t) => {
+          t === !0 && this._commandService.syncExecuteCommand(he.id);
+        })
+      )
+    );
+  }
+  _getSrcRectByTransformState(n, e) {
+    const { left: t, top: r, height: o, width: i, strokeWidth: s, angle: c } = e, { left: g, top: u, width: d, height: h, angle: f, strokeWidth: v } = n, w = t - g, p = r - u, E = {
+      left: w,
+      top: p,
+      right: d - w - i,
+      bottom: h - p - o
+    }, _ = { ...E };
+    if (f !== 0) {
+      const N = t + i / 2, S = r + o / 2, b = new xe(N, S), I = d / 2 + g, R = h / 2 + u, y = new xe(I, R), P = new xe(g, u);
+      P.rotateByPoint(Xe(f), y);
+      const M = P.clone();
+      M.rotateByPoint(Xe(-f), b);
+      const B = t - M.x, U = r - M.y;
+      _.left = B, _.top = U, _.right = d - B - i, _.bottom = h - U - o;
+    }
+    return {
+      srcRect: E,
+      srcRectAngle: _
+    };
+  }
+};
+Te = kn([
+  Le(je.Rendered, Te),
+  ge(0, le),
+  ge(1, se),
+  ge(2, fe),
+  ge(3, ze),
+  ge(4, xt),
+  ge(5, de(J))
+], Te);
+var Un = (a, n, e, t) => {
+  for (var r = n, o = a.length - 1, i; o >= 0; o--)
+    (i = a[o]) && (r = i(r) || r);
+  return r;
+}, ue = (a, n) => (e, t) => n(e, t, a);
+const qe = 50;
+let Be = class extends He {
+  constructor(a, n, e, t, r, o) {
+    super(), this._commandService = a, this._renderManagerService = n, this._drawingManagerService = e, this._dialogService = t, this._imageIoService = r, this._currentUniverService = o, this._initialize();
+  }
+  dispose() {
+    super.dispose();
+  }
+  _initialize() {
+    this._recoveryImages(), this._drawingAddListener(), this._commandExecutedListener(), this._imageUpdateListener();
+  }
+  _recoveryImages() {
+    const a = this._drawingManagerService.drawingManagerData, n = pt(this._currentUniverService);
+    if (n == null)
+      return;
+    const { unitId: e, subUnitId: t } = n;
+    Object.keys(a).forEach((r) => {
+      Object.keys(a[r]).forEach((o) => {
+        const i = a[r][o].data;
+        i == null || r !== e || o !== t || Object.keys(i).forEach((s) => {
+          i[s] && this._insertImages([{ unitId: r, subUnitId: o, drawingId: s }]);
+        });
+      });
+    });
+  }
+  _commandExecutedListener() {
+    this.disposeWithMe(
+      this._commandService.onCommandExecuted((a) => {
+        if (a.id === it.id) {
+          const n = a.params;
+          if (n == null)
+            return;
+          this._resetImageSize(n);
+        }
+      })
+    );
+  }
+  _getSceneAndTransformerByDrawingSearch(a) {
+    if (a == null)
+      return;
+    const n = this._renderManagerService.getRenderById(a), e = n == null ? void 0 : n.scene;
+    if (e == null)
+      return null;
+    const t = e.getTransformerByCreate();
+    return { scene: e, transformer: t };
+  }
+  _resetImageSize(a) {
+    const n = [], e = [];
+    a.forEach((t) => {
+      const { unitId: r, subUnitId: o, drawingId: i } = t, s = this._getSceneAndTransformerByDrawingSearch(r);
+      if (s == null)
+        return;
+      const { scene: c, transformer: g } = s, u = x({ unitId: r, subUnitId: o, drawingId: i }), d = c.getObject(u);
+      if (d == null)
+        return !0;
+      const h = this._drawingManagerService.getDrawingByParam(t);
+      if (h == null)
+        return !0;
+      if (h.drawingType !== oe.DRAWING_IMAGE)
+        return;
+      d.resetSize();
+      const { width: f, height: v } = d.getNativeSize();
+      e.includes(c) === !1 && e.push(c), n.push({
+        ...h,
+        transform: {
+          ...h.transform,
+          height: v,
+          width: f,
+          angle: 0
+        },
+        srcRect: null,
+        prstGeom: null
+      });
+    }), this._drawingManagerService.featurePluginUpdateNotification(n), e.forEach((t) => {
+      t.getTransformerByCreate().refreshControls().changeNotification();
+    }), this._drawingManagerService.focusDrawing(a);
+  }
+  _drawingAddListener() {
+    this.disposeWithMe(
+      this._drawingManagerService.add$.subscribe((a) => {
+        this._insertImages(a);
+      })
+    );
+  }
+  _insertImages(a) {
+    a.forEach(async (n) => {
+      const { unitId: e, subUnitId: t, drawingId: r } = n, o = this._drawingManagerService.getDrawingByParam(n);
+      if (o == null)
+        return;
+      const { transform: i, drawingType: s, source: c, imageSourceType: g, srcRect: u, prstGeom: d, groupId: h } = o;
+      if (s !== oe.DRAWING_IMAGE)
+        return;
+      const f = this._getSceneAndTransformerByDrawingSearch(e);
+      if (f == null)
+        return;
+      const { scene: v, transformer: w } = f;
+      if (i == null)
+        return !0;
+      const { left: p, top: E, width: _, height: N, angle: S, flipX: b, flipY: I, skewX: R, skewY: y } = i, P = x({ unitId: e, subUnitId: t, drawingId: r }), M = v.getObject(P);
+      if (M != null) {
+        M.transformByState({ left: p, top: E, width: _, height: N, angle: S, flipX: b, flipY: I, skewX: R, skewY: y });
+        return;
+      }
+      const B = this._drawingManagerService.getDrawingOrder(e, t), U = B.indexOf(r), te = { ...i, zIndex: U === -1 ? B.length - 1 : U }, V = this._imageIoService.getImageSourceCache(c, g);
+      let ce = !1;
+      if (V != null)
+        te.image = V;
+      else {
+        if (g === Rt.UUID)
+          try {
+            te.url = await this._imageIoService.getImage(c);
+          } catch (me) {
+            console.error(me);
+            return;
+          }
+        else
+          te.url = c;
+        ce = !0;
+      }
+      const Z = new Ge(P, te);
+      ce && this._imageIoService.addImageSourceCache(c, g, Z.getNative()), v.addObject(Z, $e).attachTransformerTo(Z), h && On({ drawingId: h, unitId: e, subUnitId: t }, Z, v, this._drawingManagerService), d != null && Z.setPrstGeom(d), u != null && Z.setSrcRect(u), this._addHoverForImage(Z), this._addDialogForImage(Z);
+    });
+  }
+  _imageUpdateListener() {
+    this.disposeWithMe(
+      this._drawingManagerService.update$.subscribe((a) => {
+        a.forEach((n) => {
+          const { unitId: e, subUnitId: t, drawingId: r } = n, o = this._drawingManagerService.getDrawingByParam(n);
+          if (o == null)
+            return;
+          const { transform: i, drawingType: s, srcRect: c, prstGeom: g, source: u, imageSourceType: d } = o;
+          if (s !== oe.DRAWING_IMAGE)
+            return;
+          const h = this._getSceneAndTransformerByDrawingSearch(e);
+          if (h == null)
+            return;
+          const { scene: f, transformer: v } = h;
+          if (i == null)
+            return !0;
+          const w = x({ unitId: e, subUnitId: t, drawingId: r }), p = f.getObject(w);
+          if (p == null)
+            return !0;
+          p.setSrcRect(c), p.setPrstGeom(g);
+        });
+      })
+    );
+  }
+  _addHoverForImage(a) {
+    this.disposeWithMe(
+      K(
+        a.onPointerEnterObserver.add(() => {
+          a.cursor = ke.GRAB;
+        })
+      )
+    ), this.disposeWithMe(
+      K(
+        a.onPointerLeaveObserver.add(() => {
+          a.cursor = ke.DEFAULT;
+        })
+      )
+    );
+  }
+  _addDialogForImage(a) {
+    this.disposeWithMe(
+      K(
+        a.onDblclickObserver.add(() => {
+          var s;
+          const n = `${a.oKey}-viewer-dialog`, e = a.getNativeSize(), t = window.innerWidth - qe, r = window.innerHeight - qe, o = this._adjustImageSize(e.width, e.height, t, r), i = this._dialogService.open({
+            width: o.width,
+            id: n,
+            style: { margin: "0", top: "50%", left: "50%", transform: "translate(-50%, -50%)" },
+            children: {
+              label: {
+                name: Ct,
+                props: {
+                  src: (s = a.getNative()) == null ? void 0 : s.src,
+                  width: o.width,
+                  height: o.height
+                }
+              }
+            },
+            destroyOnClose: !0,
+            draggable: !1,
+            onClose: () => {
+              this._dialogService.close(n), i.dispose();
+            }
+          });
+        })
+      )
+    );
+  }
+  _adjustImageSize(a, n, e, t) {
+    if (a <= e && n <= t)
+      return {
+        width: a,
+        height: n
+      };
+    const r = e / a, o = t / n, i = Math.min(r, o);
+    return {
+      width: Math.floor(a * i),
+      height: Math.floor(n * i)
+    };
+  }
+};
+Be = Un([
+  Le(je.Rendered, Be),
+  ue(0, le),
+  ue(1, fe),
+  ue(2, se),
+  ue(3, Vt),
+  ue(4, Mt),
+  ue(5, ze)
+], Be);
+var Hn = (a, n, e, t) => {
+  for (var r = n, o = a.length - 1, i; o >= 0; o--)
+    (i = a[o]) && (r = i(r) || r);
+  return r;
+}, Qe = (a, n) => (e, t) => n(e, t, a);
+const Ln = "DRAWING_UI_PLUGIN";
+var Ve;
+let et = (Ve = class extends Ot {
+  constructor(a, n, e) {
+    super(), this._injector = n, this._localeService = e;
+  }
+  onStarting(a) {
+    this._initDependencies(a);
+  }
+  _initDependencies(a) {
+    [
+      // services
+      // controllers
+      [Oe],
+      [De],
+      [Te],
+      [Be]
+    ].forEach((e) => a.add(e));
+  }
+}, ne(Ve, "pluginName", Ln), Ve);
+et = Hn([
+  Qe(1, de(at)),
+  Qe(2, de(J))
+], et);
+export {
+  Nn as COMPONENT_IMAGE_POPUP_MENU,
+  he as CloseImageCropOperation,
+  Zn as DrawingCommonPanel,
+  Ne as ImageCropperObject,
+  Mn as ImagePopupMenu,
+  it as ImageResetSizeOperation,
+  We as OpenImageCropOperation,
+  et as UniverDrawingUIPlugin,
+  Se as getUpdateParams
+};