@luxonis/depthai-viewer-common 3.7.0 → 3.7.1

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.
Files changed (5) hide show
  1. package/dist/index.css +143 -215
  2. package/dist/models/device-configuration.d.ts +15 -30
  3. package/dist/models/device-configuration.d.ts.map +1 -1
  4. package/dist/models/device-configuration.js.map +1 -1
  5. package/package.json +3 -3
package/dist/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
1
+ /*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
2
2
  @import url(./fonts/inter.css);
3
3
  @import url(./fonts/jetbrains-mono.css);
4
4
  @import url(./fonts/ubuntu-mono.css);
@@ -8,8 +8,9 @@
8
8
  @layer theme, base, components, utilities;
9
9
  @layer theme {
10
10
  :root, :host {
11
- --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
12
- "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
11
+ --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue",
12
+ "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
13
+ "Segoe UI Symbol", "Noto Color Emoji";
13
14
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
14
15
  "Courier New", monospace;
15
16
  --color-black: #000;
@@ -61,7 +62,7 @@
61
62
  line-height: 1.5;
62
63
  -webkit-text-size-adjust: 100%;
63
64
  tab-size: 4;
64
- font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
65
+ font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
65
66
  font-feature-settings: var(--default-font-feature-settings, normal);
66
67
  font-variation-settings: var(--default-font-variation-settings, normal);
67
68
  -webkit-tap-highlight-color: transparent;
@@ -113,7 +114,7 @@
113
114
  border-color: inherit;
114
115
  border-collapse: collapse;
115
116
  }
116
- :-moz-focusring {
117
+ :-moz-focusring:where(:not(iframe)) {
117
118
  outline: auto;
118
119
  }
119
120
  progress {
@@ -224,10 +225,10 @@
224
225
  position: sticky;
225
226
  }
226
227
  .inset-0 {
227
- inset: calc(var(--spacing) * 0);
228
+ inset: 0px;
228
229
  }
229
230
  .top-0 {
230
- top: calc(var(--spacing) * 0);
231
+ top: 0px;
231
232
  }
232
233
  .top-1\/2 {
233
234
  top: calc(1 / 2 * 100%);
@@ -242,19 +243,19 @@
242
243
  top: 100%;
243
244
  }
244
245
  .right-0 {
245
- right: calc(var(--spacing) * 0);
246
+ right: 0px;
246
247
  }
247
248
  .right-2 {
248
249
  right: calc(var(--spacing) * 2);
249
250
  }
250
251
  .bottom-0 {
251
- bottom: calc(var(--spacing) * 0);
252
+ bottom: 0px;
252
253
  }
253
254
  .bottom-auto {
254
255
  bottom: auto;
255
256
  }
256
257
  .left-0 {
257
- left: calc(var(--spacing) * 0);
258
+ left: 0px;
258
259
  }
259
260
  .left-1\/2 {
260
261
  left: calc(1 / 2 * 100%);
@@ -332,10 +333,10 @@
332
333
  margin-inline: auto;
333
334
  }
334
335
  .my-1 {
335
- margin-block: calc(var(--spacing) * 1);
336
+ margin-block: var(--spacing);
336
337
  }
337
338
  .mt-1 {
338
- margin-top: calc(var(--spacing) * 1);
339
+ margin-top: var(--spacing);
339
340
  }
340
341
  .mt-2 {
341
342
  margin-top: calc(var(--spacing) * 2);
@@ -346,6 +347,9 @@
346
347
  .mb-6 {
347
348
  margin-bottom: calc(var(--spacing) * 6);
348
349
  }
350
+ .ml-1 {
351
+ margin-left: var(--spacing);
352
+ }
349
353
  .ml-2 {
350
354
  margin-left: calc(var(--spacing) * 2);
351
355
  }
@@ -364,6 +368,9 @@
364
368
  .hidden {
365
369
  display: none;
366
370
  }
371
+ .inline {
372
+ display: inline;
373
+ }
367
374
  .inline-block {
368
375
  display: inline-block;
369
376
  }
@@ -500,7 +507,7 @@
500
507
  max-width: var(--container-sm);
501
508
  }
502
509
  .min-w-0 {
503
- min-width: calc(var(--spacing) * 0);
510
+ min-width: 0px;
504
511
  }
505
512
  .min-w-9 {
506
513
  min-width: calc(var(--spacing) * 9);
@@ -567,6 +574,12 @@
567
574
  .cursor-pointer {
568
575
  cursor: pointer;
569
576
  }
577
+ .cursor-zoom-in {
578
+ cursor: zoom-in;
579
+ }
580
+ .cursor-zoom-out {
581
+ cursor: zoom-out;
582
+ }
570
583
  .touch-none {
571
584
  touch-action: none;
572
585
  }
@@ -748,10 +761,10 @@
748
761
  justify-items: stretch;
749
762
  }
750
763
  .gap-0 {
751
- gap: calc(var(--spacing) * 0);
764
+ gap: 0px;
752
765
  }
753
766
  .gap-1 {
754
- gap: calc(var(--spacing) * 1);
767
+ gap: var(--spacing);
755
768
  }
756
769
  .gap-2 {
757
770
  gap: calc(var(--spacing) * 2);
@@ -771,26 +784,20 @@
771
784
  .gap-16 {
772
785
  gap: calc(var(--spacing) * 16);
773
786
  }
774
- .space-y-1\.5 {
775
- :where(& > :not(:last-child)) {
776
- --tw-space-y-reverse: 0;
777
- margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
778
- margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
779
- }
787
+ :where(.space-y-1\.5 > :not(:last-child)) {
788
+ --tw-space-y-reverse: 0;
789
+ margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
790
+ margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
780
791
  }
781
- .space-y-2 {
782
- :where(& > :not(:last-child)) {
783
- --tw-space-y-reverse: 0;
784
- margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
785
- margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
786
- }
792
+ :where(.space-y-2 > :not(:last-child)) {
793
+ --tw-space-y-reverse: 0;
794
+ margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
795
+ margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
787
796
  }
788
- .space-y-4 {
789
- :where(& > :not(:last-child)) {
790
- --tw-space-y-reverse: 0;
791
- margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
792
- margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
793
- }
797
+ :where(.space-y-4 > :not(:last-child)) {
798
+ --tw-space-y-reverse: 0;
799
+ margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
800
+ margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
794
801
  }
795
802
  .self-auto {
796
803
  align-self: auto;
@@ -828,6 +835,9 @@
828
835
  .overflow-hidden {
829
836
  overflow: hidden;
830
837
  }
838
+ .overflow-x-auto {
839
+ overflow-x: auto;
840
+ }
831
841
  .overflow-y-auto {
832
842
  overflow-y: auto;
833
843
  }
@@ -954,14 +964,17 @@
954
964
  background-color: var(--color-white);
955
965
  }
956
966
  .p-0 {
957
- padding: calc(var(--spacing) * 0);
967
+ padding: 0px;
958
968
  }
959
969
  .p-1 {
960
- padding: calc(var(--spacing) * 1);
970
+ padding: var(--spacing);
961
971
  }
962
972
  .p-1\.5 {
963
973
  padding: calc(var(--spacing) * 1.5);
964
974
  }
975
+ .p-3 {
976
+ padding: calc(var(--spacing) * 3);
977
+ }
965
978
  .p-4 {
966
979
  padding: calc(var(--spacing) * 4);
967
980
  }
@@ -969,7 +982,7 @@
969
982
  padding: calc(var(--spacing) * 6);
970
983
  }
971
984
  .px-0 {
972
- padding-inline: calc(var(--spacing) * 0);
985
+ padding-inline: 0px;
973
986
  }
974
987
  .px-2 {
975
988
  padding-inline: calc(var(--spacing) * 2);
@@ -990,13 +1003,13 @@
990
1003
  padding-inline: 6px;
991
1004
  }
992
1005
  .\!py-0 {
993
- padding-block: calc(var(--spacing) * 0) !important;
1006
+ padding-block: 0px !important;
994
1007
  }
995
1008
  .py-0\.5 {
996
1009
  padding-block: calc(var(--spacing) * 0.5);
997
1010
  }
998
1011
  .py-1 {
999
- padding-block: calc(var(--spacing) * 1);
1012
+ padding-block: var(--spacing);
1000
1013
  }
1001
1014
  .py-1\.5 {
1002
1015
  padding-block: calc(var(--spacing) * 1.5);
@@ -1011,13 +1024,13 @@
1011
1024
  padding-block: calc(var(--spacing) * 6);
1012
1025
  }
1013
1026
  .pt-0 {
1014
- padding-top: calc(var(--spacing) * 0);
1027
+ padding-top: 0px;
1015
1028
  }
1016
1029
  .pt-2 {
1017
1030
  padding-top: calc(var(--spacing) * 2);
1018
1031
  }
1019
1032
  .\!pr-0 {
1020
- padding-right: calc(var(--spacing) * 0) !important;
1033
+ padding-right: 0px !important;
1021
1034
  }
1022
1035
  .pr-2 {
1023
1036
  padding-right: calc(var(--spacing) * 2);
@@ -1040,6 +1053,9 @@
1040
1053
  .text-right {
1041
1054
  text-align: right;
1042
1055
  }
1056
+ .align-middle {
1057
+ vertical-align: middle;
1058
+ }
1043
1059
  .font-mono {
1044
1060
  font-family: var(--font-mono);
1045
1061
  }
@@ -1267,222 +1283,134 @@
1267
1283
  -webkit-user-select: none;
1268
1284
  user-select: none;
1269
1285
  }
1270
- .group-focus-within\:opacity-100 {
1271
- &:is(:where(.group):focus-within *) {
1286
+ .group-focus-within\:opacity-100:is(:where(.group):focus-within *) {
1287
+ opacity: 100%;
1288
+ }
1289
+ @media (hover: hover) {
1290
+ .group-hover\:opacity-100:is(:where(.group):hover *) {
1272
1291
  opacity: 100%;
1273
1292
  }
1274
- }
1275
- .group-hover\:opacity-100 {
1276
- &:is(:where(.group):hover *) {
1277
- @media (hover: hover) {
1278
- opacity: 100%;
1279
- }
1293
+ .hover\:border-\[var\(--ui-color-border-hover\)\]:hover {
1294
+ border-color: var(--ui-color-border-hover);
1280
1295
  }
1281
- }
1282
- .hover\:border-\[var\(--ui-color-border-hover\)\] {
1283
- &:hover {
1284
- @media (hover: hover) {
1285
- border-color: var(--ui-color-border-hover);
1286
- }
1296
+ .hover\:bg-\[var\(--ui-color-bg-hover\)\]:hover {
1297
+ background-color: var(--ui-color-bg-hover);
1287
1298
  }
1288
- }
1289
- .hover\:bg-\[var\(--ui-color-bg-hover\)\] {
1290
- &:hover {
1291
- @media (hover: hover) {
1292
- background-color: var(--ui-color-bg-hover);
1293
- }
1299
+ .hover\:text-\[var\(--ui-color-text-hover\)\]:hover {
1300
+ color: var(--ui-color-text-hover);
1294
1301
  }
1295
- }
1296
- .hover\:text-\[var\(--ui-color-text-hover\)\] {
1297
- &:hover {
1298
- @media (hover: hover) {
1299
- color: var(--ui-color-text-hover);
1300
- }
1302
+ .hover\:underline:hover {
1303
+ text-decoration-line: underline;
1301
1304
  }
1302
- }
1303
- .hover\:underline {
1304
- &:hover {
1305
- @media (hover: hover) {
1306
- text-decoration-line: underline;
1307
- }
1308
- }
1309
- }
1310
- .hover\:opacity-100 {
1311
- &:hover {
1312
- @media (hover: hover) {
1313
- opacity: 100%;
1314
- }
1315
- }
1316
- }
1317
- .hover\:shadow-\[0_10px_24px_rgba\(0\,0\,0\,0\.22\)\] {
1318
- &:hover {
1319
- @media (hover: hover) {
1320
- --tw-shadow: 0 10px 24px var(--tw-shadow-color, rgba(0,0,0,0.22));
1321
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1322
- }
1305
+ .hover\:opacity-100:hover {
1306
+ opacity: 100%;
1323
1307
  }
1324
- }
1325
- .hover\:ring-0 {
1326
- &:hover {
1327
- @media (hover: hover) {
1328
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1329
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1330
- }
1308
+ .hover\:shadow-\[0_10px_24px_rgba\(0\,0\,0\,0\.22\)\]:hover {
1309
+ --tw-shadow: 0 10px 24px var(--tw-shadow-color, rgba(0,0,0,0.22));
1310
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1331
1311
  }
1332
- }
1333
- .hover\:ring-4 {
1334
- &:hover {
1335
- @media (hover: hover) {
1336
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1337
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1338
- }
1312
+ .hover\:ring-0:hover {
1313
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1314
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1339
1315
  }
1340
- }
1341
- .focus\:ring-2 {
1342
- &:focus {
1343
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1316
+ .hover\:ring-4:hover {
1317
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1344
1318
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1345
1319
  }
1346
1320
  }
1347
- .focus\:ring-offset-2 {
1348
- &:focus {
1349
- --tw-ring-offset-width: 2px;
1350
- --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1351
- }
1321
+ .focus\:ring-2:focus {
1322
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1323
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1352
1324
  }
1353
- .focus\:outline-none {
1354
- &:focus {
1355
- --tw-outline-style: none;
1356
- outline-style: none;
1357
- }
1325
+ .focus\:ring-offset-2:focus {
1326
+ --tw-ring-offset-width: 2px;
1327
+ --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1358
1328
  }
1359
- .focus-visible\:\!ring-0 {
1360
- &:focus-visible {
1361
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
1362
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
1363
- }
1329
+ .focus\:outline-none:focus {
1330
+ --tw-outline-style: none;
1331
+ outline-style: none;
1364
1332
  }
1365
- .focus-visible\:ring-2 {
1366
- &:focus-visible {
1367
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1368
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1369
- }
1333
+ .focus-visible\:\!ring-0:focus-visible {
1334
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
1335
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
1370
1336
  }
1371
- .focus-visible\:\!ring-offset-0 {
1372
- &:focus-visible {
1373
- --tw-ring-offset-width: 0px !important;
1374
- --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
1375
- }
1337
+ .focus-visible\:ring-2:focus-visible {
1338
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1339
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1376
1340
  }
1377
- .focus-visible\:ring-offset-2 {
1378
- &:focus-visible {
1379
- --tw-ring-offset-width: 2px;
1380
- --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1381
- }
1341
+ .focus-visible\:\!ring-offset-0:focus-visible {
1342
+ --tw-ring-offset-width: 0px !important;
1343
+ --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
1382
1344
  }
1383
- .focus-visible\:outline-none {
1384
- &:focus-visible {
1385
- --tw-outline-style: none;
1386
- outline-style: none;
1387
- }
1345
+ .focus-visible\:ring-offset-2:focus-visible {
1346
+ --tw-ring-offset-width: 2px;
1347
+ --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1388
1348
  }
1389
- .disabled\:pointer-events-none {
1390
- &:disabled {
1391
- pointer-events: none;
1392
- }
1349
+ .focus-visible\:outline-none:focus-visible {
1350
+ --tw-outline-style: none;
1351
+ outline-style: none;
1393
1352
  }
1394
- .disabled\:cursor-default {
1395
- &:disabled {
1396
- cursor: default;
1397
- }
1353
+ .disabled\:pointer-events-none:disabled {
1354
+ pointer-events: none;
1398
1355
  }
1399
- .disabled\:cursor-not-allowed {
1400
- &:disabled {
1401
- cursor: not-allowed;
1402
- }
1356
+ .disabled\:cursor-default:disabled {
1357
+ cursor: default;
1403
1358
  }
1404
- .disabled\:opacity-50 {
1405
- &:disabled {
1406
- opacity: 50%;
1407
- }
1359
+ .disabled\:cursor-not-allowed:disabled {
1360
+ cursor: not-allowed;
1408
1361
  }
1409
- .data-\[disabled\]\:pointer-events-none {
1410
- &[data-disabled] {
1411
- pointer-events: none;
1412
- }
1362
+ .disabled\:opacity-50:disabled {
1363
+ opacity: 50%;
1413
1364
  }
1414
- .data-\[disabled\]\:opacity-50 {
1415
- &[data-disabled] {
1416
- opacity: 50%;
1417
- }
1365
+ .data-\[disabled\]\:pointer-events-none[data-disabled] {
1366
+ pointer-events: none;
1418
1367
  }
1419
- .data-\[state\=active\]\:shadow-sm {
1420
- &[data-state="active"] {
1421
- --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1422
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1423
- }
1368
+ .data-\[disabled\]\:opacity-50[data-disabled] {
1369
+ opacity: 50%;
1424
1370
  }
1425
- .data-\[state\=checked\]\:translate-x-5 {
1426
- &[data-state="checked"] {
1427
- --tw-translate-x: calc(var(--spacing) * 5);
1428
- translate: var(--tw-translate-x) var(--tw-translate-y);
1429
- }
1371
+ .data-\[state\=active\]\:shadow-sm[data-state="active"] {
1372
+ --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1373
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1430
1374
  }
1431
- .data-\[state\=inactive\]\:hidden {
1432
- &[data-state="inactive"] {
1433
- display: none;
1434
- }
1375
+ .data-\[state\=checked\]\:translate-x-5[data-state="checked"] {
1376
+ --tw-translate-x: calc(var(--spacing) * 5);
1377
+ translate: var(--tw-translate-x) var(--tw-translate-y);
1435
1378
  }
1436
- .data-\[state\=unchecked\]\:translate-x-0 {
1437
- &[data-state="unchecked"] {
1438
- --tw-translate-x: calc(var(--spacing) * 0);
1439
- translate: var(--tw-translate-x) var(--tw-translate-y);
1440
- }
1379
+ .data-\[state\=inactive\]\:hidden[data-state="inactive"] {
1380
+ display: none;
1441
1381
  }
1442
- .sm\:max-w-\[420px\] {
1443
- @media (width >= 40rem) {
1382
+ .data-\[state\=unchecked\]\:translate-x-0[data-state="unchecked"] {
1383
+ --tw-translate-x: 0px;
1384
+ translate: var(--tw-translate-x) var(--tw-translate-y);
1385
+ }
1386
+ @media (width >= 40rem) {
1387
+ .sm\:max-w-\[420px\] {
1444
1388
  max-width: 420px;
1445
1389
  }
1446
- }
1447
- .sm\:flex-row {
1448
- @media (width >= 40rem) {
1390
+ .sm\:flex-row {
1449
1391
  flex-direction: row;
1450
1392
  }
1451
- }
1452
- .sm\:justify-end {
1453
- @media (width >= 40rem) {
1393
+ .sm\:justify-end {
1454
1394
  justify-content: flex-end;
1455
1395
  }
1456
1396
  }
1457
- .\[\&\>svg\]\:absolute {
1458
- &>svg {
1459
- position: absolute;
1460
- }
1397
+ .\[\&\>svg\]\:absolute > svg {
1398
+ position: absolute;
1461
1399
  }
1462
- .\[\&\>svg\]\:top-4 {
1463
- &>svg {
1464
- top: calc(var(--spacing) * 4);
1465
- }
1400
+ .\[\&\>svg\]\:top-4 > svg {
1401
+ top: calc(var(--spacing) * 4);
1466
1402
  }
1467
- .\[\&\>svg\]\:left-4 {
1468
- &>svg {
1469
- left: calc(var(--spacing) * 4);
1470
- }
1403
+ .\[\&\>svg\]\:left-4 > svg {
1404
+ left: calc(var(--spacing) * 4);
1471
1405
  }
1472
- .\[\&\>svg\]\:text-current {
1473
- &>svg {
1474
- color: currentcolor;
1475
- }
1406
+ .\[\&\>svg\]\:text-current > svg {
1407
+ color: currentcolor;
1476
1408
  }
1477
- .\[\&\>svg\~\*\]\:pl-7 {
1478
- &>svg~* {
1479
- padding-left: calc(var(--spacing) * 7);
1480
- }
1409
+ .\[\&\>svg\~\*\]\:pl-7 > svg ~ * {
1410
+ padding-left: calc(var(--spacing) * 7);
1481
1411
  }
1482
- .\[\&\[data-state\=open\]\>svg\]\:rotate-180 {
1483
- &[data-state=open]>svg {
1484
- rotate: 180deg;
1485
- }
1412
+ .\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open] > svg {
1413
+ rotate: 180deg;
1486
1414
  }
1487
1415
  }
1488
1416
  @property --tw-translate-x {
package/dist/models/device-configuration.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ import { DeviceListSchema } from '@luxonis/ui-components';
1
2
  import { z } from 'zod';
2
3
  export declare const SensorSchema: z.ZodObject<{
3
4
  boardSocket: z.ZodString;
@@ -37,34 +38,18 @@ export declare const ConnectionTypeSchema: z.ZodEnum<{
37
38
  ETH: "ETH";
38
39
  }>;
39
40
  export type ConnectionType = z.infer<typeof ConnectionTypeSchema>;
40
- export declare const DeviceConfigurationSchema: z.ZodObject<{
41
- cameraSensors: z.ZodArray<z.ZodObject<{
42
- boardSocket: z.ZodString;
43
- maxFps: z.ZodNumber;
44
- minFps: z.ZodNumber;
45
- type: z.ZodString;
46
- supportedResolutions: z.ZodArray<z.ZodObject<{
47
- width: z.ZodNumber;
48
- height: z.ZodNumber;
49
- }, z.core.$strip>>;
50
- }, z.core.$strip>>;
51
- ir: z.ZodObject<{
52
- floodLight: z.ZodBoolean;
53
- dotProjector: z.ZodBoolean;
54
- }, z.core.$strip>;
55
- stereo: z.ZodBoolean;
56
- thermal: z.ZodBoolean;
57
- productName: import("zod").ZodEnum<["OAK-D S2 AF", "OAK-D S2 FF", "OAK-D-W", "OAK-D-W-97", "OAK-D Pro AF", "OAK-D Pro FF", "OAK-D Pro FF 97", "OAK-D Pro W", "OAK-D Pro W 97", "OAK-D-Lite AF", "OAK-D-Lite FF", "OAK-D", "OAK-D-S2 PoE AF", "OAK-D-S2 PoE FF", "OAK-D W PoE", "OAK-D-W PoE 97", "OAK-D-Pro PoE AF", "OAK-D-Pro PoE FF", "OAK-D-Pro PoE FF 97", "OAK-D-Pro W PoE", "OAK-D-Pro W PoE 97", "OAK-D-PoE", "OAK-1-PoE AF", "OAK-1-PoE FF", "OAK-1 W PoE", "OAK-1 W PoE 97", "OAK-1 AF", "OAK-1 FF", "OAK-1 FF 97", "OAK-1 W", "OAK-1 W 97", "OAK-1 MAX", "OAK-1-Lite AF", "OAK-1-Lite FF", "OAK-1-Lite W", "OAK-D CM4", "OAK-D CM4 PoE", "OAK-D LR", "OAK-D SR", "OAK-D SR PoE", "RAE", "OAK4-D", "OAK4-D-AF", "OAK4-D-FF", "OAK4-D-W", "OAK4-D-PRO", "OAK4-D-PRO-AF", "OAK4-D-PRO-FF", "OAK4-D-PRO-W", "OAK4-S", "OAK4-S-AF", "OAK4-S-FF", "OAK4-S-W", "OAK4-LR", "OAK4-SR", "SELF_HOSTED"]>;
58
- platform: z.ZodEnum<{
59
- RVC2: "RVC2";
60
- RVC4: "RVC4";
61
- UNKNOWN: "UNKNOWN";
62
- }>;
63
- imu: z.ZodBoolean;
64
- calibrated: z.ZodBoolean;
65
- dynamicCalibration: z.ZodBoolean;
66
- fullyCompatible: z.ZodBoolean;
67
- oldUsbGeneration: z.ZodBoolean;
68
- }, z.core.$strip>;
69
- export type DeviceConfiguration = z.infer<typeof DeviceConfigurationSchema>;
41
+ export type DeviceConfiguration = {
42
+ cameraSensors: Sensor[];
43
+ ir: Ir;
44
+ stereo: boolean;
45
+ thermal: boolean;
46
+ productName: z.infer<typeof DeviceListSchema>;
47
+ platform: Platform;
48
+ imu: boolean;
49
+ calibrated: boolean;
50
+ dynamicCalibration: boolean;
51
+ fullyCompatible: boolean;
52
+ oldUsbGeneration: boolean;
53
+ };
54
+ export declare const DeviceConfigurationSchema: z.ZodType<DeviceConfiguration>;
70
55
  //# sourceMappingURL=device-configuration.d.ts.map
package/dist/models/device-configuration.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"device-configuration.d.ts","sourceRoot":"","sources":["../../src/models/device-configuration.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,eAAO,MAAM,YAAY;;;;;;;;;iBAMvB,CAAC;AACH,MAAM,MAAM,MAAM,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,YAAY,CAAC,CAAC;AAElD,eAAO,MAAM,QAAQ;;;iBAGnB,CAAC;AACH,MAAM,MAAM,EAAE,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,QAAQ,CAAC,CAAC;AAE1C,eAAO,MAAM,cAAc;;;;EAAsC,CAAC;AAClE,MAAM,MAAM,QAAQ,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,cAAc,CAAC,CAAC;AACtD,eAAO,MAAM,cAAc;;;;CAI1B,CAAC;AACF,eAAO,MAAM,eAAe;;;;CAI3B,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;;EAAoC,CAAC;AACtE,MAAM,MAAM,cAAc,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,oBAAoB,CAAC,CAAC;AAElE,eAAO,MAAM,yBAAyB;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAYpC,CAAC;AACH,MAAM,MAAM,mBAAmB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,yBAAyB,CAAC,CAAC"}
1
+ {"version":3,"file":"device-configuration.d.ts","sourceRoot":"","sources":["../../src/models/device-configuration.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,eAAO,MAAM,YAAY;;;;;;;;;iBAMvB,CAAC;AACH,MAAM,MAAM,MAAM,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,YAAY,CAAC,CAAC;AAElD,eAAO,MAAM,QAAQ;;;iBAGnB,CAAC;AACH,MAAM,MAAM,EAAE,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,QAAQ,CAAC,CAAC;AAE1C,eAAO,MAAM,cAAc;;;;EAAsC,CAAC;AAClE,MAAM,MAAM,QAAQ,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,cAAc,CAAC,CAAC;AACtD,eAAO,MAAM,cAAc;;;;CAI1B,CAAC;AACF,eAAO,MAAM,eAAe;;;;CAI3B,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;;EAAoC,CAAC;AACtE,MAAM,MAAM,cAAc,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,oBAAoB,CAAC,CAAC;AAElE,MAAM,MAAM,mBAAmB,GAAG;IACjC,aAAa,EAAE,MAAM,EAAE,CAAC;IACxB,EAAE,EAAE,EAAE,CAAC;IACP,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,OAAO,CAAC;IACjB,WAAW,EAAE,CAAC,CAAC,KAAK,CAAC,OAAO,gBAAgB,CAAC,CAAC;IAC9C,QAAQ,EAAE,QAAQ,CAAC;IACnB,GAAG,EAAE,OAAO,CAAC;IACb,UAAU,EAAE,OAAO,CAAC;IACpB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,eAAe,EAAE,OAAO,CAAC;IACzB,gBAAgB,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,CAAC,CAAC,OAAO,CAAC,mBAAmB,CAYnE,CAAC"}
package/dist/models/device-configuration.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"device-configuration.js","sourceRoot":"","sources":["../../src/models/device-configuration.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,CAAC,MAAM,CAAC;IACpC,WAAW,EAAE,CAAC,CAAC,MAAM,EAAE;IACvB,MAAM,EAAE,CAAC,CAAC,MAAM,EAAE;IAClB,MAAM,EAAE,CAAC,CAAC,MAAM,EAAE;IAClB,IAAI,EAAE,CAAC,CAAC,MAAM,EAAE;IAChB,oBAAoB,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;CAClF,CAAC,CAAC;AAGH,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,CAAC,MAAM,CAAC;IAChC,UAAU,EAAE,CAAC,CAAC,OAAO,EAAE;IACvB,YAAY,EAAE,CAAC,CAAC,OAAO,EAAE;CACzB,CAAC,CAAC;AAGH,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,MAAM,EAAE,SAAS,CAAC,CAAC,CAAC;AAElE,MAAM,CAAC,MAAM,cAAc,GAAG;IAC7B,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,OAAO,EAAE,SAAS;CAClB,CAAC;AACF,MAAM,CAAC,MAAM,eAAe,GAAG;IAC9B,IAAI,EAAE,QAAQ;IACd,IAAI,EAAE,SAAS;IACf,OAAO,EAAE,MAAM;CACf,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC;AAGtE,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAAC,CAAC,MAAM,CAAC;IACjD,aAAa,EAAE,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC;IACpC,EAAE,EAAE,QAAQ;IACZ,MAAM,EAAE,CAAC,CAAC,OAAO,EAAE;IACnB,OAAO,EAAE,CAAC,CAAC,OAAO,EAAE;IACpB,WAAW,EAAE,gBAAgB;IAC7B,QAAQ,EAAE,cAAc;IACxB,GAAG,EAAE,CAAC,CAAC,OAAO,EAAE;IAChB,UAAU,EAAE,CAAC,CAAC,OAAO,EAAE;IACvB,kBAAkB,EAAE,CAAC,CAAC,OAAO,EAAE;IAC/B,eAAe,EAAE,CAAC,CAAC,OAAO,EAAE;IAC5B,gBAAgB,EAAE,CAAC,CAAC,OAAO,EAAE;CAC7B,CAAC,CAAC"}
1
+ {"version":3,"file":"device-configuration.js","sourceRoot":"","sources":["../../src/models/device-configuration.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,CAAC,MAAM,CAAC;IACpC,WAAW,EAAE,CAAC,CAAC,MAAM,EAAE;IACvB,MAAM,EAAE,CAAC,CAAC,MAAM,EAAE;IAClB,MAAM,EAAE,CAAC,CAAC,MAAM,EAAE;IAClB,IAAI,EAAE,CAAC,CAAC,MAAM,EAAE;IAChB,oBAAoB,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;CAClF,CAAC,CAAC;AAGH,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,CAAC,MAAM,CAAC;IAChC,UAAU,EAAE,CAAC,CAAC,OAAO,EAAE;IACvB,YAAY,EAAE,CAAC,CAAC,OAAO,EAAE;CACzB,CAAC,CAAC;AAGH,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,MAAM,EAAE,SAAS,CAAC,CAAC,CAAC;AAElE,MAAM,CAAC,MAAM,cAAc,GAAG;IAC7B,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,OAAO,EAAE,SAAS;CAClB,CAAC;AACF,MAAM,CAAC,MAAM,eAAe,GAAG;IAC9B,IAAI,EAAE,QAAQ;IACd,IAAI,EAAE,SAAS;IACf,OAAO,EAAE,MAAM;CACf,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC;AAiBtE,MAAM,CAAC,MAAM,yBAAyB,GAAmC,CAAC,CAAC,MAAM,CAAC;IACjF,aAAa,EAAE,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC;IACpC,EAAE,EAAE,QAAQ;IACZ,MAAM,EAAE,CAAC,CAAC,OAAO,EAAE;IACnB,OAAO,EAAE,CAAC,CAAC,OAAO,EAAE;IACpB,WAAW,EAAE,gBAAgB;IAC7B,QAAQ,EAAE,cAAc;IACxB,GAAG,EAAE,CAAC,CAAC,OAAO,EAAE;IAChB,UAAU,EAAE,CAAC,CAAC,OAAO,EAAE;IACvB,kBAAkB,EAAE,CAAC,CAAC,OAAO,EAAE;IAC/B,eAAe,EAAE,CAAC,CAAC,OAAO,EAAE;IAC5B,gBAAgB,EAAE,CAAC,CAAC,OAAO,EAAE;CAC7B,CAAC,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@luxonis/depthai-viewer-common",
3
- "version": "3.7.0",
3
+ "version": "3.7.1",
4
4
  "description": "Common utilities and components for building a frontend application for DepthAI projects",
5
5
  "license": "ISC",
6
6
  "author": "Luxonis Holding Corporation",
@@ -31,8 +31,8 @@
31
31
  "dependencies": {
32
32
  "@luxonis/ui-components": "^1.3.2",
33
33
  "@luxonis/ui-utils": "^1.0.4",
34
- "@luxonis/depthai-pipeline-lib": "*",
35
- "@luxonis/visualizer-protobuf": "*",
34
+ "@luxonis/depthai-pipeline-lib": "^3.7.0",
35
+ "@luxonis/visualizer-protobuf": "^3.7.0",
36
36
  "lodash": "^4.18.1",
37
37
  "react-resizable-panels": "^2.1.3",
38
38
  "zod": "4.4.3"