@evercam/ui 0.0.55-beta.23 → 0.0.55-beta.25

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,24 @@
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
+ showAllContent: boolean;
4
+ }, {
5
+ displayContent(): any;
6
+ displayArrayContent(): any;
7
+ displayTextContent(): any;
8
+ toggleContentExpansion(): void;
9
+ }, {
10
+ hiddenContentLength: number;
11
+ isArrayContent: boolean;
12
+ isHiddenTextContent: boolean;
13
+ isHiddenArrayContent: boolean;
14
+ isContentExpanded: boolean;
15
+ computedMoreText: string;
16
+ }, {
17
+ content: string | unknown[] | (() => null);
18
+ maxLength: number;
19
+ showAll: boolean;
20
+ expandText: string;
21
+ collapseText: string;
22
+ moreTextWithPlaceholder: string;
23
+ }, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>;
24
+ export default _default;
@@ -77,6 +77,14 @@ declare const _default: import("vue").DefineComponent<{
77
77
  type: BooleanConstructor;
78
78
  default: boolean;
79
79
  };
80
+ loaderColor: {
81
+ type: StringConstructor;
82
+ default: string;
83
+ };
84
+ loaderSize: {
85
+ type: StringConstructor;
86
+ default: string;
87
+ };
80
88
  }, {}, {
81
89
  playing: boolean;
82
90
  percentagePlayed: number;
@@ -200,6 +208,14 @@ declare const _default: import("vue").DefineComponent<{
200
208
  type: BooleanConstructor;
201
209
  default: boolean;
202
210
  };
211
+ loaderColor: {
212
+ type: StringConstructor;
213
+ default: string;
214
+ };
215
+ loaderSize: {
216
+ type: StringConstructor;
217
+ default: string;
218
+ };
203
219
  }>>, {
204
220
  timezone: string;
205
221
  isPlaying: boolean;
@@ -216,5 +232,7 @@ declare const _default: import("vue").DefineComponent<{
216
232
  playPauseAnimation: boolean;
217
233
  disablePlayPauseAnimation: boolean;
218
234
  isWebRtc: boolean;
235
+ loaderColor: string;
236
+ loaderSize: string;
219
237
  }>;
220
238
  export default _default;
@@ -7,6 +7,10 @@ declare const _default: import("vue").DefineComponent<{
7
7
  type: BooleanConstructor;
8
8
  default: boolean;
9
9
  };
10
+ disabled: {
11
+ type: BooleanConstructor;
12
+ default: boolean;
13
+ };
10
14
  }, {}, {
11
15
  scale: number;
12
16
  minScale: number;
@@ -57,8 +61,13 @@ declare const _default: import("vue").DefineComponent<{
57
61
  type: BooleanConstructor;
58
62
  default: boolean;
59
63
  };
64
+ disabled: {
65
+ type: BooleanConstructor;
66
+ default: boolean;
67
+ };
60
68
  }>>, {
61
69
  ignorePointerEvents: boolean;
62
70
  withOverlay: boolean;
71
+ disabled: boolean;
63
72
  }>;
64
73
  export default _default;
@@ -7,6 +7,9 @@ import ECol from './components/ECol.vue';
7
7
  import EVideoPlayer from './components/EVideoPlayer.vue';
8
8
  import ETimeline from './components/ETimeline.vue';
9
9
  import EVideoEmbed from './components/EVideoEmbed.vue';
10
+ import EHeatmapBar from './components/EHeatmapBar.vue';
11
+ import EHoursHeatmap from './components/EHoursHeatmap.vue';
12
+ import EReadMore from './components/EReadMore.vue';
10
13
  import EToggleSwitch from './components/EToggleSwitch.vue';
11
14
  import EZoomable from './components/EZoomable.vue';
12
15
  import { VueConstructor } from "vue";
@@ -185,6 +188,14 @@ export declare const components: {
185
188
  type: BooleanConstructor;
186
189
  default: boolean;
187
190
  };
