@univerjs/docs-drawing-ui 0.6.6 → 0.6.7-nightly.202503261607

package/lib/index.js

@@ -0,0 +1,2755 @@
+var At = Object.defineProperty;
+var xt = (i, e, n) => e in i ? At(i, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : i[e] = n;
+var Se = (i, e, n) => xt(i, typeof e != "symbol" ? e + "" : e, n);
+import { Disposable as Ge, BlockType as Lt, UndoCommand as Ut, RedoCommand as Bt, JSONX as X, IUniverInstanceService as q, ICommandService as $, PositionedObjectLayoutType as W, CommandType as Y, BooleanNumber as se, ObjectRelativeFromH as ee, ObjectRelativeFromV as H, Tools as Me, TextX as Dn, TextXActionType as Q, toDisposable as Oe, throttle as Rn, COLORS as kt, MemoryCursor as Ft, IUndoRedoService as Yn, BuildTextUtils as Wt, ArrangeTypeEnum as Qe, Inject as pe, IContextService as Zn, LocaleService as un, WrapTextType as Xe, DrawingTypeEnum as rn, FOCUSING_COMMON_DRAWINGS as on, UniverInstanceType as Ie, Direction as fe, DocumentFlavor as wn, DOCS_ZEN_EDITOR_UNIT_ID_KEY as Cn, FOCUSING_UNIVER_EDITOR as Ht, DisposableCollection as Gt, fromEventSubject as Qn, generateRandomId as Vt, RxDisposable as jt, SHEET_EDITOR_UNITS as $t, LifecycleService as zt, LifecycleStages as En, DependentOn as Xt, Injector as qt, IConfigService as Kt, Plugin as Yt, merge as Zt } from "@univerjs/core";
+import { IDocDrawingService as Ue, UniverDocsDrawingPlugin as Qt } from "@univerjs/docs-drawing";
+import { IDrawingManagerService as _e, IImageIoService as Jt, DRAWING_IMAGE_ALLOW_IMAGE_LIST as ei, DRAWING_IMAGE_COUNT_LIMIT as Nn, ImageUploadStatusType as vn, DRAWING_IMAGE_ALLOW_SIZE as ni, getImageSize as ti, getDrawingShapeKeyByDrawingSearch as ii, DRAWING_IMAGE_WIDTH_LIMIT as An, DRAWING_IMAGE_HEIGHT_LIMIT as xn, UniverDrawingPlugin as ri } from "@univerjs/drawing";
+import { DrawingCommonPanel as oi, DrawingRenderService as si, ImageCropperObject as ai, COMPONENT_IMAGE_POPUP_MENU as ci, OpenImageCropOperation as di, ImageResetSizeOperation as li, UniverDrawingUIPlugin as gi } from "@univerjs/drawing-ui";
+import { IRenderManagerService as J, DocumentEditArea as We, Liquid as Jn, PageLayoutType as Ln, DocumentSkeletonPageType as Un, Vector2 as mi, Rect as ui, getColor as fi, getCurrentTypeOfRenderer as hi, CURSOR_TYPE as Bn, TRANSFORM_CHANGE_OBSERVABLE_TYPE as pi } from "@univerjs/engine-render";
+import { IMessageService as wi, ILocalFileService as vi, ISidebarService as Ii, useDependency as ve, getMenuHiddenObservable as et, MenuItemType as nt, RibbonStartGroup as _i, KeyCode as He, ComponentManager as Si, IMenuManagerService as Di, IShortcutService as Ci, CanvasFloatDomService as Oi, UniverUIPlugin as Ti } from "@univerjs/ui";
+import { RichTextEditingMutation as ne, DocSkeletonManagerService as te, DocSelectionManagerService as On } from "@univerjs/docs";
+import { DocSelectionRenderService as Re, getRichTextEditPath as qe, NodePositionConvertToCursor as kn, getOneTextSelectionRange as Fn, getAnchorBounding as yi, TEXT_RANGE_LAYER_INDEX as Pi, getDocObject as bi, getCustomBlockIdsInSelections as Mi, docDrawingPositionToTransform as tt, VIEWPORT_KEY as it, SetDocZoomRatioOperation as rt, DocCanvasPopManagerService as Ri, IEditorService as Ei } from "@univerjs/docs-ui";
+import { BehaviorSubject as ot, debounceTime as st, Observable as Ni, map as Wn, switchMap as Ai, of as xi, takeUntil as Hn, filter as Gn } from "rxjs";
+import { MessageType as Vn, clsx as j, InputNumber as Fe, Select as jn, Checkbox as Li, RadioGroup as $n, Radio as be } from "@univerjs/design";
+import { jsxs as K, jsx as p } from "react/jsx-runtime";
+import { forwardRef as at, useRef as Ui, createElement as ct, useState as oe, useEffect as Tn } from "react";
+const Bi = "docs-drawing-ui.config", zn = {};
+var ki = Object.getOwnPropertyDescriptor, Fi = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? ki(e, n) : e, o = i.length - 1, s; o >= 0; o--)
+    (s = i[o]) && (r = s(r) || r);
+  return r;
+}, $e = (i, e) => (n, t) => e(n, t, i);
+function Wi(i) {
+  var t, r, o, s;
+  if (X.isNoop(i) || !Array.isArray(i))
+    return null;
+  const e = i.find((a) => Array.isArray(a) && (a == null ? void 0 : a[0]) === "drawings");
+  if (e == null || !Array.isArray(e) || e.length < 3 || typeof e[1] == "string" && typeof e[2] != "object" || Array.isArray(e[1]) && typeof e[1][1] != "object")
+    return null;
+  const n = [];
+  if (Array.isArray(e == null ? void 0 : e[1]))
+    for (const a of e)
+      Array.isArray(a) && n.push({
+        type: (t = a == null ? void 0 : a[1]) != null && t.i ? "add" : "remove",
+        drawingId: a == null ? void 0 : a[0],
+        drawing: (r = a == null ? void 0 : a[1]) == null ? void 0 : r.i
+      });
+  else
+    n.push({
+      type: (o = e[2]) != null && o.i ? "add" : "remove",
+      drawingId: e[1],
+      drawing: (s = e[2]) == null ? void 0 : s.i
+    });
+  return n;
+}
+function Hi(i) {
+  if (!Array.isArray(i) || i.length < 3 || i[0] !== "drawingsOrder")
+    return [];
+  const e = [];
+  for (let n = 1; n < i.length; n++) {
+    const t = i[n];
+    if (Array.isArray(t) && typeof t[0] == "number" && typeof t[1] == "object")
+      e.push(t[0]);
+    else {
+      e.length = 0;
+      break;
+    }
+  }
+  return e;
+}
+let sn = class extends Ge {
+  constructor(i, e, n, t, r) {
+    super(), this._univerInstanceService = i, this._commandService = e, this._drawingManagerService = n, this._docDrawingService = t, this._renderManagerService = r, this._initialize();
+  }
+  _initialize() {
+    this._commandExecutedListener();
+  }
+  _commandExecutedListener() {
+    this.disposeWithMe(
+      this._commandService.beforeCommandExecuted((i) => {
+        var a, d;
+        if (i.id !== ne.id)
+          return;
+        const e = i.params, { unitId: n, actions: t } = e, r = this._univerInstanceService.getUniverDocInstance(n), o = (d = (a = r == null ? void 0 : r.getBody()) == null ? void 0 : a.customBlocks) != null ? d : [], s = Wi(t);
+        if (s != null)
+          for (const { type: c, drawingId: g, drawing: m } of s) {
+            const l = o.find((f) => f.blockId === g);
+            (l == null ? void 0 : l.blockType) !== Lt.CUSTOM && (c === "add" ? this._addDrawings(n, [m]) : this._removeDrawings(n, [g]));
+          }
+      })
+    ), this.disposeWithMe(
+      this._commandService.onCommandExecuted((i) => {
+        if (i.id !== ne.id)
+          return;
+        const e = i.params, { unitId: n, actions: t } = e;
+        Hi(t).length > 0 && this._updateDrawingsOrder(n);
+      })
+    ), this.disposeWithMe(
+      this._commandService.onCommandExecuted((i) => {
+        var s;
+        if (i.id !== Ut.id && i.id !== Bt.id)
+          return;
+        const e = (s = this._univerInstanceService.getCurrentUniverDocInstance()) == null ? void 0 : s.getUnitId(), n = this._drawingManagerService.getFocusDrawings();
+        if (e == null || n.length === 0)
+          return;
+        const t = this._renderManagerService.getRenderById(e), r = t == null ? void 0 : t.scene;
+        if (r == null)
+          return !1;
+        r.getTransformerByCreate().refreshControls();
+      })
+    );
+  }
+  _addDrawings(i, e) {
+    const n = this._drawingManagerService, t = this._docDrawingService, r = this._docDrawingService.getBatchAddOp(e), { subUnitId: o, redo: s, objects: a } = r;
+    n.applyJson1(i, o, s), t.applyJson1(i, o, s), n.addNotification(a), t.addNotification(a);
+  }
+  _removeDrawings(i, e) {
+    const n = this._drawingManagerService, t = this._docDrawingService, r = this._docDrawingService.getBatchRemoveOp(e.map((d) => ({
+      unitId: i,
+      subUnitId: i,
+      drawingId: d
+    }))), { subUnitId: o, redo: s, objects: a } = r;
+    n.applyJson1(i, o, s), t.applyJson1(i, o, s), n.removeNotification(a), t.removeNotification(a);
+  }
+  _updateDrawingsOrder(i) {
+    const e = this._univerInstanceService.getUniverDocInstance(i);
+    if (e == null)
+      return;
+    const n = e.getSnapshot().drawingsOrder;
+    if (n == null)
+      return;
+    const t = this._drawingManagerService, r = this._docDrawingService;
+    t.setDrawingOrder(i, i, n), r.setDrawingOrder(i, i, n);
+    const o = {
+      unitId: i,
+      subUnitId: i,
+      drawingIds: n
+    };
+    t.orderNotification(o), r.orderNotification(o);
+  }
+};
+sn = Fi([
+  $e(0, q),
+  $e(1, $),
+  $e(2, _e),
+  $e(3, Ue),
+  $e(4, J)
+], sn);
+class fn {
+  constructor() {
+    Se(this, "_refreshDrawings$", new ot(null));
+    Se(this, "refreshDrawings$", this._refreshDrawings$.asObservable());
+  }
+  refreshDrawings(e) {
+    this._refreshDrawings$.next(e);
+  }
+}
+var ue = /* @__PURE__ */ ((i) => (i.INLINE = "inline", i.BEHIND_TEXT = "behindText", i.IN_FRONT_OF_TEXT = "inFrontOfText", i.WRAP_SQUARE = "wrapSquare", i.WRAP_TOP_AND_BOTTOM = "wrapTopAndBottom", i))(ue || {});
+const Gi = {
+  inline: W.INLINE,
+  wrapSquare: W.WRAP_SQUARE,
+  wrapTopAndBottom: W.WRAP_TOP_AND_BOTTOM,
+  inFrontOfText: W.WRAP_NONE,
+  behindText: W.WRAP_NONE
+};
+function dt(i, e, n, t, r, o, s) {
+  var f, u;
+  const a = new Dn(), d = X.getInstance(), c = [], g = o.getSelfOrHeaderFooterModel(e).getBody(), m = o.getSelfOrHeaderFooterModel(i).getBody();
+  if (g == null || m == null)
+    return;
+  const l = (u = (f = g.customBlocks) == null ? void 0 : f.find((v) => v.blockId === r)) == null ? void 0 : u.startIndex;
+  if (l != null) {
+    if (t = Math.min(m.dataStream.length - 2, t), i === e) {
+      if (t < l ? (t > 0 && a.push({
+        t: Q.RETAIN,
+        len: t
+      }), a.push({
+        t: Q.INSERT,
+        body: {
+          dataStream: "\b",
+          customBlocks: [{
+            startIndex: 0,
+            blockId: r
+          }]
+        },
+        len: 1
+      }), a.push({
+        t: Q.RETAIN,
+        len: l - t
+      }), a.push({
+        t: Q.DELETE,
+        len: 1
+      })) : (l > 0 && a.push({
+        t: Q.RETAIN,
+        len: l
+      }), a.push({
+        t: Q.DELETE,
+        len: 1
+      }), t - l - 1 > 0 && a.push({
+        t: Q.RETAIN,
+        len: t - l - 1
+      }), a.push({
+        t: Q.INSERT,
+        body: {
+          dataStream: "\b",
+          customBlocks: [{
+            startIndex: 0,
+            blockId: r
+          }]
+        },
+        len: 1
+      })), t !== l) {
+        const v = qe(o, e), w = d.editOp(a.serialize(), v);
+        c.push(w);
+      }
+    } else {
+      l > 0 && a.push({
+        t: Q.RETAIN,
+        len: l
+      }), a.push({
+        t: Q.DELETE,
+        len: 1
+      });
+      let v = qe(o, e), w = d.editOp(a.serialize(), v);
+      c.push(w), a.empty(), t > 0 && a.push({
+        t: Q.RETAIN,
+        len: t
+      }), a.push({
+        t: Q.INSERT,
+        body: {
+          dataStream: "\b",
+          customBlocks: [{
+            startIndex: 0,
+            blockId: r
+          }]
+        },
+        len: 1
+      }), v = qe(o, i), w = d.editOp(a.serialize(), v), c.push(w), s.setSegment(i), s.setSegmentPage(n);
+    }
+    return c;
+  }
+}
+const lt = {
+  id: "doc.command.update-doc-drawing-wrapping-style",
+  type: Y.COMMAND,
+  // eslint-disable-next-line max-lines-per-function, complexity
+  handler: (i, e) => {
+    var N, B;
+    if (e == null)
+      return !1;
+    const { drawings: n, wrappingStyle: t, unitId: r } = e, o = i.get($), s = i.get(q), d = i.get(J).getRenderById(r), c = d == null ? void 0 : d.with(te).getSkeleton().getSkeletonData(), g = d == null ? void 0 : d.with(te).getViewModel(), m = d == null ? void 0 : d.scene, l = s.getCurrentUniverDocInstance();
+    if (l == null || c == null || m == null || g == null)
+      return !1;
+    const f = g.getEditArea(), u = m.getTransformerByCreate(), { pages: v, skeHeaders: w, skeFooters: I } = c, O = X.getInstance(), C = [], { drawings: T = {} } = l.getSnapshot();
+    for (const E of n) {
+      const { drawingId: _ } = E, L = T[_].layoutType, G = Gi[t];
+      if (L !== G) {
+        const D = O.replaceOp(["drawings", _, "layoutType"], L, G);
+        C.push(D);
+      }
+      if (t === "behindText" || t === "inFrontOfText") {
+        const D = T[_].behindDoc, R = t === "behindText" ? se.TRUE : se.FALSE;
+        if (D !== R) {
+          const y = O.replaceOp(["drawings", _, "behindDoc"], D, R);
+          C.push(y);
+        }
+      }
+      if (t === "inline")
+        continue;
+      let x = null, V = 0, S = 0;
+      for (const D of v) {
+        const { headerId: R, footerId: y, marginTop: U, marginLeft: k, marginBottom: b, pageWidth: A, pageHeight: z } = D;
+        switch (f) {
+          case We.HEADER: {
+            const F = (N = w.get(R)) == null ? void 0 : N.get(A);
+            F != null && F.skeDrawings.has(_) && (x = F.skeDrawings.get(_), V = F.marginTop, S = k);
+            break;
+          }
+          case We.FOOTER: {
+            const F = (B = I.get(y)) == null ? void 0 : B.get(A);
+            F != null && F.skeDrawings.has(_) && (x = F.skeDrawings.get(_), V = z - b + F.marginTop, S = k);
+            break;
+          }
+          case We.BODY: {
+            D.skeDrawings.has(_) && (x = D.skeDrawings.get(_), V = U, S = k);
+            break;
+          }
+        }
+        if (x != null)
+          break;
+      }
+      if (x != null) {
+        const { aTop: D, aLeft: R } = x, y = T[_].docTransform.positionH;
+        let U = R;
+        y.relativeFrom === ee.MARGIN ? U -= S : y.relativeFrom === ee.COLUMN && (U -= x.columnLeft);
+        const k = {
+          relativeFrom: y.relativeFrom,
+          posOffset: U
+        };
+        if (y.posOffset !== k.posOffset) {
+          const F = O.replaceOp(["drawings", _, "docTransform", "positionH"], y, k);
+          C.push(F);
+        }
+        const b = T[_].docTransform.positionV;
+        let A = D;
+        b.relativeFrom === H.PAGE ? A += V : b.relativeFrom === H.LINE ? A -= x.lineTop : b.relativeFrom === H.PARAGRAPH && (A -= x.blockAnchorTop);
+        const z = {
+          relativeFrom: b.relativeFrom,
+          posOffset: A
+        };
+        if (b.posOffset !== z.posOffset) {
+          const F = O.replaceOp(["drawings", _, "docTransform", "positionV"], b, z);
+          C.push(F);
+        }
+      }
+    }
+    const M = {
+      id: ne.id,
+      params: {
+        unitId: r,
+        actions: [],
+        textRanges: null
+      }
+    };
+    M.params.actions = C.reduce((E, _) => X.compose(E, _), null);
+    const P = o.syncExecuteCommand(M.id, M.params);
+    return u.refreshControls(), !!P;
+  }
+}, gt = {
+  id: "doc.command.update-doc-drawing-distance",
+  type: Y.COMMAND,
+  handler: (i, e) => {
+    if (e == null)
+      return !1;
+    const n = i.get($), r = i.get(q).getCurrentUniverDocInstance();
+    if (r == null)
+      return !1;
+    const { drawings: o, dist: s, unitId: a } = e, d = X.getInstance(), c = [], { drawings: g = {} } = r.getSnapshot();
+    for (const f of o) {
+      const { drawingId: u } = f;
+      for (const [v, w] of Object.entries(s)) {
+        const I = g[u][v];
+        if (I !== w) {
+          const O = d.replaceOp(["drawings", u, v], I, w);
+          c.push(O);
+        }
+      }
+    }
+    const m = {
+      id: ne.id,
+      params: {
+        unitId: a,
+        actions: [],
+        textRanges: null
+      }
+    };
+    return m.params.actions = c.reduce((f, u) => X.compose(f, u), null), !!n.syncExecuteCommand(m.id, m.params);
+  }
+}, mt = {
+  id: "doc.command.update-doc-drawing-wrap-text",
+  type: Y.COMMAND,
+  handler: (i, e) => {
+    if (e == null)
+      return !1;
+    const n = i.get($), r = i.get(q).getCurrentUniverDocInstance();
+    if (r == null)
+      return !1;
+    const { drawings: o, wrapText: s, unitId: a } = e, d = X.getInstance(), c = [], { drawings: g = {} } = r.getSnapshot();
+    for (const f of o) {
+      const { drawingId: u } = f, v = g[u].wrapText;
+      if (v !== s) {
+        const w = d.replaceOp(["drawings", u, "wrapText"], v, s);
+        c.push(w);
+      }
+    }
+    const m = {
+      id: ne.id,
+      params: {
+        unitId: a,
+        actions: [],
+        textRanges: null
+      }
+    };
+    return m.params.actions = c.reduce((f, u) => X.compose(f, u), null), !!n.syncExecuteCommand(m.id, m.params);
+  }
+}, Ke = {
+  id: "doc.command.update-drawing-doc-transform",
+  type: Y.COMMAND,
+  handler: (i, e) => {
+    if (e == null)
+      return !1;
+    const n = i.get($), t = i.get(q), o = i.get(J).getRenderById(e.unitId), s = o == null ? void 0 : o.scene;
+    if (s == null)
+      return !1;
+    const a = s.getTransformerByCreate(), d = t.getCurrentUniverDocInstance();
+    if (d == null)
+      return !1;
+    const { drawings: c, unitId: g } = e, m = X.getInstance(), l = [], { drawings: f = {} } = d.getSnapshot();
+    for (const w of c) {
+      const { drawingId: I, key: O, value: C } = w, T = f[I].docTransform[O];
+      if (!Me.diffValue(T, C)) {
+        const M = m.replaceOp(["drawings", I, "docTransform", O], T, C);
+        l.push(M);
+      }
+    }
+    const u = {
+      id: ne.id,
+      params: {
+        unitId: g,
+        actions: [],
+        textRanges: null,
+        debounce: !0
+      }
+    };
+    u.params.actions = l.reduce((w, I) => X.compose(w, I), null);
+    const v = n.syncExecuteCommand(u.id, u.params);
+    return a.refreshControls(), !!v;
+  }
+}, ut = {
+  id: "doc.command.move-inline-drawing",
+  type: Y.COMMAND,
+  handler: (i, e) => {
+    var B, E;
+    if (e == null)
+      return !1;
+    const n = i.get(J), t = (B = n.getRenderById(e.unitId)) == null ? void 0 : B.with(Re), r = i.get(fn), o = n.getRenderById(e.unitId), s = o == null ? void 0 : o.scene, a = o == null ? void 0 : o.with(te).getSkeleton();
+    if (s == null || t == null)
+      return !1;
+    const d = s.getTransformerByCreate(), c = i.get($), m = i.get(q).getCurrentUniverDocInstance();
+    if (m == null)
+      return !1;
+    const { drawing: l, unitId: f, offset: u, segmentId: v, segmentPage: w, needRefreshDrawings: I } = e;
+    if (I)
+      return r.refreshDrawings(a), d.refreshControls(), !0;
+    const O = [], { drawingId: C } = l, T = (E = t.getSegment()) != null ? E : "", M = dt(
+      v,
+      T,
+      w,
+      u,
+      C,
+      m,
+      t
+    );
+    if (M == null || M.length === 0)
+      return r.refreshDrawings(a), d.refreshControls(), !1;
+    O.push(...M);
+    const P = {
+      id: ne.id,
+      params: {
+        unitId: f,
+        actions: [],
+        textRanges: null
+      }
+    };
+    P.params.actions = O.reduce((_, L) => X.compose(_, L), null);
+    const N = c.syncExecuteCommand(P.id, P.params);
+    return d.refreshControls(), !!N;
+  }
+}, ft = {
+  id: "doc.command.transform-non-inline-drawing",
+  type: Y.COMMAND,
+  // eslint-disable-next-line max-lines-per-function
+  handler: (i, e) => {
+    var x, V;
+    if (e == null)
+      return !1;
+    const n = i.get(J), t = (x = n.getRenderById(e.unitId)) == null ? void 0 : x.with(Re), r = n.getRenderById(e.unitId), o = r == null ? void 0 : r.scene;
+    if (o == null || t == null)
+      return !1;
+    const s = o.getTransformerByCreate(), a = i.get($), c = i.get(q).getCurrentUniverDocInstance();
+    if (c == null)
+      return !1;
+    const { drawing: g, unitId: m, offset: l, docTransform: f, segmentId: u, segmentPage: v } = e, w = [], { drawingId: I } = g, O = (V = t.getSegment()) != null ? V : "", C = dt(
+      u,
+      O,
+      v,
+      l,
+      I,
+      c,
+      t
+    );
+    if (C == null)
+      return !1;
+    C.length > 0 && w.push(...C);
+    const T = X.getInstance(), { drawings: M = {} } = c.getSnapshot(), P = M[I].docTransform, { positionH: N, positionV: B, size: E, angle: _ } = P;
+    if (!Me.diffValue(N, f.positionH)) {
+      const S = T.replaceOp(["drawings", I, "docTransform", "positionH"], N, f.positionH);
+      w.push(S);
+    }
+    if (!Me.diffValue(B, f.positionV)) {
+      const S = T.replaceOp(["drawings", I, "docTransform", "positionV"], B, f.positionV);
+      w.push(S);
+    }
+    if (!Me.diffValue(E, f.size)) {
+      const S = T.replaceOp(["drawings", I, "docTransform", "size"], E, f.size);
+      w.push(S);
+    }
+    if (!Me.diffValue(_, f.angle)) {
+      const S = T.replaceOp(["drawings", I, "docTransform", "angle"], _, f.angle);
+      w.push(S);
+    }
+    const L = {
+      id: ne.id,
+      params: {
+        unitId: m,
+        actions: [],
+        textRanges: null,
+        debounce: !0
+      }
+    };
+    L.params.actions = w.reduce((S, D) => X.compose(S, D), null);
+    const G = a.syncExecuteCommand(L.id, L.params);
+    return s.refreshControls(), !!G;
+  }
+};
+var Vi = Object.getOwnPropertyDescriptor, ji = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? Vi(e, n) : e, o = i.length - 1, s; o >= 0; o--)
+    (s = i[o]) && (r = s(r) || r);
+  return r;
+}, Je = (i, e) => (n, t) => e(n, t, i);
+const $i = "__InlineDrawingAnchor__";
+function Xn(i) {
+  const { path: e } = i;
+  return e.some((n) => n === "cells");
+}
+let an = class extends Ge {
+  constructor(e, n, t, r) {
+    super();
+    Se(this, "_liquid", new Jn());
+    Se(this, "_listenerOnImageMap", /* @__PURE__ */ new Set());
+    // Use to cache the drawings is under transforming or scaling.
+    Se(this, "_transformerCache", /* @__PURE__ */ new Map());
+    Se(this, "_anchorShape");
+    this._commandService = e, this._univerInstanceService = n, this._drawingManagerService = t, this._renderManagerService = r, this._init();
+  }
+  _init() {
+    this._listenDrawingFocus();
+  }
+  _listenDrawingFocus() {
+    this.disposeWithMe(
+      this._drawingManagerService.add$.subscribe((e) => {
+        if (e.length !== 0)
+          for (const n of e) {
+            const { unitId: t } = n;
+            this._listenerOnImageMap.has(t) || (this._listenTransformerChange(t), this._listenerOnImageMap.add(t));
+          }
+      })
+    );
+  }
+  // Only handle one drawing transformer change.
+  // eslint-disable-next-line max-lines-per-function
+  _listenTransformerChange(e) {
+    var r;
+    const n = (r = this._getSceneAndTransformerByDrawingSearch(e)) == null ? void 0 : r.transformer;
+    if (n == null)
+      return;
+    this.disposeWithMe(
+      Oe(
+        n.changeStart$.subscribe((o) => {
+          var a;
+          this._transformerCache.clear();
+          const { objects: s } = o;
+          for (const d of s.values()) {
+            const { oKey: c, width: g, height: m, left: l, top: f, angle: u } = d, v = this._drawingManagerService.getDrawingOKey(c);
+            if (v == null)
+              continue;
+            const w = this._univerInstanceService.getUniverDocInstance(v.unitId), I = (a = w == null ? void 0 : w.getSnapshot().drawings) == null ? void 0 : a[v.drawingId];
+            if ((I == null ? void 0 : I.layoutType) === W.INLINE)
+              try {
+                d.setOpacity(0.2);
+              } catch {
+              }
+            I != null && this._transformerCache.set(v.drawingId, {
+              drawing: I,
+              top: f,
+              left: l,
+              width: g,
+              height: m,
+              angle: u
+            });
+          }
+        })
+      )
+    );
+    const t = Rn(this._updateMultipleDrawingDocTransform.bind(this), 50);
+    Rn(this._nonInlineDrawingTransform.bind(this), 50), this.disposeWithMe(
+      Oe(
+        n.changing$.subscribe((o) => {
+          const { objects: s, offsetX: a, offsetY: d } = o;
+          if (s.size > 1)
+            t(s);
+          else if (s.size === 1) {
+            const c = this._transformerCache.values().next().value, g = s.values().next().value, { width: m, height: l, top: f, left: u, angle: v } = g;
+            if (c && m === c.width && l === c.height && f === c.top && u === c.left && v === c.angle)
+              return;
+            c && (c.drawing.layoutType, W.INLINE), c && c.drawing.layoutType === W.INLINE && a != null && d != null && this._updateInlineDrawingAnchor(c.drawing, a, d);
+          }
+        })
+      )
+    ), this.disposeWithMe(
+      Oe(
+        // eslint-disable-next-line complexity
+        n.changeEnd$.subscribe((o) => {
+          const { objects: s, offsetX: a, offsetY: d } = o;
+          for (const c of s.values()) {
+            const g = this._drawingManagerService.getDrawingOKey(c.oKey);
+            if (g == null)
+              continue;
+            const m = this._transformerCache.get(g == null ? void 0 : g.drawingId);
+            if ((m == null ? void 0 : m.drawing.layoutType) === W.INLINE)
+              try {
+                c.setOpacity(1);
+              } catch {
+              }
+          }
+          if (this._anchorShape && this._anchorShape.hide(), s.size > 1)
+            this._updateMultipleDrawingDocTransform(s);
+          else if (s.size === 1) {
+            const c = this._transformerCache.values().next().value, g = s.values().next().value, { width: m, height: l, top: f, left: u, angle: v } = g;
+            if (c && m === c.width && l === c.height && f === c.top && u === c.left && v === c.angle)
+              return;
+            c && c.drawing.layoutType === W.INLINE ? m !== c.width || l !== c.height || v !== c.angle ? this._updateDrawingSize(c, g) : a != null && d != null && this._moveInlineDrawing(c.drawing, a, d) : c && this._nonInlineDrawingTransform(c.drawing, g);
+          }
+          this._transformerCache.clear();
+        })
+      )
+    );
+  }
+  // eslint-disable-next-line max-lines-per-function
+  _updateMultipleDrawingDocTransform(e) {
+    if (e.size < 1)
+      return;
+    const n = [];
+    let t, r;
+    for (const o of e.values()) {
+      const { oKey: s, left: a, top: d, angle: c } = o;
+      let { width: g, height: m } = o;
+      const l = this._drawingManagerService.getDrawingOKey(s);
+      if (l == null)
+        continue;
+      t == null && (t = l.unitId), r == null && (r = l.subUnitId);
+      const f = this._transformerCache.get(l.drawingId);
+      if (f == null)
+        continue;
+      const { drawing: u, top: v, left: w, width: I, height: O, angle: C } = f, { width: T, height: M } = this._getPageContentSize(u);
+      if (g = Math.min(g, T), m = Math.min(m, M), (I !== g || O !== m) && n.push({
+        drawingId: l.drawingId,
+        key: "size",
+        value: {
+          width: g,
+          height: m
+        }
+      }), C !== c && n.push({
+        drawingId: l.drawingId,
+        key: "angle",
+        value: c
+      }), v !== d || w !== a) {
+        const P = d - v, N = a - w;
+        P !== 0 && n.push({
+          drawingId: l.drawingId,
+          key: "positionV",
+          value: {
+            relativeFrom: u.docTransform.positionV.relativeFrom,
+            posOffset: u.docTransform.positionV.posOffset + P
+          }
+        }), N !== 0 && n.push({
+          drawingId: l.drawingId,
+          key: "positionH",
+          value: {
+            relativeFrom: u.docTransform.positionH.relativeFrom,
+            posOffset: u.docTransform.positionH.posOffset + N
+          }
+        });
+      }
+    }
+    n.length > 0 && t && r && this._commandService.executeCommand(Ke.id, {
+      unitId: t,
+      subUnitId: r,
+      drawings: n
+    });
+  }
+  // TODO: @JOCS, Use to draw and update the drawing anchor.
+  _updateDrawingAnchor(e) {
+    if (this._transformerCache.size !== 1)
+      return;
+    const n = this._transformerCache.values().next().value, t = e.values().next().value;
+    this._getDrawingAnchor(n.drawing, t);
+  }
+  _updateInlineDrawingAnchor(e, n, t) {
+    var o;
+    if (this._transformerCache.size !== 1)
+      return;
+    const { contentBoxPointGroup: r } = (o = this._getInlineDrawingAnchor(e, n, t)) != null ? o : {};
+    r != null && this._createOrUpdateInlineAnchor(e.unitId, r);
+  }
+  _getInlineDrawingAnchor(e, n, t) {
+    var x, V;
+    const r = this._renderManagerService.getRenderById(e.unitId), o = r == null ? void 0 : r.with(te).getSkeleton();
+    if (r == null)
+      return;
+    const { mainComponent: s, scene: a } = r, d = s, c = a.getViewports()[0], {
+      pageLayoutType: g = Ln.VERTICAL,
+      pageMarginLeft: m,
+      pageMarginTop: l
+    } = d.getOffsetConfig();
+    let f = null, u = !1, v = -1, w = "";
+    const I = 0.5, O = this._getTransformCoordForDocumentOffset(d, c, n, t);
+    if (O == null)
+      return;
+    const C = (x = this._renderManagerService.getRenderById(e.unitId)) == null ? void 0 : x.with(Re);
+    if (C == null)
+      return;
+    const T = o == null ? void 0 : o.findNodeByCoord(O, g, m, l, {
+      strict: !1,
+      segmentId: C.getSegment(),
+      segmentPage: C.getSegmentPage()
+    });
+    if (T) {
+      const { node: S, ratioX: D, segmentPage: R, segmentId: y } = T;
+      u = D < I, f = S, v = R, w = y;
+    }
+    if (f == null)
+      return;
+    const M = o == null ? void 0 : o.findPositionByGlyph(f, v), P = this._getDocObject();
+    if (M == null || o == null || P == null || Xn(M))
+      return;
+    const N = {
+      ...M,
+      isBack: u
+    }, B = P.document.getOffsetConfig(), E = new kn(B, o), { cursorList: _, contentBoxPointGroup: L } = E.getRangePointData(N, N), { startOffset: G } = (V = Fn(_)) != null ? V : {};
+    if (G != null)
+      return { offset: G, contentBoxPointGroup: L, segmentId: w, segmentPage: v };
+  }
+  // eslint-disable-next-line max-lines-per-function, complexity
+  _getDrawingAnchor(e, n) {
+    var De, Ce, de, Te, ye, Ne, Ae, Pe, le, ge, xe;
+    const t = this._renderManagerService.getRenderById(e.unitId), r = t == null ? void 0 : t.with(te).getSkeleton(), o = r == null ? void 0 : r.getSkeletonData();
+    if (o == null || t == null)
+      return;
+    const { pages: s, skeHeaders: a, skeFooters: d } = o, { mainComponent: c, scene: g } = t, m = c, l = g.getViewports()[0], { pageLayoutType: f = Ln.VERTICAL, pageMarginLeft: u, pageMarginTop: v, docsLeft: w, docsTop: I } = m.getOffsetConfig(), { left: O, top: C, angle: T } = n;
+    let { width: M, height: P } = n;
+    const { positionV: N, positionH: B } = e.docTransform, { width: E, height: _ } = this._getPageContentSize(e);
+    M = Math.min(M, E), P = Math.min(P, _);
+    let L = null, G = "", x = -1;
+    const V = !1, S = {
+      ...e.docTransform,
+      size: {
+        width: M,
+        height: P
+      },
+      angle: T
+    }, { x: D, y: R } = g.getViewportScrollXY(l), y = this._getTransformCoordForDocumentOffset(m, l, O - D, C - R);
+    if (y == null)
+      return;
+    const U = (De = this._renderManagerService.getRenderById(e.unitId)) == null ? void 0 : De.with(Re);
+    if (U == null)
+      return;
+    const k = r == null ? void 0 : r.findNodeByCoord(y, f, u, v, {
+      strict: !1,
+      segmentId: U.getSegment(),
+      segmentPage: U.getSegmentPage()
+    });
+    if (k) {
+      const { node: we, segmentPage: hn, segmentId: pn } = k;
+      L = we, x = hn, G = pn;
+    }
+    if (L == null)
+      return;
+    const b = (Ce = L.parent) == null ? void 0 : Ce.parent, A = b == null ? void 0 : b.parent, z = (de = A == null ? void 0 : A.lines.find((we) => we.paragraphIndex === (b == null ? void 0 : b.paragraphIndex) && we.paragraphStart)) != null ? de : A == null ? void 0 : A.lines[0], F = (Te = A == null ? void 0 : A.parent) == null ? void 0 : Te.parent;
+    if (b == null || A == null || z == null || F == null)
+      return;
+    this._liquid.reset();
+    const Z = F.type;
+    for (const we of s) {
+      const { headerId: hn, footerId: pn, pageHeight: Rt, pageWidth: bn, marginLeft: Mn, marginBottom: Et } = we, Nt = s.indexOf(we);
+      if (x > -1 && Nt === x) {
+        switch (Z) {
+          case Un.HEADER: {
+            const je = (ye = a.get(hn)) == null ? void 0 : ye.get(bn);
+            if (je)
+              this._liquid.translatePagePadding({
+                marginTop: je.marginTop,
+                marginLeft: Mn
+              });
+            else
+              throw new Error("header skeleton not found");
+            break;
+          }
+          case Un.FOOTER: {
+            const je = (Ne = d.get(pn)) == null ? void 0 : Ne.get(bn);
+            if (je)
+              this._liquid.translatePagePadding({
+                marginTop: Rt - Et + je.marginTop,
+                marginLeft: Mn
+              });
+            else
+              throw new Error("footer skeleton not found");
+            break;
+          }
+        }
+        break;
+      }
+      if (this._liquid.translatePagePadding(we), we === F)
+        break;
+      this._liquid.restorePagePadding(we), this._liquid.translatePage(we, f, u, v);
+    }
+    switch (N.relativeFrom === H.LINE ? L = b.divides[0].glyphGroup[0] : L = (ge = (le = (Pe = (Ae = z.divides) == null ? void 0 : Ae[0]) == null ? void 0 : Pe.glyphGroup) == null ? void 0 : le[0]) != null ? ge : L, S.positionH = {
+      relativeFrom: B.relativeFrom,
+      posOffset: O - this._liquid.x - w
+    }, B.relativeFrom) {
+      case ee.MARGIN: {
+        S.positionH.posOffset = O - this._liquid.x - w - F.marginLeft;
+        break;
+      }
+      case ee.COLUMN: {
+        S.positionH.posOffset = O - this._liquid.x - w - A.left;
+        break;
+      }
+    }
+    switch (S.positionV = {
+      relativeFrom: N.relativeFrom,
+      posOffset: C - this._liquid.y - I
+    }, N.relativeFrom) {
+      case H.PAGE: {
+        S.positionV.posOffset = C - this._liquid.y - I - F.marginTop;
+        break;
+      }
+      case H.LINE: {
+        S.positionV.posOffset = C - this._liquid.y - I - b.top;
+        break;
+      }
+      case H.PARAGRAPH: {
+        S.positionV.posOffset = C - this._liquid.y - I - z.top;
+        break;
+      }
+    }
+    if (L == null)
+      return;
+    const ae = r == null ? void 0 : r.findPositionByGlyph(L, x), Be = this._getDocObject();
+    if (ae == null || r == null || Be == null || Xn(ae))
+      return;
+    const Ee = {
+      ...ae,
+      isBack: V
+    }, Ve = Be.document.getOffsetConfig(), ce = new kn(Ve, r), { cursorList: ie } = ce.getRangePointData(Ee, Ee), { startOffset: re } = (xe = Fn(ie)) != null ? xe : {};
+    if (re != null)
+      return { offset: re, docTransform: S, segmentId: G, segmentPage: x };
+  }
+  // Update drawing when use transformer to resize it.
+  _updateDrawingSize(e, n) {
+    const t = [], { drawing: r, width: o, height: s, angle: a } = e, { unitId: d, subUnitId: c } = r;
+    let { width: g, height: m, angle: l } = n;
+    const { width: f, height: u } = this._getPageContentSize(r);
+    g = Math.min(f, g), m = Math.min(u, m), (g !== o || m !== s) && t.push({
+      drawingId: r.drawingId,
+      key: "size",
+      value: {
+        width: g,
+        height: m
+      }
+    }), l !== a && t.push({
+      drawingId: r.drawingId,
+      key: "angle",
+      value: l
+    }), t.length > 0 && d && c && this._commandService.executeCommand(Ke.id, {
+      unitId: d,
+      subUnitId: c,
+      drawings: t
+    });
+  }
+  // Update inline drawing when use transformer to move it.
+  _moveInlineDrawing(e, n, t) {
+    const r = this._getInlineDrawingAnchor(e, n, t), { offset: o, segmentId: s, segmentPage: a } = r != null ? r : {};
+    return this._commandService.executeCommand(ut.id, {
+      unitId: e.unitId,
+      subUnitId: e.unitId,
+      drawing: e,
+      offset: o,
+      segmentId: s,
+      segmentPage: a,
+      needRefreshDrawings: o == null
+    });
+  }
+  // Limit the drawing to the page area, mainly in the vertical direction,
+  // and the upper and lower limits cannot exceed the page margin area.
+  _limitDrawingInPage(e, n) {
+    const t = this._renderManagerService.getRenderById(e.unitId), { left: r, top: o, width: s, height: a, angle: d } = n, c = t == null ? void 0 : t.with(te).getSkeleton(), g = c == null ? void 0 : c.getSkeletonData(), { pages: m } = g != null ? g : {};
+    if (g == null || t == null || m == null)
+      return {
+        left: r,
+        top: o,
+        width: s,
+        height: a,
+        angle: d
+      };
+    const { mainComponent: l } = t, f = l, { top: u, pageLayoutType: v, pageMarginLeft: w, pageMarginTop: I } = f;
+    let O = o;
+    this._liquid.reset();
+    for (const C of m) {
+      const { marginBottom: T, pageHeight: M } = C, P = m.indexOf(C), N = m[P + 1];
+      if (N == null)
+        continue;
+      if (Me.hasIntersectionBetweenTwoRanges(
+        o,
+        o + a,
+        this._liquid.y + u + M - T,
+        this._liquid.y + u + M + I + N.marginTop
+      )) {
+        const E = o + a / 2, _ = this._liquid.y + u + M + I / 2;
+        E < _ ? O = Math.min(o, this._liquid.y + u + M - T - a) : O = Math.max(o, this._liquid.y + u + M + I + N.marginTop);
+      }
+      this._liquid.translatePage(C, v, w, I);
+    }
+    return {
+      left: r,
+      top: O,
+      width: s,
+      height: a,
+      angle: d
+    };
+  }
+  _nonInlineDrawingTransform(e, n, t = !1) {
+    const r = e.isMultiTransform === se.TRUE ? n : this._limitDrawingInPage(e, n);
+    if (t && r.top !== n.top)
+      return;
+    const o = this._getDrawingAnchor(e, r), { offset: s, docTransform: a, segmentId: d, segmentPage: c } = o != null ? o : {};
+    return s == null || a == null ? this._updateMultipleDrawingDocTransform(/* @__PURE__ */ new Map([[e.drawingId, n]])) : this._commandService.executeCommand(ft.id, {
+      unitId: e.unitId,
+      subUnitId: e.unitId,
+      drawing: e,
+      offset: s,
+      docTransform: a,
+      segmentId: d,
+      segmentPage: c
+    });
+  }
+  _getSceneAndTransformerByDrawingSearch(e) {
+    if (e == null)
+      return;
+    const n = this._renderManagerService.getRenderById(e), t = n == null ? void 0 : n.scene;
+    if (t == null)
+      return;
+    const r = t.getTransformerByCreate();
+    return { scene: t, transformer: r };
+  }
+  _getTransformCoordForDocumentOffset(e, n, t, r) {
+    const { documentTransform: o } = e.getOffsetConfig(), s = n.transformVector2SceneCoord(mi.FromArray([t, r]));
+    if (s)
+      return o.clone().invert().applyPoint(s);
+  }
+  _createOrUpdateInlineAnchor(e, n) {
+    const t = this._renderManagerService.getRenderById(e);
+    if (t == null)
+      return;
+    const { mainComponent: r, scene: o } = t, s = r, {
+      docsLeft: a,
+      docsTop: d
+    } = s.getOffsetConfig(), c = yi(n), { left: g, top: m, height: l } = c, f = g + a, u = m + d;
+    if (this._anchorShape) {
+      this._anchorShape.transformByState({ left: f, top: u, height: l }), this._anchorShape.show();
+      return;
+    }
+    const v = 6, w = new ui($i + Me.generateRandomId(v), {
+      left: f,
+      top: u,
+      height: l,
+      strokeWidth: 2,
+      stroke: fi(kt.darkGray, 1),
+      evented: !1
+    });
+    this._anchorShape = w, o.addObject(w, Pi);
+  }
+  _getDocObject() {
+    return bi(this._univerInstanceService, this._renderManagerService);
+  }
+  _getPageContentSize(e) {
+    const n = this._renderManagerService.getRenderById(e.unitId), t = n == null ? void 0 : n.with(te).getSkeleton(), r = 500, o = 500, s = t == null ? void 0 : t.getSkeletonData();
+    if (s == null || n == null)
+      return {
+        width: r,
+        height: o
+      };
+    const { pages: a } = s;
+    let d = null;
+    for (const c of a) {
+      const { skeDrawings: g } = c;
+      if (g.has(e.drawingId)) {
+        d = c;
+        break;
+      }
+    }
+    if (d) {
+      const { pageWidth: c, pageHeight: g, marginLeft: m, marginBottom: l, marginRight: f, marginTop: u } = d;
+      return {
+        width: Math.max(r, c - m - f),
+        height: Math.max(o, g - u - l)
+      };
+    } else
+      return {
+        width: r,
+        height: o
+      };
+  }
+};
+an = ji([
+  Je(0, $),
+  Je(1, q),
+  Je(2, _e),
+  Je(3, J)
+], an);
+var he = function() {
+  return he = Object.assign || function(i) {
+    for (var e, n = 1, t = arguments.length; n < t; n++) {
+      e = arguments[n];
+      for (var r in e) Object.prototype.hasOwnProperty.call(e, r) && (i[r] = e[r]);
+    }
+    return i;
+  }, he.apply(this, arguments);
+}, zi = function(i, e) {
+  var n = {};
+  for (var t in i) Object.prototype.hasOwnProperty.call(i, t) && e.indexOf(t) < 0 && (n[t] = i[t]);
+  if (i != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var r = 0, t = Object.getOwnPropertySymbols(i); r < t.length; r++)
+      e.indexOf(t[r]) < 0 && Object.prototype.propertyIsEnumerable.call(i, t[r]) && (n[t[r]] = i[t[r]]);
+  return n;
+}, ht = at(function(i, e) {
+  var n = i.icon, t = i.id, r = i.className, o = i.extend, s = zi(i, ["icon", "id", "className", "extend"]), a = "univerjs-icon univerjs-icon-".concat(t, " ").concat(r || "").trim(), d = Ui("_".concat(Ki()));
+  return pt(n, "".concat(t), { defIds: n.defIds, idSuffix: d.current }, he({ ref: e, className: a }, s), o);
+});
+function pt(i, e, n, t, r) {
+  return ct(i.tag, he(he({ key: e }, Xi(i, n, r)), t), (qi(i, n).children || []).map(function(o, s) {
+    return pt(o, "".concat(e, "-").concat(i.tag, "-").concat(s), n, void 0, r);
+  }));
+}
+function Xi(i, e, n) {
+  var t = he({}, i.attrs);
+  n != null && n.colorChannel1 && t.fill === "colorChannel1" && (t.fill = n.colorChannel1), i.tag === "mask" && t.id && (t.id = t.id + e.idSuffix), Object.entries(t).forEach(function(o) {
+    var s = o[0], a = o[1];
+    s === "mask" && typeof a == "string" && (t[s] = a.replace(/url\(#(.*)\)/, "url(#$1".concat(e.idSuffix, ")")));
+  });
+  var r = e.defIds;
+  return !r || r.length === 0 || (i.tag === "use" && t["xlink:href"] && (t["xlink:href"] = t["xlink:href"] + e.idSuffix), Object.entries(t).forEach(function(o) {
+    var s = o[0], a = o[1];
+    typeof a == "string" && (t[s] = a.replace(/url\(#(.*)\)/, "url(#$1".concat(e.idSuffix, ")")));
+  })), t;
+}
+function qi(i, e) {
+  var n, t = e.defIds;
+  return !t || t.length === 0 ? i : i.tag === "defs" && (!((n = i.children) === null || n === void 0) && n.length) ? he(he({}, i), { children: i.children.map(function(r) {
+    return typeof r.attrs.id == "string" && t && t.indexOf(r.attrs.id) > -1 ? he(he({}, r), { attrs: he(he({}, r.attrs), { id: r.attrs.id + e.idSuffix }) }) : r;
+  }) }) : i;
+}
+function Ki() {
+  return Math.random().toString(36).substring(2, 8);
+}
+ht.displayName = "UniverIcon";
+var Yi = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M2.2498 3.65005C2.2498 2.87685 2.87661 2.25005 3.64981 2.25005H7.9998C8.33118 2.25005 8.5998 1.98142 8.5998 1.65005C8.5998 1.31868 8.33118 1.05005 7.9998 1.05005H3.64981C2.21387 1.05005 1.0498 2.21411 1.0498 3.65005V12.35C1.0498 13.786 2.21386 14.95 3.6498 14.95H12.3498C13.7857 14.95 14.9498 13.786 14.9498 12.3501V8.00005C14.9498 7.66868 14.6812 7.40005 14.3498 7.40005C14.0184 7.40005 13.7498 7.66868 13.7498 8.00005V9.23974L12.2385 8.1063C11.7252 7.72129 11.0068 7.7723 10.5531 8.22605L9.00869 9.77041L6.73916 7.8251C6.24387 7.40055 5.5095 7.41278 5.02864 7.85359L2.2498 10.4009V3.65005ZM2.2498 12.0287V12.35C2.2498 13.1232 2.87661 13.75 3.6498 13.75H12.3498C13.123 13.75 13.7498 13.1232 13.7498 12.3501V10.7397L11.5186 9.06631C11.4829 9.03956 11.433 9.04314 11.4016 9.07458L9.92249 10.5537L11.1015 11.5642C11.3531 11.7799 11.3822 12.1587 11.1666 12.4103C10.9509 12.6619 10.5721 12.691 10.3205 12.4753L5.9582 8.7362C5.92384 8.70674 5.87288 8.70758 5.83952 8.73816L2.2498 12.0287Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M11.8097 1.14783C12.1411 1.14783 12.4097 1.41646 12.4097 1.74783V3.297H14.1541C14.4855 3.297 14.7541 3.56563 14.7541 3.897C14.7541 4.22837 14.4855 4.497 14.1541 4.497H12.4097V6.24167C12.4097 6.57304 12.1411 6.84167 11.8097 6.84167C11.4783 6.84167 11.2097 6.57304 11.2097 6.24167V4.497H9.6603C9.32893 4.497 9.0603 4.22837 9.0603 3.897C9.0603 3.56563 9.32893 3.297 9.6603 3.297H11.2097V1.74783C11.2097 1.41646 11.4783 1.14783 11.8097 1.14783Z" } }] }, wt = at(function(i, e) {
+  return ct(ht, Object.assign({}, i, {
+    id: "add-image-single",
+    ref: e,
+    icon: Yi
+  }));
+});
+wt.displayName = "AddImageSingle";
+const yn = {
+  id: "doc.command.remove-doc-image",
+  type: Y.COMMAND,
+  // eslint-disable-next-line max-lines-per-function
+  handler: (i, e) => {
+    var M, P, N, B;
+    const n = i.get($), t = i.get(q), r = i.get(J), o = t.getCurrentUniverDocInstance();
+    if (e == null || o == null)
+      return !1;
+    const s = r.getRenderById(e.unitId).with(Re), { drawings: a } = e, d = (M = s.getSegment()) != null ? M : "", c = new Dn(), g = X.getInstance(), m = (N = (P = o.getSelfOrHeaderFooterModel(d).getBody()) == null ? void 0 : P.customBlocks) != null ? N : [], l = a.map((E) => m.find((_) => _.blockId === E.drawingId)).filter((E) => !!E).sort((E, _) => E.startIndex > _.startIndex ? 1 : -1), f = a[0].unitId, u = new Ft();
+    u.reset();
+    const v = l[0].startIndex, w = [
+      {
+        startOffset: v,
+        endOffset: v
+      }
+    ], I = {
+      id: ne.id,
+      params: {
+        unitId: f,
+        actions: [],
+        textRanges: w
+      }
+    }, O = [];
+    for (const E of l) {
+      const { startIndex: _ } = E;
+      _ > u.cursor && c.push({
+        t: Q.RETAIN,
+        len: _ - u.cursor
+      }), c.push({
+        t: Q.DELETE,
+        len: 1
+      }), u.moveCursorTo(_ + 1);
+    }
+    const C = qe(o, d);
+    O.push(g.editOp(c.serialize(), C));
+    for (const E of l) {
+      const { blockId: _ } = E, L = ((B = o.getDrawings()) != null ? B : {})[_], x = o.getDrawingsOrder().indexOf(_), V = g.removeOp(["drawings", _], L), S = g.removeOp(["drawingsOrder", x], _);
+      O.push(V), O.push(S);
+    }
+    return I.params.actions = O.reduce((E, _) => X.compose(E, _), null), !!n.syncExecuteCommand(I.id, I.params);
+  }
+}, vt = {
+  id: "doc.command.delete-drawing",
+  type: Y.COMMAND,
+  handler: (i) => {
+    const e = i.get($), t = i.get(Ue).getFocusDrawings();
+    if (t.length === 0)
+      return !1;
+    const { unitId: r } = t[0], o = t.map((s) => {
+      const { unitId: a, subUnitId: d, drawingId: c, drawingType: g } = s;
+      return {
+        unitId: a,
+        subUnitId: d,
+        drawingId: c,
+        drawingType: g
+      };
+    });
+    return e.executeCommand(yn.id, {
+      unitId: r,
+      drawings: o
+    });
+  }
+}, It = {
+  id: "doc.command.group-doc-image",
+  type: Y.COMMAND,
+  handler: (i, e) => {
+    i.get($), i.get(Yn);
+    const n = i.get(Ue);
+    if (!e) return !1;
+    const t = [];
+    e.forEach(({ parent: g, children: m }) => {
+      t.push(g.unitId), m.forEach((l) => {
+        t.push(l.unitId);
+      });
+    });
+    const r = n.getGroupDrawingOp(e), { unitId: o, subUnitId: s, undo: a, redo: d, objects: c } = r;
+    return !1;
+  }
+}, Pn = {
+  id: "doc.command.insert-doc-image",
+  type: Y.COMMAND,
+  // eslint-disable-next-line max-lines-per-function
+  handler: (i, e) => {
+    var P, N, B, E;
+    if (e == null)
+      return !1;
+    const n = i.get($), t = i.get(On), r = i.get(q), o = t.getActiveTextRange(), s = r.getCurrentUniverDocInstance();
+    if (o == null || s == null)
+      return !1;
+    const a = s.getUnitId(), { drawings: d } = e, { collapsed: c, startOffset: g, segmentId: m } = o, l = s.getSelfOrHeaderFooterModel(m).getBody();
+    if (l == null)
+      return !1;
+    const f = new Dn(), u = X.getInstance(), v = [], w = (N = (P = s.getSnapshot().drawingsOrder) == null ? void 0 : P.length) != null ? N : 0;
+    let I = 0;
+    if (c)
+      g > 0 && f.push({
+        t: Q.RETAIN,
+        len: g
+      });
+    else {
+      const _ = Wt.selection.delete([o], l, 0, null, !1);
+      f.push(..._);
+      const L = Mi(l, [o]), G = (B = s.getDrawings()) != null ? B : {}, x = (E = s.getDrawingsOrder()) != null ? E : [], V = L.sort((S, D) => x.indexOf(S) > x.indexOf(D) ? -1 : x.indexOf(S) < x.indexOf(D) ? 1 : 0);
+      if (V.length > 0)
+        for (const S of V) {
+          const D = G[S], R = x.indexOf(S);
+          if (D == null || R < 0)
+            continue;
+          const y = u.removeOp(["drawings", S], D), U = u.removeOp(["drawingsOrder", R], S);
+          v.push(y), v.push(U), I++;
+        }
+    }
+    f.push({
+      t: Q.INSERT,
+      body: {
+        dataStream: "\b".repeat(d.length),
+        customBlocks: d.map((_, L) => ({
+          startIndex: L,
+          blockId: _.drawingId
+        }))
+      },
+      len: d.length
+    });
+    const O = qe(s, m), C = u.editOp(f.serialize(), O);
+    v.push(C);
+    for (const _ of d) {
+      const { drawingId: L } = _, G = u.insertOp(["drawings", L], _), x = u.insertOp(["drawingsOrder", w - I], L);
+      v.push(G), v.push(x);
+    }
+    const T = {
+      id: ne.id,
+      params: {
+        unitId: a,
+        actions: [],
+        textRanges: []
+      }
+    };
+    return T.params.actions = v.reduce((_, L) => X.compose(_, L), null), !!n.syncExecuteCommand(T.id, T.params);
+  }
+}, _t = {
+  id: "doc.command.set-drawing-arrange",
+  type: Y.COMMAND,
+  handler: (i, e) => {
+    const n = i.get($), t = i.get(Ue);
+    if (e == null)
+      return !1;
+    const { unitId: r, subUnitId: o, drawingIds: s, arrangeType: a } = e, d = { unitId: r, subUnitId: o, drawingIds: s };
+    let c;
+    if (a === Qe.forward ? c = t.getForwardDrawingsOp(d) : a === Qe.backward ? c = t.getBackwardDrawingOp(d) : a === Qe.front ? c = t.getFrontDrawingsOp(d) : a === Qe.back && (c = t.getBackDrawingsOp(d)), c == null)
+      return !1;
+    const { redo: g } = c;
+    if (g == null)
+      return !1;
+    const m = [];
+    let l = Me.deepClone(g);
+    l = l.slice(3), l.unshift("drawingsOrder"), m.push(l);
+    const f = {
+      id: ne.id,
+      params: {
+        unitId: r,
+        actions: [],
+        textRanges: null
+      }
+    };
+    return f.params.actions = m.reduce((v, w) => X.compose(v, w), null), !!n.syncExecuteCommand(f.id, f.params);
+  }
+}, St = {
+  id: "doc.command.ungroup-doc-image",
+  type: Y.COMMAND,
+  handler: (i, e) => {
+    i.get($), i.get(Yn);
+    const n = i.get(Ue);
+    if (!e) return !1;
+    const t = [];
+    e.forEach(({ parent: g, children: m }) => {
+      t.push(g.unitId), m.forEach((l) => {
+        t.push(l.unitId);
+      });
+    });
+    const r = n.getUngroupDrawingOp(e), { unitId: o, subUnitId: s, undo: a, redo: d, objects: c } = r;
+    return !1;
+  }
+};
+var Zi = Object.getOwnPropertyDescriptor, Qi = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? Zi(e, n) : e, o = i.length - 1, s; o >= 0; o--)
+    (s = i[o]) && (r = s(r) || r);
+  return r;
+}, me = (i, e) => (n, t) => e(n, t, i);
+let cn = class extends Ge {
+  constructor(i, e, n, t, r, o, s, a, d, c, g, m, l) {
+    super(), this._context = i, this._commandService = e, this._docSelectionManagerService = n, this._renderManagerSrv = t, this._imageIoService = r, this._docDrawingService = o, this._drawingManagerService = s, this._contextService = a, this._messageService = d, this._localeService = c, this._docSelectionRenderService = g, this._docRefreshDrawingsService = m, this._fileOpenerService = l, this._updateOrderListener(), this._groupDrawingListener(), this._focusDrawingListener(), this._transformDrawingListener(), this._editAreaChangeListener();
+  }
+  async insertDocImage() {
+    const i = await this._fileOpenerService.openFile({
+      multiple: !0,
+      accept: ei.map((n) => `.${n.replace("image/", "")}`).join(",")
+    }), e = i.length;
+    return e > Nn ? (this._messageService.show({
+      type: Vn.Error,
+      content: this._localeService.t("update-status.exceedMaxCount", String(Nn))
+    }), !1) : e === 0 ? !1 : (await this._insertFloatImages(i), !0);
+  }
+  // eslint-disable-next-line max-lines-per-function
+  async _insertFloatImages(i) {
+    let e = [];
+    try {
+      e = await Promise.all(i.map((r) => this._imageIoService.saveImage(r)));
+    } catch (r) {
+      const o = r.message;
+      let s = "";
+      switch (o) {
+        case vn.ERROR_EXCEED_SIZE:
+          s = this._localeService.t("update-status.exceedMaxSize", String(ni / (1024 * 1024)));
+          break;
+        case vn.ERROR_IMAGE_TYPE:
+          s = this._localeService.t("update-status.invalidImageType");
+          break;
+        case vn.ERROR_IMAGE:
+          s = this._localeService.t("update-status.invalidImage");
+          break;
+      }
+      this._messageService.show({
+        type: Vn.Error,
+        content: s
+      });
+    }
+    if (e.length === 0)
+      return;
+    const { unitId: n } = this._context, t = [];
+    for (const r of e) {
+      if (r == null)
+        continue;
+      const { imageId: o, imageSourceType: s, source: a, base64Cache: d } = r, { width: c, height: g, image: m } = await ti(d || "");
+      this._imageIoService.addImageSourceCache(o, s, m);
+      let l = 1;
+      if (c > An || g > xn) {
+        const w = An / c, I = xn / g;
+        l = Math.min(w, I);
+      }
+      const f = this._getImagePosition(c * l, g * l);
+      if (f == null)
+        return;
+      const u = {
+        unitId: n,
+        subUnitId: n,
+        drawingId: o,
+        drawingType: rn.DRAWING_IMAGE,
+        imageSourceType: s,
+        source: a,
+        transform: tt(f),
+        docTransform: f,
+        behindDoc: se.FALSE,
+        title: "",
+        description: "",
+        layoutType: W.INLINE,
+        // Insert inline drawing by default.
+        wrapText: Xe.BOTH_SIDES,
+        distB: 0,
+        distL: 0,
+        distR: 0,
+        distT: 0
+      };
+      this._isInsertInHeaderFooter() && (u.isMultiTransform = se.TRUE, u.transforms = u.transform ? [u.transform] : null), t.push(u);
+    }
+    this._commandService.executeCommand(Pn.id, {
+      unitId: n,
+      drawings: t
+    });
+  }
+  _isInsertInHeaderFooter() {
+    var t;
+    const { unitId: i } = this._context, e = (t = this._renderManagerSrv.getRenderById(i)) == null ? void 0 : t.with(te).getViewModel(), n = e == null ? void 0 : e.getEditArea();
+    return n === We.HEADER || n === We.FOOTER;
+  }
+  _getImagePosition(i, e) {
+    const n = this._docSelectionRenderService.getActiveTextRange(), t = (n == null ? void 0 : n.getAbsolutePosition()) || {
+      left: 0
+    };
+    return {
+      size: {
+        width: i,
+        height: e
+      },
+      positionH: {
+        relativeFrom: ee.PAGE,
+        posOffset: t.left
+      },
+      positionV: {
+        relativeFrom: H.PARAGRAPH,
+        posOffset: 0
+      },
+      angle: 0
+    };
+  }
+  _updateOrderListener() {
+    this._drawingManagerService.featurePluginOrderUpdate$.subscribe((i) => {
+      const { unitId: e, subUnitId: n, drawingIds: t, arrangeType: r } = i;
+      this._commandService.executeCommand(_t.id, {
+        unitId: e,
+        subUnitId: n,
+        drawingIds: t,
+        arrangeType: r
+      });
+    });
+  }
+  _groupDrawingListener() {
+    this._drawingManagerService.featurePluginGroupUpdate$.subscribe((i) => {
+      this._commandService.executeCommand(It.id, i);
+    }), this._drawingManagerService.featurePluginUngroupUpdate$.subscribe((i) => {
+      this._commandService.executeCommand(St.id, i);
+    });
+  }
+  _getCurrentSceneAndTransformer() {
+    const { scene: i, mainComponent: e } = this._context;
+    if (i == null || e == null)
+      return;
+    const n = i.getTransformerByCreate(), { docsLeft: t, docsTop: r } = e.getOffsetConfig();
+    return { scene: i, transformer: n, docsLeft: t, docsTop: r };
+  }
+  _transformDrawingListener() {
+    const i = this._getCurrentSceneAndTransformer();
+    if (i && i.transformer)
+      this.disposeWithMe(i.transformer.changeEnd$.pipe(st(30)).subscribe((e) => {
+        this._docSelectionManagerService.refreshSelection();
+      }));
+    else
+      throw new Error("transformer is not init");
+  }
+  _focusDrawingListener() {
+    this.disposeWithMe(
+      this._drawingManagerService.focus$.subscribe((i) => {
+        var r;
+        const { transformer: e, docsLeft: n, docsTop: t } = (r = this._getCurrentSceneAndTransformer()) != null ? r : {};
+        if (i == null || i.length === 0)
+          this._contextService.setContextValue(on, !1), this._docDrawingService.focusDrawing([]), e && e.resetProps({
+            zeroTop: 0,
+            zeroLeft: 0
+          });
+        else {
+          this._contextService.setContextValue(on, !0), this._docDrawingService.focusDrawing(i), this._setDrawingSelections(i);
+          const o = this._docSelectionRenderService.getSegment(), s = this._findSegmentIdByDrawingId(i[0].drawingId);
+          o !== s && this._docSelectionRenderService.setSegment(s), e && e.resetProps({
+            zeroTop: t,
+            zeroLeft: n
+          });
+        }
+      })
+    );
+  }
+  _findSegmentIdByDrawingId(i) {
+    var s, a, d;
+    const { unit: e } = this._context, { body: n, headers: t = {}, footers: r = {} } = e.getSnapshot();
+    if (((s = n == null ? void 0 : n.customBlocks) != null ? s : []).some((c) => c.blockId === i))
+      return "";
+    for (const c of Object.keys(t))
+      if ((a = t[c].body.customBlocks) != null && a.some((g) => g.blockId === i))
+        return c;
+    for (const c of Object.keys(r))
+      if ((d = r[c].body.customBlocks) != null && d.some((g) => g.blockId === i))
+        return c;
+    return "";
+  }
+  // Update drawings edit status and opacity. You can not edit header footer images when you are editing body. and vice verse.
+  _updateDrawingsEditStatus() {
+    var a;
+    const { unit: i, scene: e, unitId: n } = this._context, t = (a = this._renderManagerSrv.getRenderById(n)) == null ? void 0 : a.with(te).getViewModel();
+    if (t == null || i == null)
+      return;
+    const r = i.getSnapshot(), { drawings: o = {} } = r, s = t.getEditArea() === We.BODY;
+    for (const d of Object.keys(o)) {
+      const c = o[d], g = ii({ unitId: n, drawingId: c.drawingId, subUnitId: n }), m = e.fuzzyMathObjects(g, !0);
+      if (m.length)
+        for (const l of m) {
+          e.detachTransformerFrom(l);
+          try {
+            l.setOpacity(0.5);
+          } catch {
+          }
+          if (s && c.isMultiTransform !== se.TRUE || !s && c.isMultiTransform === se.TRUE) {
+            c.allowTransform !== !1 && e.attachTransformerTo(l);
+            try {
+              l.setOpacity(1);
+            } catch {
+            }
+          }
+        }
+    }
+  }
+  _editAreaChangeListener() {
+    var n;
+    const { unitId: i } = this._context, e = (n = this._renderManagerSrv.getRenderById(i)) == null ? void 0 : n.with(te).getViewModel();
+    e != null && (this._updateDrawingsEditStatus(), this.disposeWithMe(
+      e.editAreaChange$.subscribe(() => {
+        this._updateDrawingsEditStatus();
+      })
+    ), this._docRefreshDrawingsService.refreshDrawings$.subscribe((t) => {
+      t != null && queueMicrotask(() => {
+        this._updateDrawingsEditStatus();
+      });
+    }), this.disposeWithMe(
+      this._commandService.onCommandExecuted(async (t) => {
+        t.id === ne.id && queueMicrotask(() => {
+          this._updateDrawingsEditStatus();
+        });
+      })
+    ));
+  }
+  _setDrawingSelections(i) {
+    var r, o;
+    const { unit: e } = this._context, n = (o = (r = e.getSnapshot().body) == null ? void 0 : r.customBlocks) != null ? o : [], t = i.map((s) => {
+      const a = s.drawingId, d = n.find((c) => c.blockId === a);
+      return d ? d.startIndex : null;
+    }).filter((s) => s !== null).map((s) => ({ startOffset: s, endOffset: s + 1 }));
+    this._docSelectionManagerService.replaceDocRanges(t);
+  }
+};
+cn = Qi([
+  me(1, $),
+  me(2, pe(On)),
+  me(3, J),
+  me(4, Jt),
+  me(5, Ue),
+  me(6, _e),
+  me(7, Zn),
+  me(8, wi),
+  me(9, pe(un)),
+  me(10, pe(Re)),
+  me(11, pe(fn)),
+  me(12, vi)
+], cn);
+const Dt = {
+  id: "doc.command.insert-float-image",
+  type: Y.COMMAND,
+  handler: (i) => {
+    var t, r;
+    const e = i.get(q), n = i.get(J);
+    return (r = (t = hi(Ie.UNIVER_DOC, e, n)) == null ? void 0 : t.with(cn).insertDocImage()) != null ? r : !1;
+  }
+}, Ye = {
+  id: "doc.command.move-drawing",
+  type: Y.COMMAND,
+  handler: (i, e) => {
+    const n = i.get($), t = i.get(Ue), r = i.get(q), o = i.get(J), { direction: s } = e, a = t.getFocusDrawings();
+    if (a.length === 0)
+      return !1;
+    const d = a[0].unitId, c = o.getRenderById(d), g = c == null ? void 0 : c.scene;
+    if (g == null)
+      return !1;
+    const m = g.getTransformerByCreate(), l = r.getUniverDocInstance(d), f = a.map((v) => {
+      var P, N, B, E, _;
+      const { drawingId: w } = v, I = (P = l == null ? void 0 : l.getSnapshot().drawings) == null ? void 0 : P[w];
+      if (I == null || I.layoutType === W.INLINE)
+        return null;
+      const { positionH: O, positionV: C } = I.docTransform, T = { ...O }, M = { ...C };
+      return s === fe.UP ? M.posOffset = ((N = M.posOffset) != null ? N : 0) - 2 : s === fe.DOWN ? M.posOffset = ((B = M.posOffset) != null ? B : 0) + 2 : s === fe.LEFT ? T.posOffset = ((E = T.posOffset) != null ? E : 0) - 2 : s === fe.RIGHT && (T.posOffset = ((_ = T.posOffset) != null ? _ : 0) + 2), {
+        drawingId: w,
+        key: s === fe.UP || s === fe.DOWN ? "positionV" : "positionH",
+        value: s === fe.UP || s === fe.DOWN ? M : T
+      };
+    }).filter((v) => v != null);
+    if (f.length === 0)
+      return !1;
+    const u = n.syncExecuteCommand(Ke.id, {
+      unitId: d,
+      subUnitId: d,
+      drawings: f
+    });
+    return m.refreshControls(), !!u;
+  }
+}, Ji = {
+  id: "doc.operation.clear-drawing-transformer",
+  type: Y.MUTATION,
+  handler: (i, e) => {
+    const n = i.get(J);
+    return e.forEach((t) => {
+      var r, o;
+      (o = (r = n.getRenderById(t)) == null ? void 0 : r.scene.getTransformer()) == null || o.debounceRefreshControls();
+    }), !0;
+  }
+}, Ct = "COMPONENT_DOC_DRAWING_PANEL", Ot = {
+  id: "sidebar.operation.doc-image",
+  type: Y.COMMAND,
+  handler: async (i, e) => {
+    const n = i.get(Ii), t = i.get(un), r = i.get(_e);
+    switch (e.value) {
+      case "open":
+        n.open({
+          header: { title: t.t("docImage.panel.title") },
+          children: { label: Ct },
+          onClose: () => {
+            r.focusDrawing(null);
+          },
+          width: 360
+        });
+        break;
+      case "close":
+      default:
+        n.close();
+        break;
+    }
+    return !0;
+  }
+}, Tt = {
+  id: "doc.operation.edit-doc-image",
+  type: Y.OPERATION,
+  handler: (i, e) => {
+    const n = i.get(_e), t = i.get($);
+    return e == null ? !1 : (n.focusDrawing([e]), t.executeCommand(Ot.id, { value: "open" }), !0);
+  }
+}, er = "univer-image-common-panel", nr = "univer-image-common-panel-grid", tr = "univer-image-common-panel-border", ir = "univer-image-common-panel-title", rr = "univer-image-common-panel-subtitle", or = "univer-image-common-panel-row", sr = "univer-image-common-panel-column", ar = "univer-image-common-panel-span2", cr = "univer-image-common-panel-input", h = {
+  imageCommonPanel: er,
+  imageCommonPanelGrid: nr,
+  imageCommonPanelBorder: tr,
+  imageCommonPanelTitle: ir,
+  imageCommonPanelSubtitle: rr,
+  imageCommonPanelRow: or,
+  imageCommonPanelColumn: sr,
+  imageCommonPanelSpan2: ar,
+  imageCommonPanelInput: cr
+}, qn = -1e3, Kn = 1e3, dr = (i) => {
+  const e = ve($), n = ve(un), t = ve(_e), r = ve(J), o = ve(q), { drawings: s } = i, a = s[0];
+  if (a == null)
+    return;
+  const { unitId: d } = a, c = o.getUniverDocInstance(d), g = c == null ? void 0 : c.getSnapshot().documentStyle.documentFlavor, m = r.getRenderById(d), l = m == null ? void 0 : m.scene;
+  if (l == null)
+    return;
+  const f = l.getTransformerByCreate(), u = [{
+    label: n.t("image-position.column"),
+    value: String(ee.COLUMN)
+  }, {
+    label: n.t("image-position.page"),
+    value: String(ee.PAGE)
+  }, {
+    label: n.t("image-position.margin"),
+    value: String(ee.MARGIN)
+  }], v = [{
+    label: n.t("image-position.line"),
+    value: String(H.LINE),
+    disabled: g === wn.MODERN
+  }, {
+    label: n.t("image-position.page"),
+    value: String(H.PAGE),
+    disabled: g === wn.MODERN
+  }, {
+    label: n.t("image-position.margin"),
+    value: String(H.MARGIN),
+    disabled: g === wn.MODERN
+  }, {
+    label: n.t("image-position.paragraph"),
+    value: String(H.PARAGRAPH)
+  }], [w, I] = oe(!0), [O, C] = oe({
+    relativeFrom: ee.PAGE,
+    posOffset: 0
+  }), [T, M] = oe({
+    relativeFrom: H.PAGE,
+    posOffset: 0
+  }), [P, N] = oe(!0), [B, E] = oe(!0);
+  function _(D, R) {
+    var b;
+    D === "positionH" ? C(R) : M(R);
+    const y = t.getFocusDrawings();
+    if (y.length === 0)
+      return;
+    const U = y.map((A) => ({
+      unitId: A.unitId,
+      subUnitId: A.subUnitId,
+      drawingId: A.drawingId
+    }));
+    e.executeCommand(Ke.id, {
+      unitId: y[0].unitId,
+      subUnitId: y[0].unitId,
+      drawings: U.map((A) => ({
+        drawingId: A.drawingId,
+        key: D,
+        value: R
+      }))
+    });
+    const k = (b = r.getRenderById(d)) == null ? void 0 : b.with(Re);
+    k && k.blur(), f.refreshControls();
+  }
+  function L(D) {
+    var re, De, Ce;
+    const R = O.relativeFrom, y = O.posOffset, U = Number(D);
+    if (R === U)
+      return;
+    const k = t.getFocusDrawings();
+    if (k.length === 0)
+      return;
+    const b = k[0].drawingId, A = k[0].unitId;
+    let z = null, F = 0;
+    const Z = (re = r.getRenderById(A)) == null ? void 0 : re.with(te).getSkeleton(), ae = Z == null ? void 0 : Z.getSkeletonData();
+    if (ae == null)
+      return;
+    const { pages: Be, skeHeaders: Ee, skeFooters: Ve } = ae;
+    for (const de of Be) {
+      const { marginLeft: Te, skeDrawings: ye, headerId: Ne, footerId: Ae, pageWidth: Pe } = de;
+      if (ye.has(b)) {
+        z = ye.get(b), F = Te;
+        break;
+      }
+      const le = (De = Ee.get(Ne)) == null ? void 0 : De.get(Pe);
+      if (le != null && le.skeDrawings.has(b)) {
+        z = le == null ? void 0 : le.skeDrawings.get(b), F = Te;
+        break;
+      }
+      const ge = (Ce = Ve.get(Ae)) == null ? void 0 : Ce.get(Pe);
+      if (ge != null && ge.skeDrawings.has(b)) {
+        z = ge == null ? void 0 : ge.skeDrawings.get(b), F = Te;
+        break;
+      }
+    }
+    if (z == null)
+      return;
+    let ce = 0;
+    R === ee.COLUMN ? ce -= z.columnLeft : R === ee.MARGIN && (ce -= F), U === ee.COLUMN ? ce += z.columnLeft : U === ee.MARGIN ? ce += F : ee.PAGE;
+    const ie = {
+      relativeFrom: U,
+      posOffset: (y != null ? y : 0) - ce
+    };
+    _("positionH", ie);
+  }
+  function G(D) {
+    var ye, Ne, Ae, Pe, le, ge;
+    const R = T.relativeFrom, y = T.posOffset, U = Number(D);
+    if (R === U)
+      return;
+    const k = t.getFocusDrawings();
+    if (k.length === 0)
+      return;
+    const { drawingId: b, unitId: A } = k[0], z = o.getUniverDocInstance(A), F = (ye = r.getRenderById(A)) == null ? void 0 : ye.with(te).getSkeleton(), Z = (Ne = r.getRenderById(A)) == null ? void 0 : Ne.with(Re), ae = Z == null ? void 0 : Z.getSegment(), Be = Z == null ? void 0 : Z.getSegmentPage(), Ee = (Pe = (Ae = z == null ? void 0 : z.getSelfOrHeaderFooterModel(ae).getBody()) == null ? void 0 : Ae.customBlocks) == null ? void 0 : Pe.find((xe) => xe.blockId === b);
+    if (Ee == null || F == null || Z == null)
+      return;
+    const { startIndex: Ve } = Ee, ce = F.findNodeByCharIndex(Ve, ae, Be), ie = (le = ce == null ? void 0 : ce.parent) == null ? void 0 : le.parent, re = ie == null ? void 0 : ie.parent, De = re == null ? void 0 : re.lines.find((xe) => xe.paragraphIndex === (ie == null ? void 0 : ie.paragraphIndex) && xe.paragraphStart), Ce = (ge = re == null ? void 0 : re.parent) == null ? void 0 : ge.parent;
+    if (ce == null || ie == null || De == null || re == null || Ce == null)
+      return;
+    let de = 0;
+    R === H.PARAGRAPH ? de -= De.top : R === H.LINE ? de -= ie.top : R === H.PAGE && (de += Ce.marginTop), U === H.PARAGRAPH ? de += De.top : U === H.LINE ? de += ie.top : U === H.PAGE && (de -= Ce.marginTop);
+    const Te = {
+      relativeFrom: U,
+      posOffset: (y != null ? y : 0) - de
+    };
+    _("positionV", Te);
+  }
+  function x(D) {
+    var A;
+    const R = c == null ? void 0 : c.getSnapshot(), y = (A = R == null ? void 0 : R.drawings) == null ? void 0 : A[D.drawingId];
+    if (y == null)
+      return;
+    const { layoutType: U } = y, {
+      positionH: k,
+      positionV: b
+    } = y.docTransform;
+    C(k), M(b), I(U === W.INLINE), N(b.relativeFrom === H.PARAGRAPH || b.relativeFrom === H.LINE);
+  }
+  function V() {
+    const D = t.getFocusDrawings();
+    D.length !== 0 && x(D[0]);
+  }
+  function S(D) {
+    N(D), G(String(D ? H.PARAGRAPH : H.PAGE));
+  }
+  return Tn(() => {
+    V();
+    const D = t.focus$.subscribe((y) => {
+      if (y.length === 0) {
+        E(!1);
+        return;
+      }
+      E(!0), x(y[0]);
+    }), R = e.onCommandExecuted(async (y) => {
+      y.id === ne.id && V();
+    });
+    return () => {
+      D.unsubscribe(), R.dispose();
+    };
+  }, []), /* @__PURE__ */ K("div", { className: j(h.imageCommonPanelGrid, h.imageCommonPanelBorder), style: { display: B ? "block" : "none" }, children: [
+    /* @__PURE__ */ p("div", { className: h.imageCommonPanelRow, children: /* @__PURE__ */ p("div", { className: j(h.imageCommonPanelColumn, h.imageCommonPanelTitle), children: /* @__PURE__ */ p("div", { children: n.t("image-position.title") }) }) }),
+    /* @__PURE__ */ p("div", { className: h.imageCommonPanelRow, children: /* @__PURE__ */ p("div", { className: j(h.imageCommonPanelColumn, h.imageCommonPanelSubtitle), children: /* @__PURE__ */ p("div", { children: n.t("image-position.horizontal") }) }) }),
+    /* @__PURE__ */ K("div", { className: h.imageCommonPanelRow, children: [
+      /* @__PURE__ */ p("div", { className: j(h.imageCommonPanelColumn, h.imageCommonPanelSpan2), children: /* @__PURE__ */ K("label", { children: [
+        /* @__PURE__ */ p("div", { className: h.imageCommonPanelRow, children: /* @__PURE__ */ p("div", { className: h.imageCommonPanelColumn, children: n.t("image-position.absolutePosition") }) }),
+        /* @__PURE__ */ p("div", { className: h.imageCommonPanelRow, children: /* @__PURE__ */ p("div", { className: h.imageCommonPanelColumn, children: /* @__PURE__ */ p(
+          Fe,
+          {
+            min: qn,
+            max: Kn,
+            precision: 1,
+            disabled: w,
+            value: O.posOffset,
+            onChange: (D) => {
+              _("positionH", {
+                relativeFrom: O.relativeFrom,
+                posOffset: D
+              });
+            },
+            className: h.imageCommonPanelInput
+          }
+        ) }) })
+      ] }) }),
+      /* @__PURE__ */ p("div", { className: j(h.imageCommonPanelColumn, h.imageCommonPanelSpan2), children: /* @__PURE__ */ K("label", { children: [
+        /* @__PURE__ */ p("div", { className: h.imageCommonPanelRow, children: /* @__PURE__ */ p("div", { className: h.imageCommonPanelColumn, children: n.t("image-position.toTheRightOf") }) }),
+        /* @__PURE__ */ p("div", { className: h.imageCommonPanelRow, children: /* @__PURE__ */ p("div", { className: h.imageCommonPanelColumn, children: /* @__PURE__ */ p(
+          jn,
+          {
+            value: String(O.relativeFrom),
+            disabled: w,
+            options: u,
+            onChange: L
+          }
+        ) }) })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ p("div", { className: h.imageCommonPanelRow, children: /* @__PURE__ */ p("div", { className: j(h.imageCommonPanelColumn, h.imageCommonPanelSubtitle), children: /* @__PURE__ */ p("div", { children: n.t("image-position.vertical") }) }) }),
+    /* @__PURE__ */ K("div", { className: h.imageCommonPanelRow, children: [
+      /* @__PURE__ */ p("div", { className: j(h.imageCommonPanelColumn, h.imageCommonPanelSpan2), children: /* @__PURE__ */ K("label", { children: [
+        /* @__PURE__ */ p("div", { className: h.imageCommonPanelRow, children: /* @__PURE__ */ p("div", { className: h.imageCommonPanelColumn, children: n.t("image-position.absolutePosition") }) }),
+        /* @__PURE__ */ p("div", { className: h.imageCommonPanelRow, children: /* @__PURE__ */ p("div", { className: h.imageCommonPanelColumn, children: /* @__PURE__ */ p(
+          Fe,
+          {
+            min: qn,
+            max: Kn,
+            precision: 1,
+            disabled: w,
+            value: T.posOffset,
+            onChange: (D) => {
+              _("positionV", {
+                relativeFrom: T.relativeFrom,
+                posOffset: D
+              });
+            },
+            className: h.imageCommonPanelInput
+          }
+        ) }) })
+      ] }) }),
+      /* @__PURE__ */ p("div", { className: j(h.imageCommonPanelColumn, h.imageCommonPanelSpan2), children: /* @__PURE__ */ K("label", { children: [
+        /* @__PURE__ */ p("div", { className: h.imageCommonPanelRow, children: /* @__PURE__ */ p("div", { className: h.imageCommonPanelColumn, children: n.t("image-position.bellow") }) }),
+        /* @__PURE__ */ p("div", { className: h.imageCommonPanelRow, children: /* @__PURE__ */ p("div", { className: h.imageCommonPanelColumn, children: /* @__PURE__ */ p(
+          jn,
+          {
+            disabled: w,
+            value: String(T.relativeFrom),
+            options: v,
+            onChange: G
+          }
+        ) }) })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ p("div", { className: h.imageCommonPanelRow, children: /* @__PURE__ */ p("div", { className: j(h.imageCommonPanelColumn, h.imageCommonPanelSubtitle), children: /* @__PURE__ */ p("div", { children: n.t("image-position.options") }) }) }),
+    /* @__PURE__ */ p("div", { className: h.imageCommonPanelRow, style: { marginBottom: "50px" }, children: /* @__PURE__ */ p("div", { className: h.imageCommonPanelColumn, children: /* @__PURE__ */ p(Li, { disabled: w, checked: P, onChange: S, children: n.t("image-position.moveObjectWithText") }) }) })
+  ] });
+}, en = 0, nn = 100, lr = (i) => {
+  const e = ve($), n = ve(un), t = ve(_e), r = ve(J), o = ve(q), { drawings: s } = i, a = s[0];
+  if (a == null)
+    return null;
+  const { unitId: d } = a, c = o.getUniverDocInstance(d), g = r.getRenderById(d);
+  if ((g == null ? void 0 : g.scene) == null)
+    return null;
+  const [l, f] = oe(!0), [u, v] = oe(!0), [w, I] = oe(!0), [O, C] = oe(ue.INLINE), [T, M] = oe(""), [P, N] = oe({
+    distT: 0,
+    distL: 0,
+    distB: 0,
+    distR: 0
+  }), [B, E] = oe(!0);
+  function _(S) {
+    C(S);
+    const D = t.getFocusDrawings();
+    if (D.length === 0)
+      return;
+    const { unitId: R, subUnitId: y } = D[0], U = D.map(({ unitId: k, subUnitId: b, drawingId: A }) => ({
+      unitId: k,
+      subUnitId: b,
+      drawingId: A
+    }));
+    e.executeCommand(lt.id, {
+      unitId: R,
+      subUnitId: y,
+      drawings: U,
+      wrappingStyle: S
+    });
+  }
+  function L(S) {
+    M(S);
+    const D = t.getFocusDrawings();
+    if (D.length === 0)
+      return;
+    const R = D.map((y) => ({
+      unitId: y.unitId,
+      subUnitId: y.subUnitId,
+      drawingId: y.drawingId
+    }));
+    e.executeCommand(mt.id, {
+      unitId: D[0].unitId,
+      subUnitId: D[0].unitId,
+      drawings: R,
+      wrapText: S
+    });
+  }
+  function G(S, D) {
+    if (S == null)
+      return;
+    const R = { ...P, [D]: S };
+    N(R);
+    const y = t.getFocusDrawings();
+    if (y.length === 0)
+      return;
+    const U = y.map((k) => ({
+      unitId: k.unitId,
+      subUnitId: k.subUnitId,
+      drawingId: k.drawingId
+    }));
+    e.executeCommand(gt.id, {
+      unitId: y[0].unitId,
+      subUnitId: y[0].unitId,
+      drawings: U,
+      dist: {
+        [D]: S
+      }
+    });
+  }
+  function x() {
+    const S = t.getFocusDrawings();
+    S.length !== 0 && V(S[0]);
+  }
+  function V(S) {
+    var Z, ae;
+    const D = (ae = (Z = c == null ? void 0 : c.getSnapshot()) == null ? void 0 : Z.drawings) == null ? void 0 : ae[S.drawingId];
+    if (D == null)
+      return;
+    const {
+      distT: R = 0,
+      distL: y = 0,
+      distB: U = 0,
+      distR: k = 0,
+      layoutType: b = W.INLINE,
+      behindDoc: A = se.FALSE,
+      wrapText: z = Xe.BOTH_SIDES
+    } = D;
+    if (N({
+      distT: R,
+      distL: y,
+      distB: U,
+      distR: k
+    }), M(z), f(b !== W.WRAP_SQUARE), b === W.WRAP_NONE || b === W.INLINE ? v(!0) : v(!1), b === W.WRAP_NONE || b === W.INLINE || b === W.WRAP_TOP_AND_BOTTOM ? I(!0) : I(!1), b === W.WRAP_NONE)
+      A === se.TRUE ? C(ue.BEHIND_TEXT) : C(ue.IN_FRONT_OF_TEXT);
+    else
+      switch (b) {
+        case W.INLINE:
+          C(ue.INLINE);
+          break;
+        case W.WRAP_SQUARE:
+          C(ue.WRAP_SQUARE);
+          break;
+        case W.WRAP_TOP_AND_BOTTOM:
+          C(ue.WRAP_TOP_AND_BOTTOM);
+          break;
+        default:
+          throw new Error(`Unsupported layout type: ${b}`);
+      }
+  }
+  return Tn(() => {
+    x();
+    const S = t.focus$.subscribe((R) => {
+      if (R.length === 0) {
+        E(!1);
+        return;
+      }
+      E(!0), V(R[0]);
+    }), D = e.onCommandExecuted(async (R) => {
+      R.id === ne.id && x();
+    });
+    return () => {
+      S.unsubscribe(), D.dispose();
+    };
+  }, []), /* @__PURE__ */ K("div", { className: j(h.imageCommonPanelGrid, h.imageCommonPanelBorder), style: { display: B ? "block" : "none" }, children: [
+    /* @__PURE__ */ p("div", { className: h.imageCommonPanelRow, children: /* @__PURE__ */ p("div", { className: j(h.imageCommonPanelColumn, h.imageCommonPanelTitle), children: /* @__PURE__ */ p("div", { children: n.t("image-text-wrap.title") }) }) }),
+    /* @__PURE__ */ p("div", { className: h.imageCommonPanelRow, children: /* @__PURE__ */ p("div", { className: j(h.imageCommonPanelColumn, h.imageCommonPanelSubtitle), children: /* @__PURE__ */ p("div", { children: n.t("image-text-wrap.wrappingStyle") }) }) }),
+    /* @__PURE__ */ p("div", { className: j(h.imageCommonPanelRow), children: /* @__PURE__ */ p("div", { className: j(h.imageCommonPanelColumn), children: /* @__PURE__ */ K($n, { value: O, onChange: _, direction: "vertical", children: [
+      /* @__PURE__ */ p(be, { value: ue.INLINE, children: n.t("image-text-wrap.inline") }),
+      /* @__PURE__ */ p(be, { value: ue.WRAP_SQUARE, children: n.t("image-text-wrap.square") }),
+      /* @__PURE__ */ p(be, { value: ue.WRAP_TOP_AND_BOTTOM, children: n.t("image-text-wrap.topAndBottom") }),
+      /* @__PURE__ */ p(be, { value: ue.BEHIND_TEXT, children: n.t("image-text-wrap.behindText") }),
+      /* @__PURE__ */ p(be, { value: ue.IN_FRONT_OF_TEXT, children: n.t("image-text-wrap.inFrontText") })
+    ] }) }) }),
+    /* @__PURE__ */ p("div", { className: h.imageCommonPanelRow, children: /* @__PURE__ */ p("div", { className: j(h.imageCommonPanelColumn, h.imageCommonPanelSubtitle), children: /* @__PURE__ */ p("div", { children: n.t("image-text-wrap.wrapText") }) }) }),
+    /* @__PURE__ */ p("div", { className: j(h.imageCommonPanelRow), children: /* @__PURE__ */ p("div", { className: j(h.imageCommonPanelColumn), children: /* @__PURE__ */ K($n, { disabled: l, value: T, onChange: L, direction: "horizontal", children: [
+      /* @__PURE__ */ p(be, { value: Xe.BOTH_SIDES, children: n.t("image-text-wrap.bothSide") }),
+      /* @__PURE__ */ p(be, { value: Xe.LEFT, children: n.t("image-text-wrap.leftOnly") }),
+      /* @__PURE__ */ p(be, { value: Xe.RIGHT, children: n.t("image-text-wrap.rightOnly") })
+    ] }) }) }),
+    /* @__PURE__ */ p("div", { className: h.imageCommonPanelRow, children: /* @__PURE__ */ p("div", { className: j(h.imageCommonPanelColumn, h.imageCommonPanelSubtitle), children: /* @__PURE__ */ p("div", { children: n.t("image-text-wrap.distanceFromText") }) }) }),
+    /* @__PURE__ */ K("div", { className: h.imageCommonPanelRow, children: [
+      /* @__PURE__ */ p("div", { className: j(h.imageCommonPanelColumn, h.imageCommonPanelSpan2), children: /* @__PURE__ */ K("label", { children: [
+        /* @__PURE__ */ p("div", { className: h.imageCommonPanelRow, children: /* @__PURE__ */ p("div", { className: h.imageCommonPanelColumn, children: n.t("image-text-wrap.top") }) }),
+        /* @__PURE__ */ p("div", { className: h.imageCommonPanelRow, children: /* @__PURE__ */ p("div", { className: h.imageCommonPanelColumn, children: /* @__PURE__ */ p(
+          Fe,
+          {
+            min: en,
+            max: nn,
+            disabled: u,
+            precision: 1,
+            value: P.distT,
+            onChange: (S) => {
+              G(S, "distT");
+            },
+            className: h.imageCommonPanelInput
+          }
+        ) }) })
+      ] }) }),
+      /* @__PURE__ */ p("div", { className: j(h.imageCommonPanelColumn, h.imageCommonPanelSpan2), children: /* @__PURE__ */ K("label", { children: [
+        /* @__PURE__ */ p("div", { className: h.imageCommonPanelRow, children: /* @__PURE__ */ p("div", { className: h.imageCommonPanelColumn, children: n.t("image-text-wrap.left") }) }),
+        /* @__PURE__ */ p("div", { className: h.imageCommonPanelRow, children: /* @__PURE__ */ p("div", { className: h.imageCommonPanelColumn, children: /* @__PURE__ */ p(
+          Fe,
+          {
+            min: en,
+            max: nn,
+            disabled: w,
+            precision: 1,
+            value: P.distL,
+            onChange: (S) => {
+              G(S, "distL");
+            },
+            className: h.imageCommonPanelInput
+          }
+        ) }) })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ K("div", { className: h.imageCommonPanelRow, children: [
+      /* @__PURE__ */ p("div", { className: j(h.imageCommonPanelColumn, h.imageCommonPanelSpan2), children: /* @__PURE__ */ K("label", { children: [
+        /* @__PURE__ */ p("div", { className: h.imageCommonPanelRow, children: /* @__PURE__ */ p("div", { className: h.imageCommonPanelColumn, children: n.t("image-text-wrap.bottom") }) }),
+        /* @__PURE__ */ p("div", { className: h.imageCommonPanelRow, children: /* @__PURE__ */ p("div", { className: h.imageCommonPanelColumn, children: /* @__PURE__ */ p(
+          Fe,
+          {
+            min: en,
+            max: nn,
+            disabled: u,
+            precision: 1,
+            value: P.distB,
+            onChange: (S) => {
+              G(S, "distB");
+            },
+            className: h.imageCommonPanelInput
+          }
+        ) }) })
+      ] }) }),
+      /* @__PURE__ */ p("div", { className: j(h.imageCommonPanelColumn, h.imageCommonPanelSpan2), children: /* @__PURE__ */ K("label", { children: [
+        /* @__PURE__ */ p("div", { className: h.imageCommonPanelRow, children: /* @__PURE__ */ p("div", { className: h.imageCommonPanelColumn, children: n.t("image-text-wrap.right") }) }),
+        /* @__PURE__ */ p("div", { className: h.imageCommonPanelRow, children: /* @__PURE__ */ p("div", { className: h.imageCommonPanelColumn, children: /* @__PURE__ */ p(
+          Fe,
+          {
+            min: en,
+            max: nn,
+            disabled: w,
+            precision: 1,
+            value: P.distR,
+            onChange: (S) => {
+              G(S, "distR");
+            },
+            className: h.imageCommonPanelInput
+          }
+        ) }) })
+      ] }) })
+    ] })
+  ] });
+}, gr = () => {
+  const i = ve(_e), e = i.getFocusDrawings(), [n, t] = oe(e);
+  return Tn(() => {
+    const r = i.focus$.subscribe((o) => {
+      t(o);
+    });
+    return () => {
+      r.unsubscribe();
+    };
+  }, []), !!(n != null && n.length) && /* @__PURE__ */ K("div", { className: h.imageCommonPanel, children: [
+    /* @__PURE__ */ p(oi, { drawings: n, hasAlign: !1, hasCropper: !1, hasGroup: !1, hasTransform: !1 }),
+    /* @__PURE__ */ p(lr, { drawings: n }),
+    /* @__PURE__ */ p(dr, { drawings: n })
+  ] });
+}, yt = "addition-and-subtraction-single", Pt = "doc.menu.image", bt = Dt.id, mr = (i) => {
+  const e = i.get(On), n = i.get(q);
+  return new Ni((t) => {
+    const r = e.textSelection$.subscribe(() => {
+      var s;
+      const o = e.getActiveTextRange();
+      if (o) {
+        const { segmentId: a, startOffset: d, endOffset: c } = o, g = n.getCurrentUniverDocInstance(), m = (s = g == null ? void 0 : g.getSelfOrHeaderFooterModel(a).getBody()) == null ? void 0 : s.tables;
+        if (m && m.length && m.some((l) => {
+          const { startIndex: f, endIndex: u } = l;
+          return d >= f && d < u || c >= f && c < u;
+        })) {
+          t.next(!0);
+          return;
+        }
+      } else {
+        t.next(!0);
+        return;
+      }
+      t.next(!1);
+    });
+    return () => r.unsubscribe();
+  });
+};
+function ur(i) {
+  return {
+    id: Pt,
+    type: nt.SUBITEMS,
+    icon: yt,
+    tooltip: "docImage.title",
+    disabled$: mr(i),
+    hidden$: et(i, Ie.UNIVER_DOC, void 0, Cn)
+  };
+}
+function fr(i) {
+  return {
+    id: bt,
+    title: "docImage.upload.float",
+    type: nt.BUTTON,
+    hidden$: et(i, Ie.UNIVER_DOC, void 0, Cn)
+  };
+}
+const hr = {
+  [_i.LAYOUT]: {
+    [Pt]: {
+      order: 0,
+      menuItemFactory: ur,
+      [bt]: {
+        order: 0,
+        menuItemFactory: fr
+      }
+    }
+  }
+};
+function Ze(i) {
+  return i.getContextValue(Ht) && i.getContextValue(on);
+}
+const pr = {
+  id: Ye.id,
+  description: "shortcut.doc.drawing-move-down",
+  group: "4_doc-drawing-view",
+  binding: He.ARROW_DOWN,
+  priority: 100,
+  preconditions: Ze,
+  staticParameters: {
+    direction: fe.DOWN
+  }
+}, wr = {
+  id: Ye.id,
+  description: "shortcut.doc.drawing-move-up",
+  group: "4_doc-drawing-view",
+  binding: He.ARROW_UP,
+  priority: 100,
+  preconditions: Ze,
+  staticParameters: {
+    direction: fe.UP
+  }
+}, vr = {
+  id: Ye.id,
+  description: "shortcut.doc.drawing-move-left",
+  group: "4_doc-drawing-view",
+  binding: He.ARROW_LEFT,
+  priority: 100,
+  preconditions: Ze,
+  staticParameters: {
+    direction: fe.LEFT
+  }
+}, Ir = {
+  id: Ye.id,
+  description: "shortcut.doc.drawing-move-right",
+  group: "4_doc-drawing-view",
+  binding: He.ARROW_RIGHT,
+  priority: 100,
+  preconditions: Ze,
+  staticParameters: {
+    direction: fe.RIGHT
+  }
+}, _r = {
+  id: vt.id,
+  description: "shortcut.doc.drawing-delete",
+  group: "4_doc-drawing-view",
+  // when focusing on any other input tag do not trigger this shortcut
+  preconditions: Ze,
+  binding: He.DELETE,
+  mac: He.BACKSPACE
+};
+var Sr = Object.getOwnPropertyDescriptor, Dr = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? Sr(e, n) : e, o = i.length - 1, s; o >= 0; o--)
+    (s = i[o]) && (r = s(r) || r);
+  return r;
+}, tn = (i, e) => (n, t) => e(n, t, i);
+let dn = class extends Ge {
+  constructor(i, e, n, t) {
+    super(), this._componentManager = i, this._menuManagerService = e, this._commandService = n, this._shortcutService = t, this._init();
+  }
+  _initCustomComponents() {
+    const i = this._componentManager;
+    this.disposeWithMe(i.register(yt, wt)), this.disposeWithMe(i.register(Ct, gr));
+  }
+  _initMenus() {
+    this._menuManagerService.mergeMenu(hr);
+  }
+  _initCommands() {
+    [
+      Dt,
+      Pn,
+      lt,
+      gt,
+      mt,
+      Ke,
+      ut,
+      ft,
+      yn,
+      Ot,
+      Ji,
+      Tt,
+      It,
+      St,
+      Ye,
+      vt,
+      _t
+    ].forEach((i) => this.disposeWithMe(this._commandService.registerCommand(i)));
+  }
+  _initShortcuts() {
+    [
+      // sheet drawing shortcuts
+      pr,
+      wr,
+      vr,
+      Ir,
+      _r
+    ].forEach((i) => {
+      this.disposeWithMe(this._shortcutService.registerShortcut(i));
+    });
+  }
+  _init() {
+    this._initCommands(), this._initCustomComponents(), this._initMenus(), this._initShortcuts();
+  }
+};
+dn = Dr([
+  tn(0, pe(Si)),
+  tn(1, Di),
+  tn(2, $),
+  tn(3, Ci)
+], dn);
+var Cr = Object.getOwnPropertyDescriptor, Or = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? Cr(e, n) : e, o = i.length - 1, s; o >= 0; o--)
+    (s = i[o]) && (r = s(r) || r);
+  return r;
+}, ke = (i, e) => (n, t) => e(n, t, i);
+function In(i, e) {
+  const { top: n, left: t, width: r, height: o, angle: s, opacity: a } = i, d = e.scene, c = d.getViewport(it.VIEW_MAIN), { viewportScrollX: g, viewportScrollY: m } = c, { scaleX: l, scaleY: f } = d.getAncestorScale();
+  return {
+    startX: (t - g) * l,
+    startY: (n - m) * f,
+    endX: (t + r - g) * l,
+    endY: (n + o - m) * f,
+    width: r,
+    height: o,
+    rotate: s,
+    absolute: {
+      left: !1,
+      top: !1
+    },
+    opacity: a != null ? a : 1
+  };
+}
+let ln = class extends Ge {
+  constructor(e, n, t, r, o, s) {
+    super();
+    Se(this, "_domLayerInfoMap", /* @__PURE__ */ new Map());
+    this._renderManagerService = e, this._drawingManagerService = n, this._drawingRenderService = t, this._canvasFloatDomService = r, this._univerInstanceService = o, this._commandService = s, this._initialize();
+  }
+  dispose() {
+    super.dispose();
+  }
+  _initialize() {
+    this._drawingAddRemoveListener(), this._initScrollAndZoomEvent();
+  }
+  _getSceneAndTransformerByDrawingSearch(e) {
+    if (e == null)
+      return;
+    const n = this._renderManagerService.getRenderById(e);
+    if (n == null)
+      return null;
+    const t = n.scene, r = t.getTransformerByCreate();
+    return { scene: t, transformer: r, renderUnit: n, canvas: n.engine.getCanvasElement() };
+  }
+  _drawingAddRemoveListener() {
+    this.disposeWithMe(
+      this._drawingManagerService.add$.subscribe((e) => {
+        this._insertRects(e);
+      })
+    ), this.disposeWithMe(
+      this._drawingManagerService.remove$.subscribe((e) => {
+        e.forEach((n) => {
+          this._removeDom(n.drawingId);
+        });
+      })
+    );
+  }
+  _insertRects(e) {
+    e.forEach(async (n) => {
+      const { unitId: t } = n;
+      if (!this._univerInstanceService.getUnit(t, Ie.UNIVER_DOC))
+        return;
+      const o = this._getSceneAndTransformerByDrawingSearch(t);
+      if (o == null)
+        return;
+      const s = this._drawingManagerService.getDrawingByParam(n);
+      if (s == null)
+        return;
+      const a = await this._drawingRenderService.renderFloatDom(s, o.scene);
+      if (!(a == null || a.length === 0))
+        for (const d of a) {
+          this._addHoverForRect(d);
+          const c = new Gt(), g = In(d, o.renderUnit), m = new ot(g), l = o.canvas, f = s.data, u = {
+            dispose: c,
+            rect: d,
+            position$: m,
+            unitId: t
+          };
+          this._canvasFloatDomService.addFloatDom({
+            position$: m,
+            id: s.drawingId,
+            componentKey: s.componentKey,
+            onPointerDown: (w) => {
+              l.dispatchEvent(new PointerEvent(w.type, w));
+            },
+            onPointerMove: (w) => {
+              l.dispatchEvent(new PointerEvent(w.type, w));
+            },
+            onPointerUp: (w) => {
+              l.dispatchEvent(new PointerEvent(w.type, w));
+            },
+            onWheel: (w) => {
+              l.dispatchEvent(new WheelEvent(w.type, w));
+            },
+            data: f,
+            unitId: t
+          });
+          const v = d.onTransformChange$.subscribeEvent(() => {
+            const w = In(d, o.renderUnit);
+            m.next(
+              w
+            );
+          });
+          c.add(() => {
+            this._canvasFloatDomService.removeFloatDom(s.drawingId);
+          }), v && c.add(v), this._domLayerInfoMap.set(s.drawingId, u);
+        }
+    });
+  }
+  _addHoverForRect(e) {
+    this.disposeWithMe(
+      Oe(
+        e.onPointerEnter$.subscribeEvent(() => {
+          e.cursor = Bn.GRAB;
+        })
+      )
+    ), this.disposeWithMe(
+      Oe(
+        e.onPointerLeave$.subscribeEvent(() => {
+          e.cursor = Bn.DEFAULT;
+        })
+      )
+    );
+  }
+  _removeDom(e) {
+    const n = this._domLayerInfoMap.get(e);
+    if (!n)
+      return;
+    const { unitId: t } = n;
+    this._domLayerInfoMap.delete(e), n.dispose.dispose();
+    const r = this._getSceneAndTransformerByDrawingSearch(t);
+    r && r.scene.removeObject(n.rect);
+  }
+  _initScrollAndZoomEvent() {
+    const e = (n) => {
+      const t = this._getSceneAndTransformerByDrawingSearch(n);
+      t && this._domLayerInfoMap.forEach((r) => {
+        if (r.unitId !== n) return;
+        const o = In(r.rect, t.renderUnit);
+        r.position$.next(o);
+      });
+    };
+    this.disposeWithMe(
+      this._univerInstanceService.getCurrentTypeOfUnit$(Ie.UNIVER_DOC).pipe(
+        Wn((n) => {
+          if (!n) return null;
+          const t = n.getUnitId(), r = this._renderManagerService.getRenderById(t);
+          return r ? { render: r, unitId: t } : null;
+        }),
+        Ai(
+          (n) => n ? Qn(n.render.scene.getViewport(it.VIEW_MAIN).onScrollAfter$).pipe(Wn(() => ({ unitId: n.unitId }))) : xi(null)
+        )
+      ).subscribe((n) => {
+        if (!n) return;
+        const { unitId: t } = n;
+        e(t);
+      })
+    ), this.disposeWithMe(this._commandService.onCommandExecuted((n) => {
+      if (n.id === rt.id) {
+        const t = n.params, { unitId: r } = t;
+        e(r);
+      }
+    }));
+  }
+  insertFloatDom(e, n) {
+    var v, w, I;
+    const t = this._univerInstanceService.getCurrentUnitOfType(Ie.UNIVER_DOC);
+    if (!t) return !1;
+    const r = this._getSceneAndTransformerByDrawingSearch(t.getUnitId());
+    if (!r) return !1;
+    const a = (v = r.renderUnit.with(te).getSkeleton().getSkeletonData()) == null ? void 0 : v.pages[0];
+    if (!a) return !1;
+    const { pageWidth: d, marginLeft: c, marginRight: g } = a, m = d - c - g, l = {
+      size: {
+        width: (w = n.width) != null ? w : m,
+        height: n.height
+      },
+      positionH: {
+        relativeFrom: ee.PAGE,
+        posOffset: 0
+      },
+      positionV: {
+        relativeFrom: H.PAGE,
+        posOffset: 0
+      },
+      angle: 0
+    }, f = (I = n.drawingId) != null ? I : Vt(), u = {
+      unitId: t.getUnitId(),
+      drawings: [
+        {
+          drawingId: f,
+          drawingType: rn.DRAWING_DOM,
+          subUnitId: t.getUnitId(),
+          unitId: t.getUnitId(),
+          ...e,
+          title: "",
+          description: "",
+          docTransform: l,
+          layoutType: W.INLINE,
+          transform: tt(l)
+        }
+      ]
+    };
+    return this._commandService.syncExecuteCommand(Pn.id, u), f;
+  }
+};
+ln = Or([
+  ke(0, J),
+  ke(1, _e),
+  ke(2, pe(si)),
+  ke(3, pe(Oi)),
+  ke(4, q),
+  ke(5, $)
+], ln);
+var Tr = Object.getOwnPropertyDescriptor, yr = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? Tr(e, n) : e, o = i.length - 1, s; o >= 0; o--)
+    (s = i[o]) && (r = s(r) || r);
+  return r;
+}, ze = (i, e) => (n, t) => e(n, t, i);
+let gn = class extends jt {
+  constructor(e, n, t, r, o) {
+    super();
+    Se(this, "_initImagePopupMenu", /* @__PURE__ */ new Set());
+    this._drawingManagerService = e, this._canvasPopManagerService = n, this._renderManagerService = t, this._univerInstanceService = r, this._contextService = o, this._init();
+  }
+  _init() {
+    this._univerInstanceService.getCurrentTypeOfUnit$(Ie.UNIVER_DOC).pipe(Hn(this.dispose$)).subscribe((e) => this._create(e)), this._univerInstanceService.getTypeOfUnitDisposed$(Ie.UNIVER_DOC).pipe(Hn(this.dispose$)).subscribe((e) => this._dispose(e)), this._univerInstanceService.getAllUnitsForType(Ie.UNIVER_DOC).forEach((e) => this._create(e));
+  }
+  _dispose(e) {
+    const n = e.getUnitId();
+    this._renderManagerService.removeRender(n);
+  }
+  _create(e) {
+    if (!e)
+      return;
+    const n = e.getUnitId();
+    this._renderManagerService.has(n) && !this._initImagePopupMenu.has(n) && (this._popupMenuListener(n), this._initImagePopupMenu.add(n));
+  }
+  _hasCropObject(e) {
+    const n = e.getAllObjects();
+    for (const t of n)
+      if (t instanceof ai)
+        return !0;
+    return !1;
+  }
+  // eslint-disable-next-line max-lines-per-function
+  _popupMenuListener(e) {
+    var o;
+    const n = (o = this._renderManagerService.getRenderById(e)) == null ? void 0 : o.scene;
+    if (!n)
+      return;
+    const t = n.getTransformerByCreate();
+    if (!t)
+      return;
+    const r = [];
+    this.disposeWithMe(
+      Oe(
+        t.createControl$.subscribe(() => {
+          if (this._hasCropObject(n))
+            return;
+          const s = t.getSelectedObjectMap();
+          if (r.forEach((I) => I.dispose()), r.length = 0, s.size > 1)
+            return;
+          const a = s.values().next().value;
+          if (!a)
+            return;
+          const d = a.oKey, c = this._drawingManagerService.getDrawingOKey(d);
+          if (!c || c.drawingType === rn.DRAWING_DOM)
+            return;
+          const { unitId: g, subUnitId: m, drawingId: l, drawingType: f } = c, u = this._canvasPopManagerService.attachPopupToObject(
+            a,
+            {
+              componentKey: ci,
+              direction: "horizontal",
+              offset: [2, 0],
+              extraProps: {
+                menuItems: this._getImageMenuItems(g, m, l, f)
+              }
+            },
+            g
+          );
+          r.push(this.disposeWithMe(u)), !this._drawingManagerService.getFocusDrawings().find((I) => I.unitId === g && I.subUnitId === m && I.drawingId === l) && this._drawingManagerService.focusDrawing([{
+            unitId: g,
+            subUnitId: m,
+            drawingId: l
+          }]);
+        })
+      )
+    ), this.disposeWithMe(
+      Oe(
+        t.clearControl$.subscribe(() => {
+          r.forEach((s) => s.dispose()), r.length = 0, this._contextService.setContextValue(on, !1), this._drawingManagerService.focusDrawing(null);
+        })
+      )
+    ), this.disposeWithMe(
+      Oe(
+        t.changing$.subscribe(() => {
+          r.forEach((s) => s.dispose()), r.length = 0;
+        })
+      )
+    ), this.disposeWithMe(
+      Oe(
+        t.changeStart$.subscribe(() => {
+          r.forEach((s) => s.dispose()), r.length = 0;
+        })
+      )
+    );
+  }
+  _getImageMenuItems(e, n, t, r) {
+    return [
+      {
+        label: "image-popup.edit",
+        index: 0,
+        commandId: Tt.id,
+        commandParams: { unitId: e, subUnitId: n, drawingId: t },
+        disable: !!$t.includes(e) || r === rn.DRAWING_DOM
+      },
+      {
+        label: "image-popup.delete",
+        index: 1,
+        commandId: yn.id,
+        commandParams: { unitId: e, drawings: [{ unitId: e, subUnitId: n, drawingId: t }] },
+        disable: !1
+      },
+      {
+        label: "image-popup.crop",
+        index: 2,
+        commandId: di.id,
+        commandParams: { unitId: e, subUnitId: n, drawingId: t },
+        disable: !0
+        // TODO: @JOCS, feature is not ready.
+      },
+      {
+        label: "image-popup.reset",
+        index: 3,
+        commandId: li.id,
+        commandParams: [{ unitId: e, subUnitId: n, drawingId: t }],
+        disable: !0
+        // TODO: @JOCS, feature is not ready.
+      }
+    ];
+  }
+};
+gn = yr([
+  ze(0, _e),
+  ze(1, pe(Ri)),
+  ze(2, J),
+  ze(3, q),
+  ze(4, Zn)
+], gn);
+var Pr = Object.getOwnPropertyDescriptor, br = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? Pr(e, n) : e, o = i.length - 1, s; o >= 0; o--)
+    (s = i[o]) && (r = s(r) || r);
+  return r;
+}, Le = (i, e) => (n, t) => e(n, t, i);
+let Sn = class extends Ge {
+  constructor(e, n, t, r, o, s, a, d) {
+    super();
+    Se(this, "_liquid", new Jn());
+    this._context = e, this._docSkeletonManagerService = n, this._commandService = t, this._editorService = r, this._drawingManagerService = o, this._docRefreshDrawingsService = s, this._univerInstanceService = a, this._lifecycleService = d, this._initialize(), this._commandExecutedListener();
+  }
+  _initialize() {
+    this._initialRenderRefresh(), this._drawingInitializeListener(), this._initResize();
+  }
+  _initialRenderRefresh() {
+    this._docSkeletonManagerService.currentSkeleton$.subscribe((e) => {
+      e != null && this._refreshDrawing(e);
+    }), this._docRefreshDrawingsService.refreshDrawings$.subscribe((e) => {
+      e != null && this._refreshDrawing(e);
+    });
+  }
+  _commandExecutedListener() {
+    const e = [ne.id, rt.id];
+    this.disposeWithMe(
+      this._commandService.onCommandExecuted((n) => {
+        if (e.includes(n.id)) {
+          const t = n.params, { unitId: r } = t, { unitId: o, mainComponent: s } = this._context;
+          if (r !== o)
+            return;
+          const a = this._docSkeletonManagerService.getSkeleton();
+          if (a == null)
+            return;
+          if (this._editorService.isEditor(o) && o !== Cn) {
+            s == null || s.makeDirty();
+            return;
+          }
+          this._refreshDrawing(a);
+        }
+      })
+    );
+  }
+  _initResize() {
+    this.disposeWithMe(
+      Qn(this._context.engine.onTransformChange$).pipe(
+        Gn((e) => e.type === pi.resize),
+        st(16)
+      ).subscribe(() => {
+        var t;
+        const e = this._docSkeletonManagerService.getSkeleton(), { scene: n } = this._context;
+        (t = n.getTransformer()) == null || t.refreshControls(), this._refreshDrawing(e);
+      })
+    );
+  }
+  _refreshDrawing(e) {
+    var O, C;
+    const n = e == null ? void 0 : e.getSkeletonData(), { mainComponent: t, unitId: r } = this._context, o = t;
+    if (!n)
+      return;
+    const { left: s, top: a, pageLayoutType: d, pageMarginLeft: c, pageMarginTop: g } = o, { pages: m, skeHeaders: l, skeFooters: f } = n, u = {};
+    this._liquid.reset();
+    for (let T = 0, M = m.length; T < M; T++) {
+      const P = m[T], { headerId: N, footerId: B, pageWidth: E } = P;
+      if (N) {
+        const _ = (O = l.get(N)) == null ? void 0 : O.get(E);
+        _ && this._calculateDrawingPosition(
+          r,
+          _,
+          s,
+          a,
+          u,
+          _.marginTop,
+          P.marginLeft
+        );
+      }
+      if (B) {
+        const _ = (C = f.get(B)) == null ? void 0 : C.get(E);
+        _ && this._calculateDrawingPosition(
+          r,
+          _,
+          s,
+          a,
+          u,
+          P.pageHeight - P.marginBottom + _.marginTop,
+          P.marginLeft
+        );
+      }
+      this._calculateDrawingPosition(r, P, s, a, u, P.marginTop, P.marginLeft), this._liquid.translatePage(P, d, c, g);
+    }
+    const v = Object.values(u), w = v.filter((T) => !T.isMultiTransform), I = v.filter((T) => T.isMultiTransform);
+    w.length > 0 && this._drawingManagerService.refreshTransform(w), this._handleMultiDrawingsTransform(I);
+  }
+  _handleMultiDrawingsTransform(e) {
+    const { scene: n, unitId: t } = this._context, r = n.getTransformerByCreate();
+    e.forEach((d) => {
+      const c = this._drawingManagerService.getDrawingByParam(d);
+      c != null && (c.transform = d.transform, c.transforms = d.transforms, c.isMultiTransform = d.isMultiTransform);
+    });
+    const s = [...r.getSelectedObjectMap().keys()], a = Object.values(this._drawingManagerService.getDrawingData(t, t)).filter((d) => d.isMultiTransform === se.TRUE);
+    this._drawingManagerService.removeNotification(a), e.length > 0 && this._drawingManagerService.addNotification(e);
+    for (const d of s) {
+      const c = n.getObject(d);
+      c && r.setSelectedControl(c);
+    }
+  }
+  _calculateDrawingPosition(e, n, t, r, o, s, a) {
+    const { skeDrawings: d } = n;
+    this._liquid.translatePagePadding({
+      marginTop: s,
+      marginLeft: a
+    }), d.forEach((c) => {
+      const { aLeft: g, aTop: m, height: l, width: f, angle: u, drawingId: v, drawingOrigin: w } = c, I = w.layoutType === W.WRAP_NONE && w.behindDoc === se.TRUE, { isMultiTransform: O = se.FALSE } = w, C = {
+        left: g + t + this._liquid.x,
+        top: m + r + this._liquid.y,
+        width: f,
+        height: l,
+        angle: u
+      };
+      o[v] == null ? o[v] = {
+        unitId: e,
+        subUnitId: e,
+        drawingId: v,
+        behindText: I,
+        transform: C,
+        transforms: [C],
+        isMultiTransform: O
+      } : O === se.TRUE && o[v].transforms.push(C);
+    }), this._liquid.restorePagePadding({
+      marginTop: s,
+      marginLeft: a
+    });
+  }
+  _drawingInitializeListener() {
+    const e = () => {
+      const n = this._docSkeletonManagerService.getSkeleton();
+      n != null && (this._refreshDrawing(n), this._drawingManagerService.initializeNotification(this._context.unitId));
+    };
+    this._lifecycleService.stage === En.Steady ? setTimeout(() => {
+      e();
+    }, 1e3) : this._lifecycleService.lifecycle$.pipe(Gn((n) => n === En.Steady)).subscribe(e);
+  }
+};
+Sn = br([
+  Le(1, pe(te)),
+  Le(2, $),
+  Le(3, Ei),
+  Le(4, _e),
+  Le(5, pe(fn)),
+  Le(6, q),
+  Le(7, pe(zt))
+], Sn);
+var Mr = Object.defineProperty, Rr = Object.getOwnPropertyDescriptor, Er = (i, e, n) => e in i ? Mr(i, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : i[e] = n, Nr = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? Rr(e, n) : e, o = i.length - 1, s; o >= 0; o--)
+    (s = i[o]) && (r = s(r) || r);
+  return r;
+}, _n = (i, e) => (n, t) => e(n, t, i), Mt = (i, e, n) => Er(i, typeof e != "symbol" ? e + "" : e, n);
+const Ar = "DOC_DRAWING_UI_PLUGIN";
+let mn = class extends Yt {
+  constructor(i = zn, e, n, t) {
+    super(), this._config = i, this._injector = e, this._renderManagerSrv = n, this._configService = t;
+    const { ...r } = Zt(
+      {},
+      zn,
+      this._config
+    );
+    this._configService.setConfig(Bi, r);
+  }
+  onStarting() {
+    [
+      [dn],
+      [gn],
+      [an],
+      [sn],
+      [fn],
+      [ln]
+    ].forEach((e) => this._injector.add(e));
+  }
+  onReady() {
+    [
+      [cn],
+      [Sn]
+    ].forEach((i) => this._renderManagerSrv.registerRenderModule(Ie.UNIVER_DOC, i)), this._injector.get(sn), this._injector.get(dn), this._injector.get(an);
+  }
+  onRendered() {
+    this._injector.get(gn), this._injector.get(ln);
+  }
+};
+Mt(mn, "type", Ie.UNIVER_DOC);
+Mt(mn, "pluginName", Ar);
+mn = Nr([
+  Xt(gi, ri, Qt, Ti),
+  _n(1, pe(qt)),
+  _n(2, J),
+  _n(3, Kt)
+], mn);
+export {
+  Ji as ClearDocDrawingTransformerOperation,
+  Pt as DOCS_IMAGE_MENU_ID,
+  vt as DeleteDocDrawingsCommand,
+  ln as DocFloatDomController,
+  Tt as EditDocDrawingOperation,
+  It as GroupDocDrawingCommand,
+  Pn as InsertDocDrawingCommand,
+  Dt as InsertDocImageCommand,
+  Ye as MoveDocDrawingsCommand,
+  yn as RemoveDocDrawingCommand,
+  _t as SetDocDrawingArrangeCommand,
+  Ot as SidebarDocDrawingOperation,
+  St as UngroupDocDrawingCommand,
+  mn as UniverDocsDrawingUIPlugin
+};