@univerjs/slides 0.20.1 → 0.21.0

package/lib/types/basics/const/default-slide.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Copyright 2023-present DreamNum Co., Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+export declare const DEFAULT_SLIDE: {
+    id: string;
+    title: string;
+    pageSize: {
+        width: number;
+        height: number;
+    };
+};

package/lib/types/data-model/slide-data-model.d.ts

@@ -0,0 +1,62 @@
+/**
+ * Copyright 2023-present DreamNum Co., Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import type { Nullable } from '@univerjs/core';
+import type { Observable } from 'rxjs';
+import type { ISlideData, ISlidePage } from '../types/interfaces/i-slide-data';
+import { UnitModel, UniverInstanceType } from '@univerjs/core';
+import { PageType } from '../types/interfaces/i-slide-data';
+export declare class SlideDataModel extends UnitModel<ISlideData, UniverInstanceType.UNIVER_SLIDE> {
+    type: UniverInstanceType.UNIVER_SLIDE;
+    private readonly _activePage$;
+    private get _activePage();
+    readonly activePage$: Observable<Nullable<ISlidePage>>;
+    private readonly _name$;
+    name$: Observable<string>;
+    private _snapshot;
+    private _unitId;
+    constructor(snapshot: Partial<ISlideData>);
+    setName(name: string): void;
+    getRev(): number;
+    incrementRev(): void;
+    setRev(_rev: number): void;
+    getSnapshot(): ISlideData;
+    getUnitId(): string;
+    getPages(): {
+        [id: string]: ISlidePage;
+    } | undefined;
+    getPageOrder(): string[] | undefined;
+    getPage(pageId: string): ISlidePage | undefined;
+    getElementsByPage(pageId: string): {
+        [elementId: string]: import("..").IPageElement;
+    } | undefined;
+    getElement(pageId: string, elementId: string): import("..").IPageElement | undefined;
+    getPageSize(): import("@univerjs/core").ISize;
+    getBlankPage(): {
+        id: string;
+        pageType: PageType;
+        zIndex: number;
+        title: string;
+        description: string;
+        pageBackgroundFill: {
+            rgb: string;
+        };
+        pageElements: {};
+    };
+    setActivePage(page: Nullable<ISlidePage>): void;
+    getActivePage(): Nullable<ISlidePage>;
+    updatePage(pageId: string, page: ISlidePage): void;
+    appendPage(page: ISlidePage): void;
+}

package/lib/types/index.d.ts

@@ -13,6 +13,10 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+export { DEFAULT_SLIDE } from './basics/const/default-slide';
 export type { IUniverSlidesConfig } from './config/config';
+export { SlideDataModel } from './data-model/slide-data-model';
 export { UniverSlidesPlugin } from './plugin';
+export * from './types/enum/prst-geom-type';
+export * from './types/interfaces/i-slide-data';
 export * from './views/render';

package/lib/types/plugin.d.ts

@@ -14,21 +14,21 @@
  * limitations under the License.
  */
 import type { Engine } from '@univerjs/engine-render';
-import { IConfigService, Injector, Plugin, UniverInstanceType } from '@univerjs/core';
-import { IRenderManagerService } from '@univerjs/engine-render';
+import { IConfigService, Injector, IUniverInstanceService, Plugin, UniverInstanceType } from '@univerjs/core';
 export interface IUniverSlidesConfig {
 }
 export declare class UniverSlidesPlugin extends Plugin {
     private readonly _config;
     readonly _injector: Injector;
-    private readonly _renderManagerService;
     private readonly _configService;
+    private readonly _univerInstanceService;
     static pluginName: string;
     static packageName: string;
     static version: string;
     static type: UniverInstanceType;
     private _canvasEngine;
-    constructor(_config: Partial<IUniverSlidesConfig> | undefined, _injector: Injector, _renderManagerService: IRenderManagerService, _configService: IConfigService);
+    constructor(_config: Partial<IUniverSlidesConfig> | undefined, _injector: Injector, _configService: IConfigService, _univerInstanceService: IUniverInstanceService);
+    onStarting(): void;
     initialize(): void;
     onReady(): void;
     getConfig(): Partial<IUniverSlidesConfig>;

package/lib/types/types/enum/prst-geom-type.d.ts

@@ -0,0 +1,118 @@
+/**
+ * Copyright 2023-present DreamNum Co., Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+export declare enum BasicShapes {
+    Line = "line",
+    LineInv = "lineInv",
+    Triangle = "triangle",
+    RtTriangle = "rtTriangle",
+    Rect = "rect",
+    Diamond = "diamond",
+    Parallelogram = "parallelogram",
+    Trapezoid = "trapezoid",
+    NonIsocelesTrapezoid = "nonIsocelesTrapezoid",
+    Pentagon = "pentagon",
+    Hexagon = "hexagon",
+    Heptagon = "heptagon",
+    Octagon = "octagon",
+    Decagon = "decagon",
+    Dodecagon = "dodecagon",
+    Star4 = "star4",
+    Star5 = "star5",
+    Star6 = "star6",
+    Star7 = "star7",
+    Star8 = "star8",
+    Star10 = "star10",
+    Star12 = "star12",
+    Star16 = "star16",
+    Star24 = "star24",
+    Star32 = "star32",
+    RoundRect = "roundRect",
+    Round1Rect = "round1Rect",
+    Round2SameRect = "round2SameRect",
+    Round2DiagRect = "round2DiagRect",
+    Ellipse = "ellipse"
+}
+export declare enum ArrowsAndMarkersShapes {
+    RightArrow = "rightArrow",
+    LeftArrow = "leftArrow",
+    UpArrow = "upArrow",
+    DownArrow = "downArrow",
+    LeftRightArrow = "leftRightArrow",
+    UpDownArrow = "upDownArrow",
+    QuadArrow = "quadArrow",
+    LeftRightUpArrow = "leftRightUpArrow",
+    BentArrow = "bentArrow",
+    UturnArrow = "uturnArrow",
+    CircularArrow = "circularArrow",
+    NotchedRightArrow = "notchedRightArrow",
+    HomePlate = "homePlate",
+    Chevron = "chevron",
+    LeftCircularArrow = "leftCircularArrow",
+    LeftRightCircularArrow = "leftRightCircularArrow"
+}
+export declare enum OtherShapes {
+    Plaque = "plaque",
+    Can = "can",
+    Cube = "cube",
+    Bevel = "bevel",
+    Donut = "donut",
+    NoSmoking = "noSmoking",
+    BlockArc = "blockArc",
+    FoldedCorner = "foldedCorner"
+}
+export declare enum SpecialShapes {
+    SmileyFace = "smileyFace",
+    Heart = "heart",
+    LightningBolt = "lightningBolt",
+    Sun = "sun",
+    Moon = "moon",
+    Cloud = "cloud",
+    Arc = "arc",
+    Backpack = "backpack",
+    Frame = "frame",
+    HalfFrame = "halfFrame",
+    Corner = "corner",
+    Chord = "chord",
+    Pie = "pie",
+    Teardrop = "teardrop",
+    WedgeRectCallout = "wedgeRectCallout",
+    WedgeRRectCallout = "wedgeRRectCallout",
+    WedgeEllipseCallout = "wedgeEllipseCallout",
+    CloudCallout = "cloudCallout",
+    BorderCallout1 = "borderCallout1",
+    BorderCallout2 = "borderCallout2",
+    BorderCallout3 = "borderCallout3",
+    AccentCallout1 = "accentCallout1",
+    AccentCallout2 = "accentCallout2",
+    AccentCallout3 = "accentCallout3",
+    Callout1 = "callout1",
+    Callout2 = "callout2",
+    Callout3 = "callout3",
+    ActionButtonBackPrevious = "actionButtonBackPrevious",
+    ActionButtonEnd = "actionButtonEnd",
+    ActionButtonForwardNext = "actionButtonForwardNext",
+    ActionButtonHelp = "actionButtonHelp",
+    ActionButtonHome = "actionButtonHome",
+    ActionButtonInformation = "actionButtonInformation",
+    ActionButtonMovie = "actionButtonMovie",
+    ActionButtonReturn = "actionButtonReturn",
+    ActionButtonSound = "actionButtonSound"
+}
+/**
+ * 20.1.9.18 prstGeom (Preset geometry)
+ */
+export type ShapeType = BasicShapes | ArrowsAndMarkersShapes | OtherShapes | SpecialShapes;
+export type PresetGeometryType = ShapeType | 'custom';

package/lib/types/types/interfaces/i-slide-data.d.ts

@@ -0,0 +1,158 @@
+/**
+ * Copyright 2023-present DreamNum Co., Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import type { IColorStyle, ICustomBlock, IDocumentData, IImageProperties, ILists, IPlaceholder, IShapeProperties, ISize, IStyleBase, IStyleData, ITransformState, IWorksheetData, LocaleType, Nullable, ThemeColorType } from '@univerjs/core';
+import type { ShapeType } from '../enum/prst-geom-type';
+export interface ISlideData extends IReferenceSource {
+    id: string;
+    locale?: LocaleType;
+    title: string;
+    pageSize: ISize;
+    body?: ISlidePageBody;
+}
+interface IReferenceSource {
+    master?: {
+        [id: string]: ISlidePage;
+    };
+    handoutMaster?: {
+        [id: string]: ISlidePage;
+    };
+    notesMaster?: {
+        [id: string]: ISlidePage;
+    };
+    layouts?: {
+        [id: string]: ISlidePage;
+    };
+    lists?: ILists;
+}
+interface ISlidePageBody {
+    pages: {
+        [id: string]: ISlidePage;
+    };
+    pageOrder: string[];
+}
+export interface ISlidePage {
+    id: string;
+    pageType: PageType;
+    zIndex: number;
+    title: string;
+    description: string;
+    pageBackgroundFill: IColorStyle;
+    colorScheme?: ThemeColorType;
+    pageElements: {
+        [elementId: string]: IPageElement;
+    };
+    slideProperties?: ISlideProperties;
+    layoutProperties?: ILayoutProperties;
+    notesProperties?: INotesProperties;
+    handoutProperties?: IHandoutProperties;
+    masterProperties?: IMasterProperties;
+}
+interface ISlideProperties {
+    layoutObjectId: string;
+    masterObjectId: string;
+    isSkipped: boolean;
+}
+interface ILayoutProperties {
+    masterObjectId: string;
+    name: string;
+}
+interface INotesProperties {
+    name: string;
+}
+interface IHandoutProperties {
+    name: string;
+}
+interface IMasterProperties {
+    name: string;
+}
+export interface ISlideRichTextProps extends ITransformState, IStyleBase {
+    text?: string;
+    rich?: IDocumentData;
+}
+export interface IPageElement {
+    id: string;
+    zIndex: number;
+    left?: number;
+    top?: number;
+    width?: number;
+    height?: number;
+    angle?: number;
+    scaleX?: number;
+    scaleY?: number;
+    skewX?: number;
+    skewY?: number;
+    flipX?: boolean;
+    flipY?: boolean;
+    title: string;
+    description: string;
+    type: PageElementType;
+    shape?: IShape;
+    image?: IImage;
+    richText?: ISlideRichTextProps;
+    /** @deprecated */
+    spreadsheet?: {
+        worksheet: IWorksheetData;
+        styles: Record<string, Nullable<IStyleData>>;
+    };
+    /** @deprecated */
+    document?: IDocumentData;
+    /** @deprecated */
+    slide?: ISlideData;
+    customBlock?: ICustomBlock;
+}
+export declare enum PageType {
+    SLIDE = 0,// A slide page.
+    MASTER = 1,// A master slide page.
+    LAYOUT = 2,// A layout page.
+    HANDOUT_MASTER = 3,// A handout master page.
+    NOTES_MASTER = 4
+}
+export declare enum PageElementType {
+    SHAPE = 0,
+    IMAGE = 1,
+    TEXT = 2,
+    SPREADSHEET = 3,
+    DOCUMENT = 4,
+    SLIDE = 5
+}
+/**
+ * IShape
+ */
+export interface IShape {
+    shapeType: ShapeType;
+    text: string;
+    shapeProperties: IShapeProperties;
+    placeholder?: IPlaceholder;
+    link?: ILink;
+}
+export interface IImage {
+    imageProperties?: IImageProperties;
+    placeholder?: IPlaceholder;
+    link?: ILink;
+}
+interface ILink {
+    relativeLink: RelativeSlideLink;
+    pageId?: string;
+    slideIndex?: number;
+}
+export declare enum RelativeSlideLink {
+    RELATIVE_SLIDE_LINK_UNSPECIFIED = 0,// An unspecified relative slide link.
+    NEXT_SLIDE = 1,// A link to the next slide.
+    PREVIOUS_SLIDE = 2,// A link to the previous slide.
+    FIRST_SLIDE = 3,// A link to the first slide in the presentation.
+    LAST_SLIDE = 4
+}
+export {};

