@evercam/ui 0.0.55-beta.35 → 0.0.55-beta.38
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 +1 -0
- package/dist/attributes.json +19 -27
- package/dist/index.mjs +1926 -1421
- package/dist/index.mjs.map +1 -1
- package/dist/index.umd.js +12 -12
- package/dist/index.umd.js.map +1 -1
- package/dist/src/components/EToggleSwitch.vue.d.ts +34 -0
- package/dist/src/components/EVideoPlayer.vue.d.ts +181 -15
- package/dist/src/components/EZoomable.vue.d.ts +73 -0
- package/dist/src/constants.d.ts +1 -0
- package/dist/src/index.d.ts +280 -14
- package/dist/src/mixins/event-listeners.d.ts +13 -0
- package/dist/src/mixins/inactivity-listener.d.ts +25 -0
- package/dist/src/mixins/index.d.ts +4 -0
- package/dist/src/mixins/timeouts.d.ts +8 -0
- package/dist/src/types.d.ts +2 -1
- package/dist/style.css +1 -1
- package/dist/styles.css +114 -0
- package/dist/tags.json +9 -11
- package/dist/web-types.json +64 -61
- package/package.json +1 -1
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import Vue from "vue";
|
|
2
|
+
export interface IEventListener {
|
|
3
|
+
event: string;
|
|
4
|
+
cb: () => void;
|
|
5
|
+
element: EventTarget | null;
|
|
6
|
+
}
|
|
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
|
+
eventListeners: IEventListener[];
|
|
9
|
+
}, {
|
|
10
|
+
$addEventListener(event: string, cb: () => void, element?: Window & typeof globalThis): void;
|
|
11
|
+
$removeEventListeners(): void;
|
|
12
|
+
}, unknown, Record<never, any>, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>;
|
|
13
|
+
export default _default;
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
/// <reference types="node" />
|
|
2
|
+
import Vue from "vue";
|
|
3
|
+
export interface InactivityListenerMixinProps {
|
|
4
|
+
duration: number;
|
|
5
|
+
reminders?: number[];
|
|
6
|
+
callback: () => void;
|
|
7
|
+
}
|
|
8
|
+
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, {
|
|
9
|
+
resetInactivityListenerTimer(callback?: () => void, duration?: number, reminders?: number[]): void;
|
|
10
|
+
setInactivityListenerTimer(callback?: () => void, duration?: number, reminders?: number[]): void;
|
|
11
|
+
setInactivityListenerReminderTimers(callback?: () => void, reminders?: number[], index?: number): void;
|
|
12
|
+
$registerInactivityListener({ callback, duration, reminders, }: InactivityListenerMixinProps): void;
|
|
13
|
+
$removeInactivityListeners(): void;
|
|
14
|
+
}, unknown, Record<never, any>, {}, 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>>, {
|
|
15
|
+
eventListeners: import('../mixins/event-listeners').IEventListener[];
|
|
16
|
+
}, {
|
|
17
|
+
$addEventListener(event: string, cb: () => void, element?: Window & typeof globalThis): void;
|
|
18
|
+
$removeEventListeners(): void;
|
|
19
|
+
}, unknown, Record<never, any>, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin> | 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>>, {
|
|
20
|
+
timeouts: number[];
|
|
21
|
+
}, {
|
|
22
|
+
$setTimeout(cb: () => void, timeout?: number): NodeJS.Timeout;
|
|
23
|
+
$clearTimeouts(): void;
|
|
24
|
+
}, unknown, Record<never, any>, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>, import("vue").ComponentOptionsMixin>;
|
|
25
|
+
export default _default;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import Vue from "vue";
|
|
2
|
+
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>>, {
|
|
3
|
+
timeouts: number[];
|
|
4
|
+
}, {
|
|
5
|
+
$setTimeout(cb: () => void, timeout?: number): NodeJS.Timeout;
|
|
6
|
+
$clearTimeouts(): void;
|
|
7
|
+
}, unknown, Record<never, any>, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>;
|
|
8
|
+
export default _default;
|
package/dist/src/types.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { BadgeSizes, AvatarSizes, IconSizes, BadgeColors } from './constants';
|
|
1
|
+
import { BadgeSizes, AvatarSizes, IconSizes, BadgeColors, ToggleSwitchSizes } from './constants';
|
|
2
2
|
export declare enum Size {
|
|
3
3
|
dot = "dot",
|
|
4
4
|
xs = "xs",
|
|
@@ -28,6 +28,7 @@ export declare enum BaseColor {
|
|
|
28
28
|
export type TBadgeSize = (typeof BadgeSizes)[number];
|
|
29
29
|
export type TAvatarSize = (typeof AvatarSizes)[number];
|
|
30
30
|
export type TIconSize = (typeof IconSizes)[number];
|
|
31
|
+
export type TToggleSwitchSize = (typeof ToggleSwitchSizes)[number];
|
|
31
32
|
export type TBadgeColor = (typeof BadgeColors)[number];
|
|
32
33
|
export type TailwindColorClass = string;
|
|
33
34
|
export type FlexJustifyContent = "around" | "between" | "center" | "end" | "evenly" | "normal" | "start" | "stretch";
|
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
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-
|
|
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}.e-transform-0[data-v-8921bc32]{transform-origin:0 0}.spinner-container[data-v-97ac1907]{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-97ac1907]{position:relative;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;margin:0 auto}.video-container.full-screen[data-v-97ac1907]{max-width:initial;width:100%;max-height:100vh}video[data-v-97ac1907]{width:100%;height:inherit}.video-controls-container[data-v-97ac1907]{position:absolute;bottom:0;left:0;right:0;color:#fff;z-index:100;opacity:0;transition:opacity .15s ease-in-out}.hide[data-v-97ac1907]{display:none}.video-controls-container[data-v-97ac1907]: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-97ac1907],.video-container:focus-within .video-controls-container[data-v-97ac1907],.video-container.paused .video-controls-container[data-v-97ac1907]{opacity:1}.video-controls-container .controls[data-v-97ac1907]{display:flex;gap:.5rem;padding:.75rem 1rem;align-items:center;width:100%}.video-controls-container .controls button[data-v-97ac1907]{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-97ac1907]:hover{opacity:1}.duration-container[data-v-97ac1907]{display:flex;align-items:center;gap:.25rem;flex-grow:1}.video-container.captions .captions-btn[data-v-97ac1907]{border-bottom:3px solid #0090ff}.video-controls-container .controls button.wide-btn[data-v-97ac1907]{width:50px}.timeline-container[data-v-97ac1907]{width:100%;height:7px;margin-inline:.5rem;cursor:pointer;display:flex;align-items:center}.timeline[data-v-97ac1907]{background-color:#64646480;height:3px;width:100%;position:relative}.timeline[data-v-97ac1907]: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-97ac1907]:after{content:"";position:absolute;left:0;top:0;bottom:0;right:calc(100% - var(--progress-position) * 100%);background-color:#0090ff}.timeline .thumb-indicator[data-v-97ac1907]{--scale: 0;position:absolute;transform:translate(-50%) scale(var(--scale));height:200%;top:-50%;left:calc(var(--progress-position) * 100%);background-color:#0090ff;border-radius:50%;transition:transform .15s ease-in-out;aspect-ratio:1 / 1}.video-container.scrubbing .thumbnail-img[data-v-97ac1907]{display:block}.video-container.scrubbing .timeline[data-v-97ac1907]:before,.timeline-container:hover .timeline[data-v-97ac1907]:before{display:block}.video-container.scrubbing .thumb-indicator[data-v-97ac1907],.timeline-container:hover .thumb-indicator[data-v-97ac1907]{--scale: 1}.video-container.scrubbing .timeline[data-v-97ac1907],.timeline-container:hover .timeline[data-v-97ac1907]{height:100%}.e-tl-milestone{position:absolute;border-radius:10em;box-sizing:border-box}.e-tl-milestone-content{cursor:pointer}.e-tl-milestone--bullet{transform:translate(-50%,-50%)}.e-tl-milestone--bullet .e-tl-milestone-content{opacity:0;width:0;height:0;white-space:nowrap;pointer-events:none;cursor:pointer}.e-tl-milestone--bullet.e-tl-milestone--hovered{cursor:pointer;min-height:26px;padding:0 8px;border-radius:.5em}.e-tl-milestone--bullet.e-tl-milestone--hovered .e-tl-milestone-content{opacity:1;font-size:small;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.e-tl-milestone--bullet .e-tl-milestone-label{position:absolute;top:0;left:0;opacity:1;pointer-events:none;height:100%;width:100%}.e-tl-milestone--bullet.e-tl-milestone--hovered .e-tl-milestone-label{opacity:0}.e-tl-milestone--dot{transform:translateY(-50%)}.e-tl-milestone-dot--hovered .e-tl-milestone-dot-container{padding:0 3em;transform:translate(-50%);opacity:1}.e-tl-milestone-dot-line{position:absolute}.e-tl-milestone-dot-dot{position:absolute;border-radius:50%}.e-tl-milestone-dot-container{opacity:0;position:absolute;padding:0 .3em;transform:translate(-50%,-100%);cursor:pointer}.e-timeline svg{display:block}.e-timeline .x-axis-overview .domain,.e-timeline .x-axis-detailed .domain,.e-timeline .x-axis-overviewBackground .domain,.e-timeline .x-axis-detailedBackground .domain{display:none}.e-timeline .x-axis-detailedBackground .domain,.e-timeline .x-axis-detailedBackground text{display:none}.e-timeline .x-axis-overview>g.tick>line{opacity:.1;stroke-width:3;stroke-linecap:round}.e-timeline .x-axis-detailed>g.tick>line{opacity:.1;stroke-linecap:round}.e-timeline .x-axis-detailedBackground>g.tick>line{opacity:.075;stroke-linecap:round}.e-timeline--dark .tick line{stroke:#fff}.e-timeline--dark .tick text{fill:#fff}@keyframes moveGradient{0%{transform:translate(-50%)}to{transform:translate(100%)}}@keyframes pulse-rect{0%{filter:saturate(3.5) drop-shadow(0 0 1px #0008)}50%{filter:saturate(.5) drop-shadow(0 0 0 #0000)}to{filter:saturate(3.5) drop-shadow(0 0 1px #0008)}}@keyframes pulse-circle{0%{r:4px}50%{r:1px}to{r:4px}}.loading-indicator{animation:moveGradient 1.5s ease-in infinite}.line-graph-dot--active{animation:pulse-circle 1s ease-in-out infinite}.event-rect--hovered{animation:pulse-rect 1s ease-in-out infinite}@keyframes dash{0%{filter:saturate(1) drop-shadow(0 0 0 #0000)}50%{stroke-width:2px;filter:saturate(2.5) drop-shadow(0 0 0 #0006)}to{filter:saturate(1) drop-shadow(0 0 0 #0000)}}.line-graph-group--highlighted path{animation:dash 1s ease-in-out infinite}.e-timeline--dragging{cursor:ew-resize}.curtain{cursor:ew-resize;fill:#3332;stroke-width:1px;stroke:#3338;transition:stroke-width .2s}.e-timeline--dragging .curtain{stroke-width:3px}.e-timeline--dark .curtain{fill:#fff3;stroke:#fff7}.event-bar-hover-zone{cursor:pointer}.external-labels-container{position:absolute;top:-1.5em;left:0}.external-label{margin-right:.35em;border-width:.5px;border-radius:.2em}.external-label__content{cursor:pointer;font-size:.8em;font-weight:500;padding:0 .6em;line-height:1.4em}.marker-label{transition:transform .2s;transform:translateY(-32px);position:absolute;width:max-content}.marker-label-text{position:absolute;width:max-content;font-size:.8em;font-weight:500;padding:0 .75em;border-radius:.4em .4em .4em 0;box-shadow:0 0 5px -1px #000000f5}.marker-label-text:after{content:"";background:inherit;width:5px;height:5px;bottom:-5px;position:absolute;left:2px;clip-path:path("M 0,5 L 0,0 L 5,0 A 5,5 0 0 0 0,5")}.marker-label-text:before{content:"";background:inherit;height:20px;top:18px;position:absolute;width:2px;left:0}.marker{top:0;filter:saturate(.9)}.marker-line{position:absolute;width:2px;top:-24px;transition:top .2s,height .2s}.marker:hover{cursor:pointer;opacity:1;filter:saturate(1.1)}.marker:hover .marker-label{transform:translateY(-38px);height:61px;width:255px;padding-bottom:42px}.marker:hover .marker-label-text{box-shadow:2px 2px 11px -4px #000}.marker--hidden:hover .marker-label{transform:translateY(-54px)}.marker--draggable,.marker--draggable:hover{user-select:none;cursor:grab}.marker--dragged:hover{cursor:grabbing}.forbidden-interval{opacity:.2}.e-timeline-milestones{height:0}.video-embed[data-v-0ecf4a71]{position:relative;width:100%!important;padding-bottom:56.25%}.video-embed iframe[data-v-0ecf4a71]{position:absolute;top:0;left:0;width:100%;height:100%}.e-heatmap-bar__label{white-space:nowrap;width:6rem;min-width:6rem}.e-heatmap-bar__item{height:16px;margin:2px;position:relative;cursor:pointer;border-radius:2px;min-width:0}.e-heatmap-bar__item:hover{box-shadow:0 0 0 1.5px #5c6d97}.e-heatmap-bar__item--selected{box-shadow:0 0 0 2px #151e3a}.e-heatmap-bar__item__count{font-size:12px;color:#fff;font-weight:500}.e-heatmap-bar__item__count--light{color:#0a214bbd}.e-heatmap-bar__item__name{position:absolute;top:-25px}.e-heatmap-bar:not(.e-heatmap-bar--dense) .e-heatmap-bar__item{min-width:35px}.e-compare-separator__icon{position:absolute;width:40px;height:40px;top:50%;transform:translate(-50%,-50%);z-index:4;border-radius:50%;cursor:ew-resize;background:#1976d2;border:2px solid white;-webkit-box-shadow:0 0 8px 1px rgba(0,0,0,.3);-moz-box-shadow:0 0 8px 1px rgba(0,0,0,.3);box-shadow:0 0 8px 1px #0000004d}.e-compare-separator__line{position:absolute;top:0;width:3px;height:100%;background:white;transform:translate(-50%)}
|
package/dist/styles.css
CHANGED
|
@@ -212,9 +212,18 @@
|
|
|
212
212
|
.e-relative{
|
|
213
213
|
position: relative;
|
|
214
214
|
}
|
|
215
|
+
.e-inset-0{
|
|
216
|
+
inset: 0px;
|
|
217
|
+
}
|
|
215
218
|
.-e-left-2\/4{
|
|
216
219
|
left: -50%;
|
|
217
220
|
}
|
|
221
|
+
.e-bottom-0{
|
|
222
|
+
bottom: 0px;
|
|
223
|
+
}
|
|
224
|
+
.e-left-0{
|
|
225
|
+
left: 0px;
|
|
226
|
+
}
|
|
218
227
|
.e-right-0{
|
|
219
228
|
right: 0px;
|
|
220
229
|
}
|
|
@@ -224,9 +233,18 @@
|
|
|
224
233
|
.e-z-50{
|
|
225
234
|
z-index: 50;
|
|
226
235
|
}
|
|
236
|
+
.e-z-\[-1\]{
|
|
237
|
+
z-index: -1;
|
|
238
|
+
}
|
|
239
|
+
.e-z-\[5\]{
|
|
240
|
+
z-index: 5;
|
|
241
|
+
}
|
|
227
242
|
.e-m-2{
|
|
228
243
|
margin: 0.5rem;
|
|
229
244
|
}
|
|
245
|
+
.e-m-auto{
|
|
246
|
+
margin: auto;
|
|
247
|
+
}
|
|
230
248
|
.e-mx-auto{
|
|
231
249
|
margin-left: auto;
|
|
232
250
|
margin-right: auto;
|
|
@@ -252,6 +270,12 @@
|
|
|
252
270
|
.e-inline-flex{
|
|
253
271
|
display: inline-flex;
|
|
254
272
|
}
|
|
273
|
+
.e-hidden{
|
|
274
|
+
display: none;
|
|
275
|
+
}
|
|
276
|
+
.e-aspect-auto{
|
|
277
|
+
aspect-ratio: auto;
|
|
278
|
+
}
|
|
255
279
|
.e-aspect-video{
|
|
256
280
|
aspect-ratio: 16 / 9;
|
|
257
281
|
}
|
|
@@ -291,9 +315,18 @@
|
|
|
291
315
|
.e-h-8{
|
|
292
316
|
height: 2rem;
|
|
293
317
|
}
|
|
318
|
+
.e-h-auto{
|
|
319
|
+
height: auto;
|
|
320
|
+
}
|
|
294
321
|
.e-h-full{
|
|
295
322
|
height: 100%;
|
|
296
323
|
}
|
|
324
|
+
.e-h-min{
|
|
325
|
+
height: min-content;
|
|
326
|
+
}
|
|
327
|
+
.e-min-h-\[400px\]{
|
|
328
|
+
min-height: 400px;
|
|
329
|
+
}
|
|
297
330
|
.\!e-w-auto{
|
|
298
331
|
width: auto !important;
|
|
299
332
|
}
|
|
@@ -336,6 +369,9 @@
|
|
|
336
369
|
.e-w-auto{
|
|
337
370
|
width: auto;
|
|
338
371
|
}
|
|
372
|
+
.e-w-fit{
|
|
373
|
+
width: fit-content;
|
|
374
|
+
}
|
|
339
375
|
.e-w-full{
|
|
340
376
|
width: 100%;
|
|
341
377
|
}
|
|
@@ -618,9 +654,23 @@
|
|
|
618
654
|
.e-basis-full{
|
|
619
655
|
flex-basis: 100%;
|
|
620
656
|
}
|
|
657
|
+
.e-scale-150{
|
|
658
|
+
--tw-scale-x: 1.5;
|
|
659
|
+
--tw-scale-y: 1.5;
|
|
660
|
+
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
661
|
+
}
|
|
662
|
+
.e-cursor-grab{
|
|
663
|
+
cursor: grab;
|
|
664
|
+
}
|
|
665
|
+
.e-cursor-grabbing{
|
|
666
|
+
cursor: grabbing;
|
|
667
|
+
}
|
|
621
668
|
.e-cursor-pointer{
|
|
622
669
|
cursor: pointer;
|
|
623
670
|
}
|
|
671
|
+
.e-touch-none{
|
|
672
|
+
touch-action: none;
|
|
673
|
+
}
|
|
624
674
|
.e-select-none{
|
|
625
675
|
user-select: none;
|
|
626
676
|
}
|
|
@@ -744,6 +794,9 @@
|
|
|
744
794
|
.e-gap-3{
|
|
745
795
|
gap: 0.75rem;
|
|
746
796
|
}
|
|
797
|
+
.e-gap-6{
|
|
798
|
+
gap: 1.5rem;
|
|
799
|
+
}
|
|
747
800
|
.e-space-x-2 > :not([hidden]) ~ :not([hidden]){
|
|
748
801
|
--tw-space-x-reverse: 0;
|
|
749
802
|
margin-right: calc(0.5rem * var(--tw-space-x-reverse));
|
|
@@ -779,6 +832,9 @@
|
|
|
779
832
|
.e-overflow-auto{
|
|
780
833
|
overflow: auto;
|
|
781
834
|
}
|
|
835
|
+
.e-overflow-hidden{
|
|
836
|
+
overflow: hidden;
|
|
837
|
+
}
|
|
782
838
|
.e-overflow-x-hidden{
|
|
783
839
|
overflow-x: hidden;
|
|
784
840
|
}
|
|
@@ -816,6 +872,10 @@
|
|
|
816
872
|
--tw-border-opacity: 1;
|
|
817
873
|
border-color: rgb(55 65 81 / var(--tw-border-opacity));
|
|
818
874
|
}
|
|
875
|
+
.e-bg-\[\#629efc\]{
|
|
876
|
+
--tw-bg-opacity: 1;
|
|
877
|
+
background-color: rgb(98 158 252 / var(--tw-bg-opacity));
|
|
878
|
+
}
|
|
819
879
|
.e-bg-amber-500{
|
|
820
880
|
--tw-bg-opacity: 1;
|
|
821
881
|
background-color: rgb(245 158 11 / var(--tw-bg-opacity));
|
|
@@ -824,6 +884,10 @@
|
|
|
824
884
|
--tw-bg-opacity: 1;
|
|
825
885
|
background-color: rgb(237 99 104 / var(--tw-bg-opacity));
|
|
826
886
|
}
|
|
887
|
+
.e-bg-brand-600{
|
|
888
|
+
--tw-bg-opacity: 1;
|
|
889
|
+
background-color: rgb(156 18 22 / var(--tw-bg-opacity));
|
|
890
|
+
}
|
|
827
891
|
.e-bg-cyan-500{
|
|
828
892
|
--tw-bg-opacity: 1;
|
|
829
893
|
background-color: rgb(6 182 212 / var(--tw-bg-opacity));
|
|
@@ -836,6 +900,10 @@
|
|
|
836
900
|
--tw-bg-opacity: 1;
|
|
837
901
|
background-color: rgb(249 250 251 / var(--tw-bg-opacity));
|
|
838
902
|
}
|
|
903
|
+
.e-bg-gray-600{
|
|
904
|
+
--tw-bg-opacity: 1;
|
|
905
|
+
background-color: rgb(75 85 99 / var(--tw-bg-opacity));
|
|
906
|
+
}
|
|
839
907
|
.e-bg-gray-800{
|
|
840
908
|
--tw-bg-opacity: 1;
|
|
841
909
|
background-color: rgb(31 41 55 / var(--tw-bg-opacity));
|
|
@@ -848,6 +916,9 @@
|
|
|
848
916
|
--tw-bg-opacity: 1;
|
|
849
917
|
background-color: rgb(22 163 74 / var(--tw-bg-opacity));
|
|
850
918
|
}
|
|
919
|
+
.e-bg-inherit{
|
|
920
|
+
background-color: inherit;
|
|
921
|
+
}
|
|
851
922
|
.e-bg-lime-500{
|
|
852
923
|
--tw-bg-opacity: 1;
|
|
853
924
|
background-color: rgb(132 204 22 / var(--tw-bg-opacity));
|
|
@@ -886,6 +957,9 @@
|
|
|
886
957
|
.e-p-1{
|
|
887
958
|
padding: 0.25rem;
|
|
888
959
|
}
|
|
960
|
+
.e-p-1\.5{
|
|
961
|
+
padding: 0.375rem;
|
|
962
|
+
}
|
|
889
963
|
.e-p-2{
|
|
890
964
|
padding: 0.5rem;
|
|
891
965
|
}
|
|
@@ -910,6 +984,10 @@
|
|
|
910
984
|
padding-left: 1rem;
|
|
911
985
|
padding-right: 1rem;
|
|
912
986
|
}
|
|
987
|
+
.e-py-\[\.2rem\]{
|
|
988
|
+
padding-top: .2rem;
|
|
989
|
+
padding-bottom: .2rem;
|
|
990
|
+
}
|
|
913
991
|
.e-pb-2{
|
|
914
992
|
padding-bottom: 0.5rem;
|
|
915
993
|
}
|
|
@@ -976,6 +1054,9 @@
|
|
|
976
1054
|
.e-font-semibold{
|
|
977
1055
|
font-weight: 600;
|
|
978
1056
|
}
|
|
1057
|
+
.e-leading-3{
|
|
1058
|
+
line-height: .75rem;
|
|
1059
|
+
}
|
|
979
1060
|
.e-leading-6{
|
|
980
1061
|
line-height: 1.5rem;
|
|
981
1062
|
}
|
|
@@ -991,10 +1072,18 @@
|
|
|
991
1072
|
--tw-text-opacity: 1;
|
|
992
1073
|
color: rgb(96 165 250 / var(--tw-text-opacity));
|
|
993
1074
|
}
|
|
1075
|
+
.e-text-gray-100{
|
|
1076
|
+
--tw-text-opacity: 1;
|
|
1077
|
+
color: rgb(243 244 246 / var(--tw-text-opacity));
|
|
1078
|
+
}
|
|
994
1079
|
.e-text-gray-700{
|
|
995
1080
|
--tw-text-opacity: 1;
|
|
996
1081
|
color: rgb(55 65 81 / var(--tw-text-opacity));
|
|
997
1082
|
}
|
|
1083
|
+
.e-text-gray-900{
|
|
1084
|
+
--tw-text-opacity: 1;
|
|
1085
|
+
color: rgb(17 24 39 / var(--tw-text-opacity));
|
|
1086
|
+
}
|
|
998
1087
|
.e-text-green-500{
|
|
999
1088
|
--tw-text-opacity: 1;
|
|
1000
1089
|
color: rgb(34 197 94 / var(--tw-text-opacity));
|
|
@@ -1043,6 +1132,11 @@
|
|
|
1043
1132
|
.e-underline-offset-8{
|
|
1044
1133
|
text-underline-offset: 8px;
|
|
1045
1134
|
}
|
|
1135
|
+
.e-shadow{
|
|
1136
|
+
--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
|
|
1137
|
+
--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
|
|
1138
|
+
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
1139
|
+
}
|
|
1046
1140
|
.e-shadow-lg{
|
|
1047
1141
|
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
|
|
1048
1142
|
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
|
|
@@ -1120,6 +1214,26 @@
|
|
|
1120
1214
|
.e-outline-offset-8{
|
|
1121
1215
|
outline-offset: 8px;
|
|
1122
1216
|
}
|
|
1217
|
+
.e-blur-video-poster{
|
|
1218
|
+
--tw-blur: blur(32px);
|
|
1219
|
+
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
|
|
1220
|
+
}
|
|
1221
|
+
.e-transition{
|
|
1222
|
+
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
|
|
1223
|
+
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
1224
|
+
transition-duration: 150ms;
|
|
1225
|
+
}
|
|
1226
|
+
.e-transition-colors{
|
|
1227
|
+
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
|
|
1228
|
+
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
1229
|
+
transition-duration: 150ms;
|
|
1230
|
+
}
|
|
1231
|
+
.e-duration-200{
|
|
1232
|
+
transition-duration: 200ms;
|
|
1233
|
+
}
|
|
1234
|
+
.e-ease-in-out{
|
|
1235
|
+
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
1236
|
+
}
|
|
1123
1237
|
@media (min-width: 640px){
|
|
1124
1238
|
|
|
1125
1239
|
.sm\:\!e-w-auto{
|
package/dist/tags.json
CHANGED
|
@@ -68,17 +68,6 @@
|
|
|
68
68
|
],
|
|
69
69
|
"description": ""
|
|
70
70
|
},
|
|
71
|
-
"EVideoPlayer": {
|
|
72
|
-
"attributes": [
|
|
73
|
-
"sources",
|
|
74
|
-
"video-listeners",
|
|
75
|
-
"video-options",
|
|
76
|
-
"is-hls",
|
|
77
|
-
"streaming-token",
|
|
78
|
-
"is-live-view"
|
|
79
|
-
],
|
|
80
|
-
"description": ""
|
|
81
|
-
},
|
|
82
71
|
"ETimeline": {
|
|
83
72
|
"attributes": [
|
|
84
73
|
"events-groups",
|
|
@@ -170,5 +159,14 @@
|
|
|
170
159
|
"x-offset"
|
|
171
160
|
],
|
|
172
161
|
"description": ""
|
|
162
|
+
},
|
|
163
|
+
"EToggleSwitch": {
|
|
164
|
+
"attributes": [
|
|
165
|
+
"options",
|
|
166
|
+
"color",
|
|
167
|
+
"size",
|
|
168
|
+
"default-value"
|
|
169
|
+
],
|
|
170
|
+
"description": ""
|
|
173
171
|
}
|
|
174
172
|
}
|
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.55-beta.34",
|
|
6
6
|
"contributions": {
|
|
7
7
|
"html": {
|
|
8
8
|
"types-syntax": "typescript",
|
|
@@ -481,65 +481,7 @@
|
|
|
481
481
|
},
|
|
482
482
|
"description": "",
|
|
483
483
|
"doc-url": "https://ui.evercam.io/",
|
|
484
|
-
"attributes":
|
|
485
|
-
{
|
|
486
|
-
"name": "sources",
|
|
487
|
-
"doc-url": "https://www.npmjs.com/package/@evercam/ui",
|
|
488
|
-
"default": "undefined",
|
|
489
|
-
"value": {
|
|
490
|
-
"kind": "expression",
|
|
491
|
-
"type": [
|
|
492
|
-
"array",
|
|
493
|
-
"string"
|
|
494
|
-
]
|
|
495
|
-
}
|
|
496
|
-
},
|
|
497
|
-
{
|
|
498
|
-
"name": "video-listeners",
|
|
499
|
-
"doc-url": "https://www.npmjs.com/package/@evercam/ui",
|
|
500
|
-
"default": "() => ({})",
|
|
501
|
-
"value": {
|
|
502
|
-
"kind": "expression",
|
|
503
|
-
"type": "object"
|
|
504
|
-
}
|
|
505
|
-
},
|
|
506
|
-
{
|
|
507
|
-
"name": "video-options",
|
|
508
|
-
"doc-url": "https://www.npmjs.com/package/@evercam/ui",
|
|
509
|
-
"default": "() => ({})",
|
|
510
|
-
"value": {
|
|
511
|
-
"kind": "expression",
|
|
512
|
-
"type": "object"
|
|
513
|
-
}
|
|
514
|
-
},
|
|
515
|
-
{
|
|
516
|
-
"name": "is-hls",
|
|
517
|
-
"doc-url": "https://www.npmjs.com/package/@evercam/ui",
|
|
518
|
-
"default": "false",
|
|
519
|
-
"value": {
|
|
520
|
-
"kind": "expression",
|
|
521
|
-
"type": "boolean"
|
|
522
|
-
}
|
|
523
|
-
},
|
|
524
|
-
{
|
|
525
|
-
"name": "streaming-token",
|
|
526
|
-
"doc-url": "https://www.npmjs.com/package/@evercam/ui",
|
|
527
|
-
"default": "",
|
|
528
|
-
"value": {
|
|
529
|
-
"kind": "expression",
|
|
530
|
-
"type": "string"
|
|
531
|
-
}
|
|
532
|
-
},
|
|
533
|
-
{
|
|
534
|
-
"name": "is-live-view",
|
|
535
|
-
"doc-url": "https://www.npmjs.com/package/@evercam/ui",
|
|
536
|
-
"default": "false",
|
|
537
|
-
"value": {
|
|
538
|
-
"kind": "expression",
|
|
539
|
-
"type": "boolean"
|
|
540
|
-
}
|
|
541
|
-
}
|
|
542
|
-
]
|
|
484
|
+
"attributes": null
|
|
543
485
|
},
|
|
544
486
|
{
|
|
545
487
|
"name": "ETimeline",
|
|
@@ -562,7 +504,7 @@
|
|
|
562
504
|
{
|
|
563
505
|
"name": "x-axes-config",
|
|
564
506
|
"doc-url": "https://www.npmjs.com/package/@evercam/ui",
|
|
565
|
-
"default": "() =>
|
|
507
|
+
"default": "() => Ph",
|
|
566
508
|
"value": {
|
|
567
509
|
"kind": "expression",
|
|
568
510
|
"type": "object"
|
|
@@ -1201,6 +1143,67 @@
|
|
|
1201
1143
|
}
|
|
1202
1144
|
}
|
|
1203
1145
|
]
|
|
1146
|
+
},
|
|
1147
|
+
{
|
|
1148
|
+
"name": "EToggleSwitch",
|
|
1149
|
+
"source": {
|
|
1150
|
+
"module": "./src/components/EToggleSwitch.vue",
|
|
1151
|
+
"symbol": "EToggleSwitch"
|
|
1152
|
+
},
|
|
1153
|
+
"description": "",
|
|
1154
|
+
"doc-url": "https://ui.evercam.io/",
|
|
1155
|
+
"attributes": [
|
|
1156
|
+
{
|
|
1157
|
+
"name": "options",
|
|
1158
|
+
"doc-url": "https://www.npmjs.com/package/@evercam/ui",
|
|
1159
|
+
"default": "undefined",
|
|
1160
|
+
"value": {
|
|
1161
|
+
"kind": "expression",
|
|
1162
|
+
"type": "array"
|
|
1163
|
+
}
|
|
1164
|
+
},
|
|
1165
|
+
{
|
|
1166
|
+
"name": "color",
|
|
1167
|
+
"doc-url": "https://www.npmjs.com/package/@evercam/ui",
|
|
1168
|
+
"default": "brand",
|
|
1169
|
+
"value": {
|
|
1170
|
+
"kind": "expression",
|
|
1171
|
+
"type": "string"
|
|
1172
|
+
}
|
|
1173
|
+
},
|
|
1174
|
+
{
|
|
1175
|
+
"name": "size",
|
|
1176
|
+
"doc-url": "https://www.npmjs.com/package/@evercam/ui",
|
|
1177
|
+
"default": "sm",
|
|
1178
|
+
"value": {
|
|
1179
|
+
"kind": "expression",
|
|
1180
|
+
"type": "string"
|
|
1181
|
+
}
|
|
1182
|
+
},
|
|
1183
|
+
{
|
|
1184
|
+
"name": "default-value",
|
|
1185
|
+
"doc-url": "https://www.npmjs.com/package/@evercam/ui",
|
|
1186
|
+
"default": "null",
|
|
1187
|
+
"value": {
|
|
1188
|
+
"kind": "expression",
|
|
1189
|
+
"type": [
|
|
1190
|
+
"string",
|
|
1191
|
+
"number",
|
|
1192
|
+
"boolean"
|
|
1193
|
+
]
|
|
1194
|
+
}
|
|
1195
|
+
}
|
|
1196
|
+
]
|
|
1197
|
+
},
|
|
1198
|
+
{
|
|
1199
|
+
"name": "EZoomable",
|
|
1200
|
+
"source": {
|
|
1201
|
+
"module": "./src/components/EZoomable.vue",
|
|
1202
|
+
"symbol": "EZoomable"
|
|
1203
|
+
},
|
|
1204
|
+
"description": "",
|
|
1205
|
+
"doc-url": "https://ui.evercam.io/",
|
|
1206
|
+
"attributes": null
|
|
1204
1207
|
}
|
|
1205
1208
|
],
|
|
1206
1209
|
"attributes": [
|