@evercam/ui 0.0.55-beta.13 → 0.0.55-beta.15

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,18 +212,9 @@
212
212
  .e-relative{
213
213
  position: relative;
214
214
  }
215
- .e-inset-0{
216
- inset: 0px;
217
- }
218
215
  .-e-left-2\/4{
219
216
  left: -50%;
220
217
  }
221
- .e-bottom-0{
222
- bottom: 0px;
223
- }
224
- .e-left-0{
225
- left: 0px;
226
- }
227
218
  .e-right-0{
228
219
  right: 0px;
229
220
  }
@@ -233,45 +224,19 @@
233
224
  .e-z-50{
234
225
  z-index: 50;
235
226
  }
236
- .e-z-\[-1\]{
237
- z-index: -1;
238
- }
239
- .e-z-\[1\]{
240
- z-index: 1;
241
- }
242
- .e-z-\[2\]{
243
- z-index: 2;
244
- }
245
- .e-z-\[3\]{
246
- z-index: 3;
247
- }
248
227
  .e-m-2{
249
228
  margin: 0.5rem;
250
229
  }
251
- .e-m-auto{
252
- margin: auto;
253
- }
254
- .e-mx-1{
255
- margin-left: 0.25rem;
256
- margin-right: 0.25rem;
257
- }
258
- .e-mx-2{
259
- margin-left: 0.5rem;
260
- margin-right: 0.5rem;
261
- }
262
230
  .e-mx-auto{
263
231
  margin-left: auto;
264
232
  margin-right: auto;
265
233
  }
266
- .e-ml-3{
267
- margin-left: 0.75rem;
268
- }
269
- .e-ml-4{
270
- margin-left: 1rem;
271
- }
272
234
  .e-ml-8{
273
235
  margin-left: 2rem;
274
236
  }
237
+ .e-mr-2{
238
+ margin-right: 0.5rem;
239
+ }
275
240
  .e-mt-2{
276
241
  margin-top: 0.5rem;
277
242
  }
@@ -287,9 +252,6 @@
287
252
  .e-inline-flex{
288
253
  display: inline-flex;
289
254
  }
290
- .e-hidden{
291
- display: none;
292
- }
293
255
  .e-h-10{
294
256
  height: 2.5rem;
295
257
  }
@@ -326,27 +288,15 @@
326
288
  .e-h-8{
327
289
  height: 2rem;
328
290
  }
329
- .e-h-\[12px\]{
330
- height: 12px;
331
- }
332
- .e-h-\[7px\]{
333
- height: 7px;
334
- }
335
291
  .e-h-full{
336
292
  height: 100%;
337
293
  }
338
- .e-h-min{
339
- height: min-content;
340
- }
341
294
  .\!e-w-auto{
342
295
  width: auto !important;
343
296
  }
344
297
  .\!e-w-full{
345
298
  width: 100% !important;
346
299
  }
347
- .e-w-1\/3{
348
- width: 33.333333%;
349
- }
350
300
  .e-w-10{
351
301
  width: 2.5rem;
352
302
  }
@@ -380,18 +330,9 @@
380
330
  .e-w-8{
381
331
  width: 2rem;
382
332
  }
383
- .e-w-\[12px\]{
384
- width: 12px;
385
- }
386
- .e-w-\[1px\]{
387
- width: 1px;
388
- }
389
333
  .e-w-auto{
390
334
  width: auto;
391
335
  }
392
- .e-w-fit{
393
- width: fit-content;
394
- }
395
336
  .e-w-full{
396
337
  width: 100%;
397
338
  }
@@ -482,9 +423,6 @@
482
423
  .e-max-w-\[5rem\]{
483
424
  max-width: 5rem;
484
425
  }
485
- .e-flex-1{
486
- flex: 1 1 0%;
487
- }
488
426
  .\!e-grow{
489
427
  flex-grow: 1 !important;
490
428
  }
@@ -677,63 +615,6 @@
677
615
  .e-basis-full{
678
616
  flex-basis: 100%;
679
617
  }
