@univerjs/slides-ui 0.15.1 → 0.15.2-insiders.20260119-edc718c

package/lib/es/index.js

@@ -1,33 +1,33 @@
-var oi = Object.defineProperty;
-var ci = (n, e, t) => e in n ? oi(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
-var S = (n, e, t) => ci(n, typeof e != "symbol" ? e + "" : e, t);
-import { Inject as z, Injector as ke, IUniverInstanceService as w, RxDisposable as fe, UniverInstanceType as E, debounce as ai, getColorStyle as li, CommandType as N, PageElementType as Ne, merge as St, LocaleService as J, ICommandService as D, generateRandomId as ze, BasicShapes as It, createInternalEditorID as di, createIdentifier as bt, IContextService as pe, DocumentFlavor as ui, FOCUSING_UNIVER_EDITOR as Et, EDITOR_ACTIVATED as xe, FORMULA_EDITOR_ACTIVATED as hi, Disposable as De, DisposableCollection as Ke, toDisposable as xt, FOCUSING_COMMON_DRAWINGS as gi, FOCUSING_EDITOR_STANDALONE as Rt, FOCUSING_UNIVER_EDITOR_STANDALONE_SINGLE_MODE as Ot, DocumentDataModel as vi, HorizontalAlign as wt, VerticalAlign as Re, IUndoRedoService as fi, WrapStrategy as tt, FOCUSING_EDITOR_BUT_HIDDEN as pi, DEFAULT_EMPTY_DOCUMENT_VALUE as mi, Direction as V, Plugin as _i, mergeOverrideWithDependencies as it, IConfigService as Ci } from "@univerjs/core";
-import { IRenderManagerService as K, Viewport as nt, ScrollBar as Pt, getCurrentTypeOfRenderer as Le, Slide as Si, Rect as yt, Scene as Ii, ObjectType as de, FIX_ONE_PIXEL_BLUR_OFFSET as ie, DeviceInputEventType as Y, pxToNum as bi, convertTextRotation as rt, fixLineWidthByScale as st } from "@univerjs/engine-render";
-import { ObjectProvider as Ei, SLIDE_KEY as ne } from "@univerjs/slides";
-import { DRAWING_IMAGE_ALLOW_IMAGE_LIST as xi, IImageIoService as Ri, getImageSize as Oi } from "@univerjs/drawing";
-import { ILocalFileService as wi, useDependency as O, ISidebarService as Tt, getMenuHiddenObservable as re, MenuItemType as se, RibbonStartGroup as Pi, useObservable as yi, DISABLE_AUTO_FOCUS_KEY as ot, KeyCode as P, MetaKeys as Ti, IMenuManagerService as Mi, ComponentManager as Ni, IUIPartsService as Di, IShortcutService as Ui, BuiltInUIPart as ct, connectInjector as at, ICanvasPopupService as Vi, ILayoutService as ji } from "@univerjs/ui";
-import { jsxs as x, jsx as u } from "react/jsx-runtime";
-import { Button as Ce, clsx as k, Dropdown as Mt, ColorPicker as Ai, borderTopClassName as Nt, InputNumber as le, borderClassName as he, scrollbarClassName as Li } from "@univerjs/design";
-import { useRef as Dt, createElement as H, forwardRef as Z, useState as $, useEffect as ge, useMemo as $i, createRef as Bi, useCallback as lt } from "react";
-import { IEditorService as Ze, DeleteLeftCommand as Hi, DocSelectionRenderService as dt, VIEWPORT_KEY as ut, DOCS_COMPONENT_MAIN_LAYER_INDEX as Fi, MoveSelectionOperation as Wi, MoveCursorOperation as ki, DOCS_VIEW_KEY as zi } from "@univerjs/docs-ui";
-import { BehaviorSubject as q, Subject as Ut, filter as Ki, takeUntil as ht } from "rxjs";
-import { DocSelectionManagerService as Zi, DocSkeletonManagerService as gt, RichTextEditingMutation as Gi } from "@univerjs/docs";
-var Xi = Object.getOwnPropertyDescriptor, Yi = (n, e, t, i) => {
-  for (var r = i > 1 ? void 0 : i ? Xi(e, t) : e, s = n.length - 1, o; s >= 0; s--)
-    (o = n[s]) && (r = o(r) || r);
+var cn = Object.defineProperty;
+var an = (i, e, t) => e in i ? cn(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
+var S = (i, e, t) => an(i, typeof e != "symbol" ? e + "" : e, t);
+import { Inject as z, Injector as ke, IUniverInstanceService as w, RxDisposable as pe, UniverInstanceType as E, debounce as ln, getColorStyle as dn, CommandType as D, PageElementType as De, merge as St, LocaleService as J, ICommandService as U, generateRandomId as ze, BasicShapes as It, createInternalEditorID as un, createIdentifier as bt, IContextService as fe, DocumentFlavor as hn, FOCUSING_UNIVER_EDITOR as Et, EDITOR_ACTIVATED as Re, FORMULA_EDITOR_ACTIVATED as gn, Disposable as Ue, DisposableCollection as Ke, toDisposable as Rt, FOCUSING_COMMON_DRAWINGS as vn, FOCUSING_EDITOR_STANDALONE as xt, FOCUSING_UNIVER_EDITOR_STANDALONE_SINGLE_MODE as Ot, DocumentDataModel as pn, HorizontalAlign as wt, VerticalAlign as xe, IUndoRedoService as fn, WrapStrategy as tt, FOCUSING_EDITOR_BUT_HIDDEN as _n, DEFAULT_EMPTY_DOCUMENT_VALUE as mn, Direction as V, Plugin as Cn, mergeOverrideWithDependencies as nt, IConfigService as Sn } from "@univerjs/core";
+import { IRenderManagerService as K, Viewport as it, ScrollBar as yt, getCurrentTypeOfRenderer as Le, Slide as In, Rect as Pt, Scene as bn, ObjectType as de, FIX_ONE_PIXEL_BLUR_OFFSET as ne, DeviceInputEventType as Y, pxToNum as En, convertTextRotation as rt, fixLineWidthByScale as st } from "@univerjs/engine-render";
+import { ObjectProvider as Rn, SLIDE_KEY as ie } from "@univerjs/slides";
+import { DRAWING_IMAGE_ALLOW_IMAGE_LIST as xn, IImageIoService as On, getImageSize as wn } from "@univerjs/drawing";
+import { ILocalFileService as yn, useDependency as O, ISidebarService as Tt, getMenuHiddenObservable as re, MenuItemType as se, RibbonStartGroup as Pn, useObservable as Tn, DISABLE_AUTO_FOCUS_KEY as ot, KeyCode as y, MetaKeys as Mn, IMenuManagerService as Dn, ComponentManager as Un, IUIPartsService as Nn, IShortcutService as Vn, BuiltInUIPart as ct, connectInjector as at, ICanvasPopupService as jn, ILayoutService as An } from "@univerjs/ui";
+import { jsxs as R, jsx as g } from "react/jsx-runtime";
+import { Button as Ce, clsx as k, Dropdown as Mt, ColorPicker as Ln, borderTopClassName as Dt, InputNumber as le, borderClassName as he, scrollbarClassName as $n } from "@univerjs/design";
+import { useRef as Ut, createElement as H, forwardRef as Z, useState as $, useEffect as ge, useMemo as Bn, createRef as Hn, useCallback as lt } from "react";
+import { IEditorService as Ze, DeleteLeftCommand as Fn, DocSelectionRenderService as dt, VIEWPORT_KEY as ut, DOCS_COMPONENT_MAIN_LAYER_INDEX as Wn, MoveSelectionOperation as kn, MoveCursorOperation as zn, DOCS_VIEW_KEY as Kn } from "@univerjs/docs-ui";
+import { BehaviorSubject as q, Subject as Nt, filter as Zn, takeUntil as ht } from "rxjs";
+import { DocSelectionManagerService as Gn, DocSkeletonManagerService as gt, RichTextEditingMutation as Xn } from "@univerjs/docs";
+var Yn = Object.getOwnPropertyDescriptor, qn = (i, e, t, n) => {
+  for (var r = n > 1 ? void 0 : n ? Yn(e, t) : e, s = i.length - 1, o; s >= 0; s--)
+    (o = i[s]) && (r = o(r) || r);
   return r;
-}, Ue = (n, e) => (t, i) => e(t, i, n);
-let ve = class extends fe {
-  constructor(e, t, i, r) {
+}, Ne = (i, e) => (t, n) => e(t, n, i);
+let ve = class extends pe {
+  constructor(e, t, n, r) {
     super();
     S(this, "_objectProvider", null);
-    S(this, "_refreshThumb", ai(() => {
+    S(this, "_refreshThumb", ln(() => {
       this.createThumbs();
     }, 300));
-    this._renderContext = e, this._injector = t, this._univerInstanceService = i, this._renderManagerService = r, this._objectProvider = this._injector.createInstance(Ei), this._addNewRender();
+    this._renderContext = e, this._injector = t, this._univerInstanceService = n, this._renderManagerService = r, this._objectProvider = this._injector.createInstance(Rn), this._addNewRender();
   }
   _addNewRender() {
-    const { unitId: e, engine: t, scene: i } = this._renderContext, r = this._getCurrUnitModel();
+    const { unitId: e, engine: t, scene: n } = this._renderContext, r = this._getCurrUnitModel();
     if (!r) return;
     const s = t.onTransformChange$.subscribeEvent(() => {
       this._scrollToCenter(), s == null || s.unsubscribe();
@@ -37,7 +37,7 @@ let ve = class extends fe {
         this.createThumbs();
       }, 300);
     });
-    const o = new nt(ne.VIEW, i, {
+    const o = new it(ie.VIEW, n, {
       left: 0,
       top: 0,
       bottom: 0,
@@ -46,27 +46,27 @@ let ve = class extends fe {
       explicitViewportHeightSet: !1,
       isWheelPreventDefaultX: !0
     });
-    i.attachControl(), i.onMouseWheel$.subscribeEvent((a, h) => {
+    n.attachControl(), n.onMouseWheel$.subscribeEvent((a, u) => {
       const l = a;
       if (l.ctrlKey) {
         const d = Math.abs(l.deltaX);
         let v = d < 40 ? 0.2 : d < 80 ? 0.4 : 0.2;
-        v *= l.deltaY > 0 ? -1 : 1, i.scaleX < 1 && (v /= 2), i.scaleX + v > 4 ? i.scale(4, 4) : i.scaleX + v < 0.1 ? i.scale(0.1, 0.1) : (l.deltaY > 0, l.preventDefault());
+        v *= l.deltaY > 0 ? -1 : 1, n.scaleX < 1 && (v /= 2), n.scaleX + v > 4 ? n.scale(4, 4) : n.scaleX + v < 0.1 ? n.scale(0.1, 0.1) : (l.deltaY > 0, l.preventDefault());
       } else
-        o.onMouseWheel(l, h);
-    }), i.onFileLoaded$.subscribeEvent(() => {
+        o.onMouseWheel(l, u);
+    }), n.onFileLoaded$.subscribeEvent(() => {
       this._refreshThumb();
-    }), Pt.attachTo(o);
-    const c = this._createSlide(i);
+    }), yt.attachTo(o);
+    const c = this._createSlide(n);
     this._renderContext.mainComponent = c, this._createSlidePages(r, c), this.createThumbs(), t.runRenderLoop(() => {
-      i.render();
+      n.render();
     });
   }
   _scrollToCenter() {
     var a;
-    const e = (a = this._currentRender()) == null ? void 0 : a.scene, t = e == null ? void 0 : e.getViewport(ne.VIEW), i = this._getCenterPositionViewPort(e);
-    if (!t || !i) return;
-    const { left: r, top: s } = i, { x: o, y: c } = t.transViewportScroll2ScrollValue(r, s);
+    const e = (a = this._currentRender()) == null ? void 0 : a.scene, t = e == null ? void 0 : e.getViewport(ie.VIEW), n = this._getCenterPositionViewPort(e);
+    if (!t || !n) return;
+    const { left: r, top: s } = n, { x: o, y: c } = t.transViewportScroll2ScrollValue(r, s);
     t.scrollToBarPos({
       x: o,
       y: c
@@ -79,8 +79,8 @@ let ve = class extends fe {
    * @param mainScene
    */
   _createSlide(e) {
-    const t = this._univerInstanceService.getCurrentUnitForType(E.UNIVER_SLIDE), { width: i, height: r } = e, s = t.getPageSize(), { width: o = 100, height: c = 100 } = s, a = new Si(ne.COMPONENT, {
-      left: (i - o) / 2,
+    const t = this._univerInstanceService.getCurrentUnitForType(E.UNIVER_SLIDE), { width: n, height: r } = e, s = t.getPageSize(), { width: o = 100, height: c = 100 } = s, a = new In(ie.COMPONENT, {
+      left: (n - o) / 2,
       top: (r - c) / 2,
       width: o,
       height: c,
@@ -89,14 +89,14 @@ let ve = class extends fe {
     return a.enableSelectedClipElement(), e.addObject(a), a;
   }
   _addBackgroundRect(e, t) {
-    const r = this._univerInstanceService.getCurrentUnitForType(E.UNIVER_SLIDE).getPageSize(), { width: s = 0, height: o = 0 } = r, c = new yt("canvas", {
+    const r = this._univerInstanceService.getCurrentUnitForType(E.UNIVER_SLIDE).getPageSize(), { width: s = 0, height: o = 0 } = r, c = new Pt("canvas", {
       left: 0,
       top: 0,
       width: s,
       height: o,
       strokeWidth: 1,
       stroke: "rgba(198,198,198,1)",
-      fill: li(t) || "rgba(255,255,255,1)",
+      fill: dn(t) || "rgba(255,255,255,1)",
       zIndex: 0,
       evented: !1
     });
@@ -104,21 +104,21 @@ let ve = class extends fe {
   }
   _getCenterPositionViewPort(e) {
     if (!e) return { left: 0, top: 0 };
-    const { width: t, height: i } = e, r = e.getEngine(), s = (r == null ? void 0 : r.width) || 0, o = (r == null ? void 0 : r.height) || 0;
+    const { width: t, height: n } = e, r = e.getEngine(), s = (r == null ? void 0 : r.width) || 0, o = (r == null ? void 0 : r.height) || 0;
     return {
       left: (t - s) / 2,
-      top: (i - o) / 2
+      top: (n - o) / 2
     };
   }
   _thumbSceneRender(e, t) {
-    const i = this._renderManagerService.getRenderById(e);
-    if (i == null)
+    const n = this._renderManagerService.getRenderById(e);
+    if (n == null)
       return;
-    const { engine: r } = i;
+    const { engine: r } = n;
     if (r == null)
       return;
-    const { width: s, height: o } = t, { width: c = s, height: a = o } = r, h = r.getCanvas().getContext();
-    t.renderToThumb(h, e, c / s, a / o);
+    const { width: s, height: o } = t, { width: c = s, height: a = o } = r, u = r.getCanvas().getContext();
+    t.renderToThumb(u, e, c / s, a / o);
   }
   /**
    * CreateScene by pages, and activate first one.
@@ -126,11 +126,11 @@ let ve = class extends fe {
    * @param slide
    */
   _createSlidePages(e, t) {
-    const i = e.getPages(), r = e.getPageOrder();
-    if (!(!i || !r) && r.length !== 0) {
+    const n = e.getPages(), r = e.getPageOrder();
+    if (!(!n || !r) && r.length !== 0) {
       for (let s = 0, o = r.length; s < o; s++) {
         const c = r[s];
-        this.createPageScene(c, i[c]), this._createThumb(c);
+        this.createPageScene(c, n[c]), this._createThumb(c);
       }
       t.activeFirstPage();
     }
@@ -146,32 +146,32 @@ let ve = class extends fe {
   }
   activePage(e) {
     let t = e;
-    const i = this._getCurrUnitModel();
+    const n = this._getCurrUnitModel();
     let r;
     if (t)
-      r = i.getPage(t);
+      r = n.getPage(t);
     else {
-      const a = i.getPages(), h = i.getPageOrder();
-      if (h == null || a == null)
+      const a = n.getPages(), u = n.getPageOrder();
+      if (u == null || a == null)
         return;
-      r = a[h[0]], t = r.id;
+      r = a[u[0]], t = r.id;
     }
     const s = this._currentRender();
     if (r == null || s == null || s.mainComponent == null)
       return;
     const { id: o } = r, c = s.mainComponent;
-    if (i.setActivePage(r), c != null && c.hasPage(o)) {
+    if (n.setActivePage(r), c != null && c.hasPage(o)) {
       c.changePage(o);
       return;
     }
     this.createPageScene(o, r);
   }
   createThumbs() {
-    const t = this._getCurrUnitModel().getPageOrder(), i = this._currentRender();
-    if (!(!t || !i) && t.length !== 0)
+    const t = this._getCurrUnitModel().getPageOrder(), n = this._currentRender();
+    if (!(!t || !n) && t.length !== 0)
       for (let r = 0, s = t.length; r < s; r++) {
         const o = t[r];
-        this._thumbSceneRender(o, i.mainComponent);
+        this._thumbSceneRender(o, n.mainComponent);
       }
   }
   /**
@@ -180,14 +180,14 @@ let ve = class extends fe {
    * @param page
    */
   createPageScene(e, t) {
-    const i = this._renderContext;
-    if (!i || !this._objectProvider)
+    const n = this._renderContext;
+    if (!n || !this._objectProvider)
       return;
-    const { scene: r, mainComponent: s } = i, o = s, { width: c, height: a } = o, h = new Ii(e, o, {
+    const { scene: r, mainComponent: s } = n, o = s, { width: c, height: a } = o, u = new bn(e, o, {
       width: c,
       height: a
     });
-    new nt(`PageViewer_${e}`, h, {
+    new it(`PageViewer_${e}`, u, {
       left: 0,
       top: 0,
       bottom: 0,
@@ -195,17 +195,17 @@ let ve = class extends fe {
       explicitViewportWidthSet: !1,
       explicitViewportHeightSet: !1
     }).closeClip();
-    const { pageElements: d, pageBackgroundFill: v } = t, m = this._objectProvider.convertToRenderObjects(d, r);
-    if (!m || !o) return;
-    this._addBackgroundRect(h, v), h.addObjects(m), h.initTransformer(), m.forEach((f) => {
-      h.attachTransformerTo(f);
+    const { pageElements: d, pageBackgroundFill: v } = t, _ = this._objectProvider.convertToRenderObjects(d, r);
+    if (!_ || !o) return;
+    this._addBackgroundRect(u, v), u.addObjects(_), u.initTransformer(), _.forEach((p) => {
+      u.attachTransformerTo(p);
     });
-    const p = h.getTransformer();
-    return p == null || p.changeEnd$.subscribe(() => {
+    const f = u.getTransformer();
+    return f == null || f.changeEnd$.subscribe(() => {
       this._thumbSceneRender(e, o);
-    }), p == null || p.clearControl$.subscribe(() => {
+    }), f == null || f.clearControl$.subscribe(() => {
       this._thumbSceneRender(e, o);
-    }), o.addPageScene(h), h;
+    }), o.addPageScene(u), u;
   }
   /**
    * Get pageScene from Slide.
@@ -213,204 +213,204 @@ let ve = class extends fe {
    * @returns {Scene, Engine, UnitModel} scene & engine & unit from renderContext
    */
   getPageRenderUnit(e) {
-    const i = this._renderContext.mainComponent.getSubScenes().get(e), { engine: r, unit: s } = this._renderContext;
+    const n = this._renderContext.mainComponent.getSubScenes().get(e), { engine: r, unit: s } = this._renderContext;
     return {
-      scene: i,
+      scene: n,
       engine: r,
       unit: s
     };
   }
   createObjectToPage(e, t) {
-    const { scene: i } = this.getPageRenderUnit(t);
-    if (!i || !this._objectProvider)
+    const { scene: n } = this.getPageRenderUnit(t);
+    if (!n || !this._objectProvider)
       return;
-    const r = this._objectProvider.convertToRenderObject(e, i);
+    const r = this._objectProvider.convertToRenderObject(e, n);
     if (r)
-      return i.addObject(r), i.attachTransformerTo(r), i.getLayer().makeDirty(), r;
+      return n.addObject(r), n.attachTransformerTo(r), n.getLayer().makeDirty(), r;
   }
   setObjectActiveByPage(e, t) {
-    const { scene: i } = this.getPageRenderUnit(t);
-    if (!i) return;
-    const r = i.getTransformer();
+    const { scene: n } = this.getPageRenderUnit(t);
+    if (!n) return;
+    const r = n.getTransformer();
     r == null || r.activeAnObject(e);
   }
   removeObjectById(e, t) {
-    const { scene: i } = this.getPageRenderUnit(t);
-    if (!i) return;
-    i.removeObject(e);
-    const r = i.getTransformer();
+    const { scene: n } = this.getPageRenderUnit(t);
+    if (!n) return;
+    n.removeObject(e);
+    const r = n.getTransformer();
     r == null || r.clearControls();
   }
   appendPage() {
-    const e = this._getCurrUnitModel(), t = e.getBlankPage(), i = this._currentRender();
-    if (t == null || i == null || i.mainComponent == null)
+    const e = this._getCurrUnitModel(), t = e.getBlankPage(), n = this._currentRender();
+    if (t == null || n == null || n.mainComponent == null)
       return;
-    const { id: r } = t, s = i.mainComponent, o = this.createPageScene(r, t);
+    const { id: r } = t, s = n.mainComponent, o = this.createPageScene(r, t);
     s && o && s.addPageScene(o), e.appendPage(t), e.setActivePage(t);
   }
 };
-ve = Yi([
-  Ue(1, z(ke)),
-  Ue(2, w),
-  Ue(3, K)
+ve = qn([
+  Ne(1, z(ke)),
+  Ne(2, w),
+  Ne(3, K)
 ], ve);
-var qi = Object.getOwnPropertyDescriptor, Ji = (n, e, t, i) => {
-  for (var r = i > 1 ? void 0 : i ? qi(e, t) : e, s = n.length - 1, o; s >= 0; s--)
-    (o = n[s]) && (r = o(r) || r);
+var Jn = Object.getOwnPropertyDescriptor, Qn = (i, e, t, n) => {
+  for (var r = n > 1 ? void 0 : n ? Jn(e, t) : e, s = i.length - 1, o; s >= 0; s--)
+    (o = i[s]) && (r = o(r) || r);
   return r;
-}, Qi = (n, e) => (t, i) => e(t, i, n);
-let y = class extends fe {
-  constructor(n) {
-    super(), this._renderManagerService = n;
+}, ei = (i, e) => (t, n) => e(t, n, i);
+let P = class extends pe {
+  constructor(i) {
+    super(), this._renderManagerService = i;
   }
-  _getSlideRenderControllerFromRenderUnit(n) {
-    return this._renderManagerService.getRenderById(n).with(ve);
+  _getSlideRenderControllerFromRenderUnit(i) {
+    return this._renderManagerService.getRenderById(i).with(ve);
   }
-  createThumbs(n) {
-    this._getSlideRenderControllerFromRenderUnit(n).createThumbs();
+  createThumbs(i) {
+    this._getSlideRenderControllerFromRenderUnit(i).createThumbs();
   }
-  activePage(n, e) {
-    this._getSlideRenderControllerFromRenderUnit(e).activePage(n);
+  activePage(i, e) {
+    this._getSlideRenderControllerFromRenderUnit(e).activePage(i);
   }
-  getRenderUnitByPageId(n, e) {
-    return this._getSlideRenderControllerFromRenderUnit(e).getPageRenderUnit(n);
+  getRenderUnitByPageId(i, e) {
+    return this._getSlideRenderControllerFromRenderUnit(e).getPageRenderUnit(i);
   }
-  createObjectToPage(n, e, t) {
-    return this._getSlideRenderControllerFromRenderUnit(t).createObjectToPage(n, e);
+  createObjectToPage(i, e, t) {
+    return this._getSlideRenderControllerFromRenderUnit(t).createObjectToPage(i, e);
   }
-  setObjectActiveByPage(n, e, t) {
-    return this._getSlideRenderControllerFromRenderUnit(t).setObjectActiveByPage(n, e);
+  setObjectActiveByPage(i, e, t) {
+    return this._getSlideRenderControllerFromRenderUnit(t).setObjectActiveByPage(i, e);
   }
-  removeObjectById(n, e, t) {
-    this._getSlideRenderControllerFromRenderUnit(t).removeObjectById(n, e);
+  removeObjectById(i, e, t) {
+    this._getSlideRenderControllerFromRenderUnit(t).removeObjectById(i, e);
   }
   /**
    * append blank page
    */
-  appendPage(n) {
-    this._getSlideRenderControllerFromRenderUnit(n).appendPage();
+  appendPage(i) {
+    this._getSlideRenderControllerFromRenderUnit(i).appendPage();
   }
 };
-y = Ji([
-  Qi(0, K)
-], y);
+P = Qn([
+  ei(0, K)
+], P);
 const Vt = {
   id: "slide.operation.activate-slide",
-  type: N.OPERATION,
-  handler: (n, e) => {
-    var h, l;
-    const t = e.unitId, i = n.get(y), s = n.get(w).getUnit(t), o = (h = s == null ? void 0 : s.getActivePage()) == null ? void 0 : h.id;
+  type: D.OPERATION,
+  handler: (i, e) => {
+    var u, l;
+    const t = e.unitId, n = i.get(P), s = i.get(w).getUnit(t), o = (u = s == null ? void 0 : s.getActivePage()) == null ? void 0 : u.id;
     if (!o) return !1;
-    const c = i.getRenderUnitByPageId(o, t);
+    const c = n.getRenderUnitByPageId(o, t);
     if (!c) return !1;
     const a = (l = c.scene) == null ? void 0 : l.getTransformer();
-    return a && a.clearControls(), i.activePage(e.id, t), !0;
+    return a && a.clearControls(), n.activePage(e.id, t), !0;
   }
 }, jt = {
   id: "slide.operation.append-slide",
-  type: N.OPERATION,
-  handler: (n, e) => {
+  type: D.OPERATION,
+  handler: (i, e) => {
     const t = e.unitId;
-    return n.get(w).getUnit(t) ? (n.get(y).appendPage(t), !0) : !1;
+    return i.get(w).getUnit(t) ? (i.get(P).appendPage(t), !0) : !1;
   }
 }, At = {
   id: "slide.operation.delete-element",
-  type: N.OPERATION,
-  handler: (n, e) => {
+  type: D.OPERATION,
+  handler: (i, e) => {
     if (!(e != null && e.id)) return !1;
-    const t = e.unitId, r = n.get(w).getUnit(t);
+    const t = e.unitId, r = i.get(w).getUnit(t);
     if (!r) return !1;
     const s = r.getActivePage();
-    return delete s.pageElements[e.id], r.updatePage(s.id, s), n.get(y).removeObjectById(e.id, s.id, t), !0;
+    return delete s.pageElements[e.id], r.updatePage(s.id, s), i.get(P).removeObjectById(e.id, s.id, t), !0;
   }
 }, Ge = {
   id: "slide.command.insert-float-image",
-  type: N.COMMAND,
-  handler: async (n, e) => {
-    var U;
-    const t = n.get(w), i = (U = t.getCurrentUnitForType(E.UNIVER_SLIDE)) == null ? void 0 : U.getUnitId();
-    if (!i) return !1;
-    const s = await n.get(wi).openFile({
+  type: D.COMMAND,
+  handler: async (i, e) => {
+    var N;
+    const t = i.get(w), n = (N = t.getCurrentUnitForType(E.UNIVER_SLIDE)) == null ? void 0 : N.getUnitId();
+    if (!n) return !1;
+    const s = await i.get(yn).openFile({
       multiple: !0,
-      accept: xi.map((R) => `.${R.replace("image/", "")}`).join(",")
+      accept: xn.map((x) => `.${x.replace("image/", "")}`).join(",")
     });
     if (s.length !== 1) return !1;
-    const c = await n.get(Ri).saveImage(s[0]);
+    const c = await i.get(On).saveImage(s[0]);
     if (!c) return !1;
-    const { imageId: a, imageSourceType: h, source: l, base64Cache: d } = c, { width: v, height: m, image: p } = await Oi(d || ""), f = t.getUnit(i);
-    if (!f) return !1;
-    const g = f.getActivePage(), _ = Object.values(g.pageElements), I = _ != null && _.length ? Math.max(..._.map((R) => R.zIndex)) : 20, b = {
+    const { imageId: a, imageSourceType: u, source: l, base64Cache: d } = c, { width: v, height: _, image: f } = await wn(d || ""), p = t.getUnit(n);
+    if (!p) return !1;
+    const h = p.getActivePage(), m = Object.values(h.pageElements), I = m != null && m.length ? Math.max(...m.map((x) => x.zIndex)) : 20, b = {
       id: a,
       zIndex: I + 1,
       left: 0,
       top: 0,
       width: v,
-      height: m,
+      height: _,
       title: "",
       description: "",
-      type: Ne.IMAGE,
+      type: De.IMAGE,
       image: {
         imageProperties: {
           contentUrl: d,
-          imageSourceType: h,
+          imageSourceType: u,
           source: l,
           base64Cache: d,
-          image: p
+          image: f
         }
       }
     };
-    g.pageElements[a] = b, f.updatePage(g.id, g);
-    const T = n.get(y), M = T.createObjectToPage(b, g.id, i);
-    return M && T.setObjectActiveByPage(M, g.id, i), !0;
+    h.pageElements[a] = b, p.updatePage(h.id, h);
+    const T = i.get(P), M = T.createObjectToPage(b, h.id, n);
+    return M && T.setObjectActiveByPage(M, h.id, n), !0;
   }
 };
-function F({ ref: n, ...e }) {
-  const { icon: t, id: i, className: r, extend: s, ...o } = e, c = `univerjs-icon univerjs-icon-${i} ${r || ""}`.trim(), a = Dt(`_${nn()}`);
-  return Lt(t, `${i}`, {
+function F({ ref: i, ...e }) {
+  const { icon: t, id: n, className: r, extend: s, ...o } = e, c = `univerjs-icon univerjs-icon-${n} ${r || ""}`.trim(), a = Ut(`_${ii()}`);
+  return Lt(t, `${n}`, {
     defIds: t.defIds,
     idSuffix: a.current
   }, {
-    ref: n,
+    ref: i,
     className: c,
     ...o
   }, s);
 }
-function Lt(n, e, t, i, r) {
-  return H(n.tag, {
+function Lt(i, e, t, n, r) {
+  return H(i.tag, {
     key: e,
-    ...en(n, t, r),
-    ...i
-  }, (tn(n, t).children || []).map((s, o) => Lt(s, `${e}-${n.tag}-${o}`, t, void 0, r)));
+    ...ti(i, t, r),
+    ...n
+  }, (ni(i, t).children || []).map((s, o) => Lt(s, `${e}-${i.tag}-${o}`, t, void 0, r)));
 }
-function en(n, e, t) {
-  const i = { ...n.attrs };
-  t != null && t.colorChannel1 && i.fill === "colorChannel1" && (i.fill = t.colorChannel1), n.tag === "mask" && i.id && (i.id = i.id + e.idSuffix), Object.entries(i).forEach(([s, o]) => {
-    s === "mask" && typeof o == "string" && (i[s] = o.replace(/url\(#(.*)\)/, `url(#$1${e.idSuffix})`));
+function ti(i, e, t) {
+  const n = { ...i.attrs };
+  t != null && t.colorChannel1 && n.fill === "colorChannel1" && (n.fill = t.colorChannel1), i.tag === "mask" && n.id && (n.id = n.id + e.idSuffix), Object.entries(n).forEach(([s, o]) => {
+    s === "mask" && typeof o == "string" && (n[s] = o.replace(/url\(#(.*)\)/, `url(#$1${e.idSuffix})`));
   });
   const { defIds: r } = e;
-  return !r || r.length === 0 || (n.tag === "use" && i["xlink:href"] && (i["xlink:href"] = i["xlink:href"] + e.idSuffix), Object.entries(i).forEach(([s, o]) => {
-    typeof o == "string" && (i[s] = o.replace(/url\(#(.*)\)/, `url(#$1${e.idSuffix})`));
-  })), i;
+  return !r || r.length === 0 || (i.tag === "use" && n["xlink:href"] && (n["xlink:href"] = n["xlink:href"] + e.idSuffix), Object.entries(n).forEach(([s, o]) => {
+    typeof o == "string" && (n[s] = o.replace(/url\(#(.*)\)/, `url(#$1${e.idSuffix})`));
+  })), n;
 }
-function tn(n, e) {
-  var i;
+function ni(i, e) {
+  var n;
   const { defIds: t } = e;
-  return !t || t.length === 0 ? n : n.tag === "defs" && ((i = n.children) != null && i.length) ? {
-    ...n,
-    children: n.children.map((r) => typeof r.attrs.id == "string" && t && t.includes(r.attrs.id) ? {
+  return !t || t.length === 0 ? i : i.tag === "defs" && ((n = i.children) != null && n.length) ? {
+    ...i,
+    children: i.children.map((r) => typeof r.attrs.id == "string" && t && t.includes(r.attrs.id) ? {
       ...r,
       attrs: {
         ...r.attrs,
         id: r.attrs.id + e.idSuffix
       }
     } : r)
-  } : n;
+  } : i;
 }
-function nn() {
+function ii() {
   return Math.random().toString(36).substring(2, 8);
 }
 F.displayName = "UniverIcon";
-const rn = {
+const ri = {
   tag: "svg",
   attrs: {
     xmlns: "http://www.w3.org/2000/svg",
@@ -457,11 +457,11 @@ const rn = {
   return H(F, Object.assign({}, e, {
     id: "bottom-icon",
     ref: t,
-    icon: rn
+    icon: ri
   }));
 });
 $t.displayName = "BottomIcon";
-const sn = {
+const si = {
   tag: "svg",
   attrs: {
     xmlns: "http://www.w3.org/2000/svg",
@@ -503,11 +503,11 @@ const sn = {
   return H(F, Object.assign({}, e, {
     id: "graph-icon",
     ref: t,
-    icon: sn
+    icon: si
   }));
 });
 Bt.displayName = "GraphIcon";
-const on = {
+const oi = {
   tag: "svg",
   attrs: {
     xmlns: "http://www.w3.org/2000/svg",
@@ -529,11 +529,11 @@ const on = {
   return H(F, Object.assign({}, e, {
     id: "more-down-icon",
     ref: t,
-    icon: on
+    icon: oi
   }));
 });
 Xe.displayName = "MoreDownIcon";
-const cn = {
+const ci = {
   tag: "svg",
   attrs: {
     xmlns: "http://www.w3.org/2000/svg",
@@ -561,11 +561,11 @@ const cn = {
   return H(F, Object.assign({}, e, {
     id: "move-down-icon",
     ref: t,
-    icon: cn
+    icon: ci
   }));
 });
 Ht.displayName = "MoveDownIcon";
-const an = {
+const ai = {
   tag: "svg",
   attrs: {
     xmlns: "http://www.w3.org/2000/svg",
@@ -593,11 +593,11 @@ const an = {
   return H(F, Object.assign({}, e, {
     id: "move-up-icon",
     ref: t,
-    icon: an
+    icon: ai
   }));
 });
 Ft.displayName = "MoveUpIcon";
-const ln = {
+const li = {
   tag: "svg",
   attrs: {
     xmlns: "http://www.w3.org/2000/svg",
@@ -640,11 +640,11 @@ const ln = {
   return H(F, Object.assign({}, e, {
     id: "text-icon",
     ref: t,
-    icon: ln
+    icon: li
   }));
 });
 Wt.displayName = "TextIcon";
-const dn = {
+const di = {
   tag: "svg",
   attrs: {
     xmlns: "http://www.w3.org/2000/svg",
@@ -684,11 +684,11 @@ const dn = {
   return H(F, Object.assign({}, e, {
     id: "topmost-icon",
     ref: t,
-    icon: dn
+    icon: di
   }));
 });
 kt.displayName = "TopmostIcon";
-const un = {
+const ui = {
   tag: "svg",
   attrs: {
     xmlns: "http://www.w3.org/2000/svg",
@@ -737,11 +737,11 @@ const un = {
   return H(F, Object.assign({}, e, {
     id: "autofill-double-icon",
     ref: t,
-    icon: un
+    icon: ui
   }));
 });
 zt.displayName = "AutofillDoubleIcon";
-const hn = {
+const hi = {
   tag: "svg",
   attrs: {
     xmlns: "http://www.w3.org/2000/svg",
@@ -779,105 +779,105 @@ const hn = {
   return H(F, Object.assign({}, e, {
     id: "paint-bucket-double-icon",
     ref: t,
-    icon: hn
+    icon: hi
   }));
 });
 Kt.displayName = "PaintBucketDoubleIcon";
 const B = {
   id: "slide.operation.update-element",
-  type: N.OPERATION,
-  handler: (n, e) => {
-    const { oKey: t, props: i } = e, r = n.get(w), s = e == null ? void 0 : e.unitId, o = r.getUnit(s);
+  type: D.OPERATION,
+  handler: (i, e) => {
+    const { oKey: t, props: n } = e, r = i.get(w), s = e == null ? void 0 : e.unitId, o = r.getUnit(s);
     if (!o) return !1;
     const c = o.getActivePage();
-    return c.pageElements[t] = St(c.pageElements[t], i), o.updatePage(c.id, c), !0;
+    return c.pageElements[t] = St(c.pageElements[t], n), o.updatePage(c.id, c), !0;
   }
 };
-function gn(n) {
-  const { pageId: e, unitId: t } = n, i = O(J), r = O(y), s = O(D), o = r.getRenderUnitByPageId(e, t), c = o == null ? void 0 : o.scene;
+function gi(i) {
+  const { pageId: e, unitId: t } = i, n = O(J), r = O(P), s = O(U), o = r.getRenderUnitByPageId(e, t), c = o == null ? void 0 : o.scene;
   if (!c) return null;
   const a = c.getTransformer();
   if (!a) return null;
   const l = a.getSelectedObjectMap().values().next().value;
   if (!l) return null;
   const d = (v) => {
-    const m = c.getAllObjects(), [p, f] = m.reduce(([_, I], b) => {
-      const T = b.zIndex, M = T < _ ? T : _, U = T > I ? T : I;
-      return [M, U];
+    const _ = c.getAllObjects(), [f, p] = _.reduce(([m, I], b) => {
+      const T = b.zIndex, M = T < m ? T : m, N = T > I ? T : I;
+      return [M, N];
     }, [0, 0]);
-    let g = l.zIndex;
-    v === 3 ? g = p - 1 : v === 2 ? g = f + 1 : v === 0 ? g = l.zIndex + 1 : v === 1 && (g = l.zIndex - 1), l.setProps({
-      zIndex: g
+    let h = l.zIndex;
+    v === 3 ? h = f - 1 : v === 2 ? h = p + 1 : v === 0 ? h = l.zIndex + 1 : v === 1 && (h = l.zIndex - 1), l.setProps({
+      zIndex: h
     }), s.executeCommand(B.id, {
       unitId: t,
       oKey: l == null ? void 0 : l.oKey,
       props: {
-        zIndex: g
+        zIndex: h
       }
     });
   };
-  return /* @__PURE__ */ x("div", { className: "univer-relative univer-w-full", children: [
-    /* @__PURE__ */ u("div", { className: "univer-relative univer-mt-2.5 univer-flex univer-h-full", children: /* @__PURE__ */ u(
+  return /* @__PURE__ */ R("div", { className: "univer-relative univer-w-full", children: [
+    /* @__PURE__ */ g("div", { className: "univer-relative univer-mt-2.5 univer-flex univer-h-full", children: /* @__PURE__ */ g(
       "div",
       {
         className: "univer-w-full univer-text-left univer-text-gray-600 dark:!univer-text-gray-200",
-        children: /* @__PURE__ */ u("div", { children: i.t("image-panel.arrange.title") })
+        children: /* @__PURE__ */ g("div", { children: n.t("image-panel.arrange.title") })
       }
     ) }),
-    /* @__PURE__ */ x("div", { className: "univer-relative univer-mt-2.5 univer-flex univer-h-full", children: [
-      /* @__PURE__ */ u("div", { className: "univer-w-1/2", children: /* @__PURE__ */ u(Ce, { onClick: () => {
+    /* @__PURE__ */ R("div", { className: "univer-relative univer-mt-2.5 univer-flex univer-h-full", children: [
+      /* @__PURE__ */ g("div", { className: "univer-w-1/2", children: /* @__PURE__ */ g(Ce, { onClick: () => {
         d(
           0
           /* forward */
         );
-      }, children: /* @__PURE__ */ x("span", { className: "univer-flex univer-items-center univer-gap-1", children: [
-        /* @__PURE__ */ u(Ft, {}),
-        i.t("image-panel.arrange.forward")
+      }, children: /* @__PURE__ */ R("span", { className: "univer-flex univer-items-center univer-gap-1", children: [
+        /* @__PURE__ */ g(Ft, {}),
+        n.t("image-panel.arrange.forward")
       ] }) }) }),
-      /* @__PURE__ */ u("div", { className: "univer-w-1/2", children: /* @__PURE__ */ u(Ce, { onClick: () => {
+      /* @__PURE__ */ g("div", { className: "univer-w-1/2", children: /* @__PURE__ */ g(Ce, { onClick: () => {
         d(
           1
           /* backward */
         );
-      }, children: /* @__PURE__ */ x("span", { className: "univer-flex univer-items-center univer-gap-1", children: [
-        /* @__PURE__ */ u(Ht, {}),
-        i.t("image-panel.arrange.backward")
+      }, children: /* @__PURE__ */ R("span", { className: "univer-flex univer-items-center univer-gap-1", children: [
+        /* @__PURE__ */ g(Ht, {}),
+        n.t("image-panel.arrange.backward")
       ] }) }) })
     ] }),
-    /* @__PURE__ */ x("div", { className: "univer-relative univer-mt-2.5 univer-flex univer-h-full", children: [
-      /* @__PURE__ */ u("div", { className: "univer-w-1/2", children: /* @__PURE__ */ u(Ce, { onClick: () => {
+    /* @__PURE__ */ R("div", { className: "univer-relative univer-mt-2.5 univer-flex univer-h-full", children: [
+      /* @__PURE__ */ g("div", { className: "univer-w-1/2", children: /* @__PURE__ */ g(Ce, { onClick: () => {
         d(
           2
           /* front */
         );
-      }, children: /* @__PURE__ */ x("span", { className: "univer-flex univer-items-center univer-gap-1", children: [
-        /* @__PURE__ */ u(kt, {}),
-        i.t("image-panel.arrange.front")
+      }, children: /* @__PURE__ */ R("span", { className: "univer-flex univer-items-center univer-gap-1", children: [
+        /* @__PURE__ */ g(kt, {}),
+        n.t("image-panel.arrange.front")
       ] }) }) }),
-      /* @__PURE__ */ u("div", { className: "univer-w-1/2", children: /* @__PURE__ */ u(Ce, { onClick: () => {
+      /* @__PURE__ */ g("div", { className: "univer-w-1/2", children: /* @__PURE__ */ g(Ce, { onClick: () => {
         d(
           3
           /* back */
         );
-      }, children: /* @__PURE__ */ x("span", { className: "univer-flex univer-items-center univer-gap-1", children: [
-        /* @__PURE__ */ u($t, {}),
-        i.t("image-panel.arrange.back")
+      }, children: /* @__PURE__ */ R("span", { className: "univer-flex univer-items-center univer-gap-1", children: [
+        /* @__PURE__ */ g($t, {}),
+        n.t("image-panel.arrange.back")
       ] }) }) })
     ] })
   ] });
 }
-function vn(n) {
-  var p, f;
-  const { pageId: e, unitId: t } = n, i = O(J), r = O(y), s = O(D), o = r.getRenderUnitByPageId(e, t), c = o == null ? void 0 : o.scene;
+function vi(i) {
+  var f, p;
+  const { pageId: e, unitId: t } = i, n = O(J), r = O(P), s = O(U), o = r.getRenderUnitByPageId(e, t), c = o == null ? void 0 : o.scene;
   if (!c) return null;
   const a = c.getTransformer();
   if (!a) return null;
   const l = a.getSelectedObjectMap().values().next().value;
   if (!l) return null;
-  const [d, v] = $((f = (p = l.fill) == null ? void 0 : p.toString()) != null ? f : "");
-  function m(g) {
+  const [d, v] = $((p = (f = l.fill) == null ? void 0 : f.toString()) != null ? p : "");
+  function _(h) {
     l == null || l.setProps({
-      fill: g
+      fill: h
     }), s.executeCommand(B.id, {
       unitId: t,
       oKey: l == null ? void 0 : l.oKey,
@@ -885,38 +885,38 @@ function vn(n) {
         shape: {
           shapeProperties: {
             shapeBackgroundFill: {
-              rgb: g
+              rgb: h
             }
           }
         }
       }
-    }), v(g);
+    }), v(h);
   }
-  return /* @__PURE__ */ u(
+  return /* @__PURE__ */ g(
     "div",
     {
-      className: k("univer-relative univer-bottom-0 univer-mt-5 univer-w-full", Nt),
-      children: /* @__PURE__ */ x("div", { className: "univer-relative univer-w-full", children: [
-        /* @__PURE__ */ u("div", { className: "univer-relative univer-mt-2.5 univer-flex univer-h-full", children: /* @__PURE__ */ u(
+      className: k("univer-relative univer-bottom-0 univer-mt-5 univer-w-full", Dt),
+      children: /* @__PURE__ */ R("div", { className: "univer-relative univer-w-full", children: [
+        /* @__PURE__ */ g("div", { className: "univer-relative univer-mt-2.5 univer-flex univer-h-full", children: /* @__PURE__ */ g(
           "div",
           {
             className: "univer-w-full univer-text-left univer-text-gray-600 dark:!univer-text-gray-200",
-            children: /* @__PURE__ */ u("div", { children: i.t("slide.panel.fill.title") })
+            children: /* @__PURE__ */ g("div", { children: n.t("slide.panel.fill.title") })
           }
         ) }),
-        /* @__PURE__ */ u("div", { className: "univer-relative univer-mt-2.5 univer-flex univer-h-full", children: /* @__PURE__ */ u("div", { className: "univer-w-1/2", children: /* @__PURE__ */ u(
+        /* @__PURE__ */ g("div", { className: "univer-relative univer-mt-2.5 univer-flex univer-h-full", children: /* @__PURE__ */ g("div", { className: "univer-w-1/2", children: /* @__PURE__ */ g(
           Mt,
           {
-            overlay: /* @__PURE__ */ u("div", { className: "univer-rounded-lg univer-p-4", children: /* @__PURE__ */ u(
-              Ai,
+            overlay: /* @__PURE__ */ g("div", { className: "univer-rounded-lg univer-p-4", children: /* @__PURE__ */ g(
+              Ln,
               {
                 value: "#fff",
-                onChange: m
+                onChange: _
               }
             ) }),
-            children: /* @__PURE__ */ x("a", { className: "univer-flex univer-cursor-pointer univer-items-center univer-gap-1", children: [
-              /* @__PURE__ */ u(Kt, { className: "univer-fill-primary-600" }),
-              /* @__PURE__ */ u(Xe, {})
+            children: /* @__PURE__ */ R("a", { className: "univer-flex univer-cursor-pointer univer-items-center univer-gap-1", children: [
+              /* @__PURE__ */ g(Kt, { className: "univer-fill-primary-600" }),
+              /* @__PURE__ */ g(Xe, {})
             ] })
           }
         ) }) })
@@ -924,8 +924,8 @@ function vn(n) {
     }
   );
 }
-function fn(n) {
-  const { pageId: e, unitId: t } = n, i = O(J), r = O(y), s = O(D), o = r.getRenderUnitByPageId(e, t), c = o == null ? void 0 : o.scene;
+function pi(i) {
+  const { pageId: e, unitId: t } = i, n = O(J), r = O(P), s = O(U), o = r.getRenderUnitByPageId(e, t), c = o == null ? void 0 : o.scene;
   if (!c) return null;
   const a = c.getTransformer();
   if (!a) return null;
@@ -934,18 +934,18 @@ function fn(n) {
   const {
     width: d = 0,
     height: v = 0,
-    left: m = 0,
-    top: p = 0,
-    angle: f = 0
-  } = l, [g, _] = $(d), [I, b] = $(v), [T, M] = $(m), [U, R] = $(p), [W, oe] = $(f), A = (C) => {
+    left: _ = 0,
+    top: f = 0,
+    angle: p = 0
+  } = l, [h, m] = $(d), [I, b] = $(v), [T, M] = $(_), [N, x] = $(f), [W, oe] = $(p), A = (C) => {
     const { objects: ce } = C, ae = ce.values().next().value, {
-      width: ti = 0,
-      height: ii = 0,
-      left: ni = 0,
-      top: ri = 0,
-      angle: si = 0
+      width: tn = 0,
+      height: nn = 0,
+      left: rn = 0,
+      top: sn = 0,
+      angle: on = 0
     } = ae;
-    _(ti), b(ii), M(ni), R(ri), oe(si);
+    m(tn), b(nn), M(rn), x(sn), oe(on);
   };
   ge(() => {
     const C = a.changeStart$.subscribe((ae) => {
@@ -964,7 +964,7 @@ function fn(n) {
       props: {
         width: C
       }
-    }), l == null || l.resize(C, l.height), _(C), a == null || a.refreshControls());
+    }), l == null || l.resize(C, l.height), m(C), a == null || a.refreshControls());
   }
   function Q(C) {
     !C || !l || (s.executeCommand(B.id, {
@@ -984,16 +984,16 @@ function fn(n) {
       }
     }), l == null || l.translate(C, l.top), M(C), a == null || a.refreshControls());
   }
-  function me(C) {
+  function _e(C) {
     !C || !l || (s.executeCommand(B.id, {
       pageId: e,
       oKey: l.oKey,
       props: {
         right: C
       }
-    }), l == null || l.translate(l.left, C), R(C), a == null || a.refreshControls());
+    }), l == null || l.translate(l.left, C), x(C), a == null || a.refreshControls());
   }
-  function _e(C) {
+  function me(C) {
     !C || !l || (s.executeCommand(B.id, {
       pageId: e,
       oKey: l.oKey,
@@ -1004,125 +1004,110 @@ function fn(n) {
       angle: C
     }), oe(C), a == null || a.refreshControls());
   }
-  return /* @__PURE__ */ x(
+  return /* @__PURE__ */ R(
     "div",
     {
-      className: k("univer-relative univer-bottom-0 univer-mt-5 univer-w-full", Nt),
+      className: k("univer-grid univer-gap-2 univer-py-2 univer-text-gray-400", Dt),
       children: [
-        /* @__PURE__ */ u("div", { className: "univer-relative univer-mt-2.5 univer-flex univer-h-full", children: /* @__PURE__ */ u(
+        /* @__PURE__ */ g(
+          "header",
+          {
+            className: "univer-text-gray-600 dark:!univer-text-gray-200",
+            children: /* @__PURE__ */ g("div", { children: n.t("image-panel.transform.title") })
+          }
+        ),
+        /* @__PURE__ */ R(
           "div",
           {
-            className: "univer-w-full univer-text-left univer-text-gray-600 dark:!univer-text-gray-200",
-            children: /* @__PURE__ */ u("div", { children: i.t("image-panel.transform.title") })
+            className: "univer-grid univer-grid-cols-3 univer-gap-2 [&>div]:univer-grid [&>div]:univer-gap-2",
+            children: [
+              /* @__PURE__ */ R("div", { children: [
+                /* @__PURE__ */ g("span", { children: n.t("image-panel.transform.width") }),
+                /* @__PURE__ */ g(
+                  le,
+                  {
+                    min: 1,
+                    value: h,
+                    onChange: (C) => {
+                      L(C);
+                    }
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ R("div", { children: [
+                /* @__PURE__ */ g("span", { children: n.t("image-panel.transform.height") }),
+                /* @__PURE__ */ g(
+                  le,
+                  {
+                    min: 1,
+                    value: I,
+                    onChange: (C) => {
+                      Q(C);
+                    }
+                  }
+                )
+              ] })
+            ]
           }
-        ) }),
-        /* @__PURE__ */ x("div", { className: "univer-relative univer-mt-2.5 univer-flex univer-h-full", children: [
-          /* @__PURE__ */ u("div", { className: "univer-w-1/3", children: /* @__PURE__ */ x("label", { children: [
-            /* @__PURE__ */ u("div", { className: "univer-relative univer-mt-2.5 univer-flex univer-h-full", children: /* @__PURE__ */ u("div", { className: "univer-w-full", children: i.t("image-panel.transform.width") }) }),
-            /* @__PURE__ */ u("div", { className: "univer-relative univer-mt-2.5 univer-flex univer-h-full", children: /* @__PURE__ */ u("div", { className: "univer-w-full", children: /* @__PURE__ */ u(
-              le,
-              {
-                className: "univer-w-11/12",
-                min: 1,
-                value: g,
-                onChange: (C) => {
-                  L(C);
-                }
-              }
-            ) }) })
-          ] }) }),
-          /* @__PURE__ */ u("div", { className: "univer-w-1/3", children: /* @__PURE__ */ x("label", { children: [
-            /* @__PURE__ */ u("div", { className: "univer-relative univer-mt-2.5 univer-flex univer-h-full", children: /* @__PURE__ */ u("div", { className: "univer-w-full", children: i.t("image-panel.transform.height") }) }),
-            /* @__PURE__ */ u("div", { className: "univer-relative univer-mt-2.5 univer-flex univer-h-full", children: /* @__PURE__ */ u("div", { className: "univer-w-full", children: /* @__PURE__ */ u(
+        ),
+        /* @__PURE__ */ R("div", { className: "univer-relative univer-mt-2.5 univer-flex univer-h-full", children: [
+          /* @__PURE__ */ R("div", { children: [
+            /* @__PURE__ */ g("span", { children: n.t("image-panel.transform.x") }),
+            /* @__PURE__ */ g(le, { min: 0, precision: 1, value: T, onChange: (C) => {
+              ee(C);
+            } })
+          ] }),
+          /* @__PURE__ */ R("div", { children: [
+            /* @__PURE__ */ g("span", { children: n.t("image-panel.transform.y") }),
+            /* @__PURE__ */ g(le, { min: 0, precision: 1, value: N, onChange: (C) => {
+              _e(C);
+            } })
+          ] }),
+          /* @__PURE__ */ R("div", { children: [
+            /* @__PURE__ */ g("span", { children: n.t("image-panel.transform.rotate") }),
+            /* @__PURE__ */ g(
               le,
               {
-                className: "univer-w-11/12",
-                min: 1,
-                value: I,
-                onChange: (C) => {
-                  Q(C);
-                }
-              }
-            ) }) })
-          ] }) })
-        ] }),
-        /* @__PURE__ */ x("div", { className: "univer-relative univer-mt-2.5 univer-flex univer-h-full", children: [
-          /* @__PURE__ */ u("div", { className: "univer-w-1/3", children: /* @__PURE__ */ x("label", { children: [
-            /* @__PURE__ */ u("div", { className: "univer-relative univer-mt-2.5 univer-flex univer-h-full", children: /* @__PURE__ */ u("div", { className: "univer-w-full", children: i.t("image-panel.transform.x") }) }),
-            /* @__PURE__ */ u("div", { className: "univer-relative univer-mt-2.5 univer-flex univer-h-full", children: /* @__PURE__ */ u("div", { className: "univer-w-full", children: /* @__PURE__ */ u(
-              le,
-              {
-                className: "univer-w-11/12",
-                precision: 1,
-                min: 0,
-                value: T,
-                onChange: (C) => {
-                  ee(C);
-                }
-              }
-            ) }) })
-          ] }) }),
-          /* @__PURE__ */ u("div", { className: "univer-w-1/3", children: /* @__PURE__ */ x("label", { children: [
-            /* @__PURE__ */ u("div", { className: "univer-relative univer-mt-2.5 univer-flex univer-h-full", children: /* @__PURE__ */ u("div", { className: "univer-w-full", children: i.t("image-panel.transform.y") }) }),
-            /* @__PURE__ */ u("div", { className: "univer-relative univer-mt-2.5 univer-flex univer-h-full", children: /* @__PURE__ */ u("div", { className: "univer-w-full", children: /* @__PURE__ */ u(
-              le,
-              {
-                className: "univer-w-11/12",
-                precision: 1,
-                min: 0,
-                value: U,
-                onChange: (C) => {
-                  me(C);
-                }
-              }
-            ) }) })
-          ] }) }),
-          /* @__PURE__ */ u("div", { className: "univer-w-1/3", children: /* @__PURE__ */ x("label", { children: [
-            /* @__PURE__ */ u("div", { className: "univer-relative univer-mt-2.5 univer-flex univer-h-full", children: /* @__PURE__ */ u("div", { className: "univer-w-full", children: i.t("image-panel.transform.rotate") }) }),
-            /* @__PURE__ */ u("div", { className: "univer-relative univer-mt-2.5 univer-flex univer-h-full", children: /* @__PURE__ */ u("div", { className: "univer-w-full", children: /* @__PURE__ */ u(
-              le,
-              {
-                className: "univer-w-11/12",
                 precision: 1,
                 value: W,
-                onChange: _e
+                onChange: me
               }
-            ) }) })
-          ] }) })
+            )
+          ] })
         ] })
       ]
     }
   );
 }
 const Ee = "COMPONENT_SLIDE_SIDEBAR";
-function pn() {
-  var h, l, d;
-  const n = O(w), e = O(y), t = n.getCurrentUnitForType(E.UNIVER_SLIDE), i = (h = t == null ? void 0 : t.getActivePage()) == null ? void 0 : h.id, r = ((l = n.getFocusedUnit()) == null ? void 0 : l.getUnitId()) || "";
-  if (!i || !r) return null;
-  const o = (d = e.getRenderUnitByPageId(i, r).scene) == null ? void 0 : d.getTransformer();
+function fi() {
+  var u, l, d;
+  const i = O(w), e = O(P), t = i.getCurrentUnitForType(E.UNIVER_SLIDE), n = (u = t == null ? void 0 : t.getActivePage()) == null ? void 0 : u.id, r = ((l = i.getFocusedUnit()) == null ? void 0 : l.getUnitId()) || "";
+  if (!n || !r) return null;
+  const o = (d = e.getRenderUnitByPageId(n, r).scene) == null ? void 0 : d.getTransformer();
   if (!o) return null;
   const a = o.getSelectedObjectMap().values().next().value;
-  return a ? /* @__PURE__ */ x("section", { className: "univer-p-2 univer-text-center univer-text-sm", children: [
-    /* @__PURE__ */ u(gn, { pageId: i, unitId: r }),
-    /* @__PURE__ */ u(fn, { pageId: i, unitId: r }),
-    a.objectType === de.RECT && /* @__PURE__ */ u(vn, { pageId: i, unitId: r })
+  return a ? /* @__PURE__ */ R("section", { className: "univer-p-2 univer-text-center univer-text-sm", children: [
+    /* @__PURE__ */ g(gi, { pageId: n, unitId: r }),
+    /* @__PURE__ */ g(pi, { pageId: n, unitId: r }),
+    a.objectType === de.RECT && /* @__PURE__ */ g(vi, { pageId: n, unitId: r })
   ] }) : null;
 }
 const Ye = {
   id: "slide.command.insert-float-shape.rectangle",
-  type: N.COMMAND,
-  handler: async (n) => {
+  type: D.COMMAND,
+  handler: async (i) => {
     var r;
-    const e = n.get(D), i = (r = n.get(w).getFocusedUnit()) == null ? void 0 : r.getUnitId();
-    return e.executeCommand(Zt.id, { unitId: i });
+    const e = i.get(U), n = (r = i.get(w).getFocusedUnit()) == null ? void 0 : r.getUnitId();
+    return e.executeCommand(Zt.id, { unitId: n });
   }
 }, Zt = {
   id: "slide.operation.insert-float-shape.rectangle",
-  type: N.OPERATION,
-  handler: async (n, e) => {
-    const t = ze(6), i = n.get(w), r = e.unitId, s = i.getUnit(r);
+  type: D.OPERATION,
+  handler: async (i, e) => {
+    const t = ze(6), n = i.get(w), r = e.unitId, s = n.getUnit(r);
     if (!s) return !1;
-    const o = s.getActivePage(), c = Object.values(o.pageElements), a = c != null && c.length ? Math.max(...c.map((v) => v.zIndex)) : 20, h = {
+    const o = s.getActivePage(), c = Object.values(o.pageElements), a = c != null && c.length ? Math.max(...c.map((v) => v.zIndex)) : 20, u = {
       id: t,
       zIndex: a + 1,
       left: 378,
@@ -1131,7 +1116,7 @@ const Ye = {
       height: 250,
       title: t,
       description: "",
-      type: Ne.SHAPE,
+      type: De.SHAPE,
       shape: {
         shapeType: It.Rect,
         text: "",
@@ -1142,17 +1127,17 @@ const Ye = {
         }
       }
     };
-    o.pageElements[t] = h, s.updatePage(o.id, o);
-    const l = n.get(y), d = l.createObjectToPage(h, o.id, r);
+    o.pageElements[t] = u, s.updatePage(o.id, o);
+    const l = i.get(P), d = l.createObjectToPage(u, o.id, r);
     return d && l.setObjectActiveByPage(d, o.id, r), !0;
   }
 }, $e = {
   id: "sidebar.operation.slide-shape",
-  type: N.COMMAND,
-  handler: async (n, e) => {
-    const { visible: t, objectType: i } = e, r = n.get(Tt), s = n.get(J);
+  type: D.COMMAND,
+  handler: async (i, e) => {
+    const { visible: t, objectType: n } = e, r = i.get(Tt), s = i.get(J);
     let o = "", c = "";
-    return i === de.RECT ? (o = "slide.sidebar.shape", c = Ee) : i === de.IMAGE ? (o = "slide.sidebar.image", c = Ee) : i === de.RICH_TEXT && (o = "slide.sidebar.text", c = Ee), t ? r.open({
+    return n === de.RECT ? (o = "slide.sidebar.shape", c = Ee) : n === de.IMAGE ? (o = "slide.sidebar.image", c = Ee) : n === de.RICH_TEXT && (o = "slide.sidebar.text", c = Ee), t ? r.open({
       header: { title: s.t(o) },
       children: { label: c },
       onClose: () => {
@@ -1162,19 +1147,19 @@ const Ye = {
   }
 }, qe = {
   id: "slide.command.insert-float-shape.ellipse",
-  type: N.COMMAND,
-  handler: async (n) => {
+  type: D.COMMAND,
+  handler: async (i) => {
     var r;
-    const e = n.get(D), i = (r = n.get(w).getFocusedUnit()) == null ? void 0 : r.getUnitId();
-    return e.executeCommand(Gt.id, { unitId: i });
+    const e = i.get(U), n = (r = i.get(w).getFocusedUnit()) == null ? void 0 : r.getUnitId();
+    return e.executeCommand(Gt.id, { unitId: n });
   }
 }, Gt = {
   id: "slide.operation.insert-float-shape.ellipse",
-  type: N.OPERATION,
-  handler: async (n, e) => {
-    const t = ze(6), i = n.get(w), r = e.unitId, s = i.getUnit(r);
+  type: D.OPERATION,
+  handler: async (i, e) => {
+    const t = ze(6), n = i.get(w), r = e.unitId, s = n.getUnit(r);
     if (!s) return !1;
-    const o = s.getActivePage(), c = Object.values(o.pageElements), a = c != null && c.length ? Math.max(...c.map((v) => v.zIndex)) : 20, h = {
+    const o = s.getActivePage(), c = Object.values(o.pageElements), a = c != null && c.length ? Math.max(...c.map((v) => v.zIndex)) : 20, u = {
       id: t,
       zIndex: a + 1,
       left: 378,
@@ -1183,7 +1168,7 @@ const Ye = {
       height: 250,
       title: t,
       description: "",
-      type: Ne.SHAPE,
+      type: De.SHAPE,
       shape: {
         shapeType: It.Ellipse,
         text: "",
@@ -1195,34 +1180,34 @@ const Ye = {
         }
       }
     };
-    o.pageElements[t] = h, s.updatePage(o.id, o);
-    const l = n.get(y), d = l.createObjectToPage(h, o.id, r);
+    o.pageElements[t] = u, s.updatePage(o.id, o);
+    const l = i.get(P), d = l.createObjectToPage(u, o.id, r);
     return d && l.setObjectActiveByPage(d, o.id, r), !0;
   }
 }, Je = {
   id: "slide.command.add-text",
-  type: N.COMMAND,
-  handler: async (n) => {
+  type: D.COMMAND,
+  handler: async (i) => {
     var r;
-    const e = n.get(D), i = (r = n.get(w).getFocusedUnit()) == null ? void 0 : r.getUnitId();
-    return await e.executeCommand(Xt.id, { unitId: i });
+    const e = i.get(U), n = (r = i.get(w).getFocusedUnit()) == null ? void 0 : r.getUnitId();
+    return await e.executeCommand(Xt.id, { unitId: n });
   }
 }, Xt = {
   id: "slide.operation.add-text",
-  type: N.OPERATION,
-  handler: async (n, e) => {
-    const t = e.unitId, i = ze(6), r = 220, s = 40, o = 230, c = 142, a = (e == null ? void 0 : e.text) || "A New Text", l = n.get(w).getUnit(t);
+  type: D.OPERATION,
+  handler: async (i, e) => {
+    const t = e.unitId, n = ze(6), r = 220, s = 40, o = 230, c = 142, a = (e == null ? void 0 : e.text) || "A New Text", l = i.get(w).getUnit(t);
     if (!l) return !1;
-    const d = l.getActivePage(), v = Object.values(d.pageElements), m = v != null && v.length ? Math.max(...v.map((_) => _.zIndex)) : 21, p = {
-      id: i,
-      zIndex: m + 1,
+    const d = l.getActivePage(), v = Object.values(d.pageElements), _ = v != null && v.length ? Math.max(...v.map((m) => m.zIndex)) : 21, f = {
+      id: n,
+      zIndex: _ + 1,
       left: o,
       top: c,
       width: r,
       height: s,
       title: "text",
       description: "",
-      type: Ne.TEXT,
+      type: De.TEXT,
       richText: {
         text: a,
         fs: 30,
@@ -1232,209 +1217,209 @@ const Ye = {
         bl: 1
       }
     };
-    d.pageElements[i] = p, l.updatePage(d.id, d);
-    const f = n.get(y), g = f.createObjectToPage(p, d.id, t);
-    return g && f.setObjectActiveByPage(g, d.id, t), !0;
+    d.pageElements[n] = f, l.updatePage(d.id, d);
+    const p = i.get(P), h = p.createObjectToPage(f, d.id, t);
+    return h && p.setObjectActiveByPage(h, d.id, t), !0;
   }
 }, Yt = {
   id: "slide.operation.set-slide-page-thumb",
-  type: N.OPERATION,
-  handler: (n, e) => (n.get(y).createThumbs(e.unitId), !0)
+  type: D.OPERATION,
+  handler: (i, e) => (i.get(P).createThumbs(e.unitId), !0)
 };
-function mn() {
-  var p, f;
-  const n = O(w), e = O(D), t = O(K), i = O(J), r = Dt(null), s = n.getCurrentUnitForType(E.UNIVER_SLIDE), o = s == null ? void 0 : s.getPages(), c = s == null ? void 0 : s.getPageOrder();
+function _i() {
+  var f, p;
+  const i = O(w), e = O(U), t = O(K), n = O(J), r = Ut(null), s = i.getCurrentUnitForType(E.UNIVER_SLIDE), o = s == null ? void 0 : s.getPages(), c = s == null ? void 0 : s.getPageOrder();
   if (!o || !c)
     return null;
-  const a = c.map((g) => o[g]), [h, l] = $((f = (p = s == null ? void 0 : s.getActivePage()) == null ? void 0 : p.id) != null ? f : null), d = $i(() => a.map(() => Bi()), [a]);
+  const a = c.map((h) => o[h]), [u, l] = $((p = (f = s == null ? void 0 : s.getActivePage()) == null ? void 0 : f.id) != null ? p : null), d = Bn(() => a.map(() => Hn()), [a]);
   ge(() => {
-    const g = s == null ? void 0 : s.activePage$.subscribe((_) => {
+    const h = s == null ? void 0 : s.activePage$.subscribe((m) => {
       var b;
-      const I = (b = _ == null ? void 0 : _.id) != null ? b : null;
+      const I = (b = m == null ? void 0 : m.id) != null ? b : null;
       I && l(I);
     });
     return () => {
-      g == null || g.unsubscribe();
+      h == null || h.unsubscribe();
     };
   }, []), ge(() => {
-    d.forEach((g, _) => {
+    d.forEach((h, m) => {
       var I;
-      if (g.current) {
-        const b = a[_];
-        (I = t.getRenderById(b.id)) == null || I.engine.setContainer(g.current);
+      if (h.current) {
+        const b = a[m];
+        (I = t.getRenderById(b.id)) == null || I.engine.setContainer(h.current);
       }
     }), d.length > 0 && e.syncExecuteCommand(Yt.id, { unitId: s == null ? void 0 : s.getUnitId() });
   }, [d, a, t, e, s]);
-  const v = lt((g) => {
-    e.syncExecuteCommand(Vt.id, { id: g, unitId: s == null ? void 0 : s.getUnitId() });
-  }, [e, s]), m = lt(() => {
+  const v = lt((h) => {
+    e.syncExecuteCommand(Vt.id, { id: h, unitId: s == null ? void 0 : s.getUnitId() });
+  }, [e, s]), _ = lt(() => {
     e.syncExecuteCommand(jt.id, { unitId: s == null ? void 0 : s.getUnitId() });
   }, [e, s]);
-  return /* @__PURE__ */ u(
+  return /* @__PURE__ */ g(
     "aside",
     {
       ref: r,
-      className: k("univer-flex univer-h-full univer-w-64 univer-flex-col univer-overflow-y-auto univer-overflow-x-hidden", Li),
-      children: /* @__PURE__ */ x("div", { className: "univer-px-4", children: [
-        /* @__PURE__ */ u("header", { className: "univer-flex univer-justify-center univer-pt-4", children: /* @__PURE__ */ u(
+      className: k("univer-flex univer-h-full univer-w-64 univer-flex-col univer-overflow-y-auto univer-overflow-x-hidden", $n),
+      children: /* @__PURE__ */ R("div", { className: "univer-px-4", children: [
+        /* @__PURE__ */ g("header", { className: "univer-flex univer-justify-center univer-pt-4", children: /* @__PURE__ */ g(
           "a",
           {
             className: k("univer-box-border univer-block univer-h-8 univer-w-full univer-cursor-pointer univer-rounded-md univer-bg-white univer-text-center univer-text-sm univer-leading-8 univer-transition-colors", he),
-            onClick: m,
-            children: i.t("slide.append")
+            onClick: _,
+            children: n.t("slide.append")
           }
         ) }),
-        a.map((g, _) => /* @__PURE__ */ x(
+        a.map((h, m) => /* @__PURE__ */ R(
           "div",
           {
             className: k("univer-my-4 univer-flex univer-gap-2", {
-              "[&>div]:univer-border-primary-600 [&>span]:univer-text-primary-600": g.id === h
+              "[&>div]:univer-border-primary-600 [&>span]:univer-text-primary-600": h.id === u
             }),
-            onClick: () => v(g.id),
+            onClick: () => v(h.id),
             children: [
-              /* @__PURE__ */ u("span", { children: _ + 1 }),
-              /* @__PURE__ */ u(
+              /* @__PURE__ */ g("span", { children: m + 1 }),
+              /* @__PURE__ */ g(
                 "div",
                 {
-                  ref: d[_],
+                  ref: d[m],
                   className: k("univer-relative univer-box-border univer-h-32 univer-w-52 univer-bg-white hover:univer-border-primary-600", he)
                 }
               )
             ]
           },
-          g.id
+          h.id
         ))
       ] })
     }
   );
 }
-const ue = di("SLIDE_EDITOR"), qt = "slide.menu.image";
-function _n(n) {
+const ue = un("SLIDE_EDITOR"), qt = "slide.menu.image";
+function mi(i) {
   return {
     id: qt,
     type: se.SUBITEMS,
     icon: "AddImageIcon",
     tooltip: "slide.image.insert.title",
-    hidden$: re(n, E.UNIVER_SLIDE)
+    hidden$: re(i, E.UNIVER_SLIDE)
   };
 }
-function Cn(n) {
+function Ci(i) {
   return {
     id: Ge.id,
     title: "slide.image.insert.float",
     type: se.BUTTON,
-    hidden$: re(n, E.UNIVER_SLIDE)
+    hidden$: re(i, E.UNIVER_SLIDE)
   };
 }
 const Jt = "slide.menu.shape";
-function Sn(n) {
+function Si(i) {
   return {
     id: Jt,
     type: se.SUBITEMS,
     icon: "GraphIcon",
     tooltip: "slide.shape.insert.title",
-    hidden$: re(n, E.UNIVER_SLIDE)
+    hidden$: re(i, E.UNIVER_SLIDE)
     // disabled$: getCurrentRangeDisable$(accessor, { workbookTypes: [WorkbookEditablePermission], worksheetTypes: [WorksheetEditPermission], rangeTypes: [RangeProtectionPermissionEditPoint] }),
   };
 }
-function In(n) {
+function Ii(i) {
   return {
     id: Ye.id,
     title: "slide.shape.insert.rectangle",
     type: se.BUTTON,
-    hidden$: re(n, E.UNIVER_SLIDE)
+    hidden$: re(i, E.UNIVER_SLIDE)
   };
 }
-function bn(n) {
+function bi(i) {
   return {
     id: qe.id,
     title: "slide.shape.insert.ellipse",
     type: se.BUTTON,
-    hidden$: re(n, E.UNIVER_SLIDE)
+    hidden$: re(i, E.UNIVER_SLIDE)
   };
 }
-function En(n) {
+function Ei(i) {
   return {
     id: Je.id,
     type: se.BUTTON,
     icon: "TextIcon",
     tooltip: "slide.text.insert.title",
-    hidden$: re(n, E.UNIVER_SLIDE)
+    hidden$: re(i, E.UNIVER_SLIDE)
   };
 }
-const xn = {
-  [Pi.FORMAT]: {
+const Ri = {
+  [Pn.FORMAT]: {
     [Je.id]: {
       order: 0,
-      menuItemFactory: En
+      menuItemFactory: Ei
     },
     [qt]: {
       order: 0,
-      menuItemFactory: _n,
+      menuItemFactory: mi,
       [Ge.id]: {
         order: 0,
-        menuItemFactory: Cn
+        menuItemFactory: Ci
       }
     },
     [Jt]: {
       order: 0,
-      menuItemFactory: Sn,
+      menuItemFactory: Si,
       [Ye.id]: {
         order: 0,
-        menuItemFactory: In
+        menuItemFactory: Ii
       },
       [qe.id]: {
         order: 0,
-        menuItemFactory: bn
+        menuItemFactory: bi
       }
     }
   }
 }, Oe = {
   id: "slide.operation.edit-arrow",
-  type: N.OPERATION,
+  type: D.OPERATION,
   handler: () => !0
 }, Qt = "COMPONENT_SLIDE_IMAGE_POPUP_MENU";
-function Rn(n) {
-  var p, f;
-  const e = (f = (p = n.popup) == null ? void 0 : p.extraProps) == null ? void 0 : f.menuItems;
+function xi(i) {
+  var f, p;
+  const e = (p = (f = i.popup) == null ? void 0 : f.extraProps) == null ? void 0 : p.menuItems;
   if (!e)
     return null;
-  const t = O(D), i = O(J), [r, s] = $(!1), [o, c] = $(!1), a = () => {
+  const t = O(U), n = O(J), [r, s] = $(!1), [o, c] = $(!1), a = () => {
     c(!0);
-  }, h = () => {
+  }, u = () => {
     c(!1);
-  }, l = (g) => {
-    s(g);
-  }, d = (g) => {
-    t.executeCommand(g.commandId, g.commandParams), s(!1);
-  }, v = r || o, m = e.filter((g) => !g.disable);
-  return /* @__PURE__ */ u(
+  }, l = (h) => {
+    s(h);
+  }, d = (h) => {
+    t.executeCommand(h.commandId, h.commandParams), s(!1);
+  }, v = r || o, _ = e.filter((h) => !h.disable);
+  return /* @__PURE__ */ g(
     "div",
     {
       onMouseEnter: a,
-      onMouseLeave: h,
-      children: /* @__PURE__ */ u(
+      onMouseLeave: u,
+      children: /* @__PURE__ */ g(
         Mt,
         {
           align: "start",
-          overlay: /* @__PURE__ */ u(
+          overlay: /* @__PURE__ */ g(
             "ul",
             {
               className: k("univer-m-0 univer-box-border univer-grid univer-list-none univer-items-center univer-gap-1 univer-rounded-lg univer-bg-white univer-p-1.5 univer-text-sm univer-shadow-lg", he),
-              children: m.map((g) => /* @__PURE__ */ u(
+              children: _.map((h) => /* @__PURE__ */ g(
                 "li",
                 {
                   className: "univer-relative univer-box-border univer-flex univer-h-8 univer-cursor-pointer univer-items-center univer-rounded univer-text-sm univer-transition-colors hover:univer-bg-gray-100",
-                  onClick: () => d(g),
-                  children: /* @__PURE__ */ u("span", { className: "univer-px-2 univer-py-1.5 univer-align-middle", children: i.t(g.label) })
+                  onClick: () => d(h),
+                  children: /* @__PURE__ */ g("span", { className: "univer-px-2 univer-py-1.5 univer-align-middle", children: n.t(h.label) })
                 },
-                g.index
+                h.index
               ))
             }
           ),
           open: r,
           onOpenChange: l,
-          children: /* @__PURE__ */ x(
+          children: /* @__PURE__ */ R(
             "div",
             {
               className: k("univer-flex univer-items-center univer-gap-2 univer-rounded univer-p-1 hover:univer-bg-gray-100 dark:hover:!univer-bg-gray-800", he, {
@@ -1442,13 +1427,13 @@ function Rn(n) {
                 "univer-bg-white dark:!univer-bg-gray-900": !r
               }),
               children: [
-                /* @__PURE__ */ u(
+                /* @__PURE__ */ g(
                   zt,
                   {
                     className: "univer-fill-primary-600 univer-text-gray-900 dark:!univer-text-white"
                   }
                 ),
-                v && /* @__PURE__ */ u(Xe, { className: "dark:!univer-text-white" })
+                v && /* @__PURE__ */ g(Xe, { className: "dark:!univer-text-white" })
               ]
             }
           )
@@ -1457,7 +1442,7 @@ function Rn(n) {
     }
   );
 }
-class On {
+class Oi {
   constructor() {
     S(this, "_state", null);
     S(this, "_rect", null);
@@ -1499,23 +1484,23 @@ const Qe = bt(
   top: we,
   left: we
 };
-function wn() {
-  const [n, e] = $({
+function wi() {
+  const [i, e] = $({
     ...vt
-  }), t = O(Qe), i = O(Ze), r = O(pe), s = yi(
+  }), t = O(Qe), n = O(Ze), r = O(fe), s = Tn(
     () => r.subscribeContextValue$(ot),
     !1,
     void 0,
     [r, ot]
   );
-  return ui.UNSPECIFIED, ge(() => {
+  return hn.UNSPECIFIED, ge(() => {
     t.state$.subscribe((o) => {
       if (o == null)
         return;
       const {
         startX: c = we,
         startY: a = we,
-        endX: h = 0,
+        endX: u = 0,
         endY: l = 0,
         show: d = !1
       } = o;
@@ -1525,50 +1510,50 @@ function wn() {
         });
       else {
         e({
-          width: h - c - ie + 2,
-          height: l - a - ie + 2,
-          left: c + ie,
-          top: a + ie
+          width: u - c - ne + 2,
+          height: l - a - ne + 2,
+          left: c + ne,
+          top: a + ne
         });
-        const v = i.getEditor(ue);
+        const v = n.getEditor(ue);
         if (v == null)
           return;
-        const { left: m, top: p, width: f, height: g } = v.getBoundingClientRect();
-        t.setRect({ left: m, top: p, width: f, height: g });
+        const { left: _, top: f, width: p, height: h } = v.getBoundingClientRect();
+        t.setRect({ left: _, top: f, width: p, height: h });
       }
     });
   }, []), ge(() => {
     s || t.setFocus(!0);
-  }, [s, n]), /* @__PURE__ */ u(
+  }, [s, i]), /* @__PURE__ */ g(
     "div",
     {
       className: k("univer-absolute univer-z-10 univer-box-border univer-flex", he),
       style: {
-        left: n.left,
-        top: n.top,
-        width: n.width,
-        height: n.height
+        left: i.left,
+        top: i.top,
+        width: i.width,
+        height: i.height
       }
     }
   );
 }
-function Be(n) {
-  return n.getContextValue(Et) && n.getContextValue(xe);
+function Be(i) {
+  return i.getContextValue(Et) && i.getContextValue(Re);
 }
-function Pn(n) {
-  return n.getContextValue(hi) && n.getContextValue(Et);
+function yi(i) {
+  return i.getContextValue(gn) && i.getContextValue(Et);
 }
-const ei = [
-  P.ARROW_DOWN,
-  P.ARROW_UP,
-  P.ARROW_LEFT,
-  P.ARROW_RIGHT
+const en = [
+  y.ARROW_DOWN,
+  y.ARROW_UP,
+  y.ARROW_LEFT,
+  y.ARROW_RIGHT
 ];
-[P.ENTER, P.TAB, ...ei];
-function yn() {
-  const n = [];
-  for (const e of ei)
-    n.push({
+[y.ENTER, y.TAB, ...en];
+function Pi() {
+  const i = [];
+  for (const e of en)
+    i.push({
       id: Oe.id,
       binding: e,
       preconditions: (t) => Be(t),
@@ -1578,9 +1563,9 @@ function yn() {
         keycode: e,
         isShift: !1
       }
-    }), n.push({
+    }), i.push({
       id: Oe.id,
-      binding: e | Ti.SHIFT,
+      binding: e | Mn.SHIFT,
       preconditions: (t) => Be(t),
       staticParameters: {
         visible: !1,
@@ -1589,28 +1574,28 @@ function yn() {
         isShift: !0
       }
     });
-  return n;
+  return i;
 }
-const Tn = {
-  id: Hi.id,
-  preconditions: (n) => Be(n) || Pn(n),
-  binding: P.BACKSPACE
+const Ti = {
+  id: Fn.id,
+  preconditions: (i) => Be(i) || yi(i),
+  binding: y.BACKSPACE
 };
-var Mn = Object.getOwnPropertyDescriptor, Nn = (n, e, t, i) => {
-  for (var r = i > 1 ? void 0 : i ? Mn(e, t) : e, s = n.length - 1, o; s >= 0; s--)
-    (o = n[s]) && (r = o(r) || r);
+var Mi = Object.getOwnPropertyDescriptor, Di = (i, e, t, n) => {
+  for (var r = n > 1 ? void 0 : n ? Mi(e, t) : e, s = i.length - 1, o; s >= 0; s--)
+    (o = i[s]) && (r = o(r) || r);
   return r;
-}, te = (n, e) => (t, i) => e(t, i, n);
-let Pe = class extends De {
-  constructor(n, e, t, i, r, s) {
-    super(), this._injector = n, this._menuManagerService = e, this._componentManager = t, this._uiPartsService = i, this._commandService = r, this._shortcutService = s, this._initCommands(), this._initCustomComponents(), this._initUIComponents(), this._initMenus(), this._initShortcuts();
+}, te = (i, e) => (t, n) => e(t, n, i);
+let ye = class extends Ue {
+  constructor(i, e, t, n, r, s) {
+    super(), this._injector = i, this._menuManagerService = e, this._componentManager = t, this._uiPartsService = n, this._commandService = r, this._shortcutService = s, this._initCommands(), this._initCustomComponents(), this._initUIComponents(), this._initMenus(), this._initShortcuts();
   }
   _initMenus() {
-    this._menuManagerService.mergeMenu(xn);
+    this._menuManagerService.mergeMenu(Ri);
   }
   _initCustomComponents() {
-    const n = this._componentManager;
-    this.disposeWithMe(n.register("TextIcon", Wt)), this.disposeWithMe(n.register("GraphIcon", Bt)), this.disposeWithMe(n.register(Qt, Rn)), this.disposeWithMe(n.register(Ee, pn));
+    const i = this._componentManager;
+    this.disposeWithMe(i.register("TextIcon", Wt)), this.disposeWithMe(i.register("GraphIcon", Bt)), this.disposeWithMe(i.register(Qt, xi)), this.disposeWithMe(i.register(Ee, fi));
   }
   _initCommands() {
     [
@@ -1629,96 +1614,96 @@ let Pe = class extends De {
       B,
       // commands for editor
       Oe
-    ].forEach((n) => this.disposeWithMe(this._commandService.registerCommand(n)));
+    ].forEach((i) => this.disposeWithMe(this._commandService.registerCommand(i)));
   }
   _initUIComponents() {
     this.disposeWithMe(
-      this._uiPartsService.registerComponent(ct.LEFT_SIDEBAR, () => at(mn, this._injector))
+      this._uiPartsService.registerComponent(ct.LEFT_SIDEBAR, () => at(_i, this._injector))
     ), this.disposeWithMe(
-      this._uiPartsService.registerComponent(ct.CONTENT, () => at(wn, this._injector))
+      this._uiPartsService.registerComponent(ct.CONTENT, () => at(wi, this._injector))
     );
   }
   _initShortcuts() {
     [
-      Tn,
-      ...yn()
-    ].forEach((n) => {
-      this.disposeWithMe(this._shortcutService.registerShortcut(n));
+      Ti,
+      ...Pi()
+    ].forEach((i) => {
+      this.disposeWithMe(this._shortcutService.registerShortcut(i));
     });
   }
 };
-Pe = Nn([
+ye = Di([
   te(0, z(ke)),
-  te(1, Mi),
-  te(2, z(Ni)),
-  te(3, Di),
-  te(4, D),
-  te(5, Ui)
-], Pe);
-const Dn = "slides-ui.config", ft = {};
-var Un = Object.getOwnPropertyDescriptor, Vn = (n, e, t, i) => {
-  for (var r = i > 1 ? void 0 : i ? Un(e, t) : e, s = n.length - 1, o; s >= 0; s--)
-    (o = n[s]) && (r = o(r) || r);
+  te(1, Dn),
+  te(2, z(Un)),
+  te(3, Nn),
+  te(4, U),
+  te(5, Vn)
+], ye);
+const Ui = "slides-ui.config", pt = {};
+var Ni = Object.getOwnPropertyDescriptor, Vi = (i, e, t, n) => {
+  for (var r = n > 1 ? void 0 : n ? Ni(e, t) : e, s = i.length - 1, o; s >= 0; s--)
+    (o = i[s]) && (r = o(r) || r);
   return r;
-}, Se = (n, e) => (t, i) => e(t, i, n);
-function jn(n, e) {
-  const t = pt(n.left, n.top, e), i = pt(n.right, n.bottom, e);
+}, Se = (i, e) => (t, n) => e(t, n, i);
+function ji(i, e) {
+  const t = ft(i.left, i.top, e), n = ft(i.right, i.bottom, e);
   return {
     left: t.x,
     top: t.y,
-    right: i.x,
-    bottom: i.y
+    right: n.x,
+    bottom: n.y
   };
 }
-function pt(n, e, t) {
-  const { scaleX: i, scaleY: r } = t.getAncestorScale(), s = t.getViewport(ne.VIEW);
+function ft(i, e, t) {
+  const { scaleX: n, scaleY: r } = t.getAncestorScale(), s = t.getViewport(ie.VIEW);
   if (!s)
     return {
-      x: n,
+      x: i,
       y: e
     };
-  const { viewportScrollX: o, viewportScrollY: c } = s, a = (n - o) * i, h = (e - c) * r;
+  const { viewportScrollX: o, viewportScrollY: c } = s, a = (i - o) * n, u = (e - c) * r;
   return {
     x: a,
-    y: h
+    y: u
   };
 }
-let ye = class extends De {
-  constructor(n, e, t, i) {
-    super(), this._globalPopupManagerService = n, this._renderManagerService = e, this._univerInstanceService = t, this._commandService = i;
+let Pe = class extends Ue {
+  constructor(i, e, t, n) {
+    super(), this._globalPopupManagerService = i, this._renderManagerService = e, this._univerInstanceService = t, this._commandService = n;
   }
-  _createObjectPositionObserver(n, e) {
-    const i = (() => {
+  _createObjectPositionObserver(i, e) {
+    const n = (() => {
       var A, L, Q, ee;
-      const { scene: o, engine: c } = e, { left: a, top: h, width: l, height: d } = n, v = (o.width - ((L = (A = e.mainComponent) == null ? void 0 : A.width) != null ? L : 0)) / 2, m = (o.height - ((ee = (Q = e.mainComponent) == null ? void 0 : Q.height) != null ? ee : 0)) / 2, p = {
+      const { scene: o, engine: c } = e, { left: a, top: u, width: l, height: d } = i, v = (o.width - ((L = (A = e.mainComponent) == null ? void 0 : A.width) != null ? L : 0)) / 2, _ = (o.height - ((ee = (Q = e.mainComponent) == null ? void 0 : Q.height) != null ? ee : 0)) / 2, f = {
         left: a,
         right: a + l,
-        top: h,
-        bottom: h + d
-      }, f = c.getCanvasElement(), g = f.getBoundingClientRect(), _ = bi(f.style.width), { scaleX: I, scaleY: b } = o.getAncestorScale(), T = jn(p, o), { top: M, left: U, width: R } = g, W = R / _;
+        top: u,
+        bottom: u + d
+      }, p = c.getCanvasElement(), h = p.getBoundingClientRect(), m = En(p.style.width), { scaleX: I, scaleY: b } = o.getAncestorScale(), T = ji(f, o), { top: M, left: N, width: x } = h, W = x / m;
       return {
-        left: T.left * W * I + U + v,
-        right: T.right * W * I + U + v,
-        top: T.top * W * b + M + m,
-        bottom: T.bottom * W * b + M + m
+        left: T.left * W * I + N + v,
+        right: T.right * W * I + N + v,
+        top: T.top * W * b + M + _,
+        bottom: T.bottom * W * b + M + _
       };
-    })(), r = new q(i), s = new Ke();
+    })(), r = new q(n), s = new Ke();
     return {
-      position: i,
+      position: n,
       position$: r,
       disposable: s
     };
   }
-  attachPopupToObject(n, e) {
-    const i = this._univerInstanceService.getCurrentUnitForType(E.UNIVER_SLIDE).getUnitId(), r = this._renderManagerService.getRenderById(i);
+  attachPopupToObject(i, e) {
+    const n = this._univerInstanceService.getCurrentUnitForType(E.UNIVER_SLIDE).getUnitId(), r = this._renderManagerService.getRenderById(n);
     if (!r)
       return {
         dispose: () => {
         }
       };
-    const { position: s, position$: o, disposable: c } = this._createObjectPositionObserver(n, r), a = this._globalPopupManagerService.addPopup({
+    const { position: s, position$: o, disposable: c } = this._createObjectPositionObserver(i, r), a = this._globalPopupManagerService.addPopup({
       ...e,
-      unitId: i,
+      unitId: n,
       subUnitId: "default",
       anchorRect: s,
       anchorRect$: o,
@@ -1731,22 +1716,22 @@ let ye = class extends De {
     };
   }
 };
-ye = Vn([
-  Se(0, z(Vi)),
+Pe = Vi([
+  Se(0, z(jn)),
   Se(1, K),
   Se(2, w),
-  Se(3, D)
-], ye);
-var An = Object.getOwnPropertyDescriptor, Ln = (n, e, t, i) => {
-  for (var r = i > 1 ? void 0 : i ? An(e, t) : e, s = n.length - 1, o; s >= 0; s--)
-    (o = n[s]) && (r = o(r) || r);
+  Se(3, U)
+], Pe);
+var Ai = Object.getOwnPropertyDescriptor, Li = (i, e, t, n) => {
+  for (var r = n > 1 ? void 0 : n ? Ai(e, t) : e, s = i.length - 1, o; s >= 0; s--)
+    (o = i[s]) && (r = o(r) || r);
   return r;
-}, X = (n, e) => (t, i) => e(t, i, n);
-let Te = class extends fe {
-  constructor(e, t, i, r, s, o, c) {
+}, X = (i, e) => (t, n) => e(t, n, i);
+let Te = class extends pe {
+  constructor(e, t, n, r, s, o, c) {
     super();
     S(this, "_initImagePopupMenu", /* @__PURE__ */ new Set());
-    this._canvasPopManagerService = e, this._renderManagerService = t, this._univerInstanceService = i, this._contextService = r, this._canvasView = s, this._sidebarService = o, this._commandService = c, this._init();
+    this._canvasPopManagerService = e, this._renderManagerService = t, this._univerInstanceService = n, this._contextService = r, this._canvasView = s, this._sidebarService = o, this._commandService = c, this._init();
   }
   _init() {
     this._univerInstanceService.getAllUnitsForType(E.UNIVER_SLIDE).forEach((e) => this._create(e));
@@ -1762,14 +1747,14 @@ let Te = class extends fe {
   // eslint-disable-next-line max-lines-per-function
   _popupMenuListener(e) {
     var r;
-    const t = this._univerInstanceService.getCurrentUnitForType(E.UNIVER_SLIDE), i = (r = t == null ? void 0 : t.getPages()) != null ? r : {};
-    Object.keys(i).forEach((s) => {
-      var h;
-      const c = (h = this._canvasView.getRenderUnitByPageId(s, e).scene) == null ? void 0 : h.getTransformer();
+    const t = this._univerInstanceService.getCurrentUnitForType(E.UNIVER_SLIDE), n = (r = t == null ? void 0 : t.getPages()) != null ? r : {};
+    Object.keys(n).forEach((s) => {
+      var u;
+      const c = (u = this._canvasView.getRenderUnitByPageId(s, e).scene) == null ? void 0 : u.getTransformer();
       if (!c) return;
       let a;
       this.disposeWithMe(
-        xt(
+        Rt(
           c.createControl$.subscribe(() => {
             const l = c.getSelectedObjectMap();
             if (l.size > 1) {
@@ -1795,7 +1780,7 @@ let Te = class extends fe {
         )
       ), this.disposeWithMe(
         c.clearControl$.subscribe(() => {
-          a == null || a.dispose(), this._contextService.setContextValue(gi, !1);
+          a == null || a.dispose(), this._contextService.setContextValue(vn, !1);
         })
       ), this.disposeWithMe(
         c.changing$.subscribe(() => {
@@ -1820,7 +1805,7 @@ let Te = class extends fe {
       );
     });
   }
-  _getMenuItemsByObjectType(e, t, i) {
+  _getMenuItemsByObjectType(e, t, n) {
     return [{
       label: "slide.popup.edit",
       index: 0,
@@ -1836,29 +1821,29 @@ let Te = class extends fe {
       commandId: At.id,
       commandParams: {
         id: t,
-        unitId: i
+        unitId: n
       },
       disable: !1
     }];
   }
 };
-Te = Ln([
-  X(0, z(ye)),
+Te = Li([
+  X(0, z(Pe)),
   X(1, K),
   X(2, w),
-  X(3, pe),
-  X(4, z(y)),
+  X(3, fe),
+  X(4, z(P)),
   X(5, Tt),
-  X(6, D)
+  X(6, U)
 ], Te);
-var $n = Object.getOwnPropertyDescriptor, Bn = (n, e, t, i) => {
-  for (var r = i > 1 ? void 0 : i ? $n(e, t) : e, s = n.length - 1, o; s >= 0; s--)
-    (o = n[s]) && (r = o(r) || r);
+var $i = Object.getOwnPropertyDescriptor, Bi = (i, e, t, n) => {
+  for (var r = n > 1 ? void 0 : n ? $i(e, t) : e, s = i.length - 1, o; s >= 0; s--)
+    (o = i[s]) && (r = o(r) || r);
   return r;
-}, Ve = (n, e) => (t, i) => e(t, i, n);
+}, Ve = (i, e) => (t, n) => e(t, n, i);
 const et = bt("univer.slide-editor-bridge.service");
-let He = class extends De {
-  constructor(e, t, i) {
+let He = class extends Ue {
+  constructor(e, t, n) {
     super();
     S(this, "_editorUnitId", ue);
     S(this, "_isForceKeepVisible", !1);
@@ -1875,9 +1860,9 @@ let He = class extends De {
     S(this, "visible$", this._visible$.asObservable());
     S(this, "_afterVisible$", new q(this._visibleParam));
     S(this, "afterVisible$", this._afterVisible$.asObservable());
-    S(this, "endEditing$", new Ut());
+    S(this, "endEditing$", new Nt());
     S(this, "_currentEditRectInfo");
-    this._editorService = e, this._contextService = t, this._renderManagerService = i;
+    this._editorService = e, this._contextService = t, this._renderManagerService = n;
   }
   dispose() {
     super.dispose();
@@ -1890,7 +1875,7 @@ let He = class extends De {
    * @editorInfo editorInfo
    */
   setEditorRect(e) {
-    this._currentEditRectInfo = e, this._editorService.getFocusEditor() || (this._editorService.focus(ue), this._contextService.setContextValue(xe, !1), this._contextService.setContextValue(Rt, !1), this._contextService.setContextValue(Ot, !1));
+    this._currentEditRectInfo = e, this._editorService.getFocusEditor() || (this._editorService.focus(ue), this._contextService.setContextValue(Re, !1), this._contextService.setContextValue(xt, !1), this._contextService.setContextValue(Ot, !1));
     const t = this.getEditRectState();
     this._currentEditRectState = t, this._currentEditRectState$.next(t);
   }
@@ -1904,37 +1889,37 @@ let He = class extends De {
    * && this@setEditorRect
    */
   getEditRectState() {
-    const e = ue, t = this._currentEditRectInfo, i = t.unitId, r = t.richTextObj.documentData;
+    const e = ue, t = this._currentEditRectInfo, n = t.unitId, r = t.richTextObj.documentData;
     r.id = e, r.documentStyle = {
       ...r.documentStyle,
       pageSize: { width: t.richTextObj.width, height: 1 / 0 }
     };
     const o = {
-      documentModel: new vi(r),
+      documentModel: new pn(r),
       fontString: "document",
       textRotation: { a: 0, v: 0 },
       wrapStrategy: 0,
-      verticalAlign: Re.TOP,
+      verticalAlign: xe.TOP,
       horizontalAlign: wt.LEFT,
       paddingData: { t: 0, b: 1, l: 2, r: 2 }
-    }, c = t.richTextObj.width, a = t.richTextObj.height, h = t.richTextObj.left, l = t.richTextObj.top, d = {
+    }, c = t.richTextObj.width, a = t.richTextObj.height, u = t.richTextObj.left, l = t.richTextObj.top, d = {
       left: 0,
       top: 0
-    }, v = this._renderManagerService.getRenderById(i), m = v == null ? void 0 : v.scene, p = m == null ? void 0 : m.getViewport(ne.VIEW), f = m == null ? void 0 : m.getObject(ne.COMPONENT), g = {
-      x: (f == null ? void 0 : f.left) || 0,
-      y: (f == null ? void 0 : f.top) || 0
-    }, _ = (p == null ? void 0 : p.viewportScrollX) || 0, I = (p == null ? void 0 : p.viewportScrollY) || 0;
-    return d.left = g.x - _, d.top = g.y - I, {
+    }, v = this._renderManagerService.getRenderById(n), _ = v == null ? void 0 : v.scene, f = _ == null ? void 0 : _.getViewport(ie.VIEW), p = _ == null ? void 0 : _.getObject(ie.COMPONENT), h = {
+      x: (p == null ? void 0 : p.left) || 0,
+      y: (p == null ? void 0 : p.top) || 0
+    }, m = (f == null ? void 0 : f.viewportScrollX) || 0, I = (f == null ? void 0 : f.viewportScrollY) || 0;
+    return d.left = h.x - m, d.top = h.y - I, {
       position: {
-        startX: h,
+        startX: u,
         startY: l,
-        endX: h + c,
+        endX: u + c,
         endY: l + a
       },
       scaleX: 1,
       scaleY: 1,
       slideCardOffset: d,
-      unitId: i,
+      unitId: n,
       editorUnitId: e,
       documentLayoutObject: o
     };
@@ -1955,13 +1940,13 @@ let He = class extends De {
    * @deprecated
    */
   genDocData(e) {
-    const t = this.getCurrentEditorId(), i = e.text, r = e.fs;
+    const t = this.getCurrentEditorId(), n = e.text, r = e.fs;
     return {
       id: t,
       body: {
-        dataStream: `${i}\r
+        dataStream: `${n}\r
 `,
-        textRuns: [{ st: 0, ed: i.length }],
+        textRuns: [{ st: 0, ed: n.length }],
         paragraphs: [{
           paragraphStyle: {
             // no use
@@ -1969,9 +1954,9 @@ let He = class extends De {
             // horizontalAlign: HorizontalAlign.CENTER,
             // verticalAlign: VerticalAlign.MIDDLE,
           },
-          startIndex: i.length + 1
+          startIndex: n.length + 1
         }],
-        sectionBreaks: [{ startIndex: i.length + 2 }]
+        sectionBreaks: [{ startIndex: n.length + 2 }]
       },
       documentStyle: {
         marginBottom: 0,
@@ -1982,7 +1967,7 @@ let He = class extends De {
         textStyle: { fs: r },
         renderConfig: {
           // horizontalAlign: HorizontalAlign.CENTER,
-          verticalAlign: Re.MIDDLE,
+          verticalAlign: xe.MIDDLE,
           centerAngle: 0,
           vertexAngle: 0,
           wrapStrategy: 0
@@ -1994,19 +1979,19 @@ let He = class extends De {
     };
   }
 };
-He = Bn([
+He = Bi([
   Ve(0, Ze),
-  Ve(1, pe),
+  Ve(1, fe),
   Ve(2, K)
 ], He);
-var G = /* @__PURE__ */ ((n) => (n[n.InitialState = 0] = "InitialState", n[n.StartEditor = 1] = "StartEditor", n[n.CursorChange = 2] = "CursorChange", n))(G || {}), Hn = Object.getOwnPropertyDescriptor, Fn = (n, e, t, i) => {
-  for (var r = i > 1 ? void 0 : i ? Hn(e, t) : e, s = n.length - 1, o; s >= 0; s--)
-    (o = n[s]) && (r = o(r) || r);
+var G = /* @__PURE__ */ ((i) => (i[i.InitialState = 0] = "InitialState", i[i.StartEditor = 1] = "StartEditor", i[i.CursorChange = 2] = "CursorChange", i))(G || {}), Hi = Object.getOwnPropertyDescriptor, Fi = (i, e, t, n) => {
+  for (var r = n > 1 ? void 0 : n ? Hi(e, t) : e, s = i.length - 1, o; s >= 0; s--)
+    (o = i[s]) && (r = o(r) || r);
   return r;
-}, j = (n, e) => (t, i) => e(t, i, n);
-const mt = -1e3, _t = 5, Wn = 2;
-let Fe = class extends De {
-  constructor(e, t, i, r, s, o, c, a, h, l, d, v) {
+}, j = (i, e) => (t, n) => e(t, n, i);
+const _t = -1e3, mt = 5, Wi = 2;
+let Fe = class extends Ue {
+  constructor(e, t, n, r, s, o, c, a, u, l, d, v) {
     super();
     /**
      * It is used to distinguish whether the user has actively moved the cursor in the editor, mainly through mouse clicks.
@@ -2015,11 +2000,11 @@ let Fe = class extends De {
     /** If the corresponding unit is active and prepared for editing. */
     S(this, "_isUnitEditing", !1);
     S(this, "_d");
-    this._renderContext = e, this._layoutService = t, this._undoRedoService = i, this._contextService = r, this._instanceSrv = s, this._renderManagerService = o, this._editorBridgeService = c, this._cellEditorManagerService = a, this._textSelectionManagerService = h, this._commandService = l, this._localService = d, this._editorService = v, this.disposeWithMe(this._instanceSrv.getCurrentTypeOfUnit$(E.UNIVER_SLIDE).subscribe((m) => {
-      m && m.getUnitId() === this._renderContext.unitId ? this._d = this._init() : (this._disposeCurrent(), this._isUnitEditing && (this._handleEditorInvisible({
+    this._renderContext = e, this._layoutService = t, this._undoRedoService = n, this._contextService = r, this._instanceSrv = s, this._renderManagerService = o, this._editorBridgeService = c, this._cellEditorManagerService = a, this._textSelectionManagerService = u, this._commandService = l, this._localService = d, this._editorService = v, this.disposeWithMe(this._instanceSrv.getCurrentTypeOfUnit$(E.UNIVER_SLIDE).subscribe((_) => {
+      _ && _.getUnitId() === this._renderContext.unitId ? this._d = this._init() : (this._disposeCurrent(), this._isUnitEditing && (this._handleEditorInvisible({
         visible: !1,
         eventType: Y.Keyboard,
-        keycode: P.ESC,
+        keycode: y.ESC,
         unitId: this._renderContext.unitId
       }), this._isUnitEditing = !1));
     })), this._initEditorVisibilityListener();
@@ -2056,7 +2041,7 @@ let Fe = class extends De {
     return (t = this._renderManagerService.getRenderById(e)) == null ? void 0 : t.with(gt).getViewModel();
   }
   _initialCursorSync(e) {
-    e.add(this._cellEditorManagerService.focus$.pipe(Ki((t) => !!t)).subscribe(() => {
+    e.add(this._cellEditorManagerService.focus$.pipe(Zn((t) => !!t)).subscribe(() => {
       var t;
       (t = Le(E.UNIVER_DOC, this._instanceSrv, this._renderManagerService)) == null || t.with(dt).sync();
     }));
@@ -2068,18 +2053,18 @@ let Fe = class extends De {
   _subscribeToCurrentCell(e) {
     e.add(this._editorBridgeService.currentEditRectState$.subscribe((t) => {
       var d;
-      if (t == null || this._contextService.getContextValue(Rt) || this._contextService.getContextValue(Ot))
+      if (t == null || this._contextService.getContextValue(xt) || this._contextService.getContextValue(Ot))
         return;
       const {
-        position: { startX: i, endX: r },
+        position: { startX: n, endX: r },
         documentLayoutObject: { textRotation: s, wrapStrategy: o, documentModel: c },
         scaleX: a,
-        editorUnitId: h
+        editorUnitId: u
       } = t, { vertexAngle: l } = rt(s);
-      c.updateDocumentId(h), o === tt.WRAP && l === 0 && c.updateDocumentDataPageSize((r - i) / a), this._instanceSrv.changeDoc(h, c), this._contextService.setContextValue(pi, !0), this._textSelectionManagerService.replaceTextRanges([{
+      c.updateDocumentId(u), o === tt.WRAP && l === 0 && c.updateDocumentDataPageSize((r - n) / a), this._instanceSrv.changeDoc(u, c), this._contextService.setContextValue(_n, !0), this._textSelectionManagerService.replaceTextRanges([{
         startOffset: 0,
         endOffset: 0
-      }]), (d = Le(E.UNIVER_DOC, this._instanceSrv, this._renderManagerService)) == null || d.with(dt).activate(mt, mt);
+      }]), (d = Le(E.UNIVER_DOC, this._instanceSrv, this._renderManagerService)) == null || d.with(dt).activate(_t, _t);
     }));
   }
   /**
@@ -2091,112 +2076,112 @@ let Fe = class extends De {
    * @param scaleX
    * @param scaleY
    */
-  _fitTextSize(e, t, i, r, s = 1, o = 1) {
-    const { startX: c, startY: a, endX: h, endY: l } = e, d = r.documentModel;
+  _fitTextSize(e, t, n, r, s = 1, o = 1) {
+    const { startX: c, startY: a, endX: u, endY: l } = e, d = r.documentModel;
     if (d == null)
       return;
-    const { actualWidth: v, actualHeight: m } = this._predictingSize(
+    const { actualWidth: v, actualHeight: _ } = this._predictingSize(
       e,
       t,
-      i,
+      n,
       r,
       s,
       o
-    ), { verticalAlign: p, paddingData: f, fill: g } = r;
-    let _ = h - c, I = l - a;
-    if (_ < v && (_ = v), I < m)
-      I = m, d.updateDocumentDataMargin(f);
+    ), { verticalAlign: f, paddingData: p, fill: h } = r;
+    let m = u - c, I = l - a;
+    if (m < v && (m = v), I < _)
+      I = _, d.updateDocumentDataMargin(p);
     else {
       let b = 0;
-      p === Re.MIDDLE ? b = (I - m) / 2 / o : p === Re.TOP ? b = f.t || 0 : b = (I - m) / o - (f.b || 0), b = b < (f.t || 0) ? f.t || 0 : b, d.updateDocumentDataMargin({
+      f === xe.MIDDLE ? b = (I - _) / 2 / o : f === xe.TOP ? b = p.t || 0 : b = (I - _) / o - (p.b || 0), b = b < (p.t || 0) ? p.t || 0 : b, d.updateDocumentDataMargin({
         t: b
       });
     }
-    i.calculate(), this._editAreaProcessing(_, I, e, t, g, s, o);
+    n.calculate(), this._editAreaProcessing(m, I, e, t, h, s, o);
   }
   /**
    * Mainly used to pre-calculate the width of the editor,
    * to determine whether it needs to be automatically widened.
    */
-  _predictingSize(e, t, i, r, s = 1, o = 1) {
-    const { startX: c, endX: a } = e, { textRotation: h, wrapStrategy: l } = r, d = r.documentModel, { vertexAngle: v } = rt(h), m = document.body.clientWidth;
+  _predictingSize(e, t, n, r, s = 1, o = 1) {
+    const { startX: c, endX: a } = e, { textRotation: u, wrapStrategy: l } = r, d = r.documentModel, { vertexAngle: v } = rt(u), _ = document.body.clientWidth;
     if (l === tt.WRAP && v === 0) {
-      const { actualWidth: g, actualHeight: _ } = i.getActualSize();
+      const { actualWidth: h, actualHeight: m } = n.getActualSize();
       return {
-        actualWidth: g * s,
-        actualHeight: _ * o
+        actualWidth: h * s,
+        actualHeight: m * o
       };
     }
-    d == null || d.updateDocumentDataPageSize((m - c - t.left) / s), i.calculate();
-    const p = i.getActualSize();
-    let f = a - c;
-    return f < p.actualWidth * s + _t * s && (f = p.actualWidth * s + _t * s), d == null || d.updateDocumentDataPageSize(f / s), d == null || d.updateDocumentRenderConfig({
+    d == null || d.updateDocumentDataPageSize((_ - c - t.left) / s), n.calculate();
+    const f = n.getActualSize();
+    let p = a - c;
+    return p < f.actualWidth * s + mt * s && (p = f.actualWidth * s + mt * s), d == null || d.updateDocumentDataPageSize(p / s), d == null || d.updateDocumentRenderConfig({
       horizontalAlign: wt.UNSPECIFIED,
       cellValueType: void 0
     }), {
-      actualWidth: f,
-      actualHeight: p.actualHeight * o
+      actualWidth: p,
+      actualHeight: f.actualHeight * o
     };
   }
   /**
    * control the size of editing area
    */
   // eslint-disable-next-line max-lines-per-function
-  _editAreaProcessing(e, t, i, r, s, o = 1, c = 1) {
+  _editAreaProcessing(e, t, n, r, s, o = 1, c = 1) {
     var C;
     const a = this._getEditorObject();
     if (a == null)
       return;
-    function h(ce) {
+    function u(ce) {
       return Number.parseInt(ce.replace("px", ""));
     }
-    const d = this._renderContext.engine.getCanvasElement(), v = d.getBoundingClientRect(), m = h(d.style.width), { top: p, left: f, width: g } = v, _ = g / m;
-    let { startX: I, startY: b } = i;
+    const d = this._renderContext.engine.getCanvasElement(), v = d.getBoundingClientRect(), _ = u(d.style.width), { top: f, left: p, width: h } = v, m = h / _;
+    let { startX: I, startY: b } = n;
     I += r.left, b += r.top;
-    const { document: T, scene: M, engine: U } = a, R = M.getViewport(ut.VIEW_MAIN), W = document.body.clientHeight - b - r.top - Wn * 2, oe = document.body.clientWidth - I - r.left;
-    let A = t, L = R == null ? void 0 : R.getScrollBar();
-    A > W ? (A = W, L == null ? R && new Pt(R, { enableHorizontal: !1, barSize: 8 }) : R == null || R.resetCanvasSizeAndUpdateScroll()) : (L = null, (C = R == null ? void 0 : R.getScrollBar()) == null || C.dispose()), e += (L == null ? void 0 : L.barSize) || 0, e = Math.min(e, oe), I -= ie, b -= ie, this._addBackground(M, e / o, t / c, s);
+    const { document: T, scene: M, engine: N } = a, x = M.getViewport(ut.VIEW_MAIN), W = document.body.clientHeight - b - r.top - Wi * 2, oe = document.body.clientWidth - I - r.left;
+    let A = t, L = x == null ? void 0 : x.getScrollBar();
+    A > W ? (A = W, L == null ? x && new yt(x, { enableHorizontal: !1, barSize: 8 }) : x == null || x.resetCanvasSizeAndUpdateScroll()) : (L = null, (C = x == null ? void 0 : x.getScrollBar()) == null || C.dispose()), e += (L == null ? void 0 : L.barSize) || 0, e = Math.min(e, oe), I -= ne, b -= ne, this._addBackground(M, e / o, t / c, s);
     const { scaleX: Q, scaleY: ee } = M.getPrecisionScale();
     M.transformByState({
-      width: e * _ / o,
-      height: t * _ / c,
-      scaleX: o * _,
-      scaleY: c * _
+      width: e * m / o,
+      height: t * m / c,
+      scaleX: o * m,
+      scaleY: c * m
     }), T.resize(e / o, t / c), setTimeout(() => {
-      U.resizeBySize(
+      N.resizeBySize(
         st(e, Q),
         st(A, ee)
       );
     }, 0);
-    const me = this._layoutService.getContentElement().getBoundingClientRect(), _e = d.getBoundingClientRect();
-    I = I * _ + (_e.left - me.left), b = b * _ + (_e.top - me.top), this._cellEditorManagerService.setState({
+    const _e = this._layoutService.getContentElement().getBoundingClientRect(), me = d.getBoundingClientRect();
+    I = I * m + (me.left - _e.left), b = b * m + (me.top - _e.top), this._cellEditorManagerService.setState({
       startX: I,
       startY: b,
-      endX: e * _ + I,
-      endY: A * _ + b,
+      endX: e * m + I,
+      endY: A * m + b,
       show: !0
     });
   }
   /**
    * Since the document does not support cell background color, an additional rect needs to be added.
    */
-  _addBackground(e, t, i, r) {
+  _addBackground(e, t, n, r) {
     const s = "_backgroundRectHelperColor_", o = e.getObject(s);
     o == null && r == null || (o == null ? e.addObjects(
       [
-        new yt(s, {
+        new Pt(s, {
           width: t,
-          height: i,
+          height: n,
           fill: r,
           evented: !1
         })
       ],
-      Fi
+      Wn
     ) : r == null ? o.dispose() : (o.setProps({
       fill: r
     }), o.transformByState({
       width: t,
-      height: i
+      height: n
     })));
   }
   /**
@@ -2208,11 +2193,11 @@ let Fe = class extends De {
   // first part: startEditing --> _updateEditor
   // 2nd part: startEditing --> changeVisible --> slide-editor-bridge.render-controller.ts@changeVisible --> _editorBridgeService.changeVisible
   _handleEditorVisible(e) {
-    var g, _;
+    var h, m;
     const { eventType: t } = e;
     this._cursorChange = [Y.PointerDown, Y.Dblclick].includes(t) ? G.CursorChange : G.StartEditor;
-    const i = this._editorBridgeService.getEditRectState();
-    if (i == null)
+    const n = this._editorBridgeService.getEditRectState();
+    if (n == null)
       return;
     const {
       position: r,
@@ -2220,29 +2205,29 @@ let Fe = class extends De {
       slideCardOffset: o,
       scaleX: c,
       scaleY: a,
-      editorUnitId: h,
+      editorUnitId: u,
       unitId: l
-    } = i, d = this._getEditorObject();
+    } = n, d = this._getEditorObject();
     if (d == null)
       return;
     const { scene: v } = d;
-    this._contextService.setContextValue(xe, !0);
-    const { documentModel: m } = s, p = this._getEditorSkeleton(h);
-    if (!p || !m)
+    this._contextService.setContextValue(Re, !0);
+    const { documentModel: _ } = s, f = this._getEditorSkeleton(u);
+    if (!f || !_)
       return;
-    this._fitTextSize(r, o, p, s, c, a);
-    const f = m.getBody().dataStream.length - 2 || 0;
-    (g = v.getViewport(ut.VIEW_MAIN)) == null || g.scrollToViewportPos({
+    this._fitTextSize(r, o, f, s, c, a);
+    const p = _.getBody().dataStream.length - 2 || 0;
+    (h = v.getViewport(ut.VIEW_MAIN)) == null || h.scrollToViewportPos({
       viewportScrollX: Number.POSITIVE_INFINITY
     }), this._textSelectionManagerService.replaceTextRanges([
       {
-        startOffset: f,
-        endOffset: f
+        startOffset: p,
+        endOffset: p
       }
-    ]), (_ = this._renderManagerService.getRenderById(l)) == null || _.scene.resetCursor();
+    ]), (m = this._renderManagerService.getRenderById(l)) == null || m.scene.resetCursor();
   }
   _resetBodyStyle(e, t = !1) {
-    e.dataStream = mi, e.textRuns != null && (e.textRuns.length === 1 && !t ? (e.textRuns[0].st = 0, e.textRuns[0].ed = 1) : e.textRuns = void 0), e.paragraphs != null && (e.paragraphs.length === 1 ? e.paragraphs[0].startIndex = 0 : e.paragraphs = [
+    e.dataStream = mn, e.textRuns != null && (e.textRuns.length === 1 && !t ? (e.textRuns[0].st = 0, e.textRuns[0].ed = 1) : e.textRuns = void 0), e.paragraphs != null && (e.paragraphs.length === 1 ? e.paragraphs[0].startIndex = 0 : e.paragraphs = [
       {
         startIndex: 0
       }
@@ -2257,14 +2242,14 @@ let Fe = class extends De {
   _showEditorByKeyboard(e) {
   }
   _commandExecutedListener(e) {
-    const t = [Oe.id], i = [Gi.id];
+    const t = [Oe.id], n = [Xn.id];
     e.add(this._commandService.onCommandExecuted((r) => {
-      this._editorService.getFocusId() === ue && (t.includes(r.id) && this._moveCursorCmdHandler(r), i.includes(r.id) && this._editorBridgeService.isVisible() && this._editingChangedHandler());
+      this._editorService.getFocusId() === ue && (t.includes(r.id) && this._moveCursorCmdHandler(r), n.includes(r.id) && this._editorBridgeService.isVisible() && this._editingChangedHandler());
     }));
   }
   _moveCursorCmdHandler(e) {
-    const t = e.params, { keycode: i, isShift: r } = t;
-    i != null && this._cursorChange === G.CursorChange ? this._moveInEditor(i, r) : this._editorBridgeService.changeVisible(t);
+    const t = e.params, { keycode: n, isShift: r } = t;
+    n != null && this._cursorChange === G.CursorChange ? this._moveInEditor(n, r) : this._editorBridgeService.changeVisible(t);
   }
   _editingChangedHandler() {
     const e = this._editorBridgeService.getEditorRect();
@@ -2272,11 +2257,11 @@ let Fe = class extends De {
       return;
     const t = e.richTextObj;
     t.refreshDocumentByDocData(), t.resizeToContentSize();
-    const { unitId: i } = this._renderContext;
-    this._handleEditorVisible({ visible: !0, eventType: 3, unitId: i });
+    const { unitId: n } = this._renderContext;
+    this._handleEditorVisible({ visible: !0, eventType: 3, unitId: n });
   }
   _getEditorObject() {
-    return kn(this._editorBridgeService.getCurrentEditorId(), this._renderManagerService);
+    return ki(this._editorBridgeService.getCurrentEditorId(), this._renderManagerService);
   }
   async _handleEditorInvisible(e) {
     const { keycode: t } = e;
@@ -2289,7 +2274,7 @@ let Fe = class extends De {
     this._moveCursor(t);
   }
   _exitInput(e) {
-    this._contextService.setContextValue(xe, !1), this._cellEditorManagerService.setState({
+    this._contextService.setContextValue(Re, !1), this._cellEditorManagerService.setState({
       show: e.visible
     });
     const t = this._editorBridgeService.getCurrentEditorId();
@@ -2298,22 +2283,22 @@ let Fe = class extends De {
   _moveCursor(e) {
     if (e != null)
       switch (V.LEFT, e) {
-        case P.ENTER:
+        case y.ENTER:
           V.DOWN;
           break;
-        case P.TAB:
+        case y.TAB:
           V.RIGHT;
           break;
-        case P.ARROW_DOWN:
+        case y.ARROW_DOWN:
           V.DOWN;
           break;
-        case P.ARROW_UP:
+        case y.ARROW_UP:
           V.UP;
           break;
-        case P.ARROW_LEFT:
+        case y.ARROW_LEFT:
           V.LEFT;
           break;
-        case P.ARROW_RIGHT:
+        case y.ARROW_RIGHT:
           V.RIGHT;
           break;
       }
@@ -2326,41 +2311,41 @@ let Fe = class extends De {
     const t = this._getEditorObject();
     if (!t)
       return;
-    const { document: i } = t;
-    e.add(xt(i.onPointerDown$.subscribeEvent(() => {
+    const { document: n } = t;
+    e.add(Rt(n.onPointerDown$.subscribeEvent(() => {
       this._cursorChange === G.StartEditor && (this._cursorChange = G.CursorChange);
     })));
   }
   // TODO: @JOCS, is it necessary to move these commands MoveSelectionOperation\MoveCursorOperation to shortcut? and use multi-commands?
   _moveInEditor(e, t) {
-    let i = V.LEFT;
-    e === P.ARROW_DOWN ? i = V.DOWN : e === P.ARROW_UP ? i = V.UP : e === P.ARROW_RIGHT && (i = V.RIGHT), t ? this._commandService.executeCommand(Wi.id, {
-      direction: i
-    }) : this._commandService.executeCommand(ki.id, {
-      direction: i
+    let n = V.LEFT;
+    e === y.ARROW_DOWN ? n = V.DOWN : e === y.ARROW_UP ? n = V.UP : e === y.ARROW_RIGHT && (n = V.RIGHT), t ? this._commandService.executeCommand(kn.id, {
+      direction: n
+    }) : this._commandService.executeCommand(zn.id, {
+      direction: n
     });
   }
 };
-Fe = Fn([
-  j(1, ji),
-  j(2, fi),
-  j(3, pe),
+Fe = Fi([
+  j(1, An),
+  j(2, fn),
+  j(3, fe),
   j(4, w),
   j(5, K),
   j(6, et),
   j(7, Qe),
-  j(8, z(Zi)),
-  j(9, D),
+  j(8, z(Gn)),
+  j(9, U),
   j(10, z(J)),
   j(11, Ze)
 ], Fe);
-function kn(n, e) {
-  if (n == null)
+function ki(i, e) {
+  if (i == null)
     return;
-  const t = e.getRenderById(n);
+  const t = e.getRenderById(i);
   if (t == null)
     return;
-  const { mainComponent: i, scene: r, engine: s, components: o } = t, c = i, a = o.get(zi.BACKGROUND);
+  const { mainComponent: n, scene: r, engine: s, components: o } = t, c = n, a = o.get(Kn.BACKGROUND);
   return {
     document: c,
     docBackground: a,
@@ -2368,13 +2353,13 @@ function kn(n, e) {
     engine: s
   };
 }
-var zn = Object.getOwnPropertyDescriptor, Kn = (n, e, t, i) => {
-  for (var r = i > 1 ? void 0 : i ? zn(e, t) : e, s = n.length - 1, o; s >= 0; s--)
-    (o = n[s]) && (r = o(r) || r);
+var zi = Object.getOwnPropertyDescriptor, Ki = (i, e, t, n) => {
+  for (var r = n > 1 ? void 0 : n ? zi(e, t) : e, s = i.length - 1, o; s >= 0; s--)
+    (o = i[s]) && (r = o(r) || r);
   return r;
-}, je = (n, e) => (t, i) => e(t, i, n);
-let We = class extends fe {
-  constructor(e, t, i, r) {
+}, je = (i, e) => (t, n) => e(t, n, i);
+let We = class extends pe {
+  constructor(e, t, n, r) {
     super();
     /**
      * It is used to distinguish whether the user has actively moved the cursor in the editor, mainly through mouse clicks.
@@ -2382,10 +2367,10 @@ let We = class extends fe {
     // private _cursorChange: CursorChange = CursorChange.InitialState;
     /** If the corresponding unit is active and prepared for editing. */
     // private _isUnitEditing = false;
-    S(this, "setSlideTextEditor$", new Ut());
+    S(this, "setSlideTextEditor$", new Nt());
     S(this, "_curRichText", null);
     S(this, "_d");
-    this._renderContext = e, this._instanceSrv = t, this._commandService = i, this._editorBridgeService = r, this.disposeWithMe(this._instanceSrv.getCurrentTypeOfUnit$(E.UNIVER_SLIDE).subscribe((s) => {
+    this._renderContext = e, this._instanceSrv = t, this._commandService = n, this._editorBridgeService = r, this.disposeWithMe(this._instanceSrv.getCurrentTypeOfUnit$(E.UNIVER_SLIDE).subscribe((s) => {
       s && s.getUnitId() === this._renderContext.unitId ? this._d = this._init() : this._disposeCurrent();
     }));
   }
@@ -2399,8 +2384,8 @@ let We = class extends fe {
   }
   _setEditorRect(e, t) {
     this._curRichText = t;
-    const { scene: i, engine: r } = this._renderContext, s = this._renderContext.unitId, o = {
-      scene: i,
+    const { scene: n, engine: r } = this._renderContext, s = this._renderContext.unitId, o = {
+      scene: n,
       engine: r,
       unitId: s,
       pageId: e,
@@ -2417,16 +2402,16 @@ let We = class extends fe {
         this.setEditorVisible(!1);
       })), e.add(o.onDblclick$.subscribeEvent(() => {
         c.clearControls();
-        const h = c.getSelectedObjectMap().values().next().value;
-        h && (h.objectType !== de.RICH_TEXT ? this.pickOtherObjects() : this.startEditing(o.sceneKey, h));
+        const u = c.getSelectedObjectMap().values().next().value;
+        u && (u.objectType !== de.RICH_TEXT ? this.pickOtherObjects() : this.startEditing(o.sceneKey, u));
       })), e.add(this._instanceSrv.focused$.subscribe((a) => {
         this.endEditing();
       })));
-    }, { mainComponent: i } = this._renderContext;
-    i.subSceneChanged$.subscribeEvent((o) => {
+    }, { mainComponent: n } = this._renderContext;
+    n.subSceneChanged$.subscribeEvent((o) => {
       t(o);
     });
-    const s = Array.from(i.getSubScenes().values());
+    const s = Array.from(n.getSubScenes().values());
     for (let o = 0; o < s.length; o++) {
       const c = s[o];
       t(c);
@@ -2447,20 +2432,20 @@ let We = class extends fe {
     const e = this._curRichText;
     if (!this._instanceSrv.getCurrentUnitForType(E.UNIVER_SLIDE)) return !1;
     e.refreshDocumentByDocData(), e.resizeToContentSize(), this._editorBridgeService.endEditing$.next(e);
-    const i = {
+    const n = {
       bl: 1,
       fs: e.fs,
       text: e.text
     }, r = (s = e.documentData.body) == null ? void 0 : s.textRuns;
     if (r && r.length) {
       const c = r[0].ts;
-      i.cl = c == null ? void 0 : c.cl;
+      n.cl = c == null ? void 0 : c.cl;
     }
     this._commandService.executeCommand(B.id, {
       unitId: this._renderContext.unitId,
       oKey: e == null ? void 0 : e.oKey,
       props: {
-        richText: i
+        richText: n
       }
     }), this._curRichText = null;
   }
@@ -2475,99 +2460,99 @@ let We = class extends fe {
     this._setEditorRect(e, t), this.setEditorVisible(!0);
   }
   setEditorVisible(e) {
-    var i, r;
-    e ? (i = this._curRichText) == null || i.hide() : (r = this._curRichText) == null || r.show();
+    var n, r;
+    e ? (n = this._curRichText) == null || n.hide() : (r = this._curRichText) == null || r.show();
     const { unitId: t } = this._renderContext;
     this._editorBridgeService.changeVisible({ visible: e, eventType: Y.PointerDown, unitId: t });
   }
 };
-We = Kn([
+We = Ki([
   je(1, w),
-  je(2, D),
+  je(2, U),
   je(3, et)
 ], We);
-var Zn = Object.getOwnPropertyDescriptor, Gn = (n, e, t, i) => {
-  for (var r = i > 1 ? void 0 : i ? Zn(e, t) : e, s = n.length - 1, o; s >= 0; s--)
-    (o = n[s]) && (r = o(r) || r);
+var Zi = Object.getOwnPropertyDescriptor, Gi = (i, e, t, n) => {
+  for (var r = n > 1 ? void 0 : n ? Zi(e, t) : e, s = i.length - 1, o; s >= 0; s--)
+    (o = i[s]) && (r = o(r) || r);
   return r;
-}, Ae = (n, e) => (t, i) => e(t, i, n);
-let Me = class extends fe {
+}, Ae = (i, e) => (t, n) => e(t, n, i);
+let Me = class extends pe {
   // private _skeletonChangeMutations = new Set<string>();
-  constructor(n, e, t) {
-    super(), this._contextService = n, this._instanceSrv = e, this._renderManagerService = t, Promise.resolve().then(() => this._init());
+  constructor(i, e, t) {
+    super(), this._contextService = i, this._instanceSrv = e, this._renderManagerService = t, Promise.resolve().then(() => this._init());
   }
   _init() {
     this._initSlideDataListener(), this._initContextListener();
   }
   _initSlideDataListener() {
-    this._instanceSrv.getTypeOfUnitAdded$(E.UNIVER_SLIDE).pipe(ht(this.dispose$)).subscribe((n) => {
-      this._createRenderer(n == null ? void 0 : n.getUnitId());
-    }), this._instanceSrv.getAllUnitsForType(E.UNIVER_SLIDE).forEach((n) => {
-      this._createRenderer(n.getUnitId());
-    }), this._instanceSrv.getTypeOfUnitDisposed$(E.UNIVER_SLIDE).pipe(ht(this.dispose$)).subscribe((n) => this._disposeRenderer(n));
+    this._instanceSrv.getTypeOfUnitAdded$(E.UNIVER_SLIDE).pipe(ht(this.dispose$)).subscribe((i) => {
+      this._createRenderer(i == null ? void 0 : i.getUnitId());
+    }), this._instanceSrv.getAllUnitsForType(E.UNIVER_SLIDE).forEach((i) => {
+      this._createRenderer(i.getUnitId());
+    }), this._instanceSrv.getTypeOfUnitDisposed$(E.UNIVER_SLIDE).pipe(ht(this.dispose$)).subscribe((i) => this._disposeRenderer(i));
   }
-  _createRenderer(n) {
-    n == null || this._instanceSrv.getUnit(n, E.UNIVER_SLIDE) == null || this._renderManagerService.createRender(n);
+  _createRenderer(i) {
+    i == null || this._instanceSrv.getUnit(i, E.UNIVER_SLIDE) == null || this._renderManagerService.createRender(i);
   }
-  _disposeRenderer(n) {
-    const e = n.getUnitId();
+  _disposeRenderer(i) {
+    const e = i.getUnitId();
     this._renderManagerService.removeRender(e);
   }
   _initContextListener() {
   }
 };
-Me = Gn([
-  Ae(0, pe),
+Me = Gi([
+  Ae(0, fe),
   Ae(1, w),
   Ae(2, K)
 ], Me);
-var Xn = Object.getOwnPropertyDescriptor, Yn = (n, e, t, i) => {
-  for (var r = i > 1 ? void 0 : i ? Xn(e, t) : e, s = n.length - 1, o; s >= 0; s--)
-    (o = n[s]) && (r = o(r) || r);
+var Xi = Object.getOwnPropertyDescriptor, Yi = (i, e, t, n) => {
+  for (var r = n > 1 ? void 0 : n ? Xi(e, t) : e, s = i.length - 1, o; s >= 0; s--)
+    (o = i[s]) && (r = o(r) || r);
   return r;
-}, Ie = (n, e) => (t, i) => e(t, i, n);
-const qn = "SLIDE_UI";
+}, Ie = (i, e) => (t, n) => e(t, n, i);
+const qi = "SLIDE_UI";
 var be;
-let Ct = (be = class extends _i {
-  constructor(n = ft, e, t, i, r) {
-    super(), this._config = n, this._injector = e, this._renderManagerService = t, this._univerInstanceService = i, this._configService = r;
+let Ct = (be = class extends Cn {
+  constructor(i = pt, e, t, n, r) {
+    super(), this._config = i, this._injector = e, this._renderManagerService = t, this._univerInstanceService = n, this._configService = r;
     const { menu: s, ...o } = St(
       {},
-      ft,
+      pt,
       this._config
     );
-    s && this._configService.setConfig("menu", s, { merge: !0 }), this._configService.setConfig(Dn, o);
+    s && this._configService.setConfig("menu", s, { merge: !0 }), this._configService.setConfig(Ui, o);
   }
   onStarting() {
-    it([
+    nt([
       [Me],
       [et, { useClass: He }],
       // used by SlideUIController --> EditorContainer
-      [Qe, { useClass: On }],
-      [ye]
-    ], this._config.override).forEach((n) => this._injector.add(n));
+      [Qe, { useClass: Oi }],
+      [Pe]
+    ], this._config.override).forEach((i) => this._injector.add(i));
   }
   onReady() {
     [
       // SlideRenderService will be init in ready stage, and then calling RenderManagerService@createRender --> init all deps in this rendering register block.
       [ve]
-    ].forEach((n) => {
-      this.disposeWithMe(this._renderManagerService.registerRenderModule(E.UNIVER_SLIDE, n));
-    }), it([
-      [y],
+    ].forEach((i) => {
+      this.disposeWithMe(this._renderManagerService.registerRenderModule(E.UNIVER_SLIDE, i));
+    }), nt([
+      [P],
       // cannot register in _renderManagerService now.
       // [ISlideEditorBridgeService, { useClass: SlideEditorBridgeService }],
       // // used by SlideUIController --> EditorContainer
       // [ISlideEditorManagerService, { useClass: SlideEditorManagerService }],
       // SlidesUIController controller should be registered in Ready stage.
       // SlidesUIController controller would add a new RenderUnit (__INTERNAL_EDITOR__DOCS_NORMAL)
-      [Pe],
+      [ye],
       // editor service was create in renderManagerService
       [ve],
       [Te]
-    ], this._config.override).forEach((n) => {
-      this._injector.add(n);
-    }), this._injector.get(y), this._injector.get(Me);
+    ], this._config.override).forEach((i) => {
+      this._injector.add(i);
+    }), this._injector.get(P), this._injector.get(Me);
   }
   onRendered() {
     [
@@ -2575,32 +2560,32 @@ let Ct = (be = class extends _i {
       // need TextSelectionRenderService which init by EditorContainer
       [We],
       [Fe]
-    ].forEach((n) => {
-      this.disposeWithMe(this._renderManagerService.registerRenderModule(E.UNIVER_SLIDE, n));
-    }), this._markSlideAsFocused(), this._injector.get(Pe);
+    ].forEach((i) => {
+      this.disposeWithMe(this._renderManagerService.registerRenderModule(E.UNIVER_SLIDE, i));
+    }), this._markSlideAsFocused(), this._injector.get(ye);
   }
   onSteady() {
     this._injector.get(Te);
   }
   _markSlideAsFocused() {
-    const n = this._univerInstanceService;
+    const i = this._univerInstanceService;
     try {
-      const e = n.getCurrentUnitForType(E.UNIVER_SLIDE);
-      n.focusUnit(e.getUnitId());
+      const e = i.getCurrentUnitForType(E.UNIVER_SLIDE);
+      i.focusUnit(e.getUnitId());
     } catch {
     }
   }
-}, S(be, "pluginName", qn), S(be, "type", E.UNIVER_SLIDE), be);
-Ct = Yn([
+}, S(be, "pluginName", qi), S(be, "type", E.UNIVER_SLIDE), be);
+Ct = Yi([
   Ie(1, z(ke)),
   Ie(2, K),
   Ie(3, w),
-  Ie(4, Ci)
+  Ie(4, Sn)
 ], Ct);
 export {
   Vt as ActivateSlidePageOperation,
   jt as AppendSlideOperation,
-  y as CanvasView,
+  P as CanvasView,
   At as DeleteSlideElementOperation,
   et as ISlideEditorBridgeService,
   Ge as InsertSlideFloatImageCommand,
@@ -2614,11 +2599,11 @@ export {
   Yt as SetSlidePageThumbOperation,
   Je as SlideAddTextCommand,
   Xt as SlideAddTextOperation,
-  ye as SlideCanvasPopMangerService,
-  wn as SlideEditorContainer,
-  mn as SlideSideBar,
-  Pe as SlidesUIController,
-  xn as SlidesUIMenuSchema,
+  Pe as SlideCanvasPopMangerService,
+  wi as SlideEditorContainer,
+  _i as SlideSideBar,
+  ye as SlidesUIController,
+  Ri as SlidesUIMenuSchema,
   Ct as UniverSlidesUIPlugin,
   B as UpdateSlideElementOperation
 };