@univerjs/slides-ui 0.8.0-nightly.202505261607 → 0.8.0-nightly.202505271607

package/lib/es/index.js

@@ -1,30 +1,30 @@
-var si = Object.defineProperty;
-var oi = (n, e, t) => e in n ? si(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
-var C = (n, e, t) => oi(n, typeof e != "symbol" ? e + "" : e, t);
-import { Inject as X, Injector as ze, IUniverInstanceService as y, RxDisposable as ve, UniverInstanceType as E, debounce as ai, getColorStyle as ci, CommandType as D, Tools as li, LocaleService as Q, ICommandService as U, generateRandomId as St, BasicShapes as di, PageElementType as ke, Disposable as De, DisposableCollection as Ke, IContextService as fe, toDisposable as Ct, FOCUSING_COMMON_DRAWINGS as ui, createInternalEditorID as hi, createIdentifier as It, EDITOR_ACTIVATED as xe, FOCUSING_EDITOR_STANDALONE as bt, FOCUSING_UNIVER_EDITOR_STANDALONE_SINGLE_MODE as Et, DocumentDataModel as gi, HorizontalAlign as Ot, VerticalAlign as Re, IUndoRedoService as vi, WrapStrategy as et, FOCUSING_EDITOR_BUT_HIDDEN as fi, DEFAULT_EMPTY_DOCUMENT_VALUE as mi, Direction as j, DocumentFlavor as _i, FOCUSING_UNIVER_EDITOR as xt, FORMULA_EDITOR_ACTIVATED as pi, Plugin as Si, merge as Ci, mergeOverrideWithDependencies as tt, IConfigService as Ii } from "@univerjs/core";
-import { IRenderManagerService as G, Viewport as it, ScrollBar as Rt, getCurrentTypeOfRenderer as Le, Slide as bi, Rect as yt, Scene as Ei, ObjectType as le, pxToNum as Oi, DeviceInputEventType as q, convertTextRotation as nt, FIX_ONE_PIXEL_BLUR_OFFSET as ne, fixLineWidthByScale as rt } from "@univerjs/engine-render";
-import { ObjectProvider as xi, SLIDE_KEY as re } from "@univerjs/slides";
-import { useDependency as R, ISidebarService as Pt, ICanvasPopupService as Ri, ILayoutService as yi, KeyCode as P, ILocalFileService as Pi, useObservable as wi, DISABLE_AUTO_FOCUS_KEY as st, getMenuHiddenObservable as me, MenuItemType as _e, RibbonStartGroup as Ti, MetaKeys as Mi, IMenuManagerService as Ni, ComponentManager as Di, IUIPartsService as Ui, IShortcutService as Vi, BuiltInUIPart as ot, connectInjector as at } from "@univerjs/ui";
-import { jsxs as O, jsx as u } from "react/jsx-runtime";
-import { Button as Ce, clsx as K, Dropdown as wt, ColorPicker as ji, borderTopClassName as Tt, InputNumber as ce, borderClassName as ue, scrollbarClassName as Ai } from "@univerjs/design";
-import Li, { forwardRef as H, useRef as Mt, createElement as F, useState as k, useEffect as he, useMemo as Bi, createRef as $i, useCallback as ct } from "react";
-import { BehaviorSubject as J, Subject as Nt, filter as Hi, takeUntil as lt } from "rxjs";
-import { DocSelectionManagerService as Fi, DocSkeletonManagerService as dt, RichTextEditingMutation as Wi } from "@univerjs/docs";
-import { IEditorService as Xe, DocSelectionRenderService as ut, VIEWPORT_KEY as ht, DOCS_COMPONENT_MAIN_LAYER_INDEX as zi, MoveSelectionOperation as ki, MoveCursorOperation as Ki, DOCS_VIEW_KEY as Xi, DeleteLeftCommand as Gi } from "@univerjs/docs-ui";
-import { DRAWING_IMAGE_ALLOW_IMAGE_LIST as Yi, IImageIoService as Zi, getImageSize as qi } from "@univerjs/drawing";
-var Ji = Object.getOwnPropertyDescriptor, Qi = (n, e, t, i) => {
-  for (var r = i > 1 ? void 0 : i ? Ji(e, t) : e, s = n.length - 1, o; s >= 0; s--)
+var ni = Object.defineProperty;
+var ri = (n, e, t) => e in n ? ni(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
+var S = (n, e, t) => ri(n, typeof e != "symbol" ? e + "" : e, t);
+import { Inject as Z, Injector as ke, IUniverInstanceService as w, RxDisposable as ge, UniverInstanceType as E, debounce as si, getColorStyle as oi, CommandType as D, Tools as ci, LocaleService as Q, ICommandService as U, generateRandomId as Ct, BasicShapes as ai, PageElementType as ze, Disposable as De, DisposableCollection as Ke, IContextService as fe, toDisposable as St, FOCUSING_COMMON_DRAWINGS as li, createInternalEditorID as di, createIdentifier as It, EDITOR_ACTIVATED as Re, FOCUSING_EDITOR_STANDALONE as bt, FOCUSING_UNIVER_EDITOR_STANDALONE_SINGLE_MODE as Et, DocumentDataModel as ui, HorizontalAlign as xt, VerticalAlign as Oe, IUndoRedoService as hi, WrapStrategy as et, FOCUSING_EDITOR_BUT_HIDDEN as vi, DEFAULT_EMPTY_DOCUMENT_VALUE as gi, Direction as j, DocumentFlavor as fi, FOCUSING_UNIVER_EDITOR as Rt, FORMULA_EDITOR_ACTIVATED as pi, Plugin as mi, merge as _i, mergeOverrideWithDependencies as tt, IConfigService as Ci } from "@univerjs/core";
+import { IRenderManagerService as X, Viewport as it, ScrollBar as Ot, getCurrentTypeOfRenderer as Le, Slide as Si, Rect as wt, Scene as Ii, ObjectType as le, pxToNum as bi, DeviceInputEventType as q, convertTextRotation as nt, FIX_ONE_PIXEL_BLUR_OFFSET as ne, fixLineWidthByScale as rt } from "@univerjs/engine-render";
+import { ObjectProvider as Ei, SLIDE_KEY as re } from "@univerjs/slides";
+import { useDependency as O, ISidebarService as yt, ICanvasPopupService as xi, ILayoutService as Ri, KeyCode as y, ILocalFileService as Oi, useObservable as wi, DISABLE_AUTO_FOCUS_KEY as st, getMenuHiddenObservable as pe, MenuItemType as me, RibbonStartGroup as yi, MetaKeys as Pi, IMenuManagerService as Ti, ComponentManager as Mi, IUIPartsService as Ni, IShortcutService as Di, BuiltInUIPart as ot, connectInjector as ct } from "@univerjs/ui";
+import { jsxs as x, jsx as u } from "react/jsx-runtime";
+import { Button as Se, clsx as K, Dropdown as Pt, ColorPicker as Ui, borderTopClassName as Tt, InputNumber as ae, borderClassName as ue, scrollbarClassName as Vi } from "@univerjs/design";
+import { forwardRef as F, useRef as Mt, createElement as W, useState as $, useEffect as he, useMemo as ji, createRef as Ai, useCallback as at } from "react";
+import { BehaviorSubject as J, Subject as Nt, filter as Li, takeUntil as lt } from "rxjs";
+import { DocSelectionManagerService as Bi, DocSkeletonManagerService as dt, RichTextEditingMutation as $i } from "@univerjs/docs";
+import { IEditorService as Ze, DocSelectionRenderService as ut, VIEWPORT_KEY as ht, DOCS_COMPONENT_MAIN_LAYER_INDEX as Hi, MoveSelectionOperation as Fi, MoveCursorOperation as Wi, DOCS_VIEW_KEY as ki, DeleteLeftCommand as zi } from "@univerjs/docs-ui";
+import { DRAWING_IMAGE_ALLOW_IMAGE_LIST as Ki, IImageIoService as Zi, getImageSize as Xi } from "@univerjs/drawing";
+var Gi = Object.getOwnPropertyDescriptor, Yi = (n, e, t, i) => {
+  for (var r = i > 1 ? void 0 : i ? Gi(e, t) : e, s = n.length - 1, o; s >= 0; s--)
     (o = n[s]) && (r = o(r) || r);
   return r;
 }, Ue = (n, e) => (t, i) => e(t, i, n);
-let ge = class extends ve {
+let ve = class extends ge {
   constructor(e, t, i, r) {
     super();
-    C(this, "_objectProvider", null);
-    C(this, "_refreshThumb", ai(() => {
+    S(this, "_objectProvider", null);
+    S(this, "_refreshThumb", si(() => {
       this.createThumbs();
     }, 300));
-    this._renderContext = e, this._injector = t, this._univerInstanceService = i, this._renderManagerService = r, this._objectProvider = this._injector.createInstance(xi), this._addNewRender();
+    this._renderContext = e, this._injector = t, this._univerInstanceService = i, this._renderManagerService = r, this._objectProvider = this._injector.createInstance(Ei), this._addNewRender();
   }
   _addNewRender() {
     const { unitId: e, engine: t, scene: i } = this._renderContext, r = this._getCurrUnitModel();
@@ -46,30 +46,30 @@ let ge = class extends ve {
       explicitViewportHeightSet: !1,
       isWheelPreventDefaultX: !0
     });
-    i.attachControl(), i.onMouseWheel$.subscribeEvent((c, h) => {
-      const l = c;
+    i.attachControl(), i.onMouseWheel$.subscribeEvent((a, h) => {
+      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());
+        let g = d < 40 ? 0.2 : d < 80 ? 0.4 : 0.2;
+        g *= l.deltaY > 0 ? -1 : 1, i.scaleX < 1 && (g /= 2), i.scaleX + g > 4 ? i.scale(4, 4) : i.scaleX + g < 0.1 ? i.scale(0.1, 0.1) : (l.deltaY > 0, l.preventDefault());
       } else
         o.onMouseWheel(l, h);
     }), i.onFileLoaded$.subscribeEvent(() => {
       this._refreshThumb();
-    }), Rt.attachTo(o);
-    const a = this._createSlide(i);
-    this._renderContext.mainComponent = a, this._createSlidePages(r, a), this.createThumbs(), t.runRenderLoop(() => {
+    }), Ot.attachTo(o);
+    const c = this._createSlide(i);
+    this._renderContext.mainComponent = c, this._createSlidePages(r, c), this.createThumbs(), t.runRenderLoop(() => {
       i.render();
     });
   }
   _scrollToCenter() {
-    var c;
-    const e = (c = this._currentRender()) == null ? void 0 : c.scene, t = e == null ? void 0 : e.getViewport(re.VIEW), i = this._getCenterPositionViewPort(e);
+    var a;
+    const e = (a = this._currentRender()) == null ? void 0 : a.scene, t = e == null ? void 0 : e.getViewport(re.VIEW), i = this._getCenterPositionViewPort(e);
     if (!t || !i) return;
-    const { left: r, top: s } = i, { x: o, y: a } = t.transViewportScroll2ScrollValue(r, s);
+    const { left: r, top: s } = i, { x: o, y: c } = t.transViewportScroll2ScrollValue(r, s);
     t.scrollToBarPos({
       x: o,
-      y: a
+      y: c
     });
   }
   _currentRender() {
@@ -79,28 +79,28 @@ let ge = class extends ve {
    * @param mainScene
    */
   _createSlide(e) {
-    const t = this._univerInstanceService.getCurrentUnitForType(E.UNIVER_SLIDE), { width: i, height: r } = e, s = t.getPageSize(), { width: o = 100, height: a = 100 } = s, c = new bi(re.COMPONENT, {
+    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(re.COMPONENT, {
       left: (i - o) / 2,
-      top: (r - a) / 2,
+      top: (r - c) / 2,
       width: o,
-      height: a,
+      height: c,
       zIndex: 10
     });
-    return c.enableSelectedClipElement(), e.addObject(c), c;
+    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, a = new yt("canvas", {
+    const r = this._univerInstanceService.getCurrentUnitForType(E.UNIVER_SLIDE).getPageSize(), { width: s = 0, height: o = 0 } = r, c = new wt("canvas", {
       left: 0,
       top: 0,
       width: s,
       height: o,
       strokeWidth: 1,
       stroke: "rgba(198,198,198,1)",
-      fill: ci(t) || "rgba(255,255,255,1)",
+      fill: oi(t) || "rgba(255,255,255,1)",
       zIndex: 0,
       evented: !1
     });
-    e.addObject(a, 0);
+    e.addObject(c, 0);
   }
   _getCenterPositionViewPort(e) {
     if (!e) return { left: 0, top: 0 };
@@ -117,8 +117,8 @@ let ge = class extends ve {
     const { engine: r } = i;
     if (r == null)
       return;
-    const { width: s, height: o } = t, { width: a = s, height: c = o } = r, h = r.getCanvas().getContext();
-    t.renderToThumb(h, e, a / s, c / o);
+    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);
   }
   /**
    * CreateScene by pages, and activate first one.
@@ -129,8 +129,8 @@ let ge = class extends ve {
     const i = e.getPages(), r = e.getPageOrder();
     if (!(!i || !r) && r.length !== 0) {
       for (let s = 0, o = r.length; s < o; s++) {
-        const a = r[s];
-        this.createPageScene(a, i[a]), this._createThumb(a);
+        const c = r[s];
+        this.createPageScene(c, i[c]), this._createThumb(c);
       }
       t.activeFirstPage();
     }
@@ -151,17 +151,17 @@ let ge = class extends ve {
     if (t)
       r = i.getPage(t);
     else {
-      const c = i.getPages(), h = i.getPageOrder();
-      if (h == null || c == null)
+      const a = i.getPages(), h = i.getPageOrder();
+      if (h == null || a == null)
         return;
-      r = c[h[0]], t = r.id;
+      r = a[h[0]], t = r.id;
     }
     const s = this._currentRender();
     if (r == null || s == null || s.mainComponent == null)
       return;
-    const { id: o } = r, a = s.mainComponent;
-    if (i.setActivePage(r), a != null && a.hasPage(o)) {
-      a.changePage(o);
+    const { id: o } = r, c = s.mainComponent;
+    if (i.setActivePage(r), c != null && c.hasPage(o)) {
+      c.changePage(o);
       return;
     }
     this.createPageScene(o, r);
@@ -183,9 +183,9 @@ let ge = class extends ve {
     const i = this._renderContext;
     if (!i || !this._objectProvider)
       return;
-    const { scene: r, mainComponent: s } = i, o = s, { width: a, height: c } = o, h = new Ei(e, o, {
-      width: a,
-      height: c
+    const { scene: r, mainComponent: s } = i, o = s, { width: c, height: a } = o, h = new Ii(e, o, {
+      width: c,
+      height: a
     });
     new it(`PageViewer_${e}`, h, {
       left: 0,
@@ -195,15 +195,15 @@ let ge = class extends ve {
       explicitViewportWidthSet: !1,
       explicitViewportHeightSet: !1
     }).closeClip();
-    const { pageElements: d, pageBackgroundFill: v } = t, _ = this._objectProvider.convertToRenderObjects(d, r);
-    if (!_ || !o) return;
-    this._addBackgroundRect(h, v), h.addObjects(_), h.initTransformer(), _.forEach((f) => {
+    const { pageElements: d, pageBackgroundFill: g } = t, m = this._objectProvider.convertToRenderObjects(d, r);
+    if (!m || !o) return;
+    this._addBackgroundRect(h, g), h.addObjects(m), h.initTransformer(), m.forEach((f) => {
       h.attachTransformerTo(f);
     });
-    const m = h.getTransformer();
-    return m == null || m.changeEnd$.subscribe(() => {
+    const p = h.getTransformer();
+    return p == null || p.changeEnd$.subscribe(() => {
       this._thumbSceneRender(e, o);
-    }), m == null || m.clearControl$.subscribe(() => {
+    }), p == null || p.clearControl$.subscribe(() => {
       this._thumbSceneRender(e, o);
     }), o.addPageScene(h), h;
   }
@@ -249,22 +249,22 @@ let ge = class extends ve {
     s && o && s.addPageScene(o), e.appendPage(t), e.setActivePage(t);
   }
 };
-ge = Qi([
-  Ue(1, X(ze)),
-  Ue(2, y),
-  Ue(3, G)
-], ge);
-var en = Object.getOwnPropertyDescriptor, tn = (n, e, t, i) => {
-  for (var r = i > 1 ? void 0 : i ? en(e, t) : e, s = n.length - 1, o; s >= 0; s--)
+ve = Yi([
+  Ue(1, Z(ke)),
+  Ue(2, w),
+  Ue(3, X)
+], 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);
   return r;
-}, nn = (n, e) => (t, i) => e(t, i, n);
-let T = class extends ve {
+}, Qi = (n, e) => (t, i) => e(t, i, n);
+let T = class extends ge {
   constructor(n) {
     super(), this._renderManagerService = n;
   }
   _getSlideRenderControllerFromRenderUnit(n) {
-    return this._renderManagerService.getRenderById(n).with(ge);
+    return this._renderManagerService.getRenderById(n).with(ve);
   }
   createThumbs(n) {
     this._getSlideRenderControllerFromRenderUnit(n).createThumbs();
@@ -291,15 +291,15 @@ let T = class extends ve {
     this._getSlideRenderControllerFromRenderUnit(n).appendPage();
   }
 };
-T = tn([
-  nn(0, G)
+T = Ji([
+  Qi(0, X)
 ], T);
-const rn = "slides-ui.config", gt = {}, Dt = {
+const en = "slides-ui.config", vt = {}, Dt = {
   id: "slide.operation.delete-element",
   type: D.OPERATION,
   handler: (n, e) => {
     if (!(e != null && e.id)) return !1;
-    const t = e.unitId, r = n.get(y).getUnit(t);
+    const t = e.unitId, r = n.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(T).removeObjectById(e.id, s.id, t), !0;
@@ -313,150 +313,150 @@ var N = function() {
     }
     return n;
   }, N.apply(this, arguments);
-}, sn = function(n, e) {
+}, tn = function(n, e) {
   var t = {};
   for (var i in n) Object.prototype.hasOwnProperty.call(n, i) && e.indexOf(i) < 0 && (t[i] = n[i]);
   if (n != null && typeof Object.getOwnPropertySymbols == "function")
     for (var r = 0, i = Object.getOwnPropertySymbols(n); r < i.length; r++)
       e.indexOf(i[r]) < 0 && Object.prototype.propertyIsEnumerable.call(n, i[r]) && (t[i[r]] = n[i[r]]);
   return t;
-}, W = H(function(n, e) {
-  var t = n.icon, i = n.id, r = n.className, s = n.extend, o = sn(n, ["icon", "id", "className", "extend"]), a = "univerjs-icon univerjs-icon-".concat(i, " ").concat(r || "").trim(), c = Mt("_".concat(cn()));
-  return Ut(t, "".concat(i), { defIds: t.defIds, idSuffix: c.current }, N({ ref: e, className: a }, o), s);
+}, k = F(function(n, e) {
+  var t = n.icon, i = n.id, r = n.className, s = n.extend, o = tn(n, ["icon", "id", "className", "extend"]), c = "univerjs-icon univerjs-icon-".concat(i, " ").concat(r || "").trim(), a = Mt("_".concat(sn()));
+  return Ut(t, "".concat(i), { defIds: t.defIds, idSuffix: a.current }, N({ ref: e, className: c }, o), s);
 });
 function Ut(n, e, t, i, r) {
-  return F(n.tag, N(N({ key: e }, on(n, t, r)), i), (an(n, t).children || []).map(function(s, o) {
+  return W(n.tag, N(N({ key: e }, nn(n, t, r)), i), (rn(n, t).children || []).map(function(s, o) {
     return Ut(s, "".concat(e, "-").concat(n.tag, "-").concat(o), t, void 0, r);
   }));
 }
-function on(n, e, t) {
+function nn(n, e, t) {
   var i = N({}, 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(function(s) {
-    var o = s[0], a = s[1];
-    o === "mask" && typeof a == "string" && (i[o] = a.replace(/url\(#(.*)\)/, "url(#$1".concat(e.idSuffix, ")")));
+    var o = s[0], c = s[1];
+    o === "mask" && typeof c == "string" && (i[o] = c.replace(/url\(#(.*)\)/, "url(#$1".concat(e.idSuffix, ")")));
   });
   var r = e.defIds;
   return !r || r.length === 0 || (n.tag === "use" && i["xlink:href"] && (i["xlink:href"] = i["xlink:href"] + e.idSuffix), Object.entries(i).forEach(function(s) {
-    var o = s[0], a = s[1];
-    typeof a == "string" && (i[o] = a.replace(/url\(#(.*)\)/, "url(#$1".concat(e.idSuffix, ")")));
+    var o = s[0], c = s[1];
+    typeof c == "string" && (i[o] = c.replace(/url\(#(.*)\)/, "url(#$1".concat(e.idSuffix, ")")));
   })), i;
 }
-function an(n, e) {
+function rn(n, e) {
   var t, i = e.defIds;
   return !i || i.length === 0 ? n : n.tag === "defs" && (!((t = n.children) === null || t === void 0) && t.length) ? N(N({}, n), { children: n.children.map(function(r) {
     return typeof r.attrs.id == "string" && i && i.indexOf(r.attrs.id) > -1 ? N(N({}, r), { attrs: N(N({}, r.attrs), { id: r.attrs.id + e.idSuffix }) }) : r;
   }) }) : n;
 }
-function cn() {
+function sn() {
   return Math.random().toString(36).substring(2, 8);
 }
-W.displayName = "UniverIcon";
-var ln = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "colorChannel1", d: "M11.0363 12.2367V14.0367C11.0363 14.3681 11.3049 14.6367 11.6363 14.6367C11.9676 14.6367 12.2363 14.3681 12.2363 14.0367V12.2367H14.0364C14.3677 12.2367 14.6364 11.9681 14.6364 11.6367C14.6364 11.3054 14.3677 11.0367 14.0364 11.0367H12.2363V9.23672C12.2363 8.90535 11.9676 8.63672 11.6363 8.63672C11.3049 8.63672 11.0363 8.90535 11.0363 9.23672V11.0367H9.23635C8.90498 11.0367 8.63635 11.3054 8.63635 11.6367C8.63635 11.9681 8.90498 12.2367 9.23635 12.2367H11.0363Z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M2.56365 1.36377C1.90091 1.36377 1.36365 1.90103 1.36365 2.56377V6.16377C1.36365 6.82651 1.90091 7.36377 2.56365 7.36377H6.16365C6.82639 7.36377 7.36365 6.82651 7.36365 6.16377V2.56377C7.36365 1.90103 6.82639 1.36377 6.16365 1.36377H2.56365zM6.16365 2.56377H2.56365L2.56365 6.16377H6.16365V2.56377zM2.56365 8.63647C1.90091 8.63647 1.36365 9.17373 1.36365 9.83647V13.4365C1.36365 14.0992 1.90091 14.6365 2.56365 14.6365H6.16365C6.82639 14.6365 7.36365 14.0992 7.36365 13.4365V9.83647C7.36365 9.17373 6.82639 8.63647 6.16365 8.63647H2.56365zM6.16365 9.83647H2.56365L2.56365 13.4365H6.16365V9.83647zM9.83635 7.36377C9.17361 7.36377 8.63635 6.82651 8.63635 6.16377V2.56377C8.63635 1.90103 9.17361 1.36377 9.83635 1.36377H13.4364C14.0991 1.36377 14.6364 1.90103 14.6364 2.56377V6.16377C14.6364 6.82651 14.0991 7.36377 13.4364 7.36377H9.83635zM9.83635 6.16377V2.56377L13.4364 2.56377V6.16377H9.83635z", fillRule: "evenodd", clipRule: "evenodd" } }] }, Vt = H(function(n, e) {
-  return F(W, Object.assign({}, n, {
-    id: "autofill",
+k.displayName = "UniverIcon";
+var on = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "colorChannel1", d: "M11.0363 12.2367V14.0367C11.0363 14.3681 11.3049 14.6367 11.6363 14.6367C11.9676 14.6367 12.2363 14.3681 12.2363 14.0367V12.2367H14.0364C14.3677 12.2367 14.6364 11.9681 14.6364 11.6367C14.6364 11.3054 14.3677 11.0367 14.0364 11.0367H12.2363V9.23672C12.2363 8.90535 11.9676 8.63672 11.6363 8.63672C11.3049 8.63672 11.0363 8.90535 11.0363 9.23672V11.0367H9.23635C8.90498 11.0367 8.63635 11.3054 8.63635 11.6367C8.63635 11.9681 8.90498 12.2367 9.23635 12.2367H11.0363Z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M2.56365 1.36377C1.90091 1.36377 1.36365 1.90103 1.36365 2.56377V6.16377C1.36365 6.82651 1.90091 7.36377 2.56365 7.36377H6.16365C6.82639 7.36377 7.36365 6.82651 7.36365 6.16377V2.56377C7.36365 1.90103 6.82639 1.36377 6.16365 1.36377H2.56365ZM6.16365 2.56377H2.56365L2.56365 6.16377H6.16365V2.56377Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M2.56365 8.63647C1.90091 8.63647 1.36365 9.17373 1.36365 9.83647V13.4365C1.36365 14.0992 1.90091 14.6365 2.56365 14.6365H6.16365C6.82639 14.6365 7.36365 14.0992 7.36365 13.4365V9.83647C7.36365 9.17373 6.82639 8.63647 6.16365 8.63647H2.56365ZM6.16365 9.83647H2.56365L2.56365 13.4365H6.16365V9.83647Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M9.83635 7.36377C9.17361 7.36377 8.63635 6.82651 8.63635 6.16377V2.56377C8.63635 1.90103 9.17361 1.36377 9.83635 1.36377H13.4364C14.0991 1.36377 14.6364 1.90103 14.6364 2.56377V6.16377C14.6364 6.82651 14.0991 7.36377 13.4364 7.36377H9.83635ZM9.83635 6.16377V2.56377L13.4364 2.56377V6.16377H9.83635Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, Vt = F(function(n, e) {
+  return W(k, Object.assign({}, n, {
+    id: "autofill-double-icon",
     ref: e,
-    icon: ln
+    icon: on
   }));
 });
-Vt.displayName = "Autofill";
-var dn = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 17 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M14.0045 4.4334C14.8881 4.4334 15.6045 3.71705 15.6045 2.8334 15.6045 1.94974 14.8881 1.2334 14.0045 1.2334H3.70449C2.82084 1.2334 2.10449 1.94974 2.10449 2.8334 2.10449 3.71705 2.82084 4.4334 3.70449 4.4334H14.0045zM14.4045 2.8334C14.4045 3.05431 14.2254 3.2334 14.0045 3.2334H3.70449C3.48358 3.2334 3.30449 3.05431 3.30449 2.8334 3.30449 2.61248 3.48358 2.4334 3.70449 2.4334H14.0045C14.2254 2.4334 14.4045 2.61249 14.4045 2.8334zM14.1544 8.5999C15.038 8.5999 15.7544 7.88356 15.7544 6.9999 15.7544 6.11625 15.038 5.3999 14.1544 5.3999H3.85439C2.97074 5.3999 2.25439 6.11625 2.25439 6.9999 2.25439 7.88356 2.97074 8.5999 3.85439 8.5999H14.1544zM14.5544 6.9999C14.5544 7.22082 14.3753 7.3999 14.1544 7.3999H3.85439C3.63348 7.3999 3.45439 7.22082 3.45439 6.9999 3.45439 6.77899 3.63348 6.5999 3.85439 6.5999H14.1544C14.3753 6.5999 14.5544 6.77899 14.5544 6.9999z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M8.57975 14.5902L6.58023 12.5907C6.34591 12.3564 6.34591 11.9765 6.58023 11.7421 6.81454 11.5078 7.19444 11.5078 7.42876 11.7421L8.40449 12.7179V10.1664C8.40449 9.83504 8.67312 9.56641 9.00449 9.56641 9.33586 9.56641 9.60449 9.83504 9.60449 10.1664V12.7179L10.5802 11.7421C10.8145 11.5078 11.1944 11.5078 11.4288 11.7421 11.6631 11.9765 11.6631 12.3564 11.4288 12.5907L9.42923 14.5902M8.57975 14.5902C8.58121 14.5917 8.58268 14.5931 8.58416 14.5946 8.64077 14.6502 8.70566 14.6923 8.77482 14.7209 8.84557 14.7502 8.92314 14.7664 9.00449 14.7664 9.08585 14.7664 9.16342 14.7502 9.23416 14.7209 9.30332 14.6923 9.36821 14.6502 9.42482 14.5946" } }] }, jt = H(function(n, e) {
-  return F(W, Object.assign({}, n, {
-    id: "bottom-single",
+Vt.displayName = "AutofillDoubleIcon";
+var cn = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 17 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M14.0045 4.4334C14.8881 4.4334 15.6045 3.71705 15.6045 2.8334C15.6045 1.94974 14.8881 1.2334 14.0045 1.2334H3.70449C2.82084 1.2334 2.10449 1.94974 2.10449 2.8334C2.10449 3.71705 2.82084 4.4334 3.70449 4.4334H14.0045ZM14.4045 2.8334C14.4045 3.05431 14.2254 3.2334 14.0045 3.2334H3.70449C3.48358 3.2334 3.30449 3.05431 3.30449 2.8334C3.30449 2.61248 3.48358 2.4334 3.70449 2.4334H14.0045C14.2254 2.4334 14.4045 2.61249 14.4045 2.8334Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M14.1544 8.5999C15.038 8.5999 15.7544 7.88356 15.7544 6.9999C15.7544 6.11625 15.038 5.3999 14.1544 5.3999H3.85439C2.97074 5.3999 2.25439 6.11625 2.25439 6.9999C2.25439 7.88356 2.97074 8.5999 3.85439 8.5999H14.1544ZM14.5544 6.9999C14.5544 7.22082 14.3753 7.3999 14.1544 7.3999H3.85439C3.63348 7.3999 3.45439 7.22082 3.45439 6.9999C3.45439 6.77899 3.63348 6.5999 3.85439 6.5999H14.1544C14.3753 6.5999 14.5544 6.77899 14.5544 6.9999Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M8.57975 14.5902L6.58023 12.5907C6.34591 12.3564 6.34591 11.9765 6.58023 11.7421C6.81454 11.5078 7.19444 11.5078 7.42876 11.7421L8.40449 12.7179V10.1664C8.40449 9.83504 8.67312 9.56641 9.00449 9.56641C9.33586 9.56641 9.60449 9.83504 9.60449 10.1664V12.7179L10.5802 11.7421C10.8145 11.5078 11.1944 11.5078 11.4288 11.7421C11.6631 11.9765 11.6631 12.3564 11.4288 12.5907L9.42923 14.5902" } }, { tag: "path", attrs: { fill: "currentColor", d: "M8.57975 14.5902C8.58121 14.5917 8.58268 14.5931 8.58416 14.5946C8.64077 14.6502 8.70566 14.6923 8.77482 14.7209C8.84557 14.7502 8.92314 14.7664 9.00449 14.7664C9.08585 14.7664 9.16342 14.7502 9.23416 14.7209C9.30332 14.6923 9.36821 14.6502 9.42482 14.5946" } }] }, jt = F(function(n, e) {
+  return W(k, Object.assign({}, n, {
+    id: "bottom-icon",
     ref: e,
-    icon: dn
+    icon: cn
   }));
 });
-jt.displayName = "BottomSingle";
-var un = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 17 16", width: "1em", height: "1em" }, children: [{ tag: "g", attrs: { clipPath: "url(#graph-single_clip0_1293_28)" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M6.29541 11.1896C3.83208 10.7489 1.9624 8.59552 1.9624 6.00544C1.9624 3.09673 4.32036 0.73877 7.22907 0.73877C9.93483 0.73877 12.164 2.77918 12.4619 5.40527H13.5621C14.998 5.40527 16.1621 6.56933 16.1621 8.00527V12.6719C16.1621 14.1079 14.998 15.2719 13.5621 15.2719H8.89541C7.45947 15.2719 6.29541 14.1079 6.29541 12.6719V11.1896ZM3.1624 6.00544C3.1624 3.75947 4.98311 1.93877 7.22907 1.93877C9.27112 1.93877 10.9616 3.44388 11.2518 5.40527H8.89541C7.45947 5.40527 6.29541 6.56933 6.29541 8.00527V9.96442C4.49946 9.5425 3.1624 7.93012 3.1624 6.00544ZM7.49541 8.00527C7.49541 7.23207 8.12221 6.60527 8.89541 6.60527H13.5621C14.3353 6.60527 14.9621 7.23207 14.9621 8.00527V12.6719C14.9621 13.4451 14.3353 14.0719 13.5621 14.0719H8.89541C8.12221 14.0719 7.49541 13.4451 7.49541 12.6719V8.00527Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, { tag: "defs", attrs: {}, children: [{ tag: "clipPath", attrs: { id: "graph-single_clip0_1293_28" }, children: [{ tag: "path", attrs: { fill: "#fff", d: "M0 0H16V16H0z", transform: "translate(.9)" } }] }] }], defIds: ["graph-single_clip0_1293_28"] }, At = H(function(n, e) {
-  return F(W, Object.assign({}, n, {
-    id: "graph-single",
+jt.displayName = "BottomIcon";
+var an = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 17 16", width: "1em", height: "1em" }, children: [{ tag: "g", attrs: { clipPath: "url(#graph-icon_clip0_1293_28)" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M6.29541 11.1896C3.83208 10.7489 1.9624 8.59552 1.9624 6.00544C1.9624 3.09673 4.32036 0.73877 7.22907 0.73877C9.93483 0.73877 12.164 2.77918 12.4619 5.40527H13.5621C14.998 5.40527 16.1621 6.56933 16.1621 8.00527V12.6719C16.1621 14.1079 14.998 15.2719 13.5621 15.2719H8.89541C7.45947 15.2719 6.29541 14.1079 6.29541 12.6719V11.1896ZM3.1624 6.00544C3.1624 3.75947 4.98311 1.93877 7.22907 1.93877C9.27112 1.93877 10.9616 3.44388 11.2518 5.40527H8.89541C7.45947 5.40527 6.29541 6.56933 6.29541 8.00527V9.96442C4.49946 9.5425 3.1624 7.93012 3.1624 6.00544ZM7.49541 8.00527C7.49541 7.23207 8.12221 6.60527 8.89541 6.60527H13.5621C14.3353 6.60527 14.9621 7.23207 14.9621 8.00527V12.6719C14.9621 13.4451 14.3353 14.0719 13.5621 14.0719H8.89541C8.12221 14.0719 7.49541 13.4451 7.49541 12.6719V8.00527Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, { tag: "defs", attrs: {}, children: [{ tag: "clipPath", attrs: { id: "graph-icon_clip0_1293_28" }, children: [{ tag: "path", attrs: { fill: "white", d: "M0 0H16V16H0z", transform: "translate(.9)" } }] }] }], defIds: ["graph-icon_clip0_1293_28"] }, At = F(function(n, e) {
+  return W(k, Object.assign({}, n, {
+    id: "graph-icon",
     ref: e,
-    icon: un
+    icon: an
   }));
 });
-At.displayName = "GraphSingle";
-var hn = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M11.3536 6.14645C11.5488 6.34171 11.5488 6.65829 11.3536 6.85355L8.35355 9.85355C8.15829 10.0488 7.84171 10.0488 7.64645 9.85355L4.64645 6.85355C4.45118 6.65829 4.45118 6.34171 4.64645 6.14645C4.84171 5.95118 5.15829 5.95118 5.35355 6.14645L8 8.79289L10.6464 6.14645C10.8417 5.95118 11.1583 5.95118 11.3536 6.14645Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, Ge = H(function(n, e) {
-  return F(W, Object.assign({}, n, {
-    id: "more-down-single",
+At.displayName = "GraphIcon";
+var ln = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M11.3536 6.14645C11.5488 6.34171 11.5488 6.65829 11.3536 6.85355L8.35355 9.85355C8.15829 10.0488 7.84171 10.0488 7.64645 9.85355L4.64645 6.85355C4.45118 6.65829 4.45118 6.34171 4.64645 6.14645C4.84171 5.95118 5.15829 5.95118 5.35355 6.14645L8 8.79289L10.6464 6.14645C10.8417 5.95118 11.1583 5.95118 11.3536 6.14645Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, Xe = F(function(n, e) {
+  return W(k, Object.assign({}, n, {
+    id: "more-down-icon",
     ref: e,
-    icon: hn
+    icon: ln
   }));
 });
-Ge.displayName = "MoreDownSingle";
-var gn = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M1.25 2.96401C1.25 3.84767 1.96634 4.56401 2.85 4.56401H13.15C14.0337 4.56401 14.75 3.84767 14.75 2.96401C14.75 2.08036 14.0337 1.36401 13.15 1.36401H2.85C1.96635 1.36401 1.25 2.08036 1.25 2.96401ZM2.85 3.36401C2.62909 3.36401 2.45 3.18493 2.45 2.96401C2.45 2.7431 2.62909 2.56401 2.85 2.56401H13.15C13.3709 2.56401 13.55 2.7431 13.55 2.96401C13.55 3.18493 13.3709 3.36401 13.15 3.36401H2.85Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M5.57564 11.6118C5.80995 11.3774 6.18985 11.3774 6.42417 11.6118L7.3999 12.5875V6.36951C7.3999 6.03814 7.66853 5.76951 7.9999 5.76951C8.33127 5.76951 8.5999 6.03814 8.5999 6.36951V12.5875L9.57564 11.6118C9.80995 11.3774 10.1899 11.3774 10.4242 11.6118C10.6585 11.8461 10.6585 12.226 10.4242 12.4603L8.4324 14.452C8.32324 14.5655 8.16982 14.6362 7.9999 14.6362C7.82998 14.6362 7.67655 14.5655 7.56739 14.452L5.57564 12.4603C5.34132 12.226 5.34132 11.8461 5.57564 11.6118Z" } }] }, Lt = H(function(n, e) {
-  return F(W, Object.assign({}, n, {
-    id: "move-down-single",
+Xe.displayName = "MoreDownIcon";
+var dn = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M1.25 2.96401C1.25 3.84767 1.96634 4.56401 2.85 4.56401H13.15C14.0337 4.56401 14.75 3.84767 14.75 2.96401C14.75 2.08036 14.0337 1.36401 13.15 1.36401H2.85C1.96635 1.36401 1.25 2.08036 1.25 2.96401ZM2.85 3.36401C2.62909 3.36401 2.45 3.18493 2.45 2.96401C2.45 2.7431 2.62909 2.56401 2.85 2.56401H13.15C13.3709 2.56401 13.55 2.7431 13.55 2.96401C13.55 3.18493 13.3709 3.36401 13.15 3.36401H2.85Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M5.57564 11.6118C5.80995 11.3774 6.18985 11.3774 6.42417 11.6118L7.3999 12.5875V6.36951C7.3999 6.03814 7.66853 5.76951 7.9999 5.76951C8.33127 5.76951 8.5999 6.03814 8.5999 6.36951V12.5875L9.57564 11.6118C9.80995 11.3774 10.1899 11.3774 10.4242 11.6118C10.6585 11.8461 10.6585 12.226 10.4242 12.4603L8.4324 14.452C8.32324 14.5655 8.16982 14.6362 7.9999 14.6362C7.82998 14.6362 7.67655 14.5655 7.56739 14.452L5.57564 12.4603C5.34132 12.226 5.34132 11.8461 5.57564 11.6118Z" } }] }, Lt = F(function(n, e) {
+  return W(k, Object.assign({}, n, {
+    id: "move-down-icon",
     ref: e,
-    icon: gn
+    icon: dn
   }));
 });
-Lt.displayName = "MoveDownSingle";
-var vn = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M1.25 13.036C1.25 12.1523 1.96634 11.436 2.85 11.436H13.15C14.0337 11.436 14.75 12.1523 14.75 13.036C14.75 13.9196 14.0337 14.636 13.15 14.636H2.85C1.96635 14.636 1.25 13.9196 1.25 13.036ZM2.85 12.636C2.62909 12.636 2.45 12.8151 2.45 13.036C2.45 13.2569 2.62909 13.436 2.85 13.436H13.15C13.3709 13.436 13.55 13.2569 13.55 13.036C13.55 12.8151 13.3709 12.636 13.15 12.636H2.85Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M5.57564 4.38825C5.80995 4.62256 6.18985 4.62256 6.42417 4.38825L7.3999 3.41251V9.63049C7.3999 9.96186 7.66853 10.2305 7.9999 10.2305C8.33127 10.2305 8.5999 9.96186 8.5999 9.63049V3.41251L9.57564 4.38825C9.80995 4.62256 10.1899 4.62256 10.4242 4.38825C10.6585 4.15393 10.6585 3.77403 10.4242 3.53972L8.4324 1.54796C8.32324 1.43445 8.16982 1.36382 7.9999 1.36382C7.82998 1.36382 7.67655 1.43446 7.56739 1.54797L5.57564 3.53972C5.34132 3.77403 5.34132 4.15393 5.57564 4.38825Z" } }] }, Bt = H(function(n, e) {
-  return F(W, Object.assign({}, n, {
-    id: "move-up-single",
+Lt.displayName = "MoveDownIcon";
+var un = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M1.25 13.036C1.25 12.1523 1.96634 11.436 2.85 11.436H13.15C14.0337 11.436 14.75 12.1523 14.75 13.036C14.75 13.9196 14.0337 14.636 13.15 14.636H2.85C1.96635 14.636 1.25 13.9196 1.25 13.036ZM2.85 12.636C2.62909 12.636 2.45 12.8151 2.45 13.036C2.45 13.2569 2.62909 13.436 2.85 13.436H13.15C13.3709 13.436 13.55 13.2569 13.55 13.036C13.55 12.8151 13.3709 12.636 13.15 12.636H2.85Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M5.57564 4.38825C5.80995 4.62256 6.18985 4.62256 6.42417 4.38825L7.3999 3.41251V9.63049C7.3999 9.96186 7.66853 10.2305 7.9999 10.2305C8.33127 10.2305 8.5999 9.96186 8.5999 9.63049V3.41251L9.57564 4.38825C9.80995 4.62256 10.1899 4.62256 10.4242 4.38825C10.6585 4.15393 10.6585 3.77403 10.4242 3.53972L8.4324 1.54796C8.32324 1.43445 8.16982 1.36382 7.9999 1.36382C7.82998 1.36382 7.67655 1.43446 7.56739 1.54797L5.57564 3.53972C5.34132 3.77403 5.34132 4.15393 5.57564 4.38825Z" } }] }, Bt = F(function(n, e) {
+  return W(k, Object.assign({}, n, {
+    id: "move-up-icon",
     ref: e,
-    icon: vn
+    icon: un
   }));
 });
-Bt.displayName = "MoveUpSingle";
-var fn = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 17 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M8.01281 1.36643C8.79386 0.585377 10.0602 0.585378 10.8412 1.36643L12.9223 3.44752C13.7034 4.22857 13.7034 5.4949 12.9223 6.27595L9.36445 9.83383C8.5834 10.6149 7.31707 10.6149 6.53602 9.83383L4.45493 7.75273C3.67388 6.97168 3.67388 5.70535 4.45493 4.9243L8.01281 1.36643ZM9.9927 2.21495C9.68028 1.90253 9.17375 1.90253 8.86133 2.21495L5.30346 5.77283L5.29671 5.77966L10.839 6.66224L12.0738 5.42742C12.3862 5.115 12.3862 4.60847 12.0738 4.29605L9.9927 2.21495Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M14.5179 9.48875C14.5179 9.99175 14.1101 10.3995 13.607 10.3995C13.1041 10.3995 12.6963 9.99175 12.6963 9.48875C12.6963 9.1773 13.0455 8.59966 13.3114 8.20487C13.4549 7.99177 13.7591 7.99177 13.9027 8.20486C14.1687 8.59965 14.5179 9.1773 14.5179 9.48875Z" } }, { tag: "path", attrs: { fill: "colorChannel1", d: "M1.98682 13.4992C1.98682 12.5603 2.74793 11.7992 3.68682 11.7992H14.2868C15.2257 11.7992 15.9868 12.5603 15.9868 13.4992V13.4992C15.9868 14.4381 15.2257 15.1992 14.2868 15.1992H3.68682C2.74793 15.1992 1.98682 14.4381 1.98682 13.4992V13.4992Z" } }] }, $t = H(function(n, e) {
-  return F(W, Object.assign({}, n, {
-    id: "paint-bucket",
+Bt.displayName = "MoveUpIcon";
+var hn = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 17 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M8.01281 1.36643C8.79386 0.585377 10.0602 0.585378 10.8412 1.36643L12.9223 3.44752C13.7034 4.22857 13.7034 5.4949 12.9223 6.27595L9.36445 9.83383C8.5834 10.6149 7.31707 10.6149 6.53602 9.83383L4.45493 7.75273C3.67388 6.97168 3.67388 5.70535 4.45493 4.9243L8.01281 1.36643ZM9.9927 2.21495C9.68028 1.90253 9.17375 1.90253 8.86133 2.21495L5.30346 5.77283L5.29671 5.77966L10.839 6.66224L12.0738 5.42742C12.3862 5.115 12.3862 4.60847 12.0738 4.29605L9.9927 2.21495Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M14.5179 9.48875C14.5179 9.99175 14.1101 10.3995 13.607 10.3995C13.1041 10.3995 12.6963 9.99175 12.6963 9.48875C12.6963 9.1773 13.0455 8.59966 13.3114 8.20487C13.4549 7.99177 13.7591 7.99177 13.9027 8.20486C14.1687 8.59965 14.5179 9.1773 14.5179 9.48875Z" } }, { tag: "path", attrs: { fill: "colorChannel1", d: "M1.98682 13.4992C1.98682 12.5603 2.74793 11.7992 3.68682 11.7992H14.2868C15.2257 11.7992 15.9868 12.5603 15.9868 13.4992V13.4992C15.9868 14.4381 15.2257 15.1992 14.2868 15.1992H3.68682C2.74793 15.1992 1.98682 14.4381 1.98682 13.4992V13.4992Z" } }] }, $t = F(function(n, e) {
+  return W(k, Object.assign({}, n, {
+    id: "paint-bucket-double-icon",
     ref: e,
-    icon: fn
+    icon: hn
   }));
 });
-$t.displayName = "PaintBucket";
-var mn = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M2.66695 1.33496C2.29968 1.33496 2.00195 1.63269 2.00195 1.99996V3.64439C2.00195 4.01166 2.29968 4.30939 2.66695 4.30939C3.03422 4.30939 3.33195 4.01166 3.33195 3.64439V2.66496H7.33521V13.335H5.3337C4.96643 13.335 4.6687 13.6327 4.6687 14C4.6687 14.3672 4.96643 14.665 5.3337 14.665H10.667C11.0343 14.665 11.332 14.3672 11.332 14C11.332 13.6327 11.0343 13.335 10.667 13.335H8.66521V2.66496H12.6686V3.64439C12.6686 4.01166 12.9664 4.30939 13.3336 4.30939C13.7009 4.30939 13.9986 4.01166 13.9986 3.64439V1.99996C13.9986 1.63269 13.7009 1.33496 13.3336 1.33496H2.66695Z" } }] }, Ht = H(function(n, e) {
-  return F(W, Object.assign({}, n, {
-    id: "text-single",
+$t.displayName = "PaintBucketDoubleIcon";
+var vn = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 17 16", width: "1em", height: "1em" }, children: [{ tag: "g", attrs: { fill: "currentColor", clipPath: "url(#text-icon_clip0_1293_26)" }, children: [{ tag: "path", attrs: { d: "M2.22891 2.07227C1.89754 2.07227 1.62891 2.34089 1.62891 2.67227C1.62891 3.00364 1.89754 3.27227 2.22891 3.27227H6.29541V14.0056C6.29541 14.337 6.56404 14.6056 6.89541 14.6056C7.22678 14.6056 7.49541 14.337 7.49541 14.0056V3.27227H11.5622C11.8936 3.27227 12.1622 3.00364 12.1622 2.67227C12.1622 2.34089 11.8936 2.07227 11.5622 2.07227H2.22891Z" } }, { tag: "path", attrs: { d: "M10.2289 6.40552C9.89754 6.40552 9.62891 6.67415 9.62891 7.00552C9.62891 7.33689 9.89754 7.60552 10.2289 7.60552H12.2954V14.0055C12.2954 14.3369 12.564 14.6055 12.8954 14.6055C13.2268 14.6055 13.4954 14.3369 13.4954 14.0055V7.60552H15.5622C15.8936 7.60552 16.1622 7.33689 16.1622 7.00552C16.1622 6.67415 15.8936 6.40552 15.5622 6.40552H10.2289Z" } }] }, { tag: "defs", attrs: {}, children: [{ tag: "clipPath", attrs: { id: "text-icon_clip0_1293_26" }, children: [{ tag: "path", attrs: { fill: "white", d: "M0 0H16V16H0z", transform: "translate(.9)" } }] }] }], defIds: ["text-icon_clip0_1293_26"] }, Ht = F(function(n, e) {
+  return W(k, Object.assign({}, n, {
+    id: "text-icon",
     ref: e,
-    icon: mn
+    icon: vn
   }));
 });
-Ht.displayName = "TextSingle";
-var _n = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 17 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M7.82994 1.40913C7.88746 1.35161 7.95376 1.30821 8.02453 1.27893C8.09527 1.24959 8.17285 1.2334 8.2542 1.2334C8.33555 1.2334 8.41313 1.24959 8.48387 1.27893C8.55464 1.30821 8.62094 1.35161 8.67846 1.40913L10.6785 3.40913C10.9128 3.64345 10.9128 4.02335 10.6785 4.25766C10.4441 4.49198 10.0642 4.49198 9.82994 4.25766L8.8542 3.28193V5.8334C8.8542 6.16477 8.58557 6.4334 8.2542 6.4334C7.92283 6.4334 7.6542 6.16477 7.6542 5.8334V3.28193L6.67846 4.25766C6.44415 4.49198 6.06425 4.49198 5.82994 4.25766C5.59562 4.02335 5.59562 3.64345 5.82994 3.40913L7.82994 1.40913Z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M1.50439 9C1.50439 8.11634 2.22074 7.4 3.10439 7.4H13.4044C14.288 7.4 15.0044 8.11634 15.0044 9 15.0044 9.88366 14.2881 10.6 13.4044 10.6H3.1044C2.22074 10.6 1.50439 9.88366 1.50439 9zM3.10439 8.6C2.88348 8.6 2.70439 8.77909 2.70439 9 2.70439 9.22091 2.88348 9.4 3.1044 9.4H13.4044C13.6253 9.4 13.8044 9.22091 13.8044 9 13.8044 8.77909 13.6253 8.6 13.4044 8.6H3.10439zM1.6543 13.1665C1.6543 12.2828 2.37064 11.5665 3.2543 11.5665H13.5543C14.438 11.5665 15.1543 12.2828 15.1543 13.1665 15.1543 14.0502 14.438 14.7665 13.5543 14.7665H3.2543C2.37064 14.7665 1.6543 14.0502 1.6543 13.1665zM3.2543 12.7665C3.03338 12.7665 2.8543 12.9456 2.8543 13.1665 2.8543 13.3874 3.03338 13.5665 3.2543 13.5665H13.5543C13.7752 13.5665 13.9543 13.3874 13.9543 13.1665 13.9543 12.9456 13.7752 12.7665 13.5543 12.7665H3.2543z", fillRule: "evenodd", clipRule: "evenodd" } }] }, Ft = H(function(n, e) {
-  return F(W, Object.assign({}, n, {
-    id: "topmost-single",
+Ht.displayName = "TextIcon";
+var gn = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 17 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M7.82994 1.40913C7.88746 1.35161 7.95376 1.30821 8.02453 1.27893C8.09527 1.24959 8.17285 1.2334 8.2542 1.2334C8.33555 1.2334 8.41313 1.24959 8.48387 1.27893C8.55464 1.30821 8.62094 1.35161 8.67846 1.40913L10.6785 3.40913C10.9128 3.64345 10.9128 4.02335 10.6785 4.25766C10.4441 4.49198 10.0642 4.49198 9.82994 4.25766L8.8542 3.28193V5.8334C8.8542 6.16477 8.58557 6.4334 8.2542 6.4334C7.92283 6.4334 7.6542 6.16477 7.6542 5.8334V3.28193L6.67846 4.25766C6.44415 4.49198 6.06425 4.49198 5.82994 4.25766C5.59562 4.02335 5.59562 3.64345 5.82994 3.40913L7.82994 1.40913Z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M1.50439 9C1.50439 8.11634 2.22074 7.4 3.10439 7.4H13.4044C14.288 7.4 15.0044 8.11634 15.0044 9C15.0044 9.88366 14.2881 10.6 13.4044 10.6H3.1044C2.22074 10.6 1.50439 9.88366 1.50439 9ZM3.10439 8.6C2.88348 8.6 2.70439 8.77909 2.70439 9C2.70439 9.22091 2.88348 9.4 3.1044 9.4H13.4044C13.6253 9.4 13.8044 9.22091 13.8044 9C13.8044 8.77909 13.6253 8.6 13.4044 8.6H3.10439Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M1.6543 13.1665C1.6543 12.2828 2.37064 11.5665 3.2543 11.5665H13.5543C14.438 11.5665 15.1543 12.2828 15.1543 13.1665C15.1543 14.0502 14.438 14.7665 13.5543 14.7665H3.2543C2.37064 14.7665 1.6543 14.0502 1.6543 13.1665ZM3.2543 12.7665C3.03338 12.7665 2.8543 12.9456 2.8543 13.1665C2.8543 13.3874 3.03338 13.5665 3.2543 13.5665H13.5543C13.7752 13.5665 13.9543 13.3874 13.9543 13.1665C13.9543 12.9456 13.7752 12.7665 13.5543 12.7665H3.2543Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, Ft = F(function(n, e) {
+  return W(k, Object.assign({}, n, {
+    id: "topmost-icon",
     ref: e,
-    icon: _n
+    icon: gn
   }));
 });
-Ft.displayName = "TopmostSingle";
-const $ = {
+Ft.displayName = "TopmostIcon";
+const H = {
   id: "slide.operation.update-element",
   type: D.OPERATION,
   handler: (n, e) => {
-    const { oKey: t, props: i } = e, r = n.get(y), s = e == null ? void 0 : e.unitId, o = r.getUnit(s);
+    const { oKey: t, props: i } = e, r = n.get(w), s = e == null ? void 0 : e.unitId, o = r.getUnit(s);
     if (!o) return !1;
-    const a = o.getActivePage();
-    return a.pageElements[t] = li.deepMerge(a.pageElements[t], i), o.updatePage(a.id, a), !0;
+    const c = o.getActivePage();
+    return c.pageElements[t] = ci.deepMerge(c.pageElements[t], i), o.updatePage(c.id, c), !0;
   }
 };
-function pn(n) {
-  const { pageId: e, unitId: t } = n, i = R(Q), r = R(T), s = R(U), o = r.getRenderUnitByPageId(e, t), a = o == null ? void 0 : o.scene;
-  if (!a) return null;
-  const c = a.getTransformer();
+function fn(n) {
+  const { pageId: e, unitId: t } = n, i = O(Q), r = O(T), s = O(U), o = r.getRenderUnitByPageId(e, t), c = o == null ? void 0 : o.scene;
   if (!c) return null;
-  const l = c.getSelectedObjectMap().values().next().value;
+  const a = c.getTransformer();
+  if (!a) return null;
+  const l = a.getSelectedObjectMap().values().next().value;
   if (!l) return null;
-  const d = (v) => {
-    const _ = a.getAllObjects(), [m, f] = _.reduce(([p, I], b) => {
-      const w = b.zIndex, M = w < p ? w : p, V = w > I ? w : I;
+  const d = (g) => {
+    const m = c.getAllObjects(), [p, f] = m.reduce(([_, I], b) => {
+      const P = b.zIndex, M = P < _ ? P : _, V = P > I ? P : I;
       return [M, V];
     }, [0, 0]);
-    let g = l.zIndex;
-    v === 3 ? g = m - 1 : v === 2 ? g = f + 1 : v === 0 ? g = l.zIndex + 1 : v === 1 && (g = l.zIndex - 1), l.setProps({
-      zIndex: g
-    }), s.executeCommand($.id, {
+    let v = l.zIndex;
+    g === 3 ? v = p - 1 : g === 2 ? v = f + 1 : g === 0 ? v = l.zIndex + 1 : g === 1 && (v = l.zIndex - 1), l.setProps({
+      zIndex: v
+    }), s.executeCommand(H.id, {
       unitId: t,
       oKey: l == null ? void 0 : l.oKey,
       props: {
-        zIndex: g
+        zIndex: v
       }
     });
   };
-  return /* @__PURE__ */ O("div", { className: "univer-relative univer-w-full", children: [
+  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(
       "div",
       {
@@ -464,79 +464,79 @@ function pn(n) {
         children: /* @__PURE__ */ u("div", { children: i.t("image-panel.arrange.title") })
       }
     ) }),
-    /* @__PURE__ */ O("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__ */ 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(Se, { onClick: () => {
         d(
           0
           /* forward */
         );
-      }, children: /* @__PURE__ */ O("span", { className: "univer-flex univer-items-center univer-gap-1", children: [
+      }, children: /* @__PURE__ */ x("span", { className: "univer-flex univer-items-center univer-gap-1", children: [
         /* @__PURE__ */ u(Bt, {}),
         i.t("image-panel.arrange.forward")
       ] }) }) }),
-      /* @__PURE__ */ u("div", { className: "univer-w-1/2", children: /* @__PURE__ */ u(Ce, { onClick: () => {
+      /* @__PURE__ */ u("div", { className: "univer-w-1/2", children: /* @__PURE__ */ u(Se, { onClick: () => {
         d(
           1
           /* backward */
         );
-      }, children: /* @__PURE__ */ O("span", { className: "univer-flex univer-items-center univer-gap-1", children: [
+      }, children: /* @__PURE__ */ x("span", { className: "univer-flex univer-items-center univer-gap-1", children: [
         /* @__PURE__ */ u(Lt, {}),
         i.t("image-panel.arrange.backward")
       ] }) }) })
     ] }),
-    /* @__PURE__ */ O("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__ */ 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(Se, { onClick: () => {
         d(
           2
           /* front */
         );
-      }, children: /* @__PURE__ */ O("span", { className: "univer-flex univer-items-center univer-gap-1", children: [
+      }, children: /* @__PURE__ */ x("span", { className: "univer-flex univer-items-center univer-gap-1", children: [
         /* @__PURE__ */ u(Ft, {}),
         i.t("image-panel.arrange.front")
       ] }) }) }),
-      /* @__PURE__ */ u("div", { className: "univer-w-1/2", children: /* @__PURE__ */ u(Ce, { onClick: () => {
+      /* @__PURE__ */ u("div", { className: "univer-w-1/2", children: /* @__PURE__ */ u(Se, { onClick: () => {
         d(
           3
           /* back */
         );
-      }, children: /* @__PURE__ */ O("span", { className: "univer-flex univer-items-center univer-gap-1", children: [
+      }, children: /* @__PURE__ */ x("span", { className: "univer-flex univer-items-center univer-gap-1", children: [
         /* @__PURE__ */ u(jt, {}),
         i.t("image-panel.arrange.back")
       ] }) }) })
     ] })
   ] });
 }
-function Sn(n) {
-  var m, f;
-  const { pageId: e, unitId: t } = n, i = R(Q), r = R(T), s = R(U), o = r.getRenderUnitByPageId(e, t), a = o == null ? void 0 : o.scene;
-  if (!a) return null;
-  const c = a.getTransformer();
+function pn(n) {
+  var p, f;
+  const { pageId: e, unitId: t } = n, i = O(Q), r = O(T), s = O(U), o = r.getRenderUnitByPageId(e, t), c = o == null ? void 0 : o.scene;
   if (!c) return null;
-  const l = c.getSelectedObjectMap().values().next().value;
+  const a = c.getTransformer();
+  if (!a) return null;
+  const l = a.getSelectedObjectMap().values().next().value;
   if (!l) return null;
-  const [d, v] = Li.useState((f = (m = l.fill) == null ? void 0 : m.toString()) != null ? f : "");
-  function _(g) {
+  const [d, g] = $((f = (p = l.fill) == null ? void 0 : p.toString()) != null ? f : "");
+  function m(v) {
     l == null || l.setProps({
-      fill: g
-    }), s.executeCommand($.id, {
+      fill: v
+    }), s.executeCommand(H.id, {
       unitId: t,
       oKey: l == null ? void 0 : l.oKey,
       props: {
         shape: {
           shapeProperties: {
             shapeBackgroundFill: {
-              rgb: g
+              rgb: v
             }
           }
         }
       }
-    }), v(g);
+    }), g(v);
   }
   return /* @__PURE__ */ u(
     "div",
     {
       className: K("univer-relative univer-bottom-0 univer-mt-5 univer-w-full", Tt),
-      children: /* @__PURE__ */ O("div", { className: "univer-relative univer-w-full", children: [
+      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(
           "div",
           {
@@ -545,18 +545,18 @@ function Sn(n) {
           }
         ) }),
         /* @__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(
-          wt,
+          Pt,
           {
             overlay: /* @__PURE__ */ u("div", { className: "univer-rounded-lg univer-p-4", children: /* @__PURE__ */ u(
-              ji,
+              Ui,
               {
                 value: "#fff",
-                onChange: _
+                onChange: m
               }
             ) }),
-            children: /* @__PURE__ */ O("a", { className: "univer-flex univer-cursor-pointer univer-items-center univer-gap-1", children: [
+            children: /* @__PURE__ */ x("a", { className: "univer-flex univer-cursor-pointer univer-items-center univer-gap-1", children: [
               /* @__PURE__ */ u($t, { className: "univer-fill-primary-600" }),
-              /* @__PURE__ */ u(Ge, {})
+              /* @__PURE__ */ u(Xe, {})
             ] })
           }
         ) }) })
@@ -564,87 +564,87 @@ function Sn(n) {
     }
   );
 }
-function Cn(n) {
-  const { pageId: e, unitId: t } = n, i = R(Q), r = R(T), s = R(U), o = r.getRenderUnitByPageId(e, t), a = o == null ? void 0 : o.scene;
-  if (!a) return null;
-  const c = a.getTransformer();
+function mn(n) {
+  const { pageId: e, unitId: t } = n, i = O(Q), r = O(T), s = O(U), o = r.getRenderUnitByPageId(e, t), c = o == null ? void 0 : o.scene;
   if (!c) return null;
-  const l = c.getSelectedObjectMap().values().next().value;
+  const a = c.getTransformer();
+  if (!a) return null;
+  const l = a.getSelectedObjectMap().values().next().value;
   if (!l) return null;
   const {
     width: d = 0,
-    height: v = 0,
-    left: _ = 0,
-    top: m = 0,
+    height: g = 0,
+    left: m = 0,
+    top: p = 0,
     angle: f = 0
-  } = l, [g, p] = k(d), [I, b] = k(v), [w, M] = k(_), [V, x] = k(m), [z, se] = k(f), L = (S) => {
-    const { objects: oe } = S, ae = oe.values().next().value, {
-      width: ei = 0,
-      height: ti = 0,
-      left: ii = 0,
-      top: ni = 0,
-      angle: ri = 0
-    } = ae;
-    p(ei), b(ti), M(ii), x(ni), se(ri);
+  } = l, [v, _] = $(d), [I, b] = $(g), [P, M] = $(m), [V, R] = $(p), [z, se] = $(f), L = (C) => {
+    const { objects: oe } = C, ce = oe.values().next().value, {
+      width: Jt = 0,
+      height: Qt = 0,
+      left: ei = 0,
+      top: ti = 0,
+      angle: ii = 0
+    } = ce;
+    _(Jt), b(Qt), M(ei), R(ti), se(ii);
   };
   he(() => {
-    const S = c.changeStart$.subscribe((ae) => {
-      L(ae);
-    }), oe = c.changing$.subscribe((ae) => {
-      L(ae);
+    const C = a.changeStart$.subscribe((ce) => {
+      L(ce);
+    }), oe = a.changing$.subscribe((ce) => {
+      L(ce);
     });
     return () => {
-      oe.unsubscribe(), S.unsubscribe();
+      oe.unsubscribe(), C.unsubscribe();
     };
   }, []);
-  function B(S) {
-    !S || !l || (s.executeCommand($.id, {
+  function B(C) {
+    !C || !l || (s.executeCommand(H.id, {
       pageId: e,
       oKey: l.oKey,
       props: {
-        width: S
+        width: C
       }
-    }), l == null || l.resize(S, l.height), p(S), c == null || c.refreshControls());
+    }), l == null || l.resize(C, l.height), _(C), a == null || a.refreshControls());
   }
-  function ee(S) {
-    !S || !l || (s.executeCommand($.id, {
+  function ee(C) {
+    !C || !l || (s.executeCommand(H.id, {
       pageId: e,
       oKey: l.oKey,
       props: {
-        height: S
+        height: C
       }
-    }), l == null || l.resize(l.width, S), b(S), c == null || c.refreshControls());
+    }), l == null || l.resize(l.width, C), b(C), a == null || a.refreshControls());
   }
-  function te(S) {
-    !S || !l || (s.executeCommand($.id, {
+  function te(C) {
+    !C || !l || (s.executeCommand(H.id, {
       pageId: e,
       oKey: l.oKey,
       props: {
-        left: S
+        left: C
       }
-    }), l == null || l.translate(S, l.top), M(S), c == null || c.refreshControls());
+    }), l == null || l.translate(C, l.top), M(C), a == null || a.refreshControls());
   }
-  function pe(S) {
-    !S || !l || (s.executeCommand($.id, {
+  function _e(C) {
+    !C || !l || (s.executeCommand(H.id, {
       pageId: e,
       oKey: l.oKey,
       props: {
-        right: S
+        right: C
       }
-    }), l == null || l.translate(l.left, S), x(S), c == null || c.refreshControls());
+    }), l == null || l.translate(l.left, C), R(C), a == null || a.refreshControls());
   }
-  function Se(S) {
-    !S || !l || (s.executeCommand($.id, {
+  function Ce(C) {
+    !C || !l || (s.executeCommand(H.id, {
       pageId: e,
       oKey: l.oKey,
       props: {
-        angle: S
+        angle: C
       }
     }), l == null || l.transformByState({
-      angle: S
-    }), se(S), c == null || c.refreshControls());
+      angle: C
+    }), se(C), a == null || a.refreshControls());
   }
-  return /* @__PURE__ */ O(
+  return /* @__PURE__ */ x(
     "div",
     {
       className: K("univer-relative univer-bottom-0 univer-mt-5 univer-w-full", Tt),
@@ -656,76 +656,76 @@ function Cn(n) {
             children: /* @__PURE__ */ u("div", { children: i.t("image-panel.transform.title") })
           }
         ) }),
-        /* @__PURE__ */ O("div", { className: "univer-relative univer-mt-2.5 univer-flex univer-h-full", children: [
-          /* @__PURE__ */ u("div", { className: "univer-w-1/3", children: /* @__PURE__ */ O("label", { children: [
+        /* @__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(
-              ce,
+              ae,
               {
                 className: "univer-w-11/12",
                 min: 1,
-                value: g,
-                onChange: (S) => {
-                  B(S);
+                value: v,
+                onChange: (C) => {
+                  B(C);
                 }
               }
             ) }) })
           ] }) }),
-          /* @__PURE__ */ u("div", { className: "univer-w-1/3", children: /* @__PURE__ */ O("label", { 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.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(
-              ce,
+              ae,
               {
                 className: "univer-w-11/12",
                 min: 1,
                 value: I,
-                onChange: (S) => {
-                  ee(S);
+                onChange: (C) => {
+                  ee(C);
                 }
               }
             ) }) })
           ] }) })
         ] }),
-        /* @__PURE__ */ O("div", { className: "univer-relative univer-mt-2.5 univer-flex univer-h-full", children: [
-          /* @__PURE__ */ u("div", { className: "univer-w-1/3", children: /* @__PURE__ */ O("label", { children: [
+        /* @__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(
-              ce,
+              ae,
               {
                 className: "univer-w-11/12",
                 precision: 1,
                 min: 0,
-                value: w,
-                onChange: (S) => {
-                  te(S);
+                value: P,
+                onChange: (C) => {
+                  te(C);
                 }
               }
             ) }) })
           ] }) }),
-          /* @__PURE__ */ u("div", { className: "univer-w-1/3", children: /* @__PURE__ */ O("label", { 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.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(
-              ce,
+              ae,
               {
                 className: "univer-w-11/12",
                 precision: 1,
                 min: 0,
                 value: V,
-                onChange: (S) => {
-                  pe(S);
+                onChange: (C) => {
+                  _e(C);
                 }
               }
             ) }) })
           ] }) }),
-          /* @__PURE__ */ u("div", { className: "univer-w-1/3", children: /* @__PURE__ */ O("label", { 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.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(
-              ce,
+              ae,
               {
                 className: "univer-w-11/12",
                 precision: 1,
                 value: z,
-                onChange: Se
+                onChange: Ce
               }
             ) }) })
           ] }) })
@@ -734,49 +734,49 @@ function Cn(n) {
     }
   );
 }
-const Oe = "COMPONENT_SLIDE_SIDEBAR";
-function In() {
+const xe = "COMPONENT_SLIDE_SIDEBAR";
+function _n() {
   var h, l, d;
-  const n = R(y), e = R(T), t = n.getCurrentUnitForType(E.UNIVER_SLIDE), i = (h = t == null ? void 0 : t.getActivePage()) == null ? void 0 : h.id;
+  const n = O(w), e = O(T), t = n.getCurrentUnitForType(E.UNIVER_SLIDE), i = (h = t == null ? void 0 : t.getActivePage()) == null ? void 0 : h.id;
   if (!i) return null;
   const s = (l = e.getRenderUnitByPageId(i, i).scene) == null ? void 0 : l.getTransformer();
   if (!s) return null;
-  const a = s.getSelectedObjectMap().values().next().value;
-  if (!a)
+  const c = s.getSelectedObjectMap().values().next().value;
+  if (!c)
     return null;
-  const c = ((d = n.getFocusedUnit()) == null ? void 0 : d.getUnitId()) || "";
-  return /* @__PURE__ */ O("section", { className: "univer-p-2 univer-text-center univer-text-sm", children: [
-    /* @__PURE__ */ u(pn, { pageId: i, unitId: c }),
-    /* @__PURE__ */ u(Cn, { pageId: i, unitId: c }),
-    a.objectType === le.RECT && /* @__PURE__ */ u(Sn, { pageId: i, unitId: c })
+  const a = ((d = n.getFocusedUnit()) == null ? void 0 : d.getUnitId()) || "";
+  return /* @__PURE__ */ x("section", { className: "univer-p-2 univer-text-center univer-text-sm", children: [
+    /* @__PURE__ */ u(fn, { pageId: i, unitId: a }),
+    /* @__PURE__ */ u(mn, { pageId: i, unitId: a }),
+    c.objectType === le.RECT && /* @__PURE__ */ u(pn, { pageId: i, unitId: a })
   ] });
 }
-const Ye = {
+const Ge = {
   id: "slide.command.insert-float-shape",
   type: D.COMMAND,
   handler: async (n) => {
     var r;
-    const e = n.get(U), i = (r = n.get(y).getFocusedUnit()) == null ? void 0 : r.getUnitId();
+    const e = n.get(U), i = (r = n.get(w).getFocusedUnit()) == null ? void 0 : r.getUnitId();
     return e.executeCommand(Wt.id, { unitId: i });
   }
 }, Wt = {
   id: "slide.operation.insert-float-shape",
   type: D.OPERATION,
   handler: async (n, e) => {
-    const t = St(6), i = n.get(y), r = e.unitId, s = i.getUnit(r);
+    const t = Ct(6), i = n.get(w), r = e.unitId, s = i.getUnit(r);
     if (!s) return !1;
-    const o = s.getActivePage(), a = Object.values(o.pageElements), c = a != null && a.length ? Math.max(...a.map((v) => v.zIndex)) : 20, h = {
+    const o = s.getActivePage(), c = Object.values(o.pageElements), a = c != null && c.length ? Math.max(...c.map((g) => g.zIndex)) : 20, h = {
       id: t,
-      zIndex: c + 1,
+      zIndex: a + 1,
       left: 378,
       top: 142,
       width: 250,
       height: 250,
       title: t,
       description: "",
-      type: ke.SHAPE,
+      type: ze.SHAPE,
       shape: {
-        shapeType: di.Rect,
+        shapeType: ai.Rect,
         text: "",
         shapeProperties: {
           shapeBackgroundFill: {
@@ -793,24 +793,24 @@ const Ye = {
   id: "sidebar.operation.slide-shape",
   type: D.COMMAND,
   handler: async (n, e) => {
-    const { visible: t, objectType: i } = e, r = n.get(Pt), s = n.get(Q);
-    let o = "", a = "";
-    return i === le.RECT ? (o = "slide.sidebar.shape", a = Oe) : i === le.IMAGE ? (o = "slide.sidebar.image", a = Oe) : i === le.RICH_TEXT && (o = "slide.sidebar.text", a = Oe), t ? r.open({
+    const { visible: t, objectType: i } = e, r = n.get(yt), s = n.get(Q);
+    let o = "", c = "";
+    return i === le.RECT ? (o = "slide.sidebar.shape", c = xe) : i === le.IMAGE ? (o = "slide.sidebar.image", c = xe) : i === le.RICH_TEXT && (o = "slide.sidebar.text", c = xe), t ? r.open({
       header: { title: s.t(o) },
-      children: { label: a },
+      children: { label: c },
       onClose: () => {
       },
       width: 360
     }) : r.close(), !0;
   }
-}, zt = "COMPONENT_SLIDE_IMAGE_POPUP_MENU";
-var bn = Object.getOwnPropertyDescriptor, En = (n, e, t, i) => {
-  for (var r = i > 1 ? void 0 : i ? bn(e, t) : e, s = n.length - 1, o; s >= 0; s--)
+}, kt = "COMPONENT_SLIDE_IMAGE_POPUP_MENU";
+var Cn = Object.getOwnPropertyDescriptor, Sn = (n, e, t, i) => {
+  for (var r = i > 1 ? void 0 : i ? Cn(e, t) : e, s = n.length - 1, o; s >= 0; s--)
     (o = n[s]) && (r = o(r) || r);
   return r;
 }, Ie = (n, e) => (t, i) => e(t, i, n);
-function On(n, e) {
-  const t = vt(n.left, n.top, e), i = vt(n.right, n.bottom, e);
+function In(n, e) {
+  const t = gt(n.left, n.top, e), i = gt(n.right, n.bottom, e);
   return {
     left: t.x,
     top: t.y,
@@ -818,37 +818,37 @@ function On(n, e) {
     bottom: i.y
   };
 }
-function vt(n, e, t) {
+function gt(n, e, t) {
   const { scaleX: i, scaleY: r } = t.getAncestorScale(), s = t.getViewport(re.VIEW);
   if (!s)
     return {
       x: n,
       y: e
     };
-  const { viewportScrollX: o, viewportScrollY: a } = s, c = (n - o) * i, h = (e - a) * r;
+  const { viewportScrollX: o, viewportScrollY: c } = s, a = (n - o) * i, h = (e - c) * r;
   return {
-    x: c,
+    x: a,
     y: h
   };
 }
-let ye = class extends De {
+let we = class extends De {
   constructor(n, e, t, i) {
     super(), this._globalPopupManagerService = n, this._renderManagerService = e, this._univerInstanceService = t, this._commandService = i;
   }
   _createObjectPositionObserver(n, e) {
     const i = (() => {
       var L, B, ee, te;
-      const { scene: o, engine: a } = e, { left: c, top: h, width: l, height: d } = n, v = (o.width - ((B = (L = e.mainComponent) == null ? void 0 : L.width) != null ? B : 0)) / 2, _ = (o.height - ((te = (ee = e.mainComponent) == null ? void 0 : ee.height) != null ? te : 0)) / 2, m = {
-        left: c,
-        right: c + l,
+      const { scene: o, engine: c } = e, { left: a, top: h, width: l, height: d } = n, g = (o.width - ((B = (L = e.mainComponent) == null ? void 0 : L.width) != null ? B : 0)) / 2, m = (o.height - ((te = (ee = e.mainComponent) == null ? void 0 : ee.height) != null ? te : 0)) / 2, p = {
+        left: a,
+        right: a + l,
         top: h,
         bottom: h + d
-      }, f = a.getCanvasElement(), g = f.getBoundingClientRect(), p = Oi(f.style.width), { scaleX: I, scaleY: b } = o.getAncestorScale(), w = On(m, o), { top: M, left: V, width: x } = g, z = x / p;
+      }, f = c.getCanvasElement(), v = f.getBoundingClientRect(), _ = bi(f.style.width), { scaleX: I, scaleY: b } = o.getAncestorScale(), P = In(p, o), { top: M, left: V, width: R } = v, z = R / _;
       return {
-        left: w.left * z * I + V + v,
-        right: w.right * z * I + V + v,
-        top: w.top * z * b + M + _,
-        bottom: w.bottom * z * b + M + _
+        left: P.left * z * I + V + g,
+        right: P.right * z * I + V + g,
+        top: P.top * z * b + M + m,
+        bottom: P.bottom * z * b + M + m
       };
     })(), r = new J(i), s = new Ke();
     return {
@@ -864,7 +864,7 @@ let ye = class extends De {
         dispose: () => {
         }
       };
-    const { position: s, position$: o, disposable: a } = this._createObjectPositionObserver(n, r), c = this._globalPopupManagerService.addPopup({
+    const { position: s, position$: o, disposable: c } = this._createObjectPositionObserver(n, r), a = this._globalPopupManagerService.addPopup({
       ...e,
       unitId: i,
       subUnitId: "default",
@@ -874,27 +874,27 @@ let ye = class extends De {
     });
     return {
       dispose: () => {
-        this._globalPopupManagerService.removePopup(c), o.complete(), a.dispose();
+        this._globalPopupManagerService.removePopup(a), o.complete(), c.dispose();
       }
     };
   }
 };
-ye = En([
-  Ie(0, X(Ri)),
-  Ie(1, G),
-  Ie(2, y),
+we = Sn([
+  Ie(0, Z(xi)),
+  Ie(1, X),
+  Ie(2, w),
   Ie(3, U)
-], ye);
-var xn = Object.getOwnPropertyDescriptor, Rn = (n, e, t, i) => {
-  for (var r = i > 1 ? void 0 : i ? xn(e, t) : e, s = n.length - 1, o; s >= 0; s--)
+], we);
+var bn = Object.getOwnPropertyDescriptor, En = (n, e, t, i) => {
+  for (var r = i > 1 ? void 0 : i ? bn(e, t) : e, s = n.length - 1, o; s >= 0; s--)
     (o = n[s]) && (r = o(r) || r);
   return r;
-}, Z = (n, e) => (t, i) => e(t, i, n);
-let Pe = class extends ve {
-  constructor(e, t, i, r, s, o, a) {
+}, Y = (n, e) => (t, i) => e(t, i, n);
+let ye = class extends ge {
+  constructor(e, t, i, r, s, o, c) {
     super();
-    C(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 = a, this._init();
+    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();
   }
   _init() {
     this._univerInstanceService.getAllUnitsForType(E.UNIVER_SLIDE).forEach((e) => this._create(e));
@@ -913,27 +913,27 @@ let Pe = class extends ve {
     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 a = (h = this._canvasView.getRenderUnitByPageId(s, e).scene) == null ? void 0 : h.getTransformer();
-      if (!a) return;
-      let c;
+      const c = (h = this._canvasView.getRenderUnitByPageId(s, e).scene) == null ? void 0 : h.getTransformer();
+      if (!c) return;
+      let a;
       this.disposeWithMe(
-        Ct(
-          a.createControl$.subscribe(() => {
-            const l = a.getSelectedObjectMap();
+        St(
+          c.createControl$.subscribe(() => {
+            const l = c.getSelectedObjectMap();
             if (l.size > 1) {
-              c == null || c.dispose();
+              a == null || a.dispose();
               return;
             }
             const d = l.values().next().value;
             if (!d)
               return;
-            const v = d.oKey;
-            c == null || c.dispose(), c = this.disposeWithMe(this._canvasPopManagerService.attachPopupToObject(d, {
-              componentKey: zt,
+            const g = d.oKey;
+            a == null || a.dispose(), a = this.disposeWithMe(this._canvasPopManagerService.attachPopupToObject(d, {
+              componentKey: kt,
               direction: "horizontal",
               offset: [2, 0],
               extraProps: {
-                menuItems: this._getMenuItemsByObjectType(d.objectType, v, e)
+                menuItems: this._getMenuItemsByObjectType(d.objectType, g, e)
               }
             })), this._sidebarService.visible && this._commandService.executeCommand(Be.id, {
               visible: !0,
@@ -942,19 +942,19 @@ let Pe = class extends ve {
           })
         )
       ), this.disposeWithMe(
-        a.clearControl$.subscribe(() => {
-          c == null || c.dispose(), this._contextService.setContextValue(ui, !1);
+        c.clearControl$.subscribe(() => {
+          a == null || a.dispose(), this._contextService.setContextValue(li, !1);
         })
       ), this.disposeWithMe(
-        a.changing$.subscribe(() => {
-          c == null || c.dispose();
-          const l = a.getSelectedObjectMap();
+        c.changing$.subscribe(() => {
+          a == null || a.dispose();
+          const l = c.getSelectedObjectMap();
           if (l.size > 1) {
-            c == null || c.dispose();
+            a == null || a.dispose();
             return;
           }
           const d = l.values().next().value;
-          d && this._commandService.executeCommand($.id, {
+          d && this._commandService.executeCommand(H.id, {
             unitId: e,
             oKey: d.oKey,
             props: {
@@ -990,46 +990,46 @@ let Pe = class extends ve {
     }];
   }
 };
-Pe = Rn([
-  Z(0, X(ye)),
-  Z(1, G),
-  Z(2, y),
-  Z(3, fe),
-  Z(4, X(T)),
-  Z(5, Pt),
-  Z(6, U)
-], Pe);
-const we = {
+ye = En([
+  Y(0, Z(we)),
+  Y(1, X),
+  Y(2, w),
+  Y(3, fe),
+  Y(4, Z(T)),
+  Y(5, yt),
+  Y(6, U)
+], ye);
+const Pe = {
   id: "slide.operation.edit-arrow",
   type: D.OPERATION,
   handler: () => !0
-}, de = hi("SLIDE_EDITOR");
-var yn = Object.getOwnPropertyDescriptor, Pn = (n, e, t, i) => {
-  for (var r = i > 1 ? void 0 : i ? yn(e, t) : e, s = n.length - 1, o; s >= 0; s--)
+}, de = di("SLIDE_EDITOR");
+var xn = Object.getOwnPropertyDescriptor, Rn = (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);
   return r;
 }, Ve = (n, e) => (t, i) => e(t, i, n);
-const Ze = It("univer.slide-editor-bridge.service");
+const Ye = It("univer.slide-editor-bridge.service");
 let $e = class extends De {
   constructor(e, t, i) {
     super();
-    C(this, "_editorUnitId", de);
-    C(this, "_isForceKeepVisible", !1);
-    C(this, "_editorIsDirty", !1);
-    C(this, "_currentEditRectState", null);
-    C(this, "_currentEditRectState$", new J(null));
-    C(this, "currentEditRectState$", this._currentEditRectState$.asObservable());
-    C(this, "_visibleParam", {
+    S(this, "_editorUnitId", de);
+    S(this, "_isForceKeepVisible", !1);
+    S(this, "_editorIsDirty", !1);
+    S(this, "_currentEditRectState", null);
+    S(this, "_currentEditRectState$", new J(null));
+    S(this, "currentEditRectState$", this._currentEditRectState$.asObservable());
+    S(this, "_visibleParam", {
       visible: !1,
       eventType: q.Dblclick,
       unitId: ""
     });
-    C(this, "_visible$", new J(this._visibleParam));
-    C(this, "visible$", this._visible$.asObservable());
-    C(this, "_afterVisible$", new J(this._visibleParam));
-    C(this, "afterVisible$", this._afterVisible$.asObservable());
-    C(this, "endEditing$", new Nt());
-    C(this, "_currentEditRectInfo");
+    S(this, "_visible$", new J(this._visibleParam));
+    S(this, "visible$", this._visible$.asObservable());
+    S(this, "_afterVisible$", new J(this._visibleParam));
+    S(this, "afterVisible$", this._afterVisible$.asObservable());
+    S(this, "endEditing$", new Nt());
+    S(this, "_currentEditRectInfo");
     this._editorService = e, this._contextService = t, this._renderManagerService = i;
   }
   dispose() {
@@ -1043,7 +1043,7 @@ let $e = class extends De {
    * @editorInfo editorInfo
    */
   setEditorRect(e) {
-    this._currentEditRectInfo = e, this._editorService.getFocusEditor() || (this._editorService.focus(de), this._contextService.setContextValue(xe, !1), this._contextService.setContextValue(bt, !1), this._contextService.setContextValue(Et, !1));
+    this._currentEditRectInfo = e, this._editorService.getFocusEditor() || (this._editorService.focus(de), this._contextService.setContextValue(Re, !1), this._contextService.setContextValue(bt, !1), this._contextService.setContextValue(Et, !1));
     const t = this.getEditRectState();
     this._currentEditRectState = t, this._currentEditRectState$.next(t);
   }
@@ -1063,26 +1063,26 @@ let $e = class extends De {
       pageSize: { width: t.richTextObj.width, height: 1 / 0 }
     };
     const o = {
-      documentModel: new gi(r),
+      documentModel: new ui(r),
       fontString: "document",
       textRotation: { a: 0, v: 0 },
       wrapStrategy: 0,
-      verticalAlign: Re.TOP,
-      horizontalAlign: Ot.LEFT,
+      verticalAlign: Oe.TOP,
+      horizontalAlign: xt.LEFT,
       paddingData: { t: 0, b: 1, l: 2, r: 2 }
-    }, a = t.richTextObj.width, c = t.richTextObj.height, h = t.richTextObj.left, l = t.richTextObj.top, d = {
+    }, c = t.richTextObj.width, a = t.richTextObj.height, h = t.richTextObj.left, l = t.richTextObj.top, d = {
       left: 0,
       top: 0
-    }, v = this._renderManagerService.getRenderById(i), _ = v == null ? void 0 : v.scene, m = _ == null ? void 0 : _.getViewport(re.VIEW), f = _ == null ? void 0 : _.getObject(re.COMPONENT), g = {
+    }, g = this._renderManagerService.getRenderById(i), m = g == null ? void 0 : g.scene, p = m == null ? void 0 : m.getViewport(re.VIEW), f = m == null ? void 0 : m.getObject(re.COMPONENT), v = {
       x: (f == null ? void 0 : f.left) || 0,
       y: (f == null ? void 0 : f.top) || 0
-    }, p = (m == null ? void 0 : m.viewportScrollX) || 0, I = (m == null ? void 0 : m.viewportScrollY) || 0;
-    return d.left = g.x - p, d.top = g.y - I, {
+    }, _ = (p == null ? void 0 : p.viewportScrollX) || 0, I = (p == null ? void 0 : p.viewportScrollY) || 0;
+    return d.left = v.x - _, d.top = v.y - I, {
       position: {
         startX: h,
         startY: l,
-        endX: h + a,
-        endY: l + c
+        endX: h + c,
+        endY: l + a
       },
       scaleX: 1,
       scaleY: 1,
@@ -1135,7 +1135,7 @@ let $e = class extends De {
         textStyle: { fs: r },
         renderConfig: {
           // horizontalAlign: HorizontalAlign.CENTER,
-          verticalAlign: Re.MIDDLE,
+          verticalAlign: Oe.MIDDLE,
           centerAngle: 0,
           vertexAngle: 0,
           wrapStrategy: 0
@@ -1147,22 +1147,22 @@ let $e = class extends De {
     };
   }
 };
-$e = Pn([
-  Ve(0, Xe),
+$e = Rn([
+  Ve(0, Ze),
   Ve(1, fe),
-  Ve(2, G)
+  Ve(2, X)
 ], $e);
-class wn {
+class On {
   constructor() {
-    C(this, "_state", null);
-    C(this, "_rect", null);
-    C(this, "_state$", new J(null));
-    C(this, "state$", this._state$.asObservable());
-    C(this, "_rect$", new J(null));
-    C(this, "rect$", this._rect$.asObservable());
-    C(this, "_focus", !1);
-    C(this, "_focus$", new J(this._focus));
-    C(this, "focus$", this._focus$.asObservable());
+    S(this, "_state", null);
+    S(this, "_rect", null);
+    S(this, "_state$", new J(null));
+    S(this, "state$", this._state$.asObservable());
+    S(this, "_rect$", new J(null));
+    S(this, "rect$", this._rect$.asObservable());
+    S(this, "_focus", !1);
+    S(this, "_focus$", new J(this._focus));
+    S(this, "focus$", this._focus$.asObservable());
   }
   dispose() {
     this._state$.complete(), this._state = null, this._rect$.complete(), this._rect = null;
@@ -1189,27 +1189,27 @@ class wn {
 const qe = It(
   "univer.slide-editor-manager.service"
 );
-var Y = /* @__PURE__ */ ((n) => (n[n.InitialState = 0] = "InitialState", n[n.StartEditor = 1] = "StartEditor", n[n.CursorChange = 2] = "CursorChange", n))(Y || {}), Tn = Object.getOwnPropertyDescriptor, Mn = (n, e, t, i) => {
-  for (var r = i > 1 ? void 0 : i ? Tn(e, t) : e, s = n.length - 1, o; s >= 0; s--)
+var G = /* @__PURE__ */ ((n) => (n[n.InitialState = 0] = "InitialState", n[n.StartEditor = 1] = "StartEditor", n[n.CursorChange = 2] = "CursorChange", n))(G || {}), wn = Object.getOwnPropertyDescriptor, yn = (n, e, t, i) => {
+  for (var r = i > 1 ? void 0 : i ? wn(e, t) : e, s = n.length - 1, o; s >= 0; s--)
     (o = n[s]) && (r = o(r) || r);
   return r;
 }, A = (n, e) => (t, i) => e(t, i, n);
-const ft = -1e3, mt = 5, Nn = 2;
+const ft = -1e3, pt = 5, Pn = 2;
 let He = class extends De {
-  constructor(e, t, i, r, s, o, a, c, h, l, d, v) {
+  constructor(e, t, i, r, s, o, c, a, h, l, d, g) {
     super();
     /**
      * It is used to distinguish whether the user has actively moved the cursor in the editor, mainly through mouse clicks.
      */
-    C(this, "_cursorChange", Y.InitialState);
+    S(this, "_cursorChange", G.InitialState);
     /** If the corresponding unit is active and prepared for editing. */
-    C(this, "_isUnitEditing", !1);
-    C(this, "_d");
-    this._renderContext = e, this._layoutService = t, this._undoRedoService = i, this._contextService = r, this._instanceSrv = s, this._renderManagerService = o, this._editorBridgeService = a, this._cellEditorManagerService = c, this._textSelectionManagerService = h, 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({
+    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 = g, 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({
         visible: !1,
         eventType: q.Keyboard,
-        keycode: P.ESC,
+        keycode: y.ESC,
         unitId: this._renderContext.unitId
       }), this._isUnitEditing = !1));
     })), this._initEditorVisibilityListener();
@@ -1246,7 +1246,7 @@ let He = class extends De {
     return (t = this._renderManagerService.getRenderById(e)) == null ? void 0 : t.with(dt).getViewModel();
   }
   _initialCursorSync(e) {
-    e.add(this._cellEditorManagerService.focus$.pipe(Hi((t) => !!t)).subscribe(() => {
+    e.add(this._cellEditorManagerService.focus$.pipe(Li((t) => !!t)).subscribe(() => {
       var t;
       (t = Le(E.UNIVER_DOC, this._instanceSrv, this._renderManagerService)) == null || t.with(ut).sync();
     }));
@@ -1262,11 +1262,11 @@ let He = class extends De {
         return;
       const {
         position: { startX: i, endX: r },
-        documentLayoutObject: { textRotation: s, wrapStrategy: o, documentModel: a },
-        scaleX: c,
+        documentLayoutObject: { textRotation: s, wrapStrategy: o, documentModel: c },
+        scaleX: a,
         editorUnitId: h
       } = t, { vertexAngle: l } = nt(s);
-      a.updateDocumentId(h), o === et.WRAP && l === 0 && a.updateDocumentDataPageSize((r - i) / c), this._instanceSrv.changeDoc(h, a), this._contextService.setContextValue(fi, !0), this._textSelectionManagerService.replaceTextRanges([{
+      c.updateDocumentId(h), o === et.WRAP && l === 0 && c.updateDocumentDataPageSize((r - i) / a), this._instanceSrv.changeDoc(h, c), this._contextService.setContextValue(vi, !0), this._textSelectionManagerService.replaceTextRanges([{
         startOffset: 0,
         endOffset: 0
       }]), (d = Le(E.UNIVER_DOC, this._instanceSrv, this._renderManagerService)) == null || d.with(ut).activate(ft, ft);
@@ -1282,88 +1282,88 @@ let He = class extends De {
    * @param scaleY
    */
   _fitTextSize(e, t, i, r, s = 1, o = 1) {
-    const { startX: a, startY: c, endX: h, endY: l } = e, d = r.documentModel;
+    const { startX: c, startY: a, endX: h, endY: l } = e, d = r.documentModel;
     if (d == null)
       return;
-    const { actualWidth: v, actualHeight: _ } = this._predictingSize(
+    const { actualWidth: g, actualHeight: m } = this._predictingSize(
       e,
       t,
       i,
       r,
       s,
       o
-    ), { verticalAlign: m, paddingData: f, fill: g } = r;
-    let p = h - a, I = l - c;
-    if (p < v && (p = v), I < _)
-      I = _, d.updateDocumentDataMargin(f);
+    ), { verticalAlign: p, paddingData: f, fill: v } = r;
+    let _ = h - c, I = l - a;
+    if (_ < g && (_ = g), I < m)
+      I = m, d.updateDocumentDataMargin(f);
     else {
       let b = 0;
-      m === Re.MIDDLE ? b = (I - _) / 2 / o : m === Re.TOP ? b = f.t || 0 : b = (I - _) / o - (f.b || 0), b = b < (f.t || 0) ? f.t || 0 : b, d.updateDocumentDataMargin({
+      p === Oe.MIDDLE ? b = (I - m) / 2 / o : p === Oe.TOP ? b = f.t || 0 : b = (I - m) / o - (f.b || 0), b = b < (f.t || 0) ? f.t || 0 : b, d.updateDocumentDataMargin({
         t: b
       });
     }
-    i.calculate(), this._editAreaProcessing(p, I, e, t, g, s, o);
+    i.calculate(), this._editAreaProcessing(_, I, e, t, v, 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: a, endX: c } = e, { textRotation: h, wrapStrategy: l } = r, d = r.documentModel, { vertexAngle: v } = nt(h), _ = document.body.clientWidth;
-    if (l === et.WRAP && v === 0) {
-      const { actualWidth: g, actualHeight: p } = i.getActualSize();
+    const { startX: c, endX: a } = e, { textRotation: h, wrapStrategy: l } = r, d = r.documentModel, { vertexAngle: g } = nt(h), m = document.body.clientWidth;
+    if (l === et.WRAP && g === 0) {
+      const { actualWidth: v, actualHeight: _ } = i.getActualSize();
       return {
-        actualWidth: g * s,
-        actualHeight: p * o
+        actualWidth: v * s,
+        actualHeight: _ * o
       };
     }
-    d == null || d.updateDocumentDataPageSize((_ - a - t.left) / s), i.calculate();
-    const m = i.getActualSize();
-    let f = c - a;
-    return f < m.actualWidth * s + mt * s && (f = m.actualWidth * s + mt * s), d == null || d.updateDocumentDataPageSize(f / s), d == null || d.updateDocumentRenderConfig({
-      horizontalAlign: Ot.UNSPECIFIED,
+    d == null || d.updateDocumentDataPageSize((m - c - t.left) / s), i.calculate();
+    const p = i.getActualSize();
+    let f = a - c;
+    return f < p.actualWidth * s + pt * s && (f = p.actualWidth * s + pt * s), d == null || d.updateDocumentDataPageSize(f / s), d == null || d.updateDocumentRenderConfig({
+      horizontalAlign: xt.UNSPECIFIED,
       cellValueType: void 0
     }), {
       actualWidth: f,
-      actualHeight: m.actualHeight * o
+      actualHeight: p.actualHeight * o
     };
   }
   /**
    * control the size of editing area
    */
   // eslint-disable-next-line max-lines-per-function
-  _editAreaProcessing(e, t, i, r, s, o = 1, a = 1) {
-    var S;
-    const c = this._getEditorObject();
-    if (c == null)
+  _editAreaProcessing(e, t, i, r, s, o = 1, c = 1) {
+    var C;
+    const a = this._getEditorObject();
+    if (a == null)
       return;
     function h(oe) {
       return Number.parseInt(oe.replace("px", ""));
     }
-    const d = this._renderContext.engine.getCanvasElement(), v = d.getBoundingClientRect(), _ = h(d.style.width), { top: m, left: f, width: g } = v, p = g / _;
+    const d = this._renderContext.engine.getCanvasElement(), g = d.getBoundingClientRect(), m = h(d.style.width), { top: p, left: f, width: v } = g, _ = v / m;
     let { startX: I, startY: b } = i;
     I += r.left, b += r.top;
-    const { document: w, scene: M, engine: V } = c, x = M.getViewport(ht.VIEW_MAIN), z = document.body.clientHeight - b - r.top - Nn * 2, se = document.body.clientWidth - I - r.left;
-    let L = t, B = x == null ? void 0 : x.getScrollBar();
-    L > z ? (L = z, B == null ? x && new Rt(x, { enableHorizontal: !1, barSize: 8 }) : x == null || x.resetCanvasSizeAndUpdateScroll()) : (B = null, (S = x == null ? void 0 : x.getScrollBar()) == null || S.dispose()), e += (B == null ? void 0 : B.barSize) || 0, e = Math.min(e, se), I -= ne, b -= ne, this._addBackground(M, e / o, t / a, s);
+    const { document: P, scene: M, engine: V } = a, R = M.getViewport(ht.VIEW_MAIN), z = document.body.clientHeight - b - r.top - Pn * 2, se = document.body.clientWidth - I - r.left;
+    let L = t, B = R == null ? void 0 : R.getScrollBar();
+    L > z ? (L = z, B == null ? R && new Ot(R, { enableHorizontal: !1, barSize: 8 }) : R == null || R.resetCanvasSizeAndUpdateScroll()) : (B = null, (C = R == null ? void 0 : R.getScrollBar()) == null || C.dispose()), e += (B == null ? void 0 : B.barSize) || 0, e = Math.min(e, se), I -= ne, b -= ne, this._addBackground(M, e / o, t / c, s);
     const { scaleX: ee, scaleY: te } = M.getPrecisionScale();
     M.transformByState({
-      width: e * p / o,
-      height: t * p / a,
-      scaleX: o * p,
-      scaleY: a * p
-    }), w.resize(e / o, t / a), setTimeout(() => {
+      width: e * _ / o,
+      height: t * _ / c,
+      scaleX: o * _,
+      scaleY: c * _
+    }), P.resize(e / o, t / c), setTimeout(() => {
       V.resizeBySize(
         rt(e, ee),
         rt(L, te)
       );
     }, 0);
-    const pe = this._layoutService.getContentElement().getBoundingClientRect(), Se = d.getBoundingClientRect();
-    I = I * p + (Se.left - pe.left), b = b * p + (Se.top - pe.top), this._cellEditorManagerService.setState({
+    const _e = this._layoutService.getContentElement().getBoundingClientRect(), Ce = d.getBoundingClientRect();
+    I = I * _ + (Ce.left - _e.left), b = b * _ + (Ce.top - _e.top), this._cellEditorManagerService.setState({
       startX: I,
       startY: b,
-      endX: e * p + I,
-      endY: L * p + b,
+      endX: e * _ + I,
+      endY: L * _ + b,
       show: !0
     });
   }
@@ -1374,14 +1374,14 @@ let He = class extends De {
     const s = "_backgroundRectHelperColor_", o = e.getObject(s);
     o == null && r == null || (o == null ? e.addObjects(
       [
-        new yt(s, {
+        new wt(s, {
           width: t,
           height: i,
           fill: r,
           evented: !1
         })
       ],
-      zi
+      Hi
     ) : r == null ? o.dispose() : (o.setProps({
       fill: r
     }), o.transformByState({
@@ -1398,9 +1398,9 @@ let He = class extends De {
   // first part: startEditing --> _updateEditor
   // 2nd part: startEditing --> changeVisible --> slide-editor-bridge.render-controller.ts@changeVisible --> _editorBridgeService.changeVisible
   _handleEditorVisible(e) {
-    var g, p;
+    var v, _;
     const { eventType: t } = e;
-    this._cursorChange = [q.PointerDown, q.Dblclick].includes(t) ? Y.CursorChange : Y.StartEditor;
+    this._cursorChange = [q.PointerDown, q.Dblclick].includes(t) ? G.CursorChange : G.StartEditor;
     const i = this._editorBridgeService.getEditRectState();
     if (i == null)
       return;
@@ -1408,31 +1408,31 @@ let He = class extends De {
       position: r,
       documentLayoutObject: s,
       slideCardOffset: o,
-      scaleX: a,
-      scaleY: c,
+      scaleX: c,
+      scaleY: a,
       editorUnitId: h,
       unitId: l
     } = i, d = this._getEditorObject();
     if (d == null)
       return;
-    const { scene: v } = d;
-    this._contextService.setContextValue(xe, !0);
-    const { documentModel: _ } = s, m = this._getEditorSkeleton(h);
-    if (!m || !_)
+    const { scene: g } = d;
+    this._contextService.setContextValue(Re, !0);
+    const { documentModel: m } = s, p = this._getEditorSkeleton(h);
+    if (!p || !m)
       return;
-    this._fitTextSize(r, o, m, s, a, c);
-    const f = _.getBody().dataStream.length - 2 || 0;
-    (g = v.getViewport(ht.VIEW_MAIN)) == null || g.scrollToViewportPos({
+    this._fitTextSize(r, o, p, s, c, a);
+    const f = m.getBody().dataStream.length - 2 || 0;
+    (v = g.getViewport(ht.VIEW_MAIN)) == null || v.scrollToViewportPos({
       viewportScrollX: Number.POSITIVE_INFINITY
     }), this._textSelectionManagerService.replaceTextRanges([
       {
         startOffset: f,
         endOffset: f
       }
-    ]), (p = this._renderManagerService.getRenderById(l)) == null || p.scene.resetCursor();
+    ]), (_ = this._renderManagerService.getRenderById(l)) == null || _.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 = gi, 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
       }
@@ -1447,14 +1447,14 @@ let He = class extends De {
   _showEditorByKeyboard(e) {
   }
   _commandExecutedListener(e) {
-    const t = [we.id], i = [Wi.id];
+    const t = [Pe.id], i = [$i.id];
     e.add(this._commandService.onCommandExecuted((r) => {
       this._editorService.getFocusId() === de && (t.includes(r.id) && this._moveCursorCmdHandler(r), i.includes(r.id) && this._editorBridgeService.isVisible() && this._editingChangedHandler());
     }));
   }
   _moveCursorCmdHandler(e) {
     const t = e.params, { keycode: i, isShift: r } = t;
-    i != null && this._cursorChange === Y.CursorChange ? this._moveInEditor(i, r) : this._editorBridgeService.changeVisible(t);
+    i != null && this._cursorChange === G.CursorChange ? this._moveInEditor(i, r) : this._editorBridgeService.changeVisible(t);
   }
   _editingChangedHandler() {
     const e = this._editorBridgeService.getEditorRect();
@@ -1466,11 +1466,11 @@ let He = class extends De {
     this._handleEditorVisible({ visible: !0, eventType: 3, unitId: i });
   }
   _getEditorObject() {
-    return Dn(this._editorBridgeService.getCurrentEditorId(), this._renderManagerService);
+    return Tn(this._editorBridgeService.getCurrentEditorId(), this._renderManagerService);
   }
   async _handleEditorInvisible(e) {
     const { keycode: t } = e;
-    if (this._cursorChange = Y.InitialState, this._exitInput(e), this._editorBridgeService.getEditRectState() == null)
+    if (this._cursorChange = G.InitialState, this._exitInput(e), this._editorBridgeService.getEditRectState() == null)
       return;
     if (this._editorBridgeService.getEditorDirty() === !1) {
       this._moveCursor(t);
@@ -1479,7 +1479,7 @@ let He = 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();
@@ -1488,22 +1488,22 @@ let He = class extends De {
   _moveCursor(e) {
     if (e != null)
       switch (j.LEFT, e) {
-        case P.ENTER:
+        case y.ENTER:
           j.DOWN;
           break;
-        case P.TAB:
+        case y.TAB:
           j.RIGHT;
           break;
-        case P.ARROW_DOWN:
+        case y.ARROW_DOWN:
           j.DOWN;
           break;
-        case P.ARROW_UP:
+        case y.ARROW_UP:
           j.UP;
           break;
-        case P.ARROW_LEFT:
+        case y.ARROW_LEFT:
           j.LEFT;
           break;
-        case P.ARROW_RIGHT:
+        case y.ARROW_RIGHT:
           j.RIGHT;
           break;
       }
@@ -1517,53 +1517,53 @@ let He = class extends De {
     if (!t)
       return;
     const { document: i } = t;
-    e.add(Ct(i.onPointerDown$.subscribeEvent(() => {
-      this._cursorChange === Y.StartEditor && (this._cursorChange = Y.CursorChange);
+    e.add(St(i.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 = j.LEFT;
-    e === P.ARROW_DOWN ? i = j.DOWN : e === P.ARROW_UP ? i = j.UP : e === P.ARROW_RIGHT && (i = j.RIGHT), t ? this._commandService.executeCommand(ki.id, {
+    e === y.ARROW_DOWN ? i = j.DOWN : e === y.ARROW_UP ? i = j.UP : e === y.ARROW_RIGHT && (i = j.RIGHT), t ? this._commandService.executeCommand(Fi.id, {
       direction: i
-    }) : this._commandService.executeCommand(Ki.id, {
+    }) : this._commandService.executeCommand(Wi.id, {
       direction: i
     });
   }
 };
-He = Mn([
-  A(1, yi),
-  A(2, vi),
+He = yn([
+  A(1, Ri),
+  A(2, hi),
   A(3, fe),
-  A(4, y),
-  A(5, G),
-  A(6, Ze),
+  A(4, w),
+  A(5, X),
+  A(6, Ye),
   A(7, qe),
-  A(8, X(Fi)),
+  A(8, Z(Bi)),
   A(9, U),
-  A(10, X(Q)),
-  A(11, Xe)
+  A(10, Z(Q)),
+  A(11, Ze)
 ], He);
-function Dn(n, e) {
+function Tn(n, e) {
   if (n == null)
     return;
   const t = e.getRenderById(n);
   if (t == null)
     return;
-  const { mainComponent: i, scene: r, engine: s, components: o } = t, a = i, c = o.get(Xi.BACKGROUND);
+  const { mainComponent: i, scene: r, engine: s, components: o } = t, c = i, a = o.get(ki.BACKGROUND);
   return {
-    document: a,
-    docBackground: c,
+    document: c,
+    docBackground: a,
     scene: r,
     engine: s
   };
 }
-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--)
+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);
   return r;
 }, je = (n, e) => (t, i) => e(t, i, n);
-let Fe = class extends ve {
+let Fe = class extends ge {
   constructor(e, t, i, r) {
     super();
     /**
@@ -1572,9 +1572,9 @@ let Fe = class extends ve {
     // private _cursorChange: CursorChange = CursorChange.InitialState;
     /** If the corresponding unit is active and prepared for editing. */
     // private _isUnitEditing = false;
-    C(this, "setSlideTextEditor$", new Nt());
-    C(this, "_curRichText", null);
-    C(this, "_d");
+    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) => {
       s && s.getUnitId() === this._renderContext.unitId ? this._d = this._init() : this._disposeCurrent();
     }));
@@ -1600,16 +1600,16 @@ let Fe = class extends ve {
   }
   _initEventListener(e) {
     const t = (o) => {
-      const a = o.getTransformer();
-      a && (e.add(a.clearControl$.subscribe(() => {
+      const c = o.getTransformer();
+      c && (e.add(c.clearControl$.subscribe(() => {
         this.setEditorVisible(!1), this.pickOtherObjects();
-      })), e.add(a.createControl$.subscribe(() => {
+      })), e.add(c.createControl$.subscribe(() => {
         this.setEditorVisible(!1);
       })), e.add(o.onDblclick$.subscribeEvent(() => {
-        a.clearControls();
-        const h = a.getSelectedObjectMap().values().next().value;
+        c.clearControls();
+        const h = c.getSelectedObjectMap().values().next().value;
         h && (h.objectType !== le.RICH_TEXT ? this.pickOtherObjects() : this.startEditing(o.sceneKey, h));
-      })), e.add(this._instanceSrv.focused$.subscribe((c) => {
+      })), e.add(this._instanceSrv.focused$.subscribe((a) => {
         this.endEditing();
       })));
     }, { mainComponent: i } = this._renderContext;
@@ -1618,8 +1618,8 @@ let Fe = class extends ve {
     });
     const s = Array.from(i.getSubScenes().values());
     for (let o = 0; o < s.length; o++) {
-      const a = s[o];
-      t(a);
+      const c = s[o];
+      t(c);
     }
   }
   pickOtherObjects() {
@@ -1643,10 +1643,10 @@ let Fe = class extends ve {
       text: e.text
     }, r = (s = e.documentData.body) == null ? void 0 : s.textRuns;
     if (r && r.length) {
-      const a = r[0].ts;
-      i.cl = a == null ? void 0 : a.cl;
+      const c = r[0].ts;
+      i.cl = c == null ? void 0 : c.cl;
     }
-    this._commandService.executeCommand($.id, {
+    this._commandService.executeCommand(H.id, {
       unitId: this._renderContext.unitId,
       oKey: e == null ? void 0 : e.oKey,
       props: {
@@ -1671,96 +1671,96 @@ let Fe = class extends ve {
     this._editorBridgeService.changeVisible({ visible: e, eventType: q.PointerDown, unitId: t });
   }
 };
-Fe = Vn([
-  je(1, y),
+Fe = Nn([
+  je(1, w),
   je(2, U),
-  je(3, Ze)
+  je(3, Ye)
 ], Fe);
-const kt = {
+const zt = {
   id: "slide.operation.activate-slide",
   type: D.OPERATION,
   handler: (n, e) => {
     var h, l;
-    const t = e.unitId, i = n.get(T), s = n.get(y).getUnit(t), o = (h = s == null ? void 0 : s.getActivePage()) == null ? void 0 : h.id;
+    const t = e.unitId, i = n.get(T), s = n.get(w).getUnit(t), o = (h = s == null ? void 0 : s.getActivePage()) == null ? void 0 : h.id;
     if (!o) return !1;
-    const a = i.getRenderUnitByPageId(o, t);
-    if (!a) return !1;
-    const c = (l = a.scene) == null ? void 0 : l.getTransformer();
-    return c && c.clearControls(), i.activePage(e.id, t), !0;
+    const c = i.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;
   }
 }, Kt = {
   id: "slide.operation.append-slide",
   type: D.OPERATION,
   handler: (n, e) => {
     const t = e.unitId;
-    return n.get(y).getUnit(t) ? (n.get(T).appendPage(t), !0) : !1;
+    return n.get(w).getUnit(t) ? (n.get(T).appendPage(t), !0) : !1;
   }
 }, Je = {
   id: "slide.command.insert-float-image",
   type: D.COMMAND,
   handler: async (n, e) => {
     var V;
-    const t = n.get(y), i = (V = t.getCurrentUnitForType(E.UNIVER_SLIDE)) == null ? void 0 : V.getUnitId();
+    const t = n.get(w), i = (V = t.getCurrentUnitForType(E.UNIVER_SLIDE)) == null ? void 0 : V.getUnitId();
     if (!i) return !1;
-    const s = await n.get(Pi).openFile({
+    const s = await n.get(Oi).openFile({
       multiple: !0,
-      accept: Yi.map((x) => `.${x.replace("image/", "")}`).join(",")
+      accept: Ki.map((R) => `.${R.replace("image/", "")}`).join(",")
     });
     if (s.length !== 1) return !1;
-    const a = await n.get(Zi).saveImage(s[0]);
-    if (!a) return !1;
-    const { imageId: c, imageSourceType: h, source: l, base64Cache: d } = a, { width: v, height: _, image: m } = await qi(d || ""), f = t.getUnit(i);
+    const c = await n.get(Zi).saveImage(s[0]);
+    if (!c) return !1;
+    const { imageId: a, imageSourceType: h, source: l, base64Cache: d } = c, { width: g, height: m, image: p } = await Xi(d || ""), f = t.getUnit(i);
     if (!f) return !1;
-    const g = f.getActivePage(), p = Object.values(g.pageElements), I = p != null && p.length ? Math.max(...p.map((x) => x.zIndex)) : 20, b = {
-      id: c,
+    const v = f.getActivePage(), _ = Object.values(v.pageElements), I = _ != null && _.length ? Math.max(..._.map((R) => R.zIndex)) : 20, b = {
+      id: a,
       zIndex: I + 1,
       left: 0,
       top: 0,
-      width: v,
-      height: _,
+      width: g,
+      height: m,
       title: "",
       description: "",
-      type: ke.IMAGE,
+      type: ze.IMAGE,
       image: {
         imageProperties: {
           contentUrl: d,
           imageSourceType: h,
           source: l,
           base64Cache: d,
-          image: m
+          image: p
         }
       }
     };
-    g.pageElements[c] = b, f.updatePage(g.id, g);
-    const w = n.get(T), M = w.createObjectToPage(b, g.id, i);
-    return M && w.setObjectActiveByPage(M, g.id, i), !0;
+    v.pageElements[a] = b, f.updatePage(v.id, v);
+    const P = n.get(T), M = P.createObjectToPage(b, v.id, i);
+    return M && P.setObjectActiveByPage(M, v.id, i), !0;
   }
 }, Qe = {
   id: "slide.command.add-text",
   type: D.COMMAND,
   handler: async (n) => {
     var r;
-    const e = n.get(U), i = (r = n.get(y).getFocusedUnit()) == null ? void 0 : r.getUnitId();
-    return await e.executeCommand(Xt.id, { unitId: i });
+    const e = n.get(U), i = (r = n.get(w).getFocusedUnit()) == null ? void 0 : r.getUnitId();
+    return await e.executeCommand(Zt.id, { unitId: i });
   }
-}, Xt = {
+}, Zt = {
   id: "slide.operation.add-text",
   type: D.OPERATION,
   handler: async (n, e) => {
-    const t = e.unitId, i = St(6), r = 220, s = 40, o = 230, a = 142, c = (e == null ? void 0 : e.text) || "A New Text", l = n.get(y).getUnit(t);
+    const t = e.unitId, i = Ct(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);
     if (!l) return !1;
-    const d = l.getActivePage(), v = Object.values(d.pageElements), _ = v != null && v.length ? Math.max(...v.map((p) => p.zIndex)) : 21, m = {
+    const d = l.getActivePage(), g = Object.values(d.pageElements), m = g != null && g.length ? Math.max(...g.map((_) => _.zIndex)) : 21, p = {
       id: i,
-      zIndex: _ + 1,
+      zIndex: m + 1,
       left: o,
-      top: a,
+      top: c,
       width: r,
       height: s,
       title: "text",
       description: "",
-      type: ke.TEXT,
+      type: ze.TEXT,
       richText: {
-        text: c,
+        text: a,
         fs: 30,
         cl: {
           rgb: "rgb(51, 51, 51)"
@@ -1768,56 +1768,56 @@ const kt = {
         bl: 1
       }
     };
-    d.pageElements[i] = m, l.updatePage(d.id, d);
-    const f = n.get(T), g = f.createObjectToPage(m, d.id, t);
-    return g && f.setObjectActiveByPage(g, d.id, t), !0;
+    d.pageElements[i] = p, l.updatePage(d.id, d);
+    const f = n.get(T), v = f.createObjectToPage(p, d.id, t);
+    return v && f.setObjectActiveByPage(v, d.id, t), !0;
   }
-}, Gt = {
+}, Xt = {
   id: "slide.operation.set-slide-page-thumb",
   type: D.OPERATION,
   handler: (n, e) => (n.get(T).createThumbs(e.unitId), !0)
 };
-function jn(n) {
-  var m, f;
-  const e = (f = (m = n.popup) == null ? void 0 : m.extraProps) == null ? void 0 : f.menuItems;
+function Dn(n) {
+  var p, f;
+  const e = (f = (p = n.popup) == null ? void 0 : p.extraProps) == null ? void 0 : f.menuItems;
   if (!e)
     return null;
-  const t = R(U), i = R(Q), [r, s] = k(!1), [o, a] = k(!1), c = () => {
-    a(!0);
+  const t = O(U), i = O(Q), [r, s] = $(!1), [o, c] = $(!1), a = () => {
+    c(!0);
   }, h = () => {
-    a(!1);
-  }, l = (g) => {
-    s(g);
-  }, d = (g) => {
-    t.executeCommand(g.commandId, g.commandParams), s(!1);
-  }, v = r || o, _ = e.filter((g) => !g.disable);
+    c(!1);
+  }, l = (v) => {
+    s(v);
+  }, d = (v) => {
+    t.executeCommand(v.commandId, v.commandParams), s(!1);
+  }, g = r || o, m = e.filter((v) => !v.disable);
   return /* @__PURE__ */ u(
     "div",
     {
-      onMouseEnter: c,
+      onMouseEnter: a,
       onMouseLeave: h,
       children: /* @__PURE__ */ u(
-        wt,
+        Pt,
         {
           align: "start",
           overlay: /* @__PURE__ */ u(
             "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", ue),
-              children: _.map((g) => /* @__PURE__ */ u(
+              children: m.map((v) => /* @__PURE__ */ u(
                 "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(v),
+                  children: /* @__PURE__ */ u("span", { className: "univer-px-2 univer-py-1.5 univer-align-middle", children: i.t(v.label) })
                 },
-                g.index
+                v.index
               ))
             }
           ),
           open: r,
           onOpenChange: l,
-          children: /* @__PURE__ */ O(
+          children: /* @__PURE__ */ x(
             "div",
             {
               className: K("univer-flex univer-items-center univer-gap-2 univer-rounded univer-p-1 dark:hover:!univer-bg-gray-800 hover:univer-bg-gray-100", ue, {
@@ -1831,7 +1831,7 @@ function jn(n) {
                     className: "univer-fill-primary-600 univer-text-gray-900 dark:!univer-text-white"
                   }
                 ),
-                v && /* @__PURE__ */ u(Ge, { className: "dark:!univer-text-white" })
+                g && /* @__PURE__ */ u(Xe, { className: "dark:!univer-text-white" })
               ]
             }
           )
@@ -1840,114 +1840,115 @@ function jn(n) {
     }
   );
 }
-function An() {
-  var m, f;
-  const n = R(y), e = R(U), t = R(G), i = R(Q), r = Mt(null), s = n.getCurrentUnitForType(E.UNIVER_SLIDE), o = s == null ? void 0 : s.getPages(), a = s == null ? void 0 : s.getPageOrder();
-  if (!o || !a)
+function Un() {
+  var p, f;
+  const n = O(w), e = O(U), t = O(X), i = O(Q), r = Mt(null), s = n.getCurrentUnitForType(E.UNIVER_SLIDE), o = s == null ? void 0 : s.getPages(), c = s == null ? void 0 : s.getPageOrder();
+  if (!o || !c)
     return null;
-  const c = a.map((g) => o[g]), [h, l] = k((f = (m = s == null ? void 0 : s.getActivePage()) == null ? void 0 : m.id) != null ? f : null), d = Bi(() => c.map(() => $i()), [c]);
+  const a = c.map((v) => o[v]), [h, l] = $((f = (p = s == null ? void 0 : s.getActivePage()) == null ? void 0 : p.id) != null ? f : null), d = ji(() => a.map(() => Ai()), [a]);
   he(() => {
-    const g = s == null ? void 0 : s.activePage$.subscribe((p) => {
+    const v = s == null ? void 0 : s.activePage$.subscribe((_) => {
       var b;
-      const I = (b = p == null ? void 0 : p.id) != null ? b : null;
+      const I = (b = _ == null ? void 0 : _.id) != null ? b : null;
       I && l(I);
     });
     return () => {
-      g == null || g.unsubscribe();
+      v == null || v.unsubscribe();
     };
   }, []), he(() => {
-    d.forEach((g, p) => {
+    d.forEach((v, _) => {
       var I;
-      if (g.current) {
-        const b = c[p];
-        (I = t.getRenderById(b.id)) == null || I.engine.setContainer(g.current);
+      if (v.current) {
+        const b = a[_];
+        (I = t.getRenderById(b.id)) == null || I.engine.setContainer(v.current);
       }
-    }), d.length > 0 && e.syncExecuteCommand(Gt.id, { unitId: s == null ? void 0 : s.getUnitId() });
-  }, [d, c, t, e, s]);
-  const v = ct((g) => {
-    e.syncExecuteCommand(kt.id, { id: g, unitId: s == null ? void 0 : s.getUnitId() });
-  }, [e, s]), _ = ct(() => {
+    }), d.length > 0 && e.syncExecuteCommand(Xt.id, { unitId: s == null ? void 0 : s.getUnitId() });
+  }, [d, a, t, e, s]);
+  const g = at((v) => {
+    e.syncExecuteCommand(zt.id, { id: v, unitId: s == null ? void 0 : s.getUnitId() });
+  }, [e, s]), m = at(() => {
     e.syncExecuteCommand(Kt.id, { unitId: s == null ? void 0 : s.getUnitId() });
   }, [e, s]);
   return /* @__PURE__ */ u(
     "aside",
     {
       ref: r,
-      className: K("univer-flex univer-h-full univer-w-64 univer-flex-col univer-overflow-y-auto univer-overflow-x-hidden", Ai),
-      children: /* @__PURE__ */ O("div", { className: "univer-px-4", children: [
+      className: K("univer-flex univer-h-full univer-w-64 univer-flex-col univer-overflow-y-auto univer-overflow-x-hidden", Vi),
+      children: /* @__PURE__ */ x("div", { className: "univer-px-4", children: [
         /* @__PURE__ */ u("header", { className: "univer-flex univer-justify-center univer-pt-4", children: /* @__PURE__ */ u(
           "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", ue),
-            onClick: _,
+            onClick: m,
             children: i.t("slide.append")
           }
         ) }),
-        c.map((g, p) => /* @__PURE__ */ O(
+        a.map((v, _) => /* @__PURE__ */ x(
           "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": v.id === h
             }),
-            onClick: () => v(g.id),
+            onClick: () => g(v.id),
             children: [
-              /* @__PURE__ */ u("span", { children: p + 1 }),
+              /* @__PURE__ */ u("span", { children: _ + 1 }),
               /* @__PURE__ */ u(
                 "div",
                 {
-                  ref: d[p],
+                  ref: d[_],
                   className: K("univer-relative univer-box-border univer-h-32 univer-w-52 univer-bg-white hover:univer-border-primary-600", ue)
                 }
               )
             ]
           },
-          g.id
+          v.id
         ))
       ] })
     }
   );
 }
-const Te = -1e3, _t = {
+const Te = -1e3, mt = {
   width: 0,
   height: 0,
   top: Te,
   left: Te
-}, Ln = () => {
-  const [n, e] = k({
-    ..._t
-  }), t = R(qe), i = R(Xe), r = R(fe), s = wi(
+};
+function Vn() {
+  const [n, e] = $({
+    ...mt
+  }), t = O(qe), i = O(Ze), r = O(fe), s = wi(
     () => r.subscribeContextValue$(st),
     !1,
     void 0,
     [r, st]
   );
-  return _i.UNSPECIFIED, he(() => {
+  return fi.UNSPECIFIED, he(() => {
     t.state$.subscribe((o) => {
       if (o == null)
         return;
       const {
-        startX: a = Te,
-        startY: c = Te,
+        startX: c = Te,
+        startY: a = Te,
         endX: h = 0,
         endY: l = 0,
         show: d = !1
       } = o;
       if (!d)
         e({
-          ..._t
+          ...mt
         });
       else {
         e({
-          width: h - a - ne + 2,
-          height: l - c - ne + 2,
-          left: a + ne,
-          top: c + ne
+          width: h - c - ne + 2,
+          height: l - a - ne + 2,
+          left: c + ne,
+          top: a + ne
         });
-        const v = i.getEditor(de);
-        if (v == null)
+        const g = i.getEditor(de);
+        if (g == null)
           return;
-        const { left: _, top: m, width: f, height: g } = v.getBoundingClientRect();
-        t.setRect({ left: _, top: m, width: f, height: g });
+        const { left: m, top: p, width: f, height: v } = g.getBoundingClientRect();
+        t.setRect({ left: m, top: p, width: f, height: v });
       }
     });
   }, []), he(() => {
@@ -1964,95 +1965,95 @@ const Te = -1e3, _t = {
       }
     }
   );
-}, Yt = "slide.menu.image";
-function Bn(n) {
+}
+const Gt = "slide.menu.image";
+function jn(n) {
   return {
-    id: Yt,
-    type: _e.SUBITEMS,
-    icon: "AddImageSingle",
+    id: Gt,
+    type: me.SUBITEMS,
+    icon: "AddImageIcon",
     tooltip: "slide.image.insert.title",
-    hidden$: me(n, E.UNIVER_SLIDE)
+    hidden$: pe(n, E.UNIVER_SLIDE)
   };
 }
-function $n(n) {
+function An(n) {
   return {
     id: Je.id,
     title: "slide.image.insert.float",
-    type: _e.BUTTON,
-    hidden$: me(n, E.UNIVER_SLIDE)
+    type: me.BUTTON,
+    hidden$: pe(n, E.UNIVER_SLIDE)
   };
 }
-const Zt = "graph-single", qt = "slide.menu.shape";
-function Hn(n) {
+const Yt = "slide.menu.shape";
+function Ln(n) {
   return {
-    id: qt,
-    type: _e.SUBITEMS,
-    icon: Zt,
+    id: Yt,
+    type: me.SUBITEMS,
+    icon: "GraphIcon",
     tooltip: "slide.shape.insert.title",
-    hidden$: me(n, E.UNIVER_SLIDE)
+    hidden$: pe(n, E.UNIVER_SLIDE)
     // disabled$: getCurrentRangeDisable$(accessor, { workbookTypes: [WorkbookEditablePermission], worksheetTypes: [WorksheetEditPermission], rangeTypes: [RangeProtectionPermissionEditPoint] }),
   };
 }
-function Fn(n) {
+function Bn(n) {
   return {
-    id: Ye.id,
+    id: Ge.id,
     title: "slide.shape.insert.rectangle",
-    type: _e.BUTTON,
-    hidden$: me(n, E.UNIVER_SLIDE)
+    type: me.BUTTON,
+    hidden$: pe(n, E.UNIVER_SLIDE)
   };
 }
-const Jt = "text-single";
-function Wn(n) {
+function $n(n) {
   return {
     id: Qe.id,
-    type: _e.BUTTON,
-    icon: Jt,
+    type: me.BUTTON,
+    icon: "TextIcon",
     tooltip: "slide.text.insert.title",
-    hidden$: me(n, E.UNIVER_SLIDE)
+    hidden$: pe(n, E.UNIVER_SLIDE)
   };
 }
-const zn = {
-  [Ti.FORMAT]: {
+const Hn = {
+  [yi.FORMAT]: {
     [Qe.id]: {
       order: 0,
-      menuItemFactory: Wn
+      menuItemFactory: $n
     },
-    [Yt]: {
+    [Gt]: {
       order: 0,
-      menuItemFactory: Bn,
+      menuItemFactory: jn,
       [Je.id]: {
         order: 0,
-        menuItemFactory: $n
+        menuItemFactory: An
       }
     },
-    [qt]: {
+    [Yt]: {
       order: 0,
-      menuItemFactory: Hn,
-      [Ye.id]: {
+      menuItemFactory: Ln,
+      [Ge.id]: {
         order: 0,
-        menuItemFactory: Fn
+        menuItemFactory: Bn
       }
     }
   }
 };
 function We(n) {
-  return n.getContextValue(xt) && n.getContextValue(xe);
+  return n.getContextValue(Rt) && n.getContextValue(Re);
 }
-function kn(n) {
-  return n.getContextValue(pi) && n.getContextValue(xt);
+function Fn(n) {
+  return n.getContextValue(pi) && n.getContextValue(Rt);
 }
-const Qt = [
-  P.ARROW_DOWN,
-  P.ARROW_UP,
-  P.ARROW_LEFT,
-  P.ARROW_RIGHT
+const qt = [
+  y.ARROW_DOWN,
+  y.ARROW_UP,
+  y.ARROW_LEFT,
+  y.ARROW_RIGHT
 ];
-[P.ENTER, P.TAB, ...Qt];
-function Kn() {
+[y.ENTER, y.TAB, ...qt];
+function Wn() {
   const n = [];
-  for (const e of Qt)
+  for (const e of qt)
     n.push({
-      id: we.id,
+      id: Pe.id,
       binding: e,
       preconditions: (t) => We(t),
       staticParameters: {
@@ -2062,8 +2063,8 @@ function Kn() {
         isShift: !1
       }
     }), n.push({
-      id: we.id,
-      binding: e | Mi.SHIFT,
+      id: Pe.id,
+      binding: e | Pi.SHIFT,
       preconditions: (t) => We(t),
       staticParameters: {
         visible: !1,
@@ -2074,13 +2075,13 @@ function Kn() {
     });
   return n;
 }
-const Xn = {
-  id: Gi.id,
-  preconditions: (n) => We(n) || kn(n),
-  binding: P.BACKSPACE
+const kn = {
+  id: zi.id,
+  preconditions: (n) => We(n) || Fn(n),
+  binding: y.BACKSPACE
 };
-var Gn = Object.getOwnPropertyDescriptor, Yn = (n, e, t, i) => {
-  for (var r = i > 1 ? void 0 : i ? Gn(e, t) : e, s = n.length - 1, o; s >= 0; 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);
   return r;
 }, ie = (n, e) => (t, i) => e(t, i, n);
@@ -2089,59 +2090,59 @@ let Me = class extends De {
     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();
   }
   _initMenus() {
-    this._menuManagerService.mergeMenu(zn);
+    this._menuManagerService.mergeMenu(Hn);
   }
   _initCustomComponents() {
     const n = this._componentManager;
-    this.disposeWithMe(n.register(Jt, Ht)), this.disposeWithMe(n.register(Zt, At)), this.disposeWithMe(n.register(zt, jn)), this.disposeWithMe(n.register(Oe, In));
+    this.disposeWithMe(n.register("TextIcon", Ht)), this.disposeWithMe(n.register("GraphIcon", At)), this.disposeWithMe(n.register(kt, Dn)), this.disposeWithMe(n.register(xe, _n));
   }
   _initCommands() {
     [
       Kt,
-      kt,
-      Gt,
-      Je,
+      zt,
       Xt,
+      Je,
+      Zt,
       Qe,
       Wt,
-      Ye,
+      Ge,
       Be,
       Dt,
-      $,
+      H,
       // commands for editor
-      we
+      Pe
     ].forEach((n) => this.disposeWithMe(this._commandService.registerCommand(n)));
   }
   _initUIComponents() {
     this.disposeWithMe(
-      this._uiPartsService.registerComponent(ot.LEFT_SIDEBAR, () => at(An, this._injector))
+      this._uiPartsService.registerComponent(ot.LEFT_SIDEBAR, () => ct(Un, this._injector))
     ), this.disposeWithMe(
-      this._uiPartsService.registerComponent(ot.CONTENT, () => at(Ln, this._injector))
+      this._uiPartsService.registerComponent(ot.CONTENT, () => ct(Vn, this._injector))
     );
   }
   _initShortcuts() {
     [
-      Xn,
-      ...Kn()
+      kn,
+      ...Wn()
     ].forEach((n) => {
       this.disposeWithMe(this._shortcutService.registerShortcut(n));
     });
   }
 };
-Me = Yn([
-  ie(0, X(ze)),
-  ie(1, Ni),
-  ie(2, X(Di)),
-  ie(3, Ui),
+Me = Kn([
+  ie(0, Z(ke)),
+  ie(1, Ti),
+  ie(2, Z(Mi)),
+  ie(3, Ni),
   ie(4, U),
-  ie(5, Vi)
+  ie(5, Di)
 ], Me);
-var Zn = Object.getOwnPropertyDescriptor, qn = (n, e, t, i) => {
+var Zn = Object.getOwnPropertyDescriptor, Xn = (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);
   return r;
 }, Ae = (n, e) => (t, i) => e(t, i, n);
-let Ne = class extends ve {
+let Ne = class extends ge {
   // private _skeletonChangeMutations = new Set<string>();
   constructor(n, e, t) {
     super(), this._contextService = n, this._instanceSrv = e, this._renderManagerService = t, Promise.resolve().then(() => this._init());
@@ -2166,41 +2167,41 @@ let Ne = class extends ve {
   _initContextListener() {
   }
 };
-Ne = qn([
+Ne = Xn([
   Ae(0, fe),
-  Ae(1, y),
-  Ae(2, G)
+  Ae(1, w),
+  Ae(2, X)
 ], Ne);
-var Jn = Object.getOwnPropertyDescriptor, Qn = (n, e, t, i) => {
-  for (var r = i > 1 ? void 0 : i ? Jn(e, t) : e, s = n.length - 1, o; s >= 0; s--)
+var Gn = Object.getOwnPropertyDescriptor, Yn = (n, e, t, i) => {
+  for (var r = i > 1 ? void 0 : i ? Gn(e, t) : e, s = n.length - 1, o; s >= 0; s--)
     (o = n[s]) && (r = o(r) || r);
   return r;
 }, be = (n, e) => (t, i) => e(t, i, n);
-const er = "SLIDE_UI";
+const qn = "SLIDE_UI";
 var Ee;
-let pt = (Ee = class extends Si {
-  constructor(n = gt, e, t, i, r) {
+let _t = (Ee = class extends mi {
+  constructor(n = vt, e, t, i, r) {
     super(), this._config = n, this._injector = e, this._renderManagerService = t, this._univerInstanceService = i, this._configService = r;
-    const { menu: s, ...o } = Ci(
+    const { menu: s, ...o } = _i(
       {},
-      gt,
+      vt,
       this._config
     );
-    s && this._configService.setConfig("menu", s, { merge: !0 }), this._configService.setConfig(rn, o);
+    s && this._configService.setConfig("menu", s, { merge: !0 }), this._configService.setConfig(en, o);
   }
   onStarting() {
     tt([
       [Ne],
-      [Ze, { useClass: $e }],
+      [Ye, { useClass: $e }],
       // used by SlideUIController --> EditorContainer
-      [qe, { useClass: wn }],
-      [ye]
+      [qe, { useClass: On }],
+      [we]
     ], this._config.override).forEach((n) => this._injector.add(n));
   }
   onReady() {
     [
       // SlideRenderService will be init in ready stage, and then calling RenderManagerService@createRender --> init all deps in this rendering register block.
-      [ge]
+      [ve]
     ].forEach((n) => {
       this.disposeWithMe(this._renderManagerService.registerRenderModule(E.UNIVER_SLIDE, n));
     }), tt([
@@ -2213,8 +2214,8 @@ let pt = (Ee = class extends Si {
       // SlidesUIController controller would add a new RenderUnit (__INTERNAL_EDITOR__DOCS_NORMAL)
       [Me],
       // editor service was create in renderManagerService
-      [ge],
-      [Pe]
+      [ve],
+      [ye]
     ], this._config.override).forEach((n) => {
       this._injector.add(n);
     }), this._injector.get(T), this._injector.get(Ne);
@@ -2230,7 +2231,7 @@ let pt = (Ee = class extends Si {
     }), this._markSlideAsFocused(), this._injector.get(Me);
   }
   onSteady() {
-    this._injector.get(Pe);
+    this._injector.get(ye);
   }
   _markSlideAsFocused() {
     const n = this._univerInstanceService;
@@ -2240,33 +2241,33 @@ let pt = (Ee = class extends Si {
     } catch {
     }
   }
-}, C(Ee, "pluginName", er), C(Ee, "type", E.UNIVER_SLIDE), Ee);
-pt = Qn([
-  be(1, X(ze)),
-  be(2, G),
-  be(3, y),
-  be(4, Ii)
-], pt);
+}, S(Ee, "pluginName", qn), S(Ee, "type", E.UNIVER_SLIDE), Ee);
+_t = Yn([
+  be(1, Z(ke)),
+  be(2, X),
+  be(3, w),
+  be(4, Ci)
+], _t);
 export {
-  kt as ActivateSlidePageOperation,
+  zt as ActivateSlidePageOperation,
   Kt as AppendSlideOperation,
   T as CanvasView,
   Dt as DeleteSlideElementOperation,
-  Ze as ISlideEditorBridgeService,
+  Ye as ISlideEditorBridgeService,
   Je as InsertSlideFloatImageCommand,
-  Ye as InsertSlideShapeRectangleCommand,
+  Ge as InsertSlideShapeRectangleCommand,
   Wt as InsertSlideShapeRectangleOperation,
-  qt as SHAPE_MENU_ID,
-  Yt as SLIDES_IMAGE_MENU_ID,
+  Yt as SHAPE_MENU_ID,
+  Gt as SLIDES_IMAGE_MENU_ID,
   de as SLIDE_EDITOR_ID,
-  Gt as SetSlidePageThumbOperation,
+  Xt as SetSlidePageThumbOperation,
   Qe as SlideAddTextCommand,
-  Xt as SlideAddTextOperation,
-  ye as SlideCanvasPopMangerService,
-  Ln as SlideEditorContainer,
-  An as SlideSideBar,
+  Zt as SlideAddTextOperation,
+  we as SlideCanvasPopMangerService,
+  Vn as SlideEditorContainer,
+  Un as SlideSideBar,
   Me as SlidesUIController,
-  zn as SlidesUIMenuSchema,
-  pt as UniverSlidesUIPlugin,
-  $ as UpdateSlideElementOperation
+  Hn as SlidesUIMenuSchema,
+  _t as UniverSlidesUIPlugin,
+  H as UpdateSlideElementOperation
 };