680
- .-e-translate-x-1\/2{
681
- --tw-translate-x: -50%;
682
- 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));
683
- }
684
- .-e-translate-x-1\/4{
685
- --tw-translate-x: -25%;
686
- 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));
687
- }
688
- .-e-translate-y-\[105\%\]{
689
- --tw-translate-y: -105%;
690
- 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));
691
- }
692
- .-e-translate-y-\[150\%\]{
693
- --tw-translate-y: -150%;
694
- 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));
695
- }
696
- .e-translate-x-\[3px\]{
697
- --tw-translate-x: 3px;
698
- 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));
699
- }
700
- .e-translate-y-\[-3px\]{
701
- --tw-translate-y: -3px;
702
- 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));
703
- }
704
- .e-scale-150{
705
- --tw-scale-x: 1.5;
706
- --tw-scale-y: 1.5;
707
- 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));
708
- }
709
- .e-transform{
710
- 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));
711
- }
712
- @keyframes e-ping{
713
-
714
- 75%, 100%{
715
- transform: scale(2);
716
- opacity: 0;
717
- }
718
- }
719
- .e-animate-ping{
720
- animation: e-ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
721
- }
722
- .e-cursor-default{
723
- cursor: default;
724
- }
725
- .e-cursor-grab{
726
- cursor: grab;
727
- }
728
- .e-cursor-grabbing{
729
- cursor: grabbing;
730
- }
731
- .e-cursor-pointer{
732
- cursor: pointer;
733
- }
734
- .e-touch-none{
735
- touch-action: none;
736
- }
737
618
  .e-select-none{
738
619
  user-select: none;
739
620
  }
@@ -854,18 +735,9 @@
854
735
  .e-justify-stretch{
855
736
  justify-content: stretch;
856
737
  }
857
- .e-gap-2{
858
- gap: 0.5rem;
859
- }
860
738
  .e-gap-3{
861
739
  gap: 0.75rem;
862
740
  }
