statedict2pytree 0.5.0__py3-none-any.whl → 0.5.2__py3-none-any.whl
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.
- client/.gitignore +3 -0
- client/package-lock.json +4540 -0
- client/package.json +36 -0
- client/public/bundle.js +9691 -0
- client/public/bundle.js.map +1 -0
- client/public/index.html +14 -0
- {statedict2pytree/static → client/public}/output.css +257 -129
- client/rollup.config.mjs +44 -0
- client/src/App.svelte +343 -0
- client/src/empty.ts +0 -0
- client/src/main.js +8 -0
- client/tailwind.config.js +8 -0
- client/tsconfig.json +5 -0
- statedict2pytree-0.5.2.dist-info/METADATA +64 -0
- statedict2pytree-0.5.2.dist-info/RECORD +17 -0
- statedict2pytree/__init__.py +0 -7
- statedict2pytree/statedict2pytree.py +0 -219
- statedict2pytree/templates/index.html +0 -308
- statedict2pytree-0.5.0.dist-info/METADATA +0 -147
- statedict2pytree-0.5.0.dist-info/RECORD +0 -8
- {statedict2pytree/static → client/public}/input.css +0 -0
- {statedict2pytree-0.5.0.dist-info → statedict2pytree-0.5.2.dist-info}/WHEEL +0 -0
client/public/index.html
ADDED
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
<!doctype html>
|
|
2
|
+
<html lang="en" data-theme="light">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="utf-8" />
|
|
5
|
+
<meta name="viewport" content="width=device-width" />
|
|
6
|
+
|
|
7
|
+
<title>Svelte app</title>
|
|
8
|
+
|
|
9
|
+
<link rel="stylesheet" href="/output.css" />
|
|
10
|
+
<script defer src="/bundle.js"></script>
|
|
11
|
+
</head>
|
|
12
|
+
|
|
13
|
+
<body></body>
|
|
14
|
+
</html>
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*
|
|
2
|
-
! tailwindcss v3.4.
|
|
2
|
+
! tailwindcss v3.4.4 | MIT License | https://tailwindcss.com
|
|
3
3
|
*/
|
|
4
4
|
|
|
5
5
|
/*
|
|
@@ -508,6 +508,10 @@ html {
|
|
|
508
508
|
-webkit-tap-highlight-color: transparent;
|
|
509
509
|
}
|
|
510
510
|
|
|
511
|
+
* {
|
|
512
|
+
scrollbar-color: currentColor transparent;
|
|
513
|
+
}
|
|
514
|
+
|
|
511
515
|
:root {
|
|
512
516
|
color-scheme: light;
|
|
513
517
|
--in: 72.06% 0.191 231.6;
|
|
@@ -750,76 +754,23 @@ html {
|
|
|
750
754
|
--tw-contain-style: ;
|
|
751
755
|
}
|
|
752
756
|
|
|
753
|
-
.container {
|
|
754
|
-
width: 100%;
|
|
755
|
-
}
|
|
756
|
-
|
|
757
|
-
@media (min-width: 640px) {
|
|
758
|
-
.container {
|
|
759
|
-
max-width: 640px;
|
|
760
|
-
}
|
|
761
|
-
}
|
|
762
|
-
|
|
763
|
-
@media (min-width: 768px) {
|
|
764
|
-
.container {
|
|
765
|
-
max-width: 768px;
|
|
766
|
-
}
|
|
767
|
-
}
|
|
768
|
-
|
|
769
|
-
@media (min-width: 1024px) {
|
|
770
|
-
.container {
|
|
771
|
-
max-width: 1024px;
|
|
772
|
-
}
|
|
773
|
-
}
|
|
774
|
-
|
|
775
|
-
@media (min-width: 1280px) {
|
|
776
|
-
.container {
|
|
777
|
-
max-width: 1280px;
|
|
778
|
-
}
|
|
779
|
-
}
|
|
780
|
-
|
|
781
|
-
@media (min-width: 1536px) {
|
|
782
|
-
.container {
|
|
783
|
-
max-width: 1536px;
|
|
784
|
-
}
|
|
785
|
-
}
|
|
786
|
-
|
|
787
|
-
.alert {
|
|
788
|
-
display: grid;
|
|
789
|
-
width: 100%;
|
|
790
|
-
grid-auto-flow: row;
|
|
791
|
-
align-content: flex-start;
|
|
792
|
-
align-items: center;
|
|
793
|
-
justify-items: center;
|
|
794
|
-
gap: 1rem;
|
|
795
|
-
text-align: center;
|
|
796
|
-
border-radius: var(--rounded-box, 1rem);
|
|
797
|
-
border-width: 1px;
|
|
798
|
-
--tw-border-opacity: 1;
|
|
799
|
-
border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));
|
|
800
|
-
padding: 1rem;
|
|
801
|
-
--tw-text-opacity: 1;
|
|
802
|
-
color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
|
|
803
|
-
--alert-bg: var(--fallback-b2,oklch(var(--b2)/1));
|
|
804
|
-
--alert-bg-mix: var(--fallback-b1,oklch(var(--b1)/1));
|
|
805
|
-
background-color: var(--alert-bg);
|
|
806
|
-
}
|
|
807
|
-
|
|
808
|
-
@media (min-width: 640px) {
|
|
809
|
-
.alert {
|
|
810
|
-
grid-auto-flow: column;
|
|
811
|
-
grid-template-columns: auto minmax(auto,1fr);
|
|
812
|
-
justify-items: start;
|
|
813
|
-
text-align: start;
|
|
814
|
-
}
|
|
815
|
-
}
|
|
816
|
-
|
|
817
757
|
.avatar.placeholder > div {
|
|
818
758
|
display: flex;
|
|
819
759
|
align-items: center;
|
|
820
760
|
justify-content: center;
|
|
821
761
|
}
|
|
822
762
|
|
|
763
|
+
@media (hover:hover) {
|
|
764
|
+
.menu li > *:not(ul, .menu-title, details, .btn):active,
|
|
765
|
+
.menu li > *:not(ul, .menu-title, details, .btn).active,
|
|
766
|
+
.menu li > details > summary:active {
|
|
767
|
+
--tw-bg-opacity: 1;
|
|
768
|
+
background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));
|
|
769
|
+
--tw-text-opacity: 1;
|
|
770
|
+
color: var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity)));
|
|
771
|
+
}
|
|
772
|
+
}
|
|
773
|
+
|
|
823
774
|
.btn {
|
|
824
775
|
display: inline-flex;
|
|
825
776
|
height: 3rem;
|
|
@@ -913,15 +864,13 @@ html {
|
|
|
913
864
|
--glass-border-opacity: 15%;
|
|
914
865
|
}
|
|
915
866
|
|
|
916
|
-
.btn-
|
|
917
|
-
|
|
918
|
-
color: var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity)));
|
|
867
|
+
.btn-ghost:hover {
|
|
868
|
+
border-color: transparent;
|
|
919
869
|
}
|
|
920
870
|
|
|
921
|
-
@supports (color:
|
|
922
|
-
.btn-
|
|
923
|
-
background-color:
|
|
924
|
-
border-color: color-mix(in oklab, var(--fallback-s,oklch(var(--s)/1)) 90%, black);
|
|
871
|
+
@supports (color: oklch(0% 0 0)) {
|
|
872
|
+
.btn-ghost:hover {
|
|
873
|
+
background-color: var(--fallback-bc,oklch(var(--bc)/0.2));
|
|
925
874
|
}
|
|
926
875
|
}
|
|
927
876
|
|
|
@@ -953,6 +902,18 @@ html {
|
|
|
953
902
|
border-color: color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black);
|
|
954
903
|
}
|
|
955
904
|
}
|
|
905
|
+
|
|
906
|
+
:where(.menu li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title)):not(.active, .btn):hover, :where(.menu li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):not(.active, .btn):hover {
|
|
907
|
+
cursor: pointer;
|
|
908
|
+
outline: 2px solid transparent;
|
|
909
|
+
outline-offset: 2px;
|
|
910
|
+
}
|
|
911
|
+
|
|
912
|
+
@supports (color: oklch(0% 0 0)) {
|
|
913
|
+
:where(.menu li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title)):not(.active, .btn):hover, :where(.menu li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):not(.active, .btn):hover {
|
|
914
|
+
background-color: var(--fallback-bc,oklch(var(--bc)/0.1));
|
|
915
|
+
}
|
|
916
|
+
}
|
|
956
917
|
}
|
|
957
918
|
|
|
958
919
|
.input {
|
|
@@ -980,9 +941,99 @@ html {
|
|
|
980
941
|
margin-inline-end: -1rem;
|
|
981
942
|
}
|
|
982
943
|
|
|
983
|
-
.
|
|
944
|
+
.menu {
|
|
945
|
+
display: flex;
|
|
946
|
+
flex-direction: column;
|
|
947
|
+
flex-wrap: wrap;
|
|
948
|
+
font-size: 0.875rem;
|
|
949
|
+
line-height: 1.25rem;
|
|
950
|
+
padding: 0.5rem;
|
|
951
|
+
}
|
|
952
|
+
|
|
953
|
+
.menu :where(li ul) {
|
|
954
|
+
position: relative;
|
|
955
|
+
white-space: nowrap;
|
|
956
|
+
margin-inline-start: 1rem;
|
|
957
|
+
padding-inline-start: 0.5rem;
|
|
958
|
+
}
|
|
959
|
+
|
|
960
|
+
.menu :where(li:not(.menu-title) > *:not(ul, details, .menu-title, .btn)), .menu :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
|
|
961
|
+
display: grid;
|
|
962
|
+
grid-auto-flow: column;
|
|
963
|
+
align-content: flex-start;
|
|
964
|
+
align-items: center;
|
|
965
|
+
gap: 0.5rem;
|
|
966
|
+
grid-auto-columns: minmax(auto, max-content) auto max-content;
|
|
967
|
+
-webkit-user-select: none;
|
|
968
|
+
-moz-user-select: none;
|
|
969
|
+
user-select: none;
|
|
970
|
+
}
|
|
971
|
+
|
|
972
|
+
.menu li.disabled {
|
|
973
|
+
cursor: not-allowed;
|
|
974
|
+
-webkit-user-select: none;
|
|
975
|
+
-moz-user-select: none;
|
|
976
|
+
user-select: none;
|
|
977
|
+
color: var(--fallback-bc,oklch(var(--bc)/0.3));
|
|
978
|
+
}
|
|
979
|
+
|
|
980
|
+
.menu :where(li > .menu-dropdown:not(.menu-dropdown-show)) {
|
|
981
|
+
display: none;
|
|
982
|
+
}
|
|
983
|
+
|
|
984
|
+
:where(.menu li) {
|
|
985
|
+
position: relative;
|
|
986
|
+
display: flex;
|
|
987
|
+
flex-shrink: 0;
|
|
988
|
+
flex-direction: column;
|
|
989
|
+
flex-wrap: wrap;
|
|
990
|
+
align-items: stretch;
|
|
991
|
+
}
|
|
992
|
+
|
|
993
|
+
:where(.menu li) .badge {
|
|
994
|
+
justify-self: end;
|
|
995
|
+
}
|
|
996
|
+
|
|
997
|
+
.swap {
|
|
998
|
+
position: relative;
|
|
999
|
+
display: inline-grid;
|
|
1000
|
+
-webkit-user-select: none;
|
|
1001
|
+
-moz-user-select: none;
|
|
1002
|
+
user-select: none;
|
|
1003
|
+
place-content: center;
|
|
984
1004
|
cursor: pointer;
|
|
985
|
-
|
|
1005
|
+
}
|
|
1006
|
+
|
|
1007
|
+
.swap > * {
|
|
1008
|
+
grid-column-start: 1;
|
|
1009
|
+
grid-row-start: 1;
|
|
1010
|
+
transition-duration: 300ms;
|
|
1011
|
+
transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
|
|
1012
|
+
transition-property: transform, opacity;
|
|
1013
|
+
}
|
|
1014
|
+
|
|
1015
|
+
.swap input {
|
|
1016
|
+
-webkit-appearance: none;
|
|
1017
|
+
-moz-appearance: none;
|
|
1018
|
+
appearance: none;
|
|
1019
|
+
}
|
|
1020
|
+
|
|
1021
|
+
.swap .swap-on,
|
|
1022
|
+
.swap .swap-indeterminate,
|
|
1023
|
+
.swap input:indeterminate ~ .swap-on {
|
|
1024
|
+
opacity: 0;
|
|
1025
|
+
}
|
|
1026
|
+
|
|
1027
|
+
.swap input:checked ~ .swap-off,
|
|
1028
|
+
.swap-active .swap-off,
|
|
1029
|
+
.swap input:indeterminate ~ .swap-off {
|
|
1030
|
+
opacity: 0;
|
|
1031
|
+
}
|
|
1032
|
+
|
|
1033
|
+
.swap input:checked ~ .swap-on,
|
|
1034
|
+
.swap-active .swap-on,
|
|
1035
|
+
.swap input:indeterminate ~ .swap-indeterminate {
|
|
1036
|
+
opacity: 1;
|
|
986
1037
|
}
|
|
987
1038
|
|
|
988
1039
|
.toast {
|
|
@@ -996,14 +1047,6 @@ html {
|
|
|
996
1047
|
padding: 1rem;
|
|
997
1048
|
}
|
|
998
1049
|
|
|
999
|
-
.alert-error {
|
|
1000
|
-
border-color: var(--fallback-er,oklch(var(--er)/0.2));
|
|
1001
|
-
--tw-text-opacity: 1;
|
|
1002
|
-
color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity)));
|
|
1003
|
-
--alert-bg: var(--fallback-er,oklch(var(--er)/1));
|
|
1004
|
-
--alert-bg-mix: var(--fallback-b1,oklch(var(--b1)/1));
|
|
1005
|
-
}
|
|
1006
|
-
|
|
1007
1050
|
@media (prefers-reduced-motion: no-preference) {
|
|
1008
1051
|
.btn {
|
|
1009
1052
|
animation: button-pop var(--animation-btn, 0.25s) ease-out;
|
|
@@ -1022,21 +1065,12 @@ html {
|
|
|
1022
1065
|
border-color: var(--btn-color, var(--fallback-b2));
|
|
1023
1066
|
}
|
|
1024
1067
|
|
|
1025
|
-
.btn-secondary {
|
|
1026
|
-
--btn-color: var(--fallback-s);
|
|
1027
|
-
}
|
|
1028
|
-
|
|
1029
1068
|
.btn-accent {
|
|
1030
1069
|
--btn-color: var(--fallback-a);
|
|
1031
1070
|
}
|
|
1032
1071
|
}
|
|
1033
1072
|
|
|
1034
1073
|
@supports (color: color-mix(in oklab, black, black)) {
|
|
1035
|
-
.btn-outline.btn-secondary.btn-active {
|
|
1036
|
-
background-color: color-mix(in oklab, var(--fallback-s,oklch(var(--s)/1)) 90%, black);
|
|
1037
|
-
border-color: color-mix(in oklab, var(--fallback-s,oklch(var(--s)/1)) 90%, black);
|
|
1038
|
-
}
|
|
1039
|
-
|
|
1040
1074
|
.btn-outline.btn-accent.btn-active {
|
|
1041
1075
|
background-color: color-mix(in oklab, var(--fallback-a,oklch(var(--a)/1)) 90%, black);
|
|
1042
1076
|
border-color: color-mix(in oklab, var(--fallback-a,oklch(var(--a)/1)) 90%, black);
|
|
@@ -1050,21 +1084,11 @@ html {
|
|
|
1050
1084
|
}
|
|
1051
1085
|
|
|
1052
1086
|
@supports (color: oklch(0% 0 0)) {
|
|
1053
|
-
.btn-secondary {
|
|
1054
|
-
--btn-color: var(--s);
|
|
1055
|
-
}
|
|
1056
|
-
|
|
1057
1087
|
.btn-accent {
|
|
1058
1088
|
--btn-color: var(--a);
|
|
1059
1089
|
}
|
|
1060
1090
|
}
|
|
1061
1091
|
|
|
1062
|
-
.btn-secondary {
|
|
1063
|
-
--tw-text-opacity: 1;
|
|
1064
|
-
color: var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity)));
|
|
1065
|
-
outline-color: var(--fallback-s,oklch(var(--s)/1));
|
|
1066
|
-
}
|
|
1067
|
-
|
|
1068
1092
|
.btn-accent {
|
|
1069
1093
|
--tw-text-opacity: 1;
|
|
1070
1094
|
color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity)));
|
|
@@ -1083,14 +1107,20 @@ html {
|
|
|
1083
1107
|
--glass-border-opacity: 15%;
|
|
1084
1108
|
}
|
|
1085
1109
|
|
|
1086
|
-
.btn-
|
|
1087
|
-
|
|
1088
|
-
color:
|
|
1110
|
+
.btn-ghost {
|
|
1111
|
+
border-width: 1px;
|
|
1112
|
+
border-color: transparent;
|
|
1113
|
+
background-color: transparent;
|
|
1114
|
+
color: currentColor;
|
|
1115
|
+
--tw-shadow: 0 0 #0000;
|
|
1116
|
+
--tw-shadow-colored: 0 0 #0000;
|
|
1117
|
+
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
1118
|
+
outline-color: currentColor;
|
|
1089
1119
|
}
|
|
1090
1120
|
|
|
1091
|
-
.btn-
|
|
1092
|
-
|
|
1093
|
-
color: var(--fallback-
|
|
1121
|
+
.btn-ghost.btn-active {
|
|
1122
|
+
border-color: transparent;
|
|
1123
|
+
background-color: var(--fallback-bc,oklch(var(--bc)/0.2));
|
|
1094
1124
|
}
|
|
1095
1125
|
|
|
1096
1126
|
.btn-outline.btn-accent {
|
|
@@ -1225,14 +1255,86 @@ html {
|
|
|
1225
1255
|
text-align: inherit;
|
|
1226
1256
|
}
|
|
1227
1257
|
|
|
1228
|
-
.
|
|
1258
|
+
:where(.menu li:empty) {
|
|
1259
|
+
--tw-bg-opacity: 1;
|
|
1260
|
+
background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));
|
|
1261
|
+
opacity: 0.1;
|
|
1262
|
+
margin: 0.5rem 1rem;
|
|
1263
|
+
height: 1px;
|
|
1264
|
+
}
|
|
1265
|
+
|
|
1266
|
+
.menu :where(li ul):before {
|
|
1267
|
+
position: absolute;
|
|
1268
|
+
bottom: 0.75rem;
|
|
1269
|
+
inset-inline-start: 0px;
|
|
1270
|
+
top: 0.75rem;
|
|
1271
|
+
width: 1px;
|
|
1272
|
+
--tw-bg-opacity: 1;
|
|
1273
|
+
background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));
|
|
1274
|
+
opacity: 0.1;
|
|
1275
|
+
content: "";
|
|
1276
|
+
}
|
|
1277
|
+
|
|
1278
|
+
.menu :where(li:not(.menu-title) > *:not(ul, details, .menu-title, .btn)),
|
|
1279
|
+
.menu :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
|
|
1280
|
+
border-radius: var(--rounded-btn, 0.5rem);
|
|
1281
|
+
padding-left: 1rem;
|
|
1282
|
+
padding-right: 1rem;
|
|
1283
|
+
padding-top: 0.5rem;
|
|
1284
|
+
padding-bottom: 0.5rem;
|
|
1285
|
+
text-align: start;
|
|
1286
|
+
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
|
|
1287
|
+
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
|
|
1288
|
+
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
|
|
1289
|
+
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
1290
|
+
transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
|
|
1291
|
+
transition-duration: 200ms;
|
|
1292
|
+
text-wrap: balance;
|
|
1293
|
+
}
|
|
1294
|
+
|
|
1295
|
+
:where(.menu li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title)):not(summary, .active, .btn).focus, :where(.menu li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title)):not(summary, .active, .btn):focus, :where(.menu li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title)):is(summary):not(.active, .btn):focus-visible, :where(.menu li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):not(summary, .active, .btn).focus, :where(.menu li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):not(summary, .active, .btn):focus, :where(.menu li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):is(summary):not(.active, .btn):focus-visible {
|
|
1296
|
+
cursor: pointer;
|
|
1297
|
+
background-color: var(--fallback-bc,oklch(var(--bc)/0.1));
|
|
1298
|
+
--tw-text-opacity: 1;
|
|
1299
|
+
color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
|
|
1229
1300
|
outline: 2px solid transparent;
|
|
1230
1301
|
outline-offset: 2px;
|
|
1231
1302
|
}
|
|
1232
1303
|
|
|
1233
|
-
.
|
|
1234
|
-
|
|
1235
|
-
|
|
1304
|
+
.menu li > *:not(ul, .menu-title, details, .btn):active,
|
|
1305
|
+
.menu li > *:not(ul, .menu-title, details, .btn).active,
|
|
1306
|
+
.menu li > details > summary:active {
|
|
1307
|
+
--tw-bg-opacity: 1;
|
|
1308
|
+
background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));
|
|
1309
|
+
--tw-text-opacity: 1;
|
|
1310
|
+
color: var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity)));
|
|
1311
|
+
}
|
|
1312
|
+
|
|
1313
|
+
.menu :where(li > details > summary)::-webkit-details-marker {
|
|
1314
|
+
display: none;
|
|
1315
|
+
}
|
|
1316
|
+
|
|
1317
|
+
.menu :where(li > details > summary):after,
|
|
1318
|
+
.menu :where(li > .menu-dropdown-toggle):after {
|
|
1319
|
+
justify-self: end;
|
|
1320
|
+
display: block;
|
|
1321
|
+
margin-top: -0.5rem;
|
|
1322
|
+
height: 0.5rem;
|
|
1323
|
+
width: 0.5rem;
|
|
1324
|
+
transform: rotate(45deg);
|
|
1325
|
+
transition-property: transform, margin-top;
|
|
1326
|
+
transition-duration: 0.3s;
|
|
1327
|
+
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
1328
|
+
content: "";
|
|
1329
|
+
transform-origin: 75% 75%;
|
|
1330
|
+
box-shadow: 2px 2px;
|
|
1331
|
+
pointer-events: none;
|
|
1332
|
+
}
|
|
1333
|
+
|
|
1334
|
+
.menu :where(li > details[open] > summary):after,
|
|
1335
|
+
.menu :where(li > .menu-dropdown-toggle.menu-dropdown-show):after {
|
|
1336
|
+
transform: rotate(225deg);
|
|
1337
|
+
margin-top: 0;
|
|
1236
1338
|
}
|
|
1237
1339
|
|
|
1238
1340
|
.mockup-browser .mockup-browser-toolbar .input {
|
|
@@ -1432,10 +1534,6 @@ html {
|
|
|
1432
1534
|
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));
|
|
1433
1535
|
}
|
|
1434
1536
|
|
|
1435
|
-
.static {
|
|
1436
|
-
position: static;
|
|
1437
|
-
}
|
|
1438
|
-
|
|
1439
1537
|
.mx-auto {
|
|
1440
1538
|
margin-left: auto;
|
|
1441
1539
|
margin-right: auto;
|
|
@@ -1451,6 +1549,16 @@ html {
|
|
|
1451
1549
|
margin-bottom: 0.5rem;
|
|
1452
1550
|
}
|
|
1453
1551
|
|
|
1552
|
+
.my-auto {
|
|
1553
|
+
margin-top: auto;
|
|
1554
|
+
margin-bottom: auto;
|
|
1555
|
+
}
|
|
1556
|
+
|
|
1557
|
+
.mx-2 {
|
|
1558
|
+
margin-left: 0.5rem;
|
|
1559
|
+
margin-right: 0.5rem;
|
|
1560
|
+
}
|
|
1561
|
+
|
|
1454
1562
|
.flex {
|
|
1455
1563
|
display: flex;
|
|
1456
1564
|
}
|
|
@@ -1463,24 +1571,20 @@ html {
|
|
|
1463
1571
|
display: none;
|
|
1464
1572
|
}
|
|
1465
1573
|
|
|
1466
|
-
.h-
|
|
1467
|
-
height:
|
|
1574
|
+
.h-8 {
|
|
1575
|
+
height: 2rem;
|
|
1468
1576
|
}
|
|
1469
1577
|
|
|
1470
|
-
.
|
|
1471
|
-
|
|
1472
|
-
}
|
|
1473
|
-
|
|
1474
|
-
.w-6 {
|
|
1475
|
-
width: 1.5rem;
|
|
1578
|
+
.h-12 {
|
|
1579
|
+
height: 3rem;
|
|
1476
1580
|
}
|
|
1477
1581
|
|
|
1478
1582
|
.w-full {
|
|
1479
1583
|
width: 100%;
|
|
1480
1584
|
}
|
|
1481
1585
|
|
|
1482
|
-
.
|
|
1483
|
-
flex
|
|
1586
|
+
.flex-1 {
|
|
1587
|
+
flex: 1 1 0%;
|
|
1484
1588
|
}
|
|
1485
1589
|
|
|
1486
1590
|
.cursor-pointer {
|
|
@@ -1504,6 +1608,12 @@ html {
|
|
|
1504
1608
|
column-gap: 0.5rem;
|
|
1505
1609
|
}
|
|
1506
1610
|
|
|
1611
|
+
.space-x-2 > :not([hidden]) ~ :not([hidden]) {
|
|
1612
|
+
--tw-space-x-reverse: 0;
|
|
1613
|
+
margin-right: calc(0.5rem * var(--tw-space-x-reverse));
|
|
1614
|
+
margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
|
|
1615
|
+
}
|
|
1616
|
+
|
|
1507
1617
|
.overflow-x-scroll {
|
|
1508
1618
|
overflow-x: scroll;
|
|
1509
1619
|
}
|
|
@@ -1512,9 +1622,21 @@ html {
|
|
|
1512
1622
|
white-space: nowrap;
|
|
1513
1623
|
}
|
|
1514
1624
|
|
|
1515
|
-
.
|
|
1625
|
+
.rounded {
|
|
1626
|
+
border-radius: 0.25rem;
|
|
1627
|
+
}
|
|
1628
|
+
|
|
1629
|
+
.rounded-xl {
|
|
1630
|
+
border-radius: 0.75rem;
|
|
1631
|
+
}
|
|
1632
|
+
|
|
1633
|
+
.border {
|
|
1634
|
+
border-width: 1px;
|
|
1635
|
+
}
|
|
1636
|
+
|
|
1637
|
+
.bg-accent {
|
|
1516
1638
|
--tw-bg-opacity: 1;
|
|
1517
|
-
background-color: var(--fallback-
|
|
1639
|
+
background-color: var(--fallback-a,oklch(var(--a)/var(--tw-bg-opacity)));
|
|
1518
1640
|
}
|
|
1519
1641
|
|
|
1520
1642
|
.bg-blue-400 {
|
|
@@ -1522,13 +1644,19 @@ html {
|
|
|
1522
1644
|
background-color: rgb(96 165 250 / var(--tw-bg-opacity));
|
|
1523
1645
|
}
|
|
1524
1646
|
|
|
1647
|
+
.bg-base-200 {
|
|
1648
|
+
--tw-bg-opacity: 1;
|
|
1649
|
+
background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));
|
|
1650
|
+
}
|
|
1651
|
+
|
|
1525
1652
|
.bg-error {
|
|
1526
1653
|
--tw-bg-opacity: 1;
|
|
1527
1654
|
background-color: var(--fallback-er,oklch(var(--er)/var(--tw-bg-opacity)));
|
|
1528
1655
|
}
|
|
1529
1656
|
|
|
1530
|
-
.
|
|
1531
|
-
|
|
1657
|
+
.text-4xl {
|
|
1658
|
+
font-size: 2.25rem;
|
|
1659
|
+
line-height: 2.5rem;
|
|
1532
1660
|
}
|
|
1533
1661
|
|
|
1534
1662
|
.text-2xl {
|
client/rollup.config.mjs
ADDED
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import svelte from "rollup-plugin-svelte";
|
|
2
|
+
import { nodeResolve } from "@rollup/plugin-node-resolve";
|
|
3
|
+
import commonjs from "@rollup/plugin-commonjs";
|
|
4
|
+
import livereload from "rollup-plugin-livereload";
|
|
5
|
+
import terser from "@rollup/plugin-terser";
|
|
6
|
+
import { sveltePreprocess } from "svelte-preprocess";
|
|
7
|
+
import typescript from "@rollup/plugin-typescript";
|
|
8
|
+
|
|
9
|
+
const production = !process.env.ROLLUP_WATCH;
|
|
10
|
+
|
|
11
|
+
export default {
|
|
12
|
+
input: "src/main.js",
|
|
13
|
+
output: {
|
|
14
|
+
sourcemap: true,
|
|
15
|
+
format: "iife",
|
|
16
|
+
name: "app",
|
|
17
|
+
file: "public/bundle.js",
|
|
18
|
+
},
|
|
19
|
+
plugins: [
|
|
20
|
+
svelte({
|
|
21
|
+
compilerOptions: {
|
|
22
|
+
dev: !production,
|
|
23
|
+
css: (css) => {
|
|
24
|
+
css.write("public/bundle.css");
|
|
25
|
+
},
|
|
26
|
+
},
|
|
27
|
+
preprocess: sveltePreprocess(),
|
|
28
|
+
}),
|
|
29
|
+
|
|
30
|
+
typescript({ sourceMap: !production }),
|
|
31
|
+
nodeResolve({
|
|
32
|
+
browser: true,
|
|
33
|
+
dedupe: (importee) =>
|
|
34
|
+
importee === "svelte" || importee.startsWith("svelte/"),
|
|
35
|
+
}),
|
|
36
|
+
commonjs(),
|
|
37
|
+
|
|
38
|
+
!production && livereload("public"),
|
|
39
|
+
production && terser(),
|
|
40
|
+
],
|
|
41
|
+
watch: {
|
|
42
|
+
clearScreen: false,
|
|
43
|
+
},
|
|
44
|
+
};
|