beercss 3.13.2 → 3.13.3
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/LICENSE +21 -21
- package/README.md +328 -328
- package/custom-element/index.d.ts +18 -18
- package/custom-element/index.js +7 -7
- package/dist/cdn/arch.svg +3 -3
- package/dist/cdn/arrow.svg +3 -3
- package/dist/cdn/beer.css +4792 -4792
- package/dist/cdn/beer.custom-element.js +38 -38
- package/dist/cdn/beer.custom-element.min.js +1 -1
- package/dist/cdn/beer.js +635 -635
- package/dist/cdn/beer.min.css +1 -1
- package/dist/cdn/beer.min.js +1 -1
- package/dist/cdn/beer.scoped.css +4793 -4793
- package/dist/cdn/beer.scoped.min.css +1 -1
- package/dist/cdn/boom.svg +3 -3
- package/dist/cdn/bun.svg +3 -3
- package/dist/cdn/burst.svg +3 -3
- package/dist/cdn/circle.svg +3 -3
- package/dist/cdn/clamshell.svg +3 -3
- package/dist/cdn/diamond.svg +3 -3
- package/dist/cdn/fan.svg +3 -3
- package/dist/cdn/flower.svg +3 -3
- package/dist/cdn/gem.svg +3 -3
- package/dist/cdn/ghost-ish.svg +3 -3
- package/dist/cdn/heart.svg +3 -3
- package/dist/cdn/leaf-clover4.svg +3 -3
- package/dist/cdn/leaf-clover8.svg +3 -3
- package/dist/cdn/loading-indicator.svg +18 -18
- package/dist/cdn/oval.svg +3 -3
- package/dist/cdn/pentagon.svg +3 -3
- package/dist/cdn/pill.svg +3 -3
- package/dist/cdn/pixel-circle.svg +3 -3
- package/dist/cdn/pixel-triangle.svg +3 -3
- package/dist/cdn/puffy-diamond.svg +3 -3
- package/dist/cdn/puffy.svg +3 -3
- package/dist/cdn/semicircle.svg +3 -3
- package/dist/cdn/sided-cookie12.svg +3 -3
- package/dist/cdn/sided-cookie4.svg +3 -3
- package/dist/cdn/sided-cookie6.svg +3 -3
- package/dist/cdn/sided-cookie7.svg +3 -3
- package/dist/cdn/sided-cookie9.svg +3 -3
- package/dist/cdn/slanted.svg +3 -3
- package/dist/cdn/soft-boom.svg +3 -3
- package/dist/cdn/soft-burst.svg +3 -3
- package/dist/cdn/square.svg +3 -3
- package/dist/cdn/sunny.svg +3 -3
- package/dist/cdn/triangle.svg +3 -3
- package/dist/cdn/very-sunny.svg +3 -3
- package/dist/cdn/wavy-circle.svg +3 -3
- package/dist/cdn/wavy.svg +4 -4
- package/index.d.ts +18 -18
- package/index.js +6 -6
- package/package.json +76 -76
- package/scoped/index.d.ts +18 -18
- package/scoped/index.js +6 -6
- package/src/cdn/beer.css +52 -52
- package/src/cdn/beer.ts +120 -120
- package/src/cdn/customElement.js +38 -38
- package/src/cdn/elements/badges.css +74 -74
- package/src/cdn/elements/bars.css +91 -91
- package/src/cdn/elements/buttons.css +106 -106
- package/src/cdn/elements/cards.css +26 -26
- package/src/cdn/elements/chips.css +38 -38
- package/src/cdn/elements/dialogs.css +151 -151
- package/src/cdn/elements/dialogs.ts +69 -69
- package/src/cdn/elements/dividers.css +48 -48
- package/src/cdn/elements/expansions.css +10 -10
- package/src/cdn/elements/fields.css +439 -439
- package/src/cdn/elements/fields.ts +165 -165
- package/src/cdn/elements/grids.css +171 -171
- package/src/cdn/elements/icons.css +77 -77
- package/src/cdn/elements/layouts.css +35 -35
- package/src/cdn/elements/lists.css +71 -71
- package/src/cdn/elements/mainLayouts.css +57 -57
- package/src/cdn/elements/media.css +112 -112
- package/src/cdn/elements/menus.css +294 -294
- package/src/cdn/elements/menus.ts +40 -40
- package/src/cdn/elements/navigations.css +462 -462
- package/src/cdn/elements/overlays.css +31 -31
- package/src/cdn/elements/pages.css +41 -41
- package/src/cdn/elements/pages.ts +6 -6
- package/src/cdn/elements/progress.css +207 -207
- package/src/cdn/elements/progress.ts +34 -34
- package/src/cdn/elements/selections.css +256 -256
- package/src/cdn/elements/shapes.css +258 -258
- package/src/cdn/elements/sliders.css +357 -357
- package/src/cdn/elements/sliders.ts +74 -74
- package/src/cdn/elements/snackbars.css +47 -47
- package/src/cdn/elements/snackbars.ts +26 -26
- package/src/cdn/elements/tables.css +65 -65
- package/src/cdn/elements/tabs.css +52 -52
- package/src/cdn/elements/tooltips.css +131 -131
- package/src/cdn/helpers/alignments.css +29 -29
- package/src/cdn/helpers/blurs.css +21 -21
- package/src/cdn/helpers/colors.css +930 -930
- package/src/cdn/helpers/directions.css +28 -28
- package/src/cdn/helpers/elevates.css +16 -16
- package/src/cdn/helpers/forms.css +75 -75
- package/src/cdn/helpers/margins.css +49 -49
- package/src/cdn/helpers/opacities.css +19 -19
- package/src/cdn/helpers/paddings.css +45 -45
- package/src/cdn/helpers/positions.css +45 -45
- package/src/cdn/helpers/reset.css +94 -94
- package/src/cdn/helpers/responsive.css +22 -22
- package/src/cdn/helpers/ripples.css +33 -33
- package/src/cdn/helpers/ripples.ts +30 -30
- package/src/cdn/helpers/scrolls.css +8 -8
- package/src/cdn/helpers/shadows.css +23 -23
- package/src/cdn/helpers/sizes.css +45 -45
- package/src/cdn/helpers/spaces.css +19 -19
- package/src/cdn/helpers/theme.css +186 -186
- package/src/cdn/helpers/theme.ts +83 -83
- package/src/cdn/helpers/typography.css +225 -225
- package/src/cdn/helpers/waves.css +43 -43
- package/src/cdn/helpers/zoom.css +19 -19
- package/src/cdn/interfaces.ts +3 -3
- package/src/cdn/settings/dark.css +38 -38
- package/src/cdn/settings/fonts.css +35 -35
- package/src/cdn/settings/globals.css +18 -18
- package/src/cdn/settings/light.css +39 -39
- package/src/cdn/shapes/arch.svg +3 -3
- package/src/cdn/shapes/arrow.svg +3 -3
- package/src/cdn/shapes/boom.svg +3 -3
- package/src/cdn/shapes/bun.svg +3 -3
- package/src/cdn/shapes/burst.svg +3 -3
- package/src/cdn/shapes/circle.svg +3 -3
- package/src/cdn/shapes/clamshell.svg +3 -3
- package/src/cdn/shapes/diamond.svg +3 -3
- package/src/cdn/shapes/fan.svg +3 -3
- package/src/cdn/shapes/flower.svg +3 -3
- package/src/cdn/shapes/gem.svg +3 -3
- package/src/cdn/shapes/ghost-ish.svg +3 -3
- package/src/cdn/shapes/heart.svg +3 -3
- package/src/cdn/shapes/leaf-clover4.svg +3 -3
- package/src/cdn/shapes/leaf-clover8.svg +3 -3
- package/src/cdn/shapes/loading-indicator.svg +18 -18
- package/src/cdn/shapes/oval.svg +3 -3
- package/src/cdn/shapes/pentagon.svg +3 -3
- package/src/cdn/shapes/pill.svg +3 -3
- package/src/cdn/shapes/pixel-circle.svg +3 -3
- package/src/cdn/shapes/pixel-triangle.svg +3 -3
- package/src/cdn/shapes/puffy-diamond.svg +3 -3
- package/src/cdn/shapes/puffy.svg +3 -3
- package/src/cdn/shapes/semicircle.svg +3 -3
- package/src/cdn/shapes/sided-cookie12.svg +3 -3
- package/src/cdn/shapes/sided-cookie4.svg +3 -3
- package/src/cdn/shapes/sided-cookie6.svg +3 -3
- package/src/cdn/shapes/sided-cookie7.svg +3 -3
- package/src/cdn/shapes/sided-cookie9.svg +3 -3
- package/src/cdn/shapes/slanted.svg +3 -3
- package/src/cdn/shapes/soft-boom.svg +3 -3
- package/src/cdn/shapes/soft-burst.svg +3 -3
- package/src/cdn/shapes/square.svg +3 -3
- package/src/cdn/shapes/sunny.svg +3 -3
- package/src/cdn/shapes/triangle.svg +3 -3
- package/src/cdn/shapes/very-sunny.svg +3 -3
- package/src/cdn/shapes/wavy-circle.svg +3 -3
- package/src/cdn/shapes/wavy.svg +4 -4
- package/src/cdn/utils.ts +154 -154
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
<svg width="296" height="316" viewBox="0 0 296 316" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<path d="M92.1859 22.5702C123.276 -7.51981 172.724 -7.51981 203.814 22.5702C213.328 31.7702 224.984 38.4802 237.738 42.0902C279.419 53.8902 304.142 96.5901 293.552 138.47C290.312 151.29 290.312 164.71 293.552 177.53C304.142 219.41 279.419 262.11 237.738 273.91C224.984 277.52 213.328 284.23 203.814 293.43C172.724 323.52 123.276 323.52 92.1859 293.43C82.6719 284.23 71.0159 277.52 58.2619 273.91C16.5809 262.11 -8.14208 219.41 2.44792 177.53C5.68792 164.71 5.68792 151.29 2.44792 138.47C-8.14208 96.5901 16.5809 53.8902 58.2619 42.0902C71.0159 38.4802 82.6719 31.7702 92.1859 22.5702Z" fill="#D0BCFF"/>
|
|
3
|
-
</svg>
|
|
1
|
+
<svg width="296" height="316" viewBox="0 0 296 316" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M92.1859 22.5702C123.276 -7.51981 172.724 -7.51981 203.814 22.5702C213.328 31.7702 224.984 38.4802 237.738 42.0902C279.419 53.8902 304.142 96.5901 293.552 138.47C290.312 151.29 290.312 164.71 293.552 177.53C304.142 219.41 279.419 262.11 237.738 273.91C224.984 277.52 213.328 284.23 203.814 293.43C172.724 323.52 123.276 323.52 92.1859 293.43C82.6719 284.23 71.0159 277.52 58.2619 273.91C16.5809 262.11 -8.14208 219.41 2.44792 177.53C5.68792 164.71 5.68792 151.29 2.44792 138.47C-8.14208 96.5901 16.5809 53.8902 58.2619 42.0902C71.0159 38.4802 82.6719 31.7702 92.1859 22.5702Z" fill="#D0BCFF"/>
|
|
3
|
+
</svg>
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
<svg width="320" height="316" viewBox="0 0 320 316" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<path d="M112.67 19.78C116.243 16.64 118.029 15.07 119.671 13.8C143.425 -4.6 176.575 -4.6 200.329 13.8C201.971 15.07 203.757 16.64 207.33 19.78C208.526 20.84 209.124 21.3601 209.724 21.8701C218.136 28.9201 228.171 33.7699 238.92 35.9599C239.688 36.1199 240.471 36.26 242.038 36.54C246.719 37.38 249.059 37.79 251.075 38.29C280.234 45.43 300.902 71.4099 301.364 101.49C301.396 103.57 301.283 105.95 301.057 110.71C300.982 112.31 300.944 113.1 300.925 113.89C300.665 124.88 303.143 135.76 308.136 145.55C308.493 146.25 308.872 146.95 309.63 148.36C311.894 152.55 313.026 154.64 313.897 156.53C326.503 183.83 319.127 216.23 295.949 235.34C294.347 236.67 292.42 238.06 288.566 240.85C287.276 241.79 286.63 242.25 286.007 242.73C277.27 249.38 270.326 258.11 265.803 268.12C265.48 268.84 265.169 269.57 264.547 271.04C262.69 275.43 261.761 277.62 260.832 279.48C247.393 306.38 217.526 320.8 188.162 314.56C186.132 314.12 183.842 313.48 179.262 312.2C177.728 311.78 176.962 311.56 176.203 311.37C165.569 308.67 154.431 308.67 143.797 311.37C143.038 311.56 142.272 311.78 140.738 312.2C136.158 313.48 133.868 314.12 131.838 314.56C102.474 320.8 72.6071 306.38 59.168 279.48C58.2388 277.62 57.3102 275.43 55.453 271.04C54.8311 269.57 54.5202 268.84 54.1975 268.12C49.6741 258.11 42.7297 249.38 33.993 242.73C33.3696 242.25 32.7244 241.79 31.434 240.85C27.5801 238.06 25.6532 236.67 24.0507 235.34C0.872993 216.23 -6.50347 183.83 6.10269 156.53C6.97419 154.64 8.10619 152.55 10.3703 148.36C11.1283 146.95 11.5074 146.25 11.8636 145.55C16.8568 135.76 19.3353 124.88 19.0745 113.89C19.0559 113.1 19.0182 112.31 18.9426 110.71C18.7168 105.95 18.6039 103.57 18.6359 101.49C19.0982 71.4099 39.7665 45.43 68.9252 38.29C70.9411 37.79 73.2814 37.38 77.9618 36.54C79.5289 36.26 80.3125 36.1199 81.0795 35.9599C91.829 33.7699 101.864 28.9201 110.276 21.8701C110.876 21.3601 111.474 20.84 112.67 19.78Z" fill="#D0BCFF"/>
|
|
3
|
-
</svg>
|
|
1
|
+
<svg width="320" height="316" viewBox="0 0 320 316" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M112.67 19.78C116.243 16.64 118.029 15.07 119.671 13.8C143.425 -4.6 176.575 -4.6 200.329 13.8C201.971 15.07 203.757 16.64 207.33 19.78C208.526 20.84 209.124 21.3601 209.724 21.8701C218.136 28.9201 228.171 33.7699 238.92 35.9599C239.688 36.1199 240.471 36.26 242.038 36.54C246.719 37.38 249.059 37.79 251.075 38.29C280.234 45.43 300.902 71.4099 301.364 101.49C301.396 103.57 301.283 105.95 301.057 110.71C300.982 112.31 300.944 113.1 300.925 113.89C300.665 124.88 303.143 135.76 308.136 145.55C308.493 146.25 308.872 146.95 309.63 148.36C311.894 152.55 313.026 154.64 313.897 156.53C326.503 183.83 319.127 216.23 295.949 235.34C294.347 236.67 292.42 238.06 288.566 240.85C287.276 241.79 286.63 242.25 286.007 242.73C277.27 249.38 270.326 258.11 265.803 268.12C265.48 268.84 265.169 269.57 264.547 271.04C262.69 275.43 261.761 277.62 260.832 279.48C247.393 306.38 217.526 320.8 188.162 314.56C186.132 314.12 183.842 313.48 179.262 312.2C177.728 311.78 176.962 311.56 176.203 311.37C165.569 308.67 154.431 308.67 143.797 311.37C143.038 311.56 142.272 311.78 140.738 312.2C136.158 313.48 133.868 314.12 131.838 314.56C102.474 320.8 72.6071 306.38 59.168 279.48C58.2388 277.62 57.3102 275.43 55.453 271.04C54.8311 269.57 54.5202 268.84 54.1975 268.12C49.6741 258.11 42.7297 249.38 33.993 242.73C33.3696 242.25 32.7244 241.79 31.434 240.85C27.5801 238.06 25.6532 236.67 24.0507 235.34C0.872993 216.23 -6.50347 183.83 6.10269 156.53C6.97419 154.64 8.10619 152.55 10.3703 148.36C11.1283 146.95 11.5074 146.25 11.8636 145.55C16.8568 135.76 19.3353 124.88 19.0745 113.89C19.0559 113.1 19.0182 112.31 18.9426 110.71C18.7168 105.95 18.6039 103.57 18.6359 101.49C19.0982 71.4099 39.7665 45.43 68.9252 38.29C70.9411 37.79 73.2814 37.38 77.9618 36.54C79.5289 36.26 80.3125 36.1199 81.0795 35.9599C91.829 33.7699 101.864 28.9201 110.276 21.8701C110.876 21.3601 111.474 20.84 112.67 19.78Z" fill="#D0BCFF"/>
|
|
3
|
+
</svg>
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
<svg width="320" height="320" viewBox="0 0 320 320" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<path d="M125.26 13.3798C126.99 11.9498 127.85 11.2398 128.64 10.6398C147.19 -3.55019 172.81 -3.55019 191.36 10.6398C192.15 11.2398 193.01 11.9498 194.74 13.3798C195.51 14.0098 195.89 14.3298 196.27 14.6398C205 21.5798 215.71 25.52 226.82 25.87C227.3 25.88 227.8 25.8898 228.79 25.8998C231.02 25.9298 232.14 25.9399 233.12 25.9899C256.36 27.1799 275.98 43.8199 281.17 66.7299C281.39 67.6999 281.6 68.8099 282.02 71.0199C282.2 72.0099 282.29 72.4999 282.39 72.9799C284.66 83.9799 290.36 93.9398 298.64 101.42C299.01 101.75 299.38 102.08 300.14 102.73C301.83 104.2 302.67 104.94 303.39 105.62C320.44 121.61 324.89 147.11 314.29 168.03C313.84 168.92 313.29 169.9 312.2 171.86C311.71 172.74 311.47 173.18 311.24 173.61C305.99 183.5 304.01 194.84 305.6 205.95C305.67 206.44 305.75 206.93 305.91 207.92C306.27 210.15 306.45 211.26 306.57 212.25C309.45 235.57 296.64 257.99 275.21 267.13C274.3 267.52 273.25 267.92 271.17 268.72C270.24 269.07 269.77 269.25 269.32 269.43C259 273.6 250.28 281 244.42 290.54C244.17 290.96 243.92 291.39 243.41 292.25C242.27 294.19 241.7 295.16 241.16 296C228.53 315.73 204.46 324.59 182.22 317.67C181.28 317.38 180.22 317.01 178.12 316.26C177.18 315.93 176.71 315.76 176.25 315.61C165.7 312.1 154.3 312.1 143.75 315.61C143.29 315.76 142.82 315.93 141.88 316.26C139.78 317.01 138.72 317.38 137.78 317.67C115.54 324.59 91.47 315.73 78.84 296C78.3 295.16 77.73 294.19 76.59 292.25C76.08 291.39 75.83 290.96 75.58 290.54C69.72 281 61.0001 273.6 50.6801 269.43C50.2301 269.25 49.76 269.07 48.83 268.72C46.75 267.92 45.7001 267.52 44.7901 267.13C23.3601 257.99 10.5501 235.57 13.4301 212.25C13.5501 211.26 13.73 210.15 14.09 207.92C14.25 206.93 14.3301 206.44 14.4001 205.95C15.9901 194.84 14.01 183.5 8.76004 173.61C8.53004 173.18 8.29008 172.74 7.80008 171.86C6.71008 169.9 6.15999 168.92 5.70999 168.03C-4.89001 147.11 -0.439983 121.61 16.61 105.62C17.33 104.94 18.17 104.2 19.86 102.73C20.62 102.08 20.99 101.75 21.36 101.42C29.64 93.9398 35.34 83.9799 37.61 72.9799C37.71 72.4999 37.8 72.0099 37.98 71.0199C38.4 68.8099 38.61 67.6999 38.83 66.7299C44.02 43.8199 63.64 27.1799 86.88 25.9899C87.86 25.9399 88.98 25.9298 91.21 25.8998C92.2 25.8898 92.7001 25.88 93.1801 25.87C104.29 25.52 115 21.5798 123.73 14.6398C124.11 14.3298 124.49 14.0098 125.26 13.3798Z" fill="#D0BCFF"/>
|
|
3
|
-
</svg>
|
|
1
|
+
<svg width="320" height="320" viewBox="0 0 320 320" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M125.26 13.3798C126.99 11.9498 127.85 11.2398 128.64 10.6398C147.19 -3.55019 172.81 -3.55019 191.36 10.6398C192.15 11.2398 193.01 11.9498 194.74 13.3798C195.51 14.0098 195.89 14.3298 196.27 14.6398C205 21.5798 215.71 25.52 226.82 25.87C227.3 25.88 227.8 25.8898 228.79 25.8998C231.02 25.9298 232.14 25.9399 233.12 25.9899C256.36 27.1799 275.98 43.8199 281.17 66.7299C281.39 67.6999 281.6 68.8099 282.02 71.0199C282.2 72.0099 282.29 72.4999 282.39 72.9799C284.66 83.9799 290.36 93.9398 298.64 101.42C299.01 101.75 299.38 102.08 300.14 102.73C301.83 104.2 302.67 104.94 303.39 105.62C320.44 121.61 324.89 147.11 314.29 168.03C313.84 168.92 313.29 169.9 312.2 171.86C311.71 172.74 311.47 173.18 311.24 173.61C305.99 183.5 304.01 194.84 305.6 205.95C305.67 206.44 305.75 206.93 305.91 207.92C306.27 210.15 306.45 211.26 306.57 212.25C309.45 235.57 296.64 257.99 275.21 267.13C274.3 267.52 273.25 267.92 271.17 268.72C270.24 269.07 269.77 269.25 269.32 269.43C259 273.6 250.28 281 244.42 290.54C244.17 290.96 243.92 291.39 243.41 292.25C242.27 294.19 241.7 295.16 241.16 296C228.53 315.73 204.46 324.59 182.22 317.67C181.28 317.38 180.22 317.01 178.12 316.26C177.18 315.93 176.71 315.76 176.25 315.61C165.7 312.1 154.3 312.1 143.75 315.61C143.29 315.76 142.82 315.93 141.88 316.26C139.78 317.01 138.72 317.38 137.78 317.67C115.54 324.59 91.47 315.73 78.84 296C78.3 295.16 77.73 294.19 76.59 292.25C76.08 291.39 75.83 290.96 75.58 290.54C69.72 281 61.0001 273.6 50.6801 269.43C50.2301 269.25 49.76 269.07 48.83 268.72C46.75 267.92 45.7001 267.52 44.7901 267.13C23.3601 257.99 10.5501 235.57 13.4301 212.25C13.5501 211.26 13.73 210.15 14.09 207.92C14.25 206.93 14.3301 206.44 14.4001 205.95C15.9901 194.84 14.01 183.5 8.76004 173.61C8.53004 173.18 8.29008 172.74 7.80008 171.86C6.71008 169.9 6.15999 168.92 5.70999 168.03C-4.89001 147.11 -0.439983 121.61 16.61 105.62C17.33 104.94 18.17 104.2 19.86 102.73C20.62 102.08 20.99 101.75 21.36 101.42C29.64 93.9398 35.34 83.9799 37.61 72.9799C37.71 72.4999 37.8 72.0099 37.98 71.0199C38.4 68.8099 38.61 67.6999 38.83 66.7299C44.02 43.8199 63.64 27.1799 86.88 25.9899C87.86 25.9399 88.98 25.9298 91.21 25.8998C92.2 25.8898 92.7001 25.88 93.1801 25.87C104.29 25.52 115 21.5798 123.73 14.6398C124.11 14.3298 124.49 14.0098 125.26 13.3798Z" fill="#D0BCFF"/>
|
|
3
|
+
</svg>
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
<svg width="320" height="300" viewBox="0 0 320 300" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<path d="M15.715 80.54C18.289 55.96 19.576 43.67 24.303 33.978C31.142 19.945 43.077 9.11002 57.628 3.72302C67.683 2.24113e-05 79.933 0 104.432 0H228.137C257.764 0 272.578 3.8147e-06 283.887 4.854C300.261 11.882 312.72 25.849 317.927 43.02C321.523 54.87 319.967 69.73 316.854 99.46L304.285 219.46C301.711 244.04 300.424 256.33 295.697 266.02C288.858 280.05 276.923 290.89 262.372 296.28C252.317 300 240.067 300 215.568 300H91.863C62.236 300 47.422 300 36.113 295.15C19.739 288.12 7.28 274.15 2.073 256.98C-1.524 245.13 0.0330019 230.27 3.146 200.54L15.715 80.54Z" fill="#D0BCFF"/>
|
|
3
|
-
</svg>
|
|
1
|
+
<svg width="320" height="300" viewBox="0 0 320 300" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M15.715 80.54C18.289 55.96 19.576 43.67 24.303 33.978C31.142 19.945 43.077 9.11002 57.628 3.72302C67.683 2.24113e-05 79.933 0 104.432 0H228.137C257.764 0 272.578 3.8147e-06 283.887 4.854C300.261 11.882 312.72 25.849 317.927 43.02C321.523 54.87 319.967 69.73 316.854 99.46L304.285 219.46C301.711 244.04 300.424 256.33 295.697 266.02C288.858 280.05 276.923 290.89 262.372 296.28C252.317 300 240.067 300 215.568 300H91.863C62.236 300 47.422 300 36.113 295.15C19.739 288.12 7.28 274.15 2.073 256.98C-1.524 245.13 0.0330019 230.27 3.146 200.54L15.715 80.54Z" fill="#D0BCFF"/>
|
|
3
|
+
</svg>
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
<svg width="320" height="320" viewBox="0 0 320 320" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<path d="M174.94 84.95C197.48 -28.315 122.55 -28.315 145.08 84.95C122.55 -28.315 53.327 0.35202 117.49 96.38C53.327 0.35202 0.35202 53.33 96.38 117.49C0.35202 53.33 -28.315 122.55 84.95 145.07C-28.315 122.54 -28.315 197.46 84.95 174.93C-28.315 197.46 0.36602 266.67 96.38 202.51C0.36602 266.67 53.34 319.65 117.49 223.62C53.327 319.63 122.55 348.3 145.07 235.05C122.54 348.32 197.46 348.32 174.93 235.05C197.46 348.32 266.67 319.63 202.51 223.62C266.67 319.63 319.65 266.66 223.62 202.51C319.63 266.67 348.3 197.45 235.05 174.93C348.32 197.46 348.32 122.54 235.05 145.07C348.32 122.54 319.63 53.33 223.62 117.49C319.63 53.33 266.66 0.35202 202.51 96.38C266.67 0.36602 197.45 -28.302 174.93 84.95H174.94Z" fill="#D0BCFF"/>
|
|
3
|
-
</svg>
|
|
1
|
+
<svg width="320" height="320" viewBox="0 0 320 320" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M174.94 84.95C197.48 -28.315 122.55 -28.315 145.08 84.95C122.55 -28.315 53.327 0.35202 117.49 96.38C53.327 0.35202 0.35202 53.33 96.38 117.49C0.35202 53.33 -28.315 122.55 84.95 145.07C-28.315 122.54 -28.315 197.46 84.95 174.93C-28.315 197.46 0.36602 266.67 96.38 202.51C0.36602 266.67 53.34 319.65 117.49 223.62C53.327 319.63 122.55 348.3 145.07 235.05C122.54 348.32 197.46 348.32 174.93 235.05C197.46 348.32 266.67 319.63 202.51 223.62C266.67 319.63 319.65 266.66 223.62 202.51C319.63 266.67 348.3 197.45 235.05 174.93C348.32 197.46 348.32 122.54 235.05 145.07C348.32 122.54 319.63 53.33 223.62 117.49C319.63 53.33 266.66 0.35202 202.51 96.38C266.67 0.36602 197.45 -28.302 174.93 84.95H174.94Z" fill="#D0BCFF"/>
|
|
3
|
+
</svg>
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
<svg width="320" height="320" viewBox="0 0 320 320" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<path d="M145.15 7.90401C151.98 -2.63499 168.02 -2.63499 174.85 7.90401L191.24 33.165C195.73 40.093 204.8 42.91 212.69 39.83L241.47 28.603C253.48 23.92 266.45 32.932 265.51 45.3L263.24 74.95C262.61 83.08 268.21 90.45 276.49 92.4L306.68 99.49C319.27 102.45 324.23 117.03 315.86 126.51L295.8 149.21C290.3 155.44 290.3 164.56 295.8 170.79L315.86 193.49C324.23 202.97 319.27 217.55 306.68 220.51L276.49 227.6C268.21 229.55 262.61 236.92 263.24 245.05L265.51 274.7C266.45 287.07 253.48 296.08 241.47 291.4L212.69 280.17C204.8 277.09 195.73 279.91 191.24 286.84L174.85 312.1C168.02 322.63 151.98 322.63 145.15 312.1L128.76 286.84C124.27 279.91 115.2 277.09 107.31 280.17L78.53 291.4C66.52 296.08 53.55 287.07 54.49 274.7L56.76 245.05C57.39 236.92 51.79 229.55 43.51 227.6L13.32 220.51C0.729964 217.55 -4.22997 202.97 4.14003 193.49L24.2 170.79C29.7 164.56 29.7 155.44 24.2 149.21L4.14003 126.51C-4.22997 117.03 0.729964 102.45 13.32 99.49L43.51 92.4C51.79 90.45 57.39 83.08 56.76 74.95L54.49 45.3C53.55 32.932 66.52 23.92 78.53 28.603L107.31 39.83C115.2 42.91 124.27 40.093 128.76 33.165L145.15 7.90401Z" fill="#D0BCFF"/>
|
|
3
|
-
</svg>
|
|
1
|
+
<svg width="320" height="320" viewBox="0 0 320 320" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M145.15 7.90401C151.98 -2.63499 168.02 -2.63499 174.85 7.90401L191.24 33.165C195.73 40.093 204.8 42.91 212.69 39.83L241.47 28.603C253.48 23.92 266.45 32.932 265.51 45.3L263.24 74.95C262.61 83.08 268.21 90.45 276.49 92.4L306.68 99.49C319.27 102.45 324.23 117.03 315.86 126.51L295.8 149.21C290.3 155.44 290.3 164.56 295.8 170.79L315.86 193.49C324.23 202.97 319.27 217.55 306.68 220.51L276.49 227.6C268.21 229.55 262.61 236.92 263.24 245.05L265.51 274.7C266.45 287.07 253.48 296.08 241.47 291.4L212.69 280.17C204.8 277.09 195.73 279.91 191.24 286.84L174.85 312.1C168.02 322.63 151.98 322.63 145.15 312.1L128.76 286.84C124.27 279.91 115.2 277.09 107.31 280.17L78.53 291.4C66.52 296.08 53.55 287.07 54.49 274.7L56.76 245.05C57.39 236.92 51.79 229.55 43.51 227.6L13.32 220.51C0.729964 217.55 -4.22997 202.97 4.14003 193.49L24.2 170.79C29.7 164.56 29.7 155.44 24.2 149.21L4.14003 126.51C-4.22997 117.03 0.729964 102.45 13.32 99.49L43.51 92.4C51.79 90.45 57.39 83.08 56.76 74.95L54.49 45.3C53.55 32.932 66.52 23.92 78.53 28.603L107.31 39.83C115.2 42.91 124.27 40.093 128.76 33.165L145.15 7.90401Z" fill="#D0BCFF"/>
|
|
3
|
+
</svg>
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
<svg width="320" height="320" viewBox="0 0 320 320" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<path d="M320 172C320 216.72 320 239.08 312.98 256.81C302.81 282.49 282.49 302.81 256.81 312.98C239.08 320 216.72 320 172 320H148C103.28 320 80.9199 320 63.1899 312.98C37.5099 302.81 17.19 282.49 7.02002 256.81C1.95503e-05 239.08 0 216.72 0 172V148C0 103.28 1.95503e-05 80.92 7.02002 63.19C17.19 37.515 37.5099 17.187 63.1899 7.02197C80.9199 -2.71797e-05 103.28 0 148 0H172C216.72 0 239.08 -2.71797e-05 256.81 7.02197C282.49 17.187 302.81 37.515 312.98 63.19C320 80.92 320 103.28 320 148V172Z" fill="#D0BCFF"/>
|
|
3
|
-
</svg>
|
|
1
|
+
<svg width="320" height="320" viewBox="0 0 320 320" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M320 172C320 216.72 320 239.08 312.98 256.81C302.81 282.49 282.49 302.81 256.81 312.98C239.08 320 216.72 320 172 320H148C103.28 320 80.9199 320 63.1899 312.98C37.5099 302.81 17.19 282.49 7.02002 256.81C1.95503e-05 239.08 0 216.72 0 172V148C0 103.28 1.95503e-05 80.92 7.02002 63.19C17.19 37.515 37.5099 17.187 63.1899 7.02197C80.9199 -2.71797e-05 103.28 0 148 0H172C216.72 0 239.08 -2.71797e-05 256.81 7.02197C282.49 17.187 302.81 37.515 312.98 63.19C320 80.92 320 103.28 320 148V172Z" fill="#D0BCFF"/>
|
|
3
|
+
</svg>
|
package/src/cdn/shapes/sunny.svg
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
<svg width="340" height="340" viewBox="0 0 340 340" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<path d="M261.856 41.24C272.431 41.96 277.718 42.32 281.991 44.18C288.175 46.89 293.111 51.83 295.816 58.01C297.685 62.28 298.044 67.57 298.762 78.14L300.402 102.27C300.693 106.55 300.838 108.69 301.303 110.73C301.975 113.68 303.142 116.5 304.754 119.06C305.869 120.84 307.279 122.45 310.097 125.68L326.001 143.9C332.97 151.89 336.455 155.88 338.155 160.22C340.615 166.51 340.615 173.49 338.155 179.78C336.455 184.12 332.97 188.11 326.001 196.1L310.097 214.32C307.279 217.55 305.869 219.16 304.754 220.94C303.142 223.5 301.975 226.32 301.303 229.27C300.838 231.31 300.693 233.45 300.402 237.73L298.762 261.86C298.044 272.43 297.685 277.72 295.816 281.99C293.111 288.17 288.175 293.11 281.991 295.82C277.718 297.68 272.431 298.04 261.856 298.76L237.725 300.4C233.448 300.69 231.31 300.84 229.267 301.3C226.316 301.97 223.499 303.14 220.937 304.75C219.164 305.87 217.549 307.28 214.319 310.1L196.097 326C188.111 332.97 184.119 336.45 179.775 338.15C173.491 340.62 166.509 340.62 160.225 338.15C155.881 336.45 151.889 332.97 143.903 326L125.681 310.1C122.451 307.28 120.836 305.87 119.063 304.75C116.501 303.14 113.684 301.97 110.733 301.3C108.69 300.84 106.552 300.69 102.275 300.4L78.1438 298.76C67.5694 298.04 62.2822 297.68 58.0088 295.82C51.8252 293.11 46.8887 288.17 44.1844 281.99C42.3154 277.72 41.9561 272.43 41.2375 261.86L39.5977 237.73C39.3071 233.45 39.1618 231.31 38.6969 229.27C38.0251 226.32 36.8584 223.5 35.2463 220.94C34.1306 219.16 32.7213 217.55 29.9027 214.32L13.999 196.1C7.02996 188.11 3.54542 184.12 1.84516 179.78C-0.615054 173.49 -0.615053 166.51 1.84516 160.22C3.54542 155.88 7.02996 151.89 13.999 143.9L29.9027 125.68C32.7213 122.45 34.1306 120.84 35.2463 119.06C36.8584 116.5 38.0251 113.68 38.6969 110.73C39.1618 108.69 39.3071 106.55 39.5977 102.27L41.2375 78.14C41.9561 67.57 42.3154 62.28 44.1844 58.01C46.8887 51.83 51.8252 46.89 58.0088 44.18C62.2823 42.32 67.5694 41.96 78.1438 41.24L102.275 39.5999C106.552 39.3099 108.69 39.1599 110.733 38.6999C113.684 38.0299 116.501 36.86 119.063 35.25C120.836 34.13 122.451 32.72 125.681 29.9L143.903 14C151.889 7.02996 155.881 3.54994 160.225 1.84994C166.509 -0.620064 173.491 -0.620064 179.775 1.84994C184.119 3.54994 188.111 7.02996 196.097 14L214.319 29.9C217.549 32.72 219.164 34.13 220.937 35.25C223.499 36.86 226.316 38.0299 229.267 38.6999C231.31 39.1599 233.448 39.3099 237.725 39.5999L261.856 41.24Z" fill="#D0BCFF"/>
|
|
3
|
-
</svg>
|
|
1
|
+
<svg width="340" height="340" viewBox="0 0 340 340" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M261.856 41.24C272.431 41.96 277.718 42.32 281.991 44.18C288.175 46.89 293.111 51.83 295.816 58.01C297.685 62.28 298.044 67.57 298.762 78.14L300.402 102.27C300.693 106.55 300.838 108.69 301.303 110.73C301.975 113.68 303.142 116.5 304.754 119.06C305.869 120.84 307.279 122.45 310.097 125.68L326.001 143.9C332.97 151.89 336.455 155.88 338.155 160.22C340.615 166.51 340.615 173.49 338.155 179.78C336.455 184.12 332.97 188.11 326.001 196.1L310.097 214.32C307.279 217.55 305.869 219.16 304.754 220.94C303.142 223.5 301.975 226.32 301.303 229.27C300.838 231.31 300.693 233.45 300.402 237.73L298.762 261.86C298.044 272.43 297.685 277.72 295.816 281.99C293.111 288.17 288.175 293.11 281.991 295.82C277.718 297.68 272.431 298.04 261.856 298.76L237.725 300.4C233.448 300.69 231.31 300.84 229.267 301.3C226.316 301.97 223.499 303.14 220.937 304.75C219.164 305.87 217.549 307.28 214.319 310.1L196.097 326C188.111 332.97 184.119 336.45 179.775 338.15C173.491 340.62 166.509 340.62 160.225 338.15C155.881 336.45 151.889 332.97 143.903 326L125.681 310.1C122.451 307.28 120.836 305.87 119.063 304.75C116.501 303.14 113.684 301.97 110.733 301.3C108.69 300.84 106.552 300.69 102.275 300.4L78.1438 298.76C67.5694 298.04 62.2822 297.68 58.0088 295.82C51.8252 293.11 46.8887 288.17 44.1844 281.99C42.3154 277.72 41.9561 272.43 41.2375 261.86L39.5977 237.73C39.3071 233.45 39.1618 231.31 38.6969 229.27C38.0251 226.32 36.8584 223.5 35.2463 220.94C34.1306 219.16 32.7213 217.55 29.9027 214.32L13.999 196.1C7.02996 188.11 3.54542 184.12 1.84516 179.78C-0.615054 173.49 -0.615053 166.51 1.84516 160.22C3.54542 155.88 7.02996 151.89 13.999 143.9L29.9027 125.68C32.7213 122.45 34.1306 120.84 35.2463 119.06C36.8584 116.5 38.0251 113.68 38.6969 110.73C39.1618 108.69 39.3071 106.55 39.5977 102.27L41.2375 78.14C41.9561 67.57 42.3154 62.28 44.1844 58.01C46.8887 51.83 51.8252 46.89 58.0088 44.18C62.2823 42.32 67.5694 41.96 78.1438 41.24L102.275 39.5999C106.552 39.3099 108.69 39.1599 110.733 38.6999C113.684 38.0299 116.501 36.86 119.063 35.25C120.836 34.13 122.451 32.72 125.681 29.9L143.903 14C151.889 7.02996 155.881 3.54994 160.225 1.84994C166.509 -0.620064 173.491 -0.620064 179.775 1.84994C184.119 3.54994 188.111 7.02996 196.097 14L214.319 29.9C217.549 32.72 219.164 34.13 220.937 35.25C223.499 36.86 226.316 38.0299 229.267 38.6999C231.31 39.1599 233.448 39.3099 237.725 39.5999L261.856 41.24Z" fill="#D0BCFF"/>
|
|
3
|
+
</svg>
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
<svg width="316" height="286" viewBox="0 0 316 286" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<path d="M104.461 51.1999C119.597 24.8199 127.165 11.63 136.342 6.06C149.648 -2.02 166.352 -2.02 179.658 6.06C188.835 11.63 196.403 24.8199 211.539 51.1999L293.309 193.72C308.3 219.85 315.795 232.91 315.993 243.58C316.28 259.06 307.949 273.42 294.364 280.86C284.994 286 269.919 286 239.77 286H76.2299C46.0809 286 31.0059 286 21.6359 280.86C8.04994 273.42 -0.280059 259.06 0.00694063 243.58C0.204941 232.91 7.69996 219.85 22.691 193.72L104.461 51.1999Z" fill="#D0BCFF"/>
|
|
3
|
-
</svg>
|
|
1
|
+
<svg width="316" height="286" viewBox="0 0 316 286" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M104.461 51.1999C119.597 24.8199 127.165 11.63 136.342 6.06C149.648 -2.02 166.352 -2.02 179.658 6.06C188.835 11.63 196.403 24.8199 211.539 51.1999L293.309 193.72C308.3 219.85 315.795 232.91 315.993 243.58C316.28 259.06 307.949 273.42 294.364 280.86C284.994 286 269.919 286 239.77 286H76.2299C46.0809 286 31.0059 286 21.6359 280.86C8.04994 273.42 -0.280059 259.06 0.00694063 243.58C0.204941 232.91 7.69996 219.85 22.691 193.72L104.461 51.1999Z" fill="#D0BCFF"/>
|
|
3
|
+
</svg>
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
<svg width="320" height="320" viewBox="0 0 320 320" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<path d="M136.72 13.1899C147.26 -4.40006 172.74 -4.40006 183.28 13.1899L195.12 32.96C201.27 43.21 213.4 48.24 224.99 45.33L247.35 39.73C267.24 34.75 285.25 52.76 280.27 72.65L274.67 95.01C271.76 106.6 276.79 118.73 287.04 124.88L306.81 136.72C324.4 147.26 324.4 172.74 306.81 183.28L287.04 195.12C276.79 201.27 271.76 213.4 274.67 224.99L280.27 247.35C285.25 267.24 267.24 285.25 247.35 280.27L224.99 274.67C213.4 271.76 201.27 276.79 195.12 287.04L183.28 306.81C172.74 324.4 147.26 324.4 136.72 306.81L124.88 287.04C118.73 276.79 106.6 271.76 95.01 274.67L72.646 280.27C52.763 285.25 34.747 267.24 39.729 247.35L45.333 224.99C48.238 213.4 43.214 201.27 32.96 195.12L13.187 183.28C-4.39599 172.74 -4.39599 147.26 13.187 136.72L32.96 124.88C43.214 118.73 48.238 106.6 45.333 95.01L39.729 72.65C34.747 52.76 52.763 34.75 72.645 39.73L95.01 45.33C106.6 48.24 118.73 43.21 124.88 32.96L136.72 13.1899Z" fill="#D0BCFF"/>
|
|
3
|
-
</svg>
|
|
1
|
+
<svg width="320" height="320" viewBox="0 0 320 320" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M136.72 13.1899C147.26 -4.40006 172.74 -4.40006 183.28 13.1899L195.12 32.96C201.27 43.21 213.4 48.24 224.99 45.33L247.35 39.73C267.24 34.75 285.25 52.76 280.27 72.65L274.67 95.01C271.76 106.6 276.79 118.73 287.04 124.88L306.81 136.72C324.4 147.26 324.4 172.74 306.81 183.28L287.04 195.12C276.79 201.27 271.76 213.4 274.67 224.99L280.27 247.35C285.25 267.24 267.24 285.25 247.35 280.27L224.99 274.67C213.4 271.76 201.27 276.79 195.12 287.04L183.28 306.81C172.74 324.4 147.26 324.4 136.72 306.81L124.88 287.04C118.73 276.79 106.6 271.76 95.01 274.67L72.646 280.27C52.763 285.25 34.747 267.24 39.729 247.35L45.333 224.99C48.238 213.4 43.214 201.27 32.96 195.12L13.187 183.28C-4.39599 172.74 -4.39599 147.26 13.187 136.72L32.96 124.88C43.214 118.73 48.238 106.6 45.333 95.01L39.729 72.65C34.747 52.76 52.763 34.75 72.645 39.73L95.01 45.33C106.6 48.24 118.73 43.21 124.88 32.96L136.72 13.1899Z" fill="#D0BCFF"/>
|
|
3
|
+
</svg>
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" width="480" height="480" fill="none">
|
|
2
|
-
<path fill="#D0BCFF" d="M295.84 18.168c4.163 3.594 7.898 7.636 11.723 11.582 8.982 9.199 15.965 13.623 29.054 14.21 3.442.04 6.879.016 10.32-.023 24.023-.106 46.223 8.762 63.445 25.426 15.466 15.648 25.276 37.002 25.662 59.176-.023 3.55-.086 7.096-.171 10.645-.133 10.66 1.763 19.84 9.074 27.985 2.227 2.22 4.504 4.374 6.803 6.518 7.48 7.24 13.335 14.117 18.25 23.313l1.723 3.156c9.935 19.724 11.982 44.682 5.664 65.89-5.617 16.737-14.542 29.311-27.137 41.517-8.844 8.627-13.592 15.6-14.21 28.21-.044 3.536-.014 7.067.022 10.602.1 24.28-8.555 46.572-25.425 64.007-15.648 15.466-37.002 25.276-59.176 25.662-3.55-.023-7.096-.086-10.645-.171-10.66-.133-19.84 1.763-27.985 9.074-2.22 2.227-4.374 4.504-6.519 6.803-7.238 7.48-14.116 13.335-23.312 18.25l-3.156 1.723c-19.724 9.935-44.682 11.982-65.89 5.664-16.738-5.617-29.31-14.543-41.517-27.137-8.982-9.199-15.965-13.623-29.054-14.21-3.442-.04-6.879-.016-10.32.022-24.023.107-46.223-8.761-63.445-25.425-15.466-15.648-25.276-37.002-25.662-59.176.023-3.55.086-7.096.171-10.645.133-10.66-1.763-19.84-9.074-27.985-2.227-2.22-4.504-4.374-6.803-6.519C20.77 299.075 14.915 292.197 10 283l-1.723-3.156c-9.935-19.724-11.982-44.682-5.664-65.89 5.617-16.737 14.542-29.311 27.137-41.517 8.844-8.627 13.592-15.6 14.21-28.21.044-3.536.014-7.067-.023-10.602-.098-24.28 8.556-46.572 25.426-64.007 15.648-15.466 37.002-25.276 59.176-25.662 3.55.023 7.096.086 10.645.171 10.66.133 19.84-1.763 27.985-9.074 2.22-2.227 4.374-4.504 6.518-6.803C180.928 20.77 187.804 14.915 197 10l3.156-1.723c30.418-15.321 69.005-11.063 95.684 9.891ZM196 50a153.61 153.61 0 0 0-2.875 3.5c-9.82 11.895-25.259 19.027-40.367 20.902-5.61.465-11.153.617-16.782.508-16.253-.278-30.131 4.27-42.66 14.828-10.325 10.081-17.964 24.122-18.388 38.735-.002 2.78.027 5.56.072 8.34.309 19.165-3.59 37.379-17.352 51.62a812.786 812.786 0 0 1-5.515 5.294c-11.667 11.161-20.677 23.997-21.371 40.68-.409 18.723 3.98 33.495 17.015 47.402a70.934 70.934 0 0 0 5.723 5.066c11.895 9.82 19.027 25.259 20.902 40.367.465 5.61.617 11.153.508 16.782-.278 16.253 4.27 30.131 14.828 42.66 10.081 10.325 24.122 17.964 38.735 18.388 2.78.002 5.56-.027 8.34-.072 19.165-.309 37.379 3.59 51.62 17.352 1.774 1.83 3.538 3.669 5.294 5.515 11.161 11.667 23.997 20.677 40.68 21.371 18.723.409 33.495-3.98 47.402-17.015a70.934 70.934 0 0 0 5.066-5.723c9.82-11.895 25.259-19.027 40.367-20.902 5.61-.465 11.153-.617 16.782-.508 16.253.278 30.131-4.27 42.66-14.828 10.325-10.081 17.964-24.122 18.388-38.735a487.11 487.11 0 0 0-.072-8.34c-.309-19.165 3.59-37.379 17.352-51.62 1.83-1.774 3.669-3.538 5.515-5.294 11.667-11.161 20.677-23.997 21.371-40.68.409-18.723-3.98-33.495-17.015-47.402a70.934 70.934 0 0 0-5.723-5.066c-11.895-9.82-19.027-25.259-20.902-40.367a163.923 163.923 0 0 1-.508-16.782c.278-16.253-4.27-30.131-14.828-42.66-10.081-10.325-24.122-17.964-38.735-18.388a487.11 487.11 0 0 0-8.34.072c-19.165.309-37.379-3.59-51.62-17.352a812.786 812.786 0 0 1-5.294-5.515c-11.161-11.667-23.997-20.677-40.68-21.371C225.65 30.327 210.23 35.567 196 50Z"/>
|
|
3
|
-
<animateTransform attributeName="transform" calcMode="linear" dur="8s" from="360" repeatCount="indefinite" to="0" type="rotate"/>
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="480" height="480" fill="none">
|
|
2
|
+
<path fill="#D0BCFF" d="M295.84 18.168c4.163 3.594 7.898 7.636 11.723 11.582 8.982 9.199 15.965 13.623 29.054 14.21 3.442.04 6.879.016 10.32-.023 24.023-.106 46.223 8.762 63.445 25.426 15.466 15.648 25.276 37.002 25.662 59.176-.023 3.55-.086 7.096-.171 10.645-.133 10.66 1.763 19.84 9.074 27.985 2.227 2.22 4.504 4.374 6.803 6.518 7.48 7.24 13.335 14.117 18.25 23.313l1.723 3.156c9.935 19.724 11.982 44.682 5.664 65.89-5.617 16.737-14.542 29.311-27.137 41.517-8.844 8.627-13.592 15.6-14.21 28.21-.044 3.536-.014 7.067.022 10.602.1 24.28-8.555 46.572-25.425 64.007-15.648 15.466-37.002 25.276-59.176 25.662-3.55-.023-7.096-.086-10.645-.171-10.66-.133-19.84 1.763-27.985 9.074-2.22 2.227-4.374 4.504-6.519 6.803-7.238 7.48-14.116 13.335-23.312 18.25l-3.156 1.723c-19.724 9.935-44.682 11.982-65.89 5.664-16.738-5.617-29.31-14.543-41.517-27.137-8.982-9.199-15.965-13.623-29.054-14.21-3.442-.04-6.879-.016-10.32.022-24.023.107-46.223-8.761-63.445-25.425-15.466-15.648-25.276-37.002-25.662-59.176.023-3.55.086-7.096.171-10.645.133-10.66-1.763-19.84-9.074-27.985-2.227-2.22-4.504-4.374-6.803-6.519C20.77 299.075 14.915 292.197 10 283l-1.723-3.156c-9.935-19.724-11.982-44.682-5.664-65.89 5.617-16.737 14.542-29.311 27.137-41.517 8.844-8.627 13.592-15.6 14.21-28.21.044-3.536.014-7.067-.023-10.602-.098-24.28 8.556-46.572 25.426-64.007 15.648-15.466 37.002-25.276 59.176-25.662 3.55.023 7.096.086 10.645.171 10.66.133 19.84-1.763 27.985-9.074 2.22-2.227 4.374-4.504 6.518-6.803C180.928 20.77 187.804 14.915 197 10l3.156-1.723c30.418-15.321 69.005-11.063 95.684 9.891ZM196 50a153.61 153.61 0 0 0-2.875 3.5c-9.82 11.895-25.259 19.027-40.367 20.902-5.61.465-11.153.617-16.782.508-16.253-.278-30.131 4.27-42.66 14.828-10.325 10.081-17.964 24.122-18.388 38.735-.002 2.78.027 5.56.072 8.34.309 19.165-3.59 37.379-17.352 51.62a812.786 812.786 0 0 1-5.515 5.294c-11.667 11.161-20.677 23.997-21.371 40.68-.409 18.723 3.98 33.495 17.015 47.402a70.934 70.934 0 0 0 5.723 5.066c11.895 9.82 19.027 25.259 20.902 40.367.465 5.61.617 11.153.508 16.782-.278 16.253 4.27 30.131 14.828 42.66 10.081 10.325 24.122 17.964 38.735 18.388 2.78.002 5.56-.027 8.34-.072 19.165-.309 37.379 3.59 51.62 17.352 1.774 1.83 3.538 3.669 5.294 5.515 11.161 11.667 23.997 20.677 40.68 21.371 18.723.409 33.495-3.98 47.402-17.015a70.934 70.934 0 0 0 5.066-5.723c9.82-11.895 25.259-19.027 40.367-20.902 5.61-.465 11.153-.617 16.782-.508 16.253.278 30.131-4.27 42.66-14.828 10.325-10.081 17.964-24.122 18.388-38.735a487.11 487.11 0 0 0-.072-8.34c-.309-19.165 3.59-37.379 17.352-51.62 1.83-1.774 3.669-3.538 5.515-5.294 11.667-11.161 20.677-23.997 21.371-40.68.409-18.723-3.98-33.495-17.015-47.402a70.934 70.934 0 0 0-5.723-5.066c-11.895-9.82-19.027-25.259-20.902-40.367a163.923 163.923 0 0 1-.508-16.782c.278-16.253-4.27-30.131-14.828-42.66-10.081-10.325-24.122-17.964-38.735-18.388a487.11 487.11 0 0 0-8.34.072c-19.165.309-37.379-3.59-51.62-17.352a812.786 812.786 0 0 1-5.294-5.515c-11.161-11.667-23.997-20.677-40.68-21.371C225.65 30.327 210.23 35.567 196 50Z"/>
|
|
3
|
+
<animateTransform attributeName="transform" calcMode="linear" dur="8s" from="360" repeatCount="indefinite" to="0" type="rotate"/>
|
|
4
4
|
</svg>
|
package/src/cdn/shapes/wavy.svg
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="610 1101 1220 75">
|
|
2
|
-
<path fill="#D0BCFF" d="M1870.425 1173.746c-29.448 0-58.665-7.477-84.493-21.622-.03-.016-.061-.032-.09-.049-43.555-23.82-95.546-23.809-139.091.039a4.079 4.079 0 0 1-.113.062c-25.803 14.109-54.984 21.567-84.394 21.568-29.449 0-58.667-7.478-84.495-21.623-43.554-23.852-95.539-23.865-139.089-.052-.03.018-.062.034-.092.051-25.83 14.146-55.048 21.623-84.497 21.623-29.423 0-58.613-7.463-84.425-21.584l-.077-.042c-43.572-23.863-95.596-23.862-139.164-.001l-.085.046c-25.809 14.117-55.001 21.581-84.418 21.581h-.001c-29.45-.001-58.669-7.479-84.498-21.625-43.534-23.845-95.513-23.863-139.063-.058l-.108.06c-25.829 14.146-55.047 21.623-84.496 21.623-29.398 0-58.566-7.451-84.362-21.551-.048-.024-.095-.05-.142-.075-43.568-23.863-95.593-23.863-139.163 0l-.081.043c-25.811 14.12-55.001 21.583-84.421 21.583-29.45 0-58.668-7.478-84.497-21.624-7.521-4.118-10.278-13.554-6.159-21.074s13.554-10.277 21.074-6.158c43.57 23.862 95.593 23.864 139.163 0l.098-.053c25.807-14.114 54.991-21.573 84.406-21.573 29.398 0 58.567 7.451 84.364 21.55l.14.076c43.534 23.843 95.508 23.864 139.056.059l.113-.063c25.828-14.145 55.049-21.622 84.496-21.622h.002c29.449 0 58.668 7.478 84.497 21.625 43.57 23.863 95.595 23.862 139.165.001.021-.013.043-.024.065-.036 25.813-14.124 55.011-21.591 84.438-21.591 29.42 0 58.61 7.463 84.421 21.582l.082.045c43.539 23.847 95.521 23.862 139.074.049l.096-.053c25.829-14.146 55.047-21.623 84.496-21.623s58.667 7.477 84.496 21.623c43.58 23.867 95.604 23.866 139.172.005l.118-.064c25.803-14.108 54.98-21.564 84.389-21.564 29.448-.001 58.666 7.476 84.494 21.62l.114.063c43.549 23.807 95.528 23.791 139.063-.051 7.52-4.121 16.955-1.361 21.073 6.159 4.119 7.521 1.361 16.955-6.159 21.073-25.828 14.146-55.045 21.622-84.492 21.622z">
|
|
3
|
-
<animateTransform attributeName="transform" calcMode="linear" dur="1s" from="0 0" repeatCount="indefinite" to="312.5 0" type="translate"/>
|
|
4
|
-
</path>
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="610 1101 1220 75">
|
|
2
|
+
<path fill="#D0BCFF" d="M1870.425 1173.746c-29.448 0-58.665-7.477-84.493-21.622-.03-.016-.061-.032-.09-.049-43.555-23.82-95.546-23.809-139.091.039a4.079 4.079 0 0 1-.113.062c-25.803 14.109-54.984 21.567-84.394 21.568-29.449 0-58.667-7.478-84.495-21.623-43.554-23.852-95.539-23.865-139.089-.052-.03.018-.062.034-.092.051-25.83 14.146-55.048 21.623-84.497 21.623-29.423 0-58.613-7.463-84.425-21.584l-.077-.042c-43.572-23.863-95.596-23.862-139.164-.001l-.085.046c-25.809 14.117-55.001 21.581-84.418 21.581h-.001c-29.45-.001-58.669-7.479-84.498-21.625-43.534-23.845-95.513-23.863-139.063-.058l-.108.06c-25.829 14.146-55.047 21.623-84.496 21.623-29.398 0-58.566-7.451-84.362-21.551-.048-.024-.095-.05-.142-.075-43.568-23.863-95.593-23.863-139.163 0l-.081.043c-25.811 14.12-55.001 21.583-84.421 21.583-29.45 0-58.668-7.478-84.497-21.624-7.521-4.118-10.278-13.554-6.159-21.074s13.554-10.277 21.074-6.158c43.57 23.862 95.593 23.864 139.163 0l.098-.053c25.807-14.114 54.991-21.573 84.406-21.573 29.398 0 58.567 7.451 84.364 21.55l.14.076c43.534 23.843 95.508 23.864 139.056.059l.113-.063c25.828-14.145 55.049-21.622 84.496-21.622h.002c29.449 0 58.668 7.478 84.497 21.625 43.57 23.863 95.595 23.862 139.165.001.021-.013.043-.024.065-.036 25.813-14.124 55.011-21.591 84.438-21.591 29.42 0 58.61 7.463 84.421 21.582l.082.045c43.539 23.847 95.521 23.862 139.074.049l.096-.053c25.829-14.146 55.047-21.623 84.496-21.623s58.667 7.477 84.496 21.623c43.58 23.867 95.604 23.866 139.172.005l.118-.064c25.803-14.108 54.98-21.564 84.389-21.564 29.448-.001 58.666 7.476 84.494 21.62l.114.063c43.549 23.807 95.528 23.791 139.063-.051 7.52-4.121 16.955-1.361 21.073 6.159 4.119 7.521 1.361 16.955-6.159 21.073-25.828 14.146-55.045 21.622-84.492 21.622z">
|
|
3
|
+
<animateTransform attributeName="transform" calcMode="linear" dur="1s" from="0 0" repeatCount="indefinite" to="312.5 0" type="translate"/>
|
|
4
|
+
</path>
|
|
5
5
|
</svg>
|
package/src/cdn/utils.ts
CHANGED
|
@@ -1,154 +1,154 @@
|
|
|
1
|
-
const _emptyNodeList = [] as unknown as NodeListOf<Element>;
|
|
2
|
-
const _weakElements = new WeakSet<HTMLElement>();
|
|
3
|
-
|
|
4
|
-
export const isChrome = navigator.userAgent.includes("Chrome");
|
|
5
|
-
|
|
6
|
-
export const isFirefox = navigator.userAgent.includes("Firefox") && !isChrome;
|
|
7
|
-
|
|
8
|
-
export const isSafari = navigator.userAgent.includes("Safari") && !isChrome;
|
|
9
|
-
|
|
10
|
-
export const isWindows = navigator.userAgent.includes("Windows");
|
|
11
|
-
|
|
12
|
-
export const isMac = navigator.userAgent.includes("Macintosh");
|
|
13
|
-
|
|
14
|
-
export const isLinux = navigator.userAgent.includes("Linux");
|
|
15
|
-
|
|
16
|
-
export const isAndroid = navigator.userAgent.includes("Android");
|
|
17
|
-
|
|
18
|
-
export const isIOS = /iPad|iPhone|iPod/.test(navigator.userAgent);
|
|
19
|
-
|
|
20
|
-
export function isTouchable(): boolean {
|
|
21
|
-
return window?.matchMedia("(pointer: coarse)").matches;
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
export function isDark(): boolean {
|
|
25
|
-
return window?.matchMedia("(prefers-color-scheme: dark)").matches;
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
export async function wait(milliseconds: number) {
|
|
29
|
-
await new Promise((resolve) => setTimeout(resolve, milliseconds));
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
export function guid(): string {
|
|
33
|
-
return "fxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, (c: string) => {
|
|
34
|
-
const r = (Math.random() * 16) | 0;
|
|
35
|
-
const v = c === "x" ? r : (r & 0x3) | 0x8;
|
|
36
|
-
return v.toString(16);
|
|
37
|
-
});
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
export function query(selector: string | Element | null, element?: Element | null): Element | null {
|
|
41
|
-
try {
|
|
42
|
-
return (typeof selector === "string")
|
|
43
|
-
? (element ?? document).querySelector(selector)
|
|
44
|
-
: selector;
|
|
45
|
-
} catch {
|
|
46
|
-
return null;
|
|
47
|
-
}
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
export function queryAll(selector: string | NodeListOf<Element> | null, element?: Element | null): NodeListOf<Element> {
|
|
51
|
-
try {
|
|
52
|
-
return (typeof selector === "string")
|
|
53
|
-
? (element ?? document).querySelectorAll(selector)
|
|
54
|
-
: selector ?? _emptyNodeList;
|
|
55
|
-
} catch {
|
|
56
|
-
return _emptyNodeList;
|
|
57
|
-
}
|
|
58
|
-
}
|
|
59
|
-
|
|
60
|
-
export function hasClass(element: Element | null, name: string): boolean {
|
|
61
|
-
return element?.classList.contains(name) ?? false;
|
|
62
|
-
}
|
|
63
|
-
|
|
64
|
-
export function hasTag(element: Element | null, name: string): boolean {
|
|
65
|
-
return element?.tagName?.toLowerCase() === name;
|
|
66
|
-
}
|
|
67
|
-
|
|
68
|
-
export function hasType(element: HTMLInputElement | null, name: string): boolean {
|
|
69
|
-
return element?.type?.toLowerCase() === name;
|
|
70
|
-
}
|
|
71
|
-
|
|
72
|
-
export function addClass(element: Element | null | NodeListOf<Element>, name: string) {
|
|
73
|
-
if (element instanceof NodeList) for(let i=0; i<element.length; i++) element[i].classList.add(name);
|
|
74
|
-
else element?.classList.add(name);
|
|
75
|
-
}
|
|
76
|
-
|
|
77
|
-
export function removeClass(element: Element | null | NodeListOf<Element>, name: string) {
|
|
78
|
-
if (element instanceof NodeList) for(let i=0; i<element.length; i++) element[i].classList.remove(name);
|
|
79
|
-
else element?.classList.remove(name);
|
|
80
|
-
}
|
|
81
|
-
|
|
82
|
-
export function on(element: Element | null, name: string, callback: any, useCapture: boolean = true) {
|
|
83
|
-
if (element?.addEventListener) element.addEventListener(name, callback, useCapture);
|
|
84
|
-
}
|
|
85
|
-
|
|
86
|
-
export function onWeak(element: Element | null, name: string, callback: any, useCapture: boolean = true) {
|
|
87
|
-
addWeakElement(element as HTMLElement);
|
|
88
|
-
on(element, name, callback, useCapture);
|
|
89
|
-
}
|
|
90
|
-
|
|
91
|
-
export function off(element: Element | null, name: string, callback: any, useCapture: boolean = true) {
|
|
92
|
-
if (element?.removeEventListener) element.removeEventListener(name, callback, useCapture);
|
|
93
|
-
}
|
|
94
|
-
|
|
95
|
-
export function insertBefore(newElement: Element, element: Element | null) {
|
|
96
|
-
element?.parentNode?.insertBefore(newElement, element);
|
|
97
|
-
}
|
|
98
|
-
|
|
99
|
-
export function prev(element: Element): Element | null {
|
|
100
|
-
return element?.previousElementSibling;
|
|
101
|
-
}
|
|
102
|
-
|
|
103
|
-
export function next(element: Element): Element | null {
|
|
104
|
-
return element?.nextElementSibling;
|
|
105
|
-
}
|
|
106
|
-
|
|
107
|
-
export function parent(element: Element): Element | null {
|
|
108
|
-
return element?.parentElement;
|
|
109
|
-
}
|
|
110
|
-
|
|
111
|
-
export function create(htmlAttributesAsJson: any): HTMLElement {
|
|
112
|
-
const element = document.createElement("div");
|
|
113
|
-
for (let i = 0, keys = Object.keys(htmlAttributesAsJson), n = keys.length; i < n; i++) {
|
|
114
|
-
const key = keys[i];
|
|
115
|
-
const value = htmlAttributesAsJson[key] as string;
|
|
116
|
-
element.setAttribute(key, value);
|
|
117
|
-
}
|
|
118
|
-
return element;
|
|
119
|
-
}
|
|
120
|
-
|
|
121
|
-
export function blurActiveElement() {
|
|
122
|
-
(document.activeElement as HTMLElement)?.blur();
|
|
123
|
-
}
|
|
124
|
-
|
|
125
|
-
export function queryAllDataUi(id: string): NodeListOf<Element> {
|
|
126
|
-
return queryAll("[data-ui=\"#"+id+"\"]");
|
|
127
|
-
}
|
|
128
|
-
|
|
129
|
-
export function queryDataUi(id: string): Element | null {
|
|
130
|
-
return query("[data-ui=\"#"+id+"\"]");
|
|
131
|
-
}
|
|
132
|
-
|
|
133
|
-
export function updateAllClickable(element: Element) {
|
|
134
|
-
if (element.id && hasClass(element, "page")) element = queryDataUi(element.id) ?? element;
|
|
135
|
-
|
|
136
|
-
const container = parent(element);
|
|
137
|
-
if (!hasClass(container, "tabs") && !hasClass(container, "tabbed") && !hasTag(container, "nav")) return;
|
|
138
|
-
|
|
139
|
-
const as = queryAll("a", container);
|
|
140
|
-
for(let i=0; i<as.length; i++) removeClass(as[i], "active");
|
|
141
|
-
if (!hasTag(element, "button") && !hasClass(element, "button") && !hasClass(element, "chip")) addClass(element, "active");
|
|
142
|
-
}
|
|
143
|
-
|
|
144
|
-
export function addWeakElement(element: HTMLElement) {
|
|
145
|
-
if (_weakElements.has(element)) return;
|
|
146
|
-
_weakElements.add(element);
|
|
147
|
-
}
|
|
148
|
-
|
|
149
|
-
export function rootSizeInPixels(): number {
|
|
150
|
-
const size = getComputedStyle(document.documentElement).getPropertyValue("--size") || "16px";
|
|
151
|
-
if (size.includes("%")) return (parseInt(size) * 16) / 100;
|
|
152
|
-
if (size.includes("em")) return parseInt(size) * 16;
|
|
153
|
-
return parseInt(size);
|
|
154
|
-
}
|
|
1
|
+
const _emptyNodeList = [] as unknown as NodeListOf<Element>;
|
|
2
|
+
const _weakElements = new WeakSet<HTMLElement>();
|
|
3
|
+
|
|
4
|
+
export const isChrome = navigator.userAgent.includes("Chrome");
|
|
5
|
+
|
|
6
|
+
export const isFirefox = navigator.userAgent.includes("Firefox") && !isChrome;
|
|
7
|
+
|
|
8
|
+
export const isSafari = navigator.userAgent.includes("Safari") && !isChrome;
|
|
9
|
+
|
|
10
|
+
export const isWindows = navigator.userAgent.includes("Windows");
|
|
11
|
+
|
|
12
|
+
export const isMac = navigator.userAgent.includes("Macintosh");
|
|
13
|
+
|
|
14
|
+
export const isLinux = navigator.userAgent.includes("Linux");
|
|
15
|
+
|
|
16
|
+
export const isAndroid = navigator.userAgent.includes("Android");
|
|
17
|
+
|
|
18
|
+
export const isIOS = /iPad|iPhone|iPod/.test(navigator.userAgent);
|
|
19
|
+
|
|
20
|
+
export function isTouchable(): boolean {
|
|
21
|
+
return window?.matchMedia("(pointer: coarse)").matches;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
export function isDark(): boolean {
|
|
25
|
+
return window?.matchMedia("(prefers-color-scheme: dark)").matches;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
export async function wait(milliseconds: number) {
|
|
29
|
+
await new Promise((resolve) => setTimeout(resolve, milliseconds));
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
export function guid(): string {
|
|
33
|
+
return "fxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, (c: string) => {
|
|
34
|
+
const r = (Math.random() * 16) | 0;
|
|
35
|
+
const v = c === "x" ? r : (r & 0x3) | 0x8;
|
|
36
|
+
return v.toString(16);
|
|
37
|
+
});
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
export function query(selector: string | Element | null, element?: Element | null): Element | null {
|
|
41
|
+
try {
|
|
42
|
+
return (typeof selector === "string")
|
|
43
|
+
? (element ?? document).querySelector(selector)
|
|
44
|
+
: selector;
|
|
45
|
+
} catch {
|
|
46
|
+
return null;
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
export function queryAll(selector: string | NodeListOf<Element> | null, element?: Element | null): NodeListOf<Element> {
|
|
51
|
+
try {
|
|
52
|
+
return (typeof selector === "string")
|
|
53
|
+
? (element ?? document).querySelectorAll(selector)
|
|
54
|
+
: selector ?? _emptyNodeList;
|
|
55
|
+
} catch {
|
|
56
|
+
return _emptyNodeList;
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
export function hasClass(element: Element | null, name: string): boolean {
|
|
61
|
+
return element?.classList.contains(name) ?? false;
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
export function hasTag(element: Element | null, name: string): boolean {
|
|
65
|
+
return element?.tagName?.toLowerCase() === name;
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
export function hasType(element: HTMLInputElement | null, name: string): boolean {
|
|
69
|
+
return element?.type?.toLowerCase() === name;
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
export function addClass(element: Element | null | NodeListOf<Element>, name: string) {
|
|
73
|
+
if (element instanceof NodeList) for(let i=0; i<element.length; i++) element[i].classList.add(name);
|
|
74
|
+
else element?.classList.add(name);
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
export function removeClass(element: Element | null | NodeListOf<Element>, name: string) {
|
|
78
|
+
if (element instanceof NodeList) for(let i=0; i<element.length; i++) element[i].classList.remove(name);
|
|
79
|
+
else element?.classList.remove(name);
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
export function on(element: Element | null, name: string, callback: any, useCapture: boolean = true) {
|
|
83
|
+
if (element?.addEventListener) element.addEventListener(name, callback, useCapture);
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
export function onWeak(element: Element | null, name: string, callback: any, useCapture: boolean = true) {
|
|
87
|
+
addWeakElement(element as HTMLElement);
|
|
88
|
+
on(element, name, callback, useCapture);
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
export function off(element: Element | null, name: string, callback: any, useCapture: boolean = true) {
|
|
92
|
+
if (element?.removeEventListener) element.removeEventListener(name, callback, useCapture);
|
|
93
|
+
}
|
|
94
|
+
|
|
95
|
+
export function insertBefore(newElement: Element, element: Element | null) {
|
|
96
|
+
element?.parentNode?.insertBefore(newElement, element);
|
|
97
|
+
}
|
|
98
|
+
|
|
99
|
+
export function prev(element: Element): Element | null {
|
|
100
|
+
return element?.previousElementSibling;
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
export function next(element: Element): Element | null {
|
|
104
|
+
return element?.nextElementSibling;
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
export function parent(element: Element): Element | null {
|
|
108
|
+
return element?.parentElement;
|
|
109
|
+
}
|
|
110
|
+
|
|
111
|
+
export function create(htmlAttributesAsJson: any): HTMLElement {
|
|
112
|
+
const element = document.createElement("div");
|
|
113
|
+
for (let i = 0, keys = Object.keys(htmlAttributesAsJson), n = keys.length; i < n; i++) {
|
|
114
|
+
const key = keys[i];
|
|
115
|
+
const value = htmlAttributesAsJson[key] as string;
|
|
116
|
+
element.setAttribute(key, value);
|
|
117
|
+
}
|
|
118
|
+
return element;
|
|
119
|
+
}
|
|
120
|
+
|
|
121
|
+
export function blurActiveElement() {
|
|
122
|
+
(document.activeElement as HTMLElement)?.blur();
|
|
123
|
+
}
|
|
124
|
+
|
|
125
|
+
export function queryAllDataUi(id: string): NodeListOf<Element> {
|
|
126
|
+
return queryAll("[data-ui=\"#"+id+"\"]");
|
|
127
|
+
}
|
|
128
|
+
|
|
129
|
+
export function queryDataUi(id: string): Element | null {
|
|
130
|
+
return query("[data-ui=\"#"+id+"\"]");
|
|
131
|
+
}
|
|
132
|
+
|
|
133
|
+
export function updateAllClickable(element: Element) {
|
|
134
|
+
if (element.id && hasClass(element, "page")) element = queryDataUi(element.id) ?? element;
|
|
135
|
+
|
|
136
|
+
const container = parent(element);
|
|
137
|
+
if (!hasClass(container, "tabs") && !hasClass(container, "tabbed") && !hasTag(container, "nav")) return;
|
|
138
|
+
|
|
139
|
+
const as = queryAll("a", container);
|
|
140
|
+
for(let i=0; i<as.length; i++) removeClass(as[i], "active");
|
|
141
|
+
if (!hasTag(element, "button") && !hasClass(element, "button") && !hasClass(element, "chip")) addClass(element, "active");
|
|
142
|
+
}
|
|
143
|
+
|
|
144
|
+
export function addWeakElement(element: HTMLElement) {
|
|
145
|
+
if (_weakElements.has(element)) return;
|
|
146
|
+
_weakElements.add(element);
|
|
147
|
+
}
|
|
148
|
+
|
|
149
|
+
export function rootSizeInPixels(): number {
|
|
150
|
+
const size = getComputedStyle(document.documentElement).getPropertyValue("--size") || "16px";
|
|
151
|
+
if (size.includes("%")) return (parseInt(size) * 16) / 100;
|
|
152
|
+
if (size.includes("em")) return parseInt(size) * 16;
|
|
153
|
+
return parseInt(size);
|
|
154
|
+
}
|