@evercam/ui 0.0.55-beta.4 → 0.0.55-beta.40
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 +3 -0
- package/dist/attributes.json +298 -36
- package/dist/index.mjs +3725 -2356
- 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/ECompareSeparator.vue.d.ts +7 -0
- package/dist/src/components/EGlobalSearch.vue.d.ts +29 -0
- package/dist/src/components/EHeatmapBar.vue.d.ts +3 -0
- package/dist/src/components/EHoursHeatmap.vue.d.ts +3 -0
- package/dist/src/components/EInput.vue.d.ts +3 -0
- package/dist/src/components/EReadMore.vue.d.ts +24 -0
- package/dist/src/components/ETimeline.vue.d.ts +32 -11
- package/dist/src/components/ETimelineMilestone.vue.d.ts +2 -2
- package/dist/src/components/EToggleSwitch.vue.d.ts +34 -0
- package/dist/src/components/ETruncatedDiv.vue.d.ts +8 -0
- package/dist/src/components/EVideoPlayer.vue.d.ts +181 -15
- package/dist/src/components/EZoomable.vue.d.ts +73 -0
- package/dist/src/components/styles/input.d.ts +140 -0
- package/dist/src/constants.d.ts +2 -0
- package/dist/src/index.d.ts +380 -24
- 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 +30 -1
- package/dist/src/utils.d.ts +1 -0
- package/dist/style.css +1 -1
- package/dist/styles.css +409 -0
- package/dist/tags.json +104 -15
- package/dist/web-types.json +688 -80
- 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";
|
|
@@ -39,6 +40,8 @@ export declare enum TimelineAxis {
|
|
|
39
40
|
detailed = "detailed",
|
|
40
41
|
detailedBackground = "detailedBackground"
|
|
41
42
|
}
|
|
43
|
+
export type Variants = "solid" | "outline" | "ghost" | "link" | "filled" | "flushed" | "none";
|
|
44
|
+
export type InputVariants = "outline" | "filled" | "flushed" | "none";
|
|
42
45
|
export type TimelineTicksConfig = {
|
|
43
46
|
precision: number;
|
|
44
47
|
interval: any;
|
|
@@ -79,6 +82,7 @@ export type TimelineMilestoneEvent = {
|
|
|
79
82
|
export type TimelineEvent = TimelineBarEvent | TimelineRangeEvent | TimelineCountEvent | TimelineMilestoneEvent;
|
|
80
83
|
export declare enum TimelineChartType {
|
|
81
84
|
bars = "bars",
|
|
85
|
+
dots = "dots",
|
|
82
86
|
lineGraph = "lineGraph",
|
|
83
87
|
barChart = "barGraph",
|
|
84
88
|
milestones = "milestones"
|
|
@@ -96,6 +100,9 @@ export type TimelineEventsGroup = {
|
|
|
96
100
|
milestonesLineHeight?: number;
|
|
97
101
|
milestonesDotSize?: number;
|
|
98
102
|
height?: number;
|
|
103
|
+
dotsSize?: number;
|
|
104
|
+
bottom?: boolean;
|
|
105
|
+
barBorderRadius?: number;
|
|
99
106
|
};
|
|
100
107
|
export type TimelineEventsByType = {
|
|
101
108
|
[eventsType: string]: TimelineEventsGroup;
|
|
@@ -118,5 +125,27 @@ export type TimelineMarker = {
|
|
|
118
125
|
maxDate?: string;
|
|
119
126
|
[key: string]: any;
|
|
120
127
|
};
|
|
128
|
+
export type TimelineInterval = {
|
|
129
|
+
startDate: Date | string | number;
|
|
130
|
+
endDate: Date | string | number;
|
|
131
|
+
};
|
|
132
|
+
export type HeatmapBarItem = {
|
|
133
|
+
name: string;
|
|
134
|
+
count: string;
|
|
135
|
+
value: string | number;
|
|
136
|
+
};
|
|
137
|
+
export type HoursHeatmapChartItem = {
|
|
138
|
+
count: number;
|
|
139
|
+
timestamp: Timestamp;
|
|
140
|
+
};
|
|
141
|
+
export type GlobalSearchMatch = {
|
|
142
|
+
path: Array<string>;
|
|
143
|
+
value: string | number | boolean;
|
|
144
|
+
};
|
|
145
|
+
export type GlobalSearchResult = {
|
|
146
|
+
index: number;
|
|
147
|
+
matches: Array<GlobalSearchMatch>;
|
|
148
|
+
};
|
|
149
|
+
export type GlobalSearchResultInput = Array<Record<any, any> | Array<any>>;
|
|
121
150
|
declare const _default: {};
|
|
122
151
|
export default _default;
|
package/dist/src/utils.d.ts
CHANGED
|
@@ -2,3 +2,4 @@ export declare function isFullScreen(): boolean;
|
|
|
2
2
|
export declare function makeFullScreen(element: HTMLElement): Promise<unknown> | undefined;
|
|
3
3
|
export declare function exitFullScreen(): Promise<unknown> | undefined;
|
|
4
4
|
export declare function debounce<T extends (...args: any[]) => any>(func: T, wait?: number): (...args: Parameters<T>) => void;
|
|
5
|
+
export declare function clsx(...classes: string[]): string;
|
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%)}.global-search--fixed{position:fixed;top:0;right:0;z-index:999;border-radius:5px;box-shadow:#00000040 0 54px 55px,#0000001f 0 -12px 30px,#0000001f 0 4px 6px,#0000002b 0 12px 13px,#00000017 0 -3px 5px}.global-search--fixed__field{width:260px}
|