@univerjs/docs-drawing-ui 0.7.0-nightly.202505081607 → 0.7.0-nightly.202505091607

package/lib/es/index.js

@@ -1,19 +1,19 @@
 var kn = Object.defineProperty;
-var Fn = (i, e, t) => e in i ? kn(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
-var _e = (i, e, t) => Fn(i, typeof e != "symbol" ? e + "" : e, t);
-import { CommandType as q, ICommandService as G, IUniverInstanceService as z, TextX as Dt, JSONX as $, MemoryCursor as jn, TextXActionType as Y, IUndoRedoService as Zt, BuildTextUtils as Wn, ArrangeTypeEnum as Je, Tools as Ce, Inject as Z, IContextService as Qt, LocaleService as ft, Disposable as Ue, WrapTextType as qe, PositionedObjectLayoutType as F, BooleanNumber as se, DrawingTypeEnum as Le, ObjectRelativeFromV as j, ObjectRelativeFromH as J, FOCUSING_COMMON_DRAWINGS as rt, UniverInstanceType as Ie, Direction as he, DocumentFlavor as pt, DOCS_ZEN_EDITOR_UNIT_ID_KEY as yt, FOCUSING_UNIVER_EDITOR as Hn, UndoCommand as Gn, RedoCommand as Vn, DisposableCollection as $n, toDisposable as ye, fromEventSubject as Jt, generateRandomId as zn, Injector as en, DOC_DRAWING_PRINTING_COMPONENT_KEY as Xn, throttle as Et, COLORS as qn, RxDisposable as Kn, LifecycleService as Yn, LifecycleStages as Rt, DependentOn as Zn, IConfigService as Qn, Plugin as Jn, merge as ei } from "@univerjs/core";
-import { IDocDrawingService as Be, UniverDocsDrawingPlugin as ti } from "@univerjs/docs-drawing";
-import { IImageIoService as ni, IDrawingManagerService as ve, DRAWING_IMAGE_ALLOW_IMAGE_LIST as ii, DRAWING_IMAGE_COUNT_LIMIT as At, ImageUploadStatusType as wt, DRAWING_IMAGE_ALLOW_SIZE as ri, getImageSize as si, getDrawingShapeKeyByDrawingSearch as oi, DRAWING_IMAGE_WIDTH_LIMIT as Pt, DRAWING_IMAGE_HEIGHT_LIMIT as Lt, UniverDrawingPlugin as ai } from "@univerjs/drawing";
-import { DrawingCommonPanel as ci, DrawingRenderService as tn, ImageCropperObject as di, COMPONENT_IMAGE_POPUP_MENU as li, OpenImageCropOperation as ui, ImageResetSizeOperation as gi, UniverDrawingUIPlugin as fi } from "@univerjs/drawing-ui";
-import { IRenderManagerService as Q, DocumentEditArea as We, getCurrentTypeOfRenderer as hi, CURSOR_TYPE as Ut, Liquid as nn, PageLayoutType as Bt, DocumentSkeletonPageType as kt, Vector2 as mi, Rect as vi, getColor as pi, TRANSFORM_CHANGE_OBSERVABLE_TYPE as wi } from "@univerjs/engine-render";
-import { IMessageService as Ii, ILocalFileService as _i, ISidebarService as Si, useDependency as we, getMenuHiddenObservable as rn, MenuItemType as sn, RibbonStartGroup as Di, KeyCode as He, ComponentManager as on, IMenuManagerService as yi, IShortcutService as Oi, CanvasFloatDomService as Ti, PrintFloatDomSingle as Mi, connectInjector as bi, UniverUIPlugin as Ci } from "@univerjs/ui";
-import { RichTextEditingMutation as ee, DocSelectionManagerService as Ot, DocSkeletonManagerService as te } from "@univerjs/docs";
-import { DocSelectionRenderService as xe, getRichTextEditPath as Ke, getCustomBlockIdsInSelections as xi, docDrawingPositionToTransform as an, VIEWPORT_KEY as cn, SetDocZoomRatioOperation as dn, DocPrintInterceptorService as Ni, NodePositionConvertToCursor as Ft, getOneTextSelectionRange as jt, getAnchorBounding as Ei, TEXT_RANGE_LAYER_INDEX as Ri, getDocObject as Ai, DocCanvasPopManagerService as Pi, IEditorService as Li } from "@univerjs/docs-ui";
-import { MessageType as Wt, InputNumber as je, Select as Ht, Checkbox as Ui, clsx as ue, RadioGroup as Gt, Radio as be, render as Bi, unmount as ki } from "@univerjs/design";
-import { BehaviorSubject as Tt, debounceTime as ln, Observable as Fi, map as Vt, switchMap as ji, of as Wi, takeUntil as $t, filter as zt } from "rxjs";
+var jn = (i, e, t) => e in i ? kn(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
+var _e = (i, e, t) => jn(i, typeof e != "symbol" ? e + "" : e, t);
+import { CommandType as q, ICommandService as G, IUniverInstanceService as z, TextX as Dt, JSONX as $, MemoryCursor as Wn, TextXActionType as Y, IUndoRedoService as Zt, BuildTextUtils as Hn, ArrangeTypeEnum as Je, Tools as Ce, Inject as Z, IContextService as Qt, LocaleService as ft, Disposable as Ue, WrapTextType as qe, PositionedObjectLayoutType as k, BooleanNumber as oe, DrawingTypeEnum as Le, ObjectRelativeFromV as j, ObjectRelativeFromH as J, FOCUSING_COMMON_DRAWINGS as rt, UniverInstanceType as Ie, Direction as he, DocumentFlavor as pt, DOCS_ZEN_EDITOR_UNIT_ID_KEY as yt, FOCUSING_UNIVER_EDITOR as Gn, UndoCommand as Vn, RedoCommand as $n, DisposableCollection as zn, toDisposable as ye, 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 Be, UniverDocsDrawingPlugin as ni } from "@univerjs/docs-drawing";
+import { IImageIoService as ii, IDrawingManagerService as ve, DRAWING_IMAGE_ALLOW_IMAGE_LIST as ri, DRAWING_IMAGE_COUNT_LIMIT as At, ImageUploadStatusType as wt, 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 vi, Rect as pi, 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 we, getMenuHiddenObservable as rn, MenuItemType as sn, RibbonStartGroup as yi, KeyCode as He, ComponentManager as on, IMenuManagerService as Oi, IShortcutService as Ti, CanvasFloatDomService as Mi, PrintFloatDomSingle as bi, connectInjector as Ci, UniverUIPlugin as xi } from "@univerjs/ui";
+import { RichTextEditingMutation as ee, DocSelectionManagerService as Ot, DocSkeletonManagerService as ne } from "@univerjs/docs";
+import { DocSelectionRenderService as xe, getRichTextEditPath as Ke, getCustomBlockIdsInSelections as Ni, docDrawingPositionToTransform as an, VIEWPORT_KEY as cn, SetDocZoomRatioOperation as dn, DocPrintInterceptorService as Ei, NodePositionConvertToCursor as kt, getOneTextSelectionRange as jt, 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 Wt, clsx as te, InputNumber as je, Select as Ht, Checkbox as Bi, borderTopClassName as ln, RadioGroup as Gt, Radio as be, render as Fi, unmount as ki } from "@univerjs/design";
+import { BehaviorSubject as Tt, debounceTime as un, Observable as ji, map as Vt, switchMap as Wi, of as Hi, takeUntil as $t, filter as zt } from "rxjs";
 import { jsxs as X, jsx as m } from "react/jsx-runtime";
-import { forwardRef as un, useRef as Hi, createElement as gn, useState as re, useEffect as Mt, useMemo as Gi } from "react";
-const Vi = "docs-drawing-ui.config", Xt = {};
+import { forwardRef as gn, useRef as Gi, createElement as fn, useState as se, useEffect as Mt, useMemo as Vi } from "react";
+const $i = "docs-drawing-ui.config", Xt = {};
 var me = function() {
   return me = Object.assign || function(i) {
     for (var e, t = 1, n = arguments.length; t < n; t++) {
@@ -22,23 +22,23 @@ var me = function() {
     }
     return i;
   }, me.apply(this, arguments);
-}, $i = function(i, e) {
+}, zi = function(i, 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]]);
   return t;
-}, fn = un(function(i, e) {
-  var t = i.icon, n = i.id, r = i.className, s = i.extend, o = $i(i, ["icon", "id", "className", "extend"]), c = "univerjs-icon univerjs-icon-".concat(n, " ").concat(r || "").trim(), d = Hi("_".concat(qi()));
-  return hn(t, "".concat(n), { defIds: t.defIds, idSuffix: d.current }, me({ ref: e, className: c }, o), s);
+}, 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 = Gi("_".concat(Ki()));
+  return mn(t, "".concat(n), { defIds: t.defIds, idSuffix: d.current }, me({ ref: e, className: c }, o), s);
 });
