@evercam/ui 0.0.55-beta.18 → 0.0.55-beta.19

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/dist/styles.css CHANGED
@@ -212,9 +212,18 @@
212
212
  .e-relative{
213
213
  position: relative;
214
214
  }
215
+ .e-inset-0{
216
+ inset: 0px;
217
+ }
215
218
  .-e-left-2\/4{
216
219
  left: -50%;
217
220
  }
221
+ .e-bottom-0{
222
+ bottom: 0px;
223
+ }
224
+ .e-left-0{
225
+ left: 0px;
226
+ }
218
227
  .e-right-0{
219
228
  right: 0px;
220
229
  }
@@ -224,9 +233,15 @@
224
233
  .e-z-50{
225
234
  z-index: 50;
226
235
  }
236
+ .e-z-\[-1\]{
237
+ z-index: -1;
238
+ }
227
239
  .e-m-2{
228
240
  margin: 0.5rem;
229
241
  }
242
+ .e-m-auto{
243
+ margin: auto;
244
+ }
230
245
  .e-mx-auto{
231
246
  margin-left: auto;
232
247
  margin-right: auto;
@@ -234,9 +249,6 @@
234
249
  .e-ml-8{
235
250
  margin-left: 2rem;
236
251
  }
237
- .e-mr-2{
238
- margin-right: 0.5rem;
239
- }
240
252
  .e-mt-2{
241
253
  margin-top: 0.5rem;
242
254
  }
@@ -252,6 +264,12 @@
252
264
  .e-inline-flex{
253
265
  display: inline-flex;
254
266
  }
267
+ .e-hidden{
268
+ display: none;
269
+ }
270
+ .e-aspect-auto{
271
+ aspect-ratio: auto;
272
+ }
255
273
  .e-h-10{
256
274
  height: 2.5rem;
257
275
  }
@@ -288,9 +306,15 @@
288
306
  .e-h-8{
289
307
  height: 2rem;
290
308
  }
309
+ .e-h-auto{
310
+ height: auto;
311
+ }
291
312
  .e-h-full{
292
313
  height: 100%;
293
314
  }
315
+ .e-h-min{
316
+ height: min-content;
317
+ }
294
318
  .\!e-w-auto{
295
319
  width: auto !important;
296
320
  }
@@ -333,6 +357,9 @@
333
357
  .e-w-auto{
334
358
  width: auto;
335
359
  }
360
+ .e-w-fit{
361
+ width: fit-content;
362
+ }
336
363
  .e-w-full{
337
364
  width: 100%;
338
365
  }
@@ -615,9 +642,23 @@
615
642
  .e-basis-full{
616
643
  flex-basis: 100%;
617
644
  }
645
+ .e-scale-150{
646
+ --tw-scale-x: 1.5;
647
+ --tw-scale-y: 1.5;
648
+ 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));
649
+ }
650
+ .e-cursor-grab{
651
+ cursor: grab;
652
+ }
653
+ .e-cursor-grabbing{
654
+ cursor: grabbing;
655
+ }
618
656
  .e-cursor-pointer{
619
657
  cursor: pointer;
620
658
  }
659
+ .e-touch-none{
660
+ touch-action: none;
661
+ }
621
662
  .e-select-none{
622
663
  user-select: none;
623
664
  }
@@ -741,6 +782,9 @@
741
782
  .e-gap-3{
742
783
  gap: 0.75rem;
743
784
  }
785
+ .e-gap-6{
786
+ gap: 1.5rem;
787
+ }
744
788
  .e-space-x-2 > :not([hidden]) ~ :not([hidden]){
745
789
  --tw-space-x-reverse: 0;
746
790
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
@@ -776,14 +820,12 @@
776
820
  .e-overflow-auto{
777
821
  overflow: auto;
778
822
  }
823
+ .e-overflow-hidden{
824
+ overflow: hidden;
825
+ }
779
826
  .e-overflow-x-hidden{
780
827
  overflow-x: hidden;
781
828
  }
782
- .e-truncate{
783
- overflow: hidden;
784
- text-overflow: ellipsis;
785
- white-space: nowrap;
786
- }
787
829
  .e-rounded{
788
830
  border-radius: 0.25rem;
789
831
  }
@@ -813,6 +855,10 @@
813
855
  --tw-border-opacity: 1;
814
856
  border-color: rgb(55 65 81 / var(--tw-border-opacity));
815
857
  }
