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

package/lib/es/index.js

@@ -1,9 +1,9 @@
 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 _e = (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 Se, 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";
+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 Ie, 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 { 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 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";
@@ -11,7 +11,7 @@ import { RichTextEditingMutation as ne, DocSkeletonManagerService as te, DocSele
 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 w } from "react/jsx-runtime";
+import { jsxs as K, jsx as p } from "react/jsx-runtime";
 import { forwardRef as at, useRef as Ui, createElement as ct, useState as oe, useEffect as Tn } from "react";
 const Bi = "docs-drawing-ui.config", zn = {};
 var ki = Object.getOwnPropertyDescriptor, Fi = (i, e, n, t) => {
@@ -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((f) => f.blockId === l);
-            (g == null ? void 0 : g.blockType) !== Lt.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(
@@ -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 ot(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);
@@ -154,13 +154,13 @@ const Gi = {
 };
 function dt(i, e, n, t, r, o, s) {
   var f, u;
-  const a = new Sn(), d = X.getInstance(), c = [], l = o.getSelfOrHeaderFooterModel(e).getBody(), m = o.getSelfOrHeaderFooterModel(i).getBody();
-  if (l == null || m == null)
+  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 = (f = l.customBlocks) == null ? void 0 : f.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 dt(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 dt(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,7 +224,7 @@ function dt(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;
   }
@@ -237,10 +237,10 @@ const lt = {
     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 f = l.getEditArea(), u = m.getTransformerByCreate(), { pages: h, skeHeaders: v, skeFooters: I } = 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: _ } = E, L = T[_].layoutType, G = Gi[t];
       if (L !== G) {
@@ -257,11 +257,11 @@ const lt = {
       if (t === "inline")
         continue;
       let x = null, V = 0, S = 0;
-      for (const D of h) {
+      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);
+            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;
           }
@@ -324,13 +324,13 @@ const lt = {
     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();
+    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 [h, v] of Object.entries(s)) {
-        const I = l[u][h];
-        if (I !== v) {
-          const O = d.replaceOp(["drawings", u, h], I, v);
+      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);
         }
       }
@@ -354,12 +354,12 @@ const lt = {
     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();
+    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, h = l[u].wrapText;
-      if (h !== s) {
-        const v = d.replaceOp(["drawings", u, "wrapText"], h, s);
-        c.push(v);
+      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 = {
@@ -384,26 +384,26 @@ const lt = {
     const a = s.getTransformerByCreate(), d = t.getCurrentUniverDocInstance();
     if (d == null)
       return !1;
-    const { drawings: c, unitId: l } = e, m = X.getInstance(), g = [], { drawings: f = {} } = d.getSnapshot();
-    for (const v of c) {
-      const { drawingId: I, key: O, value: C } = v, T = f[I].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", I, "docTransform", O], T, C);
-        g.push(M);
+        l.push(M);
       }
     }
     const u = {
       id: ne.id,
       params: {
-        unitId: l,
+        unitId: g,
         actions: [],
         textRanges: null,
         debounce: !0
       }
     };
-    u.params.actions = g.reduce((v, I) => X.compose(v, I), 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;
   }
 }, ut = {
   id: "doc.command.move-inline-drawing",
@@ -418,13 +418,13 @@ const lt = {
     const d = s.getTransformerByCreate(), c = i.get($), m = i.get(q).getCurrentUniverDocInstance();
     if (m == null)
       return !1;
-    const { drawing: g, unitId: f, offset: u, segmentId: h, segmentPage: v, needRefreshDrawings: I } = e;
+    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 = dt(
-      h,
-      T,
+    const O = [], { drawingId: C } = l, T = (E = t.getSegment()) != null ? E : "", M = dt(
       v,
+      T,
+      w,
       u,
       C,
       m,
@@ -459,34 +459,34 @@ const lt = {
     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: f, segmentId: u, segmentPage: h } = e, v = [], { drawingId: I } = l, O = (V = t.getSegment()) != null ? V : "", C = dt(
+    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,
+      v,
+      l,
       I,
       c,
       t
     );
     if (C == null)
       return !1;
-    C.length > 0 && v.push(...C);
+    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);
-      v.push(S);
+      w.push(S);
     }
     if (!Me.diffValue(B, f.positionV)) {
       const S = T.replaceOp(["drawings", I, "docTransform", "positionV"], B, f.positionV);
-      v.push(S);
+      w.push(S);
     }
     if (!Me.diffValue(E, f.size)) {
       const S = T.replaceOp(["drawings", I, "docTransform", "size"], E, f.size);
-      v.push(S);
+      w.push(S);
     }
     if (!Me.diffValue(_, f.angle)) {
       const S = T.replaceOp(["drawings", I, "docTransform", "angle"], _, f.angle);
-      v.push(S);
+      w.push(S);
     }
     const L = {
       id: ne.id,
@@ -497,7 +497,7 @@ const lt = {
         debounce: !0
       }
     };
-    L.params.actions = v.reduce((S, D) => X.compose(S, 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 Jn());
-    _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,20 +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: f, 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), I = (a = v == null ? void 0 : v.getSnapshot().drawings) == null ? void 0 : a[h.drawingId];
+            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(h.drawingId, {
+            I != null && this._transformerCache.set(v.drawingId, {
               drawing: I,
               top: f,
-              left: g,
-              width: l,
+              left: l,
+              width: g,
               height: m,
               angle: u
             });
@@ -579,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: f, left: u, angle: h } = l;
-            if (c && m === c.width && g === c.height && f === 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);
           }
@@ -592,10 +592,10 @@ 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);
+            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);
@@ -605,10 +605,10 @@ let sn = class extends Ge {
           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: f, left: u, angle: h } = l;
-            if (c && m === c.width && g === c.height && f === 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();
         })
@@ -623,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 f = this._transformerCache.get(g.drawingId);
+      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: I, height: O, angle: C } = f, { width: T, height: M } = this._getPageContentSize(u);
-      if (l = Math.min(l, T), m = Math.min(m, M), (I !== 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 P = d - h, N = a - v;
+      }), v !== d || w !== a) {
+        const P = d - v, N = a - w;
         P !== 0 && n.push({
-          drawingId: g.drawingId,
+          drawingId: l.drawingId,
           key: "positionV",
           value: {
             relativeFrom: u.docTransform.positionV.relativeFrom,
             posOffset: u.docTransform.positionV.posOffset + P
           }
         }), N !== 0 && n.push({
-          drawingId: g.drawingId,
+          drawingId: l.drawingId,
           key: "positionH",
           value: {
             relativeFrom: u.docTransform.positionH.relativeFrom,
@@ -688,29 +688,29 @@ 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 f = null, u = !1, h = -1, v = "";
+    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: S, ratioX: D, segmentPage: R, segmentId: y } = T;
-      u = D < I, f = S, h = R, v = y;
+      u = D < I, f = S, v = R, w = y;
     }
     if (f == null)
       return;
-    const M = o == null ? void 0 : o.findPositionByGlyph(f, h), P = this._getDocObject();
+    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 = {
@@ -718,7 +718,7 @@ let sn = class extends Ge {
       isBack: u
     }, B = P.document.getOffsetConfig(), E = new kn(B, o), { cursorList: _, contentBoxPointGroup: L } = E.getRangePointData(N, N), { startOffset: G } = (V = Fn(_)) != null ? V : {};
     if (G != null)
-      return { offset: G, contentBoxPointGroup: L, segmentId: v, segmentPage: h };
+      return { offset: G, contentBoxPointGroup: L, segmentId: w, segmentPage: v };
   }
   // eslint-disable-next-line max-lines-per-function, complexity
   _getDrawingAnchor(e, n) {
@@ -726,7 +726,7 @@ let sn = class extends Ge {
     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: f = Ln.VERTICAL, pageMarginLeft: u, pageMarginTop: h, docsLeft: v, docsTop: I } = m.getOffsetConfig(), { left: O, top: C, angle: T } = n;
+    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, _);
@@ -738,13 +738,13 @@ let sn = class extends Ge {
         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, f, u, h, {
+    const k = r == null ? void 0 : r.findNodeByCoord(y, f, u, v, {
       strict: !1,
       segmentId: U.getSegment(),
       segmentPage: U.getSegmentPage()
@@ -791,18 +791,18 @@ let sn = class extends Ge {
       }
       if (this._liquid.translatePagePadding(we), we === F)
         break;
-      this._liquid.restorePagePadding(we), this._liquid.translatePage(we, f, u, h);
+      this._liquid.restorePagePadding(we), this._liquid.translatePage(we, f, u, v);
     }
     switch (N.relativeFrom === H.LINE ? L = b.divides[0].glyphGroup[0] : L = (ge = (le = (Pe = (Ae = z.divides) == null ? void 0 : Ae[0]) == null ? void 0 : Pe.glyphGroup) == null ? void 0 : le[0]) != null ? ge : L, S.positionH = {
       relativeFrom: B.relativeFrom,
-      posOffset: O - this._liquid.x - v
+      posOffset: O - this._liquid.x - w
     }, B.relativeFrom) {
       case ee.MARGIN: {
-        S.positionH.posOffset = O - this._liquid.x - v - F.marginLeft;
+        S.positionH.posOffset = O - this._liquid.x - w - F.marginLeft;
         break;
       }
       case ee.COLUMN: {
-        S.positionH.posOffset = O - this._liquid.x - v - A.left;
+        S.positionH.posOffset = O - this._liquid.x - w - A.left;
         break;
       }
     }
@@ -838,19 +838,19 @@ let sn = class extends Ge {
   // 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;
+    let { width: g, height: m, angle: l } = n;
     const { width: f, height: u } = this._getPageContentSize(r);
-    l = Math.min(f, l), m = Math.min(u, m), (l !== o || m !== s) && t.push({
+    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,
@@ -873,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,
@@ -882,7 +882,7 @@ let sn = class extends Ge {
         height: a,
         angle: d
       };
-    const { mainComponent: g } = t, f = g, { top: u, pageLayoutType: h, pageMarginLeft: v, pageMarginTop: I } = f;
+    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) {
@@ -898,7 +898,7 @@ let sn = class extends Ge {
         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, I);
+      this._liquid.translatePage(C, v, w, I);
     }
     return {
       left: r,
@@ -944,20 +944,20 @@ 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, f = 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: f, 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), {
+    const v = 6, w = new ui($i + Me.generateRandomId(v), {
       left: f,
       top: u,
-      height: g,
+      height: l,
       strokeWidth: 2,
       stroke: fi(kt.darkGray, 1),
       evented: !1
     });
-    this._anchorShape = v, o.addObject(v, Pi);
+    this._anchorShape = w, o.addObject(w, Pi);
   }
   _getDocObject() {
     return bi(this._univerInstanceService, this._renderManagerService);
@@ -972,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: f, marginTop: u } = d;
+      const { pageWidth: c, pageHeight: g, marginLeft: m, marginBottom: l, marginRight: f, marginTop: u } = d;
       return {
         width: Math.max(r, c - m - f),
-        height: Math.max(o, l - u - g)
+        height: Math.max(o, g - u - l)
       };
     } else
       return {
@@ -994,7 +994,7 @@ let sn = class extends Ge {
 sn = ji([
   Je(0, $),
   Je(1, q),
-  Je(2, Ie),
+  Je(2, _e),
   Je(3, J)
 ], sn);
 var he = function() {
@@ -1060,22 +1060,22 @@ const yn = {
     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 Sn(), l = X.getInstance(), m = (N = (P = o.getSelfOrHeaderFooterModel(d).getBody()) == null ? void 0 : P.customBlocks) != null ? N : [], g = 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();
+    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
       }
     ], I = {
       id: ne.id,
       params: {
         unitId: f,
         actions: [],
-        textRanges: v
+        textRanges: w
       }
     }, O = [];
-    for (const E of g) {
+    for (const E of l) {
       const { startIndex: _ } = E;
       _ > u.cursor && c.push({
         t: Q.RETAIN,
@@ -1086,9 +1086,9 @@ const yn = {
       }), u.moveCursorTo(_ + 1);
     }
     const C = qe(o, d);
-    O.push(l.editOp(c.serialize(), C));
-    for (const E of g) {
-      const { blockId: _ } = E, L = ((B = o.getDrawings()) != null ? B : {})[_], x = o.getDrawingsOrder().indexOf(_), V = l.removeOp(["drawings", _], L), S = l.removeOp(["drawingsOrder", x], _);
+    O.push(g.editOp(c.serialize(), C));
+    for (const E of l) {
+      const { blockId: _ } = E, L = ((B = o.getDrawings()) != null ? B : {})[_], x = o.getDrawingsOrder().indexOf(_), V = g.removeOp(["drawings", _], L), S = g.removeOp(["drawingsOrder", x], _);
       O.push(V), O.push(S);
     }
     return I.params.actions = O.reduce((E, _) => X.compose(E, _), null), !!n.syncExecuteCommand(I.id, I.params);
@@ -1101,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, {
@@ -1122,9 +1122,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.getGroupDrawingOp(e), { unitId: o, subUnitId: s, undo: a, redo: d, objects: c } = r;
@@ -1141,27 +1141,27 @@ const yn = {
     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 f = new Sn(), u = X.getInstance(), h = [], v = (N = (P = s.getSnapshot().drawingsOrder) == null ? void 0 : P.length) != null ? N : 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 && f.push({
+      g > 0 && f.push({
         t: Q.RETAIN,
-        len: l
+        len: g
       });
     else {
-      const _ = Wt.selection.delete([o], g, 0, null, !1);
+      const _ = Wt.selection.delete([o], l, 0, null, !1);
       f.push(..._);
-      const L = Mi(g, [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);
+      const L = Mi(l, [o]), G = (B = s.getDrawings()) != null ? B : {}, x = (E = s.getDrawingsOrder()) != null ? E : [], V = L.sort((S, D) => x.indexOf(S) > x.indexOf(D) ? -1 : x.indexOf(S) < x.indexOf(D) ? 1 : 0);
       if (V.length > 0)
         for (const S of V) {
           const D = G[S], R = x.indexOf(S);
           if (D == null || R < 0)
             continue;
           const y = u.removeOp(["drawings", S], D), U = u.removeOp(["drawingsOrder", R], S);
-          h.push(y), h.push(U), I++;
+          v.push(y), v.push(U), I++;
         }
     }
     f.push({
@@ -1176,10 +1176,10 @@ const yn = {
       len: d.length
     });
     const O = qe(s, m), C = u.editOp(f.serialize(), O);
-    h.push(C);
+    v.push(C);
     for (const _ of d) {
-      const { drawingId: L } = _, G = u.insertOp(["drawings", L], _), x = u.insertOp(["drawingsOrder", v - I], L);
-      h.push(G), h.push(x);
+      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,
@@ -1189,7 +1189,7 @@ const yn = {
         textRanges: []
       }
     };
-    return T.params.actions = h.reduce((_, L) => X.compose(_, 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);
   }
 }, _t = {
   id: "doc.command.set-drawing-arrange",
@@ -1202,12 +1202,12 @@ 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);
+    let l = Me.deepClone(g);
+    l = l.slice(3), l.unshift("drawingsOrder"), m.push(l);
     const f = {
       id: ne.id,
       params: {
@@ -1216,7 +1216,7 @@ const yn = {
         textRanges: null
       }
     };
-    return f.params.actions = m.reduce((h, v) => X.compose(h, v), null), !!n.syncExecuteCommand(f.id, f.params);
+    return f.params.actions = m.reduce((v, w) => X.compose(v, w), null), !!n.syncExecuteCommand(f.id, f.params);
   }
 }, St = {
   id: "doc.command.ungroup-doc-image",
@@ -1226,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;
@@ -1241,8 +1241,8 @@ 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({
@@ -1284,14 +1284,14 @@ 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 ti(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, I = xn / l;
-        g = Math.min(v, I);
+      let l = 1;
+      if (c > An || g > xn) {
+        const w = An / c, I = xn / g;
+        l = Math.min(w, I);
       }
-      const f = this._getImagePosition(c * g, l * g);
+      const f = this._getImagePosition(c * l, g * l);
       if (f == null)
         return;
       const u = {
@@ -1407,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 "";
   }
@@ -1422,18 +1422,18 @@ 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 = ii({ 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);
+        for (const l of m) {
+          e.detachTransformerFrom(l);
           try {
-            g.setOpacity(0.5);
+            l.setOpacity(0.5);
           } catch {
           }
           if (s && c.isMultiTransform !== se.TRUE || !s && c.isMultiTransform === se.TRUE) {
-            c.allowTransform !== !1 && e.attachTransformerTo(g);
+            c.allowTransform !== !1 && e.attachTransformerTo(l);
             try {
-              g.setOpacity(1);
+              l.setOpacity(1);
             } catch {
             }
           }
@@ -1474,7 +1474,7 @@ an = Qi([
   me(3, J),
   me(4, Jt),
   me(5, Ue),
-  me(6, Ie),
+  me(6, _e),
   me(7, Zn),
   me(8, wi),
   me(9, pe(mn)),
@@ -1488,7 +1488,7 @@ const Dt = {
   handler: (i) => {
     var t, r;
     const e = i.get(q), n = i.get(J);
-    return (r = (t = hi(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",
@@ -1497,21 +1497,21 @@ const Dt = {
     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), f = a.map((h) => {
+    const m = g.getTransformerByCreate(), l = r.getUniverDocInstance(d), f = a.map((v) => {
       var P, N, B, E, _;
-      const { drawingId: v } = h, I = (P = g == null ? void 0 : g.getSnapshot().drawings) == null ? void 0 : P[v];
+      const { drawingId: w } = v, I = (P = l == null ? void 0 : l.getSnapshot().drawings) == null ? void 0 : P[w];
       if (I == null || I.layoutType === W.INLINE)
         return null;
       const { positionH: O, positionV: C } = I.docTransform, T = { ...O }, M = { ...C };
       return s === fe.UP ? M.posOffset = ((N = M.posOffset) != null ? N : 0) - 2 : s === fe.DOWN ? M.posOffset = ((B = M.posOffset) != null ? B : 0) + 2 : s === fe.LEFT ? T.posOffset = ((E = T.posOffset) != null ? E : 0) - 2 : s === fe.RIGHT && (T.posOffset = ((_ = T.posOffset) != null ? _ : 0) + 2), {
-        drawingId: v,
+        drawingId: w,
         key: s === fe.UP || s === fe.DOWN ? "positionV" : "positionH",
         value: s === fe.UP || s === fe.DOWN ? M : T
       };
-    }).filter((h) => h != null);
+    }).filter((v) => v != null);
     if (f.length === 0)
       return !1;
     const u = n.syncExecuteCommand(Ke.id, {
@@ -1535,7 +1535,7 @@ const Dt = {
   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({
@@ -1558,10 +1558,10 @@ const Dt = {
   id: "doc.operation.edit-doc-image",
   type: Y.OPERATION,
   handler: (i, e) => {
-    const n = i.get(Ie), t = i.get($);
+    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", p = {
+}, 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,
@@ -1572,13 +1572,13 @@ const Dt = {
   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 f = g.getTransformerByCreate(), u = [{
+  const f = l.getTransformerByCreate(), u = [{
     label: n.t("image-position.column"),
     value: String(ee.COLUMN)
   }, {
@@ -1587,22 +1587,22 @@ const Dt = {
   }, {
     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, I] = oe(!0), [O, C] = oe({
+  }], [w, I] = oe(!0), [O, C] = oe({
     relativeFrom: ee.PAGE,
     posOffset: 0
   }), [T, M] = oe({
@@ -1727,19 +1727,19 @@ const Dt = {
     return () => {
       D.unsubscribe(), R.dispose();
     };
-  }, []), /* @__PURE__ */ K("div", { className: j(p.imageCommonPanelGrid, p.imageCommonPanelBorder), style: { display: B ? "block" : "none" }, children: [
-    /* @__PURE__ */ w("div", { className: p.imageCommonPanelRow, children: /* @__PURE__ */ w("div", { className: j(p.imageCommonPanelColumn, p.imageCommonPanelTitle), children: /* @__PURE__ */ w("div", { children: n.t("image-position.title") }) }) }),
-    /* @__PURE__ */ w("div", { className: p.imageCommonPanelRow, children: /* @__PURE__ */ w("div", { className: j(p.imageCommonPanelColumn, p.imageCommonPanelSubtitle), children: /* @__PURE__ */ w("div", { children: n.t("image-position.horizontal") }) }) }),
-    /* @__PURE__ */ K("div", { className: p.imageCommonPanelRow, children: [
-      /* @__PURE__ */ w("div", { className: j(p.imageCommonPanelColumn, p.imageCommonPanelSpan2), children: /* @__PURE__ */ K("label", { children: [
-        /* @__PURE__ */ w("div", { className: p.imageCommonPanelRow, children: /* @__PURE__ */ w("div", { className: p.imageCommonPanelColumn, children: n.t("image-position.absolutePosition") }) }),
-        /* @__PURE__ */ w("div", { className: p.imageCommonPanelRow, children: /* @__PURE__ */ w("div", { className: p.imageCommonPanelColumn, children: /* @__PURE__ */ w(
+  }, []), /* @__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) => {
               _("positionH", {
@@ -1747,34 +1747,34 @@ const Dt = {
                 posOffset: D
               });
             },
-            className: p.imageCommonPanelInput
+            className: h.imageCommonPanelInput
           }
         ) }) })
       ] }) }),
-      /* @__PURE__ */ w("div", { className: j(p.imageCommonPanelColumn, p.imageCommonPanelSpan2), children: /* @__PURE__ */ K("label", { children: [
-        /* @__PURE__ */ w("div", { className: p.imageCommonPanelRow, children: /* @__PURE__ */ w("div", { className: p.imageCommonPanelColumn, children: n.t("image-position.toTheRightOf") }) }),
-        /* @__PURE__ */ w("div", { className: p.imageCommonPanelRow, children: /* @__PURE__ */ w("div", { className: p.imageCommonPanelColumn, children: /* @__PURE__ */ w(
+      /* @__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__ */ w("div", { className: p.imageCommonPanelRow, children: /* @__PURE__ */ w("div", { className: j(p.imageCommonPanelColumn, p.imageCommonPanelSubtitle), children: /* @__PURE__ */ w("div", { children: n.t("image-position.vertical") }) }) }),
-    /* @__PURE__ */ K("div", { className: p.imageCommonPanelRow, children: [
-      /* @__PURE__ */ w("div", { className: j(p.imageCommonPanelColumn, p.imageCommonPanelSpan2), children: /* @__PURE__ */ K("label", { children: [
-        /* @__PURE__ */ w("div", { className: p.imageCommonPanelRow, children: /* @__PURE__ */ w("div", { className: p.imageCommonPanelColumn, children: n.t("image-position.absolutePosition") }) }),
-        /* @__PURE__ */ w("div", { className: p.imageCommonPanelRow, children: /* @__PURE__ */ w("div", { className: p.imageCommonPanelColumn, children: /* @__PURE__ */ w(
+    /* @__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) => {
               _("positionV", {
@@ -1782,34 +1782,34 @@ const Dt = {
                 posOffset: D
               });
             },
-            className: p.imageCommonPanelInput
+            className: h.imageCommonPanelInput
           }
         ) }) })
       ] }) }),
-      /* @__PURE__ */ w("div", { className: j(p.imageCommonPanelColumn, p.imageCommonPanelSpan2), children: /* @__PURE__ */ K("label", { children: [
-        /* @__PURE__ */ w("div", { className: p.imageCommonPanelRow, children: /* @__PURE__ */ w("div", { className: p.imageCommonPanelColumn, children: n.t("image-position.bellow") }) }),
-        /* @__PURE__ */ w("div", { className: p.imageCommonPanelRow, children: /* @__PURE__ */ w("div", { className: p.imageCommonPanelColumn, children: /* @__PURE__ */ w(
+      /* @__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__ */ w("div", { className: p.imageCommonPanelRow, children: /* @__PURE__ */ w("div", { className: j(p.imageCommonPanelColumn, p.imageCommonPanelSubtitle), children: /* @__PURE__ */ w("div", { children: n.t("image-position.options") }) }) }),
-    /* @__PURE__ */ w("div", { className: p.imageCommonPanelRow, style: { marginBottom: "50px" }, children: /* @__PURE__ */ w("div", { className: p.imageCommonPanelColumn, children: /* @__PURE__ */ w(Li, { disabled: v, checked: P, onChange: S, 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, f] = oe(!0), [u, h] = oe(!0), [v, I] = oe(!0), [O, C] = oe(ue.INLINE), [T, M] = oe(""), [P, 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,
@@ -1894,7 +1894,7 @@ const Dt = {
       distL: y,
       distB: U,
       distR: k
-    }), M(z), f(b !== W.WRAP_SQUARE), b === W.WRAP_NONE || b === W.INLINE ? h(!0) : h(!1), b === W.WRAP_NONE || b === W.INLINE || b === W.WRAP_TOP_AND_BOTTOM ? I(!0) : I(!1), b === 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 (b) {
@@ -1925,27 +1925,27 @@ const Dt = {
     return () => {
       S.unsubscribe(), D.dispose();
     };
-  }, []), /* @__PURE__ */ K("div", { className: j(p.imageCommonPanelGrid, p.imageCommonPanelBorder), style: { display: B ? "block" : "none" }, children: [
-    /* @__PURE__ */ w("div", { className: p.imageCommonPanelRow, children: /* @__PURE__ */ w("div", { className: j(p.imageCommonPanelColumn, p.imageCommonPanelTitle), children: /* @__PURE__ */ w("div", { children: n.t("image-text-wrap.title") }) }) }),
-    /* @__PURE__ */ w("div", { className: p.imageCommonPanelRow, children: /* @__PURE__ */ w("div", { className: j(p.imageCommonPanelColumn, p.imageCommonPanelSubtitle), children: /* @__PURE__ */ w("div", { children: n.t("image-text-wrap.wrappingStyle") }) }) }),
-    /* @__PURE__ */ w("div", { className: j(p.imageCommonPanelRow), children: /* @__PURE__ */ w("div", { className: j(p.imageCommonPanelColumn), children: /* @__PURE__ */ K($n, { value: O, onChange: _, direction: "vertical", children: [
-      /* @__PURE__ */ w(be, { value: ue.INLINE, children: n.t("image-text-wrap.inline") }),
-      /* @__PURE__ */ w(be, { value: ue.WRAP_SQUARE, children: n.t("image-text-wrap.square") }),
-      /* @__PURE__ */ w(be, { value: ue.WRAP_TOP_AND_BOTTOM, children: n.t("image-text-wrap.topAndBottom") }),
-      /* @__PURE__ */ w(be, { value: ue.BEHIND_TEXT, children: n.t("image-text-wrap.behindText") }),
-      /* @__PURE__ */ w(be, { 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__ */ w("div", { className: p.imageCommonPanelRow, children: /* @__PURE__ */ w("div", { className: j(p.imageCommonPanelColumn, p.imageCommonPanelSubtitle), children: /* @__PURE__ */ w("div", { children: n.t("image-text-wrap.wrapText") }) }) }),
-    /* @__PURE__ */ w("div", { className: j(p.imageCommonPanelRow), children: /* @__PURE__ */ w("div", { className: j(p.imageCommonPanelColumn), children: /* @__PURE__ */ K($n, { disabled: g, value: T, onChange: L, direction: "horizontal", children: [
-      /* @__PURE__ */ w(be, { value: Xe.BOTH_SIDES, children: n.t("image-text-wrap.bothSide") }),
-      /* @__PURE__ */ w(be, { value: Xe.LEFT, children: n.t("image-text-wrap.leftOnly") }),
-      /* @__PURE__ */ w(be, { value: Xe.RIGHT, children: n.t("image-text-wrap.rightOnly") })
+    /* @__PURE__ */ p("div", { className: h.imageCommonPanelRow, children: /* @__PURE__ */ p("div", { className: j(h.imageCommonPanelColumn, h.imageCommonPanelSubtitle), children: /* @__PURE__ */ p("div", { children: n.t("image-text-wrap.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__ */ w("div", { className: p.imageCommonPanelRow, children: /* @__PURE__ */ w("div", { className: j(p.imageCommonPanelColumn, p.imageCommonPanelSubtitle), children: /* @__PURE__ */ w("div", { children: n.t("image-text-wrap.distanceFromText") }) }) }),
-    /* @__PURE__ */ K("div", { className: p.imageCommonPanelRow, children: [
-      /* @__PURE__ */ w("div", { className: j(p.imageCommonPanelColumn, p.imageCommonPanelSpan2), children: /* @__PURE__ */ K("label", { children: [
-        /* @__PURE__ */ w("div", { className: p.imageCommonPanelRow, children: /* @__PURE__ */ w("div", { className: p.imageCommonPanelColumn, children: n.t("image-text-wrap.top") }) }),
-        /* @__PURE__ */ w("div", { className: p.imageCommonPanelRow, children: /* @__PURE__ */ w("div", { className: p.imageCommonPanelColumn, children: /* @__PURE__ */ w(
+    /* @__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,
@@ -1956,32 +1956,32 @@ const Dt = {
             onChange: (S) => {
               G(S, "distT");
             },
-            className: p.imageCommonPanelInput
+            className: h.imageCommonPanelInput
           }
         ) }) })
       ] }) }),
-      /* @__PURE__ */ w("div", { className: j(p.imageCommonPanelColumn, p.imageCommonPanelSpan2), children: /* @__PURE__ */ K("label", { children: [
-        /* @__PURE__ */ w("div", { className: p.imageCommonPanelRow, children: /* @__PURE__ */ w("div", { className: p.imageCommonPanelColumn, children: n.t("image-text-wrap.left") }) }),
-        /* @__PURE__ */ w("div", { className: p.imageCommonPanelRow, children: /* @__PURE__ */ w("div", { className: p.imageCommonPanelColumn, children: /* @__PURE__ */ w(
+      /* @__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: P.distL,
             onChange: (S) => {
               G(S, "distL");
             },
-            className: p.imageCommonPanelInput
+            className: h.imageCommonPanelInput
           }
         ) }) })
       ] }) })
     ] }),
-    /* @__PURE__ */ K("div", { className: p.imageCommonPanelRow, children: [
-      /* @__PURE__ */ w("div", { className: j(p.imageCommonPanelColumn, p.imageCommonPanelSpan2), children: /* @__PURE__ */ K("label", { children: [
-        /* @__PURE__ */ w("div", { className: p.imageCommonPanelRow, children: /* @__PURE__ */ w("div", { className: p.imageCommonPanelColumn, children: n.t("image-text-wrap.bottom") }) }),
-        /* @__PURE__ */ w("div", { className: p.imageCommonPanelRow, children: /* @__PURE__ */ w("div", { className: p.imageCommonPanelColumn, children: /* @__PURE__ */ w(
+    /* @__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,
@@ -1992,31 +1992,31 @@ const Dt = {
             onChange: (S) => {
               G(S, "distB");
             },
-            className: p.imageCommonPanelInput
+            className: h.imageCommonPanelInput
           }
         ) }) })
       ] }) }),
-      /* @__PURE__ */ w("div", { className: j(p.imageCommonPanelColumn, p.imageCommonPanelSpan2), children: /* @__PURE__ */ K("label", { children: [
-        /* @__PURE__ */ w("div", { className: p.imageCommonPanelRow, children: /* @__PURE__ */ w("div", { className: p.imageCommonPanelColumn, children: n.t("image-text-wrap.right") }) }),
-        /* @__PURE__ */ w("div", { className: p.imageCommonPanelRow, children: /* @__PURE__ */ w("div", { className: p.imageCommonPanelColumn, children: /* @__PURE__ */ w(
+      /* @__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: P.distR,
             onChange: (S) => {
               G(S, "distR");
             },
-            className: p.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);
@@ -2024,10 +2024,10 @@ const Dt = {
     return () => {
       r.unsubscribe();
     };
-  }, []), !!(n != null && n.length) && /* @__PURE__ */ K("div", { className: p.imageCommonPanel, children: [
-    /* @__PURE__ */ w(oi, { drawings: n, hasAlign: !1, hasCropper: !1, hasGroup: !1, hasTransform: !1 }),
-    /* @__PURE__ */ w(lr, { drawings: n }),
-    /* @__PURE__ */ w(dr, { drawings: n })
+  }, []), !!(n != null && n.length) && /* @__PURE__ */ K("div", { className: h.imageCommonPanel, children: [
+    /* @__PURE__ */ p(oi, { drawings: n, hasAlign: !1, hasCropper: !1, hasGroup: !1, hasTransform: !1 }),
+    /* @__PURE__ */ p(lr, { drawings: n }),
+    /* @__PURE__ */ p(dr, { drawings: n })
   ] });
 }, yt = "addition-and-subtraction-single", Pt = "doc.menu.image", bt = Dt.id, mr = (i) => {
   const e = i.get(On), n = i.get(q);
@@ -2036,9 +2036,9 @@ const Dt = {
       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: f, endIndex: u } = g;
+        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);
@@ -2060,7 +2060,7 @@ function ur(i) {
     icon: yt,
     tooltip: "docImage.title",
     disabled$: mr(i),
-    hidden$: et(i, Se.UNIVER_DOC, void 0, Cn)
+    hidden$: et(i, Ie.UNIVER_DOC, void 0, Cn)
   };
 }
 function fr(i) {
@@ -2068,7 +2068,7 @@ function fr(i) {
     id: bt,
     title: "docImage.upload.float",
     type: nt.BUTTON,
-    hidden$: et(i, Se.UNIVER_DOC, void 0, Cn)
+    hidden$: et(i, Ie.UNIVER_DOC, void 0, Cn)
   };
 }
 const hr = {
@@ -2200,11 +2200,11 @@ 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, opacity: a } = i, d = e.scene, c = d.getViewport(it.VIEW_MAIN), { viewportScrollX: l, viewportScrollY: m } = c, { scaleX: g, scaleY: f } = d.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 - l) * g,
+    startX: (t - g) * l,
     startY: (n - m) * f,
-    endX: (t + r - l) * g,
+    endX: (t + r - g) * l,
     endY: (n + o - m) * f,
     width: r,
     height: o,
@@ -2219,7 +2219,7 @@ function vn(i, e) {
 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() {
@@ -2252,50 +2252,53 @@ 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 Gt(), c = vn(a, r.renderUnit), l = new ot(c), m = r.canvas, g = o.data, f = {
-            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, f);
+          c.add(() => {
+            this._canvasFloatDomService.removeFloatDom(s.drawingId);
+          }), v && c.add(v), this._domLayerInfoMap.set(s.drawingId, u);
         }
     });
   }
@@ -2333,7 +2336,7 @@ 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);
@@ -2355,16 +2358,16 @@ let dn = class extends Ge {
     }));
   }
   insertFloatDom(e, n) {
-    var h, v, I;
-    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 = (h = r.renderUnit.with(te).getSkeleton().getSkeletonData()) == null ? void 0 : h.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: (v = n.width) != null ? v : m,
+        width: (w = n.width) != null ? w : m,
         height: n.height
       },
       positionH: {
@@ -2387,9 +2390,9 @@ let dn = class extends Ge {
           ...e,
           title: "",
           description: "",
-          docTransform: g,
+          docTransform: l,
           layoutType: W.INLINE,
-          transform: tt(g)
+          transform: tt(l)
         }
       ]
     };
@@ -2398,7 +2401,7 @@ let dn = class extends Ge {
 };
 dn = Or([
   ke(0, J),
-  ke(1, Ie),
+  ke(1, _e),
   ke(2, pe(si)),
   ke(3, pe(Oi)),
   ke(4, q),
@@ -2412,11 +2415,11 @@ var Tr = Object.getOwnPropertyDescriptor, yr = (i, e, n, 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();
@@ -2459,22 +2462,22 @@ let ln = class extends jt {
           const d = a.oKey, c = this._drawingManagerService.getDrawingOKey(d);
           if (!c)
             return;
-          const { unitId: l, subUnitId: m, drawingId: g, drawingType: f } = c, u = 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, f)
+                menuItems: this._getImageMenuItems(g, m, l, f)
               }
             },
-            l
+            g
           );
-          r.push(this.disposeWithMe(u)), !this._drawingManagerService.getFocusDrawings().find((I) => I.unitId === l && I.subUnitId === m && I.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
           }]);
         })
       )
@@ -2534,7 +2537,7 @@ let ln = class extends jt {
   }
 };
 ln = yr([
-  ze(0, Ie),
+  ze(0, _e),
   ze(1, pe(Ri)),
   ze(2, J),
   ze(3, q),
@@ -2548,7 +2551,7 @@ var Pr = Object.getOwnPropertyDescriptor, br = (i, e, n, t) => {
 let _n = class extends Ge {
   constructor(e, n, t, r, o, s, a, d) {
     super();
-    _e(this, "_liquid", new Jn());
+    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() {
@@ -2598,12 +2601,12 @@ let _n = 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: f } = 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 P = m[T], { headerId: N, footerId: B, pageWidth: E } = P;
       if (N) {
-        const _ = (O = g.get(N)) == null ? void 0 : O.get(E);
+        const _ = (O = l.get(N)) == null ? void 0 : O.get(E);
         _ && this._calculateDrawingPosition(
           r,
           _,
@@ -2626,10 +2629,10 @@ let _n = class extends Ge {
           P.marginLeft
         );
       }
-      this._calculateDrawingPosition(r, P, s, a, u, P.marginTop, P.marginLeft), this._liquid.translatePage(P, 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), I = h.filter((T) => T.isMultiTransform);
-    v.length > 0 && this._drawingManagerService.refreshTransform(v), this._handleMultiDrawingsTransform(I);
+    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();
@@ -2650,22 +2653,22 @@ let _n = class extends Ge {
       marginTop: s,
       marginLeft: a
     }), d.forEach((c) => {
-      const { aLeft: l, aTop: m, height: g, width: f, angle: u, drawingId: h, drawingOrigin: v } = c, I = 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: f,
-        height: g,
+        height: l,
         angle: u
       };
-      o[h] == null ? o[h] = {
+      o[v] == null ? o[v] = {
         unitId: e,
         subUnitId: e,
-        drawingId: h,
+        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
@@ -2685,7 +2688,7 @@ _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(zt))
@@ -2720,13 +2723,13 @@ let gn = class extends Yt {
     [
       [an],
       [_n]
-    ].forEach((i) => this._renderManagerSrv.registerRenderModule(Se.UNIVER_DOC, i)), this._injector.get(on), this._injector.get(cn), this._injector.get(sn);
+    ].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);
   }
 };
-Mt(gn, "type", Se.UNIVER_DOC);
+Mt(gn, "type", Ie.UNIVER_DOC);
 Mt(gn, "pluginName", Ar);
 gn = Nr([
   Xt(gi, ri, Qt, Ti),