@evercam/ui 0.0.32 → 0.0.34
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 +47 -47
- package/dist/attributes.json +1 -1
- package/dist/index.mjs +181 -150
- package/dist/index.mjs.map +1 -1
- package/dist/index.umd.js +1 -1
- package/dist/index.umd.js.map +1 -1
- package/dist/src/components/EVideoPlayer.vue.d.ts +7 -5
- package/dist/src/directives/index.d.ts +6 -0
- package/dist/src/directives/resize-observer.d.ts +6 -0
- package/dist/src/index.d.ts +6 -3
- package/dist/style.css +1 -1
- package/dist/styles.css +3146 -3101
- package/dist/web-types.json +15 -2
- package/package.json +71 -71
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import Vue from "vue";
|
|
2
|
-
export type
|
|
2
|
+
export type VideoSource = {
|
|
3
3
|
type: string;
|
|
4
4
|
src: string;
|
|
5
|
-
}
|
|
5
|
+
};
|
|
6
6
|
export declare const VIDEO_PLAYER_EVENTS: string[];
|
|
7
7
|
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>>, {
|
|
8
8
|
playing: boolean;
|
|
@@ -17,7 +17,9 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
|
|
|
17
17
|
isFullscreen: boolean;
|
|
18
18
|
isFinished: boolean;
|
|
19
19
|
isLoading: boolean;
|
|
20
|
+
isError: boolean;
|
|
20
21
|
}, {
|
|
22
|
+
handle404Error(): void;
|
|
21
23
|
bindEvents(): void;
|
|
22
24
|
unbindEvents(): void;
|
|
23
25
|
bindVideoEvent(which: string): void;
|
|
@@ -30,7 +32,7 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
|
|
|
30
32
|
isLooped(): boolean;
|
|
31
33
|
handleScrubbingOnMouseEnd(e: MouseEvent): void;
|
|
32
34
|
handleEnded(): void;
|
|
33
|
-
handleLoading(): void;
|
|
35
|
+
handleLoading(e: Event): void;
|
|
34
36
|
play(): void;
|
|
35
37
|
pause(): void;
|
|
36
38
|
togglePlay(): void;
|
|
@@ -47,11 +49,11 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
|
|
|
47
49
|
toggleScrubbing(e: MouseEvent): Promise<void>;
|
|
48
50
|
handleKeyDown(e: KeyboardEvent): void;
|
|
49
51
|
}, {
|
|
50
|
-
|
|
52
|
+
sourceItems: VideoSource[];
|
|
51
53
|
hasStartedOrFinished: boolean;
|
|
52
54
|
withControls: "" | "hide";
|
|
53
55
|
}, {
|
|
54
|
-
sources:
|
|
56
|
+
sources: string | VideoSource[];
|
|
55
57
|
videoListeners: {};
|
|
56
58
|
videoOptions: {};
|
|
57
59
|
}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin>;
|
package/dist/src/index.d.ts
CHANGED
|
@@ -129,7 +129,9 @@ export declare const components: {
|
|
|
129
129
|
isFullscreen: boolean;
|
|
130
130
|
isFinished: boolean;
|
|
131
131
|
isLoading: boolean;
|
|
132
|
+
isError: boolean;
|
|
132
133
|
}, {
|
|
134
|
+
handle404Error(): void;
|
|
133
135
|
bindEvents(): void;
|
|
134
136
|
unbindEvents(): void;
|
|
135
137
|
bindVideoEvent(which: string): void;
|
|
@@ -142,7 +144,7 @@ export declare const components: {
|
|
|
142
144
|
isLooped(): boolean;
|
|
143
145
|
handleScrubbingOnMouseEnd(e: MouseEvent): void;
|
|
144
146
|
handleEnded(): void;
|
|
145
|
-
handleLoading(): void;
|
|
147
|
+
handleLoading(e: Event): void;
|
|
146
148
|
play(): void;
|
|
147
149
|
pause(): void;
|
|
148
150
|
togglePlay(): void;
|
|
@@ -159,11 +161,11 @@ export declare const components: {
|
|
|
159
161
|
toggleScrubbing(e: MouseEvent): Promise<void>;
|
|
160
162
|
handleKeyDown(e: KeyboardEvent): void;
|
|
161
163
|
}, {
|
|
162
|
-
|
|
164
|
+
sourceItems: import('./components/EVideoPlayer.vue').VideoSource[];
|
|
163
165
|
hasStartedOrFinished: boolean;
|
|
164
166
|
withControls: "" | "hide";
|
|
165
167
|
}, {
|
|
166
|
-
sources: import('./components/EVideoPlayer.vue').
|
|
168
|
+
sources: string | import('./components/EVideoPlayer.vue').VideoSource[];
|
|
167
169
|
videoListeners: {};
|
|
168
170
|
videoOptions: {};
|
|
169
171
|
}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin>;
|
|
@@ -176,3 +178,4 @@ export { EAvatar, EBadge, EIcon, ESpinner, ERow, ECol, EVideoPlayer };
|
|
|
176
178
|
export * from './constants';
|
|
177
179
|
export * from './types';
|
|
178
180
|
export * from './utils';
|
|
181
|
+
export * from './directives';
|
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.e-spinner[data-v-
|
|
1
|
+
.e-spinner[data-v-f6962f4a]{vertical-align:center}.e-spinner__primary[data-v-f6962f4a],.e-spinner__secondary[data-v-f6962f4a]{stroke-width:0;animation:fade-f6962f4a;animation-iteration-count:infinite}@keyframes fade-f6962f4a{0%{fill-opacity:0}50%{fill-opacity:1}to{fill-opacity:0}}.e-row.e-row--no-gutters{margin:0}.e-row.e-row--no-gutters>.e-col{padding:0}.e-col{padding:.75rem}.spinner-container[data-v-fe9b5bd5]{position:absolute;background:linear-gradient(to top,rgba(0,0,0,.65),transparent);inset:0;display:flex;justify-content:center;align-items:center;vertical-align:middle}.video-container[data-v-fe9b5bd5]{position:relative;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;margin:0 auto}.video-container.full-screen[data-v-fe9b5bd5]{max-width:initial;width:100%;max-height:100vh}video[data-v-fe9b5bd5]{width:100%;height:inherit}.video-controls-container[data-v-fe9b5bd5]{position:absolute;bottom:0;left:0;right:0;color:#fff;z-index:100;opacity:0;transition:opacity .15s ease-in-out}.hide[data-v-fe9b5bd5]{display:none}.video-controls-container[data-v-fe9b5bd5]:before{content:"";position:absolute;bottom:0;background:linear-gradient(to top,rgba(0,0,0,.75),transparent);width:100%;aspect-ratio:6 / 1;z-index:-1;pointer-events:none}.video-container:hover .video-controls-container[data-v-fe9b5bd5],.video-container:focus-within .video-controls-container[data-v-fe9b5bd5],.video-container.paused .video-controls-container[data-v-fe9b5bd5]{opacity:1}.video-controls-container .controls[data-v-fe9b5bd5]{display:flex;gap:.5rem;padding:.75rem 1rem;align-items:center;width:100%}.video-controls-container .controls button[data-v-fe9b5bd5]{background:none;border:none;color:inherit;padding:0;height:32px;width:32px;font-size:1.35rem;cursor:pointer;opacity:.85;transition:opacity .15s ease-in-out}.video-controls-container .controls button[data-v-fe9b5bd5]:hover{opacity:1}.duration-container[data-v-fe9b5bd5]{display:flex;align-items:center;gap:.25rem;flex-grow:1}.video-container.captions .captions-btn[data-v-fe9b5bd5]{border-bottom:3px solid red}.video-controls-container .controls button.wide-btn[data-v-fe9b5bd5]{width:50px}.timeline-container[data-v-fe9b5bd5]{width:100%;height:7px;margin-inline:.5rem;cursor:pointer;display:flex;align-items:center}.timeline[data-v-fe9b5bd5]{background-color:#64646480;height:3px;width:100%;position:relative}.timeline[data-v-fe9b5bd5]:before{content:"";position:absolute;left:0;top:0;bottom:0;right:calc(100% - var(--preview-position) * 100%);background-color:#969696;display:none}.timeline[data-v-fe9b5bd5]:after{content:"";position:absolute;left:0;top:0;bottom:0;right:calc(100% - var(--progress-position) * 100%);background-color:red}.timeline .thumb-indicator[data-v-fe9b5bd5]{--scale: 0;position:absolute;transform:translate(-50%) scale(var(--scale));height:200%;top:-50%;left:calc(var(--progress-position) * 100%);background-color:red;border-radius:50%;transition:transform .15s ease-in-out;aspect-ratio:1 / 1}.video-container.scrubbing .thumbnail-img[data-v-fe9b5bd5]{display:block}.video-container.scrubbing .timeline[data-v-fe9b5bd5]:before,.timeline-container:hover .timeline[data-v-fe9b5bd5]:before{display:block}.video-container.scrubbing .thumb-indicator[data-v-fe9b5bd5],.timeline-container:hover .thumb-indicator[data-v-fe9b5bd5]{--scale: 1}.video-container.scrubbing .timeline[data-v-fe9b5bd5],.timeline-container:hover .timeline[data-v-fe9b5bd5]{height:100%}
|