polotno 4.1.2 → 4.2.0

package/model/store.d.ts

@@ -197,6 +197,11 @@ export declare const Store: import("mobx-state-tree").IModelType<{
             readonly locked: boolean;
             readonly a: import("./shape-model.js").AnimatedAttrs;
             animated(attr: any): any;
+            readonly timeRange: {
+                start: number;
+                end: number;
+            };
+            readonly active: boolean;
             readonly isSelected: boolean;
             readonly isSelectedDirectly: boolean;
         } & {
@@ -371,6 +376,11 @@ export declare const Store: import("mobx-state-tree").IModelType<{
             readonly locked: boolean;
             readonly a: import("./shape-model.js").AnimatedAttrs;
             animated(attr: any): any;
+            readonly timeRange: {
+                start: number;
+                end: number;
+            };
+            readonly active: boolean;
             readonly isSelected: boolean;
             readonly isSelectedDirectly: boolean;
         } & {
@@ -536,6 +546,11 @@ export declare const Store: import("mobx-state-tree").IModelType<{
             readonly locked: boolean;
             readonly a: import("./shape-model.js").AnimatedAttrs;
             animated(attr: any): any;
+            readonly timeRange: {
+                start: number;
+                end: number;
+            };
+            readonly active: boolean;
             readonly isSelected: boolean;
             readonly isSelectedDirectly: boolean;
         } & {
@@ -703,6 +718,11 @@ export declare const Store: import("mobx-state-tree").IModelType<{
             readonly locked: boolean;
             readonly a: import("./shape-model.js").AnimatedAttrs;
             animated(attr: any): any;
+            readonly timeRange: {
+                start: number;
+                end: number;
+            };
+            readonly active: boolean;
             readonly isSelected: boolean;
             readonly isSelectedDirectly: boolean;
         } & {
@@ -881,6 +901,11 @@ export declare const Store: import("mobx-state-tree").IModelType<{
             readonly locked: boolean;
             readonly a: import("./shape-model.js").AnimatedAttrs;
             animated(attr: any): any;
+            readonly timeRange: {
+                start: number;
+                end: number;
+            };
+            readonly active: boolean;
             readonly isSelected: boolean;
             readonly isSelectedDirectly: boolean;
         } & {
@@ -1048,6 +1073,11 @@ export declare const Store: import("mobx-state-tree").IModelType<{
             readonly locked: boolean;
             readonly a: import("./shape-model.js").AnimatedAttrs;
             animated(attr: any): any;
+            readonly timeRange: {
+                start: number;
+                end: number;
+            };
+            readonly active: boolean;
             readonly isSelected: boolean;
             readonly isSelectedDirectly: boolean;
         } & {
@@ -1223,6 +1253,11 @@ export declare const Store: import("mobx-state-tree").IModelType<{
             readonly locked: boolean;
             readonly a: import("./shape-model.js").AnimatedAttrs;
             animated(attr: any): any;
+            readonly timeRange: {
+                start: number;
+                end: number;
+            };
+            readonly active: boolean;
             readonly isSelected: boolean;
             readonly isSelectedDirectly: boolean;
         } & {
@@ -1539,6 +1574,11 @@ export declare const Store: import("mobx-state-tree").IModelType<{
             readonly locked: boolean;
             readonly a: import("./shape-model.js").AnimatedAttrs;
             animated(attr: any): any;
+            readonly timeRange: {
+                start: number;
+                end: number;
+            };
+            readonly active: boolean;
             readonly isSelected: boolean;
             readonly isSelectedDirectly: boolean;
         } & {
@@ -1744,6 +1784,11 @@ export declare const Store: import("mobx-state-tree").IModelType<{
             readonly locked: boolean;
             readonly a: import("./shape-model.js").AnimatedAttrs;
             animated(attr: any): any;
+            readonly timeRange: {
+                start: number;
+                end: number;
+            };
+            readonly active: boolean;
             readonly isSelected: boolean;
             readonly isSelectedDirectly: boolean;
         } & {
@@ -1876,6 +1921,11 @@ export declare const Store: import("mobx-state-tree").IModelType<{
             readonly locked: boolean;
             readonly a: import("./shape-model.js").AnimatedAttrs;
             animated(attr: any): any;
+            readonly timeRange: {
+                start: number;
+                end: number;
+            };
+            readonly active: boolean;
             readonly isSelected: boolean;
             readonly isSelectedDirectly: boolean;
         } & {
@@ -1908,6 +1958,10 @@ export declare const Store: import("mobx-state-tree").IModelType<{
         height: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree/dist/internal").IUnionType<[import("mobx-state-tree").ISimpleType<number>, import("mobx-state-tree").ISimpleType<"auto">]>, [undefined]>;
         background: import("mobx-state-tree").IType<string | undefined, string, string>;
         bleed: import("mobx-state-tree").IType<number | undefined, number, number>;
+        bleedTop: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<number>>;
+        bleedRight: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<number>>;
+        bleedBottom: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<number>>;
+        bleedLeft: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<number>>;
         custom: import("mobx-state-tree").IType<any, any, any>;
         duration: import("mobx-state-tree").IType<number | undefined, number, number>;
         _exporting: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
@@ -1918,9 +1972,11 @@ export declare const Store: import("mobx-state-tree").IModelType<{
     } & {
         readonly startTime: number;
         readonly _exportingOrRendering: boolean;
+        readonly playheadLocalTime: number | null;
     } & {
         readonly computedWidth: any;
         readonly computedHeight: any;
+        readonly computedBleed: import("@polotno/schema").ResolvedBleed;
     } & {
         toJSON(): any;
     } & {
@@ -2003,6 +2059,7 @@ export declare const Store: import("mobx-state-tree").IModelType<{
     bleedVisible: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
     rulesVisible: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
     distanceGuidesVisible: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    timingPreview: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<"all" | "playhead">, [undefined]>;
     openedSidePanel: import("mobx-state-tree").IType<string | undefined, string, string>;
     previousOpenedSidePanel: import("mobx-state-tree").IType<string | undefined, string, string>;
     custom: import("mobx-state-tree").IType<any, any, any>;
@@ -2193,6 +2250,11 @@ export declare const Store: import("mobx-state-tree").IModelType<{
             readonly locked: boolean;
             readonly a: import("./shape-model.js").AnimatedAttrs;
             animated(attr: any): any;
+            readonly timeRange: {
+                start: number;
+                end: number;
+            };
+            readonly active: boolean;
             readonly isSelected: boolean;
             readonly isSelectedDirectly: boolean;
         } & {
@@ -2367,6 +2429,11 @@ export declare const Store: import("mobx-state-tree").IModelType<{
             readonly locked: boolean;
             readonly a: import("./shape-model.js").AnimatedAttrs;
             animated(attr: any): any;
+            readonly timeRange: {
+                start: number;
+                end: number;
+            };
+            readonly active: boolean;
             readonly isSelected: boolean;
             readonly isSelectedDirectly: boolean;
         } & {
@@ -2532,6 +2599,11 @@ export declare const Store: import("mobx-state-tree").IModelType<{
             readonly locked: boolean;
             readonly a: import("./shape-model.js").AnimatedAttrs;
             animated(attr: any): any;
+            readonly timeRange: {
+                start: number;
+                end: number;
+            };
+            readonly active: boolean;
             readonly isSelected: boolean;
             readonly isSelectedDirectly: boolean;
         } & {
@@ -2699,6 +2771,11 @@ export declare const Store: import("mobx-state-tree").IModelType<{
             readonly locked: boolean;
             readonly a: import("./shape-model.js").AnimatedAttrs;
             animated(attr: any): any;
+            readonly timeRange: {
+                start: number;
+                end: number;
+            };
+            readonly active: boolean;
             readonly isSelected: boolean;
             readonly isSelectedDirectly: boolean;
         } & {
@@ -2877,6 +2954,11 @@ export declare const Store: import("mobx-state-tree").IModelType<{
             readonly locked: boolean;
             readonly a: import("./shape-model.js").AnimatedAttrs;
             animated(attr: any): any;
+            readonly timeRange: {
+                start: number;
+                end: number;
+            };
+            readonly active: boolean;
             readonly isSelected: boolean;
             readonly isSelectedDirectly: boolean;
         } & {
@@ -3044,6 +3126,11 @@ export declare const Store: import("mobx-state-tree").IModelType<{
             readonly locked: boolean;
             readonly a: import("./shape-model.js").AnimatedAttrs;
             animated(attr: any): any;
+            readonly timeRange: {
+                start: number;
+                end: number;
+            };
+            readonly active: boolean;
             readonly isSelected: boolean;
             readonly isSelectedDirectly: boolean;
         } & {
@@ -3219,6 +3306,11 @@ export declare const Store: import("mobx-state-tree").IModelType<{
             readonly locked: boolean;
             readonly a: import("./shape-model.js").AnimatedAttrs;
             animated(attr: any): any;
+            readonly timeRange: {
+                start: number;
+                end: number;
+            };
+            readonly active: boolean;
             readonly isSelected: boolean;
             readonly isSelectedDirectly: boolean;
         } & {
@@ -3535,6 +3627,11 @@ export declare const Store: import("mobx-state-tree").IModelType<{
             readonly locked: boolean;
             readonly a: import("./shape-model.js").AnimatedAttrs;
             animated(attr: any): any;
+            readonly timeRange: {
+                start: number;
+                end: number;
+            };
+            readonly active: boolean;
             readonly isSelected: boolean;
             readonly isSelectedDirectly: boolean;
         } & {
@@ -3740,6 +3837,11 @@ export declare const Store: import("mobx-state-tree").IModelType<{
             readonly locked: boolean;
             readonly a: import("./shape-model.js").AnimatedAttrs;
             animated(attr: any): any;
+            readonly timeRange: {
+                start: number;
+                end: number;
+            };
+            readonly active: boolean;
             readonly isSelected: boolean;
             readonly isSelectedDirectly: boolean;
         } & {
@@ -3872,6 +3974,11 @@ export declare const Store: import("mobx-state-tree").IModelType<{
             readonly locked: boolean;
             readonly a: import("./shape-model.js").AnimatedAttrs;
             animated(attr: any): any;
+            readonly timeRange: {
+                start: number;
+                end: number;
+            };
+            readonly active: boolean;
             readonly isSelected: boolean;
             readonly isSelectedDirectly: boolean;
         } & {
@@ -3904,6 +4011,10 @@ export declare const Store: import("mobx-state-tree").IModelType<{
         height: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree/dist/internal").IUnionType<[import("mobx-state-tree").ISimpleType<number>, import("mobx-state-tree").ISimpleType<"auto">]>, [undefined]>;
         background: import("mobx-state-tree").IType<string | undefined, string, string>;
         bleed: import("mobx-state-tree").IType<number | undefined, number, number>;
+        bleedTop: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<number>>;
+        bleedRight: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<number>>;
+        bleedBottom: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<number>>;
+        bleedLeft: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<number>>;
         custom: import("mobx-state-tree").IType<any, any, any>;
         duration: import("mobx-state-tree").IType<number | undefined, number, number>;
         _exporting: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
@@ -3914,9 +4025,11 @@ export declare const Store: import("mobx-state-tree").IModelType<{
     } & {
         readonly startTime: number;
         readonly _exportingOrRendering: boolean;
+        readonly playheadLocalTime: number | null;
     } & {
         readonly computedWidth: any;
         readonly computedHeight: any;
+        readonly computedBleed: import("@polotno/schema").ResolvedBleed;
     } & {
         toJSON(): any;
     } & {
@@ -4101,6 +4214,11 @@ export declare const Store: import("mobx-state-tree").IModelType<{
             readonly locked: boolean;
             readonly a: import("./shape-model.js").AnimatedAttrs;
             animated(attr: any): any;
+            readonly timeRange: {
+                start: number;
+                end: number;
+            };
+            readonly active: boolean;
             readonly isSelected: boolean;
             readonly isSelectedDirectly: boolean;
         } & {
@@ -4275,6 +4393,11 @@ export declare const Store: import("mobx-state-tree").IModelType<{
             readonly locked: boolean;
             readonly a: import("./shape-model.js").AnimatedAttrs;
             animated(attr: any): any;
+            readonly timeRange: {
+                start: number;
+                end: number;
+            };
+            readonly active: boolean;
             readonly isSelected: boolean;
             readonly isSelectedDirectly: boolean;
         } & {
@@ -4440,6 +4563,11 @@ export declare const Store: import("mobx-state-tree").IModelType<{
             readonly locked: boolean;
             readonly a: import("./shape-model.js").AnimatedAttrs;
             animated(attr: any): any;
+            readonly timeRange: {
+                start: number;
+                end: number;
+            };
+            readonly active: boolean;
             readonly isSelected: boolean;
             readonly isSelectedDirectly: boolean;
         } & {
@@ -4607,6 +4735,11 @@ export declare const Store: import("mobx-state-tree").IModelType<{
             readonly locked: boolean;
             readonly a: import("./shape-model.js").AnimatedAttrs;
             animated(attr: any): any;
+            readonly timeRange: {
+                start: number;
+                end: number;
+            };
+            readonly active: boolean;
             readonly isSelected: boolean;
             readonly isSelectedDirectly: boolean;
         } & {
@@ -4785,6 +4918,11 @@ export declare const Store: import("mobx-state-tree").IModelType<{
             readonly locked: boolean;
             readonly a: import("./shape-model.js").AnimatedAttrs;
             animated(attr: any): any;
+            readonly timeRange: {
+                start: number;
+                end: number;
+            };
+            readonly active: boolean;
             readonly isSelected: boolean;
             readonly isSelectedDirectly: boolean;
         } & {
@@ -4952,6 +5090,11 @@ export declare const Store: import("mobx-state-tree").IModelType<{
             readonly locked: boolean;
             readonly a: import("./shape-model.js").AnimatedAttrs;
             animated(attr: any): any;
+            readonly timeRange: {
+                start: number;
+                end: number;
+            };
+            readonly active: boolean;
             readonly isSelected: boolean;
             readonly isSelectedDirectly: boolean;
         } & {
@@ -5127,6 +5270,11 @@ export declare const Store: import("mobx-state-tree").IModelType<{
             readonly locked: boolean;
             readonly a: import("./shape-model.js").AnimatedAttrs;
             animated(attr: any): any;
+            readonly timeRange: {
+                start: number;
+                end: number;
+            };
+            readonly active: boolean;
             readonly isSelected: boolean;
             readonly isSelectedDirectly: boolean;
         } & {
@@ -5443,6 +5591,11 @@ export declare const Store: import("mobx-state-tree").IModelType<{
             readonly locked: boolean;
             readonly a: import("./shape-model.js").AnimatedAttrs;
             animated(attr: any): any;
+            readonly timeRange: {
+                start: number;
+                end: number;
+            };
+            readonly active: boolean;
             readonly isSelected: boolean;
             readonly isSelectedDirectly: boolean;
         } & {
@@ -5648,6 +5801,11 @@ export declare const Store: import("mobx-state-tree").IModelType<{
             readonly locked: boolean;
             readonly a: import("./shape-model.js").AnimatedAttrs;
             animated(attr: any): any;
+            readonly timeRange: {
+                start: number;
+                end: number;
+            };
+            readonly active: boolean;
             readonly isSelected: boolean;
             readonly isSelectedDirectly: boolean;
         } & {
@@ -5780,6 +5938,11 @@ export declare const Store: import("mobx-state-tree").IModelType<{
             readonly locked: boolean;
             readonly a: import("./shape-model.js").AnimatedAttrs;
             animated(attr: any): any;
+            readonly timeRange: {
+                start: number;
+                end: number;
+            };
+            readonly active: boolean;
             readonly isSelected: boolean;
             readonly isSelectedDirectly: boolean;
         } & {
@@ -5812,6 +5975,10 @@ export declare const Store: import("mobx-state-tree").IModelType<{
         height: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree/dist/internal").IUnionType<[import("mobx-state-tree").ISimpleType<number>, import("mobx-state-tree").ISimpleType<"auto">]>, [undefined]>;
         background: import("mobx-state-tree").IType<string | undefined, string, string>;
         bleed: import("mobx-state-tree").IType<number | undefined, number, number>;
+        bleedTop: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<number>>;
+        bleedRight: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<number>>;
+        bleedBottom: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<number>>;
+        bleedLeft: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<number>>;
         custom: import("mobx-state-tree").IType<any, any, any>;
         duration: import("mobx-state-tree").IType<number | undefined, number, number>;
         _exporting: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
@@ -5822,9 +5989,11 @@ export declare const Store: import("mobx-state-tree").IModelType<{
     } & {
         readonly startTime: number;
         readonly _exportingOrRendering: boolean;
+        readonly playheadLocalTime: number | null;
     } & {
         readonly computedWidth: any;
         readonly computedHeight: any;
+        readonly computedBleed: import("@polotno/schema").ResolvedBleed;
     } & {
         toJSON(): any;
     } & {
@@ -5990,6 +6159,11 @@ export declare const Store: import("mobx-state-tree").IModelType<{
         readonly locked: boolean;
         readonly a: import("./shape-model.js").AnimatedAttrs;
         animated(attr: any): any;
+        readonly timeRange: {
+            start: number;
+            end: number;
+        };
+        readonly active: boolean;
         readonly isSelected: boolean;
         readonly isSelectedDirectly: boolean;
     } & {
@@ -6122,6 +6296,11 @@ export declare const Store: import("mobx-state-tree").IModelType<{
         readonly locked: boolean;
         readonly a: import("./shape-model.js").AnimatedAttrs;
         animated(attr: any): any;
+        readonly timeRange: {
+            start: number;
+            end: number;
+        };
+        readonly active: boolean;
         readonly isSelected: boolean;
         readonly isSelectedDirectly: boolean;
     } & {
@@ -6297,6 +6476,11 @@ export declare const Store: import("mobx-state-tree").IModelType<{
             readonly locked: boolean;
             readonly a: import("./shape-model.js").AnimatedAttrs;
             animated(attr: any): any;
+            readonly timeRange: {
+                start: number;
+                end: number;
+            };
+            readonly active: boolean;
             readonly isSelected: boolean;
             readonly isSelectedDirectly: boolean;
         } & {
@@ -6471,6 +6655,11 @@ export declare const Store: import("mobx-state-tree").IModelType<{
             readonly locked: boolean;
             readonly a: import("./shape-model.js").AnimatedAttrs;
             animated(attr: any): any;
+            readonly timeRange: {
+                start: number;
+                end: number;
+            };
+            readonly active: boolean;
             readonly isSelected: boolean;
             readonly isSelectedDirectly: boolean;
         } & {
@@ -6636,6 +6825,11 @@ export declare const Store: import("mobx-state-tree").IModelType<{
             readonly locked: boolean;
             readonly a: import("./shape-model.js").AnimatedAttrs;
             animated(attr: any): any;
+            readonly timeRange: {
+                start: number;
+                end: number;
+            };
+            readonly active: boolean;
             readonly isSelected: boolean;
             readonly isSelectedDirectly: boolean;
         } & {
@@ -6803,6 +6997,11 @@ export declare const Store: import("mobx-state-tree").IModelType<{
             readonly locked: boolean;
             readonly a: import("./shape-model.js").AnimatedAttrs;
             animated(attr: any): any;
+            readonly timeRange: {
+                start: number;
+                end: number;
+            };
+            readonly active: boolean;
             readonly isSelected: boolean;
             readonly isSelectedDirectly: boolean;
         } & {
@@ -6981,6 +7180,11 @@ export declare const Store: import("mobx-state-tree").IModelType<{
             readonly locked: boolean;
             readonly a: import("./shape-model.js").AnimatedAttrs;
             animated(attr: any): any;
+            readonly timeRange: {
+                start: number;
+                end: number;
+            };
+            readonly active: boolean;
             readonly isSelected: boolean;
             readonly isSelectedDirectly: boolean;
         } & {
@@ -7148,6 +7352,11 @@ export declare const Store: import("mobx-state-tree").IModelType<{
             readonly locked: boolean;
             readonly a: import("./shape-model.js").AnimatedAttrs;
             animated(attr: any): any;
+            readonly timeRange: {
+                start: number;
+                end: number;
+            };
+            readonly active: boolean;
             readonly isSelected: boolean;
             readonly isSelectedDirectly: boolean;
         } & {
@@ -7323,6 +7532,11 @@ export declare const Store: import("mobx-state-tree").IModelType<{
             readonly locked: boolean;
             readonly a: import("./shape-model.js").AnimatedAttrs;
             animated(attr: any): any;
+            readonly timeRange: {
+                start: number;
+                end: number;
+            };
+            readonly active: boolean;
             readonly isSelected: boolean;
             readonly isSelectedDirectly: boolean;
         } & {
@@ -7639,6 +7853,11 @@ export declare const Store: import("mobx-state-tree").IModelType<{
             readonly locked: boolean;
             readonly a: import("./shape-model.js").AnimatedAttrs;
             animated(attr: any): any;
+            readonly timeRange: {
+                start: number;
+                end: number;
+            };
+            readonly active: boolean;
             readonly isSelected: boolean;
             readonly isSelectedDirectly: boolean;
         } & {
@@ -7844,6 +8063,11 @@ export declare const Store: import("mobx-state-tree").IModelType<{
             readonly locked: boolean;
             readonly a: import("./shape-model.js").AnimatedAttrs;
             animated(attr: any): any;
+            readonly timeRange: {
+                start: number;
+                end: number;
+            };
+            readonly active: boolean;
             readonly isSelected: boolean;
             readonly isSelectedDirectly: boolean;
         } & {
@@ -7976,6 +8200,11 @@ export declare const Store: import("mobx-state-tree").IModelType<{
             readonly locked: boolean;
             readonly a: import("./shape-model.js").AnimatedAttrs;
             animated(attr: any): any;
+            readonly timeRange: {
+                start: number;
+                end: number;
+            };
+            readonly active: boolean;
             readonly isSelected: boolean;
             readonly isSelectedDirectly: boolean;
         } & {
@@ -8008,6 +8237,10 @@ export declare const Store: import("mobx-state-tree").IModelType<{
         height: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree/dist/internal").IUnionType<[import("mobx-state-tree").ISimpleType<number>, import("mobx-state-tree").ISimpleType<"auto">]>, [undefined]>;
         background: import("mobx-state-tree").IType<string | undefined, string, string>;
         bleed: import("mobx-state-tree").IType<number | undefined, number, number>;
+        bleedTop: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<number>>;
+        bleedRight: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<number>>;
+        bleedBottom: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<number>>;
+        bleedLeft: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<number>>;
         custom: import("mobx-state-tree").IType<any, any, any>;
         duration: import("mobx-state-tree").IType<number | undefined, number, number>;
         _exporting: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
@@ -8018,9 +8251,11 @@ export declare const Store: import("mobx-state-tree").IModelType<{
     } & {
         readonly startTime: number;
         readonly _exportingOrRendering: boolean;
+        readonly playheadLocalTime: number | null;
     } & {
         readonly computedWidth: any;
         readonly computedHeight: any;
+        readonly computedBleed: import("@polotno/schema").ResolvedBleed;
     } & {
         toJSON(): any;
     } & {
@@ -8205,6 +8440,11 @@ export declare const Store: import("mobx-state-tree").IModelType<{
             readonly locked: boolean;
             readonly a: import("./shape-model.js").AnimatedAttrs;
             animated(attr: any): any;
+            readonly timeRange: {
+                start: number;
+                end: number;
+            };
+            readonly active: boolean;
             readonly isSelected: boolean;
             readonly isSelectedDirectly: boolean;
         } & {
@@ -8379,6 +8619,11 @@ export declare const Store: import("mobx-state-tree").IModelType<{
             readonly locked: boolean;
             readonly a: import("./shape-model.js").AnimatedAttrs;
             animated(attr: any): any;
+            readonly timeRange: {
+                start: number;
+                end: number;
+            };
+            readonly active: boolean;
             readonly isSelected: boolean;
             readonly isSelectedDirectly: boolean;
         } & {
@@ -8544,6 +8789,11 @@ export declare const Store: import("mobx-state-tree").IModelType<{
             readonly locked: boolean;
             readonly a: import("./shape-model.js").AnimatedAttrs;
             animated(attr: any): any;
+            readonly timeRange: {
+                start: number;
+                end: number;
+            };
+            readonly active: boolean;
             readonly isSelected: boolean;
             readonly isSelectedDirectly: boolean;
         } & {
@@ -8711,6 +8961,11 @@ export declare const Store: import("mobx-state-tree").IModelType<{
             readonly locked: boolean;
             readonly a: import("./shape-model.js").AnimatedAttrs;
             animated(attr: any): any;
+            readonly timeRange: {
+                start: number;
+                end: number;
+            };
+            readonly active: boolean;
             readonly isSelected: boolean;
             readonly isSelectedDirectly: boolean;
         } & {
@@ -8889,6 +9144,11 @@ export declare const Store: import("mobx-state-tree").IModelType<{
             readonly locked: boolean;
             readonly a: import("./shape-model.js").AnimatedAttrs;
             animated(attr: any): any;
+            readonly timeRange: {
+                start: number;
+                end: number;
+            };
+            readonly active: boolean;
             readonly isSelected: boolean;
             readonly isSelectedDirectly: boolean;
         } & {
@@ -9056,6 +9316,11 @@ export declare const Store: import("mobx-state-tree").IModelType<{
             readonly locked: boolean;
             readonly a: import("./shape-model.js").AnimatedAttrs;
             animated(attr: any): any;
+            readonly timeRange: {
+                start: number;
+                end: number;
+            };
+            readonly active: boolean;
             readonly isSelected: boolean;
             readonly isSelectedDirectly: boolean;
         } & {
@@ -9231,6 +9496,11 @@ export declare const Store: import("mobx-state-tree").IModelType<{
             readonly locked: boolean;
             readonly a: import("./shape-model.js").AnimatedAttrs;
             animated(attr: any): any;
+            readonly timeRange: {
+                start: number;
+                end: number;
+            };
+            readonly active: boolean;
             readonly isSelected: boolean;
             readonly isSelectedDirectly: boolean;
         } & {
@@ -9547,6 +9817,11 @@ export declare const Store: import("mobx-state-tree").IModelType<{
             readonly locked: boolean;
             readonly a: import("./shape-model.js").AnimatedAttrs;
             animated(attr: any): any;
+            readonly timeRange: {
+                start: number;
+                end: number;
+            };
+            readonly active: boolean;
             readonly isSelected: boolean;
             readonly isSelectedDirectly: boolean;
         } & {
@@ -9752,6 +10027,11 @@ export declare const Store: import("mobx-state-tree").IModelType<{
             readonly locked: boolean;
             readonly a: import("./shape-model.js").AnimatedAttrs;
             animated(attr: any): any;
+            readonly timeRange: {
+                start: number;
+                end: number;
+            };
+            readonly active: boolean;
             readonly isSelected: boolean;
             readonly isSelectedDirectly: boolean;
         } & {
@@ -9884,6 +10164,11 @@ export declare const Store: import("mobx-state-tree").IModelType<{
             readonly locked: boolean;
             readonly a: import("./shape-model.js").AnimatedAttrs;
             animated(attr: any): any;
+            readonly timeRange: {
+                start: number;
+                end: number;
+            };
+            readonly active: boolean;
             readonly isSelected: boolean;
             readonly isSelectedDirectly: boolean;
         } & {
@@ -9916,6 +10201,10 @@ export declare const Store: import("mobx-state-tree").IModelType<{
         height: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree/dist/internal").IUnionType<[import("mobx-state-tree").ISimpleType<number>, import("mobx-state-tree").ISimpleType<"auto">]>, [undefined]>;
         background: import("mobx-state-tree").IType<string | undefined, string, string>;
         bleed: import("mobx-state-tree").IType<number | undefined, number, number>;
+        bleedTop: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<number>>;
+        bleedRight: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<number>>;
+        bleedBottom: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<number>>;
+        bleedLeft: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<number>>;
         custom: import("mobx-state-tree").IType<any, any, any>;
         duration: import("mobx-state-tree").IType<number | undefined, number, number>;
         _exporting: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
@@ -9926,9 +10215,11 @@ export declare const Store: import("mobx-state-tree").IModelType<{
     } & {
         readonly startTime: number;
         readonly _exportingOrRendering: boolean;
+        readonly playheadLocalTime: number | null;
     } & {
         readonly computedWidth: any;
         readonly computedHeight: any;
+        readonly computedBleed: import("@polotno/schema").ResolvedBleed;
     } & {
         toJSON(): any;
     } & {
@@ -10114,6 +10405,11 @@ export declare const Store: import("mobx-state-tree").IModelType<{
             readonly locked: boolean;
             readonly a: import("./shape-model.js").AnimatedAttrs;
             animated(attr: any): any;
+            readonly timeRange: {
+                start: number;
+                end: number;
+            };
+            readonly active: boolean;
             readonly isSelected: boolean;
             readonly isSelectedDirectly: boolean;
         } & {
@@ -10288,6 +10584,11 @@ export declare const Store: import("mobx-state-tree").IModelType<{
             readonly locked: boolean;
             readonly a: import("./shape-model.js").AnimatedAttrs;
             animated(attr: any): any;
+            readonly timeRange: {
+                start: number;
+                end: number;
+            };
+            readonly active: boolean;
             readonly isSelected: boolean;
             readonly isSelectedDirectly: boolean;
         } & {
@@ -10453,6 +10754,11 @@ export declare const Store: import("mobx-state-tree").IModelType<{
             readonly locked: boolean;
             readonly a: import("./shape-model.js").AnimatedAttrs;
             animated(attr: any): any;
+            readonly timeRange: {
+                start: number;
+                end: number;
+            };
+            readonly active: boolean;
             readonly isSelected: boolean;
             readonly isSelectedDirectly: boolean;
         } & {
@@ -10620,6 +10926,11 @@ export declare const Store: import("mobx-state-tree").IModelType<{
             readonly locked: boolean;
             readonly a: import("./shape-model.js").AnimatedAttrs;
             animated(attr: any): any;
+            readonly timeRange: {
+                start: number;
+                end: number;
+            };
+            readonly active: boolean;
             readonly isSelected: boolean;
             readonly isSelectedDirectly: boolean;
         } & {
@@ -10798,6 +11109,11 @@ export declare const Store: import("mobx-state-tree").IModelType<{
             readonly locked: boolean;
             readonly a: import("./shape-model.js").AnimatedAttrs;
             animated(attr: any): any;
+            readonly timeRange: {
+                start: number;
+                end: number;
+            };
+            readonly active: boolean;
             readonly isSelected: boolean;
             readonly isSelectedDirectly: boolean;
         } & {
@@ -10965,6 +11281,11 @@ export declare const Store: import("mobx-state-tree").IModelType<{
             readonly locked: boolean;
             readonly a: import("./shape-model.js").AnimatedAttrs;
             animated(attr: any): any;
+            readonly timeRange: {
+                start: number;
+                end: number;
+            };
+            readonly active: boolean;
             readonly isSelected: boolean;
             readonly isSelectedDirectly: boolean;
         } & {
@@ -11140,6 +11461,11 @@ export declare const Store: import("mobx-state-tree").IModelType<{
             readonly locked: boolean;
             readonly a: import("./shape-model.js").AnimatedAttrs;
             animated(attr: any): any;
+            readonly timeRange: {
+                start: number;
+                end: number;
+            };
+            readonly active: boolean;
             readonly isSelected: boolean;
             readonly isSelectedDirectly: boolean;
         } & {
@@ -11456,6 +11782,11 @@ export declare const Store: import("mobx-state-tree").IModelType<{
             readonly locked: boolean;
             readonly a: import("./shape-model.js").AnimatedAttrs;
             animated(attr: any): any;
+            readonly timeRange: {
+                start: number;
+                end: number;
+            };
+            readonly active: boolean;
             readonly isSelected: boolean;
             readonly isSelectedDirectly: boolean;
         } & {
@@ -11661,6 +11992,11 @@ export declare const Store: import("mobx-state-tree").IModelType<{
             readonly locked: boolean;
             readonly a: import("./shape-model.js").AnimatedAttrs;
             animated(attr: any): any;
+            readonly timeRange: {
+                start: number;
+                end: number;
+            };
+            readonly active: boolean;
             readonly isSelected: boolean;
             readonly isSelectedDirectly: boolean;
         } & {
@@ -11793,6 +12129,11 @@ export declare const Store: import("mobx-state-tree").IModelType<{
             readonly locked: boolean;
             readonly a: import("./shape-model.js").AnimatedAttrs;
             animated(attr: any): any;
+            readonly timeRange: {
+                start: number;
+                end: number;
+            };
+            readonly active: boolean;
             readonly isSelected: boolean;
             readonly isSelectedDirectly: boolean;
         } & {
@@ -11825,6 +12166,10 @@ export declare const Store: import("mobx-state-tree").IModelType<{
         height: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree/dist/internal").IUnionType<[import("mobx-state-tree").ISimpleType<number>, import("mobx-state-tree").ISimpleType<"auto">]>, [undefined]>;
         background: import("mobx-state-tree").IType<string | undefined, string, string>;
         bleed: import("mobx-state-tree").IType<number | undefined, number, number>;
+        bleedTop: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<number>>;
+        bleedRight: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<number>>;
+        bleedBottom: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<number>>;
+        bleedLeft: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<number>>;
         custom: import("mobx-state-tree").IType<any, any, any>;
         duration: import("mobx-state-tree").IType<number | undefined, number, number>;
         _exporting: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
@@ -11835,9 +12180,11 @@ export declare const Store: import("mobx-state-tree").IModelType<{
     } & {
         readonly startTime: number;
         readonly _exportingOrRendering: boolean;
+        readonly playheadLocalTime: number | null;
     } & {
         readonly computedWidth: any;
         readonly computedHeight: any;
+        readonly computedBleed: import("@polotno/schema").ResolvedBleed;
     } & {
         toJSON(): any;
     } & {
@@ -12022,6 +12369,11 @@ export declare const Store: import("mobx-state-tree").IModelType<{
             readonly locked: boolean;
             readonly a: import("./shape-model.js").AnimatedAttrs;
             animated(attr: any): any;
+            readonly timeRange: {
+                start: number;
+                end: number;
+            };
+            readonly active: boolean;
             readonly isSelected: boolean;
             readonly isSelectedDirectly: boolean;
         } & {
@@ -12196,6 +12548,11 @@ export declare const Store: import("mobx-state-tree").IModelType<{
             readonly locked: boolean;
             readonly a: import("./shape-model.js").AnimatedAttrs;
             animated(attr: any): any;
+            readonly timeRange: {
+                start: number;
+                end: number;
+            };
+            readonly active: boolean;
             readonly isSelected: boolean;
             readonly isSelectedDirectly: boolean;
         } & {
@@ -12361,6 +12718,11 @@ export declare const Store: import("mobx-state-tree").IModelType<{
             readonly locked: boolean;
             readonly a: import("./shape-model.js").AnimatedAttrs;
             animated(attr: any): any;
+            readonly timeRange: {
+                start: number;
+                end: number;
+            };
+            readonly active: boolean;
             readonly isSelected: boolean;
             readonly isSelectedDirectly: boolean;
         } & {
@@ -12528,6 +12890,11 @@ export declare const Store: import("mobx-state-tree").IModelType<{
             readonly locked: boolean;
             readonly a: import("./shape-model.js").AnimatedAttrs;
             animated(attr: any): any;
+            readonly timeRange: {
+                start: number;
+                end: number;
+            };
+            readonly active: boolean;
             readonly isSelected: boolean;
             readonly isSelectedDirectly: boolean;
         } & {
@@ -12706,6 +13073,11 @@ export declare const Store: import("mobx-state-tree").IModelType<{
             readonly locked: boolean;
             readonly a: import("./shape-model.js").AnimatedAttrs;
             animated(attr: any): any;
+            readonly timeRange: {
+                start: number;
+                end: number;
+            };
+            readonly active: boolean;
             readonly isSelected: boolean;
             readonly isSelectedDirectly: boolean;
         } & {
@@ -12873,6 +13245,11 @@ export declare const Store: import("mobx-state-tree").IModelType<{
             readonly locked: boolean;
             readonly a: import("./shape-model.js").AnimatedAttrs;
             animated(attr: any): any;
+            readonly timeRange: {
+                start: number;
+                end: number;
+            };
+            readonly active: boolean;
             readonly isSelected: boolean;
             readonly isSelectedDirectly: boolean;
         } & {
@@ -13048,6 +13425,11 @@ export declare const Store: import("mobx-state-tree").IModelType<{
             readonly locked: boolean;
             readonly a: import("./shape-model.js").AnimatedAttrs;
             animated(attr: any): any;
+            readonly timeRange: {
+                start: number;
+                end: number;
+            };
+            readonly active: boolean;
             readonly isSelected: boolean;
             readonly isSelectedDirectly: boolean;
         } & {
@@ -13364,6 +13746,11 @@ export declare const Store: import("mobx-state-tree").IModelType<{
             readonly locked: boolean;
             readonly a: import("./shape-model.js").AnimatedAttrs;
             animated(attr: any): any;
+            readonly timeRange: {
+                start: number;
+                end: number;
+            };
+            readonly active: boolean;
             readonly isSelected: boolean;
             readonly isSelectedDirectly: boolean;
         } & {
@@ -13569,6 +13956,11 @@ export declare const Store: import("mobx-state-tree").IModelType<{
             readonly locked: boolean;
             readonly a: import("./shape-model.js").AnimatedAttrs;
             animated(attr: any): any;
+            readonly timeRange: {
+                start: number;
+                end: number;
+            };
+            readonly active: boolean;
             readonly isSelected: boolean;
             readonly isSelectedDirectly: boolean;
         } & {
@@ -13701,6 +14093,11 @@ export declare const Store: import("mobx-state-tree").IModelType<{
             readonly locked: boolean;
             readonly a: import("./shape-model.js").AnimatedAttrs;
             animated(attr: any): any;
+            readonly timeRange: {
+                start: number;
+                end: number;
+            };
+            readonly active: boolean;
             readonly isSelected: boolean;
             readonly isSelectedDirectly: boolean;
         } & {
@@ -13733,6 +14130,10 @@ export declare const Store: import("mobx-state-tree").IModelType<{
         height: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree/dist/internal").IUnionType<[import("mobx-state-tree").ISimpleType<number>, import("mobx-state-tree").ISimpleType<"auto">]>, [undefined]>;
         background: import("mobx-state-tree").IType<string | undefined, string, string>;
         bleed: import("mobx-state-tree").IType<number | undefined, number, number>;
+        bleedTop: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<number>>;
+        bleedRight: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<number>>;
+        bleedBottom: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<number>>;
+        bleedLeft: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<number>>;
         custom: import("mobx-state-tree").IType<any, any, any>;
         duration: import("mobx-state-tree").IType<number | undefined, number, number>;
         _exporting: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
@@ -13743,9 +14144,11 @@ export declare const Store: import("mobx-state-tree").IModelType<{
     } & {
         readonly startTime: number;
         readonly _exportingOrRendering: boolean;
+        readonly playheadLocalTime: number | null;
     } & {
         readonly computedWidth: any;
         readonly computedHeight: any;
+        readonly computedBleed: import("@polotno/schema").ResolvedBleed;
     } & {
         toJSON(): any;
     } & {
@@ -13785,6 +14188,10 @@ export declare const Store: import("mobx-state-tree").IModelType<{
         play(): void;
     }, import("mobx-state-tree")._NotCustomized, {}>>) | undefined)[];
     readonly duration: number;
+    pageAtTime(time: number): any;
+    readonly effectiveTime: any;
+    readonly playheadAccurate: boolean;
+    readonly isEditingPaused: boolean;
     readonly _hasCroppedImages: ElementOrPage | undefined;
     find(callback: (element: ElementOrPage) => boolean): ElementOrPage | undefined;
     getElementById(id: string): ElementType | undefined;
@@ -13801,6 +14208,7 @@ export declare const Store: import("mobx-state-tree").IModelType<{
     }): void;
     checkActivePage(): void;
     seek(): void;
+    pause(): void;
     stop(): void;
     __(): void;
     set(attrs: any): void;
@@ -13963,6 +14371,11 @@ export declare const Store: import("mobx-state-tree").IModelType<{
             readonly locked: boolean;
             readonly a: import("./shape-model.js").AnimatedAttrs;
             animated(attr: any): any;
+            readonly timeRange: {
+                start: number;
+                end: number;
+            };
+            readonly active: boolean;
             readonly isSelected: boolean;
             readonly isSelectedDirectly: boolean;
         } & {
@@ -14137,6 +14550,11 @@ export declare const Store: import("mobx-state-tree").IModelType<{
             readonly locked: boolean;
             readonly a: import("./shape-model.js").AnimatedAttrs;
             animated(attr: any): any;
+            readonly timeRange: {
+                start: number;
+                end: number;
+            };
+            readonly active: boolean;
             readonly isSelected: boolean;
             readonly isSelectedDirectly: boolean;
         } & {
@@ -14302,6 +14720,11 @@ export declare const Store: import("mobx-state-tree").IModelType<{
             readonly locked: boolean;
             readonly a: import("./shape-model.js").AnimatedAttrs;
             animated(attr: any): any;
+            readonly timeRange: {
+                start: number;
+                end: number;
+            };
+            readonly active: boolean;
             readonly isSelected: boolean;
             readonly isSelectedDirectly: boolean;
         } & {
@@ -14469,6 +14892,11 @@ export declare const Store: import("mobx-state-tree").IModelType<{
             readonly locked: boolean;
             readonly a: import("./shape-model.js").AnimatedAttrs;
             animated(attr: any): any;
+            readonly timeRange: {
+                start: number;
+                end: number;
+            };
+            readonly active: boolean;
             readonly isSelected: boolean;
             readonly isSelectedDirectly: boolean;
         } & {
@@ -14647,6 +15075,11 @@ export declare const Store: import("mobx-state-tree").IModelType<{
             readonly locked: boolean;
             readonly a: import("./shape-model.js").AnimatedAttrs;
             animated(attr: any): any;
+            readonly timeRange: {
+                start: number;
+                end: number;
+            };
+            readonly active: boolean;
             readonly isSelected: boolean;
             readonly isSelectedDirectly: boolean;
         } & {
@@ -14814,6 +15247,11 @@ export declare const Store: import("mobx-state-tree").IModelType<{
             readonly locked: boolean;
             readonly a: import("./shape-model.js").AnimatedAttrs;
             animated(attr: any): any;
+            readonly timeRange: {
+                start: number;
+                end: number;
+            };
+            readonly active: boolean;
             readonly isSelected: boolean;
             readonly isSelectedDirectly: boolean;
         } & {
@@ -14989,6 +15427,11 @@ export declare const Store: import("mobx-state-tree").IModelType<{
             readonly locked: boolean;
             readonly a: import("./shape-model.js").AnimatedAttrs;
             animated(attr: any): any;
+            readonly timeRange: {
+                start: number;
+                end: number;
+            };
+            readonly active: boolean;
             readonly isSelected: boolean;
             readonly isSelectedDirectly: boolean;
         } & {
@@ -15305,6 +15748,11 @@ export declare const Store: import("mobx-state-tree").IModelType<{
             readonly locked: boolean;
             readonly a: import("./shape-model.js").AnimatedAttrs;
             animated(attr: any): any;
+            readonly timeRange: {
+                start: number;
+                end: number;
+            };
+            readonly active: boolean;
             readonly isSelected: boolean;
             readonly isSelectedDirectly: boolean;
         } & {
@@ -15510,6 +15958,11 @@ export declare const Store: import("mobx-state-tree").IModelType<{
             readonly locked: boolean;
             readonly a: import("./shape-model.js").AnimatedAttrs;
             animated(attr: any): any;
+            readonly timeRange: {
+                start: number;
+                end: number;
+            };
+            readonly active: boolean;
             readonly isSelected: boolean;
             readonly isSelectedDirectly: boolean;
         } & {
@@ -15642,6 +16095,11 @@ export declare const Store: import("mobx-state-tree").IModelType<{
             readonly locked: boolean;
             readonly a: import("./shape-model.js").AnimatedAttrs;
             animated(attr: any): any;
+            readonly timeRange: {
+                start: number;
+                end: number;
+            };
+            readonly active: boolean;
             readonly isSelected: boolean;
             readonly isSelectedDirectly: boolean;
         } & {
@@ -15674,6 +16132,10 @@ export declare const Store: import("mobx-state-tree").IModelType<{
         height: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree/dist/internal").IUnionType<[import("mobx-state-tree").ISimpleType<number>, import("mobx-state-tree").ISimpleType<"auto">]>, [undefined]>;
         background: import("mobx-state-tree").IType<string | undefined, string, string>;
         bleed: import("mobx-state-tree").IType<number | undefined, number, number>;
+        bleedTop: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<number>>;
+        bleedRight: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<number>>;
+        bleedBottom: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<number>>;
+        bleedLeft: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<number>>;
         custom: import("mobx-state-tree").IType<any, any, any>;
         duration: import("mobx-state-tree").IType<number | undefined, number, number>;
         _exporting: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
@@ -15684,9 +16146,11 @@ export declare const Store: import("mobx-state-tree").IModelType<{
     } & {
         readonly startTime: number;
         readonly _exportingOrRendering: boolean;
+        readonly playheadLocalTime: number | null;
     } & {
         readonly computedWidth: any;
         readonly computedHeight: any;
+        readonly computedBleed: import("@polotno/schema").ResolvedBleed;
     } & {
         toJSON(): any;
     } & {
@@ -15871,6 +16335,11 @@ export declare const Store: import("mobx-state-tree").IModelType<{
             readonly locked: boolean;
             readonly a: import("./shape-model.js").AnimatedAttrs;
             animated(attr: any): any;
+            readonly timeRange: {
+                start: number;
+                end: number;
+            };
+            readonly active: boolean;
             readonly isSelected: boolean;
             readonly isSelectedDirectly: boolean;
         } & {
@@ -16045,6 +16514,11 @@ export declare const Store: import("mobx-state-tree").IModelType<{
             readonly locked: boolean;
             readonly a: import("./shape-model.js").AnimatedAttrs;
             animated(attr: any): any;
+            readonly timeRange: {
+                start: number;
+                end: number;
+            };
+            readonly active: boolean;
             readonly isSelected: boolean;
             readonly isSelectedDirectly: boolean;
         } & {
@@ -16210,6 +16684,11 @@ export declare const Store: import("mobx-state-tree").IModelType<{
             readonly locked: boolean;
             readonly a: import("./shape-model.js").AnimatedAttrs;
             animated(attr: any): any;
+            readonly timeRange: {
+                start: number;
+                end: number;
+            };
+            readonly active: boolean;
             readonly isSelected: boolean;
             readonly isSelectedDirectly: boolean;
         } & {
@@ -16377,6 +16856,11 @@ export declare const Store: import("mobx-state-tree").IModelType<{
             readonly locked: boolean;
             readonly a: import("./shape-model.js").AnimatedAttrs;
             animated(attr: any): any;
+            readonly timeRange: {
+                start: number;
+                end: number;
+            };
+            readonly active: boolean;
             readonly isSelected: boolean;
             readonly isSelectedDirectly: boolean;
         } & {
@@ -16555,6 +17039,11 @@ export declare const Store: import("mobx-state-tree").IModelType<{
             readonly locked: boolean;
             readonly a: import("./shape-model.js").AnimatedAttrs;
             animated(attr: any): any;
+            readonly timeRange: {
+                start: number;
+                end: number;
+            };
+            readonly active: boolean;
             readonly isSelected: boolean;
             readonly isSelectedDirectly: boolean;
         } & {
@@ -16722,6 +17211,11 @@ export declare const Store: import("mobx-state-tree").IModelType<{
             readonly locked: boolean;
             readonly a: import("./shape-model.js").AnimatedAttrs;
             animated(attr: any): any;
+            readonly timeRange: {
+                start: number;
+                end: number;
+            };
+            readonly active: boolean;
             readonly isSelected: boolean;
             readonly isSelectedDirectly: boolean;
         } & {
@@ -16897,6 +17391,11 @@ export declare const Store: import("mobx-state-tree").IModelType<{
             readonly locked: boolean;
             readonly a: import("./shape-model.js").AnimatedAttrs;
             animated(attr: any): any;
+            readonly timeRange: {
+                start: number;
+                end: number;
+            };
+            readonly active: boolean;
             readonly isSelected: boolean;
             readonly isSelectedDirectly: boolean;
         } & {
@@ -17213,6 +17712,11 @@ export declare const Store: import("mobx-state-tree").IModelType<{
             readonly locked: boolean;
             readonly a: import("./shape-model.js").AnimatedAttrs;
             animated(attr: any): any;
+            readonly timeRange: {
+                start: number;
+                end: number;
+            };
+            readonly active: boolean;
             readonly isSelected: boolean;
             readonly isSelectedDirectly: boolean;
         } & {
@@ -17418,6 +17922,11 @@ export declare const Store: import("mobx-state-tree").IModelType<{
             readonly locked: boolean;
             readonly a: import("./shape-model.js").AnimatedAttrs;
             animated(attr: any): any;
+            readonly timeRange: {
+                start: number;
+                end: number;
+            };
+            readonly active: boolean;
             readonly isSelected: boolean;
             readonly isSelectedDirectly: boolean;
         } & {
@@ -17550,6 +18059,11 @@ export declare const Store: import("mobx-state-tree").IModelType<{
             readonly locked: boolean;
             readonly a: import("./shape-model.js").AnimatedAttrs;
             animated(attr: any): any;
+            readonly timeRange: {
+                start: number;
+                end: number;
+            };
+            readonly active: boolean;
             readonly isSelected: boolean;
             readonly isSelectedDirectly: boolean;
         } & {
@@ -17582,6 +18096,10 @@ export declare const Store: import("mobx-state-tree").IModelType<{
         height: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree/dist/internal").IUnionType<[import("mobx-state-tree").ISimpleType<number>, import("mobx-state-tree").ISimpleType<"auto">]>, [undefined]>;
         background: import("mobx-state-tree").IType<string | undefined, string, string>;
         bleed: import("mobx-state-tree").IType<number | undefined, number, number>;
+        bleedTop: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<number>>;
+        bleedRight: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<number>>;
+        bleedBottom: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<number>>;
+        bleedLeft: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<number>>;
         custom: import("mobx-state-tree").IType<any, any, any>;
         duration: import("mobx-state-tree").IType<number | undefined, number, number>;
         _exporting: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
@@ -17592,9 +18110,11 @@ export declare const Store: import("mobx-state-tree").IModelType<{
     } & {
         readonly startTime: number;
         readonly _exportingOrRendering: boolean;
+        readonly playheadLocalTime: number | null;
     } & {
         readonly computedWidth: any;
         readonly computedHeight: any;
+        readonly computedBleed: import("@polotno/schema").ResolvedBleed;
     } & {
         toJSON(): any;
     } & {
@@ -17638,6 +18158,7 @@ export declare const Store: import("mobx-state-tree").IModelType<{
     selectElements(ids: Array<string>): void;
     toggleBleed(bleedVisible?: boolean): void;
     toggleRulers(rulesVisible?: boolean): void;
+    setTimingPreview(mode: "all" | "playhead"): void;
     toggleDistanceGuides(distanceGuidesVisible?: boolean): void;
     openSidePanel(panelName: string): void;
     restoreSidePanel(): void;