@evercam/ui 0.0.22 → 0.0.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/index.mjs +424 -409
- 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 +8 -6
- package/dist/src/index.d.ts +7 -5
- package/dist/style.css +1 -1
- package/dist/web-types.json +1 -1
- package/package.json +3 -2
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import Vue from "vue";
|
|
2
|
-
export type
|
|
2
|
+
export type VideoSources = string | {
|
|
3
3
|
type: string;
|
|
4
4
|
src: string;
|
|
5
5
|
}[];
|
|
@@ -19,11 +19,15 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
|
|
|
19
19
|
isFullscreen: boolean;
|
|
20
20
|
isFinished: boolean;
|
|
21
21
|
isLoading: boolean;
|
|
22
|
-
playbackRate: string;
|
|
23
|
-
isMiniPlayerMode: boolean;
|
|
24
22
|
}, {
|
|
25
23
|
bindEvents(): void;
|
|
24
|
+
unbindEvents(): void;
|
|
26
25
|
bindVideoEvent(which: string): void;
|
|
26
|
+
unbindVideoEvent(which: string): void;
|
|
27
|
+
initializePlayer(): void;
|
|
28
|
+
destroyPlayer(): void;
|
|
29
|
+
removeFullscreenListeners(): void;
|
|
30
|
+
initializeFullscreenListeners(): void;
|
|
27
31
|
handleFullscreenChange(): void;
|
|
28
32
|
isLooped(): boolean;
|
|
29
33
|
handleEnded(): void;
|
|
@@ -43,20 +47,18 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
|
|
|
43
47
|
closeFullscreenMode(): void;
|
|
44
48
|
openFullscreenMode(): void;
|
|
45
49
|
toggleFullscreenMode(): void;
|
|
46
|
-
toggleMiniPlayerMode(): void;
|
|
47
50
|
getDuration(): void;
|
|
48
51
|
handleTimeUpdate(): void;
|
|
49
52
|
handleTimelineUpdate(e: MouseEvent): void;
|
|
50
53
|
skip(duration?: number): void;
|
|
51
54
|
toggleScrubbing(e: MouseEvent): Promise<void>;
|
|
52
|
-
changePlaybackSpeed(): void;
|
|
53
55
|
handleKeyDown(e: KeyboardEvent): void;
|
|
54
56
|
}, {
|
|
55
57
|
hasMultipleSources: boolean;
|
|
56
58
|
hasStartedOrFinished: boolean;
|
|
57
59
|
withControls: "" | "hide";
|
|
58
60
|
}, {
|
|
59
|
-
sources:
|
|
61
|
+
sources: VideoSources;
|
|
60
62
|
videoListeners: {};
|
|
61
63
|
videoOptions: {};
|
|
62
64
|
}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin>;
|
package/dist/src/index.d.ts
CHANGED
|
@@ -131,11 +131,15 @@ export declare const components: {
|
|
|
131
131
|
isFullscreen: boolean;
|
|
132
132
|
isFinished: boolean;
|
|
133
133
|
isLoading: boolean;
|
|
134
|
-
playbackRate: string;
|
|
135
|
-
isMiniPlayerMode: boolean;
|
|
136
134
|
}, {
|
|
137
135
|
bindEvents(): void;
|
|
136
|
+
unbindEvents(): void;
|
|
138
137
|
bindVideoEvent(which: string): void;
|
|
138
|
+
unbindVideoEvent(which: string): void;
|
|
139
|
+
initializePlayer(): void;
|
|
140
|
+
destroyPlayer(): void;
|
|
141
|
+
removeFullscreenListeners(): void;
|
|
142
|
+
initializeFullscreenListeners(): void;
|
|
139
143
|
handleFullscreenChange(): void;
|
|
140
144
|
isLooped(): boolean;
|
|
141
145
|
handleEnded(): void;
|
|
@@ -155,20 +159,18 @@ export declare const components: {
|
|
|
155
159
|
closeFullscreenMode(): void;
|
|
156
160
|
openFullscreenMode(): void;
|
|
157
161
|
toggleFullscreenMode(): void;
|
|
158
|
-
toggleMiniPlayerMode(): void;
|
|
159
162
|
getDuration(): void;
|
|
160
163
|
handleTimeUpdate(): void;
|
|
161
164
|
handleTimelineUpdate(e: MouseEvent): void;
|
|
162
165
|
skip(duration?: number): void;
|
|
163
166
|
toggleScrubbing(e: MouseEvent): Promise<void>;
|
|
164
|
-
changePlaybackSpeed(): void;
|
|
165
167
|
handleKeyDown(e: KeyboardEvent): void;
|
|
166
168
|
}, {
|
|
167
169
|
hasMultipleSources: boolean;
|
|
168
170
|
hasStartedOrFinished: boolean;
|
|
169
171
|
withControls: "" | "hide";
|
|
170
172
|
}, {
|
|
171
|
-
sources: import('./components/EVideoPlayer.vue').
|
|
173
|
+
sources: import('./components/EVideoPlayer.vue').VideoSources;
|
|
172
174
|
videoListeners: {};
|
|
173
175
|
videoOptions: {};
|
|
174
176
|
}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin>;
|
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
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-
|
|
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-e338fc91]{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-e338fc91]{position:relative;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;margin:0 auto}.video-container.full-screen[data-v-e338fc91]{max-width:initial;width:100%;max-height:100vh}video[data-v-e338fc91]{width:100%;height:inherit}.video-controls-container[data-v-e338fc91]{position:absolute;bottom:0;left:0;right:0;color:#fff;z-index:100;opacity:0;transition:opacity .15s ease-in-out}.hide[data-v-e338fc91]{display:none}.video-controls-container[data-v-e338fc91]: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-e338fc91],.video-container:focus-within .video-controls-container[data-v-e338fc91],.video-container.paused .video-controls-container[data-v-e338fc91]{opacity:1}.video-controls-container .controls[data-v-e338fc91]{display:flex;gap:.5rem;padding:.25rem;align-items:center;width:100%}.video-controls-container .controls button[data-v-e338fc91]{background:none;border:none;color:inherit;padding:0;height:24px;width:24px;font-size:1.1rem;cursor:pointer;opacity:.85;transition:opacity .15s ease-in-out}.video-controls-container .controls button[data-v-e338fc91]:hover{opacity:1}.volume-container[data-v-e338fc91]{display:flex;align-items:center}.volume-slider[data-v-e338fc91]{width:0;transform-origin:left;transform:scaleX(0);transition:width .15s ease-in-out,transform .15s ease-in-out}.volume-container:hover .volume-slider[data-v-e338fc91],.volume-slider[data-v-e338fc91]:focus-within{width:100px;transform:scaleX(1)}.duration-container[data-v-e338fc91]{display:flex;align-items:center;gap:.25rem;flex-grow:1}.video-container.captions .captions-btn[data-v-e338fc91]{border-bottom:3px solid red}.video-controls-container .controls button.wide-btn[data-v-e338fc91]{width:50px}.timeline-container[data-v-e338fc91]{width:100%;height:7px;margin-inline:.5rem;cursor:pointer;display:flex;align-items:center}.timeline[data-v-e338fc91]{background-color:#64646480;height:3px;width:100%;position:relative}.timeline[data-v-e338fc91]: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-e338fc91]: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-e338fc91]{--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-e338fc91]{display:block}.video-container.scrubbing .timeline[data-v-e338fc91]:before,.timeline-container:hover .timeline[data-v-e338fc91]:before{display:block}.video-container.scrubbing .thumb-indicator[data-v-e338fc91],.timeline-container:hover .thumb-indicator[data-v-e338fc91]{--scale: 1}.video-container.scrubbing .timeline[data-v-e338fc91],.timeline-container:hover .timeline[data-v-e338fc91]{height:100%}
|
package/dist/web-types.json
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@evercam/ui",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.24",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"private": false,
|
|
6
6
|
"author": "Evercam - Constuction Cameras",
|
|
@@ -35,7 +35,8 @@
|
|
|
35
35
|
"build:style": "postcss src/style/main.css --verbose -o dist/styles.css",
|
|
36
36
|
"typecheck": "vue-tsc --declaration --emitDeclarationOnly",
|
|
37
37
|
"generate-ide-docs": "node scripts/generate-vetur.mjs && node scripts/generate-web-types.mjs",
|
|
38
|
-
"ci": "(cd ../..; yarn ci)"
|
|
38
|
+
"ci": "(cd ../..; yarn ci)",
|
|
39
|
+
"publish-ci": "yarn build && yarn publish"
|
|
39
40
|
},
|
|
40
41
|
"devDependencies": {
|
|
41
42
|
"@fontsource-variable/inter": "^5.0.8",
|