191
+ loaderColor: {
192
+ type: StringConstructor;
193
+ default: string;
194
+ };
195
+ loaderSize: {
196
+ type: StringConstructor;
197
+ default: string;
198
+ };
188
199
  }, {}, {
189
200
  playing: boolean;
190
201
  percentagePlayed: number;
@@ -308,6 +319,14 @@ export declare const components: {
308
319
  type: BooleanConstructor;
309
320
  default: boolean;
310
321
  };
322
+ loaderColor: {
323
+ type: StringConstructor;
324
+ default: string;
325
+ };
326
+ loaderSize: {
327
+ type: StringConstructor;
328
+ default: string;
329
+ };
311
330
  }>>, {
312
331
  timezone: string;
313
332
  isPlaying: boolean;
@@ -324,6 +343,8 @@ export declare const components: {
324
343
  playPauseAnimation: boolean;
325
344
  disablePlayPauseAnimation: boolean;
326
345
  isWebRtc: boolean;
346
+ loaderColor: string;
347
+ loaderSize: string;
327
348
  }>;
328
349
  ETimeline: 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>>, {
329
350
  tooltip: HTMLElement;
@@ -689,6 +710,28 @@ export declare const components: {
689
710
  }>;
690
711
  EHeatmapBar: 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>>, {}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>;
691
712
  EHoursHeatmap: 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>>, {}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>;
713
+ EReadMore: 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>>, {
714
+ showAllContent: boolean;
715
+ }, {
716
+ displayContent(): any;
717
+ displayArrayContent(): any;
718
+ displayTextContent(): any;
719
+ toggleContentExpansion(): void;
720
+ }, {
721
+ hiddenContentLength: number;
722
+ isArrayContent: boolean;
723
+ isHiddenTextContent: boolean;
724
+ isHiddenArrayContent: boolean;
725
+ isContentExpanded: boolean;
726
+ computedMoreText: string;
727
+ }, {
728
+ content: string | unknown[] | (() => null);
729
+ maxLength: number;
730
+ showAll: boolean;
731
+ expandText: string;
732
+ collapseText: string;
733
+ moreTextWithPlaceholder: string;
734
+ }, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>;
692
735
  EToggleSwitch: 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>>, {
693
736
  value: any;
694
737
  }, {
@@ -723,6 +766,10 @@ export declare const components: {
723
766
  type: BooleanConstructor;
724
767
  default: boolean;
725
768
  };
769
+ disabled: {
770
+ type: BooleanConstructor;
771
+ default: boolean;
772
+ };
726
773
  }, {}, {
727
774
  scale: number;
728
775
  minScale: number;
@@ -773,16 +820,21 @@ export declare const components: {
773
820
  type: BooleanConstructor;
774
821
  default: boolean;
775
822
  };
823
+ disabled: {
824
+ type: BooleanConstructor;
825
+ default: boolean;
826
+ };
776
827
  }>>, {
777
828
  ignorePointerEvents: boolean;
778
829
  withOverlay: boolean;
830
+ disabled: boolean;
779
831
  }>;
780
832
  };
781
833
  declare const _default: {
782
834
  install(Vue: VueConstructor): void;
783
835
  };
784
836
  export default _default;
785
- export { EAvatar, EBadge, EIcon, ESpinner, ERow, ECol, EVideoPlayer, ETimeline, EVideoEmbed, EToggleSwitch, EZoomable, };
837
+ export { EAvatar, EBadge, EIcon, ESpinner, ERow, ECol, EVideoPlayer, ETimeline, EVideoEmbed, EHeatmapBar, EHoursHeatmap, EReadMore, EToggleSwitch, EZoomable, };
786
838
  export * from './constants';
787
839
  export * from './types';
788
840
  export * from './utils';
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-59c1a333]{transform-origin:0 0}.image-player-overlay{position:absolute;left:50%;top:50%;width:52px;height:52px;z-index:19;margin-left:-26px;margin-top:-26px;background:rgba(0,0,0,.5);border-radius:26px;-webkit-animation:overlay-fadeout .5s linear 1 normal forwards;animation:overlay-fadeout .5s linear 1 normal forwards;pointer-events:none}.image-player-overlay__wrapper{height:40px;width:40px}.image-player-overlay__wrapper>path{fill:#fff}@-webkit-keyframes overlay-fadeout{0%{opacity:1}to{opacity:0;-webkit-transform:scale(2);transform:scale(2)}}@keyframes overlay-fadeout{0%{opacity:1}to{opacity:0;-webkit-transform:scale(2);transform:scale(2)}}.spinner-container[data-v-1c971559]{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-1c971559]{position:relative;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;margin:0 auto}.video-container.full-screen[data-v-1c971559]{max-width:initial;width:100%;max-height:100vh}video[data-v-1c971559]{width:100%;height:inherit}.video-controls-container[data-v-1c971559]{position:absolute;bottom:0;left:0;right:0;color:#fff;z-index:100;opacity:0;transition:opacity .15s ease-in-out}.hide[data-v-1c971559]{display:none}.video-controls-container[data-v-1c971559]: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-1c971559],.video-container:focus-within .video-controls-container[data-v-1c971559],.video-container.paused .video-controls-container[data-v-1c971559]{opacity:1}.video-controls-container .controls[data-v-1c971559]{display:flex;gap:.5rem;padding:.75rem 1rem;align-items:center;width:100%}.video-controls-container .controls button[data-v-1c971559]{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-1c971559]:hover{opacity:1}.duration-container[data-v-1c971559]{display:flex;align-items:center;gap:.25rem;flex-grow:1}.video-container.captions .captions-btn[data-v-1c971559]{border-bottom:3px solid red}.video-controls-container .controls button.wide-btn[data-v-1c971559]{width:50px}.timeline-container[data-v-1c971559]{width:100%;height:7px;margin-inline:.5rem;cursor:pointer;display:flex;align-items:center}.timeline[data-v-1c971559]{background-color:#64646480;height:3px;width:100%;position:relative}.timeline[data-v-1c971559]: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-1c971559]:after{content:"";position:absolute;left:0;top:0;bottom:0;right:calc(100% - var(--progress-position) * 100%);background-color:red}.timeline .thumb-indicator[data-v-1c971559]{--scale: 0;position:absolute;transform:translate(-50%) scale(var(--scale));height:200%;top:-50%;left:calc(var(--progress-position) * 100%);background-color:red;border-radius:50%;transition:transform .15s ease-in-out;aspect-ratio:1 / 1}.video-container.scrubbing .thumbnail-img[data-v-1c971559]{display:block}.video-container.scrubbing .timeline[data-v-1c971559]:before,.timeline-container:hover .timeline[data-v-1c971559]:before{display:block}.video-container.scrubbing .thumb-indicator[data-v-1c971559],.timeline-container:hover .thumb-indicator[data-v-1c971559]{--scale: 1}.video-container.scrubbing .timeline[data-v-1c971559],.timeline-container:hover .timeline[data-v-1c971559]{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}
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-948b8067]{transform-origin:0 0}.image-player-overlay{position:absolute;left:50%;top:50%;width:52px;height:52px;z-index:19;margin-left:-26px;margin-top:-26px;background:rgba(0,0,0,.5);border-radius:26px;-webkit-animation:overlay-fadeout .5s linear 1 normal forwards;animation:overlay-fadeout .5s linear 1 normal forwards;pointer-events:none}.image-player-overlay__wrapper{height:40px;width:40px}.image-player-overlay__wrapper>path{fill:#fff}@-webkit-keyframes overlay-fadeout{0%{opacity:1}to{opacity:0;-webkit-transform:scale(2);transform:scale(2)}}@keyframes overlay-fadeout{0%{opacity:1}to{opacity:0;-webkit-transform:scale(2);transform:scale(2)}}.spinner-container[data-v-9e9ffca8]{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-9e9ffca8]{position:relative;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;margin:0 auto}.video-container.full-screen[data-v-9e9ffca8]{max-width:initial;width:100%;max-height:100vh}video[data-v-9e9ffca8]{width:100%;height:inherit}.video-controls-container[data-v-9e9ffca8]{position:absolute;bottom:0;left:0;right:0;color:#fff;z-index:100;opacity:0;transition:opacity .15s ease-in-out}.hide[data-v-9e9ffca8]{display:none}.video-controls-container[data-v-9e9ffca8]: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-9e9ffca8],.video-container:focus-within .video-controls-container[data-v-9e9ffca8],.video-container.paused .video-controls-container[data-v-9e9ffca8]{opacity:1}.video-controls-container .controls[data-v-9e9ffca8]{display:flex;gap:.5rem;padding:.75rem 1rem;align-items:center;width:100%}.video-controls-container .controls button[data-v-9e9ffca8]{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-9e9ffca8]:hover{opacity:1}.duration-container[data-v-9e9ffca8]{display:flex;align-items:center;gap:.25rem;flex-grow:1}.video-container.captions .captions-btn[data-v-9e9ffca8]{border-bottom:3px solid red}.video-controls-container .controls button.wide-btn[data-v-9e9ffca8]{width:50px}.timeline-container[data-v-9e9ffca8]{width:100%;height:7px;margin-inline:.5rem;cursor:pointer;display:flex;align-items:center}.timeline[data-v-9e9ffca8]{background-color:#64646480;height:3px;width:100%;position:relative}.timeline[data-v-9e9ffca8]: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-9e9ffca8]:after{content:"";position:absolute;left:0;top:0;bottom:0;right:calc(100% - var(--progress-position) * 100%);background-color:red}.timeline .thumb-indicator[data-v-9e9ffca8]{--scale: 0;position:absolute;transform:translate(-50%) scale(var(--scale));height:200%;top:-50%;left:calc(var(--progress-position) * 100%);background-color:red;border-radius:50%;transition:transform .15s ease-in-out;aspect-ratio:1 / 1}.video-container.scrubbing .thumbnail-img[data-v-9e9ffca8]{display:block}.video-container.scrubbing .timeline[data-v-9e9ffca8]:before,.timeline-container:hover .timeline[data-v-9e9ffca8]:before{display:block}.video-container.scrubbing .thumb-indicator[data-v-9e9ffca8],.timeline-container:hover .thumb-indicator[data-v-9e9ffca8]{--scale: 1}.video-container.scrubbing .timeline[data-v-9e9ffca8],.timeline-container:hover .timeline[data-v-9e9ffca8]{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}
package/dist/styles.css CHANGED
@@ -1075,6 +1075,10 @@
1075
1075
  --tw-text-opacity: 1;
1076
1076
  color: rgb(34 197 94 / var(--tw-text-opacity));
1077
1077
  }
