@evercam/ui 0.0.55-beta.4 → 0.0.55-beta.40
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 +3 -0
- package/dist/attributes.json +298 -36
- package/dist/index.mjs +3725 -2356
- 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/EGlobalSearch.vue.d.ts +29 -0
- package/dist/src/components/EHeatmapBar.vue.d.ts +3 -0
- package/dist/src/components/EHoursHeatmap.vue.d.ts +3 -0
- package/dist/src/components/EInput.vue.d.ts +3 -0
- package/dist/src/components/EReadMore.vue.d.ts +24 -0
- package/dist/src/components/ETimeline.vue.d.ts +32 -11
- package/dist/src/components/ETimelineMilestone.vue.d.ts +2 -2
- 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/components/styles/input.d.ts +140 -0
- package/dist/src/constants.d.ts +2 -0
- package/dist/src/index.d.ts +380 -24
- package/dist/src/mixins/event-listeners.d.ts +13 -0
- package/dist/src/mixins/inactivity-listener.d.ts +25 -0
- package/dist/src/mixins/index.d.ts +4 -0
- package/dist/src/mixins/timeouts.d.ts +8 -0
- package/dist/src/types.d.ts +30 -1
- package/dist/src/utils.d.ts +1 -0
- package/dist/style.css +1 -1
- package/dist/styles.css +409 -0
- package/dist/tags.json +104 -15
- package/dist/web-types.json +688 -80
- 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;
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import Vue from "vue";
|
|
2
|
+
import { GlobalSearchResultInput, GlobalSearchResult, GlobalSearchMatch } from '../types';
|
|
3
|
+
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>>, {
|
|
4
|
+
search: string;
|
|
5
|
+
isSearching: boolean;
|
|
6
|
+
}, {
|
|
7
|
+
onInput(event: InputEvent): void;
|
|
8
|
+
searchObjectsByQuery(objects: Array<GlobalSearchResultInput>, query: string): Array<GlobalSearchResult>;
|
|
9
|
+
findMatchesInObject(obj: GlobalSearchResultInput, query: string, path: string[]): GlobalSearchMatch[];
|
|
10
|
+
matchesQuery(value: any, query: string): boolean;
|
|
11
|
+
isValidDate(date: string | Date): boolean;
|
|
12
|
+
formattedTimestamp(timestamp: string): string;
|
|
13
|
+
onKeyHandler(e: KeyboardEvent): void;
|
|
14
|
+
}, unknown, {
|
|
15
|
+
dark: boolean;
|
|
16
|
+
items: GlobalSearchResultInput;
|
|
17
|
+
timezone: string;
|
|
18
|
+
convertedDateFormat: string;
|
|
19
|
+
currentDateFormat: string;
|
|
20
|
+
isFixedPosition: boolean;
|
|
21
|
+
isHidden: boolean;
|
|
22
|
+
deep: boolean;
|
|
23
|
+
}, {}, 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>>, {
|
|
24
|
+
eventListeners: import("../mixins/event-listeners").IEventListener[];
|
|
25
|
+
}, {
|
|
26
|
+
$addEventListener(event: string, cb: () => void, element?: Window & typeof globalThis): void;
|
|
27
|
+
$removeEventListeners(): void;
|
|
28
|
+
}, unknown, Record<never, any>, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>, import("vue").ComponentOptionsMixin>;
|
|
29
|
+
export default _default;
|
|
@@ -0,0 +1,3 @@
|
|
|
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>>, {}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>;
|
|
3
|
+
export default _default;
|
|
@@ -0,0 +1,3 @@
|
|
|
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>>, {}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>;
|
|
3
|
+
export default _default;
|
|
@@ -0,0 +1,3 @@
|
|
|
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>>, {}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>;
|
|
3
|
+
export default _default;
|
|
@@ -0,0 +1,24 @@
|
|
|
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>>, {
|
|
3
|
+
showAllContent: boolean;
|
|
4
|
+
}, {
|
|
5
|
+
displayContent(): any;
|
|
6
|
+
displayArrayContent(): any;
|
|
7
|
+
displayTextContent(): any;
|
|
8
|
+
toggleContentExpansion(): void;
|
|
9
|
+
}, {
|
|
10
|
+
hiddenContentLength: number;
|
|
11
|
+
isArrayContent: boolean;
|
|
12
|
+
isHiddenTextContent: boolean;
|
|
13
|
+
isHiddenArrayContent: boolean;
|
|
14
|
+
isContentExpanded: boolean;
|
|
15
|
+
computedMoreText: string;
|
|
16
|
+
}, {
|
|
17
|
+
content: string | unknown[] | (() => null);
|
|
18
|
+
maxLength: number;
|
|
19
|
+
showAll: boolean;
|
|
20
|
+
expandText: string;
|
|
21
|
+
collapseText: string;
|
|
22
|
+
moreTextWithPlaceholder: string;
|
|
23
|
+
}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>;
|
|
24
|
+
export default _default;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as d3 from "d3";
|
|
2
2
|
import { D3ZoomEvent } from "d3";
|
|
3
3
|
import Vue from "vue";
|
|
4
|
-
import { TimelineAxesConfig, TimelineAxis, TimelineCountEvent, TimelineEvent, TimelineEventsByType, TimelineEventsGroup, TimelineIntervalChangeTrigger, TimelineMarker, TimelinePrecision, TimelineTicksConfig, Timestamp } from '../types';
|
|
4
|
+
import { TimelineAxesConfig, TimelineAxis, TimelineCountEvent, TimelineEvent, TimelineEventsByType, TimelineEventsGroup, TimelineInterval, TimelineIntervalChangeTrigger, TimelineMarker, TimelinePrecision, TimelineTicksConfig, Timestamp } from '../types';
|
|
5
5
|
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>>, {
|
|
6
6
|
tooltip: HTMLElement;
|
|
7
7
|
cursor: HTMLElement;
|
|
@@ -61,6 +61,8 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
|
|
|
61
61
|
selectedMilestoneId: any;
|
|
62
62
|
isInitialized: boolean;
|
|
63
63
|
lastValidTransform: d3.ZoomTransform;
|
|
64
|
+
lastPanTransform: d3.ZoomTransform;
|
|
65
|
+
isZoomingInterval: boolean;
|
|
64
66
|
}, {
|
|
65
67
|
updateTimeline(): void;
|
|
66
68
|
initTimeline(startDate?: string, endDate?: string): void;
|
|
@@ -75,7 +77,8 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
|
|
|
75
77
|
updateYScaleDomain(): void;
|
|
76
78
|
initZoomBehavior(): void;
|
|
77
79
|
zoomToFitMarkers(): void;
|
|
78
|
-
|
|
80
|
+
zoomToTargetInterval(start?: string | number, end?: string | number): void;
|
|
81
|
+
translateIntervalIntoView(minTimestamp: number, maxTimestamp: number, scaleFactor: number): void;
|
|
79
82
|
initSelectedTimestampCursor(): void;
|
|
80
83
|
updateMarkers(): void;
|
|
81
84
|
updateAndRedrawTimeline(): void;
|
|
@@ -138,8 +141,7 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
|
|
|
138
141
|
initCurtains(): void;
|
|
139
142
|
createCurtains(): void;
|
|
140
143
|
updateCurtains(): void;
|
|
141
|
-
|
|
142
|
-
updateForbiddenIntervals(): void;
|
|
144
|
+
updateForbiddenIntervals(reset?: boolean): void;
|
|
143
145
|
drawEventsGroups(): void;
|
|
144
146
|
drawLineGraphEventsGroups(): void;
|
|
145
147
|
drawLineGraph({ events, gElement, color, type, }: {
|
|
@@ -154,12 +156,13 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
|
|
|
154
156
|
color: string;
|
|
155
157
|
type: string;
|
|
156
158
|
}): void;
|
|
157
|
-
drawSingleBarEventsGroup({ type, eventsGroup,
|
|
159
|
+
drawSingleBarEventsGroup({ type, eventsGroup, milestone, dots, dotsSize, bottom, }: {
|
|
158
160
|
type: string;
|
|
159
161
|
eventsGroup: TimelineEventsGroup;
|
|
160
|
-
index?: number | undefined;
|
|
161
162
|
milestone?: boolean | undefined;
|
|
162
|
-
|
|
163
|
+
dots?: boolean | undefined;
|
|
164
|
+
dotsSize?: number | undefined;
|
|
165
|
+
bottom?: boolean | undefined;
|
|
163
166
|
}): void;
|
|
164
167
|
drawBarEventsGroups(): void;
|
|
165
168
|
drawMilestonesPlaceholder(): void;
|
|
@@ -169,6 +172,8 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
|
|
|
169
172
|
border: string;
|
|
170
173
|
};
|
|
171
174
|
getMilestoneGroupYPosition(groupName: string): number;
|
|
175
|
+
getBarGroupYPosition(groupName: string, bottom?: boolean): number;
|
|
176
|
+
getBarGroupHeight(eventsGroup: TimelineEventsGroup): number;
|
|
172
177
|
updateMilestonesPositions(): void;
|
|
173
178
|
drawBarChartEventsGroups(): void;
|
|
174
179
|
drawProgressIndicator({ yPosition, type, isLoading, }: {
|
|
@@ -183,12 +188,16 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
|
|
|
183
188
|
color: string;
|
|
184
189
|
height?: number | undefined;
|
|
185
190
|
}): void;
|
|
186
|
-
drawBars({ events, gElement, yPosition, color, type, }: {
|
|
191
|
+
drawBars({ events, gElement, yPosition, color, type, dots, dotsSize, height, barBorderRadius, }: {
|
|
187
192
|
events: TimelineEvent[];
|
|
188
193
|
gElement: d3.Selection<SVGGElement, any, any, any>;
|
|
189
194
|
yPosition: number;
|
|
190
195
|
color: string;
|
|
191
196
|
type: string;
|
|
197
|
+
dots?: boolean | undefined;
|
|
198
|
+
dotsSize?: number | undefined;
|
|
199
|
+
height?: number | undefined;
|
|
200
|
+
barBorderRadius?: number | undefined;
|
|
192
201
|
}): void;
|
|
193
202
|
drawBarsChart({ events, gElement, color, yOffset, type, index, }: {
|
|
194
203
|
events: TimelineEvent[];
|
|
@@ -241,6 +250,13 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
|
|
|
241
250
|
onMilestoneClick(milestone: TimelineEvent, milestoneType: any): void;
|
|
242
251
|
getSortedEvents(events: TimelineEvent[]): TimelineEvent[];
|
|
243
252
|
}, {
|
|
253
|
+
combinedBarsHeight: number;
|
|
254
|
+
combinedBottomBarsHeight: number;
|
|
255
|
+
combinedMilestonesHeight: number;
|
|
256
|
+
milestonesYOffset: number;
|
|
257
|
+
chartsYOffset: number;
|
|
258
|
+
barsYOffset: number;
|
|
259
|
+
hasMilestones: boolean;
|
|
244
260
|
barChartHeight: number;
|
|
245
261
|
classes: Record<string, string | Record<string, boolean>>;
|
|
246
262
|
lineGraphGroups: TimelineEventsByType;
|
|
@@ -282,12 +298,11 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
|
|
|
282
298
|
barYPadding: number;
|
|
283
299
|
barXPadding: number;
|
|
284
300
|
chartMinHeight: number;
|
|
301
|
+
chartMinLabelHeight: number;
|
|
285
302
|
minZoom: number;
|
|
286
303
|
maxZoom: number;
|
|
287
304
|
minDate: string;
|
|
288
305
|
maxDate: string;
|
|
289
|
-
minVisibleDate: string;
|
|
290
|
-
maxVisibleDate: string;
|
|
291
306
|
cursorTimestamp: string | undefined;
|
|
292
307
|
selectedClass: string | undefined;
|
|
293
308
|
panOnDateClick: boolean;
|
|
@@ -297,8 +312,14 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
|
|
|
297
312
|
markers: TimelineMarker[];
|
|
298
313
|
stickyMarkers: boolean;
|
|
299
314
|
fitMarkersOnChange: boolean;
|
|
300
|
-
|
|
315
|
+
zoomToIntervalTransitionDuration: number;
|
|
301
316
|
zoomToBoundariesTransitionDuration: number;
|
|
302
317
|
milestoneBulletSize: number;
|
|
318
|
+
milestonesFirst: boolean;
|
|
319
|
+
forbiddenIntervals: TimelineInterval[];
|
|
320
|
+
forbiddenIntervalColor: string;
|
|
321
|
+
focusedInterval: TimelineInterval | undefined;
|
|
322
|
+
locked: boolean;
|
|
323
|
+
timezone: string | undefined;
|
|
303
324
|
}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>;
|
|
304
325
|
export default _default;
|
|
@@ -35,9 +35,9 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
|
|
|
35
35
|
isInitialRender: boolean;
|
|
36
36
|
isMouseOver: boolean;
|
|
37
37
|
}, {
|
|
38
|
-
onMilestoneMouseOver(e
|
|
38
|
+
onMilestoneMouseOver(e?: MouseEvent): void;
|
|
39
39
|
onMilestoneMouseMove(): void;
|
|
40
|
-
onMilestoneMouseLeave(e
|
|
40
|
+
onMilestoneMouseLeave(e?: MouseEvent): void;
|
|
41
41
|
onMilestoneClick(_e: MouseEvent, milestone: TimelineMilestoneEvent): void;
|
|
42
42
|
}, {
|
|
43
43
|
transitionStyles: Record<string, any>;
|
|
@@ -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
|
+
disabled: boolean;
|
|
70
|
+
ignorePointerEvents: boolean;
|
|
71
|
+
withOverlay: boolean;
|
|
72
|
+
}>;
|
|
73
|
+
export default _default;
|