858
+ .e-bg-\[\#629efc\]{
859
+ --tw-bg-opacity: 1;
860
+ background-color: rgb(98 158 252 / var(--tw-bg-opacity));
861
+ }
816
862
  .e-bg-amber-500{
817
863
  --tw-bg-opacity: 1;
818
864
  background-color: rgb(245 158 11 / var(--tw-bg-opacity));
@@ -821,6 +867,10 @@
821
867
  --tw-bg-opacity: 1;
822
868
  background-color: rgb(237 99 104 / var(--tw-bg-opacity));
823
869
  }
870
+ .e-bg-brand-600{
871
+ --tw-bg-opacity: 1;
872
+ background-color: rgb(156 18 22 / var(--tw-bg-opacity));
873
+ }
824
874
  .e-bg-cyan-500{
825
875
  --tw-bg-opacity: 1;
826
876
  background-color: rgb(6 182 212 / var(--tw-bg-opacity));
@@ -833,6 +883,10 @@
833
883
  --tw-bg-opacity: 1;
834
884
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
835
885
  }
886
+ .e-bg-gray-600{
887
+ --tw-bg-opacity: 1;
888
+ background-color: rgb(75 85 99 / var(--tw-bg-opacity));
889
+ }
836
890
  .e-bg-gray-800{
837
891
  --tw-bg-opacity: 1;
838
892
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
@@ -845,6 +899,9 @@
845
899
  --tw-bg-opacity: 1;
846
900
  background-color: rgb(22 163 74 / var(--tw-bg-opacity));
847
901
  }
902
+ .e-bg-inherit{
903
+ background-color: inherit;
904
+ }
848
905
  .e-bg-lime-500{
849
906
  --tw-bg-opacity: 1;
850
907
  background-color: rgb(132 204 22 / var(--tw-bg-opacity));
@@ -879,6 +936,9 @@
879
936
  .e-p-1{
880
937
  padding: 0.25rem;
881
938
  }
939
+ .e-p-1\.5{
940
+ padding: 0.375rem;
941
+ }
882
942
  .e-p-2{
883
943
  padding: 0.5rem;
884
944
  }
@@ -903,6 +963,10 @@
903
963
  padding-left: 1rem;
904
964
  padding-right: 1rem;
905
965
  }
966
+ .e-py-\[\.2rem\]{
967
+ padding-top: .2rem;
968
+ padding-bottom: .2rem;
969
+ }
906
970
  .e-pb-2{
907
971
  padding-bottom: 0.5rem;
908
972
  }
@@ -984,17 +1048,21 @@
984
1048
  --tw-text-opacity: 1;
985
1049
  color: rgb(96 165 250 / var(--tw-text-opacity));
986
1050
  }
1051
+ .e-text-gray-100{
1052
+ --tw-text-opacity: 1;
1053
+ color: rgb(243 244 246 / var(--tw-text-opacity));
1054
+ }
987
1055
  .e-text-gray-700{
988
1056
  --tw-text-opacity: 1;
989
1057
  color: rgb(55 65 81 / var(--tw-text-opacity));
990
1058
  }
