@evercam/ui 0.0.58-beta.5 → 0.0.58-beta.7

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.
@@ -0,0 +1,27 @@
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
+ menu: boolean;
4
+ touched: boolean;
5
+ baseSize: {};
6
+ }, {
7
+ toggleMenu(): void;
8
+ setButtonsPositions(open?: boolean): void;
9
+ }, {
10
+ row: boolean;
11
+ reverse: boolean;
12
+ }, {
13
+ padding: number;
14
+ direction: string;
15
+ isMobile: boolean;
16
+ }, {}, 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>>, {
17
+ timeouts: number[];
18
+ }, {
19
+ $setTimeout(cb: Function, timeout?: number): number;
20
+ $clearTimeouts(): void;
21
+ }, 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>>, {
22
+ eventListeners: import('../mixins/event-listeners').IEventListener[];
23
+ }, {
24
+ $addEventListener(event: string, cb: () => void, element?: Window & typeof globalThis): void;
25
+ $removeEventListeners(): void;
26
+ }, unknown, Record<never, any>, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>, import("vue").ComponentOptionsMixin>;
27
+ export default _default;
@@ -12,6 +12,7 @@ import EHoursHeatmap from './components/EHoursHeatmap.vue';
12
12
  import EReadMore from './components/EReadMore.vue';
13
13
  import ETruncatedDiv from './components/ETruncatedDiv.vue';
14
14
  import ECompareSeparator from './components/ECompareSeparator.vue';
15
+ import EExpandableMenu from "./components/EExpandableMenu.vue";
15
16
  import EToggleSwitch from './components/EToggleSwitch.vue';
16
17
  import EZoomable from './components/EZoomable.vue';
17
18
  import { VueConstructor } from "vue";
@@ -623,6 +624,31 @@ export declare const components: {
623
624
  size: import('./types').Size;
624
625
  defaultValue: string | number | boolean;
625
626
  }, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>;
