@univerjs/slides-ui 0.6.0-nightly.202502111606 → 0.6.0-nightly.202502131606

package/lib/es/index.js

@@ -1,30 +1,30 @@
-var mn = Object.defineProperty;
-var un = (i, e, t) => e in i ? mn(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
-var I = (i, e, t) => un(i, typeof e != "symbol" ? e + "" : e, t);
-import { Inject as Y, Injector as Ke, RxDisposable as Ce, UniverInstanceType as E, debounce as gn, getColorStyle as hn, IUniverInstanceService as y, CommandType as V, Tools as pn, useDependency as x, LocaleService as ee, ICommandService as j, generateRandomId as St, PageElementType as Ge, BasicShapes as Cn, Disposable as Ve, DisposableCollection as Xe, toDisposable as It, FOCUSING_COMMON_DRAWINGS as fn, IContextService as fe, createInternalEditorID as vn, createIdentifier as Pt, EDITOR_ACTIVATED as xe, FOCUSING_EDITOR_STANDALONE as bt, FOCUSING_UNIVER_EDITOR_STANDALONE_SINGLE_MODE as Et, DocumentDataModel as _n, VerticalAlign as ye, HorizontalAlign as Rt, WrapStrategy as tt, FOCUSING_EDITOR_BUT_HIDDEN as Sn, DEFAULT_EMPTY_DOCUMENT_VALUE as Ot, Direction as L, IUndoRedoService as In, DocumentFlavor as Pn, FOCUSING_UNIVER_EDITOR as xt, FORMULA_EDITOR_ACTIVATED as bn, connectInjector as nt, Plugin as En, merge as Rn, mergeOverrideWithDependencies as it, IConfigService as On } from "@univerjs/core";
-import { Viewport as rt, ScrollBar as yt, Slide as xn, Rect as Mt, Scene as yn, IRenderManagerService as Z, ObjectType as ge, pxToNum as Mn, DeviceInputEventType as J, convertTextRotation as st, FIX_ONE_PIXEL_BLUR_OFFSET as se, fixLineWidthByScale as ot } from "@univerjs/engine-render";
-import { ObjectProvider as Tn, SLIDE_KEY as oe } from "@univerjs/slides";
-import { ISidebarService as Tt, ICanvasPopupService as wn, KeyCode as M, ILayoutService as Nn, ILocalFileService as Dn, useObservable as Un, DISABLE_AUTO_FOCUS_KEY as at, MenuItemType as ve, getMenuHiddenObservable as _e, RibbonStartGroup as Vn, MetaKeys as jn, ComponentManager as Bn, BuiltInUIPart as ct, IMenuManagerService as Ln, IUIPartsService as An, IShortcutService as $n } from "@univerjs/ui";
-import { jsxs as R, jsx as m } from "react/jsx-runtime";
-import { Button as Pe, InputNumber as me, DropdownLegacy as wt, ColorPicker as Hn, Scrollbar as Fn } from "@univerjs/design";
-import Nt, { forwardRef as $, useRef as Dt, createElement as H, useState as X, useEffect as he, useMemo as zn, useCallback as lt } from "react";
-import { BehaviorSubject as Q, Subject as Ut, filter as Wn, takeUntil as dt } from "rxjs";
-import { DocSelectionManagerService as Kn, DocSkeletonManagerService as mt, RichTextEditingMutation as Gn } from "@univerjs/docs";
-import { IEditorService as Ye, DocSelectionRenderService as ut, VIEWPORT_KEY as gt, DOCS_COMPONENT_MAIN_LAYER_INDEX as Xn, MoveSelectionOperation as Yn, MoveCursorOperation as Zn, DOCS_VIEW_KEY as kn, DeleteLeftCommand as qn } from "@univerjs/docs-ui";
+var dn = Object.defineProperty;
+var gn = (i, e, t) => e in i ? dn(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
+var I = (i, e, t) => gn(i, typeof e != "symbol" ? e + "" : e, t);
+import { Inject as X, Injector as ke, IUniverInstanceService as y, RxDisposable as pe, UniverInstanceType as E, debounce as un, getColorStyle as hn, CommandType as V, Tools as mn, LocaleService as ee, ICommandService as B, generateRandomId as St, BasicShapes as vn, PageElementType as Ke, Disposable as Ve, DisposableCollection as Ge, IContextService as Ce, toDisposable as It, FOCUSING_COMMON_DRAWINGS as pn, createInternalEditorID as Cn, createIdentifier as bt, EDITOR_ACTIVATED as xe, FOCUSING_EDITOR_STANDALONE as Pt, FOCUSING_UNIVER_EDITOR_STANDALONE_SINGLE_MODE as Et, DocumentDataModel as fn, HorizontalAlign as Rt, VerticalAlign as ye, IUndoRedoService as _n, WrapStrategy as tt, FOCUSING_EDITOR_BUT_HIDDEN as Sn, DEFAULT_EMPTY_DOCUMENT_VALUE as In, Direction as j, DocumentFlavor as bn, FOCUSING_UNIVER_EDITOR as Ot, FORMULA_EDITOR_ACTIVATED as Pn, Plugin as En, merge as Rn, mergeOverrideWithDependencies as nt, IConfigService as On } from "@univerjs/core";
+import { IRenderManagerService as Y, Viewport as it, ScrollBar as xt, Slide as xn, Rect as yt, Scene as yn, ObjectType as ue, pxToNum as Tn, DeviceInputEventType as J, convertTextRotation as rt, FIX_ONE_PIXEL_BLUR_OFFSET as se, fixLineWidthByScale as st } from "@univerjs/engine-render";
+import { ObjectProvider as Mn, SLIDE_KEY as oe } from "@univerjs/slides";
+import { useDependency as x, ISidebarService as Tt, ICanvasPopupService as wn, ILayoutService as Nn, KeyCode as T, ILocalFileService as Dn, useObservable as Un, DISABLE_AUTO_FOCUS_KEY as ot, getMenuHiddenObservable as fe, MenuItemType as _e, RibbonStartGroup as Vn, MetaKeys as Bn, IMenuManagerService as Ln, ComponentManager as jn, IUIPartsService as An, IShortcutService as $n, BuiltInUIPart as at, connectInjector as ct } from "@univerjs/ui";
+import { jsxs as R, jsx as g } from "react/jsx-runtime";
+import { Button as be, DropdownLegacy as Mt, ColorPicker as Hn, InputNumber as de, Scrollbar as Fn } from "@univerjs/design";
+import wt, { forwardRef as $, useRef as Nt, createElement as H, useState as G, useEffect as me, useMemo as zn, useCallback as lt } from "react";
+import { BehaviorSubject as Q, Subject as Dt, filter as Wn, takeUntil as dt } from "rxjs";
+import { DocSelectionManagerService as kn, DocSkeletonManagerService as gt, RichTextEditingMutation as Kn } from "@univerjs/docs";
+import { IEditorService as Xe, DocSelectionRenderService as ut, VIEWPORT_KEY as ht, DOCS_COMPONENT_MAIN_LAYER_INDEX as Gn, MoveSelectionOperation as Xn, MoveCursorOperation as Yn, DOCS_VIEW_KEY as Zn, DeleteLeftCommand as qn } from "@univerjs/docs-ui";
 import { DRAWING_IMAGE_ALLOW_IMAGE_LIST as Jn, IImageIoService as Qn, getImageSize as ei } from "@univerjs/drawing";
-var ti = Object.defineProperty, ni = Object.getOwnPropertyDescriptor, ii = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? ni(e, t) : e, s = i.length - 1, o; s >= 0; s--)
-    (o = i[s]) && (r = (n ? o(e, t, r) : o(r)) || r);
-  return n && r && ti(e, t, r), r;
-}, je = (i, e) => (t, n) => e(t, n, i);
-let pe = class extends Ce {
+var ti = Object.getOwnPropertyDescriptor, ni = (i, e, t, n) => {
+  for (var r = n > 1 ? void 0 : n ? ti(e, t) : e, s = i.length - 1, o; s >= 0; s--)
+    (o = i[s]) && (r = o(r) || r);
+  return r;
+}, Be = (i, e) => (t, n) => e(t, n, i);
+let ve = class extends pe {
   constructor(e, t, n, r) {
     super();
     I(this, "_objectProvider", null);
-    I(this, "_refreshThumb", gn(() => {
+    I(this, "_refreshThumb", un(() => {
       this.createThumbs();
     }, 300));
-    this._renderContext = e, this._injector = t, this._univerInstanceService = n, this._renderManagerService = r, this._objectProvider = this._injector.createInstance(Tn), this._addNewRender();
+    this._renderContext = e, this._injector = t, this._univerInstanceService = n, this._renderManagerService = r, this._objectProvider = this._injector.createInstance(Mn), this._addNewRender();
   }
   _addNewRender() {
     const { unitId: e, engine: t, scene: n } = this._renderContext, r = this._getCurrUnitModel();
@@ -37,7 +37,7 @@ let pe = class extends Ce {
         this.createThumbs();
       }, 300);
     });
-    const o = new rt(oe.VIEW, n, {
+    const o = new it(oe.VIEW, n, {
       left: 0,
       top: 0,
       bottom: 0,
@@ -46,17 +46,17 @@ let pe = class extends Ce {
       explicitViewportHeightSet: !1,
       isWheelPreventDefaultX: !0
     });
-    n.attachControl(), n.onMouseWheel$.subscribeEvent((c, g) => {
+    n.attachControl(), n.onMouseWheel$.subscribeEvent((c, h) => {
       const l = c;
       if (l.ctrlKey) {
         const d = Math.abs(l.deltaX);
-        let p = d < 40 ? 0.2 : d < 80 ? 0.4 : 0.2;
-        p *= l.deltaY > 0 ? -1 : 1, n.scaleX < 1 && (p /= 2), n.scaleX + p > 4 ? n.scale(4, 4) : n.scaleX + p < 0.1 ? n.scale(0.1, 0.1) : (l.deltaY > 0, l.preventDefault());
+        let v = d < 40 ? 0.2 : d < 80 ? 0.4 : 0.2;
+        v *= l.deltaY > 0 ? -1 : 1, n.scaleX < 1 && (v /= 2), n.scaleX + v > 4 ? n.scale(4, 4) : n.scaleX + v < 0.1 ? n.scale(0.1, 0.1) : (l.deltaY > 0, l.preventDefault());
       } else
-        o.onMouseWheel(l, g);
+        o.onMouseWheel(l, h);
     }), n.onFileLoaded$.subscribeEvent(() => {
       this._refreshThumb();
-    }), yt.attachTo(o), this._renderManagerService.setCurrent(e);
+    }), xt.attachTo(o), this._renderManagerService.setCurrent(e);
     const a = this._createSlide(n);
     this._renderContext.mainComponent = a, this._createSlidePages(r, a), this.createThumbs(), t.runRenderLoop(() => {
       n.render();
@@ -89,7 +89,7 @@ let pe = class extends Ce {
     return c.enableSelectedClipElement(), e.addObject(c), c;
   }
   _addBackgroundRect(e, t) {
-    const r = this._univerInstanceService.getCurrentUnitForType(E.UNIVER_SLIDE).getPageSize(), { width: s = 0, height: o = 0 } = r, a = new Mt("canvas", {
+    const r = this._univerInstanceService.getCurrentUnitForType(E.UNIVER_SLIDE).getPageSize(), { width: s = 0, height: o = 0 } = r, a = new yt("canvas", {
       left: 0,
       top: 0,
       width: s,
@@ -117,8 +117,8 @@ let pe = class extends Ce {
     const { engine: r } = n;
     if (r == null)
       return;
-    const { width: s, height: o } = t, { width: a = s, height: c = o } = r, g = r.getCanvas().getContext();
-    t.renderToThumb(g, e, a / s, c / o);
+    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);
   }
   /**
    * CreateScene by pages, and activate first one.
@@ -151,10 +151,10 @@ let pe = class extends Ce {
     if (t)
       r = n.getPage(t);
     else {
-      const c = n.getPages(), g = n.getPageOrder();
-      if (g == null || c == null)
+      const c = n.getPages(), h = n.getPageOrder();
+      if (h == null || c == null)
         return;
-      r = c[g[0]], t = r.id;
+      r = c[h[0]], t = r.id;
     }
     const s = this._currentRender();
     if (r == null || s == null || s.mainComponent == null)
@@ -183,11 +183,11 @@ let pe = class extends Ce {
     const n = this._renderContext;
     if (!n || !this._objectProvider)
       return;
-    const { scene: r, mainComponent: s } = n, o = s, { width: a, height: c } = o, g = new yn(e, o, {
+    const { scene: r, mainComponent: s } = n, o = s, { width: a, height: c } = o, h = new yn(e, o, {
       width: a,
       height: c
     });
-    new rt(`PageViewer_${e}`, g, {
+    new it(`PageViewer_${e}`, h, {
       left: 0,
       top: 0,
       bottom: 0,
@@ -195,17 +195,17 @@ let pe = class extends Ce {
       explicitViewportWidthSet: !1,
       explicitViewportHeightSet: !1
     }).closeClip();
-    const { pageElements: d, pageBackgroundFill: p } = t, v = this._objectProvider.convertToRenderObjects(d, r);
-    if (!v || !o) return;
-    this._addBackgroundRect(g, p), g.addObjects(v), g.initTransformer(), v.forEach((C) => {
-      g.attachTransformerTo(C);
+    const { pageElements: d, pageBackgroundFill: v } = t, f = this._objectProvider.convertToRenderObjects(d, r);
+    if (!f || !o) return;
+    this._addBackgroundRect(h, v), h.addObjects(f), h.initTransformer(), f.forEach((p) => {
+      h.attachTransformerTo(p);
     });
-    const f = g.getTransformer();
-    return f == null || f.changeEnd$.subscribe(() => {
+    const C = h.getTransformer();
+    return C == null || C.changeEnd$.subscribe(() => {
       this._thumbSceneRender(e, o);
-    }), f == null || f.clearControl$.subscribe(() => {
+    }), C == null || C.clearControl$.subscribe(() => {
       this._thumbSceneRender(e, o);
-    }), o.addPageScene(g), g;
+    }), o.addPageScene(h), h;
   }
   /**
    * Get pageScene from Slide.
@@ -249,22 +249,22 @@ let pe = class extends Ce {
     s && o && s.addPageScene(o), e.appendPage(t), e.setActivePage(t);
   }
 };
-pe = ii([
-  je(1, Y(Ke)),
-  je(2, y),
-  je(3, Z)
-], pe);
-var ri = Object.defineProperty, si = Object.getOwnPropertyDescriptor, oi = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? si(e, t) : e, s = i.length - 1, o; s >= 0; s--)
-    (o = i[s]) && (r = (n ? o(e, t, r) : o(r)) || r);
-  return n && r && ri(e, t, r), r;
-}, ai = (i, e) => (t, n) => e(t, n, i);
-let N = class extends Ce {
+ve = ni([
+  Be(1, X(ke)),
+  Be(2, y),
+  Be(3, Y)
+], ve);
+var ii = Object.getOwnPropertyDescriptor, ri = (i, e, t, n) => {
+  for (var r = n > 1 ? void 0 : n ? ii(e, t) : e, s = i.length - 1, o; s >= 0; s--)
+    (o = i[s]) && (r = o(r) || r);
+  return r;
+}, si = (i, e) => (t, n) => e(t, n, i);
+let N = class extends pe {
   constructor(i) {
     super(), this._renderManagerService = i;
   }
   _getSlideRenderControllerFromRenderUnit(i) {
-    return this._renderManagerService.getRenderById(i).with(pe);
+    return this._renderManagerService.getRenderById(i).with(ve);
   }
   createThumbs(i) {
     this._getSlideRenderControllerFromRenderUnit(i).createThumbs();
@@ -291,10 +291,10 @@ let N = class extends Ce {
     this._getSlideRenderControllerFromRenderUnit(i).appendPage();
   }
 };
-N = oi([
-  ai(0, Z)
+N = ri([
+  si(0, Y)
 ], N);
-const ci = "slides-ui.config", ht = {}, Vt = {
+const oi = "slides-ui.config", mt = {}, Ut = {
   id: "slide.operation.delete-element",
   type: V.OPERATION,
   handler: (i, e) => {
@@ -305,19 +305,6 @@ const ci = "slides-ui.config", ht = {}, Vt = {
     return delete s.pageElements[e.id], r.updatePage(s.id, s), i.get(N).removeObjectById(e.id, s.id, t), !0;
   }
 };
-function jt(i) {
-  var e, t, n = "";
-  if (typeof i == "string" || typeof i == "number") n += i;
-  else if (typeof i == "object") if (Array.isArray(i)) {
-    var r = i.length;
-    for (e = 0; e < r; e++) i[e] && (t = jt(i[e])) && (n && (n += " "), n += t);
-  } else for (t in i) i[t] && (n && (n += " "), n += t);
-  return n;
-}
-function T() {
-  for (var i, e, t = 0, n = "", r = arguments.length; t < r; t++) (i = arguments[t]) && (e = jt(i)) && (n && (n += " "), n += e);
-  return n;
-}
 var U = function() {
   return U = Object.assign || function(i) {
     for (var e, t = 1, n = arguments.length; t < n; t++) {
@@ -326,7 +313,7 @@ var U = function() {
     }
     return i;
   }, U.apply(this, arguments);
-}, li = function(i, e) {
+}, ai = function(i, e) {
   var t = {};
   for (var n in i) Object.prototype.hasOwnProperty.call(i, n) && e.indexOf(n) < 0 && (t[n] = i[n]);
   if (i != null && typeof Object.getOwnPropertySymbols == "function")
@@ -334,15 +321,15 @@ var U = function() {
       e.indexOf(n[r]) < 0 && Object.prototype.propertyIsEnumerable.call(i, n[r]) && (t[n[r]] = i[n[r]]);
   return t;
 }, F = $(function(i, e) {
-  var t = i.icon, n = i.id, r = i.className, s = i.extend, o = li(i, ["icon", "id", "className", "extend"]), a = "univerjs-icon univerjs-icon-".concat(n, " ").concat(r || "").trim(), c = Dt("_".concat(ui()));
-  return Bt(t, "".concat(n), { defIds: t.defIds, idSuffix: c.current }, U({ ref: e, className: a }, o), s);
+  var t = i.icon, n = i.id, r = i.className, s = i.extend, o = ai(i, ["icon", "id", "className", "extend"]), a = "univerjs-icon univerjs-icon-".concat(n, " ").concat(r || "").trim(), c = Nt("_".concat(di()));
+  return Vt(t, "".concat(n), { defIds: t.defIds, idSuffix: c.current }, U({ ref: e, className: a }, o), s);
 });
-function Bt(i, e, t, n, r) {
-  return H(i.tag, U(U({ key: e }, di(i, t, r)), n), (mi(i, t).children || []).map(function(s, o) {
-    return Bt(s, "".concat(e, "-").concat(i.tag, "-").concat(o), t, void 0, r);
+function Vt(i, e, t, n, r) {
+  return H(i.tag, U(U({ key: e }, ci(i, t, r)), n), (li(i, t).children || []).map(function(s, o) {
+    return Vt(s, "".concat(e, "-").concat(i.tag, "-").concat(o), t, void 0, r);
   }));
 }
-function di(i, e, t) {
+function ci(i, e, t) {
   var n = U({}, i.attrs);
   t != null && t.colorChannel1 && n.fill === "colorChannel1" && (n.fill = t.colorChannel1);
   var r = e.defIds;
@@ -351,190 +338,254 @@ function di(i, e, t) {
     typeof a == "string" && (n[o] = a.replace(/url\(#(.*)\)/, "url(#$1".concat(e.idSuffix, ")")));
   })), n;
 }
-function mi(i, e) {
+function li(i, e) {
   var t, n = e.defIds;
   return !n || n.length === 0 ? i : i.tag === "defs" && (!((t = i.children) === null || t === void 0) && t.length) ? U(U({}, i), { children: i.children.map(function(r) {
     return typeof r.attrs.id == "string" && n && n.indexOf(r.attrs.id) > -1 ? U(U({}, r), { attrs: U(U({}, r.attrs), { id: r.attrs.id + e.idSuffix }) }) : r;
   }) }) : i;
 }
-function ui() {
+function di() {
   return Math.random().toString(36).substring(2, 8);
 }
 F.displayName = "UniverIcon";
-var gi = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M2.2498 3.65005C2.2498 2.87685 2.87661 2.25005 3.64981 2.25005H7.9998C8.33118 2.25005 8.5998 1.98142 8.5998 1.65005C8.5998 1.31868 8.33118 1.05005 7.9998 1.05005H3.64981C2.21387 1.05005 1.0498 2.21411 1.0498 3.65005V12.35C1.0498 13.786 2.21386 14.95 3.6498 14.95H12.3498C13.7857 14.95 14.9498 13.786 14.9498 12.3501V8.00005C14.9498 7.66868 14.6812 7.40005 14.3498 7.40005C14.0184 7.40005 13.7498 7.66868 13.7498 8.00005V9.23974L12.2385 8.1063C11.7252 7.72129 11.0068 7.7723 10.5531 8.22605L9.00869 9.77041L6.73916 7.8251C6.24387 7.40055 5.5095 7.41278 5.02864 7.85359L2.2498 10.4009V3.65005ZM2.2498 12.0287V12.35C2.2498 13.1232 2.87661 13.75 3.6498 13.75H12.3498C13.123 13.75 13.7498 13.1232 13.7498 12.3501V10.7397L11.5186 9.06631C11.4829 9.03956 11.433 9.04314 11.4016 9.07458L9.92249 10.5537L11.1015 11.5642C11.3531 11.7799 11.3822 12.1587 11.1666 12.4103C10.9509 12.6619 10.5721 12.691 10.3205 12.4753L5.9582 8.7362C5.92384 8.70674 5.87288 8.70758 5.83952 8.73816L2.2498 12.0287Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M11.8097 1.14783C12.1411 1.14783 12.4097 1.41646 12.4097 1.74783V3.297H14.1541C14.4855 3.297 14.7541 3.56563 14.7541 3.897C14.7541 4.22837 14.4855 4.497 14.1541 4.497H12.4097V6.24167C12.4097 6.57304 12.1411 6.84167 11.8097 6.84167C11.4783 6.84167 11.2097 6.57304 11.2097 6.24167V4.497H9.6603C9.32893 4.497 9.0603 4.22837 9.0603 3.897C9.0603 3.56563 9.32893 3.297 9.6603 3.297H11.2097V1.74783C11.2097 1.41646 11.4783 1.14783 11.8097 1.14783Z" } }] }, Lt = $(function(i, e) {
+var gi = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M2.2498 3.65005C2.2498 2.87685 2.87661 2.25005 3.64981 2.25005H7.9998C8.33118 2.25005 8.5998 1.98142 8.5998 1.65005C8.5998 1.31868 8.33118 1.05005 7.9998 1.05005H3.64981C2.21387 1.05005 1.0498 2.21411 1.0498 3.65005V12.35C1.0498 13.786 2.21386 14.95 3.6498 14.95H12.3498C13.7857 14.95 14.9498 13.786 14.9498 12.3501V8.00005C14.9498 7.66868 14.6812 7.40005 14.3498 7.40005C14.0184 7.40005 13.7498 7.66868 13.7498 8.00005V9.23974L12.2385 8.1063C11.7252 7.72129 11.0068 7.7723 10.5531 8.22605L9.00869 9.77041L6.73916 7.8251C6.24387 7.40055 5.5095 7.41278 5.02864 7.85359L2.2498 10.4009V3.65005ZM2.2498 12.0287V12.35C2.2498 13.1232 2.87661 13.75 3.6498 13.75H12.3498C13.123 13.75 13.7498 13.1232 13.7498 12.3501V10.7397L11.5186 9.06631C11.4829 9.03956 11.433 9.04314 11.4016 9.07458L9.92249 10.5537L11.1015 11.5642C11.3531 11.7799 11.3822 12.1587 11.1666 12.4103C10.9509 12.6619 10.5721 12.691 10.3205 12.4753L5.9582 8.7362C5.92384 8.70674 5.87288 8.70758 5.83952 8.73816L2.2498 12.0287Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M11.8097 1.14783C12.1411 1.14783 12.4097 1.41646 12.4097 1.74783V3.297H14.1541C14.4855 3.297 14.7541 3.56563 14.7541 3.897C14.7541 4.22837 14.4855 4.497 14.1541 4.497H12.4097V6.24167C12.4097 6.57304 12.1411 6.84167 11.8097 6.84167C11.4783 6.84167 11.2097 6.57304 11.2097 6.24167V4.497H9.6603C9.32893 4.497 9.0603 4.22837 9.0603 3.897C9.0603 3.56563 9.32893 3.297 9.6603 3.297H11.2097V1.74783C11.2097 1.41646 11.4783 1.14783 11.8097 1.14783Z" } }] }, Bt = $(function(i, e) {
   return H(F, Object.assign({}, i, {
     id: "add-image-single",
     ref: e,
     icon: gi
   }));
 });
-Lt.displayName = "AddImageSingle";
-var hi = { 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" } }] }, At = $(function(i, e) {
+Bt.displayName = "AddImageSingle";
+var ui = { 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" } }] }, Lt = $(function(i, e) {
   return H(F, Object.assign({}, i, {
     id: "autofill",
     ref: e,
-    icon: hi
+    icon: ui
   }));
 });
-At.displayName = "Autofill";
-var pi = { 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" } }] }, $t = $(function(i, e) {
+Lt.displayName = "Autofill";
+var hi = { 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 = $(function(i, e) {
   return H(F, Object.assign({}, i, {
     id: "bottom-single",
     ref: e,
-    icon: pi
+    icon: hi
   }));
 });
-$t.displayName = "BottomSingle";
-var Ci = { 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"] }, Ht = $(function(i, e) {
+jt.displayName = "BottomSingle";
+var mi = { 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 = $(function(i, e) {
   return H(F, Object.assign({}, i, {
     id: "graph-single",
     ref: e,
-    icon: Ci
+    icon: mi
   }));
 });
-Ht.displayName = "GraphSingle";
-var fi = { 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" } }] }, Ze = $(function(i, e) {
+At.displayName = "GraphSingle";
+var vi = { 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" } }] }, Ye = $(function(i, e) {
   return H(F, Object.assign({}, i, {
     id: "more-down-single",
     ref: e,
-    icon: fi
+    icon: vi
   }));
 });
-Ze.displayName = "MoreDownSingle";
-var vi = { 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" } }] }, Ft = $(function(i, e) {
+Ye.displayName = "MoreDownSingle";
+var pi = { 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" } }] }, $t = $(function(i, e) {
   return H(F, Object.assign({}, i, {
     id: "move-down-single",
     ref: e,
-    icon: vi
+    icon: pi
   }));
 });
-Ft.displayName = "MoveDownSingle";
-var _i = { 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" } }] }, zt = $(function(i, e) {
+$t.displayName = "MoveDownSingle";
+var Ci = { 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" } }] }, Ht = $(function(i, e) {
   return H(F, Object.assign({}, i, {
     id: "move-up-single",
     ref: e,
-    icon: _i
+    icon: Ci
   }));
 });
-zt.displayName = "MoveUpSingle";
-var Si = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "mask", attrs: { id: "mask0_102_1204", style: { maskType: "alpha" }, width: 16, height: 16, x: 0, y: 0, maskUnits: "userSpaceOnUse" }, children: [{ tag: "path", attrs: { fill: "#DCDCDC", d: "M0 0H16V16H0z" } }] }, { tag: "g", attrs: { mask: "url(#mask0_102_1204)" }, children: [{ tag: "rect", attrs: { width: 12.62, height: 2.79, x: 1.69, y: 12.25, fill: "colorChannel1", rx: 1.4 } }, { tag: "path", attrs: { fill: "currentColor", d: "M7.74646 2.1642C7.34284 1.65121 6.85947 1.28205 6.38447 1.09593C5.86863 0.893787 5.15166 0.852126 4.70047 1.42917C4.29842 1.94344 4.33082 2.70249 4.57691 3.50395C4.68808 3.8661 4.86846 4.22254 5.12522 4.56617C5.13695 4.58185 5.14927 4.5968 5.16211 4.61102C5.17152 4.6214 5.18122 4.63139 5.19115 4.64096C5.20459 4.65393 5.21855 4.66618 5.23296 4.6777L3.5064 6.40422C3.26756 6.64306 3.26756 7.03033 3.5064 7.26919L7.23756 11.0004C7.47648 11.2392 7.86375 11.2392 8.1026 11.0004L12.8329 6.27001C13.0717 6.03117 13.0717 5.6439 12.8329 5.40505L9.10172 1.67387C8.86288 1.43503 8.47561 1.43503 8.23676 1.67387L7.74646 2.1642ZM7.46162 4.50638C7.47252 4.57574 7.48163 4.64652 7.4888 4.71868C7.52232 5.05481 7.82194 5.30013 8.15807 5.26661C8.4942 5.23311 8.73954 4.93345 8.70601 4.59732C8.65786 4.11463 8.54251 3.6666 8.37892 3.26169L8.66928 2.97135L11.5354 5.83753L10.6106 6.76237H4.87824L7.40802 4.2326C7.42885 4.32128 7.44684 4.41255 7.46162 4.50638ZM6.87284 3.03784C6.57441 2.62008 6.22261 2.34634 5.93815 2.23487C5.80233 2.18165 5.71528 2.17827 5.67638 2.18335C5.6725 2.18387 5.66929 2.18443 5.6666 2.18497L5.6619 2.18607C5.64166 2.21954 5.53594 2.45979 5.74626 3.1449C5.81241 3.36036 5.92262 3.58602 6.09307 3.81761L6.87284 3.03784Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M12.1932 11.5463C12.6454 11.5463 13.012 11.1797 13.012 10.7275C13.012 10.4475 12.6981 9.92821 12.459 9.5733C12.3299 9.38173 12.0564 9.38174 11.9274 9.57331C11.6883 9.92822 11.3744 10.4475 11.3744 10.7275C11.3744 11.1797 11.741 11.5463 12.1932 11.5463Z" } }] }] }, Wt = $(function(i, e) {
+Ht.displayName = "MoveUpSingle";
+var fi = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "mask", attrs: { id: "mask0_102_1204", style: { maskType: "alpha" }, width: 16, height: 16, x: 0, y: 0, maskUnits: "userSpaceOnUse" }, children: [{ tag: "path", attrs: { fill: "#DCDCDC", d: "M0 0H16V16H0z" } }] }, { tag: "g", attrs: { mask: "url(#mask0_102_1204)" }, children: [{ tag: "rect", attrs: { width: 12.62, height: 2.79, x: 1.69, y: 12.25, fill: "colorChannel1", rx: 1.4 } }, { tag: "path", attrs: { fill: "currentColor", d: "M7.74646 2.1642C7.34284 1.65121 6.85947 1.28205 6.38447 1.09593C5.86863 0.893787 5.15166 0.852126 4.70047 1.42917C4.29842 1.94344 4.33082 2.70249 4.57691 3.50395C4.68808 3.8661 4.86846 4.22254 5.12522 4.56617C5.13695 4.58185 5.14927 4.5968 5.16211 4.61102C5.17152 4.6214 5.18122 4.63139 5.19115 4.64096C5.20459 4.65393 5.21855 4.66618 5.23296 4.6777L3.5064 6.40422C3.26756 6.64306 3.26756 7.03033 3.5064 7.26919L7.23756 11.0004C7.47648 11.2392 7.86375 11.2392 8.1026 11.0004L12.8329 6.27001C13.0717 6.03117 13.0717 5.6439 12.8329 5.40505L9.10172 1.67387C8.86288 1.43503 8.47561 1.43503 8.23676 1.67387L7.74646 2.1642ZM7.46162 4.50638C7.47252 4.57574 7.48163 4.64652 7.4888 4.71868C7.52232 5.05481 7.82194 5.30013 8.15807 5.26661C8.4942 5.23311 8.73954 4.93345 8.70601 4.59732C8.65786 4.11463 8.54251 3.6666 8.37892 3.26169L8.66928 2.97135L11.5354 5.83753L10.6106 6.76237H4.87824L7.40802 4.2326C7.42885 4.32128 7.44684 4.41255 7.46162 4.50638ZM6.87284 3.03784C6.57441 2.62008 6.22261 2.34634 5.93815 2.23487C5.80233 2.18165 5.71528 2.17827 5.67638 2.18335C5.6725 2.18387 5.66929 2.18443 5.6666 2.18497L5.6619 2.18607C5.64166 2.21954 5.53594 2.45979 5.74626 3.1449C5.81241 3.36036 5.92262 3.58602 6.09307 3.81761L6.87284 3.03784Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M12.1932 11.5463C12.6454 11.5463 13.012 11.1797 13.012 10.7275C13.012 10.4475 12.6981 9.92821 12.459 9.5733C12.3299 9.38173 12.0564 9.38174 11.9274 9.57331C11.6883 9.92822 11.3744 10.4475 11.3744 10.7275C11.3744 11.1797 11.741 11.5463 12.1932 11.5463Z" } }] }] }, Ft = $(function(i, e) {
   return H(F, Object.assign({}, i, {
     id: "paint-bucket",
     ref: e,
-    icon: Si
+    icon: fi
   }));
 });
-Wt.displayName = "PaintBucket";
-var Ii = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 17 16", width: "1em", height: "1em" }, children: [{ tag: "g", attrs: { fill: "currentColor", clipPath: "url(#text-single_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-single_clip0_1293_26" }, children: [{ tag: "path", attrs: { fill: "#fff", d: "M0 0H16V16H0z", transform: "translate(.9)" } }] }] }], defIds: ["text-single_clip0_1293_26"] }, Kt = $(function(i, e) {
+Ft.displayName = "PaintBucket";
+var _i = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 17 16", width: "1em", height: "1em" }, children: [{ tag: "g", attrs: { fill: "currentColor", clipPath: "url(#text-single_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-single_clip0_1293_26" }, children: [{ tag: "path", attrs: { fill: "#fff", d: "M0 0H16V16H0z", transform: "translate(.9)" } }] }] }], defIds: ["text-single_clip0_1293_26"] }, zt = $(function(i, e) {
   return H(F, Object.assign({}, i, {
     id: "text-single",
     ref: e,
-    icon: Ii
+    icon: _i
   }));
 });
-Kt.displayName = "TextSingle";
-var Pi = { 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" } }] }, Gt = $(function(i, e) {
+zt.displayName = "TextSingle";
+var Si = { 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" } }] }, Wt = $(function(i, e) {
   return H(F, Object.assign({}, i, {
     id: "topmost-single",
     ref: e,
-    icon: Pi
+    icon: Si
   }));
 });
-Gt.displayName = "TopmostSingle";
-const K = {
+Wt.displayName = "TopmostSingle";
+function kt(i) {
+  var e, t, n = "";
+  if (typeof i == "string" || typeof i == "number") n += i;
+  else if (typeof i == "object") if (Array.isArray(i)) {
+    var r = i.length;
+    for (e = 0; e < r; e++) i[e] && (t = kt(i[e])) && (n && (n += " "), n += t);
+  } else for (t in i) i[t] && (n && (n += " "), n += t);
+  return n;
+}
+function M() {
+  for (var i, e, t = 0, n = "", r = arguments.length; t < r; t++) (i = arguments[t]) && (e = kt(i)) && (n && (n += " "), n += e);
+  return n;
+}
+const k = {
   id: "slide.operation.update-element",
   type: V.OPERATION,
   handler: (i, e) => {
     const { oKey: t, props: n } = e, r = i.get(y), s = e == null ? void 0 : e.unitId, o = r.getUnit(s);
     if (!o) return !1;
     const a = o.getActivePage();
-    return a.pageElements[t] = pn.deepMerge(a.pageElements[t], n), o.updatePage(a.id, a), !0;
-  }
-}, bi = "univer-image-common-panel", Ei = "univer-image-common-panel-grid", Ri = "univer-image-common-panel-border", Oi = "univer-image-common-panel-title", xi = "univer-image-common-panel-subtitle", yi = "univer-image-common-panel-row", Mi = "univer-image-common-panel-row-vertical", Ti = "univer-image-common-panel-column", wi = "univer-image-common-panel-column-center", Ni = "univer-image-common-panel-inline", Di = "univer-image-common-panel-span2", Ui = "univer-image-common-panel-span3", Vi = "univer-image-common-panel-input", ji = "univer-slide-panel-color-picker", u = {
-  imageCommonPanel: bi,
-  imageCommonPanelGrid: Ei,
-  imageCommonPanelBorder: Ri,
-  imageCommonPanelTitle: Oi,
-  imageCommonPanelSubtitle: xi,
-  imageCommonPanelRow: yi,
-  imageCommonPanelRowVertical: Mi,
-  imageCommonPanelColumn: Ti,
-  imageCommonPanelColumnCenter: wi,
-  imageCommonPanelInline: Ni,
-  imageCommonPanelSpan2: Di,
-  imageCommonPanelSpan3: Ui,
-  imageCommonPanelInput: Vi,
-  slidePanelColorPicker: ji
+    return a.pageElements[t] = mn.deepMerge(a.pageElements[t], n), o.updatePage(a.id, a), !0;
+  }
+}, Ii = "univer-image-common-panel-grid", bi = "univer-image-common-panel-border", Pi = "univer-image-common-panel-title", Ei = "univer-image-common-panel-row", Ri = "univer-image-common-panel-column", Oi = "univer-image-common-panel-inline", xi = "univer-image-common-panel-span2", yi = "univer-image-common-panel-span3", Ti = "univer-image-common-panel-input", Mi = "univer-slide-panel-color-picker", u = {
+  imageCommonPanelGrid: Ii,
+  imageCommonPanelBorder: bi,
+  imageCommonPanelTitle: Pi,
+  imageCommonPanelRow: Ei,
+  imageCommonPanelColumn: Ri,
+  imageCommonPanelInline: Oi,
+  imageCommonPanelSpan2: xi,
+  imageCommonPanelSpan3: yi,
+  imageCommonPanelInput: Ti,
+  slidePanelColorPicker: Mi
 };
-function Bi(i) {
-  const { pageId: e, unitId: t } = i, n = x(ee), r = x(N), s = x(j), o = r.getRenderUnitByPageId(e, t), a = o == null ? void 0 : o.scene;
+function wi(i) {
+  const { pageId: e, unitId: t } = i, n = x(ee), r = x(N), s = x(B), o = r.getRenderUnitByPageId(e, t), a = o == null ? void 0 : o.scene;
   if (!a) return null;
   const c = a.getTransformer();
   if (!c) return null;
   const l = c.getSelectedObjectMap().values().next().value;
   if (!l) return null;
-  const d = (p) => {
-    const v = a.getAllObjects(), [f, C] = v.reduce(([_, P], b) => {
-      const w = b.zIndex, D = w < _ ? w : _, B = w > P ? w : P;
-      return [D, B];
+  const d = (v) => {
+    const f = a.getAllObjects(), [C, p] = f.reduce(([_, b], P) => {
+      const w = P.zIndex, D = w < _ ? w : _, L = w > b ? w : b;
+      return [D, L];
     }, [0, 0]);
-    let h = l.zIndex;
-    p === 3 ? h = f - 1 : p === 2 ? h = C + 1 : p === 0 ? h = l.zIndex + 1 : p === 1 && (h = l.zIndex - 1), l.setProps({
-      zIndex: h
-    }), s.executeCommand(K.id, {
+    let m = l.zIndex;
+    v === 3 ? m = C - 1 : v === 2 ? m = p + 1 : v === 0 ? m = l.zIndex + 1 : v === 1 && (m = l.zIndex - 1), l.setProps({
+      zIndex: m
+    }), s.executeCommand(k.id, {
       unitId: t,
       oKey: l == null ? void 0 : l.oKey,
       props: {
-        zIndex: h
+        zIndex: m
       }
     });
   };
   return /* @__PURE__ */ R("div", { className: u.imageCommonPanelGrid, children: [
-    /* @__PURE__ */ m("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ m("div", { className: T(u.imageCommonPanelColumn, u.imageCommonPanelTitle), children: /* @__PURE__ */ m("div", { children: n.t("image-panel.arrange.title") }) }) }),
+    /* @__PURE__ */ g("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ g("div", { className: M(u.imageCommonPanelColumn, u.imageCommonPanelTitle), children: /* @__PURE__ */ g("div", { children: n.t("image-panel.arrange.title") }) }) }),
     /* @__PURE__ */ R("div", { className: u.imageCommonPanelRow, children: [
-      /* @__PURE__ */ m("div", { className: T(u.imageCommonPanelColumn, u.imageCommonPanelSpan2), children: /* @__PURE__ */ m(Pe, { size: "small", onClick: () => {
+      /* @__PURE__ */ g("div", { className: M(u.imageCommonPanelColumn, u.imageCommonPanelSpan2), children: /* @__PURE__ */ g(be, { size: "small", onClick: () => {
         d(
           0
           /* forward */
         );
       }, children: /* @__PURE__ */ R("span", { className: u.imageCommonPanelInline, children: [
-        /* @__PURE__ */ m(zt, {}),
+        /* @__PURE__ */ g(Ht, {}),
         n.t("image-panel.arrange.forward")
       ] }) }) }),
-      /* @__PURE__ */ m("div", { className: T(u.imageCommonPanelColumn, u.imageCommonPanelSpan2), children: /* @__PURE__ */ m(Pe, { size: "small", onClick: () => {
+      /* @__PURE__ */ g("div", { className: M(u.imageCommonPanelColumn, u.imageCommonPanelSpan2), children: /* @__PURE__ */ g(be, { size: "small", onClick: () => {
         d(
           1
           /* backward */
         );
       }, children: /* @__PURE__ */ R("span", { className: u.imageCommonPanelInline, children: [
-        /* @__PURE__ */ m(Ft, {}),
+        /* @__PURE__ */ g($t, {}),
         n.t("image-panel.arrange.backward")
       ] }) }) })
     ] }),
     /* @__PURE__ */ R("div", { className: u.imageCommonPanelRow, children: [
-      /* @__PURE__ */ m("div", { className: T(u.imageCommonPanelColumn, u.imageCommonPanelSpan2), children: /* @__PURE__ */ m(Pe, { size: "small", onClick: () => {
+      /* @__PURE__ */ g("div", { className: M(u.imageCommonPanelColumn, u.imageCommonPanelSpan2), children: /* @__PURE__ */ g(be, { size: "small", onClick: () => {
         d(
           2
           /* front */
         );
       }, children: /* @__PURE__ */ R("span", { className: u.imageCommonPanelInline, children: [
-        /* @__PURE__ */ m(Gt, {}),
+        /* @__PURE__ */ g(Wt, {}),
         n.t("image-panel.arrange.front")
       ] }) }) }),
-      /* @__PURE__ */ m("div", { className: T(u.imageCommonPanelColumn, u.imageCommonPanelSpan2), children: /* @__PURE__ */ m(Pe, { size: "small", onClick: () => {
+      /* @__PURE__ */ g("div", { className: M(u.imageCommonPanelColumn, u.imageCommonPanelSpan2), children: /* @__PURE__ */ g(be, { size: "small", onClick: () => {
         d(
           3
           /* back */
         );
       }, children: /* @__PURE__ */ R("span", { className: u.imageCommonPanelInline, children: [
-        /* @__PURE__ */ m($t, {}),
+        /* @__PURE__ */ g(jt, {}),
         n.t("image-panel.arrange.back")
       ] }) }) })
     ] })
   ] });
 }
-function Li(i) {
-  const { pageId: e, unitId: t } = i, n = x(ee), r = x(N), s = x(j), o = r.getRenderUnitByPageId(e, t), a = o == null ? void 0 : o.scene;
+function Ni(i) {
+  var C, p;
+  const { pageId: e, unitId: t } = i, n = x(ee), r = x(N), s = x(B), o = r.getRenderUnitByPageId(e, t), a = o == null ? void 0 : o.scene;
+  if (!a) return null;
+  const c = a.getTransformer();
+  if (!c) return null;
+  const l = c.getSelectedObjectMap().values().next().value;
+  if (!l) return null;
+  const [d, v] = wt.useState((p = (C = l.fill) == null ? void 0 : C.toString()) != null ? p : "");
+  function f(m) {
+    l == null || l.setProps({
+      fill: m
+    }), s.executeCommand(k.id, {
+      unitId: t,
+      oKey: l == null ? void 0 : l.oKey,
+      props: {
+        shape: {
+          shapeProperties: {
+            shapeBackgroundFill: {
+              rgb: m
+            }
+          }
+        }
+      }
+    }), v(m);
+  }
+  return /* @__PURE__ */ g(
+    "div",
+    {
+      className: M(u.imageCommonPanelGrid, u.imageCommonPanelBorder),
+      children: /* @__PURE__ */ R("div", { className: u.imageCommonPanelGrid, children: [
+        /* @__PURE__ */ g("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ g("div", { className: M(u.imageCommonPanelColumn, u.imageCommonPanelTitle), children: /* @__PURE__ */ g("div", { children: n.t("slide.panel.fill.title") }) }) }),
+        /* @__PURE__ */ g("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ g("div", { className: M(u.imageCommonPanelColumn, u.imageCommonPanelSpan2), children: /* @__PURE__ */ g(
+          Mt,
+          {
+            align: {
+              offset: [0, 18]
+            },
+            overlay: /* @__PURE__ */ g("section", { className: u.slidePanelColorPicker, children: /* @__PURE__ */ g(
+              Hn,
+              {
+                value: "#fff",
+                onChange: f
+              }
+            ) }),
+            children: /* @__PURE__ */ R("a", { className: u.uiPluginSheetsBorderPanelButton, children: [
+              /* @__PURE__ */ g(Ft, { extend: { colorChannel1: d != null ? d : "rgb(var(--primary-color))" } }),
+              /* @__PURE__ */ g("span", { className: u.uiPluginSheetsBorderPanelMoreIcon, children: /* @__PURE__ */ g(Ye, {}) })
+            ] })
+          }
+        ) }) })
+      ] })
+    }
+  );
+}
+function Di(i) {
+  const { pageId: e, unitId: t } = i, n = x(ee), r = x(N), s = x(B), o = r.getRenderUnitByPageId(e, t), a = o == null ? void 0 : o.scene;
   if (!a) return null;
   const c = a.getTransformer();
   if (!c) return null;
@@ -542,32 +593,32 @@ function Li(i) {
   if (!l) return null;
   const {
     width: d = 0,
-    height: p = 0,
-    left: v = 0,
-    top: f = 0,
-    angle: C = 0
-  } = l, [h, _] = X(d), [P, b] = X(p), [w, D] = X(v), [B, O] = X(f), [G, ce] = X(C), z = (S) => {
-    const { objects: le } = S, de = le.values().next().value, {
-      width: on = 0,
-      height: an = 0,
-      left: cn = 0,
-      top: ln = 0,
-      angle: dn = 0
-    } = de;
-    _(on), b(an), D(cn), O(ln), ce(dn);
+    height: v = 0,
+    left: f = 0,
+    top: C = 0,
+    angle: p = 0
+  } = l, [m, _] = G(d), [b, P] = G(v), [w, D] = G(f), [L, O] = G(C), [K, ae] = G(p), z = (S) => {
+    const { objects: ce } = S, le = ce.values().next().value, {
+      width: sn = 0,
+      height: on = 0,
+      left: an = 0,
+      top: cn = 0,
+      angle: ln = 0
+    } = le;
+    _(sn), P(on), D(an), O(cn), ae(ln);
   };
-  he(() => {
-    const S = c.changeStart$.subscribe((de) => {
-      z(de);
-    }), le = c.changing$.subscribe((de) => {
-      z(de);
+  me(() => {
+    const S = c.changeStart$.subscribe((le) => {
+      z(le);
+    }), ce = c.changing$.subscribe((le) => {
+      z(le);
     });
     return () => {
-      le.unsubscribe(), S.unsubscribe();
+      ce.unsubscribe(), S.unsubscribe();
     };
   }, []);
   function W(S) {
-    !S || !l || (s.executeCommand(K.id, {
+    !S || !l || (s.executeCommand(k.id, {
       pageId: e,
       oKey: l.oKey,
       props: {
@@ -576,16 +627,16 @@ function Li(i) {
     }), l == null || l.resize(S, l.height), _(S), c == null || c.refreshControls());
   }
   function te(S) {
-    !S || !l || (s.executeCommand(K.id, {
+    !S || !l || (s.executeCommand(k.id, {
       pageId: e,
       oKey: l.oKey,
       props: {
         height: S
       }
-    }), l == null || l.resize(l.width, S), b(S), c == null || c.refreshControls());
+    }), l == null || l.resize(l.width, S), P(S), c == null || c.refreshControls());
   }
   function ne(S) {
-    !S || !l || (s.executeCommand(K.id, {
+    !S || !l || (s.executeCommand(k.id, {
       pageId: e,
       oKey: l.oKey,
       props: {
@@ -594,7 +645,7 @@ function Li(i) {
     }), l == null || l.translate(S, l.top), D(S), c == null || c.refreshControls());
   }
   function Se(S) {
-    !S || !l || (s.executeCommand(K.id, {
+    !S || !l || (s.executeCommand(k.id, {
       pageId: e,
       oKey: l.oKey,
       props: {
@@ -603,7 +654,7 @@ function Li(i) {
     }), l == null || l.translate(l.left, S), O(S), c == null || c.refreshControls());
   }
   function Ie(S) {
-    !S || !l || (s.executeCommand(K.id, {
+    !S || !l || (s.executeCommand(k.id, {
       pageId: e,
       oKey: l.oKey,
       props: {
@@ -611,37 +662,37 @@ function Li(i) {
       }
     }), l == null || l.transformByState({
       angle: S
-    }), ce(S), c == null || c.refreshControls());
+    }), ae(S), c == null || c.refreshControls());
   }
   return /* @__PURE__ */ R(
     "div",
     {
-      className: T(u.imageCommonPanelGrid, u.imageCommonPanelBorder),
+      className: M(u.imageCommonPanelGrid, u.imageCommonPanelBorder),
       children: [
-        /* @__PURE__ */ m("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ m("div", { className: T(u.imageCommonPanelColumn, u.imageCommonPanelTitle), children: /* @__PURE__ */ m("div", { children: n.t("image-panel.transform.title") }) }) }),
+        /* @__PURE__ */ g("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ g("div", { className: M(u.imageCommonPanelColumn, u.imageCommonPanelTitle), children: /* @__PURE__ */ g("div", { children: n.t("image-panel.transform.title") }) }) }),
         /* @__PURE__ */ R("div", { className: u.imageCommonPanelRow, children: [
-          /* @__PURE__ */ m("div", { className: T(u.imageCommonPanelColumn, u.imageCommonPanelSpan3), children: /* @__PURE__ */ R("label", { children: [
-            /* @__PURE__ */ m("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ m("div", { className: u.imageCommonPanelColumn, children: n.t("image-panel.transform.width") }) }),
-            /* @__PURE__ */ m("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ m("div", { className: u.imageCommonPanelColumn, children: /* @__PURE__ */ m(
-              me,
+          /* @__PURE__ */ g("div", { className: M(u.imageCommonPanelColumn, u.imageCommonPanelSpan3), children: /* @__PURE__ */ R("label", { children: [
+            /* @__PURE__ */ g("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ g("div", { className: u.imageCommonPanelColumn, children: n.t("image-panel.transform.width") }) }),
+            /* @__PURE__ */ g("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ g("div", { className: u.imageCommonPanelColumn, children: /* @__PURE__ */ g(
+              de,
               {
                 className: u.imageCommonPanelInput,
                 min: 1,
-                value: h,
+                value: m,
                 onChange: (S) => {
                   W(S);
                 }
               }
             ) }) })
           ] }) }),
-          /* @__PURE__ */ m("div", { className: T(u.imageCommonPanelColumn, u.imageCommonPanelSpan3), children: /* @__PURE__ */ R("label", { children: [
-            /* @__PURE__ */ m("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ m("div", { className: u.imageCommonPanelColumn, children: n.t("image-panel.transform.height") }) }),
-            /* @__PURE__ */ m("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ m("div", { className: u.imageCommonPanelColumn, children: /* @__PURE__ */ m(
-              me,
+          /* @__PURE__ */ g("div", { className: M(u.imageCommonPanelColumn, u.imageCommonPanelSpan3), children: /* @__PURE__ */ R("label", { children: [
+            /* @__PURE__ */ g("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ g("div", { className: u.imageCommonPanelColumn, children: n.t("image-panel.transform.height") }) }),
+            /* @__PURE__ */ g("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ g("div", { className: u.imageCommonPanelColumn, children: /* @__PURE__ */ g(
+              de,
               {
                 className: u.imageCommonPanelInput,
                 min: 1,
-                value: P,
+                value: b,
                 onChange: (S) => {
                   te(S);
                 }
@@ -650,10 +701,10 @@ function Li(i) {
           ] }) })
         ] }),
         /* @__PURE__ */ R("div", { className: u.imageCommonPanelRow, children: [
-          /* @__PURE__ */ m("div", { className: T(u.imageCommonPanelColumn, u.imageCommonPanelSpan3), children: /* @__PURE__ */ R("label", { children: [
-            /* @__PURE__ */ m("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ m("div", { className: u.imageCommonPanelColumn, children: n.t("image-panel.transform.x") }) }),
-            /* @__PURE__ */ m("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ m("div", { className: u.imageCommonPanelColumn, children: /* @__PURE__ */ m(
-              me,
+          /* @__PURE__ */ g("div", { className: M(u.imageCommonPanelColumn, u.imageCommonPanelSpan3), children: /* @__PURE__ */ R("label", { children: [
+            /* @__PURE__ */ g("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ g("div", { className: u.imageCommonPanelColumn, children: n.t("image-panel.transform.x") }) }),
+            /* @__PURE__ */ g("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ g("div", { className: u.imageCommonPanelColumn, children: /* @__PURE__ */ g(
+              de,
               {
                 className: u.imageCommonPanelInput,
                 precision: 1,
@@ -665,29 +716,29 @@ function Li(i) {
               }
             ) }) })
           ] }) }),
-          /* @__PURE__ */ m("div", { className: T(u.imageCommonPanelColumn, u.imageCommonPanelSpan3), children: /* @__PURE__ */ R("label", { children: [
-            /* @__PURE__ */ m("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ m("div", { className: u.imageCommonPanelColumn, children: n.t("image-panel.transform.y") }) }),
-            /* @__PURE__ */ m("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ m("div", { className: u.imageCommonPanelColumn, children: /* @__PURE__ */ m(
-              me,
+          /* @__PURE__ */ g("div", { className: M(u.imageCommonPanelColumn, u.imageCommonPanelSpan3), children: /* @__PURE__ */ R("label", { children: [
+            /* @__PURE__ */ g("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ g("div", { className: u.imageCommonPanelColumn, children: n.t("image-panel.transform.y") }) }),
+            /* @__PURE__ */ g("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ g("div", { className: u.imageCommonPanelColumn, children: /* @__PURE__ */ g(
+              de,
               {
                 className: u.imageCommonPanelInput,
                 precision: 1,
                 min: 0,
-                value: B,
+                value: L,
                 onChange: (S) => {
                   Se(S);
                 }
               }
             ) }) })
           ] }) }),
-          /* @__PURE__ */ m("div", { className: T(u.imageCommonPanelColumn, u.imageCommonPanelSpan3), children: /* @__PURE__ */ R("label", { children: [
-            /* @__PURE__ */ m("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ m("div", { className: u.imageCommonPanelColumn, children: n.t("image-panel.transform.rotate") }) }),
-            /* @__PURE__ */ m("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ m("div", { className: u.imageCommonPanelColumn, children: /* @__PURE__ */ m(
-              me,
+          /* @__PURE__ */ g("div", { className: M(u.imageCommonPanelColumn, u.imageCommonPanelSpan3), children: /* @__PURE__ */ R("label", { children: [
+            /* @__PURE__ */ g("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ g("div", { className: u.imageCommonPanelColumn, children: n.t("image-panel.transform.rotate") }) }),
+            /* @__PURE__ */ g("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ g("div", { className: u.imageCommonPanelColumn, children: /* @__PURE__ */ g(
+              de,
               {
                 className: u.imageCommonPanelInput,
                 precision: 1,
-                value: G,
+                value: K,
                 onChange: Ie
               }
             ) }) })
@@ -697,79 +748,12 @@ function Li(i) {
     }
   );
 }
-function Ai(i) {
-  var f, C;
-  const { pageId: e, unitId: t } = i, n = x(ee), r = x(N), s = x(j), o = r.getRenderUnitByPageId(e, t), a = o == null ? void 0 : o.scene;
-  if (!a) return null;
-  const c = a.getTransformer();
-  if (!c) return null;
-  const l = c.getSelectedObjectMap().values().next().value;
-  if (!l) return null;
-  const [d, p] = Nt.useState((C = (f = l.fill) == null ? void 0 : f.toString()) != null ? C : "");
-  function v(h) {
-    l == null || l.setProps({
-      fill: h
-    }), s.executeCommand(K.id, {
-      unitId: t,
-      oKey: l == null ? void 0 : l.oKey,
-      props: {
-        shape: {
-          shapeProperties: {
-            shapeBackgroundFill: {
-              rgb: h
-            }
-          }
-        }
-      }
-    }), p(h);
-  }
-  return /* @__PURE__ */ m(
-    "div",
-    {
-      className: T(u.imageCommonPanelGrid, u.imageCommonPanelBorder),
-      children: /* @__PURE__ */ R("div", { className: u.imageCommonPanelGrid, children: [
-        /* @__PURE__ */ m("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ m("div", { className: T(u.imageCommonPanelColumn, u.imageCommonPanelTitle), children: /* @__PURE__ */ m("div", { children: n.t("slide.panel.fill.title") }) }) }),
-        /* @__PURE__ */ m("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ m("div", { className: T(u.imageCommonPanelColumn, u.imageCommonPanelSpan2), children: /* @__PURE__ */ m(
-          wt,
-          {
-            align: {
-              offset: [0, 18]
-            },
-            overlay: /* @__PURE__ */ m("section", { className: u.slidePanelColorPicker, children: /* @__PURE__ */ m(
-              Hn,
-              {
-                value: "#fff",
-                onChange: v
-              }
-            ) }),
-            children: /* @__PURE__ */ R("a", { className: u.uiPluginSheetsBorderPanelButton, children: [
-              /* @__PURE__ */ m(Wt, { extend: { colorChannel1: d != null ? d : "rgb(var(--primary-color))" } }),
-              /* @__PURE__ */ m("span", { className: u.uiPluginSheetsBorderPanelMoreIcon, children: /* @__PURE__ */ m(Ze, {}) })
-            ] })
-          }
-        ) }) })
-      ] })
-    }
-  );
-}
-const $i = "univer-image-common-panel", Hi = "univer-image-common-panel-grid", Fi = "univer-image-common-panel-border", zi = "univer-image-common-panel-title", Wi = "univer-image-common-panel-subtitle", Ki = "univer-image-common-panel-row", Gi = "univer-image-common-panel-row-vertical", Xi = "univer-image-common-panel-column", Yi = "univer-image-common-panel-column-center", Zi = "univer-image-common-panel-inline", ki = "univer-image-common-panel-span2", qi = "univer-image-common-panel-span3", Ji = "univer-image-common-panel-input", Qi = {
-  imageCommonPanel: $i,
-  imageCommonPanelGrid: Hi,
-  imageCommonPanelBorder: Fi,
-  imageCommonPanelTitle: zi,
-  imageCommonPanelSubtitle: Wi,
-  imageCommonPanelRow: Ki,
-  imageCommonPanelRowVertical: Gi,
-  imageCommonPanelColumn: Xi,
-  imageCommonPanelColumnCenter: Yi,
-  imageCommonPanelInline: Zi,
-  imageCommonPanelSpan2: ki,
-  imageCommonPanelSpan3: qi,
-  imageCommonPanelInput: Ji
+const Ui = "univer-image-common-panel", Vi = {
+  imageCommonPanel: Ui
 }, Oe = "COMPONENT_SLIDE_SIDEBAR";
-function er() {
-  var g, l, d;
-  const i = x(y), e = x(N), t = i.getCurrentUnitForType(E.UNIVER_SLIDE), n = (g = t == null ? void 0 : t.getActivePage()) == null ? void 0 : g.id;
+function Bi() {
+  var h, l, d;
+  const i = x(y), e = x(N), t = i.getCurrentUnitForType(E.UNIVER_SLIDE), n = (h = t == null ? void 0 : t.getActivePage()) == null ? void 0 : h.id;
   if (!n) return null;
   const s = (l = e.getRenderUnitByPageId(n, n).scene) == null ? void 0 : l.getTransformer();
   if (!s) return null;
@@ -777,27 +761,27 @@ function er() {
   if (!a)
     return null;
   const c = ((d = i.getFocusedUnit()) == null ? void 0 : d.getUnitId()) || "";
-  return /* @__PURE__ */ R("section", { className: Qi.imageCommonPanel, children: [
-    /* @__PURE__ */ m(Bi, { pageId: n, unitId: c }),
-    /* @__PURE__ */ m(Li, { pageId: n, unitId: c }),
-    a.objectType === ge.RECT && /* @__PURE__ */ m(Ai, { pageId: n, unitId: c })
+  return /* @__PURE__ */ R("section", { className: Vi.imageCommonPanel, children: [
+    /* @__PURE__ */ g(wi, { pageId: n, unitId: c }),
+    /* @__PURE__ */ g(Di, { pageId: n, unitId: c }),
+    a.objectType === ue.RECT && /* @__PURE__ */ g(Ni, { pageId: n, unitId: c })
   ] });
 }
-const ke = {
+const Ze = {
   id: "slide.command.insert-float-shape",
   type: V.COMMAND,
   handler: async (i) => {
     var r;
-    const e = i.get(j), n = (r = i.get(y).getFocusedUnit()) == null ? void 0 : r.getUnitId();
-    return e.executeCommand(Xt.id, { unitId: n });
+    const e = i.get(B), n = (r = i.get(y).getFocusedUnit()) == null ? void 0 : r.getUnitId();
+    return e.executeCommand(Kt.id, { unitId: n });
   }
-}, Xt = {
+}, Kt = {
   id: "slide.operation.insert-float-shape",
   type: V.OPERATION,
   handler: async (i, e) => {
     const t = St(6), n = i.get(y), r = e.unitId, s = n.getUnit(r);
     if (!s) return !1;
-    const o = s.getActivePage(), a = Object.values(o.pageElements), c = a != null && a.length ? Math.max(...a.map((p) => p.zIndex)) : 20, g = {
+    const o = s.getActivePage(), a = Object.values(o.pageElements), c = a != null && a.length ? Math.max(...a.map((v) => v.zIndex)) : 20, h = {
       id: t,
       zIndex: c + 1,
       left: 378,
@@ -806,9 +790,9 @@ const ke = {
       height: 250,
       title: t,
       description: "",
-      type: Ge.SHAPE,
+      type: Ke.SHAPE,
       shape: {
-        shapeType: Cn.Rect,
+        shapeType: vn.Rect,
         text: "",
         shapeProperties: {
           shapeBackgroundFill: {
@@ -817,8 +801,8 @@ const ke = {
         }
       }
     };
-    o.pageElements[t] = g, s.updatePage(o.id, o);
-    const l = i.get(N), d = l.createObjectToPage(g, o.id, r);
+    o.pageElements[t] = h, s.updatePage(o.id, o);
+    const l = i.get(N), d = l.createObjectToPage(h, o.id, r);
     return d && l.setObjectActiveByPage(d, o.id, r), !0;
   }
 }, $e = {
@@ -827,7 +811,7 @@ const ke = {
   handler: async (i, e) => {
     const { visible: t, objectType: n } = e, r = i.get(Tt), s = i.get(ee);
     let o = "", a = "";
-    return n === ge.RECT ? (o = "slide.sidebar.shape", a = Oe) : n === ge.IMAGE ? (o = "slide.sidebar.image", a = Oe) : n === ge.RICH_TEXT && (o = "slide.sidebar.text", a = Oe), t ? r.open({
+    return n === ue.RECT ? (o = "slide.sidebar.shape", a = Oe) : n === ue.IMAGE ? (o = "slide.sidebar.image", a = Oe) : n === ue.RICH_TEXT && (o = "slide.sidebar.text", a = Oe), t ? r.open({
       header: { title: s.t(o) },
       children: { label: a },
       onClose: () => {
@@ -835,14 +819,14 @@ const ke = {
       width: 360
     }) : r.close(), !0;
   }
-}, Yt = "COMPONENT_SLIDE_IMAGE_POPUP_MENU";
-var tr = Object.defineProperty, nr = Object.getOwnPropertyDescriptor, ir = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? nr(e, t) : e, s = i.length - 1, o; s >= 0; s--)
-    (o = i[s]) && (r = (n ? o(e, t, r) : o(r)) || r);
-  return n && r && tr(e, t, r), r;
-}, be = (i, e) => (t, n) => e(t, n, i);
-function rr(i, e) {
-  const t = pt(i.left, i.top, e), n = pt(i.right, i.bottom, e);
+}, Gt = "COMPONENT_SLIDE_IMAGE_POPUP_MENU";
+var Li = Object.getOwnPropertyDescriptor, ji = (i, e, t, n) => {
+  for (var r = n > 1 ? void 0 : n ? Li(e, t) : e, s = i.length - 1, o; s >= 0; s--)
+    (o = i[s]) && (r = o(r) || r);
+  return r;
+}, Pe = (i, e) => (t, n) => e(t, n, i);
+function Ai(i, e) {
+  const t = vt(i.left, i.top, e), n = vt(i.right, i.bottom, e);
   return {
     left: t.x,
     top: t.y,
@@ -850,39 +834,39 @@ function rr(i, e) {
     bottom: n.y
   };
 }
-function pt(i, e, t) {
+function vt(i, e, t) {
   const { scaleX: n, scaleY: r } = t.getAncestorScale(), s = t.getViewport(oe.VIEW);
   if (!s)
     return {
       x: i,
       y: e
     };
-  const { viewportScrollX: o, viewportScrollY: a } = s, c = (i - o) * n, g = (e - a) * r;
+  const { viewportScrollX: o, viewportScrollY: a } = s, c = (i - o) * n, h = (e - a) * r;
   return {
     x: c,
-    y: g
+    y: h
   };
 }
-let Me = class extends Ve {
+let Te = class extends Ve {
   constructor(i, e, t, n) {
     super(), this._globalPopupManagerService = i, this._renderManagerService = e, this._univerInstanceService = t, this._commandService = n;
   }
   _createObjectPositionObserver(i, e) {
     const n = (() => {
       var z, W, te, ne;
-      const { scene: o, engine: a } = e, { left: c, top: g, width: l, height: d } = i, p = (o.width - ((W = (z = e.mainComponent) == null ? void 0 : z.width) != null ? W : 0)) / 2, v = (o.height - ((ne = (te = e.mainComponent) == null ? void 0 : te.height) != null ? ne : 0)) / 2, f = {
+      const { scene: o, engine: a } = e, { left: c, top: h, width: l, height: d } = i, v = (o.width - ((W = (z = e.mainComponent) == null ? void 0 : z.width) != null ? W : 0)) / 2, f = (o.height - ((ne = (te = e.mainComponent) == null ? void 0 : te.height) != null ? ne : 0)) / 2, C = {
         left: c,
         right: c + l,
-        top: g,
-        bottom: g + d
-      }, C = a.getCanvasElement(), h = C.getBoundingClientRect(), _ = Mn(C.style.width), { scaleX: P, scaleY: b } = o.getAncestorScale(), w = rr(f, o), { top: D, left: B, width: O } = h, G = O / _;
+        top: h,
+        bottom: h + d
+      }, p = a.getCanvasElement(), m = p.getBoundingClientRect(), _ = Tn(p.style.width), { scaleX: b, scaleY: P } = o.getAncestorScale(), w = Ai(C, o), { top: D, left: L, width: O } = m, K = O / _;
       return {
-        left: w.left * G * P + B + p,
-        right: w.right * G * P + B + p,
-        top: w.top * G * b + D + v,
-        bottom: w.bottom * G * b + D + v
+        left: w.left * K * b + L + v,
+        right: w.right * K * b + L + v,
+        top: w.top * K * P + D + f,
+        bottom: w.bottom * K * P + D + f
       };
-    })(), r = new Q(n), s = new Xe();
+    })(), r = new Q(n), s = new Ge();
     return {
       position: n,
       position$: r,
@@ -911,18 +895,18 @@ let Me = class extends Ve {
     };
   }
 };
-Me = ir([
-  be(0, Y(wn)),
-  be(1, Z),
-  be(2, y),
-  be(3, j)
-], Me);
-var sr = Object.defineProperty, or = Object.getOwnPropertyDescriptor, ar = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? or(e, t) : e, s = i.length - 1, o; s >= 0; s--)
-    (o = i[s]) && (r = (n ? o(e, t, r) : o(r)) || r);
-  return n && r && sr(e, t, r), r;
+Te = ji([
+  Pe(0, X(wn)),
+  Pe(1, Y),
+  Pe(2, y),
+  Pe(3, B)
+], Te);
+var $i = Object.getOwnPropertyDescriptor, Hi = (i, e, t, n) => {
+  for (var r = n > 1 ? void 0 : n ? $i(e, t) : e, s = i.length - 1, o; s >= 0; s--)
+    (o = i[s]) && (r = o(r) || r);
+  return r;
 }, q = (i, e) => (t, n) => e(t, n, i);
-let Te = class extends Ce {
+let Me = class extends pe {
   constructor(e, t, n, r, s, o, a) {
     super();
     I(this, "_initImagePopupMenu", /* @__PURE__ */ new Set());
@@ -944,8 +928,8 @@ let Te = class extends Ce {
     var r;
     const t = this._univerInstanceService.getCurrentUnitForType(E.UNIVER_SLIDE), n = (r = t == null ? void 0 : t.getPages()) != null ? r : {};
     Object.keys(n).forEach((s) => {
-      var g;
-      const a = (g = this._canvasView.getRenderUnitByPageId(s, e).scene) == null ? void 0 : g.getTransformer();
+      var h;
+      const a = (h = this._canvasView.getRenderUnitByPageId(s, e).scene) == null ? void 0 : h.getTransformer();
       if (!a) return;
       let c;
       this.disposeWithMe(
@@ -959,13 +943,13 @@ let Te = class extends Ce {
             const d = l.values().next().value;
             if (!d)
               return;
-            const p = d.oKey;
+            const v = d.oKey;
             c == null || c.dispose(), c = this.disposeWithMe(this._canvasPopManagerService.attachPopupToObject(d, {
-              componentKey: Yt,
+              componentKey: Gt,
               direction: "horizontal",
               offset: [2, 0],
               extraProps: {
-                menuItems: this._getMenuItemsByObjectType(d.objectType, p, e)
+                menuItems: this._getMenuItemsByObjectType(d.objectType, v, e)
               }
             })), this._sidebarService.visible && this._commandService.executeCommand($e.id, {
               visible: !0,
@@ -975,7 +959,7 @@ let Te = class extends Ce {
         )
       ), this.disposeWithMe(
         a.clearControl$.subscribe(() => {
-          c == null || c.dispose(), this._contextService.setContextValue(fn, !1);
+          c == null || c.dispose(), this._contextService.setContextValue(pn, !1);
         })
       ), this.disposeWithMe(
         a.changing$.subscribe(() => {
@@ -986,7 +970,7 @@ let Te = class extends Ce {
             return;
           }
           const d = l.values().next().value;
-          d && this._commandService.executeCommand(K.id, {
+          d && this._commandService.executeCommand(k.id, {
             unitId: e,
             oKey: d.oKey,
             props: {
@@ -1013,7 +997,7 @@ let Te = class extends Ce {
     }, {
       label: "slide.popup.delete",
       index: 5,
-      commandId: Vt.id,
+      commandId: Ut.id,
       commandParams: {
         id: t,
         unitId: n
@@ -1022,30 +1006,30 @@ let Te = class extends Ce {
     }];
   }
 };
-Te = ar([
-  q(0, Y(Me)),
-  q(1, Z),
+Me = Hi([
+  q(0, X(Te)),
+  q(1, Y),
   q(2, y),
-  q(3, fe),
-  q(4, Y(N)),
+  q(3, Ce),
+  q(4, X(N)),
   q(5, Tt),
-  q(6, j)
-], Te);
+  q(6, B)
+], Me);
 const we = {
   id: "slide.operation.edit-arrow",
   type: V.OPERATION,
   handler: () => !0
-}, ae = vn("SLIDE_EDITOR");
-var cr = Object.defineProperty, lr = Object.getOwnPropertyDescriptor, dr = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? lr(e, t) : e, s = i.length - 1, o; s >= 0; s--)
-    (o = i[s]) && (r = (n ? o(e, t, r) : o(r)) || r);
-  return n && r && cr(e, t, r), r;
-}, Be = (i, e) => (t, n) => e(t, n, i);
-const qe = Pt("univer.slide-editor-bridge.service");
+}, he = Cn("SLIDE_EDITOR");
+var Fi = Object.getOwnPropertyDescriptor, zi = (i, e, t, n) => {
+  for (var r = n > 1 ? void 0 : n ? Fi(e, t) : e, s = i.length - 1, o; s >= 0; s--)
+    (o = i[s]) && (r = o(r) || r);
+  return r;
+}, Le = (i, e) => (t, n) => e(t, n, i);
+const qe = bt("univer.slide-editor-bridge.service");
 let He = class extends Ve {
   constructor(e, t, n) {
     super();
-    I(this, "_editorUnitId", ae);
+    I(this, "_editorUnitId", he);
     I(this, "_isForceKeepVisible", !1);
     I(this, "_editorIsDirty", !1);
     I(this, "_currentEditRectState", null);
@@ -1060,7 +1044,7 @@ let He = class extends Ve {
     I(this, "visible$", this._visible$.asObservable());
     I(this, "_afterVisible$", new Q(this._visibleParam));
     I(this, "afterVisible$", this._afterVisible$.asObservable());
-    I(this, "endEditing$", new Ut());
+    I(this, "endEditing$", new Dt());
     I(this, "_currentEditRectInfo");
     this._editorService = e, this._contextService = t, this._renderManagerService = n;
   }
@@ -1075,7 +1059,7 @@ let He = class extends Ve {
    * @editorInfo editorInfo
    */
   setEditorRect(e) {
-    this._currentEditRectInfo = e, this._editorService.getFocusEditor() || (this._editorService.focus(ae), this._contextService.setContextValue(xe, !1), this._contextService.setContextValue(bt, !1), this._contextService.setContextValue(Et, !1));
+    this._currentEditRectInfo = e, this._editorService.getFocusEditor() || (this._editorService.focus(he), this._contextService.setContextValue(xe, !1), this._contextService.setContextValue(Pt, !1), this._contextService.setContextValue(Et, !1));
     const t = this.getEditRectState();
     this._currentEditRectState = t, this._currentEditRectState$.next(t);
   }
@@ -1089,31 +1073,31 @@ let He = class extends Ve {
    * && this@setEditorRect
    */
   getEditRectState() {
-    const e = ae, t = this._currentEditRectInfo, n = t.unitId, r = t.richTextObj.documentData;
+    const e = he, t = this._currentEditRectInfo, n = t.unitId, r = t.richTextObj.documentData;
     r.id = e, r.documentStyle = {
       ...r.documentStyle,
       pageSize: { width: t.richTextObj.width, height: 1 / 0 }
     };
     const o = {
-      documentModel: new _n(r),
+      documentModel: new fn(r),
       fontString: "document",
       textRotation: { a: 0, v: 0 },
       wrapStrategy: 0,
       verticalAlign: ye.TOP,
       horizontalAlign: Rt.LEFT,
       paddingData: { t: 0, b: 1, l: 2, r: 2 }
-    }, a = t.richTextObj.width, c = t.richTextObj.height, g = t.richTextObj.left, l = t.richTextObj.top, d = {
+    }, a = t.richTextObj.width, c = t.richTextObj.height, h = t.richTextObj.left, l = t.richTextObj.top, d = {
       left: 0,
       top: 0
-    }, p = this._renderManagerService.getRenderById(n), v = p == null ? void 0 : p.scene, f = v == null ? void 0 : v.getViewport(oe.VIEW), C = v == null ? void 0 : v.getObject(oe.COMPONENT), h = {
-      x: (C == null ? void 0 : C.left) || 0,
-      y: (C == null ? void 0 : C.top) || 0
-    }, _ = (f == null ? void 0 : f.viewportScrollX) || 0, P = (f == null ? void 0 : f.viewportScrollY) || 0;
-    return d.left = h.x - _, d.top = h.y - P, {
+    }, v = this._renderManagerService.getRenderById(n), f = v == null ? void 0 : v.scene, C = f == null ? void 0 : f.getViewport(oe.VIEW), p = f == null ? void 0 : f.getObject(oe.COMPONENT), m = {
+      x: (p == null ? void 0 : p.left) || 0,
+      y: (p == null ? void 0 : p.top) || 0
+    }, _ = (C == null ? void 0 : C.viewportScrollX) || 0, b = (C == null ? void 0 : C.viewportScrollY) || 0;
+    return d.left = m.x - _, d.top = m.y - b, {
       position: {
-        startX: g,
+        startX: h,
         startY: l,
-        endX: g + a,
+        endX: h + a,
         endY: l + c
       },
       scaleX: 1,
@@ -1179,12 +1163,12 @@ let He = class extends Ve {
     };
   }
 };
-He = dr([
-  Be(0, Ye),
-  Be(1, fe),
-  Be(2, Z)
+He = zi([
+  Le(0, Xe),
+  Le(1, Ce),
+  Le(2, Y)
 ], He);
-class mr {
+class Wi {
   constructor() {
     I(this, "_state", null);
     I(this, "_rect", null);
@@ -1218,30 +1202,30 @@ class mr {
     this._state$.next(e);
   }
 }
-const Je = Pt(
+const Je = bt(
   "univer.slide-editor-manager.service"
 );
-var k = /* @__PURE__ */ ((i) => (i[i.InitialState = 0] = "InitialState", i[i.StartEditor = 1] = "StartEditor", i[i.CursorChange = 2] = "CursorChange", i))(k || {}), ur = Object.defineProperty, gr = Object.getOwnPropertyDescriptor, hr = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? gr(e, t) : e, s = i.length - 1, o; s >= 0; s--)
-    (o = i[s]) && (r = (n ? o(e, t, r) : o(r)) || r);
-  return n && r && ur(e, t, r), r;
+var Z = /* @__PURE__ */ ((i) => (i[i.InitialState = 0] = "InitialState", i[i.StartEditor = 1] = "StartEditor", i[i.CursorChange = 2] = "CursorChange", i))(Z || {}), ki = Object.getOwnPropertyDescriptor, Ki = (i, e, t, n) => {
+  for (var r = n > 1 ? void 0 : n ? ki(e, t) : e, s = i.length - 1, o; s >= 0; s--)
+    (o = i[s]) && (r = o(r) || r);
+  return r;
 }, A = (i, e) => (t, n) => e(t, n, i);
-const Ct = -1e3, ft = 5, pr = 2;
+const pt = -1e3, Ct = 5, Gi = 2;
 let Fe = class extends Ve {
-  constructor(e, t, n, r, s, o, a, c, g, l, d, p) {
+  constructor(e, t, n, r, s, o, a, c, h, l, d, v) {
     super();
     /**
      * It is used to distinguish whether the user has actively moved the cursor in the editor, mainly through mouse clicks.
      */
-    I(this, "_cursorChange", k.InitialState);
+    I(this, "_cursorChange", Z.InitialState);
     /** If the corresponding unit is active and prepared for editing. */
     I(this, "_isUnitEditing", !1);
     I(this, "_d");
-    this._renderContext = e, this._layoutService = t, this._undoRedoService = n, this._contextService = r, this._instanceSrv = s, this._renderManagerService = o, this._editorBridgeService = a, this._cellEditorManagerService = c, this._textSelectionManagerService = g, this._commandService = l, this._localService = d, this._editorService = p, this.disposeWithMe(this._instanceSrv.getCurrentTypeOfUnit$(E.UNIVER_SLIDE).subscribe((v) => {
-      v && v.getUnitId() === this._renderContext.unitId ? this._d = this._init() : (this._disposeCurrent(), this._isUnitEditing && (this._handleEditorInvisible({
+    this._renderContext = e, this._layoutService = t, this._undoRedoService = n, this._contextService = r, this._instanceSrv = s, this._renderManagerService = o, this._editorBridgeService = 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((f) => {
+      f && f.getUnitId() === this._renderContext.unitId ? this._d = this._init() : (this._disposeCurrent(), this._isUnitEditing && (this._handleEditorInvisible({
         visible: !1,
         eventType: J.Keyboard,
-        keycode: M.ESC,
+        keycode: T.ESC,
         unitId: this._renderContext.unitId
       }), this._isUnitEditing = !1));
     })), this._initEditorVisibilityListener();
@@ -1254,7 +1238,7 @@ let Fe = class extends Ve {
     (e = this._d) == null || e.dispose(), this._d = null;
   }
   _init() {
-    const e = new Xe();
+    const e = new Ge();
     return this._subscribeToCurrentCell(e), this._initialKeyboardListener(e), this._initialCursorSync(e), this._listenEditorFocus(e), this._commandExecutedListener(e), setTimeout(() => {
       this._cursorStateListener(e);
     }, 1e3), e;
@@ -1271,11 +1255,11 @@ let Fe = class extends Ve {
   }
   _getEditorSkeleton(e) {
     var t;
-    return (t = this._renderManagerService.getRenderById(e)) == null ? void 0 : t.with(mt).getSkeleton();
+    return (t = this._renderManagerService.getRenderById(e)) == null ? void 0 : t.with(gt).getSkeleton();
   }
   _getEditorViewModel(e) {
     var t;
-    return (t = this._renderManagerService.getRenderById(e)) == null ? void 0 : t.with(mt).getViewModel();
+    return (t = this._renderManagerService.getRenderById(e)) == null ? void 0 : t.with(gt).getViewModel();
   }
   _initialCursorSync(e) {
     e.add(this._cellEditorManagerService.focus$.pipe(Wn((t) => !!t)).subscribe(() => {
@@ -1290,21 +1274,21 @@ let Fe = class extends Ve {
    */
   _subscribeToCurrentCell(e) {
     e.add(this._editorBridgeService.currentEditRectState$.subscribe((t) => {
-      var p;
-      if (t == null || this._contextService.getContextValue(bt) || this._contextService.getContextValue(Et))
+      var v;
+      if (t == null || this._contextService.getContextValue(Pt) || this._contextService.getContextValue(Et))
         return;
       const {
         position: { startX: n, endX: r },
         documentLayoutObject: { textRotation: s, wrapStrategy: o, documentModel: a },
         scaleX: c,
-        editorUnitId: g
-      } = t, { vertexAngle: l } = st(s);
-      a.updateDocumentId(g), o === tt.WRAP && l === 0 && a.updateDocumentDataPageSize((r - n) / c), this._instanceSrv.changeDoc(g, a), this._contextService.setContextValue(Sn, !0), this._textSelectionManagerService.replaceTextRanges([{
+        editorUnitId: h
+      } = t, { vertexAngle: l } = rt(s);
+      a.updateDocumentId(h), o === tt.WRAP && l === 0 && a.updateDocumentDataPageSize((r - n) / c), this._instanceSrv.changeDoc(h, a), this._contextService.setContextValue(Sn, !0), this._textSelectionManagerService.replaceTextRanges([{
         startOffset: 0,
         endOffset: 0
       }]);
-      const d = (p = this._renderManagerService.getCurrentTypeOfRenderer(E.UNIVER_DOC)) == null ? void 0 : p.with(ut);
-      d && d.activate(Ct, Ct);
+      const d = (v = this._renderManagerService.getCurrentTypeOfRenderer(E.UNIVER_DOC)) == null ? void 0 : v.with(ut);
+      d && d.activate(pt, pt);
     }));
   }
   /**
@@ -1317,50 +1301,50 @@ let Fe = class extends Ve {
    * @param scaleY
    */
   _fitTextSize(e, t, n, r, s = 1, o = 1) {
-    const { startX: a, startY: c, endX: g, endY: l } = e, d = r.documentModel;
+    const { startX: a, startY: c, endX: h, endY: l } = e, d = r.documentModel;
     if (d == null)
       return;
-    const { actualWidth: p, actualHeight: v } = this._predictingSize(
+    const { actualWidth: v, actualHeight: f } = this._predictingSize(
       e,
       t,
       n,
       r,
       s,
       o
-    ), { verticalAlign: f, paddingData: C, fill: h } = r;
-    let _ = g - a, P = l - c;
-    if (_ < p && (_ = p), P < v)
-      P = v, d.updateDocumentDataMargin(C);
+    ), { verticalAlign: C, paddingData: p, fill: m } = r;
+    let _ = h - a, b = l - c;
+    if (_ < v && (_ = v), b < f)
+      b = f, d.updateDocumentDataMargin(p);
     else {
-      let b = 0;
-      f === ye.MIDDLE ? b = (P - v) / 2 / o : f === ye.TOP ? b = C.t || 0 : b = (P - v) / o - (C.b || 0), b = b < (C.t || 0) ? C.t || 0 : b, d.updateDocumentDataMargin({
-        t: b
+      let P = 0;
+      C === ye.MIDDLE ? P = (b - f) / 2 / o : C === ye.TOP ? P = p.t || 0 : P = (b - f) / o - (p.b || 0), P = P < (p.t || 0) ? p.t || 0 : P, d.updateDocumentDataMargin({
+        t: P
       });
     }
-    n.calculate(), this._editAreaProcessing(_, P, e, t, h, s, o);
+    n.calculate(), this._editAreaProcessing(_, b, e, t, m, s, o);
   }
   /**
    * Mainly used to pre-calculate the width of the editor,
    * to determine whether it needs to be automatically widened.
    */
   _predictingSize(e, t, n, r, s = 1, o = 1) {
-    const { startX: a, endX: c } = e, { textRotation: g, wrapStrategy: l } = r, d = r.documentModel, { vertexAngle: p } = st(g), v = document.body.clientWidth;
-    if (l === tt.WRAP && p === 0) {
-      const { actualWidth: h, actualHeight: _ } = n.getActualSize();
+    const { startX: a, endX: c } = e, { textRotation: h, wrapStrategy: l } = r, d = r.documentModel, { vertexAngle: v } = rt(h), f = document.body.clientWidth;
+    if (l === tt.WRAP && v === 0) {
+      const { actualWidth: m, actualHeight: _ } = n.getActualSize();
       return {
-        actualWidth: h * s,
+        actualWidth: m * s,
         actualHeight: _ * o
       };
     }
-    d == null || d.updateDocumentDataPageSize((v - a - t.left) / s), n.calculate();
-    const f = n.getActualSize();
-    let C = c - a;
-    return C < f.actualWidth * s + ft * s && (C = f.actualWidth * s + ft * s), d == null || d.updateDocumentDataPageSize(C / s), d == null || d.updateDocumentRenderConfig({
+    d == null || d.updateDocumentDataPageSize((f - a - t.left) / s), n.calculate();
+    const C = n.getActualSize();
+    let p = c - a;
+    return p < C.actualWidth * s + Ct * s && (p = C.actualWidth * s + Ct * s), d == null || d.updateDocumentDataPageSize(p / s), d == null || d.updateDocumentRenderConfig({
       horizontalAlign: Rt.UNSPECIFIED,
       cellValueType: void 0
     }), {
-      actualWidth: C,
-      actualHeight: f.actualHeight * o
+      actualWidth: p,
+      actualHeight: C.actualHeight * o
     };
   }
   /**
@@ -1372,15 +1356,15 @@ let Fe = class extends Ve {
     const c = this._getEditorObject();
     if (c == null)
       return;
-    function g(le) {
-      return Number.parseInt(le.replace("px", ""));
+    function h(ce) {
+      return Number.parseInt(ce.replace("px", ""));
     }
-    const d = this._renderContext.engine.getCanvasElement(), p = d.getBoundingClientRect(), v = g(d.style.width), { top: f, left: C, width: h } = p, _ = h / v;
-    let { startX: P, startY: b } = n;
-    P += r.left, b += r.top;
-    const { document: w, scene: D, engine: B } = c, O = D.getViewport(gt.VIEW_MAIN), G = document.body.clientHeight - b - r.top - pr * 2, ce = document.body.clientWidth - P - r.left;
+    const d = this._renderContext.engine.getCanvasElement(), v = d.getBoundingClientRect(), f = h(d.style.width), { top: C, left: p, width: m } = v, _ = m / f;
+    let { startX: b, startY: P } = n;
+    b += r.left, P += r.top;
+    const { document: w, scene: D, engine: L } = c, O = D.getViewport(ht.VIEW_MAIN), K = document.body.clientHeight - P - r.top - Gi * 2, ae = document.body.clientWidth - b - r.left;
     let z = t, W = O == null ? void 0 : O.getScrollBar();
-    z > G ? (z = G, W == null ? O && new yt(O, { enableHorizontal: !1, barSize: 8 }) : O == null || O.resetCanvasSizeAndUpdateScroll()) : (W = null, (S = O == null ? void 0 : O.getScrollBar()) == null || S.dispose()), e += (W == null ? void 0 : W.barSize) || 0, e = Math.min(e, ce), P -= se, b -= se, this._addBackground(D, e / o, t / a, s);
+    z > K ? (z = K, W == null ? O && new xt(O, { enableHorizontal: !1, barSize: 8 }) : O == null || O.resetCanvasSizeAndUpdateScroll()) : (W = null, (S = O == null ? void 0 : O.getScrollBar()) == null || S.dispose()), e += (W == null ? void 0 : W.barSize) || 0, e = Math.min(e, ae), b -= se, P -= se, this._addBackground(D, e / o, t / a, s);
     const { scaleX: te, scaleY: ne } = D.getPrecisionScale();
     D.transformByState({
       width: e * _ / o,
@@ -1388,17 +1372,17 @@ let Fe = class extends Ve {
       scaleX: o * _,
       scaleY: a * _
     }), w.resize(e / o, t / a), setTimeout(() => {
-      B.resizeBySize(
-        ot(e, te),
-        ot(z, ne)
+      L.resizeBySize(
+        st(e, te),
+        st(z, ne)
       );
     }, 0);
     const Se = this._layoutService.getContentElement().getBoundingClientRect(), Ie = d.getBoundingClientRect();
-    P = P * _ + (Ie.left - Se.left), b = b * _ + (Ie.top - Se.top), this._cellEditorManagerService.setState({
-      startX: P,
-      startY: b,
-      endX: e * _ + P,
-      endY: z * _ + b,
+    b = b * _ + (Ie.left - Se.left), P = P * _ + (Ie.top - Se.top), this._cellEditorManagerService.setState({
+      startX: b,
+      startY: P,
+      endX: e * _ + b,
+      endY: z * _ + P,
       show: !0
     });
   }
@@ -1409,14 +1393,14 @@ let Fe = class extends Ve {
     const s = "_backgroundRectHelperColor_", o = e.getObject(s);
     o == null && r == null || (o == null ? e.addObjects(
       [
-        new Mt(s, {
+        new yt(s, {
           width: t,
           height: n,
           fill: r,
           evented: !1
         })
       ],
-      Xn
+      Gn
     ) : r == null ? o.dispose() : (o.setProps({
       fill: r
     }), o.transformByState({
@@ -1433,9 +1417,9 @@ let Fe = class extends Ve {
   // first part: startEditing --> _updateEditor
   // 2nd part: startEditing --> changeVisible --> slide-editor-bridge.render-controller.ts@changeVisible --> _editorBridgeService.changeVisible
   _handleEditorVisible(e) {
-    var h, _;
+    var m, _;
     const { eventType: t } = e;
-    this._cursorChange = [J.PointerDown, J.Dblclick].includes(t) ? k.CursorChange : k.StartEditor;
+    this._cursorChange = [J.PointerDown, J.Dblclick].includes(t) ? Z.CursorChange : Z.StartEditor;
     const n = this._editorBridgeService.getEditRectState();
     if (n == null)
       return;
@@ -1445,29 +1429,29 @@ let Fe = class extends Ve {
       slideCardOffset: o,
       scaleX: a,
       scaleY: c,
-      editorUnitId: g,
+      editorUnitId: h,
       unitId: l
     } = n, d = this._getEditorObject();
     if (d == null)
       return;
-    const { scene: p } = d;
+    const { scene: v } = d;
     this._contextService.setContextValue(xe, !0);
-    const { documentModel: v } = s, f = this._getEditorSkeleton(g);
-    if (!f || !v)
+    const { documentModel: f } = s, C = this._getEditorSkeleton(h);
+    if (!C || !f)
       return;
-    this._fitTextSize(r, o, f, s, a, c);
-    const C = v.getBody().dataStream.length - 2 || 0;
-    (h = p.getViewport(gt.VIEW_MAIN)) == null || h.scrollToViewportPos({
+    this._fitTextSize(r, o, C, s, a, c);
+    const p = f.getBody().dataStream.length - 2 || 0;
+    (m = v.getViewport(ht.VIEW_MAIN)) == null || m.scrollToViewportPos({
       viewportScrollX: Number.POSITIVE_INFINITY
     }), this._textSelectionManagerService.replaceTextRanges([
       {
-        startOffset: C,
-        endOffset: C
+        startOffset: p,
+        endOffset: p
       }
     ]), (_ = this._renderManagerService.getRenderById(l)) == null || _.scene.resetCursor();
   }
   _resetBodyStyle(e, t = !1) {
-    e.dataStream = Ot, 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 = In, 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
       }
@@ -1482,14 +1466,14 @@ let Fe = class extends Ve {
   _showEditorByKeyboard(e) {
   }
   _commandExecutedListener(e) {
-    const t = [we.id], n = [Gn.id];
+    const t = [we.id], n = [Kn.id];
     e.add(this._commandService.onCommandExecuted((r) => {
-      this._editorService.getFocusId() === ae && (t.includes(r.id) && this._moveCursorCmdHandler(r), n.includes(r.id) && this._editorBridgeService.isVisible() && this._editingChangedHandler());
+      this._editorService.getFocusId() === he && (t.includes(r.id) && this._moveCursorCmdHandler(r), n.includes(r.id) && this._editorBridgeService.isVisible() && this._editingChangedHandler());
     }));
   }
   _moveCursorCmdHandler(e) {
     const t = e.params, { keycode: n, isShift: r } = t;
-    n != null && this._cursorChange === k.CursorChange ? this._moveInEditor(n, r) : this._editorBridgeService.changeVisible(t);
+    n != null && this._cursorChange === Z.CursorChange ? this._moveInEditor(n, r) : this._editorBridgeService.changeVisible(t);
   }
   _editingChangedHandler() {
     const e = this._editorBridgeService.getEditorRect();
@@ -1501,11 +1485,11 @@ let Fe = class extends Ve {
     this._handleEditorVisible({ visible: !0, eventType: 3, unitId: n });
   }
   _getEditorObject() {
-    return Cr(this._editorBridgeService.getCurrentEditorId(), this._renderManagerService);
+    return Xi(this._editorBridgeService.getCurrentEditorId(), this._renderManagerService);
   }
   async _handleEditorInvisible(e) {
     const { keycode: t } = e;
-    if (this._cursorChange = k.InitialState, this._exitInput(e), this._editorBridgeService.getEditRectState() == null)
+    if (this._cursorChange = Z.InitialState, this._exitInput(e), this._editorBridgeService.getEditRectState() == null)
       return;
     if (this._editorBridgeService.getEditorDirty() === !1) {
       this._moveCursor(t);
@@ -1522,24 +1506,24 @@ let Fe = class extends Ve {
   }
   _moveCursor(e) {
     if (e != null)
-      switch (L.LEFT, e) {
-        case M.ENTER:
-          L.DOWN;
+      switch (j.LEFT, e) {
+        case T.ENTER:
+          j.DOWN;
           break;
-        case M.TAB:
-          L.RIGHT;
+        case T.TAB:
+          j.RIGHT;
           break;
-        case M.ARROW_DOWN:
-          L.DOWN;
+        case T.ARROW_DOWN:
+          j.DOWN;
           break;
-        case M.ARROW_UP:
-          L.UP;
+        case T.ARROW_UP:
+          j.UP;
           break;
-        case M.ARROW_LEFT:
-          L.LEFT;
+        case T.ARROW_LEFT:
+          j.LEFT;
           break;
-        case M.ARROW_RIGHT:
-          L.RIGHT;
+        case T.ARROW_RIGHT:
+          j.RIGHT;
           break;
       }
   }
@@ -1553,39 +1537,39 @@ let Fe = class extends Ve {
       return;
     const { document: n } = t;
     e.add(It(n.onPointerDown$.subscribeEvent(() => {
-      this._cursorChange === k.StartEditor && (this._cursorChange = k.CursorChange);
+      this._cursorChange === Z.StartEditor && (this._cursorChange = Z.CursorChange);
     })));
   }
   // TODO: @JOCS, is it necessary to move these commands MoveSelectionOperation\MoveCursorOperation to shortcut? and use multi-commands?
   _moveInEditor(e, t) {
-    let n = L.LEFT;
-    e === M.ARROW_DOWN ? n = L.DOWN : e === M.ARROW_UP ? n = L.UP : e === M.ARROW_RIGHT && (n = L.RIGHT), t ? this._commandService.executeCommand(Yn.id, {
+    let n = j.LEFT;
+    e === T.ARROW_DOWN ? n = j.DOWN : e === T.ARROW_UP ? n = j.UP : e === T.ARROW_RIGHT && (n = j.RIGHT), t ? this._commandService.executeCommand(Xn.id, {
       direction: n
-    }) : this._commandService.executeCommand(Zn.id, {
+    }) : this._commandService.executeCommand(Yn.id, {
       direction: n
     });
   }
 };
-Fe = hr([
+Fe = Ki([
   A(1, Nn),
-  A(2, In),
-  A(3, fe),
+  A(2, _n),
+  A(3, Ce),
   A(4, y),
-  A(5, Z),
+  A(5, Y),
   A(6, qe),
   A(7, Je),
-  A(8, Y(Kn)),
-  A(9, j),
-  A(10, Y(ee)),
-  A(11, Ye)
+  A(8, X(kn)),
+  A(9, B),
+  A(10, X(ee)),
+  A(11, Xe)
 ], Fe);
-function Cr(i, e) {
+function Xi(i, e) {
   if (i == null)
     return;
   const t = e.getRenderById(i);
   if (t == null)
     return;
-  const { mainComponent: n, scene: r, engine: s, components: o } = t, a = n, c = o.get(kn.BACKGROUND);
+  const { mainComponent: n, scene: r, engine: s, components: o } = t, a = n, c = o.get(Zn.BACKGROUND);
   return {
     document: a,
     docBackground: c,
@@ -1593,12 +1577,12 @@ function Cr(i, e) {
     engine: s
   };
 }
-var fr = Object.defineProperty, vr = Object.getOwnPropertyDescriptor, _r = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? vr(e, t) : e, s = i.length - 1, o; s >= 0; s--)
-    (o = i[s]) && (r = (n ? o(e, t, r) : o(r)) || r);
-  return n && r && fr(e, t, r), r;
-}, Le = (i, e) => (t, n) => e(t, n, i);
-let ze = class extends Ce {
+var Yi = Object.getOwnPropertyDescriptor, Zi = (i, e, t, n) => {
+  for (var r = n > 1 ? void 0 : n ? Yi(e, t) : e, s = i.length - 1, o; s >= 0; s--)
+    (o = i[s]) && (r = o(r) || r);
+  return r;
+}, je = (i, e) => (t, n) => e(t, n, i);
+let ze = class extends pe {
   constructor(e, t, n, r) {
     super();
     /**
@@ -1607,7 +1591,7 @@ let ze = class extends Ce {
     // private _cursorChange: CursorChange = CursorChange.InitialState;
     /** If the corresponding unit is active and prepared for editing. */
     // private _isUnitEditing = false;
-    I(this, "setSlideTextEditor$", new Ut());
+    I(this, "setSlideTextEditor$", new Dt());
     I(this, "_curRichText", null);
     I(this, "_d");
     this._renderContext = e, this._instanceSrv = t, this._commandService = n, this._editorBridgeService = r, this.disposeWithMe(this._instanceSrv.getCurrentTypeOfUnit$(E.UNIVER_SLIDE).subscribe((s) => {
@@ -1615,7 +1599,7 @@ let ze = class extends Ce {
     }));
   }
   _init() {
-    const e = new Xe();
+    const e = new Ge();
     return this._initEventListener(e), e;
   }
   _disposeCurrent() {
@@ -1642,8 +1626,8 @@ let ze = class extends Ce {
         this.setEditorVisible(!1);
       })), e.add(o.onDblclick$.subscribeEvent(() => {
         a.clearControls();
-        const g = a.getSelectedObjectMap().values().next().value;
-        g && (g.objectType !== ge.RICH_TEXT ? this.pickOtherObjects() : this.startEditing(o.sceneKey, g));
+        const h = a.getSelectedObjectMap().values().next().value;
+        h && (h.objectType !== ue.RICH_TEXT ? this.pickOtherObjects() : this.startEditing(o.sceneKey, h));
       })), e.add(this._instanceSrv.focused$.subscribe((c) => {
         this.endEditing();
       })));
@@ -1681,7 +1665,7 @@ let ze = class extends Ce {
       const a = r[0].ts;
       n.cl = a == null ? void 0 : a.cl;
     }
-    this._commandService.executeCommand(K.id, {
+    this._commandService.executeCommand(k.id, {
       unitId: this._renderContext.unitId,
       oKey: e == null ? void 0 : e.oKey,
       props: {
@@ -1706,24 +1690,24 @@ let ze = class extends Ce {
     this._editorBridgeService.changeVisible({ visible: e, eventType: J.PointerDown, unitId: t });
   }
 };
-ze = _r([
-  Le(1, y),
-  Le(2, j),
-  Le(3, qe)
+ze = Zi([
+  je(1, y),
+  je(2, B),
+  je(3, qe)
 ], ze);
-const Zt = {
+const Xt = {
   id: "slide.operation.activate-slide",
   type: V.OPERATION,
   handler: (i, e) => {
-    var g, l;
-    const t = e.unitId, n = i.get(N), s = i.get(y).getUnit(t), o = (g = s == null ? void 0 : s.getActivePage()) == null ? void 0 : g.id;
+    var h, l;
+    const t = e.unitId, n = i.get(N), s = i.get(y).getUnit(t), o = (h = s == null ? void 0 : s.getActivePage()) == null ? void 0 : h.id;
     if (!o) return !1;
     const a = n.getRenderUnitByPageId(o, t);
     if (!a) return !1;
     const c = (l = a.scene) == null ? void 0 : l.getTransformer();
     return c && c.clearControls(), n.activePage(e.id, t), !0;
   }
-}, kt = {
+}, Yt = {
   id: "slide.operation.append-slide",
   type: V.OPERATION,
   handler: (i, e) => {
@@ -1734,8 +1718,8 @@ const Zt = {
   id: "slide.command.insert-float-image",
   type: V.COMMAND,
   handler: async (i, e) => {
-    var B;
-    const t = i.get(y), n = (B = t.getCurrentUnitForType(E.UNIVER_SLIDE)) == null ? void 0 : B.getUnitId();
+    var L;
+    const t = i.get(y), n = (L = t.getCurrentUnitForType(E.UNIVER_SLIDE)) == null ? void 0 : L.getUnitId();
     if (!n) return !1;
     const s = await i.get(Dn).openFile({
       multiple: !0,
@@ -1744,56 +1728,56 @@ const Zt = {
     if (s.length !== 1) return !1;
     const a = await i.get(Qn).saveImage(s[0]);
     if (!a) return !1;
-    const { imageId: c, imageSourceType: g, source: l, base64Cache: d } = a, { width: p, height: v, image: f } = await ei(d || ""), C = t.getUnit(n);
-    if (!C) return !1;
-    const h = C.getActivePage(), _ = Object.values(h.pageElements), P = _ != null && _.length ? Math.max(..._.map((O) => O.zIndex)) : 20, b = {
+    const { imageId: c, imageSourceType: h, source: l, base64Cache: d } = a, { width: v, height: f, image: C } = await ei(d || ""), p = t.getUnit(n);
+    if (!p) return !1;
+    const m = p.getActivePage(), _ = Object.values(m.pageElements), b = _ != null && _.length ? Math.max(..._.map((O) => O.zIndex)) : 20, P = {
       id: c,
-      zIndex: P + 1,
+      zIndex: b + 1,
       left: 0,
       top: 0,
-      width: p,
-      height: v,
+      width: v,
+      height: f,
       title: "",
       description: "",
-      type: Ge.IMAGE,
+      type: Ke.IMAGE,
       image: {
         imageProperties: {
           contentUrl: d,
-          imageSourceType: g,
+          imageSourceType: h,
           source: l,
           base64Cache: d,
-          image: f
+          image: C
         }
       }
     };
-    h.pageElements[c] = b, C.updatePage(h.id, h);
-    const w = i.get(N), D = w.createObjectToPage(b, h.id, n);
-    return D && w.setObjectActiveByPage(D, h.id, n), !0;
+    m.pageElements[c] = P, p.updatePage(m.id, m);
+    const w = i.get(N), D = w.createObjectToPage(P, m.id, n);
+    return D && w.setObjectActiveByPage(D, m.id, n), !0;
   }
 }, et = {
   id: "slide.command.add-text",
   type: V.COMMAND,
   handler: async (i) => {
     var r;
-    const e = i.get(j), n = (r = i.get(y).getFocusedUnit()) == null ? void 0 : r.getUnitId();
-    return await e.executeCommand(qt.id, { unitId: n });
+    const e = i.get(B), n = (r = i.get(y).getFocusedUnit()) == null ? void 0 : r.getUnitId();
+    return await e.executeCommand(Zt.id, { unitId: n });
   }
-}, qt = {
+}, Zt = {
   id: "slide.operation.add-text",
   type: V.OPERATION,
   handler: async (i, e) => {
     const t = e.unitId, n = St(6), r = 220, s = 40, o = 230, a = 142, c = (e == null ? void 0 : e.text) || "A New Text", l = i.get(y).getUnit(t);
     if (!l) return !1;
-    const d = l.getActivePage(), p = Object.values(d.pageElements), v = p != null && p.length ? Math.max(...p.map((_) => _.zIndex)) : 21, f = {
+    const d = l.getActivePage(), v = Object.values(d.pageElements), f = v != null && v.length ? Math.max(...v.map((_) => _.zIndex)) : 21, C = {
       id: n,
-      zIndex: v + 1,
+      zIndex: f + 1,
       left: o,
       top: a,
       width: r,
       height: s,
       title: "text",
       description: "",
-      type: Ge.TEXT,
+      type: Ke.TEXT,
       richText: {
         text: c,
         fs: 30,
@@ -1803,72 +1787,70 @@ const Zt = {
         bl: 1
       }
     };
-    d.pageElements[n] = f, l.updatePage(d.id, d);
-    const C = i.get(N), h = C.createObjectToPage(f, d.id, t);
-    return h && C.setObjectActiveByPage(h, d.id, t), !0;
+    d.pageElements[n] = C, l.updatePage(d.id, d);
+    const p = i.get(N), m = p.createObjectToPage(C, d.id, t);
+    return m && p.setObjectActiveByPage(m, d.id, t), !0;
   }
-}, Jt = {
+}, qt = {
   id: "slide.operation.set-slide-page-thumb",
   type: V.OPERATION,
   handler: (i, e) => (i.get(N).createThumbs(e.unitId), !0)
-}, Sr = "univer-image-popup-menu", Ir = "univer-image-popup-menu-item", Pr = "univer-image-popup-menu-item-icon", br = "univer-image-popup-menu-item-title", Er = "univer-image-popup-menu-item-hide", Rr = "univer-btn-container", Or = "univer-btn-container-expand", ue = {
-  imagePopupMenu: Sr,
-  imagePopupMenuItem: Ir,
-  imagePopupMenuItemIcon: Pr,
-  imagePopupMenuItemTitle: br,
-  imagePopupMenuItemHide: Er,
-  btnContainer: Rr,
-  btnContainerExpand: Or
-}, xr = (i) => {
-  var f, C;
-  const e = (C = (f = i.popup) == null ? void 0 : f.extraProps) == null ? void 0 : C.menuItems;
+}, qi = "univer-image-popup-menu", Ji = "univer-image-popup-menu-item", Qi = "univer-image-popup-menu-item-title", er = "univer-btn-container", tr = "univer-btn-container-expand", ge = {
+  imagePopupMenu: qi,
+  imagePopupMenuItem: Ji,
+  imagePopupMenuItemTitle: Qi,
+  btnContainer: er,
+  btnContainerExpand: tr
+}, nr = (i) => {
+  var C, p;
+  const e = (p = (C = i.popup) == null ? void 0 : C.extraProps) == null ? void 0 : p.menuItems;
   if (!e)
     return null;
-  const t = x(j), n = x(ee), [r, s] = X(!1), [o, a] = X(!1), c = () => {
+  const t = x(B), n = x(ee), [r, s] = G(!1), [o, a] = G(!1), c = () => {
     a(!0);
-  }, g = () => {
+  }, h = () => {
     a(!1);
-  }, l = (h) => {
-    s(h);
-  }, d = (h) => {
-    t.executeCommand(h.commandId, h.commandParams), s(!1);
-  }, p = r || o, v = e.filter((h) => !h.disable);
-  return /* @__PURE__ */ m(
+  }, l = (m) => {
+    s(m);
+  }, d = (m) => {
+    t.executeCommand(m.commandId, m.commandParams), s(!1);
+  }, v = r || o, f = e.filter((m) => !m.disable);
+  return /* @__PURE__ */ g(
     "div",
     {
       onMouseEnter: c,
-      onMouseLeave: g,
-      children: /* @__PURE__ */ m(
-        wt,
+      onMouseLeave: h,
+      children: /* @__PURE__ */ g(
+        Mt,
         {
           placement: "bottomLeft",
           trigger: ["click"],
-          overlay: /* @__PURE__ */ m("ul", { className: ue.imagePopupMenu, children: v.map((h) => /* @__PURE__ */ m(
+          overlay: /* @__PURE__ */ g("ul", { className: ge.imagePopupMenu, children: f.map((m) => /* @__PURE__ */ g(
             "li",
             {
-              onClick: () => d(h),
-              className: ue.imagePopupMenuItem,
-              children: /* @__PURE__ */ m("span", { className: ue.imagePopupMenuItemTitle, children: n.t(h.label) })
+              onClick: () => d(m),
+              className: ge.imagePopupMenuItem,
+              children: /* @__PURE__ */ g("span", { className: ge.imagePopupMenuItemTitle, children: n.t(m.label) })
             },
-            h.index
+            m.index
           )) }),
           visible: r,
           onVisibleChange: l,
           children: /* @__PURE__ */ R(
             "div",
             {
-              className: T(ue.btnContainer, {
-                [ue.btnContainerExpand]: r
+              className: M(ge.btnContainer, {
+                [ge.btnContainerExpand]: r
               }),
               children: [
-                /* @__PURE__ */ m(
-                  At,
+                /* @__PURE__ */ g(
+                  Lt,
                   {
                     style: { color: "#35322B" },
                     extend: { colorChannel1: "rgb(var(--green-700, #409f11))" }
                   }
                 ),
-                p && /* @__PURE__ */ m(Ze, { style: { color: "#CCCCCC", fontSize: "8px", marginLeft: "8px" } })
+                v && /* @__PURE__ */ g(Ye, { style: { color: "#CCCCCC", fontSize: "8px", marginLeft: "8px" } })
               ]
             }
           )
@@ -1876,114 +1858,112 @@ const Zt = {
       )
     }
   );
-}, yr = "univer-slide-bar", Mr = "univer-slide-bar-content", Tr = "univer-slide-bar-content-header", wr = "univer-slide-bar-item", Nr = "univer-slide-bar-box", Dr = "univer-slide-bar-item-active", Ur = "univer-slide-add-button", ie = {
-  slideBar: yr,
-  slideBarContent: Mr,
-  slideBarContentHeader: Tr,
-  slideBarItem: wr,
-  slideBarBox: Nr,
-  slideBarItemActive: Dr,
-  slideAddButton: Ur
+}, ir = "univer-slide-bar", rr = "univer-slide-bar-content", sr = "univer-slide-bar-content-header", or = "univer-slide-bar-item", ar = "univer-slide-bar-box", cr = "univer-slide-bar-item-active", ie = {
+  slideBar: ir,
+  slideBarContent: rr,
+  slideBarContentHeader: sr,
+  slideBarItem: or,
+  slideBarBox: ar,
+  slideBarItemActive: cr
 };
-function Vr() {
-  var f, C;
-  const i = x(y), e = x(j), t = x(Z), n = x(ee), r = Dt(null), s = i.getCurrentUnitForType(E.UNIVER_SLIDE), o = s == null ? void 0 : s.getPages(), a = s == null ? void 0 : s.getPageOrder();
+function lr() {
+  var C, p;
+  const i = x(y), e = x(B), t = x(Y), n = x(ee), r = Nt(null), s = i.getCurrentUnitForType(E.UNIVER_SLIDE), o = s == null ? void 0 : s.getPages(), a = s == null ? void 0 : s.getPageOrder();
   if (!o || !a)
     return null;
-  const c = a.map((h) => o[h]), [g, l] = X((C = (f = s == null ? void 0 : s.getActivePage()) == null ? void 0 : f.id) != null ? C : null), d = zn(() => c.map(() => Nt.createRef()), [c]);
-  he(() => {
-    const h = s == null ? void 0 : s.activePage$.subscribe((_) => {
-      var b;
-      const P = (b = _ == null ? void 0 : _.id) != null ? b : null;
-      P && l(P);
+  const c = a.map((m) => o[m]), [h, l] = G((p = (C = s == null ? void 0 : s.getActivePage()) == null ? void 0 : C.id) != null ? p : null), d = zn(() => c.map(() => wt.createRef()), [c]);
+  me(() => {
+    const m = s == null ? void 0 : s.activePage$.subscribe((_) => {
+      var P;
+      const b = (P = _ == null ? void 0 : _.id) != null ? P : null;
+      b && l(b);
     });
     return () => {
-      h == null || h.unsubscribe();
+      m == null || m.unsubscribe();
     };
-  }, []), he(() => {
-    d.forEach((h, _) => {
-      var P;
-      if (h.current) {
-        const b = c[_];
-        (P = t.getRenderById(b.id)) == null || P.engine.setContainer(h.current);
+  }, []), me(() => {
+    d.forEach((m, _) => {
+      var b;
+      if (m.current) {
+        const P = c[_];
+        (b = t.getRenderById(P.id)) == null || b.engine.setContainer(m.current);
       }
-    }), d.length > 0 && e.syncExecuteCommand(Jt.id, { unitId: s == null ? void 0 : s.getUnitId() });
+    }), d.length > 0 && e.syncExecuteCommand(qt.id, { unitId: s == null ? void 0 : s.getUnitId() });
   }, [d, c, t, e, s]);
-  const p = lt((h) => {
-    e.syncExecuteCommand(Zt.id, { id: h, unitId: s == null ? void 0 : s.getUnitId() });
-  }, [e, s]), v = lt(() => {
-    e.syncExecuteCommand(kt.id, { unitId: s == null ? void 0 : s.getUnitId() });
+  const v = lt((m) => {
+    e.syncExecuteCommand(Xt.id, { id: m, unitId: s == null ? void 0 : s.getUnitId() });
+  }, [e, s]), f = lt(() => {
+    e.syncExecuteCommand(Yt.id, { unitId: s == null ? void 0 : s.getUnitId() });
   }, [e, s]);
-  return /* @__PURE__ */ m("aside", { className: ie.slideBar, ref: r, children: /* @__PURE__ */ m(Fn, { children: /* @__PURE__ */ R("div", { className: ie.slideBarContent, children: [
-    /* @__PURE__ */ m("header", { className: ie.slideBarContentHeader, children: /* @__PURE__ */ m("a", { onClick: v, children: n.t("slide.append") }) }),
-    c.map((h, _) => /* @__PURE__ */ R(
+  return /* @__PURE__ */ g("aside", { className: ie.slideBar, ref: r, children: /* @__PURE__ */ g(Fn, { children: /* @__PURE__ */ R("div", { className: ie.slideBarContent, children: [
+    /* @__PURE__ */ g("header", { className: ie.slideBarContentHeader, children: /* @__PURE__ */ g("a", { onClick: f, children: n.t("slide.append") }) }),
+    c.map((m, _) => /* @__PURE__ */ R(
       "div",
       {
-        className: T(ie.slideBarItem, {
-          [ie.slideBarItemActive]: h.id === g
+        className: M(ie.slideBarItem, {
+          [ie.slideBarItemActive]: m.id === h
         }),
-        onClick: () => p(h.id),
+        onClick: () => v(m.id),
         children: [
-          /* @__PURE__ */ m("span", { children: _ + 1 }),
-          /* @__PURE__ */ m("div", { ref: d[_], className: ie.slideBarBox })
+          /* @__PURE__ */ g("span", { children: _ + 1 }),
+          /* @__PURE__ */ g("div", { ref: d[_], className: ie.slideBarBox })
         ]
       },
-      h.id
+      m.id
     ))
   ] }) }) });
 }
-const jr = "univer-slide-editor-container", Br = "univer-editor-input", Lr = {
-  slideEditorContainer: jr,
-  editorInput: Br
-}, Ne = -1e3, vt = {
+const dr = "univer-slide-editor-container", gr = {
+  slideEditorContainer: dr
+}, Ne = -1e3, ft = {
   width: 0,
   height: 0,
   top: Ne,
   left: Ne
-}, Ar = () => {
-  const [i, e] = X({
-    ...vt
-  }), t = x(Je), n = x(Ye), r = x(fe), s = Un(
-    () => r.subscribeContextValue$(at),
+}, ur = () => {
+  const [i, e] = G({
+    ...ft
+  }), t = x(Je), n = x(Xe), r = x(Ce), s = Un(
+    () => r.subscribeContextValue$(ot),
     !1,
     void 0,
-    [r, at]
+    [r, ot]
   );
-  return `${Ot}`, Pn.UNSPECIFIED, he(() => {
+  return bn.UNSPECIFIED, me(() => {
     t.state$.subscribe((o) => {
       if (o == null)
         return;
       const {
         startX: a = Ne,
         startY: c = Ne,
-        endX: g = 0,
+        endX: h = 0,
         endY: l = 0,
         show: d = !1
       } = o;
       if (!d)
         e({
-          ...vt
+          ...ft
         });
       else {
         e({
-          width: g - a - se + 2,
+          width: h - a - se + 2,
           height: l - c - se + 2,
           left: a + se,
           top: c + se
         });
-        const p = n.getEditor(ae);
-        if (p == null)
+        const v = n.getEditor(he);
+        if (v == null)
           return;
-        const { left: v, top: f, width: C, height: h } = p.getBoundingClientRect();
-        t.setRect({ left: v, top: f, width: C, height: h });
+        const { left: f, top: C, width: p, height: m } = v.getBoundingClientRect();
+        t.setRect({ left: f, top: C, width: p, height: m });
       }
     });
-  }, []), he(() => {
+  }, []), me(() => {
     s || t.setFocus(!0);
-  }, [s, i]), /* @__PURE__ */ m(
+  }, [s, i]), /* @__PURE__ */ g(
     "div",
     {
-      className: Lr.slideEditorContainer,
+      className: gr.slideEditorContainer,
       style: {
         left: i.left,
         top: i.top,
@@ -1992,93 +1972,93 @@ const jr = "univer-slide-editor-container", Br = "univer-editor-input", Lr = {
       }
     }
   );
-}, Qt = "addition-and-subtraction-single", en = "slide.menu.image";
-function $r(i) {
+}, Jt = "addition-and-subtraction-single", Qt = "slide.menu.image";
+function hr(i) {
   return {
-    id: en,
-    type: ve.SUBITEMS,
-    icon: Qt,
+    id: Qt,
+    type: _e.SUBITEMS,
+    icon: Jt,
     tooltip: "slide.image.insert.title",
-    hidden$: _e(i, E.UNIVER_SLIDE)
+    hidden$: fe(i, E.UNIVER_SLIDE)
   };
 }
-function Hr(i) {
+function mr(i) {
   return {
     id: Qe.id,
     title: "slide.image.insert.float",
-    type: ve.BUTTON,
-    hidden$: _e(i, E.UNIVER_SLIDE)
+    type: _e.BUTTON,
+    hidden$: fe(i, E.UNIVER_SLIDE)
   };
 }
-const tn = "graph-single", nn = "slide.menu.shape";
-function Fr(i) {
+const en = "graph-single", tn = "slide.menu.shape";
+function vr(i) {
   return {
-    id: nn,
-    type: ve.SUBITEMS,
-    icon: tn,
+    id: tn,
+    type: _e.SUBITEMS,
+    icon: en,
     tooltip: "slide.shape.insert.title",
-    hidden$: _e(i, E.UNIVER_SLIDE)
+    hidden$: fe(i, E.UNIVER_SLIDE)
     // disabled$: getCurrentRangeDisable$(accessor, { workbookTypes: [WorkbookEditablePermission], worksheetTypes: [WorksheetEditPermission], rangeTypes: [RangeProtectionPermissionEditPoint] }),
   };
 }
-function zr(i) {
+function pr(i) {
   return {
-    id: ke.id,
+    id: Ze.id,
     title: "slide.shape.insert.rectangle",
-    type: ve.BUTTON,
-    hidden$: _e(i, E.UNIVER_SLIDE)
+    type: _e.BUTTON,
+    hidden$: fe(i, E.UNIVER_SLIDE)
   };
 }
-const rn = "text-single";
-function Wr(i) {
+const nn = "text-single";
+function Cr(i) {
   return {
     id: et.id,
-    type: ve.BUTTON,
-    icon: rn,
+    type: _e.BUTTON,
+    icon: nn,
     tooltip: "slide.text.insert.title",
-    hidden$: _e(i, E.UNIVER_SLIDE)
+    hidden$: fe(i, E.UNIVER_SLIDE)
   };
 }
-const Kr = {
+const fr = {
   [Vn.FORMAT]: {
     [et.id]: {
       order: 0,
-      menuItemFactory: Wr
+      menuItemFactory: Cr
     },
-    [en]: {
+    [Qt]: {
       order: 0,
-      menuItemFactory: $r,
+      menuItemFactory: hr,
       [Qe.id]: {
         order: 0,
-        menuItemFactory: Hr
+        menuItemFactory: mr
       }
     },
-    [nn]: {
+    [tn]: {
       order: 0,
-      menuItemFactory: Fr,
-      [ke.id]: {
+      menuItemFactory: vr,
+      [Ze.id]: {
         order: 0,
-        menuItemFactory: zr
+        menuItemFactory: pr
       }
     }
   }
 };
 function We(i) {
-  return i.getContextValue(xt) && i.getContextValue(xe);
+  return i.getContextValue(Ot) && i.getContextValue(xe);
 }
-function Gr(i) {
-  return i.getContextValue(bn) && i.getContextValue(xt);
+function _r(i) {
+  return i.getContextValue(Pn) && i.getContextValue(Ot);
 }
-const sn = [
-  M.ARROW_DOWN,
-  M.ARROW_UP,
-  M.ARROW_LEFT,
-  M.ARROW_RIGHT
+const rn = [
+  T.ARROW_DOWN,
+  T.ARROW_UP,
+  T.ARROW_LEFT,
+  T.ARROW_RIGHT
 ];
-[M.ENTER, M.TAB, ...sn];
-function Xr() {
+[T.ENTER, T.TAB, ...rn];
+function Sr() {
   const i = [];
-  for (const e of sn)
+  for (const e of rn)
     i.push({
       id: we.id,
       binding: e,
@@ -2091,7 +2071,7 @@ function Xr() {
       }
     }), i.push({
       id: we.id,
-      binding: e | jn.SHIFT,
+      binding: e | Bn.SHIFT,
       preconditions: (t) => We(t),
       staticParameters: {
         visible: !1,
@@ -2102,74 +2082,74 @@ function Xr() {
     });
   return i;
 }
-const Yr = {
+const Ir = {
   id: qn.id,
-  preconditions: (i) => We(i) || Gr(i),
-  binding: M.BACKSPACE
+  preconditions: (i) => We(i) || _r(i),
+  binding: T.BACKSPACE
 };
-var Zr = Object.defineProperty, kr = Object.getOwnPropertyDescriptor, qr = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? kr(e, t) : e, s = i.length - 1, o; s >= 0; s--)
-    (o = i[s]) && (r = (n ? o(e, t, r) : o(r)) || r);
-  return n && r && Zr(e, t, r), r;
+var br = Object.getOwnPropertyDescriptor, Pr = (i, e, t, n) => {
+  for (var r = n > 1 ? void 0 : n ? br(e, t) : e, s = i.length - 1, o; s >= 0; s--)
+    (o = i[s]) && (r = o(r) || r);
+  return r;
 }, re = (i, e) => (t, n) => e(t, n, i);
 let De = class extends Ve {
   constructor(i, e, t, n, r, s) {
     super(), this._injector = i, this._menuManagerService = e, this._componentManager = t, this._uiPartsService = n, this._commandService = r, this._shortcutService = s, this._initCommands(), this._initCustomComponents(), this._initUIComponents(), this._initMenus(), this._initShortcuts();
   }
   _initMenus() {
-    this._menuManagerService.mergeMenu(Kr);
+    this._menuManagerService.mergeMenu(fr);
   }
   _initCustomComponents() {
     const i = this._componentManager;
-    this.disposeWithMe(i.register(Qt, Lt)), this.disposeWithMe(i.register(rn, Kt)), this.disposeWithMe(i.register(tn, Ht)), this.disposeWithMe(i.register(Yt, xr)), this.disposeWithMe(i.register(Oe, er));
+    this.disposeWithMe(i.register(Jt, Bt)), this.disposeWithMe(i.register(nn, zt)), this.disposeWithMe(i.register(en, At)), this.disposeWithMe(i.register(Gt, nr)), this.disposeWithMe(i.register(Oe, Bi));
   }
   _initCommands() {
     [
-      kt,
-      Zt,
-      Jt,
-      Qe,
+      Yt,
+      Xt,
       qt,
+      Qe,
+      Zt,
       et,
-      Xt,
-      ke,
+      Kt,
+      Ze,
       $e,
-      Vt,
-      K,
+      Ut,
+      k,
       // commands for editor
       we
     ].forEach((i) => this.disposeWithMe(this._commandService.registerCommand(i)));
   }
   _initUIComponents() {
     this.disposeWithMe(
-      this._uiPartsService.registerComponent(ct.LEFT_SIDEBAR, () => nt(Vr, this._injector))
+      this._uiPartsService.registerComponent(at.LEFT_SIDEBAR, () => ct(lr, this._injector))
     ), this.disposeWithMe(
-      this._uiPartsService.registerComponent(ct.CONTENT, () => nt(Ar, this._injector))
+      this._uiPartsService.registerComponent(at.CONTENT, () => ct(ur, this._injector))
     );
   }
   _initShortcuts() {
     [
-      Yr,
-      ...Xr()
+      Ir,
+      ...Sr()
     ].forEach((i) => {
       this.disposeWithMe(this._shortcutService.registerShortcut(i));
     });
   }
 };
-De = qr([
-  re(0, Y(Ke)),
+De = Pr([
+  re(0, X(ke)),
   re(1, Ln),
-  re(2, Y(Bn)),
+  re(2, X(jn)),
   re(3, An),
-  re(4, j),
+  re(4, B),
   re(5, $n)
 ], De);
-var Jr = Object.defineProperty, Qr = Object.getOwnPropertyDescriptor, es = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? Qr(e, t) : e, s = i.length - 1, o; s >= 0; s--)
-    (o = i[s]) && (r = (n ? o(e, t, r) : o(r)) || r);
-  return n && r && Jr(e, t, r), r;
+var Er = Object.getOwnPropertyDescriptor, Rr = (i, e, t, n) => {
+  for (var r = n > 1 ? void 0 : n ? Er(e, t) : e, s = i.length - 1, o; s >= 0; s--)
+    (o = i[s]) && (r = o(r) || r);
+  return r;
 }, Ae = (i, e) => (t, n) => e(t, n, i);
-let Ue = class extends Ce {
+let Ue = class extends pe {
   // private _skeletonChangeMutations = new Set<string>();
   constructor(i, e, t) {
     super(), this._contextService = i, this._instanceSrv = e, this._renderManagerService = t, Promise.resolve().then(() => this._init());
@@ -2194,44 +2174,44 @@ let Ue = class extends Ce {
   _initContextListener() {
   }
 };
-Ue = es([
-  Ae(0, fe),
+Ue = Rr([
+  Ae(0, Ce),
   Ae(1, y),
-  Ae(2, Z)
+  Ae(2, Y)
 ], Ue);
-var ts = Object.defineProperty, ns = Object.getOwnPropertyDescriptor, is = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? ns(e, t) : e, s = i.length - 1, o; s >= 0; s--)
-    (o = i[s]) && (r = (n ? o(e, t, r) : o(r)) || r);
-  return n && r && ts(e, t, r), r;
+var Or = Object.getOwnPropertyDescriptor, xr = (i, e, t, n) => {
+  for (var r = n > 1 ? void 0 : n ? Or(e, t) : e, s = i.length - 1, o; s >= 0; s--)
+    (o = i[s]) && (r = o(r) || r);
+  return r;
 }, Ee = (i, e) => (t, n) => e(t, n, i);
-const rs = "SLIDE_UI";
+const yr = "SLIDE_UI";
 var Re;
 let _t = (Re = class extends En {
-  constructor(i = ht, e, t, n, r) {
+  constructor(i = mt, e, t, n, r) {
     super(), this._config = i, this._injector = e, this._renderManagerService = t, this._univerInstanceService = n, this._configService = r;
     const { menu: s, ...o } = Rn(
       {},
-      ht,
+      mt,
       this._config
     );
-    s && this._configService.setConfig("menu", s, { merge: !0 }), this._configService.setConfig(ci, o);
+    s && this._configService.setConfig("menu", s, { merge: !0 }), this._configService.setConfig(oi, o);
   }
   onStarting() {
-    it([
+    nt([
       [Ue],
       [qe, { useClass: He }],
       // used by SlideUIController --> EditorContainer
-      [Je, { useClass: mr }],
-      [Me]
+      [Je, { useClass: Wi }],
+      [Te]
     ], this._config.override).forEach((i) => this._injector.add(i));
   }
   onReady() {
     [
       // SlideRenderService will be init in ready stage, and then calling RenderManagerService@createRender --> init all deps in this rendering register block.
-      [pe]
+      [ve]
     ].forEach((i) => {
       this.disposeWithMe(this._renderManagerService.registerRenderModule(E.UNIVER_SLIDE, i));
-    }), it([
+    }), nt([
       [N],
       // cannot register in _renderManagerService now.
       // [ISlideEditorBridgeService, { useClass: SlideEditorBridgeService }],
@@ -2241,8 +2221,8 @@ let _t = (Re = class extends En {
       // SlidesUIController controller would add a new RenderUnit (__INTERNAL_EDITOR__DOCS_NORMAL)
       [De],
       // editor service was create in renderManagerService
-      [pe],
-      [Te]
+      [ve],
+      [Me]
     ], this._config.override).forEach((i) => {
       this._injector.add(i);
     }), this._injector.get(N), this._injector.get(Ue);
@@ -2258,7 +2238,7 @@ let _t = (Re = class extends En {
     }), this._markSlideAsFocused(), this._injector.get(De);
   }
   onSteady() {
-    this._injector.get(Te);
+    this._injector.get(Me);
   }
   _markSlideAsFocused() {
     const i = this._univerInstanceService;
@@ -2268,33 +2248,33 @@ let _t = (Re = class extends En {
     } catch {
     }
   }
-}, I(Re, "pluginName", rs), I(Re, "type", E.UNIVER_SLIDE), Re);
-_t = is([
-  Ee(1, Y(Ke)),
-  Ee(2, Z),
+}, I(Re, "pluginName", yr), I(Re, "type", E.UNIVER_SLIDE), Re);
+_t = xr([
+  Ee(1, X(ke)),
+  Ee(2, Y),
   Ee(3, y),
   Ee(4, On)
 ], _t);
 export {
-  Zt as ActivateSlidePageOperation,
-  kt as AppendSlideOperation,
+  Xt as ActivateSlidePageOperation,
+  Yt as AppendSlideOperation,
   N as CanvasView,
-  Vt as DeleteSlideElementOperation,
+  Ut as DeleteSlideElementOperation,
   qe as ISlideEditorBridgeService,
   Qe as InsertSlideFloatImageCommand,
-  ke as InsertSlideShapeRectangleCommand,
-  Xt as InsertSlideShapeRectangleOperation,
-  nn as SHAPE_MENU_ID,
-  en as SLIDES_IMAGE_MENU_ID,
-  ae as SLIDE_EDITOR_ID,
-  Jt as SetSlidePageThumbOperation,
+  Ze as InsertSlideShapeRectangleCommand,
+  Kt as InsertSlideShapeRectangleOperation,
+  tn as SHAPE_MENU_ID,
+  Qt as SLIDES_IMAGE_MENU_ID,
+  he as SLIDE_EDITOR_ID,
+  qt as SetSlidePageThumbOperation,
   et as SlideAddTextCommand,
-  qt as SlideAddTextOperation,
-  Me as SlideCanvasPopMangerService,
-  Ar as SlideEditorContainer,
-  Vr as SlideSideBar,
+  Zt as SlideAddTextOperation,
+  Te as SlideCanvasPopMangerService,
+  ur as SlideEditorContainer,
+  lr as SlideSideBar,
   De as SlidesUIController,
-  Kr as SlidesUIMenuSchema,
+  fr as SlidesUIMenuSchema,
   _t as UniverSlidesUIPlugin,
-  K as UpdateSlideElementOperation
+  k as UpdateSlideElementOperation
 };