@cliquify.me/timeline 4.0.4 → 4.0.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/constants/index.d.ts +0 -1
- package/dist/constants/objects.d.ts +1 -2
- package/dist/index.es.js +3698 -3904
- package/dist/index.umd.js +53 -53
- package/dist/objects/track.d.ts +3 -3
- package/dist/timeline.d.ts +9 -5
- package/dist/utils/load-object.d.ts +2 -55
- package/dist/utils/sizes.d.ts +1 -3
- package/package.json +2 -2
- package/dist/constants/scale.d.ts +0 -22
- package/dist/utils/accepts.d.ts +0 -2
package/dist/objects/track.d.ts
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { Rect } from 'fabric';
|
|
2
|
-
import { IMetadata
|
|
2
|
+
import { IMetadata } from '@cliquify.me/types';
|
|
3
3
|
|
|
4
4
|
export interface TrackItemProps extends Pick<Rect, "top" | "left" | "width" | "height"> {
|
|
5
5
|
id: string;
|
|
6
6
|
top: number;
|
|
7
7
|
left: number;
|
|
8
8
|
tScale: number;
|
|
9
|
-
accepts:
|
|
9
|
+
accepts: string[];
|
|
10
10
|
items: string[];
|
|
11
11
|
magnetic?: boolean;
|
|
12
12
|
static?: boolean;
|
|
@@ -16,7 +16,7 @@ declare class Track extends Rect {
|
|
|
16
16
|
static ownDefaults: Partial<Rect<Partial<import('fabric').RectProps>, import('fabric').SerializedRectProps, import('fabric').ObjectEvents>>;
|
|
17
17
|
static type: string;
|
|
18
18
|
id: string;
|
|
19
|
-
accepts:
|
|
19
|
+
accepts: string[];
|
|
20
20
|
metadata?: Partial<IMetadata>;
|
|
21
21
|
items: string[];
|
|
22
22
|
magnetic?: boolean;
|
package/dist/timeline.d.ts
CHANGED
|
@@ -19,10 +19,11 @@ export interface TimelineOptions extends CanvasOptions {
|
|
|
19
19
|
tScale?: number;
|
|
20
20
|
scale: ITimelineScaleState;
|
|
21
21
|
state?: IStateManager;
|
|
22
|
-
|
|
23
|
-
sizesMap
|
|
22
|
+
itemTypes: string[];
|
|
23
|
+
sizesMap: Record<string, number>;
|
|
24
|
+
acceptsMap: Record<string, string[]>;
|
|
24
25
|
spacing?: CanvasSpacing;
|
|
25
|
-
|
|
26
|
+
withTransitions?: string[];
|
|
26
27
|
}
|
|
27
28
|
type OnScroll = (v: {
|
|
28
29
|
scrollTop: number;
|
|
@@ -35,10 +36,12 @@ type OnResizeCanvas = (v: {
|
|
|
35
36
|
interface Timeline extends Canvas, CanvasMixin, TrackItemsMixin, TracksMixin, TransitionsMixin {
|
|
36
37
|
}
|
|
37
38
|
declare class Timeline extends Canvas {
|
|
39
|
+
static objectTypes: string[];
|
|
38
40
|
static registerItems(classes: Record<any, any>): void;
|
|
39
41
|
itemTypes: string[];
|
|
40
42
|
acceptsMap: Record<string, string[]>;
|
|
41
43
|
sizesMap: Record<string, number>;
|
|
44
|
+
objectTypes: string[];
|
|
42
45
|
tracks: ITrack[];
|
|
43
46
|
hoverCornerItem: boolean;
|
|
44
47
|
trackItemsMap: Record<string, ITrackItem>;
|
|
@@ -56,11 +59,14 @@ declare class Timeline extends Canvas {
|
|
|
56
59
|
activeIds: string[];
|
|
57
60
|
spacing: CanvasSpacing;
|
|
58
61
|
guideLineColor: string;
|
|
62
|
+
withTransitions: string[];
|
|
59
63
|
constructor(canvasEl: HTMLCanvasElement, options: Partial<TimelineOptions> & {
|
|
60
64
|
scale: ITimelineScaleState;
|
|
61
65
|
duration: number;
|
|
62
66
|
guideLineColor?: string;
|
|
63
67
|
});
|
|
68
|
+
getItemAccepts(itemType: string): string[];
|
|
69
|
+
getItemSize(itemType: string): number;
|
|
64
70
|
private initializeCanvasDefaults;
|
|
65
71
|
__onMouseDown(e: TPointerEvent): void;
|
|
66
72
|
_setupCurrentTransform(e: TPointerEvent, target: FabricObject, alreadySelected: boolean): void;
|
|
@@ -93,7 +99,5 @@ declare class Timeline extends Canvas {
|
|
|
93
99
|
y: number;
|
|
94
100
|
};
|
|
95
101
|
setScale(scale: ITimelineScaleState): void;
|
|
96
|
-
getItemAccepts(itemType: string): string[];
|
|
97
|
-
getItemSize(itemType: string): number;
|
|
98
102
|
}
|
|
99
103
|
export default Timeline;
|
|
@@ -1,59 +1,6 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { ITrackItemAndDetails } from '@cliquify.me/types';
|
|
2
2
|
|
|
3
|
-
export declare const
|
|
4
|
-
tScale: number;
|
|
5
|
-
sizesMap: Record<string, number>;
|
|
6
|
-
}) => any;
|
|
7
|
-
export declare const loadTextObject: (item: {
|
|
8
|
-
display: IDisplay;
|
|
9
|
-
id: string;
|
|
10
|
-
details: ITextDetails;
|
|
11
|
-
}, options: {
|
|
12
|
-
tScale: number;
|
|
13
|
-
sizesMap: Record<string, number>;
|
|
14
|
-
}) => any;
|
|
15
|
-
export declare const loadCaptionObject: (item: {
|
|
16
|
-
display: IDisplay;
|
|
17
|
-
id: string;
|
|
18
|
-
details: ITextDetails;
|
|
19
|
-
}, options: {
|
|
20
|
-
tScale: number;
|
|
21
|
-
sizesMap: Record<string, number>;
|
|
22
|
-
}) => any;
|
|
23
|
-
export declare const loadImageObject: (item: ITrackItem, options: {
|
|
24
|
-
tScale: number;
|
|
25
|
-
sizesMap: Record<string, number>;
|
|
26
|
-
}) => any;
|
|
27
|
-
export declare const loadAudioObject: (item: IAudio, options: {
|
|
28
|
-
tScale: number;
|
|
29
|
-
sizesMap: Record<string, number>;
|
|
30
|
-
}) => any;
|
|
31
|
-
export declare const loadTemplateObject: (item: {
|
|
32
|
-
id: string;
|
|
33
|
-
display: IDisplay;
|
|
34
|
-
trim?: ITrim;
|
|
35
|
-
}, options: {
|
|
36
|
-
tScale: number;
|
|
37
|
-
}) => any;
|
|
38
|
-
export declare const loadCompositionObject: (item: {
|
|
39
|
-
id: string;
|
|
40
|
-
display: IDisplay;
|
|
41
|
-
}, options: {
|
|
42
|
-
tScale: number;
|
|
43
|
-
}) => any;
|
|
44
|
-
export declare const loadIllustrationObject: (item: ITrackItemAndDetails, options: {
|
|
45
|
-
tScale: number;
|
|
46
|
-
sizesMap: Record<string, number>;
|
|
47
|
-
}) => any;
|
|
48
|
-
export declare const loadShapeObject: (item: ITrackItemAndDetails, options: {
|
|
49
|
-
tScale: number;
|
|
50
|
-
sizesMap: Record<string, number>;
|
|
51
|
-
}) => any;
|
|
52
|
-
export declare const loadCustomObject: (item: ITrackItemAndDetails, options: {
|
|
53
|
-
tScale: number;
|
|
54
|
-
sizesMap: Record<string, number>;
|
|
55
|
-
}) => any;
|
|
56
|
-
export declare const loadMediaObject: (item: ITrackItemAndDetails, options: {
|
|
3
|
+
export declare const loadObject: (item: ITrackItemAndDetails, options: {
|
|
57
4
|
tScale: number;
|
|
58
5
|
sizesMap: Record<string, number>;
|
|
59
6
|
}) => any;
|
package/dist/utils/sizes.d.ts
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cliquify.me/timeline",
|
|
3
|
-
"version": "4.0.
|
|
3
|
+
"version": "4.0.6",
|
|
4
4
|
"private": false,
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public"
|
|
@@ -37,7 +37,7 @@
|
|
|
37
37
|
"peerDependencies": {
|
|
38
38
|
"@types/lodash-es": "^4.17.12",
|
|
39
39
|
"@designcombo/events": "^1.0.2",
|
|
40
|
-
"@cliquify.me/types": "4.0.
|
|
40
|
+
"@cliquify.me/types": "4.0.6"
|
|
41
41
|
},
|
|
42
42
|
"scripts": {
|
|
43
43
|
"dev": "vite",
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
export declare const ACCEPTS_MAP: {
|
|
2
|
-
video: string[];
|
|
3
|
-
image: string[];
|
|
4
|
-
audio: string[];
|
|
5
|
-
text: string[];
|
|
6
|
-
caption: string[];
|
|
7
|
-
template: string[];
|
|
8
|
-
composition: string[];
|
|
9
|
-
illustration: string[];
|
|
10
|
-
shape: string[];
|
|
11
|
-
};
|
|
12
|
-
export declare const SIZES_MAP: {
|
|
13
|
-
video: number;
|
|
14
|
-
image: number;
|
|
15
|
-
audio: number;
|
|
16
|
-
text: number;
|
|
17
|
-
caption: number;
|
|
18
|
-
template: number;
|
|
19
|
-
illustration: number;
|
|
20
|
-
composition: number;
|
|
21
|
-
shape: number;
|
|
22
|
-
};
|
package/dist/utils/accepts.d.ts
DELETED