627
+ EExpandableMenu: 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>>, {
628
+ menu: boolean;
629
+ touched: boolean;
630
+ baseSize: {};
631
+ }, {
632
+ toggleMenu(): void;
633
+ setButtonsPositions(open?: boolean | undefined): void;
634
+ }, {
635
+ row: boolean;
636
+ reverse: boolean;
637
+ }, {
638
+ padding: number;
639
+ direction: string;
640
+ isMobile: boolean;
641
+ }, {}, 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>>, {
642
+ timeouts: number[];
643
+ }, {
644
+ $setTimeout(cb: Function, timeout?: number): number;
645
+ $clearTimeouts(): void;
646
+ }, unknown, Record<never, any>, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin> | 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>>, {
647
+ eventListeners: import("./mixins/event-listeners").IEventListener[];
648
+ }, {
649
+ $addEventListener(event: string, cb: () => void, element?: Window & typeof globalThis): void;
650
+ $removeEventListeners(): void;
651
+ }, unknown, Record<never, any>, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>, import("vue").ComponentOptionsMixin>;
626
652
  EZoomable: 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>>, {
627
653
  scale: number;
628
654
  minScale: number;
@@ -700,7 +726,7 @@ declare const _default: {
700
726
  install(Vue: VueConstructor): void;
701
727
  };
702
728
  export default _default;
703
- export { EAvatar, EBadge, EIcon, ESpinner, ERow, ECol, EVideoPlayer, ETimeline, EVideoEmbed, EHeatmapBar, EHoursHeatmap, EReadMore, ETruncatedDiv, ECompareSeparator, EToggleSwitch, EZoomable, EGlobalSearch, };
729
+ export { EAvatar, EBadge, EIcon, ESpinner, ERow, ECol, EVideoPlayer, ETimeline, EVideoEmbed, EHeatmapBar, EHoursHeatmap, EReadMore, ETruncatedDiv, ECompareSeparator, EToggleSwitch, EExpandableMenu, EZoomable, EGlobalSearch, };
704
730
  export * from './constants';
705
731
  export * from './types';
706
732
  export * from './utils';
@@ -1,10 +1,16 @@
1
1
  import Vue from "vue";
2
2
  export interface IEventListener {
3
3
  event: string;
4
- cb: () => void;
5
- element: EventTarget | null;
4
+ cb: EventListenerCallback;
5
+ element?: EventTarget;
6
6
  }
7
- export type EventListenerCallback = (e: unknown) => unknown | Promise<unknown>;
7
+ declare module "vue/types/vue" {
8
+ interface Vue {
9
+ $addEventListener: (event: string, cb: EventListenerCallback, element?: EventTarget) => void;
10
+ $removeEventListeners: () => void;
11
+ }
12
+ }
13
+ export type EventListenerCallback = (e: any) => unknown | Promise<unknown>;
8
14
  declare module "vue/types/vue" {
9
15
  interface Vue {
10
16
  $addEventListener: (event: string, cb: EventListenerCallback, element?: EventTarget) => void;
@@ -17,14 +17,14 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
17
17
  $registerInactivityListener({ callback, duration, reminders, }: InactivityListenerMixinProps): void;
18
18
  $removeInactivityListeners(): void;
19
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
20
  timeouts: number[];
26
21
  }, {
27
22
  $setTimeout(cb: Function, timeout?: number): number;
28
23
  $clearTimeouts(): 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
+ eventListeners: import('../mixins/event-listeners').IEventListener[];
26
+ }, {
27
+ $addEventListener(event: string, cb: () => void, element?: Window & typeof globalThis): void;
28
+ $removeEventListeners(): void;
29
29
  }, unknown, Record<never, any>, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>, import("vue").ComponentOptionsMixin>;
30
30
  export default _default;
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}.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}
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-319c49d1]{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-319c49d1]{position:relative;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;margin:0 auto}.video-container.full-screen[data-v-319c49d1]{max-width:initial;width:100%;max-height:100vh}video[data-v-319c49d1]{width:100%;height:inherit}.video-controls-container[data-v-319c49d1]{position:absolute;bottom:0;left:0;right:0;color:#fff;z-index:100;opacity:0;transition:opacity .15s ease-in-out}.hide[data-v-319c49d1]{display:none}.video-controls-container[data-v-319c49d1]: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-319c49d1],.video-container:focus-within .video-controls-container[data-v-319c49d1],.video-container.paused .video-controls-container[data-v-319c49d1]{opacity:1}.video-controls-container .controls[data-v-319c49d1]{display:flex;gap:.5rem;padding:.75rem 1rem;align-items:center;width:100%}.video-controls-container .controls button[data-v-319c49d1]{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-319c49d1]:hover{opacity:1}.duration-container[data-v-319c49d1]{display:flex;align-items:center;gap:.25rem;flex-grow:1}.video-container.captions .captions-btn[data-v-319c49d1]{border-bottom:3px solid #0090ff}.video-controls-container .controls button.wide-btn[data-v-319c49d1]{width:50px}.timeline-container[data-v-319c49d1]{width:100%;height:7px;margin-inline:.5rem;cursor:pointer;display:flex;align-items:center}.timeline[data-v-319c49d1]{background-color:#64646480;height:3px;width:100%;position:relative}.timeline[data-v-319c49d1]: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-319c49d1]: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-319c49d1]{--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-319c49d1]{display:block}.video-container.scrubbing .timeline[data-v-319c49d1]:before,.timeline-container:hover .timeline[data-v-319c49d1]:before{display:block}.video-container.scrubbing .thumb-indicator[data-v-319c49d1],.timeline-container:hover .thumb-indicator[data-v-319c49d1]{--scale: 1}.video-container.scrubbing .timeline[data-v-319c49d1],.timeline-container:hover .timeline[data-v-319c49d1]{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%)}.expandable-menu{position:relative}.expandable-menu__container{position:absolute;top:0;left:0}.expandable-menu__activator{position:absolute;top:0;left:0;z-index:1}.expandable-menu__menu>*{top:0;left:0;position:absolute}.expandable-menu--closed .expandable-menu__menu{opacity:0;transition:transform .3s ease-in-out,opacity .6s}.expandable-menu--open .expandable-menu__menu{opacity:1;transition:transform .3s ease-in-out,opacity .15s}.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
@@ -1011,6 +1011,14 @@
1011
1011
  padding-left: 1rem;
1012
1012
  padding-right: 1rem;
1013
1013
  }
1014
+ .e-py-0{
1015
+ padding-top: 0px;
1016
+ padding-bottom: 0px;
1017
+ }
1018
+ .e-py-2{
1019
+ padding-top: 0.5rem;
1020
+ padding-bottom: 0.5rem;
1021
+ }
1014
1022
  .e-py-3{
1015
1023
  padding-top: 0.75rem;
1016
1024
  padding-bottom: 0.75rem;
package/dist/tags.json CHANGED
@@ -201,6 +201,14 @@
201
201
  ],
202
202
  "description": ""
203
203
  },