-function hn(i, e, t, n, r) {
-  return gn(i.tag, me(me({ key: e }, zi(i, t, r)), n), (Xi(i, t).children || []).map(function(s, o) {
-    return hn(s, "".concat(e, "-").concat(i.tag, "-").concat(o), t, void 0, r);
+function mn(i, e, t, n, r) {
+  return fn(i.tag, me(me({ 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 zi(i, e, t) {
+function Xi(i, e, t) {
   var n = me({}, 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];
@@ -50,24 +50,24 @@ function zi(i, e, t) {
     typeof c == "string" && (n[o] = c.replace(/url\(#(.*)\)/, "url(#$1".concat(e.idSuffix, ")")));
   })), n;
 }
-function Xi(i, e) {
+function qi(i, e) {
   var t, n = e.defIds;
   return !n || n.length === 0 ? i : i.tag === "defs" && (!((t = i.children) === null || t === void 0) && t.length) ? me(me({}, i), { children: i.children.map(function(r) {
     return typeof r.attrs.id == "string" && n && n.indexOf(r.attrs.id) > -1 ? me(me({}, r), { attrs: me(me({}, r.attrs), { id: r.attrs.id + e.idSuffix }) }) : r;
   }) }) : i;
 }
-function qi() {
+function Ki() {
   return Math.random().toString(36).substring(2, 8);
 }
-fn.displayName = "UniverIcon";
-var Ki = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M2.2498 3.65005C2.2498 2.87685 2.87661 2.25005 3.64981 2.25005H7.9998C8.33118 2.25005 8.5998 1.98142 8.5998 1.65005C8.5998 1.31868 8.33118 1.05005 7.9998 1.05005H3.64981C2.21387 1.05005 1.0498 2.21411 1.0498 3.65005V12.35C1.0498 13.786 2.21386 14.95 3.6498 14.95H12.3498C13.7857 14.95 14.9498 13.786 14.9498 12.3501V8.00005C14.9498 7.66868 14.6812 7.40005 14.3498 7.40005C14.0184 7.40005 13.7498 7.66868 13.7498 8.00005V9.23974L12.2385 8.1063C11.7252 7.72129 11.0068 7.7723 10.5531 8.22605L9.00869 9.77041L6.73916 7.8251C6.24387 7.40055 5.5095 7.41278 5.02864 7.85359L2.2498 10.4009V3.65005ZM2.2498 12.0287V12.35C2.2498 13.1232 2.87661 13.75 3.6498 13.75H12.3498C13.123 13.75 13.7498 13.1232 13.7498 12.3501V10.7397L11.5186 9.06631C11.4829 9.03956 11.433 9.04314 11.4016 9.07458L9.92249 10.5537L11.1015 11.5642C11.3531 11.7799 11.3822 12.1587 11.1666 12.4103C10.9509 12.6619 10.5721 12.691 10.3205 12.4753L5.9582 8.7362C5.92384 8.70674 5.87288 8.70758 5.83952 8.73816L2.2498 12.0287Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M11.8097 1.14783C12.1411 1.14783 12.4097 1.41646 12.4097 1.74783V3.297H14.1541C14.4855 3.297 14.7541 3.56563 14.7541 3.897C14.7541 4.22837 14.4855 4.497 14.1541 4.497H12.4097V6.24167C12.4097 6.57304 12.1411 6.84167 11.8097 6.84167C11.4783 6.84167 11.2097 6.57304 11.2097 6.24167V4.497H9.6603C9.32893 4.497 9.0603 4.22837 9.0603 3.897C9.0603 3.56563 9.32893 3.297 9.6603 3.297H11.2097V1.74783C11.2097 1.41646 11.4783 1.14783 11.8097 1.14783Z" } }] }, mn = un(function(i, e) {
-  return gn(fn, Object.assign({}, i, {
+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" } }] }, vn = gn(function(i, e) {
+  return fn(hn, Object.assign({}, i, {
     id: "add-image-single",
     ref: e,
-    icon: Ki
+    icon: Yi
   }));
 });
-mn.displayName = "AddImageSingle";
+vn.displayName = "AddImageSingle";
 const bt = {
   id: "doc.command.remove-doc-image",
   type: q.COMMAND,
@@ -77,7 +77,7 @@ const bt = {
     const t = i.get(G), n = i.get(z), r = i.get(Q), s = n.getCurrentUniverDocInstance();
     if (e == null || s == null)
       return !1;
-    const o = r.getRenderById(e.unitId).with(xe), { drawings: c } = e, d = (C = o.getSegment()) != null ? C : "", 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 jn();
+    const o = r.getRenderById(e.unitId).with(xe), { drawings: c } = e, d = (C = o.getSegment()) != null ? C : "", 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 Wn();
     f.reset();
     const p = u[0].startIndex, v = [
       {
@@ -110,7 +110,7 @@ const bt = {
     }
     return w.params.actions = y.reduce((N, I) => $.compose(N, I), null), !!t.syncExecuteCommand(w.id, w.params);
   }
-}, vn = {
+}, pn = {
   id: "doc.command.delete-drawing",
   type: q.COMMAND,
   handler: (i) => {
@@ -131,7 +131,7 @@ const bt = {
       drawings: s
     });
   }
-}, pn = {
+}, wn = {
   id: "doc.command.group-doc-image",
   type: q.COMMAND,
   handler: (i, e) => {
@@ -169,9 +169,9 @@ const bt = {
         len: l
       });
     else {
-      const I = Wn.selection.delete([s], u, 0, null, !1);
+      const I = Hn.selection.delete([s], u, 0, null, !1);
       h.push(...I);
-      const P = xi(u, [s]), W = (U = o.getDrawings()) != null ? U : {}, A = (N = o.getDrawingsOrder()) != null ? N : [], H = P.sort((_, S) => A.indexOf(_) > A.indexOf(S) ? -1 : A.indexOf(_) < A.indexOf(S) ? 1 : 0);
+      const P = Ni(u, [s]), W = (U = o.getDrawings()) != null ? U : {}, A = (N = o.getDrawingsOrder()) != null ? N : [], H = P.sort((_, S) => A.indexOf(_) > A.indexOf(S) ? -1 : A.indexOf(_) < A.indexOf(S) ? 1 : 0);
       if (H.length > 0)
         for (const _ of H) {
           const S = W[_], x = A.indexOf(_);
@@ -208,7 +208,7 @@ const bt = {
     };
     return O.params.actions = p.reduce((I, P) => $.compose(I, P), null), !!t.syncExecuteCommand(O.id, O.params);
   }
-}, wn = {
+}, In = {
   id: "doc.command.set-drawing-arrange",
   type: q.COMMAND,
   handler: (i, e) => {
@@ -235,7 +235,7 @@ const bt = {
     };
     return h.params.actions = g.reduce((p, v) => $.compose(p, v), null), !!t.syncExecuteCommand(h.id, h.params);
   }
-}, In = {
+}, _n = {
   id: "doc.command.ungroup-doc-image",
   type: q.COMMAND,
   handler: (i, e) => {
@@ -261,8 +261,8 @@ class ht {
     this._refreshDrawings$.next(e);
   }
 }
-var Yi = Object.getOwnPropertyDescriptor, Zi = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? Yi(e, t) : e, s = i.length - 1, o; s >= 0; s--)
+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;
 }, ge = (i, e) => (t, n) => e(t, n, i);
@@ -273,7 +273,7 @@ let st = class extends Ue {
   async insertDocImage() {
     const i = await this._fileOpenerService.openFile({
       multiple: !0,
-      accept: ii.map((t) => `.${t.replace("image/", "")}`).join(",")
+      accept: ri.map((t) => `.${t.replace("image/", "")}`).join(",")
     }), e = i.length;
     return e > At ? (this._messageService.show({
       type: Wt.Error,
@@ -290,7 +290,7 @@ let st = class extends Ue {
       let o = "";
       switch (s) {
         case wt.ERROR_EXCEED_SIZE:
-          o = this._localeService.t("update-status.exceedMaxSize", String(ri / (1024 * 1024)));
+          o = this._localeService.t("update-status.exceedMaxSize", String(si / (1024 * 1024)));
           break;
         case wt.ERROR_IMAGE_TYPE:
           o = this._localeService.t("update-status.invalidImageType");
@@ -310,7 +310,7 @@ let st = class extends Ue {
     for (const r of e) {
       if (r == null)
         continue;
-      const { imageId: s, imageSourceType: o, source: c, base64Cache: d } = r, { width: a, height: l, image: g } = await si(d || "");
+      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) {
@@ -329,10 +329,10 @@ let st = class extends Ue {
         source: c,
         transform: an(h),
         docTransform: h,
-        behindDoc: se.FALSE,
+        behindDoc: oe.FALSE,
         title: "",
         description: "",
-        layoutType: F.INLINE,
+        layoutType: k.INLINE,
         // Insert inline drawing by default.
         wrapText: qe.BOTH_SIDES,
         distB: 0,
@@ -340,7 +340,7 @@ let st = class extends Ue {
         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(Ct.id, {
       unitId: t,
@@ -349,7 +349,7 @@ let st = class extends Ue {
   }
   _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: i } = this._context, e = (n = this._renderManagerSrv.getRenderById(i)) == null ? void 0 : n.with(ne).getViewModel(), t = e == null ? void 0 : e.getEditArea();
     return t === We.HEADER || t === We.FOOTER;
   }
   _getImagePosition(i, e) {
@@ -375,7 +375,7 @@ let st = class extends Ue {
   _updateOrderListener() {
     this._drawingManagerService.featurePluginOrderUpdate$.subscribe((i) => {
       const { unitId: e, subUnitId: t, drawingIds: n, arrangeType: r } = i;
-      this._commandService.executeCommand(wn.id, {
+      this._commandService.executeCommand(In.id, {
         unitId: e,
         subUnitId: t,
         drawingIds: n,
@@ -385,9 +385,9 @@ let st = class extends Ue {
   }
   _groupDrawingListener() {
     this._drawingManagerService.featurePluginGroupUpdate$.subscribe((i) => {
-      this._commandService.executeCommand(pn.id, i);
+      this._commandService.executeCommand(wn.id, i);
     }), this._drawingManagerService.featurePluginUngroupUpdate$.subscribe((i) => {
-      this._commandService.executeCommand(In.id, i);
+      this._commandService.executeCommand(_n.id, i);
     });
   }
   _getCurrentSceneAndTransformer() {
@@ -400,7 +400,7 @@ let st = class extends Ue {
   _transformDrawingListener() {
     const i = this._getCurrentSceneAndTransformer();
     if (i && i.transformer)
-      this.disposeWithMe(i.transformer.changeEnd$.pipe(ln(30)).subscribe((e) => {
+      this.disposeWithMe(i.transformer.changeEnd$.pipe(un(30)).subscribe((e) => {
         this._docSelectionManagerService.refreshSelection();
       }));
     else
@@ -443,12 +443,12 @@ let st = class extends Ue {
   // 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();
+    const { unit: i, scene: e, unitId: t } = this._context, n = (c = this._renderManagerSrv.getRenderById(t)) == null ? void 0 : c.with(ne).getViewModel();
     if (n == null || i == 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 = oi({ unitId: t, drawingId: a.drawingId, subUnitId: t }), g = e.fuzzyMathObjects(l, !0);
+      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);
@@ -456,7 +456,7 @@ let st = class extends Ue {
             u.setOpacity(0.5);
           } catch {
           }
-          if (o && a.isMultiTransform !== se.TRUE || !o && a.isMultiTransform === se.TRUE) {
+          if (o && a.isMultiTransform !== oe.TRUE || !o && a.isMultiTransform === oe.TRUE) {
             a.allowTransform !== !1 && e.attachTransformerTo(u);
             try {
               u.setOpacity(1);
@@ -468,7 +468,7 @@ let st = class extends Ue {
   }
   _editAreaChangeListener() {
     var t;
-    const { unitId: i } = this._context, e = (t = this._renderManagerSrv.getRenderById(i)) == null ? void 0 : t.with(te).getViewModel();
+    const { unitId: i } = this._context, e = (t = this._renderManagerSrv.getRenderById(i)) == null ? void 0 : t.with(ne).getViewModel();
     e != null && (this._updateDrawingsEditStatus(), this.disposeWithMe(
       e.editAreaChange$.subscribe(() => {
         this._updateDrawingsEditStatus();
@@ -494,38 +494,38 @@ let st = class extends Ue {
     this._docSelectionManagerService.replaceDocRanges(n);
   }
 };
-st = Zi([
+st = Qi([
   ge(1, G),
   ge(2, Z(Ot)),
   ge(3, Q),
-  ge(4, ni),
+  ge(4, ii),
   ge(5, Be),
   ge(6, ve),
   ge(7, Qt),
-  ge(8, Ii),
+  ge(8, _i),
   ge(9, Z(ft)),
   ge(10, Z(xe)),
   ge(11, Z(ht)),
-  ge(12, _i)
+  ge(12, Si)
 ], st);
-const _n = {
+const Sn = {
   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 = hi(Ie.UNIVER_DOC, e, t)) == null ? void 0 : n.with(st).insertDocImage()) != null ? r : !1;
+    return (r = (n = mi(Ie.UNIVER_DOC, e, t)) == null ? void 0 : n.with(st).insertDocImage()) != null ? r : !1;
   }
 };
 var fe = /* @__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))(fe || {});
-const Qi = {
-  inline: F.INLINE,
-  wrapSquare: F.WRAP_SQUARE,
-  wrapTopAndBottom: F.WRAP_TOP_AND_BOTTOM,
-  inFrontOfText: F.WRAP_NONE,
-  behindText: F.WRAP_NONE
+const Ji = {
+  inline: k.INLINE,
+  wrapSquare: k.WRAP_SQUARE,
+  wrapTopAndBottom: k.WRAP_TOP_AND_BOTTOM,
+  inFrontOfText: k.WRAP_NONE,
+  behindText: k.WRAP_NONE
 };
-function Sn(i, e, t, n, r, s, o) {
+function Dn(i, e, t, n, r, s, o) {
   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)
@@ -602,7 +602,7 @@ function Sn(i, e, t, n, r, s, o) {
     return a;
   }
 }
-const Dn = {
+const yn = {
   id: "doc.command.update-doc-drawing-wrapping-style",
   type: q.COMMAND,
   // eslint-disable-next-line max-lines-per-function, complexity
@@ -610,18 +610,18 @@ const Dn = {
     var E, U;
     if (e == null)
       return !1;
-    const { drawings: t, wrappingStyle: n, unitId: r } = e, s = i.get(G), 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();
+    const { drawings: t, wrappingStyle: n, unitId: r } = e, s = i.get(G), o = i.get(z), d = i.get(Q).getRenderById(r), a = d == null ? void 0 : d.with(ne).getSkeleton().getSkeletonData(), l = d == null ? void 0 : d.with(ne).getViewModel(), g = d == null ? void 0 : d.scene, u = o.getCurrentUniverDocInstance();
     if (u == null || a == null || g == null || l == null)
       return !1;
     const h = l.getEditArea(), f = g.getTransformerByCreate(), { pages: p, skeHeaders: v, skeFooters: w } = a, y = $.getInstance(), D = [], { drawings: O = {} } = u.getSnapshot();
     for (const N of t) {
-      const { drawingId: I } = N, P = O[I].layoutType, W = Qi[n];
+      const { drawingId: I } = N, P = O[I].layoutType, W = Ji[n];
       if (P !== W) {
         const S = y.replaceOp(["drawings", I, "layoutType"], P, W);
         D.push(S);
       }
       if (n === "behindText" || n === "inFrontOfText") {
-        const S = O[I].behindDoc, x = n === "behindText" ? se.TRUE : se.FALSE;
+        const S = O[I].behindDoc, x = n === "behindText" ? oe.TRUE : oe.FALSE;
         if (S !== x) {
           const T = y.replaceOp(["drawings", I, "behindDoc"], S, x);
           D.push(T);
@@ -634,13 +634,13 @@ const Dn = {
         const { headerId: x, footerId: T, marginTop: L, marginLeft: B, marginBottom: b, pageWidth: R, pageHeight: V } = S;
         switch (h) {
           case We.HEADER: {
-            const k = (E = v.get(x)) == null ? void 0 : E.get(R);
-            k != null && k.skeDrawings.has(I) && (A = k.skeDrawings.get(I), H = k.marginTop, _ = B);
+            const F = (E = v.get(x)) == null ? void 0 : E.get(R);
+            F != null && F.skeDrawings.has(I) && (A = F.skeDrawings.get(I), H = F.marginTop, _ = B);
             break;
           }
           case We.FOOTER: {
-            const k = (U = w.get(T)) == null ? void 0 : U.get(R);
-            k != null && k.skeDrawings.has(I) && (A = k.skeDrawings.get(I), H = V - b + k.marginTop, _ = B);
+            const F = (U = w.get(T)) == null ? void 0 : U.get(R);
+            F != null && F.skeDrawings.has(I) && (A = F.skeDrawings.get(I), H = V - b + F.marginTop, _ = B);
             break;
           }
           case We.BODY: {
@@ -660,8 +660,8 @@ const Dn = {
           posOffset: L
         };
         if (T.posOffset !== B.posOffset) {
-          const k = y.replaceOp(["drawings", I, "docTransform", "positionH"], T, B);
-          D.push(k);
+          const F = y.replaceOp(["drawings", I, "docTransform", "positionH"], T, B);
+          D.push(F);
         }
         const b = O[I].docTransform.positionV;
         let R = S;
@@ -671,8 +671,8 @@ const Dn = {
           posOffset: R
         };
         if (b.posOffset !== V.posOffset) {
-          const k = y.replaceOp(["drawings", I, "docTransform", "positionV"], b, V);
-          D.push(k);
+          const F = y.replaceOp(["drawings", I, "docTransform", "positionV"], b, V);
+          D.push(F);
         }
       }
     }
@@ -688,7 +688,7 @@ const Dn = {
     const M = s.syncExecuteCommand(C.id, C.params);
     return f.refreshControls(), !!M;
   }
-}, yn = {
+}, On = {
   id: "doc.command.update-doc-drawing-distance",
   type: q.COMMAND,
   handler: (i, e) => {
@@ -718,7 +718,7 @@ const Dn = {
     };
     return g.params.actions = a.reduce((h, f) => $.compose(h, f), null), !!t.syncExecuteCommand(g.id, g.params);
   }
-}, On = {
+}, Tn = {
   id: "doc.command.update-doc-drawing-wrap-text",
   type: q.COMMAND,
   handler: (i, e) => {
@@ -778,14 +778,14 @@ const Dn = {
     const p = t.syncExecuteCommand(f.id, f.params);
     return c.refreshControls(), !!p;
   }
-}, Tn = {
+}, Mn = {
   id: "doc.command.move-inline-drawing",
   type: q.COMMAND,
   handler: (i, e) => {
     var U, N;
     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(ht), s = t.getRenderById(e.unitId), o = s == null ? void 0 : s.scene, c = s == null ? void 0 : s.with(te).getSkeleton();
+    const t = i.get(Q), n = (U = t.getRenderById(e.unitId)) == null ? void 0 : U.with(xe), r = i.get(ht), s = t.getRenderById(e.unitId), o = s == null ? void 0 : s.scene, c = s == null ? void 0 : s.with(ne).getSkeleton();
     if (o == null || n == null)
       return !1;
     const d = o.getTransformerByCreate(), a = i.get(G), g = i.get(z).getCurrentUniverDocInstance();
@@ -794,7 +794,7 @@ const Dn = {
     const { drawing: u, unitId: h, offset: f, segmentId: p, segmentPage: v, needRefreshDrawings: w } = e;
     if (w)
       return r.refreshDrawings(c), d.refreshControls(), !0;
-    const y = [], { drawingId: D } = u, O = (N = n.getSegment()) != null ? N : "", C = Sn(
+    const y = [], { drawingId: D } = u, O = (N = n.getSegment()) != null ? N : "", C = Dn(
       p,
       O,
       v,
@@ -818,7 +818,7 @@ const Dn = {
     const E = a.syncExecuteCommand(M.id, M.params);
     return d.refreshControls(), !!E;
   }
-}, Mn = {
+}, bn = {
   id: "doc.command.transform-non-inline-drawing",
   type: q.COMMAND,
   // eslint-disable-next-line max-lines-per-function
@@ -832,7 +832,7 @@ const Dn = {
     const o = s.getTransformerByCreate(), c = i.get(G), a = i.get(z).getCurrentUniverDocInstance();
     if (a == null)
       return !1;
-    const { drawing: l, unitId: g, offset: u, docTransform: h, segmentId: f, segmentPage: p } = e, v = [], { drawingId: w } = l, y = (H = n.getSegment()) != null ? H : "", D = Sn(
+    const { drawing: l, unitId: g, offset: u, docTransform: h, segmentId: f, segmentPage: p } = e, v = [], { drawingId: w } = l, y = (H = n.getSegment()) != null ? H : "", D = Dn(
       f,
       y,
       p,
@@ -887,7 +887,7 @@ const Dn = {
     const g = l.getTransformerByCreate(), u = r.getUniverDocInstance(d), h = c.map((p) => {
       var M, E, U, N, I;
       const { drawingId: v } = p, w = (M = u == null ? void 0 : u.getSnapshot().drawings) == null ? void 0 : M[v];
-      if (w == null || w.layoutType === F.INLINE)
+      if (w == null || w.layoutType === k.INLINE)
         return null;
       const { positionH: y, positionV: D } = w.docTransform, O = { ...y }, C = { ...D };
       return o === he.UP ? C.posOffset = ((E = C.posOffset) != null ? E : 0) - 2 : o === he.DOWN ? C.posOffset = ((U = C.posOffset) != null ? U : 0) + 2 : o === he.LEFT ? O.posOffset = ((N = O.posOffset) != null ? N : 0) - 2 : o === he.RIGHT && (O.posOffset = ((I = O.posOffset) != null ? I : 0) + 2), {
@@ -905,7 +905,7 @@ const Dn = {
     });
     return g.refreshControls(), !!f;
   }
-}, Ji = {
+}, er = {
   id: "doc.operation.clear-drawing-transformer",
   type: q.MUTATION,
   handler: (i, e) => {
@@ -915,16 +915,16 @@ const Dn = {
       (s = (r = t.getRenderById(n)) == null ? void 0 : r.scene.getTransformer()) == null || s.debounceRefreshControls();
     }), !0;
   }
-}, bn = "COMPONENT_DOC_DRAWING_PANEL", Cn = {
+}, Cn = "COMPONENT_DOC_DRAWING_PANEL", xn = {
   id: "sidebar.operation.doc-image",
   type: q.COMMAND,
   handler: async (i, e) => {
-    const t = i.get(Si), n = i.get(ft), r = i.get(ve);
+    const t = i.get(Di), n = i.get(ft), r = i.get(ve);
     switch (e.value) {
       case "open":
         t.open({
           header: { title: n.t("docImage.panel.title") },
-          children: { label: bn },
+          children: { label: Cn },
           onClose: () => {
             r.focusDrawing(null);
           },
@@ -938,14 +938,14 @@ const Dn = {
     }
     return !0;
   }
-}, xn = {
+}, Nn = {
   id: "doc.operation.edit-doc-image",
   type: q.OPERATION,
   handler: (i, e) => {
     const t = i.get(ve), n = i.get(G);
-    return e == null ? !1 : (t.focusDrawing([e]), n.executeCommand(Cn.id, { value: "open" }), !0);
+    return e == null ? !1 : (t.focusDrawing([e]), n.executeCommand(xn.id, { value: "open" }), !0);
   }
-}, qt = -1e3, Kt = 1e3, er = (i) => {
+}, qt = -1e3, Kt = 1e3, tr = (i) => {
   const e = we(G), t = we(ft), n = we(ve), r = we(Q), s = we(z), { drawings: o } = i, c = o[0];
   if (c == null)
     return;
@@ -976,13 +976,13 @@ const Dn = {
   }, {
     label: t.t("image-position.paragraph"),
     value: String(j.PARAGRAPH)
-  }], [v, w] = re(!0), [y, D] = re({
+  }], [v, w] = se(!0), [y, D] = se({
     relativeFrom: J.PAGE,
     posOffset: 0
-  }), [O, C] = re({
+  }), [O, C] = se({
     relativeFrom: j.PAGE,
     posOffset: 0
-  }), [M, E] = re(!0), [U, N] = re(!0);
+  }), [M, E] = se(!0), [U, N] = se(!0);
   function I(S, x) {
     var b;
     S === "positionH" ? D(x) : C(x);
@@ -1007,7 +1007,7 @@ const Dn = {
     B && B.blur(), h.refreshControls();
   }
   function P(S) {
-    var ie, Se, De;
+    var re, Se, De;
     const x = y.relativeFrom, T = y.posOffset, L = Number(S);
     if (x === L)
       return;
@@ -1015,57 +1015,57 @@ const Dn = {
     if (B.length === 0)
       return;
     const b = B[0].drawingId, R = B[0].unitId;
-    let V = null, k = 0;
-    const K = (ie = r.getRenderById(R)) == null ? void 0 : ie.with(te).getSkeleton(), oe = K == null ? void 0 : K.getSkeletonData();
-    if (oe == null)
+    let V = null, F = 0;
+    const K = (re = r.getRenderById(R)) == null ? void 0 : re.with(ne).getSkeleton(), ae = K == null ? void 0 : K.getSkeletonData();
+    if (ae == null)
       return;
-    const { pages: ke, skeHeaders: Ne, skeFooters: Ge } = oe;
-    for (const ce of ke) {
-      const { marginLeft: Oe, skeDrawings: Te, headerId: Ee, footerId: Re, pageWidth: Me } = ce;
+    const { pages: Fe, skeHeaders: Ne, skeFooters: Ge } = ae;
+    for (const de of Fe) {
+      const { marginLeft: Oe, skeDrawings: Te, headerId: Ee, footerId: Re, pageWidth: Me } = de;
       if (Te.has(b)) {
-        V = Te.get(b), k = Oe;
+        V = Te.get(b), F = Oe;
         break;
       }
-      const de = (Se = Ne.get(Ee)) == null ? void 0 : Se.get(Me);
-      if (de != null && de.skeDrawings.has(b)) {
-        V = de == null ? void 0 : de.skeDrawings.get(b), k = Oe;
+      const le = (Se = Ne.get(Ee)) == null ? void 0 : Se.get(Me);
+      if (le != null && le.skeDrawings.has(b)) {
+        V = le == null ? void 0 : le.skeDrawings.get(b), F = Oe;
         break;
       }
-      const le = (De = Ge.get(Re)) == null ? void 0 : De.get(Me);
-      if (le != null && le.skeDrawings.has(b)) {
-        V = le == null ? void 0 : le.skeDrawings.get(b), k = Oe;
+      const ue = (De = Ge.get(Re)) == null ? void 0 : De.get(Me);
+      if (ue != null && ue.skeDrawings.has(b)) {
+        V = ue == null ? void 0 : ue.skeDrawings.get(b), F = Oe;
         break;
       }
     }
     if (V == null)
       return;
-    let ae = 0;
-    x === J.COLUMN ? ae -= V.columnLeft : x === J.MARGIN && (ae -= k), L === J.COLUMN ? ae += V.columnLeft : L === J.MARGIN ? ae += k : J.PAGE;
-    const ne = {
+    let ce = 0;
+    x === J.COLUMN ? ce -= V.columnLeft : x === J.MARGIN && (ce -= F), L === J.COLUMN ? ce += V.columnLeft : L === J.MARGIN ? ce += F : J.PAGE;
+    const ie = {
       relativeFrom: L,
-      posOffset: (T != null ? T : 0) - ae
+      posOffset: (T != null ? T : 0) - ce
     };
-    I("positionH", ne);
+    I("positionH", ie);
   }
   function W(S) {
-    var Te, Ee, Re, Me, de, le;
+    var Te, Ee, Re, Me, le, ue;
     const x = O.relativeFrom, T = O.posOffset, L = Number(S);
     if (x === L)
       return;
     const B = n.getFocusDrawings();
     if (B.length === 0)
       return;
-    const { drawingId: b, unitId: R } = B[0], V = s.getUniverDocInstance(R), k = (Te = r.getRenderById(R)) == null ? void 0 : Te.with(te).getSkeleton(), K = (Ee = r.getRenderById(R)) == null ? void 0 : Ee.with(xe), oe = K == null ? void 0 : K.getSegment(), ke = K == null ? void 0 : K.getSegmentPage(), Ne = (Me = (Re = V == null ? void 0 : V.getSelfOrHeaderFooterModel(oe).getBody()) == null ? void 0 : Re.customBlocks) == null ? void 0 : Me.find((Ae) => Ae.blockId === b);
-    if (Ne == null || k == null || K == null)
+    const { drawingId: b, unitId: R } = B[0], V = s.getUniverDocInstance(R), F = (Te = r.getRenderById(R)) == null ? void 0 : Te.with(ne).getSkeleton(), K = (Ee = r.getRenderById(R)) == null ? void 0 : Ee.with(xe), ae = K == null ? void 0 : K.getSegment(), Fe = K == null ? void 0 : K.getSegmentPage(), Ne = (Me = (Re = V == null ? void 0 : V.getSelfOrHeaderFooterModel(ae).getBody()) == null ? void 0 : Re.customBlocks) == null ? void 0 : Me.find((Ae) => Ae.blockId === b);
+    if (Ne == null || F == null || K == null)
       return;
-    const { startIndex: Ge } = Ne, ae = k.findNodeByCharIndex(Ge, oe, ke), ne = (de = ae == null ? void 0 : ae.parent) == null ? void 0 : de.parent, ie = ne == null ? void 0 : ne.parent, Se = ie == null ? void 0 : ie.lines.find((Ae) => Ae.paragraphIndex === (ne == null ? void 0 : ne.paragraphIndex) && Ae.paragraphStart), De = (le = ie == null ? void 0 : ie.parent) == null ? void 0 : le.parent;
-    if (ae == null || ne == null || Se == null || ie == null || De == null)
+    const { startIndex: Ge } = Ne, ce = F.findNodeByCharIndex(Ge, ae, Fe), ie = (le = ce == null ? void 0 : ce.parent) == null ? void 0 : le.parent, re = ie == null ? void 0 : ie.parent, Se = re == null ? void 0 : re.lines.find((Ae) => Ae.paragraphIndex === (ie == null ? void 0 : ie.paragraphIndex) && Ae.paragraphStart), De = (ue = re == null ? void 0 : re.parent) == null ? void 0 : ue.parent;
+    if (ce == null || ie == null || Se == null || re == null || De == null)
       return;
-    let ce = 0;
-    x === j.PARAGRAPH ? ce -= Se.top : x === j.LINE ? ce -= ne.top : x === j.PAGE && (ce += De.marginTop), L === j.PARAGRAPH ? ce += Se.top : L === j.LINE ? ce += ne.top : L === j.PAGE && (ce -= De.marginTop);
+    let de = 0;
+    x === j.PARAGRAPH ? de -= Se.top : x === j.LINE ? de -= ie.top : x === j.PAGE && (de += De.marginTop), L === j.PARAGRAPH ? de += Se.top : L === j.LINE ? de += ie.top : L === j.PAGE && (de -= De.marginTop);
     const Oe = {
       relativeFrom: L,
-      posOffset: (T != null ? T : 0) - ce
+      posOffset: (T != null ? T : 0) - de
     };
     I("positionV", Oe);
   }
@@ -1078,7 +1078,7 @@ const Dn = {
       positionH: B,
       positionV: b
     } = T.docTransform;
-    D(B), C(b), w(L === F.INLINE), E(b.relativeFrom === j.PARAGRAPH || b.relativeFrom === j.LINE);
+    D(B), C(b), w(L === k.INLINE), E(b.relativeFrom === j.PARAGRAPH || b.relativeFrom === j.LINE);
   }
   function H() {
     const S = n.getFocusDrawings();
@@ -1104,9 +1104,7 @@ const Dn = {
   }, []), /* @__PURE__ */ X(
     "div",
     {
-      className: `
-              univer-relative univer-mt-5 univer-w-full univer-border-t univer-border-solid univer-border-gray-200
-            `,
+      className: te("univer-relative univer-mt-5 univer-w-full", ln),
       style: { display: U ? "block" : "none" },
       children: [
         /* @__PURE__ */ m(
@@ -1124,7 +1122,7 @@ const Dn = {
             className: `
                   univer-relative univer-mt-2.5 univer-flex univer-h-full univer-items-start univer-justify-start
                 `,
-            children: /* @__PURE__ */ m("div", { className: "univer-flex univer-items-center univer-gap-1 univer-text-black", children: /* @__PURE__ */ m("div", { children: t.t("image-position.horizontal") }) })
+            children: /* @__PURE__ */ m("div", { className: "univer-flex univer-items-center univer-gap-1 univer-text-gray-900", children: /* @__PURE__ */ m("div", { children: t.t("image-position.horizontal") }) })
           }
         ),
         /* @__PURE__ */ X(
@@ -1210,7 +1208,7 @@ const Dn = {
             className: `
                   univer-relative univer-mt-2.5 univer-flex univer-h-full univer-items-start univer-justify-start
                 `,
-            children: /* @__PURE__ */ m("div", { className: "univer-flex univer-items-center univer-gap-1 univer-text-black", children: /* @__PURE__ */ m("div", { children: t.t("image-position.vertical") }) })
+            children: /* @__PURE__ */ m("div", { className: "univer-flex univer-items-center univer-gap-1 univer-text-gray-900", children: /* @__PURE__ */ m("div", { children: t.t("image-position.vertical") }) })
           }
         ),
         /* @__PURE__ */ X(
@@ -1296,7 +1294,7 @@ const Dn = {
             className: `
                   univer-relative univer-mt-2.5 univer-flex univer-h-full univer-items-start univer-justify-start
                 `,
-            children: /* @__PURE__ */ m("div", { className: "univer-flex univer-items-center univer-gap-1 univer-text-black", children: /* @__PURE__ */ m("div", { children: t.t("image-position.options") }) })
+            children: /* @__PURE__ */ m("div", { className: "univer-flex univer-items-center univer-gap-1 univer-text-gray-900", children: /* @__PURE__ */ m("div", { children: t.t("image-position.options") }) })
           }
         ),
         /* @__PURE__ */ m(
@@ -1306,25 +1304,25 @@ const Dn = {
                   univer-relative univer-mt-2.5 univer-flex univer-h-full univer-items-start univer-justify-start
                 `,
             style: { marginBottom: "50px" },
-            children: /* @__PURE__ */ m("div", { className: "univer-flex univer-items-center univer-gap-1", children: /* @__PURE__ */ m(Ui, { disabled: v, checked: M, onChange: _, children: t.t("image-position.moveObjectWithText") }) })
+            children: /* @__PURE__ */ m("div", { className: "univer-flex univer-items-center univer-gap-1", children: /* @__PURE__ */ m(Bi, { disabled: v, checked: M, onChange: _, children: t.t("image-position.moveObjectWithText") }) })
           }
         )
       ]
     }
   );
-}, et = 0, tt = 100, tr = (i) => {
+}, et = 0, tt = 100, nr = (i) => {
   const e = we(G), t = we(ft), n = we(ve), r = we(Q), s = we(z), { drawings: o } = i, c = o[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)
     return null;
-  const [u, h] = re(!0), [f, p] = re(!0), [v, w] = re(!0), [y, D] = re(fe.INLINE), [O, C] = re(""), [M, E] = re({
+  const [u, h] = se(!0), [f, p] = se(!0), [v, w] = se(!0), [y, D] = se(fe.INLINE), [O, C] = se(""), [M, E] = se({
     distT: 0,
     distL: 0,
     distB: 0,
     distR: 0
-  }), [U, N] = re(!0);
+  }), [U, N] = se(!0);
   function I(_) {
     D(_);
     const S = n.getFocusDrawings();
@@ -1335,7 +1333,7 @@ const Dn = {
       subUnitId: b,
       drawingId: R
     }));
-    e.executeCommand(Dn.id, {
+    e.executeCommand(yn.id, {
       unitId: x,
       subUnitId: T,
       drawings: L,
@@ -1352,7 +1350,7 @@ const Dn = {
       subUnitId: T.subUnitId,
       drawingId: T.drawingId
     }));
-    e.executeCommand(On.id, {
+    e.executeCommand(Tn.id, {
       unitId: S[0].unitId,
       subUnitId: S[0].unitId,
       drawings: x,
@@ -1372,7 +1370,7 @@ const Dn = {
       subUnitId: B.subUnitId,
       drawingId: B.drawingId
     }));
-    e.executeCommand(yn.id, {
+    e.executeCommand(On.id, {
       unitId: T[0].unitId,
       subUnitId: T[0].unitId,
       drawings: L,
@@ -1386,8 +1384,8 @@ const Dn = {
     _.length !== 0 && H(_[0]);
   }
   function H(_) {
-    var K, oe;
-    const S = (oe = (K = a == null ? void 0 : a.getSnapshot()) == null ? void 0 : K.drawings) == null ? void 0 : oe[_.drawingId];
+    var K, ae;
+    const S = (ae = (K = a == null ? void 0 : a.getSnapshot()) == null ? void 0 : K.drawings) == null ? void 0 : ae[_.drawingId];
     if (S == null)
       return;
     const {
@@ -1395,8 +1393,8 @@ const Dn = {
       distL: T = 0,
       distB: L = 0,
       distR: B = 0,
-      layoutType: b = F.INLINE,
-      behindDoc: R = se.FALSE,
+      layoutType: b = k.INLINE,
+      behindDoc: R = oe.FALSE,
       wrapText: V = qe.BOTH_SIDES
     } = S;
     if (E({
@@ -1404,17 +1402,17 @@ const Dn = {
       distL: T,
       distB: L,
       distR: B
-    }), C(V), h(b !== F.WRAP_SQUARE), b === F.WRAP_NONE || b === F.INLINE ? p(!0) : p(!1), b === F.WRAP_NONE || b === F.INLINE || b === F.WRAP_TOP_AND_BOTTOM ? w(!0) : w(!1), b === F.WRAP_NONE)
-      R === se.TRUE ? D(fe.BEHIND_TEXT) : D(fe.IN_FRONT_OF_TEXT);
+    }), C(V), h(b !== k.WRAP_SQUARE), b === k.WRAP_NONE || b === k.INLINE ? p(!0) : p(!1), b === k.WRAP_NONE || b === k.INLINE || b === k.WRAP_TOP_AND_BOTTOM ? w(!0) : w(!1), b === k.WRAP_NONE)
+      R === oe.TRUE ? D(fe.BEHIND_TEXT) : D(fe.IN_FRONT_OF_TEXT);
     else
       switch (b) {
-        case F.INLINE:
+        case k.INLINE:
           D(fe.INLINE);
           break;
-        case F.WRAP_SQUARE:
+        case k.WRAP_SQUARE:
           D(fe.WRAP_SQUARE);
           break;
-        case F.WRAP_TOP_AND_BOTTOM:
+        case k.WRAP_TOP_AND_BOTTOM:
           D(fe.WRAP_TOP_AND_BOTTOM);
           break;
         default:
@@ -1438,10 +1436,9 @@ const Dn = {
   }, []), /* @__PURE__ */ X(
     "div",
     {
-      className: `
-              univer-relative univer-mt-5 univer-w-full univer-border-t univer-border-solid univer-border-gray-200
-            `,
-      style: { display: U ? "block" : "none" },
+      className: te("univer-relative univer-mt-5 univer-w-full", ln, {
+        "univer-hidden": !U
+      }),
       children: [
         /* @__PURE__ */ m(
           "div",
@@ -1449,7 +1446,7 @@ const Dn = {
             className: `
                   univer-relative univer-mt-2.5 univer-flex univer-h-full univer-items-start univer-justify-start
                 `,
-            children: /* @__PURE__ */ m("div", { className: ue("univer-flex univer-items-center univer-gap-1 univer-text-gray-600"), children: /* @__PURE__ */ m("div", { children: t.t("image-text-wrap.title") }) })
+            children: /* @__PURE__ */ m("div", { className: te("univer-flex univer-items-center univer-gap-1 univer-text-gray-600"), children: /* @__PURE__ */ m("div", { children: t.t("image-text-wrap.title") }) })
           }
         ),
         /* @__PURE__ */ m(
@@ -1458,16 +1455,16 @@ const Dn = {
             className: `
                   univer-relative univer-mt-2.5 univer-flex univer-h-full univer-items-start univer-justify-start
                 `,
-            children: /* @__PURE__ */ m("div", { className: ue("univer-flex univer-items-center univer-gap-1 univer-text-black"), children: /* @__PURE__ */ m("div", { children: t.t("image-text-wrap.wrappingStyle") }) })
+            children: /* @__PURE__ */ m("div", { className: te("univer-flex univer-items-center univer-gap-1 univer-text-gray-900"), children: /* @__PURE__ */ m("div", { children: t.t("image-text-wrap.wrappingStyle") }) })
           }
         ),
         /* @__PURE__ */ m(
           "div",
           {
-            className: ue(`
+            className: te(`
                   univer-relative univer-mt-2.5 univer-flex univer-h-full univer-items-start univer-justify-start
                 `),
-            children: /* @__PURE__ */ m("div", { className: ue("univer-flex univer-items-center univer-gap-1"), children: /* @__PURE__ */ X(Gt, { value: y, onChange: I, direction: "vertical", children: [
+            children: /* @__PURE__ */ m("div", { className: te("univer-flex univer-items-center univer-gap-1"), children: /* @__PURE__ */ X(Gt, { value: y, onChange: I, direction: "vertical", children: [
               /* @__PURE__ */ m(be, { value: fe.INLINE, children: t.t("image-text-wrap.inline") }),
               /* @__PURE__ */ m(be, { value: fe.WRAP_SQUARE, children: t.t("image-text-wrap.square") }),
               /* @__PURE__ */ m(be, { value: fe.WRAP_TOP_AND_BOTTOM, children: t.t("image-text-wrap.topAndBottom") }),
@@ -1482,16 +1479,16 @@ const Dn = {
             className: `
                   univer-relative univer-mt-2.5 univer-flex univer-h-full univer-items-start univer-justify-start
                 `,
-            children: /* @__PURE__ */ m("div", { className: ue("univer-flex univer-items-center univer-gap-1 univer-text-black"), children: /* @__PURE__ */ m("div", { children: t.t("image-text-wrap.wrapText") }) })
+            children: /* @__PURE__ */ m("div", { className: te("univer-flex univer-items-center univer-gap-1 univer-text-gray-900"), children: /* @__PURE__ */ m("div", { children: t.t("image-text-wrap.wrapText") }) })
           }
         ),
         /* @__PURE__ */ m(
           "div",
           {
-            className: ue(`
+            className: te(`
                   univer-relative univer-mt-2.5 univer-flex univer-h-full univer-items-start univer-justify-start
                 `),
-            children: /* @__PURE__ */ m("div", { className: ue("univer-flex univer-items-center univer-gap-1"), children: /* @__PURE__ */ X(Gt, { disabled: u, value: O, onChange: P, direction: "horizontal", children: [
+            children: /* @__PURE__ */ m("div", { className: te("univer-flex univer-items-center univer-gap-1"), children: /* @__PURE__ */ X(Gt, { disabled: u, value: O, onChange: P, direction: "horizontal", children: [
               /* @__PURE__ */ m(be, { value: qe.BOTH_SIDES, children: t.t("image-text-wrap.bothSide") }),
               /* @__PURE__ */ m(be, { value: qe.LEFT, children: t.t("image-text-wrap.leftOnly") }),
               /* @__PURE__ */ m(be, { value: qe.RIGHT, children: t.t("image-text-wrap.rightOnly") })
@@ -1504,7 +1501,7 @@ const Dn = {
             className: `
                   univer-relative univer-mt-2.5 univer-flex univer-h-full univer-items-start univer-justify-start
                 `,
-            children: /* @__PURE__ */ m("div", { className: ue("univer-flex univer-items-center univer-gap-1 univer-text-black"), children: /* @__PURE__ */ m("div", { children: t.t("image-text-wrap.distanceFromText") }) })
+            children: /* @__PURE__ */ m("div", { className: te("univer-flex univer-items-center univer-gap-1 univer-text-gray-900"), children: /* @__PURE__ */ m("div", { children: t.t("image-text-wrap.distanceFromText") }) })
           }
         ),
         /* @__PURE__ */ X(
@@ -1514,7 +1511,7 @@ const Dn = {
                   univer-relative univer-mt-2.5 univer-flex univer-h-full univer-items-start univer-justify-start
                 `,
             children: [
-              /* @__PURE__ */ m("div", { className: ue("univer-flex univer-items-center univer-gap-1"), children: /* @__PURE__ */ X("label", { children: [
+              /* @__PURE__ */ m("div", { className: te("univer-flex univer-items-center univer-gap-1"), children: /* @__PURE__ */ X("label", { children: [
                 /* @__PURE__ */ m(
                   "div",
                   {
@@ -1548,7 +1545,7 @@ const Dn = {
                   }
                 )
               ] }) }),
-              /* @__PURE__ */ m("div", { className: ue("univer-flex univer-items-center univer-gap-1"), children: /* @__PURE__ */ X("label", { children: [
+              /* @__PURE__ */ m("div", { className: te("univer-flex univer-items-center univer-gap-1"), children: /* @__PURE__ */ X("label", { children: [
                 /* @__PURE__ */ m(
                   "div",
                   {
@@ -1592,7 +1589,7 @@ const Dn = {
                   univer-relative univer-mt-2.5 univer-flex univer-h-full univer-items-start univer-justify-start
                 `,
             children: [
-              /* @__PURE__ */ m("div", { className: ue("univer-flex univer-items-center univer-gap-1"), children: /* @__PURE__ */ X("label", { children: [
+              /* @__PURE__ */ m("div", { className: te("univer-flex univer-items-center univer-gap-1"), children: /* @__PURE__ */ X("label", { children: [
                 /* @__PURE__ */ m(
                   "div",
                   {
@@ -1626,7 +1623,7 @@ const Dn = {
                   }
                 )
               ] }) }),
-              /* @__PURE__ */ m("div", { className: ue("univer-flex univer-items-center univer-gap-1"), children: /* @__PURE__ */ X("label", { children: [
+              /* @__PURE__ */ m("div", { className: te("univer-flex univer-items-center univer-gap-1"), children: /* @__PURE__ */ X("label", { children: [
                 /* @__PURE__ */ m(
                   "div",
                   {
@@ -1666,8 +1663,8 @@ const Dn = {
       ]
     }
   );
-}, nr = () => {
-  const i = we(ve), e = i.getFocusDrawings(), [t, n] = re(e);
+}, ir = () => {
+  const i = we(ve), e = i.getFocusDrawings(), [t, n] = se(e);
   return Mt(() => {
     const r = i.focus$.subscribe((s) => {
       n(s);
@@ -1676,13 +1673,13 @@ const Dn = {
       r.unsubscribe();
     };
   }, []), !!(t != null && t.length) && /* @__PURE__ */ X("div", { className: "univer-p-2 univer-text-center univer-text-sm", children: [
-    /* @__PURE__ */ m(ci, { drawings: t, hasAlign: !1, hasCropper: !1, hasGroup: !1, hasTransform: !1 }),
-    /* @__PURE__ */ m(tr, { drawings: t }),
-    /* @__PURE__ */ m(er, { drawings: t })
+    /* @__PURE__ */ m(di, { drawings: t, hasAlign: !1, hasCropper: !1, hasGroup: !1, hasTransform: !1 }),
+    /* @__PURE__ */ m(nr, { drawings: t }),
+    /* @__PURE__ */ m(tr, { drawings: t })
   ] });
-}, Nn = "addition-and-subtraction-single", En = "doc.menu.image", Rn = _n.id, ir = (i) => {
+}, En = "addition-and-subtraction-single", Rn = "doc.menu.image", An = Sn.id, rr = (i) => {
   const e = i.get(Ot), t = i.get(z);
-  return new Fi((n) => {
+  return new ji((n) => {
     const r = e.textSelection$.subscribe(() => {
       var o;
       const s = e.getActiveTextRange();
@@ -1704,40 +1701,40 @@ const Dn = {
     return () => r.unsubscribe();
   });
 };
-function rr(i) {
+function sr(i) {
   return {
-    id: En,
+    id: Rn,
     type: sn.SUBITEMS,
-    icon: Nn,
+    icon: En,
     tooltip: "docImage.title",
-    disabled$: ir(i),
+    disabled$: rr(i),
     hidden$: rn(i, Ie.UNIVER_DOC, void 0, yt)
   };
 }
-function sr(i) {
+function or(i) {
   return {
-    id: Rn,
+    id: An,
     title: "docImage.upload.float",
     type: sn.BUTTON,
     hidden$: rn(i, Ie.UNIVER_DOC, void 0, yt)
   };
 }
-const or = {
-  [Di.LAYOUT]: {
-    [En]: {
+const ar = {
+  [yi.LAYOUT]: {
+    [Rn]: {
       order: 0,
-      menuItemFactory: rr,
-      [Rn]: {
+      menuItemFactory: sr,
+      [An]: {
         order: 0,
-        menuItemFactory: sr
+        menuItemFactory: or
       }
     }
   }
 };
 function Qe(i) {
-  return i.getContextValue(Hn) && i.getContextValue(rt);
+  return i.getContextValue(Gn) && i.getContextValue(rt);
 }
-const ar = {
+const cr = {
   id: Ze.id,
   description: "shortcut.drawing-move-down",
   group: "4_drawing-view",
@@ -1747,7 +1744,7 @@ const ar = {
   staticParameters: {
     direction: he.DOWN
   }
-}, cr = {
+}, dr = {
   id: Ze.id,
   description: "shortcut.drawing-move-up",
   group: "4_drawing-view",
@@ -1757,7 +1754,7 @@ const ar = {
   staticParameters: {
     direction: he.UP
   }
-}, dr = {
+}, lr = {
   id: Ze.id,
   description: "shortcut.drawing-move-left",
   group: "4_drawing-view",
@@ -1767,7 +1764,7 @@ const ar = {
   staticParameters: {
     direction: he.LEFT
   }
-}, lr = {
+}, ur = {
   id: Ze.id,
   description: "shortcut.drawing-move-right",
   group: "4_drawing-view",
@@ -1777,8 +1774,8 @@ const ar = {
   staticParameters: {
     direction: he.RIGHT
   }
-}, ur = {
-  id: vn.id,
+}, gr = {
+  id: pn.id,
   description: "shortcut.drawing-delete",
   group: "4_drawing-view",
   // when focusing on any other input tag do not trigger this shortcut
@@ -1786,8 +1783,8 @@ const ar = {
   binding: He.DELETE,
   mac: He.BACKSPACE
 };
-var gr = Object.getOwnPropertyDescriptor, fr = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? gr(e, t) : e, s = i.length - 1, o; s >= 0; s--)
+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;
 }, nt = (i, e) => (t, n) => e(t, n, i);
@@ -1797,40 +1794,40 @@ let ot = class extends Ue {
   }
   _initCustomComponents() {
     const i = this._componentManager;
-    this.disposeWithMe(i.register(Nn, mn)), this.disposeWithMe(i.register(bn, nr));
+    this.disposeWithMe(i.register(En, vn)), this.disposeWithMe(i.register(Cn, ir));
   }
   _initMenus() {
-    this._menuManagerService.mergeMenu(or);
+    this._menuManagerService.mergeMenu(ar);
   }
   _initCommands() {
     [
-      _n,
+      Sn,
       Ct,
-      Dn,
       yn,
       On,
-      Ye,
       Tn,
+      Ye,
       Mn,
+      bn,
       bt,
-      Cn,
-      Ji,
       xn,
-      pn,
-      In,
+      er,
+      Nn,
+      wn,
+      _n,
       Ze,
-      vn,
-      wn
+      pn,
+      In
     ].forEach((i) => this.disposeWithMe(this._commandService.registerCommand(i)));
   }
   _initShortcuts() {
     [
       // sheet drawing shortcuts
-      ar,
       cr,
       dr,
       lr,
-      ur
+      ur,
+      gr
     ].forEach((i) => {
       this.disposeWithMe(this._shortcutService.registerShortcut(i));
     });
@@ -1839,18 +1836,18 @@ let ot = class extends Ue {
     this._initCommands(), this._initCustomComponents(), this._initMenus(), this._initShortcuts();
   }
 };
-ot = fr([
+ot = hr([
   nt(0, Z(on)),
-  nt(1, yi),
+  nt(1, Oi),
   nt(2, G),
-  nt(3, Oi)
+  nt(3, Ti)
 ], ot);
-var hr = Object.getOwnPropertyDescriptor, mr = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? hr(e, t) : e, s = i.length - 1, o; s >= 0; s--)
+var mr = Object.getOwnPropertyDescriptor, vr = (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;
 }, $e = (i, e) => (t, n) => e(t, n, i);
-function vr(i) {
+function pr(i) {
   var n, r, s, o;
   if ($.isNoop(i) || !Array.isArray(i))
     return null;
@@ -1873,7 +1870,7 @@ function vr(i) {
     });
   return t;
 }
-function pr(i) {
+function wr(i) {
   if (!Array.isArray(i) || i.length < 3 || i[0] !== "drawingsOrder")
     return [];
   const e = [];
@@ -1900,7 +1897,7 @@ let at = class extends Ue {
       this._commandService.beforeCommandExecuted((i) => {
         if (i.id !== ee.id)
           return;
-        const e = i.params, { unitId: t, actions: n } = e, r = vr(n);
+        const e = i.params, { unitId: t, actions: n } = e, r = pr(n);
         if (r != null)
           for (const { type: s, drawingId: o, drawing: c } of r)
             s === "add" ? this._addDrawings(t, [c]) : this._removeDrawings(t, [o]);
@@ -1910,12 +1907,12 @@ let at = class extends Ue {
         if (i.id !== ee.id)
           return;
         const e = i.params, { unitId: t, actions: n } = e;
-        pr(n).length > 0 && this._updateDrawingsOrder(t);
+        wr(n).length > 0 && this._updateDrawingsOrder(t);
       })
     ), this.disposeWithMe(
       this._commandService.onCommandExecuted((i) => {
         var o;
-        if (i.id !== Gn.id && i.id !== Vn.id)
+        if (i.id !== Vn.id && i.id !== $n.id)
           return;
         const e = (o = this._univerInstanceService.getCurrentUniverDocInstance()) == null ? void 0 : o.getUnitId(), t = this._drawingManagerService.getFocusDrawings();
         if (e == null || t.length === 0)
@@ -1956,19 +1953,19 @@ let at = class extends Ue {
     n.orderNotification(s), r.orderNotification(s);
   }
 };
-at = mr([
+at = vr([
   $e(0, z),
   $e(1, G),
   $e(2, ve),
   $e(3, Be),
   $e(4, Q)
 ], at);
-var wr = Object.getOwnPropertyDescriptor, Ir = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? wr(e, t) : e, s = i.length - 1, o; s >= 0; s--)
+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 An(i, e, t = 1, n = 0) {
+}, ke = (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();
   return {
     startX: (s - g) * h,
@@ -1987,7 +1984,7 @@ function An(i, e, t = 1, n = 0) {
 }
 function It(i, e) {
   const { top: t, left: n, width: r, height: s, angle: o, opacity: c } = i;
-  return An({ top: t, left: n, bottom: t + s, right: n + r }, e.scene, c, o);
+  return Pn({ top: t, left: n, bottom: t + s, right: n + r }, e.scene, c, o);
 }
 let ct = class extends Ue {
   constructor(e, t, n, r, s, o) {
@@ -2038,7 +2035,7 @@ let ct = class extends Ue {
       if (!(c == null || c.length === 0))
         for (const d of c) {
           this._addHoverForRect(d);
-          const a = new $n(), l = It(d, s.renderUnit), g = new Tt(l), u = s.canvas, h = o.data, f = {
+          const a = new zn(), l = It(d, s.renderUnit), g = new Tt(l), u = s.canvas, h = o.data, f = {
             dispose: a,
             rect: d,
             position$: g,
@@ -2115,8 +2112,8 @@ let ct = class extends Ue {
           const n = t.getUnitId(), r = this._renderManagerService.getRenderById(n);
           return r ? { render: r, unitId: n } : null;
         }),
-        ji(
-          (t) => t ? Jt(t.render.scene.getViewport(cn.VIEW_MAIN).onScrollAfter$).pipe(Vt(() => ({ unitId: t.unitId }))) : Wi(null)
+        Wi(
+          (t) => t ? Jt(t.render.scene.getViewport(cn.VIEW_MAIN).onScrollAfter$).pipe(Vt(() => ({ unitId: t.unitId }))) : Hi(null)
         )
       ).subscribe((t) => {
         if (!t) return;
@@ -2136,7 +2133,7 @@ let ct = class extends Ue {
     if (!n) return !1;
     const r = this._getSceneAndTransformerByDrawingSearch(n.getUnitId());
     if (!r) return !1;
-    const c = (p = r.renderUnit.with(te).getSkeleton().getSkeletonData()) == null ? void 0 : p.pages[0];
+    const c = (p = r.renderUnit.with(ne).getSkeleton().getSkeletonData()) == null ? void 0 : p.pages[0];
     if (!c) return !1;
     const { pageWidth: d, marginLeft: a, marginRight: l } = c, g = d - a - l, u = {
       size: {
@@ -2152,7 +2149,7 @@ let ct = class extends Ue {
         posOffset: 0
       },
       angle: 0
-    }, h = (w = t.drawingId) != null ? w : zn(), f = {
+    }, h = (w = t.drawingId) != null ? w : Xn(), f = {
       unitId: n.getUnitId(),
       drawings: [
         {
@@ -2164,7 +2161,7 @@ let ct = class extends Ue {
           title: "",
           description: "",
           docTransform: u,
-          layoutType: F.INLINE,
+          layoutType: k.INLINE,
           transform: an(u)
         }
       ]
@@ -2172,17 +2169,17 @@ let ct = class extends Ue {
     return this._commandService.syncExecuteCommand(Ct.id, f), h;
   }
 };
-ct = Ir([
-  Fe(0, Q),
-  Fe(1, ve),
-  Fe(2, Z(tn)),
-  Fe(3, Z(Ti)),
-  Fe(4, z),
-  Fe(5, G)
+ct = _r([
+  ke(0, Q),
+  ke(1, ve),
+  ke(2, Z(tn)),
+  ke(3, Z(Mi)),
+  ke(4, z),
+  ke(5, G)
 ], ct);
-const _r = (i) => {
-  const { floatDomInfos: e, scene: t, offset: n, bound: r } = i, s = r.right - r.left, o = r.bottom - r.top, c = Gi(() => e.map((d) => {
-    const { width: a = 0, height: l = 0, left: g = 0, top: u = 0 } = d.transform, f = An(
+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(
       {
         left: g,
         right: g + a,
@@ -2208,10 +2205,10 @@ const _r = (i) => {
     };
     return [d.drawingId, p];
   }).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(Mi, { layer: a, id: d, position: a.position }, d)) });
+  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)) });
 };
-var Sr = Object.getOwnPropertyDescriptor, Dr = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? Sr(e, t) : e, s = i.length - 1, o; s >= 0; s--)
+var Dr = Object.getOwnPropertyDescriptor, yr = (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;
 }, ze = (i, e) => (t, n) => e(t, n, i);
@@ -2248,7 +2245,7 @@ let dt = class extends Ue {
                 if (a.drawingType === Le.DRAWING_CHART)
                   return {
                     ...a,
-                    componentKey: this._componetManager.get(Xn)
+                    componentKey: this._componetManager.get(qn)
                   };
                 if (a.drawingType === Le.DRAWING_DOM) {
                   const l = this._docPrintInterceptorService.getPrintComponent(a.componentKey);
@@ -2258,8 +2255,8 @@ let dt = class extends Ue {
                   };
                 }
                 return null;
-              }).filter(Boolean), c = bi(_r, this._injector);
-              return Bi(
+              }).filter(Boolean), c = Ci(Sr, this._injector);
+              return Fi(
                 /* @__PURE__ */ m(
                   c,
                   {
@@ -2282,19 +2279,19 @@ let dt = class extends Ue {
     );
   }
 };
-dt = Dr([
-  ze(0, Z(Ni)),
+dt = yr([
+  ze(0, Z(Ei)),
   ze(1, Z(tn)),
   ze(2, ve),
   ze(3, Z(on)),
   ze(4, Z(en))
 ], dt);
-var yr = Object.getOwnPropertyDescriptor, Or = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? yr(e, t) : e, s = i.length - 1, o; s >= 0; s--)
+var Or = Object.getOwnPropertyDescriptor, Tr = (i, e, t, n) => {
+  for (var r = n > 1 ? void 0 : n ? Or(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);
-const Tr = "__InlineDrawingAnchor__";
+const Mr = "__InlineDrawingAnchor__";
 function Yt(i) {
   const { path: e } = i;
   return e.some((t) => t === "cells");
@@ -2341,7 +2338,7 @@ let lt = class extends Ue {
             if (p == null)
               continue;
             const v = this._univerInstanceService.getUniverDocInstance(p.unitId), w = (c = v == null ? void 0 : v.getSnapshot().drawings) == null ? void 0 : c[p.drawingId];
-            if ((w == null ? void 0 : w.layoutType) === F.INLINE)
+            if ((w == null ? void 0 : w.layoutType) === k.INLINE)
               try {
                 d.setOpacity(0.2);
               } catch {
@@ -2369,7 +2366,7 @@ let lt = class extends Ue {
             const a = this._transformerCache.values().next().value, l = o.values().next().value, { width: g, height: u, top: h, left: f, angle: p } = l;
             if (a && g === a.width && u === a.height && h === a.top && f === a.left && p === a.angle)
               return;
-            a && (a.drawing.layoutType, F.INLINE), a && a.drawing.layoutType === F.INLINE && c != null && d != null && this._updateInlineDrawingAnchor(a.drawing, c, d);
+            a && (a.drawing.layoutType, k.INLINE), a && a.drawing.layoutType === k.INLINE && c != null && d != null && this._updateInlineDrawingAnchor(a.drawing, c, d);
           }
         })
       )
@@ -2383,7 +2380,7 @@ let lt = class extends Ue {
             if (l == null)
               continue;
             const g = this._transformerCache.get(l == null ? void 0 : l.drawingId);
-            if ((g == null ? void 0 : g.drawing.layoutType) === F.INLINE)
+            if ((g == null ? void 0 : g.drawing.layoutType) === k.INLINE)
               try {
                 a.setOpacity(1);
               } catch {
@@ -2395,7 +2392,7 @@ let lt = class extends Ue {
             const a = this._transformerCache.values().next().value, l = o.values().next().value, { width: g, height: u, top: h, left: f, angle: p } = l;
             if (a && g === a.width && u === a.height && h === a.top && f === a.left && p === a.angle)
               return;
-            a && a.drawing.layoutType === F.INLINE ? g !== a.width || u !== a.height || p !== 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 === k.INLINE ? g !== a.width || u !== a.height || p !== a.angle ? this._updateDrawingSize(a, l) : c != null && d != null && this._moveInlineDrawing(a.drawing, c, d) : a && this._nonInlineDrawingTransform(a.drawing, l);
           }
           this._transformerCache.clear();
         })
@@ -2471,7 +2468,7 @@ let lt = class extends Ue {
   }
   _getInlineDrawingAnchor(e, t, n) {
     var A, H;
-    const r = this._renderManagerService.getRenderById(e.unitId), s = r == null ? void 0 : r.with(te).getSkeleton();
+    const r = this._renderManagerService.getRenderById(e.unitId), s = r == null ? void 0 : r.with(ne).getSkeleton();
     if (r == null)
       return;
     const { mainComponent: o, scene: c } = r, d = o, a = c.getViewports()[0], {
@@ -2503,14 +2500,14 @@ let lt = class extends Ue {
     const E = {
       ...C,
       isBack: f
-    }, U = M.document.getOffsetConfig(), N = new Ft(U, s), { cursorList: I, contentBoxPointGroup: P } = N.getRangePointData(E, E), { startOffset: W } = (H = jt(I)) != null ? H : {};
+    }, U = M.document.getOffsetConfig(), N = new kt(U, s), { cursorList: I, contentBoxPointGroup: P } = N.getRangePointData(E, E), { startOffset: W } = (H = jt(I)) != null ? H : {};
     if (W != null)
       return { offset: W, contentBoxPointGroup: P, segmentId: v, segmentPage: p };
   }
   // eslint-disable-next-line max-lines-per-function, complexity
   _getDrawingAnchor(e, t) {
-    var Se, De, ce, Oe, Te, Ee, Re, Me, de, le, Ae;
-    const n = this._renderManagerService.getRenderById(e.unitId), r = n == null ? void 0 : n.with(te).getSkeleton(), s = r == null ? void 0 : r.getSkeletonData();
+    var Se, De, de, Oe, Te, Ee, Re, Me, le, ue, Ae;
+    const n = this._renderManagerService.getRenderById(e.unitId), r = n == null ? void 0 : n.with(ne).getSkeleton(), s = r == null ? void 0 : r.getSkeletonData();
     if (s == 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: p, docsLeft: v, docsTop: w } = g.getOffsetConfig(), { left: y, top: D, angle: O } = t;
@@ -2542,16 +2539,16 @@ let lt = class extends Ue {
     }
     if (P == null)
       return;
-    const b = (De = P.parent) == null ? void 0 : De.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], k = (Oe = R == null ? void 0 : R.parent) == null ? void 0 : Oe.parent;
-    if (b == null || R == null || V == null || k == null)
+    const b = (De = P.parent) == null ? void 0 : De.parent, R = b == null ? void 0 : b.parent, V = (de = R == null ? void 0 : R.lines.find((pe) => pe.paragraphIndex === (b == null ? void 0 : b.paragraphIndex) && pe.paragraphStart)) != null ? de : 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)
       return;
     this._liquid.reset();
-    const K = k.type;
+    const K = F.type;
     for (const pe of o) {
-      const { headerId: mt, footerId: vt, pageHeight: Ln, pageWidth: xt, marginLeft: Nt, marginBottom: Un } = pe, Bn = o.indexOf(pe);
-      if (A > -1 && Bn === A) {
+      const { headerId: mt, footerId: vt, pageHeight: Un, pageWidth: xt, marginLeft: Nt, marginBottom: Bn } = pe, Fn = o.indexOf(pe);
+      if (A > -1 && Fn === A) {
         switch (K) {
-          case kt.HEADER: {
+          case Ft.HEADER: {
             const Ve = (Te = c.get(mt)) == null ? void 0 : Te.get(xt);
             if (Ve)
               this._liquid.translatePagePadding({
@@ -2562,11 +2559,11 @@ let lt = class extends Ue {
               throw new Error("header skeleton not found");
             break;
           }
-          case kt.FOOTER: {
+          case Ft.FOOTER: {
             const Ve = (Ee = d.get(vt)) == null ? void 0 : Ee.get(xt);
             if (Ve)
               this._liquid.translatePagePadding({
-                marginTop: Ln - Un + Ve.marginTop,
+                marginTop: Un - Bn + Ve.marginTop,
                 marginLeft: Nt
               });
             else
@@ -2576,16 +2573,16 @@ let lt = class extends Ue {
         }
         break;
       }
-      if (this._liquid.translatePagePadding(pe), pe === k)
+      if (this._liquid.translatePagePadding(pe), pe === F)
         break;
       this._liquid.restorePagePadding(pe), this._liquid.translatePage(pe, h, f, p);
     }
-    switch (E.relativeFrom === j.LINE ? P = b.divides[0].glyphGroup[0] : P = (le = (de = (Me = (Re = V.divides) == null ? void 0 : Re[0]) == null ? void 0 : Me.glyphGroup) == null ? void 0 : de[0]) != null ? le : P, _.positionH = {
+    switch (E.relativeFrom === j.LINE ? P = b.divides[0].glyphGroup[0] : P = (ue = (le = (Me = (Re = V.divides) == null ? void 0 : Re[0]) == null ? void 0 : Me.glyphGroup) == null ? void 0 : le[0]) != null ? ue : P, _.positionH = {
       relativeFrom: U.relativeFrom,
       posOffset: y - this._liquid.x - v
     }, U.relativeFrom) {
       case J.MARGIN: {
-        _.positionH.posOffset = y - this._liquid.x - v - k.marginLeft;
+        _.positionH.posOffset = y - this._liquid.x - v - F.marginLeft;
         break;
       }
       case J.COLUMN: {
@@ -2598,7 +2595,7 @@ let lt = class extends Ue {
       posOffset: D - this._liquid.y - w
     }, E.relativeFrom) {
       case j.PAGE: {
-        _.positionV.posOffset = D - this._liquid.y - w - k.marginTop;
+        _.positionV.posOffset = D - this._liquid.y - w - F.marginTop;
         break;
       }
       case j.LINE: {
@@ -2612,15 +2609,15 @@ let lt = class extends Ue {
     }
     if (P == null)
       return;
-    const oe = r == null ? void 0 : r.findPositionByGlyph(P, A), ke = this._getDocObject();
-    if (oe == null || r == null || ke == null || Yt(oe))
+    const ae = r == null ? void 0 : r.findPositionByGlyph(P, A), Fe = this._getDocObject();
+    if (ae == null || r == null || Fe == null || Yt(ae))
       return;
     const Ne = {
-      ...oe,
+      ...ae,
       isBack: H
-    }, Ge = ke.document.getOffsetConfig(), ae = new Ft(Ge, r), { cursorList: ne } = ae.getRangePointData(Ne, Ne), { startOffset: ie } = (Ae = jt(ne)) != null ? Ae : {};
-    if (ie != null)
-      return { offset: ie, docTransform: _, segmentId: W, segmentPage: A };
+    }, Ge = Fe.document.getOffsetConfig(), ce = new kt(Ge, r), { cursorList: ie } = ce.getRangePointData(Ne, Ne), { startOffset: re } = (Ae = jt(ie)) != null ? Ae : {};
+    if (re != null)
+      return { offset: re, docTransform: _, segmentId: W, segmentPage: A };
   }
   // Update drawing when use transformer to resize it.
   _updateDrawingSize(e, t) {
@@ -2647,7 +2644,7 @@ let lt = class extends Ue {
   // 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(Tn.id, {
+    return this._commandService.executeCommand(Mn.id, {
       unitId: e.unitId,
       subUnitId: e.unitId,
       drawing: e,
@@ -2660,7 +2657,7 @@ let lt = class extends Ue {
   // 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 : {};
+    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(ne).getSkeleton(), l = a == null ? void 0 : a.getSkeletonData(), { pages: g } = l != null ? l : {};
     if (l == null || n == null || g == null)
       return {
         left: r,
@@ -2696,11 +2693,11 @@ let lt = class extends Ue {
     };
   }
   _nonInlineDrawingTransform(e, t, n = !1) {
-    const r = e.isMultiTransform === se.TRUE ? t : this._limitDrawingInPage(e, t);
+    const r = e.isMultiTransform === oe.TRUE ? t : this._limitDrawingInPage(e, t);
     if (n && r.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(Mn.id, {
+    return o == null || c == null ? this._updateMultipleDrawingDocTransform(/* @__PURE__ */ new Map([[e.drawingId, t]])) : this._commandService.executeCommand(bn.id, {
       unitId: e.unitId,
       subUnitId: e.unitId,
       drawing: e,
@@ -2720,7 +2717,7 @@ let lt = class extends Ue {
     return { scene: n, transformer: r };
   }
   _getTransformCoordForDocumentOffset(e, t, n, r) {
-    const { documentTransform: s } = e.getOffsetConfig(), o = t.transformVector2SceneCoord(mi.FromArray([n, r]));
+    const { documentTransform: s } = e.getOffsetConfig(), o = t.transformVector2SceneCoord(vi.FromArray([n, r]));
     if (o)
       return s.clone().invert().applyPoint(o);
   }
@@ -2731,26 +2728,26 @@ let lt = class extends Ue {
     const { mainComponent: r, scene: s } = n, o = r, {
       docsLeft: c,
       docsTop: d
-    } = o.getOffsetConfig(), a = Ei(t), { left: l, top: g, height: u } = a, h = l + c, f = g + d;
+    } = o.getOffsetConfig(), a = Ri(t), { left: l, top: g, height: u } = a, h = l + c, f = g + d;
     if (this._anchorShape) {
       this._anchorShape.transformByState({ left: h, top: f, height: u }), this._anchorShape.show();
       return;
     }
-    const p = 6, v = new vi(Tr + Ce.generateRandomId(p), {
+    const p = 6, v = new pi(Mr + Ce.generateRandomId(p), {
       left: h,
       top: f,
       height: u,
       strokeWidth: 2,
-      stroke: pi(qn.darkGray, 1),
+      stroke: wi(Kn.darkGray, 1),
       evented: !1
     });
-    this._anchorShape = v, s.addObject(v, Ri);
+    this._anchorShape = v, s.addObject(v, Ai);
   }
   _getDocObject() {
-    return Ai(this._univerInstanceService, this._renderManagerService);
+    return Pi(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();
+    const t = this._renderManagerService.getRenderById(e.unitId), n = t == null ? void 0 : t.with(ne).getSkeleton(), r = 500, s = 500, o = n == null ? void 0 : n.getSkeletonData();
     if (o == null || t == null)
       return {
         width: r,
@@ -2778,18 +2775,18 @@ let lt = class extends Ue {
       };
   }
 };
-lt = Or([
+lt = Tr([
   it(0, G),
   it(1, z),
   it(2, ve),
   it(3, Q)
 ], lt);
-var Mr = Object.getOwnPropertyDescriptor, br = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? Mr(e, t) : e, s = i.length - 1, o; s >= 0; s--)
+var br = Object.getOwnPropertyDescriptor, Cr = (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;
 }, Xe = (i, e) => (t, n) => e(t, n, i);
-let ut = class extends Kn {
+let ut = class extends Yn {
   constructor(e, t, n, r, s) {
     super();
     _e(this, "_initImagePopupMenu", /* @__PURE__ */ new Set());
@@ -2811,7 +2808,7 @@ let ut = class extends Kn {
   _hasCropObject(e) {
     const t = e.getAllObjects();
     for (const n of t)
-      if (n instanceof di)
+      if (n instanceof li)
         return !0;
     return !1;
   }
@@ -2842,7 +2839,7 @@ let ut = class extends Kn {
           const { unitId: l, subUnitId: g, drawingId: u, drawingType: h } = a, f = this._canvasPopManagerService.attachPopupToObject(
             c,
             {
-              componentKey: li,
+              componentKey: ui,
               direction: "horizontal",
               offset: [2, 0],
               extraProps: {
@@ -2883,7 +2880,7 @@ let ut = class extends Kn {
       {
         label: "image-popup.edit",
         index: 0,
-        commandId: xn.id,
+        commandId: Nn.id,
         commandParams: { unitId: e, subUnitId: t, drawingId: n },
         // disable: !!SHEET_EDITOR_UNITS.includes(unitId) || drawingType === DrawingTypeEnum.DRAWING_DOM,
         disable: !0
@@ -2898,7 +2895,7 @@ let ut = class extends Kn {
       {
         label: "image-popup.crop",
         index: 2,
-        commandId: ui.id,
+        commandId: gi.id,
         commandParams: { unitId: e, subUnitId: t, drawingId: n },
         disable: !0
         // TODO: @JOCS, feature is not ready.
@@ -2906,7 +2903,7 @@ let ut = class extends Kn {
       {
         label: "image-popup.reset",
         index: 3,
-        commandId: gi.id,
+        commandId: fi.id,
         commandParams: [{ unitId: e, subUnitId: t, drawingId: n }],
         disable: !0
         // TODO: @JOCS, feature is not ready.
@@ -2914,15 +2911,15 @@ let ut = class extends Kn {
     ];
   }
 };
-ut = br([
+ut = Cr([
   Xe(0, ve),
-  Xe(1, Z(Pi)),
+  Xe(1, Z(Li)),
   Xe(2, Q),
   Xe(3, z),
   Xe(4, Qt)
 ], ut);
-var Cr = Object.getOwnPropertyDescriptor, xr = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? Cr(e, t) : e, s = i.length - 1, o; s >= 0; s--)
+var xr = Object.getOwnPropertyDescriptor, Nr = (i, e, t, n) => {
+  for (var r = n > 1 ? void 0 : n ? xr(e, t) : e, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = o(r) || r);
   return r;
 }, Pe = (i, e) => (t, n) => e(t, n, i);
@@ -2965,8 +2962,8 @@ let St = class extends Ue {
   _initResize() {
     this.disposeWithMe(
       Jt(this._context.engine.onTransformChange$).pipe(
-        zt((e) => e.type === wi.resize),
-        ln(16)
+        zt((e) => e.type === Ii.resize),
+        un(16)
       ).subscribe(() => {
         var n;
         const e = this._docSkeletonManagerService.getSkeleton(), { scene: t } = this._context;
@@ -3018,7 +3015,7 @@ let St = class extends Ue {
       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 o = [...r.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) {
       const a = t.getObject(d);
@@ -3031,7 +3028,7 @@ let St = class extends Ue {
       marginTop: o,
       marginLeft: c
     }), d.forEach((a) => {
-      const { aLeft: l, aTop: g, height: u, width: h, angle: f, drawingId: p, drawingOrigin: v } = a, w = v.layoutType === F.WRAP_NONE && v.behindDoc === se.TRUE, { isMultiTransform: y = se.FALSE } = v, D = {
+      const { aLeft: l, aTop: g, height: u, width: h, angle: f, drawingId: p, drawingOrigin: v } = a, w = v.layoutType === k.WRAP_NONE && v.behindDoc === oe.TRUE, { isMultiTransform: y = oe.FALSE } = v, D = {
         left: l + n + this._liquid.x,
         top: g + r + this._liquid.y,
         width: h,
@@ -3046,7 +3043,7 @@ let St = class extends Ue {
         transform: D,
         transforms: [D],
         isMultiTransform: y
-      } : y === se.TRUE && s[p].transforms.push(D);
+      } : y === oe.TRUE && s[p].transforms.push(D);
     }), this._liquid.restorePagePadding({
       marginTop: o,
       marginLeft: c
@@ -3060,30 +3057,30 @@ let St = class extends Ue {
     this._lifecycleService.stage >= Rt.Rendered ? this._docSkeletonManagerService.getSkeleton() ? e() : setTimeout(e, 500) : this._lifecycleService.lifecycle$.pipe(zt((t) => t === Rt.Rendered)).subscribe(e);
   }
 };
-St = xr([
-  Pe(1, Z(te)),
+St = Nr([
+  Pe(1, Z(ne)),
   Pe(2, G),
-  Pe(3, Li),
+  Pe(3, Ui),
   Pe(4, ve),
   Pe(5, Z(ht)),
   Pe(6, z),
-  Pe(7, Z(Yn))
+  Pe(7, Z(Zn))
 ], St);
-var Nr = Object.defineProperty, Er = Object.getOwnPropertyDescriptor, Rr = (i, e, t) => e in i ? Nr(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t, Ar = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? Er(e, t) : e, s = i.length - 1, o; s >= 0; s--)
+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;
-}, _t = (i, e) => (t, n) => e(t, n, i), Pn = (i, e, t) => Rr(i, typeof e != "symbol" ? e + "" : e, t);
-const Pr = "DOC_DRAWING_UI_PLUGIN";
-let gt = class extends Jn {
+}, _t = (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 gt = class extends ei {
   constructor(i = Xt, e, t, n) {
     super(), this._config = i, this._injector = e, this._renderManagerSrv = t, this._configService = n;
-    const { ...r } = ei(
+    const { ...r } = ti(
       {},
       Xt,
       this._config
     );
-    this._configService.setConfig(Vi, r);
+    this._configService.setConfig($i, r);
   }
   onStarting() {
     [
@@ -3106,27 +3103,27 @@ let gt = class extends Jn {
     this._injector.get(ut), this._injector.get(ct);
   }
 };
-Pn(gt, "type", Ie.UNIVER_DOC);
-Pn(gt, "pluginName", Pr);
-gt = Ar([
-  Zn(fi, ai, ti, Ci),
+Ln(gt, "type", Ie.UNIVER_DOC);
+Ln(gt, "pluginName", Lr);
+gt = Pr([
+  Qn(hi, ci, ni, xi),
   _t(1, Z(en)),
   _t(2, Q),
-  _t(3, Qn)
+  _t(3, Jn)
 ], gt);
 export {
-  Ji as ClearDocDrawingTransformerOperation,
-  En as DOCS_IMAGE_MENU_ID,
-  vn as DeleteDocDrawingsCommand,
+  er as ClearDocDrawingTransformerOperation,
+  Rn as DOCS_IMAGE_MENU_ID,
+  pn as DeleteDocDrawingsCommand,
   ct as DocFloatDomController,
-  xn as EditDocDrawingOperation,
-  pn as GroupDocDrawingCommand,
+  Nn as EditDocDrawingOperation,
+  wn as GroupDocDrawingCommand,
   Ct as InsertDocDrawingCommand,
-  _n as InsertDocImageCommand,
+  Sn as InsertDocImageCommand,
   Ze as MoveDocDrawingsCommand,
   bt as RemoveDocDrawingCommand,
-  wn as SetDocDrawingArrangeCommand,
-  Cn as SidebarDocDrawingOperation,
-  In as UngroupDocDrawingCommand,
+  In as SetDocDrawingArrangeCommand,
+  xn as SidebarDocDrawingOperation,
+  _n as UngroupDocDrawingCommand,
   gt as UniverDocsDrawingUIPlugin
 };