@univerjs/slides 0.2.5 → 0.2.7

package/lib/es/index.js

@@ -1,78 +1,81 @@
-var De = Object.defineProperty;
-var Oe = (a, e, r) => e in a ? De(a, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : a[e] = r;
-var g = (a, e, r) => Oe(a, typeof e != "symbol" ? e + "" : e, r);
-import { Registry as Ee, Inject as W, LocaleService as he, PageElementType as F, DocumentDataModel as ye, getColorStyle as te, BasicShapes as pe, Injector as ne, SlideDataModel as xe, IContextService as je, ObjectMatrix as Me, Styles as Ce, Worksheet as Ve, sortRules as Xe, OnLifecycle as Le, LifecycleStages as ze, RxDisposable as $e, UniverInstanceType as V, debounce as Ne, IUniverInstanceService as Ae, Plugin as We } from "@univerjs/core";
-import { Liquid as Ye, DocumentViewModel as Ue, DocumentSkeleton as He, Documents as Fe, SceneViewer as Ie, Scene as ie, Viewport as $, ScrollBar as ue, Rect as H, Image as be, PageLayoutType as _e, RichText as Be, Slide as Pe, SpreadsheetSkeleton as Ke, Spreadsheet as ke, SpreadsheetRowHeader as qe, SpreadsheetColumnHeader as Ge, getColor as fe, IRenderManagerService as Ze, IRenderingEngine as Je } from "@univerjs/engine-render";
-import { Subject as Qe, takeUntil as ve } from "rxjs";
-class B {
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key] = value;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: !0 });
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key != "symbol" ? key + "" : key, value);
+import { Registry, Inject, LocaleService, PageElementType, DocumentDataModel, getColorStyle, BasicShapes, Injector, SlideDataModel, IContextService, ObjectMatrix, Styles, Worksheet, sortRules, OnLifecycle, LifecycleStages, RxDisposable, UniverInstanceType, debounce, IUniverInstanceService, Plugin } from "@univerjs/core";
+import { Liquid, DocumentViewModel, DocumentSkeleton, Documents, SceneViewer, Scene, Viewport, ScrollBar, Image, PageLayoutType, RichText, Rect, Slide, SpreadsheetSkeleton, Spreadsheet, SpreadsheetRowHeader, SpreadsheetColumnHeader, getColor, IRenderManagerService, IRenderingEngine } from "@univerjs/engine-render";
+import { takeUntil } from "rxjs";
+const _ObjectAdaptor = class _ObjectAdaptor {
   constructor() {
-    g(this, "zIndex", 0);
-    g(this, "viewKey", null);
+    __publicField(this, "zIndex", 0);
+    __publicField(this, "viewKey", null);
   }
-  check(e) {
-    if (e === this.viewKey)
+  check(type) {
+    if (type === this.viewKey)
       return this;
   }
-  create(e) {
-  }
-}
-const Y = Ee.create();
-var et = Object.defineProperty, tt = Object.getOwnPropertyDescriptor, rt = (a, e, r, n) => {
-  for (var t = n > 1 ? void 0 : n ? tt(e, r) : e, s = a.length - 1, i; s >= 0; s--)
-    (i = a[s]) && (t = (n ? i(e, r, t) : i(t)) || t);
-  return n && t && et(e, r, t), t;
-}, nt = (a, e) => (r, n) => e(r, n, a);
-let ce = class extends B {
-  constructor(e) {
+  create(injector) {
+  }
+};
+__name(_ObjectAdaptor, "ObjectAdaptor");
+let ObjectAdaptor = _ObjectAdaptor;
+const CanvasObjectProviderRegistry = Registry.create();
+var __defProp$6 = Object.defineProperty, __getOwnPropDesc$6 = Object.getOwnPropertyDescriptor, __decorateClass$6 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
+  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$6(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
+    (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
+  return kind && result && __defProp$6(target, key, result), result;
+}, "__decorateClass$6"), __decorateParam$6 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$6"), _a;
+let DocsAdaptor = (_a = class extends ObjectAdaptor {
+  constructor(_localeService) {
     super();
-    g(this, "zIndex", 5);
-    g(this, "viewKey", F.DOCUMENT);
-    g(this, "_liquid", new Ye());
-    this._localeService = e;
+    __publicField(this, "zIndex", 5);
+    __publicField(this, "viewKey", PageElementType.DOCUMENT);
+    __publicField(this, "_liquid", new Liquid());
+    this._localeService = _localeService;
   }
-  check(e) {
-    if (e === this.viewKey)
+  check(type) {
+    if (type === this.viewKey)
       return this;
   }
   // eslint-disable-next-line max-lines-per-function
-  convert(e, r) {
-    var k, ge;
+  convert(pageElement, mainScene) {
+    var _a8, _b;
     const {
-      id: n,
-      zIndex: t,
-      left: s = 0,
-      top: i = 0,
-      width: o,
-      height: c,
-      angle: d,
-      scaleX: f,
-      scaleY: h,
-      skewX: u,
-      skewY: l,
-      flipX: p,
-      flipY: _,
-      title: O,
-      description: E,
-      document: T
-    } = e;
-    if (T == null)
+      id,
+      zIndex,
+      left = 0,
+      top = 0,
+      width,
+      height,
+      angle,
+      scaleX,
+      scaleY,
+      skewX,
+      skewY,
+      flipX,
+      flipY,
+      title,
+      description,
+      document: documentData
+    } = pageElement;
+    if (documentData == null)
       return;
-    const P = new ye(T), w = new Ue(P), I = He.create(w, this._localeService), S = new Fe("__DocsRender__", I);
-    I.calculate();
-    const D = new Ie("__DocsViewer__" + n, {
-      top: i,
-      left: s,
-      width: o,
-      height: c,
-      zIndex: t,
-      angle: d,
-      scaleX: f,
-      scaleY: h,
-      skewX: u,
-      skewY: l,
-      flipX: p,
-      flipY: _
-    }), v = new ie("__DocsScene__" + n, D), b = new $("__DocsViewPort_" + n, v, {
+    const docDataModel = new DocumentDataModel(documentData), docViewModel = new DocumentViewModel(docDataModel), documentSkeleton = DocumentSkeleton.create(docViewModel, this._localeService), documents = new Documents("__DocsRender__", documentSkeleton);
+    documentSkeleton.calculate();
+    const sv = new SceneViewer("__DocsViewer__" + id, {
+      top,
+      left,
+      width,
+      height,
+      zIndex,
+      angle,
+      scaleX,
+      scaleY,
+      skewX,
+      skewY,
+      flipX,
+      flipY
+    }), scene = new Scene("__DocsScene__" + id, sv), viewMain = new Viewport("__DocsViewPort_" + id, scene, {
       left: 0,
       top: 0,
       bottom: 0,
@@ -81,387 +84,390 @@ let ce = class extends B {
       isRelativeY: !0,
       isWheelPreventDefaultX: !0
     });
-    v.attachControl(), v.onMouseWheel$.subscribeEvent((M, A) => {
-      const R = M;
-      if (R.ctrlKey) {
-        const z = Math.abs(R.deltaX);
-        let x = z < 40 ? 0.2 : z < 80 ? 0.4 : 0.2;
-        x *= R.deltaY > 0 ? -1 : 1, v.scaleX < 1 && (x /= 2), v.scaleX + x > 4 ? v.scale(4, 4) : v.scaleX + x < 0.1 ? v.scale(0.1, 0.1) : (R.deltaY > 0, R.preventDefault());
+    scene.attachControl(), scene.onMouseWheel$.subscribeEvent((evt, state) => {
+      const e = evt;
+      if (e.ctrlKey) {
+        const deltaFactor = Math.abs(e.deltaX);
+        let scrollNum = deltaFactor < 40 ? 0.2 : deltaFactor < 80 ? 0.4 : 0.2;
+        scrollNum *= e.deltaY > 0 ? -1 : 1, scene.scaleX < 1 && (scrollNum /= 2), scene.scaleX + scrollNum > 4 ? scene.scale(4, 4) : scene.scaleX + scrollNum < 0.1 ? scene.scale(0.1, 0.1) : (e.deltaY > 0, e.preventDefault());
       } else
-        b.onMouseWheel(R, A);
-    }), new ue(b, {
-      mainScene: r
-    }), v.addObject(S);
-    const m = I.getActualSize();
-    S.resize(m.actualWidth, m.actualHeight), v.resize(m.actualWidth, m.actualHeight + 200);
-    const y = (k = S.getSkeleton()) == null ? void 0 : k.getPageSize();
-    S.pageRender$.subscribe((M) => {
-      const { page: A, pageLeft: R, pageTop: z, ctx: x } = M, { width: q, height: G, marginBottom: se, marginLeft: C, marginRight: Z, marginTop: J } = A;
-      x.save(), x.translate(R - 0.5, z - 0.5), H.drawWith(x, {
-        width: (y == null ? void 0 : y.width) || q,
-        height: (y == null ? void 0 : y.height) || G,
-        strokeWidth: 1,
-        stroke: "rgba(198,198,198, 1)",
-        fill: "rgba(255,255,255, 1)",
-        zIndex: 3
-      }), x.restore();
+        viewMain.onMouseWheel(e, state);
+    }), new ScrollBar(viewMain, {
+      mainScene
+    }), scene.addObject(documents);
+    const size = documentSkeleton.getActualSize();
+    documents.resize(size.actualWidth, size.actualHeight), scene.resize(size.actualWidth, size.actualHeight + 200), (_a8 = documents.getSkeleton()) == null || _a8.getPageSize(), documents.pageRender$.subscribe((config) => {
+      const { page, pageLeft, pageTop, ctx } = config;
+      ctx.save(), ctx.translate(pageLeft - 0.5, pageTop - 0.5), ctx.restore();
     });
-    const { left: U, top: N } = S, X = I.getSkeletonData();
-    if (X == null)
+    const { left: docsLeft, top: docsTop } = documents, skeletonData = documentSkeleton.getSkeletonData();
+    if (skeletonData == null)
       return;
-    const { pages: j } = X, L = [], K = /* @__PURE__ */ new Map();
-    this._recalculateSizeBySkeleton(S, v, I);
-    for (let M = 0, A = j.length; M < A; M++) {
-      const R = j[M], { skeDrawings: z, marginLeft: x, marginTop: q, pageWidth: G, pageHeight: se } = R;
-      this._liquid.translatePagePadding(R), z.forEach((C) => {
-        const { aLeft: Z, aTop: J, height: me, width: Te, drawingOrigin: zt } = C, Re = new be(C.drawingId, {
+    const { pages } = skeletonData, objectList = [], pageMarginCache = /* @__PURE__ */ new Map();
+    this._recalculateSizeBySkeleton(documents, scene, documentSkeleton);
+    for (let i = 0, len = pages.length; i < len; i++) {
+      const page = pages[i], { skeDrawings, marginLeft, marginTop, pageWidth, pageHeight } = page;
+      this._liquid.translatePagePadding(page), skeDrawings.forEach((drawing) => {
+        const { aLeft, aTop, height: height2, width: width2, drawingOrigin } = drawing, rect = new Image(drawing.drawingId, {
           // url: docTransform.imageProperties?.contentUrl || '',
-          left: Z + U + this._liquid.x,
-          top: J + N + this._liquid.y,
-          width: Te,
-          height: me,
+          left: aLeft + docsLeft + this._liquid.x,
+          top: aTop + docsTop + this._liquid.y,
+          width: width2,
+          height: height2,
           zIndex: 11
         });
-        K.set(C.drawingId, {
+        pageMarginCache.set(drawing.drawingId, {
           marginLeft: this._liquid.x,
           marginTop: this._liquid.y
-        }), L.push(Re);
+        }), objectList.push(rect);
       }), this._liquid.translatePage(
-        R,
-        S.pageLayoutType,
-        S.pageMarginLeft,
-        S.pageMarginTop
+        page,
+        documents.pageLayoutType,
+        documents.pageMarginLeft,
+        documents.pageMarginTop
       );
     }
-    return v.addObjects(L), L.forEach((M) => {
-      v.attachTransformerTo(M);
-    }), (ge = v.getTransformer()) == null || ge.changing$.subscribe((M) => {
-      const { objects: A } = M;
-      A.forEach((R) => {
-        const { oKey: z, left: x, top: q, height: G, width: se } = R, C = K.get(z), Z = (C == null ? void 0 : C.marginLeft) || 0, J = (C == null ? void 0 : C.marginTop) || 0;
-        I == null || I.getViewModel().getDataModel().updateDrawing(z, {
-          left: x - U - Z,
-          top: q - N - J,
-          height: G,
-          width: se
+    return scene.addObjects(objectList), objectList.forEach((object) => {
+      scene.attachTransformerTo(object);
+    }), (_b = scene.getTransformer()) == null || _b.changing$.subscribe((state) => {
+      const { objects } = state;
+      objects.forEach((object) => {
+        const { oKey, left: left2, top: top2, height: height2, width: width2 } = object, cache = pageMarginCache.get(oKey), marginLeft = (cache == null ? void 0 : cache.marginLeft) || 0, marginTop = (cache == null ? void 0 : cache.marginTop) || 0;
+        documentSkeleton == null || documentSkeleton.getViewModel().getDataModel().updateDrawing(oKey, {
+          left: left2 - docsLeft - marginLeft,
+          top: top2 - docsTop - marginTop,
+          height: height2,
+          width: width2
         });
-      }), I == null || I.calculate();
-    }), this._calculatePagePosition(S, v, b), D;
+      }), documentSkeleton == null || documentSkeleton.calculate();
+    }), this._calculatePagePosition(documents, scene, viewMain), sv;
   }
-  _recalculateSizeBySkeleton(e, r, n) {
-    var o;
-    const t = (o = n.getSkeletonData()) == null ? void 0 : o.pages;
-    if (t == null)
+  _recalculateSizeBySkeleton(docsComponent, scene, skeleton) {
+    var _a8;
+    const pages = (_a8 = skeleton.getSkeletonData()) == null ? void 0 : _a8.pages;
+    if (pages == null)
       return;
-    let s = 0, i = 0;
-    for (let c = 0, d = t.length; c < d; c++) {
-      const f = t[c], { pageWidth: h, pageHeight: u } = f;
-      e.pageLayoutType === _e.VERTICAL ? (i += u, i += e.pageMarginTop, c === d - 1 && (i += e.pageMarginTop), s = Math.max(s, h)) : e.pageLayoutType === _e.HORIZONTAL && (s += h, c !== d - 1 && (s += e.pageMarginLeft), i = Math.max(i, u));
+    let width = 0, height = 0;
+    for (let i = 0, len = pages.length; i < len; i++) {
+      const page = pages[i], { pageWidth, pageHeight } = page;
+      docsComponent.pageLayoutType === PageLayoutType.VERTICAL ? (height += pageHeight, height += docsComponent.pageMarginTop, i === len - 1 && (height += docsComponent.pageMarginTop), width = Math.max(width, pageWidth)) : docsComponent.pageLayoutType === PageLayoutType.HORIZONTAL && (width += pageWidth, i !== len - 1 && (width += docsComponent.pageMarginLeft), height = Math.max(height, pageHeight));
     }
-    e.resize(s, i), r.resize(s, i);
+    docsComponent.resize(width, height), scene.resize(width, height);
   }
-  _calculatePagePosition(e, r, n, t = 1) {
-    const s = r == null ? void 0 : r.getParent(), { width: i, height: o, pageMarginLeft: c, pageMarginTop: d } = e;
-    if (s == null || i === Number.POSITIVE_INFINITY || o === Number.POSITIVE_INFINITY)
+  _calculatePagePosition(docsComponent, scene, viewport, zoomRatio = 1) {
+    const parent = scene == null ? void 0 : scene.getParent(), { width: docsWidth, height: docsHeight, pageMarginLeft, pageMarginTop } = docsComponent;
+    if (parent == null || docsWidth === Number.POSITIVE_INFINITY || docsHeight === Number.POSITIVE_INFINITY)
       return;
-    const { width: f, height: h } = s;
-    let u = 0, l = 0, p = 0, _ = 0, O = Number.POSITIVE_INFINITY;
-    if (f > (i + c * 2) * t ? (u = f / 2 - i * t / 2, u /= t, p = (f - c * 2) / t, O = 0) : (u = c, p = i + c * 2, O = (p - f / t) / 2), h > o ? (l = h / 2 - o / 2, _ = (h - d * 2) / t) : (l = d, _ = o + d * 2), r.resize(p, _ + 200), e.translate(u, l), O !== Number.POSITIVE_INFINITY && n != null) {
-      const E = n.transScroll2ViewportScrollValue(O, 0).x;
-      n.scrollToBarPos({
-        x: E
+    const { width: engineWidth, height: engineHeight } = parent;
+    let docsLeft = 0, docsTop = 0, sceneWidth = 0, sceneHeight = 0, scrollToX = Number.POSITIVE_INFINITY;
+    if (engineWidth > (docsWidth + pageMarginLeft * 2) * zoomRatio ? (docsLeft = engineWidth / 2 - docsWidth * zoomRatio / 2, docsLeft /= zoomRatio, sceneWidth = (engineWidth - pageMarginLeft * 2) / zoomRatio, scrollToX = 0) : (docsLeft = pageMarginLeft, sceneWidth = docsWidth + pageMarginLeft * 2, scrollToX = (sceneWidth - engineWidth / zoomRatio) / 2), engineHeight > docsHeight ? (docsTop = engineHeight / 2 - docsHeight / 2, sceneHeight = (engineHeight - pageMarginTop * 2) / zoomRatio) : (docsTop = pageMarginTop, sceneHeight = docsHeight + pageMarginTop * 2), scene.resize(sceneWidth, sceneHeight + 200), docsComponent.translate(docsLeft, docsTop), scrollToX !== Number.POSITIVE_INFINITY && viewport != null) {
+      const actualX = viewport.transScroll2ViewportScrollValue(scrollToX, 0).x;
+      viewport.scrollToBarPos({
+        x: actualX
       });
     }
     return this;
   }
-};
-ce = rt([
-  nt(0, W(he))
-], ce);
-class it {
+}, __name(_a, "DocsAdaptor"), _a);
+DocsAdaptor = __decorateClass$6([
+  __decorateParam$6(0, Inject(LocaleService))
+], DocsAdaptor);
+const _DocsAdaptorFactory = class _DocsAdaptorFactory {
   constructor() {
-    g(this, "zIndex", 5);
+    __publicField(this, "zIndex", 5);
   }
-  create(e) {
-    return e.createInstance(ce);
+  create(injector) {
+    return injector.createInstance(DocsAdaptor);
   }
-}
-Y.add(new it());
-class st extends B {
+};
+__name(_DocsAdaptorFactory, "DocsAdaptorFactory");
+let DocsAdaptorFactory = _DocsAdaptorFactory;
+CanvasObjectProviderRegistry.add(new DocsAdaptorFactory());
+const _ImageAdaptor = class _ImageAdaptor extends ObjectAdaptor {
   constructor() {
     super(...arguments);
-    g(this, "zIndex", 1);
-    g(this, "viewKey", F.IMAGE);
+    __publicField(this, "zIndex", 1);
+    __publicField(this, "viewKey", PageElementType.IMAGE);
   }
-  check(r) {
-    if (r === this.viewKey)
+  check(type) {
+    if (type === this.viewKey)
       return this;
   }
-  convert(r) {
+  convert(pageElement) {
     const {
-      id: n,
-      zIndex: t,
-      left: s = 0,
-      top: i = 0,
-      width: o,
-      height: c,
-      angle: d,
-      scaleX: f,
-      scaleY: h,
-      skewX: u,
-      skewY: l,
-      flipX: p,
-      flipY: _,
-      title: O,
-      description: E,
-      image: T = {}
-    } = r, { imageProperties: P, placeholder: w, link: I } = T, S = (P == null ? void 0 : P.contentUrl) || "";
-    return new be(n, {
-      url: S,
-      top: i,
-      left: s,
-      width: o,
-      height: c,
-      zIndex: t,
-      angle: d,
-      scaleX: f,
-      scaleY: h,
-      skewX: u,
-      skewY: l,
-      flipX: p,
-      flipY: _,
+      id,
+      zIndex,
+      left = 0,
+      top = 0,
+      width,
+      height,
+      angle,
+      scaleX,
+      scaleY,
+      skewX,
+      skewY,
+      flipX,
+      flipY,
+      title,
+      description,
+      image = {}
+    } = pageElement, { imageProperties, placeholder, link } = image, contentUrl = (imageProperties == null ? void 0 : imageProperties.contentUrl) || "";
+    return new Image(id, {
+      url: contentUrl,
+      top,
+      left,
+      width,
+      height,
+      zIndex,
+      angle,
+      scaleX,
+      scaleY,
+      skewX,
+      skewY,
+      flipX,
+      flipY,
       forceRender: !0
     });
   }
-}
-class at {
+};
+__name(_ImageAdaptor, "ImageAdaptor");
+let ImageAdaptor = _ImageAdaptor;
+const _ImageAdaptorFactory = class _ImageAdaptorFactory {
   constructor() {
-    g(this, "zIndex", 4);
-  }
-  create(e) {
-    return e.createInstance(st);
-  }
-}
-Y.add(new at());
-var ct = Object.defineProperty, ot = Object.getOwnPropertyDescriptor, lt = (a, e, r, n) => {
-  for (var t = n > 1 ? void 0 : n ? ot(e, r) : e, s = a.length - 1, i; s >= 0; s--)
-    (i = a[s]) && (t = (n ? i(e, r, t) : i(t)) || t);
-  return n && t && ct(e, r, t), t;
-}, dt = (a, e) => (r, n) => e(r, n, a);
-let oe = class extends B {
-  constructor(e) {
+    __publicField(this, "zIndex", 4);
+  }
+  create(injector) {
+    return injector.createInstance(ImageAdaptor);
+  }
+};
+__name(_ImageAdaptorFactory, "ImageAdaptorFactory");
+let ImageAdaptorFactory = _ImageAdaptorFactory;
+CanvasObjectProviderRegistry.add(new ImageAdaptorFactory());
+var __defProp$5 = Object.defineProperty, __getOwnPropDesc$5 = Object.getOwnPropertyDescriptor, __decorateClass$5 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
+  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$5(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
+    (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
+  return kind && result && __defProp$5(target, key, result), result;
+}, "__decorateClass$5"), __decorateParam$5 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$5"), _a2;
+let RichTextAdaptor = (_a2 = class extends ObjectAdaptor {
+  constructor(_localeService) {
     super();
-    g(this, "zIndex", 2);
-    g(this, "viewKey", F.TEXT);
-    this._localeService = e;
+    __publicField(this, "zIndex", 2);
+    __publicField(this, "viewKey", PageElementType.TEXT);
+    this._localeService = _localeService;
   }
-  check(e) {
-    if (e === this.viewKey)
+  check(type) {
+    if (type === this.viewKey)
       return this;
   }
-  convert(e, r) {
+  convert(pageElement, _mainScene) {
     const {
-      id: n,
-      zIndex: t,
-      left: s = 0,
-      top: i = 0,
-      width: o,
-      height: c,
-      angle: d,
-      scaleX: f,
-      scaleY: h,
-      skewX: u,
-      skewY: l,
-      flipX: p,
-      flipY: _,
-      title: O,
-      description: E,
-      richText: T = {}
-    } = e, { text: P, ff: w, fs: I, it: S, bl: D, ul: v, st: b, ol: m, bg: y, bd: U, cl: N, rich: X } = T;
-    let j = {
-      top: i,
-      left: s,
-      width: o,
-      height: c,
-      zIndex: t,
-      angle: d,
-      scaleX: f,
-      scaleY: h,
-      skewX: u,
-      skewY: l,
-      flipX: p,
-      flipY: _,
+      id,
+      zIndex,
+      left = 0,
+      top = 0,
+      width,
+      height,
+      angle,
+      scaleX,
+      scaleY,
+      skewX,
+      skewY,
+      flipX,
+      flipY,
+      title,
+      description,
+      richText = {}
+    } = pageElement, { text, ff, fs, it, bl, ul, st, ol, bg, bd, cl, rich } = richText;
+    let config = {
+      top,
+      left,
+      width,
+      height,
+      zIndex,
+      angle,
+      scaleX,
+      scaleY,
+      skewX,
+      skewY,
+      flipX,
+      flipY,
       forceRender: !0
-    }, L = !1;
-    if (P != null ? (j = { ...j, text: P, ff: w, fs: I, it: S, bl: D, ul: v, st: b, ol: m, bg: y, bd: U, cl: N }, L = !0) : X != null && (j = { ...j, richText: X }, L = !0), L !== !1)
-      return new Be(this._localeService, n, j);
-  }
-};
-oe = lt([
-  dt(0, W(he))
-], oe);
-class ht {
+    }, isNotNull = !1;
+    if (text != null ? (config = { ...config, text, ff, fs, it, bl, ul, st, ol, bg, bd, cl }, isNotNull = !0) : rich != null && (config = { ...config, richText: rich }, isNotNull = !0), isNotNull !== !1)
+      return new RichText(this._localeService, id, config);
+  }
+}, __name(_a2, "RichTextAdaptor"), _a2);
+RichTextAdaptor = __decorateClass$5([
+  __decorateParam$5(0, Inject(LocaleService))
+], RichTextAdaptor);
+const _RichTextAdaptorFactory = class _RichTextAdaptorFactory {
   constructor() {
-    g(this, "zIndex", 0);
+    __publicField(this, "zIndex", 0);
   }
-  create(e) {
-    return e.createInstance(oe);
+  create(injector) {
+    return injector.createInstance(RichTextAdaptor);
   }
-}
-Y.add(new ht());
-class ut extends B {
+};
+__name(_RichTextAdaptorFactory, "RichTextAdaptorFactory");
+let RichTextAdaptorFactory = _RichTextAdaptorFactory;
+CanvasObjectProviderRegistry.add(new RichTextAdaptorFactory());
+const _ShapeAdaptor = class _ShapeAdaptor extends ObjectAdaptor {
   constructor() {
     super(...arguments);
-    g(this, "zIndex", 2);
-    g(this, "viewKey", F.SHAPE);
+    __publicField(this, "zIndex", 2);
+    __publicField(this, "viewKey", PageElementType.SHAPE);
   }
-  check(r) {
-    if (r === this.viewKey)
+  check(type) {
+    if (type === this.viewKey)
       return this;
   }
-  convert(r) {
+  convert(pageElement) {
     const {
-      id: n,
-      zIndex: t,
-      left: s = 0,
-      top: i = 0,
-      width: o,
-      height: c,
-      angle: d,
-      scaleX: f,
-      scaleY: h,
-      skewX: u,
-      skewY: l,
-      flipX: p,
-      flipY: _,
-      title: O,
-      description: E
-    } = r, { shapeType: T, text: P, shapeProperties: w, placeholder: I, link: S } = r.shape || {}, D = w == null ? "" : te(w.shapeBackgroundFill) || "rgba(255,255,255,1)", v = w == null ? void 0 : w.outline, b = {};
-    if (v) {
-      const { outlineFill: m, weight: y } = v;
-      b.strokeWidth = y, b.stroke = te(m) || "rgba(0,0,0,1)";
+      id,
+      zIndex,
+      left = 0,
+      top = 0,
+      width,
+      height,
+      angle,
+      scaleX,
+      scaleY,
+      skewX,
+      skewY,
+      flipX,
+      flipY,
+      title,
+      description
+    } = pageElement, { shapeType, text, shapeProperties, placeholder, link } = pageElement.shape || {}, fill = shapeProperties == null ? "" : getColorStyle(shapeProperties.shapeBackgroundFill) || "rgba(255,255,255,1)", outline = shapeProperties == null ? void 0 : shapeProperties.outline, strokeStyle = {};
+    if (outline) {
+      const { outlineFill, weight } = outline;
+      strokeStyle.strokeWidth = weight, strokeStyle.stroke = getColorStyle(outlineFill) || "rgba(0,0,0,1)";
     }
-    if (T === pe.Rect)
-      return new H(n, {
-        fill: D,
-        top: i,
-        left: s,
-        width: o,
-        height: c,
-        zIndex: t,
-        angle: d,
-        scaleX: f,
-        scaleY: h,
-        skewX: u,
-        skewY: l,
-        flipX: p,
-        flipY: _,
+    if (shapeType === BasicShapes.Rect)
+      return new Rect(id, {
+        fill,
+        top,
+        left,
+        width,
+        height,
+        zIndex,
+        angle,
+        scaleX,
+        scaleY,
+        skewX,
+        skewY,
+        flipX,
+        flipY,
         forceRender: !0,
-        ...b
+        ...strokeStyle
       });
-    if (T === pe.RoundRect) {
-      const m = (w == null ? void 0 : w.radius) || 0;
-      return new H(n, {
-        fill: D,
-        top: i,
-        left: s,
-        width: o,
-        height: c,
-        zIndex: t,
-        angle: d,
-        scaleX: f,
-        scaleY: h,
-        skewX: u,
-        skewY: l,
-        flipX: p,
-        flipY: _,
+    if (shapeType === BasicShapes.RoundRect) {
+      const radius = (shapeProperties == null ? void 0 : shapeProperties.radius) || 0;
+      return new Rect(id, {
+        fill,
+        top,
+        left,
+        width,
+        height,
+        zIndex,
+        angle,
+        scaleX,
+        scaleY,
+        skewX,
+        skewY,
+        flipX,
+        flipY,
         forceRender: !0,
-        radius: m,
-        ...b
+        radius,
+        ...strokeStyle
       });
     }
   }
-}
-class gt {
+};
+__name(_ShapeAdaptor, "ShapeAdaptor");
+let ShapeAdaptor = _ShapeAdaptor;
+const _ShapeAdaptorFactory = class _ShapeAdaptorFactory {
   constructor() {
-    g(this, "zIndex", 2);
-  }
-  create(e) {
-    return e.createInstance(ut);
-  }
-}
-Y.add(new gt());
-var pt = Object.defineProperty, _t = Object.getOwnPropertyDescriptor, ft = (a, e, r, n) => {
-  for (var t = n > 1 ? void 0 : n ? _t(e, r) : e, s = a.length - 1, i; s >= 0; s--)
-    (i = a[s]) && (t = (n ? i(e, r, t) : i(t)) || t);
-  return n && t && pt(e, r, t), t;
-}, vt = (a, e) => (r, n) => e(r, n, a);
-let le = class extends B {
-  constructor(e) {
+    __publicField(this, "zIndex", 2);
+  }
+  create(injector) {
+    return injector.createInstance(ShapeAdaptor);
+  }
+};
+__name(_ShapeAdaptorFactory, "ShapeAdaptorFactory");
+let ShapeAdaptorFactory = _ShapeAdaptorFactory;
+CanvasObjectProviderRegistry.add(new ShapeAdaptorFactory());
+var __defProp$4 = Object.defineProperty, __getOwnPropDesc$4 = Object.getOwnPropertyDescriptor, __decorateClass$4 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
+  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$4(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
+    (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
+  return kind && result && __defProp$4(target, key, result), result;
+}, "__decorateClass$4"), __decorateParam$4 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$4"), _a3;
+let SlideAdaptor = (_a3 = class extends ObjectAdaptor {
+  constructor(_injector) {
     super();
-    g(this, "zIndex", 6);
-    g(this, "viewKey", F.SLIDE);
-    g(this, "_ObjectProvider", null);
-    this._injector = e;
+    __publicField(this, "zIndex", 6);
+    __publicField(this, "viewKey", PageElementType.SLIDE);
+    __publicField(this, "_ObjectProvider", null);
+    this._injector = _injector;
   }
-  check(e) {
-    if (e === this.viewKey)
+  check(type) {
+    if (type === this.viewKey)
       return this;
   }
-  convert(e, r) {
+  convert(pageElement, mainScene) {
     const {
-      id: n,
-      zIndex: t,
-      left: s = 0,
-      top: i = 0,
-      width: o,
-      height: c,
-      angle: d,
-      scaleX: f,
-      scaleY: h,
-      skewX: u,
-      skewY: l,
-      flipX: p,
-      flipY: _,
-      title: O,
-      description: E,
-      slide: T
-    } = e;
-    if (T == null)
+      id,
+      zIndex,
+      left = 0,
+      top = 0,
+      width,
+      height,
+      angle,
+      scaleX,
+      scaleY,
+      skewX,
+      skewY,
+      flipX,
+      flipY,
+      title,
+      description,
+      slide: slideData
+    } = pageElement;
+    if (slideData == null)
       return;
-    const P = new xe(T), w = new Pe("__SLIDERender__" + n, {
-      top: i,
-      left: s,
-      width: o,
-      height: c,
-      zIndex: t,
-      angle: d,
-      scaleX: f,
-      scaleY: h,
-      skewX: u,
-      skewY: l,
-      flipX: p,
-      flipY: _,
+    const model = new SlideDataModel(slideData), slideComponent = new Slide("__SLIDERender__" + id, {
+      top,
+      left,
+      width,
+      height,
+      zIndex,
+      angle,
+      scaleX,
+      scaleY,
+      skewX,
+      skewY,
+      flipX,
+      flipY,
       forceRender: !0
     });
-    w.enableNav(), w.enableSelectedClipElement();
-    const I = P.getPageOrder(), S = P.getPages();
-    if (!I || !S)
-      return w;
-    this._ObjectProvider = new re(this._injector);
-    for (let D = 0, v = I.length; D < v; D++) {
-      const b = S[I[D]], { id: m } = b;
-      w.addPage(this._createScene(m, w, b, r, P));
+    slideComponent.enableNav(), slideComponent.enableSelectedClipElement();
+    const pageOrder = model.getPageOrder(), pages = model.getPages();
+    if (!pageOrder || !pages)
+      return slideComponent;
+    this._ObjectProvider = new ObjectProvider(this._injector);
+    for (let i = 0, len = pageOrder.length; i < len; i++) {
+      const page = pages[pageOrder[i]], { id: id2 } = page;
+      slideComponent.addPage(this._createScene(id2, slideComponent, page, mainScene, model));
     }
-    return w.activeFirstPage(), w;
+    return slideComponent.activeFirstPage(), slideComponent;
   }
-  _createScene(e, r, n, t, s) {
-    var l;
-    const { width: i, height: o } = r, c = new ie(e, r, {
-      width: i,
-      height: o
+  _createScene(pageId, parent, page, mainScene, model) {
+    var _a8;
+    const { width, height } = parent, scene = new Scene(pageId, parent, {
+      width,
+      height
     });
-    new $(`PageViewer_${e}`, c, {
+    new Viewport(`PageViewer_${pageId}`, scene, {
       left: 0,
       top: 0,
       bottom: 0,
@@ -469,297 +475,304 @@ let le = class extends B {
       isRelativeX: !0,
       isRelativeY: !0
     }).closeClip();
-    const { pageElements: f, pageBackgroundFill: h } = n, u = (l = this._ObjectProvider) == null ? void 0 : l.convertToRenderObjects(f, t);
-    return this._addBackgroundRect(c, h, s), c.addObjects(u), u == null || u.forEach((p) => {
-      c.attachTransformerTo(p);
-    }), c;
+    const { pageElements, pageBackgroundFill } = page, objects = (_a8 = this._ObjectProvider) == null ? void 0 : _a8.convertToRenderObjects(pageElements, mainScene);
+    return this._addBackgroundRect(scene, pageBackgroundFill, model), scene.addObjects(objects), objects == null || objects.forEach((object) => {
+      scene.attachTransformerTo(object);
+    }), scene;
   }
-  _addBackgroundRect(e, r, n) {
-    const t = n.getPageSize(), { width: s = 0, height: i = 0 } = t, o = new H("canvas", {
+  _addBackgroundRect(scene, fill, model) {
+    const pageSize = model.getPageSize(), { width: pageWidth = 0, height: pageHeight = 0 } = pageSize, page = new Rect("canvas", {
       left: 0,
       top: 0,
-      width: s,
-      height: i,
+      width: pageWidth,
+      height: pageHeight,
       strokeWidth: 1,
       stroke: "rgba(198,198,198, 1)",
-      fill: te(r) || "rgba(255,255,255, 1)",
+      fill: getColorStyle(fill) || "rgba(255,255,255, 1)",
       zIndex: 0,
       evented: !1
     });
-    e.addObject(o, 0);
+    scene.addObject(page, 0);
   }
-};
-le = ft([
-  vt(0, W(ne))
-], le);
-class wt {
+}, __name(_a3, "SlideAdaptor"), _a3);
+SlideAdaptor = __decorateClass$4([
+  __decorateParam$4(0, Inject(Injector))
+], SlideAdaptor);
+const _SlideAdaptorFactory = class _SlideAdaptorFactory {
   constructor() {
-    g(this, "zIndex", 6);
-  }
-  create(e) {
-    return e.createInstance(le);
-  }
-}
-Y.add(new wt());
-var St = Object.defineProperty, It = Object.getOwnPropertyDescriptor, bt = (a, e, r, n) => {
-  for (var t = n > 1 ? void 0 : n ? It(e, r) : e, s = a.length - 1, i; s >= 0; s--)
-    (i = a[s]) && (t = (n ? i(e, r, t) : i(t)) || t);
-  return n && t && St(e, r, t), t;
-}, we = (a, e) => (r, n) => e(r, n, a);
-let de = class extends B {
-  constructor(e, r) {
+    __publicField(this, "zIndex", 6);
+  }
+  create(injector) {
+    return injector.createInstance(SlideAdaptor);
+  }
+};
+__name(_SlideAdaptorFactory, "SlideAdaptorFactory");
+let SlideAdaptorFactory = _SlideAdaptorFactory;
+CanvasObjectProviderRegistry.add(new SlideAdaptorFactory());
+var __defProp$3 = Object.defineProperty, __getOwnPropDesc$3 = Object.getOwnPropertyDescriptor, __decorateClass$3 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
+  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$3(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
+    (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
+  return kind && result && __defProp$3(target, key, result), result;
+}, "__decorateClass$3"), __decorateParam$3 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$3"), _a4;
+let SpreadsheetAdaptor = (_a4 = class extends ObjectAdaptor {
+  constructor(_localeService, _contextService) {
     super();
-    g(this, "zIndex", 4);
-    g(this, "viewKey", F.SPREADSHEET);
-    this._localeService = e, this._contextService = r;
+    __publicField(this, "zIndex", 4);
+    __publicField(this, "viewKey", PageElementType.SPREADSHEET);
+    this._localeService = _localeService, this._contextService = _contextService;
   }
-  check(e) {
-    if (e === this.viewKey)
+  check(type) {
+    if (type === this.viewKey)
       return this;
   }
   // eslint-disable-next-line max-lines-per-function
-  convert(e, r) {
+  convert(pageElement, mainScene) {
     const {
-      id: n,
-      zIndex: t,
-      left: s = 0,
-      top: i = 0,
-      width: o,
-      height: c,
-      angle: d,
-      scaleX: f,
-      scaleY: h,
-      skewX: u,
-      skewY: l,
-      flipX: p,
-      flipY: _,
-      spreadsheet: O
-    } = e;
-    if (O == null)
+      id,
+      zIndex,
+      left = 0,
+      top = 0,
+      width,
+      height,
+      angle,
+      scaleX,
+      scaleY,
+      skewX,
+      skewY,
+      flipX,
+      flipY,
+      spreadsheet: spreadsheetModel
+    } = pageElement;
+    if (spreadsheetModel == null)
       return;
-    const { worksheet: E, styles: T } = O, { cellData: P } = E, w = new Me(P), I = new Ce(T), S = new Ke(
-      new Ve(n, E, I),
+    const { worksheet, styles } = spreadsheetModel, { cellData } = worksheet, cellDataMatrix = new ObjectMatrix(cellData), styleModel = new Styles(styles), spreadsheetSkeleton = new SpreadsheetSkeleton(
+      new Worksheet(id, worksheet, styleModel),
       // FIXME: worksheet in slide doesn't has a Worksheet object
-      E,
-      w,
-      I,
+      worksheet,
+      cellDataMatrix,
+      styleModel,
       this._localeService,
       this._contextService
-    ), { rowTotalHeight: D, columnTotalWidth: v, rowHeaderWidth: b, columnHeaderHeight: m } = S, y = v + E.rowHeader.width || 0, U = D + E.columnHeader.height || 0, N = new Ie("spreadInSlideSceneViewer" + n, {
-      top: i,
-      left: s,
-      width: o,
-      height: c,
-      zIndex: t,
-      angle: d,
-      scaleX: f,
-      scaleY: h,
-      skewX: u,
-      skewY: l,
-      flipX: p,
-      flipY: _,
+    ), { rowTotalHeight, columnTotalWidth, rowHeaderWidth, columnHeaderHeight } = spreadsheetSkeleton, allWidth = columnTotalWidth + worksheet.rowHeader.width || 0, allHeight = rowTotalHeight + worksheet.columnHeader.height || 0, sv = new SceneViewer("spreadInSlideSceneViewer" + id, {
+      top,
+      left,
+      width,
+      height,
+      zIndex,
+      angle,
+      scaleX,
+      scaleY,
+      skewX,
+      skewY,
+      flipX,
+      flipY,
       forceRender: !0
-    }), X = new ie("spreadInSlideScene" + n, N, {
-      width: y,
-      height: U
+    }), scene = new Scene("spreadInSlideScene" + id, sv, {
+      width: allWidth,
+      height: allHeight
     });
-    this._updateViewport(n, b, m, X, r);
-    const j = new ke("testSheetViewer", S, !1), L = new qe("spreadInSlideRow", S), K = new Ge("spreadInSlideColumn", S), k = new H("spreadInSlideLeftTop", {
+    this._updateViewport(id, rowHeaderWidth, columnHeaderHeight, scene, mainScene);
+    const spreadsheet = new Spreadsheet("testSheetViewer", spreadsheetSkeleton, !1), spreadsheetRowHeader = new SpreadsheetRowHeader("spreadInSlideRow", spreadsheetSkeleton), spreadsheetColumnHeader = new SpreadsheetColumnHeader("spreadInSlideColumn", spreadsheetSkeleton), SpreadsheetLeftTopPlaceholder = new Rect("spreadInSlideLeftTop", {
       zIndex: 2,
       left: -1,
       top: -1,
-      width: b,
-      height: m,
-      fill: fe([248, 249, 250]),
-      stroke: fe([217, 217, 217]),
+      width: rowHeaderWidth,
+      height: columnHeaderHeight,
+      fill: getColor([248, 249, 250]),
+      stroke: getColor([217, 217, 217]),
       strokeWidth: 1
     });
-    return j.zIndex = 10, X.addObjects([j], 1), X.addObjects([L, K, k], 2), N;
+    return spreadsheet.zIndex = 10, scene.addObjects([spreadsheet], 1), scene.addObjects([spreadsheetRowHeader, spreadsheetColumnHeader, SpreadsheetLeftTopPlaceholder], 2), sv;
   }
   // eslint-disable-next-line max-lines-per-function
-  _updateViewport(e, r, n, t, s) {
-    if (s == null)
+  _updateViewport(id, rowHeaderWidth, columnHeaderHeight, scene, mainScene) {
+    if (mainScene == null)
       return;
-    const i = r * t.scaleX, o = n * t.scaleY, c = new $("spreadInSlideViewMain" + e, t, {
-      left: i,
-      top: o,
+    const rowHeaderWidthScale = rowHeaderWidth * scene.scaleX, columnHeaderHeightScale = columnHeaderHeight * scene.scaleY, viewMain = new Viewport("spreadInSlideViewMain" + id, scene, {
+      left: rowHeaderWidthScale,
+      top: columnHeaderHeightScale,
       bottom: 0,
       right: 0,
       isRelativeX: !0,
       isRelativeY: !0,
       isWheelPreventDefaultX: !0
-    }), d = new $("spreadInSlideViewTop" + e, t, {
-      left: i,
-      height: o,
+    }), viewTop = new Viewport("spreadInSlideViewTop" + id, scene, {
+      left: rowHeaderWidthScale,
+      height: columnHeaderHeightScale,
       top: 0,
       right: 0,
       isRelativeX: !0,
       isWheelPreventDefaultX: !0
-    }), f = new $("spreadInSlideViewLeft" + e, t, {
+    }), viewLeft = new Viewport("spreadInSlideViewLeft" + id, scene, {
       left: 0,
       bottom: 0,
-      top: o,
-      width: i,
+      top: columnHeaderHeightScale,
+      width: rowHeaderWidthScale,
       isRelativeY: !0,
       isWheelPreventDefaultX: !0
     });
-    new $("spreadInSlideViewLeftTop" + e, t, {
+    new Viewport("spreadInSlideViewLeftTop" + id, scene, {
       left: 0,
       top: 0,
-      width: i,
-      height: o,
+      width: rowHeaderWidthScale,
+      height: columnHeaderHeightScale,
       isWheelPreventDefaultX: !0
-    }), c.onScrollAfter$.subscribeEvent((h) => {
-      const { scrollX: u, scrollY: l, viewportScrollX: p, viewportScrollY: _ } = h;
-      d.updateScrollVal({
-        scrollX: u,
-        viewportScrollX: p
-      }), f.updateScrollVal({
-        scrollY: l,
-        viewportScrollY: _
+    }), viewMain.onScrollAfter$.subscribeEvent((param) => {
+      const { scrollX, scrollY, viewportScrollX, viewportScrollY } = param;
+      viewTop.updateScrollVal({
+        scrollX,
+        viewportScrollX
+      }), viewLeft.updateScrollVal({
+        scrollY,
+        viewportScrollY
       });
-    }), t.attachControl(), new ue(c, {
-      mainScene: s
-    }), t.onMouseWheel$.subscribeEvent((h, u) => {
-      const l = h;
-      if (l.ctrlKey) {
-        const p = Math.abs(l.deltaX);
-        let _ = p < 40 ? 0.05 : p < 80 ? 0.02 : 0.01;
-        _ *= l.deltaY > 0 ? -1 : 1, t.scaleX < 1 && (_ /= 2), t.scaleX + _ > 4 ? t.scale(4, 4) : t.scaleX + _ < 0.1 ? t.scale(0.1, 0.1) : (t.scaleBy(_, _), l.preventDefault());
+    }), scene.attachControl(), new ScrollBar(viewMain, {
+      mainScene
+    }), scene.onMouseWheel$.subscribeEvent((evt, state) => {
+      const e = evt;
+      if (e.ctrlKey) {
+        const deltaFactor = Math.abs(e.deltaX);
+        let scrollNum = deltaFactor < 40 ? 0.05 : deltaFactor < 80 ? 0.02 : 0.01;
+        scrollNum *= e.deltaY > 0 ? -1 : 1, scene.scaleX < 1 && (scrollNum /= 2), scene.scaleX + scrollNum > 4 ? scene.scale(4, 4) : scene.scaleX + scrollNum < 0.1 ? scene.scale(0.1, 0.1) : (scene.scaleBy(scrollNum, scrollNum), e.preventDefault());
       } else
-        c.onMouseWheel(l, u);
+        viewMain.onMouseWheel(e, state);
     });
   }
-};
-de = bt([
-  we(0, W(he)),
-  we(1, je)
-], de);
-class Pt {
+}, __name(_a4, "SpreadsheetAdaptor"), _a4);
+SpreadsheetAdaptor = __decorateClass$3([
+  __decorateParam$3(0, Inject(LocaleService)),
+  __decorateParam$3(1, IContextService)
+], SpreadsheetAdaptor);
+const _SpreadsheetAdaptorFactory = class _SpreadsheetAdaptorFactory {
   constructor() {
-    g(this, "zIndex", 4);
-  }
-  create(e) {
-    return e.createInstance(de);
-  }
-}
-Y.add(new Pt());
-var mt = Object.defineProperty, Tt = Object.getOwnPropertyDescriptor, Rt = (a, e, r, n) => {
-  for (var t = n > 1 ? void 0 : n ? Tt(e, r) : e, s = a.length - 1, i; s >= 0; s--)
-    (i = a[s]) && (t = (n ? i(e, r, t) : i(t)) || t);
-  return n && t && mt(e, r, t), t;
-}, Dt = (a, e) => (r, n) => e(r, n, a);
-let re = class {
-  constructor(a) {
-    g(this, "_adaptors", []);
-    this._injector = a, this._adaptorLoader();
-  }
-  convertToRenderObjects(a, e) {
-    const r = Object.keys(a), n = [];
-    return r.forEach((t) => {
-      const s = a[t], i = this._executor(s, e);
-      i != null && n.push(i);
-    }), n;
-  }
-  _executor(a, e) {
-    var t;
-    const { id: r, type: n } = a;
-    for (const s of this._adaptors) {
-      const i = (t = s.check(n)) == null ? void 0 : t.convert(a, e);
-      if (i != null)
-        return i;
+    __publicField(this, "zIndex", 4);
+  }
+  create(injector) {
+    return injector.createInstance(SpreadsheetAdaptor);
+  }
+};
+__name(_SpreadsheetAdaptorFactory, "SpreadsheetAdaptorFactory");
+let SpreadsheetAdaptorFactory = _SpreadsheetAdaptorFactory;
+CanvasObjectProviderRegistry.add(new SpreadsheetAdaptorFactory());
+var __defProp$2 = Object.defineProperty, __getOwnPropDesc$2 = Object.getOwnPropertyDescriptor, __decorateClass$2 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
+  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$2(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
+    (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
+  return kind && result && __defProp$2(target, key, result), result;
+}, "__decorateClass$2"), __decorateParam$2 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$2"), _a5;
+let ObjectProvider = (_a5 = class {
+  constructor(_injector) {
+    __publicField(this, "_adaptors", []);
+    this._injector = _injector, this._adaptorLoader();
+  }
+  convertToRenderObjects(pageElements, mainScene) {
+    const pageKeys = Object.keys(pageElements), objects = [];
+    return pageKeys.forEach((key) => {
+      const pageElement = pageElements[key], o = this._executor(pageElement, mainScene);
+      o != null && objects.push(o);
+    }), objects;
+  }
+  convertToRenderObject(pageElement, mainScene) {
+    return this._executor(pageElement, mainScene);
+  }
+  _executor(pageElement, mainScene) {
+    var _a8;
+    const { id: pageElementId, type } = pageElement;
+    for (const adaptor of this._adaptors) {
+      const o = (_a8 = adaptor.check(type)) == null ? void 0 : _a8.convert(pageElement, mainScene);
+      if (o != null)
+        return o;
     }
   }
   _adaptorLoader() {
-    Y.getData().sort(Xe).forEach((a) => {
-      this._adaptors.push(a.create(this._injector));
+    CanvasObjectProviderRegistry.getData().sort(sortRules).forEach((adaptorFactory) => {
+      this._adaptors.push(adaptorFactory.create(this._injector));
     });
   }
-};
-re = Rt([
-  Dt(0, W(ne))
-], re);
-var Ot = Object.defineProperty, Et = Object.getOwnPropertyDescriptor, yt = (a, e, r, n) => {
-  for (var t = n > 1 ? void 0 : n ? Et(e, r) : e, s = a.length - 1, i; s >= 0; s--)
-    (i = a[s]) && (t = (n ? i(e, r, t) : i(t)) || t);
-  return n && t && Ot(e, r, t), t;
-}, ae = (a, e) => (r, n) => e(r, n, a), xt = /* @__PURE__ */ ((a) => (a.COMPONENT = "__slideRender__", a.SCENE = "__mainScene__", a.VIEW = "__mainView__", a))(xt || {});
-let ee = class extends $e {
-  constructor(e, r, n) {
+}, __name(_a5, "ObjectProvider"), _a5);
+ObjectProvider = __decorateClass$2([
+  __decorateParam$2(0, Inject(Injector))
+], ObjectProvider);
+var __defProp$1 = Object.defineProperty, __getOwnPropDesc$1 = Object.getOwnPropertyDescriptor, __decorateClass$1 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
+  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$1(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
+    (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
+  return kind && result && __defProp$1(target, key, result), result;
+}, "__decorateClass$1"), __decorateParam$1 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$1"), SLIDE_KEY = /* @__PURE__ */ ((SLIDE_KEY2) => (SLIDE_KEY2.COMPONENT = "__slideRender__", SLIDE_KEY2.SCENE = "__mainScene__", SLIDE_KEY2.VIEW = "__mainView__", SLIDE_KEY2))(SLIDE_KEY || {}), _a6;
+let CanvasView = (_a6 = class extends RxDisposable {
+  constructor(_injector, _univerInstanceService, _renderManagerService) {
     super();
-    g(this, "_objectProvider", null);
-    g(this, "_activePageId", "");
-    g(this, "activePageId$", new Qe());
-    g(this, "_refreshThumb", Ne(() => {
+    __publicField(this, "_objectProvider", null);
+    __publicField(this, "_refreshThumb", debounce(() => {
       this.createThumbs();
     }, 300));
-    this._univerInstanceService = e, this._injector = r, this._renderManagerService = n, this._initializeDependencies(this._injector), this._initialize();
+    __publicField(this, "_sceneMap", /* @__PURE__ */ new Map());
+    this._injector = _injector, this._univerInstanceService = _univerInstanceService, this._renderManagerService = _renderManagerService, this._initializeDependencies(this._injector), this._initialize();
   }
   _initialize() {
-    this._renderManagerService.createRender$.pipe(ve(this.dispose$)).subscribe((e) => {
-      this._create(e);
-    }), this._univerInstanceService.getCurrentTypeOfUnit$(V.UNIVER_SLIDE).pipe(ve(this.dispose$)).subscribe((e) => {
-      this._create(e == null ? void 0 : e.getUnitId());
-    }), this._univerInstanceService.getAllUnitsForType(V.UNIVER_SLIDE).forEach((e) => {
-      this._create(e.getUnitId());
+    this._renderManagerService.createRender$.pipe(takeUntil(this.dispose$)).subscribe((unitId) => {
+      this._create(unitId);
+    }), this._univerInstanceService.getCurrentTypeOfUnit$(UniverInstanceType.UNIVER_SLIDE).pipe(takeUntil(this.dispose$)).subscribe((slideModel) => {
+      this._create(slideModel == null ? void 0 : slideModel.getUnitId());
+    }), this._univerInstanceService.getAllUnitsForType(UniverInstanceType.UNIVER_SLIDE).forEach((slideModel) => {
+      this._create(slideModel.getUnitId());
     });
   }
-  activePage(e) {
-    const r = this._univerInstanceService.getCurrentUnitForType(V.UNIVER_SLIDE);
-    let n;
-    if (e)
-      n = r.getPage(e);
+  activePage(_pageId) {
+    let pageId = _pageId;
+    const model = this._univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SLIDE);
+    let page;
+    if (pageId)
+      page = model.getPage(pageId);
     else {
-      const o = r.getPages(), c = r.getPageOrder();
-      if (c == null || o == null)
+      const pageElements = model.getPages(), pageOrder = model.getPageOrder();
+      if (pageOrder == null || pageElements == null)
         return;
-      n = o[c[0]], e = n.id;
+      page = pageElements[pageOrder[0]], pageId = page.id;
     }
-    const t = this._currentRender();
-    if (n == null || t == null || t.mainComponent == null)
+    const render = this._currentRender();
+    if (page == null || render == null || render.mainComponent == null)
       return;
-    const { id: s } = n, i = t.mainComponent;
-    if (this._activePageId = e, this.activePageId$.next(e), i != null && i.hasPage(s)) {
-      i.changePage(s);
+    const { id } = page, slide = render.mainComponent;
+    if (model.setActivePage(page), slide != null && slide.hasPage(id)) {
+      slide.changePage(id);
       return;
     }
-    this._createScene(s, n);
+    this._createScene(id, page);
   }
   _scrollToCenter() {
-    var c;
-    const e = (c = this._currentRender()) == null ? void 0 : c.scene, r = e == null ? void 0 : e.getViewport("__mainView__"), n = this._getCenterPositionViewPort(e);
-    if (!r || !n) return;
-    const { left: t, top: s } = n, { x: i, y: o } = r.transViewportScroll2ScrollValue(t, s);
-    r.scrollToBarPos({
-      x: i,
-      y: o
+    var _a8;
+    const mainScene = (_a8 = this._currentRender()) == null ? void 0 : _a8.scene, viewMain = mainScene == null ? void 0 : mainScene.getViewport("__mainView__"), getCenterPositionViewPort = this._getCenterPositionViewPort(mainScene);
+    if (!viewMain || !getCenterPositionViewPort) return;
+    const { left: viewPortLeft, top: viewPortTop } = getCenterPositionViewPort, { x, y } = viewMain.transViewportScroll2ScrollValue(viewPortLeft, viewPortTop);
+    viewMain.scrollToBarPos({
+      x,
+      y
     });
   }
-  _create(e) {
-    e == null || this._univerInstanceService.getUnit(e, V.UNIVER_SLIDE) == null || this._renderManagerService.has(e) || this._addNewRender(e);
+  _create(unitId) {
+    unitId == null || this._univerInstanceService.getUnit(unitId, UniverInstanceType.UNIVER_SLIDE) == null || this._renderManagerService.has(unitId) || this._addNewRender(unitId);
   }
   _currentRender() {
-    const e = this._univerInstanceService.getCurrentUnitForType(V.UNIVER_SLIDE);
-    return this._renderManagerService.getRenderById(e.getUnitId());
+    const slideDataModel = this._univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SLIDE);
+    return this._renderManagerService.getRenderById(slideDataModel.getUnitId());
   }
   // eslint-disable-next-line max-lines-per-function
-  _addNewRender(e) {
-    const r = this._univerInstanceService.getUnit(e, V.UNIVER_SLIDE);
-    if (r == null)
+  _addNewRender(unitId) {
+    const slideDataModel = this._univerInstanceService.getUnit(unitId, UniverInstanceType.UNIVER_SLIDE);
+    if (slideDataModel == null)
       return;
-    this._renderManagerService.createRender(e);
-    const n = this._renderManagerService.getRenderById(e);
-    if (n == null)
+    this._renderManagerService.createRender(unitId);
+    const currentRender = this._renderManagerService.getRenderById(unitId);
+    if (currentRender == null)
       return;
-    const { scene: t, engine: s } = n, i = s.onTransformChange$.subscribeEvent(() => {
-      this._scrollToCenter(), i == null || i.unsubscribe();
+    const { scene, engine } = currentRender, observer = engine.onTransformChange$.subscribeEvent(() => {
+      this._scrollToCenter(), observer == null || observer.unsubscribe();
     });
-    s.onTransformChange$.subscribeEvent(() => {
+    engine.onTransformChange$.subscribeEvent(() => {
       setTimeout(() => {
         this.createThumbs();
       }, 300);
-    }), t.resize(2400, 1800);
-    const o = new $("__mainView__", t, {
+    });
+    const viewMain = new Viewport("__mainView__", scene, {
       left: 0,
       top: 0,
       bottom: 0,
@@ -768,94 +781,99 @@ let ee = class extends $e {
       isRelativeY: !0,
       isWheelPreventDefaultX: !0
     });
-    t.attachControl(), t.onMouseWheel$.subscribeEvent((d, f) => {
-      const h = d;
-      if (h.ctrlKey) {
-        const u = Math.abs(h.deltaX);
-        let l = u < 40 ? 0.2 : u < 80 ? 0.4 : 0.2;
-        l *= h.deltaY > 0 ? -1 : 1, t.scaleX < 1 && (l /= 2), t.scaleX + l > 4 ? t.scale(4, 4) : t.scaleX + l < 0.1 ? t.scale(0.1, 0.1) : (h.deltaY > 0, h.preventDefault());
+    scene.attachControl(), scene.onMouseWheel$.subscribeEvent((evt, state) => {
+      const e = evt;
+      if (e.ctrlKey) {
+        const deltaFactor = Math.abs(e.deltaX);
+        let scrollNum = deltaFactor < 40 ? 0.2 : deltaFactor < 80 ? 0.4 : 0.2;
+        scrollNum *= e.deltaY > 0 ? -1 : 1, scene.scaleX < 1 && (scrollNum /= 2), scene.scaleX + scrollNum > 4 ? scene.scale(4, 4) : scene.scaleX + scrollNum < 0.1 ? scene.scale(0.1, 0.1) : (e.deltaY > 0, e.preventDefault());
       } else
-        o.onMouseWheel(h, f);
-    }), t.onFileLoaded$.subscribeEvent(() => {
+        viewMain.onMouseWheel(e, state);
+    }), scene.onFileLoaded$.subscribeEvent(() => {
       this._refreshThumb();
-    }), ue.attachTo(o), this._renderManagerService.setCurrent(e);
-    const c = this._createSlide(t);
-    n.mainComponent = c, n.components.set("__slideRender__", c), this._createSlidePages(r, c), s.runRenderLoop(() => {
-      t.render();
+    }), ScrollBar.attachTo(viewMain), this._renderManagerService.setCurrent(unitId);
+    const slideComponent = this._createSlide(scene);
+    currentRender.mainComponent = slideComponent, currentRender.components.set("__slideRender__", slideComponent), this._createSlidePages(slideDataModel, slideComponent), engine.runRenderLoop(() => {
+      scene.render();
     });
   }
-  _createSlide(e) {
-    const r = this._univerInstanceService.getCurrentUnitForType(V.UNIVER_SLIDE), { width: n, height: t } = e, s = r.getPageSize(), { width: i = 100, height: o = 100 } = s, c = new Pe("__slideRender__", {
-      left: (n - i) / 2,
-      top: (t - o) / 2,
-      width: i,
-      height: o,
+  _createSlide(mainScene) {
+    const model = this._univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SLIDE), { width: sceneWidth, height: sceneHeight } = mainScene, pageSize = model.getPageSize(), { width = 100, height = 100 } = pageSize, slideComponent = new Slide("__slideRender__", {
+      left: (sceneWidth - width) / 2,
+      top: (sceneHeight - height) / 2,
+      width,
+      height,
       zIndex: 10
     });
-    return c.enableNav(), c.enableSelectedClipElement(), e.addObject(c), c;
+    return slideComponent.enableSelectedClipElement(), mainScene.addObject(slideComponent), slideComponent;
   }
-  _addBackgroundRect(e, r) {
-    const t = this._univerInstanceService.getCurrentUnitForType(V.UNIVER_SLIDE).getPageSize(), { width: s = 0, height: i = 0 } = t, o = new H("canvas", {
+  _addBackgroundRect(scene, fill) {
+    const pageSize = this._univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SLIDE).getPageSize(), { width: pageWidth = 0, height: pageHeight = 0 } = pageSize, page = new Rect("canvas", {
       left: 0,
       top: 0,
-      width: s,
-      height: i,
+      width: pageWidth,
+      height: pageHeight,
       strokeWidth: 1,
-      stroke: "rgba(198,198,198, 1)",
-      fill: te(r) || "rgba(255,255,255, 1)",
+      stroke: "rgba(198,198,198,1)",
+      fill: getColorStyle(fill) || "rgba(255,255,255,1)",
       zIndex: 0,
       evented: !1
     });
-    e.addObject(o, 0);
+    scene.addObject(page, 0);
   }
-  _getCenterPositionViewPort(e) {
-    if (!e) return { left: 0, top: 0 };
-    const { width: r, height: n } = e, t = e.getEngine(), s = (t == null ? void 0 : t.width) || 0, i = (t == null ? void 0 : t.height) || 0;
+  _getCenterPositionViewPort(mainScene) {
+    if (!mainScene) return { left: 0, top: 0 };
+    const { width, height } = mainScene, engine = mainScene.getEngine(), canvasWidth = (engine == null ? void 0 : engine.width) || 0, canvasHeight = (engine == null ? void 0 : engine.height) || 0;
     return {
-      left: (r - s) / 2,
-      top: (n - i) / 2
+      left: (width - canvasWidth) / 2,
+      top: (height - canvasHeight) / 2
     };
   }
-  _thumbSceneRender(e, r) {
-    const n = this._renderManagerService.getRenderById(e);
-    if (n == null)
+  _thumbSceneRender(pageId, slide) {
+    const render = this._renderManagerService.getRenderById(pageId);
+    if (render == null)
       return;
-    const { engine: t } = n;
-    if (t == null)
+    const { engine: thumbEngine } = render;
+    if (thumbEngine == null)
       return;
-    const { width: s, height: i } = r, { width: o = s, height: c = i } = t, d = t.getCanvas().getContext();
-    r.renderToThumb(d, e, o / s, c / i);
-  }
-  _createSlidePages(e, r) {
-    const n = e.getPages(), t = e.getPageOrder();
-    if (!(!n || !t) && t.length !== 0) {
-      for (let s = 0, i = t.length; s < i; s++) {
-        const o = t[s];
-        this._createScene(o, n[o]), this._createThumb(o);
+    const { width, height } = slide, { width: pageWidth = width, height: pageHeight = height } = thumbEngine, thumbContext = thumbEngine.getCanvas().getContext();
+    slide.renderToThumb(thumbContext, pageId, pageWidth / width, pageHeight / height);
+  }
+  _createSlidePages(slideDataModel, slide) {
+    const pages = slideDataModel.getPages(), pageOrder = slideDataModel.getPageOrder();
+    if (!(!pages || !pageOrder) && pageOrder.length !== 0) {
+      for (let i = 0, len = pageOrder.length; i < len; i++) {
+        const pageId = pageOrder[i];
+        this._createScene(pageId, pages[pageId]), this._createThumb(pageId);
       }
-      this._activePageId = t[0], r.activeFirstPage();
+      slide.activeFirstPage();
     }
   }
   createThumbs() {
-    const r = this._univerInstanceService.getCurrentUnitForType(V.UNIVER_SLIDE).getPageOrder(), n = this._currentRender();
-    if (!(!r || !n) && r.length !== 0)
-      for (let t = 0, s = r.length; t < s; t++) {
-        const i = r[t];
-        this._thumbSceneRender(i, n.mainComponent);
+    const pageOrder = this._univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SLIDE).getPageOrder(), render = this._currentRender();
+    if (!(!pageOrder || !render) && pageOrder.length !== 0)
+      for (let i = 0, len = pageOrder.length; i < len; i++) {
+        const pageId = pageOrder[i];
+        this._thumbSceneRender(pageId, render.mainComponent);
       }
   }
-  _createThumb(e) {
-    this._renderManagerService.createRender(e);
-  }
-  _createScene(e, r) {
-    const n = this._currentRender();
-    if (!n || !this._objectProvider)
+  _createThumb(pageId) {
+    this._renderManagerService.createRender(pageId);
+  }
+  /**
+   * @param pageId
+   * @param page
+   * @returns pageScene: Scene
+   */
+  _createScene(pageId, page) {
+    const render = this._currentRender();
+    if (!render || !this._objectProvider)
       return;
-    const { scene: t, mainComponent: s } = n, i = s, { width: o, height: c } = i, d = new ie(e, i, {
-      width: o,
-      height: c
+    const { scene: mainScene, mainComponent } = render, slide = mainComponent, { width, height } = slide, pageScene = new Scene(pageId, slide, {
+      width,
+      height
     });
-    new $(`PageViewer_${e}`, d, {
+    this._sceneMap.set(pageId, pageScene), new Viewport(`PageViewer_${pageId}`, pageScene, {
       left: 0,
       top: 0,
       bottom: 0,
@@ -863,51 +881,89 @@ let ee = class extends $e {
       isRelativeX: !0,
       isRelativeY: !0
     }).closeClip();
-    const { pageElements: h, pageBackgroundFill: u } = r, l = this._objectProvider.convertToRenderObjects(h, t);
-    if (!l || !i) return;
-    this._addBackgroundRect(d, u), d.addObjects(l), l.forEach((_) => {
-      d.attachTransformerTo(_);
+    const { pageElements, pageBackgroundFill } = page, objects = this._objectProvider.convertToRenderObjects(pageElements, mainScene);
+    if (!objects || !slide) return;
+    this._addBackgroundRect(pageScene, pageBackgroundFill), pageScene.addObjects(objects), objects.forEach((object) => {
+      pageScene.attachTransformerTo(object);
     });
-    const p = d.getTransformer();
-    return p == null || p.changeEnd$.subscribe(() => {
-      this._thumbSceneRender(this._activePageId, i);
-    }), p == null || p.clearControl$.subscribe(() => {
-      this._thumbSceneRender(this._activePageId, i);
-    }), i.addPage(d), d;
+    const transformer = pageScene.getTransformer();
+    return transformer == null || transformer.changeEnd$.subscribe(() => {
+      this._thumbSceneRender(pageId, slide);
+    }), transformer == null || transformer.clearControl$.subscribe(() => {
+      this._thumbSceneRender(pageId, slide);
+    }), slide.addPage(pageScene), pageScene;
   }
-  _initializeDependencies(e) {
-    this._objectProvider = e.createInstance(re);
+  _initializeDependencies(slideInjector) {
+    this._objectProvider = slideInjector.createInstance(ObjectProvider);
   }
-};
-ee = yt([
-  Le(ze.Ready, ee),
-  ae(0, Ae),
-  ae(1, W(ne)),
-  ae(2, Ze)
-], ee);
-var jt = Object.defineProperty, Mt = Object.getOwnPropertyDescriptor, Ct = (a, e, r, n) => {
-  for (var t = n > 1 ? void 0 : n ? Mt(e, r) : e, s = a.length - 1, i; s >= 0; s--)
-    (i = a[s]) && (t = (n ? i(e, r, t) : i(t)) || t);
-  return n && t && jt(e, r, t), t;
-}, Vt = (a, e) => (r, n) => e(r, n, a);
-const Xt = {}, Lt = "slides";
-var Q;
-let Se = (Q = class extends We {
-  constructor(e = {}, r) {
+  getRenderUnitByPageId(pageId) {
+    return {
+      scene: this._sceneMap.get(pageId)
+      // engine,
+      // unit,
+    };
+  }
+  createObjectToPage(element, pageID) {
+    if (!this._currentRender() || !this._objectProvider)
+      return;
+    const { scene } = this.getRenderUnitByPageId(pageID);
+    if (!scene) return;
+    const object = this._objectProvider.convertToRenderObject(element, scene);
+    if (object)
+      return scene.addObject(object), scene.attachTransformerTo(object), scene.getLayer().makeDirty(), object;
+  }
+  setObjectActiveByPage(obj, pageID) {
+    const { scene } = this.getRenderUnitByPageId(pageID);
+    if (!scene) return;
+    const transformer = scene.getTransformer();
+    transformer == null || transformer.activeAnObject(obj);
+  }
+  removeObjectById(id, pageID) {
+    const { scene } = this.getRenderUnitByPageId(pageID);
+    if (!scene) return;
+    scene.removeObject(id);
+    const transformer = scene.getTransformer();
+    transformer == null || transformer.clearControls();
+  }
+  appendPage() {
+    const model = this._univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SLIDE), page = model.getBlankPage(), render = this._currentRender();
+    if (page == null || render == null || render.mainComponent == null)
+      return;
+    const { id } = page, slide = render.mainComponent, scene = this._createScene(id, page);
+    scene && (slide == null || slide.addPage(scene)), model.appendPage(page), model.setActivePage(page);
+  }
+}, __name(_a6, "CanvasView"), _a6);
+CanvasView = __decorateClass$1([
+  OnLifecycle(LifecycleStages.Ready, CanvasView),
+  __decorateParam$1(0, Inject(Injector)),
+  __decorateParam$1(1, IUniverInstanceService),
+  __decorateParam$1(2, IRenderManagerService)
+], CanvasView);
+var __defProp2 = Object.defineProperty, __getOwnPropDesc = Object.getOwnPropertyDescriptor, __decorateClass = /* @__PURE__ */ __name((decorators, target, key, kind) => {
+  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
+    (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
+  return kind && result && __defProp2(target, key, result), result;
+}, "__decorateClass"), __decorateParam = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam");
+const DEFAULT_SLIDE_PLUGIN_DATA = {}, PLUGIN_NAME = "slides";
+var _a7;
+let UniverSlidesPlugin = (_a7 = class extends Plugin {
+  // private _canvasView: CanvasView | null = null;
+  constructor(config = {}, _injector, _renderManagerService) {
     super();
-    g(this, "_config");
-    g(this, "_canvasEngine", null);
-    g(this, "_canvasView", null);
-    this._injector = r, this._config = Object.assign(Xt, e), this._initializeDependencies(this._injector);
+    __publicField(this, "_config");
+    __publicField(this, "_canvasEngine", null);
+    this._injector = _injector, this._renderManagerService = _renderManagerService, this._config = Object.assign(DEFAULT_SLIDE_PLUGIN_DATA, config), this._initializeDependencies(this._injector);
   }
   initialize() {
     this.initCanvasEngine();
   }
+  onReady() {
+  }
   getConfig() {
     return this._config;
   }
   initCanvasEngine() {
-    this._canvasEngine = this._injector.get(Je);
+    this._canvasEngine = this._injector.get(IRenderingEngine);
   }
   onRendered() {
     this.initialize();
@@ -915,20 +971,21 @@ let Se = (Q = class extends We {
   getCanvasEngine() {
     return this._canvasEngine;
   }
-  getCanvasView() {
-    return this._canvasView;
-  }
-  _initializeDependencies(e) {
-    [[ee]].forEach((n) => {
-      e.add(n);
+  _initializeDependencies(slideInjector) {
+    [
+      [CanvasView]
+      // [TextSelectionManagerService],
+    ].forEach((d) => {
+      slideInjector.add(d);
     });
   }
-}, g(Q, "pluginName", Lt), g(Q, "type", V.UNIVER_SLIDE), Q);
-Se = Ct([
-  Vt(1, W(ne))
-], Se);
+}, __name(_a7, "UniverSlidesPlugin"), __publicField(_a7, "pluginName", PLUGIN_NAME), __publicField(_a7, "type", UniverInstanceType.UNIVER_SLIDE), _a7);
+UniverSlidesPlugin = __decorateClass([
+  __decorateParam(1, Inject(Injector)),
+  __decorateParam(2, IRenderManagerService)
+], UniverSlidesPlugin);
 export {
-  ee as CanvasView,
-  xt as SLIDE_KEY,
-  Se as UniverSlidesPlugin
+  CanvasView,
+  SLIDE_KEY,
+  UniverSlidesPlugin
 };