@univerjs/docs-drawing-ui 0.10.10 → 0.10.11

package/lib/index.js

@@ -1,28 +1,28 @@
 var Pn = Object.defineProperty;
-var xn = (i, e, t) => e in i ? Pn(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
-var ve = (i, e, t) => xn(i, typeof e != "symbol" ? e + "" : e, t);
-import { CommandType as q, ICommandService as j, IUniverInstanceService as z, TextX as _t, JSONX as $, MemoryCursor as Nn, TextXActionType as Y, IUndoRedoService as Kt, BuildTextUtils as Un, ArrangeTypeEnum as Ze, Tools as Pe, Inject as Z, IContextService as Yt, LocaleService as lt, Disposable as Ne, WrapTextType as ze, PositionedObjectLayoutType as k, BooleanNumber as oe, DrawingTypeEnum as xe, ObjectRelativeFromV as W, ObjectRelativeFromH as J, FOCUSING_COMMON_DRAWINGS as nt, UniverInstanceType as we, Direction as he, DisposableCollection as Ln, toDisposable as Se, fromEventSubject as Zt, generateRandomId as Qt, DocumentFlavor as pt, DOCS_ZEN_EDITOR_UNIT_ID_KEY as St, FOCUSING_UNIVER_EDITOR as Bn, UndoCommand as Fn, RedoCommand as kn, Injector as Jt, DOC_DRAWING_PRINTING_COMPONENT_KEY as Wn, throttle as Et, COLORS as Gn, RxDisposable as Hn, LifecycleService as jn, LifecycleStages as Rt, DependentOn as Vn, IConfigService as $n, Plugin as zn, merge as Xn } from "@univerjs/core";
-import { IDocDrawingService as Ue, UniverDocsDrawingPlugin as qn } from "@univerjs/docs-drawing";
+var xn = (r, e, t) => e in r ? Pn(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t;
+var me = (r, e, t) => xn(r, typeof e != "symbol" ? e + "" : e, t);
+import { CommandType as q, ICommandService as j, IUniverInstanceService as z, TextX as _t, JSONX as $, MemoryCursor as Nn, TextXActionType as Y, IUndoRedoService as Kt, BuildTextUtils as Un, ArrangeTypeEnum as Ze, Tools as Ae, Inject as Z, IContextService as Yt, LocaleService as lt, Disposable as xe, WrapTextType as $e, PositionedObjectLayoutType as k, BooleanNumber as se, DrawingTypeEnum as Pe, ObjectRelativeFromV as W, ObjectRelativeFromH as J, FOCUSING_COMMON_DRAWINGS as nt, UniverInstanceType as ve, Direction as he, DisposableCollection as Ln, toDisposable as ze, fromEventSubject as Zt, generateRandomId as Qt, DocumentFlavor as pt, DOCS_ZEN_EDITOR_UNIT_ID_KEY as St, FOCUSING_UNIVER_EDITOR as Bn, UndoCommand as Fn, RedoCommand as kn, Injector as Jt, DOC_DRAWING_PRINTING_COMPONENT_KEY as Wn, throttle as Et, COLORS as Gn, RxDisposable as Hn, LifecycleService as jn, LifecycleStages as Rt, DependentOn as Vn, IConfigService as $n, Plugin as zn, merge as Xn } from "@univerjs/core";
+import { IDocDrawingService as Ne, UniverDocsDrawingPlugin as qn } from "@univerjs/docs-drawing";
 import { RichTextEditingMutation as ee, DocSelectionManagerService as Dt, DocSkeletonManagerService as te } from "@univerjs/docs";
-import { DocSelectionRenderService as Me, getRichTextEditPath as Xe, getCustomBlockIdsInSelections as Kn, docDrawingPositionToTransform as en, VIEWPORT_KEY as tn, SetDocZoomRatioOperation as nn, DocPrintInterceptorService as Yn, NodePositionConvertToCursor as At, getOneTextSelectionRange as Pt, getAnchorBounding as Zn, TEXT_RANGE_LAYER_INDEX as Qn, getDocObject as Jn, DocCanvasPopManagerService as er, IEditorService as tr } from "@univerjs/docs-ui";
-import { IRenderManagerService as Q, DocumentEditArea as ke, getCurrentTypeOfRenderer as nr, CURSOR_TYPE as xt, Liquid as rn, PageLayoutType as Nt, DocumentSkeletonPageType as Ut, Vector2 as rr, Rect as ir, getColor as or, TRANSFORM_CHANGE_OBSERVABLE_TYPE as sr } from "@univerjs/engine-render";
-import { MessageType as Lt, clsx as on, InputNumber as Fe, Select as Bt, Checkbox as ar, RadioGroup as Ft, Radio as ye, render as cr, unmount as dr } from "@univerjs/design";
-import { IImageIoService as gr, IDrawingManagerService as fe, DRAWING_IMAGE_ALLOW_IMAGE_LIST as lr, DRAWING_IMAGE_COUNT_LIMIT as kt, ImageUploadStatusType as mt, DRAWING_IMAGE_ALLOW_SIZE as ur, getImageSize as hr, getDrawingShapeKeyByDrawingSearch as fr, DRAWING_IMAGE_WIDTH_LIMIT as Wt, DRAWING_IMAGE_HEIGHT_LIMIT as Gt, UniverDrawingPlugin as pr } from "@univerjs/drawing";
-import { IMessageService as mr, ILocalFileService as wr, ISidebarService as vr, CanvasFloatDomService as Ir, useDependency as me, getMenuHiddenObservable as sn, MenuItemType as an, RibbonInsertGroup as _r, KeyCode as We, ComponentManager as cn, IMenuManagerService as Sr, IShortcutService as Dr, PrintFloatDomSingle as Or, connectInjector as Tr, UniverUIPlugin as yr } from "@univerjs/ui";
-import { BehaviorSubject as Ot, debounceTime as dn, map as Ht, switchMap as Mr, of as br, Observable as Cr, takeUntil as jt, filter as Vt } from "rxjs";
-import { DrawingRenderService as gn, DrawingCommonPanel as Er, ImageCropperObject as Rr, COMPONENT_IMAGE_POPUP_MENU as Ar, OpenImageCropOperation as Pr, ImageResetSizeOperation as xr, UniverDrawingUIPlugin as Nr } from "@univerjs/drawing-ui";
-import { jsxs as X, jsx as y } from "react/jsx-runtime";
-import { useState as ie, useEffect as Tt, useMemo as Ur } from "react";
-const yt = {
+import { DocSelectionRenderService as Me, getRichTextEditPath as Xe, getCustomBlockIdsInSelections as Kn, docDrawingPositionToTransform as en, VIEWPORT_KEY as tn, SetDocZoomRatioOperation as nn, DocPrintInterceptorService as Yn, NodePositionConvertToCursor as At, getOneTextSelectionRange as Pt, getAnchorBounding as Zn, TEXT_RANGE_LAYER_INDEX as Qn, getDocObject as Jn, DocCanvasPopManagerService as ei, IEditorService as ti } from "@univerjs/docs-ui";
+import { IRenderManagerService as Q, DocumentEditArea as Fe, getCurrentTypeOfRenderer as ni, CURSOR_TYPE as xt, Liquid as rn, PageLayoutType as Nt, DocumentSkeletonPageType as Ut, Vector2 as ii, Rect as ri, getColor as si, TRANSFORM_CHANGE_OBSERVABLE_TYPE as oi } from "@univerjs/engine-render";
+import { MessageType as Lt, clsx as sn, InputNumber as Be, Select as Bt, Checkbox as ai, RadioGroup as Ft, Radio as Te, render as ci, unmount as di } from "@univerjs/design";
+import { IImageIoService as gi, IDrawingManagerService as fe, DRAWING_IMAGE_ALLOW_IMAGE_LIST as li, DRAWING_IMAGE_COUNT_LIMIT as kt, ImageUploadStatusType as mt, DRAWING_IMAGE_ALLOW_SIZE as ui, getImageSize as hi, getDrawingShapeKeyByDrawingSearch as fi, DRAWING_IMAGE_WIDTH_LIMIT as Wt, DRAWING_IMAGE_HEIGHT_LIMIT as Gt, UniverDrawingPlugin as pi } from "@univerjs/drawing";
+import { IMessageService as mi, ILocalFileService as wi, ISidebarService as vi, CanvasFloatDomService as Ii, useDependency as we, getMenuHiddenObservable as on, MenuItemType as an, RibbonInsertGroup as _i, KeyCode as ke, ComponentManager as cn, IMenuManagerService as Si, IShortcutService as Di, PrintFloatDomSingle as Oi, connectInjector as Ti, UniverUIPlugin as Mi } from "@univerjs/ui";
+import { BehaviorSubject as Ot, debounceTime as dn, map as Ht, switchMap as yi, of as bi, Observable as Ci, takeUntil as jt, filter as Vt } from "rxjs";
+import { DrawingRenderService as gn, DrawingCommonPanel as Ei, ImageCropperObject as Ri, COMPONENT_IMAGE_POPUP_MENU as Ai, OpenImageCropOperation as Pi, ImageResetSizeOperation as xi, UniverDrawingUIPlugin as Ni } from "@univerjs/drawing-ui";
+import { jsxs as X, jsx as M } from "react/jsx-runtime";
+import { useState as re, useEffect as Tt, useMemo as Ui } from "react";
+const Mt = {
   id: "doc.command.remove-doc-image",
   type: q.COMMAND,
   // eslint-disable-next-line max-lines-per-function
-  handler: (i, e) => {
-    var C, M, A, L;
-    const t = i.get(j), n = i.get(z), r = i.get(Q), o = n.getCurrentUniverDocInstance();
-    if (e == null || o == null)
+  handler: (r, e) => {
+    var C, y, A, L;
+    const t = r.get(j), n = r.get(z), i = r.get(Q), s = n.getCurrentUniverDocInstance();
+    if (e == null || s == null)
       return !1;
-    const s = r.getRenderById(e.unitId).with(Me), { drawings: c } = e, d = (C = s.getSegment()) != null ? C : "", a = new _t(), g = $.getInstance(), u = (A = (M = o.getSelfOrHeaderFooterModel(d).getBody()) == null ? void 0 : M.customBlocks) != null ? A : [], l = c.map((R) => u.find((v) => v.blockId === R.drawingId)).filter((R) => !!R).sort((R, v) => R.startIndex > v.startIndex ? 1 : -1), f = c[0].unitId, h = new Nn();
+    const o = i.getRenderById(e.unitId).with(Me), { drawings: c } = e, d = (C = o.getSegment()) != null ? C : "", a = new _t(), g = $.getInstance(), u = (A = (y = s.getSelfOrHeaderFooterModel(d).getBody()) == null ? void 0 : y.customBlocks) != null ? A : [], l = c.map((R) => u.find((v) => v.blockId === R.drawingId)).filter((R) => !!R).sort((R, v) => R.startIndex > v.startIndex ? 1 : -1), f = c[0].unitId, h = new Nn();
     h.reset();
     const m = l[0].startIndex, p = [
       {
@@ -47,10 +47,10 @@ const yt = {
         len: 1
       }), h.moveCursorTo(v + 1);
     }
-    const S = Xe(o, d);
+    const S = Xe(s, d);
     D.push(g.editOp(a.serialize(), S));
     for (const R of l) {
-      const { blockId: v } = R, N = ((L = o.getDrawings()) != null ? L : {})[v], x = o.getDrawingsOrder().indexOf(v), H = g.removeOp(["drawings", v], N), I = g.removeOp(["drawingsOrder", x], v);
+      const { blockId: v } = R, N = ((L = s.getDrawings()) != null ? L : {})[v], x = s.getDrawingsOrder().indexOf(v), H = g.removeOp(["drawings", v], N), I = g.removeOp(["drawingsOrder", x], v);
       D.push(H), D.push(I);
     }
     return w.params.actions = D.reduce((R, v) => $.compose(R, v), null), !!t.syncExecuteCommand(w.id, w.params);
@@ -58,12 +58,12 @@ const yt = {
 }, ln = {
   id: "doc.command.delete-drawing",
   type: q.COMMAND,
-  handler: (i) => {
-    const e = i.get(j), n = i.get(Ue).getFocusDrawings();
+  handler: (r) => {
+    const e = r.get(j), n = r.get(Ne).getFocusDrawings();
     if (n.length === 0)
       return !1;
-    const { unitId: r } = n[0], o = n.map((s) => {
-      const { unitId: c, subUnitId: d, drawingId: a, drawingType: g } = s;
+    const { unitId: i } = n[0], s = n.map((o) => {
+      const { unitId: c, subUnitId: d, drawingId: a, drawingType: g } = o;
       return {
         unitId: c,
         subUnitId: d,
@@ -71,17 +71,17 @@ const yt = {
         drawingType: g
       };
     });
-    return e.executeCommand(yt.id, {
-      unitId: r,
-      drawings: o
+    return e.executeCommand(Mt.id, {
+      unitId: i,
+      drawings: s
     });
   }
 }, un = {
   id: "doc.command.group-doc-image",
   type: q.COMMAND,
-  handler: (i, e) => {
-    i.get(j), i.get(Kt);
-    const t = i.get(Ue);
+  handler: (r, e) => {
+    r.get(j), r.get(Kt);
+    const t = r.get(Ne);
     if (!e) return !1;
     const n = [];
     e.forEach(({ parent: g, children: u }) => {
@@ -89,24 +89,24 @@ const yt = {
         n.push(l.unitId);
       });
     });
-    const r = t.getGroupDrawingOp(e), { unitId: o, subUnitId: s, undo: c, redo: d, objects: a } = r;
+    const i = t.getGroupDrawingOp(e), { unitId: s, subUnitId: o, undo: c, redo: d, objects: a } = i;
     return !1;
   }
-}, Mt = {
+}, yt = {
   id: "doc.command.insert-doc-image",
   type: q.COMMAND,
   // eslint-disable-next-line max-lines-per-function
-  handler: (i, e) => {
-    var M, A, L, R;
+  handler: (r, e) => {
+    var y, A, L, R;
     if (e == null)
       return !1;
-    const t = i.get(j), n = i.get(Dt), r = i.get(z), o = n.getActiveTextRange(), s = r.getCurrentUniverDocInstance();
-    if (o == null || s == null)
+    const t = r.get(j), n = r.get(Dt), i = r.get(z), s = n.getActiveTextRange(), o = i.getCurrentUniverDocInstance();
+    if (s == null || o == null)
       return !1;
-    const c = s.getUnitId(), { drawings: d } = e, { collapsed: a, startOffset: g, segmentId: u } = o, l = s.getSelfOrHeaderFooterModel(u).getBody();
+    const c = o.getUnitId(), { drawings: d } = e, { collapsed: a, startOffset: g, segmentId: u } = s, l = o.getSelfOrHeaderFooterModel(u).getBody();
     if (l == null)
       return !1;
-    const f = new _t(), h = $.getInstance(), m = [], p = (A = (M = s.getSnapshot().drawingsOrder) == null ? void 0 : M.length) != null ? A : 0;
+    const f = new _t(), h = $.getInstance(), m = [], p = (A = (y = o.getSnapshot().drawingsOrder) == null ? void 0 : y.length) != null ? A : 0;
     let w = 0;
     if (a)
       g > 0 && f.push({
@@ -114,9 +114,9 @@ const yt = {
         len: g
       });
     else {
-      const v = Un.selection.delete([o], l, 0, null, !1);
+      const v = Un.selection.delete([s], l, 0, null, !1);
       f.push(...v);
-      const N = Kn(l, [o]), G = (L = s.getDrawings()) != null ? L : {}, x = (R = s.getDrawingsOrder()) != null ? R : [], H = N.sort((I, _) => x.indexOf(I) > x.indexOf(_) ? -1 : x.indexOf(I) < x.indexOf(_) ? 1 : 0);
+      const N = Kn(l, [s]), G = (L = o.getDrawings()) != null ? L : {}, x = (R = o.getDrawingsOrder()) != null ? R : [], H = N.sort((I, _) => x.indexOf(I) > x.indexOf(_) ? -1 : x.indexOf(I) < x.indexOf(_) ? 1 : 0);
       if (H.length > 0)
         for (const I of H) {
           const _ = G[I], E = x.indexOf(I);
@@ -137,7 +137,7 @@ const yt = {
       },
       len: d.length
     });
-    const D = Xe(s, u), S = h.editOp(f.serialize(), D);
+    const D = Xe(o, u), S = h.editOp(f.serialize(), D);
     m.push(S);
     for (const v of d) {
       const { drawingId: N } = v, G = h.insertOp(["drawings", N], v), x = h.insertOp(["drawingsOrder", p - w], N);
@@ -156,11 +156,11 @@ const yt = {
 }, hn = {
   id: "doc.command.set-drawing-arrange",
   type: q.COMMAND,
-  handler: (i, e) => {
-    const t = i.get(j), n = i.get(Ue);
+  handler: (r, e) => {
+    const t = r.get(j), n = r.get(Ne);
     if (e == null)
       return !1;
-    const { unitId: r, subUnitId: o, drawingIds: s, arrangeType: c } = e, d = { unitId: r, subUnitId: o, drawingIds: s };
+    const { unitId: i, subUnitId: s, drawingIds: o, arrangeType: c } = e, d = { unitId: i, subUnitId: s, drawingIds: o };
     let a;
     if (c === Ze.forward ? a = n.getForwardDrawingsOp(d) : c === Ze.backward ? a = n.getBackwardDrawingOp(d) : c === Ze.front ? a = n.getFrontDrawingsOp(d) : c === Ze.back && (a = n.getBackDrawingsOp(d)), a == null)
       return !1;
@@ -168,12 +168,12 @@ const yt = {
     if (g == null)
       return !1;
     const u = [];
-    let l = Pe.deepClone(g);
+    let l = Ae.deepClone(g);
     l = l.slice(3), l.unshift("drawingsOrder"), u.push(l);
     const f = {
       id: ee.id,
       params: {
-        unitId: r,
+        unitId: i,
         actions: [],
         textRanges: null
       }
@@ -183,9 +183,9 @@ const yt = {
 }, fn = {
   id: "doc.command.ungroup-doc-image",
   type: q.COMMAND,
-  handler: (i, e) => {
-    i.get(j), i.get(Kt);
-    const t = i.get(Ue);
+  handler: (r, e) => {
+    r.get(j), r.get(Kt);
+    const t = r.get(Ne);
     if (!e) return !1;
     const n = [];
     e.forEach(({ parent: g, children: u }) => {
@@ -193,70 +193,73 @@ const yt = {
         n.push(l.unitId);
       });
     });
-    const r = t.getUngroupDrawingOp(e), { unitId: o, subUnitId: s, undo: c, redo: d, objects: a } = r;
+    const i = t.getUngroupDrawingOp(e), { unitId: s, subUnitId: o, undo: c, redo: d, objects: a } = i;
     return !1;
   }
 };
 class ut {
   constructor() {
-    ve(this, "_refreshDrawings$", new Ot(null));
-    ve(this, "refreshDrawings$", this._refreshDrawings$.asObservable());
+    me(this, "_refreshDrawings$", new Ot(null));
+    me(this, "refreshDrawings$", this._refreshDrawings$.asObservable());
   }
   refreshDrawings(e) {
     this._refreshDrawings$.next(e);
   }
 }
-var Lr = Object.getOwnPropertyDescriptor, Br = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? Lr(e, t) : e, o = i.length - 1, s; o >= 0; o--)
-    (s = i[o]) && (r = s(r) || r);
-  return r;
-}, le = (i, e) => (t, n) => e(t, n, i);
-let rt = class extends Ne {
-  constructor(i, e, t, n, r, o, s, c, d, a, g, u, l) {
-    super(), this._context = i, this._commandService = e, this._docSelectionManagerService = t, this._renderManagerSrv = n, this._imageIoService = r, this._docDrawingService = o, this._drawingManagerService = s, this._contextService = c, this._messageService = d, this._localeService = a, this._docSelectionRenderService = g, this._docRefreshDrawingsService = u, this._fileOpenerService = l, this._updateOrderListener(), this._groupDrawingListener(), this._focusDrawingListener(), this._transformDrawingListener(), this._editAreaChangeListener();
+var Li = Object.getOwnPropertyDescriptor, Bi = (r, e, t, n) => {
+  for (var i = n > 1 ? void 0 : n ? Li(e, t) : e, s = r.length - 1, o; s >= 0; s--)
+    (o = r[s]) && (i = o(i) || i);
+  return i;
+}, le = (r, e) => (t, n) => e(t, n, r);
+let it = class extends xe {
+  constructor(r, e, t, n, i, s, o, c, d, a, g, u, l) {
+    super(), this._context = r, this._commandService = e, this._docSelectionManagerService = t, this._renderManagerSrv = n, this._imageIoService = i, this._docDrawingService = s, this._drawingManagerService = o, this._contextService = c, this._messageService = d, this._localeService = a, this._docSelectionRenderService = g, this._docRefreshDrawingsService = u, this._fileOpenerService = l, this._updateOrderListener(), this._groupDrawingListener(), this._focusDrawingListener(), this._transformDrawingListener(), this._editAreaChangeListener();
+  }
+  dispose() {
+    super.dispose(), delete this._context;
   }
   async insertDocImage() {
-    const i = await this._fileOpenerService.openFile({
+    const r = await this._fileOpenerService.openFile({
       multiple: !0,
-      accept: lr.map((t) => `.${t.replace("image/", "")}`).join(",")
-    }), e = i.length;
+      accept: li.map((t) => `.${t.replace("image/", "")}`).join(",")
+    }), e = r.length;
     return e > kt ? (this._messageService.show({
       type: Lt.Error,
       content: this._localeService.t("update-status.exceedMaxCount", String(kt))
-    }), !1) : e === 0 ? !1 : (await this._insertFloatImages(i), !0);
+    }), !1) : e === 0 ? !1 : (await this._insertFloatImages(r), !0);
   }
   // eslint-disable-next-line max-lines-per-function
-  async _insertFloatImages(i) {
+  async _insertFloatImages(r) {
     let e = [];
     try {
-      e = await Promise.all(i.map((r) => this._imageIoService.saveImage(r)));
-    } catch (r) {
-      const o = r.message;
-      let s = "";
-      switch (o) {
+      e = await Promise.all(r.map((i) => this._imageIoService.saveImage(i)));
+    } catch (i) {
+      const s = i.message;
+      let o = "";
+      switch (s) {
         case mt.ERROR_EXCEED_SIZE:
-          s = this._localeService.t("update-status.exceedMaxSize", String(ur / (1024 * 1024)));
+          o = this._localeService.t("update-status.exceedMaxSize", String(ui / (1024 * 1024)));
           break;
         case mt.ERROR_IMAGE_TYPE:
-          s = this._localeService.t("update-status.invalidImageType");
+          o = this._localeService.t("update-status.invalidImageType");
           break;
         case mt.ERROR_IMAGE:
-          s = this._localeService.t("update-status.invalidImage");
+          o = this._localeService.t("update-status.invalidImage");
           break;
       }
       this._messageService.show({
         type: Lt.Error,
-        content: s
+        content: o
       });
     }
     if (e.length === 0)
       return;
     const { unitId: t } = this._context, n = [];
-    for (const r of e) {
-      if (r == null)
+    for (const i of e) {
+      if (i == null)
         continue;
-      const { imageId: o, imageSourceType: s, source: c, base64Cache: d } = r, { width: a, height: g, image: u } = await hr(d || "");
-      this._imageIoService.addImageSourceCache(o, s, u);
+      const { imageId: s, imageSourceType: o, source: c, base64Cache: d } = i, { width: a, height: g, image: u } = await hi(d || "");
+      this._imageIoService.addImageSourceCache(s, o, u);
       let l = 1;
       if (a > Wt || g > Gt) {
         const p = Wt / a, w = Gt / g;
@@ -268,42 +271,42 @@ let rt = class extends Ne {
       const h = {
         unitId: t,
         subUnitId: t,
-        drawingId: o,
-        drawingType: xe.DRAWING_IMAGE,
-        imageSourceType: s,
+        drawingId: s,
+        drawingType: Pe.DRAWING_IMAGE,
+        imageSourceType: o,
         source: c,
         transform: en(f),
         docTransform: f,
-        behindDoc: oe.FALSE,
+        behindDoc: se.FALSE,
         title: "",
         description: "",
         layoutType: k.INLINE,
         // Insert inline drawing by default.
-        wrapText: ze.BOTH_SIDES,
+        wrapText: $e.BOTH_SIDES,
         distB: 0,
         distL: 0,
         distR: 0,
         distT: 0
       };
-      this._isInsertInHeaderFooter() && (h.isMultiTransform = oe.TRUE, h.transforms = h.transform ? [h.transform] : null), n.push(h);
+      this._isInsertInHeaderFooter() && (h.isMultiTransform = se.TRUE, h.transforms = h.transform ? [h.transform] : null), n.push(h);
     }
-    this._commandService.executeCommand(Mt.id, {
+    this._commandService.executeCommand(yt.id, {
       unitId: t,
       drawings: n
     });
   }
   _isInsertInHeaderFooter() {
     var n;
-    const { unitId: i } = this._context, e = (n = this._renderManagerSrv.getRenderById(i)) == null ? void 0 : n.with(te).getViewModel(), t = e == null ? void 0 : e.getEditArea();
-    return t === ke.HEADER || t === ke.FOOTER;
+    const { unitId: r } = this._context, e = (n = this._renderManagerSrv.getRenderById(r)) == null ? void 0 : n.with(te).getViewModel(), t = e == null ? void 0 : e.getEditArea();
+    return t === Fe.HEADER || t === Fe.FOOTER;
   }
-  _getImagePosition(i, e) {
+  _getImagePosition(r, e) {
     const t = this._docSelectionRenderService.getActiveTextRange(), n = (t == null ? void 0 : t.getAbsolutePosition()) || {
       left: 0
     };
     return {
       size: {
-        width: i,
+        width: r,
         height: e
       },
       positionH: {
@@ -318,34 +321,40 @@ let rt = class extends Ne {
     };
   }
   _updateOrderListener() {
-    this._drawingManagerService.featurePluginOrderUpdate$.subscribe((i) => {
-      const { unitId: e, subUnitId: t, drawingIds: n, arrangeType: r } = i;
-      this._commandService.executeCommand(hn.id, {
-        unitId: e,
-        subUnitId: t,
-        drawingIds: n,
-        arrangeType: r
-      });
-    });
+    this.disposeWithMe(
+      this._drawingManagerService.featurePluginOrderUpdate$.subscribe((r) => {
+        const { unitId: e, subUnitId: t, drawingIds: n, arrangeType: i } = r;
+        this._commandService.executeCommand(hn.id, {
+          unitId: e,
+          subUnitId: t,
+          drawingIds: n,
+          arrangeType: i
+        });
+      })
+    );
   }
   _groupDrawingListener() {
-    this._drawingManagerService.featurePluginGroupUpdate$.subscribe((i) => {
-      this._commandService.executeCommand(un.id, i);
-    }), this._drawingManagerService.featurePluginUngroupUpdate$.subscribe((i) => {
-      this._commandService.executeCommand(fn.id, i);
-    });
+    this.disposeWithMe(
+      this._drawingManagerService.featurePluginGroupUpdate$.subscribe((r) => {
+        this._commandService.executeCommand(un.id, r);
+      })
+    ), this.disposeWithMe(
+      this._drawingManagerService.featurePluginUngroupUpdate$.subscribe((r) => {
+        this._commandService.executeCommand(fn.id, r);
+      })
+    );
   }
   _getCurrentSceneAndTransformer() {
-    const { scene: i, mainComponent: e } = this._context;
-    if (i == null || e == null)
+    const { scene: r, mainComponent: e } = this._context;
+    if (r == null || e == null)
       return;
-    const t = i.getTransformerByCreate(), { docsLeft: n, docsTop: r } = e.getOffsetConfig();
-    return { scene: i, transformer: t, docsLeft: n, docsTop: r };
+    const t = r.getTransformerByCreate(), { docsLeft: n, docsTop: i } = e.getOffsetConfig();
+    return { scene: r, transformer: t, docsLeft: n, docsTop: i };
   }
   _transformDrawingListener() {
-    const i = this._getCurrentSceneAndTransformer();
-    if (i && i.transformer)
-      this.disposeWithMe(i.transformer.changeEnd$.pipe(dn(30)).subscribe((e) => {
+    const r = this._getCurrentSceneAndTransformer();
+    if (r && r.transformer)
+      this.disposeWithMe(r.transformer.changeEnd$.pipe(dn(30)).subscribe((e) => {
         this._docSelectionManagerService.refreshSelection();
       }));
     else
@@ -353,18 +362,18 @@ let rt = class extends Ne {
   }
   _focusDrawingListener() {
     this.disposeWithMe(
-      this._drawingManagerService.focus$.subscribe((i) => {
-        var r;
-        const { transformer: e, docsLeft: t, docsTop: n } = (r = this._getCurrentSceneAndTransformer()) != null ? r : {};
-        if (i == null || i.length === 0)
+      this._drawingManagerService.focus$.subscribe((r) => {
+        var i;
+        const { transformer: e, docsLeft: t, docsTop: n } = (i = this._getCurrentSceneAndTransformer()) != null ? i : {};
+        if (r == null || r.length === 0)
           this._contextService.setContextValue(nt, !1), this._docDrawingService.focusDrawing([]), e && e.resetProps({
             zeroTop: 0,
             zeroLeft: 0
           });
         else {
-          this._contextService.setContextValue(nt, !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({
+          this._contextService.setContextValue(nt, !0), this._docDrawingService.focusDrawing(r), this._setDrawingSelections(r);
+          const s = this._docSelectionRenderService.getSegment(), o = this._findSegmentIdByDrawingId(r[0].drawingId);
+          s !== o && this._docSelectionRenderService.setSegment(o), e && e.resetProps({
             zeroTop: n,
             zeroLeft: t
           });
@@ -372,28 +381,28 @@ let rt = class extends Ne {
       })
     );
   }
-  _findSegmentIdByDrawingId(i) {
-    var s, c, d;
-    const { unit: e } = this._context, { body: t, headers: n = {}, footers: r = {} } = e.getSnapshot();
-    if (((s = t == null ? void 0 : t.customBlocks) != null ? s : []).some((a) => a.blockId === i))
+  _findSegmentIdByDrawingId(r) {
+    var o, c, d;
+    const { unit: e } = this._context, { body: t, headers: n = {}, footers: i = {} } = e.getSnapshot();
+    if (((o = t == null ? void 0 : t.customBlocks) != null ? o : []).some((a) => a.blockId === r))
       return "";
     for (const a of Object.keys(n))
-      if ((c = n[a].body.customBlocks) != null && c.some((g) => g.blockId === i))
+      if ((c = n[a].body.customBlocks) != null && c.some((g) => g.blockId === r))
         return a;
-    for (const a of Object.keys(r))
-      if ((d = r[a].body.customBlocks) != null && d.some((g) => g.blockId === i))
+    for (const a of Object.keys(i))
+      if ((d = i[a].body.customBlocks) != null && d.some((g) => g.blockId === r))
         return a;
     return "";
   }
   // Update drawings edit status and opacity. You can not edit header footer images when you are editing body. and vice verse.
   _updateDrawingsEditStatus() {
     var c;
-    const { unit: i, scene: e, unitId: t } = this._context, n = (c = this._renderManagerSrv.getRenderById(t)) == null ? void 0 : c.with(te).getViewModel();
-    if (n == null || i == null)
+    const { unit: r, scene: e, unitId: t } = this._context, n = (c = this._renderManagerSrv.getRenderById(t)) == null ? void 0 : c.with(te).getViewModel();
+    if (n == null || r == null)
       return;
-    const r = i.getSnapshot(), { drawings: o = {} } = r, s = n.getEditArea() === ke.BODY;
-    for (const d of Object.keys(o)) {
-      const a = o[d], g = fr({ unitId: t, drawingId: a.drawingId, subUnitId: t }), u = e.fuzzyMathObjects(g, !0);
+    const i = r.getSnapshot(), { drawings: s = {} } = i, o = n.getEditArea() === Fe.BODY;
+    for (const d of Object.keys(s)) {
+      const a = s[d], g = fi({ unitId: t, drawingId: a.drawingId, subUnitId: t }), u = e.fuzzyMathObjects(g, !0);
       if (u.length)
         for (const l of u) {
           e.detachTransformerFrom(l);
@@ -401,7 +410,7 @@ let rt = class extends Ne {
             l.setOpacity(0.5);
           } catch {
           }
-          if (s && a.isMultiTransform !== oe.TRUE || !s && a.isMultiTransform === oe.TRUE) {
+          if (o && a.isMultiTransform !== se.TRUE || !o && a.isMultiTransform === se.TRUE) {
             a.allowTransform !== !1 && e.attachTransformerTo(l);
             try {
               l.setOpacity(1);
@@ -413,16 +422,18 @@ let rt = class extends Ne {
   }
   _editAreaChangeListener() {
     var t;
-    const { unitId: i } = this._context, e = (t = this._renderManagerSrv.getRenderById(i)) == null ? void 0 : t.with(te).getViewModel();
+    const { unitId: r } = this._context, e = (t = this._renderManagerSrv.getRenderById(r)) == null ? void 0 : t.with(te).getViewModel();
     e != null && (this._updateDrawingsEditStatus(), this.disposeWithMe(
       e.editAreaChange$.subscribe(() => {
         this._updateDrawingsEditStatus();
       })
-    ), this._docRefreshDrawingsService.refreshDrawings$.subscribe((n) => {
-      n != null && queueMicrotask(() => {
-        this._updateDrawingsEditStatus();
-      });
-    }), this.disposeWithMe(
+    ), this.disposeWithMe(
+      this._docRefreshDrawingsService.refreshDrawings$.subscribe((n) => {
+        n != null && queueMicrotask(() => {
+          this._updateDrawingsEditStatus();
+        });
+      })
+    ), this.disposeWithMe(
       this._commandService.onCommandExecuted(async (n) => {
         n.id === ee.id && queueMicrotask(() => {
           this._updateDrawingsEditStatus();
@@ -430,54 +441,54 @@ let rt = class extends Ne {
       })
     ));
   }
-  _setDrawingSelections(i) {
-    var r, o;
-    const { unit: e } = this._context, t = (o = (r = e.getSnapshot().body) == null ? void 0 : r.customBlocks) != null ? o : [], n = i.map((s) => {
-      const c = s.drawingId, d = t.find((a) => a.blockId === c);
+  _setDrawingSelections(r) {
+    var i, s;
+    const { unit: e } = this._context, t = (s = (i = e.getSnapshot().body) == null ? void 0 : i.customBlocks) != null ? s : [], n = r.map((o) => {
+      const c = o.drawingId, d = t.find((a) => a.blockId === c);
       return d ? d.startIndex : null;
-    }).filter((s) => s !== null).map((s) => ({ startOffset: s, endOffset: s + 1 }));
+    }).filter((o) => o !== null).map((o) => ({ startOffset: o, endOffset: o + 1 }));
     this._docSelectionManagerService.replaceDocRanges(n);
   }
 };
-rt = Br([
+it = Bi([
   le(1, j),
   le(2, Z(Dt)),
   le(3, Q),
-  le(4, gr),
-  le(5, Ue),
+  le(4, gi),
+  le(5, Ne),
   le(6, fe),
   le(7, Yt),
-  le(8, mr),
+  le(8, mi),
   le(9, Z(lt)),
   le(10, Z(Me)),
   le(11, Z(ut)),
-  le(12, wr)
-], rt);
+  le(12, wi)
+], it);
 const pn = {
   id: "doc.command.insert-float-image",
   type: q.COMMAND,
-  handler: (i) => {
-    var n, r;
-    const e = i.get(z), t = i.get(Q);
-    return (r = (n = nr(we.UNIVER_DOC, e, t)) == null ? void 0 : n.with(rt).insertDocImage()) != null ? r : !1;
+  handler: (r) => {
+    var n, i;
+    const e = r.get(z), t = r.get(Q);
+    return (i = (n = ni(ve.UNIVER_DOC, e, t)) == null ? void 0 : n.with(it).insertDocImage()) != null ? i : !1;
   }
 };
-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 Fr = {
+var ue = /* @__PURE__ */ ((r) => (r.INLINE = "inline", r.BEHIND_TEXT = "behindText", r.IN_FRONT_OF_TEXT = "inFrontOfText", r.WRAP_SQUARE = "wrapSquare", r.WRAP_TOP_AND_BOTTOM = "wrapTopAndBottom", r))(ue || {});
+const Fi = {
   inline: k.INLINE,
   wrapSquare: k.WRAP_SQUARE,
   wrapTopAndBottom: k.WRAP_TOP_AND_BOTTOM,
   inFrontOfText: k.WRAP_NONE,
   behindText: k.WRAP_NONE
 };
-function mn(i, e, t, n, r, o, s) {
+function mn(r, e, t, n, i, s, o) {
   var f, h;
-  const c = new _t(), d = $.getInstance(), a = [], g = o.getSelfOrHeaderFooterModel(e).getBody(), u = o.getSelfOrHeaderFooterModel(i).getBody();
+  const c = new _t(), d = $.getInstance(), a = [], g = s.getSelfOrHeaderFooterModel(e).getBody(), u = s.getSelfOrHeaderFooterModel(r).getBody();
   if (g == null || u == null)
     return;
-  const l = (h = (f = g.customBlocks) == null ? void 0 : f.find((m) => m.blockId === r)) == null ? void 0 : h.startIndex;
+  const l = (h = (f = g.customBlocks) == null ? void 0 : f.find((m) => m.blockId === i)) == null ? void 0 : h.startIndex;
   if (l != null) {
-    if (n = Math.min(u.dataStream.length - 2, n), i === e) {
+    if (n = Math.min(u.dataStream.length - 2, n), r === e) {
       if (n < l ? (n > 0 && c.push({
         t: Y.RETAIN,
         len: n
@@ -487,7 +498,7 @@ function mn(i, e, t, n, r, o, s) {
           dataStream: "\b",
           customBlocks: [{
             startIndex: 0,
-            blockId: r
+            blockId: i
           }]
         },
         len: 1
@@ -512,12 +523,12 @@ function mn(i, e, t, n, r, o, s) {
           dataStream: "\b",
           customBlocks: [{
             startIndex: 0,
-            blockId: r
+            blockId: i
           }]
         },
         len: 1
       })), n !== l) {
-        const m = Xe(o, e), p = d.editOp(c.serialize(), m);
+        const m = Xe(s, e), p = d.editOp(c.serialize(), m);
         a.push(p);
       }
     } else {
@@ -528,7 +539,7 @@ function mn(i, e, t, n, r, o, s) {
         t: Y.DELETE,
         len: 1
       });
-      let m = Xe(o, e), p = d.editOp(c.serialize(), m);
+      let m = Xe(s, e), p = d.editOp(c.serialize(), m);
       a.push(p), c.empty(), n > 0 && c.push({
         t: Y.RETAIN,
         len: n
@@ -538,11 +549,11 @@ function mn(i, e, t, n, r, o, s) {
           dataStream: "\b",
           customBlocks: [{
             startIndex: 0,
-            blockId: r
+            blockId: i
           }]
         },
         len: 1
-      }), m = Xe(o, i), p = d.editOp(c.serialize(), m), a.push(p), s.setSegment(i), s.setSegmentPage(t);
+      }), m = Xe(s, r), p = d.editOp(c.serialize(), m), a.push(p), o.setSegment(r), o.setSegmentPage(t);
     }
     return a;
   }
@@ -551,22 +562,22 @@ const wn = {
   id: "doc.command.update-doc-drawing-wrapping-style",
   type: q.COMMAND,
   // eslint-disable-next-line max-lines-per-function, complexity
-  handler: (i, e) => {
+  handler: (r, e) => {
     var A, L;
     if (e == null)
       return !1;
-    const { drawings: t, wrappingStyle: n, unitId: r } = e, o = i.get(j), s = i.get(z), d = i.get(Q).getRenderById(r), a = d == null ? void 0 : d.with(te).getSkeleton().getSkeletonData(), g = d == null ? void 0 : d.with(te).getViewModel(), u = d == null ? void 0 : d.scene, l = s.getCurrentUniverDocInstance();
+    const { drawings: t, wrappingStyle: n, unitId: i } = e, s = r.get(j), o = r.get(z), d = r.get(Q).getRenderById(i), a = d == null ? void 0 : d.with(te).getSkeleton().getSkeletonData(), g = d == null ? void 0 : d.with(te).getViewModel(), u = d == null ? void 0 : d.scene, l = o.getCurrentUniverDocInstance();
     if (l == null || a == null || u == null || g == null)
       return !1;
     const f = g.getEditArea(), h = u.getTransformerByCreate(), { pages: m, skeHeaders: p, skeFooters: w } = a, D = $.getInstance(), S = [], { drawings: O = {} } = l.getSnapshot();
     for (const R of t) {
-      const { drawingId: v } = R, N = O[v].layoutType, G = Fr[n];
+      const { drawingId: v } = R, N = O[v].layoutType, G = Fi[n];
       if (N !== G) {
         const _ = D.replaceOp(["drawings", v, "layoutType"], N, G);
         S.push(_);
       }
       if (n === "behindText" || n === "inFrontOfText") {
-        const _ = O[v].behindDoc, E = n === "behindText" ? oe.TRUE : oe.FALSE;
+        const _ = O[v].behindDoc, E = n === "behindText" ? se.TRUE : se.FALSE;
         if (_ !== E) {
           const T = D.replaceOp(["drawings", v, "behindDoc"], _, E);
           S.push(T);
@@ -578,17 +589,17 @@ const wn = {
       for (const _ of m) {
         const { headerId: E, footerId: T, marginTop: U, marginLeft: B, marginBottom: b, pageWidth: P, pageHeight: V } = _;
         switch (f) {
-          case ke.HEADER: {
+          case Fe.HEADER: {
             const F = (A = p.get(E)) == null ? void 0 : A.get(P);
             F != null && F.skeDrawings.has(v) && (x = F.skeDrawings.get(v), H = F.marginTop, I = B);
             break;
           }
-          case ke.FOOTER: {
+          case Fe.FOOTER: {
             const F = (L = w.get(T)) == null ? void 0 : L.get(P);
             F != null && F.skeDrawings.has(v) && (x = F.skeDrawings.get(v), H = V - b + F.marginTop, I = B);
             break;
           }
-          case ke.BODY: {
+          case Fe.BODY: {
             _.skeDrawings.has(v) && (x = _.skeDrawings.get(v), H = U, I = B);
             break;
           }
@@ -624,28 +635,28 @@ const wn = {
     const C = {
       id: ee.id,
       params: {
-        unitId: r,
+        unitId: i,
         actions: [],
         textRanges: null
       }
     };
     C.params.actions = S.reduce((R, v) => $.compose(R, v), null);
-    const M = o.syncExecuteCommand(C.id, C.params);
-    return h.refreshControls(), !!M;
+    const y = s.syncExecuteCommand(C.id, C.params);
+    return h.refreshControls(), !!y;
   }
 }, vn = {
   id: "doc.command.update-doc-drawing-distance",
   type: q.COMMAND,
-  handler: (i, e) => {
+  handler: (r, e) => {
     if (e == null)
       return !1;
-    const t = i.get(j), r = i.get(z).getCurrentUniverDocInstance();
-    if (r == null)
+    const t = r.get(j), i = r.get(z).getCurrentUniverDocInstance();
+    if (i == null)
       return !1;
-    const { drawings: o, dist: s, unitId: c } = e, d = $.getInstance(), a = [], { drawings: g = {} } = r.getSnapshot();
-    for (const f of o) {
+    const { drawings: s, dist: o, unitId: c } = e, d = $.getInstance(), a = [], { drawings: g = {} } = i.getSnapshot();
+    for (const f of s) {
       const { drawingId: h } = f;
-      for (const [m, p] of Object.entries(s)) {
+      for (const [m, p] of Object.entries(o)) {
         const w = g[h][m];
         if (w !== p) {
           const D = d.replaceOp(["drawings", h, m], w, p);
@@ -666,17 +677,17 @@ const wn = {
 }, In = {
   id: "doc.command.update-doc-drawing-wrap-text",
   type: q.COMMAND,
-  handler: (i, e) => {
+  handler: (r, e) => {
     if (e == null)
       return !1;
-    const t = i.get(j), r = i.get(z).getCurrentUniverDocInstance();
-    if (r == null)
+    const t = r.get(j), i = r.get(z).getCurrentUniverDocInstance();
+    if (i == null)
       return !1;
-    const { drawings: o, wrapText: s, unitId: c } = e, d = $.getInstance(), a = [], { drawings: g = {} } = r.getSnapshot();
-    for (const f of o) {
+    const { drawings: s, wrapText: o, unitId: c } = e, d = $.getInstance(), a = [], { drawings: g = {} } = i.getSnapshot();
+    for (const f of s) {
       const { drawingId: h } = f, m = g[h].wrapText;
-      if (m !== s) {
-        const p = d.replaceOp(["drawings", h, "wrapText"], m, s);
+      if (m !== o) {
+        const p = d.replaceOp(["drawings", h, "wrapText"], m, o);
         a.push(p);
       }
     }
@@ -693,19 +704,19 @@ const wn = {
 }, qe = {
   id: "doc.command.update-drawing-doc-transform",
   type: q.COMMAND,
-  handler: (i, e) => {
+  handler: (r, e) => {
     if (e == null)
       return !1;
-    const t = i.get(j), n = i.get(z), o = i.get(Q).getRenderById(e.unitId), s = o == null ? void 0 : o.scene;
-    if (s == null)
+    const t = r.get(j), n = r.get(z), s = r.get(Q).getRenderById(e.unitId), o = s == null ? void 0 : s.scene;
+    if (o == null)
       return !1;
-    const c = s.getTransformerByCreate(), d = n.getCurrentUniverDocInstance();
+    const c = o.getTransformerByCreate(), d = n.getCurrentUniverDocInstance();
     if (d == null)
       return !1;
     const { drawings: a, unitId: g } = e, u = $.getInstance(), l = [], { drawings: f = {} } = d.getSnapshot();
     for (const p of a) {
       const { drawingId: w, key: D, value: S } = p, O = f[w].docTransform[D];
-      if (!Pe.diffValue(O, S)) {
+      if (!Ae.diffValue(O, S)) {
         const C = u.replaceOp(["drawings", w, "docTransform", D], O, S);
         l.push(C);
       }
@@ -726,19 +737,19 @@ const wn = {
 }, _n = {
   id: "doc.command.move-inline-drawing",
   type: q.COMMAND,
-  handler: (i, e) => {
+  handler: (r, e) => {
     var L, R;
     if (e == null)
       return !1;
-    const t = i.get(Q), n = (L = t.getRenderById(e.unitId)) == null ? void 0 : L.with(Me), r = i.get(ut), o = t.getRenderById(e.unitId), s = o == null ? void 0 : o.scene, c = o == null ? void 0 : o.with(te).getSkeleton();
-    if (s == null || n == null)
+    const t = r.get(Q), n = (L = t.getRenderById(e.unitId)) == null ? void 0 : L.with(Me), i = r.get(ut), s = t.getRenderById(e.unitId), o = s == null ? void 0 : s.scene, c = s == null ? void 0 : s.with(te).getSkeleton();
+    if (o == null || n == null)
       return !1;
-    const d = s.getTransformerByCreate(), a = i.get(j), u = i.get(z).getCurrentUniverDocInstance();
+    const d = o.getTransformerByCreate(), a = r.get(j), u = r.get(z).getCurrentUniverDocInstance();
     if (u == null)
       return !1;
     const { drawing: l, unitId: f, offset: h, segmentId: m, segmentPage: p, needRefreshDrawings: w } = e;
     if (w)
-      return r.refreshDrawings(c), d.refreshControls(), !0;
+      return i.refreshDrawings(c), d.refreshControls(), !0;
     const D = [], { drawingId: S } = l, O = (R = n.getSegment()) != null ? R : "", C = mn(
       m,
       O,
@@ -749,9 +760,9 @@ const wn = {
       n
     );
     if (C == null || C.length === 0)
-      return r.refreshDrawings(c), d.refreshControls(), !1;
+      return i.refreshDrawings(c), d.refreshControls(), !1;
     D.push(...C);
-    const M = {
+    const y = {
       id: ee.id,
       params: {
         unitId: f,
@@ -759,22 +770,22 @@ const wn = {
         textRanges: null
       }
     };
-    M.params.actions = D.reduce((v, N) => $.compose(v, N), null);
-    const A = a.syncExecuteCommand(M.id, M.params);
+    y.params.actions = D.reduce((v, N) => $.compose(v, N), null);
+    const A = a.syncExecuteCommand(y.id, y.params);
     return d.refreshControls(), !!A;
   }
 }, Sn = {
   id: "doc.command.transform-non-inline-drawing",
   type: q.COMMAND,
   // eslint-disable-next-line max-lines-per-function
-  handler: (i, e) => {
+  handler: (r, e) => {
     var x, H;
     if (e == null)
       return !1;
-    const t = i.get(Q), n = (x = t.getRenderById(e.unitId)) == null ? void 0 : x.with(Me), r = t.getRenderById(e.unitId), o = r == null ? void 0 : r.scene;
-    if (o == null || n == null)
+    const t = r.get(Q), n = (x = t.getRenderById(e.unitId)) == null ? void 0 : x.with(Me), i = t.getRenderById(e.unitId), s = i == null ? void 0 : i.scene;
+    if (s == null || n == null)
       return !1;
-    const s = o.getTransformerByCreate(), c = i.get(j), a = i.get(z).getCurrentUniverDocInstance();
+    const o = s.getTransformerByCreate(), c = r.get(j), a = r.get(z).getCurrentUniverDocInstance();
     if (a == null)
       return !1;
     const { drawing: g, unitId: u, offset: l, docTransform: f, segmentId: h, segmentPage: m } = e, p = [], { drawingId: w } = g, D = (H = n.getSegment()) != null ? H : "", S = mn(
@@ -789,20 +800,20 @@ const wn = {
     if (S == null)
       return !1;
     S.length > 0 && p.push(...S);
-    const O = $.getInstance(), { drawings: C = {} } = a.getSnapshot(), M = C[w].docTransform, { positionH: A, positionV: L, size: R, angle: v } = M;
-    if (!Pe.diffValue(A, f.positionH)) {
+    const O = $.getInstance(), { drawings: C = {} } = a.getSnapshot(), y = C[w].docTransform, { positionH: A, positionV: L, size: R, angle: v } = y;
+    if (!Ae.diffValue(A, f.positionH)) {
       const I = O.replaceOp(["drawings", w, "docTransform", "positionH"], A, f.positionH);
       p.push(I);
     }
-    if (!Pe.diffValue(L, f.positionV)) {
+    if (!Ae.diffValue(L, f.positionV)) {
       const I = O.replaceOp(["drawings", w, "docTransform", "positionV"], L, f.positionV);
       p.push(I);
     }
-    if (!Pe.diffValue(R, f.size)) {
+    if (!Ae.diffValue(R, f.size)) {
       const I = O.replaceOp(["drawings", w, "docTransform", "size"], R, f.size);
       p.push(I);
     }
-    if (!Pe.diffValue(v, f.angle)) {
+    if (!Ae.diffValue(v, f.angle)) {
       const I = O.replaceOp(["drawings", w, "docTransform", "angle"], v, f.angle);
       p.push(I);
     }
@@ -817,28 +828,28 @@ const wn = {
     };
     N.params.actions = p.reduce((I, _) => $.compose(I, _), null);
     const G = c.syncExecuteCommand(N.id, N.params);
-    return s.refreshControls(), !!G;
+    return o.refreshControls(), !!G;
   }
 }, Ke = {
   id: "doc.command.move-drawing",
   type: q.COMMAND,
-  handler: (i, e) => {
-    const t = i.get(j), n = i.get(Ue), r = i.get(z), o = i.get(Q), { direction: s } = e, c = n.getFocusDrawings();
+  handler: (r, e) => {
+    const t = r.get(j), n = r.get(Ne), i = r.get(z), s = r.get(Q), { direction: o } = e, c = n.getFocusDrawings();
     if (c.length === 0)
       return !1;
-    const d = c[0].unitId, a = o.getRenderById(d), g = a == null ? void 0 : a.scene;
+    const d = c[0].unitId, a = s.getRenderById(d), g = a == null ? void 0 : a.scene;
     if (g == null)
       return !1;
-    const u = g.getTransformerByCreate(), l = r.getUniverDocInstance(d), f = c.map((m) => {
-      var M, A, L, R, v;
-      const { drawingId: p } = m, w = (M = l == null ? void 0 : l.getSnapshot().drawings) == null ? void 0 : M[p];
+    const u = g.getTransformerByCreate(), l = i.getUniverDocInstance(d), f = c.map((m) => {
+      var y, A, L, R, v;
+      const { drawingId: p } = m, w = (y = l == null ? void 0 : l.getSnapshot().drawings) == null ? void 0 : y[p];
       if (w == null || w.layoutType === k.INLINE)
         return null;
       const { positionH: D, positionV: S } = w.docTransform, O = { ...D }, C = { ...S };
-      return s === he.UP ? C.posOffset = ((A = C.posOffset) != null ? A : 0) - 2 : s === he.DOWN ? C.posOffset = ((L = C.posOffset) != null ? L : 0) + 2 : s === he.LEFT ? O.posOffset = ((R = O.posOffset) != null ? R : 0) - 2 : s === he.RIGHT && (O.posOffset = ((v = O.posOffset) != null ? v : 0) + 2), {
+      return o === he.UP ? C.posOffset = ((A = C.posOffset) != null ? A : 0) - 2 : o === he.DOWN ? C.posOffset = ((L = C.posOffset) != null ? L : 0) + 2 : o === he.LEFT ? O.posOffset = ((R = O.posOffset) != null ? R : 0) - 2 : o === he.RIGHT && (O.posOffset = ((v = O.posOffset) != null ? v : 0) + 2), {
         drawingId: p,
-        key: s === he.UP || s === he.DOWN ? "positionV" : "positionH",
-        value: s === he.UP || s === he.DOWN ? C : O
+        key: o === he.UP || o === he.DOWN ? "positionV" : "positionH",
+        value: o === he.UP || o === he.DOWN ? C : O
       };
     }).filter((m) => m != null);
     if (f.length === 0)
@@ -850,28 +861,28 @@ const wn = {
     });
     return u.refreshControls(), !!h;
   }
-}, kr = {
+}, ki = {
   id: "doc.operation.clear-drawing-transformer",
   type: q.MUTATION,
-  handler: (i, e) => {
-    const t = i.get(Q);
+  handler: (r, e) => {
+    const t = r.get(Q);
     return e.forEach((n) => {
-      var r, o;
-      (o = (r = t.getRenderById(n)) == null ? void 0 : r.scene.getTransformer()) == null || o.debounceRefreshControls();
+      var i, s;
+      (s = (i = t.getRenderById(n)) == null ? void 0 : i.scene.getTransformer()) == null || s.debounceRefreshControls();
     }), !0;
   }
 }, Dn = "COMPONENT_DOC_DRAWING_PANEL", On = {
   id: "sidebar.operation.doc-image",
   type: q.COMMAND,
-  handler: async (i, e) => {
-    const t = i.get(vr), n = i.get(lt), r = i.get(fe);
+  handler: async (r, e) => {
+    const t = r.get(vi), n = r.get(lt), i = r.get(fe);
     switch (e.value) {
       case "open":
         t.open({
           header: { title: n.t("docImage.panel.title") },
           children: { label: Dn },
           onClose: () => {
-            r.focusDrawing(null);
+            i.focusDrawing(null);
           },
           width: 360
         });
@@ -886,23 +897,23 @@ const wn = {
 }, Tn = {
   id: "doc.operation.edit-doc-image",
   type: q.OPERATION,
-  handler: (i, e) => {
-    const t = i.get(fe), n = i.get(j);
+  handler: (r, e) => {
+    const t = r.get(fe), n = r.get(j);
     return e == null ? !1 : (t.focusDrawing([e]), n.executeCommand(On.id, { value: "open" }), !0);
   }
 };
-var Wr = Object.getOwnPropertyDescriptor, Gr = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? Wr(e, t) : e, o = i.length - 1, s; o >= 0; o--)
-    (s = i[o]) && (r = s(r) || r);
-  return r;
-}, Be = (i, e) => (t, n) => e(t, n, i);
-function yn(i, e, t = 1, n = 0) {
-  const { top: r, left: o, bottom: s, right: c } = i, d = c - o, a = s - r, g = e.getViewport(tn.VIEW_MAIN), { viewportScrollX: u, viewportScrollY: l } = g, { scaleX: f, scaleY: h } = e.getAncestorScale();
+var Wi = Object.getOwnPropertyDescriptor, Gi = (r, e, t, n) => {
+  for (var i = n > 1 ? void 0 : n ? Wi(e, t) : e, s = r.length - 1, o; s >= 0; s--)
+    (o = r[s]) && (i = o(i) || i);
+  return i;
+}, Le = (r, e) => (t, n) => e(t, n, r);
+function Mn(r, e, t = 1, n = 0) {
+  const { top: i, left: s, bottom: o, right: c } = r, d = c - s, a = o - i, g = e.getViewport(tn.VIEW_MAIN), { viewportScrollX: u, viewportScrollY: l } = g, { scaleX: f, scaleY: h } = e.getAncestorScale();
   return {
-    startX: (o - u) * f,
-    startY: (r - l) * h,
-    endX: (o + d - u) * f,
-    endY: (r + a - l) * h,
+    startX: (s - u) * f,
+    startY: (i - l) * h,
+    endX: (s + d - u) * f,
+    endY: (i + a - l) * h,
     width: d * f,
     height: a * h,
     rotate: n,
@@ -913,15 +924,15 @@ function yn(i, e, t = 1, n = 0) {
     opacity: t != null ? t : 1
   };
 }
-function wt(i, e) {
-  const { top: t, left: n, width: r, height: o, angle: s, opacity: c } = i;
-  return yn({ top: t, left: n, bottom: t + o, right: n + r }, e.scene, c, s);
+function wt(r, e) {
+  const { top: t, left: n, width: i, height: s, angle: o, opacity: c } = r;
+  return Mn({ top: t, left: n, bottom: t + s, right: n + i }, e.scene, c, o);
 }
-let it = class extends Ne {
-  constructor(e, t, n, r, o, s) {
+let rt = class extends xe {
+  constructor(e, t, n, i, s, o) {
     super();
-    ve(this, "_domLayerInfoMap", /* @__PURE__ */ new Map());
-    this._renderManagerService = e, this._drawingManagerService = t, this._drawingRenderService = n, this._canvasFloatDomService = r, this._univerInstanceService = o, this._commandService = s, this._initialize();
+    me(this, "_domLayerInfoMap", /* @__PURE__ */ new Map());
+    this._renderManagerService = e, this._drawingManagerService = t, this._drawingRenderService = n, this._canvasFloatDomService = i, this._univerInstanceService = s, this._commandService = o, this._initialize();
   }
   dispose() {
     super.dispose();
@@ -935,8 +946,8 @@ let it = class extends Ne {
     const t = this._renderManagerService.getRenderById(e);
     if (t == null)
       return null;
-    const n = t.scene, r = n.getTransformerByCreate();
-    return { scene: n, transformer: r, renderUnit: t, canvas: t.engine.getCanvasElement() };
+    const n = t.scene, i = n.getTransformerByCreate();
+    return { scene: n, transformer: i, renderUnit: t, canvas: t.engine.getCanvasElement() };
   }
   _drawingAddRemoveListener() {
     this.disposeWithMe(
@@ -954,19 +965,19 @@ let it = class extends Ne {
   _insertRects(e) {
     e.forEach(async (t) => {
       const { unitId: n } = t;
-      if (!this._univerInstanceService.getUnit(n, we.UNIVER_DOC))
+      if (!this._univerInstanceService.getUnit(n, ve.UNIVER_DOC))
         return;
-      const o = this._getSceneAndTransformerByDrawingSearch(n);
-      if (o == null)
-        return;
-      const s = this._drawingManagerService.getDrawingByParam(t);
+      const s = this._getSceneAndTransformerByDrawingSearch(n);
       if (s == null)
         return;
-      const c = await this._drawingRenderService.renderFloatDom(s, o.scene);
+      const o = this._drawingManagerService.getDrawingByParam(t);
+      if (o == null)
+        return;
+      const c = await this._drawingRenderService.renderFloatDom(o, s.scene);
       if (!(c == null || c.length === 0))
         for (const d of c) {
           this._addHoverForRect(d);
-          const a = new Ln(), g = wt(d, o.renderUnit), u = new Ot(g), l = o.canvas, f = s.data, h = {
+          const a = new Ln(), g = wt(d, s.renderUnit), u = new Ot(g), l = s.canvas, f = o.data, h = {
             dispose: a,
             rect: d,
             position$: u,
@@ -974,8 +985,8 @@ let it = class extends Ne {
           };
           this._canvasFloatDomService.addFloatDom({
             position$: u,
-            id: s.drawingId,
-            componentKey: s.componentKey,
+            id: o.drawingId,
+            componentKey: o.componentKey,
             onPointerDown: (p) => {
               l.dispatchEvent(new PointerEvent(p.type, p));
             },
@@ -992,26 +1003,26 @@ let it = class extends Ne {
             unitId: n
           });
           const m = d.onTransformChange$.subscribeEvent(() => {
-            const p = wt(d, o.renderUnit);
+            const p = wt(d, s.renderUnit);
             u.next(
               p
             );
           });
           a.add(() => {
-            this._canvasFloatDomService.removeFloatDom(s.drawingId);
-          }), m && a.add(m), this._domLayerInfoMap.set(s.drawingId, h);
+            this._canvasFloatDomService.removeFloatDom(o.drawingId);
+          }), m && a.add(m), this._domLayerInfoMap.set(o.drawingId, h);
         }
     });
   }
   _addHoverForRect(e) {
     this.disposeWithMe(
-      Se(
+      ze(
         e.onPointerEnter$.subscribeEvent(() => {
           e.cursor = xt.GRAB;
         })
       )
     ), this.disposeWithMe(
-      Se(
+      ze(
         e.onPointerLeave$.subscribeEvent(() => {
           e.cursor = xt.DEFAULT;
         })
@@ -1024,27 +1035,27 @@ let it = class extends Ne {
       return;
     const { unitId: n } = t;
     this._domLayerInfoMap.delete(e), t.dispose.dispose();
-    const r = this._getSceneAndTransformerByDrawingSearch(n);
-    r && r.scene.removeObject(t.rect);
+    const i = this._getSceneAndTransformerByDrawingSearch(n);
+    i && i.scene.removeObject(t.rect);
   }
   _initScrollAndZoomEvent() {
     const e = (t) => {
       const n = this._getSceneAndTransformerByDrawingSearch(t);
-      n && this._domLayerInfoMap.forEach((r) => {
-        if (r.unitId !== t) return;
-        const o = wt(r.rect, n.renderUnit);
-        r.position$.next(o);
+      n && this._domLayerInfoMap.forEach((i) => {
+        if (i.unitId !== t) return;
+        const s = wt(i.rect, n.renderUnit);
+        i.position$.next(s);
       });
     };
     this.disposeWithMe(
-      this._univerInstanceService.getCurrentTypeOfUnit$(we.UNIVER_DOC).pipe(
+      this._univerInstanceService.getCurrentTypeOfUnit$(ve.UNIVER_DOC).pipe(
         Ht((t) => {
           if (!t) return null;
-          const n = t.getUnitId(), r = this._renderManagerService.getRenderById(n);
-          return r ? { render: r, unitId: n } : null;
+          const n = t.getUnitId(), i = this._renderManagerService.getRenderById(n);
+          return i ? { render: i, unitId: n } : null;
         }),
-        Mr(
-          (t) => t ? Zt(t.render.scene.getViewport(tn.VIEW_MAIN).onScrollAfter$).pipe(Ht(() => ({ unitId: t.unitId }))) : br(null)
+        yi(
+          (t) => t ? Zt(t.render.scene.getViewport(tn.VIEW_MAIN).onScrollAfter$).pipe(Ht(() => ({ unitId: t.unitId }))) : bi(null)
         )
       ).subscribe((t) => {
         if (!t) return;
@@ -1053,18 +1064,18 @@ let it = class extends Ne {
       })
     ), this.disposeWithMe(this._commandService.onCommandExecuted((t) => {
       if (t.id === nn.id) {
-        const n = t.params, { unitId: r } = n;
-        e(r);
+        const n = t.params, { unitId: i } = n;
+        e(i);
       }
     }));
   }
   insertFloatDom(e, t) {
     var m, p, w;
-    const n = this._univerInstanceService.getCurrentUnitOfType(we.UNIVER_DOC);
+    const n = this._univerInstanceService.getCurrentUnitOfType(ve.UNIVER_DOC);
     if (!n) return !1;
-    const r = this._getSceneAndTransformerByDrawingSearch(n.getUnitId());
-    if (!r) return !1;
-    const c = (m = r.renderUnit.with(te).getSkeleton().getSkeletonData()) == null ? void 0 : m.pages[0];
+    const i = this._getSceneAndTransformerByDrawingSearch(n.getUnitId());
+    if (!i) return !1;
+    const c = (m = i.renderUnit.with(te).getSkeleton().getSkeletonData()) == null ? void 0 : m.pages[0];
     if (!c) return !1;
     const { pageWidth: d, marginLeft: a, marginRight: g } = c, u = d - a - g, l = {
       size: {
@@ -1085,7 +1096,7 @@ let it = class extends Ne {
       drawings: [
         {
           drawingId: f,
-          drawingType: xe.DRAWING_DOM,
+          drawingType: Pe.DRAWING_DOM,
           subUnitId: n.getUnitId(),
           unitId: n.getUnitId(),
           ...e,
@@ -1097,22 +1108,22 @@ let it = class extends Ne {
         }
       ]
     };
-    return this._commandService.syncExecuteCommand(Mt.id, h), f;
+    return this._commandService.syncExecuteCommand(yt.id, h), f;
   }
 };
-it = Gr([
-  Be(0, Q),
-  Be(1, fe),
-  Be(2, Z(gn)),
-  Be(3, Z(Ir)),
-  Be(4, z),
-  Be(5, j)
-], it);
-const Hr = "docs-drawing-ui.config", $t = {}, zt = -1e3, Xt = 1e3, jr = (i) => {
-  const e = me(j), t = me(lt), n = me(fe), r = me(Q), o = me(z), { drawings: s } = i, c = s[0];
+rt = Gi([
+  Le(0, Q),
+  Le(1, fe),
+  Le(2, Z(gn)),
+  Le(3, Z(Ii)),
+  Le(4, z),
+  Le(5, j)
+], rt);
+const Hi = "docs-drawing-ui.config", $t = {}, zt = -1e3, Xt = 1e3, ji = (r) => {
+  const e = we(j), t = we(lt), n = we(fe), i = we(Q), s = we(z), { drawings: o } = r, c = o[0];
   if (c == null)
     return;
-  const { unitId: d } = c, a = o.getUniverDocInstance(d), g = a == null ? void 0 : a.getSnapshot().documentStyle.documentFlavor, u = r.getRenderById(d), l = u == null ? void 0 : u.scene;
+  const { unitId: d } = c, a = s.getUniverDocInstance(d), g = a == null ? void 0 : a.getSnapshot().documentStyle.documentFlavor, u = i.getRenderById(d), l = u == null ? void 0 : u.scene;
   if (l == null)
     return;
   const f = l.getTransformerByCreate(), h = [{
@@ -1139,13 +1150,13 @@ const Hr = "docs-drawing-ui.config", $t = {}, zt = -1e3, Xt = 1e3, jr = (i) => {
   }, {
     label: t.t("image-position.paragraph"),
     value: String(W.PARAGRAPH)
-  }], [p, w] = ie(!0), [D, S] = ie({
+  }], [p, w] = re(!0), [D, S] = re({
     relativeFrom: J.PAGE,
     posOffset: 0
-  }), [O, C] = ie({
+  }), [O, C] = re({
     relativeFrom: W.PAGE,
     posOffset: 0
-  }), [M, A] = ie(!0), [L, R] = ie(!0);
+  }), [y, A] = re(!0), [L, R] = re(!0);
   function v(_, E) {
     var b;
     _ === "positionH" ? S(E) : C(E);
@@ -1166,11 +1177,11 @@ const Hr = "docs-drawing-ui.config", $t = {}, zt = -1e3, Xt = 1e3, jr = (i) => {
         value: E
       }))
     });
-    const B = (b = r.getRenderById(d)) == null ? void 0 : b.with(Me);
+    const B = (b = i.getRenderById(d)) == null ? void 0 : b.with(Me);
     B && B.blur(), f.refreshControls();
   }
   function N(_) {
-    var re, Ie, _e;
+    var ie, Ie, _e;
     const E = D.relativeFrom, T = D.posOffset, U = Number(_);
     if (E === U)
       return;
@@ -1179,24 +1190,24 @@ const Hr = "docs-drawing-ui.config", $t = {}, zt = -1e3, Xt = 1e3, jr = (i) => {
       return;
     const b = B[0].drawingId, P = B[0].unitId;
     let V = null, F = 0;
-    const K = (re = r.getRenderById(P)) == null ? void 0 : re.with(te).getSkeleton(), se = K == null ? void 0 : K.getSkeletonData();
-    if (se == null)
+    const K = (ie = i.getRenderById(P)) == null ? void 0 : ie.with(te).getSkeleton(), oe = K == null ? void 0 : K.getSkeletonData();
+    if (oe == null)
       return;
-    const { pages: Le, skeHeaders: be, skeFooters: Ge } = se;
-    for (const ce of Le) {
-      const { marginLeft: De, skeDrawings: Oe, headerId: Ce, footerId: Ee, pageWidth: Te } = ce;
-      if (Oe.has(b)) {
-        V = Oe.get(b), F = De;
+    const { pages: Ue, skeHeaders: ye, skeFooters: We } = oe;
+    for (const ce of Ue) {
+      const { marginLeft: Se, skeDrawings: De, headerId: be, footerId: Ce, pageWidth: Oe } = ce;
+      if (De.has(b)) {
+        V = De.get(b), F = Se;
         break;
       }
-      const de = (Ie = be.get(Ce)) == null ? void 0 : Ie.get(Te);
+      const de = (Ie = ye.get(be)) == null ? void 0 : Ie.get(Oe);
       if (de != null && de.skeDrawings.has(b)) {
-        V = de == null ? void 0 : de.skeDrawings.get(b), F = De;
+        V = de == null ? void 0 : de.skeDrawings.get(b), F = Se;
         break;
       }
-      const ge = (_e = Ge.get(Ee)) == null ? void 0 : _e.get(Te);
+      const ge = (_e = We.get(Ce)) == null ? void 0 : _e.get(Oe);
       if (ge != null && ge.skeDrawings.has(b)) {
-        V = ge == null ? void 0 : ge.skeDrawings.get(b), F = De;
+        V = ge == null ? void 0 : ge.skeDrawings.get(b), F = Se;
         break;
       }
     }
@@ -1211,26 +1222,26 @@ const Hr = "docs-drawing-ui.config", $t = {}, zt = -1e3, Xt = 1e3, jr = (i) => {
     v("positionH", ne);
   }
   function G(_) {
-    var Oe, Ce, Ee, Te, de, ge;
+    var De, be, Ce, Oe, de, ge;
     const E = O.relativeFrom, T = O.posOffset, U = Number(_);
     if (E === U)
       return;
     const B = n.getFocusDrawings();
     if (B.length === 0)
       return;
-    const { drawingId: b, unitId: P } = B[0], V = o.getUniverDocInstance(P), F = (Oe = r.getRenderById(P)) == null ? void 0 : Oe.with(te).getSkeleton(), K = (Ce = r.getRenderById(P)) == null ? void 0 : Ce.with(Me), se = K == null ? void 0 : K.getSegment(), Le = K == null ? void 0 : K.getSegmentPage(), be = (Te = (Ee = V == null ? void 0 : V.getSelfOrHeaderFooterModel(se).getBody()) == null ? void 0 : Ee.customBlocks) == null ? void 0 : Te.find((Re) => Re.blockId === b);
-    if (be == null || F == null || K == null)
+    const { drawingId: b, unitId: P } = B[0], V = s.getUniverDocInstance(P), F = (De = i.getRenderById(P)) == null ? void 0 : De.with(te).getSkeleton(), K = (be = i.getRenderById(P)) == null ? void 0 : be.with(Me), oe = K == null ? void 0 : K.getSegment(), Ue = K == null ? void 0 : K.getSegmentPage(), ye = (Oe = (Ce = V == null ? void 0 : V.getSelfOrHeaderFooterModel(oe).getBody()) == null ? void 0 : Ce.customBlocks) == null ? void 0 : Oe.find((Ee) => Ee.blockId === b);
+    if (ye == null || F == null || K == null)
       return;
-    const { startIndex: Ge } = be, ae = F.findNodeByCharIndex(Ge, se, Le), ne = (de = ae == null ? void 0 : ae.parent) == null ? void 0 : de.parent, re = ne == null ? void 0 : ne.parent, Ie = re == null ? void 0 : re.lines.find((Re) => Re.paragraphIndex === (ne == null ? void 0 : ne.paragraphIndex) && Re.paragraphStart), _e = (ge = re == null ? void 0 : re.parent) == null ? void 0 : ge.parent;
-    if (ae == null || ne == null || Ie == null || re == null || _e == null)
+    const { startIndex: We } = ye, ae = F.findNodeByCharIndex(We, oe, Ue), ne = (de = ae == null ? void 0 : ae.parent) == null ? void 0 : de.parent, ie = ne == null ? void 0 : ne.parent, Ie = ie == null ? void 0 : ie.lines.find((Ee) => Ee.paragraphIndex === (ne == null ? void 0 : ne.paragraphIndex) && Ee.paragraphStart), _e = (ge = ie == null ? void 0 : ie.parent) == null ? void 0 : ge.parent;
+    if (ae == null || ne == null || Ie == null || ie == null || _e == null)
       return;
     let ce = 0;
     E === W.PARAGRAPH ? ce -= Ie.top : E === W.LINE ? ce -= ne.top : E === W.PAGE && (ce += _e.marginTop), U === W.PARAGRAPH ? ce += Ie.top : U === W.LINE ? ce += ne.top : U === W.PAGE && (ce -= _e.marginTop);
-    const De = {
+    const Se = {
       relativeFrom: U,
       posOffset: (T != null ? T : 0) - ce
     };
-    v("positionV", De);
+    v("positionV", Se);
   }
   function x(_) {
     var P;
@@ -1267,22 +1278,22 @@ const Hr = "docs-drawing-ui.config", $t = {}, zt = -1e3, Xt = 1e3, jr = (i) => {
   }, []), /* @__PURE__ */ X(
     "div",
     {
-      className: on("univer-grid univer-gap-2 univer-py-2 univer-text-gray-400", {
+      className: sn("univer-grid univer-gap-2 univer-py-2 univer-text-gray-400", {
         "univer-hidden": !L
       }),
       children: [
-        /* @__PURE__ */ y(
+        /* @__PURE__ */ M(
           "header",
           {
             className: "univer-text-gray-600 dark:!univer-text-gray-200",
-            children: /* @__PURE__ */ y("div", { children: t.t("image-position.title") })
+            children: /* @__PURE__ */ M("div", { children: t.t("image-position.title") })
           }
         ),
-        /* @__PURE__ */ y(
+        /* @__PURE__ */ M(
           "div",
           {
             className: "univer-text-gray-600 dark:!univer-text-gray-200",
-            children: /* @__PURE__ */ y("div", { children: t.t("image-position.horizontal") })
+            children: /* @__PURE__ */ M("div", { children: t.t("image-position.horizontal") })
           }
         ),
         /* @__PURE__ */ X(
@@ -1291,9 +1302,9 @@ const Hr = "docs-drawing-ui.config", $t = {}, zt = -1e3, Xt = 1e3, jr = (i) => {
             className: "univer-grid univer-grid-cols-2 univer-gap-2 [&>div]:univer-grid [&>div]:univer-gap-2",
             children: [
               /* @__PURE__ */ X("div", { children: [
-                /* @__PURE__ */ y("span", { children: t.t("image-position.absolutePosition") }),
-                /* @__PURE__ */ y(
-                  Fe,
+                /* @__PURE__ */ M("span", { children: t.t("image-position.absolutePosition") }),
+                /* @__PURE__ */ M(
+                  Be,
                   {
                     min: zt,
                     max: Xt,
@@ -1310,8 +1321,8 @@ const Hr = "docs-drawing-ui.config", $t = {}, zt = -1e3, Xt = 1e3, jr = (i) => {
                 )
               ] }),
               /* @__PURE__ */ X("div", { children: [
-                /* @__PURE__ */ y("span", { children: t.t("image-position.toTheRightOf") }),
-                /* @__PURE__ */ y(
+                /* @__PURE__ */ M("span", { children: t.t("image-position.toTheRightOf") }),
+                /* @__PURE__ */ M(
                   Bt,
                   {
                     value: String(D.relativeFrom),
@@ -1324,11 +1335,11 @@ const Hr = "docs-drawing-ui.config", $t = {}, zt = -1e3, Xt = 1e3, jr = (i) => {
             ]
           }
         ),
-        /* @__PURE__ */ y(
+        /* @__PURE__ */ M(
           "div",
           {
             className: "univer-text-gray-600 dark:!univer-text-gray-200",
-            children: /* @__PURE__ */ y("div", { children: t.t("image-position.vertical") })
+            children: /* @__PURE__ */ M("div", { children: t.t("image-position.vertical") })
           }
         ),
         /* @__PURE__ */ X(
@@ -1337,9 +1348,9 @@ const Hr = "docs-drawing-ui.config", $t = {}, zt = -1e3, Xt = 1e3, jr = (i) => {
             className: "univer-grid univer-grid-cols-2 univer-gap-2 [&>div]:univer-grid [&>div]:univer-gap-2",
             children: [
               /* @__PURE__ */ X("div", { children: [
-                /* @__PURE__ */ y("span", { children: t.t("image-position.absolutePosition") }),
-                /* @__PURE__ */ y(
-                  Fe,
+                /* @__PURE__ */ M("span", { children: t.t("image-position.absolutePosition") }),
+                /* @__PURE__ */ M(
+                  Be,
                   {
                     min: zt,
                     max: Xt,
@@ -1356,8 +1367,8 @@ const Hr = "docs-drawing-ui.config", $t = {}, zt = -1e3, Xt = 1e3, jr = (i) => {
                 )
               ] }),
               /* @__PURE__ */ X("div", { children: [
-                /* @__PURE__ */ y("span", { children: t.t("image-position.bellow") }),
-                /* @__PURE__ */ y(
+                /* @__PURE__ */ M("span", { children: t.t("image-position.bellow") }),
+                /* @__PURE__ */ M(
                   Bt,
                   {
                     disabled: p,
@@ -1370,18 +1381,18 @@ const Hr = "docs-drawing-ui.config", $t = {}, zt = -1e3, Xt = 1e3, jr = (i) => {
             ]
           }
         ),
-        /* @__PURE__ */ y(
+        /* @__PURE__ */ M(
           "div",
           {
             className: "univer-text-gray-600 dark:!univer-text-gray-200",
-            children: /* @__PURE__ */ y("div", { children: t.t("image-position.options") })
+            children: /* @__PURE__ */ M("div", { children: t.t("image-position.options") })
           }
         ),
-        /* @__PURE__ */ y("div", { children: /* @__PURE__ */ y(
-          ar,
+        /* @__PURE__ */ M("div", { children: /* @__PURE__ */ M(
+          ai,
           {
             disabled: p,
-            checked: M,
+            checked: y,
             onChange: I,
             children: t.t("image-position.moveObjectWithText")
           }
@@ -1389,19 +1400,19 @@ const Hr = "docs-drawing-ui.config", $t = {}, zt = -1e3, Xt = 1e3, jr = (i) => {
       ]
     }
   );
-}, Qe = 0, Je = 100, Vr = (i) => {
-  const e = me(j), t = me(lt), n = me(fe), r = me(Q), o = me(z), { drawings: s } = i, c = s[0];
+}, Qe = 0, Je = 100, Vi = (r) => {
+  const e = we(j), t = we(lt), n = we(fe), i = we(Q), s = we(z), { drawings: o } = r, c = o[0];
   if (c == null)
     return null;
-  const { unitId: d } = c, a = o.getUniverDocInstance(d), g = r.getRenderById(d);
+  const { unitId: d } = c, a = s.getUniverDocInstance(d), g = i.getRenderById(d);
   if ((g == null ? void 0 : g.scene) == null)
     return null;
-  const [l, f] = ie(!0), [h, m] = ie(!0), [p, w] = ie(!0), [D, S] = ie(ue.INLINE), [O, C] = ie(""), [M, A] = ie({
+  const [l, f] = re(!0), [h, m] = re(!0), [p, w] = re(!0), [D, S] = re(ue.INLINE), [O, C] = re(""), [y, A] = re({
     distT: 0,
     distL: 0,
     distB: 0,
     distR: 0
-  }), [L, R] = ie(!0);
+  }), [L, R] = re(!0);
   function v(I) {
     S(I);
     const _ = n.getFocusDrawings();
@@ -1439,7 +1450,7 @@ const Hr = "docs-drawing-ui.config", $t = {}, zt = -1e3, Xt = 1e3, jr = (i) => {
   function G(I, _) {
     if (I == null)
       return;
-    const E = { ...M, [_]: I };
+    const E = { ...y, [_]: I };
     A(E);
     const T = n.getFocusDrawings();
     if (T.length === 0)
@@ -1463,8 +1474,8 @@ const Hr = "docs-drawing-ui.config", $t = {}, zt = -1e3, Xt = 1e3, jr = (i) => {
     I.length !== 0 && H(I[0]);
   }
   function H(I) {
-    var K, se;
-    const _ = (se = (K = a == null ? void 0 : a.getSnapshot()) == null ? void 0 : K.drawings) == null ? void 0 : se[I.drawingId];
+    var K, oe;
+    const _ = (oe = (K = a == null ? void 0 : a.getSnapshot()) == null ? void 0 : K.drawings) == null ? void 0 : oe[I.drawingId];
     if (_ == null)
       return;
     const {
@@ -1473,8 +1484,8 @@ const Hr = "docs-drawing-ui.config", $t = {}, zt = -1e3, Xt = 1e3, jr = (i) => {
       distB: U = 0,
       distR: B = 0,
       layoutType: b = k.INLINE,
-      behindDoc: P = oe.FALSE,
-      wrapText: V = ze.BOTH_SIDES
+      behindDoc: P = se.FALSE,
+      wrapText: V = $e.BOTH_SIDES
     } = _;
     if (A({
       distT: E,
@@ -1482,7 +1493,7 @@ const Hr = "docs-drawing-ui.config", $t = {}, zt = -1e3, Xt = 1e3, jr = (i) => {
       distB: U,
       distR: B
     }), C(V), f(b !== k.WRAP_SQUARE), b === k.WRAP_NONE || b === k.INLINE ? m(!0) : m(!1), b === k.WRAP_NONE || b === k.INLINE || b === k.WRAP_TOP_AND_BOTTOM ? w(!0) : w(!1), b === k.WRAP_NONE)
-      P === oe.TRUE ? S(ue.BEHIND_TEXT) : S(ue.IN_FRONT_OF_TEXT);
+      P === se.TRUE ? S(ue.BEHIND_TEXT) : S(ue.IN_FRONT_OF_TEXT);
     else
       switch (b) {
         case k.INLINE:
@@ -1515,48 +1526,48 @@ const Hr = "docs-drawing-ui.config", $t = {}, zt = -1e3, Xt = 1e3, jr = (i) => {
   }, []), /* @__PURE__ */ X(
     "div",
     {
-      className: on("univer-grid univer-gap-2 univer-py-2 univer-text-gray-400", {
+      className: sn("univer-grid univer-gap-2 univer-py-2 univer-text-gray-400", {
         "univer-hidden": !L
       }),
       children: [
-        /* @__PURE__ */ y(
+        /* @__PURE__ */ M(
           "header",
           {
             className: "univer-text-gray-600 dark:!univer-text-gray-200",
-            children: /* @__PURE__ */ y("div", { children: t.t("image-text-wrap.title") })
+            children: /* @__PURE__ */ M("div", { children: t.t("image-text-wrap.title") })
           }
         ),
-        /* @__PURE__ */ y(
+        /* @__PURE__ */ M(
           "div",
           {
             className: "univer-text-gray-600 dark:!univer-text-gray-200",
-            children: /* @__PURE__ */ y("div", { children: t.t("image-text-wrap.wrappingStyle") })
+            children: /* @__PURE__ */ M("div", { children: t.t("image-text-wrap.wrappingStyle") })
           }
         ),
-        /* @__PURE__ */ y("div", { children: /* @__PURE__ */ X(Ft, { value: D, onChange: v, direction: "vertical", children: [
-          /* @__PURE__ */ y(ye, { value: ue.INLINE, children: t.t("image-text-wrap.inline") }),
-          /* @__PURE__ */ y(ye, { value: ue.WRAP_SQUARE, children: t.t("image-text-wrap.square") }),
-          /* @__PURE__ */ y(ye, { value: ue.WRAP_TOP_AND_BOTTOM, children: t.t("image-text-wrap.topAndBottom") }),
-          /* @__PURE__ */ y(ye, { value: ue.BEHIND_TEXT, children: t.t("image-text-wrap.behindText") }),
-          /* @__PURE__ */ y(ye, { value: ue.IN_FRONT_OF_TEXT, children: t.t("image-text-wrap.inFrontText") })
+        /* @__PURE__ */ M("div", { children: /* @__PURE__ */ X(Ft, { value: D, onChange: v, direction: "vertical", children: [
+          /* @__PURE__ */ M(Te, { value: ue.INLINE, children: t.t("image-text-wrap.inline") }),
+          /* @__PURE__ */ M(Te, { value: ue.WRAP_SQUARE, children: t.t("image-text-wrap.square") }),
+          /* @__PURE__ */ M(Te, { value: ue.WRAP_TOP_AND_BOTTOM, children: t.t("image-text-wrap.topAndBottom") }),
+          /* @__PURE__ */ M(Te, { value: ue.BEHIND_TEXT, children: t.t("image-text-wrap.behindText") }),
+          /* @__PURE__ */ M(Te, { value: ue.IN_FRONT_OF_TEXT, children: t.t("image-text-wrap.inFrontText") })
         ] }) }),
-        /* @__PURE__ */ y(
+        /* @__PURE__ */ M(
           "div",
           {
             className: "univer-text-gray-600 dark:!univer-text-gray-200",
-            children: /* @__PURE__ */ y("div", { children: t.t("image-text-wrap.wrapText") })
+            children: /* @__PURE__ */ M("div", { children: t.t("image-text-wrap.wrapText") })
           }
         ),
-        /* @__PURE__ */ y("div", { children: /* @__PURE__ */ X(Ft, { disabled: l, value: O, onChange: N, direction: "horizontal", children: [
-          /* @__PURE__ */ y(ye, { value: ze.BOTH_SIDES, children: t.t("image-text-wrap.bothSide") }),
-          /* @__PURE__ */ y(ye, { value: ze.LEFT, children: t.t("image-text-wrap.leftOnly") }),
-          /* @__PURE__ */ y(ye, { value: ze.RIGHT, children: t.t("image-text-wrap.rightOnly") })
+        /* @__PURE__ */ M("div", { children: /* @__PURE__ */ X(Ft, { disabled: l, value: O, onChange: N, direction: "horizontal", children: [
+          /* @__PURE__ */ M(Te, { value: $e.BOTH_SIDES, children: t.t("image-text-wrap.bothSide") }),
+          /* @__PURE__ */ M(Te, { value: $e.LEFT, children: t.t("image-text-wrap.leftOnly") }),
+          /* @__PURE__ */ M(Te, { value: $e.RIGHT, children: t.t("image-text-wrap.rightOnly") })
         ] }) }),
-        /* @__PURE__ */ y(
+        /* @__PURE__ */ M(
           "div",
           {
             className: "univer-text-gray-600 dark:!univer-text-gray-200",
-            children: /* @__PURE__ */ y("div", { children: t.t("image-text-wrap.distanceFromText") })
+            children: /* @__PURE__ */ M("div", { children: t.t("image-text-wrap.distanceFromText") })
           }
         ),
         /* @__PURE__ */ X(
@@ -1565,15 +1576,15 @@ const Hr = "docs-drawing-ui.config", $t = {}, zt = -1e3, Xt = 1e3, jr = (i) => {
             className: "univer-grid univer-grid-cols-2 univer-gap-2 [&>div]:univer-grid [&>div]:univer-gap-2",
             children: [
               /* @__PURE__ */ X("div", { children: [
-                /* @__PURE__ */ y("span", { children: t.t("image-text-wrap.top") }),
-                /* @__PURE__ */ y(
-                  Fe,
+                /* @__PURE__ */ M("span", { children: t.t("image-text-wrap.top") }),
+                /* @__PURE__ */ M(
+                  Be,
                   {
                     min: Qe,
                     max: Je,
                     disabled: h,
                     precision: 1,
-                    value: M.distT,
+                    value: y.distT,
                     onChange: (I) => {
                       G(I, "distT");
                     }
@@ -1581,15 +1592,15 @@ const Hr = "docs-drawing-ui.config", $t = {}, zt = -1e3, Xt = 1e3, jr = (i) => {
                 )
               ] }),
               /* @__PURE__ */ X("div", { children: [
-                /* @__PURE__ */ y("span", { children: t.t("image-text-wrap.left") }),
-                /* @__PURE__ */ y(
-                  Fe,
+                /* @__PURE__ */ M("span", { children: t.t("image-text-wrap.left") }),
+                /* @__PURE__ */ M(
+                  Be,
                   {
                     min: Qe,
                     max: Je,
                     disabled: p,
                     precision: 1,
-                    value: M.distL,
+                    value: y.distL,
                     onChange: (I) => {
                       G(I, "distL");
                     }
@@ -1605,15 +1616,15 @@ const Hr = "docs-drawing-ui.config", $t = {}, zt = -1e3, Xt = 1e3, jr = (i) => {
             className: "univer-grid univer-grid-cols-2 univer-gap-2 [&>div]:univer-grid [&>div]:univer-gap-2",
             children: [
               /* @__PURE__ */ X("div", { children: [
-                /* @__PURE__ */ y("span", { children: t.t("image-text-wrap.bottom") }),
-                /* @__PURE__ */ y(
-                  Fe,
+                /* @__PURE__ */ M("span", { children: t.t("image-text-wrap.bottom") }),
+                /* @__PURE__ */ M(
+                  Be,
                   {
                     min: Qe,
                     max: Je,
                     disabled: h,
                     precision: 1,
-                    value: M.distB,
+                    value: y.distB,
                     onChange: (I) => {
                       G(I, "distB");
                     }
@@ -1621,15 +1632,15 @@ const Hr = "docs-drawing-ui.config", $t = {}, zt = -1e3, Xt = 1e3, jr = (i) => {
                 )
               ] }),
               /* @__PURE__ */ X("div", { children: [
-                /* @__PURE__ */ y("span", { children: t.t("image-text-wrap.right") }),
-                /* @__PURE__ */ y(
-                  Fe,
+                /* @__PURE__ */ M("span", { children: t.t("image-text-wrap.right") }),
+                /* @__PURE__ */ M(
+                  Be,
                   {
                     min: Qe,
                     max: Je,
                     disabled: p,
                     precision: 1,
-                    value: M.distR,
+                    value: y.distR,
                     onChange: (I) => {
                       G(I, "distR");
                     }
@@ -1642,28 +1653,28 @@ const Hr = "docs-drawing-ui.config", $t = {}, zt = -1e3, Xt = 1e3, jr = (i) => {
       ]
     }
   );
-}, $r = () => {
-  const i = me(fe), e = i.getFocusDrawings(), [t, n] = ie(e);
+}, $i = () => {
+  const r = we(fe), e = r.getFocusDrawings(), [t, n] = re(e);
   return Tt(() => {
-    const r = i.focus$.subscribe((o) => {
-      n(o);
+    const i = r.focus$.subscribe((s) => {
+      n(s);
     });
     return () => {
-      r.unsubscribe();
+      i.unsubscribe();
     };
   }, []), !!(t != null && t.length) && /* @__PURE__ */ X("div", { className: "univer-text-sm", children: [
-    /* @__PURE__ */ y(Er, { drawings: t, hasAlign: !1, hasCropper: !1, hasGroup: !1, hasTransform: !1 }),
-    /* @__PURE__ */ y(Vr, { drawings: t }),
-    /* @__PURE__ */ y(jr, { drawings: t })
+    /* @__PURE__ */ M(Ei, { drawings: t, hasAlign: !1, hasCropper: !1, hasGroup: !1, hasTransform: !1 }),
+    /* @__PURE__ */ M(Vi, { drawings: t }),
+    /* @__PURE__ */ M(ji, { drawings: t })
   ] });
-}, Mn = "doc.menu.image", bn = pn.id, zr = (i) => {
-  const e = i.get(Dt), t = i.get(z);
-  return new Cr((n) => {
-    const r = e.textSelection$.subscribe(() => {
-      var s;
-      const o = e.getActiveTextRange();
-      if (o) {
-        const { segmentId: c, startOffset: d, endOffset: a } = o, g = t.getCurrentUniverDocInstance(), u = (s = g == null ? void 0 : g.getSelfOrHeaderFooterModel(c).getBody()) == null ? void 0 : s.tables;
+}, yn = "doc.menu.image", bn = pn.id, zi = (r) => {
+  const e = r.get(Dt), t = r.get(z);
+  return new Ci((n) => {
+    const i = e.textSelection$.subscribe(() => {
+      var o;
+      const s = e.getActiveTextRange();
+      if (s) {
+        const { segmentId: c, startOffset: d, endOffset: a } = s, g = t.getCurrentUniverDocInstance(), u = (o = g == null ? void 0 : g.getSelfOrHeaderFooterModel(c).getBody()) == null ? void 0 : o.tables;
         if (u && u.length && u.some((l) => {
           const { startIndex: f, endIndex: h } = l;
           return d >= f && d < h || a >= f && a < h;
@@ -1677,160 +1688,160 @@ const Hr = "docs-drawing-ui.config", $t = {}, zt = -1e3, Xt = 1e3, jr = (i) => {
       }
       n.next(!1);
     });
-    return () => r.unsubscribe();
+    return () => i.unsubscribe();
   });
 };
-function Xr(i) {
+function Xi(r) {
   return {
-    id: Mn,
+    id: yn,
     type: an.SUBITEMS,
     icon: "AddImageIcon",
     tooltip: "docImage.title",
-    disabled$: zr(i),
-    hidden$: sn(i, we.UNIVER_DOC, void 0, St)
+    disabled$: zi(r),
+    hidden$: on(r, ve.UNIVER_DOC, void 0, St)
   };
 }
-function qr(i) {
+function qi(r) {
   return {
     id: bn,
     title: "docImage.upload.float",
     type: an.BUTTON,
-    hidden$: sn(i, we.UNIVER_DOC, void 0, St)
+    hidden$: on(r, ve.UNIVER_DOC, void 0, St)
   };
 }
-const Kr = {
-  [_r.MEDIA]: {
-    [Mn]: {
+const Ki = {
+  [_i.MEDIA]: {
+    [yn]: {
       order: 0,
-      menuItemFactory: Xr,
+      menuItemFactory: Xi,
       [bn]: {
         order: 0,
-        menuItemFactory: qr
+        menuItemFactory: qi
       }
     }
   }
 };
-function Ye(i) {
-  return i.getContextValue(Bn) && i.getContextValue(nt);
+function Ye(r) {
+  return r.getContextValue(Bn) && r.getContextValue(nt);
 }
-const Yr = {
+const Yi = {
   id: Ke.id,
   description: "shortcut.drawing-move-down",
   group: "4_drawing-view",
-  binding: We.ARROW_DOWN,
+  binding: ke.ARROW_DOWN,
   priority: 100,
   preconditions: Ye,
   staticParameters: {
     direction: he.DOWN
   }
-}, Zr = {
+}, Zi = {
   id: Ke.id,
   description: "shortcut.drawing-move-up",
   group: "4_drawing-view",
-  binding: We.ARROW_UP,
+  binding: ke.ARROW_UP,
   priority: 100,
   preconditions: Ye,
   staticParameters: {
     direction: he.UP
   }
-}, Qr = {
+}, Qi = {
   id: Ke.id,
   description: "shortcut.drawing-move-left",
   group: "4_drawing-view",
-  binding: We.ARROW_LEFT,
+  binding: ke.ARROW_LEFT,
   priority: 100,
   preconditions: Ye,
   staticParameters: {
     direction: he.LEFT
   }
-}, Jr = {
+}, Ji = {
   id: Ke.id,
   description: "shortcut.drawing-move-right",
   group: "4_drawing-view",
-  binding: We.ARROW_RIGHT,
+  binding: ke.ARROW_RIGHT,
   priority: 100,
   preconditions: Ye,
   staticParameters: {
     direction: he.RIGHT
   }
-}, ei = {
+}, er = {
   id: ln.id,
   description: "shortcut.drawing-delete",
   group: "4_drawing-view",
   // when focusing on any other input tag do not trigger this shortcut
   preconditions: Ye,
-  binding: We.DELETE,
-  mac: We.BACKSPACE
+  binding: ke.DELETE,
+  mac: ke.BACKSPACE
 };
-var ti = Object.getOwnPropertyDescriptor, ni = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? ti(e, t) : e, o = i.length - 1, s; o >= 0; o--)
-    (s = i[o]) && (r = s(r) || r);
-  return r;
-}, et = (i, e) => (t, n) => e(t, n, i);
-let ot = class extends Ne {
-  constructor(i, e, t, n) {
-    super(), this._componentManager = i, this._menuManagerService = e, this._commandService = t, this._shortcutService = n, this._init();
+var tr = Object.getOwnPropertyDescriptor, nr = (r, e, t, n) => {
+  for (var i = n > 1 ? void 0 : n ? tr(e, t) : e, s = r.length - 1, o; s >= 0; s--)
+    (o = r[s]) && (i = o(i) || i);
+  return i;
+}, et = (r, e) => (t, n) => e(t, n, r);
+let st = class extends xe {
+  constructor(r, e, t, n) {
+    super(), this._componentManager = r, this._menuManagerService = e, this._commandService = t, this._shortcutService = n, this._init();
   }
   _initCustomComponents() {
-    const i = this._componentManager;
-    this.disposeWithMe(i.register(Dn, $r));
+    const r = this._componentManager;
+    this.disposeWithMe(r.register(Dn, $i));
   }
   _initMenus() {
-    this._menuManagerService.mergeMenu(Kr);
+    this._menuManagerService.mergeMenu(Ki);
   }
   _initCommands() {
     [
       pn,
-      Mt,
+      yt,
       wn,
       vn,
       In,
       qe,
       _n,
       Sn,
-      yt,
+      Mt,
       On,
-      kr,
+      ki,
       Tn,
       un,
       fn,
       Ke,
       ln,
       hn
-    ].forEach((i) => this.disposeWithMe(this._commandService.registerCommand(i)));
+    ].forEach((r) => this.disposeWithMe(this._commandService.registerCommand(r)));
   }
   _initShortcuts() {
     [
       // sheet drawing shortcuts
-      Yr,
-      Zr,
-      Qr,
-      Jr,
-      ei
-    ].forEach((i) => {
-      this.disposeWithMe(this._shortcutService.registerShortcut(i));
+      Yi,
+      Zi,
+      Qi,
+      Ji,
+      er
+    ].forEach((r) => {
+      this.disposeWithMe(this._shortcutService.registerShortcut(r));
     });
   }
   _init() {
     this._initCommands(), this._initCustomComponents(), this._initMenus(), this._initShortcuts();
   }
 };
-ot = ni([
+st = nr([
   et(0, Z(cn)),
-  et(1, Sr),
+  et(1, Si),
   et(2, j),
-  et(3, Dr)
-], ot);
-var ri = Object.getOwnPropertyDescriptor, ii = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? ri(e, t) : e, o = i.length - 1, s; o >= 0; o--)
-    (s = i[o]) && (r = s(r) || r);
-  return r;
-}, je = (i, e) => (t, n) => e(t, n, i);
-function oi(i) {
-  var n, r, o, s;
-  if ($.isNoop(i) || !Array.isArray(i))
+  et(3, Di)
+], st);
+var ir = Object.getOwnPropertyDescriptor, rr = (r, e, t, n) => {
+  for (var i = n > 1 ? void 0 : n ? ir(e, t) : e, s = r.length - 1, o; s >= 0; s--)
+    (o = r[s]) && (i = o(i) || i);
+  return i;
+}, He = (r, e) => (t, n) => e(t, n, r);
+function sr(r) {
+  var n, i, s, o;
+  if ($.isNoop(r) || !Array.isArray(r))
     return null;
-  const e = i.find((c) => Array.isArray(c) && (c == null ? void 0 : c[0]) === "drawings");
+  const e = r.find((c) => Array.isArray(c) && (c == null ? void 0 : c[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 t = [];
@@ -1839,22 +1850,22 @@ function oi(i) {
       Array.isArray(c) && t.push({
         type: (n = c == null ? void 0 : c[1]) != null && n.i ? "add" : "remove",
         drawingId: c == null ? void 0 : c[0],
-        drawing: (r = c == null ? void 0 : c[1]) == null ? void 0 : r.i
+        drawing: (i = c == null ? void 0 : c[1]) == null ? void 0 : i.i
       });
   else
     t.push({
-      type: (o = e[2]) != null && o.i ? "add" : "remove",
+      type: (s = e[2]) != null && s.i ? "add" : "remove",
       drawingId: e[1],
-      drawing: (s = e[2]) == null ? void 0 : s.i
+      drawing: (o = e[2]) == null ? void 0 : o.i
     });
   return t;
 }
-function si(i) {
-  if (!Array.isArray(i) || i.length < 3 || i[0] !== "drawingsOrder")
+function or(r) {
+  if (!Array.isArray(r) || r.length < 3 || r[0] !== "drawingsOrder")
     return [];
   const e = [];
-  for (let t = 1; t < i.length; t++) {
-    const n = i[t];
+  for (let t = 1; t < r.length; t++) {
+    const n = r[t];
     if (Array.isArray(n) && typeof n[0] == "number" && typeof n[1] == "object")
       e.push(n[0]);
     else {
@@ -1864,84 +1875,84 @@ function si(i) {
   }
   return e;
 }
-let st = class extends Ne {
-  constructor(i, e, t, n, r) {
-    super(), this._univerInstanceService = i, this._commandService = e, this._drawingManagerService = t, this._docDrawingService = n, this._renderManagerService = r, this._initialize();
+let ot = class extends xe {
+  constructor(r, e, t, n, i) {
+    super(), this._univerInstanceService = r, this._commandService = e, this._drawingManagerService = t, this._docDrawingService = n, this._renderManagerService = i, this._initialize();
   }
   _initialize() {
     this._commandExecutedListener();
   }
   _commandExecutedListener() {
     this.disposeWithMe(
-      this._commandService.beforeCommandExecuted((i) => {
-        if (i.id !== ee.id)
+      this._commandService.beforeCommandExecuted((r) => {
+        if (r.id !== ee.id)
           return;
-        const e = i.params, { unitId: t, actions: n } = e, r = oi(n);
-        if (r != null)
-          for (const { type: o, drawingId: s, drawing: c } of r)
-            o === "add" ? this._addDrawings(t, [c]) : this._removeDrawings(t, [s]);
+        const e = r.params, { unitId: t, actions: n } = e, i = sr(n);
+        if (i != null)
+          for (const { type: s, drawingId: o, drawing: c } of i)
+            s === "add" ? this._addDrawings(t, [c]) : this._removeDrawings(t, [o]);
       })
     ), this.disposeWithMe(
-      this._commandService.onCommandExecuted((i) => {
-        if (i.id !== ee.id)
+      this._commandService.onCommandExecuted((r) => {
+        if (r.id !== ee.id)
           return;
-        const e = i.params, { unitId: t, actions: n } = e;
-        si(n).length > 0 && this._updateDrawingsOrder(t);
+        const e = r.params, { unitId: t, actions: n } = e;
+        or(n).length > 0 && this._updateDrawingsOrder(t);
       })
     ), this.disposeWithMe(
-      this._commandService.onCommandExecuted((i) => {
-        var s;
-        if (i.id !== Fn.id && i.id !== kn.id)
+      this._commandService.onCommandExecuted((r) => {
+        var o;
+        if (r.id !== Fn.id && r.id !== kn.id)
           return;
-        const e = (s = this._univerInstanceService.getCurrentUniverDocInstance()) == null ? void 0 : s.getUnitId(), t = this._drawingManagerService.getFocusDrawings();
+        const e = (o = this._univerInstanceService.getCurrentUniverDocInstance()) == null ? void 0 : o.getUnitId(), t = this._drawingManagerService.getFocusDrawings();
         if (e == null || t.length === 0)
           return;
-        const n = this._renderManagerService.getRenderById(e), r = n == null ? void 0 : n.scene;
-        if (r == null)
+        const n = this._renderManagerService.getRenderById(e), i = n == null ? void 0 : n.scene;
+        if (i == null)
           return !1;
-        r.getTransformerByCreate().refreshControls();
+        i.getTransformerByCreate().refreshControls();
       })
     );
   }
-  _addDrawings(i, e) {
-    const t = this._drawingManagerService, n = this._docDrawingService, r = this._docDrawingService.getBatchAddOp(e), { subUnitId: o, redo: s, objects: c } = r;
-    t.applyJson1(i, o, s), n.applyJson1(i, o, s), t.addNotification(c), n.addNotification(c);
+  _addDrawings(r, e) {
+    const t = this._drawingManagerService, n = this._docDrawingService, i = this._docDrawingService.getBatchAddOp(e), { subUnitId: s, redo: o, objects: c } = i;
+    t.applyJson1(r, s, o), n.applyJson1(r, s, o), t.addNotification(c), n.addNotification(c);
   }
-  _removeDrawings(i, e) {
-    const t = this._drawingManagerService, n = this._docDrawingService, r = this._docDrawingService.getBatchRemoveOp(e.map((d) => ({
-      unitId: i,
-      subUnitId: i,
+  _removeDrawings(r, e) {
+    const t = this._drawingManagerService, n = this._docDrawingService, i = this._docDrawingService.getBatchRemoveOp(e.map((d) => ({
+      unitId: r,
+      subUnitId: r,
       drawingId: d
-    }))), { subUnitId: o, redo: s, objects: c } = r;
-    t.applyJson1(i, o, s), n.applyJson1(i, o, s), t.removeNotification(c), n.removeNotification(c);
+    }))), { subUnitId: s, redo: o, objects: c } = i;
+    t.applyJson1(r, s, o), n.applyJson1(r, s, o), t.removeNotification(c), n.removeNotification(c);
   }
-  _updateDrawingsOrder(i) {
-    const e = this._univerInstanceService.getUniverDocInstance(i);
+  _updateDrawingsOrder(r) {
+    const e = this._univerInstanceService.getUniverDocInstance(r);
     if (e == null)
       return;
     const t = e.getSnapshot().drawingsOrder;
     if (t == null)
       return;
-    const n = this._drawingManagerService, r = this._docDrawingService;
-    n.setDrawingOrder(i, i, t), r.setDrawingOrder(i, i, t);
-    const o = {
-      unitId: i,
-      subUnitId: i,
+    const n = this._drawingManagerService, i = this._docDrawingService;
+    n.setDrawingOrder(r, r, t), i.setDrawingOrder(r, r, t);
+    const s = {
+      unitId: r,
+      subUnitId: r,
       drawingIds: t
     };
-    n.orderNotification(o), r.orderNotification(o);
+    n.orderNotification(s), i.orderNotification(s);
   }
 };
-st = ii([
-  je(0, z),
-  je(1, j),
-  je(2, fe),
-  je(3, Ue),
-  je(4, Q)
-], st);
-const ai = (i) => {
-  const { floatDomInfos: e, scene: t, offset: n, bound: r } = i, o = r.right - r.left, s = r.bottom - r.top, c = Ur(() => e.map((d) => {
-    const { width: a = 0, height: g = 0, left: u = 0, top: l = 0 } = d.transform, h = yn(
+ot = rr([
+  He(0, z),
+  He(1, j),
+  He(2, fe),
+  He(3, Ne),
+  He(4, Q)
+], ot);
+const ar = (r) => {
+  const { floatDomInfos: e, scene: t, offset: n, bound: i } = r, s = i.right - i.left, o = i.bottom - i.top, c = Ui(() => e.map((d) => {
+    const { width: a = 0, height: g = 0, left: u = 0, top: l = 0 } = d.transform, h = Mn(
       {
         left: u,
         right: u + a,
@@ -1966,28 +1977,28 @@ const ai = (i) => {
       data: d.data
     };
     return [d.drawingId, m];
-  }).filter(([d, a]) => !(a.position.endX < 0 || a.position.endY < 0 || a.position.startX > o || a.position.startY > s)), [e, t, n, o, s]);
-  return /* @__PURE__ */ y("div", { className: "univer-absolute univer-left-0 univer-top-0", children: c.map(([d, a]) => /* @__PURE__ */ y(Or, { layer: a, id: d, position: a.position }, d)) });
+  }).filter(([d, a]) => !(a.position.endX < 0 || a.position.endY < 0 || a.position.startX > s || a.position.startY > o)), [e, t, n, s, o]);
+  return /* @__PURE__ */ M("div", { className: "univer-absolute univer-left-0 univer-top-0", children: c.map(([d, a]) => /* @__PURE__ */ M(Oi, { layer: a, id: d, position: a.position }, d)) });
 };
-var ci = Object.getOwnPropertyDescriptor, di = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? ci(e, t) : e, o = i.length - 1, s; o >= 0; o--)
-    (s = i[o]) && (r = s(r) || r);
-  return r;
-}, Ve = (i, e) => (t, n) => e(t, n, i);
-let at = class extends Ne {
-  constructor(i, e, t, n, r) {
-    super(), this._docPrintInterceptorService = i, this._drawingRenderService = e, this._drawingManagerService = t, this._componetManager = n, this._injector = r, this._initPrinting(), this._initPrintingDom();
+var cr = Object.getOwnPropertyDescriptor, dr = (r, e, t, n) => {
+  for (var i = n > 1 ? void 0 : n ? cr(e, t) : e, s = r.length - 1, o; s >= 0; s--)
+    (o = r[s]) && (i = o(i) || i);
+  return i;
+}, je = (r, e) => (t, n) => e(t, n, r);
+let at = class extends xe {
+  constructor(r, e, t, n, i) {
+    super(), this._docPrintInterceptorService = r, this._drawingRenderService = e, this._drawingManagerService = t, this._componetManager = n, this._injector = i, this._initPrinting(), this._initPrintingDom();
   }
   _initPrinting() {
     this.disposeWithMe(
       this._docPrintInterceptorService.interceptor.intercept(
         this._docPrintInterceptorService.interceptor.getInterceptPoints().PRINTING_COMPONENT_COLLECT,
         {
-          handler: (i, e, t) => {
-            const { unitId: n, scene: r } = e, o = this._drawingManagerService.getDrawingDataForUnit(n), s = o == null ? void 0 : o[n];
-            return s && s.order.forEach((c) => {
-              const d = s.data[c];
-              d.drawingType !== xe.DRAWING_CHART && d.drawingType !== xe.DRAWING_DOM && this._drawingRenderService.renderDrawing(d, r);
+          handler: (r, e, t) => {
+            const { unitId: n, scene: i } = e, s = this._drawingManagerService.getDrawingDataForUnit(n), o = s == null ? void 0 : s[n];
+            return o && o.order.forEach((c) => {
+              const d = o.data[c];
+              d.drawingType !== Pe.DRAWING_CHART && d.drawingType !== Pe.DRAWING_DOM && this._drawingRenderService.renderDrawing(d, i);
             }), t();
           }
         }
@@ -1999,17 +2010,17 @@ let at = class extends Ne {
       this._docPrintInterceptorService.interceptor.intercept(
         this._docPrintInterceptorService.interceptor.getInterceptPoints().PRINTING_DOM_COLLECT,
         {
-          handler: (i, e, t) => {
-            const { unitId: n } = e, r = this._drawingManagerService.getDrawingDataForUnit(n), o = r == null ? void 0 : r[n];
-            if (o) {
-              const s = o.order.map((d) => {
-                const a = o.data[d];
-                if (a.drawingType === xe.DRAWING_CHART)
+          handler: (r, e, t) => {
+            const { unitId: n } = e, i = this._drawingManagerService.getDrawingDataForUnit(n), s = i == null ? void 0 : i[n];
+            if (s) {
+              const o = s.order.map((d) => {
+                const a = s.data[d];
+                if (a.drawingType === Pe.DRAWING_CHART)
                   return {
                     ...a,
                     componentKey: this._componetManager.get(Wn)
                   };
-                if (a.drawingType === xe.DRAWING_DOM) {
+                if (a.drawingType === Pe.DRAWING_DOM) {
                   const g = this._docPrintInterceptorService.getPrintComponent(a.componentKey);
                   return {
                     ...a,
@@ -2017,13 +2028,13 @@ let at = class extends Ne {
                   };
                 }
                 return null;
-              }).filter(Boolean), c = Tr(ai, this._injector);
-              return cr(
-                /* @__PURE__ */ y(
+              }).filter(Boolean), c = Ti(ar, this._injector);
+              return ci(
+                /* @__PURE__ */ M(
                   c,
                   {
                     unitId: n,
-                    floatDomInfos: s,
+                    floatDomInfos: o,
                     scene: e.scene,
                     skeleton: e.skeleton,
                     offset: e.offset,
@@ -2031,9 +2042,9 @@ let at = class extends Ne {
                   }
                 ),
                 e.root
-              ), i == null || i.add(() => {
-                dr(e.root);
-              }), t(i);
+              ), r == null || r.add(() => {
+                di(e.root);
+              }), t(r);
             }
           }
         }
@@ -2041,32 +2052,32 @@ let at = class extends Ne {
     );
   }
 };
-at = di([
-  Ve(0, Z(Yn)),
-  Ve(1, Z(gn)),
-  Ve(2, fe),
-  Ve(3, Z(cn)),
-  Ve(4, Z(Jt))
+at = dr([
+  je(0, Z(Yn)),
+  je(1, Z(gn)),
+  je(2, fe),
+  je(3, Z(cn)),
+  je(4, Z(Jt))
 ], at);
-var gi = Object.getOwnPropertyDescriptor, li = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? gi(e, t) : e, o = i.length - 1, s; o >= 0; o--)
-    (s = i[o]) && (r = s(r) || r);
-  return r;
-}, tt = (i, e) => (t, n) => e(t, n, i);
-const ui = "__InlineDrawingAnchor__";
-function qt(i) {
-  const { path: e } = i;
+var gr = Object.getOwnPropertyDescriptor, lr = (r, e, t, n) => {
+  for (var i = n > 1 ? void 0 : n ? gr(e, t) : e, s = r.length - 1, o; s >= 0; s--)
+    (o = r[s]) && (i = o(i) || i);
+  return i;
+}, tt = (r, e) => (t, n) => e(t, n, r);
+const ur = "__InlineDrawingAnchor__";
+function qt(r) {
+  const { path: e } = r;
   return e.some((t) => t === "cells");
 }
-let ct = class extends Ne {
-  constructor(e, t, n, r) {
+let ct = class extends xe {
+  constructor(e, t, n, i) {
     super();
-    ve(this, "_liquid", new rn());
-    ve(this, "_listenerOnImageMap", /* @__PURE__ */ new Set());
+    me(this, "_liquid", new rn());
+    me(this, "_listenerOnImageMap", /* @__PURE__ */ new Set());
     // Use to cache the drawings is under transforming or scaling.
-    ve(this, "_transformerCache", /* @__PURE__ */ new Map());
-    ve(this, "_anchorShape");
-    this._commandService = e, this._univerInstanceService = t, this._drawingManagerService = n, this._renderManagerService = r, this._init();
+    me(this, "_transformerCache", /* @__PURE__ */ new Map());
+    me(this, "_anchorShape");
+    this._commandService = e, this._univerInstanceService = t, this._drawingManagerService = n, this._renderManagerService = i, this._init();
   }
   _init() {
     this._listenDrawingFocus();
@@ -2085,17 +2096,17 @@ let ct = class extends Ne {
   // Only handle one drawing transformer change.
   // eslint-disable-next-line max-lines-per-function
   _listenTransformerChange(e) {
-    var r;
-    const t = (r = this._getSceneAndTransformerByDrawingSearch(e)) == null ? void 0 : r.transformer;
+    var i;
+    const t = (i = this._getSceneAndTransformerByDrawingSearch(e)) == null ? void 0 : i.transformer;
     if (t == null)
       return;
     this.disposeWithMe(
-      Se(
-        t.changeStart$.subscribe((o) => {
+      ze(
+        t.changeStart$.subscribe((s) => {
           var c;
           this._transformerCache.clear();
-          const { objects: s } = o;
-          for (const d of s.values()) {
+          const { objects: o } = s;
+          for (const d of o.values()) {
             const { oKey: a, width: g, height: u, left: l, top: f, angle: h } = d, m = this._drawingManagerService.getDrawingOKey(a);
             if (m == null)
               continue;
@@ -2119,13 +2130,13 @@ let ct = class extends Ne {
     );
     const n = Et(this._updateMultipleDrawingDocTransform.bind(this), 50);
     Et(this._nonInlineDrawingTransform.bind(this), 50), this.disposeWithMe(
-      Se(
-        t.changing$.subscribe((o) => {
-          const { objects: s, offsetX: c, offsetY: d } = o;
-          if (s.size > 1)
-            n(s);
-          else if (s.size === 1) {
-            const a = this._transformerCache.values().next().value, g = s.values().next().value, { width: u, height: l, top: f, left: h, angle: m } = g;
+      ze(
+        t.changing$.subscribe((s) => {
+          const { objects: o, offsetX: c, offsetY: d } = s;
+          if (o.size > 1)
+            n(o);
+          else if (o.size === 1) {
+            const a = this._transformerCache.values().next().value, g = o.values().next().value, { width: u, height: l, top: f, left: h, angle: m } = g;
             if (a && u === a.width && l === a.height && f === a.top && h === a.left && m === a.angle)
               return;
             a && (a.drawing.layoutType, k.INLINE), a && a.drawing.layoutType === k.INLINE && c != null && d != null && this._updateInlineDrawingAnchor(a.drawing, c, d);
@@ -2133,11 +2144,11 @@ let ct = class extends Ne {
         })
       )
     ), this.disposeWithMe(
-      Se(
+      ze(
         // eslint-disable-next-line complexity
-        t.changeEnd$.subscribe((o) => {
-          const { objects: s, offsetX: c, offsetY: d } = o;
-          for (const a of s.values()) {
+        t.changeEnd$.subscribe((s) => {
+          const { objects: o, offsetX: c, offsetY: d } = s;
+          for (const a of o.values()) {
             const g = this._drawingManagerService.getDrawingOKey(a.oKey);
             if (g == null)
               continue;
@@ -2148,10 +2159,10 @@ let ct = class extends Ne {
               } catch {
               }
           }
-          if (this._anchorShape && this._anchorShape.hide(), s.size > 1)
-            this._updateMultipleDrawingDocTransform(s);
-          else if (s.size === 1) {
-            const a = this._transformerCache.values().next().value, g = s.values().next().value, { width: u, height: l, top: f, left: h, angle: m } = g;
+          if (this._anchorShape && this._anchorShape.hide(), o.size > 1)
+            this._updateMultipleDrawingDocTransform(o);
+          else if (o.size === 1) {
+            const a = this._transformerCache.values().next().value, g = o.values().next().value, { width: u, height: l, top: f, left: h, angle: m } = g;
             if (a && u === a.width && l === a.height && f === a.top && h === a.left && m === a.angle)
               return;
             a && a.drawing.layoutType === k.INLINE ? u !== a.width || l !== a.height || m !== a.angle ? this._updateDrawingSize(a, g) : c != null && d != null && this._moveInlineDrawing(a.drawing, c, d) : a && this._nonInlineDrawingTransform(a.drawing, g);
@@ -2166,14 +2177,14 @@ let ct = class extends Ne {
     if (e.size < 1)
       return;
     const t = [];
-    let n, r;
-    for (const o of e.values()) {
-      const { oKey: s, left: c, top: d, angle: a } = o;
-      let { width: g, height: u } = o;
-      const l = this._drawingManagerService.getDrawingOKey(s);
+    let n, i;
+    for (const s of e.values()) {
+      const { oKey: o, left: c, top: d, angle: a } = s;
+      let { width: g, height: u } = s;
+      const l = this._drawingManagerService.getDrawingOKey(o);
       if (l == null)
         continue;
-      n == null && (n = l.unitId), r == null && (r = l.subUnitId);
+      n == null && (n = l.unitId), i == null && (i = l.subUnitId);
       const f = this._transformerCache.get(l.drawingId);
       if (f == null)
         continue;
@@ -2190,13 +2201,13 @@ let ct = class extends Ne {
         key: "angle",
         value: a
       }), m !== d || p !== c) {
-        const M = d - m, A = c - p;
-        M !== 0 && t.push({
+        const y = d - m, A = c - p;
+        y !== 0 && t.push({
           drawingId: l.drawingId,
           key: "positionV",
           value: {
             relativeFrom: h.docTransform.positionV.relativeFrom,
-            posOffset: h.docTransform.positionV.posOffset + M
+            posOffset: h.docTransform.positionV.posOffset + y
           }
         }), A !== 0 && t.push({
           drawingId: l.drawingId,
@@ -2208,9 +2219,9 @@ let ct = class extends Ne {
         });
       }
     }
-    t.length > 0 && n && r && this._commandService.executeCommand(qe.id, {
+    t.length > 0 && n && i && this._commandService.executeCommand(qe.id, {
       unitId: n,
-      subUnitId: r,
+      subUnitId: i,
       drawings: t
     });
   }
@@ -2222,18 +2233,18 @@ let ct = class extends Ne {
     this._getDrawingAnchor(t.drawing, n);
   }
   _updateInlineDrawingAnchor(e, t, n) {
-    var o;
+    var s;
     if (this._transformerCache.size !== 1)
       return;
-    const { contentBoxPointGroup: r } = (o = this._getInlineDrawingAnchor(e, t, n)) != null ? o : {};
-    r != null && this._createOrUpdateInlineAnchor(e.unitId, r);
+    const { contentBoxPointGroup: i } = (s = this._getInlineDrawingAnchor(e, t, n)) != null ? s : {};
+    i != null && this._createOrUpdateInlineAnchor(e.unitId, i);
   }
   _getInlineDrawingAnchor(e, t, n) {
     var x, H;
-    const r = this._renderManagerService.getRenderById(e.unitId), o = r == null ? void 0 : r.with(te).getSkeleton();
-    if (r == null)
+    const i = this._renderManagerService.getRenderById(e.unitId), s = i == null ? void 0 : i.with(te).getSkeleton();
+    if (i == null)
       return;
-    const { mainComponent: s, scene: c } = r, d = s, a = c.getViewports()[0], {
+    const { mainComponent: o, scene: c } = i, d = o, a = c.getViewports()[0], {
       pageLayoutType: g = Nt.VERTICAL,
       pageMarginLeft: u,
       pageMarginTop: l
@@ -2245,7 +2256,7 @@ let ct = class extends Ne {
     const S = (x = this._renderManagerService.getRenderById(e.unitId)) == null ? void 0 : x.with(Me);
     if (S == null)
       return;
-    const O = o == null ? void 0 : o.findNodeByCoord(D, g, u, l, {
+    const O = s == null ? void 0 : s.findNodeByCoord(D, g, u, l, {
       strict: !1,
       segmentId: S.getSegment(),
       segmentPage: S.getSegmentPage()
@@ -2256,32 +2267,32 @@ let ct = class extends Ne {
     }
     if (f == null)
       return;
-    const C = o == null ? void 0 : o.findPositionByGlyph(f, m), M = this._getDocObject();
-    if (C == null || o == null || M == null || qt(C))
+    const C = s == null ? void 0 : s.findPositionByGlyph(f, m), y = this._getDocObject();
+    if (C == null || s == null || y == null || qt(C))
       return;
     const A = {
       ...C,
       isBack: h
-    }, L = M.document.getOffsetConfig(), R = new At(L, o), { cursorList: v, contentBoxPointGroup: N } = R.getRangePointData(A, A), { startOffset: G } = (H = Pt(v)) != null ? H : {};
+    }, L = y.document.getOffsetConfig(), R = new At(L, s), { cursorList: v, contentBoxPointGroup: N } = R.getRangePointData(A, A), { startOffset: G } = (H = Pt(v)) != null ? H : {};
     if (G != null)
       return { offset: G, contentBoxPointGroup: N, segmentId: p, segmentPage: m };
   }
   // eslint-disable-next-line max-lines-per-function, complexity
   _getDrawingAnchor(e, t) {
-    var Ie, _e, ce, De, Oe, Ce, Ee, Te, de, ge, Re;
-    const n = this._renderManagerService.getRenderById(e.unitId), r = n == null ? void 0 : n.with(te).getSkeleton(), o = r == null ? void 0 : r.getSkeletonData();
-    if (o == null || n == null)
+    var Ie, _e, ce, Se, De, be, Ce, Oe, de, ge, Ee;
+    const n = this._renderManagerService.getRenderById(e.unitId), i = n == null ? void 0 : n.with(te).getSkeleton(), s = i == null ? void 0 : i.getSkeletonData();
+    if (s == null || n == null)
       return;
-    const { pages: s, skeHeaders: c, skeFooters: d } = o, { mainComponent: a, scene: g } = n, u = a, l = g.getViewports()[0], { pageLayoutType: f = Nt.VERTICAL, pageMarginLeft: h, pageMarginTop: m, docsLeft: p, docsTop: w } = u.getOffsetConfig(), { left: D, top: S, angle: O } = t;
-    let { width: C, height: M } = t;
+    const { pages: o, skeHeaders: c, skeFooters: d } = s, { mainComponent: a, scene: g } = n, u = a, l = g.getViewports()[0], { pageLayoutType: f = Nt.VERTICAL, pageMarginLeft: h, pageMarginTop: m, docsLeft: p, docsTop: w } = u.getOffsetConfig(), { left: D, top: S, angle: O } = t;
+    let { width: C, height: y } = t;
     const { positionV: A, positionH: L } = e.docTransform, { width: R, height: v } = this._getPageContentSize(e);
-    C = Math.min(C, R), M = Math.min(M, v);
+    C = Math.min(C, R), y = Math.min(y, v);
     let N = null, G = "", x = -1;
     const H = !1, I = {
       ...e.docTransform,
       size: {
         width: C,
-        height: M
+        height: y
       },
       angle: O
     }, { x: _, y: E } = g.getViewportScrollXY(l), T = this._getTransformCoordForDocumentOffset(u, l, D - _, S - E);
@@ -2290,7 +2301,7 @@ let ct = class extends Ne {
     const U = (Ie = this._renderManagerService.getRenderById(e.unitId)) == null ? void 0 : Ie.with(Me);
     if (U == null)
       return;
-    const B = r == null ? void 0 : r.findNodeByCoord(T, f, h, m, {
+    const B = i == null ? void 0 : i.findNodeByCoord(T, f, h, m, {
       strict: !1,
       segmentId: U.getSegment(),
       segmentPage: U.getSegmentPage()
@@ -2301,20 +2312,20 @@ let ct = class extends Ne {
     }
     if (N == null)
       return;
-    const b = (_e = N.parent) == null ? void 0 : _e.parent, P = b == null ? void 0 : b.parent, V = (ce = P == null ? void 0 : P.lines.find((pe) => pe.paragraphIndex === (b == null ? void 0 : b.paragraphIndex) && pe.paragraphStart)) != null ? ce : P == null ? void 0 : P.lines[0], F = (De = P == null ? void 0 : P.parent) == null ? void 0 : De.parent;
+    const b = (_e = N.parent) == null ? void 0 : _e.parent, P = b == null ? void 0 : b.parent, V = (ce = P == null ? void 0 : P.lines.find((pe) => pe.paragraphIndex === (b == null ? void 0 : b.paragraphIndex) && pe.paragraphStart)) != null ? ce : P == null ? void 0 : P.lines[0], F = (Se = P == null ? void 0 : P.parent) == null ? void 0 : Se.parent;
     if (b == null || P == null || V == null || F == null)
       return;
     this._liquid.reset();
     const K = F.type;
-    for (const pe of s) {
-      const { headerId: ht, footerId: ft, pageHeight: En, pageWidth: bt, marginLeft: Ct, marginBottom: Rn } = pe, An = s.indexOf(pe);
+    for (const pe of o) {
+      const { headerId: ht, footerId: ft, pageHeight: En, pageWidth: bt, marginLeft: Ct, marginBottom: Rn } = pe, An = o.indexOf(pe);
       if (x > -1 && An === x) {
         switch (K) {
           case Ut.HEADER: {
-            const He = (Oe = c.get(ht)) == null ? void 0 : Oe.get(bt);
-            if (He)
+            const Ge = (De = c.get(ht)) == null ? void 0 : De.get(bt);
+            if (Ge)
               this._liquid.translatePagePadding({
-                marginTop: He.marginTop,
+                marginTop: Ge.marginTop,
                 marginLeft: Ct
               });
             else
@@ -2322,10 +2333,10 @@ let ct = class extends Ne {
             break;
           }
           case Ut.FOOTER: {
-            const He = (Ce = d.get(ft)) == null ? void 0 : Ce.get(bt);
-            if (He)
+            const Ge = (be = d.get(ft)) == null ? void 0 : be.get(bt);
+            if (Ge)
               this._liquid.translatePagePadding({
-                marginTop: En - Rn + He.marginTop,
+                marginTop: En - Rn + Ge.marginTop,
                 marginLeft: Ct
               });
             else
@@ -2339,7 +2350,7 @@ let ct = class extends Ne {
         break;
       this._liquid.restorePagePadding(pe), this._liquid.translatePage(pe, f, h, m);
     }
-    switch (A.relativeFrom === W.LINE ? N = b.divides[0].glyphGroup[0] : N = (ge = (de = (Te = (Ee = V.divides) == null ? void 0 : Ee[0]) == null ? void 0 : Te.glyphGroup) == null ? void 0 : de[0]) != null ? ge : N, I.positionH = {
+    switch (A.relativeFrom === W.LINE ? N = b.divides[0].glyphGroup[0] : N = (ge = (de = (Oe = (Ce = V.divides) == null ? void 0 : Ce[0]) == null ? void 0 : Oe.glyphGroup) == null ? void 0 : de[0]) != null ? ge : N, I.positionH = {
       relativeFrom: L.relativeFrom,
       posOffset: D - this._liquid.x - p
     }, L.relativeFrom) {
@@ -2371,30 +2382,30 @@ let ct = class extends Ne {
     }
     if (N == null)
       return;
-    const se = r == null ? void 0 : r.findPositionByGlyph(N, x), Le = this._getDocObject();
-    if (se == null || r == null || Le == null || qt(se))
+    const oe = i == null ? void 0 : i.findPositionByGlyph(N, x), Ue = this._getDocObject();
+    if (oe == null || i == null || Ue == null || qt(oe))
       return;
-    const be = {
-      ...se,
+    const ye = {
+      ...oe,
       isBack: H
-    }, Ge = Le.document.getOffsetConfig(), ae = new At(Ge, r), { cursorList: ne } = ae.getRangePointData(be, be), { startOffset: re } = (Re = Pt(ne)) != null ? Re : {};
-    if (re != null)
-      return { offset: re, docTransform: I, segmentId: G, segmentPage: x };
+    }, We = Ue.document.getOffsetConfig(), ae = new At(We, i), { cursorList: ne } = ae.getRangePointData(ye, ye), { startOffset: ie } = (Ee = Pt(ne)) != null ? Ee : {};
+    if (ie != null)
+      return { offset: ie, docTransform: I, segmentId: G, segmentPage: x };
   }
   // Update drawing when use transformer to resize it.
   _updateDrawingSize(e, t) {
-    const n = [], { drawing: r, width: o, height: s, angle: c } = e, { unitId: d, subUnitId: a } = r;
+    const n = [], { drawing: i, width: s, height: o, angle: c } = e, { unitId: d, subUnitId: a } = i;
     let { width: g, height: u, angle: l } = t;
-    const { width: f, height: h } = this._getPageContentSize(r);
-    g = Math.min(f, g), u = Math.min(h, u), (g !== o || u !== s) && n.push({
-      drawingId: r.drawingId,
+    const { width: f, height: h } = this._getPageContentSize(i);
+    g = Math.min(f, g), u = Math.min(h, u), (g !== s || u !== o) && n.push({
+      drawingId: i.drawingId,
       key: "size",
       value: {
         width: g,
         height: u
       }
     }), l !== c && n.push({
-      drawingId: r.drawingId,
+      drawingId: i.drawingId,
       key: "angle",
       value: l
     }), n.length > 0 && d && a && this._commandService.executeCommand(qe.id, {
@@ -2405,65 +2416,65 @@ let ct = class extends Ne {
   }
   // Update inline drawing when use transformer to move it.
   _moveInlineDrawing(e, t, n) {
-    const r = this._getInlineDrawingAnchor(e, t, n), { offset: o, segmentId: s, segmentPage: c } = r != null ? r : {};
+    const i = this._getInlineDrawingAnchor(e, t, n), { offset: s, segmentId: o, segmentPage: c } = i != null ? i : {};
     return this._commandService.executeCommand(_n.id, {
       unitId: e.unitId,
       subUnitId: e.unitId,
       drawing: e,
-      offset: o,
-      segmentId: s,
+      offset: s,
+      segmentId: o,
       segmentPage: c,
-      needRefreshDrawings: o == null
+      needRefreshDrawings: s == 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, t) {
-    const n = this._renderManagerService.getRenderById(e.unitId), { left: r, top: o, width: s, height: c, angle: d } = t, a = n == null ? void 0 : n.with(te).getSkeleton(), g = a == null ? void 0 : a.getSkeletonData(), { pages: u } = g != null ? g : {};
+    const n = this._renderManagerService.getRenderById(e.unitId), { left: i, top: s, width: o, height: c, angle: d } = t, a = n == null ? void 0 : n.with(te).getSkeleton(), g = a == null ? void 0 : a.getSkeletonData(), { pages: u } = g != null ? g : {};
     if (g == null || n == null || u == null)
       return {
-        left: r,
-        top: o,
-        width: s,
+        left: i,
+        top: s,
+        width: o,
         height: c,
         angle: d
       };
     const { mainComponent: l } = n, f = l, { top: h, pageLayoutType: m, pageMarginLeft: p, pageMarginTop: w } = f;
-    let D = o;
+    let D = s;
     this._liquid.reset();
     for (const S of u) {
-      const { marginBottom: O, pageHeight: C } = S, M = u.indexOf(S), A = u[M + 1];
+      const { marginBottom: O, pageHeight: C } = S, y = u.indexOf(S), A = u[y + 1];
       if (A == null)
         continue;
-      if (Pe.hasIntersectionBetweenTwoRanges(
-        o,
-        o + c,
+      if (Ae.hasIntersectionBetweenTwoRanges(
+        s,
+        s + c,
         this._liquid.y + h + C - O,
         this._liquid.y + h + C + w + A.marginTop
       )) {
-        const R = o + c / 2, v = this._liquid.y + h + C + w / 2;
-        R < v ? D = Math.min(o, this._liquid.y + h + C - O - c) : D = Math.max(o, this._liquid.y + h + C + w + A.marginTop);
+        const R = s + c / 2, v = this._liquid.y + h + C + w / 2;
+        R < v ? D = Math.min(s, this._liquid.y + h + C - O - c) : D = Math.max(s, this._liquid.y + h + C + w + A.marginTop);
       }
       this._liquid.translatePage(S, m, p, w);
     }
     return {
-      left: r,
+      left: i,
       top: D,
-      width: s,
+      width: o,
       height: c,
       angle: d
     };
   }
   _nonInlineDrawingTransform(e, t, n = !1) {
-    const r = e.isMultiTransform === oe.TRUE ? t : this._limitDrawingInPage(e, t);
-    if (n && r.top !== t.top)
+    const i = e.isMultiTransform === se.TRUE ? t : this._limitDrawingInPage(e, t);
+    if (n && i.top !== t.top)
       return;
-    const o = this._getDrawingAnchor(e, r), { offset: s, docTransform: c, segmentId: d, segmentPage: a } = o != null ? o : {};
-    return s == null || c == null ? this._updateMultipleDrawingDocTransform(/* @__PURE__ */ new Map([[e.drawingId, t]])) : this._commandService.executeCommand(Sn.id, {
+    const s = this._getDrawingAnchor(e, i), { offset: o, docTransform: c, segmentId: d, segmentPage: a } = s != null ? s : {};
+    return o == null || c == null ? this._updateMultipleDrawingDocTransform(/* @__PURE__ */ new Map([[e.drawingId, t]])) : this._commandService.executeCommand(Sn.id, {
       unitId: e.unitId,
       subUnitId: e.unitId,
       drawing: e,
-      offset: s,
+      offset: o,
       docTransform: c,
       segmentId: d,
       segmentPage: a
@@ -2475,47 +2486,47 @@ let ct = class extends Ne {
     const t = this._renderManagerService.getRenderById(e), n = t == null ? void 0 : t.scene;
     if (n == null)
       return;
-    const r = n.getTransformerByCreate();
-    return { scene: n, transformer: r };
+    const i = n.getTransformerByCreate();
+    return { scene: n, transformer: i };
   }
-  _getTransformCoordForDocumentOffset(e, t, n, r) {
-    const { documentTransform: o } = e.getOffsetConfig(), s = t.transformVector2SceneCoord(rr.FromArray([n, r]));
-    if (s)
-      return o.clone().invert().applyPoint(s);
+  _getTransformCoordForDocumentOffset(e, t, n, i) {
+    const { documentTransform: s } = e.getOffsetConfig(), o = t.transformVector2SceneCoord(ii.FromArray([n, i]));
+    if (o)
+      return s.clone().invert().applyPoint(o);
   }
   _createOrUpdateInlineAnchor(e, t) {
     const n = this._renderManagerService.getRenderById(e);
     if (n == null)
       return;
-    const { mainComponent: r, scene: o } = n, s = r, {
+    const { mainComponent: i, scene: s } = n, o = i, {
       docsLeft: c,
       docsTop: d
-    } = s.getOffsetConfig(), a = Zn(t), { left: g, top: u, height: l } = a, f = g + c, h = u + d;
+    } = o.getOffsetConfig(), a = Zn(t), { left: g, top: u, height: l } = a, f = g + c, h = u + d;
     if (this._anchorShape) {
       this._anchorShape.transformByState({ left: f, top: h, height: l }), this._anchorShape.show();
       return;
     }
-    const m = 6, p = new ir(ui + Qt(m), {
+    const m = 6, p = new ri(ur + Qt(m), {
       left: f,
       top: h,
       height: l,
       strokeWidth: 2,
-      stroke: or(Gn.darkGray, 1),
+      stroke: si(Gn.darkGray, 1),
       evented: !1
     });
-    this._anchorShape = p, o.addObject(p, Qn);
+    this._anchorShape = p, s.addObject(p, Qn);
   }
   _getDocObject() {
     return Jn(this._univerInstanceService, this._renderManagerService);
   }
   _getPageContentSize(e) {
-    const t = this._renderManagerService.getRenderById(e.unitId), n = t == null ? void 0 : t.with(te).getSkeleton(), r = 500, o = 500, s = n == null ? void 0 : n.getSkeletonData();
-    if (s == null || t == null)
+    const t = this._renderManagerService.getRenderById(e.unitId), n = t == null ? void 0 : t.with(te).getSkeleton(), i = 500, s = 500, o = n == null ? void 0 : n.getSkeletonData();
+    if (o == null || t == null)
       return {
-        width: r,
-        height: o
+        width: i,
+        height: s
       };
-    const { pages: c } = s;
+    const { pages: c } = o;
     let d = null;
     for (const a of c) {
       const { skeDrawings: g } = a;
@@ -2527,39 +2538,44 @@ let ct = class extends Ne {
     if (d) {
       const { pageWidth: a, pageHeight: g, marginLeft: u, marginBottom: l, marginRight: f, marginTop: h } = d;
       return {
-        width: Math.max(r, a - u - f),
-        height: Math.max(o, g - h - l)
+        width: Math.max(i, a - u - f),
+        height: Math.max(s, g - h - l)
       };
     } else
       return {
-        width: r,
-        height: o
+        width: i,
+        height: s
       };
   }
 };
-ct = li([
+ct = lr([
   tt(0, j),
   tt(1, z),
   tt(2, fe),
   tt(3, Q)
 ], ct);
-var hi = Object.getOwnPropertyDescriptor, fi = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? hi(e, t) : e, o = i.length - 1, s; o >= 0; o--)
-    (s = i[o]) && (r = s(r) || r);
-  return r;
-}, $e = (i, e) => (t, n) => e(t, n, i);
+var hr = Object.getOwnPropertyDescriptor, fr = (r, e, t, n) => {
+  for (var i = n > 1 ? void 0 : n ? hr(e, t) : e, s = r.length - 1, o; s >= 0; s--)
+    (o = r[s]) && (i = o(i) || i);
+  return i;
+}, Ve = (r, e) => (t, n) => e(t, n, r);
 let dt = class extends Hn {
-  constructor(e, t, n, r, o) {
+  constructor(e, t, n, i, s) {
     super();
-    ve(this, "_initImagePopupMenu", /* @__PURE__ */ new Set());
-    this._drawingManagerService = e, this._canvasPopManagerService = t, this._renderManagerService = n, this._univerInstanceService = r, this._contextService = o, this._init();
+    me(this, "_initImagePopupMenu", /* @__PURE__ */ new Set());
+    me(this, "_disposePopups", []);
+    this._drawingManagerService = e, this._canvasPopManagerService = t, this._renderManagerService = n, this._univerInstanceService = i, this._contextService = s, this._init();
   }
   _init() {
-    this._univerInstanceService.getCurrentTypeOfUnit$(we.UNIVER_DOC).pipe(jt(this.dispose$)).subscribe((e) => this._create(e)), this._univerInstanceService.getTypeOfUnitDisposed$(we.UNIVER_DOC).pipe(jt(this.dispose$)).subscribe((e) => this._dispose(e)), this._univerInstanceService.getAllUnitsForType(we.UNIVER_DOC).forEach((e) => this._create(e));
+    this.disposeWithMe(
+      this._univerInstanceService.getCurrentTypeOfUnit$(ve.UNIVER_DOC).pipe(jt(this.dispose$)).subscribe((e) => this._create(e))
+    ), this.disposeWithMe(
+      this._univerInstanceService.getTypeOfUnitDisposed$(ve.UNIVER_DOC).pipe(jt(this.dispose$)).subscribe((e) => this._dispose(e))
+    ), this._univerInstanceService.getAllUnitsForType(ve.UNIVER_DOC).forEach((e) => this._create(e));
   }
   _dispose(e) {
     const t = e.getUnitId();
-    this._renderManagerService.removeRender(t);
+    this._disposePopups.length && (this._disposePopups.forEach((n) => n.dispose()), this._disposePopups.length = 0), this._renderManagerService.removeRender(t);
   }
   _create(e) {
     if (!e)
@@ -2570,38 +2586,38 @@ let dt = class extends Hn {
   _hasCropObject(e) {
     const t = e.getAllObjects();
     for (const n of t)
-      if (n instanceof Rr)
+      if (n instanceof Ri)
         return !0;
     return !1;
   }
   // eslint-disable-next-line max-lines-per-function
   _popupMenuListener(e) {
-    var o;
-    const t = (o = this._renderManagerService.getRenderById(e)) == null ? void 0 : o.scene;
+    var s;
+    const t = (s = this._renderManagerService.getRenderById(e)) == null ? void 0 : s.scene;
     if (!t)
       return;
     const n = t.getTransformerByCreate();
     if (!n)
       return;
-    const r = [];
+    const i = this._disposePopups;
     this.disposeWithMe(
-      Se(
-        n.createControl$.subscribe(() => {
+      n.createControl$.subscribe(
+        () => {
           if (this._hasCropObject(t))
             return;
-          const s = n.getSelectedObjectMap();
-          if (r.forEach((w) => w.dispose()), r.length = 0, s.size > 1)
+          const o = n.getSelectedObjectMap();
+          if (i.forEach((w) => w.dispose()), i.length = 0, o.size > 1)
             return;
-          const c = s.values().next().value;
+          const c = o.values().next().value;
           if (!c)
             return;
           const d = c.oKey, a = this._drawingManagerService.getDrawingOKey(d);
-          if (!a || a.drawingType === xe.DRAWING_DOM)
+          if (!a || a.drawingType === Pe.DRAWING_DOM)
             return;
           const { unitId: g, subUnitId: u, drawingId: l, drawingType: f } = a, h = this._canvasPopManagerService.attachPopupToObject(
             c,
             {
-              componentKey: Ar,
+              componentKey: Ai,
               direction: "horizontal",
               offset: [2, 0],
               extraProps: {
@@ -2610,34 +2626,32 @@ let dt = class extends Hn {
             },
             g
           );
-          r.push(this.disposeWithMe(h)), !this._drawingManagerService.getFocusDrawings().find((w) => w.unitId === g && w.subUnitId === u && w.drawingId === l) && this._drawingManagerService.focusDrawing([{
+          i.push(this.disposeWithMe(h)), !this._drawingManagerService.getFocusDrawings().find((w) => w.unitId === g && w.subUnitId === u && w.drawingId === l) && this._drawingManagerService.focusDrawing([{
             unitId: g,
             subUnitId: u,
             drawingId: l
           }]);
-        })
+        }
       )
     ), this.disposeWithMe(
-      Se(
-        n.clearControl$.subscribe(() => {
-          r.forEach((s) => s.dispose()), r.length = 0, this._contextService.setContextValue(nt, !1), this._drawingManagerService.focusDrawing(null);
-        })
+      n.clearControl$.subscribe(
+        () => {
+          i.forEach((o) => o.dispose()), i.length = 0, this._contextService.setContextValue(nt, !1), this._drawingManagerService.focusDrawing(null);
+        }
       )
     ), this.disposeWithMe(
-      Se(
-        n.changing$.subscribe(() => {
-          r.forEach((s) => s.dispose()), r.length = 0;
-        })
+      n.changing$.subscribe(
+        () => {
+          i.forEach((o) => o.dispose()), i.length = 0;
+        }
       )
     ), this.disposeWithMe(
-      Se(
-        n.changeStart$.subscribe(() => {
-          r.forEach((s) => s.dispose()), r.length = 0;
-        })
-      )
+      n.changeStart$.subscribe(() => {
+        i.forEach((o) => o.dispose()), i.length = 0;
+      })
     );
   }
-  _getImageMenuItems(e, t, n, r) {
+  _getImageMenuItems(e, t, n, i) {
     return [
       {
         label: "image-popup.edit",
@@ -2650,14 +2664,14 @@ let dt = class extends Hn {
       {
         label: "image-popup.delete",
         index: 1,
-        commandId: yt.id,
+        commandId: Mt.id,
         commandParams: { unitId: e, drawings: [{ unitId: e, subUnitId: t, drawingId: n }] },
         disable: !1
       },
       {
         label: "image-popup.crop",
         index: 2,
-        commandId: Pr.id,
+        commandId: Pi.id,
         commandParams: { unitId: e, subUnitId: t, drawingId: n },
         disable: !0
         // TODO: @JOCS, feature is not ready.
@@ -2665,7 +2679,7 @@ let dt = class extends Hn {
       {
         label: "image-popup.reset",
         index: 3,
-        commandId: xr.id,
+        commandId: xi.id,
         commandParams: [{ unitId: e, subUnitId: t, drawingId: n }],
         disable: !0
         // TODO: @JOCS, feature is not ready.
@@ -2673,47 +2687,51 @@ let dt = class extends Hn {
     ];
   }
 };
-dt = fi([
-  $e(0, fe),
-  $e(1, Z(er)),
-  $e(2, Q),
-  $e(3, z),
-  $e(4, Yt)
+dt = fr([
+  Ve(0, fe),
+  Ve(1, Z(ei)),
+  Ve(2, Q),
+  Ve(3, z),
+  Ve(4, Yt)
 ], dt);
-var pi = Object.getOwnPropertyDescriptor, mi = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? pi(e, t) : e, o = i.length - 1, s; o >= 0; o--)
-    (s = i[o]) && (r = s(r) || r);
-  return r;
-}, Ae = (i, e) => (t, n) => e(t, n, i);
-let It = class extends Ne {
-  constructor(e, t, n, r, o, s, c, d) {
+var pr = Object.getOwnPropertyDescriptor, mr = (r, e, t, n) => {
+  for (var i = n > 1 ? void 0 : n ? pr(e, t) : e, s = r.length - 1, o; s >= 0; s--)
+    (o = r[s]) && (i = o(i) || i);
+  return i;
+}, Re = (r, e) => (t, n) => e(t, n, r);
+let It = class extends xe {
+  constructor(e, t, n, i, s, o, c, d) {
     super();
-    ve(this, "_liquid", new rn());
-    this._context = e, this._docSkeletonManagerService = t, this._commandService = n, this._editorService = r, this._drawingManagerService = o, this._docRefreshDrawingsService = s, this._univerInstanceService = c, this._lifecycleService = d, this._initialize(), this._commandExecutedListener();
+    me(this, "_liquid", new rn());
+    this._context = e, this._docSkeletonManagerService = t, this._commandService = n, this._editorService = i, this._drawingManagerService = s, this._docRefreshDrawingsService = o, this._univerInstanceService = c, 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);
-    });
+    this.disposeWithMe(
+      this._docSkeletonManagerService.currentSkeleton$.subscribe((e) => {
+        e != null && this._refreshDrawing(e);
+      })
+    ), this.disposeWithMe(
+      this._docRefreshDrawingsService.refreshDrawings$.subscribe((e) => {
+        e != null && this._refreshDrawing(e);
+      })
+    );
   }
   _commandExecutedListener() {
     const e = [ee.id, nn.id];
     this.disposeWithMe(
       this._commandService.onCommandExecuted((t) => {
         if (e.includes(t.id)) {
-          const n = t.params, { unitId: r } = n, { unitId: o, mainComponent: s } = this._context;
-          if (r !== o)
+          const n = t.params, { unitId: i } = n, { unitId: s, mainComponent: o } = this._context;
+          if (i !== s)
             return;
           const c = this._docSkeletonManagerService.getSkeleton();
           if (c == null)
             return;
-          if (this._editorService.isEditor(o) && o !== St) {
-            s == null || s.makeDirty();
+          if (this._editorService.isEditor(s) && s !== St) {
+            o == null || o.makeDirty();
             return;
           }
           this._refreshDrawing(c);
@@ -2724,7 +2742,7 @@ let It = class extends Ne {
   _initResize() {
     this.disposeWithMe(
       Zt(this._context.engine.onTransformChange$).pipe(
-        Vt((e) => e.type === sr.resize),
+        Vt((e) => e.type === oi.resize),
         dn(16)
       ).subscribe(() => {
         var n;
@@ -2735,69 +2753,69 @@ let It = class extends Ne {
   }
   _refreshDrawing(e) {
     var D, S;
-    const t = e == null ? void 0 : e.getSkeletonData(), { mainComponent: n, unitId: r } = this._context, o = n;
+    const t = e == null ? void 0 : e.getSkeletonData(), { mainComponent: n, unitId: i } = this._context, s = n;
     if (!t)
       return;
-    const { left: s, top: c, pageLayoutType: d, pageMarginLeft: a, pageMarginTop: g } = o, { pages: u, skeHeaders: l, skeFooters: f } = t, h = {};
+    const { left: o, top: c, pageLayoutType: d, pageMarginLeft: a, pageMarginTop: g } = s, { pages: u, skeHeaders: l, skeFooters: f } = t, h = {};
     this._liquid.reset();
     for (let O = 0, C = u.length; O < C; O++) {
-      const M = u[O], { headerId: A, footerId: L, pageWidth: R } = M;
+      const y = u[O], { headerId: A, footerId: L, pageWidth: R } = y;
       if (A) {
         const v = (D = l.get(A)) == null ? void 0 : D.get(R);
         v && this._calculateDrawingPosition(
-          r,
+          i,
           v,
-          s,
+          o,
           c,
           h,
           v.marginTop,
-          M.marginLeft
+          y.marginLeft
         );
       }
       if (L) {
         const v = (S = f.get(L)) == null ? void 0 : S.get(R);
         v && this._calculateDrawingPosition(
-          r,
+          i,
           v,
-          s,
+          o,
           c,
           h,
-          M.pageHeight - M.marginBottom + v.marginTop,
-          M.marginLeft
+          y.pageHeight - y.marginBottom + v.marginTop,
+          y.marginLeft
         );
       }
-      this._calculateDrawingPosition(r, M, s, c, h, M.marginTop, M.marginLeft), this._liquid.translatePage(M, d, a, g);
+      this._calculateDrawingPosition(i, y, o, c, h, y.marginTop, y.marginLeft), this._liquid.translatePage(y, d, a, g);
     }
     const m = Object.values(h), p = m.filter((O) => !O.isMultiTransform), w = m.filter((O) => O.isMultiTransform);
     p.length > 0 && this._drawingManagerService.refreshTransform(p), this._handleMultiDrawingsTransform(w);
   }
   _handleMultiDrawingsTransform(e) {
-    const { scene: t, unitId: n } = this._context, r = t.getTransformerByCreate();
+    const { scene: t, unitId: n } = this._context, i = t.getTransformerByCreate();
     e.forEach((d) => {
       const a = this._drawingManagerService.getDrawingByParam(d);
       a != null && (a.transform = d.transform, a.transforms = d.transforms, a.isMultiTransform = d.isMultiTransform);
     });
-    const s = [...r.getSelectedObjectMap().keys()], c = Object.values(this._drawingManagerService.getDrawingData(n, n)).filter((d) => d.isMultiTransform === oe.TRUE);
+    const o = [...i.getSelectedObjectMap().keys()], c = Object.values(this._drawingManagerService.getDrawingData(n, n)).filter((d) => d.isMultiTransform === se.TRUE);
     this._drawingManagerService.removeNotification(c), e.length > 0 && this._drawingManagerService.addNotification(e);
-    for (const d of s) {
+    for (const d of o) {
       const a = t.getObject(d);
-      a && r.setSelectedControl(a);
+      a && i.setSelectedControl(a);
     }
   }
-  _calculateDrawingPosition(e, t, n, r, o, s, c) {
+  _calculateDrawingPosition(e, t, n, i, s, o, c) {
     const { skeDrawings: d } = t;
     this._liquid.translatePagePadding({
-      marginTop: s,
+      marginTop: o,
       marginLeft: c
     }), d.forEach((a) => {
-      const { aLeft: g, aTop: u, height: l, width: f, angle: h, drawingId: m, drawingOrigin: p } = a, w = p.layoutType === k.WRAP_NONE && p.behindDoc === oe.TRUE, { isMultiTransform: D = oe.FALSE } = p, S = {
+      const { aLeft: g, aTop: u, height: l, width: f, angle: h, drawingId: m, drawingOrigin: p } = a, w = p.layoutType === k.WRAP_NONE && p.behindDoc === se.TRUE, { isMultiTransform: D = se.FALSE } = p, S = {
         left: g + n + this._liquid.x,
-        top: u + r + this._liquid.y,
+        top: u + i + this._liquid.y,
         width: f,
         height: l,
         angle: h
       };
-      o[m] == null ? o[m] = {
+      s[m] == null ? s[m] = {
         unitId: e,
         subUnitId: e,
         drawingId: m,
@@ -2805,9 +2823,9 @@ let It = class extends Ne {
         transform: S,
         transforms: [S],
         isMultiTransform: D
-      } : D === oe.TRUE && o[m].transforms.push(S);
+      } : D === se.TRUE && s[m].transforms.push(S);
     }), this._liquid.restorePagePadding({
-      marginTop: s,
+      marginTop: o,
       marginLeft: c
     });
   }
@@ -2816,74 +2834,74 @@ let It = class extends Ne {
       const t = this._docSkeletonManagerService.getSkeleton();
       t != null && (this._refreshDrawing(t), this._drawingManagerService.initializeNotification(this._context.unitId));
     };
-    this._lifecycleService.stage >= Rt.Rendered ? this._docSkeletonManagerService.getSkeleton() ? e() : setTimeout(e, 500) : this._lifecycleService.lifecycle$.pipe(Vt((t) => t === Rt.Rendered)).subscribe(e);
+    this._lifecycleService.stage >= Rt.Rendered ? this._docSkeletonManagerService.getSkeleton() ? e() : setTimeout(e, 500) : this.disposeWithMe(this._lifecycleService.lifecycle$.pipe(Vt((t) => t === Rt.Rendered)).subscribe(e));
   }
 };
-It = mi([
-  Ae(1, Z(te)),
-  Ae(2, j),
-  Ae(3, tr),
-  Ae(4, fe),
-  Ae(5, Z(ut)),
-  Ae(6, z),
-  Ae(7, Z(jn))
+It = mr([
+  Re(1, Z(te)),
+  Re(2, j),
+  Re(3, ti),
+  Re(4, fe),
+  Re(5, Z(ut)),
+  Re(6, z),
+  Re(7, Z(jn))
 ], It);
-var wi = Object.defineProperty, vi = Object.getOwnPropertyDescriptor, Ii = (i, e, t) => e in i ? wi(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t, _i = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? vi(e, t) : e, o = i.length - 1, s; o >= 0; o--)
-    (s = i[o]) && (r = s(r) || r);
-  return r;
-}, vt = (i, e) => (t, n) => e(t, n, i), Cn = (i, e, t) => Ii(i, typeof e != "symbol" ? e + "" : e, t);
-const Si = "DOC_DRAWING_UI_PLUGIN";
+var wr = Object.defineProperty, vr = Object.getOwnPropertyDescriptor, Ir = (r, e, t) => e in r ? wr(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, _r = (r, e, t, n) => {
+  for (var i = n > 1 ? void 0 : n ? vr(e, t) : e, s = r.length - 1, o; s >= 0; s--)
+    (o = r[s]) && (i = o(i) || i);
+  return i;
+}, vt = (r, e) => (t, n) => e(t, n, r), Cn = (r, e, t) => Ir(r, typeof e != "symbol" ? e + "" : e, t);
+const Sr = "DOC_DRAWING_UI_PLUGIN";
 let gt = class extends zn {
-  constructor(i = $t, e, t, n) {
-    super(), this._config = i, this._injector = e, this._renderManagerSrv = t, this._configService = n;
-    const { ...r } = Xn(
+  constructor(r = $t, e, t, n) {
+    super(), this._config = r, this._injector = e, this._renderManagerSrv = t, this._configService = n;
+    const { ...i } = Xn(
       {},
       $t,
       this._config
     );
-    this._configService.setConfig(Hr, r);
+    this._configService.setConfig(Hi, i);
   }
   onStarting() {
     [
-      [ot],
+      [st],
       [dt],
       [ct],
-      [st],
+      [ot],
       [ut],
-      [it],
+      [rt],
       [at]
     ].forEach((e) => this._injector.add(e));
   }
   onReady() {
     [
-      [rt],
+      [it],
       [It]
-    ].forEach((i) => this._renderManagerSrv.registerRenderModule(we.UNIVER_DOC, i)), this._injector.get(st), this._injector.get(ot), this._injector.get(ct), this._injector.get(at);
+    ].forEach((r) => this._renderManagerSrv.registerRenderModule(ve.UNIVER_DOC, r)), this._injector.get(ot), this._injector.get(st), this._injector.get(ct), this._injector.get(at);
   }
   onRendered() {
-    this._injector.get(dt), this._injector.get(it);
+    this._injector.get(dt), this._injector.get(rt);
   }
 };
-Cn(gt, "type", we.UNIVER_DOC);
-Cn(gt, "pluginName", Si);
-gt = _i([
-  Vn(Nr, pr, qn, yr),
+Cn(gt, "type", ve.UNIVER_DOC);
+Cn(gt, "pluginName", Sr);
+gt = _r([
+  Vn(Ni, pi, qn, Mi),
   vt(1, Z(Jt)),
   vt(2, Q),
   vt(3, $n)
 ], gt);
 export {
-  kr as ClearDocDrawingTransformerOperation,
-  Mn as DOCS_IMAGE_MENU_ID,
+  ki as ClearDocDrawingTransformerOperation,
+  yn as DOCS_IMAGE_MENU_ID,
   ln as DeleteDocDrawingsCommand,
-  it as DocFloatDomController,
+  rt as DocFloatDomController,
   Tn as EditDocDrawingOperation,
   un as GroupDocDrawingCommand,
-  Mt as InsertDocDrawingCommand,
+  yt as InsertDocDrawingCommand,
   pn as InsertDocImageCommand,
   Ke as MoveDocDrawingsCommand,
-  yt as RemoveDocDrawingCommand,
+  Mt as RemoveDocDrawingCommand,
   hn as SetDocDrawingArrangeCommand,
   On as SidebarDocDrawingOperation,
   fn as UngroupDocDrawingCommand,