@evercam/ui 0.0.55-beta.36 → 0.0.55-beta.38
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/README.md +1 -0
- package/dist/attributes.json +37 -27
- package/dist/index.mjs +1953 -1463
- package/dist/index.mjs.map +1 -1
- package/dist/index.umd.js +12 -12
- package/dist/index.umd.js.map +1 -1
- package/dist/src/components/ECompareSeparator.vue.d.ts +7 -0
- package/dist/src/components/ETimeline.vue.d.ts +1 -0
- package/dist/src/components/EToggleSwitch.vue.d.ts +34 -0
- package/dist/src/components/ETruncatedDiv.vue.d.ts +8 -0
- package/dist/src/components/EVideoPlayer.vue.d.ts +181 -15
- package/dist/src/components/EZoomable.vue.d.ts +73 -0
- package/dist/src/constants.d.ts +1 -0
- package/dist/src/index.d.ts +295 -14
- package/dist/src/types.d.ts +2 -1
- package/dist/style.css +1 -1
- package/dist/styles.css +121 -0
- package/dist/tags.json +24 -12
- package/dist/web-types.json +131 -61
- package/package.json +1 -1
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import Vue from "vue";
|
|
2
|
+
declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => Vue<Record<string, any>, Record<string, any>, never, never, any>>, unknown, unknown, {
|
|
3
|
+
separatorStyle: Record<string, any>;
|
|
4
|
+
}, {
|
|
5
|
+
xOffset: string | number;
|
|
6
|
+
}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>;
|
|
7
|
+
export default _default;
|
|
@@ -320,5 +320,6 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
|
|
|
320
320
|
forbiddenIntervalColor: string;
|
|
321
321
|
focusedInterval: TimelineInterval | undefined;
|
|
322
322
|
locked: boolean;
|
|
323
|
+
timezone: string | undefined;
|
|
323
324
|
}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>;
|
|
324
325
|
export default _default;
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import Vue from "vue";
|
|
2
|
+
import { Size } from '../types';
|
|
3
|
+
export interface EToggleSwitchOption {
|
|
4
|
+
title: string;
|
|
5
|
+
value: any;
|
|
6
|
+
}
|
|
7
|
+
export type CssClassMap = Record<string, boolean>;
|
|
8
|
+
type SizeClasses = {
|
|
9
|
+
container: CssClassMap;
|
|
10
|
+
button: CssClassMap;
|
|
11
|
+
text: CssClassMap;
|
|
12
|
+
};
|
|
13
|
+
declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => Vue<Record<string, any>, Record<string, any>, never, never, any>>, {
|
|
14
|
+
value: any;
|
|
15
|
+
}, {
|
|
16
|
+
getButtonClasses(optionValue: any): {
|
|
17
|
+
"e-bg-inherit": boolean;
|
|
18
|
+
"e-bg-brand-600": boolean;
|
|
19
|
+
"e-bg-gray-600": boolean;
|
|
20
|
+
"e-bg-[#629efc] e-text-gray-900 e-font-normal": boolean;
|
|
21
|
+
};
|
|
22
|
+
handleClick(value: any): void;
|
|
23
|
+
}, {
|
|
24
|
+
sizeClasses: SizeClasses;
|
|
25
|
+
containerClasses: CssClassMap;
|
|
26
|
+
textClasses: CssClassMap;
|
|
27
|
+
buttonBaseClasses: CssClassMap;
|
|
28
|
+
}, {
|
|
29
|
+
options: EToggleSwitchOption[];
|
|
30
|
+
color: string;
|
|
31
|
+
size: Size;
|
|
32
|
+
defaultValue: string | number | boolean;
|
|
33
|
+
}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>;
|
|
34
|
+
export default _default;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import Vue from "vue";
|
|
2
|
+
declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => Vue<Record<string, any>, Record<string, any>, never, never, any>>, unknown, unknown, {
|
|
3
|
+
containerStyle: Record<string, any>;
|
|
4
|
+
}, {
|
|
5
|
+
width: string | number;
|
|
6
|
+
fixedWidth: boolean;
|
|
7
|
+
}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>;
|
|
8
|
+
export default _default;
|
|
@@ -1,11 +1,84 @@
|
|
|
1
|
-
import Hls from "hls.js";
|
|
2
|
-
import
|
|
1
|
+
import Hls, { ErrorData, Events } from "hls.js";
|
|
2
|
+
import { PropType } from "vue";
|
|
3
3
|
export type VideoSource = {
|
|
4
4
|
type: string;
|
|
5
5
|
src: string;
|
|
6
6
|
};
|
|
7
7
|
export declare const VIDEO_PLAYER_EVENTS: string[];
|
|
8
|
-
declare const _default: import("vue
|
|
8
|
+
declare const _default: import("vue").DefineComponent<{
|
|
9
|
+
targetTimestamp: {
|
|
10
|
+
type: (StringConstructor | DateConstructor)[];
|
|
11
|
+
default: undefined;
|
|
12
|
+
};
|
|
13
|
+
sources: {
|
|
14
|
+
type: PropType<string | VideoSource[]>;
|
|
15
|
+
required: true;
|
|
16
|
+
};
|
|
17
|
+
videoListeners: {
|
|
18
|
+
type: PropType<Partial<HTMLVideoElement>>;
|
|
19
|
+
default: () => {};
|
|
20
|
+
};
|
|
21
|
+
videoOptions: {
|
|
22
|
+
type: PropType<Partial<HTMLVideoElement>>;
|
|
23
|
+
default: () => {};
|
|
24
|
+
};
|
|
25
|
+
isHls: {
|
|
26
|
+
type: BooleanConstructor;
|
|
27
|
+
default: boolean;
|
|
28
|
+
};
|
|
29
|
+
streamingToken: {
|
|
30
|
+
type: StringConstructor;
|
|
31
|
+
default: string;
|
|
32
|
+
};
|
|
33
|
+
pauseOnClick: {
|
|
34
|
+
type: BooleanConstructor;
|
|
35
|
+
default: boolean;
|
|
36
|
+
};
|
|
37
|
+
isHlsLoading: {
|
|
38
|
+
type: BooleanConstructor;
|
|
39
|
+
default: boolean;
|
|
40
|
+
};
|
|
41
|
+
isPlaying: {
|
|
42
|
+
type: BooleanConstructor;
|
|
43
|
+
default: boolean;
|
|
44
|
+
};
|
|
45
|
+
isZoomable: {
|
|
46
|
+
type: BooleanConstructor;
|
|
47
|
+
default: boolean;
|
|
48
|
+
};
|
|
49
|
+
zoomableIgnorePointerEvents: {
|
|
50
|
+
type: BooleanConstructor;
|
|
51
|
+
default: boolean;
|
|
52
|
+
};
|
|
53
|
+
timezone: {
|
|
54
|
+
type: StringConstructor;
|
|
55
|
+
default: string;
|
|
56
|
+
};
|
|
57
|
+
playPauseAnimation: {
|
|
58
|
+
type: BooleanConstructor;
|
|
59
|
+
default: boolean;
|
|
60
|
+
};
|
|
61
|
+
disablePlayPauseAnimation: {
|
|
62
|
+
type: BooleanConstructor;
|
|
63
|
+
default: boolean;
|
|
64
|
+
};
|
|
65
|
+
isWebRtc: {
|
|
66
|
+
type: BooleanConstructor;
|
|
67
|
+
default: boolean;
|
|
68
|
+
};
|
|
69
|
+
withColoredLoader: {
|
|
70
|
+
type: BooleanConstructor;
|
|
71
|
+
default: boolean;
|
|
72
|
+
};
|
|
73
|
+
loaderSize: {
|
|
74
|
+
type: StringConstructor;
|
|
75
|
+
default: string;
|
|
76
|
+
};
|
|
77
|
+
withOverlayOnBackground: {
|
|
78
|
+
type: BooleanConstructor;
|
|
79
|
+
default: boolean;
|
|
80
|
+
};
|
|
81
|
+
}, {}, {
|
|
9
82
|
playing: boolean;
|
|
10
83
|
percentagePlayed: number;
|
|
11
84
|
videoLength: string;
|
|
@@ -20,10 +93,23 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
|
|
|
20
93
|
isLoading: boolean;
|
|
21
94
|
isError: boolean;
|
|
22
95
|
player: Hls;
|
|
96
|
+
playbackRetries: number;
|
|
97
|
+
preloadedSeconds: number;
|
|
98
|
+
preloadedInterval: {
|
|
99
|
+
start: string;
|
|
100
|
+
end: string;
|
|
101
|
+
};
|
|
102
|
+
}, {
|
|
103
|
+
sourceItems(): VideoSource[];
|
|
104
|
+
hasStartedOrFinished(): boolean;
|
|
105
|
+
withControls(): "" | "hide";
|
|
23
106
|
}, {
|
|
24
107
|
initHls(): void;
|
|
108
|
+
onContainerClick(): void;
|
|
25
109
|
handle404Error(): void;
|
|
110
|
+
handleHlsError(_: Events.ERROR, data: ErrorData): void;
|
|
26
111
|
bindEvents(): void;
|
|
112
|
+
onProgress(): void;
|
|
27
113
|
unbindEvents(): void;
|
|
28
114
|
bindVideoEvent(which: string): void;
|
|
29
115
|
initializePlayer(): void;
|
|
@@ -35,9 +121,9 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
|
|
|
35
121
|
handleScrubbingOnMouseEnd(e: MouseEvent): void;
|
|
36
122
|
handleEnded(): void;
|
|
37
123
|
handleLoading(): void;
|
|
38
|
-
play(): void
|
|
124
|
+
play(): Promise<void>;
|
|
39
125
|
pause(): void;
|
|
40
|
-
togglePlay(): void
|
|
126
|
+
togglePlay(): Promise<void>;
|
|
41
127
|
setPlaying(state: boolean): void;
|
|
42
128
|
seekToPercentage(percentage: number): void;
|
|
43
129
|
convertTimeToDuration(seconds: number): string;
|
|
@@ -50,16 +136,96 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
|
|
|
50
136
|
skip(duration?: number): void;
|
|
51
137
|
toggleScrubbing(e: MouseEvent): Promise<void>;
|
|
52
138
|
handleKeyDown(e: KeyboardEvent): void;
|
|
53
|
-
}, {
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
}
|
|
58
|
-
sources:
|
|
59
|
-
|
|
60
|
-
|
|
139
|
+
}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
|
|
140
|
+
targetTimestamp: {
|
|
141
|
+
type: (StringConstructor | DateConstructor)[];
|
|
142
|
+
default: undefined;
|
|
143
|
+
};
|
|
144
|
+
sources: {
|
|
145
|
+
type: PropType<string | VideoSource[]>;
|
|
146
|
+
required: true;
|
|
147
|
+
};
|
|
148
|
+
videoListeners: {
|
|
149
|
+
type: PropType<Partial<HTMLVideoElement>>;
|
|
150
|
+
default: () => {};
|
|
151
|
+
};
|
|
152
|
+
videoOptions: {
|
|
153
|
+
type: PropType<Partial<HTMLVideoElement>>;
|
|
154
|
+
default: () => {};
|
|
155
|
+
};
|
|
156
|
+
isHls: {
|
|
157
|
+
type: BooleanConstructor;
|
|
158
|
+
default: boolean;
|
|
159
|
+
};
|
|
160
|
+
streamingToken: {
|
|
161
|
+
type: StringConstructor;
|
|
162
|
+
default: string;
|
|
163
|
+
};
|
|
164
|
+
pauseOnClick: {
|
|
165
|
+
type: BooleanConstructor;
|
|
166
|
+
default: boolean;
|
|
167
|
+
};
|
|
168
|
+
isHlsLoading: {
|
|
169
|
+
type: BooleanConstructor;
|
|
170
|
+
default: boolean;
|
|
171
|
+
};
|
|
172
|
+
isPlaying: {
|
|
173
|
+
type: BooleanConstructor;
|
|
174
|
+
default: boolean;
|
|
175
|
+
};
|
|
176
|
+
isZoomable: {
|
|
177
|
+
type: BooleanConstructor;
|
|
178
|
+
default: boolean;
|
|
179
|
+
};
|
|
180
|
+
zoomableIgnorePointerEvents: {
|
|
181
|
+
type: BooleanConstructor;
|
|
182
|
+
default: boolean;
|
|
183
|
+
};
|
|
184
|
+
timezone: {
|
|
185
|
+
type: StringConstructor;
|
|
186
|
+
default: string;
|
|
187
|
+
};
|
|
188
|
+
playPauseAnimation: {
|
|
189
|
+
type: BooleanConstructor;
|
|
190
|
+
default: boolean;
|
|
191
|
+
};
|
|
192
|
+
disablePlayPauseAnimation: {
|
|
193
|
+
type: BooleanConstructor;
|
|
194
|
+
default: boolean;
|
|
195
|
+
};
|
|
196
|
+
isWebRtc: {
|
|
197
|
+
type: BooleanConstructor;
|
|
198
|
+
default: boolean;
|
|
199
|
+
};
|
|
200
|
+
withColoredLoader: {
|
|
201
|
+
type: BooleanConstructor;
|
|
202
|
+
default: boolean;
|
|
203
|
+
};
|
|
204
|
+
loaderSize: {
|
|
205
|
+
type: StringConstructor;
|
|
206
|
+
default: string;
|
|
207
|
+
};
|
|
208
|
+
withOverlayOnBackground: {
|
|
209
|
+
type: BooleanConstructor;
|
|
210
|
+
default: boolean;
|
|
211
|
+
};
|
|
212
|
+
}>>, {
|
|
213
|
+
timezone: string;
|
|
214
|
+
isPlaying: boolean;
|
|
215
|
+
targetTimestamp: string | Date;
|
|
216
|
+
videoListeners: Partial<HTMLVideoElement>;
|
|
217
|
+
videoOptions: Partial<HTMLVideoElement>;
|
|
61
218
|
isHls: boolean;
|
|
62
219
|
streamingToken: string;
|
|
63
|
-
|
|
64
|
-
|
|
220
|
+
pauseOnClick: boolean;
|
|
221
|
+
isHlsLoading: boolean;
|
|
222
|
+
isZoomable: boolean;
|
|
223
|
+
zoomableIgnorePointerEvents: boolean;
|
|
224
|
+
playPauseAnimation: boolean;
|
|
225
|
+
disablePlayPauseAnimation: boolean;
|
|
226
|
+
isWebRtc: boolean;
|
|
227
|
+
withColoredLoader: boolean;
|
|
228
|
+
loaderSize: string;
|
|
229
|
+
withOverlayOnBackground: boolean;
|
|
230
|
+
}>;
|
|
65
231
|
export default _default;
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
declare const _default: import("vue").DefineComponent<{
|
|
2
|
+
ignorePointerEvents: {
|
|
3
|
+
type: BooleanConstructor;
|
|
4
|
+
default: boolean;
|
|
5
|
+
};
|
|
6
|
+
withOverlay: {
|
|
7
|
+
type: BooleanConstructor;
|
|
8
|
+
default: boolean;
|
|
9
|
+
};
|
|
10
|
+
disabled: {
|
|
11
|
+
type: BooleanConstructor;
|
|
12
|
+
default: boolean;
|
|
13
|
+
};
|
|
14
|
+
}, {}, {
|
|
15
|
+
scale: number;
|
|
16
|
+
minScale: number;
|
|
17
|
+
maxScale: number;
|
|
18
|
+
top: number;
|
|
19
|
+
left: number;
|
|
20
|
+
isPanning: boolean;
|
|
21
|
+
panStart: {
|
|
22
|
+
x: number;
|
|
23
|
+
y: number;
|
|
24
|
+
};
|
|
25
|
+
isPinching: boolean;
|
|
26
|
+
previousPinchDistance: number;
|
|
27
|
+
pinchDistance: number;
|
|
28
|
+
pointers: {};
|
|
29
|
+
transform: string;
|
|
30
|
+
}, {
|
|
31
|
+
contentStyle(): {
|
|
32
|
+
transform: string;
|
|
33
|
+
};
|
|
34
|
+
isZoomed(): boolean;
|
|
35
|
+
}, {
|
|
36
|
+
updateZoomScale(): void;
|
|
37
|
+
handleZoom(e: any): void;
|
|
38
|
+
handleMouseDown(e: any): void;
|
|
39
|
+
handleMouseUp(): void;
|
|
40
|
+
handleMouseLeave(): void;
|
|
41
|
+
handleMouseMove(e: any): void;
|
|
42
|
+
applyBoundsCorrection(): void;
|
|
43
|
+
updateTransform(): void;
|
|
44
|
+
getPointersDistance(a: any, b: any): number;
|
|
45
|
+
getPointersMidPoint(a: any, b: any): {
|
|
46
|
+
x: any;
|
|
47
|
+
y: any;
|
|
48
|
+
};
|
|
49
|
+
updatePointerEvent(e: any): void;
|
|
50
|
+
clearPointerEvent(e: any): void;
|
|
51
|
+
updatePinchDistance(): void;
|
|
52
|
+
handlePointerDown(e: any): void;
|
|
53
|
+
handlePointerMove(e: any): void;
|
|
54
|
+
handlePointerUp(e: any): void;
|
|
55
|
+
}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
|
|
56
|
+
ignorePointerEvents: {
|
|
57
|
+
type: BooleanConstructor;
|
|
58
|
+
default: boolean;
|
|
59
|
+
};
|
|
60
|
+
withOverlay: {
|
|
61
|
+
type: BooleanConstructor;
|
|
62
|
+
default: boolean;
|
|
63
|
+
};
|
|
64
|
+
disabled: {
|
|
65
|
+
type: BooleanConstructor;
|
|
66
|
+
default: boolean;
|
|
67
|
+
};
|
|
68
|
+
}>>, {
|
|
69
|
+
ignorePointerEvents: boolean;
|
|
70
|
+
withOverlay: boolean;
|
|
71
|
+
disabled: boolean;
|
|
72
|
+
}>;
|
|
73
|
+
export default _default;
|
package/dist/src/constants.d.ts
CHANGED
|
@@ -5,6 +5,7 @@ export declare const Colors: any;
|
|
|
5
5
|
export declare const BadgeSizes: readonly [Size.dot, Size.xs, Size.sm, Size.md, Size.lg, Size.xl];
|
|
6
6
|
export declare const AvatarSizes: readonly [Size.xs, Size.sm, Size.md, Size.lg, Size.xl, (typeof Size)["2xl"]];
|
|
7
7
|
export declare const IconSizes: readonly [Size.xs, Size.sm, Size.md, Size.md, Size.lg, Size.xl, (typeof Size)["2xl"], (typeof Size)["3xl"], (typeof Size)["4xl"], (typeof Size)["5xl"], (typeof Size)["6xl"], (typeof Size)["7xl"], (typeof Size)["8xl"], (typeof Size)["9xl"]];
|
|
8
|
+
export declare const ToggleSwitchSizes: readonly [Size.sm, Size.md, Size.md, Size.lg];
|
|
8
9
|
export declare const BadgeColors: readonly [BaseColor.warning, BaseColor.error, BaseColor.info, BaseColor.success, BaseColor.primary, BaseColor.default];
|
|
9
10
|
export declare const EVENTS: string[];
|
|
10
11
|
declare const _default: {};
|