fuwari/_astro/DisplaySettings.C8pYka5b.js

import{o as Re,i as Le,I as M,a as ne,b as S,r as b,s as E,c as Ae,d as z,e as ie}from"./Icon.DedYlWTn.js";import{p as Te,m as u,l as le,a as Oe,t as Q,b as se,e as l,g as e,c as F,d as Pe,f as t,s,h as a,r,i as Ie,j as de,k as Ve}from"./render.D4aKwFGu.js";import{g as Ce,a as qe,b as Ge,c as Ke,d as Ne,e as Ue,f as ze,h as Fe,i as ve,L as be,D as ue,A as fe,s as Je,j as Qe,k as We,l as J,m as Xe,n as Ye,o as Ze,p as et}from"./setting-utils.XJvpk97Q.js";/* empty css                        */var tt=Q(`<div class="flex flex-row gap-2 mb-3 items-center justify-between transition-all"><div class="flex gap-2 font-bold text-lg text-neutral-900 dark:text-neutral-100 transition relative ml-3
            before:w-1 before:h-4 before:rounded-md before:bg-[var(--primary)]
            before:absolute before:-left-3 before:top-[0.33rem]">变换速率</div> <div class="flex gap-1"><div class="transition bg-[var(--btn-regular-bg)] w-10 h-7 rounded-md flex justify-center
            font-bold text-sm items-center text-[var(--btn-content)]"> </div></div></div> <div class="w-full h-6 bg-[var(--btn-regular-bg)] rounded select-none overflow-hidden"><input aria-label="变换速率" type="range" min="1" max="100" class="slider svelte-1rks09j" step="1"></div>`,1),rt=Q(`<div class="flex flex-row gap-2 mb-3 items-center justify-between transition-all"><div class="flex gap-2 font-bold text-lg text-neutral-900 dark:text-neutral-100 transition relative ml-3
            before:w-1 before:h-4 before:rounded-md before:bg-[var(--primary)]
            before:absolute before:-left-3 before:top-[0.33rem]">Server</div> <div class="flex gap-1"><input aria-label="Server Value" type="text" class="transition bg-[var(--btn-regular-bg)] w-32 h-7 rounded-md text-center font-bold text-sm text-[var(--btn-content)] outline-none"></div></div>`),at=Q(`<div id="display-setting" class="float-panel float-panel-closed absolute transition-all w-80 right-4 px-4 py-4 svelte-1rks09j"><div class="flex flex-row gap-2 mb-3 items-center justify-between"><div class="flex gap-2 font-bold text-lg text-neutral-900 dark:text-neutral-100 transition relative ml-3
            before:w-1 before:h-4 before:rounded-md before:bg-[var(--primary)]
            before:absolute before:-left-3 before:top-[0.33rem]">主题模式</div> <div class="flex gap-1"><button aria-label="Light Mode"><!></button> <button aria-label="Dark Mode"><!></button> <button aria-label="Auto Mode"><!></button></div></div> <div class="flex flex-row gap-2 mb-3 items-center justify-between"><div class="flex gap-2 font-bold text-lg text-neutral-900 dark:text-neutral-100 transition relative ml-3
            before:w-1 before:h-4 before:rounded-md before:bg-[var(--primary)]
            before:absolute before:-left-3 before:top-[0.33rem]">主题色彩 <button aria-label="Reset to Default"><div class="text-[var(--btn-content)]"><!></div></button></div> <div class="flex gap-1"><input aria-label="Hue Value" id="hueValue" type="number" min="0" max="360" class="transition bg-[var(--btn-regular-bg)] w-12 h-7 rounded-md text-center font-bold text-sm text-[var(--btn-content)] outline-none svelte-1rks09j"></div></div> <div class="w-full h-6 px-1 bg-[oklch(0.80_0.10_0)] dark:bg-[oklch(0.70_0.10_0)] rounded select-none mb-3"><input aria-label="主题色彩" type="range" min="0" max="360" class="slider svelte-1rks09j" id="colorSlider" step="1" style="width: 100%"></div> <div class="flex flex-row gap-2 mb-3 items-center justify-between"><div class="flex gap-2 font-bold text-lg text-neutral-900 dark:text-neutral-100 transition relative ml-3
            before:w-1 before:h-4 before:rounded-md before:bg-[var(--primary)]
            before:absolute before:-left-3 before:top-[0.33rem]">禁用背景</div> <input type="checkbox" class="toggle-switch svelte-1rks09j"></div> <div class="flex flex-row gap-2 mb-3 items-center justify-between"><div class="flex gap-2 font-bold text-lg text-neutral-900 dark:text-neutral-100 transition relative ml-3
            before:w-1 before:h-4 before:rounded-md before:bg-[var(--primary)]
            before:absolute before:-left-3 before:top-[0.33rem]">彩虹模式</div> <input type="checkbox" class="toggle-switch svelte-1rks09j"></div> <!> <div class="flex flex-row gap-2 mb-3 mt-3 items-center justify-between"><div class="flex gap-2 font-bold text-lg text-neutral-900 dark:text-neutral-100 transition relative ml-3
            before:w-1 before:h-4 before:rounded-md before:bg-[var(--primary)]
            before:absolute before:-left-3 before:top-[0.33rem]">背景模糊</div> <div class="flex gap-1"><div class="transition bg-[var(--btn-regular-bg)] w-10 h-7 rounded-md flex justify-center
            font-bold text-sm items-center text-[var(--btn-content)]"> </div></div></div> <div class="w-full h-6 bg-[var(--btn-regular-bg)] rounded select-none overflow-hidden"><input aria-label="背景模糊" type="range" min="0" max="20" class="slider svelte-1rks09j" step="1"></div> <div class="flex flex-row gap-2 mb-3 mt-3 items-center justify-between"><div class="flex gap-2 font-bold text-lg text-neutral-900 dark:text-neutral-100 transition relative ml-3
            before:w-1 before:h-4 before:rounded-md before:bg-[var(--primary)]
            before:absolute before:-left-3 before:top-[0.33rem]">开发模式</div> <input type="checkbox" class="toggle-switch svelte-1rks09j"></div> <!></div>`);function st(ce,me){Te(me,!1);let n=u(Ce()),h=u(qe()),i=u(Ge()),d=u(Ke()),f=u(Ne()),_=u(Ue()),g=u(ze()),H=u(Fe());const W=ve();function ge(){s(n,ve())}function B(o){s(h,o),Je(o)}function pe(){s(i,!e(i)),We(e(i)),e(i)?(document.documentElement.classList.add("is-rainbow-mode"),document.documentElement.style.setProperty("--rainbow-duration",`${120/e(d)}s`)):(document.documentElement.classList.remove("is-rainbow-mode"),document.documentElement.style.removeProperty("--rainbow-duration"),J(e(n)))}function xe(){s(_,!e(_)),Qe(e(_))}function he(){s(g,!e(g)),Xe(e(g))}function _e(){et(e(H))}function we(){Ze(e(d)),e(i)&&document.documentElement.style.setProperty("--rainbow-duration",`${120/e(d)}s`)}Re(()=>{e(i)&&(document.documentElement.classList.add("is-rainbow-mode"),document.documentElement.style.setProperty("--rainbow-duration",`${120/e(d)}s`))}),le(()=>(e(n),e(i),J),()=>{(e(n)||e(n)===0)&&!e(i)&&J(e(n))}),le(()=>e(f),()=>{Ye(e(f))}),Oe(),Le();var $=at(),R=t($),X=a(t(R),2),p=t(X),ye=t(p);M(ye,{icon:"material-symbols:wb-sunny-rounded",class:"text-[1.1rem]"}),r(p);var x=a(p,2),ke=t(x);M(ke,{icon:"material-symbols:dark-mode-rounded",class:"text-[1.1rem]"}),r(x);var w=a(x,2),je=t(w);M(je,{icon:"material-symbols:hdr-auto-rounded",class:"text-[1.1rem]"}),r(w),r(X),r(R);var L=a(R,2),A=t(L),y=a(t(A));let Y;var Z=t(y),De=t(Z);M(De,{icon:"fa6-solid:arrow-rotate-left",class:"text-[0.875rem]"}),r(Z),r(y),r(A);var ee=a(A,2),k=t(ee);b(k),r(ee),r(L);var T=a(L,2),O=t(T);b(O),r(T);var P=a(T,2),I=a(t(P),2);b(I),r(P);var V=a(P,2),C=a(t(V),2);b(C),r(V);var te=a(V,2);{var Me=o=>{var v=tt(),c=Ve(v),m=a(t(c),2),j=t(m),Be=t(j,!0);r(j),r(m),r(c);var oe=a(c,2),D=t(oe);b(D),r(oe),se(()=>{de(Be,e(d)),ie(D,`width: 100%; --value-percent: ${(e(d)-1)/99*100}%`)}),S(D,()=>e(d),$e=>s(d,$e)),l("change",D,we),F(o,v)};ne(te,o=>{e(i)&&o(Me)})}var q=a(te,2),re=a(t(q),2),ae=t(re),Se=t(ae);r(ae),r(re),r(q);var G=a(q,2),K=t(G);b(K),r(G);var N=a(G,2),U=a(t(N),2);b(U),r(N);var Ee=a(N,2);{var He=o=>{var v=rt(),c=a(t(v),2),m=t(c);b(m),r(c),r(v),S(m,()=>e(H),j=>s(H,j)),l("input",m,_e),F(o,v)};ne(Ee,o=>{e(g)&&o(He)})}r($),se((o,v)=>{E(p,1,`w-10 h-7 rounded-md transition flex items-center justify-center active:scale-90
                ${e(h)===be?"bg-[var(--primary)] text-white":"bg-[var(--btn-regular-bg)] text-[var(--btn-content)] hover:bg-[var(--btn-regular-bg-hover)]"}`),E(x,1,`w-10 h-7 rounded-md transition flex items-center justify-center active:scale-90
                ${e(h)===ue?"bg-[var(--primary)] text-white":"bg-[var(--btn-regular-bg)] text-[var(--btn-content)] hover:bg-[var(--btn-regular-bg-hover)]"}`),E(w,1,`w-10 h-7 rounded-md transition flex items-center justify-center active:scale-90
                ${e(h)===fe?"bg-[var(--primary)] text-white":"bg-[var(--btn-regular-bg)] text-[var(--btn-content)] hover:bg-[var(--btn-regular-bg-hover)]"}`),Y=E(y,1,"btn-regular w-7 h-7 rounded-md  active:scale-90",null,Y,o),Ae(k,v),k.disabled=e(i),O.disabled=e(i),z(I,e(_)),z(C,e(i)),de(Se,`${e(f)??""}px`),ie(K,`width: 100%; --value-percent: ${e(f)/20*100}%`),z(U,e(g))},[()=>({"opacity-0":e(n)===W,"pointer-events-none":e(n)===W}),()=>Math.round(e(n))],Ie),l("click",p,()=>B(be)),l("click",x,()=>B(ue)),l("click",w,()=>B(fe)),l("click",y,ge),l("input",k,o=>s(n,o.currentTarget.valueAsNumber)),S(O,()=>e(n),o=>s(n,o)),l("change",I,xe),l("change",C,pe),S(K,()=>e(f),o=>s(f,o)),l("change",U,he),F(ce,$),Pe()}export{st as default};