@evercam/ui 0.0.31 → 0.0.33
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 +176 -155
- 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 +5 -7
- 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 +4 -5
- package/dist/style.css +1 -1
- package/dist/styles.css +3140 -3104
- package/dist/web-types.json +12 -5
- package/package.json +71 -71
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import Vue from "vue";
|
|
2
|
-
export type
|
|
2
|
+
export type VideoSources = string | {
|
|
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,9 +17,7 @@ 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;
|
|
21
20
|
}, {
|
|
22
|
-
handle404Error(): void;
|
|
23
21
|
bindEvents(): void;
|
|
24
22
|
unbindEvents(): void;
|
|
25
23
|
bindVideoEvent(which: string): void;
|
|
@@ -32,7 +30,7 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
|
|
|
32
30
|
isLooped(): boolean;
|
|
33
31
|
handleScrubbingOnMouseEnd(e: MouseEvent): void;
|
|
34
32
|
handleEnded(): void;
|
|
35
|
-
handleLoading(
|
|
33
|
+
handleLoading(): void;
|
|
36
34
|
play(): void;
|
|
37
35
|
pause(): void;
|
|
38
36
|
togglePlay(): void;
|
|
@@ -49,11 +47,11 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
|
|
|
49
47
|
toggleScrubbing(e: MouseEvent): Promise<void>;
|
|
50
48
|
handleKeyDown(e: KeyboardEvent): void;
|
|
51
49
|
}, {
|
|
52
|
-
|
|
50
|
+
hasMultipleSources: boolean;
|
|
53
51
|
hasStartedOrFinished: boolean;
|
|
54
52
|
withControls: "" | "hide";
|
|
55
53
|
}, {
|
|
56
|
-
sources:
|
|
54
|
+
sources: VideoSources;
|
|
57
55
|
videoListeners: {};
|
|
58
56
|
videoOptions: {};
|
|
59
57
|
}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin>;
|
package/dist/src/index.d.ts
CHANGED
|
@@ -129,9 +129,7 @@ export declare const components: {
|
|
|
129
129
|
isFullscreen: boolean;
|
|
130
130
|
isFinished: boolean;
|
|
131
131
|
isLoading: boolean;
|
|
132
|
-
isError: boolean;
|
|
133
132
|
}, {
|
|
134
|
-
handle404Error(): void;
|
|
135
133
|
bindEvents(): void;
|
|
136
134
|
unbindEvents(): void;
|
|
137
135
|
bindVideoEvent(which: string): void;
|
|
@@ -144,7 +142,7 @@ export declare const components: {
|
|
|
144
142
|
isLooped(): boolean;
|
|
145
143
|
handleScrubbingOnMouseEnd(e: MouseEvent): void;
|
|
146
144
|
handleEnded(): void;
|
|
147
|
-
handleLoading(
|
|
145
|
+
handleLoading(): void;
|
|
148
146
|
play(): void;
|
|
149
147
|
pause(): void;
|
|
150
148
|
togglePlay(): void;
|
|
@@ -161,11 +159,11 @@ export declare const components: {
|
|
|
161
159
|
toggleScrubbing(e: MouseEvent): Promise<void>;
|
|
162
160
|
handleKeyDown(e: KeyboardEvent): void;
|
|
163
161
|
}, {
|
|
164
|
-
|
|
162
|
+
hasMultipleSources: boolean;
|
|
165
163
|
hasStartedOrFinished: boolean;
|
|
166
164
|
withControls: "" | "hide";
|
|
167
165
|
}, {
|
|
168
|
-
sources:
|
|
166
|
+
sources: import('./components/EVideoPlayer.vue').VideoSources;
|
|
169
167
|
videoListeners: {};
|
|
170
168
|
videoOptions: {};
|
|
171
169
|
}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin>;
|
|
@@ -178,3 +176,4 @@ export { EAvatar, EBadge, EIcon, ESpinner, ERow, ECol, EVideoPlayer };
|
|
|
178
176
|
export * from './constants';
|
|
179
177
|
export * from './types';
|
|
180
178
|
export * from './utils';
|
|
179
|
+
export * from './directives';
|
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.e-spinner[data-v-
|
|
1
|
+
.e-spinner[data-v-29711f67]{vertical-align:center}.e-spinner__primary[data-v-29711f67],.e-spinner__secondary[data-v-29711f67]{stroke-width:0;animation:fade-29711f67;animation-iteration-count:infinite}@keyframes fade-29711f67{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-a58f8276]{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-a58f8276]{position:relative;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;margin:0 auto}.video-container.full-screen[data-v-a58f8276]{max-width:initial;width:100%;max-height:100vh}video[data-v-a58f8276]{width:100%;height:inherit}.video-controls-container[data-v-a58f8276]{position:absolute;bottom:0;left:0;right:0;color:#fff;z-index:100;opacity:0;transition:opacity .15s ease-in-out}.hide[data-v-a58f8276]{display:none}.video-controls-container[data-v-a58f8276]: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-a58f8276],.video-container:focus-within .video-controls-container[data-v-a58f8276],.video-container.paused .video-controls-container[data-v-a58f8276]{opacity:1}.video-controls-container .controls[data-v-a58f8276]{display:flex;gap:.5rem;padding:.75rem 1rem;align-items:center;width:100%}.video-controls-container .controls button[data-v-a58f8276]{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-a58f8276]:hover{opacity:1}.duration-container[data-v-a58f8276]{display:flex;align-items:center;gap:.25rem;flex-grow:1}.video-container.captions .captions-btn[data-v-a58f8276]{border-bottom:3px solid red}.video-controls-container .controls button.wide-btn[data-v-a58f8276]{width:50px}.timeline-container[data-v-a58f8276]{width:100%;height:7px;margin-inline:.5rem;cursor:pointer;display:flex;align-items:center}.timeline[data-v-a58f8276]{background-color:#64646480;height:3px;width:100%;position:relative}.timeline[data-v-a58f8276]: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-a58f8276]: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-a58f8276]{--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-a58f8276]{display:block}.video-container.scrubbing .timeline[data-v-a58f8276]:before,.timeline-container:hover .timeline[data-v-a58f8276]:before{display:block}.video-container.scrubbing .thumb-indicator[data-v-a58f8276],.timeline-container:hover .thumb-indicator[data-v-a58f8276]{--scale: 1}.video-container.scrubbing .timeline[data-v-a58f8276],.timeline-container:hover .timeline[data-v-a58f8276]{height:100%}
|