@evercam/ui 0.0.56 → 0.0.58-beta-3
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 +256 -1
- package/dist/index.mjs +2879 -1925
- 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 +31 -0
- package/dist/src/components/EHeatmapBar.vue.d.ts +21 -0
- package/dist/src/components/EHoursHeatmap.vue.d.ts +16 -0
- package/dist/src/components/EReadMore.vue.d.ts +24 -0
- package/dist/src/components/ETimeline.vue.d.ts +1 -0
- package/dist/src/components/EToggleSwitch.vue.d.ts +34 -0
- package/dist/src/components/ETruncatedDiv.vue.d.ts +8 -0
- package/dist/src/components/EVideoEmbed.vue.d.ts +10 -44
- package/dist/src/components/EVideoPlayer.vue.d.ts +26 -4
- package/dist/src/components/EZoomable.vue.d.ts +46 -0
- package/dist/src/constants.d.ts +2 -0
- package/dist/src/index.d.ts +201 -42
- package/dist/src/mixins/event-listeners.d.ts +20 -0
- package/dist/src/mixins/inactivity-listener.d.ts +30 -0
- package/dist/src/mixins/index.d.ts +4 -0
- package/dist/src/mixins/timeouts.d.ts +14 -0
- package/dist/src/types.d.ts +38 -1
- package/dist/src/utils.d.ts +3 -2
- package/dist/style.css +1 -1
- package/dist/styles.css +226 -0
- package/dist/tags.json +101 -2
- package/dist/web-types.json +604 -4
- package/package.json +1 -1
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import Vue from "vue";
|
|
2
|
+
export interface IEventListener {
|
|
3
|
+
event: string;
|
|
4
|
+
cb: () => void;
|
|
5
|
+
element: EventTarget | null;
|
|
6
|
+
}
|
|
7
|
+
export type EventListenerCallback = (e: unknown) => unknown | Promise<unknown>;
|
|
8
|
+
declare module "vue/types/vue" {
|
|
9
|
+
interface Vue {
|
|
10
|
+
$addEventListener: (event: string, cb: EventListenerCallback, element?: EventTarget) => void;
|
|
11
|
+
$removeEventListeners: () => void;
|
|
12
|
+
}
|
|
13
|
+
}
|
|
14
|
+
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>>, {
|
|
15
|
+
eventListeners: 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>;
|
|
20
|
+
export default _default;
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import Vue from "vue";
|
|
2
|
+
export interface InactivityListenerMixinProps {
|
|
3
|
+
duration: number;
|
|
4
|
+
reminders?: number[];
|
|
5
|
+
callback: () => void;
|
|
6
|
+
}
|
|
7
|
+
declare module "vue/types/vue" {
|
|
8
|
+
interface Vue {
|
|
9
|
+
$clearTimeouts: () => void;
|
|
10
|
+
$setTimeout: (cb: Function, timeout?: number) => void;
|
|
11
|
+
}
|
|
12
|
+
}
|
|
13
|
+
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, {
|
|
14
|
+
resetInactivityListenerTimer(callback?: () => void, duration?: number, reminders?: number[]): void;
|
|
15
|
+
setInactivityListenerTimer(callback?: () => void, duration?: number, reminders?: number[]): void;
|
|
16
|
+
setInactivityListenerReminderTimers(callback?: () => void, reminders?: number[], index?: number): void;
|
|
17
|
+
$registerInactivityListener({ callback, duration, reminders, }: InactivityListenerMixinProps): void;
|
|
18
|
+
$removeInactivityListeners(): void;
|
|
19
|
+
}, 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>>, {
|
|
20
|
+
eventListeners: import('../mixins/event-listeners').IEventListener[];
|
|
21
|
+
}, {
|
|
22
|
+
$addEventListener(event: string, cb: () => void, element?: Window & typeof globalThis): void;
|
|
23
|
+
$removeEventListeners(): void;
|
|
24
|
+
}, 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>>, {
|
|
25
|
+
timeouts: number[];
|
|
26
|
+
}, {
|
|
27
|
+
$setTimeout(cb: Function, timeout?: number): number;
|
|
28
|
+
$clearTimeouts(): void;
|
|
29
|
+
}, unknown, Record<never, any>, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>, import("vue").ComponentOptionsMixin>;
|
|
30
|
+
export default _default;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import Vue from "vue";
|
|
2
|
+
declare module "vue/types/vue" {
|
|
3
|
+
interface Vue {
|
|
4
|
+
$clearTimeouts: () => void;
|
|
5
|
+
$setTimeout: (cb: Function, timeout?: number) => void;
|
|
6
|
+
}
|
|
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>>, {
|
|
9
|
+
timeouts: number[];
|
|
10
|
+
}, {
|
|
11
|
+
$setTimeout(cb: Function, timeout?: number): number;
|
|
12
|
+
$clearTimeouts(): void;
|
|
13
|
+
}, unknown, Record<never, any>, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>;
|
|
14
|
+
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;
|
|
@@ -126,5 +129,39 @@ export type TimelineInterval = {
|
|
|
126
129
|
startDate: Date | string | number;
|
|
127
130
|
endDate: Date | string | number;
|
|
128
131
|
};
|
|
132
|
+
export type HeatmapBarItem = {
|
|
133
|
+
name: string;
|
|
134
|
+
count: number;
|
|
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>>;
|
|
150
|
+
export interface FullscreenHTMLElement extends HTMLElement {
|
|
151
|
+
mozRequestFullScreen?: () => Promise<void>;
|
|
152
|
+
webkitRequestFullScreen?: () => Promise<void>;
|
|
153
|
+
msRequestFullscreen?: () => Promise<void>;
|
|
154
|
+
}
|
|
155
|
+
export interface FullscreenDocument extends Document {
|
|
156
|
+
mozCancelFullScreen?: () => Promise<void>;
|
|
157
|
+
webkitCancelFullScreen?: () => Promise<void>;
|
|
158
|
+
msExitFullscreen?: () => Promise<void>;
|
|
159
|
+
mozFullScreenElement: Element | null;
|
|
160
|
+
webkitFullscreenElement: Element | null;
|
|
161
|
+
msFullscreenElement: Element | null;
|
|
162
|
+
webkitFullscreenEnabled: boolean;
|
|
163
|
+
msFullscreenEnabled: boolean;
|
|
164
|
+
mozFullScreenEnabled: boolean;
|
|
165
|
+
}
|
|
129
166
|
declare const _default: {};
|
|
130
167
|
export default _default;
|
package/dist/src/utils.d.ts
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
export declare function isFullScreen(): boolean;
|
|
2
|
-
export declare function makeFullScreen(element: HTMLElement): Promise<unknown
|
|
3
|
-
export declare function exitFullScreen(): Promise<
|
|
2
|
+
export declare function makeFullScreen(element: HTMLElement): Promise<unknown>;
|
|
3
|
+
export declare function exitFullScreen(): Promise<void | null>;
|
|
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-270d2bfd]{transform-origin:0 0}.spinner-container[data-v-e38adbe1]{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-e38adbe1]{position:relative;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;margin:0 auto}.video-container.full-screen[data-v-e38adbe1]{max-width:initial;width:100%;max-height:100vh}video[data-v-e38adbe1]{width:100%;height:inherit}.video-controls-container[data-v-e38adbe1]{position:absolute;bottom:0;left:0;right:0;color:#fff;z-index:100;opacity:0;transition:opacity .15s ease-in-out}.hide[data-v-e38adbe1]{display:none}.video-controls-container[data-v-e38adbe1]: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-e38adbe1],.video-container:focus-within .video-controls-container[data-v-e38adbe1],.video-container.paused .video-controls-container[data-v-e38adbe1]{opacity:1}.video-controls-container .controls[data-v-e38adbe1]{display:flex;gap:.5rem;padding:.75rem 1rem;align-items:center;width:100%}.video-controls-container .controls button[data-v-e38adbe1]{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-e38adbe1]:hover{opacity:1}.duration-container[data-v-e38adbe1]{display:flex;align-items:center;gap:.25rem;flex-grow:1}.video-container.captions .captions-btn[data-v-e38adbe1]{border-bottom:3px solid #0090ff}.video-controls-container .controls button.wide-btn[data-v-e38adbe1]{width:50px}.timeline-container[data-v-e38adbe1]{width:100%;height:7px;margin-inline:.5rem;cursor:pointer;display:flex;align-items:center}.timeline[data-v-e38adbe1]{background-color:#64646480;height:3px;width:100%;position:relative}.timeline[data-v-e38adbe1]: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-e38adbe1]: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-e38adbe1]{--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-e38adbe1]{display:block}.video-container.scrubbing .timeline[data-v-e38adbe1]:before,.timeline-container:hover .timeline[data-v-e38adbe1]:before{display:block}.video-container.scrubbing .thumb-indicator[data-v-e38adbe1],.timeline-container:hover .thumb-indicator[data-v-e38adbe1]{--scale: 1}.video-container.scrubbing .timeline[data-v-e38adbe1],.timeline-container:hover .timeline[data-v-e38adbe1]{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-7e66cb69]{position:relative;width:100%!important;padding-bottom:56.25%}.video-embed iframe[data-v-7e66cb69]{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}
|
package/dist/styles.css
CHANGED
|
@@ -212,9 +212,25 @@
|
|
|
212
212
|
.e-relative{
|
|
213
213
|
position: relative;
|
|
214
214
|
}
|
|
215
|
+
.e-inset-0{
|
|
216
|
+
inset: 0px;
|
|
217
|
+
}
|
|
218
|
+
.e-inset-y-0{
|
|
219
|
+
top: 0px;
|
|
220
|
+
bottom: 0px;
|
|
221
|
+
}
|
|
215
222
|
.-e-left-2\/4{
|
|
216
223
|
left: -50%;
|
|
217
224
|
}
|
|
225
|
+
.e-bottom-0{
|
|
226
|
+
bottom: 0px;
|
|
227
|
+
}
|
|
228
|
+
.e-end-0{
|
|
229
|
+
inset-inline-end: 0px;
|
|
230
|
+
}
|
|
231
|
+
.e-left-0{
|
|
232
|
+
left: 0px;
|
|
233
|
+
}
|
|
218
234
|
.e-right-0{
|
|
219
235
|
right: 0px;
|
|
220
236
|
}
|
|
@@ -224,9 +240,21 @@
|
|
|
224
240
|
.e-z-50{
|
|
225
241
|
z-index: 50;
|
|
226
242
|
}
|
|
243
|
+
.e-z-\[-1\]{
|
|
244
|
+
z-index: -1;
|
|
245
|
+
}
|
|
246
|
+
.e-z-\[5\]{
|
|
247
|
+
z-index: 5;
|
|
248
|
+
}
|
|
227
249
|
.e-m-2{
|
|
228
250
|
margin: 0.5rem;
|
|
229
251
|
}
|
|
252
|
+
.e-m-3{
|
|
253
|
+
margin: 0.75rem;
|
|
254
|
+
}
|
|
255
|
+
.e-m-auto{
|
|
256
|
+
margin: auto;
|
|
257
|
+
}
|
|
230
258
|
.e-mx-auto{
|
|
231
259
|
margin-left: auto;
|
|
232
260
|
margin-right: auto;
|
|
@@ -234,6 +262,9 @@
|
|
|
234
262
|
.e-ml-8{
|
|
235
263
|
margin-left: 2rem;
|
|
236
264
|
}
|
|
265
|
+
.e-mr-2{
|
|
266
|
+
margin-right: 0.5rem;
|
|
267
|
+
}
|
|
237
268
|
.e-mt-2{
|
|
238
269
|
margin-top: 0.5rem;
|
|
239
270
|
}
|
|
@@ -249,6 +280,15 @@
|
|
|
249
280
|
.e-inline-flex{
|
|
250
281
|
display: inline-flex;
|
|
251
282
|
}
|
|
283
|
+
.e-hidden{
|
|
284
|
+
display: none;
|
|
285
|
+
}
|
|
286
|
+
.e-aspect-auto{
|
|
287
|
+
aspect-ratio: auto;
|
|
288
|
+
}
|
|
289
|
+
.e-aspect-video{
|
|
290
|
+
aspect-ratio: 16 / 9;
|
|
291
|
+
}
|
|
252
292
|
.e-h-10{
|
|
253
293
|
height: 2.5rem;
|
|
254
294
|
}
|
|
@@ -285,9 +325,18 @@
|
|
|
285
325
|
.e-h-8{
|
|
286
326
|
height: 2rem;
|
|
287
327
|
}
|
|
328
|
+
.e-h-auto{
|
|
329
|
+
height: auto;
|
|
330
|
+
}
|
|
288
331
|
.e-h-full{
|
|
289
332
|
height: 100%;
|
|
290
333
|
}
|
|
334
|
+
.e-h-min{
|
|
335
|
+
height: min-content;
|
|
336
|
+
}
|
|
337
|
+
.e-min-h-\[400px\]{
|
|
338
|
+
min-height: 400px;
|
|
339
|
+
}
|
|
291
340
|
.\!e-w-auto{
|
|
292
341
|
width: auto !important;
|
|
293
342
|
}
|
|
@@ -330,6 +379,9 @@
|
|
|
330
379
|
.e-w-auto{
|
|
331
380
|
width: auto;
|
|
332
381
|
}
|
|
382
|
+
.e-w-fit{
|
|
383
|
+
width: fit-content;
|
|
384
|
+
}
|
|
333
385
|
.e-w-full{
|
|
334
386
|
width: 100%;
|
|
335
387
|
}
|
|
@@ -612,6 +664,23 @@
|
|
|
612
664
|
.e-basis-full{
|
|
613
665
|
flex-basis: 100%;
|
|
614
666
|
}
|
|
667
|
+
.e-scale-150{
|
|
668
|
+
--tw-scale-x: 1.5;
|
|
669
|
+
--tw-scale-y: 1.5;
|
|
670
|
+
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));
|
|
671
|
+
}
|
|
672
|
+
.e-cursor-grab{
|
|
673
|
+
cursor: grab;
|
|
674
|
+
}
|
|
675
|
+
.e-cursor-grabbing{
|
|
676
|
+
cursor: grabbing;
|
|
677
|
+
}
|
|
678
|
+
.e-cursor-pointer{
|
|
679
|
+
cursor: pointer;
|
|
680
|
+
}
|
|
681
|
+
.e-touch-none{
|
|
682
|
+
touch-action: none;
|
|
683
|
+
}
|
|
615
684
|
.e-select-none{
|
|
616
685
|
user-select: none;
|
|
617
686
|
}
|
|
@@ -735,6 +804,15 @@
|
|
|
735
804
|
.e-gap-3{
|
|
736
805
|
gap: 0.75rem;
|
|
737
806
|
}
|
|
807
|
+
.e-gap-6{
|
|
808
|
+
gap: 1.5rem;
|
|
809
|
+
}
|
|
810
|
+
.e-gap-x-1{
|
|
811
|
+
column-gap: 0.25rem;
|
|
812
|
+
}
|
|
813
|
+
.e-gap-x-1\.5{
|
|
814
|
+
column-gap: 0.375rem;
|
|
815
|
+
}
|
|
738
816
|
.e-space-x-2 > :not([hidden]) ~ :not([hidden]){
|
|
739
817
|
--tw-space-x-reverse: 0;
|
|
740
818
|
margin-right: calc(0.5rem * var(--tw-space-x-reverse));
|
|
@@ -770,9 +848,17 @@
|
|
|
770
848
|
.e-overflow-auto{
|
|
771
849
|
overflow: auto;
|
|
772
850
|
}
|
|
851
|
+
.e-overflow-hidden{
|
|
852
|
+
overflow: hidden;
|
|
853
|
+
}
|
|
773
854
|
.e-overflow-x-hidden{
|
|
774
855
|
overflow-x: hidden;
|
|
775
856
|
}
|
|
857
|
+
.e-truncate{
|
|
858
|
+
overflow: hidden;
|
|
859
|
+
text-overflow: ellipsis;
|
|
860
|
+
white-space: nowrap;
|
|
861
|
+
}
|
|
776
862
|
.e-rounded{
|
|
777
863
|
border-radius: 0.25rem;
|
|
778
864
|
}
|
|
@@ -788,6 +874,9 @@
|
|
|
788
874
|
.e-border{
|
|
789
875
|
border-width: 1px;
|
|
790
876
|
}
|
|
877
|
+
.e-border-0{
|
|
878
|
+
border-width: 0px;
|
|
879
|
+
}
|
|
791
880
|
.e-border-2{
|
|
792
881
|
border-width: 2px;
|
|
793
882
|
}
|
|
@@ -802,6 +891,10 @@
|
|
|
802
891
|
--tw-border-opacity: 1;
|
|
803
892
|
border-color: rgb(55 65 81 / var(--tw-border-opacity));
|
|
804
893
|
}
|
|
894
|
+
.e-bg-\[\#629efc\]{
|
|
895
|
+
--tw-bg-opacity: 1;
|
|
896
|
+
background-color: rgb(98 158 252 / var(--tw-bg-opacity));
|
|
897
|
+
}
|
|
805
898
|
.e-bg-amber-500{
|
|
806
899
|
--tw-bg-opacity: 1;
|
|
807
900
|
background-color: rgb(245 158 11 / var(--tw-bg-opacity));
|
|
@@ -810,6 +903,10 @@
|
|
|
810
903
|
--tw-bg-opacity: 1;
|
|
811
904
|
background-color: rgb(237 99 104 / var(--tw-bg-opacity));
|
|
812
905
|
}
|
|
906
|
+
.e-bg-brand-600{
|
|
907
|
+
--tw-bg-opacity: 1;
|
|
908
|
+
background-color: rgb(156 18 22 / var(--tw-bg-opacity));
|
|
909
|
+
}
|
|
813
910
|
.e-bg-cyan-500{
|
|
814
911
|
--tw-bg-opacity: 1;
|
|
815
912
|
background-color: rgb(6 182 212 / var(--tw-bg-opacity));
|
|
@@ -822,6 +919,10 @@
|
|
|
822
919
|
--tw-bg-opacity: 1;
|
|
823
920
|
background-color: rgb(249 250 251 / var(--tw-bg-opacity));
|
|
824
921
|
}
|
|
922
|
+
.e-bg-gray-600{
|
|
923
|
+
--tw-bg-opacity: 1;
|
|
924
|
+
background-color: rgb(75 85 99 / var(--tw-bg-opacity));
|
|
925
|
+
}
|
|
825
926
|
.e-bg-gray-800{
|
|
826
927
|
--tw-bg-opacity: 1;
|
|
827
928
|
background-color: rgb(31 41 55 / var(--tw-bg-opacity));
|
|
@@ -834,6 +935,9 @@
|
|
|
834
935
|
--tw-bg-opacity: 1;
|
|
835
936
|
background-color: rgb(22 163 74 / var(--tw-bg-opacity));
|
|
836
937
|
}
|
|
938
|
+
.e-bg-inherit{
|
|
939
|
+
background-color: inherit;
|
|
940
|
+
}
|
|
837
941
|
.e-bg-lime-500{
|
|
838
942
|
--tw-bg-opacity: 1;
|
|
839
943
|
background-color: rgb(132 204 22 / var(--tw-bg-opacity));
|
|
@@ -846,6 +950,10 @@
|
|
|
846
950
|
--tw-bg-opacity: 1;
|
|
847
951
|
background-color: rgb(38 38 38 / var(--tw-bg-opacity));
|
|
848
952
|
}
|
|
953
|
+
.e-bg-primary{
|
|
954
|
+
--tw-bg-opacity: 1;
|
|
955
|
+
background-color: rgb(14 165 233 / var(--tw-bg-opacity));
|
|
956
|
+
}
|
|
849
957
|
.e-bg-purple-500{
|
|
850
958
|
--tw-bg-opacity: 1;
|
|
851
959
|
background-color: rgb(168 85 247 / var(--tw-bg-opacity));
|
|
@@ -862,12 +970,19 @@
|
|
|
862
970
|
--tw-bg-opacity: 1;
|
|
863
971
|
background-color: rgb(203 213 225 / var(--tw-bg-opacity));
|
|
864
972
|
}
|
|
973
|
+
.e-bg-white{
|
|
974
|
+
--tw-bg-opacity: 1;
|
|
975
|
+
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
|
|
976
|
+
}
|
|
865
977
|
.e-object-cover{
|
|
866
978
|
object-fit: cover;
|
|
867
979
|
}
|
|
868
980
|
.e-p-1{
|
|
869
981
|
padding: 0.25rem;
|
|
870
982
|
}
|
|
983
|
+
.e-p-1\.5{
|
|
984
|
+
padding: 0.375rem;
|
|
985
|
+
}
|
|
871
986
|
.e-p-2{
|
|
872
987
|
padding: 0.5rem;
|
|
873
988
|
}
|
|
@@ -888,16 +1003,31 @@
|
|
|
888
1003
|
padding-left: 0.5rem;
|
|
889
1004
|
padding-right: 0.5rem;
|
|
890
1005
|
}
|
|
1006
|
+
.e-px-2\.5{
|
|
1007
|
+
padding-left: 0.625rem;
|
|
1008
|
+
padding-right: 0.625rem;
|
|
1009
|
+
}
|
|
891
1010
|
.e-px-4{
|
|
892
1011
|
padding-left: 1rem;
|
|
893
1012
|
padding-right: 1rem;
|
|
894
1013
|
}
|
|
1014
|
+
.e-py-3{
|
|
1015
|
+
padding-top: 0.75rem;
|
|
1016
|
+
padding-bottom: 0.75rem;
|
|
1017
|
+
}
|
|
1018
|
+
.e-py-\[\.2rem\]{
|
|
1019
|
+
padding-top: .2rem;
|
|
1020
|
+
padding-bottom: .2rem;
|
|
1021
|
+
}
|
|
895
1022
|
.e-pb-2{
|
|
896
1023
|
padding-bottom: 0.5rem;
|
|
897
1024
|
}
|
|
898
1025
|
.e-pb-4{
|
|
899
1026
|
padding-bottom: 1rem;
|
|
900
1027
|
}
|
|
1028
|
+
.e-pr-10{
|
|
1029
|
+
padding-right: 2.5rem;
|
|
1030
|
+
}
|
|
901
1031
|
.e-align-middle{
|
|
902
1032
|
vertical-align: middle;
|
|
903
1033
|
}
|
|
@@ -958,9 +1088,16 @@
|
|
|
958
1088
|
.e-font-semibold{
|
|
959
1089
|
font-weight: 600;
|
|
960
1090
|
}
|
|
1091
|
+
.e-leading-3{
|
|
1092
|
+
line-height: .75rem;
|
|
1093
|
+
}
|
|
961
1094
|
.e-leading-6{
|
|
962
1095
|
line-height: 1.5rem;
|
|
963
1096
|
}
|
|
1097
|
+
.e-text-\[\#000057\]{
|
|
1098
|
+
--tw-text-opacity: 1;
|
|
1099
|
+
color: rgb(0 0 87 / var(--tw-text-opacity));
|
|
1100
|
+
}
|
|
964
1101
|
.e-text-black{
|
|
965
1102
|
--tw-text-opacity: 1;
|
|
966
1103
|
color: rgb(0 0 0 / var(--tw-text-opacity));
|
|
@@ -973,14 +1110,26 @@
|
|
|
973
1110
|
--tw-text-opacity: 1;
|
|
974
1111
|
color: rgb(96 165 250 / var(--tw-text-opacity));
|
|
975
1112
|
}
|
|
1113
|
+
.e-text-gray-100{
|
|
1114
|
+
--tw-text-opacity: 1;
|
|
1115
|
+
color: rgb(243 244 246 / var(--tw-text-opacity));
|
|
1116
|
+
}
|
|
976
1117
|
.e-text-gray-700{
|
|
977
1118
|
--tw-text-opacity: 1;
|
|
978
1119
|
color: rgb(55 65 81 / var(--tw-text-opacity));
|
|
979
1120
|
}
|
|
1121
|
+
.e-text-gray-900{
|
|
1122
|
+
--tw-text-opacity: 1;
|
|
1123
|
+
color: rgb(17 24 39 / var(--tw-text-opacity));
|
|
1124
|
+
}
|
|
980
1125
|
.e-text-green-500{
|
|
981
1126
|
--tw-text-opacity: 1;
|
|
982
1127
|
color: rgb(34 197 94 / var(--tw-text-opacity));
|
|
983
1128
|
}
|
|
1129
|
+
.e-text-primary{
|
|
1130
|
+
--tw-text-opacity: 1;
|
|
1131
|
+
color: rgb(14 165 233 / var(--tw-text-opacity));
|
|
1132
|
+
}
|
|
984
1133
|
.e-text-purple-300{
|
|
985
1134
|
--tw-text-opacity: 1;
|
|
986
1135
|
color: rgb(216 180 254 / var(--tw-text-opacity));
|
|
@@ -1021,11 +1170,29 @@
|
|
|
1021
1170
|
.e-underline-offset-8{
|
|
1022
1171
|
text-underline-offset: 8px;
|
|
1023
1172
|
}
|
|
1173
|
+
.e-placeholder-gray-400::placeholder{
|
|
1174
|
+
--tw-placeholder-opacity: 1;
|
|
1175
|
+
color: rgb(156 163 175 / var(--tw-placeholder-opacity));
|
|
1176
|
+
}
|
|
1177
|
+
.e-placeholder-gray-500::placeholder{
|
|
1178
|
+
--tw-placeholder-opacity: 1;
|
|
1179
|
+
color: rgb(107 114 128 / var(--tw-placeholder-opacity));
|
|
1180
|
+
}
|
|
1181
|
+
.e-shadow{
|
|
1182
|
+
--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
|
|
1183
|
+
--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
|
|
1184
|
+
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
1185
|
+
}
|
|
1024
1186
|
.e-shadow-lg{
|
|
1025
1187
|
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
|
|
1026
1188
|
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
|
|
1027
1189
|
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
1028
1190
|
}
|
|
1191
|
+
.e-shadow-sm{
|
|
1192
|
+
--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
|
|
1193
|
+
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
|
|
1194
|
+
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
1195
|
+
}
|
|
1029
1196
|
.\!-e-outline-offset-1{
|
|
1030
1197
|
outline-offset: -1px !important;
|
|
1031
1198
|
}
|
|
@@ -1098,6 +1265,65 @@
|
|
|
1098
1265
|
.e-outline-offset-8{
|
|
1099
1266
|
outline-offset: 8px;
|
|
1100
1267
|
}
|
|
1268
|
+
.e-ring-1{
|
|
1269
|
+
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
|
1270
|
+
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
|
1271
|
+
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
|
|
1272
|
+
}
|
|
1273
|
+
.e-ring-inset{
|
|
1274
|
+
--tw-ring-inset: inset;
|
|
1275
|
+
}
|
|
1276
|
+
.e-ring-gray-300{
|
|
1277
|
+
--tw-ring-opacity: 1;
|
|
1278
|
+
--tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity));
|
|
1279
|
+
}
|
|
1280
|
+
.e-ring-gray-700{
|
|
1281
|
+
--tw-ring-opacity: 1;
|
|
1282
|
+
--tw-ring-color: rgb(55 65 81 / var(--tw-ring-opacity));
|
|
1283
|
+
}
|
|
1284
|
+
.e-blur-video-poster{
|
|
1285
|
+
--tw-blur: blur(32px);
|
|
1286
|
+
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);
|
|
1287
|
+
}
|
|
1288
|
+
.e-transition{
|
|
1289
|
+
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
|
|
1290
|
+
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
1291
|
+
transition-duration: 150ms;
|
|
1292
|
+
}
|
|
1293
|
+
.e-transition-colors{
|
|
1294
|
+
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
|
|
1295
|
+
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
1296
|
+
transition-duration: 150ms;
|
|
1297
|
+
}
|
|
1298
|
+
.e-duration-200{
|
|
1299
|
+
transition-duration: 200ms;
|
|
1300
|
+
}
|
|
1301
|
+
.e-ease-in-out{
|
|
1302
|
+
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
1303
|
+
}
|
|
1304
|
+
.hover\:e-ring-gray-100:hover{
|
|
1305
|
+
--tw-ring-opacity: 1;
|
|
1306
|
+
--tw-ring-color: rgb(243 244 246 / var(--tw-ring-opacity));
|
|
1307
|
+
}
|
|
1308
|
+
.focus\:e-outline-none:focus{
|
|
1309
|
+
outline: 2px solid transparent;
|
|
1310
|
+
outline-offset: 2px;
|
|
1311
|
+
}
|
|
1312
|
+
.focus\:e-ring-2:focus{
|
|
1313
|
+
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
|
1314
|
+
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
|
1315
|
+
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
|
|
1316
|
+
}
|
|
1317
|
+
.focus\:e-ring-blue-500:focus{
|
|
1318
|
+
--tw-ring-opacity: 1;
|
|
1319
|
+
--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));
|
|
1320
|
+
}
|
|
1321
|
+
.disabled\:e-cursor-not-allowed:disabled{
|
|
1322
|
+
cursor: not-allowed;
|
|
1323
|
+
}
|
|
1324
|
+
.disabled\:e-opacity-75:disabled{
|
|
1325
|
+
opacity: 0.75;
|
|
1326
|
+
}
|
|
1101
1327
|
@media (min-width: 640px){
|
|
1102
1328
|
|
|
1103
1329
|
.sm\:\!e-w-auto{
|