204
+ "EExpandableMenu": {
205
+ "attributes": [
206
+ "padding",
207
+ "direction",
208
+ "is-mobile"
209
+ ],
210
+ "description": ""
211
+ },
204
212
  "EZoomable": {
205
213
  "attributes": [
206
214
  "ignore-pointer-events",
@@ -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.58-beta-3",
5
+ "version": "0.0.58-beta.6",
6
6
  "contributions": {
7
7
  "html": {
8
8
  "types-syntax": "typescript",
@@ -673,7 +673,7 @@
673
673
  {
674
674
  "name": "x-axes-config",
675
675
  "doc-url": "https://www.npmjs.com/package/@evercam/ui",
676
- "default": "() => sr",
676
+ "default": "() => si",
677
677
  "value": {
678
678
  "kind": "expression",
679
679
  "type": "object"
@@ -1401,6 +1401,44 @@
1401
1401
  }
1402
1402
  ]
1403
1403
  },
1404
+ {
1405
+ "name": "EExpandableMenu",
1406
+ "source": {
1407
+ "module": "./src/components/EExpandableMenu.vue",
1408
+ "symbol": "EExpandableMenu"
1409
+ },
1410
+ "description": "",
1411
+ "doc-url": "https://ui.evercam.io/",
1412
+ "attributes": [
1413
+ {
1414
+ "name": "padding",
1415
+ "doc-url": "https://www.npmjs.com/package/@evercam/ui",
1416
+ "default": "4",
1417
+ "value": {
1418
+ "kind": "expression",
1419
+ "type": "number"
1420
+ }
1421
+ },
1422
+ {
1423
+ "name": "direction",
1424
+ "doc-url": "https://www.npmjs.com/package/@evercam/ui",
1425
+ "default": "top",
1426
+ "value": {
1427
+ "kind": "expression",
1428
+ "type": "string"
1429
+ }
1430
+ },
1431
+ {
1432
+ "name": "is-mobile",
1433
+ "doc-url": "https://www.npmjs.com/package/@evercam/ui",
1434
+ "default": "false",
1435
+ "value": {
1436
+ "kind": "expression",
1437
+ "type": "boolean"
1438
+ }
1439
+ }
1440
+ ]
1441
+ },
1404
1442
  {
1405
1443
  "name": "EZoomable",
1406
1444
  "source": {
package/package.json CHANGED
@@ -1,79 +1,79 @@
1
1
  {
2
- "name": "@evercam/ui",
3
- "version": "0.0.58-beta.5",
4
- "license": "MIT",
5
- "private": false,
6
- "author": "Evercam - Constuction Cameras.",
7
- "description": "Evercam UI components library",
8
- "readme": "README.md",
9
- "repository": {
10
- "type": "git",
11
- "url": "git+https://github.com/evercam/evercam-frontend.git"
12
- },
13
- "main": "dist/index.umd.js",
14
- "module": "dist/index.mjs",
15
- "types": "./dist/index.d.ts",
16
- "exports": {
17
- ".": {
18
- "import": "./dist/index.mjs",
19
- "require": "./dist/index.umd.js"
20
- },
21
- "./style.css": "./dist/style.css",
22
- "./styles.css": "./dist/styles.css",
23
- "./types": "./dist/src/types.ts",
24
- "./constants": "./dist/src/constants.ts"
25
- },
26
- "files": [
27
- "dist"
28
- ],
29
- "scripts": {
30
- "story:dev": "histoire dev",
31
- "story:build": "histoire build",
32
- "story:preview": "histoire preview",
33
- "build": "yarn build:lib && yarn build:style && yarn generate-ide-docs",
34
- "build:lib": "vite build",
35
- "build:style": "postcss src/style/main.css --verbose -o dist/styles.css",
36
- "build-and-copy": "yarn build && rsync -av --delete ./dist/ ../../node_modules/@evercam/ui/dist/",
37
- "typecheck": "vue-tsc --declaration --emitDeclarationOnly",
38
- "generate-ide-docs": "node scripts/generate-vetur.mjs && node scripts/generate-web-types.mjs",
39
- "ci": "(cd ../..; yarn ci)",
40
- "publish-ci": "yarn build && yarn publish"
41
- },
42
- "devDependencies": {
43
- "@fontsource-variable/inter": "^5.0.8",
44
- "@fortawesome/fontawesome-free": "^5.15.3",
45
- "@histoire/plugin-vue2": "^0.17.1",
46
- "@histoire/vendors": "^0.17.0",
47
- "@types/d3": "^7.4.2",
48
- "@vitejs/plugin-vue2": "^2.2.0",
49
- "autoprefixer": "^10.4.15",
50
- "d3": "^7.8.5",
51
- "histoire": "^0.17.0",
52
- "hls.js": "^1.5.6",
53
- "moment-timezone": "^0.5.43",
54
- "postcss": "^8.4.29",
55
- "postcss-cli": "^10.1.0",
56
- "tailwindcss": "^3.3.3",
57
- "typescript": "^5.2.2",
58
- "vite": "^4.4.9",
59
- "vite-plugin-dts": "^3.6.0",
60
- "vscode-oniguruma": "^1.6.1",
61
- "vscode-textmate": "^6.0.0",
62
- "vue": "^2.7.16",
63
- "vue-template-compiler": "^2.7.16",
64
- "vue-tsc": "^1.8.15"
65
- },
66
- "peerDependencies": {
67
- "@fontsource-variable/inter": "^5.0.8",
68
- "@fortawesome/fontawesome-free": "^5.15.3",
69
- "d3": "^7.8.5",
70
- "hls.js": "^1.5.6",
71
- "moment-timezone": "^0.5.43",
72
- "vue": "^2.7.16"
73
- },
74
- "vetur": {
75
- "tags": "dist/tags.json",
76
- "attributes": "dist/attributes.json"
77
- },
78
- "web-types": "dist/web-types.json"
2
+ "name": "@evercam/ui",
3
+ "version": "0.0.58-beta.7",
4
+ "license": "MIT",
5
+ "private": false,
6
+ "author": "Evercam - Constuction Cameras.",
7
+ "description": "Evercam UI components library",
8
+ "readme": "README.md",
9
+ "repository": {
10
+ "type": "git",
11
+ "url": "git+https://github.com/evercam/evercam-frontend.git"
12
+ },
13
+ "main": "dist/index.umd.js",
14
+ "module": "dist/index.mjs",
15
+ "types": "./dist/index.d.ts",
16
+ "exports": {
17
+ ".": {
18
+ "import": "./dist/index.mjs",
19
+ "require": "./dist/index.umd.js"
20
+ },
21
+ "./style.css": "./dist/style.css",
22
+ "./styles.css": "./dist/styles.css",
23
+ "./types": "./dist/src/types.ts",
24
+ "./constants": "./dist/src/constants.ts"
25
+ },
26
+ "files": [
27
+ "dist"
28
+ ],
29
+ "scripts": {
30
+ "story:dev": "histoire dev",
31
+ "story:build": "histoire build",
32
+ "story:preview": "histoire preview",
33
+ "build": "yarn build:lib && yarn build:style && yarn generate-ide-docs",
34
+ "build:lib": "vite build",
35
+ "build:style": "postcss src/style/main.css --verbose -o dist/styles.css",
36
+ "build-and-copy": "yarn build && rsync -av --delete ./dist/ ../../node_modules/@evercam/ui/dist/",
37
+ "typecheck": "vue-tsc --declaration --emitDeclarationOnly",
38
+ "generate-ide-docs": "node scripts/generate-vetur.mjs && node scripts/generate-web-types.mjs",
39
+ "ci": "(cd ../..; yarn ci)",
40
+ "publish-ci": "yarn build && yarn publish"
41
+ },
42
+ "devDependencies": {
43
+ "@fontsource-variable/inter": "^5.0.8",
44
+ "@fortawesome/fontawesome-free": "^5.15.3",
45
+ "@histoire/plugin-vue2": "^0.17.1",
46
+ "@histoire/vendors": "^0.17.0",
47
+ "@types/d3": "^7.4.2",
48
+ "@vitejs/plugin-vue2": "^2.2.0",
49
+ "autoprefixer": "^10.4.15",
50
+ "d3": "^7.8.5",
51
+ "histoire": "^0.17.0",
52
+ "hls.js": "^1.5.6",
53
+ "moment-timezone": "^0.5.43",
54
+ "postcss": "^8.4.29",
55
+ "postcss-cli": "^10.1.0",
56
+ "tailwindcss": "^3.3.3",
57
+ "typescript": "^5.2.2",
58
+ "vite": "^4.4.9",
59
+ "vite-plugin-dts": "^3.6.0",
60
+ "vscode-oniguruma": "^1.6.1",
61
+ "vscode-textmate": "^6.0.0",
62
+ "vue": "^2.7.16",
63
+ "vue-template-compiler": "^2.7.16",
64
+ "vue-tsc": "^1.8.15"
65
+ },
66
+ "peerDependencies": {
67
+ "@fontsource-variable/inter": "^5.0.8",
68
+ "@fortawesome/fontawesome-free": "^5.15.3",
69
+ "d3": "^7.8.5",
70
+ "hls.js": "^1.5.6",
71
+ "moment-timezone": "^0.5.43",
72
+ "vue": "^2.7.16"
73
+ },
74
+ "vetur": {
75
+ "tags": "dist/tags.json",
76
+ "attributes": "dist/attributes.json"
77
+ },
78
+ "web-types": "dist/web-types.json"
79
79
  }