991
- .e-text-green-500{
1059
+ .e-text-gray-900{
992
1060
  --tw-text-opacity: 1;
993
- color: rgb(34 197 94 / var(--tw-text-opacity));
1061
+ color: rgb(17 24 39 / var(--tw-text-opacity));
994
1062
  }
995
- .e-text-primary{
1063
+ .e-text-green-500{
996
1064
  --tw-text-opacity: 1;
997
- color: rgb(14 165 233 / var(--tw-text-opacity));
1065
+ color: rgb(34 197 94 / var(--tw-text-opacity));
998
1066
  }
999
1067
  .e-text-purple-300{
1000
1068
  --tw-text-opacity: 1;
@@ -1036,6 +1104,11 @@
1036
1104
  .e-underline-offset-8{
1037
1105
  text-underline-offset: 8px;
1038
1106
  }
1107
+ .e-shadow{
1108
+ --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
1109
+ --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
1110
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1111
+ }
1039
1112
  .e-shadow-lg{
1040
1113
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
1041
1114
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
@@ -1113,6 +1186,26 @@
1113
1186
  .e-outline-offset-8{
1114
1187
  outline-offset: 8px;
1115
1188
  }
1189
+ .e-blur-video-poster{
1190
+ --tw-blur: blur(32px);
1191
+ 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);
1192
+ }
1193
+ .e-transition{
1194
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
1195
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1196
+ transition-duration: 150ms;
1197
+ }
1198
+ .e-transition-colors{
1199
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
1200
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1201
+ transition-duration: 150ms;
1202
+ }
1203
+ .e-duration-200{
1204
+ transition-duration: 200ms;
1205
+ }
1206
+ .e-ease-in-out{
1207
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1208
+ }
1116
1209
  @media (min-width: 640px){
1117
1210
 
1118
1211
  .sm\:\!e-w-auto{
package/dist/tags.json CHANGED
@@ -68,17 +68,6 @@
68
68
  ],
69
69
  "description": ""
70
70
  },
71
- "EVideoPlayer": {
72
- "attributes": [
73
- "sources",
74
- "video-listeners",
75
- "video-options",
76
- "is-hls",
77
- "streaming-token",
78
- "is-live-view"
79
- ],
80
- "description": ""
81
- },
82
71
  "ETimeline": {
83
72
  "attributes": [
84
73
  "events-groups",
@@ -98,11 +87,12 @@
98
87
  "bar-ypadding",
99
88
  "bar-xpadding",
100
89
  "chart-min-height",
101
- "chart-min-label-height",
102
90
  "min-zoom",
103
91
  "max-zoom",
104
92
  "min-date",
105
93
  "max-date",
94
+ "min-visible-date",
95
+ "max-visible-date",
106
96
  "cursor-timestamp",
107
97
  "selected-class",
108
98
  "pan-on-date-click",
@@ -112,37 +102,10 @@
112
102
  "markers",
113
103
  "sticky-markers",
114
104
  "fit-markers-on-change",
115
- "zoom-to-interval-transition-duration",
105
+ "fit-markers-transition-duration",
116
106
  "zoom-to-boundaries-transition-duration",
117
107
  "milestone-bullet-size",
118
- "milestones-first",
119
- "forbidden-intervals",
120
- "forbidden-interval-color",
121
- "focused-interval",
122
- "locked"
123
- ],
124
- "description": ""
125
- },
126
- "EHeatmapBar": {
127
- "attributes": [
128
- "items",
129
- "selected-value",
130
- "show-counts",
131
- "show-names",
132
- "colors",
133
- "label",
134
- "dense"
135
- ],
136
- "description": ""
137
- },
138
- "EHoursHeatmap": {
139
- "attributes": [
140
- "items",
141
- "selected-hour",
142
- "show-hours",
143
- "colors",
144
- "label",
145
- "dense"
108
+ "milestones-first"
146
109
  ],
147
110
  "description": ""
148
111
  }
@@ -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.17",
5
+ "version": "0.0.55-beta.16",
6
6
  "contributions": {
7
7
  "html": {
8
8
  "types-syntax": "typescript",
@@ -481,65 +481,7 @@
481
481
  },
482
482
  "description": "",
483
483
  "doc-url": "https://ui.evercam.io/",
484
- "attributes": [
485
- {
486
- "name": "sources",
487
- "doc-url": "https://www.npmjs.com/package/@evercam/ui",
488
- "default": "undefined",
489
- "value": {
490
- "kind": "expression",
491
- "type": [
492
- "array",
493
- "string"
494
- ]
495
- }
496
- },
497
- {
498
- "name": "video-listeners",
499
- "doc-url": "https://www.npmjs.com/package/@evercam/ui",
500
- "default": "() => ({})",
501
- "value": {
502
- "kind": "expression",
503
- "type": "object"
504
- }
505
- },
506
- {
507
- "name": "video-options",
508
- "doc-url": "https://www.npmjs.com/package/@evercam/ui",
509
- "default": "() => ({})",
510
- "value": {
511
- "kind": "expression",
512
- "type": "object"
513
- }
514
- },
515
- {
516
- "name": "is-hls",
517
- "doc-url": "https://www.npmjs.com/package/@evercam/ui",
518
- "default": "false",
519
- "value": {
520
- "kind": "expression",
521
- "type": "boolean"
522
- }
523
- },
524
- {
525
- "name": "streaming-token",
526
- "doc-url": "https://www.npmjs.com/package/@evercam/ui",
527
- "default": "",
528
- "value": {
529
- "kind": "expression",
530
- "type": "string"
531
- }
532
- },
533
- {
534
- "name": "is-live-view",
535
- "doc-url": "https://www.npmjs.com/package/@evercam/ui",
536
- "default": "false",
537
- "value": {
538
- "kind": "expression",
539
- "type": "boolean"
540
- }
541
- }
542
- ]
484
+ "attributes": null
543
485
  },
544
486
  {
545
487
  "name": "ETimeline",
@@ -562,7 +504,7 @@
562
504
  {
563
505
  "name": "x-axes-config",
564
506
  "doc-url": "https://www.npmjs.com/package/@evercam/ui",
565
- "default": "() => Lh",
507
+ "default": "() => Fh",
566
508
  "value": {
567
509
  "kind": "expression",
568
510
  "type": "object"
@@ -703,15 +645,6 @@
703
645
  "type": "number"
704
646
  }
705
647
  },
706
- {
707
- "name": "chart-min-label-height",
708
- "doc-url": "https://www.npmjs.com/package/@evercam/ui",
709
- "default": "18",
710
- "value": {
711
- "kind": "expression",
712
- "type": "number"
713
- }
714
- },
715
648
  {
716
649
  "name": "min-zoom",
717
650
  "doc-url": "https://www.npmjs.com/package/@evercam/ui",
@@ -748,6 +681,24 @@
748
681
  "type": "string"
749
682
  }
750
683
  },
684
+ {
685
+ "name": "min-visible-date",
686
+ "doc-url": "https://www.npmjs.com/package/@evercam/ui",
687
+ "default": "undefined",
688
+ "value": {
689
+ "kind": "expression",
690
+ "type": "string"
691
+ }
692
+ },
693
+ {
694
+ "name": "max-visible-date",
695
+ "doc-url": "https://www.npmjs.com/package/@evercam/ui",
696
+ "default": "undefined",
697
+ "value": {
698
+ "kind": "expression",
699
+ "type": "string"
700
+ }
701
+ },
751
702
  {
752
703
  "name": "cursor-timestamp",
753
704
  "doc-url": "https://www.npmjs.com/package/@evercam/ui",
@@ -836,7 +787,7 @@
836
787
  }
837
788
  },
838
789
  {
839
- "name": "zoom-to-interval-transition-duration",
790
+ "name": "fit-markers-transition-duration",
840
791
  "doc-url": "https://www.npmjs.com/package/@evercam/ui",
841
792
  "default": "800",
842
793
  "value": {
@@ -870,45 +821,6 @@
870
821
  "kind": "expression",
871
822
  "type": "boolean"
872
823
  }
873
- },
874
- {
875
- "name": "forbidden-intervals",
876
- "doc-url": "https://www.npmjs.com/package/@evercam/ui",
877
- "default": "() => []",
878
- "value": {
879
- "kind": "expression",
880
- "type": "array"
881
- }
882
- },
883
- {
884
- "name": "forbidden-interval-color",
885
- "doc-url": "https://www.npmjs.com/package/@evercam/ui",
886
- "default": "#ddd",
887
- "value": {
888
- "kind": "expression",
889
- "type": "string"
890
- }
891
- },
892
- {
893
- "name": "focused-interval",
894
- "doc-url": "https://www.npmjs.com/package/@evercam/ui",
895
- "default": "undefined",
896
- "value": {
897
- "kind": "expression",
898
- "type": [
899
- "object",
900
- "any"
901
- ]
902
- }
903
- },
904
- {
905
- "name": "locked",
906
- "doc-url": "https://www.npmjs.com/package/@evercam/ui",
907
- "default": "false",
908
- "value": {
909
- "kind": "expression",
910
- "type": "boolean"
911
- }
912
824
  }
913
825
  ]
914
826
  },
