|
|
import{d as ee,j as le,k as B,l as te,m as E,p as oe,i as ne,c as m,o as d,q as a,b as l,F as x,s as $,u as t,a as U,w as r,v as se,M as j,y as F,t as I,z as R,A as p,B as V,D as O,E as ae,G as ie,e as h,H,n as z,I as ue,J as D,K as de}from"./index-CtdYRAx7.js";import{_ as re}from"./IconTitle.vue_vue_type_script_setup_true_lang-B9Nj8PlY.js";const pe={"h-full":"","w-full":"","of-auto":"",px8:"",py6:""},me={grid:"~ md:cols-[repeat(auto-fit,minmax(16rem,1fr))] gap-x-10 gap-y-3","max-w-300":""},ve={flex:"~ col gap-2"},fe={flex:"~ gap-2","flex-auto":"","items-center":"","justify-start":""},xe={capitalize:"",op75:""},ge={flex:"~ gap-2","flex-auto":"","items-center":"","justify-start":"","pr-4":"","text-sm":""},ce=["onClick"],be=["onClick"],ye=["onClick"],Ve={flex:"~ col gap-2"},ke={flex:"~ gap2"},we={class:"flex items-center gap2 text-sm"},Ce={class:"flex items-center gap2 text-sm"},Se={class:"flex items-center gap2 text-sm"},Te={class:"flex items-center gap2 text-sm"},Ue={flex:"~ gap-2"},De=ee({__name:"settings",setup(Ie){const{categorizedTabs:_}=le(),A=ie(),q=A==="iframe"||A==="separate-window",{scale:k,interactionCloseOnOutsideClick:w,showPanel:C,minimizePanelInteractive:g,expandSidebar:S,scrollableSidebar:T,reduceMotion:G}=B(te(E)),J=[["Tiny",12/15],["Small",14/15],["Normal",1],["Large",16/15],["Huge",18/15]],K=[["Always",0],["1s",1e3],["2s",2e3],["5s",5e3],["10s",1e4],["Never",-1]],{hiddenTabCategories:c,hiddenTabs:b,pinnedTabs:i}=B(E.value.tabSettings);function Q(s,e){e?b.value=b.value.filter(u=>u!==s):b.value.push(s)}function W(s,e){e?c.value=c.value.filter(u=>u!==s):c.value.push(s)}function X(s){i.value.includes(s)?i.value=i.value.filter(e=>e!==s):i.value.push(s)}function L(s,e){const u=i.value.indexOf(s);if(u===-1)return;const v=u+e;if(v<0||v>=i.value.length)return;const o=[...i.value];o.splice(u,1),o.splice(v,0,s),i.value=o}const y=oe(!1);async function Y(){de(),window.location.reload()}const M=K.map(([s,e])=>({label:s,value:e})),Z=ne(()=>`${M.find(e=>e.value===g.value)?.label??"Select..."}`);return(s,e)=>{const u=re,v=ue;return d(),m("div",pe,[a(u,{class:"mb-5 text-xl op75",icon:"i-carbon-settings-adjust",text:"DevTools Settings"}),l("div",me,[l("div",ve,[e[12]||(e[12]=l("h3",{"text-lg":""}," Tabs ",-1)),(d(!0),m(x,null,$(t(_),([{name:o,hidden:f},N])=>(d(),m(x,{key:o},[N.length?(d(),h(t(O),{key:0,p3:"",flex:"~ col gap-1",class:z(f?"op50 grayscale":"")},{default:r(()=>[a(t(H),{"model-value":!t(c).includes(o),class:"row-reverse flex py1 pl2 pr1 hover:bg-active","onUpdate:modelValue":n=>W(o,n)},{default:r(()=>[l("div",fe,[l("span",xe,I(o),1)])]),_:2},1032,["model-value","onUpdate:modelValue"]),e[11]||(e[11]=l("div",{"mx--1":"",my1:"","h-1px":"",border:"b base",op75:""},null,-1)),(d(!0),m(x,null,$(N,n=>(d(),h(t(H),{key:n.name,class:z(["row-reverse n-primary flex py1 pl2 pr1 hover:bg-active",n.hidden?"op35":""]),"model-value":!t(b).includes(n.name),"onUpdate:modelValue":P=>Q(n.name,P)},{default:r(()=>[l("div",ge,[a(v,{"text-xl":"",icon:n.icon,fallback:n.fallbackIcon,title:n.title},null,8,["icon","fallback","title"]),l("span",null,I(n.title),1),e[10]||(e[10]=l("div",{"flex-auto":""},null,-1)),t(i).includes(n.name)?(d(),m(x,{key:0},[l("button",{class:"flex items-center px1 py1 text-sm op65 hover:bg-active hover:op100",onClick:D(()=>{t(i).indexOf(n.name)!==0&&L(n.name,-1)},["stop"])},[...e[8]||(e[8]=[l("div",{class:"i-carbon-caret-up"},null,-1)])],8,ce),l("button",{class:"flex items-center px1 py1 text-sm op65 hover:bg-active hover:op100",onClick:D(()=>{t(i).indexOf(n.name)!==t(i).length-1&&L(n.name,1)},["stop"])},[...e[9]||(e[9]=[l("div",{class:"i-carbon-caret-down"},null,-1)])],8,be)],64)):U("",!0),l("button",{class:"flex items-center px1 py1 text-sm op65 hover:bg-active hover:op100",onClick:D(P=>X(n.name),["stop"])},[l("div",{class:z(t(i).includes(n.name)?" i-carbon-pin-filled rotate--45":" i-carbon-pin op45")},null,2)],8,ye)])]),_:2},1032,["model-value","class","onUpdate:modelValue"]))),128))]),_:2},1032,["class"])):U("",!0)],64))),128))]),l("div",Ve,[e[25]||(e[25]=l("h3",{"text-lg":""}," Appearance ",-1)),a(t(O),{p4:"
|
