@evercam/ui 0.0.55-beta.22 → 0.0.55-beta.24
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/attributes.json +129 -17
- package/dist/index.mjs +1223 -1311
- package/dist/index.mjs.map +1 -1
- package/dist/index.umd.js +13 -13
- package/dist/index.umd.js.map +1 -1
- package/dist/src/components/EHeatmapBar.vue.d.ts +3 -0
- package/dist/src/components/EHoursHeatmap.vue.d.ts +3 -0
- package/dist/src/components/EReadMore.vue.d.ts +24 -0
- package/dist/src/components/ETimeline.vue.d.ts +20 -11
- package/dist/src/components/EVideoPlayer.vue.d.ts +15 -170
- package/dist/src/constants.d.ts +0 -1
- package/dist/src/index.d.ts +56 -258
- package/dist/src/types.d.ts +16 -9
- package/dist/style.css +1 -1
- package/dist/styles.css +16 -108
- package/dist/tags.json +48 -9
- package/dist/web-types.json +289 -39
- package/package.json +1 -1
- package/dist/src/components/EToggleSwitch.vue.d.ts +0 -34
- package/dist/src/components/EZoomable.vue.d.ts +0 -64
|
@@ -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,14 +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
|
-
height?: number | undefined;
|
|
163
163
|
dots?: boolean | undefined;
|
|
164
164
|
dotsSize?: number | undefined;
|
|
165
|
+
bottom?: boolean | undefined;
|
|
165
166
|
}): void;
|
|
166
167
|
drawBarEventsGroups(): void;
|
|
167
168
|
drawMilestonesPlaceholder(): void;
|
|
@@ -171,6 +172,8 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
|
|
|
171
172
|
border: string;
|
|
172
173
|
};
|
|
173
174
|
getMilestoneGroupYPosition(groupName: string): number;
|
|
175
|
+
getBarGroupYPosition(groupName: string, bottom?: boolean): number;
|
|
176
|
+
getBarGroupHeight(eventsGroup: TimelineEventsGroup): number;
|
|
174
177
|
updateMilestonesPositions(): void;
|
|
175
178
|
drawBarChartEventsGroups(): void;
|
|
176
179
|
drawProgressIndicator({ yPosition, type, isLoading, }: {
|
|
@@ -185,7 +188,7 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
|
|
|
185
188
|
color: string;
|
|
186
189
|
height?: number | undefined;
|
|
187
190
|
}): void;
|
|
188
|
-
drawBars({ events, gElement, yPosition, color, type, dots, dotsSize, }: {
|
|
191
|
+
drawBars({ events, gElement, yPosition, color, type, dots, dotsSize, height, barBorderRadius, }: {
|
|
189
192
|
events: TimelineEvent[];
|
|
190
193
|
gElement: d3.Selection<SVGGElement, any, any, any>;
|
|
191
194
|
yPosition: number;
|
|
@@ -193,6 +196,8 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
|
|
|
193
196
|
type: string;
|
|
194
197
|
dots?: boolean | undefined;
|
|
195
198
|
dotsSize?: number | undefined;
|
|
199
|
+
height?: number | undefined;
|
|
200
|
+
barBorderRadius?: number | undefined;
|
|
196
201
|
}): void;
|
|
197
202
|
drawBarsChart({ events, gElement, color, yOffset, type, index, }: {
|
|
198
203
|
events: TimelineEvent[];
|
|
@@ -246,6 +251,7 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
|
|
|
246
251
|
getSortedEvents(events: TimelineEvent[]): TimelineEvent[];
|
|
247
252
|
}, {
|
|
248
253
|
combinedBarsHeight: number;
|
|
254
|
+
combinedBottomBarsHeight: number;
|
|
249
255
|
combinedMilestonesHeight: number;
|
|
250
256
|
milestonesYOffset: number;
|
|
251
257
|
chartsYOffset: number;
|
|
@@ -292,12 +298,11 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
|
|
|
292
298
|
barYPadding: number;
|
|
293
299
|
barXPadding: number;
|
|
294
300
|
chartMinHeight: number;
|
|
301
|
+
chartMinLabelHeight: number;
|
|
295
302
|
minZoom: number;
|
|
296
303
|
maxZoom: number;
|
|
297
304
|
minDate: string;
|
|
298
305
|
maxDate: string;
|
|
299
|
-
minVisibleDate: string;
|
|
300
|
-
maxVisibleDate: string;
|
|
301
306
|
cursorTimestamp: string | undefined;
|
|
302
307
|
selectedClass: string | undefined;
|
|
303
308
|
panOnDateClick: boolean;
|
|
@@ -307,9 +312,13 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
|
|
|
307
312
|
markers: TimelineMarker[];
|
|
308
313
|
stickyMarkers: boolean;
|
|
309
314
|
fitMarkersOnChange: boolean;
|
|
310
|
-
|
|
315
|
+
zoomToIntervalTransitionDuration: number;
|
|
311
316
|
zoomToBoundariesTransitionDuration: number;
|
|
312
317
|
milestoneBulletSize: number;
|
|
313
318
|
milestonesFirst: boolean;
|
|
319
|
+
forbiddenIntervals: TimelineInterval[];
|
|
320
|
+
forbiddenIntervalColor: string;
|
|
321
|
+
focusedInterval: TimelineInterval | undefined;
|
|
322
|
+
locked: boolean;
|
|
314
323
|
}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>;
|
|
315
324
|
export default _default;
|
|
@@ -1,83 +1,11 @@
|
|
|
1
|
-
import Hls
|
|
2
|
-
import
|
|
1
|
+
import Hls from "hls.js";
|
|
2
|
+
import Vue 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
|
-
|
|
9
|
-
_240 = 240,
|
|
10
|
-
_480 = 480,
|
|
11
|
-
_640 = 640,
|
|
12
|
-
_720 = 720,
|
|
13
|
-
_1080 = 1080
|
|
14
|
-
}
|
|
15
|
-
declare const _default: import("vue").DefineComponent<{
|
|
16
|
-
targetTimestamp: {
|
|
17
|
-
type: (StringConstructor | DateConstructor)[];
|
|
18
|
-
default: undefined;
|
|
19
|
-
};
|
|
20
|
-
sources: {
|
|
21
|
-
type: PropType<string | VideoSource[]>;
|
|
22
|
-
required: true;
|
|
23
|
-
};
|
|
24
|
-
videoListeners: {
|
|
25
|
-
type: PropType<Partial<HTMLVideoElement>>;
|
|
26
|
-
default: () => {};
|
|
27
|
-
};
|
|
28
|
-
videoOptions: {
|
|
29
|
-
type: PropType<Partial<HTMLVideoElement>>;
|
|
30
|
-
default: () => {};
|
|
31
|
-
};
|
|
32
|
-
isHls: {
|
|
33
|
-
type: BooleanConstructor;
|
|
34
|
-
default: boolean;
|
|
35
|
-
};
|
|
36
|
-
streamingToken: {
|
|
37
|
-
type: StringConstructor;
|
|
38
|
-
default: string;
|
|
39
|
-
};
|
|
40
|
-
pauseOnClick: {
|
|
41
|
-
type: BooleanConstructor;
|
|
42
|
-
default: boolean;
|
|
43
|
-
};
|
|
44
|
-
isHlsLoading: {
|
|
45
|
-
type: BooleanConstructor;
|
|
46
|
-
default: boolean;
|
|
47
|
-
};
|
|
48
|
-
isPlaying: {
|
|
49
|
-
type: BooleanConstructor;
|
|
50
|
-
default: boolean;
|
|
51
|
-
};
|
|
52
|
-
selectedResolution: {
|
|
53
|
-
type: PropType<EdgeVideoResolution | undefined>;
|
|
54
|
-
default: undefined;
|
|
55
|
-
};
|
|
56
|
-
isZoomable: {
|
|
57
|
-
type: BooleanConstructor;
|
|
58
|
-
default: boolean;
|
|
59
|
-
};
|
|
60
|
-
zoomableIgnorePointerEvents: {
|
|
61
|
-
type: BooleanConstructor;
|
|
62
|
-
default: boolean;
|
|
63
|
-
};
|
|
64
|
-
timezone: {
|
|
65
|
-
type: StringConstructor;
|
|
66
|
-
default: string;
|
|
67
|
-
};
|
|
68
|
-
playPauseAnimation: {
|
|
69
|
-
type: BooleanConstructor;
|
|
70
|
-
default: boolean;
|
|
71
|
-
};
|
|
72
|
-
disablePlayPauseAnimation: {
|
|
73
|
-
type: BooleanConstructor;
|
|
74
|
-
default: boolean;
|
|
75
|
-
};
|
|
76
|
-
isWebRtc: {
|
|
77
|
-
type: BooleanConstructor;
|
|
78
|
-
default: boolean;
|
|
79
|
-
};
|
|
80
|
-
}, {}, {
|
|
8
|
+
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>>, {
|
|
81
9
|
playing: boolean;
|
|
82
10
|
percentagePlayed: number;
|
|
83
11
|
videoLength: string;
|
|
@@ -92,23 +20,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
92
20
|
isLoading: boolean;
|
|
93
21
|
isError: boolean;
|
|
94
22
|
player: Hls;
|
|
95
|
-
playbackRetries: number;
|
|
96
|
-
preloadedSeconds: number;
|
|
97
|
-
preloadedInterval: {
|
|
98
|
-
start: string;
|
|
99
|
-
end: string;
|
|
100
|
-
};
|
|
101
|
-
}, {
|
|
102
|
-
sourceItems(): VideoSource[];
|
|
103
|
-
hasStartedOrFinished(): boolean;
|
|
104
|
-
withControls(): "" | "hide";
|
|
105
23
|
}, {
|
|
106
24
|
initHls(): void;
|
|
107
|
-
onContainerClick(): void;
|
|
108
25
|
handle404Error(): void;
|
|
109
|
-
handleHlsError(_: Events.ERROR, data: ErrorData): void;
|
|
110
26
|
bindEvents(): void;
|
|
111
|
-
onProgress(): void;
|
|
112
27
|
unbindEvents(): void;
|
|
113
28
|
bindVideoEvent(which: string): void;
|
|
114
29
|
initializePlayer(): void;
|
|
@@ -120,9 +35,9 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
120
35
|
handleScrubbingOnMouseEnd(e: MouseEvent): void;
|
|
121
36
|
handleEnded(): void;
|
|
122
37
|
handleLoading(): void;
|
|
123
|
-
play():
|
|
38
|
+
play(): void;
|
|
124
39
|
pause(): void;
|
|
125
|
-
togglePlay():
|
|
40
|
+
togglePlay(): void;
|
|
126
41
|
setPlaying(state: boolean): void;
|
|
127
42
|
seekToPercentage(percentage: number): void;
|
|
128
43
|
convertTimeToDuration(seconds: number): string;
|
|
@@ -135,86 +50,16 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
135
50
|
skip(duration?: number): void;
|
|
136
51
|
toggleScrubbing(e: MouseEvent): Promise<void>;
|
|
137
52
|
handleKeyDown(e: KeyboardEvent): void;
|
|
138
|
-
},
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
sources:
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
};
|
|
147
|
-
videoListeners: {
|
|
148
|
-
type: PropType<Partial<HTMLVideoElement>>;
|
|
149
|
-
default: () => {};
|
|
150
|
-
};
|
|
151
|
-
videoOptions: {
|
|
152
|
-
type: PropType<Partial<HTMLVideoElement>>;
|
|
153
|
-
default: () => {};
|
|
154
|
-
};
|
|
155
|
-
isHls: {
|
|
156
|
-
type: BooleanConstructor;
|
|
157
|
-
default: boolean;
|
|
158
|
-
};
|
|
159
|
-
streamingToken: {
|
|
160
|
-
type: StringConstructor;
|
|
161
|
-
default: string;
|
|
162
|
-
};
|
|
163
|
-
pauseOnClick: {
|
|
164
|
-
type: BooleanConstructor;
|
|
165
|
-
default: boolean;
|
|
166
|
-
};
|
|
167
|
-
isHlsLoading: {
|
|
168
|
-
type: BooleanConstructor;
|
|
169
|
-
default: boolean;
|
|
170
|
-
};
|
|
171
|
-
isPlaying: {
|
|
172
|
-
type: BooleanConstructor;
|
|
173
|
-
default: boolean;
|
|
174
|
-
};
|
|
175
|
-
selectedResolution: {
|
|
176
|
-
type: PropType<EdgeVideoResolution | undefined>;
|
|
177
|
-
default: undefined;
|
|
178
|
-
};
|
|
179
|
-
isZoomable: {
|
|
180
|
-
type: BooleanConstructor;
|
|
181
|
-
default: boolean;
|
|
182
|
-
};
|
|
183
|
-
zoomableIgnorePointerEvents: {
|
|
184
|
-
type: BooleanConstructor;
|
|
185
|
-
default: boolean;
|
|
186
|
-
};
|
|
187
|
-
timezone: {
|
|
188
|
-
type: StringConstructor;
|
|
189
|
-
default: string;
|
|
190
|
-
};
|
|
191
|
-
playPauseAnimation: {
|
|
192
|
-
type: BooleanConstructor;
|
|
193
|
-
default: boolean;
|
|
194
|
-
};
|
|
195
|
-
disablePlayPauseAnimation: {
|
|
196
|
-
type: BooleanConstructor;
|
|
197
|
-
default: boolean;
|
|
198
|
-
};
|
|
199
|
-
isWebRtc: {
|
|
200
|
-
type: BooleanConstructor;
|
|
201
|
-
default: boolean;
|
|
202
|
-
};
|
|
203
|
-
}>>, {
|
|
204
|
-
timezone: string;
|
|
205
|
-
isPlaying: boolean;
|
|
206
|
-
targetTimestamp: string | Date;
|
|
207
|
-
videoListeners: Partial<HTMLVideoElement>;
|
|
208
|
-
videoOptions: Partial<HTMLVideoElement>;
|
|
53
|
+
}, {
|
|
54
|
+
sourceItems: VideoSource[];
|
|
55
|
+
hasStartedOrFinished: boolean;
|
|
56
|
+
withControls: "" | "hide";
|
|
57
|
+
}, {
|
|
58
|
+
sources: string | VideoSource[];
|
|
59
|
+
videoListeners: {};
|
|
60
|
+
videoOptions: {};
|
|
209
61
|
isHls: boolean;
|
|
210
62
|
streamingToken: string;
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
selectedResolution: EdgeVideoResolution | undefined;
|
|
214
|
-
isZoomable: boolean;
|
|
215
|
-
zoomableIgnorePointerEvents: boolean;
|
|
216
|
-
playPauseAnimation: boolean;
|
|
217
|
-
disablePlayPauseAnimation: boolean;
|
|
218
|
-
isWebRtc: boolean;
|
|
219
|
-
}>;
|
|
63
|
+
isLiveView: boolean;
|
|
64
|
+
}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>;
|
|
220
65
|
export default _default;
|
package/dist/src/constants.d.ts
CHANGED
|
@@ -5,7 +5,6 @@ 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];
|
|
9
8
|
export declare const BadgeColors: readonly [BaseColor.warning, BaseColor.error, BaseColor.info, BaseColor.success, BaseColor.primary, BaseColor.default];
|
|
10
9
|
export declare const EVENTS: string[];
|
|
11
10
|
declare const _default: {};
|