@univerjs/slides-ui 0.5.3 → 0.5.4

package/lib/es/index.js

@@ -1,13 +1,13 @@
 var pn = Object.defineProperty;
-var vn = (i, e, t) => e in i ? pn(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
-var P = (i, e, t) => vn(i, typeof e != "symbol" ? e + "" : e, t);
-import { Inject as X, Injector as Ge, RxDisposable as ve, UniverInstanceType as x, debounce as Cn, getColorStyle as fn, IUniverInstanceService as j, CommandType as D, Tools as _n, useDependency as O, LocaleService as ee, ICommandService as U, generateRandomId as Et, PageElementType as Xe, BasicShapes as Sn, Disposable as Ue, DisposableCollection as Ye, toDisposable as Rt, FOCUSING_COMMON_DRAWINGS as In, IContextService as Ce, createInternalEditorID as Pn, createIdentifier as Ot, EDITOR_ACTIVATED as Oe, FOCUSING_EDITOR_STANDALONE as jt, FOCUSING_UNIVER_EDITOR_STANDALONE_SINGLE_MODE as yt, DocumentDataModel as bn, VerticalAlign as je, HorizontalAlign as Tt, WrapStrategy as it, FOCUSING_EDITOR_BUT_HIDDEN as xn, DEFAULT_EMPTY_DOCUMENT_VALUE as Mt, Direction as B, IUndoRedoService as En, DocumentFlavor as Rn, FOCUSING_UNIVER_EDITOR as wt, FORMULA_EDITOR_ACTIVATED as On, connectInjector as rt, Plugin as jn, merge as yn, mergeOverrideWithDependencies as st, IConfigService as Tn } from "@univerjs/core";
+var fn = (i, e, t) => e in i ? pn(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
+var P = (i, e, t) => fn(i, typeof e != "symbol" ? e + "" : e, t);
+import { Inject as X, Injector as Ge, RxDisposable as fe, UniverInstanceType as x, debounce as Cn, getColorStyle as vn, IUniverInstanceService as j, CommandType as D, Tools as _n, useDependency as O, LocaleService as ee, ICommandService as U, generateRandomId as Et, PageElementType as Xe, BasicShapes as Sn, Disposable as Ue, DisposableCollection as Ye, toDisposable as Rt, FOCUSING_COMMON_DRAWINGS as In, IContextService as Ce, createInternalEditorID as Pn, createIdentifier as Ot, EDITOR_ACTIVATED as Oe, FOCUSING_EDITOR_STANDALONE as jt, FOCUSING_UNIVER_EDITOR_STANDALONE_SINGLE_MODE as yt, DocumentDataModel as bn, VerticalAlign as je, HorizontalAlign as Tt, WrapStrategy as it, FOCUSING_EDITOR_BUT_HIDDEN as xn, DEFAULT_EMPTY_DOCUMENT_VALUE as Mt, Direction as B, IUndoRedoService as En, DocumentFlavor as Rn, FOCUSING_UNIVER_EDITOR as wt, FORMULA_EDITOR_ACTIVATED as On, connectInjector as rt, Plugin as jn, merge as yn, mergeOverrideWithDependencies as st, IConfigService as Tn } from "@univerjs/core";
 import { Viewport as ot, ScrollBar as Nt, Slide as Mn, Rect as Dt, Scene as wn, IRenderManagerService as Y, ObjectType as he, pxToNum as Nn, DeviceInputEventType as q, convertTextRotation as at, FIX_ONE_PIXEL_BLUR_OFFSET as se, fixLineWidthByScale as ct } from "@univerjs/engine-render";
 import { ObjectProvider as Dn, SLIDE_KEY as oe } from "@univerjs/slides";
-import { ISidebarService as Ut, ICanvasPopupService as Un, KeyCode as y, ILayoutService as Vn, ILocalFileService as Bn, useObservable as Ln, DISABLE_AUTO_FOCUS_KEY as lt, MenuItemType as fe, getMenuHiddenObservable as _e, RibbonStartGroup as An, MetaKeys as $n, ComponentManager as Hn, BuiltInUIPart as dt, IMenuManagerService as Fn, IUIPartsService as zn, IShortcutService as Wn } from "@univerjs/ui";
-import ke, { forwardRef as A, useRef as Vt, createElement as $, useState as W, useEffect as ae, useCallback as mt } from "react";
-import { Button as Pe, InputNumber as me, DropdownLegacy as Bt, ColorPicker as Kn, Scrollbar as Gn } from "@univerjs/design";
-import { BehaviorSubject as J, Subject as Lt, filter as Xn, takeUntil as ut } from "rxjs";
+import { ISidebarService as Ut, ICanvasPopupService as Un, KeyCode as y, ILayoutService as Vn, ILocalFileService as Bn, useObservable as Ln, DISABLE_AUTO_FOCUS_KEY as lt, MenuItemType as ve, getMenuHiddenObservable as _e, RibbonStartGroup as An, MetaKeys as $n, ComponentManager as Hn, BuiltInUIPart as dt, IMenuManagerService as Fn, IUIPartsService as zn, IShortcutService as Wn } from "@univerjs/ui";
+import ke, { forwardRef as A, useRef as Vt, createElement as $, useState as W, useEffect as ae, useCallback as ut } from "react";
+import { Button as Pe, InputNumber as ue, DropdownLegacy as Bt, ColorPicker as Kn, Scrollbar as Gn } from "@univerjs/design";
+import { BehaviorSubject as J, Subject as Lt, filter as Xn, takeUntil as mt } from "rxjs";
 import { DocSelectionManagerService as Yn, DocSkeletonManagerService as gt, RichTextEditingMutation as kn } from "@univerjs/docs";
 import { IEditorService as Ze, DocSelectionRenderService as ht, VIEWPORT_KEY as pt, DOCS_COMPONENT_MAIN_LAYER_INDEX as Zn, MoveSelectionOperation as qn, MoveCursorOperation as Jn, DOCS_VIEW_KEY as Qn, TextEditor as ei, DeleteLeftCommand as ti } from "@univerjs/docs-ui";
 import { DRAWING_IMAGE_ALLOW_IMAGE_LIST as ni, IImageIoService as ii, getImageSize as ri } from "@univerjs/drawing";
@@ -16,7 +16,7 @@ var si = Object.defineProperty, oi = Object.getOwnPropertyDescriptor, ai = (i, e
     (o = i[s]) && (r = (n ? o(e, t, r) : o(r)) || r);
   return n && r && si(e, t, r), r;
 }, Ve = (i, e) => (t, n) => e(t, n, i);
-let pe = class extends ve {
+let pe = class extends fe {
   constructor(e, t, n, r) {
     super();
     P(this, "_objectProvider", null);
@@ -48,8 +48,8 @@ let pe = class extends ve {
     n.attachControl(), n.onMouseWheel$.subscribeEvent((c, g) => {
       const l = c;
       if (l.ctrlKey) {
-        const m = Math.abs(l.deltaX);
-        let h = m < 40 ? 0.2 : m < 80 ? 0.4 : 0.2;
+        const u = Math.abs(l.deltaX);
+        let h = u < 40 ? 0.2 : u < 80 ? 0.4 : 0.2;
         h *= l.deltaY > 0 ? -1 : 1, n.scaleX < 1 && (h /= 2), n.scaleX + h > 4 ? n.scale(4, 4) : n.scaleX + h < 0.1 ? n.scale(0.1, 0.1) : (l.deltaY > 0, l.preventDefault());
       } else
         o.onMouseWheel(l, g);
@@ -95,7 +95,7 @@ let pe = class extends ve {
       height: o,
       strokeWidth: 1,
       stroke: "rgba(198,198,198,1)",
-      fill: fn(t) || "rgba(255,255,255,1)",
+      fill: vn(t) || "rgba(255,255,255,1)",
       zIndex: 0,
       evented: !1
     });
@@ -194,10 +194,10 @@ let pe = class extends ve {
       explicitViewportWidthSet: !1,
       explicitViewportHeightSet: !1
     }).closeClip();
-    const { pageElements: m, pageBackgroundFill: h } = t, C = this._objectProvider.convertToRenderObjects(m, r);
+    const { pageElements: u, pageBackgroundFill: h } = t, C = this._objectProvider.convertToRenderObjects(u, r);
     if (!C || !o) return;
-    this._addBackgroundRect(g, h), g.addObjects(C), g.initTransformer(), C.forEach((f) => {
-      g.attachTransformerTo(f);
+    this._addBackgroundRect(g, h), g.addObjects(C), g.initTransformer(), C.forEach((v) => {
+      g.attachTransformerTo(v);
     });
     const _ = g.getTransformer();
     return _ == null || _.changeEnd$.subscribe(() => {
@@ -257,8 +257,8 @@ var ci = Object.defineProperty, li = Object.getOwnPropertyDescriptor, di = (i, e
   for (var r = n > 1 ? void 0 : n ? li(e, t) : e, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = (n ? o(e, t, r) : o(r)) || r);
   return n && r && ci(e, t, r), r;
-}, mi = (i, e) => (t, n) => e(t, n, i);
-let M = class extends ve {
+}, ui = (i, e) => (t, n) => e(t, n, i);
+let M = class extends fe {
   constructor(i) {
     super(), this._renderManagerService = i;
   }
@@ -291,9 +291,9 @@ let M = class extends ve {
   }
 };
 M = di([
-  mi(0, Y)
+  ui(0, Y)
 ], M);
-const ui = "slides-ui.config", vt = {}, At = {
+const mi = "slides-ui.config", ft = {}, At = {
   id: "slide.operation.delete-element",
   type: D.OPERATION,
   handler: (i, e) => {
@@ -304,7 +304,7 @@ const ui = "slides-ui.config", vt = {}, At = {
     return delete s.pageElements[e.id], r.updatePage(s.id, s), i.get(M).removeObjectById(e.id, s.id, t), !0;
   }
 };
-var Be = { exports: {} }, ue = {};
+var Be = { exports: {} }, me = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -316,21 +316,21 @@ var Be = { exports: {} }, ue = {};
  */
 var Ct;
 function gi() {
-  if (Ct) return ue;
+  if (Ct) return me;
   Ct = 1;
   var i = ke, e = Symbol.for("react.element"), t = Symbol.for("react.fragment"), n = Object.prototype.hasOwnProperty, r = i.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, s = { key: !0, ref: !0, __self: !0, __source: !0 };
   function o(a, c, g) {
-    var l, m = {}, h = null, C = null;
+    var l, u = {}, h = null, C = null;
     g !== void 0 && (h = "" + g), c.key !== void 0 && (h = "" + c.key), c.ref !== void 0 && (C = c.ref);
-    for (l in c) n.call(c, l) && !s.hasOwnProperty(l) && (m[l] = c[l]);
-    if (a && a.defaultProps) for (l in c = a.defaultProps, c) m[l] === void 0 && (m[l] = c[l]);
-    return { $$typeof: e, type: a, key: h, ref: C, props: m, _owner: r.current };
+    for (l in c) n.call(c, l) && !s.hasOwnProperty(l) && (u[l] = c[l]);
+    if (a && a.defaultProps) for (l in c = a.defaultProps, c) u[l] === void 0 && (u[l] = c[l]);
+    return { $$typeof: e, type: a, key: h, ref: C, props: u, _owner: r.current };
   }
-  return ue.Fragment = t, ue.jsx = o, ue.jsxs = o, ue;
+  return me.Fragment = t, me.jsx = o, me.jsxs = o, me;
 }
-var ft;
+var vt;
 function hi() {
-  return ft || (ft = 1, Be.exports = gi()), Be.exports;
+  return vt || (vt = 1, Be.exports = gi()), Be.exports;
 }
 var d = hi();
 function $t(i) {
@@ -362,15 +362,15 @@ var N = function() {
       e.indexOf(n[r]) < 0 && Object.prototype.propertyIsEnumerable.call(i, n[r]) && (t[n[r]] = i[n[r]]);
   return t;
 }, H = A(function(i, e) {
-  var t = i.icon, n = i.id, r = i.className, s = i.extend, o = pi(i, ["icon", "id", "className", "extend"]), a = "univerjs-icon univerjs-icon-".concat(n, " ").concat(r || "").trim(), c = Vt("_".concat(fi()));
+  var t = i.icon, n = i.id, r = i.className, s = i.extend, o = pi(i, ["icon", "id", "className", "extend"]), a = "univerjs-icon univerjs-icon-".concat(n, " ").concat(r || "").trim(), c = Vt("_".concat(vi()));
   return Ht(t, "".concat(n), { defIds: t.defIds, idSuffix: c.current }, N({ ref: e, className: a }, o), s);
 });
 function Ht(i, e, t, n, r) {
-  return $(i.tag, N(N({ key: e }, vi(i, t, r)), n), (Ci(i, t).children || []).map(function(s, o) {
+  return $(i.tag, N(N({ key: e }, fi(i, t, r)), n), (Ci(i, t).children || []).map(function(s, o) {
     return Ht(s, "".concat(e, "-").concat(i.tag, "-").concat(o), t, void 0, r);
   }));
 }
-function vi(i, e, t) {
+function fi(i, e, t) {
   var n = N({}, i.attrs);
   t != null && t.colorChannel1 && n.fill === "colorChannel1" && (n.fill = t.colorChannel1);
   var r = e.defIds;
@@ -385,7 +385,7 @@ function Ci(i, e) {
     return typeof r.attrs.id == "string" && n && n.indexOf(r.attrs.id) > -1 ? N(N({}, r), { attrs: N(N({}, r.attrs), { id: r.attrs.id + e.idSuffix }) }) : r;
   }) }) : i;
 }
-function fi() {
+function vi() {
   return Math.random().toString(36).substring(2, 8);
 }
 H.displayName = "UniverIcon";
@@ -478,7 +478,7 @@ const K = {
     const a = o.getActivePage();
     return a.pageElements[t] = _n.deepMerge(a.pageElements[t], n), o.updatePage(a.id, a), !0;
   }
-}, yi = "univer-image-common-panel", Ti = "univer-image-common-panel-grid", Mi = "univer-image-common-panel-border", wi = "univer-image-common-panel-title", Ni = "univer-image-common-panel-subtitle", Di = "univer-image-common-panel-row", Ui = "univer-image-common-panel-row-vertical", Vi = "univer-image-common-panel-column", Bi = "univer-image-common-panel-column-center", Li = "univer-image-common-panel-inline", Ai = "univer-image-common-panel-span2", $i = "univer-image-common-panel-span3", Hi = "univer-image-common-panel-input", Fi = "univer-slide-panel-color-picker", u = {
+}, yi = "univer-image-common-panel", Ti = "univer-image-common-panel-grid", Mi = "univer-image-common-panel-border", wi = "univer-image-common-panel-title", Ni = "univer-image-common-panel-subtitle", Di = "univer-image-common-panel-row", Ui = "univer-image-common-panel-row-vertical", Vi = "univer-image-common-panel-column", Bi = "univer-image-common-panel-column-center", Li = "univer-image-common-panel-inline", Ai = "univer-image-common-panel-span2", $i = "univer-image-common-panel-span3", Hi = "univer-image-common-panel-input", Fi = "univer-slide-panel-color-picker", m = {
   imageCommonPanel: yi,
   imageCommonPanelGrid: Ti,
   imageCommonPanelBorder: Mi,
@@ -501,13 +501,13 @@ function zi(i) {
   if (!c) return null;
   const l = c.getSelectedObjectMap().values().next().value;
   if (!l) return null;
-  const m = (h) => {
-    const C = a.getAllObjects(), [_, f] = C.reduce(([v, I], b) => {
-      const E = b.zIndex, w = E < v ? E : v, V = E > I ? E : I;
+  const u = (h) => {
+    const C = a.getAllObjects(), [_, v] = C.reduce(([f, I], b) => {
+      const E = b.zIndex, w = E < f ? E : f, V = E > I ? E : I;
       return [w, V];
     }, [0, 0]);
     let p = l.zIndex;
-    h === 3 ? p = _ - 1 : h === 2 ? p = f + 1 : h === 0 ? p = l.zIndex + 1 : h === 1 && (p = l.zIndex - 1), l.setProps({
+    h === 3 ? p = _ - 1 : h === 2 ? p = v + 1 : h === 0 ? p = l.zIndex + 1 : h === 1 && (p = l.zIndex - 1), l.setProps({
       zIndex: p
     }), s.executeCommand(K.id, {
       unitId: t,
@@ -517,44 +517,44 @@ function zi(i) {
       }
     });
   };
-  return /* @__PURE__ */ d.jsxs("div", { className: u.imageCommonPanelGrid, children: [
-    /* @__PURE__ */ d.jsx("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ d.jsx("div", { className: T(u.imageCommonPanelColumn, u.imageCommonPanelTitle), children: /* @__PURE__ */ d.jsx("div", { children: n.t("image-panel.arrange.title") }) }) }),
-    /* @__PURE__ */ d.jsxs("div", { className: u.imageCommonPanelRow, children: [
-      /* @__PURE__ */ d.jsx("div", { className: T(u.imageCommonPanelColumn, u.imageCommonPanelSpan2), children: /* @__PURE__ */ d.jsx(Pe, { size: "small", onClick: () => {
-        m(
+  return /* @__PURE__ */ d.jsxs("div", { className: m.imageCommonPanelGrid, children: [
+    /* @__PURE__ */ d.jsx("div", { className: m.imageCommonPanelRow, children: /* @__PURE__ */ d.jsx("div", { className: T(m.imageCommonPanelColumn, m.imageCommonPanelTitle), children: /* @__PURE__ */ d.jsx("div", { children: n.t("image-panel.arrange.title") }) }) }),
+    /* @__PURE__ */ d.jsxs("div", { className: m.imageCommonPanelRow, children: [
+      /* @__PURE__ */ d.jsx("div", { className: T(m.imageCommonPanelColumn, m.imageCommonPanelSpan2), children: /* @__PURE__ */ d.jsx(Pe, { size: "small", onClick: () => {
+        u(
           0
           /* forward */
         );
-      }, children: /* @__PURE__ */ d.jsxs("span", { className: u.imageCommonPanelInline, children: [
+      }, children: /* @__PURE__ */ d.jsxs("span", { className: m.imageCommonPanelInline, children: [
         /* @__PURE__ */ d.jsx(Xt, {}),
         n.t("image-panel.arrange.forward")
       ] }) }) }),
-      /* @__PURE__ */ d.jsx("div", { className: T(u.imageCommonPanelColumn, u.imageCommonPanelSpan2), children: /* @__PURE__ */ d.jsx(Pe, { size: "small", onClick: () => {
-        m(
+      /* @__PURE__ */ d.jsx("div", { className: T(m.imageCommonPanelColumn, m.imageCommonPanelSpan2), children: /* @__PURE__ */ d.jsx(Pe, { size: "small", onClick: () => {
+        u(
           1
           /* backward */
         );
-      }, children: /* @__PURE__ */ d.jsxs("span", { className: u.imageCommonPanelInline, children: [
+      }, children: /* @__PURE__ */ d.jsxs("span", { className: m.imageCommonPanelInline, children: [
         /* @__PURE__ */ d.jsx(Gt, {}),
         n.t("image-panel.arrange.backward")
       ] }) }) })
     ] }),
-    /* @__PURE__ */ d.jsxs("div", { className: u.imageCommonPanelRow, children: [
-      /* @__PURE__ */ d.jsx("div", { className: T(u.imageCommonPanelColumn, u.imageCommonPanelSpan2), children: /* @__PURE__ */ d.jsx(Pe, { size: "small", onClick: () => {
-        m(
+    /* @__PURE__ */ d.jsxs("div", { className: m.imageCommonPanelRow, children: [
+      /* @__PURE__ */ d.jsx("div", { className: T(m.imageCommonPanelColumn, m.imageCommonPanelSpan2), children: /* @__PURE__ */ d.jsx(Pe, { size: "small", onClick: () => {
+        u(
           2
           /* front */
         );
-      }, children: /* @__PURE__ */ d.jsxs("span", { className: u.imageCommonPanelInline, children: [
+      }, children: /* @__PURE__ */ d.jsxs("span", { className: m.imageCommonPanelInline, children: [
         /* @__PURE__ */ d.jsx(Zt, {}),
         n.t("image-panel.arrange.front")
       ] }) }) }),
-      /* @__PURE__ */ d.jsx("div", { className: T(u.imageCommonPanelColumn, u.imageCommonPanelSpan2), children: /* @__PURE__ */ d.jsx(Pe, { size: "small", onClick: () => {
-        m(
+      /* @__PURE__ */ d.jsx("div", { className: T(m.imageCommonPanelColumn, m.imageCommonPanelSpan2), children: /* @__PURE__ */ d.jsx(Pe, { size: "small", onClick: () => {
+        u(
           3
           /* back */
         );
-      }, children: /* @__PURE__ */ d.jsxs("span", { className: u.imageCommonPanelInline, children: [
+      }, children: /* @__PURE__ */ d.jsxs("span", { className: m.imageCommonPanelInline, children: [
         /* @__PURE__ */ d.jsx(Wt, {}),
         n.t("image-panel.arrange.back")
       ] }) }) })
@@ -569,20 +569,20 @@ function Wi(i) {
   const l = c.getSelectedObjectMap().values().next().value;
   if (!l) return null;
   const {
-    width: m = 0,
+    width: u = 0,
     height: h = 0,
     left: C = 0,
     top: _ = 0,
-    angle: f = 0
-  } = l, [p, v] = W(m), [I, b] = W(h), [E, w] = W(C), [V, R] = W(_), [G, ce] = W(f), F = (S) => {
+    angle: v = 0
+  } = l, [p, f] = W(u), [I, b] = W(h), [E, w] = W(C), [V, R] = W(_), [G, ce] = W(v), F = (S) => {
     const { objects: le } = S, de = le.values().next().value, {
       width: dn = 0,
-      height: mn = 0,
-      left: un = 0,
+      height: un = 0,
+      left: mn = 0,
       top: gn = 0,
       angle: hn = 0
     } = de;
-    v(dn), b(mn), w(un), R(gn), ce(hn);
+    f(dn), b(un), w(mn), R(gn), ce(hn);
   };
   ae(() => {
     const S = c.changeStart$.subscribe((de) => {
@@ -601,7 +601,7 @@ function Wi(i) {
       props: {
         width: S
       }
-    }), l == null || l.resize(S, l.height), v(S), c == null || c.refreshControls());
+    }), l == null || l.resize(S, l.height), f(S), c == null || c.refreshControls());
   }
   function te(S) {
     !S || !l || (s.executeCommand(K.id, {
@@ -644,16 +644,16 @@ function Wi(i) {
   return /* @__PURE__ */ d.jsxs(
     "div",
     {
-      className: T(u.imageCommonPanelGrid, u.imageCommonPanelBorder),
+      className: T(m.imageCommonPanelGrid, m.imageCommonPanelBorder),
       children: [
-        /* @__PURE__ */ d.jsx("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ d.jsx("div", { className: T(u.imageCommonPanelColumn, u.imageCommonPanelTitle), children: /* @__PURE__ */ d.jsx("div", { children: n.t("image-panel.transform.title") }) }) }),
-        /* @__PURE__ */ d.jsxs("div", { className: u.imageCommonPanelRow, children: [
-          /* @__PURE__ */ d.jsx("div", { className: T(u.imageCommonPanelColumn, u.imageCommonPanelSpan3), children: /* @__PURE__ */ d.jsxs("label", { children: [
-            /* @__PURE__ */ d.jsx("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ d.jsx("div", { className: u.imageCommonPanelColumn, children: n.t("image-panel.transform.width") }) }),
-            /* @__PURE__ */ d.jsx("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ d.jsx("div", { className: u.imageCommonPanelColumn, children: /* @__PURE__ */ d.jsx(
-              me,
+        /* @__PURE__ */ d.jsx("div", { className: m.imageCommonPanelRow, children: /* @__PURE__ */ d.jsx("div", { className: T(m.imageCommonPanelColumn, m.imageCommonPanelTitle), children: /* @__PURE__ */ d.jsx("div", { children: n.t("image-panel.transform.title") }) }) }),
+        /* @__PURE__ */ d.jsxs("div", { className: m.imageCommonPanelRow, children: [
+          /* @__PURE__ */ d.jsx("div", { className: T(m.imageCommonPanelColumn, m.imageCommonPanelSpan3), children: /* @__PURE__ */ d.jsxs("label", { children: [
+            /* @__PURE__ */ d.jsx("div", { className: m.imageCommonPanelRow, children: /* @__PURE__ */ d.jsx("div", { className: m.imageCommonPanelColumn, children: n.t("image-panel.transform.width") }) }),
+            /* @__PURE__ */ d.jsx("div", { className: m.imageCommonPanelRow, children: /* @__PURE__ */ d.jsx("div", { className: m.imageCommonPanelColumn, children: /* @__PURE__ */ d.jsx(
+              ue,
               {
-                className: u.imageCommonPanelInput,
+                className: m.imageCommonPanelInput,
                 min: 1,
                 value: p,
                 onChange: (S) => {
@@ -662,12 +662,12 @@ function Wi(i) {
               }
             ) }) })
           ] }) }),
-          /* @__PURE__ */ d.jsx("div", { className: T(u.imageCommonPanelColumn, u.imageCommonPanelSpan3), children: /* @__PURE__ */ d.jsxs("label", { children: [
-            /* @__PURE__ */ d.jsx("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ d.jsx("div", { className: u.imageCommonPanelColumn, children: n.t("image-panel.transform.height") }) }),
-            /* @__PURE__ */ d.jsx("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ d.jsx("div", { className: u.imageCommonPanelColumn, children: /* @__PURE__ */ d.jsx(
-              me,
+          /* @__PURE__ */ d.jsx("div", { className: T(m.imageCommonPanelColumn, m.imageCommonPanelSpan3), children: /* @__PURE__ */ d.jsxs("label", { children: [
+            /* @__PURE__ */ d.jsx("div", { className: m.imageCommonPanelRow, children: /* @__PURE__ */ d.jsx("div", { className: m.imageCommonPanelColumn, children: n.t("image-panel.transform.height") }) }),
+            /* @__PURE__ */ d.jsx("div", { className: m.imageCommonPanelRow, children: /* @__PURE__ */ d.jsx("div", { className: m.imageCommonPanelColumn, children: /* @__PURE__ */ d.jsx(
+              ue,
               {
-                className: u.imageCommonPanelInput,
+                className: m.imageCommonPanelInput,
                 min: 1,
                 value: I,
                 onChange: (S) => {
@@ -677,13 +677,13 @@ function Wi(i) {
             ) }) })
           ] }) })
         ] }),
-        /* @__PURE__ */ d.jsxs("div", { className: u.imageCommonPanelRow, children: [
-          /* @__PURE__ */ d.jsx("div", { className: T(u.imageCommonPanelColumn, u.imageCommonPanelSpan3), children: /* @__PURE__ */ d.jsxs("label", { children: [
-            /* @__PURE__ */ d.jsx("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ d.jsx("div", { className: u.imageCommonPanelColumn, children: n.t("image-panel.transform.x") }) }),
-            /* @__PURE__ */ d.jsx("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ d.jsx("div", { className: u.imageCommonPanelColumn, children: /* @__PURE__ */ d.jsx(
-              me,
+        /* @__PURE__ */ d.jsxs("div", { className: m.imageCommonPanelRow, children: [
+          /* @__PURE__ */ d.jsx("div", { className: T(m.imageCommonPanelColumn, m.imageCommonPanelSpan3), children: /* @__PURE__ */ d.jsxs("label", { children: [
+            /* @__PURE__ */ d.jsx("div", { className: m.imageCommonPanelRow, children: /* @__PURE__ */ d.jsx("div", { className: m.imageCommonPanelColumn, children: n.t("image-panel.transform.x") }) }),
+            /* @__PURE__ */ d.jsx("div", { className: m.imageCommonPanelRow, children: /* @__PURE__ */ d.jsx("div", { className: m.imageCommonPanelColumn, children: /* @__PURE__ */ d.jsx(
+              ue,
               {
-                className: u.imageCommonPanelInput,
+                className: m.imageCommonPanelInput,
                 precision: 1,
                 min: 0,
                 value: E,
@@ -693,12 +693,12 @@ function Wi(i) {
               }
             ) }) })
           ] }) }),
-          /* @__PURE__ */ d.jsx("div", { className: T(u.imageCommonPanelColumn, u.imageCommonPanelSpan3), children: /* @__PURE__ */ d.jsxs("label", { children: [
-            /* @__PURE__ */ d.jsx("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ d.jsx("div", { className: u.imageCommonPanelColumn, children: n.t("image-panel.transform.y") }) }),
-            /* @__PURE__ */ d.jsx("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ d.jsx("div", { className: u.imageCommonPanelColumn, children: /* @__PURE__ */ d.jsx(
-              me,
+          /* @__PURE__ */ d.jsx("div", { className: T(m.imageCommonPanelColumn, m.imageCommonPanelSpan3), children: /* @__PURE__ */ d.jsxs("label", { children: [
+            /* @__PURE__ */ d.jsx("div", { className: m.imageCommonPanelRow, children: /* @__PURE__ */ d.jsx("div", { className: m.imageCommonPanelColumn, children: n.t("image-panel.transform.y") }) }),
+            /* @__PURE__ */ d.jsx("div", { className: m.imageCommonPanelRow, children: /* @__PURE__ */ d.jsx("div", { className: m.imageCommonPanelColumn, children: /* @__PURE__ */ d.jsx(
+              ue,
               {
-                className: u.imageCommonPanelInput,
+                className: m.imageCommonPanelInput,
                 precision: 1,
                 min: 0,
                 value: V,
@@ -708,12 +708,12 @@ function Wi(i) {
               }
             ) }) })
           ] }) }),
-          /* @__PURE__ */ d.jsx("div", { className: T(u.imageCommonPanelColumn, u.imageCommonPanelSpan3), children: /* @__PURE__ */ d.jsxs("label", { children: [
-            /* @__PURE__ */ d.jsx("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ d.jsx("div", { className: u.imageCommonPanelColumn, children: n.t("image-panel.transform.rotate") }) }),
-            /* @__PURE__ */ d.jsx("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ d.jsx("div", { className: u.imageCommonPanelColumn, children: /* @__PURE__ */ d.jsx(
-              me,
+          /* @__PURE__ */ d.jsx("div", { className: T(m.imageCommonPanelColumn, m.imageCommonPanelSpan3), children: /* @__PURE__ */ d.jsxs("label", { children: [
+            /* @__PURE__ */ d.jsx("div", { className: m.imageCommonPanelRow, children: /* @__PURE__ */ d.jsx("div", { className: m.imageCommonPanelColumn, children: n.t("image-panel.transform.rotate") }) }),
+            /* @__PURE__ */ d.jsx("div", { className: m.imageCommonPanelRow, children: /* @__PURE__ */ d.jsx("div", { className: m.imageCommonPanelColumn, children: /* @__PURE__ */ d.jsx(
+              ue,
               {
-                className: u.imageCommonPanelInput,
+                className: m.imageCommonPanelInput,
                 precision: 1,
                 value: G,
                 onChange: Ie
@@ -726,14 +726,14 @@ function Wi(i) {
   );
 }
 function Ki(i) {
-  var _, f;
+  var _, v;
   const { pageId: e, unitId: t } = i, n = O(ee), r = O(M), s = O(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 [m, h] = ke.useState((f = (_ = l.fill) == null ? void 0 : _.toString()) != null ? f : "");
+  const [u, h] = ke.useState((v = (_ = l.fill) == null ? void 0 : _.toString()) != null ? v : "");
   function C(p) {
     l == null || l.setProps({
       fill: p
@@ -754,25 +754,25 @@ function Ki(i) {
   return /* @__PURE__ */ d.jsx(
     "div",
     {
-      className: T(u.imageCommonPanelGrid, u.imageCommonPanelBorder),
-      children: /* @__PURE__ */ d.jsxs("div", { className: u.imageCommonPanelGrid, children: [
-        /* @__PURE__ */ d.jsx("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ d.jsx("div", { className: T(u.imageCommonPanelColumn, u.imageCommonPanelTitle), children: /* @__PURE__ */ d.jsx("div", { children: n.t("slide.panel.fill.title") }) }) }),
-        /* @__PURE__ */ d.jsx("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ d.jsx("div", { className: T(u.imageCommonPanelColumn, u.imageCommonPanelSpan2), children: /* @__PURE__ */ d.jsx(
+      className: T(m.imageCommonPanelGrid, m.imageCommonPanelBorder),
+      children: /* @__PURE__ */ d.jsxs("div", { className: m.imageCommonPanelGrid, children: [
+        /* @__PURE__ */ d.jsx("div", { className: m.imageCommonPanelRow, children: /* @__PURE__ */ d.jsx("div", { className: T(m.imageCommonPanelColumn, m.imageCommonPanelTitle), children: /* @__PURE__ */ d.jsx("div", { children: n.t("slide.panel.fill.title") }) }) }),
+        /* @__PURE__ */ d.jsx("div", { className: m.imageCommonPanelRow, children: /* @__PURE__ */ d.jsx("div", { className: T(m.imageCommonPanelColumn, m.imageCommonPanelSpan2), children: /* @__PURE__ */ d.jsx(
           Bt,
           {
             align: {
               offset: [0, 18]
             },
-            overlay: /* @__PURE__ */ d.jsx("section", { className: u.slidePanelColorPicker, children: /* @__PURE__ */ d.jsx(
+            overlay: /* @__PURE__ */ d.jsx("section", { className: m.slidePanelColorPicker, children: /* @__PURE__ */ d.jsx(
               Kn,
               {
-                color: "#fff",
+                value: "#fff",
                 onChange: C
               }
             ) }),
-            children: /* @__PURE__ */ d.jsxs("a", { className: u.uiPluginSheetsBorderPanelButton, children: [
-              /* @__PURE__ */ d.jsx(Yt, { extend: { colorChannel1: m != null ? m : "rgb(var(--primary-color))" } }),
-              /* @__PURE__ */ d.jsx("span", { className: u.uiPluginSheetsBorderPanelMoreIcon, children: /* @__PURE__ */ d.jsx(qe, {}) })
+            children: /* @__PURE__ */ d.jsxs("a", { className: m.uiPluginSheetsBorderPanelButton, children: [
+              /* @__PURE__ */ d.jsx(Yt, { extend: { colorChannel1: u != null ? u : "rgb(var(--primary-color))" } }),
+              /* @__PURE__ */ d.jsx("span", { className: m.uiPluginSheetsBorderPanelMoreIcon, children: /* @__PURE__ */ d.jsx(qe, {}) })
             ] })
           }
         ) }) })
@@ -796,7 +796,7 @@ const Gi = "univer-image-common-panel", Xi = "univer-image-common-panel-grid", Y
   imageCommonPanelInput: rr
 }, Re = "COMPONENT_SLIDE_SIDEBAR";
 function or() {
-  var g, l, m;
+  var g, l, u;
   const i = O(j), e = O(M), t = i.getCurrentUnitForType(x.UNIVER_SLIDE), n = (g = t == null ? void 0 : t.getActivePage()) == null ? void 0 : g.id;
   if (!n) return null;
   const s = (l = e.getRenderUnitByPageId(n, n).scene) == null ? void 0 : l.getTransformer();
@@ -804,7 +804,7 @@ function or() {
   const a = s.getSelectedObjectMap().values().next().value;
   if (!a)
     return null;
-  const c = ((m = i.getFocusedUnit()) == null ? void 0 : m.getUnitId()) || "";
+  const c = ((u = i.getFocusedUnit()) == null ? void 0 : u.getUnitId()) || "";
   return /* @__PURE__ */ d.jsxs("section", { className: sr.imageCommonPanel, children: [
     /* @__PURE__ */ d.jsx(zi, { pageId: n, unitId: c }),
     /* @__PURE__ */ d.jsx(Wi, { pageId: n, unitId: c }),
@@ -846,8 +846,8 @@ const Je = {
       }
     };
     o.pageElements[t] = g, s.updatePage(o.id, o);
-    const l = i.get(M), m = l.createObjectToPage(g, o.id, r);
-    return m && l.setObjectActiveByPage(m, o.id, r), !0;
+    const l = i.get(M), u = l.createObjectToPage(g, o.id, r);
+    return u && l.setObjectActiveByPage(u, o.id, r), !0;
   }
 }, He = {
   id: "sidebar.operation.slide-shape",
@@ -898,12 +898,12 @@ let ye = class extends Ue {
   _createObjectPositionObserver(i, e) {
     const n = (() => {
       var F, z, te, ne;
-      const { scene: o, engine: a } = e, { left: c, top: g, width: l, height: m } = i, h = (o.width - ((z = (F = e.mainComponent) == null ? void 0 : F.width) != null ? z : 0)) / 2, C = (o.height - ((ne = (te = e.mainComponent) == null ? void 0 : te.height) != null ? ne : 0)) / 2, _ = {
+      const { scene: o, engine: a } = e, { left: c, top: g, width: l, height: u } = i, h = (o.width - ((z = (F = e.mainComponent) == null ? void 0 : F.width) != null ? z : 0)) / 2, C = (o.height - ((ne = (te = e.mainComponent) == null ? void 0 : te.height) != null ? ne : 0)) / 2, _ = {
         left: c,
         right: c + l,
         top: g,
-        bottom: g + m
-      }, f = a.getCanvasElement(), p = f.getBoundingClientRect(), v = Nn(f.style.width), { scaleX: I, scaleY: b } = o.getAncestorScale(), E = dr(_, o), { top: w, left: V, width: R } = p, G = R / v;
+        bottom: g + u
+      }, v = a.getCanvasElement(), p = v.getBoundingClientRect(), f = Nn(v.style.width), { scaleX: I, scaleY: b } = o.getAncestorScale(), E = dr(_, o), { top: w, left: V, width: R } = p, G = R / f;
       return {
         left: E.left * G * I + V + h,
         right: E.right * G * I + V + h,
@@ -945,12 +945,12 @@ ye = lr([
   be(2, j),
   be(3, U)
 ], ye);
-var mr = Object.defineProperty, ur = Object.getOwnPropertyDescriptor, gr = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? ur(e, t) : e, s = i.length - 1, o; s >= 0; s--)
+var ur = Object.defineProperty, mr = Object.getOwnPropertyDescriptor, gr = (i, e, t, n) => {
+  for (var r = n > 1 ? void 0 : n ? mr(e, t) : e, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = (n ? o(e, t, r) : o(r)) || r);
-  return n && r && mr(e, t, r), r;
+  return n && r && ur(e, t, r), r;
 }, Z = (i, e) => (t, n) => e(t, n, i);
-let Te = class extends ve {
+let Te = class extends fe {
   constructor(e, t, n, r, s, o, a) {
     super();
     P(this, "_initImagePopupMenu", /* @__PURE__ */ new Set());
@@ -984,20 +984,20 @@ let Te = class extends ve {
               c == null || c.dispose();
               return;
             }
-            const m = l.values().next().value;
-            if (!m)
+            const u = l.values().next().value;
+            if (!u)
               return;
-            const h = m.oKey;
-            c == null || c.dispose(), c = this.disposeWithMe(this._canvasPopManagerService.attachPopupToObject(m, {
+            const h = u.oKey;
+            c == null || c.dispose(), c = this.disposeWithMe(this._canvasPopManagerService.attachPopupToObject(u, {
               componentKey: Jt,
               direction: "horizontal",
               offset: [2, 0],
               extraProps: {
-                menuItems: this._getMenuItemsByObjectType(m.objectType, h, e)
+                menuItems: this._getMenuItemsByObjectType(u.objectType, h, e)
               }
             })), this._sidebarService.visible && this._commandService.executeCommand(He.id, {
               visible: !0,
-              objectType: m.objectType
+              objectType: u.objectType
             });
           })
         )
@@ -1013,15 +1013,15 @@ let Te = class extends ve {
             c == null || c.dispose();
             return;
           }
-          const m = l.values().next().value;
-          m && this._commandService.executeCommand(K.id, {
+          const u = l.values().next().value;
+          u && this._commandService.executeCommand(K.id, {
             unitId: e,
-            oKey: m.oKey,
+            oKey: u.oKey,
             props: {
-              width: m.width,
-              height: m.height,
-              left: m.left,
-              top: m.top
+              width: u.width,
+              height: u.height,
+              left: u.left,
+              top: u.top
             }
           });
         })
@@ -1064,7 +1064,7 @@ const Me = {
   type: D.OPERATION,
   handler: () => !0
 }, Q = Pn("SLIDE_EDITOR");
-var hr = Object.defineProperty, pr = Object.getOwnPropertyDescriptor, vr = (i, e, t, n) => {
+var hr = Object.defineProperty, pr = Object.getOwnPropertyDescriptor, fr = (i, e, t, n) => {
   for (var r = n > 1 ? void 0 : n ? pr(e, t) : e, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = (n ? o(e, t, r) : o(r)) || r);
   return n && r && hr(e, t, r), r;
@@ -1130,14 +1130,14 @@ let Fe = class extends Ue {
       verticalAlign: je.TOP,
       horizontalAlign: Tt.LEFT,
       paddingData: { t: 0, b: 1, l: 2, r: 2 }
-    }, a = t.richTextObj.width, c = t.richTextObj.height, g = t.richTextObj.left, l = t.richTextObj.top, m = {
+    }, a = t.richTextObj.width, c = t.richTextObj.height, g = t.richTextObj.left, l = t.richTextObj.top, u = {
       left: 0,
       top: 0
-    }, h = this._renderManagerService.getRenderById(n), C = h == null ? void 0 : h.scene, _ = C == null ? void 0 : C.getViewport(oe.VIEW), f = C == null ? void 0 : C.getObject(oe.COMPONENT), p = {
-      x: (f == null ? void 0 : f.left) || 0,
-      y: (f == null ? void 0 : f.top) || 0
-    }, v = (_ == null ? void 0 : _.viewportScrollX) || 0, I = (_ == null ? void 0 : _.viewportScrollY) || 0;
-    return m.left = p.x - v, m.top = p.y - I, {
+    }, h = this._renderManagerService.getRenderById(n), C = h == null ? void 0 : h.scene, _ = C == null ? void 0 : C.getViewport(oe.VIEW), v = C == null ? void 0 : C.getObject(oe.COMPONENT), p = {
+      x: (v == null ? void 0 : v.left) || 0,
+      y: (v == null ? void 0 : v.top) || 0
+    }, f = (_ == null ? void 0 : _.viewportScrollX) || 0, I = (_ == null ? void 0 : _.viewportScrollY) || 0;
+    return u.left = p.x - f, u.top = p.y - I, {
       position: {
         startX: g,
         startY: l,
@@ -1146,7 +1146,7 @@ let Fe = class extends Ue {
       },
       scaleX: 1,
       scaleY: 1,
-      slideCardOffset: m,
+      slideCardOffset: u,
       unitId: n,
       editorUnitId: e,
       documentLayoutObject: o
@@ -1207,7 +1207,7 @@ let Fe = class extends Ue {
     };
   }
 };
-Fe = vr([
+Fe = fr([
   Le(0, Ze),
   Le(1, Ce),
   Le(2, Y)
@@ -1249,14 +1249,14 @@ class Cr {
 const et = Ot(
   "univer.slide-editor-manager.service"
 );
-var k = /* @__PURE__ */ ((i) => (i[i.InitialState = 0] = "InitialState", i[i.StartEditor = 1] = "StartEditor", i[i.CursorChange = 2] = "CursorChange", i))(k || {}), fr = Object.defineProperty, _r = Object.getOwnPropertyDescriptor, Sr = (i, e, t, n) => {
+var k = /* @__PURE__ */ ((i) => (i[i.InitialState = 0] = "InitialState", i[i.StartEditor = 1] = "StartEditor", i[i.CursorChange = 2] = "CursorChange", i))(k || {}), vr = Object.defineProperty, _r = Object.getOwnPropertyDescriptor, Sr = (i, e, t, n) => {
   for (var r = n > 1 ? void 0 : n ? _r(e, t) : e, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = (n ? o(e, t, r) : o(r)) || r);
-  return n && r && fr(e, t, r), r;
+  return n && r && vr(e, t, r), r;
 }, L = (i, e) => (t, n) => e(t, n, i);
 const St = -1e3, It = 5, Ir = 2;
 let ze = class extends Ue {
-  constructor(e, t, n, r, s, o, a, c, g, l, m, h) {
+  constructor(e, t, n, r, s, o, a, c, g, l, u, h) {
     super();
     /**
      * It is used to distinguish whether the user has actively moved the cursor in the editor, mainly through mouse clicks.
@@ -1265,7 +1265,7 @@ let ze = class extends Ue {
     /** If the corresponding unit is active and prepared for editing. */
     P(this, "_isUnitEditing", !1);
     P(this, "_d");
-    this._renderContext = e, this._layoutService = t, this._undoRedoService = n, this._contextService = r, this._instanceSrv = s, this._renderManagerService = o, this._editorBridgeService = a, this._cellEditorManagerService = c, this._textSelectionManagerService = g, this._commandService = l, this._localService = m, this._editorService = h, this.disposeWithMe(this._instanceSrv.getCurrentTypeOfUnit$(x.UNIVER_SLIDE).subscribe((C) => {
+    this._renderContext = e, this._layoutService = t, this._undoRedoService = n, this._contextService = r, this._instanceSrv = s, this._renderManagerService = o, this._editorBridgeService = a, this._cellEditorManagerService = c, this._textSelectionManagerService = g, this._commandService = l, this._localService = u, this._editorService = h, this.disposeWithMe(this._instanceSrv.getCurrentTypeOfUnit$(x.UNIVER_SLIDE).subscribe((C) => {
       C && C.getUnitId() === this._renderContext.unitId ? this._d = this._init() : (this._disposeCurrent(), this._isUnitEditing && (this._handleEditorInvisible({
         visible: !1,
         eventType: q.Keyboard,
@@ -1331,8 +1331,8 @@ let ze = class extends Ue {
         startOffset: 0,
         endOffset: 0
       }]);
-      const m = (h = this._renderManagerService.getCurrentTypeOfRenderer(x.UNIVER_DOC)) == null ? void 0 : h.with(ht);
-      m && m.activate(St, St);
+      const u = (h = this._renderManagerService.getCurrentTypeOfRenderer(x.UNIVER_DOC)) == null ? void 0 : h.with(ht);
+      u && u.activate(St, St);
     }));
   }
   /**
@@ -1345,8 +1345,8 @@ let ze = class extends Ue {
    * @param scaleY
    */
   _fitTextSize(e, t, n, r, s = 1, o = 1) {
-    const { startX: a, startY: c, endX: g, endY: l } = e, m = r.documentModel;
-    if (m == null)
+    const { startX: a, startY: c, endX: g, endY: l } = e, u = r.documentModel;
+    if (u == null)
       return;
     const { actualWidth: h, actualHeight: C } = this._predictingSize(
       e,
@@ -1355,39 +1355,39 @@ let ze = class extends Ue {
       r,
       s,
       o
-    ), { verticalAlign: _, paddingData: f, fill: p } = r;
-    let v = g - a, I = l - c;
-    if (v < h && (v = h), I < C)
-      I = C, m.updateDocumentDataMargin(f);
+    ), { verticalAlign: _, paddingData: v, fill: p } = r;
+    let f = g - a, I = l - c;
+    if (f < h && (f = h), I < C)
+      I = C, u.updateDocumentDataMargin(v);
     else {
       let b = 0;
-      _ === je.MIDDLE ? b = (I - C) / 2 / o : _ === je.TOP ? b = f.t || 0 : b = (I - C) / o - (f.b || 0), b = b < (f.t || 0) ? f.t || 0 : b, m.updateDocumentDataMargin({
+      _ === je.MIDDLE ? b = (I - C) / 2 / o : _ === je.TOP ? b = v.t || 0 : b = (I - C) / o - (v.b || 0), b = b < (v.t || 0) ? v.t || 0 : b, u.updateDocumentDataMargin({
         t: b
       });
     }
-    n.calculate(), this._editAreaProcessing(v, I, e, t, p, s, o);
+    n.calculate(), this._editAreaProcessing(f, I, e, t, p, s, o);
   }
   /**
    * Mainly used to pre-calculate the width of the editor,
    * to determine whether it needs to be automatically widened.
    */
   _predictingSize(e, t, n, r, s = 1, o = 1) {
-    const { startX: a, endX: c } = e, { textRotation: g, wrapStrategy: l } = r, m = r.documentModel, { vertexAngle: h } = at(g), C = document.body.clientWidth;
+    const { startX: a, endX: c } = e, { textRotation: g, wrapStrategy: l } = r, u = r.documentModel, { vertexAngle: h } = at(g), C = document.body.clientWidth;
     if (l === it.WRAP && h === 0) {
-      const { actualWidth: p, actualHeight: v } = n.getActualSize();
+      const { actualWidth: p, actualHeight: f } = n.getActualSize();
       return {
         actualWidth: p * s,
-        actualHeight: v * o
+        actualHeight: f * o
       };
     }
-    m == null || m.updateDocumentDataPageSize((C - a - t.left) / s), n.calculate();
+    u == null || u.updateDocumentDataPageSize((C - a - t.left) / s), n.calculate();
     const _ = n.getActualSize();
-    let f = c - a;
-    return f < _.actualWidth * s + It * s && (f = _.actualWidth * s + It * s), m == null || m.updateDocumentDataPageSize(f / s), m == null || m.updateDocumentRenderConfig({
+    let v = c - a;
+    return v < _.actualWidth * s + It * s && (v = _.actualWidth * s + It * s), u == null || u.updateDocumentDataPageSize(v / s), u == null || u.updateDocumentRenderConfig({
       horizontalAlign: Tt.UNSPECIFIED,
       cellValueType: void 0
     }), {
-      actualWidth: f,
+      actualWidth: v,
       actualHeight: _.actualHeight * o
     };
   }
@@ -1403,7 +1403,7 @@ let ze = class extends Ue {
     function g(le) {
       return Number.parseInt(le.replace("px", ""));
     }
-    const m = this._renderContext.engine.getCanvasElement(), h = m.getBoundingClientRect(), C = g(m.style.width), { top: _, left: f, width: p } = h, v = p / C;
+    const u = this._renderContext.engine.getCanvasElement(), h = u.getBoundingClientRect(), C = g(u.style.width), { top: _, left: v, width: p } = h, f = p / C;
     let { startX: I, startY: b } = n;
     I += r.left, b += r.top;
     const { document: E, scene: w, engine: V } = c, R = w.getViewport(pt.VIEW_MAIN), G = document.body.clientHeight - b - r.top - Ir * 2, ce = document.body.clientWidth - I - r.left;
@@ -1411,22 +1411,22 @@ let ze = class extends Ue {
     F > G ? (F = G, z == null ? R && new Nt(R, { enableHorizontal: !1, barSize: 8 }) : R == null || R.resetCanvasSizeAndUpdateScroll()) : (z = null, (S = R == null ? void 0 : R.getScrollBar()) == null || S.dispose()), e += (z == null ? void 0 : z.barSize) || 0, e = Math.min(e, ce), I -= se, b -= se, this._addBackground(w, e / o, t / a, s);
     const { scaleX: te, scaleY: ne } = w.getPrecisionScale();
     w.transformByState({
-      width: e * v / o,
-      height: t * v / a,
-      scaleX: o * v,
-      scaleY: a * v
+      width: e * f / o,
+      height: t * f / a,
+      scaleX: o * f,
+      scaleY: a * f
     }), E.resize(e / o, t / a), setTimeout(() => {
       V.resizeBySize(
         ct(e, te),
         ct(F, ne)
       );
     }, 0);
-    const Se = this._layoutService.getContentElement().getBoundingClientRect(), Ie = m.getBoundingClientRect();
-    I = I * v + (Ie.left - Se.left), b = b * v + (Ie.top - Se.top), this._cellEditorManagerService.setState({
+    const Se = this._layoutService.getContentElement().getBoundingClientRect(), Ie = u.getBoundingClientRect();
+    I = I * f + (Ie.left - Se.left), b = b * f + (Ie.top - Se.top), this._cellEditorManagerService.setState({
       startX: I,
       startY: b,
-      endX: e * v + I,
-      endY: F * v + b,
+      endX: e * f + I,
+      endY: F * f + b,
       show: !0
     });
   }
@@ -1461,7 +1461,7 @@ let ze = class extends Ue {
   // first part: startEditing --> _updateEditor
   // 2nd part: startEditing --> changeVisible --> slide-editor-bridge.render-controller.ts@changeVisible --> _editorBridgeService.changeVisible
   _handleEditorVisible(e) {
-    var p, v;
+    var p, f;
     const { eventType: t } = e;
     this._cursorChange = [q.PointerDown, q.Dblclick].includes(t) ? k.CursorChange : k.StartEditor;
     const n = this._editorBridgeService.getEditRectState();
@@ -1475,24 +1475,24 @@ let ze = class extends Ue {
       scaleY: c,
       editorUnitId: g,
       unitId: l
-    } = n, m = this._getEditorObject();
-    if (m == null)
+    } = n, u = this._getEditorObject();
+    if (u == null)
       return;
-    const { scene: h } = m;
+    const { scene: h } = u;
     this._contextService.setContextValue(Oe, !0);
     const { documentModel: C } = s, _ = this._getEditorSkeleton(g);
     if (!_ || !C)
       return;
     this._fitTextSize(r, o, _, s, a, c);
-    const f = C.getBody().dataStream.length - 2 || 0;
+    const v = C.getBody().dataStream.length - 2 || 0;
     (p = h.getViewport(pt.VIEW_MAIN)) == null || p.scrollToViewportPos({
       viewportScrollX: Number.POSITIVE_INFINITY
     }), this._textSelectionManagerService.replaceTextRanges([
       {
-        startOffset: f,
-        endOffset: f
+        startOffset: v,
+        endOffset: v
       }
-    ]), (v = this._renderManagerService.getRenderById(l)) == null || v.scene.resetCursor();
+    ]), (f = this._renderManagerService.getRenderById(l)) == null || f.scene.resetCursor();
   }
   _resetBodyStyle(e, t = !1) {
     e.dataStream = Mt, 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 = [
@@ -1628,7 +1628,7 @@ var br = Object.defineProperty, xr = Object.getOwnPropertyDescriptor, Er = (i, e
     (o = i[s]) && (r = (n ? o(e, t, r) : o(r)) || r);
   return n && r && br(e, t, r), r;
 }, Ae = (i, e) => (t, n) => e(t, n, i);
-let We = class extends ve {
+let We = class extends fe {
   constructor(e, t, n, r) {
     super();
     /**
@@ -1774,9 +1774,9 @@ const Qt = {
     if (s.length !== 1) return !1;
     const a = await i.get(ii).saveImage(s[0]);
     if (!a) return !1;
-    const { imageId: c, imageSourceType: g, source: l, base64Cache: m } = a, { width: h, height: C, image: _ } = await ri(m || ""), f = t.getUnit(n);
-    if (!f) return !1;
-    const p = f.getActivePage(), v = Object.values(p.pageElements), I = v != null && v.length ? Math.max(...v.map((R) => R.zIndex)) : 20, b = {
+    const { imageId: c, imageSourceType: g, source: l, base64Cache: u } = a, { width: h, height: C, image: _ } = await ri(u || ""), v = t.getUnit(n);
+    if (!v) return !1;
+    const p = v.getActivePage(), f = Object.values(p.pageElements), I = f != null && f.length ? Math.max(...f.map((R) => R.zIndex)) : 20, b = {
       id: c,
       zIndex: I + 1,
       left: 0,
@@ -1788,15 +1788,15 @@ const Qt = {
       type: Xe.IMAGE,
       image: {
         imageProperties: {
-          contentUrl: m,
+          contentUrl: u,
           imageSourceType: g,
           source: l,
-          base64Cache: m,
+          base64Cache: u,
           image: _
         }
       }
     };
-    p.pageElements[c] = b, f.updatePage(p.id, p);
+    p.pageElements[c] = b, v.updatePage(p.id, p);
     const E = i.get(M), w = E.createObjectToPage(b, p.id, n);
     return w && E.setObjectActiveByPage(w, p.id, n), !0;
   }
@@ -1814,7 +1814,7 @@ const Qt = {
   handler: async (i, e) => {
     const t = e.unitId, n = Et(6), r = 220, s = 40, o = 230, a = 142, c = (e == null ? void 0 : e.text) || "A New Text", l = i.get(j).getUnit(t);
     if (!l) return !1;
-    const m = l.getActivePage(), h = Object.values(m.pageElements), C = h != null && h.length ? Math.max(...h.map((v) => v.zIndex)) : 21, _ = {
+    const u = l.getActivePage(), h = Object.values(u.pageElements), C = h != null && h.length ? Math.max(...h.map((f) => f.zIndex)) : 21, _ = {
       id: n,
       zIndex: C + 1,
       left: o,
@@ -1833,9 +1833,9 @@ const Qt = {
         bl: 1
       }
     };
-    m.pageElements[n] = _, l.updatePage(m.id, m);
-    const f = i.get(M), p = f.createObjectToPage(_, m.id, t);
-    return p && f.setObjectActiveByPage(p, m.id, t), !0;
+    u.pageElements[n] = _, l.updatePage(u.id, u);
+    const v = i.get(M), p = v.createObjectToPage(_, u.id, t);
+    return p && v.setObjectActiveByPage(p, u.id, t), !0;
   }
 }, nn = {
   id: "slide.operation.set-slide-page-thumb",
@@ -1850,8 +1850,8 @@ const Qt = {
   btnContainer: Mr,
   btnContainerExpand: wr
 }, Nr = (i) => {
-  var _, f;
-  const e = (f = (_ = i.popup) == null ? void 0 : _.extraProps) == null ? void 0 : f.menuItems;
+  var _, v;
+  const e = (v = (_ = i.popup) == null ? void 0 : _.extraProps) == null ? void 0 : v.menuItems;
   if (!e)
     return null;
   const t = O(U), n = O(ee), [r, s] = W(!1), [o, a] = W(!1), c = () => {
@@ -1860,7 +1860,7 @@ const Qt = {
     a(!1);
   }, l = (p) => {
     s(p);
-  }, m = (p) => {
+  }, u = (p) => {
     t.executeCommand(p.commandId, p.commandParams), s(!1);
   }, h = r || o, C = e.filter((p) => !p.disable);
   return /* @__PURE__ */ d.jsx(
@@ -1876,7 +1876,7 @@ const Qt = {
           overlay: /* @__PURE__ */ d.jsx("ul", { className: ge.imagePopupMenu, children: C.map((p) => /* @__PURE__ */ d.jsx(
             "li",
             {
-              onClick: () => m(p),
+              onClick: () => u(p),
               className: ge.imagePopupMenuItem,
               children: /* @__PURE__ */ d.jsx("span", { className: ge.imagePopupMenuItemTitle, children: n.t(p.label) })
             },
@@ -1916,51 +1916,51 @@ const Qt = {
   slideAddButton: $r
 };
 function Hr() {
-  var f, p;
+  var v, p;
   const i = O(j), e = O(U), t = O(Y), n = O(ee), r = Vt(null), s = i.getCurrentUnitForType(x.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]), [g, l] = W([]), [m, h] = W((p = (f = s == null ? void 0 : s.getActivePage()) == null ? void 0 : f.id) != null ? p : null);
+  const c = a.map((f) => o[f]), [g, l] = W([]), [u, h] = W((p = (v = s == null ? void 0 : s.getActivePage()) == null ? void 0 : v.id) != null ? p : null);
   ae(() => {
-    l(c.map((v) => ke.createRef()));
+    l(c.map((f) => ke.createRef()));
   }, [c.length]), ae(() => {
-    const v = s == null ? void 0 : s.activePage$.subscribe((I) => {
+    const f = s == null ? void 0 : s.activePage$.subscribe((I) => {
       var E;
       const b = (E = I == null ? void 0 : I.id) != null ? E : null;
       b && h(b);
     });
     return () => {
-      v == null || v.unsubscribe();
+      f == null || f.unsubscribe();
     };
   }, []), ae(() => {
-    g.forEach((v, I) => {
+    g.forEach((f, I) => {
       var b;
-      if (v.current) {
+      if (f.current) {
         const E = c[I];
-        (b = t.getRenderById(E.id)) == null || b.engine.setContainer(v.current);
+        (b = t.getRenderById(E.id)) == null || b.engine.setContainer(f.current);
       }
     }), g.length > 0 && e.syncExecuteCommand(nn.id, { unitId: s == null ? void 0 : s.getUnitId() });
   }, [g, c, t, e, s]);
-  const C = mt((v) => {
-    e.syncExecuteCommand(Qt.id, { id: v, unitId: s == null ? void 0 : s.getUnitId() });
-  }, [e, s]), _ = mt(() => {
+  const C = ut((f) => {
+    e.syncExecuteCommand(Qt.id, { id: f, unitId: s == null ? void 0 : s.getUnitId() });
+  }, [e, s]), _ = ut(() => {
     e.syncExecuteCommand(en.id, { unitId: s == null ? void 0 : s.getUnitId() });
   }, [e, s]);
   return /* @__PURE__ */ d.jsx("aside", { className: ie.slideBar, ref: r, children: /* @__PURE__ */ d.jsx(Gn, { children: /* @__PURE__ */ d.jsxs("div", { className: ie.slideBarContent, children: [
     /* @__PURE__ */ d.jsx("header", { className: ie.slideBarContentHeader, children: /* @__PURE__ */ d.jsx("a", { onClick: _, children: n.t("slide.append") }) }),
-    c.map((v, I) => /* @__PURE__ */ d.jsxs(
+    c.map((f, I) => /* @__PURE__ */ d.jsxs(
       "div",
       {
         className: T(ie.slideBarItem, {
-          [ie.slideBarItemActive]: v.id === m
+          [ie.slideBarItemActive]: f.id === u
         }),
-        onClick: () => C(v.id),
+        onClick: () => C(f.id),
         children: [
           /* @__PURE__ */ d.jsx("span", { children: I + 1 }),
           /* @__PURE__ */ d.jsx("div", { ref: g[I], className: ie.slideBarBox })
         ]
       },
-      v.id
+      f.id
     ))
   ] }) }) });
 }
@@ -2003,7 +2003,7 @@ const Fr = "univer-slide-editor-container", zr = "univer-editor-input", Pt = {
         startX: c = we,
         startY: g = we,
         endX: l = 0,
-        endY: m = 0,
+        endY: u = 0,
         show: h = !1
       } = a;
       if (!h)
@@ -2013,15 +2013,15 @@ const Fr = "univer-slide-editor-container", zr = "univer-editor-input", Pt = {
       else {
         e({
           width: l - c - se + 2,
-          height: m - g - se + 2,
+          height: u - g - se + 2,
           left: c + se,
           top: g + se
         });
         const C = n.getEditor(Q);
         if (C == null)
           return;
-        const { left: _, top: f, width: p, height: v } = C.getBoundingClientRect();
-        t.setRect({ left: _, top: f, width: p, height: v });
+        const { left: _, top: v, width: p, height: f } = C.getBoundingClientRect();
+        t.setRect({ left: _, top: v, width: p, height: f });
       }
     });
   }, []), ae(() => {
@@ -2053,7 +2053,7 @@ const Fr = "univer-slide-editor-container", zr = "univer-editor-input", Pt = {
 function Kr(i) {
   return {
     id: sn,
-    type: fe.SUBITEMS,
+    type: ve.SUBITEMS,
     icon: rn,
     tooltip: "slide.image.insert.title",
     hidden$: _e(i, x.UNIVER_SLIDE)
@@ -2063,7 +2063,7 @@ function Gr(i) {
   return {
     id: tt.id,
     title: "slide.image.insert.float",
-    type: fe.BUTTON,
+    type: ve.BUTTON,
     hidden$: _e(i, x.UNIVER_SLIDE)
   };
 }
@@ -2071,7 +2071,7 @@ const on = "graph-single", an = "slide.menu.shape";
 function Xr(i) {
   return {
     id: an,
-    type: fe.SUBITEMS,
+    type: ve.SUBITEMS,
     icon: on,
     tooltip: "slide.shape.insert.title",
     hidden$: _e(i, x.UNIVER_SLIDE)
@@ -2082,7 +2082,7 @@ function Yr(i) {
   return {
     id: Je.id,
     title: "slide.shape.insert.rectangle",
-    type: fe.BUTTON,
+    type: ve.BUTTON,
     hidden$: _e(i, x.UNIVER_SLIDE)
   };
 }
@@ -2090,7 +2090,7 @@ const cn = "text-single";
 function kr(i) {
   return {
     id: nt.id,
-    type: fe.BUTTON,
+    type: ve.BUTTON,
     icon: cn,
     tooltip: "slide.text.insert.title",
     hidden$: _e(i, x.UNIVER_SLIDE)
@@ -2226,7 +2226,7 @@ var is = Object.defineProperty, rs = Object.getOwnPropertyDescriptor, ss = (i, e
     (o = i[s]) && (r = (n ? o(e, t, r) : o(r)) || r);
   return n && r && is(e, t, r), r;
 }, $e = (i, e) => (t, n) => e(t, n, i);
-let De = class extends ve {
+let De = class extends fe {
   // private _skeletonChangeMutations = new Set<string>();
   constructor(i, e, t) {
     super(), this._contextService = i, this._instanceSrv = e, this._renderManagerService = t, Promise.resolve().then(() => this._init());
@@ -2235,11 +2235,11 @@ let De = class extends ve {
     this._initSlideDataListener(), this._initContextListener();
   }
   _initSlideDataListener() {
-    this._instanceSrv.getTypeOfUnitAdded$(x.UNIVER_SLIDE).pipe(ut(this.dispose$)).subscribe((i) => {
+    this._instanceSrv.getTypeOfUnitAdded$(x.UNIVER_SLIDE).pipe(mt(this.dispose$)).subscribe((i) => {
       this._createRenderer(i == null ? void 0 : i.getUnitId());
     }), this._instanceSrv.getAllUnitsForType(x.UNIVER_SLIDE).forEach((i) => {
       this._createRenderer(i.getUnitId());
-    }), this._instanceSrv.getTypeOfUnitDisposed$(x.UNIVER_SLIDE).pipe(ut(this.dispose$)).subscribe((i) => this._disposeRenderer(i));
+    }), this._instanceSrv.getTypeOfUnitDisposed$(x.UNIVER_SLIDE).pipe(mt(this.dispose$)).subscribe((i) => this._disposeRenderer(i));
   }
   _createRenderer(i) {
     i == null || this._instanceSrv.getUnit(i, x.UNIVER_SLIDE) == null || (this._renderManagerService.createRender(i), this._renderManagerService.setCurrent(i));
@@ -2264,14 +2264,14 @@ var os = Object.defineProperty, as = Object.getOwnPropertyDescriptor, cs = (i, e
 const ls = "SLIDE_UI";
 var Ee;
 let xt = (Ee = class extends jn {
-  constructor(i = vt, e, t, n, r) {
+  constructor(i = ft, e, t, n, r) {
     super(), this._config = i, this._injector = e, this._renderManagerService = t, this._univerInstanceService = n, this._configService = r;
     const { menu: s, ...o } = yn(
       {},
-      vt,
+      ft,
       this._config
     );
-    s && this._configService.setConfig("menu", s, { merge: !0 }), this._configService.setConfig(ui, o);
+    s && this._configService.setConfig("menu", s, { merge: !0 }), this._configService.setConfig(mi, o);
   }
   onStarting() {
     st([