@univerjs/docs-drawing-ui 0.17.0 → 0.18.0

package/lib/es/index.js

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