@univerjs/slides-ui 0.6.10-nightly.202504161609 → 0.6.10

package/lib/es/index.js

@@ -7,8 +7,8 @@ import { ObjectProvider as Mn, SLIDE_KEY as oe } from "@univerjs/slides";
 import { useDependency as x, ISidebarService as Mt, ICanvasPopupService as wn, ILayoutService as Nn, KeyCode as M, ILocalFileService as Dn, useObservable as Un, DISABLE_AUTO_FOCUS_KEY as at, getMenuHiddenObservable as fe, MenuItemType as _e, RibbonStartGroup as Vn, MetaKeys as Bn, IMenuManagerService as jn, ComponentManager as Ln, IUIPartsService as An, IShortcutService as $n, BuiltInUIPart as ct, connectInjector as lt } from "@univerjs/ui";
 import { jsxs as R, jsx as u } from "react/jsx-runtime";
 import { clsx as y, Button as be, Dropdown as wt, ColorPicker as Hn, InputNumber as de, Scrollbar as Fn } from "@univerjs/design";
-import Nt, { forwardRef as $, useRef as Dt, createElement as H, useState as G, useEffect as me, useMemo as zn, useCallback as dt } from "react";
-import { BehaviorSubject as Q, Subject as Ut, filter as Wn, takeUntil as ut } from "rxjs";
+import Nt, { forwardRef as $, useRef as Dt, createElement as H, useState as G, useEffect as me, useMemo as Wn, useCallback as dt } from "react";
+import { BehaviorSubject as Q, Subject as Ut, filter as zn, takeUntil as ut } from "rxjs";
 import { DocSelectionManagerService as kn, DocSkeletonManagerService as gt, RichTextEditingMutation as Kn } from "@univerjs/docs";
 import { IEditorService as Ye, DocSelectionRenderService as ht, VIEWPORT_KEY as mt, DOCS_COMPONENT_MAIN_LAYER_INDEX as Gn, MoveSelectionOperation as Xn, MoveCursorOperation as Yn, DOCS_VIEW_KEY as Zn, DeleteLeftCommand as qn } from "@univerjs/docs-ui";
 import { DRAWING_IMAGE_ALLOW_IMAGE_LIST as Jn, IImageIoService as Qn, getImageSize as ei } from "@univerjs/drawing";
@@ -407,22 +407,22 @@ var Ci = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em"
   }));
 });
 Ft.displayName = "MoveUpSingle";
-var fi = { 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" } }] }, zt = $(function(i, e) {
+var fi = { 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" } }] }, Wt = $(function(i, e) {
   return H(F, Object.assign({}, i, {
     id: "paint-bucket",
     ref: e,
     icon: fi
   }));
 });
-zt.displayName = "PaintBucket";
-var _i = { 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" } }] }, Wt = $(function(i, e) {
+Wt.displayName = "PaintBucket";
+var _i = { 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" } }] }, zt = $(function(i, e) {
   return H(F, Object.assign({}, i, {
     id: "text-single",
     ref: e,
     icon: _i
   }));
 });
