@evercam/ui 0.0.28 → 0.0.30

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.
Files changed (11) hide show
  1. package/dist/attributes.json +1 -1
  2. package/dist/index.mjs +91 -86
  3. package/dist/index.mjs.map +1 -1
  4. package/dist/index.umd.js +1 -1
  5. package/dist/index.umd.js.map +1 -1
  6. package/dist/src/components/EVideoPlayer.vue.d.ts +7 -5
  7. package/dist/src/index.d.ts +5 -3
  8. package/dist/style.css +1 -1
  9. package/dist/styles.css +3 -0
  10. package/dist/web-types.json +5 -2
  11. package/package.json +1 -1
package/dist/src/components/EVideoPlayer.vue.d.ts CHANGED
@@ -1,8 +1,8 @@
1
1
  import Vue from "vue";
2
- export type VideoSources = string | {
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
- hasMultipleSources: boolean;
52
+ sourceItems: VideoSource[];
51
53
  hasStartedOrFinished: boolean;
52
54
  withControls: "" | "hide";
53
55
  }, {
54
- sources: VideoSources;
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
- hasMultipleSources: boolean;
164
+ sourceItems: import('./components/EVideoPlayer.vue').VideoSource[];
163
165
  hasStartedOrFinished: boolean;
164
166
  withControls: "" | "hide";
165
167
  }, {
166
- sources: import('./components/EVideoPlayer.vue').VideoSources;
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>;
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-a2d04d0f]{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-a2d04d0f]{position:relative;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;margin:0 auto}.video-container.full-screen[data-v-a2d04d0f]{max-width:initial;width:100%;max-height:100vh}video[data-v-a2d04d0f]{width:100%;height:inherit}.video-controls-container[data-v-a2d04d0f]{position:absolute;bottom:0;left:0;right:0;color:#fff;z-index:100;opacity:0;transition:opacity .15s ease-in-out}.hide[data-v-a2d04d0f]{display:none}.video-controls-container[data-v-a2d04d0f]: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-a2d04d0f],.video-container:focus-within .video-controls-container[data-v-a2d04d0f],.video-container.paused .video-controls-container[data-v-a2d04d0f]{opacity:1}.video-controls-container .controls[data-v-a2d04d0f]{display:flex;gap:.5rem;padding:.75rem 1rem;align-items:center;width:100%}.video-controls-container .controls button[data-v-a2d04d0f]{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-a2d04d0f]:hover{opacity:1}.duration-container[data-v-a2d04d0f]{display:flex;align-items:center;gap:.25rem;flex-grow:1}.video-container.captions .captions-btn[data-v-a2d04d0f]{border-bottom:3px solid red}.video-controls-container .controls button.wide-btn[data-v-a2d04d0f]{width:50px}.timeline-container[data-v-a2d04d0f]{width:100%;height:7px;margin-inline:.5rem;cursor:pointer;display:flex;align-items:center}.timeline[data-v-a2d04d0f]{background-color:#64646480;height:3px;width:100%;position:relative}.timeline[data-v-a2d04d0f]: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-a2d04d0f]: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-a2d04d0f]{--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-a2d04d0f]{display:block}.video-container.scrubbing .timeline[data-v-a2d04d0f]:before,.timeline-container:hover .timeline[data-v-a2d04d0f]:before{display:block}.video-container.scrubbing .thumb-indicator[data-v-a2d04d0f],.timeline-container:hover .thumb-indicator[data-v-a2d04d0f]{--scale: 1}.video-container.scrubbing .timeline[data-v-a2d04d0f],.timeline-container:hover .timeline[data-v-a2d04d0f]{height:100%}
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-d56e218a]{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-d56e218a]{position:relative;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;margin:0 auto}.video-container.full-screen[data-v-d56e218a]{max-width:initial;width:100%;max-height:100vh}video[data-v-d56e218a]{width:100%;height:inherit}.video-controls-container[data-v-d56e218a]{position:absolute;bottom:0;left:0;right:0;color:#fff;z-index:100;opacity:0;transition:opacity .15s ease-in-out}.hide[data-v-d56e218a]{display:none}.video-controls-container[data-v-d56e218a]: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-d56e218a],.video-container:focus-within .video-controls-container[data-v-d56e218a],.video-container.paused .video-controls-container[data-v-d56e218a]{opacity:1}.video-controls-container .controls[data-v-d56e218a]{display:flex;gap:.5rem;padding:.75rem 1rem;align-items:center;width:100%}.video-controls-container .controls button[data-v-d56e218a]{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-d56e218a]:hover{opacity:1}.duration-container[data-v-d56e218a]{display:flex;align-items:center;gap:.25rem;flex-grow:1}.video-container.captions .captions-btn[data-v-d56e218a]{border-bottom:3px solid red}.video-controls-container .controls button.wide-btn[data-v-d56e218a]{width:50px}.timeline-container[data-v-d56e218a]{width:100%;height:7px;margin-inline:.5rem;cursor:pointer;display:flex;align-items:center}.timeline[data-v-d56e218a]{background-color:#64646480;height:3px;width:100%;position:relative}.timeline[data-v-d56e218a]: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-d56e218a]: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-d56e218a]{--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-d56e218a]{display:block}.video-container.scrubbing .timeline[data-v-d56e218a]:before,.timeline-container:hover .timeline[data-v-d56e218a]:before{display:block}.video-container.scrubbing .thumb-indicator[data-v-d56e218a],.timeline-container:hover .thumb-indicator[data-v-d56e218a]{--scale: 1}.video-container.scrubbing .timeline[data-v-d56e218a],.timeline-container:hover .timeline[data-v-d56e218a]{height:100%}
package/dist/styles.css CHANGED
@@ -702,6 +702,9 @@
702
702
  .e-justify-stretch{
703
703
  justify-content: stretch;
704
704
  }
705
+ .e-gap-3{
706
+ gap: 0.75rem;
707
+ }
705
708
  .e-space-x-2 > :not([hidden]) ~ :not([hidden]){
706
709
  --tw-space-x-reverse: 0;
707
710
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
package/dist/web-types.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "$schema": "http://json.schemastore.org/web-types",
3
3
  "framework": "vue",
4
4
  "name": "@evercam/ui",
5
- "version": "0.0.27",
5
+ "version": "0.0.29",
6
6
  "contributions": {
7
7
  "html": {
8
8
  "types-syntax": "typescript",
@@ -488,7 +488,10 @@
488
488
  "default": "undefined",
489
489
  "value": {
490
490
  "kind": "expression",
491
- "type": "array"
491
+ "type": [
492
+ "array",
493
+ "string"
494
+ ]
492
495
  }
493
496
  },
494
497
  {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@evercam/ui",
3
- "version": "0.0.28",
3
+ "version": "0.0.30",
4
4
  "license": "MIT",
5
5
  "private": false,
6
6
  "author": "Evercam - Constuction Cameras",