1078
+ .e-text-primary{
1079
+ --tw-text-opacity: 1;
1080
+ color: rgb(14 165 233 / var(--tw-text-opacity));
1081
+ }
1078
1082
  .e-text-purple-300{
1079
1083
  --tw-text-opacity: 1;
1080
1084
  color: rgb(216 180 254 / var(--tw-text-opacity));
package/dist/tags.json CHANGED
@@ -135,6 +135,17 @@
135
135
  ],
136
136
  "description": ""
137
137
  },
138
+ "EReadMore": {
139
+ "attributes": [
140
+ "content",
141
+ "max-length",
142
+ "show-all",
143
+ "expand-text",
144
+ "collapse-text",
145
+ "more-text-with-placeholder"
146
+ ],
147
+ "description": ""
148
+ },
138
149
  "EToggleSwitch": {
139
150
  "attributes": [
140
151
  "options",
@@ -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.55-beta.22",
5
+ "version": "0.0.55-beta.23",
6
6
  "contributions": {
7
7
  "html": {
8
8
  "types-syntax": "typescript",
@@ -1009,6 +1009,74 @@
1009
1009
  }
1010
1010
  ]
1011
1011
  },
1012
+ {
1013
+ "name": "EReadMore",
1014
+ "source": {
1015
+ "module": "./src/components/EReadMore.vue",
1016
+ "symbol": "EReadMore"
1017
+ },
1018
+ "description": "",
1019
+ "doc-url": "https://ui.evercam.io/",
1020
+ "attributes": [
1021
+ {
1022
+ "name": "content",
1023
+ "doc-url": "https://www.npmjs.com/package/@evercam/ui",
1024
+ "default": "() => null",
1025
+ "value": {
1026
+ "kind": "expression",
1027
+ "type": [
1028
+ "array",
1029
+ "string"
1030
+ ]
1031
+ }
1032
+ },
1033
+ {
1034
+ "name": "max-length",
1035
+ "doc-url": "https://www.npmjs.com/package/@evercam/ui",
1036
+ "default": "() => 2",
1037
+ "value": {
1038
+ "kind": "expression",
1039
+ "type": "number"
1040
+ }
1041
+ },
1042
+ {
1043
+ "name": "show-all",
1044
+ "doc-url": "https://www.npmjs.com/package/@evercam/ui",
1045
+ "default": "false",
1046
+ "value": {
1047
+ "kind": "expression",
1048
+ "type": "boolean"
1049
+ }
1050
+ },
1051
+ {
1052
+ "name": "expand-text",
1053
+ "doc-url": "https://www.npmjs.com/package/@evercam/ui",
1054
+ "default": "see more...",
1055
+ "value": {
1056
+ "kind": "expression",
1057
+ "type": "string"
1058
+ }
1059
+ },
1060
+ {
1061
+ "name": "collapse-text",
1062
+ "doc-url": "https://www.npmjs.com/package/@evercam/ui",
1063
+ "default": "less",
1064
+ "value": {
1065
+ "kind": "expression",
1066
+ "type": "string"
1067
+ }
1068
+ },
1069
+ {
1070
+ "name": "more-text-with-placeholder",
1071
+ "doc-url": "https://www.npmjs.com/package/@evercam/ui",
1072
+ "default": "and {count} more...",
1073
+ "value": {
1074
+ "kind": "expression",
1075
+ "type": "string"
1076
+ }
1077
+ }
1078
+ ]
1079
+ },
1012
1080
  {
1013
1081
  "name": "EToggleSwitch",
1014
1082
  "source": {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@evercam/ui",
3
- "version": "0.0.55-beta.23",
3
+ "version": "0.0.55-beta.25",
4
4
  "license": "MIT",
5
5
  "private": false,
6
6
  "author": "Evercam - Constuction Cameras.",