@ddict/bubble 0.0.7 → 0.0.9
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/README.md +52 -2
- package/dist/assets/icons/arrow-full-screen.svg +10 -0
- package/dist/assets/icons/book-one.svg +5 -0
- package/dist/assets/icons/cancel.svg +4 -0
- package/dist/assets/icons/ddict-logo.svg +6 -0
- package/dist/assets/icons/favorite-filled.svg +3 -0
- package/dist/assets/icons/favorite.svg +3 -0
- package/dist/assets/icons/google-translate.svg +3 -0
- package/dist/assets/icons/logo.svg +9 -0
- package/dist/assets/icons/polygon.svg +3 -0
- package/dist/assets/icons/setting.svg +4 -0
- package/dist/assets/icons/transfer.svg +6 -0
- package/dist/assets/icons/volume-stop.svg +3 -0
- package/dist/assets/icons/volume.svg +3 -0
- package/dist/bubble.css +1 -1
- package/dist/bubble.es.js +238 -217
- package/dist/bubble.umd.js +1 -1
- package/dist/ddict-loading.gif +0 -0
- package/package.json +48 -27
package/README.md
CHANGED
|
@@ -1,2 +1,52 @@
|
|
|
1
|
-
#
|
|
2
|
-
|
|
1
|
+
# Ddict Bubble (Content Scripts Popover)
|
|
2
|
+
To get the Ddict Bubble project up and running on your local machine, follow these steps:
|
|
3
|
+
|
|
4
|
+
## Prerequisites
|
|
5
|
+
- Node v20+
|
|
6
|
+
|
|
7
|
+
### Installation
|
|
8
|
+
|
|
9
|
+
```
|
|
10
|
+
npm install
|
|
11
|
+
```
|
|
12
|
+
|
|
13
|
+
### Running the Project Locally
|
|
14
|
+
|
|
15
|
+
```
|
|
16
|
+
npm run dev
|
|
17
|
+
```
|
|
18
|
+
This command will start a local development server. You can now access the application in your web browser at the address provided in the terminal output (usually http://localhost:5173).
|
|
19
|
+
|
|
20
|
+
### Run Lint Check
|
|
21
|
+
|
|
22
|
+
To check for linting errors, run:
|
|
23
|
+
|
|
24
|
+
```
|
|
25
|
+
npm run lint
|
|
26
|
+
```
|
|
27
|
+
|
|
28
|
+
This command will use ESLint to check your code for any linting errors based on the project's configuration.
|
|
29
|
+
|
|
30
|
+
### Format Code with Prettier
|
|
31
|
+
|
|
32
|
+
To format your code according to the project's Prettier configuration, run:
|
|
33
|
+
|
|
34
|
+
```
|
|
35
|
+
npm run format
|
|
36
|
+
```
|
|
37
|
+
|
|
38
|
+
### Building the Project
|
|
39
|
+
|
|
40
|
+
```
|
|
41
|
+
npm run build
|
|
42
|
+
```
|
|
43
|
+
This command compiles the application into static files in the dist directory. These files can then be deployed to a web server.
|
|
44
|
+
|
|
45
|
+
## Previewing the Build
|
|
46
|
+
|
|
47
|
+
After building the project, you can preview the production build locally by running:
|
|
48
|
+
|
|
49
|
+
```
|
|
50
|
+
npm run preview
|
|
51
|
+
```
|
|
52
|
+
Check the terminal output for the local URL to access the preview (usually http://localhost:4173)
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M2.467 2.47236C2.75841 2.17799 3.23328 2.17559 3.52764 2.467L8.52765 7.41675C8.82201 7.70816 8.82441 8.18303 8.533 8.4774C8.24159 8.77176 7.76672 8.77416 7.47235 8.48275L2.47236 3.533C2.17799 3.24159 2.17559 2.76672 2.467 2.47236Z" fill="#3B5695"/>
|
|
3
|
+
<path d="M8.533 15.4724C8.82441 15.7667 8.82201 16.2416 8.52765 16.533L3.52765 21.4828C3.23328 21.7742 2.75841 21.7718 2.467 21.4774C2.17559 21.183 2.17799 20.7082 2.47236 20.4167L7.47235 15.467C7.76672 15.1756 8.24159 15.178 8.533 15.4724Z" fill="#3B5695"/>
|
|
4
|
+
<path d="M15.52 15.4697C15.8129 15.1768 16.2877 15.1768 16.5806 15.4697L21.5304 20.4194C21.8233 20.7123 21.8233 21.1872 21.5304 21.4801C21.2375 21.773 20.7626 21.773 20.4697 21.4801L15.52 16.5303C15.2271 16.2374 15.2271 15.7626 15.52 15.4697Z" fill="#3B5695"/>
|
|
5
|
+
<path d="M21.4801 2.46967C21.773 2.76256 21.773 3.23744 21.4801 3.53033L16.5303 8.48008C16.2374 8.77297 15.7626 8.77297 15.4697 8.48008C15.1768 8.18719 15.1768 7.71231 15.4697 7.41942L20.4194 2.46967C20.7123 2.17678 21.1872 2.17678 21.4801 2.46967Z" fill="#3B5695"/>
|
|
6
|
+
<path d="M15.75 3C15.75 2.58579 16.0858 2.25 16.5 2.25H21C21.4142 2.25 21.75 2.58579 21.75 3V7.5C21.75 7.91421 21.4142 8.25 21 8.25C20.5858 8.25 20.25 7.91421 20.25 7.5V3.75H16.5C16.0858 3.75 15.75 3.41421 15.75 3Z" fill="#3B5695"/>
|
|
7
|
+
<path d="M21 15.75C21.4142 15.75 21.75 16.0858 21.75 16.5V21C21.75 21.4142 21.4142 21.75 21 21.75H16.5C16.0858 21.75 15.75 21.4142 15.75 21C15.75 20.5858 16.0858 20.25 16.5 20.25H20.25V16.5C20.25 16.0858 20.5858 15.75 21 15.75Z" fill="#3B5695"/>
|
|
8
|
+
<path d="M3 15.75C3.41421 15.75 3.75 16.0858 3.75 16.5V20.25H7.5C7.91421 20.25 8.25 20.5858 8.25 21C8.25 21.4142 7.91421 21.75 7.5 21.75H3C2.58579 21.75 2.25 21.4142 2.25 21V16.5C2.25 16.0858 2.58579 15.75 3 15.75Z" fill="#3B5695"/>
|
|
9
|
+
<path d="M2.25 3C2.25 2.58579 2.58579 2.25 3 2.25H7.5C7.91421 2.25 8.25 2.58579 8.25 3C8.25 3.41421 7.91421 3.75 7.5 3.75H3.75V7.5C3.75 7.91421 3.41421 8.25 3 8.25C2.58579 8.25 2.25 7.91421 2.25 7.5V3Z" fill="#3B5695"/>
|
|
10
|
+
</svg>
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.5 3.25C5.25736 3.25 4.25 4.25736 4.25 5.5H3.5H2.75C2.75 3.42893 4.42893 1.75 6.5 1.75H17.5C17.9142 1.75 18.25 2.08579 18.25 2.5V15.5C18.25 15.9142 17.9142 16.25 17.5 16.25H6.5C5.26293 16.25 4.25 17.2576 4.25 18.5C4.25 18.9142 3.91421 19.25 3.5 19.25C3.08579 19.25 2.75 18.9142 2.75 18.5V5.5C2.75 5.49993 2.75 5.5 3.5 5.5C4.25 5.5 4.25 5.49993 4.25 5.5V15.5017C4.87779 15.0296 5.65755 14.75 6.5 14.75H16.75V3.25H6.5Z" fill="#3B5695"/>
|
|
3
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M20.5 2.75C20.9142 2.75 21.25 3.08579 21.25 3.5V21.5C21.25 21.9142 20.9142 22.25 20.5 22.25H6.5C4.42893 22.25 2.75 20.5711 2.75 18.5C2.75 16.4289 4.42893 14.75 6.5 14.75H17.4995C17.4996 14.75 17.5 14.75 17.5 15.5C17.5 16.25 17.5001 16.25 17.5 16.25H6.5C5.25736 16.25 4.25 17.2574 4.25 18.5C4.25 19.7426 5.25736 20.75 6.5 20.75H19.75V3.5C19.75 3.08579 20.0858 2.75 20.5 2.75ZM18.25 15.5C18.25 15.9142 17.9142 16.25 17.5 16.25V15.5L17.4995 14.75C17.9137 14.75 18.25 15.0858 18.25 15.5Z" fill="#3B5695"/>
|
|
4
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.25 18.5C6.25 18.0858 6.58579 17.75 7 17.75H17C17.4142 17.75 17.75 18.0858 17.75 18.5C17.75 18.9142 17.4142 19.25 17 19.25H7C6.58579 19.25 6.25 18.9142 6.25 18.5Z" fill="#3B5695"/>
|
|
5
|
+
</svg>
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M3.19102 3.19102C3.44571 2.93633 3.85864 2.93633 4.11333 3.19102L12.809 11.8867C13.0637 12.1414 13.0637 12.5543 12.809 12.809C12.5543 13.0637 12.1414 13.0637 11.8867 12.809L3.19102 4.11333C2.93633 3.85864 2.93633 3.44571 3.19102 3.19102Z" fill="#1A1F2A"/>
|
|
3
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.809 3.19102C13.0637 3.44571 13.0637 3.85864 12.809 4.11333L4.11333 12.809C3.85864 13.0637 3.44571 13.0637 3.19102 12.809C2.93633 12.5543 2.93633 12.1414 3.19102 11.8867L11.8867 3.19102C12.1414 2.93633 12.5543 2.93633 12.809 3.19102Z" fill="#1A1F2A"/>
|
|
4
|
+
</svg>
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
<svg width="1324" height="1326" viewBox="0 0 1324 1326" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<rect x="141" y="78" width="1042" height="1170" fill="white"/>
|
|
3
|
+
<path d="M184.533 1.99984C135.867 7.19984 89.8666 29.8665 56.4 65.1998C29.6 93.4665 12.5333 126.266 3.73329 166.4L0.666626 180V663.333V1146.67L3.73329 1160.27C12.5333 1200.4 29.6 1233.2 56.4 1261.47C90.4 1297.33 135.333 1319.33 185.6 1324.67C203.333 1326.53 1122.53 1326.4 1139.73 1324.53C1188.53 1319.33 1229.07 1299.73 1264.13 1264.8C1294.27 1234.67 1311.47 1202.67 1320.8 1159.33C1323.2 1148.4 1323.33 1130 1323.33 663.333C1323.33 196.667 1323.2 178.266 1320.8 167.333C1311.47 124 1294.27 91.9998 1264.13 61.8664C1229.07 26.9331 1188.53 7.33314 1139.73 2.13314C1124.67 0.399809 200 0.399842 184.533 1.99984ZM732.933 151.466C746.8 152.933 763.333 157.6 774 163.067C800.267 176.267 822.4 200.4 833.2 227.333C841.867 249.333 841.467 233.467 841.067 502C840.533 777.6 841.733 750.267 829.2 776.133C822.133 790.933 810.667 806.533 800.267 815.2C795.2 819.6 793.2 822.267 792 827.067C786.133 848.267 768.667 885.867 755.2 906.133C724.533 952 681.2 986.133 624 1009.33C615.6 1012.8 608.4 1015.87 608.133 1016.13C607.867 1016.27 614.533 1023.33 622.933 1031.6C633.467 1042.13 639.333 1049.07 642.133 1054.4C646.933 1063.87 645.467 1064 672.667 1050.8C724.933 1025.47 762.933 994.8 794.933 952C811.467 929.867 829.867 895.333 839.333 868.267C841.333 862.667 843.467 858 844.133 858C844.667 858 845.6 859.333 846.133 860.933C848.267 868.133 863.333 900.8 870.133 913.2C898 963.867 931.6 1001.2 975.333 1030.27C989.867 1040 1017.2 1054.4 1031.6 1059.73L1037.2 1061.87L1041.33 1054.67C1048.4 1042.4 1056.67 1032.27 1067.87 1022.4L1078.67 1012.8L1071.6 1010.27C1067.87 1008.8 1060.53 1006 1055.6 1004.13C1040.93 998.533 1013.73 984 1000 974.267C985.733 964.133 960.8 940.667 948.933 926.267C935.067 909.333 921.467 887.467 910 864C900.133 844 887.2 812.133 884.667 801.6L883.733 798H971.867H1060V769.333V740.667H963.333H866.533L867.333 736.267C868.4 729.867 870.4 693.067 871.467 662.933C872.267 639.067 872.533 636.4 874.8 635.2C878.667 633.2 881.333 626.667 882.267 617.333L883.067 608.667H872.133C864.133 608.667 861.067 608.133 860.533 606.8C860 605.467 881.2 466 886.133 438.267L886.933 433.867L977.867 434.4C1066.67 434.8 1068.93 434.8 1079.87 437.733C1124.8 449.6 1158.67 482.533 1172.93 528L1176.67 540V808V1076L1172.93 1087.73C1158.53 1133.6 1126.13 1164.93 1078.93 1178.4L1068.67 1181.33L812.667 1181.73C638.8 1182 552.667 1181.73 544.4 1180.67C488.667 1174.4 443.2 1132.13 432.533 1076.93C431.067 1068.93 430.667 1046.4 430.667 956.667V846.133L340.4 845.6C252.8 845.2 249.6 845.067 239.067 842.267C196.533 831.067 164.533 800.133 151.067 757.333L147.333 745.333V499.333V253.333L150.4 242C159.067 209.067 180.4 181.866 210.667 164.933C221.2 159.066 240.4 152.933 252.667 151.6C268.533 149.733 716.933 149.6 732.933 151.466Z" fill="#3B5695"/>
|
|
4
|
+
<path d="M256.533 213.333C232.933 218.533 214.133 237.067 209.333 259.733C208.4 264.533 208 337.2 208.267 502L208.667 737.333L211.733 744.933C218.533 761.733 231.733 774.533 248.667 780.933L256.667 784L490 784.4C749.2 784.8 734.4 785.333 750.133 776C764.267 767.6 775.467 752.4 778.667 737.067C779.6 732.8 780 652.133 779.733 494L779.333 257.333L775.067 248.267C767.2 231.6 756.933 222 740.133 215.467L731.333 212L498 211.733C306.8 211.6 263.2 211.867 256.533 213.333ZM492 281.2C546.267 290.267 590.267 311.2 622.533 343.333C653.867 374.667 671.867 409.867 680.267 456.667C684.133 478.533 684.133 516.267 680.133 538.533C665.467 621.067 606.933 684.4 524 707.467C490 716.933 488.4 716.933 392.4 717.6L305.333 718.133V498V277.867L391.733 278.4C465.733 278.8 480 279.2 492 281.2Z" fill="#3B5695"/>
|
|
5
|
+
<path d="M384 462.933V576.133L345.067 611.467C306.533 646.267 306.133 646.667 310.667 647.067C313.2 647.333 348.933 647.333 390 646.933C472.667 646.267 477.6 645.867 503.6 637.333C527.6 629.333 543.333 620 560.267 603.6C590.133 574.667 604.4 536.267 602.267 489.733C600.533 450.267 588.267 420 564 395.333C546.8 377.867 531.6 368.4 506.267 360C482.933 352.133 474.533 351.2 427.067 350.4L384 349.733V462.933Z" fill="#3B5695"/>
|
|
6
|
+
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M7.47207 1.31905C7.57125 1.12371 7.77589 1 8.00001 1C8.22413 1 8.42877 1.12367 8.52795 1.31905L10.3721 4.95175L14.4959 5.53427C14.7177 5.5656 14.9019 5.7166 14.9712 5.9238C15.0404 6.13101 14.9827 6.35843 14.8222 6.51049L11.8382 9.33816L12.5427 13.3309C12.5806 13.5456 12.4897 13.7626 12.3084 13.8906C12.1272 14.0187 11.8868 14.0356 11.6884 13.9342L8.00004 12.0491L4.31158 13.9343C4.11323 14.0356 3.87286 14.0187 3.69157 13.8907C3.51028 13.7627 3.4195 13.5457 3.45736 13.3309L4.1618 9.33819L1.17781 6.51052C1.01735 6.35846 0.959571 6.13101 1.02884 5.92383C1.09807 5.71663 1.28232 5.56563 1.50409 5.53431L5.62787 4.95178L7.47207 1.31905Z" fill="#FFC857"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M14.9491 5.89315C14.8278 5.53128 14.5111 5.27252 14.1226 5.21783L10.5264 4.7114L8.91813 1.55315C8.74435 1.21195 8.39257 1 7.99998 1C7.60739 1 7.25557 1.21195 7.08183 1.55315L5.47358 4.7114L1.8774 5.21783C1.48888 5.27252 1.17219 5.53128 1.05086 5.89315C0.929554 6.25501 1.02881 6.64477 1.30993 6.91038L3.91217 9.36871L3.29786 12.8399C3.2315 13.215 3.38755 13.5868 3.7052 13.8105C3.88128 13.9344 4.08938 14 4.30704 14C4.47232 14 4.63705 13.9606 4.78341 13.886L7.99995 12.2471L11.2165 13.886C11.3628 13.9606 11.5276 14 11.6929 14C11.9106 14 12.1187 13.9345 12.2948 13.8105C12.6124 13.5868 12.7685 13.215 12.7021 12.84L12.0878 9.36871L14.6901 6.91035C14.9712 6.64477 15.0704 6.25498 14.9491 5.89315ZM14.0266 6.25082L11.2455 8.87813C11.1335 8.98392 11.0824 9.13637 11.1089 9.28575L11.7654 12.9956C11.7701 13.0226 11.759 13.0493 11.7362 13.0653C11.7202 13.0766 11.7038 13.079 11.6929 13.079C11.6809 13.079 11.6694 13.0762 11.6587 13.0708L8.22108 11.3192C8.15189 11.284 8.07593 11.2663 7.99998 11.2663C7.92402 11.2663 7.84807 11.284 7.77882 11.3193L4.34118 13.0708C4.33052 13.0763 4.31904 13.079 4.30701 13.079C4.29611 13.079 4.27969 13.0767 4.26373 13.0654C4.24092 13.0494 4.22975 13.0226 4.2345 12.9957L4.89104 9.28584C4.91747 9.13646 4.86637 8.98401 4.75439 8.87822L1.97327 6.25091C1.95308 6.23184 1.94595 6.20383 1.95466 6.17786C1.9634 6.15185 1.98612 6.13326 2.01405 6.12933L5.85743 5.58807C6.0122 5.56626 6.14599 5.47208 6.21521 5.33616L7.93404 1.9608C7.94653 1.9363 7.97178 1.92107 7.99998 1.92107C8.02818 1.92107 8.05343 1.9363 8.06591 1.9608L9.78468 5.33607C9.85391 5.47199 9.9877 5.5662 10.1425 5.58799L13.9859 6.12924C14.0138 6.1332 14.0365 6.15176 14.0452 6.17777C14.0539 6.20374 14.0468 6.23175 14.0266 6.25082Z" fill="#FFC857"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M13.2018 4.409H8.2373L7.46364 2H2.79867C2.35907 2 2 2.3595 2 2.7995V10.937C2 11.376 2.36008 11.7355 2.79867 11.7355H7.79971L8.53636 14H13.2013C13.6404 14 14 13.6465 14 13.214V5.195C14 4.7625 13.6404 4.409 13.2018 4.409ZM5.3702 8.749C4.33499 8.749 3.49481 7.909 3.49481 6.874C3.49481 5.839 4.33499 4.999 5.3702 4.999C5.87631 4.999 6.3004 5.1865 6.62646 5.487L6.13136 5.963C5.9244 5.77181 5.65196 5.66729 5.3702 5.671C4.71757 5.671 4.18846 6.211 4.18846 6.8755C4.18846 7.54 4.71757 8.08 5.3697 8.08C6.12336 8.08 6.43492 7.54 6.46493 7.176L5.3707 7.175V6.533H7.12607C7.15107 6.648 7.17108 6.7615 7.17108 6.915C7.17108 7.9885 6.45393 8.7495 5.3697 8.7495L5.3702 8.749ZM13.7504 13.214C13.7504 13.509 13.5044 13.75 13.2018 13.75H8.76341L10.5883 11.735H10.5908L10.2207 10.584L10.2237 10.5815C10.2237 10.5815 10.5078 10.3375 10.8623 9.9615C11.2184 10.347 11.6775 10.811 12.2716 11.364L12.6572 10.978C12.0211 10.401 11.555 9.943 11.2119 9.5755C11.6715 9.032 12.1381 8.348 12.2366 7.722H13.2538V7.723H13.2548V7.253H10.9884V6.493H10.2527V7.253H9.15049L8.31432 4.648L8.31732 4.659H13.2018C13.5044 4.659 13.7504 4.899 13.7504 5.195V13.214ZM10.5078 9.5585C10.2397 9.8325 10.0362 9.995 10.0362 9.995L10.0322 9.997L9.30202 7.723H11.6845C11.531 8.265 11.1904 8.777 10.8588 9.175C10.2707 8.479 10.2687 8.253 10.2687 8.253H9.6576C9.6576 8.253 9.6826 8.5925 10.5078 9.5585Z" fill="#7E7E7E"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
<svg width="96" height="32" viewBox="0 0 96 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M40.151 8.94498H35.7256V23.055H40.151C44.7473 23.055 47.826 20.0825 47.826 15.9795C47.8267 11.8093 44.7678 8.94498 40.151 8.94498ZM40.1312 21.025H37.993V10.9974H40.1312C43.4217 10.9974 45.4972 12.9846 45.4972 15.9795C45.4965 18.9296 43.4012 21.025 40.1312 21.025Z" fill="#3B5695"/>
|
|
3
|
+
<path d="M54.5158 8.94498H50.0903V23.055H54.5158C59.1121 23.055 62.1908 20.0825 62.1908 15.9795C62.1914 11.8093 59.1351 8.94498 54.5158 8.94498ZM54.496 21.025H52.3578V10.9974H54.496C57.789 10.9974 59.8619 12.9846 59.8619 15.9795C59.8613 18.9296 57.766 21.025 54.496 21.025Z" fill="#3B5695"/>
|
|
4
|
+
<path d="M66.7237 8.94498H64.4575V23.055H66.7237V8.94498Z" fill="#3B5695"/>
|
|
5
|
+
<path d="M76.4301 10.7837C78.29 10.7837 79.7436 11.6603 80.7487 13.2207L82.4589 11.9591C81.2401 9.97057 78.9957 8.70953 76.409 8.70953C72.3898 8.64555 68.9048 11.9591 68.9906 16C68.9048 20.0403 72.3898 23.3544 76.409 23.2905C79.0385 23.2905 81.2618 22.0294 82.4589 20.0409L80.7487 18.7793C79.7436 20.3397 78.29 21.2163 76.4301 21.2163C73.544 21.2163 71.3418 18.993 71.3418 16C71.3418 13.007 73.5433 10.7837 76.4301 10.7837Z" fill="#3B5695"/>
|
|
6
|
+
<path d="M83.3135 8.94498V10.9757H88.0595V23.055H90.3256V10.9757H95.0934V8.94498H83.3135Z" fill="#3B5695"/>
|
|
7
|
+
<path d="M8.66351 4.7121H4.604V15.4427L6.87208 13.3839V6.79143H8.64559C11.4639 6.79143 13.2835 8.47857 13.2835 11.0877C13.2835 13.6916 11.421 15.4427 8.64559 15.4427H4.604V17.5016H8.66351C12.7531 17.5016 15.6098 14.8644 15.6098 11.0877C15.6104 7.27575 12.8196 4.7121 8.66351 4.7121Z" fill="#3B5695"/>
|
|
8
|
+
<path d="M26.2425 9.25528H21.5502L20.7537 14.293L21.4523 14.3308L21.4069 14.7294C21.3916 14.8656 21.3289 15.0448 21.112 15.1734C21.1017 15.9399 21.0845 17.0493 20.9706 18.1766H26.5937V19.8586H21.4677C22.4133 22.9424 24.1254 24.9648 26.5611 25.8669L27.1536 26.0864L26.6795 26.5048C26.4875 26.6737 26.2182 27.0141 26.0896 27.2489L25.9258 27.5438L25.6155 27.4152C23.167 26.4095 21.4223 24.4926 20.2905 21.563C19.3602 24.3365 17.5797 26.2553 14.8592 27.428L14.5438 27.5617L14.3775 27.2642C14.2764 27.08 14.0294 26.7876 13.8151 26.5989L13.3564 26.1951L13.9239 25.9655C16.4555 24.9392 18.064 23.1414 18.8228 20.4837C19.6647 19.8381 20.2099 18.8221 20.2169 17.6801V4.53231C20.2169 2.58349 18.6334 1 16.6846 1H3.53487C1.58349 1 0 2.58349 0 4.53231V17.6795C0 19.6283 1.58349 21.2143 3.53487 21.2143H8.25528V27.2431C8.25528 29.3135 9.93986 31 12.0096 31H26.2431C28.3161 31 29.9974 29.3129 29.9974 27.2431V13.0096C29.9974 10.9392 28.3154 9.25528 26.2425 9.25528ZM3.53487 19.4517C2.55662 19.4517 1.762 18.6603 1.762 17.6788V4.53231C1.762 3.55662 2.55598 2.762 3.53487 2.762H16.6839C17.6571 2.762 18.4517 3.55598 18.4517 4.53231V17.6795C18.4517 17.778 18.444 17.8733 18.4267 17.9667C18.3941 18.1811 18.3231 18.38 18.215 18.5592C17.9149 19.0934 17.3372 19.4517 16.6846 19.4517H3.53487Z" fill="#3B5695"/>
|
|
9
|
+
</svg>
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M9.12596 1.63869C9.46935 1.54364 9.83221 1.70329 9.99413 2.02068C10.3672 2.75191 11.1261 3.25 12 3.25C12.8739 3.25 13.6328 2.75191 14.0059 2.02068C14.1678 1.70329 14.5307 1.54364 14.874 1.63869C16.5585 2.10497 18.0759 2.9704 19.3184 4.12574C19.5611 4.35137 19.6269 4.70948 19.4804 5.00666C19.3331 5.30535 19.25 5.6419 19.25 6C19.25 7.24263 20.2574 8.25 21.5 8.25L21.5314 8.24977C21.8629 8.24504 22.1583 8.45859 22.2576 8.77495C22.5777 9.79397 22.75 10.8776 22.75 12C22.75 12.7408 22.6749 13.4649 22.5318 14.1648C22.4548 14.5411 22.1059 14.7985 21.7237 14.7609C21.6504 14.7537 21.5758 14.75 21.5 14.75C20.2574 14.75 19.25 15.7574 19.25 17C19.25 17.5531 19.4486 18.0579 19.7793 18.4498C20.027 18.7434 20.0128 19.1767 19.7465 19.4535C18.4777 20.7719 16.8745 21.7678 15.0721 22.3044C14.6807 22.4209 14.2681 22.2029 14.1437 21.814C13.8535 20.906 13.0024 20.25 12 20.25C10.9976 20.25 10.1465 20.906 9.85629 21.814C9.73195 22.2029 9.31927 22.4209 8.92789 22.3044C7.12545 21.7678 5.52229 20.7719 4.25353 19.4535C3.98716 19.1767 3.97299 18.7434 4.22072 18.4498C4.55139 18.0579 4.75 17.5531 4.75 17C4.75 15.7574 3.74264 14.75 2.5 14.75C2.42423 14.75 2.34963 14.7537 2.27634 14.7609C1.89406 14.7985 1.54519 14.5411 1.46821 14.1648C1.32505 13.4649 1.25 12.7408 1.25 12C1.25 10.8776 1.42227 9.79398 1.74236 8.77494C1.84173 8.45859 2.13705 8.24504 2.4686 8.24977L2.5 8.25C3.74264 8.25 4.75 7.24263 4.75 6C4.75 5.6419 4.66689 5.30535 4.51962 5.00666C4.3731 4.70948 4.43894 4.35137 4.68159 4.12574C5.92411 2.9704 7.44153 2.10497 9.12596 1.63869ZM6.08277 4.88991C6.19152 5.24123 6.25 5.61424 6.25 6C6.25 7.88945 4.85261 9.45253 3.03493 9.71213C2.84898 10.4432 2.75 11.2096 2.75 12C2.75 12.4294 2.77921 12.8516 2.83567 13.2648C4.74948 13.4346 6.25 15.0421 6.25 17C6.25 17.6669 6.0754 18.2941 5.76971 18.8372C6.62645 19.6184 7.63002 20.2404 8.73362 20.657C9.37706 19.5189 10.598 18.75 12 18.75C13.402 18.75 14.6229 19.5189 15.2664 20.657C16.37 20.2404 17.3735 19.6184 18.2303 18.8372C17.9246 18.2941 17.75 17.6669 17.75 17C17.75 15.0421 19.2505 13.4346 21.1643 13.2648C21.2208 12.8516 21.25 12.4294 21.25 12C21.25 11.2096 21.151 10.4432 20.9651 9.71213C19.1474 9.45252 17.75 7.88945 17.75 6C17.75 5.61424 17.8085 5.24123 17.9172 4.88991C17.0618 4.1771 16.0762 3.61614 15.0018 3.24775C14.3184 4.15897 13.2287 4.75 12 4.75C10.7713 4.75 9.68158 4.15897 8.99819 3.24775C7.92382 3.61614 6.93823 4.1771 6.08277 4.88991Z" fill="#7E7E7E"/>
|
|
3
|
+
<path d="M7.75 12C7.75 9.65278 9.65279 7.75 12 7.75C14.3472 7.75 16.25 9.65278 16.25 12C16.25 14.3472 14.3472 16.25 12 16.25C9.65279 16.25 7.75 14.3472 7.75 12ZM12 9.25C10.4812 9.25 9.25 10.4812 9.25 12C9.25 13.5188 10.4812 14.75 12 14.75C13.5188 14.75 14.75 13.5188 14.75 12C14.75 10.4812 13.5188 9.25 12 9.25Z" fill="#7E7E7E"/>
|
|
4
|
+
</svg>
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M3.68688 2.3131C3.88214 2.50837 3.88214 2.82495 3.68688 3.02021L2.04043 4.66666L3.68688 6.3131C3.88214 6.50837 3.88214 6.82495 3.68688 7.02021C3.49162 7.21547 3.17504 7.21547 2.97977 7.02021L0.979775 5.02021C0.784513 4.82495 0.784513 4.50837 0.979775 4.3131L2.97977 2.3131C3.17504 2.11784 3.49162 2.11784 3.68688 2.3131Z" fill="#7E7E7E"/>
|
|
3
|
+
<path d="M12.3131 8.97977C12.5084 8.78451 12.825 8.78451 13.0202 8.97977L15.0202 10.9798C15.2155 11.175 15.2155 11.4916 15.0202 11.6869L13.0202 13.6869C12.825 13.8821 12.5084 13.8821 12.3131 13.6869C12.1178 13.4916 12.1178 13.175 12.3131 12.9798L13.9596 11.3333L12.3131 9.68688C12.1178 9.49161 12.1178 9.17503 12.3131 8.97977Z" fill="#7E7E7E"/>
|
|
4
|
+
<path d="M0.833328 4.66666C0.833328 4.39051 1.05719 4.16666 1.33333 4.16666H14.6667C14.9428 4.16666 15.1667 4.39051 15.1667 4.66666C15.1667 4.9428 14.9428 5.16666 14.6667 5.16666H1.33333C1.05719 5.16666 0.833328 4.9428 0.833328 4.66666Z" fill="#7E7E7E"/>
|
|
5
|
+
<path d="M0.833328 11.3333C0.833328 11.0572 1.05719 10.8333 1.33333 10.8333H14.6667C14.9428 10.8333 15.1667 11.0572 15.1667 11.3333C15.1667 11.6095 14.9428 11.8333 14.6667 11.8333H1.33333C1.05719 11.8333 0.833328 11.6095 0.833328 11.3333Z" fill="#7E7E7E"/>
|
|
6
|
+
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M2.33325 4.66667H3.51125C3.82693 4.6667 4.13239 4.55473 4.37325 4.35067L6.83392 2.26667C6.99592 2.12953 7.19374 2.04156 7.40407 2.01312C7.61441 1.98468 7.82849 2.01696 8.02109 2.10615C8.21369 2.19534 8.37678 2.33772 8.49114 2.51652C8.60551 2.69532 8.66638 2.90309 8.66659 3.11534V12.8847C8.66649 13.097 8.60565 13.305 8.49125 13.4839C8.37685 13.6628 8.21367 13.8053 8.02094 13.8945C7.82822 13.9837 7.614 14.0159 7.40356 13.9874C7.19312 13.9588 6.99523 13.8707 6.83325 13.7333L4.37325 11.6487C4.13229 11.4449 3.82685 11.3331 3.51125 11.3333H2.33325C2.06804 11.3333 1.81368 11.228 1.62615 11.0404C1.43861 10.8529 1.33325 10.5986 1.33325 10.3333V5.66667C1.33325 5.40145 1.43861 5.1471 1.62615 4.95956C1.81368 4.77203 2.06804 4.66667 2.33325 4.66667ZM11.1779 11.18C11.5969 10.763 11.9294 10.2674 12.1562 9.72156C12.3831 9.17572 12.4999 8.59044 12.4999 7.99934C12.4999 7.40823 12.3831 6.82295 12.1562 6.27711C11.9294 5.73127 11.5969 5.23564 11.1779 4.81867C11.1317 4.77098 11.0765 4.73297 11.0155 4.70686C10.9544 4.68075 10.8888 4.66705 10.8224 4.66657C10.756 4.66609 10.6902 4.67883 10.6288 4.70406C10.5674 4.72929 10.5116 4.76649 10.4647 4.8135C10.4179 4.86051 10.3808 4.91639 10.3558 4.97787C10.3307 5.03935 10.3181 5.10521 10.3188 5.17159C10.3195 5.23798 10.3334 5.30357 10.3597 5.36453C10.3859 5.42549 10.4241 5.48061 10.4719 5.52667C10.7977 5.85079 11.0562 6.23609 11.2326 6.66043C11.409 7.08477 11.4998 7.53979 11.4998 7.99934C11.4998 8.45888 11.409 8.9139 11.2326 9.33824C11.0562 9.76258 10.7977 10.1479 10.4719 10.472C10.4241 10.5181 10.3859 10.5732 10.3597 10.6341C10.3334 10.6951 10.3195 10.7607 10.3188 10.8271C10.3181 10.8935 10.3307 10.9593 10.3558 11.0208C10.3808 11.0823 10.4179 11.1382 10.4647 11.1852C10.5116 11.2322 10.5674 11.2694 10.6288 11.2946C10.6902 11.3198 10.756 11.3326 10.8224 11.3321C10.8888 11.3316 10.9544 11.3179 11.0155 11.2918C11.0765 11.2657 11.1317 11.2277 11.1779 11.18ZM12.7113 13.2127C12.6123 13.2126 12.5157 13.1832 12.4335 13.1281C12.3513 13.0731 12.2873 12.9949 12.2495 12.9035C12.2118 12.8121 12.202 12.7115 12.2214 12.6146C12.2408 12.5176 12.2886 12.4285 12.3586 12.3587C12.9317 11.7866 13.3865 11.1071 13.6967 10.359C14.0069 9.61101 14.1666 8.80915 14.1666 7.99934C14.1666 7.18952 14.0069 6.38766 13.6967 5.63963C13.3865 4.8916 12.9317 4.2121 12.3586 3.64C12.3122 3.59351 12.2754 3.53834 12.2503 3.47764C12.2252 3.41693 12.2124 3.35188 12.2124 3.2862C12.2125 3.22052 12.2255 3.15549 12.2507 3.09483C12.2759 3.03417 12.3128 2.97907 12.3593 2.93267C12.4057 2.88627 12.4609 2.84948 12.5216 2.8244C12.5823 2.79932 12.6474 2.78645 12.7131 2.78651C12.7787 2.78657 12.8438 2.79957 12.9044 2.82476C12.9651 2.84995 13.0202 2.88685 13.0666 2.93334C13.7327 3.59825 14.2612 4.38801 14.6218 5.25741C14.9824 6.12681 15.168 7.05879 15.168 8C15.168 8.94122 14.9824 9.87319 14.6218 10.7426C14.2612 11.612 13.7327 12.4018 13.0666 13.0667C13.02 13.1134 12.9646 13.1504 12.9036 13.1756C12.8426 13.2007 12.7772 13.2129 12.7113 13.2127Z" fill="#3B5695"/>
|
|
3
|
+
</svg>
|
package/dist/bubble.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}:root,[data-theme]{background-color:hsla(var(--b1) / var(--tw-bg-opacity, 1));color:hsla(var(--bc) / var(--tw-text-opacity, 1))}html{-webkit-tap-highlight-color:transparent}:root{color-scheme:light;--pf: 258.89 94.378% 40.941%;--sf: 314 100% 37.647%;--af: 174 60% 40.784%;--nf: 219 14.085% 22.275%;--in: 198 93% 60%;--su: 158 64% 52%;--wa: 43 96% 56%;--er: 0 91% 71%;--inc: 198 100% 12%;--suc: 158 100% 10%;--wac: 43 100% 11%;--erc: 0 100% 14%;--rounded-box: 1rem;--rounded-btn: .5rem;--rounded-badge: 1.9rem;--animation-btn: .25s;--animation-input: .2s;--btn-text-case: uppercase;--btn-focus-scale: .95;--border-btn: 1px;--tab-border: 1px;--tab-radius: .5rem;--p: 258.89 94.378% 51.176%;--pc: 0 0% 100%;--s: 314 100% 47.059%;--sc: 0 0% 100%;--a: 174 60% 50.98%;--ac: 174.71 43.59% 15.294%;--n: 219 14.085% 27.843%;--nc: 0 0% 100%;--b1: 0 0% 100%;--b2: 0 0% 94.902%;--b3: 180 1.9608% 90%;--bc: 215 27.907% 16.863%}@media (prefers-color-scheme: dark){:root{color-scheme:dark;--pf: 262.35 80.315% 40.157%;--sf: 315.75 70.196% 40%;--af: 174.69 70.335% 32.784%;--in: 198 93% 60%;--su: 158 64% 52%;--wa: 43 96% 56%;--er: 0 91% 71%;--inc: 198 100% 12%;--suc: 158 100% 10%;--wac: 43 100% 11%;--erc: 0 100% 14%;--rounded-box: 1rem;--rounded-btn: .5rem;--rounded-badge: 1.9rem;--animation-btn: .25s;--animation-input: .2s;--btn-text-case: uppercase;--btn-focus-scale: .95;--border-btn: 1px;--tab-border: 1px;--tab-radius: .5rem;--p: 262.35 80.315% 50.196%;--pc: 0 0% 100%;--s: 315.75 70.196% 50%;--sc: 0 0% 100%;--a: 174.69 70.335% 40.98%;--ac: 0 0% 100%;--n: 218.18 18.033% 11.961%;--nf: 222.86 17.073% 8.0392%;--nc: 220 13.376% 69.216%;--b1: 220 17.647% 20%;--b2: 220 17.241% 17.059%;--b3: 218.57 17.949% 15.294%;--bc: 220 13.376% 69.216%}}[data-theme=light]{color-scheme:light;--pf: 258.89 94.378% 40.941%;--sf: 314 100% 37.647%;--af: 174 60% 40.784%;--nf: 219 14.085% 22.275%;--in: 198 93% 60%;--su: 158 64% 52%;--wa: 43 96% 56%;--er: 0 91% 71%;--inc: 198 100% 12%;--suc: 158 100% 10%;--wac: 43 100% 11%;--erc: 0 100% 14%;--rounded-box: 1rem;--rounded-btn: .5rem;--rounded-badge: 1.9rem;--animation-btn: .25s;--animation-input: .2s;--btn-text-case: uppercase;--btn-focus-scale: .95;--border-btn: 1px;--tab-border: 1px;--tab-radius: .5rem;--p: 258.89 94.378% 51.176%;--pc: 0 0% 100%;--s: 314 100% 47.059%;--sc: 0 0% 100%;--a: 174 60% 50.98%;--ac: 174.71 43.59% 15.294%;--n: 219 14.085% 27.843%;--nc: 0 0% 100%;--b1: 0 0% 100%;--b2: 0 0% 94.902%;--b3: 180 1.9608% 90%;--bc: 215 27.907% 16.863%}[data-theme=dark]{color-scheme:dark;--pf: 262.35 80.315% 40.157%;--sf: 315.75 70.196% 40%;--af: 174.69 70.335% 32.784%;--in: 198 93% 60%;--su: 158 64% 52%;--wa: 43 96% 56%;--er: 0 91% 71%;--inc: 198 100% 12%;--suc: 158 100% 10%;--wac: 43 100% 11%;--erc: 0 100% 14%;--rounded-box: 1rem;--rounded-btn: .5rem;--rounded-badge: 1.9rem;--animation-btn: .25s;--animation-input: .2s;--btn-text-case: uppercase;--btn-focus-scale: .95;--border-btn: 1px;--tab-border: 1px;--tab-radius: .5rem;--p: 262.35 80.315% 50.196%;--pc: 0 0% 100%;--s: 315.75 70.196% 50%;--sc: 0 0% 100%;--a: 174.69 70.335% 40.98%;--ac: 0 0% 100%;--n: 218.18 18.033% 11.961%;--nf: 222.86 17.073% 8.0392%;--nc: 220 13.376% 69.216%;--b1: 220 17.647% 20%;--b2: 220 17.241% 17.059%;--b3: 218.57 17.949% 15.294%;--bc: 220 13.376% 69.216%}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.avatar.placeholder>div{display:flex;align-items:center;justify-content:center}.btn{display:inline-flex;flex-shrink:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-wrap:wrap;align-items:center;justify-content:center;border-color:transparent;border-color:hsl(var(--n) / var(--tw-border-opacity));text-align:center;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);border-radius:var(--rounded-btn, .5rem);height:3rem;padding-left:1rem;padding-right:1rem;font-size:.875rem;line-height:1.25rem;line-height:1em;min-height:3rem;font-weight:600;text-transform:uppercase;text-transform:var(--btn-text-case, uppercase);text-decoration-line:none;border-width:var(--border-btn, 1px);animation:button-pop var(--animation-btn, .25s) ease-out;--tw-border-opacity: 1;--tw-bg-opacity: 1;background-color:hsl(var(--n) / var(--tw-bg-opacity));--tw-text-opacity: 1;color:hsl(var(--nc) / var(--tw-text-opacity))}.btn-disabled,.btn[disabled],.btn.loading,.btn.loading:hover{pointer-events:none}.btn.loading:before{margin-right:.5rem;height:1rem;width:1rem;border-radius:9999px;border-width:2px;animation:spin 2s linear infinite;content:"";border-top-color:transparent;border-left-color:transparent;border-bottom-color:currentColor;border-right-color:currentColor}@media (prefers-reduced-motion: reduce){.btn.loading:before{animation:spin 10s linear infinite}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-group>input[type=radio].btn{-webkit-appearance:none;-moz-appearance:none;appearance:none}.btn-group>input[type=radio].btn:before{content:attr(data-title)}.card{position:relative;display:flex;flex-direction:column;border-radius:var(--rounded-box, 1rem)}.card:focus{outline:2px solid transparent;outline-offset:2px}.card-body{display:flex;flex:1 1 auto;flex-direction:column;padding:var(--padding-card, 2rem);gap:.5rem}.card-body :where(p){flex-grow:1}.card figure{display:flex;align-items:center;justify-content:center}.card.image-full{display:grid}.card.image-full:before{position:relative;content:"";z-index:10;--tw-bg-opacity: 1;background-color:hsl(var(--n) / var(--tw-bg-opacity));opacity:.75;border-radius:var(--rounded-box, 1rem)}.card.image-full:before,.card.image-full>*{grid-column-start:1;grid-row-start:1}.card.image-full>figure img{height:100%;-o-object-fit:cover;object-fit:cover}.card.image-full>.card-body{position:relative;z-index:20;--tw-text-opacity: 1;color:hsl(var(--nc) / var(--tw-text-opacity))}.form-control{display:flex;flex-direction:column}.label{display:flex;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;justify-content:space-between;padding:.5rem .25rem}.hero{display:grid;width:100%;place-items:center;background-size:cover;background-position:center}.hero>*{grid-column-start:1;grid-row-start:1}.hero-content{z-index:0;display:flex;align-items:center;justify-content:center;max-width:80rem;gap:1rem;padding:1rem}.input{flex-shrink:1;height:3rem;padding-left:1rem;padding-right:1rem;font-size:1rem;line-height:2;line-height:1.5rem;border-width:1px;border-color:hsl(var(--bc) / var(--tw-border-opacity));--tw-border-opacity: 0;--tw-bg-opacity: 1;background-color:hsl(var(--b1) / var(--tw-bg-opacity));border-radius:var(--rounded-btn, .5rem)}.input-group>.input{isolation:isolate}.input-group>*,.input-group>.input,.input-group>.textarea,.input-group>.select{border-radius:0}.link{cursor:pointer;text-decoration-line:underline}.link-hover{text-decoration-line:none}.link-hover:hover{text-decoration-line:underline}.mask{-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.btn-outline.btn-primary .badge{--tw-border-opacity: 1;border-color:hsl(var(--p) / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:hsl(var(--p) / var(--tw-bg-opacity));--tw-text-opacity: 1;color:hsl(var(--pc) / var(--tw-text-opacity))}.btn-outline.btn-primary .badge-outline{--tw-border-opacity: 1;border-color:hsl(var(--p) / var(--tw-border-opacity));background-color:transparent;--tw-text-opacity: 1;color:hsl(var(--p) / var(--tw-text-opacity))}.btn-outline.btn-primary:hover .badge{--tw-border-opacity: 1;border-color:hsl(var(--pc) / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:hsl(var(--pc) / var(--tw-bg-opacity));--tw-text-opacity: 1;color:hsl(var(--p) / var(--tw-text-opacity))}.btn-outline.btn-primary:hover .badge.outline{--tw-border-opacity: 1;border-color:hsl(var(--pc) / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:hsl(var(--pf, var(--p)) / var(--tw-bg-opacity));--tw-text-opacity: 1;color:hsl(var(--pc) / var(--tw-text-opacity))}.btm-nav>* .label{font-size:1rem;line-height:1.5rem}.btn:active:hover,.btn:active:focus{animation:none;transform:scale(var(--btn-focus-scale, .95))}.btn:hover,.btn-active{--tw-border-opacity: 1;border-color:hsl(var(--nf, var(--n)) / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:hsl(var(--nf, var(--n)) / var(--tw-bg-opacity))}.btn:focus-visible{outline:2px solid hsl(var(--nf));outline-offset:2px}.btn-primary{--tw-border-opacity: 1;border-color:hsl(var(--p) / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:hsl(var(--p) / var(--tw-bg-opacity));--tw-text-opacity: 1;color:hsl(var(--pc) / var(--tw-text-opacity))}.btn-primary:hover,.btn-primary.btn-active{--tw-border-opacity: 1;border-color:hsl(var(--pf, var(--p)) / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:hsl(var(--pf, var(--p)) / var(--tw-bg-opacity))}.btn-primary:focus-visible{outline:2px solid hsl(var(--p))}.btn.glass:hover,.btn.glass.btn-active{--glass-opacity: 25%;--glass-border-opacity: 15%}.btn.glass:focus-visible{outline:2px solid currentColor}.btn-ghost{border-width:1px;border-color:transparent;background-color:transparent;color:currentColor}.btn-ghost:hover,.btn-ghost.btn-active{--tw-border-opacity: 0;background-color:hsl(var(--bc) / var(--tw-bg-opacity));--tw-bg-opacity: .2}.btn-ghost:focus-visible{outline:2px solid currentColor}.btn-outline.btn-primary{--tw-text-opacity: 1;color:hsl(var(--p) / var(--tw-text-opacity))}.btn-outline.btn-primary:hover,.btn-outline.btn-primary.btn-active{--tw-border-opacity: 1;border-color:hsl(var(--pf, var(--p)) / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:hsl(var(--pf, var(--p)) / var(--tw-bg-opacity));--tw-text-opacity: 1;color:hsl(var(--pc) / var(--tw-text-opacity))}.btn-disabled,.btn-disabled:hover,.btn[disabled],.btn[disabled]:hover{--tw-border-opacity: 0;background-color:hsl(var(--n) / var(--tw-bg-opacity));--tw-bg-opacity: .2;color:hsl(var(--bc) / var(--tw-text-opacity));--tw-text-opacity: .2}.btn.loading.btn-square:before,.btn.loading.btn-circle:before{margin-right:0}.btn.loading.btn-xl:before,.btn.loading.btn-lg:before{height:1.25rem;width:1.25rem}.btn.loading.btn-sm:before,.btn.loading.btn-xs:before{height:.75rem;width:.75rem}.btn-group>input[type=radio]:checked.btn,.btn-group>.btn-active{--tw-border-opacity: 1;border-color:hsl(var(--p) / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:hsl(var(--p) / var(--tw-bg-opacity));--tw-text-opacity: 1;color:hsl(var(--pc) / var(--tw-text-opacity))}.btn-group>input[type=radio]:checked.btn:focus-visible,.btn-group>.btn-active:focus-visible{outline:2px solid hsl(var(--p))}@keyframes button-pop{0%{transform:scale(var(--btn-focus-scale, .95))}40%{transform:scale(1.02)}to{transform:scale(1)}}.card :where(figure:first-child){overflow:hidden;border-start-start-radius:inherit;border-start-end-radius:inherit;border-end-start-radius:unset;border-end-end-radius:unset}.card :where(figure:last-child){overflow:hidden;border-start-start-radius:unset;border-start-end-radius:unset;border-end-start-radius:inherit;border-end-end-radius:inherit}.card:focus-visible{outline:2px solid currentColor;outline-offset:2px}.card.bordered{border-width:1px;--tw-border-opacity: 1;border-color:hsl(var(--b2, var(--b1)) / var(--tw-border-opacity))}.card.compact .card-body{padding:1rem;font-size:.875rem;line-height:1.25rem}.card.image-full :where(figure){overflow:hidden;border-radius:inherit}@keyframes checkmark{0%{background-position-y:5px}50%{background-position-y:-2px}to{background-position-y:0}}.drawer-toggle:focus-visible~.drawer-content .drawer-button.btn-primary{outline:2px solid hsl(var(--p))}.drawer-toggle:focus-visible~.drawer-content .drawer-button.btn-ghost{outline:2px solid currentColor}.label-text{font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:hsl(var(--bc) / var(--tw-text-opacity))}.label-text-alt{font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:hsl(var(--bc) / var(--tw-text-opacity))}.label a:hover{--tw-text-opacity: 1;color:hsl(var(--bc) / var(--tw-text-opacity))}.input[list]::-webkit-calendar-picker-indicator{line-height:1em}.input-bordered{--tw-border-opacity: .2}.input:focus{outline:2px solid hsla(var(--bc) / .2);outline-offset:2px}.input-disabled,.input[disabled]{cursor:not-allowed;--tw-border-opacity: 1;border-color:hsl(var(--b2, var(--b1)) / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:hsl(var(--b2, var(--b1)) / var(--tw-bg-opacity));--tw-text-opacity: .2}.input-disabled::-moz-placeholder,.input[disabled]::-moz-placeholder{color:hsl(var(--bc) / var(--tw-placeholder-opacity));--tw-placeholder-opacity: .2}.input-disabled::placeholder,.input[disabled]::placeholder{color:hsl(var(--bc) / var(--tw-placeholder-opacity));--tw-placeholder-opacity: .2}.link:focus{outline:2px solid transparent;outline-offset:2px}.link:focus-visible{outline:2px solid currentColor;outline-offset:2px}@keyframes progress-loading{50%{left:107%}}@keyframes radiomark{0%{box-shadow:0 0 0 12px hsl(var(--b1)) inset,0 0 0 12px hsl(var(--b1)) inset}50%{box-shadow:0 0 0 3px hsl(var(--b1)) inset,0 0 0 3px hsl(var(--b1)) inset}to{box-shadow:0 0 0 4px hsl(var(--b1)) inset,0 0 0 4px hsl(var(--b1)) inset}}@keyframes rating-pop{0%{transform:translateY(-.125em)}40%{transform:translateY(-.125em)}to{transform:translateY(0)}}@keyframes toast-pop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.btn-sm{height:2rem;padding-left:.75rem;padding-right:.75rem;min-height:2rem;font-size:.875rem}.btn-square:where(.btn-sm){height:2rem;width:2rem;padding:0}.btn-circle:where(.btn-sm){height:2rem;width:2rem;border-radius:9999px;padding:0}.btn-group .btn:not(:first-child):not(:last-child),.btn-group.btn-group-horizontal .btn:not(:first-child):not(:last-child){border-radius:0}.btn-group .btn:first-child:not(:last-child),.btn-group.btn-group-horizontal .btn:first-child:not(:last-child){margin-left:-1px;margin-top:-0px;border-top-left-radius:var(--rounded-btn, .5rem);border-top-right-radius:0;border-bottom-left-radius:var(--rounded-btn, .5rem);border-bottom-right-radius:0}.btn-group .btn:last-child:not(:first-child),.btn-group.btn-group-horizontal .btn:last-child:not(:first-child){border-top-left-radius:0;border-top-right-radius:var(--rounded-btn, .5rem);border-bottom-left-radius:0;border-bottom-right-radius:var(--rounded-btn, .5rem)}.btn-group.btn-group-vertical .btn:first-child:not(:last-child){margin-left:-0px;margin-top:-1px;border-top-left-radius:var(--rounded-btn, .5rem);border-top-right-radius:var(--rounded-btn, .5rem);border-bottom-left-radius:0;border-bottom-right-radius:0}.btn-group.btn-group-vertical .btn:last-child:not(:first-child){border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:var(--rounded-btn, .5rem);border-bottom-right-radius:var(--rounded-btn, .5rem)}.card-compact .card-body{padding:1rem;font-size:.875rem;line-height:1.25rem}.card-normal .card-body{padding:var(--padding-card, 2rem);font-size:1rem;line-height:1.5rem}.absolute{position:absolute}.right-0{right:0px}.top-0{top:0px}.m-0{margin:0}.mr-1{margin-right:.25rem}.mt-2{margin-top:.5rem}.mt-6{margin-top:1.5rem}.block{display:block}.inline{display:inline}.h-4{height:1rem}.min-h-screen{min-height:100vh}.w-2\/3{width:66.666667%}.w-4{width:1rem}.w-auto{width:auto}.w-full{width:100%}.max-w-sm{max-width:24rem}.flex-shrink-0{flex-shrink:0}.flex-col{flex-direction:column}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded-lg{border-radius:.5rem}.rounded-bl-lg{border-bottom-left-radius:.5rem}.rounded-tr-lg{border-top-right-radius:.5rem}.border{border-width:1px}.border-slate-200{--tw-border-opacity: 1;border-color:rgb(226 232 240 / var(--tw-border-opacity))}.bg-base-100{--tw-bg-opacity: 1;background-color:hsl(var(--b1) / var(--tw-bg-opacity))}.bg-base-content{--tw-bg-opacity: 1;background-color:hsl(var(--bc) / var(--tw-bg-opacity))}.bg-blue-900{--tw-bg-opacity: 1;background-color:rgb(30 58 138 / var(--tw-bg-opacity))}.bg-slate-200{--tw-bg-opacity: 1;background-color:rgb(226 232 240 / var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.p-0{padding:0}.p-2{padding:.5rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.pr-1{padding-right:.25rem}.text-center{text-align:center}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.font-serif{font-family:ui-serif,Georgia,Cambria,Times New Roman,Times,serif}.text-5xl{font-size:3rem;line-height:1}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-bold{font-weight:700}.capitalize{text-transform:capitalize}.italic{font-style:italic}.leading-tight{line-height:1.25}.text-primary{--tw-text-opacity: 1;color:hsl(var(--p) / var(--tw-text-opacity))}.text-slate-400{--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity))}.text-slate-500{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity))}.text-slate-900{--tw-text-opacity: 1;color:rgb(15 23 42 / var(--tw-text-opacity))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.opacity-0{opacity:0}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.drop-shadow-2xl{--tw-drop-shadow: drop-shadow(0 25px 25px rgb(0 0 0 / .15));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)}.filter{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)}.hover\:bg-blue-800:hover{--tw-bg-opacity: 1;background-color:rgb(30 64 175 / var(--tw-bg-opacity))}.hover\:opacity-100:hover{opacity:1}@media (min-width: 1024px){.lg\:flex-row-reverse{flex-direction:row-reverse}.lg\:text-left{text-align:left}}.body[data-v-7d7f7a25]{padding:.7rem!important}
|
|
1
|
+
*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}:root,[data-theme]{background-color:var(--fallback-b1,oklch(var(--b1)/1));color:var(--fallback-bc,oklch(var(--bc)/1))}@supports not (color: oklch(0% 0 0)){:root{color-scheme:light;--fallback-p: #491eff;--fallback-pc: #d4dbff;--fallback-s: #ff41c7;--fallback-sc: #fff9fc;--fallback-a: #00cfbd;--fallback-ac: #00100d;--fallback-n: #2b3440;--fallback-nc: #d7dde4;--fallback-b1: #ffffff;--fallback-b2: #e5e6e6;--fallback-b3: #e5e6e6;--fallback-bc: #1f2937;--fallback-in: #00b3f0;--fallback-inc: #000000;--fallback-su: #00ca92;--fallback-suc: #000000;--fallback-wa: #ffc22d;--fallback-wac: #000000;--fallback-er: #ff6f70;--fallback-erc: #000000}@media (prefers-color-scheme: dark){:root{color-scheme:dark;--fallback-p: #7582ff;--fallback-pc: #050617;--fallback-s: #ff71cf;--fallback-sc: #190211;--fallback-a: #00c7b5;--fallback-ac: #000e0c;--fallback-n: #2a323c;--fallback-nc: #a6adbb;--fallback-b1: #1d232a;--fallback-b2: #191e24;--fallback-b3: #15191e;--fallback-bc: #a6adbb;--fallback-in: #00b3f0;--fallback-inc: #000000;--fallback-su: #00ca92;--fallback-suc: #000000;--fallback-wa: #ffc22d;--fallback-wac: #000000;--fallback-er: #ff6f70;--fallback-erc: #000000}}}html{-webkit-tap-highlight-color:transparent}*{scrollbar-color:color-mix(in oklch,currentColor 35%,transparent) transparent}*:hover{scrollbar-color:color-mix(in oklch,currentColor 60%,transparent) transparent}:root{color-scheme:light;--in: 72.06% .191 231.6;--su: 64.8% .15 160;--wa: 84.71% .199 83.87;--er: 71.76% .221 22.18;--pc: 89.824% .06192 275.75;--ac: 15.352% .0368 183.61;--inc: 0% 0 0;--suc: 0% 0 0;--wac: 0% 0 0;--erc: 0% 0 0;--rounded-box: 1rem;--rounded-btn: .5rem;--rounded-badge: 1.9rem;--animation-btn: .25s;--animation-input: .2s;--btn-focus-scale: .95;--border-btn: 1px;--tab-border: 1px;--tab-radius: .5rem;--p: 49.12% .3096 275.75;--s: 69.71% .329 342.55;--sc: 98.71% .0106 342.55;--a: 76.76% .184 183.61;--n: 32.1785% .02476 255.701624;--nc: 89.4994% .011585 252.096176;--b1: 100% 0 0;--b2: 96.1151% 0 0;--b3: 92.4169% .00108 197.137559;--bc: 27.8078% .029596 256.847952}@media (prefers-color-scheme: dark){:root{color-scheme:dark;--in: 72.06% .191 231.6;--su: 64.8% .15 160;--wa: 84.71% .199 83.87;--er: 71.76% .221 22.18;--pc: 13.138% .0392 275.75;--sc: 14.96% .052 342.55;--ac: 14.902% .0334 183.61;--inc: 0% 0 0;--suc: 0% 0 0;--wac: 0% 0 0;--erc: 0% 0 0;--rounded-box: 1rem;--rounded-btn: .5rem;--rounded-badge: 1.9rem;--animation-btn: .25s;--animation-input: .2s;--btn-focus-scale: .95;--border-btn: 1px;--tab-border: 1px;--tab-radius: .5rem;--p: 65.69% .196 275.75;--s: 74.8% .26 342.55;--a: 74.51% .167 183.61;--n: 31.3815% .021108 254.139175;--nc: 74.6477% .0216 264.435964;--b1: 25.3267% .015896 252.417568;--b2: 23.2607% .013807 253.100675;--b3: 21.1484% .01165 254.087939;--bc: 74.6477% .0216 264.435964}}[data-theme=light]{color-scheme:light;--in: 72.06% .191 231.6;--su: 64.8% .15 160;--wa: 84.71% .199 83.87;--er: 71.76% .221 22.18;--pc: 89.824% .06192 275.75;--ac: 15.352% .0368 183.61;--inc: 0% 0 0;--suc: 0% 0 0;--wac: 0% 0 0;--erc: 0% 0 0;--rounded-box: 1rem;--rounded-btn: .5rem;--rounded-badge: 1.9rem;--animation-btn: .25s;--animation-input: .2s;--btn-focus-scale: .95;--border-btn: 1px;--tab-border: 1px;--tab-radius: .5rem;--p: 49.12% .3096 275.75;--s: 69.71% .329 342.55;--sc: 98.71% .0106 342.55;--a: 76.76% .184 183.61;--n: 32.1785% .02476 255.701624;--nc: 89.4994% .011585 252.096176;--b1: 100% 0 0;--b2: 96.1151% 0 0;--b3: 92.4169% .00108 197.137559;--bc: 27.8078% .029596 256.847952}[data-theme=dark]{color-scheme:dark;--in: 72.06% .191 231.6;--su: 64.8% .15 160;--wa: 84.71% .199 83.87;--er: 71.76% .221 22.18;--pc: 13.138% .0392 275.75;--sc: 14.96% .052 342.55;--ac: 14.902% .0334 183.61;--inc: 0% 0 0;--suc: 0% 0 0;--wac: 0% 0 0;--erc: 0% 0 0;--rounded-box: 1rem;--rounded-btn: .5rem;--rounded-badge: 1.9rem;--animation-btn: .25s;--animation-input: .2s;--btn-focus-scale: .95;--border-btn: 1px;--tab-border: 1px;--tab-radius: .5rem;--p: 65.69% .196 275.75;--s: 74.8% .26 342.55;--a: 74.51% .167 183.61;--n: 31.3815% .021108 254.139175;--nc: 74.6477% .0216 264.435964;--b1: 25.3267% .015896 252.417568;--b2: 23.2607% .013807 253.100675;--b3: 21.1484% .01165 254.087939;--bc: 74.6477% .0216 264.435964}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.avatar.placeholder>div{display:flex;align-items:center;justify-content:center}@media (hover:hover){.link-hover:hover{text-decoration-line:underline}.label a:hover{--tw-text-opacity: 1;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)))}}.btn{display:inline-flex;height:3rem;min-height:3rem;flex-shrink:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-wrap:wrap;align-items:center;justify-content:center;border-radius:var(--rounded-btn, .5rem);border-color:transparent;border-color:oklch(var(--btn-color, var(--b2)) / var(--tw-border-opacity));padding-left:1rem;padding-right:1rem;text-align:center;font-size:.875rem;line-height:1em;gap:.5rem;font-weight:600;text-decoration-line:none;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);border-width:var(--border-btn, 1px);transition-property:color,background-color,border-color,opacity,box-shadow,transform;--tw-text-opacity: 1;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);outline-color:var(--fallback-bc,oklch(var(--bc)/1));background-color:oklch(var(--btn-color, var(--b2)) / var(--tw-bg-opacity));--tw-bg-opacity: 1;--tw-border-opacity: 1}.btn-disabled,.btn[disabled],.btn:disabled{pointer-events:none}.btn-circle{height:3rem;width:3rem;border-radius:9999px;padding:0}:where(.btn:is(input[type=checkbox])),:where(.btn:is(input[type=radio])){width:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none}.btn:is(input[type=checkbox]):after,.btn:is(input[type=radio]):after{--tw-content: attr(aria-label);content:var(--tw-content)}.card{position:relative;display:flex;flex-direction:column;border-radius:var(--rounded-box, 1rem)}.card:focus{outline:2px solid transparent;outline-offset:2px}.card-body{display:flex;flex:1 1 auto;flex-direction:column;padding:var(--padding-card, 2rem);gap:.5rem}.card-body :where(p){flex-grow:1}.card figure{display:flex;align-items:center;justify-content:center}.card.image-full{display:grid}.card.image-full:before{position:relative;content:"";z-index:10;border-radius:var(--rounded-box, 1rem);--tw-bg-opacity: 1;background-color:var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));opacity:.75}.card.image-full:before,.card.image-full>*{grid-column-start:1;grid-row-start:1}.card.image-full>figure img{height:100%;-o-object-fit:cover;object-fit:cover}.card.image-full>.card-body{position:relative;z-index:20;--tw-text-opacity: 1;color:var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity)))}@media (hover: hover){.btn:hover{--tw-border-opacity: 1;border-color:var(--fallback-b3,oklch(var(--b3)/var(--tw-border-opacity)));--tw-bg-opacity: 1;background-color:var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)))}@supports (color: color-mix(in oklab,black,black)){.btn:hover{background-color:color-mix(in oklab,oklch(var(--btn-color, var(--b2)) / var(--tw-bg-opacity, 1)) 90%,black);border-color:color-mix(in oklab,oklch(var(--btn-color, var(--b2)) / var(--tw-border-opacity, 1)) 90%,black)}}@supports not (color: oklch(0% 0 0)){.btn:hover{background-color:var(--btn-color, var(--fallback-b2));border-color:var(--btn-color, var(--fallback-b2))}}.btn.glass:hover{--glass-opacity: 25%;--glass-border-opacity: 15%}.btn-ghost:hover{border-color:transparent}@supports (color: oklch(0% 0 0)){.btn-ghost:hover{background-color:var(--fallback-bc,oklch(var(--bc)/.2))}}.btn-outline.btn-primary:hover{--tw-text-opacity: 1;color:var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)))}@supports (color: color-mix(in oklab,black,black)){.btn-outline.btn-primary:hover{background-color:color-mix(in oklab,var(--fallback-p,oklch(var(--p)/1)) 90%,black);border-color:color-mix(in oklab,var(--fallback-p,oklch(var(--p)/1)) 90%,black)}}.btn-disabled:hover,.btn[disabled]:hover,.btn:disabled:hover{--tw-border-opacity: 0;background-color:var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));--tw-bg-opacity: .2;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));--tw-text-opacity: .2}@supports (color: color-mix(in oklab,black,black)){.btn:is(input[type=checkbox]:checked):hover,.btn:is(input[type=radio]:checked):hover{background-color:color-mix(in oklab,var(--fallback-p,oklch(var(--p)/1)) 90%,black);border-color:color-mix(in oklab,var(--fallback-p,oklch(var(--p)/1)) 90%,black)}}}.form-control{display:flex;flex-direction:column}.label{display:flex;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;justify-content:space-between;padding:.5rem .25rem}.hero{display:grid;width:100%;place-items:center;background-size:cover;background-position:center}.hero>*{grid-column-start:1;grid-row-start:1}.hero-content{z-index:0;display:flex;align-items:center;justify-content:center;max-width:80rem;gap:1rem;padding:1rem}.input{flex-shrink:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:3rem;padding-left:1rem;padding-right:1rem;font-size:1rem;line-height:2;line-height:1.5rem;border-radius:var(--rounded-btn, .5rem);border-width:1px;border-color:transparent;--tw-bg-opacity: 1;background-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)))}.input[type=number]::-webkit-inner-spin-button,.input-md[type=number]::-webkit-inner-spin-button{margin-top:-1rem;margin-bottom:-1rem;margin-inline-end:-1rem}.link{cursor:pointer;text-decoration-line:underline}.link-hover{text-decoration-line:none}.mask{-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.textarea{min-height:3rem;flex-shrink:1;padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem;line-height:2;border-radius:var(--rounded-btn, .5rem);border-width:1px;border-color:transparent;--tw-bg-opacity: 1;background-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)))}.btm-nav>* .label{font-size:1rem;line-height:1.5rem}@media (prefers-reduced-motion: no-preference){.btn{animation:button-pop var(--animation-btn, .25s) ease-out}}.btn:active:hover,.btn:active:focus{animation:button-pop 0s ease-out;transform:scale(var(--btn-focus-scale, .97))}@supports not (color: oklch(0% 0 0)){.btn{background-color:var(--btn-color, var(--fallback-b2));border-color:var(--btn-color, var(--fallback-b2))}.btn-primary{--btn-color: var(--fallback-p)}}@supports (color: color-mix(in oklab,black,black)){.btn-outline.btn-primary.btn-active{background-color:color-mix(in oklab,var(--fallback-p,oklch(var(--p)/1)) 90%,black);border-color:color-mix(in oklab,var(--fallback-p,oklch(var(--p)/1)) 90%,black)}}.btn:focus-visible{outline-style:solid;outline-width:2px;outline-offset:2px}.btn-primary{--tw-text-opacity: 1;color:var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)));outline-color:var(--fallback-p,oklch(var(--p)/1))}@supports (color: oklch(0% 0 0)){.btn-primary{--btn-color: var(--p)}}.btn.glass{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);outline-color:currentColor}.btn.glass.btn-active{--glass-opacity: 25%;--glass-border-opacity: 15%}.btn-ghost{border-width:1px;border-color:transparent;background-color:transparent;color:currentColor;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);outline-color:currentColor}.btn-ghost.btn-active{border-color:transparent;background-color:var(--fallback-bc,oklch(var(--bc)/.2))}.btn-outline.btn-primary{--tw-text-opacity: 1;color:var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity)))}.btn-outline.btn-primary.btn-active{--tw-text-opacity: 1;color:var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)))}.btn.btn-disabled,.btn[disabled],.btn:disabled{--tw-border-opacity: 0;background-color:var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));--tw-bg-opacity: .2;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));--tw-text-opacity: .2}.btn:is(input[type=checkbox]:checked),.btn:is(input[type=radio]:checked){--tw-border-opacity: 1;border-color:var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));--tw-bg-opacity: 1;background-color:var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity)));--tw-text-opacity: 1;color:var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)))}.btn:is(input[type=checkbox]:checked):focus-visible,.btn:is(input[type=radio]:checked):focus-visible{outline-color:var(--fallback-p,oklch(var(--p)/1))}@keyframes button-pop{0%{transform:scale(var(--btn-focus-scale, .98))}40%{transform:scale(1.02)}to{transform:scale(1)}}.card :where(figure:first-child){overflow:hidden;border-start-start-radius:inherit;border-start-end-radius:inherit;border-end-start-radius:unset;border-end-end-radius:unset}.card :where(figure:last-child){overflow:hidden;border-start-start-radius:unset;border-start-end-radius:unset;border-end-start-radius:inherit;border-end-end-radius:inherit}.card:focus-visible{outline:2px solid currentColor;outline-offset:2px}.card.bordered{border-width:1px;--tw-border-opacity: 1;border-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)))}.card.compact .card-body{padding:1rem;font-size:.875rem;line-height:1.25rem}.card.image-full :where(figure){overflow:hidden;border-radius:inherit}@keyframes checkmark{0%{background-position-y:5px}50%{background-position-y:-2px}to{background-position-y:0}}.label-text{font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)))}.label-text-alt{font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)))}.input input{--tw-bg-opacity: 1;background-color:var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity)));background-color:transparent}.input input:focus{outline:2px solid transparent;outline-offset:2px}.input[list]::-webkit-calendar-picker-indicator{line-height:1em}.input-bordered{border-color:var(--fallback-bc,oklch(var(--bc)/.2))}.input:focus,.input:focus-within{box-shadow:none;border-color:var(--fallback-bc,oklch(var(--bc)/.2));outline-style:solid;outline-width:2px;outline-offset:2px;outline-color:var(--fallback-bc,oklch(var(--bc)/.2))}.input:has(>input[disabled]),.input-disabled,.input:disabled,.input[disabled]{cursor:not-allowed;--tw-border-opacity: 1;border-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));--tw-bg-opacity: 1;background-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));color:var(--fallback-bc,oklch(var(--bc)/.4))}.input:has(>input[disabled])::-moz-placeholder,.input-disabled::-moz-placeholder,.input:disabled::-moz-placeholder,.input[disabled]::-moz-placeholder{color:var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));--tw-placeholder-opacity: .2}.input:has(>input[disabled])::placeholder,.input-disabled::placeholder,.input:disabled::placeholder,.input[disabled]::placeholder{color:var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));--tw-placeholder-opacity: .2}.input:has(>input[disabled])>input[disabled]{cursor:not-allowed}.input::-webkit-date-and-time-value{text-align:inherit}.join>:where(*:not(:first-child)):is(.btn){margin-inline-start:calc(var(--border-btn) * -1)}.link:focus{outline:2px solid transparent;outline-offset:2px}.link:focus-visible{outline:2px solid currentColor;outline-offset:2px}.loading{pointer-events:none;display:inline-block;aspect-ratio:1 / 1;width:1.5rem;background-color:currentColor;-webkit-mask-size:100%;mask-size:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='%23000' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_V8m1%7Btransform-origin:center;animation:spinner_zKoa 2s linear infinite%7D.spinner_V8m1 circle%7Bstroke-linecap:round;animation:spinner_YpZS 1.5s ease-out infinite%7D%40keyframes spinner_zKoa%7B100%25%7Btransform:rotate(360deg)%7D%7D%40keyframes spinner_YpZS%7B0%25%7Bstroke-dasharray:0 150;stroke-dashoffset:0%7D47.5%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-16%7D95%25%2C100%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-59%7D%7D%3C%2Fstyle%3E%3Cg class='spinner_V8m1'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3'%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='%23000' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_V8m1%7Btransform-origin:center;animation:spinner_zKoa 2s linear infinite%7D.spinner_V8m1 circle%7Bstroke-linecap:round;animation:spinner_YpZS 1.5s ease-out infinite%7D%40keyframes spinner_zKoa%7B100%25%7Btransform:rotate(360deg)%7D%7D%40keyframes spinner_YpZS%7B0%25%7Bstroke-dasharray:0 150;stroke-dashoffset:0%7D47.5%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-16%7D95%25%2C100%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-59%7D%7D%3C%2Fstyle%3E%3Cg class='spinner_V8m1'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3'%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fsvg%3E")}.mockup-phone .display{overflow:hidden;border-radius:40px;margin-top:-25px}.mockup-browser .mockup-browser-toolbar .input{position:relative;margin-left:auto;margin-right:auto;display:block;height:1.75rem;width:24rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;--tw-bg-opacity: 1;background-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));padding-left:2rem;direction:ltr}.mockup-browser .mockup-browser-toolbar .input:before{content:"";position:absolute;left:.5rem;top:50%;aspect-ratio:1 / 1;height:.75rem;--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-radius:9999px;border-width:2px;border-color:currentColor;opacity:.6}.mockup-browser .mockup-browser-toolbar .input:after{content:"";position:absolute;left:1.25rem;top:50%;height:.5rem;--tw-translate-y: 25%;--tw-rotate: -45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-radius:9999px;border-width:1px;border-color:currentColor;opacity:.6}@keyframes modal-pop{0%{opacity:0}}@keyframes progress-loading{50%{background-position-x:-115%}}@keyframes radiomark{0%{box-shadow:0 0 0 12px var(--fallback-b1,oklch(var(--b1)/1)) inset,0 0 0 12px var(--fallback-b1,oklch(var(--b1)/1)) inset}50%{box-shadow:0 0 0 3px var(--fallback-b1,oklch(var(--b1)/1)) inset,0 0 0 3px var(--fallback-b1,oklch(var(--b1)/1)) inset}to{box-shadow:0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset,0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset}}@keyframes rating-pop{0%{transform:translateY(-.125em)}40%{transform:translateY(-.125em)}to{transform:translateY(0)}}@keyframes skeleton{0%{background-position:150%}to{background-position:-50%}}.textarea:focus{box-shadow:none;border-color:var(--fallback-bc,oklch(var(--bc)/.2));outline-style:solid;outline-width:2px;outline-offset:2px;outline-color:var(--fallback-bc,oklch(var(--bc)/.2))}.textarea-primary{--tw-border-opacity: 1;border-color:var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)))}.textarea-primary:focus{--tw-border-opacity: 1;border-color:var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));outline-color:var(--fallback-p,oklch(var(--p)/1))}.textarea-disabled,.textarea:disabled,.textarea[disabled]{cursor:not-allowed;--tw-border-opacity: 1;border-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));--tw-bg-opacity: 1;background-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));color:var(--fallback-bc,oklch(var(--bc)/.4))}.textarea-disabled::-moz-placeholder,.textarea:disabled::-moz-placeholder,.textarea[disabled]::-moz-placeholder{color:var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));--tw-placeholder-opacity: .2}.textarea-disabled::placeholder,.textarea:disabled::placeholder,.textarea[disabled]::placeholder{color:var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));--tw-placeholder-opacity: .2}@keyframes toast-pop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.btn-xs{height:1.5rem;min-height:1.5rem;padding-left:.5rem;padding-right:.5rem;font-size:.75rem}.btn-square:where(.btn-xs){height:1.5rem;width:1.5rem;padding:0}.btn-circle:where(.btn-xs){height:1.5rem;width:1.5rem;border-radius:9999px;padding:0}.btn-circle:where(.btn-sm){height:2rem;width:2rem;border-radius:9999px;padding:0}.btn-circle:where(.btn-md){height:3rem;width:3rem;border-radius:9999px;padding:0}.btn-circle:where(.btn-lg){height:4rem;width:4rem;border-radius:9999px;padding:0}.card-compact .card-body{padding:1rem;font-size:.875rem;line-height:1.25rem}.card-normal .card-body{padding:var(--padding-card, 2rem);font-size:1rem;line-height:1.5rem}.join.join-vertical>:where(*:not(:first-child)):is(.btn){margin-top:calc(var(--border-btn) * -1)}.join.join-horizontal>:where(*:not(:first-child)):is(.btn){margin-inline-start:calc(var(--border-btn) * -1)}.absolute{position:absolute}.order-2{order:2}.m-0{margin:0}.ml-2{margin-left:.5rem}.mr-2{margin-right:.5rem}.mt-2{margin-top:.5rem}.mt-6{margin-top:1.5rem}.block{display:block}.flex{display:flex}.h-6{height:1.5rem}.min-h-screen{min-height:100vh}.w-12{width:3rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-full{width:100%}.max-w-sm{max-width:24rem}.flex-shrink-0{flex-shrink:0}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-solid{border-style:solid}.border-\[\#D3D4D9\]{--tw-border-opacity: 1;border-color:rgb(211 212 217 / var(--tw-border-opacity))}.border-neutral-300{--tw-border-opacity: 1;border-color:rgb(212 212 212 / var(--tw-border-opacity))}.bg-base-100{--tw-bg-opacity: 1;background-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)))}.bg-base-content{--tw-bg-opacity: 1;background-color:var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.pb-0{padding-bottom:0}.pb-2{padding-bottom:.5rem}.pl-10{padding-left:2.5rem}.pt-0{padding-top:0}.pt-2{padding-top:.5rem}.text-center{text-align:center}.text-5xl{font-size:3rem;line-height:1}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-bold{font-weight:700}.font-normal{font-weight:400}.capitalize{text-transform:capitalize}.italic{font-style:italic}.leading-6{line-height:1.5rem}.leading-tight{line-height:1.25}.text-primary{--tw-text-opacity: 1;color:var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity)))}.text-slate-400{--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity))}.text-slate-900{--tw-text-opacity: 1;color:rgb(15 23 42 / var(--tw-text-opacity))}.text-textCustom{--tw-text-opacity: 1;color:rgb(26 31 42 / var(--tw-text-opacity))}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.drop-shadow-2xl{--tw-drop-shadow: drop-shadow(0 25px 25px rgb(0 0 0 / .15));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)}body{width:200%}@media (min-width: 1024px){.lg\:flex-row-reverse{flex-direction:row-reverse}.lg\:text-left{text-align:left}}
|
package/dist/bubble.es.js
CHANGED
|
@@ -1,43 +1,50 @@
|
|
|
1
|
-
import { openBlock as
|
|
2
|
-
const
|
|
3
|
-
const e =
|
|
4
|
-
for (const [
|
|
5
|
-
e[
|
|
1
|
+
import { openBlock as t, createElementBlock as i, createElementVNode as u, Fragment as $, renderList as m, toDisplayString as g, normalizeClass as _, createBlock as c, createCommentVNode as v, createVNode as p } from "vue";
|
|
2
|
+
const L = "/assets/icons/ddict-logo.svg", d = (n, s) => {
|
|
3
|
+
const e = n.__vccOpts || n;
|
|
4
|
+
for (const [o, r] of s)
|
|
5
|
+
e[o] = r;
|
|
6
6
|
return e;
|
|
7
|
-
},
|
|
7
|
+
}, w = {
|
|
8
8
|
name: "Logo"
|
|
9
|
-
},
|
|
10
|
-
|
|
11
|
-
|
|
9
|
+
}, C = {
|
|
10
|
+
src: L,
|
|
11
|
+
alt: "DDict Logo",
|
|
12
|
+
class: "w-6 h-6 cursor-pointer"
|
|
13
|
+
};
|
|
14
|
+
function U(n, s, e, o, r, a) {
|
|
15
|
+
return t(), i("img", C);
|
|
12
16
|
}
|
|
13
|
-
const
|
|
14
|
-
name: "Loading"
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
this.index = (this.index + 1) % this.texts.length, this.text = this.texts[this.index];
|
|
25
|
-
}, 500);
|
|
26
|
-
}
|
|
27
|
-
}, B = { class: "btn btn-sm btn-ghost loading pr-1 bg-blue-900 text-white" };
|
|
28
|
-
function j(t, n, e, l, s, a) {
|
|
29
|
-
return o(), i("button", B);
|
|
17
|
+
const D = /* @__PURE__ */ d(w, [["render", U]]), E = "/ddict-loading.gif", B = {
|
|
18
|
+
name: "Loading"
|
|
19
|
+
}, P = { class: "rounded bg-white p-1" }, j = /* @__PURE__ */ u("img", {
|
|
20
|
+
src: E,
|
|
21
|
+
alt: "Loading",
|
|
22
|
+
class: "w-12"
|
|
23
|
+
}, null, -1), N = [
|
|
24
|
+
j
|
|
25
|
+
];
|
|
26
|
+
function V(n, s, e, o, r, a) {
|
|
27
|
+
return t(), i("div", P, N);
|
|
30
28
|
}
|
|
31
|
-
const
|
|
32
|
-
name: "
|
|
33
|
-
props: ["
|
|
34
|
-
},
|
|
35
|
-
function
|
|
36
|
-
return
|
|
37
|
-
|
|
29
|
+
const z = /* @__PURE__ */ d(B, [["render", V]]), O = {
|
|
30
|
+
name: "Dict",
|
|
31
|
+
props: ["dictionary"]
|
|
32
|
+
}, A = { class: "capitalize text-base italic font-normal text-slate-400" };
|
|
33
|
+
function H(n, s, e, o, r, a) {
|
|
34
|
+
return t(), i("div", null, [
|
|
35
|
+
(t(!0), i($, null, m(e.dictionary, (l, k) => (t(), i("div", {
|
|
36
|
+
key: k,
|
|
37
|
+
class: "mt-2"
|
|
38
|
+
}, [
|
|
39
|
+
u("p", A, g(l.pos), 1),
|
|
40
|
+
(t(!0), i($, null, m(l.terms, (F, x) => (t(), i("span", {
|
|
41
|
+
key: x,
|
|
42
|
+
class: "text-base leading-6 text-textCustom"
|
|
43
|
+
}, g(F) + ", ", 1))), 128))
|
|
44
|
+
]))), 128))
|
|
38
45
|
]);
|
|
39
46
|
}
|
|
40
|
-
const I = /* @__PURE__ */
|
|
47
|
+
const I = /* @__PURE__ */ d(O, [["render", H]]), q = "/assets/icons/volume.svg", G = "/assets/icons/volume-stop.svg", J = {
|
|
41
48
|
name: "Player",
|
|
42
49
|
props: ["tts"],
|
|
43
50
|
data() {
|
|
@@ -48,8 +55,8 @@ const I = /* @__PURE__ */ c(L, [["render", V]]), D = {
|
|
|
48
55
|
};
|
|
49
56
|
},
|
|
50
57
|
watch: {
|
|
51
|
-
playing(
|
|
52
|
-
if (!
|
|
58
|
+
playing(n) {
|
|
59
|
+
if (!n) {
|
|
53
60
|
this.player.pause();
|
|
54
61
|
return;
|
|
55
62
|
}
|
|
@@ -59,8 +66,8 @@ const I = /* @__PURE__ */ c(L, [["render", V]]), D = {
|
|
|
59
66
|
created() {
|
|
60
67
|
this.player.onended = () => {
|
|
61
68
|
this.playing = !1;
|
|
62
|
-
}, this.player.onerror = (
|
|
63
|
-
this.err =
|
|
69
|
+
}, this.player.onerror = (n) => {
|
|
70
|
+
this.err = n;
|
|
64
71
|
};
|
|
65
72
|
},
|
|
66
73
|
methods: {
|
|
@@ -68,205 +75,219 @@ const I = /* @__PURE__ */ c(L, [["render", V]]), D = {
|
|
|
68
75
|
this.playing = !this.playing;
|
|
69
76
|
}
|
|
70
77
|
}
|
|
71
|
-
},
|
|
78
|
+
}, K = {
|
|
72
79
|
key: 0,
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
stroke: "currentColor",
|
|
78
|
-
"stroke-width": "2"
|
|
79
|
-
}, A = /* @__PURE__ */ r("path", {
|
|
80
|
-
"stroke-linecap": "round",
|
|
81
|
-
"stroke-linejoin": "round",
|
|
82
|
-
d: "M15.536 8.464a5 5 0 010 7.072m2.828-9.9a9 9 0 010 12.728M5.586 15H4a1 1 0 01-1-1v-4a1 1 0 011-1h1.586l4.707-4.707C10.923 3.663 12 4.109 12 5v14c0 .891-1.077 1.337-1.707.707L5.586 15z"
|
|
83
|
-
}, null, -1), E = [
|
|
84
|
-
A
|
|
85
|
-
], O = {
|
|
80
|
+
class: "w-5",
|
|
81
|
+
src: q,
|
|
82
|
+
alt: "Play"
|
|
83
|
+
}, M = {
|
|
86
84
|
key: 1,
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
"
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
"stroke-linejoin": "round",
|
|
96
|
-
d: "M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
|
|
97
|
-
}, null, -1), T = /* @__PURE__ */ r("path", {
|
|
98
|
-
"stroke-linecap": "round",
|
|
99
|
-
"stroke-linejoin": "round",
|
|
100
|
-
d: "M9 10a1 1 0 011-1h4a1 1 0 011 1v4a1 1 0 01-1 1h-4a1 1 0 01-1-1v-4z"
|
|
101
|
-
}, null, -1), F = [
|
|
102
|
-
P,
|
|
103
|
-
T
|
|
104
|
-
];
|
|
105
|
-
function G(t, n, e, l, s, a) {
|
|
106
|
-
return s.err ? p("", !0) : (o(), i("span", {
|
|
107
|
-
key: 0,
|
|
108
|
-
onClick: n[0] || (n[0] = (...d) => a.play && a.play(...d))
|
|
85
|
+
class: "w-5",
|
|
86
|
+
src: G,
|
|
87
|
+
alt: "Stop"
|
|
88
|
+
};
|
|
89
|
+
function Q(n, s, e, o, r, a) {
|
|
90
|
+
return t(), i("button", {
|
|
91
|
+
class: "btn btn-xs btn-ghost btn-circle",
|
|
92
|
+
onClick: s[0] || (s[0] = (...l) => a.play && a.play(...l))
|
|
109
93
|
}, [
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
94
|
+
r.playing ? (t(), i("img", M)) : (t(), i("img", K))
|
|
95
|
+
]);
|
|
96
|
+
}
|
|
97
|
+
const f = /* @__PURE__ */ d(J, [["render", Q]]), R = "/assets/icons/favorite-filled.svg", T = "/assets/icons/favorite.svg", W = {
|
|
98
|
+
name: "Favorite",
|
|
99
|
+
props: ["isFilled"]
|
|
100
|
+
}, X = { class: "btn btn-xs btn-circle btn-ghost" }, Y = {
|
|
101
|
+
key: 0,
|
|
102
|
+
class: "w-5",
|
|
103
|
+
src: R,
|
|
104
|
+
alt: "Clear"
|
|
105
|
+
}, Z = {
|
|
106
|
+
key: 1,
|
|
107
|
+
class: "w-5",
|
|
108
|
+
src: T,
|
|
109
|
+
alt: "Clear"
|
|
110
|
+
};
|
|
111
|
+
function ee(n, s, e, o, r, a) {
|
|
112
|
+
return t(), i("button", X, [
|
|
113
|
+
e.isFilled ? (t(), i("img", Y)) : (t(), i("img", Z))
|
|
114
|
+
]);
|
|
115
|
+
}
|
|
116
|
+
const b = /* @__PURE__ */ d(W, [["render", ee]]), te = "/assets/icons/setting.svg", se = {}, ne = { class: "btn btn-xs btn-ghost btn-circle" }, ie = /* @__PURE__ */ u("img", {
|
|
117
|
+
class: "w-5",
|
|
118
|
+
src: te,
|
|
119
|
+
alt: "Icon description"
|
|
120
|
+
}, null, -1), oe = [
|
|
121
|
+
ie
|
|
122
|
+
];
|
|
123
|
+
function ae(n, s) {
|
|
124
|
+
return t(), i("button", ne, oe);
|
|
113
125
|
}
|
|
114
|
-
const
|
|
126
|
+
const y = /* @__PURE__ */ d(se, [["render", ae]]), re = "/assets/icons/cancel.svg", le = {}, ce = { class: "btn btn-xs btn-circle btn-ghost" }, de = /* @__PURE__ */ u("img", {
|
|
127
|
+
class: "w-5",
|
|
128
|
+
src: re,
|
|
129
|
+
alt: "Clear"
|
|
130
|
+
}, null, -1), ue = [
|
|
131
|
+
de
|
|
132
|
+
];
|
|
133
|
+
function ve(n, s) {
|
|
134
|
+
return t(), i("button", ce, ue);
|
|
135
|
+
}
|
|
136
|
+
const h = /* @__PURE__ */ d(le, [["render", ve]]), pe = {
|
|
115
137
|
name: "Sentences",
|
|
116
138
|
props: ["sentences"]
|
|
117
|
-
};
|
|
118
|
-
function
|
|
119
|
-
return
|
|
120
|
-
key: g,
|
|
121
|
-
class: "text-base leading-tight p-0 m-0"
|
|
122
|
-
}, _(d), 1))), 128);
|
|
139
|
+
}, $e = { class: "text-base text-textCustom leading-tight p-0 mr-2" };
|
|
140
|
+
function ge(n, s, e, o, r, a) {
|
|
141
|
+
return t(), i("p", $e, g(e.sentences), 1);
|
|
123
142
|
}
|
|
124
|
-
const
|
|
125
|
-
name: "
|
|
126
|
-
props: ["
|
|
127
|
-
},
|
|
128
|
-
function
|
|
129
|
-
return
|
|
130
|
-
(
|
|
131
|
-
key: g,
|
|
132
|
-
class: "mt-2"
|
|
133
|
-
}, [
|
|
134
|
-
r("p", R, _(d.pos), 1),
|
|
135
|
-
r("p", U, _(d.terms), 1)
|
|
136
|
-
]))), 128))
|
|
143
|
+
const _e = /* @__PURE__ */ d(pe, [["render", ge]]), me = {
|
|
144
|
+
name: "Phonetic",
|
|
145
|
+
props: ["phonetic"]
|
|
146
|
+
}, fe = { class: "p-0 m-0" }, be = { class: "text-sm font-md text-slate-400" };
|
|
147
|
+
function ye(n, s, e, o, r, a) {
|
|
148
|
+
return t(), i("p", fe, [
|
|
149
|
+
u("span", be, "/" + g(e.phonetic) + "/", 1)
|
|
137
150
|
]);
|
|
138
151
|
}
|
|
139
|
-
const
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
}
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
152
|
+
const he = /* @__PURE__ */ d(me, [["render", ye]]), Se = { class: "flex flex-col" }, ke = {
|
|
153
|
+
key: 0,
|
|
154
|
+
class: "flex flex-row pb-2 border-b border-[#D3D4D9] pl-10"
|
|
155
|
+
}, S = {
|
|
156
|
+
__name: "Header",
|
|
157
|
+
props: {
|
|
158
|
+
tts: String,
|
|
159
|
+
sentences: String,
|
|
160
|
+
phonetic: String,
|
|
161
|
+
isLongSentence: Boolean,
|
|
162
|
+
isServiceUnavailable: Boolean,
|
|
163
|
+
isFavorite: Boolean,
|
|
164
|
+
isFavoriteFeatureEnabled: Boolean
|
|
165
|
+
},
|
|
166
|
+
emits: ["favorite", "setting", "close"],
|
|
167
|
+
setup(n, { emit: s }) {
|
|
168
|
+
const e = n, o = s;
|
|
169
|
+
return (r, a) => (t(), i("div", Se, [
|
|
170
|
+
u("div", {
|
|
171
|
+
class: _(["flex p-2 pt-2 pb-0", {
|
|
172
|
+
"flex-row-reverse": e.isLongSentence,
|
|
173
|
+
"flex-row justify-between": !e.isLongSentence
|
|
174
|
+
}])
|
|
175
|
+
}, [
|
|
176
|
+
u("div", {
|
|
177
|
+
class: _(["flex flex-row gap-2", { "order-2": e.isLongSentence, "items-center": !e.isLongSentence }])
|
|
178
|
+
}, [
|
|
179
|
+
e.tts && !n.isLongSentence ? (t(), c(f, {
|
|
180
|
+
key: 0,
|
|
181
|
+
tts: e.tts
|
|
182
|
+
}, null, 8, ["tts"])) : v("", !0),
|
|
183
|
+
p(_e, {
|
|
184
|
+
sentences: n.isServiceUnavailable ? ["Service Unavailable"] : e.sentences
|
|
185
|
+
}, null, 8, ["sentences"])
|
|
186
|
+
], 2),
|
|
187
|
+
u("div", {
|
|
188
|
+
class: _(["flex", {
|
|
189
|
+
"flex-col items-end": e.isLongSentence,
|
|
190
|
+
"flex-row justify-right items-center ml-2": !e.isLongSentence
|
|
191
|
+
}])
|
|
192
|
+
}, [
|
|
193
|
+
e.isLongSentence ? (t(), i($, { key: 0 }, [
|
|
194
|
+
p(h, {
|
|
195
|
+
onClick: a[0] || (a[0] = (l) => o("close"))
|
|
196
|
+
}),
|
|
197
|
+
e.tts ? (t(), c(f, {
|
|
198
|
+
key: 0,
|
|
199
|
+
tts: e.tts
|
|
200
|
+
}, null, 8, ["tts"])) : v("", !0),
|
|
201
|
+
!n.isServiceUnavailable && e.isFavoriteFeatureEnabled ? (t(), c(b, {
|
|
202
|
+
key: 1,
|
|
203
|
+
isFilled: e.isFavorite,
|
|
204
|
+
onClick: a[1] || (a[1] = (l) => o("favorite"))
|
|
205
|
+
}, null, 8, ["isFilled"])) : v("", !0),
|
|
206
|
+
p(y, {
|
|
207
|
+
onClick: a[2] || (a[2] = (l) => o("setting"))
|
|
208
|
+
})
|
|
209
|
+
], 64)) : (t(), i($, { key: 1 }, [
|
|
210
|
+
!n.isServiceUnavailable && e.isFavoriteFeatureEnabled ? (t(), c(b, {
|
|
211
|
+
key: 0,
|
|
212
|
+
isFilled: e.isFavorite,
|
|
213
|
+
onClick: a[3] || (a[3] = (l) => o("favorite"))
|
|
214
|
+
}, null, 8, ["isFilled"])) : v("", !0),
|
|
215
|
+
p(y, {
|
|
216
|
+
onClick: a[4] || (a[4] = (l) => o("setting"))
|
|
217
|
+
}),
|
|
218
|
+
p(h, {
|
|
219
|
+
onClick: a[5] || (a[5] = (l) => o("close"))
|
|
220
|
+
})
|
|
221
|
+
], 64))
|
|
222
|
+
], 2)
|
|
223
|
+
], 2),
|
|
224
|
+
e.isLongSentence ? v("", !0) : (t(), i("div", ke, [
|
|
225
|
+
e.phonetic ? (t(), c(he, {
|
|
226
|
+
key: 0,
|
|
227
|
+
phonetic: e.phonetic
|
|
228
|
+
}, null, 8, ["phonetic"])) : v("", !0)
|
|
229
|
+
]))
|
|
230
|
+
]));
|
|
231
|
+
}
|
|
232
|
+
}, Fe = {
|
|
158
233
|
key: 0,
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
viewBox: "0 0 24 24",
|
|
162
|
-
"stroke-width": "1.5",
|
|
163
|
-
stroke: "currentColor",
|
|
164
|
-
class: "h-4 w-4 inline mr-1"
|
|
165
|
-
}, ot = /* @__PURE__ */ h(() => /* @__PURE__ */ r("path", {
|
|
166
|
-
"stroke-linecap": "round",
|
|
167
|
-
"stroke-linejoin": "round",
|
|
168
|
-
d: "M17.593 3.322c1.1.128 1.907 1.077 1.907 2.185V21L12 17.25 4.5 21V5.507c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0111.186 0z"
|
|
169
|
-
}, null, -1)), rt = [
|
|
170
|
-
ot
|
|
171
|
-
], it = {
|
|
234
|
+
class: "flex justify-center"
|
|
235
|
+
}, xe = {
|
|
172
236
|
key: 1,
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
fill: "currentColor",
|
|
176
|
-
class: "h-4 w-4 inline mr-1"
|
|
177
|
-
}, lt = /* @__PURE__ */ h(() => /* @__PURE__ */ r("path", {
|
|
178
|
-
"fill-rule": "evenodd",
|
|
179
|
-
d: "M6.32 2.577a49.255 49.255 0 0111.36 0c1.497.174 2.57 1.46 2.57 2.93V21a.75.75 0 01-1.085.67L12 18.089l-7.165 3.583A.75.75 0 013.75 21V5.507c0-1.47 1.073-2.756 2.57-2.93z",
|
|
180
|
-
"clip-rule": "evenodd"
|
|
181
|
-
}, null, -1)), at = [
|
|
182
|
-
lt
|
|
183
|
-
], ct = /* @__PURE__ */ h(() => /* @__PURE__ */ r("svg", {
|
|
184
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
185
|
-
class: "h-4 w-4 inline mr-1",
|
|
186
|
-
fill: "none",
|
|
187
|
-
viewBox: "0 0 24 24",
|
|
188
|
-
stroke: "currentColor",
|
|
189
|
-
"stroke-width": "2"
|
|
190
|
-
}, [
|
|
191
|
-
/* @__PURE__ */ r("path", {
|
|
192
|
-
"stroke-linecap": "round",
|
|
193
|
-
"stroke-linejoin": "round",
|
|
194
|
-
d: "M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z"
|
|
195
|
-
}),
|
|
196
|
-
/* @__PURE__ */ r("path", {
|
|
197
|
-
"stroke-linecap": "round",
|
|
198
|
-
"stroke-linejoin": "round",
|
|
199
|
-
d: "M15 12a3 3 0 11-6 0 3 3 0 016 0z"
|
|
200
|
-
})
|
|
201
|
-
], -1)), dt = [
|
|
202
|
-
ct
|
|
203
|
-
], pt = /* @__PURE__ */ h(() => /* @__PURE__ */ r("svg", {
|
|
204
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
205
|
-
class: "h-4 w-4 inline",
|
|
206
|
-
fill: "none",
|
|
207
|
-
viewBox: "0 0 24 24",
|
|
208
|
-
stroke: "currentColor",
|
|
209
|
-
"stroke-width": "2"
|
|
210
|
-
}, [
|
|
211
|
-
/* @__PURE__ */ r("path", {
|
|
212
|
-
"stroke-linecap": "round",
|
|
213
|
-
"stroke-linejoin": "round",
|
|
214
|
-
d: "M6 18L18 6M6 6l12 12"
|
|
215
|
-
})
|
|
216
|
-
], -1)), ut = [
|
|
217
|
-
pt
|
|
218
|
-
], _t = { class: "body" }, ht = {
|
|
237
|
+
class: "wrapper drop-shadow-2xl rounded-lg text-slate-900 bg-white text-sm border border-solid border-neutral-300"
|
|
238
|
+
}, Le = {
|
|
219
239
|
name: "Bubble",
|
|
220
|
-
props: ["
|
|
221
|
-
emits: ["logo", "
|
|
240
|
+
props: ["translationData", "tts", "status", "isFavorite", "isFavoriteFeatureEnabled"],
|
|
241
|
+
emits: ["logo", "favorite", "settings", "close"],
|
|
222
242
|
data() {
|
|
223
243
|
return {
|
|
224
|
-
data: null
|
|
244
|
+
data: null,
|
|
245
|
+
isLongSentence: !1,
|
|
246
|
+
isServiceUnavailable: !1
|
|
225
247
|
};
|
|
226
248
|
},
|
|
227
249
|
created() {
|
|
228
|
-
|
|
250
|
+
try {
|
|
251
|
+
this.data = this.translationData, !this.data.dictionary || this.data.dictionary.length === 0 ? this.isLongSentence = !0 : this.isLongSentence = !1, this.isServiceUnavailable = !1;
|
|
252
|
+
} catch {
|
|
253
|
+
this.isServiceUnavailable = !0;
|
|
254
|
+
}
|
|
229
255
|
}
|
|
230
|
-
},
|
|
231
|
-
setup(
|
|
232
|
-
return (
|
|
233
|
-
|
|
256
|
+
}, Ce = /* @__PURE__ */ Object.assign(Le, {
|
|
257
|
+
setup(n) {
|
|
258
|
+
return (s, e) => n.status < 2 ? (t(), i("div", Fe, [
|
|
259
|
+
n.status === 0 ? (t(), c(D, {
|
|
234
260
|
key: 0,
|
|
235
|
-
onClick: e[0] || (e[0] = (
|
|
236
|
-
})) : t
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
]),
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
m(X, {
|
|
263
|
-
dicts: n.data.dicts
|
|
264
|
-
}, null, 8, ["dicts"])
|
|
265
|
-
])
|
|
266
|
-
]))
|
|
261
|
+
onClick: e[0] || (e[0] = (o) => s.$emit("logo"))
|
|
262
|
+
})) : (t(), c(z, { key: 1 }))
|
|
263
|
+
])) : (t(), i("div", xe, [
|
|
264
|
+
s.isServiceUnavailable ? (t(), c(S, {
|
|
265
|
+
key: 0,
|
|
266
|
+
isServiceUnavailable: s.isServiceUnavailable,
|
|
267
|
+
isLongSentence: !1,
|
|
268
|
+
onFavorite: e[1] || (e[1] = (o) => s.$emit("favorite")),
|
|
269
|
+
onSetting: e[2] || (e[2] = (o) => s.$emit("settings")),
|
|
270
|
+
onClose: e[3] || (e[3] = (o) => s.$emit("close"))
|
|
271
|
+
}, null, 8, ["isServiceUnavailable"])) : (t(), c(S, {
|
|
272
|
+
key: 1,
|
|
273
|
+
tts: n.tts,
|
|
274
|
+
sentences: s.data.result,
|
|
275
|
+
phonetic: s.data.phonetic.src,
|
|
276
|
+
isFavorite: n.isFavorite,
|
|
277
|
+
isFavoriteFeatureEnabled: n.isFavoriteFeatureEnabled,
|
|
278
|
+
onFavorite: e[4] || (e[4] = (o) => s.$emit("favorite")),
|
|
279
|
+
onSetting: e[5] || (e[5] = (o) => s.$emit("settings")),
|
|
280
|
+
onClose: e[6] || (e[6] = (o) => s.$emit("close")),
|
|
281
|
+
isLongSentence: s.isLongSentence
|
|
282
|
+
}, null, 8, ["tts", "sentences", "phonetic", "isFavorite", "isFavoriteFeatureEnabled", "isLongSentence"])),
|
|
283
|
+
s.isServiceUnavailable ? v("", !0) : (t(), c(I, {
|
|
284
|
+
key: 2,
|
|
285
|
+
class: "p-3 pt-0",
|
|
286
|
+
dictionary: s.data.dictionary
|
|
287
|
+
}, null, 8, ["dictionary"]))
|
|
267
288
|
]));
|
|
268
289
|
}
|
|
269
|
-
})
|
|
290
|
+
});
|
|
270
291
|
export {
|
|
271
|
-
|
|
292
|
+
Ce as default
|
|
272
293
|
};
|
package/dist/bubble.umd.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
(function(
|
|
1
|
+
(function(r,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(r=typeof globalThis<"u"?globalThis:r||self,e(r.Bubble={},r.Vue))})(this,function(r,e){"use strict";const $="/assets/icons/ddict-logo.svg",a=(o,n)=>{const t=o.__vccOpts||o;for(const[s,l]of n)t[s]=l;return t},g={name:"Logo"},f={src:$,alt:"DDict Logo",class:"w-6 h-6 cursor-pointer"};function B(o,n,t,s,l,i){return e.openBlock(),e.createElementBlock("img",f)}const b=a(g,[["render",B]]),y="/ddict-loading.gif",h={name:"Loading"},S={class:"rounded bg-white p-1"},E=[e.createElementVNode("img",{src:y,alt:"Loading",class:"w-12"},null,-1)];function F(o,n,t,s,l,i){return e.openBlock(),e.createElementBlock("div",S,E)}const x=a(h,[["render",F]]),C={name:"Dict",props:["dictionary"]},L={class:"capitalize text-base italic font-normal text-slate-400"};function V(o,n,t,s,l,i){return e.openBlock(),e.createElementBlock("div",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.dictionary,(c,ke)=>(e.openBlock(),e.createElementBlock("div",{key:ke,class:"mt-2"},[e.createElementVNode("p",L,e.toDisplayString(c.pos),1),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.terms,(_e,$e)=>(e.openBlock(),e.createElementBlock("span",{key:$e,class:"text-base leading-6 text-textCustom"},e.toDisplayString(_e)+", ",1))),128))]))),128))])}const w=a(C,[["render",V]]),N="/assets/icons/volume.svg",u="/assets/icons/volume-stop.svg",D={name:"Player",props:["tts"],data(){return{playing:!1,player:new Audio(this.tts),err:null}},watch:{playing(o){if(!o){this.player.pause();return}this.player.play()}},created(){this.player.onended=()=>{this.playing=!1},this.player.onerror=o=>{this.err=o}},methods:{play(){this.playing=!this.playing}}},U={key:0,class:"w-5",src:N,alt:"Play"},j={key:1,class:"w-5",src:u,alt:"Stop"};function P(o,n,t,s,l,i){return e.openBlock(),e.createElementBlock("button",{class:"btn btn-xs btn-ghost btn-circle",onClick:n[0]||(n[0]=(...c)=>i.play&&i.play(...c))},[l.playing?(e.openBlock(),e.createElementBlock("img",j)):(e.openBlock(),e.createElementBlock("img",U))])}const d=a(D,[["render",P]]),z="/assets/icons/favorite-filled.svg",O="/assets/icons/favorite.svg",T={name:"Favorite",props:["isFilled"]},M={class:"btn btn-xs btn-circle btn-ghost"},q={key:0,class:"w-5",src:z,alt:"Clear"},A={key:1,class:"w-5",src:O,alt:"Clear"};function H(o,n,t,s,l,i){return e.openBlock(),e.createElementBlock("button",M,[t.isFilled?(e.openBlock(),e.createElementBlock("img",q)):(e.openBlock(),e.createElementBlock("img",A))])}const p=a(T,[["render",H]]),I="/assets/icons/setting.svg",G={},J={class:"btn btn-xs btn-ghost btn-circle"},K=[e.createElementVNode("img",{class:"w-5",src:I,alt:"Icon description"},null,-1)];function Q(o,n){return e.openBlock(),e.createElementBlock("button",J,K)}const m=a(G,[["render",Q]]),R="/assets/icons/cancel.svg",W={},X={class:"btn btn-xs btn-circle btn-ghost"},Y=[e.createElementVNode("img",{class:"w-5",src:R,alt:"Clear"},null,-1)];function Z(o,n){return e.openBlock(),e.createElementBlock("button",X,Y)}const k=a(W,[["render",Z]]),v={name:"Sentences",props:["sentences"]},ee={class:"text-base text-textCustom leading-tight p-0 mr-2"};function te(o,n,t,s,l,i){return e.openBlock(),e.createElementBlock("p",ee,e.toDisplayString(t.sentences),1)}const ne=a(v,[["render",te]]),oe={name:"Phonetic",props:["phonetic"]},se={class:"p-0 m-0"},ie={class:"text-sm font-md text-slate-400"};function le(o,n,t,s,l,i){return e.openBlock(),e.createElementBlock("p",se,[e.createElementVNode("span",ie,"/"+e.toDisplayString(t.phonetic)+"/",1)])}const ce=a(oe,[["render",le]]),ae={class:"flex flex-col"},re={key:0,class:"flex flex-row pb-2 border-b border-[#D3D4D9] pl-10"},_={__name:"Header",props:{tts:String,sentences:String,phonetic:String,isLongSentence:Boolean,isServiceUnavailable:Boolean,isFavorite:Boolean,isFavoriteFeatureEnabled:Boolean},emits:["favorite","setting","close"],setup(o,{emit:n}){const t=o,s=n;return(l,i)=>(e.openBlock(),e.createElementBlock("div",ae,[e.createElementVNode("div",{class:e.normalizeClass(["flex p-2 pt-2 pb-0",{"flex-row-reverse":t.isLongSentence,"flex-row justify-between":!t.isLongSentence}])},[e.createElementVNode("div",{class:e.normalizeClass(["flex flex-row gap-2",{"order-2":t.isLongSentence,"items-center":!t.isLongSentence}])},[t.tts&&!o.isLongSentence?(e.openBlock(),e.createBlock(d,{key:0,tts:t.tts},null,8,["tts"])):e.createCommentVNode("",!0),e.createVNode(ne,{sentences:o.isServiceUnavailable?["Service Unavailable"]:t.sentences},null,8,["sentences"])],2),e.createElementVNode("div",{class:e.normalizeClass(["flex",{"flex-col items-end":t.isLongSentence,"flex-row justify-right items-center ml-2":!t.isLongSentence}])},[t.isLongSentence?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createVNode(k,{onClick:i[0]||(i[0]=c=>s("close"))}),t.tts?(e.openBlock(),e.createBlock(d,{key:0,tts:t.tts},null,8,["tts"])):e.createCommentVNode("",!0),!o.isServiceUnavailable&&t.isFavoriteFeatureEnabled?(e.openBlock(),e.createBlock(p,{key:1,isFilled:t.isFavorite,onClick:i[1]||(i[1]=c=>s("favorite"))},null,8,["isFilled"])):e.createCommentVNode("",!0),e.createVNode(m,{onClick:i[2]||(i[2]=c=>s("setting"))})],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[!o.isServiceUnavailable&&t.isFavoriteFeatureEnabled?(e.openBlock(),e.createBlock(p,{key:0,isFilled:t.isFavorite,onClick:i[3]||(i[3]=c=>s("favorite"))},null,8,["isFilled"])):e.createCommentVNode("",!0),e.createVNode(m,{onClick:i[4]||(i[4]=c=>s("setting"))}),e.createVNode(k,{onClick:i[5]||(i[5]=c=>s("close"))})],64))],2)],2),t.isLongSentence?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",re,[t.phonetic?(e.openBlock(),e.createBlock(ce,{key:0,phonetic:t.phonetic},null,8,["phonetic"])):e.createCommentVNode("",!0)]))]))}},de={key:0,class:"flex justify-center"},pe={key:1,class:"wrapper drop-shadow-2xl rounded-lg text-slate-900 bg-white text-sm border border-solid border-neutral-300"},me=Object.assign({name:"Bubble",props:["translationData","tts","status","isFavorite","isFavoriteFeatureEnabled"],emits:["logo","favorite","settings","close"],data(){return{data:null,isLongSentence:!1,isServiceUnavailable:!1}},created(){try{this.data=this.translationData,!this.data.dictionary||this.data.dictionary.length===0?this.isLongSentence=!0:this.isLongSentence=!1,this.isServiceUnavailable=!1}catch{this.isServiceUnavailable=!0}}},{setup(o){return(n,t)=>o.status<2?(e.openBlock(),e.createElementBlock("div",de,[o.status===0?(e.openBlock(),e.createBlock(b,{key:0,onClick:t[0]||(t[0]=s=>n.$emit("logo"))})):(e.openBlock(),e.createBlock(x,{key:1}))])):(e.openBlock(),e.createElementBlock("div",pe,[n.isServiceUnavailable?(e.openBlock(),e.createBlock(_,{key:0,isServiceUnavailable:n.isServiceUnavailable,isLongSentence:!1,onFavorite:t[1]||(t[1]=s=>n.$emit("favorite")),onSetting:t[2]||(t[2]=s=>n.$emit("settings")),onClose:t[3]||(t[3]=s=>n.$emit("close"))},null,8,["isServiceUnavailable"])):(e.openBlock(),e.createBlock(_,{key:1,tts:o.tts,sentences:n.data.result,phonetic:n.data.phonetic.src,isFavorite:o.isFavorite,isFavoriteFeatureEnabled:o.isFavoriteFeatureEnabled,onFavorite:t[4]||(t[4]=s=>n.$emit("favorite")),onSetting:t[5]||(t[5]=s=>n.$emit("settings")),onClose:t[6]||(t[6]=s=>n.$emit("close")),isLongSentence:n.isLongSentence},null,8,["tts","sentences","phonetic","isFavorite","isFavoriteFeatureEnabled","isLongSentence"])),n.isServiceUnavailable?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(w,{key:2,class:"p-3 pt-0",dictionary:n.data.dictionary},null,8,["dictionary"]))]))}});r.default=me,Object.defineProperties(r,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
|
|
Binary file
|
package/package.json
CHANGED
|
@@ -1,29 +1,50 @@
|
|
|
1
1
|
{
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
"
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
"
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
2
|
+
"name": "@ddict/bubble",
|
|
3
|
+
"version": "0.0.9",
|
|
4
|
+
"type": "module",
|
|
5
|
+
"files": [
|
|
6
|
+
"dist"
|
|
7
|
+
],
|
|
8
|
+
"main": "./dist/bubble.umd.js",
|
|
9
|
+
"module": "./dist/bubble.es.js",
|
|
10
|
+
"scripts": {
|
|
11
|
+
"dev": "vite",
|
|
12
|
+
"build": "vite build",
|
|
13
|
+
"test:e2e": "start-server-and-test dev http://localhost:5173 cypress:run",
|
|
14
|
+
"cypress:run": "cypress run",
|
|
15
|
+
"preview": "vite preview",
|
|
16
|
+
"lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs --fix --ignore-path .gitignore",
|
|
17
|
+
"format": "prettier --write src/",
|
|
18
|
+
"format-check": "prettier --check src/"
|
|
19
|
+
},
|
|
20
|
+
"dependencies": {
|
|
21
|
+
"@floating-ui/vue": "^1.1.1",
|
|
22
|
+
"daisyui": "^4.12.10",
|
|
23
|
+
"textarea-caret": "^3.1.0",
|
|
24
|
+
"vue": "^3.4.31"
|
|
25
|
+
},
|
|
26
|
+
"devDependencies": {
|
|
27
|
+
"@cypress/vite-dev-server": "^5.1.1",
|
|
28
|
+
"@cypress/vue": "^6.0.1",
|
|
29
|
+
"@rushstack/eslint-patch": "^1.10.3",
|
|
30
|
+
"@vitejs/plugin-vue": "^5.0.5",
|
|
31
|
+
"@vue/eslint-config-prettier": "^9.0.0",
|
|
32
|
+
"autoprefixer": "^10.4.19",
|
|
33
|
+
"cypress": "^13.13.1",
|
|
34
|
+
"cypress-vite": "^1.5.0",
|
|
35
|
+
"eslint": "^8.57.0",
|
|
36
|
+
"eslint-plugin-cypress": "^3.3.0",
|
|
37
|
+
"eslint-plugin-vue": "^9.23.0",
|
|
38
|
+
"eslint-plugin-vuetify": "^2.4.0",
|
|
39
|
+
"postcss": "^8.4.39",
|
|
40
|
+
"prettier": "^3.3.3",
|
|
41
|
+
"start-server-and-test": "^2.0.4",
|
|
42
|
+
"tailwindcss": "^3.4.4",
|
|
43
|
+
"vite": "^5.3.3"
|
|
44
|
+
},
|
|
45
|
+
"optionalDependencies": {
|
|
46
|
+
"@rollup/rollup-darwin-arm64": "^4.18.1",
|
|
47
|
+
"@rollup/rollup-linux-x64-gnu": "^4.18.1",
|
|
48
|
+
"@rollup/rollup-linux-x64-musl": "^4.18.1"
|
|
49
|
+
}
|
|
29
50
|
}
|