863
- .e-gap-4{
864
- gap: 1rem;
865
- }
866
- .e-gap-6{
867
- gap: 1.5rem;
868
- }
869
741
  .e-space-x-2 > :not([hidden]) ~ :not([hidden]){
870
742
  --tw-space-x-reverse: 0;
871
743
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
@@ -901,18 +773,17 @@
901
773
  .e-overflow-auto{
902
774
  overflow: auto;
903
775
  }
904
- .e-overflow-hidden{
905
- overflow: hidden;
906
- }
907
776
  .e-overflow-x-hidden{
908
777
  overflow-x: hidden;
909
778
  }
779
+ .e-truncate{
780
+ overflow: hidden;
781
+ text-overflow: ellipsis;
782
+ white-space: nowrap;
783
+ }
910
784
  .e-rounded{
911
785
  border-radius: 0.25rem;
912
786
  }
913
- .e-rounded-\[\.5rem\]{
914
- border-radius: .5rem;
915
- }
916
787
  .e-rounded-full{
917
788
  border-radius: 9999px;
918
789
  }
@@ -925,24 +796,12 @@
925
796
  .e-border{
926
797
  border-width: 1px;
927
798
  }
928
- .e-border-0{
929
- border-width: 0px;
930
- }
931
799
  .e-border-2{
932
800
  border-width: 2px;
933
801
  }
934
- .e-border-solid{
935
- border-style: solid;
936
- }
937
802
  .e-border-dashed{
938
803
  border-style: dashed;
939
804
  }
940
- .e-border-double{
941
- border-style: double;
942
- }
943
- .e-border-\[12\*1\.8\]{
944
- border-color: 12*1.8;
945
- }
946
805
  .e-border-gray-300{
947
806
  --tw-border-opacity: 1;
948
807
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
@@ -951,21 +810,6 @@
951
810
  --tw-border-opacity: 1;
952
811
  border-color: rgb(55 65 81 / var(--tw-border-opacity));
953
812
  }
954
- .e-border-white{
955
- --tw-border-opacity: 1;
956
- border-color: rgb(255 255 255 / var(--tw-border-opacity));
957
- }
958
- .e-border-opacity-100{
959
- --tw-border-opacity: 1;
960
- }
961
- .e-bg-\[\#0064b1\]{
962
- --tw-bg-opacity: 1;
963
- background-color: rgb(0 100 177 / var(--tw-bg-opacity));
964
- }
965
- .e-bg-\[\#629efc\]{
966
- --tw-bg-opacity: 1;
967
- background-color: rgb(98 158 252 / var(--tw-bg-opacity));
968
- }
969
813
  .e-bg-amber-500{
970
814
  --tw-bg-opacity: 1;
971
815
  background-color: rgb(245 158 11 / var(--tw-bg-opacity));
@@ -974,18 +818,6 @@
974
818
  --tw-bg-opacity: 1;
975
819
  background-color: rgb(237 99 104 / var(--tw-bg-opacity));
976
820
  }
977
- .e-bg-brand-400{
978
- --tw-bg-opacity: 1;
979
- background-color: rgb(231 44 50 / var(--tw-bg-opacity));
980
- }
981
- .e-bg-brand-500{
982
- --tw-bg-opacity: 1;
983
- background-color: rgb(196 22 28 / var(--tw-bg-opacity));
984
- }
985
- .e-bg-brand-600{
986
- --tw-bg-opacity: 1;
987
- background-color: rgb(156 18 22 / var(--tw-bg-opacity));
988
- }
989
821
  .e-bg-cyan-500{
990
822
  --tw-bg-opacity: 1;
991
823
  background-color: rgb(6 182 212 / var(--tw-bg-opacity));
@@ -998,10 +830,6 @@
998
830
  --tw-bg-opacity: 1;
999
831
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
1000
832
  }
1001
- .e-bg-gray-600{
1002
- --tw-bg-opacity: 1;
1003
- background-color: rgb(75 85 99 / var(--tw-bg-opacity));
1004
- }
1005
833
  .e-bg-gray-800{
1006
834
  --tw-bg-opacity: 1;
1007
835
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
@@ -1014,9 +842,6 @@
1014
842
  --tw-bg-opacity: 1;
1015
843
  background-color: rgb(22 163 74 / var(--tw-bg-opacity));
1016
844
  }
1017
- .e-bg-inherit{
1018
- background-color: inherit;
1019
- }
1020
845
  .e-bg-lime-500{
1021
846
  --tw-bg-opacity: 1;
1022
847
  background-color: rgb(132 204 22 / var(--tw-bg-opacity));
@@ -1033,10 +858,6 @@
1033
858
  --tw-bg-opacity: 1;
1034
859
  background-color: rgb(168 85 247 / var(--tw-bg-opacity));
1035
860
  }
1036
- .e-bg-red-500{
1037
- --tw-bg-opacity: 1;
1038
- background-color: rgb(239 68 68 / var(--tw-bg-opacity));
1039
- }
1040
861
  .e-bg-rose-500{
1041
862
  --tw-bg-opacity: 1;
1042
863
  background-color: rgb(244 63 94 / var(--tw-bg-opacity));
@@ -1049,38 +870,12 @@
1049
870
  --tw-bg-opacity: 1;
1050
871
  background-color: rgb(203 213 225 / var(--tw-bg-opacity));
1051
872
  }
1052
- .e-bg-slate-500{
1053
- --tw-bg-opacity: 1;
1054
- background-color: rgb(100 116 139 / var(--tw-bg-opacity));
1055
- }
1056
- .e-bg-video-player-progress-bar-base-bg{
1057
- --tw-bg-opacity: 1;
1058
- background-color: rgb(108 115 122 / var(--tw-bg-opacity));
1059
- }
1060
- .e-bg-video-player-progress-bar-chunk-bg{
1061
- --tw-bg-opacity: 1;
1062
- background-color: rgb(155 205 255 / var(--tw-bg-opacity));
1063
- }
1064
- .e-bg-video-player-progress-bar-hover-bg{
1065
- --tw-bg-opacity: 1;
1066
- background-color: rgb(187 187 187 / var(--tw-bg-opacity));
1067
- }
1068
- .e-bg-video-player-progress-bar-progress-bg{
1069
- --tw-bg-opacity: 1;
1070
- background-color: rgb(0 144 255 / var(--tw-bg-opacity));
1071
- }
1072
- .e-bg-none{
1073
- background-image: none;
1074
- }
1075
873
  .e-object-cover{
1076
874
  object-fit: cover;
1077
875
  }
1078
876
  .e-p-1{
1079
877
  padding: 0.25rem;
1080
878
  }
1081
- .e-p-1\.5{
1082
- padding: 0.375rem;
1083
- }
1084
879
  .e-p-2{
1085
880
  padding: 0.5rem;
1086
881
  }
@@ -1101,49 +896,16 @@
1101
896
  padding-left: 0.5rem;
1102
897
  padding-right: 0.5rem;
1103
898
  }
