@univerjs/slides 0.1.5

package/lib/es/index.js

@@ -0,0 +1,940 @@
+var De = Object.defineProperty;
+var Ce = (a, e, r) => e in a ? De(a, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : a[e] = r;
+var u = (a, e, r) => (Ce(a, typeof e != "symbol" ? e + "" : e, r), r);
+import { Registry as Re, LocaleService as te, PageElementType as Y, DocumentDataModel as je, getColorStyle as Q, ShapeType as _e, SlideDataModel as Me, IContextService as Ee, ObjectMatrix as ze, Styles as Xe, Worksheet as Ae, sortRules as Le, OnLifecycle as Ue, LifecycleStages as Ne, RxDisposable as Ve, debounce as We, IUniverInstanceService as be, Plugin as $e, PluginType as He } from "@univerjs/core";
+import { Liquid as Ye, DocumentViewModel as Fe, DocumentSkeleton as Be, Documents as Ke, SceneViewer as me, Scene as re, Viewport as L, EVENT_TYPE as ge, ScrollBar as ue, Rect as H, Picture as Ie, PageLayoutType as fe, RichText as ke, Slide as Te, SpreadsheetSkeleton as qe, Spreadsheet as Ge, SpreadsheetRowHeader as Ze, SpreadsheetColumnHeader as Je, getColor as ve, IRenderManagerService as Qe, IRenderingEngine as et } from "@univerjs/engine-render";
+import { Inject as U, Injector as ne } from "@wendellhu/redi";
+import { takeUntil as we } from "rxjs";
+const Yt = {}, tt = {};
+class F {
+  constructor() {
+    u(this, "zIndex", 0);
+    u(this, "viewKey", null);
+  }
+  check(e) {
+    if (e === this.viewKey)
+      return this;
+  }
+  convert(e, r) {
+  }
+  create(e) {
+  }
+}
+const W = Re.create();
+var rt = Object.defineProperty, nt = Object.getOwnPropertyDescriptor, it = (a, e, r, n) => {
+  for (var t = n > 1 ? void 0 : n ? nt(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 && rt(e, r, t), t;
+}, st = (a, e) => (r, n) => e(r, n, a);
+let oe = class extends F {
+  constructor(e) {
+    super();
+    u(this, "zIndex", 5);
+    u(this, "viewKey", Y.DOCUMENT);
+    u(this, "_liquid", new Ye());
+    this._localeService = e;
+  }
+  check(e) {
+    if (e === this.viewKey)
+      return this;
+  }
+  convert(e, r) {
+    var K, pe;
+    const {
+      id: n,
+      zIndex: t,
+      left: s = 0,
+      top: i = 0,
+      width: c,
+      height: o,
+      angle: l,
+      scaleX: p,
+      scaleY: _,
+      skewX: d,
+      skewY: g,
+      flipX: h,
+      flipY: f,
+      title: y,
+      description: D,
+      document: T
+    } = e;
+    if (T == null)
+      return;
+    const m = new je(T), w = new Fe(m), P = Be.create(w, this._localeService), S = new Ke("__DocsRender__", P);
+    P.calculate();
+    const x = new me("__DocsViewer__" + n, {
+      top: i,
+      left: s,
+      width: c,
+      height: o,
+      zIndex: t,
+      angle: l,
+      scaleX: p,
+      scaleY: _,
+      skewX: d,
+      skewY: g,
+      flipX: h,
+      flipY: f,
+      isTransformer: !0
+    }), v = new re("__DocsScene__" + n, x), b = new L("__DocsViewPort_" + n, v, {
+      left: 0,
+      top: 0,
+      bottom: 0,
+      right: 0,
+      isWheelPreventDefaultX: !0
+    });
+    v.attachControl(), v.on(ge.wheel, (z, V) => {
+      const O = z;
+      if (O.ctrlKey) {
+        const X = Math.abs(O.deltaX);
+        let R = X < 40 ? 0.2 : X < 80 ? 0.4 : 0.2;
+        R *= O.deltaY > 0 ? -1 : 1, v.scaleX < 1 && (R /= 2), v.scaleX + R > 4 ? v.scale(4, 4) : v.scaleX + R < 0.1 ? v.scale(0.1, 0.1) : (O.deltaY > 0, O.preventDefault());
+      } else
+        b.onMouseWheel(O, V);
+    }), new ue(b, {
+      mainScene: r
+    }), v.addObject(S);
+    const I = P.getActualSize();
+    S.resize(I.actualWidth, I.actualHeight), v.resize(I.actualWidth, I.actualHeight + 200);
+    const C = (K = S.getSkeleton()) == null ? void 0 : K.getPageSize();
+    S.onPageRenderObservable.add((z) => {
+      const { page: V, pageLeft: O, pageTop: X, ctx: R } = z, { width: k, height: q, marginBottom: ie, marginLeft: M, marginRight: G, marginTop: Z } = V;
+      R.save(), R.translate(O - 0.5, X - 0.5), H.drawWith(R, {
+        width: (C == null ? void 0 : C.width) || k,
+        height: (C == null ? void 0 : C.height) || q,
+        strokeWidth: 1,
+        stroke: "rgba(198,198,198, 1)",
+        fill: "rgba(255,255,255, 1)",
+        zIndex: 3
+      }), R.restore();
+    });
+    const { left: $, top: N } = S, E = P.getSkeletonData();
+    if (E == null)
+      return;
+    const { pages: j } = E, A = [], B = /* @__PURE__ */ new Map();
+    this._recalculateSizeBySkeleton(S, v, P);
+    for (let z = 0, V = j.length; z < V; z++) {
+      const O = j[z], { skeDrawings: X, marginLeft: R, marginTop: k, pageWidth: q, pageHeight: ie } = O;
+      this._liquid.translatePagePadding(O), X.forEach((M) => {
+        const { aLeft: G, aTop: Z, height: Oe, width: xe, drawingOrigin: Ut } = M, ye = new Ie(M.objectId, {
+          // url: objectTransform.imageProperties?.contentUrl || '',
+          left: G + $ + this._liquid.x,
+          top: Z + N + this._liquid.y,
+          width: xe,
+          height: Oe,
+          zIndex: 11,
+          isTransformer: !0
+        });
+        B.set(M.objectId, {
+          marginLeft: this._liquid.x,
+          marginTop: this._liquid.y
+        }), A.push(ye);
+      }), this._liquid.translatePage(
+        O,
+        S.pageLayoutType,
+        S.pageMarginLeft,
+        S.pageMarginTop
+      );
+    }
+    return v.openTransformer(), v.addObjects(A), (pe = v.getTransformer()) == null || pe.onChangingObservable.add((z) => {
+      const { objects: V } = z;
+      V.forEach((O) => {
+        const { oKey: X, left: R, top: k, height: q, width: ie } = O, M = B.get(X), G = (M == null ? void 0 : M.marginLeft) || 0, Z = (M == null ? void 0 : M.marginTop) || 0;
+        P == null || P.getViewModel().getDataModel().updateDrawing(X, {
+          left: R - $ - G,
+          top: k - N - Z,
+          height: q,
+          width: ie
+        });
+      }), P == null || P.calculate();
+    }), v.closeTransformer(), this._calculatePagePosition(S, v, b), x;
+  }
+  _recalculateSizeBySkeleton(e, r, n) {
+    var c;
+    const t = (c = n.getSkeletonData()) == null ? void 0 : c.pages;
+    if (t == null)
+      return;
+    let s = 0, i = 0;
+    for (let o = 0, l = t.length; o < l; o++) {
+      const p = t[o], { pageWidth: _, pageHeight: d } = p;
+      e.pageLayoutType === fe.VERTICAL ? (i += d, i += e.pageMarginTop, o === l - 1 && (i += e.pageMarginTop), s = Math.max(s, _)) : e.pageLayoutType === fe.HORIZONTAL && (s += _, o !== l - 1 && (s += e.pageMarginLeft), i = Math.max(i, d));
+    }
+    e.resize(s, i), r.resize(s, i);
+  }
+  _calculatePagePosition(e, r, n, t = 1) {
+    const s = r == null ? void 0 : r.getParent(), { width: i, height: c, pageMarginLeft: o, pageMarginTop: l } = e;
+    if (s == null || i === Number.POSITIVE_INFINITY || c === Number.POSITIVE_INFINITY)
+      return;
+    const { width: p, height: _ } = s;
+    let d = 0, g = 0, h = 0, f = 0, y = Number.POSITIVE_INFINITY;
+    if (p > (i + o * 2) * t ? (d = p / 2 - i * t / 2, d /= t, h = (p - o * 2) / t, y = 0) : (d = o, h = i + o * 2, y = (h - p / t) / 2), _ > c ? (g = _ / 2 - c / 2, f = (_ - l * 2) / t) : (g = l, f = c + l * 2), r.resize(h, f + 200), e.translate(d, g), y !== Number.POSITIVE_INFINITY && n != null) {
+      const D = n.getBarScroll(y, 0).x;
+      n.scrollTo({
+        x: D
+      });
+    }
+    return this;
+  }
+};
+oe = it([
+  st(0, U(te))
+], oe);
+class at {
+  constructor() {
+    u(this, "zIndex", 5);
+  }
+  create(e) {
+    return e.createInstance(oe);
+  }
+}
+W.add(new at());
+class ct extends F {
+  constructor() {
+    super(...arguments);
+    u(this, "zIndex", 1);
+    u(this, "viewKey", Y.IMAGE);
+  }
+  check(r) {
+    if (r === this.viewKey)
+      return this;
+  }
+  convert(r) {
+    const {
+      id: n,
+      zIndex: t,
+      left: s = 0,
+      top: i = 0,
+      width: c,
+      height: o,
+      angle: l,
+      scaleX: p,
+      scaleY: _,
+      skewX: d,
+      skewY: g,
+      flipX: h,
+      flipY: f,
+      title: y,
+      description: D,
+      image: T = {}
+    } = r, { imageProperties: m, placeholder: w, link: P } = T, S = (m == null ? void 0 : m.contentUrl) || "";
+    return new Ie(n, {
+      url: S,
+      top: i,
+      left: s,
+      width: c,
+      height: o,
+      zIndex: t,
+      angle: l,
+      scaleX: p,
+      scaleY: _,
+      skewX: d,
+      skewY: g,
+      flipX: h,
+      flipY: f,
+      isTransformer: !0,
+      forceRender: !0
+    });
+  }
+}
+class ot {
+  constructor() {
+    u(this, "zIndex", 4);
+  }
+  create(e) {
+    return e.createInstance(ct);
+  }
+}
+W.add(new ot());
+var lt = Object.defineProperty, dt = Object.getOwnPropertyDescriptor, ht = (a, e, r, n) => {
+  for (var t = n > 1 ? void 0 : n ? dt(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 && lt(e, r, t), t;
+}, gt = (a, e) => (r, n) => e(r, n, a);
+let le = class extends F {
+  constructor(e) {
+    super();
+    u(this, "zIndex", 2);
+    u(this, "viewKey", Y.TEXT);
+    this._localeService = e;
+  }
+  check(e) {
+    if (e === this.viewKey)
+      return this;
+  }
+  convert(e, r) {
+    const {
+      id: n,
+      zIndex: t,
+      left: s = 0,
+      top: i = 0,
+      width: c,
+      height: o,
+      angle: l,
+      scaleX: p,
+      scaleY: _,
+      skewX: d,
+      skewY: g,
+      flipX: h,
+      flipY: f,
+      title: y,
+      description: D,
+      richText: T = {}
+    } = e, { text: m, ff: w, fs: P, it: S, bl: x, ul: v, st: b, ol: I, bg: C, bd: $, cl: N, rich: E } = T;
+    let j = {
+      top: i,
+      left: s,
+      width: c,
+      height: o,
+      zIndex: t,
+      angle: l,
+      scaleX: p,
+      scaleY: _,
+      skewX: d,
+      skewY: g,
+      flipX: h,
+      flipY: f,
+      isTransformer: !0,
+      forceRender: !0
+    }, A = !1;
+    if (m != null ? (j = { ...j, text: m, ff: w, fs: P, it: S, bl: x, ul: v, st: b, ol: I, bg: C, bd: $, cl: N }, A = !0) : E != null && (j = { ...j, richText: E }, A = !0), A !== !1)
+      return new ke(this._localeService, n, j);
+  }
+};
+le = ht([
+  gt(0, U(te))
+], le);
+class ut {
+  constructor() {
+    u(this, "zIndex", 0);
+  }
+  create(e) {
+    return e.createInstance(le);
+  }
+}
+W.add(new ut());
+class pt extends F {
+  constructor() {
+    super(...arguments);
+    u(this, "zIndex", 2);
+    u(this, "viewKey", Y.SHAPE);
+  }
+  check(r) {
+    if (r === this.viewKey)
+      return this;
+  }
+  convert(r) {
+    const {
+      id: n,
+      zIndex: t,
+      left: s = 0,
+      top: i = 0,
+      width: c,
+      height: o,
+      angle: l,
+      scaleX: p,
+      scaleY: _,
+      skewX: d,
+      skewY: g,
+      flipX: h,
+      flipY: f,
+      title: y,
+      description: D
+    } = r, { shapeType: T, text: m, shapeProperties: w, placeholder: P, link: S } = r.shape || {}, x = w == null ? "" : Q(w.shapeBackgroundFill) || "rgba(255,255,255,1)", v = w == null ? void 0 : w.outline, b = {};
+    if (v) {
+      const { outlineFill: I, weight: C } = v;
+      b.strokeWidth = C, b.stroke = Q(I) || "rgba(0,0,0,1)";
+    }
+    if (T === _e.RECTANGLE)
+      return new H(n, {
+        fill: x,
+        top: i,
+        left: s,
+        width: c,
+        height: o,
+        zIndex: t,
+        angle: l,
+        scaleX: p,
+        scaleY: _,
+        skewX: d,
+        skewY: g,
+        flipX: h,
+        flipY: f,
+        isTransformer: !0,
+        forceRender: !0,
+        ...b
+      });
+    if (T === _e.ROUND_RECTANGLE) {
+      const I = (w == null ? void 0 : w.radius) || 0;
+      return new H(n, {
+        fill: x,
+        top: i,
+        left: s,
+        width: c,
+        height: o,
+        zIndex: t,
+        angle: l,
+        scaleX: p,
+        scaleY: _,
+        skewX: d,
+        skewY: g,
+        flipX: h,
+        flipY: f,
+        isTransformer: !0,
+        forceRender: !0,
+        radius: I,
+        ...b
+      });
+    }
+  }
+}
+class _t {
+  constructor() {
+    u(this, "zIndex", 2);
+  }
+  create(e) {
+    return e.createInstance(pt);
+  }
+}
+W.add(new _t());
+var ft = Object.defineProperty, vt = Object.getOwnPropertyDescriptor, wt = (a, e, r, n) => {
+  for (var t = n > 1 ? void 0 : n ? vt(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 && ft(e, r, t), t;
+}, St = (a, e) => (r, n) => e(r, n, a);
+let de = class extends F {
+  constructor(e) {
+    super();
+    u(this, "zIndex", 6);
+    u(this, "viewKey", Y.SLIDE);
+    u(this, "_ObjectProvider", null);
+    this._injector = e;
+  }
+  check(e) {
+    if (e === this.viewKey)
+      return this;
+  }
+  convert(e, r) {
+    const {
+      id: n,
+      zIndex: t,
+      left: s = 0,
+      top: i = 0,
+      width: c,
+      height: o,
+      angle: l,
+      scaleX: p,
+      scaleY: _,
+      skewX: d,
+      skewY: g,
+      flipX: h,
+      flipY: f,
+      title: y,
+      description: D,
+      slide: T
+    } = e;
+    if (T == null)
+      return;
+    const m = new Me(T), w = new Te("__SLIDERender__" + n, {
+      top: i,
+      left: s,
+      width: c,
+      height: o,
+      zIndex: t,
+      angle: l,
+      scaleX: p,
+      scaleY: _,
+      skewX: d,
+      skewY: g,
+      flipX: h,
+      flipY: f,
+      isTransformer: !1,
+      forceRender: !0
+    });
+    w.enableNav(), w.enableSelectedClipElement();
+    const P = m.getPageOrder(), S = m.getPages();
+    if (!P || !S)
+      return w;
+    this._ObjectProvider = new ee(this._injector);
+    for (let x = 0, v = P.length; x < v; x++) {
+      const b = S[P[x]], { id: I } = b;
+      w.addPage(this._createScene(I, w, b, r, m));
+    }
+    return w.activeFirstPage(), w;
+  }
+  _createScene(e, r, n, t, s) {
+    var g;
+    const { width: i, height: c } = r, o = new re(e, r, {
+      width: i,
+      height: c
+    });
+    new L(`PageViewer_${e}`, o, {
+      left: 0,
+      top: 0,
+      bottom: 0,
+      right: 0
+    }).closeClip();
+    const { pageElements: p, pageBackgroundFill: _ } = n, d = (g = this._ObjectProvider) == null ? void 0 : g.convertToRenderObjects(p, t);
+    return o.openTransformer(), this._addBackgroundRect(o, _, s), o.addObjects(d), o;
+  }
+  _addBackgroundRect(e, r, n) {
+    const t = n.getPageSize(), { width: s = 0, height: i = 0 } = t, c = new H("canvas", {
+      left: 0,
+      top: 0,
+      width: s,
+      height: i,
+      strokeWidth: 1,
+      stroke: "rgba(198,198,198, 1)",
+      fill: Q(r) || "rgba(255,255,255, 1)",
+      zIndex: 0,
+      evented: !1
+    });
+    e.addObject(c, 0);
+  }
+};
+de = wt([
+  St(0, U(ne))
+], de);
+class Pt {
+  constructor() {
+    u(this, "zIndex", 6);
+  }
+  create(e) {
+    return e.createInstance(de);
+  }
+}
+W.add(new Pt());
+var bt = Object.defineProperty, mt = Object.getOwnPropertyDescriptor, It = (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 && bt(e, r, t), t;
+}, Se = (a, e) => (r, n) => e(r, n, a);
+let he = class extends F {
+  constructor(e, r) {
+    super();
+    u(this, "zIndex", 4);
+    u(this, "viewKey", Y.SPREADSHEET);
+    this._localeService = e, this._contextService = r;
+  }
+  check(e) {
+    if (e === this.viewKey)
+      return this;
+  }
+  convert(e, r) {
+    const {
+      id: n,
+      zIndex: t,
+      left: s = 0,
+      top: i = 0,
+      width: c,
+      height: o,
+      angle: l,
+      scaleX: p,
+      scaleY: _,
+      skewX: d,
+      skewY: g,
+      flipX: h,
+      flipY: f,
+      spreadsheet: y
+    } = e;
+    if (y == null)
+      return;
+    const { worksheet: D, styles: T } = y, { cellData: m } = D, w = new ze(m), P = new Xe(T), S = new qe(
+      new Ae(D, P),
+      // FIXME: worksheet in slide doesn't has a Worksheet object
+      D,
+      w,
+      P,
+      this._localeService,
+      this._contextService
+    ), { rowTotalHeight: x, columnTotalWidth: v, rowHeaderWidth: b, columnHeaderHeight: I } = S, C = v + D.rowHeader.width || 0, $ = x + D.columnHeader.height || 0, N = new me("spreadInSlideSceneViewer" + n, {
+      top: i,
+      left: s,
+      width: c,
+      height: o,
+      zIndex: t,
+      angle: l,
+      scaleX: p,
+      scaleY: _,
+      skewX: d,
+      skewY: g,
+      flipX: h,
+      flipY: f,
+      isTransformer: !0,
+      forceRender: !0
+    }), E = new re("spreadInSlideScene" + n, N, {
+      width: C,
+      height: $
+    });
+    this._updateViewport(n, b, I, E, r);
+    const j = new Ge("testSheetViewer", S, !1), A = new Ze("spreadInSlideRow", S), B = new Je("spreadInSlideColumn", S), K = new H("spreadInSlideLeftTop", {
+      zIndex: 2,
+      left: -1,
+      top: -1,
+      width: b,
+      height: I,
+      fill: ve([248, 249, 250]),
+      stroke: ve([217, 217, 217]),
+      strokeWidth: 1
+    });
+    return j.zIndex = 10, E.addObjects([j], 1), E.addObjects([A, B, K], 2), N;
+  }
+  _updateViewport(e, r, n, t, s) {
+    if (s == null)
+      return;
+    const i = r * t.scaleX, c = n * t.scaleY, o = new L("spreadInSlideViewMain" + e, t, {
+      left: i,
+      top: c,
+      bottom: 0,
+      right: 0,
+      isWheelPreventDefaultX: !0
+    }), l = new L("spreadInSlideViewTop" + e, t, {
+      left: i,
+      height: c,
+      top: 0,
+      right: 0,
+      isWheelPreventDefaultX: !0
+    }), p = new L("spreadInSlideViewLeft" + e, t, {
+      left: 0,
+      bottom: 0,
+      top: c,
+      width: i,
+      isWheelPreventDefaultX: !0
+    });
+    new L("spreadInSlideViewLeftTop" + e, t, {
+      left: 0,
+      top: 0,
+      width: i,
+      height: c,
+      isWheelPreventDefaultX: !0
+    }), o.onScrollAfterObserver.add((_) => {
+      const { scrollX: d, scrollY: g, actualScrollX: h, actualScrollY: f } = _;
+      l.updateScroll({
+        scrollX: d,
+        actualScrollX: h
+      }), p.updateScroll({
+        scrollY: g,
+        actualScrollY: f
+      });
+    }), t.attachControl(), new ue(o, {
+      mainScene: s
+    }), t.on(ge.wheel, (_, d) => {
+      const g = _;
+      if (g.ctrlKey) {
+        const h = Math.abs(g.deltaX);
+        let f = h < 40 ? 0.05 : h < 80 ? 0.02 : 0.01;
+        f *= g.deltaY > 0 ? -1 : 1, t.scaleX < 1 && (f /= 2), t.scaleX + f > 4 ? t.scale(4, 4) : t.scaleX + f < 0.1 ? t.scale(0.1, 0.1) : (t.scaleBy(f, f), g.preventDefault());
+      } else
+        o.onMouseWheel(g, d);
+    });
+  }
+};
+he = It([
+  Se(0, U(te)),
+  Se(1, Ee)
+], he);
+class Tt {
+  constructor() {
+    u(this, "zIndex", 4);
+  }
+  create(e) {
+    return e.createInstance(he);
+  }
+}
+W.add(new Tt());
+var Ot = Object.defineProperty, xt = Object.getOwnPropertyDescriptor, yt = (a, e, r, n) => {
+  for (var t = n > 1 ? void 0 : n ? xt(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;
+}, Dt = (a, e) => (r, n) => e(r, n, a);
+let ee = class {
+  constructor(a) {
+    u(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;
+    }
+  }
+  _adaptorLoader() {
+    W.getData().sort(Le).forEach((a) => {
+      this._adaptors.push(a.create(this._injector));
+    });
+  }
+};
+ee = yt([
+  Dt(0, U(ne))
+], ee);
+var Ct = Object.defineProperty, Rt = Object.getOwnPropertyDescriptor, jt = (a, e, r, n) => {
+  for (var t = n > 1 ? void 0 : n ? Rt(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;
+}, se = (a, e) => (r, n) => e(r, n, a), Mt = /* @__PURE__ */ ((a) => (a.COMPONENT = "__slideRender__", a.SCENE = "__mainScene__", a.VIEW = "__mainView__", a))(Mt || {});
+let J = class extends Ve {
+  constructor(e, r, n) {
+    super();
+    u(this, "_objectProvider", null);
+    u(this, "_activePageId", "");
+    u(this, "_refreshThumb", We(() => {
+      this.createThumbs();
+    }, 300));
+    this._currentUniverService = e, this._injector = r, this._renderManagerService = n, this._initializeDependencies(this._injector), this._initialize();
+  }
+  _initialize() {
+    this._renderManagerService.createRender$.pipe(we(this.dispose$)).subscribe((e) => {
+      this._create(e);
+    }), this._currentUniverService.currentSlide$.pipe(we(this.dispose$)).subscribe((e) => {
+      this._create(e == null ? void 0 : e.getUnitId());
+    }), this._currentUniverService.getAllUniverSlidesInstance().forEach((e) => {
+      this._create(e.getUnitId());
+    });
+  }
+  activePage(e) {
+    const r = this._currentUniverService.getCurrentUniverSlideInstance();
+    let n;
+    if (e)
+      n = r.getPage(e);
+    else {
+      const c = r.getPages(), o = r.getPageOrder();
+      if (o == null || c == null)
+        return;
+      n = c[o[0]], e = n.id;
+    }
+    const t = this._currentRender();
+    if (n == null || t == null || t.mainComponent == null)
+      return;
+    const { id: s } = n, i = t.mainComponent;
+    if (this._activePageId = e, i != null && i.hasPage(s)) {
+      i.changePage(s);
+      return;
+    }
+    this._createScene(s, n);
+  }
+  _scrollToCenter() {
+    var o;
+    const e = (o = this._currentRender()) == null ? void 0 : o.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: c } = r.getBarScroll(t, s);
+    r.scrollTo({
+      x: i,
+      y: c
+    });
+  }
+  _create(e) {
+    e == null || this._currentUniverService.getUniverSlideInstance(e) == null || this._renderManagerService.has(e) || this._addNewRender(e);
+  }
+  _currentRender() {
+    const e = this._currentUniverService.getCurrentUniverSlideInstance();
+    return this._renderManagerService.getRenderById(e.getUnitId());
+  }
+  _addNewRender(e) {
+    const r = this._currentUniverService.getUniverSlideInstance(e);
+    if (r == null)
+      return;
+    const n = r.getContainer(), t = r.getParentRenderUnitId();
+    if (n != null && t != null)
+      throw new Error("container or parentRenderUnitId can only exist one");
+    n == null && t != null ? this._renderManagerService.createRenderWithParent(e, t) : this._renderManagerService.createRender(e);
+    const s = this._renderManagerService.getRenderById(e);
+    if (s == null)
+      return;
+    const { scene: i, engine: c } = s;
+    c.onTransformChangeObservable.addOnce(() => {
+      this._scrollToCenter();
+    }), c.onTransformChangeObservable.add(() => {
+      setTimeout(() => {
+        this.createThumbs();
+      }, 300);
+    }), i.resize(2400, 1800);
+    const o = new L("__mainView__", i, {
+      left: 0,
+      top: 0,
+      bottom: 0,
+      right: 0,
+      isWheelPreventDefaultX: !0
+    });
+    i.attachControl(), i.on(ge.wheel, (p, _) => {
+      const d = p;
+      if (d.ctrlKey) {
+        const g = Math.abs(d.deltaX);
+        let h = g < 40 ? 0.2 : g < 80 ? 0.4 : 0.2;
+        h *= d.deltaY > 0 ? -1 : 1, i.scaleX < 1 && (h /= 2), i.scaleX + h > 4 ? i.scale(4, 4) : i.scaleX + h < 0.1 ? i.scale(0.1, 0.1) : (d.deltaY > 0, d.preventDefault());
+      } else
+        o.onMouseWheel(d, _);
+    }), i.onFileLoadedObservable.add(() => {
+      this._refreshThumb();
+    }), ue.attachTo(o), this._renderManagerService.setCurrent(e);
+    const l = this._createSlide(i);
+    s.mainComponent = l, s.components.set("__slideRender__", l), this._createSlidePages(r, l), c.runRenderLoop(() => {
+      i.render();
+      const p = document.getElementById("app");
+      p && (p.innerText = `fps:${Math.round(c.getFps()).toString()}`);
+    });
+  }
+  _createSlide(e) {
+    const r = this._currentUniverService.getCurrentUniverSlideInstance(), { width: n, height: t } = e, s = r.getPageSize(), { width: i = 100, height: c = 100 } = s, o = new Te("__slideRender__", {
+      left: (n - i) / 2,
+      top: (t - c) / 2,
+      width: i,
+      height: c,
+      zIndex: 10
+    });
+    return o.enableNav(), o.enableSelectedClipElement(), e.addObject(o), o;
+  }
+  _addBackgroundRect(e, r) {
+    const t = this._currentUniverService.getCurrentUniverSlideInstance().getPageSize(), { width: s = 0, height: i = 0 } = t, c = new H("canvas", {
+      left: 0,
+      top: 0,
+      width: s,
+      height: i,
+      strokeWidth: 1,
+      stroke: "rgba(198,198,198, 1)",
+      fill: Q(r) || "rgba(255,255,255, 1)",
+      zIndex: 0,
+      evented: !1
+    });
+    e.addObject(c, 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;
+    return {
+      left: (r - s) / 2,
+      top: (n - i) / 2
+    };
+  }
+  _thumbSceneRender(e, r) {
+    const n = this._renderManagerService.getRenderById(e);
+    if (n == null)
+      return;
+    const { engine: t } = n;
+    if (t == null)
+      return;
+    const { width: s, height: i } = r, { width: c = s, height: o = i } = t, l = t.getCanvas().getContext();
+    r.renderToThumb(l, e, c / s, o / 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 c = t[s];
+        this._createScene(c, n[c]), this._createThumb(c);
+      }
+      this._activePageId = t[0], r.activeFirstPage();
+    }
+  }
+  createThumbs() {
+    const r = this._currentUniverService.getCurrentUniverSlideInstance().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);
+      }
+  }
+  _createThumb(e) {
+    this._renderManagerService.createRender(e);
+  }
+  _createScene(e, r) {
+    const n = this._currentRender();
+    if (!n || !this._objectProvider)
+      return;
+    const { scene: t, mainComponent: s } = n, i = s, { width: c, height: o } = i, l = new re(e, i, {
+      width: c,
+      height: o
+    });
+    new L(`PageViewer_${e}`, l, {
+      left: 0,
+      top: 0,
+      bottom: 0,
+      right: 0
+    }).closeClip();
+    const { pageElements: _, pageBackgroundFill: d } = r, g = this._objectProvider.convertToRenderObjects(_, t);
+    if (!g || !i)
+      return;
+    l.openTransformer(), this._addBackgroundRect(l, d), l.addObjects(g);
+    const h = l.getTransformer();
+    return h == null || h.onChangeEndObservable.add(() => {
+      this._thumbSceneRender(this._activePageId, i);
+    }), h == null || h.onClearControlObservable.add(() => {
+      this._thumbSceneRender(this._activePageId, i);
+    }), i.addPage(l), l;
+  }
+  _initializeDependencies(e) {
+    this._objectProvider = e.createInstance(ee);
+  }
+};
+J = jt([
+  Ue(Ne.Ready, J),
+  se(0, be),
+  se(1, U(ne)),
+  se(2, Qe)
+], J);
+var Et = Object.defineProperty, zt = Object.getOwnPropertyDescriptor, Xt = (a, e, r, n) => {
+  for (var t = n > 1 ? void 0 : n ? zt(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;
+}, ae = (a, e) => (r, n) => e(r, n, a);
+const At = {}, Lt = "slides";
+var ce;
+let Pe = (ce = class extends $e {
+  constructor(e = {}, r, n, t) {
+    super(Lt);
+    u(this, "_config");
+    u(this, "_canvasEngine", null);
+    u(this, "_canvasView", null);
+    this._currentUniverService = r, this._localeService = n, this._injector = t, this._config = Object.assign(At, e), this._initializeDependencies(this._injector);
+  }
+  initialize() {
+    this._localeService.load({
+      zhCN: tt
+    }), this.initCanvasEngine();
+  }
+  getConfig() {
+    return this._config;
+  }
+  initCanvasEngine() {
+    this._canvasEngine = this._injector.get(et);
+  }
+  onRendered() {
+    this.initialize();
+  }
+  onDestroy() {
+    super.onDestroy();
+  }
+  getCanvasEngine() {
+    return this._canvasEngine;
+  }
+  getCanvasView() {
+    return this._canvasView;
+  }
+  _initializeDependencies(e) {
+    [[J]].forEach((n) => {
+      e.add(n);
+    });
+  }
+}, u(ce, "type", He.Slide), ce);
+Pe = Xt([
+  ae(1, be),
+  ae(2, U(te)),
+  ae(3, U(ne))
+], Pe);
+export {
+  J as CanvasView,
+  Mt as SLIDE_KEY,
+  Pe as UniverSlidesPlugin,
+  Yt as enUS,
+  tt as zhCN
+};