@bg-effects/debug-ui 1.0.3 → 1.0.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.ts +53 -0
- package/dist/index.js +657 -0
- package/dist/index.js.map +1 -0
- package/dist/index.umd.cjs +14 -0
- package/dist/index.umd.cjs.map +1 -0
- package/package.json +4 -4
package/dist/index.js
ADDED
|
@@ -0,0 +1,657 @@
|
|
|
1
|
+
(function(){"use strict";try{if(typeof document<"u"){var a=document.createElement("style");a.appendChild(document.createTextNode('.tabs-container[data-v-883d4db1]{position:relative}.tabs-container[data-v-883d4db1]:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:1rem;padding:1px;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none}[data-v-883d4db1],[data-v-883d4db1]:before,[data-v-883d4db1]:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }[data-v-883d4db1]::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.pointer-events-auto[data-v-883d4db1]{pointer-events:auto}.absolute[data-v-883d4db1]{position:absolute}.relative[data-v-883d4db1]{position:relative}.inset-0[data-v-883d4db1]{top:0;right:0;bottom:0;left:0}.z-10[data-v-883d4db1]{z-index:10}.mb-1\\.5[data-v-883d4db1]{margin-bottom:.375rem}.h-4[data-v-883d4db1]{height:1rem}.w-4[data-v-883d4db1]{width:1rem}.flex[data-v-883d4db1]{display:flex}.flex-1[data-v-883d4db1]{flex:1 1 0%}.flex-col[data-v-883d4db1]{flex-direction:column}.scale-\\[1\\.02\\][data-v-883d4db1]{--un-scale-x:1.02;--un-scale-y:1.02;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.scale-110[data-v-883d4db1]{--un-scale-x:1.1;--un-scale-y:1.1;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.group\\/tab:hover .group-hover\\/tab\\:scale-105[data-v-883d4db1]{--un-scale-x:1.05;--un-scale-y:1.05;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.hover\\:scale-\\[1\\.01\\][data-v-883d4db1]:hover{--un-scale-x:1.01;--un-scale-y:1.01;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.cursor-pointer[data-v-883d4db1]{cursor:pointer}.items-center[data-v-883d4db1]{align-items:center}.justify-center[data-v-883d4db1]{justify-content:center}.gap-1\\.5[data-v-883d4db1]{gap:.375rem}.gap-2[data-v-883d4db1]{gap:.5rem}.overflow-hidden[data-v-883d4db1]{overflow:hidden}.border[data-v-883d4db1]{border-width:1px}.border-white\\/10[data-v-883d4db1]{border-color:#ffffff1a}.border-white\\/5[data-v-883d4db1]{border-color:#ffffff0d}.rounded-2xl[data-v-883d4db1]{border-radius:1rem}.rounded-xl[data-v-883d4db1]{border-radius:.75rem}.bg-white\\/\\[0\\.04\\][data-v-883d4db1]{background-color:#ffffff0a}.hover\\:bg-white\\/10[data-v-883d4db1]:hover{background-color:#ffffff1a}.from-black\\/50[data-v-883d4db1]{--un-gradient-from-position:0%;--un-gradient-from:rgb(0 0 0 / .5) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(0 0 0 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to)}.from-blue-400\\/0[data-v-883d4db1]{--un-gradient-from-position:0%;--un-gradient-from:rgb(96 165 250 / 0) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(96 165 250 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to)}.from-blue-500[data-v-883d4db1]{--un-gradient-from-position:0%;--un-gradient-from:rgb(59 130 246 / var(--un-from-opacity, 1)) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(59 130 246 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to)}.from-white\\/20[data-v-883d4db1]{--un-gradient-from-position:0%;--un-gradient-from:rgb(255 255 255 / .2) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to)}.via-blue-400\\/5[data-v-883d4db1]{--un-gradient-via-position:50%;--un-gradient-to:rgb(96 165 250 / 0);--un-gradient-stops:var(--un-gradient-from), rgb(96 165 250 / .05) var(--un-gradient-via-position), var(--un-gradient-to)}.to-black\\/30[data-v-883d4db1]{--un-gradient-to-position:100%;--un-gradient-to:rgb(0 0 0 / .3) var(--un-gradient-to-position)}.to-blue-400\\/0[data-v-883d4db1]{--un-gradient-to-position:100%;--un-gradient-to:rgb(96 165 250 / 0) var(--un-gradient-to-position)}.to-blue-600[data-v-883d4db1]{--un-gradient-to-position:100%;--un-gradient-to:rgb(37 99 235 / var(--un-to-opacity, 1)) var(--un-gradient-to-position)}.to-transparent[data-v-883d4db1]{--un-gradient-to-position:100%;--un-gradient-to:transparent var(--un-gradient-to-position)}.bg-gradient-to-b[data-v-883d4db1]{--un-gradient-shape:to bottom in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient))}.bg-gradient-to-br[data-v-883d4db1]{--un-gradient-shape:to bottom right in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient))}.bg-gradient-to-t[data-v-883d4db1]{--un-gradient-shape:to top in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient))}.p-1\\.5[data-v-883d4db1]{padding:.375rem}.p-2[data-v-883d4db1]{padding:.5rem}.text-center[data-v-883d4db1]{text-align:center}.text-\\[8px\\][data-v-883d4db1]{font-size:8px}.text-white[data-v-883d4db1]{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity))}.text-white\\/30[data-v-883d4db1]{color:#ffffff4d}.text-white\\/50[data-v-883d4db1]{color:#ffffff80}.group\\/tab:hover .group-hover\\/tab\\:text-white\\/60[data-v-883d4db1]{color:#fff9}.hover\\:text-white[data-v-883d4db1]:hover{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity))}.font-black[data-v-883d4db1]{font-weight:900}.leading-tight[data-v-883d4db1]{line-height:1.25}.tracking-\\[0\\.15em\\][data-v-883d4db1]{letter-spacing:.15em}.uppercase[data-v-883d4db1]{text-transform:uppercase}.tab[data-v-883d4db1]{-moz-tab-size:4;-o-tab-size:4;tab-size:4}.opacity-0[data-v-883d4db1]{opacity:0}.opacity-50[data-v-883d4db1]{opacity:.5}.group\\/tab:hover .group-hover\\/tab\\:opacity-100[data-v-883d4db1]{opacity:1}.shadow-2xl[data-v-883d4db1]{--un-shadow:var(--un-shadow-inset) 0 25px 50px -12px var(--un-shadow-color, rgb(0 0 0 / .25));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.shadow-blue-500\\/30[data-v-883d4db1]{--un-shadow-color:rgb(59 130 246 / .3) }.shadow-lg[data-v-883d4db1]{--un-shadow:var(--un-shadow-inset) 0 10px 15px -3px var(--un-shadow-color, rgb(0 0 0 / .1)),var(--un-shadow-inset) 0 4px 6px -4px var(--un-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.backdrop-blur-xl[data-v-883d4db1]{--un-backdrop-blur:blur(24px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia)}.drop-shadow-lg[data-v-883d4db1]{--un-drop-shadow:drop-shadow(0 10px 8px var(--un-drop-shadow-color, rgb(0 0 0 / .04))) drop-shadow(0 4px 3px var(--un-drop-shadow-color, rgb(0 0 0 / .1)));filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)}.transition-all[data-v-883d4db1]{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity[data-v-883d4db1]{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform[data-v-883d4db1]{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300[data-v-883d4db1]{transition-duration:.3s}.panel-base[data-v-29a974c4]{background:#0a0a0cd9;-webkit-backdrop-filter:blur(32px);backdrop-filter:blur(32px);border-radius:1rem;border:1px solid rgba(255,255,255,.1);box-shadow:0 32px 64px -16px #000000b3,0 0 0 1px #ffffff0d;pointer-events:auto}[data-v-29a974c4],[data-v-29a974c4]:before,[data-v-29a974c4]:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }[data-v-29a974c4]::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.pointer-events-auto[data-v-29a974c4]{pointer-events:auto}.fixed[data-v-29a974c4]{position:fixed}.z-\\[10000\\][data-v-29a974c4]{z-index:10000}.h-1\\.5[data-v-29a974c4]{height:.375rem}.h-12[data-v-29a974c4]{height:3rem}.h-3\\.5[data-v-29a974c4]{height:.875rem}.h-7[data-v-29a974c4]{height:1.75rem}.w-1\\.5[data-v-29a974c4]{width:.375rem}.w-3\\.5[data-v-29a974c4]{width:.875rem}.w-7[data-v-29a974c4]{width:1.75rem}.w-80[data-v-29a974c4]{width:20rem}.flex[data-v-29a974c4]{display:flex}.flex-col[data-v-29a974c4]{flex-direction:column}.cursor-pointer[data-v-29a974c4]{cursor:pointer}.cursor-move[data-v-29a974c4]{cursor:move}.active\\:cursor-grabbing[data-v-29a974c4]:active{cursor:grabbing}.select-none[data-v-29a974c4]{-webkit-user-select:none;user-select:none}.items-center[data-v-29a974c4]{align-items:center}.justify-center[data-v-29a974c4]{justify-content:center}.justify-between[data-v-29a974c4]{justify-content:space-between}.gap-2[data-v-29a974c4]{gap:.5rem}.gap-3[data-v-29a974c4]{gap:.75rem}.overflow-hidden[data-v-29a974c4]{overflow:hidden}.truncate[data-v-29a974c4]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.border[data-v-29a974c4]{border-width:1px}.border-b[data-v-29a974c4]{border-bottom-width:1px}.border-white\\/10[data-v-29a974c4]{border-color:#ffffff1a}.border-white\\/5[data-v-29a974c4]{border-color:#ffffff0d}.hover\\:border-blue-500\\/30[data-v-29a974c4]:hover{border-color:#3b82f64d}.hover\\:border-red-500\\/30[data-v-29a974c4]:hover{border-color:#ef44444d}.rounded-full[data-v-29a974c4]{border-radius:9999px}.rounded-lg[data-v-29a974c4]{border-radius:.5rem}.bg-blue-500[data-v-29a974c4]{--un-bg-opacity:1;background-color:rgb(59 130 246 / var(--un-bg-opacity))}.bg-white\\/5[data-v-29a974c4]{background-color:#ffffff0d}.hover\\:bg-red-500\\/20[data-v-29a974c4]:hover{background-color:#ef444433}.hover\\:bg-white\\/10[data-v-29a974c4]:hover{background-color:#ffffff1a}.px-5[data-v-29a974c4]{padding-left:1.25rem;padding-right:1.25rem}.text-\\[10px\\][data-v-29a974c4]{font-size:10px}.text-white[data-v-29a974c4]{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity))}.text-white\\/30[data-v-29a974c4]{color:#ffffff4d}.text-white\\/40[data-v-29a974c4]{color:#fff6}.text-white\\/60[data-v-29a974c4]{color:#fff9}.hover\\:text-white[data-v-29a974c4]:hover{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity))}.font-bold[data-v-29a974c4]{font-weight:700}.tracking-\\[0\\.2em\\][data-v-29a974c4]{letter-spacing:.2em}.font-sans[data-v-29a974c4]{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"}.uppercase[data-v-29a974c4]{text-transform:uppercase}.shadow-\\[0_0_8px_rgba\\(59\\,130\\,246\\,0\\.6\\)\\][data-v-29a974c4]{--un-shadow:0 0 8px var(--un-shadow-color, rgba(59, 130, 246, .6));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.backdrop-filter[data-v-29a974c4]{-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia)}.transition-all[data-v-29a974c4]{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.settings-container[data-v-47dffb90] input[type=range],.settings-container[data-v-47dffb90] button,.settings-container[data-v-47dffb90] select{pointer-events:auto!important}[data-v-47dffb90],[data-v-47dffb90]:before,[data-v-47dffb90]:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }[data-v-47dffb90]::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.pointer-events-auto[data-v-47dffb90]{pointer-events:auto}@keyframes spin-slow-6c1a0d2f{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin-slow[data-v-6c1a0d2f]{animation:spin-slow-6c1a0d2f 8s linear infinite}[data-v-6c1a0d2f],[data-v-6c1a0d2f]:before,[data-v-6c1a0d2f]:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }[data-v-6c1a0d2f]::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.pointer-events-auto[data-v-6c1a0d2f]{pointer-events:auto}.grid[data-v-6c1a0d2f]{display:grid}.grid-cols-2[data-v-6c1a0d2f]{grid-template-columns:repeat(2,minmax(0,1fr))}.mx-1[data-v-6c1a0d2f]{margin-left:.25rem;margin-right:.25rem}.mb-0\\.5[data-v-6c1a0d2f]{margin-bottom:.125rem}.h-1\\.5[data-v-6c1a0d2f]{height:.375rem}.h-10[data-v-6c1a0d2f]{height:2.5rem}.h-5[data-v-6c1a0d2f]{height:1.25rem}.w-10[data-v-6c1a0d2f]{width:2.5rem}.w-5[data-v-6c1a0d2f]{width:1.25rem}.w-full[data-v-6c1a0d2f]{width:100%}.flex[data-v-6c1a0d2f]{display:flex}.flex-col[data-v-6c1a0d2f]{flex-direction:column}.transform[data-v-6c1a0d2f]{transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.cursor-pointer[data-v-6c1a0d2f]{cursor:pointer}.appearance-none[data-v-6c1a0d2f]{-webkit-appearance:none;-moz-appearance:none;appearance:none}.items-center[data-v-6c1a0d2f]{align-items:center}.justify-center[data-v-6c1a0d2f]{justify-content:center}.justify-between[data-v-6c1a0d2f]{justify-content:space-between}.gap-3[data-v-6c1a0d2f]{gap:.75rem}.gap-4[data-v-6c1a0d2f]{gap:1rem}.gap-6[data-v-6c1a0d2f]{gap:1.5rem}.border[data-v-6c1a0d2f]{border-width:1px}.border-orange-500\\/10[data-v-6c1a0d2f]{border-color:#f973161a}.border-white\\/5[data-v-6c1a0d2f]{border-color:#ffffff0d}.group:hover .group-hover\\:border-white\\/20[data-v-6c1a0d2f]{border-color:#fff3}.rounded-full[data-v-6c1a0d2f]{border-radius:9999px}.rounded-xl[data-v-6c1a0d2f]{border-radius:.75rem}.bg-orange-500\\/5[data-v-6c1a0d2f]{background-color:#f973160d}.bg-white\\/\\[0\\.03\\][data-v-6c1a0d2f]{background-color:#ffffff08}.bg-white\\/5[data-v-6c1a0d2f]{background-color:#ffffff0d}.hover\\:bg-white\\/10[data-v-6c1a0d2f]:hover{background-color:#ffffff1a}.p-4[data-v-6c1a0d2f]{padding:1rem}.px-1[data-v-6c1a0d2f]{padding-left:.25rem;padding-right:.25rem}.py-2[data-v-6c1a0d2f]{padding-top:.5rem;padding-bottom:.5rem}.py-5[data-v-6c1a0d2f]{padding-top:1.25rem;padding-bottom:1.25rem}.text-center[data-v-6c1a0d2f]{text-align:center}.text-\\[11px\\][data-v-6c1a0d2f]{font-size:11px}.text-\\[9px\\][data-v-6c1a0d2f]{font-size:9px}.text-blue-400[data-v-6c1a0d2f],.group\\/item:hover .group-hover\\/item\\:text-blue-400[data-v-6c1a0d2f]{--un-text-opacity:1;color:rgb(96 165 250 / var(--un-text-opacity))}.text-current[data-v-6c1a0d2f]{color:currentColor}.text-green-400\\/60[data-v-6c1a0d2f]{color:#4ade8099}.text-orange-400\\/60[data-v-6c1a0d2f]{color:#fb923c99}.text-white\\/20[data-v-6c1a0d2f]{color:#fff3}.text-white\\/30[data-v-6c1a0d2f]{color:#ffffff4d}.text-white\\/40[data-v-6c1a0d2f]{color:#fff6}.group\\/item:hover .group-hover\\/item\\:text-white\\/50[data-v-6c1a0d2f]{color:#ffffff80}.hover\\:text-white[data-v-6c1a0d2f]:hover{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity))}.font-black[data-v-6c1a0d2f]{font-weight:900}.font-medium[data-v-6c1a0d2f]{font-weight:500}.leading-relaxed[data-v-6c1a0d2f]{line-height:1.625}.tracking-\\[0\\.1em\\][data-v-6c1a0d2f]{letter-spacing:.1em}.tracking-\\[0\\.2em\\][data-v-6c1a0d2f]{letter-spacing:.2em}.font-mono[data-v-6c1a0d2f]{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.uppercase[data-v-6c1a0d2f]{text-transform:uppercase}.accent-blue-500[data-v-6c1a0d2f]{--un-accent-opacity:1;accent-color:rgb(59 130 246 / var(--un-accent-opacity))}.shadow-inner[data-v-6c1a0d2f]{--un-shadow:inset 0 2px 4px 0 var(--un-shadow-color, rgb(0 0 0 / .05));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.shadow-sm[data-v-6c1a0d2f]{--un-shadow:var(--un-shadow-inset) 0 1px 2px 0 var(--un-shadow-color, rgb(0 0 0 / .05));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.transition-all[data-v-6c1a0d2f]{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors[data-v-6c1a0d2f]{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}[data-v-b19e2d94],[data-v-b19e2d94]:before,[data-v-b19e2d94]:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }[data-v-b19e2d94]::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.pointer-events-auto[data-v-b19e2d94]{pointer-events:auto}.relative[data-v-b19e2d94]{position:relative}.grid[data-v-b19e2d94]{display:grid}.grid-cols-1[data-v-b19e2d94]{grid-template-columns:repeat(1,minmax(0,1fr))}.mb-2[data-v-b19e2d94]{margin-bottom:.5rem}.h-3\\.5[data-v-b19e2d94]{height:.875rem}.w-3\\.5[data-v-b19e2d94]{width:.875rem}.flex[data-v-b19e2d94]{display:flex}.flex-col[data-v-b19e2d94]{flex-direction:column}.flex-wrap[data-v-b19e2d94]{flex-wrap:wrap}.active\\:scale-\\[0\\.98\\][data-v-b19e2d94]:active{--un-scale-x:.98;--un-scale-y:.98;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.cursor-pointer[data-v-b19e2d94]{cursor:pointer}.items-center[data-v-b19e2d94]{align-items:center}.justify-between[data-v-b19e2d94]{justify-content:space-between}.gap-1\\.5[data-v-b19e2d94]{gap:.375rem}.gap-2\\.5[data-v-b19e2d94]{gap:.625rem}.gap-3[data-v-b19e2d94]{gap:.75rem}.gap-5[data-v-b19e2d94]{gap:1.25rem}.overflow-hidden[data-v-b19e2d94]{overflow:hidden}.border[data-v-b19e2d94]{border-width:1px}.border-white\\/5[data-v-b19e2d94]{border-color:#ffffff0d}.rounded[data-v-b19e2d94]{border-radius:.25rem}.rounded-xl[data-v-b19e2d94]{border-radius:.75rem}.bg-white\\/\\[0\\.03\\][data-v-b19e2d94]{background-color:#ffffff08}.bg-white\\/5[data-v-b19e2d94]{background-color:#ffffff0d}.hover\\:bg-white\\/10[data-v-b19e2d94]:hover{background-color:#ffffff1a}.p-4[data-v-b19e2d94]{padding:1rem}.px-1[data-v-b19e2d94]{padding-left:.25rem;padding-right:.25rem}.px-1\\.5[data-v-b19e2d94]{padding-left:.375rem;padding-right:.375rem}.py-0\\.5[data-v-b19e2d94]{padding-top:.125rem;padding-bottom:.125rem}.text-left[data-v-b19e2d94]{text-align:left}.text-\\[8px\\][data-v-b19e2d94]{font-size:8px}.text-\\[9px\\][data-v-b19e2d94]{font-size:9px}.text-xs[data-v-b19e2d94]{font-size:.75rem;line-height:1rem}.text-white\\/10[data-v-b19e2d94]{color:#ffffff1a}.text-white\\/25[data-v-b19e2d94]{color:#ffffff40}.text-white\\/40[data-v-b19e2d94]{color:#fff6}.text-white\\/50[data-v-b19e2d94]{color:#ffffff80}.group:hover .group-hover\\:text-blue-400[data-v-b19e2d94]{--un-text-opacity:1;color:rgb(96 165 250 / var(--un-text-opacity))}.group:hover .group-hover\\:text-white[data-v-b19e2d94]{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity))}.font-black[data-v-b19e2d94]{font-weight:900}.tracking-tighter[data-v-b19e2d94]{letter-spacing:-.05em}.tracking-widest[data-v-b19e2d94]{letter-spacing:.1em}.font-mono[data-v-b19e2d94]{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.uppercase[data-v-b19e2d94]{text-transform:uppercase}.opacity-20[data-v-b19e2d94]{opacity:.2}.group:hover .group-hover\\:opacity-60[data-v-b19e2d94]{opacity:.6}.transition-all[data-v-b19e2d94]{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors[data-v-b19e2d94]{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity[data-v-b19e2d94]{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.custom-scrollbar[data-v-bc42beda]::-webkit-scrollbar{width:4px}.custom-scrollbar[data-v-bc42beda]::-webkit-scrollbar-track{background:transparent}.custom-scrollbar[data-v-bc42beda]::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:10px}.custom-scrollbar[data-v-bc42beda]::-webkit-scrollbar-thumb:hover{background:#fff3}[data-v-bc42beda],[data-v-bc42beda]:before,[data-v-bc42beda]:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }[data-v-bc42beda]::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.pointer-events-auto[data-v-bc42beda]{pointer-events:auto}.absolute[data-v-bc42beda]{position:absolute}.relative[data-v-bc42beda]{position:relative}.right-3[data-v-bc42beda]{right:.75rem}.top-3[data-v-bc42beda]{top:.75rem}.h-4[data-v-bc42beda]{height:1rem}.max-h-32[data-v-bc42beda]{max-height:8rem}.max-h-48[data-v-bc42beda]{max-height:12rem}.w-4[data-v-bc42beda]{width:1rem}.flex[data-v-bc42beda]{display:flex}.flex-col[data-v-bc42beda]{flex-direction:column}.cursor-pointer[data-v-bc42beda]{cursor:pointer}.items-center[data-v-bc42beda]{align-items:center}.justify-between[data-v-bc42beda]{justify-content:space-between}.gap-3[data-v-bc42beda]{gap:.75rem}.gap-6[data-v-bc42beda]{gap:1.5rem}.overflow-hidden[data-v-bc42beda]{overflow:hidden}.overflow-y-auto[data-v-bc42beda]{overflow-y:auto}.whitespace-pre-wrap[data-v-bc42beda]{white-space:pre-wrap}.border[data-v-bc42beda]{border-width:1px}.border-white\\/10[data-v-bc42beda]{border-color:#ffffff1a}.border-white\\/5[data-v-bc42beda]{border-color:#ffffff0d}.rounded-lg[data-v-bc42beda]{border-radius:.5rem}.rounded-xl[data-v-bc42beda]{border-radius:.75rem}.bg-black\\/40[data-v-bc42beda]{background-color:#0006}.bg-white\\/5[data-v-bc42beda]{background-color:#ffffff0d}.hover\\:bg-blue-600[data-v-bc42beda]:hover{--un-bg-opacity:1;background-color:rgb(37 99 235 / var(--un-bg-opacity))}.active\\:bg-blue-700[data-v-bc42beda]:active{--un-bg-opacity:1;background-color:rgb(29 78 216 / var(--un-bg-opacity))}.p-2[data-v-bc42beda]{padding:.5rem}.p-4[data-v-bc42beda]{padding:1rem}.px-1[data-v-bc42beda]{padding-left:.25rem;padding-right:.25rem}.text-\\[9px\\][data-v-bc42beda]{font-size:9px}.text-white\\/25[data-v-bc42beda]{color:#ffffff40}.text-white\\/30[data-v-bc42beda]{color:#ffffff4d}.text-white\\/40[data-v-bc42beda]{color:#fff6}.font-black[data-v-bc42beda]{font-weight:900}.leading-relaxed[data-v-bc42beda]{line-height:1.625}.tracking-widest[data-v-bc42beda]{letter-spacing:.1em}.font-mono[data-v-bc42beda]{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.uppercase[data-v-bc42beda]{text-transform:uppercase}.italic[data-v-bc42beda]{font-style:italic}.opacity-0[data-v-bc42beda]{opacity:0}.group:hover .group-hover\\:opacity-100[data-v-bc42beda]{opacity:1}.shadow-inner[data-v-bc42beda]{--un-shadow:inset 0 2px 4px 0 var(--un-shadow-color, rgb(0 0 0 / .05));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.transition-all[data-v-bc42beda]{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}[data-v-63239024],[data-v-63239024]:before,[data-v-63239024]:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }[data-v-63239024]::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.relative[data-v-63239024]{position:relative}.mb-1[data-v-63239024]{margin-bottom:.25rem}.h-24[data-v-63239024]{height:6rem}.h-5[data-v-63239024]{height:1.25rem}.h-full[data-v-63239024]{height:100%}.w-5[data-v-63239024]{width:1.25rem}.w-full[data-v-63239024]{width:100%}.flex[data-v-63239024]{display:flex}.flex-col[data-v-63239024]{flex-direction:column}.items-end[data-v-63239024]{align-items:flex-end}.items-center[data-v-63239024]{align-items:center}.justify-center[data-v-63239024]{justify-content:center}.justify-between[data-v-63239024]{justify-content:space-between}.gap-3[data-v-63239024]{gap:.75rem}.gap-6[data-v-63239024]{gap:1.5rem}.overflow-hidden[data-v-63239024]{overflow:hidden}.border[data-v-63239024]{border-width:1px}.border-white\\/10[data-v-63239024]{border-color:#ffffff1a}.rounded-2xl[data-v-63239024]{border-radius:1rem}.rounded-xl[data-v-63239024]{border-radius:.75rem}.bg-black\\/40[data-v-63239024]{background-color:#0006}.from-white\\/\\[0\\.05\\][data-v-63239024]{--un-gradient-from-position:0%;--un-gradient-from:rgb(255 255 255 / .05) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to)}.hover\\:from-white\\/\\[0\\.08\\][data-v-63239024]:hover{--un-gradient-from-position:0%;--un-gradient-from:rgb(255 255 255 / .08) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to)}.to-white\\/\\[0\\.02\\][data-v-63239024]{--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / .02) var(--un-gradient-to-position)}.hover\\:to-white\\/\\[0\\.04\\][data-v-63239024]:hover{--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / .04) var(--un-gradient-to-position)}.bg-gradient-to-br[data-v-63239024]{--un-gradient-shape:to bottom right in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient))}[stroke-width~="2"][data-v-63239024]{stroke-width:2px}.stroke-blue-400\\/40[data-v-63239024]{stroke:#60a5fa66}[stroke~=none][data-v-63239024]{stroke:none}.p-6[data-v-63239024]{padding:1.5rem}.px-1[data-v-63239024]{padding-left:.25rem;padding-right:.25rem}.py-2[data-v-63239024]{padding-top:.5rem;padding-bottom:.5rem}.text-\\[10px\\][data-v-63239024]{font-size:10px}.text-\\[11px\\][data-v-63239024]{font-size:11px}.text-\\[8px\\][data-v-63239024]{font-size:8px}.text-\\[9px\\][data-v-63239024]{font-size:9px}.text-6xl[data-v-63239024]{font-size:3.75rem;line-height:1}.text-blue-400\\/40[data-v-63239024]{color:#60a5fa66}.text-green-400[data-v-63239024]{--un-text-opacity:1;color:rgb(74 222 128 / var(--un-text-opacity))}.text-red-400[data-v-63239024]{--un-text-opacity:1;color:rgb(248 113 113 / var(--un-text-opacity))}.text-white\\/15[data-v-63239024]{color:#ffffff26}.text-white\\/25[data-v-63239024]{color:#ffffff40}.text-white\\/30[data-v-63239024]{color:#ffffff4d}.text-yellow-400[data-v-63239024]{--un-text-opacity:1;color:rgb(250 204 21 / var(--un-text-opacity))}.group\\/stat:hover .group-hover\\/stat\\:text-blue-400\\/70[data-v-63239024]{color:#60a5fab3}.font-black[data-v-63239024]{font-weight:900}.font-bold[data-v-63239024]{font-weight:700}.tracking-\\[0\\.15em\\][data-v-63239024]{letter-spacing:.15em}.tracking-\\[0\\.2em\\][data-v-63239024]{letter-spacing:.2em}.tracking-tighter[data-v-63239024]{letter-spacing:-.05em}.tracking-widest[data-v-63239024]{letter-spacing:.1em}.font-mono[data-v-63239024]{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.uppercase[data-v-63239024]{text-transform:uppercase}.shadow-inner[data-v-63239024]{--un-shadow:inset 0 2px 4px 0 var(--un-shadow-color, rgb(0 0 0 / .05));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.shadow-xl[data-v-63239024]{--un-shadow:var(--un-shadow-inset) 0 20px 25px -5px var(--un-shadow-color, rgb(0 0 0 / .1)),var(--un-shadow-inset) 0 8px 10px -6px var(--un-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.ring-1[data-v-63239024]{--un-ring-width:1px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.ring-white\\/5[data-v-63239024]{--un-ring-color:rgb(255 255 255 / .05) }.ring-inset[data-v-63239024]{--un-ring-inset:inset}.drop-shadow-\\[0_0_20px_rgba\\(234\\,179\\,8\\,0\\.5\\)\\][data-v-63239024]{--un-drop-shadow:drop-shadow(0 0 20px rgba(234,179,8,.5));filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)}.drop-shadow-\\[0_0_20px_rgba\\(239\\,68\\,68\\,0\\.5\\)\\][data-v-63239024]{--un-drop-shadow:drop-shadow(0 0 20px rgba(239,68,68,.5));filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)}.drop-shadow-\\[0_0_20px_rgba\\(34\\,197\\,94\\,0\\.5\\)\\][data-v-63239024]{--un-drop-shadow:drop-shadow(0 0 20px rgba(34,197,94,.5));filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)}.transition-all[data-v-63239024]{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors[data-v-63239024]{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300[data-v-63239024]{transition-duration:.3s}[data-v-eb6add23],[data-v-eb6add23]:before,[data-v-eb6add23]:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }[data-v-eb6add23]::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.pointer-events-auto[data-v-eb6add23]{pointer-events:auto}.absolute[data-v-eb6add23]{position:absolute}.fixed[data-v-eb6add23]{position:fixed}.bottom-8[data-v-eb6add23]{bottom:2rem}.right-3[data-v-eb6add23]{right:.75rem}.right-8[data-v-eb6add23]{right:2rem}.top-3[data-v-eb6add23]{top:.75rem}.z-\\[10001\\][data-v-eb6add23]{z-index:10001}.h-14[data-v-eb6add23]{height:3.5rem}.h-2\\.5[data-v-eb6add23]{height:.625rem}.h-6[data-v-eb6add23]{height:1.5rem}.w-14[data-v-eb6add23]{width:3.5rem}.w-2\\.5[data-v-eb6add23]{width:.625rem}.w-6[data-v-eb6add23]{width:1.5rem}.flex[data-v-eb6add23]{display:flex}.rotate-180[data-v-eb6add23]{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:180deg;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.scale-110[data-v-eb6add23]{--un-scale-x:1.1;--un-scale-y:1.1;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.active\\:scale-90[data-v-eb6add23]:active{--un-scale-x:.9;--un-scale-y:.9;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.items-center[data-v-eb6add23]{align-items:center}.justify-center[data-v-eb6add23]{justify-content:center}.border[data-v-eb6add23]{border-width:1px}.border-2[data-v-eb6add23]{border-width:2px}.border-\\[\\#121212\\][data-v-eb6add23]{--un-border-opacity:1;border-color:rgb(18 18 18 / var(--un-border-opacity))}.border-white\\/20[data-v-eb6add23]{border-color:#fff3}.rounded-full[data-v-eb6add23]{border-radius:9999px}.bg-\\[\\#121212\\]\\/90[data-v-eb6add23]{background-color:#121212e6}.bg-green-500[data-v-eb6add23]{--un-bg-opacity:1;background-color:rgb(34 197 94 / var(--un-bg-opacity))}.hover\\:bg-black[data-v-eb6add23]:hover{--un-bg-opacity:1;background-color:rgb(0 0 0 / var(--un-bg-opacity))}.text-blue-400[data-v-eb6add23]{--un-text-opacity:1;color:rgb(96 165 250 / var(--un-text-opacity))}.text-white\\/50[data-v-eb6add23]{color:#ffffff80}.hover\\:text-white[data-v-eb6add23]:hover{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity))}.shadow-\\[0_0_8px_rgba\\(34\\,197\\,94\\,0\\.6\\)\\][data-v-eb6add23]{--un-shadow:0 0 8px var(--un-shadow-color, rgba(34, 197, 94, .6));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.shadow-\\[0_20px_40px_-8px_rgba\\(0\\,0\\,0\\,0\\.5\\)\\][data-v-eb6add23]{--un-shadow:0 20px 40px -8px var(--un-shadow-color, rgba(0, 0, 0, .5));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.ring-4[data-v-eb6add23]{--un-ring-width:4px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.ring-white\\/5[data-v-eb6add23]{--un-ring-color:rgb(255 255 255 / .05) }.backdrop-blur-2xl[data-v-eb6add23]{--un-backdrop-blur:blur(40px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia)}.transition-all[data-v-eb6add23]{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform[data-v-eb6add23]{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-500[data-v-eb6add23]{transition-duration:.5s}[data-v-7e780824],[data-v-7e780824]:before,[data-v-7e780824]:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }[data-v-7e780824]::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.fixed[data-v-7e780824]{position:fixed}.bottom-24[data-v-7e780824]{bottom:6rem}.right-8[data-v-7e780824]{right:2rem}.z-\\[10002\\][data-v-7e780824]{z-index:10002}.h-4[data-v-7e780824]{height:1rem}.w-4[data-v-7e780824]{width:1rem}.flex[data-v-7e780824]{display:flex}.translate-y-0[data-v-7e780824]{--un-translate-y:0;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.translate-y-4[data-v-7e780824]{--un-translate-y:1rem;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.items-center[data-v-7e780824]{align-items:center}.gap-2[data-v-7e780824]{gap:.5rem}.border[data-v-7e780824]{border-width:1px}.border-green-400\\/30[data-v-7e780824]{border-color:#4ade804d}.rounded-xl[data-v-7e780824]{border-radius:.75rem}.bg-green-600\\/90[data-v-7e780824]{background-color:#16a34ae6}[stroke-width~="2"][data-v-7e780824]{stroke-width:2px}.px-5[data-v-7e780824]{padding-left:1.25rem;padding-right:1.25rem}.py-3[data-v-7e780824]{padding-top:.75rem;padding-bottom:.75rem}.text-sm[data-v-7e780824]{font-size:.875rem;line-height:1.25rem}.text-white[data-v-7e780824]{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity))}.font-bold[data-v-7e780824]{font-weight:700}.opacity-0[data-v-7e780824]{opacity:0}.opacity-100[data-v-7e780824]{opacity:1}.shadow-2xl[data-v-7e780824]{--un-shadow:var(--un-shadow-inset) 0 25px 50px -12px var(--un-shadow-color, rgb(0 0 0 / .25));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.backdrop-blur-xl[data-v-7e780824]{--un-backdrop-blur:blur(24px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia)}.transition-all[data-v-7e780824]{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300[data-v-7e780824]{transition-duration:.3s}.custom-scrollbar[data-v-e0f091f2]::-webkit-scrollbar{width:4px}.custom-scrollbar[data-v-e0f091f2]::-webkit-scrollbar-track{background:transparent}.custom-scrollbar[data-v-e0f091f2]::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:10px}.custom-scrollbar[data-v-e0f091f2]::-webkit-scrollbar-thumb:hover{background:#fff3}[data-v-e0f091f2],[data-v-e0f091f2]:before,[data-v-e0f091f2]:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }[data-v-e0f091f2]::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.pointer-events-auto[data-v-e0f091f2]{pointer-events:auto}.h-11[data-v-e0f091f2]{height:2.75rem}.h-3\\.5[data-v-e0f091f2]{height:.875rem}.max-h-\\[480px\\][data-v-e0f091f2]{max-height:480px}.w-3\\.5[data-v-e0f091f2]{width:.875rem}.w-full[data-v-e0f091f2]{width:100%}.flex[data-v-e0f091f2]{display:flex}.flex-1[data-v-e0f091f2]{flex:1 1 0%}.group\\/btn:hover .group-hover\\/btn\\:rotate-12[data-v-e0f091f2]{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:12deg;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.active\\:scale-\\[0\\.98\\][data-v-e0f091f2]:active{--un-scale-x:.98;--un-scale-y:.98;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.cursor-pointer[data-v-e0f091f2]{cursor:pointer}.items-center[data-v-e0f091f2]{align-items:center}.justify-center[data-v-e0f091f2]{justify-content:center}.gap-3[data-v-e0f091f2]{gap:.75rem}.overflow-y-auto[data-v-e0f091f2]{overflow-y:auto}.border[data-v-e0f091f2]{border-width:1px}.border-white\\/5[data-v-e0f091f2]{border-color:#ffffff0d}.rounded-xl[data-v-e0f091f2]{border-radius:.75rem}.bg-white\\/\\[0\\.03\\][data-v-e0f091f2]{background-color:#ffffff08}.hover\\:bg-white\\/10[data-v-e0f091f2]:hover{background-color:#ffffff1a}.px-5[data-v-e0f091f2]{padding-left:1.25rem;padding-right:1.25rem}.py-2[data-v-e0f091f2]{padding-top:.5rem;padding-bottom:.5rem}.py-3[data-v-e0f091f2]{padding-top:.75rem;padding-bottom:.75rem}.pb-5[data-v-e0f091f2]{padding-bottom:1.25rem}.pt-3[data-v-e0f091f2]{padding-top:.75rem}.text-\\[10px\\][data-v-e0f091f2]{font-size:10px}.text-white\\/30[data-v-e0f091f2]{color:#ffffff4d}.text-white\\/50[data-v-e0f091f2]{color:#ffffff80}.group\\/btn:hover .group-hover\\/btn\\:text-blue-400[data-v-e0f091f2]{--un-text-opacity:1;color:rgb(96 165 250 / var(--un-text-opacity))}.group\\/btn:hover .group-hover\\/btn\\:text-white[data-v-e0f091f2]{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity))}.font-bold[data-v-e0f091f2]{font-weight:700}.tracking-\\[0\\.25em\\][data-v-e0f091f2]{letter-spacing:.25em}.uppercase[data-v-e0f091f2]{text-transform:uppercase}.shadow-sm[data-v-e0f091f2]{--un-shadow:var(--un-shadow-inset) 0 1px 2px 0 var(--un-shadow-color, rgb(0 0 0 / .05));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.transition-all[data-v-e0f091f2]{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors[data-v-e0f091f2]{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}')),document.head.appendChild(a)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
|
|
2
|
+
import { defineComponent as _, openBlock as r, createElementBlock as p, createElementVNode as t, Fragment as z, renderList as N, normalizeClass as P, createCommentVNode as w, createBlock as v, resolveDynamicComponent as M, toDisplayString as c, ref as $, Teleport as R, normalizeStyle as te, unref as n, withModifiers as B, createVNode as f, renderSlot as F, onMounted as oe, onUnmounted as U, Transition as se, withCtx as V, createTextVNode as ne, computed as I, isRef as J } from "vue";
|
|
3
|
+
import { Languages as ae, X as ie, Play as D, Settings as L, Activity as j, Bookmark as E, Code as O, Monitor as re } from "lucide-vue-next";
|
|
4
|
+
import { useDraggable as le, useFps as ce } from "@vueuse/core";
|
|
5
|
+
const de = {
|
|
6
|
+
settings: "配置",
|
|
7
|
+
animation: "动画",
|
|
8
|
+
presets: "预设",
|
|
9
|
+
export: "导出",
|
|
10
|
+
stats: "性能"
|
|
11
|
+
}, ue = "播放引擎", pe = "继续", ge = "运行中", fe = "重置", he = "引擎当前已暂停。配置更改仍会生效，但可能在恢复前无法即时预览。", be = "内置预设", me = "Vue 组件 (SFC)", xe = "组件属性用法", ve = "配置数据 (JSON)", we = "全选复制", _e = "复制成功", ye = "实时性能统计", $e = "滚动 30 个采样点", ke = "随机生成", Ce = "帧率", Se = "帧每秒", Pe = "动画速度", Te = "速度值", Oe = {
|
|
12
|
+
tabs: de,
|
|
13
|
+
engine: ue,
|
|
14
|
+
resume: pe,
|
|
15
|
+
active: ge,
|
|
16
|
+
restart: fe,
|
|
17
|
+
pausedHint: he,
|
|
18
|
+
presets: be,
|
|
19
|
+
vueComponent: me,
|
|
20
|
+
componentProps: xe,
|
|
21
|
+
configJson: ve,
|
|
22
|
+
copyAll: we,
|
|
23
|
+
copySuccess: _e,
|
|
24
|
+
stats: ye,
|
|
25
|
+
rolling: $e,
|
|
26
|
+
randomize: ke,
|
|
27
|
+
frameRate: Ce,
|
|
28
|
+
framesPerSecond: Se,
|
|
29
|
+
timeSpeed: Pe,
|
|
30
|
+
timeSpeedValue: Te
|
|
31
|
+
}, ze = {
|
|
32
|
+
settings: "Config",
|
|
33
|
+
animation: "Anim",
|
|
34
|
+
presets: "Presets",
|
|
35
|
+
export: "Export",
|
|
36
|
+
stats: "Stats"
|
|
37
|
+
}, Ie = "Playback Engine", Ne = "Resume", Ve = "Active", je = "Restart", Re = "Engine is currently paused. Configuration updates will take effect but may not be visually updated until resumed.", Fe = "Built-in Presets", Le = "Vue Component (SFC)", Ae = "Component Props Usage", Be = "Configuration JSON", Je = "COPY ALL", Me = "Copied Successfully", Ue = "Live Performance Stats", De = "Rolling 30 Samples", Ee = "Randomize", He = "Frame Rate", Ge = "frames per second", We = "Animation Speed", Xe = "Speed", Ye = {
|
|
38
|
+
tabs: ze,
|
|
39
|
+
engine: Ie,
|
|
40
|
+
resume: Ne,
|
|
41
|
+
active: Ve,
|
|
42
|
+
restart: je,
|
|
43
|
+
pausedHint: Re,
|
|
44
|
+
presets: Fe,
|
|
45
|
+
vueComponent: Le,
|
|
46
|
+
componentProps: Ae,
|
|
47
|
+
configJson: Be,
|
|
48
|
+
copyAll: Je,
|
|
49
|
+
copySuccess: Me,
|
|
50
|
+
stats: Ue,
|
|
51
|
+
rolling: De,
|
|
52
|
+
randomize: Ee,
|
|
53
|
+
frameRate: He,
|
|
54
|
+
framesPerSecond: Ge,
|
|
55
|
+
timeSpeed: We,
|
|
56
|
+
timeSpeedValue: Xe
|
|
57
|
+
}, Ze = { class: "tabs-container p-1.5 gap-2 bg-gradient-to-b from-black/50 to-black/30 rounded-2xl border border-white/10 shadow-2xl backdrop-blur-xl" }, qe = { class: "flex gap-1.5" }, Ke = ["onClick"], Qe = {
|
|
58
|
+
key: 0,
|
|
59
|
+
class: "absolute inset-0 bg-gradient-to-br from-white/20 to-transparent opacity-50"
|
|
60
|
+
}, et = { class: "text-[8px] font-black uppercase tracking-[0.15em] text-center leading-tight relative z-10" }, tt = /* @__PURE__ */ _({
|
|
61
|
+
__name: "Tabs",
|
|
62
|
+
props: {
|
|
63
|
+
tabs: {},
|
|
64
|
+
modelValue: {}
|
|
65
|
+
},
|
|
66
|
+
emits: ["update:modelValue"],
|
|
67
|
+
setup(e, { emit: a }) {
|
|
68
|
+
const o = a, d = (l) => {
|
|
69
|
+
o("update:modelValue", l);
|
|
70
|
+
};
|
|
71
|
+
return (l, u) => (r(), p("div", Ze, [
|
|
72
|
+
t("div", qe, [
|
|
73
|
+
(r(!0), p(z, null, N(e.tabs, (s) => (r(), p("button", {
|
|
74
|
+
key: s.id,
|
|
75
|
+
onClick: (i) => d(s.id),
|
|
76
|
+
class: P(["flex-1 flex flex-col items-center justify-center p-2 rounded-xl transition-all duration-300 relative group/tab pointer-events-auto cursor-pointer overflow-hidden", e.modelValue === s.id ? "bg-gradient-to-br from-blue-500 to-blue-600 text-white shadow-lg shadow-blue-500/30 scale-[1.02]" : "bg-white/[0.04] text-white/50 hover:text-white hover:bg-white/10 hover:scale-[1.01] border border-white/5"])
|
|
77
|
+
}, [
|
|
78
|
+
e.modelValue === s.id ? (r(), p("div", Qe)) : w("", !0),
|
|
79
|
+
s.icon ? (r(), v(M(s.icon), {
|
|
80
|
+
key: 1,
|
|
81
|
+
class: P(["w-4 h-4 mb-1.5 relative z-10 transition-transform duration-300", [
|
|
82
|
+
e.modelValue === s.id ? "text-white drop-shadow-lg" : "text-white/30 group-hover/tab:text-white/60",
|
|
83
|
+
e.modelValue === s.id ? "scale-110" : "group-hover/tab:scale-105"
|
|
84
|
+
]])
|
|
85
|
+
}, null, 8, ["class"])) : w("", !0),
|
|
86
|
+
t("span", et, c(s.label), 1),
|
|
87
|
+
u[0] || (u[0] = t("div", { class: "absolute inset-0 bg-gradient-to-t from-blue-400/0 via-blue-400/5 to-blue-400/0 opacity-0 group-hover/tab:opacity-100 transition-opacity duration-300" }, null, -1))
|
|
88
|
+
], 10, Ke))), 128))
|
|
89
|
+
])
|
|
90
|
+
]));
|
|
91
|
+
}
|
|
92
|
+
}), y = (e, a) => {
|
|
93
|
+
const o = e.__vccOpts || e;
|
|
94
|
+
for (const [d, l] of a)
|
|
95
|
+
o[d] = l;
|
|
96
|
+
return o;
|
|
97
|
+
}, ot = /* @__PURE__ */ y(tt, [["__scopeId", "data-v-883d4db1"]]), st = { class: "flex items-center gap-3 overflow-hidden" }, nt = { class: "text-[10px] font-bold uppercase tracking-[0.2em] text-white/40 truncate" }, at = { class: "flex items-center gap-2" }, it = ["title"], rt = /* @__PURE__ */ _({
|
|
98
|
+
__name: "DraggablePanel",
|
|
99
|
+
props: {
|
|
100
|
+
isOpen: { type: Boolean },
|
|
101
|
+
title: {},
|
|
102
|
+
lang: {}
|
|
103
|
+
},
|
|
104
|
+
emits: ["update:isOpen", "toggleLang"],
|
|
105
|
+
setup(e, { emit: a }) {
|
|
106
|
+
const o = a, d = $(null), l = $(null), { x: u, y: s, style: i } = le(d, {
|
|
107
|
+
handle: l,
|
|
108
|
+
initialValue: { x: window.innerWidth - 320, y: 80 }
|
|
109
|
+
}), g = () => {
|
|
110
|
+
o("update:isOpen", !1);
|
|
111
|
+
};
|
|
112
|
+
return (m, h) => (r(), v(R, { to: "body" }, [
|
|
113
|
+
e.isOpen ? (r(), p("div", {
|
|
114
|
+
key: 0,
|
|
115
|
+
ref_key: "el",
|
|
116
|
+
ref: d,
|
|
117
|
+
class: "panel-base fixed z-[10000] w-80 flex flex-col text-white font-sans select-none overflow-hidden",
|
|
118
|
+
style: te(n(i))
|
|
119
|
+
}, [
|
|
120
|
+
t("div", {
|
|
121
|
+
ref_key: "handle",
|
|
122
|
+
ref: l,
|
|
123
|
+
class: "panel-header h-12 flex items-center justify-between px-5 cursor-move group/handle active:cursor-grabbing border-b border-white/5 bg-white/5"
|
|
124
|
+
}, [
|
|
125
|
+
t("div", st, [
|
|
126
|
+
h[1] || (h[1] = t("div", { class: "w-1.5 h-1.5 rounded-full bg-blue-500 shadow-[0_0_8px_rgba(59,130,246,0.6)]" }, null, -1)),
|
|
127
|
+
t("span", nt, c(e.title), 1)
|
|
128
|
+
]),
|
|
129
|
+
t("div", at, [
|
|
130
|
+
e.lang ? (r(), p("button", {
|
|
131
|
+
key: 0,
|
|
132
|
+
class: "w-7 h-7 flex items-center justify-center rounded-lg bg-white/5 border border-white/10 hover:bg-white/10 hover:border-blue-500/30 transition-all cursor-pointer",
|
|
133
|
+
title: e.lang === "zh-CN" ? "切换到英文" : "Switch to Chinese",
|
|
134
|
+
onClick: h[0] || (h[0] = B((k) => o("toggleLang"), ["stop"]))
|
|
135
|
+
}, [
|
|
136
|
+
f(n(ae), { class: "w-3.5 h-3.5 text-white/60" })
|
|
137
|
+
], 8, it)) : w("", !0),
|
|
138
|
+
t("button", {
|
|
139
|
+
class: "w-7 h-7 rounded-lg flex items-center justify-center bg-white/5 border border-white/10 text-white/30 hover:text-white hover:bg-red-500/20 hover:border-red-500/30 transition-all pointer-events-auto cursor-pointer",
|
|
140
|
+
onClick: B(g, ["stop"])
|
|
141
|
+
}, [
|
|
142
|
+
f(n(ie), { class: "w-3.5 h-3.5" })
|
|
143
|
+
])
|
|
144
|
+
])
|
|
145
|
+
], 512),
|
|
146
|
+
F(m.$slots, "default", {}, void 0, !0)
|
|
147
|
+
], 4)) : w("", !0)
|
|
148
|
+
]));
|
|
149
|
+
}
|
|
150
|
+
}), lt = /* @__PURE__ */ y(rt, [["__scopeId", "data-v-29a974c4"]]), ct = { class: "settings-container pointer-events-auto" }, dt = { ref: "configPanelRef" }, ut = /* @__PURE__ */ _({
|
|
151
|
+
__name: "SettingsTab",
|
|
152
|
+
props: {
|
|
153
|
+
configPanelRef: {}
|
|
154
|
+
},
|
|
155
|
+
setup(e) {
|
|
156
|
+
return (a, o) => (r(), p("div", ct, [
|
|
157
|
+
t("div", dt, [
|
|
158
|
+
F(a.$slots, "default", {}, void 0, !0)
|
|
159
|
+
], 512)
|
|
160
|
+
]));
|
|
161
|
+
}
|
|
162
|
+
}), pt = /* @__PURE__ */ y(ut, [["__scopeId", "data-v-47dffb90"]]), gt = { class: "flex flex-col gap-6 py-2" }, ft = {
|
|
163
|
+
key: 0,
|
|
164
|
+
class: "flex flex-col gap-4"
|
|
165
|
+
}, ht = { class: "text-[9px] font-black uppercase tracking-[0.2em] text-white/20 px-1" }, bt = { class: "flex flex-col gap-3 group/item px-1" }, mt = { class: "flex justify-between items-center" }, xt = { class: "text-[9px] font-mono text-white/30 group-hover/item:text-white/50 transition-colors" }, vt = { class: "text-[11px] font-black font-mono text-white/40 group-hover/item:text-blue-400 transition-colors" }, wt = ["value"], _t = { class: "flex flex-col gap-4" }, yt = { class: "text-[9px] font-black uppercase tracking-[0.2em] text-white/20 px-1" }, $t = { class: "grid grid-cols-2 gap-3" }, kt = { class: "w-10 h-10 rounded-full bg-white/5 flex items-center justify-center mb-0.5 border border-white/5 group-hover:border-white/20" }, Ct = { class: "text-[9px] font-black uppercase tracking-[0.1em]" }, St = { class: "w-10 h-10 rounded-full bg-white/5 flex items-center justify-center mb-0.5 border border-white/5" }, Pt = { class: "text-[9px] font-black uppercase tracking-[0.1em]" }, Tt = {
|
|
166
|
+
key: 1,
|
|
167
|
+
class: "p-4 rounded-xl bg-orange-500/5 border border-orange-500/10 shadow-inner text-center mx-1"
|
|
168
|
+
}, Ot = { class: "text-[9px] text-orange-400/60 leading-relaxed font-medium" }, zt = /* @__PURE__ */ _({
|
|
169
|
+
__name: "AnimationTab",
|
|
170
|
+
props: {
|
|
171
|
+
config: {},
|
|
172
|
+
engine: {},
|
|
173
|
+
isPaused: { type: Boolean },
|
|
174
|
+
t: { type: Function }
|
|
175
|
+
},
|
|
176
|
+
emits: ["update:config", "togglePause", "restart"],
|
|
177
|
+
setup(e, { emit: a }) {
|
|
178
|
+
const o = e, d = a, l = (u) => {
|
|
179
|
+
d("update:config", { ...o.config, timeSpeed: u });
|
|
180
|
+
};
|
|
181
|
+
return (u, s) => {
|
|
182
|
+
var i;
|
|
183
|
+
return r(), p("div", gt, [
|
|
184
|
+
((i = e.config) == null ? void 0 : i.timeSpeed) !== void 0 ? (r(), p("div", ft, [
|
|
185
|
+
t("label", ht, c(e.t("timeSpeed") || "动画速度"), 1),
|
|
186
|
+
t("div", bt, [
|
|
187
|
+
t("div", mt, [
|
|
188
|
+
t("span", xt, c(e.t("timeSpeedValue") || "速度"), 1),
|
|
189
|
+
t("span", vt, c(e.config.timeSpeed.toFixed(1)) + "x ", 1)
|
|
190
|
+
]),
|
|
191
|
+
t("input", {
|
|
192
|
+
value: e.config.timeSpeed,
|
|
193
|
+
type: "range",
|
|
194
|
+
min: "0.1",
|
|
195
|
+
max: "5",
|
|
196
|
+
step: "0.1",
|
|
197
|
+
class: "w-full accent-blue-500 bg-white/5 hover:bg-white/10 h-1.5 rounded-full appearance-none cursor-pointer transition-all border border-white/5",
|
|
198
|
+
onInput: s[0] || (s[0] = (g) => l(Number(g.target.value)))
|
|
199
|
+
}, null, 40, wt)
|
|
200
|
+
])
|
|
201
|
+
])) : w("", !0),
|
|
202
|
+
t("div", _t, [
|
|
203
|
+
t("label", yt, c(e.t("engine")), 1),
|
|
204
|
+
t("div", $t, [
|
|
205
|
+
t("button", {
|
|
206
|
+
class: "flex flex-col items-center justify-center gap-3 py-5 rounded-xl bg-white/[0.03] border border-white/5 hover:bg-white/10 transition-all text-white/30 hover:text-white pointer-events-auto shadow-sm cursor-pointer",
|
|
207
|
+
onClick: s[1] || (s[1] = (g) => d("togglePause"))
|
|
208
|
+
}, [
|
|
209
|
+
t("div", kt, [
|
|
210
|
+
(r(), v(M(e.isPaused ? n(D) : n(L)), {
|
|
211
|
+
class: P(["w-5 h-5 transition-all text-current", { "animate-spin-slow text-blue-400": !e.isPaused }])
|
|
212
|
+
}, null, 8, ["class"]))
|
|
213
|
+
]),
|
|
214
|
+
t("span", Ct, c(e.isPaused ? e.t("resume") : e.t("active")), 1)
|
|
215
|
+
]),
|
|
216
|
+
t("button", {
|
|
217
|
+
class: "flex flex-col items-center justify-center gap-3 py-5 rounded-xl bg-white/[0.03] border border-white/5 hover:bg-white/10 transition-all text-white/30 hover:text-white pointer-events-auto shadow-sm cursor-pointer",
|
|
218
|
+
onClick: s[2] || (s[2] = (g) => d("restart"))
|
|
219
|
+
}, [
|
|
220
|
+
t("div", St, [
|
|
221
|
+
f(n(j), { class: "w-5 h-5 text-green-400/60" })
|
|
222
|
+
]),
|
|
223
|
+
t("span", Pt, c(e.t("restart")), 1)
|
|
224
|
+
])
|
|
225
|
+
])
|
|
226
|
+
]),
|
|
227
|
+
e.isPaused ? (r(), p("div", Tt, [
|
|
228
|
+
t("p", Ot, ' "' + c(e.t("pausedHint")) + '" ', 1)
|
|
229
|
+
])) : w("", !0)
|
|
230
|
+
]);
|
|
231
|
+
};
|
|
232
|
+
}
|
|
233
|
+
}), It = /* @__PURE__ */ y(zt, [["__scopeId", "data-v-6c1a0d2f"]]), Nt = { class: "flex flex-col gap-5" }, Vt = { class: "flex flex-col gap-3" }, jt = { class: "text-[9px] font-black uppercase tracking-widest text-white/25 px-1" }, Rt = { class: "grid grid-cols-1 gap-2.5" }, Ft = ["onClick"], Lt = { class: "flex items-center justify-between mb-2" }, At = { class: "text-xs font-black text-white/40 group-hover:text-white transition-colors" }, Bt = { class: "flex flex-wrap gap-1.5 opacity-20 group-hover:opacity-60 transition-opacity" }, Jt = /* @__PURE__ */ _({
|
|
234
|
+
__name: "PresetsTab",
|
|
235
|
+
props: {
|
|
236
|
+
presets: {},
|
|
237
|
+
config: {},
|
|
238
|
+
t: { type: Function },
|
|
239
|
+
tObj: { type: Function }
|
|
240
|
+
},
|
|
241
|
+
emits: ["update:config"],
|
|
242
|
+
setup(e, { emit: a }) {
|
|
243
|
+
const o = e, d = a, l = (u) => {
|
|
244
|
+
d("update:config", { ...o.config, ...u.config });
|
|
245
|
+
};
|
|
246
|
+
return (u, s) => (r(), p("div", Nt, [
|
|
247
|
+
t("div", Vt, [
|
|
248
|
+
t("label", jt, c(e.t("presets")), 1),
|
|
249
|
+
t("div", Rt, [
|
|
250
|
+
(r(!0), p(z, null, N(e.presets, (i) => (r(), p("button", {
|
|
251
|
+
key: i.id,
|
|
252
|
+
class: "group flex flex-col p-4 rounded-xl bg-white/[0.03] hover:bg-white/10 border border-white/5 transition-all text-left relative overflow-hidden active:scale-[0.98] pointer-events-auto cursor-pointer",
|
|
253
|
+
onClick: (g) => l(i)
|
|
254
|
+
}, [
|
|
255
|
+
t("div", Lt, [
|
|
256
|
+
t("span", At, c(e.tObj(i.name)), 1),
|
|
257
|
+
f(n(E), { class: "w-3.5 h-3.5 text-white/10 group-hover:text-blue-400 transition-colors" })
|
|
258
|
+
]),
|
|
259
|
+
t("div", Bt, [
|
|
260
|
+
(r(!0), p(z, null, N(i.config, (g, m) => (r(), p("span", {
|
|
261
|
+
key: String(m),
|
|
262
|
+
class: "text-[8px] px-1.5 py-0.5 rounded bg-white/5 text-white/50 font-mono tracking-tighter"
|
|
263
|
+
}, c(m) + ":" + c(typeof g == "number" ? g.toFixed(1) : g), 1))), 128))
|
|
264
|
+
])
|
|
265
|
+
], 8, Ft))), 128))
|
|
266
|
+
])
|
|
267
|
+
])
|
|
268
|
+
]));
|
|
269
|
+
}
|
|
270
|
+
}), Mt = /* @__PURE__ */ y(Jt, [["__scopeId", "data-v-b19e2d94"]]);
|
|
271
|
+
function Ut() {
|
|
272
|
+
const e = $(!0), a = $("settings"), o = $(!1);
|
|
273
|
+
return {
|
|
274
|
+
isOpen: e,
|
|
275
|
+
activeTab: a,
|
|
276
|
+
isPaused: o,
|
|
277
|
+
toggleOpen: () => {
|
|
278
|
+
e.value = !e.value;
|
|
279
|
+
},
|
|
280
|
+
setTab: (i) => {
|
|
281
|
+
a.value = i;
|
|
282
|
+
},
|
|
283
|
+
togglePause: (i) => {
|
|
284
|
+
i && (o.value ? (i.resume(), o.value = !1) : (i.pause(), o.value = !0));
|
|
285
|
+
},
|
|
286
|
+
restart: (i) => {
|
|
287
|
+
i && (i.restart(), o.value && (i.resume(), o.value = !1));
|
|
288
|
+
}
|
|
289
|
+
};
|
|
290
|
+
}
|
|
291
|
+
function Dt() {
|
|
292
|
+
const e = ce(), a = $([]);
|
|
293
|
+
let o = null;
|
|
294
|
+
return oe(() => {
|
|
295
|
+
o = setInterval(() => {
|
|
296
|
+
const d = typeof e.value == "number" && !isNaN(e.value) ? e.value : 0;
|
|
297
|
+
a.value.push(d), a.value.length > 30 && a.value.shift();
|
|
298
|
+
}, 500);
|
|
299
|
+
}), U(() => {
|
|
300
|
+
o && clearInterval(o);
|
|
301
|
+
}), {
|
|
302
|
+
fps: e,
|
|
303
|
+
fpsHistory: a
|
|
304
|
+
};
|
|
305
|
+
}
|
|
306
|
+
function H(e) {
|
|
307
|
+
const a = $(""), o = $(null), d = () => e.metaId.charAt(0).toUpperCase() + e.metaId.slice(1).replace(/-([a-z])/g, (i) => i[1].toUpperCase()), l = (i) => {
|
|
308
|
+
const g = d();
|
|
309
|
+
if (i === "config")
|
|
310
|
+
return JSON.stringify(e.config, null, 2);
|
|
311
|
+
if (i === "props") {
|
|
312
|
+
const m = Object.entries(e.config || {}).filter(([h]) => !["debug", "lang", "className"].includes(h)).map(([h, k]) => typeof k == "string" ? `${h}="${k}"` : `:${h}="${k}"`).join(`
|
|
313
|
+
`);
|
|
314
|
+
return `<${g}
|
|
315
|
+
${m}
|
|
316
|
+
/>`;
|
|
317
|
+
}
|
|
318
|
+
return `<script setup>
|
|
319
|
+
import { ${g} } from '@bg-effects/${e.metaId}'
|
|
320
|
+
|
|
321
|
+
const config = ${JSON.stringify(e.config, null, 2)}
|
|
322
|
+
<\/script>
|
|
323
|
+
|
|
324
|
+
<template>
|
|
325
|
+
<${g} v-bind="config" />
|
|
326
|
+
</template>`;
|
|
327
|
+
}, u = async (i) => {
|
|
328
|
+
var m;
|
|
329
|
+
const g = l(i);
|
|
330
|
+
try {
|
|
331
|
+
await navigator.clipboard.writeText(g), s("复制成功!"), (m = e.onSuccess) == null || m.call(e, "复制成功!");
|
|
332
|
+
} catch (h) {
|
|
333
|
+
console.error("复制失败:", h);
|
|
334
|
+
}
|
|
335
|
+
}, s = (i) => {
|
|
336
|
+
a.value = i, o.value && clearTimeout(o.value), o.value = setTimeout(() => {
|
|
337
|
+
a.value = "";
|
|
338
|
+
}, 2e3);
|
|
339
|
+
};
|
|
340
|
+
return U(() => {
|
|
341
|
+
o.value && clearTimeout(o.value);
|
|
342
|
+
}), {
|
|
343
|
+
copyCode: u,
|
|
344
|
+
copyToast: a,
|
|
345
|
+
generateCode: l,
|
|
346
|
+
getComponentName: d
|
|
347
|
+
};
|
|
348
|
+
}
|
|
349
|
+
const Et = { class: "flex flex-col gap-6" }, Ht = { class: "flex flex-col gap-3" }, Gt = { class: "text-[9px] font-black uppercase tracking-widest text-white/25 px-1" }, Wt = { class: "relative group" }, Xt = { class: "bg-black/40 rounded-xl p-4 text-[9px] font-mono text-white/40 overflow-hidden whitespace-pre-wrap leading-relaxed border border-white/5 shadow-inner italic" }, Yt = { class: "flex flex-col gap-3" }, Zt = { class: "text-[9px] font-black uppercase tracking-widest text-white/25 px-1" }, qt = { class: "relative group" }, Kt = { class: "bg-black/40 rounded-xl p-4 text-[9px] font-mono text-white/30 max-h-32 overflow-y-auto custom-scrollbar border border-white/5 shadow-inner leading-relaxed" }, Qt = { class: "flex flex-col gap-3" }, eo = { class: "flex justify-between items-center px-1" }, to = { class: "text-[9px] font-black uppercase tracking-widest text-white/25" }, oo = { class: "relative group" }, so = { class: "bg-black/40 rounded-xl p-4 text-[9px] font-mono text-white/30 max-h-48 overflow-y-auto custom-scrollbar border border-white/5 shadow-inner" }, no = /* @__PURE__ */ _({
|
|
350
|
+
__name: "ExportTab",
|
|
351
|
+
props: {
|
|
352
|
+
config: {},
|
|
353
|
+
metaId: {},
|
|
354
|
+
t: { type: Function }
|
|
355
|
+
},
|
|
356
|
+
setup(e) {
|
|
357
|
+
const a = e, { copyCode: o, getComponentName: d } = H({
|
|
358
|
+
config: a.config,
|
|
359
|
+
metaId: a.metaId
|
|
360
|
+
}), l = d();
|
|
361
|
+
return (u, s) => (r(), p("div", Et, [
|
|
362
|
+
t("div", Ht, [
|
|
363
|
+
t("label", Gt, c(e.t("vueComponent")), 1),
|
|
364
|
+
t("div", Wt, [
|
|
365
|
+
t("pre", Xt, "import { " + c(n(l)) + " } from '@bg-effects/" + c(e.metaId) + "'", 1),
|
|
366
|
+
t("button", {
|
|
367
|
+
class: "absolute top-3 right-3 p-2 rounded-lg bg-white/5 hover:bg-blue-600 opacity-0 group-hover:opacity-100 transition-all active:bg-blue-700 pointer-events-auto border border-white/10 cursor-pointer",
|
|
368
|
+
onClick: s[0] || (s[0] = (i) => n(o)("sfc"))
|
|
369
|
+
}, [
|
|
370
|
+
f(n(O), { class: "w-4 h-4" })
|
|
371
|
+
])
|
|
372
|
+
])
|
|
373
|
+
]),
|
|
374
|
+
t("div", Yt, [
|
|
375
|
+
t("label", Zt, c(e.t("componentProps")), 1),
|
|
376
|
+
t("div", qt, [
|
|
377
|
+
t("pre", Kt, "<" + c(n(l)) + " ... />", 1),
|
|
378
|
+
t("button", {
|
|
379
|
+
class: "absolute top-3 right-3 p-2 rounded-lg bg-white/5 hover:bg-blue-600 opacity-0 group-hover:opacity-100 transition-all active:bg-blue-700 pointer-events-auto border border-white/10 cursor-pointer",
|
|
380
|
+
onClick: s[1] || (s[1] = (i) => n(o)("props"))
|
|
381
|
+
}, [
|
|
382
|
+
f(n(O), { class: "w-4 h-4" })
|
|
383
|
+
])
|
|
384
|
+
])
|
|
385
|
+
]),
|
|
386
|
+
t("div", Qt, [
|
|
387
|
+
t("div", eo, [
|
|
388
|
+
t("label", to, c(e.t("configJson")), 1)
|
|
389
|
+
]),
|
|
390
|
+
t("div", oo, [
|
|
391
|
+
t("div", so, [
|
|
392
|
+
t("pre", null, c(JSON.stringify(e.config, null, 2)), 1)
|
|
393
|
+
]),
|
|
394
|
+
t("button", {
|
|
395
|
+
class: "absolute top-3 right-3 p-2 rounded-lg bg-white/5 hover:bg-blue-600 opacity-0 group-hover:opacity-100 transition-all active:bg-blue-700 pointer-events-auto border border-white/10 cursor-pointer",
|
|
396
|
+
onClick: s[2] || (s[2] = (i) => n(o)("config"))
|
|
397
|
+
}, [
|
|
398
|
+
f(n(O), { class: "w-4 h-4" })
|
|
399
|
+
])
|
|
400
|
+
])
|
|
401
|
+
])
|
|
402
|
+
]));
|
|
403
|
+
}
|
|
404
|
+
}), ao = /* @__PURE__ */ y(no, [["__scopeId", "data-v-bc42beda"]]), io = { class: "flex flex-col gap-6 py-2" }, ro = { class: "bg-gradient-to-br from-white/[0.05] to-white/[0.02] rounded-2xl p-6 border border-white/10 flex flex-col gap-3 items-center justify-center shadow-xl group/stat hover:from-white/[0.08] hover:to-white/[0.04] transition-all" }, lo = { class: "flex items-center gap-3 text-blue-400/40 mb-1 group-hover/stat:text-blue-400/70 transition-colors" }, co = { class: "text-[11px] font-black uppercase tracking-[0.2em]" }, uo = { class: "text-[10px] uppercase tracking-[0.15em] text-white/30 font-bold" }, po = { class: "flex flex-col gap-3" }, go = { class: "flex justify-between items-center px-1" }, fo = { class: "text-[9px] font-black uppercase tracking-widest text-white/25" }, ho = { class: "text-[8px] font-mono uppercase text-white/15 tracking-tighter" }, bo = { class: "bg-black/40 border border-white/10 h-24 rounded-xl relative overflow-hidden flex items-end ring-1 ring-inset ring-white/5 shadow-inner" }, mo = {
|
|
405
|
+
class: "w-full h-full",
|
|
406
|
+
viewBox: "0 0 100 80",
|
|
407
|
+
preserveAspectRatio: "none"
|
|
408
|
+
}, xo = ["d"], vo = ["d"], wo = /* @__PURE__ */ _({
|
|
409
|
+
__name: "StatsTab",
|
|
410
|
+
props: {
|
|
411
|
+
t: { type: Function }
|
|
412
|
+
},
|
|
413
|
+
setup(e) {
|
|
414
|
+
const { fps: a, fpsHistory: o } = Dt();
|
|
415
|
+
return (d, l) => (r(), p("div", io, [
|
|
416
|
+
t("div", ro, [
|
|
417
|
+
t("div", lo, [
|
|
418
|
+
f(n(re), { class: "w-5 h-5" }),
|
|
419
|
+
t("span", co, c(e.t("frameRate")), 1)
|
|
420
|
+
]),
|
|
421
|
+
t("span", {
|
|
422
|
+
class: P([
|
|
423
|
+
"text-6xl font-black tracking-tighter transition-all duration-300",
|
|
424
|
+
n(a) > 55 ? "text-green-400 drop-shadow-[0_0_20px_rgba(34,197,94,0.5)]" : n(a) > 30 ? "text-yellow-400 drop-shadow-[0_0_20px_rgba(234,179,8,0.5)]" : "text-red-400 drop-shadow-[0_0_20px_rgba(239,68,68,0.5)]"
|
|
425
|
+
])
|
|
426
|
+
}, c(n(a)), 3),
|
|
427
|
+
t("span", uo, c(e.t("framesPerSecond")), 1)
|
|
428
|
+
]),
|
|
429
|
+
t("div", po, [
|
|
430
|
+
t("div", go, [
|
|
431
|
+
t("label", fo, c(e.t("stats")), 1),
|
|
432
|
+
t("span", ho, c(e.t("rolling")), 1)
|
|
433
|
+
]),
|
|
434
|
+
t("div", bo, [
|
|
435
|
+
(r(), p("svg", mo, [
|
|
436
|
+
t("path", {
|
|
437
|
+
d: `M -10 100 ${n(o).map((u, s) => `L ${s / (n(o).length - 1) * 100} ${80 - Math.min(u, 60) / 60 * 60}`).join(" ")} L 110 100 Z`,
|
|
438
|
+
fill: "url(#fps-gradient)",
|
|
439
|
+
stroke: "none"
|
|
440
|
+
}, null, 8, xo),
|
|
441
|
+
t("path", {
|
|
442
|
+
d: n(o).map((u, s) => `${s === 0 ? "M" : "L"} ${s / (n(o).length - 1) * 100} ${80 - Math.min(u, 60) / 60 * 60}`).join(" "),
|
|
443
|
+
fill: "none",
|
|
444
|
+
class: "stroke-blue-400/40",
|
|
445
|
+
"stroke-width": "2",
|
|
446
|
+
"stroke-linecap": "round"
|
|
447
|
+
}, null, 8, vo),
|
|
448
|
+
l[0] || (l[0] = t("defs", null, [
|
|
449
|
+
t("linearGradient", {
|
|
450
|
+
id: "fps-gradient",
|
|
451
|
+
x1: "0",
|
|
452
|
+
y1: "0",
|
|
453
|
+
x2: "0",
|
|
454
|
+
y2: "1"
|
|
455
|
+
}, [
|
|
456
|
+
t("stop", {
|
|
457
|
+
offset: "0%",
|
|
458
|
+
"stop-color": "rgba(59, 130, 246, 0.3)"
|
|
459
|
+
}),
|
|
460
|
+
t("stop", {
|
|
461
|
+
offset: "100%",
|
|
462
|
+
"stop-color": "rgba(59, 130, 246, 0)"
|
|
463
|
+
})
|
|
464
|
+
])
|
|
465
|
+
], -1))
|
|
466
|
+
]))
|
|
467
|
+
])
|
|
468
|
+
])
|
|
469
|
+
]));
|
|
470
|
+
}
|
|
471
|
+
}), _o = /* @__PURE__ */ y(wo, [["__scopeId", "data-v-63239024"]]), yo = {
|
|
472
|
+
key: 0,
|
|
473
|
+
class: "absolute top-3 right-3 w-2.5 h-2.5 bg-green-500 rounded-full border-2 border-[#121212] shadow-[0_0_8px_rgba(34,197,94,0.6)]"
|
|
474
|
+
}, $o = /* @__PURE__ */ _({
|
|
475
|
+
__name: "FloatingToggleButton",
|
|
476
|
+
props: {
|
|
477
|
+
isOpen: { type: Boolean },
|
|
478
|
+
isPaused: { type: Boolean }
|
|
479
|
+
},
|
|
480
|
+
emits: ["toggle"],
|
|
481
|
+
setup(e, { emit: a }) {
|
|
482
|
+
const o = a;
|
|
483
|
+
return (d, l) => (r(), v(R, { to: "body" }, [
|
|
484
|
+
t("button", {
|
|
485
|
+
class: "fixed bottom-8 right-8 z-[10001] w-14 h-14 bg-[#121212]/90 border border-white/20 backdrop-blur-2xl rounded-full flex items-center justify-center text-white/50 hover:text-white hover:bg-black transition-all shadow-[0_20px_40px_-8px_rgba(0,0,0,0.5)] active:scale-90 group pointer-events-auto ring-4 ring-white/5",
|
|
486
|
+
onClick: l[0] || (l[0] = (u) => o("toggle"))
|
|
487
|
+
}, [
|
|
488
|
+
f(n(L), {
|
|
489
|
+
class: P(["w-6 h-6 transition-transform duration-500", { "rotate-180 text-blue-400 scale-110": e.isOpen }])
|
|
490
|
+
}, null, 8, ["class"]),
|
|
491
|
+
e.isPaused ? w("", !0) : (r(), p("div", yo))
|
|
492
|
+
])
|
|
493
|
+
]));
|
|
494
|
+
}
|
|
495
|
+
}), ko = /* @__PURE__ */ y($o, [["__scopeId", "data-v-eb6add23"]]), Co = {
|
|
496
|
+
key: 0,
|
|
497
|
+
class: "fixed bottom-24 right-8 z-[10002] px-5 py-3 bg-green-600/90 backdrop-blur-xl rounded-xl border border-green-400/30 shadow-2xl text-white text-sm font-bold flex items-center gap-2"
|
|
498
|
+
}, So = /* @__PURE__ */ _({
|
|
499
|
+
__name: "CopyToast",
|
|
500
|
+
props: {
|
|
501
|
+
message: {}
|
|
502
|
+
},
|
|
503
|
+
setup(e) {
|
|
504
|
+
return (a, o) => (r(), v(R, { to: "body" }, [
|
|
505
|
+
f(se, {
|
|
506
|
+
"enter-active-class": "transition-all duration-300",
|
|
507
|
+
"leave-active-class": "transition-all duration-300",
|
|
508
|
+
"enter-from-class": "opacity-0 translate-y-4",
|
|
509
|
+
"enter-to-class": "opacity-100 translate-y-0",
|
|
510
|
+
"leave-from-class": "opacity-100 translate-y-0",
|
|
511
|
+
"leave-to-class": "opacity-0 translate-y-4"
|
|
512
|
+
}, {
|
|
513
|
+
default: V(() => [
|
|
514
|
+
e.message ? (r(), p("div", Co, [
|
|
515
|
+
o[0] || (o[0] = t("svg", {
|
|
516
|
+
class: "w-4 h-4",
|
|
517
|
+
fill: "none",
|
|
518
|
+
stroke: "currentColor",
|
|
519
|
+
viewBox: "0 0 24 24"
|
|
520
|
+
}, [
|
|
521
|
+
t("path", {
|
|
522
|
+
"stroke-linecap": "round",
|
|
523
|
+
"stroke-linejoin": "round",
|
|
524
|
+
"stroke-width": "2",
|
|
525
|
+
d: "M5 13l4 4L19 7"
|
|
526
|
+
})
|
|
527
|
+
], -1)),
|
|
528
|
+
ne(" " + c(e.message), 1)
|
|
529
|
+
])) : w("", !0)
|
|
530
|
+
]),
|
|
531
|
+
_: 1
|
|
532
|
+
})
|
|
533
|
+
]));
|
|
534
|
+
}
|
|
535
|
+
}), Po = /* @__PURE__ */ y(So, [["__scopeId", "data-v-7e780824"]]), To = { class: "px-5 py-3" }, Oo = { class: "flex-1 overflow-y-auto max-h-[480px] custom-scrollbar px-5 py-2 pointer-events-auto" }, zo = {
|
|
536
|
+
key: 0,
|
|
537
|
+
class: "px-5 pb-5 pt-3"
|
|
538
|
+
}, Io = { class: "text-white/50 group-hover/btn:text-white transition-colors" }, No = /* @__PURE__ */ _({
|
|
539
|
+
__name: "DebugShell",
|
|
540
|
+
props: {
|
|
541
|
+
config: {},
|
|
542
|
+
meta: {},
|
|
543
|
+
engine: {},
|
|
544
|
+
lang: {}
|
|
545
|
+
},
|
|
546
|
+
emits: ["update:config", "update:lang", "randomize"],
|
|
547
|
+
setup(e, { emit: a }) {
|
|
548
|
+
const o = e, d = a, l = I({
|
|
549
|
+
get: () => o.lang || "zh-CN",
|
|
550
|
+
set: (b) => d("update:lang", b)
|
|
551
|
+
}), { isOpen: u, activeTab: s, isPaused: i, toggleOpen: g, togglePause: m, restart: h } = Ut(), k = $(null), { copyToast: G } = H({
|
|
552
|
+
config: o.config,
|
|
553
|
+
metaId: o.meta.id
|
|
554
|
+
}), W = {
|
|
555
|
+
"zh-CN": Oe,
|
|
556
|
+
en: Ye
|
|
557
|
+
}, T = I(() => l.value), x = (b) => {
|
|
558
|
+
const S = W[T.value];
|
|
559
|
+
return b.split(".").reduce((C, ee) => C == null ? void 0 : C[ee], S) || b;
|
|
560
|
+
}, X = (b) => b[T.value] || b.en, Y = () => {
|
|
561
|
+
l.value = l.value === "zh-CN" ? "en" : "zh-CN";
|
|
562
|
+
}, Z = I(() => [
|
|
563
|
+
{ id: "settings", icon: L, label: x("tabs.settings") },
|
|
564
|
+
{ id: "presets", icon: E, label: x("tabs.presets") },
|
|
565
|
+
{ id: "animation", icon: D, label: x("tabs.animation") },
|
|
566
|
+
{ id: "export", icon: O, label: x("tabs.export") },
|
|
567
|
+
{ id: "stats", icon: j, label: x("tabs.stats") }
|
|
568
|
+
]), q = () => {
|
|
569
|
+
d("randomize");
|
|
570
|
+
}, K = () => {
|
|
571
|
+
m(o.engine);
|
|
572
|
+
}, Q = () => {
|
|
573
|
+
h(o.engine);
|
|
574
|
+
}, A = (b) => {
|
|
575
|
+
d("update:config", b);
|
|
576
|
+
};
|
|
577
|
+
return (b, S) => (r(), p(z, null, [
|
|
578
|
+
f(lt, {
|
|
579
|
+
isOpen: n(u),
|
|
580
|
+
"onUpdate:isOpen": S[1] || (S[1] = (C) => J(u) ? u.value = C : null),
|
|
581
|
+
title: e.meta.name[T.value] || e.meta.name.en,
|
|
582
|
+
lang: T.value,
|
|
583
|
+
onToggleLang: Y
|
|
584
|
+
}, {
|
|
585
|
+
default: V(() => [
|
|
586
|
+
t("div", To, [
|
|
587
|
+
f(ot, {
|
|
588
|
+
modelValue: n(s),
|
|
589
|
+
"onUpdate:modelValue": S[0] || (S[0] = (C) => J(s) ? s.value = C : null),
|
|
590
|
+
tabs: Z.value
|
|
591
|
+
}, null, 8, ["modelValue", "tabs"])
|
|
592
|
+
]),
|
|
593
|
+
t("div", Oo, [
|
|
594
|
+
n(s) === "settings" ? (r(), v(pt, {
|
|
595
|
+
key: 0,
|
|
596
|
+
"config-panel-ref": k.value
|
|
597
|
+
}, {
|
|
598
|
+
default: V(() => [
|
|
599
|
+
t("div", {
|
|
600
|
+
ref_key: "configPanelRef",
|
|
601
|
+
ref: k
|
|
602
|
+
}, [
|
|
603
|
+
F(b.$slots, "settings", {}, void 0, !0)
|
|
604
|
+
], 512)
|
|
605
|
+
]),
|
|
606
|
+
_: 3
|
|
607
|
+
}, 8, ["config-panel-ref"])) : n(s) === "animation" ? (r(), v(It, {
|
|
608
|
+
key: 1,
|
|
609
|
+
config: e.config,
|
|
610
|
+
engine: e.engine,
|
|
611
|
+
"is-paused": n(i),
|
|
612
|
+
t: x,
|
|
613
|
+
"onUpdate:config": A,
|
|
614
|
+
onTogglePause: K,
|
|
615
|
+
onRestart: Q
|
|
616
|
+
}, null, 8, ["config", "engine", "is-paused"])) : n(s) === "presets" ? (r(), v(Mt, {
|
|
617
|
+
key: 2,
|
|
618
|
+
presets: e.meta.presets,
|
|
619
|
+
config: e.config,
|
|
620
|
+
t: x,
|
|
621
|
+
"t-obj": X,
|
|
622
|
+
"onUpdate:config": A
|
|
623
|
+
}, null, 8, ["presets", "config"])) : n(s) === "export" ? (r(), v(ao, {
|
|
624
|
+
key: 3,
|
|
625
|
+
config: e.config,
|
|
626
|
+
"meta-id": e.meta.id,
|
|
627
|
+
t: x
|
|
628
|
+
}, null, 8, ["config", "meta-id"])) : n(s) === "stats" ? (r(), v(_o, {
|
|
629
|
+
key: 4,
|
|
630
|
+
t: x
|
|
631
|
+
})) : w("", !0)
|
|
632
|
+
]),
|
|
633
|
+
n(s) === "settings" ? (r(), p("div", zo, [
|
|
634
|
+
t("button", {
|
|
635
|
+
class: "w-full h-11 flex items-center justify-center gap-3 bg-white/[0.03] hover:bg-white/10 rounded-xl border border-white/5 text-[10px] font-bold uppercase tracking-[0.25em] transition-all active:scale-[0.98] pointer-events-auto shadow-sm group/btn cursor-pointer",
|
|
636
|
+
onClick: q
|
|
637
|
+
}, [
|
|
638
|
+
f(n(j), { class: "w-3.5 h-3.5 text-white/30 group-hover/btn:text-blue-400 group-hover/btn:rotate-12 transition-all" }),
|
|
639
|
+
t("span", Io, c(x("randomize")), 1)
|
|
640
|
+
])
|
|
641
|
+
])) : w("", !0)
|
|
642
|
+
]),
|
|
643
|
+
_: 3
|
|
644
|
+
}, 8, ["isOpen", "title", "lang"]),
|
|
645
|
+
f(ko, {
|
|
646
|
+
"is-open": n(u),
|
|
647
|
+
"is-paused": n(i),
|
|
648
|
+
onToggle: n(g)
|
|
649
|
+
}, null, 8, ["is-open", "is-paused", "onToggle"]),
|
|
650
|
+
f(Po, { message: n(G) }, null, 8, ["message"])
|
|
651
|
+
], 64));
|
|
652
|
+
}
|
|
653
|
+
}), Fo = /* @__PURE__ */ y(No, [["__scopeId", "data-v-e0f091f2"]]);
|
|
654
|
+
export {
|
|
655
|
+
Fo as DebugShell
|
|
656
|
+
};
|
|
657
|
+
//# sourceMappingURL=index.js.map
|