1104
- .e-px-3{
1105
- padding-left: 0.75rem;
1106
- padding-right: 0.75rem;
1107
- }
1108
899
  .e-px-4{
1109
900
  padding-left: 1rem;
1110
901
  padding-right: 1rem;
1111
902
  }
1112
- .e-px-5{
1113
- padding-left: 1.25rem;
1114
- padding-right: 1.25rem;
1115
- }
1116
- .e-py-0{
1117
- padding-top: 0px;
1118
- padding-bottom: 0px;
1119
- }
1120
- .e-py-1{
1121
- padding-top: 0.25rem;
1122
- padding-bottom: 0.25rem;
1123
- }
1124
- .e-py-2{
1125
- padding-top: 0.5rem;
1126
- padding-bottom: 0.5rem;
1127
- }
1128
- .e-py-\[\.2rem\]{
1129
- padding-top: .2rem;
1130
- padding-bottom: .2rem;
1131
- }
1132
903
  .e-pb-2{
1133
904
  padding-bottom: 0.5rem;
1134
905
  }
1135
- .e-pb-3{
1136
- padding-bottom: 0.75rem;
1137
- }
1138
906
  .e-pb-4{
1139
907
  padding-bottom: 1rem;
1140
908
  }
1141
- .e-pt-2{
1142
- padding-top: 0.5rem;
1143
- }
1144
- .e-pt-3{
1145
- padding-top: 0.75rem;
1146
- }
1147
909
  .e-align-middle{
1148
910
  vertical-align: middle;
1149
911
  }
@@ -1219,26 +981,10 @@
1219
981
  --tw-text-opacity: 1;
1220
982
  color: rgb(96 165 250 / var(--tw-text-opacity));
1221
983
  }
1222
- .e-text-brand-500{
1223
- --tw-text-opacity: 1;
1224
- color: rgb(196 22 28 / var(--tw-text-opacity));
1225
- }
1226
- .e-text-gray-100{
1227
- --tw-text-opacity: 1;
1228
- color: rgb(243 244 246 / var(--tw-text-opacity));
1229
- }
1230
- .e-text-gray-200{
1231
- --tw-text-opacity: 1;
1232
- color: rgb(229 231 235 / var(--tw-text-opacity));
1233
- }
1234
984
  .e-text-gray-700{
1235
985
  --tw-text-opacity: 1;
1236
986
  color: rgb(55 65 81 / var(--tw-text-opacity));
1237
987
  }
