@univerjs/docs-drawing-ui 0.6.5 → 0.6.6-nightly.202503141606

package/lib/es/index.js

@@ -1,18 +1,18 @@
-var xt = Object.defineProperty;
-var Lt = (i, e, n) => e in i ? xt(i, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : i[e] = n;
-var _e = (i, e, n) => Lt(i, typeof e != "symbol" ? e + "" : e, n);
-import { Disposable as Ge, BlockType as Ut, UndoCommand as Bt, RedoCommand as kt, JSONX as X, IUniverInstanceService as q, ICommandService as $, PositionedObjectLayoutType as W, CommandType as Y, BooleanNumber as se, ObjectRelativeFromH as ee, ObjectRelativeFromV as H, Tools as Me, TextX as Dn, TextXActionType as Q, toDisposable as Oe, throttle as Rn, COLORS as Ft, MemoryCursor as Wt, IUndoRedoService as Yn, BuildTextUtils as Ht, ArrangeTypeEnum as Qe, Inject as pe, IContextService as Zn, LocaleService as mn, WrapTextType as Xe, DrawingTypeEnum as _n, FOCUSING_COMMON_DRAWINGS as rn, UniverInstanceType as Se, Direction as he, DocumentFlavor as pn, DOCS_ZEN_EDITOR_UNIT_ID_KEY as Cn, FOCUSING_UNIVER_EDITOR as Gt, DisposableCollection as Vt, fromEventSubject as Qn, generateRandomId as jt, RxDisposable as $t, SHEET_EDITOR_UNITS as zt, LifecycleService as Xt, LifecycleStages as En, DependentOn as qt, Injector as Kt, IConfigService as Yt, Plugin as Zt, merge as Qt } from "@univerjs/core";
-import { IDocDrawingService as Ue, UniverDocsDrawingPlugin as Jt } from "@univerjs/docs-drawing";
-import { IDrawingManagerService as Ie, IImageIoService as ei, DRAWING_IMAGE_ALLOW_IMAGE_LIST as ni, DRAWING_IMAGE_COUNT_LIMIT as Nn, ImageUploadStatusType as wn, DRAWING_IMAGE_ALLOW_SIZE as ti, getImageSize as ii, getDrawingShapeKeyByDrawingSearch as Jn, DRAWING_IMAGE_WIDTH_LIMIT as An, DRAWING_IMAGE_HEIGHT_LIMIT as xn, UniverDrawingPlugin as ri } from "@univerjs/drawing";
+var At = Object.defineProperty;
+var xt = (i, e, n) => e in i ? At(i, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : i[e] = n;
+var Se = (i, e, n) => xt(i, typeof e != "symbol" ? e + "" : e, n);
+import { Disposable as Ge, BlockType as Lt, UndoCommand as Ut, RedoCommand as Bt, JSONX as X, IUniverInstanceService as q, ICommandService as $, PositionedObjectLayoutType as W, CommandType as Y, BooleanNumber as se, ObjectRelativeFromH as ee, ObjectRelativeFromV as H, Tools as Me, TextX as Sn, TextXActionType as Q, toDisposable as Oe, throttle as Rn, COLORS as kt, MemoryCursor as Ft, IUndoRedoService as Yn, BuildTextUtils as Wt, ArrangeTypeEnum as Qe, Inject as pe, IContextService as Zn, LocaleService as mn, WrapTextType as Xe, DrawingTypeEnum as Dn, FOCUSING_COMMON_DRAWINGS as rn, UniverInstanceType as Ie, Direction as fe, DocumentFlavor as pn, DOCS_ZEN_EDITOR_UNIT_ID_KEY as Cn, FOCUSING_UNIVER_EDITOR as Ht, DisposableCollection as Gt, fromEventSubject as Qn, generateRandomId as Vt, RxDisposable as jt, SHEET_EDITOR_UNITS as $t, LifecycleService as zt, LifecycleStages as En, DependentOn as Xt, Injector as qt, IConfigService as Kt, Plugin as Yt, merge as Zt } from "@univerjs/core";
+import { IDocDrawingService as Ue, UniverDocsDrawingPlugin as Qt } from "@univerjs/docs-drawing";
+import { IDrawingManagerService as _e, IImageIoService as Jt, DRAWING_IMAGE_ALLOW_IMAGE_LIST as ei, DRAWING_IMAGE_COUNT_LIMIT as Nn, ImageUploadStatusType as wn, DRAWING_IMAGE_ALLOW_SIZE as ni, getImageSize as ti, getDrawingShapeKeyByDrawingSearch as ii, DRAWING_IMAGE_WIDTH_LIMIT as An, DRAWING_IMAGE_HEIGHT_LIMIT as xn, UniverDrawingPlugin as ri } from "@univerjs/drawing";
 import { DrawingCommonPanel as oi, DrawingRenderService as si, ImageCropperObject as ai, COMPONENT_IMAGE_POPUP_MENU as ci, OpenImageCropOperation as di, ImageResetSizeOperation as li, UniverDrawingUIPlugin as gi } from "@univerjs/drawing-ui";
-import { IRenderManagerService as J, DocumentEditArea as We, Liquid as et, PageLayoutType as Ln, DocumentSkeletonPageType as Un, Vector2 as mi, Rect as ui, getColor as hi, getCurrentTypeOfRenderer as fi, CURSOR_TYPE as Bn, TRANSFORM_CHANGE_OBSERVABLE_TYPE as pi } from "@univerjs/engine-render";
-import { IMessageService as wi, ILocalFileService as vi, ISidebarService as Ii, useDependency as ve, getMenuHiddenObservable as nt, MenuItemType as tt, RibbonStartGroup as _i, KeyCode as He, ComponentManager as Si, IMenuManagerService as Di, IShortcutService as Ci, CanvasFloatDomService as Oi, UniverUIPlugin as Ti } from "@univerjs/ui";
+import { IRenderManagerService as J, DocumentEditArea as We, Liquid as Jn, PageLayoutType as Ln, DocumentSkeletonPageType as Un, Vector2 as mi, Rect as ui, getColor as fi, getCurrentTypeOfRenderer as hi, CURSOR_TYPE as Bn, TRANSFORM_CHANGE_OBSERVABLE_TYPE as pi } from "@univerjs/engine-render";
+import { IMessageService as wi, ILocalFileService as vi, ISidebarService as Ii, useDependency as ve, getMenuHiddenObservable as et, MenuItemType as nt, RibbonStartGroup as _i, KeyCode as He, ComponentManager as Si, IMenuManagerService as Di, IShortcutService as Ci, CanvasFloatDomService as Oi, UniverUIPlugin as Ti } from "@univerjs/ui";
 import { RichTextEditingMutation as ne, DocSkeletonManagerService as te, DocSelectionManagerService as On } from "@univerjs/docs";
-import { DocSelectionRenderService as Re, getRichTextEditPath as qe, NodePositionConvertToCursor as kn, getOneTextSelectionRange as Fn, getAnchorBounding as yi, TEXT_RANGE_LAYER_INDEX as bi, getDocObject as Pi, getCustomBlockIdsInSelections as Mi, docDrawingPositionToTransform as it, VIEWPORT_KEY as rt, SetDocZoomRatioOperation as ot, DocCanvasPopManagerService as Ri, IEditorService as Ei } from "@univerjs/docs-ui";
-import { BehaviorSubject as st, debounceTime as at, Observable as Ni, map as Wn, switchMap as Ai, of as xi, takeUntil as Hn, filter as Gn } from "rxjs";
-import { MessageType as Vn, clsx as j, InputNumber as Fe, Select as jn, Checkbox as Li, RadioGroup as $n, Radio as Pe } from "@univerjs/design";
+import { DocSelectionRenderService as Re, getRichTextEditPath as qe, NodePositionConvertToCursor as kn, getOneTextSelectionRange as Fn, getAnchorBounding as yi, TEXT_RANGE_LAYER_INDEX as Pi, getDocObject as bi, getCustomBlockIdsInSelections as Mi, docDrawingPositionToTransform as tt, VIEWPORT_KEY as it, SetDocZoomRatioOperation as rt, DocCanvasPopManagerService as Ri, IEditorService as Ei } from "@univerjs/docs-ui";
+import { BehaviorSubject as ot, debounceTime as st, Observable as Ni, map as Wn, switchMap as Ai, of as xi, takeUntil as Hn, filter as Gn } from "rxjs";
+import { MessageType as Vn, clsx as j, InputNumber as Fe, Select as jn, Checkbox as Li, RadioGroup as $n, Radio as be } from "@univerjs/design";
 import { jsxs as K, jsx as p } from "react/jsx-runtime";
-import { forwardRef as ct, useRef as Ui, createElement as dt, useState as oe, useEffect as Tn } from "react";
+import { forwardRef as at, useRef as Ui, createElement as ct, useState as oe, useEffect as Tn } from "react";
 const Bi = "docs-drawing-ui.config", zn = {};
 var ki = Object.getOwnPropertyDescriptor, Fi = (i, e, n, t) => {
   for (var r = t > 1 ? void 0 : t ? ki(e, n) : e, o = i.length - 1, s; o >= 0; o--)
@@ -72,9 +72,9 @@ let on = class extends Ge {
           return;
         const e = i.params, { unitId: n, actions: t } = e, r = this._univerInstanceService.getUniverDocInstance(n), o = (d = (a = r == null ? void 0 : r.getBody()) == null ? void 0 : a.customBlocks) != null ? d : [], s = Wi(t);
         if (s != null)
-          for (const { type: c, drawingId: l, drawing: m } of s) {
-            const g = o.find((w) => w.blockId === l);
-            (g == null ? void 0 : g.blockType) !== Ut.CUSTOM && (c === "add" ? this._addDrawings(n, [m]) : this._removeDrawings(n, [l]));
+          for (const { type: c, drawingId: g, drawing: m } of s) {
+            const l = o.find((f) => f.blockId === g);
+            (l == null ? void 0 : l.blockType) !== Lt.CUSTOM && (c === "add" ? this._addDrawings(n, [m]) : this._removeDrawings(n, [g]));
           }
       })
     ), this.disposeWithMe(
@@ -87,7 +87,7 @@ let on = class extends Ge {
     ), this.disposeWithMe(
       this._commandService.onCommandExecuted((i) => {
         var s;
-        if (i.id !== Bt.id && i.id !== kt.id)
+        if (i.id !== Ut.id && i.id !== Bt.id)
           return;
         const e = (s = this._univerInstanceService.getCurrentUniverDocInstance()) == null ? void 0 : s.getUnitId(), n = this._drawingManagerService.getFocusDrawings();
         if (e == null || n.length === 0)
@@ -131,14 +131,14 @@ let on = class extends Ge {
 on = Fi([
   $e(0, q),
   $e(1, $),
-  $e(2, Ie),
+  $e(2, _e),
   $e(3, Ue),
   $e(4, J)
 ], on);
 class un {
   constructor() {
-    _e(this, "_refreshDrawings$", new st(null));
-    _e(this, "refreshDrawings$", this._refreshDrawings$.asObservable());
+    Se(this, "_refreshDrawings$", new ot(null));
+    Se(this, "refreshDrawings$", this._refreshDrawings$.asObservable());
   }
   refreshDrawings(e) {
     this._refreshDrawings$.next(e);
@@ -152,15 +152,15 @@ const Gi = {
   inFrontOfText: W.WRAP_NONE,
   behindText: W.WRAP_NONE
 };
-function lt(i, e, n, t, r, o, s) {
-  var w, u;
-  const a = new Dn(), d = X.getInstance(), c = [], l = o.getSelfOrHeaderFooterModel(e).getBody(), m = o.getSelfOrHeaderFooterModel(i).getBody();
-  if (l == null || m == null)
+function dt(i, e, n, t, r, o, s) {
+  var f, u;
+  const a = new Sn(), d = X.getInstance(), c = [], g = o.getSelfOrHeaderFooterModel(e).getBody(), m = o.getSelfOrHeaderFooterModel(i).getBody();
+  if (g == null || m == null)
     return;
-  const g = (u = (w = l.customBlocks) == null ? void 0 : w.find((h) => h.blockId === r)) == null ? void 0 : u.startIndex;
-  if (g != null) {
+  const l = (u = (f = g.customBlocks) == null ? void 0 : f.find((v) => v.blockId === r)) == null ? void 0 : u.startIndex;
+  if (l != null) {
     if (t = Math.min(m.dataStream.length - 2, t), i === e) {
-      if (t < g ? (t > 0 && a.push({
+      if (t < l ? (t > 0 && a.push({
         t: Q.RETAIN,
         len: t
       }), a.push({
@@ -175,19 +175,19 @@ function lt(i, e, n, t, r, o, s) {
         len: 1
       }), a.push({
         t: Q.RETAIN,
-        len: g - t
+        len: l - t
       }), a.push({
         t: Q.DELETE,
         len: 1
-      })) : (g > 0 && a.push({
+      })) : (l > 0 && a.push({
         t: Q.RETAIN,
-        len: g
+        len: l
       }), a.push({
         t: Q.DELETE,
         len: 1
-      }), t - g - 1 > 0 && a.push({
+      }), t - l - 1 > 0 && a.push({
         t: Q.RETAIN,
-        len: t - g - 1
+        len: t - l - 1
       }), a.push({
         t: Q.INSERT,
         body: {
@@ -198,20 +198,20 @@ function lt(i, e, n, t, r, o, s) {
           }]
         },
         len: 1
-      })), t !== g) {
-        const h = qe(o, e), v = d.editOp(a.serialize(), h);
-        c.push(v);
+      })), t !== l) {
+        const v = qe(o, e), w = d.editOp(a.serialize(), v);
+        c.push(w);
       }
     } else {
-      g > 0 && a.push({
+      l > 0 && a.push({
         t: Q.RETAIN,
-        len: g
+        len: l
       }), a.push({
         t: Q.DELETE,
         len: 1
       });
-      let h = qe(o, e), v = d.editOp(a.serialize(), h);
-      c.push(v), a.empty(), t > 0 && a.push({
+      let v = qe(o, e), w = d.editOp(a.serialize(), v);
+      c.push(w), a.empty(), t > 0 && a.push({
         t: Q.RETAIN,
         len: t
       }), a.push({
@@ -224,12 +224,12 @@ function lt(i, e, n, t, r, o, s) {
           }]
         },
         len: 1
-      }), h = qe(o, i), v = d.editOp(a.serialize(), h), c.push(v), s.setSegment(i), s.setSegmentPage(n);
+      }), v = qe(o, i), w = d.editOp(a.serialize(), v), c.push(w), s.setSegment(i), s.setSegmentPage(n);
     }
     return c;
   }
 }
-const gt = {
+const lt = {
   id: "doc.command.update-doc-drawing-wrapping-style",
   type: Y.COMMAND,
   // eslint-disable-next-line max-lines-per-function, complexity
@@ -237,41 +237,41 @@ const gt = {
     var N, B;
     if (e == null)
       return !1;
-    const { drawings: n, wrappingStyle: t, unitId: r } = e, o = i.get($), s = i.get(q), d = i.get(J).getRenderById(r), c = d == null ? void 0 : d.with(te).getSkeleton().getSkeletonData(), l = d == null ? void 0 : d.with(te).getViewModel(), m = d == null ? void 0 : d.scene, g = s.getCurrentUniverDocInstance();
-    if (g == null || c == null || m == null || l == null)
+    const { drawings: n, wrappingStyle: t, unitId: r } = e, o = i.get($), s = i.get(q), d = i.get(J).getRenderById(r), c = d == null ? void 0 : d.with(te).getSkeleton().getSkeletonData(), g = d == null ? void 0 : d.with(te).getViewModel(), m = d == null ? void 0 : d.scene, l = s.getCurrentUniverDocInstance();
+    if (l == null || c == null || m == null || g == null)
       return !1;
-    const w = l.getEditArea(), u = m.getTransformerByCreate(), { pages: h, skeHeaders: v, skeFooters: S } = c, O = X.getInstance(), C = [], { drawings: T = {} } = g.getSnapshot();
+    const f = g.getEditArea(), u = m.getTransformerByCreate(), { pages: v, skeHeaders: w, skeFooters: I } = c, O = X.getInstance(), C = [], { drawings: T = {} } = l.getSnapshot();
     for (const E of n) {
-      const { drawingId: I } = E, L = T[I].layoutType, G = Gi[t];
+      const { drawingId: _ } = E, L = T[_].layoutType, G = Gi[t];
       if (L !== G) {
-        const D = O.replaceOp(["drawings", I, "layoutType"], L, G);
+        const D = O.replaceOp(["drawings", _, "layoutType"], L, G);
         C.push(D);
       }
       if (t === "behindText" || t === "inFrontOfText") {
-        const D = T[I].behindDoc, R = t === "behindText" ? se.TRUE : se.FALSE;
+        const D = T[_].behindDoc, R = t === "behindText" ? se.TRUE : se.FALSE;
         if (D !== R) {
-          const y = O.replaceOp(["drawings", I, "behindDoc"], D, R);
+          const y = O.replaceOp(["drawings", _, "behindDoc"], D, R);
           C.push(y);
         }
       }
       if (t === "inline")
         continue;
-      let x = null, V = 0, _ = 0;
-      for (const D of h) {
-        const { headerId: R, footerId: y, marginTop: U, marginLeft: k, marginBottom: P, pageWidth: A, pageHeight: z } = D;
-        switch (w) {
+      let x = null, V = 0, S = 0;
+      for (const D of v) {
+        const { headerId: R, footerId: y, marginTop: U, marginLeft: k, marginBottom: b, pageWidth: A, pageHeight: z } = D;
+        switch (f) {
           case We.HEADER: {
-            const F = (N = v.get(R)) == null ? void 0 : N.get(A);
-            F != null && F.skeDrawings.has(I) && (x = F.skeDrawings.get(I), V = F.marginTop, _ = k);
+            const F = (N = w.get(R)) == null ? void 0 : N.get(A);
+            F != null && F.skeDrawings.has(_) && (x = F.skeDrawings.get(_), V = F.marginTop, S = k);
             break;
           }
           case We.FOOTER: {
-            const F = (B = S.get(y)) == null ? void 0 : B.get(A);
-            F != null && F.skeDrawings.has(I) && (x = F.skeDrawings.get(I), V = z - P + F.marginTop, _ = k);
+            const F = (B = I.get(y)) == null ? void 0 : B.get(A);
+            F != null && F.skeDrawings.has(_) && (x = F.skeDrawings.get(_), V = z - b + F.marginTop, S = k);
             break;
           }
           case We.BODY: {
-            D.skeDrawings.has(I) && (x = D.skeDrawings.get(I), V = U, _ = k);
+            D.skeDrawings.has(_) && (x = D.skeDrawings.get(_), V = U, S = k);
             break;
           }
         }
@@ -279,26 +279,26 @@ const gt = {
           break;
       }
       if (x != null) {
-        const { aTop: D, aLeft: R } = x, y = T[I].docTransform.positionH;
+        const { aTop: D, aLeft: R } = x, y = T[_].docTransform.positionH;
         let U = R;
-        y.relativeFrom === ee.MARGIN ? U -= _ : y.relativeFrom === ee.COLUMN && (U -= x.columnLeft);
+        y.relativeFrom === ee.MARGIN ? U -= S : y.relativeFrom === ee.COLUMN && (U -= x.columnLeft);
         const k = {
           relativeFrom: y.relativeFrom,
           posOffset: U
         };
         if (y.posOffset !== k.posOffset) {
-          const F = O.replaceOp(["drawings", I, "docTransform", "positionH"], y, k);
+          const F = O.replaceOp(["drawings", _, "docTransform", "positionH"], y, k);
           C.push(F);
         }
-        const P = T[I].docTransform.positionV;
+        const b = T[_].docTransform.positionV;
         let A = D;
-        P.relativeFrom === H.PAGE ? A += V : P.relativeFrom === H.LINE ? A -= x.lineTop : P.relativeFrom === H.PARAGRAPH && (A -= x.blockAnchorTop);
+        b.relativeFrom === H.PAGE ? A += V : b.relativeFrom === H.LINE ? A -= x.lineTop : b.relativeFrom === H.PARAGRAPH && (A -= x.blockAnchorTop);
         const z = {
-          relativeFrom: P.relativeFrom,
+          relativeFrom: b.relativeFrom,
           posOffset: A
         };
-        if (P.posOffset !== z.posOffset) {
-          const F = O.replaceOp(["drawings", I, "docTransform", "positionV"], P, z);
+        if (b.posOffset !== z.posOffset) {
+          const F = O.replaceOp(["drawings", _, "docTransform", "positionV"], b, z);
           C.push(F);
         }
       }
@@ -311,11 +311,11 @@ const gt = {
         textRanges: null
       }
     };
-    M.params.actions = C.reduce((E, I) => X.compose(E, I), null);
-    const b = o.syncExecuteCommand(M.id, M.params);
-    return u.refreshControls(), !!b;
+    M.params.actions = C.reduce((E, _) => X.compose(E, _), null);
+    const P = o.syncExecuteCommand(M.id, M.params);
+    return u.refreshControls(), !!P;
   }
-}, mt = {
+}, gt = {
   id: "doc.command.update-doc-drawing-distance",
   type: Y.COMMAND,
   handler: (i, e) => {
@@ -324,13 +324,13 @@ const gt = {
     const n = i.get($), r = i.get(q).getCurrentUniverDocInstance();
     if (r == null)
       return !1;
-    const { drawings: o, dist: s, unitId: a } = e, d = X.getInstance(), c = [], { drawings: l = {} } = r.getSnapshot();
-    for (const w of o) {
-      const { drawingId: u } = w;
-      for (const [h, v] of Object.entries(s)) {
-        const S = l[u][h];
-        if (S !== v) {
-          const O = d.replaceOp(["drawings", u, h], S, v);
+    const { drawings: o, dist: s, unitId: a } = e, d = X.getInstance(), c = [], { drawings: g = {} } = r.getSnapshot();
+    for (const f of o) {
+      const { drawingId: u } = f;
+      for (const [v, w] of Object.entries(s)) {
+        const I = g[u][v];
+        if (I !== w) {
+          const O = d.replaceOp(["drawings", u, v], I, w);
           c.push(O);
         }
       }
@@ -343,9 +343,9 @@ const gt = {
         textRanges: null
       }
     };
-    return m.params.actions = c.reduce((w, u) => X.compose(w, u), null), !!n.syncExecuteCommand(m.id, m.params);
+    return m.params.actions = c.reduce((f, u) => X.compose(f, u), null), !!n.syncExecuteCommand(m.id, m.params);
   }
-}, ut = {
+}, mt = {
   id: "doc.command.update-doc-drawing-wrap-text",
   type: Y.COMMAND,
   handler: (i, e) => {
@@ -354,12 +354,12 @@ const gt = {
     const n = i.get($), r = i.get(q).getCurrentUniverDocInstance();
     if (r == null)
       return !1;
-    const { drawings: o, wrapText: s, unitId: a } = e, d = X.getInstance(), c = [], { drawings: l = {} } = r.getSnapshot();
-    for (const w of o) {
-      const { drawingId: u } = w, h = l[u].wrapText;
-      if (h !== s) {
-        const v = d.replaceOp(["drawings", u, "wrapText"], h, s);
-        c.push(v);
+    const { drawings: o, wrapText: s, unitId: a } = e, d = X.getInstance(), c = [], { drawings: g = {} } = r.getSnapshot();
+    for (const f of o) {
+      const { drawingId: u } = f, v = g[u].wrapText;
+      if (v !== s) {
+        const w = d.replaceOp(["drawings", u, "wrapText"], v, s);
+        c.push(w);
       }
     }
     const m = {
@@ -370,7 +370,7 @@ const gt = {
         textRanges: null
       }
     };
-    return m.params.actions = c.reduce((w, u) => X.compose(w, u), null), !!n.syncExecuteCommand(m.id, m.params);
+    return m.params.actions = c.reduce((f, u) => X.compose(f, u), null), !!n.syncExecuteCommand(m.id, m.params);
   }
 }, Ke = {
   id: "doc.command.update-drawing-doc-transform",
@@ -384,28 +384,28 @@ const gt = {
     const a = s.getTransformerByCreate(), d = t.getCurrentUniverDocInstance();
     if (d == null)
       return !1;
-    const { drawings: c, unitId: l } = e, m = X.getInstance(), g = [], { drawings: w = {} } = d.getSnapshot();
-    for (const v of c) {
-      const { drawingId: S, key: O, value: C } = v, T = w[S].docTransform[O];
+    const { drawings: c, unitId: g } = e, m = X.getInstance(), l = [], { drawings: f = {} } = d.getSnapshot();
+    for (const w of c) {
+      const { drawingId: I, key: O, value: C } = w, T = f[I].docTransform[O];
       if (!Me.diffValue(T, C)) {
-        const M = m.replaceOp(["drawings", S, "docTransform", O], T, C);
-        g.push(M);
+        const M = m.replaceOp(["drawings", I, "docTransform", O], T, C);
+        l.push(M);
       }
     }
     const u = {
       id: ne.id,
       params: {
-        unitId: l,
+        unitId: g,
         actions: [],
         textRanges: null,
         debounce: !0
       }
     };
-    u.params.actions = g.reduce((v, S) => X.compose(v, S), null);
-    const h = n.syncExecuteCommand(u.id, u.params);
-    return a.refreshControls(), !!h;
+    u.params.actions = l.reduce((w, I) => X.compose(w, I), null);
+    const v = n.syncExecuteCommand(u.id, u.params);
+    return a.refreshControls(), !!v;
   }
-}, ht = {
+}, ut = {
   id: "doc.command.move-inline-drawing",
   type: Y.COMMAND,
   handler: (i, e) => {
@@ -418,13 +418,13 @@ const gt = {
     const d = s.getTransformerByCreate(), c = i.get($), m = i.get(q).getCurrentUniverDocInstance();
     if (m == null)
       return !1;
-    const { drawing: g, unitId: w, offset: u, segmentId: h, segmentPage: v, needRefreshDrawings: S } = e;
-    if (S)
+    const { drawing: l, unitId: f, offset: u, segmentId: v, segmentPage: w, needRefreshDrawings: I } = e;
+    if (I)
       return r.refreshDrawings(a), d.refreshControls(), !0;
-    const O = [], { drawingId: C } = g, T = (E = t.getSegment()) != null ? E : "", M = lt(
-      h,
-      T,
+    const O = [], { drawingId: C } = l, T = (E = t.getSegment()) != null ? E : "", M = dt(
       v,
+      T,
+      w,
       u,
       C,
       m,
@@ -433,16 +433,16 @@ const gt = {
     if (M == null || M.length === 0)
       return r.refreshDrawings(a), d.refreshControls(), !1;
     O.push(...M);
-    const b = {
+    const P = {
       id: ne.id,
       params: {
-        unitId: w,
+        unitId: f,
         actions: [],
         textRanges: null
       }
     };
-    b.params.actions = O.reduce((I, L) => X.compose(I, L), null);
-    const N = c.syncExecuteCommand(b.id, b.params);
+    P.params.actions = O.reduce((_, L) => X.compose(_, L), null);
+    const N = c.syncExecuteCommand(P.id, P.params);
     return d.refreshControls(), !!N;
   }
 }, ft = {
@@ -459,34 +459,34 @@ const gt = {
     const s = o.getTransformerByCreate(), a = i.get($), c = i.get(q).getCurrentUniverDocInstance();
     if (c == null)
       return !1;
-    const { drawing: l, unitId: m, offset: g, docTransform: w, segmentId: u, segmentPage: h } = e, v = [], { drawingId: S } = l, O = (V = t.getSegment()) != null ? V : "", C = lt(
+    const { drawing: g, unitId: m, offset: l, docTransform: f, segmentId: u, segmentPage: v } = e, w = [], { drawingId: I } = g, O = (V = t.getSegment()) != null ? V : "", C = dt(
       u,
       O,
-      h,
-      g,
-      S,
+      v,
+      l,
+      I,
       c,
       t
     );
     if (C == null)
       return !1;
-    C.length > 0 && v.push(...C);
-    const T = X.getInstance(), { drawings: M = {} } = c.getSnapshot(), b = M[S].docTransform, { positionH: N, positionV: B, size: E, angle: I } = b;
-    if (!Me.diffValue(N, w.positionH)) {
-      const _ = T.replaceOp(["drawings", S, "docTransform", "positionH"], N, w.positionH);
-      v.push(_);
+    C.length > 0 && w.push(...C);
+    const T = X.getInstance(), { drawings: M = {} } = c.getSnapshot(), P = M[I].docTransform, { positionH: N, positionV: B, size: E, angle: _ } = P;
+    if (!Me.diffValue(N, f.positionH)) {
+      const S = T.replaceOp(["drawings", I, "docTransform", "positionH"], N, f.positionH);
+      w.push(S);
     }
-    if (!Me.diffValue(B, w.positionV)) {
-      const _ = T.replaceOp(["drawings", S, "docTransform", "positionV"], B, w.positionV);
-      v.push(_);
+    if (!Me.diffValue(B, f.positionV)) {
+      const S = T.replaceOp(["drawings", I, "docTransform", "positionV"], B, f.positionV);
+      w.push(S);
     }
-    if (!Me.diffValue(E, w.size)) {
-      const _ = T.replaceOp(["drawings", S, "docTransform", "size"], E, w.size);
-      v.push(_);
+    if (!Me.diffValue(E, f.size)) {
+      const S = T.replaceOp(["drawings", I, "docTransform", "size"], E, f.size);
+      w.push(S);
     }
-    if (!Me.diffValue(I, w.angle)) {
-      const _ = T.replaceOp(["drawings", S, "docTransform", "angle"], I, w.angle);
-      v.push(_);
+    if (!Me.diffValue(_, f.angle)) {
+      const S = T.replaceOp(["drawings", I, "docTransform", "angle"], _, f.angle);
+      w.push(S);
     }
     const L = {
       id: ne.id,
@@ -497,7 +497,7 @@ const gt = {
         debounce: !0
       }
     };
-    L.params.actions = v.reduce((_, D) => X.compose(_, D), null);
+    L.params.actions = w.reduce((S, D) => X.compose(S, D), null);
     const G = a.syncExecuteCommand(L.id, L.params);
     return s.refreshControls(), !!G;
   }
@@ -515,11 +515,11 @@ function Xn(i) {
 let sn = class extends Ge {
   constructor(e, n, t, r) {
     super();
-    _e(this, "_liquid", new et());
-    _e(this, "_listenerOnImageMap", /* @__PURE__ */ new Set());
+    Se(this, "_liquid", new Jn());
+    Se(this, "_listenerOnImageMap", /* @__PURE__ */ new Set());
     // Use to cache the drawings is under transforming or scaling.
-    _e(this, "_transformerCache", /* @__PURE__ */ new Map());
-    _e(this, "_anchorShape");
+    Se(this, "_transformerCache", /* @__PURE__ */ new Map());
+    Se(this, "_anchorShape");
     this._commandService = e, this._univerInstanceService = n, this._drawingManagerService = t, this._renderManagerService = r, this._init();
   }
   _init() {
@@ -550,15 +550,20 @@ let sn = class extends Ge {
           this._transformerCache.clear();
           const { objects: s } = o;
           for (const d of s.values()) {
-            const { oKey: c, width: l, height: m, left: g, top: w, angle: u } = d, h = this._drawingManagerService.getDrawingOKey(c);
-            if (h == null)
+            const { oKey: c, width: g, height: m, left: l, top: f, angle: u } = d, v = this._drawingManagerService.getDrawingOKey(c);
+            if (v == null)
               continue;
-            const v = this._univerInstanceService.getUniverDocInstance(h.unitId), S = (a = v == null ? void 0 : v.getSnapshot().drawings) == null ? void 0 : a[h.drawingId];
-            (S == null ? void 0 : S.layoutType) === W.INLINE && d.setOpacity(0.2), S != null && this._transformerCache.set(h.drawingId, {
-              drawing: S,
-              top: w,
-              left: g,
-              width: l,
+            const w = this._univerInstanceService.getUniverDocInstance(v.unitId), I = (a = w == null ? void 0 : w.getSnapshot().drawings) == null ? void 0 : a[v.drawingId];
+            if ((I == null ? void 0 : I.layoutType) === W.INLINE)
+              try {
+                d.setOpacity(0.2);
+              } catch {
+              }
+            I != null && this._transformerCache.set(v.drawingId, {
+              drawing: I,
+              top: f,
+              left: l,
+              width: g,
               height: m,
               angle: u
             });
@@ -574,8 +579,8 @@ let sn = class extends Ge {
           if (s.size > 1)
             t(s);
           else if (s.size === 1) {
-            const c = this._transformerCache.values().next().value, l = s.values().next().value, { width: m, height: g, top: w, left: u, angle: h } = l;
-            if (c && m === c.width && g === c.height && w === c.top && u === c.left && h === c.angle)
+            const c = this._transformerCache.values().next().value, g = s.values().next().value, { width: m, height: l, top: f, left: u, angle: v } = g;
+            if (c && m === c.width && l === c.height && f === c.top && u === c.left && v === c.angle)
               return;
             c && (c.drawing.layoutType, W.INLINE), c && c.drawing.layoutType === W.INLINE && a != null && d != null && this._updateInlineDrawingAnchor(c.drawing, a, d);
           }
@@ -587,19 +592,23 @@ let sn = class extends Ge {
         n.changeEnd$.subscribe((o) => {
           const { objects: s, offsetX: a, offsetY: d } = o;
           for (const c of s.values()) {
-            const l = this._drawingManagerService.getDrawingOKey(c.oKey);
-            if (l == null)
+            const g = this._drawingManagerService.getDrawingOKey(c.oKey);
+            if (g == null)
               continue;
-            const m = this._transformerCache.get(l == null ? void 0 : l.drawingId);
-            (m == null ? void 0 : m.drawing.layoutType) === W.INLINE && c.setOpacity(1);
+            const m = this._transformerCache.get(g == null ? void 0 : g.drawingId);
+            if ((m == null ? void 0 : m.drawing.layoutType) === W.INLINE)
+              try {
+                c.setOpacity(1);
+              } catch {
+              }
           }
           if (this._anchorShape && this._anchorShape.hide(), s.size > 1)
             this._updateMultipleDrawingDocTransform(s);
           else if (s.size === 1) {
-            const c = this._transformerCache.values().next().value, l = s.values().next().value, { width: m, height: g, top: w, left: u, angle: h } = l;
-            if (c && m === c.width && g === c.height && w === c.top && u === c.left && h === c.angle)
+            const c = this._transformerCache.values().next().value, g = s.values().next().value, { width: m, height: l, top: f, left: u, angle: v } = g;
+            if (c && m === c.width && l === c.height && f === c.top && u === c.left && v === c.angle)
               return;
-            c && c.drawing.layoutType === W.INLINE ? m !== c.width || g !== c.height || h !== c.angle ? this._updateDrawingSize(c, l) : a != null && d != null && this._moveInlineDrawing(c.drawing, a, d) : c && this._nonInlineDrawingTransform(c.drawing, l);
+            c && c.drawing.layoutType === W.INLINE ? m !== c.width || l !== c.height || v !== c.angle ? this._updateDrawingSize(c, g) : a != null && d != null && this._moveInlineDrawing(c.drawing, a, d) : c && this._nonInlineDrawingTransform(c.drawing, g);
           }
           this._transformerCache.clear();
         })
@@ -614,37 +623,37 @@ let sn = class extends Ge {
     let t, r;
     for (const o of e.values()) {
       const { oKey: s, left: a, top: d, angle: c } = o;
-      let { width: l, height: m } = o;
-      const g = this._drawingManagerService.getDrawingOKey(s);
-      if (g == null)
+      let { width: g, height: m } = o;
+      const l = this._drawingManagerService.getDrawingOKey(s);
+      if (l == null)
         continue;
-      t == null && (t = g.unitId), r == null && (r = g.subUnitId);
-      const w = this._transformerCache.get(g.drawingId);
-      if (w == null)
+      t == null && (t = l.unitId), r == null && (r = l.subUnitId);
+      const f = this._transformerCache.get(l.drawingId);
+      if (f == null)
         continue;
-      const { drawing: u, top: h, left: v, width: S, height: O, angle: C } = w, { width: T, height: M } = this._getPageContentSize(u);
-      if (l = Math.min(l, T), m = Math.min(m, M), (S !== l || O !== m) && n.push({
-        drawingId: g.drawingId,
+      const { drawing: u, top: v, left: w, width: I, height: O, angle: C } = f, { width: T, height: M } = this._getPageContentSize(u);
+      if (g = Math.min(g, T), m = Math.min(m, M), (I !== g || O !== m) && n.push({
+        drawingId: l.drawingId,
         key: "size",
         value: {
-          width: l,
+          width: g,
           height: m
         }
       }), C !== c && n.push({
-        drawingId: g.drawingId,
+        drawingId: l.drawingId,
         key: "angle",
         value: c
-      }), h !== d || v !== a) {
-        const b = d - h, N = a - v;
-        b !== 0 && n.push({
-          drawingId: g.drawingId,
+      }), v !== d || w !== a) {
+        const P = d - v, N = a - w;
+        P !== 0 && n.push({
+          drawingId: l.drawingId,
           key: "positionV",
           value: {
             relativeFrom: u.docTransform.positionV.relativeFrom,
-            posOffset: u.docTransform.positionV.posOffset + b
+            posOffset: u.docTransform.positionV.posOffset + P
           }
         }), N !== 0 && n.push({
-          drawingId: g.drawingId,
+          drawingId: l.drawingId,
           key: "positionH",
           value: {
             relativeFrom: u.docTransform.positionH.relativeFrom,
@@ -679,84 +688,84 @@ let sn = class extends Ge {
     if (r == null)
       return;
     const { mainComponent: s, scene: a } = r, d = s, c = a.getViewports()[0], {
-      pageLayoutType: l = Ln.VERTICAL,
+      pageLayoutType: g = Ln.VERTICAL,
       pageMarginLeft: m,
-      pageMarginTop: g
+      pageMarginTop: l
     } = d.getOffsetConfig();
-    let w = null, u = !1, h = -1, v = "";
-    const S = 0.5, O = this._getTransformCoordForDocumentOffset(d, c, n, t);
+    let f = null, u = !1, v = -1, w = "";
+    const I = 0.5, O = this._getTransformCoordForDocumentOffset(d, c, n, t);
     if (O == null)
       return;
     const C = (x = this._renderManagerService.getRenderById(e.unitId)) == null ? void 0 : x.with(Re);
     if (C == null)
       return;
-    const T = o == null ? void 0 : o.findNodeByCoord(O, l, m, g, {
+    const T = o == null ? void 0 : o.findNodeByCoord(O, g, m, l, {
       strict: !1,
       segmentId: C.getSegment(),
       segmentPage: C.getSegmentPage()
     });
     if (T) {
-      const { node: _, ratioX: D, segmentPage: R, segmentId: y } = T;
-      u = D < S, w = _, h = R, v = y;
+      const { node: S, ratioX: D, segmentPage: R, segmentId: y } = T;
+      u = D < I, f = S, v = R, w = y;
     }
-    if (w == null)
+    if (f == null)
       return;
-    const M = o == null ? void 0 : o.findPositionByGlyph(w, h), b = this._getDocObject();
-    if (M == null || o == null || b == null || Xn(M))
+    const M = o == null ? void 0 : o.findPositionByGlyph(f, v), P = this._getDocObject();
+    if (M == null || o == null || P == null || Xn(M))
       return;
     const N = {
       ...M,
       isBack: u
-    }, B = b.document.getOffsetConfig(), E = new kn(B, o), { cursorList: I, contentBoxPointGroup: L } = E.getRangePointData(N, N), { startOffset: G } = (V = Fn(I)) != null ? V : {};
+    }, B = P.document.getOffsetConfig(), E = new kn(B, o), { cursorList: _, contentBoxPointGroup: L } = E.getRangePointData(N, N), { startOffset: G } = (V = Fn(_)) != null ? V : {};
     if (G != null)
-      return { offset: G, contentBoxPointGroup: L, segmentId: v, segmentPage: h };
+      return { offset: G, contentBoxPointGroup: L, segmentId: w, segmentPage: v };
   }
   // eslint-disable-next-line max-lines-per-function, complexity
   _getDrawingAnchor(e, n) {
-    var De, Ce, de, Te, ye, Ne, Ae, be, le, ge, xe;
+    var De, Ce, de, Te, ye, Ne, Ae, Pe, le, ge, xe;
     const t = this._renderManagerService.getRenderById(e.unitId), r = t == null ? void 0 : t.with(te).getSkeleton(), o = r == null ? void 0 : r.getSkeletonData();
     if (o == null || t == null)
       return;
-    const { pages: s, skeHeaders: a, skeFooters: d } = o, { mainComponent: c, scene: l } = t, m = c, g = l.getViewports()[0], { pageLayoutType: w = Ln.VERTICAL, pageMarginLeft: u, pageMarginTop: h, docsLeft: v, docsTop: S } = m.getOffsetConfig(), { left: O, top: C, angle: T } = n;
-    let { width: M, height: b } = n;
-    const { positionV: N, positionH: B } = e.docTransform, { width: E, height: I } = this._getPageContentSize(e);
-    M = Math.min(M, E), b = Math.min(b, I);
+    const { pages: s, skeHeaders: a, skeFooters: d } = o, { mainComponent: c, scene: g } = t, m = c, l = g.getViewports()[0], { pageLayoutType: f = Ln.VERTICAL, pageMarginLeft: u, pageMarginTop: v, docsLeft: w, docsTop: I } = m.getOffsetConfig(), { left: O, top: C, angle: T } = n;
+    let { width: M, height: P } = n;
+    const { positionV: N, positionH: B } = e.docTransform, { width: E, height: _ } = this._getPageContentSize(e);
+    M = Math.min(M, E), P = Math.min(P, _);
     let L = null, G = "", x = -1;
-    const V = !1, _ = {
+    const V = !1, S = {
       ...e.docTransform,
       size: {
         width: M,
-        height: b
+        height: P
       },
       angle: T
-    }, { x: D, y: R } = l.getViewportScrollXY(g), y = this._getTransformCoordForDocumentOffset(m, g, O - D, C - R);
+    }, { x: D, y: R } = g.getViewportScrollXY(l), y = this._getTransformCoordForDocumentOffset(m, l, O - D, C - R);
     if (y == null)
       return;
     const U = (De = this._renderManagerService.getRenderById(e.unitId)) == null ? void 0 : De.with(Re);
     if (U == null)
       return;
-    const k = r == null ? void 0 : r.findNodeByCoord(y, w, u, h, {
+    const k = r == null ? void 0 : r.findNodeByCoord(y, f, u, v, {
       strict: !1,
       segmentId: U.getSegment(),
       segmentPage: U.getSegmentPage()
     });
     if (k) {
-      const { node: we, segmentPage: hn, segmentId: fn } = k;
-      L = we, x = hn, G = fn;
+      const { node: we, segmentPage: fn, segmentId: hn } = k;
+      L = we, x = fn, G = hn;
     }
     if (L == null)
       return;
-    const P = (Ce = L.parent) == null ? void 0 : Ce.parent, A = P == null ? void 0 : P.parent, z = (de = A == null ? void 0 : A.lines.find((we) => we.paragraphIndex === (P == null ? void 0 : P.paragraphIndex) && we.paragraphStart)) != null ? de : A == null ? void 0 : A.lines[0], F = (Te = A == null ? void 0 : A.parent) == null ? void 0 : Te.parent;
-    if (P == null || A == null || z == null || F == null)
+    const b = (Ce = L.parent) == null ? void 0 : Ce.parent, A = b == null ? void 0 : b.parent, z = (de = A == null ? void 0 : A.lines.find((we) => we.paragraphIndex === (b == null ? void 0 : b.paragraphIndex) && we.paragraphStart)) != null ? de : A == null ? void 0 : A.lines[0], F = (Te = A == null ? void 0 : A.parent) == null ? void 0 : Te.parent;
+    if (b == null || A == null || z == null || F == null)
       return;
     this._liquid.reset();
     const Z = F.type;
     for (const we of s) {
-      const { headerId: hn, footerId: fn, pageHeight: Et, pageWidth: Pn, marginLeft: Mn, marginBottom: Nt } = we, At = s.indexOf(we);
-      if (x > -1 && At === x) {
+      const { headerId: fn, footerId: hn, pageHeight: Rt, pageWidth: bn, marginLeft: Mn, marginBottom: Et } = we, Nt = s.indexOf(we);
+      if (x > -1 && Nt === x) {
         switch (Z) {
           case Un.HEADER: {
-            const je = (ye = a.get(hn)) == null ? void 0 : ye.get(Pn);
+            const je = (ye = a.get(fn)) == null ? void 0 : ye.get(bn);
             if (je)
               this._liquid.translatePagePadding({
                 marginTop: je.marginTop,
@@ -767,10 +776,10 @@ let sn = class extends Ge {
             break;
           }
           case Un.FOOTER: {
-            const je = (Ne = d.get(fn)) == null ? void 0 : Ne.get(Pn);
+            const je = (Ne = d.get(hn)) == null ? void 0 : Ne.get(bn);
             if (je)
               this._liquid.translatePagePadding({
-                marginTop: Et - Nt + je.marginTop,
+                marginTop: Rt - Et + je.marginTop,
                 marginLeft: Mn
               });
             else
@@ -782,35 +791,35 @@ let sn = class extends Ge {
       }
       if (this._liquid.translatePagePadding(we), we === F)
         break;
-      this._liquid.restorePagePadding(we), this._liquid.translatePage(we, w, u, h);
+      this._liquid.restorePagePadding(we), this._liquid.translatePage(we, f, u, v);
     }
-    switch (N.relativeFrom === H.LINE ? L = P.divides[0].glyphGroup[0] : L = (ge = (le = (be = (Ae = z.divides) == null ? void 0 : Ae[0]) == null ? void 0 : be.glyphGroup) == null ? void 0 : le[0]) != null ? ge : L, _.positionH = {
+    switch (N.relativeFrom === H.LINE ? L = b.divides[0].glyphGroup[0] : L = (ge = (le = (Pe = (Ae = z.divides) == null ? void 0 : Ae[0]) == null ? void 0 : Pe.glyphGroup) == null ? void 0 : le[0]) != null ? ge : L, S.positionH = {
       relativeFrom: B.relativeFrom,
-      posOffset: O - this._liquid.x - v
+      posOffset: O - this._liquid.x - w
     }, B.relativeFrom) {
       case ee.MARGIN: {
-        _.positionH.posOffset = O - this._liquid.x - v - F.marginLeft;
+        S.positionH.posOffset = O - this._liquid.x - w - F.marginLeft;
         break;
       }
       case ee.COLUMN: {
-        _.positionH.posOffset = O - this._liquid.x - v - A.left;
+        S.positionH.posOffset = O - this._liquid.x - w - A.left;
         break;
       }
     }
-    switch (_.positionV = {
+    switch (S.positionV = {
       relativeFrom: N.relativeFrom,
-      posOffset: C - this._liquid.y - S
+      posOffset: C - this._liquid.y - I
     }, N.relativeFrom) {
       case H.PAGE: {
-        _.positionV.posOffset = C - this._liquid.y - S - F.marginTop;
+        S.positionV.posOffset = C - this._liquid.y - I - F.marginTop;
         break;
       }
       case H.LINE: {
-        _.positionV.posOffset = C - this._liquid.y - S - P.top;
+        S.positionV.posOffset = C - this._liquid.y - I - b.top;
         break;
       }
       case H.PARAGRAPH: {
-        _.positionV.posOffset = C - this._liquid.y - S - z.top;
+        S.positionV.posOffset = C - this._liquid.y - I - z.top;
         break;
       }
     }
@@ -824,24 +833,24 @@ let sn = class extends Ge {
       isBack: V
     }, Ve = Be.document.getOffsetConfig(), ce = new kn(Ve, r), { cursorList: ie } = ce.getRangePointData(Ee, Ee), { startOffset: re } = (xe = Fn(ie)) != null ? xe : {};
     if (re != null)
-      return { offset: re, docTransform: _, segmentId: G, segmentPage: x };
+      return { offset: re, docTransform: S, segmentId: G, segmentPage: x };
   }
   // Update drawing when use transformer to resize it.
   _updateDrawingSize(e, n) {
     const t = [], { drawing: r, width: o, height: s, angle: a } = e, { unitId: d, subUnitId: c } = r;
-    let { width: l, height: m, angle: g } = n;
-    const { width: w, height: u } = this._getPageContentSize(r);
-    l = Math.min(w, l), m = Math.min(u, m), (l !== o || m !== s) && t.push({
+    let { width: g, height: m, angle: l } = n;
+    const { width: f, height: u } = this._getPageContentSize(r);
+    g = Math.min(f, g), m = Math.min(u, m), (g !== o || m !== s) && t.push({
       drawingId: r.drawingId,
       key: "size",
       value: {
-        width: l,
+        width: g,
         height: m
       }
-    }), g !== a && t.push({
+    }), l !== a && t.push({
       drawingId: r.drawingId,
       key: "angle",
-      value: g
+      value: l
     }), t.length > 0 && d && c && this._commandService.executeCommand(Ke.id, {
       unitId: d,
       subUnitId: c,
@@ -851,7 +860,7 @@ let sn = class extends Ge {
   // Update inline drawing when use transformer to move it.
   _moveInlineDrawing(e, n, t) {
     const r = this._getInlineDrawingAnchor(e, n, t), { offset: o, segmentId: s, segmentPage: a } = r != null ? r : {};
-    return this._commandService.executeCommand(ht.id, {
+    return this._commandService.executeCommand(ut.id, {
       unitId: e.unitId,
       subUnitId: e.unitId,
       drawing: e,
@@ -864,8 +873,8 @@ let sn = class extends Ge {
   // Limit the drawing to the page area, mainly in the vertical direction,
   // and the upper and lower limits cannot exceed the page margin area.
   _limitDrawingInPage(e, n) {
-    const t = this._renderManagerService.getRenderById(e.unitId), { left: r, top: o, width: s, height: a, angle: d } = n, c = t == null ? void 0 : t.with(te).getSkeleton(), l = c == null ? void 0 : c.getSkeletonData(), { pages: m } = l != null ? l : {};
-    if (l == null || t == null || m == null)
+    const t = this._renderManagerService.getRenderById(e.unitId), { left: r, top: o, width: s, height: a, angle: d } = n, c = t == null ? void 0 : t.with(te).getSkeleton(), g = c == null ? void 0 : c.getSkeletonData(), { pages: m } = g != null ? g : {};
+    if (g == null || t == null || m == null)
       return {
         left: r,
         top: o,
@@ -873,23 +882,23 @@ let sn = class extends Ge {
         height: a,
         angle: d
       };
-    const { mainComponent: g } = t, w = g, { top: u, pageLayoutType: h, pageMarginLeft: v, pageMarginTop: S } = w;
+    const { mainComponent: l } = t, f = l, { top: u, pageLayoutType: v, pageMarginLeft: w, pageMarginTop: I } = f;
     let O = o;
     this._liquid.reset();
     for (const C of m) {
-      const { marginBottom: T, pageHeight: M } = C, b = m.indexOf(C), N = m[b + 1];
+      const { marginBottom: T, pageHeight: M } = C, P = m.indexOf(C), N = m[P + 1];
       if (N == null)
         continue;
       if (Me.hasIntersectionBetweenTwoRanges(
         o,
         o + a,
         this._liquid.y + u + M - T,
-        this._liquid.y + u + M + S + N.marginTop
+        this._liquid.y + u + M + I + N.marginTop
       )) {
-        const E = o + a / 2, I = this._liquid.y + u + M + S / 2;
-        E < I ? O = Math.min(o, this._liquid.y + u + M - T - a) : O = Math.max(o, this._liquid.y + u + M + S + N.marginTop);
+        const E = o + a / 2, _ = this._liquid.y + u + M + I / 2;
+        E < _ ? O = Math.min(o, this._liquid.y + u + M - T - a) : O = Math.max(o, this._liquid.y + u + M + I + N.marginTop);
       }
-      this._liquid.translatePage(C, h, v, S);
+      this._liquid.translatePage(C, v, w, I);
     }
     return {
       left: r,
@@ -935,23 +944,23 @@ let sn = class extends Ge {
     const { mainComponent: r, scene: o } = t, s = r, {
       docsLeft: a,
       docsTop: d
-    } = s.getOffsetConfig(), c = yi(n), { left: l, top: m, height: g } = c, w = l + a, u = m + d;
+    } = s.getOffsetConfig(), c = yi(n), { left: g, top: m, height: l } = c, f = g + a, u = m + d;
     if (this._anchorShape) {
-      this._anchorShape.transformByState({ left: w, top: u, height: g }), this._anchorShape.show();
+      this._anchorShape.transformByState({ left: f, top: u, height: l }), this._anchorShape.show();
       return;
     }
-    const h = 6, v = new ui($i + Me.generateRandomId(h), {
-      left: w,
+    const v = 6, w = new ui($i + Me.generateRandomId(v), {
+      left: f,
       top: u,
-      height: g,
+      height: l,
       strokeWidth: 2,
-      stroke: hi(Ft.darkGray, 1),
+      stroke: fi(kt.darkGray, 1),
       evented: !1
     });
-    this._anchorShape = v, o.addObject(v, bi);
+    this._anchorShape = w, o.addObject(w, Pi);
   }
   _getDocObject() {
-    return Pi(this._univerInstanceService, this._renderManagerService);
+    return bi(this._univerInstanceService, this._renderManagerService);
   }
   _getPageContentSize(e) {
     const n = this._renderManagerService.getRenderById(e.unitId), t = n == null ? void 0 : n.with(te).getSkeleton(), r = 500, o = 500, s = t == null ? void 0 : t.getSkeletonData();
@@ -963,17 +972,17 @@ let sn = class extends Ge {
     const { pages: a } = s;
     let d = null;
     for (const c of a) {
-      const { skeDrawings: l } = c;
-      if (l.has(e.drawingId)) {
+      const { skeDrawings: g } = c;
+      if (g.has(e.drawingId)) {
         d = c;
         break;
       }
     }
     if (d) {
-      const { pageWidth: c, pageHeight: l, marginLeft: m, marginBottom: g, marginRight: w, marginTop: u } = d;
+      const { pageWidth: c, pageHeight: g, marginLeft: m, marginBottom: l, marginRight: f, marginTop: u } = d;
       return {
-        width: Math.max(r, c - m - w),
-        height: Math.max(o, l - u - g)
+        width: Math.max(r, c - m - f),
+        height: Math.max(o, g - u - l)
       };
     } else
       return {
@@ -985,17 +994,17 @@ let sn = class extends Ge {
 sn = ji([
   Je(0, $),
   Je(1, q),
-  Je(2, Ie),
+  Je(2, _e),
   Je(3, J)
 ], sn);
-var fe = function() {
-  return fe = Object.assign || function(i) {
+var he = function() {
+  return he = Object.assign || function(i) {
     for (var e, n = 1, t = arguments.length; n < t; n++) {
       e = arguments[n];
       for (var r in e) Object.prototype.hasOwnProperty.call(e, r) && (i[r] = e[r]);
     }
     return i;
-  }, fe.apply(this, arguments);
+  }, he.apply(this, arguments);
 }, zi = function(i, e) {
   var n = {};
   for (var t in i) Object.prototype.hasOwnProperty.call(i, t) && e.indexOf(t) < 0 && (n[t] = i[t]);
@@ -1003,17 +1012,17 @@ var fe = function() {
     for (var r = 0, t = Object.getOwnPropertySymbols(i); r < t.length; r++)
       e.indexOf(t[r]) < 0 && Object.prototype.propertyIsEnumerable.call(i, t[r]) && (n[t[r]] = i[t[r]]);
   return n;
-}, pt = ct(function(i, e) {
+}, ht = at(function(i, e) {
   var n = i.icon, t = i.id, r = i.className, o = i.extend, s = zi(i, ["icon", "id", "className", "extend"]), a = "univerjs-icon univerjs-icon-".concat(t, " ").concat(r || "").trim(), d = Ui("_".concat(Ki()));
-  return wt(n, "".concat(t), { defIds: n.defIds, idSuffix: d.current }, fe({ ref: e, className: a }, s), o);
+  return pt(n, "".concat(t), { defIds: n.defIds, idSuffix: d.current }, he({ ref: e, className: a }, s), o);
 });
-function wt(i, e, n, t, r) {
-  return dt(i.tag, fe(fe({ key: e }, Xi(i, n, r)), t), (qi(i, n).children || []).map(function(o, s) {
-    return wt(o, "".concat(e, "-").concat(i.tag, "-").concat(s), n, void 0, r);
+function pt(i, e, n, t, r) {
+  return ct(i.tag, he(he({ key: e }, Xi(i, n, r)), t), (qi(i, n).children || []).map(function(o, s) {
+    return pt(o, "".concat(e, "-").concat(i.tag, "-").concat(s), n, void 0, r);
   }));
 }
 function Xi(i, e, n) {
-  var t = fe({}, i.attrs);
+  var t = he({}, i.attrs);
   n != null && n.colorChannel1 && t.fill === "colorChannel1" && (t.fill = n.colorChannel1), i.tag === "mask" && t.id && (t.id = t.id + e.idSuffix), Object.entries(t).forEach(function(o) {
     var s = o[0], a = o[1];
     s === "mask" && typeof a == "string" && (t[s] = a.replace(/url\(#(.*)\)/, "url(#$1".concat(e.idSuffix, ")")));
@@ -1026,65 +1035,65 @@ function Xi(i, e, n) {
 }
 function qi(i, e) {
   var n, t = e.defIds;
-  return !t || t.length === 0 ? i : i.tag === "defs" && (!((n = i.children) === null || n === void 0) && n.length) ? fe(fe({}, i), { children: i.children.map(function(r) {
-    return typeof r.attrs.id == "string" && t && t.indexOf(r.attrs.id) > -1 ? fe(fe({}, r), { attrs: fe(fe({}, r.attrs), { id: r.attrs.id + e.idSuffix }) }) : r;
+  return !t || t.length === 0 ? i : i.tag === "defs" && (!((n = i.children) === null || n === void 0) && n.length) ? he(he({}, i), { children: i.children.map(function(r) {
+    return typeof r.attrs.id == "string" && t && t.indexOf(r.attrs.id) > -1 ? he(he({}, r), { attrs: he(he({}, r.attrs), { id: r.attrs.id + e.idSuffix }) }) : r;
   }) }) : i;
 }
 function Ki() {
   return Math.random().toString(36).substring(2, 8);
 }
-pt.displayName = "UniverIcon";
-var Yi = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M2.2498 3.65005C2.2498 2.87685 2.87661 2.25005 3.64981 2.25005H7.9998C8.33118 2.25005 8.5998 1.98142 8.5998 1.65005C8.5998 1.31868 8.33118 1.05005 7.9998 1.05005H3.64981C2.21387 1.05005 1.0498 2.21411 1.0498 3.65005V12.35C1.0498 13.786 2.21386 14.95 3.6498 14.95H12.3498C13.7857 14.95 14.9498 13.786 14.9498 12.3501V8.00005C14.9498 7.66868 14.6812 7.40005 14.3498 7.40005C14.0184 7.40005 13.7498 7.66868 13.7498 8.00005V9.23974L12.2385 8.1063C11.7252 7.72129 11.0068 7.7723 10.5531 8.22605L9.00869 9.77041L6.73916 7.8251C6.24387 7.40055 5.5095 7.41278 5.02864 7.85359L2.2498 10.4009V3.65005ZM2.2498 12.0287V12.35C2.2498 13.1232 2.87661 13.75 3.6498 13.75H12.3498C13.123 13.75 13.7498 13.1232 13.7498 12.3501V10.7397L11.5186 9.06631C11.4829 9.03956 11.433 9.04314 11.4016 9.07458L9.92249 10.5537L11.1015 11.5642C11.3531 11.7799 11.3822 12.1587 11.1666 12.4103C10.9509 12.6619 10.5721 12.691 10.3205 12.4753L5.9582 8.7362C5.92384 8.70674 5.87288 8.70758 5.83952 8.73816L2.2498 12.0287Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M11.8097 1.14783C12.1411 1.14783 12.4097 1.41646 12.4097 1.74783V3.297H14.1541C14.4855 3.297 14.7541 3.56563 14.7541 3.897C14.7541 4.22837 14.4855 4.497 14.1541 4.497H12.4097V6.24167C12.4097 6.57304 12.1411 6.84167 11.8097 6.84167C11.4783 6.84167 11.2097 6.57304 11.2097 6.24167V4.497H9.6603C9.32893 4.497 9.0603 4.22837 9.0603 3.897C9.0603 3.56563 9.32893 3.297 9.6603 3.297H11.2097V1.74783C11.2097 1.41646 11.4783 1.14783 11.8097 1.14783Z" } }] }, vt = ct(function(i, e) {
-  return dt(pt, Object.assign({}, i, {
+ht.displayName = "UniverIcon";
+var Yi = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M2.2498 3.65005C2.2498 2.87685 2.87661 2.25005 3.64981 2.25005H7.9998C8.33118 2.25005 8.5998 1.98142 8.5998 1.65005C8.5998 1.31868 8.33118 1.05005 7.9998 1.05005H3.64981C2.21387 1.05005 1.0498 2.21411 1.0498 3.65005V12.35C1.0498 13.786 2.21386 14.95 3.6498 14.95H12.3498C13.7857 14.95 14.9498 13.786 14.9498 12.3501V8.00005C14.9498 7.66868 14.6812 7.40005 14.3498 7.40005C14.0184 7.40005 13.7498 7.66868 13.7498 8.00005V9.23974L12.2385 8.1063C11.7252 7.72129 11.0068 7.7723 10.5531 8.22605L9.00869 9.77041L6.73916 7.8251C6.24387 7.40055 5.5095 7.41278 5.02864 7.85359L2.2498 10.4009V3.65005ZM2.2498 12.0287V12.35C2.2498 13.1232 2.87661 13.75 3.6498 13.75H12.3498C13.123 13.75 13.7498 13.1232 13.7498 12.3501V10.7397L11.5186 9.06631C11.4829 9.03956 11.433 9.04314 11.4016 9.07458L9.92249 10.5537L11.1015 11.5642C11.3531 11.7799 11.3822 12.1587 11.1666 12.4103C10.9509 12.6619 10.5721 12.691 10.3205 12.4753L5.9582 8.7362C5.92384 8.70674 5.87288 8.70758 5.83952 8.73816L2.2498 12.0287Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M11.8097 1.14783C12.1411 1.14783 12.4097 1.41646 12.4097 1.74783V3.297H14.1541C14.4855 3.297 14.7541 3.56563 14.7541 3.897C14.7541 4.22837 14.4855 4.497 14.1541 4.497H12.4097V6.24167C12.4097 6.57304 12.1411 6.84167 11.8097 6.84167C11.4783 6.84167 11.2097 6.57304 11.2097 6.24167V4.497H9.6603C9.32893 4.497 9.0603 4.22837 9.0603 3.897C9.0603 3.56563 9.32893 3.297 9.6603 3.297H11.2097V1.74783C11.2097 1.41646 11.4783 1.14783 11.8097 1.14783Z" } }] }, wt = at(function(i, e) {
+  return ct(ht, Object.assign({}, i, {
     id: "add-image-single",
     ref: e,
     icon: Yi
   }));
 });
-vt.displayName = "AddImageSingle";
+wt.displayName = "AddImageSingle";
 const yn = {
   id: "doc.command.remove-doc-image",
   type: Y.COMMAND,
   // eslint-disable-next-line max-lines-per-function
   handler: (i, e) => {
-    var M, b, N, B;
+    var M, P, N, B;
     const n = i.get($), t = i.get(q), r = i.get(J), o = t.getCurrentUniverDocInstance();
     if (e == null || o == null)
       return !1;
-    const s = r.getRenderById(e.unitId).with(Re), { drawings: a } = e, d = (M = s.getSegment()) != null ? M : "", c = new Dn(), l = X.getInstance(), m = (N = (b = o.getSelfOrHeaderFooterModel(d).getBody()) == null ? void 0 : b.customBlocks) != null ? N : [], g = a.map((E) => m.find((I) => I.blockId === E.drawingId)).filter((E) => !!E).sort((E, I) => E.startIndex > I.startIndex ? 1 : -1), w = a[0].unitId, u = new Wt();
+    const s = r.getRenderById(e.unitId).with(Re), { drawings: a } = e, d = (M = s.getSegment()) != null ? M : "", c = new Sn(), g = X.getInstance(), m = (N = (P = o.getSelfOrHeaderFooterModel(d).getBody()) == null ? void 0 : P.customBlocks) != null ? N : [], l = a.map((E) => m.find((_) => _.blockId === E.drawingId)).filter((E) => !!E).sort((E, _) => E.startIndex > _.startIndex ? 1 : -1), f = a[0].unitId, u = new Ft();
     u.reset();
-    const h = g[0].startIndex, v = [
+    const v = l[0].startIndex, w = [
       {
-        startOffset: h,
-        endOffset: h
+        startOffset: v,
+        endOffset: v
       }
-    ], S = {
+    ], I = {
       id: ne.id,
       params: {
-        unitId: w,
+        unitId: f,
         actions: [],
-        textRanges: v
+        textRanges: w
       }
     }, O = [];
-    for (const E of g) {
-      const { startIndex: I } = E;
-      I > u.cursor && c.push({
+    for (const E of l) {
+      const { startIndex: _ } = E;
+      _ > u.cursor && c.push({
         t: Q.RETAIN,
-        len: I - u.cursor
+        len: _ - u.cursor
       }), c.push({
         t: Q.DELETE,
         len: 1
-      }), u.moveCursorTo(I + 1);
+      }), u.moveCursorTo(_ + 1);
     }
     const C = qe(o, d);
-    O.push(l.editOp(c.serialize(), C));
-    for (const E of g) {
-      const { blockId: I } = E, L = ((B = o.getDrawings()) != null ? B : {})[I], x = o.getDrawingsOrder().indexOf(I), V = l.removeOp(["drawings", I], L), _ = l.removeOp(["drawingsOrder", x], I);
-      O.push(V), O.push(_);
+    O.push(g.editOp(c.serialize(), C));
+    for (const E of l) {
+      const { blockId: _ } = E, L = ((B = o.getDrawings()) != null ? B : {})[_], x = o.getDrawingsOrder().indexOf(_), V = g.removeOp(["drawings", _], L), S = g.removeOp(["drawingsOrder", x], _);
+      O.push(V), O.push(S);
     }
-    return S.params.actions = O.reduce((E, I) => X.compose(E, I), null), !!n.syncExecuteCommand(S.id, S.params);
+    return I.params.actions = O.reduce((E, _) => X.compose(E, _), null), !!n.syncExecuteCommand(I.id, I.params);
   }
-}, It = {
+}, vt = {
   id: "doc.command.delete-drawing",
   type: Y.COMMAND,
   handler: (i) => {
@@ -1092,12 +1101,12 @@ const yn = {
     if (t.length === 0)
       return !1;
     const { unitId: r } = t[0], o = t.map((s) => {
-      const { unitId: a, subUnitId: d, drawingId: c, drawingType: l } = s;
+      const { unitId: a, subUnitId: d, drawingId: c, drawingType: g } = s;
       return {
         unitId: a,
         subUnitId: d,
         drawingId: c,
-        drawingType: l
+        drawingType: g
       };
     });
     return e.executeCommand(yn.id, {
@@ -1105,7 +1114,7 @@ const yn = {
       drawings: o
     });
   }
-}, _t = {
+}, It = {
   id: "doc.command.group-doc-image",
   type: Y.COMMAND,
   handler: (i, e) => {
@@ -1113,64 +1122,64 @@ const yn = {
     const n = i.get(Ue);
     if (!e) return !1;
     const t = [];
-    e.forEach(({ parent: l, children: m }) => {
-      t.push(l.unitId), m.forEach((g) => {
-        t.push(g.unitId);
+    e.forEach(({ parent: g, children: m }) => {
+      t.push(g.unitId), m.forEach((l) => {
+        t.push(l.unitId);
       });
     });
     const r = n.getGroupDrawingOp(e), { unitId: o, subUnitId: s, undo: a, redo: d, objects: c } = r;
     return !1;
   }
-}, bn = {
+}, Pn = {
   id: "doc.command.insert-doc-image",
   type: Y.COMMAND,
   // eslint-disable-next-line max-lines-per-function
   handler: (i, e) => {
-    var b, N, B, E;
+    var P, N, B, E;
     if (e == null)
       return !1;
     const n = i.get($), t = i.get(On), r = i.get(q), o = t.getActiveTextRange(), s = r.getCurrentUniverDocInstance();
     if (o == null || s == null)
       return !1;
-    const a = s.getUnitId(), { drawings: d } = e, { collapsed: c, startOffset: l, segmentId: m } = o, g = s.getSelfOrHeaderFooterModel(m).getBody();
-    if (g == null)
+    const a = s.getUnitId(), { drawings: d } = e, { collapsed: c, startOffset: g, segmentId: m } = o, l = s.getSelfOrHeaderFooterModel(m).getBody();
+    if (l == null)
       return !1;
-    const w = new Dn(), u = X.getInstance(), h = [], v = (N = (b = s.getSnapshot().drawingsOrder) == null ? void 0 : b.length) != null ? N : 0;
-    let S = 0;
+    const f = new Sn(), u = X.getInstance(), v = [], w = (N = (P = s.getSnapshot().drawingsOrder) == null ? void 0 : P.length) != null ? N : 0;
+    let I = 0;
     if (c)
-      l > 0 && w.push({
+      g > 0 && f.push({
         t: Q.RETAIN,
-        len: l
+        len: g
       });
     else {
-      const I = Ht.selection.delete([o], g, 0, null, !1);
-      w.push(...I);
-      const L = Mi(g, [o]), G = (B = s.getDrawings()) != null ? B : {}, x = (E = s.getDrawingsOrder()) != null ? E : [], V = L.sort((_, D) => x.indexOf(_) > x.indexOf(D) ? -1 : x.indexOf(_) < x.indexOf(D) ? 1 : 0);
+      const _ = Wt.selection.delete([o], l, 0, null, !1);
+      f.push(..._);
+      const L = Mi(l, [o]), G = (B = s.getDrawings()) != null ? B : {}, x = (E = s.getDrawingsOrder()) != null ? E : [], V = L.sort((S, D) => x.indexOf(S) > x.indexOf(D) ? -1 : x.indexOf(S) < x.indexOf(D) ? 1 : 0);
       if (V.length > 0)
-        for (const _ of V) {
-          const D = G[_], R = x.indexOf(_);
+        for (const S of V) {
+          const D = G[S], R = x.indexOf(S);
           if (D == null || R < 0)
             continue;
-          const y = u.removeOp(["drawings", _], D), U = u.removeOp(["drawingsOrder", R], _);
-          h.push(y), h.push(U), S++;
+          const y = u.removeOp(["drawings", S], D), U = u.removeOp(["drawingsOrder", R], S);
+          v.push(y), v.push(U), I++;
         }
     }
-    w.push({
+    f.push({
       t: Q.INSERT,
       body: {
         dataStream: "\b".repeat(d.length),
-        customBlocks: d.map((I, L) => ({
+        customBlocks: d.map((_, L) => ({
           startIndex: L,
-          blockId: I.drawingId
+          blockId: _.drawingId
         }))
       },
       len: d.length
     });
-    const O = qe(s, m), C = u.editOp(w.serialize(), O);
-    h.push(C);
-    for (const I of d) {
-      const { drawingId: L } = I, G = u.insertOp(["drawings", L], I), x = u.insertOp(["drawingsOrder", v - S], L);
-      h.push(G), h.push(x);
+    const O = qe(s, m), C = u.editOp(f.serialize(), O);
+    v.push(C);
+    for (const _ of d) {
+      const { drawingId: L } = _, G = u.insertOp(["drawings", L], _), x = u.insertOp(["drawingsOrder", w - I], L);
+      v.push(G), v.push(x);
     }
     const T = {
       id: ne.id,
@@ -1180,9 +1189,9 @@ const yn = {
         textRanges: []
       }
     };
-    return T.params.actions = h.reduce((I, L) => X.compose(I, L), null), !!n.syncExecuteCommand(T.id, T.params);
+    return T.params.actions = v.reduce((_, L) => X.compose(_, L), null), !!n.syncExecuteCommand(T.id, T.params);
   }
-}, St = {
+}, _t = {
   id: "doc.command.set-drawing-arrange",
   type: Y.COMMAND,
   handler: (i, e) => {
@@ -1193,13 +1202,13 @@ const yn = {
     let c;
     if (a === Qe.forward ? c = t.getForwardDrawingsOp(d) : a === Qe.backward ? c = t.getBackwardDrawingOp(d) : a === Qe.front ? c = t.getFrontDrawingsOp(d) : a === Qe.back && (c = t.getBackDrawingsOp(d)), c == null)
       return !1;
-    const { redo: l } = c;
-    if (l == null)
+    const { redo: g } = c;
+    if (g == null)
       return !1;
     const m = [];
-    let g = Me.deepClone(l);
-    g = g.slice(3), g.unshift("drawingsOrder"), m.push(g);
-    const w = {
+    let l = Me.deepClone(g);
+    l = l.slice(3), l.unshift("drawingsOrder"), m.push(l);
+    const f = {
       id: ne.id,
       params: {
         unitId: r,
@@ -1207,9 +1216,9 @@ const yn = {
         textRanges: null
       }
     };
-    return w.params.actions = m.reduce((h, v) => X.compose(h, v), null), !!n.syncExecuteCommand(w.id, w.params);
+    return f.params.actions = m.reduce((v, w) => X.compose(v, w), null), !!n.syncExecuteCommand(f.id, f.params);
   }
-}, Dt = {
+}, St = {
   id: "doc.command.ungroup-doc-image",
   type: Y.COMMAND,
   handler: (i, e) => {
@@ -1217,9 +1226,9 @@ const yn = {
     const n = i.get(Ue);
     if (!e) return !1;
     const t = [];
-    e.forEach(({ parent: l, children: m }) => {
-      t.push(l.unitId), m.forEach((g) => {
-        t.push(g.unitId);
+    e.forEach(({ parent: g, children: m }) => {
+      t.push(g.unitId), m.forEach((l) => {
+        t.push(l.unitId);
       });
     });
     const r = n.getUngroupDrawingOp(e), { unitId: o, subUnitId: s, undo: a, redo: d, objects: c } = r;
@@ -1232,13 +1241,13 @@ var Zi = Object.getOwnPropertyDescriptor, Qi = (i, e, n, t) => {
   return r;
 }, me = (i, e) => (n, t) => e(n, t, i);
 let an = class extends Ge {
-  constructor(i, e, n, t, r, o, s, a, d, c, l, m, g) {
-    super(), this._context = i, this._commandService = e, this._docSelectionManagerService = n, this._renderManagerSrv = t, this._imageIoService = r, this._docDrawingService = o, this._drawingManagerService = s, this._contextService = a, this._messageService = d, this._localeService = c, this._docSelectionRenderService = l, this._docRefreshDrawingsService = m, this._fileOpenerService = g, this._updateOrderListener(), this._groupDrawingListener(), this._focusDrawingListener(), this._transformDrawingListener(), this._editAreaChangeListener();
+  constructor(i, e, n, t, r, o, s, a, d, c, g, m, l) {
+    super(), this._context = i, this._commandService = e, this._docSelectionManagerService = n, this._renderManagerSrv = t, this._imageIoService = r, this._docDrawingService = o, this._drawingManagerService = s, this._contextService = a, this._messageService = d, this._localeService = c, this._docSelectionRenderService = g, this._docRefreshDrawingsService = m, this._fileOpenerService = l, this._updateOrderListener(), this._groupDrawingListener(), this._focusDrawingListener(), this._transformDrawingListener(), this._editAreaChangeListener();
   }
   async insertDocImage() {
     const i = await this._fileOpenerService.openFile({
       multiple: !0,
-      accept: ni.map((n) => `.${n.replace("image/", "")}`).join(",")
+      accept: ei.map((n) => `.${n.replace("image/", "")}`).join(",")
     }), e = i.length;
     return e > Nn ? (this._messageService.show({
       type: Vn.Error,
@@ -1255,7 +1264,7 @@ let an = class extends Ge {
       let s = "";
       switch (o) {
         case wn.ERROR_EXCEED_SIZE:
-          s = this._localeService.t("update-status.exceedMaxSize", String(ti / (1024 * 1024)));
+          s = this._localeService.t("update-status.exceedMaxSize", String(ni / (1024 * 1024)));
           break;
         case wn.ERROR_IMAGE_TYPE:
           s = this._localeService.t("update-status.invalidImageType");
@@ -1275,25 +1284,25 @@ let an = class extends Ge {
     for (const r of e) {
       if (r == null)
         continue;
-      const { imageId: o, imageSourceType: s, source: a, base64Cache: d } = r, { width: c, height: l, image: m } = await ii(d || "");
+      const { imageId: o, imageSourceType: s, source: a, base64Cache: d } = r, { width: c, height: g, image: m } = await ti(d || "");
       this._imageIoService.addImageSourceCache(o, s, m);
-      let g = 1;
-      if (c > An || l > xn) {
-        const v = An / c, S = xn / l;
-        g = Math.min(v, S);
+      let l = 1;
+      if (c > An || g > xn) {
+        const w = An / c, I = xn / g;
+        l = Math.min(w, I);
       }
-      const w = this._getImagePosition(c * g, l * g);
-      if (w == null)
+      const f = this._getImagePosition(c * l, g * l);
+      if (f == null)
         return;
       const u = {
         unitId: n,
         subUnitId: n,
         drawingId: o,
-        drawingType: _n.DRAWING_IMAGE,
+        drawingType: Dn.DRAWING_IMAGE,
         imageSourceType: s,
         source: a,
-        transform: it(w),
-        docTransform: w,
+        transform: tt(f),
+        docTransform: f,
         behindDoc: se.FALSE,
         title: "",
         description: "",
@@ -1307,7 +1316,7 @@ let an = class extends Ge {
       };
       this._isInsertInHeaderFooter() && (u.isMultiTransform = se.TRUE, u.transforms = u.transform ? [u.transform] : null), t.push(u);
     }
-    this._commandService.executeCommand(bn.id, {
+    this._commandService.executeCommand(Pn.id, {
       unitId: n,
       drawings: t
     });
@@ -1340,7 +1349,7 @@ let an = class extends Ge {
   _updateOrderListener() {
     this._drawingManagerService.featurePluginOrderUpdate$.subscribe((i) => {
       const { unitId: e, subUnitId: n, drawingIds: t, arrangeType: r } = i;
-      this._commandService.executeCommand(St.id, {
+      this._commandService.executeCommand(_t.id, {
         unitId: e,
         subUnitId: n,
         drawingIds: t,
@@ -1350,9 +1359,9 @@ let an = class extends Ge {
   }
   _groupDrawingListener() {
     this._drawingManagerService.featurePluginGroupUpdate$.subscribe((i) => {
-      this._commandService.executeCommand(_t.id, i);
+      this._commandService.executeCommand(It.id, i);
     }), this._drawingManagerService.featurePluginUngroupUpdate$.subscribe((i) => {
-      this._commandService.executeCommand(Dt.id, i);
+      this._commandService.executeCommand(St.id, i);
     });
   }
   _getCurrentSceneAndTransformer() {
@@ -1365,7 +1374,7 @@ let an = class extends Ge {
   _transformDrawingListener() {
     const i = this._getCurrentSceneAndTransformer();
     if (i && i.transformer)
-      this.disposeWithMe(i.transformer.changeEnd$.pipe(at(30)).subscribe((e) => {
+      this.disposeWithMe(i.transformer.changeEnd$.pipe(st(30)).subscribe((e) => {
         this._docSelectionManagerService.refreshSelection();
       }));
     else
@@ -1398,10 +1407,10 @@ let an = class extends Ge {
     if (((s = n == null ? void 0 : n.customBlocks) != null ? s : []).some((c) => c.blockId === i))
       return "";
     for (const c of Object.keys(t))
-      if ((a = t[c].body.customBlocks) != null && a.some((l) => l.blockId === i))
+      if ((a = t[c].body.customBlocks) != null && a.some((g) => g.blockId === i))
         return c;
     for (const c of Object.keys(r))
-      if ((d = r[c].body.customBlocks) != null && d.some((l) => l.blockId === i))
+      if ((d = r[c].body.customBlocks) != null && d.some((g) => g.blockId === i))
         return c;
     return "";
   }
@@ -1413,10 +1422,22 @@ let an = class extends Ge {
       return;
     const r = i.getSnapshot(), { drawings: o = {} } = r, s = t.getEditArea() === We.BODY;
     for (const d of Object.keys(o)) {
-      const c = o[d], l = Jn({ unitId: n, drawingId: c.drawingId, subUnitId: n }), m = e.fuzzyMathObjects(l, !0);
+      const c = o[d], g = ii({ unitId: n, drawingId: c.drawingId, subUnitId: n }), m = e.fuzzyMathObjects(g, !0);
       if (m.length)
-        for (const g of m)
-          e.detachTransformerFrom(g), g.setOpacity(0.5), (s && c.isMultiTransform !== se.TRUE || !s && c.isMultiTransform === se.TRUE) && (e.attachTransformerTo(g), g.setOpacity(1));
+        for (const l of m) {
+          e.detachTransformerFrom(l);
+          try {
+            l.setOpacity(0.5);
+          } catch {
+          }
+          if (s && c.isMultiTransform !== se.TRUE || !s && c.isMultiTransform === se.TRUE) {
+            c.allowTransform !== !1 && e.attachTransformerTo(l);
+            try {
+              l.setOpacity(1);
+            } catch {
+            }
+          }
+        }
     }
   }
   _editAreaChangeListener() {
@@ -1451,9 +1472,9 @@ an = Qi([
   me(1, $),
   me(2, pe(On)),
   me(3, J),
-  me(4, ei),
+  me(4, Jt),
   me(5, Ue),
-  me(6, Ie),
+  me(6, _e),
   me(7, Zn),
   me(8, wi),
   me(9, pe(mn)),
@@ -1461,13 +1482,13 @@ an = Qi([
   me(11, pe(un)),
   me(12, vi)
 ], an);
-const Ct = {
+const Dt = {
   id: "doc.command.insert-float-image",
   type: Y.COMMAND,
   handler: (i) => {
     var t, r;
     const e = i.get(q), n = i.get(J);
-    return (r = (t = fi(Se.UNIVER_DOC, e, n)) == null ? void 0 : t.with(an).insertDocImage()) != null ? r : !1;
+    return (r = (t = hi(Ie.UNIVER_DOC, e, n)) == null ? void 0 : t.with(an).insertDocImage()) != null ? r : !1;
   }
 }, Ye = {
   id: "doc.command.move-drawing",
@@ -1476,27 +1497,27 @@ const Ct = {
     const n = i.get($), t = i.get(Ue), r = i.get(q), o = i.get(J), { direction: s } = e, a = t.getFocusDrawings();
     if (a.length === 0)
       return !1;
-    const d = a[0].unitId, c = o.getRenderById(d), l = c == null ? void 0 : c.scene;
-    if (l == null)
+    const d = a[0].unitId, c = o.getRenderById(d), g = c == null ? void 0 : c.scene;
+    if (g == null)
       return !1;
-    const m = l.getTransformerByCreate(), g = r.getUniverDocInstance(d), w = a.map((h) => {
-      var b, N, B, E, I;
-      const { drawingId: v } = h, S = (b = g == null ? void 0 : g.getSnapshot().drawings) == null ? void 0 : b[v];
-      if (S == null || S.layoutType === W.INLINE)
+    const m = g.getTransformerByCreate(), l = r.getUniverDocInstance(d), f = a.map((v) => {
+      var P, N, B, E, _;
+      const { drawingId: w } = v, I = (P = l == null ? void 0 : l.getSnapshot().drawings) == null ? void 0 : P[w];
+      if (I == null || I.layoutType === W.INLINE)
         return null;
-      const { positionH: O, positionV: C } = S.docTransform, T = { ...O }, M = { ...C };
-      return s === he.UP ? M.posOffset = ((N = M.posOffset) != null ? N : 0) - 2 : s === he.DOWN ? M.posOffset = ((B = M.posOffset) != null ? B : 0) + 2 : s === he.LEFT ? T.posOffset = ((E = T.posOffset) != null ? E : 0) - 2 : s === he.RIGHT && (T.posOffset = ((I = T.posOffset) != null ? I : 0) + 2), {
-        drawingId: v,
-        key: s === he.UP || s === he.DOWN ? "positionV" : "positionH",
-        value: s === he.UP || s === he.DOWN ? M : T
+      const { positionH: O, positionV: C } = I.docTransform, T = { ...O }, M = { ...C };
+      return s === fe.UP ? M.posOffset = ((N = M.posOffset) != null ? N : 0) - 2 : s === fe.DOWN ? M.posOffset = ((B = M.posOffset) != null ? B : 0) + 2 : s === fe.LEFT ? T.posOffset = ((E = T.posOffset) != null ? E : 0) - 2 : s === fe.RIGHT && (T.posOffset = ((_ = T.posOffset) != null ? _ : 0) + 2), {
+        drawingId: w,
+        key: s === fe.UP || s === fe.DOWN ? "positionV" : "positionH",
+        value: s === fe.UP || s === fe.DOWN ? M : T
       };
-    }).filter((h) => h != null);
-    if (w.length === 0)
+    }).filter((v) => v != null);
+    if (f.length === 0)
       return !1;
     const u = n.syncExecuteCommand(Ke.id, {
       unitId: d,
       subUnitId: d,
-      drawings: w
+      drawings: f
     });
     return m.refreshControls(), !!u;
   }
@@ -1510,16 +1531,16 @@ const Ct = {
       (o = (r = n.getRenderById(t)) == null ? void 0 : r.scene.getTransformer()) == null || o.debounceRefreshControls();
     }), !0;
   }
-}, Ot = "COMPONENT_DOC_DRAWING_PANEL", Tt = {
+}, Ct = "COMPONENT_DOC_DRAWING_PANEL", Ot = {
   id: "sidebar.operation.doc-image",
   type: Y.COMMAND,
   handler: async (i, e) => {
-    const n = i.get(Ii), t = i.get(mn), r = i.get(Ie);
+    const n = i.get(Ii), t = i.get(mn), r = i.get(_e);
     switch (e.value) {
       case "open":
         n.open({
           header: { title: t.t("docImage.panel.title") },
-          children: { label: Ot },
+          children: { label: Ct },
           onClose: () => {
             r.focusDrawing(null);
           },
@@ -1533,14 +1554,14 @@ const Ct = {
     }
     return !0;
   }
-}, yt = {
+}, Tt = {
   id: "doc.operation.edit-doc-image",
   type: Y.OPERATION,
   handler: (i, e) => {
-    const n = i.get(Ie), t = i.get($);
-    return e == null ? !1 : (n.focusDrawing([e]), t.executeCommand(Tt.id, { value: "open" }), !0);
+    const n = i.get(_e), t = i.get($);
+    return e == null ? !1 : (n.focusDrawing([e]), t.executeCommand(Ot.id, { value: "open" }), !0);
   }
-}, er = "univer-image-common-panel", nr = "univer-image-common-panel-grid", tr = "univer-image-common-panel-border", ir = "univer-image-common-panel-title", rr = "univer-image-common-panel-subtitle", or = "univer-image-common-panel-row", sr = "univer-image-common-panel-column", ar = "univer-image-common-panel-span2", cr = "univer-image-common-panel-input", f = {
+}, er = "univer-image-common-panel", nr = "univer-image-common-panel-grid", tr = "univer-image-common-panel-border", ir = "univer-image-common-panel-title", rr = "univer-image-common-panel-subtitle", or = "univer-image-common-panel-row", sr = "univer-image-common-panel-column", ar = "univer-image-common-panel-span2", cr = "univer-image-common-panel-input", h = {
   imageCommonPanel: er,
   imageCommonPanelGrid: nr,
   imageCommonPanelBorder: tr,
@@ -1551,13 +1572,13 @@ const Ct = {
   imageCommonPanelSpan2: ar,
   imageCommonPanelInput: cr
 }, qn = -1e3, Kn = 1e3, dr = (i) => {
-  const e = ve($), n = ve(mn), t = ve(Ie), r = ve(J), o = ve(q), { drawings: s } = i, a = s[0];
+  const e = ve($), n = ve(mn), t = ve(_e), r = ve(J), o = ve(q), { drawings: s } = i, a = s[0];
   if (a == null)
     return;
-  const { unitId: d } = a, c = o.getUniverDocInstance(d), l = c == null ? void 0 : c.getSnapshot().documentStyle.documentFlavor, m = r.getRenderById(d), g = m == null ? void 0 : m.scene;
-  if (g == null)
+  const { unitId: d } = a, c = o.getUniverDocInstance(d), g = c == null ? void 0 : c.getSnapshot().documentStyle.documentFlavor, m = r.getRenderById(d), l = m == null ? void 0 : m.scene;
+  if (l == null)
     return;
-  const w = g.getTransformerByCreate(), u = [{
+  const f = l.getTransformerByCreate(), u = [{
     label: n.t("image-position.column"),
     value: String(ee.COLUMN)
   }, {
@@ -1566,30 +1587,30 @@ const Ct = {
   }, {
     label: n.t("image-position.margin"),
     value: String(ee.MARGIN)
-  }], h = [{
+  }], v = [{
     label: n.t("image-position.line"),
     value: String(H.LINE),
-    disabled: l === pn.MODERN
+    disabled: g === pn.MODERN
   }, {
     label: n.t("image-position.page"),
     value: String(H.PAGE),
-    disabled: l === pn.MODERN
+    disabled: g === pn.MODERN
   }, {
     label: n.t("image-position.margin"),
     value: String(H.MARGIN),
-    disabled: l === pn.MODERN
+    disabled: g === pn.MODERN
   }, {
     label: n.t("image-position.paragraph"),
     value: String(H.PARAGRAPH)
-  }], [v, S] = oe(!0), [O, C] = oe({
+  }], [w, I] = oe(!0), [O, C] = oe({
     relativeFrom: ee.PAGE,
     posOffset: 0
   }), [T, M] = oe({
     relativeFrom: H.PAGE,
     posOffset: 0
-  }), [b, N] = oe(!0), [B, E] = oe(!0);
-  function I(D, R) {
-    var P;
+  }), [P, N] = oe(!0), [B, E] = oe(!0);
+  function _(D, R) {
+    var b;
     D === "positionH" ? C(R) : M(R);
     const y = t.getFocusDrawings();
     if (y.length === 0)
@@ -1608,8 +1629,8 @@ const Ct = {
         value: R
       }))
     });
-    const k = (P = r.getRenderById(d)) == null ? void 0 : P.with(Re);
-    k && k.blur(), w.refreshControls();
+    const k = (b = r.getRenderById(d)) == null ? void 0 : b.with(Re);
+    k && k.blur(), f.refreshControls();
   }
   function L(D) {
     var re, De, Ce;
@@ -1619,26 +1640,26 @@ const Ct = {
     const k = t.getFocusDrawings();
     if (k.length === 0)
       return;
-    const P = k[0].drawingId, A = k[0].unitId;
+    const b = k[0].drawingId, A = k[0].unitId;
     let z = null, F = 0;
     const Z = (re = r.getRenderById(A)) == null ? void 0 : re.with(te).getSkeleton(), ae = Z == null ? void 0 : Z.getSkeletonData();
     if (ae == null)
       return;
     const { pages: Be, skeHeaders: Ee, skeFooters: Ve } = ae;
     for (const de of Be) {
-      const { marginLeft: Te, skeDrawings: ye, headerId: Ne, footerId: Ae, pageWidth: be } = de;
-      if (ye.has(P)) {
-        z = ye.get(P), F = Te;
+      const { marginLeft: Te, skeDrawings: ye, headerId: Ne, footerId: Ae, pageWidth: Pe } = de;
+      if (ye.has(b)) {
+        z = ye.get(b), F = Te;
         break;
       }
-      const le = (De = Ee.get(Ne)) == null ? void 0 : De.get(be);
-      if (le != null && le.skeDrawings.has(P)) {
-        z = le == null ? void 0 : le.skeDrawings.get(P), F = Te;
+      const le = (De = Ee.get(Ne)) == null ? void 0 : De.get(Pe);
+      if (le != null && le.skeDrawings.has(b)) {
+        z = le == null ? void 0 : le.skeDrawings.get(b), F = Te;
         break;
       }
-      const ge = (Ce = Ve.get(Ae)) == null ? void 0 : Ce.get(be);
-      if (ge != null && ge.skeDrawings.has(P)) {
-        z = ge == null ? void 0 : ge.skeDrawings.get(P), F = Te;
+      const ge = (Ce = Ve.get(Ae)) == null ? void 0 : Ce.get(Pe);
+      if (ge != null && ge.skeDrawings.has(b)) {
+        z = ge == null ? void 0 : ge.skeDrawings.get(b), F = Te;
         break;
       }
     }
@@ -1650,17 +1671,17 @@ const Ct = {
       relativeFrom: U,
       posOffset: (y != null ? y : 0) - ce
     };
-    I("positionH", ie);
+    _("positionH", ie);
   }
   function G(D) {
-    var ye, Ne, Ae, be, le, ge;
+    var ye, Ne, Ae, Pe, le, ge;
     const R = T.relativeFrom, y = T.posOffset, U = Number(D);
     if (R === U)
       return;
     const k = t.getFocusDrawings();
     if (k.length === 0)
       return;
-    const { drawingId: P, unitId: A } = k[0], z = o.getUniverDocInstance(A), F = (ye = r.getRenderById(A)) == null ? void 0 : ye.with(te).getSkeleton(), Z = (Ne = r.getRenderById(A)) == null ? void 0 : Ne.with(Re), ae = Z == null ? void 0 : Z.getSegment(), Be = Z == null ? void 0 : Z.getSegmentPage(), Ee = (be = (Ae = z == null ? void 0 : z.getSelfOrHeaderFooterModel(ae).getBody()) == null ? void 0 : Ae.customBlocks) == null ? void 0 : be.find((xe) => xe.blockId === P);
+    const { drawingId: b, unitId: A } = k[0], z = o.getUniverDocInstance(A), F = (ye = r.getRenderById(A)) == null ? void 0 : ye.with(te).getSkeleton(), Z = (Ne = r.getRenderById(A)) == null ? void 0 : Ne.with(Re), ae = Z == null ? void 0 : Z.getSegment(), Be = Z == null ? void 0 : Z.getSegmentPage(), Ee = (Pe = (Ae = z == null ? void 0 : z.getSelfOrHeaderFooterModel(ae).getBody()) == null ? void 0 : Ae.customBlocks) == null ? void 0 : Pe.find((xe) => xe.blockId === b);
     if (Ee == null || F == null || Z == null)
       return;
     const { startIndex: Ve } = Ee, ce = F.findNodeByCharIndex(Ve, ae, Be), ie = (le = ce == null ? void 0 : ce.parent) == null ? void 0 : le.parent, re = ie == null ? void 0 : ie.parent, De = re == null ? void 0 : re.lines.find((xe) => xe.paragraphIndex === (ie == null ? void 0 : ie.paragraphIndex) && xe.paragraphStart), Ce = (ge = re == null ? void 0 : re.parent) == null ? void 0 : ge.parent;
@@ -1672,7 +1693,7 @@ const Ct = {
       relativeFrom: U,
       posOffset: (y != null ? y : 0) - de
     };
-    I("positionV", Te);
+    _("positionV", Te);
   }
   function x(D) {
     var A;
@@ -1681,15 +1702,15 @@ const Ct = {
       return;
     const { layoutType: U } = y, {
       positionH: k,
-      positionV: P
+      positionV: b
     } = y.docTransform;
-    C(k), M(P), S(U === W.INLINE), N(P.relativeFrom === H.PARAGRAPH || P.relativeFrom === H.LINE);
+    C(k), M(b), I(U === W.INLINE), N(b.relativeFrom === H.PARAGRAPH || b.relativeFrom === H.LINE);
   }
   function V() {
     const D = t.getFocusDrawings();
     D.length !== 0 && x(D[0]);
   }
-  function _(D) {
+  function S(D) {
     N(D), G(String(D ? H.PARAGRAPH : H.PAGE));
   }
   return Tn(() => {
@@ -1706,113 +1727,113 @@ const Ct = {
     return () => {
       D.unsubscribe(), R.dispose();
     };
-  }, []), /* @__PURE__ */ K("div", { className: j(f.imageCommonPanelGrid, f.imageCommonPanelBorder), style: { display: B ? "block" : "none" }, children: [
-    /* @__PURE__ */ p("div", { className: f.imageCommonPanelRow, children: /* @__PURE__ */ p("div", { className: j(f.imageCommonPanelColumn, f.imageCommonPanelTitle), children: /* @__PURE__ */ p("div", { children: n.t("image-position.title") }) }) }),
-    /* @__PURE__ */ p("div", { className: f.imageCommonPanelRow, children: /* @__PURE__ */ p("div", { className: j(f.imageCommonPanelColumn, f.imageCommonPanelSubtitle), children: /* @__PURE__ */ p("div", { children: n.t("image-position.horizontal") }) }) }),
-    /* @__PURE__ */ K("div", { className: f.imageCommonPanelRow, children: [
-      /* @__PURE__ */ p("div", { className: j(f.imageCommonPanelColumn, f.imageCommonPanelSpan2), children: /* @__PURE__ */ K("label", { children: [
-        /* @__PURE__ */ p("div", { className: f.imageCommonPanelRow, children: /* @__PURE__ */ p("div", { className: f.imageCommonPanelColumn, children: n.t("image-position.absolutePosition") }) }),
-        /* @__PURE__ */ p("div", { className: f.imageCommonPanelRow, children: /* @__PURE__ */ p("div", { className: f.imageCommonPanelColumn, children: /* @__PURE__ */ p(
+  }, []), /* @__PURE__ */ K("div", { className: j(h.imageCommonPanelGrid, h.imageCommonPanelBorder), style: { display: B ? "block" : "none" }, children: [
+    /* @__PURE__ */ p("div", { className: h.imageCommonPanelRow, children: /* @__PURE__ */ p("div", { className: j(h.imageCommonPanelColumn, h.imageCommonPanelTitle), children: /* @__PURE__ */ p("div", { children: n.t("image-position.title") }) }) }),
+    /* @__PURE__ */ p("div", { className: h.imageCommonPanelRow, children: /* @__PURE__ */ p("div", { className: j(h.imageCommonPanelColumn, h.imageCommonPanelSubtitle), children: /* @__PURE__ */ p("div", { children: n.t("image-position.horizontal") }) }) }),
+    /* @__PURE__ */ K("div", { className: h.imageCommonPanelRow, children: [
+      /* @__PURE__ */ p("div", { className: j(h.imageCommonPanelColumn, h.imageCommonPanelSpan2), children: /* @__PURE__ */ K("label", { children: [
+        /* @__PURE__ */ p("div", { className: h.imageCommonPanelRow, children: /* @__PURE__ */ p("div", { className: h.imageCommonPanelColumn, children: n.t("image-position.absolutePosition") }) }),
+        /* @__PURE__ */ p("div", { className: h.imageCommonPanelRow, children: /* @__PURE__ */ p("div", { className: h.imageCommonPanelColumn, children: /* @__PURE__ */ p(
           Fe,
           {
             min: qn,
             max: Kn,
             precision: 1,
-            disabled: v,
+            disabled: w,
             value: O.posOffset,
             onChange: (D) => {
-              I("positionH", {
+              _("positionH", {
                 relativeFrom: O.relativeFrom,
                 posOffset: D
               });
             },
-            className: f.imageCommonPanelInput
+            className: h.imageCommonPanelInput
           }
         ) }) })
       ] }) }),
-      /* @__PURE__ */ p("div", { className: j(f.imageCommonPanelColumn, f.imageCommonPanelSpan2), children: /* @__PURE__ */ K("label", { children: [
-        /* @__PURE__ */ p("div", { className: f.imageCommonPanelRow, children: /* @__PURE__ */ p("div", { className: f.imageCommonPanelColumn, children: n.t("image-position.toTheRightOf") }) }),
-        /* @__PURE__ */ p("div", { className: f.imageCommonPanelRow, children: /* @__PURE__ */ p("div", { className: f.imageCommonPanelColumn, children: /* @__PURE__ */ p(
+      /* @__PURE__ */ p("div", { className: j(h.imageCommonPanelColumn, h.imageCommonPanelSpan2), children: /* @__PURE__ */ K("label", { children: [
+        /* @__PURE__ */ p("div", { className: h.imageCommonPanelRow, children: /* @__PURE__ */ p("div", { className: h.imageCommonPanelColumn, children: n.t("image-position.toTheRightOf") }) }),
+        /* @__PURE__ */ p("div", { className: h.imageCommonPanelRow, children: /* @__PURE__ */ p("div", { className: h.imageCommonPanelColumn, children: /* @__PURE__ */ p(
           jn,
           {
             value: String(O.relativeFrom),
-            disabled: v,
+            disabled: w,
             options: u,
             onChange: L
           }
         ) }) })
       ] }) })
     ] }),
-    /* @__PURE__ */ p("div", { className: f.imageCommonPanelRow, children: /* @__PURE__ */ p("div", { className: j(f.imageCommonPanelColumn, f.imageCommonPanelSubtitle), children: /* @__PURE__ */ p("div", { children: n.t("image-position.vertical") }) }) }),
-    /* @__PURE__ */ K("div", { className: f.imageCommonPanelRow, children: [
-      /* @__PURE__ */ p("div", { className: j(f.imageCommonPanelColumn, f.imageCommonPanelSpan2), children: /* @__PURE__ */ K("label", { children: [
-        /* @__PURE__ */ p("div", { className: f.imageCommonPanelRow, children: /* @__PURE__ */ p("div", { className: f.imageCommonPanelColumn, children: n.t("image-position.absolutePosition") }) }),
-        /* @__PURE__ */ p("div", { className: f.imageCommonPanelRow, children: /* @__PURE__ */ p("div", { className: f.imageCommonPanelColumn, children: /* @__PURE__ */ p(
+    /* @__PURE__ */ p("div", { className: h.imageCommonPanelRow, children: /* @__PURE__ */ p("div", { className: j(h.imageCommonPanelColumn, h.imageCommonPanelSubtitle), children: /* @__PURE__ */ p("div", { children: n.t("image-position.vertical") }) }) }),
+    /* @__PURE__ */ K("div", { className: h.imageCommonPanelRow, children: [
+      /* @__PURE__ */ p("div", { className: j(h.imageCommonPanelColumn, h.imageCommonPanelSpan2), children: /* @__PURE__ */ K("label", { children: [
+        /* @__PURE__ */ p("div", { className: h.imageCommonPanelRow, children: /* @__PURE__ */ p("div", { className: h.imageCommonPanelColumn, children: n.t("image-position.absolutePosition") }) }),
+        /* @__PURE__ */ p("div", { className: h.imageCommonPanelRow, children: /* @__PURE__ */ p("div", { className: h.imageCommonPanelColumn, children: /* @__PURE__ */ p(
           Fe,
           {
             min: qn,
             max: Kn,
             precision: 1,
-            disabled: v,
+            disabled: w,
             value: T.posOffset,
             onChange: (D) => {
-              I("positionV", {
+              _("positionV", {
                 relativeFrom: T.relativeFrom,
                 posOffset: D
               });
             },
-            className: f.imageCommonPanelInput
+            className: h.imageCommonPanelInput
           }
         ) }) })
       ] }) }),
-      /* @__PURE__ */ p("div", { className: j(f.imageCommonPanelColumn, f.imageCommonPanelSpan2), children: /* @__PURE__ */ K("label", { children: [
-        /* @__PURE__ */ p("div", { className: f.imageCommonPanelRow, children: /* @__PURE__ */ p("div", { className: f.imageCommonPanelColumn, children: n.t("image-position.bellow") }) }),
-        /* @__PURE__ */ p("div", { className: f.imageCommonPanelRow, children: /* @__PURE__ */ p("div", { className: f.imageCommonPanelColumn, children: /* @__PURE__ */ p(
+      /* @__PURE__ */ p("div", { className: j(h.imageCommonPanelColumn, h.imageCommonPanelSpan2), children: /* @__PURE__ */ K("label", { children: [
+        /* @__PURE__ */ p("div", { className: h.imageCommonPanelRow, children: /* @__PURE__ */ p("div", { className: h.imageCommonPanelColumn, children: n.t("image-position.bellow") }) }),
+        /* @__PURE__ */ p("div", { className: h.imageCommonPanelRow, children: /* @__PURE__ */ p("div", { className: h.imageCommonPanelColumn, children: /* @__PURE__ */ p(
           jn,
           {
-            disabled: v,
+            disabled: w,
             value: String(T.relativeFrom),
-            options: h,
+            options: v,
             onChange: G
           }
         ) }) })
       ] }) })
     ] }),
-    /* @__PURE__ */ p("div", { className: f.imageCommonPanelRow, children: /* @__PURE__ */ p("div", { className: j(f.imageCommonPanelColumn, f.imageCommonPanelSubtitle), children: /* @__PURE__ */ p("div", { children: n.t("image-position.options") }) }) }),
-    /* @__PURE__ */ p("div", { className: f.imageCommonPanelRow, style: { marginBottom: "50px" }, children: /* @__PURE__ */ p("div", { className: f.imageCommonPanelColumn, children: /* @__PURE__ */ p(Li, { disabled: v, checked: b, onChange: _, children: n.t("image-position.moveObjectWithText") }) }) })
+    /* @__PURE__ */ p("div", { className: h.imageCommonPanelRow, children: /* @__PURE__ */ p("div", { className: j(h.imageCommonPanelColumn, h.imageCommonPanelSubtitle), children: /* @__PURE__ */ p("div", { children: n.t("image-position.options") }) }) }),
+    /* @__PURE__ */ p("div", { className: h.imageCommonPanelRow, style: { marginBottom: "50px" }, children: /* @__PURE__ */ p("div", { className: h.imageCommonPanelColumn, children: /* @__PURE__ */ p(Li, { disabled: w, checked: P, onChange: S, children: n.t("image-position.moveObjectWithText") }) }) })
   ] });
 }, en = 0, nn = 100, lr = (i) => {
-  const e = ve($), n = ve(mn), t = ve(Ie), r = ve(J), o = ve(q), { drawings: s } = i, a = s[0];
+  const e = ve($), n = ve(mn), t = ve(_e), r = ve(J), o = ve(q), { drawings: s } = i, a = s[0];
   if (a == null)
     return null;
-  const { unitId: d } = a, c = o.getUniverDocInstance(d), l = r.getRenderById(d);
-  if ((l == null ? void 0 : l.scene) == null)
+  const { unitId: d } = a, c = o.getUniverDocInstance(d), g = r.getRenderById(d);
+  if ((g == null ? void 0 : g.scene) == null)
     return null;
-  const [g, w] = oe(!0), [u, h] = oe(!0), [v, S] = oe(!0), [O, C] = oe(ue.INLINE), [T, M] = oe(""), [b, N] = oe({
+  const [l, f] = oe(!0), [u, v] = oe(!0), [w, I] = oe(!0), [O, C] = oe(ue.INLINE), [T, M] = oe(""), [P, N] = oe({
     distT: 0,
     distL: 0,
     distB: 0,
     distR: 0
   }), [B, E] = oe(!0);
-  function I(_) {
-    C(_);
+  function _(S) {
+    C(S);
     const D = t.getFocusDrawings();
     if (D.length === 0)
       return;
-    const { unitId: R, subUnitId: y } = D[0], U = D.map(({ unitId: k, subUnitId: P, drawingId: A }) => ({
+    const { unitId: R, subUnitId: y } = D[0], U = D.map(({ unitId: k, subUnitId: b, drawingId: A }) => ({
       unitId: k,
-      subUnitId: P,
+      subUnitId: b,
       drawingId: A
     }));
-    e.executeCommand(gt.id, {
+    e.executeCommand(lt.id, {
       unitId: R,
       subUnitId: y,
       drawings: U,
-      wrappingStyle: _
+      wrappingStyle: S
     });
   }
-  function L(_) {
-    M(_);
+  function L(S) {
+    M(S);
     const D = t.getFocusDrawings();
     if (D.length === 0)
       return;
@@ -1821,17 +1842,17 @@ const Ct = {
       subUnitId: y.subUnitId,
       drawingId: y.drawingId
     }));
-    e.executeCommand(ut.id, {
+    e.executeCommand(mt.id, {
       unitId: D[0].unitId,
       subUnitId: D[0].unitId,
       drawings: R,
-      wrapText: _
+      wrapText: S
     });
   }
-  function G(_, D) {
-    if (_ == null)
+  function G(S, D) {
+    if (S == null)
       return;
-    const R = { ...b, [D]: _ };
+    const R = { ...P, [D]: S };
     N(R);
     const y = t.getFocusDrawings();
     if (y.length === 0)
@@ -1841,22 +1862,22 @@ const Ct = {
       subUnitId: k.subUnitId,
       drawingId: k.drawingId
     }));
-    e.executeCommand(mt.id, {
+    e.executeCommand(gt.id, {
       unitId: y[0].unitId,
       subUnitId: y[0].unitId,
       drawings: U,
       dist: {
-        [D]: _
+        [D]: S
       }
     });
   }
   function x() {
-    const _ = t.getFocusDrawings();
-    _.length !== 0 && V(_[0]);
+    const S = t.getFocusDrawings();
+    S.length !== 0 && V(S[0]);
   }
-  function V(_) {
+  function V(S) {
     var Z, ae;
-    const D = (ae = (Z = c == null ? void 0 : c.getSnapshot()) == null ? void 0 : Z.drawings) == null ? void 0 : ae[_.drawingId];
+    const D = (ae = (Z = c == null ? void 0 : c.getSnapshot()) == null ? void 0 : Z.drawings) == null ? void 0 : ae[S.drawingId];
     if (D == null)
       return;
     const {
@@ -1864,7 +1885,7 @@ const Ct = {
       distL: y = 0,
       distB: U = 0,
       distR: k = 0,
-      layoutType: P = W.INLINE,
+      layoutType: b = W.INLINE,
       behindDoc: A = se.FALSE,
       wrapText: z = Xe.BOTH_SIDES
     } = D;
@@ -1873,10 +1894,10 @@ const Ct = {
       distL: y,
       distB: U,
       distR: k
-    }), M(z), w(P !== W.WRAP_SQUARE), P === W.WRAP_NONE || P === W.INLINE ? h(!0) : h(!1), P === W.WRAP_NONE || P === W.INLINE || P === W.WRAP_TOP_AND_BOTTOM ? S(!0) : S(!1), P === W.WRAP_NONE)
+    }), M(z), f(b !== W.WRAP_SQUARE), b === W.WRAP_NONE || b === W.INLINE ? v(!0) : v(!1), b === W.WRAP_NONE || b === W.INLINE || b === W.WRAP_TOP_AND_BOTTOM ? I(!0) : I(!1), b === W.WRAP_NONE)
       A === se.TRUE ? C(ue.BEHIND_TEXT) : C(ue.IN_FRONT_OF_TEXT);
     else
-      switch (P) {
+      switch (b) {
         case W.INLINE:
           C(ue.INLINE);
           break;
@@ -1887,12 +1908,12 @@ const Ct = {
           C(ue.WRAP_TOP_AND_BOTTOM);
           break;
         default:
-          throw new Error(`Unsupported layout type: ${P}`);
+          throw new Error(`Unsupported layout type: ${b}`);
       }
   }
   return Tn(() => {
     x();
-    const _ = t.focus$.subscribe((R) => {
+    const S = t.focus$.subscribe((R) => {
       if (R.length === 0) {
         E(!1);
         return;
@@ -1902,100 +1923,100 @@ const Ct = {
       R.id === ne.id && x();
     });
     return () => {
-      _.unsubscribe(), D.dispose();
+      S.unsubscribe(), D.dispose();
     };
-  }, []), /* @__PURE__ */ K("div", { className: j(f.imageCommonPanelGrid, f.imageCommonPanelBorder), style: { display: B ? "block" : "none" }, children: [
-    /* @__PURE__ */ p("div", { className: f.imageCommonPanelRow, children: /* @__PURE__ */ p("div", { className: j(f.imageCommonPanelColumn, f.imageCommonPanelTitle), children: /* @__PURE__ */ p("div", { children: n.t("image-text-wrap.title") }) }) }),
-    /* @__PURE__ */ p("div", { className: f.imageCommonPanelRow, children: /* @__PURE__ */ p("div", { className: j(f.imageCommonPanelColumn, f.imageCommonPanelSubtitle), children: /* @__PURE__ */ p("div", { children: n.t("image-text-wrap.wrappingStyle") }) }) }),
-    /* @__PURE__ */ p("div", { className: j(f.imageCommonPanelRow), children: /* @__PURE__ */ p("div", { className: j(f.imageCommonPanelColumn), children: /* @__PURE__ */ K($n, { value: O, onChange: I, direction: "vertical", children: [
-      /* @__PURE__ */ p(Pe, { value: ue.INLINE, children: n.t("image-text-wrap.inline") }),
-      /* @__PURE__ */ p(Pe, { value: ue.WRAP_SQUARE, children: n.t("image-text-wrap.square") }),
-      /* @__PURE__ */ p(Pe, { value: ue.WRAP_TOP_AND_BOTTOM, children: n.t("image-text-wrap.topAndBottom") }),
-      /* @__PURE__ */ p(Pe, { value: ue.BEHIND_TEXT, children: n.t("image-text-wrap.behindText") }),
-      /* @__PURE__ */ p(Pe, { value: ue.IN_FRONT_OF_TEXT, children: n.t("image-text-wrap.inFrontText") })
+  }, []), /* @__PURE__ */ K("div", { className: j(h.imageCommonPanelGrid, h.imageCommonPanelBorder), style: { display: B ? "block" : "none" }, children: [
+    /* @__PURE__ */ p("div", { className: h.imageCommonPanelRow, children: /* @__PURE__ */ p("div", { className: j(h.imageCommonPanelColumn, h.imageCommonPanelTitle), children: /* @__PURE__ */ p("div", { children: n.t("image-text-wrap.title") }) }) }),
+    /* @__PURE__ */ p("div", { className: h.imageCommonPanelRow, children: /* @__PURE__ */ p("div", { className: j(h.imageCommonPanelColumn, h.imageCommonPanelSubtitle), children: /* @__PURE__ */ p("div", { children: n.t("image-text-wrap.wrappingStyle") }) }) }),
+    /* @__PURE__ */ p("div", { className: j(h.imageCommonPanelRow), children: /* @__PURE__ */ p("div", { className: j(h.imageCommonPanelColumn), children: /* @__PURE__ */ K($n, { value: O, onChange: _, direction: "vertical", children: [
+      /* @__PURE__ */ p(be, { value: ue.INLINE, children: n.t("image-text-wrap.inline") }),
+      /* @__PURE__ */ p(be, { value: ue.WRAP_SQUARE, children: n.t("image-text-wrap.square") }),
+      /* @__PURE__ */ p(be, { value: ue.WRAP_TOP_AND_BOTTOM, children: n.t("image-text-wrap.topAndBottom") }),
+      /* @__PURE__ */ p(be, { value: ue.BEHIND_TEXT, children: n.t("image-text-wrap.behindText") }),
+      /* @__PURE__ */ p(be, { value: ue.IN_FRONT_OF_TEXT, children: n.t("image-text-wrap.inFrontText") })
     ] }) }) }),
-    /* @__PURE__ */ p("div", { className: f.imageCommonPanelRow, children: /* @__PURE__ */ p("div", { className: j(f.imageCommonPanelColumn, f.imageCommonPanelSubtitle), children: /* @__PURE__ */ p("div", { children: n.t("image-text-wrap.wrapText") }) }) }),
-    /* @__PURE__ */ p("div", { className: j(f.imageCommonPanelRow), children: /* @__PURE__ */ p("div", { className: j(f.imageCommonPanelColumn), children: /* @__PURE__ */ K($n, { disabled: g, value: T, onChange: L, direction: "horizontal", children: [
-      /* @__PURE__ */ p(Pe, { value: Xe.BOTH_SIDES, children: n.t("image-text-wrap.bothSide") }),
-      /* @__PURE__ */ p(Pe, { value: Xe.LEFT, children: n.t("image-text-wrap.leftOnly") }),
-      /* @__PURE__ */ p(Pe, { value: Xe.RIGHT, children: n.t("image-text-wrap.rightOnly") })
+    /* @__PURE__ */ p("div", { className: h.imageCommonPanelRow, children: /* @__PURE__ */ p("div", { className: j(h.imageCommonPanelColumn, h.imageCommonPanelSubtitle), children: /* @__PURE__ */ p("div", { children: n.t("image-text-wrap.wrapText") }) }) }),
+    /* @__PURE__ */ p("div", { className: j(h.imageCommonPanelRow), children: /* @__PURE__ */ p("div", { className: j(h.imageCommonPanelColumn), children: /* @__PURE__ */ K($n, { disabled: l, value: T, onChange: L, direction: "horizontal", children: [
+      /* @__PURE__ */ p(be, { value: Xe.BOTH_SIDES, children: n.t("image-text-wrap.bothSide") }),
+      /* @__PURE__ */ p(be, { value: Xe.LEFT, children: n.t("image-text-wrap.leftOnly") }),
+      /* @__PURE__ */ p(be, { value: Xe.RIGHT, children: n.t("image-text-wrap.rightOnly") })
     ] }) }) }),
-    /* @__PURE__ */ p("div", { className: f.imageCommonPanelRow, children: /* @__PURE__ */ p("div", { className: j(f.imageCommonPanelColumn, f.imageCommonPanelSubtitle), children: /* @__PURE__ */ p("div", { children: n.t("image-text-wrap.distanceFromText") }) }) }),
-    /* @__PURE__ */ K("div", { className: f.imageCommonPanelRow, children: [
-      /* @__PURE__ */ p("div", { className: j(f.imageCommonPanelColumn, f.imageCommonPanelSpan2), children: /* @__PURE__ */ K("label", { children: [
-        /* @__PURE__ */ p("div", { className: f.imageCommonPanelRow, children: /* @__PURE__ */ p("div", { className: f.imageCommonPanelColumn, children: n.t("image-text-wrap.top") }) }),
-        /* @__PURE__ */ p("div", { className: f.imageCommonPanelRow, children: /* @__PURE__ */ p("div", { className: f.imageCommonPanelColumn, children: /* @__PURE__ */ p(
+    /* @__PURE__ */ p("div", { className: h.imageCommonPanelRow, children: /* @__PURE__ */ p("div", { className: j(h.imageCommonPanelColumn, h.imageCommonPanelSubtitle), children: /* @__PURE__ */ p("div", { children: n.t("image-text-wrap.distanceFromText") }) }) }),
+    /* @__PURE__ */ K("div", { className: h.imageCommonPanelRow, children: [
+      /* @__PURE__ */ p("div", { className: j(h.imageCommonPanelColumn, h.imageCommonPanelSpan2), children: /* @__PURE__ */ K("label", { children: [
+        /* @__PURE__ */ p("div", { className: h.imageCommonPanelRow, children: /* @__PURE__ */ p("div", { className: h.imageCommonPanelColumn, children: n.t("image-text-wrap.top") }) }),
+        /* @__PURE__ */ p("div", { className: h.imageCommonPanelRow, children: /* @__PURE__ */ p("div", { className: h.imageCommonPanelColumn, children: /* @__PURE__ */ p(
           Fe,
           {
             min: en,
             max: nn,
             disabled: u,
             precision: 1,
-            value: b.distT,
-            onChange: (_) => {
-              G(_, "distT");
+            value: P.distT,
+            onChange: (S) => {
+              G(S, "distT");
             },
-            className: f.imageCommonPanelInput
+            className: h.imageCommonPanelInput
           }
         ) }) })
       ] }) }),
-      /* @__PURE__ */ p("div", { className: j(f.imageCommonPanelColumn, f.imageCommonPanelSpan2), children: /* @__PURE__ */ K("label", { children: [
-        /* @__PURE__ */ p("div", { className: f.imageCommonPanelRow, children: /* @__PURE__ */ p("div", { className: f.imageCommonPanelColumn, children: n.t("image-text-wrap.left") }) }),
-        /* @__PURE__ */ p("div", { className: f.imageCommonPanelRow, children: /* @__PURE__ */ p("div", { className: f.imageCommonPanelColumn, children: /* @__PURE__ */ p(
+      /* @__PURE__ */ p("div", { className: j(h.imageCommonPanelColumn, h.imageCommonPanelSpan2), children: /* @__PURE__ */ K("label", { children: [
+        /* @__PURE__ */ p("div", { className: h.imageCommonPanelRow, children: /* @__PURE__ */ p("div", { className: h.imageCommonPanelColumn, children: n.t("image-text-wrap.left") }) }),
+        /* @__PURE__ */ p("div", { className: h.imageCommonPanelRow, children: /* @__PURE__ */ p("div", { className: h.imageCommonPanelColumn, children: /* @__PURE__ */ p(
           Fe,
           {
             min: en,
             max: nn,
-            disabled: v,
+            disabled: w,
             precision: 1,
-            value: b.distL,
-            onChange: (_) => {
-              G(_, "distL");
+            value: P.distL,
+            onChange: (S) => {
+              G(S, "distL");
             },
-            className: f.imageCommonPanelInput
+            className: h.imageCommonPanelInput
           }
         ) }) })
       ] }) })
     ] }),
-    /* @__PURE__ */ K("div", { className: f.imageCommonPanelRow, children: [
-      /* @__PURE__ */ p("div", { className: j(f.imageCommonPanelColumn, f.imageCommonPanelSpan2), children: /* @__PURE__ */ K("label", { children: [
-        /* @__PURE__ */ p("div", { className: f.imageCommonPanelRow, children: /* @__PURE__ */ p("div", { className: f.imageCommonPanelColumn, children: n.t("image-text-wrap.bottom") }) }),
-        /* @__PURE__ */ p("div", { className: f.imageCommonPanelRow, children: /* @__PURE__ */ p("div", { className: f.imageCommonPanelColumn, children: /* @__PURE__ */ p(
+    /* @__PURE__ */ K("div", { className: h.imageCommonPanelRow, children: [
+      /* @__PURE__ */ p("div", { className: j(h.imageCommonPanelColumn, h.imageCommonPanelSpan2), children: /* @__PURE__ */ K("label", { children: [
+        /* @__PURE__ */ p("div", { className: h.imageCommonPanelRow, children: /* @__PURE__ */ p("div", { className: h.imageCommonPanelColumn, children: n.t("image-text-wrap.bottom") }) }),
+        /* @__PURE__ */ p("div", { className: h.imageCommonPanelRow, children: /* @__PURE__ */ p("div", { className: h.imageCommonPanelColumn, children: /* @__PURE__ */ p(
           Fe,
           {
             min: en,
             max: nn,
             disabled: u,
             precision: 1,
-            value: b.distB,
-            onChange: (_) => {
-              G(_, "distB");
+            value: P.distB,
+            onChange: (S) => {
+              G(S, "distB");
             },
-            className: f.imageCommonPanelInput
+            className: h.imageCommonPanelInput
           }
         ) }) })
       ] }) }),
-      /* @__PURE__ */ p("div", { className: j(f.imageCommonPanelColumn, f.imageCommonPanelSpan2), children: /* @__PURE__ */ K("label", { children: [
-        /* @__PURE__ */ p("div", { className: f.imageCommonPanelRow, children: /* @__PURE__ */ p("div", { className: f.imageCommonPanelColumn, children: n.t("image-text-wrap.right") }) }),
-        /* @__PURE__ */ p("div", { className: f.imageCommonPanelRow, children: /* @__PURE__ */ p("div", { className: f.imageCommonPanelColumn, children: /* @__PURE__ */ p(
+      /* @__PURE__ */ p("div", { className: j(h.imageCommonPanelColumn, h.imageCommonPanelSpan2), children: /* @__PURE__ */ K("label", { children: [
+        /* @__PURE__ */ p("div", { className: h.imageCommonPanelRow, children: /* @__PURE__ */ p("div", { className: h.imageCommonPanelColumn, children: n.t("image-text-wrap.right") }) }),
+        /* @__PURE__ */ p("div", { className: h.imageCommonPanelRow, children: /* @__PURE__ */ p("div", { className: h.imageCommonPanelColumn, children: /* @__PURE__ */ p(
           Fe,
           {
             min: en,
             max: nn,
-            disabled: v,
+            disabled: w,
             precision: 1,
-            value: b.distR,
-            onChange: (_) => {
-              G(_, "distR");
+            value: P.distR,
+            onChange: (S) => {
+              G(S, "distR");
             },
-            className: f.imageCommonPanelInput
+            className: h.imageCommonPanelInput
           }
         ) }) })
       ] }) })
     ] })
   ] });
 }, gr = () => {
-  const i = ve(Ie), e = i.getFocusDrawings(), [n, t] = oe(e);
+  const i = ve(_e), e = i.getFocusDrawings(), [n, t] = oe(e);
   return Tn(() => {
     const r = i.focus$.subscribe((o) => {
       t(o);
@@ -2003,22 +2024,22 @@ const Ct = {
     return () => {
       r.unsubscribe();
     };
-  }, []), !!(n != null && n.length) && /* @__PURE__ */ K("div", { className: f.imageCommonPanel, children: [
+  }, []), !!(n != null && n.length) && /* @__PURE__ */ K("div", { className: h.imageCommonPanel, children: [
     /* @__PURE__ */ p(oi, { drawings: n, hasAlign: !1, hasCropper: !1, hasGroup: !1, hasTransform: !1 }),
     /* @__PURE__ */ p(lr, { drawings: n }),
     /* @__PURE__ */ p(dr, { drawings: n })
   ] });
-}, bt = "addition-and-subtraction-single", Pt = "doc.menu.image", Mt = Ct.id, mr = (i) => {
+}, yt = "addition-and-subtraction-single", Pt = "doc.menu.image", bt = Dt.id, mr = (i) => {
   const e = i.get(On), n = i.get(q);
   return new Ni((t) => {
     const r = e.textSelection$.subscribe(() => {
       var s;
       const o = e.getActiveTextRange();
       if (o) {
-        const { segmentId: a, startOffset: d, endOffset: c } = o, l = n.getCurrentUniverDocInstance(), m = (s = l == null ? void 0 : l.getSelfOrHeaderFooterModel(a).getBody()) == null ? void 0 : s.tables;
-        if (m && m.length && m.some((g) => {
-          const { startIndex: w, endIndex: u } = g;
-          return d >= w && d < u || c >= w && c < u;
+        const { segmentId: a, startOffset: d, endOffset: c } = o, g = n.getCurrentUniverDocInstance(), m = (s = g == null ? void 0 : g.getSelfOrHeaderFooterModel(a).getBody()) == null ? void 0 : s.tables;
+        if (m && m.length && m.some((l) => {
+          const { startIndex: f, endIndex: u } = l;
+          return d >= f && d < u || c >= f && c < u;
         })) {
           t.next(!0);
           return;
@@ -2035,35 +2056,35 @@ const Ct = {
 function ur(i) {
   return {
     id: Pt,
-    type: tt.SUBITEMS,
-    icon: bt,
+    type: nt.SUBITEMS,
+    icon: yt,
     tooltip: "docImage.title",
     disabled$: mr(i),
-    hidden$: nt(i, Se.UNIVER_DOC, void 0, Cn)
+    hidden$: et(i, Ie.UNIVER_DOC, void 0, Cn)
   };
 }
-function hr(i) {
+function fr(i) {
   return {
-    id: Mt,
+    id: bt,
     title: "docImage.upload.float",
-    type: tt.BUTTON,
-    hidden$: nt(i, Se.UNIVER_DOC, void 0, Cn)
+    type: nt.BUTTON,
+    hidden$: et(i, Ie.UNIVER_DOC, void 0, Cn)
   };
 }
-const fr = {
+const hr = {
   [_i.LAYOUT]: {
     [Pt]: {
       order: 0,
       menuItemFactory: ur,
-      [Mt]: {
+      [bt]: {
         order: 0,
-        menuItemFactory: hr
+        menuItemFactory: fr
       }
     }
   }
 };
 function Ze(i) {
-  return i.getContextValue(Gt) && i.getContextValue(rn);
+  return i.getContextValue(Ht) && i.getContextValue(rn);
 }
 const pr = {
   id: Ye.id,
@@ -2073,7 +2094,7 @@ const pr = {
   priority: 100,
   preconditions: Ze,
   staticParameters: {
-    direction: he.DOWN
+    direction: fe.DOWN
   }
 }, wr = {
   id: Ye.id,
@@ -2083,7 +2104,7 @@ const pr = {
   priority: 100,
   preconditions: Ze,
   staticParameters: {
-    direction: he.UP
+    direction: fe.UP
   }
 }, vr = {
   id: Ye.id,
@@ -2093,7 +2114,7 @@ const pr = {
   priority: 100,
   preconditions: Ze,
   staticParameters: {
-    direction: he.LEFT
+    direction: fe.LEFT
   }
 }, Ir = {
   id: Ye.id,
@@ -2103,10 +2124,10 @@ const pr = {
   priority: 100,
   preconditions: Ze,
   staticParameters: {
-    direction: he.RIGHT
+    direction: fe.RIGHT
   }
 }, _r = {
-  id: It.id,
+  id: vt.id,
   description: "shortcut.doc.drawing-delete",
   group: "4_doc-drawing-view",
   // when focusing on any other input tag do not trigger this shortcut
@@ -2125,30 +2146,30 @@ let cn = class extends Ge {
   }
   _initCustomComponents() {
     const i = this._componentManager;
-    this.disposeWithMe(i.register(bt, vt)), this.disposeWithMe(i.register(Ot, gr));
+    this.disposeWithMe(i.register(yt, wt)), this.disposeWithMe(i.register(Ct, gr));
   }
   _initMenus() {
-    this._menuManagerService.mergeMenu(fr);
+    this._menuManagerService.mergeMenu(hr);
   }
   _initCommands() {
     [
-      Ct,
-      bn,
+      Dt,
+      Pn,
+      lt,
       gt,
       mt,
-      ut,
       Ke,
-      ht,
+      ut,
       ft,
       yn,
-      Tt,
+      Ot,
       Ji,
-      yt,
-      _t,
-      Dt,
-      Ye,
+      Tt,
       It,
-      St
+      St,
+      Ye,
+      vt,
+      _t
     ].forEach((i) => this.disposeWithMe(this._commandService.registerCommand(i)));
   }
   _initShortcuts() {
@@ -2179,32 +2200,33 @@ var Cr = Object.getOwnPropertyDescriptor, Or = (i, e, n, t) => {
   return r;
 }, ke = (i, e) => (n, t) => e(n, t, i);
 function vn(i, e) {
-  const { top: n, left: t, width: r, height: o, angle: s } = i, a = e.scene, d = a.getViewport(rt.VIEW_MAIN), { viewportScrollX: c, viewportScrollY: l } = d, { scaleX: m, scaleY: g } = a.getAncestorScale();
+  const { top: n, left: t, width: r, height: o, angle: s, opacity: a } = i, d = e.scene, c = d.getViewport(it.VIEW_MAIN), { viewportScrollX: g, viewportScrollY: m } = c, { scaleX: l, scaleY: f } = d.getAncestorScale();
   return {
-    startX: (t - c) * m,
-    startY: (n - l) * g,
-    endX: (t + r - c) * m,
-    endY: (n + o - l) * g,
+    startX: (t - g) * l,
+    startY: (n - m) * f,
+    endX: (t + r - g) * l,
+    endY: (n + o - m) * f,
     width: r,
     height: o,
-    rotate: 0,
+    rotate: s,
     absolute: {
       left: !1,
       top: !1
-    }
+    },
+    opacity: a != null ? a : 1
   };
 }
 let dn = class extends Ge {
   constructor(e, n, t, r, o, s) {
     super();
-    _e(this, "_domLayerInfoMap", /* @__PURE__ */ new Map());
+    Se(this, "_domLayerInfoMap", /* @__PURE__ */ new Map());
     this._renderManagerService = e, this._drawingManagerService = n, this._drawingRenderService = t, this._canvasFloatDomService = r, this._univerInstanceService = o, this._commandService = s, this._initialize();
   }
   dispose() {
     super.dispose();
   }
   _initialize() {
-    this._drawingAddRemoveListener(), this._imageUpdateListener(), this._initScrollAndZoomEvent();
+    this._drawingAddRemoveListener(), this._initScrollAndZoomEvent();
   }
   _getSceneAndTransformerByDrawingSearch(e) {
     if (e == null)
@@ -2230,76 +2252,56 @@ let dn = class extends Ge {
   }
   _insertRects(e) {
     e.forEach(async (n) => {
-      const { unitId: t } = n, r = this._getSceneAndTransformerByDrawingSearch(t);
-      if (r == null)
+      const { unitId: t } = n;
+      if (!this._univerInstanceService.getUnit(t, Ie.UNIVER_DOC))
         return;
-      const o = this._drawingManagerService.getDrawingByParam(n);
+      const o = this._getSceneAndTransformerByDrawingSearch(t);
       if (o == null)
         return;
-      const s = await this._drawingRenderService.renderFloatDom(o, r.scene);
-      if (!(s == null || s.length === 0))
-        for (const a of s) {
-          this._addHoverForRect(a);
-          const d = new Vt(), c = vn(a, r.renderUnit), l = new st(c), m = r.canvas, g = o.data, w = {
-            dispose: d,
-            rect: a,
-            position$: l,
+      const s = this._drawingManagerService.getDrawingByParam(n);
+      if (s == null)
+        return;
+      const a = await this._drawingRenderService.renderFloatDom(s, o.scene);
+      if (!(a == null || a.length === 0))
+        for (const d of a) {
+          this._addHoverForRect(d);
+          const c = new Gt(), g = vn(d, o.renderUnit), m = new ot(g), l = o.canvas, f = s.data, u = {
+            dispose: c,
+            rect: d,
+            position$: m,
             unitId: t
           };
           this._canvasFloatDomService.addFloatDom({
-            position$: l,
-            id: o.drawingId,
-            componentKey: o.componentKey,
-            onPointerDown: (h) => {
-              m.dispatchEvent(new PointerEvent(h.type, h));
+            position$: m,
+            id: s.drawingId,
+            componentKey: s.componentKey,
+            onPointerDown: (w) => {
+              l.dispatchEvent(new PointerEvent(w.type, w));
             },
-            onPointerMove: (h) => {
-              m.dispatchEvent(new PointerEvent(h.type, h));
+            onPointerMove: (w) => {
+              l.dispatchEvent(new PointerEvent(w.type, w));
             },
-            onPointerUp: (h) => {
-              m.dispatchEvent(new PointerEvent(h.type, h));
+            onPointerUp: (w) => {
+              l.dispatchEvent(new PointerEvent(w.type, w));
             },
-            onWheel: (h) => {
-              m.dispatchEvent(new WheelEvent(h.type, h));
+            onWheel: (w) => {
+              l.dispatchEvent(new WheelEvent(w.type, w));
             },
-            data: g,
+            data: f,
             unitId: t
           });
-          const u = a.onTransformChange$.subscribeEvent(() => {
-            const h = vn(a, r.renderUnit);
-            l.next(
-              h
+          const v = d.onTransformChange$.subscribeEvent(() => {
+            const w = vn(d, o.renderUnit);
+            m.next(
+              w
             );
           });
-          d.add(() => {
-            this._canvasFloatDomService.removeFloatDom(o.drawingId);
-          }), u && d.add(u), this._domLayerInfoMap.set(o.drawingId, w);
+          c.add(() => {
+            this._canvasFloatDomService.removeFloatDom(s.drawingId);
+          }), v && c.add(v), this._domLayerInfoMap.set(s.drawingId, u);
         }
     });
   }
-  _imageUpdateListener() {
-    this.disposeWithMe(
-      this._drawingManagerService.update$.subscribe((e) => {
-        e.forEach((n) => {
-          const { unitId: t, subUnitId: r, drawingId: o } = n, s = this._drawingManagerService.getDrawingByParam(n);
-          if (s == null)
-            return;
-          const { transform: a, drawingType: d } = s;
-          if (d !== _n.DRAWING_IMAGE)
-            return;
-          const c = this._getSceneAndTransformerByDrawingSearch(t);
-          if (c == null)
-            return;
-          const { scene: l } = c;
-          if (a == null)
-            return !0;
-          const m = Jn({ unitId: t, subUnitId: r, drawingId: o });
-          if (l.getObject(m) == null)
-            return !0;
-        });
-      })
-    );
-  }
   _addHoverForRect(e) {
     this.disposeWithMe(
       Oe(
@@ -2334,14 +2336,14 @@ let dn = class extends Ge {
       });
     };
     this.disposeWithMe(
-      this._univerInstanceService.getCurrentTypeOfUnit$(Se.UNIVER_DOC).pipe(
+      this._univerInstanceService.getCurrentTypeOfUnit$(Ie.UNIVER_DOC).pipe(
         Wn((n) => {
           if (!n) return null;
           const t = n.getUnitId(), r = this._renderManagerService.getRenderById(t);
           return r ? { render: r, unitId: t } : null;
         }),
         Ai(
-          (n) => n ? Qn(n.render.scene.getViewport(rt.VIEW_MAIN).onScrollAfter$).pipe(Wn(() => ({ unitId: n.unitId }))) : xi(null)
+          (n) => n ? Qn(n.render.scene.getViewport(it.VIEW_MAIN).onScrollAfter$).pipe(Wn(() => ({ unitId: n.unitId }))) : xi(null)
         )
       ).subscribe((n) => {
         if (!n) return;
@@ -2349,23 +2351,23 @@ let dn = class extends Ge {
         e(t);
       })
     ), this.disposeWithMe(this._commandService.onCommandExecuted((n) => {
-      if (n.id === ot.id) {
+      if (n.id === rt.id) {
         const t = n.params, { unitId: r } = t;
         e(r);
       }
     }));
   }
   insertFloatDom(e, n) {
-    var u, h, v;
-    const t = this._univerInstanceService.getCurrentUnitOfType(Se.UNIVER_DOC);
+    var v, w, I;
+    const t = this._univerInstanceService.getCurrentUnitOfType(Ie.UNIVER_DOC);
     if (!t) return !1;
     const r = this._getSceneAndTransformerByDrawingSearch(t.getUnitId());
     if (!r) return !1;
-    const a = (u = r.renderUnit.with(te).getSkeleton().getSkeletonData()) == null ? void 0 : u.pages[0];
+    const a = (v = r.renderUnit.with(te).getSkeleton().getSkeletonData()) == null ? void 0 : v.pages[0];
     if (!a) return !1;
-    const { pageWidth: d, marginLeft: c, marginRight: l } = a, m = d - c - l, g = {
+    const { pageWidth: d, marginLeft: c, marginRight: g } = a, m = d - c - g, l = {
       size: {
-        width: (h = n.width) != null ? h : m,
+        width: (w = n.width) != null ? w : m,
         height: n.height
       },
       positionH: {
@@ -2377,29 +2379,29 @@ let dn = class extends Ge {
         posOffset: 0
       },
       angle: 0
-    }, w = {
+    }, f = (I = n.drawingId) != null ? I : Vt(), u = {
       unitId: t.getUnitId(),
       drawings: [
         {
-          drawingId: (v = n.drawingId) != null ? v : jt(),
-          drawingType: _n.DRAWING_DOM,
+          drawingId: f,
+          drawingType: Dn.DRAWING_DOM,
           subUnitId: t.getUnitId(),
           unitId: t.getUnitId(),
           ...e,
           title: "",
           description: "",
-          docTransform: g,
+          docTransform: l,
           layoutType: W.INLINE,
-          transform: it(g)
+          transform: tt(l)
         }
       ]
     };
-    this._commandService.executeCommand(bn.id, w);
+    return this._commandService.syncExecuteCommand(Pn.id, u), f;
   }
 };
 dn = Or([
   ke(0, J),
-  ke(1, Ie),
+  ke(1, _e),
   ke(2, pe(si)),
   ke(3, pe(Oi)),
   ke(4, q),
@@ -2410,14 +2412,14 @@ var Tr = Object.getOwnPropertyDescriptor, yr = (i, e, n, t) => {
     (s = i[o]) && (r = s(r) || r);
   return r;
 }, ze = (i, e) => (n, t) => e(n, t, i);
-let ln = class extends $t {
+let ln = class extends jt {
   constructor(e, n, t, r, o) {
     super();
-    _e(this, "_initImagePopupMenu", /* @__PURE__ */ new Set());
+    Se(this, "_initImagePopupMenu", /* @__PURE__ */ new Set());
     this._drawingManagerService = e, this._canvasPopManagerService = n, this._renderManagerService = t, this._univerInstanceService = r, this._contextService = o, this._init();
   }
   _init() {
-    this._univerInstanceService.getCurrentTypeOfUnit$(Se.UNIVER_DOC).pipe(Hn(this.dispose$)).subscribe((e) => this._create(e)), this._univerInstanceService.getTypeOfUnitDisposed$(Se.UNIVER_DOC).pipe(Hn(this.dispose$)).subscribe((e) => this._dispose(e)), this._univerInstanceService.getAllUnitsForType(Se.UNIVER_DOC).forEach((e) => this._create(e));
+    this._univerInstanceService.getCurrentTypeOfUnit$(Ie.UNIVER_DOC).pipe(Hn(this.dispose$)).subscribe((e) => this._create(e)), this._univerInstanceService.getTypeOfUnitDisposed$(Ie.UNIVER_DOC).pipe(Hn(this.dispose$)).subscribe((e) => this._dispose(e)), this._univerInstanceService.getAllUnitsForType(Ie.UNIVER_DOC).forEach((e) => this._create(e));
   }
   _dispose(e) {
     const n = e.getUnitId();
@@ -2452,7 +2454,7 @@ let ln = class extends $t {
           if (this._hasCropObject(n))
             return;
           const s = t.getSelectedObjectMap();
-          if (r.forEach((v) => v.dispose()), r.length = 0, s.size > 1)
+          if (r.forEach((I) => I.dispose()), r.length = 0, s.size > 1)
             return;
           const a = s.values().next().value;
           if (!a)
@@ -2460,22 +2462,22 @@ let ln = class extends $t {
           const d = a.oKey, c = this._drawingManagerService.getDrawingOKey(d);
           if (!c)
             return;
-          const { unitId: l, subUnitId: m, drawingId: g } = c, w = this._canvasPopManagerService.attachPopupToObject(
+          const { unitId: g, subUnitId: m, drawingId: l, drawingType: f } = c, u = this._canvasPopManagerService.attachPopupToObject(
             a,
             {
               componentKey: ci,
               direction: "horizontal",
               offset: [2, 0],
               extraProps: {
-                menuItems: this._getImageMenuItems(l, m, g)
+                menuItems: this._getImageMenuItems(g, m, l, f)
               }
             },
-            l
+            g
           );
-          r.push(this.disposeWithMe(w)), !this._drawingManagerService.getFocusDrawings().find((v) => v.unitId === l && v.subUnitId === m && v.drawingId === g) && this._drawingManagerService.focusDrawing([{
-            unitId: l,
+          r.push(this.disposeWithMe(u)), !this._drawingManagerService.getFocusDrawings().find((I) => I.unitId === g && I.subUnitId === m && I.drawingId === l) && this._drawingManagerService.focusDrawing([{
+            unitId: g,
             subUnitId: m,
-            drawingId: g
+            drawingId: l
           }]);
         })
       )
@@ -2499,14 +2501,14 @@ let ln = class extends $t {
       )
     );
   }
-  _getImageMenuItems(e, n, t) {
+  _getImageMenuItems(e, n, t, r) {
     return [
       {
         label: "image-popup.edit",
         index: 0,
-        commandId: yt.id,
+        commandId: Tt.id,
         commandParams: { unitId: e, subUnitId: n, drawingId: t },
-        disable: !!zt.includes(e)
+        disable: !!$t.includes(e) || r === Dn.DRAWING_DOM
       },
       {
         label: "image-popup.delete",
@@ -2535,21 +2537,21 @@ let ln = class extends $t {
   }
 };
 ln = yr([
-  ze(0, Ie),
+  ze(0, _e),
   ze(1, pe(Ri)),
   ze(2, J),
   ze(3, q),
   ze(4, Zn)
 ], ln);
-var br = Object.getOwnPropertyDescriptor, Pr = (i, e, n, t) => {
-  for (var r = t > 1 ? void 0 : t ? br(e, n) : e, o = i.length - 1, s; o >= 0; o--)
+var Pr = Object.getOwnPropertyDescriptor, br = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? Pr(e, n) : e, o = i.length - 1, s; o >= 0; o--)
     (s = i[o]) && (r = s(r) || r);
   return r;
 }, Le = (i, e) => (n, t) => e(n, t, i);
-let Sn = class extends Ge {
+let _n = class extends Ge {
   constructor(e, n, t, r, o, s, a, d) {
     super();
-    _e(this, "_liquid", new et());
+    Se(this, "_liquid", new Jn());
     this._context = e, this._docSkeletonManagerService = n, this._commandService = t, this._editorService = r, this._drawingManagerService = o, this._docRefreshDrawingsService = s, this._univerInstanceService = a, this._lifecycleService = d, this._initialize(), this._commandExecutedListener();
   }
   _initialize() {
@@ -2563,7 +2565,7 @@ let Sn = class extends Ge {
     });
   }
   _commandExecutedListener() {
-    const e = [ne.id, ot.id];
+    const e = [ne.id, rt.id];
     this.disposeWithMe(
       this._commandService.onCommandExecuted((n) => {
         if (e.includes(n.id)) {
@@ -2586,7 +2588,7 @@ let Sn = class extends Ge {
     this.disposeWithMe(
       Qn(this._context.engine.onTransformChange$).pipe(
         Gn((e) => e.type === pi.resize),
-        at(16)
+        st(16)
       ).subscribe(() => {
         var t;
         const e = this._docSkeletonManagerService.getSkeleton(), { scene: n } = this._context;
@@ -2599,38 +2601,38 @@ let Sn = class extends Ge {
     const n = e == null ? void 0 : e.getSkeletonData(), { mainComponent: t, unitId: r } = this._context, o = t;
     if (!n)
       return;
-    const { left: s, top: a, pageLayoutType: d, pageMarginLeft: c, pageMarginTop: l } = o, { pages: m, skeHeaders: g, skeFooters: w } = n, u = {};
+    const { left: s, top: a, pageLayoutType: d, pageMarginLeft: c, pageMarginTop: g } = o, { pages: m, skeHeaders: l, skeFooters: f } = n, u = {};
     this._liquid.reset();
     for (let T = 0, M = m.length; T < M; T++) {
-      const b = m[T], { headerId: N, footerId: B, pageWidth: E } = b;
+      const P = m[T], { headerId: N, footerId: B, pageWidth: E } = P;
       if (N) {
-        const I = (O = g.get(N)) == null ? void 0 : O.get(E);
-        I && this._calculateDrawingPosition(
+        const _ = (O = l.get(N)) == null ? void 0 : O.get(E);
+        _ && this._calculateDrawingPosition(
           r,
-          I,
+          _,
           s,
           a,
           u,
-          I.marginTop,
-          b.marginLeft
+          _.marginTop,
+          P.marginLeft
         );
       }
       if (B) {
-        const I = (C = w.get(B)) == null ? void 0 : C.get(E);
-        I && this._calculateDrawingPosition(
+        const _ = (C = f.get(B)) == null ? void 0 : C.get(E);
+        _ && this._calculateDrawingPosition(
           r,
-          I,
+          _,
           s,
           a,
           u,
-          b.pageHeight - b.marginBottom + I.marginTop,
-          b.marginLeft
+          P.pageHeight - P.marginBottom + _.marginTop,
+          P.marginLeft
         );
       }
-      this._calculateDrawingPosition(r, b, s, a, u, b.marginTop, b.marginLeft), this._liquid.translatePage(b, d, c, l);
+      this._calculateDrawingPosition(r, P, s, a, u, P.marginTop, P.marginLeft), this._liquid.translatePage(P, d, c, g);
     }
-    const h = Object.values(u), v = h.filter((T) => !T.isMultiTransform), S = h.filter((T) => T.isMultiTransform);
-    v.length > 0 && this._drawingManagerService.refreshTransform(v), this._handleMultiDrawingsTransform(S);
+    const v = Object.values(u), w = v.filter((T) => !T.isMultiTransform), I = v.filter((T) => T.isMultiTransform);
+    w.length > 0 && this._drawingManagerService.refreshTransform(w), this._handleMultiDrawingsTransform(I);
   }
   _handleMultiDrawingsTransform(e) {
     const { scene: n, unitId: t } = this._context, r = n.getTransformerByCreate();
@@ -2651,22 +2653,22 @@ let Sn = class extends Ge {
       marginTop: s,
       marginLeft: a
     }), d.forEach((c) => {
-      const { aLeft: l, aTop: m, height: g, width: w, angle: u, drawingId: h, drawingOrigin: v } = c, S = v.layoutType === W.WRAP_NONE && v.behindDoc === se.TRUE, { isMultiTransform: O = se.FALSE } = v, C = {
-        left: l + t + this._liquid.x,
+      const { aLeft: g, aTop: m, height: l, width: f, angle: u, drawingId: v, drawingOrigin: w } = c, I = w.layoutType === W.WRAP_NONE && w.behindDoc === se.TRUE, { isMultiTransform: O = se.FALSE } = w, C = {
+        left: g + t + this._liquid.x,
         top: m + r + this._liquid.y,
-        width: w,
-        height: g,
+        width: f,
+        height: l,
         angle: u
       };
-      o[h] == null ? o[h] = {
+      o[v] == null ? o[v] = {
         unitId: e,
         subUnitId: e,
-        drawingId: h,
-        behindText: S,
+        drawingId: v,
+        behindText: I,
         transform: C,
         transforms: [C],
         isMultiTransform: O
-      } : O === se.TRUE && o[h].transforms.push(C);
+      } : O === se.TRUE && o[v].transforms.push(C);
     }), this._liquid.restorePagePadding({
       marginTop: s,
       marginLeft: a
@@ -2682,25 +2684,25 @@ let Sn = class extends Ge {
     }, 1e3) : this._lifecycleService.lifecycle$.pipe(Gn((n) => n === En.Steady)).subscribe(e);
   }
 };
-Sn = Pr([
+_n = br([
   Le(1, pe(te)),
   Le(2, $),
   Le(3, Ei),
-  Le(4, Ie),
+  Le(4, _e),
   Le(5, pe(un)),
   Le(6, q),
-  Le(7, pe(Xt))
-], Sn);
+  Le(7, pe(zt))
+], _n);
 var Mr = Object.defineProperty, Rr = Object.getOwnPropertyDescriptor, Er = (i, e, n) => e in i ? Mr(i, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : i[e] = n, Nr = (i, e, n, t) => {
   for (var r = t > 1 ? void 0 : t ? Rr(e, n) : e, o = i.length - 1, s; o >= 0; o--)
     (s = i[o]) && (r = s(r) || r);
   return r;
-}, In = (i, e) => (n, t) => e(n, t, i), Rt = (i, e, n) => Er(i, typeof e != "symbol" ? e + "" : e, n);
+}, In = (i, e) => (n, t) => e(n, t, i), Mt = (i, e, n) => Er(i, typeof e != "symbol" ? e + "" : e, n);
 const Ar = "DOC_DRAWING_UI_PLUGIN";
-let gn = class extends Zt {
+let gn = class extends Yt {
   constructor(i = zn, e, n, t) {
     super(), this._config = i, this._injector = e, this._renderManagerSrv = n, this._configService = t;
-    const { ...r } = Qt(
+    const { ...r } = Zt(
       {},
       zn,
       this._config
@@ -2720,34 +2722,34 @@ let gn = class extends Zt {
   onReady() {
     [
       [an],
-      [Sn]
-    ].forEach((i) => this._renderManagerSrv.registerRenderModule(Se.UNIVER_DOC, i)), this._injector.get(on), this._injector.get(cn), this._injector.get(sn);
+      [_n]
+    ].forEach((i) => this._renderManagerSrv.registerRenderModule(Ie.UNIVER_DOC, i)), this._injector.get(on), this._injector.get(cn), this._injector.get(sn);
   }
   onRendered() {
     this._injector.get(ln), this._injector.get(dn);
   }
 };
-Rt(gn, "type", Se.UNIVER_DOC);
-Rt(gn, "pluginName", Ar);
+Mt(gn, "type", Ie.UNIVER_DOC);
+Mt(gn, "pluginName", Ar);
 gn = Nr([
-  qt(gi, ri, Jt, Ti),
-  In(1, pe(Kt)),
+  Xt(gi, ri, Qt, Ti),
+  In(1, pe(qt)),
   In(2, J),
-  In(3, Yt)
+  In(3, Kt)
 ], gn);
 export {
   Ji as ClearDocDrawingTransformerOperation,
   Pt as DOCS_IMAGE_MENU_ID,
-  It as DeleteDocDrawingsCommand,
+  vt as DeleteDocDrawingsCommand,
   dn as DocFloatDomController,
-  yt as EditDocDrawingOperation,
-  _t as GroupDocDrawingCommand,
-  bn as InsertDocDrawingCommand,
-  Ct as InsertDocImageCommand,
+  Tt as EditDocDrawingOperation,
+  It as GroupDocDrawingCommand,
+  Pn as InsertDocDrawingCommand,
+  Dt as InsertDocImageCommand,
   Ye as MoveDocDrawingsCommand,
   yn as RemoveDocDrawingCommand,
-  St as SetDocDrawingArrangeCommand,
-  Tt as SidebarDocDrawingOperation,
-  Dt as UngroupDocDrawingCommand,
+  _t as SetDocDrawingArrangeCommand,
+  Ot as SidebarDocDrawingOperation,
+  St as UngroupDocDrawingCommand,
   gn as UniverDocsDrawingUIPlugin
 };