@unocss/inspector 0.26.2 → 0.27.0
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/client/assets/_id_.5bc382e2.js +1 -0
- package/dist/client/assets/{_id_.0fdca14c.css → _id_.6d46d461.css} +0 -0
- package/dist/client/assets/{index.38abe25d.js → index.13d26e8e.js} +3 -3
- package/dist/client/assets/index.c4791613.css +1 -0
- package/dist/client/assets/repl.81275c33.js +3 -0
- package/dist/client/assets/{vendor.47d901a8.js → vendor.34dd1435.js} +22 -22
- package/dist/client/index.html +3 -3
- package/package.json +5 -5
- package/dist/client/assets/_id_.4ba1bf08.js +0 -1
- package/dist/client/assets/index.407146a2.css +0 -1
- package/dist/client/assets/repl.5913005e.js +0 -3
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{d as k,L as M,r as V,M as w,i as l,a as x,c as b,n as y,p as R,b as o,q as S,t as v,k as A,s as $,v as B,y as E}from"./vendor.34dd1435.js";import{i as g,c as z,d as F,u as N,e as O,_ as I,a as W}from"./index.13d26e8e.js";const P=t=>t.split(/[\s'"`;>=]+/g).filter(g),U={name:"split",order:0,extract({code:t}){return new Set(P(t))}},j=["v-bind:",":"],C=/[\s'"`;]+/g,q=/<\w[\w:\.$-]*\s((?:'[\s\S]*?'|"[\s\S]*?"|`[\s\S]*?`|\{[\s\S]*?\}|[\s\S]*?)*?)>/g,D=/([?]|(?!\d|-{2}|-\d)[a-zA-Z0-9\u00A0-\uFFFF-_:%-]+)(?:=(["'])([^\2]*?)\2)?/g,K=t=>{var a,r;const n=(a=t==null?void 0:t.ignoreAttributes)!=null?a:[],s=(r=t==null?void 0:t.nonValuedAttribute)!=null?r:!0;return{name:"attributify",extract({code:u}){const i=Array.from(u.matchAll(q)).flatMap(e=>Array.from((e[1]||"").matchAll(D))).flatMap(([,e,_,d])=>{if(n.includes(e))return[];for(const c of j)if(e.startsWith(c)){e=e.slice(c.length);break}return d?["class","className"].includes(e)?d.split(C).filter(g):d.split(C).filter(Boolean).map(c=>`[${e}~="${c}"]`):g(e)&&s!==!1?[`[${e}=""]`]:[]});return new Set(i)}}},L=/^(?!\[(?:[^:]+):(?:.+)\]$)(.+:!?)?(.*)$/,T=(t={})=>{var a,r;const n=(a=t.prefix)!=null?a:"un-",s=(r=t.prefixedOnly)!=null?r:!1;return u=>{const i=z(u);if(!i)return;let e=i[1];if(e.startsWith(n))e=e.slice(n.length);else if(s)return;const _=i[2],[,d="",c=_]=_.match(L)||[];return c==="~"||!c?`${d}${e}`:`${d}${e}-${c}`}},Z=(t={})=>{var a,r,u,i,e;t.strict=(a=t.strict)!=null?a:!1,t.prefix=(r=t.prefix)!=null?r:"un-",t.prefixedOnly=(u=t.prefixedOnly)!=null?u:!1,t.nonValuedAttribute=(i=t.nonValuedAttribute)!=null?i:!0,t.ignoreAttributes=(e=t.ignoreAttributes)!=null?e:[];const n=[T(t)],s=[K(t)];return t.strict||s.unshift(U),{name:"@unocss/preset-attributify",variants:n,extractors:s,options:t}},G={key:0,"h-full":"","of-hidden":""},H=o("div",{op50:""}," Module ",-1),J=o("div",{"i-carbon-launch":""},null,-1),Q=o("div",{op50:""}," Matched Rules ",-1),X=o("div",{op50:""}," CSS Size ",-1),Y=o("span",{op50:""},"gzipped",-1),tt={key:0,"row-span-3":""},et=o("div",{op50:""}," Potentially Unmatched ",-1),st={"h-full":"","of-hidden":"",grid:"","grid-cols-2":""},rt=k({props:{id:null},setup(t){const n=t,{data:s}=F(M(n,"id")),a=n.id.split(/\./g).pop(),r=V(null),u=N(r,"module-scrolls");function i(){fetch(`/__open-in-editor?file=${encodeURIComponent(n.id)}`)}const{extractors:e}=Z({strict:!0}),_=w(async()=>{var c;const d=new Set;if(e){const f={code:((c=s.value)==null?void 0:c.code)||""};for(const m of e){const h=await m.extract(f);h==null||h.forEach(p=>d.add(p))}}return Array.from(d).filter(f=>!f.startsWith("[")).filter(f=>{var m;return!((m=s.value)==null?void 0:m.matched.includes(f))})});return(d,c)=>{const f=O,m=I,h=W;return l(s)?(x(),b("div",G,[y(m,{ref_key:"status",ref:r,grid:"~ cols-3 gap-4"},{default:R(()=>{var p;return[o("div",null,[H,o("a",{"cursor-pointer":"",op80:"","hover:op100":"",onClick:i},[y(f,{id:l(s).id,"mr-1":""},null,8,["id"]),J])]),o("div",null,[Q,S(" "+v(l(s).matched.length),1)]),o("div",null,[X,S(" "+v(((((p=l(s))==null?void 0:p.gzipSize)||0)/1024).toFixed(2))+" KiB ",1),Y]),l(_).length?(x(),b("div",tt,[et,o("code",null,v(l(_).join(", ")),1)])):A("",!0)]}),_:1},512),o("div",st,[y(h,{"h-full":"","model-value":l(s).code,"read-only":!0,mode:l(a),matched:l(s).matched,class:"scrolls module-scrolls",style:$(l(u))},null,8,["model-value","mode","matched","style"]),y(h,{"h-full":"",b:"l main","model-value":l(s).css,"read-only":!0,mode:"css",class:"scrolls module-scrolls",style:$(l(u))},null,8,["model-value","style"])])])):A("",!0)}}}),ct=k({setup(t){const n=E();return(s,a)=>{const r=rt;return x(),B(r,{id:l(n).params.id},null,8,["id"])}}});export{ct as default};
|
|
File without changes
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
var he=Object.defineProperty,me=Object.defineProperties;var fe=Object.getOwnPropertyDescriptors;var X=Object.getOwnPropertySymbols;var ve=Object.prototype.hasOwnProperty,ge=Object.prototype.propertyIsEnumerable;var Y=(e,o,t)=>o in e?he(e,o,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[o]=t,F=(e,o)=>{for(var t in o||(o={}))ve.call(o,t)&&Y(e,t,o[t]);if(X)for(var t of X(o))ge.call(o,t)&&Y(e,t,o[t]);return e},ee=(e,o)=>me(e,fe(o));import{C as ye,w as
|
|
2
|
-
`)),1)]),r("div",st,[rt,f(" "+_((z=(A=(
|
|
3
|
-
`)),1)])])]}),_:1},512),h(a,{"model-value":((v=l(
|
|
1
|
+
var he=Object.defineProperty,me=Object.defineProperties;var fe=Object.getOwnPropertyDescriptors;var X=Object.getOwnPropertySymbols;var ve=Object.prototype.hasOwnProperty,ge=Object.prototype.propertyIsEnumerable;var Y=(e,o,t)=>o in e?he(e,o,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[o]=t,F=(e,o)=>{for(var t in o||(o={}))ve.call(o,t)&&Y(e,t,o[t]);if(X)for(var t of X(o))ge.call(o,t)&&Y(e,t,o[t]);return e},ee=(e,o)=>me(e,fe(o));import{C as ye,w as re,d as y,r as P,u as xe,o as $e,a as d,c as p,b as r,e as ke,f as ce,g as C,h as k,i as l,j as be,F as I,t as _,k as R,l as we,m as Ee,n as h,p as $,q as f,s as Re,v as j,x as L,y as je,z as S,A as te,B as Se,D as Ce,E as V,G as Oe,H as Fe,I as Ve}from"./vendor.34dd1435.js";const Ie=function(){const o=document.createElement("link").relList;if(o&&o.supports&&o.supports("modulepreload"))return;for(const s of document.querySelectorAll('link[rel="modulepreload"]'))n(s);new MutationObserver(s=>{for(const i of s)if(i.type==="childList")for(const c of i.addedNodes)c.tagName==="LINK"&&c.rel==="modulepreload"&&n(c)}).observe(document,{childList:!0,subtree:!0});function t(s){const i={};return s.integrity&&(i.integrity=s.integrity),s.referrerpolicy&&(i.referrerPolicy=s.referrerpolicy),s.crossorigin==="use-credentials"?i.credentials="include":s.crossorigin==="anonymous"?i.credentials="omit":i.credentials="same-origin",i}function n(s){if(s.ep)return;s.ep=!0;const i=t(s);fetch(s.href,i)}};Ie();const Le="modulepreload",oe={},Me="/__unocss/",M=function(o,t){return!t||t.length===0?o():Promise.all(t.map(n=>{if(n=`${Me}${n}`,n in oe)return;oe[n]=!0;const s=n.endsWith(".css"),i=s?'[rel="stylesheet"]':"";if(document.querySelector(`link[href="${n}"]${i}`))return;const c=document.createElement("link");if(c.rel=s?"stylesheet":Le,s||(c.as="script",c.crossOrigin=""),c.href=n,document.head.appendChild(c),s)return new Promise((a,v)=>{c.addEventListener("load",a),c.addEventListener("error",v)})})).then(()=>o())};function ne(e){return e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")}const Pe=/^\[(.+?)~?="(.*)"\]$/,Te=/(?!\d|-{2}|-\d)[a-zA-Z0-9\u00A0-\uFFFF-_:%-?]/;function Ae(e){return e.match(Pe)}function Qt(e=""){return Te.test(e)}function ze(e,o){const t=[],n=[],s=new Set;Array.from(o).forEach(c=>{const a=Ae(c);a?a[2]?n.push(a):s.add(a[1]):s.add(c)});let i=0;return e.split(/[\s"';<>]/g).forEach(c=>{const a=i+c.length;s.has(c)&&t.push([i,a,c]),i=a+1}),n.forEach(([,c,a])=>{const v=new RegExp(`${ne(c)}=(['"])[^\\1]*?${ne(a)}[^\\1]*?\\1`,"g");Array.from(e.matchAll(v)).forEach(x=>{const g=x.index+x[0].indexOf(a),m=g+a.length;t.push([g,m,`[${c}="${a}"]`])})}),t}function De(e,o,t={}){const n=ye.fromTextArea(e.value,F({theme:"vars"},t));let s=!1;return n.on("change",()=>{if(s){s=!1;return}o.value=n.getValue()}),re(o,i=>{if(i!==n.getValue()){s=!0;const c=n.listSelections();n.replaceRange(i,n.posFromIndex(0),n.posFromIndex(1/0)),n.setSelections(c)}},{immediate:!0}),n}const Ne={relative:"","font-mono":"","text-sm":""},Be=y({props:{modelValue:null,mode:null,readOnly:{type:Boolean},matched:null},setup(e,{emit:o}){const t=e,n={html:"htmlmixed",vue:"htmlmixed",svelte:"htmlmixed",js:"javascript",mjs:"javascript",cjs:"javascript",ts:{name:"javascript",typescript:!0},mts:{name:"javascript",typescript:!0},cts:{name:"javascript",typescript:!0},jsx:{name:"javascript",jsx:!0},tsx:{name:"javascript",typescript:!0,jsx:!0}},s=P(),i=xe(t,"modelValue",o,{passive:!0});return $e(async()=>{const c=De(s,i,ee(F({},t),{mode:n[t.mode||""]||t.mode}));c.setSize("100%","100%"),setTimeout(()=>c.refresh(),100);const a=[];function v(m,b){a.push(c.markText(c.posFromIndex(m),c.posFromIndex(b),{className:"highlighted"}))}function x(){a.forEach(m=>m.clear()),ze(t.modelValue,Array.from(t.matched||[])).forEach(m=>v(m[0],m[1]))}let g=0;re(()=>[t.modelValue,t.matched],async()=>{clearTimeout(g),t.matched&&(g=setTimeout(x,100))},{immediate:!0})}),(c,a)=>(d(),p("div",Ne,[r("textarea",{ref_key:"el",ref:s},null,512)]))}});var ie=(e,o)=>{const t=e.__vccOpts||e;for(const[n,s]of o)t[n]=s;return t};const He={},Ue={"bg-gray4:10":"","p-5":"",b:"b main",text:"sm gray5 dark:gray3"};function We(e,o){return d(),p("div",Ue,[ke(e.$slots,"default")])}var qe=ie(He,[["render",We]]);const Ke="/@vite/client",ae=ce(),le=ce(),Ge=ae.on,de=le.on;M(()=>import(Ke),[]).then(e=>{const o=e.createHotContext("/");o.on("vite:beforeUpdate",t=>{t.updates.forEach(n=>{ae.trigger(n)})}),o.on("unocss:config-changed",()=>{le.trigger()})}).catch(e=>{console.error("failed to connect to client vite server, you might need to do manual refresh to see the updates"),console.error(e)});const O="/__unocss_api",ue=C(O).json(),T=C(`${O}/overview`,{immediate:!1}).json(),u=ue.data,w=T.data;de(()=>{ue.execute(),T.execute()});function Xt(e){const o=C(k(()=>`${O}/module?id=${encodeURIComponent(l(e))}`),{refetch:!0}).json();return de(()=>o.execute()),Ge(t=>{var n;(t.path===l(e)||t.path===l(e).slice(((n=u.value)==null?void 0:n.root.length)||0))&&setTimeout(()=>{o.execute()},50)}),o}function Yt(e){const o=be(e,500);return C(k(()=>`${O}/repl?token=${encodeURIComponent(o.value)}`),{refetch:!0}).json()}const E=k(()=>{if(!u.value)return{workspace:{children:{},items:[]},root:{children:{},items:[]}};const e=u.value.modules.map(n=>({full:n,path:n})),o=e.filter(n=>n.full.startsWith(u.value.root)),t=e.filter(n=>!n.full.startsWith(u.value.root));return o.forEach(n=>n.path=n.path.slice(u.value.root.length+1)),{workspace:se(o,"Project Root"),root:se(t,"Disk Root")}});function se(e,o){const t={name:o,children:{},items:[]};function n(s,i,c=t){if(i.length<=1){c.items.push(s);return}const a=i.shift();c.children[a]||(c.children[a]={name:a,children:{},items:[]}),n(s,i,c.children[a])}return e.forEach(s=>{const i=s.path.split(/\//g).filter(Boolean);n(s,i)}),t}const Ze={key:0,"ws-wrap":""},Je=r("span",{op80:""},".",-1),Qe={key:1},Xe=y({props:{id:null},setup(e){return(o,t)=>e.id&&l(u)?(d(),p("span",Ze,[e.id.startsWith(l(u).root)?(d(),p(I,{key:0},[Je,r("span",null,_(e.id.slice(l(u).root.length)),1)],64)):(d(),p("span",Qe,_(e.id),1))])):R("",!0)}}),Ye=(e,o)=>{const t=P(null);return we(e,()=>{var s;const n=(s=Ee(e))==null?void 0:s.clientHeight;t.value=n?`--${o}: calc(100vh - ${n}px - 2px);`:null}),t},et={"h-full":""},tt={p:"x4 y2",grid:"~ cols-4 gap-4"},ot=r("div",{op80:""}," Presets ",-1),nt={op50:"","ws-pre":""},st={overflow:"auto"},rt=r("div",{op80:""}," Rules ",-1),ct=r("span",{op50:""},"dynamic",-1),it=r("br",null,null,-1),at=r("span",{op50:""},"static",-1),lt=r("div",{op80:""}," Variants ",-1),dt=r("div",{op80:""}," Shortcuts ",-1),ut={key:0},pt=r("div",{op80:""}," Config File ",-1),_t=r("div",{op80:""}," Version ",-1),ht={op50:"","ws-pre":""},mt={b:"t main",p:"x4 y2",grid:"~ cols-4 gap-4"},ft=r("div",{op80:""}," Included Files ",-1),vt=r("div",{op80:""}," CSS Size ",-1),gt=r("span",{op50:""},"gzipped",-1),yt=r("div",{op80:""}," Matched Rules ",-1),xt=r("div",{op80:""}," Layers ",-1),$t={op50:"","ws-pre":""},kt=y({setup(e){const o=P(null),t=Ye(o,"overview-scrolls");return T.execute(),(n,s)=>{var v;const i=Xe,c=qe,a=Be;return d(),p("div",et,[h(c,{ref_key:"status",ref:o,p0:""},{default:$(()=>{var x,g,m,b,A,z,D,N,B,H,U,W,q,K,G,Z,J,Q;return[r("div",tt,[r("div",null,[ot,r("div",nt,_((m=(g=(x=l(u))==null?void 0:x.config)==null?void 0:g.presets)==null?void 0:m.map(_e=>_e.name).join(`
|
|
2
|
+
`)),1)]),r("div",st,[rt,f(" "+_((z=(A=(b=l(u))==null?void 0:b.config)==null?void 0:A.rulesDynamic)==null?void 0:z.filter(Boolean).length)+" ",1),ct,it,f(" "+_(Object.keys(((N=(D=l(u))==null?void 0:D.config)==null?void 0:N.rulesStaticMap)||{}).length)+" ",1),at]),r("div",null,[lt,f(" "+_((U=(H=(B=l(u))==null?void 0:B.config)==null?void 0:H.variants)==null?void 0:U.length),1)]),r("div",null,[dt,f(" "+_((W=l(u))==null?void 0:W.config.shortcuts.length),1)]),((q=l(u))==null?void 0:q.configPath)?(d(),p("div",ut,[pt,h(i,{id:l(u).configPath},null,8,["id"])])):R("",!0),r("div",null,[_t,r("div",ht,_((K=l(u))==null?void 0:K.version),1)])]),r("div",mt,[r("div",null,[ft,f(" "+_((G=l(u))==null?void 0:G.modules.length),1)]),r("div",null,[vt,f(" "+_(((((Z=l(w))==null?void 0:Z.gzipSize)||0)/1024).toFixed(2))+" KiB ",1),gt]),r("div",null,[yt,f(" "+_((J=l(w))==null?void 0:J.matched.length),1)]),r("div",null,[xt,r("div",$t,_((Q=l(w))==null?void 0:Q.layers.join(`
|
|
3
|
+
`)),1)])])]}),_:1},512),h(a,{"model-value":((v=l(w))==null?void 0:v.css)||"/* empty */","read-only":!0,mode:"css",class:"scrolls overview-scrolls",style:Re(l(t))},null,8,["model-value","style"])])}}}),bt={};function wt(e,o){const t=kt;return d(),j(t)}var Et=ie(bt,[["render",wt]]);const Rt=[{name:"index",path:"/",component:Et,props:!0},{name:"repl",path:"/repl",component:()=>M(()=>import("./repl.81275c33.js"),["assets/repl.81275c33.js","assets/repl.6afeb916.css","assets/vendor.34dd1435.js"]),props:!0},{name:"module-id",path:"/module/:id",component:()=>M(()=>import("./_id_.5bc382e2.js"),["assets/_id_.5bc382e2.js","assets/_id_.6d46d461.css","assets/vendor.34dd1435.js"]),props:!0}],jt=y({props:{id:null},setup(e){const o=e,t=k(()=>o.id.split(/\./g).pop()),n=k(()=>{switch(t.value){case"vue":return"i-logos-vue";default:return"i-carbon-document-blank"}});return(s,i)=>(d(),p("div",{class:L(l(n))},null,2))}}),St={open:""},Ct={"cursor-default":"","select-none":"","text-sm":"",truncate:"",p:"y1"},Ot={"ml-1":""},Ft=y({props:{node:null,icon:{default:"i-carbon-folder"}},setup(e){const o=je();return(t,n)=>{const s=S("ModuleTreeNode",!0),i=jt,c=S("RouterLink");return d(),p("details",St,[r("summary",Ct,[r("div",{class:L(e.icon)},null,2),f(" "+_(e.node.name),1)]),(d(!0),p(I,null,te(Object.entries(e.node.children),a=>(d(),j(s,{key:a[0],ml2:"",node:a[1]},null,8,["node"]))),128)),(d(!0),p(I,null,te(e.node.items,a=>(d(),p("div",{key:a.full,ml4:"","ws-nowrap":""},[h(c,{block:"","text-sm":"",p:"x2 y1",rounded:"",to:`/module/${encodeURIComponent(a.full)}`,class:L({"bg-gray/10":a.full===l(o).params.id})},{default:$(()=>[h(i,{id:a.path},null,8,["id"]),r("span",Ot,_(a.path.split("/").pop()),1)]),_:2},1032,["to","class"])]))),128))])}}});var Vt="/__unocss/icon.svg";const It={p:"x4 y3",b:"b main",flex:"","children:my-auto":""},Lt=r("div",{flex:"","flex-auto":"","children:my-auto":"","ws-nowrap":""},[r("img",{src:Vt,filter:"","dark:invert":"","inline-block":"",h:"1.3em",m:"r-1.5"}),r("div",{"of-hidden":""},[f(" Inspector "),r("sup",{"text-teal5":"","bg-teal5:10":"",p:"x1.5 y0.5",rounded:"",italic:""},"beta")])],-1),Mt=y({setup(e){const o=Se(),t=Ce(o);return(n,s)=>(d(),p("nav",It,[Lt,r("button",{"text-lg":"","i-carbon-sun":"","dark:i-carbon-moon":"",onClick:s[0]||(s[0]=i=>l(t)())})]))}}),Pt={"h-full":""},Tt={b:"r main","of-hidden":""},At={pt:"4",flex:"~ col gap-3"},zt=r("div",{"i-carbon-dashboard":""},null,-1),Dt=r("span",null," Overview ",-1),Nt=r("div",{"i-carbon-terminal":""},null,-1),Bt=r("span",null," REPL ",-1),Ht=r("div",{b:"b main"},null,-1),Ut={b:"r main",class:"scrolls scrolls-sidebar"},Wt=y({setup(e){return(o,t)=>{const n=Mt,s=S("RouterLink"),i=Ft;return d(),p("div",Pt,[r("div",Tt,[h(n),r("div",At,[h(s,{block:"",to:"/","text-sm":"",m:"l-3.7"},{default:$(()=>[zt,Dt]),_:1}),h(s,{block:"",to:"/repl","text-sm":"",m:"l-3.7"},{default:$(()=>[Nt,Bt]),_:1}),Ht])]),r("div",Ut,[Object.keys(l(E).workspace.children).length?(d(),j(i,{key:0,node:l(E).workspace,p:"l3 t4",icon:"i-carbon-portfolio"},null,8,["node"])):R("",!0),Object.keys(l(E).root.children).length?(d(),j(i,{key:1,node:l(E).root,p:"l3 t4",icon:"i-carbon-vmdk-disk"},null,8,["node"])):R("",!0)])])}}}),qt={"h-screen":"","w-screen":"",overflow:"hidden"},Kt={"h-full":"","of-hidden":""},Gt=y({setup(e){return(o,t)=>{const n=Wt,s=S("RouterView");return d(),p("div",qt,[h(l(V.exports.Splitpanes),null,{default:$(()=>[h(l(V.exports.Pane),{size:"20","push-other-panes":!1},{default:$(()=>[h(n)]),_:1}),h(l(V.exports.Pane),{size:"80"},{default:$(()=>[r("div",Kt,[h(s)])]),_:1})]),_:1})])}}}),pe=Oe(Gt);pe.use(Fe({history:Ve(),routes:Rt}));pe.mount("#app");export{qe as _,Be as a,ie as b,Ae as c,Xt as d,Xe as e,Yt as f,Qt as i,Ye as u};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}.dark{color-schema:dark}.splitpanes{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:100%}.splitpanes--vertical{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.splitpanes--horizontal{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.splitpanes--dragging *{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.splitpanes__pane{width:100%;height:100%;overflow:hidden}.splitpanes--vertical .splitpanes__pane{-webkit-transition:width .2s ease-out;transition:width .2s ease-out}.splitpanes--horizontal .splitpanes__pane{-webkit-transition:height .2s ease-out;transition:height .2s ease-out}.splitpanes--dragging .splitpanes__pane{-webkit-transition:none;transition:none}.splitpanes__splitter{-ms-touch-action:none;touch-action:none}.splitpanes--vertical>.splitpanes__splitter{min-width:1px;cursor:col-resize}.splitpanes--horizontal>.splitpanes__splitter{min-height:1px;cursor:row-resize}.splitpanes.default-theme .splitpanes__pane{background-color:#f2f2f2}.splitpanes.default-theme .splitpanes__splitter{background-color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;-ms-flex-negative:0;flex-shrink:0}.splitpanes.default-theme .splitpanes__splitter:after,.splitpanes.default-theme .splitpanes__splitter:before{content:"";position:absolute;top:50%;left:50%;background-color:#00000026;-webkit-transition:background-color .3s;transition:background-color .3s}.splitpanes.default-theme .splitpanes__splitter:hover:after,.splitpanes.default-theme .splitpanes__splitter:hover:before{background-color:#00000040}.splitpanes.default-theme .splitpanes__splitter:first-child{cursor:auto}.default-theme.splitpanes .splitpanes .splitpanes__splitter{z-index:1}.default-theme.splitpanes--vertical>.splitpanes__splitter,.default-theme .splitpanes--vertical>.splitpanes__splitter{width:7px;border-left:1px solid #eee;margin-left:-1px}.default-theme.splitpanes--vertical>.splitpanes__splitter:after,.default-theme .splitpanes--vertical>.splitpanes__splitter:after,.default-theme.splitpanes--vertical>.splitpanes__splitter:before,.default-theme .splitpanes--vertical>.splitpanes__splitter:before{-webkit-transform:translateY(-50%);transform:translateY(-50%);width:1px;height:30px}.default-theme.splitpanes--vertical>.splitpanes__splitter:before,.default-theme .splitpanes--vertical>.splitpanes__splitter:before{margin-left:-2px}.default-theme.splitpanes--vertical>.splitpanes__splitter:after,.default-theme .splitpanes--vertical>.splitpanes__splitter:after{margin-left:1px}.default-theme.splitpanes--horizontal>.splitpanes__splitter,.default-theme .splitpanes--horizontal>.splitpanes__splitter{height:7px;border-top:1px solid #eee;margin-top:-1px}.default-theme.splitpanes--horizontal>.splitpanes__splitter:after,.default-theme .splitpanes--horizontal>.splitpanes__splitter:after,.default-theme.splitpanes--horizontal>.splitpanes__splitter:before,.default-theme .splitpanes--horizontal>.splitpanes__splitter:before{-webkit-transform:translateX(-50%);transform:translate(-50%);width:30px;height:1px}.default-theme.splitpanes--horizontal>.splitpanes__splitter:before,.default-theme .splitpanes--horizontal>.splitpanes__splitter:before{margin-top:-2px}.default-theme.splitpanes--horizontal>.splitpanes__splitter:after,.default-theme .splitpanes--horizontal>.splitpanes__splitter:after{margin-top:1px}.dark .dark\:i-carbon-moon,.dark [dark\:i-carbon-moon=""]{--un-icon:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' preserveAspectRatio='xMidYMid meet' viewBox='0 0 32 32'%3E%3Cpath fill='currentColor' d='M13.502 5.414a15.075 15.075 0 0 0 11.594 18.194a11.113 11.113 0 0 1-7.975 3.39c-.138 0-.278.005-.418 0a11.094 11.094 0 0 1-3.2-21.584M14.98 3a1.002 1.002 0 0 0-.175.016a13.096 13.096 0 0 0 1.825 25.981c.164.006.328 0 .49 0a13.072 13.072 0 0 0 10.703-5.555a1.01 1.01 0 0 0-.783-1.565A13.08 13.08 0 0 1 15.89 4.38A1.015 1.015 0 0 0 14.98 3Z'/%3E%3C/svg%3E");mask:var(--un-icon) no-repeat;mask-size:100% 100%;-webkit-mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;background-color:currentColor;height:1.2em;width:1.2em;display:inline-block;vertical-align:text-bottom;}.i-carbon-dashboard,[i-carbon-dashboard=""]{--un-icon:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' preserveAspectRatio='xMidYMid meet' viewBox='0 0 32 32'%3E%3Cpath fill='currentColor' d='M24 21h2v5h-2zm-4-5h2v10h-2zm-9 10a5.006 5.006 0 0 1-5-5h2a3 3 0 1 0 3-3v-2a5 5 0 0 1 0 10z'/%3E%3Cpath fill='currentColor' d='M28 2H4a2.002 2.002 0 0 0-2 2v24a2.002 2.002 0 0 0 2 2h24a2.003 2.003 0 0 0 2-2V4a2.002 2.002 0 0 0-2-2Zm0 9H14V4h14ZM12 4v7H4V4ZM4 28V13h24l.002 15Z'/%3E%3C/svg%3E");mask:var(--un-icon) no-repeat;mask-size:100% 100%;-webkit-mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;background-color:currentColor;height:1.2em;width:1.2em;display:inline-block;vertical-align:text-bottom;}.i-carbon-document-blank{--un-icon:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' preserveAspectRatio='xMidYMid meet' viewBox='0 0 32 32'%3E%3Cpath fill='currentColor' d='m25.7 9.3l-7-7A.908.908 0 0 0 18 2H8a2.006 2.006 0 0 0-2 2v24a2.006 2.006 0 0 0 2 2h16a2.006 2.006 0 0 0 2-2V10a.908.908 0 0 0-.3-.7ZM18 4.4l5.6 5.6H18ZM24 28H8V4h8v6a2.006 2.006 0 0 0 2 2h6Z'/%3E%3C/svg%3E");mask:var(--un-icon) no-repeat;mask-size:100% 100%;-webkit-mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;background-color:currentColor;height:1.2em;width:1.2em;display:inline-block;vertical-align:text-bottom;}.i-carbon-folder{--un-icon:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' preserveAspectRatio='xMidYMid meet' viewBox='0 0 32 32'%3E%3Cpath fill='currentColor' d='m11.17 6l3.42 3.41l.58.59H28v16H4V6h7.17m0-2H4a2 2 0 0 0-2 2v20a2 2 0 0 0 2 2h24a2 2 0 0 0 2-2V10a2 2 0 0 0-2-2H16l-3.41-3.41A2 2 0 0 0 11.17 4Z'/%3E%3C/svg%3E");mask:var(--un-icon) no-repeat;mask-size:100% 100%;-webkit-mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;background-color:currentColor;height:1.2em;width:1.2em;display:inline-block;vertical-align:text-bottom;}.i-carbon-launch,[i-carbon-launch=""]{--un-icon:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' preserveAspectRatio='xMidYMid meet' viewBox='0 0 32 32'%3E%3Cpath fill='currentColor' d='M26 28H6a2.003 2.003 0 0 1-2-2V6a2.003 2.003 0 0 1 2-2h10v2H6v20h20V16h2v10a2.003 2.003 0 0 1-2 2Z'/%3E%3Cpath fill='currentColor' d='M20 2v2h6.586L18 12.586L19.414 14L28 5.414V12h2V2H20z'/%3E%3C/svg%3E");mask:var(--un-icon) no-repeat;mask-size:100% 100%;-webkit-mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;background-color:currentColor;height:1.2em;width:1.2em;display:inline-block;vertical-align:text-bottom;}.i-carbon-portfolio{--un-icon:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' preserveAspectRatio='xMidYMid meet' viewBox='0 0 32 32'%3E%3Cpath fill='currentColor' d='M28 10h-6V6a2 2 0 0 0-2-2h-8a2 2 0 0 0-2 2v4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h24a2 2 0 0 0 2-2V12a2 2 0 0 0-2-2ZM12 6h8v4h-8ZM4 26V12h24v14Z'/%3E%3C/svg%3E");mask:var(--un-icon) no-repeat;mask-size:100% 100%;-webkit-mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;background-color:currentColor;height:1.2em;width:1.2em;display:inline-block;vertical-align:text-bottom;}.i-carbon-sun,[i-carbon-sun=""]{--un-icon:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' preserveAspectRatio='xMidYMid meet' viewBox='0 0 32 32'%3E%3Cpath fill='currentColor' d='M16 12.005a4 4 0 1 1-4 4a4.005 4.005 0 0 1 4-4m0-2a6 6 0 1 0 6 6a6 6 0 0 0-6-6ZM5.394 6.813L6.81 5.399l3.505 3.506L8.9 10.319zM2 15.005h5v2H2zm3.394 10.193L8.9 21.692l1.414 1.414l-3.505 3.506zM15 25.005h2v5h-2zm6.687-1.9l1.414-1.414l3.506 3.506l-1.414 1.414zm3.313-8.1h5v2h-5zm-3.313-6.101l3.506-3.506l1.414 1.414l-3.506 3.506zM15 2.005h2v5h-2z'/%3E%3C/svg%3E");mask:var(--un-icon) no-repeat;mask-size:100% 100%;-webkit-mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;background-color:currentColor;height:1.2em;width:1.2em;display:inline-block;vertical-align:text-bottom;}.i-carbon-terminal,[i-carbon-terminal=""]{--un-icon:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' preserveAspectRatio='xMidYMid meet' viewBox='0 0 32 32'%3E%3Cpath fill='currentColor' d='M26 4.01H6a2 2 0 0 0-2 2v20a2 2 0 0 0 2 2h20a2 2 0 0 0 2-2v-20a2 2 0 0 0-2-2Zm0 2v4H6v-4Zm-20 20v-14h20v14Z'/%3E%3Cpath fill='currentColor' d='m10.76 16.18l2.82 2.83l-2.82 2.83l1.41 1.41l4.24-4.24l-4.24-4.24l-1.41 1.41z'/%3E%3C/svg%3E");mask:var(--un-icon) no-repeat;mask-size:100% 100%;-webkit-mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;background-color:currentColor;height:1.2em;width:1.2em;display:inline-block;vertical-align:text-bottom;}.i-carbon-vmdk-disk{--un-icon:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' preserveAspectRatio='xMidYMid meet' viewBox='0 0 32 32'%3E%3Ccircle cx='10.5' cy='24.5' r='1.5' fill='currentColor'/%3E%3Cpath fill='currentColor' d='M18 16.414L19.414 15L23 18.585L21.585 20z'/%3E%3Ccircle cx='16' cy='13' r='2' fill='currentColor'/%3E%3Cpath fill='currentColor' d='M16 6a7 7 0 0 0 0 14v-2a5 5 0 1 1 5-5h2a7 7 0 0 0-7-7Z'/%3E%3Cpath fill='currentColor' d='M26 2H6a2 2 0 0 0-2 2v24a2 2 0 0 0 2 2h20a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2Zm0 26H6V4h20Z'/%3E%3C/svg%3E");mask:var(--un-icon) no-repeat;mask-size:100% 100%;-webkit-mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;background-color:currentColor;height:1.2em;width:1.2em;display:inline-block;vertical-align:text-bottom;}.i-logos-vue{background:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' preserveAspectRatio='xMidYMid meet' viewBox='0 0 256 221'%3E%3Cpath fill='%2341B883' d='M204.8 0H256L128 220.8L0 0h97.92L128 51.2L157.44 0h47.36Z'/%3E%3Cpath fill='%2341B883' d='m0 0l128 220.8L256 0h-51.2L128 132.48L50.56 0H0Z'/%3E%3Cpath fill='%2335495E' d='M50.56 0L128 133.12L204.8 0h-47.36L128 51.2L97.92 0H50.56Z'/%3E%3C/svg%3E") no-repeat;background-size:100% 100%;background-color:transparent;height:1.2em;width:1.2em;display:inline-block;vertical-align:text-bottom;}html,body,#app{height:100%;overflow:hidden}html:not(.dark){color-scheme:light}.dark{color-scheme:dark;background:#080808;color:#fff}.splitpanes__splitter{position:relative}.splitpanes__splitter:before{content:"";position:absolute;left:0;top:0;transition:opacity .4s;background-color:#7d7d7d1a;opacity:0;z-index:1}.splitpanes__splitter:hover:before{opacity:1}.splitpanes--vertical>.splitpanes__splitter:before{right:-10px;height:100%}.splitpanes--horizontal>.splitpanes__splitter:before{top:-10px;bottom:-10px;width:100%}.b-main,[b-main=""],[b~="main"]{--un-border-opacity:1;border-color:rgba(156,163,175,var(--un-border-opacity));--un-border-opacity:0.3;}.relative,[relative=""]{position:relative;}.grid,[grid=""],[grid~="\~"]{display:grid;}.row-span-3,[row-span-3=""]{grid-row:span 3/span 3;}[grid~="rows-\[max-content_1fr\]"]{grid-template-rows:max-content 1fr;}.grid-cols-2,[grid-cols-2=""]{grid-template-columns:repeat(2,minmax(0,1fr));}[grid~="cols-3"]{grid-template-columns:repeat(3,minmax(0,1fr));}[grid~="cols-4"]{grid-template-columns:repeat(4,minmax(0,1fr));}.children\:my-auto>*,[children\:my-auto=""]>*{margin-top:auto;margin-bottom:auto;}.ml-1,[ml-1=""]{margin-left:0.25rem;}.ml2,[ml2=""]{margin-left:0.5rem;}.ml4,[ml4=""]{margin-left:1rem;}.mr-1,[mr-1=""]{margin-right:0.25rem;}[m~="l-3\.7"]{margin-left:0.925rem;}[m~="r-1\.5"]{margin-right:0.375rem;}.block,[block=""]{display:block;}.inline-block,[inline-block=""]{display:inline-block;}.hidden{display:none;}.h-full,[h-full=""]{height:100%;}.h-screen,[h-screen=""]{height:100vh;}.w-screen,[w-screen=""]{width:100vw;}[h~="\31 \.3em"]{height:1.3em;}.flex,[flex=""],[flex~="\~"]{display:flex;}.flex-auto,[flex-auto=""]{flex:1 1 auto;}[flex~="col"]{flex-direction:column;}.cursor-default,[cursor-default=""]{cursor:default;}.cursor-pointer,[cursor-pointer=""]{cursor:pointer;}.select-none,[select-none=""]{user-select:none;}.gap-3,[flex~="gap-3"]{grid-gap:0.75rem;gap:0.75rem;}.gap-4,[grid~="gap-4"]{grid-gap:1rem;gap:1rem;}.of-hidden,[of-hidden=""],[overflow~="hidden"]{overflow:hidden;}[overflow~="auto"]{overflow:auto;}.truncate,[truncate=""]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.ws-nowrap,[ws-nowrap=""]{white-space:nowrap;}.ws-pre,[ws-pre=""]{white-space:pre;}.b{border-width:1px;border-style:solid;}.b-l,[b-l=""],[b~="l"]{border-left-width:1px;border-style:solid;}[b~="b"]{border-bottom-width:1px;border-style:solid;}[b~="r"]{border-right-width:1px;border-style:solid;}[b~="t"]{border-top-width:1px;border-style:solid;}.rounded,[rounded=""]{border-radius:0.25rem;}.bg-gray\/10,.bg-gray4\:10,[bg-gray4\:10=""]{background-color:rgba(156,163,175,0.1);}.bg-teal5\:10,[bg-teal5\:10=""]{background-color:rgba(20,184,166,0.1);}.p-5,[p-5=""]{padding:1.25rem;}.p0,[p0=""]{padding:0rem;}[p~="x1\.5"]{padding-left:0.375rem;padding-right:0.375rem;}[p~="x2"]{padding-left:0.5rem;padding-right:0.5rem;}[p~="x4"]{padding-left:1rem;padding-right:1rem;}[p~="y0\.5"]{padding-top:0.125rem;padding-bottom:0.125rem;}[p~="y1"]{padding-top:0.25rem;padding-bottom:0.25rem;}[p~="y2"]{padding-top:0.5rem;padding-bottom:0.5rem;}[p~="y3"]{padding-top:0.75rem;padding-bottom:0.75rem;}[p~="l3"]{padding-left:0.75rem;}[p~="t4"],[pt~="\34 "]{padding-top:1rem;}.font-mono,[font-mono=""]{font-family:'Fira Code', monospace;}.text-lg,[text-lg=""]{font-size:1.125rem;line-height:1.75rem;}.text-sm,[text-sm=""],[text~="sm"]{font-size:0.875rem;line-height:1.25rem;}.italic,[italic=""]{font-style:italic;}.dark [text~="dark\:gray3"]{--un-text-opacity:1;color:rgba(209,213,219,var(--un-text-opacity));}.hover\:text-red:hover{--un-text-opacity:1;color:rgba(248,113,113,var(--un-text-opacity));}.text-teal5,[text-teal5=""]{--un-text-opacity:1;color:rgba(20,184,166,var(--un-text-opacity));}[text~="gray5"]{--un-text-opacity:1;color:rgba(107,114,128,var(--un-text-opacity));}.hover\:op100:hover,[hover\:op100=""]:hover{opacity:1;}.op50,[op50=""]{opacity:0.5;}.op60,[op60=""]{opacity:0.6;}.op80,[op80=""]{opacity:0.8;}.dark .dark\:invert,.dark [dark\:invert=""],.filter,[filter=""]{--un-blur:var(--un-empty,/*!*/ /*!*/);--un-brightness:var(--un-empty,/*!*/ /*!*/);--un-contrast:var(--un-empty,/*!*/ /*!*/);--un-drop-shadow:var(--un-empty,/*!*/ /*!*/);--un-grayscale:var(--un-empty,/*!*/ /*!*/);--un-hue-rotate:var(--un-empty,/*!*/ /*!*/);--un-invert:var(--un-empty,/*!*/ /*!*/);--un-saturate:var(--un-empty,/*!*/ /*!*/);--un-sepia:var(--un-empty,/*!*/ /*!*/);--un-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);}.dark .dark\:invert,.dark [dark\:invert=""]{--un-invert:invert(1);filter:var(--un-filter);}.filter,[filter=""]{filter:var(--un-filter);}[content~="initial-scale\=1\.0"]{content:"initial-scale=1.0";}[content~="width\=device-width\2c "]{content:"width=device-width,";}.CodeMirror{font-family:monospace;height:300px;color:#000;direction:ltr}.CodeMirror-lines{padding:4px 0}.CodeMirror pre.CodeMirror-line,.CodeMirror pre.CodeMirror-line-like{padding:0 4px}.CodeMirror-scrollbar-filler,.CodeMirror-gutter-filler{background-color:#fff}.CodeMirror-gutters{border-right:1px solid #ddd;background-color:#f7f7f7;white-space:nowrap}.CodeMirror-linenumber{padding:0 3px 0 5px;min-width:20px;text-align:right;color:#999;white-space:nowrap}.CodeMirror-guttermarker{color:#000}.CodeMirror-guttermarker-subtle{color:#999}.CodeMirror-cursor{border-left:1px solid black;border-right:none;width:0}.CodeMirror div.CodeMirror-secondarycursor{border-left:1px solid silver}.cm-fat-cursor .CodeMirror-cursor{width:auto;border:0!important;background:#7e7}.cm-fat-cursor div.CodeMirror-cursors{z-index:1}.cm-fat-cursor .CodeMirror-line::selection,.cm-fat-cursor .CodeMirror-line>span::selection,.cm-fat-cursor .CodeMirror-line>span>span::selection{background:transparent}.cm-fat-cursor .CodeMirror-line::-moz-selection,.cm-fat-cursor .CodeMirror-line>span::-moz-selection,.cm-fat-cursor .CodeMirror-line>span>span::-moz-selection{background:transparent}.cm-fat-cursor{caret-color:transparent}@-moz-keyframes blink{50%{background-color:transparent}}@-webkit-keyframes blink{50%{background-color:transparent}}@keyframes blink{50%{background-color:transparent}}.cm-tab{display:inline-block;text-decoration:inherit}.CodeMirror-rulers{position:absolute;left:0;right:0;top:-50px;bottom:0;overflow:hidden}.CodeMirror-ruler{border-left:1px solid #ccc;top:0;bottom:0;position:absolute}.cm-s-default .cm-header{color:#00f}.cm-s-default .cm-quote{color:#090}.cm-negative{color:#d44}.cm-positive{color:#292}.cm-header,.cm-strong{font-weight:700}.cm-em{font-style:italic}.cm-link{text-decoration:underline}.cm-strikethrough{text-decoration:line-through}.cm-s-default .cm-keyword{color:#708}.cm-s-default .cm-atom{color:#219}.cm-s-default .cm-number{color:#164}.cm-s-default .cm-def{color:#00f}.cm-s-default .cm-variable-2{color:#05a}.cm-s-default .cm-variable-3,.cm-s-default .cm-type{color:#085}.cm-s-default .cm-comment{color:#a50}.cm-s-default .cm-string{color:#a11}.cm-s-default .cm-string-2{color:#f50}.cm-s-default .cm-meta,.cm-s-default .cm-qualifier{color:#555}.cm-s-default .cm-builtin{color:#30a}.cm-s-default .cm-bracket{color:#997}.cm-s-default .cm-tag{color:#170}.cm-s-default .cm-attribute{color:#00c}.cm-s-default .cm-hr{color:#999}.cm-s-default .cm-link{color:#00c}.cm-s-default .cm-error,.cm-invalidchar{color:red}.CodeMirror-composing{border-bottom:2px solid}div.CodeMirror span.CodeMirror-matchingbracket{color:#0b0}div.CodeMirror span.CodeMirror-nonmatchingbracket{color:#a22}.CodeMirror-matchingtag{background:rgba(255,150,0,.3)}.CodeMirror-activeline-background{background:#e8f2ff}.CodeMirror{position:relative;overflow:hidden;background:white}.CodeMirror-scroll{overflow:scroll!important;margin-bottom:-50px;margin-right:-50px;padding-bottom:50px;height:100%;outline:none;position:relative;z-index:0}.CodeMirror-sizer{position:relative;border-right:50px solid transparent}.CodeMirror-vscrollbar,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler,.CodeMirror-gutter-filler{position:absolute;z-index:6;display:none;outline:none}.CodeMirror-vscrollbar{right:0;top:0;overflow-x:hidden;overflow-y:scroll}.CodeMirror-hscrollbar{bottom:0;left:0;overflow-y:hidden;overflow-x:scroll}.CodeMirror-scrollbar-filler{right:0;bottom:0}.CodeMirror-gutter-filler{left:0;bottom:0}.CodeMirror-gutters{position:absolute;left:0;top:0;min-height:100%;z-index:3}.CodeMirror-gutter{white-space:normal;height:100%;display:inline-block;vertical-align:top;margin-bottom:-50px}.CodeMirror-gutter-wrapper{position:absolute;z-index:4;background:none!important;border:none!important}.CodeMirror-gutter-background{position:absolute;top:0;bottom:0;z-index:4}.CodeMirror-gutter-elt{position:absolute;cursor:default;z-index:4}.CodeMirror-gutter-wrapper ::selection{background-color:transparent}.CodeMirror-gutter-wrapper ::-moz-selection{background-color:transparent}.CodeMirror-lines{cursor:text;min-height:1px}.CodeMirror pre.CodeMirror-line,.CodeMirror pre.CodeMirror-line-like{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;border-width:0;background:transparent;font-family:inherit;font-size:inherit;margin:0;white-space:pre;word-wrap:normal;line-height:inherit;color:inherit;z-index:2;position:relative;overflow:visible;-webkit-tap-highlight-color:transparent;-webkit-font-variant-ligatures:contextual;font-variant-ligatures:contextual}.CodeMirror-wrap pre.CodeMirror-line,.CodeMirror-wrap pre.CodeMirror-line-like{word-wrap:break-word;white-space:pre-wrap;word-break:normal}.CodeMirror-linebackground{position:absolute;left:0;right:0;top:0;bottom:0;z-index:0}.CodeMirror-linewidget{position:relative;z-index:2;padding:.1px}.CodeMirror-rtl pre{direction:rtl}.CodeMirror-code{outline:none}.CodeMirror-scroll,.CodeMirror-sizer,.CodeMirror-gutter,.CodeMirror-gutters,.CodeMirror-linenumber{-moz-box-sizing:content-box;box-sizing:content-box}.CodeMirror-measure{position:absolute;width:100%;height:0;overflow:hidden;visibility:hidden}.CodeMirror-cursor{position:absolute;pointer-events:none}.CodeMirror-measure pre{position:static}div.CodeMirror-cursors{visibility:hidden;position:relative;z-index:3}div.CodeMirror-dragcursors,.CodeMirror-focused div.CodeMirror-cursors{visibility:visible}.CodeMirror-selected{background:#d9d9d9}.CodeMirror-focused .CodeMirror-selected{background:#d7d4f0}.CodeMirror-crosshair{cursor:crosshair}.CodeMirror-line::selection,.CodeMirror-line>span::selection,.CodeMirror-line>span>span::selection{background:#d7d4f0}.CodeMirror-line::-moz-selection,.CodeMirror-line>span::-moz-selection,.CodeMirror-line>span>span::-moz-selection{background:#d7d4f0}.cm-searching{background-color:#ffa;background-color:#ff06}.cm-force-border{padding-right:.1px}@media print{.CodeMirror div.CodeMirror-cursors{visibility:hidden}}.cm-tab-wrap-hack:after{content:""}span.CodeMirror-selectedtext{background:none}:root{--cm-scheme: light;--cm-foreground: #6e6e6e;--cm-background: #f4f4f4;--cm-comment: #a8a8a8;--cm-string: #555555;--cm-literal: #333333;--cm-keyword: #000000;--cm-function: #4f4f4f;--cm-deleted: #333333;--cm-class: #333333;--cm-builtin: #757575;--cm-property: #333333;--cm-namespace: #4f4f4f;--cm-punctuation: #ababab;--cm-decorator: var(--cm-class);--cm-operator: var(--cm-punctuation);--cm-number: var(--cm-literal);--cm-boolean: var(--cm-literal);--cm-variable: var(--cm-literal);--cm-constant: var(--cm-literal);--cm-symbol: var(--cm-literal);--cm-interpolation: var(--cm-literal);--cm-selector: var(--cm-keyword);--cm-keyword-control: var(--cm-keyword);--cm-regex: var(--cm-string);--cm-json-property: var(--cm-property);--cm-inline-background: var(--cm-background);--cm-comment-style: italic;--cm-url-decoration: underline;--cm-line-number: #a5a5a5;--cm-line-number-gutter: #333333;--cm-line-highlight-background: #eeeeee;--cm-selection-background: #aaaaaa;--cm-marker-color: var(--cm-foreground);--cm-marker-opacity: .4;--cm-marker-font-size: .8em;--cm-font-size: 1em;--cm-line-height: 1.5em;--cm-font-family: monospace;--cm-inline-font-size: var(--cm-font-size);--cm-block-font-size: var(--cm-font-size);--cm-tab-size: 2;--cm-block-padding-x: 1em;--cm-block-padding-y: 1em;--cm-block-margin-x: 0;--cm-block-margin-y: .5em;--cm-block-radius: .3em;--cm-inline-padding-x: .3em;--cm-inline-padding-y: .1em;--cm-inline-radius: .3em}.cm-s-vars.CodeMirror{background-color:var(--cm-background);color:var(--cm-foreground)}.cm-s-vars .CodeMirror-gutters{background:var(--cm-line-number-gutter);color:var(--cm-line-number);border:none}.cm-s-vars .CodeMirror-guttermarker,.cm-s-vars .CodeMirror-guttermarker-subtle,.cm-s-vars .CodeMirror-linenumber{color:var(--cm-line-number)}.cm-s-vars div.CodeMirror-selected,.cm-s-vars.CodeMirror-focused div.CodeMirror-selected{background:var(--cm-selection-background)}.cm-s-vars .CodeMirror-line::selection,.cm-s-vars .CodeMirror-line>span::selection,.cm-s-vars .CodeMirror-line>span>span::selection{background:var(--cm-selection-background)}.cm-s-vars .CodeMirror-line::-moz-selection,.cm-s-vars .CodeMirror-line>span::-moz-selection,.cm-s-vars .CodeMirror-line>span>span::-moz-selection{background:var(--cm-selection-background)}.cm-s-vars .CodeMirror-activeline-background{background:var(--cm-line-highlight-background)}.cm-s-vars .cm-keyword{color:var(--cm-keyword)}.cm-s-vars .cm-operator{color:var(--cm-punctuation)}.cm-s-vars .cm-variable,.cm-s-vars .cm-variable-2,.cm-s-vars .cm-variable-3,.cm-s-vars .cm-type{color:var(--cm-variable)}.cm-s-vars .cm-builtin{color:var(--cm-builtin)}.cm-s-vars .cm-atom{color:var(--cm-literal)}.cm-s-vars .cm-number{color:var(--cm-number)}.cm-s-vars .cm-def{color:var(--cm-decorator)}.cm-s-vars .cm-string,.cm-s-vars .cm-string-2{color:var(--cm-string)}.cm-s-vars .cm-comment{color:var(--cm-comment)}.cm-s-vars .cm-tag{color:var(--cm-property)}.cm-s-vars .cm-meta{color:var(--cm-namespace)}.cm-s-vars .cm-attribute,.cm-s-vars .cm-property{color:var(--cm-property)}.cm-s-vars .cm-qualifier{color:var(--cm-keyword)}.cm-s-vars .cm-error{color:var(--prism-deleted)}.cm-s-vars .CodeMirror-matchingbracket{text-decoration:underline}.cm-s-vars .CodeMirror-cursor{border-left:1px solid currentColor}.CodeMirror{height:100%!important;width:100%!important;font-family:inherit}.cm-s-vars .cm-tag{color:var(--cm-keyword)}:root{--cm-foreground: #393a3480;--cm-background: #fdfdfd;--cm-comment: #a0ada0;--cm-string: #b56959;--cm-literal: #2f8a89;--cm-number: #296aa3;--cm-keyword: #1c6b48;--cm-function: #6c7834;--cm-boolean: #1c6b48;--cm-constant: #a65e2b;--cm-deleted: #a14f55;--cm-class: #2993a3;--cm-builtin: #ab5959;--cm-property: #b58451;--cm-namespace: #b05a78;--cm-punctuation: #8e8f8b;--cm-decorator: #bd8f8f;--cm-regex: #ab5e3f;--cm-json-property: #698c96;--cm-ttc-c-thumb: #eee;--cm-ttc-c-track: white}html.dark{--cm-scheme: dark;--cm-foreground: #d4cfbf80;--cm-background: #111;--cm-comment: #758575;--cm-string: #d48372;--cm-literal: #429988;--cm-keyword: #4d9375;--cm-boolean: #1c6b48;--cm-number: #6394bf;--cm-variable: #c2b36e;--cm-function: #a1b567;--cm-deleted: #a14f55;--cm-class: #54b1bf;--cm-builtin: #e0a569;--cm-property: #dd8e6e;--cm-namespace: #db889a;--cm-punctuation: #858585;--cm-decorator: #bd8f8f;--cm-regex: #ab5e3f;--cm-json-property: #6b8b9e;--cm-line-number: #888888;--cm-line-number-gutter: #eeeeee;--cm-line-highlight-background: #444444;--cm-selection-background: #44444450;--cm-ttc-c-thumb: #222;--cm-ttc-c-track: #111}.highlighted{border-bottom:1px dashed currentColor}.CodeMirror-scroll::-webkit-scrollbar,.scrolls::-webkit-scrollbar{width:8px;height:8px}.full-scrolls .CodeMirror .CodeMirror-scroll,.scrolls{overflow:auto!important;height:calc(100vh - 2px)!important;scrollbar-width:thin;scrollbar-color:var(--cm-ttc-c-thumb) var(--cm-ttc-c-track)}.scrolls-sidebar{height:calc(100vh - 92px - 2.5rem)!important}.overview-scrolls .CodeMirror .CodeMirror-scroll{--use-overview-scrolls: var(--overview-scrolls, calc(100vh - 179px - 2rem));height:var(--use-overview-scrolls)!important}.module-scrolls .CodeMirror .CodeMirror-scroll{--use-module-scrolls: var(--module-scrolls, calc(100vh - 41px - 2.5rem));height:var(--use-module-scrolls)!important}.rpel-scrolls .CodeMirror .CodeMirror-scroll{--use-rpel-scrolls: var(--rpel-scrolls, calc(100vh - 41px - 2.5rem));height:var(--use-rpel-scrolls)!important}.CodeMirror-scroll::-webkit-scrollbar-track,.scrolls::-webkit-scrollbar-track{background:var(--cm-ttc-c-track)}.CodeMirror-scroll::-webkit-scrollbar-thumb,.scrolls::-webkit-scrollbar-thumb{background-color:var(--cm-ttc-c-thumb);border-radius:3px;border:2px solid var(--cm-ttc-c-thumb)}.CodeMirror-scroll::-webkit-scrollbar-corner,.scrolls::-webkit-scrollbar-corner{background-color:var(--cm-ttc-c-track)}.CodeMirror{overflow:unset!important}.CodeMirror-vscrollbar,.CodeMirror-hscrollbar{display:none!important}.CodeMirror-scroll{margin-bottom:unset!important;margin-right:unset!important;padding-bottom:unset!important}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import{d as h,r as y,J as v,a as i,c as g,n as l,p as x,b as n,i as e,K as S,s as _,v as b}from"./vendor.34dd1435.js";import{u as B,f as V,_ as k,a as C,b as R}from"./index.13d26e8e.js";const w={"h-full":"",grid:"~ rows-[max-content_1fr]","of-hidden":""},E=n("div",null," REPL Playground ",-1),P=n("div",{op60:""}," Edit your code below to test and play UnoCSS's matching and generating. ",-1),N={"h-full":"","of-hidden":"",grid:"","grid-cols-2":""},U=h({setup(m){const o=y(null),s=B(o,"rpel-scrolls"),t=v("unocss:inspector:repl",`<div class="text-sm hover:text-red">
|
|
2
|
+
Hello World
|
|
3
|
+
</div>`),{data:a}=V(t);return(H,r)=>{var d,u;const p=k,c=C;return i(),g("div",w,[l(p,{ref_key:"status",ref:o},{default:x(()=>[E,P]),_:1},512),n("div",N,[l(c,{modelValue:e(t),"onUpdate:modelValue":r[0]||(r[0]=f=>S(t)?t.value=f:null),mode:"html",matched:((d=e(a))==null?void 0:d.matched)||[],class:"scrolls rpel-scrolls",style:_(e(s))},null,8,["modelValue","matched","style"]),l(c,{"b-l":"","b-main":"","model-value":((u=e(a))==null?void 0:u.css)||"/* empty */","read-only":!0,mode:"css",class:"scrolls rpel-scrolls",style:_(e(s))},null,8,["model-value","style"])])])}}}),$={};function z(m,o){const s=U;return i(),b(s)}var L=R($,[["render",z]]);export{L as default};
|