@@ -923,155 +835,20 @@
923
835
  "attributes": null
924
836
  },
925
837
  {
926
- "name": "EHeatmapBar",
838
+ "name": "EToggleSwitch",
927
839
  "source": {
928
- "module": "./src/components/EHeatmapBar.vue",
929
- "symbol": "EHeatmapBar"
840
+ "module": "./src/components/EToggleSwitch.vue",
841
+ "symbol": "EToggleSwitch"
930
842
  },
931
843
  "description": "",
932
844
  "doc-url": "https://ui.evercam.io/",
933
- "attributes": [
934
- {
935
- "name": "items",
936
- "doc-url": "https://www.npmjs.com/package/@evercam/ui",
937
- "default": "() => []",
938
- "value": {
939
- "kind": "expression",
940
- "type": "array"
941
- }
942
- },
943
- {
944
- "name": "selected-value",
945
- "doc-url": "https://www.npmjs.com/package/@evercam/ui",
946
- "default": "",
947
- "value": {
948
- "kind": "expression",
949
- "type": [
950
- "string",
951
- "number"
952
- ]
953
- }
954
- },
955
- {
956
- "name": "show-counts",
957
- "doc-url": "https://www.npmjs.com/package/@evercam/ui",
958
- "default": "true",
959
- "value": {
960
- "kind": "expression",
961
- "type": "boolean"
962
- }
963
- },
964
- {
965
- "name": "show-names",
966
- "doc-url": "https://www.npmjs.com/package/@evercam/ui",
967
- "default": "true",
968
- "value": {
969
- "kind": "expression",
970
- "type": "boolean"
971
- }
972
- },
973
- {
974
- "name": "colors",
975
- "doc-url": "https://www.npmjs.com/package/@evercam/ui",
976
- "default": "() => [\"#ebedf0\", \"#c0ddf9\", \"#73b3f3\", \"#3886e1\", \"#17459e\"]",
977
- "value": {
978
- "kind": "expression",
979
- "type": "array"
980
- }
981
- },
982
- {
983
- "name": "label",
984
- "doc-url": "https://www.npmjs.com/package/@evercam/ui",
985
- "default": "",
986
- "value": {
987
- "kind": "expression",
988
- "type": "string"
989
- }
990
- },
991
- {
992
- "name": "dense",
993
- "doc-url": "https://www.npmjs.com/package/@evercam/ui",
994
- "default": "false",
995
- "value": {
996
- "kind": "expression",
997
- "type": "boolean"
998
- }
999
- }
1000
- ]
1001
- },
1002
- {
1003
- "name": "EHoursHeatmap",
1004
- "source": {
1005
- "module": "./src/components/EHoursHeatmap.vue",
1006
- "symbol": "EHoursHeatmap"
1007
- },
1008
- "description": "",
1009
- "doc-url": "https://ui.evercam.io/",
1010
- "attributes": [
1011
- {
1012
- "name": "items",
1013
- "doc-url": "https://www.npmjs.com/package/@evercam/ui",
1014
- "default": "() => []",
1015
- "value": {
1016
- "kind": "expression",
1017
- "type": "array"
1018
- }
1019
- },
1020
- {
1021
- "name": "selected-hour",
1022
- "doc-url": "https://www.npmjs.com/package/@evercam/ui",
1023
- "default": "",
1024
- "value": {
1025
- "kind": "expression",
1026
- "type": [
1027
- "string",
1028
- "number"
1029
- ]
1030
- }
1031
- },
1032
- {
1033
- "name": "show-hours",
1034
- "doc-url": "https://www.npmjs.com/package/@evercam/ui",
1035
- "default": "true",
1036
- "value": {
1037
- "kind": "expression",
1038
- "type": "boolean"
1039
- }
1040
- },
1041
- {
1042
- "name": "colors",
1043
- "doc-url": "https://www.npmjs.com/package/@evercam/ui",
1044
- "default": "() => [\"#ebedf0\", \"#c0ddf9\", \"#73b3f3\", \"#3886e1\", \"#17459e\"]",
1045
- "value": {
1046
- "kind": "expression",
1047
- "type": "array"
1048
- }
1049
- },
1050
- {
1051
- "name": "label",
1052
- "doc-url": "https://www.npmjs.com/package/@evercam/ui",
1053
- "default": "",
1054
- "value": {
1055
- "kind": "expression",
1056
- "type": "string"
1057
- }
1058
- },
1059
- {
1060
- "name": "dense",
1061
- "doc-url": "https://www.npmjs.com/package/@evercam/ui",
1062
- "default": "false",
1063
- "value": {
1064
- "kind": "expression",
1065
- "type": "boolean"
1066
- }
1067
- }
1068
- ]
845
+ "attributes": null
1069
846
  },
1070
847
  {
1071
- "name": "EReadMore",
848
+ "name": "EZoomable",
1072
849
  "source": {
1073
- "module": "./src/components/EReadMore.vue",
1074
- "symbol": "EReadMore"
850
+ "module": "./src/components/EZoomable.vue",
851
+ "symbol": "EZoomable"
1075
852
  },
1076
853
  "description": "",
1077
854
  "doc-url": "https://ui.evercam.io/",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@evercam/ui",
3
- "version": "0.0.55-beta.18",
3
+ "version": "0.0.55-beta.19",
4
4
  "license": "MIT",
5
5
  "private": false,
6
6
  "author": "Evercam - Constuction Cameras.",
@@ -1,3 +0,0 @@
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>>, {}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>;
3
- export default _default;
@@ -1,3 +0,0 @@
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>>, {}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>;
3
- export default _default;