@evercam/ui 0.0.55-beta.17 → 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,6 +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
+ }
656
+ .e-cursor-pointer{
657
+ cursor: pointer;
658
+ }
659
+ .e-touch-none{
660
+ touch-action: none;
661
+ }
618
662
  .e-select-none{
619
663
  user-select: none;
620
664
  }
@@ -738,6 +782,9 @@
738
782
  .e-gap-3{
739
783
  gap: 0.75rem;
740
784
  }
785
+ .e-gap-6{
786
+ gap: 1.5rem;
787
+ }
741
788
  .e-space-x-2 > :not([hidden]) ~ :not([hidden]){
742
789
  --tw-space-x-reverse: 0;
743
790
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
@@ -773,14 +820,12 @@
773
820
  .e-overflow-auto{
774
821
  overflow: auto;
775
822
  }
823
+ .e-overflow-hidden{
824
+ overflow: hidden;
825
+ }
776
826
  .e-overflow-x-hidden{
777
827
  overflow-x: hidden;
778
828
  }
779
- .e-truncate{
780
- overflow: hidden;
781
- text-overflow: ellipsis;
782
- white-space: nowrap;
783
- }
784
829
  .e-rounded{
785
830
  border-radius: 0.25rem;
786
831
  }
@@ -810,6 +855,10 @@
810
855
  --tw-border-opacity: 1;
811
856
  border-color: rgb(55 65 81 / var(--tw-border-opacity));
812
857
  }
858
+ .e-bg-\[\#629efc\]{
859
+ --tw-bg-opacity: 1;
860
+ background-color: rgb(98 158 252 / var(--tw-bg-opacity));
861
+ }
813
862
  .e-bg-amber-500{
814
863
  --tw-bg-opacity: 1;
815
864
  background-color: rgb(245 158 11 / var(--tw-bg-opacity));
@@ -818,6 +867,10 @@
818
867
  --tw-bg-opacity: 1;
819
868
  background-color: rgb(237 99 104 / var(--tw-bg-opacity));
820
869
  }
870
+ .e-bg-brand-600{
871
+ --tw-bg-opacity: 1;
872
+ background-color: rgb(156 18 22 / var(--tw-bg-opacity));
873
+ }
821
874
  .e-bg-cyan-500{
822
875
  --tw-bg-opacity: 1;
823
876
  background-color: rgb(6 182 212 / var(--tw-bg-opacity));
@@ -830,6 +883,10 @@
830
883
  --tw-bg-opacity: 1;
831
884
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
832
885
  }
886
+ .e-bg-gray-600{
887
+ --tw-bg-opacity: 1;
888
+ background-color: rgb(75 85 99 / var(--tw-bg-opacity));
889
+ }
833
890
  .e-bg-gray-800{
834
891
  --tw-bg-opacity: 1;
835
892
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
@@ -842,6 +899,9 @@
842
899
  --tw-bg-opacity: 1;
843
900
  background-color: rgb(22 163 74 / var(--tw-bg-opacity));
844
901
  }
902
+ .e-bg-inherit{
903
+ background-color: inherit;
904
+ }
845
905
  .e-bg-lime-500{
846
906
  --tw-bg-opacity: 1;
847
907
  background-color: rgb(132 204 22 / var(--tw-bg-opacity));
@@ -876,6 +936,9 @@
876
936
  .e-p-1{
877
937
  padding: 0.25rem;
878
938
  }
939
+ .e-p-1\.5{
940
+ padding: 0.375rem;
941
+ }
879
942
  .e-p-2{
880
943
  padding: 0.5rem;
881
944
  }
@@ -900,6 +963,10 @@
900
963
  padding-left: 1rem;
901
964
  padding-right: 1rem;
902
965
  }
966
+ .e-py-\[\.2rem\]{
967
+ padding-top: .2rem;
968
+ padding-bottom: .2rem;
969
+ }
903
970
  .e-pb-2{
904
971
  padding-bottom: 0.5rem;
905
972
  }
@@ -981,10 +1048,18 @@
981
1048
  --tw-text-opacity: 1;
982
1049
  color: rgb(96 165 250 / var(--tw-text-opacity));
983
1050
  }
1051
+ .e-text-gray-100{
1052
+ --tw-text-opacity: 1;
1053
+ color: rgb(243 244 246 / var(--tw-text-opacity));
1054
+ }
984
1055
  .e-text-gray-700{
985
1056
  --tw-text-opacity: 1;
986
1057
  color: rgb(55 65 81 / var(--tw-text-opacity));
987
1058
  }
1059
+ .e-text-gray-900{
1060
+ --tw-text-opacity: 1;
1061
+ color: rgb(17 24 39 / var(--tw-text-opacity));
1062
+ }
988
1063
  .e-text-green-500{
989
1064
  --tw-text-opacity: 1;
990
1065
  color: rgb(34 197 94 / var(--tw-text-opacity));
@@ -1029,6 +1104,11 @@
1029
1104
  .e-underline-offset-8{
1030
1105
  text-underline-offset: 8px;
1031
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
+ }
1032
1112
  .e-shadow-lg{
1033
1113
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
1034
1114
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
@@ -1106,6 +1186,26 @@
1106
1186
  .e-outline-offset-8{
1107
1187
  outline-offset: 8px;
1108
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
+ }
1109
1209
  @media (min-width: 640px){
1110
1210
 
1111
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.15",
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,149 +835,24 @@
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
- ]
845
+ "attributes": null
1001
846
  },
1002
847
  {
1003
- "name": "EHoursHeatmap",
848
+ "name": "EZoomable",
1004
849
  "source": {
1005
- "module": "./src/components/EHoursHeatmap.vue",
1006
- "symbol": "EHoursHeatmap"
850
+ "module": "./src/components/EZoomable.vue",
851
+ "symbol": "EZoomable"
1007
852
  },
1008
853
  "description": "",
1009
854
  "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
- ]
855
+ "attributes": null
1069
856
  }
1070
857
  ],
1071
858
  "attributes": [
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@evercam/ui",
3
- "version": "0.0.55-beta.17",
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;