@univerjs/docs-drawing-ui 0.6.4-nightly.202503111607 → 0.6.5

package/lib/es/index.js

@@ -1,27 +1,27 @@
-var Ct = Object.defineProperty;
-var Dt = (i, e, n) => e in i ? Ct(i, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : i[e] = n;
-var Ce = (i, e, n) => Dt(i, typeof e != "symbol" ? e + "" : e, n);
-import { Disposable as Xe, BlockType as Ot, UndoCommand as Tt, RedoCommand as Pt, JSONX as q, IUniverInstanceService as K, ICommandService as z, PositionedObjectLayoutType as H, CommandType as Y, BooleanNumber as oe, ObjectRelativeFromH as ne, ObjectRelativeFromV as V, Tools as ye, TextX as vn, TextXActionType as Q, toDisposable as Le, throttle as Tn, COLORS as yt, MemoryCursor as bt, IUndoRedoService as Vn, BuildTextUtils as Mt, ArrangeTypeEnum as Ze, Inject as ve, IContextService as jn, LocaleService as ln, WrapTextType as $e, DrawingTypeEnum as Rt, FOCUSING_COMMON_DRAWINGS as tn, UniverInstanceType as be, Direction as fe, DocumentFlavor as fn, DOCS_ZEN_EDITOR_UNIT_ID_KEY as In, FOCUSING_UNIVER_EDITOR as Nt, RxDisposable as Et, SHEET_EDITOR_UNITS as At, LifecycleService as xt, fromEventSubject as Lt, LifecycleStages as Pn, DependentOn as Bt, Injector as Ut, IConfigService as kt, Plugin as Ft, merge as Ht } from "@univerjs/core";
-import { IDocDrawingService as Be, UniverDocsDrawingPlugin as Wt } from "@univerjs/docs-drawing";
-import { IDrawingManagerService as Ie, IImageIoService as Gt, DRAWING_IMAGE_ALLOW_IMAGE_LIST as Vt, DRAWING_IMAGE_COUNT_LIMIT as yn, ImageUploadStatusType as hn, DRAWING_IMAGE_ALLOW_SIZE as jt, getImageSize as $t, getDrawingShapeKeyByDrawingSearch as zt, DRAWING_IMAGE_WIDTH_LIMIT as bn, DRAWING_IMAGE_HEIGHT_LIMIT as Mn, UniverDrawingPlugin as qt } from "@univerjs/drawing";
-import { DrawingCommonPanel as Xt, ImageCropperObject as Kt, COMPONENT_IMAGE_POPUP_MENU as Yt, OpenImageCropOperation as Zt, ImageResetSizeOperation as Qt, UniverDrawingUIPlugin as Jt } from "@univerjs/drawing-ui";
-import { IRenderManagerService as ee, DocumentEditArea as Fe, Liquid as $n, PageLayoutType as Rn, DocumentSkeletonPageType as Nn, Vector2 as ei, Rect as ni, getColor as ti, getCurrentTypeOfRenderer as ii, TRANSFORM_CHANGE_OBSERVABLE_TYPE as ri } from "@univerjs/engine-render";
-import { IMessageService as oi, ILocalFileService as si, ISidebarService as ai, useDependency as we, getMenuHiddenObservable as zn, MenuItemType as qn, RibbonStartGroup as ci, KeyCode as He, ComponentManager as di, IMenuManagerService as li, IShortcutService as gi, UniverUIPlugin as mi } from "@univerjs/ui";
-import { RichTextEditingMutation as J, DocSkeletonManagerService as se, DocSelectionManagerService as _n } from "@univerjs/docs";
-import { DocSelectionRenderService as Me, getRichTextEditPath as ze, NodePositionConvertToCursor as En, getOneTextSelectionRange as An, getAnchorBounding as ui, TEXT_RANGE_LAYER_INDEX as fi, getDocObject as hi, getCustomBlockIdsInSelections as pi, docDrawingPositionToTransform as wi, DocCanvasPopManagerService as vi, IEditorService as Ii, SetDocZoomRatioOperation as _i } from "@univerjs/docs-ui";
-import { BehaviorSubject as Si, debounceTime as Xn, Observable as Ci, takeUntil as xn, filter as Ln } from "rxjs";
-import { MessageType as Bn, clsx as j, InputNumber as ke, Select as Un, Checkbox as Di, RadioGroup as kn, Radio as Pe } from "@univerjs/design";
-import { jsxs as X, jsx as f } from "react/jsx-runtime";
-import { forwardRef as Kn, useRef as Oi, createElement as Yn, useState as re, useEffect as Sn } from "react";
-const Ti = "docs-drawing-ui.config", Fn = {};
-var Pi = Object.getOwnPropertyDescriptor, yi = (i, e, n, t) => {
-  for (var r = t > 1 ? void 0 : t ? Pi(e, n) : e, o = i.length - 1, s; o >= 0; o--)
+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";
+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 { 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 { 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";
+const Bi = "docs-drawing-ui.config", zn = {};
+var ki = Object.getOwnPropertyDescriptor, Fi = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? ki(e, n) : e, o = i.length - 1, s; o >= 0; o--)
     (s = i[o]) && (r = s(r) || r);
   return r;
-}, Ve = (i, e) => (n, t) => e(n, t, i);
-function bi(i) {
+}, $e = (i, e) => (n, t) => e(n, t, i);
+function Wi(i) {
   var t, r, o, s;
-  if (q.isNoop(i) || !Array.isArray(i))
+  if (X.isNoop(i) || !Array.isArray(i))
     return null;
   const e = i.find((a) => Array.isArray(a) && (a == null ? void 0 : a[0]) === "drawings");
   if (e == null || !Array.isArray(e) || e.length < 3 || typeof e[1] == "string" && typeof e[2] != "object" || Array.isArray(e[1]) && typeof e[1][1] != "object")
@@ -42,7 +42,7 @@ function bi(i) {
     });
   return n;
 }
-function Mi(i) {
+function Hi(i) {
   if (!Array.isArray(i) || i.length < 3 || i[0] !== "drawingsOrder")
     return [];
   const e = [];
@@ -57,7 +57,7 @@ function Mi(i) {
   }
   return e;
 }
-let rn = class extends Xe {
+let on = class extends Ge {
   constructor(i, e, n, t, r) {
     super(), this._univerInstanceService = i, this._commandService = e, this._drawingManagerService = n, this._docDrawingService = t, this._renderManagerService = r, this._initialize();
   }
@@ -68,26 +68,26 @@ let rn = class extends Xe {
     this.disposeWithMe(
       this._commandService.beforeCommandExecuted((i) => {
         var a, d;
-        if (i.id !== J.id)
+        if (i.id !== ne.id)
           return;
-        const e = i.params, { unitId: n, actions: t } = e, r = this._univerInstanceService.getUniverDocInstance(n), o = (d = (a = r == null ? void 0 : r.getBody()) == null ? void 0 : a.customBlocks) != null ? d : [], s = bi(t);
+        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((p) => p.blockId === l);
-            (g == null ? void 0 : g.blockType) !== Ot.CUSTOM && (c === "add" ? this._addDrawings(n, [m]) : this._removeDrawings(n, [l]));
+            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]));
           }
       })
     ), this.disposeWithMe(
       this._commandService.onCommandExecuted((i) => {
-        if (i.id !== J.id)
+        if (i.id !== ne.id)
           return;
         const e = i.params, { unitId: n, actions: t } = e;
-        Mi(t).length > 0 && this._updateDrawingsOrder(n);
+        Hi(t).length > 0 && this._updateDrawingsOrder(n);
       })
     ), this.disposeWithMe(
       this._commandService.onCommandExecuted((i) => {
         var s;
-        if (i.id !== Tt.id && i.id !== Pt.id)
+        if (i.id !== Bt.id && i.id !== kt.id)
           return;
         const e = (s = this._univerInstanceService.getCurrentUniverDocInstance()) == null ? void 0 : s.getUnitId(), n = this._drawingManagerService.getFocusDrawings();
         if (e == null || n.length === 0)
@@ -128,36 +128,36 @@ let rn = class extends Xe {
     t.orderNotification(o), r.orderNotification(o);
   }
 };
-rn = yi([
-  Ve(0, K),
-  Ve(1, z),
-  Ve(2, Ie),
-  Ve(3, Be),
-  Ve(4, ee)
-], rn);
-class gn {
+on = Fi([
+  $e(0, q),
+  $e(1, $),
+  $e(2, Ie),
+  $e(3, Ue),
+  $e(4, J)
+], on);
+class un {
   constructor() {
-    Ce(this, "_refreshDrawings$", new Si(null));
-    Ce(this, "refreshDrawings$", this._refreshDrawings$.asObservable());
+    _e(this, "_refreshDrawings$", new st(null));
+    _e(this, "refreshDrawings$", this._refreshDrawings$.asObservable());
   }
   refreshDrawings(e) {
     this._refreshDrawings$.next(e);
   }
 }
 var ue = /* @__PURE__ */ ((i) => (i.INLINE = "inline", i.BEHIND_TEXT = "behindText", i.IN_FRONT_OF_TEXT = "inFrontOfText", i.WRAP_SQUARE = "wrapSquare", i.WRAP_TOP_AND_BOTTOM = "wrapTopAndBottom", i))(ue || {});
-const Ri = {
-  inline: H.INLINE,
-  wrapSquare: H.WRAP_SQUARE,
-  wrapTopAndBottom: H.WRAP_TOP_AND_BOTTOM,
-  inFrontOfText: H.WRAP_NONE,
-  behindText: H.WRAP_NONE
+const Gi = {
+  inline: W.INLINE,
+  wrapSquare: W.WRAP_SQUARE,
+  wrapTopAndBottom: W.WRAP_TOP_AND_BOTTOM,
+  inFrontOfText: W.WRAP_NONE,
+  behindText: W.WRAP_NONE
 };
-function Zn(i, e, n, t, r, o, s) {
-  var p, h;
-  const a = new vn(), d = q.getInstance(), c = [], l = o.getSelfOrHeaderFooterModel(e).getBody(), m = o.getSelfOrHeaderFooterModel(i).getBody();
+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)
     return;
-  const g = (h = (p = l.customBlocks) == null ? void 0 : p.find((v) => v.blockId === r)) == null ? void 0 : h.startIndex;
+  const g = (u = (w = l.customBlocks) == null ? void 0 : w.find((h) => h.blockId === r)) == null ? void 0 : u.startIndex;
   if (g != null) {
     if (t = Math.min(m.dataStream.length - 2, t), i === e) {
       if (t < g ? (t > 0 && a.push({
@@ -199,8 +199,8 @@ function Zn(i, e, n, t, r, o, s) {
         },
         len: 1
       })), t !== g) {
-        const v = ze(o, e), w = d.editOp(a.serialize(), v);
-        c.push(w);
+        const h = qe(o, e), v = d.editOp(a.serialize(), h);
+        c.push(v);
       }
     } else {
       g > 0 && a.push({
@@ -210,8 +210,8 @@ function Zn(i, e, n, t, r, o, s) {
         t: Q.DELETE,
         len: 1
       });
-      let v = ze(o, e), w = d.editOp(a.serialize(), v);
-      c.push(w), a.empty(), t > 0 && a.push({
+      let h = qe(o, e), v = d.editOp(a.serialize(), h);
+      c.push(v), a.empty(), t > 0 && a.push({
         t: Q.RETAIN,
         len: t
       }), a.push({
@@ -224,54 +224,54 @@ function Zn(i, e, n, t, r, o, s) {
           }]
         },
         len: 1
-      }), v = ze(o, i), w = d.editOp(a.serialize(), v), c.push(w), s.setSegment(i), s.setSegmentPage(n);
+      }), h = qe(o, i), v = d.editOp(a.serialize(), h), c.push(v), s.setSegment(i), s.setSegmentPage(n);
     }
     return c;
   }
 }
-const Qn = {
+const gt = {
   id: "doc.command.update-doc-drawing-wrapping-style",
   type: Y.COMMAND,
   // eslint-disable-next-line max-lines-per-function, complexity
   handler: (i, e) => {
-    var E, U;
+    var N, B;
     if (e == null)
       return !1;
-    const { drawings: n, wrappingStyle: t, unitId: r } = e, o = i.get(z), s = i.get(K), d = i.get(ee).getRenderById(r), c = d == null ? void 0 : d.with(se).getSkeleton().getSkeletonData(), l = d == null ? void 0 : d.with(se).getViewModel(), m = d == null ? void 0 : d.scene, g = s.getCurrentUniverDocInstance();
+    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)
       return !1;
-    const p = l.getEditArea(), h = m.getTransformerByCreate(), { pages: v, skeHeaders: w, skeFooters: S } = c, O = q.getInstance(), D = [], { drawings: T = {} } = g.getSnapshot();
-    for (const N of n) {
-      const { drawingId: I } = N, L = T[I].layoutType, W = Ri[t];
-      if (L !== W) {
-        const C = O.replaceOp(["drawings", I, "layoutType"], L, W);
-        D.push(C);
+    const w = l.getEditArea(), u = m.getTransformerByCreate(), { pages: h, skeHeaders: v, skeFooters: S } = c, O = X.getInstance(), C = [], { drawings: T = {} } = g.getSnapshot();
+    for (const E of n) {
+      const { drawingId: I } = E, L = T[I].layoutType, G = Gi[t];
+      if (L !== G) {
+        const D = O.replaceOp(["drawings", I, "layoutType"], L, G);
+        C.push(D);
       }
       if (t === "behindText" || t === "inFrontOfText") {
-        const C = T[I].behindDoc, R = t === "behindText" ? oe.TRUE : oe.FALSE;
-        if (C !== R) {
-          const P = O.replaceOp(["drawings", I, "behindDoc"], C, R);
-          D.push(P);
+        const D = T[I].behindDoc, R = t === "behindText" ? se.TRUE : se.FALSE;
+        if (D !== R) {
+          const y = O.replaceOp(["drawings", I, "behindDoc"], D, R);
+          C.push(y);
         }
       }
       if (t === "inline")
         continue;
-      let x = null, G = 0, _ = 0;
-      for (const C of v) {
-        const { headerId: R, footerId: P, marginTop: B, marginLeft: k, marginBottom: b, pageWidth: A, pageHeight: $ } = C;
-        switch (p) {
-          case Fe.HEADER: {
-            const F = (E = w.get(R)) == null ? void 0 : E.get(A);
-            F != null && F.skeDrawings.has(I) && (x = F.skeDrawings.get(I), G = F.marginTop, _ = k);
+      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) {
+          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);
             break;
           }
-          case Fe.FOOTER: {
-            const F = (U = S.get(P)) == null ? void 0 : U.get(A);
-            F != null && F.skeDrawings.has(I) && (x = F.skeDrawings.get(I), G = $ - b + F.marginTop, _ = k);
+          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);
             break;
           }
-          case Fe.BODY: {
-            C.skeDrawings.has(I) && (x = C.skeDrawings.get(I), G = B, _ = k);
+          case We.BODY: {
+            D.skeDrawings.has(I) && (x = D.skeDrawings.get(I), V = U, _ = k);
             break;
           }
         }
@@ -279,121 +279,121 @@ const Qn = {
           break;
       }
       if (x != null) {
-        const { aTop: C, aLeft: R } = x, P = T[I].docTransform.positionH;
-        let B = R;
-        P.relativeFrom === ne.MARGIN ? B -= _ : P.relativeFrom === ne.COLUMN && (B -= x.columnLeft);
+        const { aTop: D, aLeft: R } = x, y = T[I].docTransform.positionH;
+        let U = R;
+        y.relativeFrom === ee.MARGIN ? U -= _ : y.relativeFrom === ee.COLUMN && (U -= x.columnLeft);
         const k = {
-          relativeFrom: P.relativeFrom,
-          posOffset: B
+          relativeFrom: y.relativeFrom,
+          posOffset: U
         };
-        if (P.posOffset !== k.posOffset) {
-          const F = O.replaceOp(["drawings", I, "docTransform", "positionH"], P, k);
-          D.push(F);
+        if (y.posOffset !== k.posOffset) {
+          const F = O.replaceOp(["drawings", I, "docTransform", "positionH"], y, k);
+          C.push(F);
         }
-        const b = T[I].docTransform.positionV;
-        let A = C;
-        b.relativeFrom === V.PAGE ? A += G : b.relativeFrom === V.LINE ? A -= x.lineTop : b.relativeFrom === V.PARAGRAPH && (A -= x.blockAnchorTop);
-        const $ = {
-          relativeFrom: b.relativeFrom,
+        const P = T[I].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);
+        const z = {
+          relativeFrom: P.relativeFrom,
           posOffset: A
         };
-        if (b.posOffset !== $.posOffset) {
-          const F = O.replaceOp(["drawings", I, "docTransform", "positionV"], b, $);
-          D.push(F);
+        if (P.posOffset !== z.posOffset) {
+          const F = O.replaceOp(["drawings", I, "docTransform", "positionV"], P, z);
+          C.push(F);
         }
       }
     }
     const M = {
-      id: J.id,
+      id: ne.id,
       params: {
         unitId: r,
         actions: [],
         textRanges: null
       }
     };
-    M.params.actions = D.reduce((N, I) => q.compose(N, I), null);
-    const y = o.syncExecuteCommand(M.id, M.params);
-    return h.refreshControls(), !!y;
+    M.params.actions = C.reduce((E, I) => X.compose(E, I), null);
+    const b = o.syncExecuteCommand(M.id, M.params);
+    return u.refreshControls(), !!b;
   }
-}, Jn = {
+}, mt = {
   id: "doc.command.update-doc-drawing-distance",
   type: Y.COMMAND,
   handler: (i, e) => {
     if (e == null)
       return !1;
-    const n = i.get(z), r = i.get(K).getCurrentUniverDocInstance();
+    const n = i.get($), r = i.get(q).getCurrentUniverDocInstance();
     if (r == null)
       return !1;
-    const { drawings: o, dist: s, unitId: a } = e, d = q.getInstance(), c = [], { drawings: l = {} } = r.getSnapshot();
-    for (const p of o) {
-      const { drawingId: h } = p;
-      for (const [v, w] of Object.entries(s)) {
-        const S = l[h][v];
-        if (S !== w) {
-          const O = d.replaceOp(["drawings", h, v], S, w);
+    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);
           c.push(O);
         }
       }
     }
     const m = {
-      id: J.id,
+      id: ne.id,
       params: {
         unitId: a,
         actions: [],
         textRanges: null
       }
     };
-    return m.params.actions = c.reduce((p, h) => q.compose(p, h), null), !!n.syncExecuteCommand(m.id, m.params);
+    return m.params.actions = c.reduce((w, u) => X.compose(w, u), null), !!n.syncExecuteCommand(m.id, m.params);
   }
-}, et = {
+}, ut = {
   id: "doc.command.update-doc-drawing-wrap-text",
   type: Y.COMMAND,
   handler: (i, e) => {
     if (e == null)
       return !1;
-    const n = i.get(z), r = i.get(K).getCurrentUniverDocInstance();
+    const n = i.get($), r = i.get(q).getCurrentUniverDocInstance();
     if (r == null)
       return !1;
-    const { drawings: o, wrapText: s, unitId: a } = e, d = q.getInstance(), c = [], { drawings: l = {} } = r.getSnapshot();
-    for (const p of o) {
-      const { drawingId: h } = p, v = l[h].wrapText;
-      if (v !== s) {
-        const w = d.replaceOp(["drawings", h, "wrapText"], v, s);
-        c.push(w);
+    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 m = {
-      id: J.id,
+      id: ne.id,
       params: {
         unitId: a,
         actions: [],
         textRanges: null
       }
     };
-    return m.params.actions = c.reduce((p, h) => q.compose(p, h), null), !!n.syncExecuteCommand(m.id, m.params);
+    return m.params.actions = c.reduce((w, u) => X.compose(w, u), null), !!n.syncExecuteCommand(m.id, m.params);
   }
-}, qe = {
+}, Ke = {
   id: "doc.command.update-drawing-doc-transform",
   type: Y.COMMAND,
   handler: (i, e) => {
     if (e == null)
       return !1;
-    const n = i.get(z), t = i.get(K), o = i.get(ee).getRenderById(e.unitId), s = o == null ? void 0 : o.scene;
+    const n = i.get($), t = i.get(q), o = i.get(J).getRenderById(e.unitId), s = o == null ? void 0 : o.scene;
     if (s == null)
       return !1;
     const a = s.getTransformerByCreate(), d = t.getCurrentUniverDocInstance();
     if (d == null)
       return !1;
-    const { drawings: c, unitId: l } = e, m = q.getInstance(), g = [], { drawings: p = {} } = d.getSnapshot();
-    for (const w of c) {
-      const { drawingId: S, key: O, value: D } = w, T = p[S].docTransform[O];
-      if (!ye.diffValue(T, D)) {
-        const M = m.replaceOp(["drawings", S, "docTransform", O], T, D);
+    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];
+      if (!Me.diffValue(T, C)) {
+        const M = m.replaceOp(["drawings", S, "docTransform", O], T, C);
         g.push(M);
       }
     }
-    const h = {
-      id: J.id,
+    const u = {
+      id: ne.id,
       params: {
         unitId: l,
         actions: [],
@@ -401,95 +401,95 @@ const Qn = {
         debounce: !0
       }
     };
-    h.params.actions = g.reduce((w, S) => q.compose(w, S), null);
-    const v = n.syncExecuteCommand(h.id, h.params);
-    return a.refreshControls(), !!v;
+    u.params.actions = g.reduce((v, S) => X.compose(v, S), null);
+    const h = n.syncExecuteCommand(u.id, u.params);
+    return a.refreshControls(), !!h;
   }
-}, nt = {
+}, ht = {
   id: "doc.command.move-inline-drawing",
   type: Y.COMMAND,
   handler: (i, e) => {
-    var U, N;
+    var B, E;
     if (e == null)
       return !1;
-    const n = i.get(ee), t = (U = n.getRenderById(e.unitId)) == null ? void 0 : U.with(Me), r = i.get(gn), o = n.getRenderById(e.unitId), s = o == null ? void 0 : o.scene, a = o == null ? void 0 : o.with(se).getSkeleton();
+    const n = i.get(J), t = (B = n.getRenderById(e.unitId)) == null ? void 0 : B.with(Re), r = i.get(un), o = n.getRenderById(e.unitId), s = o == null ? void 0 : o.scene, a = o == null ? void 0 : o.with(te).getSkeleton();
     if (s == null || t == null)
       return !1;
-    const d = s.getTransformerByCreate(), c = i.get(z), m = i.get(K).getCurrentUniverDocInstance();
+    const d = s.getTransformerByCreate(), c = i.get($), m = i.get(q).getCurrentUniverDocInstance();
     if (m == null)
       return !1;
-    const { drawing: g, unitId: p, offset: h, segmentId: v, segmentPage: w, needRefreshDrawings: S } = e;
+    const { drawing: g, unitId: w, offset: u, segmentId: h, segmentPage: v, needRefreshDrawings: S } = e;
     if (S)
       return r.refreshDrawings(a), d.refreshControls(), !0;
-    const O = [], { drawingId: D } = g, T = (N = t.getSegment()) != null ? N : "", M = Zn(
-      v,
-      T,
-      w,
+    const O = [], { drawingId: C } = g, T = (E = t.getSegment()) != null ? E : "", M = lt(
       h,
-      D,
+      T,
+      v,
+      u,
+      C,
       m,
       t
     );
     if (M == null || M.length === 0)
       return r.refreshDrawings(a), d.refreshControls(), !1;
     O.push(...M);
-    const y = {
-      id: J.id,
+    const b = {
+      id: ne.id,
       params: {
-        unitId: p,
+        unitId: w,
         actions: [],
         textRanges: null
       }
     };
-    y.params.actions = O.reduce((I, L) => q.compose(I, L), null);
-    const E = c.syncExecuteCommand(y.id, y.params);
-    return d.refreshControls(), !!E;
+    b.params.actions = O.reduce((I, L) => X.compose(I, L), null);
+    const N = c.syncExecuteCommand(b.id, b.params);
+    return d.refreshControls(), !!N;
   }
-}, tt = {
+}, ft = {
   id: "doc.command.transform-non-inline-drawing",
   type: Y.COMMAND,
   // eslint-disable-next-line max-lines-per-function
   handler: (i, e) => {
-    var x, G;
+    var x, V;
     if (e == null)
       return !1;
-    const n = i.get(ee), t = (x = n.getRenderById(e.unitId)) == null ? void 0 : x.with(Me), r = n.getRenderById(e.unitId), o = r == null ? void 0 : r.scene;
+    const n = i.get(J), t = (x = n.getRenderById(e.unitId)) == null ? void 0 : x.with(Re), r = n.getRenderById(e.unitId), o = r == null ? void 0 : r.scene;
     if (o == null || t == null)
       return !1;
-    const s = o.getTransformerByCreate(), a = i.get(z), c = i.get(K).getCurrentUniverDocInstance();
+    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: p, segmentId: h, segmentPage: v } = e, w = [], { drawingId: S } = l, O = (G = t.getSegment()) != null ? G : "", D = Zn(
-      h,
+    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(
+      u,
       O,
-      v,
+      h,
       g,
       S,
       c,
       t
     );
-    if (D == null)
+    if (C == null)
       return !1;
-    D.length > 0 && w.push(...D);
-    const T = q.getInstance(), { drawings: M = {} } = c.getSnapshot(), y = M[S].docTransform, { positionH: E, positionV: U, size: N, angle: I } = y;
-    if (!ye.diffValue(E, p.positionH)) {
-      const _ = T.replaceOp(["drawings", S, "docTransform", "positionH"], E, p.positionH);
-      w.push(_);
+    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(_);
     }
-    if (!ye.diffValue(U, p.positionV)) {
-      const _ = T.replaceOp(["drawings", S, "docTransform", "positionV"], U, p.positionV);
-      w.push(_);
+    if (!Me.diffValue(B, w.positionV)) {
+      const _ = T.replaceOp(["drawings", S, "docTransform", "positionV"], B, w.positionV);
+      v.push(_);
     }
-    if (!ye.diffValue(N, p.size)) {
-      const _ = T.replaceOp(["drawings", S, "docTransform", "size"], N, p.size);
-      w.push(_);
+    if (!Me.diffValue(E, w.size)) {
+      const _ = T.replaceOp(["drawings", S, "docTransform", "size"], E, w.size);
+      v.push(_);
     }
-    if (!ye.diffValue(I, p.angle)) {
-      const _ = T.replaceOp(["drawings", S, "docTransform", "angle"], I, p.angle);
-      w.push(_);
+    if (!Me.diffValue(I, w.angle)) {
+      const _ = T.replaceOp(["drawings", S, "docTransform", "angle"], I, w.angle);
+      v.push(_);
     }
     const L = {
-      id: J.id,
+      id: ne.id,
       params: {
         unitId: m,
         actions: [],
@@ -497,29 +497,29 @@ const Qn = {
         debounce: !0
       }
     };
-    L.params.actions = w.reduce((_, C) => q.compose(_, C), null);
-    const W = a.syncExecuteCommand(L.id, L.params);
-    return s.refreshControls(), !!W;
+    L.params.actions = v.reduce((_, D) => X.compose(_, D), null);
+    const G = a.syncExecuteCommand(L.id, L.params);
+    return s.refreshControls(), !!G;
   }
 };
-var Ni = Object.getOwnPropertyDescriptor, Ei = (i, e, n, t) => {
-  for (var r = t > 1 ? void 0 : t ? Ni(e, n) : e, o = i.length - 1, s; o >= 0; o--)
+var Vi = Object.getOwnPropertyDescriptor, ji = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? Vi(e, n) : e, o = i.length - 1, s; o >= 0; o--)
     (s = i[o]) && (r = s(r) || r);
   return r;
-}, Qe = (i, e) => (n, t) => e(n, t, i);
-const Ai = "__InlineDrawingAnchor__";
-function Hn(i) {
+}, Je = (i, e) => (n, t) => e(n, t, i);
+const $i = "__InlineDrawingAnchor__";
+function Xn(i) {
   const { path: e } = i;
   return e.some((n) => n === "cells");
 }
-let on = class extends Xe {
+let sn = class extends Ge {
   constructor(e, n, t, r) {
     super();
-    Ce(this, "_liquid", new $n());
-    Ce(this, "_listenerOnImageMap", /* @__PURE__ */ new Set());
+    _e(this, "_liquid", new et());
+    _e(this, "_listenerOnImageMap", /* @__PURE__ */ new Set());
     // Use to cache the drawings is under transforming or scaling.
-    Ce(this, "_transformerCache", /* @__PURE__ */ new Map());
-    Ce(this, "_anchorShape");
+    _e(this, "_transformerCache", /* @__PURE__ */ new Map());
+    _e(this, "_anchorShape");
     this._commandService = e, this._univerInstanceService = n, this._drawingManagerService = t, this._renderManagerService = r, this._init();
   }
   _init() {
@@ -544,45 +544,45 @@ let on = class extends Xe {
     if (n == null)
       return;
     this.disposeWithMe(
-      Le(
+      Oe(
         n.changeStart$.subscribe((o) => {
           var a;
           this._transformerCache.clear();
           const { objects: s } = o;
           for (const d of s.values()) {
-            const { oKey: c, width: l, height: m, left: g, top: p, angle: h } = d, v = this._drawingManagerService.getDrawingOKey(c);
-            if (v == null)
+            const { oKey: c, width: l, height: m, left: g, top: w, angle: u } = d, h = this._drawingManagerService.getDrawingOKey(c);
+            if (h == null)
               continue;
-            const w = this._univerInstanceService.getUniverDocInstance(v.unitId), S = (a = w == null ? void 0 : w.getSnapshot().drawings) == null ? void 0 : a[v.drawingId];
-            (S == null ? void 0 : S.layoutType) === H.INLINE && d.setOpacity(0.2), S != null && this._transformerCache.set(v.drawingId, {
+            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: p,
+              top: w,
               left: g,
               width: l,
               height: m,
-              angle: h
+              angle: u
             });
           }
         })
       )
     );
-    const t = Tn(this._updateMultipleDrawingDocTransform.bind(this), 50);
-    Tn(this._nonInlineDrawingTransform.bind(this), 50), this.disposeWithMe(
-      Le(
+    const t = Rn(this._updateMultipleDrawingDocTransform.bind(this), 50);
+    Rn(this._nonInlineDrawingTransform.bind(this), 50), this.disposeWithMe(
+      Oe(
         n.changing$.subscribe((o) => {
           const { objects: s, offsetX: a, offsetY: d } = o;
           if (s.size > 1)
             t(s);
           else if (s.size === 1) {
-            const c = this._transformerCache.values().next().value, l = s.values().next().value, { width: m, height: g, top: p, left: h, angle: v } = l;
-            if (c && m === c.width && g === c.height && p === c.top && h === c.left && v === c.angle)
+            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)
               return;
-            c && (c.drawing.layoutType, H.INLINE), c && c.drawing.layoutType === H.INLINE && a != null && d != null && this._updateInlineDrawingAnchor(c.drawing, a, d);
+            c && (c.drawing.layoutType, W.INLINE), c && c.drawing.layoutType === W.INLINE && a != null && d != null && this._updateInlineDrawingAnchor(c.drawing, a, d);
           }
         })
       )
     ), this.disposeWithMe(
-      Le(
+      Oe(
         // eslint-disable-next-line complexity
         n.changeEnd$.subscribe((o) => {
           const { objects: s, offsetX: a, offsetY: d } = o;
@@ -591,15 +591,15 @@ let on = class extends Xe {
             if (l == null)
               continue;
             const m = this._transformerCache.get(l == null ? void 0 : l.drawingId);
-            (m == null ? void 0 : m.drawing.layoutType) === H.INLINE && c.setOpacity(1);
+            (m == null ? void 0 : m.drawing.layoutType) === W.INLINE && c.setOpacity(1);
           }
           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: p, left: h, angle: v } = l;
-            if (c && m === c.width && g === c.height && p === c.top && h === c.left && v === c.angle)
+            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)
               return;
-            c && c.drawing.layoutType === H.INLINE ? m !== c.width || g !== c.height || v !== 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 || 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);
           }
           this._transformerCache.clear();
         })
@@ -619,10 +619,10 @@ let on = class extends Xe {
       if (g == null)
         continue;
       t == null && (t = g.unitId), r == null && (r = g.subUnitId);
-      const p = this._transformerCache.get(g.drawingId);
-      if (p == null)
+      const w = this._transformerCache.get(g.drawingId);
+      if (w == null)
         continue;
-      const { drawing: h, top: v, left: w, width: S, height: O, angle: D } = p, { width: T, height: M } = this._getPageContentSize(h);
+      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,
         key: "size",
@@ -630,30 +630,30 @@ let on = class extends Xe {
           width: l,
           height: m
         }
-      }), D !== c && n.push({
+      }), C !== c && n.push({
         drawingId: g.drawingId,
         key: "angle",
         value: c
-      }), v !== d || w !== a) {
-        const y = d - v, E = a - w;
-        y !== 0 && n.push({
+      }), h !== d || v !== a) {
+        const b = d - h, N = a - v;
+        b !== 0 && n.push({
           drawingId: g.drawingId,
           key: "positionV",
           value: {
-            relativeFrom: h.docTransform.positionV.relativeFrom,
-            posOffset: h.docTransform.positionV.posOffset + y
+            relativeFrom: u.docTransform.positionV.relativeFrom,
+            posOffset: u.docTransform.positionV.posOffset + b
           }
-        }), E !== 0 && n.push({
+        }), N !== 0 && n.push({
           drawingId: g.drawingId,
           key: "positionH",
           value: {
-            relativeFrom: h.docTransform.positionH.relativeFrom,
-            posOffset: h.docTransform.positionH.posOffset + E
+            relativeFrom: u.docTransform.positionH.relativeFrom,
+            posOffset: u.docTransform.positionH.posOffset + N
           }
         });
       }
     }
-    n.length > 0 && t && r && this._commandService.executeCommand(qe.id, {
+    n.length > 0 && t && r && this._commandService.executeCommand(Ke.id, {
       unitId: t,
       subUnitId: r,
       drawings: n
@@ -674,104 +674,104 @@ let on = class extends Xe {
     r != null && this._createOrUpdateInlineAnchor(e.unitId, r);
   }
   _getInlineDrawingAnchor(e, n, t) {
-    var x, G;
-    const r = this._renderManagerService.getRenderById(e.unitId), o = r == null ? void 0 : r.with(se).getSkeleton();
+    var x, V;
+    const r = this._renderManagerService.getRenderById(e.unitId), o = r == null ? void 0 : r.with(te).getSkeleton();
     if (r == null)
       return;
     const { mainComponent: s, scene: a } = r, d = s, c = a.getViewports()[0], {
-      pageLayoutType: l = Rn.VERTICAL,
+      pageLayoutType: l = Ln.VERTICAL,
       pageMarginLeft: m,
       pageMarginTop: g
     } = d.getOffsetConfig();
-    let p = null, h = !1, v = -1, w = "";
+    let w = null, u = !1, h = -1, v = "";
     const S = 0.5, O = this._getTransformCoordForDocumentOffset(d, c, n, t);
     if (O == null)
       return;
-    const D = (x = this._renderManagerService.getRenderById(e.unitId)) == null ? void 0 : x.with(Me);
-    if (D == null)
+    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, {
       strict: !1,
-      segmentId: D.getSegment(),
-      segmentPage: D.getSegmentPage()
+      segmentId: C.getSegment(),
+      segmentPage: C.getSegmentPage()
     });
     if (T) {
-      const { node: _, ratioX: C, segmentPage: R, segmentId: P } = T;
-      h = C < S, p = _, v = R, w = P;
+      const { node: _, ratioX: D, segmentPage: R, segmentId: y } = T;
+      u = D < S, w = _, h = R, v = y;
     }
-    if (p == null)
+    if (w == null)
       return;
-    const M = o == null ? void 0 : o.findPositionByGlyph(p, v), y = this._getDocObject();
-    if (M == null || o == null || y == null || Hn(M))
+    const M = o == null ? void 0 : o.findPositionByGlyph(w, h), b = this._getDocObject();
+    if (M == null || o == null || b == null || Xn(M))
       return;
-    const E = {
+    const N = {
       ...M,
-      isBack: h
-    }, U = y.document.getOffsetConfig(), N = new En(U, o), { cursorList: I, contentBoxPointGroup: L } = N.getRangePointData(E, E), { startOffset: W } = (G = An(I)) != null ? G : {};
-    if (W != null)
-      return { offset: W, contentBoxPointGroup: L, segmentId: w, segmentPage: v };
+      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 : {};
+    if (G != null)
+      return { offset: G, contentBoxPointGroup: L, segmentId: v, segmentPage: h };
   }
   // eslint-disable-next-line max-lines-per-function, complexity
   _getDrawingAnchor(e, n) {
-    var _e, Se, de, De, Oe, Ne, Ee, Te, le, ge, Ae;
-    const t = this._renderManagerService.getRenderById(e.unitId), r = t == null ? void 0 : t.with(se).getSkeleton(), o = r == null ? void 0 : r.getSkeletonData();
+    var De, Ce, de, Te, ye, Ne, Ae, be, 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: p = Rn.VERTICAL, pageMarginLeft: h, pageMarginTop: v, docsLeft: w, docsTop: S } = m.getOffsetConfig(), { left: O, top: D, angle: T } = n;
-    let { width: M, height: y } = n;
-    const { positionV: E, positionH: U } = e.docTransform, { width: N, height: I } = this._getPageContentSize(e);
-    M = Math.min(M, N), y = Math.min(y, I);
-    let L = null, W = "", x = -1;
-    const G = !1, _ = {
+    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);
+    let L = null, G = "", x = -1;
+    const V = !1, _ = {
       ...e.docTransform,
       size: {
         width: M,
-        height: y
+        height: b
       },
       angle: T
-    }, { x: C, y: R } = l.getViewportScrollXY(g), P = this._getTransformCoordForDocumentOffset(m, g, O - C, D - R);
-    if (P == null)
+    }, { x: D, y: R } = l.getViewportScrollXY(g), y = this._getTransformCoordForDocumentOffset(m, g, O - D, C - R);
+    if (y == null)
       return;
-    const B = (_e = this._renderManagerService.getRenderById(e.unitId)) == null ? void 0 : _e.with(Me);
-    if (B == null)
+    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(P, p, h, v, {
+    const k = r == null ? void 0 : r.findNodeByCoord(y, w, u, h, {
       strict: !1,
-      segmentId: B.getSegment(),
-      segmentPage: B.getSegmentPage()
+      segmentId: U.getSegment(),
+      segmentPage: U.getSegmentPage()
     });
     if (k) {
-      const { node: pe, segmentPage: mn, segmentId: un } = k;
-      L = pe, x = mn, W = un;
+      const { node: we, segmentPage: hn, segmentId: fn } = k;
+      L = we, x = hn, G = fn;
     }
     if (L == null)
       return;
-    const b = (Se = L.parent) == null ? void 0 : Se.parent, A = b == null ? void 0 : b.parent, $ = (de = A == null ? void 0 : A.lines.find((pe) => pe.paragraphIndex === (b == null ? void 0 : b.paragraphIndex) && pe.paragraphStart)) != null ? de : A == null ? void 0 : A.lines[0], F = (De = A == null ? void 0 : A.parent) == null ? void 0 : De.parent;
-    if (b == null || A == null || $ == null || F == null)
+    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)
       return;
     this._liquid.reset();
     const Z = F.type;
-    for (const pe of s) {
-      const { headerId: mn, footerId: un, pageHeight: It, pageWidth: Dn, marginLeft: On, marginBottom: _t } = pe, St = s.indexOf(pe);
-      if (x > -1 && St === x) {
+    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) {
         switch (Z) {
-          case Nn.HEADER: {
-            const Ge = (Oe = a.get(mn)) == null ? void 0 : Oe.get(Dn);
-            if (Ge)
+          case Un.HEADER: {
+            const je = (ye = a.get(hn)) == null ? void 0 : ye.get(Pn);
+            if (je)
               this._liquid.translatePagePadding({
-                marginTop: Ge.marginTop,
-                marginLeft: On
+                marginTop: je.marginTop,
+                marginLeft: Mn
               });
             else
               throw new Error("header skeleton not found");
             break;
           }
-          case Nn.FOOTER: {
-            const Ge = (Ne = d.get(un)) == null ? void 0 : Ne.get(Dn);
-            if (Ge)
+          case Un.FOOTER: {
+            const je = (Ne = d.get(fn)) == null ? void 0 : Ne.get(Pn);
+            if (je)
               this._liquid.translatePagePadding({
-                marginTop: It - _t + Ge.marginTop,
-                marginLeft: On
+                marginTop: Et - Nt + je.marginTop,
+                marginLeft: Mn
               });
             else
               throw new Error("footer skeleton not found");
@@ -780,58 +780,58 @@ let on = class extends Xe {
         }
         break;
       }
-      if (this._liquid.translatePagePadding(pe), pe === F)
+      if (this._liquid.translatePagePadding(we), we === F)
         break;
-      this._liquid.restorePagePadding(pe), this._liquid.translatePage(pe, p, h, v);
+      this._liquid.restorePagePadding(we), this._liquid.translatePage(we, w, u, h);
     }
-    switch (E.relativeFrom === V.LINE ? L = b.divides[0].glyphGroup[0] : L = (ge = (le = (Te = (Ee = $.divides) == null ? void 0 : Ee[0]) == null ? void 0 : Te.glyphGroup) == null ? void 0 : le[0]) != null ? ge : L, _.positionH = {
-      relativeFrom: U.relativeFrom,
-      posOffset: O - this._liquid.x - w
-    }, U.relativeFrom) {
-      case ne.MARGIN: {
-        _.positionH.posOffset = O - this._liquid.x - w - F.marginLeft;
+    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 = {
+      relativeFrom: B.relativeFrom,
+      posOffset: O - this._liquid.x - v
+    }, B.relativeFrom) {
+      case ee.MARGIN: {
+        _.positionH.posOffset = O - this._liquid.x - v - F.marginLeft;
         break;
       }
-      case ne.COLUMN: {
-        _.positionH.posOffset = O - this._liquid.x - w - A.left;
+      case ee.COLUMN: {
+        _.positionH.posOffset = O - this._liquid.x - v - A.left;
         break;
       }
     }
     switch (_.positionV = {
-      relativeFrom: E.relativeFrom,
-      posOffset: D - this._liquid.y - S
-    }, E.relativeFrom) {
-      case V.PAGE: {
-        _.positionV.posOffset = D - this._liquid.y - S - F.marginTop;
+      relativeFrom: N.relativeFrom,
+      posOffset: C - this._liquid.y - S
+    }, N.relativeFrom) {
+      case H.PAGE: {
+        _.positionV.posOffset = C - this._liquid.y - S - F.marginTop;
         break;
       }
-      case V.LINE: {
-        _.positionV.posOffset = D - this._liquid.y - S - b.top;
+      case H.LINE: {
+        _.positionV.posOffset = C - this._liquid.y - S - P.top;
         break;
       }
-      case V.PARAGRAPH: {
-        _.positionV.posOffset = D - this._liquid.y - S - $.top;
+      case H.PARAGRAPH: {
+        _.positionV.posOffset = C - this._liquid.y - S - z.top;
         break;
       }
     }
     if (L == null)
       return;
-    const ae = r == null ? void 0 : r.findPositionByGlyph(L, x), Ue = this._getDocObject();
-    if (ae == null || r == null || Ue == null || Hn(ae))
+    const ae = r == null ? void 0 : r.findPositionByGlyph(L, x), Be = this._getDocObject();
+    if (ae == null || r == null || Be == null || Xn(ae))
       return;
-    const Re = {
+    const Ee = {
       ...ae,
-      isBack: G
-    }, We = Ue.document.getOffsetConfig(), ce = new En(We, r), { cursorList: te } = ce.getRangePointData(Re, Re), { startOffset: ie } = (Ae = An(te)) != null ? Ae : {};
-    if (ie != null)
-      return { offset: ie, docTransform: _, segmentId: W, segmentPage: x };
+      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 };
   }
   // 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: p, height: h } = this._getPageContentSize(r);
-    l = Math.min(p, l), m = Math.min(h, m), (l !== o || m !== s) && t.push({
+    const { width: w, height: u } = this._getPageContentSize(r);
+    l = Math.min(w, l), m = Math.min(u, m), (l !== o || m !== s) && t.push({
       drawingId: r.drawingId,
       key: "size",
       value: {
@@ -842,7 +842,7 @@ let on = class extends Xe {
       drawingId: r.drawingId,
       key: "angle",
       value: g
-    }), t.length > 0 && d && c && this._commandService.executeCommand(qe.id, {
+    }), t.length > 0 && d && c && this._commandService.executeCommand(Ke.id, {
       unitId: d,
       subUnitId: c,
       drawings: t
@@ -851,7 +851,7 @@ let on = class extends Xe {
   // 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(nt.id, {
+    return this._commandService.executeCommand(ht.id, {
       unitId: e.unitId,
       subUnitId: e.unitId,
       drawing: e,
@@ -864,7 +864,7 @@ let on = class extends Xe {
   // 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(se).getSkeleton(), l = c == null ? void 0 : c.getSkeletonData(), { pages: m } = l != null ? l : {};
+    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)
       return {
         left: r,
@@ -873,23 +873,23 @@ let on = class extends Xe {
         height: a,
         angle: d
       };
-    const { mainComponent: g } = t, p = g, { top: h, pageLayoutType: v, pageMarginLeft: w, pageMarginTop: S } = p;
+    const { mainComponent: g } = t, w = g, { top: u, pageLayoutType: h, pageMarginLeft: v, pageMarginTop: S } = w;
     let O = o;
     this._liquid.reset();
-    for (const D of m) {
-      const { marginBottom: T, pageHeight: M } = D, y = m.indexOf(D), E = m[y + 1];
-      if (E == null)
+    for (const C of m) {
+      const { marginBottom: T, pageHeight: M } = C, b = m.indexOf(C), N = m[b + 1];
+      if (N == null)
         continue;
-      if (ye.hasIntersectionBetweenTwoRanges(
+      if (Me.hasIntersectionBetweenTwoRanges(
         o,
         o + a,
-        this._liquid.y + h + M - T,
-        this._liquid.y + h + M + S + E.marginTop
+        this._liquid.y + u + M - T,
+        this._liquid.y + u + M + S + N.marginTop
       )) {
-        const N = o + a / 2, I = this._liquid.y + h + M + S / 2;
-        N < I ? O = Math.min(o, this._liquid.y + h + M - T - a) : O = Math.max(o, this._liquid.y + h + M + S + E.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);
       }
-      this._liquid.translatePage(D, v, w, S);
+      this._liquid.translatePage(C, h, v, S);
     }
     return {
       left: r,
@@ -900,11 +900,11 @@ let on = class extends Xe {
     };
   }
   _nonInlineDrawingTransform(e, n, t = !1) {
-    const r = e.isMultiTransform === oe.TRUE ? n : this._limitDrawingInPage(e, n);
+    const r = e.isMultiTransform === se.TRUE ? n : this._limitDrawingInPage(e, n);
     if (t && r.top !== n.top)
       return;
     const o = this._getDrawingAnchor(e, r), { offset: s, docTransform: a, segmentId: d, segmentPage: c } = o != null ? o : {};
-    return s == null || a == null ? this._updateMultipleDrawingDocTransform(/* @__PURE__ */ new Map([[e.drawingId, n]])) : this._commandService.executeCommand(tt.id, {
+    return s == null || a == null ? this._updateMultipleDrawingDocTransform(/* @__PURE__ */ new Map([[e.drawingId, n]])) : this._commandService.executeCommand(ft.id, {
       unitId: e.unitId,
       subUnitId: e.unitId,
       drawing: e,
@@ -924,7 +924,7 @@ let on = class extends Xe {
     return { scene: t, transformer: r };
   }
   _getTransformCoordForDocumentOffset(e, n, t, r) {
-    const { documentTransform: o } = e.getOffsetConfig(), s = n.transformVector2SceneCoord(ei.FromArray([t, r]));
+    const { documentTransform: o } = e.getOffsetConfig(), s = n.transformVector2SceneCoord(mi.FromArray([t, r]));
     if (s)
       return o.clone().invert().applyPoint(s);
   }
@@ -935,26 +935,26 @@ let on = class extends Xe {
     const { mainComponent: r, scene: o } = t, s = r, {
       docsLeft: a,
       docsTop: d
-    } = s.getOffsetConfig(), c = ui(n), { left: l, top: m, height: g } = c, p = l + a, h = m + d;
+    } = s.getOffsetConfig(), c = yi(n), { left: l, top: m, height: g } = c, w = l + a, u = m + d;
     if (this._anchorShape) {
-      this._anchorShape.transformByState({ left: p, top: h, height: g }), this._anchorShape.show();
+      this._anchorShape.transformByState({ left: w, top: u, height: g }), this._anchorShape.show();
       return;
     }
-    const v = 6, w = new ni(Ai + ye.generateRandomId(v), {
-      left: p,
-      top: h,
+    const h = 6, v = new ui($i + Me.generateRandomId(h), {
+      left: w,
+      top: u,
       height: g,
       strokeWidth: 2,
-      stroke: ti(yt.darkGray, 1),
+      stroke: hi(Ft.darkGray, 1),
       evented: !1
     });
-    this._anchorShape = w, o.addObject(w, fi);
+    this._anchorShape = v, o.addObject(v, bi);
   }
   _getDocObject() {
-    return hi(this._univerInstanceService, this._renderManagerService);
+    return Pi(this._univerInstanceService, this._renderManagerService);
   }
   _getPageContentSize(e) {
-    const n = this._renderManagerService.getRenderById(e.unitId), t = n == null ? void 0 : n.with(se).getSkeleton(), r = 500, o = 500, s = t == null ? void 0 : t.getSkeletonData();
+    const n = this._renderManagerService.getRenderById(e.unitId), t = n == null ? void 0 : n.with(te).getSkeleton(), r = 500, o = 500, s = t == null ? void 0 : t.getSkeletonData();
     if (s == null || n == null)
       return {
         width: r,
@@ -970,10 +970,10 @@ let on = class extends Xe {
       }
     }
     if (d) {
-      const { pageWidth: c, pageHeight: l, marginLeft: m, marginBottom: g, marginRight: p, marginTop: h } = d;
+      const { pageWidth: c, pageHeight: l, marginLeft: m, marginBottom: g, marginRight: w, marginTop: u } = d;
       return {
-        width: Math.max(r, c - m - p),
-        height: Math.max(o, l - h - g)
+        width: Math.max(r, c - m - w),
+        height: Math.max(o, l - u - g)
       };
     } else
       return {
@@ -982,38 +982,38 @@ let on = class extends Xe {
       };
   }
 };
-on = Ei([
-  Qe(0, z),
-  Qe(1, K),
-  Qe(2, Ie),
-  Qe(3, ee)
-], on);
-var he = function() {
-  return he = Object.assign || function(i) {
+sn = ji([
+  Je(0, $),
+  Je(1, q),
+  Je(2, Ie),
+  Je(3, J)
+], sn);
+var fe = function() {
+  return fe = Object.assign || function(i) {
     for (var e, n = 1, t = arguments.length; n < t; n++) {
       e = arguments[n];
       for (var r in e) Object.prototype.hasOwnProperty.call(e, r) && (i[r] = e[r]);
     }
     return i;
-  }, he.apply(this, arguments);
-}, xi = function(i, e) {
+  }, fe.apply(this, arguments);
+}, zi = function(i, e) {
   var n = {};
   for (var t in i) Object.prototype.hasOwnProperty.call(i, t) && e.indexOf(t) < 0 && (n[t] = i[t]);
   if (i != null && typeof Object.getOwnPropertySymbols == "function")
     for (var r = 0, t = Object.getOwnPropertySymbols(i); r < t.length; r++)
       e.indexOf(t[r]) < 0 && Object.prototype.propertyIsEnumerable.call(i, t[r]) && (n[t[r]] = i[t[r]]);
   return n;
-}, it = Kn(function(i, e) {
-  var n = i.icon, t = i.id, r = i.className, o = i.extend, s = xi(i, ["icon", "id", "className", "extend"]), a = "univerjs-icon univerjs-icon-".concat(t, " ").concat(r || "").trim(), d = Oi("_".concat(Ui()));
-  return rt(n, "".concat(t), { defIds: n.defIds, idSuffix: d.current }, he({ ref: e, className: a }, s), o);
+}, pt = ct(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);
 });
-function rt(i, e, n, t, r) {
-  return Yn(i.tag, he(he({ key: e }, Li(i, n, r)), t), (Bi(i, n).children || []).map(function(o, s) {
-    return rt(o, "".concat(e, "-").concat(i.tag, "-").concat(s), n, void 0, r);
+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 Li(i, e, n) {
-  var t = he({}, i.attrs);
+function Xi(i, e, n) {
+  var t = fe({}, 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, ")")));
@@ -1024,71 +1024,71 @@ function Li(i, e, n) {
     typeof a == "string" && (t[s] = a.replace(/url\(#(.*)\)/, "url(#$1".concat(e.idSuffix, ")")));
   })), t;
 }
-function Bi(i, e) {
+function qi(i, e) {
   var n, t = e.defIds;
-  return !t || t.length === 0 ? i : i.tag === "defs" && (!((n = i.children) === null || n === void 0) && n.length) ? he(he({}, i), { children: i.children.map(function(r) {
-    return typeof r.attrs.id == "string" && t && t.indexOf(r.attrs.id) > -1 ? he(he({}, r), { attrs: he(he({}, r.attrs), { id: r.attrs.id + e.idSuffix }) }) : r;
+  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;
   }) }) : i;
 }
-function Ui() {
+function Ki() {
   return Math.random().toString(36).substring(2, 8);
 }
-it.displayName = "UniverIcon";
-var ki = { 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" } }] }, ot = Kn(function(i, e) {
-  return Yn(it, Object.assign({}, i, {
+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, {
     id: "add-image-single",
     ref: e,
-    icon: ki
+    icon: Yi
   }));
 });
-ot.displayName = "AddImageSingle";
-const Cn = {
+vt.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, y, E, U;
-    const n = i.get(z), t = i.get(K), r = i.get(ee), o = t.getCurrentUniverDocInstance();
+    var M, b, 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(Me), { drawings: a } = e, d = (M = s.getSegment()) != null ? M : "", c = new vn(), l = q.getInstance(), m = (E = (y = o.getSelfOrHeaderFooterModel(d).getBody()) == null ? void 0 : y.customBlocks) != null ? E : [], g = a.map((N) => m.find((I) => I.blockId === N.drawingId)).filter((N) => !!N).sort((N, I) => N.startIndex > I.startIndex ? 1 : -1), p = a[0].unitId, h = new bt();
-    h.reset();
-    const v = g[0].startIndex, w = [
+    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();
+    u.reset();
+    const h = g[0].startIndex, v = [
       {
-        startOffset: v,
-        endOffset: v
+        startOffset: h,
+        endOffset: h
       }
     ], S = {
-      id: J.id,
+      id: ne.id,
       params: {
-        unitId: p,
+        unitId: w,
         actions: [],
-        textRanges: w
+        textRanges: v
       }
     }, O = [];
-    for (const N of g) {
-      const { startIndex: I } = N;
-      I > h.cursor && c.push({
+    for (const E of g) {
+      const { startIndex: I } = E;
+      I > u.cursor && c.push({
         t: Q.RETAIN,
-        len: I - h.cursor
+        len: I - u.cursor
       }), c.push({
         t: Q.DELETE,
         len: 1
-      }), h.moveCursorTo(I + 1);
+      }), u.moveCursorTo(I + 1);
     }
-    const D = ze(o, d);
-    O.push(l.editOp(c.serialize(), D));
-    for (const N of g) {
-      const { blockId: I } = N, L = ((U = o.getDrawings()) != null ? U : {})[I], x = o.getDrawingsOrder().indexOf(I), G = l.removeOp(["drawings", I], L), _ = l.removeOp(["drawingsOrder", x], I);
-      O.push(G), O.push(_);
+    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(_);
     }
-    return S.params.actions = O.reduce((N, I) => q.compose(N, I), null), !!n.syncExecuteCommand(S.id, S.params);
+    return S.params.actions = O.reduce((E, I) => X.compose(E, I), null), !!n.syncExecuteCommand(S.id, S.params);
   }
-}, st = {
+}, It = {
   id: "doc.command.delete-drawing",
   type: Y.COMMAND,
   handler: (i) => {
-    const e = i.get(z), t = i.get(Be).getFocusDrawings();
+    const e = i.get($), t = i.get(Ue).getFocusDrawings();
     if (t.length === 0)
       return !1;
     const { unitId: r } = t[0], o = t.map((s) => {
@@ -1100,17 +1100,17 @@ const Cn = {
         drawingType: l
       };
     });
-    return e.executeCommand(Cn.id, {
+    return e.executeCommand(yn.id, {
       unitId: r,
       drawings: o
     });
   }
-}, at = {
+}, _t = {
   id: "doc.command.group-doc-image",
   type: Y.COMMAND,
   handler: (i, e) => {
-    i.get(z), i.get(Vn);
-    const n = i.get(Be);
+    i.get($), i.get(Yn);
+    const n = i.get(Ue);
     if (!e) return !1;
     const t = [];
     e.forEach(({ parent: l, children: m }) => {
@@ -1121,41 +1121,41 @@ const Cn = {
     const r = n.getGroupDrawingOp(e), { unitId: o, subUnitId: s, undo: a, redo: d, objects: c } = r;
     return !1;
   }
-}, ct = {
+}, bn = {
   id: "doc.command.insert-doc-image",
   type: Y.COMMAND,
   // eslint-disable-next-line max-lines-per-function
   handler: (i, e) => {
-    var y, E, U, N;
+    var b, N, B, E;
     if (e == null)
       return !1;
-    const n = i.get(z), t = i.get(_n), r = i.get(K), o = t.getActiveTextRange(), s = r.getCurrentUniverDocInstance();
+    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)
       return !1;
-    const p = new vn(), h = q.getInstance(), v = [], w = (E = (y = s.getSnapshot().drawingsOrder) == null ? void 0 : y.length) != null ? E : 0;
+    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;
     if (c)
-      l > 0 && p.push({
+      l > 0 && w.push({
         t: Q.RETAIN,
         len: l
       });
     else {
-      const I = Mt.selection.delete([o], g, 0, null, !1);
-      p.push(...I);
-      const L = pi(g, [o]), W = (U = s.getDrawings()) != null ? U : {}, x = (N = s.getDrawingsOrder()) != null ? N : [], G = L.sort((_, C) => x.indexOf(_) > x.indexOf(C) ? -1 : x.indexOf(_) < x.indexOf(C) ? 1 : 0);
-      if (G.length > 0)
-        for (const _ of G) {
-          const C = W[_], R = x.indexOf(_);
-          if (C == null || R < 0)
+      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);
+      if (V.length > 0)
+        for (const _ of V) {
+          const D = G[_], R = x.indexOf(_);
+          if (D == null || R < 0)
             continue;
-          const P = h.removeOp(["drawings", _], C), B = h.removeOp(["drawingsOrder", R], _);
-          v.push(P), v.push(B), S++;
+          const y = u.removeOp(["drawings", _], D), U = u.removeOp(["drawingsOrder", R], _);
+          h.push(y), h.push(U), S++;
         }
     }
-    p.push({
+    w.push({
       t: Q.INSERT,
       body: {
         dataStream: "\b".repeat(d.length),
@@ -1166,55 +1166,55 @@ const Cn = {
       },
       len: d.length
     });
-    const O = ze(s, m), D = h.editOp(p.serialize(), O);
-    v.push(D);
+    const O = qe(s, m), C = u.editOp(w.serialize(), O);
+    h.push(C);
     for (const I of d) {
-      const { drawingId: L } = I, W = h.insertOp(["drawings", L], I), x = h.insertOp(["drawingsOrder", w - S], L);
-      v.push(W), v.push(x);
+      const { drawingId: L } = I, G = u.insertOp(["drawings", L], I), x = u.insertOp(["drawingsOrder", v - S], L);
+      h.push(G), h.push(x);
     }
     const T = {
-      id: J.id,
+      id: ne.id,
       params: {
         unitId: a,
         actions: [],
         textRanges: []
       }
     };
-    return T.params.actions = v.reduce((I, L) => q.compose(I, L), null), !!n.syncExecuteCommand(T.id, T.params);
+    return T.params.actions = h.reduce((I, L) => X.compose(I, L), null), !!n.syncExecuteCommand(T.id, T.params);
   }
-}, dt = {
+}, St = {
   id: "doc.command.set-drawing-arrange",
   type: Y.COMMAND,
   handler: (i, e) => {
-    const n = i.get(z), t = i.get(Be);
+    const n = i.get($), t = i.get(Ue);
     if (e == null)
       return !1;
     const { unitId: r, subUnitId: o, drawingIds: s, arrangeType: a } = e, d = { unitId: r, subUnitId: o, drawingIds: s };
     let c;
-    if (a === Ze.forward ? c = t.getForwardDrawingsOp(d) : a === Ze.backward ? c = t.getBackwardDrawingOp(d) : a === Ze.front ? c = t.getFrontDrawingsOp(d) : a === Ze.back && (c = t.getBackDrawingsOp(d)), c == null)
+    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)
       return !1;
     const m = [];
-    let g = ye.deepClone(l);
+    let g = Me.deepClone(l);
     g = g.slice(3), g.unshift("drawingsOrder"), m.push(g);
-    const p = {
-      id: J.id,
+    const w = {
+      id: ne.id,
       params: {
         unitId: r,
         actions: [],
         textRanges: null
       }
     };
-    return p.params.actions = m.reduce((v, w) => q.compose(v, w), null), !!n.syncExecuteCommand(p.id, p.params);
+    return w.params.actions = m.reduce((h, v) => X.compose(h, v), null), !!n.syncExecuteCommand(w.id, w.params);
   }
-}, lt = {
+}, Dt = {
   id: "doc.command.ungroup-doc-image",
   type: Y.COMMAND,
   handler: (i, e) => {
-    i.get(z), i.get(Vn);
-    const n = i.get(Be);
+    i.get($), i.get(Yn);
+    const n = i.get(Ue);
     if (!e) return !1;
     const t = [];
     e.forEach(({ parent: l, children: m }) => {
@@ -1226,23 +1226,23 @@ const Cn = {
     return !1;
   }
 };
-var Fi = Object.getOwnPropertyDescriptor, Hi = (i, e, n, t) => {
-  for (var r = t > 1 ? void 0 : t ? Fi(e, n) : e, o = i.length - 1, s; o >= 0; o--)
+var Zi = Object.getOwnPropertyDescriptor, Qi = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? Zi(e, n) : e, o = i.length - 1, s; o >= 0; o--)
     (s = i[o]) && (r = s(r) || r);
   return r;
 }, me = (i, e) => (n, t) => e(n, t, i);
-let sn = class extends Xe {
+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();
   }
   async insertDocImage() {
     const i = await this._fileOpenerService.openFile({
       multiple: !0,
-      accept: Vt.map((n) => `.${n.replace("image/", "")}`).join(",")
+      accept: ni.map((n) => `.${n.replace("image/", "")}`).join(",")
     }), e = i.length;
-    return e > yn ? (this._messageService.show({
-      type: Bn.Error,
-      content: this._localeService.t("update-status.exceedMaxCount", String(yn))
+    return e > Nn ? (this._messageService.show({
+      type: Vn.Error,
+      content: this._localeService.t("update-status.exceedMaxCount", String(Nn))
     }), !1) : e === 0 ? !1 : (await this._insertFloatImages(i), !0);
   }
   // eslint-disable-next-line max-lines-per-function
@@ -1254,18 +1254,18 @@ let sn = class extends Xe {
       const o = r.message;
       let s = "";
       switch (o) {
-        case hn.ERROR_EXCEED_SIZE:
-          s = this._localeService.t("update-status.exceedMaxSize", String(jt / (1024 * 1024)));
+        case wn.ERROR_EXCEED_SIZE:
+          s = this._localeService.t("update-status.exceedMaxSize", String(ti / (1024 * 1024)));
           break;
-        case hn.ERROR_IMAGE_TYPE:
+        case wn.ERROR_IMAGE_TYPE:
           s = this._localeService.t("update-status.invalidImageType");
           break;
-        case hn.ERROR_IMAGE:
+        case wn.ERROR_IMAGE:
           s = this._localeService.t("update-status.invalidImage");
           break;
       }
       this._messageService.show({
-        type: Bn.Error,
+        type: Vn.Error,
         content: s
       });
     }
@@ -1275,47 +1275,47 @@ let sn = class extends Xe {
     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 $t(d || "");
+      const { imageId: o, imageSourceType: s, source: a, base64Cache: d } = r, { width: c, height: l, image: m } = await ii(d || "");
       this._imageIoService.addImageSourceCache(o, s, m);
       let g = 1;
-      if (c > bn || l > Mn) {
-        const w = bn / c, S = Mn / l;
-        g = Math.min(w, S);
+      if (c > An || l > xn) {
+        const v = An / c, S = xn / l;
+        g = Math.min(v, S);
       }
-      const p = this._getImagePosition(c * g, l * g);
-      if (p == null)
+      const w = this._getImagePosition(c * g, l * g);
+      if (w == null)
         return;
-      const h = {
+      const u = {
         unitId: n,
         subUnitId: n,
         drawingId: o,
-        drawingType: Rt.DRAWING_IMAGE,
+        drawingType: _n.DRAWING_IMAGE,
         imageSourceType: s,
         source: a,
-        transform: wi(p),
-        docTransform: p,
-        behindDoc: oe.FALSE,
+        transform: it(w),
+        docTransform: w,
+        behindDoc: se.FALSE,
         title: "",
         description: "",
-        layoutType: H.INLINE,
+        layoutType: W.INLINE,
         // Insert inline drawing by default.
-        wrapText: $e.BOTH_SIDES,
+        wrapText: Xe.BOTH_SIDES,
         distB: 0,
         distL: 0,
         distR: 0,
         distT: 0
       };
-      this._isInsertInHeaderFooter() && (h.isMultiTransform = oe.TRUE, h.transforms = h.transform ? [h.transform] : null), t.push(h);
+      this._isInsertInHeaderFooter() && (u.isMultiTransform = se.TRUE, u.transforms = u.transform ? [u.transform] : null), t.push(u);
     }
-    this._commandService.executeCommand(ct.id, {
+    this._commandService.executeCommand(bn.id, {
       unitId: n,
       drawings: t
     });
   }
   _isInsertInHeaderFooter() {
     var t;
-    const { unitId: i } = this._context, e = (t = this._renderManagerSrv.getRenderById(i)) == null ? void 0 : t.with(se).getViewModel(), n = e == null ? void 0 : e.getEditArea();
-    return n === Fe.HEADER || n === Fe.FOOTER;
+    const { unitId: i } = this._context, e = (t = this._renderManagerSrv.getRenderById(i)) == null ? void 0 : t.with(te).getViewModel(), n = e == null ? void 0 : e.getEditArea();
+    return n === We.HEADER || n === We.FOOTER;
   }
   _getImagePosition(i, e) {
     const n = this._docSelectionRenderService.getActiveTextRange(), t = (n == null ? void 0 : n.getAbsolutePosition()) || {
@@ -1327,11 +1327,11 @@ let sn = class extends Xe {
         height: e
       },
       positionH: {
-        relativeFrom: ne.PAGE,
+        relativeFrom: ee.PAGE,
         posOffset: t.left
       },
       positionV: {
-        relativeFrom: V.PARAGRAPH,
+        relativeFrom: H.PARAGRAPH,
         posOffset: 0
       },
       angle: 0
@@ -1340,7 +1340,7 @@ let sn = class extends Xe {
   _updateOrderListener() {
     this._drawingManagerService.featurePluginOrderUpdate$.subscribe((i) => {
       const { unitId: e, subUnitId: n, drawingIds: t, arrangeType: r } = i;
-      this._commandService.executeCommand(dt.id, {
+      this._commandService.executeCommand(St.id, {
         unitId: e,
         subUnitId: n,
         drawingIds: t,
@@ -1350,9 +1350,9 @@ let sn = class extends Xe {
   }
   _groupDrawingListener() {
     this._drawingManagerService.featurePluginGroupUpdate$.subscribe((i) => {
-      this._commandService.executeCommand(at.id, i);
+      this._commandService.executeCommand(_t.id, i);
     }), this._drawingManagerService.featurePluginUngroupUpdate$.subscribe((i) => {
-      this._commandService.executeCommand(lt.id, i);
+      this._commandService.executeCommand(Dt.id, i);
     });
   }
   _getCurrentSceneAndTransformer() {
@@ -1365,7 +1365,7 @@ let sn = class extends Xe {
   _transformDrawingListener() {
     const i = this._getCurrentSceneAndTransformer();
     if (i && i.transformer)
-      this.disposeWithMe(i.transformer.changeEnd$.pipe(Xn(30)).subscribe((e) => {
+      this.disposeWithMe(i.transformer.changeEnd$.pipe(at(30)).subscribe((e) => {
         this._docSelectionManagerService.refreshSelection();
       }));
     else
@@ -1377,12 +1377,12 @@ let sn = class extends Xe {
         var r;
         const { transformer: e, docsLeft: n, docsTop: t } = (r = this._getCurrentSceneAndTransformer()) != null ? r : {};
         if (i == null || i.length === 0)
-          this._contextService.setContextValue(tn, !1), this._docDrawingService.focusDrawing([]), e && e.resetProps({
+          this._contextService.setContextValue(rn, !1), this._docDrawingService.focusDrawing([]), e && e.resetProps({
             zeroTop: 0,
             zeroLeft: 0
           });
         else {
-          this._contextService.setContextValue(tn, !0), this._docDrawingService.focusDrawing(i), this._setDrawingSelections(i);
+          this._contextService.setContextValue(rn, !0), this._docDrawingService.focusDrawing(i), this._setDrawingSelections(i);
           const o = this._docSelectionRenderService.getSegment(), s = this._findSegmentIdByDrawingId(i[0].drawingId);
           o !== s && this._docSelectionRenderService.setSegment(s), e && e.resetProps({
             zeroTop: t,
@@ -1408,20 +1408,20 @@ let sn = class extends Xe {
   // Update drawings edit status and opacity. You can not edit header footer images when you are editing body. and vice verse.
   _updateDrawingsEditStatus() {
     var a;
-    const { unit: i, scene: e, unitId: n } = this._context, t = (a = this._renderManagerSrv.getRenderById(n)) == null ? void 0 : a.with(se).getViewModel();
+    const { unit: i, scene: e, unitId: n } = this._context, t = (a = this._renderManagerSrv.getRenderById(n)) == null ? void 0 : a.with(te).getViewModel();
     if (t == null || i == null)
       return;
-    const r = i.getSnapshot(), { drawings: o = {} } = r, s = t.getEditArea() === Fe.BODY;
+    const r = i.getSnapshot(), { drawings: o = {} } = r, s = t.getEditArea() === We.BODY;
     for (const d of Object.keys(o)) {
-      const c = o[d], l = zt({ unitId: n, drawingId: c.drawingId, subUnitId: n }), m = e.fuzzyMathObjects(l, !0);
+      const c = o[d], l = Jn({ unitId: n, drawingId: c.drawingId, subUnitId: n }), m = e.fuzzyMathObjects(l, !0);
       if (m.length)
         for (const g of m)
-          e.detachTransformerFrom(g), g.setOpacity(0.5), (s && c.isMultiTransform !== oe.TRUE || !s && c.isMultiTransform === oe.TRUE) && (e.attachTransformerTo(g), g.setOpacity(1));
+          e.detachTransformerFrom(g), g.setOpacity(0.5), (s && c.isMultiTransform !== se.TRUE || !s && c.isMultiTransform === se.TRUE) && (e.attachTransformerTo(g), g.setOpacity(1));
     }
   }
   _editAreaChangeListener() {
     var n;
-    const { unitId: i } = this._context, e = (n = this._renderManagerSrv.getRenderById(i)) == null ? void 0 : n.with(se).getViewModel();
+    const { unitId: i } = this._context, e = (n = this._renderManagerSrv.getRenderById(i)) == null ? void 0 : n.with(te).getViewModel();
     e != null && (this._updateDrawingsEditStatus(), this.disposeWithMe(
       e.editAreaChange$.subscribe(() => {
         this._updateDrawingsEditStatus();
@@ -1432,7 +1432,7 @@ let sn = class extends Xe {
       });
     }), this.disposeWithMe(
       this._commandService.onCommandExecuted(async (t) => {
-        t.id === J.id && queueMicrotask(() => {
+        t.id === ne.id && queueMicrotask(() => {
           this._updateDrawingsEditStatus();
         });
       })
@@ -1447,79 +1447,79 @@ let sn = class extends Xe {
     this._docSelectionManagerService.replaceDocRanges(t);
   }
 };
-sn = Hi([
-  me(1, z),
-  me(2, ve(_n)),
-  me(3, ee),
-  me(4, Gt),
-  me(5, Be),
+an = Qi([
+  me(1, $),
+  me(2, pe(On)),
+  me(3, J),
+  me(4, ei),
+  me(5, Ue),
   me(6, Ie),
-  me(7, jn),
-  me(8, oi),
-  me(9, ve(ln)),
-  me(10, ve(Me)),
-  me(11, ve(gn)),
-  me(12, si)
-], sn);
-const gt = {
+  me(7, Zn),
+  me(8, wi),
+  me(9, pe(mn)),
+  me(10, pe(Re)),
+  me(11, pe(un)),
+  me(12, vi)
+], an);
+const Ct = {
   id: "doc.command.insert-float-image",
   type: Y.COMMAND,
   handler: (i) => {
     var t, r;
-    const e = i.get(K), n = i.get(ee);
-    return (r = (t = ii(be.UNIVER_DOC, e, n)) == null ? void 0 : t.with(sn).insertDocImage()) != null ? r : !1;
+    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;
   }
-}, Ke = {
+}, Ye = {
   id: "doc.command.move-drawing",
   type: Y.COMMAND,
   handler: (i, e) => {
-    const n = i.get(z), t = i.get(Be), r = i.get(K), o = i.get(ee), { direction: s } = e, a = t.getFocusDrawings();
+    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)
       return !1;
-    const m = l.getTransformerByCreate(), g = r.getUniverDocInstance(d), p = a.map((v) => {
-      var y, E, U, N, I;
-      const { drawingId: w } = v, S = (y = g == null ? void 0 : g.getSnapshot().drawings) == null ? void 0 : y[w];
-      if (S == null || S.layoutType === H.INLINE)
+    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)
         return null;
-      const { positionH: O, positionV: D } = S.docTransform, T = { ...O }, M = { ...D };
-      return s === fe.UP ? M.posOffset = ((E = M.posOffset) != null ? E : 0) - 2 : s === fe.DOWN ? M.posOffset = ((U = M.posOffset) != null ? U : 0) + 2 : s === fe.LEFT ? T.posOffset = ((N = T.posOffset) != null ? N : 0) - 2 : s === fe.RIGHT && (T.posOffset = ((I = T.posOffset) != null ? I : 0) + 2), {
-        drawingId: w,
-        key: s === fe.UP || s === fe.DOWN ? "positionV" : "positionH",
-        value: s === fe.UP || s === fe.DOWN ? M : T
+      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
       };
-    }).filter((v) => v != null);
-    if (p.length === 0)
+    }).filter((h) => h != null);
+    if (w.length === 0)
       return !1;
-    const h = n.syncExecuteCommand(qe.id, {
+    const u = n.syncExecuteCommand(Ke.id, {
       unitId: d,
       subUnitId: d,
-      drawings: p
+      drawings: w
     });
-    return m.refreshControls(), !!h;
+    return m.refreshControls(), !!u;
   }
-}, Wi = {
+}, Ji = {
   id: "doc.operation.clear-drawing-transformer",
   type: Y.MUTATION,
   handler: (i, e) => {
-    const n = i.get(ee);
+    const n = i.get(J);
     return e.forEach((t) => {
       var r, o;
       (o = (r = n.getRenderById(t)) == null ? void 0 : r.scene.getTransformer()) == null || o.debounceRefreshControls();
     }), !0;
   }
-}, mt = "COMPONENT_DOC_DRAWING_PANEL", ut = {
+}, Ot = "COMPONENT_DOC_DRAWING_PANEL", Tt = {
   id: "sidebar.operation.doc-image",
   type: Y.COMMAND,
   handler: async (i, e) => {
-    const n = i.get(ai), t = i.get(ln), r = i.get(Ie);
+    const n = i.get(Ii), t = i.get(mn), r = i.get(Ie);
     switch (e.value) {
       case "open":
         n.open({
           header: { title: t.t("docImage.panel.title") },
-          children: { label: mt },
+          children: { label: Ot },
           onClose: () => {
             r.focusDrawing(null);
           },
@@ -1533,492 +1533,492 @@ const gt = {
     }
     return !0;
   }
-}, ft = {
+}, yt = {
   id: "doc.operation.edit-doc-image",
   type: Y.OPERATION,
   handler: (i, e) => {
-    const n = i.get(Ie), t = i.get(z);
-    return e == null ? !1 : (n.focusDrawing([e]), t.executeCommand(ut.id, { value: "open" }), !0);
-  }
-}, Gi = "univer-image-common-panel", Vi = "univer-image-common-panel-grid", ji = "univer-image-common-panel-border", $i = "univer-image-common-panel-title", zi = "univer-image-common-panel-subtitle", qi = "univer-image-common-panel-row", Xi = "univer-image-common-panel-column", Ki = "univer-image-common-panel-span2", Yi = "univer-image-common-panel-input", u = {
-  imageCommonPanel: Gi,
-  imageCommonPanelGrid: Vi,
-  imageCommonPanelBorder: ji,
-  imageCommonPanelTitle: $i,
-  imageCommonPanelSubtitle: zi,
-  imageCommonPanelRow: qi,
-  imageCommonPanelColumn: Xi,
-  imageCommonPanelSpan2: Ki,
-  imageCommonPanelInput: Yi
-}, Wn = -1e3, Gn = 1e3, Zi = (i) => {
-  const e = we(z), n = we(ln), t = we(Ie), r = we(ee), o = we(K), { drawings: s } = i, a = s[0];
+    const n = i.get(Ie), t = i.get($);
+    return e == null ? !1 : (n.focusDrawing([e]), t.executeCommand(Tt.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 = {
+  imageCommonPanel: er,
+  imageCommonPanelGrid: nr,
+  imageCommonPanelBorder: tr,
+  imageCommonPanelTitle: ir,
+  imageCommonPanelSubtitle: rr,
+  imageCommonPanelRow: or,
+  imageCommonPanelColumn: sr,
+  imageCommonPanelSpan2: ar,
+  imageCommonPanelInput: cr
+}, qn = -1e3, Kn = 1e3, dr = (i) => {
+  const e = ve($), n = ve(mn), t = ve(Ie), 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)
     return;
-  const p = g.getTransformerByCreate(), h = [{
+  const w = g.getTransformerByCreate(), u = [{
     label: n.t("image-position.column"),
-    value: String(ne.COLUMN)
+    value: String(ee.COLUMN)
   }, {
     label: n.t("image-position.page"),
-    value: String(ne.PAGE)
+    value: String(ee.PAGE)
   }, {
     label: n.t("image-position.margin"),
-    value: String(ne.MARGIN)
-  }], v = [{
+    value: String(ee.MARGIN)
+  }], h = [{
     label: n.t("image-position.line"),
-    value: String(V.LINE),
-    disabled: l === fn.MODERN
+    value: String(H.LINE),
+    disabled: l === pn.MODERN
   }, {
     label: n.t("image-position.page"),
-    value: String(V.PAGE),
-    disabled: l === fn.MODERN
+    value: String(H.PAGE),
+    disabled: l === pn.MODERN
   }, {
     label: n.t("image-position.margin"),
-    value: String(V.MARGIN),
-    disabled: l === fn.MODERN
+    value: String(H.MARGIN),
+    disabled: l === pn.MODERN
   }, {
     label: n.t("image-position.paragraph"),
-    value: String(V.PARAGRAPH)
-  }], [w, S] = re(!0), [O, D] = re({
-    relativeFrom: ne.PAGE,
+    value: String(H.PARAGRAPH)
+  }], [v, S] = oe(!0), [O, C] = oe({
+    relativeFrom: ee.PAGE,
     posOffset: 0
-  }), [T, M] = re({
-    relativeFrom: V.PAGE,
+  }), [T, M] = oe({
+    relativeFrom: H.PAGE,
     posOffset: 0
-  }), [y, E] = re(!0), [U, N] = re(!0);
-  function I(C, R) {
-    var b;
-    C === "positionH" ? D(R) : M(R);
-    const P = t.getFocusDrawings();
-    if (P.length === 0)
+  }), [b, N] = oe(!0), [B, E] = oe(!0);
+  function I(D, R) {
+    var P;
+    D === "positionH" ? C(R) : M(R);
+    const y = t.getFocusDrawings();
+    if (y.length === 0)
       return;
-    const B = P.map((A) => ({
+    const U = y.map((A) => ({
       unitId: A.unitId,
       subUnitId: A.subUnitId,
       drawingId: A.drawingId
     }));
-    e.executeCommand(qe.id, {
-      unitId: P[0].unitId,
-      subUnitId: P[0].unitId,
-      drawings: B.map((A) => ({
+    e.executeCommand(Ke.id, {
+      unitId: y[0].unitId,
+      subUnitId: y[0].unitId,
+      drawings: U.map((A) => ({
         drawingId: A.drawingId,
-        key: C,
+        key: D,
         value: R
       }))
     });
-    const k = (b = r.getRenderById(d)) == null ? void 0 : b.with(Me);
-    k && k.blur(), p.refreshControls();
+    const k = (P = r.getRenderById(d)) == null ? void 0 : P.with(Re);
+    k && k.blur(), w.refreshControls();
   }
-  function L(C) {
-    var ie, _e, Se;
-    const R = O.relativeFrom, P = O.posOffset, B = Number(C);
-    if (R === B)
+  function L(D) {
+    var re, De, Ce;
+    const R = O.relativeFrom, y = O.posOffset, U = Number(D);
+    if (R === U)
       return;
     const k = t.getFocusDrawings();
     if (k.length === 0)
       return;
-    const b = k[0].drawingId, A = k[0].unitId;
-    let $ = null, F = 0;
-    const Z = (ie = r.getRenderById(A)) == null ? void 0 : ie.with(se).getSkeleton(), ae = Z == null ? void 0 : Z.getSkeletonData();
+    const P = 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: Ue, skeHeaders: Re, skeFooters: We } = ae;
-    for (const de of Ue) {
-      const { marginLeft: De, skeDrawings: Oe, headerId: Ne, footerId: Ee, pageWidth: Te } = de;
-      if (Oe.has(b)) {
-        $ = Oe.get(b), F = De;
+    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;
         break;
       }
-      const le = (_e = Re.get(Ne)) == null ? void 0 : _e.get(Te);
-      if (le != null && le.skeDrawings.has(b)) {
-        $ = le == null ? void 0 : le.skeDrawings.get(b), F = De;
+      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;
         break;
       }
-      const ge = (Se = We.get(Ee)) == null ? void 0 : Se.get(Te);
-      if (ge != null && ge.skeDrawings.has(b)) {
-        $ = ge == null ? void 0 : ge.skeDrawings.get(b), F = De;
+      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;
         break;
       }
     }
-    if ($ == null)
+    if (z == null)
       return;
     let ce = 0;
-    R === ne.COLUMN ? ce -= $.columnLeft : R === ne.MARGIN && (ce -= F), B === ne.COLUMN ? ce += $.columnLeft : B === ne.MARGIN ? ce += F : ne.PAGE;
-    const te = {
-      relativeFrom: B,
-      posOffset: (P != null ? P : 0) - ce
+    R === ee.COLUMN ? ce -= z.columnLeft : R === ee.MARGIN && (ce -= F), U === ee.COLUMN ? ce += z.columnLeft : U === ee.MARGIN ? ce += F : ee.PAGE;
+    const ie = {
+      relativeFrom: U,
+      posOffset: (y != null ? y : 0) - ce
     };
-    I("positionH", te);
+    I("positionH", ie);
   }
-  function W(C) {
-    var Oe, Ne, Ee, Te, le, ge;
-    const R = T.relativeFrom, P = T.posOffset, B = Number(C);
-    if (R === B)
+  function G(D) {
+    var ye, Ne, Ae, be, le, ge;
+    const R = T.relativeFrom, y = T.posOffset, U = Number(D);
+    if (R === U)
       return;
     const k = t.getFocusDrawings();
     if (k.length === 0)
       return;
-    const { drawingId: b, unitId: A } = k[0], $ = o.getUniverDocInstance(A), F = (Oe = r.getRenderById(A)) == null ? void 0 : Oe.with(se).getSkeleton(), Z = (Ne = r.getRenderById(A)) == null ? void 0 : Ne.with(Me), ae = Z == null ? void 0 : Z.getSegment(), Ue = Z == null ? void 0 : Z.getSegmentPage(), Re = (Te = (Ee = $ == null ? void 0 : $.getSelfOrHeaderFooterModel(ae).getBody()) == null ? void 0 : Ee.customBlocks) == null ? void 0 : Te.find((Ae) => Ae.blockId === b);
-    if (Re == null || F == null || Z == null)
+    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);
+    if (Ee == null || F == null || Z == null)
       return;
-    const { startIndex: We } = Re, ce = F.findNodeByCharIndex(We, ae, Ue), te = (le = ce == null ? void 0 : ce.parent) == null ? void 0 : le.parent, ie = te == null ? void 0 : te.parent, _e = ie == null ? void 0 : ie.lines.find((Ae) => Ae.paragraphIndex === (te == null ? void 0 : te.paragraphIndex) && Ae.paragraphStart), Se = (ge = ie == null ? void 0 : ie.parent) == null ? void 0 : ge.parent;
-    if (ce == null || te == null || _e == null || ie == null || Se == null)
+    const { startIndex: Ve } = Ee, ce = F.findNodeByCharIndex(Ve, ae, Be), ie = (le = ce == null ? void 0 : ce.parent) == null ? void 0 : le.parent, re = ie == null ? void 0 : ie.parent, De = re == null ? void 0 : re.lines.find((xe) => xe.paragraphIndex === (ie == null ? void 0 : ie.paragraphIndex) && xe.paragraphStart), Ce = (ge = re == null ? void 0 : re.parent) == null ? void 0 : ge.parent;
+    if (ce == null || ie == null || De == null || re == null || Ce == null)
       return;
     let de = 0;
-    R === V.PARAGRAPH ? de -= _e.top : R === V.LINE ? de -= te.top : R === V.PAGE && (de += Se.marginTop), B === V.PARAGRAPH ? de += _e.top : B === V.LINE ? de += te.top : B === V.PAGE && (de -= Se.marginTop);
-    const De = {
-      relativeFrom: B,
-      posOffset: (P != null ? P : 0) - de
+    R === H.PARAGRAPH ? de -= De.top : R === H.LINE ? de -= ie.top : R === H.PAGE && (de += Ce.marginTop), U === H.PARAGRAPH ? de += De.top : U === H.LINE ? de += ie.top : U === H.PAGE && (de -= Ce.marginTop);
+    const Te = {
+      relativeFrom: U,
+      posOffset: (y != null ? y : 0) - de
     };
-    I("positionV", De);
+    I("positionV", Te);
   }
-  function x(C) {
+  function x(D) {
     var A;
-    const R = c == null ? void 0 : c.getSnapshot(), P = (A = R == null ? void 0 : R.drawings) == null ? void 0 : A[C.drawingId];
-    if (P == null)
+    const R = c == null ? void 0 : c.getSnapshot(), y = (A = R == null ? void 0 : R.drawings) == null ? void 0 : A[D.drawingId];
+    if (y == null)
       return;
-    const { layoutType: B } = P, {
+    const { layoutType: U } = y, {
       positionH: k,
-      positionV: b
-    } = P.docTransform;
-    D(k), M(b), S(B === H.INLINE), E(b.relativeFrom === V.PARAGRAPH || b.relativeFrom === V.LINE);
-  }
-  function G() {
-    const C = t.getFocusDrawings();
-    C.length !== 0 && x(C[0]);
-  }
-  function _(C) {
-    E(C), W(String(C ? V.PARAGRAPH : V.PAGE));
-  }
-  return Sn(() => {
-    G();
-    const C = t.focus$.subscribe((P) => {
-      if (P.length === 0) {
-        N(!1);
+      positionV: P
+    } = y.docTransform;
+    C(k), M(P), S(U === W.INLINE), N(P.relativeFrom === H.PARAGRAPH || P.relativeFrom === H.LINE);
+  }
+  function V() {
+    const D = t.getFocusDrawings();
+    D.length !== 0 && x(D[0]);
+  }
+  function _(D) {
+    N(D), G(String(D ? H.PARAGRAPH : H.PAGE));
+  }
+  return Tn(() => {
+    V();
+    const D = t.focus$.subscribe((y) => {
+      if (y.length === 0) {
+        E(!1);
         return;
       }
-      N(!0), x(P[0]);
-    }), R = e.onCommandExecuted(async (P) => {
-      P.id === J.id && G();
+      E(!0), x(y[0]);
+    }), R = e.onCommandExecuted(async (y) => {
+      y.id === ne.id && V();
     });
     return () => {
-      C.unsubscribe(), R.dispose();
+      D.unsubscribe(), R.dispose();
     };
-  }, []), /* @__PURE__ */ X("div", { className: j(u.imageCommonPanelGrid, u.imageCommonPanelBorder), style: { display: U ? "block" : "none" }, children: [
-    /* @__PURE__ */ f("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ f("div", { className: j(u.imageCommonPanelColumn, u.imageCommonPanelTitle), children: /* @__PURE__ */ f("div", { children: n.t("image-position.title") }) }) }),
-    /* @__PURE__ */ f("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ f("div", { className: j(u.imageCommonPanelColumn, u.imageCommonPanelSubtitle), children: /* @__PURE__ */ f("div", { children: n.t("image-position.horizontal") }) }) }),
-    /* @__PURE__ */ X("div", { className: u.imageCommonPanelRow, children: [
-      /* @__PURE__ */ f("div", { className: j(u.imageCommonPanelColumn, u.imageCommonPanelSpan2), children: /* @__PURE__ */ X("label", { children: [
-        /* @__PURE__ */ f("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ f("div", { className: u.imageCommonPanelColumn, children: n.t("image-position.absolutePosition") }) }),
-        /* @__PURE__ */ f("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ f("div", { className: u.imageCommonPanelColumn, children: /* @__PURE__ */ f(
-          ke,
+  }, []), /* @__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(
+          Fe,
           {
-            min: Wn,
-            max: Gn,
+            min: qn,
+            max: Kn,
             precision: 1,
-            disabled: w,
+            disabled: v,
             value: O.posOffset,
-            onChange: (C) => {
+            onChange: (D) => {
               I("positionH", {
                 relativeFrom: O.relativeFrom,
-                posOffset: C
+                posOffset: D
               });
             },
-            className: u.imageCommonPanelInput
+            className: f.imageCommonPanelInput
           }
         ) }) })
       ] }) }),
-      /* @__PURE__ */ f("div", { className: j(u.imageCommonPanelColumn, u.imageCommonPanelSpan2), children: /* @__PURE__ */ X("label", { children: [
-        /* @__PURE__ */ f("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ f("div", { className: u.imageCommonPanelColumn, children: n.t("image-position.toTheRightOf") }) }),
-        /* @__PURE__ */ f("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ f("div", { className: u.imageCommonPanelColumn, children: /* @__PURE__ */ f(
-          Un,
+      /* @__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(
+          jn,
           {
             value: String(O.relativeFrom),
-            disabled: w,
-            options: h,
+            disabled: v,
+            options: u,
             onChange: L
           }
         ) }) })
       ] }) })
     ] }),
-    /* @__PURE__ */ f("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ f("div", { className: j(u.imageCommonPanelColumn, u.imageCommonPanelSubtitle), children: /* @__PURE__ */ f("div", { children: n.t("image-position.vertical") }) }) }),
-    /* @__PURE__ */ X("div", { className: u.imageCommonPanelRow, children: [
-      /* @__PURE__ */ f("div", { className: j(u.imageCommonPanelColumn, u.imageCommonPanelSpan2), children: /* @__PURE__ */ X("label", { children: [
-        /* @__PURE__ */ f("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ f("div", { className: u.imageCommonPanelColumn, children: n.t("image-position.absolutePosition") }) }),
-        /* @__PURE__ */ f("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ f("div", { className: u.imageCommonPanelColumn, children: /* @__PURE__ */ f(
-          ke,
+    /* @__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(
+          Fe,
           {
-            min: Wn,
-            max: Gn,
+            min: qn,
+            max: Kn,
             precision: 1,
-            disabled: w,
+            disabled: v,
             value: T.posOffset,
-            onChange: (C) => {
+            onChange: (D) => {
               I("positionV", {
                 relativeFrom: T.relativeFrom,
-                posOffset: C
+                posOffset: D
               });
             },
-            className: u.imageCommonPanelInput
+            className: f.imageCommonPanelInput
           }
         ) }) })
       ] }) }),
-      /* @__PURE__ */ f("div", { className: j(u.imageCommonPanelColumn, u.imageCommonPanelSpan2), children: /* @__PURE__ */ X("label", { children: [
-        /* @__PURE__ */ f("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ f("div", { className: u.imageCommonPanelColumn, children: n.t("image-position.bellow") }) }),
-        /* @__PURE__ */ f("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ f("div", { className: u.imageCommonPanelColumn, children: /* @__PURE__ */ f(
-          Un,
+      /* @__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(
+          jn,
           {
-            disabled: w,
+            disabled: v,
             value: String(T.relativeFrom),
-            options: v,
-            onChange: W
+            options: h,
+            onChange: G
           }
         ) }) })
       ] }) })
     ] }),
-    /* @__PURE__ */ f("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ f("div", { className: j(u.imageCommonPanelColumn, u.imageCommonPanelSubtitle), children: /* @__PURE__ */ f("div", { children: n.t("image-position.options") }) }) }),
-    /* @__PURE__ */ f("div", { className: u.imageCommonPanelRow, style: { marginBottom: "50px" }, children: /* @__PURE__ */ f("div", { className: u.imageCommonPanelColumn, children: /* @__PURE__ */ f(Di, { disabled: w, checked: y, onChange: _, children: n.t("image-position.moveObjectWithText") }) }) })
+    /* @__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") }) }) })
   ] });
-}, Je = 0, en = 100, Qi = (i) => {
-  const e = we(z), n = we(ln), t = we(Ie), r = we(ee), o = we(K), { drawings: s } = i, a = s[0];
+}, 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];
   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)
     return null;
-  const [g, p] = re(!0), [h, v] = re(!0), [w, S] = re(!0), [O, D] = re(ue.INLINE), [T, M] = re(""), [y, E] = re({
+  const [g, w] = oe(!0), [u, h] = oe(!0), [v, S] = oe(!0), [O, C] = oe(ue.INLINE), [T, M] = oe(""), [b, N] = oe({
     distT: 0,
     distL: 0,
     distB: 0,
     distR: 0
-  }), [U, N] = re(!0);
+  }), [B, E] = oe(!0);
   function I(_) {
-    D(_);
-    const C = t.getFocusDrawings();
-    if (C.length === 0)
+    C(_);
+    const D = t.getFocusDrawings();
+    if (D.length === 0)
       return;
-    const { unitId: R, subUnitId: P } = C[0], B = C.map(({ unitId: k, subUnitId: b, drawingId: A }) => ({
+    const { unitId: R, subUnitId: y } = D[0], U = D.map(({ unitId: k, subUnitId: P, drawingId: A }) => ({
       unitId: k,
-      subUnitId: b,
+      subUnitId: P,
       drawingId: A
     }));
-    e.executeCommand(Qn.id, {
+    e.executeCommand(gt.id, {
       unitId: R,
-      subUnitId: P,
-      drawings: B,
+      subUnitId: y,
+      drawings: U,
       wrappingStyle: _
     });
   }
   function L(_) {
     M(_);
-    const C = t.getFocusDrawings();
-    if (C.length === 0)
+    const D = t.getFocusDrawings();
+    if (D.length === 0)
       return;
-    const R = C.map((P) => ({
-      unitId: P.unitId,
-      subUnitId: P.subUnitId,
-      drawingId: P.drawingId
+    const R = D.map((y) => ({
+      unitId: y.unitId,
+      subUnitId: y.subUnitId,
+      drawingId: y.drawingId
     }));
-    e.executeCommand(et.id, {
-      unitId: C[0].unitId,
-      subUnitId: C[0].unitId,
+    e.executeCommand(ut.id, {
+      unitId: D[0].unitId,
+      subUnitId: D[0].unitId,
       drawings: R,
       wrapText: _
     });
   }
-  function W(_, C) {
+  function G(_, D) {
     if (_ == null)
       return;
-    const R = { ...y, [C]: _ };
-    E(R);
-    const P = t.getFocusDrawings();
-    if (P.length === 0)
+    const R = { ...b, [D]: _ };
+    N(R);
+    const y = t.getFocusDrawings();
+    if (y.length === 0)
       return;
-    const B = P.map((k) => ({
+    const U = y.map((k) => ({
       unitId: k.unitId,
       subUnitId: k.subUnitId,
       drawingId: k.drawingId
     }));
-    e.executeCommand(Jn.id, {
-      unitId: P[0].unitId,
-      subUnitId: P[0].unitId,
-      drawings: B,
+    e.executeCommand(mt.id, {
+      unitId: y[0].unitId,
+      subUnitId: y[0].unitId,
+      drawings: U,
       dist: {
-        [C]: _
+        [D]: _
       }
     });
   }
   function x() {
     const _ = t.getFocusDrawings();
-    _.length !== 0 && G(_[0]);
+    _.length !== 0 && V(_[0]);
   }
-  function G(_) {
+  function V(_) {
     var Z, ae;
-    const C = (ae = (Z = c == null ? void 0 : c.getSnapshot()) == null ? void 0 : Z.drawings) == null ? void 0 : ae[_.drawingId];
-    if (C == null)
+    const D = (ae = (Z = c == null ? void 0 : c.getSnapshot()) == null ? void 0 : Z.drawings) == null ? void 0 : ae[_.drawingId];
+    if (D == null)
       return;
     const {
       distT: R = 0,
-      distL: P = 0,
-      distB: B = 0,
+      distL: y = 0,
+      distB: U = 0,
       distR: k = 0,
-      layoutType: b = H.INLINE,
-      behindDoc: A = oe.FALSE,
-      wrapText: $ = $e.BOTH_SIDES
-    } = C;
-    if (E({
+      layoutType: P = W.INLINE,
+      behindDoc: A = se.FALSE,
+      wrapText: z = Xe.BOTH_SIDES
+    } = D;
+    if (N({
       distT: R,
-      distL: P,
-      distB: B,
+      distL: y,
+      distB: U,
       distR: k
-    }), M($), p(b !== H.WRAP_SQUARE), b === H.WRAP_NONE || b === H.INLINE ? v(!0) : v(!1), b === H.WRAP_NONE || b === H.INLINE || b === H.WRAP_TOP_AND_BOTTOM ? S(!0) : S(!1), b === H.WRAP_NONE)
-      A === oe.TRUE ? D(ue.BEHIND_TEXT) : D(ue.IN_FRONT_OF_TEXT);
+    }), 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)
+      A === se.TRUE ? C(ue.BEHIND_TEXT) : C(ue.IN_FRONT_OF_TEXT);
     else
-      switch (b) {
-        case H.INLINE:
-          D(ue.INLINE);
+      switch (P) {
+        case W.INLINE:
+          C(ue.INLINE);
           break;
-        case H.WRAP_SQUARE:
-          D(ue.WRAP_SQUARE);
+        case W.WRAP_SQUARE:
+          C(ue.WRAP_SQUARE);
           break;
-        case H.WRAP_TOP_AND_BOTTOM:
-          D(ue.WRAP_TOP_AND_BOTTOM);
+        case W.WRAP_TOP_AND_BOTTOM:
+          C(ue.WRAP_TOP_AND_BOTTOM);
           break;
         default:
-          throw new Error(`Unsupported layout type: ${b}`);
+          throw new Error(`Unsupported layout type: ${P}`);
       }
   }
-  return Sn(() => {
+  return Tn(() => {
     x();
     const _ = t.focus$.subscribe((R) => {
       if (R.length === 0) {
-        N(!1);
+        E(!1);
         return;
       }
-      N(!0), G(R[0]);
-    }), C = e.onCommandExecuted(async (R) => {
-      R.id === J.id && x();
+      E(!0), V(R[0]);
+    }), D = e.onCommandExecuted(async (R) => {
+      R.id === ne.id && x();
     });
     return () => {
-      _.unsubscribe(), C.dispose();
+      _.unsubscribe(), D.dispose();
     };
-  }, []), /* @__PURE__ */ X("div", { className: j(u.imageCommonPanelGrid, u.imageCommonPanelBorder), style: { display: U ? "block" : "none" }, children: [
-    /* @__PURE__ */ f("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ f("div", { className: j(u.imageCommonPanelColumn, u.imageCommonPanelTitle), children: /* @__PURE__ */ f("div", { children: n.t("image-text-wrap.title") }) }) }),
-    /* @__PURE__ */ f("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ f("div", { className: j(u.imageCommonPanelColumn, u.imageCommonPanelSubtitle), children: /* @__PURE__ */ f("div", { children: n.t("image-text-wrap.wrappingStyle") }) }) }),
-    /* @__PURE__ */ f("div", { className: j(u.imageCommonPanelRow), children: /* @__PURE__ */ f("div", { className: j(u.imageCommonPanelColumn), children: /* @__PURE__ */ X(kn, { value: O, onChange: I, direction: "vertical", children: [
-      /* @__PURE__ */ f(Pe, { value: ue.INLINE, children: n.t("image-text-wrap.inline") }),
-      /* @__PURE__ */ f(Pe, { value: ue.WRAP_SQUARE, children: n.t("image-text-wrap.square") }),
-      /* @__PURE__ */ f(Pe, { value: ue.WRAP_TOP_AND_BOTTOM, children: n.t("image-text-wrap.topAndBottom") }),
-      /* @__PURE__ */ f(Pe, { value: ue.BEHIND_TEXT, children: n.t("image-text-wrap.behindText") }),
-      /* @__PURE__ */ f(Pe, { value: ue.IN_FRONT_OF_TEXT, children: n.t("image-text-wrap.inFrontText") })
+  }, []), /* @__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__ */ f("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ f("div", { className: j(u.imageCommonPanelColumn, u.imageCommonPanelSubtitle), children: /* @__PURE__ */ f("div", { children: n.t("image-text-wrap.wrapText") }) }) }),
-    /* @__PURE__ */ f("div", { className: j(u.imageCommonPanelRow), children: /* @__PURE__ */ f("div", { className: j(u.imageCommonPanelColumn), children: /* @__PURE__ */ X(kn, { disabled: g, value: T, onChange: L, direction: "horizontal", children: [
-      /* @__PURE__ */ f(Pe, { value: $e.BOTH_SIDES, children: n.t("image-text-wrap.bothSide") }),
-      /* @__PURE__ */ f(Pe, { value: $e.LEFT, children: n.t("image-text-wrap.leftOnly") }),
-      /* @__PURE__ */ f(Pe, { value: $e.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.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__ */ f("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ f("div", { className: j(u.imageCommonPanelColumn, u.imageCommonPanelSubtitle), children: /* @__PURE__ */ f("div", { children: n.t("image-text-wrap.distanceFromText") }) }) }),
-    /* @__PURE__ */ X("div", { className: u.imageCommonPanelRow, children: [
-      /* @__PURE__ */ f("div", { className: j(u.imageCommonPanelColumn, u.imageCommonPanelSpan2), children: /* @__PURE__ */ X("label", { children: [
-        /* @__PURE__ */ f("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ f("div", { className: u.imageCommonPanelColumn, children: n.t("image-text-wrap.top") }) }),
-        /* @__PURE__ */ f("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ f("div", { className: u.imageCommonPanelColumn, children: /* @__PURE__ */ f(
-          ke,
+    /* @__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(
+          Fe,
           {
-            min: Je,
-            max: en,
-            disabled: h,
+            min: en,
+            max: nn,
+            disabled: u,
             precision: 1,
-            value: y.distT,
+            value: b.distT,
             onChange: (_) => {
-              W(_, "distT");
+              G(_, "distT");
             },
-            className: u.imageCommonPanelInput
+            className: f.imageCommonPanelInput
           }
         ) }) })
       ] }) }),
-      /* @__PURE__ */ f("div", { className: j(u.imageCommonPanelColumn, u.imageCommonPanelSpan2), children: /* @__PURE__ */ X("label", { children: [
-        /* @__PURE__ */ f("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ f("div", { className: u.imageCommonPanelColumn, children: n.t("image-text-wrap.left") }) }),
-        /* @__PURE__ */ f("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ f("div", { className: u.imageCommonPanelColumn, children: /* @__PURE__ */ f(
-          ke,
+      /* @__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(
+          Fe,
           {
-            min: Je,
-            max: en,
-            disabled: w,
+            min: en,
+            max: nn,
+            disabled: v,
             precision: 1,
-            value: y.distL,
+            value: b.distL,
             onChange: (_) => {
-              W(_, "distL");
+              G(_, "distL");
             },
-            className: u.imageCommonPanelInput
+            className: f.imageCommonPanelInput
           }
         ) }) })
       ] }) })
     ] }),
-    /* @__PURE__ */ X("div", { className: u.imageCommonPanelRow, children: [
-      /* @__PURE__ */ f("div", { className: j(u.imageCommonPanelColumn, u.imageCommonPanelSpan2), children: /* @__PURE__ */ X("label", { children: [
-        /* @__PURE__ */ f("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ f("div", { className: u.imageCommonPanelColumn, children: n.t("image-text-wrap.bottom") }) }),
-        /* @__PURE__ */ f("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ f("div", { className: u.imageCommonPanelColumn, children: /* @__PURE__ */ f(
-          ke,
+    /* @__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(
+          Fe,
           {
-            min: Je,
-            max: en,
-            disabled: h,
+            min: en,
+            max: nn,
+            disabled: u,
             precision: 1,
-            value: y.distB,
+            value: b.distB,
             onChange: (_) => {
-              W(_, "distB");
+              G(_, "distB");
             },
-            className: u.imageCommonPanelInput
+            className: f.imageCommonPanelInput
           }
         ) }) })
       ] }) }),
-      /* @__PURE__ */ f("div", { className: j(u.imageCommonPanelColumn, u.imageCommonPanelSpan2), children: /* @__PURE__ */ X("label", { children: [
-        /* @__PURE__ */ f("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ f("div", { className: u.imageCommonPanelColumn, children: n.t("image-text-wrap.right") }) }),
-        /* @__PURE__ */ f("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ f("div", { className: u.imageCommonPanelColumn, children: /* @__PURE__ */ f(
-          ke,
+      /* @__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(
+          Fe,
           {
-            min: Je,
-            max: en,
-            disabled: w,
+            min: en,
+            max: nn,
+            disabled: v,
             precision: 1,
-            value: y.distR,
+            value: b.distR,
             onChange: (_) => {
-              W(_, "distR");
+              G(_, "distR");
             },
-            className: u.imageCommonPanelInput
+            className: f.imageCommonPanelInput
           }
         ) }) })
       ] }) })
     ] })
   ] });
-}, Ji = () => {
-  const i = we(Ie), e = i.getFocusDrawings(), [n, t] = re(e);
-  return Sn(() => {
+}, gr = () => {
+  const i = ve(Ie), e = i.getFocusDrawings(), [n, t] = oe(e);
+  return Tn(() => {
     const r = i.focus$.subscribe((o) => {
       t(o);
     });
     return () => {
       r.unsubscribe();
     };
-  }, []), !!(n != null && n.length) && /* @__PURE__ */ X("div", { className: u.imageCommonPanel, children: [
-    /* @__PURE__ */ f(Xt, { drawings: n, hasAlign: !1, hasCropper: !1, hasGroup: !1, hasTransform: !1 }),
-    /* @__PURE__ */ f(Qi, { drawings: n }),
-    /* @__PURE__ */ f(Zi, { drawings: n })
+  }, []), !!(n != null && n.length) && /* @__PURE__ */ K("div", { className: f.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 })
   ] });
-}, ht = "addition-and-subtraction-single", pt = "doc.menu.image", wt = gt.id, er = (i) => {
-  const e = i.get(_n), n = i.get(K);
-  return new Ci((t) => {
+}, bt = "addition-and-subtraction-single", Pt = "doc.menu.image", Mt = Ct.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: p, endIndex: h } = g;
-          return d >= p && d < h || c >= p && c < h;
+          const { startIndex: w, endIndex: u } = g;
+          return d >= w && d < u || c >= w && c < u;
         })) {
           t.next(!0);
           return;
@@ -2032,133 +2032,133 @@ const gt = {
     return () => r.unsubscribe();
   });
 };
-function nr(i) {
+function ur(i) {
   return {
-    id: pt,
-    type: qn.SUBITEMS,
-    icon: ht,
+    id: Pt,
+    type: tt.SUBITEMS,
+    icon: bt,
     tooltip: "docImage.title",
-    disabled$: er(i),
-    hidden$: zn(i, be.UNIVER_DOC, void 0, In)
+    disabled$: mr(i),
+    hidden$: nt(i, Se.UNIVER_DOC, void 0, Cn)
   };
 }
-function tr(i) {
+function hr(i) {
   return {
-    id: wt,
+    id: Mt,
     title: "docImage.upload.float",
-    type: qn.BUTTON,
-    hidden$: zn(i, be.UNIVER_DOC, void 0, In)
+    type: tt.BUTTON,
+    hidden$: nt(i, Se.UNIVER_DOC, void 0, Cn)
   };
 }
-const ir = {
-  [ci.LAYOUT]: {
-    [pt]: {
+const fr = {
+  [_i.LAYOUT]: {
+    [Pt]: {
       order: 0,
-      menuItemFactory: nr,
-      [wt]: {
+      menuItemFactory: ur,
+      [Mt]: {
         order: 0,
-        menuItemFactory: tr
+        menuItemFactory: hr
       }
     }
   }
 };
-function Ye(i) {
-  return i.getContextValue(Nt) && i.getContextValue(tn);
+function Ze(i) {
+  return i.getContextValue(Gt) && i.getContextValue(rn);
 }
-const rr = {
-  id: Ke.id,
+const pr = {
+  id: Ye.id,
   description: "shortcut.doc.drawing-move-down",
   group: "4_doc-drawing-view",
   binding: He.ARROW_DOWN,
   priority: 100,
-  preconditions: Ye,
+  preconditions: Ze,
   staticParameters: {
-    direction: fe.DOWN
+    direction: he.DOWN
   }
-}, or = {
-  id: Ke.id,
+}, wr = {
+  id: Ye.id,
   description: "shortcut.doc.drawing-move-up",
   group: "4_doc-drawing-view",
   binding: He.ARROW_UP,
   priority: 100,
-  preconditions: Ye,
+  preconditions: Ze,
   staticParameters: {
-    direction: fe.UP
+    direction: he.UP
   }
-}, sr = {
-  id: Ke.id,
+}, vr = {
+  id: Ye.id,
   description: "shortcut.doc.drawing-move-left",
   group: "4_doc-drawing-view",
   binding: He.ARROW_LEFT,
   priority: 100,
-  preconditions: Ye,
+  preconditions: Ze,
   staticParameters: {
-    direction: fe.LEFT
+    direction: he.LEFT
   }
-}, ar = {
-  id: Ke.id,
+}, Ir = {
+  id: Ye.id,
   description: "shortcut.doc.drawing-move-right",
   group: "4_doc-drawing-view",
   binding: He.ARROW_RIGHT,
   priority: 100,
-  preconditions: Ye,
+  preconditions: Ze,
   staticParameters: {
-    direction: fe.RIGHT
+    direction: he.RIGHT
   }
-}, cr = {
-  id: st.id,
+}, _r = {
+  id: It.id,
   description: "shortcut.doc.drawing-delete",
   group: "4_doc-drawing-view",
   // when focusing on any other input tag do not trigger this shortcut
-  preconditions: Ye,
+  preconditions: Ze,
   binding: He.DELETE,
   mac: He.BACKSPACE
 };
-var dr = Object.getOwnPropertyDescriptor, lr = (i, e, n, t) => {
-  for (var r = t > 1 ? void 0 : t ? dr(e, n) : e, o = i.length - 1, s; o >= 0; o--)
+var Sr = Object.getOwnPropertyDescriptor, Dr = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? Sr(e, n) : e, o = i.length - 1, s; o >= 0; o--)
     (s = i[o]) && (r = s(r) || r);
   return r;
-}, nn = (i, e) => (n, t) => e(n, t, i);
-let an = class extends Xe {
+}, tn = (i, e) => (n, t) => e(n, t, i);
+let cn = class extends Ge {
   constructor(i, e, n, t) {
     super(), this._componentManager = i, this._menuManagerService = e, this._commandService = n, this._shortcutService = t, this._init();
   }
   _initCustomComponents() {
     const i = this._componentManager;
-    this.disposeWithMe(i.register(ht, ot)), this.disposeWithMe(i.register(mt, Ji));
+    this.disposeWithMe(i.register(bt, vt)), this.disposeWithMe(i.register(Ot, gr));
   }
   _initMenus() {
-    this._menuManagerService.mergeMenu(ir);
+    this._menuManagerService.mergeMenu(fr);
   }
   _initCommands() {
     [
+      Ct,
+      bn,
       gt,
-      ct,
-      Qn,
-      Jn,
-      et,
-      qe,
-      nt,
-      tt,
-      Cn,
+      mt,
       ut,
-      Wi,
-      ft,
-      at,
-      lt,
       Ke,
-      st,
-      dt
+      ht,
+      ft,
+      yn,
+      Tt,
+      Ji,
+      yt,
+      _t,
+      Dt,
+      Ye,
+      It,
+      St
     ].forEach((i) => this.disposeWithMe(this._commandService.registerCommand(i)));
   }
   _initShortcuts() {
     [
       // sheet drawing shortcuts
-      rr,
-      or,
-      sr,
-      ar,
-      cr
+      pr,
+      wr,
+      vr,
+      Ir,
+      _r
     ].forEach((i) => {
       this.disposeWithMe(this._shortcutService.registerShortcut(i));
     });
@@ -2167,25 +2167,257 @@ let an = class extends Xe {
     this._initCommands(), this._initCustomComponents(), this._initMenus(), this._initShortcuts();
   }
 };
-an = lr([
-  nn(0, ve(di)),
-  nn(1, li),
-  nn(2, z),
-  nn(3, gi)
-], an);
-var gr = Object.getOwnPropertyDescriptor, mr = (i, e, n, t) => {
-  for (var r = t > 1 ? void 0 : t ? gr(e, n) : e, o = i.length - 1, s; o >= 0; o--)
+cn = Dr([
+  tn(0, pe(Si)),
+  tn(1, Di),
+  tn(2, $),
+  tn(3, Ci)
+], cn);
+var Cr = Object.getOwnPropertyDescriptor, Or = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? Cr(e, n) : e, o = i.length - 1, s; o >= 0; o--)
+    (s = i[o]) && (r = s(r) || r);
+  return r;
+}, ke = (i, e) => (n, t) => e(n, t, i);
+function 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();
+  return {
+    startX: (t - c) * m,
+    startY: (n - l) * g,
+    endX: (t + r - c) * m,
+    endY: (n + o - l) * g,
+    width: r,
+    height: o,
+    rotate: 0,
+    absolute: {
+      left: !1,
+      top: !1
+    }
+  };
+}
+let dn = class extends Ge {
+  constructor(e, n, t, r, o, s) {
+    super();
+    _e(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();
+  }
+  _getSceneAndTransformerByDrawingSearch(e) {
+    if (e == null)
+      return;
+    const n = this._renderManagerService.getRenderById(e);
+    if (n == null)
+      return null;
+    const t = n.scene, r = t.getTransformerByCreate();
+    return { scene: t, transformer: r, renderUnit: n, canvas: n.engine.getCanvasElement() };
+  }
+  _drawingAddRemoveListener() {
+    this.disposeWithMe(
+      this._drawingManagerService.add$.subscribe((e) => {
+        this._insertRects(e);
+      })
+    ), this.disposeWithMe(
+      this._drawingManagerService.remove$.subscribe((e) => {
+        e.forEach((n) => {
+          this._removeDom(n.drawingId);
+        });
+      })
+    );
+  }
+  _insertRects(e) {
+    e.forEach(async (n) => {
+      const { unitId: t } = n, r = this._getSceneAndTransformerByDrawingSearch(t);
+      if (r == null)
+        return;
+      const o = this._drawingManagerService.getDrawingByParam(n);
+      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,
+            unitId: t
+          };
+          this._canvasFloatDomService.addFloatDom({
+            position$: l,
+            id: o.drawingId,
+            componentKey: o.componentKey,
+            onPointerDown: (h) => {
+              m.dispatchEvent(new PointerEvent(h.type, h));
+            },
+            onPointerMove: (h) => {
+              m.dispatchEvent(new PointerEvent(h.type, h));
+            },
+            onPointerUp: (h) => {
+              m.dispatchEvent(new PointerEvent(h.type, h));
+            },
+            onWheel: (h) => {
+              m.dispatchEvent(new WheelEvent(h.type, h));
+            },
+            data: g,
+            unitId: t
+          });
+          const u = a.onTransformChange$.subscribeEvent(() => {
+            const h = vn(a, r.renderUnit);
+            l.next(
+              h
+            );
+          });
+          d.add(() => {
+            this._canvasFloatDomService.removeFloatDom(o.drawingId);
+          }), u && d.add(u), this._domLayerInfoMap.set(o.drawingId, w);
+        }
+    });
+  }
+  _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(
+        e.onPointerEnter$.subscribeEvent(() => {
+          e.cursor = Bn.GRAB;
+        })
+      )
+    ), this.disposeWithMe(
+      Oe(
+        e.onPointerLeave$.subscribeEvent(() => {
+          e.cursor = Bn.DEFAULT;
+        })
+      )
+    );
+  }
+  _removeDom(e) {
+    const n = this._domLayerInfoMap.get(e);
+    if (!n)
+      return;
+    const { unitId: t } = n;
+    this._domLayerInfoMap.delete(e), n.dispose.dispose();
+    const r = this._getSceneAndTransformerByDrawingSearch(t);
+    r && r.scene.removeObject(n.rect);
+  }
+  _initScrollAndZoomEvent() {
+    const e = (n) => {
+      const t = this._getSceneAndTransformerByDrawingSearch(n);
+      t && this._domLayerInfoMap.forEach((r) => {
+        if (r.unitId !== n) return;
+        const o = vn(r.rect, t.renderUnit);
+        r.position$.next(o);
+      });
+    };
+    this.disposeWithMe(
+      this._univerInstanceService.getCurrentTypeOfUnit$(Se.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)
+        )
+      ).subscribe((n) => {
+        if (!n) return;
+        const { unitId: t } = n;
+        e(t);
+      })
+    ), this.disposeWithMe(this._commandService.onCommandExecuted((n) => {
+      if (n.id === ot.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);
+    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];
+    if (!a) return !1;
+    const { pageWidth: d, marginLeft: c, marginRight: l } = a, m = d - c - l, g = {
+      size: {
+        width: (h = n.width) != null ? h : m,
+        height: n.height
+      },
+      positionH: {
+        relativeFrom: ee.PAGE,
+        posOffset: 0
+      },
+      positionV: {
+        relativeFrom: H.PAGE,
+        posOffset: 0
+      },
+      angle: 0
+    }, w = {
+      unitId: t.getUnitId(),
+      drawings: [
+        {
+          drawingId: (v = n.drawingId) != null ? v : jt(),
+          drawingType: _n.DRAWING_DOM,
+          subUnitId: t.getUnitId(),
+          unitId: t.getUnitId(),
+          ...e,
+          title: "",
+          description: "",
+          docTransform: g,
+          layoutType: W.INLINE,
+          transform: it(g)
+        }
+      ]
+    };
+    this._commandService.executeCommand(bn.id, w);
+  }
+};
+dn = Or([
+  ke(0, J),
+  ke(1, Ie),
+  ke(2, pe(si)),
+  ke(3, pe(Oi)),
+  ke(4, q),
+  ke(5, $)
+], dn);
+var Tr = Object.getOwnPropertyDescriptor, yr = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? Tr(e, n) : e, o = i.length - 1, s; o >= 0; o--)
     (s = i[o]) && (r = s(r) || r);
   return r;
-}, je = (i, e) => (n, t) => e(n, t, i);
-let cn = class extends Et {
+}, ze = (i, e) => (n, t) => e(n, t, i);
+let ln = class extends $t {
   constructor(e, n, t, r, o) {
     super();
-    Ce(this, "_initImagePopupMenu", /* @__PURE__ */ new Set());
+    _e(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$(be.UNIVER_DOC).pipe(xn(this.dispose$)).subscribe((e) => this._create(e)), this._univerInstanceService.getTypeOfUnitDisposed$(be.UNIVER_DOC).pipe(xn(this.dispose$)).subscribe((e) => this._dispose(e)), this._univerInstanceService.getAllUnitsForType(be.UNIVER_DOC).forEach((e) => this._create(e));
+    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));
   }
   _dispose(e) {
     const n = e.getUnitId();
@@ -2200,7 +2432,7 @@ let cn = class extends Et {
   _hasCropObject(e) {
     const n = e.getAllObjects();
     for (const t of n)
-      if (t instanceof Kt)
+      if (t instanceof ai)
         return !0;
     return !1;
   }
@@ -2215,12 +2447,12 @@ let cn = class extends Et {
       return;
     const r = [];
     this.disposeWithMe(
-      Le(
+      Oe(
         t.createControl$.subscribe(() => {
           if (this._hasCropObject(n))
             return;
           const s = t.getSelectedObjectMap();
-          if (r.forEach((w) => w.dispose()), r.length = 0, s.size > 1)
+          if (r.forEach((v) => v.dispose()), r.length = 0, s.size > 1)
             return;
           const a = s.values().next().value;
           if (!a)
@@ -2228,10 +2460,10 @@ let cn = class extends Et {
           const d = a.oKey, c = this._drawingManagerService.getDrawingOKey(d);
           if (!c)
             return;
-          const { unitId: l, subUnitId: m, drawingId: g } = c, p = this._canvasPopManagerService.attachPopupToObject(
+          const { unitId: l, subUnitId: m, drawingId: g } = c, w = this._canvasPopManagerService.attachPopupToObject(
             a,
             {
-              componentKey: Yt,
+              componentKey: ci,
               direction: "horizontal",
               offset: [2, 0],
               extraProps: {
@@ -2240,7 +2472,7 @@ let cn = class extends Et {
             },
             l
           );
-          r.push(this.disposeWithMe(p)), !this._drawingManagerService.getFocusDrawings().find((w) => w.unitId === l && w.subUnitId === m && w.drawingId === g) && this._drawingManagerService.focusDrawing([{
+          r.push(this.disposeWithMe(w)), !this._drawingManagerService.getFocusDrawings().find((v) => v.unitId === l && v.subUnitId === m && v.drawingId === g) && this._drawingManagerService.focusDrawing([{
             unitId: l,
             subUnitId: m,
             drawingId: g
@@ -2248,19 +2480,19 @@ let cn = class extends Et {
         })
       )
     ), this.disposeWithMe(
-      Le(
+      Oe(
         t.clearControl$.subscribe(() => {
-          r.forEach((s) => s.dispose()), r.length = 0, this._contextService.setContextValue(tn, !1), this._drawingManagerService.focusDrawing(null);
+          r.forEach((s) => s.dispose()), r.length = 0, this._contextService.setContextValue(rn, !1), this._drawingManagerService.focusDrawing(null);
         })
       )
     ), this.disposeWithMe(
-      Le(
+      Oe(
         t.changing$.subscribe(() => {
           r.forEach((s) => s.dispose()), r.length = 0;
         })
       )
     ), this.disposeWithMe(
-      Le(
+      Oe(
         t.changeStart$.subscribe(() => {
           r.forEach((s) => s.dispose()), r.length = 0;
         })
@@ -2272,21 +2504,21 @@ let cn = class extends Et {
       {
         label: "image-popup.edit",
         index: 0,
-        commandId: ft.id,
+        commandId: yt.id,
         commandParams: { unitId: e, subUnitId: n, drawingId: t },
-        disable: !!At.includes(e)
+        disable: !!zt.includes(e)
       },
       {
         label: "image-popup.delete",
         index: 1,
-        commandId: Cn.id,
+        commandId: yn.id,
         commandParams: { unitId: e, drawings: [{ unitId: e, subUnitId: n, drawingId: t }] },
         disable: !1
       },
       {
         label: "image-popup.crop",
         index: 2,
-        commandId: Zt.id,
+        commandId: di.id,
         commandParams: { unitId: e, subUnitId: n, drawingId: t },
         disable: !0
         // TODO: @JOCS, feature is not ready.
@@ -2294,7 +2526,7 @@ let cn = class extends Et {
       {
         label: "image-popup.reset",
         index: 3,
-        commandId: Qt.id,
+        commandId: li.id,
         commandParams: [{ unitId: e, subUnitId: n, drawingId: t }],
         disable: !0
         // TODO: @JOCS, feature is not ready.
@@ -2302,22 +2534,22 @@ let cn = class extends Et {
     ];
   }
 };
-cn = mr([
-  je(0, Ie),
-  je(1, ve(vi)),
-  je(2, ee),
-  je(3, K),
-  je(4, jn)
-], cn);
-var ur = Object.getOwnPropertyDescriptor, fr = (i, e, n, t) => {
-  for (var r = t > 1 ? void 0 : t ? ur(e, n) : e, o = i.length - 1, s; o >= 0; o--)
+ln = yr([
+  ze(0, Ie),
+  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--)
     (s = i[o]) && (r = s(r) || r);
   return r;
-}, xe = (i, e) => (n, t) => e(n, t, i);
-let wn = class extends Xe {
+}, Le = (i, e) => (n, t) => e(n, t, i);
+let Sn = class extends Ge {
   constructor(e, n, t, r, o, s, a, d) {
     super();
-    Ce(this, "_liquid", new $n());
+    _e(this, "_liquid", new et());
     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() {
@@ -2331,7 +2563,7 @@ let wn = class extends Xe {
     });
   }
   _commandExecutedListener() {
-    const e = [J.id, _i.id];
+    const e = [ne.id, ot.id];
     this.disposeWithMe(
       this._commandService.onCommandExecuted((n) => {
         if (e.includes(n.id)) {
@@ -2341,7 +2573,7 @@ let wn = class extends Xe {
           const a = this._docSkeletonManagerService.getSkeleton();
           if (a == null)
             return;
-          if (this._editorService.isEditor(o) && o !== In) {
+          if (this._editorService.isEditor(o) && o !== Cn) {
             s == null || s.makeDirty();
             return;
           }
@@ -2352,9 +2584,9 @@ let wn = class extends Xe {
   }
   _initResize() {
     this.disposeWithMe(
-      Lt(this._context.engine.onTransformChange$).pipe(
-        Ln((e) => e.type === ri.resize),
-        Xn(16)
+      Qn(this._context.engine.onTransformChange$).pipe(
+        Gn((e) => e.type === pi.resize),
+        at(16)
       ).subscribe(() => {
         var t;
         const e = this._docSkeletonManagerService.getSkeleton(), { scene: n } = this._context;
@@ -2363,42 +2595,42 @@ let wn = class extends Xe {
     );
   }
   _refreshDrawing(e) {
-    var O, D;
+    var O, C;
     const n = e == null ? void 0 : e.getSkeletonData(), { mainComponent: t, unitId: r } = this._context, o = t;
     if (!n)
       return;
-    const { left: s, top: a, pageLayoutType: d, pageMarginLeft: c, pageMarginTop: l } = o, { pages: m, skeHeaders: g, skeFooters: p } = n, h = {};
+    const { left: s, top: a, pageLayoutType: d, pageMarginLeft: c, pageMarginTop: l } = o, { pages: m, skeHeaders: g, skeFooters: w } = n, u = {};
     this._liquid.reset();
     for (let T = 0, M = m.length; T < M; T++) {
-      const y = m[T], { headerId: E, footerId: U, pageWidth: N } = y;
-      if (E) {
-        const I = (O = g.get(E)) == null ? void 0 : O.get(N);
+      const b = m[T], { headerId: N, footerId: B, pageWidth: E } = b;
+      if (N) {
+        const I = (O = g.get(N)) == null ? void 0 : O.get(E);
         I && this._calculateDrawingPosition(
           r,
           I,
           s,
           a,
-          h,
+          u,
           I.marginTop,
-          y.marginLeft
+          b.marginLeft
         );
       }
-      if (U) {
-        const I = (D = p.get(U)) == null ? void 0 : D.get(N);
+      if (B) {
+        const I = (C = w.get(B)) == null ? void 0 : C.get(E);
         I && this._calculateDrawingPosition(
           r,
           I,
           s,
           a,
-          h,
-          y.pageHeight - y.marginBottom + I.marginTop,
-          y.marginLeft
+          u,
+          b.pageHeight - b.marginBottom + I.marginTop,
+          b.marginLeft
         );
       }
-      this._calculateDrawingPosition(r, y, s, a, h, y.marginTop, y.marginLeft), this._liquid.translatePage(y, d, c, l);
+      this._calculateDrawingPosition(r, b, s, a, u, b.marginTop, b.marginLeft), this._liquid.translatePage(b, d, c, l);
     }
-    const v = Object.values(h), w = v.filter((T) => !T.isMultiTransform), S = v.filter((T) => T.isMultiTransform);
-    w.length > 0 && this._drawingManagerService.refreshTransform(w), this._handleMultiDrawingsTransform(S);
+    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);
   }
   _handleMultiDrawingsTransform(e) {
     const { scene: n, unitId: t } = this._context, r = n.getTransformerByCreate();
@@ -2406,7 +2638,7 @@ let wn = class extends Xe {
       const c = this._drawingManagerService.getDrawingByParam(d);
       c != null && (c.transform = d.transform, c.transforms = d.transforms, c.isMultiTransform = d.isMultiTransform);
     });
-    const s = [...r.getSelectedObjectMap().keys()], a = Object.values(this._drawingManagerService.getDrawingData(t, t)).filter((d) => d.isMultiTransform === oe.TRUE);
+    const s = [...r.getSelectedObjectMap().keys()], a = Object.values(this._drawingManagerService.getDrawingData(t, t)).filter((d) => d.isMultiTransform === se.TRUE);
     this._drawingManagerService.removeNotification(a), e.length > 0 && this._drawingManagerService.addNotification(e);
     for (const d of s) {
       const c = n.getObject(d);
@@ -2419,22 +2651,22 @@ let wn = class extends Xe {
       marginTop: s,
       marginLeft: a
     }), d.forEach((c) => {
-      const { aLeft: l, aTop: m, height: g, width: p, angle: h, drawingId: v, drawingOrigin: w } = c, S = w.layoutType === H.WRAP_NONE && w.behindDoc === oe.TRUE, { isMultiTransform: O = oe.FALSE } = w, D = {
+      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,
         top: m + r + this._liquid.y,
-        width: p,
+        width: w,
         height: g,
-        angle: h
+        angle: u
       };
-      o[v] == null ? o[v] = {
+      o[h] == null ? o[h] = {
         unitId: e,
         subUnitId: e,
-        drawingId: v,
+        drawingId: h,
         behindText: S,
-        transform: D,
-        transforms: [D],
+        transform: C,
+        transforms: [C],
         isMultiTransform: O
-      } : O === oe.TRUE && o[v].transforms.push(D);
+      } : O === se.TRUE && o[h].transforms.push(C);
     }), this._liquid.restorePagePadding({
       marginTop: s,
       marginLeft: a
@@ -2445,75 +2677,77 @@ let wn = class extends Xe {
       const n = this._docSkeletonManagerService.getSkeleton();
       n != null && (this._refreshDrawing(n), this._drawingManagerService.initializeNotification(this._context.unitId));
     };
-    this._lifecycleService.stage === Pn.Steady ? setTimeout(() => {
+    this._lifecycleService.stage === En.Steady ? setTimeout(() => {
       e();
-    }, 1e3) : this._lifecycleService.lifecycle$.pipe(Ln((n) => n === Pn.Steady)).subscribe(e);
+    }, 1e3) : this._lifecycleService.lifecycle$.pipe(Gn((n) => n === En.Steady)).subscribe(e);
   }
 };
-wn = fr([
-  xe(1, ve(se)),
-  xe(2, z),
-  xe(3, Ii),
-  xe(4, Ie),
-  xe(5, ve(gn)),
-  xe(6, K),
-  xe(7, ve(xt))
-], wn);
-var hr = Object.defineProperty, pr = Object.getOwnPropertyDescriptor, wr = (i, e, n) => e in i ? hr(i, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : i[e] = n, vr = (i, e, n, t) => {
-  for (var r = t > 1 ? void 0 : t ? pr(e, n) : e, o = i.length - 1, s; o >= 0; o--)
+Sn = Pr([
+  Le(1, pe(te)),
+  Le(2, $),
+  Le(3, Ei),
+  Le(4, Ie),
+  Le(5, pe(un)),
+  Le(6, q),
+  Le(7, pe(Xt))
+], Sn);
+var Mr = Object.defineProperty, Rr = Object.getOwnPropertyDescriptor, Er = (i, e, n) => e in i ? Mr(i, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : i[e] = n, Nr = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? Rr(e, n) : e, o = i.length - 1, s; o >= 0; o--)
     (s = i[o]) && (r = s(r) || r);
   return r;
-}, pn = (i, e) => (n, t) => e(n, t, i), vt = (i, e, n) => wr(i, typeof e != "symbol" ? e + "" : e, n);
-const Ir = "DOC_DRAWING_UI_PLUGIN";
-let dn = class extends Ft {
-  constructor(i = Fn, e, n, t) {
+}, In = (i, e) => (n, t) => e(n, t, i), Rt = (i, e, n) => Er(i, typeof e != "symbol" ? e + "" : e, n);
+const Ar = "DOC_DRAWING_UI_PLUGIN";
+let gn = class extends Zt {
+  constructor(i = zn, e, n, t) {
     super(), this._config = i, this._injector = e, this._renderManagerSrv = n, this._configService = t;
-    const { ...r } = Ht(
+    const { ...r } = Qt(
       {},
-      Fn,
+      zn,
       this._config
     );
-    this._configService.setConfig(Ti, r);
+    this._configService.setConfig(Bi, r);
   }
   onStarting() {
     [
-      [an],
       [cn],
+      [ln],
+      [sn],
       [on],
-      [rn],
-      [gn]
+      [un],
+      [dn]
     ].forEach((e) => this._injector.add(e));
   }
   onReady() {
     [
-      [sn],
-      [wn]
-    ].forEach((i) => this._renderManagerSrv.registerRenderModule(be.UNIVER_DOC, i)), this._injector.get(rn), this._injector.get(an), this._injector.get(on);
+      [an],
+      [Sn]
+    ].forEach((i) => this._renderManagerSrv.registerRenderModule(Se.UNIVER_DOC, i)), this._injector.get(on), this._injector.get(cn), this._injector.get(sn);
   }
   onRendered() {
-    this._injector.get(cn);
+    this._injector.get(ln), this._injector.get(dn);
   }
 };
-vt(dn, "type", be.UNIVER_DOC);
-vt(dn, "pluginName", Ir);
-dn = vr([
-  Bt(Jt, qt, Wt, mi),
-  pn(1, ve(Ut)),
-  pn(2, ee),
-  pn(3, kt)
-], dn);
+Rt(gn, "type", Se.UNIVER_DOC);
+Rt(gn, "pluginName", Ar);
+gn = Nr([
+  qt(gi, ri, Jt, Ti),
+  In(1, pe(Kt)),
+  In(2, J),
+  In(3, Yt)
+], gn);
 export {
-  Wi as ClearDocDrawingTransformerOperation,
-  pt as DOCS_IMAGE_MENU_ID,
-  st as DeleteDocDrawingsCommand,
-  ft as EditDocDrawingOperation,
-  at as GroupDocDrawingCommand,
-  ct as InsertDocDrawingCommand,
-  gt as InsertDocImageCommand,
-  Ke as MoveDocDrawingsCommand,
-  Cn as RemoveDocDrawingCommand,
-  dt as SetDocDrawingArrangeCommand,
-  ut as SidebarDocDrawingOperation,
-  lt as UngroupDocDrawingCommand,
-  dn as UniverDocsDrawingUIPlugin
+  Ji as ClearDocDrawingTransformerOperation,
+  Pt as DOCS_IMAGE_MENU_ID,
+  It as DeleteDocDrawingsCommand,
+  dn as DocFloatDomController,
+  yt as EditDocDrawingOperation,
+  _t as GroupDocDrawingCommand,
+  bn as InsertDocDrawingCommand,
+  Ct as InsertDocImageCommand,
+  Ye as MoveDocDrawingsCommand,
+  yn as RemoveDocDrawingCommand,
+  St as SetDocDrawingArrangeCommand,
+  Tt as SidebarDocDrawingOperation,
+  Dt as UngroupDocDrawingCommand,
+  gn as UniverDocsDrawingUIPlugin
 };