1238
- .e-text-gray-900{
1239
- --tw-text-opacity: 1;
1240
- color: rgb(17 24 39 / var(--tw-text-opacity));
1241
- }
1242
988
  .e-text-green-500{
1243
989
  --tw-text-opacity: 1;
1244
990
  color: rgb(34 197 94 / var(--tw-text-opacity));
@@ -1283,33 +1029,11 @@
1283
1029
  .e-underline-offset-8{
1284
1030
  text-underline-offset: 8px;
1285
1031
  }
1286
- .e-opacity-0{
1287
- opacity: 0;
1288
- }
1289
- .e-opacity-100{
1290
- opacity: 1;
1291
- }
1292
- .e-opacity-50{
1293
- opacity: 0.5;
1294
- }
1295
- .e-opacity-75{
1296
- opacity: 0.75;
1297
- }
1298
- .e-shadow{
1299
- --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
1300
- --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
1301
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1302
- }
1303
1032
  .e-shadow-lg{
1304
1033
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
1305
1034
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
1306
1035
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1307
1036
  }
1308
- .e-shadow-sm{
1309
- --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
1310
- --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
1311
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1312
- }
1313
1037
  .\!-e-outline-offset-1{
1314
1038
  outline-offset: -1px !important;
1315
1039
  }
@@ -1382,45 +1106,6 @@
1382
1106
  .e-outline-offset-8{
1383
1107
  outline-offset: 8px;
1384
1108
  }
1385
- .e-blur-video-poster{
1386
- --tw-blur: blur(32px);
1387
- 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);
1388
- }
1389
- .e-transition{
1390
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
1391
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1392
- transition-duration: 150ms;
1393
- }
1394
- .e-transition-colors{
1395
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
1396
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1397
- transition-duration: 150ms;
1398
- }
1399
- .e-transition-opacity{
1400
- transition-property: opacity;
1401
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1402
- transition-duration: 150ms;
1403
- }
1404
- .e-duration-150{
1405
- transition-duration: 150ms;
1406
- }
1407
- .e-duration-200{
1408
- transition-duration: 200ms;
1409
- }
1410
- .e-ease-in-out{
1411
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1412
- }
1413
- .e-ease-out{
1414
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
1415
- }
1416
- @media (min-width: 1024px){
1417
- .lg\:e-text-sm {
1418
- line-height: 1.25rem;
1419
- }
1420
- }
1421
- .disabled\:e-opacity-30:disabled{
1422
- opacity: 0.3;
1423
- }
1424
1109
  @media (min-width: 640px){
1425
1110
 
1426
1111
  .sm\:\!e-w-auto{
@@ -2883,14 +2568,6 @@
2883
2568
  justify-content: stretch;
2884
2569
  }
2885
2570
 
2886
- .lg\:e-text-sm{
2887
- font-size: 0.875rem;
2888
- }
2889
-
2890
- .lg\:e-leading-6{
2891
- line-height: 1.5rem;
2892
- }
2893
-
2894
2571
  .lg\:\!e-underline-offset-1{
2895
2572
  text-underline-offset: 1px !important;
2896
2573
  }
@@ -3021,10 +2698,6 @@
3021
2698
  }
3022
2699
  @media (min-width: 1280px){
3023
2700
 
3024
- .xl\:e-flex{
3025
- display: flex;
3026
- }
3027
-
3028
2701
  .xl\:\!e-w-auto{
3029
2702
  width: auto !important;
3030
2703
  }
package/dist/tags.json CHANGED
@@ -68,6 +68,17 @@
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
+ },
71
82
  "ETimeline": {
72
83
  "attributes": [
73
84
  "events-groups",
@@ -108,5 +119,28 @@
108
119
  "milestones-first"
109
120
  ],
110
121
  "description": ""
122
+ },
123
+ "EHeatmapBar": {
124
+ "attributes": [
125
+ "items",
126
+ "selected-value",
127
+ "show-counts",
128
+ "show-names",
129
+ "colors",
130
+ "label",
131
+ "dense"
132
+ ],
133
+ "description": ""
134
+ },
135
+ "EHoursHeatmap": {
136
+ "attributes": [
137
+ "items",
138
+ "selected-hour",
139
+ "show-hours",
140
+ "colors",
141
+ "label",
142
+ "dense"
143
+ ],
144
+ "description": ""
111
145
  }
112
146
  }