@univerjs/slides-ui 0.7.0-nightly.202505081607 → 0.7.0-nightly.202505101606

package/lib/index.js

@@ -1,30 +1,30 @@
-var si = Object.defineProperty;
-var oi = (n, e, t) => e in n ? si(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
-var S = (n, e, t) => oi(n, typeof e != "symbol" ? e + "" : e, t);
-import { Inject as K, Injector as We, IUniverInstanceService as y, RxDisposable as he, UniverInstanceType as E, debounce as ai, getColorStyle as ci, CommandType as D, Tools as li, LocaleService as J, ICommandService as U, generateRandomId as pt, BasicShapes as di, PageElementType as ze, Disposable as Me, DisposableCollection as ke, IContextService as ve, toDisposable as Ct, FOCUSING_COMMON_DRAWINGS as ui, createInternalEditorID as hi, createIdentifier as St, EDITOR_ACTIVATED as Ee, FOCUSING_EDITOR_STANDALONE as It, FOCUSING_UNIVER_EDITOR_STANDALONE_SINGLE_MODE as bt, DocumentDataModel as vi, HorizontalAlign as Et, VerticalAlign as Oe, IUndoRedoService as gi, WrapStrategy as Qe, FOCUSING_EDITOR_BUT_HIDDEN as fi, DEFAULT_EMPTY_DOCUMENT_VALUE as mi, Direction as j, DocumentFlavor as _i, FOCUSING_UNIVER_EDITOR as Ot, FORMULA_EDITOR_ACTIVATED as pi, Plugin as Ci, merge as Si, mergeOverrideWithDependencies as et, IConfigService as Ii } from "@univerjs/core";
-import { IRenderManagerService as X, Viewport as tt, ScrollBar as Rt, getCurrentTypeOfRenderer as je, Slide as bi, Rect as xt, Scene as Ei, ObjectType as ce, pxToNum as Oi, DeviceInputEventType as Z, convertTextRotation as it, FIX_ONE_PIXEL_BLUR_OFFSET as ie, fixLineWidthByScale as nt } from "@univerjs/engine-render";
-import { ObjectProvider as Ri, SLIDE_KEY as ne } from "@univerjs/slides";
-import { useDependency as x, ISidebarService as yt, ICanvasPopupService as xi, ILayoutService as yi, KeyCode as P, ILocalFileService as Pi, useObservable as wi, DISABLE_AUTO_FOCUS_KEY as rt, getMenuHiddenObservable as ge, MenuItemType as fe, RibbonStartGroup as Ti, MetaKeys as Mi, IMenuManagerService as Ni, ComponentManager as Di, IUIPartsService as Ui, IShortcutService as Vi, BuiltInUIPart as st, connectInjector as ot } from "@univerjs/ui";
+var ai = Object.defineProperty;
+var ci = (n, e, t) => e in n ? ai(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
+var S = (n, e, t) => ci(n, typeof e != "symbol" ? e + "" : e, t);
+import { Inject as X, Injector as ze, IUniverInstanceService as y, RxDisposable as ve, UniverInstanceType as E, debounce as li, getColorStyle as di, CommandType as D, Tools as ui, LocaleService as Q, ICommandService as U, generateRandomId as Ct, BasicShapes as hi, PageElementType as ke, Disposable as De, DisposableCollection as Ke, IContextService as fe, toDisposable as St, FOCUSING_COMMON_DRAWINGS as gi, createInternalEditorID as vi, createIdentifier as It, EDITOR_ACTIVATED as xe, FOCUSING_EDITOR_STANDALONE as bt, FOCUSING_UNIVER_EDITOR_STANDALONE_SINGLE_MODE as Et, DocumentDataModel as fi, HorizontalAlign as Ot, VerticalAlign as Re, IUndoRedoService as mi, WrapStrategy as et, FOCUSING_EDITOR_BUT_HIDDEN as pi, DEFAULT_EMPTY_DOCUMENT_VALUE as _i, Direction as j, DocumentFlavor as Ci, FOCUSING_UNIVER_EDITOR as xt, FORMULA_EDITOR_ACTIVATED as Si, Plugin as Ii, merge as bi, mergeOverrideWithDependencies as tt, IConfigService as Ei } from "@univerjs/core";
+import { IRenderManagerService as G, Viewport as it, ScrollBar as Rt, getCurrentTypeOfRenderer as Ae, Slide as Oi, Rect as yt, Scene as xi, ObjectType as le, pxToNum as Ri, DeviceInputEventType as q, convertTextRotation as nt, FIX_ONE_PIXEL_BLUR_OFFSET as ne, fixLineWidthByScale as rt } from "@univerjs/engine-render";
+import { ObjectProvider as yi, SLIDE_KEY as re } from "@univerjs/slides";
+import { useDependency as R, ISidebarService as Pt, ICanvasPopupService as Pi, ILayoutService as wi, KeyCode as P, ILocalFileService as Ti, useObservable as Mi, DISABLE_AUTO_FOCUS_KEY as st, getMenuHiddenObservable as me, MenuItemType as pe, RibbonStartGroup as Ni, MetaKeys as Di, IMenuManagerService as Ui, ComponentManager as Vi, IUIPartsService as ji, IShortcutService as Li, BuiltInUIPart as ot, connectInjector as at } from "@univerjs/ui";
 import { jsxs as O, jsx as u } from "react/jsx-runtime";
-import { Button as pe, Dropdown as Pt, ColorPicker as ji, InputNumber as ae, clsx as Le, scrollbarClassName as Li } from "@univerjs/design";
-import Ai, { forwardRef as A, useRef as wt, createElement as B, useState as k, useEffect as de, useMemo as Bi, createRef as $i, useCallback as at } from "react";
-import { BehaviorSubject as q, Subject as Tt, filter as Hi, takeUntil as ct } from "rxjs";
-import { DocSelectionManagerService as Fi, DocSkeletonManagerService as lt, RichTextEditingMutation as Wi } from "@univerjs/docs";
-import { IEditorService as Ke, DocSelectionRenderService as dt, VIEWPORT_KEY as ut, DOCS_COMPONENT_MAIN_LAYER_INDEX as zi, MoveSelectionOperation as ki, MoveCursorOperation as Ki, DOCS_VIEW_KEY as Xi, DeleteLeftCommand as Gi } from "@univerjs/docs-ui";
-import { DRAWING_IMAGE_ALLOW_IMAGE_LIST as Yi, IImageIoService as Zi, getImageSize as qi } from "@univerjs/drawing";
-var Ji = Object.getOwnPropertyDescriptor, Qi = (n, e, t, i) => {
-  for (var r = i > 1 ? void 0 : i ? Ji(e, t) : e, s = n.length - 1, o; s >= 0; s--)
+import { Button as Se, clsx as K, Dropdown as wt, ColorPicker as Ai, borderTopClassName as Tt, InputNumber as ce, borderClassName as ue, scrollbarClassName as Bi } from "@univerjs/design";
+import $i, { forwardRef as A, useRef as Mt, createElement as B, useState as k, useEffect as he, useMemo as Hi, createRef as Fi, useCallback as ct } from "react";
+import { BehaviorSubject as J, Subject as Nt, filter as Wi, takeUntil as lt } from "rxjs";
+import { DocSelectionManagerService as zi, DocSkeletonManagerService as dt, RichTextEditingMutation as ki } from "@univerjs/docs";
+import { IEditorService as Xe, DocSelectionRenderService as ut, VIEWPORT_KEY as ht, DOCS_COMPONENT_MAIN_LAYER_INDEX as Ki, MoveSelectionOperation as Xi, MoveCursorOperation as Gi, DOCS_VIEW_KEY as Yi, DeleteLeftCommand as Zi } from "@univerjs/docs-ui";
+import { DRAWING_IMAGE_ALLOW_IMAGE_LIST as qi, IImageIoService as Ji, getImageSize as Qi } from "@univerjs/drawing";
+var en = Object.getOwnPropertyDescriptor, tn = (n, e, t, i) => {
+  for (var r = i > 1 ? void 0 : i ? en(e, t) : e, s = n.length - 1, o; s >= 0; s--)
     (o = n[s]) && (r = o(r) || r);
   return r;
-}, Ne = (n, e) => (t, i) => e(t, i, n);
-let ue = class extends he {
+}, Ue = (n, e) => (t, i) => e(t, i, n);
+let ge = class extends ve {
   constructor(e, t, i, r) {
     super();
     S(this, "_objectProvider", null);
-    S(this, "_refreshThumb", ai(() => {
+    S(this, "_refreshThumb", li(() => {
       this.createThumbs();
     }, 300));
-    this._renderContext = e, this._injector = t, this._univerInstanceService = i, this._renderManagerService = r, this._objectProvider = this._injector.createInstance(Ri), this._addNewRender();
+    this._renderContext = e, this._injector = t, this._univerInstanceService = i, this._renderManagerService = r, this._objectProvider = this._injector.createInstance(yi), this._addNewRender();
   }
   _addNewRender() {
     const { unitId: e, engine: t, scene: i } = this._renderContext, r = this._getCurrUnitModel();
@@ -37,7 +37,7 @@ let ue = class extends he {
         this.createThumbs();
       }, 300);
     });
-    const o = new tt(ne.VIEW, i, {
+    const o = new it(re.VIEW, i, {
       left: 0,
       top: 0,
       bottom: 0,
@@ -50,8 +50,8 @@ let ue = class extends he {
       const l = c;
       if (l.ctrlKey) {
         const d = Math.abs(l.deltaX);
-        let g = d < 40 ? 0.2 : d < 80 ? 0.4 : 0.2;
-        g *= l.deltaY > 0 ? -1 : 1, i.scaleX < 1 && (g /= 2), i.scaleX + g > 4 ? i.scale(4, 4) : i.scaleX + g < 0.1 ? i.scale(0.1, 0.1) : (l.deltaY > 0, l.preventDefault());
+        let v = d < 40 ? 0.2 : d < 80 ? 0.4 : 0.2;
+        v *= l.deltaY > 0 ? -1 : 1, i.scaleX < 1 && (v /= 2), i.scaleX + v > 4 ? i.scale(4, 4) : i.scaleX + v < 0.1 ? i.scale(0.1, 0.1) : (l.deltaY > 0, l.preventDefault());
       } else
         o.onMouseWheel(l, h);
     }), i.onFileLoaded$.subscribeEvent(() => {
@@ -64,7 +64,7 @@ let ue = class extends he {
   }
   _scrollToCenter() {
     var c;
-    const e = (c = this._currentRender()) == null ? void 0 : c.scene, t = e == null ? void 0 : e.getViewport(ne.VIEW), i = this._getCenterPositionViewPort(e);
+    const e = (c = this._currentRender()) == null ? void 0 : c.scene, t = e == null ? void 0 : e.getViewport(re.VIEW), i = this._getCenterPositionViewPort(e);
     if (!t || !i) return;
     const { left: r, top: s } = i, { x: o, y: a } = t.transViewportScroll2ScrollValue(r, s);
     t.scrollToBarPos({
@@ -73,13 +73,13 @@ let ue = class extends he {
     });
   }
   _currentRender() {
-    return je(E.UNIVER_SLIDE, this._univerInstanceService, this._renderManagerService);
+    return Ae(E.UNIVER_SLIDE, this._univerInstanceService, this._renderManagerService);
   }
   /**
    * @param mainScene
    */
   _createSlide(e) {
-    const t = this._univerInstanceService.getCurrentUnitForType(E.UNIVER_SLIDE), { width: i, height: r } = e, s = t.getPageSize(), { width: o = 100, height: a = 100 } = s, c = new bi(ne.COMPONENT, {
+    const t = this._univerInstanceService.getCurrentUnitForType(E.UNIVER_SLIDE), { width: i, height: r } = e, s = t.getPageSize(), { width: o = 100, height: a = 100 } = s, c = new Oi(re.COMPONENT, {
       left: (i - o) / 2,
       top: (r - a) / 2,
       width: o,
@@ -89,14 +89,14 @@ let ue = class extends he {
     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 xt("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,
       height: o,
       strokeWidth: 1,
       stroke: "rgba(198,198,198,1)",
-      fill: ci(t) || "rgba(255,255,255,1)",
+      fill: di(t) || "rgba(255,255,255,1)",
       zIndex: 0,
       evented: !1
     });
@@ -183,11 +183,11 @@ let ue = class extends he {
     const i = this._renderContext;
     if (!i || !this._objectProvider)
       return;
-    const { scene: r, mainComponent: s } = i, o = s, { width: a, height: c } = o, h = new Ei(e, o, {
+    const { scene: r, mainComponent: s } = i, o = s, { width: a, height: c } = o, h = new xi(e, o, {
       width: a,
       height: c
     });
-    new tt(`PageViewer_${e}`, h, {
+    new it(`PageViewer_${e}`, h, {
       left: 0,
       top: 0,
       bottom: 0,
@@ -195,9 +195,9 @@ let ue = class extends he {
       explicitViewportWidthSet: !1,
       explicitViewportHeightSet: !1
     }).closeClip();
-    const { pageElements: d, pageBackgroundFill: g } = t, _ = this._objectProvider.convertToRenderObjects(d, r);
-    if (!_ || !o) return;
-    this._addBackgroundRect(h, g), h.addObjects(_), h.initTransformer(), _.forEach((f) => {
+    const { pageElements: d, pageBackgroundFill: v } = t, p = this._objectProvider.convertToRenderObjects(d, r);
+    if (!p || !o) return;
+    this._addBackgroundRect(h, v), h.addObjects(p), h.initTransformer(), p.forEach((f) => {
       h.attachTransformerTo(f);
     });
     const m = h.getTransformer();
@@ -249,22 +249,22 @@ let ue = class extends he {
     s && o && s.addPageScene(o), e.appendPage(t), e.setActivePage(t);
   }
 };
-ue = Qi([
-  Ne(1, K(We)),
-  Ne(2, y),
-  Ne(3, X)
-], ue);
-var en = Object.getOwnPropertyDescriptor, tn = (n, e, t, i) => {
-  for (var r = i > 1 ? void 0 : i ? en(e, t) : e, s = n.length - 1, o; s >= 0; s--)
+ge = tn([
+  Ue(1, X(ze)),
+  Ue(2, y),
+  Ue(3, G)
+], ge);
+var nn = Object.getOwnPropertyDescriptor, rn = (n, e, t, i) => {
+  for (var r = i > 1 ? void 0 : i ? nn(e, t) : e, s = n.length - 1, o; s >= 0; s--)
     (o = n[s]) && (r = o(r) || r);
   return r;
-}, nn = (n, e) => (t, i) => e(t, i, n);
-let T = class extends he {
+}, sn = (n, e) => (t, i) => e(t, i, n);
+let T = class extends ve {
   constructor(n) {
     super(), this._renderManagerService = n;
   }
   _getSlideRenderControllerFromRenderUnit(n) {
-    return this._renderManagerService.getRenderById(n).with(ue);
+    return this._renderManagerService.getRenderById(n).with(ge);
   }
   createThumbs(n) {
     this._getSlideRenderControllerFromRenderUnit(n).createThumbs();
@@ -291,10 +291,10 @@ let T = class extends he {
     this._getSlideRenderControllerFromRenderUnit(n).appendPage();
   }
 };
-T = tn([
-  nn(0, X)
+T = rn([
+  sn(0, G)
 ], T);
-const rn = "slides-ui.config", ht = {}, Mt = {
+const on = "slides-ui.config", gt = {}, Dt = {
   id: "slide.operation.delete-element",
   type: D.OPERATION,
   handler: (n, e) => {
@@ -313,7 +313,7 @@ var N = function() {
     }
     return n;
   }, N.apply(this, arguments);
-}, sn = function(n, e) {
+}, an = function(n, e) {
   var t = {};
   for (var i in n) Object.prototype.hasOwnProperty.call(n, i) && e.indexOf(i) < 0 && (t[i] = n[i]);
   if (n != null && typeof Object.getOwnPropertySymbols == "function")
@@ -321,15 +321,15 @@ var N = function() {
       e.indexOf(i[r]) < 0 && Object.prototype.propertyIsEnumerable.call(n, i[r]) && (t[i[r]] = n[i[r]]);
   return t;
 }, $ = A(function(n, e) {
-  var t = n.icon, i = n.id, r = n.className, s = n.extend, o = sn(n, ["icon", "id", "className", "extend"]), a = "univerjs-icon univerjs-icon-".concat(i, " ").concat(r || "").trim(), c = wt("_".concat(cn()));
-  return Nt(t, "".concat(i), { defIds: t.defIds, idSuffix: c.current }, N({ ref: e, className: a }, o), s);
+  var t = n.icon, i = n.id, r = n.className, s = n.extend, o = an(n, ["icon", "id", "className", "extend"]), a = "univerjs-icon univerjs-icon-".concat(i, " ").concat(r || "").trim(), c = Mt("_".concat(dn()));
+  return Ut(t, "".concat(i), { defIds: t.defIds, idSuffix: c.current }, N({ ref: e, className: a }, o), s);
 });
-function Nt(n, e, t, i, r) {
-  return B(n.tag, N(N({ key: e }, on(n, t, r)), i), (an(n, t).children || []).map(function(s, o) {
-    return Nt(s, "".concat(e, "-").concat(n.tag, "-").concat(o), t, void 0, r);
+function Ut(n, e, t, i, r) {
+  return B(n.tag, N(N({ key: e }, cn(n, t, r)), i), (ln(n, t).children || []).map(function(s, o) {
+    return Ut(s, "".concat(e, "-").concat(n.tag, "-").concat(o), t, void 0, r);
   }));
 }
-function on(n, e, t) {
+function cn(n, e, t) {
   var i = N({}, n.attrs);
   t != null && t.colorChannel1 && i.fill === "colorChannel1" && (i.fill = t.colorChannel1), n.tag === "mask" && i.id && (i.id = i.id + e.idSuffix), Object.entries(i).forEach(function(s) {
     var o = s[0], a = s[1];
@@ -341,96 +341,96 @@ function on(n, e, t) {
     typeof a == "string" && (i[o] = a.replace(/url\(#(.*)\)/, "url(#$1".concat(e.idSuffix, ")")));
   })), i;
 }
-function an(n, e) {
+function ln(n, e) {
   var t, i = e.defIds;
   return !i || i.length === 0 ? n : n.tag === "defs" && (!((t = n.children) === null || t === void 0) && t.length) ? N(N({}, n), { children: n.children.map(function(r) {
     return typeof r.attrs.id == "string" && i && i.indexOf(r.attrs.id) > -1 ? N(N({}, r), { attrs: N(N({}, r.attrs), { id: r.attrs.id + e.idSuffix }) }) : r;
   }) }) : n;
 }
-function cn() {
+function dn() {
   return Math.random().toString(36).substring(2, 8);
 }
 $.displayName = "UniverIcon";
-var ln = { 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" } }] }, Dt = A(function(n, e) {
+var un = { 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" } }] }, Vt = A(function(n, e) {
   return B($, Object.assign({}, n, {
     id: "add-image-single",
     ref: e,
-    icon: ln
+    icon: un
   }));
 });
-Dt.displayName = "AddImageSingle";
-var dn = { 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" } }] }, Ut = A(function(n, e) {
+Vt.displayName = "AddImageSingle";
+var hn = { 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" } }] }, jt = A(function(n, e) {
   return B($, Object.assign({}, n, {
     id: "autofill",
     ref: e,
-    icon: dn
+    icon: hn
   }));
 });
-Ut.displayName = "Autofill";
-var un = { 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" } }] }, Vt = A(function(n, e) {
+jt.displayName = "Autofill";
+var gn = { 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" } }] }, Lt = A(function(n, e) {
   return B($, Object.assign({}, n, {
     id: "bottom-single",
     ref: e,
-    icon: un
+    icon: gn
   }));
 });
-Vt.displayName = "BottomSingle";
-var hn = { 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"] }, jt = A(function(n, e) {
+Lt.displayName = "BottomSingle";
+var vn = { 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 = A(function(n, e) {
   return B($, Object.assign({}, n, {
     id: "graph-single",
     ref: e,
-    icon: hn
+    icon: vn
   }));
 });
-jt.displayName = "GraphSingle";
-var vn = { 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" } }] }, Xe = A(function(n, e) {
+At.displayName = "GraphSingle";
+var fn = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M11.3536 6.14645C11.5488 6.34171 11.5488 6.65829 11.3536 6.85355L8.35355 9.85355C8.15829 10.0488 7.84171 10.0488 7.64645 9.85355L4.64645 6.85355C4.45118 6.65829 4.45118 6.34171 4.64645 6.14645C4.84171 5.95118 5.15829 5.95118 5.35355 6.14645L8 8.79289L10.6464 6.14645C10.8417 5.95118 11.1583 5.95118 11.3536 6.14645Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, Ge = A(function(n, e) {
   return B($, Object.assign({}, n, {
     id: "more-down-single",
     ref: e,
-    icon: vn
+    icon: fn
   }));
 });
-Xe.displayName = "MoreDownSingle";
-var gn = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M1.25 2.96401C1.25 3.84767 1.96634 4.56401 2.85 4.56401H13.15C14.0337 4.56401 14.75 3.84767 14.75 2.96401C14.75 2.08036 14.0337 1.36401 13.15 1.36401H2.85C1.96635 1.36401 1.25 2.08036 1.25 2.96401ZM2.85 3.36401C2.62909 3.36401 2.45 3.18493 2.45 2.96401C2.45 2.7431 2.62909 2.56401 2.85 2.56401H13.15C13.3709 2.56401 13.55 2.7431 13.55 2.96401C13.55 3.18493 13.3709 3.36401 13.15 3.36401H2.85Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M5.57564 11.6118C5.80995 11.3774 6.18985 11.3774 6.42417 11.6118L7.3999 12.5875V6.36951C7.3999 6.03814 7.66853 5.76951 7.9999 5.76951C8.33127 5.76951 8.5999 6.03814 8.5999 6.36951V12.5875L9.57564 11.6118C9.80995 11.3774 10.1899 11.3774 10.4242 11.6118C10.6585 11.8461 10.6585 12.226 10.4242 12.4603L8.4324 14.452C8.32324 14.5655 8.16982 14.6362 7.9999 14.6362C7.82998 14.6362 7.67655 14.5655 7.56739 14.452L5.57564 12.4603C5.34132 12.226 5.34132 11.8461 5.57564 11.6118Z" } }] }, Lt = A(function(n, e) {
+Ge.displayName = "MoreDownSingle";
+var mn = { 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" } }] }, Bt = A(function(n, e) {
   return B($, Object.assign({}, n, {
     id: "move-down-single",
     ref: e,
-    icon: gn
+    icon: mn
   }));
 });
-Lt.displayName = "MoveDownSingle";
-var fn = { 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" } }] }, At = A(function(n, e) {
+Bt.displayName = "MoveDownSingle";
+var pn = { 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" } }] }, $t = A(function(n, e) {
   return B($, Object.assign({}, n, {
     id: "move-up-single",
     ref: e,
-    icon: fn
+    icon: pn
   }));
 });
-At.displayName = "MoveUpSingle";
-var mn = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 17 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M8.01281 1.36643C8.79386 0.585377 10.0602 0.585378 10.8412 1.36643L12.9223 3.44752C13.7034 4.22857 13.7034 5.4949 12.9223 6.27595L9.36445 9.83383C8.5834 10.6149 7.31707 10.6149 6.53602 9.83383L4.45493 7.75273C3.67388 6.97168 3.67388 5.70535 4.45493 4.9243L8.01281 1.36643ZM9.9927 2.21495C9.68028 1.90253 9.17375 1.90253 8.86133 2.21495L5.30346 5.77283L5.29671 5.77966L10.839 6.66224L12.0738 5.42742C12.3862 5.115 12.3862 4.60847 12.0738 4.29605L9.9927 2.21495Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M14.5179 9.48875C14.5179 9.99175 14.1101 10.3995 13.607 10.3995C13.1041 10.3995 12.6963 9.99175 12.6963 9.48875C12.6963 9.1773 13.0455 8.59966 13.3114 8.20487C13.4549 7.99177 13.7591 7.99177 13.9027 8.20486C14.1687 8.59965 14.5179 9.1773 14.5179 9.48875Z" } }, { tag: "path", attrs: { fill: "colorChannel1", d: "M1.98682 13.4992C1.98682 12.5603 2.74793 11.7992 3.68682 11.7992H14.2868C15.2257 11.7992 15.9868 12.5603 15.9868 13.4992V13.4992C15.9868 14.4381 15.2257 15.1992 14.2868 15.1992H3.68682C2.74793 15.1992 1.98682 14.4381 1.98682 13.4992V13.4992Z" } }] }, Bt = A(function(n, e) {
+$t.displayName = "MoveUpSingle";
+var _n = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 17 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M8.01281 1.36643C8.79386 0.585377 10.0602 0.585378 10.8412 1.36643L12.9223 3.44752C13.7034 4.22857 13.7034 5.4949 12.9223 6.27595L9.36445 9.83383C8.5834 10.6149 7.31707 10.6149 6.53602 9.83383L4.45493 7.75273C3.67388 6.97168 3.67388 5.70535 4.45493 4.9243L8.01281 1.36643ZM9.9927 2.21495C9.68028 1.90253 9.17375 1.90253 8.86133 2.21495L5.30346 5.77283L5.29671 5.77966L10.839 6.66224L12.0738 5.42742C12.3862 5.115 12.3862 4.60847 12.0738 4.29605L9.9927 2.21495Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M14.5179 9.48875C14.5179 9.99175 14.1101 10.3995 13.607 10.3995C13.1041 10.3995 12.6963 9.99175 12.6963 9.48875C12.6963 9.1773 13.0455 8.59966 13.3114 8.20487C13.4549 7.99177 13.7591 7.99177 13.9027 8.20486C14.1687 8.59965 14.5179 9.1773 14.5179 9.48875Z" } }, { tag: "path", attrs: { fill: "colorChannel1", d: "M1.98682 13.4992C1.98682 12.5603 2.74793 11.7992 3.68682 11.7992H14.2868C15.2257 11.7992 15.9868 12.5603 15.9868 13.4992V13.4992C15.9868 14.4381 15.2257 15.1992 14.2868 15.1992H3.68682C2.74793 15.1992 1.98682 14.4381 1.98682 13.4992V13.4992Z" } }] }, Ht = A(function(n, e) {
   return B($, Object.assign({}, n, {
     id: "paint-bucket",
     ref: e,
-    icon: mn
+    icon: _n
   }));
 });
-Bt.displayName = "PaintBucket";
-var _n = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M2.66695 1.33496C2.29968 1.33496 2.00195 1.63269 2.00195 1.99996V3.64439C2.00195 4.01166 2.29968 4.30939 2.66695 4.30939C3.03422 4.30939 3.33195 4.01166 3.33195 3.64439V2.66496H7.33521V13.335H5.3337C4.96643 13.335 4.6687 13.6327 4.6687 14C4.6687 14.3672 4.96643 14.665 5.3337 14.665H10.667C11.0343 14.665 11.332 14.3672 11.332 14C11.332 13.6327 11.0343 13.335 10.667 13.335H8.66521V2.66496H12.6686V3.64439C12.6686 4.01166 12.9664 4.30939 13.3336 4.30939C13.7009 4.30939 13.9986 4.01166 13.9986 3.64439V1.99996C13.9986 1.63269 13.7009 1.33496 13.3336 1.33496H2.66695Z" } }] }, $t = A(function(n, e) {
+Ht.displayName = "PaintBucket";
+var Cn = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M2.66695 1.33496C2.29968 1.33496 2.00195 1.63269 2.00195 1.99996V3.64439C2.00195 4.01166 2.29968 4.30939 2.66695 4.30939C3.03422 4.30939 3.33195 4.01166 3.33195 3.64439V2.66496H7.33521V13.335H5.3337C4.96643 13.335 4.6687 13.6327 4.6687 14C4.6687 14.3672 4.96643 14.665 5.3337 14.665H10.667C11.0343 14.665 11.332 14.3672 11.332 14C11.332 13.6327 11.0343 13.335 10.667 13.335H8.66521V2.66496H12.6686V3.64439C12.6686 4.01166 12.9664 4.30939 13.3336 4.30939C13.7009 4.30939 13.9986 4.01166 13.9986 3.64439V1.99996C13.9986 1.63269 13.7009 1.33496 13.3336 1.33496H2.66695Z" } }] }, Ft = A(function(n, e) {
   return B($, Object.assign({}, n, {
     id: "text-single",
     ref: e,
-    icon: _n
+    icon: Cn
   }));
 });
-$t.displayName = "TextSingle";
-var pn = { 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" } }] }, Ht = A(function(n, e) {
+Ft.displayName = "TextSingle";
+var Sn = { 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 = A(function(n, e) {
   return B($, Object.assign({}, n, {
     id: "topmost-single",
     ref: e,
-    icon: pn
+    icon: Sn
   }));
 });
-Ht.displayName = "TopmostSingle";
+Wt.displayName = "TopmostSingle";
 const W = {
   id: "slide.operation.update-element",
   type: D.OPERATION,
@@ -438,88 +438,97 @@ const W = {
     const { oKey: t, props: i } = e, r = n.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] = li.deepMerge(a.pageElements[t], i), o.updatePage(a.id, a), !0;
+    return a.pageElements[t] = ui.deepMerge(a.pageElements[t], i), o.updatePage(a.id, a), !0;
   }
 };
-function Cn(n) {
-  const { pageId: e, unitId: t } = n, i = x(J), r = x(T), s = x(U), o = r.getRenderUnitByPageId(e, t), a = o == null ? void 0 : o.scene;
+function In(n) {
+  const { pageId: e, unitId: t } = n, i = R(Q), r = R(T), s = R(U), o = r.getRenderUnitByPageId(e, t), a = o == null ? void 0 : o.scene;
   if (!a) return null;
   const c = a.getTransformer();
   if (!c) return null;
   const l = c.getSelectedObjectMap().values().next().value;
   if (!l) return null;
-  const d = (g) => {
-    const _ = a.getAllObjects(), [m, f] = _.reduce(([p, I], b) => {
-      const w = b.zIndex, M = w < p ? w : p, V = w > I ? w : I;
+  const d = (v) => {
+    const p = a.getAllObjects(), [m, f] = p.reduce(([_, I], b) => {
+      const w = b.zIndex, M = w < _ ? w : _, V = w > I ? w : I;
       return [M, V];
     }, [0, 0]);
-    let v = l.zIndex;
-    g === 3 ? v = m - 1 : g === 2 ? v = f + 1 : g === 0 ? v = l.zIndex + 1 : g === 1 && (v = l.zIndex - 1), l.setProps({
-      zIndex: v
+    let g = l.zIndex;
+    v === 3 ? g = m - 1 : v === 2 ? g = f + 1 : v === 0 ? g = l.zIndex + 1 : v === 1 && (g = l.zIndex - 1), l.setProps({
+      zIndex: g
     }), s.executeCommand(W.id, {
       unitId: t,
       oKey: l == null ? void 0 : l.oKey,
       props: {
-        zIndex: v
+        zIndex: g
       }
     });
   };
   return /* @__PURE__ */ O("div", { className: "univer-relative univer-w-full", children: [
-    /* @__PURE__ */ u("div", { className: "univer-relative univer-mt-2.5 univer-flex univer-h-full univer-items-start", children: /* @__PURE__ */ u("div", { className: "univer-w-full univer-text-left univer-text-gray-600", children: /* @__PURE__ */ u("div", { children: i.t("image-panel.arrange.title") }) }) }),
-    /* @__PURE__ */ O("div", { className: "univer-relative univer-mt-2.5 univer-flex univer-h-full univer-items-start", children: [
-      /* @__PURE__ */ u("div", { className: "univer-w-1/2", children: /* @__PURE__ */ u(pe, { onClick: () => {
+    /* @__PURE__ */ u("div", { className: "univer-relative univer-mt-2.5 univer-flex univer-h-full", children: /* @__PURE__ */ u(
+      "div",
+      {
+        className: `
+                      univer-w-full univer-text-left univer-text-gray-600
+                      dark:univer-text-gray-200
+                    `,
+        children: /* @__PURE__ */ u("div", { children: i.t("image-panel.arrange.title") })
+      }
+    ) }),
+    /* @__PURE__ */ O("div", { className: "univer-relative univer-mt-2.5 univer-flex univer-h-full", children: [
+      /* @__PURE__ */ u("div", { className: "univer-w-1/2", children: /* @__PURE__ */ u(Se, { onClick: () => {
         d(
           0
           /* forward */
         );
       }, children: /* @__PURE__ */ O("span", { className: "univer-flex univer-items-center univer-gap-1", children: [
-        /* @__PURE__ */ u(At, {}),
+        /* @__PURE__ */ u($t, {}),
         i.t("image-panel.arrange.forward")
       ] }) }) }),
-      /* @__PURE__ */ u("div", { className: "univer-w-1/2", children: /* @__PURE__ */ u(pe, { onClick: () => {
+      /* @__PURE__ */ u("div", { className: "univer-w-1/2", children: /* @__PURE__ */ u(Se, { onClick: () => {
         d(
           1
           /* backward */
         );
       }, children: /* @__PURE__ */ O("span", { className: "univer-flex univer-items-center univer-gap-1", children: [
-        /* @__PURE__ */ u(Lt, {}),
+        /* @__PURE__ */ u(Bt, {}),
         i.t("image-panel.arrange.backward")
       ] }) }) })
     ] }),
-    /* @__PURE__ */ O("div", { className: "univer-relative univer-mt-2.5 univer-flex univer-h-full univer-items-start", children: [
-      /* @__PURE__ */ u("div", { className: "univer-w-1/2", children: /* @__PURE__ */ u(pe, { onClick: () => {
+    /* @__PURE__ */ O("div", { className: "univer-relative univer-mt-2.5 univer-flex univer-h-full", children: [
+      /* @__PURE__ */ u("div", { className: "univer-w-1/2", children: /* @__PURE__ */ u(Se, { onClick: () => {
         d(
           2
           /* front */
         );
       }, children: /* @__PURE__ */ O("span", { className: "univer-flex univer-items-center univer-gap-1", children: [
-        /* @__PURE__ */ u(Ht, {}),
+        /* @__PURE__ */ u(Wt, {}),
         i.t("image-panel.arrange.front")
       ] }) }) }),
-      /* @__PURE__ */ u("div", { className: "univer-w-1/2", children: /* @__PURE__ */ u(pe, { onClick: () => {
+      /* @__PURE__ */ u("div", { className: "univer-w-1/2", children: /* @__PURE__ */ u(Se, { onClick: () => {
         d(
           3
           /* back */
         );
       }, children: /* @__PURE__ */ O("span", { className: "univer-flex univer-items-center univer-gap-1", children: [
-        /* @__PURE__ */ u(Vt, {}),
+        /* @__PURE__ */ u(Lt, {}),
         i.t("image-panel.arrange.back")
       ] }) }) })
     ] })
   ] });
 }
-function Sn(n) {
+function bn(n) {
   var m, f;
-  const { pageId: e, unitId: t } = n, i = x(J), r = x(T), s = x(U), o = r.getRenderUnitByPageId(e, t), a = o == null ? void 0 : o.scene;
+  const { pageId: e, unitId: t } = n, i = R(Q), r = R(T), s = R(U), o = r.getRenderUnitByPageId(e, t), a = o == null ? void 0 : o.scene;
   if (!a) return null;
   const c = a.getTransformer();
   if (!c) return null;
   const l = c.getSelectedObjectMap().values().next().value;
   if (!l) return null;
-  const [d, g] = Ai.useState((f = (m = l.fill) == null ? void 0 : m.toString()) != null ? f : "");
-  function _(v) {
+  const [d, v] = $i.useState((f = (m = l.fill) == null ? void 0 : m.toString()) != null ? f : "");
+  function p(g) {
     l == null || l.setProps({
-      fill: v
+      fill: g
     }), s.executeCommand(W.id, {
       unitId: t,
       oKey: l == null ? void 0 : l.oKey,
@@ -527,35 +536,41 @@ function Sn(n) {
         shape: {
           shapeProperties: {
             shapeBackgroundFill: {
-              rgb: v
+              rgb: g
             }
           }
         }
       }
-    }), g(v);
+    }), v(g);
   }
   return /* @__PURE__ */ u(
     "div",
     {
-      className: `
-              univer-relative univer-bottom-0 univer-mt-5 univer-w-full univer-border-t univer-border-solid
-              univer-border-t-gray-200
-            `,
+      className: K("univer-relative univer-bottom-0 univer-mt-5 univer-w-full", Tt),
       children: /* @__PURE__ */ O("div", { className: "univer-relative univer-w-full", children: [
-        /* @__PURE__ */ u("div", { className: "univer-relative univer-mt-2.5 univer-flex univer-h-full univer-items-start", children: /* @__PURE__ */ u("div", { className: "univer-w-full univer-text-left univer-text-gray-600", children: /* @__PURE__ */ u("div", { children: i.t("slide.panel.fill.title") }) }) }),
-        /* @__PURE__ */ u("div", { className: "univer-relative univer-mt-2.5 univer-flex univer-h-full univer-items-start", children: /* @__PURE__ */ u("div", { className: "univer-w-1/2", children: /* @__PURE__ */ u(
-          Pt,
+        /* @__PURE__ */ u("div", { className: "univer-relative univer-mt-2.5 univer-flex univer-h-full", children: /* @__PURE__ */ u(
+          "div",
+          {
+            className: `
+                          univer-w-full univer-text-left univer-text-gray-600
+                          dark:univer-text-gray-200
+                        `,
+            children: /* @__PURE__ */ u("div", { children: i.t("slide.panel.fill.title") })
+          }
+        ) }),
+        /* @__PURE__ */ u("div", { className: "univer-relative univer-mt-2.5 univer-flex univer-h-full", children: /* @__PURE__ */ u("div", { className: "univer-w-1/2", children: /* @__PURE__ */ u(
+          wt,
           {
             overlay: /* @__PURE__ */ u("div", { className: "univer-rounded-lg univer-p-4", children: /* @__PURE__ */ u(
-              ji,
+              Ai,
               {
                 value: "#fff",
-                onChange: _
+                onChange: p
               }
             ) }),
             children: /* @__PURE__ */ O("a", { className: "univer-flex univer-cursor-pointer univer-items-center univer-gap-1", children: [
-              /* @__PURE__ */ u(Bt, { className: "univer-fill-primary-600" }),
-              /* @__PURE__ */ u(Xe, {})
+              /* @__PURE__ */ u(Ht, { className: "univer-fill-primary-600" }),
+              /* @__PURE__ */ u(Ge, {})
             ] })
           }
         ) }) })
@@ -563,8 +578,8 @@ function Sn(n) {
     }
   );
 }
-function In(n) {
-  const { pageId: e, unitId: t } = n, i = x(J), r = x(T), s = x(U), o = r.getRenderUnitByPageId(e, t), a = o == null ? void 0 : o.scene;
+function En(n) {
+  const { pageId: e, unitId: t } = n, i = R(Q), r = R(T), s = R(U), o = r.getRenderUnitByPageId(e, t), a = o == null ? void 0 : o.scene;
   if (!a) return null;
   const c = a.getTransformer();
   if (!c) return null;
@@ -572,28 +587,28 @@ function In(n) {
   if (!l) return null;
   const {
     width: d = 0,
-    height: g = 0,
-    left: _ = 0,
+    height: v = 0,
+    left: p = 0,
     top: m = 0,
     angle: f = 0
-  } = l, [v, p] = k(d), [I, b] = k(g), [w, M] = k(_), [V, R] = k(m), [z, re] = k(f), H = (C) => {
-    const { objects: se } = C, oe = se.values().next().value, {
-      width: ei = 0,
-      height: ti = 0,
-      left: ii = 0,
-      top: ni = 0,
-      angle: ri = 0
-    } = oe;
-    p(ei), b(ti), M(ii), R(ni), re(ri);
+  } = l, [g, _] = k(d), [I, b] = k(v), [w, M] = k(p), [V, x] = k(m), [z, se] = k(f), H = (C) => {
+    const { objects: oe } = C, ae = oe.values().next().value, {
+      width: ii = 0,
+      height: ni = 0,
+      left: ri = 0,
+      top: si = 0,
+      angle: oi = 0
+    } = ae;
+    _(ii), b(ni), M(ri), x(si), se(oi);
   };
-  de(() => {
-    const C = c.changeStart$.subscribe((oe) => {
-      H(oe);
-    }), se = c.changing$.subscribe((oe) => {
-      H(oe);
+  he(() => {
+    const C = c.changeStart$.subscribe((ae) => {
+      H(ae);
+    }), oe = c.changing$.subscribe((ae) => {
+      H(ae);
     });
     return () => {
-      se.unsubscribe(), C.unsubscribe();
+      oe.unsubscribe(), C.unsubscribe();
     };
   }, []);
   function F(C) {
@@ -603,9 +618,9 @@ function In(n) {
       props: {
         width: C
       }
-    }), l == null || l.resize(C, l.height), p(C), c == null || c.refreshControls());
+    }), l == null || l.resize(C, l.height), _(C), c == null || c.refreshControls());
   }
-  function Q(C) {
+  function ee(C) {
     !C || !l || (s.executeCommand(W.id, {
       pageId: e,
       oKey: l.oKey,
@@ -614,7 +629,7 @@ function In(n) {
       }
     }), l == null || l.resize(l.width, C), b(C), c == null || c.refreshControls());
   }
-  function ee(C) {
+  function te(C) {
     !C || !l || (s.executeCommand(W.id, {
       pageId: e,
       oKey: l.oKey,
@@ -623,16 +638,16 @@ function In(n) {
       }
     }), l == null || l.translate(C, l.top), M(C), c == null || c.refreshControls());
   }
-  function me(C) {
+  function _e(C) {
     !C || !l || (s.executeCommand(W.id, {
       pageId: e,
       oKey: l.oKey,
       props: {
         right: C
       }
-    }), l == null || l.translate(l.left, C), R(C), c == null || c.refreshControls());
+    }), l == null || l.translate(l.left, C), x(C), c == null || c.refreshControls());
   }
-  function _e(C) {
+  function Ce(C) {
     !C || !l || (s.executeCommand(W.id, {
       pageId: e,
       oKey: l.oKey,
@@ -641,26 +656,32 @@ function In(n) {
       }
     }), l == null || l.transformByState({
       angle: C
-    }), re(C), c == null || c.refreshControls());
+    }), se(C), c == null || c.refreshControls());
   }
   return /* @__PURE__ */ O(
     "div",
     {
-      className: `
-              univer-relative univer-bottom-0 univer-mt-5 univer-w-full univer-border-t univer-border-solid
-              univer-border-t-gray-200
-            `,
+      className: K("univer-relative univer-bottom-0 univer-mt-5 univer-w-full", Tt),
       children: [
-        /* @__PURE__ */ u("div", { className: "univer-relative univer-mt-2.5 univer-flex univer-h-full univer-items-start", children: /* @__PURE__ */ u("div", { className: "univer-w-full univer-text-left univer-text-gray-600", children: /* @__PURE__ */ u("div", { children: i.t("image-panel.transform.title") }) }) }),
-        /* @__PURE__ */ O("div", { className: "univer-relative univer-mt-2.5 univer-flex univer-h-full univer-items-start", children: [
+        /* @__PURE__ */ u("div", { className: "univer-relative univer-mt-2.5 univer-flex univer-h-full", children: /* @__PURE__ */ u(
+          "div",
+          {
+            className: `
+                      univer-w-full univer-text-left univer-text-gray-600
+                      dark:univer-text-gray-200
+                    `,
+            children: /* @__PURE__ */ u("div", { children: i.t("image-panel.transform.title") })
+          }
+        ) }),
+        /* @__PURE__ */ O("div", { className: "univer-relative univer-mt-2.5 univer-flex univer-h-full", children: [
           /* @__PURE__ */ u("div", { className: "univer-w-1/3", children: /* @__PURE__ */ O("label", { children: [
-            /* @__PURE__ */ u("div", { className: "univer-relative univer-mt-2.5 univer-flex univer-h-full univer-items-start", children: /* @__PURE__ */ u("div", { className: "univer-w-full", children: i.t("image-panel.transform.width") }) }),
-            /* @__PURE__ */ u("div", { className: "univer-relative univer-mt-2.5 univer-flex univer-h-full univer-items-start", children: /* @__PURE__ */ u("div", { className: "univer-w-full", children: /* @__PURE__ */ u(
-              ae,
+            /* @__PURE__ */ u("div", { className: "univer-relative univer-mt-2.5 univer-flex univer-h-full", children: /* @__PURE__ */ u("div", { className: "univer-w-full", children: i.t("image-panel.transform.width") }) }),
+            /* @__PURE__ */ u("div", { className: "univer-relative univer-mt-2.5 univer-flex univer-h-full", children: /* @__PURE__ */ u("div", { className: "univer-w-full", children: /* @__PURE__ */ u(
+              ce,
               {
                 className: "univer-w-11/12",
                 min: 1,
-                value: v,
+                value: g,
                 onChange: (C) => {
                   F(C);
                 }
@@ -668,60 +689,60 @@ function In(n) {
             ) }) })
           ] }) }),
           /* @__PURE__ */ u("div", { className: "univer-w-1/3", children: /* @__PURE__ */ O("label", { children: [
-            /* @__PURE__ */ u("div", { className: "univer-relative univer-mt-2.5 univer-flex univer-h-full univer-items-start", children: /* @__PURE__ */ u("div", { className: "univer-w-full", children: i.t("image-panel.transform.height") }) }),
-            /* @__PURE__ */ u("div", { className: "univer-relative univer-mt-2.5 univer-flex univer-h-full univer-items-start", children: /* @__PURE__ */ u("div", { className: "univer-w-full", children: /* @__PURE__ */ u(
-              ae,
+            /* @__PURE__ */ u("div", { className: "univer-relative univer-mt-2.5 univer-flex univer-h-full", children: /* @__PURE__ */ u("div", { className: "univer-w-full", children: i.t("image-panel.transform.height") }) }),
+            /* @__PURE__ */ u("div", { className: "univer-relative univer-mt-2.5 univer-flex univer-h-full", children: /* @__PURE__ */ u("div", { className: "univer-w-full", children: /* @__PURE__ */ u(
+              ce,
               {
                 className: "univer-w-11/12",
                 min: 1,
                 value: I,
                 onChange: (C) => {
-                  Q(C);
+                  ee(C);
                 }
               }
             ) }) })
           ] }) })
         ] }),
-        /* @__PURE__ */ O("div", { className: "univer-relative univer-mt-2.5 univer-flex univer-h-full univer-items-start", children: [
+        /* @__PURE__ */ O("div", { className: "univer-relative univer-mt-2.5 univer-flex univer-h-full", children: [
           /* @__PURE__ */ u("div", { className: "univer-w-1/3", children: /* @__PURE__ */ O("label", { children: [
-            /* @__PURE__ */ u("div", { className: "univer-relative univer-mt-2.5 univer-flex univer-h-full univer-items-start", children: /* @__PURE__ */ u("div", { className: "univer-w-full", children: i.t("image-panel.transform.x") }) }),
-            /* @__PURE__ */ u("div", { className: "univer-relative univer-mt-2.5 univer-flex univer-h-full univer-items-start", children: /* @__PURE__ */ u("div", { className: "univer-w-full", children: /* @__PURE__ */ u(
-              ae,
+            /* @__PURE__ */ u("div", { className: "univer-relative univer-mt-2.5 univer-flex univer-h-full", children: /* @__PURE__ */ u("div", { className: "univer-w-full", children: i.t("image-panel.transform.x") }) }),
+            /* @__PURE__ */ u("div", { className: "univer-relative univer-mt-2.5 univer-flex univer-h-full", children: /* @__PURE__ */ u("div", { className: "univer-w-full", children: /* @__PURE__ */ u(
+              ce,
               {
                 className: "univer-w-11/12",
                 precision: 1,
                 min: 0,
                 value: w,
                 onChange: (C) => {
-                  ee(C);
+                  te(C);
                 }
               }
             ) }) })
           ] }) }),
           /* @__PURE__ */ u("div", { className: "univer-w-1/3", children: /* @__PURE__ */ O("label", { children: [
-            /* @__PURE__ */ u("div", { className: "univer-relative univer-mt-2.5 univer-flex univer-h-full univer-items-start", children: /* @__PURE__ */ u("div", { className: "univer-w-full", children: i.t("image-panel.transform.y") }) }),
-            /* @__PURE__ */ u("div", { className: "univer-relative univer-mt-2.5 univer-flex univer-h-full univer-items-start", children: /* @__PURE__ */ u("div", { className: "univer-w-full", children: /* @__PURE__ */ u(
-              ae,
+            /* @__PURE__ */ u("div", { className: "univer-relative univer-mt-2.5 univer-flex univer-h-full", children: /* @__PURE__ */ u("div", { className: "univer-w-full", children: i.t("image-panel.transform.y") }) }),
+            /* @__PURE__ */ u("div", { className: "univer-relative univer-mt-2.5 univer-flex univer-h-full", children: /* @__PURE__ */ u("div", { className: "univer-w-full", children: /* @__PURE__ */ u(
+              ce,
               {
                 className: "univer-w-11/12",
                 precision: 1,
                 min: 0,
                 value: V,
                 onChange: (C) => {
-                  me(C);
+                  _e(C);
                 }
               }
             ) }) })
           ] }) }),
           /* @__PURE__ */ u("div", { className: "univer-w-1/3", children: /* @__PURE__ */ O("label", { children: [
-            /* @__PURE__ */ u("div", { className: "univer-relative univer-mt-2.5 univer-flex univer-h-full univer-items-start", children: /* @__PURE__ */ u("div", { className: "univer-w-full", children: i.t("image-panel.transform.rotate") }) }),
-            /* @__PURE__ */ u("div", { className: "univer-relative univer-mt-2.5 univer-flex univer-h-full univer-items-start", children: /* @__PURE__ */ u("div", { className: "univer-w-full", children: /* @__PURE__ */ u(
-              ae,
+            /* @__PURE__ */ u("div", { className: "univer-relative univer-mt-2.5 univer-flex univer-h-full", children: /* @__PURE__ */ u("div", { className: "univer-w-full", children: i.t("image-panel.transform.rotate") }) }),
+            /* @__PURE__ */ u("div", { className: "univer-relative univer-mt-2.5 univer-flex univer-h-full", children: /* @__PURE__ */ u("div", { className: "univer-w-full", children: /* @__PURE__ */ u(
+              ce,
               {
                 className: "univer-w-11/12",
                 precision: 1,
                 value: z,
-                onChange: _e
+                onChange: Ce
               }
             ) }) })
           ] }) })
@@ -730,10 +751,10 @@ function In(n) {
     }
   );
 }
-const be = "COMPONENT_SLIDE_SIDEBAR";
-function bn() {
+const Oe = "COMPONENT_SLIDE_SIDEBAR";
+function On() {
   var h, l, d;
-  const n = x(y), e = x(T), t = n.getCurrentUnitForType(E.UNIVER_SLIDE), i = (h = t == null ? void 0 : t.getActivePage()) == null ? void 0 : h.id;
+  const n = R(y), e = R(T), t = n.getCurrentUnitForType(E.UNIVER_SLIDE), i = (h = t == null ? void 0 : t.getActivePage()) == null ? void 0 : h.id;
   if (!i) return null;
   const s = (l = e.getRenderUnitByPageId(i, i).scene) == null ? void 0 : l.getTransformer();
   if (!s) return null;
@@ -742,26 +763,26 @@ function bn() {
     return null;
   const c = ((d = n.getFocusedUnit()) == null ? void 0 : d.getUnitId()) || "";
   return /* @__PURE__ */ O("section", { className: "univer-p-2 univer-text-center univer-text-sm", children: [
-    /* @__PURE__ */ u(Cn, { pageId: i, unitId: c }),
     /* @__PURE__ */ u(In, { pageId: i, unitId: c }),
-    a.objectType === ce.RECT && /* @__PURE__ */ u(Sn, { pageId: i, unitId: c })
+    /* @__PURE__ */ u(En, { pageId: i, unitId: c }),
+    a.objectType === le.RECT && /* @__PURE__ */ u(bn, { pageId: i, unitId: c })
   ] });
 }
-const Ge = {
+const Ye = {
   id: "slide.command.insert-float-shape",
   type: D.COMMAND,
   handler: async (n) => {
     var r;
     const e = n.get(U), i = (r = n.get(y).getFocusedUnit()) == null ? void 0 : r.getUnitId();
-    return e.executeCommand(Ft.id, { unitId: i });
+    return e.executeCommand(zt.id, { unitId: i });
   }
-}, Ft = {
+}, zt = {
   id: "slide.operation.insert-float-shape",
   type: D.OPERATION,
   handler: async (n, e) => {
-    const t = pt(6), i = n.get(y), r = e.unitId, s = i.getUnit(r);
+    const t = Ct(6), i = n.get(y), r = e.unitId, s = i.getUnit(r);
     if (!s) return !1;
-    const o = s.getActivePage(), a = Object.values(o.pageElements), c = a != null && a.length ? Math.max(...a.map((g) => g.zIndex)) : 20, h = {
+    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,
@@ -770,9 +791,9 @@ const Ge = {
       height: 250,
       title: t,
       description: "",
-      type: ze.SHAPE,
+      type: ke.SHAPE,
       shape: {
-        shapeType: di.Rect,
+        shapeType: hi.Rect,
         text: "",
         shapeProperties: {
           shapeBackgroundFill: {
@@ -785,13 +806,13 @@ const Ge = {
     const l = n.get(T), d = l.createObjectToPage(h, o.id, r);
     return d && l.setObjectActiveByPage(d, o.id, r), !0;
   }
-}, Ae = {
+}, Be = {
   id: "sidebar.operation.slide-shape",
   type: D.COMMAND,
   handler: async (n, e) => {
-    const { visible: t, objectType: i } = e, r = n.get(yt), s = n.get(J);
+    const { visible: t, objectType: i } = e, r = n.get(Pt), s = n.get(Q);
     let o = "", a = "";
-    return i === ce.RECT ? (o = "slide.sidebar.shape", a = be) : i === ce.IMAGE ? (o = "slide.sidebar.image", a = be) : i === ce.RICH_TEXT && (o = "slide.sidebar.text", a = be), t ? r.open({
+    return i === le.RECT ? (o = "slide.sidebar.shape", a = Oe) : i === le.IMAGE ? (o = "slide.sidebar.image", a = Oe) : i === le.RICH_TEXT && (o = "slide.sidebar.text", a = Oe), t ? r.open({
       header: { title: s.t(o) },
       children: { label: a },
       onClose: () => {
@@ -799,13 +820,13 @@ const Ge = {
       width: 360
     }) : r.close(), !0;
   }
-}, Wt = "COMPONENT_SLIDE_IMAGE_POPUP_MENU";
-var En = Object.getOwnPropertyDescriptor, On = (n, e, t, i) => {
-  for (var r = i > 1 ? void 0 : i ? En(e, t) : e, s = n.length - 1, o; s >= 0; s--)
+}, kt = "COMPONENT_SLIDE_IMAGE_POPUP_MENU";
+var xn = Object.getOwnPropertyDescriptor, Rn = (n, e, t, i) => {
+  for (var r = i > 1 ? void 0 : i ? xn(e, t) : e, s = n.length - 1, o; s >= 0; s--)
     (o = n[s]) && (r = o(r) || r);
   return r;
-}, Ce = (n, e) => (t, i) => e(t, i, n);
-function Rn(n, e) {
+}, Ie = (n, e) => (t, i) => e(t, i, n);
+function yn(n, e) {
   const t = vt(n.left, n.top, e), i = vt(n.right, n.bottom, e);
   return {
     left: t.x,
@@ -815,7 +836,7 @@ function Rn(n, e) {
   };
 }
 function vt(n, e, t) {
-  const { scaleX: i, scaleY: r } = t.getAncestorScale(), s = t.getViewport(ne.VIEW);
+  const { scaleX: i, scaleY: r } = t.getAncestorScale(), s = t.getViewport(re.VIEW);
   if (!s)
     return {
       x: n,
@@ -827,26 +848,26 @@ function vt(n, e, t) {
     y: h
   };
 }
-let Re = class extends Me {
+let ye = class extends De {
   constructor(n, e, t, i) {
     super(), this._globalPopupManagerService = n, this._renderManagerService = e, this._univerInstanceService = t, this._commandService = i;
   }
   _createObjectPositionObserver(n, e) {
     const i = (() => {
-      var H, F, Q, ee;
-      const { scene: o, engine: a } = e, { left: c, top: h, width: l, height: d } = n, g = (o.width - ((F = (H = e.mainComponent) == null ? void 0 : H.width) != null ? F : 0)) / 2, _ = (o.height - ((ee = (Q = e.mainComponent) == null ? void 0 : Q.height) != null ? ee : 0)) / 2, m = {
+      var H, F, ee, te;
+      const { scene: o, engine: a } = e, { left: c, top: h, width: l, height: d } = n, v = (o.width - ((F = (H = e.mainComponent) == null ? void 0 : H.width) != null ? F : 0)) / 2, p = (o.height - ((te = (ee = e.mainComponent) == null ? void 0 : ee.height) != null ? te : 0)) / 2, m = {
         left: c,
         right: c + l,
         top: h,
         bottom: h + d
-      }, f = a.getCanvasElement(), v = f.getBoundingClientRect(), p = Oi(f.style.width), { scaleX: I, scaleY: b } = o.getAncestorScale(), w = Rn(m, o), { top: M, left: V, width: R } = v, z = R / p;
+      }, f = a.getCanvasElement(), g = f.getBoundingClientRect(), _ = Ri(f.style.width), { scaleX: I, scaleY: b } = o.getAncestorScale(), w = yn(m, o), { top: M, left: V, width: x } = g, z = x / _;
       return {
-        left: w.left * z * I + V + g,
-        right: w.right * z * I + V + g,
-        top: w.top * z * b + M + _,
-        bottom: w.bottom * z * b + M + _
+        left: w.left * z * I + V + v,
+        right: w.right * z * I + V + v,
+        top: w.top * z * b + M + p,
+        bottom: w.bottom * z * b + M + p
       };
-    })(), r = new q(i), s = new ke();
+    })(), r = new J(i), s = new Ke();
     return {
       position: i,
       position$: r,
@@ -875,18 +896,18 @@ let Re = class extends Me {
     };
   }
 };
-Re = On([
-  Ce(0, K(xi)),
-  Ce(1, X),
-  Ce(2, y),
-  Ce(3, U)
-], Re);
-var xn = Object.getOwnPropertyDescriptor, yn = (n, e, t, i) => {
-  for (var r = i > 1 ? void 0 : i ? xn(e, t) : e, s = n.length - 1, o; s >= 0; s--)
+ye = Rn([
+  Ie(0, X(Pi)),
+  Ie(1, G),
+  Ie(2, y),
+  Ie(3, U)
+], ye);
+var Pn = Object.getOwnPropertyDescriptor, wn = (n, e, t, i) => {
+  for (var r = i > 1 ? void 0 : i ? Pn(e, t) : e, s = n.length - 1, o; s >= 0; s--)
     (o = n[s]) && (r = o(r) || r);
   return r;
-}, Y = (n, e) => (t, i) => e(t, i, n);
-let xe = class extends he {
+}, Z = (n, e) => (t, i) => e(t, i, n);
+let Pe = class extends ve {
   constructor(e, t, i, r, s, o, a) {
     super();
     S(this, "_initImagePopupMenu", /* @__PURE__ */ new Set());
@@ -913,7 +934,7 @@ let xe = class extends he {
       if (!a) return;
       let c;
       this.disposeWithMe(
-        Ct(
+        St(
           a.createControl$.subscribe(() => {
             const l = a.getSelectedObjectMap();
             if (l.size > 1) {
@@ -923,15 +944,15 @@ let xe = class extends he {
             const d = l.values().next().value;
             if (!d)
               return;
-            const g = d.oKey;
+            const v = d.oKey;
             c == null || c.dispose(), c = this.disposeWithMe(this._canvasPopManagerService.attachPopupToObject(d, {
-              componentKey: Wt,
+              componentKey: kt,
               direction: "horizontal",
               offset: [2, 0],
               extraProps: {
-                menuItems: this._getMenuItemsByObjectType(d.objectType, g, e)
+                menuItems: this._getMenuItemsByObjectType(d.objectType, v, e)
               }
-            })), this._sidebarService.visible && this._commandService.executeCommand(Ae.id, {
+            })), this._sidebarService.visible && this._commandService.executeCommand(Be.id, {
               visible: !0,
               objectType: d.objectType
             });
@@ -939,7 +960,7 @@ let xe = class extends he {
         )
       ), this.disposeWithMe(
         a.clearControl$.subscribe(() => {
-          c == null || c.dispose(), this._contextService.setContextValue(ui, !1);
+          c == null || c.dispose(), this._contextService.setContextValue(gi, !1);
         })
       ), this.disposeWithMe(
         a.changing$.subscribe(() => {
@@ -968,7 +989,7 @@ let xe = class extends he {
     return [{
       label: "slide.popup.edit",
       index: 0,
-      commandId: Ae.id,
+      commandId: Be.id,
       commandParams: {
         visible: !0,
         objectType: e
@@ -977,7 +998,7 @@ let xe = class extends he {
     }, {
       label: "slide.popup.delete",
       index: 5,
-      commandId: Mt.id,
+      commandId: Dt.id,
       commandParams: {
         id: t,
         unitId: i
@@ -986,45 +1007,45 @@ let xe = class extends he {
     }];
   }
 };
-xe = yn([
-  Y(0, K(Re)),
-  Y(1, X),
-  Y(2, y),
-  Y(3, ve),
-  Y(4, K(T)),
-  Y(5, yt),
-  Y(6, U)
-], xe);
-const ye = {
+Pe = wn([
+  Z(0, X(ye)),
+  Z(1, G),
+  Z(2, y),
+  Z(3, fe),
+  Z(4, X(T)),
+  Z(5, Pt),
+  Z(6, U)
+], Pe);
+const we = {
   id: "slide.operation.edit-arrow",
   type: D.OPERATION,
   handler: () => !0
-}, le = hi("SLIDE_EDITOR");
-var Pn = Object.getOwnPropertyDescriptor, wn = (n, e, t, i) => {
-  for (var r = i > 1 ? void 0 : i ? Pn(e, t) : e, s = n.length - 1, o; s >= 0; s--)
+}, de = vi("SLIDE_EDITOR");
+var Tn = Object.getOwnPropertyDescriptor, Mn = (n, e, t, i) => {
+  for (var r = i > 1 ? void 0 : i ? Tn(e, t) : e, s = n.length - 1, o; s >= 0; s--)
     (o = n[s]) && (r = o(r) || r);
   return r;
-}, De = (n, e) => (t, i) => e(t, i, n);
-const Ye = St("univer.slide-editor-bridge.service");
-let Be = class extends Me {
+}, Ve = (n, e) => (t, i) => e(t, i, n);
+const Ze = It("univer.slide-editor-bridge.service");
+let $e = class extends De {
   constructor(e, t, i) {
     super();
-    S(this, "_editorUnitId", le);
+    S(this, "_editorUnitId", de);
     S(this, "_isForceKeepVisible", !1);
     S(this, "_editorIsDirty", !1);
     S(this, "_currentEditRectState", null);
-    S(this, "_currentEditRectState$", new q(null));
+    S(this, "_currentEditRectState$", new J(null));
     S(this, "currentEditRectState$", this._currentEditRectState$.asObservable());
     S(this, "_visibleParam", {
       visible: !1,
-      eventType: Z.Dblclick,
+      eventType: q.Dblclick,
       unitId: ""
     });
-    S(this, "_visible$", new q(this._visibleParam));
+    S(this, "_visible$", new J(this._visibleParam));
     S(this, "visible$", this._visible$.asObservable());
-    S(this, "_afterVisible$", new q(this._visibleParam));
+    S(this, "_afterVisible$", new J(this._visibleParam));
     S(this, "afterVisible$", this._afterVisible$.asObservable());
-    S(this, "endEditing$", new Tt());
+    S(this, "endEditing$", new Nt());
     S(this, "_currentEditRectInfo");
     this._editorService = e, this._contextService = t, this._renderManagerService = i;
   }
@@ -1039,7 +1060,7 @@ let Be = class extends Me {
    * @editorInfo editorInfo
    */
   setEditorRect(e) {
-    this._currentEditRectInfo = e, this._editorService.getFocusEditor() || (this._editorService.focus(le), this._contextService.setContextValue(Ee, !1), this._contextService.setContextValue(It, !1), this._contextService.setContextValue(bt, !1));
+    this._currentEditRectInfo = e, this._editorService.getFocusEditor() || (this._editorService.focus(de), this._contextService.setContextValue(xe, !1), this._contextService.setContextValue(bt, !1), this._contextService.setContextValue(Et, !1));
     const t = this.getEditRectState();
     this._currentEditRectState = t, this._currentEditRectState$.next(t);
   }
@@ -1053,27 +1074,27 @@ let Be = class extends Me {
    * && this@setEditorRect
    */
   getEditRectState() {
-    const e = le, t = this._currentEditRectInfo, i = t.unitId, r = t.richTextObj.documentData;
+    const e = de, t = this._currentEditRectInfo, i = t.unitId, r = t.richTextObj.documentData;
     r.id = e, r.documentStyle = {
       ...r.documentStyle,
       pageSize: { width: t.richTextObj.width, height: 1 / 0 }
     };
     const o = {
-      documentModel: new vi(r),
+      documentModel: new fi(r),
       fontString: "document",
       textRotation: { a: 0, v: 0 },
       wrapStrategy: 0,
-      verticalAlign: Oe.TOP,
-      horizontalAlign: Et.LEFT,
+      verticalAlign: Re.TOP,
+      horizontalAlign: Ot.LEFT,
       paddingData: { t: 0, b: 1, l: 2, r: 2 }
     }, a = t.richTextObj.width, c = t.richTextObj.height, h = t.richTextObj.left, l = t.richTextObj.top, d = {
       left: 0,
       top: 0
-    }, g = this._renderManagerService.getRenderById(i), _ = g == null ? void 0 : g.scene, m = _ == null ? void 0 : _.getViewport(ne.VIEW), f = _ == null ? void 0 : _.getObject(ne.COMPONENT), v = {
+    }, v = this._renderManagerService.getRenderById(i), p = v == null ? void 0 : v.scene, m = p == null ? void 0 : p.getViewport(re.VIEW), f = p == null ? void 0 : p.getObject(re.COMPONENT), g = {
       x: (f == null ? void 0 : f.left) || 0,
       y: (f == null ? void 0 : f.top) || 0
-    }, p = (m == null ? void 0 : m.viewportScrollX) || 0, I = (m == null ? void 0 : m.viewportScrollY) || 0;
-    return d.left = v.x - p, d.top = v.y - I, {
+    }, _ = (m == null ? void 0 : m.viewportScrollX) || 0, I = (m == null ? void 0 : m.viewportScrollY) || 0;
+    return d.left = g.x - _, d.top = g.y - I, {
       position: {
         startX: h,
         startY: l,
@@ -1131,7 +1152,7 @@ let Be = class extends Me {
         textStyle: { fs: r },
         renderConfig: {
           // horizontalAlign: HorizontalAlign.CENTER,
-          verticalAlign: Oe.MIDDLE,
+          verticalAlign: Re.MIDDLE,
           centerAngle: 0,
           vertexAngle: 0,
           wrapStrategy: 0
@@ -1143,21 +1164,21 @@ let Be = class extends Me {
     };
   }
 };
-Be = wn([
-  De(0, Ke),
-  De(1, ve),
-  De(2, X)
-], Be);
-class Tn {
+$e = Mn([
+  Ve(0, Xe),
+  Ve(1, fe),
+  Ve(2, G)
+], $e);
+class Nn {
   constructor() {
     S(this, "_state", null);
     S(this, "_rect", null);
-    S(this, "_state$", new q(null));
+    S(this, "_state$", new J(null));
     S(this, "state$", this._state$.asObservable());
-    S(this, "_rect$", new q(null));
+    S(this, "_rect$", new J(null));
     S(this, "rect$", this._rect$.asObservable());
     S(this, "_focus", !1);
-    S(this, "_focus$", new q(this._focus));
+    S(this, "_focus$", new J(this._focus));
     S(this, "focus$", this._focus$.asObservable());
   }
   dispose() {
@@ -1182,29 +1203,29 @@ class Tn {
     this._state$.next(e);
   }
 }
-const Ze = St(
+const qe = It(
   "univer.slide-editor-manager.service"
 );
-var G = /* @__PURE__ */ ((n) => (n[n.InitialState = 0] = "InitialState", n[n.StartEditor = 1] = "StartEditor", n[n.CursorChange = 2] = "CursorChange", n))(G || {}), Mn = Object.getOwnPropertyDescriptor, Nn = (n, e, t, i) => {
-  for (var r = i > 1 ? void 0 : i ? Mn(e, t) : e, s = n.length - 1, o; s >= 0; s--)
+var Y = /* @__PURE__ */ ((n) => (n[n.InitialState = 0] = "InitialState", n[n.StartEditor = 1] = "StartEditor", n[n.CursorChange = 2] = "CursorChange", n))(Y || {}), Dn = Object.getOwnPropertyDescriptor, Un = (n, e, t, i) => {
+  for (var r = i > 1 ? void 0 : i ? Dn(e, t) : e, s = n.length - 1, o; s >= 0; s--)
     (o = n[s]) && (r = o(r) || r);
   return r;
 }, L = (n, e) => (t, i) => e(t, i, n);
-const gt = -1e3, ft = 5, Dn = 2;
-let $e = class extends Me {
-  constructor(e, t, i, r, s, o, a, c, h, l, d, g) {
+const ft = -1e3, mt = 5, Vn = 2;
+let He = class extends De {
+  constructor(e, t, i, 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.
      */
-    S(this, "_cursorChange", G.InitialState);
+    S(this, "_cursorChange", Y.InitialState);
     /** If the corresponding unit is active and prepared for editing. */
     S(this, "_isUnitEditing", !1);
     S(this, "_d");
-    this._renderContext = e, this._layoutService = t, this._undoRedoService = i, this._contextService = r, this._instanceSrv = s, this._renderManagerService = o, this._editorBridgeService = a, this._cellEditorManagerService = c, this._textSelectionManagerService = h, this._commandService = l, this._localService = d, this._editorService = g, this.disposeWithMe(this._instanceSrv.getCurrentTypeOfUnit$(E.UNIVER_SLIDE).subscribe((_) => {
-      _ && _.getUnitId() === this._renderContext.unitId ? this._d = this._init() : (this._disposeCurrent(), this._isUnitEditing && (this._handleEditorInvisible({
+    this._renderContext = e, this._layoutService = t, this._undoRedoService = i, this._contextService = r, this._instanceSrv = s, this._renderManagerService = o, this._editorBridgeService = a, this._cellEditorManagerService = c, this._textSelectionManagerService = h, this._commandService = l, this._localService = d, this._editorService = v, this.disposeWithMe(this._instanceSrv.getCurrentTypeOfUnit$(E.UNIVER_SLIDE).subscribe((p) => {
+      p && p.getUnitId() === this._renderContext.unitId ? this._d = this._init() : (this._disposeCurrent(), this._isUnitEditing && (this._handleEditorInvisible({
         visible: !1,
-        eventType: Z.Keyboard,
+        eventType: q.Keyboard,
         keycode: P.ESC,
         unitId: this._renderContext.unitId
       }), this._isUnitEditing = !1));
@@ -1218,7 +1239,7 @@ let $e = class extends Me {
     (e = this._d) == null || e.dispose(), this._d = null;
   }
   _init() {
-    const e = new ke();
+    const e = new Ke();
     return this._subscribeToCurrentCell(e), this._initialKeyboardListener(e), this._initialCursorSync(e), this._listenEditorFocus(e), this._commandExecutedListener(e), setTimeout(() => {
       this._cursorStateListener(e);
     }, 1e3), e;
@@ -1235,16 +1256,16 @@ let $e = class extends Me {
   }
   _getEditorSkeleton(e) {
     var t;
-    return (t = this._renderManagerService.getRenderById(e)) == null ? void 0 : t.with(lt).getSkeleton();
+    return (t = this._renderManagerService.getRenderById(e)) == null ? void 0 : t.with(dt).getSkeleton();
   }
   _getEditorViewModel(e) {
     var t;
-    return (t = this._renderManagerService.getRenderById(e)) == null ? void 0 : t.with(lt).getViewModel();
+    return (t = this._renderManagerService.getRenderById(e)) == null ? void 0 : t.with(dt).getViewModel();
   }
   _initialCursorSync(e) {
-    e.add(this._cellEditorManagerService.focus$.pipe(Hi((t) => !!t)).subscribe(() => {
+    e.add(this._cellEditorManagerService.focus$.pipe(Wi((t) => !!t)).subscribe(() => {
       var t;
-      (t = je(E.UNIVER_DOC, this._instanceSrv, this._renderManagerService)) == null || t.with(dt).sync();
+      (t = Ae(E.UNIVER_DOC, this._instanceSrv, this._renderManagerService)) == null || t.with(ut).sync();
     }));
   }
   /**
@@ -1254,18 +1275,18 @@ let $e = class extends Me {
   _subscribeToCurrentCell(e) {
     e.add(this._editorBridgeService.currentEditRectState$.subscribe((t) => {
       var d;
-      if (t == null || this._contextService.getContextValue(It) || this._contextService.getContextValue(bt))
+      if (t == null || this._contextService.getContextValue(bt) || this._contextService.getContextValue(Et))
         return;
       const {
         position: { startX: i, endX: r },
         documentLayoutObject: { textRotation: s, wrapStrategy: o, documentModel: a },
         scaleX: c,
         editorUnitId: h
-      } = t, { vertexAngle: l } = it(s);
-      a.updateDocumentId(h), o === Qe.WRAP && l === 0 && a.updateDocumentDataPageSize((r - i) / c), this._instanceSrv.changeDoc(h, a), this._contextService.setContextValue(fi, !0), this._textSelectionManagerService.replaceTextRanges([{
+      } = t, { vertexAngle: l } = nt(s);
+      a.updateDocumentId(h), o === et.WRAP && l === 0 && a.updateDocumentDataPageSize((r - i) / c), this._instanceSrv.changeDoc(h, a), this._contextService.setContextValue(pi, !0), this._textSelectionManagerService.replaceTextRanges([{
         startOffset: 0,
         endOffset: 0
-      }]), (d = je(E.UNIVER_DOC, this._instanceSrv, this._renderManagerService)) == null || d.with(dt).activate(gt, gt);
+      }]), (d = Ae(E.UNIVER_DOC, this._instanceSrv, this._renderManagerService)) == null || d.with(ut).activate(ft, ft);
     }));
   }
   /**
@@ -1281,43 +1302,43 @@ let $e = class extends Me {
     const { startX: a, startY: c, endX: h, endY: l } = e, d = r.documentModel;
     if (d == null)
       return;
-    const { actualWidth: g, actualHeight: _ } = this._predictingSize(
+    const { actualWidth: v, actualHeight: p } = this._predictingSize(
       e,
       t,
       i,
       r,
       s,
       o
-    ), { verticalAlign: m, paddingData: f, fill: v } = r;
-    let p = h - a, I = l - c;
-    if (p < g && (p = g), I < _)
-      I = _, d.updateDocumentDataMargin(f);
+    ), { verticalAlign: m, paddingData: f, fill: g } = r;
+    let _ = h - a, I = l - c;
+    if (_ < v && (_ = v), I < p)
+      I = p, d.updateDocumentDataMargin(f);
     else {
       let b = 0;
-      m === Oe.MIDDLE ? b = (I - _) / 2 / o : m === Oe.TOP ? b = f.t || 0 : b = (I - _) / o - (f.b || 0), b = b < (f.t || 0) ? f.t || 0 : b, d.updateDocumentDataMargin({
+      m === Re.MIDDLE ? b = (I - p) / 2 / o : m === Re.TOP ? b = f.t || 0 : b = (I - p) / o - (f.b || 0), b = b < (f.t || 0) ? f.t || 0 : b, d.updateDocumentDataMargin({
         t: b
       });
     }
-    i.calculate(), this._editAreaProcessing(p, I, e, t, v, s, o);
+    i.calculate(), this._editAreaProcessing(_, I, e, t, g, s, o);
   }
   /**
    * Mainly used to pre-calculate the width of the editor,
    * to determine whether it needs to be automatically widened.
    */
   _predictingSize(e, t, i, r, s = 1, o = 1) {
-    const { startX: a, endX: c } = e, { textRotation: h, wrapStrategy: l } = r, d = r.documentModel, { vertexAngle: g } = it(h), _ = document.body.clientWidth;
-    if (l === Qe.WRAP && g === 0) {
-      const { actualWidth: v, actualHeight: p } = i.getActualSize();
+    const { startX: a, endX: c } = e, { textRotation: h, wrapStrategy: l } = r, d = r.documentModel, { vertexAngle: v } = nt(h), p = document.body.clientWidth;
+    if (l === et.WRAP && v === 0) {
+      const { actualWidth: g, actualHeight: _ } = i.getActualSize();
       return {
-        actualWidth: v * s,
-        actualHeight: p * o
+        actualWidth: g * s,
+        actualHeight: _ * o
       };
     }
-    d == null || d.updateDocumentDataPageSize((_ - a - t.left) / s), i.calculate();
+    d == null || d.updateDocumentDataPageSize((p - a - t.left) / s), i.calculate();
     const m = i.getActualSize();
     let f = c - a;
-    return f < m.actualWidth * s + ft * s && (f = m.actualWidth * s + ft * s), d == null || d.updateDocumentDataPageSize(f / s), d == null || d.updateDocumentRenderConfig({
-      horizontalAlign: Et.UNSPECIFIED,
+    return f < m.actualWidth * s + mt * s && (f = m.actualWidth * s + mt * s), d == null || d.updateDocumentDataPageSize(f / s), d == null || d.updateDocumentRenderConfig({
+      horizontalAlign: Ot.UNSPECIFIED,
       cellValueType: void 0
     }), {
       actualWidth: f,
@@ -1333,33 +1354,33 @@ let $e = class extends Me {
     const c = this._getEditorObject();
     if (c == null)
       return;
-    function h(se) {
-      return Number.parseInt(se.replace("px", ""));
+    function h(oe) {
+      return Number.parseInt(oe.replace("px", ""));
     }
-    const d = this._renderContext.engine.getCanvasElement(), g = d.getBoundingClientRect(), _ = h(d.style.width), { top: m, left: f, width: v } = g, p = v / _;
+    const d = this._renderContext.engine.getCanvasElement(), v = d.getBoundingClientRect(), p = h(d.style.width), { top: m, left: f, width: g } = v, _ = g / p;
     let { startX: I, startY: b } = i;
     I += r.left, b += r.top;
-    const { document: w, scene: M, engine: V } = c, R = M.getViewport(ut.VIEW_MAIN), z = document.body.clientHeight - b - r.top - Dn * 2, re = document.body.clientWidth - I - r.left;
-    let H = t, F = R == null ? void 0 : R.getScrollBar();
-    H > z ? (H = z, F == null ? R && new Rt(R, { enableHorizontal: !1, barSize: 8 }) : R == null || R.resetCanvasSizeAndUpdateScroll()) : (F = null, (C = R == null ? void 0 : R.getScrollBar()) == null || C.dispose()), e += (F == null ? void 0 : F.barSize) || 0, e = Math.min(e, re), I -= ie, b -= ie, this._addBackground(M, e / o, t / a, s);
-    const { scaleX: Q, scaleY: ee } = M.getPrecisionScale();
+    const { document: w, scene: M, engine: V } = c, x = M.getViewport(ht.VIEW_MAIN), z = document.body.clientHeight - b - r.top - Vn * 2, se = document.body.clientWidth - I - r.left;
+    let H = t, F = x == null ? void 0 : x.getScrollBar();
+    H > z ? (H = z, F == null ? x && new Rt(x, { enableHorizontal: !1, barSize: 8 }) : x == null || x.resetCanvasSizeAndUpdateScroll()) : (F = null, (C = x == null ? void 0 : x.getScrollBar()) == null || C.dispose()), e += (F == null ? void 0 : F.barSize) || 0, e = Math.min(e, se), I -= ne, b -= ne, this._addBackground(M, e / o, t / a, s);
+    const { scaleX: ee, scaleY: te } = M.getPrecisionScale();
     M.transformByState({
-      width: e * p / o,
-      height: t * p / a,
-      scaleX: o * p,
-      scaleY: a * p
+      width: e * _ / o,
+      height: t * _ / a,
+      scaleX: o * _,
+      scaleY: a * _
     }), w.resize(e / o, t / a), setTimeout(() => {
       V.resizeBySize(
-        nt(e, Q),
-        nt(H, ee)
+        rt(e, ee),
+        rt(H, te)
       );
     }, 0);
-    const me = this._layoutService.getContentElement().getBoundingClientRect(), _e = d.getBoundingClientRect();
-    I = I * p + (_e.left - me.left), b = b * p + (_e.top - me.top), this._cellEditorManagerService.setState({
+    const _e = this._layoutService.getContentElement().getBoundingClientRect(), Ce = d.getBoundingClientRect();
+    I = I * _ + (Ce.left - _e.left), b = b * _ + (Ce.top - _e.top), this._cellEditorManagerService.setState({
       startX: I,
       startY: b,
-      endX: e * p + I,
-      endY: H * p + b,
+      endX: e * _ + I,
+      endY: H * _ + b,
       show: !0
     });
   }
@@ -1370,14 +1391,14 @@ let $e = class extends Me {
     const s = "_backgroundRectHelperColor_", o = e.getObject(s);
     o == null && r == null || (o == null ? e.addObjects(
       [
-        new xt(s, {
+        new yt(s, {
           width: t,
           height: i,
           fill: r,
           evented: !1
         })
       ],
-      zi
+      Ki
     ) : r == null ? o.dispose() : (o.setProps({
       fill: r
     }), o.transformByState({
@@ -1394,9 +1415,9 @@ let $e = class extends Me {
   // first part: startEditing --> _updateEditor
   // 2nd part: startEditing --> changeVisible --> slide-editor-bridge.render-controller.ts@changeVisible --> _editorBridgeService.changeVisible
   _handleEditorVisible(e) {
-    var v, p;
+    var g, _;
     const { eventType: t } = e;
-    this._cursorChange = [Z.PointerDown, Z.Dblclick].includes(t) ? G.CursorChange : G.StartEditor;
+    this._cursorChange = [q.PointerDown, q.Dblclick].includes(t) ? Y.CursorChange : Y.StartEditor;
     const i = this._editorBridgeService.getEditRectState();
     if (i == null)
       return;
@@ -1411,24 +1432,24 @@ let $e = class extends Me {
     } = i, d = this._getEditorObject();
     if (d == null)
       return;
-    const { scene: g } = d;
-    this._contextService.setContextValue(Ee, !0);
-    const { documentModel: _ } = s, m = this._getEditorSkeleton(h);
-    if (!m || !_)
+    const { scene: v } = d;
+    this._contextService.setContextValue(xe, !0);
+    const { documentModel: p } = s, m = this._getEditorSkeleton(h);
+    if (!m || !p)
       return;
     this._fitTextSize(r, o, m, s, a, c);
-    const f = _.getBody().dataStream.length - 2 || 0;
-    (v = g.getViewport(ut.VIEW_MAIN)) == null || v.scrollToViewportPos({
+    const f = p.getBody().dataStream.length - 2 || 0;
+    (g = v.getViewport(ht.VIEW_MAIN)) == null || g.scrollToViewportPos({
       viewportScrollX: Number.POSITIVE_INFINITY
     }), this._textSelectionManagerService.replaceTextRanges([
       {
         startOffset: f,
         endOffset: f
       }
-    ]), (p = this._renderManagerService.getRenderById(l)) == null || p.scene.resetCursor();
+    ]), (_ = this._renderManagerService.getRenderById(l)) == null || _.scene.resetCursor();
   }
   _resetBodyStyle(e, t = !1) {
-    e.dataStream = mi, e.textRuns != null && (e.textRuns.length === 1 && !t ? (e.textRuns[0].st = 0, e.textRuns[0].ed = 1) : e.textRuns = void 0), e.paragraphs != null && (e.paragraphs.length === 1 ? e.paragraphs[0].startIndex = 0 : e.paragraphs = [
+    e.dataStream = _i, 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
       }
@@ -1443,14 +1464,14 @@ let $e = class extends Me {
   _showEditorByKeyboard(e) {
   }
   _commandExecutedListener(e) {
-    const t = [ye.id], i = [Wi.id];
+    const t = [we.id], i = [ki.id];
     e.add(this._commandService.onCommandExecuted((r) => {
-      this._editorService.getFocusId() === le && (t.includes(r.id) && this._moveCursorCmdHandler(r), i.includes(r.id) && this._editorBridgeService.isVisible() && this._editingChangedHandler());
+      this._editorService.getFocusId() === de && (t.includes(r.id) && this._moveCursorCmdHandler(r), i.includes(r.id) && this._editorBridgeService.isVisible() && this._editingChangedHandler());
     }));
   }
   _moveCursorCmdHandler(e) {
     const t = e.params, { keycode: i, isShift: r } = t;
-    i != null && this._cursorChange === G.CursorChange ? this._moveInEditor(i, r) : this._editorBridgeService.changeVisible(t);
+    i != null && this._cursorChange === Y.CursorChange ? this._moveInEditor(i, r) : this._editorBridgeService.changeVisible(t);
   }
   _editingChangedHandler() {
     const e = this._editorBridgeService.getEditorRect();
@@ -1462,11 +1483,11 @@ let $e = class extends Me {
     this._handleEditorVisible({ visible: !0, eventType: 3, unitId: i });
   }
   _getEditorObject() {
-    return Un(this._editorBridgeService.getCurrentEditorId(), this._renderManagerService);
+    return jn(this._editorBridgeService.getCurrentEditorId(), this._renderManagerService);
   }
   async _handleEditorInvisible(e) {
     const { keycode: t } = e;
-    if (this._cursorChange = G.InitialState, this._exitInput(e), this._editorBridgeService.getEditRectState() == null)
+    if (this._cursorChange = Y.InitialState, this._exitInput(e), this._editorBridgeService.getEditRectState() == null)
       return;
     if (this._editorBridgeService.getEditorDirty() === !1) {
       this._moveCursor(t);
@@ -1475,7 +1496,7 @@ let $e = class extends Me {
     this._moveCursor(t);
   }
   _exitInput(e) {
-    this._contextService.setContextValue(Ee, !1), this._cellEditorManagerService.setState({
+    this._contextService.setContextValue(xe, !1), this._cellEditorManagerService.setState({
       show: e.visible
     });
     const t = this._editorBridgeService.getCurrentEditorId();
@@ -1513,40 +1534,40 @@ let $e = class extends Me {
     if (!t)
       return;
     const { document: i } = t;
-    e.add(Ct(i.onPointerDown$.subscribeEvent(() => {
-      this._cursorChange === G.StartEditor && (this._cursorChange = G.CursorChange);
+    e.add(St(i.onPointerDown$.subscribeEvent(() => {
+      this._cursorChange === Y.StartEditor && (this._cursorChange = Y.CursorChange);
     })));
   }
   // TODO: @JOCS, is it necessary to move these commands MoveSelectionOperation\MoveCursorOperation to shortcut? and use multi-commands?
   _moveInEditor(e, t) {
     let i = j.LEFT;
-    e === P.ARROW_DOWN ? i = j.DOWN : e === P.ARROW_UP ? i = j.UP : e === P.ARROW_RIGHT && (i = j.RIGHT), t ? this._commandService.executeCommand(ki.id, {
+    e === P.ARROW_DOWN ? i = j.DOWN : e === P.ARROW_UP ? i = j.UP : e === P.ARROW_RIGHT && (i = j.RIGHT), t ? this._commandService.executeCommand(Xi.id, {
       direction: i
-    }) : this._commandService.executeCommand(Ki.id, {
+    }) : this._commandService.executeCommand(Gi.id, {
       direction: i
     });
   }
 };
-$e = Nn([
-  L(1, yi),
-  L(2, gi),
-  L(3, ve),
+He = Un([
+  L(1, wi),
+  L(2, mi),
+  L(3, fe),
   L(4, y),
-  L(5, X),
-  L(6, Ye),
-  L(7, Ze),
-  L(8, K(Fi)),
+  L(5, G),
+  L(6, Ze),
+  L(7, qe),
+  L(8, X(zi)),
   L(9, U),
-  L(10, K(J)),
-  L(11, Ke)
-], $e);
-function Un(n, e) {
+  L(10, X(Q)),
+  L(11, Xe)
+], He);
+function jn(n, e) {
   if (n == null)
     return;
   const t = e.getRenderById(n);
   if (t == null)
     return;
-  const { mainComponent: i, scene: r, engine: s, components: o } = t, a = i, c = o.get(Xi.BACKGROUND);
+  const { mainComponent: i, scene: r, engine: s, components: o } = t, a = i, c = o.get(Yi.BACKGROUND);
   return {
     document: a,
     docBackground: c,
@@ -1554,12 +1575,12 @@ function Un(n, e) {
     engine: s
   };
 }
-var Vn = Object.getOwnPropertyDescriptor, jn = (n, e, t, i) => {
-  for (var r = i > 1 ? void 0 : i ? Vn(e, t) : e, s = n.length - 1, o; s >= 0; s--)
+var Ln = Object.getOwnPropertyDescriptor, An = (n, e, t, i) => {
+  for (var r = i > 1 ? void 0 : i ? Ln(e, t) : e, s = n.length - 1, o; s >= 0; s--)
     (o = n[s]) && (r = o(r) || r);
   return r;
-}, Ue = (n, e) => (t, i) => e(t, i, n);
-let He = class extends he {
+}, je = (n, e) => (t, i) => e(t, i, n);
+let Fe = class extends ve {
   constructor(e, t, i, r) {
     super();
     /**
@@ -1568,7 +1589,7 @@ let He = class extends he {
     // private _cursorChange: CursorChange = CursorChange.InitialState;
     /** If the corresponding unit is active and prepared for editing. */
     // private _isUnitEditing = false;
-    S(this, "setSlideTextEditor$", new Tt());
+    S(this, "setSlideTextEditor$", new Nt());
     S(this, "_curRichText", null);
     S(this, "_d");
     this._renderContext = e, this._instanceSrv = t, this._commandService = i, this._editorBridgeService = r, this.disposeWithMe(this._instanceSrv.getCurrentTypeOfUnit$(E.UNIVER_SLIDE).subscribe((s) => {
@@ -1576,7 +1597,7 @@ let He = class extends he {
     }));
   }
   _init() {
-    const e = new ke();
+    const e = new Ke();
     return this._initEventListener(e), e;
   }
   _disposeCurrent() {
@@ -1604,7 +1625,7 @@ let He = class extends he {
       })), e.add(o.onDblclick$.subscribeEvent(() => {
         a.clearControls();
         const h = a.getSelectedObjectMap().values().next().value;
-        h && (h.objectType !== ce.RICH_TEXT ? this.pickOtherObjects() : this.startEditing(o.sceneKey, h));
+        h && (h.objectType !== le.RICH_TEXT ? this.pickOtherObjects() : this.startEditing(o.sceneKey, h));
       })), e.add(this._instanceSrv.focused$.subscribe((c) => {
         this.endEditing();
       })));
@@ -1664,15 +1685,15 @@ let He = class extends he {
     var i, r;
     e ? (i = this._curRichText) == null || i.hide() : (r = this._curRichText) == null || r.show();
     const { unitId: t } = this._renderContext;
-    this._editorBridgeService.changeVisible({ visible: e, eventType: Z.PointerDown, unitId: t });
+    this._editorBridgeService.changeVisible({ visible: e, eventType: q.PointerDown, unitId: t });
   }
 };
-He = jn([
-  Ue(1, y),
-  Ue(2, U),
-  Ue(3, Ye)
-], He);
-const zt = {
+Fe = An([
+  je(1, y),
+  je(2, U),
+  je(3, Ze)
+], Fe);
+const Kt = {
   id: "slide.operation.activate-slide",
   type: D.OPERATION,
   handler: (n, e) => {
@@ -1684,39 +1705,39 @@ const zt = {
     const c = (l = a.scene) == null ? void 0 : l.getTransformer();
     return c && c.clearControls(), i.activePage(e.id, t), !0;
   }
-}, kt = {
+}, Xt = {
   id: "slide.operation.append-slide",
   type: D.OPERATION,
   handler: (n, e) => {
     const t = e.unitId;
     return n.get(y).getUnit(t) ? (n.get(T).appendPage(t), !0) : !1;
   }
-}, qe = {
+}, Je = {
   id: "slide.command.insert-float-image",
   type: D.COMMAND,
   handler: async (n, e) => {
     var V;
     const t = n.get(y), i = (V = t.getCurrentUnitForType(E.UNIVER_SLIDE)) == null ? void 0 : V.getUnitId();
     if (!i) return !1;
-    const s = await n.get(Pi).openFile({
+    const s = await n.get(Ti).openFile({
       multiple: !0,
-      accept: Yi.map((R) => `.${R.replace("image/", "")}`).join(",")
+      accept: qi.map((x) => `.${x.replace("image/", "")}`).join(",")
     });
     if (s.length !== 1) return !1;
-    const a = await n.get(Zi).saveImage(s[0]);
+    const a = await n.get(Ji).saveImage(s[0]);
     if (!a) return !1;
-    const { imageId: c, imageSourceType: h, source: l, base64Cache: d } = a, { width: g, height: _, image: m } = await qi(d || ""), f = t.getUnit(i);
+    const { imageId: c, imageSourceType: h, source: l, base64Cache: d } = a, { width: v, height: p, image: m } = await Qi(d || ""), f = t.getUnit(i);
     if (!f) return !1;
-    const v = f.getActivePage(), p = Object.values(v.pageElements), I = p != null && p.length ? Math.max(...p.map((R) => R.zIndex)) : 20, b = {
+    const g = f.getActivePage(), _ = Object.values(g.pageElements), I = _ != null && _.length ? Math.max(..._.map((x) => x.zIndex)) : 20, b = {
       id: c,
       zIndex: I + 1,
       left: 0,
       top: 0,
-      width: g,
-      height: _,
+      width: v,
+      height: p,
       title: "",
       description: "",
-      type: ze.IMAGE,
+      type: ke.IMAGE,
       image: {
         imageProperties: {
           contentUrl: d,
@@ -1727,34 +1748,34 @@ const zt = {
         }
       }
     };
-    v.pageElements[c] = b, f.updatePage(v.id, v);
-    const w = n.get(T), M = w.createObjectToPage(b, v.id, i);
-    return M && w.setObjectActiveByPage(M, v.id, i), !0;
+    g.pageElements[c] = b, f.updatePage(g.id, g);
+    const w = n.get(T), M = w.createObjectToPage(b, g.id, i);
+    return M && w.setObjectActiveByPage(M, g.id, i), !0;
   }
-}, Je = {
+}, Qe = {
   id: "slide.command.add-text",
   type: D.COMMAND,
   handler: async (n) => {
     var r;
     const e = n.get(U), i = (r = n.get(y).getFocusedUnit()) == null ? void 0 : r.getUnitId();
-    return await e.executeCommand(Kt.id, { unitId: i });
+    return await e.executeCommand(Gt.id, { unitId: i });
   }
-}, Kt = {
+}, Gt = {
   id: "slide.operation.add-text",
   type: D.OPERATION,
   handler: async (n, e) => {
-    const t = e.unitId, i = pt(6), r = 220, s = 40, o = 230, a = 142, c = (e == null ? void 0 : e.text) || "A New Text", l = n.get(y).getUnit(t);
+    const t = e.unitId, i = Ct(6), r = 220, s = 40, o = 230, a = 142, c = (e == null ? void 0 : e.text) || "A New Text", l = n.get(y).getUnit(t);
     if (!l) return !1;
-    const d = l.getActivePage(), g = Object.values(d.pageElements), _ = g != null && g.length ? Math.max(...g.map((p) => p.zIndex)) : 21, m = {
+    const d = l.getActivePage(), v = Object.values(d.pageElements), p = v != null && v.length ? Math.max(...v.map((_) => _.zIndex)) : 21, m = {
       id: i,
-      zIndex: _ + 1,
+      zIndex: p + 1,
       left: o,
       top: a,
       width: r,
       height: s,
       title: "text",
       description: "",
-      type: ze.TEXT,
+      type: ke.TEXT,
       richText: {
         text: c,
         fs: 30,
@@ -1765,46 +1786,45 @@ const zt = {
       }
     };
     d.pageElements[i] = m, l.updatePage(d.id, d);
-    const f = n.get(T), v = f.createObjectToPage(m, d.id, t);
-    return v && f.setObjectActiveByPage(v, d.id, t), !0;
+    const f = n.get(T), g = f.createObjectToPage(m, d.id, t);
+    return g && f.setObjectActiveByPage(g, d.id, t), !0;
   }
-}, Xt = {
+}, Yt = {
   id: "slide.operation.set-slide-page-thumb",
   type: D.OPERATION,
   handler: (n, e) => (n.get(T).createThumbs(e.unitId), !0)
 };
-function Ln(n) {
+function Bn(n) {
   var m, f;
   const e = (f = (m = n.popup) == null ? void 0 : m.extraProps) == null ? void 0 : f.menuItems;
   if (!e)
     return null;
-  const t = x(U), i = x(J), [r, s] = k(!1), [o, a] = k(!1), c = () => {
+  const t = R(U), i = R(Q), [r, s] = k(!1), [o, a] = k(!1), c = () => {
     a(!0);
   }, h = () => {
     a(!1);
-  }, l = (v) => {
-    s(v);
-  }, d = (v) => {
-    t.executeCommand(v.commandId, v.commandParams), s(!1);
-  }, g = r || o, _ = e.filter((v) => !v.disable);
+  }, l = (g) => {
+    s(g);
+  }, d = (g) => {
+    t.executeCommand(g.commandId, g.commandParams), s(!1);
+  }, v = r || o, p = e.filter((g) => !g.disable);
   return /* @__PURE__ */ u(
     "div",
     {
       onMouseEnter: c,
       onMouseLeave: h,
       children: /* @__PURE__ */ u(
-        Pt,
+        wt,
         {
           align: "start",
           overlay: /* @__PURE__ */ u(
             "ul",
             {
-              className: `
+              className: K(`
                           univer-m-0 univer-box-border univer-grid univer-list-none univer-items-center univer-gap-1
-                          univer-rounded-lg univer-border univer-border-solid univer-border-gray-200 univer-bg-white
-                          univer-p-1.5 univer-text-sm univer-shadow-lg
-                        `,
-              children: _.map((v) => /* @__PURE__ */ u(
+                          univer-rounded-lg univer-bg-white univer-p-1.5 univer-text-sm univer-shadow-lg
+                        `, ue),
+              children: p.map((g) => /* @__PURE__ */ u(
                 "li",
                 {
                   className: `
@@ -1812,10 +1832,10 @@ function Ln(n) {
                                   univer-items-center univer-rounded univer-text-sm univer-transition-colors
                                   hover:univer-bg-gray-100
                                 `,
-                  onClick: () => d(v),
-                  children: /* @__PURE__ */ u("span", { className: "univer-px-2 univer-py-1.5 univer-align-middle", children: i.t(v.label) })
+                  onClick: () => d(g),
+                  children: /* @__PURE__ */ u("span", { className: "univer-px-2 univer-py-1.5 univer-align-middle", children: i.t(g.label) })
                 },
-                v.index
+                g.index
               ))
             }
           ),
@@ -1824,15 +1844,25 @@ function Ln(n) {
           children: /* @__PURE__ */ O(
             "div",
             {
-              className: Le(`
-                      univer-flex univer-items-center univer-justify-center univer-rounded univer-border
-                      univer-border-solid univer-border-gray-200 univer-bg-white univer-p-1
-                    `, {
-                "univer-bg-gray-100": r
+              className: K(`
+                      univer-flex univer-items-center univer-gap-2 univer-rounded univer-p-1
+                      dark:hover:univer-bg-gray-800
+                      hover:univer-bg-gray-100
+                    `, ue, {
+                "univer-bg-gray-100 dark:univer-bg-gray-800": r,
+                "univer-bg-white dark:univer-bg-gray-900": !r
               }),
               children: [
-                /* @__PURE__ */ u(Ut, { className: "univer-fill-primary-600 univer-text-gray-900" }),
-                g && /* @__PURE__ */ u(Xe, {})
+                /* @__PURE__ */ u(
+                  jt,
+                  {
+                    className: `
+                          univer-fill-primary-600 univer-text-gray-900
+                          dark:univer-text-white
+                        `
+                  }
+                ),
+                v && /* @__PURE__ */ u(Ge, { className: "dark:univer-text-white" })
               ]
             }
           )
@@ -1841,135 +1871,131 @@ function Ln(n) {
     }
   );
 }
-function An() {
+function $n() {
   var m, f;
-  const n = x(y), e = x(U), t = x(X), i = x(J), r = wt(null), s = n.getCurrentUnitForType(E.UNIVER_SLIDE), o = s == null ? void 0 : s.getPages(), a = s == null ? void 0 : s.getPageOrder();
+  const n = R(y), e = R(U), t = R(G), i = R(Q), r = Mt(null), s = n.getCurrentUnitForType(E.UNIVER_SLIDE), o = s == null ? void 0 : s.getPages(), a = s == null ? void 0 : s.getPageOrder();
   if (!o || !a)
     return null;
-  const c = a.map((v) => o[v]), [h, l] = k((f = (m = s == null ? void 0 : s.getActivePage()) == null ? void 0 : m.id) != null ? f : null), d = Bi(() => c.map(() => $i()), [c]);
-  de(() => {
-    const v = s == null ? void 0 : s.activePage$.subscribe((p) => {
+  const c = a.map((g) => o[g]), [h, l] = k((f = (m = s == null ? void 0 : s.getActivePage()) == null ? void 0 : m.id) != null ? f : null), d = Hi(() => c.map(() => Fi()), [c]);
+  he(() => {
+    const g = s == null ? void 0 : s.activePage$.subscribe((_) => {
       var b;
-      const I = (b = p == null ? void 0 : p.id) != null ? b : null;
+      const I = (b = _ == null ? void 0 : _.id) != null ? b : null;
       I && l(I);
     });
     return () => {
-      v == null || v.unsubscribe();
+      g == null || g.unsubscribe();
     };
-  }, []), de(() => {
-    d.forEach((v, p) => {
+  }, []), he(() => {
+    d.forEach((g, _) => {
       var I;
-      if (v.current) {
-        const b = c[p];
-        (I = t.getRenderById(b.id)) == null || I.engine.setContainer(v.current);
+      if (g.current) {
+        const b = c[_];
+        (I = t.getRenderById(b.id)) == null || I.engine.setContainer(g.current);
       }
-    }), d.length > 0 && e.syncExecuteCommand(Xt.id, { unitId: s == null ? void 0 : s.getUnitId() });
+    }), d.length > 0 && e.syncExecuteCommand(Yt.id, { unitId: s == null ? void 0 : s.getUnitId() });
   }, [d, c, t, e, s]);
-  const g = at((v) => {
-    e.syncExecuteCommand(zt.id, { id: v, unitId: s == null ? void 0 : s.getUnitId() });
-  }, [e, s]), _ = at(() => {
-    e.syncExecuteCommand(kt.id, { unitId: s == null ? void 0 : s.getUnitId() });
+  const v = ct((g) => {
+    e.syncExecuteCommand(Kt.id, { id: g, unitId: s == null ? void 0 : s.getUnitId() });
+  }, [e, s]), p = ct(() => {
+    e.syncExecuteCommand(Xt.id, { unitId: s == null ? void 0 : s.getUnitId() });
   }, [e, s]);
   return /* @__PURE__ */ u(
     "aside",
     {
       ref: r,
-      className: Le(`
+      className: K(`
               univer-flex univer-h-full univer-w-64 univer-flex-col univer-overflow-y-auto univer-overflow-x-hidden
-            `, Li),
+            `, Bi),
       children: /* @__PURE__ */ O("div", { className: "univer-px-4", children: [
         /* @__PURE__ */ u("header", { className: "univer-flex univer-justify-center univer-pt-4", children: /* @__PURE__ */ u(
           "a",
           {
-            className: `
+            className: K(`
                           univer-box-border univer-block univer-h-8 univer-w-full univer-cursor-pointer
-                          univer-rounded-md univer-border univer-border-solid univer-border-gray-200 univer-bg-white
-                          univer-text-center univer-text-sm univer-leading-8 univer-transition-colors
-                        `,
-            onClick: _,
+                          univer-rounded-md univer-bg-white univer-text-center univer-text-sm univer-leading-8
+                          univer-transition-colors
+                        `, ue),
+            onClick: p,
             children: i.t("slide.append")
           }
         ) }),
-        c.map((v, p) => /* @__PURE__ */ O(
+        c.map((g, _) => /* @__PURE__ */ O(
           "div",
           {
-            className: Le("univer-my-4 univer-flex univer-gap-2", {
-              "[&>div]:univer-border-primary-600 [&>span]:univer-text-primary-600": v.id === h
+            className: K("univer-my-4 univer-flex univer-gap-2", {
+              "[&>div]:univer-border-primary-600 [&>span]:univer-text-primary-600": g.id === h
             }),
-            onClick: () => g(v.id),
+            onClick: () => v(g.id),
             children: [
-              /* @__PURE__ */ u("span", { children: p + 1 }),
+              /* @__PURE__ */ u("span", { children: _ + 1 }),
               /* @__PURE__ */ u(
                 "div",
                 {
-                  ref: d[p],
-                  className: `
-                              univer-relative univer-box-border univer-h-32 univer-w-52 univer-border
-                              univer-border-solid univer-border-gray-200 univer-bg-white
+                  ref: d[_],
+                  className: K(`
+                              univer-relative univer-box-border univer-h-32 univer-w-52 univer-bg-white
                               hover:univer-border-primary-600
-                            `
+                            `, ue)
                 }
               )
             ]
           },
-          v.id
+          g.id
         ))
       ] })
     }
   );
 }
-const Pe = -1e3, mt = {
+const Te = -1e3, pt = {
   width: 0,
   height: 0,
-  top: Pe,
-  left: Pe
-}, Bn = () => {
+  top: Te,
+  left: Te
+}, Hn = () => {
   const [n, e] = k({
-    ...mt
-  }), t = x(Ze), i = x(Ke), r = x(ve), s = wi(
-    () => r.subscribeContextValue$(rt),
+    ...pt
+  }), t = R(qe), i = R(Xe), r = R(fe), s = Mi(
+    () => r.subscribeContextValue$(st),
     !1,
     void 0,
-    [r, rt]
+    [r, st]
   );
-  return _i.UNSPECIFIED, de(() => {
+  return Ci.UNSPECIFIED, he(() => {
     t.state$.subscribe((o) => {
       if (o == null)
         return;
       const {
-        startX: a = Pe,
-        startY: c = Pe,
+        startX: a = Te,
+        startY: c = Te,
         endX: h = 0,
         endY: l = 0,
         show: d = !1
       } = o;
       if (!d)
         e({
-          ...mt
+          ...pt
         });
       else {
         e({
-          width: h - a - ie + 2,
-          height: l - c - ie + 2,
-          left: a + ie,
-          top: c + ie
+          width: h - a - ne + 2,
+          height: l - c - ne + 2,
+          left: a + ne,
+          top: c + ne
         });
-        const g = i.getEditor(le);
-        if (g == null)
+        const v = i.getEditor(de);
+        if (v == null)
           return;
-        const { left: _, top: m, width: f, height: v } = g.getBoundingClientRect();
-        t.setRect({ left: _, top: m, width: f, height: v });
+        const { left: p, top: m, width: f, height: g } = v.getBoundingClientRect();
+        t.setRect({ left: p, top: m, width: f, height: g });
       }
     });
-  }, []), de(() => {
+  }, []), he(() => {
     s || t.setFocus(!0);
   }, [s, n]), /* @__PURE__ */ u(
     "div",
     {
-      className: `
-              univer-absolute univer-z-10 univer-box-border univer-flex univer-border univer-border-solid
-              univer-border-gray-200
-            `,
+      className: K("univer-absolute univer-z-10 univer-box-border univer-flex", ue),
       style: {
         left: n.left,
         top: n.top,
@@ -1978,184 +2004,184 @@ const Pe = -1e3, mt = {
       }
     }
   );
-}, Gt = "addition-and-subtraction-single", Yt = "slide.menu.image";
-function $n(n) {
+}, Zt = "addition-and-subtraction-single", qt = "slide.menu.image";
+function Fn(n) {
   return {
-    id: Yt,
-    type: fe.SUBITEMS,
-    icon: Gt,
+    id: qt,
+    type: pe.SUBITEMS,
+    icon: Zt,
     tooltip: "slide.image.insert.title",
-    hidden$: ge(n, E.UNIVER_SLIDE)
+    hidden$: me(n, E.UNIVER_SLIDE)
   };
 }
-function Hn(n) {
+function Wn(n) {
   return {
-    id: qe.id,
+    id: Je.id,
     title: "slide.image.insert.float",
-    type: fe.BUTTON,
-    hidden$: ge(n, E.UNIVER_SLIDE)
+    type: pe.BUTTON,
+    hidden$: me(n, E.UNIVER_SLIDE)
   };
 }
-const Zt = "graph-single", qt = "slide.menu.shape";
-function Fn(n) {
+const Jt = "graph-single", Qt = "slide.menu.shape";
+function zn(n) {
   return {
-    id: qt,
-    type: fe.SUBITEMS,
-    icon: Zt,
+    id: Qt,
+    type: pe.SUBITEMS,
+    icon: Jt,
     tooltip: "slide.shape.insert.title",
-    hidden$: ge(n, E.UNIVER_SLIDE)
+    hidden$: me(n, E.UNIVER_SLIDE)
     // disabled$: getCurrentRangeDisable$(accessor, { workbookTypes: [WorkbookEditablePermission], worksheetTypes: [WorksheetEditPermission], rangeTypes: [RangeProtectionPermissionEditPoint] }),
   };
 }
-function Wn(n) {
+function kn(n) {
   return {
-    id: Ge.id,
+    id: Ye.id,
     title: "slide.shape.insert.rectangle",
-    type: fe.BUTTON,
-    hidden$: ge(n, E.UNIVER_SLIDE)
+    type: pe.BUTTON,
+    hidden$: me(n, E.UNIVER_SLIDE)
   };
 }
-const Jt = "text-single";
-function zn(n) {
+const ei = "text-single";
+function Kn(n) {
   return {
-    id: Je.id,
-    type: fe.BUTTON,
-    icon: Jt,
+    id: Qe.id,
+    type: pe.BUTTON,
+    icon: ei,
     tooltip: "slide.text.insert.title",
-    hidden$: ge(n, E.UNIVER_SLIDE)
+    hidden$: me(n, E.UNIVER_SLIDE)
   };
 }
-const kn = {
-  [Ti.FORMAT]: {
-    [Je.id]: {
+const Xn = {
+  [Ni.FORMAT]: {
+    [Qe.id]: {
       order: 0,
-      menuItemFactory: zn
+      menuItemFactory: Kn
     },
-    [Yt]: {
+    [qt]: {
       order: 0,
-      menuItemFactory: $n,
-      [qe.id]: {
+      menuItemFactory: Fn,
+      [Je.id]: {
         order: 0,
-        menuItemFactory: Hn
+        menuItemFactory: Wn
       }
     },
-    [qt]: {
+    [Qt]: {
       order: 0,
-      menuItemFactory: Fn,
-      [Ge.id]: {
+      menuItemFactory: zn,
+      [Ye.id]: {
         order: 0,
-        menuItemFactory: Wn
+        menuItemFactory: kn
       }
     }
   }
 };
-function Fe(n) {
-  return n.getContextValue(Ot) && n.getContextValue(Ee);
+function We(n) {
+  return n.getContextValue(xt) && n.getContextValue(xe);
 }
-function Kn(n) {
-  return n.getContextValue(pi) && n.getContextValue(Ot);
+function Gn(n) {
+  return n.getContextValue(Si) && n.getContextValue(xt);
 }
-const Qt = [
+const ti = [
   P.ARROW_DOWN,
   P.ARROW_UP,
   P.ARROW_LEFT,
   P.ARROW_RIGHT
 ];
-[P.ENTER, P.TAB, ...Qt];
-function Xn() {
+[P.ENTER, P.TAB, ...ti];
+function Yn() {
   const n = [];
-  for (const e of Qt)
+  for (const e of ti)
     n.push({
-      id: ye.id,
+      id: we.id,
       binding: e,
-      preconditions: (t) => Fe(t),
+      preconditions: (t) => We(t),
       staticParameters: {
         visible: !1,
-        eventType: Z.Keyboard,
+        eventType: q.Keyboard,
         keycode: e,
         isShift: !1
       }
     }), n.push({
-      id: ye.id,
-      binding: e | Mi.SHIFT,
-      preconditions: (t) => Fe(t),
+      id: we.id,
+      binding: e | Di.SHIFT,
+      preconditions: (t) => We(t),
       staticParameters: {
         visible: !1,
-        eventType: Z.Keyboard,
+        eventType: q.Keyboard,
         keycode: e,
         isShift: !0
       }
     });
   return n;
 }
-const Gn = {
-  id: Gi.id,
-  preconditions: (n) => Fe(n) || Kn(n),
+const Zn = {
+  id: Zi.id,
+  preconditions: (n) => We(n) || Gn(n),
   binding: P.BACKSPACE
 };
-var Yn = Object.getOwnPropertyDescriptor, Zn = (n, e, t, i) => {
-  for (var r = i > 1 ? void 0 : i ? Yn(e, t) : e, s = n.length - 1, o; s >= 0; s--)
+var qn = Object.getOwnPropertyDescriptor, Jn = (n, e, t, i) => {
+  for (var r = i > 1 ? void 0 : i ? qn(e, t) : e, s = n.length - 1, o; s >= 0; s--)
     (o = n[s]) && (r = o(r) || r);
   return r;
-}, te = (n, e) => (t, i) => e(t, i, n);
-let we = class extends Me {
+}, ie = (n, e) => (t, i) => e(t, i, n);
+let Me = class extends De {
   constructor(n, e, t, i, r, s) {
     super(), this._injector = n, this._menuManagerService = e, this._componentManager = t, this._uiPartsService = i, this._commandService = r, this._shortcutService = s, this._initCommands(), this._initCustomComponents(), this._initUIComponents(), this._initMenus(), this._initShortcuts();
   }
   _initMenus() {
-    this._menuManagerService.mergeMenu(kn);
+    this._menuManagerService.mergeMenu(Xn);
   }
   _initCustomComponents() {
     const n = this._componentManager;
-    this.disposeWithMe(n.register(Gt, Dt)), this.disposeWithMe(n.register(Jt, $t)), this.disposeWithMe(n.register(Zt, jt)), this.disposeWithMe(n.register(Wt, Ln)), this.disposeWithMe(n.register(be, bn));
+    this.disposeWithMe(n.register(Zt, Vt)), this.disposeWithMe(n.register(ei, Ft)), this.disposeWithMe(n.register(Jt, At)), this.disposeWithMe(n.register(kt, Bn)), this.disposeWithMe(n.register(Oe, On));
   }
   _initCommands() {
     [
-      kt,
-      zt,
       Xt,
-      qe,
       Kt,
+      Yt,
       Je,
-      Ft,
-      Ge,
-      Ae,
-      Mt,
+      Gt,
+      Qe,
+      zt,
+      Ye,
+      Be,
+      Dt,
       W,
       // commands for editor
-      ye
+      we
     ].forEach((n) => this.disposeWithMe(this._commandService.registerCommand(n)));
   }
   _initUIComponents() {
     this.disposeWithMe(
-      this._uiPartsService.registerComponent(st.LEFT_SIDEBAR, () => ot(An, this._injector))
+      this._uiPartsService.registerComponent(ot.LEFT_SIDEBAR, () => at($n, this._injector))
     ), this.disposeWithMe(
-      this._uiPartsService.registerComponent(st.CONTENT, () => ot(Bn, this._injector))
+      this._uiPartsService.registerComponent(ot.CONTENT, () => at(Hn, this._injector))
     );
   }
   _initShortcuts() {
     [
-      Gn,
-      ...Xn()
+      Zn,
+      ...Yn()
     ].forEach((n) => {
       this.disposeWithMe(this._shortcutService.registerShortcut(n));
     });
   }
 };
-we = Zn([
-  te(0, K(We)),
-  te(1, Ni),
-  te(2, K(Di)),
-  te(3, Ui),
-  te(4, U),
-  te(5, Vi)
-], we);
-var qn = Object.getOwnPropertyDescriptor, Jn = (n, e, t, i) => {
-  for (var r = i > 1 ? void 0 : i ? qn(e, t) : e, s = n.length - 1, o; s >= 0; s--)
+Me = Jn([
+  ie(0, X(ze)),
+  ie(1, Ui),
+  ie(2, X(Vi)),
+  ie(3, ji),
+  ie(4, U),
+  ie(5, Li)
+], Me);
+var Qn = Object.getOwnPropertyDescriptor, er = (n, e, t, i) => {
+  for (var r = i > 1 ? void 0 : i ? Qn(e, t) : e, s = n.length - 1, o; s >= 0; s--)
     (o = n[s]) && (r = o(r) || r);
   return r;
-}, Ve = (n, e) => (t, i) => e(t, i, n);
-let Te = class extends he {
+}, Le = (n, e) => (t, i) => e(t, i, n);
+let Ne = class extends ve {
   // private _skeletonChangeMutations = new Set<string>();
   constructor(n, e, t) {
     super(), this._contextService = n, this._instanceSrv = e, this._renderManagerService = t, Promise.resolve().then(() => this._init());
@@ -2164,11 +2190,11 @@ let Te = class extends he {
     this._initSlideDataListener(), this._initContextListener();
   }
   _initSlideDataListener() {
-    this._instanceSrv.getTypeOfUnitAdded$(E.UNIVER_SLIDE).pipe(ct(this.dispose$)).subscribe((n) => {
+    this._instanceSrv.getTypeOfUnitAdded$(E.UNIVER_SLIDE).pipe(lt(this.dispose$)).subscribe((n) => {
       this._createRenderer(n == null ? void 0 : n.getUnitId());
     }), this._instanceSrv.getAllUnitsForType(E.UNIVER_SLIDE).forEach((n) => {
       this._createRenderer(n.getUnitId());
-    }), this._instanceSrv.getTypeOfUnitDisposed$(E.UNIVER_SLIDE).pipe(ct(this.dispose$)).subscribe((n) => this._disposeRenderer(n));
+    }), this._instanceSrv.getTypeOfUnitDisposed$(E.UNIVER_SLIDE).pipe(lt(this.dispose$)).subscribe((n) => this._disposeRenderer(n));
   }
   _createRenderer(n) {
     n == null || this._instanceSrv.getUnit(n, E.UNIVER_SLIDE) == null || this._renderManagerService.createRender(n);
@@ -2180,44 +2206,44 @@ let Te = class extends he {
   _initContextListener() {
   }
 };
-Te = Jn([
-  Ve(0, ve),
-  Ve(1, y),
-  Ve(2, X)
-], Te);
-var Qn = Object.getOwnPropertyDescriptor, er = (n, e, t, i) => {
-  for (var r = i > 1 ? void 0 : i ? Qn(e, t) : e, s = n.length - 1, o; s >= 0; s--)
+Ne = er([
+  Le(0, fe),
+  Le(1, y),
+  Le(2, G)
+], Ne);
+var tr = Object.getOwnPropertyDescriptor, ir = (n, e, t, i) => {
+  for (var r = i > 1 ? void 0 : i ? tr(e, t) : e, s = n.length - 1, o; s >= 0; s--)
     (o = n[s]) && (r = o(r) || r);
   return r;
-}, Se = (n, e) => (t, i) => e(t, i, n);
-const tr = "SLIDE_UI";
-var Ie;
-let _t = (Ie = class extends Ci {
-  constructor(n = ht, e, t, i, r) {
+}, be = (n, e) => (t, i) => e(t, i, n);
+const nr = "SLIDE_UI";
+var Ee;
+let _t = (Ee = class extends Ii {
+  constructor(n = gt, e, t, i, r) {
     super(), this._config = n, this._injector = e, this._renderManagerService = t, this._univerInstanceService = i, this._configService = r;
-    const { menu: s, ...o } = Si(
+    const { menu: s, ...o } = bi(
       {},
-      ht,
+      gt,
       this._config
     );
-    s && this._configService.setConfig("menu", s, { merge: !0 }), this._configService.setConfig(rn, o);
+    s && this._configService.setConfig("menu", s, { merge: !0 }), this._configService.setConfig(on, o);
   }
   onStarting() {
-    et([
-      [Te],
-      [Ye, { useClass: Be }],
+    tt([
+      [Ne],
+      [Ze, { useClass: $e }],
       // used by SlideUIController --> EditorContainer
-      [Ze, { useClass: Tn }],
-      [Re]
+      [qe, { useClass: Nn }],
+      [ye]
     ], this._config.override).forEach((n) => this._injector.add(n));
   }
   onReady() {
     [
       // SlideRenderService will be init in ready stage, and then calling RenderManagerService@createRender --> init all deps in this rendering register block.
-      [ue]
+      [ge]
     ].forEach((n) => {
       this.disposeWithMe(this._renderManagerService.registerRenderModule(E.UNIVER_SLIDE, n));
-    }), et([
+    }), tt([
       [T],
       // cannot register in _renderManagerService now.
       // [ISlideEditorBridgeService, { useClass: SlideEditorBridgeService }],
@@ -2225,26 +2251,26 @@ let _t = (Ie = class extends Ci {
       // [ISlideEditorManagerService, { useClass: SlideEditorManagerService }],
       // SlidesUIController controller should be registered in Ready stage.
       // SlidesUIController controller would add a new RenderUnit (__INTERNAL_EDITOR__DOCS_NORMAL)
-      [we],
+      [Me],
       // editor service was create in renderManagerService
-      [ue],
-      [xe]
+      [ge],
+      [Pe]
     ], this._config.override).forEach((n) => {
       this._injector.add(n);
-    }), this._injector.get(T), this._injector.get(Te);
+    }), this._injector.get(T), this._injector.get(Ne);
   }
   onRendered() {
     [
       // need slideEditorBridgeService
       // need TextSelectionRenderService which init by EditorContainer
-      [He],
-      [$e]
+      [Fe],
+      [He]
     ].forEach((n) => {
       this.disposeWithMe(this._renderManagerService.registerRenderModule(E.UNIVER_SLIDE, n));
-    }), this._markSlideAsFocused(), this._injector.get(we);
+    }), this._markSlideAsFocused(), this._injector.get(Me);
   }
   onSteady() {
-    this._injector.get(xe);
+    this._injector.get(Pe);
   }
   _markSlideAsFocused() {
     const n = this._univerInstanceService;
@@ -2254,33 +2280,33 @@ let _t = (Ie = class extends Ci {
     } catch {
     }
   }
-}, S(Ie, "pluginName", tr), S(Ie, "type", E.UNIVER_SLIDE), Ie);
-_t = er([
-  Se(1, K(We)),
-  Se(2, X),
-  Se(3, y),
-  Se(4, Ii)
+}, S(Ee, "pluginName", nr), S(Ee, "type", E.UNIVER_SLIDE), Ee);
+_t = ir([
+  be(1, X(ze)),
+  be(2, G),
+  be(3, y),
+  be(4, Ei)
 ], _t);
 export {
-  zt as ActivateSlidePageOperation,
-  kt as AppendSlideOperation,
+  Kt as ActivateSlidePageOperation,
+  Xt as AppendSlideOperation,
   T as CanvasView,
-  Mt as DeleteSlideElementOperation,
-  Ye as ISlideEditorBridgeService,
-  qe as InsertSlideFloatImageCommand,
-  Ge as InsertSlideShapeRectangleCommand,
-  Ft as InsertSlideShapeRectangleOperation,
-  qt as SHAPE_MENU_ID,
-  Yt as SLIDES_IMAGE_MENU_ID,
-  le as SLIDE_EDITOR_ID,
-  Xt as SetSlidePageThumbOperation,
-  Je as SlideAddTextCommand,
-  Kt as SlideAddTextOperation,
-  Re as SlideCanvasPopMangerService,
-  Bn as SlideEditorContainer,
-  An as SlideSideBar,
-  we as SlidesUIController,
-  kn as SlidesUIMenuSchema,
+  Dt as DeleteSlideElementOperation,
+  Ze as ISlideEditorBridgeService,
+  Je as InsertSlideFloatImageCommand,
+  Ye as InsertSlideShapeRectangleCommand,
+  zt as InsertSlideShapeRectangleOperation,
+  Qt as SHAPE_MENU_ID,
+  qt as SLIDES_IMAGE_MENU_ID,
+  de as SLIDE_EDITOR_ID,
+  Yt as SetSlidePageThumbOperation,
+  Qe as SlideAddTextCommand,
+  Gt as SlideAddTextOperation,
+  ye as SlideCanvasPopMangerService,
+  Hn as SlideEditorContainer,
+  $n as SlideSideBar,
+  Me as SlidesUIController,
+  Xn as SlidesUIMenuSchema,
   _t as UniverSlidesUIPlugin,
   W as UpdateSlideElementOperation
 };