package/lib/types/views/render/adaptor.d.ts

@@ -13,8 +13,9 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import type { Injector, IPageElement, Nullable, PageElementType } from '@univerjs/core';
+import type { Injector, Nullable } from '@univerjs/core';
 import type { BaseObject, Scene } from '@univerjs/engine-render';
+import type { IPageElement, PageElementType } from '../../types/interfaces/i-slide-data';
 import { Registry } from '@univerjs/core';
 export declare abstract class ObjectAdaptor {
     zIndex: number;

package/lib/types/views/render/adaptors/docs-adaptor.d.ts

@@ -13,9 +13,11 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import type { Injector, IPageElement } from '@univerjs/core';
-import { LocaleService, PageElementType } from '@univerjs/core';
+import type { Injector } from '@univerjs/core';
+import type { IPageElement } from '../../../types/interfaces/i-slide-data';
+import { LocaleService } from '@univerjs/core';
 import { Scene, SceneViewer } from '@univerjs/engine-render';
+import { PageElementType } from '../../../types/interfaces/i-slide-data';
 import { ObjectAdaptor } from '../adaptor';
 export declare enum DOCS_VIEW_KEY {
     MAIN = "__DocsRender__",

package/lib/types/views/render/adaptors/image-adaptor.d.ts

@@ -13,9 +13,10 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import type { Injector, IPageElement } from '@univerjs/core';
-import { PageElementType } from '@univerjs/core';
+import type { Injector } from '@univerjs/core';
+import type { IPageElement } from '../../../types/interfaces/i-slide-data';
 import { Image } from '@univerjs/engine-render';
+import { PageElementType } from '../../../types/interfaces/i-slide-data';
 import { ObjectAdaptor } from '../adaptor';
 export declare class ImageAdaptor extends ObjectAdaptor {
     zIndex: number;

package/lib/types/views/render/adaptors/rich-text-adaptor.d.ts

@@ -13,10 +13,12 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import type { Injector, IPageElement } from '@univerjs/core';
+import type { Injector } from '@univerjs/core';
 import type { Scene } from '@univerjs/engine-render';
-import { LocaleService, PageElementType } from '@univerjs/core';
+import type { IPageElement } from '../../../types/interfaces/i-slide-data';
+import { LocaleService } from '@univerjs/core';
 import { RichText } from '@univerjs/engine-render';
+import { PageElementType } from '../../../types/interfaces/i-slide-data';
 import { ObjectAdaptor } from '../adaptor';
 export declare class RichTextAdaptor extends ObjectAdaptor {
     private readonly _localeService;

package/lib/types/views/render/adaptors/shape-adaptor.d.ts

@@ -13,9 +13,10 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import type { Injector, IPageElement } from '@univerjs/core';
-import { PageElementType } from '@univerjs/core';
+import type { Injector } from '@univerjs/core';
+import type { IPageElement } from '../../../types/interfaces/i-slide-data';
 import { Circle, Rect } from '@univerjs/engine-render';
+import { PageElementType } from '../../../types/interfaces/i-slide-data';
 import { ObjectAdaptor } from '../adaptor';
 export declare class ShapeAdaptor extends ObjectAdaptor {
     zIndex: number;

package/lib/types/views/render/adaptors/slide-adaptor.d.ts

@@ -13,9 +13,10 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import type { IPageElement } from '@univerjs/core';
-import { Injector, PageElementType } from '@univerjs/core';
+import type { IPageElement } from '../../../types/interfaces/i-slide-data';
+import { Injector } from '@univerjs/core';
 import { Scene, Slide } from '@univerjs/engine-render';
+import { PageElementType } from '../../../types/interfaces/i-slide-data';
 import { ObjectAdaptor } from '../adaptor';
 export declare enum SLIDE_VIEW_KEY {
     MAIN = "__SLIDERender__",

package/lib/types/views/render/adaptors/spreadsheet-adaptor.d.ts

@@ -13,9 +13,10 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import type { IPageElement } from '@univerjs/core';
-import { IConfigService, IContextService, Injector, LocaleService, PageElementType } from '@univerjs/core';
+import type { IPageElement } from '../../../types/interfaces/i-slide-data';
+import { IConfigService, IContextService, Injector, LocaleService } from '@univerjs/core';
 import { Scene, SceneViewer } from '@univerjs/engine-render';
+import { PageElementType } from '../../../types/interfaces/i-slide-data';
 import { ObjectAdaptor } from '../adaptor';
 export declare class SpreadsheetAdaptor extends ObjectAdaptor {
     private readonly _localeService;

package/lib/types/views/render/object-provider.d.ts

@@ -13,8 +13,8 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import type { IPageElement } from '@univerjs/core';
 import type { BaseObject, Scene } from '@univerjs/engine-render';
+import type { IPageElement } from '../../types/interfaces/i-slide-data';
 import { Injector } from '@univerjs/core';
 import './adaptors';
 export declare class ObjectProvider {

package/lib/umd/index.js

@@ -1 +1 @@
-(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`@univerjs/core`),require(`@univerjs/engine-render`)):typeof define==`function`&&define.amd?define([`exports`,`@univerjs/core`,`@univerjs/engine-render`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.UniverSlides={},e.UniverCore,e.UniverEngineRender))})(this,function(e,t,n){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var r=`@univerjs/slides`,i=`0.20.1`;let a=`slides.config`;Symbol(a);let o={};function s(e){"@babel/helpers - typeof";return s=typeof Symbol==`function`&&typeof Symbol.iterator==`symbol`?function(e){return typeof e}:function(e){return e&&typeof Symbol==`function`&&e.constructor===Symbol&&e!==Symbol.prototype?`symbol`:typeof e},s(e)}function c(e,t){if(s(e)!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(s(r)!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function l(e){var t=c(e,`string`);return s(t)==`symbol`?t:t+``}function u(e,t,n){return(t=l(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function d(e,t){return function(n,r){t(n,r,e)}}function f(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a}let p=class extends t.Plugin{constructor(e=o,n,r,i){super(),this._config=e,this._injector=n,this._renderManagerService=r,this._configService=i,u(this,`_canvasEngine`,null);let{...s}=(0,t.merge)({},o,this._config);this._configService.setConfig(a,s),this._initializeDependencies(this._injector)}initialize(){this.initCanvasEngine()}onReady(){}getConfig(){return this._config}initCanvasEngine(){this._canvasEngine=this._injector.get(n.IRenderingEngine)}onRendered(){this.initialize()}getCanvasEngine(){return this._canvasEngine}_initializeDependencies(e){[].forEach(t=>{e.add(t)})}};u(p,`pluginName`,`UNIVER_SLIDES_PLUGIN`),u(p,`packageName`,r),u(p,`version`,i),u(p,`type`,t.UniverInstanceType.UNIVER_SLIDE),p=f([d(1,(0,t.Inject)(t.Injector)),d(2,n.IRenderManagerService),d(3,t.IConfigService)],p);var m=class{constructor(){u(this,`zIndex`,0),u(this,`viewKey`,null)}check(e){if(e===this.viewKey)return this}create(e){}};let h=t.Registry.create(),g=function(e){return e.MAIN=`__DocsRender__`,e.SCENE_VIEWER=`__DocsViewer__`,e.SCENE=`__DocsScene__`,e.VIEWPORT=`__DocsViewPort_`,e}({}),_=class extends m{constructor(e){super(),this._localeService=e,u(this,`zIndex`,5),u(this,`viewKey`,t.PageElementType.DOCUMENT),u(this,`_liquid`,new n.Liquid)}check(e){if(e===this.viewKey)return this}convert(e,r){var i,a;let{id:o,zIndex:s,left:c=0,top:l=0,width:u,height:d,angle:f,scaleX:p,scaleY:m,skewX:h,skewY:_,flipX:v,flipY:y,title:b,description:x,document:S}=e;if(S==null)return;let C=new n.DocumentViewModel(new t.DocumentDataModel(S)),w=n.DocumentSkeleton.create(C,this._localeService),T=new n.Documents(g.MAIN,w);w.calculate();let E=new n.SceneViewer(g.SCENE_VIEWER+o,{top:l,left:c,width:u,height:d,zIndex:s,angle:f,scaleX:p,scaleY:m,skewX:h,skewY:_,flipX:v,flipY:y}),D=new n.Scene(g.SCENE+o,E),O=new n.Viewport(g.VIEWPORT+o,D,{left:0,top:0,bottom:0,right:0,explicitViewportWidthSet:!1,explicitViewportHeightSet:!1,isWheelPreventDefaultX:!0});D.attachControl(),D.onMouseWheel$.subscribeEvent((e,t)=>{let n=e;if(n.ctrlKey){let e=Math.abs(n.deltaX),t=e<40?.2:e<80?.4:.2;t*=n.deltaY>0?-1:1,D.scaleX<1&&(t/=2),D.scaleX+t>4?D.scale(4,4):D.scaleX+t<.1?D.scale(.1,.1):(n.deltaY,n.preventDefault())}else O.onMouseWheel(n,t)}),new n.ScrollBar(O,{mainScene:r}),D.addObject(T);let k=w.getActualSize();T.resize(k.actualWidth,k.actualHeight),D.resize(k.actualWidth,k.actualHeight+200),(i=T.getSkeleton())==null||i.getPageSize(),T.pageRender$.subscribe(e=>{let{page:t,pageLeft:n,pageTop:r,ctx:i}=e,{width:a,height:o,marginBottom:s,marginLeft:c,marginRight:l,marginTop:u}=t;i.save(),i.translate(n-.5,r-.5),i.restore()});let{left:A,top:j}=T,M=w.getSkeletonData();if(M==null)return;let{pages:N}=M,P=[],F=new Map;this._recalculateSizeBySkeleton(T,D,w);for(let e=0,t=N.length;e<t;e++){let t=N[e],{skeDrawings:r,marginLeft:i,marginTop:a,pageWidth:o,pageHeight:s}=t;this._liquid.translatePagePadding(t),r.forEach(e=>{let{aLeft:t,aTop:r,height:i,width:a,drawingOrigin:o}=e,{docTransform:s}=o,c=new n.Image(e.drawingId,{left:t+A+this._liquid.x,top:r+j+this._liquid.y,width:a,height:i,zIndex:11});F.set(e.drawingId,{marginLeft:this._liquid.x,marginTop:this._liquid.y}),P.push(c)}),this._liquid.translatePage(t,T.pageLayoutType,T.pageMarginLeft,T.pageMarginTop)}return D.addObjects(P),P.forEach(e=>{D.attachTransformerTo(e)}),(a=D.getTransformer())==null||a.changing$.subscribe(e=>{let{objects:t}=e;t.forEach(e=>{let{oKey:t,left:n,top:r,height:i,width:a}=e,o=F.get(t),s=(o==null?void 0:o.marginLeft)||0,c=(o==null?void 0:o.marginTop)||0;w==null||w.getViewModel().getDataModel().updateDrawing(t,{left:n-A-s,top:r-j-c,height:i,width:a})}),w==null||w.calculate()}),this._calculatePagePosition(T,D,O),E}_recalculateSizeBySkeleton(e,t,r){var i;let a=(i=r.getSkeletonData())==null?void 0:i.pages;if(a==null)return;let o=0,s=0;for(let t=0,r=a.length;t<r;t++){let{pageWidth:i,pageHeight:c}=a[t];e.pageLayoutType===n.PageLayoutType.VERTICAL?(s+=c,s+=e.pageMarginTop,t===r-1&&(s+=e.pageMarginTop),o=Math.max(o,i)):e.pageLayoutType===n.PageLayoutType.HORIZONTAL&&(o+=i,t!==r-1&&(o+=e.pageMarginLeft),s=Math.max(s,c))}e.resize(o,s),t.resize(o,s)}_calculatePagePosition(e,t,n,r=1){let i=t==null?void 0:t.getParent(),{width:a,height:o,pageMarginLeft:s,pageMarginTop:c}=e;if(i==null||a===1/0||o===1/0)return;let{width:l,height:u}=i,d=0,f=0,p=0,m=0,h=1/0;if(l>(a+s*2)*r?(d=l/2-a*r/2,d/=r,p=(l-s*2)/r,h=0):(d=s,p=a+s*2,h=(p-l/r)/2),u>o?(f=u/2-o/2,m=(u-c*2)/r):(f=c,m=o+c*2),t.resize(p,m+200),e.translate(d,f),h!==1/0&&n!=null){let e=n.transScroll2ViewportScrollValue(h,0).x;n.scrollToBarPos({x:e})}return this}};_=f([d(0,(0,t.Inject)(t.LocaleService))],_);var v=class{constructor(){u(this,`zIndex`,5)}create(e){return e.createInstance(_)}};h.add(new v);var y=class extends m{constructor(...e){super(...e),u(this,`zIndex`,1),u(this,`viewKey`,t.PageElementType.IMAGE)}check(e){if(e===this.viewKey)return this}convert(e){let{id:t,zIndex:r,left:i=0,top:a=0,width:o,height:s,angle:c,scaleX:l,scaleY:u,skewX:d,skewY:f,flipX:p,flipY:m,title:h,description:g,image:_={}}=e,{imageProperties:v,placeholder:y,link:b}=_;return new n.Image(t,{url:(v==null?void 0:v.contentUrl)||``,top:a,left:i,width:o,height:s,zIndex:r,angle:c,scaleX:l,scaleY:u,skewX:d,skewY:f,flipX:p,flipY:m,forceRender:!0})}},b=class{constructor(){u(this,`zIndex`,4)}create(e){return e.createInstance(y)}};h.add(new b);let x=class extends m{constructor(e){super(),this._localeService=e,u(this,`zIndex`,2),u(this,`viewKey`,t.PageElementType.TEXT)}check(e){if(e===this.viewKey)return this}convert(e,t){let{id:r,zIndex:i,left:a=0,top:o=0,width:s,height:c,angle:l,scaleX:u,scaleY:d,skewX:f,skewY:p,flipX:m,flipY:h,title:g,description:_,richText:v={}}=e,{text:y,ff:b,fs:x,it:S,bl:C,ul:w,st:T,ol:E,bg:D,bd:O,cl:k,rich:A}=v,j={top:o,left:a,width:s,height:c,zIndex:i,angle:l,scaleX:u,scaleY:d,skewX:f,skewY:p,flipX:m,flipY:h,forceRender:!0},M=!1;if(y==null?A!=null&&(j={...j,richText:A},M=!0):(j={...j,text:y,ff:b,fs:x,it:S,bl:C,ul:w,st:T,ol:E,bg:D,bd:O,cl:k},M=!0),M!==!1)return new n.RichText(this._localeService,r,j)}};x=f([d(0,(0,t.Inject)(t.LocaleService))],x);var S=class{constructor(){u(this,`zIndex`,0)}create(e){return e.createInstance(x)}};h.add(new S);var C=class extends m{constructor(...e){super(...e),u(this,`zIndex`,2),u(this,`viewKey`,t.PageElementType.SHAPE)}check(e){if(e===this.viewKey)return this}convert(e){let{id:r,zIndex:i,left:a=0,top:o=0,width:s,height:c,angle:l,scaleX:u,scaleY:d,skewX:f,skewY:p,flipX:m,flipY:h,title:g,description:_}=e,{shapeType:v,text:y,shapeProperties:b,placeholder:x,link:S}=e.shape||{},C=b==null?``:(0,t.getColorStyle)(b.shapeBackgroundFill)||`rgba(255,255,255,1)`,w=b==null?void 0:b.outline,T={};if(w){let{outlineFill:e,weight:n}=w;T.strokeWidth=n,T.stroke=(0,t.getColorStyle)(e)||`rgba(0,0,0,1)`}if(v===t.BasicShapes.Rect)return new n.Rect(r,{fill:C,top:o,left:a,width:s,height:c,zIndex:i,angle:l,scaleX:u,scaleY:d,skewX:f,skewY:p,flipX:m,flipY:h,forceRender:!0,...T});if(v===t.BasicShapes.RoundRect)return new n.Rect(r,{fill:C,top:o,left:a,width:s,height:c,zIndex:i,angle:l,scaleX:u,scaleY:d,skewX:f,skewY:p,flipX:m,flipY:h,forceRender:!0,radius:(b==null?void 0:b.radius)||0,...T});if(v===t.BasicShapes.Ellipse)return console.warn(b==null?void 0:b.radius),new n.Circle(r,{fill:C,top:o,left:a,width:s,height:c,zIndex:i,angle:l,scaleX:u,scaleY:d,skewX:f,skewY:p,flipX:m,flipY:h,forceRender:!0,radius:(b==null?void 0:b.radius)||0,...T})}},w=class{constructor(){u(this,`zIndex`,2)}create(e){return e.createInstance(C)}};h.add(new w);let T=class{constructor(e){this._injector=e,u(this,`_adaptors`,[]),this._adaptorLoader()}convertToRenderObjects(e,t){let n=Object.keys(e),r=[];return n.forEach(n=>{let i=e[n],a=this._executor(i,t);a!=null&&r.push(a)}),r}convertToRenderObject(e,t){return this._executor(e,t)}_executor(e,t){let{id:n,type:r}=e;for(let n of this._adaptors){var i;let a=(i=n.check(r))==null?void 0:i.convert(e,t);if(a!=null)return a}}_adaptorLoader(){h.getData().sort(t.sortRules).forEach(e=>{this._adaptors.push(e.create(this._injector))})}};T=f([d(0,(0,t.Inject)(t.Injector))],T);let E=function(e){return e.MAIN=`__SLIDERender__`,e.SCENE_VIEWER=`__SLIDEViewer__`,e.SCENE=`__SLIDEScene__`,e.VIEWPORT=`__SLIDEViewPort_`,e}({}),D=class extends m{constructor(e){super(),this._injector=e,u(this,`zIndex`,6),u(this,`viewKey`,t.PageElementType.SLIDE),u(this,`_ObjectProvider`,null)}check(e){if(e===this.viewKey)return this}convert(e,r){let{id:i,zIndex:a,left:o=0,top:s=0,width:c,height:l,angle:u,scaleX:d,scaleY:f,skewX:p,skewY:m,flipX:h,flipY:g,title:_,description:v,slide:y}=e;if(y==null)return;let b=new t.SlideDataModel(y),x=new n.Slide(E.MAIN+i,{top:s,left:o,width:c,height:l,zIndex:a,angle:u,scaleX:d,scaleY:f,skewX:p,skewY:m,flipX:h,flipY:g,forceRender:!0});x.enableNav(),x.enableSelectedClipElement();let S=b.getPageOrder(),C=b.getPages();if(!S||!C)return x;this._ObjectProvider=new T(this._injector);for(let e=0,t=S.length;e<t;e++){let t=C[S[e]],{id:n}=t;x.addPageScene(this._createScene(n,x,t,r,b))}return x.activeFirstPage(),x}_createScene(e,t,r,i,a){var o;let{width:s,height:c}=t,l=new n.Scene(e,t,{width:s,height:c});new n.Viewport(`PageViewer_${e}`,l,{left:0,top:0,bottom:0,right:0,explicitViewportWidthSet:!1,explicitViewportHeightSet:!1}).closeClip();let{pageElements:u,pageBackgroundFill:d}=r,f=(o=this._ObjectProvider)==null?void 0:o.convertToRenderObjects(u,i);return this._addBackgroundRect(l,d,a),l.addObjects(f),f==null||f.forEach(e=>{l.attachTransformerTo(e)}),l}_addBackgroundRect(e,r,i){let{width:a=0,height:o=0}=i.getPageSize(),s=new n.Rect(`canvas`,{left:0,top:0,width:a,height:o,strokeWidth:1,stroke:`rgba(198,198,198, 1)`,fill:(0,t.getColorStyle)(r)||`rgba(255,255,255, 1)`,zIndex:0,evented:!1});e.addObject(s,0)}};D=f([d(0,(0,t.Inject)(t.Injector))],D);var O=class{constructor(){u(this,`zIndex`,6)}create(e){return e.createInstance(D)}};h.add(new O);var k=function(e){return e.MAIN=`spreadInSlide`,e.SCENE=`spreadInSlideScene`,e.SCENE_VIEWER=`spreadInSlideSceneViewer`,e.ROW=`spreadInSlideRow`,e.COLUMN=`spreadInSlideColumn`,e.LEFT_TOP=`spreadInSlideLeftTop`,e.VIEW_MAIN=`spreadInSlideViewMain`,e.VIEW_TOP=`spreadInSlideViewTop`,e.VIEW_LEFT=`spreadInSlideViewLeft`,e.VIEW_LEFT_TOP=`spreadInSlideViewLeftTop`,e}(k||{});let A=class extends m{constructor(e,n,r,i){super(),this._localeService=e,this._contextService=n,this._configService=r,this._injector=i,u(this,`zIndex`,4),u(this,`viewKey`,t.PageElementType.SPREADSHEET)}check(e){if(e===this.viewKey)return this}convert(e,r){let{id:i,zIndex:a,left:o=0,top:s=0,width:c,height:l,angle:u,scaleX:d,scaleY:f,skewX:p,skewY:m,flipX:h,flipY:g,spreadsheet:_}=e;if(_==null)return;let{worksheet:v,styles:y}=_,b=new t.Styles(y),x=new n.SpreadsheetSkeleton(new t.Worksheet(i,v,b),b,this._localeService,this._contextService,this._configService,this._injector),{rowTotalHeight:S,columnTotalWidth:C,rowHeaderWidth:w,columnHeaderHeight:T}=x,E=C+v.rowHeader.width||0,D=S+v.columnHeader.height||0,O=new n.SceneViewer(k.SCENE_VIEWER+i,{top:s,left:o,width:c,height:l,zIndex:a,angle:u,scaleX:d,scaleY:f,skewX:p,skewY:m,flipX:h,flipY:g,forceRender:!0}),A=new n.Scene(k.SCENE+i,O,{width:E,height:D});this._updateViewport(i,w,T,A,r);let j=new n.Spreadsheet(`testSheetViewer`,x,!1),M=new n.SpreadsheetRowHeader(k.ROW,x),N=new n.SpreadsheetColumnHeader(k.COLUMN,x),P=new n.Rect(k.LEFT_TOP,{zIndex:2,left:-1,top:-1,width:w,height:T,fill:(0,n.getColor)([248,249,250]),stroke:(0,n.getColor)([217,217,217]),strokeWidth:1});return j.zIndex=10,A.addObjects([j],1),A.addObjects([M,N,P],2),O}_updateViewport(e,t,r,i,a){if(a==null)return;let o=t*i.scaleX,s=r*i.scaleY,c=new n.Viewport(k.VIEW_MAIN+e,i,{left:o,top:s,bottom:0,right:0,explicitViewportWidthSet:!1,explicitViewportHeightSet:!1,isWheelPreventDefaultX:!0}),l=new n.Viewport(k.VIEW_TOP+e,i,{left:o,height:s,top:0,right:0,explicitViewportWidthSet:!1,isWheelPreventDefaultX:!0}),u=new n.Viewport(k.VIEW_LEFT+e,i,{left:0,bottom:0,top:s,width:o,explicitViewportHeightSet:!1,isWheelPreventDefaultX:!0});new n.Viewport(k.VIEW_LEFT_TOP+e,i,{left:0,top:0,width:o,height:s,isWheelPreventDefaultX:!0}),c.onScrollAfter$.subscribeEvent(e=>{let{scrollX:t,scrollY:n,viewportScrollX:r,viewportScrollY:i}=e;l.updateScrollVal({scrollX:t,viewportScrollX:r}),u.updateScrollVal({scrollY:n,viewportScrollY:i})}),i.attachControl(),new n.ScrollBar(c,{mainScene:a}),i.onMouseWheel$.subscribeEvent((e,t)=>{let n=e;if(n.ctrlKey){let e=Math.abs(n.deltaX),t=e<40?.05:e<80?.02:.01;t*=n.deltaY>0?-1:1,i.scaleX<1&&(t/=2),i.scaleX+t>4?i.scale(4,4):i.scaleX+t<.1?i.scale(.1,.1):(i.scaleBy(t,t),n.preventDefault())}else c.onMouseWheel(n,t)})}};A=f([d(0,(0,t.Inject)(t.LocaleService)),d(1,t.IContextService),d(2,t.IConfigService),d(3,(0,t.Inject)(t.Injector))],A);var j=class{constructor(){u(this,`zIndex`,4)}create(e){return e.createInstance(A)}};h.add(new j);let M=function(e){return e.COMPONENT=`__slideRender__`,e.SCENE=`__mainScene__`,e.VIEW=`__mainView__`,e}({});e.CanvasObjectProviderRegistry=h,e.ObjectAdaptor=m,Object.defineProperty(e,`ObjectProvider`,{enumerable:!0,get:function(){return T}}),e.SLIDE_KEY=M,e.SLIDE_VIEW_KEY=E,Object.defineProperty(e,`UniverSlidesPlugin`,{enumerable:!0,get:function(){return p}})});
+(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`@univerjs/core`),require(`rxjs`),require(`@univerjs/engine-render`)):typeof define==`function`&&define.amd?define([`exports`,`@univerjs/core`,`rxjs`,`@univerjs/engine-render`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.UniverSlides={},e.UniverCore,e.rxjs,e.UniverEngineRender))})(this,function(e,t,n,r){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});let i={id:`default_slide`,title:`defaultSlide`,pageSize:{width:300,height:300}},a=function(e){return e[e.SLIDE=0]=`SLIDE`,e[e.MASTER=1]=`MASTER`,e[e.LAYOUT=2]=`LAYOUT`,e[e.HANDOUT_MASTER=3]=`HANDOUT_MASTER`,e[e.NOTES_MASTER=4]=`NOTES_MASTER`,e}({}),o=function(e){return e[e.SHAPE=0]=`SHAPE`,e[e.IMAGE=1]=`IMAGE`,e[e.TEXT=2]=`TEXT`,e[e.SPREADSHEET=3]=`SPREADSHEET`,e[e.DOCUMENT=4]=`DOCUMENT`,e[e.SLIDE=5]=`SLIDE`,e}({}),s=function(e){return e[e.RELATIVE_SLIDE_LINK_UNSPECIFIED=0]=`RELATIVE_SLIDE_LINK_UNSPECIFIED`,e[e.NEXT_SLIDE=1]=`NEXT_SLIDE`,e[e.PREVIOUS_SLIDE=2]=`PREVIOUS_SLIDE`,e[e.FIRST_SLIDE=3]=`FIRST_SLIDE`,e[e.LAST_SLIDE=4]=`LAST_SLIDE`,e}({});function c(e){"@babel/helpers - typeof";return c=typeof Symbol==`function`&&typeof Symbol.iterator==`symbol`?function(e){return typeof e}:function(e){return e&&typeof Symbol==`function`&&e.constructor===Symbol&&e!==Symbol.prototype?`symbol`:typeof e},c(e)}function l(e,t){if(c(e)!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(c(r)!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function u(e){var t=l(e,`string`);return c(t)==`symbol`?t:t+``}function d(e,t,n){return(t=u(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var f=class extends t.UnitModel{get _activePage(){let e=this._activePage$.getValue();if(!e){var t,n;let e=(t=this.getPageOrder())==null?void 0:t[0];return e?(n=this.getPages())==null?void 0:n[e]:null}return e}constructor(e){var r;super(),d(this,`type`,t.UniverInstanceType.UNIVER_SLIDE),d(this,`_activePage$`,new n.BehaviorSubject(null)),d(this,`activePage$`,this._activePage$.asObservable()),d(this,`_name$`,void 0),d(this,`name$`,void 0),d(this,`_snapshot`,void 0),d(this,`_unitId`,void 0),this._snapshot={...i,...e},this._unitId=(r=this._snapshot.id)==null?(0,t.generateRandomId)(6):r,this._name$=new n.BehaviorSubject(this._snapshot.title),this.name$=this._name$.asObservable()}setName(e){var n;this._snapshot.title=e,this._name$.next(e),this._unitId=(n=this._snapshot.id)==null?(0,t.generateRandomId)(6):n}getRev(){return 0}incrementRev(){}setRev(e){}getSnapshot(){return this._snapshot}getUnitId(){return this._unitId}getPages(){var e;return(e=this._snapshot.body)==null?void 0:e.pages}getPageOrder(){var e;return(e=this._snapshot.body)==null?void 0:e.pageOrder}getPage(e){let t=this.getPages();return t==null?void 0:t[e]}getElementsByPage(e){var t;return(t=this.getPage(e))==null?void 0:t.pageElements}getElement(e,t){var n;return(n=this.getElementsByPage(e))==null?void 0:n[t]}getPageSize(){return this._snapshot.pageSize}getBlankPage(){let e=(0,t.generateRandomId)(6);return{id:e,pageType:a.SLIDE,zIndex:10,title:e,description:``,pageBackgroundFill:{rgb:`rgb(255,255,255)`},pageElements:{}}}setActivePage(e){this._activePage$.next(e)}getActivePage(){return this._activePage}updatePage(e,t){this._snapshot.body&&(this._snapshot.body.pages[e]=t)}appendPage(e){var t;if(!this._snapshot.body)return;this._snapshot.body.pages[e.id]=e;let n=this._activePage,r=this._snapshot.body.pageOrder.indexOf((t=n==null?void 0:n.id)==null?``:t);this._snapshot.body.pageOrder.splice(r+1,0,e.id)}},p=`@univerjs/slides`,m=`0.21.0`;let h=`slides.config`;Symbol(h);let g={};function _(e,t){return function(n,r){t(n,r,e)}}function v(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a}let y=class extends t.Plugin{constructor(e=g,n,r,i){super(),this._config=e,this._injector=n,this._configService=r,this._univerInstanceService=i,d(this,`_canvasEngine`,null);let{...a}=(0,t.merge)({},g,this._config);this._configService.setConfig(h,a),this._initializeDependencies(this._injector)}onStarting(){this._univerInstanceService.registerCtorForType(t.UniverInstanceType.UNIVER_SLIDE,f)}initialize(){this.initCanvasEngine()}onReady(){}getConfig(){return this._config}initCanvasEngine(){this._canvasEngine=this._injector.get(r.IRenderingEngine)}onRendered(){this.initialize()}getCanvasEngine(){return this._canvasEngine}_initializeDependencies(e){[].forEach(t=>{e.add(t)})}};d(y,`pluginName`,`UNIVER_SLIDES_PLUGIN`),d(y,`packageName`,p),d(y,`version`,m),d(y,`type`,t.UniverInstanceType.UNIVER_SLIDE),y=v([_(1,(0,t.Inject)(t.Injector)),_(2,t.IConfigService),_(3,t.IUniverInstanceService)],y);let b=function(e){return e.Line=`line`,e.LineInv=`lineInv`,e.Triangle=`triangle`,e.RtTriangle=`rtTriangle`,e.Rect=`rect`,e.Diamond=`diamond`,e.Parallelogram=`parallelogram`,e.Trapezoid=`trapezoid`,e.NonIsocelesTrapezoid=`nonIsocelesTrapezoid`,e.Pentagon=`pentagon`,e.Hexagon=`hexagon`,e.Heptagon=`heptagon`,e.Octagon=`octagon`,e.Decagon=`decagon`,e.Dodecagon=`dodecagon`,e.Star4=`star4`,e.Star5=`star5`,e.Star6=`star6`,e.Star7=`star7`,e.Star8=`star8`,e.Star10=`star10`,e.Star12=`star12`,e.Star16=`star16`,e.Star24=`star24`,e.Star32=`star32`,e.RoundRect=`roundRect`,e.Round1Rect=`round1Rect`,e.Round2SameRect=`round2SameRect`,e.Round2DiagRect=`round2DiagRect`,e.Ellipse=`ellipse`,e}({}),x=function(e){return e.RightArrow=`rightArrow`,e.LeftArrow=`leftArrow`,e.UpArrow=`upArrow`,e.DownArrow=`downArrow`,e.LeftRightArrow=`leftRightArrow`,e.UpDownArrow=`upDownArrow`,e.QuadArrow=`quadArrow`,e.LeftRightUpArrow=`leftRightUpArrow`,e.BentArrow=`bentArrow`,e.UturnArrow=`uturnArrow`,e.CircularArrow=`circularArrow`,e.NotchedRightArrow=`notchedRightArrow`,e.HomePlate=`homePlate`,e.Chevron=`chevron`,e.LeftCircularArrow=`leftCircularArrow`,e.LeftRightCircularArrow=`leftRightCircularArrow`,e}({}),S=function(e){return e.Plaque=`plaque`,e.Can=`can`,e.Cube=`cube`,e.Bevel=`bevel`,e.Donut=`donut`,e.NoSmoking=`noSmoking`,e.BlockArc=`blockArc`,e.FoldedCorner=`foldedCorner`,e}({}),C=function(e){return e.SmileyFace=`smileyFace`,e.Heart=`heart`,e.LightningBolt=`lightningBolt`,e.Sun=`sun`,e.Moon=`moon`,e.Cloud=`cloud`,e.Arc=`arc`,e.Backpack=`backpack`,e.Frame=`frame`,e.HalfFrame=`halfFrame`,e.Corner=`corner`,e.Chord=`chord`,e.Pie=`pie`,e.Teardrop=`teardrop`,e.WedgeRectCallout=`wedgeRectCallout`,e.WedgeRRectCallout=`wedgeRRectCallout`,e.WedgeEllipseCallout=`wedgeEllipseCallout`,e.CloudCallout=`cloudCallout`,e.BorderCallout1=`borderCallout1`,e.BorderCallout2=`borderCallout2`,e.BorderCallout3=`borderCallout3`,e.AccentCallout1=`accentCallout1`,e.AccentCallout2=`accentCallout2`,e.AccentCallout3=`accentCallout3`,e.Callout1=`callout1`,e.Callout2=`callout2`,e.Callout3=`callout3`,e.ActionButtonBackPrevious=`actionButtonBackPrevious`,e.ActionButtonEnd=`actionButtonEnd`,e.ActionButtonForwardNext=`actionButtonForwardNext`,e.ActionButtonHelp=`actionButtonHelp`,e.ActionButtonHome=`actionButtonHome`,e.ActionButtonInformation=`actionButtonInformation`,e.ActionButtonMovie=`actionButtonMovie`,e.ActionButtonReturn=`actionButtonReturn`,e.ActionButtonSound=`actionButtonSound`,e}({});var w=class{constructor(){d(this,`zIndex`,0),d(this,`viewKey`,null)}check(e){if(e===this.viewKey)return this}create(e){}};let T=t.Registry.create(),E=function(e){return e.MAIN=`__DocsRender__`,e.SCENE_VIEWER=`__DocsViewer__`,e.SCENE=`__DocsScene__`,e.VIEWPORT=`__DocsViewPort_`,e}({}),D=class extends w{constructor(e){super(),this._localeService=e,d(this,`zIndex`,5),d(this,`viewKey`,o.DOCUMENT),d(this,`_liquid`,new r.Liquid)}check(e){if(e===this.viewKey)return this}convert(e,n){var i,a;let{id:o,zIndex:s,left:c=0,top:l=0,width:u,height:d,angle:f,scaleX:p,scaleY:m,skewX:h,skewY:g,flipX:_,flipY:v,title:y,description:b,document:x}=e;if(x==null)return;let S=new r.DocumentViewModel(new t.DocumentDataModel(x)),C=r.DocumentSkeleton.create(S,this._localeService),w=new r.Documents(E.MAIN,C);C.calculate();let T=new r.SceneViewer(E.SCENE_VIEWER+o,{top:l,left:c,width:u,height:d,zIndex:s,angle:f,scaleX:p,scaleY:m,skewX:h,skewY:g,flipX:_,flipY:v}),D=new r.Scene(E.SCENE+o,T),O=new r.Viewport(E.VIEWPORT+o,D,{left:0,top:0,bottom:0,right:0,explicitViewportWidthSet:!1,explicitViewportHeightSet:!1,isWheelPreventDefaultX:!0});D.attachControl(),D.onMouseWheel$.subscribeEvent((e,t)=>{let n=e;if(n.ctrlKey){let e=Math.abs(n.deltaX),t=e<40?.2:e<80?.4:.2;t*=n.deltaY>0?-1:1,D.scaleX<1&&(t/=2),D.scaleX+t>4?D.scale(4,4):D.scaleX+t<.1?D.scale(.1,.1):(n.deltaY,n.preventDefault())}else O.onMouseWheel(n,t)}),new r.ScrollBar(O,{mainScene:n}),D.addObject(w);let k=C.getActualSize();w.resize(k.actualWidth,k.actualHeight),D.resize(k.actualWidth,k.actualHeight+200),(i=w.getSkeleton())==null||i.getPageSize(),w.pageRender$.subscribe(e=>{let{page:t,pageLeft:n,pageTop:r,ctx:i}=e,{width:a,height:o,marginBottom:s,marginLeft:c,marginRight:l,marginTop:u}=t;i.save(),i.translate(n-.5,r-.5),i.restore()});let{left:A,top:j}=w,M=C.getSkeletonData();if(M==null)return;let{pages:N}=M,P=[],F=new Map;this._recalculateSizeBySkeleton(w,D,C);for(let e=0,t=N.length;e<t;e++){let t=N[e],{skeDrawings:n,marginLeft:i,marginTop:a,pageWidth:o,pageHeight:s}=t;this._liquid.translatePagePadding(t),n.forEach(e=>{let{aLeft:t,aTop:n,height:i,width:a,drawingOrigin:o}=e,{docTransform:s}=o,c=new r.Image(e.drawingId,{left:t+A+this._liquid.x,top:n+j+this._liquid.y,width:a,height:i,zIndex:11});F.set(e.drawingId,{marginLeft:this._liquid.x,marginTop:this._liquid.y}),P.push(c)}),this._liquid.translatePage(t,w.pageLayoutType,w.pageMarginLeft,w.pageMarginTop)}return D.addObjects(P),P.forEach(e=>{D.attachTransformerTo(e)}),(a=D.getTransformer())==null||a.changing$.subscribe(e=>{let{objects:t}=e;t.forEach(e=>{let{oKey:t,left:n,top:r,height:i,width:a}=e,o=F.get(t),s=(o==null?void 0:o.marginLeft)||0,c=(o==null?void 0:o.marginTop)||0;C==null||C.getViewModel().getDataModel().updateDrawing(t,{left:n-A-s,top:r-j-c,height:i,width:a})}),C==null||C.calculate()}),this._calculatePagePosition(w,D,O),T}_recalculateSizeBySkeleton(e,t,n){var i;let a=(i=n.getSkeletonData())==null?void 0:i.pages;if(a==null)return;let o=0,s=0;for(let t=0,n=a.length;t<n;t++){let{pageWidth:i,pageHeight:c}=a[t];e.pageLayoutType===r.PageLayoutType.VERTICAL?(s+=c,s+=e.pageMarginTop,t===n-1&&(s+=e.pageMarginTop),o=Math.max(o,i)):e.pageLayoutType===r.PageLayoutType.HORIZONTAL&&(o+=i,t!==n-1&&(o+=e.pageMarginLeft),s=Math.max(s,c))}e.resize(o,s),t.resize(o,s)}_calculatePagePosition(e,t,n,r=1){let i=t==null?void 0:t.getParent(),{width:a,height:o,pageMarginLeft:s,pageMarginTop:c}=e;if(i==null||a===1/0||o===1/0)return;let{width:l,height:u}=i,d=0,f=0,p=0,m=0,h=1/0;if(l>(a+s*2)*r?(d=l/2-a*r/2,d/=r,p=(l-s*2)/r,h=0):(d=s,p=a+s*2,h=(p-l/r)/2),u>o?(f=u/2-o/2,m=(u-c*2)/r):(f=c,m=o+c*2),t.resize(p,m+200),e.translate(d,f),h!==1/0&&n!=null){let e=n.transScroll2ViewportScrollValue(h,0).x;n.scrollToBarPos({x:e})}return this}};D=v([_(0,(0,t.Inject)(t.LocaleService))],D);var O=class{constructor(){d(this,`zIndex`,5)}create(e){return e.createInstance(D)}};T.add(new O);var k=class extends w{constructor(...e){super(...e),d(this,`zIndex`,1),d(this,`viewKey`,o.IMAGE)}check(e){if(e===this.viewKey)return this}convert(e){let{id:t,zIndex:n,left:i=0,top:a=0,width:o,height:s,angle:c,scaleX:l,scaleY:u,skewX:d,skewY:f,flipX:p,flipY:m,title:h,description:g,image:_={}}=e,{imageProperties:v,placeholder:y,link:b}=_;return new r.Image(t,{url:(v==null?void 0:v.contentUrl)||``,top:a,left:i,width:o,height:s,zIndex:n,angle:c,scaleX:l,scaleY:u,skewX:d,skewY:f,flipX:p,flipY:m,forceRender:!0})}},A=class{constructor(){d(this,`zIndex`,4)}create(e){return e.createInstance(k)}};T.add(new A);let j=class extends w{constructor(e){super(),this._localeService=e,d(this,`zIndex`,2),d(this,`viewKey`,o.TEXT)}check(e){if(e===this.viewKey)return this}convert(e,t){let{id:n,zIndex:i,left:a=0,top:o=0,width:s,height:c,angle:l,scaleX:u,scaleY:d,skewX:f,skewY:p,flipX:m,flipY:h,title:g,description:_,richText:v={}}=e,{text:y,ff:b,fs:x,it:S,bl:C,ul:w,st:T,ol:E,bg:D,bd:O,cl:k,rich:A}=v,j={top:o,left:a,width:s,height:c,zIndex:i,angle:l,scaleX:u,scaleY:d,skewX:f,skewY:p,flipX:m,flipY:h,forceRender:!0},M=!1;if(y==null?A!=null&&(j={...j,richText:A},M=!0):(j={...j,text:y,ff:b,fs:x,it:S,bl:C,ul:w,st:T,ol:E,bg:D,bd:O,cl:k},M=!0),M!==!1)return new r.RichText(this._localeService,n,j)}};j=v([_(0,(0,t.Inject)(t.LocaleService))],j);var M=class{constructor(){d(this,`zIndex`,0)}create(e){return e.createInstance(j)}};T.add(new M);var N=class extends w{constructor(...e){super(...e),d(this,`zIndex`,2),d(this,`viewKey`,o.SHAPE)}check(e){if(e===this.viewKey)return this}convert(e){let{id:n,zIndex:i,left:a=0,top:o=0,width:s,height:c,angle:l,scaleX:u,scaleY:d,skewX:f,skewY:p,flipX:m,flipY:h,title:g,description:_}=e,{shapeType:v,text:y,shapeProperties:x,placeholder:S,link:C}=e.shape||{},w=x==null?``:(0,t.getColorStyle)(x.shapeBackgroundFill)||`rgba(255,255,255,1)`,T=x==null?void 0:x.outline,E={};if(T){let{outlineFill:e,weight:n}=T;E.strokeWidth=n,E.stroke=(0,t.getColorStyle)(e)||`rgba(0,0,0,1)`}if(v===b.Rect)return new r.Rect(n,{fill:w,top:o,left:a,width:s,height:c,zIndex:i,angle:l,scaleX:u,scaleY:d,skewX:f,skewY:p,flipX:m,flipY:h,forceRender:!0,...E});if(v===b.RoundRect)return new r.Rect(n,{fill:w,top:o,left:a,width:s,height:c,zIndex:i,angle:l,scaleX:u,scaleY:d,skewX:f,skewY:p,flipX:m,flipY:h,forceRender:!0,radius:(x==null?void 0:x.radius)||0,...E});if(v===b.Ellipse)return console.warn(x==null?void 0:x.radius),new r.Circle(n,{fill:w,top:o,left:a,width:s,height:c,zIndex:i,angle:l,scaleX:u,scaleY:d,skewX:f,skewY:p,flipX:m,flipY:h,forceRender:!0,radius:(x==null?void 0:x.radius)||0,...E})}},P=class{constructor(){d(this,`zIndex`,2)}create(e){return e.createInstance(N)}};T.add(new P);let F=class{constructor(e){this._injector=e,d(this,`_adaptors`,[]),this._adaptorLoader()}convertToRenderObjects(e,t){let n=Object.keys(e),r=[];return n.forEach(n=>{let i=e[n],a=this._executor(i,t);a!=null&&r.push(a)}),r}convertToRenderObject(e,t){return this._executor(e,t)}_executor(e,t){let{id:n,type:r}=e;for(let n of this._adaptors){var i;let a=(i=n.check(r))==null?void 0:i.convert(e,t);if(a!=null)return a}}_adaptorLoader(){T.getData().sort(t.sortRules).forEach(e=>{this._adaptors.push(e.create(this._injector))})}};F=v([_(0,(0,t.Inject)(t.Injector))],F);let I=function(e){return e.MAIN=`__SLIDERender__`,e.SCENE_VIEWER=`__SLIDEViewer__`,e.SCENE=`__SLIDEScene__`,e.VIEWPORT=`__SLIDEViewPort_`,e}({}),L=class extends w{constructor(e){super(),this._injector=e,d(this,`zIndex`,6),d(this,`viewKey`,o.SLIDE),d(this,`_ObjectProvider`,null)}check(e){if(e===this.viewKey)return this}convert(e,t){let{id:n,zIndex:i,left:a=0,top:o=0,width:s,height:c,angle:l,scaleX:u,scaleY:d,skewX:p,skewY:m,flipX:h,flipY:g,title:_,description:v,slide:y}=e;if(y==null)return;let b=new f(y),x=new r.Slide(I.MAIN+n,{top:o,left:a,width:s,height:c,zIndex:i,angle:l,scaleX:u,scaleY:d,skewX:p,skewY:m,flipX:h,flipY:g,forceRender:!0});x.enableNav(),x.enableSelectedClipElement();let S=b.getPageOrder(),C=b.getPages();if(!S||!C)return x;this._ObjectProvider=new F(this._injector);for(let e=0,n=S.length;e<n;e++){let n=C[S[e]],{id:r}=n;x.addPageScene(this._createScene(r,x,n,t,b))}return x.activeFirstPage(),x}_createScene(e,t,n,i,a){var o;let{width:s,height:c}=t,l=new r.Scene(e,t,{width:s,height:c});new r.Viewport(`PageViewer_${e}`,l,{left:0,top:0,bottom:0,right:0,explicitViewportWidthSet:!1,explicitViewportHeightSet:!1}).closeClip();let{pageElements:u,pageBackgroundFill:d}=n,f=(o=this._ObjectProvider)==null?void 0:o.convertToRenderObjects(u,i);return this._addBackgroundRect(l,d,a),l.addObjects(f),f==null||f.forEach(e=>{l.attachTransformerTo(e)}),l}_addBackgroundRect(e,n,i){let{width:a=0,height:o=0}=i.getPageSize(),s=new r.Rect(`canvas`,{left:0,top:0,width:a,height:o,strokeWidth:1,stroke:`rgba(198,198,198, 1)`,fill:(0,t.getColorStyle)(n)||`rgba(255,255,255, 1)`,zIndex:0,evented:!1});e.addObject(s,0)}};L=v([_(0,(0,t.Inject)(t.Injector))],L);var R=class{constructor(){d(this,`zIndex`,6)}create(e){return e.createInstance(L)}};T.add(new R);var z=function(e){return e.MAIN=`spreadInSlide`,e.SCENE=`spreadInSlideScene`,e.SCENE_VIEWER=`spreadInSlideSceneViewer`,e.ROW=`spreadInSlideRow`,e.COLUMN=`spreadInSlideColumn`,e.LEFT_TOP=`spreadInSlideLeftTop`,e.VIEW_MAIN=`spreadInSlideViewMain`,e.VIEW_TOP=`spreadInSlideViewTop`,e.VIEW_LEFT=`spreadInSlideViewLeft`,e.VIEW_LEFT_TOP=`spreadInSlideViewLeftTop`,e}(z||{});let B=class extends w{constructor(e,t,n,r){super(),this._localeService=e,this._contextService=t,this._configService=n,this._injector=r,d(this,`zIndex`,4),d(this,`viewKey`,o.SPREADSHEET)}check(e){if(e===this.viewKey)return this}convert(e,n){let{id:i,zIndex:a,left:o=0,top:s=0,width:c,height:l,angle:u,scaleX:d,scaleY:f,skewX:p,skewY:m,flipX:h,flipY:g,spreadsheet:_}=e;if(_==null)return;let{worksheet:v,styles:y}=_,b=new t.Styles(y),x=new r.SpreadsheetSkeleton(new t.Worksheet(i,v,b),b,this._localeService,this._contextService,this._configService,this._injector),{rowTotalHeight:S,columnTotalWidth:C,rowHeaderWidth:w,columnHeaderHeight:T}=x,E=C+v.rowHeader.width||0,D=S+v.columnHeader.height||0,O=new r.SceneViewer(z.SCENE_VIEWER+i,{top:s,left:o,width:c,height:l,zIndex:a,angle:u,scaleX:d,scaleY:f,skewX:p,skewY:m,flipX:h,flipY:g,forceRender:!0}),k=new r.Scene(z.SCENE+i,O,{width:E,height:D});this._updateViewport(i,w,T,k,n);let A=new r.Spreadsheet(`testSheetViewer`,x,!1),j=new r.SpreadsheetRowHeader(z.ROW,x),M=new r.SpreadsheetColumnHeader(z.COLUMN,x),N=new r.Rect(z.LEFT_TOP,{zIndex:2,left:-1,top:-1,width:w,height:T,fill:(0,r.getColor)([248,249,250]),stroke:(0,r.getColor)([217,217,217]),strokeWidth:1});return A.zIndex=10,k.addObjects([A],1),k.addObjects([j,M,N],2),O}_updateViewport(e,t,n,i,a){if(a==null)return;let o=t*i.scaleX,s=n*i.scaleY,c=new r.Viewport(z.VIEW_MAIN+e,i,{left:o,top:s,bottom:0,right:0,explicitViewportWidthSet:!1,explicitViewportHeightSet:!1,isWheelPreventDefaultX:!0}),l=new r.Viewport(z.VIEW_TOP+e,i,{left:o,height:s,top:0,right:0,explicitViewportWidthSet:!1,isWheelPreventDefaultX:!0}),u=new r.Viewport(z.VIEW_LEFT+e,i,{left:0,bottom:0,top:s,width:o,explicitViewportHeightSet:!1,isWheelPreventDefaultX:!0});new r.Viewport(z.VIEW_LEFT_TOP+e,i,{left:0,top:0,width:o,height:s,isWheelPreventDefaultX:!0}),c.onScrollAfter$.subscribeEvent(e=>{let{scrollX:t,scrollY:n,viewportScrollX:r,viewportScrollY:i}=e;l.updateScrollVal({scrollX:t,viewportScrollX:r}),u.updateScrollVal({scrollY:n,viewportScrollY:i})}),i.attachControl(),new r.ScrollBar(c,{mainScene:a}),i.onMouseWheel$.subscribeEvent((e,t)=>{let n=e;if(n.ctrlKey){let e=Math.abs(n.deltaX),t=e<40?.05:e<80?.02:.01;t*=n.deltaY>0?-1:1,i.scaleX<1&&(t/=2),i.scaleX+t>4?i.scale(4,4):i.scaleX+t<.1?i.scale(.1,.1):(i.scaleBy(t,t),n.preventDefault())}else c.onMouseWheel(n,t)})}};B=v([_(0,(0,t.Inject)(t.LocaleService)),_(1,t.IContextService),_(2,t.IConfigService),_(3,(0,t.Inject)(t.Injector))],B);var V=class{constructor(){d(this,`zIndex`,4)}create(e){return e.createInstance(B)}};T.add(new V);let H=function(e){return e.COMPONENT=`__slideRender__`,e.SCENE=`__mainScene__`,e.VIEW=`__mainView__`,e}({});e.ArrowsAndMarkersShapes=x,e.BasicShapes=b,e.CanvasObjectProviderRegistry=T,e.DEFAULT_SLIDE=i,e.ObjectAdaptor=w,Object.defineProperty(e,`ObjectProvider`,{enumerable:!0,get:function(){return F}}),e.OtherShapes=S,e.PageElementType=o,e.PageType=a,e.RelativeSlideLink=s,e.SLIDE_KEY=H,e.SLIDE_VIEW_KEY=I,e.SlideDataModel=f,e.SpecialShapes=C,Object.defineProperty(e,`UniverSlidesPlugin`,{enumerable:!0,get:function(){return y}})});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@univerjs/slides",
-  "version": "0.20.1",
+  "version": "0.21.0",
   "private": false,
   "description": "",
   "author": "DreamNum <developer@univer.ai>",
@@ -44,14 +44,18 @@
   "files": [
     "lib"
   ],
+  "peerDependencies": {
+    "rxjs": ">=7.0.0"
+  },
   "dependencies": {
-    "@univerjs/core": "0.20.1",
-    "@univerjs/engine-render": "0.20.1"
+    "@univerjs/core": "0.21.0",
+    "@univerjs/engine-render": "0.21.0"
   },
   "devDependencies": {
+    "rxjs": "^7.8.2",
     "typescript": "^6.0.2",
-    "vitest": "^4.1.1",
-    "@univerjs-infra/shared": "0.20.1"
+    "vitest": "^4.1.4",
+    "@univerjs-infra/shared": "0.21.0"
   },
   "scripts": {
     "test": "vitest run",