@univerjs/docs-drawing-ui 0.7.0-nightly.202505131607 → 0.7.0

package/lib/es/index.js

@@ -1,204 +1,204 @@
 var kn = Object.defineProperty;
-var Wn = (i, e, t) => e in i ? kn(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
-var Ie = (i, e, t) => Wn(i, typeof e != "symbol" ? e + "" : e, t);
-import { CommandType as q, ICommandService as j, IUniverInstanceService as z, TextX as Dt, JSONX as $, MemoryCursor as Hn, TextXActionType as Y, IUndoRedoService as Zt, BuildTextUtils as Gn, ArrangeTypeEnum as Qe, Tools as be, Inject as Z, IContextService as Qt, LocaleService as gt, Disposable as Le, WrapTextType as Xe, PositionedObjectLayoutType as k, BooleanNumber as se, DrawingTypeEnum as Pe, ObjectRelativeFromV as W, ObjectRelativeFromH as J, FOCUSING_COMMON_DRAWINGS as it, UniverInstanceType as we, Direction as fe, DocumentFlavor as pt, DOCS_ZEN_EDITOR_UNIT_ID_KEY as Ot, FOCUSING_UNIVER_EDITOR as jn, UndoCommand as Vn, RedoCommand as $n, DisposableCollection as zn, toDisposable as De, fromEventSubject as Jt, generateRandomId as Xn, Injector as en, DOC_DRAWING_PRINTING_COMPONENT_KEY as qn, throttle as Et, COLORS as Kn, RxDisposable as Yn, LifecycleService as Zn, LifecycleStages as Rt, DependentOn as Qn, IConfigService as Jn, Plugin as ei, merge as ti } from "@univerjs/core";
-import { IDocDrawingService as Ue, UniverDocsDrawingPlugin as ni } from "@univerjs/docs-drawing";
-import { IImageIoService as ii, IDrawingManagerService as me, DRAWING_IMAGE_ALLOW_IMAGE_LIST as ri, DRAWING_IMAGE_COUNT_LIMIT as At, ImageUploadStatusType as vt, DRAWING_IMAGE_ALLOW_SIZE as si, getImageSize as oi, getDrawingShapeKeyByDrawingSearch as ai, DRAWING_IMAGE_WIDTH_LIMIT as Pt, DRAWING_IMAGE_HEIGHT_LIMIT as Lt, UniverDrawingPlugin as ci } from "@univerjs/drawing";
-import { DrawingCommonPanel as di, DrawingRenderService as tn, ImageCropperObject as li, COMPONENT_IMAGE_POPUP_MENU as ui, OpenImageCropOperation as gi, ImageResetSizeOperation as fi, UniverDrawingUIPlugin as hi } from "@univerjs/drawing-ui";
-import { IRenderManagerService as Q, DocumentEditArea as We, getCurrentTypeOfRenderer as mi, CURSOR_TYPE as Ut, Liquid as nn, PageLayoutType as Bt, DocumentSkeletonPageType as Ft, Vector2 as pi, Rect as vi, getColor as wi, TRANSFORM_CHANGE_OBSERVABLE_TYPE as Ii } from "@univerjs/engine-render";
-import { IMessageService as _i, ILocalFileService as Si, ISidebarService as Di, useDependency as ve, getMenuHiddenObservable as rn, MenuItemType as sn, RibbonStartGroup as Oi, KeyCode as He, ComponentManager as on, IMenuManagerService as yi, IShortcutService as Ti, CanvasFloatDomService as Mi, PrintFloatDomSingle as bi, connectInjector as xi, UniverUIPlugin as Ci } from "@univerjs/ui";
-import { RichTextEditingMutation as ee, DocSelectionManagerService as yt, DocSkeletonManagerService as te } from "@univerjs/docs";
-import { DocSelectionRenderService as xe, getRichTextEditPath as qe, getCustomBlockIdsInSelections as Ni, docDrawingPositionToTransform as an, VIEWPORT_KEY as cn, SetDocZoomRatioOperation as dn, DocPrintInterceptorService as Ei, NodePositionConvertToCursor as kt, getOneTextSelectionRange as Wt, getAnchorBounding as Ri, TEXT_RANGE_LAYER_INDEX as Ai, getDocObject as Pi, DocCanvasPopManagerService as Li, IEditorService as Ui } from "@univerjs/docs-ui";
-import { MessageType as Ht, clsx as _t, InputNumber as ke, Select as Gt, Checkbox as Bi, borderTopClassName as ln, RadioGroup as jt, Radio as Me, render as Fi, unmount as ki } from "@univerjs/design";
-import { BehaviorSubject as Tt, debounceTime as un, Observable as Wi, map as Vt, switchMap as Hi, of as Gi, takeUntil as $t, filter as zt } from "rxjs";
-import { jsxs as X, jsx as m } from "react/jsx-runtime";
-import { forwardRef as gn, useRef as ji, createElement as fn, useState as re, useEffect as Mt, useMemo as Vi } from "react";
-const $i = "docs-drawing-ui.config", Xt = {};
+var Fn = (r, e, t) => e in r ? kn(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t;
+var Ie = (r, e, t) => Fn(r, typeof e != "symbol" ? e + "" : e, t);
+import { CommandType as q, ICommandService as j, IUniverInstanceService as z, TextX as St, JSONX as $, MemoryCursor as Wn, TextXActionType as Y, IUndoRedoService as Yt, BuildTextUtils as Hn, ArrangeTypeEnum as Qe, Tools as be, Inject as Z, IContextService as Zt, LocaleService as ut, Disposable as Le, WrapTextType as Xe, PositionedObjectLayoutType as F, BooleanNumber as oe, DrawingTypeEnum as Ne, ObjectRelativeFromV as W, ObjectRelativeFromH as J, FOCUSING_COMMON_DRAWINGS as rt, UniverInstanceType as we, Direction as fe, DocumentFlavor as mt, DOCS_ZEN_EDITOR_UNIT_ID_KEY as Dt, FOCUSING_UNIVER_EDITOR as Gn, UndoCommand as jn, RedoCommand as Vn, DisposableCollection as $n, toDisposable as De, fromEventSubject as Qt, generateRandomId as zn, Injector as Jt, DOC_DRAWING_PRINTING_COMPONENT_KEY as Xn, throttle as Rt, COLORS as qn, RxDisposable as Kn, LifecycleService as Yn, LifecycleStages as At, DependentOn as Zn, IConfigService as Qn, Plugin as Jn, merge as er } from "@univerjs/core";
+import { IDocDrawingService as Ue, UniverDocsDrawingPlugin as tr } from "@univerjs/docs-drawing";
+import { IImageIoService as nr, IDrawingManagerService as pe, DRAWING_IMAGE_ALLOW_IMAGE_LIST as rr, DRAWING_IMAGE_COUNT_LIMIT as Pt, ImageUploadStatusType as vt, DRAWING_IMAGE_ALLOW_SIZE as ir, getImageSize as or, getDrawingShapeKeyByDrawingSearch as sr, DRAWING_IMAGE_WIDTH_LIMIT as xt, DRAWING_IMAGE_HEIGHT_LIMIT as Nt, UniverDrawingPlugin as ar } from "@univerjs/drawing";
+import { DrawingCommonPanel as cr, DrawingRenderService as en, ImageCropperObject as dr, COMPONENT_IMAGE_POPUP_MENU as gr, OpenImageCropOperation as lr, ImageResetSizeOperation as ur, UniverDrawingUIPlugin as fr } from "@univerjs/drawing-ui";
+import { IRenderManagerService as Q, DocumentEditArea as We, getCurrentTypeOfRenderer as hr, CURSOR_TYPE as Lt, Liquid as tn, PageLayoutType as Ut, DocumentSkeletonPageType as Bt, Vector2 as pr, Rect as mr, getColor as vr, TRANSFORM_CHANGE_OBSERVABLE_TYPE as wr } from "@univerjs/engine-render";
+import { IMessageService as Ir, ILocalFileService as _r, ISidebarService as Sr, useDependency as ve, getMenuHiddenObservable as nn, MenuItemType as rn, RibbonStartGroup as Dr, KeyCode as He, ComponentManager as on, IMenuManagerService as Or, IShortcutService as yr, CanvasFloatDomService as Tr, PrintFloatDomSingle as Mr, connectInjector as br, UniverUIPlugin as Cr } from "@univerjs/ui";
+import { RichTextEditingMutation as ee, DocSelectionManagerService as Ot, DocSkeletonManagerService as te } from "@univerjs/docs";
+import { DocSelectionRenderService as Ce, getRichTextEditPath as qe, getCustomBlockIdsInSelections as Er, docDrawingPositionToTransform as sn, VIEWPORT_KEY as an, SetDocZoomRatioOperation as cn, DocPrintInterceptorService as Rr, NodePositionConvertToCursor as kt, getOneTextSelectionRange as Ft, getAnchorBounding as Ar, TEXT_RANGE_LAYER_INDEX as Pr, getDocObject as xr, DocCanvasPopManagerService as Nr, IEditorService as Lr } from "@univerjs/docs-ui";
+import { MessageType as Wt, clsx as dn, InputNumber as Fe, Select as Ht, Checkbox as Ur, RadioGroup as Gt, Radio as Me, render as Br, unmount as kr } from "@univerjs/design";
+import { BehaviorSubject as yt, debounceTime as gn, Observable as Fr, map as jt, switchMap as Wr, of as Hr, takeUntil as Vt, filter as $t } from "rxjs";
+import { jsxs as X, jsx as T } from "react/jsx-runtime";
+import { forwardRef as ln, useRef as Gr, createElement as un, useState as ie, useEffect as Tt, useMemo as jr } from "react";
+const Vr = "docs-drawing-ui.config", zt = {};
 var he = function() {
-  return he = Object.assign || function(i) {
+  return he = Object.assign || function(r) {
     for (var e, t = 1, n = arguments.length; t < n; t++) {
       e = arguments[t];
-      for (var r in e) Object.prototype.hasOwnProperty.call(e, r) && (i[r] = e[r]);
+      for (var i in e) Object.prototype.hasOwnProperty.call(e, i) && (r[i] = e[i]);
     }
-    return i;
+    return r;
   }, he.apply(this, arguments);
-}, zi = function(i, e) {
+}, $r = function(r, e) {
   var t = {};
-  for (var n in i) Object.prototype.hasOwnProperty.call(i, n) && e.indexOf(n) < 0 && (t[n] = i[n]);
-  if (i != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var r = 0, n = Object.getOwnPropertySymbols(i); r < n.length; r++)
-      e.indexOf(n[r]) < 0 && Object.prototype.propertyIsEnumerable.call(i, n[r]) && (t[n[r]] = i[n[r]]);
+  for (var n in r) Object.prototype.hasOwnProperty.call(r, n) && e.indexOf(n) < 0 && (t[n] = r[n]);
+  if (r != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var i = 0, n = Object.getOwnPropertySymbols(r); i < n.length; i++)
+      e.indexOf(n[i]) < 0 && Object.prototype.propertyIsEnumerable.call(r, n[i]) && (t[n[i]] = r[n[i]]);
   return t;
-}, hn = gn(function(i, e) {
-  var t = i.icon, n = i.id, r = i.className, s = i.extend, o = zi(i, ["icon", "id", "className", "extend"]), c = "univerjs-icon univerjs-icon-".concat(n, " ").concat(r || "").trim(), d = ji("_".concat(Ki()));
-  return mn(t, "".concat(n), { defIds: t.defIds, idSuffix: d.current }, he({ ref: e, className: c }, o), s);
+}, fn = ln(function(r, e) {
+  var t = r.icon, n = r.id, i = r.className, o = r.extend, s = $r(r, ["icon", "id", "className", "extend"]), c = "univerjs-icon univerjs-icon-".concat(n, " ").concat(i || "").trim(), d = Gr("_".concat(qr()));
+  return hn(t, "".concat(n), { defIds: t.defIds, idSuffix: d.current }, he({ ref: e, className: c }, s), o);
 });
-function mn(i, e, t, n, r) {
-  return fn(i.tag, he(he({ key: e }, Xi(i, t, r)), n), (qi(i, t).children || []).map(function(s, o) {
-    return mn(s, "".concat(e, "-").concat(i.tag, "-").concat(o), t, void 0, r);
+function hn(r, e, t, n, i) {
+  return un(r.tag, he(he({ key: e }, zr(r, t, i)), n), (Xr(r, t).children || []).map(function(o, s) {
+    return hn(o, "".concat(e, "-").concat(r.tag, "-").concat(s), t, void 0, i);
   }));
 }
-function Xi(i, e, t) {
-  var n = he({}, i.attrs);
-  t != null && t.colorChannel1 && n.fill === "colorChannel1" && (n.fill = t.colorChannel1), i.tag === "mask" && n.id && (n.id = n.id + e.idSuffix), Object.entries(n).forEach(function(s) {
-    var o = s[0], c = s[1];
-    o === "mask" && typeof c == "string" && (n[o] = c.replace(/url\(#(.*)\)/, "url(#$1".concat(e.idSuffix, ")")));
+function zr(r, e, t) {
+  var n = he({}, r.attrs);
+  t != null && t.colorChannel1 && n.fill === "colorChannel1" && (n.fill = t.colorChannel1), r.tag === "mask" && n.id && (n.id = n.id + e.idSuffix), Object.entries(n).forEach(function(o) {
+    var s = o[0], c = o[1];
+    s === "mask" && typeof c == "string" && (n[s] = c.replace(/url\(#(.*)\)/, "url(#$1".concat(e.idSuffix, ")")));
   });
-  var r = e.defIds;
-  return !r || r.length === 0 || (i.tag === "use" && n["xlink:href"] && (n["xlink:href"] = n["xlink:href"] + e.idSuffix), Object.entries(n).forEach(function(s) {
-    var o = s[0], c = s[1];
-    typeof c == "string" && (n[o] = c.replace(/url\(#(.*)\)/, "url(#$1".concat(e.idSuffix, ")")));
+  var i = e.defIds;
+  return !i || i.length === 0 || (r.tag === "use" && n["xlink:href"] && (n["xlink:href"] = n["xlink:href"] + e.idSuffix), Object.entries(n).forEach(function(o) {
+    var s = o[0], c = o[1];
+    typeof c == "string" && (n[s] = c.replace(/url\(#(.*)\)/, "url(#$1".concat(e.idSuffix, ")")));
   })), n;
 }
-function qi(i, e) {
+function Xr(r, e) {
   var t, n = e.defIds;
-  return !n || n.length === 0 ? i : i.tag === "defs" && (!((t = i.children) === null || t === void 0) && t.length) ? he(he({}, i), { children: i.children.map(function(r) {
-    return typeof r.attrs.id == "string" && n && n.indexOf(r.attrs.id) > -1 ? he(he({}, r), { attrs: he(he({}, r.attrs), { id: r.attrs.id + e.idSuffix }) }) : r;
-  }) }) : i;
+  return !n || n.length === 0 ? r : r.tag === "defs" && (!((t = r.children) === null || t === void 0) && t.length) ? he(he({}, r), { children: r.children.map(function(i) {
+    return typeof i.attrs.id == "string" && n && n.indexOf(i.attrs.id) > -1 ? he(he({}, i), { attrs: he(he({}, i.attrs), { id: i.attrs.id + e.idSuffix }) }) : i;
+  }) }) : r;
 }
-function Ki() {
+function qr() {
   return Math.random().toString(36).substring(2, 8);
 }
-hn.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" } }] }, pn = gn(function(i, e) {
-  return fn(hn, Object.assign({}, i, {
+fn.displayName = "UniverIcon";
+var Kr = { 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" } }] }, pn = ln(function(r, e) {
+  return un(fn, Object.assign({}, r, {
     id: "add-image-single",
     ref: e,
-    icon: Yi
+    icon: Kr
   }));
 });
 pn.displayName = "AddImageSingle";
-const bt = {
+const Mt = {
   id: "doc.command.remove-doc-image",
   type: q.COMMAND,
   // eslint-disable-next-line max-lines-per-function
-  handler: (i, e) => {
-    var x, M, E, U;
-    const t = i.get(j), n = i.get(z), r = i.get(Q), s = n.getCurrentUniverDocInstance();
-    if (e == null || s == null)
+  handler: (r, e) => {
+    var C, M, A, U;
+    const t = r.get(j), n = r.get(z), i = r.get(Q), o = n.getCurrentUniverDocInstance();
+    if (e == null || o == null)
       return !1;
-    const o = r.getRenderById(e.unitId).with(xe), { drawings: c } = e, d = (x = o.getSegment()) != null ? x : "", a = new Dt(), l = $.getInstance(), g = (E = (M = s.getSelfOrHeaderFooterModel(d).getBody()) == null ? void 0 : M.customBlocks) != null ? E : [], u = c.map((N) => g.find((I) => I.blockId === N.drawingId)).filter((N) => !!N).sort((N, I) => N.startIndex > I.startIndex ? 1 : -1), h = c[0].unitId, f = new Hn();
+    const s = i.getRenderById(e.unitId).with(Ce), { drawings: c } = e, d = (C = s.getSegment()) != null ? C : "", a = new St(), g = $.getInstance(), u = (A = (M = o.getSelfOrHeaderFooterModel(d).getBody()) == null ? void 0 : M.customBlocks) != null ? A : [], l = c.map((R) => u.find((w) => w.blockId === R.drawingId)).filter((R) => !!R).sort((R, w) => R.startIndex > w.startIndex ? 1 : -1), h = c[0].unitId, f = new Wn();
     f.reset();
-    const v = u[0].startIndex, p = [
+    const m = l[0].startIndex, p = [
       {
-        startOffset: v,
-        endOffset: v
+        startOffset: m,
+        endOffset: m
       }
-    ], w = {
+    ], v = {
       id: ee.id,
       params: {
         unitId: h,
         actions: [],
         textRanges: p
       }
-    }, O = [];
-    for (const N of u) {
-      const { startIndex: I } = N;
-      I > f.cursor && a.push({
+    }, D = [];
+    for (const R of l) {
+      const { startIndex: w } = R;
+      w > f.cursor && a.push({
         t: Y.RETAIN,
-        len: I - f.cursor
+        len: w - f.cursor
       }), a.push({
         t: Y.DELETE,
         len: 1
-      }), f.moveCursorTo(I + 1);
+      }), f.moveCursorTo(w + 1);
     }
-    const D = qe(s, d);
-    O.push(l.editOp(a.serialize(), D));
-    for (const N of u) {
-      const { blockId: I } = N, P = ((U = s.getDrawings()) != null ? U : {})[I], A = s.getDrawingsOrder().indexOf(I), G = l.removeOp(["drawings", I], P), _ = l.removeOp(["drawingsOrder", A], I);
-      O.push(G), O.push(_);
+    const S = qe(o, d);
+    D.push(g.editOp(a.serialize(), S));
+    for (const R of l) {
+      const { blockId: w } = R, N = ((U = o.getDrawings()) != null ? U : {})[w], x = o.getDrawingsOrder().indexOf(w), G = g.removeOp(["drawings", w], N), I = g.removeOp(["drawingsOrder", x], w);
+      D.push(G), D.push(I);
     }
-    return w.params.actions = O.reduce((N, I) => $.compose(N, I), null), !!t.syncExecuteCommand(w.id, w.params);
+    return v.params.actions = D.reduce((R, w) => $.compose(R, w), null), !!t.syncExecuteCommand(v.id, v.params);
   }
-}, vn = {
+}, mn = {
   id: "doc.command.delete-drawing",
   type: q.COMMAND,
-  handler: (i) => {
-    const e = i.get(j), n = i.get(Ue).getFocusDrawings();
+  handler: (r) => {
+    const e = r.get(j), n = r.get(Ue).getFocusDrawings();
     if (n.length === 0)
       return !1;
-    const { unitId: r } = n[0], s = n.map((o) => {
-      const { unitId: c, subUnitId: d, drawingId: a, drawingType: l } = o;
+    const { unitId: i } = n[0], o = n.map((s) => {
+      const { unitId: c, subUnitId: d, drawingId: a, drawingType: g } = s;
       return {
         unitId: c,
         subUnitId: d,
         drawingId: a,
-        drawingType: l
+        drawingType: g
       };
     });
-    return e.executeCommand(bt.id, {
-      unitId: r,
-      drawings: s
+    return e.executeCommand(Mt.id, {
+      unitId: i,
+      drawings: o
     });
   }
-}, wn = {
+}, vn = {
   id: "doc.command.group-doc-image",
   type: q.COMMAND,
-  handler: (i, e) => {
-    i.get(j), i.get(Zt);
-    const t = i.get(Ue);
+  handler: (r, e) => {
+    r.get(j), r.get(Yt);
+    const t = r.get(Ue);
     if (!e) return !1;
     const n = [];
-    e.forEach(({ parent: l, children: g }) => {
-      n.push(l.unitId), g.forEach((u) => {
-        n.push(u.unitId);
+    e.forEach(({ parent: g, children: u }) => {
+      n.push(g.unitId), u.forEach((l) => {
+        n.push(l.unitId);
       });
     });
-    const r = t.getGroupDrawingOp(e), { unitId: s, subUnitId: o, undo: c, redo: d, objects: a } = r;
+    const i = t.getGroupDrawingOp(e), { unitId: o, subUnitId: s, undo: c, redo: d, objects: a } = i;
     return !1;
   }
-}, xt = {
+}, bt = {
   id: "doc.command.insert-doc-image",
   type: q.COMMAND,
   // eslint-disable-next-line max-lines-per-function
-  handler: (i, e) => {
-    var M, E, U, N;
+  handler: (r, e) => {
+    var M, A, U, R;
     if (e == null)
       return !1;
-    const t = i.get(j), n = i.get(yt), r = i.get(z), s = n.getActiveTextRange(), o = r.getCurrentUniverDocInstance();
-    if (s == null || o == null)
+    const t = r.get(j), n = r.get(Ot), i = r.get(z), o = n.getActiveTextRange(), s = i.getCurrentUniverDocInstance();
+    if (o == null || s == null)
       return !1;
-    const c = o.getUnitId(), { drawings: d } = e, { collapsed: a, startOffset: l, segmentId: g } = s, u = o.getSelfOrHeaderFooterModel(g).getBody();
-    if (u == null)
+    const c = s.getUnitId(), { drawings: d } = e, { collapsed: a, startOffset: g, segmentId: u } = o, l = s.getSelfOrHeaderFooterModel(u).getBody();
+    if (l == null)
       return !1;
-    const h = new Dt(), f = $.getInstance(), v = [], p = (E = (M = o.getSnapshot().drawingsOrder) == null ? void 0 : M.length) != null ? E : 0;
-    let w = 0;
+    const h = new St(), f = $.getInstance(), m = [], p = (A = (M = s.getSnapshot().drawingsOrder) == null ? void 0 : M.length) != null ? A : 0;
+    let v = 0;
     if (a)
-      l > 0 && h.push({
+      g > 0 && h.push({
         t: Y.RETAIN,
-        len: l
+        len: g
       });
     else {
-      const I = Gn.selection.delete([s], u, 0, null, !1);
-      h.push(...I);
-      const P = Ni(u, [s]), H = (U = o.getDrawings()) != null ? U : {}, A = (N = o.getDrawingsOrder()) != null ? N : [], G = P.sort((_, S) => A.indexOf(_) > A.indexOf(S) ? -1 : A.indexOf(_) < A.indexOf(S) ? 1 : 0);
+      const w = Hn.selection.delete([o], l, 0, null, !1);
+      h.push(...w);
+      const N = Er(l, [o]), H = (U = s.getDrawings()) != null ? U : {}, x = (R = s.getDrawingsOrder()) != null ? R : [], G = N.sort((I, _) => x.indexOf(I) > x.indexOf(_) ? -1 : x.indexOf(I) < x.indexOf(_) ? 1 : 0);
       if (G.length > 0)
-        for (const _ of G) {
-          const S = H[_], C = A.indexOf(_);
-          if (S == null || C < 0)
+        for (const I of G) {
+          const _ = H[I], E = x.indexOf(I);
+          if (_ == null || E < 0)
             continue;
-          const T = f.removeOp(["drawings", _], S), L = f.removeOp(["drawingsOrder", C], _);
-          v.push(T), v.push(L), w++;
+          const y = f.removeOp(["drawings", I], _), L = f.removeOp(["drawingsOrder", E], I);
+          m.push(y), m.push(L), v++;
         }
     }
     h.push({
       t: Y.INSERT,
       body: {
         dataStream: "\b".repeat(d.length),
-        customBlocks: d.map((I, P) => ({
-          startIndex: P,
-          blockId: I.drawingId
+        customBlocks: d.map((w, N) => ({
+          startIndex: N,
+          blockId: w.drawingId
         }))
       },
       len: d.length
     });
-    const O = qe(o, g), D = f.editOp(h.serialize(), O);
-    v.push(D);
-    for (const I of d) {
-      const { drawingId: P } = I, H = f.insertOp(["drawings", P], I), A = f.insertOp(["drawingsOrder", p - w], P);
-      v.push(H), v.push(A);
+    const D = qe(s, u), S = f.editOp(h.serialize(), D);
+    m.push(S);
+    for (const w of d) {
+      const { drawingId: N } = w, H = f.insertOp(["drawings", N], w), x = f.insertOp(["drawingsOrder", p - v], N);
+      m.push(H), m.push(x);
     }
-    const y = {
+    const O = {
       id: ee.id,
       params: {
         unitId: c,
@@ -206,133 +206,133 @@ const bt = {
         textRanges: []
       }
     };
-    return y.params.actions = v.reduce((I, P) => $.compose(I, P), null), !!t.syncExecuteCommand(y.id, y.params);
+    return O.params.actions = m.reduce((w, N) => $.compose(w, N), null), !!t.syncExecuteCommand(O.id, O.params);
   }
-}, In = {
+}, wn = {
   id: "doc.command.set-drawing-arrange",
   type: q.COMMAND,
-  handler: (i, e) => {
-    const t = i.get(j), n = i.get(Ue);
+  handler: (r, e) => {
+    const t = r.get(j), n = r.get(Ue);
     if (e == null)
       return !1;
-    const { unitId: r, subUnitId: s, drawingIds: o, arrangeType: c } = e, d = { unitId: r, subUnitId: s, drawingIds: o };
+    const { unitId: i, subUnitId: o, drawingIds: s, arrangeType: c } = e, d = { unitId: i, subUnitId: o, drawingIds: s };
     let a;
     if (c === Qe.forward ? a = n.getForwardDrawingsOp(d) : c === Qe.backward ? a = n.getBackwardDrawingOp(d) : c === Qe.front ? a = n.getFrontDrawingsOp(d) : c === Qe.back && (a = n.getBackDrawingsOp(d)), a == null)
       return !1;
-    const { redo: l } = a;
-    if (l == null)
+    const { redo: g } = a;
+    if (g == null)
       return !1;
-    const g = [];
-    let u = be.deepClone(l);
-    u = u.slice(3), u.unshift("drawingsOrder"), g.push(u);
+    const u = [];
+    let l = be.deepClone(g);
+    l = l.slice(3), l.unshift("drawingsOrder"), u.push(l);
     const h = {
       id: ee.id,
       params: {
-        unitId: r,
+        unitId: i,
         actions: [],
         textRanges: null
       }
     };
-    return h.params.actions = g.reduce((v, p) => $.compose(v, p), null), !!t.syncExecuteCommand(h.id, h.params);
+    return h.params.actions = u.reduce((m, p) => $.compose(m, p), null), !!t.syncExecuteCommand(h.id, h.params);
   }
-}, _n = {
+}, In = {
   id: "doc.command.ungroup-doc-image",
   type: q.COMMAND,
-  handler: (i, e) => {
-    i.get(j), i.get(Zt);
-    const t = i.get(Ue);
+  handler: (r, e) => {
+    r.get(j), r.get(Yt);
+    const t = r.get(Ue);
     if (!e) return !1;
     const n = [];
-    e.forEach(({ parent: l, children: g }) => {
-      n.push(l.unitId), g.forEach((u) => {
-        n.push(u.unitId);
+    e.forEach(({ parent: g, children: u }) => {
+      n.push(g.unitId), u.forEach((l) => {
+        n.push(l.unitId);
       });
     });
-    const r = t.getUngroupDrawingOp(e), { unitId: s, subUnitId: o, undo: c, redo: d, objects: a } = r;
+    const i = t.getUngroupDrawingOp(e), { unitId: o, subUnitId: s, undo: c, redo: d, objects: a } = i;
     return !1;
   }
 };
 class ft {
   constructor() {
-    Ie(this, "_refreshDrawings$", new Tt(null));
+    Ie(this, "_refreshDrawings$", new yt(null));
     Ie(this, "refreshDrawings$", this._refreshDrawings$.asObservable());
   }
   refreshDrawings(e) {
     this._refreshDrawings$.next(e);
   }
 }
-var Zi = Object.getOwnPropertyDescriptor, Qi = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? Zi(e, t) : e, s = i.length - 1, o; s >= 0; s--)
-    (o = i[s]) && (r = o(r) || r);
-  return r;
-}, ue = (i, e) => (t, n) => e(t, n, i);
-let rt = class extends Le {
-  constructor(i, e, t, n, r, s, o, c, d, a, l, g, u) {
-    super(), this._context = i, this._commandService = e, this._docSelectionManagerService = t, this._renderManagerSrv = n, this._imageIoService = r, this._docDrawingService = s, this._drawingManagerService = o, this._contextService = c, this._messageService = d, this._localeService = a, this._docSelectionRenderService = l, this._docRefreshDrawingsService = g, this._fileOpenerService = u, this._updateOrderListener(), this._groupDrawingListener(), this._focusDrawingListener(), this._transformDrawingListener(), this._editAreaChangeListener();
+var Yr = Object.getOwnPropertyDescriptor, Zr = (r, e, t, n) => {
+  for (var i = n > 1 ? void 0 : n ? Yr(e, t) : e, o = r.length - 1, s; o >= 0; o--)
+    (s = r[o]) && (i = s(i) || i);
+  return i;
+}, le = (r, e) => (t, n) => e(t, n, r);
+let it = class extends Le {
+  constructor(r, e, t, n, i, o, s, c, d, a, g, u, l) {
+    super(), this._context = r, this._commandService = e, this._docSelectionManagerService = t, this._renderManagerSrv = n, this._imageIoService = i, this._docDrawingService = o, this._drawingManagerService = s, this._contextService = c, this._messageService = d, this._localeService = a, this._docSelectionRenderService = g, this._docRefreshDrawingsService = u, this._fileOpenerService = l, this._updateOrderListener(), this._groupDrawingListener(), this._focusDrawingListener(), this._transformDrawingListener(), this._editAreaChangeListener();
   }
   async insertDocImage() {
-    const i = await this._fileOpenerService.openFile({
+    const r = await this._fileOpenerService.openFile({
       multiple: !0,
-      accept: ri.map((t) => `.${t.replace("image/", "")}`).join(",")
-    }), e = i.length;
-    return e > At ? (this._messageService.show({
-      type: Ht.Error,
-      content: this._localeService.t("update-status.exceedMaxCount", String(At))
-    }), !1) : e === 0 ? !1 : (await this._insertFloatImages(i), !0);
+      accept: rr.map((t) => `.${t.replace("image/", "")}`).join(",")
+    }), e = r.length;
+    return e > Pt ? (this._messageService.show({
+      type: Wt.Error,
+      content: this._localeService.t("update-status.exceedMaxCount", String(Pt))
+    }), !1) : e === 0 ? !1 : (await this._insertFloatImages(r), !0);
   }
   // eslint-disable-next-line max-lines-per-function
-  async _insertFloatImages(i) {
+  async _insertFloatImages(r) {
     let e = [];
     try {
-      e = await Promise.all(i.map((r) => this._imageIoService.saveImage(r)));
-    } catch (r) {
-      const s = r.message;
-      let o = "";
-      switch (s) {
+      e = await Promise.all(r.map((i) => this._imageIoService.saveImage(i)));
+    } catch (i) {
+      const o = i.message;
+      let s = "";
+      switch (o) {
         case vt.ERROR_EXCEED_SIZE:
-          o = this._localeService.t("update-status.exceedMaxSize", String(si / (1024 * 1024)));
+          s = this._localeService.t("update-status.exceedMaxSize", String(ir / (1024 * 1024)));
           break;
         case vt.ERROR_IMAGE_TYPE:
-          o = this._localeService.t("update-status.invalidImageType");
+          s = this._localeService.t("update-status.invalidImageType");
           break;
         case vt.ERROR_IMAGE:
-          o = this._localeService.t("update-status.invalidImage");
+          s = this._localeService.t("update-status.invalidImage");
           break;
       }
       this._messageService.show({
-        type: Ht.Error,
-        content: o
+        type: Wt.Error,
+        content: s
       });
     }
     if (e.length === 0)
       return;
     const { unitId: t } = this._context, n = [];
-    for (const r of e) {
-      if (r == null)
+    for (const i of e) {
+      if (i == null)
         continue;
-      const { imageId: s, imageSourceType: o, source: c, base64Cache: d } = r, { width: a, height: l, image: g } = await oi(d || "");
-      this._imageIoService.addImageSourceCache(s, o, g);
-      let u = 1;
-      if (a > Pt || l > Lt) {
-        const p = Pt / a, w = Lt / l;
-        u = Math.min(p, w);
+      const { imageId: o, imageSourceType: s, source: c, base64Cache: d } = i, { width: a, height: g, image: u } = await or(d || "");
+      this._imageIoService.addImageSourceCache(o, s, u);
+      let l = 1;
+      if (a > xt || g > Nt) {
+        const p = xt / a, v = Nt / g;
+        l = Math.min(p, v);
       }
-      const h = this._getImagePosition(a * u, l * u);
+      const h = this._getImagePosition(a * l, g * l);
       if (h == null)
         return;
       const f = {
         unitId: t,
         subUnitId: t,
-        drawingId: s,
-        drawingType: Pe.DRAWING_IMAGE,
-        imageSourceType: o,
+        drawingId: o,
+        drawingType: Ne.DRAWING_IMAGE,
+        imageSourceType: s,
         source: c,
-        transform: an(h),
+        transform: sn(h),
         docTransform: h,
-        behindDoc: se.FALSE,
+        behindDoc: oe.FALSE,
         title: "",
         description: "",
-        layoutType: k.INLINE,
+        layoutType: F.INLINE,
         // Insert inline drawing by default.
         wrapText: Xe.BOTH_SIDES,
         distB: 0,
@@ -340,25 +340,25 @@ let rt = class extends Le {
         distR: 0,
         distT: 0
       };
-      this._isInsertInHeaderFooter() && (f.isMultiTransform = se.TRUE, f.transforms = f.transform ? [f.transform] : null), n.push(f);
+      this._isInsertInHeaderFooter() && (f.isMultiTransform = oe.TRUE, f.transforms = f.transform ? [f.transform] : null), n.push(f);
     }
-    this._commandService.executeCommand(xt.id, {
+    this._commandService.executeCommand(bt.id, {
       unitId: t,
       drawings: n
     });
   }
   _isInsertInHeaderFooter() {
     var n;
-    const { unitId: i } = this._context, e = (n = this._renderManagerSrv.getRenderById(i)) == null ? void 0 : n.with(te).getViewModel(), t = e == null ? void 0 : e.getEditArea();
+    const { unitId: r } = this._context, e = (n = this._renderManagerSrv.getRenderById(r)) == null ? void 0 : n.with(te).getViewModel(), t = e == null ? void 0 : e.getEditArea();
     return t === We.HEADER || t === We.FOOTER;
   }
-  _getImagePosition(i, e) {
+  _getImagePosition(r, e) {
     const t = this._docSelectionRenderService.getActiveTextRange(), n = (t == null ? void 0 : t.getAbsolutePosition()) || {
       left: 0
     };
     return {
       size: {
-        width: i,
+        width: r,
         height: e
       },
       positionH: {
@@ -373,34 +373,34 @@ let rt = class extends Le {
     };
   }
   _updateOrderListener() {
-    this._drawingManagerService.featurePluginOrderUpdate$.subscribe((i) => {
-      const { unitId: e, subUnitId: t, drawingIds: n, arrangeType: r } = i;
-      this._commandService.executeCommand(In.id, {
+    this._drawingManagerService.featurePluginOrderUpdate$.subscribe((r) => {
+      const { unitId: e, subUnitId: t, drawingIds: n, arrangeType: i } = r;
+      this._commandService.executeCommand(wn.id, {
         unitId: e,
         subUnitId: t,
         drawingIds: n,
-        arrangeType: r
+        arrangeType: i
       });
     });
   }
   _groupDrawingListener() {
-    this._drawingManagerService.featurePluginGroupUpdate$.subscribe((i) => {
-      this._commandService.executeCommand(wn.id, i);
-    }), this._drawingManagerService.featurePluginUngroupUpdate$.subscribe((i) => {
-      this._commandService.executeCommand(_n.id, i);
+    this._drawingManagerService.featurePluginGroupUpdate$.subscribe((r) => {
+      this._commandService.executeCommand(vn.id, r);
+    }), this._drawingManagerService.featurePluginUngroupUpdate$.subscribe((r) => {
+      this._commandService.executeCommand(In.id, r);
     });
   }
   _getCurrentSceneAndTransformer() {
-    const { scene: i, mainComponent: e } = this._context;
-    if (i == null || e == null)
+    const { scene: r, mainComponent: e } = this._context;
+    if (r == null || e == null)
       return;
-    const t = i.getTransformerByCreate(), { docsLeft: n, docsTop: r } = e.getOffsetConfig();
-    return { scene: i, transformer: t, docsLeft: n, docsTop: r };
+    const t = r.getTransformerByCreate(), { docsLeft: n, docsTop: i } = e.getOffsetConfig();
+    return { scene: r, transformer: t, docsLeft: n, docsTop: i };
   }
   _transformDrawingListener() {
-    const i = this._getCurrentSceneAndTransformer();
-    if (i && i.transformer)
-      this.disposeWithMe(i.transformer.changeEnd$.pipe(un(30)).subscribe((e) => {
+    const r = this._getCurrentSceneAndTransformer();
+    if (r && r.transformer)
+      this.disposeWithMe(r.transformer.changeEnd$.pipe(gn(30)).subscribe((e) => {
         this._docSelectionManagerService.refreshSelection();
       }));
     else
@@ -408,18 +408,18 @@ let rt = class extends Le {
   }
   _focusDrawingListener() {
     this.disposeWithMe(
-      this._drawingManagerService.focus$.subscribe((i) => {
-        var r;
-        const { transformer: e, docsLeft: t, docsTop: n } = (r = this._getCurrentSceneAndTransformer()) != null ? r : {};
-        if (i == null || i.length === 0)
-          this._contextService.setContextValue(it, !1), this._docDrawingService.focusDrawing([]), e && e.resetProps({
+      this._drawingManagerService.focus$.subscribe((r) => {
+        var i;
+        const { transformer: e, docsLeft: t, docsTop: n } = (i = this._getCurrentSceneAndTransformer()) != null ? i : {};
+        if (r == null || r.length === 0)
+          this._contextService.setContextValue(rt, !1), this._docDrawingService.focusDrawing([]), e && e.resetProps({
             zeroTop: 0,
             zeroLeft: 0
           });
         else {
-          this._contextService.setContextValue(it, !0), this._docDrawingService.focusDrawing(i), this._setDrawingSelections(i);
-          const s = this._docSelectionRenderService.getSegment(), o = this._findSegmentIdByDrawingId(i[0].drawingId);
-          s !== o && this._docSelectionRenderService.setSegment(o), e && e.resetProps({
+          this._contextService.setContextValue(rt, !0), this._docDrawingService.focusDrawing(r), this._setDrawingSelections(r);
+          const o = this._docSelectionRenderService.getSegment(), s = this._findSegmentIdByDrawingId(r[0].drawingId);
+          o !== s && this._docSelectionRenderService.setSegment(s), e && e.resetProps({
             zeroTop: n,
             zeroLeft: t
           });
@@ -427,39 +427,39 @@ let rt = class extends Le {
       })
     );
   }
-  _findSegmentIdByDrawingId(i) {
-    var o, c, d;
-    const { unit: e } = this._context, { body: t, headers: n = {}, footers: r = {} } = e.getSnapshot();
-    if (((o = t == null ? void 0 : t.customBlocks) != null ? o : []).some((a) => a.blockId === i))
+  _findSegmentIdByDrawingId(r) {
+    var s, c, d;
+    const { unit: e } = this._context, { body: t, headers: n = {}, footers: i = {} } = e.getSnapshot();
+    if (((s = t == null ? void 0 : t.customBlocks) != null ? s : []).some((a) => a.blockId === r))
       return "";
     for (const a of Object.keys(n))
-      if ((c = n[a].body.customBlocks) != null && c.some((l) => l.blockId === i))
+      if ((c = n[a].body.customBlocks) != null && c.some((g) => g.blockId === r))
         return a;
-    for (const a of Object.keys(r))
-      if ((d = r[a].body.customBlocks) != null && d.some((l) => l.blockId === i))
+    for (const a of Object.keys(i))
+      if ((d = i[a].body.customBlocks) != null && d.some((g) => g.blockId === r))
         return a;
     return "";
   }
   // Update drawings edit status and opacity. You can not edit header footer images when you are editing body. and vice verse.
   _updateDrawingsEditStatus() {
     var c;
-    const { unit: i, scene: e, unitId: t } = this._context, n = (c = this._renderManagerSrv.getRenderById(t)) == null ? void 0 : c.with(te).getViewModel();
-    if (n == null || i == null)
+    const { unit: r, scene: e, unitId: t } = this._context, n = (c = this._renderManagerSrv.getRenderById(t)) == null ? void 0 : c.with(te).getViewModel();
+    if (n == null || r == null)
       return;
-    const r = i.getSnapshot(), { drawings: s = {} } = r, o = n.getEditArea() === We.BODY;
-    for (const d of Object.keys(s)) {
-      const a = s[d], l = ai({ unitId: t, drawingId: a.drawingId, subUnitId: t }), g = e.fuzzyMathObjects(l, !0);
-      if (g.length)
-        for (const u of g) {
-          e.detachTransformerFrom(u);
+    const i = r.getSnapshot(), { drawings: o = {} } = i, s = n.getEditArea() === We.BODY;
+    for (const d of Object.keys(o)) {
+      const a = o[d], g = sr({ unitId: t, drawingId: a.drawingId, subUnitId: t }), u = e.fuzzyMathObjects(g, !0);
+      if (u.length)
+        for (const l of u) {
+          e.detachTransformerFrom(l);
           try {
-            u.setOpacity(0.5);
+            l.setOpacity(0.5);
           } catch {
           }
-          if (o && a.isMultiTransform !== se.TRUE || !o && a.isMultiTransform === se.TRUE) {
-            a.allowTransform !== !1 && e.attachTransformerTo(u);
+          if (s && a.isMultiTransform !== oe.TRUE || !s && a.isMultiTransform === oe.TRUE) {
+            a.allowTransform !== !1 && e.attachTransformerTo(l);
             try {
-              u.setOpacity(1);
+              l.setOpacity(1);
             } catch {
             }
           }
@@ -468,7 +468,7 @@ let rt = class extends Le {
   }
   _editAreaChangeListener() {
     var t;
-    const { unitId: i } = this._context, e = (t = this._renderManagerSrv.getRenderById(i)) == null ? void 0 : t.with(te).getViewModel();
+    const { unitId: r } = this._context, e = (t = this._renderManagerSrv.getRenderById(r)) == null ? void 0 : t.with(te).getViewModel();
     e != null && (this._updateDrawingsEditStatus(), this.disposeWithMe(
       e.editAreaChange$.subscribe(() => {
         this._updateDrawingsEditStatus();
@@ -485,55 +485,55 @@ let rt = class extends Le {
       })
     ));
   }
-  _setDrawingSelections(i) {
-    var r, s;
-    const { unit: e } = this._context, t = (s = (r = e.getSnapshot().body) == null ? void 0 : r.customBlocks) != null ? s : [], n = i.map((o) => {
-      const c = o.drawingId, d = t.find((a) => a.blockId === c);
+  _setDrawingSelections(r) {
+    var i, o;
+    const { unit: e } = this._context, t = (o = (i = e.getSnapshot().body) == null ? void 0 : i.customBlocks) != null ? o : [], n = r.map((s) => {
+      const c = s.drawingId, d = t.find((a) => a.blockId === c);
       return d ? d.startIndex : null;
-    }).filter((o) => o !== null).map((o) => ({ startOffset: o, endOffset: o + 1 }));
+    }).filter((s) => s !== null).map((s) => ({ startOffset: s, endOffset: s + 1 }));
     this._docSelectionManagerService.replaceDocRanges(n);
   }
 };
-rt = Qi([
-  ue(1, j),
-  ue(2, Z(yt)),
-  ue(3, Q),
-  ue(4, ii),
-  ue(5, Ue),
-  ue(6, me),
-  ue(7, Qt),
-  ue(8, _i),
-  ue(9, Z(gt)),
-  ue(10, Z(xe)),
-  ue(11, Z(ft)),
-  ue(12, Si)
-], rt);
-const Sn = {
+it = Zr([
+  le(1, j),
+  le(2, Z(Ot)),
+  le(3, Q),
+  le(4, nr),
+  le(5, Ue),
+  le(6, pe),
+  le(7, Zt),
+  le(8, Ir),
+  le(9, Z(ut)),
+  le(10, Z(Ce)),
+  le(11, Z(ft)),
+  le(12, _r)
+], it);
+const _n = {
   id: "doc.command.insert-float-image",
   type: q.COMMAND,
-  handler: (i) => {
-    var n, r;
-    const e = i.get(z), t = i.get(Q);
-    return (r = (n = mi(we.UNIVER_DOC, e, t)) == null ? void 0 : n.with(rt).insertDocImage()) != null ? r : !1;
+  handler: (r) => {
+    var n, i;
+    const e = r.get(z), t = r.get(Q);
+    return (i = (n = hr(we.UNIVER_DOC, e, t)) == null ? void 0 : n.with(it).insertDocImage()) != null ? i : !1;
   }
 };
-var ge = /* @__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))(ge || {});
-const Ji = {
-  inline: k.INLINE,
-  wrapSquare: k.WRAP_SQUARE,
-  wrapTopAndBottom: k.WRAP_TOP_AND_BOTTOM,
-  inFrontOfText: k.WRAP_NONE,
-  behindText: k.WRAP_NONE
+var ue = /* @__PURE__ */ ((r) => (r.INLINE = "inline", r.BEHIND_TEXT = "behindText", r.IN_FRONT_OF_TEXT = "inFrontOfText", r.WRAP_SQUARE = "wrapSquare", r.WRAP_TOP_AND_BOTTOM = "wrapTopAndBottom", r))(ue || {});
+const Qr = {
+  inline: F.INLINE,
+  wrapSquare: F.WRAP_SQUARE,
+  wrapTopAndBottom: F.WRAP_TOP_AND_BOTTOM,
+  inFrontOfText: F.WRAP_NONE,
+  behindText: F.WRAP_NONE
 };
-function Dn(i, e, t, n, r, s, o) {
+function Sn(r, e, t, n, i, o, s) {
   var h, f;
-  const c = new Dt(), d = $.getInstance(), a = [], l = s.getSelfOrHeaderFooterModel(e).getBody(), g = s.getSelfOrHeaderFooterModel(i).getBody();
-  if (l == null || g == null)
+  const c = new St(), d = $.getInstance(), a = [], g = o.getSelfOrHeaderFooterModel(e).getBody(), u = o.getSelfOrHeaderFooterModel(r).getBody();
+  if (g == null || u == null)
     return;
-  const u = (f = (h = l.customBlocks) == null ? void 0 : h.find((v) => v.blockId === r)) == null ? void 0 : f.startIndex;
-  if (u != null) {
-    if (n = Math.min(g.dataStream.length - 2, n), i === e) {
-      if (n < u ? (n > 0 && c.push({
+  const l = (f = (h = g.customBlocks) == null ? void 0 : h.find((m) => m.blockId === i)) == null ? void 0 : f.startIndex;
+  if (l != null) {
+    if (n = Math.min(u.dataStream.length - 2, n), r === e) {
+      if (n < l ? (n > 0 && c.push({
         t: Y.RETAIN,
         len: n
       }), c.push({
@@ -542,48 +542,48 @@ function Dn(i, e, t, n, r, s, o) {
           dataStream: "\b",
           customBlocks: [{
             startIndex: 0,
-            blockId: r
+            blockId: i
           }]
         },
         len: 1
       }), c.push({
         t: Y.RETAIN,
-        len: u - n
+        len: l - n
       }), c.push({
         t: Y.DELETE,
         len: 1
-      })) : (u > 0 && c.push({
+      })) : (l > 0 && c.push({
         t: Y.RETAIN,
-        len: u
+        len: l
       }), c.push({
         t: Y.DELETE,
         len: 1
-      }), n - u - 1 > 0 && c.push({
+      }), n - l - 1 > 0 && c.push({
         t: Y.RETAIN,
-        len: n - u - 1
+        len: n - l - 1
       }), c.push({
         t: Y.INSERT,
         body: {
           dataStream: "\b",
           customBlocks: [{
             startIndex: 0,
-            blockId: r
+            blockId: i
           }]
         },
         len: 1
-      })), n !== u) {
-        const v = qe(s, e), p = d.editOp(c.serialize(), v);
+      })), n !== l) {
+        const m = qe(o, e), p = d.editOp(c.serialize(), m);
         a.push(p);
       }
     } else {
-      u > 0 && c.push({
+      l > 0 && c.push({
         t: Y.RETAIN,
-        len: u
+        len: l
       }), c.push({
         t: Y.DELETE,
         len: 1
       });
-      let v = qe(s, e), p = d.editOp(c.serialize(), v);
+      let m = qe(o, e), p = d.editOp(c.serialize(), m);
       a.push(p), c.empty(), n > 0 && c.push({
         t: Y.RETAIN,
         len: n
@@ -593,122 +593,122 @@ function Dn(i, e, t, n, r, s, o) {
           dataStream: "\b",
           customBlocks: [{
             startIndex: 0,
-            blockId: r
+            blockId: i
           }]
         },
         len: 1
-      }), v = qe(s, i), p = d.editOp(c.serialize(), v), a.push(p), o.setSegment(i), o.setSegmentPage(t);
+      }), m = qe(o, r), p = d.editOp(c.serialize(), m), a.push(p), s.setSegment(r), s.setSegmentPage(t);
     }
     return a;
   }
 }
-const On = {
+const Dn = {
   id: "doc.command.update-doc-drawing-wrapping-style",
   type: q.COMMAND,
   // eslint-disable-next-line max-lines-per-function, complexity
-  handler: (i, e) => {
-    var E, U;
+  handler: (r, e) => {
+    var A, U;
     if (e == null)
       return !1;
-    const { drawings: t, wrappingStyle: n, unitId: r } = e, s = i.get(j), o = i.get(z), d = i.get(Q).getRenderById(r), a = d == null ? void 0 : d.with(te).getSkeleton().getSkeletonData(), l = d == null ? void 0 : d.with(te).getViewModel(), g = d == null ? void 0 : d.scene, u = o.getCurrentUniverDocInstance();
-    if (u == null || a == null || g == null || l == null)
+    const { drawings: t, wrappingStyle: n, unitId: i } = e, o = r.get(j), s = r.get(z), d = r.get(Q).getRenderById(i), a = d == null ? void 0 : d.with(te).getSkeleton().getSkeletonData(), g = d == null ? void 0 : d.with(te).getViewModel(), u = d == null ? void 0 : d.scene, l = s.getCurrentUniverDocInstance();
+    if (l == null || a == null || u == null || g == null)
       return !1;
-    const h = l.getEditArea(), f = g.getTransformerByCreate(), { pages: v, skeHeaders: p, skeFooters: w } = a, O = $.getInstance(), D = [], { drawings: y = {} } = u.getSnapshot();
-    for (const N of t) {
-      const { drawingId: I } = N, P = y[I].layoutType, H = Ji[n];
-      if (P !== H) {
-        const S = O.replaceOp(["drawings", I, "layoutType"], P, H);
-        D.push(S);
+    const h = g.getEditArea(), f = u.getTransformerByCreate(), { pages: m, skeHeaders: p, skeFooters: v } = a, D = $.getInstance(), S = [], { drawings: O = {} } = l.getSnapshot();
+    for (const R of t) {
+      const { drawingId: w } = R, N = O[w].layoutType, H = Qr[n];
+      if (N !== H) {
+        const _ = D.replaceOp(["drawings", w, "layoutType"], N, H);
+        S.push(_);
       }
       if (n === "behindText" || n === "inFrontOfText") {
-        const S = y[I].behindDoc, C = n === "behindText" ? se.TRUE : se.FALSE;
-        if (S !== C) {
-          const T = O.replaceOp(["drawings", I, "behindDoc"], S, C);
-          D.push(T);
+        const _ = O[w].behindDoc, E = n === "behindText" ? oe.TRUE : oe.FALSE;
+        if (_ !== E) {
+          const y = D.replaceOp(["drawings", w, "behindDoc"], _, E);
+          S.push(y);
         }
       }
       if (n === "inline")
         continue;
-      let A = null, G = 0, _ = 0;
-      for (const S of v) {
-        const { headerId: C, footerId: T, marginTop: L, marginLeft: B, marginBottom: b, pageWidth: R, pageHeight: V } = S;
+      let x = null, G = 0, I = 0;
+      for (const _ of m) {
+        const { headerId: E, footerId: y, marginTop: L, marginLeft: B, marginBottom: b, pageWidth: P, pageHeight: V } = _;
         switch (h) {
           case We.HEADER: {
-            const F = (E = p.get(C)) == null ? void 0 : E.get(R);
-            F != null && F.skeDrawings.has(I) && (A = F.skeDrawings.get(I), G = F.marginTop, _ = B);
+            const k = (A = p.get(E)) == null ? void 0 : A.get(P);
+            k != null && k.skeDrawings.has(w) && (x = k.skeDrawings.get(w), G = k.marginTop, I = B);
             break;
           }
           case We.FOOTER: {
-            const F = (U = w.get(T)) == null ? void 0 : U.get(R);
-            F != null && F.skeDrawings.has(I) && (A = F.skeDrawings.get(I), G = V - b + F.marginTop, _ = B);
+            const k = (U = v.get(y)) == null ? void 0 : U.get(P);
+            k != null && k.skeDrawings.has(w) && (x = k.skeDrawings.get(w), G = V - b + k.marginTop, I = B);
             break;
           }
           case We.BODY: {
-            S.skeDrawings.has(I) && (A = S.skeDrawings.get(I), G = L, _ = B);
+            _.skeDrawings.has(w) && (x = _.skeDrawings.get(w), G = L, I = B);
             break;
           }
         }
-        if (A != null)
+        if (x != null)
           break;
       }
-      if (A != null) {
-        const { aTop: S, aLeft: C } = A, T = y[I].docTransform.positionH;
-        let L = C;
-        T.relativeFrom === J.MARGIN ? L -= _ : T.relativeFrom === J.COLUMN && (L -= A.columnLeft);
+      if (x != null) {
+        const { aTop: _, aLeft: E } = x, y = O[w].docTransform.positionH;
+        let L = E;
+        y.relativeFrom === J.MARGIN ? L -= I : y.relativeFrom === J.COLUMN && (L -= x.columnLeft);
         const B = {
-          relativeFrom: T.relativeFrom,
+          relativeFrom: y.relativeFrom,
           posOffset: L
         };
-        if (T.posOffset !== B.posOffset) {
-          const F = O.replaceOp(["drawings", I, "docTransform", "positionH"], T, B);
-          D.push(F);
+        if (y.posOffset !== B.posOffset) {
+          const k = D.replaceOp(["drawings", w, "docTransform", "positionH"], y, B);
+          S.push(k);
         }
-        const b = y[I].docTransform.positionV;
-        let R = S;
-        b.relativeFrom === W.PAGE ? R += G : b.relativeFrom === W.LINE ? R -= A.lineTop : b.relativeFrom === W.PARAGRAPH && (R -= A.blockAnchorTop);
+        const b = O[w].docTransform.positionV;
+        let P = _;
+        b.relativeFrom === W.PAGE ? P += G : b.relativeFrom === W.LINE ? P -= x.lineTop : b.relativeFrom === W.PARAGRAPH && (P -= x.blockAnchorTop);
         const V = {
           relativeFrom: b.relativeFrom,
-          posOffset: R
+          posOffset: P
         };
         if (b.posOffset !== V.posOffset) {
-          const F = O.replaceOp(["drawings", I, "docTransform", "positionV"], b, V);
-          D.push(F);
+          const k = D.replaceOp(["drawings", w, "docTransform", "positionV"], b, V);
+          S.push(k);
         }
       }
     }
-    const x = {
+    const C = {
       id: ee.id,
       params: {
-        unitId: r,
+        unitId: i,
         actions: [],
         textRanges: null
       }
     };
-    x.params.actions = D.reduce((N, I) => $.compose(N, I), null);
-    const M = s.syncExecuteCommand(x.id, x.params);
+    C.params.actions = S.reduce((R, w) => $.compose(R, w), null);
+    const M = o.syncExecuteCommand(C.id, C.params);
     return f.refreshControls(), !!M;
   }
-}, yn = {
+}, On = {
   id: "doc.command.update-doc-drawing-distance",
   type: q.COMMAND,
-  handler: (i, e) => {
+  handler: (r, e) => {
     if (e == null)
       return !1;
-    const t = i.get(j), r = i.get(z).getCurrentUniverDocInstance();
-    if (r == null)
+    const t = r.get(j), i = r.get(z).getCurrentUniverDocInstance();
+    if (i == null)
       return !1;
-    const { drawings: s, dist: o, unitId: c } = e, d = $.getInstance(), a = [], { drawings: l = {} } = r.getSnapshot();
-    for (const h of s) {
+    const { drawings: o, dist: s, unitId: c } = e, d = $.getInstance(), a = [], { drawings: g = {} } = i.getSnapshot();
+    for (const h of o) {
       const { drawingId: f } = h;
-      for (const [v, p] of Object.entries(o)) {
-        const w = l[f][v];
-        if (w !== p) {
-          const O = d.replaceOp(["drawings", f, v], w, p);
-          a.push(O);
+      for (const [m, p] of Object.entries(s)) {
+        const v = g[f][m];
+        if (v !== p) {
+          const D = d.replaceOp(["drawings", f, m], v, p);
+          a.push(D);
         }
       }
     }
-    const g = {
+    const u = {
       id: ee.id,
       params: {
         unitId: c,
@@ -716,26 +716,26 @@ const On = {
         textRanges: null
       }
     };
-    return g.params.actions = a.reduce((h, f) => $.compose(h, f), null), !!t.syncExecuteCommand(g.id, g.params);
+    return u.params.actions = a.reduce((h, f) => $.compose(h, f), null), !!t.syncExecuteCommand(u.id, u.params);
   }
-}, Tn = {
+}, yn = {
   id: "doc.command.update-doc-drawing-wrap-text",
   type: q.COMMAND,
-  handler: (i, e) => {
+  handler: (r, e) => {
     if (e == null)
       return !1;
-    const t = i.get(j), r = i.get(z).getCurrentUniverDocInstance();
-    if (r == null)
+    const t = r.get(j), i = r.get(z).getCurrentUniverDocInstance();
+    if (i == null)
       return !1;
-    const { drawings: s, wrapText: o, unitId: c } = e, d = $.getInstance(), a = [], { drawings: l = {} } = r.getSnapshot();
-    for (const h of s) {
-      const { drawingId: f } = h, v = l[f].wrapText;
-      if (v !== o) {
-        const p = d.replaceOp(["drawings", f, "wrapText"], v, o);
+    const { drawings: o, wrapText: s, unitId: c } = e, d = $.getInstance(), a = [], { drawings: g = {} } = i.getSnapshot();
+    for (const h of o) {
+      const { drawingId: f } = h, m = g[f].wrapText;
+      if (m !== s) {
+        const p = d.replaceOp(["drawings", f, "wrapText"], m, s);
         a.push(p);
       }
     }
-    const g = {
+    const u = {
       id: ee.id,
       params: {
         unitId: c,
@@ -743,69 +743,69 @@ const On = {
         textRanges: null
       }
     };
-    return g.params.actions = a.reduce((h, f) => $.compose(h, f), null), !!t.syncExecuteCommand(g.id, g.params);
+    return u.params.actions = a.reduce((h, f) => $.compose(h, f), null), !!t.syncExecuteCommand(u.id, u.params);
   }
 }, Ke = {
   id: "doc.command.update-drawing-doc-transform",
   type: q.COMMAND,
-  handler: (i, e) => {
+  handler: (r, e) => {
     if (e == null)
       return !1;
-    const t = i.get(j), n = i.get(z), s = i.get(Q).getRenderById(e.unitId), o = s == null ? void 0 : s.scene;
-    if (o == null)
+    const t = r.get(j), n = r.get(z), o = r.get(Q).getRenderById(e.unitId), s = o == null ? void 0 : o.scene;
+    if (s == null)
       return !1;
-    const c = o.getTransformerByCreate(), d = n.getCurrentUniverDocInstance();
+    const c = s.getTransformerByCreate(), d = n.getCurrentUniverDocInstance();
     if (d == null)
       return !1;
-    const { drawings: a, unitId: l } = e, g = $.getInstance(), u = [], { drawings: h = {} } = d.getSnapshot();
+    const { drawings: a, unitId: g } = e, u = $.getInstance(), l = [], { drawings: h = {} } = d.getSnapshot();
     for (const p of a) {
-      const { drawingId: w, key: O, value: D } = p, y = h[w].docTransform[O];
-      if (!be.diffValue(y, D)) {
-        const x = g.replaceOp(["drawings", w, "docTransform", O], y, D);
-        u.push(x);
+      const { drawingId: v, key: D, value: S } = p, O = h[v].docTransform[D];
+      if (!be.diffValue(O, S)) {
+        const C = u.replaceOp(["drawings", v, "docTransform", D], O, S);
+        l.push(C);
       }
     }
     const f = {
       id: ee.id,
       params: {
-        unitId: l,
+        unitId: g,
         actions: [],
         textRanges: null,
         debounce: !0
       }
     };
-    f.params.actions = u.reduce((p, w) => $.compose(p, w), null);
-    const v = t.syncExecuteCommand(f.id, f.params);
-    return c.refreshControls(), !!v;
+    f.params.actions = l.reduce((p, v) => $.compose(p, v), null);
+    const m = t.syncExecuteCommand(f.id, f.params);
+    return c.refreshControls(), !!m;
   }
-}, Mn = {
+}, Tn = {
   id: "doc.command.move-inline-drawing",
   type: q.COMMAND,
-  handler: (i, e) => {
-    var U, N;
+  handler: (r, e) => {
+    var U, R;
     if (e == null)
       return !1;
-    const t = i.get(Q), n = (U = t.getRenderById(e.unitId)) == null ? void 0 : U.with(xe), r = i.get(ft), s = t.getRenderById(e.unitId), o = s == null ? void 0 : s.scene, c = s == null ? void 0 : s.with(te).getSkeleton();
-    if (o == null || n == null)
+    const t = r.get(Q), n = (U = t.getRenderById(e.unitId)) == null ? void 0 : U.with(Ce), i = r.get(ft), o = t.getRenderById(e.unitId), s = o == null ? void 0 : o.scene, c = o == null ? void 0 : o.with(te).getSkeleton();
+    if (s == null || n == null)
       return !1;
-    const d = o.getTransformerByCreate(), a = i.get(j), g = i.get(z).getCurrentUniverDocInstance();
-    if (g == null)
+    const d = s.getTransformerByCreate(), a = r.get(j), u = r.get(z).getCurrentUniverDocInstance();
+    if (u == null)
       return !1;
-    const { drawing: u, unitId: h, offset: f, segmentId: v, segmentPage: p, needRefreshDrawings: w } = e;
-    if (w)
-      return r.refreshDrawings(c), d.refreshControls(), !0;
-    const O = [], { drawingId: D } = u, y = (N = n.getSegment()) != null ? N : "", x = Dn(
-      v,
-      y,
+    const { drawing: l, unitId: h, offset: f, segmentId: m, segmentPage: p, needRefreshDrawings: v } = e;
+    if (v)
+      return i.refreshDrawings(c), d.refreshControls(), !0;
+    const D = [], { drawingId: S } = l, O = (R = n.getSegment()) != null ? R : "", C = Sn(
+      m,
+      O,
       p,
       f,
-      D,
-      g,
+      S,
+      u,
       n
     );
-    if (x == null || x.length === 0)
-      return r.refreshDrawings(c), d.refreshControls(), !1;
-    O.push(...x);
+    if (C == null || C.length === 0)
+      return i.refreshDrawings(c), d.refreshControls(), !1;
+    D.push(...C);
     const M = {
       id: ee.id,
       params: {
@@ -814,88 +814,88 @@ const On = {
         textRanges: null
       }
     };
-    M.params.actions = O.reduce((I, P) => $.compose(I, P), null);
-    const E = a.syncExecuteCommand(M.id, M.params);
-    return d.refreshControls(), !!E;
+    M.params.actions = D.reduce((w, N) => $.compose(w, N), null);
+    const A = a.syncExecuteCommand(M.id, M.params);
+    return d.refreshControls(), !!A;
   }
-}, bn = {
+}, Mn = {
   id: "doc.command.transform-non-inline-drawing",
   type: q.COMMAND,
   // eslint-disable-next-line max-lines-per-function
-  handler: (i, e) => {
-    var A, G;
+  handler: (r, e) => {
+    var x, G;
     if (e == null)
       return !1;
-    const t = i.get(Q), n = (A = t.getRenderById(e.unitId)) == null ? void 0 : A.with(xe), r = t.getRenderById(e.unitId), s = r == null ? void 0 : r.scene;
-    if (s == null || n == null)
+    const t = r.get(Q), n = (x = t.getRenderById(e.unitId)) == null ? void 0 : x.with(Ce), i = t.getRenderById(e.unitId), o = i == null ? void 0 : i.scene;
+    if (o == null || n == null)
       return !1;
-    const o = s.getTransformerByCreate(), c = i.get(j), a = i.get(z).getCurrentUniverDocInstance();
+    const s = o.getTransformerByCreate(), c = r.get(j), a = r.get(z).getCurrentUniverDocInstance();
     if (a == null)
       return !1;
-    const { drawing: l, unitId: g, offset: u, docTransform: h, segmentId: f, segmentPage: v } = e, p = [], { drawingId: w } = l, O = (G = n.getSegment()) != null ? G : "", D = Dn(
+    const { drawing: g, unitId: u, offset: l, docTransform: h, segmentId: f, segmentPage: m } = e, p = [], { drawingId: v } = g, D = (G = n.getSegment()) != null ? G : "", S = Sn(
       f,
-      O,
+      D,
+      m,
+      l,
       v,
-      u,
-      w,
       a,
       n
     );
-    if (D == null)
+    if (S == null)
       return !1;
-    D.length > 0 && p.push(...D);
-    const y = $.getInstance(), { drawings: x = {} } = a.getSnapshot(), M = x[w].docTransform, { positionH: E, positionV: U, size: N, angle: I } = M;
-    if (!be.diffValue(E, h.positionH)) {
-      const _ = y.replaceOp(["drawings", w, "docTransform", "positionH"], E, h.positionH);
-      p.push(_);
+    S.length > 0 && p.push(...S);
+    const O = $.getInstance(), { drawings: C = {} } = a.getSnapshot(), M = C[v].docTransform, { positionH: A, positionV: U, size: R, angle: w } = M;
+    if (!be.diffValue(A, h.positionH)) {
+      const I = O.replaceOp(["drawings", v, "docTransform", "positionH"], A, h.positionH);
+      p.push(I);
     }
     if (!be.diffValue(U, h.positionV)) {
-      const _ = y.replaceOp(["drawings", w, "docTransform", "positionV"], U, h.positionV);
-      p.push(_);
+      const I = O.replaceOp(["drawings", v, "docTransform", "positionV"], U, h.positionV);
+      p.push(I);
     }
-    if (!be.diffValue(N, h.size)) {
-      const _ = y.replaceOp(["drawings", w, "docTransform", "size"], N, h.size);
-      p.push(_);
+    if (!be.diffValue(R, h.size)) {
+      const I = O.replaceOp(["drawings", v, "docTransform", "size"], R, h.size);
+      p.push(I);
     }
-    if (!be.diffValue(I, h.angle)) {
-      const _ = y.replaceOp(["drawings", w, "docTransform", "angle"], I, h.angle);
-      p.push(_);
+    if (!be.diffValue(w, h.angle)) {
+      const I = O.replaceOp(["drawings", v, "docTransform", "angle"], w, h.angle);
+      p.push(I);
     }
-    const P = {
+    const N = {
       id: ee.id,
       params: {
-        unitId: g,
+        unitId: u,
         actions: [],
         textRanges: null,
         debounce: !0
       }
     };
-    P.params.actions = p.reduce((_, S) => $.compose(_, S), null);
-    const H = c.syncExecuteCommand(P.id, P.params);
-    return o.refreshControls(), !!H;
+    N.params.actions = p.reduce((I, _) => $.compose(I, _), null);
+    const H = c.syncExecuteCommand(N.id, N.params);
+    return s.refreshControls(), !!H;
   }
 }, Ye = {
   id: "doc.command.move-drawing",
   type: q.COMMAND,
-  handler: (i, e) => {
-    const t = i.get(j), n = i.get(Ue), r = i.get(z), s = i.get(Q), { direction: o } = e, c = n.getFocusDrawings();
+  handler: (r, e) => {
+    const t = r.get(j), n = r.get(Ue), i = r.get(z), o = r.get(Q), { direction: s } = e, c = n.getFocusDrawings();
     if (c.length === 0)
       return !1;
-    const d = c[0].unitId, a = s.getRenderById(d), l = a == null ? void 0 : a.scene;
-    if (l == null)
+    const d = c[0].unitId, a = o.getRenderById(d), g = a == null ? void 0 : a.scene;
+    if (g == null)
       return !1;
-    const g = l.getTransformerByCreate(), u = r.getUniverDocInstance(d), h = c.map((v) => {
-      var M, E, U, N, I;
-      const { drawingId: p } = v, w = (M = u == null ? void 0 : u.getSnapshot().drawings) == null ? void 0 : M[p];
-      if (w == null || w.layoutType === k.INLINE)
+    const u = g.getTransformerByCreate(), l = i.getUniverDocInstance(d), h = c.map((m) => {
+      var M, A, U, R, w;
+      const { drawingId: p } = m, v = (M = l == null ? void 0 : l.getSnapshot().drawings) == null ? void 0 : M[p];
+      if (v == null || v.layoutType === F.INLINE)
         return null;
-      const { positionH: O, positionV: D } = w.docTransform, y = { ...O }, x = { ...D };
-      return o === fe.UP ? x.posOffset = ((E = x.posOffset) != null ? E : 0) - 2 : o === fe.DOWN ? x.posOffset = ((U = x.posOffset) != null ? U : 0) + 2 : o === fe.LEFT ? y.posOffset = ((N = y.posOffset) != null ? N : 0) - 2 : o === fe.RIGHT && (y.posOffset = ((I = y.posOffset) != null ? I : 0) + 2), {
+      const { positionH: D, positionV: S } = v.docTransform, O = { ...D }, C = { ...S };
+      return s === fe.UP ? C.posOffset = ((A = C.posOffset) != null ? A : 0) - 2 : s === fe.DOWN ? C.posOffset = ((U = C.posOffset) != null ? U : 0) + 2 : s === fe.LEFT ? O.posOffset = ((R = O.posOffset) != null ? R : 0) - 2 : s === fe.RIGHT && (O.posOffset = ((w = O.posOffset) != null ? w : 0) + 2), {
         drawingId: p,
-        key: o === fe.UP || o === fe.DOWN ? "positionV" : "positionH",
-        value: o === fe.UP || o === fe.DOWN ? x : y
+        key: s === fe.UP || s === fe.DOWN ? "positionV" : "positionH",
+        value: s === fe.UP || s === fe.DOWN ? C : O
       };
-    }).filter((v) => v != null);
+    }).filter((m) => m != null);
     if (h.length === 0)
       return !1;
     const f = t.syncExecuteCommand(Ke.id, {
@@ -903,30 +903,30 @@ const On = {
       subUnitId: d,
       drawings: h
     });
-    return g.refreshControls(), !!f;
+    return u.refreshControls(), !!f;
   }
-}, er = {
+}, Jr = {
   id: "doc.operation.clear-drawing-transformer",
   type: q.MUTATION,
-  handler: (i, e) => {
-    const t = i.get(Q);
+  handler: (r, e) => {
+    const t = r.get(Q);
     return e.forEach((n) => {
-      var r, s;
-      (s = (r = t.getRenderById(n)) == null ? void 0 : r.scene.getTransformer()) == null || s.debounceRefreshControls();
+      var i, o;
+      (o = (i = t.getRenderById(n)) == null ? void 0 : i.scene.getTransformer()) == null || o.debounceRefreshControls();
     }), !0;
   }
-}, xn = "COMPONENT_DOC_DRAWING_PANEL", Cn = {
+}, bn = "COMPONENT_DOC_DRAWING_PANEL", Cn = {
   id: "sidebar.operation.doc-image",
   type: q.COMMAND,
-  handler: async (i, e) => {
-    const t = i.get(Di), n = i.get(gt), r = i.get(me);
+  handler: async (r, e) => {
+    const t = r.get(Sr), n = r.get(ut), i = r.get(pe);
     switch (e.value) {
       case "open":
         t.open({
           header: { title: n.t("docImage.panel.title") },
-          children: { label: xn },
+          children: { label: bn },
           onClose: () => {
-            r.focusDrawing(null);
+            i.focusDrawing(null);
           },
           width: 360
         });
@@ -938,21 +938,21 @@ const On = {
     }
     return !0;
   }
-}, Nn = {
+}, En = {
   id: "doc.operation.edit-doc-image",
   type: q.OPERATION,
-  handler: (i, e) => {
-    const t = i.get(me), n = i.get(j);
+  handler: (r, e) => {
+    const t = r.get(pe), n = r.get(j);
     return e == null ? !1 : (t.focusDrawing([e]), n.executeCommand(Cn.id, { value: "open" }), !0);
   }
-}, qt = -1e3, Kt = 1e3, tr = (i) => {
-  const e = ve(j), t = ve(gt), n = ve(me), r = ve(Q), s = ve(z), { drawings: o } = i, c = o[0];
+}, Xt = -1e3, qt = 1e3, ei = (r) => {
+  const e = ve(j), t = ve(ut), n = ve(pe), i = ve(Q), o = ve(z), { drawings: s } = r, c = s[0];
   if (c == null)
     return;
-  const { unitId: d } = c, a = s.getUniverDocInstance(d), l = a == null ? void 0 : a.getSnapshot().documentStyle.documentFlavor, g = r.getRenderById(d), u = g == null ? void 0 : g.scene;
-  if (u == null)
+  const { unitId: d } = c, a = o.getUniverDocInstance(d), g = a == null ? void 0 : a.getSnapshot().documentStyle.documentFlavor, u = i.getRenderById(d), l = u == null ? void 0 : u.scene;
+  if (l == null)
     return;
-  const h = u.getTransformerByCreate(), f = [{
+  const h = l.getTransformerByCreate(), f = [{
     label: t.t("image-position.column"),
     value: String(J.COLUMN)
   }, {
@@ -961,582 +961,548 @@ const On = {
   }, {
     label: t.t("image-position.margin"),
     value: String(J.MARGIN)
-  }], v = [{
+  }], m = [{
     label: t.t("image-position.line"),
     value: String(W.LINE),
-    disabled: l === pt.MODERN
+    disabled: g === mt.MODERN
   }, {
     label: t.t("image-position.page"),
     value: String(W.PAGE),
-    disabled: l === pt.MODERN
+    disabled: g === mt.MODERN
   }, {
     label: t.t("image-position.margin"),
     value: String(W.MARGIN),
-    disabled: l === pt.MODERN
+    disabled: g === mt.MODERN
   }, {
     label: t.t("image-position.paragraph"),
     value: String(W.PARAGRAPH)
-  }], [p, w] = re(!0), [O, D] = re({
+  }], [p, v] = ie(!0), [D, S] = ie({
     relativeFrom: J.PAGE,
     posOffset: 0
-  }), [y, x] = re({
+  }), [O, C] = ie({
     relativeFrom: W.PAGE,
     posOffset: 0
-  }), [M, E] = re(!0), [U, N] = re(!0);
-  function I(S, C) {
+  }), [M, A] = ie(!0), [U, R] = ie(!0);
+  function w(_, E) {
     var b;
-    S === "positionH" ? D(C) : x(C);
-    const T = n.getFocusDrawings();
-    if (T.length === 0)
+    _ === "positionH" ? S(E) : C(E);
+    const y = n.getFocusDrawings();
+    if (y.length === 0)
       return;
-    const L = T.map((R) => ({
-      unitId: R.unitId,
-      subUnitId: R.subUnitId,
-      drawingId: R.drawingId
+    const L = y.map((P) => ({
+      unitId: P.unitId,
+      subUnitId: P.subUnitId,
+      drawingId: P.drawingId
     }));
     e.executeCommand(Ke.id, {
-      unitId: T[0].unitId,
-      subUnitId: T[0].unitId,
-      drawings: L.map((R) => ({
-        drawingId: R.drawingId,
-        key: S,
-        value: C
+      unitId: y[0].unitId,
+      subUnitId: y[0].unitId,
+      drawings: L.map((P) => ({
+        drawingId: P.drawingId,
+        key: _,
+        value: E
       }))
     });
-    const B = (b = r.getRenderById(d)) == null ? void 0 : b.with(xe);
+    const B = (b = i.getRenderById(d)) == null ? void 0 : b.with(Ce);
     B && B.blur(), h.refreshControls();
   }
-  function P(S) {
-    var ie, _e, Se;
-    const C = O.relativeFrom, T = O.posOffset, L = Number(S);
-    if (C === L)
+  function N(_) {
+    var re, _e, Se;
+    const E = D.relativeFrom, y = D.posOffset, L = Number(_);
+    if (E === L)
       return;
     const B = n.getFocusDrawings();
     if (B.length === 0)
       return;
-    const b = B[0].drawingId, R = B[0].unitId;
-    let V = null, F = 0;
-    const K = (ie = r.getRenderById(R)) == null ? void 0 : ie.with(te).getSkeleton(), oe = K == null ? void 0 : K.getSkeletonData();
-    if (oe == null)
+    const b = B[0].drawingId, P = B[0].unitId;
+    let V = null, k = 0;
+    const K = (re = i.getRenderById(P)) == null ? void 0 : re.with(te).getSkeleton(), se = K == null ? void 0 : K.getSkeletonData();
+    if (se == null)
       return;
-    const { pages: Be, skeHeaders: Ce, skeFooters: Ge } = oe;
+    const { pages: Be, skeHeaders: Ee, skeFooters: Ge } = se;
     for (const ce of Be) {
-      const { marginLeft: Oe, skeDrawings: ye, headerId: Ne, footerId: Ee, pageWidth: Te } = ce;
+      const { marginLeft: Oe, skeDrawings: ye, headerId: Re, footerId: Ae, pageWidth: Te } = ce;
       if (ye.has(b)) {
-        V = ye.get(b), F = Oe;
+        V = ye.get(b), k = Oe;
         break;
       }
-      const de = (_e = Ce.get(Ne)) == null ? void 0 : _e.get(Te);
+      const de = (_e = Ee.get(Re)) == null ? void 0 : _e.get(Te);
       if (de != null && de.skeDrawings.has(b)) {
-        V = de == null ? void 0 : de.skeDrawings.get(b), F = Oe;
+        V = de == null ? void 0 : de.skeDrawings.get(b), k = Oe;
         break;
       }
-      const le = (Se = Ge.get(Ee)) == null ? void 0 : Se.get(Te);
-      if (le != null && le.skeDrawings.has(b)) {
-        V = le == null ? void 0 : le.skeDrawings.get(b), F = Oe;
+      const ge = (Se = Ge.get(Ae)) == null ? void 0 : Se.get(Te);
+      if (ge != null && ge.skeDrawings.has(b)) {
+        V = ge == null ? void 0 : ge.skeDrawings.get(b), k = Oe;
         break;
       }
     }
     if (V == null)
       return;
     let ae = 0;
-    C === J.COLUMN ? ae -= V.columnLeft : C === J.MARGIN && (ae -= F), L === J.COLUMN ? ae += V.columnLeft : L === J.MARGIN ? ae += F : J.PAGE;
+    E === J.COLUMN ? ae -= V.columnLeft : E === J.MARGIN && (ae -= k), L === J.COLUMN ? ae += V.columnLeft : L === J.MARGIN ? ae += k : J.PAGE;
     const ne = {
       relativeFrom: L,
-      posOffset: (T != null ? T : 0) - ae
+      posOffset: (y != null ? y : 0) - ae
     };
-    I("positionH", ne);
+    w("positionH", ne);
   }
-  function H(S) {
-    var ye, Ne, Ee, Te, de, le;
-    const C = y.relativeFrom, T = y.posOffset, L = Number(S);
-    if (C === L)
+  function H(_) {
+    var ye, Re, Ae, Te, de, ge;
+    const E = O.relativeFrom, y = O.posOffset, L = Number(_);
+    if (E === L)
       return;
     const B = n.getFocusDrawings();
     if (B.length === 0)
       return;
-    const { drawingId: b, unitId: R } = B[0], V = s.getUniverDocInstance(R), F = (ye = r.getRenderById(R)) == null ? void 0 : ye.with(te).getSkeleton(), K = (Ne = r.getRenderById(R)) == null ? void 0 : Ne.with(xe), oe = K == null ? void 0 : K.getSegment(), Be = K == null ? void 0 : K.getSegmentPage(), Ce = (Te = (Ee = V == null ? void 0 : V.getSelfOrHeaderFooterModel(oe).getBody()) == null ? void 0 : Ee.customBlocks) == null ? void 0 : Te.find((Re) => Re.blockId === b);
-    if (Ce == null || F == null || K == null)
+    const { drawingId: b, unitId: P } = B[0], V = o.getUniverDocInstance(P), k = (ye = i.getRenderById(P)) == null ? void 0 : ye.with(te).getSkeleton(), K = (Re = i.getRenderById(P)) == null ? void 0 : Re.with(Ce), se = K == null ? void 0 : K.getSegment(), Be = K == null ? void 0 : K.getSegmentPage(), Ee = (Te = (Ae = V == null ? void 0 : V.getSelfOrHeaderFooterModel(se).getBody()) == null ? void 0 : Ae.customBlocks) == null ? void 0 : Te.find((Pe) => Pe.blockId === b);
+    if (Ee == null || k == null || K == null)
       return;
-    const { startIndex: Ge } = Ce, ae = F.findNodeByCharIndex(Ge, oe, Be), ne = (de = ae == null ? void 0 : ae.parent) == null ? void 0 : de.parent, ie = ne == null ? void 0 : ne.parent, _e = ie == null ? void 0 : ie.lines.find((Re) => Re.paragraphIndex === (ne == null ? void 0 : ne.paragraphIndex) && Re.paragraphStart), Se = (le = ie == null ? void 0 : ie.parent) == null ? void 0 : le.parent;
-    if (ae == null || ne == null || _e == null || ie == null || Se == null)
+    const { startIndex: Ge } = Ee, ae = k.findNodeByCharIndex(Ge, se, Be), ne = (de = ae == null ? void 0 : ae.parent) == null ? void 0 : de.parent, re = ne == null ? void 0 : ne.parent, _e = re == null ? void 0 : re.lines.find((Pe) => Pe.paragraphIndex === (ne == null ? void 0 : ne.paragraphIndex) && Pe.paragraphStart), Se = (ge = re == null ? void 0 : re.parent) == null ? void 0 : ge.parent;
+    if (ae == null || ne == null || _e == null || re == null || Se == null)
       return;
     let ce = 0;
-    C === W.PARAGRAPH ? ce -= _e.top : C === W.LINE ? ce -= ne.top : C === W.PAGE && (ce += Se.marginTop), L === W.PARAGRAPH ? ce += _e.top : L === W.LINE ? ce += ne.top : L === W.PAGE && (ce -= Se.marginTop);
+    E === W.PARAGRAPH ? ce -= _e.top : E === W.LINE ? ce -= ne.top : E === W.PAGE && (ce += Se.marginTop), L === W.PARAGRAPH ? ce += _e.top : L === W.LINE ? ce += ne.top : L === W.PAGE && (ce -= Se.marginTop);
     const Oe = {
       relativeFrom: L,
-      posOffset: (T != null ? T : 0) - ce
+      posOffset: (y != null ? y : 0) - ce
     };
-    I("positionV", Oe);
+    w("positionV", Oe);
   }
-  function A(S) {
-    var R;
-    const C = a == null ? void 0 : a.getSnapshot(), T = (R = C == null ? void 0 : C.drawings) == null ? void 0 : R[S.drawingId];
-    if (T == null)
+  function x(_) {
+    var P;
+    const E = a == null ? void 0 : a.getSnapshot(), y = (P = E == null ? void 0 : E.drawings) == null ? void 0 : P[_.drawingId];
+    if (y == null)
       return;
-    const { layoutType: L } = T, {
+    const { layoutType: L } = y, {
       positionH: B,
       positionV: b
-    } = T.docTransform;
-    D(B), x(b), w(L === k.INLINE), E(b.relativeFrom === W.PARAGRAPH || b.relativeFrom === W.LINE);
+    } = y.docTransform;
+    S(B), C(b), v(L === F.INLINE), A(b.relativeFrom === W.PARAGRAPH || b.relativeFrom === W.LINE);
   }
   function G() {
-    const S = n.getFocusDrawings();
-    S.length !== 0 && A(S[0]);
+    const _ = n.getFocusDrawings();
+    _.length !== 0 && x(_[0]);
   }
-  function _(S) {
-    E(S), H(String(S ? W.PARAGRAPH : W.PAGE));
+  function I(_) {
+    A(_), H(String(_ ? W.PARAGRAPH : W.PAGE));
   }
-  return Mt(() => {
+  return Tt(() => {
     G();
-    const S = n.focus$.subscribe((T) => {
-      if (T.length === 0) {
-        N(!1);
+    const _ = n.focus$.subscribe((y) => {
+      if (y.length === 0) {
+        R(!1);
         return;
       }
-      N(!0), A(T[0]);
-    }), C = e.onCommandExecuted(async (T) => {
-      T.id === ee.id && G();
+      R(!0), x(y[0]);
+    }), E = e.onCommandExecuted(async (y) => {
+      y.id === ee.id && G();
     });
     return () => {
-      S.unsubscribe(), C.dispose();
+      _.unsubscribe(), E.dispose();
     };
   }, []), /* @__PURE__ */ X(
     "div",
     {
-      className: _t("univer-relative univer-mt-5 univer-w-full", ln, {
+      className: dn("univer-grid univer-gap-2 univer-py-2 univer-text-gray-400", {
         "univer-hidden": !U
       }),
       children: [
-        /* @__PURE__ */ m("div", { className: "univer-relative univer-mt-2.5 univer-flex univer-h-full", children: /* @__PURE__ */ m("div", { className: "univer-flex univer-items-center univer-gap-1 univer-text-gray-400", children: /* @__PURE__ */ m("div", { children: t.t("image-position.title") }) }) }),
-        /* @__PURE__ */ m(
+        /* @__PURE__ */ T(
+          "header",
+          {
+            className: "univer-text-gray-600 dark:univer-text-gray-200",
+            children: /* @__PURE__ */ T("div", { children: t.t("image-position.title") })
+          }
+        ),
+        /* @__PURE__ */ T(
           "div",
           {
-            className: "univer-relative univer-mt-2.5 univer-flex univer-h-full",
-            children: /* @__PURE__ */ m(
-              "div",
-              {
-                className: "univer-flex univer-items-center univer-gap-1 univer-text-gray-900 dark:univer-text-white",
-                children: /* @__PURE__ */ m("div", { children: t.t("image-position.horizontal") })
-              }
-            )
+            className: "univer-text-gray-600 dark:univer-text-gray-200",
+            children: /* @__PURE__ */ T("div", { children: t.t("image-position.horizontal") })
           }
         ),
         /* @__PURE__ */ X(
           "div",
           {
-            className: "univer-relative univer-mt-2.5 univer-flex univer-h-full",
+            className: "univer-grid univer-grid-cols-2 univer-gap-2 [&>div]:univer-grid [&>div]:univer-gap-2",
             children: [
-              /* @__PURE__ */ m("div", { className: "univer-flex univer-items-center univer-gap-1 univer-text-gray-400", children: /* @__PURE__ */ X("label", { children: [
-                /* @__PURE__ */ m(
-                  "div",
+              /* @__PURE__ */ X("div", { children: [
+                /* @__PURE__ */ T("span", { children: t.t("image-position.absolutePosition") }),
+                /* @__PURE__ */ T(
+                  Fe,
                   {
-                    className: "univer-relative univer-mt-2.5 univer-flex univer-h-full",
-                    children: /* @__PURE__ */ m("div", { className: "univer-flex univer-items-center univer-gap-1", children: t.t("image-position.absolutePosition") })
-                  }
-                ),
-                /* @__PURE__ */ m(
-                  "div",
-                  {
-                    className: "univer-relative univer-mt-2.5 univer-flex univer-h-full",
-                    children: /* @__PURE__ */ m("div", { className: "univer-flex univer-items-center univer-gap-1", children: /* @__PURE__ */ m(
-                      ke,
-                      {
-                        min: qt,
-                        max: Kt,
-                        precision: 1,
-                        disabled: p,
-                        value: O.posOffset,
-                        onChange: (S) => {
-                          I("positionH", {
-                            relativeFrom: O.relativeFrom,
-                            posOffset: S
-                          });
-                        }
-                      }
-                    ) })
+                    min: Xt,
+                    max: qt,
+                    precision: 1,
+                    disabled: p,
+                    value: D.posOffset,
+                    onChange: (_) => {
+                      w("positionH", {
+                        relativeFrom: D.relativeFrom,
+                        posOffset: _
+                      });
+                    }
                   }
                 )
-              ] }) }),
-              /* @__PURE__ */ m("div", { className: "univer-flex univer-items-center univer-gap-1", children: /* @__PURE__ */ X("label", { children: [
-                /* @__PURE__ */ m("div", { className: "univer-relative univer-mt-2.5 univer-flex univer-h-full", children: /* @__PURE__ */ m("div", { className: "univer-flex univer-items-center univer-gap-1", children: t.t("image-position.toTheRightOf") }) }),
-                /* @__PURE__ */ m(
-                  "div",
+              ] }),
+              /* @__PURE__ */ X("div", { children: [
+                /* @__PURE__ */ T("span", { children: t.t("image-position.toTheRightOf") }),
+                /* @__PURE__ */ T(
+                  Ht,
                   {
-                    className: "univer-relative univer-mt-2.5 univer-flex univer-h-full",
-                    children: /* @__PURE__ */ m("div", { className: "univer-flex univer-items-center univer-gap-1", children: /* @__PURE__ */ m(
-                      Gt,
-                      {
-                        value: String(O.relativeFrom),
-                        disabled: p,
-                        options: f,
-                        onChange: P
-                      }
-                    ) })
+                    value: String(D.relativeFrom),
+                    disabled: p,
+                    options: f,
+                    onChange: N
                   }
                 )
-              ] }) })
+              ] })
             ]
           }
         ),
-        /* @__PURE__ */ m("div", { className: "univer-relative univer-mt-2.5 univer-flex univer-h-full", children: /* @__PURE__ */ m(
+        /* @__PURE__ */ T(
           "div",
           {
-            className: "univer-flex univer-items-center univer-gap-1 univer-text-gray-900 dark:univer-text-white",
-            children: /* @__PURE__ */ m("div", { children: t.t("image-position.vertical") })
+            className: "univer-text-gray-600 dark:univer-text-gray-200",
+            children: /* @__PURE__ */ T("div", { children: t.t("image-position.vertical") })
           }
-        ) }),
-        /* @__PURE__ */ X("div", { className: "univer-relative univer-mt-2.5 univer-flex univer-h-full", children: [
-          /* @__PURE__ */ m("div", { className: "univer-flex univer-items-center univer-gap-1", children: /* @__PURE__ */ X("label", { children: [
-            /* @__PURE__ */ m("div", { className: "univer-relative univer-mt-2.5 univer-flex univer-h-full", children: /* @__PURE__ */ m("div", { className: "univer-flex univer-items-center univer-gap-1", children: t.t("image-position.absolutePosition") }) }),
-            /* @__PURE__ */ m(
-              "div",
-              {
-                className: "univer-relative univer-mt-2.5 univer-flex univer-h-full",
-                children: /* @__PURE__ */ m("div", { className: "univer-flex univer-items-center univer-gap-1", children: /* @__PURE__ */ m(
-                  ke,
+        ),
+        /* @__PURE__ */ X(
+          "div",
+          {
+            className: "univer-grid univer-grid-cols-2 univer-gap-2 [&>div]:univer-grid [&>div]:univer-gap-2",
+            children: [
+              /* @__PURE__ */ X("div", { children: [
+                /* @__PURE__ */ T("span", { children: t.t("image-position.absolutePosition") }),
+                /* @__PURE__ */ T(
+                  Fe,
                   {
-                    min: qt,
-                    max: Kt,
+                    min: Xt,
+                    max: qt,
                     precision: 1,
                     disabled: p,
-                    value: y.posOffset,
-                    onChange: (S) => {
-                      I("positionV", {
-                        relativeFrom: y.relativeFrom,
-                        posOffset: S
+                    value: O.posOffset,
+                    onChange: (_) => {
+                      w("positionV", {
+                        relativeFrom: O.relativeFrom,
+                        posOffset: _
                       });
                     }
                   }
-                ) })
-              }
-            )
-          ] }) }),
-          /* @__PURE__ */ m("div", { className: "univer-flex univer-items-center univer-gap-1", children: /* @__PURE__ */ X("label", { children: [
-            /* @__PURE__ */ m("div", { className: "univer-relative univer-mt-2.5 univer-flex univer-h-full", children: /* @__PURE__ */ m("div", { className: "univer-flex univer-items-center univer-gap-1", children: t.t("image-position.bellow") }) }),
-            /* @__PURE__ */ m(
-              "div",
-              {
-                className: "univer-relative univer-mt-2.5 univer-flex univer-h-full",
-                children: /* @__PURE__ */ m("div", { className: "univer-flex univer-items-center univer-gap-1", children: /* @__PURE__ */ m(
-                  Gt,
+                )
+              ] }),
+              /* @__PURE__ */ X("div", { children: [
+                /* @__PURE__ */ T("span", { children: t.t("image-position.bellow") }),
+                /* @__PURE__ */ T(
+                  Ht,
                   {
                     disabled: p,
-                    value: String(y.relativeFrom),
-                    options: v,
+                    value: String(O.relativeFrom),
+                    options: m,
                     onChange: H
                   }
-                ) })
-              }
-            )
-          ] }) })
-        ] }),
-        /* @__PURE__ */ m("div", { className: "univer-relative univer-mt-2.5 univer-flex univer-h-full", children: /* @__PURE__ */ m(
+                )
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ T(
           "div",
           {
-            className: "univer-flex univer-items-center univer-gap-1 univer-text-gray-900 dark:univer-text-white",
-            children: /* @__PURE__ */ m("div", { children: t.t("image-position.options") })
+            className: "univer-text-gray-600 dark:univer-text-gray-200",
+            children: /* @__PURE__ */ T("div", { children: t.t("image-position.options") })
           }
-        ) }),
-        /* @__PURE__ */ m(
-          "div",
+        ),
+        /* @__PURE__ */ T("div", { children: /* @__PURE__ */ T(
+          Ur,
           {
-            className: "univer-relative univer-mb-12 univer-mt-2.5 univer-flex univer-h-full",
-            children: /* @__PURE__ */ m("div", { className: "univer-flex univer-items-center univer-gap-1", children: /* @__PURE__ */ m(Bi, { disabled: p, checked: M, onChange: _, children: t.t("image-position.moveObjectWithText") }) })
+            disabled: p,
+            checked: M,
+            onChange: I,
+            children: t.t("image-position.moveObjectWithText")
           }
-        )
+        ) })
       ]
     }
   );
-}, Je = 0, et = 100, nr = (i) => {
-  const e = ve(j), t = ve(gt), n = ve(me), r = ve(Q), s = ve(z), { drawings: o } = i, c = o[0];
+}, Je = 0, et = 100, ti = (r) => {
+  const e = ve(j), t = ve(ut), n = ve(pe), i = ve(Q), o = ve(z), { drawings: s } = r, c = s[0];
   if (c == null)
     return null;
-  const { unitId: d } = c, a = s.getUniverDocInstance(d), l = r.getRenderById(d);
-  if ((l == null ? void 0 : l.scene) == null)
+  const { unitId: d } = c, a = o.getUniverDocInstance(d), g = i.getRenderById(d);
+  if ((g == null ? void 0 : g.scene) == null)
     return null;
-  const [u, h] = re(!0), [f, v] = re(!0), [p, w] = re(!0), [O, D] = re(ge.INLINE), [y, x] = re(""), [M, E] = re({
+  const [l, h] = ie(!0), [f, m] = ie(!0), [p, v] = ie(!0), [D, S] = ie(ue.INLINE), [O, C] = ie(""), [M, A] = ie({
     distT: 0,
     distL: 0,
     distB: 0,
     distR: 0
-  }), [U, N] = re(!0);
-  function I(_) {
-    D(_);
-    const S = n.getFocusDrawings();
-    if (S.length === 0)
+  }), [U, R] = ie(!0);
+  function w(I) {
+    S(I);
+    const _ = n.getFocusDrawings();
+    if (_.length === 0)
       return;
-    const { unitId: C, subUnitId: T } = S[0], L = S.map(({ unitId: B, subUnitId: b, drawingId: R }) => ({
+    const { unitId: E, subUnitId: y } = _[0], L = _.map(({ unitId: B, subUnitId: b, drawingId: P }) => ({
       unitId: B,
       subUnitId: b,
-      drawingId: R
+      drawingId: P
     }));
-    e.executeCommand(On.id, {
-      unitId: C,
-      subUnitId: T,
+    e.executeCommand(Dn.id, {
+      unitId: E,
+      subUnitId: y,
       drawings: L,
-      wrappingStyle: _
+      wrappingStyle: I
     });
   }
-  function P(_) {
-    x(_);
-    const S = n.getFocusDrawings();
-    if (S.length === 0)
+  function N(I) {
+    C(I);
+    const _ = n.getFocusDrawings();
+    if (_.length === 0)
       return;
-    const C = S.map((T) => ({
-      unitId: T.unitId,
-      subUnitId: T.subUnitId,
-      drawingId: T.drawingId
+    const E = _.map((y) => ({
+      unitId: y.unitId,
+      subUnitId: y.subUnitId,
+      drawingId: y.drawingId
     }));
-    e.executeCommand(Tn.id, {
-      unitId: S[0].unitId,
-      subUnitId: S[0].unitId,
-      drawings: C,
-      wrapText: _
+    e.executeCommand(yn.id, {
+      unitId: _[0].unitId,
+      subUnitId: _[0].unitId,
+      drawings: E,
+      wrapText: I
     });
   }
-  function H(_, S) {
-    if (_ == null)
+  function H(I, _) {
+    if (I == null)
       return;
-    const C = { ...M, [S]: _ };
-    E(C);
-    const T = n.getFocusDrawings();
-    if (T.length === 0)
+    const E = { ...M, [_]: I };
+    A(E);
+    const y = n.getFocusDrawings();
+    if (y.length === 0)
       return;
-    const L = T.map((B) => ({
+    const L = y.map((B) => ({
       unitId: B.unitId,
       subUnitId: B.subUnitId,
       drawingId: B.drawingId
     }));
-    e.executeCommand(yn.id, {
-      unitId: T[0].unitId,
-      subUnitId: T[0].unitId,
+    e.executeCommand(On.id, {
+      unitId: y[0].unitId,
+      subUnitId: y[0].unitId,
       drawings: L,
       dist: {
-        [S]: _
+        [_]: I
       }
     });
   }
-  function A() {
-    const _ = n.getFocusDrawings();
-    _.length !== 0 && G(_[0]);
+  function x() {
+    const I = n.getFocusDrawings();
+    I.length !== 0 && G(I[0]);
   }
-  function G(_) {
-    var K, oe;
-    const S = (oe = (K = a == null ? void 0 : a.getSnapshot()) == null ? void 0 : K.drawings) == null ? void 0 : oe[_.drawingId];
-    if (S == null)
+  function G(I) {
+    var K, se;
+    const _ = (se = (K = a == null ? void 0 : a.getSnapshot()) == null ? void 0 : K.drawings) == null ? void 0 : se[I.drawingId];
+    if (_ == null)
       return;
     const {
-      distT: C = 0,
-      distL: T = 0,
+      distT: E = 0,
+      distL: y = 0,
       distB: L = 0,
       distR: B = 0,
-      layoutType: b = k.INLINE,
-      behindDoc: R = se.FALSE,
+      layoutType: b = F.INLINE,
+      behindDoc: P = oe.FALSE,
       wrapText: V = Xe.BOTH_SIDES
-    } = S;
-    if (E({
-      distT: C,
-      distL: T,
+    } = _;
+    if (A({
+      distT: E,
+      distL: y,
       distB: L,
       distR: B
-    }), x(V), h(b !== k.WRAP_SQUARE), b === k.WRAP_NONE || b === k.INLINE ? v(!0) : v(!1), b === k.WRAP_NONE || b === k.INLINE || b === k.WRAP_TOP_AND_BOTTOM ? w(!0) : w(!1), b === k.WRAP_NONE)
-      R === se.TRUE ? D(ge.BEHIND_TEXT) : D(ge.IN_FRONT_OF_TEXT);
+    }), C(V), h(b !== F.WRAP_SQUARE), b === F.WRAP_NONE || b === F.INLINE ? m(!0) : m(!1), b === F.WRAP_NONE || b === F.INLINE || b === F.WRAP_TOP_AND_BOTTOM ? v(!0) : v(!1), b === F.WRAP_NONE)
+      P === oe.TRUE ? S(ue.BEHIND_TEXT) : S(ue.IN_FRONT_OF_TEXT);
     else
       switch (b) {
-        case k.INLINE:
-          D(ge.INLINE);
+        case F.INLINE:
+          S(ue.INLINE);
           break;
-        case k.WRAP_SQUARE:
-          D(ge.WRAP_SQUARE);
+        case F.WRAP_SQUARE:
+          S(ue.WRAP_SQUARE);
           break;
-        case k.WRAP_TOP_AND_BOTTOM:
-          D(ge.WRAP_TOP_AND_BOTTOM);
+        case F.WRAP_TOP_AND_BOTTOM:
+          S(ue.WRAP_TOP_AND_BOTTOM);
           break;
         default:
           throw new Error(`Unsupported layout type: ${b}`);
       }
   }
-  return Mt(() => {
-    A();
-    const _ = n.focus$.subscribe((C) => {
-      if (C.length === 0) {
-        N(!1);
+  return Tt(() => {
+    x();
+    const I = n.focus$.subscribe((E) => {
+      if (E.length === 0) {
+        R(!1);
         return;
       }
-      N(!0), G(C[0]);
-    }), S = e.onCommandExecuted(async (C) => {
-      C.id === ee.id && A();
+      R(!0), G(E[0]);
+    }), _ = e.onCommandExecuted(async (E) => {
+      E.id === ee.id && x();
     });
     return () => {
-      _.unsubscribe(), S.dispose();
+      I.unsubscribe(), _.dispose();
     };
   }, []), /* @__PURE__ */ X(
     "div",
     {
-      className: _t("univer-relative univer-mt-5 univer-w-full", ln, {
+      className: dn("univer-grid univer-gap-2 univer-py-2 univer-text-gray-400", {
         "univer-hidden": !U
       }),
       children: [
-        /* @__PURE__ */ m("div", { className: "univer-relative univer-mt-2.5 univer-flex univer-h-full", children: /* @__PURE__ */ m(
-          "div",
+        /* @__PURE__ */ T(
+          "header",
           {
-            className: "univer-flex univer-items-center univer-gap-1 univer-text-gray-600 dark:univer-text-gray-200",
-            children: /* @__PURE__ */ m("div", { children: t.t("image-text-wrap.title") })
+            className: "univer-text-gray-600 dark:univer-text-gray-200",
+            children: /* @__PURE__ */ T("div", { children: t.t("image-text-wrap.title") })
           }
-        ) }),
-        /* @__PURE__ */ m("div", { className: "univer-relative univer-mt-2.5 univer-flex univer-h-full", children: /* @__PURE__ */ m(
-          "div",
-          {
-            className: "univer-flex univer-items-center univer-gap-1 univer-text-gray-900 dark:univer-text-white",
-            children: /* @__PURE__ */ m("div", { children: t.t("image-text-wrap.wrappingStyle") })
-          }
-        ) }),
-        /* @__PURE__ */ m("div", { className: "univer-relative univer-mt-2.5 univer-flex univer-h-full", children: /* @__PURE__ */ m("div", { className: "univer-flex univer-items-center univer-gap-1", children: /* @__PURE__ */ X(jt, { value: O, onChange: I, direction: "vertical", children: [
-          /* @__PURE__ */ m(Me, { value: ge.INLINE, children: t.t("image-text-wrap.inline") }),
-          /* @__PURE__ */ m(Me, { value: ge.WRAP_SQUARE, children: t.t("image-text-wrap.square") }),
-          /* @__PURE__ */ m(Me, { value: ge.WRAP_TOP_AND_BOTTOM, children: t.t("image-text-wrap.topAndBottom") }),
-          /* @__PURE__ */ m(Me, { value: ge.BEHIND_TEXT, children: t.t("image-text-wrap.behindText") }),
-          /* @__PURE__ */ m(Me, { value: ge.IN_FRONT_OF_TEXT, children: t.t("image-text-wrap.inFrontText") })
-        ] }) }) }),
-        /* @__PURE__ */ m("div", { className: "univer-relative univer-mt-2.5 univer-flex univer-h-full", children: /* @__PURE__ */ m(
+        ),
+        /* @__PURE__ */ T(
           "div",
           {
-            className: "univer-flex univer-items-center univer-gap-1 univer-text-gray-900 dark:univer-text-white",
-            children: /* @__PURE__ */ m("div", { children: t.t("image-text-wrap.wrapText") })
+            className: "univer-text-gray-600 dark:univer-text-gray-200",
+            children: /* @__PURE__ */ T("div", { children: t.t("image-text-wrap.wrappingStyle") })
           }
-        ) }),
-        /* @__PURE__ */ m(
+        ),
+        /* @__PURE__ */ T("div", { children: /* @__PURE__ */ X(Gt, { value: D, onChange: w, direction: "vertical", children: [
+          /* @__PURE__ */ T(Me, { value: ue.INLINE, children: t.t("image-text-wrap.inline") }),
+          /* @__PURE__ */ T(Me, { value: ue.WRAP_SQUARE, children: t.t("image-text-wrap.square") }),
+          /* @__PURE__ */ T(Me, { value: ue.WRAP_TOP_AND_BOTTOM, children: t.t("image-text-wrap.topAndBottom") }),
+          /* @__PURE__ */ T(Me, { value: ue.BEHIND_TEXT, children: t.t("image-text-wrap.behindText") }),
+          /* @__PURE__ */ T(Me, { value: ue.IN_FRONT_OF_TEXT, children: t.t("image-text-wrap.inFrontText") })
+        ] }) }),
+        /* @__PURE__ */ T(
           "div",
           {
-            className: "univer-relative univer-mt-2.5 univer-flex univer-h-full",
-            children: /* @__PURE__ */ m("div", { className: "univer-flex univer-items-center univer-gap-1", children: /* @__PURE__ */ X(jt, { disabled: u, value: y, onChange: P, direction: "horizontal", children: [
-              /* @__PURE__ */ m(Me, { value: Xe.BOTH_SIDES, children: t.t("image-text-wrap.bothSide") }),
-              /* @__PURE__ */ m(Me, { value: Xe.LEFT, children: t.t("image-text-wrap.leftOnly") }),
-              /* @__PURE__ */ m(Me, { value: Xe.RIGHT, children: t.t("image-text-wrap.rightOnly") })
-            ] }) })
+            className: "univer-text-gray-600 dark:univer-text-gray-200",
+            children: /* @__PURE__ */ T("div", { children: t.t("image-text-wrap.wrapText") })
           }
         ),
-        /* @__PURE__ */ m("div", { className: "univer-relative univer-mt-2.5 univer-flex univer-h-full", children: /* @__PURE__ */ m(
+        /* @__PURE__ */ T("div", { children: /* @__PURE__ */ X(Gt, { disabled: l, value: O, onChange: N, direction: "horizontal", children: [
+          /* @__PURE__ */ T(Me, { value: Xe.BOTH_SIDES, children: t.t("image-text-wrap.bothSide") }),
+          /* @__PURE__ */ T(Me, { value: Xe.LEFT, children: t.t("image-text-wrap.leftOnly") }),
+          /* @__PURE__ */ T(Me, { value: Xe.RIGHT, children: t.t("image-text-wrap.rightOnly") })
+        ] }) }),
+        /* @__PURE__ */ T(
           "div",
           {
-            className: "univer-flex univer-items-center univer-gap-1 univer-text-gray-900 dark:univer-text-white",
-            children: /* @__PURE__ */ m("div", { children: t.t("image-text-wrap.distanceFromText") })
+            className: "univer-text-gray-600 dark:univer-text-gray-200",
+            children: /* @__PURE__ */ T("div", { children: t.t("image-text-wrap.distanceFromText") })
           }
-        ) }),
+        ),
         /* @__PURE__ */ X(
           "div",
           {
-            className: "univer-relative univer-mt-2.5 univer-flex univer-h-full",
+            className: "univer-grid univer-grid-cols-2 univer-gap-2 [&>div]:univer-grid [&>div]:univer-gap-2",
             children: [
-              /* @__PURE__ */ m("div", { className: "univer-flex univer-items-center univer-gap-1", children: /* @__PURE__ */ X("label", { children: [
-                /* @__PURE__ */ m("div", { className: "univer-relative univer-mt-2.5 univer-flex univer-h-full", children: /* @__PURE__ */ m("div", { className: "univer-flex univer-items-center univer-gap-1", children: t.t("image-text-wrap.top") }) }),
-                /* @__PURE__ */ m("div", { className: "univer-relative univer-mt-2.5 univer-flex univer-h-full", children: /* @__PURE__ */ m("div", { className: "univer-flex univer-items-center univer-gap-1", children: /* @__PURE__ */ m(
-                  ke,
+              /* @__PURE__ */ X("div", { children: [
+                /* @__PURE__ */ T("span", { children: t.t("image-text-wrap.top") }),
+                /* @__PURE__ */ T(
+                  Fe,
                   {
                     min: Je,
                     max: et,
                     disabled: f,
                     precision: 1,
                     value: M.distT,
-                    onChange: (_) => {
-                      H(_, "distT");
+                    onChange: (I) => {
+                      H(I, "distT");
                     }
                   }
-                ) }) })
-              ] }) }),
-              /* @__PURE__ */ m("div", { className: _t("univer-flex univer-items-center univer-gap-1"), children: /* @__PURE__ */ X("label", { children: [
-                /* @__PURE__ */ m(
-                  "div",
-                  {
-                    className: "univer-relative univer-mt-2.5 univer-flex univer-h-full",
-                    children: /* @__PURE__ */ m("div", { className: "univer-flex univer-items-center univer-gap-1", children: t.t("image-text-wrap.left") })
-                  }
-                ),
-                /* @__PURE__ */ m("div", { className: "univer-relative univer-mt-2.5 univer-flex univer-h-full", children: /* @__PURE__ */ m("div", { className: "univer-flex univer-items-center univer-gap-1", children: /* @__PURE__ */ m(
-                  ke,
+                )
+              ] }),
+              /* @__PURE__ */ X("div", { children: [
+                /* @__PURE__ */ T("span", { children: t.t("image-text-wrap.left") }),
+                /* @__PURE__ */ T(
+                  Fe,
                   {
                     min: Je,
                     max: et,
                     disabled: p,
                     precision: 1,
                     value: M.distL,
-                    onChange: (_) => {
-                      H(_, "distL");
+                    onChange: (I) => {
+                      H(I, "distL");
                     }
                   }
-                ) }) })
-              ] }) })
+                )
+              ] })
             ]
           }
         ),
         /* @__PURE__ */ X(
           "div",
           {
-            className: "univer-relative univer-mt-2.5 univer-flex univer-h-full",
+            className: "univer-grid univer-grid-cols-2 univer-gap-2 [&>div]:univer-grid [&>div]:univer-gap-2",
             children: [
-              /* @__PURE__ */ m("div", { className: "univer-flex univer-items-center univer-gap-1", children: /* @__PURE__ */ X("label", { children: [
-                /* @__PURE__ */ m("div", { className: "univer-relative univer-mt-2.5 univer-flex univer-h-full", children: /* @__PURE__ */ m("div", { className: "univer-flex univer-items-center univer-gap-1", children: t.t("image-text-wrap.bottom") }) }),
-                /* @__PURE__ */ m("div", { className: "univer-relative univer-mt-2.5 univer-flex univer-h-full", children: /* @__PURE__ */ m("div", { className: "univer-flex univer-items-center univer-gap-1", children: /* @__PURE__ */ m(
-                  ke,
+              /* @__PURE__ */ X("div", { children: [
+                /* @__PURE__ */ T("span", { children: t.t("image-text-wrap.bottom") }),
+                /* @__PURE__ */ T(
+                  Fe,
                   {
                     min: Je,
                     max: et,
                     disabled: f,
                     precision: 1,
                     value: M.distB,
-                    onChange: (_) => {
-                      H(_, "distB");
+                    onChange: (I) => {
+                      H(I, "distB");
                     }
                   }
-                ) }) })
-              ] }) }),
-              /* @__PURE__ */ m("div", { className: "univer-flex univer-items-center univer-gap-1", children: /* @__PURE__ */ X("label", { children: [
-                /* @__PURE__ */ m("div", { className: "univer-relative univer-mt-2.5 univer-flex univer-h-full", children: /* @__PURE__ */ m("div", { className: "univer-flex univer-items-center univer-gap-1", children: t.t("image-text-wrap.right") }) }),
-                /* @__PURE__ */ m("div", { className: "univer-relative univer-mt-2.5 univer-flex univer-h-full", children: /* @__PURE__ */ m("div", { className: "univer-flex univer-items-center univer-gap-1", children: /* @__PURE__ */ m(
-                  ke,
+                )
+              ] }),
+              /* @__PURE__ */ X("div", { children: [
+                /* @__PURE__ */ T("span", { children: t.t("image-text-wrap.right") }),
+                /* @__PURE__ */ T(
+                  Fe,
                   {
                     min: Je,
                     max: et,
                     disabled: p,
                     precision: 1,
                     value: M.distR,
-                    onChange: (_) => {
-                      H(_, "distR");
+                    onChange: (I) => {
+                      H(I, "distR");
                     }
                   }
-                ) }) })
-              ] }) })
+                )
+              ] })
             ]
           }
         )
       ]
     }
   );
-}, ir = () => {
-  const i = ve(me), e = i.getFocusDrawings(), [t, n] = re(e);
-  return Mt(() => {
-    const r = i.focus$.subscribe((s) => {
-      n(s);
+}, ni = () => {
+  const r = ve(pe), e = r.getFocusDrawings(), [t, n] = ie(e);
+  return Tt(() => {
+    const i = r.focus$.subscribe((o) => {
+      n(o);
     });
     return () => {
-      r.unsubscribe();
+      i.unsubscribe();
     };
-  }, []), !!(t != null && t.length) && /* @__PURE__ */ X("div", { className: "univer-p-2 univer-text-center univer-text-sm", children: [
-    /* @__PURE__ */ m(di, { drawings: t, hasAlign: !1, hasCropper: !1, hasGroup: !1, hasTransform: !1 }),
-    /* @__PURE__ */ m(nr, { drawings: t }),
-    /* @__PURE__ */ m(tr, { drawings: t })
+  }, []), !!(t != null && t.length) && /* @__PURE__ */ X("div", { className: "univer-text-sm", children: [
+    /* @__PURE__ */ T(cr, { drawings: t, hasAlign: !1, hasCropper: !1, hasGroup: !1, hasTransform: !1 }),
+    /* @__PURE__ */ T(ti, { drawings: t }),
+    /* @__PURE__ */ T(ei, { drawings: t })
   ] });
-}, En = "addition-and-subtraction-single", Rn = "doc.menu.image", An = Sn.id, rr = (i) => {
-  const e = i.get(yt), t = i.get(z);
-  return new Wi((n) => {
-    const r = e.textSelection$.subscribe(() => {
-      var o;
-      const s = e.getActiveTextRange();
-      if (s) {
-        const { segmentId: c, startOffset: d, endOffset: a } = s, l = t.getCurrentUniverDocInstance(), g = (o = l == null ? void 0 : l.getSelfOrHeaderFooterModel(c).getBody()) == null ? void 0 : o.tables;
-        if (g && g.length && g.some((u) => {
-          const { startIndex: h, endIndex: f } = u;
+}, Rn = "addition-and-subtraction-single", An = "doc.menu.image", Pn = _n.id, ri = (r) => {
+  const e = r.get(Ot), t = r.get(z);
+  return new Fr((n) => {
+    const i = e.textSelection$.subscribe(() => {
+      var s;
+      const o = e.getActiveTextRange();
+      if (o) {
+        const { segmentId: c, startOffset: d, endOffset: a } = o, g = t.getCurrentUniverDocInstance(), u = (s = g == null ? void 0 : g.getSelfOrHeaderFooterModel(c).getBody()) == null ? void 0 : s.tables;
+        if (u && u.length && u.some((l) => {
+          const { startIndex: h, endIndex: f } = l;
           return d >= h && d < f || a >= h && a < f;
         })) {
           n.next(!0);
@@ -1548,43 +1514,43 @@ const On = {
       }
       n.next(!1);
     });
-    return () => r.unsubscribe();
+    return () => i.unsubscribe();
   });
 };
-function sr(i) {
+function ii(r) {
   return {
-    id: Rn,
-    type: sn.SUBITEMS,
-    icon: En,
+    id: An,
+    type: rn.SUBITEMS,
+    icon: Rn,
     tooltip: "docImage.title",
-    disabled$: rr(i),
-    hidden$: rn(i, we.UNIVER_DOC, void 0, Ot)
+    disabled$: ri(r),
+    hidden$: nn(r, we.UNIVER_DOC, void 0, Dt)
   };
 }
-function or(i) {
+function oi(r) {
   return {
-    id: An,
+    id: Pn,
     title: "docImage.upload.float",
-    type: sn.BUTTON,
-    hidden$: rn(i, we.UNIVER_DOC, void 0, Ot)
+    type: rn.BUTTON,
+    hidden$: nn(r, we.UNIVER_DOC, void 0, Dt)
   };
 }
-const ar = {
-  [Oi.LAYOUT]: {
-    [Rn]: {
+const si = {
+  [Dr.LAYOUT]: {
+    [An]: {
       order: 0,
-      menuItemFactory: sr,
-      [An]: {
+      menuItemFactory: ii,
+      [Pn]: {
         order: 0,
-        menuItemFactory: or
+        menuItemFactory: oi
       }
     }
   }
 };
-function Ze(i) {
-  return i.getContextValue(jn) && i.getContextValue(it);
+function Ze(r) {
+  return r.getContextValue(Gn) && r.getContextValue(rt);
 }
-const cr = {
+const ai = {
   id: Ye.id,
   description: "shortcut.drawing-move-down",
   group: "4_drawing-view",
@@ -1594,7 +1560,7 @@ const cr = {
   staticParameters: {
     direction: fe.DOWN
   }
-}, dr = {
+}, ci = {
   id: Ye.id,
   description: "shortcut.drawing-move-up",
   group: "4_drawing-view",
@@ -1604,7 +1570,7 @@ const cr = {
   staticParameters: {
     direction: fe.UP
   }
-}, lr = {
+}, di = {
   id: Ye.id,
   description: "shortcut.drawing-move-left",
   group: "4_drawing-view",
@@ -1614,7 +1580,7 @@ const cr = {
   staticParameters: {
     direction: fe.LEFT
   }
-}, ur = {
+}, gi = {
   id: Ye.id,
   description: "shortcut.drawing-move-right",
   group: "4_drawing-view",
@@ -1624,8 +1590,8 @@ const cr = {
   staticParameters: {
     direction: fe.RIGHT
   }
-}, gr = {
-  id: vn.id,
+}, li = {
+  id: mn.id,
   description: "shortcut.drawing-delete",
   group: "4_drawing-view",
   // when focusing on any other input tag do not trigger this shortcut
@@ -1633,75 +1599,75 @@ const cr = {
   binding: He.DELETE,
   mac: He.BACKSPACE
 };
-var fr = Object.getOwnPropertyDescriptor, hr = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? fr(e, t) : e, s = i.length - 1, o; s >= 0; s--)
-    (o = i[s]) && (r = o(r) || r);
-  return r;
-}, tt = (i, e) => (t, n) => e(t, n, i);
-let st = class extends Le {
-  constructor(i, e, t, n) {
-    super(), this._componentManager = i, this._menuManagerService = e, this._commandService = t, this._shortcutService = n, this._init();
+var ui = Object.getOwnPropertyDescriptor, fi = (r, e, t, n) => {
+  for (var i = n > 1 ? void 0 : n ? ui(e, t) : e, o = r.length - 1, s; o >= 0; o--)
+    (s = r[o]) && (i = s(i) || i);
+  return i;
+}, tt = (r, e) => (t, n) => e(t, n, r);
+let ot = class extends Le {
+  constructor(r, e, t, n) {
+    super(), this._componentManager = r, this._menuManagerService = e, this._commandService = t, this._shortcutService = n, this._init();
   }
   _initCustomComponents() {
-    const i = this._componentManager;
-    this.disposeWithMe(i.register(En, pn)), this.disposeWithMe(i.register(xn, ir));
+    const r = this._componentManager;
+    this.disposeWithMe(r.register(Rn, pn)), this.disposeWithMe(r.register(bn, ni));
   }
   _initMenus() {
-    this._menuManagerService.mergeMenu(ar);
+    this._menuManagerService.mergeMenu(si);
   }
   _initCommands() {
     [
-      Sn,
-      xt,
+      _n,
+      bt,
+      Dn,
       On,
       yn,
-      Tn,
       Ke,
+      Tn,
       Mn,
-      bn,
-      bt,
+      Mt,
       Cn,
-      er,
-      Nn,
-      wn,
-      _n,
-      Ye,
+      Jr,
+      En,
       vn,
-      In
-    ].forEach((i) => this.disposeWithMe(this._commandService.registerCommand(i)));
+      In,
+      Ye,
+      mn,
+      wn
+    ].forEach((r) => this.disposeWithMe(this._commandService.registerCommand(r)));
   }
   _initShortcuts() {
     [
       // sheet drawing shortcuts
-      cr,
-      dr,
-      lr,
-      ur,
-      gr
-    ].forEach((i) => {
-      this.disposeWithMe(this._shortcutService.registerShortcut(i));
+      ai,
+      ci,
+      di,
+      gi,
+      li
+    ].forEach((r) => {
+      this.disposeWithMe(this._shortcutService.registerShortcut(r));
     });
   }
   _init() {
     this._initCommands(), this._initCustomComponents(), this._initMenus(), this._initShortcuts();
   }
 };
-st = hr([
+ot = fi([
   tt(0, Z(on)),
-  tt(1, yi),
+  tt(1, Or),
   tt(2, j),
-  tt(3, Ti)
-], st);
-var mr = Object.getOwnPropertyDescriptor, pr = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? mr(e, t) : e, s = i.length - 1, o; s >= 0; s--)
-    (o = i[s]) && (r = o(r) || r);
-  return r;
-}, Ve = (i, e) => (t, n) => e(t, n, i);
-function vr(i) {
-  var n, r, s, o;
-  if ($.isNoop(i) || !Array.isArray(i))
+  tt(3, yr)
+], ot);
+var hi = Object.getOwnPropertyDescriptor, pi = (r, e, t, n) => {
+  for (var i = n > 1 ? void 0 : n ? hi(e, t) : e, o = r.length - 1, s; o >= 0; o--)
+    (s = r[o]) && (i = s(i) || i);
+  return i;
+}, Ve = (r, e) => (t, n) => e(t, n, r);
+function mi(r) {
+  var n, i, o, s;
+  if ($.isNoop(r) || !Array.isArray(r))
     return null;
-  const e = i.find((c) => Array.isArray(c) && (c == null ? void 0 : c[0]) === "drawings");
+  const e = r.find((c) => Array.isArray(c) && (c == null ? void 0 : c[0]) === "drawings");
   if (e == null || !Array.isArray(e) || e.length < 3 || typeof e[1] == "string" && typeof e[2] != "object" || Array.isArray(e[1]) && typeof e[1][1] != "object")
     return null;
   const t = [];
@@ -1710,22 +1676,22 @@ function vr(i) {
       Array.isArray(c) && t.push({
         type: (n = c == null ? void 0 : c[1]) != null && n.i ? "add" : "remove",
         drawingId: c == null ? void 0 : c[0],
-        drawing: (r = c == null ? void 0 : c[1]) == null ? void 0 : r.i
+        drawing: (i = c == null ? void 0 : c[1]) == null ? void 0 : i.i
       });
   else
     t.push({
-      type: (s = e[2]) != null && s.i ? "add" : "remove",
+      type: (o = e[2]) != null && o.i ? "add" : "remove",
       drawingId: e[1],
-      drawing: (o = e[2]) == null ? void 0 : o.i
+      drawing: (s = e[2]) == null ? void 0 : s.i
     });
   return t;
 }
-function wr(i) {
-  if (!Array.isArray(i) || i.length < 3 || i[0] !== "drawingsOrder")
+function vi(r) {
+  if (!Array.isArray(r) || r.length < 3 || r[0] !== "drawingsOrder")
     return [];
   const e = [];
-  for (let t = 1; t < i.length; t++) {
-    const n = i[t];
+  for (let t = 1; t < r.length; t++) {
+    const n = r[t];
     if (Array.isArray(n) && typeof n[0] == "number" && typeof n[1] == "object")
       e.push(n[0]);
     else {
@@ -1735,93 +1701,93 @@ function wr(i) {
   }
   return e;
 }
-let ot = class extends Le {
-  constructor(i, e, t, n, r) {
-    super(), this._univerInstanceService = i, this._commandService = e, this._drawingManagerService = t, this._docDrawingService = n, this._renderManagerService = r, this._initialize();
+let st = class extends Le {
+  constructor(r, e, t, n, i) {
+    super(), this._univerInstanceService = r, this._commandService = e, this._drawingManagerService = t, this._docDrawingService = n, this._renderManagerService = i, this._initialize();
   }
   _initialize() {
     this._commandExecutedListener();
   }
   _commandExecutedListener() {
     this.disposeWithMe(
-      this._commandService.beforeCommandExecuted((i) => {
-        if (i.id !== ee.id)
+      this._commandService.beforeCommandExecuted((r) => {
+        if (r.id !== ee.id)
           return;
-        const e = i.params, { unitId: t, actions: n } = e, r = vr(n);
-        if (r != null)
-          for (const { type: s, drawingId: o, drawing: c } of r)
-            s === "add" ? this._addDrawings(t, [c]) : this._removeDrawings(t, [o]);
+        const e = r.params, { unitId: t, actions: n } = e, i = mi(n);
+        if (i != null)
+          for (const { type: o, drawingId: s, drawing: c } of i)
+            o === "add" ? this._addDrawings(t, [c]) : this._removeDrawings(t, [s]);
       })
     ), this.disposeWithMe(
-      this._commandService.onCommandExecuted((i) => {
-        if (i.id !== ee.id)
+      this._commandService.onCommandExecuted((r) => {
+        if (r.id !== ee.id)
           return;
-        const e = i.params, { unitId: t, actions: n } = e;
-        wr(n).length > 0 && this._updateDrawingsOrder(t);
+        const e = r.params, { unitId: t, actions: n } = e;
+        vi(n).length > 0 && this._updateDrawingsOrder(t);
       })
     ), this.disposeWithMe(
-      this._commandService.onCommandExecuted((i) => {
-        var o;
-        if (i.id !== Vn.id && i.id !== $n.id)
+      this._commandService.onCommandExecuted((r) => {
+        var s;
+        if (r.id !== jn.id && r.id !== Vn.id)
           return;
-        const e = (o = this._univerInstanceService.getCurrentUniverDocInstance()) == null ? void 0 : o.getUnitId(), t = this._drawingManagerService.getFocusDrawings();
+        const e = (s = this._univerInstanceService.getCurrentUniverDocInstance()) == null ? void 0 : s.getUnitId(), t = this._drawingManagerService.getFocusDrawings();
         if (e == null || t.length === 0)
           return;
-        const n = this._renderManagerService.getRenderById(e), r = n == null ? void 0 : n.scene;
-        if (r == null)
+        const n = this._renderManagerService.getRenderById(e), i = n == null ? void 0 : n.scene;
+        if (i == null)
           return !1;
-        r.getTransformerByCreate().refreshControls();
+        i.getTransformerByCreate().refreshControls();
       })
     );
   }
-  _addDrawings(i, e) {
-    const t = this._drawingManagerService, n = this._docDrawingService, r = this._docDrawingService.getBatchAddOp(e), { subUnitId: s, redo: o, objects: c } = r;
-    t.applyJson1(i, s, o), n.applyJson1(i, s, o), t.addNotification(c), n.addNotification(c);
+  _addDrawings(r, e) {
+    const t = this._drawingManagerService, n = this._docDrawingService, i = this._docDrawingService.getBatchAddOp(e), { subUnitId: o, redo: s, objects: c } = i;
+    t.applyJson1(r, o, s), n.applyJson1(r, o, s), t.addNotification(c), n.addNotification(c);
   }
-  _removeDrawings(i, e) {
-    const t = this._drawingManagerService, n = this._docDrawingService, r = this._docDrawingService.getBatchRemoveOp(e.map((d) => ({
-      unitId: i,
-      subUnitId: i,
+  _removeDrawings(r, e) {
+    const t = this._drawingManagerService, n = this._docDrawingService, i = this._docDrawingService.getBatchRemoveOp(e.map((d) => ({
+      unitId: r,
+      subUnitId: r,
       drawingId: d
-    }))), { subUnitId: s, redo: o, objects: c } = r;
-    t.applyJson1(i, s, o), n.applyJson1(i, s, o), t.removeNotification(c), n.removeNotification(c);
+    }))), { subUnitId: o, redo: s, objects: c } = i;
+    t.applyJson1(r, o, s), n.applyJson1(r, o, s), t.removeNotification(c), n.removeNotification(c);
   }
-  _updateDrawingsOrder(i) {
-    const e = this._univerInstanceService.getUniverDocInstance(i);
+  _updateDrawingsOrder(r) {
+    const e = this._univerInstanceService.getUniverDocInstance(r);
     if (e == null)
       return;
     const t = e.getSnapshot().drawingsOrder;
     if (t == null)
       return;
-    const n = this._drawingManagerService, r = this._docDrawingService;
-    n.setDrawingOrder(i, i, t), r.setDrawingOrder(i, i, t);
-    const s = {
-      unitId: i,
-      subUnitId: i,
+    const n = this._drawingManagerService, i = this._docDrawingService;
+    n.setDrawingOrder(r, r, t), i.setDrawingOrder(r, r, t);
+    const o = {
+      unitId: r,
+      subUnitId: r,
       drawingIds: t
     };
-    n.orderNotification(s), r.orderNotification(s);
+    n.orderNotification(o), i.orderNotification(o);
   }
 };
-ot = pr([
+st = pi([
   Ve(0, z),
   Ve(1, j),
-  Ve(2, me),
+  Ve(2, pe),
   Ve(3, Ue),
   Ve(4, Q)
-], ot);
-var Ir = Object.getOwnPropertyDescriptor, _r = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? Ir(e, t) : e, s = i.length - 1, o; s >= 0; s--)
-    (o = i[s]) && (r = o(r) || r);
-  return r;
-}, Fe = (i, e) => (t, n) => e(t, n, i);
-function Pn(i, e, t = 1, n = 0) {
-  const { top: r, left: s, bottom: o, right: c } = i, d = c - s, a = o - r, l = e.getViewport(cn.VIEW_MAIN), { viewportScrollX: g, viewportScrollY: u } = l, { scaleX: h, scaleY: f } = e.getAncestorScale();
+], st);
+var wi = Object.getOwnPropertyDescriptor, Ii = (r, e, t, n) => {
+  for (var i = n > 1 ? void 0 : n ? wi(e, t) : e, o = r.length - 1, s; o >= 0; o--)
+    (s = r[o]) && (i = s(i) || i);
+  return i;
+}, ke = (r, e) => (t, n) => e(t, n, r);
+function xn(r, e, t = 1, n = 0) {
+  const { top: i, left: o, bottom: s, right: c } = r, d = c - o, a = s - i, g = e.getViewport(an.VIEW_MAIN), { viewportScrollX: u, viewportScrollY: l } = g, { scaleX: h, scaleY: f } = e.getAncestorScale();
   return {
-    startX: (s - g) * h,
-    startY: (r - u) * f,
-    endX: (s + d - g) * h,
-    endY: (r + a - u) * f,
+    startX: (o - u) * h,
+    startY: (i - l) * f,
+    endX: (o + d - u) * h,
+    endY: (i + a - l) * f,
     width: d * h,
     height: a * f,
     rotate: n,
@@ -1832,15 +1798,15 @@ function Pn(i, e, t = 1, n = 0) {
     opacity: t != null ? t : 1
   };
 }
-function wt(i, e) {
-  const { top: t, left: n, width: r, height: s, angle: o, opacity: c } = i;
-  return Pn({ top: t, left: n, bottom: t + s, right: n + r }, e.scene, c, o);
+function wt(r, e) {
+  const { top: t, left: n, width: i, height: o, angle: s, opacity: c } = r;
+  return xn({ top: t, left: n, bottom: t + o, right: n + i }, e.scene, c, s);
 }
 let at = class extends Le {
-  constructor(e, t, n, r, s, o) {
+  constructor(e, t, n, i, o, s) {
     super();
     Ie(this, "_domLayerInfoMap", /* @__PURE__ */ new Map());
-    this._renderManagerService = e, this._drawingManagerService = t, this._drawingRenderService = n, this._canvasFloatDomService = r, this._univerInstanceService = s, this._commandService = o, this._initialize();
+    this._renderManagerService = e, this._drawingManagerService = t, this._drawingRenderService = n, this._canvasFloatDomService = i, this._univerInstanceService = o, this._commandService = s, this._initialize();
   }
   dispose() {
     super.dispose();
@@ -1854,8 +1820,8 @@ let at = class extends Le {
     const t = this._renderManagerService.getRenderById(e);
     if (t == null)
       return null;
-    const n = t.scene, r = n.getTransformerByCreate();
-    return { scene: n, transformer: r, renderUnit: t, canvas: t.engine.getCanvasElement() };
+    const n = t.scene, i = n.getTransformerByCreate();
+    return { scene: n, transformer: i, renderUnit: t, canvas: t.engine.getCanvasElement() };
   }
   _drawingAddRemoveListener() {
     this.disposeWithMe(
@@ -1875,50 +1841,50 @@ let at = class extends Le {
       const { unitId: n } = t;
       if (!this._univerInstanceService.getUnit(n, we.UNIVER_DOC))
         return;
-      const s = this._getSceneAndTransformerByDrawingSearch(n);
-      if (s == null)
-        return;
-      const o = this._drawingManagerService.getDrawingByParam(t);
+      const o = this._getSceneAndTransformerByDrawingSearch(n);
       if (o == null)
         return;
-      const c = await this._drawingRenderService.renderFloatDom(o, s.scene);
+      const s = this._drawingManagerService.getDrawingByParam(t);
+      if (s == null)
+        return;
+      const c = await this._drawingRenderService.renderFloatDom(s, o.scene);
       if (!(c == null || c.length === 0))
         for (const d of c) {
           this._addHoverForRect(d);
-          const a = new zn(), l = wt(d, s.renderUnit), g = new Tt(l), u = s.canvas, h = o.data, f = {
+          const a = new $n(), g = wt(d, o.renderUnit), u = new yt(g), l = o.canvas, h = s.data, f = {
             dispose: a,
             rect: d,
-            position$: g,
+            position$: u,
             unitId: n
           };
           this._canvasFloatDomService.addFloatDom({
-            position$: g,
-            id: o.drawingId,
-            componentKey: o.componentKey,
+            position$: u,
+            id: s.drawingId,
+            componentKey: s.componentKey,
             onPointerDown: (p) => {
-              u.dispatchEvent(new PointerEvent(p.type, p));
+              l.dispatchEvent(new PointerEvent(p.type, p));
             },
             onPointerMove: (p) => {
-              u.dispatchEvent(new PointerEvent(p.type, p));
+              l.dispatchEvent(new PointerEvent(p.type, p));
             },
             onPointerUp: (p) => {
-              u.dispatchEvent(new PointerEvent(p.type, p));
+              l.dispatchEvent(new PointerEvent(p.type, p));
             },
             onWheel: (p) => {
-              u.dispatchEvent(new WheelEvent(p.type, p));
+              l.dispatchEvent(new WheelEvent(p.type, p));
             },
             data: h,
             unitId: n
           });
-          const v = d.onTransformChange$.subscribeEvent(() => {
-            const p = wt(d, s.renderUnit);
-            g.next(
+          const m = d.onTransformChange$.subscribeEvent(() => {
+            const p = wt(d, o.renderUnit);
+            u.next(
               p
             );
           });
           a.add(() => {
-            this._canvasFloatDomService.removeFloatDom(o.drawingId);
-          }), v && a.add(v), this._domLayerInfoMap.set(o.drawingId, f);
+            this._canvasFloatDomService.removeFloatDom(s.drawingId);
+          }), m && a.add(m), this._domLayerInfoMap.set(s.drawingId, f);
         }
     });
   }
@@ -1926,13 +1892,13 @@ let at = class extends Le {
     this.disposeWithMe(
       De(
         e.onPointerEnter$.subscribeEvent(() => {
-          e.cursor = Ut.GRAB;
+          e.cursor = Lt.GRAB;
         })
       )
     ), this.disposeWithMe(
       De(
         e.onPointerLeave$.subscribeEvent(() => {
-          e.cursor = Ut.DEFAULT;
+          e.cursor = Lt.DEFAULT;
         })
       )
     );
@@ -1943,27 +1909,27 @@ let at = class extends Le {
       return;
     const { unitId: n } = t;
     this._domLayerInfoMap.delete(e), t.dispose.dispose();
-    const r = this._getSceneAndTransformerByDrawingSearch(n);
-    r && r.scene.removeObject(t.rect);
+    const i = this._getSceneAndTransformerByDrawingSearch(n);
+    i && i.scene.removeObject(t.rect);
   }
   _initScrollAndZoomEvent() {
     const e = (t) => {
       const n = this._getSceneAndTransformerByDrawingSearch(t);
-      n && this._domLayerInfoMap.forEach((r) => {
-        if (r.unitId !== t) return;
-        const s = wt(r.rect, n.renderUnit);
-        r.position$.next(s);
+      n && this._domLayerInfoMap.forEach((i) => {
+        if (i.unitId !== t) return;
+        const o = wt(i.rect, n.renderUnit);
+        i.position$.next(o);
       });
     };
     this.disposeWithMe(
       this._univerInstanceService.getCurrentTypeOfUnit$(we.UNIVER_DOC).pipe(
-        Vt((t) => {
+        jt((t) => {
           if (!t) return null;
-          const n = t.getUnitId(), r = this._renderManagerService.getRenderById(n);
-          return r ? { render: r, unitId: n } : null;
+          const n = t.getUnitId(), i = this._renderManagerService.getRenderById(n);
+          return i ? { render: i, unitId: n } : null;
         }),
-        Hi(
-          (t) => t ? Jt(t.render.scene.getViewport(cn.VIEW_MAIN).onScrollAfter$).pipe(Vt(() => ({ unitId: t.unitId }))) : Gi(null)
+        Wr(
+          (t) => t ? Qt(t.render.scene.getViewport(an.VIEW_MAIN).onScrollAfter$).pipe(jt(() => ({ unitId: t.unitId }))) : Hr(null)
         )
       ).subscribe((t) => {
         if (!t) return;
@@ -1971,23 +1937,23 @@ let at = class extends Le {
         e(n);
       })
     ), this.disposeWithMe(this._commandService.onCommandExecuted((t) => {
-      if (t.id === dn.id) {
-        const n = t.params, { unitId: r } = n;
-        e(r);
+      if (t.id === cn.id) {
+        const n = t.params, { unitId: i } = n;
+        e(i);
       }
     }));
   }
   insertFloatDom(e, t) {
-    var v, p, w;
+    var m, p, v;
     const n = this._univerInstanceService.getCurrentUnitOfType(we.UNIVER_DOC);
     if (!n) return !1;
-    const r = this._getSceneAndTransformerByDrawingSearch(n.getUnitId());
-    if (!r) return !1;
-    const c = (v = r.renderUnit.with(te).getSkeleton().getSkeletonData()) == null ? void 0 : v.pages[0];
+    const i = this._getSceneAndTransformerByDrawingSearch(n.getUnitId());
+    if (!i) return !1;
+    const c = (m = i.renderUnit.with(te).getSkeleton().getSkeletonData()) == null ? void 0 : m.pages[0];
     if (!c) return !1;
-    const { pageWidth: d, marginLeft: a, marginRight: l } = c, g = d - a - l, u = {
+    const { pageWidth: d, marginLeft: a, marginRight: g } = c, u = d - a - g, l = {
       size: {
-        width: (p = t.width) != null ? p : g,
+        width: (p = t.width) != null ? p : u,
         height: t.height
       },
       positionH: {
@@ -1999,46 +1965,46 @@ let at = class extends Le {
         posOffset: 0
       },
       angle: 0
-    }, h = (w = t.drawingId) != null ? w : Xn(), f = {
+    }, h = (v = t.drawingId) != null ? v : zn(), f = {
       unitId: n.getUnitId(),
       drawings: [
         {
           drawingId: h,
-          drawingType: Pe.DRAWING_DOM,
+          drawingType: Ne.DRAWING_DOM,
           subUnitId: n.getUnitId(),
           unitId: n.getUnitId(),
           ...e,
           title: "",
           description: "",
-          docTransform: u,
-          layoutType: k.INLINE,
-          transform: an(u)
+          docTransform: l,
+          layoutType: F.INLINE,
+          transform: sn(l)
         }
       ]
     };
-    return this._commandService.syncExecuteCommand(xt.id, f), h;
+    return this._commandService.syncExecuteCommand(bt.id, f), h;
   }
 };
-at = _r([
-  Fe(0, Q),
-  Fe(1, me),
-  Fe(2, Z(tn)),
-  Fe(3, Z(Mi)),
-  Fe(4, z),
-  Fe(5, j)
+at = Ii([
+  ke(0, Q),
+  ke(1, pe),
+  ke(2, Z(en)),
+  ke(3, Z(Tr)),
+  ke(4, z),
+  ke(5, j)
 ], at);
-const Sr = (i) => {
-  const { floatDomInfos: e, scene: t, offset: n, bound: r } = i, s = r.right - r.left, o = r.bottom - r.top, c = Vi(() => e.map((d) => {
-    const { width: a = 0, height: l = 0, left: g = 0, top: u = 0 } = d.transform, f = Pn(
+const _i = (r) => {
+  const { floatDomInfos: e, scene: t, offset: n, bound: i } = r, o = i.right - i.left, s = i.bottom - i.top, c = jr(() => e.map((d) => {
+    const { width: a = 0, height: g = 0, left: u = 0, top: l = 0 } = d.transform, f = xn(
       {
-        left: g,
-        right: g + a,
-        top: u,
-        bottom: u + l
+        left: u,
+        right: u + a,
+        top: l,
+        bottom: l + g
       },
       t
-    ), v = {
-      position$: new Tt(f),
+    ), m = {
+      position$: new yt(f),
       position: f,
       id: d.drawingId,
       componentKey: d.componentKey,
@@ -2053,29 +2019,29 @@ const Sr = (i) => {
       unitId: d.unitId,
       data: d.data
     };
-    return [d.drawingId, v];
-  }).filter(([d, a]) => !(a.position.endX < 0 || a.position.endY < 0 || a.position.startX > s || a.position.startY > o)), [e, t, n, s, o]);
-  return /* @__PURE__ */ m("div", { style: { position: "absolute", top: 0, left: 0 }, children: c.map(([d, a]) => /* @__PURE__ */ m(bi, { layer: a, id: d, position: a.position }, d)) });
+    return [d.drawingId, m];
+  }).filter(([d, a]) => !(a.position.endX < 0 || a.position.endY < 0 || a.position.startX > o || a.position.startY > s)), [e, t, n, o, s]);
+  return /* @__PURE__ */ T("div", { style: { position: "absolute", top: 0, left: 0 }, children: c.map(([d, a]) => /* @__PURE__ */ T(Mr, { layer: a, id: d, position: a.position }, d)) });
 };
-var Dr = Object.getOwnPropertyDescriptor, Or = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? Dr(e, t) : e, s = i.length - 1, o; s >= 0; s--)
-    (o = i[s]) && (r = o(r) || r);
-  return r;
-}, $e = (i, e) => (t, n) => e(t, n, i);
+var Si = Object.getOwnPropertyDescriptor, Di = (r, e, t, n) => {
+  for (var i = n > 1 ? void 0 : n ? Si(e, t) : e, o = r.length - 1, s; o >= 0; o--)
+    (s = r[o]) && (i = s(i) || i);
+  return i;
+}, $e = (r, e) => (t, n) => e(t, n, r);
 let ct = class extends Le {
-  constructor(i, e, t, n, r) {
-    super(), this._docPrintInterceptorService = i, this._drawingRenderService = e, this._drawingManagerService = t, this._componetManager = n, this._injector = r, this._initPrinting(), this._initPrintingDom();
+  constructor(r, e, t, n, i) {
+    super(), this._docPrintInterceptorService = r, this._drawingRenderService = e, this._drawingManagerService = t, this._componetManager = n, this._injector = i, this._initPrinting(), this._initPrintingDom();
   }
   _initPrinting() {
     this.disposeWithMe(
       this._docPrintInterceptorService.interceptor.intercept(
         this._docPrintInterceptorService.interceptor.getInterceptPoints().PRINTING_COMPONENT_COLLECT,
         {
-          handler: (i, e, t) => {
-            const { unitId: n, scene: r } = e, s = this._drawingManagerService.getDrawingDataForUnit(n), o = s == null ? void 0 : s[n];
-            return o && o.order.forEach((c) => {
-              const d = o.data[c];
-              d.drawingType !== Pe.DRAWING_CHART && d.drawingType !== Pe.DRAWING_DOM && this._drawingRenderService.renderDrawing(d, r);
+          handler: (r, e, t) => {
+            const { unitId: n, scene: i } = e, o = this._drawingManagerService.getDrawingDataForUnit(n), s = o == null ? void 0 : o[n];
+            return s && s.order.forEach((c) => {
+              const d = s.data[c];
+              d.drawingType !== Ne.DRAWING_CHART && d.drawingType !== Ne.DRAWING_DOM && this._drawingRenderService.renderDrawing(d, i);
             }), t();
           }
         }
@@ -2087,31 +2053,31 @@ let ct = class extends Le {
       this._docPrintInterceptorService.interceptor.intercept(
         this._docPrintInterceptorService.interceptor.getInterceptPoints().PRINTING_DOM_COLLECT,
         {
-          handler: (i, e, t) => {
-            const { unitId: n } = e, r = this._drawingManagerService.getDrawingDataForUnit(n), s = r == null ? void 0 : r[n];
-            if (s) {
-              const o = s.order.map((d) => {
-                const a = s.data[d];
-                if (a.drawingType === Pe.DRAWING_CHART)
+          handler: (r, e, t) => {
+            const { unitId: n } = e, i = this._drawingManagerService.getDrawingDataForUnit(n), o = i == null ? void 0 : i[n];
+            if (o) {
+              const s = o.order.map((d) => {
+                const a = o.data[d];
+                if (a.drawingType === Ne.DRAWING_CHART)
                   return {
                     ...a,
-                    componentKey: this._componetManager.get(qn)
+                    componentKey: this._componetManager.get(Xn)
                   };
-                if (a.drawingType === Pe.DRAWING_DOM) {
-                  const l = this._docPrintInterceptorService.getPrintComponent(a.componentKey);
+                if (a.drawingType === Ne.DRAWING_DOM) {
+                  const g = this._docPrintInterceptorService.getPrintComponent(a.componentKey);
                   return {
                     ...a,
-                    componentKey: this._componetManager.get(l || a.componentKey)
+                    componentKey: this._componetManager.get(g || a.componentKey)
                   };
                 }
                 return null;
-              }).filter(Boolean), c = xi(Sr, this._injector);
-              return Fi(
-                /* @__PURE__ */ m(
+              }).filter(Boolean), c = br(_i, this._injector);
+              return Br(
+                /* @__PURE__ */ T(
                   c,
                   {
                     unitId: n,
-                    floatDomInfos: o,
+                    floatDomInfos: s,
                     scene: e.scene,
                     skeleton: e.skeleton,
                     offset: e.offset,
@@ -2119,9 +2085,9 @@ let ct = class extends Le {
                   }
                 ),
                 e.root
-              ), i == null || i.add(() => {
-                ki(e.root);
-              }), t(i);
+              ), r == null || r.add(() => {
+                kr(e.root);
+              }), t(r);
             }
           }
         }
@@ -2129,32 +2095,32 @@ let ct = class extends Le {
     );
   }
 };
-ct = Or([
-  $e(0, Z(Ei)),
-  $e(1, Z(tn)),
-  $e(2, me),
+ct = Di([
+  $e(0, Z(Rr)),
+  $e(1, Z(en)),
+  $e(2, pe),
   $e(3, Z(on)),
-  $e(4, Z(en))
+  $e(4, Z(Jt))
 ], ct);
-var yr = Object.getOwnPropertyDescriptor, Tr = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? yr(e, t) : e, s = i.length - 1, o; s >= 0; s--)
-    (o = i[s]) && (r = o(r) || r);
-  return r;
-}, nt = (i, e) => (t, n) => e(t, n, i);
-const Mr = "__InlineDrawingAnchor__";
-function Yt(i) {
-  const { path: e } = i;
+var Oi = Object.getOwnPropertyDescriptor, yi = (r, e, t, n) => {
+  for (var i = n > 1 ? void 0 : n ? Oi(e, t) : e, o = r.length - 1, s; o >= 0; o--)
+    (s = r[o]) && (i = s(i) || i);
+  return i;
+}, nt = (r, e) => (t, n) => e(t, n, r);
+const Ti = "__InlineDrawingAnchor__";
+function Kt(r) {
+  const { path: e } = r;
   return e.some((t) => t === "cells");
 }
 let dt = class extends Le {
-  constructor(e, t, n, r) {
+  constructor(e, t, n, i) {
     super();
-    Ie(this, "_liquid", new nn());
+    Ie(this, "_liquid", new tn());
     Ie(this, "_listenerOnImageMap", /* @__PURE__ */ new Set());
     // Use to cache the drawings is under transforming or scaling.
     Ie(this, "_transformerCache", /* @__PURE__ */ new Map());
     Ie(this, "_anchorShape");
-    this._commandService = e, this._univerInstanceService = t, this._drawingManagerService = n, this._renderManagerService = r, this._init();
+    this._commandService = e, this._univerInstanceService = t, this._drawingManagerService = n, this._renderManagerService = i, this._init();
   }
   _init() {
     this._listenDrawingFocus();
@@ -2173,76 +2139,76 @@ let dt = class extends Le {
   // Only handle one drawing transformer change.
   // eslint-disable-next-line max-lines-per-function
   _listenTransformerChange(e) {
-    var r;
-    const t = (r = this._getSceneAndTransformerByDrawingSearch(e)) == null ? void 0 : r.transformer;
+    var i;
+    const t = (i = this._getSceneAndTransformerByDrawingSearch(e)) == null ? void 0 : i.transformer;
     if (t == null)
       return;
     this.disposeWithMe(
       De(
-        t.changeStart$.subscribe((s) => {
+        t.changeStart$.subscribe((o) => {
           var c;
           this._transformerCache.clear();
-          const { objects: o } = s;
-          for (const d of o.values()) {
-            const { oKey: a, width: l, height: g, left: u, top: h, angle: f } = d, v = this._drawingManagerService.getDrawingOKey(a);
-            if (v == null)
+          const { objects: s } = o;
+          for (const d of s.values()) {
+            const { oKey: a, width: g, height: u, left: l, top: h, angle: f } = d, m = this._drawingManagerService.getDrawingOKey(a);
+            if (m == null)
               continue;
-            const p = this._univerInstanceService.getUniverDocInstance(v.unitId), w = (c = p == null ? void 0 : p.getSnapshot().drawings) == null ? void 0 : c[v.drawingId];
-            if ((w == null ? void 0 : w.layoutType) === k.INLINE)
+            const p = this._univerInstanceService.getUniverDocInstance(m.unitId), v = (c = p == null ? void 0 : p.getSnapshot().drawings) == null ? void 0 : c[m.drawingId];
+            if ((v == null ? void 0 : v.layoutType) === F.INLINE)
               try {
                 d.setOpacity(0.2);
               } catch {
               }
-            w != null && this._transformerCache.set(v.drawingId, {
-              drawing: w,
+            v != null && this._transformerCache.set(m.drawingId, {
+              drawing: v,
               top: h,
-              left: u,
-              width: l,
-              height: g,
+              left: l,
+              width: g,
+              height: u,
               angle: f
             });
           }
         })
       )
     );
-    const n = Et(this._updateMultipleDrawingDocTransform.bind(this), 50);
-    Et(this._nonInlineDrawingTransform.bind(this), 50), this.disposeWithMe(
+    const n = Rt(this._updateMultipleDrawingDocTransform.bind(this), 50);
+    Rt(this._nonInlineDrawingTransform.bind(this), 50), this.disposeWithMe(
       De(
-        t.changing$.subscribe((s) => {
-          const { objects: o, offsetX: c, offsetY: d } = s;
-          if (o.size > 1)
-            n(o);
-          else if (o.size === 1) {
-            const a = this._transformerCache.values().next().value, l = o.values().next().value, { width: g, height: u, top: h, left: f, angle: v } = l;
-            if (a && g === a.width && u === a.height && h === a.top && f === a.left && v === a.angle)
+        t.changing$.subscribe((o) => {
+          const { objects: s, offsetX: c, offsetY: d } = o;
+          if (s.size > 1)
+            n(s);
+          else if (s.size === 1) {
+            const a = this._transformerCache.values().next().value, g = s.values().next().value, { width: u, height: l, top: h, left: f, angle: m } = g;
+            if (a && u === a.width && l === a.height && h === a.top && f === a.left && m === a.angle)
               return;
-            a && (a.drawing.layoutType, k.INLINE), a && a.drawing.layoutType === k.INLINE && c != null && d != null && this._updateInlineDrawingAnchor(a.drawing, c, d);
+            a && (a.drawing.layoutType, F.INLINE), a && a.drawing.layoutType === F.INLINE && c != null && d != null && this._updateInlineDrawingAnchor(a.drawing, c, d);
           }
         })
       )
     ), this.disposeWithMe(
       De(
         // eslint-disable-next-line complexity
-        t.changeEnd$.subscribe((s) => {
-          const { objects: o, offsetX: c, offsetY: d } = s;
-          for (const a of o.values()) {
-            const l = this._drawingManagerService.getDrawingOKey(a.oKey);
-            if (l == null)
+        t.changeEnd$.subscribe((o) => {
+          const { objects: s, offsetX: c, offsetY: d } = o;
+          for (const a of s.values()) {
+            const g = this._drawingManagerService.getDrawingOKey(a.oKey);
+            if (g == null)
               continue;
-            const g = this._transformerCache.get(l == null ? void 0 : l.drawingId);
-            if ((g == null ? void 0 : g.drawing.layoutType) === k.INLINE)
+            const u = this._transformerCache.get(g == null ? void 0 : g.drawingId);
+            if ((u == null ? void 0 : u.drawing.layoutType) === F.INLINE)
               try {
                 a.setOpacity(1);
               } catch {
               }
           }
-          if (this._anchorShape && this._anchorShape.hide(), o.size > 1)
-            this._updateMultipleDrawingDocTransform(o);
-          else if (o.size === 1) {
-            const a = this._transformerCache.values().next().value, l = o.values().next().value, { width: g, height: u, top: h, left: f, angle: v } = l;
-            if (a && g === a.width && u === a.height && h === a.top && f === a.left && v === a.angle)
+          if (this._anchorShape && this._anchorShape.hide(), s.size > 1)
+            this._updateMultipleDrawingDocTransform(s);
+          else if (s.size === 1) {
+            const a = this._transformerCache.values().next().value, g = s.values().next().value, { width: u, height: l, top: h, left: f, angle: m } = g;
+            if (a && u === a.width && l === a.height && h === a.top && f === a.left && m === a.angle)
               return;
-            a && a.drawing.layoutType === k.INLINE ? g !== a.width || u !== a.height || v !== a.angle ? this._updateDrawingSize(a, l) : c != null && d != null && this._moveInlineDrawing(a.drawing, c, d) : a && this._nonInlineDrawingTransform(a.drawing, l);
+            a && a.drawing.layoutType === F.INLINE ? u !== a.width || l !== a.height || m !== a.angle ? this._updateDrawingSize(a, g) : c != null && d != null && this._moveInlineDrawing(a.drawing, c, d) : a && this._nonInlineDrawingTransform(a.drawing, g);
           }
           this._transformerCache.clear();
         })
@@ -2254,51 +2220,51 @@ let dt = class extends Le {
     if (e.size < 1)
       return;
     const t = [];
-    let n, r;
-    for (const s of e.values()) {
-      const { oKey: o, left: c, top: d, angle: a } = s;
-      let { width: l, height: g } = s;
-      const u = this._drawingManagerService.getDrawingOKey(o);
-      if (u == null)
+    let n, i;
+    for (const o of e.values()) {
+      const { oKey: s, left: c, top: d, angle: a } = o;
+      let { width: g, height: u } = o;
+      const l = this._drawingManagerService.getDrawingOKey(s);
+      if (l == null)
         continue;
-      n == null && (n = u.unitId), r == null && (r = u.subUnitId);
-      const h = this._transformerCache.get(u.drawingId);
+      n == null && (n = l.unitId), i == null && (i = l.subUnitId);
+      const h = this._transformerCache.get(l.drawingId);
       if (h == null)
         continue;
-      const { drawing: f, top: v, left: p, width: w, height: O, angle: D } = h, { width: y, height: x } = this._getPageContentSize(f);
-      if (l = Math.min(l, y), g = Math.min(g, x), (w !== l || O !== g) && t.push({
-        drawingId: u.drawingId,
+      const { drawing: f, top: m, left: p, width: v, height: D, angle: S } = h, { width: O, height: C } = this._getPageContentSize(f);
+      if (g = Math.min(g, O), u = Math.min(u, C), (v !== g || D !== u) && t.push({
+        drawingId: l.drawingId,
         key: "size",
         value: {
-          width: l,
-          height: g
+          width: g,
+          height: u
         }
-      }), D !== a && t.push({
-        drawingId: u.drawingId,
+      }), S !== a && t.push({
+        drawingId: l.drawingId,
         key: "angle",
         value: a
-      }), v !== d || p !== c) {
-        const M = d - v, E = c - p;
+      }), m !== d || p !== c) {
+        const M = d - m, A = c - p;
         M !== 0 && t.push({
-          drawingId: u.drawingId,
+          drawingId: l.drawingId,
           key: "positionV",
           value: {
             relativeFrom: f.docTransform.positionV.relativeFrom,
             posOffset: f.docTransform.positionV.posOffset + M
           }
-        }), E !== 0 && t.push({
-          drawingId: u.drawingId,
+        }), A !== 0 && t.push({
+          drawingId: l.drawingId,
           key: "positionH",
           value: {
             relativeFrom: f.docTransform.positionH.relativeFrom,
-            posOffset: f.docTransform.positionH.posOffset + E
+            posOffset: f.docTransform.positionH.posOffset + A
           }
         });
       }
     }
-    t.length > 0 && n && r && this._commandService.executeCommand(Ke.id, {
+    t.length > 0 && n && i && this._commandService.executeCommand(Ke.id, {
       unitId: n,
-      subUnitId: r,
+      subUnitId: i,
       drawings: t
     });
   }
@@ -2310,111 +2276,111 @@ let dt = class extends Le {
     this._getDrawingAnchor(t.drawing, n);
   }
   _updateInlineDrawingAnchor(e, t, n) {
-    var s;
+    var o;
     if (this._transformerCache.size !== 1)
       return;
-    const { contentBoxPointGroup: r } = (s = this._getInlineDrawingAnchor(e, t, n)) != null ? s : {};
-    r != null && this._createOrUpdateInlineAnchor(e.unitId, r);
+    const { contentBoxPointGroup: i } = (o = this._getInlineDrawingAnchor(e, t, n)) != null ? o : {};
+    i != null && this._createOrUpdateInlineAnchor(e.unitId, i);
   }
   _getInlineDrawingAnchor(e, t, n) {
-    var A, G;
-    const r = this._renderManagerService.getRenderById(e.unitId), s = r == null ? void 0 : r.with(te).getSkeleton();
-    if (r == null)
+    var x, G;
+    const i = this._renderManagerService.getRenderById(e.unitId), o = i == null ? void 0 : i.with(te).getSkeleton();
+    if (i == null)
       return;
-    const { mainComponent: o, scene: c } = r, d = o, a = c.getViewports()[0], {
-      pageLayoutType: l = Bt.VERTICAL,
-      pageMarginLeft: g,
-      pageMarginTop: u
+    const { mainComponent: s, scene: c } = i, d = s, a = c.getViewports()[0], {
+      pageLayoutType: g = Ut.VERTICAL,
+      pageMarginLeft: u,
+      pageMarginTop: l
     } = d.getOffsetConfig();
-    let h = null, f = !1, v = -1, p = "";
-    const w = 0.5, O = this._getTransformCoordForDocumentOffset(d, a, t, n);
-    if (O == null)
-      return;
-    const D = (A = this._renderManagerService.getRenderById(e.unitId)) == null ? void 0 : A.with(xe);
+    let h = null, f = !1, m = -1, p = "";
+    const v = 0.5, D = this._getTransformCoordForDocumentOffset(d, a, t, n);
     if (D == null)
       return;
-    const y = s == null ? void 0 : s.findNodeByCoord(O, l, g, u, {
+    const S = (x = this._renderManagerService.getRenderById(e.unitId)) == null ? void 0 : x.with(Ce);
+    if (S == null)
+      return;
+    const O = o == null ? void 0 : o.findNodeByCoord(D, g, u, l, {
       strict: !1,
-      segmentId: D.getSegment(),
-      segmentPage: D.getSegmentPage()
+      segmentId: S.getSegment(),
+      segmentPage: S.getSegmentPage()
     });
-    if (y) {
-      const { node: _, ratioX: S, segmentPage: C, segmentId: T } = y;
-      f = S < w, h = _, v = C, p = T;
+    if (O) {
+      const { node: I, ratioX: _, segmentPage: E, segmentId: y } = O;
+      f = _ < v, h = I, m = E, p = y;
     }
     if (h == null)
       return;
-    const x = s == null ? void 0 : s.findPositionByGlyph(h, v), M = this._getDocObject();
-    if (x == null || s == null || M == null || Yt(x))
+    const C = o == null ? void 0 : o.findPositionByGlyph(h, m), M = this._getDocObject();
+    if (C == null || o == null || M == null || Kt(C))
       return;
-    const E = {
-      ...x,
+    const A = {
+      ...C,
       isBack: f
-    }, U = M.document.getOffsetConfig(), N = new kt(U, s), { cursorList: I, contentBoxPointGroup: P } = N.getRangePointData(E, E), { startOffset: H } = (G = Wt(I)) != null ? G : {};
+    }, U = M.document.getOffsetConfig(), R = new kt(U, o), { cursorList: w, contentBoxPointGroup: N } = R.getRangePointData(A, A), { startOffset: H } = (G = Ft(w)) != null ? G : {};
     if (H != null)
-      return { offset: H, contentBoxPointGroup: P, segmentId: p, segmentPage: v };
+      return { offset: H, contentBoxPointGroup: N, segmentId: p, segmentPage: m };
   }
   // eslint-disable-next-line max-lines-per-function, complexity
   _getDrawingAnchor(e, t) {
-    var _e, Se, ce, Oe, ye, Ne, Ee, Te, de, le, Re;
-    const n = this._renderManagerService.getRenderById(e.unitId), r = n == null ? void 0 : n.with(te).getSkeleton(), s = r == null ? void 0 : r.getSkeletonData();
-    if (s == null || n == null)
+    var _e, Se, ce, Oe, ye, Re, Ae, Te, de, ge, Pe;
+    const n = this._renderManagerService.getRenderById(e.unitId), i = n == null ? void 0 : n.with(te).getSkeleton(), o = i == null ? void 0 : i.getSkeletonData();
+    if (o == null || n == null)
       return;
-    const { pages: o, skeHeaders: c, skeFooters: d } = s, { mainComponent: a, scene: l } = n, g = a, u = l.getViewports()[0], { pageLayoutType: h = Bt.VERTICAL, pageMarginLeft: f, pageMarginTop: v, docsLeft: p, docsTop: w } = g.getOffsetConfig(), { left: O, top: D, angle: y } = t;
-    let { width: x, height: M } = t;
-    const { positionV: E, positionH: U } = e.docTransform, { width: N, height: I } = this._getPageContentSize(e);
-    x = Math.min(x, N), M = Math.min(M, I);
-    let P = null, H = "", A = -1;
-    const G = !1, _ = {
+    const { pages: s, skeHeaders: c, skeFooters: d } = o, { mainComponent: a, scene: g } = n, u = a, l = g.getViewports()[0], { pageLayoutType: h = Ut.VERTICAL, pageMarginLeft: f, pageMarginTop: m, docsLeft: p, docsTop: v } = u.getOffsetConfig(), { left: D, top: S, angle: O } = t;
+    let { width: C, height: M } = t;
+    const { positionV: A, positionH: U } = e.docTransform, { width: R, height: w } = this._getPageContentSize(e);
+    C = Math.min(C, R), M = Math.min(M, w);
+    let N = null, H = "", x = -1;
+    const G = !1, I = {
       ...e.docTransform,
       size: {
-        width: x,
+        width: C,
         height: M
       },
-      angle: y
-    }, { x: S, y: C } = l.getViewportScrollXY(u), T = this._getTransformCoordForDocumentOffset(g, u, O - S, D - C);
-    if (T == null)
+      angle: O
+    }, { x: _, y: E } = g.getViewportScrollXY(l), y = this._getTransformCoordForDocumentOffset(u, l, D - _, S - E);
+    if (y == null)
       return;
-    const L = (_e = this._renderManagerService.getRenderById(e.unitId)) == null ? void 0 : _e.with(xe);
+    const L = (_e = this._renderManagerService.getRenderById(e.unitId)) == null ? void 0 : _e.with(Ce);
     if (L == null)
       return;
-    const B = r == null ? void 0 : r.findNodeByCoord(T, h, f, v, {
+    const B = i == null ? void 0 : i.findNodeByCoord(y, h, f, m, {
       strict: !1,
       segmentId: L.getSegment(),
       segmentPage: L.getSegmentPage()
     });
     if (B) {
-      const { node: pe, segmentPage: ht, segmentId: mt } = B;
-      P = pe, A = ht, H = mt;
+      const { node: me, segmentPage: ht, segmentId: pt } = B;
+      N = me, x = ht, H = pt;
     }
-    if (P == null)
+    if (N == null)
       return;
-    const b = (Se = P.parent) == null ? void 0 : Se.parent, R = b == null ? void 0 : b.parent, V = (ce = R == null ? void 0 : R.lines.find((pe) => pe.paragraphIndex === (b == null ? void 0 : b.paragraphIndex) && pe.paragraphStart)) != null ? ce : R == null ? void 0 : R.lines[0], F = (Oe = R == null ? void 0 : R.parent) == null ? void 0 : Oe.parent;
-    if (b == null || R == null || V == null || F == null)
+    const b = (Se = N.parent) == null ? void 0 : Se.parent, P = b == null ? void 0 : b.parent, V = (ce = P == null ? void 0 : P.lines.find((me) => me.paragraphIndex === (b == null ? void 0 : b.paragraphIndex) && me.paragraphStart)) != null ? ce : P == null ? void 0 : P.lines[0], k = (Oe = P == null ? void 0 : P.parent) == null ? void 0 : Oe.parent;
+    if (b == null || P == null || V == null || k == null)
       return;
     this._liquid.reset();
-    const K = F.type;
-    for (const pe of o) {
-      const { headerId: ht, footerId: mt, pageHeight: Un, pageWidth: Ct, marginLeft: Nt, marginBottom: Bn } = pe, Fn = o.indexOf(pe);
-      if (A > -1 && Fn === A) {
+    const K = k.type;
+    for (const me of s) {
+      const { headerId: ht, footerId: pt, pageHeight: Ln, pageWidth: Ct, marginLeft: Et, marginBottom: Un } = me, Bn = s.indexOf(me);
+      if (x > -1 && Bn === x) {
         switch (K) {
-          case Ft.HEADER: {
+          case Bt.HEADER: {
             const je = (ye = c.get(ht)) == null ? void 0 : ye.get(Ct);
             if (je)
               this._liquid.translatePagePadding({
                 marginTop: je.marginTop,
-                marginLeft: Nt
+                marginLeft: Et
               });
             else
               throw new Error("header skeleton not found");
             break;
           }
-          case Ft.FOOTER: {
-            const je = (Ne = d.get(mt)) == null ? void 0 : Ne.get(Ct);
+          case Bt.FOOTER: {
+            const je = (Re = d.get(pt)) == null ? void 0 : Re.get(Ct);
             if (je)
               this._liquid.translatePagePadding({
-                marginTop: Un - Bn + je.marginTop,
-                marginLeft: Nt
+                marginTop: Ln - Un + je.marginTop,
+                marginLeft: Et
               });
             else
               throw new Error("footer skeleton not found");
@@ -2423,68 +2389,68 @@ let dt = class extends Le {
         }
         break;
       }
-      if (this._liquid.translatePagePadding(pe), pe === F)
+      if (this._liquid.translatePagePadding(me), me === k)
         break;
-      this._liquid.restorePagePadding(pe), this._liquid.translatePage(pe, h, f, v);
+      this._liquid.restorePagePadding(me), this._liquid.translatePage(me, h, f, m);
     }
-    switch (E.relativeFrom === W.LINE ? P = b.divides[0].glyphGroup[0] : P = (le = (de = (Te = (Ee = V.divides) == null ? void 0 : Ee[0]) == null ? void 0 : Te.glyphGroup) == null ? void 0 : de[0]) != null ? le : P, _.positionH = {
+    switch (A.relativeFrom === W.LINE ? N = b.divides[0].glyphGroup[0] : N = (ge = (de = (Te = (Ae = V.divides) == null ? void 0 : Ae[0]) == null ? void 0 : Te.glyphGroup) == null ? void 0 : de[0]) != null ? ge : N, I.positionH = {
       relativeFrom: U.relativeFrom,
-      posOffset: O - this._liquid.x - p
+      posOffset: D - this._liquid.x - p
     }, U.relativeFrom) {
       case J.MARGIN: {
-        _.positionH.posOffset = O - this._liquid.x - p - F.marginLeft;
+        I.positionH.posOffset = D - this._liquid.x - p - k.marginLeft;
         break;
       }
       case J.COLUMN: {
-        _.positionH.posOffset = O - this._liquid.x - p - R.left;
+        I.positionH.posOffset = D - this._liquid.x - p - P.left;
         break;
       }
     }
-    switch (_.positionV = {
-      relativeFrom: E.relativeFrom,
-      posOffset: D - this._liquid.y - w
-    }, E.relativeFrom) {
+    switch (I.positionV = {
+      relativeFrom: A.relativeFrom,
+      posOffset: S - this._liquid.y - v
+    }, A.relativeFrom) {
       case W.PAGE: {
-        _.positionV.posOffset = D - this._liquid.y - w - F.marginTop;
+        I.positionV.posOffset = S - this._liquid.y - v - k.marginTop;
         break;
       }
       case W.LINE: {
-        _.positionV.posOffset = D - this._liquid.y - w - b.top;
+        I.positionV.posOffset = S - this._liquid.y - v - b.top;
         break;
       }
       case W.PARAGRAPH: {
-        _.positionV.posOffset = D - this._liquid.y - w - V.top;
+        I.positionV.posOffset = S - this._liquid.y - v - V.top;
         break;
       }
     }
-    if (P == null)
+    if (N == null)
       return;
-    const oe = r == null ? void 0 : r.findPositionByGlyph(P, A), Be = this._getDocObject();
-    if (oe == null || r == null || Be == null || Yt(oe))
+    const se = i == null ? void 0 : i.findPositionByGlyph(N, x), Be = this._getDocObject();
+    if (se == null || i == null || Be == null || Kt(se))
       return;
-    const Ce = {
-      ...oe,
+    const Ee = {
+      ...se,
       isBack: G
-    }, Ge = Be.document.getOffsetConfig(), ae = new kt(Ge, r), { cursorList: ne } = ae.getRangePointData(Ce, Ce), { startOffset: ie } = (Re = Wt(ne)) != null ? Re : {};
-    if (ie != null)
-      return { offset: ie, docTransform: _, segmentId: H, segmentPage: A };
+    }, Ge = Be.document.getOffsetConfig(), ae = new kt(Ge, i), { cursorList: ne } = ae.getRangePointData(Ee, Ee), { startOffset: re } = (Pe = Ft(ne)) != null ? Pe : {};
+    if (re != null)
+      return { offset: re, docTransform: I, segmentId: H, segmentPage: x };
   }
   // Update drawing when use transformer to resize it.
   _updateDrawingSize(e, t) {
-    const n = [], { drawing: r, width: s, height: o, angle: c } = e, { unitId: d, subUnitId: a } = r;
-    let { width: l, height: g, angle: u } = t;
-    const { width: h, height: f } = this._getPageContentSize(r);
-    l = Math.min(h, l), g = Math.min(f, g), (l !== s || g !== o) && n.push({
-      drawingId: r.drawingId,
+    const n = [], { drawing: i, width: o, height: s, angle: c } = e, { unitId: d, subUnitId: a } = i;
+    let { width: g, height: u, angle: l } = t;
+    const { width: h, height: f } = this._getPageContentSize(i);
+    g = Math.min(h, g), u = Math.min(f, u), (g !== o || u !== s) && n.push({
+      drawingId: i.drawingId,
       key: "size",
       value: {
-        width: l,
-        height: g
+        width: g,
+        height: u
       }
-    }), u !== c && n.push({
-      drawingId: r.drawingId,
+    }), l !== c && n.push({
+      drawingId: i.drawingId,
       key: "angle",
-      value: u
+      value: l
     }), n.length > 0 && d && a && this._commandService.executeCommand(Ke.id, {
       unitId: d,
       subUnitId: a,
@@ -2493,65 +2459,65 @@ let dt = class extends Le {
   }
   // Update inline drawing when use transformer to move it.
   _moveInlineDrawing(e, t, n) {
-    const r = this._getInlineDrawingAnchor(e, t, n), { offset: s, segmentId: o, segmentPage: c } = r != null ? r : {};
-    return this._commandService.executeCommand(Mn.id, {
+    const i = this._getInlineDrawingAnchor(e, t, n), { offset: o, segmentId: s, segmentPage: c } = i != null ? i : {};
+    return this._commandService.executeCommand(Tn.id, {
       unitId: e.unitId,
       subUnitId: e.unitId,
       drawing: e,
-      offset: s,
-      segmentId: o,
+      offset: o,
+      segmentId: s,
       segmentPage: c,
-      needRefreshDrawings: s == null
+      needRefreshDrawings: o == null
     });
   }
   // Limit the drawing to the page area, mainly in the vertical direction,
   // and the upper and lower limits cannot exceed the page margin area.
   _limitDrawingInPage(e, t) {
-    const n = this._renderManagerService.getRenderById(e.unitId), { left: r, top: s, width: o, height: c, angle: d } = t, a = n == null ? void 0 : n.with(te).getSkeleton(), l = a == null ? void 0 : a.getSkeletonData(), { pages: g } = l != null ? l : {};
-    if (l == null || n == null || g == null)
+    const n = this._renderManagerService.getRenderById(e.unitId), { left: i, top: o, width: s, height: c, angle: d } = t, a = n == null ? void 0 : n.with(te).getSkeleton(), g = a == null ? void 0 : a.getSkeletonData(), { pages: u } = g != null ? g : {};
+    if (g == null || n == null || u == null)
       return {
-        left: r,
-        top: s,
-        width: o,
+        left: i,
+        top: o,
+        width: s,
         height: c,
         angle: d
       };
-    const { mainComponent: u } = n, h = u, { top: f, pageLayoutType: v, pageMarginLeft: p, pageMarginTop: w } = h;
-    let O = s;
+    const { mainComponent: l } = n, h = l, { top: f, pageLayoutType: m, pageMarginLeft: p, pageMarginTop: v } = h;
+    let D = o;
     this._liquid.reset();
-    for (const D of g) {
-      const { marginBottom: y, pageHeight: x } = D, M = g.indexOf(D), E = g[M + 1];
-      if (E == null)
+    for (const S of u) {
+      const { marginBottom: O, pageHeight: C } = S, M = u.indexOf(S), A = u[M + 1];
+      if (A == null)
         continue;
       if (be.hasIntersectionBetweenTwoRanges(
-        s,
-        s + c,
-        this._liquid.y + f + x - y,
-        this._liquid.y + f + x + w + E.marginTop
+        o,
+        o + c,
+        this._liquid.y + f + C - O,
+        this._liquid.y + f + C + v + A.marginTop
       )) {
-        const N = s + c / 2, I = this._liquid.y + f + x + w / 2;
-        N < I ? O = Math.min(s, this._liquid.y + f + x - y - c) : O = Math.max(s, this._liquid.y + f + x + w + E.marginTop);
+        const R = o + c / 2, w = this._liquid.y + f + C + v / 2;
+        R < w ? D = Math.min(o, this._liquid.y + f + C - O - c) : D = Math.max(o, this._liquid.y + f + C + v + A.marginTop);
       }
-      this._liquid.translatePage(D, v, p, w);
+      this._liquid.translatePage(S, m, p, v);
     }
     return {
-      left: r,
-      top: O,
-      width: o,
+      left: i,
+      top: D,
+      width: s,
       height: c,
       angle: d
     };
   }
   _nonInlineDrawingTransform(e, t, n = !1) {
-    const r = e.isMultiTransform === se.TRUE ? t : this._limitDrawingInPage(e, t);
-    if (n && r.top !== t.top)
+    const i = e.isMultiTransform === oe.TRUE ? t : this._limitDrawingInPage(e, t);
+    if (n && i.top !== t.top)
       return;
-    const s = this._getDrawingAnchor(e, r), { offset: o, docTransform: c, segmentId: d, segmentPage: a } = s != null ? s : {};
-    return o == null || c == null ? this._updateMultipleDrawingDocTransform(/* @__PURE__ */ new Map([[e.drawingId, t]])) : this._commandService.executeCommand(bn.id, {
+    const o = this._getDrawingAnchor(e, i), { offset: s, docTransform: c, segmentId: d, segmentPage: a } = o != null ? o : {};
+    return s == null || c == null ? this._updateMultipleDrawingDocTransform(/* @__PURE__ */ new Map([[e.drawingId, t]])) : this._commandService.executeCommand(Mn.id, {
       unitId: e.unitId,
       subUnitId: e.unitId,
       drawing: e,
-      offset: o,
+      offset: s,
       docTransform: c,
       segmentId: d,
       segmentPage: a
@@ -2563,87 +2529,87 @@ let dt = class extends Le {
     const t = this._renderManagerService.getRenderById(e), n = t == null ? void 0 : t.scene;
     if (n == null)
       return;
-    const r = n.getTransformerByCreate();
-    return { scene: n, transformer: r };
+    const i = n.getTransformerByCreate();
+    return { scene: n, transformer: i };
   }
-  _getTransformCoordForDocumentOffset(e, t, n, r) {
-    const { documentTransform: s } = e.getOffsetConfig(), o = t.transformVector2SceneCoord(pi.FromArray([n, r]));
-    if (o)
-      return s.clone().invert().applyPoint(o);
+  _getTransformCoordForDocumentOffset(e, t, n, i) {
+    const { documentTransform: o } = e.getOffsetConfig(), s = t.transformVector2SceneCoord(pr.FromArray([n, i]));
+    if (s)
+      return o.clone().invert().applyPoint(s);
   }
   _createOrUpdateInlineAnchor(e, t) {
     const n = this._renderManagerService.getRenderById(e);
     if (n == null)
       return;
-    const { mainComponent: r, scene: s } = n, o = r, {
+    const { mainComponent: i, scene: o } = n, s = i, {
       docsLeft: c,
       docsTop: d
-    } = o.getOffsetConfig(), a = Ri(t), { left: l, top: g, height: u } = a, h = l + c, f = g + d;
+    } = s.getOffsetConfig(), a = Ar(t), { left: g, top: u, height: l } = a, h = g + c, f = u + d;
     if (this._anchorShape) {
-      this._anchorShape.transformByState({ left: h, top: f, height: u }), this._anchorShape.show();
+      this._anchorShape.transformByState({ left: h, top: f, height: l }), this._anchorShape.show();
       return;
     }
-    const v = 6, p = new vi(Mr + be.generateRandomId(v), {
+    const m = 6, p = new mr(Ti + be.generateRandomId(m), {
       left: h,
       top: f,
-      height: u,
+      height: l,
       strokeWidth: 2,
-      stroke: wi(Kn.darkGray, 1),
+      stroke: vr(qn.darkGray, 1),
       evented: !1
     });
-    this._anchorShape = p, s.addObject(p, Ai);
+    this._anchorShape = p, o.addObject(p, Pr);
   }
   _getDocObject() {
-    return Pi(this._univerInstanceService, this._renderManagerService);
+    return xr(this._univerInstanceService, this._renderManagerService);
   }
   _getPageContentSize(e) {
-    const t = this._renderManagerService.getRenderById(e.unitId), n = t == null ? void 0 : t.with(te).getSkeleton(), r = 500, s = 500, o = n == null ? void 0 : n.getSkeletonData();
-    if (o == null || t == null)
+    const t = this._renderManagerService.getRenderById(e.unitId), n = t == null ? void 0 : t.with(te).getSkeleton(), i = 500, o = 500, s = n == null ? void 0 : n.getSkeletonData();
+    if (s == null || t == null)
       return {
-        width: r,
-        height: s
+        width: i,
+        height: o
       };
-    const { pages: c } = o;
+    const { pages: c } = s;
     let d = null;
     for (const a of c) {
-      const { skeDrawings: l } = a;
-      if (l.has(e.drawingId)) {
+      const { skeDrawings: g } = a;
+      if (g.has(e.drawingId)) {
         d = a;
         break;
       }
     }
     if (d) {
-      const { pageWidth: a, pageHeight: l, marginLeft: g, marginBottom: u, marginRight: h, marginTop: f } = d;
+      const { pageWidth: a, pageHeight: g, marginLeft: u, marginBottom: l, marginRight: h, marginTop: f } = d;
       return {
-        width: Math.max(r, a - g - h),
-        height: Math.max(s, l - f - u)
+        width: Math.max(i, a - u - h),
+        height: Math.max(o, g - f - l)
       };
     } else
       return {
-        width: r,
-        height: s
+        width: i,
+        height: o
       };
   }
 };
-dt = Tr([
+dt = yi([
   nt(0, j),
   nt(1, z),
-  nt(2, me),
+  nt(2, pe),
   nt(3, Q)
 ], dt);
-var br = Object.getOwnPropertyDescriptor, xr = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? br(e, t) : e, s = i.length - 1, o; s >= 0; s--)
-    (o = i[s]) && (r = o(r) || r);
-  return r;
-}, ze = (i, e) => (t, n) => e(t, n, i);
-let lt = class extends Yn {
-  constructor(e, t, n, r, s) {
+var Mi = Object.getOwnPropertyDescriptor, bi = (r, e, t, n) => {
+  for (var i = n > 1 ? void 0 : n ? Mi(e, t) : e, o = r.length - 1, s; o >= 0; o--)
+    (s = r[o]) && (i = s(i) || i);
+  return i;
+}, ze = (r, e) => (t, n) => e(t, n, r);
+let gt = class extends Kn {
+  constructor(e, t, n, i, o) {
     super();
     Ie(this, "_initImagePopupMenu", /* @__PURE__ */ new Set());
-    this._drawingManagerService = e, this._canvasPopManagerService = t, this._renderManagerService = n, this._univerInstanceService = r, this._contextService = s, this._init();
+    this._drawingManagerService = e, this._canvasPopManagerService = t, this._renderManagerService = n, this._univerInstanceService = i, this._contextService = o, this._init();
   }
   _init() {
-    this._univerInstanceService.getCurrentTypeOfUnit$(we.UNIVER_DOC).pipe($t(this.dispose$)).subscribe((e) => this._create(e)), this._univerInstanceService.getTypeOfUnitDisposed$(we.UNIVER_DOC).pipe($t(this.dispose$)).subscribe((e) => this._dispose(e)), this._univerInstanceService.getAllUnitsForType(we.UNIVER_DOC).forEach((e) => this._create(e));
+    this._univerInstanceService.getCurrentTypeOfUnit$(we.UNIVER_DOC).pipe(Vt(this.dispose$)).subscribe((e) => this._create(e)), this._univerInstanceService.getTypeOfUnitDisposed$(we.UNIVER_DOC).pipe(Vt(this.dispose$)).subscribe((e) => this._dispose(e)), this._univerInstanceService.getAllUnitsForType(we.UNIVER_DOC).forEach((e) => this._create(e));
   }
   _dispose(e) {
     const t = e.getUnitId();
@@ -2658,79 +2624,79 @@ let lt = class extends Yn {
   _hasCropObject(e) {
     const t = e.getAllObjects();
     for (const n of t)
-      if (n instanceof li)
+      if (n instanceof dr)
         return !0;
     return !1;
   }
   // eslint-disable-next-line max-lines-per-function
   _popupMenuListener(e) {
-    var s;
-    const t = (s = this._renderManagerService.getRenderById(e)) == null ? void 0 : s.scene;
+    var o;
+    const t = (o = this._renderManagerService.getRenderById(e)) == null ? void 0 : o.scene;
     if (!t)
       return;
     const n = t.getTransformerByCreate();
     if (!n)
       return;
-    const r = [];
+    const i = [];
     this.disposeWithMe(
       De(
         n.createControl$.subscribe(() => {
           if (this._hasCropObject(t))
             return;
-          const o = n.getSelectedObjectMap();
-          if (r.forEach((w) => w.dispose()), r.length = 0, o.size > 1)
+          const s = n.getSelectedObjectMap();
+          if (i.forEach((v) => v.dispose()), i.length = 0, s.size > 1)
             return;
-          const c = o.values().next().value;
+          const c = s.values().next().value;
           if (!c)
             return;
           const d = c.oKey, a = this._drawingManagerService.getDrawingOKey(d);
-          if (!a || a.drawingType === Pe.DRAWING_DOM)
+          if (!a || a.drawingType === Ne.DRAWING_DOM)
             return;
-          const { unitId: l, subUnitId: g, drawingId: u, drawingType: h } = a, f = this._canvasPopManagerService.attachPopupToObject(
+          const { unitId: g, subUnitId: u, drawingId: l, drawingType: h } = a, f = this._canvasPopManagerService.attachPopupToObject(
             c,
             {
-              componentKey: ui,
+              componentKey: gr,
               direction: "horizontal",
               offset: [2, 0],
               extraProps: {
-                menuItems: this._getImageMenuItems(l, g, u, h)
+                menuItems: this._getImageMenuItems(g, u, l, h)
               }
             },
-            l
+            g
           );
-          r.push(this.disposeWithMe(f)), !this._drawingManagerService.getFocusDrawings().find((w) => w.unitId === l && w.subUnitId === g && w.drawingId === u) && this._drawingManagerService.focusDrawing([{
-            unitId: l,
-            subUnitId: g,
-            drawingId: u
+          i.push(this.disposeWithMe(f)), !this._drawingManagerService.getFocusDrawings().find((v) => v.unitId === g && v.subUnitId === u && v.drawingId === l) && this._drawingManagerService.focusDrawing([{
+            unitId: g,
+            subUnitId: u,
+            drawingId: l
           }]);
         })
       )
     ), this.disposeWithMe(
       De(
         n.clearControl$.subscribe(() => {
-          r.forEach((o) => o.dispose()), r.length = 0, this._contextService.setContextValue(it, !1), this._drawingManagerService.focusDrawing(null);
+          i.forEach((s) => s.dispose()), i.length = 0, this._contextService.setContextValue(rt, !1), this._drawingManagerService.focusDrawing(null);
         })
       )
     ), this.disposeWithMe(
       De(
         n.changing$.subscribe(() => {
-          r.forEach((o) => o.dispose()), r.length = 0;
+          i.forEach((s) => s.dispose()), i.length = 0;
         })
       )
     ), this.disposeWithMe(
       De(
         n.changeStart$.subscribe(() => {
-          r.forEach((o) => o.dispose()), r.length = 0;
+          i.forEach((s) => s.dispose()), i.length = 0;
         })
       )
     );
   }
-  _getImageMenuItems(e, t, n, r) {
+  _getImageMenuItems(e, t, n, i) {
     return [
       {
         label: "image-popup.edit",
         index: 0,
-        commandId: Nn.id,
+        commandId: En.id,
         commandParams: { unitId: e, subUnitId: t, drawingId: n },
         // disable: !!SHEET_EDITOR_UNITS.includes(unitId) || drawingType === DrawingTypeEnum.DRAWING_DOM,
         disable: !0
@@ -2738,14 +2704,14 @@ let lt = class extends Yn {
       {
         label: "image-popup.delete",
         index: 1,
-        commandId: bt.id,
+        commandId: Mt.id,
         commandParams: { unitId: e, drawings: [{ unitId: e, subUnitId: t, drawingId: n }] },
         disable: !1
       },
       {
         label: "image-popup.crop",
         index: 2,
-        commandId: gi.id,
+        commandId: lr.id,
         commandParams: { unitId: e, subUnitId: t, drawingId: n },
         disable: !0
         // TODO: @JOCS, feature is not ready.
@@ -2753,7 +2719,7 @@ let lt = class extends Yn {
       {
         label: "image-popup.reset",
         index: 3,
-        commandId: fi.id,
+        commandId: ur.id,
         commandParams: [{ unitId: e, subUnitId: t, drawingId: n }],
         disable: !0
         // TODO: @JOCS, feature is not ready.
@@ -2761,23 +2727,23 @@ let lt = class extends Yn {
     ];
   }
 };
-lt = xr([
-  ze(0, me),
-  ze(1, Z(Li)),
+gt = bi([
+  ze(0, pe),
+  ze(1, Z(Nr)),
   ze(2, Q),
   ze(3, z),
-  ze(4, Qt)
-], lt);
-var Cr = Object.getOwnPropertyDescriptor, Nr = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? Cr(e, t) : e, s = i.length - 1, o; s >= 0; s--)
-    (o = i[s]) && (r = o(r) || r);
-  return r;
-}, Ae = (i, e) => (t, n) => e(t, n, i);
-let St = class extends Le {
-  constructor(e, t, n, r, s, o, c, d) {
+  ze(4, Zt)
+], gt);
+var Ci = Object.getOwnPropertyDescriptor, Ei = (r, e, t, n) => {
+  for (var i = n > 1 ? void 0 : n ? Ci(e, t) : e, o = r.length - 1, s; o >= 0; o--)
+    (s = r[o]) && (i = s(i) || i);
+  return i;
+}, xe = (r, e) => (t, n) => e(t, n, r);
+let _t = class extends Le {
+  constructor(e, t, n, i, o, s, c, d) {
     super();
-    Ie(this, "_liquid", new nn());
-    this._context = e, this._docSkeletonManagerService = t, this._commandService = n, this._editorService = r, this._drawingManagerService = s, this._docRefreshDrawingsService = o, this._univerInstanceService = c, this._lifecycleService = d, this._initialize(), this._commandExecutedListener();
+    Ie(this, "_liquid", new tn());
+    this._context = e, this._docSkeletonManagerService = t, this._commandService = n, this._editorService = i, this._drawingManagerService = o, this._docRefreshDrawingsService = s, this._univerInstanceService = c, this._lifecycleService = d, this._initialize(), this._commandExecutedListener();
   }
   _initialize() {
     this._initialRenderRefresh(), this._drawingInitializeListener(), this._initResize();
@@ -2790,18 +2756,18 @@ let St = class extends Le {
     });
   }
   _commandExecutedListener() {
-    const e = [ee.id, dn.id];
+    const e = [ee.id, cn.id];
     this.disposeWithMe(
       this._commandService.onCommandExecuted((t) => {
         if (e.includes(t.id)) {
-          const n = t.params, { unitId: r } = n, { unitId: s, mainComponent: o } = this._context;
-          if (r !== s)
+          const n = t.params, { unitId: i } = n, { unitId: o, mainComponent: s } = this._context;
+          if (i !== o)
             return;
           const c = this._docSkeletonManagerService.getSkeleton();
           if (c == null)
             return;
-          if (this._editorService.isEditor(s) && s !== Ot) {
-            o == null || o.makeDirty();
+          if (this._editorService.isEditor(o) && o !== Dt) {
+            s == null || s.makeDirty();
             return;
           }
           this._refreshDrawing(c);
@@ -2811,9 +2777,9 @@ let St = class extends Le {
   }
   _initResize() {
     this.disposeWithMe(
-      Jt(this._context.engine.onTransformChange$).pipe(
-        zt((e) => e.type === Ii.resize),
-        un(16)
+      Qt(this._context.engine.onTransformChange$).pipe(
+        $t((e) => e.type === wr.resize),
+        gn(16)
       ).subscribe(() => {
         var n;
         const e = this._docSkeletonManagerService.getSkeleton(), { scene: t } = this._context;
@@ -2822,80 +2788,80 @@ let St = class extends Le {
     );
   }
   _refreshDrawing(e) {
-    var O, D;
-    const t = e == null ? void 0 : e.getSkeletonData(), { mainComponent: n, unitId: r } = this._context, s = n;
+    var D, S;
+    const t = e == null ? void 0 : e.getSkeletonData(), { mainComponent: n, unitId: i } = this._context, o = n;
     if (!t)
       return;
-    const { left: o, top: c, pageLayoutType: d, pageMarginLeft: a, pageMarginTop: l } = s, { pages: g, skeHeaders: u, skeFooters: h } = t, f = {};
+    const { left: s, top: c, pageLayoutType: d, pageMarginLeft: a, pageMarginTop: g } = o, { pages: u, skeHeaders: l, skeFooters: h } = t, f = {};
     this._liquid.reset();
-    for (let y = 0, x = g.length; y < x; y++) {
-      const M = g[y], { headerId: E, footerId: U, pageWidth: N } = M;
-      if (E) {
-        const I = (O = u.get(E)) == null ? void 0 : O.get(N);
-        I && this._calculateDrawingPosition(
-          r,
-          I,
-          o,
+    for (let O = 0, C = u.length; O < C; O++) {
+      const M = u[O], { headerId: A, footerId: U, pageWidth: R } = M;
+      if (A) {
+        const w = (D = l.get(A)) == null ? void 0 : D.get(R);
+        w && this._calculateDrawingPosition(
+          i,
+          w,
+          s,
           c,
           f,
-          I.marginTop,
+          w.marginTop,
           M.marginLeft
         );
       }
       if (U) {
-        const I = (D = h.get(U)) == null ? void 0 : D.get(N);
-        I && this._calculateDrawingPosition(
-          r,
-          I,
-          o,
+        const w = (S = h.get(U)) == null ? void 0 : S.get(R);
+        w && this._calculateDrawingPosition(
+          i,
+          w,
+          s,
           c,
           f,
-          M.pageHeight - M.marginBottom + I.marginTop,
+          M.pageHeight - M.marginBottom + w.marginTop,
           M.marginLeft
         );
       }
-      this._calculateDrawingPosition(r, M, o, c, f, M.marginTop, M.marginLeft), this._liquid.translatePage(M, d, a, l);
+      this._calculateDrawingPosition(i, M, s, c, f, M.marginTop, M.marginLeft), this._liquid.translatePage(M, d, a, g);
     }
-    const v = Object.values(f), p = v.filter((y) => !y.isMultiTransform), w = v.filter((y) => y.isMultiTransform);
-    p.length > 0 && this._drawingManagerService.refreshTransform(p), this._handleMultiDrawingsTransform(w);
+    const m = Object.values(f), p = m.filter((O) => !O.isMultiTransform), v = m.filter((O) => O.isMultiTransform);
+    p.length > 0 && this._drawingManagerService.refreshTransform(p), this._handleMultiDrawingsTransform(v);
   }
   _handleMultiDrawingsTransform(e) {
-    const { scene: t, unitId: n } = this._context, r = t.getTransformerByCreate();
+    const { scene: t, unitId: n } = this._context, i = t.getTransformerByCreate();
     e.forEach((d) => {
       const a = this._drawingManagerService.getDrawingByParam(d);
       a != null && (a.transform = d.transform, a.transforms = d.transforms, a.isMultiTransform = d.isMultiTransform);
     });
-    const o = [...r.getSelectedObjectMap().keys()], c = Object.values(this._drawingManagerService.getDrawingData(n, n)).filter((d) => d.isMultiTransform === se.TRUE);
+    const s = [...i.getSelectedObjectMap().keys()], c = Object.values(this._drawingManagerService.getDrawingData(n, n)).filter((d) => d.isMultiTransform === oe.TRUE);
     this._drawingManagerService.removeNotification(c), e.length > 0 && this._drawingManagerService.addNotification(e);
-    for (const d of o) {
+    for (const d of s) {
       const a = t.getObject(d);
-      a && r.setSelectedControl(a);
+      a && i.setSelectedControl(a);
     }
   }
-  _calculateDrawingPosition(e, t, n, r, s, o, c) {
+  _calculateDrawingPosition(e, t, n, i, o, s, c) {
     const { skeDrawings: d } = t;
     this._liquid.translatePagePadding({
-      marginTop: o,
+      marginTop: s,
       marginLeft: c
     }), d.forEach((a) => {
-      const { aLeft: l, aTop: g, height: u, width: h, angle: f, drawingId: v, drawingOrigin: p } = a, w = p.layoutType === k.WRAP_NONE && p.behindDoc === se.TRUE, { isMultiTransform: O = se.FALSE } = p, D = {
-        left: l + n + this._liquid.x,
-        top: g + r + this._liquid.y,
+      const { aLeft: g, aTop: u, height: l, width: h, angle: f, drawingId: m, drawingOrigin: p } = a, v = p.layoutType === F.WRAP_NONE && p.behindDoc === oe.TRUE, { isMultiTransform: D = oe.FALSE } = p, S = {
+        left: g + n + this._liquid.x,
+        top: u + i + this._liquid.y,
         width: h,
-        height: u,
+        height: l,
         angle: f
       };
-      s[v] == null ? s[v] = {
+      o[m] == null ? o[m] = {
         unitId: e,
         subUnitId: e,
-        drawingId: v,
-        behindText: w,
-        transform: D,
-        transforms: [D],
-        isMultiTransform: O
-      } : O === se.TRUE && s[v].transforms.push(D);
+        drawingId: m,
+        behindText: v,
+        transform: S,
+        transforms: [S],
+        isMultiTransform: D
+      } : D === oe.TRUE && o[m].transforms.push(S);
     }), this._liquid.restorePagePadding({
-      marginTop: o,
+      marginTop: s,
       marginLeft: c
     });
   }
@@ -2904,40 +2870,40 @@ let St = class extends Le {
       const t = this._docSkeletonManagerService.getSkeleton();
       t != null && (this._refreshDrawing(t), this._drawingManagerService.initializeNotification(this._context.unitId));
     };
-    this._lifecycleService.stage >= Rt.Rendered ? this._docSkeletonManagerService.getSkeleton() ? e() : setTimeout(e, 500) : this._lifecycleService.lifecycle$.pipe(zt((t) => t === Rt.Rendered)).subscribe(e);
+    this._lifecycleService.stage >= At.Rendered ? this._docSkeletonManagerService.getSkeleton() ? e() : setTimeout(e, 500) : this._lifecycleService.lifecycle$.pipe($t((t) => t === At.Rendered)).subscribe(e);
   }
 };
-St = Nr([
-  Ae(1, Z(te)),
-  Ae(2, j),
-  Ae(3, Ui),
-  Ae(4, me),
-  Ae(5, Z(ft)),
-  Ae(6, z),
-  Ae(7, Z(Zn))
-], St);
-var Er = Object.defineProperty, Rr = Object.getOwnPropertyDescriptor, Ar = (i, e, t) => e in i ? Er(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t, Pr = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? Rr(e, t) : e, s = i.length - 1, o; s >= 0; s--)
-    (o = i[s]) && (r = o(r) || r);
-  return r;
-}, It = (i, e) => (t, n) => e(t, n, i), Ln = (i, e, t) => Ar(i, typeof e != "symbol" ? e + "" : e, t);
-const Lr = "DOC_DRAWING_UI_PLUGIN";
-let ut = class extends ei {
-  constructor(i = Xt, e, t, n) {
-    super(), this._config = i, this._injector = e, this._renderManagerSrv = t, this._configService = n;
-    const { ...r } = ti(
+_t = Ei([
+  xe(1, Z(te)),
+  xe(2, j),
+  xe(3, Lr),
+  xe(4, pe),
+  xe(5, Z(ft)),
+  xe(6, z),
+  xe(7, Z(Yn))
+], _t);
+var Ri = Object.defineProperty, Ai = Object.getOwnPropertyDescriptor, Pi = (r, e, t) => e in r ? Ri(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, xi = (r, e, t, n) => {
+  for (var i = n > 1 ? void 0 : n ? Ai(e, t) : e, o = r.length - 1, s; o >= 0; o--)
+    (s = r[o]) && (i = s(i) || i);
+  return i;
+}, It = (r, e) => (t, n) => e(t, n, r), Nn = (r, e, t) => Pi(r, typeof e != "symbol" ? e + "" : e, t);
+const Ni = "DOC_DRAWING_UI_PLUGIN";
+let lt = class extends Jn {
+  constructor(r = zt, e, t, n) {
+    super(), this._config = r, this._injector = e, this._renderManagerSrv = t, this._configService = n;
+    const { ...i } = er(
       {},
-      Xt,
+      zt,
       this._config
     );
-    this._configService.setConfig($i, r);
+    this._configService.setConfig(Vr, i);
   }
   onStarting() {
     [
-      [st],
-      [lt],
-      [dt],
       [ot],
+      [gt],
+      [dt],
+      [st],
       [ft],
       [at],
       [ct]
@@ -2945,35 +2911,35 @@ let ut = class extends ei {
   }
   onReady() {
     [
-      [rt],
-      [St]
-    ].forEach((i) => this._renderManagerSrv.registerRenderModule(we.UNIVER_DOC, i)), this._injector.get(ot), this._injector.get(st), this._injector.get(dt), this._injector.get(ct);
+      [it],
+      [_t]
+    ].forEach((r) => this._renderManagerSrv.registerRenderModule(we.UNIVER_DOC, r)), this._injector.get(st), this._injector.get(ot), this._injector.get(dt), this._injector.get(ct);
   }
   onRendered() {
-    this._injector.get(lt), this._injector.get(at);
+    this._injector.get(gt), this._injector.get(at);
   }
 };
-Ln(ut, "type", we.UNIVER_DOC);
-Ln(ut, "pluginName", Lr);
-ut = Pr([
-  Qn(hi, ci, ni, Ci),
-  It(1, Z(en)),
+Nn(lt, "type", we.UNIVER_DOC);
+Nn(lt, "pluginName", Ni);
+lt = xi([
+  Zn(fr, ar, tr, Cr),
+  It(1, Z(Jt)),
   It(2, Q),
-  It(3, Jn)
-], ut);
+  It(3, Qn)
+], lt);
 export {
-  er as ClearDocDrawingTransformerOperation,
-  Rn as DOCS_IMAGE_MENU_ID,
-  vn as DeleteDocDrawingsCommand,
+  Jr as ClearDocDrawingTransformerOperation,
+  An as DOCS_IMAGE_MENU_ID,
+  mn as DeleteDocDrawingsCommand,
   at as DocFloatDomController,
-  Nn as EditDocDrawingOperation,
-  wn as GroupDocDrawingCommand,
-  xt as InsertDocDrawingCommand,
-  Sn as InsertDocImageCommand,
+  En as EditDocDrawingOperation,
+  vn as GroupDocDrawingCommand,
+  bt as InsertDocDrawingCommand,
+  _n as InsertDocImageCommand,
   Ye as MoveDocDrawingsCommand,
-  bt as RemoveDocDrawingCommand,
-  In as SetDocDrawingArrangeCommand,
+  Mt as RemoveDocDrawingCommand,
+  wn as SetDocDrawingArrangeCommand,
   Cn as SidebarDocDrawingOperation,
-  _n as UngroupDocDrawingCommand,
-  ut as UniverDocsDrawingUIPlugin
+  In as UngroupDocDrawingCommand,
+  lt as UniverDocsDrawingUIPlugin
 };