-Wt.displayName = "TextSingle";
+zt.displayName = "TextSingle";
 var Si = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 17 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M7.82994 1.40913C7.88746 1.35161 7.95376 1.30821 8.02453 1.27893C8.09527 1.24959 8.17285 1.2334 8.2542 1.2334C8.33555 1.2334 8.41313 1.24959 8.48387 1.27893C8.55464 1.30821 8.62094 1.35161 8.67846 1.40913L10.6785 3.40913C10.9128 3.64345 10.9128 4.02335 10.6785 4.25766C10.4441 4.49198 10.0642 4.49198 9.82994 4.25766L8.8542 3.28193V5.8334C8.8542 6.16477 8.58557 6.4334 8.2542 6.4334C7.92283 6.4334 7.6542 6.16477 7.6542 5.8334V3.28193L6.67846 4.25766C6.44415 4.49198 6.06425 4.49198 5.82994 4.25766C5.59562 4.02335 5.59562 3.64345 5.82994 3.40913L7.82994 1.40913Z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M1.50439 9C1.50439 8.11634 2.22074 7.4 3.10439 7.4H13.4044C14.288 7.4 15.0044 8.11634 15.0044 9 15.0044 9.88366 14.2881 10.6 13.4044 10.6H3.1044C2.22074 10.6 1.50439 9.88366 1.50439 9zM3.10439 8.6C2.88348 8.6 2.70439 8.77909 2.70439 9 2.70439 9.22091 2.88348 9.4 3.1044 9.4H13.4044C13.6253 9.4 13.8044 9.22091 13.8044 9 13.8044 8.77909 13.6253 8.6 13.4044 8.6H3.10439zM1.6543 13.1665C1.6543 12.2828 2.37064 11.5665 3.2543 11.5665H13.5543C14.438 11.5665 15.1543 12.2828 15.1543 13.1665 15.1543 14.0502 14.438 14.7665 13.5543 14.7665H3.2543C2.37064 14.7665 1.6543 14.0502 1.6543 13.1665zM3.2543 12.7665C3.03338 12.7665 2.8543 12.9456 2.8543 13.1665 2.8543 13.3874 3.03338 13.5665 3.2543 13.5665H13.5543C13.7752 13.5665 13.9543 13.3874 13.9543 13.1665 13.9543 12.9456 13.7752 12.7665 13.5543 12.7665H3.2543z", fillRule: "evenodd", clipRule: "evenodd" } }] }, kt = $(function(i, e) {
   return H(F, Object.assign({}, i, {
     id: "topmost-single",
@@ -477,7 +477,7 @@ function Mi(i) {
   return /* @__PURE__ */ R("div", { className: g.imageCommonPanelGrid, children: [
     /* @__PURE__ */ u("div", { className: g.imageCommonPanelRow, children: /* @__PURE__ */ u("div", { className: y(g.imageCommonPanelColumn, g.imageCommonPanelTitle), children: /* @__PURE__ */ u("div", { children: n.t("image-panel.arrange.title") }) }) }),
     /* @__PURE__ */ R("div", { className: g.imageCommonPanelRow, children: [
-      /* @__PURE__ */ u("div", { className: y(g.imageCommonPanelColumn, g.imageCommonPanelSpan2), children: /* @__PURE__ */ u(be, { size: "small", onClick: () => {
+      /* @__PURE__ */ u("div", { className: y(g.imageCommonPanelColumn, g.imageCommonPanelSpan2), children: /* @__PURE__ */ u(be, { onClick: () => {
         d(
           0
           /* forward */
@@ -486,7 +486,7 @@ function Mi(i) {
         /* @__PURE__ */ u(Ft, {}),
         n.t("image-panel.arrange.forward")
       ] }) }) }),
-      /* @__PURE__ */ u("div", { className: y(g.imageCommonPanelColumn, g.imageCommonPanelSpan2), children: /* @__PURE__ */ u(be, { size: "small", onClick: () => {
+      /* @__PURE__ */ u("div", { className: y(g.imageCommonPanelColumn, g.imageCommonPanelSpan2), children: /* @__PURE__ */ u(be, { onClick: () => {
         d(
           1
           /* backward */
@@ -497,7 +497,7 @@ function Mi(i) {
       ] }) }) })
     ] }),
     /* @__PURE__ */ R("div", { className: g.imageCommonPanelRow, children: [
-      /* @__PURE__ */ u("div", { className: y(g.imageCommonPanelColumn, g.imageCommonPanelSpan2), children: /* @__PURE__ */ u(be, { size: "small", onClick: () => {
+      /* @__PURE__ */ u("div", { className: y(g.imageCommonPanelColumn, g.imageCommonPanelSpan2), children: /* @__PURE__ */ u(be, { onClick: () => {
         d(
           2
           /* front */
@@ -506,7 +506,7 @@ function Mi(i) {
         /* @__PURE__ */ u(kt, {}),
         n.t("image-panel.arrange.front")
       ] }) }) }),
-      /* @__PURE__ */ u("div", { className: y(g.imageCommonPanelColumn, g.imageCommonPanelSpan2), children: /* @__PURE__ */ u(be, { size: "small", onClick: () => {
+      /* @__PURE__ */ u("div", { className: y(g.imageCommonPanelColumn, g.imageCommonPanelSpan2), children: /* @__PURE__ */ u(be, { onClick: () => {
         d(
           3
           /* back */
@@ -561,7 +561,7 @@ function wi(i) {
               }
             ) }),
             children: /* @__PURE__ */ R("a", { className: g.uiPluginSheetsBorderPanelButton, children: [
-              /* @__PURE__ */ u(zt, { extend: { colorChannel1: d != null ? d : "rgb(var(--primary-color))" } }),
+              /* @__PURE__ */ u(Wt, { extend: { colorChannel1: d != null ? d : "rgb(var(--primary-color))" } }),
               /* @__PURE__ */ u("span", { className: g.uiPluginSheetsBorderPanelMoreIcon, children: /* @__PURE__ */ u(Ze, {}) })
             ] })
           }
@@ -583,7 +583,7 @@ function Ni(i) {
     left: f = 0,
     top: C = 0,
     angle: p = 0
-  } = l, [m, _] = G(d), [b, P] = G(v), [w, D] = G(f), [j, O] = G(C), [K, ae] = G(p), z = (S) => {
+  } = l, [m, _] = G(d), [b, P] = G(v), [w, D] = G(f), [j, O] = G(C), [K, ae] = G(p), W = (S) => {
     const { objects: ce } = S, le = ce.values().next().value, {
       width: sn = 0,
       height: on = 0,
@@ -595,15 +595,15 @@ function Ni(i) {
   };
   me(() => {
     const S = c.changeStart$.subscribe((le) => {
-      z(le);
+      W(le);
     }), ce = c.changing$.subscribe((le) => {
-      z(le);
+      W(le);
     });
     return () => {
       ce.unsubscribe(), S.unsubscribe();
     };
   }, []);
-  function W(S) {
+  function z(S) {
     !S || !l || (s.executeCommand(k.id, {
       pageId: e,
       oKey: l.oKey,
@@ -666,7 +666,7 @@ function Ni(i) {
                 min: 1,
                 value: m,
                 onChange: (S) => {
-                  W(S);
+                  z(S);
                 }
               }
             ) }) })
@@ -839,8 +839,8 @@ let Te = class extends Ve {
   }
   _createObjectPositionObserver(i, e) {
     const n = (() => {
-      var z, W, te, ne;
-      const { scene: o, engine: a } = e, { left: c, top: h, width: l, height: d } = i, v = (o.width - ((W = (z = e.mainComponent) == null ? void 0 : z.width) != null ? W : 0)) / 2, f = (o.height - ((ne = (te = e.mainComponent) == null ? void 0 : te.height) != null ? ne : 0)) / 2, C = {
+      var W, z, te, ne;
+      const { scene: o, engine: a } = e, { left: c, top: h, width: l, height: d } = i, v = (o.width - ((z = (W = e.mainComponent) == null ? void 0 : W.width) != null ? z : 0)) / 2, f = (o.height - ((ne = (te = e.mainComponent) == null ? void 0 : te.height) != null ? ne : 0)) / 2, C = {
         left: c,
         right: c + l,
         top: h,
@@ -1154,7 +1154,7 @@ Fe = Fi([
   je(1, Ce),
   je(2, Y)
 ], Fe);
-class zi {
+class Wi {
   constructor() {
     I(this, "_state", null);
     I(this, "_rect", null);
@@ -1191,13 +1191,13 @@ class zi {
 const Qe = Pt(
   "univer.slide-editor-manager.service"
 );
-var Z = /* @__PURE__ */ ((i) => (i[i.InitialState = 0] = "InitialState", i[i.StartEditor = 1] = "StartEditor", i[i.CursorChange = 2] = "CursorChange", i))(Z || {}), Wi = Object.getOwnPropertyDescriptor, ki = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? Wi(e, t) : e, s = i.length - 1, o; s >= 0; s--)
+var Z = /* @__PURE__ */ ((i) => (i[i.InitialState = 0] = "InitialState", i[i.StartEditor = 1] = "StartEditor", i[i.CursorChange = 2] = "CursorChange", i))(Z || {}), zi = Object.getOwnPropertyDescriptor, ki = (i, e, t, n) => {
+  for (var r = n > 1 ? void 0 : n ? zi(e, t) : e, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = o(r) || r);
   return r;
 }, A = (i, e) => (t, n) => e(t, n, i);
 const Ct = -1e3, ft = 5, Ki = 2;
-let ze = class extends Ve {
+let We = class extends Ve {
   constructor(e, t, n, r, s, o, a, c, h, l, d, v) {
     super();
     /**
@@ -1248,7 +1248,7 @@ let ze = class extends Ve {
     return (t = this._renderManagerService.getRenderById(e)) == null ? void 0 : t.with(gt).getViewModel();
   }
   _initialCursorSync(e) {
-    e.add(this._cellEditorManagerService.focus$.pipe(Wn((t) => !!t)).subscribe(() => {
+    e.add(this._cellEditorManagerService.focus$.pipe(zn((t) => !!t)).subscribe(() => {
       var t;
       (t = $e(E.UNIVER_DOC, this._instanceSrv, this._renderManagerService)) == null || t.with(ht).sync();
     }));
@@ -1346,8 +1346,8 @@ let ze = class extends Ve {
     let { startX: b, startY: P } = n;
     b += r.left, P += r.top;
     const { document: w, scene: D, engine: j } = c, O = D.getViewport(mt.VIEW_MAIN), K = document.body.clientHeight - P - r.top - Ki * 2, ae = document.body.clientWidth - b - r.left;
-    let z = t, W = O == null ? void 0 : O.getScrollBar();
-    z > K ? (z = K, W == null ? O && new yt(O, { enableHorizontal: !1, barSize: 8 }) : O == null || O.resetCanvasSizeAndUpdateScroll()) : (W = null, (S = O == null ? void 0 : O.getScrollBar()) == null || S.dispose()), e += (W == null ? void 0 : W.barSize) || 0, e = Math.min(e, ae), b -= se, P -= se, this._addBackground(D, e / o, t / a, s);
+    let W = t, z = O == null ? void 0 : O.getScrollBar();
+    W > K ? (W = K, z == null ? O && new yt(O, { enableHorizontal: !1, barSize: 8 }) : O == null || O.resetCanvasSizeAndUpdateScroll()) : (z = null, (S = O == null ? void 0 : O.getScrollBar()) == null || S.dispose()), e += (z == null ? void 0 : z.barSize) || 0, e = Math.min(e, ae), b -= se, P -= se, this._addBackground(D, e / o, t / a, s);
     const { scaleX: te, scaleY: ne } = D.getPrecisionScale();
     D.transformByState({
       width: e * _ / o,
@@ -1357,7 +1357,7 @@ let ze = class extends Ve {
     }), w.resize(e / o, t / a), setTimeout(() => {
       j.resizeBySize(
         ot(e, te),
-        ot(z, ne)
+        ot(W, ne)
       );
     }, 0);
     const Se = this._layoutService.getContentElement().getBoundingClientRect(), Ie = d.getBoundingClientRect();
@@ -1365,7 +1365,7 @@ let ze = class extends Ve {
       startX: b,
       startY: P,
       endX: e * _ + b,
-      endY: z * _ + P,
+      endY: W * _ + P,
       show: !0
     });
   }
@@ -1533,7 +1533,7 @@ let ze = class extends Ve {
     });
   }
 };
-ze = ki([
+We = ki([
   A(1, Nn),
   A(2, _n),
   A(3, Ce),
@@ -1545,7 +1545,7 @@ ze = ki([
   A(9, B),
   A(10, X(ee)),
   A(11, Ye)
-], ze);
+], We);
 function Gi(i, e) {
   if (i == null)
     return;
@@ -1565,7 +1565,7 @@ var Xi = Object.getOwnPropertyDescriptor, Yi = (i, e, t, n) => {
     (o = i[s]) && (r = o(r) || r);
   return r;
 }, Le = (i, e) => (t, n) => e(t, n, i);
-let We = class extends pe {
+let ze = class extends pe {
   constructor(e, t, n, r) {
     super();
     /**
@@ -1673,11 +1673,11 @@ let We = class extends pe {
     this._editorBridgeService.changeVisible({ visible: e, eventType: J.PointerDown, unitId: t });
   }
 };
-We = Yi([
+ze = Yi([
   Le(1, T),
   Le(2, B),
   Le(3, Je)
-], We);
+], ze);
 const Xt = {
   id: "slide.operation.activate-slide",
   type: V.OPERATION,
@@ -1863,7 +1863,7 @@ function cr() {
   const i = x(T), e = x(B), t = x(Y), n = x(ee), r = Dt(null), s = i.getCurrentUnitForType(E.UNIVER_SLIDE), o = s == null ? void 0 : s.getPages(), a = s == null ? void 0 : s.getPageOrder();
   if (!o || !a)
     return null;
-  const c = a.map((m) => o[m]), [h, l] = G((p = (C = s == null ? void 0 : s.getActivePage()) == null ? void 0 : C.id) != null ? p : null), d = zn(() => c.map(() => Nt.createRef()), [c]);
+  const c = a.map((m) => o[m]), [h, l] = G((p = (C = s == null ? void 0 : s.getActivePage()) == null ? void 0 : C.id) != null ? p : null), d = Wn(() => c.map(() => Nt.createRef()), [c]);
   me(() => {
     const m = s == null ? void 0 : s.activePage$.subscribe((_) => {
       var P;
@@ -2093,7 +2093,7 @@ let De = class extends Ve {
   }
   _initCustomComponents() {
     const i = this._componentManager;
-    this.disposeWithMe(i.register(Jt, jt)), this.disposeWithMe(i.register(nn, Wt)), this.disposeWithMe(i.register(en, $t)), this.disposeWithMe(i.register(Gt, tr)), this.disposeWithMe(i.register(Oe, Vi));
+    this.disposeWithMe(i.register(Jt, jt)), this.disposeWithMe(i.register(nn, zt)), this.disposeWithMe(i.register(en, $t)), this.disposeWithMe(i.register(Gt, tr)), this.disposeWithMe(i.register(Oe, Vi));
   }
   _initCommands() {
     [
@@ -2193,7 +2193,7 @@ let St = (Re = class extends En {
       [Ue],
       [Je, { useClass: Fe }],
       // used by SlideUIController --> EditorContainer
-      [Qe, { useClass: zi }],
+      [Qe, { useClass: Wi }],
       [Te]
     ], this._config.override).forEach((i) => this._injector.add(i));
   }
@@ -2223,8 +2223,8 @@ let St = (Re = class extends En {
     [
       // need slideEditorBridgeService
       // need TextSelectionRenderService which init by EditorContainer
-      [We],
-      [ze]
+      [ze],
+      [We]
     ].forEach((i) => {
       this.disposeWithMe(this._renderManagerService.registerRenderModule(E.UNIVER_SLIDE, i));
     }), this._markSlideAsFocused(), this._injector.get(De);

package/lib/index.js

@@ -7,8 +7,8 @@ import { ObjectProvider as Mn, SLIDE_KEY as oe } from "@univerjs/slides";
 import { useDependency as x, ISidebarService as Mt, ICanvasPopupService as wn, ILayoutService as Nn, KeyCode as M, ILocalFileService as Dn, useObservable as Un, DISABLE_AUTO_FOCUS_KEY as at, getMenuHiddenObservable as fe, MenuItemType as _e, RibbonStartGroup as Vn, MetaKeys as Bn, IMenuManagerService as jn, ComponentManager as Ln, IUIPartsService as An, IShortcutService as $n, BuiltInUIPart as ct, connectInjector as lt } from "@univerjs/ui";
 import { jsxs as R, jsx as u } from "react/jsx-runtime";
 import { clsx as y, Button as be, Dropdown as wt, ColorPicker as Hn, InputNumber as de, Scrollbar as Fn } from "@univerjs/design";
-import Nt, { forwardRef as $, useRef as Dt, createElement as H, useState as G, useEffect as me, useMemo as zn, useCallback as dt } from "react";
-import { BehaviorSubject as Q, Subject as Ut, filter as Wn, takeUntil as ut } from "rxjs";
+import Nt, { forwardRef as $, useRef as Dt, createElement as H, useState as G, useEffect as me, useMemo as Wn, useCallback as dt } from "react";
+import { BehaviorSubject as Q, Subject as Ut, filter as zn, takeUntil as ut } from "rxjs";
 import { DocSelectionManagerService as kn, DocSkeletonManagerService as gt, RichTextEditingMutation as Kn } from "@univerjs/docs";
 import { IEditorService as Ye, DocSelectionRenderService as ht, VIEWPORT_KEY as mt, DOCS_COMPONENT_MAIN_LAYER_INDEX as Gn, MoveSelectionOperation as Xn, MoveCursorOperation as Yn, DOCS_VIEW_KEY as Zn, DeleteLeftCommand as qn } from "@univerjs/docs-ui";
 import { DRAWING_IMAGE_ALLOW_IMAGE_LIST as Jn, IImageIoService as Qn, getImageSize as ei } from "@univerjs/drawing";
@@ -407,22 +407,22 @@ var Ci = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em"
   }));
 });
 Ft.displayName = "MoveUpSingle";
-var fi = { 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" } }] }, zt = $(function(i, e) {
+var fi = { 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" } }] }, Wt = $(function(i, e) {
   return H(F, Object.assign({}, i, {
     id: "paint-bucket",
     ref: e,
     icon: fi
   }));
 });
-zt.displayName = "PaintBucket";
-var _i = { 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" } }] }, Wt = $(function(i, e) {
+Wt.displayName = "PaintBucket";
+var _i = { 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" } }] }, zt = $(function(i, e) {
   return H(F, Object.assign({}, i, {
     id: "text-single",
     ref: e,
     icon: _i
   }));
 });
-Wt.displayName = "TextSingle";
+zt.displayName = "TextSingle";
 var Si = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 17 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M7.82994 1.40913C7.88746 1.35161 7.95376 1.30821 8.02453 1.27893C8.09527 1.24959 8.17285 1.2334 8.2542 1.2334C8.33555 1.2334 8.41313 1.24959 8.48387 1.27893C8.55464 1.30821 8.62094 1.35161 8.67846 1.40913L10.6785 3.40913C10.9128 3.64345 10.9128 4.02335 10.6785 4.25766C10.4441 4.49198 10.0642 4.49198 9.82994 4.25766L8.8542 3.28193V5.8334C8.8542 6.16477 8.58557 6.4334 8.2542 6.4334C7.92283 6.4334 7.6542 6.16477 7.6542 5.8334V3.28193L6.67846 4.25766C6.44415 4.49198 6.06425 4.49198 5.82994 4.25766C5.59562 4.02335 5.59562 3.64345 5.82994 3.40913L7.82994 1.40913Z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M1.50439 9C1.50439 8.11634 2.22074 7.4 3.10439 7.4H13.4044C14.288 7.4 15.0044 8.11634 15.0044 9 15.0044 9.88366 14.2881 10.6 13.4044 10.6H3.1044C2.22074 10.6 1.50439 9.88366 1.50439 9zM3.10439 8.6C2.88348 8.6 2.70439 8.77909 2.70439 9 2.70439 9.22091 2.88348 9.4 3.1044 9.4H13.4044C13.6253 9.4 13.8044 9.22091 13.8044 9 13.8044 8.77909 13.6253 8.6 13.4044 8.6H3.10439zM1.6543 13.1665C1.6543 12.2828 2.37064 11.5665 3.2543 11.5665H13.5543C14.438 11.5665 15.1543 12.2828 15.1543 13.1665 15.1543 14.0502 14.438 14.7665 13.5543 14.7665H3.2543C2.37064 14.7665 1.6543 14.0502 1.6543 13.1665zM3.2543 12.7665C3.03338 12.7665 2.8543 12.9456 2.8543 13.1665 2.8543 13.3874 3.03338 13.5665 3.2543 13.5665H13.5543C13.7752 13.5665 13.9543 13.3874 13.9543 13.1665 13.9543 12.9456 13.7752 12.7665 13.5543 12.7665H3.2543z", fillRule: "evenodd", clipRule: "evenodd" } }] }, kt = $(function(i, e) {
   return H(F, Object.assign({}, i, {
     id: "topmost-single",
@@ -477,7 +477,7 @@ function Mi(i) {
   return /* @__PURE__ */ R("div", { className: g.imageCommonPanelGrid, children: [
     /* @__PURE__ */ u("div", { className: g.imageCommonPanelRow, children: /* @__PURE__ */ u("div", { className: y(g.imageCommonPanelColumn, g.imageCommonPanelTitle), children: /* @__PURE__ */ u("div", { children: n.t("image-panel.arrange.title") }) }) }),
     /* @__PURE__ */ R("div", { className: g.imageCommonPanelRow, children: [
-      /* @__PURE__ */ u("div", { className: y(g.imageCommonPanelColumn, g.imageCommonPanelSpan2), children: /* @__PURE__ */ u(be, { size: "small", onClick: () => {
+      /* @__PURE__ */ u("div", { className: y(g.imageCommonPanelColumn, g.imageCommonPanelSpan2), children: /* @__PURE__ */ u(be, { onClick: () => {
         d(
           0
           /* forward */
@@ -486,7 +486,7 @@ function Mi(i) {
         /* @__PURE__ */ u(Ft, {}),
         n.t("image-panel.arrange.forward")
       ] }) }) }),
-      /* @__PURE__ */ u("div", { className: y(g.imageCommonPanelColumn, g.imageCommonPanelSpan2), children: /* @__PURE__ */ u(be, { size: "small", onClick: () => {
+      /* @__PURE__ */ u("div", { className: y(g.imageCommonPanelColumn, g.imageCommonPanelSpan2), children: /* @__PURE__ */ u(be, { onClick: () => {
         d(
           1
           /* backward */
@@ -497,7 +497,7 @@ function Mi(i) {
       ] }) }) })
     ] }),
     /* @__PURE__ */ R("div", { className: g.imageCommonPanelRow, children: [
-      /* @__PURE__ */ u("div", { className: y(g.imageCommonPanelColumn, g.imageCommonPanelSpan2), children: /* @__PURE__ */ u(be, { size: "small", onClick: () => {
+      /* @__PURE__ */ u("div", { className: y(g.imageCommonPanelColumn, g.imageCommonPanelSpan2), children: /* @__PURE__ */ u(be, { onClick: () => {
         d(
           2
           /* front */
@@ -506,7 +506,7 @@ function Mi(i) {
         /* @__PURE__ */ u(kt, {}),
         n.t("image-panel.arrange.front")
       ] }) }) }),
-      /* @__PURE__ */ u("div", { className: y(g.imageCommonPanelColumn, g.imageCommonPanelSpan2), children: /* @__PURE__ */ u(be, { size: "small", onClick: () => {
+      /* @__PURE__ */ u("div", { className: y(g.imageCommonPanelColumn, g.imageCommonPanelSpan2), children: /* @__PURE__ */ u(be, { onClick: () => {
         d(
           3
           /* back */
@@ -561,7 +561,7 @@ function wi(i) {
               }
             ) }),
             children: /* @__PURE__ */ R("a", { className: g.uiPluginSheetsBorderPanelButton, children: [
-              /* @__PURE__ */ u(zt, { extend: { colorChannel1: d != null ? d : "rgb(var(--primary-color))" } }),
+              /* @__PURE__ */ u(Wt, { extend: { colorChannel1: d != null ? d : "rgb(var(--primary-color))" } }),
               /* @__PURE__ */ u("span", { className: g.uiPluginSheetsBorderPanelMoreIcon, children: /* @__PURE__ */ u(Ze, {}) })
             ] })
           }
@@ -583,7 +583,7 @@ function Ni(i) {
     left: f = 0,
     top: C = 0,
     angle: p = 0
-  } = l, [m, _] = G(d), [b, P] = G(v), [w, D] = G(f), [j, O] = G(C), [K, ae] = G(p), z = (S) => {
+  } = l, [m, _] = G(d), [b, P] = G(v), [w, D] = G(f), [j, O] = G(C), [K, ae] = G(p), W = (S) => {
     const { objects: ce } = S, le = ce.values().next().value, {
       width: sn = 0,
       height: on = 0,
@@ -595,15 +595,15 @@ function Ni(i) {
   };
   me(() => {
     const S = c.changeStart$.subscribe((le) => {
-      z(le);
+      W(le);
     }), ce = c.changing$.subscribe((le) => {
-      z(le);
+      W(le);
     });
     return () => {
       ce.unsubscribe(), S.unsubscribe();
     };
   }, []);
-  function W(S) {
+  function z(S) {
     !S || !l || (s.executeCommand(k.id, {
       pageId: e,
       oKey: l.oKey,
@@ -666,7 +666,7 @@ function Ni(i) {
                 min: 1,
                 value: m,
                 onChange: (S) => {
-                  W(S);
+                  z(S);
                 }
               }
             ) }) })
@@ -839,8 +839,8 @@ let Te = class extends Ve {
   }
   _createObjectPositionObserver(i, e) {
     const n = (() => {
-      var z, W, te, ne;
-      const { scene: o, engine: a } = e, { left: c, top: h, width: l, height: d } = i, v = (o.width - ((W = (z = e.mainComponent) == null ? void 0 : z.width) != null ? W : 0)) / 2, f = (o.height - ((ne = (te = e.mainComponent) == null ? void 0 : te.height) != null ? ne : 0)) / 2, C = {
+      var W, z, te, ne;
+      const { scene: o, engine: a } = e, { left: c, top: h, width: l, height: d } = i, v = (o.width - ((z = (W = e.mainComponent) == null ? void 0 : W.width) != null ? z : 0)) / 2, f = (o.height - ((ne = (te = e.mainComponent) == null ? void 0 : te.height) != null ? ne : 0)) / 2, C = {
         left: c,
         right: c + l,
         top: h,
@@ -1154,7 +1154,7 @@ Fe = Fi([
   je(1, Ce),
   je(2, Y)
 ], Fe);
-class zi {
+class Wi {
   constructor() {
     I(this, "_state", null);
     I(this, "_rect", null);
@@ -1191,13 +1191,13 @@ class zi {
 const Qe = Pt(
   "univer.slide-editor-manager.service"
 );
-var Z = /* @__PURE__ */ ((i) => (i[i.InitialState = 0] = "InitialState", i[i.StartEditor = 1] = "StartEditor", i[i.CursorChange = 2] = "CursorChange", i))(Z || {}), Wi = Object.getOwnPropertyDescriptor, ki = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? Wi(e, t) : e, s = i.length - 1, o; s >= 0; s--)
+var Z = /* @__PURE__ */ ((i) => (i[i.InitialState = 0] = "InitialState", i[i.StartEditor = 1] = "StartEditor", i[i.CursorChange = 2] = "CursorChange", i))(Z || {}), zi = Object.getOwnPropertyDescriptor, ki = (i, e, t, n) => {
+  for (var r = n > 1 ? void 0 : n ? zi(e, t) : e, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = o(r) || r);
   return r;
 }, A = (i, e) => (t, n) => e(t, n, i);
 const Ct = -1e3, ft = 5, Ki = 2;
-let ze = class extends Ve {
+let We = class extends Ve {
   constructor(e, t, n, r, s, o, a, c, h, l, d, v) {
     super();
     /**
@@ -1248,7 +1248,7 @@ let ze = class extends Ve {
     return (t = this._renderManagerService.getRenderById(e)) == null ? void 0 : t.with(gt).getViewModel();
   }
   _initialCursorSync(e) {
-    e.add(this._cellEditorManagerService.focus$.pipe(Wn((t) => !!t)).subscribe(() => {
+    e.add(this._cellEditorManagerService.focus$.pipe(zn((t) => !!t)).subscribe(() => {
       var t;
       (t = $e(E.UNIVER_DOC, this._instanceSrv, this._renderManagerService)) == null || t.with(ht).sync();
     }));
@@ -1346,8 +1346,8 @@ let ze = class extends Ve {
     let { startX: b, startY: P } = n;
     b += r.left, P += r.top;
     const { document: w, scene: D, engine: j } = c, O = D.getViewport(mt.VIEW_MAIN), K = document.body.clientHeight - P - r.top - Ki * 2, ae = document.body.clientWidth - b - r.left;
-    let z = t, W = O == null ? void 0 : O.getScrollBar();
-    z > K ? (z = K, W == null ? O && new yt(O, { enableHorizontal: !1, barSize: 8 }) : O == null || O.resetCanvasSizeAndUpdateScroll()) : (W = null, (S = O == null ? void 0 : O.getScrollBar()) == null || S.dispose()), e += (W == null ? void 0 : W.barSize) || 0, e = Math.min(e, ae), b -= se, P -= se, this._addBackground(D, e / o, t / a, s);
+    let W = t, z = O == null ? void 0 : O.getScrollBar();
+    W > K ? (W = K, z == null ? O && new yt(O, { enableHorizontal: !1, barSize: 8 }) : O == null || O.resetCanvasSizeAndUpdateScroll()) : (z = null, (S = O == null ? void 0 : O.getScrollBar()) == null || S.dispose()), e += (z == null ? void 0 : z.barSize) || 0, e = Math.min(e, ae), b -= se, P -= se, this._addBackground(D, e / o, t / a, s);
     const { scaleX: te, scaleY: ne } = D.getPrecisionScale();
     D.transformByState({
       width: e * _ / o,
@@ -1357,7 +1357,7 @@ let ze = class extends Ve {
     }), w.resize(e / o, t / a), setTimeout(() => {
       j.resizeBySize(
         ot(e, te),
-        ot(z, ne)
+        ot(W, ne)
       );
     }, 0);
     const Se = this._layoutService.getContentElement().getBoundingClientRect(), Ie = d.getBoundingClientRect();
@@ -1365,7 +1365,7 @@ let ze = class extends Ve {
       startX: b,
       startY: P,
       endX: e * _ + b,
-      endY: z * _ + P,
+      endY: W * _ + P,
       show: !0
     });
   }
@@ -1533,7 +1533,7 @@ let ze = class extends Ve {
     });
   }
 };
-ze = ki([
+We = ki([
   A(1, Nn),
   A(2, _n),
   A(3, Ce),
@@ -1545,7 +1545,7 @@ ze = ki([
   A(9, B),
   A(10, X(ee)),
   A(11, Ye)
-], ze);
+], We);
 function Gi(i, e) {
   if (i == null)
     return;
@@ -1565,7 +1565,7 @@ var Xi = Object.getOwnPropertyDescriptor, Yi = (i, e, t, n) => {
     (o = i[s]) && (r = o(r) || r);
   return r;
 }, Le = (i, e) => (t, n) => e(t, n, i);
-let We = class extends pe {
+let ze = class extends pe {
   constructor(e, t, n, r) {
     super();
     /**
@@ -1673,11 +1673,11 @@ let We = class extends pe {
     this._editorBridgeService.changeVisible({ visible: e, eventType: J.PointerDown, unitId: t });
   }
 };
-We = Yi([
+ze = Yi([
   Le(1, T),
   Le(2, B),
   Le(3, Je)
-], We);
+], ze);
 const Xt = {
   id: "slide.operation.activate-slide",
   type: V.OPERATION,
@@ -1863,7 +1863,7 @@ function cr() {
   const i = x(T), e = x(B), t = x(Y), n = x(ee), r = Dt(null), s = i.getCurrentUnitForType(E.UNIVER_SLIDE), o = s == null ? void 0 : s.getPages(), a = s == null ? void 0 : s.getPageOrder();
   if (!o || !a)
     return null;
-  const c = a.map((m) => o[m]), [h, l] = G((p = (C = s == null ? void 0 : s.getActivePage()) == null ? void 0 : C.id) != null ? p : null), d = zn(() => c.map(() => Nt.createRef()), [c]);
+  const c = a.map((m) => o[m]), [h, l] = G((p = (C = s == null ? void 0 : s.getActivePage()) == null ? void 0 : C.id) != null ? p : null), d = Wn(() => c.map(() => Nt.createRef()), [c]);
   me(() => {
     const m = s == null ? void 0 : s.activePage$.subscribe((_) => {
       var P;
@@ -2093,7 +2093,7 @@ let De = class extends Ve {
   }
   _initCustomComponents() {
     const i = this._componentManager;
-    this.disposeWithMe(i.register(Jt, jt)), this.disposeWithMe(i.register(nn, Wt)), this.disposeWithMe(i.register(en, $t)), this.disposeWithMe(i.register(Gt, tr)), this.disposeWithMe(i.register(Oe, Vi));
+    this.disposeWithMe(i.register(Jt, jt)), this.disposeWithMe(i.register(nn, zt)), this.disposeWithMe(i.register(en, $t)), this.disposeWithMe(i.register(Gt, tr)), this.disposeWithMe(i.register(Oe, Vi));
   }
   _initCommands() {
     [
@@ -2193,7 +2193,7 @@ let St = (Re = class extends En {
       [Ue],
       [Je, { useClass: Fe }],
       // used by SlideUIController --> EditorContainer
-      [Qe, { useClass: zi }],
+      [Qe, { useClass: Wi }],
       [Te]
     ], this._config.override).forEach((i) => this._injector.add(i));
   }
@@ -2223,8 +2223,8 @@ let St = (Re = class extends En {
     [
       // need slideEditorBridgeService
       // need TextSelectionRenderService which init by EditorContainer
-      [We],
-      [ze]
+      [ze],
+      [We]
     ].forEach((i) => {
       this.disposeWithMe(this._renderManagerService.registerRenderModule(E.UNIVER_SLIDE, i));
     }), this._markSlideAsFocused(), this._injector.get(De);