@evercam/ui 0.0.26 → 0.0.28

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.
@@ -28,6 +28,7 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
28
28
  initializeFullscreenListeners(): void;
29
29
  handleFullscreenChange(): void;
30
30
  isLooped(): boolean;
31
+ handleScrubbingOnMouseEnd(e: MouseEvent): void;
31
32
  handleEnded(): void;
32
33
  handleLoading(): void;
33
34
  play(): void;
@@ -140,6 +140,7 @@ export declare const components: {
140
140
  initializeFullscreenListeners(): void;
141
141
  handleFullscreenChange(): void;
142
142
  isLooped(): boolean;
143
+ handleScrubbingOnMouseEnd(e: MouseEvent): void;
143
144
  handleEnded(): void;
144
145
  handleLoading(): void;
145
146
  play(): void;
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-e5c1c90c]{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-e5c1c90c]{position:relative;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;margin:0 auto}.video-container.full-screen[data-v-e5c1c90c]{max-width:initial;width:100%;max-height:100vh}video[data-v-e5c1c90c]{width:100%;height:inherit}.video-controls-container[data-v-e5c1c90c]{position:absolute;bottom:0;left:0;right:0;color:#fff;z-index:100;opacity:0;transition:opacity .15s ease-in-out}.hide[data-v-e5c1c90c]{display:none}.video-controls-container[data-v-e5c1c90c]: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-e5c1c90c],.video-container:focus-within .video-controls-container[data-v-e5c1c90c],.video-container.paused .video-controls-container[data-v-e5c1c90c]{opacity:1}.video-controls-container .controls[data-v-e5c1c90c]{display:flex;gap:.5rem;padding:.25rem 1rem;align-items:center;width:100%}.video-controls-container .controls button[data-v-e5c1c90c]{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-e5c1c90c]:hover{opacity:1}.duration-container[data-v-e5c1c90c]{display:flex;align-items:center;gap:.25rem;flex-grow:1}.video-container.captions .captions-btn[data-v-e5c1c90c]{border-bottom:3px solid red}.video-controls-container .controls button.wide-btn[data-v-e5c1c90c]{width:50px}.timeline-container[data-v-e5c1c90c]{width:100%;height:7px;margin-inline:.5rem;cursor:pointer;display:flex;align-items:center}.timeline[data-v-e5c1c90c]{background-color:#64646480;height:3px;width:100%;position:relative}.timeline[data-v-e5c1c90c]: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-e5c1c90c]: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-e5c1c90c]{--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-e5c1c90c]{display:block}.video-container.scrubbing .timeline[data-v-e5c1c90c]:before,.timeline-container:hover .timeline[data-v-e5c1c90c]:before{display:block}.video-container.scrubbing .thumb-indicator[data-v-e5c1c90c],.timeline-container:hover .thumb-indicator[data-v-e5c1c90c]{--scale: 1}.video-container.scrubbing .timeline[data-v-e5c1c90c],.timeline-container:hover .timeline[data-v-e5c1c90c]{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-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%}
@@ -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.25",
5
+ "version": "0.0.27",
6
6
  "contributions": {
7
7
  "html": {
8
8
  "types-syntax": "typescript",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@evercam/ui",
3
- "version": "0.0.26",
3
+ "version": "0.0.28",
4
4
  "license": "MIT",
5
5
  "private": false,
6
6
  "author": "Evercam - Constuction Cameras",