@evercam/ui 0.0.21 → 0.0.22-beta.1
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/attributes.json +20 -0
- package/dist/index.mjs +312 -302
- 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/ERow.vue.d.ts +6 -0
- package/dist/src/components/EVideoPlayer.vue.d.ts +2 -5
- package/dist/src/index.d.ts +8 -4
- package/dist/style.css +1 -1
- package/dist/styles.css +128 -0
- package/dist/tags.json +5 -0
- package/dist/web-types.json +46 -1
- package/package.json +1 -1
|
@@ -1,11 +1,17 @@
|
|
|
1
1
|
import Vue from "vue";
|
|
2
2
|
import { FlexAlignContent, FlexAlignItems, FlexJustifyContent } from '../types';
|
|
3
3
|
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>>, unknown, unknown, {
|
|
4
|
+
justifyClasses: Record<string, boolean>;
|
|
4
5
|
rowClasses: Record<string, boolean>;
|
|
5
6
|
}, {
|
|
6
7
|
align: FlexAlignItems;
|
|
7
8
|
alignContent: FlexAlignContent;
|
|
8
9
|
justify: FlexJustifyContent;
|
|
10
|
+
justifyXs: FlexJustifyContent;
|
|
11
|
+
justifySm: FlexJustifyContent;
|
|
12
|
+
justifyMd: FlexJustifyContent;
|
|
13
|
+
justifyLg: FlexJustifyContent;
|
|
14
|
+
justifyXl: FlexJustifyContent;
|
|
9
15
|
noGutters: boolean;
|
|
10
16
|
}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin>;
|
|
11
17
|
export default _default;
|
|
@@ -3,9 +3,8 @@ export type IVideoSources = string | {
|
|
|
3
3
|
type: string;
|
|
4
4
|
src: string;
|
|
5
5
|
}[];
|
|
6
|
-
export declare const
|
|
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
|
-
isSeeking: boolean;
|
|
9
8
|
playing: boolean;
|
|
10
9
|
percentagePlayed: number;
|
|
11
10
|
videoMuted: boolean;
|
|
@@ -26,13 +25,11 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
|
|
|
26
25
|
bindEvents(): void;
|
|
27
26
|
bindVideoEvent(which: string): void;
|
|
28
27
|
handleFullscreenChange(): void;
|
|
29
|
-
seeking(): void;
|
|
30
|
-
seeked(): void;
|
|
31
28
|
isLooped(): boolean;
|
|
32
29
|
handleEnded(): void;
|
|
33
30
|
handleLoading(): void;
|
|
34
31
|
play(): void;
|
|
35
|
-
handleVolumeChange(e:
|
|
32
|
+
handleVolumeChange(e: Event): void;
|
|
36
33
|
setVolume(state: number): void;
|
|
37
34
|
pause(): void;
|
|
38
35
|
togglePlay(): void;
|
package/dist/src/index.d.ts
CHANGED
|
@@ -82,11 +82,17 @@ export declare const components: {
|
|
|
82
82
|
opacity: string | number;
|
|
83
83
|
}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin>;
|
|
84
84
|
ERow: import("vue/types/vue").ExtendedVue<import("vue").default<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => import("vue").default<Record<string, any>, Record<string, any>, never, never, any>>, unknown, unknown, {
|
|
85
|
+
justifyClasses: Record<string, boolean>;
|
|
85
86
|
rowClasses: Record<string, boolean>;
|
|
86
87
|
}, {
|
|
87
88
|
align: import('./types').FlexAlignItems;
|
|
88
89
|
alignContent: import('./types').FlexAlignContent;
|
|
89
90
|
justify: import('./types').FlexJustifyContent;
|
|
91
|
+
justifyXs: import('./types').FlexJustifyContent;
|
|
92
|
+
justifySm: import('./types').FlexJustifyContent;
|
|
93
|
+
justifyMd: import('./types').FlexJustifyContent;
|
|
94
|
+
justifyLg: import('./types').FlexJustifyContent;
|
|
95
|
+
justifyXl: import('./types').FlexJustifyContent;
|
|
90
96
|
noGutters: boolean;
|
|
91
97
|
}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin>;
|
|
92
98
|
ECol: import("vue/types/vue").ExtendedVue<import("vue").default<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => import("vue").default<Record<string, any>, Record<string, any>, never, never, any>>, unknown, {
|
|
@@ -111,7 +117,6 @@ export declare const components: {
|
|
|
111
117
|
xl: string | number | boolean;
|
|
112
118
|
}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin>;
|
|
113
119
|
EVideoPlayer: import("vue/types/vue").ExtendedVue<import("vue").default<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => import("vue").default<Record<string, any>, Record<string, any>, never, never, any>>, {
|
|
114
|
-
isSeeking: boolean;
|
|
115
120
|
playing: boolean;
|
|
116
121
|
percentagePlayed: number;
|
|
117
122
|
videoMuted: boolean;
|
|
@@ -132,13 +137,11 @@ export declare const components: {
|
|
|
132
137
|
bindEvents(): void;
|
|
133
138
|
bindVideoEvent(which: string): void;
|
|
134
139
|
handleFullscreenChange(): void;
|
|
135
|
-
seeking(): void;
|
|
136
|
-
seeked(): void;
|
|
137
140
|
isLooped(): boolean;
|
|
138
141
|
handleEnded(): void;
|
|
139
142
|
handleLoading(): void;
|
|
140
143
|
play(): void;
|
|
141
|
-
handleVolumeChange(e:
|
|
144
|
+
handleVolumeChange(e: Event): void;
|
|
142
145
|
setVolume(state: number): void;
|
|
143
146
|
pause(): void;
|
|
144
147
|
togglePlay(): void;
|
|
@@ -177,3 +180,4 @@ export default _default;
|
|
|
177
180
|
export { EAvatar, EBadge, EIcon, ESpinner, ERow, ECol, EVideoPlayer };
|
|
178
181
|
export * from './constants';
|
|
179
182
|
export * from './types';
|
|
183
|
+
export * from './utils';
|
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-428638d2]{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-428638d2]{position:relative;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;margin:0 auto}.video-container.theater[data-v-428638d2],.video-container.full-screen[data-v-428638d2]{max-width:initial;width:100%}.video-container.theater[data-v-428638d2]{max-height:90vh}.video-container.full-screen[data-v-428638d2]{max-height:100vh}video[data-v-428638d2]{width:100%;height:inherit}.video-controls-container[data-v-428638d2]{position:absolute;bottom:0;left:0;right:0;color:#fff;z-index:100;opacity:0;transition:opacity .15s ease-in-out}.hide[data-v-428638d2]{display:none}.video-controls-container[data-v-428638d2]: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-428638d2],.video-container:focus-within .video-controls-container[data-v-428638d2],.video-container.paused .video-controls-container[data-v-428638d2]{opacity:1}.video-controls-container .controls[data-v-428638d2]{display:flex;gap:.5rem;padding:.25rem;align-items:center;width:100%}.video-controls-container .controls button[data-v-428638d2]{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-428638d2]:hover{opacity:1}.pause-icon[data-v-428638d2],.play-icon[data-v-428638d2],.picture-on-picture[data-v-428638d2],.open[data-v-428638d2],.close[data-v-428638d2],.speed-btn.wide-btn[data-v-428638d2]{height:24px;width:24px}.video-container.theater .tall[data-v-428638d2]{display:none}.video-container:not(.theater) .wide[data-v-428638d2]{display:none}.volume-container[data-v-428638d2]{display:flex;align-items:center}.volume-slider[data-v-428638d2]{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-428638d2],.volume-slider[data-v-428638d2]:focus-within{width:100px;transform:scaleX(1)}.duration-container[data-v-428638d2]{display:flex;align-items:center;gap:.25rem;flex-grow:1}.video-container.captions .captions-btn[data-v-428638d2]{border-bottom:3px solid red}.video-controls-container .controls button.wide-btn[data-v-428638d2]{width:50px}.timeline-container[data-v-428638d2]{width:100%;height:7px;margin-inline:.5rem;cursor:pointer;display:flex;align-items:center}.timeline[data-v-428638d2]{background-color:#64646480;height:3px;width:100%;position:relative}.timeline[data-v-428638d2]: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-428638d2]: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-428638d2]{--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-428638d2]{display:block}.video-container.scrubbing .timeline[data-v-428638d2]:before,.timeline-container:hover .timeline[data-v-428638d2]:before{display:block}.video-container.scrubbing .thumb-indicator[data-v-428638d2],.timeline-container:hover .thumb-indicator[data-v-428638d2]{--scale: 1}.video-container.scrubbing .timeline[data-v-428638d2],.timeline-container:hover .timeline[data-v-428638d2]{height:100%}
|
package/dist/styles.css
CHANGED
|
@@ -1349,6 +1349,38 @@
|
|
|
1349
1349
|
flex-basis: 100%;
|
|
1350
1350
|
}
|
|
1351
1351
|
|
|
1352
|
+
.sm\:e-justify-normal{
|
|
1353
|
+
justify-content: normal;
|
|
1354
|
+
}
|
|
1355
|
+
|
|
1356
|
+
.sm\:e-justify-start{
|
|
1357
|
+
justify-content: flex-start;
|
|
1358
|
+
}
|
|
1359
|
+
|
|
1360
|
+
.sm\:e-justify-end{
|
|
1361
|
+
justify-content: flex-end;
|
|
1362
|
+
}
|
|
1363
|
+
|
|
1364
|
+
.sm\:e-justify-center{
|
|
1365
|
+
justify-content: center;
|
|
1366
|
+
}
|
|
1367
|
+
|
|
1368
|
+
.sm\:e-justify-between{
|
|
1369
|
+
justify-content: space-between;
|
|
1370
|
+
}
|
|
1371
|
+
|
|
1372
|
+
.sm\:e-justify-around{
|
|
1373
|
+
justify-content: space-around;
|
|
1374
|
+
}
|
|
1375
|
+
|
|
1376
|
+
.sm\:e-justify-evenly{
|
|
1377
|
+
justify-content: space-evenly;
|
|
1378
|
+
}
|
|
1379
|
+
|
|
1380
|
+
.sm\:e-justify-stretch{
|
|
1381
|
+
justify-content: stretch;
|
|
1382
|
+
}
|
|
1383
|
+
|
|
1352
1384
|
.sm\:\!e-underline-offset-1{
|
|
1353
1385
|
text-underline-offset: 1px !important;
|
|
1354
1386
|
}
|
|
@@ -1847,6 +1879,38 @@
|
|
|
1847
1879
|
flex-basis: 100%;
|
|
1848
1880
|
}
|
|
1849
1881
|
|
|
1882
|
+
.md\:e-justify-normal{
|
|
1883
|
+
justify-content: normal;
|
|
1884
|
+
}
|
|
1885
|
+
|
|
1886
|
+
.md\:e-justify-start{
|
|
1887
|
+
justify-content: flex-start;
|
|
1888
|
+
}
|
|
1889
|
+
|
|
1890
|
+
.md\:e-justify-end{
|
|
1891
|
+
justify-content: flex-end;
|
|
1892
|
+
}
|
|
1893
|
+
|
|
1894
|
+
.md\:e-justify-center{
|
|
1895
|
+
justify-content: center;
|
|
1896
|
+
}
|
|
1897
|
+
|
|
1898
|
+
.md\:e-justify-between{
|
|
1899
|
+
justify-content: space-between;
|
|
1900
|
+
}
|
|
1901
|
+
|
|
1902
|
+
.md\:e-justify-around{
|
|
1903
|
+
justify-content: space-around;
|
|
1904
|
+
}
|
|
1905
|
+
|
|
1906
|
+
.md\:e-justify-evenly{
|
|
1907
|
+
justify-content: space-evenly;
|
|
1908
|
+
}
|
|
1909
|
+
|
|
1910
|
+
.md\:e-justify-stretch{
|
|
1911
|
+
justify-content: stretch;
|
|
1912
|
+
}
|
|
1913
|
+
|
|
1850
1914
|
.md\:\!e-underline-offset-1{
|
|
1851
1915
|
text-underline-offset: 1px !important;
|
|
1852
1916
|
}
|
|
@@ -2345,6 +2409,38 @@
|
|
|
2345
2409
|
flex-basis: 100%;
|
|
2346
2410
|
}
|
|
2347
2411
|
|
|
2412
|
+
.lg\:e-justify-normal{
|
|
2413
|
+
justify-content: normal;
|
|
2414
|
+
}
|
|
2415
|
+
|
|
2416
|
+
.lg\:e-justify-start{
|
|
2417
|
+
justify-content: flex-start;
|
|
2418
|
+
}
|
|
2419
|
+
|
|
2420
|
+
.lg\:e-justify-end{
|
|
2421
|
+
justify-content: flex-end;
|
|
2422
|
+
}
|
|
2423
|
+
|
|
2424
|
+
.lg\:e-justify-center{
|
|
2425
|
+
justify-content: center;
|
|
2426
|
+
}
|
|
2427
|
+
|
|
2428
|
+
.lg\:e-justify-between{
|
|
2429
|
+
justify-content: space-between;
|
|
2430
|
+
}
|
|
2431
|
+
|
|
2432
|
+
.lg\:e-justify-around{
|
|
2433
|
+
justify-content: space-around;
|
|
2434
|
+
}
|
|
2435
|
+
|
|
2436
|
+
.lg\:e-justify-evenly{
|
|
2437
|
+
justify-content: space-evenly;
|
|
2438
|
+
}
|
|
2439
|
+
|
|
2440
|
+
.lg\:e-justify-stretch{
|
|
2441
|
+
justify-content: stretch;
|
|
2442
|
+
}
|
|
2443
|
+
|
|
2348
2444
|
.lg\:\!e-underline-offset-1{
|
|
2349
2445
|
text-underline-offset: 1px !important;
|
|
2350
2446
|
}
|
|
@@ -2843,6 +2939,38 @@
|
|
|
2843
2939
|
flex-basis: 100%;
|
|
2844
2940
|
}
|
|
2845
2941
|
|
|
2942
|
+
.xl\:e-justify-normal{
|
|
2943
|
+
justify-content: normal;
|
|
2944
|
+
}
|
|
2945
|
+
|
|
2946
|
+
.xl\:e-justify-start{
|
|
2947
|
+
justify-content: flex-start;
|
|
2948
|
+
}
|
|
2949
|
+
|
|
2950
|
+
.xl\:e-justify-end{
|
|
2951
|
+
justify-content: flex-end;
|
|
2952
|
+
}
|
|
2953
|
+
|
|
2954
|
+
.xl\:e-justify-center{
|
|
2955
|
+
justify-content: center;
|
|
2956
|
+
}
|
|
2957
|
+
|
|
2958
|
+
.xl\:e-justify-between{
|
|
2959
|
+
justify-content: space-between;
|
|
2960
|
+
}
|
|
2961
|
+
|
|
2962
|
+
.xl\:e-justify-around{
|
|
2963
|
+
justify-content: space-around;
|
|
2964
|
+
}
|
|
2965
|
+
|
|
2966
|
+
.xl\:e-justify-evenly{
|
|
2967
|
+
justify-content: space-evenly;
|
|
2968
|
+
}
|
|
2969
|
+
|
|
2970
|
+
.xl\:e-justify-stretch{
|
|
2971
|
+
justify-content: stretch;
|
|
2972
|
+
}
|
|
2973
|
+
|
|
2846
2974
|
.xl\:\!e-underline-offset-1{
|
|
2847
2975
|
text-underline-offset: 1px !important;
|
|
2848
2976
|
}
|
package/dist/tags.json
CHANGED
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.
|
|
5
|
+
"version": "0.0.21",
|
|
6
6
|
"contributions": {
|
|
7
7
|
"html": {
|
|
8
8
|
"types-syntax": "typescript",
|
|
@@ -247,6 +247,51 @@
|
|
|
247
247
|
"type": "string"
|
|
248
248
|
}
|
|
249
249
|
},
|
|
250
|
+
{
|
|
251
|
+
"name": "justify-xs",
|
|
252
|
+
"doc-url": "https://www.npmjs.com/package/@evercam/ui",
|
|
253
|
+
"default": "undefined",
|
|
254
|
+
"value": {
|
|
255
|
+
"kind": "expression",
|
|
256
|
+
"type": "string"
|
|
257
|
+
}
|
|
258
|
+
},
|
|
259
|
+
{
|
|
260
|
+
"name": "justify-sm",
|
|
261
|
+
"doc-url": "https://www.npmjs.com/package/@evercam/ui",
|
|
262
|
+
"default": "undefined",
|
|
263
|
+
"value": {
|
|
264
|
+
"kind": "expression",
|
|
265
|
+
"type": "string"
|
|
266
|
+
}
|
|
267
|
+
},
|
|
268
|
+
{
|
|
269
|
+
"name": "justify-md",
|
|
270
|
+
"doc-url": "https://www.npmjs.com/package/@evercam/ui",
|
|
271
|
+
"default": "undefined",
|
|
272
|
+
"value": {
|
|
273
|
+
"kind": "expression",
|
|
274
|
+
"type": "string"
|
|
275
|
+
}
|
|
276
|
+
},
|
|
277
|
+
{
|
|
278
|
+
"name": "justify-lg",
|
|
279
|
+
"doc-url": "https://www.npmjs.com/package/@evercam/ui",
|
|
280
|
+
"default": "undefined",
|
|
281
|
+
"value": {
|
|
282
|
+
"kind": "expression",
|
|
283
|
+
"type": "string"
|
|
284
|
+
}
|
|
285
|
+
},
|
|
286
|
+
{
|
|
287
|
+
"name": "justify-xl",
|
|
288
|
+
"doc-url": "https://www.npmjs.com/package/@evercam/ui",
|
|
289
|
+
"default": "undefined",
|
|
290
|
+
"value": {
|
|
291
|
+
"kind": "expression",
|
|
292
|
+
"type": "string"
|
|
293
|
+
}
|
|
294
|
+
},
|
|
250
295
|
{
|
|
251
296
|
"name": "no-gutters",
|
|
252
297
|
"doc-url": "https://www.npmjs.com/package/@evercam/ui",
|